@charset "UTF-8";
#wrapper #main #redtrigger {
	height: 196px;
	width: 196px;
	position: absolute;
	left: 216px;
	top: 29px;
	cursor: pointer;
}
#wrapper #main #bluetrigger {
	height: 196px;
	width: 196px;
	position: absolute;
	left: 19px;
	top: 180px;
	cursor: pointer;
}
#wrapper #main #orangetrigger {
	height: 196px;
	width: 196px;
	position: absolute;
	left: 417px;
	top: 175px;
	cursor: pointer;
}
#wrapper #main #greentrigger {
	height: 196px;
	width: 196px;
	position: absolute;
	left: 112px;
	top: 387px;
	cursor: pointer;
}
#wrapper #main #whitetrigger {
	height: 196px;
	width: 196px;
	position: absolute;
	left: 318px;
	top: 391px;
	cursor: pointer;
}
#wrapper #main #redbox {
	margin: 0px;
	padding: 15px;
	width: 160px;
	position: absolute;
	left: 347px;
	top: 127px;
	background-color: rgba(255,255,255,.8);
	border: 5px solid #ED1C24;
	border-radius: 14px;
	box-shadow: 3px 3px 3px 3px rgba(0,0,0,.25);
}
#wrapper #main #redbox h1 {
	color: #EC1B24;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
	font-size: 35px;
	line-height: 35px;
}
#wrapper #main #redbox p {
	font-size: 14px;
	line-height: 24px;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #515151;
}
#wrapper #main #redbox .learn-more  a{
	color: rgba(255,255,255,1);
	background-color: rgba(237,27,36,1);
	padding: 8px;
	text-align: center;
	border-radius: 8px;
	margin-top: 10px;
	margin-bottom: 0px;
	display: block;
	font-size: 12px;
	text-transform: uppercase;
}
#wrapper #main #redbox .learn-more a:hover {
	background-color: rgba(186,32,38,1);
	letter-spacing: 2px;
}
#wrapper #main .close {
	position: absolute;
	left: 170px;
	top: 5px;
}
#wrapper #main #bluebox {
	margin: 0px;
	padding: 15px;
	width: 160px;
	position: absolute;
	left: 50px;
	top: 245px;
	background-color: rgba(255,255,255,.8);
	border: 5px solid #2E3092;
	border-radius: 14px;
	box-shadow: 3px 3px 3px 3px rgba(0,0,0,.25);
}
#wrapper #main #bluebox h1 {
	color: #2E3092;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
	font-size: 35px;
	line-height: 35px;
}
#wrapper #main #bluebox p {
	font-size: 14px;
	line-height: 24px;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #515151;
}
#wrapper #main #bluebox .learn-more  a{
	color: rgba(255,255,255,1);
	background-color: rgba(46,48,146,1);
	padding: 8px;
	text-align: center;
	border-radius: 8px;
	margin-top: 10px;
	margin-bottom: 0px;
	display: block;
	font-size: 12px;
	text-transform: uppercase;
}
#wrapper #main #bluebox .learn-more a:hover {
	background-color: rgba(29,30,74,1);
	letter-spacing: 2px;
}
#wrapper #main #orangebox {
	margin: 0px;
	padding: 15px;
	width: 160px;
	position: absolute;
	left: 375px;
	top: 245px;
	background-color: rgba(255,255,255,.8);
	border: 5px solid #FBB040;
	border-radius: 14px;
	box-shadow: 3px 3px 3px 3px rgba(0,0,0,.25);
}
#wrapper #main #orangebox h1 {
	color: #FBB040;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
	font-size: 35px;
	line-height: 35px;
}
#wrapper #main #orangebox p {
	font-size: 14px;
	line-height: 24px;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #515151;
}
#wrapper #main #orangebox .learn-more  a  {
	color: rgba(255,255,255,1);
	background-color: rgba(251,176,64,1);
	padding: 8px;
	text-align: center;
	border-radius: 8px;
	margin-top: 10px;
	margin-bottom: 0px;
	display: block;
	font-size: 12px;
	text-transform: uppercase;
}
#wrapper #main #orangebox .learn-more  a:hover {
	background-color: rgba(196,138,46,1);
	letter-spacing: 2px;
}
#wrapper #main #greenbox {
	margin: 0px;
	padding: 15px;
	width: 160px;
	position: absolute;
	left: 150px;
	top: 180px;
	background-color: rgba(255,255,255,.8);
	border: 5px solid #39B54A;
	border-radius: 14px;
	box-shadow: 3px 3px 3px 3px rgba(0,0,0,.25);
}
#wrapper #main #greenbox h1 {
	color: #39B54A;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
	font-size: 35px;
	line-height: 35px;
}
#wrapper #main #greenbox p {
	font-size: 14px;
	line-height: 24px;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #515151;
}
#wrapper #main #greenbox .learn-more  a  {
	color: rgba(255,255,255,1);
	background-color: rgba(57,181,74,1);
	padding: 8px;
	text-align: center;
	border-radius: 8px;
	margin-top: 10px;
	margin-bottom: 0px;
	display: block;
	font-size: 12px;
	text-transform: uppercase;
}
#wrapper #main #greenbox .learn-more  a:hover {
	background-color: rgba(42,133,65,1);
	letter-spacing: 2px;
}
#wrapper #main #whitebox {
	margin: 0px;
	padding: 15px;
	width: 160px;
	position: absolute;
	left: 285px;
	top: 180px;
	background-color: rgba(255,255,255,.8);
	border: 5px solid #C49A6C;
	border-radius: 14px;
	box-shadow: 3px 3px 3px 3px rgba(0,0,0,.25);
}
#wrapper #main #whitebox h1 {
	color: #C49A6C;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
	font-size: 35px;
	line-height: 35px;
}
#wrapper #main #whitebox p {
	font-size: 14px;
	line-height: 24px;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #515151;
}
#wrapper #main #whitebox .learn-more  a  {
	color: rgba(255,255,255,1);
	background-color: rgba(196,154,108,1);
	padding: 8px;
	text-align: center;
	border-radius: 8px;
	margin-top: 10px;
	margin-bottom: 0px;
	display: block;
	font-size: 12px;
	text-transform: uppercase;
}
#wrapper #main #whitebox .learn-more  a:hover {
	background-color: rgba(153,121,85,1);
	letter-spacing: 2px;
}