/* ----- Parallex Efects ------ */
.rbbn-freeDownload {
display: block;
position: absolute;
cursor:pointer;
top: -3px;
right: -3px;
z-index: 99999;
width: 137px;
height: 133px;
background: transparent url(http://www.jchartfx.com/images/rbbn-freeDownload-topRgt.png) top right no-repeat;
margin: 0;
padding: 0;
}
.features {
	display: block;

	width: 940px;
	height: 230px;

	overflow: hidden;
	border: 0;
	border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	margin: 0 0;
	padding: 0 !important;
	position:relative;
}
#port, #port2, #port3, #port4, #port5, #port6, #port7 {
	display: block;
	background: transparent;
	margin: 0;
	padding: -1px;
	overflow: hidden;
	width: 940px;
	height: 230px;
	border: 0;
}
.da-slide .parallax-layer {
	position: absolute;
}
/* ---- Slider Core Generic Styles ---- */

.da-slider {
	width: 100%;
	min-width: 940px;
	height: 230px;
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
	-webkit-transition: background-position 0.8s ease-in-out 0.8s;
	-moz-transition: background-position 0.8s ease-in-out 0.8s;
	-o-transition: background-position 0.8s ease-in-out 0.8s;
	-ms-transition: background-position 0.8s ease-in-out 0.8s;
	transition: background-position 0.8s ease-in-out 0.8s;
	zoom: 1;
}
.da-slide {
	display: block;
	position: absolute;
	width: 940px;
	height: 100%;
	text-align: left;
	opacity: 0;
	opacity: 1\9;
	background: transparent;
	overflow: hidden;
	transition: opacity 0.8s ease-in-out 0.2s;/* reversed fade out */
	-moz-transition: opacity 0.8s ease-in-out 0.2s;
	-webkit-transition: opacity 0.8s ease-in-out 0.2s;
	border: 0;
	-webkit-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
	top: 0;
	left: 0;
	zoom: 1;
}
.da-slide-current { /* Selected and Initial Default Style */
	opacity: 1;
	transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-webkit-transition: opacity 1s ease-in-out;
}
.da-slide h1, .da-slide p, .da-slide .da-img {
	position: absolute;
	left: 30px;
	border: 0;
}
.da-slide h1 {
	position: absolute;
	font-size: 40px;
	line-height: 54px;
	width: auto;
	top: 25px;
	white-space: nowrap;
	font-family: "Cabin Condensed", Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: -0.03em;
	opacity: 1;
}
.da-slide p {
	top: 90px;
	line-height: 25px;
	width: 562px;
	height: auto;
	overflow: hidden;
	padding-left: 4px;
	color: #fff;
	font-size: 16px;
	line-height: 130%;
	font-weight: bold;
	text-align: left;
	text-shadow: 0px 1px 2px rgba(17,17,17,0.8);
	zoom: 1;
}

.da-slide a.callTo {
	 display:block;
	 min-width:76px;
	 height:auto;
	 position:absolute;
	 bottom:17px;
	 left:37px;
	 z-index:auto;
  	 padding: 7px 12px;
  	 font-size: 13px;
  	 line-height: normal;
 	 -webkit-border-radius: 5px;
	 -moz-border-radius: 5px;
     border-radius: 5px;
     background-color:rgba(0, 0, 0, 0.5);
     color:#ededed;
     opacity:0.8;
     filter:(opacity=80);
     white-space: nowrap;
     text-align: center;
     text-shadow:none !important;
}
.da-slide a.callTo i{font-size:16px; padding-left:5px;}
.da-slide.slide1 a.callTo, .da-slide.slide2 a.callTo  {
	bottom:35px;
	text-shadow:none !important;

}


.da-slide a.callTo:hover {
	border: 2px solid #fff;
	opacity:1;
	filter:(opacity=100);
	text-decoration:none;
	color:#fff;
	padding:5px 10px;
}

/* ----- Custom styles for each Slide's */
/*---------------------------- Slide 1 */
.da-slide.slide2 {
	background: #74C1CB;
	background: -moz-linear-gradient(top,  #74C1CB 0%, #2A8290 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#74C1CB), color-stop(100%,#2A8290));
	background: -webkit-linear-gradient(top,  #74C1CB 0%,#2A8290 100%);
	background: -o-linear-gradient(top,  #74C1CB 0%,#2A8290 100%);
	background: -ms-linear-gradient(top,  #74C1CB 0%,#2A8290 100%);
	background: linear-gradient(to bottom,  #74C1CB 0%,#2A8290 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#74C1CB', endColorstr='#2A8290',GradientType=0 );
}
.da-slide.slide2 p strong {
	color: #86FFFA;
}
/*---------------------------- Slide 2 */
.da-slide.slide3 {
	background: #D67ACC;
	background: -moz-linear-gradient(top,  #D67ACC 0%, #842A77 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D67ACC), color-stop(100%,#842A77));
	background: -webkit-linear-gradient(top,  #D67ACC 0%,#842A77 100%);
	background: -o-linear-gradient(top,  #D67ACC 0%,#842A77 100%);
	background: -ms-linear-gradient(top,  #D67ACC 0%,#842A77 100%);
	background: linear-gradient(to bottom,  #D67ACC 0%,#842A77 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D67ACC', endColorstr='#842A77',GradientType=0 );
}
.da-slide.slide3 p strong {
	color: #FFBFFF;
}
/*---------------------------- Slide 3 */
.da-slide.slide4 {
	background: #7496CB;
	background: -moz-linear-gradient(top,  #7496CB 0%, #264884 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7496CB), color-stop(100%,#264884));
	background: -webkit-linear-gradient(top,  #7496CB 0%,#264884 100%);
	background: -o-linear-gradient(top,  #7496CB 0%,#264884 100%);
	background: -ms-linear-gradient(top,  #7496CB 0%,#264884 100%);
	background: linear-gradient(to bottom,  #7496CB 0%,#264884 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7496CB', endColorstr='#264884',GradientType=0 );
}

.da-slide.slide4 p strong {
	color: #BADDFF;
}
/*---------------------------- Slide 4 */
.da-slide.slide5 {
	background: #FFFF99;
	background: -moz-linear-gradient(top,  #FFFF99 0%, #EBA619 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFF99), color-stop(100%,#EBA619));
	background: -webkit-linear-gradient(top,  #FFFF99 0%,#EBA619 100%);
	background: -o-linear-gradient(top,  #FFFF99 0%,#EBA619 100%);
	background: -ms-linear-gradient(top,  #FFFF99 0%,#EBA619 100%);
	background: linear-gradient(to bottom,  #FFFF99 0%,#EBA619 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFF99', endColorstr='#EBA619',GradientType=0 );
}
.da-slide.slide5 p strong {
	text-shadow: 0px -1px 2px rgba(255,255,255,0.4);
	color: #664B00;
}
/*---------------------------- Slide 5 */
.da-slide.slide6 {
	background: #ededed;
	background: -moz-linear-gradient(top,  #74CB7E 0%, #2A9038 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#74CB7E), color-stop(100%,#2A9038));
	background: -webkit-linear-gradient(top,  #74CB7E 0%,#2A9038 100%);
	background: -o-linear-gradient(top,  #74CB7E 0%,#2A9038 100%);
	background: -ms-linear-gradient(top,  #74CB7E 0%,#2A9038 100%);
	background: linear-gradient(to bottom,  #74CB7E 0%,#2A9038 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#74CB7E', endColorstr='#2A9038',GradientType=0 ); 
}

.da-slide.slide6 p strong {
	color: #A5FF4C;
}
/*---------------------------- Slide 6 */
.da-slide.slide7 {
	background: #4B92D0;
	background: -moz-linear-gradient(top,  #4B92D0 0%, #172C3A 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4B92D0), color-stop(100%,#172C3A));
	background: -webkit-linear-gradient(top,  #4B92D0 0%,#172C3A 100%);
	background: -o-linear-gradient(top,  #4B92D0 0%,#172C3A 100%);
	background: -ms-linear-gradient(top,  #4B92D0 0%,#172C3A 100%);
	background: linear-gradient(to bottom,  #4B92D0 0%,#172C3A 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4B92D0', endColorstr='#172C3A',GradientType=0 );
}
.da-slide.slide7 p strong {
	color: #BFEEFF;
}

/*---------------------------- Slide 7 */
.da-slide.slide1 {
	background: #73A7D1;
	background: -moz-linear-gradient(top,  #73A7D1 0%, #235883 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#73A7D1), color-stop(100%,#235883));
	background: -webkit-linear-gradient(top,  #73A7D1 0%,#235883 100%);
	background: -o-linear-gradient(top,  #73A7D1 0%,#235883 100%);
	background: -ms-linear-gradient(top,  #73A7D1 0%,#235883 100%);
	background: linear-gradient(to bottom,  #73A7D1 0%,#235883 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73A7D1', endColorstr='#235883',GradientType=0 ); 
}
.da-slide.slide1 h1 {
	color:#1B4364;
}
.da-slide.slide1 p strong {
	color: #fff;
}
/*---------------------------- Slide Shared */
.da-slide h1 {
	position: absolute;
	text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2);
}
.da-slide h1:after, {
 position: absolute;
 content: attr(title) " ";
 color: rgba(17, 17, 17, 0.4);
 top: 1px;
 left: 0;
/*z-index: 5000;*/
}
.da-slide.slide2 h1 {
	color: rgba(5, 41, 48, 0.71);
	text-shadow: 1px 1px 1px rgba(159, 239, 252, 0.8);
}
.da-slide.slide3 h1 {
	color: rgba(107, 41, 98, 0.93);
	text-shadow: 1px 1px 1px rgba(243, 151, 252, 0.75);
}
.da-slide.slide4 h1 {
	color: rgba(32, 50, 102, 0.86);
	text-shadow: 1px 1px 0px rgba(145, 177, 226, 0.79);
}
.da-slide.slide5 h1 {
	color: rgba(111, 71, 0, 0.82);
	text-shadow: 1px 1px 2px #FDFFC2;
}
.da-slide.slide6 h1 {
	color: #24642C;
	text-shadow: 1px 1px 2px rgba(167, 219, 170, 0.86);
}
.da-slide.slide7 h1 {
	color: rgba(17, 43, 70, 0.83);
	text-shadow: 1px 1px 2px rgba(113, 162, 207, 0.9);
}
/*---------------------------- Slide's Control Dots and Arrows */

#shadow {
	display:block;
	width: 100%;
	height:10px;
	position: absolute;
	text-align: center;
	left: 0;
	top: 220px;
	z-index: 8000;
	-webkit-box-shadow: inset 0px -4px 6px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0px -4px 6px rgba(0,0,0,0.3);
	box-shadow: inset 0px -4px 6px rgba(0,0,0,0.3);
}
.da-dots {
	width: 140px;
	position: absolute;
	text-align: center;
	left: 400px;
	bottom: 10px;
	z-index: 8000;
	-moz-user-select: none;
	-webkit-user-select: none;
}



.da-dots span {
	display: inline-block;

	position: relative;
	min-height:10px;
	min-width:10px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.5);
	margin: 4px;
	cursor: pointer;
	box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.83) inset, 1px 1px 1px rgba(235, 235, 235, 0.26);
	opacity: 0.5;
	filter: alpha(opacity=50);
		*display:inline;
	*zoom:1;
}
.da-dots .da-dots-current:after {
	content: '';
	width: 10px;
	height: 10px;
	position: absolute;
	top: -1px;
	left: 0;
	border-radius: 50%;
	background: #ccc;
	box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.8);
}
.da-arrows {
	-moz-user-select: none;
	-webkit-user-select: none;
}
.da-arrows span {
	display: block;
	position: absolute;
	top: 50%;
	height: 30px;
	border-radius: 50%;
	background: #265578;
	cursor: pointer;
	z-index: 0;
	opacity: 0;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset, 1px 1px 1px rgba(255,255,255,0.1);
	-webkit-transition: opacity 0.4s ease-in-out 0.2s;
	-moz-transition: opacity 0.4s ease-in-out 0.2s;
	-o-transition: opacity 0.4s ease-in-out 0.2s;
	-ms-transition: opacity 0.4s ease-in-out 0.2s;
	transition: opacity 0.4s ease-in-out 0.2s;
}
.da-slider:hover .da-arrows span {
	opacity: 1;
}
.da-arrows span:after {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	top: 5px;
	left: 5px;
	background: transparent url(http://www.jchartfx.com/images/arrows.png) no-repeat top left;
	border-radius: 50%;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
.da-arrows span:hover:after {
	box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
}
.da-arrows span:active:after {
	box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
}
.da-arrows span.da-arrows-next:after {
	background-position: top right;
}
.da-arrows span.da-arrows-prev {
	left: 15px;
}
.da-arrows span.da-arrows-next {
	right: 15px;
}
/* --------------------- Animation classes and animations ----------------------- */
/* Slide Current Slide = Selected and Default Initial -----------------*/

.da-slide-current h1, .da-slide-current p, .da-slide-current .parallex-viewport {
	-webkit-animation: fromRightAnim1 0.6s ease-in 0.6s both;
	-moz-animation: fromRightAnim1 0.6s ease-in 0.6s both;
	-o-animation: fromRightAnim1 0.6s ease-in 0.6s both;
	-ms-animation: fromRightAnim1 0.6s ease-in 0.6s both;
	animation: fromRightAnim1 0.6s ease-in 0.6s both;
}
.da-slide-current .da-img {
	left: 63%;
	opacity: 1;
}
.da-slide-current .da-img img {
	vertical-align: top;
}

.da-slide-current a {
	-webkit-animation: fromRightAnim1 0.7s ease-in 0.8s both;
	-moz-animation: fromRightAnim1 0.7s ease-in 0.8s both;
	-o-animation: fromRightAnim1 0.7s ease-in 0.8s both;
	-ms-animation: fromRightAnim1 0.7s ease-in 0.8s both;
	animation: fromRightAnim1 0.7s ease-in 0.8s both;
}


/* -------------------- Slide in from the right = fromRightAnim*/
.da-slide-fromright h1 {
	-webkit-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
	-moz-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
	-o-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
	-ms-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
	animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
}
.da-slide-fromright p {
	-webkit-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
	-moz-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
	-o-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
	-ms-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
	animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
}
.da-slide-fromright a {
	-webkit-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
	-moz-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
	-o-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
	-ms-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
	animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
}

.da-slide-fromright .w {
	-webkit-animation: fadeInLeftBig 0.8s ease-in-out 0.8s both;
	-moz-animation: fadeInLeftBig 0.8s ease-in-out 0.8s both;
	-o-animation: fadeInLeftBig 0.8s ease-in-out 0.8s both;
	-ms-animation: fadeInLeftBig 0.8s ease-in-out 0.8s both;
	animation: fadeInLeftBig 0.8s ease-in-out 0.8s both;
}
.da-slide-fromright .x, .da-slide-current .x {
	-webkit-animation: lightSpeedIn 0.7s ease-in-out 1s both;
	-moz-animation: lightSpeedIn 0.7s ease-in-out 1s both;
	-o-animation: lightSpeedIn 0.7s ease-in-out 1s both;
	-ms-animation: lightSpeedIn 0.7s ease-in-out 1s both;
	animation: lightSpeedIn 0.7s ease-in-out 1s both;
}
.da-slide-current .y, .da-slide-fromright .y {
	-webkit-animation: lightSpeedIn 0.7s ease-in-out 1.2s both;
	-moz-animation: lightSpeedIn 0.7s ease-in-out 1.2s both;
	-o-animation: lightSpeedIn 0.7s ease-in-out 1.2s both;
	-ms-animation: lightSpeedIn 0.7s ease-in-out 1.2s both;
	animation: lightSpeedIn 0.7s ease-in-out 1.2s both;
}
.da-slide-current .z, .da-slide-fromright .z {
	-webkit-animation: lightSpeedIn 0.6s ease-in-out 1.4s both;
	-moz-animation: lightSpeedIn 0.6s ease-in-out 1.4s both;
	-o-animation: lightSpeedIn 0.6s ease-in-out 1.4s both;
	-ms-animation: lightSpeedIn 0.6s ease-in-out 1.4s both;
	animation: lightSpeedIn 0.6s ease-in-out 1.4s both;
}
.da-slide-fromright .f {
	-webkit-animation: rotateInUpRight 0.5s ease-in-out 1.2s both;
	-moz-animation: rotateInUpRight 0.5s ease-in-out 1.2s both;
	-o-animation: rotateInUpRight 0.5s ease-in-out 1.2s both;
	-ms-animation: rotateInUpRight 0.5s ease-in-out 1.2s both;
	animation: rotateInUpRight 0.5s ease-in-out 1.2s both;
}
.da-slide-fromright .g {
	-webkit-animation: rotateInUpRight 0.6s ease-in-out 1.4s both;
	-moz-animation: rotateInUpRight 0.6s ease-in-out 1.4s both;
	-o-animation: rotateInUpRight 0.6s ease-in-out 1.4s both;
	-ms-animation: rotateInUpRight 0.6s ease-in-out 1.4s both;
	animation: rotateInUpRight 0.6s ease-in-out 1.4s both;
}
.da-slide-fromright .j {
	-webkit-animation: bounceInDown 0.6s ease-in-out 1.6s both;
	-moz-animation: bounceInDown 0.6s ease-in-out 1.6s both;
	-o-animation: bounceInDown 0.6s ease-in-out 1.6s both;
	-ms-animation: bounceInDown 0.6s ease-in-out 1.6s both;
	animation: bounceInDown 0.6s ease-in-out 1.6s both;
}
.da-slide-fromright .k {
	-webkit-animation: bounceInUp 0.6s ease-in-out 1.4s both;
	-moz-animation: bounceInUp 0.6s ease-in-out 1.4s both;
	-o-animation: bounceInUp 0.6s ease-in-out 1.4s both;
	-ms-animation: bounceInUp 0.6s ease-in-out 1.4s both;
	animation: bounceInUp 0.6s ease-in-out 1.4s both;
}
.da-slide-fromright .l {
	-webkit-animation: bounceInUp 0.8s ease-in-out 0.7s both;
	-moz-animation: bounceInUp 0.8s ease-in-out 0.7s both;
	-o-animation: bounceInUp 0.8s ease-in-out 0.7s both;
	-ms-animation: bounceInUp 0.8s ease-in-out 0.7s both;
	animation: bounceInUp 0.8s ease-in-out 0.7s both;
}
 @-webkit-keyframes fromRightAnim1 {
 0% {
left: 110%;
opacity: 0;
}
 100% {
left: 3.5%;
opacity: 1;
}
}
@-webkit-keyframes fromRightAnim2 {
 0% {
left: 110%;
opacity: 0;
}
 100% {
left: 3.5%;
opacity: 1;
}
}
@-webkit-keyframes fromRightAnim3 {
 0% {
left: 110%;
opacity: 0;
}
 1% {
left: 3.5%;
opacity: 0;
}
 100% {
left: 3.5%;
opacity: 1;
}
}
@-webkit-keyframes fromRightAnim4 {
 0% {
left: 110%;
opacity: 0;
}
 100% {
left: 60%;
opacity: 1;
}
}
 @-moz-keyframes fromRightAnim1 {
 0% {
left: 110%;
opacity: 0;
}
 100% {
left: 3.5%;
opacity: 1;
}
}
@-moz-keyframes fromRightAnim2 {
 0% {
left: 110%;
opacity: 0;
}
 100% {
left: 3.5%;
opacity: 1;
}
}
@-moz-keyframes fromRightAnim3 {
 0% {
left: 110%;
opacity: 0;
}
 1% {
left: 3.5%;
opacity: 0;
}
 100% {
left: 3.5%;
opacity: 1;
}
}
@-moz-keyframes fromRightAnim4 {
 0% {
left: 110%;
opacity: 0;
}
 100% {
left: 60%;
opacity: 1;
}
}
 @-o-keyframes fromRightAnim1 {
 0% {
left: 110%;
opacity: 0;
}
 100% {
left: 3.5%;
opacity: 1;
}
}
@-o-keyframes fromRightAnim2 {
 0% {
left: 110%;
opacity: 0;
}
 100% {
left: 3.5%;
opacity: 1;
}
}
@-o-keyframes fromRightAnim3 {
 0% {
left: 110%;
opacity: 0;
}
 1% {
left: 3.5%;
opacity: 0;
}
 100% {
left: 3.5%;
opacity: 1;
}
}
@-o-keyframes fromRightAnim4 {
 0% {
left: 110%;
opacity: 0;
}
 100% {
left: 60%;
opacity: 1;
}
}
 @-ms-keyframes fromRightAnim1 {
 0% {
left: 110%;
opacity: 0;
}
 100% {
left: 3.5%;
opacity: 1;
}
}
@-ms-keyframes fromRightAnim2 {
 0% {
left: 110%;
opacity: 0;
}
 100% {
left: 3.5%;
opacity: 1;
}
}
@-ms-keyframes fromRightAnim3 {
 0% {
left: 110%;
opacity: 0;
}
 1% {
left: 3.5%;
opacity: 0;
}
 100% {
left: 3.5%;
opacity: 1;
}
}
@-ms-keyframes fromRightAnim4 {
 0% {
left: 110%;
opacity: 0;
}
 100% {
left: 60%;
opacity: 1;
}
}
 @keyframes fromRightAnim1 {
 0% {
left: 110%;
opacity: 0;
}
 100% {
left: 3.5%;
opacity: 1;
}
}
@keyframes fromRightAnim2 {
 0% {
left: 110%;
opacity: 0;
}
 100% {
left: 3.5%;
opacity: 1;
}
}
@keyframes fromRightAnim3 {
 0% {
left: 110%;
opacity: 0;
}
 1% {
left: 3.5%;
opacity: 0;
}
 100% {
left: 3.5%;
opacity: 1;
}
}
@keyframes fromRightAnim4 {
 0% {
left: 110%;
opacity: 0;
}
 100% {
left: 60%;
opacity: 1;
}
}
/* -------------------- Slide in from the left = fromLeftAnim */
.da-slide-fromleft h1 {
	-webkit-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
	-moz-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
	-o-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
	-ms-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
	animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
}
.da-slide-fromleft p {
	-webkit-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
	-moz-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
	-o-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
	-ms-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
	animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
}
.da-slide-fromleft a {
	-webkit-animation: fromLeftAnim2 0.7s ease-in-out 0.8s both;
	-moz-animation: fromLeftAnim2 0.7s ease-in-out 0.8s both;
	-o-animation: fromLeftAnim2 0.7s ease-in-out 0.8s both;
	-ms-animation: fromLeftAnim2 0.7s ease-in-out 0.8s both;
	animation: fromLeftAnim2 0.7s ease-in-out 0.8s both;
}
.da-slide-fromleft .w {
	-webkit-animation: fadeInLeftBig 0.8s ease-in-out 0.8s both;
	-moz-animation: fadeInLeftBig 0.8s ease-in-out 0.8s both;
	-o-animation: fadeInLeftBig 0.8s ease-in-out 0.8s both;
	-ms-animation: fadeInLeftBig 0.8s ease-in-out 0.8s both;
	animation: fadeInLeftBig 0.8s ease-in-out 0.8s both;
}
.da-slide-fromleft .x {
	-webkit-animation: lightSpeedIn 0.7s ease-in-out 1s both;
	-moz-animation: lightSpeedIn 0.7s ease-in-out 1s both;
	-o-animation: lightSpeedIn 0.7s ease-in-out 1s both;
	-ms-animation: lightSpeedIn 0.7s ease-in-out 1s both;
	animation: lightSpeedIn 0.7s ease-in-out 1s both;
}
.da-slide-fromleft .y {
	-webkit-animation: lightSpeedIn 0.7s ease-in-out 1.2s both;
	-moz-animation: lightSpeedIn 0.7s ease-in-out 1.2s both;
	-o-animation: lightSpeedIn 0.7s ease-in-out 1.2s both;
	-ms-animation: lightSpeedIn 0.7s ease-in-out 1.2s both;
	animation: lightSpeedIn 0.7s ease-in-out 1.2s both;
}
.da-slide-fromleft .z {
	-webkit-animation: lightSpeedIn 0.6s ease-in-out 1.4s both;
	-moz-animation: lightSpeedIn 0.6s ease-in-out 1.4s both;
	-o-animation: lightSpeedIn 0.6s ease-in-out 1.4s both;
	-ms-animation: lightSpeedIn 0.6s ease-in-out 1.4s both;
	animation: lightSpeedIn 0.6s ease-in-out 1.4s both;
}
.da-slide-fromleft .f {
	-webkit-animation: rotateInUpRight 0.5s ease-in-out 1.2s both;
	-moz-animation: rotateInUpRight 0.5s ease-in-out 1.2s both;
	-o-animation: rotateInUpRight 0.5s ease-in-out 1.2s both;
	-ms-animation: rotateInUpRight 0.5s ease-in-out 1.2s both;
	animation: rotateInUpRight 0.5s ease-in-out 1.2s both;
}
.da-slide-fromleft .g {
	-webkit-animation: rotateInUpRight 0.6s ease-in-out 1.4s both;
	-moz-animation: rotateInUpRight 0.6s ease-in-out 1.4s both;
	-o-animation: rotateInUpRight 0.6s ease-in-out 1.4s both;
	-ms-animation: rotateInUpRight 0.6s ease-in-out 1.4s both;
	animation: rotateInUpRight 0.6s ease-in-out 1.4s both;
}
.da-slide-fromleft .j {
	-webkit-animation: bounceInDown 0.6s ease-in-out 1.6s both;
	-moz-animation: bounceInDown 0.6s ease-in-out 1.6s both;
	-o-animation: bounceInDown 0.6s ease-in-out 1.6s both;
	-ms-animation: bounceInDown 0.6s ease-in-out 1.6s both;
	animation: bounceInDown 0.6s ease-in-out 1.6s both;
}
.da-slide-fromleft .k {
	-webkit-animation: bounceInUp 0.6s ease-in-out 1.4s both;
	-moz-animation: bounceInUp 0.6s ease-in-out 1.4s both;
	-o-animation: bounceInUp 0.6s ease-in-out 1.4s both;
	-ms-animation: bounceInUp 0.6s ease-in-out 1.4s both;
	animation: bounceInUp 0.6s ease-in-out 1.4s both;
}
.da-slide-fromleft .l {
	-webkit-animation: bounceInUp 0.8s ease-in-out 0.7s both;
	-moz-animation: bounceInUp 0.8s ease-in-out 0.7s both;
	-o-animation: bounceInUp 0.8s ease-in-out 0.7s both;
	-ms-animation: bounceInUp 0.8s ease-in-out 0.7s both;
	animation: bounceInUp 0.8s ease-in-out 0.7s both;
}
@-webkit-keyframes fromLeftAnim1 {
 0% {
left: -110%;
opacity: 0;
}
 100% {
left: 3.5%;
opacity: 1;
}
}
@-webkit-keyframes fromLeftAnim2 {
 0% {
left: -110%;
opacity: 0;
}
 100% {
left: 3.5%;
opacity: 1;
}
}
@-webkit-keyframes fromLeftAnim3 {
 0% {
left: -110%;
opacity: 0;
}
 1% {
left: 3.5%;
opacity: 0;
}
 100% {
left: 3.5%;
opacity: 1;
}
}
@-webkit-keyframes fromLeftAnim4 {
 0% {
left: -110%;
opacity: 0;
}
 100% {
left: 60%;
opacity: 1;
}
}
 @-moz-keyframes fromLeftAnim1 {
 0% {
left: -110%;
opacity: 0;
}
 100% {
left: 3.5%;
opacity: 1;
}
}
@-moz-keyframes fromLeftAnim2 {
 0% {
left: -110%;
opacity: 0;
}
 100% {
left: 3.5%;
opacity: 1;
}
}
@-moz-keyframes fromLeftAnim3 {
 0% {
left: -110%;
opacity: 0;
}
 1% {
left: 3.5%;
opacity: 0;
}
 100% {
left: 3.5%;
opacity: 1;
}
}
@-moz-keyframes fromLeftAnim4 {
 0% {
left: -110%;
opacity: 0;
}
 100% {
left: 60%;
opacity: 1;
}
}
 @-o-keyframes fromLeftAnim1 {
 0% {
left: -110%;
opacity: 0;
}
 100% {
left: 3.5%;
opacity: 1;
}
}
@-o-keyframes fromLeftAnim2 {
 0% {
left: -110%;
opacity: 0;
}
 100% {
left: 3.5%;
opacity: 1;
}
}
@-o-keyframes fromLeftAnim3 {
 0% {
left: -110%;
opacity: 0;
}
 1% {
left: 3.5%;
opacity: 0;
}
 100% {
left: 3.5%;
opacity: 1;
}
}
@-o-keyframes fromLeftAnim4 {
 0% {
left: -110%;
opacity: 0;
}
 100% {
left: 60%;
opacity: 1;
}
}
 @-ms-keyframes fromLeftAnim1 {
 0% {
left: -110%;
opacity: 0;
}
 100% {
left: 3.5%;
opacity: 1;
}
}
@-ms-keyframes fromLeftAnim2 {
 0% {
left: -110%;
opacity: 0;
}
 100% {
left: 3.5%;
opacity: 1;
}
}
@-ms-keyframes fromLeftAnim3 {
 0% {
left: -110%;
opacity: 0;
}
 1% {
left: 3.5%;
opacity: 0;
}
 100% {
left: 3.5%;
opacity: 1;
}
}
@-ms-keyframes fromLeftAnim4 {
 0% {
left: -110%;
opacity: 0;
}
 100% {
left: 60%;
opacity: 1;
}
}
 @keyframes fromLeftAnim1 {
 0% {
left: -110%;
opacity: 0;
}
 100% {
left: 3.5%;
opacity: 1;
}
}
@keyframes fromLeftAnim2 {
 0% {
left: -110%;
opacity: 0;
}
 100% {
left: 3.5%;
opacity: 1;
}
}
@keyframes fromLeftAnim3 {
 0% {
left: -110%;
opacity: 0;
}
 1% {
left: 3.5%;
opacity: 0;
}
 100% {
left: 3.5%;
opacity: 1;
}
}
@keyframes fromLeftAnim4 {
 0% {
left: -110%;
opacity: 0;
}
 100% {
left: 60%;
opacity: 1;
}
}
/* -------------------- Slide out to the right = toRightAnim */
.da-slide-toright h1 {
	-webkit-animation: toRightAnim1 0.6s ease-in-out 0.3s both;
	-moz-animation: toRightAnim1 0.6s ease-in-out 0.3s both;
	-o-animation: toRightAnim1 0.6s ease-in-out 0.3s both;
	-ms-animation: toRightAnim1 0.6s ease-in-out 0.3s both;
	animation: toRightAnim1 0.6s ease-in-out 0.3s both;
}
.da-slide-toright p {
	-webkit-animation: toRightAnim2 0.6s ease-in-out both;
	-moz-animation: toRightAnim2 0.6s ease-in-out both;
	-o-animation: toRightAnim2 0.6s ease-in-out both;
	-ms-animation: toRightAnim2 0.6s ease-in-out both;
	animation: toRightAnim2 0.6s ease-in-out both;
}
.da-slide-toleft a {
	-webkit-animation: toLeftAnim2 0.7s ease-in-out 0.4s both;
	-moz-animation: toLeftAnim2 0.7s ease-in-out 0.4s both;
	-o-animation: toLeftAnim2 0.7s ease-in-out 0.4s both;
	-ms-animation: toLeftAnim2 0.7s ease-in-out 0.4s both;
	animation: toLeftAnim2 0.7s ease-in-out 0.4s both;
}
 @-webkit-keyframes toRightAnim1 {
 0% {
left: 3.5%;
opacity: 1;
}
 100% {
left: 100%;
opacity: 0;
}
}
@-webkit-keyframes toRightAnim2 {
 0% {
left: 3.5%;
opacity: 1;
}
 100% {
left: 100%;
opacity: 0;
}
}
@-webkit-keyframes toRightAnim3 {
 0% {
left: 3.5%;
opacity: 1;
}
 99% {
left: 3.5%;
opacity: 0;
}
 100% {
left: 100%;
opacity: 0;
}
}
@-webkit-keyframes toRightAnim4 {
 0% {
left: 60%;
opacity: 1;
}
 30% {
left: 55%;
opacity: 1;
}
 100% {
left: 100%;
opacity: 0;
}
}
 @-moz-keyframes toRightAnim1 {
 0% {
left: 3.5%;
opacity: 1;
}
 100% {
left: 100%;
opacity: 0;
}
}
@-moz-keyframes toRightAnim2 {
 0% {
left: 3.5%;
opacity: 1;
}
 100% {
left: 100%;
opacity: 0;
}
}
@-moz-keyframes toRightAnim3 {
 0% {
left: 3.5%;
opacity: 1;
}
 99% {
left: 3.5%;
opacity: 0;
}
 100% {
left: 100%;
opacity: 0;
}
}
@-moz-keyframes toRightAnim4 {
 0% {
left: 60%;
opacity: 1;
}
 30% {
left: 55%;
opacity: 1;
}
 100% {
left: 100%;
opacity: 0;
}
}
 @-o-keyframes toRightAnim1 {
 0% {
left: 3.5%;
opacity: 1;
}
 100% {
left: 100%;
opacity: 0;
}
}
@-o-keyframes toRightAnim2 {
 0% {
left: 3.5%;
opacity: 1;
}
 100% {
left: 100%;
opacity: 0;
}
}
@-o-keyframes toRightAnim3 {
 0% {
left: 3.5%;
opacity: 1;
}
 99% {
left: 3.5%;
opacity: 0;
}
 100% {
left: 100%;
opacity: 0;
}
}
@-o-keyframes toRightAnim4 {
 0% {
left: 60%;
opacity: 1;
}
 30% {
left: 55%;
opacity: 1;
}
 100% {
left: 100%;
opacity: 0;
}
}
 @-ms-keyframes toRightAnim1 {
 0% {
left: 3.5%;
opacity: 1;
}
 100% {
left: 100%;
opacity: 0;
}
}
@-ms-keyframes toRightAnim2 {
 0% {
left: 3.5%;
opacity: 1;
}
 100% {
left: 100%;
opacity: 0;
}
}
@-ms-keyframes toRightAnim3 {
 0% {
left: 3.5%;
opacity: 1;
}
 99% {
left: 3.5%;
opacity: 0;
}
 100% {
left: 100%;
opacity: 0;
}
}
@-ms-keyframes toRightAnim4 {
 0% {
left: 60%;
opacity: 1;
}
 30% {
left: 55%;
opacity: 1;
}
 100% {
left: 100%;
opacity: 0;
}
}
 @keyframes toRightAnim1 {
 0% {
left: 3.5%;
opacity: 1;
}
 100% {
left: 100%;
opacity: 0;
}
}
@keyframes toRightAnim2 {
 0% {
left: 3.5%;
opacity: 1;
}
 100% {
left: 100%;
opacity: 0;
}
}
@keyframes toRightAnim3 {
 0% {
left: 3.5%;
opacity: 1;
}
 99% {
left: 3.5%;
opacity: 0;
}
 100% {
left: 100%;
opacity: 0;
}
}
@keyframes toRightAnim4 {
 0% {
left: 60%;
opacity: 1;
}
 30% {
left: 55%;
opacity: 1;
}
 100% {
left: 100%;
opacity: 0;
}
}
/* -------------------- Slide out to the left = toLeftAnim */

.da-slide-toleft h1 {
	-webkit-animation: toLeftAnim1 0.6s ease-in-out both;
	-moz-animation: toLeftAnim1 0.6s ease-in-out both;
	-o-animation: toLeftAnim1 0.6s ease-in-out both;
	-ms-animation: toLeftAnim1 0.6s ease-in-out both;
	animation: toLeftAnim1 0.6s ease-in-out both;
}
.da-slide-toleft p {
	-webkit-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
	-moz-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
	-o-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
	-ms-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
	animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
}
 @-webkit-keyframes toLeftAnim1 {
 0% {
left: 3.5%;
opacity: 1;
}
 30% {
left: 15%;
opacity: 1;
}
 100% {
left: -50%;
opacity: 0;
}
}
@-webkit-keyframes toLeftAnim2 {
 0% {
left: 3.5%;
opacity: 1;
}
 30% {
left: 15%;
opacity: 1;
}
 100% {
left: -50%;
opacity: 0;
}
}
@-webkit-keyframes toLeftAnim3 {
 0% {
left: 3.5%;
opacity: 1;
}
 100% {
left: -50%;
opacity: 0;
}
}
@-webkit-keyframes toLeftAnim4 {
 0% {
left: 60%;
opacity: 1;
}
 70% {
left: 30%;
opacity: 0;
}
 100% {
left: -50%;
opacity: 0;
}
}
 @-moz-keyframes toLeftAnim1 {
 0% {
left: 3.5%;
opacity: 1;
}
 30% {
left: 15%;
opacity: 1;
}
 100% {
left: -50%;
opacity: 0;
}
}
@-moz-keyframes toLeftAnim2 {
 0% {
left: 3.5%;
opacity: 1;
}
 30% {
left: 15%;
opacity: 1;
}
 100% {
left: -50%;
opacity: 0;
}
}
@-moz-keyframes toLeftAnim3 {
 0% {
left: 3.5%;
opacity: 1;
}
 100% {
left: -50%;
opacity: 0;
}
}
@-moz-keyframes toLeftAnim4 {
 0% {
left: 60%;
opacity: 1;
}
 70% {
left: 30%;
opacity: 0;
}
 100% {
left: -50%;
opacity: 0;
}
}
 @-o-keyframes toLeftAnim1 {
 0% {
left: 3.5%;
opacity: 1;
}
 30% {
left: 15%;
opacity: 1;
}
 100% {
left: -50%;
opacity: 0;
}
}
@-o-keyframes toLeftAnim2 {
 0% {
left: 3.5%;
opacity: 1;
}
 30% {
left: 15%;
opacity: 1;
}
 100% {
left: -50%;
opacity: 0;
}
}
@-o-keyframes toLeftAnim3 {
 0% {
left: 3.5%;
opacity: 1;
}
 100% {
left: -50%;
opacity: 0;
}
}
@-o-keyframes toLeftAnim4 {
 0% {
left: 60%;
opacity: 1;
}
 70% {
left: 30%;
opacity: 0;
}
 100% {
left: -50%;
opacity: 0;
}
}
 @-ms-keyframes toLeftAnim1 {
 0% {
left: 3.5%;
opacity: 1;
}
 30% {
left: 15%;
opacity: 1;
}
 100% {
left: -50%;
opacity: 0;
}
}
@-ms-keyframes toLeftAnim2 {
 0% {
left: 3.5%;
opacity: 1;
}
 30% {
left: 15%;
opacity: 1;
}
 100% {
left: -50%;
opacity: 0;
}
}
@-ms-keyframes toLeftAnim3 {
 0% {
left: 3.5%;
opacity: 1;
}
 100% {
left: -50%;
opacity: 0;
}
}
@-ms-keyframes toLeftAnim4 {
 0% {
left: 60%;
opacity: 1;
}
 70% {
left: 30%;
opacity: 0;
}
 100% {
left: -50%;
opacity: 0;
}
}
 @keyframes toLeftAnim1 {
 0% {
left: 3.5%;
opacity: 1;
}
 30% {
left: 15%;
opacity: 1;
}
 100% {
left: -50%;
opacity: 0;
}
}
@keyframes toLeftAnim2 {
 0% {
left: 3.5%;
opacity: 1;
}
 30% {
left: 15%;
opacity: 1;
}
 100% {
left: -50%;
opacity: 0;
}
}
@keyframes toLeftAnim3 {
 0% {
left: 3.5%;
opacity: 1;
}
 100% {
left: -50%;
opacity: 0;
}
}
@keyframes toLeftAnim4 {
 0% {
left: 60%;
opacity: 1;
}
 70% {
left: 30%;
opacity: 0;
}
 100% {
left: -50%;
opacity: 0;
}
}
/*Doownload Buttons Modifiers */



/* test*/
.da-slide-current {
	z-index: 3000;
}
.da-slider-fb .da-slide {
	left: 110%;
}
.da-slider-fb .da-slide.da-slide-current {
	left: 0px;
}
.da-slide h1, .da-slide p, .da-slide .da-link, .da-slide .da-img {
	position: absolute;
	opacity: 0;
	left: 30px;
}
.da-slider-fb .da-slide h1, .da-slider-fb .da-slide p, .da-slider-fb .da-slide .da-link {
	left: 30px;
	opacity: 1;
}