/*html {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}
*/
body {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}
body {
	color: rgb(43, 43, 43); 
	line-height: 1.5; 
	font-family: "Source Sans Pro", Arial, Helvetica, sans-serif; 
	font-size: 16px; font-weight: 400;
}
/*html {
	font-size: 62.5%; -ms-overflow-y: scroll;
}
*/
[class*='content']::before {
	display: table; content: "";
}
[class*='content']::after {
	clear: both; display: table; content: "";
}
[class*='site']::before {
	display: table; content: "";
}
[class*='site']::after {
	clear: both; display: table; content: "";
}
.bg-grey {
	background-color: rgb(111, 111, 111);
}
#page {
	position: relative; z-index: 10;
}
#main {
	margin-top: 15px; position: relative; z-index: 10;
}
/*@@*/
.home #main .wheel-section {
	background-position: center; background-image: url("../images/wheel-background.jpg"); 	
}
.home #main .wheel-section .wheel-content .section-content a {
/*	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline;*/
	text-decoration: none;
}
.home #main .wheel-section > div {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline;
	vertical-align: middle; display: inline-block;
}
.home #main .wheel-section .wheel-content {
	margin: 5% 5% 5% 10%; width: 40%; text-align: center;
}
.home #main .wheel-section .mobile.wheel-content {
	display: none;
}
.home #main .wheel-section .wheel-content .section-content {
	display: none;
}
.home #main .wheel-section .wheel-content .show.section-content {
	display: block;
}
.home #main .wheel-section .wheel-content .section-content h1 {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline;
	margin: 0.2em 0px;
	color: rgb(241, 90, 34); line-height: 1.1em; font-size: 5rem; font-weight: 900;
/*	font-size: 4rem;*/
	color: white;
	margin: 0px; line-height: 1.3em;
	font-size:80px;
}
.home #main .wheel-section .wheel-content .section-content h3 {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline;
	margin: 0.2em 0px;
	color: rgb(146, 200, 62); line-height: 1.1em; font-size: 3.5rem; font-weight: 400;
	color: rgb(143, 212, 0);
	margin: 0px; line-height: 1.3em;
	font-weight: 600;
	font-size:40px;
}
.home #main .wheel-section .wheel-content .section-content p {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline;
	margin: 0.3em 0px 0.9em; color: rgb(61, 100, 135); line-height: 1.4em; font-size: 2.6rem; font-weight: 200;
	color: white; font-weight: 400;
	/* font-size: 18px; font-weight: 300; */
	font-size: 2.4rem;
	font-size:24px;	
}
.home #main .wheel-section .wheel-content .section-content .button {
	color: rgb(43, 43, 43); line-height: 1.5; font-family: "Source Sans Pro", Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 400;
	margin: 0px; font-size: 100%; vertical-align: baseline; max-width: 100%; box-sizing: border-box;
/*	padding: 10px 30px 11px; border: 1px solid rgb(241, 90, 34); border-image: none; color: rgb(241, 90, 34); text-transform: uppercase; font-size: 12px; font-weight: 900; vertical-align: bottom; background-color: white;*/
	line-height: normal; cursor: pointer;
/*	padding: 0.5em 2em; line-height: 1; font-weight: 900; display: inline-block;				*/
	transition:0.2s; background-color: white; -webkit-transition: all 0.2s;
	color: rgb(146, 200, 62);
	font-weight: 900;
	line-height: 1;
	border: 1px solid rgb(146, 200, 62);
	padding: 0.5em 2em; line-height: 1; font-weight: 900; display: inline-block;
}
.home #main .wheel-section .wheel-content .section-content button:focus {
	color: white; background-color: rgb(241, 90, 34);
}
.home #main .wheel-section .wheel-content .section-content button:active {
	color: white; background-color: rgb(141, 198, 63);
}
/*@@*/
.home #main .wheel-section .wheel-content .section-content .button:hover {
	color: white; background-color: rgb(241, 90, 34);
	background-color: rgb(146, 200, 62);
}
.home #main .wheel-section .animation {
	margin: 10px 6% 20px 2%; width: 35%; position: relative;
}
.home #main .wheel-section .animation > img {
	width: 100%; height: auto; position: relative; z-index: 1;
}
.home #main .wheel-section .animation svg {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 100;
}
.home #main .wheel-section .animation svg g.show path {
	transition:fill 0.2s; -webkit-transition: fill 0.2s;
}
.home #main .wheel-section .animation svg g a:hover path {
	transition:fill 0.2s; -webkit-transition: fill 0.2s;
}
/*@@*/
.home #main .wheel-section .animation svg g.show .pie path {
	fill: #231F1F;
}
/*@@*/
.home #main .wheel-section .animation svg g a:hover .pie path {
	fill: #231F1F;
}
.home #main .wheel-section .animation svg g.show .text path {
	fill: white;
}
.home #main .wheel-section .animation svg g a:hover .text path {
	fill: white;
}




@media screen and (max-width:1920px)
{
/*html {
	font-size: 60%;
}
*/
.home #main .wheel-section .wheel-content .section-content h1 {
	font-size:60px;
}
.home #main .wheel-section .wheel-content .section-content h3 {
	font-size:25px;
}
.home #main .wheel-section .wheel-content .section-content p {
	font-size:20px;
}
}
@media screen and (max-width:1650px)
{
/*html {
	font-size: 60%;
}
*/
.home #main .wheel-section .wheel-content .section-content h1 {
	font-size:50px;
}
.home #main .wheel-section .wheel-content .section-content h3 {
	font-size:22px;
}
.home #main .wheel-section .wheel-content .section-content p {
	font-size:18px;
}
}
@media screen and (max-width:1400px)
{
/*html {
	font-size: 60%;
}
*/
.home #main .wheel-section .wheel-content .section-content h1 {
	font-size:40px;
}
.home #main .wheel-section .wheel-content .section-content h3 {
	font-size:22px;
}
.home #main .wheel-section .wheel-content .section-content p {
	font-size:16px;
}
}
@media screen and (max-width:1200px)
{
/*html {
	font-size: 60%;
}
*/
.home #main .wheel-section .wheel-content .section-content h1 {
	font-size:35px;
}
.home #main .wheel-section .wheel-content .section-content h3 {
	font-size:22px;
}
.home #main .wheel-section .wheel-content .section-content p {
	font-size:16px;
}
}
@media screen and (max-width:1024px)
{
/*html {
	font-size: 58%;
}*/
.home #main .wheel-section .animation img {
	max-height: 378px;
}
.home #main .wheel-section .animation svg {
	max-height: 378px;
}
.home #main .wheel-section .wheel-content .section-content h1 {
	font-size:30px;
}
.home #main .wheel-section .wheel-content .section-content h3 {
	font-size:20px;
}
.home #main .wheel-section .wheel-content .section-content p {
	font-size:16px;
}
}
@media screen and (max-width:900px)
{
/*html {
	font-size: 56%;
}*/
.home #main .wheel-section .wheel-content .section-content h1 {
	font-size:30px;
}
.home #main .wheel-section .wheel-content .section-content h3 {
	font-size:20px;
}
.home #main .wheel-section .wheel-content .section-content p {
	font-size:16px;
}
}
@media screen and (max-width:767px)
{
/*html {
	font-size: 54%;
}*/
.home #main .wheel-section .wheel-content .section-content h1 {
	font-size:35px;
}
.home #main .wheel-section .wheel-content .section-content h3 {
	font-size:20px;
}
.home #main .wheel-section .wheel-content .section-content p {
	font-size:16px;
}
#page #main {
	margin-top: 0px;
}
.home #main .wheel-section {
	padding-top: 1px;
}
.home #main .wheel-section .wheel-content {
	margin: 0px 5%; width: auto;
}
.home #main .wheel-section .desktop.wheel-content {
	display: none;
}
.home #main .wheel-section .mobile.wheel-content {
	display: block;
}
.home #main .wheel-section .animation {
	margin: 5% auto; width: auto; display: block; max-width: 500px;
}
}
@media screen and (max-width:600px)
{
/*html {
	font-size: 52%;
}*/
}
@media screen and (max-width:400px)
{
/*html {
	font-size: 50%;
}*/
}
@media print
{
body {
	background: none !important; color: rgb(43, 43, 43); font-size: 12pt;
}
.site {
	max-width: 100%;
}
.content-area {
	padding-top: 0px;
}
}
