.mySlides-container{
position: relative;
}
.caption0 { 
position: absolute;
color: #eee; 
font: bold 12px Georgia; 
background-color: #222;  
top: 93%; 
left: 15px;
}
.span3 .caption0 { 
padding:0px;
font-size: 6px;
top: 78%;
left: 0px;
}
@media screen and (max-width: 820px) {
.caption0 { 
position: absolute;
color: #eee; 
font: bold 7px Georgia; 
background-color: #222;  
top: 85%; 
left: 0px;
}
} 
.caption0w { 
position: absolute;
color: black; 
font: bold 12px Georgia; 
background-color: white;  
top: 93%; 
left: 15px;
}
.span3 .caption0w { 
padding:0px;
font-size: 6px;
top: 78%;
left: 0px;
}
@media screen and (max-width: 820px) {
.caption0w { 
position: absolute;
color: black; 
font: bold 7px Georgia; 
background-color: white;  
top: 85%; 
left: 0px;
}
} 
.caption1 { 
position: absolute;
color: #eee; 
font: bold 12px Georgia; 
background-color: #222;  
top: 90%; 
left: 8px;
}
.span3 .caption1 { 
padding:0px;
font-size: 6px;
top: 78%;
left: 0px;
}
@media screen and (max-width: 620px) {
.caption1 { 
position: absolute;
color: #eee; 
font: bold 7px Georgia; 
background-color: #222;  
top: 85%; 
left: 0px;
}
}
.caption1w { 
position: absolute;
color: black; 
font: bold 12px Georgia; 
background-color: white;  
top: 90%; 
left: 8px;
}
.span3 .caption1w { 
padding:0px;
font-size: 6px;
top: 78%;
left: 0px;
}
@media screen and (max-width: 620px) {
.caption1w { 
position: absolute;
color: black; 
font: bold 7px Georgia; 
background-color: white;  
top: 85%; 
left: 0px;
}
}
.caption2w { 
color: black;
background-color: white;  
padding-top:4px;
font: bold Georgia;
font-size: 12px;
text-align: center;
}
.span3 .caption2w { 
padding:0px;
font-size: 6px;
}
@media screen and (max-width: 620px) {
.caption2w { 
color: black;
background-color: white; 
padding-top:4px;
font: bold 8px Georgia; 
text-align: center;
}
}
.caption2 { 
color: #eee;
background-color: #222;  
padding-top:4px;
font: bold Georgia;
font-size: 12px;
text-align: center;
}
.span3 .caption2 { 
padding:0px;
font-size: 6px;
}
.mySlides {
display:none; 
width:100%;
}
.background {
background-color: black;
border-radius: 6px;
}
#wimg1 {
border-radius: 6px;
}
#wimg {
width: 100%;
margin: auto;
}
#wimg2 {
} 
#style1 {
box-shadow: 0 8px 8px 0 rgba(8, 7, 7, 0.73), 0 6px 20px 0 rgba(0, 0, 0, 0.65);
border-radius: 6px;
border: 1px solid black;
}
#style2 {
-webkit-box-shadow: 0 28px 16px -26px black;
-moz-box-shadow: 0 28px 16px -26px black;
box-shadow: 0 28px 16px -26px black;
border:1px solid #ccc;
padding:5px;
margin-bottom:30px;
}
#style0 {
}
.carousel.fade {
opacity: 1;
}
.carousel.fade .item {
-moz-transition: opacity ease-in-out .7s;
-o-transition: opacity ease-in-out .7s;
-webkit-transition: opacity ease-in-out .7s;
transition: opacity ease-in-out .7s;
left: 0 !important;
opacity: 0;
top:0;
position:absolute;
width: 100%;
display:block !important;
z-index:1;
}
.carousel.fade .item:first-child {
top:auto;
position:relative;
}
.carousel.fade .item.active {
opacity: 1;
-moz-transition: opacity ease-in-out .7s;
-o-transition: opacity ease-in-out .7s;
-webkit-transition: opacity ease-in-out .7s;
transition: opacity ease-in-out .7s;
z-index:2;
}	 
.immagine { 
background-color: black;
position: relative;
}
.zoom:hover{ -ms-transform: scale(1.5);    
-moz-transform: scale(1.5);  
-webkit-transform: scale(1.5);  
-o-transform: scale(1.5);  
transform: scale(1.5);    
position:relative;
z-index:100; 	
}
.zoom {      
-webkit-transition: all 0.55s ease-in-out;    
-moz-transition: all 0.55s ease-in-out;    
transition: all 0.5s ease-in-out;     
cursor: -webkit-zoom-in;      
cursor: -moz-zoom-in;      
cursor: zoom-in; 
} .mySlides-contentainer{
position: relative;    
} .text {
color: grey;
font-size: 10px;
padding: 6px 12px;
bottom: 8px;
width: 100%;
text-align: center;
}
.span3 .text { 
padding:0px;
font-size: 6px;
} @media screen and (max-width: 620px) {
.text {font-size: 8px}
} .dot {
height: 3px;
width: 2%;
margin: 0 0px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}
@media screen and (max-width: 620px) {
.dot {
height: 2px;
width: 8px;
margin: 0 1px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}
}
@media screen and (max-width: 420px) {
.dot {
height: 2px;
width: 4px;
margin: 0 0px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}
}
.dotact {
background-color: blue;
}
@-webkit-keyframes fade { 0% {opacity: 0}
20% {opacity: 1}
80% {opacity: 1}
100% {opacity: 0}
}
@keyframes fade {
0% {opacity: 0}
20% {opacity: 1}
80% {opacity: 1}
100% {opacity: 0}
}