.slideshow{position:relative;margin-bottom:100px;}
.slides{list-style:none;padding:0;margin:0;position:relative;height:750px;width:100%;overflow:hidden;background:#ddd;color:#333;}
.no-js .slides{height:auto;}
.slides > li{width:100%;height:100%;position:absolute;visibility:hidden;-webkit-perspective:1600px;perspective:1600px;}
.no-js .slides > li{position:relative;visibility:visible;}
.slideshow > nav1{text-align:center;margin-top:20px;}
.slideshow > nav1 span{display:inline-block;width:60px;height:25px;border-top:10px solid #fff;border-bottom:10px solid #fff;background-color:#ddd;cursor:pointer;margin:0 3px;transition:background-color 0.2s;}
.slideshow > nav1 span:hover{background-color:#333;}
.slideshow > nav1 span.current{background-color:#aaa;}
.description{width:50%;padding:2em 4em;font-size:1.5em;position:relative;z-index:1000;opacity:0;}
.no-js .description{opacity:1;}
.description h2{font-size:60px;font-weight:800px;text-shadow:0 1px 2px rgba(0,0,0,.25);color:#000;}
.tiltview{position:absolute;left:50%;width:50%;top:50%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translateY(-50%) rotateX(60deg) rotateZ(35deg);transform:translateY(-50%) rotateX(60deg) rotateZ(35deg);}
.tiltview a{outline:1px solid transparent;-webkit-box-shadow:-14px 60px 60px 0px rgba(50,50,50,0.86);-moz-box-shadow:-14px 60px 60px 0px rgba(50,50,50,0.86);box-shadow:-14px 60px 60px 0px rgba(50,50,50,0.86);}
.tiltview a,
.tiltview a img{max-width:100%;display:block;margin:0 auto;}
.tiltview a:first-child{margin-bottom:30px;}
.tiltview.row a{width:60%;width:calc(50% - 15px);margin:0;}
.tiltview.row a:nth-child(2){left:50%;left:calc(50% + 15px);position:absolute;top:0;}
.slides > li.current,
.slides > li.show{visibility:visible;}
.description{transition:opacity 0.75s;}
.current .description,
.show .description{opacity:1;}
.hide .description{opacity:0;}
.hide[data-effect-out="moveUpOut"] .tiltview a{-webkit-animation:moveUpOut 1.5s both;animation:moveUpOut 1.5s both;}
.hide[data-effect-out="moveUpOut"] .tiltview a:nth-child(2){-webkit-animation-delay:0.25s;animation-delay:0.25s;}
@-webkit-keyframes moveUpOut{25%{-webkit-animation-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);-webkit-transform:translateZ(-30px);}
100%{-webkit-transform:translateZ(3000px);}
}
@keyframes moveUpOut{25%{-webkit-animation-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);animation-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);-webkit-transform:translateZ(-30px);transform:translateZ(-30px);}
100%{-webkit-transform:translateZ(3000px);transform:translateZ(3000px);}
}
.show[data-effect-in="moveUpIn"] .tiltview a{-webkit-animation:moveUpIn 1.5s 0.5s both;animation:moveUpIn 1.5s 0.5s both;}
.show[data-effect-in="moveUpIn"] .tiltview a:nth-child(2){-webkit-animation-delay:0.75s;animation-delay:0.75s;}
@-webkit-keyframes moveUpIn{0%{-webkit-animation-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);-webkit-transform:translateZ(-3000px);}
75%{-webkit-transform:translateZ(30px);}
100%{-webkit-transform:translateZ(0);}
}
@keyframes moveUpIn{0%{-webkit-animation-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);animation-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);-webkit-transform:translateZ(-3000px);transform:translateZ(-3000px);}
75%{-webkit-transform:translateZ(30px);transform:translateZ(30px);}
100%{-webkit-transform:translateZ(0);transform:translateZ(0);}
}
.hide[data-effect-out="moveDownOut"] .tiltview a{-webkit-animation:moveDownOut 1.5s both;animation:moveDownOut 1.5s both;}
.hide[data-effect-out="moveDownOut"] .tiltview a:nth-child(2){-webkit-animation-delay:0.25s;animation-delay:0.25s;}
@-webkit-keyframes moveDownOut{25%{-webkit-animation-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);-webkit-transform:translateZ(30px);}
100%{-webkit-transform:translateZ(-3000px);}
}
@keyframes moveDownOut{25%{-webkit-animation-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);animation-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);-webkit-transform:translateZ(30px);transform:translateZ(30px);}
100%{-webkit-transform:translateZ(-3000px);transform:translateZ(-3000px);}
}
.show[data-effect-in="moveDownIn"] .tiltview a{-webkit-animation:moveDownIn 1.5s 0.5s both;animation:moveDownIn 1.5s 0.5s both;}
.show[data-effect-in="moveDownIn"] .tiltview a:nth-child(2){-webkit-animation-delay:0.75s;animation-delay:0.75s;}
@-webkit-keyframes moveDownIn{0%{-webkit-animation-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);-webkit-transform:translateZ(3000px);}
75%{-webkit-transform:translateZ(-30px);}
100%{-webkit-transform:translateZ(0);}
}
@keyframes moveDownIn{0%{-webkit-animation-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);animation-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);-webkit-transform:translateZ(3000px);transform:translateZ(3000px);}
75%{-webkit-transform:translateZ(-30px);transform:translateZ(-30px);}
100%{-webkit-transform:translateZ(0);transform:translateZ(0);}
}
.hide[data-effect-out="slideUpOut"] .tiltview a{-webkit-animation:slideUpOut 1.5s both;animation:slideUpOut 1.5s both;}
.hide[data-effect-out="slideUpOut"] .tiltview a:nth-child(2){-webkit-animation-delay:0.25s;animation-delay:0.25s;}
@-webkit-keyframes slideUpOut{25%{-webkit-animation-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);-webkit-transform:translateY(30px);}
100%{-webkit-transform:translateY(-3000px);}
}
@keyframes slideUpOut{25%{-webkit-animation-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);animation-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);-webkit-transform:translateY(30px);transform:translateY(30px);}
100%{-webkit-transform:translateY(-3000px);transform:translateY(-3000px);}
}
.show[data-effect-in="slideUpIn"] .tiltview a{-webkit-animation:slideUpIn 1.5s 0.5s both;animation:slideUpIn 1.5s 0.5s both;}
.show[data-effect-in="slideUpIn"] .tiltview a:nth-child(2){-webkit-animation-delay:0.75s;animation-delay:0.75s;}
@-webkit-keyframes slideUpIn{0%{-webkit-animation-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);-webkit-transform:translateY(3000px);}
75%{-webkit-transform:translateY(-30px);}
100%{-webkit-transform:translateY(0);}
}
@keyframes slideUpIn{0%{-webkit-animation-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);animation-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);-webkit-transform:translateY(3000px);transform:translateY(3000px);}
75%{-webkit-transform:translateY(-30px);transform:translateY(-30px);}
100%{-webkit-transform:translateY(0);transform:translateY(0);}
}
.hide[data-effect-out="slideDownOut"] .tiltview a{-webkit-animation:slideDownOut 1.5s both;animation:slideDownOut 1.5s both;}
.hide[data-effect-out="slideDownOut"] .tiltview.row a:nth-child(2),
.hide[data-effect-out="slideDownOut"] .tiltview.col a:first-child{-webkit-animation-delay:0.25s;animation-delay:0.25s;}
@-webkit-keyframes slideDownOut{25%{-webkit-animation-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);-webkit-transform:translateY(-30px);}
100%{-webkit-transform:translateY(3000px);}
}
@keyframes slideDownOut{25%{-webkit-animation-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);animation-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);-webkit-transform:translateY(-30px);transform:translateY(-30px);}
100%{-webkit-transform:translateY(3000px);transform:translateY(3000px);}
}
.show[data-effect-in="slideDownIn"] .tiltview a{-webkit-animation:slideDownIn 1.5s 0.5s both;animation:slideDownIn 1.5s 0.5s both;}
.show[data-effect-in="slideDownIn"] .tiltview.row a:nth-child(2),
.show[data-effect-in="slideDownIn"] .tiltview.col a:first-child{-webkit-animation-delay:0.75s;animation-delay:0.75s;}
@-webkit-keyframes slideDownIn{0%{-webkit-animation-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);-webkit-transform:translateY(-3000px);}
75%{-webkit-transform:translateY(30px);}
100%{-webkit-transform:translateY(0);}
}
@keyframes slideDownIn{0%{-webkit-animation-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);animation-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);-webkit-transform:translateY(-3000px);transform:translateY(-3000px);}
75%{-webkit-transform:translateY(30px);transform:translateY(30px);}
100%{-webkit-transform:translateY(0);transform:translateY(0);}
}
.hide[data-effect-out="slideLeftOut"] .tiltview a{-webkit-animation:slideLeftOut 1.5s both;animation:slideLeftOut 1.5s both;}
.hide[data-effect-out="slideLeftOut"] .tiltview a:nth-child(2){-webkit-animation-delay:0.25s;animation-delay:0.25s;}
@-webkit-keyframes slideLeftOut{25%{-webkit-animation-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);-webkit-transform:translateX(30px);}
100%{-webkit-transform:translateX(-5000px);}
}
@keyframes slideLeftOut{25%{-webkit-animation-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);animation-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);-webkit-transform:translateX(30px);transform:translateX(30px);}
100%{-webkit-transform:translateX(-5000px);transform:translateX(-5000px);}
}
.show[data-effect-in="slideLeftIn"] .tiltview a{-webkit-animation:slideLeftIn 1.5s 0.5s both;animation:slideLeftIn 1.5s 0.5s both;}
.show[data-effect-in="slideLeftIn"] .tiltview a:nth-child(2){-webkit-animation-delay:0.75s;animation-delay:0.75s;}
@-webkit-keyframes slideLeftIn{0%{-webkit-animation-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);-webkit-transform:translateX(3000px);}
75%{-webkit-transform:translateX(-30px);}
100%{-webkit-transform:translateX(0);}
}
@keyframes slideLeftIn{0%{-webkit-animation-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);animation-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);-webkit-transform:translateX(3000px);transform:translateX(3000px);}
75%{-webkit-transform:translateX(-30px);transform:translateX(-30px);}
100%{-webkit-transform:translateX(0);transform:translateX(0);}
}
.hide[data-effect-out="slideRightOut"] .tiltview a{-webkit-animation:slideRightOut 1.5s both;animation:slideRightOut 1.5s both;}
.hide[data-effect-out="slideRightOut"] .tiltview.col a:nth-child(2),
.hide[data-effect-out="slideRightOut"] .tiltview.row a:first-child{-webkit-animation-delay:0.25s;animation-delay:0.25s;}
@-webkit-keyframes slideRightOut{25%{-webkit-animation-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);-webkit-transform:translateX(-30px);}
100%{-webkit-transform:translateX(3000px);}
}
@keyframes slideRightOut{25%{-webkit-animation-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);animation-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);-webkit-transform:translateX(-30px);transform:translateX(-30px);}
100%{-webkit-transform:translateX(3000px);transform:translateX(3000px);}
}
.show[data-effect-in="slideRightIn"] .tiltview a{-webkit-animation:slideRightIn 1.5s 0.5s both;animation:slideRightIn 1.5s 0.5s both;}
.show[data-effect-in="slideRightIn"] .tiltview.col a:nth-child(2),
.show[data-effect-in="slideRightIn"] .tiltview.row a:first-child{-webkit-animation-delay:0.75s;animation-delay:0.75s;}
@-webkit-keyframes slideRightIn{0%{-webkit-animation-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);-webkit-transform:translateX(-5000px);}
75%{-webkit-transform:translateX(30px);}
100%{-webkit-transform:translateX(0);}
}
@keyframes slideRightIn{0%{-webkit-animation-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);animation-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);-webkit-transform:translateX(-5000px);transform:translateX(-5000px);}
75%{-webkit-transform:translateX(30px);transform:translateX(30px);}
100%{-webkit-transform:translateX(0);transform:translateX(0);}
}
.no-csstransformspreserve3d .show .tiltview a,
.no-csstransformspreserve3d .hide .tiltview a,
.no-csstransforms3d .show .tiltview a,
.no-csstransforms3d .hide .tiltview a{-webkit-animation:none !important;animation:none !important;}
.no-csstransforms3d .tiltview.col{top:-50%;}
.no-csstransforms3d .tiltview.row{top:20px;}
@media screen and (max-width:65.3125em){.description,
.tiltview{width:60%;}
.tiltview{left:0;pointer-events:none;}
.tiltview{position:absolute;left:30%;width:50%;top:50%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translateY(-50%) rotateX(60deg) rotateZ(35deg);transform:translateY(-50%) rotateX(60deg) rotateZ(35deg);}
}
@media screen and (max-width:33.75em){.description{font-size:1.1em;}
.slideshow > nav1 span{width:20px;height:40px;margin:0 10px;}
}
@media screen and (max-width:24em){.slides{height:400px;}
.description{font-size:1em;padding:1.4em;}
.no-csstransforms3d .tiltview.col,
.no-csstransforms3d .tiltview.row{top:0;}
}