* {
    box-sizing: border-box;
  }
  body {
      margin: 0px;
    font-family: "Roboto";
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background: radial-gradient(#5eafe7, #257bb7);
    color: #fff;
  }
  h1 {
    font-weight: 400;
    line-height: 1.618em;
  }
  p {
    font-weight: 300;
    line-height: 1.618em;
  }
  a {
    text-decoration: none;
  }
  .navigation {
    position: absolute;
    z-index: 5;
    bottom: 3vw;
    right: 15vw;
    font-size: 4vw;
  }
  .next,
  .prev {
    color: #fff;
  }
  .disabled {
    color: #0a629f;
  }
  .next {
    margin-left: 0.3em;
  }
  .prev {
    margin-right: 0.3em;
  }
  .slide {
    width: 100%;
    height: 100%;
  }
  .content {
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 2.2vw;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    animation-fill-mode: both;
  }
  path {
    transform-origin: 250px 250px;
  }
  @keyframes fade_in {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes slide_from_left {
    from {
      opacity: 0;
      transform: translateX(100vw);
    }
    to {
      opacity: 1;
      transform: translateX(0);
    }
  }
  @keyframes flip {
    0% {
      opacity: 0;
      transform: rotateY(180deg) translateX(0);
    }
    100% {
      opacity: 1;
      transform: rotateY(0deg) translateX(0);
    }
  }
  @keyframes grow {
    0% {
      opacity: 0;
      transform: scale(0, 0);
    }
    100% {
      opacity: 1;
      transform: scale(1, 1);
    }
  }
  @keyframes back_triangles {
    0% {
      transform: scale(0, 0) rotate(322deg);
    }
    100% {
      transform: scale(1, 1) rotate(-38deg);
    }
  }
  @keyframes front_triangles {
    0% {
      opacity: 0;
      transform: scale(0, 0) rotate(-38deg);
    }
    20% {
      opacity: 1;
      transform: scale(0, 0) rotate(-38deg);
    }
    100% {
      transform: scale(1, 1) rotate(322deg);
    }
  }
  @keyframes letter_a {
    0% {
      opacity: 0;
      transform: scale(0, 0);
    }
    50% {
      opacity: 1;
      transform: scale(0, 0);
    }
    90% {
      transform: scale(1.1, 1.1);
    }
    100% {
      transform: scale(1, 1);
    }
  }


.navigation {
    position: fixed;
    top: 0;
    right: 0;
    width: auto;
}

.text_type_slide {
    width: 100%;
    height: 100vh;
    text-align: center;
    display: flex;
    justify-content: center;
    margin: 0 auto;
}
  .image_type_slide {
    width: 100%;
    height: 100vh;
  }



  /* TICKER */

 @-webkit-keyframes ticker {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible;
   }
    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
   }
}
@keyframes ticker {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible;
   }
    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
   }
}
.ticker-wrap {
 font-family: 'Quicksand', serif;
 
    position: fixed;
    bottom: 0;
    width: 100%;
    overflow: hidden;
    height: 4rem;
    background-color: rgba(0, 0, 0, 0.9);
    padding-left: 100%;
    box-sizing: content-box;
}
.ticker-wrap.breaking {
   background-color: rgba(236, 222, 27, 0.9) !important;
   
}
.ticker-wrap.breaking .ticker__item {
   color: #000 !important;
}

.ticker-wrap .ticker {
    display: inline-block;
    height: 4rem;
    line-height: 4rem;
    white-space: nowrap;
    padding-right: 100%;
    box-sizing: content-box;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-name: ticker;
    animation-name: ticker;
    -webkit-animation-duration: 30s;
    animation-duration: 30s;
}
.ticker-wrap .ticker__item {
    display: inline-block;
    padding: 0 2rem;
    font-size: 2rem;
    color: white;
}
body {
    padding-bottom: 5rem;
}
h1, h2, p {
    padding: 0 5%;
}




#test_card {
  width: 100%; 
}

#ticker_breaking_news .breaking_brand {
 font-family: 'Quicksand', serif;
   position: fixed;
   bottom: 0;
   overflow: hidden;
   height: 4rem;
   box-sizing: content-box;
   z-index: 999;
   padding: 0 1rem;
   font-size: 2rem;
   background-color: red; 
   color: #fff; 
   text-transform: uppercase;
   text-align: center;
}

#ticker_breaking_news .breaking_brand .title {
  padding-top: 0.75rem;
}

#ticker_brand {
    position: fixed;
    bottom: 0;
    overflow: hidden;
    height: 4rem;
    box-sizing: content-box;
    z-index: 999;
    padding: 0 1rem;
    font-size: 2rem;
    background-color: black; 
    color: #fff; 
    text-transform: uppercase;
    text-align: center;
   }
   

#ticker_time {
 font-family: 'Quicksand', serif;
   position: fixed;
   bottom: 0;
   right: 0;
   overflow: hidden;
   height: 4rem;
   background-color: rgba(0, 0, 0, 0.9);
   box-sizing: content-box;
   z-index: 999;
   padding: 0 1rem;
   font-size: 2rem;
   width: 115px;
   text-align: left;
}

.is-hidden {
    display: none !important;
  }


.is-uppercase {
    text-transform: uppercase;
  }