@charset "UTF-8";
html{
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}
body{
    margin: 0;
}
h1{
    font-size: 2em;
    margin: 0.67em 0;
}
hr{
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
img{
    border-style: none;
}
button,
input,
textarea{
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
button,
input{
    overflow: visible;
}
button{
    text-transform: none;
}
button,
[type="button"],
[type="submit"]{
    -webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner{
    border-style: none;
    padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="submit"]:-moz-focusring{
    outline: 1px dotted ButtonText;
}
textarea{
overflow: auto;
}
::-webkit-file-upload-button{
-webkit-appearance: button;
font: inherit;
}
button,img{
border:0
}
body,
button{
 padding:0
}
h1,
h3,
h5,
p{
 text-rendering:optimizeLegibility
}
html{
 font-family:sans-serif;
 -ms-text-size-adjust:100%;
 -webkit-text-size-adjust:100%
}
a:active,
a:hover{
 outline:0
}
.button,
img{
 vertical-align:middle
}
img{
 max-width:100%;
 height:auto;
 -ms-interpolation-mode:bicubic;
 display:inline-block
}
textarea{
 overflow:auto
}
button,
input,
textarea{
 color:inherit;
 font:inherit;
 margin:0
}
a{
 line-height:inherit
}
p,
ul{
 line-height:1.6
}
button{
 overflow:visible
}
button{
 text-transform:none
}
button,
input[type=submit]{
 -webkit-appearance:button;
 cursor:pointer
}
button::-moz-focus-inner,
input::-moz-focus-inner{
 border:0;
 padding:0
}
input{
 line-height:normal
}
body,
h1,
h3,
h5{
 font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
 font-weight:400
}
body,
html{
 font-size:100%;
 box-sizing:border-box
}
*,
:after,
:before{
 box-sizing:inherit
}
body{
 margin:0;
 line-height:1.5;
 color:aliceblue;
 background:#fefefe;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale
}
button{
 -webkit-appearance:none;
 -moz-appearance:none;
 background:0 0;
 border-radius:0;
 line-height:1
}
.row{
 margin-left:auto;
 margin-right:auto
}
.row::after,
.row::before{
 content:' ';
 display:table
}
.row::after{
 clear:both
}
.column,
.columns{
 width:100%;
 padding-left:.9375rem;
 padding-right:.9375rem;
}/*
.column:last-child,
.columns:last-child{
 float:right
}/*
.column.row{
 float:none
}*/
.small-up-2 .column{
 width:50%;
 float:left
}
.small-up-2 .column:nth-of-type(1n){
 clear:none
}
.small-up-2 .column:nth-of-type(2n+1){
 clear:both
}
@media screen and (min-width:40em){
 .medium-6{
  width:50%
 }
 .medium-up-3 .column{
  width:33.33333%;
  float:left
 }
 .medium-up-3 .column:nth-of-type(1n){
  clear:none
 }
 .medium-up-3 .column:nth-of-type(3n+1){
  clear:both
 }
}
@media screen and (min-width:64em){
 .large-up-4 .column{
  width:25%;
  float:left
 }
 .large-up-4 .column:nth-of-type(1n){
  clear:none
 }
 .large-up-4 .column:nth-of-type(4n+1){
  clear:both
 }
}
.off-canvas-wrapper-inner::after,
.title-bar::after,
hr{
 clear:both
}
ul{
 margin-left:1.25rem
}
div,
h1,
h3,
h5,
li,
p,
ul{
 margin:0;
 padding:0
}
p,
ul{
 margin-bottom:1rem
}
p{
 font-size:inherit
}
h1,
h3,
h5{
 font-style:normal;
 color:inherit;
 margin-top:0;
 margin-bottom:.5rem;
 line-height:1.4
}
h1{
 font-size:1.5rem
}
h3{
 font-size:1.1875rem
}
h5{
 font-size:1.0625rem
}
@media screen and (min-width:40em){
 h1{
  font-size:3rem
 }
 h3{
  font-size:1.9375rem
 }
 h5{
  font-size:1.25rem
 }
}
a{
 background-color:transparent;
 color:inherit;
 text-decoration:none;
 cursor:pointer
}
a img{
 border:0;
}
hr{
 box-sizing:content-box;
 max-width:75rem;
 height:0;
 border-top:0;
 border-bottom:1px solid #cacaca;
 margin:1rem auto
}
ul{
 list-style-position:outside
}
ul{
 list-style-type:disc
}
.menu{
 list-style-type:none
}
label{
 font-weight:400
}
.lead{
 font-size:125%;
 line-height:1.6
}
.button{
 line-height:1
}
@media print{
 img{
  page-break-inside:avoid
 }
 *{
  background:0 0!important;
  color:#000!important;
  box-shadow:none!important;
  text-shadow:none!important
 }
 a,
 a:visited{
  text-decoration:underline
 }
 a[href]:after{
  content:" (" attr(href) ")"
 }
 img{
  max-width:100%!important
 }
 @page{
  margin:.5cm
 }
 h3,
 p{
  orphans:3;
  widows:3
 }
 h3{
  page-break-after:avoid
 }
}
.button{
 display:inline-block;
 text-align:center;
 cursor:pointer;
 -webkit-appearance:none;
 transition:all .25s ease-out;
 border:1px solid transparent;
 border-radius:0;
 padding:.85em 1em;
 margin:0 1rem 1rem 0;
 font-size:.9rem;
 background:#2199e8;
 color:#fff
}
.button:focus,
.button:hover{
 background:#1583cc;
 color:#fff
}
.button.expanded{
 display:block;
 width:100%;
 margin-left:0;
 margin-right:0
}
[type=text],
textarea{
 display:block;
 box-sizing:border-box;
 width:100%;
 height:2.4375rem;
 padding:.5rem;
 border:1px solid #cacaca;
 margin:0 0 1rem;
 font-family:inherit;
 font-size:1rem;
 color:#8a8a8a;
 background-color:#fefefe;
 box-shadow:inset 0 1px 2px rgba(10,10,10,.1);
 border-radius:0;
 transition:box-shadow .5s,border-color .25s ease-in-out;
 -webkit-appearance:none;
 -moz-appearance:none
}
[type=text]:focus,
textarea:focus{
 border:1px solid #8a8a8a;
 background:#fefefe;
 outline:0;
 box-shadow:0 0 5px #cacaca;
 transition:box-shadow .5s,border-color .25s ease-in-out
}
textarea{
 min-height:50px;
 max-width:100%
}
input:disabled,
textarea:disabled{
 background-color:#e6e6e6;
 cursor:default
}
[type=button],
[type=submit]{
 border-radius:0;
 -webkit-appearance:none;
 -moz-appearance:none
}
label{
 display:block;
 margin:0;
 font-size:.875rem;
 line-height:1.8;
 color:#0a0a0a
}
.is-invalid-input:not(:focus){
 background-color:rgba(236,88,64,.1);
 border-color:#ec5840
}
@media screen and (min-width:64em){
 .hide-for-large{
  display:none!important
 }
}
.callout{
 margin:0 0 .5rem;
 padding:1rem;
 border:1px solid rgba(10,10,10,.25);
 border-radius:0;
 position:relative;
 background-color:#fff
}
.callout>:first-child{
 margin-top:0
}
.callout>:last-child{
 margin-bottom:0
}
.callout.primary{
 background-color:#def0fc;
}
.media-object-section:last-child:not(+&:first-child){
 padding-left:1rem
}
.menu>li{
 vertical-align:middle
}
.menu{
 margin:0
}
.menu>li>a{
 display:block;
 padding:0;
 line-height:1
}
.menu a{
 margin-bottom:0
}
.menu>li{
 display:table-cell
}
body,
html{
 height:100%
}
.off-canvas-wrapper{
 width:100%;
 overflow-x:hidden;
 position:relative;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden;
 -webkit-overflow-scrolling:touch
}
.off-canvas-wrapper-inner{
 position:relative;
 width:100%;
 transition:-webkit-transform .5s ease;
 transition:transform .5s ease
}
.off-canvas-wrapper-inner::after,
.off-canvas-wrapper-inner::before{
 content:' ';
 display:table
}
.off-canvas-content{
 min-height: max(658px, 100vh); /*left tab height and page back-color*/
 background:rgb(52, 88, 52);
 transition:-webkit-transform .5s ease;
 transition:transform .5s ease;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden;
 z-index:1;
 box-shadow:0 0 10px rgba(10,10,10,.5)
}
.js-off-canvas-exit{
    display:none;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(254,254,254,.25);
    cursor:pointer;
    transition:background .5s ease
}
.is-off-canvas-open .js-off-canvas-exit{
 display:block
}
.off-canvas{
 position:absolute;
 background:#e6e6e6;
 min-height:100%;
 -webkit-transform:translateX(0);
 -ms-transform:translateX(0);
 transform:translateX(0)
}
.off-canvas.position-left{
 left:-250px;
 top:0;
 width:250px
}
.is-open-left{
    -webkit-transform:translateX(250px);
    -ms-transform:translateX(250px);
    transform:translateX(250px)
}
@media screen and (min-width:64em){
 .position-left.reveal-for-large{
  left:0
 }
 .position-left.reveal-for-large~.off-canvas-content{
  margin-left:250px
 }
}
.title-bar-title{
 font-weight:700
}
.title-bar-left{
 float:left
}
/*/////////////////////////////////////////////////////////////////////////////////////*/
.thumbnail{
 border:4px solid #fefefe;
 box-shadow:0 0 0 1px rgba(10,10,10,.2);
 display:inline-block;
 line-height:0;
 width:128px;
 transition:box-shadow .2s ease-out;
 border-radius:0;
 margin-bottom:1rem
}
.thumbnail:focus,
.thumbnail:hover{
 box-shadow:0 0 6px 1px rgba(33,153,232,.5)
}
.title-bar{
 background:#0a0a0a;
 color:#fefefe;
 padding:.5rem
}
.title-bar::after,
.title-bar::before{
 content:' ';
 display:table
}
.menu-icon.dark::after,
.menu-icon::after{
 content:'';
 top:0;
 left:0
}
.menu-icon,
.title-bar-title{
 display:inline-block;
 vertical-align:middle
}
.title-bar .menu-icon{
 margin-left:.25rem;
 margin-right:.5rem
}
.menu-icon{
 position:relative;
 cursor:pointer;
 width:20px;
 height:16px
}
.menu-icon::after{
 position:absolute;
 display:block;
 width:100%;
 height:2px;
 background:#fff;
 box-shadow:0 7px 0 #fff,0 14px 0 #fff
}
.menu-icon:hover::after{
 background:#cacaca;
 box-shadow:0 7px 0 #cacaca,0 14px 0 #cacaca
}

.menu-icon.dark{
    position:relative;
    display:inline-block;
    vertical-align:middle;
    cursor:pointer;
    width:20px;
    height:16px
   }
   .menu-icon.dark::after{
    position:absolute;
    display:block;
    width:100%;
    height:2px;
    background:#000;
    box-shadow:0 7px 0 #000,0 14px 0 #000
   }
   .menu-icon.dark:hover::after{
    background:#666;
    box-shadow:0 7px 0 #666,0 14px 0 #666
   }
   
.hide-for-large{
    width: 100%;
    height: 2.5rem;
    position: fixed;
    top: 0;
    z-index: 1;
}
@media screen and (max-width:63.9375em){
    .off-canvas-content{
        padding: 3rem 0 0;
    }
}

#left-tab{
    padding: 0;
    border-radius: 1rem;
    text-align: center;
}
.left-tab-text{
    padding: .9375rem;
    border-radius: 1rem;
}
.navbar{
    background-color: #333;
}
.barItem{
    display: block;
    padding: .7em;
}
.barItem:hover{
    background-color: rgb(37, 37, 37);
}
#active{
    background-color: rgb(126, 255, 212);
    color: rgb(43, 71, 71);
}
#active:hover{
    background-color: rgb(93, 188, 157);
}