.rytl * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing:    border-box;
  box-sizing:         border-box;
}


.rytl {
    bottom:0;
    display: table;
    height: 100%;
    left: 0;
    opacity:0;
    position: fixed;
    right:0;
    top: 0;
    -webkit-transition:opacity .14s ease-in;
    -moz-transition:opacity .14s ease-in;
    -o-transition:opacity .14s ease-in;
    transition:opacity .14s ease-in;
    width: 100%;
    z-index: 1000;
}

      .rytl--wrapper {
          display: table-cell;
          vertical-align: middle;
      }

      .rytl--container {
          height:auto;
          margin: auto;
          max-height: 394px;
          max-width: 700px;
          position: relative;
          text-align: center;
          width:100%;
      }

            @media screen and (min-width:1024px) and (min-height:536px) {
              .rytl--container {
                background-color: rgb(0, 0, 0);
                height: 506px;
                max-height: none;
                max-width: none;
                width: 900px;
              }
            }

            @media screen and (min-width:1310px) and (min-height:768px) {
              .rytl--container {
                height: 720px;
                width: 1280px;
              }
            }

      .rytl--close { position: absolute; }

      /* 
      * Hide only visually, but have it available for screenreaders: h5bp.com/v 
      */
      .rytl--visuallyhidden {
          border: 0;
          clip: rect(0 0 0 0);
          height: 1px;
          margin: -1px;
          overflow: hidden;
          padding: 0;
          position: absolute;
          width: 1px;
      }


.rytl--fluid-width-video-wrapper {
  padding:0;
  position:relative;
  width:100%;
}

.rytl--fluid-width-video-wrapper iframe {
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
}

.rytl-transition-in {
  opacity:1;
}

/*==============================================
    responsive youtube lightbox overlay
    style to your heart's desire
===============================================*/

/* :: overlay :: */
.rytl-theme {
  background-color: rgb(0, 0, 0); /* RGBA Fallback */
  background-color: rgba(0, 0, 0, 0.85);
  font-size:11px;
}

/* :: closing button styles :: */
  .rytl-theme .rytl-theme--close {
    background-color: transparent;
    background-image:url('data:image/png;base64,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');
    background-repeat: no-repeat;
    background-size: 36px 36px;
    border:0;
    height: 36px;
    line-height: 1;
    margin:0;
    opacity: 0; /* :: Hide button by default :: */
    padding:0;
    right: 15px;
    top: 15px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s;
    width: 36px;
  }

        /* :: for browsers that do not support background-size :: */
        .no-backgroundsize .rytl-theme .rytl-theme--close {
          background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAB/UlEQVRYhdVY0ZWCMBAc6SAtpAUsgRZsgRa4ErgSvBK0BC0BSpASsIS5DzeyYiAB5eTmvXn44m4yYZNlkw1JzECmaAEYab8CqIVn4SRsJgiyAHIRkUbYXwE0AI7C5l2CLIBCxGjUMkgjgxuhVdTijgC+5PcwSI5xR7JlhwvJgmQa8IPYlOLj0Eqfg35jHZa9jnKSJkJIn0YmoSdWThW0V84HknaGkD4tyZPqdx8rqAw5vUg92ac35VszS4rxiXpYU/1YuzifFhTj6MLXUq1Nn+oHgwWpX8A9GnrBOeSBTmK2vGMamFyuxrVaUCGNlxFnK/+3kaJSsb1wfJe6PFWSRCL5cSfP40gONYonjH8+UrHRPkP4kWcGwIBkpmIZmnmqbIfeVIxN394hA7u8Mxau2AGninkKm95+h0hn38BWOEcMZGySrEDP1pspaq4YHaU2UQsuql5RqAFsxc8t3Eba6ol9uZLEJKNmH0ACpW6ibwqgwq0QuwqttMVUlBr3EjhBFyo7YDwkxuWZK25h2qKrHEN5qg83dr3KbZ+xwycTY0tJjIZkJY3Fi2Lm2LoIVWT3cY0J29If10ILWl35Aa6sQOsbrKKEBVdW5Duu6hjkczrwPWtq9kHR96Y+fpTWa8p32RA6Wrv0MPmy4a+vY74RqLv+5YWVD6ErvbN6TsIvWaSYXB9lgOMAAAAASUVORK5CYII=');
        }

        /* :: overwrite kohlsolize button styles :: */
        .rytl-theme .rytl-theme--close:focus, .rytl-theme .rytl-theme--container:focus { outline: none; }

        /* :: overwrite kohlsolize button styles :: */
        .rytl-theme .rytl-theme--close:active { border-style: none;  }

        /* :: show half opacity when hovering over video :: */
        /* :: if removing .iehover make sure to remove the javascript :: */
        .rytl-theme .iehover, .rytl-theme .rytl-theme--container:hover .rytl-theme--close { opacity: .5; }
        
        /* :: show no opacity when hovering over button :: */
        .rytl-theme .rytl-theme--container:hover .rytl-theme--close:hover { opacity: 1; }

        .rytl-theme .iehover, .rytl-theme .rytl-theme--container:hover .rytl-theme--close,
        .rytl-theme .rytl-theme--container:hover .rytl-theme--close:hover,
        .rytl-theme .rytl-theme--close:focus { background-color:rgba(0,0,0,.2); -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; }
        
        /* :: show no opacity when using focus  :: */
        .rytl-theme .rytl-theme--close:focus { opacity: 1; }

        /* :: in combination with modernizr, restyle close button for touch :: */
        /* :: note that the button will not appear when layered on video for touch :: */
        .touch .rytl-theme .rytl-theme--close {
          background-image:none;
          height: auto;
          opacity: 1;
          right:1.1em;
          top:-3.7em;
          width: auto;
        }

        .touch .rytl-theme .rytl-theme--close:before {
          content:"\00D7";
          color:rgb(255, 255, 255); /* rgba fallback */
          color:rgba(255, 255, 255, .9);
          font-size: 3em;
        }

        .touch .rytl-theme .rytl-theme--container:hover .rytl-theme--close,
        .touch .rytl-theme .rytl-theme--container:hover .rytl-theme--close:hover,
        .touch .rytl-theme .rytl-theme--close:focus  {background-color:transparent; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; }


/*==============================================
    responsive youtube lightbox play button
    do not style
===============================================*/

.rytl-button--play, 
.rytl-button--play:before,
.rytl-button--play:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing:    border-box;
  box-sizing:         border-box;
}

/*==============================================
    responsive youtube lightbox play button
    style to your heart's desire
===============================================*/

.rytl-button .rytl-button--play {
  background-color:rgb(60, 57, 57); /* rgba fallback */
  background-color:rgba(60, 57, 57, .8);
  border:.2em solid rgb(255, 255, 255);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display:block;
  height:4.1em;
  margin:auto;
  position:relative;
  width:4.1em;
  -webkit-transition: background .1s ease-in;
  -moz-transition: background .1s ease-in;
  -ms-transition: background .1s ease-in;
  -o-transition: background .1s ease-in;
  transition: background .1s ease-in;
}

      .rytl-button .rytl-button--play:after {
        content:'';
        border-style: solid;
        border-width: .62em 0 .62em 1.26em;
        border-color: transparent transparent transparent #fff;
        bottom:0;
        height: 0;
        left:.2em;
        margin:auto;
        position:absolute;
        right:0;
        top:0;
        width: 0;
        -webkit-transform:rotate(360deg);
      }

      .rytl-button:hover .rytl-button--play,
      .rytl-button:focus .rytl-button--play {
        background-color:rgb(60, 57, 57);
      }