*{
  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:2.25rem }

.h2{ font-size:1.75rem }

.h3{ font-size:1.25rem }

.h4{ font-size:1.125rem }

.h5{ font-size:1rem }

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

.btn{
  font-family:inherit;
  font-size:1rem;
  font-weight:bold;
  text-decoration:none;
  cursor:pointer;
  display:inline-block;
  line-height:1.375rem;
  padding:.5rem 1rem;
  margin:0;
  height:auto;
  border:1px solid transparent;
  vertical-align:middle;
  -webkit-appearance:none;
  color:inherit;
  background-color:transparent;
}

.btn:hover{
  text-decoration:none;
}

.btn:focus{
  outline:none;
  border-color:rgba(0, 0, 0, .125);
  box-shadow:0 0 0 3px rgba(0, 0, 0, .25);
}

::-moz-focus-inner{
  border:0;
  padding:0;
}

.btn-outline,
.btn-outline:hover{
  border-color:currentcolor;
}

.btn-outline{
  border-radius:3px;
}

.btn-outline:hover{
  box-shadow:inset 0 0 0 20rem rgba(0, 0, 0, .0625);
}

.btn-outline:active{
  box-shadow:inset 0 0 0 20rem rgba(0, 0, 0, .125),
    inset 0 3px 4px 0 rgba(0, 0, 0, .25),
    0 0 1px rgba(0, 0, 0, .125);
}

.btn-outline:disabled,
.btn-outline.is-disabled{
  opacity:.5;
}

.btn-primary{
  color:#fff;
  background-color:#0099dd;
  border-radius:3px;
}

.btn-primary:hover{
  box-shadow:inset 0 0 0 20rem rgba(0, 0, 0, .0625);
}

.btn-primary:active{
  box-shadow:inset 0 0 0 20rem rgba(0, 0, 0, .125),
    inset 0 3px 4px 0 rgba(0, 0, 0, .25),
    0 0 1px rgba(0, 0, 0, .125);
}

.btn-primary:disabled,
.btn-primary.is-disabled{
  opacity:.5;
}

.black{ color:#111111 }

.gray{ color:#f3f3f3 }

.silver{ color:#DDDDDD }

.white{ color:#FFFFFF }

.aqua{ color:#7FDBFF }

.blue{ color:#0099dd }

.navy{ color:#001F3F }

.teal{ color:#39CCCC }

.green{ color:#2ECC40 }

.olive{ color:#3D9970 }

.lime{ color:#01FF70 }

.yellow{ color:#FFDC00 }

.orange{ color:#FF851B }

.red{ color:#FF4136 }

.fuchsia{ color:#F012BE }

.purple{ color:#B10DC9 }

.maroon{ color:#85144B }

.color-inherit{ color:inherit }

.muted{ opacity:.5 }

.bg-black{ background-color:#111111 }

.bg-gray{ background-color:#f3f3f3 }

.bg-silver{ background-color:#DDDDDD }

.bg-white{ background-color:#FFFFFF }

.bg-aqua{ background-color:#7FDBFF }

.bg-blue{ background-color:#0099dd }

.bg-navy{ background-color:#001F3F }

.bg-teal{ background-color:#39CCCC }

.bg-green{ background-color:#2ECC40 }

.bg-olive{ background-color:#3D9970 }

.bg-lime{ background-color:#01FF70 }

.bg-yellow{ background-color:#FFDC00 }

.bg-orange{ background-color:#FF851B }

.bg-red{ background-color:#FF4136 }

.bg-fuchsia{ background-color:#F012BE }

.bg-purple{ background-color:#B10DC9 }

.bg-maroon{ background-color:#85144B }

:root{

}