/*! Basscss | http://basscss.com | MIT License */

body{ margin:0 }

img{ max-width:100% }

svg{ max-height:100% }

:root{

}

input,
select,
textarea,
fieldset{
  font-family: inherit;
  font-size: 1rem;
  box-sizing:border-box;
  margin-top:0;
  margin-bottom:0;
}

label{
  vertical-align:middle;
}

input[type=text],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=time],
input[type=url],
input[type=week]{
  height: 2.25rem;
  padding: .5rem .5rem;
  vertical-align:middle;
  -webkit-appearance:none;
}

select{
  line-height:1.75;
  padding: .5rem .5rem;
}

select:not([multiple]){
  height: 2.25rem;
  vertical-align:middle;
}

textarea{
  line-height:1.75;
  padding: .5rem .5rem;
}

table{
  border-collapse:separate;
  border-spacing:0;
  max-width:100%;
  width:100%;
}

th{
  text-align:left;
  font-weight: bold;
}

th,
td{
  padding: .25rem 1rem;
  line-height:inherit;
}

th{ vertical-align:bottom }

td{ vertical-align:top }

body{
  font-family: 'Helvetica Neue', Helvetica, sans-serif;
  line-height: 1.5;
  font-size: 100%;
}

h1, h2, h3, h4, h5, h6{
  font-family: 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: bold;
  line-height: 1.25;
  margin-top: 1em;
  margin-bottom: .5em;
}

p{
  margin-top: 0;
  margin-bottom: 1rem;
}

dl, ol, ul{
  margin-top: 0;
  margin-bottom: 1rem;
}

pre, code, samp{
  font-family: 'Source Code Pro', Consolas, monospace;
  font-size: inherit;
}

pre{
  margin-top: 0;
  margin-bottom: 1rem;
  overflow-x:scroll;
}

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 }

body{
  color: #111111;
  background-color: #FFFFFF;
}

a{
  color: #0074D9;
  text-decoration: none;
}

a:hover{
  text-decoration: underline;
}

pre, code{
  background-color: transparent;
  border-radius: 3px;
}

hr{
  border:0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: rgba(0, 0, 0, .125);
}

.field{
  border-style:solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, .125);
  border-radius: 3px;
}

.field:focus,
.field.is-focused{
  outline:none;
  border-color: #0074D9;
  box-shadow: 0 0 0 2px rgba(0, 116, 217, 0.5);
}

.field:disabled,
.field.is-disabled{
  background-color: rgba(0, 0, 0, .125);
  opacity:.5;
}

.field:-moz-read-only:not(select),
.field.is-read-only{
  background-color: rgba(0, 0, 0, .125);
}

.field:read-only:not(select),
.field.is-read-only{
  background-color: rgba(0, 0, 0, .125);
}

.field.is-success{
  border-color: #2ECC40;
}

.field.is-success:focus,
.field.is-success.is-focused{
  box-shadow: 0 0 0 2px rgba(46, 204, 64, 0.5);
}

.field.is-warning{
  border-color: #FFDC00;
}

.field.is-warning:focus,
.field.is-warning.is-focused{
  box-shadow: 0 0 0 2px rgba(255, 220, 0, 0.5);
}

.field:invalid,
.field.is-error{
  border-color: #FF4136;
}

.field:invalid:focus,
.field:invalid.is-focused,
.field.is-error:focus,
.field.is-error.is-focused{
  box-shadow: 0 0 0 2px rgba(255, 65, 54, 0.5);
}

.table-light th,
.table-light td{
  border-bottom-width: 1px;
  border-bottom-style:solid;
  border-bottom-color: rgba(0, 0, 0, .125);
}

.table-light tr:last-child td{
  border-bottom:0;
}

.btn{
  font-family: inherit;
  font-size: inherit;
  font-weight: bold;
  text-decoration:none;
  cursor:pointer;
  display:inline-block;
  line-height: 1.125rem;
  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-primary{
  color: #fff;
  background-color: #0074D9;
  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;
}

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

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

.m-auto{ margin:auto; }

.mt-auto{ margin-top:auto }

.mr-auto{ margin-right:auto }

.mb-auto{ margin-bottom:auto }

.ml-auto{ margin-left:auto }

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

.my-auto{ margin-top:auto; margin-bottom: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 }

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

.sm-show, .md-show, .lg-show{
  display:none !important
}

@media (min-width: 40em){
  .sm-show{ display:block !important }
}

@media (min-width: 52em){
  .md-show{ display:block !important }
}

@media (min-width: 64em){
  .lg-show{ display:block !important }
}

@media (min-width: 40em){
  .sm-hide{ display:none !important }
}

@media (min-width: 52em){
  .md-hide{ display:none !important }
}

@media (min-width: 64em){
  .lg-hide{ display:none !important }
}

.display-none{ display:none !important }

.hide{
  position:absolute !important;
  height:1px;
  width:1px;
  overflow:hidden;
  clip:rect(1px, 1px, 1px, 1px);
}

.container{
  max-width: 64rem;
  margin-left:auto;
  margin-right:auto;
}

.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:-ms-flexbox; display:flex }

.flex-column{ -ms-flex-direction:column; flex-direction:column }

.flex-wrap{ -ms-flex-wrap:wrap; flex-wrap:wrap }

.flex-center{ -ms-flex-align:center; align-items:center }

.flex-baseline{ -ms-flex-align:baseline; align-items:baseline }

.flex-stretch{ -ms-flex-align:stretch; align-items:stretch }

.flex-start{ -ms-flex-align:start; align-items:flex-start }

.flex-end{ -ms-flex-align:end; align-items:flex-end }

.flex-justify{ -ms-flex-pack:justify; justify-content:space-between }

.flex-auto{
  -ms-flex:1 1 auto;
      flex:1 1 auto;
  min-width:0;
  min-height:0;
}

.flex-grow{ -ms-flex:1 0 auto; flex:1 0 auto }

.flex-none{ -ms-flex:none; flex:none }

.flex-first{ -ms-flex-order:-1; order:-1 }

.flex-last{ -ms-flex-order:99999; order:99999 }

@media (min-width: 40em){
  .sm-flex{ display:-ms-flexbox; display:flex }
}

@media (min-width: 52em){
  .md-flex{ display:-ms-flexbox; display:flex }
}

@media (min-width: 64em){
  .lg-flex{ display:-ms-flexbox; display:flex }
}

.border{
  border-style:solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, .125);
}

.border-top{
  border-top-style:solid;
  border-top-width: 1px;
  border-top-color: rgba(0, 0, 0, .125);
}

.border-right{
  border-right-style:solid;
  border-right-width: 1px;
  border-right-color: rgba(0, 0, 0, .125);
}

.border-bottom{
  border-bottom-style:solid;
  border-bottom-width: 1px;
  border-bottom-color: rgba(0, 0, 0, .125);
}

.border-left{
  border-left-style:solid;
  border-left-width: 1px;
  border-left-color: rgba(0, 0, 0, .125);
}

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

.black{ color: #111111 }

.gray{ color: #AAAAAA }

.silver{ color: #DDDDDD }

.white{ color: #FFFFFF }

.aqua{ color: #7FDBFF }

.blue{ color: #0074D9 }

.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: #AAAAAA }

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

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

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

.bg-blue{ background-color: #0074D9 }

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

.bg-darken-1{ background-color: rgba(0, 0, 0, .0625) }

.bg-darken-2{ background-color: rgba(0, 0, 0, .125) }

.bg-darken-3{ background-color: rgba(0, 0, 0, .25) }

.bg-darken-4{ background-color: rgba(0,0,0,.5) }

.bg-lighten-1{ background-color: rgba(255,255,255,.0625) }

.bg-lighten-2{ background-color: rgba(255,255,255,.125) }

.bg-lighten-3{ background-color: rgba(255,255,255,.25) }

.bg-lighten-4{ background-color: rgba(255,255,255,.5) }