@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,300&subset=cyrillic-ext,latin-ext,latin,cyrillic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700,300italic&subset=latin,latin-ext);
@media screen { 

	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, sup, 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, spiketm, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
        font-size:100%;}
	body {font:400 1em 'Roboto',Arial,Helvetica,sans-serif; text-align:left;} 

	div.clear {clear:both; height:1px; overflow:hidden; font-size:1px;}
	div.holder {text-align:center; clear:both; position:relative; margin:0; background:#ffffff;}
	.row {position:relative;}

/* header block styles */
	header {background:#28313A; padding: 1rem 0;}
	div.Header {}
	a.linklogin {position: static; display: inline-block; vertical-align: top;margin-top: 1rem; color:#fff; font-size:.875rem; float:right;}
	a.linklogin:hover {text-decoration:underline;}
	

/* main block styles */
        h1.slogan {position:relative; font-family: 'Roboto', sans-serif; padding:0 1em; color: #c30;  font-size: 1.875rem; font-weight: 400; text-align: center; margin:1em 0 0; width:85%;}
        h1.slogan:empty {display:none;}
		
div.visual {position:absolute; width:100%; right:0; top:0; height:100%;}
div.intro {background-position:right top; background-repeat:no-repeat; position:absolute; width:100%; right:0; top:0; height:100%;}

.signup {color: #96999c; font-size: 1.2rem; line-height: 40px; margin:0.75em 0 0.5em; width:85%; text-align: center; text-transform: uppercase;}
.signup .slogo {background: url(/images/index/signup.jpg) no-repeat left top;  display: inline-block; height: 44px; margin-right: 1rem; vertical-align: middle; width: 146px;}
div.signup a.linklogin2 {color: #d00e0f; font-size: 1.2rem; margin: 0 0 0 1rem; vertical-align: middle; text-decoration:underline;}
div.signup a.linklogin2:hover {text-decoration:none;}

	p.submitbutton {margin:0px; padding:5px 0 0; zoom:0; text-align:center; position:relative;}
	.button, .submit {cursor:pointer}

	div.Registration {width:85%; margin:0; padding:1em 0 2em; position:relative; z-index:255;}
	div.Registration form {padding:0; margin:0;}

	div.Registration input.submit {width: 100%; color:#ffffff; text-align:center; border:1px solid #00db05; 
 height: auto; border-radius:4px; font:400 2.25em 'Roboto',sans-serif; text-transform:lowercase; background:#1fbc00; box-shadow:0 2px 0 0 rgba(255, 255, 255, 0.4) inset, 0 3px 5px 0 rgba(0, 0, 0, 0.14); -webkit-appearance: none; -moz-appearance: none;  appearance: none;   max-width: 320px; display: block; letter-spacing: -2px; line-height: normal;
    margin: 0 auto 1rem;  padding: 0.8rem 0;}

	div.Registration h2 {text-transform:uppercase; font-size: 1.875em;  font-weight: bold; line-height: 1.75rem;  margin-bottom: 1.125rem;  margin-top: 0; color:#d50a00;  padding-top: 0.5em; text-align: center; font-family:'Open Sans Condensed',sans-serif; display:none;}

	div.Registration h2 strong {font-size:1.7em;  white-space:nowrap; padding:0 0.2em; color:#d50a00;}

	div.Registration dl.horizontal {margin:0; overflow:hidden;}
	div.Registration dl.horizontal dt {font-size:1em; width:35%; padding:0; float:left; color:#28313a;}
	div.Registration dl.horizontal dd {width:65%; float:right;}
	
	div.Registration dl.horizontal dd.nolabel {font-size:11px; white-space:normal; color:#585858;}
	div.Registration dl.horizontal dd.nolabel label {white-space:normal;}

	div.Registration dd input, div.Registration dd select { border-radius: 3px; height: 2.4em; box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset; color:#666666; border:1px solid #cccccc; font-size:0.875em; padding:0.5em;}
        div.Registration dd input:hover, div.Registration dd select:hover {background:#f3f3f3; border-color:#999999;}
	div.Registration dd input {width:100%;}
	
        div.Registration dd select {background-image:url(/images/index/selectarrow.png); background-position: 96% center; background-repeat: no-repeat; -webkit-appearance: none; -moz-appearance: none;  appearance: none; }
   
	div.Registration dd input.checkbox {width:auto}
	
	div.Registration select#birthYearPerson1, div.Registration select#birthYearPerson2 {width:33%; background-position: 88% center;}
	div.Registration select#birthMonthPerson1, div.Registration select#birthMonthPerson2 {width:33%; background-position: 88% center;}
	div.Registration select#birthDayPerson1, div.Registration select#birthDayPerson2 {width:30%; background-position: 88% center;}
		

	div.Registration a {color:#585858;}
	div.Registration dl dd {margin-bottom: 0.7em !important;}
        div.Registration dl dt {margin-bottom: 0px !important;}
	
	div.RegistrationSimple p.warning {margin:3px 0; font-size:0.6em; color:#585858;}
	div.RegistrationSimple div.submit-block p.warning { margin:0; color:#585858;}
	div.RegistrationSimple div.submit-block p.warning a {text-decoration:underline; color:#585858;}
	div.RegistrationSimple div.submit-block p.warning a:hover {text-decoration:none;}
	div.RegistrationSimple p.error {}	
	
	.submit-block {clear: both; position: relative;}

	.hideInShortFrom {display:none;}
	.SidebarItem.SwitchLayout {display:none;}

/* media block styles */
        div#media {padding:2rem 0 1.2rem;}

	.SearchResult {float:none; margin:0; position:relative; padding:0; width:100%;}
	div.SearchResult h2 {display:none;}
        div.simple {position:relative;}
	div.simple div.member, div.simple div.member.featured {border:none; width:13%; height:auto; margin:0 1% 3% 2%; padding:2.4em 0 0; position:relative; overflow:hidden; box-shadow:0 0 2px rgba(0, 0, 0, 0.7); background:#fff;}
	div.simple div.member div.info {display:none;}
	div.member div.username {width:97%; text-align:left; position:absolute; left:0; top:0; padding:0 0 0 3%; font: 1rem/2em 'Open Sans Condensed',sans-serif;}
	div.member img {width:100%; height:auto;} 
	div.SearchResult a {color:#222; display:block;}

	div.welcome {position:relative; padding: 1em 0 4em; font-size:1em; clear:both; text-align:left;}
	div.welcome h1, div.welcome h2, div.welcome h3, div.welcome h4 {color: #c30; font-size: 1.875rem; font-weight: 400;}
	div.welcome p {padding:0 0 0.875em;}


/* footer block styles */	
	footer {padding:1.6875rem 0 2rem;}

	ul#bottonNavigation {margin:0 0 1.6rem; 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; font-family:'Roboto'; font-weight:400;}
	ul#bottonNavigation li a:hover {text-decoration: none;}

	div#copyright {float: none; color:rgba(255,255,255,.45); margin:0 0 1rem; 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,.33); text-align:center; margin:0 auto; padding:0; font-size:.7rem; width: 55%;}

	.custom_footer_content {padding:3em 1em 2em; position:relative;}
	.custom_footer_content .row {margin:0;}
}


@media only screen and (max-width: 768px) {
div.Registration {width:100%}
div.signup {width:100%}
h1.slogan {width:100%}
div.simple div.member, div.simple div.member.featured {margin:0 1% 2% 0.5%; width:15%;}
div.intro { background-size: 48% auto;}
}

@media only screen and (max-width: 640px) {
div.visual {display:none;}
h1.slogan {padding:0; font-size:1.75rem;}
div.Registration {width:300px; margin:0 auto;}
	div.Registration dl.horizontal dt {width:100%; float:none;}
	div.Registration dl.horizontal dd {width:100%; float:none;}
div.welcome {padding:0 0 2em;}
footer .columns {padding:0;}
ul#bottonNavigation li {border-bottom: 1px solid rgba(136, 136, 136, 0.33); display: block; text-align: left; margin:0;}
ul#bottonNavigation li a { color: rgba(223, 223, 223, 1); font-size: 0.6875rem; padding: 1rem 0 0.4375rem 2rem; text-decoration: none;}
p.warningNotification {width:94%;}
}

@media only screen and (max-width: 480px) {
div.simple div.member, div.simple div.member.featured { margin: 0 1.5% 3%; width: 22%;}

@media only screen and (max-width: 320px) {
div.Registration {width:100%;}
h1.slogan {font-size:1.5rem;}
div.simple div.member, div.simple div.member.featured {width:30%;}
.signup .slogo {margin-right:0.5rem;}
}

/*375600.1.351.2.88445ab*/