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

@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.visual {background-image:url(/images/index/visual.jpg); background-repeat: no-repeat; background-position: center top; z-index:9; background-color:#18575b;}
/* --------------------------------- */


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

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; position:relative; width:100%;}
	.container {position:relative;}

/* styles for header block */

	header { width:100%; z-index:1000; padding:10px 0; position:relative; background:rgba(0,0,0,0.65);}

	div.Header {text-align:center; position:relative; padding:0; margin:0 0 0 30px;}
	div.Header:empty {display:none;}
	div.Header h2 {font-weight:normal; font-size:28px; padding:0; margin:0; color:#ddd;}

	div.autorization {position:absolute; margin:0; padding:0; right:15%; top:15px; z-index:1000;}

	div.SwitchLocale {right:auto; bottom:auto; position:relative; float:right; margin:0 18px 0 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; font-weight:300; cursor:pointer; font-size:14px; line-height:24px; height:auto; color:#a69f9b; font-family:'Roboto', sans-serif; text-transform:uppercase; padding:0 20px; border:1px solid #a69f9b; border-radius:5px;}
	div.SwitchLocale div span.label:hover {text-decoration:none; color:#000; background:#a69f9b;}

	div.SwitchLocale div#switchLocalesTrigger {margin-top:7px; display:none;}
	div.SwitchLocale div.highlighted {top:38px;}
	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:#9ac7ca; font-size:14px; padding:0px 20px; float:right; text-align:right; line-height:24px; font-weight:300; margin:0; cursor:pointer; font-family:'Roboto', sans-serif; background:#14686e; border-radius:5px; text-transform:uppercase; border:1px solid #14686e;}
	.linklogin:hover {text-decoration:none; background:#9ac7ca; color:#14686e; border:1px solid #9ac7ca;}

	.frontpage {padding:0 0 70px; position:relative;}
	h1.slogan {text-align:center; line-height:1.1; padding:6px; color:#fff; font-size:3em; position:relative; font-weight:700; margin:4em 0 0; background:rgba(0,0,0,0.55);}
	h1.slogan:empty {display:none;}

	.linksignup {border-radius:8px; text-align:center; margin:20px 0 0; display:inline-block; border:3px solid rgba(0, 0, 0, 0.35); display:none;}
	.linksignup:hover {text-decoration:none;}
	.linksignup span {display:block; color:#ffffff; font-weight:700; padding:8px 30px; font-size: 1.5em; background:#ff00b4; border-radius:5px; text-shadow:1px 1px 1px #ad007a; font-family:'Roboto', sans-serif;}

/* styles for main block with registration form */

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

	div.Registration {width:100%; margin:40px 0; padding:20px 0; position:relative; z-index:255; font-family:Arial, sans-serif; background:#14686e; border:2px solid #ffffff; border-radius:10px;}
	div.Registration form {padding:0; margin:0 30px;}

	div.Registration input.submit {width:100%; color:#ffffff; text-align:center; padding:0; margin:10px 0 0; line-height:1.7;
font-size: 2em; height: auto; border-radius:5px; background:#ff00b4; -webkit-appearance: none; font-weight:700; border:none; border-top:1px solid #ff69d3; font-family:'Roboto', sans-serif; text-shadow:1px 1px 1px #ad007a; box-shadow:0px 0px 0 4px #11595e;}

	body.ru div.Registration input.submit {font-size:1.5em;}
	body.fr div.Registration input.submit {font-size:1.25em;}

	div.Registration h2 {font-size: 1.125em; font-weight: 400; line-height: 1.2; margin:0 0 1em; color:#fff; padding:0; text-align: center; font-family:'Roboto', sans-serif; text-transform:uppercase;}
	div.Registration h2  strong {font-size:2.2em; font-weight:700; color:#fff; text-transform:capitalize;}

	body.ru div.Registration h2  strong {font-size:1.5em;}

	div.Registration dl.horizontal dt {font-size:0.75em; width:100%; float:none; color:#fff; font-style:italic; margin:0; display:none;}
	div.Registration dl.horizontal dd {width:100%; float:none; margin:0; position:relative;}

	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 {height: 40px; border:none; font-size:1em; padding:0 0.4em; appearance:none; -moz-appearance:none; -o-appearance:none; -webkit-appearance:none; -ms-appearance:none; border-radius:5px;}
	div.Registration  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#birthDayPerson1, div.Registration select#birthDayPerson2 {width:31%; background-position: 88% center;}
	div.Registration select#birthMonthPerson1, div.Registration select#birthMonthPerson2 {width:36%; background-position: 88% center;}
	div.Registration select#birthYearPerson1, div.Registration select#birthYearPerson2 {width:33%; background-position: 88% center; margin:0 0 0 -5px; border-radius:0 5px 5px 0;}
	div.Registration select[id^=birth]:nth-of-type(1) {border-radius:5px 0 0 5px;}
	div.Registration select[id^=birth]:nth-of-type(2) {margin:0 0 0 -5px; border-radius:0;}

	div.Registration dl {margin: 0px !important;}
	div.Registration dl dd {margin-bottom: 0px !important; padding-bottom:11px;}
    div.Registration dl dt {margin-bottom: 0px !important;}

	div.RegistrationSimple p.warning {margin:0; font-size:0.59em; color:#fff;}
	div.RegistrationSimple div.submit-block p.warning { margin:8px 0 0; color:#fff; line-height:1.2;}
	div.RegistrationSimple div.submit-block p.warning a {text-decoration:underline; color:#fff;}
	div.RegistrationSimple div.submit-block p.warning a:hover {text-decoration:none;}
	dl p.error {left:0; width:100%; line-height:1.2; color:#8f1212; padding:0 0 5px;}

	.submit-block {clear: both; position: relative;}
	div.Registration input[type="checkbox"] {height: auto; -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox;}

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

	.members-content { background:url(/images/index/bghearts.png) no-repeat center top; margin:-80px 0 0; height:819px; z-index:10;}
	div.SearchResult {position:relative; padding:0; overflow:hidden; margin:100px 0 0;}
	div.SearchResult h2 {margin:0 0 40px; text-transform:uppercase; color:#fff; font-size:2em;}
	div.SearchResult h2::before { border-top: 1px solid #8fc9cd; content: " "; left: 6%; position: absolute; top: 25px; width: 15%;}
	div.SearchResult h2::after { border-top: 1px solid #8fc9cd; content: " "; right: 6%; position: absolute; top: 25px; width: 15%;}
	div.simple {margin:0 2% 0 5%;}
	div.simple div.member {margin:1%; width:22%; font-size:100%; height:auto; border:none; position:relative; padding:0;}
	a.photolink img{width:100%!important; height:auto!important; border:none;}
	div.simple div.member div.info {display:none; width:100%;}
	.member-name {display:none;}
	div.simple div.member.pos8 {display:none;}

	.welcome-content { padding:4em 0 5em; line-height:1.5; font-weight:400; background:#ffa200; z-index:9px; margin:-70px 0 0;}

	.textblock p {font-weight:inherit; font-size:1.125em; line-height:inherit; color:#fff; font-weight:100;}
	.welcome-content h1, body.index .welcome-content h2, body.index .welcome-content h3, body.index .welcome-content h4, body.index .welcome-content h5  {text-align:center; line-height:1.2;}
	.flirtingt {font-size:2.5em; margin:1.25em 0 1.5em; line-height:1.2; font-weight:700; text-align:center; font-family: 'Roboto', sans-serif; color:#fff; text-transform:uppercase;}
	.flirtingt strong {color:#67a300;}
	.flirting-blocks {text-align:center; position:relative;}
	.textblock {padding:0; margin: 0 2%; text-align: center; width: 29%; display:inline-block; vertical-align:top;}
	.flirting1 .flirt-circle {background-image:url(/images/index/heart.gif);}
	.flirting2 .flirt-circle {background-image:url(/images/index/like.gif);}
	.flirting3 .flirt-circle {background-image:url(/images/index/lock.gif);}
	.flirt-circle {background-color:#; background-position:center center; background-repeat:no-repeat; display:block; width:151px; height:150px; margin:0 auto;}
	.textblock h4 {margin:0.75em 0 0.5em; font-size:1.5em; font-weight:400; color:#fff; text-transform:uppercase; line-height:1.4;}

	.linkregistration {clear: both; display: inline-block; font-size: 2em; 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 #d98a00;}
	.linkregistration:hover { text-decoration:none; }
	.linkregistration span {display:block; border-top:1px solid #91cace; border-radius:3px; padding: 0.125em 1.75em; background:#44a5ac;}

	div.welcome {font-size: 1em; font-weight: 300; line-height:1.5; padding:1em 0; text-align:center; color:#fff; }
	div.welcome h1, div.welcome h2, div.welcome h3, div.welcome h4 {text-align:center; line-height:1; padding:0; font-size:2.5em; text-transform:uppercase; color:#fff; font-weight:500;}
	div.welcome:empty {display:none;}

/* styles for footer block */
	.glayline  {background:url(/images/index/bggray.png) no-repeat center bottom; height:94px; margin:-94px 0 0;}
    footer {padding: 0 0 2em; position:relative;}

	ul#bottonNavigation {margin:0px; padding:0; list-style:none; float:right; 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:#898989; font-size:1em; font-weight:400; text-decoration:none; text-transform:uppercase;}
	ul#bottonNavigation li a:hover {text-decoration:none;}

    div#copyright { text-align:left; font-size:13px; color:#898989; padding:0; margin:3px 0 0; width:35%; float:left; font-style:italic;}
    div#copyright a {color:#898989;}
    div#copyright br {display:none;}

	p.warningNotification {color:#898989; margin:0; padding:1em 0; text-align:right; width:55%; float:right; font-size:13px; clear:none;}

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


@media (min-width: 1900px) {
	div.visual {background-size:100% auto;}
	.glayline  {background-size:100% auto;}
}

@media (max-width: 50.063em){
	div.visual {background-size: 200% auto;}
	.flirtingt {font-size:2em; margin-top:1em;}
	.textblock {float:left;}
	.regform {margin:0 0 1.5em;}
	div.autorization {right:5%;}
	div.Registration h2 strong {font-size:1.5em;}
	div.Registration input.submit {font-size:1.75em;}
	body.fr div.Registration input.submit {font-size:1em;}
	body.ru div.Registration input.submit {font-size:1.25em;}
	body.th div.Registration input.submit, body.sv div.Registration input.submit {font-size:1.5em;}

	h1.slogan {font-size:2em; margin:6em 0 0;}
	.welcome-content {margin:-50px 0 0;}
	.members-content {height:625px;}
	div#copyright {margin:20px auto 0; width:100%; float:none; text-align:center;}
	p.warningNotification {padding:1.5em 1em; float:none; width:100%;}
}

@media (max-width: 40.063em) {
	header {padding:6px 0; background:#383838;}
	div.visual {background-position: 57% 50px; background-size: 320% auto;}
	.sloganm {display:none;}
	h1.slogan  {position:relative; top:auto; left:auto; margin:0.5em 0; font-size:2em; font-weight:400; width:55%;}
	.linksignup {display:inline-block; float:left;}
	.regi {padding:0;}
	div.Registration {display:none; border:none; border-radius:0; background:rgba(20,104,110,0.75);}
	div.Registration form {margin:0 1em;}
	body.fr div.Registration input.submit {font-size:1.25em;}

	div.Sidebar .SidebarItem {margin:1em 0 0;}

	div.autorization {position:relative; right:auto; top: auto; margin:1.5em auto; text-align:center; float:none; display:block; width:100%;}
	div.SwitchLocale {float:none; display:inline-block; margin:0;}
	div.SwitchLocale div {float:none;}
	div.SwitchLocale div span.label {float:none; background:#fff; border:1px solid #fff; color:#494949; padding:5px 20px;}
	div.SwitchLocale div span.label:hover {background:#fff;}
    div.SwitchLocale div.highlighted {width:160px!important; top:auto; bottom:38px;}
    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;}
	.linklogin {display:inline-block; float:none; background:none; border:1px solid #fff; color:#fff; margin:0 20px 0 0; padding:5px 20px;}
	.linklogin:hover {color:#494949; background:#fff; border:1px solid #fff;}

	ul#bottonNavigation { margin:0; line-height:2; text-align:center; float:none;}
	ul#bottonNavigation li {float:none; display:inline;}

    div#copyright {text-align:center; float:none; margin:30px 0 0; clear:both;}
    p.warningNotification { padding:1.5em 0em 0.5em; text-align:center; }
	.custom_footer_content {padding:1em 0 0.5em; text-align:center;}

	.linkregistration  {margin:1em auto 1.5em; font-size:1.375em;}
	.SearchResult {padding:0.75em 0 2.5em;}

	.textblock {width:100%; margin: 0 0 1.5em; padding: 0; float:none;}
	.textblock:last-of-type { margin:0 0 0.5em;}

	.flirting-blocks {padding:0 1em;}
	.flirt-circle {background-size:100% auto; float:left; background-position:center top; width:125px; height:125px; margin:0 20px 0 0;}
	.textblock {text-align:left;}
	.textblock h4 {margin:0 0 0.25em; font-size:1.25em;}
	.textblock p {font-size:1em;}
	.flirtingt {font-size:1.375em;}
	.members-content {height:490px;}

	div.SearchResult h2 {font-size:1.375em; margin:0 0 20px;}
	div.SearchResult h2::before {display:none;}
	div.SearchResult h2::after {display:none;}

}

@media (max-width: 30.063em) {
	h1.slogan {width:100%; margin:0.5em auto;}
	.flirt-circle {width:85px; height:85px;}
	div.simple div.member {width:31%;}
	div.simple div.member.pos8 {display:block;}
	.members-content {height:635px;}
	.textblock h4 {font-size:1em;}
	.textblock p {font-size:0.875em; line-height:1.2;}
	.linksignup {float:none; width:100%;}
	.linkregistration {width:100%;}
	.linkregistration span {padding:0.125em 0;}
}

@media (max-width: 24.063em) {
	.members-content {height:540px;}
}

@media (max-width: 16.063em) {
	div.Registration  h2 {font-size:2em;}
body.ru  div.Registration input.submit {font-size:1.2em;}
	div.Registration select#birthDayPerson1, div.Registration select#birthDayPerson2 {width:29%;}
}

/*389432.1.379.2.88445ab*/