@charset "utf-8";
/* CSS Document */

/*
* Swiper - Mobile Touch Slider CSS
* http://www.idangero.us/sliders/swiper
*
* Vladimir Kharlampidi, The iDangero.us
* http://www.idangero.us/
*
* Copyright 2012-2013, Vladimir Kharlampidi
* The iDangero.us
* http://www.idangero.us
*
* Licensed under GPL & MIT
*
*/

/* ===============================================================
Basic Swiper Styles
================================================================*/
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	background-color: #d01e33;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
    z-index:1;
	width: 960px;
	
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px, 0, 0);
	-webkit-transition-timing-function:ease;
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px, 0, 0);
	-moz-transition-timing-function:ease;
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px, 0, 0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px, 0px);
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px, 0, 0);
	-ms-transition-timing-function:ease;
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px, 0, 0);
	transition-timing-function:ease;
	height:auto !important
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-container .swiper-slide img {
	max-width:550px;/*display: block;*/
	max-height:305px;
	float:left;
}
.swiper-slide {
	float: left;
}
.imageblock {
	width:550px;
	text-align:center;
	overflow:hidden;
	float:right;
}
.content-slide {
	font-family: 'Open Sans', sans-serif;
	font-size:28px;
	color:#fff;
	font-weight:700;
	float:left;
	width:410px;
	padding:39px 20px 70px 40px;
	position:relative;
	line-height:normal;
}
.content-slide h2.title {
	background-color:transparent !important;
	background:none !important;
}
swiper-slide .title {
	color:#FFFFFF;
	margin-bottom:0;
	float:left;
	line-height:normal;
	display:table;
	overflow:hidden;
	background:none;
	padding:0px;
}
.description {
	color:#fff;
	line-height:normal;
	height:155px;
	overflow:hidden;
}
.banner .pagination {
	background:url(../images/home-slider-paginationbg.jpg) no-repeat 0 0;
	position: absolute;
	/*left: 0;
	width: 100%;*/
	width:960px;
	height:39px;
	right:0;
	text-align: right;
	z-index:4000;
	bottom:0;
	padding:8px 11px 0 11px;
	border:none !important;
}
.swiper-pagination-switch {
	display: inline-block;
	margin: 0 3px;
	cursor: pointer;
	background:url(../images/banner-btn.png) no-repeat;
	width:22px;
	height:22px;
	text-decoration:none;
	float:left;
}
.swiper-active-switch {
	background:url(../images/banner-btn_active.png) no-repeat;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}
/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
	/* Specify Swiper's Size: */
/*width:200px;
        height: 100px;*/
}
.swiper-slide {
/* Specify Slides's Size: */
   height:auto !important     
        /*width: 100%;
        height: 100%;*/
}
.swiper-slide-active {
/* Specific active slide styling: */
        
}
.swiper-slide-visible {
/* Specific visible slide styling: */        

}
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
/* Stylize pagination button: */        

}
.swiper-active-switch {
/* Specific active button style: */        
        
}
.swiper-visible-switch {
/* Specific visible button style: */        
        
}
