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

html {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

body {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

div {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

span {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

applet {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

object {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

iframe {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

h1 {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

h2 {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

h3 {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

h4 {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

h5 {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

h6 {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

p {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

blockquote {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

pre {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

a {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

abbr {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

acronym {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

address {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

big {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

cite {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

code {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

del {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

dfn {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

em {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

img {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

ins {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

kbd {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

q {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

s {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

samp {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

small {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

strike {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

strong {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

sub {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

sup {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

tt {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

var {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

b {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

u {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

i {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

center {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

dl {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

dt {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

dd {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

ol {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

ul {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

li {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

fieldset {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

form {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

label {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

legend {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

table {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

caption {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

tbody {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

tfoot {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

thead {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

tr {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

th {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

td {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

article {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

aside {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

canvas {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

details {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

embed {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

figure {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

figcaption {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

footer {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

header {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

hgroup {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

menu {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

nav {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

output {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

ruby {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

section {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

summary {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

time {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

mark {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

audio {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

video {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: top;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

article {
    display: block;
}

aside {
    display: block;
}

details {
    display: block;
}

figcaption {
    display: block;
}

figure {
    display: block;
}

footer {
    display: block;
}

header {
    display: block;
}

hgroup {
    display: block;
}

menu {
    display: block;
}

nav {
    display: block;
}

section {
    display: block;
}

body {
    line-height: 1;
}

ol {
    list-style: none;
}

ul {
    list-style: none;
}

blockquote {
    quotes: none;
}

q {
    quotes: none;
}

blockquote::before {
    content: none;
}

blockquote::after {
    content: none;
}

q::before {
    content: none;
}

q::after {
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

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

h1 {
    line-height: 120%;
    letter-spacing: 0.05em;
    font-size: 3.12rem;
    font-weight: 800;
}

@media all and (max-width:736px) {
    h1 {
        letter-spacing: 0.15em;
    }
}

.h1 {
    line-height: 120%;
    letter-spacing: 0.05em;
    font-size: 3.12rem;
    font-weight: 800;
}

    .h1 p {
        line-height: 120%;
        letter-spacing: 0.05em;
        font-size: 3.12rem;
        font-weight: 800;
    }

    .h1 div {
        line-height: 120%;
        letter-spacing: 0.05em;
        font-size: 3.12rem;
        font-weight: 800;
    }

@media all and (max-width:736px) {
    .h1 {
        letter-spacing: 0.15em;
    }

        .h1 p {
            letter-spacing: 0.15em;
        }

        .h1 div {
            letter-spacing: 0.15em;
        }
}

h2 {
    line-height: 120%;
    letter-spacing: 0.05em;
    font-size: 2.62rem;
    font-weight: 800;
}

@media all and (max-width:736px) {
    h2 {
        letter-spacing: 0.15em;
    }
}

.h2 {
    line-height: 120%;
    letter-spacing: 0.05em;
    font-size: 2.62rem;
    font-weight: 800;
}

    .h2 p {
        line-height: 120%;
        letter-spacing: 0.05em;
        font-size: 2.62rem;
        font-weight: 800;
    }

    .h2 div {
        line-height: 120%;
        letter-spacing: 0.05em;
        font-size: 2.62rem;
        font-weight: 800;
    }

@media all and (max-width:736px) {
    .h2 {
        letter-spacing: 0.15em;
    }

        .h2 p {
            letter-spacing: 0.15em;
        }

        .h2 div {
            letter-spacing: 0.15em;
        }
}

h3 {
    line-height: 120%;
    letter-spacing: 0.05em;
    font-size: 1.62rem;
    font-weight: 800;
}

@media all and (max-width:736px) {
    h3 {
        letter-spacing: 0.15em;
    }
}

@media all and (max-width:736px) {
    h3 {
        font-size: 1.37rem;
    }
}

.h3 {
    line-height: 120%;
    letter-spacing: 0.05em;
    font-size: 1.62rem;
    font-weight: 800;
}

    .h3 p {
        line-height: 120%;
        letter-spacing: 0.05em;
        font-size: 1.62rem;
        font-weight: 800;
    }

    .h3 div {
        line-height: 120%;
        letter-spacing: 0.05em;
        font-size: 1.62rem;
        font-weight: 800;
    }

@media all and (max-width:736px) {
    .h3 {
        letter-spacing: 0.15em;
    }

        .h3 p {
            letter-spacing: 0.15em;
        }

        .h3 div {
            letter-spacing: 0.15em;
        }
}

@media all and (max-width:736px) {
    .h3 {
        font-size: 1.37rem;
    }

        .h3 p {
            font-size: 1.37rem;
        }

        .h3 div {
            font-size: 1.37rem;
        }
}

h4 {
    line-height: 120%;
    letter-spacing: 0.05em;
    font-size: 2rem;
    font-weight: 800;
}

@media all and (max-width:736px) {
    h4 {
        letter-spacing: 0.15em;
    }
}

@media all and (max-width:736px) {
    h4 {
        font-size: 1rem;
    }
}

.h4 {
    line-height: 120%;
    letter-spacing: 0.05em;
    font-size: 2rem;
    font-weight: 800;
}

    .h4 p {
        line-height: 120%;
        letter-spacing: 0.05em;
        font-size: 2rem;
        font-weight: 800;
    }

    .h4 div {
        line-height: 120%;
        letter-spacing: 0.05em;
        font-size: 2rem;
        font-weight: 800;
    }

@media all and (max-width:736px) {
    .h4 {
        letter-spacing: 0.15em;
    }

        .h4 p {
            letter-spacing: 0.15em;
        }

        .h4 div {
            letter-spacing: 0.15em;
        }
}

@media all and (max-width:736px) {
    .h4 {
        font-size: 1rem;
    }

        .h4 p {
            font-size: 1rem;
        }

        .h4 div {
            font-size: 1rem;
        }
}

h5 {
    line-height: 120%;
    letter-spacing: 0.05em;
    font-size: 1.87rem;
    font-weight: 800;
}

@media all and (max-width:736px) {
    h5 {
        letter-spacing: 0.15em;
    }
}

.h5 {
    line-height: 120%;
    letter-spacing: 0.05em;
    font-size: 1.87rem;
    font-weight: 800;
}

    .h5 p {
        line-height: 120%;
        letter-spacing: 0.05em;
        font-size: 1.87rem;
        font-weight: 800;
    }

    .h5 div {
        line-height: 120%;
        letter-spacing: 0.05em;
        font-size: 1.87rem;
        font-weight: 800;
    }

@media all and (max-width:736px) {
    .h5 {
        letter-spacing: 0.15em;
    }

        .h5 p {
            letter-spacing: 0.15em;
        }

        .h5 div {
            letter-spacing: 0.15em;
        }
}

h6 {
    line-height: 120%;
    letter-spacing: 0.05em;
    font-size: 1.25rem;
    font-weight: 800;
}

@media all and (max-width:736px) {
    h6 {
        letter-spacing: 0.15em;
    }
}

.h6 {
    line-height: 120%;
    letter-spacing: 0.05em;
    font-size: 1.25rem;
    font-weight: 800;
}

    .h6 p {
        line-height: 120%;
        letter-spacing: 0.05em;
        font-size: 1.25rem;
        font-weight: 800;
    }

    .h6 div {
        line-height: 120%;
        letter-spacing: 0.05em;
        font-size: 1.25rem;
        font-weight: 800;
    }

@media all and (max-width:736px) {
    .h6 {
        letter-spacing: 0.15em;
    }

        .h6 p {
            letter-spacing: 0.15em;
        }

        .h6 div {
            letter-spacing: 0.15em;
        }
}

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

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

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

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

a {
    color: rgb(255, 0, 36);
    text-decoration: none;
}

    a:hover {
        text-decoration: none;
    }

abbr {
    border-bottom-color: currentColor;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    cursor: help;
}

acronym {
    border-bottom-color: currentColor;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    cursor: help;
}

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

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

cite {
    font-style: italic;
}

code {
    background: rgb(246, 246, 246);
    padding: 0.12em 0.25em;
    border: 1px solid rgb(233, 233, 233);
    border-image: none;
    line-height: 150%;
    font-family: monospace;
    font-size: 0.96rem;
}

em {
    font-style: italic;
}

i {
    font-style: italic;
}

strong {
    font-weight: bold;
}

b {
    font-weight: bold;
}

hr {
    border-width: 1px medium medium;
    border-style: solid none none;
    border-color: rgb(246, 246, 246) currentColor currentColor;
    margin: 1em 0px;
    padding: 0px;
    border-image: none;
}

ol {
    margin: 1em 0px;
    padding: 0px 0px 0px 2em;
}

ul {
    margin: 1em 0px;
    padding: 0px 0px 0px 2em;
}

ol li {
    list-style-position: outside;
}

ul li {
    list-style-position: outside;
}

ul li {
}

ol li {
    list-style: decimal;
}

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

form {
    margin: 1em 0px;
}

dl {
    margin: 1em 0px;
}

    dl dt {
        font-weight: bold;
    }

    dl dd {
        margin: 0px 0px 0.5em;
    }

table {
    margin: 1em 0px;
    width: 100%;
}

    table th {
        background: white;
        padding: 0.5em;
        border: 1px solid rgb(246, 246, 246);
        border-image: none;
        text-align: left;
        font-weight: bold;
    }

    table td {
        padding: 0.5em;
        border: 1px solid rgb(246, 246, 246);
        border-image: none;
    }

[class^='icon-']::before {
    width: 1em;
    text-align: center;
    text-transform: none;
    line-height: 1em;
    font-family: "entypo";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: inherit;
    margin-right: 0.2em;
    margin-left: 0.2em;
    display: inline-block;
    speak: none;
}

[class*=' icon-']::before {
    width: 1em;
    text-align: center;
    text-transform: none;
    line-height: 1em;
    font-family: "entypo";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: inherit;
    margin-right: 0.2em;
    margin-left: 0.2em;
    display: inline-block;
    speak: none;
}

.tweet::before {
    width: 1em;
    text-align: center;
    text-transform: none;
    line-height: 1em;
    font-family: "entypo";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: inherit;
    margin-right: 0.2em;
    margin-left: 0.2em;
    display: inline-block;
    speak: none;
}

.read-more::after {
    width: 1em;
    text-align: center;
    text-transform: none;
    line-height: 1em;
    font-family: "entypo";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: inherit;
    margin-right: 0.2em;
    margin-left: 0.2em;
    display: inline-block;
    speak: none;
}

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 {
    margin-right: auto;
    margin-left: auto;
    max-width: 1100px;
}

    .container::after {
        clear: both;
        display: table;
        content: "";
    }

@media all and (min-width:1200px) {
    .container {
        max-width: 1200px;
    }
}

@media all and (max-width:1024px) {
    .container {
        max-width: 100%;
    }
}

@media all and (max-width:736px) {
    .container {
        max-width: 100%;
    }
}

.error {
    color: rgb(170, 0, 0);
}

.success {
    color: rgb(0, 170, 0);
}

.column-one {
    width: 4.33%;
    margin-right: 2%;
    margin-left: 2%;
    float: left;
    display: block;
    min-height: 1px;
}

@media all and (min-width:1200px) {
    .column-one {
        width: 4.33%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    .column-one {
        width: 4.33%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    .column-one {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

.column-two {
    width: 12.66%;
    margin-right: 2%;
    margin-left: 2%;
    float: left;
    display: block;
    min-height: 1px;
}

@media all and (min-width:1200px) {
    .column-two {
        width: 12.66%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    .column-two {
        width: 12.66%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    .column-two {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

.column-three {
    width: 21%;
    margin-right: 2%;
    margin-left: 2%;
    float: left;
    display: block;
    min-height: 1px;
}

@media all and (min-width:1200px) {
    .column-three {
        width: 21%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    .column-three {
        width: 21%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    .column-three {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

.column-four {
    width: 29.33%;
    margin-right: 2%;
    margin-left: 2%;
    float: left;
    display: block;
    min-height: 1px;
}

@media all and (min-width:1200px) {
    .column-four {
        width: 29.33%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    .column-four {
        width: 29.33%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    .column-four {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

.column-five {
    width: 37.66%;
    margin-right: 2%;
    margin-left: 2%;
    float: left;
    display: block;
    min-height: 1px;
}

@media all and (min-width:1200px) {
    .column-five {
        width: 37.66%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    .column-five {
        width: 37.66%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    .column-five {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

.column-six {
    width: 46%;
    margin-right: 2%;
    margin-left: 2%;
    float: left;
    display: block;
    min-height: 1px;
}

@media all and (min-width:1200px) {
    .column-six {
        width: 46%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    .column-six {
        width: 46%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    .column-six {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

.column-seven {
    width: 54.33%;
    margin-right: 2%;
    margin-left: 2%;
    float: left;
    display: block;
    min-height: 1px;
}

@media all and (min-width:1200px) {
    .column-seven {
        width: 54.33%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    .column-seven {
        width: 54.33%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    .column-seven {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

.column-eight {
    width: 62.66%;
    margin-right: 2%;
    margin-left: 2%;
    float: left;
    display: block;
    min-height: 1px;
}

@media all and (min-width:1200px) {
    .column-eight {
        width: 62.66%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    .column-eight {
        width: 62.66%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    .column-eight {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

.column-nine {
    width: 71%;
    margin-right: 2%;
    margin-left: 2%;
    float: left;
    display: block;
    min-height: 1px;
}

@media all and (min-width:1200px) {
    .column-nine {
        width: 71%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    .column-nine {
        width: 71%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    .column-nine {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

.column-ten {
    width: 79.33%;
    margin-right: 2%;
    margin-left: 2%;
    float: left;
    display: block;
    min-height: 1px;
}

@media all and (min-width:1200px) {
    .column-ten {
        width: 79.33%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    .column-ten {
        width: 79.33%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    .column-ten {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

.column-eleven {
    width: 87.66%;
    margin-right: 2%;
    margin-left: 2%;
    float: left;
    display: block;
    min-height: 1px;
}

@media all and (min-width:1200px) {
    .column-eleven {
        width: 87.66%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    .column-eleven {
        width: 87.66%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    .column-eleven {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

.column-twelve {
    width: 96%;
    margin-right: 2%;
    margin-left: 2%;
    float: left;
    display: block;
    min-height: 1px;
}

@media all and (min-width:1200px) {
    .column-twelve {
        width: 96%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    .column-twelve {
        width: 96%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    .column-twelve {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

.row.mega-button {
    padding-top: 0px;
    padding-bottom: 0px;
    position: relative;
}

    .row.mega-button .container {
        max-width: inherit;
    }

    .row.mega-button .row-defaults {
        width: 100%;
        margin-right: 0px;
        margin-left: 0px;
        float: left;
    }

    .row.mega-button .row-buttons {
        margin: 0px;
    }

        .row.mega-button .row-buttons a {
            margin: 0px;
            width: 100%;
            font-size: 6em;
            display: block;
        }

@media all and (max-width:736px) {
    .row.mega-button .row-buttons a {
        font-size: 3em;
    }
}

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

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

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

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

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

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

.accordion-wrap {
    margin: 0px auto 1em;
    width: 100%;
    float: left;
}

    .accordion-wrap .body {
        width: 100%;
        float: left;
        display: none;
    }

    .accordion-wrap .title {
        padding: 1.5em;
        width: 100%;
        font-size: 1em;
        font-weight: bold;
        float: left;
        cursor: pointer;
    }

    .accordion-wrap .text {
        float: left;
    }

    .accordion-wrap .switch {
        width: 1.5em;
        height: 1em;
        float: right;
        display: block;
        position: relative;
        cursor: pointer;
        transform: scale3d(0.8, 0.8, 0.8);
    }

        .accordion-wrap .switch::after {
            background: currentColor;
            transition: 200ms;
            left: 50%;
            top: 50%;
            width: 1em;
            height: 0.1em;
            display: block;
            position: absolute;
            content: " ";
            transform: translate(-50%, -50%);
        }

        .accordion-wrap .switch::before {
            background: currentColor;
            transition: 200ms;
            left: 50%;
            top: 50%;
            width: 1em;
            height: 0.1em;
            display: block;
            position: absolute;
            content: " ";
            transform: translate(-50%, -50%);
        }

        .accordion-wrap .switch::before {
            transform: translateY(-50%) translateX(-18%) rotate(-45deg);
        }

        .accordion-wrap .switch::after {
            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 {
    padding: 1.5em;
    color: rgb(0, 0, 0);
    background-color: rgb(246, 246, 246);
}

.lightbg .accordion-wrap .body {
    padding: 0em 2em;
    color: rgb(0, 0, 0);
    margin-top: 1em;
}

@media all and (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 {
        padding: 1.5em;
        color: rgb(0, 0, 0);
        background-color: rgb(255, 255, 255);
    }

    .darkbg .accordion-wrap .body {
        padding: 0em 2em;
        color: rgb(0, 0, 0);
        margin-top: 1em;
    }

@media all and (max-width:736px) {
    .darkbg .accordion-wrap .body {
        padding: 0em 1em;
    }
}

.secondbg .accordion-wrap .title {
    color: rgb(0, 0, 0);
    background-color: rgb(255, 255, 255);
}

.thirdbg .accordion-wrap .title {
    color: rgb(0, 0, 0);
    background-color: rgb(255, 255, 255);
}

.imagebg .accordion-wrap .title {
    color: rgb(0, 0, 0);
    background-color: rgb(255, 255, 255);
}

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

    .brandbg .accordion-wrap .title {
        padding: 1.5em;
        color: rgb(255, 255, 255);
        background-color: rgb(255, 0, 36);
    }

    .brandbg .accordion-wrap .body {
        padding: 0em 2em;
        color: rgb(255, 255, 255);
        margin-top: 1em;
    }

@media all and (max-width:736px) {
    .brandbg .accordion-wrap .body {
        padding: 0em 1em;
    }
}

.row.accordion-row .row-content {
    width: 62.66%;
    margin-right: 2%;
    margin-left: 18.66%;
    float: left;
    display: block;
}

@media all and (min-width:1200px) {
    .row.accordion-row .row-content {
        width: 62.66%;
        margin-right: 2%;
        margin-left: 18.66%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    .row.accordion-row .row-content {
        width: 62.66%;
        margin-right: 2%;
        margin-left: 18.66%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    .row.accordion-row .row-content {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

.announcement-notifications {
    left: 1.5em;
    width: 1000px;
    bottom: 1.5em;
    position: fixed !important;
    z-index: 20;
    max-width: 30em;
}

@media all and (max-width:736px) {
    .announcement-notifications {
        left: 0em;
        bottom: 0em;
        max-width: 100%;
    }
}

.announcement {
    transition: 1s cubic-bezier(0.33, 0, 0.19, 1);
    left: 0em;
    width: 100%;
    bottom: 0em;
    color: rgb(255, 255, 255);
    overflow: hidden;
    float: left;
    position: absolute;
    z-index: 20;
    max-width: 30em;
    box-shadow: 0em 0.25em 0.5em rgba(0,0,0,0.1);
    background-color: rgba(0, 0, 0, 0.5);
}

@media all and (max-width:736px) {
    .announcement {
        left: 0em;
        bottom: 0em;
        max-width: 100%;
    }
}

.announcement a {
    color: rgb(0, 0, 0);
}

.announcement .announcement-container .announcement-image {
    background-position: center;
    transition: 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    width: 25%;
    height: 100%;
    float: left;
    position: absolute;
    background-size: cover;
}

    .announcement .announcement-container .announcement-image img {
        width: 100%;
        height: auto;
    }

.announcement .announcement-container .announcement-content {
    padding: 1.5em;
    text-align: left;
    float: left;
}

    .announcement .announcement-container .announcement-content .announcement-content-wrap {
        color: rgb(255, 255, 255);
    }

        .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: 0px;
            font-size: 0.75em;
        }

@media all and (max-width:736px) {
    .announcement .announcement-container .announcement-content .announcement-content-wrap h6 {
        font-size: 0.75em;
    }

    .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 {
    transition: 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    top: 0.25em;
    right: 0.25em;
    color: currentColor;
    font-size: 1.25em;
    position: absolute;
    cursor: pointer;
}

    .announcement .announcement-controls:hover {
        opacity: 1;
    }

.announcement:hover {
    box-shadow: 0em 0.5em 0.75em rgba(0,0,0,0.1);
    transform: translateY(-5px);
}

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

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

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

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

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

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

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

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

.announcement-topbanner {
    padding: 1em;
    transition: 300ms cubic-bezier(0.33, 0, 0.19, 1);
    left: 0px;
    top: 0px;
    width: 100%;
    text-align: center;
    color: rgb(255, 255, 255);
    margin-top: 0px;
    position: relative;
    z-index: 5000;
    background-color: rgb(255, 0, 36);
}

    .announcement-topbanner a {
        color: currentColor;
    }

    .announcement-topbanner p {
        margin: 0px;
    }

    .announcement-topbanner img {
        width: 100%;
        display: none;
        max-width: 50px;
    }

    .announcement-topbanner .announcement-controls {
        padding: 0.25em;
        top: 0px;
        right: 0px;
        font-size: 1.35em;
        position: absolute;
        z-index: 2;
        cursor: pointer;
    }

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

.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;
}

button {
    margin: 0px 0px 0.62em;
    padding: 0.75em 1.5em;
    border: currentColor;
    border-image: none;
    color: rgb(0, 0, 0);
    text-transform: uppercase;
    line-height: 100%;
    overflow: hidden;
    font-family: inherit;
    font-size: 1rem;
    text-decoration: none;
    display: inline-block;
    position: relative;
    z-index: 1;
    cursor: pointer;
    box-shadow: inset 0px 0px 0px 2px #000000;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.button {
    margin: 0px 0px 0.62em;
    padding: 0.75em 1.5em;
    border: currentColor;
    border-image: none;
    color: rgb(0, 0, 0);
    text-transform: uppercase;
    line-height: 100%;
    overflow: hidden;
    font-family: inherit;
    font-size: 1rem;
    text-decoration: none;
    display: inline-block;
    position: relative;
    z-index: 1;
    cursor: pointer;
    box-shadow: inset 0px 0px 0px 2px #000000;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

[class^='button'] {
    margin: 0px 0px 0.62em;
    padding: 0.75em 1.5em;
    border: currentColor;
    border-image: none;
    color: rgb(0, 0, 0);
    text-transform: uppercase;
    line-height: 100%;
    overflow: hidden;
    font-family: inherit;
    font-size: 1rem;
    text-decoration: none;
    display: inline-block;
    position: relative;
    z-index: 1;
    cursor: pointer;
    box-shadow: inset 0px 0px 0px 2px #000000;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input[type='button'] {
    margin: 0px 0px 0.62em;
    padding: 0.75em 1.5em;
    border: currentColor;
    border-image: none;
    color: rgb(0, 0, 0);
    text-transform: uppercase;
    line-height: 100%;
    overflow: hidden;
    font-family: inherit;
    font-size: 1rem;
    text-decoration: none;
    display: inline-block;
    position: relative;
    z-index: 1;
    cursor: pointer;
    box-shadow: inset 0px 0px 0px 2px #000000;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input[type='submit'] {
    margin: 0px 0px 0.62em;
    padding: 0.75em 1.5em;
    border: currentColor;
    border-image: none;
    color: rgb(0, 0, 0);
    text-transform: uppercase;
    line-height: 100%;
    overflow: hidden;
    font-family: inherit;
    font-size: 1rem;
    text-decoration: none;
    display: inline-block;
    position: relative;
    z-index: 1;
    cursor: pointer;
    box-shadow: inset 0px 0px 0px 2px #000000;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input[type='reset'] {
    margin: 0px 0px 0.62em;
    padding: 0.75em 1.5em;
    border: currentColor;
    border-image: none;
    color: rgb(0, 0, 0);
    text-transform: uppercase;
    line-height: 100%;
    overflow: hidden;
    font-family: inherit;
    font-size: 1rem;
    text-decoration: none;
    display: inline-block;
    position: relative;
    z-index: 1;
    cursor: pointer;
    box-shadow: inset 0px 0px 0px 2px #000000;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

button span {
    transition: 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    display: inline-block;
    position: relative;
    z-index: 2;
}

.button span {
    transition: 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    display: inline-block;
    position: relative;
    z-index: 2;
}

[class^='button'] span {
    transition: 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    display: inline-block;
    position: relative;
    z-index: 2;
}

input[type='button'] span {
    transition: 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    display: inline-block;
    position: relative;
    z-index: 2;
}

input[type='submit'] span {
    transition: 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    display: inline-block;
    position: relative;
    z-index: 2;
}

input[type='reset'] span {
    transition: 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    display: inline-block;
    position: relative;
    z-index: 2;
}

button::after {
    background: rgb(0, 0, 0);
    transform-origin: right 50%;
    transition: transform 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    left: 0px;
    top: 0px;
    height: 100%;
    right: 0px;
    position: absolute;
    z-index: -1;
    content: "";
    transform: scale3d(0, 1, 1);
}

.button::after {
    background: rgb(0, 0, 0);
    transform-origin: right 50%;
    transition: transform 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    left: 0px;
    top: 0px;
    height: 100%;
    right: 0px;
    position: absolute;
    z-index: -1;
    content: "";
    transform: scale3d(0, 1, 1);
}

[class^='button']::after {
    background: rgb(0, 0, 0);
    transform-origin: right 50%;
    transition: transform 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    left: 0px;
    top: 0px;
    height: 100%;
    right: 0px;
    position: absolute;
    z-index: -1;
    content: "";
    transform: scale3d(0, 1, 1);
}

input[type='button']::after {
    background: rgb(0, 0, 0);
    transform-origin: right 50%;
    transition: transform 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    left: 0px;
    top: 0px;
    height: 100%;
    right: 0px;
    position: absolute;
    z-index: -1;
    content: "";
    transform: scale3d(0, 1, 1);
}

input[type='submit']::after {
    background: rgb(0, 0, 0);
    transform-origin: right 50%;
    transition: transform 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    left: 0px;
    top: 0px;
    height: 100%;
    right: 0px;
    position: absolute;
    z-index: -1;
    content: "";
    transform: scale3d(0, 1, 1);
}

input[type='reset']::after {
    background: rgb(0, 0, 0);
    transform-origin: right 50%;
    transition: transform 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    left: 0px;
    top: 0px;
    height: 100%;
    right: 0px;
    position: absolute;
    z-index: -1;
    content: "";
    transform: scale3d(0, 1, 1);
}

button:hover {
    color: rgb(255, 255, 255);
    text-decoration: none;
    opacity: 1 !important;
}

.button:hover {
    color: rgb(255, 255, 255);
    text-decoration: none;
    opacity: 1 !important;
}

[class^='button']:hover {
    color: rgb(255, 255, 255);
    text-decoration: none;
    opacity: 1 !important;
}

input[type='button']:hover {
    color: rgb(255, 255, 255);
    text-decoration: none;
    opacity: 1 !important;
}

input[type='submit']:hover {
    color: rgb(255, 255, 255);
    text-decoration: none;
    opacity: 1 !important;
}

input[type='reset']:hover {
    color: rgb(255, 255, 255);
    text-decoration: none;
    opacity: 1 !important;
}

button:hover span {
    color: rgb(255, 255, 255);
}

.button:hover span {
    color: rgb(255, 255, 255);
}

[class^='button']:hover span {
    color: rgb(255, 255, 255);
}

input[type='button']:hover span {
    color: rgb(255, 255, 255);
}

input[type='submit']:hover span {
    color: rgb(255, 255, 255);
}

input[type='reset']:hover span {
    color: rgb(255, 255, 255);
}

button:hover::after {
    transform-origin: left 50%;
    transform: scale3d(1, 1, 1);
}

.button:hover::after {
    transform-origin: left 50%;
    transform: scale3d(1, 1, 1);
}

[class^='button']:hover::after {
    transform-origin: left 50%;
    transform: scale3d(1, 1, 1);
}

input[type='button']:hover::after {
    transform-origin: left 50%;
    transform: scale3d(1, 1, 1);
}

input[type='submit']:hover::after {
    transform-origin: left 50%;
    transform: scale3d(1, 1, 1);
}

input[type='reset']:hover::after {
    transform-origin: left 50%;
    transform: scale3d(1, 1, 1);
}

button.disabled {
    color: black;
    cursor: default;
}

.button.disabled {
    color: black;
    cursor: default;
}

[class^='button'].disabled {
    color: black;
    cursor: default;
}

input[type='button'].disabled {
    color: black;
    cursor: default;
}

input[type='submit'].disabled {
    color: black;
    cursor: default;
}

input[type='reset'].disabled {
    color: black;
    cursor: default;
}

button.huge {
    padding: 0.62em 2em;
    font-size: 1.25rem;
    font-weight: 600;
}

.button.huge {
    padding: 0.62em 2em;
    font-size: 1.25rem;
    font-weight: 600;
}

[class^='button'].huge {
    padding: 0.62em 2em;
    font-size: 1.25rem;
    font-weight: 600;
}

input[type='button'].huge {
    padding: 0.62em 2em;
    font-size: 1.25rem;
    font-weight: 600;
}

input[type='submit'].huge {
    padding: 0.62em 2em;
    font-size: 1.25rem;
    font-weight: 600;
}

input[type='reset'].huge {
    padding: 0.62em 2em;
    font-size: 1.25rem;
    font-weight: 600;
}

button.primary {
    padding: 0.75em 1.5em;
    color: rgb(255, 0, 36);
    text-transform: uppercase;
    overflow: hidden;
    position: relative;
    z-index: 1;
    box-shadow: inset 0px 0px 0px 2px #ff0024;
    background-color: transparent;
}

.button-primary {
    padding: 0.75em 1.5em;
    color: rgb(255, 0, 36);
    text-transform: uppercase;
    overflow: hidden;
    position: relative;
    z-index: 1;
    box-shadow: inset 0px 0px 0px 2px #ff0024;
    background-color: transparent;
}

input.button-primary {
    padding: 0.75em 1.5em;
    color: rgb(255, 0, 36);
    text-transform: uppercase;
    overflow: hidden;
    position: relative;
    z-index: 1;
    box-shadow: inset 0px 0px 0px 2px #ff0024;
    background-color: transparent;
}

button.primary span {
    transition: 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    display: inline-block;
    position: relative;
    z-index: 2;
}

.button-primary span {
    transition: 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    display: inline-block;
    position: relative;
    z-index: 2;
}

input.button-primary span {
    transition: 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    display: inline-block;
    position: relative;
    z-index: 2;
}

button.primary::after {
    background: rgb(255, 0, 36);
    transform-origin: right 50%;
    transition: transform 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    left: 0px;
    top: 0px;
    height: 100%;
    right: 0px;
    position: absolute;
    z-index: -1;
    content: "";
    transform: scale3d(0, 1, 1);
}

.button-primary::after {
    background: rgb(255, 0, 36);
    transform-origin: right 50%;
    transition: transform 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    left: 0px;
    top: 0px;
    height: 100%;
    right: 0px;
    position: absolute;
    z-index: -1;
    content: "";
    transform: scale3d(0, 1, 1);
}

input.button-primary::after {
    background: rgb(255, 0, 36);
    transform-origin: right 50%;
    transition: transform 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    left: 0px;
    top: 0px;
    height: 100%;
    right: 0px;
    position: absolute;
    z-index: -1;
    content: "";
    transform: scale3d(0, 1, 1);
}

button.primary:hover {
    color: rgb(255, 255, 255);
    text-decoration: none;
    opacity: 1 !important;
}

.button-primary:hover {
    color: rgb(255, 255, 255);
    text-decoration: none;
    opacity: 1 !important;
}

input.button-primary:hover {
    color: rgb(255, 255, 255);
    text-decoration: none;
    opacity: 1 !important;
}

button.primary:hover span {
    color: rgb(255, 255, 255);
}

.button-primary:hover span {
    color: rgb(255, 255, 255);
}

input.button-primary:hover span {
    color: rgb(255, 255, 255);
}

button.primary:hover::after {
    transform-origin: left 50%;
    transform: scale3d(1, 1, 1);
}

.button-primary:hover::after {
    transform-origin: left 50%;
    transform: scale3d(1, 1, 1);
}

input.button-primary:hover::after {
    transform-origin: left 50%;
    transform: scale3d(1, 1, 1);
}

button.primary.disabled {
    color: rgb(179, 0, 25);
    cursor: default;
}

.button-primary.disabled {
    color: rgb(179, 0, 25);
    cursor: default;
}

input.button-primary.disabled {
    color: rgb(179, 0, 25);
    cursor: default;
}

button.secondary {
    padding: 0.75em 1.5em;
    color: rgb(157, 106, 180);
    text-transform: uppercase;
    overflow: hidden;
    position: relative;
    z-index: 1;
    box-shadow: inset 0px 0px 0px 2px #9d6ab4;
    background-color: transparent;
}

.button-secondary {
    padding: 0.75em 1.5em;
    color: rgb(157, 106, 180);
    text-transform: uppercase;
    overflow: hidden;
    position: relative;
    z-index: 1;
    box-shadow: inset 0px 0px 0px 2px #9d6ab4;
    background-color: transparent;
}

input.button-secondary {
    padding: 0.75em 1.5em;
    color: rgb(157, 106, 180);
    text-transform: uppercase;
    overflow: hidden;
    position: relative;
    z-index: 1;
    box-shadow: inset 0px 0px 0px 2px #9d6ab4;
    background-color: transparent;
}

button.secondary span {
    transition: 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    display: inline-block;
    position: relative;
    z-index: 2;
}

.button-secondary span {
    transition: 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    display: inline-block;
    position: relative;
    z-index: 2;
}

input.button-secondary span {
    transition: 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    display: inline-block;
    position: relative;
    z-index: 2;
}

button.secondary::after {
    background: rgb(157, 106, 180);
    transform-origin: right 50%;
    transition: transform 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    left: 0px;
    top: 0px;
    height: 100%;
    right: 0px;
    position: absolute;
    z-index: -1;
    content: "";
    transform: scale3d(0, 1, 1);
}

.button-secondary::after {
    background: rgb(157, 106, 180);
    transform-origin: right 50%;
    transition: transform 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    left: 0px;
    top: 0px;
    height: 100%;
    right: 0px;
    position: absolute;
    z-index: -1;
    content: "";
    transform: scale3d(0, 1, 1);
}

input.button-secondary::after {
    background: rgb(157, 106, 180);
    transform-origin: right 50%;
    transition: transform 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    left: 0px;
    top: 0px;
    height: 100%;
    right: 0px;
    position: absolute;
    z-index: -1;
    content: "";
    transform: scale3d(0, 1, 1);
}

button.secondary:hover {
    color: rgb(255, 255, 255);
    text-decoration: none;
    opacity: 1 !important;
}

.button-secondary:hover {
    color: rgb(255, 255, 255);
    text-decoration: none;
    opacity: 1 !important;
}

input.button-secondary:hover {
    color: rgb(255, 255, 255);
    text-decoration: none;
    opacity: 1 !important;
}

button.secondary:hover span {
    color: rgb(255, 255, 255);
}

.button-secondary:hover span {
    color: rgb(255, 255, 255);
}

input.button-secondary:hover span {
    color: rgb(255, 255, 255);
}

button.secondary:hover::after {
    transform-origin: left 50%;
    transform: scale3d(1, 1, 1);
}

.button-secondary:hover::after {
    transform-origin: left 50%;
    transform: scale3d(1, 1, 1);
}

input.button-secondary:hover::after {
    transform-origin: left 50%;
    transform: scale3d(1, 1, 1);
}

button.secondary.disabled {
    color: rgb(118, 70, 139);
    cursor: default;
}

.button-secondary.disabled {
    color: rgb(118, 70, 139);
    cursor: default;
}

input.button-secondary.disabled {
    color: rgb(118, 70, 139);
    cursor: default;
}

button.facebook {
    padding: 0.75em 1.5em 0.75em 0.6em;
    color: rgb(59, 89, 152);
    text-transform: uppercase;
    overflow: hidden;
    position: relative;
    z-index: 1;
    box-shadow: inset 0px 0px 0px 2px #3b5998;
    background-color: transparent;
}

.button-facebook {
    padding: 0.75em 1.5em 0.75em 0.6em;
    color: rgb(59, 89, 152);
    text-transform: uppercase;
    overflow: hidden;
    position: relative;
    z-index: 1;
    box-shadow: inset 0px 0px 0px 2px #3b5998;
    background-color: transparent;
}

input.button-facebook {
    padding: 0.75em 1.5em 0.75em 0.6em;
    color: rgb(59, 89, 152);
    text-transform: uppercase;
    overflow: hidden;
    position: relative;
    z-index: 1;
    box-shadow: inset 0px 0px 0px 2px #3b5998;
    background-color: transparent;
}

button.facebook span {
    transition: 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    display: inline-block;
    position: relative;
    z-index: 2;
}

.button-facebook span {
    transition: 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    display: inline-block;
    position: relative;
    z-index: 2;
}

input.button-facebook span {
    transition: 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    display: inline-block;
    position: relative;
    z-index: 2;
}

button.facebook::after {
    background: rgb(59, 89, 152);
    transform-origin: right 50%;
    transition: transform 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    left: 0px;
    top: 0px;
    height: 100%;
    right: 0px;
    position: absolute;
    z-index: -1;
    content: "";
    transform: scale3d(0, 1, 1);
}

.button-facebook::after {
    background: rgb(59, 89, 152);
    transform-origin: right 50%;
    transition: transform 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    left: 0px;
    top: 0px;
    height: 100%;
    right: 0px;
    position: absolute;
    z-index: -1;
    content: "";
    transform: scale3d(0, 1, 1);
}

input.button-facebook::after {
    background: rgb(59, 89, 152);
    transform-origin: right 50%;
    transition: transform 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    left: 0px;
    top: 0px;
    height: 100%;
    right: 0px;
    position: absolute;
    z-index: -1;
    content: "";
    transform: scale3d(0, 1, 1);
}

button.facebook:hover {
    color: rgb(255, 255, 255);
    text-decoration: none;
    opacity: 1 !important;
}

.button-facebook:hover {
    color: rgb(255, 255, 255);
    text-decoration: none;
    opacity: 1 !important;
}

input.button-facebook:hover {
    color: rgb(255, 255, 255);
    text-decoration: none;
    opacity: 1 !important;
}

button.facebook:hover span {
    color: rgb(255, 255, 255);
}

.button-facebook:hover span {
    color: rgb(255, 255, 255);
}

input.button-facebook:hover span {
    color: rgb(255, 255, 255);
}

button.facebook:hover::after {
    transform-origin: left 50%;
    transform: scale3d(1, 1, 1);
}

.button-facebook:hover::after {
    transform-origin: left 50%;
    transform: scale3d(1, 1, 1);
}

input.button-facebook:hover::after {
    transform-origin: left 50%;
    transform: scale3d(1, 1, 1);
}

button.facebook.disabled {
    color: rgb(38, 57, 97);
    cursor: default;
}

.button-facebook.disabled {
    color: rgb(38, 57, 97);
    cursor: default;
}

input.button-facebook.disabled {
    color: rgb(38, 57, 97);
    cursor: default;
}

button.facebook.disabled {
    background: rgb(144, 153, 174);
    color: white;
    cursor: default;
}

.button-facebook.disabled {
    background: rgb(144, 153, 174);
    color: white;
    cursor: default;
}

input.button-facebook.disabled {
    background: rgb(144, 153, 174);
    color: white;
    cursor: default;
}

button.twitter {
    padding: 0.75em 1.5em;
    color: rgb(0, 172, 237);
    text-transform: uppercase;
    overflow: hidden;
    position: relative;
    z-index: 1;
    box-shadow: inset 0px 0px 0px 2px #00aced;
    background-color: transparent;
}

.button-twitter {
    padding: 0.75em 1.5em;
    color: rgb(0, 172, 237);
    text-transform: uppercase;
    overflow: hidden;
    position: relative;
    z-index: 1;
    box-shadow: inset 0px 0px 0px 2px #00aced;
    background-color: transparent;
}

input.button-twitter {
    padding: 0.75em 1.5em;
    color: rgb(0, 172, 237);
    text-transform: uppercase;
    overflow: hidden;
    position: relative;
    z-index: 1;
    box-shadow: inset 0px 0px 0px 2px #00aced;
    background-color: transparent;
}

button.twitter span {
    transition: 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    display: inline-block;
    position: relative;
    z-index: 2;
}

.button-twitter span {
    transition: 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    display: inline-block;
    position: relative;
    z-index: 2;
}

input.button-twitter span {
    transition: 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    display: inline-block;
    position: relative;
    z-index: 2;
}

button.twitter::after {
    background: rgb(0, 172, 237);
    transform-origin: right 50%;
    transition: transform 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    left: 0px;
    top: 0px;
    height: 100%;
    right: 0px;
    position: absolute;
    z-index: -1;
    content: "";
    transform: scale3d(0, 1, 1);
}

.button-twitter::after {
    background: rgb(0, 172, 237);
    transform-origin: right 50%;
    transition: transform 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    left: 0px;
    top: 0px;
    height: 100%;
    right: 0px;
    position: absolute;
    z-index: -1;
    content: "";
    transform: scale3d(0, 1, 1);
}

input.button-twitter::after {
    background: rgb(0, 172, 237);
    transform-origin: right 50%;
    transition: transform 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    left: 0px;
    top: 0px;
    height: 100%;
    right: 0px;
    position: absolute;
    z-index: -1;
    content: "";
    transform: scale3d(0, 1, 1);
}

button.twitter:hover {
    color: rgb(255, 255, 255);
    text-decoration: none;
    opacity: 1 !important;
}

.button-twitter:hover {
    color: rgb(255, 255, 255);
    text-decoration: none;
    opacity: 1 !important;
}

input.button-twitter:hover {
    color: rgb(255, 255, 255);
    text-decoration: none;
    opacity: 1 !important;
}

button.twitter:hover span {
    color: rgb(255, 255, 255);
}

.button-twitter:hover span {
    color: rgb(255, 255, 255);
}

input.button-twitter:hover span {
    color: rgb(255, 255, 255);
}

button.twitter:hover::after {
    transform-origin: left 50%;
    transform: scale3d(1, 1, 1);
}

.button-twitter:hover::after {
    transform-origin: left 50%;
    transform: scale3d(1, 1, 1);
}

input.button-twitter:hover::after {
    transform-origin: left 50%;
    transform: scale3d(1, 1, 1);
}

button.twitter.disabled {
    color: rgb(0, 116, 161);
    cursor: default;
}

.button-twitter.disabled {
    color: rgb(0, 116, 161);
    cursor: default;
}

input.button-twitter.disabled {
    color: rgb(0, 116, 161);
    cursor: default;
}

button.twitter.disabled {
    color: white;
    cursor: default;
    background-color: rgb(174, 188, 199);
}

.button-twitter.disabled {
    color: white;
    cursor: default;
    background-color: rgb(174, 188, 199);
}

input.button-twitter.disabled {
    color: white;
    cursor: default;
    background-color: rgb(174, 188, 199);
}

[data-component-type='TCCCalendar'] {
    width: 100%;
    position: relative;
}

    [data-component-type='TCCCalendar'] .rbc-toolbar-label {
        text-align: right !important;
        padding-right: 0px !important;
    }

    [data-component-type='TCCCalendar'] .rbc-btn-group button::after {
        display: none;
    }

    [data-component-type='TCCCalendar'] .rbc-event {
        color: white;
        background-color: rgb(255, 0, 36);
    }

    [data-component-type='TCCCalendar'] .rbc-today {
        position: relative;
        background-color: transparent;
    }

        [data-component-type='TCCCalendar'] .rbc-today::after {
            left: 0px;
            width: 100%;
            height: 100%;
            right: 0px;
            position: absolute;
            content: "";
            opacity: 0.1;
            background-color: rgb(255, 0, 36);
        }

    [data-component-type='TCCCalendar'] .calendar-list {
        display: none;
    }

@media all and (max-width:736px) {
    [data-component-type='TCCCalendar'] .calendar-list {
        display: block;
    }
}

[data-component-type='TCCCalendar'] .calendar-list .list-event {
    padding: 2em;
    border: 1px solid currentColor;
    border-image: none;
    width: 96%;
    margin-right: 2%;
    margin-bottom: 2em;
    margin-left: 2%;
    float: left;
    display: block;
    cursor: pointer;
}

@media all and (min-width:1200px) {
    [data-component-type='TCCCalendar'] .calendar-list .list-event {
        width: 96%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    [data-component-type='TCCCalendar'] .calendar-list .list-event {
        width: 96%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    [data-component-type='TCCCalendar'] .calendar-list .list-event {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

[data-component-type='TCCCalendar'] .calendar-list :last-child.list-event {
    margin-bottom: 0px;
}

[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 all and (max-width:736px) {
    [data-component-type='TCCCalendar'] .calendar {
        display: none;
    }
}

[data-component-type='ChatRoom'] {
    width: 100%;
    overflow: auto;
    position: relative;
}

    [data-component-type='ChatRoom'] .groupchat-chat {
        height: 500px;
        display: flex;
        position: relative;
        max-height: 80vh;
        flex-direction: column;
        justify-content: flex-end;
    }

        [data-component-type='ChatRoom'] .groupchat-chat .chats {
            text-align: left;
            overflow: auto;
            display: flex;
            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;
                    margin-right: 0.5em;
                    display: inline-block;
                }

                [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-family: Arial, Helvetica, sans-serif;
                    font-size: 1em;
                    font-weight: normal;
                }

                [data-component-type='ChatRoom'] .groupchat-chat .chats .groupchat-message-text .controls {
                    font-size: 0.65em;
                    opacity: 0.75;
                }

                    [data-component-type='ChatRoom'] .groupchat-chat .chats .groupchat-message-text .controls a:first-child .icon::before {
                        margin-left: 0px;
                    }

                [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 {
            width: 100%;
            min-height: 100px;
        }

        [data-component-type='ChatRoom'] .chat-control label {
            display: none;
        }

        [data-component-type='ChatRoom'] .chat-control .chat-control-bar {
            display: flex;
            justify-content: space-between;
            align-self: center;
        }

            [data-component-type='ChatRoom'] .chat-control .chat-control-bar .icon {
                font-size: 1.5em;
            }

    [data-component-type='ChatRoom'] .groupchat-signin input {
        width: 100%;
    }

.churchonline {
    width: 100%;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: flex-start;
}

    .churchonline .churchonline-video-player {
        flex: 1 1 0px;
    }

        .churchonline .churchonline-video-player .button::after {
            display: none;
        }

        .churchonline .churchonline-video-player button::after {
            display: none;
        }

    .churchonline .churchonline-stack {
        width: 30%;
        height: 100%;
        margin-left: 4em;
    }

    .churchonline .churchonline-stack-bar {
        padding: 0px 0em 1em;
        overflow: hidden;
        border-bottom-color: currentColor;
        border-bottom-width: 1px;
        border-bottom-style: solid;
    }

        .churchonline .churchonline-stack-bar .churchonline-stack-bar-wrap {
            transition: 0.5s cubic-bezier(0.33, 0, 0.19, 1);
            transform: translateX(-2em);
        }

        .churchonline .churchonline-stack-bar .icon {
            transition: 0.5s cubic-bezier(0.33, 0, 0.19, 1);
            font-size: 1.25em;
            display: inline-block;
            transform: translateX(-0.5em);
        }

        .churchonline .churchonline-stack-bar.-screen-open .churchonline-stack-bar-wrap {
            transform: translateX(0em);
        }

    .churchonline .churchonline-stack-screens {
        height: 100%;
        overflow: hidden;
        position: relative;
    }

    .churchonline .churchonline-stack-item-link {
        padding: 1em 0em;
        width: 100%;
        color: currentColor;
        border-bottom-color: currentColor;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .churchonline .churchonline-stack-item-link span {
            display: inline-block;
        }

    .churchonline .churchonline-stack-item {
        transition: 0.5s cubic-bezier(0.33, 0, 0.19, 1);
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        color: currentColor;
        overflow: auto;
        padding-top: 2em;
        position: absolute;
        z-index: 10;
        transform: translateX(100%);
        background-color: white;
    }

        .churchonline .churchonline-stack-item.-active {
            transform: translateX(0px);
        }

        .churchonline .churchonline-stack-item .churchonline-stack-item-content {
            height: 100%;
        }

    .churchonline .prayer-request-app {
        margin: 0px;
        width: 100%;
    }

@media all and (max-width:1024px) {
    .churchonline {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        display: block;
    }

        .churchonline .churchonline-stack {
            width: 100%;
            height: auto;
            margin-top: 2em;
            margin-left: 0px;
        }
}

.darkbg .churchonline-stack-item {
    background-color: rgb(246, 246, 246);
}

.brandbg .churchonline-stack-item {
    background-color: rgb(255, 0, 36);
}

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

.embed > * {
    width: 100%;
}

.cookie-policy-banner {
    padding: 2em;
    transition: 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    left: 0px;
    width: 100%;
    bottom: 0px;
    color: black;
    line-height: 140%;
    font-size: 0.85em;
    border-top-color: rgb(239, 239, 239);
    border-top-width: 1px;
    border-top-style: solid;
    position: fixed;
    z-index: 2147483647;
    box-shadow: 0em 0.5em 0.75em rgba(0,0,0,0.1);
    transform: translateY(150%);
    background-color: white;
}

    .cookie-policy-banner .close {
        padding: 0.25em;
        top: 0.25em;
        right: 0em;
        font-size: 2em;
        position: absolute;
    }

    .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 {
        transform: translateY(0%);
    }

form {
    display: block;
}

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

legend {
    margin: 0px 0px 1em;
    width: 100%;
    font-weight: bold;
    border-bottom-color: rgb(246, 246, 246);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
}

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

textarea {
    margin: 0px 0px 0.62em;
    padding: 0.5em;
    border-radius: 0px;
    border: 1px solid rgb(246, 246, 246);
    border-image: none;
    font-family: inherit;
    font-size: 1rem;
    vertical-align: middle;
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
}

input {
    /*margin: 0px 0px 0.62em;*/
    padding: 0.5em;
    border-radius: 0px;
    border: 1px solid rgb(246, 246, 246);
    border-image: none;
    font-family: inherit;
    font-size: 1rem;
    vertical-align: middle;
    display: inline;
    -webkit-appearance: none;
    -moz-appearance: none;
}

    input[type='text'] {
        margin: 0px 0px 0.62em;
        padding: 0.5em;
        border-radius: 0px;
        /*border: 1px solid rgb(246, 246, 246);*/
        border-image: none;
        font-family: inherit;
        font-size: 1rem;
        vertical-align: middle;
        display: block;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    input[type='password'] {
        margin: 0px 0px 0.62em;
        padding: 0.5em;
        border-radius: 0px;
        border: 1px solid rgb(246, 246, 246);
        border-image: none;
        font-family: inherit;
        font-size: 1rem;
        vertical-align: middle;
        display: block;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    input[type='datetime'] {
        margin: 0px 0px 0.62em;
        padding: 0.5em;
        border-radius: 0px;
        border: 1px solid rgb(246, 246, 246);
        border-image: none;
        font-family: inherit;
        font-size: 1rem;
        vertical-align: middle;
        display: block;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    input[type='datetime-local'] {
        margin: 0px 0px 0.62em;
        padding: 0.5em;
        border-radius: 0px;
        border: 1px solid rgb(246, 246, 246);
        border-image: none;
        font-family: inherit;
        font-size: 1rem;
        vertical-align: middle;
        display: block;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    input[type='date'] {
        margin: 0px 0px 0.62em;
        padding: 0.5em;
        border-radius: 0px;
        border: 1px solid rgb(246, 246, 246);
        border-image: none;
        font-family: inherit;
        font-size: 1rem;
        vertical-align: middle;
        display: block;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    input[type='month'] {
        margin: 0px 0px 0.62em;
        padding: 0.5em;
        border-radius: 0px;
        border: 1px solid rgb(246, 246, 246);
        border-image: none;
        font-family: inherit;
        font-size: 1rem;
        vertical-align: middle;
        display: block;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    input[type='time'] {
        margin: 0px 0px 0.62em;
        padding: 0.5em;
        border-radius: 0px;
        border: 1px solid rgb(246, 246, 246);
        border-image: none;
        font-family: inherit;
        font-size: 1rem;
        vertical-align: middle;
        display: block;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    input[type='week'] {
        margin: 0px 0px 0.62em;
        padding: 0.5em;
        border-radius: 0px;
        border: 1px solid rgb(246, 246, 246);
        border-image: none;
        font-family: inherit;
        font-size: 1rem;
        vertical-align: middle;
        display: block;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    input[type='number'] {
        margin: 0px 0px 0.62em;
        padding: 0.5em;
        border-radius: 0px;
        border: 1px solid rgb(246, 246, 246);
        border-image: none;
        font-family: inherit;
        font-size: 1rem;
        vertical-align: middle;
        display: block;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    input[type='email'] {
        margin: 0px 0px 0.62em;
        padding: 0.5em;
        border-radius: 0px;
        border: 1px solid rgb(246, 246, 246);
        border-image: none;
        font-family: inherit;
        font-size: 1rem;
        vertical-align: middle;
        display: block;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    input[type='url'] {
        margin: 0px 0px 0.62em;
        padding: 0.5em;
        border-radius: 0px;
        border: 1px solid rgb(246, 246, 246);
        border-image: none;
        font-family: inherit;
        font-size: 1rem;
        vertical-align: middle;
        display: block;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    input[type='search'] {
        margin: 0px 0px 0.62em;
        padding: 0.5em;
        border-radius: 0px;
        border: 1px solid rgb(246, 246, 246);
        border-image: none;
        font-family: inherit;
        font-size: 1rem;
        vertical-align: middle;
        display: block;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    input[type='tel'] {
        margin: 0px 0px 0.62em;
        padding: 0.5em;
        border-radius: 0px;
        border: 1px solid rgb(246, 246, 246);
        border-image: none;
        font-family: inherit;
        font-size: 1rem;
        vertical-align: middle;
        display: block;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    input[type='image'] {
        margin: 0px 0px 0.62em;
        padding: 0.5em;
        border-radius: 0px;
        border: 1px solid rgb(246, 246, 246);
        border-image: none;
        font-family: inherit;
        font-size: 1rem;
        vertical-align: middle;
        display: block;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    input[type='color'] {
        margin: 0px 0px 0.62em;
        padding: 0.5em;
        border-radius: 0px;
        border: 1px solid rgb(246, 246, 246);
        border-image: none;
        font-family: inherit;
        font-size: 1rem;
        vertical-align: middle;
        display: block;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

select {
    margin: 0px 0px 0.62em;
    padding: 0.5em;
    border-radius: 0px !important;
    border: 1px solid rgb(246, 246, 246);
    border-image: none;
    font-family: inherit;
    font-size: 1rem;
    vertical-align: middle;
    display: block;
    /*-webkit-appearance: none;
    -moz-appearance: none;*/
}

.stripe-elements {
    margin: 0px 0px 0.62em;
    padding: 0.5em;
    border-radius: 0px;
    border: 1px solid rgb(246, 246, 246);
    border-image: none;
    font-family: inherit;
    font-size: 1rem;
    vertical-align: middle;
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
}

textarea:hover {
    border: 1px solid rgb(238, 238, 238);
    border-image: none;
}

input:hover {
    border: 1px solid rgb(238, 238, 238);
    border-image: none;
}

input[type='text']:hover {
    border: 1px solid #000000;
    border-image: none;
}

input[type='password']:hover {
    border: 1px solid rgb(238, 238, 238);
    border-image: none;
}

input[type='datetime']:hover {
    border: 1px solid rgb(238, 238, 238);
    border-image: none;
}

input[type='datetime-local']:hover {
    border: 1px solid rgb(238, 238, 238);
    border-image: none;
}

input[type='date']:hover {
    border: 1px solid rgb(238, 238, 238);
    border-image: none;
}

input[type='month']:hover {
    border: 1px solid rgb(238, 238, 238);
    border-image: none;
}

input[type='time']:hover {
    border: 1px solid rgb(238, 238, 238);
    border-image: none;
}

input[type='week']:hover {
    border: 1px solid rgb(238, 238, 238);
    border-image: none;
}

input[type='number']:hover {
    border: 1px solid rgb(238, 238, 238);
    border-image: none;
}

input[type='email']:hover {
    border: 1px solid rgb(238, 238, 238);
    border-image: none;
}

input[type='url']:hover {
    border: 1px solid rgb(238, 238, 238);
    border-image: none;
}

input[type='search']:hover {
    border: 1px solid rgb(238, 238, 238);
    border-image: none;
}

input[type='tel']:hover {
    border: 1px solid rgb(238, 238, 238);
    border-image: none;
}

input[type='image']:hover {
    border: 1px solid rgb(238, 238, 238);
    border-image: none;
}

input[type='color']:hover {
    border: 1px solid rgb(238, 238, 238);
    border-image: none;
}

select:hover {
    border: 1px solid #000000;
    border-image: none;
}

.stripe-elements:hover {
    border: 1px solid rgb(238, 238, 238);
    border-image: none;
}

textarea:focus {
    border: 1px solid rgb(233, 233, 233);
    border-image: none;
}

input:focus {
    border: 1px solid rgb(233, 233, 233);
    border-image: none;
}

input[type='text']:focus {
    border: 1px solid rgb(233, 233, 233);
    border-image: none;
}

input[type='password']:focus {
    border: 1px solid rgb(233, 233, 233);
    border-image: none;
}

input[type='datetime']:focus {
    border: 1px solid rgb(233, 233, 233);
    border-image: none;
}

input[type='datetime-local']:focus {
    border: 1px solid rgb(233, 233, 233);
    border-image: none;
}

input[type='date']:focus {
    border: 1px solid rgb(233, 233, 233);
    border-image: none;
}

input[type='month']:focus {
    border: 1px solid rgb(233, 233, 233);
    border-image: none;
}

input[type='time']:focus {
    border: 1px solid rgb(233, 233, 233);
    border-image: none;
}

input[type='week']:focus {
    border: 1px solid rgb(233, 233, 233);
    border-image: none;
}

input[type='number']:focus {
    border: 1px solid rgb(233, 233, 233);
    border-image: none;
}

input[type='email']:focus {
    border: 1px solid rgb(233, 233, 233);
    border-image: none;
}

input[type='url']:focus {
    border: 1px solid rgb(233, 233, 233);
    border-image: none;
}

input[type='search']:focus {
    border: 1px solid rgb(233, 233, 233);
    border-image: none;
}

input[type='tel']:focus {
    border: 1px solid rgb(233, 233, 233);
    border-image: none;
}

input[type='image']:focus {
    border: 1px solid rgb(233, 233, 233);
    border-image: none;
}

input[type='color']:focus {
    border: 1px solid rgb(233, 233, 233);
    border-image: none;
}

select:focus {
    border: 1px solid rgb(233, 233, 233);
    border-image: none;
}

.stripe-elements:focus {
    border: 1px solid rgb(233, 233, 233);
    border-image: none;
}

.darkbg textarea {
    background-color: rgb(255, 255, 255);
}

.darkbg input {
    background-color: rgb(255, 255, 255);
}

    .darkbg input[type='text'] {
        background-color: rgb(255, 255, 255);
    }

    .darkbg input[type='password'] {
        background-color: rgb(255, 255, 255);
    }

    .darkbg input[type='datetime'] {
        background-color: rgb(255, 255, 255);
    }

    .darkbg input[type='datetime-local'] {
        background-color: rgb(255, 255, 255);
    }

    .darkbg input[type='date'] {
        background-color: rgb(255, 255, 255);
    }

    .darkbg input[type='month'] {
        background-color: rgb(255, 255, 255);
    }

    .darkbg input[type='time'] {
        background-color: rgb(255, 255, 255);
    }

    .darkbg input[type='week'] {
        background-color: rgb(255, 255, 255);
    }

    .darkbg input[type='number'] {
        background-color: rgb(255, 255, 255);
    }

    .darkbg input[type='email'] {
        background-color: rgb(255, 255, 255);
    }

    .darkbg input[type='url'] {
        background-color: rgb(255, 255, 255);
    }

    .darkbg input[type='search'] {
        background-color: rgb(255, 255, 255);
    }

    .darkbg input[type='tel'] {
        background-color: rgb(255, 255, 255);
    }

    .darkbg input[type='image'] {
        background-color: rgb(255, 255, 255);
    }

    .darkbg input[type='color'] {
        background-color: rgb(255, 255, 255);
    }

.darkbg select {
    background-color: rgb(255, 255, 255);
}

.darkbg .stripe-elements {
    background-color: rgb(255, 255, 255);
}

.lightbg textarea {
    background-color: rgb(246, 246, 246);
}

.lightbg input {
    /*background-color: rgb(246, 246, 246);*/
}

    .lightbg input[type='text'] {
        /*background-color: rgb(246, 246, 246);*/
    }

    .lightbg input[type='password'] {
        background-color: rgb(246, 246, 246);
    }

    .lightbg input[type='datetime'] {
        background-color: rgb(246, 246, 246);
    }

    .lightbg input[type='datetime-local'] {
        background-color: rgb(246, 246, 246);
    }

    .lightbg input[type='date'] {
        background-color: rgb(246, 246, 246);
    }

    .lightbg input[type='month'] {
        background-color: rgb(246, 246, 246);
    }

    .lightbg input[type='time'] {
        background-color: rgb(246, 246, 246);
    }

    .lightbg input[type='week'] {
        background-color: rgb(246, 246, 246);
    }

    .lightbg input[type='number'] {
        background-color: rgb(246, 246, 246);
    }

    .lightbg input[type='email'] {
        background-color: rgb(246, 246, 246);
    }

    .lightbg input[type='url'] {
        background-color: rgb(246, 246, 246);
    }

    .lightbg input[type='search'] {
        background-color: rgb(246, 246, 246);
    }

    .lightbg input[type='tel'] {
        background-color: rgb(246, 246, 246);
    }

    .lightbg input[type='image'] {
        background-color: rgb(246, 246, 246);
    }

    .lightbg input[type='color'] {
        background-color: rgb(246, 246, 246);
    }

.lightbg select {
    /*background-color: rgb(246, 246, 246);*/
}

.lightbg .stripe-elements {
    background-color: rgb(246, 246, 246);
}

.imagebg textarea {
    background-color: rgb(255, 255, 255);
}

.imagebg input {
    background-color: rgb(255, 255, 255);
}

    .imagebg input[type='text'] {
        background-color: rgb(255, 255, 255);
    }

    .imagebg input[type='password'] {
        background-color: rgb(255, 255, 255);
    }

    .imagebg input[type='datetime'] {
        background-color: rgb(255, 255, 255);
    }

    .imagebg input[type='datetime-local'] {
        background-color: rgb(255, 255, 255);
    }

    .imagebg input[type='date'] {
        background-color: rgb(255, 255, 255);
    }

    .imagebg input[type='month'] {
        background-color: rgb(255, 255, 255);
    }

    .imagebg input[type='time'] {
        background-color: rgb(255, 255, 255);
    }

    .imagebg input[type='week'] {
        background-color: rgb(255, 255, 255);
    }

    .imagebg input[type='number'] {
        background-color: rgb(255, 255, 255);
    }

    .imagebg input[type='email'] {
        background-color: rgb(255, 255, 255);
    }

    .imagebg input[type='url'] {
        background-color: rgb(255, 255, 255);
    }

    .imagebg input[type='search'] {
        background-color: rgb(255, 255, 255);
    }

    .imagebg input[type='tel'] {
        background-color: rgb(255, 255, 255);
    }

    .imagebg input[type='image'] {
        background-color: rgb(255, 255, 255);
    }

    .imagebg input[type='color'] {
        background-color: rgb(255, 255, 255);
    }

.imagebg select {
    background-color: rgb(255, 255, 255);
}

.imagebg .stripe-elements {
    background-color: rgb(255, 255, 255);
}

.brandbg textarea {
    background-color: rgb(255, 255, 255);
}

.brandbg input {
    background-color: rgb(255, 255, 255);
}

    .brandbg input[type='text'] {
        background-color: rgb(255, 255, 255);
    }

    .brandbg input[type='password'] {
        background-color: rgb(255, 255, 255);
    }

    .brandbg input[type='datetime'] {
        background-color: rgb(255, 255, 255);
    }

    .brandbg input[type='datetime-local'] {
        background-color: rgb(255, 255, 255);
    }

    .brandbg input[type='date'] {
        background-color: rgb(255, 255, 255);
    }

    .brandbg input[type='month'] {
        background-color: rgb(255, 255, 255);
    }

    .brandbg input[type='time'] {
        background-color: rgb(255, 255, 255);
    }

    .brandbg input[type='week'] {
        background-color: rgb(255, 255, 255);
    }

    .brandbg input[type='number'] {
        background-color: rgb(255, 255, 255);
    }

    .brandbg input[type='email'] {
        background-color: rgb(255, 255, 255);
    }

    .brandbg input[type='url'] {
        background-color: rgb(255, 255, 255);
    }

    .brandbg input[type='search'] {
        background-color: rgb(255, 255, 255);
    }

    .brandbg input[type='tel'] {
        background-color: rgb(255, 255, 255);
    }

    .brandbg input[type='image'] {
        background-color: rgb(255, 255, 255);
    }

    .brandbg input[type='color'] {
        background-color: rgb(255, 255, 255);
    }

.brandbg select {
    background-color: rgb(255, 255, 255);
}

.brandbg .stripe-elements {
    background-color: rgb(255, 255, 255);
}

input[type='checkbox'] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
}

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

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

input[type='submit'] {
    border-radius: 0px;
    display: block;
}

input[type='button'] {
    border-radius: 0px;
    display: block;
}

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

textarea {
    padding: 0.25em;
}

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

progress {
    margin: 0px 0px 0.62em;
    padding: 0.12em;
    font-family: inherit;
    font-size: 1rem;
}

meter {
    margin: 0px 0px 0.62em;
    padding: 0.12em;
    font-family: inherit;
    font-size: 1rem;
}

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

input[type='submit'] {
    border: 0px currentColor;
    border-image: none;
    background-color: transparent;
}

    input[type='submit']:hover {
        color: rgb(0, 0, 0);
    }

.imagebg input[type='submit'] {
    color: rgb(255, 255, 255);
    box-shadow: inset 0px 0px 0px 2px white;
}

.-inline-input {
    position: relative;
}

    .-inline-input .prepend {
        top: 50%;
        padding-right: 0.5em;
        padding-left: 0.5em;
        font-weight: 800;
        position: absolute;
        transform: translateY(-50%);
    }

    .-inline-input input {
        width: auto;
        padding-left: 1.5em;
        float: right;
    }

    .-inline-input select {
        width: auto;
        padding-left: 1.5em;
        float: right;
    }

#mc_embed_signup {
    position: relative;
}

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

        #mc_embed_signup .mc-field-group input {
            width: 100%;
        }

.thechurchco-giving-form {
    margin: 0px auto;
    transition: 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    max-width: 400px;
}

@media all and (max-width:736px) {
    .thechurchco-giving-form {
        max-width: 320px;
    }
}

.thechurchco-giving-form form {
    transition: 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    width: 100%;
    margin-top: 0px !important;
    float: left;
    opacity: 1;
    transform: scale3d(1, 1, 1);
}

    .thechurchco-giving-form form label.error {
        font-size: 0.75em;
        font-style: italic;
        font-weight: normal;
    }

.thechurchco-giving-form .form-row {
    width: 100%;
    margin-bottom: 0.75em;
    float: left;
}

    .thechurchco-giving-form .form-row input {
        margin: 0px;
        padding: 0.75em;
        width: 100%;
    }

    .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 {
            margin-right: 0.5em;
            display: inline-block;
        }

        .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: 0px 0px 0.75em;
        padding: 0.85em 0.75em;
        width: 100%;
    }

.thechurchco-giving-form .-inline-input {
    width: 100%;
    float: left;
}

.thechurchco-giving-form .form-submit {
    width: 100%;
    text-align: center;
    margin-top: 0.75em;
    float: left;
}

.thechurchco-giving-form .message {
    transition: 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    text-align: center;
    font-size: 0.85em;
    font-style: italic;
    margin-bottom: 1em;
    opacity: 1;
}

.thechurchco-giving-form .loader {
    border-radius: 50%;
    border: 3px solid white;
    transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1), top;
    border-image: none;
    left: 50%;
    top: -1000%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    margin-left: -25px;
    position: absolute;
    opacity: 0;
    pointer-events: none;
    transform: scale3d(1.1, 1.1, 1);
}

    .thechurchco-giving-form .loader::before {
        border-radius: 100em;
        border: 3px solid transparent;
        border-image: none;
        left: -3px;
        top: -3px;
        right: -3px;
        bottom: -3px;
        display: inline-block;
        position: absolute;
        content: " ";
    }

    .thechurchco-giving-form .loader::before {
        animation: loader 1s linear infinite;
        border-bottom-color: rgb(255, 0, 36);
    }

    .thechurchco-giving-form .loader span {
        transition: 0.5s cubic-bezier(0.33, 0, 0.19, 1) 20ms;
        left: 50%;
        top: 50%;
        color: rgb(0, 170, 0);
        font-size: 1.5em;
        display: block;
        position: absolute;
        opacity: 0;
        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 {
        top: 50%;
        opacity: 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 {
        font-size: 1em;
        font-style: normal;
        font-weight: bold;
        opacity: 1;
    }

    .thechurchco-giving-form.payment-success .loader {
        top: 50%;
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }

        .thechurchco-giving-form.payment-success .loader::before {
            border-color: rgb(0, 170, 0);
            animation: none;
        }

        .thechurchco-giving-form.payment-success .loader span {
            opacity: 1;
        }

.thechurchco-giving-form.payment-error .message {
    color: rgb(170, 0, 0);
    font-size: 1em;
    font-weight: bold;
}

.thechurchco-giving-form .subtext {
    margin: 0px auto;
    width: 90%;
    text-align: center;
    line-height: 1.5;
    font-size: 0.65em;
}

[data-form-payments] .payment-options .payment-option {
    display: flex;
    align-items: center;
}

    [data-form-payments] .payment-options .payment-option label {
        width: 50% !important;
        font-size: 0.85em;
        margin-right: 2em;
    }

    [data-form-payments] .payment-options .payment-option input {
        width: 100%;
    }

@media all and (max-width:1024px) {
    [data-form-payments] .payment-options .payment-option {
        display: block;
    }

        [data-form-payments] .payment-options .payment-option label {
            width: 100%;
            margin-right: 0px;
        }
}

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

.card.group {
    text-align: center;
}

    .card.group .content {
        height: 18em;
        border-top-color: currentColor;
        border-top-width: 1px;
        border-top-style: solid;
        position: relative;
    }

    .card.group .center-wrap {
        left: 0px;
        top: 50%;
        width: 100%;
        position: absolute;
        transform: translateY(-50%);
    }

    .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 rgb(246, 246, 246);
    border-image: none;
}

.groups-engine {
    width: 100%;
    float: left;
}

    .groups-engine.pco .card.group .image img {
        border-radius: 0px;
        max-width: none;
    }

    .groups-engine.pco .card.group .center-wrap {
        top: auto;
        position: relative;
        transform: none;
    }

    .groups-engine.pco .card.group .content {
        padding: 0px;
        height: 24em;
    }

    .groups-engine.pco .group-details .image img {
        border-radius: 0px !important;
        width: 200px !important;
    }

@media all and (max-width:736px) {
    .groups-engine.pco .group-details .image img {
        width: 80px !important;
    }
}

[data-component-type='TCCGroups'] .NavigationBar {
    width: 96%;
    margin-right: 2%;
    margin-bottom: 2em;
    margin-left: 2%;
    float: left;
    display: flex !important;
    justify-content: space-between;
}

@media all and (min-width:1200px) {
    [data-component-type='TCCGroups'] .NavigationBar {
        width: 96%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    [data-component-type='TCCGroups'] .NavigationBar {
        width: 96%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    [data-component-type='TCCGroups'] .NavigationBar {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

[data-component-type='TCCGroups'] .NavigationBar .form-field {
    flex: 1 1 0px;
}

    [data-component-type='TCCGroups'] .NavigationBar .form-field input {
        width: 100%;
    }

[data-component-type='TCCGroups'] .NavigationBar .SelectMenu {
    flex: 1 1 0px;
    margin-left: 1em;
}

[data-component-type='TCCGroups'] .NavigationBar button {
    padding: 0px;
    border: 0px currentColor;
    flex: 1 1 0px;
    border-image: none;
    margin-left: 1em;
    max-width: 1em;
    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: rgb(0, 0, 0) !important;
        opacity: 0.5;
        transform: scale3d(1.25, 1.25, 1.25);
    }

@media all and (max-width:736px) {
    [data-component-type='TCCGroups'] .NavigationBar {
        flex-direction: column;
    }

        [data-component-type='TCCGroups'] .NavigationBar .SelectMenu {
            margin-left: 0em;
        }

        [data-component-type='TCCGroups'] .NavigationBar button {
            width: 96%;
            text-align: right;
            max-width: 100%;
        }
}

[data-component-type='TCCGroups'] .groups-map {
    width: 100%;
    overflow: hidden;
    margin-bottom: 2em;
    float: left;
    position: relative;
}

    [data-component-type='TCCGroups'] .groups-map > div {
        width: 96%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }

@media all and (min-width:1200px) {
    [data-component-type='TCCGroups'] .groups-map > div {
        width: 96%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    [data-component-type='TCCGroups'] .groups-map > div {
        width: 96%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    [data-component-type='TCCGroups'] .groups-map > div {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

[data-component-type='TCCGroups'] .groups-map .TCCGroupMarker {
    transition: 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    font-size: 4em;
}

[data-component-type='TCCGroups'] .groups-map .TCCActiveGroup {
    transition: 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    left: 0px;
    top: 0px;
    width: 46%;
    height: 100%;
    text-align: center;
    margin-right: 2%;
    margin-left: 2%;
    float: left;
    display: block;
    position: absolute;
    box-shadow: inset 0px 0px 0px 1px #f6f6f6;
    transform: translateX(-100%);
    background-color: white;
}

@media all and (min-width:1200px) {
    [data-component-type='TCCGroups'] .groups-map .TCCActiveGroup {
        width: 46%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    [data-component-type='TCCGroups'] .groups-map .TCCActiveGroup {
        width: 46%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    [data-component-type='TCCGroups'] .groups-map .TCCActiveGroup {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

[data-component-type='TCCGroups'] .groups-map .TCCActiveGroup .group-details {
    top: 50%;
    width: 100%;
    position: absolute;
    transform: translateY(-50%);
}

[data-component-type='TCCGroups'] .groups-map .TCCActiveGroup .image img {
    border-radius: 100em;
    width: 80px;
    height: auto;
    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 {
    opacity: 1;
    transform: translateX(0%);
}

[data-component-type='TCCGroups'] .groups-map .TCCActiveGroup .close {
    padding: 0px;
    transition: 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    top: 0.25em;
    right: 0.25em;
    font-size: 2em;
    position: absolute;
    opacity: 0.5;
    box-shadow: none;
}

    [data-component-type='TCCGroups'] .groups-map .TCCActiveGroup .close::after {
        display: none;
    }

    [data-component-type='TCCGroups'] .groups-map .TCCActiveGroup .close:hover span {
        color: rgb(0, 0, 0) !important;
        opacity: 1;
    }

[data-component-type='TCCGroups'] .groups-map .TCCActiveGroup .button {
    margin: 0px;
    left: 0px;
    width: 100%;
    text-align: center;
    bottom: 0px;
    font-weight: 500;
    position: absolute;
    box-shadow: none;
    background-color: rgb(246, 246, 246);
}

    [data-component-type='TCCGroups'] .groups-map .TCCActiveGroup .button::after {
        display: none;
    }

    [data-component-type='TCCGroups'] .groups-map .TCCActiveGroup .button:hover {
        color: rgb(0, 0, 0) !important;
    }

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

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

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

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

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

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

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

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

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

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

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

.tccloader {
    border-radius: 50%;
    border: 3px solid white;
    transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1), top;
    border-image: none;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    margin-left: -25px;
    position: absolute;
    opacity: 1;
    pointer-events: none;
    transform: scale3d(1, 1, 1);
}

    .tccloader::before {
        border-radius: 100em;
        border: 3px solid transparent;
        border-image: none;
        left: -3px;
        top: -3px;
        right: -3px;
        bottom: -3px;
        display: inline-block;
        position: absolute;
        content: " ";
    }

    .tccloader::before {
        animation: tccloader 1s linear infinite;
        border-bottom-color: rgb(255, 0, 36);
    }

    .tccloader span {
        transition: 0.5s cubic-bezier(0.33, 0, 0.19, 1) 20ms;
        left: 50%;
        top: 50%;
        color: rgb(0, 170, 0);
        font-size: 1.5em;
        display: block;
        position: absolute;
        opacity: 0;
        transform: translate(-50%, -50%);
    }

ul[class*='menu-'] {
    margin: 1em 0px;
    padding: 0px;
}

    ul[class*='menu-'] li {
        list-style: none;
        position: relative;
    }

        ul[class*='menu-'] li a {
            padding: 0.75em 1.25em;
            color: rgb(0, 0, 0);
            line-height: 100%;
            text-decoration: none;
        }

ul.menu-primary > li {
    margin-left: 3em;
    float: left;
    display: inline;
}

    ul.menu-primary > li > a {
        padding: 0px 0px 0.5em;
        border: 0px currentColor;
        transition: color 0.5s cubic-bezier(0.33, 0, 0.19, 1);
        border-image: none;
        color: rgb(255, 255, 255);
        text-transform: uppercase;
        font-size: 1em;
        text-decoration: none;
        display: block;
        position: relative;
        background-color: transparent;
    }

        ul.menu-primary > li > a::after {
            background: rgb(255, 255, 255);
            transition: transform 0.5s cubic-bezier(0.33, 0, 0.19, 1);
            left: 0px;
            width: 50%;
            height: 2px;
            right: 0px;
            position: absolute;
            content: "";
            transform: scale3d(0, 1, 1);
        }

        ul.menu-primary > li > a::after {
            transform-origin: right 50%;
            bottom: -2px;
        }

    ul.menu-primary > li:hover ul {
        pointer-events: all;
    }

    ul.menu-primary > li:focus ul {
        pointer-events: all;
    }

    ul.menu-primary > li:hover ul li > a {
        opacity: 1;
    }

    ul.menu-primary > li:focus ul li > a {
        opacity: 1;
    }

    ul.menu-primary > li:hover > a {
        color: rgb(255, 255, 255);
        text-decoration: none;
    }

    ul.menu-primary > li:focus > a {
        color: rgb(255, 255, 255);
        text-decoration: none;
    }

    ul.menu-primary > li:hover > a::after {
        transform: scale3d(1, 1, 1);
    }

    ul.menu-primary > li:focus > a::after {
        transform: scale3d(1, 1, 1);
    }

    ul.menu-primary > li:hover > a::after {
        transform-origin: left 50%;
    }

    ul.menu-primary > li:focus > a::after {
        transform-origin: left 50%;
    }

    ul.menu-primary > li ul {
        background: none;
        margin: 0px;
        padding: 1em 0px 0px;
        border: 0px solid rgb(246, 246, 246);
        transition: 0.5s cubic-bezier(0.33, 0, 0.19, 1);
        border-image: none;
        left: 0px;
        width: 100%;
        float: left;
        position: absolute;
        z-index: 1000;
        min-width: 100px;
        opacity: 0;
        pointer-events: none;
    }

        ul.menu-primary > li ul li {
            width: 100%;
            float: left;
            display: block;
        }

            ul.menu-primary > li ul li > a {
                padding: 0.25em 0px;
                transition: 0.5s cubic-bezier(0.33, 0, 0.19, 1);
                width: 100%;
                line-height: 140%;
                letter-spacing: 0px;
                font-weight: 200;
                float: left;
                display: block;
                position: relative;
                opacity: 0;
            }

                ul.menu-primary > li ul li > a:hover {
                    transition: opacity 200ms cubic-bezier(0.33, 0, 0.19, 1);
                    opacity: 0.75;
                }

            ul.menu-primary > li ul li:nth-child(n) > 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: 0px;
    }

    ul.menu-primary > li:hover ul {
        display: inline;
        opacity: 1;
    }

    ul.menu-primary > li ul:hover {
        display: inline;
        opacity: 1;
    }

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

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

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

.ie ul.menu-primary > li ul {
    top: 1em;
}

.ie14 ul.menu-primary > li ul {
    top: 1em;
}

.ie15 ul.menu-primary > li ul {
    top: 1em;
}

nav.mobile {
    left: 0em;
    top: 0em;
    width: 100%;
    display: none;
    position: absolute;
    z-index: 500;
}

    nav.mobile .menu-mobile {
        margin: 0em;
        padding: 5em 0em 2em;
        transition: 0.5s cubic-bezier(0.33, 0, 0.19, 1);
        left: 0px;
        top: 0em;
        width: 100%;
        height: 100vh;
        right: 0px;
        bottom: 0em;
        overflow: scroll;
        display: none;
        opacity: 0;
        background-color: rgba(0, 0, 0, 0.75);
    }

        nav.mobile .menu-mobile .menu-item {
            transition: 0.5s cubic-bezier(0.33, 0, 0.19, 1);
            opacity: 0;
        }

        nav.mobile .menu-mobile li:hover {
            background-color: transparent;
        }

            nav.mobile .menu-mobile li:hover a {
                background-color: transparent;
            }

        nav.mobile .menu-mobile a {
            padding: 1em 2em;
            text-align: center;
            color: rgb(255, 255, 255);
            text-transform: uppercase;
            letter-spacing: 0.05em;
            font-size: 1.25em;
            font-weight: 800;
            display: block;
            position: relative;
        }

            nav.mobile .menu-mobile a:hover {
                background-color: rgba(0, 0, 0, 0.25);
            }

        nav.mobile .menu-mobile .sub-menu {
            margin: 0px;
            padding: 0px;
            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 :nth-child(n).menu-item {
                transition-delay: 200ms;
            }

            nav.mobile.open .menu-mobile :nth-child(2n).menu-item {
                transition-delay: 300ms;
            }

            nav.mobile.open .menu-mobile :nth-child(3n).menu-item {
                transition-delay: 400ms;
            }

            nav.mobile.open .menu-mobile :nth-child(4n).menu-item {
                transition-delay: 500ms;
            }

            nav.mobile.open .menu-mobile :nth-child(5n).menu-item {
                transition-delay: 600ms;
            }

            nav.mobile.open .menu-mobile :nth-child(6n).menu-item {
                transition-delay: 700ms;
            }

            nav.mobile.open .menu-mobile :nth-child(7n).menu-item {
                transition-delay: 800ms;
            }

            nav.mobile.open .menu-mobile :nth-child(8n).menu-item {
                transition-delay: 900ms;
            }

            nav.mobile.open .menu-mobile :nth-child(9n).menu-item {
                transition-delay: 1000ms;
            }

        nav.mobile.open .menu-mobile-handle-container .menu-mobile-handle-top {
            top: 8px;
            width: 32px;
            right: 0px;
            transform: rotate(135deg);
        }

        nav.mobile.open .menu-mobile-handle-container .menu-mobile-handle-middle {
            width: 0px;
        }

        nav.mobile.open .menu-mobile-handle-container .menu-mobile-handle-bottom {
            top: 4px;
            width: 32px;
            right: 0px;
            transform: rotate(-135deg);
        }

    nav.mobile .menu-mobile-handle-container {
        transition: 0.5s cubic-bezier(0.33, 0, 0.19, 1);
        top: 1.75em;
        height: 30px;
        right: 1.45em;
        position: absolute;
        z-index: 1000;
        cursor: pointer;
        opacity: 1;
    }

        nav.mobile .menu-mobile-handle-container .menu-mobile-handle-top {
            border-radius: 12px;
            transition: 0.5s cubic-bezier(0.33, 0, 0.19, 1);
            width: 32px;
            height: 2px;
            display: block;
            position: relative;
            background-color: rgb(255, 255, 255);
        }

        nav.mobile .menu-mobile-handle-container .menu-mobile-handle-middle {
            border-radius: 12px;
            transition: 0.5s cubic-bezier(0.33, 0, 0.19, 1);
            width: 32px;
            height: 2px;
            display: block;
            position: relative;
            background-color: rgb(255, 255, 255);
        }

        nav.mobile .menu-mobile-handle-container .menu-mobile-handle-bottom {
            border-radius: 12px;
            transition: 0.5s cubic-bezier(0.33, 0, 0.19, 1);
            width: 32px;
            height: 2px;
            display: block;
            position: relative;
            background-color: rgb(255, 255, 255);
        }

        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: flex;
    align-items: center;
}

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

.messenger {
    text-align: right;
    right: 1em;
    bottom: 1em;
    position: fixed;
    z-index: 900;
}

@media all and (max-width:736px) {
    .messenger {
        width: 100%;
        right: auto;
        bottom: 0.25em;
        margin-right: 0%;
        margin-left: 0%;
    }
}

.messenger .trigger {
    border-color: rgb(255, 0, 36);
    transition: 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    width: 4.5em;
    height: 4.5em;
    text-align: center;
    right: 1em;
    bottom: 0em;
    font-size: 0.8em;
    position: absolute;
    box-shadow: 0em 0.25em 0.5em rgba(0,0,0,0.1);
    transform: translateY(0px);
    background-color: rgb(255, 0, 36);
}

    .messenger .trigger::after {
        display: none;
    }

    .messenger .trigger:hover {
        box-shadow: 0em 0.5em 0.75em rgba(0,0,0,0.1);
        transform: translateY(-5px);
    }

    .messenger .trigger span {
        top: 50%;
        text-align: center;
        color: rgb(255, 255, 255);
        font-size: 2em;
        margin-left: -0.1em;
        display: block;
        position: absolute;
        transform: translateY(-50%);
    }

        .messenger .trigger span::before {
            margin-right: 0px;
            margin-left: 0px;
        }

@media all and (max-width:736px) {
    .messenger .trigger {
        right: 1em;
    }
}

.messenger .body {
    width: 400px;
    right: 1em;
    bottom: 6em;
    display: none;
    position: absolute;
    box-shadow: 0em 0.25em 0.5em rgba(0,0,0,0.1);
    background-color: rgb(255, 255, 255);
}

@media all and (max-width:736px) {
    .messenger .body {
        border-radius: 0em;
        width: 100%;
        right: auto;
        bottom: auto;
        overflow: scroll;
    }
}

.messenger .body .intro {
    padding: 1.5em 2em;
    text-align: center;
    color: rgb(255, 255, 255);
    background-color: rgb(255, 0, 36);
}

    .messenger .body .intro .title {
        line-height: 120%;
        letter-spacing: 0.05em;
        font-size: 1.25rem;
        font-weight: 800;
    }

@media all and (max-width:736px) {
    .messenger .body .intro .title {
        letter-spacing: 0.15em;
    }
}

.messenger .body .intro .text {
    margin-top: 0.5em;
}

.messenger .body .form {
    background: rgb(255, 255, 255);
    padding: 1.5em 2em;
    text-align: left;
    overflow: scroll;
    max-height: calc(60vh - 10em);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

    .messenger .body .form .ninja-forms-required-items {
        display: none;
    }

    .messenger .body .form .ninja-forms-error-msg {
        display: none;
    }

    .messenger .body .form .ninja-forms-success-msg {
        text-align: center;
    }

    .messenger .body .form textarea {
        padding: 0.75em;
        height: 8em;
    }

    .messenger .body .form input[type='submit'] {
        width: 100%;
    }

@media all and (max-width:736px) {
    .messenger .body .form {
        overflow: inherit;
    }
}

@media all and (max-width:736px) {
    .messenger.open {
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        overflow: scroll;
        position: fixed;
        z-index: 1000;
        background-color: rgb(255, 255, 255);
    }
}

.messenger.open .body {
    display: block;
}

@media all and (max-width:736px) {
    .messenger.open .body {
        box-shadow: none;
    }

        .messenger.open .body .form {
            height: auto;
            max-height: 100%;
        }
}

.messenger.open .trigger span::before {
    content: "\e81f";
}

@media all and (max-width:736px) {
    .messenger.open .trigger {
        width: 10px;
        right: 35px;
        position: relative;
        box-shadow: none;
        background-color: transparent;
    }

        .messenger.open .trigger:hover {
            box-shadow: none;
        }
}

.note-editor [data-note-editor-toggle] {
    padding: 0.25em 0.75em 0.25em 0.25em;
    border: 1px solid currentColor;
    border-image: none;
    font-weight: bold;
}

    .note-editor [data-note-editor-toggle] .icon-plus {
        transition: 0.5s cubic-bezier(0.33, 0, 0.19, 1);
        font-size: 1.25em;
        display: inline-block;
        transform: rotate(0deg);
    }

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

.notes-send {
    width: 100%;
    text-align: center;
    margin-top: 4em !important;
    float: left;
}

    .notes-send input {
        margin: 2em auto;
        width: 75%;
    }

    .notes-send .body {
        transition: 0.5s cubic-bezier(0.33, 0, 0.19, 1);
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }

    .notes-send .tccloader {
        opacity: 0;
        pointer-events: none;
    }

    .notes-send.-processing .tccloader {
        opacity: 1;
    }

    .notes-send.-processing .body {
        opacity: 0.25;
        transform: scale3d(0.9, 0.9, 0.9);
    }

    .notes-send.-success .body {
        opacity: 0.25;
        transform: scale3d(0.9, 0.9, 0.9);
    }

    .notes-send.-success .tccloader {
        border-color: rgb(0, 170, 0);
        opacity: 1;
    }

        .notes-send.-success .tccloader::before {
            opacity: 0;
        }

        .notes-send.-success .tccloader span {
            opacity: 1;
        }

.payments-page {
    width: 100%;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    float: left;
}

    .payments-page footer {
        display: none !important;
    }

    .payments-page .messenger {
        display: none !important;
    }

    .payments-page #wpadminbar {
        display: none !important;
    }

    .payments-page #card-element {
        padding: 1em;
        border: 1px solid rgb(204, 204, 204);
        border-image: none;
        width: 100%;
        margin-bottom: 1em;
        max-width: 350px;
        background-color: rgb(255, 255, 255);
    }

    .payments-page select {
        padding: 1em;
        border: 1px solid rgb(204, 204, 204);
        border-image: none;
        width: 100%;
        margin-bottom: 1em;
        max-width: 350px;
        background-color: rgb(255, 255, 255);
    }

    .payments-page #card-element iframe {
        background-color: rgb(255, 255, 255);
    }

    .payments-page .admin-button {
        background: rgb(6, 0, 254);
        margin: 0px;
        padding: 0px 10px 1px;
        border-radius: 3px;
        border: 1px solid rgb(6, 0, 254);
        height: 28px;
        color: rgb(255, 255, 255);
        text-transform: none;
        line-height: 26px;
        font-size: 13px;
        font-weight: 800;
        white-space: nowrap;
        cursor: pointer;
        box-sizing: border-box;
        box-shadow: none;
        text-shadow: none;
        -webkit-appearance: none;
    }

        .payments-page .admin-button::before {
            display: none;
        }

        .payments-page .admin-button::after {
            display: none;
        }

    .payments-page .js-payments-message.success {
        color: rgb(0, 170, 0);
    }

    .payments-page .js-payments-message.error {
        color: rgb(170, 0, 0);
    }

    .payments-page .payments-options {
        margin-bottom: 1em;
    }

        .payments-page .payments-options a {
            color: rgb(0, 0, 0);
            margin-right: 1em;
        }

            .payments-page .payments-options a:active {
                color: rgb(6, 0, 254);
                font-weight: bold;
            }

            .payments-page .payments-options a.-active {
                color: rgb(6, 0, 254);
                font-weight: bold;
            }

.prayer-request-app {
    width: 62.66%;
    margin-right: 2%;
    margin-left: 18.66%;
    float: left;
    display: block;
    position: relative;
}

@media all and (min-width:1200px) {
    .prayer-request-app {
        width: 62.66%;
        margin-right: 2%;
        margin-left: 18.66%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    .prayer-request-app {
        width: 62.66%;
        margin-right: 2%;
        margin-left: 18.66%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    .prayer-request-app {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

.prayer-request-app .prayer-request-controls {
    width: 100%;
    text-align: center;
    float: left;
}

.prayer-request-app .prayer-results + .prayer-request-controls {
    margin-top: 1em;
}

.prayer-request-app .prayer-request {
    padding: 2em 2em 0px;
    text-align: left;
    margin-top: 2em;
    position: relative;
    background-color: rgb(255, 255, 255);
}

    .prayer-request-app .prayer-request .title {
        margin-top: 0px;
    }

    .prayer-request-app .prayer-request .controls {
        padding: 1em 1em 1em 0px;
        text-align: left;
        display: flex;
        align-items: flex-end;
    }

@media all and (max-width:736px) {
    .prayer-request-app .prayer-request .controls {
        padding-bottom: 2em;
        display: block;
    }

        .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: rgb(0, 0, 0);
    font-weight: bold;
}

@media all and (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 rgb(246, 246, 246);
    border-image: none;
    width: 100%;
    float: left;
    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 {
        transition: 500ms;
        opacity: 1;
    }

    .prayer-request-app .prayer-request-form-wrap.form-transition-exit {
        opacity: 1;
    }

    .prayer-request-app .prayer-request-form-wrap.form-transition-exit-active {
        transition: 200ms;
        opacity: 0;
    }

    .prayer-request-app .prayer-request-form-wrap.form-transition-exit-done {
        opacity: 0;
    }

.prayer-request-app .prayer-request-form input {
    width: 100%;
}

.prayer-request-app .prayer-request-form textarea {
    width: 100%;
}

.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 {
    width: 96%;
    margin-right: 2%;
    margin-left: 2%;
    float: left;
    display: block;
}

@media all and (min-width:1200px) {
    .prayer-request-app .prayer-request-form .form-field {
        width: 96%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    .prayer-request-app .prayer-request-form .form-field {
        width: 96%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    .prayer-request-app .prayer-request-form .form-field {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

.prayer-request-app .prayer-request-form .form-field.-half {
    width: 46%;
    margin-right: 2%;
    margin-left: 2%;
    float: left;
    display: block;
}

@media all and (min-width:1200px) {
    .prayer-request-app .prayer-request-form .form-field.-half {
        width: 46%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    .prayer-request-app .prayer-request-form .form-field.-half {
        width: 46%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    .prayer-request-app .prayer-request-form .form-field.-half {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

.prayer-request-app .success {
    width: 100%;
    text-align: center;
    font-size: 40px;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .prayer-request-app .success span {
        border-radius: 100em;
        border: 2px solid rgb(0, 170, 0);
        border-image: none;
        width: 70px;
        height: 70px;
        display: block;
        position: relative;
    }

        .prayer-request-app .success span::before {
            margin: 0px;
            left: 50%;
            top: 50%;
            position: absolute;
            transform: translate(-50%, -50%);
        }

.prayer-request-app .prayer-results {
    width: 100%;
    float: left;
}

.darkbg .prayer-request-app .prayer-request {
    background-color: rgb(255, 255, 255);
}

.darkbg .prayer-request-app .prayer-request-form-wrap {
    border: 1px solid rgb(255, 255, 255);
    border-image: none;
    width: 100%;
    float: left;
}

.lightbg .prayer-request-app .prayer-request {
    background-color: rgb(246, 246, 246);
}

.lightbg .prayer-request-app .prayer-request-form-wrap {
    border: 1px solid rgb(246, 246, 246);
    border-image: none;
    width: 100%;
    float: left;
}

.-align-left .prayer-request-app {
    width: 62.66%;
    margin-right: 2%;
    margin-left: 2%;
    float: left;
    display: block;
}

@media all and (min-width:1200px) {
    .-align-left .prayer-request-app {
        width: 62.66%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    .-align-left .prayer-request-app {
        width: 62.66%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    .-align-left .prayer-request-app {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

.-align-left .prayer-request-app .prayer-request-controls {
    text-align: left;
}

.-align-right .prayer-request-app {
    width: 54.33%;
    margin-right: 2%;
    margin-left: 43.66%;
    float: left;
    display: block;
}

@media all and (min-width:1200px) {
    .-align-right .prayer-request-app {
        width: 54.33%;
        margin-right: 2%;
        margin-left: 43.66%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    .-align-right .prayer-request-app {
        width: 54.33%;
        margin-right: 2%;
        margin-left: 43.66%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    .-align-right .prayer-request-app {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

.-align-right .prayer-request-app .prayer-request-controls {
    text-align: left;
}

.imagebg .prayer-request {
    color: rgb(0, 0, 0);
}

.share-wrap {
    text-align: left;
}

    .share-wrap a {
        padding: 0.75em 1.5em;
        text-align: center;
        color: rgb(0, 0, 0);
        text-transform: uppercase;
        overflow: hidden;
        margin-right: 0.25em;
        margin-left: 0.25em;
        display: inline-block;
        position: relative;
        z-index: 1;
        min-width: 6em;
        box-shadow: inset 0px 0px 0px 2px #000000;
        background-color: transparent;
    }

        .share-wrap a span {
            transition: 0.5s cubic-bezier(0.33, 0, 0.19, 1);
            display: inline-block;
            position: relative;
            z-index: 2;
        }

        .share-wrap a::after {
            background: rgb(0, 0, 0);
            transform-origin: right 50%;
            transition: transform 0.5s cubic-bezier(0.33, 0, 0.19, 1);
            left: 0px;
            top: 0px;
            height: 100%;
            right: 0px;
            position: absolute;
            z-index: -1;
            content: "";
            transform: scale3d(0, 1, 1);
        }

        .share-wrap a:hover {
            color: rgb(255, 255, 255);
            text-decoration: none;
            opacity: 1 !important;
        }

            .share-wrap a:hover span {
                color: rgb(255, 255, 255);
            }

            .share-wrap a:hover::after {
                transform-origin: left 50%;
                transform: scale3d(1, 1, 1);
            }

        .share-wrap a.disabled {
            color: black;
            cursor: default;
        }

        .share-wrap a:first-child {
            margin-left: 0px;
        }

.share-this {
    text-align: center;
    margin-bottom: 2em;
}

    .share-this .share-wrap {
        text-align: center;
    }

    .share-this blockquote {
        margin: 1em 0px;
        padding: 0px 2em;
        text-align: center;
        line-height: 120%;
        font-size: 1.5em;
        font-style: italic;
    }

@media all and (max-width:736px) {
    .share-this blockquote {
        padding: 0px 1em;
        font-size: 1.25em;
    }
}

.thechurchco-shortcut footer {
    display: none !important;
}

.thechurchco-shortcut :not(footer).row {
    transition: 200ms;
    padding-top: 0em !important;
    padding-bottom: 0em !important;
    position: relative;
}

    .thechurchco-shortcut :not(footer).row .row-defaults {
        width: 96%;
        margin-right: 2%;
        margin-left: 2%;
    }

    .thechurchco-shortcut :not(footer).row .row-defaults {
        opacity: 1 !important;
        transform: translateY(0vh) !important;
        transition-delay: 0ms !important;
    }

    .thechurchco-shortcut :not(footer).row .row-content {
        opacity: 1 !important;
        transform: translateY(0vh) !important;
        transition-delay: 0ms !important;
    }

    .thechurchco-shortcut :not(footer).row .row-content {
        display: none;
    }

    .thechurchco-shortcut :not(footer).row .image-blocks {
        display: none;
    }

    .thechurchco-shortcut :not(footer).row .row-title {
        transition: 200ms;
        text-align: left;
        padding-top: 2em;
        padding-bottom: 2em;
        margin-bottom: 0px;
        display: block;
        cursor: pointer;
    }

@media all and (max-width:736px) {
    .thechurchco-shortcut :not(footer).row .row-title {
        margin: 0px auto;
        padding-right: 1em;
        padding-left: 1em;
    }
}

.thechurchco-shortcut :not(footer).row .row-title::after {
    display: none;
}

.thechurchco-shortcut :not(footer).row .row-subtitle {
    transition: 200ms 200ms;
    display: none;
    opacity: 0;
}

.thechurchco-shortcut :not(footer).row .row-text {
    transition: 200ms 200ms;
    margin-right: auto;
    margin-left: auto;
    display: none;
    max-width: 800px;
    opacity: 0;
}

.thechurchco-shortcut :not(footer).row .row-buttons {
    transition: 200ms 200ms;
    display: none;
    opacity: 0;
}

.thechurchco-shortcut :not(footer).row .row-content {
    transition: 800ms 200ms;
    display: none;
    opacity: 0;
}

.thechurchco-shortcut .shortcut-trigger {
    top: 50%;
    width: 3em;
    height: 3em;
    right: 1em;
    display: block;
    position: absolute;
    z-index: 100;
    cursor: pointer;
    transform: translateY(-50%);
}

    .thechurchco-shortcut .shortcut-trigger::after {
        background: currentColor;
        transition: transform 200ms 300ms;
        top: 50%;
        width: 1em;
        height: 0.1em;
        right: 1em;
        display: block;
        position: absolute;
        cursor: pointer;
        content: " ";
        pointer-events: none;
        transform: translate(-50%, -50%);
    }

    .thechurchco-shortcut .shortcut-trigger::before {
        background: currentColor;
        transition: transform 200ms 300ms;
        top: 50%;
        width: 1em;
        height: 0.1em;
        right: 1em;
        display: block;
        position: absolute;
        cursor: pointer;
        content: " ";
        pointer-events: none;
        transform: translate(-50%, -50%);
    }

    .thechurchco-shortcut .shortcut-trigger::before {
        transform: translateY(-50%) translateX(-18%) rotate(-45deg);
    }

    .thechurchco-shortcut .shortcut-trigger::after {
        transform: translateY(-50%) translateX(-82%) rotate(45deg);
    }

.thechurchco-shortcut :not(footer).-open {
    padding-top: 3em !important;
    padding-bottom: 3em !important;
}

    .thechurchco-shortcut :not(footer).-open .row-content {
        display: block;
        opacity: 1;
    }

    .thechurchco-shortcut :not(footer).-open .image-blocks {
        display: block;
        opacity: 1;
    }

    .thechurchco-shortcut :not(footer).-open .row-subtitle {
        display: block;
        opacity: 1;
    }

    .thechurchco-shortcut :not(footer).-open .row-text {
        display: block;
        opacity: 1;
    }

    .thechurchco-shortcut :not(footer).-open .row-buttons {
        display: block;
        opacity: 1;
    }

    .thechurchco-shortcut :not(footer).-open .row-content {
        display: block;
        opacity: 1;
    }

    .thechurchco-shortcut :not(footer).-open .row-title {
        padding-top: 2em;
        padding-bottom: 0em;
        margin-bottom: 1em;
        display: inline-block;
    }

        .thechurchco-shortcut :not(footer).-open .row-title::after {
            display: inline-block;
            opacity: 1;
        }

    .thechurchco-shortcut :not(footer).-open .row-title {
        text-align: center;
    }

    .thechurchco-shortcut :not(footer).-open .shortcut-trigger {
        top: 3em;
    }

        .thechurchco-shortcut :not(footer).-open .shortcut-trigger::before {
            transform: translateY(-50%) translateX(-50%) rotate(-45deg) scale3d(1.45, 1, 1);
        }

        .thechurchco-shortcut :not(footer).-open .shortcut-trigger::after {
            transform: translateY(-50%) translateX(-50%) rotate(45deg) scale3d(1.45, 1, 1);
        }

    .thechurchco-shortcut :not(footer).-open .row-content {
        opacity: 1;
        transition-delay: 400ms !important;
    }

.thechurchco-signup-form {
    margin: 0px auto 0px -250px;
    padding: 2em;
    border-radius: 0.5em;
    left: 50%;
    width: 500px;
    font-weight: 200;
    float: left;
    position: relative;
    box-shadow: 0em 0.25em 0.5em rgba(0,0,0,0.1);
}

@media all and (max-width:736px) {
    .thechurchco-signup-form {
        left: 0%;
        width: 100%;
        margin-left: 0px;
    }
}

.thechurchco-signup-form a {
    color: rgb(51, 51, 51);
}

.thechurchco-signup-form .js-username {
    position: relative;
}

.thechurchco-signup-form .js-math {
    position: relative;
}

.thechurchco-signup-form .image {
    margin: -80px auto 0px;
    border-radius: 100em;
    max-width: 100px;
    background-color: rgb(255, 255, 255);
}

    .thechurchco-signup-form .image img {
        margin: 0px;
        width: 100%;
        height: auto;
    }

.thechurchco-signup-form .submit-wrap {
    width: 100%;
    text-align: center;
    margin-top: 1.5em;
    float: left;
}

    .thechurchco-signup-form .submit-wrap button {
        width: 100% !important;
    }

        .thechurchco-signup-form .submit-wrap button::after {
            transition: 0.5s cubic-bezier(0.33, 0, 0.19, 1);
            opacity: 0;
            transform: scale3d(1, 1, 1);
        }

        .thechurchco-signup-form .submit-wrap button:hover {
            transition: 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: 0px;
    color: rgb(0, 0, 0);
    text-transform: uppercase;
    font-size: 0.75em;
    font-weight: 200;
}

    .thechurchco-signup-form form label .js-username {
        color: rgb(0, 0, 0);
    }

    .thechurchco-signup-form form label.error {
        color: rgb(170, 0, 0);
    }

    .thechurchco-signup-form form label .icon {
        top: 0.1em;
        color: rgb(157, 157, 157);
        font-size: 1.5em;
        margin-right: 0.5em;
        position: relative;
    }

.thechurchco-signup-form form .field {
    width: 100%;
    margin-top: 1em;
}

    .thechurchco-signup-form form .field input {
        width: 100%;
        margin-top: 1em;
    }

    .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: 0px;
    }

    .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 :-ms-input-placeholder {
    color: rgb(51, 51, 51);
    font-weight: 200;
}

.thechurchco-signup-form .creating {
    text-align: center;
    font-size: 1rem;
    display: none;
}

    .thechurchco-signup-form .creating .loading {
        width: 100%;
        text-align: center;
        color: rgb(221, 221, 221);
        font-size: 2em;
        margin-top: -0.5em;
        margin-bottom: 1.5em;
        float: left;
        position: relative;
    }

        .thechurchco-signup-form .creating .loading span {
            left: 0px;
            top: 0px;
            width: 100%;
            position: absolute;
            animation-name: spin;
            animation-duration: 1s;
            animation-timing-function: linear;
            animation-iteration-count: infinite;
        }

    .thechurchco-signup-form .creating .step {
        margin-top: 2em;
        display: none;
    }

        .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: 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 {
    text-align: center;
    color: rgb(170, 0, 0);
    margin-top: 1em;
}

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

    .thechurchco-signup-form-bg.row {
        width: 110%;
    }

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

    .thechurchco-signup-form-row.row {
        padding: 50px 0px 0px;
        background-color: transparent;
    }

.thechurchco-signup-page .column-twelve {
    width: 100% !important;
    margin-right: 0% !important;
    margin-left: 0% !important;
    float: left !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;
}

[data-tooltip] {
    height: 100%;
    display: inline-block;
    position: relative;
    cursor: pointer;
}

    [data-tooltip]::before {
        transition: 0.2s ease-out;
        visibility: hidden;
        position: absolute;
        opacity: 0;
        pointer-events: none;
    }

    [data-tooltip]::after {
        transition: 0.2s ease-out;
        visibility: hidden;
        position: absolute;
        opacity: 0;
        pointer-events: none;
    }

    [data-tooltip]::before {
        left: 50%;
        top: 0px;
        width: 0px;
        height: 0px;
        bottom: -10px;
        margin-left: -3.25px;
        border-top-color: rgb(0, 0, 0);
        border-right-color: transparent;
        border-left-color: transparent;
        border-top-width: 7px;
        border-right-width: 7px;
        border-left-width: 7px;
        border-top-style: solid;
        border-right-style: solid;
        border-left-style: solid;
        z-index: 10001;
        content: "";
    }

    [data-tooltip]::after {
        background: rgb(0, 0, 0);
        padding: 0.5em 0.75em;
        border-radius: 3px;
        left: 50%;
        width: 15em;
        bottom: 100%;
        color: rgb(246, 246, 246);
        line-height: 120%;
        font-size: 0.95em;
        margin-top: 10px;
        margin-left: -7.5em;
        z-index: 10000;
        content: attr(data-tooltip);
        box-sizing: border-box;
    }

    [data-tooltip]:hover::before {
        visibility: visible;
        opacity: 1;
    }

    [data-tooltip]:hover::after {
        visibility: visible;
        opacity: 1;
    }

[data-component-type='PCOEvents'] {
    width: 100%;
    position: relative;
}

[data-component-type='TCCRSSReader'] {
    width: 100%;
    position: relative;
}

[data-component-type='TCCPodcasting'] {
    width: 100%;
    position: relative;
}

[data-component-type='TCCCalendar'] {
    width: 100%;
    position: relative;
}

[data-component-type='TCCRSSReader'] > div {
    display: flex;
    flex-wrap: wrap;
}

@media all and (max-width:736px) {
    [data-component-type='TCCRSSReader'] > div {
        display: block;
    }
}

.tcc-webcomponent-form-wrap {
    border: 1px solid rgb(246, 246, 246);
    border-image: none;
    width: 100%;
    float: left;
    opacity: 1;
}

.darkbg .tcc-webcomponent-form-wrap {
    border: 1px solid rgb(255, 255, 255);
    border-image: none;
}

.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 {
    transition: 500ms;
    opacity: 1;
}

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

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

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

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

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

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

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

.tcc-webcomponent-form .form-field {
    width: 96%;
    margin-right: 2%;
    margin-left: 2%;
    float: left;
    display: block;
}

@media all and (min-width:1200px) {
    .tcc-webcomponent-form .form-field {
        width: 96%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    .tcc-webcomponent-form .form-field {
        width: 96%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    .tcc-webcomponent-form .form-field {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

.tcc-webcomponent-form .form-field.-half {
    width: 46%;
    margin-right: 2%;
    margin-left: 2%;
    float: left;
    display: block;
}

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

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

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

.TCCGroupsForm .success {
    width: 100%;
    text-align: center;
    font-size: 40px;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .TCCGroupsForm .success span {
        border-radius: 100em;
        border: 2px solid rgb(0, 170, 0);
        border-image: none;
        width: 70px;
        height: 70px;
        display: block;
        position: relative;
    }

        .TCCGroupsForm .success span::before {
            margin: 0px;
            left: 50%;
            top: 50%;
            position: absolute;
            transform: translate(-50%, -50%);
        }

[data-component-type] {
    position: relative;
}

    [data-component-type] .NavigationBar {
        width: 96%;
        margin-right: 2%;
        margin-bottom: 2em;
        margin-left: 2%;
        float: left;
        display: flex !important;
        justify-content: space-between;
    }

@media all and (min-width:1200px) {
    [data-component-type] .NavigationBar {
        width: 96%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    [data-component-type] .NavigationBar {
        width: 96%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    [data-component-type] .NavigationBar {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

[data-component-type] .NavigationBar .form-field {
    flex: 1 1 0px;
}

    [data-component-type] .NavigationBar .form-field input {
        width: 100%;
    }

[data-component-type] .NavigationBar .SelectMenu {
    flex: 1 1 0px;
    margin-left: 1em;
}

[data-component-type] .NavigationBar button {
    padding: 0px;
    border: 0px currentColor;
    flex: 1 1 0px;
    border-image: none;
    margin-left: 1em;
    max-width: 1em;
    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: rgb(0, 0, 0) !important;
        opacity: 0.5;
        transform: scale3d(1.25, 1.25, 1.25);
    }

@media all and (max-width:736px) {
    [data-component-type] .NavigationBar {
        flex-direction: column;
    }

        [data-component-type] .NavigationBar .SelectMenu {
            margin-left: 0em;
        }

        [data-component-type] .NavigationBar button {
            width: 96%;
            text-align: right;
            max-width: 100%;
        }
}

[data-component-type] .card-feed .posts-loop {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

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

.single .author {
    width: 100%;
    margin-top: 1em;
    margin-bottom: 3em;
    float: left;
    position: relative;
}

    .single .author a {
        color: rgb(0, 0, 0);
    }

    .single .author .author-profile-picture {
        width: 2em;
        margin-right: 1em;
        float: left;
    }

        .single .author .author-profile-picture img {
            border-radius: 100em;
        }

    .single .author .author-details {
        top: 50%;
        margin-left: 3em;
        position: absolute;
        opacity: 0.5;
        transform: translateY(-50%);
    }

.card {
    transition: 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    overflow: hidden;
    margin-bottom: 3em;
    border-bottom-color: rgb(246, 246, 246);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    position: relative;
}

    .card.column-twelve {
        width: 29.33%;
        margin-right: 2%;
        margin-left: 35.33%;
        float: left;
        display: block;
    }

@media all and (min-width:1200px) {
    .card.column-twelve {
        width: 29.33%;
        margin-right: 2%;
        margin-left: 35.33%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    .card.column-twelve {
        width: 29.33%;
        margin-right: 2%;
        margin-left: 35.33%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    .card.column-twelve {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

.card::after {
    transition: transform 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    left: 0px;
    height: 1px;
    right: 0px;
    bottom: 0px;
    position: absolute;
    z-index: 1;
    content: " ";
    transform: scale3d(0, 1, 1);
    background-color: rgb(255, 0, 36);
}

.card:hover::after {
    transform: scale3d(1, 1, 1);
}

.card .image img {
    width: 100%;
    height: auto;
}

.card a {
    color: rgb(0, 0, 0);
}

    .card a:hover {
        text-decoration: none;
    }

.card .content {
    padding: 2em;
    width: 100%;
    height: 100%;
    border-right-color: rgb(246, 246, 246);
    border-left-color: rgb(246, 246, 246);
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    float: left;
}

.darkbg .card .content {
    border-color: rgb(255, 255, 255);
    background-color: rgb(255, 255, 255);
}

.lightbg .card .content {
    border-color: rgb(255, 255, 255);
    background-color: rgb(255, 255, 255);
}

.imagebg .card .content {
    color: white;
}

    .imagebg .card .content a {
        color: white;
    }

.card .content a {
    color: rgb(0, 0, 0);
}

    .card .content a:hover {
        text-decoration: none;
    }

.card .content .excerpt {
    line-height: 150%;
    margin-top: 1em;
}

.card .footer {
    left: 1.25em;
    bottom: 2em;
    font-size: 1.25em;
    float: left;
    position: absolute;
    opacity: 0.25;
}

.card .author {
    text-align: right;
    right: 1em;
    bottom: 1em;
    margin-top: 1em;
    float: right;
    position: absolute;
}

    .card .author .author-profile-picture {
        max-width: 1.5em;
    }

        .card .author .author-profile-picture img {
            border-radius: 100em;
        }

.-align-left .card.column-twelve {
    width: 29.33%;
    margin-right: 2%;
    margin-left: 2%;
    float: left;
    display: block;
}

@media all and (min-width:1200px) {
    .-align-left .card.column-twelve {
        width: 29.33%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    .-align-left .card.column-twelve {
        width: 29.33%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    .-align-left .card.column-twelve {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

.-align-right .card.column-twelve {
    width: 29.33%;
    margin-right: 2%;
    margin-left: 43.66%;
    float: left;
    display: block;
}

@media all and (min-width:1200px) {
    .-align-right .card.column-twelve {
        width: 29.33%;
        margin-right: 2%;
        margin-left: 43.66%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    .-align-right .card.column-twelve {
        width: 29.33%;
        margin-right: 2%;
        margin-left: 43.66%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    .-align-right .card.column-twelve {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

@media all and (min-width:768px) {
    .card.-featured {
        width: 100%;
        border-bottom-color: currentColor;
        border-bottom-width: medium;
        border-bottom-style: none;
        float: left;
        display: flex;
        align-items: center;
    }

        .card.-featured .image-wrap {
            width: 65.25%;
            margin-right: 0px;
            margin-left: 0%;
            float: left;
            display: block;
        }
}

@media all and (min-width:1200px) {
    .card.-featured .image-wrap {
        width: 65.25%;
        margin-right: 0px;
        margin-left: 0%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) and (min-width:768px) {
    .card.-featured .image-wrap {
        width: 65.25%;
        margin-right: 0px;
        margin-left: 0%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) and (min-width:768px) {
    .card.-featured .image-wrap {
        width: 100%;
        margin-right: 0px;
        margin-left: 0%;
        float: left;
        display: block;
    }
}

@media all and (min-width:768px) {
    .card.-featured .content {
        padding: 0px;
        width: 30.58%;
        height: auto;
        margin-right: 0px;
        margin-left: 4.16%;
        float: left;
        display: block;
        background-color: transparent;
    }
}

@media all and (min-width:1200px) {
    .card.-featured .content {
        width: 30.58%;
        margin-right: 0px;
        margin-left: 4.16%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) and (min-width:768px) {
    .card.-featured .content {
        width: 30.58%;
        margin-right: 0px;
        margin-left: 4.16%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) and (min-width:768px) {
    .card.-featured .content {
        width: 100%;
        margin-right: 0px;
        margin-left: 0%;
        float: left;
        display: block;
    }
}

@media all and (min-width:768px) {
    .card.-featured::after {
        display: none;
    }

    .card.-featured.column-twelve {
        margin-left: 2%;
    }
}

footer:not(.footer-menu) {
    width: 100%;
    text-align: center;
    color: rgb(255, 255, 255);
    float: left;
    background-color: rgb(0, 0, 0);
}

    footer:not(.footer-menu) a {
        color: rgb(255, 255, 255);
    }

        footer:not(.footer-menu) a .icon {
            color: rgb(255, 255, 255);
        }

    footer:not(.footer-menu) .row-column a .icon {
        color: rgb(255, 255, 255);
    }

    footer:not(.footer-menu) .contact-wrap {
        width: 100%;
        font-size: 0.75em;
        float: left;
    }

        footer:not(.footer-menu) .contact-wrap h6 {
            font-size: 1.5em;
        }

    footer:not(.footer-menu) .social {
        width: 96%;
        text-align: center;
        margin-top: 1em;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }

    footer:not(.footer-menu) .copyright {
        width: 96%;
        text-align: center;
        margin-top: 1em;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }

    footer:not(.footer-menu) .rep-platform {
        width: 96%;
        text-align: center;
        margin-top: 1em;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }

@media all and (min-width:1200px) {
    footer:not(.footer-menu) .social {
        width: 96%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }

    footer:not(.footer-menu) .copyright {
        width: 96%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }

    footer:not(.footer-menu) .rep-platform {
        width: 96%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    footer:not(.footer-menu) .social {
        width: 96%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }

    footer:not(.footer-menu) .copyright {
        width: 96%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }

    footer:not(.footer-menu) .rep-platform {
        width: 96%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    footer:not(.footer-menu) .social {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }

    footer:not(.footer-menu) .copyright {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }

    footer:not(.footer-menu) .rep-platform {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

footer:not(.footer-menu) .footer-nav {
    width: 96%;
    text-align: center;
    font-size: 0.75em;
    margin-top: 2em;
    margin-right: 2%;
    margin-left: 2%;
    float: left;
    display: block;
}

@media all and (min-width:1200px) {
    footer:not(.footer-menu) .footer-nav {
        width: 96%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    footer:not(.footer-menu) .footer-nav {
        width: 96%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    footer:not(.footer-menu) .footer-nav {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

footer:not(.footer-menu) .footer-nav ul {
    margin: 0px;
    padding: 0px;
}

    footer:not(.footer-menu) .footer-nav ul li {
        list-style: none;
        text-align: center;
        display: inline-block;
        position: relative;
    }

        footer:not(.footer-menu) .footer-nav ul li a {
            padding: 0em 1em;
            transition: 0.5s cubic-bezier(0.33, 0, 0.19, 1);
            display: inline-block;
            opacity: 0.5;
        }

            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 {
    font-size: 0.75em;
    margin-top: 2em;
    opacity: 0.25;
}

footer.footer-menu {
    text-align: left;
    color: rgb(255, 255, 255);
    float: left;
    background-color: rgb(0, 0, 0);
}

    footer.footer-menu h6 {
        font-size: 1em;
    }

    footer.footer-menu a {
        color: rgb(255, 255, 255);
    }

        footer.footer-menu a .icon {
            color: rgb(255, 255, 255);
        }

    footer.footer-menu .row-column a .icon {
        color: rgb(255, 255, 255);
    }

    footer.footer-menu .contact-wrap {
        width: 100%;
        font-size: 0.75em;
        float: left;
    }

        footer.footer-menu .contact-wrap h6 {
            font-size: 1.5em;
        }

    footer.footer-menu .search-and-social {
        width: 12.66%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }

@media all and (min-width:1200px) {
    footer.footer-menu .search-and-social {
        width: 12.66%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    footer.footer-menu .search-and-social {
        width: 12.66%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    footer.footer-menu .search-and-social {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

footer.footer-menu .search-and-social input {
    width: 100%;
    color: currentColor;
    background-color: transparent;
}

footer.footer-menu .contact-info {
    width: 12.66%;
    font-size: 1em !important;
    margin-right: 2%;
    margin-left: 2%;
    float: left;
    display: block;
}

@media all and (min-width:1200px) {
    footer.footer-menu .contact-info {
        width: 12.66%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    footer.footer-menu .contact-info {
        width: 12.66%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    footer.footer-menu .contact-info {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

footer.footer-menu .contact-info p {
    font-size: 1em;
    margin-top: 0px;
}

footer.footer-menu .mega-menu {
    width: 62.66%;
    margin-right: 2%;
    margin-left: 2%;
    float: left;
    display: block;
}

@media all and (min-width:1200px) {
    footer.footer-menu .mega-menu {
        width: 62.66%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    footer.footer-menu .mega-menu {
        width: 62.66%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    footer.footer-menu .mega-menu {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

footer.footer-menu .mega-menu a {
    color: rgb(255, 255, 255);
}

footer.footer-menu .mega-menu .footer-menu-render {
    margin: 0px;
}

    footer.footer-menu .mega-menu .footer-menu-render > .menu-item {
        float: left;
        min-width: 30%;
    }

@media all and (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 {
    line-height: 120%;
    letter-spacing: 0.05em;
    font-size: 1em;
    font-weight: 800;
}

@media all and (max-width:736px) {
    footer.footer-menu .mega-menu .footer-menu-render > .menu-item > a {
        letter-spacing: 0.15em;
    }
}

@media all and (max-width:736px) {
    footer.footer-menu .mega-menu .footer-menu-render > .menu-item > a {
        padding-left: 0px;
    }
}

footer.footer-menu .mega-menu .footer-menu-render > .menu-item .sub-menu {
    margin: 0px 0px 1em;
    padding: 0px;
}

@media all and (max-width:736px) {
    footer.footer-menu .mega-menu .footer-menu-render > .menu-item .sub-menu a {
        padding-left: 0px;
    }
}

footer.footer-menu .social {
    font-size: 1.25em;
}

footer.footer-menu .footer-by-line {
    width: 96%;
    text-align: left;
    margin-top: 2em;
    margin-right: 2%;
    margin-left: 2%;
    float: left;
    display: block;
}

@media all and (min-width:1200px) {
    footer.footer-menu .footer-by-line {
        width: 96%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    footer.footer-menu .footer-by-line {
        width: 96%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    footer.footer-menu .footer-by-line {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

footer.footer-menu .footer-nav {
    margin-left: 1em;
    float: left;
}

@media all and (max-width:736px) {
    footer.footer-menu .footer-nav {
        width: 100%;
        margin-left: 0px;
    }
}

footer.footer-menu .footer-nav ul {
    margin: 0px;
    padding: 0px;
}

    footer.footer-menu .footer-nav ul li {
        list-style: none;
        text-align: center;
        display: inline-block;
        position: relative;
    }

        footer.footer-menu .footer-nav ul li a {
            transition: 0.5s cubic-bezier(0.33, 0, 0.19, 1);
            padding-right: 1em;
            display: inline-block;
            opacity: 0.5;
        }

            footer.footer-menu .footer-nav ul li a:hover {
                text-decoration: none;
                opacity: 1;
            }

footer.footer-menu .copyright {
    float: left;
    opacity: 0.5;
}

@media all and (max-width:736px) {
    footer.footer-menu .copyright {
        width: 100%;
    }
}

footer.footer-menu .rep-platform {
    font-size: 0.75em;
    margin-top: 2em;
    opacity: 0.25;
}

article.grid-examples {
    width: 96%;
    margin-right: 2%;
    margin-left: 2%;
    float: left;
    display: block;
}

@media all and (min-width:1200px) {
    article.grid-examples {
        width: 96%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    article.grid-examples {
        width: 96%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    article.grid-examples {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

article.grid-examples .container {
    background: rgb(246, 246, 246);
    text-align: center;
}

    article.grid-examples .container code {
        background: none;
        border: currentColor;
        border-image: none;
        font-size: 0.94rem;
        display: block;
    }

    article.grid-examples .container > code {
        padding: 20px;
    }

article.grid-examples .box {
    background: rgb(233, 233, 233);
    padding: 10px;
    border: 1px solid rgb(231, 231, 231);
    border-image: none;
    height: 120px;
    margin-bottom: 2%;
    position: relative;
}

@media all and (max-width:736px) {
    article.grid-examples .box {
        height: auto;
    }
}

article.grid-examples .box.-b1 {
    width: 21%;
    margin-right: 2%;
    margin-left: 2%;
    float: left;
    display: block;
}

@media all and (min-width:1200px) {
    article.grid-examples .box.-b1 {
        width: 21%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    article.grid-examples .box.-b1 {
        width: 21%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    article.grid-examples .box.-b1 {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

article.grid-examples .box.-b2 {
    width: 29.33%;
    margin-right: 2%;
    margin-left: 2%;
    float: left;
    display: block;
}

@media all and (min-width:1200px) {
    article.grid-examples .box.-b2 {
        width: 29.33%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    article.grid-examples .box.-b2 {
        width: 29.33%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    article.grid-examples .box.-b2 {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

article.grid-examples .box.-b3 {
    width: 37.66%;
    margin-right: 2%;
    margin-left: 2%;
    float: left;
    display: block;
}

@media all and (min-width:1200px) {
    article.grid-examples .box.-b3 {
        width: 37.66%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    article.grid-examples .box.-b3 {
        width: 37.66%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    article.grid-examples .box.-b3 {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

article.grid-examples .box.-b4 {
    width: 37.66%;
    margin-right: 2%;
    margin-left: 18.66%;
    float: left;
    display: block;
}

@media all and (min-width:1200px) {
    article.grid-examples .box.-b4 {
        width: 37.66%;
        margin-right: 2%;
        margin-left: 18.66%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    article.grid-examples .box.-b4 {
        width: 37.66%;
        margin-right: 2%;
        margin-left: 18.66%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    article.grid-examples .box.-b4 {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

article.grid-examples .box.-b5 {
    width: 37.66%;
    margin-right: 2%;
    margin-left: 2%;
    float: left;
    display: block;
}

@media all and (min-width:1200px) {
    article.grid-examples .box.-b5 {
        width: 37.66%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    article.grid-examples .box.-b5 {
        width: 37.66%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    article.grid-examples .box.-b5 {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

article.grid-examples .box.-b6 {
    width: 71%;
    margin-right: 2%;
    margin-left: 2%;
    float: left;
    display: block;
}

@media all and (min-width:1200px) {
    article.grid-examples .box.-b6 {
        width: 71%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    article.grid-examples .box.-b6 {
        width: 71%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    article.grid-examples .box.-b6 {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

article.grid-examples .box.-b6 code {
    padding-bottom: 10px;
}

article.grid-examples .box.-b6 .-b6-1 {
    background: rgb(223, 223, 223);
    border: 1px solid rgb(221, 221, 221);
    border-image: none;
    width: 46%;
    height: 50px;
    margin-right: 2%;
    margin-left: 2%;
    float: left;
    display: block;
}

article.grid-examples .box.-b6 .-b6-2 {
    background: rgb(223, 223, 223);
    border: 1px solid rgb(221, 221, 221);
    border-image: none;
    width: 46%;
    height: 50px;
    margin-right: 2%;
    margin-left: 2%;
    float: left;
    display: block;
}

@media all and (min-width:1200px) {
    article.grid-examples .box.-b6 .-b6-1 {
        width: 46%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }

    article.grid-examples .box.-b6 .-b6-2 {
        width: 46%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    article.grid-examples .box.-b6 .-b6-1 {
        width: 46%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }

    article.grid-examples .box.-b6 .-b6-2 {
        width: 46%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    article.grid-examples .box.-b6 .-b6-1 {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }

    article.grid-examples .box.-b6 .-b6-2 {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

article.grid-examples .box.-b7 {
    width: 21%;
    margin-right: 2%;
    margin-left: 2%;
    float: left;
    display: block;
}

@media all and (min-width:1200px) {
    article.grid-examples .box.-b7 {
        width: 21%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    article.grid-examples .box.-b7 {
        width: 21%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    article.grid-examples .box.-b7 {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

article.grid-examples .box.-b8 {
    width: 55%;
    margin-right: 10%;
    margin-left: 10%;
    float: left;
    display: block;
}

@media all and (min-width:1200px) {
    article.grid-examples .box.-b8 {
        width: 55%;
        margin-right: 10%;
        margin-left: 10%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    article.grid-examples .box.-b8 {
        width: 55%;
        margin-right: 10%;
        margin-left: 10%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    article.grid-examples .box.-b8 {
        width: 80%;
        margin-right: 10%;
        margin-left: 10%;
        float: left;
        display: block;
    }
}

article.grid-examples .box.-b9 {
    width: 21%;
    margin-right: 2%;
    margin-left: 2%;
    float: left;
    display: block;
}

@media all and (min-width:1200px) {
    article.grid-examples .box.-b9 {
        width: 21%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    article.grid-examples .box.-b9 {
        width: 21%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    article.grid-examples .box.-b9 {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

article.grid-examples .box.-b10 {
    width: 46%;
    margin-right: 2%;
    margin-left: 2%;
    float: left;
    display: block;
}

article.grid-examples .box.-b11 {
    width: 46%;
    margin-right: 2%;
    margin-left: 2%;
    float: left;
    display: block;
}

@media all and (min-width:1200px) {
    article.grid-examples .box.-b10 {
        width: 46%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }

    article.grid-examples .box.-b11 {
        width: 46%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    article.grid-examples .box.-b10 {
        width: 46%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }

    article.grid-examples .box.-b11 {
        width: 46%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    article.grid-examples .box.-b10 {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }

    article.grid-examples .box.-b11 {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    article.grid-examples .box.-b10 {
        width: 40%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }

    article.grid-examples .box.-b11 {
        width: 40%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

article.grid-examples .box.-b12 {
    width: 41.66%;
    margin-right: 0px;
    margin-left: 0%;
    float: left;
    display: block;
}

@media all and (min-width:1200px) {
    article.grid-examples .box.-b12 {
        width: 41.66%;
        margin-right: 0px;
        margin-left: 0%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    article.grid-examples .box.-b12 {
        width: 41.66%;
        margin-right: 0px;
        margin-left: 0%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    article.grid-examples .box.-b12 {
        width: 100%;
        margin-right: 0px;
        margin-left: 0%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    article.grid-examples .box.-b12 {
        width: 40%;
        margin-right: 0px;
        margin-left: 0%;
        float: left;
        display: block;
    }
}

article.grid-examples .box.-b13 {
    width: 58.33%;
    margin-right: 0px;
    margin-left: 0%;
    float: left;
    display: block;
}

@media all and (min-width:1200px) {
    article.grid-examples .box.-b13 {
        width: 58.33%;
        margin-right: 0px;
        margin-left: 0%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    article.grid-examples .box.-b13 {
        width: 58.33%;
        margin-right: 0px;
        margin-left: 0%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    article.grid-examples .box.-b13 {
        width: 100%;
        margin-right: 0px;
        margin-left: 0%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    article.grid-examples .box.-b13 {
        width: 60%;
        margin-right: 0px;
        margin-left: 0%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    article.grid-examples .box.-tall {
        height: 200px;
    }
}

@media all and (max-width:736px) {
    article.grid-examples .box.-tall code {
        font-size: 0.8rem;
    }
}

header {
    background-position: center;
    width: 100%;
    height: 100vh;
    text-align: center;
    color: rgb(0, 0, 0);
    overflow: hidden;
    float: left;
    position: relative;
    background-size: cover;
}

    header .header-content {
        left: 0px;
        top: 50%;
        width: 100%;
        position: absolute;
        z-index: 10;
        transform: translateY(-50%);
    }

    header .header-title {
        width: 79.33%;
        text-transform: uppercase;
        font-size: 4em;
        font-weight: 800;
        margin-right: 2%;
        margin-left: 10.33%;
        float: left;
        display: block;
    }

@media all and (min-width:1200px) {
    header .header-title {
        width: 79.33%;
        margin-right: 2%;
        margin-left: 10.33%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    header .header-title {
        width: 79.33%;
        margin-right: 2%;
        margin-left: 10.33%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    header .header-title {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    header .header-title {
        font-size: 3em;
    }
}

@media all and (max-width:736px) {
    header .header-title {
        width: 100%;
        font-size: 2em;
        margin-right: 0px;
        margin-left: 0px;
    }
}

header .header-subtitle {
    width: 62.66%;
    margin-top: 0.75em;
    margin-right: 2%;
    margin-left: 18.66%;
    float: left;
    display: block;
}

@media all and (min-width:1200px) {
    header .header-subtitle {
        width: 62.66%;
        margin-right: 2%;
        margin-left: 18.66%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    header .header-subtitle {
        width: 62.66%;
        margin-right: 2%;
        margin-left: 18.66%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    header .header-subtitle {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    header .header-subtitle {
        font-size: 1.5em;
    }
}

header .header-text {
    width: 46%;
    line-height: 150%;
    font-size: 1.25em;
    font-weight: 300;
    margin-top: 1.25em;
    margin-right: 2%;
    margin-left: 27%;
    float: left;
    display: block;
}

@media all and (min-width:1200px) {
    header .header-text {
        width: 46%;
        margin-right: 2%;
        margin-left: 27%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    header .header-text {
        width: 46%;
        margin-right: 2%;
        margin-left: 27%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    header .header-text {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    header .header-text {
        width: 62.66%;
        font-size: 1em;
        margin-right: 2%;
        margin-left: 18.66%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) and (min-width:1200px) {
    header .header-text {
        width: 62.66%;
        margin-right: 2%;
        margin-left: 18.66%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    header .header-text {
        width: 62.66%;
        margin-right: 2%;
        margin-left: 18.66%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    header .header-text {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    header .header-text {
        margin-top: 1em;
    }
}

header .header-buttons {
    width: 62.66%;
    margin-top: 2.25em;
    margin-right: 2%;
    margin-left: 18.66%;
    float: left;
    display: block;
}

@media all and (min-width:1200px) {
    header .header-buttons {
        width: 62.66%;
        margin-right: 2%;
        margin-left: 18.66%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    header .header-buttons {
        width: 62.66%;
        margin-right: 2%;
        margin-left: 18.66%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    header .header-buttons {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

header .header-buttons a {
    margin-right: 0.25em;
    margin-bottom: 1em;
    margin-left: 0.25em;
}

    header .header-buttons a:last-child {
        margin-bottom: 0em;
    }

header.-align-left {
    background-position: right;
}

    header.-align-left .header-carousel .header-carousel-image {
        background-position: right;
    }

@media all and (max-width:736px) {
    header.-align-left {
        background-position: center;
    }

        header.-align-left .header-carousel .header-carousel-image {
            background-position: center;
        }
}

header.-align-left .header-content {
    padding-left: 5%;
}

header.-align-left .header-title {
    text-align: left;
    margin-right: 0px;
    margin-left: 0px;
}

header.-align-left .header-subtitle {
    text-align: left;
    margin-right: 0px;
    margin-left: 0px;
}

header.-align-left .header-text {
    text-align: left;
    margin-right: 0px;
    margin-left: 0px;
}

header.-align-left .header-buttons {
    text-align: left;
    margin-right: 0px;
    margin-left: 0px;
}

    header.-align-left .header-buttons a:first-child {
        margin-left: 0px;
    }

header.-align-right {
    background-position: left;
}

    header.-align-right .header-carousel .header-carousel-image {
        background-position: left;
    }

    header.-align-right .header-title {
        width: 46%;
        text-align: left;
        margin-right: 2%;
        margin-left: 52%;
        float: left;
        display: block;
    }

@media all and (min-width:1200px) {
    header.-align-right .header-title {
        width: 46%;
        margin-right: 2%;
        margin-left: 52%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    header.-align-right .header-title {
        width: 46%;
        margin-right: 2%;
        margin-left: 52%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    header.-align-right .header-title {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

header.-align-right .header-subtitle {
    width: 46%;
    text-align: left;
    margin-right: 2%;
    margin-left: 52%;
    float: left;
    display: block;
}

@media all and (min-width:1200px) {
    header.-align-right .header-subtitle {
        width: 46%;
        margin-right: 2%;
        margin-left: 52%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    header.-align-right .header-subtitle {
        width: 46%;
        margin-right: 2%;
        margin-left: 52%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    header.-align-right .header-subtitle {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

header.-align-right .header-text {
    width: 46%;
    text-align: left;
    margin-right: 2%;
    margin-left: 52%;
    float: left;
    display: block;
}

@media all and (min-width:1200px) {
    header.-align-right .header-text {
        width: 46%;
        margin-right: 2%;
        margin-left: 52%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    header.-align-right .header-text {
        width: 46%;
        margin-right: 2%;
        margin-left: 52%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    header.-align-right .header-text {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

header.-align-right .header-buttons {
    width: 46%;
    text-align: left;
    margin-right: 2%;
    margin-left: 52%;
    float: left;
    display: block;
}

@media all and (min-width:1200px) {
    header.-align-right .header-buttons {
        width: 46%;
        margin-right: 2%;
        margin-left: 52%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    header.-align-right .header-buttons {
        width: 46%;
        margin-right: 2%;
        margin-left: 52%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    header.-align-right .header-buttons {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

header.-align-right .header-buttons a:last-child {
    margin-right: 0px;
}

header.tint {
    position: relative;
}

    header.tint::after {
        left: 0em;
        top: 0em;
        height: 100%;
        right: 0em;
        bottom: 0em;
        display: block;
        position: absolute;
        z-index: 2;
        content: " ";
        background-color: rgba(0, 0, 0, 0.25);
    }

header .header-video {
    left: 50%;
    top: 50%;
    position: absolute;
    min-height: 100vh;
    min-width: 100vw;
    transform: translate3d(-50%, -50%, 0px);
}

header .header-video-embed {
    left: 50%;
    top: 50%;
    position: absolute;
    min-height: 120vh;
    min-width: 120vw;
    transform: translate3d(-50%, -50%, 0px);
}

    header .header-video-embed iframe {
        left: 50%;
        top: 50%;
        position: absolute;
        min-height: 120vh;
        min-width: 120vw;
        transform: translate3d(-50%, -50%, 0px);
    }

@media all and (max-width:736px) {
    header .header-video-embed {
        min-width: 200vh;
    }

        header .header-video-embed iframe {
            min-width: 200vh;
        }
}

header .header-carousel .header-carousel-image {
    background-position: center;
    transition: 2s cubic-bezier(0.33, 0, 0.19, 1);
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    position: absolute;
    z-index: 2;
    opacity: 0;
    background-repeat: no-repeat;
    background-size: cover;
}

    header .header-carousel .header-carousel-image.active {
        opacity: 1;
    }

header .header-carousel::after {
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    position: absolute;
    z-index: 1;
    content: " ";
    background-color: black;
}

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 {
        position: relative;
        pointer-events: all;
    }

header .social-media {
    width: 100%;
    margin-top: 2em;
    float: left;
}

    header .social-media a {
        color: white;
    }

header.image-as-header {
    height: auto;
    max-height: 100vh;
}

header.post {
    height: auto;
    max-height: 100vh;
}

header.slides {
    height: auto;
    max-height: 100vh;
}

header.image-as-header img {
    width: 100%;
    height: auto;
}

header.post img {
    width: 100%;
    height: auto;
}

header.slides img {
    width: 100%;
    height: auto;
}

@media all and (max-width:1024px) {
    header.image-as-header {
        height: auto;
    }

    header.post {
        height: auto;
    }

    header.slides {
        height: auto;
    }

    header.image-as-header img {
        display: block;
    }

    header.post img {
        display: block;
    }

    header.slides img {
        display: block;
    }
}

.top-bar.navigation-display-solid + header.image-as-header {
    margin-top: 5em;
}

.top-bar.navigation-display-solid + header.post {
    margin-top: 5em;
}

.top-bar.navigation-display-solid + header.slides {
    margin-top: 5em;
}

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

    .top-bar.navigation-display-solid + header.post {
        margin-top: 4em;
    }

    .top-bar.navigation-display-solid + header.slides {
        margin-top: 4em;
    }
}

header.search {
    height: 60vh;
    background-image: none !important;
    background-color: black !important;
}

    header.search input {
        padding: 0px;
        border: 0px currentColor !important;
        border-image: none !important;
        width: 100%;
        text-align: center;
        color: black !important;
        text-transform: none;
        line-height: 120%;
        letter-spacing: 0px;
        font-size: 3.12rem;
        font-weight: 800;
        background-color: white;
    }

@media all and (max-width:736px) {
    header.search input {
        letter-spacing: 0.15em;
    }
}

header.search input:hover {
    border: 0px currentColor;
    border-image: none;
}

header.search input:active {
    border: 0px currentColor;
    border-image: none;
}

header.search input:focus {
    border: 0px currentColor;
    border-image: none;
}

header.search.imagebg input {
    color: rgb(255, 255, 255);
}

header.search .header-buttons {
    margin-top: 0px;
}

header.search .button-outlined {
    color: white !important;
    box-shadow: inset 0px 0px 0px 2px #fff;
}

header.author .profile-pic {
    width: 100%;
    text-align: center;
    margin-bottom: 2em;
    float: left;
}

    header.author .profile-pic img {
        border-radius: 100em;
        width: 100%;
        height: auto;
        max-width: 10em;
    }

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

header.color {
    height: 75vh;
}

.posts-loop .card {
    width: 29.33%;
    margin-right: 2%;
    margin-left: 2%;
    float: left;
    display: block;
}

@media all and (min-width:1200px) {
    .posts-loop .card {
        width: 29.33%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    .posts-loop .card {
        width: 29.33%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    .posts-loop .card {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

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

.posts-loop-pagination {
    width: 96%;
    margin-right: 2%;
    margin-left: 2%;
    float: left;
    display: block;
}

@media all and (min-width:1200px) {
    .posts-loop-pagination {
        width: 96%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    .posts-loop-pagination {
        width: 96%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    .posts-loop-pagination {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

.post-content {
    width: 62.66%;
    margin-right: 2%;
    margin-left: 18.66%;
    float: left;
    display: block;
}

@media all and (min-width:1200px) {
    .post-content {
        width: 62.66%;
        margin-right: 2%;
        margin-left: 18.66%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    .post-content {
        width: 62.66%;
        margin-right: 2%;
        margin-left: 18.66%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    .post-content {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

.post-content .post-title {
    font-size: 1.62rem;
}

@media all and (max-width:736px) {
    .post-content .post-title {
        font-size: 1.37rem;
    }
}

.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: 0.5s cubic-bezier(0.33, 0, 0.19, 1);
}

    .wysiwyg a:hover {
        opacity: 0.5;
    }

.single .event-details a {
    color: rgb(0, 0, 0);
}

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

.top-bar {
    padding: 1em;
    top: 0px;
    width: 100%;
    position: absolute;
    z-index: 200;
}

    .top-bar .logo {
        height: 3em;
        float: left;
    }

        .top-bar .logo img {
            width: auto;
            height: 100%;
        }

        .top-bar .logo.large {
            height: 6em;
        }

@media all and (max-width:736px) {
    .top-bar .logo.large {
        height: 4.5em;
    }
}

.top-bar .logo.medium {
    height: 4em;
}

@media all and (max-width:736px) {
    .top-bar .logo.medium {
        height: 3.25em;
    }
}

.top-bar .logo.small {
    height: 2.5em;
}

@media all and (max-width:736px) {
    .top-bar .logo.small {
        height: 1.5em;
    }
}

.top-bar nav.primary {
    float: right;
    display: block;
}

@media all and (max-width:1024px) {
    .top-bar nav.primary {
        display: none;
    }
}

.top-bar nav.primary li:last-child a {
    padding-right: 0px;
}

.top-bar nav.primary a {
    color: rgb(255, 255, 255);
    letter-spacing: 0.025em;
    font-weight: 800;
}

    .top-bar nav.primary a:hover {
        color: rgb(255, 255, 255);
    }

.top-bar nav.mobile {
    display: none;
}

@media all and (max-width:1024px) {
    .top-bar nav.mobile {
        display: block;
    }
}

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

.top-bar.navigation-display-solid {
    color: rgb(0, 0, 0);
    background-color: rgb(255, 255, 255);
}

@media all and (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 currentColor;
    border-image: none;
}

    .top-bar.navigation-display-solid ul.menu-primary > li ul a {
        padding: 1em;
        width: 100%;
        display: block;
        background-color: rgb(255, 255, 255);
    }

.top-bar.navigation-display-solid nav.primary a {
    color: rgb(0, 0, 0);
}

    .top-bar.navigation-display-solid nav.primary a:hover {
        color: rgb(0, 0, 0);
    }

.top-bar nav.primary ul[class*='menu-'] li a {
    position: relative;
    z-index: 1001;
}

.row-column {
    text-align: center;
    margin-bottom: 3em;
}

    .row-column .icon {
        font-size: 2em;
        opacity: 1 !important;
    }

    .row-column a .icon {
        color: rgb(0, 0, 0);
    }

    .row-column .image {
        margin: 0px auto 2em;
        transition: 0.5s cubic-bezier(0.33, 0, 0.19, 1);
        overflow: hidden;
        opacity: 1;
    }

        .row-column .image img {
            transition: 0.5s cubic-bezier(0.33, 0, 0.19, 1);
            width: 100%;
            height: auto;
        }

    .row-column p {
        font-size: 1em;
        margin-right: auto;
        margin-left: auto;
        max-width: 30em;
        opacity: 0.5;
    }

    .row-column.image-type-circle .image {
        position: relative;
        max-width: 12em;
    }

        .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 {
    display: flex;
    flex-wrap: wrap;
}

.flexbox .team {
    display: flex;
    flex-wrap: wrap;
}

.flexbox .service-times {
    display: flex;
    flex-wrap: wrap;
}

.flexbox .ministries {
    display: flex;
    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;
}

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

.form-row-form {
    width: 54.33%;
    margin-right: 2%;
    margin-left: 22.83%;
    float: left;
    display: block;
}

@media all and (min-width:1200px) {
    .form-row-form {
        width: 54.33%;
        margin-right: 2%;
        margin-left: 22.83%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    .form-row-form {
        width: 54.33%;
        margin-right: 2%;
        margin-left: 22.83%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    .form-row-form {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

.-align-left .form-row-form {
    width: 54.33%;
    margin-right: 2%;
    margin-left: 2%;
    float: left;
    display: block;
}

@media all and (min-width:1200px) {
    .-align-left .form-row-form {
        width: 54.33%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    .-align-left .form-row-form {
        width: 54.33%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    .-align-left .form-row-form {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

.-align-right .form-row-form {
    width: 54.33%;
    margin-right: 2%;
    margin-left: 43.66%;
    float: left;
    display: block;
}

@media all and (min-width:1200px) {
    .-align-right .form-row-form {
        width: 54.33%;
        margin-right: 2%;
        margin-left: 43.66%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    .-align-right .form-row-form {
        width: 54.33%;
        margin-right: 2%;
        margin-left: 43.66%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    .-align-right .form-row-form {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

.image-block {
    width: 100%;
    float: left;
    position: relative;
}

    .image-block .image-block-defaults {
        width: 50%;
        float: left;
    }

        .image-block .image-block-defaults .image-block-text-wrap {
            padding: 4em;
            left: 0px;
            top: 50%;
            width: 50%;
            text-align: left;
            position: absolute;
            transform: translateY(-50%);
        }

            .image-block .image-block-defaults .image-block-text-wrap p {
                margin: 1em 0px 0px;
            }

            .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 all and (max-width:736px) {
    .image-block .image-block-defaults .image-block-text-wrap {
        padding: 3em;
        text-align: center;
    }
}

@media all and (max-width:736px) {
    .image-block .image-block-defaults {
        width: 100%;
    }

        .image-block .image-block-defaults .image-block-text-wrap {
            top: auto;
            width: 100%;
            position: relative;
            transform: none;
        }
}

.image-block .image-block-image {
    width: 50%;
    overflow: hidden;
    float: right;
}

    .image-block .image-block-image img {
        transition: 0.5s cubic-bezier(0.33, 0, 0.19, 1);
        width: 100%;
        height: auto;
        transform: scale3d(1, 1, 1);
    }

    .image-block .image-block-image:hover img {
        transform: scale3d(1.05, 1.05, 1.05);
    }

@media all and (max-width:736px) {
    .image-block .image-block-image {
        width: 100%;
    }
}

:nth-child(2n).image-block .image-block-defaults {
    float: right;
}

    :nth-child(2n).image-block .image-block-defaults .image-block-text-wrap {
        left: auto;
        right: 0px;
    }

:nth-child(2n).image-block .image-block-image {
    float: left;
}

.image-columns-row.-blocks {
    padding-bottom: 0px;
}

    .image-columns-row.-blocks.-noblock {
        padding-bottom: 10em;
    }

@media all and (max-width:736px) {
    .image-columns-row.-blocks.-noblock {
        padding-bottom: 5em;
    }
}

.image-columns-row.-blocks.-no-defaults {
    padding-top: 0px;
}

.image-columns-row.-blocks .container + .image-blocks {
    margin-top: 10em;
}

@media all and (max-width:736px) {
    .image-columns-row.-blocks .container + .image-blocks {
        margin-top: 5em;
    }
}

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

    .image-only-container .image-only img {
        width: 100%;
        height: auto;
    }

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

.quote-row {
    text-align: center;
}

    .quote-row blockquote {
        padding: 0px;
        width: 62.66%;
        text-align: center;
        line-height: 120%;
        font-size: 2em;
        font-style: italic;
        margin-right: 2%;
        margin-left: 18.66%;
        float: left;
        display: block;
    }

@media all and (min-width:1200px) {
    .quote-row blockquote {
        width: 62.66%;
        margin-right: 2%;
        margin-left: 18.66%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    .quote-row blockquote {
        width: 62.66%;
        margin-right: 2%;
        margin-left: 18.66%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    .quote-row blockquote {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    .quote-row blockquote {
        width: 79.33%;
        margin-right: 2%;
        margin-left: 10.33%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) and (min-width:1200px) {
    .quote-row blockquote {
        width: 79.33%;
        margin-right: 2%;
        margin-left: 10.33%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    .quote-row blockquote {
        width: 79.33%;
        margin-right: 2%;
        margin-left: 10.33%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    .quote-row blockquote {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    .quote-row blockquote {
        font-size: 1.5em;
    }
}

.quote-row .source {
    width: 62.66%;
    text-align: center;
    margin-top: 1em;
    margin-right: 2%;
    margin-left: 18.66%;
    float: left;
    display: block;
    position: relative;
}

@media all and (min-width:1200px) {
    .quote-row .source {
        width: 62.66%;
        margin-right: 2%;
        margin-left: 18.66%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    .quote-row .source {
        width: 62.66%;
        margin-right: 2%;
        margin-left: 18.66%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    .quote-row .source {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

.quote-row .source::after {
    left: 45%;
    top: -1.5em;
    width: 10%;
    height: 2px;
    position: absolute;
    content: " ";
    background-color: rgb(255, 0, 36);
}

.quote-row .row-buttons {
    width: 62.66%;
    text-align: center;
    margin-right: 2%;
    margin-left: 18.66%;
    float: left;
    display: block;
}

@media all and (min-width:1200px) {
    .quote-row .row-buttons {
        width: 62.66%;
        margin-right: 2%;
        margin-left: 18.66%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    .quote-row .row-buttons {
        width: 62.66%;
        margin-right: 2%;
        margin-left: 18.66%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    .quote-row .row-buttons {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

.quote-row.-align-left blockquote {
    width: 62.66%;
    text-align: left;
    margin-right: 2%;
    margin-left: 2%;
    float: left;
    display: block;
}

@media all and (min-width:1200px) {
    .quote-row.-align-left blockquote {
        width: 62.66%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    .quote-row.-align-left blockquote {
        width: 62.66%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    .quote-row.-align-left blockquote {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

.quote-row.-align-left .source {
    width: 62.66%;
    text-align: left;
    margin-right: 2%;
    margin-left: 2%;
    float: left;
    display: block;
}

@media all and (min-width:1200px) {
    .quote-row.-align-left .source {
        width: 62.66%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    .quote-row.-align-left .source {
        width: 62.66%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    .quote-row.-align-left .source {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

.quote-row.-align-left .source::after {
    left: 0px;
}

.quote-row.-align-left .row-buttons {
    width: 62.66%;
    text-align: left;
    margin-right: 2%;
    margin-left: 2%;
    float: left;
    display: block;
}

@media all and (min-width:1200px) {
    .quote-row.-align-left .row-buttons {
        width: 62.66%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    .quote-row.-align-left .row-buttons {
        width: 62.66%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    .quote-row.-align-left .row-buttons {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

.quote-row.-align-left .row-buttons a {
    min-width: 0px;
}

.quote-row.-align-right blockquote {
    width: 54.33%;
    text-align: left;
    margin-right: 2%;
    margin-left: 43.66%;
    float: left;
    display: block;
}

@media all and (min-width:1200px) {
    .quote-row.-align-right blockquote {
        width: 54.33%;
        margin-right: 2%;
        margin-left: 43.66%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    .quote-row.-align-right blockquote {
        width: 54.33%;
        margin-right: 2%;
        margin-left: 43.66%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    .quote-row.-align-right blockquote {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

.quote-row.-align-right .source {
    width: 54.33%;
    text-align: left;
    margin-right: 2%;
    margin-left: 43.66%;
    float: left;
    display: block;
}

@media all and (min-width:1200px) {
    .quote-row.-align-right .source {
        width: 54.33%;
        margin-right: 2%;
        margin-left: 43.66%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    .quote-row.-align-right .source {
        width: 54.33%;
        margin-right: 2%;
        margin-left: 43.66%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    .quote-row.-align-right .source {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

.quote-row.-align-right .source::after {
    left: 0px;
}

.quote-row.-align-right .row-buttons {
    width: 54.33%;
    text-align: left;
    margin-right: 2%;
    margin-left: 43.66%;
    float: left;
    display: block;
}

@media all and (min-width:1200px) {
    .quote-row.-align-right .row-buttons {
        width: 54.33%;
        margin-right: 2%;
        margin-left: 43.66%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    .quote-row.-align-right .row-buttons {
        width: 54.33%;
        margin-right: 2%;
        margin-left: 43.66%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    .quote-row.-align-right .row-buttons {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

.quote-row.-align-right .row-buttons a {
    min-width: 0px;
}

.row {
    padding: 10em 0em;
    width: 100%;
    text-align: left;
    float: left;
}

@media all and (max-width:736px) {
    .row {
        padding: 5em 0em;
    }
}

.row .row-defaults {
    transition: 1s cubic-bezier(0.33, 0, 0.19, 1) 400ms;
    opacity: 0;
    transform: translateY(10vh);
}

.row .row-content {
    /*transition: 1s cubic-bezier(0.33, 0, 0.19, 1) 400ms;
    opacity: 0;
    transform: translateY(10vh);*/
}

.row.in-view .row-defaults {
    opacity: 1;
    transform: translateY(0vh);
}

.row.in-view .row-content {
    opacity: 1;
    transform: translateY(0vh);
}

.row .row-defaults {
    width: 62.66%;
    text-align: center;
    margin-right: 2%;
    margin-left: 18.66%;
    float: left;
    display: block;
    position: relative;
    z-index: 2;
}

@media all and (min-width:1200px) {
    .row .row-defaults {
        width: 62.66%;
        margin-right: 2%;
        margin-left: 18.66%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    .row .row-defaults {
        width: 62.66%;
        margin-right: 2%;
        margin-left: 18.66%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    .row .row-defaults {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

.row .row-content {
    /*margin-top: 2.5em;*/
}

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

.row .row-title {
    margin-bottom: 0.75em;
    display: inline-block;
    position: relative;
}

    .row .row-title::after {
        left: 20%;
        width: 60%;
        height: 2px;
        bottom: -1em;
        position: absolute;
        content: " ";
        background-color: rgb(255, 0, 36);
    }

.row .row-subtitle {
    margin-top: 1em;
}

@media all and (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-right: 0.25em;
        margin-left: 0.25em;
    }

.row .row-multi-buttons a {
    min-width: 12em;
}

.row .row-content {
    width: 100%;
    float: left;
}

.row.-align-left .row-defaults {
    width: 54.33%;
    text-align: left;
    margin-right: 2%;
    margin-left: 2%;
    float: left;
    display: block;
}

@media all and (min-width:1200px) {
    .row.-align-left .row-defaults {
        width: 54.33%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    .row.-align-left .row-defaults {
        width: 54.33%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    .row.-align-left .row-defaults {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

.row.-align-left .row-defaults .row-title::after {
    left: 0%;
}

.row.-align-left .row-defaults .row-buttons a {
    margin-left: 0px;
    min-width: 0px;
}

.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: 0px;
    }

    .row.-align-left .row-column.column-twelve .image {
        margin-top: inherit;
        margin-right: inherit;
        margin-bottom: inherit;
        margin-left: 0px;
    }

@media all and (max-width:736px) {
    .row.-align-left .row-column.column-twelve .image {
        margin: 0px auto;
    }
}

.row.-align-right .row-defaults {
    width: 54.33%;
    text-align: left;
    margin-right: 2%;
    margin-left: 43.66%;
    float: left;
    display: block;
}

@media all and (min-width:1200px) {
    .row.-align-right .row-defaults {
        width: 54.33%;
        margin-right: 2%;
        margin-left: 43.66%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    .row.-align-right .row-defaults {
        width: 54.33%;
        margin-right: 2%;
        margin-left: 43.66%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    .row.-align-right .row-defaults {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

.row.-align-right .row-defaults .row-title::after {
    left: 0%;
}

.row.-align-right .row-defaults .row-multi-buttons a {
    min-width: 0px;
}

.lightbg {
    background-color: rgb(255, 255, 255);
}

.darkbg {
    background-color: rgb(246, 246, 246);
}

.brandbg {
    color: rgb(255, 255, 255);
    background-color: rgb(255, 0, 36);
}

    .brandbg .button-primary {
        color: rgb(0, 0, 0);
        box-shadow: inset 0px 0px 0px 2px #000000 !important;
    }

        .brandbg .button-primary span {
            color: rgb(255, 255, 255);
        }

        .brandbg .button-primary::after {
            transform: scale3d(1, 1, 1);
            background-color: rgb(0, 0, 0);
        }

        .brandbg .button-primary:hover {
            color: rgb(255, 0, 36);
        }

            .brandbg .button-primary:hover span {
                color: rgb(255, 0, 36);
            }

.secondbg {
    color: rgb(255, 255, 255);
    background-color: rgb(157, 106, 180);
}

    .secondbg .button-primary::after {
        transform: scale3d(1, 1, 1);
    }

.thirdbg {
    color: rgb(255, 255, 255);
    background-color: rgb(11, 100, 114);
}

    .thirdbg .button-primary::after {
        transform: scale3d(1, 1, 1);
    }

.imagebg {
    background-position: center;
    color: rgb(255, 255, 255);
    background-size: cover;
}

    .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 {
            left: 0em;
            top: 0em;
            right: 0em;
            bottom: 0em;
            display: block;
            position: absolute;
            content: " ";
            background-color: rgba(0, 0, 0, 0.25);
        }

    .imagebg .row-text {
        opacity: 1;
    }

    .imagebg .button-outlined {
        color: rgb(255, 255, 255);
        box-shadow: inset 0px 0px 0px 2px #fff;
    }

        .imagebg .button-outlined::after {
            background-color: rgb(255, 255, 255);
        }

        .imagebg .button-outlined:hover {
            border-color: rgb(255, 255, 255) !important;
        }

            .imagebg .button-outlined:hover span {
                color: rgb(0, 0, 0) !important;
            }

    .imagebg .button-primary {
        color: rgb(0, 0, 0);
        box-shadow: inset 0px 0px 0px 2px #fff !important;
    }

        .imagebg .button-primary span {
            transition: 0.5s cubic-bezier(0.33, 0, 0.19, 1);
            color: rgb(0, 0, 0);
        }

        .imagebg .button-primary::after {
            transform: scale3d(1, 1, 1);
            background-color: rgb(255, 255, 255);
        }

        .imagebg .button-primary:hover {
            color: rgb(255, 0, 36);
        }

            .imagebg .button-primary:hover span {
                color: rgb(255, 0, 36);
            }

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

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

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

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

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

.row.contentonly {
    padding: 0px !important;
}

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

.brandbg .row-title::after {
    background-color: currentColor;
}

.brandbg.quote-row .source::after {
    background-color: currentColor;
}

.secondbg .row-title::after {
    background-color: currentColor;
}

.secondbg.quote-row .source::after {
    background-color: currentColor;
}

.thirdbg .row-title::after {
    background-color: currentColor;
}

.thirdbg.quote-row .source::after {
    background-color: currentColor;
}

.social-feed-instagram {
    width: 100%;
    margin-top: 4em;
    float: left;
    position: relative;
}

    .social-feed-instagram img {
        transition: 0.5s cubic-bezier(0.33, 0, 0.19, 1);
        width: 29.33%;
        height: auto;
        margin-right: 2%;
        margin-bottom: 4%;
        margin-left: 2%;
        float: left;
        display: block;
        opacity: 0;
    }

@media all and (min-width:1200px) {
    .social-feed-instagram img {
        width: 29.33%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    .social-feed-instagram img {
        width: 29.33%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    .social-feed-instagram img {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

.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: 0px;
    padding-bottom: 0px;
}

    .subnav-row .row-defaults {
        margin-top: 0px;
        margin-bottom: 0px;
        opacity: 0;
        transform: translateY(0vh);
    }

@media all and (max-width:736px) {
    .subnav-row .row-defaults {
        margin-right: 0px;
    }
}

.subnav-row .nav-container {
    width: 100%;
    float: left;
    white-space: nowrap;
    -ms-overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
}

    .subnav-row .nav-container > div {
        width: 100%;
        float: left;
    }

.subnav-row ul {
    padding: 0px;
    width: 100%;
    text-align: center;
    margin-right: 0px;
    margin-left: 0px;
    float: left;
    display: flex;
    justify-content: center;
    align-items: 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: 0px;
        }

.subnav-row.-align-left ul {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.subnav-row.-align-right .row-content {
    width: 54.33%;
    margin-right: 2%;
    margin-left: 43.66%;
    float: left;
    display: block;
}

@media all and (min-width:1200px) {
    .subnav-row.-align-right .row-content {
        width: 54.33%;
        margin-right: 2%;
        margin-left: 43.66%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    .subnav-row.-align-right .row-content {
        width: 54.33%;
        margin-right: 2%;
        margin-left: 43.66%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    .subnav-row.-align-right .row-content {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    .subnav-row.-align-right .row-content {
        margin: 0px;
        width: 100%;
        float: left;
    }
}

.subnav-row.-align-right ul {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

@media all and (max-width:736px) {
    .subnav-row {
        padding-left: 5%;
    }

        .subnav-row ul {
            display: flex;
            justify-content: flex-start;
            align-items: 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 {
    width: 62.66%;
    text-align: center;
    margin-right: 2%;
    margin-left: 18.66%;
    float: left;
    display: block;
}

@media all and (min-width:1200px) {
    .video-row .video {
        width: 62.66%;
        margin-right: 2%;
        margin-left: 18.66%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    .video-row .video {
        width: 62.66%;
        margin-right: 2%;
        margin-left: 18.66%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    .video-row .video {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

.video-row.-align-left .video {
    width: 62.66%;
    text-align: left;
    margin-right: 2%;
    margin-left: 2%;
    float: left;
    display: block;
}

@media all and (min-width:1200px) {
    .video-row.-align-left .video {
        width: 62.66%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    .video-row.-align-left .video {
        width: 62.66%;
        margin-right: 2%;
        margin-left: 2%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    .video-row.-align-left .video {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

.video-row.-align-right .video {
    width: 54.33%;
    text-align: left;
    margin-right: 2%;
    margin-left: 43.66%;
    float: left;
    display: block;
}

@media all and (min-width:1200px) {
    .video-row.-align-right .video {
        width: 54.33%;
        margin-right: 2%;
        margin-left: 43.66%;
        float: left;
        display: block;
    }
}

@media all and (max-width:1024px) {
    .video-row.-align-right .video {
        width: 54.33%;
        margin-right: 2%;
        margin-left: 43.66%;
        float: left;
        display: block;
    }
}

@media all and (max-width:736px) {
    .video-row.-align-right .video {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        float: left;
        display: block;
    }
}

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

    .embed-container iframe {
        left: 0px;
        width: 100%;
        height: 100%;
        position: absolute;
    }

.tccmodal {
    transition: 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    position: fixed;
    z-index: 9999999;
    opacity: 0;
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0.75);
}

    .tccmodal .tccmodal-content-wrap {
        overflow: scroll;
        margin-top: 8em;
    }

    .tccmodal .tccmodal-close {
        top: 2em;
        right: 2em;
        position: absolute;
    }

        .tccmodal .tccmodal-close .x {
            width: 30px;
            height: 30px;
            display: block;
            position: relative;
        }

            .tccmodal .tccmodal-close .x::before {
                transition: 0.5s cubic-bezier(0.33, 0, 0.19, 1);
                top: 50%;
                width: 100%;
                height: 2px;
                position: absolute;
                content: " ";
                transform: rotate(0deg);
                background-color: white;
            }

            .tccmodal .tccmodal-close .x::after {
                transition: 0.5s cubic-bezier(0.33, 0, 0.19, 1);
                top: 50%;
                width: 100%;
                height: 2px;
                position: absolute;
                content: " ";
                transform: rotate(0deg);
                background-color: white;
            }

    .tccmodal .tccmodal-content {
        margin: 0px auto;
        width: 70%;
        max-width: 1200px;
    }

@media all and (max-width:736px) {
    .tccmodal .tccmodal-content {
        width: 90%;
    }
}

.tccmodal.-centered .tccmodal-content-wrap {
    height: 100vh;
    margin-top: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tccmodal.-open {
    opacity: 1;
    pointer-events: all;
}

    .tccmodal.-open .tccmodal-close .x::before {
        transform: rotate(45deg);
    }

    .tccmodal.-open .tccmodal-close .x::after {
        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%;
    }