@media screen {
	html, body {margin:0; padding:0;}
	body {font: 400 16px 'Roboto', Helvetica, sans-serif; background:#000 url(/images/index/visual.jpg) no-repeat top center;}
	* {outline: none;float: none;position:static;font-size: 100%;margin: 0; padding: 0;}
	a {text-decoration: none;}
	
	header {margin-bottom: 2rem;}
	header h2 {font-size: 100%;}
	header .columns:nth-child(2) {text-align: right;}
	div.Header {}
	a.linklogin, div.SwitchLocale {display: inline-block; vertical-align: top;position: static; padding: 1.125rem 1.3125rem; margin-top: 1rem;border-width: 1px; border-style: solid;}
	a.linklogin {background: #3a6aa7;border-color: #3a6aa7;}
	a.linklogin, div.SwitchLocale div span.label {font-size: 1rem; color: #fff;text-transform: uppercase;}
	div.SwitchLocale  {position:relative;border-color:#939492;}
	div.SwitchLocale p {display: none;}
	div.SwitchLocale div {margin: 0;}
	div.SwitchLocale div, div.SwitchLocale div#switchLocalesTrigger {display: inline-block; vertical-align: top;border:0; float:none;margin: 0;}
	div.SwitchLocale div span.label {border: 0;height: auto;line-height: normal;margin: 0;padding: 0;}
	div.SwitchLocale div#switchLocalesTrigger {}
	.highlighted div.topline {display: none;}
	div.SwitchLocale div.highlighted ul {padding: 0;margin: 0;text-align: left;border: 0;}
	div.SwitchLocale div.highlighted ul li a, div.SwitchLocale div.highlighted ul li span {height: auto;line-height: normal;font-weight: 400;padding: .3rem;border: 0;}
	
	section.regform {}
	h1.slogan {font-size: 3rem;font-weight:700;padding:0;margin:0 0 1rem 0;color:#fff;text-align: right;overflow: hidden;}
	h1.slogan span, h1.slogan strong {color:#ffd131;}
	div.Registration {width:100%;max-width:360px;padding:1.8rem 0;margin:0 0 0 auto;background: rgba(0,0,0,.7);}
	div.Registration h2 {text-align:center;color: #fff;font-weight: 300;font-size: 1.125rem;margin-bottom: 2rem;display: none;}
	div.Registration h2 strong {color: #105ca6;font-weight: 300;font-size: 2.5rem;display: block;}
	div.Registration form {width: 300px; margin: 0 auto;}
	div.Registration dl.horizontal {margin:0;width: 100%;margin-bottom: .8rem !important;}
	div.Registration dl.horizontal input, div.Registration dl.horizontal select {margin: 0; width: 100%;color: #a3a6a9; font-size: .9375rem;border:0;height: 40px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
	div.Registration dl dt, div.Registration dl dd, div.Registration dl.horizontal dd {float: none; margin: 0 !important; width: 100%;}
	div.Registration dl.horizontal dt {display: none;}
	div.Registration dl.horizontal dd {position: relative;}
	span.iconbkg {position: absolute; top: 0; left: 0;background: url(/images/index/regform-dl-bkg.png) no-repeat top left;display: inline-block;width: 42px;height: 40px;margin-right: -4px;vertical-align: top;}
	.iconbkg.i_am, .iconbkg.looking_for {background-position:top left;}
	.iconbkg.d_o_b {background-position:center left;}
	.iconbkg.e_mail{background-position:bottom left;}	
	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#genderId, div.Registration select#sexId {padding-left: 45px;}
	div.Registration select#birthDayPerson1, div.Registration select#birthDayPerson2 {margin-right: -4px;padding-left: 45px;width: 35%;}
	div.Registration select#birthMonthPerson1,
	div.Registration select#birthMonthPerson2 {margin-right: -4px;border-width: 0 1px; border-style: solid; border-color: #aeaeae;width: 43%;}
	body.ja div.Registration select#birthDayPerson1, body.ja div.Registration select#birthDayPerson2 {padding-left: 0;}
	body.ja div.Registration select#birthMonthPerson1,
	body.ja div.Registration select#birthMonthPerson2 {padding-left: 45px;}
	div.Registration input#email {padding-left: 45px;}
	input.invalid, select.invalid, textarea.invalid {color:#333!important;}
	.submitbutton {text-align:center;}
	p.submitbutton {margin:0; padding:0;}
	div.Registration input.submit{width:100%;background: #02cc31;color:#fff;border:0;height: auto;line-height :normal;text-transform: uppercase;margin: .4rem 0; padding: .8rem 0;font-size: 1.5rem;-webkit-box-shadow: inset 0px -3px 0px 0px rgba(0, 0, 0, 0.38);-moz-box-shadow: inset 0px -3px 0px 0px rgba(0, 0, 0, 0.38);box-shadow: inset 0px -3px 0px 0px rgba(0, 0, 0, 0.38);}
	div.RegistrationSimple p.warning, div.RegistrationSimple div.submit-block p.warning a {color:#fff;font-size: .6875rem;text-align: left;}
	dl p.error {position: static;width:100%;}
	dl.horizontal dd p.warning {color: #fff; font-size: .6875rem;font-weight: 500;}
	
	section.members {padding: 2.25rem 0 0 0; margin-top: -1.5rem;}
	div.SearchResult {position: relative;}
	div.h2wrap {position: relative;}
	div.SearchResult h2 {font-weight: 700; font-size: 2.625rem; text-align: center; background: url(/images/index/members-h2-bkg.png) no-repeat bottom center; padding-bottom: 1.5rem;letter-spacing: -3px;color: #fff;margin-bottom: 1rem;}

	.arrow {position: relative;bottom:0;width:100%;height:30px;background-color:#f8f8f8;}
	.arrow:before, .arrow:after {content:'';position: absolute;bottom: 100%;width: 50%;box-sizing: border-box;border-bottom: 30px solid #f8f8f8;}
	.arrow:before {right: 50%;border-right: 30px solid transparent;}
	.arrow:after {left: 50%;border-left: 30px solid transparent;}
	
	div.MembersList {background: #f8f8f8;text-align: center;}
	
	div.simple div.member {width: auto; max-width:194px; height:auto; border:0; margin: 0 auto; float: none; padding: 0; display: inline-block; vertical-align: top;}
	div.member img {width: 100%; height: auto; max-height: 222px;}
	div.member div.username {width:90%; margin: -1rem auto 1px auto; text-align:center;border: 1px solid #9f9f9f;position: relative;background: rgb(255,255,255);background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZmRmZGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(223,223,223,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(223,223,223,1)));background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(223,223,223,1) 100%);background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(223,223,223,1) 100%);background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(223,223,223,1) 100%);background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(223,223,223,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dfdfdf',GradientType=0 );}
	div.member div.username a {display: block; color: #868686; font-size: 1rem; font-weight: 700; padding: .4rem 0;}
	div.simple div.member div.info {display: none;}
	
	section.frontpage {background: #f8f8f8; padding: 2.8rem 0 0 0;text-align: center;}
	section.frontpage .stories {background: #fff; border: 1px solid #c6c6c6; border-bottom:0; position: relative;padding: 2rem;}
	.stories h2 {color: #ffd131; font-size: 2.625rem; margin-bottom: 1.7rem;text-align: center;}
	.stories strong {display:block; margin-bottom: 2.5rem; text-align: center;}
	.stories strong img {display: block; opacity: .3;}
	.stories strong p {text-align: center;font-size: 1.625rem; color: rgba(138,138,138,1);color: #8a8a8a; text-transform: uppercase;position: relative;z-index: 10;margin-top: -3rem;}
	.stories .row div:hover strong img {opacity: 1;}
	.stories p {text-align:justify;font-size: 1rem;line-height: 1.75rem;}
	.regnow {display: inline-block; border: 3px solid #7c7c7c;padding: .5rem 3rem; color: #7c7c7c; font-weight: 700; font-size: 1.5rem; margin: 1.7rem 0;}
	.regnow:hover {text-decoration: none;}
	div.welcome {padding:0;color: #fff;font-size: 1rem;font-weight: 300;line-height: 1.5rem;}
	div.welcome h3 {color: #105ca6;font-size: 2.5rem;font-weight: 300;margin: 0 0 1.25rem 0;}
	
	footer {background: #2a2a2a; padding:1.625rem 0;}
	ul#bottonNavigation {margin:0;padding: 0; list-style: none;}
	ul#bottonNavigation li {border:0;margin:0 1.25rem 1rem 0;padding:0;float:none; display: inline-block; vertical-align: top;}
	ul#bottonNavigation li a {color: rgba(255,209,49,.5); font-weight: 500;font-size: 1rem; text-transform: uppercase;}

	p.warningNotification {text-align:left;padding:0;margin:0;font-size: .8125rem; font-weight: 500;color: rgba(255,255,255,.5);}

	div#copyright {float: none;margin: 0; padding: 0;color: rgba(255,255,255,.5);font-size: .8125rem;font-weight: 500;}
	div#copyright br {display: none;}
	div#copyright span {color: rgba(255,209,49,.5);}

	.custom_footer_content .row {padding:0 .9rem 1.5rem .9rem;color: #fff;}
	.custom_footer_content h3 {margin-bottom: 1.3rem;color: #fff;}
	.custom_footer_content p {font-size: .75rem;font-weight: 300;}
	
}

@media only screen and (max-width: 40em) {
	header {margin-bottom: 1rem;}
	header .columns:nth-child(2) {text-align: left;}
	a.linklogin, div.SwitchLocale {padding: .5rem .7rem;}
	a.linklogin, div.SwitchLocale div span.label {font-size: .9rem;}
	div.SwitchLocale div.highlighted {width: auto !important;right: auto; left: 0;}
	section.regform {margin-bottom: 1rem;}
	section.regform .columns {padding: 0;}
	h1.slogan {font-size: 2.25rem;padding: 0 1rem;}
	div.Registration {background: none; padding: 0; max-width:100%;}
	div.SearchResult h2 {font-size: 1.5rem;letter-spacing: 0;background-size: auto 25px;}
	div.Registration dl.horizontal input, div.Registration dl.horizontal select {background-color: rgba(255,255,255,.3);color: #fff;}
	div.Registration select#birthMonthPerson1,
	div.Registration select#birthMonthPerson2 {border-color: #fff;}
	div.Registration dl.horizontal select {background-image: url(/images/index/select-arrow-white.png);/*background-repeat: no-repeat; background-position: right center;*/}
	input::-webkit-input-placeholder {color: #fff;}
	input:-moz-placeholder {color: #fff;}
	input::-moz-placeholder {color: #ffff;}
	input:-ms-input-placeholder {color: #fff;}
	div.Registration dl.horizontal select option {color: #000;}
	input.invalid, select.invalid, textarea.invalid {background-color:#ffafaf!important; color:#333!important;}	
	section.members {padding: 1.5rem 0 0 0;}
	div.MembersList {padding-bottom: 2rem;}
	div.simple div.member {max-width:100px;}
	div.member img {max-height: 116px;}
	div.member div.username a {font-size: .5625rem;}
	section.frontpage {padding-top:1.5rem;}
	section.frontpage .stories {padding:1rem;}
	.stories div.medium-4 {margin-bottom: 2rem;}
	.stories h2 {font-size: 1.625rem;}
	.stories strong {margin-bottom: 1rem;}
	.stories strong img {opacity: 1;width: 100%;}
	.stories strong p {display: none;}
	.stories p {font-size: .8125rem;line-height: 1.25rem;}
	.regnow {padding: .5rem 2rem; font-size: 1.0625rem; margin: 0;}
	ul#bottonNavigation, p.warningNotification, div#copyright {text-align: center;}
	div#copyright {margin-bottom: 1.5rem;}
	div.Sidebar.Left {background: #2a2a2a;}
}

@media only screen and (max-width: 30em) {
	.regnow {display: block; padding: .5rem 0;}
}

@media only screen and (max-width: 20em) {
	body {background-image: url(/images/index/visual_320.jpg); background-repeat: none; background-position: top center;}
}
/*108754.1.364.3.fc81bce*/