@charset "UTF-8";
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background-color:#000;
	margin: 0;
	padding: 0;
	color:#EEE;
	text-align:left;
}
.ital {
	font-style: italic;
}

.picpad 
{
	padding-left: 75px;
}

.imgpad{
	padding-left: 125px;
	padding-right: 125px;
}
.imgpad2 {
	margin-left: 200px;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1.15;
}

header {
	margin-bottom: 8px;
	margin-right: 12px;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}
  margin: 70px auto 40px;

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}


.about {
  padding: 8px;
  width: 260px;
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;

  color: #bbb;
  text-align: center;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
  background: #383838;
  background: rgba(34, 34, 34, 0.8);
  border-radius: 4px;
}
.about a {
  color: #eee;
  text-decoration: none;
  border-radius: 2px;
}
.about a:hover {
  text-decoration: none;
  background: #555;
  background: rgba(255, 255, 255, 0.15);
}

.about-links {
  height: 30px;
}
.about-links > a {
  float: left;
  width: 50%;
  line-height: 30px;
  font-size: 12px;
}



nav {
	height: 34px;
	border-bottom: 5px solid white;
	font-size: 100%;
}
.nav a {
  display: block;
  text-decoration: none;
}
.nav > li {
  float: left;
  margin-right: 3px;
}
.nav > li > a {
  height: 34px;
  line-height: 34px;
  padding: 0 5px;
  color: white;
  text-decoration: none;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
  background: #DAC125;
  border-radius: 3px 3px 0 0;
}
.nav > li > a:hover {
  text-decoration: none;
  background: #85a6b8;
}
.nav .active a.icon > span, .nav a.icon:active > span {
  background-position: 0 -16px;
}

.dropdown {
  position: relative;
  border-bottom: 5px solid white;
}
.dropdown:hover ul {
  display: block;
}
.dropdown ul {
  display: none;
  position: absolute;
  top: 39px;
  left: -1px;
  min-width: 160px;
  padding: 0 0 5px;
  background: white;
  border: 1px solid #dadada;
  border-top: 0;
  border-radius: 0 0 3px 3px;
}
.dropdown ul.large {
  min-width: 200px;
}
.dropdown li {
  display: block;
  margin: 0 18px;
  overflow: visible;
}
.dropdown li + li {
  border-top: 1px solid #eee;
}
.dropdown li a {
  color: #555;
  padding: 8px 18px;
  margin: 0 -18px;
}
.dropdown li a:hover {
  color: black;
}


/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding: 0;
	list-style:none;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
	text-align: left;
}
h1 {
	color: #F82D1D;
	font-style: normal;
	font-weight: 500;
	vertical-align: text-top;
	font-size: 38px;
			}

	h2 {
	font-style: italic;
	font-weight: 500;
	font-family: source-sans-pro;
	font-size: 25px;
	vertical-align: top;
}
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color:#0A0;
	text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
	color:#D00;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
	font-size: 100%;
}

/* ~~ this fixed width container surrounds the other divs ~~ */
.container {
	margin-top: 1em;
	width: 960px;

	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
}

/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
.header {
	margin-top: 1em;

}

/* ~~ This is the layout information. ~~ 

1) Padding is only placed on the top and/or bottom of the div. The elements within this div have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.

*/

.content {
	padding: 10px 0;
	text-align: left;	
}

/* ~~ The footer ~~ */
.footer {
	padding-bottom: 5px;
	padding-top: 5px;
	line-height: .25;
	text-align: center;
	background-color: #DAC125;
	
}

/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.quote
	{
	font-style: italic;
	font-weight: 500;
	font-family: source-sans-pro;
	font-size: 25px;
	vertical-align: top;

	
	}


@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&subset=latin,cyrillic-ext,latin-ext,cyrillic,greek-ext,greek,vietnamese);
@font-face {
	font-family: "basiccontrols";
	src: url("basiccontrols.eot");
	src: url("basiccontrols.eot#iefix") format("embedded-opentype"),
			url("basiccontrols.woff") format("woff"),
			url("basiccontrols.ttf") format("truetype"),
			url("basiccontrols.svg#basic") format("svg");
	font-weight: normal;
	font-style: normal;
}

.csslider1 {
	display: inline-block;
	position: relative;
	max-width: 640px;
	
	width: 100%;
	margin-top: 10px;
}
.csslider1 > .cs_anchor {
	display: none;
}
.csslider1 > ul {
	position: relative;
	z-index: 1;
	font-size: 0;
	line-height: 0;
	margin: 0 auto;
	padding: 0;
	
	overflow: hidden;
	white-space: nowrap;
}
.csslider1 > ul > li.img img {
	width: 100%;
}
.csslider1 > ul > li.img {
	font-size: 0pt;
}
.csslider1 > ul > li {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	font-size: 15px;
	font-size: initial;
	line-height: normal;
	white-space: normal;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.csslider1 .cs_lnk{
	position: absolute;
	top: -9999px;
	left: -9999px;
	font-size: 0pt;
	opacity: 0;
	filter: alpha(opacity=0);
}

.csslider1 > ul > li.img,
.csslider1 > .cs_arrowprev,
.csslider1 > .cs_arrownext,
.csslider1 > .cs_bullets,
.csslider1 > .cs_play_pause {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}.csslider1 > .cs_arrowprev,
.csslider1 > .cs_arrownext {
	position: absolute;
	top: 50%;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	z-index: 5;
}
.csslider1 > .cs_arrowprev > label,
.csslider1 > .cs_arrownext > label {
	position: absolute;

	text-decoration: none;
	cursor: pointer;
	opacity: 0;
	z-index: -1;
}
.csslider1 > .cs_arrowprev {
	left: 0;
}
.csslider1 > .cs_arrownext {
	right: 0;
}

.csslider1 > .slide:checked ~ .cs_arrowprev > label,
.csslider1 > .slide:checked ~ .cs_arrownext > label {
	opacity: 0;
	z-index: -1;
}



.csslider1 > #cs_slide1_0:checked ~ .cs_arrowprev > label.num3,
.csslider1 > #cs_pause1_0:checked ~ .cs_arrowprev > label.num3,
.csslider1 > #cs_slide1_0:checked ~ .cs_arrownext > label.num1,
.csslider1 > #cs_pause1_0:checked ~ .cs_arrownext > label.num1, 
.csslider1 > #cs_slide1_1:checked ~ .cs_arrowprev > label.num0,
.csslider1 > #cs_pause1_1:checked ~ .cs_arrowprev > label.num0,
.csslider1 > #cs_slide1_1:checked ~ .cs_arrownext > label.num2,
.csslider1 > #cs_pause1_1:checked ~ .cs_arrownext > label.num2, 
.csslider1 > #cs_slide1_2:checked ~ .cs_arrowprev > label.num1,
.csslider1 > #cs_pause1_2:checked ~ .cs_arrowprev > label.num1,
.csslider1 > #cs_slide1_2:checked ~ .cs_arrownext > label.num3,
.csslider1 > #cs_pause1_2:checked ~ .cs_arrownext > label.num3, 
.csslider1 > #cs_slide1_3:checked ~ .cs_arrowprev > label.num2,
.csslider1 > #cs_pause1_3:checked ~ .cs_arrowprev > label.num2,
.csslider1 > #cs_slide1_3:checked ~ .cs_arrownext > label.num0,
.csslider1 > #cs_pause1_3:checked ~ .cs_arrownext > label.num0 {
	opacity: 1;
	z-index: 5;
}

/* calculate autoplay */
@-webkit-keyframes arrow {
	0%, 24.99% { opacity: 1; z-index: 5; }
	25%, 100%	{ opacity: 0; z-index: -1; }
}
@-moz-keyframes arrow {
	0%, 24.99% { opacity: 1; z-index: 5; }
	25%, 100%	{ opacity: 0; z-index: -1; }
}
@-ms-keyframes arrow {
	0%, 24.99% { opacity: 1; z-index: 5; }
	25%, 100%	{ opacity: 0; z-index: -1; }
}
@-o-keyframes arrow {
	0%, 24.99% { opacity: 1; z-index: 5; }
	25%, 100%	{ opacity: 0; z-index: -1; }
}
@keyframes arrow {
	0%, 24.99% { opacity: 1; z-index: 5; }
	25%, 100%	{ opacity: 0; z-index: -1; }
}


.csslider1 > #cs_play1:checked ~ .cs_arrowprev > label.num3,
.csslider1 > #cs_play1:checked ~ .cs_arrownext > label.num1 {
	-webkit-animation: arrow 32000ms infinite -2000ms;
	-moz-animation: arrow 32000ms infinite -2000ms;
	-ms-animation: arrow 32000ms infinite -2000ms;
	-o-animation: arrow 32000ms infinite -2000ms;
	animation: arrow 32000ms infinite -2000ms;
	
}
.csslider1 > #cs_play1:checked ~ .cs_arrowprev > label.num0,
.csslider1 > #cs_play1:checked ~ .cs_arrownext > label.num2 {
	-webkit-animation: arrow 32000ms infinite 6000ms;
	-moz-animation: arrow 32000ms infinite 6000ms;
	-ms-animation: arrow 32000ms infinite 6000ms;
	-o-animation: arrow 32000ms infinite 6000ms;
	animation: arrow 32000ms infinite 6000ms;
	
}
.csslider1 > #cs_play1:checked ~ .cs_arrowprev > label.num1,
.csslider1 > #cs_play1:checked ~ .cs_arrownext > label.num3 {
	-webkit-animation: arrow 32000ms infinite 14000ms;
	-moz-animation: arrow 32000ms infinite 14000ms;
	-ms-animation: arrow 32000ms infinite 14000ms;
	-o-animation: arrow 32000ms infinite 14000ms;
	animation: arrow 32000ms infinite 14000ms;
	
}
.csslider1 > #cs_play1:checked ~ .cs_arrowprev > label.num2,
.csslider1 > #cs_play1:checked ~ .cs_arrownext > label.num0 {
	-webkit-animation: arrow 32000ms infinite 22000ms;
	-moz-animation: arrow 32000ms infinite 22000ms;
	-ms-animation: arrow 32000ms infinite 22000ms;
	-o-animation: arrow 32000ms infinite 22000ms;
	animation: arrow 32000ms infinite 22000ms;
	
}


/* stop */
.csslider1 > .slide:checked ~ .cs_arrowprev > label,
.csslider1 > .slide:checked ~ .cs_arrownext > label,
.csslider1 > .pause:checked ~ .cs_arrowprev > label,
.csslider1 > .pause:checked ~ .cs_arrownext > label {
	-webkit-animation: none;
	-moz-animation: none;
	-ms-animation: none;
	-o-animation: none;
	animation: none;
}


/* /calculate autoplay */
.csslider1 > .cs_bullets {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 6;
	font-size: 0;
	line-height: 8pt;
	text-align: center;
}
.csslider1 > .cs_bullets > div {
	margin-left: -50%;
	width: 100%;
}
.csslider1 > .cs_bullets > label {
	position: relative;
	display: inline-block;
	cursor: pointer;
}
.csslider1 > .cs_bullets > label > .cs_thumb {
	visibility: hidden;
	position: absolute;
	opacity: 0;
	z-index: 1;
	line-height: 0;
	left: -42.5px;
	top: -48px;
}
.csslider1 > .cs_bullets > label > .cs_thumb > img {
	max-width: none;
}.csslider1 > .cs_description {
	z-index: 3;
}
.csslider1 > .cs_description a,
.csslider1 > .cs_description a:visited,
.csslider1 > .cs_description a:active {
	color: inherit;
}
.csslider1 > .cs_description a:hover {
	text-decoration: none;
}
.csslider1 > .cs_description > label {
	position: absolute;
	word-wrap: break-word;
	white-space: normal;
	text-align: left;
	max-width: 50%;
	left: 0;
}
.csslider1 > .cs_description > label > span {
	vertical-align: top;
}
.csslider1 > .cs_description > label span {
	display: inline-block;
}.csslider1 > .cs_play_pause {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 5;
}
.csslider1 > .cs_play_pause > label {
	position: absolute;
	cursor: pointer;
}
.csslider1 > #cs_play1:checked ~ .cs_play_pause > .cs_pause,
.csslider1 > .slide:checked ~ .cs_play_pause > .cs_play,
.csslider1 > .pause:checked ~ .cs_play_pause > .cs_play {
	display: block;
	z-index: 5;
}
.csslider1 > #cs_play1:checked ~ .cs_play_pause > .cs_play,
.csslider1 > .slide:checked ~ .cs_play_pause > .cs_pause,
.csslider1 > .pause:checked ~ .cs_play_pause > .cs_pause {
	display: none;
	z-index: -1;
}


/* calculate autoplay */
@-webkit-keyframes pauseChange {
	0%, 24.99% { opacity: 1; z-index: 5; }
	25%, 100%	{ opacity: 0; z-index: -1; }
}
@-moz-keyframes pauseChange {
	0%, 24.99% { opacity: 1; z-index: 5; }
	25%, 100%	{ opacity: 0; z-index: -1; }
}
@-ms-keyframes pauseChange {
	0%, 24.99% { opacity: 1; z-index: 5; }
	25%, 100%	{ opacity: 0; z-index: -1; }
}
@-o-keyframes pauseChange {
	0%, 24.99% { opacity: 1; z-index: 5; }
	25%, 100%	{ opacity: 0; z-index: -1; }
}
@keyframes pauseChange {
	0%, 24.99% { opacity: 1; z-index: 5; }
	25%, 100%	{ opacity: 0; z-index: -1; }
}


.csslider1 > #cs_play1:checked ~ .cs_play_pause > .cs_pause.num0 {
	opacity: 0;
	z-index: -1;
	-webkit-animation: pauseChange 32000ms infinite -2000ms;
	-moz-animation: pauseChange 32000ms infinite -2000ms;
	-ms-animation: pauseChange 32000ms infinite -2000ms;
	-o-animation: pauseChange 32000ms infinite -2000ms;
	animation: pauseChange 32000ms infinite -2000ms;
	
}
.csslider1 > #cs_play1:checked ~ .cs_play_pause > .cs_pause.num1 {
	opacity: 0;
	z-index: -1;
	-webkit-animation: pauseChange 32000ms infinite 6000ms;
	-moz-animation: pauseChange 32000ms infinite 6000ms;
	-ms-animation: pauseChange 32000ms infinite 6000ms;
	-o-animation: pauseChange 32000ms infinite 6000ms;
	animation: pauseChange 32000ms infinite 6000ms;
	
}
.csslider1 > #cs_play1:checked ~ .cs_play_pause > .cs_pause.num2 {
	opacity: 0;
	z-index: -1;
	-webkit-animation: pauseChange 32000ms infinite 14000ms;
	-moz-animation: pauseChange 32000ms infinite 14000ms;
	-ms-animation: pauseChange 32000ms infinite 14000ms;
	-o-animation: pauseChange 32000ms infinite 14000ms;
	animation: pauseChange 32000ms infinite 14000ms;
	
}
.csslider1 > #cs_play1:checked ~ .cs_play_pause > .cs_pause.num3 {
	opacity: 0;
	z-index: -1;
	-webkit-animation: pauseChange 32000ms infinite 22000ms;
	-moz-animation: pauseChange 32000ms infinite 22000ms;
	-ms-animation: pauseChange 32000ms infinite 22000ms;
	-o-animation: pauseChange 32000ms infinite 22000ms;
	animation: pauseChange 32000ms infinite 22000ms;
	
}


/* stop */
.csslider1 > .slide:checked ~ .cs_play_pause > .cs_pause,
.csslider1 > .pause:checked ~ .cs_play_pause > .cs_pause {
	-webkit-animation: none;
	-moz-animation: none;
	-ms-animation: none;
	-o-animation: none;
	animation: none;
}


/* /calculate autoplay */
.csslider1 > ul > li.num0 {
	left: 0%;
}
.csslider1 > ul > li.num1 {
	left: 100%;
}
.csslider1 > ul > li.num2 {
	left: 200%;
}
.csslider1 > ul > li.num3 {
	left: 300%;
}
 


.csslider1 > #cs_slide1_0:checked ~ ul > li,
.csslider1 > #cs_pause1_0:checked ~ ul > li {
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	-ms-transform: translateX(0%);
	-o-transform: translateX(0%);
	transform: translateX(0%);
	
}
.csslider1 > #cs_slide1_1:checked ~ ul > li,
.csslider1 > #cs_pause1_1:checked ~ ul > li {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
	
}
.csslider1 > #cs_slide1_2:checked ~ ul > li,
.csslider1 > #cs_pause1_2:checked ~ ul > li {
	-webkit-transform: translateX(-200%);
	-moz-transform: translateX(-200%);
	-ms-transform: translateX(-200%);
	-o-transform: translateX(-200%);
	transform: translateX(-200%);
	
}
.csslider1 > #cs_slide1_3:checked ~ ul > li,
.csslider1 > #cs_pause1_3:checked ~ ul > li {
	-webkit-transform: translateX(-300%);
	-moz-transform: translateX(-300%);
	-ms-transform: translateX(-300%);
	-o-transform: translateX(-300%);
	transform: translateX(-300%);
	
}
 


.csslider1 > ul > li {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	opacity: 1;

	-webkit-transition: -webkit-transform 2000ms cubic-bezier(0.4, 1.3, 0.65, 1);
	-moz-transition: -moz-transform 2000ms cubic-bezier(0.4, 1.3, 0.65, 1);
	-ms-transition: -ms-transform 2000ms cubic-bezier(0.4, 1.3, 0.65, 1);
	-o-transition: -o-transform 2000ms cubic-bezier(0.4, 1.3, 0.65, 1);
	transition: transform 2000ms cubic-bezier(0.4, 1.3, 0.65, 1);
	

	
  	-webkit-transform: scale(1);
  	-moz-transform: scale(1);
  	-ms-transform: scale(1);
  	-o-transform: scale(1);
  	transform: scale(1);
  	
}

/* calculate autoplay */
@-webkit-keyframes slide {
	0%, 18.75%	{ -webkit-transform: translateX(0%); }
	25%, 43.75%	{ -webkit-transform: translateX(-100%); }
	50%, 68.75%	{ -webkit-transform: translateX(-200%); }
	75%, 93.75%	{ -webkit-transform: translateX(-300%); }
	
}
@-moz-keyframes slide {
	0%, 18.75%	{ -moz-transform: translateX(0%); }
	25%, 43.75%	{ -moz-transform: translateX(-100%); }
	50%, 68.75%	{ -moz-transform: translateX(-200%); }
	75%, 93.75%	{ -moz-transform: translateX(-300%); }
	
}
@-ms-keyframes slide {
	0%, 18.75%	{ -ms-transform: translateX(0%); }
	25%, 43.75%	{ -ms-transform: translateX(-100%); }
	50%, 68.75%	{ -ms-transform: translateX(-200%); }
	75%, 93.75%	{ -ms-transform: translateX(-300%); }
	
}
@-o-keyframes slide {
	0%, 18.75%	{ -o-transform: translateX(0%); }
	25%, 43.75%	{ -o-transform: translateX(-100%); }
	50%, 68.75%	{ -o-transform: translateX(-200%); }
	75%, 93.75%	{ -o-transform: translateX(-300%); }
	
}
@keyframes slide {
	0%, 18.75%	{ transform: translateX(0%); }
	25%, 43.75%	{ transform: translateX(-100%); }
	50%, 68.75%	{ transform: translateX(-200%); }
	75%, 93.75%	{ transform: translateX(-300%); }
	
}


.csslider1  > #cs_play1:checked ~ ul > li {
	-webkit-animation: slide 32000ms infinite;
	-moz-animation: slide 32000ms infinite;
	-ms-animation: slide 32000ms infinite;
	-o-animation: slide 32000ms infinite;
	animation: slide 32000ms infinite;
	
}


.csslider1 > #cs_play1:checked ~ ul > li,
.csslider1 > .pause:checked ~ ul > li {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
	
}


/* /calculate autoplay */
.csslider1 > .cs_play_pause {
  	-webkit-transition: .4s all 0s ease;
  	-moz-transition: .4s all 0s ease;
  	-ms-transition: .4s all 0s ease;
  	-o-transition: .4s all 0s ease;
  	transition: .4s all 0s ease;
  	
}
.csslider1 > .cs_arrowprev {
  	-webkit-transition: .4s all .15s ease;
  	-moz-transition: .4s all .15s ease;
  	-ms-transition: .4s all .15s ease;
  	-o-transition: .4s all .15s ease;
  	transition: .4s all .15s ease;
  	
}
.csslider1 > .cs_arrownext {
  	-webkit-transition: .4s all .3s ease;
  	-moz-transition: .4s all .3s ease;
  	-ms-transition: .4s all .3s ease;
  	-o-transition: .4s all .3s ease;
  	transition: .4s all .3s ease;
  	
}
.csslider1 > .cs_arrowprev,
.csslider1 > .cs_arrownext,
.csslider1 > .cs_play_pause {
	opacity: 0;
	-webkit-transform: translateY(-30px);
	-moz-transform: translateY(-30px);
	-ms-transform: translateY(-30px);
	-o-transform: translateY(-30px);
	transform: translateY(-30px);
	
}

.csslider1:hover > .cs_arrowprev,
.csslider1:hover > .cs_arrownext,
.csslider1:hover > .cs_play_pause {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	
}.csslider1 > .cs_arrowprev > label,
.csslider1 > .cs_arrownext > label {
	padding: 17px;
	height: 23px;
	width: 23px;
	margin-top: -28px;
	margin-left: -28px;

	background-color: #FCFBAB;

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.csslider1 > .cs_arrowprev > label,
.csslider1 > .cs_arrownext > label,
.csslider1 > .cs_arrowprev > label:after,
.csslider1 > .cs_arrownext > label:after {
	-webkit-transition: background-color 0.4s, color 0.4s;
	-moz-transition: background-color 0.4s, color 0.4s;
	-ms-transition: background-color 0.4s, color 0.4s;
	-o-transition: background-color 0.4s, color 0.4s;
	transition: background-color 0.4s, color 0.4s;
	
}
.csslider1 > .cs_arrowprev {
	margin-left: 2px;
	left: 45px;
}
.csslider1 > .cs_arrownext {
	margin-right: 2px;
	right: 45px;
}
.csslider1 > .cs_arrowprev > label:after,
.csslider1 > .cs_arrownext > label:after {
	display: block;
	font: 21px "basiccontrols";
	color: #3A4A5A;
	line-height: 23px;
	text-align: center;
}
/* IE10+ hack */
_:-ms-input-placeholder, :root .csslider1 > .cs_arrowprev > label:after {
	line-height: 29px;
}
_:-ms-input-placeholder, :root .csslider1 > .cs_arrownext > label:after {
	line-height: 29px;
}

.csslider1 > .cs_arrowprev > label:after {
	content: '\e801';
}
.csslider1 > .cs_arrownext > label:after {
	content: '\e800';
}

.csslider1 > .cs_arrowprev:hover > label,
.csslider1 > .cs_arrownext:hover > label {
	background-color: #fefdd5;
}

.csslider1 > .cs_arrownext:hover > label:after {
	color: #000;
	-webkit-animation: nextArrow .7s infinite ease-in-out;
	-moz-animation: nextArrow .7s infinite ease-in-out;
	-ms-animation: nextArrow .7s infinite ease-in-out;
	-o-animation: nextArrow .7s infinite ease-in-out;
	animation: nextArrow .7s infinite ease-in-out;
	
}
.csslider1 > .cs_arrowprev:hover > label:after {
	color: #000;
	-webkit-animation: prevArrow .7s infinite ease-in-out;
	-moz-animation: prevArrow .7s infinite ease-in-out;
	-ms-animation: prevArrow .7s infinite ease-in-out;
	-o-animation: prevArrow .7s infinite ease-in-out;
	animation: prevArrow .7s infinite ease-in-out;
	
}


@-webkit-keyframes nextArrow {
	0%, 100% { -webkit-transform: translateX(0px); }
	25% { -webkit-transform: translateX(2px); }
	75% { -webkit-transform: translateX(-2px); }
}
@-moz-keyframes nextArrow {
	0%, 100% { -moz-transform: translateX(0px); }
	25% { -moz-transform: translateX(2px); }
	75% { -moz-transform: translateX(-2px); }
}
@-ms-keyframes nextArrow {
	0%, 100% { -ms-transform: translateX(0px); }
	25% { -ms-transform: translateX(2px); }
	75% { -ms-transform: translateX(-2px); }
}
@-o-keyframes nextArrow {
	0%, 100% { -o-transform: translateX(0px); }
	25% { -o-transform: translateX(2px); }
	75% { -o-transform: translateX(-2px); }
}
@keyframes nextArrow {
	0%, 100% { transform: translateX(0px); }
	25% { transform: translateX(2px); }
	75% { transform: translateX(-2px); }
}


@-webkit-keyframes prevArrow {
	0%, 100% { -webkit-transform: translateX(0px); }
	25% { -webkit-transform: translateX(-2px); }
	75% { -webkit-transform: translateX(2px); }
}
@-moz-keyframes prevArrow {
	0%, 100% { -moz-transform: translateX(0px); }
	25% { -moz-transform: translateX(-2px); }
	75% { -moz-transform: translateX(2px); }
}
@-ms-keyframes prevArrow {
	0%, 100% { -ms-transform: translateX(0px); }
	25% { -ms-transform: translateX(-2px); }
	75% { -ms-transform: translateX(2px); }
}
@-o-keyframes prevArrow {
	0%, 100% { -o-transform: translateX(0px); }
	25% { -o-transform: translateX(-2px); }
	75% { -o-transform: translateX(2px); }
}
@keyframes prevArrow {
	0%, 100% { transform: translateX(0px); }
	25% { transform: translateX(-2px); }
	75% { transform: translateX(2px); }
}
.csslider1 > .cs_play_pause > label{
	text-decoration: none;
	padding: 17px;
	height: 23px;
	width: 23px;

	margin-top: -28px;
	margin-left: -28px;

	background-color: #FCFBAB;

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.csslider1 > .cs_play_pause > label,
.csslider1 > .cs_play_pause > label:after {
    -webkit-transition: background-color 0.4s ease, color 0.4s ease;
    -moz-transition: background-color 0.4s ease, color 0.4s ease;
    -o-transition: background-color 0.4s ease, color 0.4s ease;
    transition: background-color 0.4s ease, color 0.4s ease;
}
.csslider1 > .cs_play_pause > label:after{
	display: block;
	font: 15px "basiccontrols";
	color: #3A4A5A;
	line-height: 25px;
	text-align: center;
}
/* IE10+ hack */
_:-ms-input-placeholder, :root .csslider1 > .cs_play_pause > label:after {
	line-height: 28px;
}
.csslider1 > .cs_play_pause > .cs_play:after {
	content: '\e802';
}
.csslider1 > .cs_play_pause > .cs_pause:after {
	content: '\e803';
}

.csslider1 > .cs_play_pause:hover > label {
	background-color: #fefdd5;
}
.csslider1 > .cs_play_pause:hover > label:after {
	color: #000;
	-webkit-animation: playPause .7s infinite ease-in-out;
	-moz-animation: playPause .7s infinite ease-in-out;
	-ms-animation: playPause .7s infinite ease-in-out;
	-o-animation: playPause .7s infinite ease-in-out;
	animation: playPause .7s infinite ease-in-out;
	
}



@-webkit-keyframes playPause {
	0%, 100% { -webkit-transform: translateY(0px); }
	25% { -webkit-transform: translateY(2px); }
	75% { -webkit-transform: translateY(-2px); }
}
@-moz-keyframes playPause {
	0%, 100% { -moz-transform: translateY(0px); }
	25% { -moz-transform: translateY(2px); }
	75% { -moz-transform: translateY(-2px); }
}
@-ms-keyframes playPause {
	0%, 100% { -ms-transform: translateY(0px); }
	25% { -ms-transform: translateY(2px); }
	75% { -ms-transform: translateY(-2px); }
}
@-o-keyframes playPause {
	0%, 100% { -o-transform: translateY(0px); }
	25% { -o-transform: translateY(2px); }
	75% { -o-transform: translateY(-2px); }
}
@keyframes playPause {
	0%, 100% { transform: translateY(0px); }
	25% { transform: translateY(2px); }
	75% { transform: translateY(-2px); }
}
.csslider1 > .cs_bullets {
	bottom: 5px;
	margin-bottom: 5px;
}
.csslider1 > .cs_bullets > label {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin: 0 5px;
	padding: 9px;
	background: #FCFBAB;
}


.csslider1 > .cs_bullets > label > .cs_thumb {
	border: 3px solid #FCFBAB;
	margin-top: -150%;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	
}
.csslider1 > .cs_bullets > label > .cs_thumb:before {
	content: '';
	position: absolute;
	width: 0; 
	height: 0; 
	left: 50%;
	margin-left: -1px;
	bottom: -9px;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	
	border-top: 7px solid #FCFBAB;
}
.csslider1 > .cs_bullets > label:hover > .cs_thumb {
	margin-top: -12px;
	opacity: 1;
	visibility: visible;
}



.csslider1 > .cs_bullets > label > .cs_point {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -2px;
	margin-top: -2px;
	background: transparent;
	border-radius: 50%;
	padding: 2px;
}

.csslider1 > .cs_bullets > label:hover > .cs_point,

.csslider1 > #cs_slide1_0:checked ~ .cs_bullets > label.num0 > .cs_point,
.csslider1 > #cs_pause1_0:checked ~ .cs_bullets > label.num0 > .cs_point,
.csslider1 > #cs_slide1_1:checked ~ .cs_bullets > label.num1 > .cs_point,
.csslider1 > #cs_pause1_1:checked ~ .cs_bullets > label.num1 > .cs_point,
.csslider1 > #cs_slide1_2:checked ~ .cs_bullets > label.num2 > .cs_point,
.csslider1 > #cs_pause1_2:checked ~ .cs_bullets > label.num2 > .cs_point,
.csslider1 > #cs_slide1_3:checked ~ .cs_bullets > label.num3 > .cs_point,
.csslider1 > #cs_pause1_3:checked ~ .cs_bullets > label.num3 > .cs_point {
	background: #3A4A5A;
}

/* calculate autoplay */
@-webkit-keyframes bullet {
	0%, 24.99%	{ background: #3A4A5A; }
	25%, 100% { background: transparent; }
}
@-moz-keyframes bullet {
	0%, 24.99%	{ background: #3A4A5A; }
	25%, 100% { background: transparent; }
}
@-ms-keyframes bullet {
	0%, 24.99%	{ background: #3A4A5A; }
	25%, 100% { background: transparent; }
}
@-o-keyframes bullet {
	0%, 24.99%	{ background: #3A4A5A; }
	25%, 100% { background: transparent; }
}
@keyframes bullet {
	0%, 24.99%	{ background: #3A4A5A; }
	25%, 100% { background: transparent; }
}


.csslider1 > #cs_play1:checked ~ .cs_bullets > label.num0 > .cs_point,
.csslider1 > #cs_pause1:checked ~ .cs_bullets > label.num0 > .cs_point {
	-webkit-animation: bullet 32000ms infinite -2000ms;
	-moz-animation: bullet 32000ms infinite -2000ms;
	-ms-animation: bullet 32000ms infinite -2000ms;
	-o-animation: bullet 32000ms infinite -2000ms;
	animation: bullet 32000ms infinite -2000ms;
	
}
.csslider1 > #cs_play1:checked ~ .cs_bullets > label.num1 > .cs_point,
.csslider1 > #cs_pause1:checked ~ .cs_bullets > label.num1 > .cs_point {
	-webkit-animation: bullet 32000ms infinite 6000ms;
	-moz-animation: bullet 32000ms infinite 6000ms;
	-ms-animation: bullet 32000ms infinite 6000ms;
	-o-animation: bullet 32000ms infinite 6000ms;
	animation: bullet 32000ms infinite 6000ms;
	
}
.csslider1 > #cs_play1:checked ~ .cs_bullets > label.num2 > .cs_point,
.csslider1 > #cs_pause1:checked ~ .cs_bullets > label.num2 > .cs_point {
	-webkit-animation: bullet 32000ms infinite 14000ms;
	-moz-animation: bullet 32000ms infinite 14000ms;
	-ms-animation: bullet 32000ms infinite 14000ms;
	-o-animation: bullet 32000ms infinite 14000ms;
	animation: bullet 32000ms infinite 14000ms;
	
}
.csslider1 > #cs_play1:checked ~ .cs_bullets > label.num3 > .cs_point,
.csslider1 > #cs_pause1:checked ~ .cs_bullets > label.num3 > .cs_point {
	-webkit-animation: bullet 32000ms infinite 22000ms;
	-moz-animation: bullet 32000ms infinite 22000ms;
	-ms-animation: bullet 32000ms infinite 22000ms;
	-o-animation: bullet 32000ms infinite 22000ms;
	animation: bullet 32000ms infinite 22000ms;
	
}




.csslider1 > #cs_play1:checked ~ .cs_bullets > label > .cs_point,
.csslider1 > .pause:checked ~ .cs_bullets > label > .cs_point {
  	-webkit-transition: none;
  	-moz-transition: none;
  	-ms-transition: none;
  	-o-transition: none;
  	transition: none;
  	
}


/* stop */

.csslider1 > .slide:checked ~ .cs_bullets > label > .cs_point,
.csslider1 > .pause:checked ~ .cs_bullets > label > .cs_point {
	-webkit-animation: none;
	-moz-animation: none;
	-ms-animation: none;
	-o-animation: none;
	animation: none;
}


/* /calculate autoplay */


.csslider1 > .cs_description > label {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 20px;
	line-height: normal;
	bottom: 39px;
	left: -183px;
}

.csslider1 > .cs_description > label > span {
	color: #3A4A5A;
	position: relative;
	padding: 13px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}



.csslider1 > #cs_slide1_0:checked ~ .cs_description > .num0 > .cs_title,
.csslider1 > #cs_slide1_0:checked ~ .cs_description > .num0 > .cs_descr,
.csslider1 > #cs_pause1_0:checked ~ .cs_description > .num0 > .cs_title,
.csslider1 > #cs_pause1_0:checked ~ .cs_description > .num0 > .cs_descr,
.csslider1 > #cs_slide1_1:checked ~ .cs_description > .num1 > .cs_title,
.csslider1 > #cs_slide1_1:checked ~ .cs_description > .num1 > .cs_descr,
.csslider1 > #cs_pause1_1:checked ~ .cs_description > .num1 > .cs_title,
.csslider1 > #cs_pause1_1:checked ~ .cs_description > .num1 > .cs_descr,
.csslider1 > #cs_slide1_2:checked ~ .cs_description > .num2 > .cs_title,
.csslider1 > #cs_slide1_2:checked ~ .cs_description > .num2 > .cs_descr,
.csslider1 > #cs_pause1_2:checked ~ .cs_description > .num2 > .cs_title,
.csslider1 > #cs_pause1_2:checked ~ .cs_description > .num2 > .cs_descr,
.csslider1 > #cs_slide1_3:checked ~ .cs_description > .num3 > .cs_title,
.csslider1 > #cs_slide1_3:checked ~ .cs_description > .num3 > .cs_descr,
.csslider1 > #cs_pause1_3:checked ~ .cs_description > .num3 > .cs_title,
.csslider1 > #cs_pause1_3:checked ~ .cs_description > .num3 > .cs_descr {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	
}


.csslider1 > #cs_slide1_0:checked ~ .cs_description > .num0 .cs_wrapper,
.csslider1 > #cs_pause1_0:checked ~ .cs_description > .num0 .cs_wrapper,
.csslider1 > #cs_slide1_1:checked ~ .cs_description > .num1 .cs_wrapper,
.csslider1 > #cs_pause1_1:checked ~ .cs_description > .num1 .cs_wrapper,
.csslider1 > #cs_slide1_2:checked ~ .cs_description > .num2 .cs_wrapper,
.csslider1 > #cs_pause1_2:checked ~ .cs_description > .num2 .cs_wrapper,
.csslider1 > #cs_slide1_3:checked ~ .cs_description > .num3 .cs_wrapper,
.csslider1 > #cs_pause1_3:checked ~ .cs_description > .num3 .cs_wrapper {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	
}
.csslider1 > .cs_description > label > .cs_title {
	background-color: #FCFBAB;
	margin: -5px 10px;
	opacity: 0;
	visibility: hidden;
	z-index: 2;
	-webkit-transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	-o-transform: translateY(-100px);
	transform: translateY(-100px);
	
  	-webkit-transition: 950ms opacity 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 950ms -webkit-transform 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 950ms visibility 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	-moz-transition: 950ms opacity 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 950ms -moz-transform 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 950ms visibility 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	-ms-transition: 950ms opacity 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 950ms -ms-transform 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 950ms visibility 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	-o-transition: 950ms opacity 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 950ms -o-transform 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 950ms visibility 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	transition: 950ms opacity 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 950ms transform 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 950ms visibility 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	
}
.csslider1 > .cs_description > label > .cs_descr {
	background-color: #fefdd5;
	font-size: 0.8em;
	margin: -5px 20px;
	opacity: 0;
	visibility: hidden;
	z-index: 1;
	-webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
	-ms-transform: translateY(100px);
	-o-transform: translateY(100px);
	transform: translateY(100px);
	
  	-webkit-transition: 950ms opacity 850ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 950ms -webkit-transform 850ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 950ms visibility 850ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	-moz-transition: 950ms opacity 850ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 950ms -moz-transform 850ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 950ms visibility 850ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	-ms-transition: 950ms opacity 850ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 950ms -ms-transform 850ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 950ms visibility 850ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	-o-transition: 950ms opacity 850ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 950ms -o-transform 850ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 950ms visibility 850ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	transition: 950ms opacity 850ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 950ms transform 850ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 950ms visibility 850ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	
}


.csslider1 > .cs_description > label > .cs_title > .cs_wrapper {
	opacity: 0;
	-webkit-transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	-o-transform: translateY(-100px);
	transform: translateY(-100px);
	
	-webkit-transition: 950ms opacity 750ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 950ms -webkit-transform 750ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-moz-transition: 950ms opacity 750ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 950ms -moz-transform 750ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-ms-transition: 950ms opacity 750ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 950ms -ms-transform 750ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-o-transition: 950ms opacity 750ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 950ms -o-transform 750ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	transition: 950ms opacity 750ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 950ms transform 750ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	
}
.csslider1 > .cs_description > label > .cs_descr > .cs_wrapper {
	opacity: 0;
	-webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
	-ms-transform: translateY(100px);
	-o-transform: translateY(100px);
	transform: translateY(100px);
	
	-webkit-transition: 950ms opacity 1000ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 950ms -webkit-transform 1000ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-moz-transition: 950ms opacity 1000ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 950ms -moz-transform 1000ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-ms-transition: 950ms opacity 1000ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 950ms -ms-transform 1000ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-o-transition: 950ms opacity 1000ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 950ms -o-transform 1000ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	transition: 950ms opacity 1000ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 950ms transform 1000ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	
}


/* calculate autoplay */
@-webkit-keyframes cs_title {
	1.0390625%, 23.9509375%	{ opacity: 1; -webkit-transform: translateY(10px); z-index: 2; visibility: visible;}
	1.484375%, 23.505625%	{ opacity: 1; -webkit-transform: translateY(0px); z-index: 2; visibility: visible;}
	26.484375%	{ opacity: 0; -webkit-transform: translateY(-100px); z-index: 2; visibility: hidden;}
	26.494375%, 100%	{ z-index: 0; }
}
@-moz-keyframes cs_title {
	1.0390625%, 23.9509375%	{ opacity: 1; -moz-transform: translateY(10px); z-index: 2; visibility: visible;}
	1.484375%, 23.505625%	{ opacity: 1; -moz-transform: translateY(0px); z-index: 2; visibility: visible;}
	26.484375%	{ opacity: 0; -moz-transform: translateY(-100px); z-index: 2; visibility: hidden;}
	26.494375%, 100%	{ z-index: 0; }
}
@-ms-keyframes cs_title {
	1.0390625%, 23.9509375%	{ opacity: 1; -ms-transform: translateY(10px); z-index: 2; visibility: visible;}
	1.484375%, 23.505625%	{ opacity: 1; -ms-transform: translateY(0px); z-index: 2; visibility: visible;}
	26.484375%	{ opacity: 0; -ms-transform: translateY(-100px); z-index: 2; visibility: hidden;}
	26.494375%, 100%	{ z-index: 0; }
}
@-o-keyframes cs_title {
	1.0390625%, 23.9509375%	{ opacity: 1; -o-transform: translateY(10px); z-index: 2; visibility: visible;}
	1.484375%, 23.505625%	{ opacity: 1; -o-transform: translateY(0px); z-index: 2; visibility: visible;}
	26.484375%	{ opacity: 0; -o-transform: translateY(-100px); z-index: 2; visibility: hidden;}
	26.494375%, 100%	{ z-index: 0; }
}
@keyframes cs_title {
	1.0390625%, 23.9509375%	{ opacity: 1; transform: translateY(10px); z-index: 2; visibility: visible;}
	1.484375%, 23.505625%	{ opacity: 1; transform: translateY(0px); z-index: 2; visibility: visible;}
	26.484375%	{ opacity: 0; transform: translateY(-100px); z-index: 2; visibility: hidden;}
	26.494375%, 100%	{ z-index: 0; }
}


@-webkit-keyframes cs_descr {
	1.0390625%, 23.9509375%	{ opacity: 1; -webkit-transform: translateY(-10px); z-index: 1; visibility: visible;}
	1.484375%, 23.505625%	{ opacity: 1; -webkit-transform: translateY(0px); z-index: 1; visibility: visible;}
	26.484375%	{ opacity: 0; -webkit-transform: translateY(100px); z-index: 1; visibility: hidden;}
	26.494375%, 100%	{ z-index: 0; }
}
@-moz-keyframes cs_descr {
	1.0390625%, 23.9509375%	{ opacity: 1; -moz-transform: translateY(-10px); z-index: 1; visibility: visible;}
	1.484375%, 23.505625%	{ opacity: 1; -moz-transform: translateY(0px); z-index: 1; visibility: visible;}
	26.484375%	{ opacity: 0; -moz-transform: translateY(100px); z-index: 1; visibility: hidden;}
	26.494375%, 100%	{ z-index: 0; }
}
@-ms-keyframes cs_descr {
	1.0390625%, 23.9509375%	{ opacity: 1; -ms-transform: translateY(-10px); z-index: 1; visibility: visible;}
	1.484375%, 23.505625%	{ opacity: 1; -ms-transform: translateY(0px); z-index: 1; visibility: visible;}
	26.484375%	{ opacity: 0; -ms-transform: translateY(100px); z-index: 1; visibility: hidden;}
	26.494375%, 100%	{ z-index: 0; }
}
@-o-keyframes cs_descr {
	1.0390625%, 23.9509375%	{ opacity: 1; -o-transform: translateY(-10px); z-index: 1; visibility: visible;}
	1.484375%, 23.505625%	{ opacity: 1; -o-transform: translateY(0px); z-index: 1; visibility: visible;}
	26.484375%	{ opacity: 0; -o-transform: translateY(100px); z-index: 1; visibility: hidden;}
	26.494375%, 100%	{ z-index: 0; }
}
@keyframes cs_descr {
	1.0390625%, 23.9509375%	{ opacity: 1; transform: translateY(-10px); z-index: 1; visibility: visible;}
	1.484375%, 23.505625%	{ opacity: 1; transform: translateY(0px); z-index: 1; visibility: visible;}
	26.484375%	{ opacity: 0; transform: translateY(100px); z-index: 1; visibility: hidden;}
	26.494375%, 100%	{ z-index: 0; }
}



.csslider1 > #cs_play1:checked ~ .cs_description > .num0  > .cs_title {
	-webkit-animation: cs_title 32000ms infinite -1400ms ease;
	-moz-animation: cs_title 32000ms infinite -1400ms ease;
	-ms-animation: cs_title 32000ms infinite -1400ms ease;
	-o-animation: cs_title 32000ms infinite -1400ms ease;
	animation: cs_title 32000ms infinite -1400ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num1  > .cs_title {
	-webkit-animation: cs_title 32000ms infinite 6600ms ease;
	-moz-animation: cs_title 32000ms infinite 6600ms ease;
	-ms-animation: cs_title 32000ms infinite 6600ms ease;
	-o-animation: cs_title 32000ms infinite 6600ms ease;
	animation: cs_title 32000ms infinite 6600ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num2  > .cs_title {
	-webkit-animation: cs_title 32000ms infinite 14600ms ease;
	-moz-animation: cs_title 32000ms infinite 14600ms ease;
	-ms-animation: cs_title 32000ms infinite 14600ms ease;
	-o-animation: cs_title 32000ms infinite 14600ms ease;
	animation: cs_title 32000ms infinite 14600ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num3  > .cs_title {
	-webkit-animation: cs_title 32000ms infinite 22600ms ease;
	-moz-animation: cs_title 32000ms infinite 22600ms ease;
	-ms-animation: cs_title 32000ms infinite 22600ms ease;
	-o-animation: cs_title 32000ms infinite 22600ms ease;
	animation: cs_title 32000ms infinite 22600ms ease;
}


.csslider1 > #cs_play1:checked ~ .cs_description > .num0  > .cs_descr {
	-webkit-animation: cs_descr 32000ms infinite -1150ms ease;
	-moz-animation: cs_descr 32000ms infinite -1150ms ease;
	-ms-animation: cs_descr 32000ms infinite -1150ms ease;
	-o-animation: cs_descr 32000ms infinite -1150ms ease;
	animation: cs_descr 32000ms infinite -1150ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num1  > .cs_descr {
	-webkit-animation: cs_descr 32000ms infinite 6850ms ease;
	-moz-animation: cs_descr 32000ms infinite 6850ms ease;
	-ms-animation: cs_descr 32000ms infinite 6850ms ease;
	-o-animation: cs_descr 32000ms infinite 6850ms ease;
	animation: cs_descr 32000ms infinite 6850ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num2  > .cs_descr {
	-webkit-animation: cs_descr 32000ms infinite 14850ms ease;
	-moz-animation: cs_descr 32000ms infinite 14850ms ease;
	-ms-animation: cs_descr 32000ms infinite 14850ms ease;
	-o-animation: cs_descr 32000ms infinite 14850ms ease;
	animation: cs_descr 32000ms infinite 14850ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num3  > .cs_descr {
	-webkit-animation: cs_descr 32000ms infinite 22850ms ease;
	-moz-animation: cs_descr 32000ms infinite 22850ms ease;
	-ms-animation: cs_descr 32000ms infinite 22850ms ease;
	-o-animation: cs_descr 32000ms infinite 22850ms ease;
	animation: cs_descr 32000ms infinite 22850ms ease;
}




@-webkit-keyframes cs_title_text {
	1.0390625%, 23.9509375%	{ opacity: 1; -webkit-transform: translateY(10px); }
	1.484375%, 23.505625%	{ opacity: 1; -webkit-transform: translateY(0px); }
	26.484375%	{ opacity: 0; -webkit-transform: translateY(-100px); }
}
@-moz-keyframes cs_title_text {
	1.0390625%, 23.9509375%	{ opacity: 1; -moz-transform: translateY(10px); }
	1.484375%, 23.505625%	{ opacity: 1; -moz-transform: translateY(0px); }
	26.484375%	{ opacity: 0; -moz-transform: translateY(-100px); }
}
@-ms-keyframes cs_title_text {
	1.0390625%, 23.9509375%	{ opacity: 1; -ms-transform: translateY(10px); }
	1.484375%, 23.505625%	{ opacity: 1; -ms-transform: translateY(0px); }
	26.484375%	{ opacity: 0; -ms-transform: translateY(-100px); }
}
@-o-keyframes cs_title_text {
	1.0390625%, 23.9509375%	{ opacity: 1; -o-transform: translateY(10px); }
	1.484375%, 23.505625%	{ opacity: 1; -o-transform: translateY(0px); }
	26.484375%	{ opacity: 0; -o-transform: translateY(-100px); }
}
@keyframes cs_title_text {
	1.0390625%, 23.9509375%	{ opacity: 1; transform: translateY(10px); }
	1.484375%, 23.505625%	{ opacity: 1; transform: translateY(0px); }
	26.484375%	{ opacity: 0; transform: translateY(-100px); }
}


@-webkit-keyframes cs_descr_text {
	1.0390625%, 23.9509375%	{ opacity: 1; -webkit-transform: translateY(-10px); }
	1.484375%, 23.505625%	{ opacity: 1; -webkit-transform: translateY(0px); }
	26.484375%	{ opacity: 0; -webkit-transform: translateY(100px); }
}
@-moz-keyframes cs_descr_text {
	1.0390625%, 23.9509375%	{ opacity: 1; -moz-transform: translateY(-10px); }
	1.484375%, 23.505625%	{ opacity: 1; -moz-transform: translateY(0px); }
	26.484375%	{ opacity: 0; -moz-transform: translateY(100px); }
}
@-ms-keyframes cs_descr_text {
	1.0390625%, 23.9509375%	{ opacity: 1; -ms-transform: translateY(-10px); }
	1.484375%, 23.505625%	{ opacity: 1; -ms-transform: translateY(0px); }
	26.484375%	{ opacity: 0; -ms-transform: translateY(100px); }
}
@-o-keyframes cs_descr_text {
	1.0390625%, 23.9509375%	{ opacity: 1; -o-transform: translateY(-10px); }
	1.484375%, 23.505625%	{ opacity: 1; -o-transform: translateY(0px); }
	26.484375%	{ opacity: 0; -o-transform: translateY(100px); }
}
@keyframes cs_descr_text {
	1.0390625%, 23.9509375%	{ opacity: 1; transform: translateY(-10px); }
	1.484375%, 23.505625%	{ opacity: 1; transform: translateY(0px); }
	26.484375%	{ opacity: 0; transform: translateY(100px); }
}



.csslider1 > #cs_play1:checked ~ .cs_description > .num0 .cs_title > .cs_wrapper {
	-webkit-animation: cs_title_text 32000ms infinite -1250ms ease;
	-moz-animation: cs_title_text 32000ms infinite -1250ms ease;
	-ms-animation: cs_title_text 32000ms infinite -1250ms ease;
	-o-animation: cs_title_text 32000ms infinite -1250ms ease;
	animation: cs_title_text 32000ms infinite -1250ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num1 .cs_title > .cs_wrapper {
	-webkit-animation: cs_title_text 32000ms infinite 6750ms ease;
	-moz-animation: cs_title_text 32000ms infinite 6750ms ease;
	-ms-animation: cs_title_text 32000ms infinite 6750ms ease;
	-o-animation: cs_title_text 32000ms infinite 6750ms ease;
	animation: cs_title_text 32000ms infinite 6750ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num2 .cs_title > .cs_wrapper {
	-webkit-animation: cs_title_text 32000ms infinite 14750ms ease;
	-moz-animation: cs_title_text 32000ms infinite 14750ms ease;
	-ms-animation: cs_title_text 32000ms infinite 14750ms ease;
	-o-animation: cs_title_text 32000ms infinite 14750ms ease;
	animation: cs_title_text 32000ms infinite 14750ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num3 .cs_title > .cs_wrapper {
	-webkit-animation: cs_title_text 32000ms infinite 22750ms ease;
	-moz-animation: cs_title_text 32000ms infinite 22750ms ease;
	-ms-animation: cs_title_text 32000ms infinite 22750ms ease;
	-o-animation: cs_title_text 32000ms infinite 22750ms ease;
	animation: cs_title_text 32000ms infinite 22750ms ease;
}


.csslider1 > #cs_play1:checked ~ .cs_description > .num0 .cs_descr > .cs_wrapper {
	-webkit-animation: cs_descr_text 32000ms infinite -1000ms ease;
	-moz-animation: cs_descr_text 32000ms infinite -1000ms ease;
	-ms-animation: cs_descr_text 32000ms infinite -1000ms ease;
	-o-animation: cs_descr_text 32000ms infinite -1000ms ease;
	animation: cs_descr_text 32000ms infinite -1000ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num1 .cs_descr > .cs_wrapper {
	-webkit-animation: cs_descr_text 32000ms infinite 7000ms ease;
	-moz-animation: cs_descr_text 32000ms infinite 7000ms ease;
	-ms-animation: cs_descr_text 32000ms infinite 7000ms ease;
	-o-animation: cs_descr_text 32000ms infinite 7000ms ease;
	animation: cs_descr_text 32000ms infinite 7000ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num2 .cs_descr > .cs_wrapper {
	-webkit-animation: cs_descr_text 32000ms infinite 15000ms ease;
	-moz-animation: cs_descr_text 32000ms infinite 15000ms ease;
	-ms-animation: cs_descr_text 32000ms infinite 15000ms ease;
	-o-animation: cs_descr_text 32000ms infinite 15000ms ease;
	animation: cs_descr_text 32000ms infinite 15000ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num3 .cs_descr > .cs_wrapper {
	-webkit-animation: cs_descr_text 32000ms infinite 23000ms ease;
	-moz-animation: cs_descr_text 32000ms infinite 23000ms ease;
	-ms-animation: cs_descr_text 32000ms infinite 23000ms ease;
	-o-animation: cs_descr_text 32000ms infinite 23000ms ease;
	animation: cs_descr_text 32000ms infinite 23000ms ease;
}




.csslider1 > #cs_play1:checked ~ .cs_description > label > .cs_title,
.csslider1 > #cs_play1:checked ~ .cs_description > label > .cs_descr,
.csslider1 > #cs_play1:checked ~ .cs_description > label > .cs_title > .cs_wrapper,
.csslider1 > #cs_play1:checked ~ .cs_description > label > .cs_descr > .cs_wrapper,
.csslider1 > .pause:checked ~ .cs_description > label > .cs_title,
.csslider1 > .pause:checked ~ .cs_description > label > .cs_descr,
.csslider1 > .pause:checked ~ .cs_description > label > .cs_title > .cs_wrapper,
.csslider1 > .pause:checked ~ .cs_description > label > .cs_descr > .cs_wrapper {
  	-webkit-transition: none;
  	-moz-transition: none;
  	-ms-transition: none;
  	-o-transition: none;
  	transition: none;
  	
}

/* /calculate autoplay *//* hide description & bullets on mobile devices */
@media
only screen and (max-width: 480px),
only screen and (-webkit-max-device-pixel-ratio: 2)      and (max-width: 480px),
only screen and (   max--moz-device-pixel-ratio: 2)      and (max-width: 480px),
only screen and (     -o-max-device-pixel-ratio: 2/1)    and (max-width: 480px),
only screen and (        max-device-pixel-ratio: 2)      and (max-width: 480px),
only screen and (                max-resolution: 192dpi) and (max-width: 480px),
only screen and (                max-resolution: 2dppx)  and (max-width: 480px) { 
	.csslider1 > .cs_description,
	.csslider1 > .cs_bullets {
		display: none;
	}
}