@charset "utf-8";
/* CSS Document */


.box.slideshow.fullWidth {
    
    width:100%;
    
}


.box.slideshow .slides-con {
    
    position: relative;   
    
}

.box.slideshow .slides, .box.slideshow .slide {
    
    overflow: hidden;   
    
}

.box.slideshow .slides .slide {
    
    position: relative;   
    
}

.box.slideshow .slides .slide picture {
    
    position: absolute;   
    
}

.box.slideshow .slides.click-down  {
    
    cursor:pointer;
    
}

.box.slideshow .slideshow-pager  {
    
    font-size: 18px;
    font-family: Arial, Helvetica, "sans-serif";
    position: absolute;
    bottom:1.5vw;
    right:2.5vw;
    z-index: 1000;
    
}

.box.slideshow .slideshow-pager a, .box.slideshow .slideshow-pager a:hover {
    
    text-decoration: none;
    outline:0;

}

.box.slideshow .slideshow-pager a::after {
    
    content: "\00a0\00a0○";
 
}

.box.slideshow .slideshow-pager a.cycle-pager-active::after {
    
    content: "\00a0\00a0●";

}

.box.slideshow .slideshow-arrow  {
    
    position: absolute;
    top: calc(50% - 0.8vw);
    z-index: 1000;
    opacity:1;
    transition: opacity 0.5s;
    
}

.box.slideshow .slideshow-arrow svg {
    
    width:0.8vw;
    height:auto;
    
}

.box.slideshow .slideshow-arrow:hover  {
    
    cursor:pointer;
    opacity:0.5;
    
}

.box.slideshow .slideshow-prev  {
    
    left:1.75vw;
    
}

.box.slideshow .slideshow-next  {
    
    right:1.75vw;
    
}

#down {
    
    position: absolute;
    bottom: 80px;
    left: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateX(-50%);
    z-index: 1000;
    cursor:pointer;
    
}

#down.no-cc {
    
    bottom: 40px;
    
}

#down .arrow:after {
    
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    border-left: 2px solid;
    border-bottom: 2px solid;
    -webkit-transform: translateY(-45deg);
    -moz-transform: translateY(-45deg);
    -o-transform: translateY(-45deg);
    -ms-transform: translateY(-45deg);
    transform: rotateZ(-45deg);
    
}

/*#down .arrow svg{
    
    width:3.5vw;
    height:auto;
    
}*/

.arrow {
    
    animation: bounce 3s ease infinite;
    
}

@keyframes bounce {
  0% {
    transform: translateY(0%);
  }
  10% {
    transform: translateY(-40%);
  }
  20% {
    transform: translateY(0%);
  }
  30% {
    transform: translateY(-25%);
  }
  40% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(0%);
  }
}

@media only screen and (max-width: 799px) {

    
    .box.slideshow .slideshow-pager  {

        font-size: 24px;
        bottom:2.5vw;
        right:4.5vw;
 
    }
    
    .box.slideshow .inner.left-margin-full {
        
        margin-left: 0;    
        
    }
    
    .box.slideshow .slideshow-arrow  {

        top: calc(50% - 3vw);

    }

    .box.slideshow .slideshow-arrow svg {

        width:3vw;
        height:auto;

    }
    
    .box.slideshow .slideshow-prev  {

        left:3.75vw;

    }

    .box.slideshow .slideshow-next  {

        right:3.75vw;

    }
    
    .box.slideshow .slideshow-down  svg{

        width:8vw;
        height:auto;

    }
    
    #down {

        bottom: 130px;

    }
    
}