#slideshow{
position:relative;
}
/*#slideshow:after{
position: absolute;
top:0;
bottom:0;
left:0;
right:0;
display: block;
content:"";
box-shadow: inset 0 2px 4px #222 !important;
}*/
#slides ul, #slides li{
    margin: 0;
    padding: 0;
}
#slides{
}
/*#slides:after{
position: absolute;
bottom:0;
width: 100%;
height: 10px;
display: block;
content:"";
background: -moz-linear-gradient(top, rgba(125,185,232,0) 0%, rgba(34,34,34,0.5) 99%, rgba(34,34,34,0.5) 100%);
background: -webkit-linear-gradient(top, rgba(125,185,232,0) 0%,rgba(34,34,34,0.5) 99%,rgba(34,34,34,0.5) 100%);
background: linear-gradient(to bottom, rgba(125,185,232,0) 0%,rgba(34,34,34,0.5) 99%,rgba(34,34,34,0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#80222222',GradientType=0 );
}*/
#slides .slide{
    padding: 0% 5% 3% 5%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    left: 0;
}
/* ******thumbs****** */
#slides .thumbs li{
    list-style: none;
    display: inline;
    margin: 0;
    padding: 0;
}
#slides .thumbs{
	position:absolute;
    bottom: 15px;
    width: calc(50vw + 14px);
	margin: 0 auto;
	padding:10px 0 10px 0;
	list-style-type: none;
	text-align: center;
	z-index: 99;
	background: none;
}
#slides .thumbs li a{
    margin: 0px;
    padding: 0px;
    position: relative;
    z-index: 1;
    display: inline-block;
    height: 12px !important;
    width: 50px !important;
    background: rgba(244,125,32,0.55);
    /* border-radius: 40px; */
}
#slides .thumbs li a.selected{
    padding: 0;
    color: #aaa !important;
    position: relative;
    top: 0px;
    background: rgba(107,181,42,0.55);
}
/*#slides .thumbs li a:hover, #slides .thumbs li a.selected:hover{
    background: rgba(255,255,255,0.55);
}*/
#slide .thumbs img{
	display: none;
}
.thumb{
    display: inline-block;
    width: 50px;
    height: 12px;
    margin: 0px 10px;
}
/* ******end thumbs****** */
@media print {
#slides .slide {
    display:block !important;
}
}
/* ****************************** large ****************************** */
@media all and (max-width: 1300px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1300px),
only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1300px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1300px),
only screen and (min-device-pixel-ratio: 2) and (max-width: 1300px),
only screen and (min-resolution: 192dpi) and (max-width: 1300px),
only screen and (min-resolution: 2dppx) and (max-width: 1300px) {

#slides .thumbs{
    width: calc(60vw + 14px);
    bottom: 1%;
}
.thumb{
    display: inline-block;
    width: 50px;
    height: 12px;
    margin: 0px 0.5vw;
}

}

/* ****************************** small ****************************** */
@media all and (max-width: 700px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px),
only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 700px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 700px),
only screen and (min-device-pixel-ratio: 2) and (max-width: 700px),
only screen and (min-resolution: 192dpi) and (max-width: 700px),
only screen and (min-resolution: 2dppx) and (max-width: 700px) {
.thumb{
    margin: 0px auto;
    width: auto;
    height: auto;
}
#slides .thumbs{
    bottom: 0;
    width: 100%;
    padding: 5px 0px;
}
#slides .thumbs li a{
    width: 11.5vw !important;
    height: 11px !important;
    margin: 0px 1vw;
}
/*#slides .slide{
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    top: 0%;
    padding: 2% 1% 3% 1%;
}*/
}