/* ===========================================================
   BANNER
=========================================================== */
.banner {
  width: 100%;
  float: left;
  position: relative;
  padding: 0;
  background: #fff;
  /*box-shadow: 0px 0px 0px 1px #ccc;*/
  /*-moz-box-sizing: border-box;*/
  /* Firefox 1, probably can drop this */
  /*-webkit-box-sizing: border-box;*/
  /* Safari 3-4, also probably droppable */
  /*box-sizing: border-box;*/
  margin-bottom: 14px;
   }
   
/* Everything else */
  @media (max-width: 1250px) {
    .banner {
      margin-bottom: 26px; } }
  .banner .banner-slides {
    position: relative;
    width: 100%;
    border: 1px solid #ccc;
    margin: -1px;
    overflow: hidden; }
    .banner .banner-slides .banner-slide {
      position: relative;
      width: 100%; }
      .banner .banner-slides .banner-slide .banner-image, .banner .banner-slides .banner-slide .banner-mobile-image {
        width: 100%;
        float: left; }
        .banner .banner-slides .banner-slide .banner-image img, .banner .banner-slides .banner-slide .banner-mobile-image img {
          width: 100%;
          height: auto;
          float: left; }
      .banner .banner-slides .banner-slide .banner-mobile-image {
        display: none; }
        @media (max-width: 600px) {
          .banner .banner-slides .banner-slide .banner-mobile-image {
            display: block; } }
      .banner .banner-slides .banner-slide .banner-image {
        display: block; }
        @media (max-width: 600px) {
          .banner .banner-slides .banner-slide .banner-image {
            display: none; } }
  .banner .banner-nav {
    position: absolute;
    right: -26px;
    bottom: 11px;
    width: 19px;
    padding: 12px 0 12px 6px;
    border: 1px #d7d7d7 solid;
    border-left: none;
    border-radius: 0 5px 5px 0; }
    .banner .banner-nav span {
      display: block;
      margin: 8px 0 0;
      width: 13px;
      height: 13px;
      text-indent: -9999px;
      background: #0068ac;
      border-radius: 6px;
      overflow: hidden;
      cursor: pointer; }
      .banner .banner-nav span:first-child {
        margin: 0; }
      .banner .banner-nav span:hover, .banner .banner-nav span.cycle-pager-active {
        background: #3b9edf; }
    @media (max-width: 1250px) {
      .banner .banner-nav {
        right: 11px;
        bottom: -26px;
        width: auto;
        height: 19px;
        padding: 6px 12px 0 12px;
        border-top: none;
        border-left: 1px #d7d7d7 solid;
        border-radius: 0 0 5px 5px; }
        .banner .banner-nav span {
          margin: 0 0 0 8px;
          float: left; } }