/*LOADER*/

.loader{
    width: 100%;
    height: 100%;
    display: block;
    background: #000;
    position: fixed;
    z-index: 99999;
}

.loader img{
    display: block;
    position: absolute;
    top:50%;
    left: 50%;
    margin-left: -168px;
    margin-top: -43.5px;
}


/* FLIP CARD*/

.flipcard{
    position: absolute;
    width: 100%;
    height: 100%;
}


.flipcard .front, .flipcard .back{
    position: absolute;
    width: 575px;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transition: .4s linear;
    -webkit-transition: .4s linear;
    background: rgba(0,0,0,0.5);
    padding: 20px;
}

.flipcard .front{
    transform: perspective(800px) rotateY(0deg);
    -webkit-transform: perspective(800px) rotateY(0deg);
}

.flipcard .back{
    transform: perspective(800px) rotateY(180deg);
    -webkit-transform: perspective(800px) rotateY(180deg);
}

.rotate{
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transition: .4s linear;
    -webkit-transition: .4s linear;
}




/*CAPTCHA*/

section#contact div.captchasubmit{
	float: right;
	width: 200px;
	height: 55px;
}

section#contact div.captcha, section#contact div.submit{
	backface-visibility: hidden;
	 -webkit-backface-visibility: hidden;
    transition: .4s linear;
    -webkit-transition: .4s linear;
    position: absolute;
}

section#contact div.captcha{
	transform: perspective(800px) rotateY(0deg);
    -webkit-transform: perspective(800px) rotateY(0deg);
}

section#contact div.submit{
	transform: perspective(800px) rotateY(180deg);
    -webkit-transform: perspective(800px) rotateY(180deg);
}


/*TOOLTIP*/

.tooltip{
	position: absolute;
	border: 1px solid #bfbfbf;
	border-radius: 20px;
	padding: 20px;
	background: #FFF;
	bottom: 238px;
	display: none;
	z-index: 9999;
}


.tooltip::after{
	content: '';
	position: absolute;
	bottom: -11px;
	left:73px;
	width: 20px;
	height: 20px;
	background: #FFF;
	border-right: 1px solid #bfbfbf;
	border-bottom: 1px solid #bfbfbf;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.tooltip img{
	padding: 10px;
	display: inline-block;
}

.left.tooltip{
	right: 0px;
}

.left.tooltip:after{
	left:145px;
}

/*MASQUE TIMELINE*/

#masque-timeline{
    position: absolute;
    width: 1100px;
    height: 462px;
    background: #000;
    left: 0;
    bottom:0;
}


/*ANIMATION  POINTS */

.points-annim {
  -webkit-animation: annim-points 1000ms linear  both;
  animation: annim-points 1000ms linear  both;
}


@-webkit-keyframes annim-points { 
  0% {opacity: 1; -webkit-transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  3% { -webkit-transform: matrix3d(0.413, 0, 0, 0, 0, 0.413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.413, 0, 0, 0, 0, 0.413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  3.2% { -webkit-transform: matrix3d(0.435, 0, 0, 0, 0, 0.435, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.435, 0, 0, 0, 0, 0.435, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  6.01% { -webkit-transform: matrix3d(0.675, 0, 0, 0, 0, 0.675, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.675, 0, 0, 0, 0, 0.675, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  6.41% { -webkit-transform: matrix3d(0.701, 0, 0, 0, 0, 0.701, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.701, 0, 0, 0, 0, 0.701, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  9.01% { -webkit-transform: matrix3d(0.833, 0, 0, 0, 0, 0.833, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.833, 0, 0, 0, 0, 0.833, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  9.61% { -webkit-transform: matrix3d(0.855, 0, 0, 0, 0, 0.855, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.855, 0, 0, 0, 0, 0.855, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  12.01% { -webkit-transform: matrix3d(0.922, 0, 0, 0, 0, 0.922, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.922, 0, 0, 0, 0, 0.922, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  12.81% { -webkit-transform: matrix3d(0.938, 0, 0, 0, 0, 0.938, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.938, 0, 0, 0, 0, 0.938, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  19.22% { -webkit-transform: matrix3d(0.998, 0, 0, 0, 0, 0.998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.998, 0, 0, 0, 0, 0.998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  19.72% { -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  25.63% { -webkit-transform: matrix3d(1.006, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.006, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  27.43% { -webkit-transform: matrix3d(1.005, 0, 0, 0, 0, 1.005, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.005, 0, 0, 0, 0, 1.005, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  42.84% { -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.001, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  58.26% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  65.67% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  73.67% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  88.99% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% {opacity: 1; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 
}

@keyframes annim-points { 
  0% {opacity: 1; -webkit-transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  3% { -webkit-transform: matrix3d(0.413, 0, 0, 0, 0, 0.413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.413, 0, 0, 0, 0, 0.413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  3.2% { -webkit-transform: matrix3d(0.435, 0, 0, 0, 0, 0.435, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.435, 0, 0, 0, 0, 0.435, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  6.01% { -webkit-transform: matrix3d(0.675, 0, 0, 0, 0, 0.675, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.675, 0, 0, 0, 0, 0.675, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  6.41% { -webkit-transform: matrix3d(0.701, 0, 0, 0, 0, 0.701, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.701, 0, 0, 0, 0, 0.701, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  9.01% { -webkit-transform: matrix3d(0.833, 0, 0, 0, 0, 0.833, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.833, 0, 0, 0, 0, 0.833, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  9.61% { -webkit-transform: matrix3d(0.855, 0, 0, 0, 0, 0.855, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.855, 0, 0, 0, 0, 0.855, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  12.01% { -webkit-transform: matrix3d(0.922, 0, 0, 0, 0, 0.922, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.922, 0, 0, 0, 0, 0.922, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  12.81% { -webkit-transform: matrix3d(0.938, 0, 0, 0, 0, 0.938, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.938, 0, 0, 0, 0, 0.938, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  19.22% { -webkit-transform: matrix3d(0.998, 0, 0, 0, 0, 0.998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.998, 0, 0, 0, 0, 0.998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  19.72% { -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  25.63% { -webkit-transform: matrix3d(1.006, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.006, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  27.43% { -webkit-transform: matrix3d(1.005, 0, 0, 0, 0, 1.005, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.005, 0, 0, 0, 0, 1.005, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  42.84% { -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.001, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  58.26% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  65.67% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  73.67% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  88.99% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% { opacity: 1; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 
}

.heart{
    -webkit-animation: heart 2s linear infinite;
    animation: heart 2s linear infinite;
}

@keyframes heart{
    0%{-webkit-transform: scale(0.5); transform: scale(0.5);}
    50%{-webkit-transform: scale(1); transform: scale(1);}
    100%{-webkit-transform: scale(0.5); transform: scale(0.5);}
}

@-webkit-keyframes heart{
    0%{-webkit-transform: scale(0.5); transform: scale(0.5);}
    50%{-webkit-transform: scale(1); transform: scale(1);}
    100%{-webkit-transform: scale(0.5); transform: scale(0.5);}
}