/* colors */
@-webkit-keyframes marquee {
  0% {
    left: 100%;
    transform: translateX(0); }
  100% {
    left: 0;
    transform: translateX(-100%); } }
@-moz-keyframes marquee {
  0% {
    left: 100%;
    transform: translateX(0); }
  100% {
    left: 0;
    transform: translateX(-100%); } }
@-o-keyframes marquee {
  0% {
    left: 100%;
    transform: translateX(0); }
  100% {
    left: 0;
    transform: translateX(-100%); } }
@keyframes marquee {
  0% {
    left: 100%;
    transform: translateX(0); }
  100% {
    left: 0;
    transform: translateX(-100%); } }
@-webkit-keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px); }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px); }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px); }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px); }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px); }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px); }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px); }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px); }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@-webkit-keyframes scaledown {
  0% {
    transform: scale(1);
    opacity: 1; }
  100% {
    transform: scale(0.7);
    opacity: 0; } }
@keyframes scaledown {
  0% {
    transform: scale(1);
    opacity: 1; }
  100% {
    transform: scale(0.7);
    opacity: 0; } }
@-webkit-keyframes scaleup {
  0% {
    transform: scale(0.7);
    opacity: 0; }
  100% {
    transform: scale(1);
    opacity: 1; } }
@keyframes scaleup {
  0% {
    transform: scale(0.7);
    opacity: 0; }
  100% {
    transform: scale(1);
    opacity: 1; } }
@-webkit-keyframes dialogshow {
  0% {
    transform: translateY(-5%);
    opacity: 0; }
  100% {
    transform: translateY(0);
    opacity: 1; } }
@keyframes dialogshow {
  0% {
    transform: translateY(-5%);
    opacity: 0; }
  100% {
    transform: translateY(0);
    opacity: 1; } }
@-webkit-keyframes dialoghide {
  0% {
    transform: translateY(0);
    opacity: 1; }
  100% {
    transform: translateY(-5%);
    opacity: 0; } }
@keyframes dialoghide {
  0% {
    transform: translateY(0);
    opacity: 1; }
  100% {
    transform: translateY(-5%);
    opacity: 0; } }
@-webkit-keyframes showlogo {
  0% {
    -webkit-transform: translateX(-100px);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0);
    opacity: 1; } }
@keyframes showlogo {
  0% {
    transform: translateX(-100px);
    opacity: 0; }
  100% {
    transform: translateX(0);
    opacity: 1; } }
@-webkit-keyframes hidelogo {
  0% {
    -webkit-transform: translateX(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(-100px);
    opacity: 0; } }
@keyframes hidelogo {
  0% {
    transform: translateX(0);
    opacity: 1; }
  100% {
    transform: translateX(-100px);
    opacity: 0; } }
@-webkit-keyframes pulse-green {
  0% {
    background-color: #b3d897;
    will-change: transform; }
  50% {
    background-color: #b9ee8a;
    will-change: transform; }
  100% {
    background-color: #b3d897;
    will-change: transform; } }
@keyframes pulse-grey {
  0% {
    background-color: #b3d897;
    will-change: transform; }
  50% {
    background-color: #b9ee8a;
    will-change: transform; }
  100% {
    background-color: #b3d897;
    will-change: transform; } }
@-webkit-keyframes pulse-yellow {
  0% {
    background-color: #f9e5b7;
    will-change: transform; }
  50% {
    background-color: #f9d2a2;
    will-change: transform; }
  100% {
    background-color: #f9e5b7;
    will-change: transform; } }
@keyframes pulse-yellow {
  0% {
    background-color: #f9e5b7;
    will-change: transform; }
  50% {
    background-color: #f9d2a2;
    will-change: transform; }
  100% {
    background-color: #f9e5b7;
    will-change: transform; } }
@-webkit-keyframes pulse-red-shadow {
  0% {
    box-shadow: 0 0 1px #E5202B;
    will-change: transform; }
  50% {
    box-shadow: 0 0 10px #ba1720;
    will-change: transform; }
  100% {
    box-shadow: 0 0 1px #E5202B;
    will-change: transform; } }
@keyframes pulse-red-shadow {
  0% {
    box-shadow: 0 0 1px #E5202B;
    will-change: transform; }
  50% {
    box-shadow: 0 0 10px #ba1720;
    will-change: transform; }
  100% {
    box-shadow: 0 0 1px #E5202B;
    will-change: transform; } }
#block-videoblock {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  overflow: hidden;
  background-size: cover;
  transform: translateX(-50%); }
  #block-videoblock:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(200, 200, 200, 0.4);
    z-index: 1; }
  #block-videoblock #video_block {
    position: absolute;
    top: -100%;
    bottom: -100%;
    left: -100%;
    right: -100%;
    margin: auto;
    min-width: 100vw;
    min-height: 100%;
    width: auto;
    height: auto;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 2s, visibility 2s;
    transition: opacity 2s, visibility 2s; }
    #block-videoblock #video_block.hide {
      opacity: 0;
      visibility: hidden;
      -webkit-transition: opacity 1s, visibility 1s;
      transition: opacity 1s, visibility 1s; }
  #block-videoblock .buttons {
    display: -webkit-box ;
    display: -moz-box ;
    display: -ms-flexbox ;
    display: -webkit-flex ;
    display: flex ;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    position: absolute;
    top: 14rem;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 118rem;
    z-index: 100; }
    #block-videoblock .buttons button {
      display: inline-block;
      height: 30px;
      float: left; }
    #block-videoblock .buttons #playbtn {
      color: #E5202B;
      font-family: "OpenSans";
      font-weight: 600;
      font-size: 0;
      width: 30px;
      height: 30px;
      line-height: 30px;
      letter-spacing: 8px;
      text-transform: uppercase;
      background: none;
      border: none;
      margin-right: 25px;
      background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyNjVweCIgaGVpZ2h0PSIyMzNweCIgdmlld0JveD0iMCAwIDI2NSAyMzMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI2NSAyMzMiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsPSIjRTYyRDM3IiBkPSJNOTYuMSwyMThINTIuNGMtMTIuMSwwLTIxLjgtOS44LTIxLjgtMjEuOFYzNmMwLTEyLjEsOS44LTIxLjgsMjEuOC0yMS44aDQzLjdjMTIuMSwwLDIxLjgsOS44LDIxLjgsMjEuOAoJdjE2MC4yQzExNy45LDIwOC4yLDEwOC4yLDIxOCw5Ni4xLDIxOHogTTIzNC40LDE5Ni4xVjM2YzAtMTIuMS05LjgtMjEuOC0yMS44LTIxLjhoLTQzLjdjLTEyLjEsMC0yMS44LDkuOC0yMS44LDIxLjh2MTYwLjIKCWMwLDEyLjEsOS44LDIxLjgsMjEuOCwyMS44aDQzLjdDMjI0LjcsMjE4LDIzNC40LDIwOC4yLDIzNC40LDE5Ni4xeiIvPgo8L3N2Zz4K') no-repeat center center;
      background-size: auto 20px; }
      #block-videoblock .buttons #playbtn.pause {
        background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyNjVweCIgaGVpZ2h0PSIyMzNweCIgdmlld0JveD0iMCAwIDI2NSAyMzMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI2NSAyMzMiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsPSIjRTYyRDM3IiBkPSJNMjIzLjcsOTcuN0w2My41LDNjLTEzLTcuNy0zMi45LTAuMi0zMi45LDE4Ljh2MTg5LjRjMCwxNy4xLDE4LjUsMjcuMywzMi45LDE4LjhsMTYwLjItOTQuNwoJQzIzOCwxMjYuOSwyMzgsMTA2LjEsMjIzLjcsOTcuN3oiLz4KPC9zdmc+Cg==') no-repeat center center;
        background-size: auto 20px; }
    #block-videoblock .buttons #mutebtn {
      font-size: 0;
      width: 30px;
      height: 30px;
      border: none;
      background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjI3cHgiIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDI3IDIwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0My4yICgzOTA2OSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+R3JvdXAgMzwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJtYWluLXBhZ2UiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNTIwLjAwMDAwMCwgLTk2MS4wMDAwMDApIiBmaWxsPSIjRUYzMTNDIj4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE1MjAuMDAwMDAwLCA5NjEuMzgxNjI1KSI+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNS43MjcyNzI3Myw1LjYzMjQxODg0IEwwLjk5NzAzMDEzOSw1LjYzMjQxODg0IEMwLjQ1MzAzNjMwOCw1LjYzMjQxODg0IDAsNi4wNzg4MDQ0NCAwLDYuNjI5NDQ4OTggTDAsMTIuNjM1Mzg4NyBDMCwxMy4xNzkzODI1IDAuNDQ2Mzg1NTk4LDEzLjYzMjQxODggMC45OTcwMzAxMzksMTMuNjMyNDE4OCBMNS43MjcyNzI3MywxMy42MzI0MTg4IEwxMS43MDU3ODU4LDE4LjY5MTE2MDcgQzEyLjk3OTkxMTgsMTkuNzY5MjY3MyAxNCwxOS4yODg2NTIxIDE0LDE3LjYzMTAzMTkgTDE0LDEuNjMzODA1NzggQzE0LC0wLjAyNDQ5OTg5MzQgMTIuOTcyODQ1MywtMC40OTg0NTAyODIgMTEuNzA1Nzg1OCwwLjU3MzY3Njk4OCBMNS43MjcyNzI3Myw1LjYzMjQxODg0IFoiIGlkPSJDb21iaW5lZC1TaGFwZSI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K') no-repeat center center;
      background-size: auto 20px; }
      #block-videoblock .buttons #mutebtn.mute {
        background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjI3cHgiIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDI3IDIwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0My4yICgzOTA2OSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+R3JvdXAgMzwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJtYWluLXBhZ2UiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNTIwLjAwMDAwMCwgLTk2MS4wMDAwMDApIiBmaWxsPSIjRUYzMTNDIj4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE1MjAuMDAwMDAwLCA5NjEuMzgxNjI1KSI+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNS43MjcyNzI3Myw1LjYzMjQxODg0IEwwLjk5NzAzMDEzOSw1LjYzMjQxODg0IEMwLjQ1MzAzNjMwOCw1LjYzMjQxODg0IDAsNi4wNzg4MDQ0NCAwLDYuNjI5NDQ4OTggTDAsMTIuNjM1Mzg4NyBDMCwxMy4xNzkzODI1IDAuNDQ2Mzg1NTk4LDEzLjYzMjQxODggMC45OTcwMzAxMzksMTMuNjMyNDE4OCBMNS43MjcyNzI3MywxMy42MzI0MTg4IEwxMS43MDU3ODU4LDE4LjY5MTE2MDcgQzEyLjk3OTkxMTgsMTkuNzY5MjY3MyAxNCwxOS4yODg2NTIxIDE0LDE3LjYzMTAzMTkgTDE0LDEuNjMzODA1NzggQzE0LC0wLjAyNDQ5OTg5MzQgMTIuOTcyODQ1MywtMC40OTg0NTAyODIgMTEuNzA1Nzg1OCwwLjU3MzY3Njk4OCBMNS43MjcyNzI3Myw1LjYzMjQxODg0IFoiIGlkPSJDb21iaW5lZC1TaGFwZSI+PC9wYXRoPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTIyLjY5NDg0MTMsOC44NjE1MDc5MyBMMjIuNjk0ODQxMyw0LjI3ODE3NDU5IEwyMC44NjE1MDc5LDQuMjc4MTc0NTkgTDIwLjg2MTUwNzksOC44NjE1MDc5MyBMMTYuMjc4MTc0Niw4Ljg2MTUwNzkzIEwxNi4yNzgxNzQ2LDEwLjY5NDg0MTMgTDIwLjg2MTUwNzksMTAuNjk0ODQxMyBMMjAuODYxNTA3OSwxNS4yNzgxNzQ2IEwyMi42OTQ4NDEzLDE1LjI3ODE3NDYgTDIyLjY5NDg0MTMsMTAuNjk0ODQxMyBMMjcuMjc4MTc0NiwxMC42OTQ4NDEzIEwyNy4yNzgxNzQ2LDguODYxNTA3OTMgTDIyLjY5NDg0MTMsOC44NjE1MDc5MyBaIiBpZD0iQ29tYmluZWQtU2hhcGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIxLjc3ODE3NSwgOS43NzgxNzUpIHJvdGF0ZSgtMzE1LjAwMDAwMCkgdHJhbnNsYXRlKC0yMS43NzgxNzUsIC05Ljc3ODE3NSkgIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==') no-repeat center center;
        background-size: auto 20px; }
  #block-videoblock #slides {
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100%;
    z-index: 1;
    display: inline-block; }
    #block-videoblock #slides .slide {
      position: absolute;
      left: 0;
      top: 5rem;
      width: 100%;
      height: auto;
      text-align: center;
      padding: 0 15vw;
      text-transform: uppercase;
      font-size: 3.3rem;
      font-family: "OpenSans";
      font-weight: bold;
      line-height: normal;
      letter-spacing: 2.36px;
      color: #E5202B;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: opacity 1s, visibility 1s;
      transition: opacity 1s, visibility 1s; }
      #block-videoblock #slides .slide.active {
        display: block;
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity 1s;
        transition: opacity 1s; }
      #block-videoblock #slides .slide span {
        display: block;
        font-family: "Merriweather";
        font-size: 1.8rem;
        font-weight: 700;
        color: #000;
        line-height: normal;
        letter-spacing: 4.5px;
        padding-top: 5px; }
    #block-videoblock #slides .s-13 {
      font-size: 0 !important;
      background-size: auto 100%;
      height: 140px; }
    #block-videoblock #slides.video-paused .slide {
      display: none; }

@media screen and (max-width: 1023px) {
  #block-videoblock #slides .slide {
    font-size: 40px;
    padding: 0 5vw 1em 5vw; } }
@media screen and (max-width: 939px) {
  #block-videoblock:before {
    background: rgba(200, 200, 200, 0.5); } }
@media screen and (max-width: 639px) {
  #block-videoblock .buttons {
    width: 100%;
    right: 0; }
    #block-videoblock .buttons button {
      padding: 0 20px;
      margin-left: 20px;
      margin-right: 20px; }
    #block-videoblock .buttons #mutebtn {
      float: right; }
  #block-videoblock #slides .slide {
    font-size: 6vw; }
    #block-videoblock #slides .slide span {
      font-size: 5vw; }
  #block-videoblock .s-13 {
    height: 18vw; } }
@media screen and (max-width: 479px) {
  #block-videoblock #slides .slide {
    font-size: 28px;
    padding-left: 4vw;
    padding-right: 4vw; }
    #block-videoblock #slides .slide span {
      font-size: 22px; }
  #block-videoblock #slides .s-13 {
    height: 20vh; } }
@media screen and (orientation: landscape) and (max-height: 479px) {
  #block-videoblock #slides .slide {
    font-size: 8vh;
    padding: 0 5vw; }
    #block-videoblock #slides .slide span {
      font-size: 5vh; }
  #block-videoblock #slides .s-13 {
    height: 20vh; } }
