@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700);
@import url("http://fonts.googleapis.com/css?family=Oswald:300");
@import url("font-awesome.css");

html { height: 100%; }

*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

body {
	font-family: 'Oswald', Calibri, Arial, sans-serif;
	background: #f9f9f9;
	font-weight: 300;
	font-size: 18px;
	color: #8C8989;
	overflow: scroll;
	overflow-x: hidden;
    
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(100, 100, 100, 0.1)), color-stop(22.5%, rgba(255, 255, 255, 0.25)), color-stop(100%, #ffffff));
	background: -webkit-linear-gradient(top, rgba(100, 100, 100, 0.1) 0%, rgba(255, 255, 255, 0.25) 22.5%, #ffffff 100%);
	background: -moz-linear-gradient(top, rgba(100, 100, 100, 0.1) 0%, rgba(255, 255, 255, 0.25) 22.5%, #ffffff 100%);
	background: -o-linear-gradient(top, rgba(100, 100, 100, 0.1) 0%, rgba(255, 255, 255, 0.25) 22.5%, #ffffff 100%);
	background: linear-gradient(top, rgba(100, 100, 100, 0.1) 0%, rgba(255, 255, 255, 0.25) 22.5%, #ffffff 100%);
	background-repeat: no-repeat;
}

a {
	color: #555;
	text-decoration: none;
}

.container {
	margin: 0 auto;
	position: relative;
}
.logo{
	margin: 20px auto -116px auto;
	position: relative;
}
.logo img {
	width: 314.3x;
	height: 249.9px;
}

h2 {
	margin-bottom:0.3em;
}


/* *** floating-box */
#floating-box{
	top:150px;
	height:auto;
	color: #a4b8ff;
	float:left;
	position:absolute;
	z-index:1;
}
#floating-box .social-share{
	margin-bottom:0px;
}
#floating-box ul {
	-webkit-margin-before:15%;
	-webkit-margin-after:15%;
	-webkit-margin-start:15%;
	-webkit-margin-end:15%;
	-webkit-padding-start-top:35%;
}
#floating-box i{
	color: #a4b8ff;
	position:absolute;
	z-index:1;
}

/* *** footer */
footer {
	width:100%;
	margin:10px auto 20px auto;
	font-weight: 100;
	font: 0.83em/1.333em 'Lato', latin;
}

/* social */
.socials {
	text-align:center;
	font-size: 0;
	line-height: 0;
}	
.socials a {
	display: inline-block;
	width: 36px;
	height: 36px;	
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	-ms-border-radius: 500px;
	-o-border-radius: 500px;
	border-radius: 500px;	
	background-color: #bfc8ff;
	color: #fff;
	font-size: 18px;
	line-height: 36px;
}	
.socials a +a {
	margin-left: 14px;
}	
.socials a +a+a {
	margin-left: 13px;
}	
.socials a:hover{
	background-color: #2a4299;
}

/* copy */
.copy {
	text-align:center;
	font-weight: 100;
	font: 0.83em/1.333em 'Lato', latin;
	padding: 15px 0 20px 0;
}
.copy a {
	color: #F3B912;
}
.copy a:hover {
	color: #a2cac2;	
}