/* Requires: normalize.css */
/* Global Reset & Standards ---------------------- */
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html, body { 
	margin: 0px; 
	padding: 0px; 
	color: #444;
	font-size: 62.5%; 
}

a:active{outline: none; color: #000;} 
:-moz-any-link:focus {outline: none;}
body,td,th,input,select,textarea { font-size: 14px; font-family: Arial, Verdana; line-height: 20px; }
input,textarea { line-height: normal; }
p { margin-bottom: 10px; }
a { color: #00aded; text-decoration: none; }
a:hover {color: #0086b7; text-decoration: none;}
img { border: none; }
fieldset { border: none; }
caption { display: none; }
ul {}
ol {}
table { border-collapse: collapse; }
th, td {}
th {}
thead th {}
tbody th {}
tfoot th {}
tfoot td {}
dl dt {}
dl dd {}
strong { font-weight: bold; }
em { font-style: italic; }

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { text-decoration: none; }
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {  }
h1 { font-size: 20px; padding: 0px; margin: 0px 0px 5px 0px; color: #2e3192; text-transform: normal; font-weight: bold; }
h2 { font-size: 16px; padding: 0px; margin: 0px 0px 5px 0px; color: #2e3192; text-transform: normal; font-weight: bold; }
h3 { font-size: 14px; padding: 0px; margin: 0px 0px 5px 0px; color: #2e3192; text-transform: normal; font-weight: bold; }
h4 { font-size: 12px; padding: 0px; margin: 0px 0px 5px 0px; color: #2e3192; text-transform: normal; font-weight: bold; }
h5 { font-size: 12px; padding: 0px; margin: 0px 0px 5px 0px; color: #2e3192; text-transform: normal; font-weight: bold; }

#top{
	width: 100%;
	padding: 45px 0;
	background: white;
}

#top nav{
	width: auto;
	float: right;
	margin: 10px 0 0 0;
}

#top nav ul{
	margin: 0;
	padding: 0;
}

#top nav ul li{
	list-style: none;
	display: inline-block;
	font-weight: 600;
	font-size: 22px;
	margin: 0 0 0 35px;
	color: #000030;
}

#top nav ul li a{
	color: #000030;
	transition: 0.2s;
	padding: 0 0 0 0;
}

#top nav ul li a i{
	color: #78ac48;
	margin: 0 10px 0 0;
}

#top nav ul li a:hover{
	opacity: 0.7;
	transition: 0.2s;
}

#banner{
	width: 100%;
	float: left;
	text-align: center;
	background: #f0f0f0;
	padding: 0 0 100px 0;
}

#circle{
	max-width: 405px;
	height: 470px;
	display: inline-block;
	background: url("../gfx/banner.png") no-repeat top center;
	margin: 100px auto 0 auto;
}

#circle span{
	width: 100%;
	color: #fff;
	font-size: 28px;
	line-height: 38px;
	padding: 115px 50px 0 50px;
	display: block;
}

#banner a{
	width: 270px;
	display: block;
	margin: 0 auto;
	background: #ff5b1b;
	color: #fff;
	border: 0;
	padding: 15px 15px 10px 15px;
	font-size: 18px;
	border-bottom: 5px solid #c53e0a;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-transform: uppercase;
	font-size: 16px;
	transition: 0.2s;
}

#banner a:hover{
	background: #c53e0a;
	cursor: pointer;
	transition: 0.2s;
}

@media screen and (max-width: 805px) {

	#top nav ul li a{
		font-size: 20px;
		transition: 0.2s;
	}
}

@media screen and (max-width: 769px) {

	#top #logo{
		width: 100%;
		text-align: center;
		margin: 0 0 25px 0;
	}

	#top nav{
	    width: 100%;
	    float: right;
	    margin: 10px 0 0 0;
	}

	#top nav ul{
		display: block;
		width: 100%;
		text-align: center;
		transition: 0.2s;
	}

	#top nav ul li{
		list-style: none;
		display: inline-block;
		font-weight: 600;
		font-size: 22px;
		margin: 0 15px 15px 15px;
		color: #000030;
		transition: 0.2s;
	}

}

@media screen and (max-width: 481px) {

	#circle{
		max-width: 320px;
		height: 330px;
		display: inline-block;
		background: url("../gfx/banner.png") no-repeat top center;
		background-size: 290px auto;
		margin: 100px auto 0 auto;
		transition: 0.2s;
	}

	#circle span{
		width: 100%;
		color: #fff;
		font-size: 22px;
		line-height: 28px;
		padding: 65px 50px 0 50px;
		display: block;
		transition: 0.2s;
	}

}

@media screen and (max-width: 320px) {

	#circle{
		max-width: 320px;
		height: 330px;
		display: inline-block;
		background: url("../gfx/banner.png") no-repeat top center;
		background-size: 290px auto;
		margin: 100px auto 0 auto;
		transition: 0.2s;
	}

	#circle span{
		width: 100%;
		color: #fff;
		font-size: 22px;
		line-height: 28px;
		padding: 65px 50px 0 50px;
		display: block;
		transition: 0.2s;
	}

}