/* Reset CSS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	box-sizing: border-box;
}
html, body {
	min-width: 1200px;
	min-height: 100%;
	height: 100%;
}

.wrapper {
	width: 100%;
	margin: 0 auto;
	min-height: 100%;
	padding: 0 2em 14em 2em;
}
/* Header */
.header {
	padding: 1em 0;
	border-bottom: 1px solid #87B0CA;
	margin-bottom: 1em;
}

.a2a_svg {
	height: 5em !important;
	width: 5em !important;
}
.social {
	float: right;
}
.slogan {
	display: inline-block;
	font-size: 2.5em;
	padding: 0.3em 1em;
	vertical-align: top;
}
/* Footer */
.footer_container {
	height: 6em;
	margin-top: -6em;
	position: relative;
	padding: 0 2em;
	font-size: 1.3em;
}
.footer {
	padding-top: 2em;
}
.menu {
	padding-right: 1em;
}
.till {
	background: #FFFFFF;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmM2UzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMzAzMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #FFFFFF));
	background: -webkit-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%);
	background: -o-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%);
	background: -ms-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%);
	background: linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 100%);
 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef3e33', endColorstr='#d30300', GradientType=0 );
	bottom: 0;
	position: absolute;
	right: 2em;
}
.till > a {
	display: block;
	padding: 1em;
}
.till img {
	width: 9.3em;
}
.till:hover{
	-webkit-box-shadow: 6px 5px 30px 5px ;
	box-shadow: 6px 5px 30px 5px #2B4B6D;
}

#recaptcha_image {
	box-shadow: 0 1px 0 rgba(255,255,255,.15), 0 2px 4px rgba(0,0,0,.2) inset, 0 0 12px rgba(255,255,255,.1);
	border-radius: 1em;
}
#recaptcha_challenge_image {
	width: 50em;
	height: auto;
}
.control-group.captcha_wrapper > .captcha > .captcha_form_image {
	width: 50em !important;
	height: 9.5em !important;
	overflow: hidden;
	margin-bottom: 2.5em;
}
.control-group.captcha_wrapper {
	height: 24em;
}
.captcha {
	position: relative;
}
.captcha_image {
	position: absolute;
	right: 0;
	top: 0;
	padding: 0 1em;
}
.captcha_image img {
	height: 2.5em;
	margin: 0.25em;
	width: 2.5em;
}
.captcha_image a {
	display: block;
}
span[class*=a2a_s_] {
	background-size: 5em;
	margin-left:1em;
}
/* Buttons */
.b_default {
	font-size: 4em;
	color: #FFF;
	vertical-align: middle;
	box-shadow: 0 1px 0 rgba(255,255,255,.15), 0 0 1em rgba(255,255,255,.1);
	padding: 0.1em;
	background: #f8b640;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4YjY0MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOTg0MTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #f8b640 0%, #e98414 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8b640), color-stop(100%, #e98414));
	background: -webkit-linear-gradient(top, #f8b640 0%, #e98414 100%);
	background: -o-linear-gradient(top, #f8b640 0%, #e98414 100%);
	background: -ms-linear-gradient(top, #f8b640 0%, #e98414 100%);
	background: linear-gradient(to bottom, #f8b640 0%, #e98414 100%);
 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8b640', endColorstr='#e98414', GradientType=0 );
	border-radius: 0.4em;
	border: none;
	width: 14em;
	margin-bottom: 1em;
	display: block;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}
.b_default_disable {
	font-size: 4em;
	color: #FFF;
	vertical-align: middle;
	box-shadow: 0 1px 0 rgba(255,255,255,.15), 0 0 1em rgba(255,255,255,.1);
	padding: 0.1em;
	background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5));
	background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0 );
	border-radius: 0.4em;
	border: none;
	width: 14em;
	margin-bottom: 1em;
	display: block;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}
.b_default:hover {
	background: #d69727;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q2OTcyNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZTczMGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #d69727 0%, #ce730e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d69727), color-stop(100%, #ce730e));
	background: -webkit-linear-gradient(top, #d69727 0%, #ce730e 100%);
	background: -o-linear-gradient(top, #d69727 0%, #ce730e 100%);
	background: -ms-linear-gradient(top, #d69727 0%, #ce730e 100%);
	background: linear-gradient(to bottom, #d69727 0%, #ce730e 100%);
 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d69727', endColorstr='#ce730e', GradientType=0 );
	color: #fff;
}
.b_default:active {
	margin-top: 1px;
	margin-bottom: 2.5em;
	margin-left: 1px;
}
.b_default.on_hp {
	margin: 0.5em 0;
	box-shadow: 0.05em 0.1em 0.3em #303030;
}

.b_default.on_hp:active{
	box-shadow:none;
}

.b_default a {
	color: #fff;
	text-decoration: none;
	display: block;
}
.b_default_disable a {
	color: #ccc;
	text-decoration: none;
	display: block;
}

/* Homepage */
.modalimg {
	height: 6.7em;
}
.qr_code_link {
	background: #f0f0f0;
	border: 1px solid #ccc;
	border-radius: 0;
	box-shadow: none;
	color: #000;
	font-size: 0.5em;
	height: 12.3em;
	margin: 0.6em 0 0;
	padding: 1em;
	vertical-align: top;
	width: 27.5em;
	display:inline-block;
	padding: 1em;
} 
.result {
	line-height: normal;
	font-size: 2.5em;
	color: #FFF;
	vertical-align: middle;
	box-shadow: 0 1px 0 rgba(255,255,255,.15), 0 2px 4px rgba(0,0,0,.2) inset, 0 0 12px rgba(255,255,255,.1);
	padding: 0.5em;
	background: rgba(255,255,255,.1);
	border-radius: 0.5em;
}
.result > span {
	display: inline-block;
	font-size: 0.8em;
}
#show_qr {
	cursor: pointer;
	float: right;
	font-size: 0.8em;
	margin-top: 0.2em;
	text-decoration: underline;
}
#qr {
	background: none repeat scroll 0 0 #fff;
	margin: 0.5em 0 0 0;
	line-height: 1em;
	padding: 0em;
}

#qrImage
{
	width: 250px;
	height: 250px;
}

.copy_url {
	cursor: pointer;
	height: 1em;
	padding-left: 0.5em;
	vertical-align: middle;
}
.error_404  {
	display: block; 
	margin: 5em auto; 
	text-align: center;
	height: 12em;
}
.text_404  {
	text-align: center !important;
}
.social > .social_button {
	float: right;
	width: 5em;
	height: 5em;
	background-repeat: no-repeat;
	background-size: 5em 5em;
	margin-left: 1.5em;
}
.social > .social_button.facebook:hover {
	background-image:url('/images/facebook_hover.png')
}
.social > .social_button.twitter:hover {
	background-image:url('/images/twitter_hover.png')
}
.social > .social_button.google_plus:hover {
	background-image:url('/images/google_plus_hover.png')
}
.social > .social_button.facebook {
	background-image:url('/images/facebook.png')
}
.social > .social_button.twitter {
	background-image:url('/images/twitter.png')
}
.social > .social_button.google_plus {
	background-image:url('/images/google_plus.png')
}



#prompt-form {
	display: inline-block;
	padding: 5px 5px 5px 0px;
	width: 363px;
	vertical-align: middle;
	background-color: #326296;
	border: 1px solid #2D5887;
	border-radius: 4px;
}
#prompt-form label {
	display: block;
}
#prompt-form #login {
	margin-left: 1.9rem;
}
#prompt-form-container {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	text-align: center;
}
#prompt-message{margin: 1rem 0 1rem 0;}
.form-button{margin: 1rem 0 1rem 0;text-align: right;}
.form-button:last-child{margin-right: 3rem;}
#prompt-form-container:before {
	display: inline-block;
	height: 100%;
	content: '';
	vertical-align: middle;
}

#prompt-form input[type="text"], #prompt-form input[type=password] {
	margin: 5px;
	width: 180px;
	font-size: 1rem;
}




@media (min-width: 1024px) {
	body {
		font-size: 10px;
	}
}
@media (min-width: 1280px) {
	body {
		font-size: 12px;
	}
}
@media (min-width: 1650px) {
	body {
		font-size: 14px;
	}
}
@media (max-width: 1024px) {
	body {
		font-size: 14px;
	}
	.header  {
		text-align: center;
	}
	.header img {
		height: auto;
		margin: 1em 0;
		width: 100%;
	}
	.social, .slogan {
		display: none;
	}

}