/* The slider */
.iviewSlider {
	overflow: hidden;
}

/* The timer in the Slider */
#iview-timer {
	position: absolute;
	z-index: 100;
	border-radius: 5px;
	cursor: pointer;
}

#iview-timer div {
	border-radius: 3px;
}

/* The Preloader in the Slider */
#iview-preloader {
	position: absolute;
	z-index: 1000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: #000 1px solid;
	padding: 1px;
	width: 100px;
	height: 3px;
}
#iview-preloader div {
	float: left;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	height: 3px;
	background: #000;
	width: 0px;
}

/* The strips and boxes in the Slider */
.iview-strip {
	display:block;
	position:absolute;
	z-index:5;
}
.iview-block {
	display:block;
	position:absolute;
	z-index:5;
}

/* Direction nav styles (e.g. Next & Prev) */
.iview-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.iview-prevNav {
	left:0px;
}
.iview-nextNav {
	right:0px;
}

/* Control nav styles (e.g. 1,2,3...) */
.iview-controlNav {
	position:absolute;
	z-index:9;
}
.iview-controlNav a {
	z-index:9;
	cursor:pointer;
}
.iview-controlNav a.active {
	font-weight:bold;
}
.iview-controlNav .iview-items ul {
	list-style: none;
}
.iview-controlNav .iview-items ul li {
	display: inline;
	position: relative;
}
.iview-controlNav .iview-tooltip {
	position: absolute;
}

/* The captions in the Slider */
.iview-caption {
	/*position:absolute;*/
	position:relative;
	left:-10px !important;
	z-index:4;
	overflow: hidden;
	cursor: default;
	/*min-height: 228px;*/
}

/* The video show in the Slider */
.iview-video-show {
	background: #000;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 101;
	
}
.iview-video-show .iview-video-container {
	position: relative;
	width: 100%;
	height: 100%;
}
.iview-video-show .iview-video-container a.iview-video-close {
	position: absolute;
	right: 10px;
	top: 10px;
	background: #222;
	color: #FFF;
	height: 20px;
	width: 20px;
	text-align: center;
	line-height: 29px;
	font-size: 22px;
	font-weight: bold;
	overflow: hidden;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.iview-video-show .iview-video-container a.iview-video-close:hover {
	background: #444;
}
#iview .iviewSlider, #iview .iviewSlider div{
	background-position:top center !important;
}
@media(max-width:320px){
#iview .iviewSlider{
		height:156px !important;
}
#iview .iviewSlider, #iview .iviewSlider div{
	background-position:-460px top !important;
	background-size:cover !important;
	overflow:visible !important;
}
#iview{
	height:300px;
}
.iview-caption {
	letter-spacing:-1px !important;
    color: #23272c;
    font-size: 24px !important;
    font-weight: lighter;
    line-height: 23px !important;
	left: -5px !important;
    top: 153px !important;
}
.iview-caption{
	width:90% !important;
}
.iview-caption span {
    font-size: 14px !important;
    line-height: 15px !important;
}
.iview-caption .caption-contain{
	width:30% !important;
}
.iview-caption.caption1{
	top:130px !important;
}
}
@media(min-width:321px) and (max-width:480px){
	#iview .iviewSlider{
		height:156px !important;
	}
	#iview .iviewSlider, #iview .iviewSlider div{
	background-position:-360px top !important;
	background-size:cover !important;
	overflow:visible !important;
}
#iview{
	height:300px;
}
.iview-caption {
	letter-spacing:-1px !important;
    color: #23272c;
    font-size: 24px !important;
    font-weight: lighter;
    line-height: 23px !important;
	left: -5px !important;
    top: 153px !important;
}
.iview-caption{
	width:90% !important;
}
.iview-caption span {
    font-size: 14px !important;
    line-height: 15px !important;
}
.iview-caption .caption-contain{
	width:38% !important;
}
.iview-caption.caption1{
	top:115px !important;
}
}
.iview-caption {
	width:960px !important;
	 min-height: 100px;
}
.caption-contain{
	width:54% !important;
}
@media(min-width:481px) and (max-width:640px){
	#iview .iviewSlider{
		height:156px !important;
	}
	#iview .iviewSlider, #iview .iviewSlider div{
	background-position:-260px top !important;
	background-size:cover !important;
	overflow:visible !important;
}
#iview{
	height:300px;
}
.iview-caption {
    color: #23272c;
    font-size: 24px !important;
    font-weight: lighter;
    line-height: 23px !important;
	left: -5px !important;
    top: 153px !important;
	min-height:50px;
	max-height:60px; 	
}
.iview-caption{
	width:90% !important;
}
.iview-caption span {
    font-size: 14px !important;
    line-height: 15px !important;
}
.iview-caption .caption-contain{
	width:90% !important;
}
}

@media(min-width:641px) and (max-width:800px){
	#iview .iviewSlider{
		height:156px !important;
	}
	#iview .iviewSlider, #iview .iviewSlider div{
	background-position:-83px top !important;
	background-size:cover !important;
	overflow:visible !important;

}
.iview-caption {
    color: #23272c;
    font-size: 24px !important;
    font-weight: lighter;
    line-height: 30px !important;
	left: -5px !important;
    top: 10px !important;
	min-height:50px !important;
}
.iview-caption span {
    font-size: 14px !important;
    line-height: 15px !important;
}

#iview{
	height:200px;
	margin:0px !important;
}
.iview-caption{
	width:96% !important;
	max-width:724px !important;
}

.iview-caption .caption-contain{
	width:90% !important;
}

}


@media(min-width:801px) and (max-width:980px){
	#iview .iviewSlider{
		height:156px !important;
	}
	#iview .iviewSlider, #iview .iviewSlider div{
	background-position:0px top !important;
	background-size:cover !important;
	overflow:visible !important;

}
.iview-caption {
    color: #23272c;
    font-size: 24px !important;
    font-weight: lighter;
    line-height: 30px !important;
	left: -5px !important;
    top: 10px !important;
	min-height:50px !important;
}
.iview-caption span {
    font-size: 14px !important;
    line-height: 15px !important;
}

#iview{
	height:200px;
	margin:0px !important;
}
.iview-caption{
	width:96% !important;
	max-width:724px !important;
}

.iview-caption .caption-contain{
	width:90% !important;
}

}