﻿.slider-bg{ padding-top:10px;}

#slides{
	width:100%;
	position:relative;
	overflow:hidden;
}

.slides_container{
	width:940px;
	height:482px;
	overflow:hidden;
	}
	
.slide {width:940px; height:auto;}

 .slide img{    
       border-radius:10px;         
      -webkit-box-shadow: 0px 40px 39px -23px rgba(0,0,0,0.40);
      -moz-box-shadow: 0px 40px 39px -23px rgba(0,0,0,0.40);
      box-shadow: 0px 40px 39px -23px rgba(0,0,0,0.40);
      }



.pagination{
	position:absolute;
	bottom:50px;
	left:0;
	overflow:hidden;
	z-index:999;
	width:100%;
	font-size:0px;
	line-height:0;
	text-align:center;
	background:transparent;
}
	.pagination li{
		display:inline-block;
		margin-left:3px;
		text-indent:-5000px;
	}
		.pagination li:first-child{margin-left:0;}
		.pagination li a{
			display:block;
			height:12px;
			width:12px;
			background: url(../images/pagination.png) -15px 0 no-repeat;
		}
			.pagination li.current a,.pagination li a:hover{background-position:0 0;}
			.pagination li.current a{cursor:default;}
			

/* Caption */

.caption{
	z-index:999;
	position:absolute;
	top:146px;
	left:36px;
	width:375px;
	overflow:hidden;
	background:transparent;
	font: bold 50px/60px Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:uppercase;
	padding-bottom:10px;
}

.caption span{
		display:block;
		font-weight:normal;
		font-size:36px;
		line-height:36px;
		color:#e2d9d2;
		text-transform:lowercase;
		margin-top:-7px;
	}
.caption em{
		display:block;
		font-weight:normal;
		font-size:48px;
		line-height:58px;
		color:#b45737;
		text-transform:lowercase;
		padding-left:161px;
		margin-top:-8px;
	}


@media only screen and (max-width: 995px){
	.slides_container{width:748px; height:384px;}
	.slide{width:748px;}
	.caption{top:110px; left:10px; width:350px;}
}

@media only screen and (max-width: 767px){
	.slides_container{width:420px; height:215px;}
	.slide{width:420px;}
	.caption{display:none !important;}
	.pagination{bottom:auto; top:20px; left:20px; width:auto;}
	.slider-bg{ padding-top:0px;}
}

@media only screen and (max-width: 479px){
	.slides_container{width:300px; height:154px;}
	.slide{width:300px;}
	.pagination{top:10px;}
}


