/*! Basscss | http://basscss.com | MIT License */
.h1{
    font-size:2rem
}
.h2{
    font-size:1.5rem
}
.h3{
    font-size:1.25rem
}
.h4{
    font-size:1rem
}
.h5{
    font-size:.875rem
}
.h6{
    font-size:.75rem
}
.font-family-inherit{
    font-family:inherit
}
.font-size-inherit{
    font-size:inherit
}
.text-decoration-none{
    text-decoration:none
}
.bold{
    font-weight:700
}
.regular{
    font-weight:400
}
.italic{
    font-style:italic
}
.caps{
    text-transform:uppercase;
    letter-spacing:.2em
}
.left-align{
    text-align:left
}
.center{
    text-align:center
}
.right-align{
    text-align:right
}
.justify{
    text-align:justify
}
.nowrap{
    white-space:nowrap
}
.break-word{
    word-wrap:break-word
}
.line-height-1{
    line-height:1
}
.line-height-2{
    line-height:1.125
}
.line-height-3{
    line-height:1.25
}
.line-height-4{
    line-height:1.5
}
.list-style-none{
    list-style:none
}
.underline{
    text-decoration:underline
}
.truncate{
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.list-reset{
    list-style:none;
    padding-left:0
}
.inline{
    display:inline
}
.block{
    display:block
}
.inline-block{
    display:inline-block
}
.table{
    display:table
}
.table-cell{
    display:table-cell
}
.overflow-hidden{
    overflow:hidden
}
.overflow-scroll{
    overflow:scroll
}
.overflow-auto{
    overflow:auto
}
.clearfix:after,.clearfix:before{
    content:" ";
    display:table
}
.clearfix:after{
    clear:both
}
.left{
    float:left
}
.right{
    float:right
}
.fit{
    max-width:100%
}
.max-width-1{
    max-width:24rem
}
.max-width-2{
    max-width:32rem
}
.max-width-3{
    max-width:48rem
}
.max-width-4{
    max-width:64rem
}
.border-box{
    box-sizing:border-box
}
.align-baseline{
    vertical-align:baseline
}
.align-top{
    vertical-align:top
}
.align-middle{
    vertical-align:middle
}
.align-bottom{
    vertical-align:bottom
}
.m0{
    margin:0
}
.mt0{
    margin-top:0
}
.mr0{
    margin-right:0
}
.mb0{
    margin-bottom:0
}
.ml0,.mx0{
    margin-left:0
}
.mx0{
    margin-right:0
}
.my0{
    margin-top:0;
    margin-bottom:0
}
.m1{
    margin:.5rem
}
.mt1{
    margin-top:.5rem
}
.mr1{
    margin-right:.5rem
}
.mb1{
    margin-bottom:.5rem
}
.ml1,.mx1{
    margin-left:.5rem
}
.mx1{
    margin-right:.5rem
}
.my1{
    margin-top:.5rem;
    margin-bottom:.5rem
}
.m2{
    margin:1rem
}
.mt2{
    margin-top:1rem
}
.mr2{
    margin-right:1rem
}
.mb2{
    margin-bottom:1rem
}
.ml2,.mx2{
    margin-left:1rem
}
.mx2{
    margin-right:1rem
}
.my2{
    margin-top:1rem;
    margin-bottom:1rem
}
.m3{
    margin:2rem
}
.mt3{
    margin-top:2rem
}
.mr3{
    margin-right:2rem
}
.mb3{
    margin-bottom:2rem
}
.ml3,.mx3{
    margin-left:2rem
}
.mx3{
    margin-right:2rem
}
.my3{
    margin-top:2rem;
    margin-bottom:2rem
}
.m4{
    margin:4rem
}
.mt4{
    margin-top:4rem
}
.mr4{
    margin-right:4rem
}
.mb4{
    margin-bottom:4rem
}
.ml4,.mx4{
    margin-left:4rem
}
.mx4{
    margin-right:4rem
}
.my4{
    margin-top:4rem;
    margin-bottom:4rem
}
.mxn1{
    margin-left:-.5rem;
    margin-right:-.5rem
}
.mxn2{
    margin-left:-1rem;
    margin-right:-1rem
}
.mxn3{
    margin-left:-2rem;
    margin-right:-2rem
}
.mxn4{
    margin-left:-4rem;
    margin-right:-4rem
}
.ml-auto{
    margin-left:auto
}
.mr-auto,.mx-auto{
    margin-right:auto
}
.mx-auto{
    margin-left:auto
}
.p0{
    padding:0
}
.pt0{
    padding-top:0
}
.pr0{
    padding-right:0
}
.pb0{
    padding-bottom:0
}
.pl0,.px0{
    padding-left:0
}
.px0{
    padding-right:0
}
.py0{
    padding-top:0;
    padding-bottom:0
}
.p1{
    padding:.5rem
}
.pt1{
    padding-top:.5rem
}
.pr1{
    padding-right:.5rem
}
.pb1{
    padding-bottom:.5rem
}
.pl1{
    padding-left:.5rem
}
.py1{
    padding-top:.5rem;
    padding-bottom:.5rem
}
.px1{
    padding-left:.5rem;
    padding-right:.5rem
}
.p2{
    padding:1rem
}
.pt2{
    padding-top:1rem
}
.pr2{
    padding-right:1rem
}
.pb2{
    padding-bottom:1rem
}
.pl2{
    padding-left:1rem
}
.py2{
    padding-top:1rem;
    padding-bottom:1rem
}
.px2{
    padding-left:1rem;
    padding-right:1rem
}
.p3{
    padding:2rem
}
.pt3{
    padding-top:2rem
}
.pr3{
    padding-right:2rem
}
.pb3{
    padding-bottom:2rem
}
.pl3{
    padding-left:2rem
}
.py3{
    padding-top:2rem;
    padding-bottom:2rem
}
.px3{
    padding-left:2rem;
    padding-right:2rem
}
.p4{
    padding:4rem
}
.pt4{
    padding-top:4rem
}
.pr4{
    padding-right:4rem
}
.pb4{
    padding-bottom:4rem
}
.pl4{
    padding-left:4rem
}
.py4{
    padding-top:4rem;
    padding-bottom:4rem
}
.px4{
    padding-left:4rem;
    padding-right:4rem
}
.col{
    float:left
}
.col,.col-right{
    box-sizing:border-box
}
.col-right{
    float:right
}
.col-1{
    width:8.33333%
}
.col-2{
    width:16.66667%
}
.col-3{
    width:25%
}
.col-4{
    width:33.33333%
}
.col-5{
    width:41.66667%
}
.col-6{
    width:50%
}
.col-7{
    width:58.33333%
}
.col-8{
    width:66.66667%
}
.col-9{
    width:75%
}
.col-10{
    width:83.33333%
}
.col-11{
    width:91.66667%
}
.col-12{
    width:100%
}
@media (min-width:40em){
    .sm-col{
        float:left;
        box-sizing:border-box
    }
    .sm-col-right{
        float:right;
        box-sizing:border-box
    }
    .sm-col-1{
        width:8.33333%
    }
    .sm-col-2{
        width:16.66667%
    }
    .sm-col-3{
        width:25%
    }
    .sm-col-4{
        width:33.33333%
    }
    .sm-col-5{
        width:41.66667%
    }
    .sm-col-6{
        width:50%
    }
    .sm-col-7{
        width:58.33333%
    }
    .sm-col-8{
        width:66.66667%
    }
    .sm-col-9{
        width:75%
    }
    .sm-col-10{
        width:83.33333%
    }
    .sm-col-11{
        width:91.66667%
    }
    .sm-col-12{
        width:100%
    }
}
@media (min-width:52em){
    .md-col{
        float:left;
        box-sizing:border-box
    }
    .md-col-right{
        float:right;
        box-sizing:border-box
    }
    .md-col-1{
        width:8.33333%
    }
    .md-col-2{
        width:16.66667%
    }
    .md-col-3{
        width:25%
    }
    .md-col-4{
        width:33.33333%
    }
    .md-col-5{
        width:41.66667%
    }
    .md-col-6{
        width:50%
    }
    .md-col-7{
        width:58.33333%
    }
    .md-col-8{
        width:66.66667%
    }
    .md-col-9{
        width:75%
    }
    .md-col-10{
        width:83.33333%
    }
    .md-col-11{
        width:91.66667%
    }
    .md-col-12{
        width:100%
    }
}
@media (min-width:64em){
    .lg-col{
        float:left;
        box-sizing:border-box
    }
    .lg-col-right{
        float:right;
        box-sizing:border-box
    }
    .lg-col-1{
        width:8.33333%
    }
    .lg-col-2{
        width:16.66667%
    }
    .lg-col-3{
        width:25%
    }
    .lg-col-4{
        width:33.33333%
    }
    .lg-col-5{
        width:41.66667%
    }
    .lg-col-6{
        width:50%
    }
    .lg-col-7{
        width:58.33333%
    }
    .lg-col-8{
        width:66.66667%
    }
    .lg-col-9{
        width:75%
    }
    .lg-col-10{
        width:83.33333%
    }
    .lg-col-11{
        width:91.66667%
    }
    .lg-col-12{
        width:100%
    }
}
.flex{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex
}
@media (min-width:40em){
    .sm-flex{
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex
    }
}
@media (min-width:52em){
    .md-flex{
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex
    }
}
@media (min-width:64em){
    .lg-flex{
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex
    }
}
.flex-column{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column
}
.flex-wrap{
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.items-start{
    -webkit-box-align:start;
    -webkit-align-items:flex-start;
    -ms-flex-align:start;
    -ms-grid-row-align:flex-start;
    align-items:flex-start
}
.items-end{
    -webkit-box-align:end;
    -webkit-align-items:flex-end;
    -ms-flex-align:end;
    -ms-grid-row-align:flex-end;
    align-items:flex-end
}
.items-center{
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    -ms-grid-row-align:center;
    align-items:center
}
.items-baseline{
    -webkit-box-align:baseline;
    -webkit-align-items:baseline;
    -ms-flex-align:baseline;
    -ms-grid-row-align:baseline;
    align-items:baseline
}
.items-stretch{
    -webkit-box-align:stretch;
    -webkit-align-items:stretch;
    -ms-flex-align:stretch;
    -ms-grid-row-align:stretch;
    align-items:stretch
}
.self-start{
    -webkit-align-self:flex-start;
    -ms-flex-item-align:start;
    align-self:flex-start
}
.self-end{
    -webkit-align-self:flex-end;
    -ms-flex-item-align:end;
    align-self:flex-end
}
.self-center{
    -webkit-align-self:center;
    -ms-flex-item-align:center;
    align-self:center
}
.self-baseline{
    -webkit-align-self:baseline;
    -ms-flex-item-align:baseline;
    align-self:baseline
}
.self-stretch{
    -webkit-align-self:stretch;
    -ms-flex-item-align:stretch;
    align-self:stretch
}
.justify-start{
    -webkit-box-pack:start;
    -webkit-justify-content:flex-start;
    -ms-flex-pack:start;
    justify-content:flex-start
}
.justify-end{
    -webkit-box-pack:end;
    -webkit-justify-content:flex-end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
.justify-center{
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center
}
.justify-between{
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.justify-around{
    -webkit-justify-content:space-around;
    -ms-flex-pack:distribute;
    justify-content:space-around
}
.content-start{
    -webkit-align-content:flex-start;
    -ms-flex-line-pack:start;
    align-content:flex-start
}
.content-end{
    -webkit-align-content:flex-end;
    -ms-flex-line-pack:end;
    align-content:flex-end
}
.content-center{
    -webkit-align-content:center;
    -ms-flex-line-pack:center;
    align-content:center
}
.content-between{
    -webkit-align-content:space-between;
    -ms-flex-line-pack:justify;
    align-content:space-between
}
.content-around{
    -webkit-align-content:space-around;
    -ms-flex-line-pack:distribute;
    align-content:space-around
}
.content-stretch{
    -webkit-align-content:stretch;
    -ms-flex-line-pack:stretch;
    align-content:stretch
}
.flex-auto{
    -webkit-box-flex:1;
    -webkit-flex:1 1 auto;
    -ms-flex:1 1 auto;
    flex:1 1 auto;
    min-width:0;
    min-height:0
}
.flex-none{
    -webkit-box-flex:0;
    -webkit-flex:none;
    -ms-flex:none;
    flex:none
}
.order-0{
    -webkit-box-ordinal-group:1;
    -webkit-order:0;
    -ms-flex-order:0;
    order:0
}
.order-1{
    -webkit-box-ordinal-group:2;
    -webkit-order:1;
    -ms-flex-order:1;
    order:1
}
.order-2{
    -webkit-box-ordinal-group:3;
    -webkit-order:2;
    -ms-flex-order:2;
    order:2
}
.order-3{
    -webkit-box-ordinal-group:4;
    -webkit-order:3;
    -ms-flex-order:3;
    order:3
}
.order-last{
    -webkit-box-ordinal-group:100000;
    -webkit-order:99999;
    -ms-flex-order:99999;
    order:99999
}
.relative{
    position:relative
}
.absolute{
    position:absolute
}
.fixed{
    position:fixed
}
.top-0{
    top:0
}
.right-0{
    right:0
}
.bottom-0{
    bottom:0
}
.left-0{
    left:0
}
.z1{
    z-index:1
}
.z2{
    z-index:2
}
.z3{
    z-index:3
}
.z4{
    z-index:4
}
.border{
    border-style:solid;
    border-width:1px
}
.border-top{
    border-top-style:solid;
    border-top-width:1px
}
.border-right{
    border-right-style:solid;
    border-right-width:1px
}
.border-bottom{
    border-bottom-style:solid;
    border-bottom-width:1px
}
.border-left{
    border-left-style:solid;
    border-left-width:1px
}
.border-none{
    border:0
}
.rounded{
    border-radius:3px
}
.circle{
    border-radius:50%
}
.rounded-top{
    border-radius:3px 3px 0 0
}
.rounded-right{
    border-radius:0 3px 3px 0
}
.rounded-bottom{
    border-radius:0 0 3px 3px
}
.rounded-left{
    border-radius:3px 0 0 3px
}
.not-rounded{
    border-radius:0
}
.hide{
    position:absolute!important;
    height:1px;
    width:1px;
    overflow:hidden;
    clip:rect(1px,1px,1px,1px)
}
@media (max-width:40em){
    .xs-hide{
        display:none!important
    }
}
@media (min-width:40em) and (max-width:52em){
    .sm-hide{
        display:none!important
    }
}
@media (min-width:52em) and (max-width:64em){
    .md-hide{
        display:none!important
    }
}
@media (min-width:64em){
    .lg-hide{
        display:none!important
    }
}
.display-none{
    display:none!important
}