/**
 * slippry v1.2.1 - Simple responsive content slider
 * http://slippry.com
 *
 * Author(s): Lukas Jakob Hafner - @saftsaak
 *            Thomas Hurd - @SeenNotHurd
 *
 * Copyright 2013, booncon oy - http://booncon.com
 *
 * Thanks @ http://bxslider.com for the inspiration!
 *
 * Released under the MIT license - http://opensource.org/licenses/MIT
 */
/* -------------------------- MIXINS ---------------------------------- */
/* -------------------------- END MIXINS ---------------------------------- */
/* kenBurns animations, very basic */
@-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 {-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;}

/* 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 {margin: 0;padding: 0;display: block;width: 100%;border: 0;}

/* 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;}
.sy-controls li {position: absolute;width: 60px;min-width: 60px;height: 100%;z-index: 33;}
.sy-controls li.sy-prev {left: 0;top: 0;}
.sy-controls li.sy-prev a:after {font-family:"fontawesome";content:'\f104'; color:#fff; font-size:45px;}
.sy-controls li.sy-next {right: 0;top: 0;}
.sy-controls li.sy-next a:after {font-family:"fontawesome";content:'\f105'; color:#fff; font-size:45px;}
.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: 1;}
.sy-controls li a:hover, .sy-controls li a:focus {opacity: 1; outline: none;}
.sy-controls li a:after {text-align: center;text-indent: 0;line-height: 60px;position: absolute;background-color: #482683;width: 60px;height: 60px;left: 50%;top: 50%;margin-top: -30px;margin-left: -30px;}

@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:0px;z-index: 12;width:100%;right:0px;}
.sy-caption-wrap .sy-caption {position: relative;background: rgba(255,255,255, 0.4); color: #1d1d1b;padding: 35px 0px;border-top:0px solid #fff;text-align:center;font-size:22px;}
.sy-caption-wrap .sy-caption h3 {color:#009fe3;   font-weight: 900;font-size:38px;text-align:center;padding-top:0px !important;margin-top:10px !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: -24px 0px 0 0;padding: 0;list-style: none;text-align: right;	position:relative; z-index:1000;	z-index:5000;	display:none;}
.sy-pager li {display: inline-block;width: 10px;height: 10px;margin: 0 1em 0 0;}
.sy-pager li.sy-active a {background-color: #a02031;}
.sy-pager li a {width: 100%;height: 100%;display: block;background-color: #ccc;text-indent: 9999px;}
.sy-pager li a:link, .sy-pager li a:visited, .sy-pager li a:hover, .sy-pager li a:focus {opacity: 1;}

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