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

  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: 1000;

  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;

  bottom: 50%;

  top: auto;

  width: 40px;

  height: 40px;

  color: transparent;

  text-align: center;

  background: #FFFFFF;

  font-size: 0;

  border: none;

  cursor: pointer;

  border-radius: 50px;

  opacity: 0;

  filter: alpha(opacity=0);

  -webkit-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  transition: all 0.5s ease;

  -webkit-transform: translate(0, 50%);

  -moz-transform: translate(0, 50%);

  -ms-transform: translate(0, 50%);

  -o-transform: translate(0, 50%);

  transform: translate(0, 50%);

  -moz-box-shadow: 0 0px 0px 0px rgba(255, 255, 255, 0.3);

  -webkit-box-shadow: 0 0px 0px 0px rgba(255, 255, 255, 0.3);

  -o-box-shadow: 0 0px 0px 0px rgba(255, 255, 255, 0.3);

  -ms-box-shadow: 0 0px 0px 0px rgba(255, 255, 255, 0.3);

  box-shadow: 0 0px 0px 0px rgba(255, 255, 255, 0.3); }

  .iview-directionNav a:before {

    content: "\f105";

    font-family: "FontAwesome";

    color: #222222;

    font-size: 20px;

    display: block;

    -webkit-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

    line-height: 40px; }

    [dir="rtl"] .iview-directionNav a:before {

      content: "\f104"; }

  .iview-directionNav a.iview-prevNav {

    left: -50px; }

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

      content: "\f104";

      left: 12px; }

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

        right: 12px;

        left: auto; }

      [dir="rtl"] .iview-directionNav a.iview-prevNav:before {

        content: "\f105"; }

  .iview-directionNav a.iview-nextNav {

    right: -50px; }

  @media (min-width: 992px) {

    .iview-directionNav a:hover {

      -moz-box-shadow: 0 0px 0px 10px rgba(255, 255, 255, 0.3);

      -webkit-box-shadow: 0 0px 0px 10px rgba(255, 255, 255, 0.3);

      -o-box-shadow: 0 0px 0px 10px rgba(255, 255, 255, 0.3);

      -ms-box-shadow: 0 0px 0px 10px rgba(255, 255, 255, 0.3);

      box-shadow: 0 0px 0px 10px rgba(255, 255, 255, 0.3); } }

  @media (max-width: 600px) {

    .iview-directionNav a {

      width: 40px;

      height: 40px; }

      .iview-directionNav a:before {

        line-height: 40px; } }



.iview.iview-hover .iview-directionNav a {

  opacity: 1;

  filter: alpha(opacity=100); }

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

    left: 10px; }

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

    right: 10px; }



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

.iview-controlNav div.iview-items {

  position: absolute;

  bottom: 20px;

  display: inline-block;

  width: 100%;

  -webkit-transition: opacity 0.2s ease-out;

  -o-transition: opacity 0.2s ease-out;

  transition: opacity 0.2s ease-out;

  left: 6%; }

  .rtl .iview-controlNav div.iview-items {

    right: 6%;

    left: auto; }

  .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 {

        position: relative;

        text-indent: -9999px;

        display: inline-block;

        cursor: pointer;

        margin: 0px 8px;

        width: 9px;

        height: 9px;

        -webkit-border-radius: 100%;

        -moz-border-radius: 100%;

        -ms-border-radius: 100%;

        -o-border-radius: 100%;

        border-radius: 100%;

        background: #e6e6e6;

        box-sizing: content-box; }

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

          content: "";

          background: #323232;

          position: absolute;

          bottom: -2px;

          left: -2px;

          width: 14px;

          height: 14px;

          border-radius: 50%;

          -webkit-transition: all 0.3s ease;

          -o-transition: all 0.3s ease;

          transition: all 0.3s ease;

          opacity: 0;

          filter: alpha(opacity=0);

          -webkit-transform: scale(0);

          -moz-transform: scale(0);

          -ms-transform: scale(0);

          -o-transform: scale(0);

          transform: scale(0); }

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

            right: -2px;

            left: auto; }

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

          opacity: 1;

          filter: alpha(opacity=100);

          -webkit-transform: scale(1);

          -moz-transform: scale(1);

          -ms-transform: scale(1);

          -o-transform: scale(1);

          transform: scale(1); }

  .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: #222222;

      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: #008270;

          color: #FFFFFF; }

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

        color: #222222;

        font-size: 14px;

        font-weight: 400;

        font-family: "Harmonia Sans Pro Cyr";

        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: #222222;

        display: inline-block;

        text-align: center;

        font-family: "Harmonia Sans Pro Cyr";

        font-size: 18px;

        margin: 0 18px 0 0;

        float: left; }

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

        margin: 0;

        color: #666; }



/* 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: bold;

      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 */

