* {
  box-sizing: border-box;
}
body {
  margin: 0;
}
#if65{
  background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAH4AAABxCAIAAACcF4AKAAAAP0lEQVR4nO3BAQEAAACCIP+vbkhAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABwbqdLAAEPeVLgAAAAAElFTkSuQmCC');
  background-repeat:repeat;
  background-position:left top;
  background-attachment:scroll;
  background-size:auto;
}
.row{
  display:flex;
  justify-content:flex-start;
  align-items:stretch;
  flex-wrap:nowrap;
  padding:10px;
}
.cell{
  min-height:75px;
  flex-grow:1;
  flex-basis:100%;
}
.tooltip-component__body, [data-tooltip]::after{
  font-family:Helvetica, sans-serif;
  background:rgba(55, 61, 73, 0.95);
  border-radius:3px;
  bottom:100%;
  color:#fff;
  content:attr(data-tooltip);
  display:block;
  font-size:12px;
  left:50%;
  line-height:normal;
  max-width:32rem;
  opacity:0;
  overflow:hidden;
  padding:8px 16px;
  pointer-events:none;
  position:absolute;
  text-overflow:ellipsis;
  transform:translate(-50%, 0);
  transition:opacity 0.25s, transform 0.25s;
  white-space:nowrap;
  box-sizing:border-box;
  z-index:10;
}
[data-tooltip-visible=true]::after, [data-tooltip]:focus::after, [data-tooltip]:hover::after{
  opacity:1;
  transform:translate(-50%, -0.5rem);
}
[data-tooltip-pos=right]::after{
  bottom:50%;
  left:100%;
  transform:translate(0, 50%);
}
[data-tooltip-pos=right]:focus::after, [data-tooltip-pos=right]:hover::after, [data-tooltip-visible=true][data-tooltip-pos=right]::after{
  transform:translate(0.5rem, 50%);
}
[data-tooltip-pos=bottom]::after{
  bottom:auto;
  top:100%;
  transform:translate(-50%, 0);
}
[data-tooltip-pos=bottom]:focus::after, [data-tooltip-pos=bottom]:hover::after, [data-tooltip-visible=true][data-tooltip-pos=bottom]::after{
  transform:translate(-50%, 0.5rem);
}
[data-tooltip-pos=left]::after{
  bottom:50%;
  left:auto;
  right:100%;
  transform:translate(0, 50%);
}
[data-tooltip-pos=left]:focus::after, [data-tooltip-pos=left]:hover::after, [data-tooltip-visible=true][data-tooltip-pos=left]::after{
  transform:translate(-0.5rem, 50%);
}
[data-tooltip-length=small]::after{
  white-space:normal;
  width:80px;
}
[data-tooltip-length=medium]::after{
  white-space:normal;
  width:150px;
}
[data-tooltip-length=large]::after{
  white-space:normal;
  width:300px;
}
[data-tooltip-length=fit]::after{
  white-space:normal;
  width:100%;
}
// IE 11 bugfix
button[data-tooltip]{
  overflow:visible;
}
div.scrolling-limit{
  width:300px;
  height:20px;
  background-color:black;
  color:white;
  overflow:hidden;
  white-space:nowrap;
}
div.scrolling{
  position:relative;
  -webkit-animation:scroll 20s infinite linear;
  -moz-animation:scroll 20s infinite linear;
  -o-animation:scroll 20s infinite linear;
  animation:scroll 20s infinite linear;
}
#ia6g{
  padding:10px;
  color:white;
  font-family:Courier New, Courier, monospace;
}
button{
  margin:2vw;
  padding:1vw 2vw;
  font-family:'Lato', sans-serif;
  font-weight:500;
  cursor:pointer;
  transition:500ms;
  display:inline-block;
  box-shadow:none;
  outline:none;
  border:none;
  border-radius:1vw;
  outline-color:#ffffff;
  border-color:#ffffff;
}
.btn-1{
  background:#000000;
  border:solid;
  border-color:#ffffff;
  color:#ffffff;
}
.btn-1:hover{
  background:#ffffff;
  border:solid;
  border-color:#ffffff;
  color:#000000;
}
.btn-2{
  background:#000000;
  border:solid;
  border-color:#ffffff;
  color:#ffffff;
}
.btn-2:hover{
  background:#ffffff;
  border:solid;
  border-color:#ffffff;
  color:#000000;
}
#ini7{
  right:0;
}
@media scroll{
  0%{
    left:500px;
  }
  100%{
    left:-950px;
  }
  0%{
    left:500px;
  }
  100%{
    left:-950px;
  }
}
@media (max-width: 768px){
  .row{
    flex-wrap:wrap;
  }
}