#kanal {
background-color: #d1d1d1; 
width: 100%; 
height: 100%;  
margin: 0; 
padding:0;
display: inline-block;
position: fixed;
top: 0; 
left: 0;
}

input {
  width: 100%;
  float: left;
  height: 25px;
  margin-top: 5px;
  text-align: left;
  text-indent: 5px;
  font-size: 12.6pt;
  border-radius: 5px;
  border: solid 1.5px #D3D3D3;
  -webkit-transition: 1s; /* Safari */
  transition: 1s;
}

input, textarea {
  background-color: #d1d1d1;
}
input[type=text]:hover{
  box-shadow: 0 0 5pt 0.5pt #D3D3D3;
}
input[type=text]:focus {
  box-shadow: 0 0 5pt 2pt #D3D3D3;
  outline-width: 0px;
}

button {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  margin: 8px 0px; 
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);

}

button:hover {
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

.alert {
  background-color: tomato;
  color: white;
  border: 2px solid black;
  padding: 20px;
  width: 20%;
  margin: auto;
  margin-top: 30px;
  text-align: center;
}  


.o-channels-list{position:relative;list-style-type:none}.o-channels-list:after{visibility:hidden;display:block;content:"";clear:both;height:0}.o-channels-list .o-channels-list-li{position:relative;float:left;width:70px;margin:0px -1px -1px 0;background:#fff;border:1px solid #bec9d7;z-index:18}.o-channels-list .o-channels-list-li:hover{border-color:#036;z-index:25}.o-channels-list .o-channels-list-li.active{z-index:60;border:0px}.o-channels-list .o-channels-list-li.active .o-channels-list-info{display:block}.o-channels-list .o-channels-list-a,.o-channels-list .o-channels-list-a-link,.o-channels-list .o-channels-list-a-tv{position:relative;display:block;height:70px}.o-channels-list .o-channels-list-info{display:none;position:absolute;width:1236px;left:0px;padding:25px 20px;background:#fff}.o-channels-list .title{margin:0px 60px 25px 0px;color:#036;font-size:1.5rem;font-weight:800}.o-channels-list .desc{font-size:1.125rem;margin-bottom:35px}.o-channels-list .category{color:#9599a8;font-size:.875rem;text-transform:uppercase;font-weight:500}.o-channels-list .img{display:block;position:absolute;max-width:75%;left:0px;right:0px;margin:0px auto;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align:center;z-index:10}.o-channels-tv-form