html {
	margin: 0;
	padding: 0;
	position: relative;
	font-family: arial;
	width: 100%;
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	position: relative;
	background-color: #F04F28;
	width: 100%;
	height: 100%;
	overflow:hidden;
}
a{
		transition:all 0.2s;
		-webkit-transition:all 0.2s;
		-moz-transition:all 0.2s;
		-ms-transition:all 0.2s;

	}
.logo{
width: 500px;
}

.main {
    position: absolute;
    left: 50%;
    margin-left:-250px;
    width: 500px;
    top: 50%;
    margin-top: -174px;
}



.info > ul {
    margin: 0 auto;
    text-align: center;
    display: table;
}

.info > ul > li {
    display: table-cell;
    text-align: center;
    color: #fff;
	
}
/*
.a1 > a {color: #F04F28; }
.a2 > a {color: #299FD9;}
.a4 > a {color: #FCB61B;}
.a3 > a {color: #7CBD44;}
.a5 > a {color: #8628F0;}
*/

.a1  > a  {border-bottom: 5px solid #F04F28;}
.a2  > a {border-bottom: 5px solid #299FD9;}
.a4  > a {border-bottom: 5px solid #FCB61B;}
.a3  > a {border-bottom: 5px solid #7CBD44;}
.a5  > a {border-bottom: 5px solid #8628F0;}

.a1 > a:hover, .a1 > a.active { background-color: #F04F28;}
.a2 > a:hover, .a2 > a.active { background-color: #299FD9;}
.a4 > a:hover, .a4 > a.active { background-color: #FCB61B;}
.a3 > a:hover, .a3 > a.active { background-color: #7CBD44;}
.a5 > a:hover, .a5 > a.active { background-color: #8628F0;}

.info > ul > li:first-child > a{font-family:'icomoon'!important; font-size: 22px;line-height: 50px;}
.info {

    position: fixed;
    top: 0;
    z-index: 1;
    

    width: 100%;

    background-color: #323232;

}

.social {
font-family:'socicon';
margin: 0 auto;
width: 50%;
text-align: center;
}
.info > ul > li {}
.info > ul > li > a {
    display: block;
	color:#fff;
    line-height: 40px;
    padding: 0 20px;
    font-size: 16px;
}
.info > ul > li > a:hover, .info > ul > li > a.active {
   
    color: #fff;
}

h1 {
    color: #fff;
    font-size: 19.30px;
    letter-spacing: -0.02em;
    text-align: center;
    margin: 25px auto;
}

article {
    font-size: 20px;
    color: #fff;
    margin: 60px auto;
    width: 50%;
    line-height: 31px;
    text-align: center;
}

h2 {
    font-size: 62px;
    color: #fff;
    margin: 0 auto 0 auto;
    text-align: center;
    width: 50%;
    padding: 120px 0 0 0;
}

section {
    position: relative;
}

.social > li {
    display: inline-block;
}

.social > li > a {
    color: #fff;
    border: 1px solid #fff;
    padding: 10px;
    border-radius: 2px;
}

.social > li > a:hover {
    background-color: #fff;
    color: #8628F0;
}