@charset "utf-8";
body{
	font-family: "Roboto", sans-serif;
	font-size: 16px;
	line-height: 1.6em;
}
.head{
	display: grid;
	text-align: center;
	align-items: center !important;
	height: 450px !important;
	color:#ffffff;
	background: url(../image/header-bg.png) no-repeat top center;
	background-size: cover;
}
.box{
	display: grid;
	text-align: center;
	align-items: center !important;
	padding: 30px 0;
}
.about{
	min-height: 500px ;
}
.content{
	text-align: left;
	color:#777777;
	@media (min-width: 992px){
		padding:0 0 0 60px;
	}
}
.content1{
	text-align: left;
	color:#777777;
	font-size: 14px;
}
.title{
	display: grid;
	text-align: center;
	align-items: center !important;
	width: 100%;
	height:120px;
}
.item{
	padding:20px;
}
.footer{
	min-height: 160px ;
	background: #283367;
	color:#cccccc;
}
.flyl{
	animation:flylIn 1s ease-out;
}
@keyframes flylIn {
    0% {
      transform: translateX(-100%);
      opacity: 0;
    }
    100% {
      transform: translateX(0);
      opacity: 1;
    }
}
.flyr{
	animation:flyrIn 1s ease-out;
}
@keyframes flyrIn {
    0% {
      transform: translateX(100%);
      opacity: 0;
    }
    100% {
      transform: translateX(0);
      opacity: 1;
    }
}