@charset "UTF-8";



.donc1  {
			   -webkit-animation-name: fadeIn;
			   animation-name: fadeIn;
			   -webkit-animation-duration: 0.5s;
			   animation-duration: 0.5s;
			   -webkit-animation-delay: 0.1s;
			   animation-delay: 0.1s; 
			   -webkit-animation-fill-mode: both;
			   animation-fill-mode: both;
	}
	
.donc2  {
			  -webkit-animation-name: fadeIn;
			  animation-name: fadeIn;
			  -webkit-animation-duration: 0.8s;
			  animation-duration: 0.8s;
			  -webkit-animation-delay: 0.3s;
			  animation-delay: 0.3s; 
			  -webkit-animation-fill-mode: both;
			  animation-fill-mode: both;
	}
	
.donc3  {
			  -webkit-animation-name: fadeIn;
			  animation-name: fadeIn;
			  -webkit-animation-duration: 0.12s;
			  animation-duration: 0.12s;
			  -webkit-animation-delay: 0.5s;
			  animation-delay: 0.5s; 
			  -webkit-animation-fill-mode: both;
			  animation-fill-mode: both;
	}
	
.donc4  {
			  -webkit-animation-name: fadeIn;
			  animation-name: fadeIn;
			  -webkit-animation-duration: 0.9s;
			  animation-duration: 0.9s;
			  -webkit-animation-delay: 0.0s;
			  animation-delay: 0.0s; 
			  -webkit-animation-fill-mode: both;
			  animation-fill-mode: both;
	}



.donc5  {
			  -webkit-animation-name: fadeInRight;
			  animation-name: fadeInRight;
			  -webkit-animation-duration: 0.6s;
			  animation-duration: 0.6s;
			  -webkit-animation-delay: 0.2s;
			  animation-delay: 0.2s; 
			  -webkit-animation-fill-mode: both;
			  animation-fill-mode: both;
	}
.donc6  {
			  -webkit-animation-name: slideInLeft;
			  animation-name: slideInLeft;
			  -webkit-animation-duration: 0.6s;
			  animation-duration: 0.6s;
			  -webkit-animation-delay: 4.0s;
			  animation-delay: 4.0s; 
			  -webkit-animation-fill-mode: both;
			  animation-fill-mode: both;
	}
.donc7  {
			  -webkit-animation-name: fadeInDownBig;
			  animation-name: fadeInDownBig;
			  -webkit-animation-duration: 0.4s;
			  animation-duration: 0.4s;
			  -webkit-animation-delay: 0.0s;
			  animation-delay: 0.0s; 
			  -webkit-animation-fill-mode: both;
			  animation-fill-mode: both;
	}
.donc8  {
			  -webkit-animation-name: fadeOutUpBig;
			  animation-name: fadeOutUpBig;
			  -webkit-animation-duration: 1.6s;
			  animation-duration: 1.6s;
			  -webkit-animation-delay: 0.2s;
			  animation-delay: 0.2s; 
			  -webkit-animation-fill-mode: both;
			  animation-fill-mode: both;
	}
	
.donc9  {
			  -webkit-animation-name: fadeOut;
			  animation-name: fadeOut;
			  -webkit-animation-duration: 0.8s;
			  animation-duration: 0.8s;
			  -webkit-animation-delay: 0.3s;
			  animation-delay: 0.3s; 
			  -webkit-animation-fill-mode: both;
			  animation-fill-mode: both;
	}
.donc10 {
			  -webkit-animation-name: fadeInUp;
			  animation-name: fadeInUp;
			  -webkit-animation-duration: 0.3s;
			  animation-duration: 0.3s;
			  -webkit-animation-delay: 0.0s;
			  animation-delay: 0.0s;
			  -webkit-animation-fill-mode: both;
			  animation-fill-mode: both;
}



.donc13  {
			  -webkit-animation-name: fadeIn;
			  animation-name: fadeIn;
			  -webkit-animation-duration: 3.2s;
			  animation-duration: 3.2s;
			  -webkit-animation-delay: 0.0s;
			  animation-delay: 0.0s; 
			  -webkit-animation-fill-mode: both;
			  animation-fill-mode: both;
	}
	
.slideslider  {
			  -webkit-animation-name: fadeInRight;
			  animation-name: fadeInRight;
			  -webkit-animation-duration: 0.8s;
			  animation-duration: 0.8s;
			  -webkit-animation-delay: 0.5s;
			  animation-delay: 0.5s; 
			  -webkit-animation-fill-mode: both;
			  animation-fill-mode: both;
	}
.slideinleft  {
			  -webkit-animation-name: fadeInLeft;
			  animation-name: fadeInLeft;
			  -webkit-animation-duration: 0.8s;
			  animation-duration: 0.8s;
			  -webkit-animation-delay: 1.0s;
			  animation-delay: 1.0s; 
			  -webkit-animation-fill-mode: both;
			  animation-fill-mode: both;
	}
.slideoutleft  {
			  -webkit-animation-name: fadeOutLeft;
			  animation-name: fadeOutLeft;
			  -webkit-animation-duration: 0.8s;
			  animation-duration: 0.8s;
			  -webkit-animation-delay: 0.0s;
			  animation-delay: 0.0s; 
			  -webkit-animation-fill-mode: both;
			  animation-fill-mode: both;
	}
	


.doncgallery  {
			  -webkit-animation-name: fadeInRight;
			  animation-name: fadeInRight;
			  -webkit-animation-duration: 0.6s;
			  animation-duration: 0.6s;
			  -webkit-animation-delay: 0.0s;
			  animation-delay: 0.0s; 
			  -webkit-animation-fill-mode: both;
			  animation-fill-mode: both;
	}
	
.donc15-2 {
			   -webkit-animation-name: fadeInDown;
			   animation-name: fadeInDown;
			   -webkit-animation-duration: 1.2s;
			   animation-duration: 1.2s;
			  -webkit-animation-delay: 3.0s;
			  animation-delay: 3.0s; 
			  -webkit-animation-fill-mode: both;
			  animation-fill-mode: both;
			}

		
.donctoggle {
			   -webkit-animation-name: fadeInDown;
			   animation-name: fadeInDown;
			   -webkit-animation-duration: 0.6s;
			   animation-duration: 0.6s;
			  -webkit-animation-delay: 0.0s;
			  animation-delay: 0.0s; 
			  -webkit-animation-fill-mode: both;
			  animation-fill-mode: both;
			}		
		

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes jumb {
			   0% {
				 transform:translateY(0px)
			   }
			   33% {
				 transform:translateY(-40px);
			   }
			   66% {
				 transform:translateY(40px);
			   }
			   100% {
				 transform:translateY(0px) 
			   }
			 }
			 .letterss div:nth-child(2) {
			   animation-delay:.1s;  
			 }
			 .letterss div:nth-child(3) {
			   animation-delay:.2s;
			 }
			 .letterss div:nth-child(4) {
			   animation-delay:.3s;  
			 }
			 .letterss div:nth-child(5) {
			   animation-delay:.4s;
			 }
			 .letterss div:nth-child(6) {
			   animation-delay:.5s;  
			 }
			 .letterss div:nth-child(7) {
			   animation-delay:.6s;
			 }
			 .letterss div:nth-child(8) {
			   animation-delay:.7s;
			 }	 






/* The typing effect */
		   @keyframes typing {
			 from { width: 0 }
			 to { width: 100% }
		   }
		   
		   /* The typewriter cursor effect */
		   @keyframes blink-caret {
			 from, to { border-color: transparent }
			 50% { border-color: orange }
		   }	




		.element-dobber  {
			  -webkit-animation-name: dobberen;
			  animation-name: dobberen;
			  -webkit-animation-duration: 4.4s;
			  animation-duration: 4.4s;
			  -webkit-animation-delay: 1.0s;
			  animation-delay: 1.0s; 
			  
			  -webkit-animation-iteration-count: infinite;
			  animation-iteration-count: infinite;
			}
		.element-dobber-scroll  {
			  -webkit-animation-name: dobberenx;
			  animation-name: dobberenx;
			  -webkit-animation-duration: 4.4s;
			  animation-duration: 4.4s;
			  -webkit-animation-delay: 1.0s;
			  animation-delay: 1.0s; 
			  
			  -webkit-animation-iteration-count: infinite;
			  animation-iteration-count: infinite;
			}
		
		.element-dobber-scrollx  {
			  -webkit-animation-name: dobberenx !important;
			  animation-name: dobberenx !important;
			  -webkit-animation-duration: 4.4s;
			  animation-duration: 4.4s;
			  -webkit-animation-delay: 1.0s;
			  animation-delay: 1.0s; 
			  
			  -webkit-animation-iteration-count: infinite;
			  animation-iteration-count: infinite;
			}


			.rotate-left  {
					 -webkit-animation-name: rotateharmleft;
					 animation-name: rotateharmleft;
					 -webkit-animation-duration: 2.4s;
					 animation-duration: 2.4s;
					 -webkit-animation-delay: 0.0s;
					 animation-delay: 0.0s; 
			  
			  		-webkit-animation-iteration-count: 2;
			  		animation-iteration-count: 2;
					}
			
			.rotate-right  {
					 -webkit-animation-name: rotateharmright;
					 animation-name: rotateharmright;
					 -webkit-animation-duration: 2.2s;
					 animation-duration: 2.2s;
					 -webkit-animation-delay: 0.0s;
					 animation-delay: 0.0s; 
			  
			  		-webkit-animation-iteration-count: 2;
			  		animation-iteration-count: 2;
					}
			

@keyframes rotateharmleft {
  from, 0%, 50%, to {
    animation-timing-function: cubic-bezier(0.215, 1.000);
    transform: translate3d(0,0,0);
  }

  50% {
    transform: rotate(8deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

@keyframes rotateharmright {
  from, 0%, 50%, to {
    animation-timing-function: cubic-bezier(0.215, 1.000);
    transform: translate3d(0,0,0);
  }

  50% {
    transform: rotate(-10.5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}





@keyframes rotating {
    from{
        -webkit-transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(10deg);
    }
}			
			



@keyframes dobberen {
  from, 0%, 50%, to {
    animation-timing-function: cubic-bezier(0.215, 1.000);
    transform: translate3d(0,0,0);
  }

  50% {
    transform: translate3d(0, -45px, 0);
  }
  100% {
    transform: translate3d(0, 0px, 0);
  }
}

@keyframes dobberenx {
  from, 0%, 50%, to {
    animation-timing-function: cubic-bezier(0.215, 1.000);
    transform: translate3d(0,0,0);
  }

  50% {
    transform: translate3d(0, -15px, 0);
  }
  100% {
    transform: translate3d(0, 0px, 0);
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes rotateOut {
  from {
    transform-origin: center;
    opacity: 1;
  }

  to {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}


@keyframes rotateOutDownLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}


@keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}


@keyframes rotateInUpRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}




@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

		 
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}
			
@-webkit-keyframes rotating {
    from{
        -webkit-transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(360deg);
    }
}	
	
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}	
	

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}


@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}





@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }

  75% {
    transform: translate3d(0, 10px, 0);
  }

  90% {
    transform: translate3d(0, -5px, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}


@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }

  75% {
    transform: translate3d(0, -10px, 0);
  }

  90% {
    transform: translate3d(0, 5px, 0);
  }

  to {
    transform: none;
  }
}



@keyframes rotateIn {
  from {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    transform-origin: center;
    transform: none;
    opacity: 1;
  }
}

@keyframes wobble {
  from {
    transform: none;
  }

  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    transform: none;
  }
}






@keyframes donx1 {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes donx2 {
   0% {
	 opacity: 0;
	 -webkit-transform: translateX(8000px);
	 transform: translateX(8000px);
   }

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

 @keyframes donx2 {
   0% {
	 opacity: 0;
	 -webkit-transform: translateX(8000px);
	 -ms-transform: translateX(8000px);
	 transform: translateX(8000px);
   }

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



 @keyframes donx3 {
	from {
	  opacity: 0;
	  transform: scale3d(.3, .3, .3);
	}

	50% {
	  opacity: 1;
	}
  }


						@-webkit-keyframes donx4 {
							from {
							   opacity: 0;
							   -webkit-transform: translate3d(-100%, 0, 0);
							   transform: translate3d(-100%, 0, 0);
							 }

							 to {
							   opacity: 1;
							   -webkit-transform: translate3d(0, 0, 0);
							   transform: translate3d(0, 0, 0);
							 }
						  }

						  @keyframes donx4 {
							 from {
								opacity: 0;
								-webkit-transform: translate3d(-100%, 0, 0);
								transform: translate3d(-100%, 0, 0);
							  }

							  to {
								opacity: 1;
								-webkit-transform: translate3d(0, 0, 0);
								transform: translate3d(0, 0, 0);
							  }
						  }



   @keyframes donx5 {
	 from {
	   transform: translate3d(-100%, 0, 0);
	   visibility: visible;
	 }

	 to {
	   transform: translate3d(0, 0, 0);
	 }
   }



@-webkit-keyframes donx6 {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes donx6 {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
   


   @keyframes donx7 {
	 from {
	   transform: translate3d(0, 100%, 0);
	   visibility: visible;
	 }

	 to {
	   transform: translate3d(0, 0, 0);
	 }
   }



@-webkit-keyframes donx8 {
	 from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	  }

	  to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	  }
   }

   @keyframes donx8 {
	  from {
		 opacity: 0;
		 -webkit-transform: translate3d(-100%, 0, 0);
		 transform: translate3d(-100%, 0, 0);
	   }

	   to {
		 opacity: 1;
		 -webkit-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	   }
   }


@keyframes donx9 {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}







