.slider {width: 715px; float: left; overflow: hidden; margin: 9px 0; position: relative;}



.preload-slider  {

position: absolute;

margin-top: 15%;

margin-left: 40%;

}



.preload-slider span {

display: inline-block;

vertical-align: middle;

width: 10px;

height: 10px;

margin: 25px auto;

background: #2B034E;

-moz-border-radius: 50px;

-moz-animation: preload-slider  0.6s infinite alternate;

-webkit-border-radius: 50px;

-webkit-animation: preload-slider  0.6s infinite alternate;

-ms-border-radius: 50px;

-ms-animation: preload-slider  0.6s infinite alternate;

-o-border-radius: 50px;

-o-animation: preload-slider  0.6s infinite alternate;

border-radius: 50px;

animation: preload-slider  0.6s infinite alternate;

}



#preload-slider_1 {

-moz-animation-delay: 0s;

-webkit-animation-delay: 0s;

-ms-animation-delay: 0s;

-o-animation-delay: 0s;

animation-delay: 0s;

}



#preload-slider_2 {

-moz-animation-delay: 0.18s;

-webkit-animation-delay: 0.18s;

-ms-animation-delay: 0.18s;

-o-animation-delay: 0.18s;

animation-delay: 0.18s;

}



#preload-slider_3 {

-moz-animation-delay: 0.36s;

-webkit-animation-delay: 0.36s;

-ms-animation-delay: 0.36s;

-o-animation-delay: 0.36s;

animation-delay: 0.36s;

}



@-moz-keyframes preload-slider {

0% {

width: 10px;

height: 10px;

background-color:#2B034E;

-moz-transform: translateY(0);

}



100% {

width: 24px;

height: 24px;

background-color:#7414C9;

-moz-transform: translateY(-21px);

}



}



@-webkit-keyframes preload-slider {

0% {

width: 10px;

height: 10px;

background-color:#2B034E;

-webkit-transform: translateY(0);

}



100% {

width: 24px;

height: 24px;

background-color:#7414C9;

-webkit-transform: translateY(-21px);

}



}



@-ms-keyframes preload-slider {

0% {

width: 10px;

height: 10px;

background-color:#2B034E;

-ms-transform: translateY(0);

}



100% {

width: 24px;

height: 24px;

background-color:#7414C9;

-ms-transform: translateY(-21px);

}



}



@-o-keyframes preload-slider {

0% {

width: 10px;

height: 10px;

background-color:#2B034E;

-o-transform: translateY(0);

}



100% {

width: 24px;

height: 24px;

background-color:#7414C9;

-o-transform: translateY(-21px);

}



}



@keyframes preload-slider {

0% {

width: 10px;

height: 10px;

background-color:#2B034E;

transform: translateY(0);

}



100% {

width: 24px;

height: 24px;

background-color:#7414C9;

transform: translateY(-21px);

}



}





.slider .slides {

	display: block;

	position: relative;

	overflow: hidden;

}

.slider .slides li {

	position: absolute;

	top: 0;

	left: 0;

	overflow: hidden;

}

.slider .slides li img {

	display: block;

	width: 100%;

	max-width: none;

}

.slider .slides li.active { display: block; position: relative; }

.slider .crop li img { width: auto; }



.slider .pager {

	height: 40px;

	position: absolute;

	right: 5%;

	bottom: 2%;



}

.slider .pager li { display: inline-block; }

.slider .pager li a,

.slider .pager li a span {

	display: block;

	height: 15px;

	width: 15px;

}

.slider .pager li a {

	margin-right: 7px;

	-webkit-border-radius: 10px;

   -moz-border-radius: 10px;

	border-radius: 10px;

}

.slider .pager li a span {

	overflow: hidden;

	background: #dddddd;

	text-indent: -9999px;

-webkit-border-radius: 10px;

   -moz-border-radius: 10px;

	border-radius: 10px;

}

.slider .pager li.active a span { background: #3d056e; border-radius: 10px; }