/*slippry v1.2.1 - Simple responsive content slider*/

@-webkit-keyframes left-right { 
    0% {-webkit-transform: translateY(-20%) translateX(-10%);-moz-transform: translateY(-20%) translateX(-10%);-ms-transform: translateY(-20%) translateX(-10%);-o-transform: translateY(-20%) translateX(-10%);transform: translateY(-20%) translateX(-10%);}
100% {-webkit-transform: translateY(0%) translateX(10%);-moz-transform: translateY(0%) translateX(10%);-ms-transform: translateY(0%) translateX(10%);-o-transform: translateY(0%) translateX(10%);transform: translateY(0%) translateX(10%);}
}
@-moz-keyframes left-right {
  0% {
    -webkit-transform: translateY(-20%) translateX(-10%);
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -o-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%);
  }

  100% {
    -webkit-transform: translateY(0%) translateX(10%);
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -o-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%);
  }
}

@-ms-keyframes left-right {
  0% {
    -webkit-transform: translateY(-20%) translateX(-10%);
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -o-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%);
  }

  100% {
    -webkit-transform: translateY(0%) translateX(10%);
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -o-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%);
  }
}

@keyframes left-right {
  0% {
    -webkit-transform: translateY(-20%) translateX(-10%);
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -o-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%);
  }
  100% {
    -webkit-transform: translateY(0%) translateX(10%);
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -o-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%);
  }
}
@-webkit-keyframes right-left {
  0% {
    -webkit-transform: translateY(0%) translateX(10%);
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -o-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%);
  }
  100% {
    -webkit-transform: translateY(-20%) translateX(-10%);
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -o-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%);
  }
}
@-moz-keyframes right-left {
  0% {
    -webkit-transform: translateY(0%) translateX(10%);
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -o-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%);
  }
  100% {
    -webkit-transform: translateY(-20%) translateX(-10%);
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -o-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%);
  }
}

@-ms-keyframes right-left {
  0% {
    -webkit-transform: translateY(0%) translateX(10%);
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -o-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%);
  }

  100% {
    -webkit-transform: translateY(-20%) translateX(-10%);
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -o-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%);
  }
}

@keyframes right-left {
  0% {
    -webkit-transform: translateY(0%) translateX(10%);
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -o-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%);
  }

  100% {
    -webkit-transform: translateY(-20%) translateX(-10%);
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -o-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%);
  }
}
/* added to the original element calling slippry */
.sy-box.sy-loading {background: url(images/sy-loader.gif) 50% 50% no-repeat; -webkit-background-size: 32px; -moz-background-size: 32px; -o-background-size: 32px;background-size: 32px;min-height: 40px;}
.sy-box.sy-loading .sy-slides-wrap, .sy-box.sy-loading .sy-pager { visibility: hidden;}
/* element that wraps the slides */
.sy-slides-wrap {position: relative;height: 100%;width: 100%;}
.sy-slides-wrap:hover .sy-controls {display: block;}
/* element that crops the visible area to the slides */
.sy-slides-crop {height: 100%;width: 100%;position: absolute;overflow: hidden;margin-top:10px;}
.exmoreGal .sy-slides-crop {height: 100%;width: 100%;position: absolute;overflow: hidden;margin-top:10px;border:1px solid #ccc;}
/* list containing the slides */
.sy-list { width: 100%;height: 100%;list-style: none;margin: 0;padding: 0;position: absolute;}
.sy-list.horizontal {-webkit-transition: left ease;-moz-transition: left ease;-o-transition: left ease;transition: left ease;}
.sy-list.vertical {-webkit-transition: top ease;-moz-transition: top ease;-o-transition: top ease;transition: top ease;}
/* single slide */
.sy-slide {position: absolute;width: 100%;z-index: 2;}
.sy-slide.kenburns {width: 140%;left: -20%;}
.sy-slide.kenburns.useCSS {-webkit-transition-property: opacity;-moz-transition-property: opacity;-o-transition-property: opacity;transition-property: opacity;}
.sy-slide.kenburns.useCSS.sy-ken:nth-child(1n) {-webkit-animation-name: left-right;-webkit-animation-fill-mode: forwards;-moz-animation-name: left-right;-moz-animation-fill-mode: forwards;-o-animation-name: left-right;-o-animation-fill-mode: forwards;animation-name: left-right;animation-fill-mode: forwards;}
.sy-slide.kenburns.useCSS.sy-ken:nth-child(2n) {-webkit-animation-name: right-left;-webkit-animation-fill-mode: forwards;-moz-animation-name: right-left;-moz-animation-fill-mode: forwards;-o-animation-name: right-left;-o-animation-fill-mode: forwards;animation-name: right-left;animation-fill-mode: forwards;}
.sy-slide.sy-active {z-index: 3;}
.sy-slide > a {margin: 0;padding: 0;display: block;width: 100%;}
.sy-slide > a > img {width:100%;float: left;margin: 0;padding: 0px;vertical-align: middle;margin-bottom:20px;}
/* next/ prev buttons, with arrows and clickable area a lot larger than the visible buttons */
.sy-controls {display: none;list-style: none;height: 100%;width: 100%;position: absolute;padding: 0;margin: 0;}
/* .exmoreGal ul#demo1 { border: 1px solid #ccc;} */
.sy-controls li {position: absolute;width: 10%;min-width: 4.2em;height: 100%;z-index: 33;}
.sy-controls li.sy-prev {left: 0;top: 0;}
.sy-controls li.sy-prev a:after {background-position: -5% 0;}
.sy-controls li.sy-next {right: 0;top: 0;}
.sy-controls li.sy-next a:after {background-position: 105% 0;}
.sy-controls li a {position: relative;width: 100%;height: 100%;display: block;text-indent: -9999px;}
.sy-controls li a:link, .sy-controls li a:visited {opacity: 0.4;}
.sy-controls li a:hover, .sy-controls li a:focus {opacity: 0.8;outline: none;}
.sy-controls li a:after {content: "";background-image: url("images/arrows.svg");background-repeat: no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;text-align: center;text-indent: 0;line-height: 2.8em;color: #111;font-weight: 800;position: absolute;background-color: #fff;width: 2.8em;height: 2.8em;left: 50%;top: 50%;margin-top: -1.4em;margin-left: -1.4em;display:none;}
@media only screen and (max-device-width: 600px) {
  .sy-controls {display: block;}
  .sy-controls li {min-width: 2.1em;}
  .sy-controls li a:after {width: 1.4em;height: 1.4em;margin-top: -0.7em;margin-left: -0.7em;}}
/* captions, styled fo the overlay variant */
.sy-caption-wrap {position: absolute;bottom: 2em;z-index: 12;left: 50%;}
.sy-caption-wrap .sy-caption {position: relative;left: -50%;background-color: rgba(0, 0, 0, 0.54);color: #fff;padding: 0.4em 1em;-webkit-border-radius: 1.2em;-moz-border-radius: 1.2em;-ms-border-radius: 1.2em;-o-border-radius: 1.2em;border-radius: 1.2em;display: none !important;}
.sy-caption-wrap .sy-caption a:link, .sy-caption-wrap .sy-caption a:visited {color: #e24b70;font-weight: 600;text-decoration: none;}
.sy-caption-wrap .sy-caption a:hover, .sy-caption-wrap .sy-caption a:focus {text-decoration: underline;}
@media only screen and (max-device-width: 600px), screen and (max-width: 600px) {.sy-caption-wrap {left: 0;bottom: 0.4em;}
  .sy-caption-wrap .sy-caption {left: 0;padding: 0.2em 0.4em;font-size: 0.92em;-webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;border-radius: 0;}}
/* pager bubbles */
.sy-pager {overflow: hidden;/*zoom:1;*/display: block;width: 100%;margin: -3em 0 0;padding: 0;list-style: none;text-align: center;position: relative;top: 13px;z-index: 999;}
.sy-pager li {display: inline-block;width: 0.8em;height: 0.8em;margin: 1em 1em 0 0;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;}
#banner_panel_inner .sy-pager li {display: inline-block;width: 0.8em;height: 0.8em;margin: 1em 1em 0 0;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;}
.exmoreGal .sy-pager li {background:#007CC2;display: inline-block;width: 1.2em;height: 1.2em;margin: 1em 1em 0 0;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;}
.exmoreGal .sy-pager li a {width: 100%;height: 100%;display: marker !important;background: none !important;text-indent: -9999px;-webkit-background-size: 2em;-moz-background-size: 2em;-o-background-size: 2em;background-size: 2em;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;color:#fff;text-decoration:none;}
#banner_panel_inner .sy-pager li a {width: 100%;height: 100%;display: block; background-color: #cccccc;text-indent: -9999px;-webkit-background-size: 2em;-moz-background-size: 2em;-o-background-size: 2em;background-size: 2em;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;}
.sy-pager li a:link, .sy-pager li a:visited {opacity: 1.0;}
.sy-pager li a:hover, .sy-pager li a:focus {opacity: 0.6;}
.exmoreGal  .sy-pager {overflow: hidden;/*zoom: 1;*/display: marker !important; width: 100%;margin: -3em 0 0;padding: 0;list-style: decimal-leading-one;text-align: center;position: relative;top: 20px;z-index: 999;}
#banner_panel_inner .sy-pager li.sy-active a {background-color: #666666;}
.exmoreGal .sy-pager li.sy-active a {background-color: #F2A43A;/* border-radius: 53%; */height:100%;width:100%;}
.exmoreGal .sy-pager li.sy-active {background-color: #F2A43A;/* border-radius: 53%; */}
/* element to "keep/ fill" the space of the content, gets intrinsic height via js */
.sy-filler {width: 100%;}
.sy-filler.ready {-webkit-transition: padding 600ms ease;-moz-transition: padding 600ms ease;-o-transition: padding 600ms ease;transition: padding 600ms ease;}