@keyframes left-right {
0% { transform: translateY(-20%) translateX(-10%); }
100% { transform: translateY(0%) translateX(10%); }
}
@keyframes left-right {
0% { transform: translateY(-20%) translateX(-10%); }
100% { transform: translateY(0%) translateX(10%); }
}
@keyframes left-right {
0% { transform: translateY(-20%) translateX(-10%); }
100% { transform: translateY(0%) translateX(10%); }
}
@keyframes right-left {
0% { transform: translateY(0%) translateX(10%); }
100% { transform: translateY(-20%) translateX(-10%); }
}
@keyframes right-left {
0% { transform: translateY(0%) translateX(10%); }
100% { transform: translateY(-20%) translateX(-10%); }
}
@keyframes right-left {
0% { transform: translateY(0%) translateX(10%); }
100% { transform: translateY(-20%) translateX(-10%); }
}
.sy-box.sy-loading { background: transparent url(b1cb8706a65567f3abbdde1aa1916e084ab8e2ed.gif)  no-repeat scroll 50% 50% / 32px auto; min-height: 40px; }
.sy-box.sy-loading .sy-slides-wrap, .sy-box.sy-loading .sy-pager { visibility: hidden; }
.sy-slides-wrap { position: relative; height: 100%; width: 100%; }
.sy-slides-wrap:hover .sy-controls { display: block; }
.sy-slides-crop { height: 100%; width: 100%; position: absolute; overflow: hidden; }
.sy-list { width: 100%; height: 100%; list-style: outside none none; margin: 0px; padding: 0px; position: absolute; }
.sy-list.horizontal { transition: left 0s ease 0s; }
.sy-list.vertical { transition: top 0s ease 0s; }
.sy-slide { position: absolute; width: 100%; z-index: 2; }
.sy-slide.kenburns { width: 140%; left: -20%; }
.sy-slide.kenburns.useCSS { transition-property: opacity; }
.sy-slide.kenburns.useCSS.sy-ken:nth-child(n) { animation-name: left-right; animation-fill-mode: forwards; }
.sy-slide.kenburns.useCSS.sy-ken:nth-child(2n) { animation-name: right-left; animation-fill-mode: forwards; }
.sy-slide.sy-active { z-index: 3; }
.sy-slide > img { margin: 0px; padding: 0px; display: block; width: 100%; border: 0px none; }
.sy-slide > a { margin: 0px; padding: 0px; display: block; width: 100%; }
.sy-slide > a > img { margin: 0px; padding: 0px; display: block; width: 100%; border: 0px none; }
.sy-controls { display: none; list-style: outside none none; height: 100%; width: 100%; position: absolute; padding: 0px; margin: 0px; }
.sy-controls li { position: absolute; width: 10%; min-width: 4.2em; height: 100%; z-index: 33; }
.sy-controls li.sy-prev { left: 0px; top: 0px; }
.sy-controls li.sy-prev a::after { background-position: -5% 0px; }
.sy-controls li.sy-next { right: 0px; top: 0px; }
.sy-controls li.sy-next a::after { background-position: 105% 0px; }
.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: medium none; }
.sy-controls li a::after { content: ""; background-image: url(ec032fbe2f9b175b4ee6be12e619d85bc064df7e.svg) ; background-repeat: no-repeat; background-size: cover; text-align: center; text-indent: 0px; line-height: 2.8em; color: rgb(17, 17, 17); font-weight: 800; position: absolute; background-color: rgb(255, 255, 255); width: 2.8em; height: 2.8em; left: 50%; top: 50%; margin-top: -1.4em; margin-left: -1.4em; border-radius: 50%; }
@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; }
}
.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: rgb(255, 255, 255); padding: 0.4em 1em; border-radius: 1.2em; }
.sy-caption-wrap .sy-caption a:link, .sy-caption-wrap .sy-caption a:visited { color: rgb(226, 75, 112); 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: 0px; bottom: 0.4em; }
  .sy-caption-wrap .sy-caption { left: 0px; padding: 0.2em 0.4em; font-size: 0.92em; border-radius: 0px; }
}
.sy-pager { overflow: hidden; display: block; width: 100%; margin: 1em 0px 0px; padding: 0px; list-style: outside none none; text-align: center; }
.sy-pager li { display: inline-block; width: 1.2em; height: 1.2em; margin: 0px 1em 0px 0px; border-radius: 50%; }
.sy-pager li.sy-active a { background-color: rgb(226, 75, 112); }
.sy-pager li a { width: 100%; height: 100%; display: block; background-color: rgb(204, 204, 204); text-indent: -9999px; background-size: 2em auto; border-radius: 50%; }
.sy-pager li a:link, .sy-pager li a:visited { opacity: 1; }
.sy-pager li a:hover, .sy-pager li a:focus { opacity: 0.6; }
.sy-filler { width: 100%; }
.sy-filler.ready { transition: padding 600ms ease 0s; }