.sticky_news_border {
  display: block;
  width:999px;
  height: 80px;

  overflow: hidden;

  /*background-color: #004eb4;*/

  /*border-left:1px solid #A5A5A5;*/
  /*border-right:1px solid #A5A5A5;*/

  z-index: 2000;
  box-sizing: border-box;
}

.sticky_news_border.unstick {
  position: relative;
  bottom: 194px;
  /*margin-top: -100px;*/

  left: 0;
}

.sticky_news_border.stick {
    position: fixed;
    bottom: 0;
    left: calc(50% - 499px);
    top: unset;
    /*!*margin: 0;*!*/
}

.sticky_news_container {
  position: absolute;
  box-sizing: inherit;
  left: calc( 50% - 425px);
  bottom: -80px;
  display: block;
  width:850px;
  height: 80px;
  overflow: hidden;
  padding-bottom: 0;

  /*background-color: #004eb4;*/
  margin-left: auto;
  margin-right:auto;

  border-left:2px solid #989898;
  border-right:2px solid #989898;
  border-top:2px solid #989898;
  border-radius: 5px;

  z-index: 2;
  background-color: #ddd;

  animation-duration: 100s;
  animation-fill-mode: forwards;

}

/*newsanim is added by javascript*/

@keyframes newsanim {
  0%, 2% { bottom: -80px;}
  5%, 55% {  bottom: 0;}
  56%, 59% {  bottom: -80px;}

}

@-webkit-keyframes newsanim {
  0%, 2% { bottom: -80px;}
  2%, 95% {  bottom: 0;}
  100% {  bottom: -80px;}
}

.news_carousel {
  display: block;
  box-sizing: inherit;
  position: absolute;
  bottom: 0;
  width:95%;
  left: 2.5%;

  height: 95%;
  /*overflow: hidden;*/
  padding: 1%;
  /*background-color: greenyellow;*/
  border: none
}

.news_item {
  position: absolute;
  bottom: 0;
  overflow: hidden;
  display: block;
  box-sizing: inherit;
  width: 100%;
  height: 100%;
  background-color: lightgrey;
  opacity: 0;
  padding: 1%;
}

 .image_canvas {
  position: absolute;
   box-sizing: inherit;
   display: block;
  top: 4%;
   left: 1%;
  width: 16%;
  height: 90%;
  padding: 1%;
   overflow: hidden;

}
.image_canvas img{
  position: relative;
  object-fit: cover;
  border-radius: 2px;

}

.news_content{
  display: block;
  position: absolute;
  box-sizing: inherit;
  padding: 0%;
  left: 20.5%;
  max-width: 70%;
  text-align: left;
  font-size: 12px;
  z-index: 11;
  /*border: 1px solid grey;*/
}

.news_content::after {
  box-sizing: inherit;
  content: "";
  display: block;
  height:1px;
  bottom: 0;
  width: 10;
  border-bottom: solid #989898 1px;
  margin-top: 3px;

  /*animation-fill-mode: forwards;*/
}

.news_content::after.progress {
  webkit-animation: progresssanim;
  animation-name: progresssanim ;
  animation-duration: 100s;
  animation-delay: 5s;
}

@keyframes progresssanim {
  0% { width: 100%;}
  100% {  width: 0%;}

}


.carousel-open:checked + .news_item {
  position: static;
  opacity: 100;
}

.sticky_news_dismiss {
  position: absolute;
  box-sizing: inherit;
  right: 0;
  top: 0;
  content: 'x';
}

.sticky_news_dismiss::after {
  position: absolute;
  text-orientation: sideways;
  content: 'NEWS';
  top: 25%;
}

.carousel-indicators {
  display: block;
  position: absolute;
  box-sizing: inherit;
  top: 3px;
  left: -17px;
  height: 90%;
  width: 3%;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 10;
}

.carousel-indicators li {
  box-sizing: inherit;
  margin: 0;
}

.carousel-open:checked + .news-item {
  box-sizing: inherit;
  position: static;
  opacity: 100;
}

/*#carousel-1:checked ~ .control-1,*/
/*#carousel-2:checked ~ .control-2,*/
/*#carousel-3:checked ~ .control-3 {*/
  /*display: block;*/
/*}*/

.carousel-bullet {
  box-sizing: inherit;
  display: block;
  color: lightgray;
  cursor: pointer;
  line-height: 15px;
  font-size: 15px;
}

.carousel-bullet:hover {
  box-sizing: inherit;
  color: darkgray;
}

#carousel-1:checked ~ .carousel-indicators li:nth-child(1) .carousel-bullet,
#carousel-2:checked ~ .carousel-indicators li:nth-child(2) .carousel-bullet,
#carousel-3:checked ~ .carousel-indicators li:nth-child(3) .carousel-bullet {
  color: #989898;
}