/*!
 * Materialize v1.0.0 (http://materializecss.com)
 * Copyright 2014-2017 Materialize
 * MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE)
 */

 
 
 .carousel{ margin-top:0vh;overflow:hidden;position:relative;width:100%; height:700px;-webkit-perspective:1000px;perspective:1000px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:0% 50%;transform-origin:0% 50%}

 .carousel.carousel-slider{top:0;left:0}
 
 .carousel.carousel-slider .carousel-fixed-item{position:absolute;left:0;right:0;z-index:1;}
 .carousel.carousel-slider .carousel-fixed-item.with-indicators{bottom:68px}
 .carousel.carousel-slider .carousel-item{width:100%;height:100%;position:absolute;top:0;left:0}
 .carousel.carousel-slider .carousel-item h2{font-size:24px;font-weight:500;line-height:32px}
 .carousel.carousel-slider .carousel-item p{font-size:15px}
 .carousel .carousel-item{visibility:hidden;width:90%;max-width:800px;height:auto;position:absolute;top:0;left:0; font-size:1em; border-top: 1px solid rgba(255,255, 255, 0.7);
    border-left: 1px solid rgba(255,255, 255, 0.7);backdrop-filter:blur(5px) ;background:rgba(255,255, 255, 0.3);box-shadow:0px 0px 30px rgba(0, 0, 0, 0.7); padding:1em; vertical-align:middle;}
 .carousel .carousel-item .bookcover{display:block; margin:auto auto; width:80%; max-width:250px;}
 @media (max-width:700px){.carousel .carousel-item{max-width:280px;height:auto; line-height:normal}.carousel{margin-top:0vh;}}
 .carousel .carousel-item>img{width:90%;}
 .carousel .indicators{position:absolute;text-align:center;left:0;right:0;bottom:0;margin:0}
 .carousel .indicators .indicator-item{display:inline-block;position:relative;cursor:pointer;height:8px;width:8px;margin:24px 4px;background-color:rgba(255,255,255,0.8);-webkit-transition:background-color .3s;transition:background-color .3s;border-radius:50%}
 .carousel .indicators .indicator-item.active{background-color:#fff}
 .carousel.scrolling .carousel-item .materialboxed,.carousel .carousel-item:not(.active) .materialboxed{pointer-events:none}
 
 
