/*
Author: 	Ionut Gavris
Company: 	IT MANIAX
Email: 		ionut.gavris@itmaniax.com
Web:		http://www.itmaniax.com
*/
/******************************************************************************/
/*********	GENERAL SETTINGS    *******************************************/
/******************************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,
 p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del,
 dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup,
 tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
 caption, tbody, tfoot, thead, tr, th, td 
{
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,nav,section 
{
	display: block;
}

audio,canvas,video 
{
	display: inline-block;
	max-width: 100%;
}

html 
{
	overflow-y: hidden;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}


/******************************************************************************/
/*********	HEADER	*******************************************************/
/******************************************************************************/
body
{
    background-color:#000000;
    color: #ffffff;
    font-family:  sans-serif;
}
canvas#itmMatrix
{
    opacity: 0.8;
}
.clock-row
{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
}
.social-buttons
{
    border-top: solid 2px rgba(4,134,110, 0.3); /*#04866E*/
    display: table;
    margin: 0 auto;
}
.social-buttons a
{
    margin: 20px;
    display: inline-block;
}    
.social-buttons .fa:hover
{
    opacity: 1;
}
.social-buttons .fa
{
    opacity: 0.5;
  
}
.fa-facebook,
.fa-facebook-square
{
    color: #31549C;
}
.fa-linkedin,
.fa-linkedin-square
{
    color: #0077B5;
}
.fa-phone,
.fa-phone-square
{
    color: #99CC00;
}
.fa-envelope
{
    color: #F32C26;
}
h1
{
    font-size: 60px;
    font-weight: bolder;
    margin-bottom: 20px 0;
}
h2
{
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 20px;
}
.content-block
{
    margin-bottom: 20px;
}
.content,
#logo
{
    display: inline-block;    
    vertical-align: top;
}
#logo img
{
	max-width: 300px;
    border-radius: 5px;
	background-color: #ffffff;
	padding: 20px;
    opacity: 0.8;
}
/******************************************************************************/
/*********	FOOTER	*******************************************************/
/******************************************************************************/

/******************************************************************************/
/*********	HOMEPAGE     **************************************************/
/******************************************************************************/

/******************************************************************************/
/******************************************************************************/
/******************************************************************************/