@import url(https://fonts.googleapis.com/css?family=Roboto:500,400,300&subset=latin,cyrillic-ext,latin-ext,cyrillic,greek-ext,greek);

@media screen {
 
html {margin:0; padding:0;}
body  {margin:0; padding:0; font:normal 1em 'Roboto', Arial, sans-serif; text-align:left; }
	
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:10px 0; position:relative; background:#2f2f2f; border-bottom:1px dashed #bcbcbc;}
	header .row {max-width:100%;}
	div.Header {text-align:left; position:relative; padding:0;}
	div.Header:empty {display:none;}	
	div.Header h2 {font-weight:normal; font-size:28px; padding:0; margin:0; color:#ffffff;}

	div.autorization {position:relative; padding:7px 10px 0 0;}

	div.SwitchLocale::before {content:'/'; color:#fff; position:absolute; left:0; top:-9px; font-weight:300; font-size:2em;}
	div.SwitchLocale {right:auto; bottom:auto; padding:0 0 0 35px; position:relative; float:right; margin:0 0 0 25px; 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; font-weight:300; cursor:pointer; font-size:1.125em;  line-height:normal; height:auto; color:#ff008d;}
	div.SwitchLocale div span.label:hover {text-decoration:none;}
	div.SwitchLocale div#switchLocalesTrigger {height:22px; background:url(/images/selector_arrow_bottom.gif) no-repeat center center;}
	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:#ff008d; font-size:1.125em; padding:0px; float:right; line-height:normal; font-weight:300; margin:0; cursor:pointer;}
	.linklogin:hover {text-decoration:underline;}

	.sloganblock {background:#ffffff; position:relative;}
	h1.slogan {text-align:center; line-height:1.2; padding:6px 0 7px; color:#ff008d; font-size:1.125em; position:relative; font-weight:300; margin:0; }
	h1.slogan:empty {display:none;}
	.columns.sloganm {padding:0;}
	
/* styles for main block with registration form */	
	div.frontpage {background:url(/images/index/visual.jpg) no-repeat center top; border-bottom:1px dashed #fff; position:relative;}
	body.en div.frontpage {background-position: center -15px}
	
	p.submitbutton {margin:0px; padding:0; zoom:0; position:relative;}
	.button, .submit {cursor:pointer;}

	div.regi {width:470px; margin:2em auto 0; padding:30px 0; position:relative; background:rgba(256,256,256,0.7);}
	div.Registration {width:100%; margin:0 auto; padding:0; position:relative; z-index:255; font-family:Arial, sans-serif;}
	div.Registration form {padding:28px 0 0; margin:0 auto; width:74%; border-top:1px dashed #ff008d;}

	div.Registration input.submit {width:100%; color:#ffffff; text-align:center; padding:0; margin:0; line-height:normal;
font-size: 1.75em; height: 70px; border-radius:5px; background:#46c11c; appearance:none; -moz-appearance:none; -o-appearance:none; -webkit-appearance:none; -ms-appearance:none; font-weight:500; border:none; font-family:'Roboto', sans-serif; text-transform:uppercase; box-shadow:0 5px 3px rgba(0, 0, 0, 0.2);}
	div.Registration input.submit:hover {}

body.ru div.Registration input.submit {font-size:1.5em;}
	
	div.Registration h2 {font-size: 2.125em; font-weight: 100; margin:0 0 0.2em; color:#ff008d; padding:0; text-align: center; font-family:'Roboto', sans-serif; line-height:1.2;}
	body.en div.Registration h2 {font-size: 2.625em;}	
	div.Registration h2  strong {color:inherit; font-weight:inherit;}
	
	div.Registration dl.horizontal {margin:0;}
	div.Registration dl.horizontal dt {font-size:0.75em; width:90%; padding:0 0 0 1em; float:none; color:#fff; font-style:italic; margin:0 0 0 5%; display:none;}
	div.Registration dl.horizontal dd {width:100%; float:none; margin:0; position:relative; padding:0;}

	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  input, div.Registration  select {border-radius: 6px; height: 45px; box-shadow:0 0 6px #111 inset; color:#fff; border:none; font-size:1em; padding:0 0.4em; appearance:none; -moz-appearance:none; -o-appearance:none; -webkit-appearance:none; -ms-appearance:none; cursor:pointer; background-color:#363636; border-color:#2c2c2c;}
	div.Registration  select  {background-image:url(/images/index/select_arrow.png); background-position: 96% center; background-repeat: no-repeat; }
	div.Registration  input.checkbox {width:auto}
	
	div.Registration select#birthYearPerson1, div.Registration select#birthYearPerson2 {width:28%; background-position: 88% center; margin:0;}
	div.Registration select#birthMonthPerson1, div.Registration select#birthMonthPerson2 {width:41%; background-position: 88% center; margin:0;}
	div.Registration select#birthDayPerson1, div.Registration select#birthDayPerson2 {width:28%; background-position: 88% center; margin:0;}
		
	div.Registration a {}
	div.Registration dl dd {margin-bottom: 5px !important;}
    div.Registration dl dt {margin-bottom: 0px !important;}
	
	div.RegistrationSimple p.warning {margin:3px 0; font-size:0.65em; color:#404040;}
	div.RegistrationSimple div.submit-block p.warning { margin:10px 0 0; line-height:1.2;}
	div.RegistrationSimple div.submit-block p.warning a {text-decoration:underline; color:#404040;}
	div.RegistrationSimple div.submit-block p.warning a:hover {text-decoration:none;}
	div.RegistrationSimple p.error {left:0; width:100%; line-height:1.2; padding:0 0 5px;}
	
	div.Registration input.invalid,
	div.Registration select.invalid {background:#ffd7d7; color:#ce0000; border-color:#c8a9a9 #fdc5c5 #fdc5c5 #c8a9a9;  box-shadow:0 0 6px #c8a9a9 inset;}
	
	.submit-block {clear: both; position: relative;}

	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:1em 0 0; float:none;}
	.SocialLogin {display:inline-block;}
	.SwitchLayout {display:none;}
	ul.icons li {float:left; margin:0 10px;}

	.owl-carousel .owl-item img {width:auto; display:inline-block; margin:0 auto;}
	.flirting-blocks {padding:50px 0; position:relative;}
	.textblock {text-align:center; position:relative;}	
	.textblock h4 {color:#ffffff; font-size:2.625em; font-weight:100; padding:30px 0 0;}
	.flirting2 .flirt-circle::before {content:'.'; color:#fff; font-size: 6em;   left: 0;  line-height: 0.5;   position: absolute;  top: 0;}
	.flirting2 .flirt-circle::after {content:'.'; color:#fff; font-size: 6em;   right: 0;  line-height: 0.5;   position: absolute;  top: 0;} 	
	
	.decorationline {background:#f740ab; position:absolute; width:280px; height:8px;}
	.line1 {left:4%; top:53%;}
	.line2 {right:0%; top:25%; width:200px;}
	.line3 {left:40%; bottom:0%;}	
/* styles for media block with members block and welcome text */

	.welcome-content {background:#2f2f2f; position:relative;}
    div.welcome {font-size: 1em; font-weight: 300; line-height:1.4; padding:4em 0 2em; text-align:center; color:#908f8f;} 
	div.welcome h1, div.welcome h2, div.welcome h3, div.welcome h4 {text-align:center; padding:0; font-size:2.625em; text-transform:uppercase; color:#9d38d3; font-weight:300;}
	.linkregistration {clear: both; display: table; font-size: 1.75em; margin: 1em auto 3em; padding: 0.35em 2.75em; text-align:center; border-radius:4px; font-weight:400; color:#ffffff; border: 4px solid #ffffff; text-transform:uppercase;}
	.linkregistration:hover { text-decoration:none; text-decoration:none; color:#ff008d; border-color:#9d38d3;}
	
/* styles for footer block */	
	
    footer {padding: 2em 0; position:relative;}

	ul#bottonNavigation {margin:0px 0 0 -0.75em; padding:0; list-style:none; float:left; height:auto; overflow:hidden; font-size:100%;}
	ul#bottonNavigation li {margin:0; padding:0 0.75em; list-style:none; float:left;}
	ul#bottonNavigation li.last {border-right-style:none;}
	ul#bottonNavigation li a {color:#ff008d; font-size:0.75em; font-weight:400; text-decoration:underline;}
	ul#bottonNavigation li a:hover {text-decoration:none;}

    div#copyright { text-align:right; font-size:13px; color:#878585; padding:0; margin:3px 0 0;}
    div#copyright a {color:#878585;}
    div#copyright br {display:none;}

	p.warningNotification {color:#878585; margin:0; padding:1em 0; text-align:left; width:55%; clear:both; font-size:13px;}

	.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:13px; color:#878585; line-height:1.4;}
	.custom_footer_content h1, .custom_footer_content h2, .custom_footer_content h3, .custom_footer_content h4 {font-size:1.3em; color:#878585;}
	
}

@media only screen and (min-width: 1420px){
	div.frontpage {background-size:100% auto;}
}

@media only screen and (max-width: 50.063em){

	.line1 { display:none;}
	.line2 { display:none;}
	.line3 {left:33%; bottom:0%; }
	p.warningNotification {width:auto;}
}

@media only screen and (max-width: 40.063em) {
	
	.frontpage .column, .frontpage .columns{padding:0;}
	div.Registration h2 {font-size:2em;}
body.en div.Registration h2 {font-size:2em;}	
	div.regi  { width:100%; margin:0;}
	div.Registration select#birthMonthPerson1, div.Registration select#birthMonthPerson2 {width:40%;}
	div.Registration form {width:90%;}
	
	div.Sidebar .SidebarItem {margin:1.5em 0 0;}

	div.autorization {margin:0; padding:0; text-align:center;}

	.linklogin {display:inline-block; float:none;}


	div.SwitchLocale::before {right:0; left:auto;}
	div.SwitchLocale {display:inline-block; float:none; margin: 0 15px 0 0; padding: 0 45px 0 0;}
	div.SwitchLocale div {float:none;}
	div.SwitchLocale div span.label {float:none;}
    div.SwitchLocale div.highlighted {width:160px!important; top:32px; left:0; right:auto;}
    div.SwitchLocale div.highlighted ul {width:100%; border-right:none; padding:0 10px;}
    div.SwitchLocale div.highlighted ul li a, div.SwitchLocale div.highlighted ul li span {font-size:1.2em; height:auto; line-height:1.4; font-weight:100; font-family:'Roboto';}
    .float {display:block;}
    div.SwitchLocale div#switchLocalesTrigger {position:absolute; right:25px; top:0;}
	
	ul#bottonNavigation { margin:0; line-height:2; text-align:left; float:none;}	
	ul#bottonNavigation li {float:none; display:inline; padding:0 0.65em;}
	ul#bottonNavigation li a {font-size: 1em; font-weight: 300;}
	
    div#copyright {text-align:left; float:none; margin:30px 0 0; clear:both;}
    p.warningNotification { padding:1.5em 0em 0.5em; text-align:left; }
	.custom_footer_content {padding:1em 0 0.5em; text-align:left;}
	.custom_footer_content p, .custom_footer_content h1, .custom_footer_content h2, .custom_footer_content h3, .custom_footer_content h4  {}
	
    div.welcome {font-size:15px;}
	div.welcome h1, div.welcome h2, div.welcome h3, div.welcome h4 {font-size:36px;}
	.flirting-blocks {padding:40px 0;}
	.textblock .flirt-circle::before {content:'.'; color:#fff; font-size: 6em;   left: 10%;  line-height: 0.5;   position: absolute;  top: 0;}
	.textblock .flirt-circle::after {content:'.'; color:#fff; font-size: 6em;   right: 10%;  line-height: 0.5;   position: absolute;  top: 0;} 	
	
	.linkregistration {width:100%; padding:0.35em 0; margin:1em auto 2em;}
	.decorationline {display:none;}
}

@media only screen and (max-width: 30.063em) {
.textblock h4 {font-size:2.5em;}
div.SwitchLocale div span.label-native {display:none;}
div.SwitchLocale div span.label-lc {display:block;}
	div.RegistrationSimple p.error {left:0%; width:100%;}	
	div.welcome h1, div.welcome h2, div.welcome h3, div.welcome h4 {font-size:1.7em;}
}

@media only screen and (max-width: 16.063em) {
.textblock h4 {font-size:2em;}
.linklogin,div.SwitchLocale div span.label {font-size:1em;}
	div.Registration  h2 {font-size:1.5em;}		
body.en div.Registration h2 {font-size:1.5em;}	
div.Registration input.submit {font-size:1.5em;}
body.ru  div.Registration input.submit {font-size:1.2em;}	
div.Registration select#birthMonthPerson1, div.Registration select#birthMonthPerson2 {width:39%;}

}
/*444666.1.369.2.88445ab*/