/*
*/
ul	{margin: 0px;}
form	{margin-bottom: 24px;}


#container	{position: relative; width: 100%; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -80px; padding: 0px;}

.header		{overflow: hidden; border-top: solid 4px #000; background-color: #ddd; box-shadow: 0px 2px 14px #000 !important;}
.header h3 {font-family: 'Oswald',arial; font-size: 0.75rem; font-weight: normal; float: right; margin: 0px; padding: 8px;}
.header .logo {float: left; max-width: 15%; margin: 8px;}
.header .logo img {max-width: 100%; height: auto; margin: 0px auto;}

.content_info {min-height: 500px; margin: 0px auto; padding: 20px 30px;}
.content_info h2 {font: bold 1.8rem 'Roboto', arial; margin: 0px 0px 8px 0px; padding: 0px;}
.content_info h3 {font: bold 1.2em 'Roboto', arial !important; margin: 0px; padding: 0px 0px 4px 0px;}
.content_info h4 {font: bold 1.1em 'Roboto', arial !important; margin: 0px; padding: 0px;}
.content_info h5 {font: normal 1em 'Roboto', arial; margin: 0px; padding: 0px;}
.content_info p,.content_info li, .content_info a {font: normal 1em 'Roboto', arial !important;}
.content_info a	{color: #e51b24 !important; text-decoration: none;}

li span		{font-size: 0.9em; font-style: italic;}

.form_items div.item	{flex: 0 1 calc(33.333% - 20px); margin: 0 0.5em 0.5em 0; padding: 6px; background-color: #eee; border: solid 1px #ccc; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
.form_items div.item:hover	{box-shadow: 0 0 4px #000;}
.form_items input[type='text'] {width: 85%; padding: 4px; border: solid 1px #999; background-color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.form_items input[type='checkbox'] {vertical-align: top; margin-top: 6px;}
.form_items label {width: 70%;}
.form_items label span	{font-size: 0.7em;}
.form_items h3	{margin-top: 12px;}

.modal-title {font-weight: bold;}
.modal-title small {font-weight: normal}
.modal-subtitle	{font-weight: bold; font-style: italic; background-color: #ccc; margin: -16px -16px 0px -16px;}

#email_container input	{width: 240px; padding: 4px; border: solid 1px #999; background-color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}

.message_box	{display: none; position: fixed; width: 50%; padding: 10px; margin: 0px 0px 0px 25%; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; z-index: 999; background-color: #ff6;}
.message_img	{float: left; margin-right: 8px;}
.message_txt	{font: bold 1.6em 'Roboto'; float: left; width: 90%;}

/* System Messages
******************************/
.system-message {
	position: fixed;
	top: 45%;
	left: 25%;
	margin-left: 0;
	width: 50%;
	opacity: 1;
	transition: opacity 1s; 
	z-index: 9999;
}
.system-message i {
	font-size: 1.6em;
}
.system-message span {
	font-size: 1.2em;
	margin-left: 0.5em;
}


.input_button	{font-size: 0.9em; color: #1e1e1e; text-transform: uppercase; display: block; padding: 4px 8px; border: solid 1px #333; background-color: #eee; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; box-shadow: 0px 0px 2px #999;}
.input_button:hover	{color: #fff; background-color: #999; cursor: pointer;}

.footer		{height: 50px; background-color: #525252; border-top: solid 2px #323232;}
.footer p {font: normal 0.8em 'Pontano Sans', arial !important; color: #8c8c8c; text-transform: uppercase; line-height: 12px; margin: 0px; padding: 0px 24px;}
.footer p:first-child	{padding-top: 8px;}

label			{font: normal 1.1em 'Oswald';}

@media (min-width: 980px) {
.header h3 {font-size: 1.75rem; font-weight: bold; padding: 24px 16px;}
}
@media (min-width: 768px) and (max-width: 979px) {
.header h3 {font-size: 1.35rem; padding: 16px;}
}
@media (min-width: 481px) and (max-width: 767px) {
.header .logo {max-width: 15%; margin: 4px;}
.header h3 {font-size: 0.9rem; font-weight: normal; padding: 8px;}
.content_info h2 {font-size: 1.15rem;}
}
@media (max-width: 480px) {
.header .logo {max-width: 20%; margin: 4px;}
.content_info h2 {font-size: 1rem;}
}