/***
 * CLIENT HEADER CSS
 ***/

body {
    font-size: 15px;
    font-family: "soleil", Arial, sans-serif ;
    padding-right: 0px !important;
}


p.h1, p.h2,p.h3,p.h4, p.caption {
    margin: 0;
    font-weight: bold;
    font-family: "soleil", Arial, sans-serif ;
}


p.h1 {

    font-weight: 900;
    font-size: 1em;
    letter-spacing: .13em;
    text-transform: uppercase;

}
p.h2{

    font-size: 2.7em  ;

}
p.h3{

    font-size: 2em  ;

}
p.h4{

    font-size: 1.6em  ;

}
.caption{
    font-size: 1.2em  ;

}

p.p, p, body p {
    font-family: "soleil", Arial, sans-serif ;
    font-size: 1.2em  ;

}


.p-large{
    font-family: "soleil", Arial, sans-serif ;
    font-size: 1.5em  ;

}
.pull-quotes, blockquote {
    font-family: 'soleil';
    font-size: 1.8em  ;
    padding: 0;
    margin: 0;
    border-left: none;
}
.footnote{
    font-family: 'soleil';
    font-size: 1em  ;

}
.medium-p{
    font-family: "soleil", Arial, sans-serif ;
    font-size: 1.6em  ;
}
p.link {
    font-style: italic;
    font-family: serif;
    font-size: .9333em;
    font-family: @serif;
}

/* LINK STYLE */
p.h1 a,
p.h2 a,
p.h3 a,
p.h4 a
{
    text-decoration: none;
    color: #111 ;
    z-index: 10;
    transition: all .5s;
    position: relative;
}

p.h1 a:after,
p.h2 a:after,
p.h3 a:after,
p.h4 a:after {


}

p.h1 a:hover,
p.h2 a:hover,
p.h3 a:hover,
p.h4 a:hover {
    text-decoration: none;
    border-bottom: none;

    transition: all .5s;

    cursor: pointer;
}

p.p a,
p.medium-p a,
p.p-large a,
p.footnote a,
p.pull-quotes a,
blockquote a,
.caption a {
    text-decoration: none;
    transition: all .5s;
    color: #111 ;
}

p.p a:hover,
p.medium-p a:hover,
p.p-large a:hover,
p.footnote a:hover,
p.pull-quotes a:hover,
blockquote a:hover,
.caption a:hover {
    opacity: .5;
    transition: all .5s;
    cursor: pointer;
}



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



/***
 * CARDS CSS
 ***/


/* START OF CARD 7 - LARGE IMAGE */

#card7 {
    padding: 0 5vw;
}
#card7.fullwidth {
    padding: 0;
    width: 100%;
    height: 100%;
}
#card7 .fullwidth img {
    width: 100% !important;
    z-index: -1;
}
#card7.vpadTop {
    padding-top: 2em;
}
@media (max-width: 768px) {
    #card7.vpadTop {
        padding-top: 5vw;
    }
}
#card7.vpadBottom {
    padding-bottom: 30px;
}
#card7 a .info {
    position: absolute;
    left: 25px;
    top: 25px;
    z-index: 20;
    background-color: yellow;
}
#card7.fullheight {
    height: 100vh;
}
#card7.fullheight .overly {
    height: 100vh;
    display: table;
}
#card7.fullheight .overly .overl {
    display: none;
}
#card7.fullheight .overly a {
    display: table-cell;
    vertical-align: middle;
    height: 100vh;
    z-index: 120;
    position: absolute;
    left: 0px;
    top: 0px;
}
#card7 .a-full-width {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 120;
    width: 100VW;
    height: 100VH;
}
#card7 .overly {
    width: 100%;
    height: 100%;
    position: relative;
    display: table-cell;
    transition: all .5s;
}
#card7 .overly img {
    width: 100vw;
    max-width: 100%;
}
#card7 .overly .overl {
    background: #ffffff;
    height: 100%;
    width: 100%;
    position: absolute;
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: all .5s;
}
#card7 .overly .overl h3 {
    color: #4bc4d4;
}
#card7 .overly:hover .overl {
    opacity: 1;
}
#card7 .overly.noRoll .overl {
    /*opacity:0;*/
    display: none;
}
#card7 .overly.noRoll:hover .overl {
    /*opacity:0;*/
    display: none;
}
#card7 .overly .overl.invert {
    opacity: 1;
}
#card7.bgRed {
    background-color: #4bc4d4;
    color: #231f20;
}
#card7.bgBlue {
    background-color: #00ab51;
    color: #231f20;
}
#card7.bgWhite {
    background-color: white;
    color: #231f20;
}
#card7.bgBlack {
    background-color: #231f20;
    color: white;
}
#card7.bgCustom {
    background-color: auto;
}
#card7 .img {
    margin-bottom: 3vh;
    display: block;
    margin: 0 auto;
    width: 95%;
    height: 100vh;
    display: table;
}
#card7 .img.bgImage {
    background-image: url({{bgimage}});
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
#card7 .img .hoverInfo {
    opacity: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    background-color: #00ab51;
    color: #ffffff;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
#card7 .img:hover .hoverInfo {
    opacity: 1;
}
#card7 .description.hidedescription {
    display: none;
}
#card7 .description {
    padding-top: 10px;
}
#card7 h3 {
    color: grey;
    font-family: soleil;
    font-size: 24px;
}
#card7 h4 {
    font-style: italic;
    font-family: serif;
    font-size: 14px;
    font-family: pt-serif;
}
#card7 .description {
    display: relative;
    padding-top: 15px;
    padding-right: 5vw;
}
#card7 .description.hide {
    display: none;
}
#card7 p.link {
    font-style: italic;
    font-family: serif;
    font-size: 14px;
    /*padding-left: 30px;*/
    font-family: pt-serif;
}
#card7 a {
    z-index: 20 !important;
    width: 100%;
    height: 100%;
}
#card7 a:hover,
#card7 a:active {
    outline: 0;
    text-decoration: none;
}
#card7 a:hover.noRoll,
#card7 a:active.noRoll {
    cursor: default;
}
#card7 a.noRoll,
#card7 a .noRoll .over {
    cursor: default !important;
}
#card7 a.noRoll:hover,
#card7 a .noRoll .over:hover {
    cursor: default !important;
}
#card7 a.over {
    overflow: hidden;
    display: block;
    z-index: 10;
    font-size: .65em;
    position: relative;
    top: 0px;
    left: 0px;
    -moz-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}
@media (max-width: 768px) {
    #card7 a.over {
        opacity: 1;
        background: rgba(255, 255, 255, 0);
    }
}
#card7 a.over .noRoll {
    display: none !important;
}
#card7 a.over .p,
#card7 a.over .p-large {
    color: #4bc4d4;
}
#card7 a.over:hover {
    opacity: 1;
    cursor: pointer;
}
#card7 a.over:hover .info {
    opacity: 1;
    transition: all .5s ease;
}
#card7 a.over .info {
    display: block;
    position: absolute;
    z-index: 10;
    max-width: 250px;
    opacity: 0 ;
    padding: 1.25vw;
    margin: 2.5vw;
    background: transparent;
    background: #fff;
    transition: opacity .5s ease;
}
@media (max-width: 768px) {
    #card7 a.over .info {
        padding: 2.5vw;
        max-width: 60%;
    }
}
@media (max-width: 768px) {
    #card7 a.over .info {
        opacity: 1;
        margin: 5vw;
    }
}
#card7 a .transluscent {
    opacity: 0;
}
#card7 .over .info.disableHover {
    opacity: 1;
}
#card7 .description.fullwidth {
    padding-left: 5vw !important;
}


/* END OF CARD 7 - LARGE IMAGE */

/* START OF CARD CALL TO ACTION */

/* REGISTER BTN CARD STYLES */
.register-btn {
    width: 100%;
    background-color: #231f20;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
}
.register-btn:hover {
    cursor: pointer;
}
.register-btn:hover a {
    color: #111 !important ;
    text-decoration: none;
}
.register-btn a {
    padding: 0;
    height: auto;
}
.register-btn .wrap {
    padding: 60px 0;
    text-decoration: none;
    font-size: 50px;
    color: white;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 700;
}
.register-btn .wrap p {
    line-height: 1;
    margin: 0 auto;
}
@media (max-width: 480px) {
    .register-btn .wrap {
        font-size: 25px;
        margin: 0;
        padding: 40px 0;
    }
}
.register-btn .wrap:hover {
    cursor: pointer;
}


/* END OF CARD CALL TO ACTION */

/* START OF CARD 1 - BANNER */

.card1 {
    width: 100%;
    height: 80vh;
    display: table;
    background-position: 50% 50%;
    background-size: cover;
}
.card1 .text-box .hidetitle {
    display: none;
}
.card1 img {
    max-width: 100%;
    padding: 20px;
}
.card1 .button {
    margin: 0 15px;
    display: none;
}
.card1 .button a {
    border: 5px white solid;
    padding: 10px 25px;
    color: white;
    display: block;
    font-size: 25px;
    font-family: flamabold;
    margin-top: 20px;
    transition: all .2s;
}
.card1 .button a:hover {
    text-decoration: none;
    background: white;
    color: #231f20;
    transition: all .2s;
}
.card1 .button.nobutton {
    display: none;
}
.card1 .button.link {
    display: inline-block;
}
.card1 .button.link .scroll {
    display: none;
}
.card1 .button.link .popup {
    display: none;
}
.card1 .button.scroll {
    display: inline-block;
}
.card1 .button.scroll .link {
    display: none;
}
.card1 .button.scroll .popup {
    display: none;
}
.card1 .button.popup {
    display: inline-block;
}
.card1 .button.popup .link {
    display: none;
}
.card1 .button.popup .scroll {
    display: none;
}
.card1 .button.Primary a {
    border-color: #4bc4d4;
    color: #4bc4d4;
}
.card1 .button.Primary a:hover {
    color: white;
    background: #4bc4d4;
}
.card1 .button.Secondary a {
    border-color: #00ab51;
    color: #00ab51;
}
.card1 .button.Secondary a:hover {
    color: white;
    background: #00ab51;
}
.card1 .button.Light a {
    border-color: #ffffff;
    color: #ffffff;
}
.card1 .button.Light a:hover {
    color: #231f20;
    background: #ffffff;
}
.card1 .button.Dark a {
    border-color: #231f20;
    color: #231f20;
}
.card1 .button.Dark a:hover {
    color: white;
    background: #231f20;
}
.card1.fixedbg {
    background-attachment: fixed;
}
@media (max-width: 768px) {
    .card1.fixedbg {
        background-attachment: initial;
    }
}
.card1.half {
    height: 45vh;
}
.card1.half h1 {
    font-size: 3vw;
    border: .4vw solid #fff;
}
@media (max-width: 480px) {
    .card1.half h1 {
        font-size: 7vw;
        border-width: 1vw;
    }
}
.card1 .text-box {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #ffffff;
    padding: 15vh 10vw;
}
.card1 .text-box.Medium {
    background-color: rgba(0, 0, 0, 0.5);
}
.card1 .text-box.Dark {
    background-color: rgba(0, 0, 0, 0.75);
}
.card1 .text-box .Left {
    float: left;
}
.card1 .text-box .Right {
    float: Right;
}
.card1 h1 {
    border: .5vw solid #fff;
    color: #ffffff;
    width: auto;
    line-height: 1;
    padding: 2vh;
    margin-bottom: 0;
    text-transform: none;
    font-size: 4vw;
    font-weight: 600;
    text-align: center;
    display: inline;
}
@media (max-width: 480px) {
    .card1 h1 {
        font-size: 6vw;
        border-width: 1vw;
    }
}
.card1 #arrow {
    display: none;
}
.card1 #arrow.displayarrow {
    display: block;
}
.card1 #arrow.displayarrow:hover {
    cursor: pointer;
}
.card1 .arrow {
    position: inherit;
    margin-top: 5vh;
}
.card1.White {
    background: white;
    color: #231f20;
    background-image: none !important;
}
.card1.White .h1,
.card1.White .h2,
.card1.White .h3,
.card1.White .h4,
.card1.White .p,
.card1.White p,
.card1.White a {
    color: #231f20;
}
.card1.Green {
    background: #00ab51;
    color: #231f20;
    background-image: none !important;
}
.card1.Green .h1,
.card1.Green .h2,
.card1.Green .h3,
.card1.Green .h4,
.card1.Green .p,
.card1.Green p,
.card1.Green a {
    color: #231f20;
}
.card1.Dark {
    background: #231f20;
    color: white;
    background-image: none !important;
}
.card1.Dark .h1,
.card1.Dark .h2,
.card1.Dark .h3,
.card1.Dark .h4,
.card1.Dark .p,
.card1.Dark p,
.card1.Dark a {
    color: white;
}
.card1.Tan {
    background: #d0dbda;
    color: #231f20;
    background-image: none !important;
}
.card1.Tan .h1,
.card1.Tan .h2,
.card1.Tan .h3,
.card1.Tan .h4,
.card1.Tan .p,
.card1.Tan p,
.card1.Tan a {
    color: #231f20;
}
.card1.Blue {
    background: #4bc4d4;
    color: white;
    background-image: none !important;
}
.card1.Blue .h1,
.card1.Blue .h2,
.card1.Blue .h3,
.card1.Blue .h4,
.card1.Blue .p,
.card1.Blue p,
.card1.Blue a {
    color: white;
}
.card1.Image {
    background: initial;
    color: white;
    background-position: 50% 50%;
    background-size: cover;
}
.card1.Image .h1,
.card1.Image .h2,
.card1.Image .h3,
.card1.Image .h4,
.card1.Image .p,
.card1.Image p,
.card1.Image a {
    color: white;
}


/* END OF CARD 1 - BANNER */

/* START OF CARD NORTHLANDS CARD ARTICLE 2 COLUMNS (CONTENT) */

.content-card {
    background: #e8e8e8;
    padding: 5vh 5vw;
}
.content-card img {
    width: 100%;
}
.content-card.White {
    background-color: #ffffff;
}
.content-card.Blue {
    background-color: #4bc4d4;
}
.content-card.Green {
    background-color: #00ab51;
}
.content-card.Black {
    background-color: #231f20;
    color: white;
}
.content-card .two-column {
    margin-top: 5vh;
}
.content-card h1 {
    text-align: center;
}
.content-card h2 {
    color: #00ab51;
}
.content-card .h3 {
    text-align: center;
}


/* END OF CARD NORTHLANDS CARD ARTICLE 2 COLUMNS (CONTENT) */

/* START OF CARD HEADING SHORT */

.header-short {
    width: 100%;
    height: 60vh;
    display: table;
    background: grey;
    background-position: center center !important;
    background-size: cover !important;
    color: white;
}
.header-short.fixed {
    background-attachment: fixed;
}
@media (max-width: 768px) {
    .header-short.fixed {
        background-attachment: initial;
    }
}
.header-short .h1,
.header-short .h2,
.header-short .h3,
.header-short .h4 {
    color: white;
    margin: 0;
    margin-top: 0.3em;
    border: none;
    border: .1em solid #fff;
    display: inline-block;
    padding: 1vh 1.5vw;
    transition: all .3s;
}
.header-short .h1:after,
.header-short .h2:after,
.header-short .h3:after,
.header-short .h4:after {
    width: 0;
}
.header-short .h1:hover,
.header-short .h2:hover,
.header-short .h3:hover,
.header-short .h4:hover {
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.5);
    transition: all .3s;
    border: .1em solid #fff;
}
.header-short .h1:hover:after,
.header-short .h2:hover:after,
.header-short .h3:hover:after,
.header-short .h4:hover:after {
    width: 0;
}
.header-short.half {
    height: 30vh;
}
.header-short.half .h1 {
    font-size: 3vw;
    border: .4vw solid #fff;
}
@media (max-width: 480px) {
    .header-short.half .h1 {
        font-size: 7vw;
        border-width: 1vw;
    }
}
.header-short .text-box {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.header-short .text-box.Medium {
    background-color: rgba(0, 0, 0, 0.5);
}
.header-short .text-box.Dark {
    background-color: rgba(0, 0, 0, 0.75);
}
.header-short .text-box .subtitle-text {
    margin-top: 10px;
}
.header-short img {
    position: fixed;
    margin: 0;
    top: -30%;
    z-index: -999;
}


/* END OF CARD HEADING SHORT */

/* START OF CARD NORTHLANDS CREATIVE */

.creative p {
    font-size: 22px;
}
.creative .navigation {
    transition: all .5s ease;
    opacity: 1;
    visibility: visible;
}
.creative .navigation .close {
    transition: all .5s ease;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    width: 100%;
}
.creative .fa {
    color: #c9d4d3;
    margin: 2vh 5vw 0 ;
    font-size: 30px;
    transition: all .5s ease;
}
.creative .fa:hover {
    color: #231f20;
    cursor: pointer;
}
.creative .fa span {
    font-family: soleil;
    font-size: 16px;
    float: right;
    margin-bottom: -10px;
    line-height: 34px;
    padding-left: 15px;
    opacity: 1;
    transition: all .5s ease;
}
.creative .fa-times span {
    opacity: 0;
    transition: all .5s ease;
}
.creative .btn {
    margin: 0 5vw 0 ;
    border-radius: 0;
    border: none;
    background: #231f20;
    color: #e8e8e8;
}
.creative .btn:hover {
    background: #ffffff;
    color: #231f20;
}
.creative .h1 {
    margin-top: 5vh;
    letter-spacing: 10px;
    text-align: center;
    line-height: 30px;
    text-transform: uppercase;
}
.creative ul {
    margin: 3vh auto 7vh;
    text-align: center;
    display: table;
    padding-left: 0;
}
.creative ul li {
    float: left;
    list-style: none;
    margin-right: 3vw;
}
.creative ul li:last-child {
    margin-right: 0;
}
.creative ul li a {
    color: #231f20;
    font-family: soleil;
}
.creative ul li a:hover {
    color: #00ab51;
    text-decoration: none;
}
.creative ul li a.active {
    color: #00ab51;
}
.creative .list {
    margin: 0 5vw;
    text-align: center;
    width: 100%;
}
.creative a .post {
    color: #231f20;
    height: 220px;
    background: #F9F9FA;
    text-align: center;
    width: 21.375%;
    float: left;
    margin-right: 1.5%;
    margin-bottom: 1.5vw;
    transition: all .5s ease;
}
.creative a .post .caption {
    font-size: 16px;
}
@media (max-width: 768px) {
    .creative a .post .caption {
        font-size: 12px;
    }
}
@media (max-width: 768px) {
    .creative a .post {
        width: 44%;
    }
}
.creative a .post .img {
    height: 170px;
    width: 100%;
    background-size: cover;
    background-position: center;
    margin-bottom: 15px;
}
.creative a .post:hover {
    opacity: .5;
    transition: all .5s ease;
}
.creative a .post.video:hover img {
    background: red !important;
}


/* END OF CARD NORTHLANDS CREATIVE */

/* START OF CARD SOCIAL FOOTER */

.header {
    width: 100%;
    height: 60vh;
    display: table;
    background: grey;
    background-position: center;
    background-size: cover;
    color: white;
}
.header.fixed {
    background-attachment: fixed;
}
@media (max-width: 768px) {
    .header.fixed {
        background-attachment: initial;
    }
}
.header .h1 a,
.header .h2 a,
.header .h3 a,
.header .h4 a {
    color: white;
    margin-top: 0.3em;
    border: none;
    border: .1em solid #fff;
    display: inline-block;
    padding: 1vh 1.5vw;
    transition: all .3s;
}
.header .h1 a:after,
.header .h2 a:after,
.header .h3 a:after,
.header .h4 a:after {
    width: 0;
}
.header .h1 a:hover,
.header .h2 a:hover,
.header .h3 a:hover,
.header .h4 a:hover {
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.5);
    transition: all .3s;
    border: .1em solid #fff;
}
.header .h1 a:hover:after,
.header .h2 a:hover:after,
.header .h3 a:hover:after,
.header .h4 a:hover:after {
    width: 0;
}
.header.half {
    height: 30vh;
}
.header.half .h1 {
    font-size: 3vw;
    border: .4vw solid #fff;
}
@media (max-width: 480px) {
    .header.half .h1 {
        font-size: 7vw;
        border-width: 1vw;
    }
}
.header .text-box {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.header .text-box.Medium {
    background-color: rgba(0, 0, 0, 0.5);
}
.header .text-box.Dark {
    background-color: rgba(0, 0, 0, 0.75);
}
.header .text-box.Green {
    background-color: rgba(0, 171, 81, 0.8);
}
.header img {
    position: fixed;
    margin: 0;
    top: -30%;
    z-index: -999;
}


/* END OF CARD SOCIAL FOOTER */

/* START OF CARD IGNITE – TEXT CARD */

#ignite-land {
    width: 100%;
    /*max-width: 2100px;*/
    padding: 5vw 5vw;
    background: #ffffff;
    color: #231f20;
}
#ignite-land .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
#ignite-land .video-container iframe,
#ignite-land .video-container object,
#ignite-land .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#ignite-land .containwidth {
    max-width: 700px;
    margin-right: auto;
    margin-left: auto;
    transition: all .5s ease;
}
#ignite-land .col-sm-8 {
    padding-right: 5em;
}
#ignite-land .col-sm-8 .post {
    margin: 2em 0;
    padding-bottom: 2em;
    border-bottom: 1px solid #eee;
}
#ignite-land.Cover {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
#ignite-land.Contain {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
}
#ignite-land.Top {
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}
#ignite-land.Bottom {
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
}
#ignite-land p,
#ignite-land span {
    margin-bottom: 0px;
}
#ignite-land.paddingtop {
    padding-top: 30px;
}
#ignite-land.padbottom {
    padding-bottom: 30px;
}
#ignite-land.linkcard:hover {
    background: #d0dbda;
    color: #231f20;
    transition: all .5s ease;
}
#ignite-land img {
    max-width: 100%;
}
#ignite-land .col-text.img .editable {
    display: none;
}
#ignite-land .col-text.txt .smimage {
    display: none;
}
#ignite-land .smimage {
    width: 100%;
}
#ignite-land .smimage img {
    width: 100%;
}
@media (max-width: 768px) {
    #ignite-land .smimage {
        padding-top: 30px;
    }
}
#ignite-land .smimage.txtimg-tog {
    display: none;
}
#ignite-land .height100 {
    min-height: 100%;
}
#ignite-land.bgImage {
    background: url('http://placehold.it/1200&text=Background+Image') no-repeat;
    opacity: .8;
    position: absolute;
    background-position: left center;
    background-size: cover;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
#ignite-land.bgImage.bgFixed {
    background-attachment: fixed;
}
#ignite-land.Primary {
    background-color: #4bc4d4;
    color: #231f20;
    background-image: none;
}
#ignite-land.Secondary {
    background-color: #00ab51;
    color: #231f20;
    background-image: none;
}
#ignite-land.Light {
    background-color: #ffffff;
    color: #231f20;
    background-image: none;
}
#ignite-land.Dark {
    background-color: #231f20;
    color: white;
    background-image: none;
}
#ignite-land.Custom {
    background-color: auto;
    color: white;
    background-image: none;
}
#ignite-land .block-bg {
    background-color: #e8e8e8;
    min-height: 450px;
}
@media (max-width: 480px) {
    #ignite-land .block-bg {
        height: auto;
        margin-bottom: 1em;
    }
}
#ignite-land .block-bg .box-pad {
    padding: 2em;
}
#ignite-land .block-bg .box-pad .vid-thumb {
    width: 100%;
    margin: 0;
}
#ignite-land .block-bg .box-pad .vid-thumb img {
    width: 100%;
}
#ignite-land .block-bg .box-pad h6 {
    font-size: 1em;
    text-transform: uppercase;
    font-family: soleil, helvetica;
    margin: 0;
}
#ignite-land .block-bg .box-pad p {
    font-family: pt-serif;
    margin-top: 0.5em;
    line-height: 1.5;
    font-size: 1.25em;
    padding-bottom: 2em;
}
#ignite-land .block-bg .event-block {
    overflow: hidden;
    border-bottom: 2px solid white;
    display: table;
    width: 100%;
}
#ignite-land .block-bg .event-block:last-of-type {
    margin-bottom: 2em;
}
#ignite-land .block-bg .event-block .col-xs-8,
#ignite-land .block-bg .event-block .col-xs-4 {
    padding: 0 !important;
}
#ignite-land .block-bg .event-block .valign {
    display: table-cell;
    vertical-align: middle;
    padding: 1em 0 1em 0;
}
#ignite-land .block-bg .event-block .date {
    background-color: #231f20;
    color: #ffffff;
    padding: 0.5em;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    width: 5em;
    border-top: 3px solid #00ab51;
}
#ignite-land .block-bg .event-block h6 {
    text-transform: uppercase;
    line-height: 1.5;
    color: #231f20;
}
#ignite-land .block-bg .event-block a,
#ignite-land .block-bg .event-block p {
    color: #231f20;
    font-size: 1em;
    padding: 0;
}
#ignite-land .block-bg .post-box {
    border-bottom: 2px solid white;
    padding: 1.5em 0 1.5em 0;
}
#ignite-land .block-bg .post-box a,
#ignite-land .block-bg .post-box p {
    color: #231f20;
    font-size: 1em;
    padding: 0;
    margin-bottom: 0;
}
#ignite-land span {
    font-family: pt-serif;
    font-size: 14px;
    font-style: italic;
    font-weighxt: 200;
    position: absolute;
    bottom: 1.5em;
    color: #231f20;
}


/* END OF CARD IGNITE – TEXT CARD */

/* START OF CARD DEFAULT - EVENT LIST */

.events-list {
    width: 100%;
    float: left;
    padding: 5vh 0;
}
.events-list.White {
    background: white;
}
.events-list .list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: flex-start;
    align-content: flex-start;
}
.events-list .list .item {
    width: 24%;
    margin: 0;
    margin-bottom: 3vh;
}
@media (max-width: 768px) {
    .events-list .list .item {
        width: 50%;
        float: left;
    }
}
@media (max-width: 480px) {
    .events-list .list .item {
        width: 100%;
        position: relative;
    }
}
@media (max-width: 480px) {
    .events-list .list .item {
        margin-bottom: 2vh;
    }
}
.events-list .list .item a {
    color: #231f20;
}
.events-list .list .item .featured-img {
    padding-top: 56.25%;
    display: block;
    background-size: cover;
    background-position: 50%;
}
.events-list .list .item .featured-img .date {
    background: white;
    padding: 0;
    width: 45px;
    left: 2em;
    top: 1em;
    position: absolute;
    font-family: soleil;
    text-align: center;
}
.events-list .list .item .featured-img .date .month {
    font-size: 12px;
    padding: 0;
    font-weight: bold;
    display: block;
    background: #4bc4d4;
    color: white;
}
.events-list .list .item .featured-img .date .day {
    padding: 0;
    font-size: 25px;
    font-weight: 300;
    margin-top: 10px;
    line-height: 35px;
}
.events-list .list .item .description {
    padding: 1em 0em;
    background-color: white;
    transition: all .3s ease;
    min-height: 200px;
}
.events-list .list .item .description h1,
.events-list .list .item .description .h1 {
    color: #231f20;
    font-size: 1.5em ;
    font-family: soleil;
    margin: .5em 0;
    font-weight: 200;
    text-transform: capitalize;
    letter-spacing: normal;
}
.events-list .list .item .description p {
    font-family: soleil;
    font-weight: 200;
    color: rgba(35, 31, 32, 0.6);
}
.events-list .list .item .description .p-4 a {
    color: #4bc4d4;
    font-family: soleil;
}
.events-list .list .item .description .p-4 a:hover {
    color: #fff !important;
}
.events-list .list .item .description .p-4:after {
    content: '/';
    color: rgba(35, 31, 32, 0.1);
    margin: 0 .3em 0 .7em;
}
.events-list .list .item .description .p-4:last-child:after {
    content: '';
}
.events-list .list .item .description:hover {
    background-color: ;
    transition: all .3s ease;
}
.events-list .list .item .description:hover p,
.events-list .list .item .description:hover .p-4 a,
.events-list .list .item .description:hover h1 {
    color: #231f20;
}
.events-list .list .item:hover .description {
    background-color: rgba(35, 31, 32, 0.01);
    cursor: pointer;
}
.events-list .list .item:hover p,
.events-list .list .item:hover .p-4 a,
.events-list .list .item:hover h1 {
    color: #231f20;
}


/* END OF CARD DEFAULT - EVENT LIST */

/* START OF CARD DEFAULT TEXT */

.default-text {
    background-color: white;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 50px 0;
}
.default-text .contain {
    max-width: 700px;
}
.default-text.White {
    background-color: white;
}
.default-text.Primary {
    background-color: #4bc4d4;
}
.default-text.Secondary {
    background-color: #00ab51;
}
.default-text.Light {
    background-color: #ffffff;
}
.default-text.Dark {
    background-color: #231f20;
}
.default-text.DisableMargin p,
.default-text.DisableMargin .h1,
.default-text.DisableMargin .h2,
.default-text.DisableMargin .h3,
.default-text.DisableMargin .h4 {
    margin: 0;
}
.default-text .separator {
    display: none;
    flex: 1;
    text-align: center;
}
.default-text .flex {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    align-content: center;
}
@media (max-width: 768px) {
    .default-text .flex {
        flex-direction: column;
    }
}
.default-text .flex.centervertical {
    align-items: center;
}
.default-text .col {
    padding: 0 2.5% ;
    position: relative;
}
.default-text .col img {
    max-width: 100%;
}
.default-text .col .text {
    flex: 100;
}
@media (max-width: 768px) {
    .default-text .col {
        padding: 2.5%;
    }
}
.default-text.one {
    visibility: visible;
}
.default-text.one .col-two,
.default-text.one .col-three {
    visibility: hidden;
    display: none;
}
.default-text.one .col {
    width: 100%;
}
.default-text.two {
    visibility: visible;
}
.default-text.two .col-three {
    visibility: hidden;
    display: none;
}
.default-text.two .col {
    width: 50%;
}
@media (max-width: 768px) {
    .default-text.two .col {
        width: 100%;
    }
}
.default-text.three .col {
    width: 33.333%;
}
@media (max-width: 768px) {
    .default-text.three .col {
        width: 100%;
    }
}
.default-text.twoThirds .col-three {
    display: none;
    visibility: hidden;
}
.default-text.twoThirds .col-two {
    width: 66.66%;
}
@media (max-width: 768px) {
    .default-text.twoThirds .col-two {
        width: 100%;
    }
}
.default-text.twoThirds .col-one {
    width: 33.33%;
}
@media (max-width: 768px) {
    .default-text.twoThirds .col-one {
        width: 100%;
    }
}
.default-text.oneThird .col-three {
    display: none;
    visibility: hidden;
}
.default-text.oneThird .col-one {
    width: 66.66%;
}
@media (max-width: 768px) {
    .default-text.oneThird .col-one {
        width: 100%;
    }
}
.default-text.oneThird .col-two {
    width: 33.33%;
}
@media (max-width: 768px) {
    .default-text.oneThird .col-two {
        width: 100%;
    }
}
.default-text.separators .container {
    width: 100%;
    padding: 0 5vw;
}
.default-text.separators .separator {
    display: block !important;
    white-space: nowrap;
}
.default-text.separators .col-one .separator {
    display: none !important;
}
@media (max-width: 768px) {
    .default-text.separators .col {
        width: 100%;
    }
    .default-text.separators .separator {
        display: none !important;
    }
}


/* END OF CARD DEFAULT TEXT */

/* START OF CARD MEDIA DETAIL */

.media-detail {
    background: #231f20;
    height: auto;
    color: white;
    padding-top: 5vh ;
    padding-bottom: 5vh;
}
.media-detail h1 {
    font-size: 36px;
    text-transform: none;
    margin-bottom: 0;
}
.media-detail h1 span {
    font-family: pt-serif;
    font-size: 14px;
    font-style: italic;
    font-weight: 200;
}
.media-detail .p-4 a {
    color: #a4a4a4;
    font-size: 16px;
    font-family: pt-serif;
    line-height: 10px;
}
.media-detail .p-4 a:hover {
    color: #4bc4d4 !important;
    text-decoration: none;
}
.media-detail .p-4:after {
    content: '/';
    color: #e8e8e8;
    margin: 0 .3em 0 .7em;
}
.media-detail .p-4:last-child:after {
    content: '';
}
.media-detail h2 {
    font-size: 16px;
    letter-spacing: 1px;
    margin: 0;
    margin-bottom: 20px;
    text-transform: uppercase;
    text-align: ;
}
.media-detail p {
    line-height: 1.5;
    color: #d0dbda;
    font-size: 16px;
    font-weight: 200;
    font-family: pt-serif;
}
@media (max-width: 767px) {
    .media-detail .media {
        padding: 0;
    }
}
.media-detail .embed-container {
    margin: 5vh 0;
}
.media-detail a.share {
    background: transparent;
    padding: 11px 26px 8px;
    display: inline-block;
    border: 0.2em solid #808080;
    color: #808080;
    text-transform: uppercase;
    margin-right: 10px;
    letter-spacing: 1px;
    float: ;
}
.media-detail a.share:hover {
    color: #00ab51;
    border-color: #00ab51;
    text-decoration: none;
    cursor: pointer;
}


/* END OF CARD MEDIA DETAIL */

/* START OF CARD TABLET PAGE */

.tablet-page {
    background: white;
}
.tablet-page .tablet-header {
    padding: 2.5vw 5vw;
    width: 100vw;
    background: white;
}
.tablet-page .tablet-header h1 {
    font-size: 40px;
    text-transform: none;
    display: block;
    color: #00ab51;
    font-weight: 900;
    text-align: center;
    margin: 1vh;
}
.tablet-page .tablet-header img.arrow {
    width: 5vw;
    position: absolute ;
    top: 2.5vh;
}
.tablet-page .top {
    height: 40vh;
    padding: 7.55vh 0;
}
.tablet-page .row-tablet {
    height: 30vh;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: stretch;
    align-content: stretch;
    padding: 0;
    margin: 0;
}


/* END OF CARD TABLET PAGE */

/* START OF CARD NORTHLANDS CARD 4 COLUMNS */

section.four-col {
    padding: 5vh 0 ;
}
section.four-col .container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content: flex-start;
}
section.four-col .container:after {
    display: none;
}
section.four-col .col-md-3 {
    text-align: center;
}
@media (max-width: 990px) {
    section.four-col .col-md-3 {
        width: 50%;
        float: left;
    }
}
@media (max-width: 480px) {
    section.four-col .col-md-3 {
        width: 100%;
        position: relative;
    }
}
section.four-col .col-md-3.hidden-sm h1,
section.four-col .col-md-3.hidden-sm p,
section.four-col .col-md-3.hidden-sm .circle,
section.four-col .col-md-3.hidden-sm .inner {
    color: transparent;
    background: transparent;
    background-color: transparent;
    background-image: none;
}
section.four-col h1 {
    text-align: center;
    margin: 1.8vh auto 1.2vh;
    display: block;
    color: ;
    background-color: rgba(35, 31, 32, 0.05);
    font-size: 15px;
    letter-spacing: 2px;
}
section.four-col p {
    text-align: left;
    font-family: ;
    font-size: 15px;
    letter-spacing: 1px;
}
section.four-col .circle {
    display: inline-block;
    min-width: 15%;
    /* to allow placement of numbers on top of circles instead of below them */
    white-space: nowrap;
}
section.four-col .circle .inner {
    border-radius: 50%;
    /* = 15%, almost gives us viewport width unit (15vw) */
    width: 100%;
    padding-bottom: 100%;
    /* this way we should have 1px gap between circles */
    margin: 15px .5px;
    background-size: cover;
    background-position: 50%;
    display: inline-block;
    /* circle to the middle, so that... [1] */
    vertical-align: middle;
    /* to use viewport based units we can safely override the old units in this way */
    padding-bottom: 0vw;
    width: 18vw;
    height: 18vw;
    max-width: 250px;
    max-height: 250px;
}
@media (max-width: 990px) {
    section.four-col .circle .inner {
        width: 32vw;
        height: 32vw;
    }
}
@media (max-width: 480px) {
    section.four-col .circle .inner {
        width: 80vw;
        height: 80vw;
    }
}
section.four-col.White {
    background: white;
    color: #231f20;
}
section.four-col.White h3 {
    color: #231f20;
}
section.four-col.Green {
    background: #00ab51;
    color: #231f20;
}
section.four-col.Green h3 {
    color: #ffffff;
}
section.four-col.Black {
    background: #231f20;
    color: #ffffff;
}
section.four-col.Black p.p-1 {
    color: #ffffff;
}
section.four-col.Black h1 {
    color: #ffffff;
}
section.four-col.Grey {
    background: #a4a4a4;
    color: #ffffff;
}
section.four-col.Grey p.p-2 {
    color: #231f20;
}
section.four-col.Grey h3 {
    color: #231f20;
}
section.four-col.Blue {
    background: #4bc4d4;
    color: #ffffff;
}
section.four-col.Blue p.p-2 {
    color: #231f20;
}
section.four-col.Blue h1 {
    color: #231f20;
}
section.four-col.Blue h3 {
    color: #231f20;
}


/* END OF CARD NORTHLANDS CARD 4 COLUMNS */

/* START OF CARD NORTHLANDS HOMEPAGE INFO */

.homepage-info-2 {
    width: 100%;
    background-color: #d0dbda;
    padding-top: 3em;
    padding-bottom: 3em;
    color: black;
}
.homepage-info-2 .col-heading {
    color: #ffffff;
    font-family: soleil, helvetica;
    font-size: 1.5em;
    font-weight: 300;
    text-transform: capitalize;
    text-align: center;
}
.homepage-info-2 hr {
    height: 0.05em;
    background-color: #ffffff;
    margin: 1em 0 2em 0;
}
.homepage-info-2 .block-bg {
    background-color: #e8e8e8;
    min-height: 450px;
}
@media (max-width: 480px) {
    .homepage-info-2 .block-bg {
        height: auto;
        margin-bottom: 1em;
    }
}
.homepage-info-2 .block-bg .box-pad {
    padding: 2em;
}
.homepage-info-2 .block-bg .box-pad .vid-thumb {
    width: 100%;
    margin: 0;
}
.homepage-info-2 .block-bg .box-pad .vid-thumb img {
    width: 100%;
}
.homepage-info-2 .block-bg .event-block {
    overflow: ;
    padding-top: 1em;
    padding-bottom: 1em;
    border-bottom: 2px solid #ffffff;
    display: block;
    width: 100%;
}
.homepage-info-2 .block-bg .event-block:last-of-type {
    margin-bottom: 2em;
}
.homepage-info-2 .block-bg .event-block .date {
    background: white;
    padding: 0;
    width: 45px;
    left: 0;
    top: 1em;
    position: ;
    font-family: soleil;
    text-align: center;
}
.homepage-info-2 .block-bg .event-block .date .month {
    font-size: 12px;
    padding-top: 5px;
    font-weight: bold;
    display: block;
    background: red;
    color: white;
    margin-bottom: 10px;
}
.homepage-info-2 .block-bg .event-block .date .day {
    font-size: 35px;
    font-weight: 300;
    margin-top: 10px;
    line-height: 15px;
}
.homepage-info-2 .block-bg .event-block h6 {
    text-transform: uppercase;
    line-height: 1.5em;
}
.homepage-info-2 .block-bg .event-block a,
.homepage-info-2 .block-bg .event-block p {
    color: #231f20;
    font-size: 1em;
    padding: 0;
}
.homepage-info-2 .block-bg .post-box {
    border-bottom: 2px solid #ffffff;
    padding: 1.5em 0 1.5em 0;
}
.homepage-info-2 .block-bg .post-box a,
.homepage-info-2 .block-bg .post-box p {
    color: #231f20;
    font-size: 1em;
    padding: 0;
    margin-bottom: 0;
}
.homepage-info-2 span.footnote {
    font-family: soleil;
    font-size: 14px;
    font-style: italic;
    font-weight: 200;
    position: absolute;
    bottom: 1.5em;
    color: #231f20;
}


/* END OF CARD NORTHLANDS HOMEPAGE INFO */

/* START OF CARD BANNER - V2 - OLD */

.card1 {
    width: 100%;
    height: 80vh ;
    display: table;
    background-position: 50% 50%;
    background-size: cover;
}
@media (max-width: 480px) {
    .card1 {
        max-height: 50vh ;
    }
}
.card1 .text-box .hidetitle {
    display: none;
}
.card1 img {
    max-width: 100%;
}
.card1 .button {
    display: none;
}
.card1 .button a {
    border: 5px white solid;
    padding: 10px 25px;
    color: white;
    display: block;
    font-size: 25px;
    font-family: flamabold;
    margin-top: 20px;
    transition: all .2s;
}
.card1 .button a:hover {
    text-decoration: none;
    background: white;
    color: #231f20;
    transition: all .2s;
}
.card1 .button.nobutton {
    display: none;
}
.card1 .button.link {
    display: inline-block;
}
.card1 .button.link .popup {
    display: none;
}
.card1 .button.popup {
    display: inline-block;
}
.card1 .button.popup .link {
    display: none;
}
.card1 .button.Primary a {
    border-color: #4bc4d4;
    color: #4bc4d4;
}
.card1 .button.Primary a:hover {
    color: white;
    background: #4bc4d4;
}
.card1 .button.Secondary a {
    border-color: #00ab51;
    color: #00ab51;
}
.card1 .button.Secondary a:hover {
    color: white;
    background: #00ab51;
}
.card1 .button.Light a {
    border-color: #ffffff;
    color: #ffffff;
}
.card1 .button.Light a:hover {
    color: #231f20;
    background: #ffffff;
}
.card1 .button.Dark a {
    border-color: #231f20;
    color: #231f20;
}
.card1 .button.Dark a:hover {
    color: white;
    background: #231f20;
}
.card1.fixedbg {
    background-attachment: fixed;
}
.card1.half {
    height: 45vh;
}
.card1.half h1 {
    font-size: 3vw;
    border: .4vw solid #fff;
}
@media (max-width: 480px) {
    .card1.half h1 {
        font-size: 7vw;
        border-width: 1vw;
    }
}
.card1 .text-box {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #ffffff;
    padding: 15vh 10vw;
}
@media (max-width: 480px) {
    .card1 .text-box {
        padding: 10vh 5vw;
    }
}
.card1 .text-box.Medium {
    background-color: rgba(0, 0, 0, 0.5);
}
.card1 .text-box.Dark {
    background-color: rgba(0, 0, 0, 0.75);
}
.card1 .text-box .Left {
    float: left;
}
.card1 .text-box .Right {
    float: Right;
}
.card1 h1 {
    border: .5vw solid #fff;
    color: #ffffff;
    width: auto;
    line-height: 1;
    padding: 2vh;
    margin-bottom: 0;
    text-transform: none;
    font-size: 4vw;
    font-weight: 600;
    text-align: center;
    display: inline;
}
@media (max-width: 480px) {
    .card1 h1 {
        font-size: 6vw;
        border-width: 1vw;
    }
}
.card1 #arrow {
    display: none;
}
.card1 #arrow.displayarrow {
    display: block;
}
.card1 #arrow.displayarrow:hover {
    cursor: pointer;
}
.card1 .arrow {
    position: inherit;
    margin-top: 5vh;
}
.card1.White {
    background: white;
    color: #231f20;
    background-image: none !important;
}
.card1.White .h1,
.card1.White .h2,
.card1.White .h3,
.card1.White .h4,
.card1.White .p,
.card1.White p,
.card1.White a {
    color: #231f20;
}
.card1.Green {
    background: #00ab51;
    color: #231f20;
    background-image: none !important;
}
.card1.Green .h1,
.card1.Green .h2,
.card1.Green .h3,
.card1.Green .h4,
.card1.Green .p,
.card1.Green p,
.card1.Green a {
    color: #231f20;
}
.card1.Dark {
    background: #231f20;
    color: white;
    background-image: none !important;
}
.card1.Dark .h1,
.card1.Dark .h2,
.card1.Dark .h3,
.card1.Dark .h4,
.card1.Dark .p,
.card1.Dark p,
.card1.Dark a {
    color: white;
}
.card1.Blue {
    background: #4bc4d4;
    color: white;
    background-image: none !important;
}
.card1.Blue .h1,
.card1.Blue .h2,
.card1.Blue .h3,
.card1.Blue .h4,
.card1.Blue .p,
.card1.Blue p,
.card1.Blue a {
    color: white;
}
.card1.Image {
    background: initial;
    color: white;
    background-position: 50% 50%;
    background-size: cover;
}
.card1.Image .h1,
.card1.Image .h2,
.card1.Image .h3,
.card1.Image .h4,
.card1.Image .p,
.card1.Image p,
.card1.Image a {
    color: white;
}


/* END OF CARD BANNER - V2 - OLD */

/* START OF CARD NORTHLANDS CARD TESTIMONY */

.testimony {
    height: 30%;
    width: 100%;
    background-color: #ffffff;
    text-align: center;
    padding: 5% 0 5% 0;
    color: #231f20;
}
.testimony.White {
    background: white;
    color: #231f20;
}
.testimony.Green {
    background: #00ab51;
    color: #231f20;
}
.testimony.Black {
    background: #231f20;
    color: #ffffff;
}
.testimony.Grey {
    background: #a4a4a4;
    color: #ffffff;
}
.testimony.Blue {
    background: #4bc4d4;
    color: #ffffff;
}
.h1 {
    font-size: 15px;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.h5 {
    font-size: 25;
    line-height: 1.5;
}
.read-btn {
    margin-top: 5%;
}
.read-btn a {
    background-color: #4bc4d4;
    color: #231f20;
    text-align: center;
    padding: 0.7em 4em 1em 4em;
    font-weight: 500;
    letter-spacing: 2.5px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.read-btn a:hover {
    background-color: #231f20;
    color: #ffffff;
}
.carousel-indicators .active {
    background: #31708f;
}
/* .content {
    margin-top: 2%;
}
*/
.adjust1 {
    float: left;
    width: 100%;
    margin-bottom: 0;
}
.adjust2 {
    margin: 0;
}
.carousel-indicators {
    top: 120%;
}
.carousel-indicators li {
    border: 0;
    border-radius: 0;
    background-color: #a4a4a4;
}
.carousel-indicators .active {
    background-color: #231f20;
    width: 10px;
    height: 10px;
    margin: 1px;
}
.carousel-control {
    color: #31708f;
    width: 5%;
}
.carousel-control:hover,
.carousel-control:focus {
    color: #31708f;
}
.carousel-control.left,
.carousel-control.right {
    background-image: none;
}
.media-object {
    margin: auto;
    margin-top: 15%;
}
@media screen and (max-width: 768px) {
    .media-object {
        margin-top: 0;
    }
}
@media screen and (max-width: 500px) {
    .testimony {
        padding: 0;
    }
    h5 {
        line-height: 1.5;
        padding: 0;
        font-size: 14px !important;
    }
}


/* END OF CARD NORTHLANDS CARD TESTIMONY */

/* START OF CARD NORTHLANDS CARD MEDIA LIST */

/* MEDIA LIST STYLES */
section.media-list {
    background: white;
    width: 100%;
    float: left;
    font-size: ;
}
section.media-list h3 {
    font-family: "soleil";
    font-size: 36px;
    font-weight: 800;
    text-align: center;
    margin: 5vh 0;
}
@media (max-width: 1024px) {
    section.media-list .list .col-md-3 {
        width: 33.33%;
        float: left;
    }
}
@media (max-width: 768px) {
    section.media-list .list .col-md-3 {
        width: 50%;
        float: left;
    }
}
@media (max-width: 480px) {
    section.media-list .list .col-md-3 {
        width: 100%;
        position: relative;
    }
}
section.media-list .list .item {
    margin-bottom: 6vh;
}
@media (max-width: 480px) {
    section.media-list .list .item {
        margin-bottom: 2vh;
    }
}
section.media-list .list .item .featured-img {
    padding-top: 56.25%;
    display: block;
    background-size: cover;
    background-position: center center;
}
section.media-list .list .item .description {
    padding: 1.5em ;
    background-color: rgba(35, 31, 32, 0.05);
    min-height: 250px ;
    transition: background-color 0.2s;
}
@media (max-width: 480px) {
    section.media-list .list .item .description {
        min-height: 0;
    }
}
section.media-list .list .item .description h1 {
    color: #231f20;
    margin-top: 0;
    font-size: 1.4em;
    line-height: 1.2;
    text-transform: none;
}
section.media-list .list .item .description p {
    font-family: soleil;
    color: #231f20;
    font-size: .9em;
    line-height: 1.4;
}
section.media-list .list .item .description p a {
    color: #231f20;
}
section.media-list .list .item .description p a:hover {
    color: white;
}
section.media-list .list .item .description .tags {
    position: absolute;
    bottom: 1.5em;
}
@media (max-width: 480px) {
    section.media-list .list .item .description .tags {
        position: relative;
        margin: 1.5em 0 0;
        bottom: 0;
    }
}
section.media-list .list .item .description .p-4 {
    font-style: normal;
    line-height: 1;
}
section.media-list .list .item .description .p-4 a {
    color: #a4a4a4;
    font-family: soleil;
    line-height: 10px;
}
section.media-list .list .item .description .p-4 a:hover {
    color: #fff !important;
}
section.media-list .list .item .description .p-4:after {
    content: '/';
    color: #a4a4a4;
    margin: 0 .3em 0 .7em;
}
section.media-list .list .item .description .p-4:last-child:after {
    content: '';
}
section.media-list .list .item .description:hover {
    background-color: #00ab51;
    transition: background-color 0.2s;
}
section.media-list .list .item .description:hover p,
section.media-list .list .item .description:hover .p-4 a,
section.media-list .list .item .description:hover p a {
    color: #231f20;
    transition: color .3s;
}
section.media-list .list .item:hover .description {
    background-color: #00ab51;
}
section.media-list .list .item:hover p,
section.media-list .list .item:hover .p-4 a {
    color: #231f20;
}
.media-top {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 30px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: space-around;
}
@media (max-width: 768px) {
    .media-top {
        flex-direction: column;
        padding: 0 15px;
        margin-bottom: 5vh;
    }
    .media-top h3 {
        font-size: 1.7em;
    }
    .media-top input {
        font-size: 1em;
    }
}
.media-top input {
    border: none;
    min-width: 120px;
    padding: 3px 10px 3px 0px;
    border-bottom: 1px solid #231f20;
    font-size: 1.2em;
}
.media-top input:focus {
    outline: 0;
}
.media-top input.submit {
    min-width: 100px;
    background: #00ab51;
    padding: 5px 10px;
    border-radius: 0;
    color: white;
    border: none;
    box-shadow: none;
    outline: 0;
}


/* END OF CARD NORTHLANDS CARD MEDIA LIST */

/* START OF CARD NORTHLANDS CARD BLOCK-LEFT */

.block-left {
    width: 100%;
    display: table;
}
.block-left .leftimg {
    display: none !important;
}
.block-left.swap .right.leftimg {
    display: table-cell !important;
}
.block-left.swap .right {
    display: none;
}
@media (max-width: 990px) {
    .block-left.swap .secondright {
        display: none !important;
    }
}
.block-left .left {
    width: 50% ;
    height: auto;
    display: table-cell;
    background-color: #C9D4D3;
}
@media (max-width: 990px) {
    .block-left .left {
        width: 100%;
        float: left;
        display: block;
    }
}
.block-left .left.White {
    background: white;
    color: #231f20;
}
.block-left .left.White h3 {
    color: #231f20;
}
.block-left .left.Green {
    background: #4bc4d4;
    color: #231f20;
}
.block-left .left.Green h3 {
    color: white;
}
.block-left .left.Black {
    background: #231f20;
    color: white;
}
.block-left .left.Black p.p-1 {
    color: white;
}
.block-left .left.Black h1 {
    color: white;
}
.block-left .left.Grey {
    background: #a4a4a4;
    color: white;
}
.block-left .left.Grey p.p-2 {
    color: #231f20;
}
.block-left .left.Grey h3 {
    color: #231f20;
}
.block-left .left.Blue {
    background: #00ab51;
    color: white;
}
.block-left .left.Blue p.p-2 {
    color: #231f20;
}
.block-left .left.Blue h1 {
    color: #231f20;
}
.block-left .left.Blue h3 {
    color: #231f20;
}
.block-left .left .wrap {
    display: table-cell;
    padding: 5vw;
    vertical-align: middle;
}
.block-left .left h1 {
    max-width: 90%;
    display: block;
    margin: 0 auto;
    margin-bottom: 5%;
}
.block-left .left p.p-3 {
    max-width: 90%;
    display: block;
    margin: 0 auto;
    font-size: 24px;
    line-height: 1.5;
}
.block-left .left .on-btn {
    position: relative;
    padding: 0;
    border: 0;
    float: right;
}
@media (max-width: 990px) {
    .block-left .left .on-btn {
        top: -3.5em;
    }
}
.block-left .left .on-btn a {
    display: block;
    width: 50px;
    height: 50px;
    padding: 0;
    text-align: center;
    line-height: 50px;
    color: #13ce6b;
    background-color: #ffffff;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.block-left .left .on-btn a:hover {
    color: #ffffff;
    background-color: #13ce6b;
}
.block-left .right {
    width: 50%;
    padding: 0;
    display: table-cell;
    background-size: cover;
    background-position: center center;
}
@media (max-width: 990px) {
    .block-left .right {
        width: 100%;
        float: left;
        display: block;
    }
}


/* END OF CARD NORTHLANDS CARD BLOCK-LEFT */

/* START OF CARD FUND RAISING */

.funds {
    padding-top: 0vh;
    padding-bottom: 5vh;
}
.funds.dark {
    background: #231f20;
    color: white;
}
.funds .title {
    text-align: center;
    margin-bottom: 2.5vh;
}
.funds h4 {
    margin-top: 5vh;
}
.funds h4 span {
    font-size: 18px;
    margin-left: 15px;
    color: #999;
}
.funds .progress {
    height: 25px;
    font-weight: bold;
}
.funds .progress-bar {
    height: 25px;
    line-height: 25px;
    font-size: 14px;
}
.funds .progress-bar.completed {
    background: #00ab51;
}


/* END OF CARD FUND RAISING */

/* START OF CARD TEXT CARD - DOWNLOADABLE */

#card5 {
    width: 100%;
    /*max-width: 2100px;*/
    padding: 5vw 5vw;
    background: #ffffff;
    color: #231f20;
}
#card5 .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
#card5 .video-container iframe,
#card5 .video-container object,
#card5 .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#card5 .containwidth {
    max-width: 700px;
    margin-right: auto;
    margin-left: auto;
    transition: all .5s ease;
}
#card5 .left-col {
    width: 66.666666%;
    padding: 0 5% 0 15px;
    float: left;
}
@media (max-width: 768px) {
    #card5 .left-col {
        width: 100%;
        padding: 0 15px;
    }
}
#card5 .left-col.flip {
    float: right;
}
#card5 .right-col {
    width: 33.33333%;
    padding: 0 15px;
    float: left;
}
@media (max-width: 768px) {
    #card5 .right-col {
        width: 100%;
        padding: 2vh 15px;
    }
}
#card5.Cover {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
#card5.Contain {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
}
#card5.Top {
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}
#card5.Bottom {
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
}
#card5 p,
#card5 span {
    margin-bottom: 0px;
}
#card5.paddingtop {
    padding-top: 30px;
}
#card5.padbottom {
    padding-bottom: 30px;
}
#card5.linkcard:hover {
    background: #d0dbda;
    color: #231f20;
    transition: all .5s ease;
}
#card5 img {
    max-width: 100%;
}
#card5 .col-text.img .editable {
    display: none;
}
#card5 .col-text.txt .smimage {
    display: none;
}
#card5 .smimage {
    width: 100%;
}
#card5 .smimage img {
    width: 100%;
}
@media (max-width: 768px) {
    #card5 .smimage {
        padding-top: 30px;
    }
}
#card5 .smimage.txtimg-tog {
    display: none;
}
#card5 .height100 {
    min-height: 100%;
}
#card5.bgImage {
    background: url('http://placehold.it/1200&text=Background+Image') no-repeat;
    opacity: .8;
    position: absolute;
    background-position: left center;
    background-size: cover;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
#card5.bgImage.bgFixed {
    background-attachment: fixed;
}
#card5.Primary {
    background-color: #4bc4d4;
    color: #231f20;
    background-image: none;
}
#card5.Secondary {
    background-color: #00ab51;
    color: #231f20;
    background-image: none;
}
#card5.Light {
    background-color: #ffffff;
    color: #231f20;
    background-image: none;
}
#card5.Dark {
    background-color: #231f20;
    color: white;
    background-image: none;
}
#card5.Custom {
    background-color: auto;
    color: white;
    background-image: none;
}


/* END OF CARD TEXT CARD - DOWNLOADABLE */

/* START OF CARD BIG BUTTONS */

.big-buttons {
    width: 100vw;
    height: auto;
    padding: 5em 5em;
    display: table;
    background-color: #231f20;
}
.big-buttons .button-wrap {
    display: table-cell;
    text-align: center;
}
.big-buttons .button-wrap .button-block p {
    color: #ffffff;
}
.big-buttons .button-wrap .button-block .button {
    display: inline-block;
    width: auto;
    padding: 1.5em 4em;
    background-color: #00ab51;
}
.big-buttons .button-wrap .button-block a {
    color: #ffffff;
}
.big-buttons.dark {
    background-color: #231f20;
}
.big-buttons.dark .button a {
    background-color: #00ab51;
    color: #ffffff;
}
.big-buttons.light {
    background-color: #ffffff;
}
.big-buttons.light .button a {
    background-color: #00ab51;
    color: #ffffff;
}
.big-buttons.primary {
    background-color: #4bc4d4;
}
.big-buttons.primary .button a {
    background-color: #ffffff;
    color: #231f20;
}
.big-buttons.secondary {
    background-color: #00ab51;
}
.big-buttons.secondary .button a {
    background-color: #ffffff;
    color: #231f20;
}
@media (max-width: 768px) {
    .big-buttons {
        padding: 5vh 5vw;
    }
    .big-buttons .button-wrap .button {
        display: inline-block;
        margin-right: 0;
        margin-bottom: 2em;
    }
    .big-buttons .button-wrap .button:last-child {
        margin-bottom: 0;
    }
}


/* END OF CARD BIG BUTTONS */

/* START OF CARD EVENTS */

.event-header {
    width: 100%;
    color: white;
}
.event-header .top {
    background-size: cover;
    background-position: center;
    background-color: #231f20;
    width: 100%;
    max-height: 60vh;
}
@media (max-width: 768px) {
    .event-header .top {
        max-height: 100vh;
    }
}
.event-header .top.bg-image {
    max-height: 100vh;
}
.event-header .img-wrap {
    max-height: 60vh;
    width: 100%;
    display: flex;
    overflow-y: hidden;
    justify-content: center;
    align-items: center;
    text-align: center;
}
@media (max-width: 768px) {
    .event-header .img-wrap {
        height: auto;
        min-height: auto;
        max-height: auto;
    }
}
.event-header .img-wrap img {
    max-width: 90%;
    object-position: center;
}
.event-header .box {
    border: .1em solid #fff;
    padding: 1vh 1.5vw;
}
.event-header .h1,
.event-header .h2,
.event-header .h3,
.event-header .h4 {
    transition: all .3s;
}
.event-header.half .h1 {
    font-size: 3vw;
    border: .4vw solid #fff;
}
@media (max-width: 480px) {
    .event-header.half .h1 {
        font-size: 7vw;
        border-width: 1vw;
    }
}
.event-header .title-text {
    min-height: 50vh;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.event-header .text-box.Medium {
    background-color: rgba(0, 0, 0, 0.5);
}
.event-header .text-box.Dark {
    background-color: rgba(0, 0, 0, 0.75);
}
.event-header .text-box .info {
    height: 8vh;
    bottom: 8vh;
    background: rgba(0, 0, 0, 0.75);
}
@media (max-width: 480px) {
    .event-header .text-box .info {
        height: auto;
        padding: 3vh 0;
    }
}
.event-header .text-box .info .content {
    margin-top: 0;
    display: flex;
    height: 8.5vh;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
}
.event-header .text-box .info .content a.btn {
    border-radius: 0;
    background: transparent;
    color: white;
    border-color: white;
    font-size: 1.1em;
    border-width: .15em;
}
.event-header .text-box .info .content a.btn:hover {
    color: #00ab51;
    border-color: #00ab51;
}
.event-header .text-box .info .content p {
    margin: 0;
    font-size: 1.8em;
}
.event-header .event-content {
    padding-top: 5em;
    padding-bottom: 5em;
    background: white;
    color: #231f20;
}
.event-header .event-content .event-sidebar .h1 {
    color: #00ab51 !important;
}
.event-header .event-content .about {
    margin-top: 5vh;
    padding: 10vh 5vw;
    text-align: center;
    background: rgba(201, 212, 211, 0.3);
}
.event-header .event-content .about p {
    max-width: 800px;
    margin: 0 auto;
}
.event-header .event-content .about .map {
    padding-top: 5vh;
    max-width: 800px;
    margin: 0 auto;
}
.event-header .event-content .about .embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}
.event-header .event-content .about .embed-container iframe,
.event-header .event-content .about .embed-container object,
.event-header .event-content .about .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* END OF CARD EVENTS */

/* START OF CARD TABLET */

.tablet-home {
    background: #00ab51;
    height: 100vh;
    max-width: 100vw;
}
.tablet-home .top {
    height: 40vh;
    padding: 7.55vh 0;
}
.tablet-home .top .logo {
    height: 25vh;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.tablet-home .row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: stretch;
    align-content: stretch;
    padding: 0;
    margin: 0;
}
.tablet-home .row .box {
    background: rgba(255, 255, 255, 0.1);
    width: 22%;
    padding: 5% 0;
}
.tablet-home .row .box:hover {
    text-decoration: none;
}
.tablet-home .row .box .icon {
    height: 20vh;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.tablet-home .row .box h2 {
    color: white;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    padding: 0;
    margin: 15% 0 0;
}
.testimony-detail {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    align-content: stretch;
    height: 70vh;
    font-size: 130%;
    max-width: 900px;
}


/* END OF CARD TABLET */

/* START OF CARD KNOWLEDGE BASE */

.kb-header {
    background: #00ab51;
    padding: 50px 0;
}
.kb-header .h2 {
    color: white;
    margin-bottom: 20px;
    font-weight: 200;
    font-size: 32px;
}
.kb-header .search__input {
    width: 100%;
    padding: 20px 59px 21px 17px;
    background: rgba(255, 255, 255, 0.2);
    border: none;
    outline: none;
    color: rgba(255, 255, 255, 0.7);
    font-size: 18px;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03);
    -webkit-transition: background 0.4s, box-shadow 0.2s;
    transition: background 0.4s, box-shadow 0.2s;
}
.kb-header .search__input:hover {
    background: rgba(255, 255, 255, 0.27);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03);
}
.kb-header .search__input:active,
.kb-header .search__input:focus {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.14);
    background: white;
    color: #3a3c4c;
}
.kb-header .search__input:active::-webkit-input-placeholder,
.kb-header .search__input:focus::-webkit-input-placeholder {
    color: #9fa0a8;
}
.kb-header .search__input:active:-moz-placeholder,
.kb-header .search__input:focus:-moz-placeholder {
    color: #9fa0a8;
}
.kb-header .search__input:active::-moz-placeholder,
.kb-header .search__input:focus::-moz-placeholder {
    color: #9fa0a8;
}
.kb-header .search__input:active:-ms-input-placeholder,
.kb-header .search__input:focus:-ms-input-placeholder {
    color: #9fa0a8;
}
.kb-header .search__input.o__rtl {
    padding: 20px 17px 21px 59px;
}
.kb-header .search__submit {
    width: 22px;
    height: 22px;
    border: none;
    background: transparent;
    position: absolute;
    top: 50%;
    right: 19px;
    margin-top: -10px;
    outline: none;
    cursor: pointer;
    -webkit-transition: -webkit-transform 0.1s linear;
    transition: -webkit-transform 0.1s linear;
    transition: transform .1s linear;
    transition: transform 0.1s linear, -webkit-transform 0.1s linear;
}
.kb-header .search__submit:before {
    content: ' ';
    border: 2px solid white;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
}
.kb-header .search__submit:after {
    content: ' ';
    border-top: 2px solid white;
    position: absolute;
    bottom: 8px;
    right: 8px;
    width: 12px;
    height: 1px;
    -webkit-transition: width .1s linear;
    transition: width .1s linear;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.kb-page {
    padding: 50px 0;
    background: white;
}
.kb-page .categories {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
}
@media (max-width: 768px) {
    .kb-page .categories {
        flex-direction: column;
    }
}
.kb-page .h1,
.kb-page .h2,
.kb-page .h3,
.kb-page p {
    margin: 0;
}
.kb-page .paper {
    background-color: white;
    border-radius: 0;
    padding: 30px;
    position: relative;
    z-index: 3;
    text-decoration: none;
    overflow: hidden;
    display: block;
    outline: none;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.05);
    border: 1px solid #d4dadf;
    -webkit-transition: border 0.15s linear, background-color 0.15s linear, box-shadow 0.15s linear, opacity 0.15s linear, -webkit-transform 0.15s linear;
    transition: border 0.15s linear, background-color 0.15s linear, box-shadow 0.15s linear, opacity 0.15s linear, -webkit-transform 0.15s linear;
    transition: border 0.15s linear, transform 0.15s linear, background-color 0.15s linear, box-shadow 0.15s linear, opacity 0.15s linear;
    transition: border 0.15s linear, transform 0.15s linear, background-color 0.15s linear, box-shadow 0.15s linear, opacity 0.15s linear, -webkit-transform 0.15s linear;
}
.kb-page .paper:hover {
    border-color: #e6e6e6;
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0);
}
.kb-page .category {
    width: 48%;
    margin: 1%;
    min-height: 180px;
}
@media (max-width: 768px) {
    .kb-page .category {
        width: 100%;
    }
}
.kb-page .category .h2 {
    font-size: 28px;
}
.kb-page .collection {
    position: relative;
    padding-left: 110px;
}
.kb-page .collection .h2 {
    color: #231f20;
    font-weight: 100;
    margin-bottom: 10px;
}
.kb-page .collection p {
    color: #231f20;
    margin-bottom: 10px;
}
.kb-page .collection__photo {
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 100%;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}
.kb-page .collection__photo img {
    max-width: 100%;
    opacity: .3;
}


/* END OF CARD KNOWLEDGE BASE */

/* START OF CARD LOGIN FORMS */

.login-form {
    background: white;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
    font-family: soleil;
    padding: 5vh 5vw;
    text-align: center;
}
.login-form p {
    font-family: #ffffff;
    font-size: 18px;
    color: rgba(35, 31, 32, 0.55);
    margin: 0 0 15px;
}
.login-form p a {
    color: #00ab51;
}
.login-form .loginheader {
    margin: 3vh 0 2.5vh;
}
.login-form .loginheader p {
    margin-top: 15px;
}
.login-form form input,
.login-form form input:-webkit-autofill {
    width: 100%;
    border-radius: 0;
    border: none;
    background-image: none;
    display: block;
    border: 1px solid #cecece;
    margin: 0 0 10px;
    padding: 15px 15px;
    font-size: 15px;
    color: #231f20;
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}
.login-form form input:focus,
.login-form form input:-webkit-autofill:focus {
    box-shadow: none;
    color: #4bc4d4;
    border-color: #4bc4d4;
}
.login-form form .btn {
    background: rgba(35, 31, 32, 0.4);
    padding: 12px 15px;
    font-size: 18px;
    color: white !important;
    border-radius: 0;
    margin: 0 0 15px;
    border: none;
    width: 100%;
}
.login-form form .btn.login {
    background: #00ab51;
    font-family: soleil;
}
.login-form form .btn.login:hover {
    background: #007839;
}
.login-form form .btn.facebook {
    background-color: #3B5992;
}
.login-form form .btn.facebook .fa {
    position: absolute;
    left: 30px;
    margin-top: 4px;
    font-size: 20px;
}


/* END OF CARD LOGIN FORMS */

/* START OF CARD HOME BANNER VIDEO */

.home-banner-video {
    top: 0;
}
.home-banner-video #bgvid {
    background: grey;
    min-height: 50vh;
    width: 100vw;
    object-fit: cover;
}
.home-banner-video .overlay {
    width: 100vw;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
    min-height: 50vh;
}
.home-banner-video .overlay h1 {
    top: 20vh;
    color: white;
    border: .1em solid white;
    display: inline-block;
    padding: .5em 1em;
    margin: 0;
    line-height: 2em;
    font-size: 1.9em;
    font-weight: bold;
}
@media (max-width: 480px) {
    .home-banner-video .overlay h1 {
        font-size: 1.6em;
        padding: .3em .9em;
    }
}
.home-banner-video .overlay .btn {
    background: white;
    border: 1px solid white;
    border-radius: 0;
    margin-top: 4vh;
    color: black;
}
.home-banner-video video {
    position: absolute;
    width: 100vw;
    z-index: -100;
    background-size: cover;
    background-position: center center;
}


/* END OF CARD HOME BANNER VIDEO */

.single-button-wide a.btn div:hover {
color:black;
}