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

.box.quotes {
    
    width:100%; 
    overflow: hidden;
    height:auto;

}

.swiper.three-quotes {
    
    width:100%;
    height:28vw;
    
}

.swiper.three-quotes .swiper-slide{
    
    text-align: center;
    box-sizing: border-box;
    height:28vw;
    white-space: normal;
    
}

.swiper.three-quotes .swiper-slide td {
    
    padding: 4vw; 
    
}

.swiper.three-quotes .swiper-slide a{
    
    color:inherit;
    text-decoration: underline;
    outline:0;
    
}

.swiper.three-quotes .swiper-slide a:hover{
    
    color:inherit;
    text-decoration: none;
    outline:0;
    
}

.box.quotes .the-quotes{
    
    height:28vw;

}

.box.quotes .quote-arrow{
    
    position:absolute;
    z-index: 200;
    top:calc(50% - 0.62vw);
    opacity:1;

}

.box.quotes .quote-arrow svg{
    
    width:0.62vw;

}


.box.quotes .quote-arrow:hover{
    
    cursor: pointer;
    opacity:0.7;

}

.box.quotes .quote-next{
    
    right:3.22vw;

}

.box.quotes .quote-prev{
    
    left:3.22vw;

}

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

    .box.quotes .the-quotes{

        height:127.31vw;

    }
    
    .swiper.three-quotes {

        width:100%;
        height:127.31vw;

    }
    
    .swiper.three-quotes .swiper-slide{

        height:127.31vw;

    }
    
    .swiper.three-quotes .swiper-slide td {

        padding: 14.44vw; 

    }
    
    .quote-slide {

        text-align: center;
        white-space: normal;
        padding: 0;
        width:100%;
        height:127.31vw;

    }
    
    .box.quotes .quote-arrow{

        top:calc(50% - 1.5vw);

    }
    
    .box.quotes .quote-next{

        right:5vw;

    }

    .box.quotes .quote-prev{

        left:5vw;

    }
    
    .box.quotes .quote-arrow svg{

        width:3vw;

    }

}