@charset "utf-8";
/* CSS Document */


@font-face{
	font-family: 'montserrat-medium';
	src: url('../css/font/montserrat-medium.ttf');
	font-display: swap;
}
@font-face{
	font-family: 'montserrat-light';
	src: url('../css/font/montserrat-light.ttf');
	font-display: swap;
}
@font-face{
	font-family: 'montserrat-bold';
	src: url('../css/font/montserrat-bold.ttf');
	font-display: swap;
}

@font-face{
	font-family: 'pompei-std-regular';
	src: url('../css/font/pompei-std-regular.otf');
	font-display: swap;
}
@font-face{
	font-family: 'pompei-std-bold';
	src: url('../css/font/pompei-std-regular.otf');
	font-display: swap;
}

html,body{
	
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width: 100%;
	max-width: 100% !important;
	height: 100%;
	font-family: 'montserrat-medium' !important;
}
strong{
	font-family: 'montserrat-bold' !important;
}

/*
section, article {
	animation-duration: 2s;
	animation-name: slidein;
  }
*/
  @keyframes slidein {
	from {
		filter:alpha(opacity=0);
		opacity: 0;
		-moz-opacity:0;
		-webkit-opacity:0;
	}
  
	to {
		filter:alpha(opacity=100);
		opacity: 1;
		-moz-opacity:1;
		-webkit-opacity:1;
	}
  }



[data-anime]{
	opacity:0;
	transition: .5s;
}
[data-anime="left"]{
	transform: translate3d(-50px, 0, 0);
}
[data-anime="right"]{
	transform: translate3d(50px, 0, 0);
}
[data-anime="top"]{
	transform: translate3d(0, -50px, 0);
}
[data-anime="bottom"]{
	transform: translate3d(0, 50px, 0);
}
[data-anime].animate{
	opacity: 1;
	transform: translate3d(0px, 0px, 0px);
}