/* ###### COLOR VARIABLES ###### */
/* ##### TEXT LINKS ##### */
/* ###### FONT VARIABLES ###### */
/* ###### NAV VARIABLES ###### */
/* ##### HEADER BANNER VARIBLES ##### */
/* ##### BTN VARIABLES ##### */
/* ##### CARDS VARIABLES ##### */
/* ##### Fake Underline Variables ###### */
/* ##### FOOTER VARIABLES ##### */
.affiliates-wrapper {
  width: 100%; }
  .affiliates-wrapper .navbar-collapse {
    position: relative; }
  .affiliates-wrapper .menu-nav-container .collapse-nav-title {
    background-color: transparent;
    outline: none;
    display: flex;
    width: 90%;
    padding: 10px 0;
    justify-content: center;
    border: 1px solid #d92128;
    margin: 0 auto 10px; }
    .affiliates-wrapper .menu-nav-container .collapse-nav-title i.icon {
      padding-right: 0;
      padding-left: 25px;
      color: #d92128; }
    .affiliates-wrapper .menu-nav-container .collapse-nav-title.collapsed i.icon {
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg);
      padding-right: 25px;
      padding-left: 0; }
  .affiliates-wrapper .menu-nav-container .collapse-nav {
    position: relative;
    padding-left: 0;
    flex-direction: column;
    list-style: none;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: transparent; }
    .affiliates-wrapper .menu-nav-container .collapse-nav .menu-nav-item {
      cursor: pointer;
      height: 30px;
      margin: auto; }
      .affiliates-wrapper .menu-nav-container .collapse-nav .menu-nav-item.active {
        border-bottom: 2px solid #bdddeb; }
      .affiliates-wrapper .menu-nav-container .collapse-nav .menu-nav-item:hover {
        opacity: .8; }
  .affiliates-wrapper .affiliate-slide {
    display: flex;
    position: relative;
    height: 154px;
    z-index: 2000;
    margin-bottom: 30px;
    align-items: center;
    justify-content: center;
    background-size: contain; }
    .affiliates-wrapper .affiliate-slide h4 {
      text-align: center; }
  .affiliates-wrapper .affiliate-show {
    display: none;
    max-width: 982px;
    margin: auto; }
    .affiliates-wrapper .affiliate-show .flickity-prev-next-button {
      background-color: transparent; }
      .affiliates-wrapper .affiliate-show .flickity-prev-next-button.previous {
        left: -6px; }
      .affiliates-wrapper .affiliate-show .flickity-prev-next-button.next {
        right: -6px; }
    .affiliates-wrapper .affiliate-show .flickity-button-icon {
      fill: #014282; }
    .affiliates-wrapper .affiliate-show .flickity-button:hover {
      background: transparent; }

@media screen and (min-width: 768px) {
  .affiliates-wrapper {
    width: 90%;
    margin: auto; }
    .affiliates-wrapper .affiliate-show .affiliate-slide {
      background-size: 90%; }
    .affiliates-wrapper .affiliate-show .flickity-prev-next-button {
      background-color: transparent; }
      .affiliates-wrapper .affiliate-show .flickity-prev-next-button.previous {
        left: -70px; }
      .affiliates-wrapper .affiliate-show .flickity-prev-next-button.next {
        right: -70px; } }
@media screen and (min-width: 992px) {
  .affiliates-wrapper {
    width: 100%; }
    .affiliates-wrapper .affiliate-nav.navbar-collapse {
      list-style: none;
      display: flex;
      flex-direction: row;
      width: 100%;
      align-items: center;
      justify-content: center;
      padding: 0;
      max-width: 730px;
      height: 56px;
      margin: 0 auto 75px;
      background-color: #d92128; }
      .affiliates-wrapper .affiliate-nav.navbar-collapse li {
        padding: 0 11px;
        color: #fff;
        cursor: pointer;
        font-size: 18px;
        line-height: 30px;
        letter-spacing: 1px;
        text-transform: uppercase;
        font-weight: 500;
        height: 35px;
        margin: 0 14px; }
        .affiliates-wrapper .affiliate-nav.navbar-collapse li.showing {
          border-bottom: 6px solid #fff; } }

/*# sourceMappingURL=affiliate-list-style.css.map */
