/* Credit to Jan Egil and Borge Refsnes for which this is based off of. */
/* Also, if you're reading this: Hello buddy. */

html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html{
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%
}
header,menu{
  display:block;
}
nav{display:block;
z-index:10!important;}
a{
  background-color:transparent
}
a:active,a:hover{
  outline-width:0
}
strong{
  font-weight:bolder
}
small{
  font-size:80%
}
img{
  border-style:none
}
button,input{
  font:inherit;
  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
}
::-webkit-file-upload-button{
  -webkit-appearance:button;
  font:inherit
}
html{
  overflow-x:hidden
}
.wide{
  letter-spacing:4px
}
.image{
  max-width:100%;
  height:auto
}
img{
  vertical-align:middle
}
a{
  color:inherit
}
.btn,.button{
  border:none;
  display:inline-block;
  padding:8px 16px;
  vertical-align:middle;
  overflow:hidden;
  text-decoration:none;
  color:inherit;
  background-color:inherit;
  text-align:center;
  cursor:pointer;
  white-space:nowrap
}
.btn:hover{
  box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)
}
.btn,.button{
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}
.btn:disabled,.button:disabled{
  cursor:not-allowed;
  opacity:0.3
}
:disabled *{
  pointer-events:none
}
.btn:disabled:hover{
  box-shadow:none
}
.input{
  padding:8px;
  display:block;
  border:none;
  border-bottom:1px solid #ccc;
  width:100%
}
.sidebar{
  height:100%;
  width:200px;
  background-color:#fff;
  position:fixed!important;
  z-index:1;
  overflow:auto
}
.bar{
  width:100%;
  overflow:hidden
}
.center .bar{
  display:inline-block;
  width:auto
}
.bar .bar-item{
  padding:8px 16px;
  float:left;
  width:auto;
  border:none;
  display:block;
  outline:0;
  background-color: transparent
}
.bar .button{
  white-space:normal
}
.bar-block .bar-item{
  width:100%;
  display:block;
  padding:8px 16px;
  text-align:left;
  border:none;
  white-space:normal;
  float:none;
  outline:0
}
.bar-block.center .bar-item{
  text-align:center
}
.block{
  display:block;
  width:100%
}
.row:after,.row:before,.bar:before,.bar:after{
  content:"";
  display:table;
  clear:both
}
.content,.auto{
  margin-left:auto;
  margin-right:auto
}
.content{
  max-width:980px
}
.auto{
  max-width:1140px
}
@media (max-width:1205px){
  .auto{
      max-width:95%
  }
}
@media (max-width:600px){
   .hide-small{
      display:none!important
  }
}
@media (min-width:993px){
  .hide-large{
      display:none!important
  }
}
@media (max-width:992px) and (min-width:601px){
  .hide-medium{
      display:none!important
  }
}
@media (max-width:992px){
  .auto{
      max-width:100%
  }
}
.top{
  position:fixed;
  width:100%;
  z-index:1
}
.top{
  top:0
}
@keyframes animate {
   0% {
       background-position: 0% 50%;
  }
   50% {
       background-position: 100% 50%;
  }
   100% {
       background-position: 0% 50%;
  }
}

@keyframes fading{
  0%{
      opacity:0
  }
  50%{
      opacity:1
  }
  100%{
      opacity:0
  }
}
@keyframes opac{
  from{
      opacity:0
  }
   to{
      opacity:1
  }
}
@keyframes animatetop{
  from{
      top:-300px;
      opacity:0
  }
   to{
      top:0;
      opacity:1
  }
}
.animate-left{
  position:relative;
  animation:animateleft 0.4s
}
@keyframes animateleft{
  from{
      left:-300px;
      opacity:0
  }
   to{
      left:0;
      opacity:1
  }
}
@keyframes animateright{
  from{
      right:-300px;
      opacity:0
  }
   to{
      right:0;
      opacity:1
  }
}
@keyframes animatebottom{
  from{
      bottom:-300px;
      opacity:0
  }
   to{
      bottom:0;
      opacity:1
  }
}
@keyframes animatezoom{
  from{
      transform:scale(0)
  }
   to{
      transform:scale(1)
  }
}
.hover-opacity:hover{
  opacity:0.60
}
.small{
  font-size:12px!important
}
.large{
  font-size:18px!important
}
.center{
  text-align:center!important
}
.code{
  margin-top:16px!important;
  margin-bottom:16px!important
}
.margin{
  margin:16px!important
}
.padding{
  padding:8px 16px!important
}
.padding-16{
  padding-top:16px!important;
  padding-bottom:16px!important
}
.right{
  float:right!important
}
.button:hover{
  color:#000!important;
  background-color:#ccc!important
}
/* Colors */
.white{
  color:rgb(255, 255, 255)!important;
  background: rgba( 0, 0, 0, 0.8 );
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.57);
  backdrop-filter: blur( 9px );
  border: 1px solid rgba(0, 0, 0, 0.18)!important
}
.black{
  color:#fff!important;
  background-color:#000!important
}
.text-white{
  color:#fff!important
}
.text-grey{
  color:#757575!important
}