* { 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;
}


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

loading

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

#loader {
background: url("../images/loading.svg") no-repeat center;
background-size: contain;
width: 60px;
height: 60px;
position: fixed;
top: 50%;
left: 50%;
margin-top: -30px;
margin-left: -30px;
z-index: 200;
}

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


a{ transition: all 0.3s ease; text-decoration: none;}
a:link {color: #fc688f;}
a:visited {color: #fc688f;}
a:hover {color: #f09ab1;}
a:active {color: #d2466b;}

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

a:focus{ outline: none;}




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

ef

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

@media screen and (min-width : 961px){

.ef-fade {
opacity: 0;
transition: .5s linear 0.1s;
}

.ef-fade2 {
opacity: 0;
transition: .5s linear 0.2s;
}

.ef-fade3 {
opacity: 0;
transition: .5s linear 0.3s;
}

}

@media screen and (max-width : 960px){


.ef-fade,.ef-fade2,.ef-fade3 {
opacity: 0;
transition: .5s linear 0.1s;
}

}

.ef-line {
opacity: 0;
transition: .5s ease 0.1s;
transform: translateY(5%);
}

.ef-scale {
opacity: 0;
transition: .5s ease 0.1s;
transform: scale( 1.3,1.3);
}

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



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

print

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

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