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

.mainbanner{
	width:100%;
	height:30em;
	background-color:#520001;
}

.logo{
	position: absolute;
	max-width:236px;
	max-height:250px;
}



.phone{
	position:absolute;
	max-height:;
	max-width:;
	z-index:10;
	margin-left:10%;
	width:294px;
	height:524px;
	margin-top:3%;
}



.banner{
	position:absolute;
	max-height:;
	max-width:;
	z-index:10;
	margin-left:35%;
	width:242px;
	height:346px;
}

.title {
	position:absolute;
	z-index:10;
	font-weight:bold;
	margin-left:32%;
	margin-top:35%;
	font-size:2vw;
	background-color:#000000;
	padding-left:1em;
	padding-right:1em;
}





.box1{
	position:absolute;
	height:90px;
	width:600px;
	z-index:30;
	line-height:100%;
	background-color:#FFFFFF;
	margin-left:55%;
	margin-top:-20%;
	background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.8, rgba(236,236,236,0.8)),
        color-stop(0.5, rgba(159,159,159,0.8))
        );
    background:-moz-linear-gradient(
        center bottom,
        rgba(236,236,236,1.00) 50%,
        rgba(219,219,219,1.00) 50%
        );
		font-size:1.5vw;
		font-weight:bolder;
		font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
		text-transform: uppercase;
}

.box2{
	position:absolute;
	height:90px;
	width:600px;
	z-index:10;
	background-color:#FFFFFF;
	margin-left:55%;
	margin-top:13%;
	background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.8, rgba(236,236,236,0.8)),
        color-stop(0.5, rgba(159,159,159,0.8))
        );
    background:-moz-linear-gradient(
        center bottom,
        rgba(236,236,236,1.00) 50%,
        rgba(219,219,219,1.00) 50%
        );
		line-height:100%;
	padding:2%;
	text-align:center;
		font-size:1.5vw;
		font-weight:bolder;
		font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
		text-transform: uppercase;
}

.box3{
	position:absolute;
	height:90px;
	width:600px;
	z-index:10;
	background-color:#FFFFFF;
	margin-left:55%;
	margin-top:21%;
	background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.8, rgba(236,236,236,0.8)),
        color-stop(0.5, rgba(159,159,159,0.8))
        );
    background:-moz-linear-gradient(
        center bottom,
        rgba(236,236,236,1.00) 50%,
        rgba(219,219,219,1.00) 50%
        );
			line-height:100%;
	padding:2%;
	text-align:center;
		font-size:1.5vw;
		font-weight:bolder;
		font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
		text-transform: uppercase;
}

.hudeffect{
	position:absolute;
	max-height:473px;
	max-width:474px;
	z-index:4;
	margin-left:15%;
	margin-top:5%;
}

.hudeffect2{
	position:absolute;
	max-height:600px;
	max-width:600px;
	z-index:4;
	margin-left:-15%;
	margin-top:3%;
}

.robson{
	position:absolute;
	max-height:300px;
	max-width:194px;
	z-index:10;
	margin-left:80%;
	margin-top:35%;
}

.fflogo{
	position:absolute;
	max-height:80px;
	max-width:80px;
	z-index:10;
	margin-left:50%;
	margin-top:25%;
}

.homebg{

	z-index:2;
}



@media(max-width:1500px){
	.phone{
	position:absolute;
	max-height:;
	max-width:;
	z-index:10;
	margin-left:10%;
	width:20%;
	height:20%;
}

.banner{
	position:absolute;
	max-height:;
	max-width:;
	z-index:10;
	margin-left:35%;
	width:20%;
	height:20%;
}

.title{
	position:absolute;
	z-index:10;
	font-weight:bold;
	margin-left:32%;
	margin-top:35%;
	background-color:#000000;
	padding-left:1em;
	padding-right:1em;
}

.box1{
	position:absolute;
	max-height:20%;
	line-height:100%;
	padding:2%;
	text-align:center;
	max-width:40%;
	z-index:10;
	background-color:#FFFFFF;
	margin-left:57%;
	margin-top:5%;
	    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.8, rgba(236,236,236,0.8)),
        color-stop(0.5, rgba(159,159,159,0.8))
        );
    background:-moz-linear-gradient(
        center bottom,
        rgba(236,236,236,1.00) 50%,
        rgba(219,219,219,1.00) 50%
        );
}

.box2{
	position:absolute;
	max-height:20%;
	max-width:40%;
	z-index:10;
	background-color:#FFFFFF;
	margin-left:57%;
	margin-top:13%;
	background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.8, rgba(236,236,236,0.8)),
        color-stop(0.5, rgba(159,159,159,0.8))
        );
    background:-moz-linear-gradient(
        center bottom,
        rgba(236,236,236,1.00) 50%,
        rgba(219,219,219,1.00) 50%
        );
		line-height:100%;
	padding:2%;
	text-align:center;
}

.box3{
	position:absolute;
	max-height:20%;
	max-width:40%;
	z-index:10;
	background-color:#FFFFFF;
	margin-left:57%;
	margin-top:21%;
	background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.8, rgba(236,236,236,0.8)),
        color-stop(0.5, rgba(159,159,159,0.8))
        );
    background:-moz-linear-gradient(
        center bottom,
        rgba(236,236,236,1.00) 50%,
        rgba(219,219,219,1.00) 50%
        );
		line-height:100%;
	padding:2%;
	text-align:center;
}

.hudeffect{
	position:absolute;
	z-index:4;
	margin-left:15%;
	margin-top:5%;
	width:30%;

}

.hudeffect2{
	position:absolute;
	z-index:4;
	margin-left:-15%;
	margin-top:5%;
	width:45%;

}

.robson{
	position:absolute;
width:25%;
	z-index:10;
	margin-left:80%;
	margin-top:32%;
}

.fflogo{
	position:absolute;
max-height:9%;
	max-width:9%;
	z-index:10;
	margin-left:50%;
	margin-top:25%;
}

.homebg{

	z-index:2;
}
}


.angrytext {
 font-size:70px;
 font-weight:bold;
 color:#4794D3;
 width:300px;
 margin:90px auto;

 -webkit-animation: jump 1.5s ease 0s infinite normal ;
 animation: jump 1.5s ease 0s infinite normal ;
}

@-webkit-keyframes jump {
  0%{
	-webkit-transform: translateY(0);
	transform: translateY(0);
  }
  20%{
	-webkit-transform: translateY(0);
	transform: translateY(0);
  }
  40%{
	-webkit-transform: translateY(-30px);
	transform: translateY(-30px);
  }
  50%{
	-webkit-transform: translateY(0);
	transform: translateY(0);
  }
  60%{
	-webkit-transform: translateY(-15px);
	transform: translateY(-15px);
  }
  80%{
	-webkit-transform: translateY(0);
	transform: translateY(0);
  }
  100%{
	-webkit-transform: translateY(0);
	transform: translateY(0);
  }
}

@keyframes jump {
  0%{
	transform: translateY(0);
  }
  20%{
	transform: translateY(0);
  }
  40%{
	transform: translateY(-30px);
  }
  50%{
	transform: translateY(0);
  }
  60%{
	transform: translateY(-15px);
  }
  80%{
	transform: translateY(0);
  }
  100%{
	transform: translateY(0);
  }
}