@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; margin-left:430px; width:28%;}
	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:#77025d; background-color:#fff; opacity:0.9; border-radius:5px; font-size:0.875em; padding:10px 12px; float:none; text-align:center; line-height:normal; font-weight:300; text-decoration:underline; margin:0; cursor:pointer;}
	.linklogin:hover {text-decoration:underline;}

	h1.slogan {text-align:right; line-height:1.2; padding:8px 10%; color:#532f44; font-size:1.250em; position:absolute; right:0%; bottom:0; font-weight:normal; margin:0%; width:100%; background:rgba(255,255,255,0.7);}
	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:8px; background-color:#a40580; padding:1em 0 1em; box-shadow:3px 3px 3px 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-top:5px; line-height:normal; font-size: 1.6em; height:74px; text-shadow:1px 1px 1px #3a3a3a; 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: 1.250em; font-weight: 500; line-height: 1.3; margin:0.1em 0 1em; color:#fff; padding:0; text-align: center;}
	div.Registration h2 strong {font-size:100%; 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:30%; color:#fff; text-align:right; margin:0 3% 0 0; padding:5px 0 0;}
	div.Registration dl.horizontal dd {width:65%;}

	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.checkbox {width:auto}
	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 dd input.checkbox {width:auto}
	
	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;}
	div.RegistrationSimple p.error {left: 0; line-height: 1; margin: 0 0 5px; text-align: right; width: 100%; color:#ffa500;}	
	form label {white-space:normal;}
	.submit-block {clear: both; position: relative; padding:0 10px;}

/*	div.Sidebar.Left {position:relative!important; left:auto!important; top:auto!important; text-align:center; z-index:0;}
	div.Sidebar .SidebarItem {clear:none; position:relative!important; background:none; padding:0; box-shadow:none!important; border-radius:0!important;  padding:0!important; margin:1.5em 0 0; float:none;}
	.SocialLogin {display:inline-block;}
	.SwitchLayout {display:none;}
	ul.icons li {float:left; margin:0 10px;}*/
         div.vyhody {text-align:left;font-size: 0.8125rem;line-height: 0.8125rem; color:#e9e9e9; border:0; padding:0; margin-bottom:0px;}
         div.vyhody a {color:#92d0ff;}
         div.profily {text-align:right; border:0; padding:0; margin-top:8px;}
ul.vyhody{
margin-top: 8px;
padding: 0;
}
ul.vyhody li{
margin: 0 0 12px 0;
font-size: .9em;
line-height: 1em;
}

body:nth-of-type(1) ul.vyhody li{
list-style-type:none;
padding: 0 0 0 90px;
position:relative;
}
body:nth-of-type(1) ul.vyhody li:before{
content:"\00a0";
display: block;
border: solid 9px #02cc31;
border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
height: 0;
width: 0;
position: absolute;
left: 64px;
top: 40%;
margin-top: -8px;
}

body:nth-of-type(1) ul.vyhody li:after{
content:"\00a0";
display:block;
 width: 3px;
height: 6px;
 border: solid #fff;
border-width: 0 2px 2px 0;
 position:absolute;
left: 72px;
top: 40%;
margin-top: -4px;
 -webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
}

/* 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%;}
	div.member div.username {width:100%; text-align:left; padding:0 0 0 5%; background:#8a005e; 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;}
	.onlineCount {text-align:center; line-height:1.2; padding:8px 10%; color:#532f44; font-size:1.250em; position:relative; right:0%; bottom:0; font-weight:normal; margin:0%; width:auto; background:rgba(0,0,0,0.02);}
	.onlineCount span {color:#a40580; font-size:1.5em;}

    div.welcome {font-size: 1em; font-weight: normal; line-height: 1.3; padding:2em 0; text-align:center; color:#777777;}
	div.welcome:empty {display:none;}
	div.welcome h1, div.welcome h2, div.welcome h3, div.welcome h4 {text-align:center; padding:0; font-size:1.5em; font-weight:normal; color:#a40580;}
	.linkregistration {clear: both; display: inline-block; font-size: 1.75em; margin: 1.5em auto 2em;  text-align:center; border-radius:10px; font-weight:600; color:#fff;  text-shadow:1px 1px 1px #2e7075; border-radius:6px; border:6px solid #ba439f;}
	.linkregistration:hover { text-decoration:none; }
	.linkregistration span {display:block; border-top:1px solid #91cace; border-radius:3px; padding: 0.125em 1.75em; background:blue;}

/* 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; width:90%;}
	.logotypes:empty {display:none;}
	div.Header {width:50%; height:120px;}
	.regforms {float:right; margin:110px 0 0; padding:0;}

	/*div.Registration dl.horizontal dt {width:27%; margin:0 3% 0 0;}*/
	.regform {padding:1em 0 1em; box-shadow:none; border-radius:0;}
	div.Registration input.submit {font-size:1.5em;}
	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;}
    div.SwitchLocale div#switchLocalesTrigger {}	
    .float {display:block;}
	.linklogin { color:#734f64; text-decoration:underline; opacity:0.7; border-radius:5px; font-size:0.875em; padding:8px 10px;}

	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:1em;}
	.regforms {margin:50px 0 0;}
}

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

}
/*482534.1.356.2.fc81bce*/