@media screen { 
	html, body {margin:0; padding:0;}
	body {font:400 16px 'Roboto',Arial, Helvetica, sans-serif; background: #fff;}
	* {outline: none;float: none;position:static;font-size: 100%;margin: 0; padding: 0;}
	a {text-decoration: none;}

	header {background:#28313a; padding: 1rem 0;}
	header .row {position: relative;}
	header .row .columns:nth-child(2) {text-align: right;}
	div.Header {}
	a.linklogin {position: static; display: inline-block; vertical-align: top;margin-top: 1rem; color:#fff; font-size:.875rem;}

	section.regform {}
	section.regform .row {position: relative;}
	section.regform iframe {width: 641px; height: 500px;position: relative;z-index: 100;margin-top: 1.5rem;}
	div.Registration {width:auto; max-width: 475px;margin: 0 0 1rem 1rem;position: relative; z-index: 10;}
	div.Registration h2 {width: auto; max-width: 315px; margin: 0 auto 1rem auto;}
	div.Registration h2, div.Registration h2 strong {font-size:1.875rem; text-align:center; font-weight:400; color:#c30;}
	.signup {text-align: center;margin-bottom: 1rem;font-size: 1.2rem; text-transform: uppercase; color: #96999c;line-height: 40px;}
	.signup .slogo {display: inline-block; vertical-align: middle;margin-right: 1rem;width: 146px; height: 44px;background: url(/images/index/signup.jpg) no-repeat top left;}
	div.signup a.linklogin {color: #d00e0f; font-size: 1.2rem;margin: 0 0 0 1rem;vertical-align: middle;}
	div.Registration form {width: auto; margin:0 auto;}
	div.Registration dl.horizontal {margin:0 0 1rem 0 !important;width: 100%;}
	div.Registration dl.horizontal input, div.Registration dl.horizontal select {margin: 0; width: 100%; height: 30px;border: 1px solid #b1b1b1;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
	div.Registration dl dt, div.Registration dl dd, div.Registration dl.horizontal dd {float: none; margin: 0 !important; width: auto;}
	div.Registration dl.horizontal dt, div.Registration dl.horizontal dd {display: inline-block; vertical-align: top;}
	div.Registration dl.horizontal dt {color: #28313a; width: 120px;padding-top: .2rem;}
	div.Registration dl.horizontal dd {width: 300px;}
	div.Registration dl.horizontal select::-ms-expand {display: none;}
	div.Registration dl.horizontal select {-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;appearance: none;cursor: pointer;background-image: url(/images/index/select-arrow.png);background-repeat: no-repeat;background-position: right center;}
	div.Registration select#birthYearPerson1, div.Registration select#birthYearPerson2 {width:30%;}
	div.Registration select#birthMonthPerson1, div.Registration select#birthMonthPerson2 {width:36%;}
	div.Registration select#birthDayPerson1, div.Registration select#birthDayPerson2 {width:30%;}
	p.submitbutton {margin:0; padding:0; zoom:0; text-align:left; position:relative;}
	.button, .submit {cursor:pointer}
	div.Registration input.submit {display: block; width:100%; max-width: 320px; height:auto; margin: 0 auto 1rem auto; padding: .8rem 0; line-height:normal; border: 0; color:#fff; font-weight:400; font-size:2.25rem; background:#1fbc00; text-align:center; text-transform:lowercase;letter-spacing: -2px;border: 1px solid #00db05; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow: inset 0px 2px 0px 0px rgba(255, 255, 255, 0.4);-moz-box-shadow: inset 0px 2px 0px 0px rgba(255, 255, 255, 0.4);box-shadow: inset 0px 2px 0px 0px rgba(255, 255, 255, 0.4);-webkit-box-shadow: inset 0px 2px 0px 0px rgba(255, 255, 255, 0.4), 0px 3px 5px 0px rgba(0, 0, 0, 0.14);-moz-box-shadow: inset 0px 2px 0px 0px rgba(255, 255, 255, 0.4), 0px 3px 5px 0px rgba(0, 0, 0, 0.14);box-shadow: inset 0px 2px 0px 0px rgba(255, 255, 255, 0.4), 0px 3px 5px 0px rgba(0, 0, 0, 0.14);}
	div.RegistrationSimple p.error {position: static; width: 100%;}
	div.RegistrationSimple p.warning {color:#707c89; font-size:.7rem;}
	div.RegistrationSimple p.submitbutton.warning {color: #707c89; text-align: center;}
	div.RegistrationSimple div.submit-block p.warning, div.RegistrationSimple div.submit-block p.warning a {font-size: .6875rem;}
	div.RegistrationSimple div.submit-block p.warning {color: #707c89;max-width: 300px; margin: 0 auto;}
	div.RegistrationSimple p.warning a {color:#707c89;}
	.hideInForm {display:none !important;}
	
	.visual {position: absolute; top: 0; right: 0;}
	
	div.welcome {padding: 2.2rem 1rem 1rem 1rem; position: relative; z-index: 10;}
	div.welcome h2 {color:#c30; font-size: 1.875rem; font-weight: 400;}
	div.welcome p {margin-bottom: .875rem;color: #6b6b68;}
	
	section.members {padding:2rem 0;}
	off-div.SearchResult {height: 400px; overflow: hidden;}
	div.SearchResult h2 {display: none; }
	div.MembersList {text-align: center;}
	div.simple div.member {float: none;position: relative; display: inline-block;vertical-align: top;width: 120px; height: auto;margin: 1rem;padding:0;text-align: left;font: 1rem 'Open Sans Condensed';border: 0;-webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.75);box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.75);}
	div.simple div.member img {display: block;width: 100%; height: 136px;margin-top: 2rem;}
	div.simple div.member div.username {position: absolute; width: 100%; top:0; left: 0; line-height:2rem;text-align: left;padding-left: .2rem;}
	div.simple div.member div.username a {color: #000;}

	div.simple div.member-info {float: none;position: relative; display: inline-block;vertical-align: top;width: 120px; height: auto;margin: 1rem;padding:0;text-align: left;font: 1rem 'Open Sans Condensed';border: 0;-webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.75);box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.75);}
	div.simple div.member-info img {display: block;width: 100%; height: 136px;margin-top:0;}
	div.simple div.member-info div.username {position: absolute; width: 100%; top:0; left: 0; line-height:2rem;text-align: left;padding-left: .2rem;}
	div.simple div.member-info a {color: #000;}
	div.simple div.member-info a:last-child {padding-left:3px}
	div.simple div.member-info br {content: " ";  display: none;}

	footer {background: #28313a; padding: 1.6875rem 0 2rem 0;}
	ul#bottonNavigation {margin:0 0 1.6rem 0; padding:0; list-style:none; float:none; text-align:center;}
	ul#bottonNavigation li {margin:0 .75rem 0 0; padding:0; float:none; display:inline-block;vertical-align: top;}
	ul#bottonNavigation li a {display: block; text-decoration: underline; color: rgba(255,255,255,.64);text-transform: uppercase;}
	div#copyright {float: none;color:rgba(255,255,255,.45); margin:0 0 1rem 0; text-align:center; font-size:.7rem;text-align: center; padding-top: 1.5rem;}
	div#copyright br {display: none;}
	
	p.warningNotification {color:rgba(255,255,255,.23); text-align:center; margin:0; padding:0; font-size:.7rem;max-width: 55%;}
}

@media only screen and (max-width: 40em) {
	img.visual {display:none;}
	section.regform .row {background: none;}
	section.regform iframe {width: 100%;}
	div.Registration {max-width: 100%;background:none;padding:0;margin: 1.5rem auto 0 auto;}
	div.Registration h2 {margin-bottom: .5rem;}
	div.Registration form {width: 300px; margin: 0 auto;}
	div.Registration dl.horizontal dt, div.Registration dl.horizontal dd {display: block; width: 100%;}
	div.Registration dl.horizontal dt {margin-bottom: .5rem;}
	div.Registration dl.horizontal input.submit {max-width: 100%;}
	div.welcome {}
	off-div.SearchResult {height: 170px;}
	div.MembersList {text-align: left;white-space: nowrap;}
	div.simple div.member {width: 89px;}
	div.simple div.member img {height: 102px;}
	div.simple div.member div.username a {font-size: .8rem;}
	ul#bottonNavigation li {display: block;border-bottom: 1px solid rgba(136,136,136,.33);text-align: left;}
	ul#bottonNavigation li a {padding: 1rem 0 .4375rem 2rem;color: rgba(223,223,223,1); text-decoration: none;font-size: .6875rem;}
	div#copyright {color: rgba(183,183,183,.77);}
	p.warningNotification {max-width: 100%;}
}