@import url(http://fonts.googleapis.com/css?family=Economica:400,700);

html, html * { margin:0; padding:0; border:0; outline:0;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
body { font:12px arial; color:#fff; background:#000; }
a, input, button,
.box-heading p, .box-content, .box-content a span.hide, .box-content a span b {
	-moz-transition:all 250ms ease-in-out;
	-webkit-transition:all 250ms ease-in-out;
	-o-transition:all 250ms ease-in-out;
	transition:all 250ms ease-in-out;
}
a { text-decoration:none; color:#d08; }
a:hover { color:#905; }
ul, ul li { list-style:none; }
img { width:100%; max-width:100%; height:auto; display:block; }

.left { float:left; }
.right { float:right; }
.clr { width:0; height:0; font-size:0; line-height:0; clear:both; overflow:hidden; visibility:hidden; }

.bg { width:100%; height:100%; background:#000; position:fixed; top:0; left:0; z-index:0; }
.bg>div { width:100%; height:100%; position:relative; }
.bg>div>b { width:100%; height:100%; background:url(../images/patt.png); display:block; position:absolute; top:0; left:0; }

.frs-container { width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; /*pointer-events:none;*/ }
.frs-wrapper { width:100%; min-height:970px; overflow:hidden; position:relative; }
.frs { width:2926px; height:100%; margin-left:-1463px; border-right:1px solid #222; border-color:rgba(255,255,255,0.1); position:absolute; top:0; left:50%; }
.fr { width:195px; height:195px; background:rgba(255,255,255,0); border:1px solid #222; border-right:0; border-bottom:0; border-color:rgba(255,255,255,0.1); float:left;
	-moz-transition:all 1s ease-out;
	-webkit-transition:all 1s ease-out;
	-o-transition:all 1s ease-out;
	transition:all 1s ease-out;
}
.fr:before { content:""; width:9px; height:9px; margin:-5px 0 0 -5px; background:#333; background:rgba(255,255,255,0.3); display:block; border-radius:50%; }
.fr:hover { background:rgba(255,255,255,0.2); }

section { width:974px; height:0; margin:0 auto; position:relative; z-index:2; }

.logo { width:178px; margin-left:8px; padding-top:20px; display:block; }

.box { height:194px; position:absolute; }
.box:hover .box-heading p {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);
	opacity:1;
}
.box:hover .box-content { width:195px; padding:15px; }
.box:hover .box-content a {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);
	opacity:1;
}
.box-heading { width:194px; height:100%; padding:10px; position:relative; float:left; z-index:1; }
.box-heading:before { content:""; width:10px; height:17px; margin:130px -20px 0 0; background-image:url(../images/arrows.png); background-repeat:no-repeat; display:block; float:right; }
.box-heading p { font:bold 14px 'Economica',arial; text-align:right; position:absolute; top:140px; right:10px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);
	opacity:0;
}
.box-content { width:0; height:100%; padding:15px 0; background:#fff; float:left; overflow:hidden; box-shadow:inset 2px 0 6px rgba(0,0,0,0.3); }
.box-content a { width:100%; height:100%; color:#444; position:relative; display:block;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);
	opacity:0;
}
.box-content a:hover span.hide {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);
	opacity:1;
}
.box-content a span { display:block; }
.box-content a span.title { margin:0 auto; }
.box-content a span.content { font:22px/22px 'Economica',arial; position:absolute; bottom:0; left:0; }
.box-content a span.hide { width:100%; height:100%; padding-top:2px; font:bold 118px arial; text-align:center; background:#fff; background:rgba(255,255,255,0.85); position:absolute; top:0; left:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);
	opacity:0;
}
.box-content a span b { display:block; }

.box-rw { top:391px; left:0; }
.box-rw .box-heading { background:#0ad; }
.box-rw .box-heading:before { background-position:0 0; }
.box-rw .box-content a .title { width:126px; }
.box-rw .box-content a span.hide { color:#0ad; }

.box-ph { top:196px; left:585px; }
.box-ph .box-heading { background:#f82; }
.box-ph .box-heading:before { background-position:-10px 0; }
.box-ph .box-content a .title { width:89px; }
.box-ph .box-content a span.hide { color:#f82; }

.box-ac { top:586px; left:195px; }
.box-ac .box-heading { background:#d6dfe1; }
.box-ac .box-heading:before { background-position:-20px 0; }
.box-ac .box-content a .title { width:89px; }
.box-ac .box-content a span.hide { color:#d6dfe1; }

.box-ct { top:196px; left:195px; }
.box-ct .box-heading { background:#d00; }
.box-ct .box-heading:before { background-position:0 0; }
.box-ct .box-content a .title { width:126px; }
.box-ct .box-content a span.hide { color:#d00; }

.box-bhf { top:585px; left:585px; }
.box-bhf .box-heading { background:#191e1b; }
.box-bhf .box-heading:before { background-position:0 0; }
.box-bhf .box-content a .title { width:126px; }
.box-bhf .box-content a span.hide { color:#191e1b; }

footer { height:0; margin-top:648px; position:relative; }
footer>p { clear:both; margin:-50px 5px 0 0; font:14px 'Economica',arial; float:right; }

address { margin-left:24px; font:normal 16px 'Economica',arial; float:left; }
address .left { width:160px; text-align:right; }
address .right { width:240px; margin-left:10px; padding-left:10px; border-left:1px solid #fff; border-color:rgba(255,255,255,0.25); }
address b { font-size:20px; }

aside { margin-right:5px; float:right; }
aside ul { overflow:hidden; }
aside ul li { margin-left:5px; float:left; }
aside ul li:first-child { margin:0; }
aside ul li a { width:26px; height:26px; text-indent:-999px; background-image:url(../images/socials.png); background-repeat:no-repeat; display:block; overflow:hidden; }
aside ul li.tw a { background-position:0 0; }
aside ul li.tw a:hover { background-position:0 100%; }
aside ul li.fb a { background-position:100% 0; }
aside ul li.fb a:hover { background-position:100% 100%; }