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

  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;

  cursor: pointer; }



/* 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: #18191c 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: #18191c;

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

  cursor: pointer;

  margin-top: -25px;

  color: #FFFFFF;

  text-align: center;

  font-size: 0px;

  width: 50px;

  height: 50px;

  background-color: #18191c;

  background-color: rgba(24, 25, 28, 0.1);

  zoom: 1;

  background-color: transparent\9;

  -webkit-transition: left 0.3s ease-in-out;

  -moz-transition: left 0.3s ease-in-out;

  -ms-transition: left 0.3s ease-in-out;

  -o-transition: left 0.3s ease-in-out;

  transition: left 0.3s ease-in-out;

  -webkit-transition-property: left, right;

  -moz-transition-property: left, right;

  transition-property: left, right; }

  .iview-directionNav a:before {

    content: "";

    font-family: "FontAwesome";

    font-size: 20px;

    line-height: 48px;

    color: #FFFFFF; }

  .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-directionNav a:hover {

    background: #b7001d;

    color: #FFFFFF; }

  @media (max-width: 600px) {

    .iview-directionNav a {

      width: 40px;

      height: 40px; }

      .iview-directionNav a:before {

        line-height: 40px; } }



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

  padding: 0px;

  height: 60px;

  width: 100%;

  position: absolute;

  left: 0px;

  bottom: -60px;

  text-align: center;

  border-bottom: 1px solid #DDD;

  z-index: 25;

  display: inline-block;

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

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

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

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

  transition: opacity 0.2s ease-out; }

  @media (max-width: 767px) {

    .iview-controlNav div.iview-items {

      display: none; } }

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

        background-color: #FFFFFF;

        text-indent: -9999px;

        display: inline-block;

        cursor: pointer;

        margin: 0px 5px;

        width: 10px;

        height: 10px;

        -webkit-border-radius: 100%;

        -moz-border-radius: 100%;

        -ms-border-radius: 100%;

        -o-border-radius: 100%;

        border-radius: 100%; }

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

          background: #fafafa; }

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

    width: 25%;

    height: 60px;

    float: left;

    padding: 0; }

    @media (max-width: 1199px) and (min-width: 992px) {

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

        font-size: 0.75rem; } }

    @media (max-width: 991px) and (min-width: 768px) {

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

        font-size: 0.625rem; } }

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

    padding: 15px 10px 10px 10px;

    float: left;

    width: 100%;

    height: 100%;

    color: #777777;

    background: none;

    text-transform: capitalize;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    -o-border-radius: 0;

    border-radius: 0;

    text-indent: inherit;

    margin: 0;

    font-weight: 500; }

    @media (max-width: 1199px) {

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

        padding-top: 10px; } }

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

      background: #FFFFFF;

      cursor: pointer;

      border-bottom: 2px solid #b7001d;

      border-left: 1px solid #DDD;

      border-right: 1px solid #DDD;

      color: #b7001d; }

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

        background-color: #b7001d;

        color: #FFFFFF;

        display: none; }

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

      color: #e33d3d;

      font-size: 0.8125rem;

      font-weight: 400;

      font-family: "DM Sans", 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: #e33d3d;

      display: inline-block;

      text-align: center;

      font-family: "DM Sans", sans-serif;

      font-size: 1.125rem;

      margin: 0 1.125rem 0 0;

      float: left;

      display: none; }

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

      margin: 0;

      color: #999999; }

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

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

      -ms-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: 1.375rem;

      font-weight: bold;

      overflow: hidden;

      width: 1.25rem;

      height: 1.25rem;

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