/***************************************************

  Mixins Themes 

/***************************************************/

/* Mixin Normal*/

/* Mixin Clear */

/* Mixin Border */

/*background RGBA

============================================*/

/***************************************************

  Mixins RTL Themes 

/***************************************************/

/************************************ 

	Override Bootstrap 

*************************************/

/**

 * Web Application Prefix Apply For Making Owner Styles

 */

/**

 *   Blocks Layout Selectors 

 */

/***********************************************************************/

/*Preview Admin */

#module-leoslideshow-preview .container {

  width: 100%; }

#module-leoslideshow-preview .content-only {

  overflow: hidden; }

#module-leoslideshow-preview #leo-paneltool {

  display: none; }



/* The slider */

.iviewSlider {

  overflow: hidden; }



/* The timer in the Slider */

.iview-timer {

  position: absolute;

  z-index: 100;

  cursor: pointer;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  -o-border-radius: 5px;

  border-radius: 5px; }

  .iview-timer div {

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -ms-border-radius: 3px;

    -o-border-radius: 3px;

    border-radius: 3px; }



/* The Preloader in the Slider */

.iview-preloader {

  position: absolute;

  z-index: 9;

  border: #000000 1px solid;

  padding: 1px;

  width: 100px;

  height: 3px;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  -o-border-radius: 3px;

  border-radius: 3px; }

  .iview-preloader div {

    background: #000000;

    float: left;

    width: 0px;

    height: 3px;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    -ms-border-radius: 2px;

    -o-border-radius: 2px;

    border-radius: 2px; }



/* The strips and boxes in the Slider */

.iview-strip, .iview-block {

  display: block;

  position: absolute;

  z-index: 5; }



/* Direction nav styles (e.g. Next & Prev) */

.iview-directionNav a {

  position: absolute;

  top: 50%;

  z-index: 1;

  cursor: pointer;

  margin-top: -30px;

  color: transparent !important;

  text-align: center;

  font-size: 0px;

  width: 60px;

  height: 60px;

  line-height: 60px;

  background: rgba(0, 0, 0, 0.2);

  transition: all 0.4s;

  box-shadow: none;

  border: 0; }

  @media (max-width: 767px) {

    .iview-directionNav a {

      width: 30px;

      height: 30px;

      line-height: 30px;

      margin-top: -15px; } }

  .iview-directionNav a:before {

    content: "";

    font-family: "FontAwesome";

    font-size: 30px;

    color: #fff;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    -webkit-transition: all 0.4s;

    -o-transition: all 0.4s;

    transition: all 0.4s; }

  .iview-directionNav a:hover {

    background: rgba(0, 0, 0, 0.5); }

    .iview-directionNav a:hover:before {

      color: #fff; }

  .iview-directionNav a.iview-prevNav {

    left: -50px; }

    .iview-directionNav a.iview-prevNav:before {

      content: "\f104"; }

  .iview-directionNav a.iview-nextNav {

    right: -50px; }

    .iview-directionNav a.iview-nextNav:before {

      content: "\f105"; }



.iview .iview-directionNav a.iview-prevNav {

  left: 40px;

  transform: translateX(-40px);

  opacity: 0; }

  @media (max-width: 767px) {

    .iview .iview-directionNav a.iview-prevNav {

      left: 19px; } }

.iview .iview-directionNav a.iview-nextNav {

  right: 40px;

  transform: translateX(40px);

  opacity: 0; }

  @media (max-width: 767px) {

    .iview .iview-directionNav a.iview-nextNav {

      right: 19px; } }



.ApSlideShow:hover .iview-directionNav a {

  transform: translateX(0);

  opacity: 1; }



/* Control nav styles (e.g. 1,2,3...) */

.iview-controlNav {

  text-align: center; }

  .iview-controlNav div.iview-items {

    z-index: 5;

    position: absolute;

    text-align: center;

    display: inline-block;

    vertical-align: top;

    width: auto;

    bottom: 30px; }

    @media (max-width: 991px) {

      .iview-controlNav div.iview-items {

        bottom: 10px; } }

    .iview-controlNav div.iview-items ul {

      margin-bottom: 0px; }

      .iview-controlNav div.iview-items ul li {

        display: inline-block;

        position: relative;

        height: 10px;

        padding: 0px; }

        .iview-controlNav div.iview-items ul li a.iview-control {
          text-indent: -9999px;
          display: inline-block;
          cursor: pointer;
          margin: 0px 5px;
          width: 16px;
          height: 16px;
          border-radius: 50%;
          vertical-align: bottom;
          transition: all .4s;
          border: 3px solid rgba(255, 255, 255, 0.5);
          background: none;
        }

          .iview-controlNav div.iview-items ul li a.iview-control:hover {

            border-color: #fff; }

          .iview-controlNav div.iview-items ul li a.iview-control.active {

            background: #fff;

            border-color: #fff; }

    .iview-controlNav div.iview-items.customHtmlBullet {

      padding: 0px;

      height: 96px;

      width: 100%;

      background: #FFF;

      position: absolute;

      left: 0;

      bottom: 0;

      text-align: left;

      z-index: 3; }

      .iview-controlNav div.iview-items.customHtmlBullet ul li {

        width: 33%;

        height: 96px;

        float: left;

        padding: 0; }

      .iview-controlNav div.iview-items.customHtmlBullet a.iview-control {

        padding: 20px 25px 20px 16%;

        float: left;

        width: 100%;

        height: 100%;

        color: #333;

        background: none;

        text-transform: uppercase;

        border-left: 1px solid #DDD;

        -webkit-border-radius: 0;

        -moz-border-radius: 0;

        -ms-border-radius: 0;

        -o-border-radius: 0;

        border-radius: 0;

        text-indent: inherit;

        margin: 0; }

        .iview-controlNav div.iview-items.customHtmlBullet a.iview-control.active, .iview-controlNav div.iview-items.customHtmlBullet a.iview-control:hover {

          background: #fafafa;

          cursor: pointer; }

          .iview-controlNav div.iview-items.customHtmlBullet a.iview-control.active:after, .iview-controlNav div.iview-items.customHtmlBullet a.iview-control:hover:after {

            font-family: "FontAwesome";

            content: "\f0d8";

            position: absolute;

            top: -33px;

            right: auto;

            left: 50%;

            margin-left: -10px;

            font-size: 40px;

            color: #fafafa; }

          .iview-controlNav div.iview-items.customHtmlBullet a.iview-control.active span, .iview-controlNav div.iview-items.customHtmlBullet a.iview-control:hover span {

            background-color: #000;

            color: #FFFFFF; }

        .iview-controlNav div.iview-items.customHtmlBullet a.iview-control h5 {

          color: #333;

          font-size: 13px;

          font-weight: 400;

          font-family: "Poppins", sans-serif;

          line-height: 20px; }

        .iview-controlNav div.iview-items.customHtmlBullet a.iview-control span {

          -webkit-border-radius: 100%;

          -moz-border-radius: 100%;

          -ms-border-radius: 100%;

          -o-border-radius: 100%;

          border-radius: 100%;

          -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);

          -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);

          -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);

          -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);

          box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);

          background: #eaeaea;

          width: 56px;

          height: 56px;

          line-height: 56px;

          color: #333;

          display: inline-block;

          text-align: center;

          font-family: "Poppins", sans-serif;

          font-size: 18px;

          margin: 0 18px 0 0;

          float: left; }

        .iview-controlNav div.iview-items.customHtmlBullet a.iview-control p {

          margin: 0;

          color: #666; }

  .iview-controlNav.iview-thumbnail div.iview-items {

    bottom: 0; }

    .iview-controlNav.iview-thumbnail div.iview-items ul li {

      width: 200px;

      height: auto;

      overflow: hidden;

      vertical-align: bottom; }

      .iview-controlNav.iview-thumbnail div.iview-items ul li a {

        width: 100%;

        height: auto;

        margin: 0;

        text-indent: inherit;

        background: transparent;

        -webkit-transition: all 0.3s ease-out;

        -o-transition: all 0.3s ease-out;

        transition: all 0.3s ease-out; }

        .iview-controlNav.iview-thumbnail div.iview-items ul li a.active, .iview-controlNav.iview-thumbnail div.iview-items ul li a:hover {

          -webkit-transform: scale(1.1);

          -moz-transform: scale(1.1);

          -ms-transform: scale(1.1);

          -o-transform: scale(1.1);

          transform: scale(1.1); }

        .iview-controlNav.iview-thumbnail div.iview-items ul li a img {

          max-width: 100%;

          height: auto; }



/* The video show in the Slider */

.iview-video-show {

  background: #000;

  position: absolute;

  width: 100%;

  height: 100%;

  z-index: 101; }

  .iview-video-show .iview-video-container {

    position: relative;

    width: 100%;

    height: 100%; }

    .iview-video-show .iview-video-container a.iview-video-close {

      position: absolute;

      right: 10px;

      top: 10px;

      background: #222;

      color: #FFFFFF;

      text-align: center;

      line-height: 29px;

      font-size: 22px;

      font-weight: 600;

      overflow: hidden;

      width: 20px;

      height: 20px;

      -webkit-border-radius: 15px;

      -moz-border-radius: 15px;

      -ms-border-radius: 15px;

      -o-border-radius: 15px;

      border-radius: 15px; }

      .iview-video-show .iview-video-container a.iview-video-close:hover {

        background: #444; }



/*# sourceMappingURL=iview.css.map */

