*{
  box-sizing:border-box;
}


body{
  font-family:-apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    'Roboto',
    'Helvetica Neue',
    Helvetica,
    sans-serif;
  line-height:1.5;
  margin:0;
  color:#111;
  background-color:#fff;
}


img{
  max-width:100%;
  height:auto;
}


svg{
  max-height:100%;
}


a{
  color:#07c;
}


h1, h2, h3,
h4, h5, h6{
  font-weight:600;
  line-height:1.25;
  margin-top:1em;
  margin-bottom:.5em;
}


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 }


p, dl, ol, ul, pre, blockquote{
  margin-top:1em;
  margin-bottom:1em;
}


code,
pre,
samp{
  font-family:'Roboto Mono',
    'Source Code Pro',
    Menlo,
    Consolas,
    'Liberation Mono',
    monospace;
}


code, samp{
  font-size:87.5%;
  padding:.125em;
}


pre{
  font-size:87.5%;
  overflow:scroll;
}


blockquote{
  font-size:1.25rem;
  font-style:italic;
  margin-left:0;
}


hr{
  margin-top:1.5em;
  margin-bottom:1.5em;
  border:0;
  border-bottom-width:1px;
  border-bottom-style:solid;
  border-bottom-color:#ccc;
}


.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:bold; font-weight:bold }


.regular{ font-weight:normal }


.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:before,
.clearfix:after{
  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{ margin-left:0 }


.mx0{ margin-left:0; 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{ margin-left:.5rem }


.mx1{ margin-left:.5rem; 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{ margin-left:1rem }


.mx2{ margin-left:1rem; 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{ margin-left:2rem }


.mx3{ margin-left:2rem; 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{ margin-left:4rem }


.mx4{ margin-left:4rem; 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{ margin-right:auto }


.mx-auto{ margin-left:auto; margin-right:auto; }


.p0{ padding:0 }


.pt0{ padding-top:0 }


.pr0{ padding-right:0 }


.pb0{ padding-bottom:0 }


.pl0{ padding-left:0 }


.px0{ padding-left:0; 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;
  box-sizing:border-box;
}


.col-right{
  float:right;
  box-sizing:border-box;
}


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

