#slideshow-wrapper {
	width:520px;
	background: url(http://www.exova.com/images/dialog-bg.png) repeat;
}


/* ---------------------------------------------------- */
/* SLIDESHOW
/* ---------------------------------------------------- */
#slideshow {
width: 520px;
border: 0;
font-size:14px;
color:#fff;
}

#slideshow ul {
margin: 0;
padding: 0;
list-style-type: none;
height: 1%; /* IE fix */;

}



#slideshow ul.slides-nav {
	background:#11606F;
	padding-left:10px;
}

#slideshow ul:after {
content: ".";
clear: both;
display: block;
height: 0;
visibility: hidden;}   

#slideshow-wrapper #slideshow li {
	background:none!important;	
}

/* ---------------------------------------------------- */
/* SLIDESHOW > SLIDES
/* ---------------------------------------------------- */
#slideshow .slides {
    overflow: hidden;
    width: 100%;
   -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    padding:10px 0 10px 25px;
}

#slideshow .slides ul {
    width: 480px;
	height:140px;
}

#slideshow .slides li {
   width: 96%;
    float: left;
    padding:5px 1% 5px 1%;
}

#slideshow .slides h2 {
    margin-top: 0;}

/* ---------------------------------------------------- */
/* SLIDESHOW > NAVIGATION
/* ---------------------------------------------------- */
#slideshow .slides-nav {
background-color: #ddd;
border-top:0;
padding:0 0 10px 0;}


#slideshow .slides-nav li {
float: left;
padding: 5px 0 5px 10px;
}

#slideshow .slides-nav li a {
display: block;

outline: none;
background:#11606F;
color:#fff;
text-decoration:none;
border-bottom:5px solid #11606F;
}

.js #slideshow .slides-nav li.on,
.js #slideshow .slides-nav li.on a {
background-color: none;
color:#8DCAD5;
text-decoration:none;
border-bottom-color:#A9CEDA;
}

.js #slideshow .slides-nav li.on a {
position: relative;
top: 0px;}

@media screen and (max-width:1024px) {
	
	#slideshow-wrapper {
		width:100%;
	}
	
	#slideshow {
		width:100%!important;
	}
	

	
	#slideshow ul {
		width:100%;
	}
	
	#slideshow .slides ul {
    width: 98.8%;
	height:140px;
}
	
	.slides {
	    padding-left:20px;
		}

	
	#slideshow ul.slides-nav {
		padding-left:15px;
	}

   #slideshow .slides-nav li {
    float: left;
    padding: 5px 0 5px 20px;
}

}

@media screen and (max-width:768px) {
	
	  #slideshow ul.slides-nav {
      padding-left:3.8%;
	}
	
  #slideshow .slides-nav li {
	padding: 0 0px 0 10px;
	letter-spacing:-0.5px;
}
	
	#slideshow .slides ul {
    width: 460px;
	height:140px;
}
	
}



@media screen and (max-width:767px) {
	
	#slideshow {
		display:;
	}
}



@media screen and (max-width:640px) {

	#slideshow .slides {
    overflow: hidden;
    width: 98%;
   -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    padding:10px 0 10px 4.2%;
}

#slideshow .slides ul {
    width: 100%;
	height:140px;
}
	

#slideshow .slides li {
   width: 96%;
    float: left;
    padding:5px 1% 3px 1%;
}

#slideshow .slides h2 {
    margin-top: 0;
}

#slideshow ul.slides-nav {
    padding-left:3.8%;
}



}


@media screen and (max-width:360px) {
#slideshow .slides ul {
	height:160px;
}
	
}


@media screen and (max-width:320px) {
#slideshow .slides ul {
	height:170px;
}
	
}









/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */