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


/* General Stuff which needs to be available on all pages */

body{
	border: 0px !important;
	padding: 0px !important;
	margin: 0px !important;
}

.dragless{
	user-drag: none; 
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	pointer-events: none;
}

.h1{ font-size: 2rem !important; }
.h2{ font-size: 1.5rem !important; }
.h3{ font-size: 1.25rem !important; }
.h4{ font-size: 1rem !important; }
.h5{ font-size: .875rem !important; }
.h6{ font-size: .75rem !important; }

.font-family-inherit{ font-family:inherit }
.font-size-inherit{ font-size:inherit }
.text-decoration-none{ text-decoration:none }

.bold{ font-weight: bold !important;}
.bolder{ font-weight: 500 !important;}

.regular{ font-weight:normal !important; }
.italic{ font-style:italic !important; }
.caps{ text-transform:uppercase !important; letter-spacing: .2em !important; }

.left-align{ text-align:left !important }
.center{ text-align:center !important }
.right-align{ text-align:right !important }
.justify{ text-align:justify !important }

.nowrap{ white-space:nowrap }
.break-word{ word-wrap:break-word }

.line-height-1{ line-height: 1 !important }
.line-height-2{ line-height: 1.125 !important }
.line-height-3{ line-height: 1.25 !important }
.line-height-4{ line-height: 1.5 !important }

.list-style-none{ list-style:none !important }
.underline{ text-decoration:underline !important }

.truncate{
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

.list-reset{
  list-style:none !important;
  padding-left:0 !important;
}

.inline{ display:inline !important }
.block{ display:block !important }
.inline-block{ display:inline-block !important }
.table{ display:table !important }
.table-cell{ display:table-cell !important }


.flex{ display: flex !important }
.flex-row{
	flex-direction: row !important;
}
.flex-col{
	flex-direction: column !important;
}

.row-reverse{
	flex-direction: row-reverse !important;
}

.col-reverse{
	flex-direction: column-reverse !important;
}



.overflow-hidden{ overflow:hidden !important }
.overflow-scroll{ overflow:scroll !important }
.overflow-auto{ overflow:auto !important }

.clearfix:before,
.clearfix:after{
  content:" " !important;
  display:table
}
.clearfix:after{ clear:both }

.left{ float:left !important }
.right{ float:right !important }
.fit{ max-width:100% }

.max-width-1{ max-width: 24rem !important }
.max-width-2{ max-width: 32rem !important }
.max-width-3{ max-width: 48rem !important }
.max-width-4{ max-width: 64rem !important }

.border-box{ box-sizing:border-box }

.align-baseline{ vertical-align:baseline !important }
.align-top{ vertical-align:top !important }
.align-middle{ vertical-align:middle !important }
.align-bottom{ vertical-align:bottom !important }

.m0{ margin:0 !important }
.mt0{ margin-top:0 !important }
.mr0{ margin-right:0 !important }
.mb0{ margin-bottom:0 !important }
.ml0{ margin-left:0 !important }
.mx0{ margin-left:0 !important; margin-right:0 !important; }
.my0{ margin-top:0 !important; margin-bottom:0 !important; }

.m-1{ margin: .25rem !important }
.mt1{ margin-top: .25rem !important }
.mr1{ margin-right: .25rem !important }
.mb1{ margin-bottom: .25rem !important }
.ml1{ margin-left: .25rem !important; }
.mx1{ margin-left: .25rem !important; margin-right: .25rem !important; }
.my1{ margin-top: .25rem !important; margin-bottom: .25rem !important; }

.m-2{ margin: .75rem !important }
.mt2{ margin-top: .75rem !important }
.mr2{ margin-right: .75rem !important }
.mb2{ margin-bottom: .75rem !important }
.ml2{ margin-left: .75rem !important }
.mx2{ margin-left: .75rem !important; margin-right: .75rem !important; }
.my2{ margin-top: .75rem !important; margin-bottom: .75rem !important; }

.m-3{ margin: 1.25rem !important }
.mt3{ margin-top: 1.25rem !important }
.mr3{ margin-right: 1.25rem !important }
.mb3{ margin-bottom: 1.25rem !important }
.ml3{ margin-left: 1.25rem !important }
.mx3{ margin-left: 1.25rem !important; margin-right: 1.25rem !important; }
.my3{ margin-top: 1.25rem !important; margin-bottom: 1.25rem !important; }

.m-4{ margin: 2rem !important }
.mt4{ margin-top: 2rem !important }
.mr4{ margin-right: 2rem !important }
.mb4{ margin-bottom: 2rem !important }
.ml4{ margin-left: 2rem !important }
.mx4{ margin-left: 2rem !important; margin-right: 2rem !important; }
.my4{ margin-top: 2rem !important; margin-bottom: 2rem !important; }

.m-5{ margin: 3.5rem !important }
.mt5{ margin-top: 3.5rem !important }
.mr5{ margin-right: 3.5rem !important }
.mb5{ margin-bottom: 3.5rem !important }
.ml5{ margin-left: 3.5rem !important }
.mx5{ margin-left: 3.5rem !important; margin-right: 3.5rem !important; }
.my5{ margin-top: 3.5rem !important; margin-bottom: 3.5rem !important; }

.m-6{ margin: 5rem !important }
.mt6{ margin-top: 5rem !important }
.mr6{ margin-right: 5rem !important }
.mb6{ margin-bottom: 5rem !important }
.ml6{ margin-left: 5rem !important }
.mx6{ margin-left: 5rem !important; margin-right: 5rem !important; }
.my6{ margin-top: 5rem !important; margin-bottom: 5rem !important; }

.mxn1{ margin-left: -.5rem !important; margin-right: -.5rem !important; }
.mxn2{ margin-left: -1rem !important; margin-right: -1rem !important; }
.mxn3{ margin-left: -2rem !important; margin-right: -2rem !important; }
.mxn4{ margin-left: -3rem !important; margin-right: -3rem !important; }

.mtn1{ margin-top: -.5rem !important }
.mtn2{ margin-top: -1rem !important }
.mtn3{ margin-top: -2rem !important }
.mtn4{ margin-top: -3rem !important }
.mtn5{ margin-top: -6rem !important }
.mtn6{ margin-top: -8rem !important }
.mtn7{ margin-top: -10rem !important }
.mtn8{ margin-top: -12rem !important }

.mrn1{ margin-right: -.5rem !important; }
.mrn2{ margin-right: -1rem !important; }
.mrn3{ margin-right: -2rem !important;  }
.mrn4{ margin-right: -3rem !important;  }

.mbn1{ margin-bottom: -.5rem !important; }
.mbn2{ margin-bottom: -1rem !important; }
.mbn3{ margin-bottom: -2rem !important; }
.mbn4{ margin-bottom: -3rem !important; }

.mln1{ margin-left: -.5rem !important;  }
.mln2{ margin-left: -1rem !important;  }
.mln3{ margin-left: -2rem !important;  }
.mln4{ margin-left: -3rem !important;  }

.ml-auto{ margin-left:auto !important }
.mr-auto{ margin-right:auto !important }
.mx-auto{ margin-left:auto !important; margin-right:auto !important; }
.my-auto{ margin-top: auto !important; margin-bottom: auto !important; }

.p0{ padding:0 !important }
.pt0{ padding-top:0 !important }
.pr0{ padding-right:0 !important }
.pb0{ padding-bottom:0 !important }
.pl0{ padding-left:0 !important }
.px0{ padding-left:0 !important; padding-right:0 !important; }
.py0{ padding-top:0 !important;  padding-bottom:0 !important; }

.p1{ padding: .5rem !important }
.pt1{ padding-top: .5rem !important }
.pr1{ padding-right: .5rem !important }
.pb1{ padding-bottom: .5rem !important }
.pl1{ padding-left: .5rem !important }
.py1{ padding-top: .5rem !important; padding-bottom: .5rem !important; }
.px1{ padding-left: .5rem !important; padding-right: .5rem !important; }

.p2{ padding: 1rem !important }
.pt2{ padding-top: 1rem !important }
.pr2{ padding-right: 1rem !important }
.pb2{ padding-bottom: 1rem !important }
.pl2{ padding-left: 1rem !important }
.py2{ padding-top: 1rem !important; padding-bottom: 1rem !important; }
.px2{ padding-left: 1rem !important; padding-right: 1rem !important; }

.p3{ padding: 2rem !important }
.pt3{ padding-top: 2rem !important }
.pr3{ padding-right: 2rem !important }
.pb3{ padding-bottom: 2rem !important }
.pl3{ padding-left: 2rem !important }
.py3{ padding-top: 2rem !important; padding-bottom: 2rem !important; }
.px3{ padding-left: 2rem !important; padding-right: 2rem !important; }

.p4{ padding: 3rem !important }
.pt4{ padding-top: 3rem !important }
.pr4{ padding-right: 3rem !important }
.pb4{ padding-bottom: 3rem !important }
.pl4{ padding-left: 3rem !important }
.py4{ padding-top: 3rem !important; padding-bottom: 3rem !important; }
.px4{ padding-left: 3rem !important; padding-right: 3rem !important; }

.p5{ padding: 4rem !important }
.pt5{ padding-top: 4rem !important }
.pr5{ padding-right: 4rem !important }
.pb5{ padding-bottom: 4rem !important }
.pl5{ padding-left: 4rem !important }
.py5{ padding-top: 4rem !important; padding-bottom: 4rem !important; }
.px5{ padding-left: 4rem !important; padding-right: 4rem !important; }

.p6{ padding: 5rem !important }
.pt6{ padding-top: 5rem !important }
.pr6{ padding-right: 5rem !important }
.pb6{ padding-bottom: 5rem !important }
.pl6{ padding-left: 5rem !important }
.py6{ padding-top: 5rem !important; padding-bottom: 5rem !important; }
.px6{ padding-left: 5rem !important; padding-right: 5rem !important; }

.valign-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 40em){

  .sm-col{
    float:left;
    box-sizing:border-box !important;
  }

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

  .sm-col-1{
    width:8.33333% !important;
  }

  .sm-col-2{
    width:16.66667% !important;
  }

  .sm-col-3{
    width:25% !important;
  }

  .sm-col-4{
    width:33.33333% !important;
  }

  .sm-col-5{
    width:41.66667% !important;
  }

  .sm-col-6{
    width:50% !important;
  }

  .sm-col-7{
    width:58.33333% !important;
  }

  .sm-col-8{
    width:66.66667% !important;
  }

  .sm-col-9{
    width:75% !important;
  }

  .sm-col-10{
    width:83.33333% !important;
  }

  .sm-col-11{
    width:91.66667% !important;
  }

  .sm-col-12{
    width:100% !important;
  }

}
@media (min-width: 52em){

  .md-col{
    float:left;
    box-sizing:border-box !important;
  }

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

  .md-col-1{
    width:8.33333% !important;
  }

  .md-col-2{
    width:16.66667% !important;
  }

  .md-col-3{
    width:25% !important;
  }

  .md-col-4{
    width:33.33333% !important;
  }

  .md-col-5{
    width:41.66667% !important;
  }

  .md-col-6{
    width:50% !important;
  }

  .md-col-7{
    width:58.33333% !important;
  }

  .md-col-8{
    width:66.66667% !important;
  }

  .md-col-9{
    width:75% !important;
  }

  .md-col-10{
    width:83.33333% !important;
  }

  .md-col-11{
    width:91.66667% !important;
  }

  .md-col-12{
    width:100% !important;
  }

}
@media (min-width: 64em){

  .lg-col{
    float:left;
    box-sizing:border-box !important;
  }

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

  .lg-col-1{
    width:8.33333% !important;
  }

  .lg-col-2{
    width:16.66667% !important;
  }

  .lg-col-3{
    width:25% !important;
  }

  .lg-col-4{
    width:33.33333% !important;
  }

  .lg-col-5{
    width:41.66667% !important;
  }

  .lg-col-6{
    width:50% !important;
  }

  .lg-col-7{
    width:58.33333% !important;
  }

  .lg-col-8{
    width:66.66667% !important;
  }

  .lg-col-9{
    width:75% !important;
  }

  .lg-col-10{
    width:83.33333% !important;
  }

  .lg-col-11{
    width:91.66667% !important;
  }

  .lg-col-12{
    width:100% !important;
  }

}

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

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

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

.flex-wrap{ -webkit-flex-wrap:wrap !important; -ms-flex-wrap:wrap !important; 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 !important; -webkit-align-items:flex-end !important; -ms-flex-align:end !important; -ms-grid-row-align:flex-end !important; align-items:flex-end }
.items-center{ -webkit-box-align:center !important; -webkit-align-items:center !important; -ms-flex-align:center !important; -ms-grid-row-align:center !important; align-items:center }
.items-baseline{ -webkit-box-align:baseline !important; -webkit-align-items:baseline !important; -ms-flex-align:baseline !important; -ms-grid-row-align:baseline !important; align-items:baseline }
.items-stretch{ -webkit-box-align:stretch !important; -webkit-align-items:stretch !important; -ms-flex-align:stretch !important; -ms-grid-row-align:stretch !important; 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 !important; -ms-flex-item-align:end !important; align-self:flex-end }
.self-center{ -webkit-align-self:center !important; -ms-flex-item-align:center !important; align-self:center }
.self-baseline{ -webkit-align-self:baseline !important; -ms-flex-item-align:baseline !important; align-self:baseline }
.self-stretch{ -webkit-align-self:stretch !important; -ms-flex-item-align:stretch !important; 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 !important; -webkit-justify-content:flex-end !important; -ms-flex-pack:end !important; justify-content:flex-end }
.justify-center{ -webkit-box-pack:center !important; -webkit-justify-content:center !important; -ms-flex-pack:center !important; justify-content:center }
.justify-between{ -webkit-box-pack:justify !important; -webkit-justify-content:space-between !important; -ms-flex-pack:justify !important; justify-content:space-between }
.justify-around{ -webkit-justify-content:space-around !important; -ms-flex-pack:distribute !important; 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 !important; -ms-flex-line-pack:end !important; align-content:flex-end }
.content-center{ -webkit-align-content:center !important; -ms-flex-line-pack:center !important; align-content:center }
.content-between{ -webkit-align-content:space-between !important; -ms-flex-line-pack:justify !important; align-content:space-between }
.content-around{ -webkit-align-content:space-around !important; -ms-flex-line-pack:distribute !important; align-content:space-around }
.content-stretch{ -webkit-align-content:stretch !important; -ms-flex-line-pack:stretch !important; align-content:stretch }
.flex-auto{
  -webkit-box-flex:1 !important;
  -webkit-flex:1 1 auto !important;
      -ms-flex:1 1 auto !important;
          flex:1 1 auto !important;
  min-width:0 !important;
  min-height:0 !important;
}
.flex-none{ -webkit-box-flex:0 !important; -webkit-flex:none !important; -ms-flex:none !important; flex:none }

.order-0{ -webkit-box-ordinal-group:1 !important; -webkit-order:0 !important; -ms-flex-order:0 !important; order:0 }
.order-1{ -webkit-box-ordinal-group:2 !important; -webkit-order:1 !important; -ms-flex-order:1 !important; order:1 }
.order-2{ -webkit-box-ordinal-group:3 !important; -webkit-order:2 !important; -ms-flex-order:2 !important; order:2 }
.order-3{ -webkit-box-ordinal-group:4 !important; -webkit-order:3 !important; -ms-flex-order:3 !important; order:3 }
.order-last{ -webkit-box-ordinal-group:100000 !important; -webkit-order:99999 !important; -ms-flex-order:99999 !important; order:99999 }

.relative{ position:relative !important; }
.absolute{ position:absolute !important; }
.fixed{ position:fixed !important; }

.top-0{ top:0 !important; }
.right-0{ right:0 !important; }
.bottom-0{ bottom:0 !important; }
.left-0{ left:0 !important; }

.top-1{ top:15px !important; }
.right-1{ right:15px !important; }
.bottom-1{ bottom:15px !important; }
.left-1{ left:15px !important; }

.top-2{ top:30px !important; }
.right-2{ right:30px !important; }
.bottom-2{ bottom:30px !important; }
.left-2{ left:30px !important; }

.top-3{ top:60px !important; }
.right-3{ right:60px !important; }
.bottom-3{ bottom:60px !important; }
.left-3{ left:60px !important; }

.top-4{ top:90px !important; }
.right-4{ right:90px !important; }
.bottom-4{ bottom:90px !important; }
.left-4{ left:90px !important; }

.top-5{ top:120px !important; }
.right-5{ right:120px !important; }
.bottom-5{ bottom:120px !important; }
.left-5{ left:120px !important; }

.top-6{ top:150px !important; }
.right-6{ right:150px !important; }
.bottom-6{ bottom:150px !important; }
.left-6{ left:150px !important; }

.z0{ z-index: 0 !important; }
.z1{ z-index: 1 !important; }
.z2{ z-index: 2 !important; }
.z3{ z-index: 3 !important; }
.z4{ z-index: 4 !important; }
.z5{ z-index: 5 !important; }
.z6{ z-index: 6 !important; }

.border{
  border-style:solid !important;
  border-width: 1px !important;
}

.border-top{
  border-top-style:solid !important;
  border-top-width: 1px !important;
}

.border-right{
  border-right-style:solid !important;
  border-right-width: 1px !important;
}

.border-bottom{
  border-bottom-style:solid !important;
  border-bottom-width: 1px !important;
}

.border-left{
  border-left-style:solid !important;
  border-left-width: 1px !important;
}

.border-none{ border:0 }


.bw1{
	border-width: 1px !important;
}

.bw2{
	border-width: 2px !important;
}

.bw3{
	border-width: 3px !important;
}

.bw4{
	border-width: 4px !important;
}



.rounded1{ border-radius: 5px !important; }
.rounded2{ border-radius: 10px !important; }
.rounded3{ border-radius: 20px !important; }
.rounded4{ border-radius: 25px !important; }

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

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

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


/* hidden classes */

.d-none{ 
	display:none !important;
}

.hidden{
	visibility: hidden !important;
}

/* hidden classes */



/* Widths */

.w25{
	width: 25% !important;
}

.w50{
	width: 50% !important;
}

.w75{
	width: 75% !important;
}

.w100{
	width: 100% !important;
}

/* Widths */

/* Fonts */

.font1{
	font-size: .5em !important;
}
.font2{
	font-size: .84em !important;
}

.font3{
	font-size: 1em !important;
}

.font4{
	font-size: 1.125em !important;
}

.font5{
	font-size: 1.35em !important;
}

.font6{
	font-size: 1.6em !important;
}

.font7{
	font-size: 2em !important;
}

.font8{
	font-size: 2.5em !important;
}

.font9{
	font-size: 3em !important;
}

/* Fonts */


/* Fonts */
.inside{
	list-style-position: inside !important;
}
/* Fonts */




/* Cursor styles */

.pointer{
	cursor: pointer !important;
}

.default{
	cursor: default !important;
}


/* Cursor styles */