@media screen {

/* Upload your main image to the following path or change if needed. Go to 'Other pages & files'->folder 'images'->upload an image with the name 'visual.jpg'.
For changing of current color theme go to 'Theme & Colours - Theme' */

    div.wrapper {position:relative;}

/* --------------------------------- */


html {margin:0; padding:0;}
body  {margin:0; padding:0; font:normal 1em Arial, sans-serif; text-align:left; background:#fff;}

a {text-decoration:none;}
a img {border:none;}

/* Typography resets */
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,th,td { margin: 0;  padding: 0; }

/* Default paragraph styles */
p {font-family: inherit;  font-weight: normal;  font-size: 1rem;  line-height: 1.6; text-rendering: optimizeLegibility;}

/* Default header styles */
h1, h2, h3, h4, h5, h6 { font-weight: normal;  font-style: normal;  text-rendering: optimizeLegibility;  margin-top: 0.2rem;  margin-bottom: 0.5rem;  line-height: 1.4;}
h1 {  font-size: 2.125rem; }
h2 {  font-size: 1.6875rem; }
h3 {  font-size: 1.375rem; }
h4 {  font-size: 1.425rem; }
h5 {  font-size: 1.125rem; }
h6 {  font-size: 1rem; }

.row {margin-bottom:0em; position:relative;}
.text-center {text-align:center;}

	.strong {font-weight:bold;}
	div.clear {clear:both; height:1px; overflow:hidden; font-size:1px;}

	div.holder {text-align:center; clear:both; position:relative;}
	.container {position:relative;}

/* styles for header block */

	header { width:100%; z-index:1000; padding:0.5em 0; position:relative;}
	.logotypes {display:inline-block; position:absolute;}
	div.Header { position:relative; padding:0;}
	div.Header:empty {display:none;}
	div.Header h2 {font-weight:normal; font-size:24px; padding:0; margin:0;}
	div.Header h2 a img {max-width:100%;}

	div#topDecoration {clear:both; height:3px; position:relative; width:100%;}
	div#topDecoration div.one {height:3px; overflow:hidden; background:#ea118c; position:relative;}

	.autoriz {position:absolute; top:20px; right:0;}
	div.autorization {position:relative; padding:0;}

	.ico_world { position:relative; float:right; border-left:2px solid #d4d5d4;}
	.pict { position:relative;}
	.ico_locked { position:relative; float:right; margin:0;}
	.ico_locked:hover {text-decoration:none;}

	div.SwitchLocale {right:auto; bottom:auto; padding:0; position:relative; float:none; margin:0; font-size:100%; }
	div.SwitchLocale p {display:none;}
	div.SwitchLocale div {margin:0;}
	div.SwitchLocale div span.label {white-space:nowrap; border:none; padding:0 0 0 7px; font-weight:normal; cursor:pointer; font-size:0.875em;  line-height:normal; height:auto; color:#0f97d3;}
	div.SwitchLocale div span.label:hover {text-decoration:none;}
	div.SwitchLocale div#switchLocalesTrigger {display:none;}
	div.SwitchLocale div.highlighted {top:31px;}
	div.SwitchLocale div.highlighted ul li a {font:normal 80% Arial,Helvetica,sans-serif;}
	div.SwitchLocale div.highlighted ul li span {font:bold 80% Arial,Helvetica,sans-serif;}

	.linklogin {position:relative; color:#0f97d3; font-size:0.875em; padding:0px 7px 0 0; float:none; text-align:right; line-height:normal; font-weight:300; margin:0; cursor:pointer;}
	.linklogin:hover {text-decoration:none;}

	h1.slogan {text-align:right; line-height:1.2; padding:8px 10%; color:#532f44; font-size:1.5em; position:absolute; right:0%; bottom:0; font-weight:normal; margin:0%; width:100%; background:rgba(255,255,255,0.3);}
	h1.slogan:empty {display:none;}
	.columns.sloganm {padding:0;}

/* styles for main block with registration form */

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

	.columns .regforms {padding:0;}
    .regform {position:relative; width:100%; margin:0.75em 0 0em; border-radius:6px; background-color:#a40580; padding:0.5em 0 1em; box-shadow:0 3px 0 rgba(0, 0, 0, 0.2);}
	div.Registration {width:100%; margin:0; padding:0; position:relative; z-index:255;}

	div.Registration input.submit {width:268px; color:#ffffff; text-align:center; padding:0; margin:0; line-height:normal;
font-size: 2em; height:74px; background:url(/images/index/button.png) no-repeat; border:none; -webkit-appearance: none; font-weight:bold; font-family:Arial, sans-serif;}
	div.Registration input.submit:hover {}

	div.Registration h2 {font-size: 1em; font-weight: 500; line-height: 1.1; margin:0.1em 0 1em; color:#fff; padding:0; text-align: center;}
	div.Registration h2 strong {padding:0; color:#fff; font-size:1.75em; display:block;}
body.ru div.Registration h2 strong {font-size:1.5em;}

	div.Registration form {margin:0 auto;}

	div.Registration dl.horizontal {padding:0 25px 0 0; margin:0;}
	div.Registration dl.horizontal dt {font-size:0.75em; width:32%; color:#fff; text-align:right; margin:0 3% 0 0; padding:5px 0 0;}
	div.Registration dl.horizontal dd {width:63%;}

	div.Registration dl.horizontal dd.nolabel {font-size:11px; white-space:normal; color:#585858; left:35%;}
	div.Registration dl.horizontal dd.nolabel label {white-space:normal;font-size:11px;}
	div.Registration dl.horizontal dd.nolabel label a {color:#fff;}

	div.Registration dd input.checkbox {width:auto; -moz-appearance: checkbox; -webkit-appearance: checkbox; appearance: checkbox; height:auto; padding: 0; margin: 0 5px 0 0;}

	div.Registration dd input, div.Registration dd select {border-radius: 5px; height: 1.8em; color:#585858; border-color:#b1b1b1 e0e0e0 e0e0e0 b1b1b1; font-size:1em; padding:0 0.4em; appearance:none; -moz-appearance:none; -o-appearance:none; -webkit-appearance:none; -ms-appearance:none;}
	div.Registration dd select  {background-image:url(/images/index/select_arrow.png); background-position: 96% center; background-repeat: no-repeat;}


	div.Registration select#birthYearPerson1, div.Registration select#birthYearPerson2 {width:31%; background-position: 88% center;}
	div.Registration select#birthMonthPerson1, div.Registration select#birthMonthPerson2 {width:34%; background-position: 88% center; margin:0;}
	div.Registration select#birthDayPerson1, div.Registration select#birthDayPerson2 {width:31%; background-position: 88% center; margin:0;}

	div.Registration a {color:#585858;}
	div.Registration dl dd {margin-bottom: 0.5em !important;}
    div.Registration dl dt {margin-bottom: 1px !important;}

	div.RegistrationSimple p.warning {margin:3px 0; font-size:0.6em; color:#edcde6; line-height:1.2;}
	div.RegistrationSimple div.submit-block p.warning { margin:0; color:#edcde6;}
	div.RegistrationSimple div.submit-block p.warning a {text-decoration:underline; color:#edcde6;}
	div.RegistrationSimple div.submit-block p.warning a:hover {text-decoration:none;}
	dl p.error {left: 0; line-height: 1; padding: 0 0 5px; text-align: right; width: 100%; color:	#ffa500;}
	form label {white-space:normal;}
	.submit-block {clear: both; position: relative; padding:0 10px;}

/* styles for media block with members block and welcome text */

	div.imageline {height:155px; width:100%; position:relative; margin:1px 0; background:url(/images/index/imageline.jpg) no-repeat center top;}

    .members {position:relative; width:100%; margin:0 auto; padding:0; border-top:1px dashed #ffffff;}
	.SearchResult {display:none; float:none; margin:3.25em 0 3.5em; position:relative; padding:0; width:100%;}
	div.SearchResult h2 {text-align:left; line-height:1; padding:0 0 0.3em; text-transform:uppercase; font-size:2.3em; display:none;}
    div.simple {position;relative;}
	div.simple div.member, div.simple div.member.featured {border:none; width:74%; height:auto; margin:0; padding:0; position:relative; overflow:hidden; border:none; font-size:100%;}
	.member-name {width:100%; text-align:left; padding:0 0 0 5%; background:#1c0c1d; margin:5px 0 0;}
	div.member img {width:100%; height:auto;}
	div.SearchResult a { font-size:0.75em; font-weight:300; display:block; line-height:2;}

    div.welcome {font-size: 1em; font-weight: normal; line-height: 1.3; padding:2em 0; text-align:left; color:#777777;}
	div.welcome:empty {display:none;}
	div.welcome h1, div.welcome h2, div.welcome h3, div.welcome h4 {text-align:left; padding:0; font-size:1.5em; font-weight:normal; color:#777777;}

/* styles for footer block */

    footer {padding: 0.75em 0; background:url(/images/index/bgfooter.png) no-repeat center top;}

	ul#bottonNavigation {margin:0px auto; padding:0; list-style:none; float:none; height:auto; overflow:hidden; font-size:100%; text-align:center;}
	ul#bottonNavigation li {margin:0; padding:0 0.75em; list-style:none; float:none; display:inline;}
	ul#bottonNavigation li.last {border-right-style:none;}
	ul#bottonNavigation li a {color:#ff71c0; font-size:11px; }
	ul#bottonNavigation li a:hover {text-decoration:underline;}

    div#copyright {float:none; text-align:center; color:#777777; padding:0; margin:30px auto 0; clear:both; font-size:11px;}
    div#copyright a {color:#777777;}
    div#copyright br {display:none;}

	p.warningNotification {color:#777777; margin:0 auto; padding:1em 0; text-align:center; width:55%; font-size:11px; }

	.hideInShortForm {display: none !important;}

	.custom_footer_content {padding:2.5em 0 0.5em; position:relative;}
	.custom_footer_content .row {margin:0;}
	.custom_footer_content p {font-size:0.75em; color:#777777; line-height:1.2;}
	.custom_footer_content h1, .custom_footer_content h2, .custom_footer_content h3, .custom_footer_content h4 {font-size:1em; color:#777777;}

}

@media only screen and (min-width: 1921px) {
	div.imageline {background-size:100% auto; background-position:center center;}
}

@media only screen and (min-width: 1640px) and (max-width: 1720px) {
	div.Registration select#birthMonthPerson1, div.Registration select#birthMonthPerson2 {width:33%;}
}

@media only screen and (min-width: 40.064em) {
	div.wrapper {background-image:url(/images/index/visual.jpg); background-repeat: no-repeat; background-position: center center; background-size:100% auto; min-height:700px;}
}

@media only screen and (max-width: 65.063em) {
	div.wrapper {background-size:120% auto;}
	.logotypes {display:inline-block; float:none!important;}
}

@media only screen and (max-width: 50.063em) {
	div.Registration select#birthMonthPerson1, div.Registration select#birthMonthPerson2 {width:33%;}
	div.autoriz {width:auto;}
	div.wrapper {background-size:150% auto;}
	h1.slogan {padding:8px 3%;}
}

@media only screen and (max-width: 40.063em) {
	div.wrapper {min-height:100%; background-image:url(/images/index/visualmob.jpg); background-repeat: no-repeat; background-position: center top; background-size:100% auto;}
	.logotypes { margin:0; position:relative;}
	.logotypes:empty {display:none;}
	div.Header {width:50%;}
	.regforms {float:right; margin:110px 0 0; padding:0;}

	/*div.Registration dl.horizontal dt {width:27%; margin:0 3% 0 0;}*/
	.regform {padding:0.5em 0 0; box-shadow:none; border-radius:0;}
	div.Registration input.submit {font-size:1.75em;}
	div.Registration select#birthMonthPerson1, div.Registration select#birthMonthPerson2 {width:34%;}

	div.autorization {margin:0 10px 0 0; text-align:right;}
	.autoriz  {top:0px;}

	.ico_world {display:inline-block; float:none; border-right:2px solid #c0a5a3; border-left:none; padding:0 12px 0 0;}
	.ico_locked {display:inline-block; float:none; margin:0 0 0 6px;}
	div.SwitchLocale div {float:none;}
	div.SwitchLocale div span.label {float:none; color:#734f64; text-decoration:underline;}
    div.SwitchLocale div.highlighted {width:160px!important;}
    div.SwitchLocale div.highlighted ul {width:100%; border-right:none; padding:0;}
    div.SwitchLocale div.highlighted ul li a, div.SwitchLocale div.highlighted ul li span {font-size:1em; height:auto; line-height:1.5; text-align:center;}
    .float {display:block;}
	.linklogin { color:#734f64; text-decoration:underline;}

	h1.slogan {padding:8px 1em; text-align:center; position:relative;}
	div.welcome {padding:2em 1em;}

	footer {background:none;}
	footer .column, footer .columns {padding-left:0; padding-right:0;}
	ul#bottonNavigation {text-align:center;}
	ul#bottonNavigation li {display:block; border-bottom:1px solid #e1add5; padding:11px 0; line-height:normal;}
	ul#bottonNavigation li a {text-decoration:none; color:#ba439f; font-size:15px; font-family:Arial, sans-serif; font-weight:bold;}

    div#copyright {text-align:center; float:none; margin:20px 0 0; font-size:15px;}
    p.warningNotification {width:auto; padding:1.5em 1em 0.5em; text-align:center; font-size:15px; line-height:1.3;}
	.custom_footer_content {padding:1em 1em 0.5em; line-height:1.3;}

}

@media only screen and (max-width: 30.063em) {
	header {padding:0.3em 0 0.5em;}
	div.Header {width:50%; padding:0 0 0 10px;}
	.column, .columns {padding-left:0; padding-right:0;}
	.regform {border-radius:0;}
	.regforms {margin:70px 0 0;}
	div.Registration dl.horizontal dt {font-weight:bold;}
	div.Registration select#birthMonthPerson1, div.Registration select#birthMonthPerson2 {width:33%;}
}

@media only screen and (max-width: 16.063em) {
	div.Registration select#birthMonthPerson1, div.Registration select#birthMonthPerson2 {width:31%;}
	div.Registration input.submit {width:100%; background-size:100% auto; height:58px; font-size:1.25em;}
	.regforms {margin:50px 0 0;}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

}
/*392608.1.356.2.88445ab*/