@charset "utf-8";

.image-hover {
	transition: all 0.4s ease;
}
.image-hover:hover {
	filter: opacity(30%);
	transition: all 0.4s ease;
}
.red-button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	line-height: 45px;
	text-decoration: none;
	font-weight: normal;
	display: block;
	height: 45px;
	width: 100%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #333;
	text-align: center;
}

a.red-button:hover {
	color: #FFF;
	background-color: #666;
}
.green-outline-button {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 300;
	border-radius: 200px;
	padding: 20px 20px;
	letter-spacing: 2px;
	border: 1px solid #b7d60f;
	border-radius: 200px;
	transition: all 0.3s ease;
}
.green-outline-button:hover {
	color: black;
	background-color: #b7d60f;
	transition: all 0.3s ease;
}
.green-outline-button::after {
	content: '\E315';
	color: #FFFFFF;
	font-family: 'Material Icons';
	padding-left: 11px;
	vertical-align: -2px;
}

.green-block-button {
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 400;
	border-radius: 200px;
	padding: 20px 28px;
	letter-spacing: 2px;
	background-color: #b7d60f;
	border-radius: 200px;
	transition: all 0.3s ease;
}
.green-block-button:hover {
	background-color: #26272B;
	transition: all 0.3s ease;
}
.green-block-button::after {
	content: '\E315';
	color: #FFFFFF;
	font-family: 'Material Icons';
	padding-left: 11px;
	vertical-align: -2px;
}

.green-block-small-button {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 400;
	border-radius: 200px;
	padding: 15px 20px;
	letter-spacing: 2px;
	background-color: #b7d60f;
	border-radius: 200px;
	transition: all 0.3s ease;
}
.green-block-small-button:hover {
	background-color: #26272B;
	transition: all 0.3s ease;
}
.green-block-small-button::after {
	content: '\E315';
	color: #FFFFFF;
	font-family: 'Material Icons';
	padding-left: 11px;
	vertical-align: -2px;
}

.white-block-small-button {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	color: #333;
	text-decoration: none;
	font-weight: 400;
	border-radius: 200px;
	padding: 15px 20px;
	letter-spacing: 2px;
	background-color: #FFFFFF;
	border-radius: 200px;
	border: 1px solid #CCC;
	transition: all 0.3s ease;
}
.white-block-small-button:hover {
	background-color: red;
	transition: all 0.3s ease;
	border-color: red;
	color: white;
}
.white-block-small-button::after {
	content: '\E315';
	color: #333;
	font-family: 'Material Icons';
	padding-left: 11px;
	vertical-align: -2px;
}

.main {
	font-family: roboto;
	font-size: 14px;
	font-weight: 400;
	color: #999;
}
.maintext {
	font-family: roboto;
	font-size: 18px;
	font-weight: 400;
	color: #30302E;
	text-decoration: none;
}

.rob-28-yellow-thin {
	font-family: 'Roboto', 'sans-serif';
	font-size: 28px;
	font-weight: 100;
	color: #ffed00;
	line-height: 30px;
}
.rob-thin-sub {
	font-family: 'Roboto', 'sans-serif';
	font-size: 28px;
	font-weight: 100;
	color: #090;
	line-height: 30px;
}

.rob-28-white-thin {
	font-family: 'Roboto', 'sans-serif';
	font-size: 28px;
	font-weight: 100;
	color: #FFF;
	line-height: 30px;
	text-decoration: none;
}
.rob-12-white {
	font-family: 'Roboto', 'sans-serif';
	font-size: 13px;
	font-weight: 300;
	color: #FFFFFF;
	line-height: 18px;
	letter-spacing: 2px;
	text-decoration: none;
	transition: all 0.2s ease;
}
.rob-12-white:hover {
	color: #B7D900;
	transition: all 0.2s ease;
}
.rob-12-lightgreen {
	font-family: 'Roboto', 'sans-serif';
	font-size: 12px;
	font-weight: 300;
	color: #B7D900;
	line-height: 18px;
	letter-spacing: 2px;
	text-decoration: none;
}
.rob-12-grey {
	font-family: 'Roboto', 'sans-serif';
	font-size: 12px;
	font-weight: 300;
	color: #4d4e53;
	line-height: 18px;
	letter-spacing: 2px;
}
.rob-28-green-thin {
	font-family: 'Roboto', 'sans-serif';
	font-size: 28px;
	font-weight: 100;
	color: #B7D900;
	line-height: 30px;
}
.rob-32-green-thin {
	font-family: 'Roboto', 'sans-serif';
	font-size: 32px;
	font-weight: 100;
	color: #C4E808;
	line-height: 30px;
}
.rob-32-dark-green-thin {
	font-family: 'Roboto', 'sans-serif';
	font-size: 32px;
	font-weight: 300;
	color: #97AB32;
	line-height: 45px;
}
.rob-32-dark {
	font-family: 'Roboto', 'sans-serif';
	font-size: 60px;
	font-weight: 300;
	color: #333;
	line-height: 45px;
}
.underline-grey {
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}


.rob-22-dark-green-thin {
	font-family: 'Roboto', 'sans-serif';
	font-size: 22px;
	font-weight: 300;
	color: #97AB32;
	line-height: 32px;
}
.rob-22-dark {
	font-family: 'Roboto', 'sans-serif';
	font-size: 22px;
	font-weight: 300;
	color: #333;
	line-height: 38px;
}
.rob-26-dark-green-thin {
	font-family: 'Roboto', 'sans-serif';
	font-size: 26px;
	font-weight: 300;
	color: #97AB32;
	line-height: 36px;
}
.roboto-13-lightgrey {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	font-weight: 300;
	color: #e3e3e3;
	line-height: 24px;
	letter-spacing: 1px;
	text-decoration: none;
}
.roboto-13-grey {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	font-weight: 300;
	color: #a1a1a0;
	line-height: 24px;
	letter-spacing: 1px;
	text-decoration: none;
}
.roboto-20-darkgrey {
	font-family: 'Roboto', sans-serif;
	font-size: 19px;
	font-weight: 300;
	color: #666;
	line-height: 30px;
	letter-spacing: 0.5px;
	text-decoration: none;
}
.roboto-42-white {
	font-family: 'Roboto', sans-serif;
	font-size: 42px;
	font-weight: 300;
	color: #FFFFFF;
	line-height: 54px;
	letter-spacing: -0.5px;
	text-decoration: none;
}
.roboto-42-black {
	font-family: 'Roboto', sans-serif;
	font-size: 42px;
	font-weight: 300;
	color: #27282c;
	line-height: 54px;
	letter-spacing: -0.5px;
	text-decoration: none;
}
.roboto-20-grey {
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-weight: 300;
	color: #6a6c72;
	line-height: 34px;
	text-decoration: none;
}
.rob-light-14-grey {
	font-family: Roboto, sans-serif;
	font-size: 14px;
	font-weight: 300;
	color: #acaba2;
	line-height: 25px;
	text-decoration: none;
}
.rob-light-14-dark {
	font-family: Roboto, sans-serif;
	font-size: 14px;
	font-weight: 300;
	color: #333;
	line-height: 30px;
	text-decoration: none;
}
.rob-light-14-green {
	font-family: Roboto, sans-serif;
	font-size: 14px;
	font-weight: 300;
	color: #090;
	line-height: 30px;
	text-decoration: none;
}

.rob-black {
	font-family: 'Roboto', 'sans-serif';
	font-size: 24px;
	font-weight: 300;
	color: #2f2f2f;
	line-height: 38px;
}
.rob-20-black {
	font-family: 'Roboto', 'sans-serif';
	font-size: 20px;
	font-weight: 300;
	color: #2f2f2f;
	line-height: 30px;
}
.main {
	font-family: 'Roboto', 'sans-serif';
	font-size: 18px;
	font-weight: 300;
	color: #000;
	line-height: 30px;
}


.rob-34-black {
	font-family: 'Roboto', 'sans-serif';
	font-size: 34px;
	font-weight: 300;
	color: #30302E;
	line-height: 30px;
}
.rob-30-black {
	font-family: 'Roboto', 'sans-serif';
	font-size: 30px;
	font-weight: 300;
	color: #30302E;
	line-height: 30px;
}

.border-right {
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #CCC;
}


.black-line {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #222220;
}
.grey-line {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}

.black-line-top {
	border-bottom-color: #FFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000;
}




#topnav div.drop {
	position: relative;	
	width: 100%;
	height: 100%;
	line-height: 55px;
	display: block;
}
#topnav div.drop div {
	display: none;
	position: absolute;
	top: 55px;
	width: 200px;
	line-height: normal;
	height: auto;
	min-height: 15px;
	padding: 0px;
	z-index: 10000000000;
}
#topnav div.drop:hover > div {
	display: block;
}
a.top-link {
	font-family: Roboto;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	padding: 15px 5px;
	width: 100%;
	line-height: 58px;
	font-weight: normal;
	letter-spacing: 1px;
}
a.top-link:hover {
	border-bottom: 2px solid #bbda11;
}
img.sop {
	filter: alpha(opacity=100);
	opacity: 1;
	transition: all 0.4s ease;
}
img:hover.sop  {
	filter: alpha(opacity=50);
	opacity: 0.6;
	transition: all 0.4s ease;
}
.breadcrumbs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	text-decoration: none;
}
.rounded-grey {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: #eeeeee;
}
.rounded-dark {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: #626262;
}
.rounded {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.rob-18-grey-justify {
	font-family: Roboto;
	font-size: 18px;
	line-height: 30px;
	color: #333;
	text-decoration: none;
	text-align: justify;
	font-weight: 400;
}
.heading-justify {
	font-family: Roboto;
	font-size: 24px;
	line-height: 30px;
	color: #333;
	text-decoration: none;
	text-align: justify;
	font-weight: 300;
}

.rob-16-grey-justify {
	font-family: Roboto;
	font-size: 16px;
	line-height: 26px;
	color: #333;
	text-decoration: none;
	text-align: justify;
	font-weight: 400;
}
#mobile_return {
   display: block; top: 0; left: 0; width: 100%; text-align: center; /*Leave this line alone */
   position: fixed;
   height: 2em;
   background: #fff;
}
#mobile_return a { 
   font-size: 1em; line-height: 2em; vertical-align: middle; text-decoration: none; /*Leave this line alone */
   font-family: "Helvetica Neue", Arial, sans-serif;
   color: #000;
}