.boxLoading {
  width: 50px;
  height: 50px;
  /*margin: 0 auto;*/
  margin: 20px auto;
  position: relative;
/*  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;*/


}
.boxLoading:before {
  content: '';
  width: 50px;
  height: 5px;
  background: #757575;
  opacity: 0.1;
  position: absolute;
  top: 59px;
  left: 0;
  border-radius: 50%;
  animation: shadow .5s linear infinite;
}
.boxLoading:after {
  content: '';
  width: 50px;
  height: 50px;
  background: #fff;
  animation: animate .5s linear infinite;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 3px;
}

.dboxLoading {
  width: 50px;
  height: 50px;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.dboxLoading:before {
  content: '';
  width: 50px;
  height: 5px;
  background: #fff;
  opacity: 0.1;
  position: absolute;
  top: 59px;
  left: 0;
  border-radius: 50%;
  animation: shadow .5s linear infinite;
}
.dboxLoading:after {
  content: '';
  width: 50px;
  height: 50px;
  background: #111111;
  animation: animate .5s linear infinite;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 3px;
}

@keyframes animate {
  17% {
    border-bottom-right-radius: 3px;
  }
  25% {
    transform: translateY(9px) rotate(22.5deg);
  }
  50% {
    transform: translateY(18px) scale(1, 0.9) rotate(45deg);
    border-bottom-right-radius: 40px;
  }
  75% {
    transform: translateY(9px) rotate(67.5deg);
  }
  100% {
    transform: translateY(0) rotate(90deg);
  }
}
@keyframes shadow {
  0%,
  100% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.2, 1);
  }
}


.pro_effect { background: #111111;

/*transform: translate3d(0px,0px,0px);

-webkit-transform: translate3d(0,0,0);*/

}
.pro_effect img{

	-webkit-transform: scale(1, 1);
	-webkit-transition-duration: 3s;
	-webkit-transition-timing-function: ease-out;

	/* Webkit for Mozila Firefox */
	-moz-transform: scale(1, 1);
	-moz-transition-duration: 3s;
	-moz-transition-timing-function: ease-out;

	/* Webkit for IE( Version: 11, 10 ) */
	-ms-transform: scale(1, 1);
	-ms-transition-duration: 3s;
	-ms-transition-timing-function: ease-out;

	/*-webkit-transform: translateZ(1);*/
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	/*perspective(1px)*/
	/*translate3d(0,0,0)*/



}

.pro_effect:hover img {

	/* Webkit for Chrome and Safari */
	-webkit-transform: scale(1.2, 1.2);
	-webkit-transition-duration: 5s;
	-webkit-transition-timing-function: ease-out;

	/* Webkit for Mozila Firefox */
	-moz-transform: scale(1.2, 1.2);
	-moz-transition-duration: 5s;
	-moz-transition-timing-function: ease-out;

	/* Webkit for IE( Version: 11, 10 ) */
	-ms-transform: scale(1.20, 1.20);
	-ms-transition-duration: 5s;
	-ms-transition-timing-function: ease-out;
	-webkit-animation-fill-mode: backwards;
	animation-fill-mode: backwards;

	/*-webkit-transform: translateZ(0);*/
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;

}



@-webkit-keyframes out {
	0% {
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1)
	}
	100% {
		-webkit-transform: scale(1.1, 1.1);
		-moz-transform: scale(1.1, 1.1);
		-ms-transform: scale(1.1, 1.1);
		-o-transform: scale(1.1, 1.1);
		transform: scale(1.1, 1.1)
	}

}


@-moz-keyframes out {
	0% {
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1)
	}
	100% {
		-webkit-transform: scale(1.1, 1.1);
		-moz-transform: scale(1.1, 1.1);
		-ms-transform: scale(1.1, 1.1);
		-o-transform: scale(1.1, 1.1);
		transform: scale(1.1, 1.1)
	}

}
@keyframes out {
	0% {
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1)
	}
	100% {
		-webkit-transform: scale(1.1, 1.1);
		-moz-transform: scale(1.1, 1.1);
		-ms-transform: scale(1.1, 1.1);
		-o-transform: scale(1.1, 1.1);
		transform: scale(1.1, 1.1)
	}

}

@-webkit-keyframes in {
	100% {
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1)
	}
	0% {
		-webkit-transform: scale(1.1, 1.1);
		-moz-transform: scale(1.1, 1.1);
		-ms-transform: scale(1.1, 1.1);
		-o-transform: scale(1.1, 1.1);
		transform: scale(1.1, 1.1)
	}

}


@-moz-keyframes in {
	100% {
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1)
	}
	0% {
		-webkit-transform: scale(1.1, 1.1);
		-moz-transform: scale(1.1, 1.1);
		-ms-transform: scale(1.1, 1.1);
		-o-transform: scale(1.1, 1.1);
		transform: scale(1.1, 1.1)
	}

}
@keyframes in {
	100% {
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1)
	}
	0% {
		-webkit-transform: scale(1.1, 1.1);
		-moz-transform: scale(1.1, 1.1);
		-ms-transform: scale(1.1, 1.1);
		-o-transform: scale(1.1, 1.1);
		transform: scale(1.1, 1.1)
	}

}


@-webkit-keyframes fadeIn { from { left: -20px; opacity:0; } to { left: 0px; opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }


.fade-in {
  opacity:0;  /* make things invisible upon start */
  -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animation ease-in and repeat it only 1 time */
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  animation-duration:1s;
}
.fade-in.brandlogo {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.fade-in.one {
  -webkit-animation-delay: 1.0s;
  -moz-animation-delay: 1.0s;
  animation-delay: 1.0s;
}

/*2.5*/
.fade-in.two {
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay:1.5s;
  animation-delay: 1.5s;
}
/*4.0*/
.fade-in.three {
  -webkit-animation-delay: 2.0s;
  -moz-animation-delay: 2.0s;
  animation-delay: 2.0s;
}
/*5.5*/
.fade-in.four {
  -webkit-animation-delay: 2.5s;
  -moz-animation-delay: 2.5s;
  animation-delay: 2.5s;
}
/*8.0*/
.fade-in.bone {
  -webkit-animation-delay: 3.5s;
  -moz-animation-delay: 3.5s;
  animation-delay: 3.5s;
}

.fade-in.btwo {
  -webkit-animation-delay: 4.0s;
  -moz-animation-delay: 4.0s;
  animation-delay: 4.0s;
}

.fade-in.bthree {
  -webkit-animation-delay: 4.5s;
  -moz-animation-delay: 4.5s;
  animation-delay: 4.5s;
}
/*6.5*/
.fade-in.delayvideo {
  -webkit-animation-delay: 3.0s;
  -moz-animation-delay: 3.0s;
  animation-delay: 3.0s;
}
/*14*/
.fade-in.bmouse {
  -webkit-animation-delay: 5.0s;
  -moz-animation-delay: 5.0s;
  animation-delay: 5.0s;
}


.mouse{
	margin: 20px auto;
	width: 100px;
	position: fixed;
	bottom: 10px;
	left: 0;
	right: 0;
	z-index: 9999;


}
#smouse{

	width: 100px;
	position: absolute;
	bottom: 70px;
	right: 50px;
	z-index: 9999;
/*	margin: 20px auto;
	width: 100px;
	position: absolute;
	bottom: 15px;
	left: 0;
	right: 0;
	z-index: 9999;*/


}
.mouse-icon{
	width: 25px;
	height: 45px;
	border: 2px solid #626262;
	border-radius: 15px;
	cursor: pointer;
	position: relative;
	text-align: center;
	margin: 0 auto;
}
.mouse-wheel{
	height: 6px;
	margin: 2px auto 0;
	display: block;
	width: 3px;
	background-color: #626262;
	border-radius: 50%;
	-webkit-animation: 1.6s ease infinite wheel-up-down;
	-moz-animation: 1.6s ease infinite wheel-up-down;
	animation: 1.6s ease infinite wheel-up-down;
}

.mouse-icon-dark{
	width: 25px;
	height: 45px;
	border: 2px solid #111111;
	border-radius: 15px;
	cursor: pointer;
	position: relative;
	text-align: center;
	margin: 0 auto;
}
.mouse-wheel-dark{
	height: 6px;
	margin: 2px auto 0;
	display: block;
	width: 3px;
	background-color: #111111;
	border-radius: 50%;
	-webkit-animation: 1.6s ease infinite wheel-up-down;
	-moz-animation: 1.6s ease infinite wheel-up-down;
	animation: 1.6s ease infinite wheel-up-down;
}

@-webkit-keyframes wheel-up-down {
	0% {
		margin-top: 2px;
		opacity: 0;
	}
	30% {
		opacity: 1;
	}
	100% {
		margin-top: 20px;
		opacity: 0;
	}
	}@-moz-keyframes wheel-up-down {
		0% {
			margin-top: 2px;
			opacity: 0;
		}
		30% {
			opacity: 1;
		}
		100% {
			margin-top: 20px;
			opacity: 0;
		}
		}@keyframes wheel-up-down {
			0% {
				margin-top: 2px;
				opacity: 0;
			}
			30% {
				opacity: 1;
			}
			100% {
				margin-top: 20px;
				opacity: 0;
			}
		}






		/* initially hide animatable objects */
		.animatable {
			visibility: hidden;
			-webkit-animation-play-state: paused;
			-moz-animation-play-state: paused;
			animation-play-state: paused;
		}

		/* show objects being animated */
		.animated {
			visibility: visible;

			-webkit-animation-fill-mode: both;
			-moz-animation-fill-mode: both;
			-ms-animation-fill-mode: both;
			-o-animation-fill-mode: both;
			animation-fill-mode: both;

			-webkit-animation-duration: 1s;
			-moz-animation-duration: 1s;
			-ms-animation-duration: 1s;
			-o-animation-duration: 1s;
			animation-duration: 1s;
		}

		/* CSS Animations (extracted from http://glifo.uiparade.com/) */
		@-webkit-keyframes fadeInDown {
			0% {
				opacity: 0;
				-webkit-transform: translateY(-20px);
				}	100% {
					opacity: 1;
					-webkit-transform: translateY(0);
				}
			}

			@-moz-keyframes fadeInDown {
				0% {
					opacity: 0;
					-moz-transform: translateY(-20px);
				}

				100% {
					opacity: 1;
					-moz-transform: translateY(0);
				}
			}

			@-o-keyframes fadeInDown {
				0% {
					opacity: 0;
					-o-transform: translateY(-20px);
				}

				100% {
					opacity: 1;
					-o-transform: translateY(0);
				}
			}

			@keyframes fadeInDown {
				0% {
					opacity: 0;
					transform: translateY(-20px);
				}
				100% {
					opacity: 1;
					transform: translateY(0);
				}
			}



			@-webkit-keyframes fadeIn {
				0% {
					opacity: 0;
				}
				20% {
					opacity: 0;
				}
				100% {
					opacity: 1;
				}
			}

			@-moz-keyframes fadeIn {
				0% {
					opacity: 0;
				}
				20% {
					opacity: 0;
				}
				100% {
					opacity: 1;
				}
			}

			@-o-keyframes fadeIn {
				0% {
					opacity: 0;
				}
				20% {
					opacity: 0;
				}
				100% {
					opacity: 1;
				}
			}

			@keyframes fadeIn {
				0% {
					opacity: 0;
				}
				60% {
					opacity: 0;
				}
				20% {
					opacity: 0;
				}
				100% {
					opacity: 1;
				}
			}
			@-webkit-keyframes bounceInLeft {
				0% {
					opacity: 0;
					-webkit-transform: translateX(-2000px);
				}
				60% {
					-webkit-transform: translateX(20px);
				}

				80% {
					-webkit-transform: translateX(-5px);
				}

				100% {
					opacity: 1;
					-webkit-transform: translateX(0);
				}
			}

			@-moz-keyframes bounceInLeft {
				0% {
					opacity: 0;
					-moz-transform: translateX(-2000px);
				}

				60% {
					-moz-transform: translateX(20px);
				}

				80% {
					-moz-transform: translateX(-5px);
				}

				100% {
					opacity: 1;
					-moz-transform: translateX(0);
				}
			}

			@-o-keyframes bounceInLeft {
				0% {
					opacity: 0;
					-o-transform: translateX(-2000px);
				}

				60% {
					opacity: 1;
					-o-transform: translateX(20px);
				}

				80% {
					-o-transform: translateX(-5px);
				}

				100% {
					opacity: 1;
					-o-transform: translateX(0);
				}
			}

			@keyframes bounceInLeft {
				0% {
					opacity: 0;
					transform: translateX(-2000px);
				}

				60% {
					transform: translateX(20px);
				}

				80% {
					transform: translateX(-5px);
				}

				100% {
					opacity: 1;
					transform: translateX(0);
				}
			}
			@-webkit-keyframes bounceInRight {
				0% {
					opacity: 0;
					-webkit-transform: translateX(2000px);
				}

				60% {
					-webkit-transform: translateX(-20px);
				}

				80% {
					-webkit-transform: translateX(5px);
				}

				100% {
					opacity: 1;
					-webkit-transform: translateX(0);
				}
			}

			@-moz-keyframes bounceInRight {
				0% {
					opacity: 0;
					-moz-transform: translateX(2000px);
				}

				60% {
					-moz-transform: translateX(-20px);
				}

				80% {
					-moz-transform: translateX(5px);
				}

				100% {
					opacity: 1;
					-moz-transform: translateX(0);
				}
			}

			@-o-keyframes bounceInRight {
				0% {
					opacity: 0;
					-o-transform: translateX(2000px);
				}

				60% {
					-o-transform: translateX(-20px);
				}

				80% {
					-o-transform: translateX(5px);
				}

				100% {
					opacity: 1;
					-o-transform: translateX(0);
				}
			}

			@keyframes bounceInRight {
				0% {
					opacity: 0;
					transform: translateX(2000px);
				}

				60% {
					transform: translateX(-20px);
				}

				80% {
					transform: translateX(5px);
				}

				100% {
					opacity: 1;
					transform: translateX(0);
				}
			}
			@-webkit-keyframes fadeInUp {
				0% {
					opacity: 0;
					-webkit-transform: translateY(20px);
					}	100% {
						opacity: 1;
						-webkit-transform: translateY(0);
					}
				}

				@-moz-keyframes fadeInUp {
					0% {
						opacity: 0;
						-moz-transform: translateY(20px);
					}

					100% {
						opacity: 1;
						-moz-transform: translateY(0);
					}
				}

				@-o-keyframes fadeInUp {
					0% {
						opacity: 0;
						-o-transform: translateY(20px);
					}

					100% {
						opacity: 1;
						-o-transform: translateY(0);
					}
				}

				@keyframes fadeInUp {
					0% {
						opacity: 0;
						transform: translateY(20px);
					}

					100% {
						opacity: 1;
						transform: translateY(0);
					}
				}
				@-webkit-keyframes bounceIn {
					0% {
						opacity: 0;
						-webkit-transform: scale(.3);
					}
					50% {
						-webkit-transform: scale(1.05);
					}

					70% {
						-webkit-transform: scale(.9);
					}

					100% {
						opacity: 1;
						-webkit-transform: scale(1);
					}
				}

				@-moz-keyframes bounceIn {
					0% {
						opacity: 0;
						-moz-transform: scale(.3);
					}

					50% {
						-moz-transform: scale(1.05);
					}

					70% {
						-moz-transform: scale(.9);
					}

					100% {
						opacity: 1;
						-moz-transform: scale(1);
					}
				}

				@-o-keyframes bounceIn {
					0% {
						opacity: 0;
						-o-transform: scale(.3);
					}

					50% {
						-o-transform: scale(1.05);
					}

					70% {
						-o-transform: scale(.9);
					}

					100% {
						opacity: 1;
						-o-transform: scale(1);
					}
				}

				@keyframes bounceIn {
					0% {
						opacity: 0;
						transform: scale(.3);
					}

					50% {
						transform: scale(1.05);
					}

					70% {
						transform: scale(.9);
					}

					100% {
						opacity: 1;
						transform: scale(1);
					}
				}
				@-webkit-keyframes moveUp {
					0% {
						opacity: 1;
						-webkit-transform: translateY(40px);
						}	100% {
							opacity: 1;
							-webkit-transform: translateY(0);
						}
					}

					@-moz-keyframes moveUp {
						0% {
							opacity: 1;
							-moz-transform: translateY(40px);
						}

						100% {
							opacity: 1;
							-moz-transform: translateY(0);
						}
					}

					@-o-keyframes moveUp {
						0% {
							opacity: 1;
							-o-transform: translateY(40px);
						}

						100% {
							opacity: 1;
							-o-transform: translateY(0);
						}
					}

					@keyframes moveUp {
						0% {
							opacity: 1;
							transform: translateY(40px);
						}

						100% {
							opacity: 1;
							transform: translateY(0);
						}
					}

					@-webkit-keyframes fadeBgColor {
						0%{
							background:none;
						}
						70%{
							background:none;
						}
						100%{
							background:#464646;
						}
					}
					@-o-keyframes fadeBgColor {
						0%{
							background:none;
						}
						70%{
							background:none;
						}
						100%{
							background:#464646;
						}
					}
					@keyframes fadeBgColor {
						0%{
							background:none;
						}
						70%{
							background:none;
						}
						100%{
							background:#464646;
						}
					}

					.animated.animationDelay{
						animation-delay:.4s;
						-webkit-animation-delay:.4s;
					}
					.animated.animationDelayMed{
						animation-delay:1.2s;
						-webkit-animation-delay:1.2s;
					}
					.animated.animationDelayLong{
						animation-delay:1.6s;
						-webkit-animation-delay:1.6s;
					}
					.animated.fadeBgColor {
						-webkit-animation-name: fadeBgColor;
						-moz-animation-name: fadeBgColor;
						-o-animation-name: fadeBgColor;
						animation-name: fadeBgColor;
					}
					.bounceIn {
						-webkit-animation-name: bounceIn;
						-moz-animation-name: bounceIn;
						-o-animation-name: bounceIn;
						animation-name: bounceIn;
					}
					.animated.bounceInRight {
						-webkit-animation-name: bounceInRight;
						-moz-animation-name: bounceInRight;
						-o-animation-name: bounceInRight;
						animation-name: bounceInRight;
					}
					.animated.bounceInLeft {
						-webkit-animation-name: bounceInLeft;
						-moz-animation-name: bounceInLeft;
						-o-animation-name: bounceInLeft;
						animation-name: bounceInLeft;
					}
					.animated.fadeIn {
						-webkit-animation-name: fadeIn;
						-moz-animation-name: fadeIn;
						-o-animation-name: fadeIn;
						animation-name: fadeIn;
					}
					.animated.fadeInDown {
						-webkit-animation-name: fadeInDown;
						-moz-animation-name: fadeInDown;
						-o-animation-name: fadeInDown;
						animation-name: fadeInDown;
					}
					.animated.fadeInUp {
						-webkit-animation-name: fadeInUp;
						-moz-animation-name: fadeInUp;
						-o-animation-name: fadeInUp;
						animation-name: fadeInUp;
					}
					.animated.moveUp {
						-webkit-animation-name: moveUp;
						-moz-animation-name: moveUp;
						-o-animation-name: moveUp;
						animation-name: moveUp;
					}




@-webkit-keyframes dpplay {
   from { background-position-y:    0px; }
     to { background-position-y: -7200px; }
}

@-moz-keyframes dpplay {
   from { background-position-y:    0px; }
     to { background-position-y: -7200px; }
}

@-ms-keyframes dpplay {
   from { background-position-y:    0px; }
     to { background-position-y: -7200px; }
}

@-o-keyframes dpplay {
   from { background-position-y:    0px; }
     to { background-position-y: -7200px; }
}

@keyframes play {
   from { background-position-y:    0px; }
     to { background-position-y: -7200px; }
}