* { margin: 0; padding: 0; border: 0; outline: 0; }
html { height: 100%; overflow : auto;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

h1,h2,h3,h4,h5{
text-indent:-999999px;
position:absolute;
}

.videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
height: 0;
}

.videoWrapper iframe {
position: absolute;
top: 0;
left: 0px;
width: 100%;
height: 100%;
}


/*---------------------------------------------

loading

----------------------------------------------*/

#loader-bg {
width: 100%;
height: 100%;
background: #fff;
position: fixed;
top: 0px;
left: 0px;
z-index: 150;
}

/* HTML: <div class="loader"></div> */
.loader {
  height: 50px;
  aspect-ratio: 1;
  padding: 2px;
  border-radius: 50%;
  box-sizing: border-box;
  mask: conic-gradient(#000 0 0) content-box exclude,conic-gradient(#000 0 0);
  filter: blur(12px);
  
  position: fixed;
top: 50%;
left: 50%;
margin-top: -25px;
margin-left: -25px;
}
.loader:before {
  content: "";
  position: absolute;
  inset: 0;
  background: conic-gradient(#0000 35%,#5f8ea9,#0000 65%);
  animation: l1 1s linear infinite;
}
@keyframes l1 {
  to {rotate: 1turn}
}


a{ transition: all 0.3s ease; text-decoration: none;}
a:link {color: #d95daf;}
a:visited {color: #d95daf;}
a:active {color: #f09dd4;}

a img{border:0;}
a:hover {opacity:0.6;} 

a:focus{ outline: none;}



/*---------------------------------------------

ef

----------------------------------------------*/

.ef-fade {
opacity: 0;
transition: 1.5s linear 0.2s;
filter: blur(3px);
}

.fade {
opacity: 1.0;
transform: translate(0, 0);
transform: scale(1, 1);
filter: blur(0);
}



/*---------------------------------------------

print

----------------------------------------------*/

@media print {
	body {
	display: none !important;
}
}