/* Quick.Cms.Ext v6.x slider stylesheet */
/* Quick.Slider */

/* GLOBAL */
.quick-slider, .quick-slider *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.quick-slider img {max-width:100%;}
.quick-slider{position:relative;margin:auto;overflow:hidden;float: left;width: 100%;}
.quick-slider ul{padding:0;margin:0;list-style:none;}
.quick-slider-slide{position:absolute;left:0;top:0;width:100%;display:none;text-align:left;overflow:hidden;line-height:0;}
.quick-slider-slide:first-child{display:block;}
.quick-slider-nav-arrows{z-index:5;position:absolute;bottom:15%;transform:translateY(-50%);float:right;min-height:60px;height:60px;display:block;margin:0;padding:0 10px;color:#fff;text-decoration:none;background:rgba(0,0,0,0.4);transition:all 0.3s ease;border:0;opacity:0.5;}
.quick-slider-nav-arrows:hover{color:#000;text-decoration:none;opacity:0.6;background:#000;}
.quick-slider-nav-arrows:before{content:"";display:block;position:relative;top:50%;transform:translateY(-50%);width:32px;height:32px;background:url('img/arrows.png') no-repeat 0 0;}
.quick-slider-nav-arrows-prev:before{background-position:0 -32px;}
.quick-slider-nav-arrows-next{right:50px;}
.quick-slider-nav-arrows-prev{right:110px;}
.quick-slider-nav-dots-wrapper{position:absolute;bottom:20px;width:100%;list-style:none;z-index: 101;}
.quick-slider-nav-dots{float:left;width:14px;height:14px;margin:0 12px 0 0;background:rgba(0,0,0,0.4);border:1px solid #666;color:transparent;}
.quick-slider-nav-dots.active, .quick-slider-nav-dots:hover{background:#fff;transition:all 0.3s ease;color:transparent;}
.quick-slider-slide .description{z-index:3;position:absolute;padding:10px;background:rgba(0,0,0,0.3);line-height:1.25em;color:#fff;}
.quick-slider-slide .description a{color:inherit;}
.quick-slider-slide .description a:hover{text-decoration:none;}

@media print{
  /* PRINT STYLES */
  .quick-slider img, .quick-slider-nav-arrows, .quick-slider-nav-dots{display:none;}
}

/* PLUGINS */
/* */
#thanks{background-color:#fff;}
#thanks::after{content:none;}
#thanks h2{margin-bottom:60px;color:#333;font:normal 300 64px/1 'Josefin Sans', sans-serif;text-align:center;white-space:nowrap;}
#thanks p{color:#333;}
#thanks p a{color:#333;text-decoration:none;transition:color .3s;}
#thanks p a:hover{color:#888;}
.demo a{position:absolute;top:50%;left:50%;z-index:21;display:inline-block;transform:translate(-50%, -50%);color:#fff;letter-spacing:.1em;text-decoration:none;transition:opacity .3s;font-weight:300;text-align:center;}
.demo a:hover{opacity:.5;}
#section03{position:absolute;top:35%;left:0;right:0;margin:0 auto;display: inline-block;height:92px;}
#section03 a{padding-top:60px;}
#section03 a span{position:absolute;top:0;left:50%;width:46px;height:46px;margin-left:-23px;border:1px solid #fff;border-radius:100%;box-sizing:border-box;}
#section03 a span::after{position:absolute;top:50%;left:50%;content:'';width:16px;height:16px;margin:-12px 0 0 -8px;border-left:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);box-sizing:border-box;}
#section03 a span::before{position:absolute;top:0;left:0;z-index:-1;content:'';width:44px;height:44px;box-shadow:0 0 0 0 rgba(255,255,255,.5);border-radius:100%;opacity:0;-webkit-animation:sdb03 3s infinite;animation:sdb03 3s infinite;box-sizing:border-box;}
@-webkit-keyframes sdb03{0%{opacity:0;}
 30%{opacity:1;}
 60%{box-shadow:0 0 0 60px rgba(255,255,255,.1);opacity:0;}
 100%{opacity:0;}
}
@keyframes sdb03{0%{opacity:0;}
 30%{opacity:1;}
 60%{box-shadow:0 0 0 60px rgba(255,255,255,.1);opacity:0;}
 100%{opacity:0;}
}
#section04 a{padding-top:60px;}
#section04 a span{position:absolute;top:0;left:50%;width:24px;height:24px;margin-left:-12px;border-left:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:sdb04 2s infinite;animation:sdb04 2s infinite;box-sizing:border-box;}
@-webkit-keyframes sdb04{0%{-webkit-transform:rotate(-45deg) translate(0, 0);}
 20%{-webkit-transform:rotate(-45deg) translate(-10px, 10px);}
 40%{-webkit-transform:rotate(-45deg) translate(0, 0);}
}
@keyframes sdb04{0%{transform:rotate(-45deg) translate(0, 0);}
 20%{transform:rotate(-45deg) translate(-10px, 10px);}
 40%{transform:rotate(-45deg) translate(0, 0);}
}