@font-face {
    font-family: 'ModernPictogramsNormal';
    src: url('modernpics-webfont.eot');
    src: url('modernpics-webfont.eot?#iefix') format('embedded-opentype'),
         url('modernpics-webfont.woff') format('woff'),
         url('modernpics-webfont.ttf') format('truetype'),
         url('modernpics-webfont.svg#ModernPictograms tNormal') format('svg');
    font-weight: normal;
    font-style: normal;
	}
	
@font-face {
	font-family: 'MuseoSlab500';
	src: url('museo_slab_500-webfont.eot');
    src: url('museo_slab_500-webfont.eot?#iefix') format('embedded-opentype'),
         url('museo_slab_500-webfont.woff') format('woff'),
         url('museo_slab_500-webfont.ttf') format('truetype'),
         url('museo_slab_500-webfont.svg#webfontentoidtB') format('svg');
	font-weight:300;
	font-style: lighter;
	} 
.slider{ width:946px;position:relative; z-index:1; background:#fff; padding:2px;}
.flexslider {width: 100%; margin: 0;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li:first-child {display: list-item;}
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}
/* control Nav */
.flex-control-nav{ position:absolute; bottom:-61px; left:414px;}
	.flex-control-nav li{ display:block; float:left; margin-right:1px;}
		.flex-control-nav li a{
	display:block;
	width:20px;
	height:20px;
	text-indent:-5000px;
	background-image: url(../images/pagination2.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
		.flex-control-nav li a:hover,.flex-control-nav li a.active{ background-position:0 -21px;}
/* Caption */
.flex-caption{ position:absolute; font:16px/20px MuseoSlab500;
 color:#382c27; text-align:center; width:100%; bottom:-30px;}
/* Background */
.bg-slider{
	background:url(../images/bg-slider.png) 50% 50% no-repeat;
	width:961px;
	height:415px;
}
.main-slider{
	width:961px;
	padding-left:11px;
	height:490px;
	overflow:hidden;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
@media only screen and (min-width: 768px) and (max-width: 995px) {
	.main-slider{ width:768px; height:410px; padding-left:0;}
	.slider {width:746px; padding:2px;}
	.bg-slider{ width:755px;background:url(../images/bg-slider2.png) 0% -4px no-repeat; }	
	.flex-control-nav{ position:absolute; bottom:-60px; left:43%;}
	.flex-caption{ position:absolute; font:14px/16px MuseoSlab500;
 color:#382c27; text-align:center; width:100%; bottom:-30px;}
}
@media only screen and (max-width: 767px) {
	.main-slider{ width:300px; height:145px; padding-left:0; padding-top:10px;}
	.slider {width:296px; padding:2px;}
	.bg-slider{ width:300px;background:url(../images/bg-slider4.png) 0% 2px no-repeat; }
	.flex-control-nav{left:33%; bottom:15px;}
	.flex-caption{ display:none;}	
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.main-slider{ width:420px; height:200px; padding-left:0;}
	.slider {width:416px; padding:2px;}
	.bg-slider{ width:420px;background:url(../images/bg-slider3.png) 0% 2px no-repeat; }
	.flex-control-nav{left:38%; bottom:15px;}
}