/* Only affects 1600px width and higher */
@media only screen and (min-width: 1600px) {
}
/* Only affects 1200px-1600px width */
@media only screen and (max-width: 1600px) {
}
/* Only affects 1000px-1200px width */
@media only screen and (max-width: 1200px) {
    
}
/* Only affects 0px-1000px width */
@media only screen and (max-width: 1000px) {
}

#photoSilderFrame .carousel-inner {
    position: relative;
	margin: 0 auto !important;
    overflow: hidden;
    border-radius: 6px !important;
    max-width:100% !important;
}
#photoSilderFrame .item active img{
    border-radius: 6px !important;
    width:100%;
}
#photoSilderFrame .carousel-indicators {
    opacity: 0;
    top: auto;
    margin-bottom: 0px;
}
#photoSilderFrame .carousel-indicators li {
	width: 12px;
    height: 12px;
    border-radius: 50px;
}
#photoSilderFrame .carousel-indicators li:hover {
	background-color:blue;
}
#photoSilderFrame .carousel-indicators .active {
    opacity: 1;
	background-color:blue;
}
#photoSilderFrame .carousel-control {
    top: 50%;
    left: 88.5%;
    position: absolute;
    color: #9e250d !important;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: rgba(0,0,0,0);
    filter: alpha(opacity=50);
}
#photoSilderFrame .carousel-control.left{
	opacity: 0;
	left:1.5%;
}
#photoSilderFrame .carousel-control.right{
	opacity: 0;
	right:0px;
}
#photoSilderFrame .carousel-control .fa{
    font-size:2rem !important;
}
#photoSilderFrame:hover .carousel-control.left
, #photoSilderFrame:hover .carousel-control.right{
    color: blue;
    opacity: 0.9;
}
#photoSilderFrame .carousel-control.right {
	right: -12px;
}
/*#photoSilderFrame .carousel-control {
	opacity: 0;
    position: absolute;
    width: 3% !important;
    color: blue;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: rgba(0,0,0,0);
    filter: alpha(opacity=50);
    opacity: 0.3;
}
#photoSilderFrame .carousel-control:hover {
    color: blue;
    opacity: 0.9
}
#photoSilderFrame .carousel-control .fa-chevron-left{
	opacity: 0;
	top:10%;
	height:40px;
	width:40px;
	font-size:40px;
	margin-left: -20px;
}
#photoSilderFrame .carousel-control .fa-chevron-right{
	opacity: 0;
	top:10%;
	height:40px;
	width:40px;
	font-size:40px;
	margin-right: -20px;
}*/
#photoSilderFrame .carousel-caption {
    opacity: 0;
    color: #f2f2f2;
    font-size: 15px;
    padding: 3px 1px;
    border-radius: 6px;
    position: absolute;
	left:0px;
    top: 1px;
    width: 100%;
    height: 40px;
    text-align: center;
    background-color: rgba(0,0,0,0.5);
}
#photoSilderFrame:hover .carousel-caption
,#photoSilderFrame:hover .carousel-control .fa-chevron-left
,#photoSilderFrame:hover .carousel-control .fa-chevron-right
,#photoSilderFrame:hover .carousel-indicators{
	opacity: 0.8;
}
#photoSilderFrame .w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}30%{opacity:1}75%{opacity:1}100%{opacity:0}}
#photoSilderFrame .w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
#photoSilderFrame .w3-animate-top{position:relative;animation:animatetop 0.8s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
#photoSilderFrame .w3-animate-left{position:relative;animation:animateleft 0.8s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
#photoSilderFrame .w3-animate-right{position:relative;animation:animateright 0.8s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
#photoSilderFrame .w3-animate-bottom{position:relative;animation:animatebottom 0.8s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
#photoSilderFrame .w3-animate-zoom {animation:animatezoom 0.8s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}

#photoSilderFrame .carousel-control.left {
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.0001))) !important;
}
#photoSilderFrame .carousel-control.right {
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0.0001)),to(rgba(0,0,0,0))) !important;
}
#photoSilderFrame .carousel-inner > .item > a > img {
    width: 100%;
    height: 370px;
    object-fit: cover;
}