f@charset "utf-8";
/* CSS Document */
html {font-size:100%;}
body {background:#ffffff; -webkit-text-size-adjust: 100%; 
	font-family:"europa",sans-serif; 
	color:#000000; 
	font-weight:300;
	border:2px solid #000000;
	padding:20px; margin:20px; text-align:left !Important;}
	
.container {z-index:999; position:relative; max-width:1200px; text-align:left !Important;}
.content {margin:0;}

a {background:none !important; text-decoration:none; color:#999 !important; transition:all 400ms;}
a:hover {color:#111 !important; transition:all 400ms;}

.nav {z-index:8888; position:relative;}
.nav ul {width:610px; float:right; text-align:right; margin-top:-2px; clear:both;}
.nav ul li {font-size:53px; display:inline; font-weight:bold; margin-left:20px; letter-spacing:-1px; transition:all 400ms;}
.nav ul li a {color:#000 !important; }
.nav ul li a:hover {color:#666 !important; transition:all 400ms;}
	
.block {position:relative; float:left; }
.home1, .home2, .home3, .home4, .about4, .about5, .work1, .work2 {height:230px;}
.work3, .work4 {height:245px;}
.home5 {height:150px;}
.work5 {height:150px;}
.gtacmark img {width:290px;}
.about1 {height:200px;}
.about2, .about3 {height:360px;}
.fifty {width:50%;}
.thirty {width:33.3%}
.twenty {width:25%}
.hundred {width:100%;}
.insideblock {position:absolute; width:80%; top: 50%; left: 50%; margin-right: -50%; -webkit-transform:translate(-50%, -50%); transform: translate(-50%, -50%); margin:0; transition:all 400ms;}
.bigtext {font-size:33px; font-weight:bold; line-height:39px;}
.medtext {font-size:23px; font-weight:bold; line-height:28px;}

.bigtext a, .medtext a {text-decoration:none; color:#ff1923 !important; background:#e9f6f8 !important; padding:0; margin:0; display:inline-block; line-height:0.9em; transition:all 400ms;}
.bigtext a:hover, .medtext a:hover {background:none !important; transition:all 400ms; color:#000 !important;}
	
.pub-mark {float:left; }
.pub-mark img, .pub-mark a {width:60px; transition:all 400ms;}	
.headertext {font-size:33px; line-height:32px; font-weight:bold; float:left; margin-left:20px; width:320px; transition:all 400ms;}
.headercustom {position:absolute; width:450px; margin-top:6px; z-index:999;}
.headertext a {color:#000000 !important;}
.headertext a:hover {color:#999 !important; transition:all 400ms;}

.contain {display:inline-block;}

.button a {background:none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color:#000000 !important; font-size:12px; font-weight:bold; border:1px solid #000000; letter-spacing:2px; line-height:6px; padding:8px; display:inline-block;}
.button a:hover {background:#000000 !important; color:#ffffff !important;}

.letters {font-size:27em; font-family: "sofia-pro"; color:#e9f6f8; line-height:0; font-weight:700; position:fixed; -webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(-45deg) translateX(-100%);transform:rotate(-45deg) translateX(-100%); z-index:99 !important;}
.l1 {top:-210px; left:670px;}
.l2 {top:400px; left:1070px;}
.l3 {top:480px; left:100px;}
.l4 {top:-185px; left:920px;}

.faaf_footer {position:relative; float:right; width:100%; bottom:0; text-align:center; font-size:10px; z-index:999; margin-top:26px; font-weight:700; }

#mc_embed_signup input.email {
  padding: 10px; width:65%;
}
#mc_embed_signup input {
  border: none;
  -webkit-appearance: none;
  background:#fff; border: 2px solid #000000;
}
input, textarea, keygen, select, button {
  font: normal normal normal 23px/normal 'europa';
font-weight:bold;
text-transform:none;
  text-shadow: none;
  display: inline-block;
}

.leftvert, .rightvert, .righttop, .lefttop {
	position:absolute;
	font-size:9px; font-weight:700; 
	z-index:999;
	}
.leftvert {-webkit-transform-origin:0% 0%;transform-origin:0% 0%;-webkit-transform:rotate(-90deg) translateX(-100%);transform:rotate(-90deg) translateX(-100%); top:20px; left:5px; }
.rightvert {-webkit-transform-origin:0% 0%;transform-origin:0% 0%;-webkit-transform:rotate(90deg) translateX(0);transform:rotate(90deg) translateX(0); top:8px; padding-top:5px; padding-bottom:20px; left:100%; width:570px;}
.lefttop {top:5px; left:9px;}
.righttop {top:5px; right:20px; width:200px; text-align:right;}

.hidedesktop {display:none;}
.headerbump {height:30px; transition:all 400ms;}

.homeclickthru a {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border:1px solid #ff1923; padding:10px; display:inline-block; background:#fff !important;}
.homeclickthru a:hover {background:#ff1923 !important; color:#fff !important;}
.homeintro a {}
.homeintro a:hover {opacity: 0.7; }

@media (max-width:1200px) {
	body {padding:20px 30px;}
}

@media (max-width:1038px) {
	.nav ul {width:470px;}
	.nav ul li {font-size:40px; transition:all 400ms;}
}


@media (max-width:1120px) {
	.work1, .work2 {height:300px;}
	.work3, .work4 {height:340px;}
	.mobilehideearly2 {display:none;}
	.work5 {height:200px;}
	
}

@media (max-width:970px) {
	.about2, .about3 {height:410px;}
	.about4, .about5 {height:280px;}
}

@media (max-width:850px) {
	.nav ul {width:300px;}
	.nav ul li {font-size:25px; transition:all 400ms; letter-spacing:0; margin-left:10px;}
	.work1, .work2, .work3, .work4 {height:370px;}
	.work5 {height:230px;}
	.about1 {height:260px;}
	.headerbump {height:60px; transition:all 400ms;}
	
}

@media (max-width:770px) {
	.fqimg img {float:none !important; }
	.fqimg {float:none !important; display:block !important; text-align:center !important;}
	.about2, .about3 {height:450px;}
	.about4, .about5 {height:340px;}
	.gtacmark img {width:200px;}
	.abouthide {display:none;}
	.hidedesktop {display:inherit;}
	.mobilehideearly {display:none;}
}

@media (max-width:715px) {
	.home5 {height:200px;}
}

@media (max-width:660px) {
	.nav ul {width:250px;}
	.nav ul li {font-size:20px; transition:all 400ms; letter-spacing:0; margin-left:10px;}
	.about2, .about3 {height:480px;}
	.work1, .work2, .work3, .work4 {height:430px;}
	.work5 {height:290px;}
}

@media (max-width:570px) {
	body {margin:10px !important; padding:20px;}
	.leftvert, .rightvert, .lefttop, .righttop {display:none;}
	.headertext {display:none;}
	.headercustom {width:100px; margin-top:7px; z-index:9999;}
	.nav ul {float:none; width:auto; }
	.nav ul li {font-size:20px; transition:all 400ms; letter-spacing:0; margin-left:5px; display:block;}
	.pub-mark img, .pub-mark a {width:65px; transition:all 400ms;}
	.home1, .home4 {height:140px;}
	.home2 {border-bottom:1px solid #000000;}
	.fifty {width:100%;}
	.bigtext, .medtext {font-size:20px; font-weight:bold; line-height:23px !important;}
	.about2, .about5 {height:160px;}
	.about3 {border-bottom:1px solid #000000;}
	.work1 {height:120px;}
	.work2, .work3, .work5, .about1, .about4, .about3, .home2, .home3, .home5 {height:auto; display:block; padding:30px 0;}
	.block {float:none; text-align:center;}
	.insideblock {position:relative; width:auto; top:0; left:0; margin-right:0; margin:0;}
	.work2 {border-bottom:1px solid #000000;}
	.mobilehide {display:none;}
	.fqimg {text-align:center;}
	.headerbump {height:30px; }
}