.rap-category-selected {
    /* background-color: #0040a8; */
    opacity: 1;
    visibility: visible;
    height: auto;
  }

  .rap-category-hidden {
    opacity: 0;
    visibility: hidden;
    height: 0 !important;
    margin:0 !important;
    padding:0 !important;
  }

  .rap-category {
    height: auto;
    transition: opacity 0.5s ease, height 0.5s ease;
  }

     /* Tiny Slider CSS */

     .tns-outer {
      padding: 0 !important
    }

    .tns-outer [hidden] {
      display: none !important
    }

    .tns-outer [aria-controls],
    .tns-outer [data-action] {
      cursor: pointer
    }

    .tns-slider {
      -webkit-transition: all 0s;
      -moz-transition: all 0s;
      transition: all 0s
    }

    .tns-slider>.tns-item {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box
    }

    .tns-horizontal.tns-subpixel {
      white-space: nowrap
    }

    .tns-horizontal.tns-subpixel>.tns-item {
      display: inline-block;
      vertical-align: top;
      white-space: normal
    }

    .tns-horizontal.tns-no-subpixel:after {
      content: '';
      display: table;
      clear: both
    }

    .tns-horizontal.tns-no-subpixel>.tns-item {
      float: left
    }

    .tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item {
      margin-right: -100%
    }

    .tns-no-calc {
      position: relative;
      left: 0
    }

    .tns-gallery {
      position: relative;
      left: 0;
      min-height: 1px
    }

    .tns-gallery>.tns-item {
      position: absolute;
      left: -100%;
      -webkit-transition: transform 0s, opacity 0s;
      -moz-transition: transform 0s, opacity 0s;
      transition: transform 0s, opacity 0s
    }

    .tns-gallery>.tns-slide-active {
      position: relative;
      left: auto !important
    }

    .tns-gallery>.tns-moving {
      -webkit-transition: all 0.25s;
      -moz-transition: all 0.25s;
      transition: all 0.25s
    }

    .tns-autowidth {
      display: inline-block
    }

    .tns-lazy-img {
      -webkit-transition: opacity 0.6s;
      -moz-transition: opacity 0.6s;
      transition: opacity 0.6s;
      opacity: 0.6
    }

    .tns-lazy-img.tns-complete {
      opacity: 1
    }

    .tns-ah {
      -webkit-transition: height 0s;
      -moz-transition: height 0s;
      transition: height 0s
    }

    .tns-ovh {
      overflow: hidden
    }

    .tns-visually-hidden {
      position: absolute;
      left: -10000em
    }

    .tns-transparent {
      opacity: 0;
      visibility: hidden
    }

    .tns-fadeIn {
      opacity: 1;
      filter: alpha(opacity=100);
      z-index: 0
    }

    .tns-normal,
    .tns-fadeOut {
      opacity: 0;
      filter: alpha(opacity=0);
      z-index: -1
    }

    .tns-vpfix {
      white-space: nowrap
    }

    .tns-vpfix>div,
    .tns-vpfix>li {
      display: inline-block
    }

    .tns-t-subp2 {
      margin: 0 auto;
      width: 310px;
      position: relative;
      height: 10px;
      overflow: hidden
    }

    .tns-t-ct {
      width: 2333.3333333%;
      width: -webkit-calc(100% * 70 / 3);
      width: -moz-calc(100% * 70 / 3);
      width: calc(100% * 70 / 3);
      position: absolute;
      right: 0
    }

    .tns-t-ct:after {
      content: '';
      display: table;
      clear: both
    }

    .tns-t-ct>div {
      width: 1.4285714%;
      width: -webkit-calc(100% / 70);
      width: -moz-calc(100% / 70);
      width: calc(100% / 70);
      height: 10px;
      float: left
    }

    /* Other */



    .controls {
      text-align: center;
    }

    .controls li {
      display: block;
      position: absolute;
      top: 50%;
      height: 60px;
      line-height: 60px;
      margin-top: -30px;
      padding: 0 15px;
      cursor: pointer;
      transition: background 0.3s;
    }

    .controls li img {
      display: inline-block;
      vertical-align: middle;
    }

    .controls .prev {
      left: 0;
    }

    .controls .next {
      right: 0;
    }

    .controls li:hover {
      background: #f2f2f2;
    }

    .tns-controls {
      text-align: center;
      margin-bottom: 10px;
    }

    .tns-controls [aria-controls] {
      font-size: 15px;
      margin: 0 5px;
      padding: 0 1em;
      height: 2.5em;
      color: #fff /* #000 */;
      background: rgb(33, 37, 41) /* #66CCFF */;
      border-radius: 3px;
      border: 0;
    }

    .lt-ie9 .tns-controls>[aria-controls] {
      line-height: 2.5em;
    }

    [data-action] {
      display: block;
      margin: 10px auto;
      font-size: 17px;
      min-width: 3em;
      text-align: center;
      background: transparent;
      border: 0;
    }

    .tns-controls [disabled] {
      color: #999999;
      background: #B3B3B3;
      cursor: not-allowed !important;
    }

    .tns-nav {
      text-align: center;
      margin: 10px 0;
    }

    .tns-nav>[aria-controls] {
      width: 9px;
      height: 9px;
      padding: 0;
      margin: 0 5px;
      border-radius: 50%;
      background: #ddd;
      border: 0;
    }

    .tns-nav-active {
      background-color: #2B6699 !important; /* #0d6efd */
    }

    /* Other CSS */
    .swiper {
      width: 100%;
      height: 100%;
      margin-left: auto;
      margin-right: auto;
      min-height: 200px;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      height: calc((100% - 30px) / 2);
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      overflow: hidden;
    }



    .btn-circle {
      min-width: 40px;
      width: 40px;
      height: 40px;
      /* padding: 6px 0px; */
      border-radius: 20px;
      text-align: center;
      font-size: 18px;
    }

    .rap-slider-control-cols {
      min-width: 40px;
    }

    .rap-slider-next,
    .rap-slider-prev {
      min-width: 40px;
      display:inline-block !important;
    }


    .rapvideo .card-img-top {
      cursor: pointer;
    }


    .rapshare .fa {
        line-height: inherit;
    }

    .rap-hide {
      display:none !important;
    }

#rap-banner-container {text-align:center;}
#rap-banner-container img {max-height:100px;}
h1, h2, h3, h4 {font-family:"roboto", Arial; font-weight:300; color:#2e75b4;}
.container .rap-row-mediacenter {margin:60px 0;} /* .row */
.rap-category {border-top:1px solid #2e75b4; padding-top:30px;}

/* Table of Contents */

#rapMediaTableOfContents {
  padding-left: 0 !important;
  margin-bottom: 0 !important;
  list-style: none !important;
}

#rapMediaTableOfContents li a {
  display: block !important;
  padding: 0.125rem 0 0.125rem 0.75rem !important;
  color: inherit !important;
  text-decoration: none !important;
  border-left: 0.125rem solid transparent !important;
  /* scroll-margin-top: 80px;
  scroll-margin-bottom: 100px; */
}

#rapMediaTableOfContents li a.active {
  font-weight: 500 !important;
  color: #337ab7 !important;
  border-left-color:#337ab7 !important;
}

#rapMediaTableOfContents li a:hover {
  color: #337ab7 !important;
  border-left-color: #337ab7 !important;
}

#cardContainer {
  min-height: 100vh;
}

.rapmedia-card-body {
  min-height:140px;
}

/* Buttons */

.btn-rap-play, .btn-rap-share, .btn-rap-info, .btn-rap-share-copylink, .btn-rap-share-link-facebook, .btn-rap-share-link-linkedin, .btn-rap-share-link-pinterest, .btn-rap-share-link-email, .btn-rap-share-link-twitter {
  border-color: #2e75b4;
  background-color: #2e75b4;
  }
  
  .btn-rap-play:hover, .btn-rap-share:hover, .btn-rap-info:hover, .btn-rap-share-copylink:hover, .btn-rap-share-link-facebook:hover, .btn-rap-share-link-linkedin:hover, .btn-rap-share-link-pinterest:hover, .btn-rap-share-link-email:hover, .btn-rap-share-link-twitter:hover {
  background-color: #2B6699;
  }