@import "https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed&family=Cormorant+Garamond:wght@500&family=Dosis:wght@300&family=Oswald:wght@200&family=PT+Sans+Narrow&family=Raleway:wght@200&family=Source+Sans+Pro:wght@300&display=swap";
ul{padding:0}

.container{margin:0 auto;max-width:600px}
.carousel{margin:0 30px;width:calc(100% - ($button-spacing * 2))}
.carousel-inner ul li{list-style:none;padding:0}
.carousel[data-shift="1"] .carousel-inner > .item{-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.carousel .carousel-inner > .item.row{margin:0}
.carousel .carousel-control{background:none;color:transparent;overflow:hidden;text-shadow:none;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;width:30px}
.carousel .carousel-control:before{color:#444;font-family:'Glyphicons Halflings';position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:30px}
.carousel .carousel-control:after{border-radius:50%;box-shadow:0 0 0 0 rgba(0,0,0,0.7);content:'';height:60%;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;width:100%}
.carousel .carousel-control:hover:after{box-shadow:0 0 30px 0 rgba(0,0,0,0.7)}
.carousel .carousel-control.left{left:-30px}.carousel .carousel-control.left:before{content:'\e079'}
.carousel .carousel-control.left:after{right:-100%}.carousel .carousel-control.right{right:-30px}
.carousel .carousel-control.right:before{content:'\e080'}.carousel .carousel-control.right:after{left:-100%}


.carousel-inner2 ul li{list-style:none;padding:0}
.carousel[data-shift="1"] .carousel-inner2 > .item{-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.carousel .carousel-inner2 > .item.row{margin:0}





#list01{
	clear: both;
	width: 94%;
	margin-right: 3%;
	margin-left: 3%;
	border: 3px solid #FFFFFF;
	background-image: url(../images/bg-list.jpg);
	color: #600;
	font-family: 'Oswald',sans-serif;
	font-size: 1.7em;
	padding-top: 0.8em;
	padding-right: 1em;
	padding-bottom: 0.6em;
	padding-left: 1em;box-shadow: 0px 0px 5px #99a1ad;
}
#list01:hover{box-shadow: 0px 5px 15px #666;text-decoration:none}
#list01 p{
	font-size: 0.8em;
	color: #300;
	margin-top: 0.3em;
}
#list-a{clear:both;width:95%;margin:1em auto 2em}



@media (min-width:150px) and (max-width:1000px){.col-xs-4{clear:both;width:90%;margin-right:5%;margin-left:5%;margin-bottom:1em}}