/* Begin Flexslider */

.flex-container {
  min-width: 150px;
  max-width: 704px;
}


/* Direction Nav */


.flex-direction-nav a,
.flex-direction-nav a::before {
  color: rgba(0, 73, 219, 1);
}

.flex-prev, .flex-next { line-height: 40px; }

/* Control Nav */

.flex-control-paging li a.flex-active {
  background-color: #002776;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#002776), to(#2970FF));
  background-image: -webkit-linear-gradient(top, #002776, #2970FF);
  background-image: -moz-linear-gradient(top, #002776, #2970FF);
  background-image: -o-linear-gradient(top, #002776, #2970FF);
  background-image: linear-gradient(to bottom, #002776, #2970FF);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.flex-control-paging li a {
  background-color: #b6b6b6;
  -webkit-box-shadow: inset 0 0 0 2px #b6b6b6;
  -moz-box-shadow: inset 0 0 0 2px #b6b6b6;
  box-shadow: inset 0 0 0 2px #b6b6b6;
}


/* Captions */

.flexslider .slides p {
  display: block;
  padding: 12px;
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  color: #000;
  background-color: #FFB612;
  background: rgba(255, 182, 18, .9);
  z-index: 999;
  position: absolute;
  opacity: 0;
  transition: all 1s;
  box-sizing: padding-box;
  letter-spacing: -1px;
  font-size: 16px;
}

.slides .flex-active-slide p {
  opacity: 1;
  transition: all 1s;
}

.flexslider .slides p strong {
  display: block;
  font-size: 18px;
  color: #000;
  line-height: 150%;
  text-transform: lowercase;
  font-weight: normal;
}

.flexslider .slides p.left {
  left: 0;
  bottom: 0;
  width: 33.333%;
}

.flexslider .slides p.right {
  right: 0;
  bottom: 0;
  width: 33.333%;
}

.flexslider .slides p.top {
  left: 0;
  top: 0;
  width: 100%;
}

.flexslider .slides p.bottom {
  left: 0;
  bottom: 0;
  width: 100%;
}

@media screen\0 {

      div.content ul.slides li,
      div.content ul.slides li a,
      div.content ul.slides li p {
            box-sizing: border-box;
      }

      div.content ul.slides li a {
            border-width: 0;
            color: #ffffff;
      }

      div.content ul.slides li p {
            left: 2px !important;
      }

}

/* End Flexslider */