body {
	margin:0;
	padding:0;
}
.page_set {
	display:block;
	width:100%;
	margin:8% 0 0 0;
}
.block {
	float:left;
	width:50%;
	overflow:hidden;
}
.software_logo {
	background: url(../images/logo.png) rgba(255, 255, 255, 0.87) no-repeat;
	background-position: 50% 50%;
	display: block;
	width: 10%;
	padding: 6% 2% 2% 2%;
	background-size: 80%;
	position: absolute;
	margin: 0% 0 0 6%;
	border-radius: 0 0 5px 5px;
	-webkit-box-shadow: 0px 0px 38px 23px rgba(255, 255, 255, 1);
	-moz-box-shadow: 0px 0px 38px 23px rgba(255, 255, 255, 1);
	box-shadow: 0px 0px 38px 23px rgba(255, 255, 255, 1);
	-webkit-animation-name: logo1; /* Chrome, Safari, Opera */
	-webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
	-webkit-animation-iteration-count: 1; /* Chrome, Safari, Opera */
	animation-name: logo1;
	animation-duration: 1s;
	animation-iteration-count: 1;
	opacity:0;
	animation-delay: 1.5s;
}
 @-webkit-keyframes logo1 {
 0% {
width:1%;
padding-top:1%;
opacity:0;
}
 50% {
width:10%;
opacity:1;
padding:6% 2% 2% 2%;
}
 100% {
}
}
 @keyframes logo1 {
 0% {
width:1%;
padding-top:1%;
opacity:0;
}
 50% {
width:10%;
opacity:1;
padding:6% 2% 2% 2%;
}
 100% {
}
}
.architect_logo {
	background:url(../images/ga_logo1.png) rgba(255, 255, 255, 0.87) no-repeat;
	background-position: 50% 50%;
	display: block;
	width: 10%;
	padding: 6% 2% 2% 2%;
	background-size: 80%;
	margin: 0% 0 0 3%;
	position: absolute;
	border-radius: 5px;
	z-index: 5;
	-webkit-box-shadow: 0px 0px 38px 23px rgba(255, 255, 255, 1);
	-moz-box-shadow: 0px 0px 38px 23px rgba(255, 255, 255, 1);
	box-shadow: 0px 0px 38px 23px rgba(255, 255, 255, 1);
	-webkit-animation-name: logo2; /* Chrome, Safari, Opera */
	-webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
	-webkit-animation-iteration-count: 1; /* Chrome, Safari, Opera */
	animation-name: logo2;
	animation-duration: 1s;
	animation-iteration-count: 1;
	opacity:0;
	animation-delay: 1.5s;
}
 @-webkit-keyframes logo2 {
 0% {
width:1%;
padding:1%;
opacity:0;
}
 50% {
width: 10%;
opacity:1;
padding: 6% 2% 2% 2%;
}
 100% {
}
}
@keyframes logo2 {
 0% {
width:1%;
padding:1%;
opacity:0;
}
 50% {
width: 10%;
opacity:1;
padding: 6% 2% 2% 2%;
}
 100% {
}
}
.software {
	width:90%;
	margin:0 2% 0 8%;
	background:url(../images/softwares.jpg) no-repeat;
	background-size:100%;
	display:block;
	padding:60% 0 0 0;
	-webkit-animation-name: example; /* Chrome, Safari, Opera */
	-webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
	-webkit-animation-iteration-count: 1; /* Chrome, Safari, Opera */
	animation-name: example;
	animation-duration: 1s;
	animation-iteration-count: 1;
	overflow:hidden;
}
.architect {
	width:90%;
	margin:0 8% 0 2%;
	background:url(../images/construction.jpg) no-repeat;
	background-size:100%;
	display:block;
	padding:60% 0 0 0;
	-webkit-animation-name: example; /* Chrome, Safari, Opera */
	-webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
	-webkit-animation-iteration-count: 1; /* Chrome, Safari, Opera */
	animation-name: example;
	animation-duration: 1s;
	animation-iteration-count: 1;
	overflow:hidden;
}
 @-webkit-keyframes example {
 0% {
width:10%;
padding-top:2%;
margin:30%;
opacity:0;
}
 50% {
width:90%;
opacity:1;
}
 100% {
}
}
@keyframes example {
 0% {
width:10%;
padding-top:2%;
margin:30%;
opacity:0;
}
 50% {
width:90%;
opacity:1;
}
 100% {
}
}
.link_left, .link_right {
	width:90%;
	background:rgba(0, 0, 0, 0.7);
	color:#FFFFFF;
	padding:1% 0;
	text-align:center;
	display:block;
	font-size:2em;
	text-decoration:none;
	-webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
	-webkit-animation-iteration-count: 1; /* Chrome, Safari, Opera */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	animation-duration: 1s;
	animation-iteration-count: 1;
	opacity:0;
}
.link_right {
	margin:-60px 8% 0 2%;
	-webkit-animation-name: right; /* Chrome, Safari, Opera */
	animation-name: right;
	animation-delay: 1s;
	right:0;
}
.link_left {
	margin:-60px 2% 0 8%;
	-webkit-animation-name: left; /* Chrome, Safari, Opera */
	animation-name: left;
	animation-delay: 1s;
	left:0;
}
 @-webkit-keyframes right {
 0% {
right:-100%;
opacity:0;
}
 50% {
right:0%;
opacity:1;
}
 100% {
}
}
@keyframes right {
 0% {
right:-100%;
opacity:0;
}
 50% {
right:0%;
opacity:1;
}
 100% {
}
}
 @-webkit-keyframes left {
 0% {
left:-100%;
opacity:0;
}
 50% {
left:0%;
opacity:1;
}
 100% {
}
}
@keyframes left {
 0% {
left:-100%;
opacity:0;
}
 50% {
left:0%;
opacity:1;
}
 100% {
}
}
 @media screen and ( max-width: 1100px) {
 .link_left, .link_right {
font-size:1.5em;
}
}
 @media screen and ( max-width: 767px) {
 .block {
float:none;
width:100%;
margin:3% 0;
}
 .software, .architect {
width:100%;
margin:0px;
}
.link_left, .link_right {
width:100%;
margin:-60px 0 0 0;
}
 .software_logo {
width: 22%;
padding: 11% 2% 2% 2%;
margin:0 2%;
}
 @-webkit-keyframes logo1 {
 0% {
width:1%;
padding-top:1%;
opacity:0;
}
 50% {
width:22%;
opacity:1;
padding:11% 2% 2% 2%;
}
 100% {
}
}
 @keyframes logo1 {
 0% {
width:1%;
padding-top:1%;
opacity:0;
}
 50% {
width:22%;
opacity:1;
padding:11% 2% 2% 2%;
}
 100% {
}
}
 .architect_logo {
width: 26%;
padding: 15% 0 0.5% 0.5%;
margin: 0 2%;
}
 @-webkit-keyframes logo2 {
 0% {
width:1%;
padding:1%;
opacity:0;
}
 50% {
width:26%;
opacity:1;
padding: 15% 0 0.5% 0.5%;;
}
 100% {
}
}
@keyframes logo2 {
 0% {
width:1%;
padding:1%;
opacity:0;
}
 50% {
width:26%;
opacity:1;
padding: 15% 0 0.5% 0.5%;;
}
 100% {
}
}