
.square-60 {
	width:60px;
	height:60px;
	float:left;
	display:flex;
}

.document-teaser .teaser-details-des {
	color:#fff;
}
/*-- mix event headings with bg color --*/
.conf-header > div:first-of-type {
    mix-blend-mode: luminosity;
}
.userform .inline-block {
	display:inline-block;
	margin-right:15px;
}
.userform .inline-block li {
	margin:15px 15px 15px 0;
	padding:5px;
	display:inline-block
}

.userform .inline-block li:hover {
	background-color:rgba(0,0,0,0.05)
}
.userformsgroup.panel {
	padding: 20px;
}
	.userformsgroup.inline-block > .middleColumn > * {
		display:inline-block;
		margin: 0 15px 0 0;
	}
	.userformsgroup .userformsgroup legend {
		display:block;
		margin-top:15px;
		width:100%;
		padding-top:15px;
		border-top:1px solid #eee;
	}

.userform fieldset.inline-block {
	margin:10px 20px 10px 0;
	border:0;
}

.MemberDetailsPage {
	overflow-x:scroll;
}
.MemberDetailsPage .site-container {
	margin-left:0;
}
/*--- end of cmd.css ---*/



#Breadcrumbs {
	position:relative;
	z-index:1;
	color:#eee
}
#Breadcrumbs a {
	color:#fff;
}

.content-section {
    position:relative;
    background:#fff;
    /* z-index:1; */
    min-height:500px;
    border-top:2px solid #ddd
}




.navbar {
    z-index:2;
	margin-bottom:0;
}
.form-signin {
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
    background: #fff;
    border-radius: 3px;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="text"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}




.form-signin input[type="submit"] {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}





body {
	overflow-x:hidden;
}

/* event module pages */
.thumb-container {
	padding:9px;
	color:#fff;
}
.Calendar .thumb-container span {
	right:10px;
	bottom:10px;
}
.Calendar .thumb-container {
	min-height:auto;
	height:150px;
}
.Calendar .event-calendar-other-dates {
	position:absolute;
	bottom: 10px;
	right:10px;
	z-index:1;
}
.Calendar .thumbnail {
	max-height: 400px;
	position:relative;
	height:400px;
	overflow:hidden;
}
.Calendar .thumbnail:after {
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	height:50px;
	width:100%;
	background-image:linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
}

/*-- homepage --*/
.banner {
	border:none;
}
.banner-image {
    background-blend-mode:color;
    position: absolute;
	padding:0;
    background-size:cover;
    background-position:center center;
    left: calc(50% - 5vw);
    border-radius: 50%;
    height: 70vw;
    width: 70vw;
    overflow:hidden;
}
.SiteHomePage .banner-image {
    /* top:-50%; */
}
.navbar-brand img {
	height: 90px;
}
.SiteHomePage .page-header {
	display:block;
}

.marketing-section  {
    position:relative;
    z-index:1000;
    color:#fff;
}
    .marketing-section a {
        color:#fff;
        transition: all 0.1s;
        display:block;
        padding:30px 10px;
        border-radius:6px;
    }
        .marketing-section a i {
            font-size:5rem;
            text-align:center;
            width:10rem;
            height:10rem;
            line-height:10rem;
            border-radius:50%;
            background:rgba(0,0,0,0.1);
            transition: all 0.1s
        }
    .marketing-section a:hover {
        background:rgba(0,0,0,0.1);
        transition:all 0.1s;
        text-decoration:none;
    }
        .marketing-section a:hover i {
            transform:translateY(-10px);
            transition:all 0.1s;
        }

/* page */
.banner .page-header {
    position:static;
}
.banner-image {
    top:-15vw;
}

/*-- NAVIGATION --*/
#main-navbar > ul > li > a {
	color:#fff;
}











/*-- footer --*/
.page-footer {
	padding-top: 30px;
}
.page-footer a {
	color:#fff;
}
.page-footer .nav li a {
	color:#fff;
}
.page-footer .nav li a:hover {
	background-color:rgba(255,255,255,0.1)
}



















/*---- nzieh.css ----*/
.site-container {
	background:transparent;
}
.cmd-container {
	position:relative;
	z-index:1000;
}
/* Page Titles */
.titleImg:after{
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:0;
	background:currentColor;
	opacity:0.8;
}
.titleImg h1 {
	position:relative;
	z-index:1;
	margin-top:100px;
	color:#fff;
	font-weight:700
}


#cmd ~ #website {
	background:transparent;
}
.admin-sidebar {
	background-color:#eee;
}
/*------------Nav submenu hover---------------*/


#menu > li  > a {
	color:#fff;
	display:inline-block;
}

#menu .dropdown .dropdown-menu-side {
			top:0;
			left:100%;
			-webkit-border-radius:0 6px 6px 6px;
			-moz-border-radius:0 6px 6px 6px;
			border-radius:0 6px 6px 6px;
		}
#menu .dropdown:hover>.dropdown-menu {
			display:block;
			margin:0;
		}
#menu .dropdown-menu .dropdown>a:after {
			display:block;
			content:" ";
			float:right;
			width:10;
			height:10;
			border-color:transparent;
			border-style:solid;
			border-width: 5px 0 5px 5px;
			border-left-color:#cccccc;
            margin-top: 5px;
			margin-left:10px;
		}
#menu .dropdown:hover>a:after {
			border-left-color:#ffffff;
		}
#menu .dropdown.pull-left {
			float:none;
		}
#menu .dropdown-submenu {
			position:relative;
		}
#menu .dropdown-submenu:hover>.dropdown-menu {
			display:block;
		}
#menu .dropdown-submenu>a:after {
			display:block;
			content:" ";
			float:right;
			width:0;
			height:0;
			border-color:transparent;
			border-style:solid;
			border-width:5px 0 5px 5px;
			border-left-color:#cccccc;
			margin-top:5px;
			margin-right:-10px;
		}
#menu .dropdown-submenu:hover>a:after {
			border-left-color:#ffffff;
		}
#menu .dropdown-submenu.pull-left {
			float:none;
		}
#menu .dropdown-submenu.pull-left>.dropdown-menu {
			left:-100%;
			margin-left:10px;
			-webkit-border-radius:6px 0 6px 6px;
			-moz-border-radius:6px 0 6px 6px;
			border-radius:6px 0 6px 6px;
		}
/*--------end dropdown-----*/





body {
	padding-bottom:0;
}

body.loggedin {
	background:#87baf3 url(../images/clouds.png) repeat-y center center;
	background-attachment:fixed;
	background-size:cover;
}
body:not(.loggedin) {
	background:#87baf3 url(../images/clouds.png) repeat-y center center;
	background-attachment:fixed;
	background-size:cover;
}
:not(.loggedin) .navbar .main h1 {
	display:none;
}
.background-wrapper {
	width:100%;
	height:100vh;
	background:#87baf3 url(../images/clouds.png) repeat-y center center;
	background-size:cover;
	background-position:50% 50%;
	margin-top:-122px;
}
.bg-gradient {
	position:absolute;
	top:initial;
	bottom:0;
	left:0;
	width:100%;
	height:500px;
	background: url(../images/footer-left.png) no-repeat bottom left;
	background-size:contain;
	z-index:-1;
}
.bg-gradient:after {
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	background:url(../images/footer-right.png) no-repeat bottom right;
	background-size:contain;
}
.banner-container {
	padding-top:15%;
	text-align:center;
}
.banner-container h1 {
	font-size:7rem;
}
.navbar-brand {
	background:transparent;
	width:400px;
	height:100px;
	margin:0;
	padding:0;
}
.dash .navbar-brand {
	/* position:fixed; */
    background: url(../images/logo-light.png) no-repeat center center;
    background-size: contain;
    width: 250px;
    height: 70px;
    margin: 15px 0 15px 0;
}
/* .min .navbar-brand { */
    /* width: 51px; */
    /* background-size: auto 50px; */
    /* background-position: 48%; */
/* } */

.profile-photo {
	/* color:#fff; */
}
#sidebar, .dash, .dash #dLabel {
	/* background:transparent; */
	color:#fff;
}
.dash {
	/* background:rgba(45, 62, 79, 0.7); */
	/* position:fixed; */
}

body:not(.min) .nav.nav-sidebar.affix {
	top:112px;
	height:calc(100vh + 50px);
}

.nav > li > a:hover, .nav > li > a:focus {
	background:rgba(255,255,255,0.3);
}
.dash ~ .col-md-10 .middleColumn {
	/* width:75%; */
	/* margin-bottom:280px; */
}
.sidebar-submenu {
	padding:0;
}
body:not(.min) .nav.nav-sidebar {
    margin-top:0;
    padding-top: 20px;
}
@media (min-width: 768px) {
/* .user-panel > .affix {
		width:calc(83.333333% / 4 - 30px);
		top:50px;
		right:15px;
		padding:0;
} */
}
@media (max-width: 992px) {
	.navbar-collapse.in {
		background:rgba(0,0,0,0.5);
	}
	.navbar-inverse .main {
		max-height:none;
	}
	.navbar-brand {
		position: static;
	}
	.affix {
		position:static;
		width:auto;
	}
	body:not(.min) .nav.nav-sidebar.affix {
		width:auto;
	}
}
@media (max-width: 992px) {
	.user-panel > .affix {
		position:static;
	}
}





.form-signin {
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
    margin-top: 0%;
    background: #fff;
    border-radius: 3px;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="text"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}




.form-signin input[type="submit"] {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}




#sidebar, .menu-container {
	max-height:calc(100vh - 120px);
}
#sidebar:hover {
	/* overflow:auto; */
}
.dash .navbar-brand {
	/* position:absolute; */
	/* top:-118px; */
}

.menu-container.affix {
	width:calc(16.666667% - 30px);
	position:fixed !important;
}
.min .menu-container.affix {
	width:auto;
}


.min .dash ~ .col-md-offset-2 {
	margin-left:90px;
	width:100%;
}


.min #sidebar:hover {
	overflow:visible;
}
/* event module pages */
.thumb-container {
	padding:9px;
	color:#fff;
}
.Calendar .thumb-container span {
	right:10px;
	bottom:10px;
}
.Calendar .thumb-container {
	min-height:auto;
	height:150px;
}
.Calendar .event-calendar-other-dates {
	position:absolute;
	bottom: 10px;
	right:10px;
	z-index:1;
}
.Calendar .thumbnail {
	max-height: 400px;
	position:relative;
	height:400px;
	overflow:hidden;
}
.Calendar .thumbnail:after {
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	height:50px;
	width:100%;
	background-image:linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
}



.navbar-inverse:hover {
	background:transparent;
}




.user-panel > .affix {
	width: calc(83.333333% / 12 * 4 - 30px);
	padding:0;
	right: initial;
}



.quick-tools {
    background: #2d3e4f;
}
/*------------FOOTER---------------*/

.page-footer {
	/* position:absolute; */
	height:auto;
	background:rgba(0,0,0,0.8);
	color:#fff;
}

.nav-well {
	background: rgba(255,255,255,0.05);
    margin-top: -19px;
}
.nav-links>li.current>a, .nav-links>li.current>a:focus, .nav-links>li.current>a:hover {
    color: #fff;
    background-color: #337ab7;
}
.nav-footer>li>a {
	text-align:left;
	border-bottom: 1px solid #F26021;
	margin-left:10px;
	background:#f26021;
	color:#000;
}

.nav-footer>li a {
	margin-left:10px;
}
.nav-footer>li a:hover {
	background:rgba(255,255,255,0.5);
}
.nav-footer>li:first-child>a {
	margin-left:0;
}
.nav-footer>li>ul>li>a {
	background:rgba(242,96,33,0.2);
	color:#000;
}






















/*-------- BROUGHT OVER FROM OLD SITE --------*/
/*---------- needs to be tidied up -----------*/
#homeContainer ::selection, #header ::selection {
  color:#f4860d;
  background:rgba(255,255,255,0.7);
}

::selection {
  color:#fff;
  background:rgba(234,134,13,0.7);
}

#homeContainer ::-moz-selection, #header ::-moz-selection {
  color:#f4860d;
  background:rgba(255,255,255,0.7);
}

::-moz-selection {
  color:#fff;
  background:rgba(234,134,13,0.7);
}


/*-------------HOMEPAGE--------------*/

#homeContainer {
position:relative;
/* width:100%; */
height:520px;
}
#homeHeading {
/* width:100%; */
background:#4caf50;
height:260px;
position:relative;
margin-top:5px;
}
#homeHeading:before {
bottom:15px;
height:20px;
position:absolute;
width:100%;
content:'';
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
-webkit-box-shadow:0 -20px 10px rgba(0,0,0,0.5);
-moz-box-shadow:0 -20px 10px rgba(0,0,0,0.5);
box-shadow:0 20px 10px rgba(0,0,0,0.5);
z-index:-1;
}
.homeHeadingDiv {
  /* width:960px; margin:auto; */
  /* position:relative; */
  }
.homeHeadingCont {
width:460px;
float:left;
padding:45px 0 45px 0;
}
.homeHeadingCont h1, .homeHeadingCont h2,
.homeHeadingCont h3, .homeHeadingCont h4, .homeHeadingCont p {
  color:rgba(255,255,255,0.8);
  font-family:"Oswald";
  font-size:40px;/*if ie*/
    font-size:3.3rem;
  font-weight:400;
  padding-right:20px;
  margin:0;
}

#homeCaption {
width:100%;
height:260px;
}
.homeCaptionCont {
  /* width:960px; */
  /* margin:auto; */
  /* padding:25px 0 25px 0; */
  padding-top:25px;
}
.homeCaptionCont p {
  color:rgba(255,255,255,0.8);
  font-size:24px;/*if ie*/
    font-size:2.5rem;
	line-height:1.5;
  font-weight:400;
  width:50%;
  padding-right:20px;
}
#homeImg {
width:45%;
/* height:520px; */
position:absolute;
top:50px;
right:0;
}
#homeImg p {
float:left;
width:480px;
margin:50px 0 0 20px;
top:10%;
}
#homeImg img {
/* width:450px; */
width:auto;
height:350px;
float:right;
box-shadow:0px 5px 15px rgba(0,0,0,0.3);
}

#homeContent {
/* width:960px; */
padding-top:40px;
margin:auto;
padding-bottom:30px;
position:relative;
}

.newsBlock {
  /* width:700px; */
  /* display:block; */
  /* float:left; */
    background:transparent url(../images/shadow-vert.png) no-repeat right center;
  background-size:18px 100%;
}
.newsBlock article {
 padding:10px 20px 10px 20px; 
}
.newsBlock article i {
  color:rgba(0,0,0,0.26);
}
.newsBlock article div article {
padding-left:0;
}
.newsBlock h1 {
  margin:10px 0 10px 0;
}

  .newsBlockTitle, .vacanciesBlockTitle, .eventsBlockTitle  {
  /* width:682px; */
  height:70px;
  margin:0;
/*   position:relative; */
  top:0;
  background:#4caf50;
  z-index:2;
  }
    .newsBlockTitle h3, .vacanciesBlockTitle h3, .eventsBlockTitle h3 {
      font-family:'Oswald';
      color:#fff;
      font-size:1.5rem;
      line-height:70px;
      margin:0px 20px;	
    }
      .newsBlockTitle h3:before {
	  content:"\f1ea";
	  font-family:"FontAwesome";
	  padding-right:10px;
	  color:rgba(255,255,255,0.5);
	}    
      .vacanciesBlockTitle h3:before {
	  content:"\f0c0";
	  font-family:"FontAwesome";
	  padding-right:10px;
	  color:rgba(255,255,255,0.5);
	}    
      .eventsBlockTitle h3:before {
	  content:"\f1fd";
	  font-family:"FontAwesome";
	  padding-right:10px;
	  color:rgba(255,255,255,0.5);
      }
.quickLinks {
	margin-top:42px;
  /* margin-left:60px; */
  /* width:200px; */
  display:block;
  float:left;
}
.quickLinks p {
  position:relative;
  border-bottom:1px solid rgba(0,0,0,0.02);
  line-height:2em;
  margin:0;
}
    
  .quickLinks a {
    padding:10px 10px 10px 20px;	 
    display:block;
    text-decoration:none;
    border-left:6px solid transparent;
  }
  .quickLinks a:hover {
    background:#fbfbfb;
    border-left:6px solid rgba(76,175,80,0.4);
  }
.quickLinks article {
 padding:0 0 10px 0; 
}

  .quickLinksTitle {
  /* width:200px; */
  height:70px;
  margin:0;
/*   position:relative; */
  top:0;
  background:#4caf50;
  z-index:2;
  }
    .quickLinksTitle h3 {
      font-family:'Oswald';
      color:#fff;
      font-size:1.5rem;
      line-height:70px;
      margin:0px 20px;	
    }
      .quickLinksTitle h3:before {
	  content:"\f0c1";
	  font-family:"FontAwesome";
	  padding-right:10px;
	  color:rgba(255,255,255,0.5);
	}

  
/*---------CSSLIDER--------*/
.csslider1 {
	display:inline-block;
	position:relative;
	max-width:480px;
	
	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;

	-khtml-user-select:none;
	-moz-user-select:none;
	user-select:none;
}
.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 > .cs_arrowprev,
.csslider1 > .cs_arrownext {
	position:absolute;
	top:50%;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;

	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	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 > .cs_arrowprev > label.num2,
.csslider1 > .cs_arrownext > label.num1 {
	opacity:1;
	z-index:5;
}
.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.num2,
.csslider1 > #cs_slide1_0:checked ~ .cs_arrownext > label.num1, 
.csslider1 > #cs_slide1_1:checked ~ .cs_arrowprev > label.num0,
.csslider1 > #cs_slide1_1:checked ~ .cs_arrownext > label.num2, 
.csslider1 > #cs_slide1_2:checked ~ .cs_arrowprev > label.num1,
.csslider1 > #cs_slide1_2:checked ~ .cs_arrownext > label.num0 {
	opacity:1;
	z-index:5;
}

/* calculate autoplay */
@-webkit-keyframes arrow {
	0%, 33.32333333333334% { opacity:1; z-index:5; }
	33.333333333333336%, 100%	{ opacity:0; z-index:-1; }
}
@-moz-keyframes arrow {
	0%, 33.32333333333334% { opacity:1; z-index:5; }
	33.333333333333336%, 100%	{ opacity:0; z-index:-1; }
}
@-ms-keyframes arrow {
	0%, 33.32333333333334% { opacity:1; z-index:5; }
	33.333333333333336%, 100%	{ opacity:0; z-index:-1; }
}
@-o-keyframes arrow {
	0%, 33.32333333333334% { opacity:1; z-index:5; }
	33.333333333333336%, 100%	{ opacity:0; z-index:-1; }
}
@keyframes arrow {
	0%, 33.32333333333334% { opacity:1; z-index:5; }
	33.333333333333336%, 100%	{ opacity:0; z-index:-1; }
}


.csslider1 > #cs_play1:checked ~ .cs_arrowprev > label.num2,
.csslider1 > #cs_play1:checked ~ .cs_arrownext > label.num1,
.csslider1 > #cs_pause1:checked ~ .cs_arrowprev > label.num2,
.csslider1 > #cs_pause1:checked ~ .cs_arrownext > label.num1 {
	-webkit-animation:arrow 24000ms infinite -2000ms;
	-moz-animation:arrow 24000ms infinite -2000ms;
	-ms-animation:arrow 24000ms infinite -2000ms;
	-o-animation:arrow 24000ms infinite -2000ms;
	animation:arrow 24000ms infinite -2000ms;
	
}
.csslider1 > #cs_play1:checked ~ .cs_arrowprev > label.num0,
.csslider1 > #cs_play1:checked ~ .cs_arrownext > label.num2,
.csslider1 > #cs_pause1:checked ~ .cs_arrowprev > label.num0,
.csslider1 > #cs_pause1:checked ~ .cs_arrownext > label.num2 {
	-webkit-animation:arrow 24000ms infinite 6000ms;
	-moz-animation:arrow 24000ms infinite 6000ms;
	-ms-animation:arrow 24000ms infinite 6000ms;
	-o-animation:arrow 24000ms infinite 6000ms;
	animation:arrow 24000ms infinite 6000ms;
	
}
.csslider1 > #cs_play1:checked ~ .cs_arrowprev > label.num1,
.csslider1 > #cs_play1:checked ~ .cs_arrownext > label.num0,
.csslider1 > #cs_pause1:checked ~ .cs_arrowprev > label.num1,
.csslider1 > #cs_pause1:checked ~ .cs_arrownext > label.num0 {
	-webkit-animation:arrow 24000ms infinite 14000ms;
	-moz-animation:arrow 24000ms infinite 14000ms;
	-ms-animation:arrow 24000ms infinite 14000ms;
	-o-animation:arrow 24000ms infinite 14000ms;
	animation:arrow 24000ms infinite 14000ms;
	
}


.csslider1.cs_pauseHover:hover > .cs_arrowprev > label,
.csslider1 > #cs_pause1:checked ~ .cs_arrowprev > label,
.csslider1.cs_pauseHover:hover > .cs_arrownext > label,
.csslider1 > #cs_pause1:checked ~ .cs_arrownext > label {
	-webkit-animation-play-state:paused !important;
	-moz-animation-play-state:paused !important;
	-ms-animation-play-state:paused !important;
	-o-animation-play-state:paused !important;
	animation-play-state:paused !important;
}

/* stop */
.csslider1 > .slide:checked ~ .cs_arrowprev > label,
.csslider1 > .slide: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;
	-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_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:-44px;
	top:-48px;
}.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 > ul > li {
	position:absolute;
	left:0;
	top:0;
	display:inline-block;
	opacity:0;
	z-index:1;
  
  	-webkit-transition:opacity 2000ms ease, -webkit-transform 24000ms linear;
  	-moz-transition:opacity 2000ms ease, -moz-transform 24000ms linear;
  	-ms-transition:opacity 2000ms ease, -ms-transform 24000ms linear;
  	-o-transition:opacity 2000ms ease, -o-transform 24000ms linear;
  	transition:opacity 2000ms ease, transform 24000ms linear;
  	
}

.csslider1 > ul > li.num0 {
	opacity:0;
	-webkit-transform:scale(1.3) translate(-11.53846%, 11.53846%);
	-moz-transform:scale(1.3) translate(-11.53846%, 11.53846%);
	-ms-transform:scale(1.3) translate(-11.53846%, 11.53846%);
	-o-transform:scale(1.3) translate(-11.53846%, 11.53846%);
	transform:scale(1.3) translate(-11.53846%, 11.53846%);
	
}
.csslider1 > ul > li.num1 {
	opacity:0;
	-webkit-transform:scale(1.3) translate(11.53846%, 11.53846%);
	-moz-transform:scale(1.3) translate(11.53846%, 11.53846%);
	-ms-transform:scale(1.3) translate(11.53846%, 11.53846%);
	-o-transform:scale(1.3) translate(11.53846%, 11.53846%);
	transform:scale(1.3) translate(11.53846%, 11.53846%);
	
}
.csslider1 > ul > li.num2 {
	opacity:0;
	-webkit-transform:scale(1.3) translate(-11.53846%, -11.53846%);
	-moz-transform:scale(1.3) translate(-11.53846%, -11.53846%);
	-ms-transform:scale(1.3) translate(-11.53846%, -11.53846%);
	-o-transform:scale(1.3) translate(-11.53846%, -11.53846%);
	transform:scale(1.3) translate(-11.53846%, -11.53846%);
	
}


.csslider1 > ul > li.num0 {
	opacity:1;
	z-index:2;
}
.csslider1 > .slide:checked ~ ul > li.num0 {
	opacity:0;
	z-index:1;
}


.csslider1 > #cs_slide1_0:checked ~ ul > li.num0,.csslider1 > #cs_slide1_1:checked ~ ul > li.num1,.csslider1 > #cs_slide1_2:checked ~ ul > li.num2 {
	opacity:1;
	-webkit-transform:scale(1) translate(0, 0);
	-moz-transform:scale(1) translate(0, 0);
	-ms-transform:scale(1) translate(0, 0);
	-o-transform:scale(1) translate(0, 0);
	transform:scale(1) translate(0, 0);
	
	z-index:2;
}




/* calculate autoplay */
@-webkit-keyframes kenbernsBR {
	0%, 100% { -webkit-transform:scale(1); opacity:0 }
	8.333333333333334%, 33.333333333333336% { opacity:1 }
	41.66666666666667%, 66.66666666666666% { -webkit-transform:scale(1.3) translate(11.53846%, 11.53846%); opacity:0; z-index:2; }
}
@-moz-keyframes kenbernsBR {
	0%, 100% { -moz-transform:scale(1); opacity:0 }
	8.333333333333334%, 33.333333333333336% { opacity:1 }
	41.66666666666667%, 66.66666666666666% { -moz-transform:scale(1.3) translate(11.53846%, 11.53846%); opacity:0; z-index:2; }
}
@-ms-keyframes kenbernsBR {
	0%, 100% { -ms-transform:scale(1); opacity:0 }
	8.333333333333334%, 33.333333333333336% { opacity:1 }
	41.66666666666667%, 66.66666666666666% { -ms-transform:scale(1.3) translate(11.53846%, 11.53846%); opacity:0; z-index:2; }
}
@-o-keyframes kenbernsBR {
	0%, 100% { -o-transform:scale(1); opacity:0 }
	8.333333333333334%, 33.333333333333336% { opacity:1 }
	41.66666666666667%, 66.66666666666666% { -o-transform:scale(1.3) translate(11.53846%, 11.53846%); opacity:0; z-index:2; }
}
@keyframes kenbernsBR {
	0%, 100% { transform:scale(1); opacity:0 }
	8.333333333333334%, 33.333333333333336% { opacity:1 }
	41.66666666666667%, 66.66666666666666% { transform:scale(1.3) translate(11.53846%, 11.53846%); opacity:0; z-index:2; }
}
@-webkit-keyframes kenbernsBL {
	0%, 100% { -webkit-transform:scale(1); opacity:0 }
	8.333333333333334%, 33.333333333333336% { opacity:1 }
	41.66666666666667%, 66.66666666666666% { -webkit-transform:scale(1.3) translate(11.53846%, -11.53846%); opacity:0; z-index:2; }
}
@-moz-keyframes kenbernsBL {
	0%, 100% { -moz-transform:scale(1); opacity:0 }
	8.333333333333334%, 33.333333333333336% { opacity:1 }
	41.66666666666667%, 66.66666666666666% { -moz-transform:scale(1.3) translate(11.53846%, -11.53846%); opacity:0; z-index:2; }
}
@-ms-keyframes kenbernsBL {
	0%, 100% { -ms-transform:scale(1); opacity:0 }
	8.333333333333334%, 33.333333333333336% { opacity:1 }
	41.66666666666667%, 66.66666666666666% { -ms-transform:scale(1.3) translate(11.53846%, -11.53846%); opacity:0; z-index:2; }
}
@-o-keyframes kenbernsBL {
	0%, 100% { -o-transform:scale(1); opacity:0 }
	8.333333333333334%, 33.333333333333336% { opacity:1 }
	41.66666666666667%, 66.66666666666666% { -o-transform:scale(1.3) translate(11.53846%, -11.53846%); opacity:0; z-index:2; }
}
@keyframes kenbernsBL {
	0%, 100% { transform:scale(1); opacity:0 }
	8.333333333333334%, 33.333333333333336% { opacity:1 }
	41.66666666666667%, 66.66666666666666% { transform:scale(1.3) translate(11.53846%, -11.53846%); opacity:0; z-index:2; }
}
@-webkit-keyframes kenbernsTL {
	0%, 100% { -webkit-transform:scale(1); opacity:0 }
	8.333333333333334%, 33.333333333333336% { opacity:1 }
	41.66666666666667%, 66.66666666666666% { -webkit-transform:scale(1.3) translate(-11.53846%, -11.53846%); opacity:0; z-index:2; }
}
@-moz-keyframes kenbernsTL {
	0%, 100% { -moz-transform:scale(1); opacity:0 }
	8.333333333333334%, 33.333333333333336% { opacity:1 }
	41.66666666666667%, 66.66666666666666% { -moz-transform:scale(1.3) translate(-11.53846%, -11.53846%); opacity:0; z-index:2; }
}
@-ms-keyframes kenbernsTL {
	0%, 100% { -ms-transform:scale(1); opacity:0 }
	8.333333333333334%, 33.333333333333336% { opacity:1 }
	41.66666666666667%, 66.66666666666666% { -ms-transform:scale(1.3) translate(-11.53846%, -11.53846%); opacity:0; z-index:2; }
}
@-o-keyframes kenbernsTL {
	0%, 100% { -o-transform:scale(1); opacity:0 }
	8.333333333333334%, 33.333333333333336% { opacity:1 }
	41.66666666666667%, 66.66666666666666% { -o-transform:scale(1.3) translate(-11.53846%, -11.53846%); opacity:0; z-index:2; }
}
@keyframes kenbernsTL {
	0%, 100% { transform:scale(1); opacity:0 }
	8.333333333333334%, 33.333333333333336% { opacity:1 }
	41.66666666666667%, 66.66666666666666% { transform:scale(1.3) translate(-11.53846%, -11.53846%); opacity:0; z-index:2; }
}
@-webkit-keyframes kenbernsTR {
	0%, 100% { -webkit-transform:scale(1); opacity:0 }
	8.333333333333334%, 33.333333333333336% { opacity:1 }
	41.66666666666667%, 66.66666666666666% { -webkit-transform:scale(1.3) translate(-11.53846%, 11.53846%); opacity:0; z-index:2; }
}
@-moz-keyframes kenbernsTR {
	0%, 100% { -moz-transform:scale(1); opacity:0 }
	8.333333333333334%, 33.333333333333336% { opacity:1 }
	41.66666666666667%, 66.66666666666666% { -moz-transform:scale(1.3) translate(-11.53846%, 11.53846%); opacity:0; z-index:2; }
}
@-ms-keyframes kenbernsTR {
	0%, 100% { -ms-transform:scale(1); opacity:0 }
	8.333333333333334%, 33.333333333333336% { opacity:1 }
	41.66666666666667%, 66.66666666666666% { -ms-transform:scale(1.3) translate(-11.53846%, 11.53846%); opacity:0; z-index:2; }
}
@-o-keyframes kenbernsTR {
	0%, 100% { -o-transform:scale(1); opacity:0 }
	8.333333333333334%, 33.333333333333336% { opacity:1 }
	41.66666666666667%, 66.66666666666666% { -o-transform:scale(1.3) translate(-11.53846%, 11.53846%); opacity:0; z-index:2; }
}
@keyframes kenbernsTR {
	0%, 100% { transform:scale(1); opacity:0 }
	8.333333333333334%, 33.333333333333336% { opacity:1 }
	41.66666666666667%, 66.66666666666666% { transform:scale(1.3) translate(-11.53846%, 11.53846%); opacity:0; z-index:2; }
}



.csslider1 > #cs_play1:checked ~ ul > li.num0,
.csslider1 > #cs_pause1:checked ~ ul > li.num0 {
	-webkit-animation:kenbernsTR 24000ms infinite -2000ms linear;
	-moz-animation:kenbernsTR 24000ms infinite -2000ms linear;
	-ms-animation:kenbernsTR 24000ms infinite -2000ms linear;
	-o-animation:kenbernsTR 24000ms infinite -2000ms linear;
	animation:kenbernsTR 24000ms infinite -2000ms linear;
	
}
.csslider1 > #cs_play1:checked ~ ul > li.num1,
.csslider1 > #cs_pause1:checked ~ ul > li.num1 {
	-webkit-animation:kenbernsBR 24000ms infinite 6000ms linear;
	-moz-animation:kenbernsBR 24000ms infinite 6000ms linear;
	-ms-animation:kenbernsBR 24000ms infinite 6000ms linear;
	-o-animation:kenbernsBR 24000ms infinite 6000ms linear;
	animation:kenbernsBR 24000ms infinite 6000ms linear;
	
}
.csslider1 > #cs_play1:checked ~ ul > li.num2,
.csslider1 > #cs_pause1:checked ~ ul > li.num2 {
	-webkit-animation:kenbernsTL 24000ms infinite 14000ms linear;
	-moz-animation:kenbernsTL 24000ms infinite 14000ms linear;
	-ms-animation:kenbernsTL 24000ms infinite 14000ms linear;
	-o-animation:kenbernsTL 24000ms infinite 14000ms linear;
	animation:kenbernsTL 24000ms infinite 14000ms linear;
	
}




.csslider1 > #cs_play1:checked ~ ul > li,
.csslider1 > #cs_pause1:checked ~ ul > li {
	-webkit-transition:none;
	-moz-transition:none;
	-ms-transition:none;
	-o-transition:none;
	transition:none;
	
}



.csslider1.cs_pauseHover:hover > ul > li,
.csslider1 > #cs_pause1:checked ~ ul > li{
	-webkit-animation-play-state:paused !important;
	-moz-animation-play-state:paused !important;
	-ms-animation-play-state:paused !important;
	-o-animation-play-state:paused !important;
	animation-play-state:paused !important;
}

/* stop */

.csslider1 > .slide:checked ~ ul > li {
	-webkit-animation:none;
	-moz-animation:none;
	-ms-animation:none;
	-o-animation:none;
	animation:none;
}

/* /calculate autoplay */
.csslider1 {
	-webkit-perspective:500px;
	-moz-perspective:500px;
	-ms-perspective:500px;
	-o-perspective:500px;
	perspective:500px;
	box-shadow:0px 5px 15px rgba(0,0,0,0.3);
}
.csslider1 > .cs_play_pause {
  	-webkit-transition:.5s opacity 0s ease;
  	-moz-transition:.5s opacity 0s ease;
  	-ms-transition:.5s opacity 0s ease;
  	-o-transition:.5s opacity 0s ease;
  	transition:.5s opacity 0s ease;
  	
}
.csslider1 > .cs_arrowprev {
  	-webkit-transition:.5s opacity .15s ease, .5s -webkit-transform .15s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	-moz-transition:.5s opacity .15s ease, .5s -moz-transform .15s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	-ms-transition:.5s opacity .15s ease, .5s -ms-transform .15s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	-o-transition:.5s opacity .15s ease, .5s -o-transform .15s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	transition:.5s opacity .15s ease, .5s transform .15s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	
	-webkit-transform:rotateY(-90deg);
	-moz-transform:rotateY(-90deg);
	-ms-transform:rotateY(-90deg);
	-o-transform:rotateY(-90deg);
	transform:rotateY(-90deg);
	
}
.csslider1 > .cs_arrownext {
  	-webkit-transition:.5s opacity .3s ease, .5s -webkit-transform .3s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	-moz-transition:.5s opacity .3s ease, .5s -moz-transform .3s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	-ms-transition:.5s opacity .3s ease, .5s -ms-transform .3s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	-o-transition:.5s opacity .3s ease, .5s -o-transform .3s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	transition:.5s opacity .3s ease, .5s transform .3s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	
	-webkit-transform:rotateY(90deg);
	-moz-transform:rotateY(90deg);
	-ms-transform:rotateY(90deg);
	-o-transform:rotateY(90deg);
	transform:rotateY(90deg);
	
}
.csslider1 > .cs_arrowprev,
.csslider1 > .cs_arrownext,
.csslider1 > .cs_play_pause {
	opacity:0;
}
.csslider1:hover > .cs_arrowprev,
.csslider1:hover > .cs_arrownext,
.csslider1:hover > .cs_play_pause {
	opacity:1;
	-webkit-transform:rotateX(0deg);
	-moz-transform:rotateX(0deg);
	-ms-transform:rotateX(0deg);
	-o-transform:rotateX(0deg);
	transform:rotateX(0deg);
	
}.csslider1 > .cs_arrowprev > label,
.csslider1 > .cs_arrownext > label {
	overflow:hidden;
	margin-top:-35px;
	width:40px;
	height:70px;

	/* Fallback for web browsers that doesn't support RGBa */
	background:#000;
	background-color:rgba(0,0,0,0.6);

	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
.csslider1 > .cs_arrowprev {
	left:70px;
}
.csslider1 > .cs_arrownext {
	right:70px;
}
.csslider1 > .cs_arrowprev > label {
	right:0;
}
.csslider1 > .cs_arrownext > label {
	left:0;
}
.csslider1 > .cs_arrowprev > label:after {
	content:'\e800';
}
.csslider1 > .cs_arrownext > label:after {
	content:'\e801';
}
.csslider1 > .cs_arrowprev > label:after,
.csslider1 > .cs_arrownext > label:after {
	display:block;
	font:40px "demurecontrols";
	text-align:center;
	line-height:76px;
	color:#fff;
}




.csslider1 > .cs_arrowprev > label,
.csslider1 > .cs_arrownext > label {
	-webkit-transition:300ms width ease, 300ms margin-left ease, 300ms background-color ease;
	-moz-transition:300ms width ease, 300ms margin-left ease, 300ms background-color ease;
	-ms-transition:300ms width ease, 300ms margin-left ease, 300ms background-color ease;
	-o-transition:300ms width ease, 300ms margin-left ease, 300ms background-color ease;
	transition:300ms width ease, 300ms margin-left ease, 300ms background-color ease;
	
}
.csslider1 > .cs_arrowprev:hover > label {
	background-color:#E34B64;
	width:70px;
}
.csslider1 > .cs_arrownext:hover > label {
	background-color:#E34B64;
	width:70px;
}.csslider1 > .cs_bullets {
	bottom:5px;
	margin-bottom:5px;
}

.csslider1 > .cs_bullets > label {
	-webkit-perspective:500px;
	-moz-perspective:500px;
	-ms-perspective:500px;
	-o-perspective:500px;
	perspective:500px;
	
}

.csslider1 > .cs_bullets > label > .cs_thumb {
	border:3px solid #E34B64;
	margin-top:-11px;
	-webkit-transition:opacity 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), visibility 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-moz-transition:opacity 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), -moz-transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), visibility 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-ms-transition:opacity 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), -ms-transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), visibility 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-o-transition:opacity 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), -o-transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), visibility 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);
	transition:opacity 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), visibility 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);
	
	-webkit-transform-origin:0% 100% 0px;
	-moz-transform-origin:0% 100% 0px;
	-ms-transform-origin:0% 100% 0px;
	-o-transform-origin:0% 100% 0px;
	transform-origin:0% 100% 0px;
	
	-webkit-transform:rotateX(90deg);
	-moz-transform:rotateX(90deg);
	-ms-transform:rotateX(90deg);
	-o-transform:rotateX(90deg);
	transform:rotateX(90deg);
	
}
.csslider1 > .cs_bullets > label > .cs_thumb:before {
	content:'';
	position:absolute;
	width:0; 
	height:0; 
	left:50%;
	margin-left:-1px;
	bottom:-8px;
	border-left:7px solid transparent;
	border-right:7px solid transparent;
	
	border-top:7px solid #E34B64;
}
.csslider1 > .cs_bullets > label:hover > .cs_thumb {
	visibility:visible;
	opacity:1;
	-webkit-transform:rotateX(0deg);
	-moz-transform:rotateX(0deg);
	-ms-transform:rotateX(0deg);
	-o-transform:rotateX(0deg);
	transform:rotateX(0deg);
	
}


.csslider1 > .cs_bullets > label {
	margin:0 6px;
	padding:9px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	color:#fff;
	/* Fallback for web browsers that doesn't support RGBa */
/* 	background:#000; */
/* 	background-color:rgba(0,0,0,0.6); */
}

.csslider1 > .cs_bullets > label.num0 {
	background-color:#E34B64;
}
.csslider1 > .slide:checked ~ .cs_bullets > label {
	/* Fallback for web browsers that doesn't support RGBa */
	background:#000;
	background-color:rgba(0,0,0,0.6);
}

.csslider1 > #cs_slide1_0:checked ~ .cs_bullets > label.num0,
.csslider1 > #cs_slide1_1:checked ~ .cs_bullets > label.num1,
.csslider1 > #cs_slide1_2:checked ~ .cs_bullets > label.num2 {
	background-color:#E34B64;
}

.csslider1 > .cs_bullets > label:hover {
	background-color:#E34B64;
}

/* calculate autoplay */
@-webkit-keyframes bullet {
	0%, 33.32333333333334%	{ background-color:#E34B64; }
	33.333333333333336%, 100% { background:#000; background-color:rgba(0,0,0,0.6); }
}
@-moz-keyframes bullet {
	0%, 33.32333333333334%	{ background-color:#E34B64; }
	33.333333333333336%, 100% { background:#000; background-color:rgba(0,0,0,0.6); }
}
@-ms-keyframes bullet {
	0%, 33.32333333333334%	{ background-color:#E34B64; }
	33.333333333333336%, 100% { background:#000; background-color:rgba(0,0,0,0.6); }
}
@-o-keyframes bullet {
	0%, 33.32333333333334%	{ background-color:#E34B64; }
	33.333333333333336%, 100% { background:#000; background-color:rgba(0,0,0,0.6); }
}
@keyframes bullet {
	0%, 33.32333333333334%	{ background-color:#E34B64; }
	33.333333333333336%, 100% { background:#000; background-color:rgba(0,0,0,0.6); }
}


.csslider1 > #cs_play1:checked ~ .cs_bullets > label.num0,
.csslider1 > #cs_pause1:checked ~ .cs_bullets > label.num0 {
	-webkit-animation:bullet 24000ms infinite -2000ms;
	-moz-animation:bullet 24000ms infinite -2000ms;
	-ms-animation:bullet 24000ms infinite -2000ms;
	-o-animation:bullet 24000ms infinite -2000ms;
	animation:bullet 24000ms infinite -2000ms;
	
}
.csslider1 > #cs_play1:checked ~ .cs_bullets > label.num1,
.csslider1 > #cs_pause1:checked ~ .cs_bullets > label.num1 {
	-webkit-animation:bullet 24000ms infinite 6000ms;
	-moz-animation:bullet 24000ms infinite 6000ms;
	-ms-animation:bullet 24000ms infinite 6000ms;
	-o-animation:bullet 24000ms infinite 6000ms;
	animation:bullet 24000ms infinite 6000ms;
	
}
.csslider1 > #cs_play1:checked ~ .cs_bullets > label.num2,
.csslider1 > #cs_pause1:checked ~ .cs_bullets > label.num2 {
	-webkit-animation:bullet 24000ms infinite 14000ms;
	-moz-animation:bullet 24000ms infinite 14000ms;
	-ms-animation:bullet 24000ms infinite 14000ms;
	-o-animation:bullet 24000ms infinite 14000ms;
	animation:bullet 24000ms infinite 14000ms;
	
}




.csslider1 > #cs_play1:checked ~ .cs_bullets > label,
.csslider1 > #cs_pause1:checked ~ .cs_bullets > label {
  	-webkit-transition:none;
  	-moz-transition:none;
  	-ms-transition:none;
  	-o-transition:none;
  	transition:none;
  	
}

.csslider1.cs_pauseHover:hover > .cs_bullets > label,
.csslider1 > #cs_pause1:checked ~ .cs_bullets > label {
	-webkit-animation-play-state:paused !important;
	-moz-animation-play-state:paused !important;
	-ms-animation-play-state:paused !important;
	-o-animation-play-state:paused !important;
	animation-play-state:paused !important;
}

/* stop */

.csslider1 > .slide:checked ~ .cs_bullets > label {
	-webkit-animation:none;
	-moz-animation:none;
	-ms-animation:none;
	-o-animation:none;
	animation:none;
}

/* /calculate autoplay */


.csslider1 > .cs_description > label {
	font:20px 'Roboto', sans-serif;
	line-height:normal;
	bottom:35px;
	left:20px;
	top:auto;
	opacity:1;
	z-index:1;

	-webkit-perspective:500px;
	-moz-perspective:500px;
	-ms-perspective:500px;
	-o-perspective:500px;
	perspective:500px;
	
}
.csslider1 > .cs_description > label > span {
	margin:1px 10px;
	padding:10px;
	color:#fff;

	overflow:hidden;

	-webkit-transform-origin:0% 0% 0px;
	-moz-transform-origin:0% 0% 0px;
	-ms-transform-origin:0% 0% 0px;
	-o-transform-origin:0% 0% 0px;
	transform-origin:0% 0% 0px;
	
	
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}


.csslider1 > #cs_slide1_0:checked ~ .cs_description > .num0,
.csslider1 > #cs_slide1_1:checked ~ .cs_description > .num1,
.csslider1 > #cs_slide1_2:checked ~ .cs_description > .num2 {
	z-index:2;
}



.csslider1 > #cs_slide1_0:checked ~ .cs_description > .num0 > .cs_descr,
.csslider1 > #cs_slide1_1:checked ~ .cs_description > .num1 > .cs_descr,
.csslider1 > #cs_slide1_2:checked ~ .cs_description > .num2 > .cs_descr {
	opacity:1;
	visibility:visible;
  	-webkit-transition:750ms opacity 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -webkit-transform 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	-moz-transition:750ms opacity 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -moz-transform 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	-ms-transition:750ms opacity 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -ms-transform 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	-o-transition:750ms opacity 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -o-transform 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	transition:750ms opacity 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms transform 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	
	-webkit-transform:rotateX(0deg);
	-moz-transform:rotateX(0deg);
	-ms-transform:rotateX(0deg);
	-o-transform:rotateX(0deg);
	transform:rotateX(0deg);
	
}


.csslider1 > #cs_slide1_0:checked ~ .cs_description > .num0 > .cs_title,
.csslider1 > #cs_slide1_1:checked ~ .cs_description > .num1 > .cs_title,
.csslider1 > #cs_slide1_2:checked ~ .cs_description > .num2 > .cs_title {
	opacity:1;
	visibility:visible;
  	-webkit-transition:750ms opacity 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -webkit-transform 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1200ms ease;
  	-moz-transition:750ms opacity 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -moz-transform 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1200ms ease;
  	-ms-transition:750ms opacity 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -ms-transform 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1200ms ease;
  	-o-transition:750ms opacity 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -o-transform 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1200ms ease;
  	transition:750ms opacity 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms transform 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1200ms ease;
  	
	-webkit-transform:rotateX(0deg);
	-moz-transform:rotateX(0deg);
	-ms-transform:rotateX(0deg);
	-o-transform:rotateX(0deg);
	transform:rotateX(0deg);
	
}


.csslider1 > #cs_slide1_0:checked ~ .cs_description > .num0 .cs_wrapper,
.csslider1 > #cs_slide1_1:checked ~ .cs_description > .num1 .cs_wrapper,
.csslider1 > #cs_slide1_2:checked ~ .cs_description > .num2 .cs_wrapper {
	opacity:1;
	-webkit-transform:translateX(0);
	-moz-transform:translateX(0);
	-ms-transform:translateX(0);
	-o-transform:translateX(0);
	transform:translateX(0);
	
}

.csslider1 > .cs_description > label > .cs_title {
	margin:0px 10px;
	opacity:0;
	visibility:hidden;
	z-index:2;
	/* Fallback for web browsers that doesn't support RGBa */
/* 	background:#000; */
/* 	background-color:rgba(0,0,0,0.6); */
	font-weight:700;
	color:rgba(255,255,255,0.6);
	-webkit-transform:rotateX(90deg);
	-moz-transform:rotateX(90deg);
	-ms-transform:rotateX(90deg);
	-o-transform:rotateX(90deg);
	transform:rotateX(90deg);
	
  	-webkit-transition:750ms opacity 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -webkit-transform 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 975ms ease;
  	-moz-transition:750ms opacity 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -moz-transform 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 975ms ease;
  	-ms-transition:750ms opacity 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -ms-transform 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 975ms ease;
  	-o-transition:750ms opacity 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -o-transform 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 975ms ease;
  	transition:750ms opacity 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms transform 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 975ms ease;
  	
}
.csslider1 > .cs_description > label > .cs_title > span {
  color:rgba(255,255,255,0.6);
  font-weight:700;
  font-size:1.5rem;
}
.csslider1 > .cs_description > label > .cs_descr {
	font-size:0.8em;
	margin:1px 10px;
	opacity:0;
	visibility:hidden;
	z-index:1;

	background-color:#E34B64;

	-webkit-transform:rotateX(-90deg);
	-moz-transform:rotateX(-90deg);
	-ms-transform:rotateX(-90deg);
	-o-transform:rotateX(-90deg);
	transform:rotateX(-90deg);
	
  	-webkit-transition:750ms opacity 750ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -webkit-transform 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	-moz-transition:750ms opacity 750ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -moz-transform 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	-ms-transition:750ms opacity 750ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -ms-transform 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	-o-transition:750ms opacity 750ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -o-transform 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	transition:750ms opacity 750ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms transform 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	
}


.csslider1 > .cs_description > label > .cs_title > .cs_wrapper {
	-webkit-transform:translateX(-100%);
	-moz-transform:translateX(-100%);
	-ms-transform:translateX(-100%);
	-o-transform:translateX(-100%);
	transform:translateX(-100%);
	
	-webkit-transition:750ms opacity 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -webkit-transform 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-moz-transition:750ms opacity 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -moz-transform 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-ms-transition:750ms opacity 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -ms-transform 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-o-transition:750ms opacity 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -o-transform 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	transition:750ms opacity 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms transform 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	
}
.csslider1 > .cs_description > label > .cs_descr > .cs_wrapper {
	-webkit-transform:translateX(100%);
	-moz-transform:translateX(100%);
	-ms-transform:translateX(100%);
	-o-transform:translateX(100%);
	transform:translateX(100%);
	
	-webkit-transition:750ms opacity 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -webkit-transform 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-moz-transition:750ms opacity 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -moz-transform 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-ms-transition:750ms opacity 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -ms-transform 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-o-transition:750ms opacity 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -o-transform 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	transition:750ms opacity 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms transform 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	
}


/* calculate autoplay */
@-webkit-keyframes cs_descrWrapper {
	1.53125%, 35.520833333333336%	{ z-index:2; }
	35.530833333333334%, 100%	{ z-index:0; }
}
@-moz-keyframes cs_descrWrapper {
	1.53125%, 35.520833333333336%	{ z-index:2; }
	35.530833333333334%, 100%	{ z-index:0; }
}
@-ms-keyframes cs_descrWrapper {
	1.53125%, 35.520833333333336%	{ z-index:2; }
	35.530833333333334%, 100%	{ z-index:0; }
}
@-o-keyframes cs_descrWrapper {
	1.53125%, 35.520833333333336%	{ z-index:2; }
	35.530833333333334%, 100%	{ z-index:0; }
}
@keyframes cs_descrWrapper {
	1.53125%, 35.520833333333336%	{ z-index:2; }
	35.530833333333334%, 100%	{ z-index:0; }
}



.csslider1 > #cs_play1:checked ~ .cs_description > .num0 {
	-webkit-animation:cs_descrWrapper 24000ms infinite -1400ms ease;
	-moz-animation:cs_descrWrapper 24000ms infinite -1400ms ease;
	-ms-animation:cs_descrWrapper 24000ms infinite -1400ms ease;
	-o-animation:cs_descrWrapper 24000ms infinite -1400ms ease;
	animation:cs_descrWrapper 24000ms infinite -1400ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num1 {
	-webkit-animation:cs_descrWrapper 24000ms infinite 6600ms ease;
	-moz-animation:cs_descrWrapper 24000ms infinite 6600ms ease;
	-ms-animation:cs_descrWrapper 24000ms infinite 6600ms ease;
	-o-animation:cs_descrWrapper 24000ms infinite 6600ms ease;
	animation:cs_descrWrapper 24000ms infinite 6600ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num2 {
	-webkit-animation:cs_descrWrapper 24000ms infinite 14600ms ease;
	-moz-animation:cs_descrWrapper 24000ms infinite 14600ms ease;
	-ms-animation:cs_descrWrapper 24000ms infinite 14600ms ease;
	-o-animation:cs_descrWrapper 24000ms infinite 14600ms ease;
	animation:cs_descrWrapper 24000ms infinite 14600ms ease;
}



@-webkit-keyframes cs_title {
	1.53125%, 31.792083333333334%	{ opacity:1; -webkit-transform:rotateX(-9deg); z-index:2; visibility:visible;}
	2.1875%, 31.135833333333334%	{ opacity:1; -webkit-transform:rotateX(0deg); z-index:2; visibility:visible;}
	33.333333333333336%	{ opacity:0; -webkit-transform:rotateX(90deg); z-index:2; visibility:hidden;}
	33.343333333333334%, 100%	{ z-index:0; }
}
@-moz-keyframes cs_title {
	1.53125%, 31.792083333333334%	{ opacity:1; -moz-transform:rotateX(-9deg); z-index:2; visibility:visible;}
	2.1875%, 31.135833333333334%	{ opacity:1; -moz-transform:rotateX(0deg); z-index:2; visibility:visible;}
	33.333333333333336%	{ opacity:0; -moz-transform:rotateX(90deg); z-index:2; visibility:hidden;}
	33.343333333333334%, 100%	{ z-index:0; }
}
@-ms-keyframes cs_title {
	1.53125%, 31.792083333333334%	{ opacity:1; -ms-transform:rotateX(-9deg); z-index:2; visibility:visible;}
	2.1875%, 31.135833333333334%	{ opacity:1; -ms-transform:rotateX(0deg); z-index:2; visibility:visible;}
	33.333333333333336%	{ opacity:0; -ms-transform:rotateX(90deg); z-index:2; visibility:hidden;}
	33.343333333333334%, 100%	{ z-index:0; }
}
@-o-keyframes cs_title {
	1.53125%, 31.792083333333334%	{ opacity:1; -o-transform:rotateX(-9deg); z-index:2; visibility:visible;}
	2.1875%, 31.135833333333334%	{ opacity:1; -o-transform:rotateX(0deg); z-index:2; visibility:visible;}
	33.333333333333336%	{ opacity:0; -o-transform:rotateX(90deg); z-index:2; visibility:hidden;}
	33.343333333333334%, 100%	{ z-index:0; }
}
@keyframes cs_title {
	1.53125%, 31.792083333333334%	{ opacity:1; transform:rotateX(-9deg); z-index:2; visibility:visible;}
	2.1875%, 31.135833333333334%	{ opacity:1; transform:rotateX(0deg); z-index:2; visibility:visible;}
	33.333333333333336%	{ opacity:0; transform:rotateX(90deg); z-index:2; visibility:hidden;}
	33.343333333333334%, 100%	{ z-index:0; }
}



@-webkit-keyframes cs_descr {
	3.0625%, 29.604583333333334%	{ opacity:1; -webkit-transform:rotateX(9deg); z-index:1; visibility:visible;}
	4.375%, 28.948333333333334%	{ opacity:1; -webkit-transform:rotateX(0deg); z-index:1; visibility:visible;}
	33.333333333333336%	{ opacity:0; -webkit-transform:rotateX(-90deg); z-index:1; visibility:hidden;}
	33.343333333333334%, 100%	{ z-index:0; }
}
@-moz-keyframes cs_descr {
	3.0625%, 29.604583333333334%	{ opacity:1; -moz-transform:rotateX(9deg); z-index:1; visibility:visible;}
	4.375%, 28.948333333333334%	{ opacity:1; -moz-transform:rotateX(0deg); z-index:1; visibility:visible;}
	33.333333333333336%	{ opacity:0; -moz-transform:rotateX(-90deg); z-index:1; visibility:hidden;}
	33.343333333333334%, 100%	{ z-index:0; }
}
@-ms-keyframes cs_descr {
	3.0625%, 29.604583333333334%	{ opacity:1; -ms-transform:rotateX(9deg); z-index:1; visibility:visible;}
	4.375%, 28.948333333333334%	{ opacity:1; -ms-transform:rotateX(0deg); z-index:1; visibility:visible;}
	33.333333333333336%	{ opacity:0; -ms-transform:rotateX(-90deg); z-index:1; visibility:hidden;}
	33.343333333333334%, 100%	{ z-index:0; }
}
@-o-keyframes cs_descr {
	3.0625%, 29.604583333333334%	{ opacity:1; -o-transform:rotateX(9deg); z-index:1; visibility:visible;}
	4.375%, 28.948333333333334%	{ opacity:1; -o-transform:rotateX(0deg); z-index:1; visibility:visible;}
	33.333333333333336%	{ opacity:0; -o-transform:rotateX(-90deg); z-index:1; visibility:hidden;}
	33.343333333333334%, 100%	{ z-index:0; }
}
@keyframes cs_descr {
	3.0625%, 29.604583333333334%	{ opacity:1; transform:rotateX(9deg); z-index:1; visibility:visible;}
	4.375%, 28.948333333333334%	{ opacity:1; transform:rotateX(0deg); z-index:1; visibility:visible;}
	33.333333333333336%	{ opacity:0; transform:rotateX(-90deg); z-index:1; visibility:hidden;}
	33.343333333333334%, 100%	{ z-index:0; }
}



.csslider1 > #cs_play1:checked ~ .cs_description > .num0  > .cs_title,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num0  > .cs_title {
	-webkit-animation:cs_title 24000ms infinite -1400ms ease;
	-moz-animation:cs_title 24000ms infinite -1400ms ease;
	-ms-animation:cs_title 24000ms infinite -1400ms ease;
	-o-animation:cs_title 24000ms infinite -1400ms ease;
	animation:cs_title 24000ms infinite -1400ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num1  > .cs_title,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num1  > .cs_title {
	-webkit-animation:cs_title 24000ms infinite 6600ms ease;
	-moz-animation:cs_title 24000ms infinite 6600ms ease;
	-ms-animation:cs_title 24000ms infinite 6600ms ease;
	-o-animation:cs_title 24000ms infinite 6600ms ease;
	animation:cs_title 24000ms infinite 6600ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num2  > .cs_title,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num2  > .cs_title {
	-webkit-animation:cs_title 24000ms infinite 14600ms ease;
	-moz-animation:cs_title 24000ms infinite 14600ms ease;
	-ms-animation:cs_title 24000ms infinite 14600ms ease;
	-o-animation:cs_title 24000ms infinite 14600ms ease;
	animation:cs_title 24000ms infinite 14600ms ease;
}


.csslider1 > #cs_play1:checked ~ .cs_description > .num0  > .cs_descr,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num0  > .cs_descr {
	-webkit-animation:cs_descr 24000ms infinite -1400ms ease;
	-moz-animation:cs_descr 24000ms infinite -1400ms ease;
	-ms-animation:cs_descr 24000ms infinite -1400ms ease;
	-o-animation:cs_descr 24000ms infinite -1400ms ease;
	animation:cs_descr 24000ms infinite -1400ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num1  > .cs_descr,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num1  > .cs_descr {
	-webkit-animation:cs_descr 24000ms infinite 6600ms ease;
	-moz-animation:cs_descr 24000ms infinite 6600ms ease;
	-ms-animation:cs_descr 24000ms infinite 6600ms ease;
	-o-animation:cs_descr 24000ms infinite 6600ms ease;
	animation:cs_descr 24000ms infinite 6600ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num2  > .cs_descr,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num2  > .cs_descr {
	-webkit-animation:cs_descr 24000ms infinite 14600ms ease;
	-moz-animation:cs_descr 24000ms infinite 14600ms ease;
	-ms-animation:cs_descr 24000ms infinite 14600ms ease;
	-o-animation:cs_descr 24000ms infinite 14600ms ease;
	animation:cs_descr 24000ms infinite 14600ms ease;
}



@-webkit-keyframes cs_title_text {
	1.53125%, 31.792083333333334%	{ opacity:1; -webkit-transform:translateX(-1%); }
	2.1875%, 31.135833333333334%	{ opacity:1; -webkit-transform:translateX(0%); }
	33.333333333333336%	{ opacity:0; -webkit-transform:translateX(100%); }
}
@-moz-keyframes cs_title_text {
	1.53125%, 31.792083333333334%	{ opacity:1; -moz-transform:translateX(-1%); }
	2.1875%, 31.135833333333334%	{ opacity:1; -moz-transform:translateX(0%); }
	33.333333333333336%	{ opacity:0; -moz-transform:translateX(100%); }
}
@-ms-keyframes cs_title_text {
	1.53125%, 31.792083333333334%	{ opacity:1; -ms-transform:translateX(-1%); }
	2.1875%, 31.135833333333334%	{ opacity:1; -ms-transform:translateX(0%); }
	33.333333333333336%	{ opacity:0; -ms-transform:translateX(100%); }
}
@-o-keyframes cs_title_text {
	1.53125%, 31.792083333333334%	{ opacity:1; -o-transform:translateX(-1%); }
	2.1875%, 31.135833333333334%	{ opacity:1; -o-transform:translateX(0%); }
	33.333333333333336%	{ opacity:0; -o-transform:translateX(100%); }
}
@keyframes cs_title_text {
	1.53125%, 31.792083333333334%	{ opacity:1; transform:translateX(-1%); }
	2.1875%, 31.135833333333334%	{ opacity:1; transform:translateX(0%); }
	33.333333333333336%	{ opacity:0; transform:translateX(100%); }
}


@-webkit-keyframes cs_descr_text {
	3.0625%, 29.604583333333334%	{ opacity:1; -webkit-transform:translateX(1%); }
	4.375%, 28.948333333333334%	{ opacity:1; -webkit-transform:translateX(0%); }
	33.333333333333336%	{ opacity:0; -webkit-transform:translateX(-100%); }
}
@-moz-keyframes cs_descr_text {
	3.0625%, 29.604583333333334%	{ opacity:1; -moz-transform:translateX(1%); }
	4.375%, 28.948333333333334%	{ opacity:1; -moz-transform:translateX(0%); }
	33.333333333333336%	{ opacity:0; -moz-transform:translateX(-100%); }
}
@-ms-keyframes cs_descr_text {
	3.0625%, 29.604583333333334%	{ opacity:1; -ms-transform:translateX(1%); }
	4.375%, 28.948333333333334%	{ opacity:1; -ms-transform:translateX(0%); }
	33.333333333333336%	{ opacity:0; -ms-transform:translateX(-100%); }
}
@-o-keyframes cs_descr_text {
	3.0625%, 29.604583333333334%	{ opacity:1; -o-transform:translateX(1%); }
	4.375%, 28.948333333333334%	{ opacity:1; -o-transform:translateX(0%); }
	33.333333333333336%	{ opacity:0; -o-transform:translateX(-100%); }
}
@keyframes cs_descr_text {
	3.0625%, 29.604583333333334%	{ opacity:1; transform:translateX(1%); }
	4.375%, 28.948333333333334%	{ opacity:1; transform:translateX(0%); }
	33.333333333333336%	{ opacity:0; transform:translateX(-100%); }
}



.csslider1 > #cs_play1:checked ~ .cs_description > .num0 .cs_title > .cs_wrapper,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num0 .cs_title > .cs_wrapper {
	-webkit-animation:cs_title_text 24000ms infinite -1190ms ease;
	-moz-animation:cs_title_text 24000ms infinite -1190ms ease;
	-ms-animation:cs_title_text 24000ms infinite -1190ms ease;
	-o-animation:cs_title_text 24000ms infinite -1190ms ease;
	animation:cs_title_text 24000ms infinite -1190ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num1 .cs_title > .cs_wrapper,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num1 .cs_title > .cs_wrapper {
	-webkit-animation:cs_title_text 24000ms infinite 6810ms ease;
	-moz-animation:cs_title_text 24000ms infinite 6810ms ease;
	-ms-animation:cs_title_text 24000ms infinite 6810ms ease;
	-o-animation:cs_title_text 24000ms infinite 6810ms ease;
	animation:cs_title_text 24000ms infinite 6810ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num2 .cs_title > .cs_wrapper,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num2 .cs_title > .cs_wrapper {
	-webkit-animation:cs_title_text 24000ms infinite 14810ms ease;
	-moz-animation:cs_title_text 24000ms infinite 14810ms ease;
	-ms-animation:cs_title_text 24000ms infinite 14810ms ease;
	-o-animation:cs_title_text 24000ms infinite 14810ms ease;
	animation:cs_title_text 24000ms infinite 14810ms ease;
}


.csslider1 > #cs_play1:checked ~ .cs_description > .num0 .cs_descr > .cs_wrapper,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num0 .cs_descr > .cs_wrapper {
	-webkit-animation:cs_descr_text 24000ms infinite -1190ms ease;
	-moz-animation:cs_descr_text 24000ms infinite -1190ms ease;
	-ms-animation:cs_descr_text 24000ms infinite -1190ms ease;
	-o-animation:cs_descr_text 24000ms infinite -1190ms ease;
	animation:cs_descr_text 24000ms infinite -1190ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num1 .cs_descr > .cs_wrapper,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num1 .cs_descr > .cs_wrapper {
	-webkit-animation:cs_descr_text 24000ms infinite 6810ms ease;
	-moz-animation:cs_descr_text 24000ms infinite 6810ms ease;
	-ms-animation:cs_descr_text 24000ms infinite 6810ms ease;
	-o-animation:cs_descr_text 24000ms infinite 6810ms ease;
	animation:cs_descr_text 24000ms infinite 6810ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num2 .cs_descr > .cs_wrapper,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num2 .cs_descr > .cs_wrapper {
	-webkit-animation:cs_descr_text 24000ms infinite 14810ms ease;
	-moz-animation:cs_descr_text 24000ms infinite 14810ms ease;
	-ms-animation:cs_descr_text 24000ms infinite 14810ms ease;
	-o-animation:cs_descr_text 24000ms infinite 14810ms ease;
	animation:cs_descr_text 24000ms infinite 14810ms 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 > #cs_pause1:checked ~ .cs_description > label > .cs_title,
.csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_descr,
.csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_title > .cs_wrapper,
.csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_descr > .cs_wrapper {
  	-webkit-transition:none;
  	-moz-transition:none;
  	-ms-transition:none;
  	-o-transition:none;
  	transition:none;
  	
}

.csslider1.cs_pauseHover:hover > .cs_description > label > .cs_title,
.csslider1.cs_pauseHover:hover > .cs_description > label > .cs_descr,
.csslider1.cs_pauseHover:hover > .cs_description > label > .cs_title > .cs_wrapper,
.csslider1.cs_pauseHover:hover > .cs_description > label > .cs_descr > .cs_wrapper,
.csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_title,
.csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_descr,
.csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_title > .cs_wrapper,
.csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_descr > .cs_wrapper {
	-webkit-animation-play-state:paused !important;
	-moz-animation-play-state:paused !important;
	-ms-animation-play-state:paused !important;
	-o-animation-play-state:paused !important;
	animation-play-state:paused !important;
}

/* stop */
.csslider1 > .slide:checked ~ .cs_description > label {
	-webkit-animation:none;
	-moz-animation:none;
	-ms-animation:none;
	-o-animation:none;
	animation:none;
}



.tabs {
    position:relative;
/* margin:30px 0 50px 0; */
	/* width:700px; */
	min-height:400px;
	/* float:left; */
}

.tabs input {
	position:absolute;
	z-index:1000;
	width:120px;
	height:40px;
	left:0px;
	bottom:0px;
	opacity:0;
	cursor:pointer;
}
.tabs input#tab-2{
	left:150px;
}
.tabs input#tab-3{
	left:300px;
	width:250px;
}
.tabs input#tab-4{
	left:450px;
}


.tabs label {
	font-size:1.1rem;
	line-height:40px;
	height:40px;
	position:absolute;
	bottom:0;
/* 	left:0; */
	padding:0 20px;
	float:left;
	display:block;
	width:80px;
	color:#4493ed;
	text-align:center;
	border-bottom:5px solid transparent;
	box-shadow: 0px 1px rgba(0,0,0,0.05);
}

.tabs input:hover + label {
cursor:pointer;
background:rgba(0,0,0,0.05);
border-bottom:4px solid #58b35c;
-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
-ms-transition:all .5s ease;
-o-transition:all .5s ease;
transition:all .5s ease;
}

.tabs label:first-of-type {
    z-index:4;
}

.tab-label-2 {
    z-index:3;
    left:120px;
}


.tab-label-4 {
    z-index:1;
}



.tabs input:checked + label {
    color:#4caf50;
    border-bottom:4px solid rgba(0,0,0,0.1);
	z-index:6;
}

.content {
    background:#fff;
	/* padding:25px 0; */
    /* position:relative; */
    /* width:700px; */
    /* float:left; */
	/* min-height:100px; */
	/* z-index:5; */
}
.dash .content {
	background:transparent;
}
.content-1, .content-2, .content-3 {
    /* position:absolute; */
	/* top:0; */
	/* left:0; */
	/* z-index:1; */
    /* opacity:0; */
    /* transition:all linear 0.1s; */
}

.tabs input.tab-selector-1:checked ~ .content .content-1,
.tabs input.tab-selector-2:checked ~ .content .content-2,
.tabs input.tab-selector-3:checked ~ .content .content-3,
.tabs input.tab-selector-4:checked ~ .content .content-4 {
    z-index:100;
    opacity:1;
    transition:all ease-out 0.2s 0.1s;
}

.tab-label-3 {
  position: absolute;
  z-index: 1000;
  width: auto;
  height: 40px;
  left: 240px;
  bottom: 0px;
  cursor: pointer;
  font-size: 1.1rem;
  line-height: 40px;
  height: 40px;
  position: absolute;
  text-align:center;
  bottom: 0;
  /* left: 0; */
  padding: 0 20px;
  float: left;
  display: block;
  color: #4493ed;
  text-align: center;
  border-bottom: 5px solid transparent;  
  box-shadow: 0px 1px rgba(0,0,0,0.05);
}

.tab-label-3:hover {
cursor:pointer;
background:rgba(0,0,0,0.05);
border-bottom:4px solid #58b35c;
-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
-ms-transition:all .5s ease;
-o-transition:all .5s ease;
transition:all .5s ease;
}






#Subscribe {
height:300px;
margin-bottom:30px;
margin:auto;
/* margin-top:100px; */
padding-top:50px;
width:100%;
float:left;
}
#Subscribe h2 {
 font-family:"Open Sans" sans-serif;
 font-weight:400;
 color:#000;
 font-size:25px;/*if ie*/
  font-size:1.5625rem;
 text-align:center;
 padding-top:60px;
 padding-bottom:10px;
 margin:0;
}
#Subscribe p {
 font-size:15px;/*if ie*/
   font-size:1rem;
 text-align:center;
 padding-top:10px;
 margin:0;
}



#Subscribe .middleColumn {
position:absolute;
left:0;
top:0;
}

#Subscribe #Form_NZIEHsubscribe {
margin:auto;
position:relative;
width:500px;
}

#Subscribe #Form_NZIEHsubscribe_Email {
/* background:red; */
width:380px;
border:none;
height:40px;
}
#Subscribe .Actions {
position:absolute;
right:0;
top:0;
}

.action {
background:#4caf50;
border:none;
border-bottom:5px solid transparent;
height:42px;
min-width:120px;
color:#fff;
font-size:25px;/*if ie*/
font-size:1.5rem;
line-height:1.5rem;
font-weight:300;
    -webkit-transition:all .5s ease;
       -moz-transition:all .5s ease;
        -ms-transition:all .5s ease;
         -o-transition:all .5s ease;
            transition:all .5s ease;    
}

.action:hover {
 cursor:pointer; 
 background:#6dcd71;
 border-bottom:4px solid #58b35c;
     -webkit-transition:all .5s ease;
       -moz-transition:all .5s ease;
        -ms-transition:all .5s ease;
         -o-transition:all .5s ease;
            transition:all .5s ease;    
}
#content #Subscribe {
background:rgba(0,0,0,0.02);
}
#Subscribe #Form_NZIEHsubscribe_Email_Holder {
margin-bottom:20px;
}
#Form_NZIEHsubscribe_All_Holder, #Form_NZIEHsubscribe_News_Holder, #Form_NZIEHsubscribe_Vacancies_Holder {
display:inline-block;
margin:0 15px;
font-family:'Open Sans' sans-serif;
}
#Form_NZIEHsubscribe_Events_Holder {
display:none;
}
#Subscribe fieldset {
border:none;
text-align:center;
}


input[type="text"] {
    padding-left:20px;
}
input[type="password"] {
padding-left:20px;
}
fieldset {
  border:none;
}

@media (max-width: 768px) {
	.aside.affix {
		position:static
	}
}
@media (min-width: 768px) {
	.aside.affix {
		position:fixed;
		top:10px;
		width: calc(calc(83.3333333% - 25%) - calc(42.666666% - 30px));
	}
	.aside.affix-bottom {
		position:absolute;
		width:calc(100% - 30px);
	}
}


.dash .navbar-brand {
	width: 51px;
    background-size: auto 50px;
    background-position: 48%;
}