.pulse:before{
  content: " ";
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  border: 1px solid #D3D3D3;
  opacity: 0;
  animation: pulse 2s infinite linear;
  animation-delay: 0.5s;
  animation-fill-mode: backwards ;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0px);
  z-index: 0;
  will-change: width, height, opacity;
}
.pulse:after{
  content: " ";
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  border: 1px solid #D3D3D3;
  opacity: 0;
  animation: pulse 2s infinite linear;
  animation-delay: 1.5s;
  animation-fill-mode: backwards ;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0px);
  z-index: 0;
  will-change: width, height, opacity;
}
@keyframes pulse {
  0% {
    width: 60px;
    height: 60px;
    opacity: 1;
  }
  60%{
    opacity: 0.8;
  }
  80%{
    opacity: 0.7;
  }
  100% {
    width: 200px;
    height: 200px;
    opacity: 0;
  }
}

.ani{
	visibility: hidden;
}

.socMoveLeft1{
	animation-name: socMoveLeft;
	-webkit-animation-name: socMoveLeft;	

	animation-duration: 300ms;	
	-webkit-animation-duration: 300ms;
	
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 	position: relative;
	visibility: visible !important;	
	z-index: 2;
	animation-delay: 200ms;
	animation-fill-mode: backwards;
}
.socMoveLeft2{
	animation-name: socMoveLeft;
	-webkit-animation-name: socMoveLeft;	

	animation-duration: 300ms;	
	-webkit-animation-duration: 300ms;
	
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 	z-index: 1;
 	position: relative;
	visibility: visible !important;	
	animation-delay: 700ms;
	animation-fill-mode: backwards;
}
@keyframes socMoveLeft {
	0% {
		left: -45px;
		opacity: 0;
	}
	100% {
		left: 0px;
		opacity: 1;
	}		
}

.socMoveBottom{
	animation-name: socMoveBottom;
	-webkit-animation-name: socMoveBottom;	

	animation-duration: 300ms;	
	-webkit-animation-duration: 300ms;
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 	z-index: 1;
 	position: relative;
	visibility: visible !important;	
}
@keyframes socMoveBottom {
	0% {
		bottom: -150px;
		opacity: 0;
	}
	100% {
		bottom: 0px;
		opacity: 1;
	}		
}

.leftSoci1{
	animation-name: leftSoci;
	-webkit-animation-name: leftSoci;	

	animation-duration: 300ms;	
	-webkit-animation-duration: 300ms;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 	animation-fill-mode: backwards;
	visibility: visible !important;	
	z-index: 2;
}
.leftSoci2{
	animation-name: leftSoci;
	-webkit-animation-name: leftSoci;	

	animation-duration: 300ms;	
	-webkit-animation-duration: 300ms;
	animation-delay: 200ms;
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 	z-index: 1;
 	animation-fill-mode: backwards;
	visibility: visible !important;	
}
@keyframes leftSoci {
	0% {
		left: -35px;
		opacity: 0;
	}
	100% {
		left: 0px;
		opacity: 1;
	}		
}

.moveModel{
	animation-name: moveModel;
	-webkit-animation-name: moveModel;	

	animation-duration: 1000ms;	
	-webkit-animation-duration: 1000ms;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 
	visibility: visible !important;	
}
@keyframes moveModel {
	0% {
		opacity: 0;
		transform: translate3d(-50%, -60%, 0px);
	}
	30%{
		opacity: 0;
	}
	100% {
		opacity: 1;
		transform: translate3d(-50%, 0%, 0px);
	}		
}

.moveTop{
	animation-name: moveTop;
	-webkit-animation-name: moveTop;	

	animation-duration: 1000ms;	
	-webkit-animation-duration: 1000ms;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 
	visibility: visible !important;	
}
.moveTop1{
	animation-name: moveTop;
	-webkit-animation-name: moveTop;	

	animation-duration: 1000ms;	
	-webkit-animation-duration: 1000ms;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	animation-fill-mode: backwards;
 
	visibility: visible !important;	
}
.moveTop2{
	animation-name: moveTop;
	-webkit-animation-name: moveTop;	

	animation-duration: 1000ms;	
	-webkit-animation-duration: 1000ms;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	animation-delay: 200ms;
 	animation-fill-mode: backwards;
 
	visibility: visible !important;	
}
.moveTop3{
	animation-name: moveTop;
	-webkit-animation-name: moveTop;	

	animation-duration: 1000ms;	
	-webkit-animation-duration: 1000ms;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	animation-delay: 400ms;
 	animation-fill-mode: backwards;
 
	visibility: visible !important;	
}
@keyframes moveTop {
	0% {
		opacity: 0;
		top: -100px;
	}
	30%{
		opacity: 0;
	}
	100% {
		opacity: 1;
		top: 0px;
	}		
}

.moveTopBack{
	animation-name: moveTopBack;
	-webkit-animation-name: moveTopBack;	

	animation-duration: 1500ms;	
	-webkit-animation-duration: 1500ms;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 
	visibility: visible !important;	
}
@keyframes moveTopBack {
	0% {
		top: 0px;
	}
	30%{
		opacity: 1;
	}
	
	100% {
		top: -1000px;
	}		
}

.moveTopM{
	animation-name: moveTopM;
	-webkit-animation-name: moveTopM;	

	animation-duration: 600ms;	
	-webkit-animation-duration: 600ms;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 
	visibility: visible !important;	
}
@keyframes moveTopM {
	0% {
		opacity: 0;
		margin-top: -100px;
	}
	100% {
		margin-top: 0px;
		opacity: 1;
	}		
}

.moveTopMBack{
	animation-name: moveTopMBack;
	-webkit-animation-name: moveTopMBack;	

	animation-duration: 600ms;	
	-webkit-animation-duration: 600ms;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 
	visibility: visible !important;	
}
@keyframes moveTopMBack {
	0% {
		margin-top: 0px;
		opacity: 1;
	}
	100% {
		margin-top: -300px;
		opacity: 0;
	}		
}
.moveBottomBack{
	animation-name: moveBottomBack;
	-webkit-animation-name: moveBottomBack;	

	animation-duration: 1500ms;	
	-webkit-animation-duration: 1500ms;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 
	visibility: visible !important;	
}
@keyframes moveBottomBack {
	0% {
		bottom: 0px;
		opacity: 0;
	}
	100% {
		bottom: -300px;
		opacity: 1;
	}		
}

.moveBottom{
	animation-name: moveBottom;
	-webkit-animation-name: moveBottom;	

	animation-duration: 800ms;	
	-webkit-animation-duration: 800ms;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 
	visibility: visible !important;	
}
.moveBottom1{
	animation-name: moveBottom;
	-webkit-animation-name: moveBottom;	

	animation-duration: 400ms;	
	-webkit-animation-duration: 400ms;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 	animation-fill-mode: backwards;
	visibility: visible !important;	
}
.moveBottom2{
	animation-name: moveBottom;
	-webkit-animation-name: moveBottom;	

	animation-duration: 400ms;	
	-webkit-animation-duration: 400ms;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 	animation-delay: 100ms;
 	animation-fill-mode: backwards;
	visibility: visible !important;	
}
.moveBottom3{
	animation-name: moveBottom;
	-webkit-animation-name: moveBottom;	

	animation-duration: 400ms;	
	-webkit-animation-duration: 400ms;
	animation-delay: 200ms;
 	animation-fill-mode: backwards;
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 
	visibility: visible !important;	
}
.moveBottom4{
	animation-name: moveBottom;
	-webkit-animation-name: moveBottom;	

	animation-duration: 400ms;	
	-webkit-animation-duration: 400ms;
	animation-delay: 300ms;
 	animation-fill-mode: backwards;
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 
	visibility: visible !important;	
}
.moveBottom5{
	animation-name: moveBottom;
	-webkit-animation-name: moveBottom;	

	animation-duration: 400ms;	
	-webkit-animation-duration: 400ms;
	animation-delay: 400ms;
 	animation-fill-mode: backwards;
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 
	visibility: visible !important;	
}
.moveBottom6{
	animation-name: moveBottom;
	-webkit-animation-name: moveBottom;	

	animation-duration: 400ms;	
	-webkit-animation-duration: 400ms;
	animation-delay: 500ms;
 	animation-fill-mode: backwards;
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 
	visibility: visible !important;	
}
@keyframes moveBottom {
	0% {
		bottom: -100px;
		opacity: 0;
	}
	30%{
		opacity: 0;
	}
	100% {
		bottom: 0px;
		opacity: 1;
	}		
}

.movePhone1{
	animation-name: movePhone1;
	-webkit-animation-name: movePhone1;	

	animation-duration: 300ms;	
	-webkit-animation-duration: 300ms;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-in-out;		
 	animation-fill-mode: backwards;
	visibility: visible !important;	
}
.movePhone2{
	animation-name: movePhone2;
	-webkit-animation-name: movePhone2;	

	animation-duration: 500ms;	
	-webkit-animation-duration: 500ms;
	
	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-in-out;		
 	animation-fill-mode: backwards;
 	animation-delay: 100ms;
	visibility: visible !important;	
}
@keyframes movePhone1 {
	0% {
		transform: translate3d(-300px, -45%, 0px);
		opacity: 0;
	}
	100% {
		transform: translate3d(0px, -45%, 0px);
		opacity: 1;
	}		
}

@keyframes movePhone2 {
	0% {
		margin-right: -300px;
		opacity: 0;
	}
	100% {
		margin-right: 0px;
		opacity: 1;
	}		
}



.moveRight{
	animation-name: moveRight;
	-webkit-animation-name: moveRight;	

	animation-duration: 500ms;	
	-webkit-animation-duration: 500ms;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 	
	visibility: visible !important;	
}
@keyframes moveRight {
	0% {
		opacity: 0;
		transform: translateX(500px);
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}		
}

.moveRightR{
	animation-name: moveRightR;
	-webkit-animation-name: moveRightR;	

	animation-duration: 500ms;	
	-webkit-animation-duration: 500ms;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 
	visibility: visible !important;	
}
@keyframes moveRightR {
	0% {
		opacity: 0;
		right: -500px;
	}
	100% {
		right: 0px;
		opacity: 1;
	}		
}

.moveLeftK{
	animation-name: moveLeftK;
	-webkit-animation-name: moveLeftK;	

	animation-duration: 300ms;	
	-webkit-animation-duration: 300ms;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 
	visibility: visible !important;	
}
@keyframes moveLeftK {
	0% {
		opacity: 0;
		margin-left: -50px;
	}
	100% {
		margin-left: 0px;
		opacity: 1;
	}		
}
.moveRightK{
	animation-name: moveRightK;
	-webkit-animation-name: moveRightK;	

	animation-duration: 300ms;	
	-webkit-animation-duration: 300ms;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 
	visibility: visible !important;	
}
@keyframes moveRightK {
	0% {
		opacity: 0;
		right: 25%;
	}
	100% {
		right: 50%;
		opacity: 1;
	}		
}

.moveList1{
	animation-name: moveList;
	-webkit-animation-name: moveList;	

	animation-duration: 500ms;	
	-webkit-animation-duration: 500ms;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 
	visibility: visible !important;	
}
.moveList2{
	animation-name: moveList;
	-webkit-animation-name: moveList;	

	animation-duration: 500ms;	
	-webkit-animation-duration: 500ms;
	animation-fill-mode: backwards;
 	animation-delay: 200ms;
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 
	visibility: visible !important;	
}
.moveList3{
	animation-name: moveList;
	-webkit-animation-name: moveList;	

	animation-duration: 500ms;	
	-webkit-animation-duration: 500ms;
	animation-fill-mode: backwards;
 	animation-delay: 300ms;
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 
	visibility: visible !important;	
}
.moveList4{
	animation-name: moveList;
	-webkit-animation-name: moveList;	

	animation-duration: 500ms;	
	-webkit-animation-duration: 500ms;
	animation-fill-mode: backwards;
 	animation-delay: 400ms;
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 
	visibility: visible !important;	
}
@keyframes moveList {
	0% {
		opacity: 0;
		left: -200px;
	}
	70% {
		opacity: 0.2;
	}
	100% {
		left: 0px;
		opacity: 1;
	}		
}

.fadeList1:before{
	animation-name: fadeList;
	-webkit-animation-name: fadeList;	

	animation-duration: 300ms;	
	-webkit-animation-duration: 300ms;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 
	visibility: visible !important;	
}
.fadeList2:before{
	animation-name: fadeList;
	-webkit-animation-name: fadeList;	

	animation-duration: 300ms;	
	-webkit-animation-duration: 300ms;
	animation-fill-mode: backwards;
 	animation-delay: 300ms;
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 
	visibility: visible !important;	
}
.fadeList3:before{
	animation-name: fadeList;
	-webkit-animation-name: fadeList;	

	animation-duration: 300ms;	
	-webkit-animation-duration: 300ms;
	animation-fill-mode: backwards;
 	animation-delay: 400ms;
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 
	visibility: visible !important;	
}
.fadeList4:before{
	animation-name: fadeList;
	-webkit-animation-name: fadeList;	

	animation-duration: 300ms;	
	-webkit-animation-duration: 300ms;
	animation-fill-mode: backwards;
 	animation-delay: 500ms;
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 
	visibility: visible !important;	
}
@keyframes fadeList {
	0% {
		opacity: 0;
	}
	100% {
		left: 0px;
	}		
}


.moveLeft1{
	animation-name: moveLeft;
	-webkit-animation-name: moveLeft;	

	animation-duration: 500ms;	
	-webkit-animation-duration: 500ms;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 
	visibility: visible !important;	
}
.moveLeft2{
	animation-name: moveLeft;
	-webkit-animation-name: moveLeft;	

	animation-duration: 500ms;	
	-webkit-animation-duration: 500ms;
	animation-fill-mode: backwards;
 	animation-delay: 200ms;
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 
	visibility: visible !important;	
}
.moveLeft3{
	animation-name: moveLeft;
	-webkit-animation-name: moveLeft;	

	animation-duration: 500ms;	
	-webkit-animation-duration: 500ms;
	animation-fill-mode: backwards;
 	animation-delay: 300ms;
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 
	visibility: visible !important;	
}
.moveLeft4{
	animation-name: moveLeft;
	-webkit-animation-name: moveLeft;	

	animation-duration: 500ms;	
	-webkit-animation-duration: 500ms;
	animation-fill-mode: backwards;
 	animation-delay: 400ms;
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 
	visibility: visible !important;	
}
.moveLeft5{
	animation-name: moveLeft;
	-webkit-animation-name: moveLeft;	

	animation-duration: 500ms;	
	-webkit-animation-duration: 500ms;
	animation-fill-mode: backwards;
 	animation-delay: 500ms;
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 
	visibility: visible !important;	
}
.moveLeft6{
	animation-name: moveLeft;
	-webkit-animation-name: moveLeft;	

	animation-duration: 500ms;	
	-webkit-animation-duration: 500ms;
	animation-fill-mode: backwards;
 	animation-delay: 600ms;
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 
	visibility: visible !important;	
}
.moveLeft7{
	animation-name: moveLeft;
	-webkit-animation-name: moveLeft;	

	animation-duration: 500ms;	
	-webkit-animation-duration: 500ms;
	animation-fill-mode: backwards;
 	animation-delay: 800ms;
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 
	visibility: visible !important;	
}
.moveLeft8{
	animation-name: moveLeft;
	-webkit-animation-name: moveLeft;	

	animation-duration: 500ms;	
	-webkit-animation-duration: 500ms;
	animation-fill-mode: backwards;
 	animation-delay: 1000ms;
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 
	visibility: visible !important;	
}
.moveLeft9{
	animation-name: moveLeft;
	-webkit-animation-name: moveLeft;	

	animation-duration: 500ms;	
	-webkit-animation-duration: 500ms;
	animation-fill-mode: backwards;
 	animation-delay: 1200ms;
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 
	visibility: visible !important;	
}
.moveLeft10{
	animation-name: moveLeft;
	-webkit-animation-name: moveLeft;	

	animation-duration: 500ms;	
	-webkit-animation-duration: 500ms;
	animation-fill-mode: backwards;
 	animation-delay: 1400ms;
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 
	visibility: visible !important;	
}
.moveLeft11{
	animation-name: moveLeft;
	-webkit-animation-name: moveLeft;	

	animation-duration: 500ms;	
	-webkit-animation-duration: 500ms;
	animation-fill-mode: backwards;
 	animation-delay: 1600ms;
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 
	visibility: visible !important;	
}
.moveLeft12{
	animation-name: moveLeft;
	-webkit-animation-name: moveLeft;	

	animation-duration: 500ms;	
	-webkit-animation-duration: 500ms;
	animation-fill-mode: backwards;
 	animation-delay: 1800ms;
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 
	visibility: visible !important;	
}
.moveLeft13{
	animation-name: moveLeft;
	-webkit-animation-name: moveLeft;	

	animation-duration: 500ms;	
	-webkit-animation-duration: 500ms;
	animation-fill-mode: backwards;
 	animation-delay: 2000ms;
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 
	visibility: visible !important;	
}
.moveLeft14{
	animation-name: moveLeft;
	-webkit-animation-name: moveLeft;	

	animation-duration: 500ms;	
	-webkit-animation-duration: 500ms;
	animation-fill-mode: backwards;
 	animation-delay: 2200ms;
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 
	visibility: visible !important;	
}
.moveLeft15{
	animation-name: moveLeft;
	-webkit-animation-name: moveLeft;	

	animation-duration: 500ms;	
	-webkit-animation-duration: 500ms;
	animation-fill-mode: backwards;
 	animation-delay: 2400ms;
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 
	visibility: visible !important;	
}
@keyframes moveLeft {
	0% {
		opacity: 0;
		left: -300px;
	}
	30% {
		opacity: 0;
	}
	100% {
		left: 0px;
		opacity: 1;
	}		
}

.moveLeft4Back{
	animation-name: moveLeft4Back;
	-webkit-animation-name: moveLeft4Back;	

	animation-duration: 800ms;	
	-webkit-animation-duration: 1500ms;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 
	visibility: visible !important;	
}
@keyframes moveLeft4Back {
	0% {
		margin-left: 0px;
		opacity: 1;
	}
	100% {
		margin-left: -200px;
		opacity: 0;
	}		
}

.moveLeftForm{
	animation-name: moveLeftForm;
	-webkit-animation-name: moveLeftForm;	

	animation-duration: 800ms;	
	-webkit-animation-duration: 800ms;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 
	visibility: visible !important;	
}
@keyframes moveLeftForm {
	0% {
		margin-left: -200px;
		opacity: 0;
	}
	40%{
		opacity: 0;
	}
	100% {
		margin-left: 0px;
		opacity: 1;
	}		
}

.fadeIn0{
	animation-name: fadeIn0;
	-webkit-animation-name: fadeIn0;	
	animation-delay: 800ms;
	animation-duration: 500ms;	
	-webkit-animation-duration: 500ms;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
  animation-fill-mode: forwards;
	visibility: visible !important;	
	opacity: 0;
}
@keyframes fadeIn0 {
	0% {
		opacity: 0;
		visibility: visible !important;
	}
	
	100% {
		opacity: 1;
		visibility: visible !important;
	}		
}

.fadeIn0Back{
	animation-name: fadeIn0Back;
	-webkit-animation-name: fadeIn0Back;	
	animation-delay: 800ms;
	animation-duration: 500ms;	
	-webkit-animation-duration: 500ms;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
  animation-fill-mode: backwards;
	visibility: visible !important;	
	opacity: 0;
}
@keyframes fadeIn0Back {
	0% {
		opacity: 1;
		visibility: visible !important;
	}

	
	
	100% {
		opacity: 0;
		visibility: visible !important;
	}		
}

.fadeIn{
	animation-name: fadeIn;
	-webkit-animation-name: fadeIn;	

	animation-duration: 1500ms;	
	-webkit-animation-duration: 1500ms;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 
	visibility: visible !important;	
}
@keyframes fadeIn {
	0% {
		opacity: 0;
		visibility: visible !important;
	}
	
	100% {
		opacity: 1;
		visibility: visible !important;
	}		
}
/************************************************/
.fadeInMap1{
	animation-name: fadeIn;
	-webkit-animation-name: fadeIn;	

	animation-duration: 1500ms;	
	-webkit-animation-duration: 1500ms;
	animation-delay: 0ms;
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 	animation-fill-mode: backwards;
 	visibility: visible !important;	
}
.fadeInMap2{
	animation-name: fadeIn;
	-webkit-animation-name: fadeIn;	

	animation-duration: 1500ms;	
	-webkit-animation-duration: 1500ms;
	animation-delay: 300ms;
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 	animation-fill-mode: backwards;
 	visibility: visible !important;	
}
.fadeInMap3{
	animation-name: fadeIn;
	-webkit-animation-name: fadeIn;	

	animation-duration: 1500ms;	
	-webkit-animation-duration: 1500ms;
	animation-delay: 600ms;
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 	animation-fill-mode: backwards;
 	visibility: visible !important;	
}
.fadeInMap4{
	animation-name: fadeIn;
	-webkit-animation-name: fadeIn;	

	animation-duration: 1500ms;	
	-webkit-animation-duration: 1500ms;
	animation-delay: 900ms;
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 	animation-fill-mode: backwards;
 	visibility: visible !important;	
}
.fadeInMap5{
	animation-name: fadeIn;
	-webkit-animation-name: fadeIn;	

	animation-duration: 1500ms;	
	-webkit-animation-duration: 1500ms;
	animation-delay: 1000ms;
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 	animation-fill-mode: backwards;
 	visibility: visible !important;	
}
.fadeInMap6{
	animation-name: fadeIn;
	-webkit-animation-name: fadeIn;	

	animation-duration: 1500ms;	
	-webkit-animation-duration: 1500ms;
	animation-delay: 1500ms;
	-webkit-animation-delay: 1500ms;
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 	animation-fill-mode: backwards;
 	visibility: visible !important;	
}
.fadeInMap7{
	animation-name: fadeIn;
	-webkit-animation-name: fadeIn;	

	animation-duration: 1500ms;	
	-webkit-animation-duration: 1500ms;
	animation-delay: 1800ms;
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 	animation-fill-mode: backwards;
 	visibility: visible !important;	
}

@keyframes fadeIn1 {
	0% {
		opacity: 0;
	}
	40% {
		opacity: 1;
	}		
}


/************************************************/


.fadeIn1{
	animation-name: fadeIn1;
	-webkit-animation-name: fadeIn1;	

	animation-duration: 500ms;	
	-webkit-animation-duration: 500ms;
	animation-fill-mode: backwards;
 	animation-delay: 0ms;
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 
	visibility: visible !important;	
}
.fadeIn2{
	animation-name: fadeIn1;
	-webkit-animation-name: fadeIn1;	

	animation-duration: 500ms;	
	-webkit-animation-duration: 500ms;
	animation-fill-mode: backwards;
 	animation-delay: 200ms;
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 
	visibility: visible !important;	
}
.fadeIn3{
	animation-name: fadeIn1;
	-webkit-animation-name: fadeIn1;	

	animation-duration: 500ms;	
	-webkit-animation-duration: 500ms;
	animation-fill-mode: backwards;
 	animation-delay: 400ms;
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 
	visibility: visible !important;	
}
.fadeIn4{
	animation-name: fadeIn1;
	-webkit-animation-name: fadeIn1;	

	animation-duration: 500ms;	
	-webkit-animation-duration: 500ms;
	animation-fill-mode: backwards;
 	animation-delay: 600ms;
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 
	visibility: visible !important;	
}
.fadeIn5{
	animation-name: fadeIn1;
	-webkit-animation-name: fadeIn1;	

	animation-duration: 500ms;	
	-webkit-animation-duration: 500ms;
	animation-fill-mode: backwards;
 	animation-delay: 800ms;
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 
	visibility: visible !important;	
}
.fadeIn6{
	animation-name: fadeIn1;
	-webkit-animation-name: fadeIn1;	

	animation-duration: 500ms;	
	-webkit-animation-duration: 500ms;
	animation-fill-mode: backwards;
 	animation-delay: 1000ms;
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
	visibility: visible !important;	
}
.fadeIn7{
	animation-name: fadeIn1;
	-webkit-animation-name: fadeIn1;	

	animation-duration: 500ms;	
	-webkit-animation-duration: 500ms;
	animation-fill-mode: forwards;
 	animation-delay: 1000ms;
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
	visibility: visible !important;	
}
@keyframes fadeIn1 {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}		
}
@keyframes fadeIn2 {
	0% {
		opacity: 0;
	}
	0% {
		opacity: 0;
	}
	20% {
		opacity: 1;
	}		
}
@keyframes fadeIn3 {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	40% {
		opacity: 1;
	}		
}
@keyframes fadeIn4 {
	0% {
		opacity: 0;
	}
	40% {
		opacity: 0;
	}
	60% {
		opacity: 1;
	}		
}
@keyframes fadeIn5 {
	0% {
		opacity: 0;
	}
	60% {
		opacity: 0;
	}
	80% {
		opacity: 1;
	}		
}
@keyframes fadeIn6 {
	0% {
		opacity: 0;
	}
	80% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}		
}

.inWindow .moveRightLine{
	animation-name: moveRightLine;
	-webkit-animation-name: moveRightLine;	

	animation-duration: 500ms;	
	-webkit-animation-duration: 500ms;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 
	visibility: visible !important;	
}
@keyframes moveRightLine {
	0% {
		opacity: 0;
		right: -300px;
	}
	50% {
		opacity: 0;
	}
	100% {
		right: 0px;
		opacity: 1;
	}		
}

.inWindow .moveLeftLine{
	animation-name: moveLeftLine;
	-webkit-animation-name: moveLeftLine;	

	animation-duration: 500ms;	
	-webkit-animation-duration: 500ms;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 
	visibility: visible !important;	
}
@keyframes moveLeftLine {
	0% {
		opacity: 0;
		left: -300px;
	}
	50% {
		opacity: 0;
	}
	100% {
		left: 0px;
		opacity: 1;
	}		
}
.inWindow .moveRightText{
	animation-name: moveRightText;
	-webkit-animation-name: moveRightText;	

	animation-duration: 500ms;	
	-webkit-animation-duration: 500ms;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
	animation-delay: 200ms;
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 	animation-fill-mode: backwards;
	visibility: visible !important;	
}
@keyframes moveRightText {
	0% {
		opacity: 0;
		right: -300px;
	}
	50% {
		opacity: 0;
	}
	100% {
		right: 0px;
		opacity: 1;
	}		
}

.inWindow .moveLeftText{
	animation-name: moveLeftText;
	-webkit-animation-name: moveLeftText;	

	animation-duration: 500ms;	
	-webkit-animation-duration: 500ms;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
	animation-delay: 200ms;
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 	animation-fill-mode: backwards;
	visibility: visible !important;	
}
@keyframes moveLeftText {
	0% {
		opacity: 0;
		left: -300px;
	}
	50% {
		opacity: 0;
	}
	100% {
		left: 0px;
		opacity: 1;
	}		
}

.inWindow .moveTopText{
	animation-name: moveTopText;
	-webkit-animation-name: moveTopText;	

	animation-duration: 500ms;	
	-webkit-animation-duration: 500ms;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
	animation-delay: 400ms;
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 	animation-fill-mode: backwards;
	visibility: visible !important;	
}
@keyframes moveTopText {
	0% {
		opacity: 0;
		top: -300px;
	}
	50% {
		opacity: 0;
	}
	100% {
		top: 0px;
		opacity: 1;
	}		
}

.moveBottomT1{
	animation-name: moveBottomT;
	-webkit-animation-name: moveBottomT;	

	animation-duration: 500ms;	
	-webkit-animation-duration: 500ms;
	
	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-in-out;		
 	animation-fill-mode: backwards;
 	animation-delay: 0ms;
	visibility: visible !important;	
}
.moveBottomT2{
	animation-name: moveBottomT;
	-webkit-animation-name: moveBottomT;	

	animation-duration: 500ms;	
	-webkit-animation-duration: 500ms;
	
	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-in-out;		
 	animation-fill-mode: backwards;
 	animation-delay: 200ms;
	visibility: visible !important;	
}
.moveBottomT3{
	animation-name: moveBottomT;
	-webkit-animation-name: moveBottomT;	

	animation-duration: 500ms;	
	-webkit-animation-duration: 500ms;
	
	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-in-out;		
 	animation-fill-mode: backwards;
 	animation-delay: 400ms;
	visibility: visible !important;	
}
.moveBottomT4{
	animation-name: moveBottomT;
	-webkit-animation-name: moveBottomT;	

	animation-duration: 500ms;	
	-webkit-animation-duration: 500ms;
	
	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-in-out;		
 	animation-fill-mode: backwards;
 	animation-delay: 600ms;
	visibility: visible !important;	
}
@keyframes moveBottomT {
	0% {
		transform: translate3d(0px, 300px, 0px);
		opacity: 0;
	}
	100% {
		transform: translate3d(0px, 0px, 0px);
		opacity: 1;
	}		
}

/***********************BANKI***********************/
.bankLogoAni:nth-child(1){
  transition: 0.5s;
  animation: bankAni1 20s infinite ease-in-out;
}
@keyframes bankAni1 {
  0% {
    top: 0px;
    
  }
  10% {
    top: 10px;
    
  }
  20% {
    top: 0px;
    
  }
  30% {
    top: 10px;
    
  }
  40% {
    top: 0px;
    
  }
  50% {
    top: 10px;
    
  }
  60% {
    top: 0px;
    
  }
  70% {
    top: 10px;
    
  }
  80% {
    top: 0px;
    
  }
  90% {
    top: 10px;
    
  }
  100% {
    top: 0px;
    
  }
}
.bankLogoAni:nth-child(2){
  transition: 0.5s;
  animation: bankAni2 15s infinite ease-in-out;
}
@keyframes bankAni2 {
  0% {
    top: 0px;
    
  }
  10% {
    top: 10px;
    
  }
  20% {
    top: 0px;
    
  }
  30% {
    top: 10px;
    
  }
  40% {
    top: 0px;
    
  }
  50% {
    top: 10px;
    
  }
  60% {
    top: 0px;
    
  }
  70% {
    top: 10px;
    
  }
  80% {
    top: 0px;
    
  }
  90% {
    top: 10px;
    
  }
  100% {
    top: 0px;
    
  }
}
.bankLogoAni:nth-child(3){
  transition: 0.5s;
  animation: bankAni3 18s infinite ease-in-out;
}
@keyframes bankAni3 {
  0% {
    top: 0px;
    
  }
  10% {
    top: 10px;
    
  }
  20% {
    top: 0px;
    
  }
  30% {
    top: 10px;
    
  }
  40% {
    top: 0px;
    
  }
  50% {
    top: 10px;
    
  }
  60% {
    top: 0px;
    
  }
  70% {
    top: 10px;
    
  }
  80% {
    top: 0px;
    
  }
  90% {
    top: 10px;
    
  }
  100% {
    top: 0px;
    
  }
}
.bankLogoAni:nth-child(4){
  transition: 0.5s;
  animation: bankAni4 16s infinite ease-in-out;
}
@keyframes bankAni4 {
  0% {
    top: 0px;
    
  }
  10% {
    top: 20px;
    
  }
  20% {
    top: 0px;
    
  }
  30% {
    top: 20px;
    
  }
  40% {
    top: 0px;
    
  }
  50% {
    top: 20px;
    
  }
  60% {
    top: 0px;
    
  }
  70% {
    top: 20px;
    
  }
  80% {
    top: 0px;
    
  }
  90% {
    top: 20px;
    
  }
  100% {
    top: 0px;
    
  }
}

.bankLogoRotate{
  transition: 0.5s;
  animation: bankAniRotate 1s infinite ease-in-out;
}
@keyframes bankAniRotate {
  0% {
    transform: rotateY(0deg);
  }
  0% {
    transform: rotateY(180deg);
  }
  100% {
    transform: rotateY(0deg);
  }
}


.moveYoutube2{
	animation-name: moveYoutube2;
	-webkit-animation-name: moveYoutube2;	

	animation-duration: 500ms;	
	-webkit-animation-duration: 500ms;
	
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 	 	
	visibility: visible !important;	
	animation-delay: 400ms;
	animation-fill-mode: backwards;
}
.moveYoutube3{
	animation-name: moveYoutube2;
	-webkit-animation-name: moveYoutube2;	

	animation-duration: 500ms;	
	-webkit-animation-duration: 500ms;
	
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
 	 	
	visibility: visible !important;	
	animation-delay: 600ms;
	animation-fill-mode: backwards;
}


@keyframes moveYoutube2 {
	0% {
		transform: translate3d(-3vw, 5vw, 0px) scale(0.8);
		opacity: 0;
	}
	100% {
		transform: translate3d(0vw, 0vw, 0px) scale(1);
		opacity: 1;
	}		
}