.videos-modal {
  display: block;
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0 20px;
  z-index: 250;
  overflow-x: hidden;
  overflow-y: auto;
  background: rgba(0, 23, 37, 0.92); }
  .videos-modal *, .videos-modal *:before, .videos-modal *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .videos-modal .videos-modal-inner {
    display: block;
    max-width: 1080px;
    width: 100%;
    position: relative;
    padding: 0;
    margin: 0 auto; }
    .videos-modal .videos-modal-inner .video-sizer {
      display: block;
      position: relative; }
    .videos-modal .videos-modal-inner .video-wrapper {
      position: relative;
      width: 100%;
      height: 100%; }
      .videos-modal .videos-modal-inner .video-wrapper iframe, .videos-modal .videos-modal-inner .video-wrapper video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
  .videos-modal header {
    position: relative;
    height: 48px;
    z-index: 100; }
    .videos-modal header .title {
      display: none;
      float: left;
      width: 100%;
      margin-right: -36px;
      padding-right: 66px;
      font-size: 26px; }
  .videos-modal footer {
    display: block;
    padding: 40px 0 30px;
    text-align: center; }
    .videos-modal footer a, .videos-modal footer button {
      display: inline-block;
      margin-right: 40px; }
      .videos-modal footer a:last-child, .videos-modal footer button:last-child {
        margin-right: 0; }
  .videos-modal .close-button.native {
    width: auto;
    height: 32px;
    line-height: 32px;
    padding: 0 14px;
    margin: 8px 0 0;
    border: 0;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0;
    text-transform: lowercase;
    text-indent: 0;
    z-index: 99999;
    color: #ffffff;
    border: 3px solid #ffffff;
    background: transparent;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 4px;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms; }
    .videos-modal .close-button.native.relative {
      float: right; }
    .videos-modal .close-button.native.absolute {
      position: absolute;
      right: 10px;
      top: 10px;
      z-index: 999999; }
    .videos-modal .close-button.native:hover {
      background: #fff !important;
      color: #000; }
      .videos-modal .close-button.native:hover:before, .videos-modal .close-button.native:hover:after {
        background: #000; }
  .videos-modal:hover .close-button.native {
    opacity: 1; }

@media (max-width: 850px) {
  .videos-modal {
    padding: 0; }
    .videos-modal header {
      position: relative;
      right: initial;
      top: initial;
      height: 72px;
      padding: 0 18px; }
      .videos-modal header .title {
        padding-right: 0; }
    .videos-modal .videos-modal-inner {
      padding: 0; }
      .videos-modal .videos-modal-inner .videos-modal-content {
        padding: 0; }
    .videos-modal .close-button.native {
      position: relative;
      padding: 0;
      float: right;
      border: 3px solid #ffffff;
      background: transparent;
      opacity: 1;
      text-indent: -119988px;
      overflow: hidden;
      text-align: left;
      width: 44px;
      height: 44px;
      -webkit-border-radius: 51%;
      -moz-border-radius: 51%;
      border-radius: 51%; }
      .videos-modal .close-button.native:before, .videos-modal .close-button.native:after {
        content: '';
        display: block;
        position: absolute;
        width: 18px;
        height: 3px;
        left: initial;
        top: 18px;
        right: 10px;
        background: #ffffff; }
      .videos-modal .close-button.native:before {
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg); }
      .videos-modal .close-button.native:after {
        -moz-transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        -ms-transform: rotate(135deg); } }
@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

/*# sourceMappingURL=videos.css.map */