html,
body{
    overflow-x:hidden
}


/* Grid------------------------------------------ */
.col,
.col.col-12of12,
.col.col-11of12,
.col.col-10of12,
.col.col-9of12,
.col.col-8of12,
.col.col-7of12,
.col.col-6of12,
.col.col-5of12,
.col.col-4of12,
.col.col-3of12,
.col.col-2of12,
.col.col-1of12{
    clear:both;
    float:none;
    margin-left:0;
    margin-right:0;
    padding:20px;
    width:100%
}
.col.col-6of12-mobile,
.col.col-4of12-mobile,
.col.col-3of12-mobile{
    clear:none;
    display:block;
    float:left;
    margin:10px;
    padding:0
}
.col.col-6of12-mobile{
    width:-webkit-calc(50% - 20px);
    width:calc(50% - 20px)
}
.col.col-4of12-mobile{
    width:-webkit-calc(33.3333333% - 20px);
    width:calc(33.3333333% - 20px)
}
.col.col-3of12-mobile{
    width:-webkit-calc(24.9999999% - 20px);
    width:calc(24.9999999% - 20px)
}
.col-0spacing-mobile{
  margin-bottom:0!important;
  margin-top:0!important;
  padding-bottom:0!important;
  padding-top:0!important
}
.u-2colList > li{
    width:100%
}

/* Header---------------------------------------- */
.hdr{
    padding-bottom:0;
    position:relative
}
.hdr .hdr-group{
    background:#fff;
    box-shadow:0 0 4px 3px rgba(0,0,0,.4);
    left:0;
    padding-bottom:10px;
    position:fixed;
    top:0;
    width:100%;
    z-index:2
}
.hdr-logo{
    display:block;
    text-align:center
}
.mainNav .mainNav-menu{
    background:#fff;
    height:100%;
    left:0;
    overflow-y:auto;
    pointer-events:none;
    position:fixed;
    -ms-transform:translateX(-200px);
    transform:translateX(-200px);
    transition:transform .1s;
    width:200px;
    will-change:transform;
    top:0;
    z-index:99
}
.mainNav.is-active .mainNav-menu{
    pointer-events:all;
    -ms-transform:translateX(0px);
    transform:translateX(0px)
}
.mainNav .mainNav-blanker{
    background:rgba(0,0,0,.7);
    content:'';
    display:block;
    height:100vh;
    left:0;
    opacity:0;
    pointer-events:none;
    position:fixed;
    transition:.2s;
    top:0;
    width:100vw;
    will-change:opacity;
    z-index:-1
}
.mainNav.is-active .mainNav-blanker{
    opacity:1;
    pointer-events:all
}

.mainNav .subMenu > ul{
    display:none!important
}
.mainNav-menu{
    padding:90px 0 0
}
.mainNav-menu > li{
    display:block;
    margin-bottom:16px
}
.mainNav-menu > li a,
.mainNav-menu > li .button{
    border-radius:6px 0 0 6px;
    display:block
}

.mainNav-close,
.mainNav-toggle{
    left:10px;
    display:block!important;
    font-size:4rem;
    opacity:.3;
    position:fixed;
    text-shadow:0 1px 0 #fff;
    top:15px;
    transition:.1s;
    will-change:opacity;
    z-index:9
}
.mainNav-toggle:hover{
    opacity:1;
    text-decoration:none
}
.mainNav-close{
    opacity:0;
    padding:3px 10px;
    pointer-events:none;
    z-index:9999999
}
.mainNav.is-active .mainNav-toggle{
    opacity:0
}
.mainNav.is-active .mainNav-close{
    opacity:1;
    pointer-events:all
}


/* Hero pane ------------------------------------ */
.heroCarousel .carousel-item img{
    display:none
}


/* Content -------------------------------------- */
.content .col img{
    max-width:100%
}


/* Footer---------------------------------------- */
.ftr nav{
    margin:20px auto 10px;
    text-align:center
}
.ftr-blogSignup{
    text-align:center
}
.ftr-blogSignup label{
    display:block;
    margin:10px auto 12px
}
.ftr .blogSignup button{
    border-radius:4px;
    height:auto;
    position:relative;
    top:2px
}
.ftr-socialMedia a{
    font-size:3.5rem;
    margin:0 3px;
}
