/* * Swiper 2.7.5 * Mobile touch slider and framework with hardware accelerated transitions * * http://www.idangero.us/sliders/swiper/ * * Copyright 2010-2015, Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us/ * * Licensed under GPL & MIT * * Released on:January 4, 2015*//* ===============================================================Basic Swiper Styles ================================================================*/
.swiper-container{margin:0 auto;position:relative;overflow:hidden;/* Fix of Webkit flickering */	z-index:1}
.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;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.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-slide{float:left;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
/* 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'ssizes, pagination, etc.================================================================*/.swiper-container{/* Specify Swiper's Size:*/	/*width:200px;height:100px;*/}
.swiper-slide{/* Specify Slides's Size:*/		/*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:*/		}
.swiper-container{width:100%;height:220px;color:#fff;text-align:center}
.swiper-slide{width:100%;height:220px;overflow:hidden;}
.red-slide{background:#ca4040}
.blue-slide{background:#4390ee}
.orange-slide{background:#ff8604}
.green-slide{background:#49a430}
.pink-slide{background:#973e76}
.swiper-slide img{width:100%;height:220px}
.pagination{position:absolute;z-index:20;width:100%;left:0;bottom:0px;text-align:center}
.swiper-pagination-switch{display:inline-block;margin:0 4px;width:18px;height:18px;border-radius:50%;background:#D03D84;opacity:0.8;border:1px solid #C1366C;cursor:pointer}
.swiper-visible-switch{background:#aaa}
.swiper-active-switch{background:#FFB9D6}