@charset "UTF-8";
/**
 * Foundation for Sites by ZURB
 * Version 6.5.3
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
#video-sponso {
  background-color: #333333;
  color: #fff; }
  #video-sponso[v-cloak] {
    display: none; }
  #video-sponso .title-h2 {
    color: #fff;
    font-size: 16px;
    font-family: "Quicksand", sans-serif;
    font-weight: 800;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px; }
    #video-sponso .title-h2 i {
      color: #db0084;
      margin-right: 10px;
      font-size: 22.4px; }
    #video-sponso .title-h2 i {
      vertical-align: bottom; }
  @media screen and (min-width: 64em) {
    #video-sponso .video_sponso_row {
      margin: 0px -15px; }
      #video-sponso .video_sponso_row:after {
        content: "";
        display: table;
        clear: both; } }
  @media screen and (min-width: 64em) and (max-width: 39.99875em) {
    #video-sponso .video_sponso_row {
      margin: 0; } }
  @media screen and (min-width: 64em) {
    #video-sponso .video_sponso_row .video_main {
      width: 58.33333%;
      float: left;
      padding-right: 0.625rem;
      padding-left: 0.625rem; } }
  @media screen and (min-width: 64em) and (min-width: 40em) {
    #video-sponso .video_sponso_row .video_main {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  @media screen and (min-width: 64em) {
      #video-sponso .video_sponso_row .video_main, #video-sponso .video_sponso_row .video_main:last-child:not(:first-child) {
        float: left;
        clear: none; }
      #video-sponso .video_sponso_row .video_main:last-child:not(:first-child) {
        float: right; } }
  #video-sponso .video_sponso_row .video_main iframe {
    width: 100%;
    height: 347px;
    border-radius: 5px; }
  @media screen and (min-width: 64em) {
    #video-sponso .video_sponso_row .video_list {
      width: 41.66667%;
      float: left;
      padding-right: 0.625rem;
      padding-left: 0.625rem; } }
  @media screen and (min-width: 64em) and (min-width: 40em) {
    #video-sponso .video_sponso_row .video_list {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  @media screen and (min-width: 64em) {
      #video-sponso .video_sponso_row .video_list, #video-sponso .video_sponso_row .video_list:last-child:not(:first-child) {
        float: left;
        clear: none; }
      #video-sponso .video_sponso_row .video_list:last-child:not(:first-child) {
        float: right; } }
  #video-sponso .video_sponso_row .video_list .video_list_tabs {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #e0e0e080;
    margin-bottom: 20px; }
    @media screen and (min-width: 64em) {
      #video-sponso .video_sponso_row .video_list .video_list_tabs {
        margin-top: -22px; } }
    #video-sponso .video_sponso_row .video_list .video_list_tabs > li {
      height: 52px;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 14px;
      font-weight: 400;
      flex: 0 0 calc(33% - 5px);
      position: relative;
      cursor: pointer; }
      #video-sponso .video_sponso_row .video_list .video_list_tabs > li:after {
        content: "";
        width: 100%;
        transition: width 0.3s;
        position: absolute;
        width: 0;
        bottom: -1px;
        height: 4px;
        border-radius: 5px;
        left: 0;
        background: #db0084; }
      #video-sponso .video_sponso_row .video_list .video_list_tabs > li:hover, #video-sponso .video_sponso_row .video_list .video_list_tabs > li.active {
        font-weight: 500; }
        #video-sponso .video_sponso_row .video_list .video_list_tabs > li:hover:after, #video-sponso .video_sponso_row .video_list .video_list_tabs > li.active:after {
          width: 100%; }
      #video-sponso .video_sponso_row .video_list .video_list_tabs > li i {
        margin-right: 8px; }
  #video-sponso .video_sponso_row .video_list .video_list_tabs_content > ul > li {
    display: flex;
    align-items: top;
    justify-content: space-between;
    cursor: pointer;
    align-items: center; }
    #video-sponso .video_sponso_row .video_list .video_list_tabs_content > ul > li:not(:last-child) {
      margin-bottom: 20px; }
    #video-sponso .video_sponso_row .video_list .video_list_tabs_content > ul > li figure {
      width: 110px;
      flex: 0 0 110px;
      display: block;
      height: 65px;
      position: relative;
      overflow: hidden;
      border-radius: 5px; }
      #video-sponso .video_sponso_row .video_list .video_list_tabs_content > ul > li figure:after {
        content: "\EA37";
        font-family: "fa";
        font-weight: 400;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        position: absolute;
        color: #fff;
        font-size: 1em;
        text-shadow: 5px 5px 25px #333333;
        top: 0;
        left: 0;
        width: 100%;
        height: 65px;
        line-height: 65px;
        text-align: center;
        -moz-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1); }
      #video-sponso .video_sponso_row .video_list .video_list_tabs_content > ul > li figure img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        -moz-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1); }
    #video-sponso .video_sponso_row .video_list .video_list_tabs_content > ul > li p {
      font-weight: 500;
      color: #fff;
      margin-left: 10px;
      font-size: 14px;
      flex: 1 1 auto;
      line-height: 18px;
      margin-top: -8px; }
    #video-sponso .video_sponso_row .video_list .video_list_tabs_content > ul > li:hover figure img {
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1); }
    #video-sponso .video_sponso_row .video_list .video_list_tabs_content > ul > li.active figure:after {
      color: #db0084; }

.btn.btn-primary {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 5px;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff; }