@import url(https://fonts.googleapis.com/css?family=Playfair+Display:700italic&subset=latin,latin-ext,cyrillic);
@media screen {

/*general & visual*/
	body.index {font:400 1em 'Open Sans', Arial, sans-serif; background:#333333;}
	body.index .visual {position:relative; background-repeat:no-repeat; background-color: #1a2136;}
	body.index h1, body.index h2, body.index h3, body.index h4, body.index h5, body.index h6 {font-family:'Open Sans', Arial, sans-serif;}
	body.index header { position:relative; padding:10px 0; z-index:1000;}
	body.index .row {position:relative;}

/*logotype & slogan*/
	body.index h2.logo {margin:7px 0 0 30px; text-align:left; color:#fff;}
	body.index h2.logo a img {max-height:60px; max-width:90%;}
	body.index .siteslogan {position:absolute; left:5px; top:5px;  margin:40px 0 0; width:50%;}
	body.index .siteslogan:empty {display:none;}
	body.index h1.slogan {font-size: 2.5em;text-align: left;color: #fff;font-weight: 300;line-height: 1.2;}
	body.index h1.slogan:empty {display:none;}

/*autorization*/
	body.index .autorization {position:absolute; right:0; top:0; z-index:1000; height:100%;}

	body.index div.LoginIndex {display:none; position:relative;}
	body.index .login-button {font-size:0.875em; padding:3px 12px; line-height:1.42;}
	body.index div.LoginIndex dl.horizontal dd {width:auto; margin:0;}
	body.index div.LoginIndex #login {width:105px; font-size:0.75em; font-style:italic; margin:0 3px 0 0; text-transform:lowercase;}
	body.index div.LoginIndex #password {width:90px; font-size:0.75em; font-style:italic; margin:0 3px 0 0; text-transform:lowercase;}
	body.index label {font-size:0.75em;}
	body.index input#rememberMe {-moz-appearance:none; -o-appearance:none; -ms-appearance:none; -webkit-appearance:none; appearance:none;}
	body.index .social-providers {margin:0; }
	body.index .social-providers  > li {display: inline-block; height: 30px; line-height: 30px; list-style: none;}
	body.index .Sidebar {display:inline-block;}

	body.index .linklogin {display:block; float:right; clear:both; position:relative; margin:1em 0 0; padding:0; text-align:right; color:#fff;}
	body.index .linklogin  span.alreadyamember, body.index .forgotlink {display:inline; position:relative; font-style:italic; font-size:0.875em; padding:0 8px 0 0; color:#898989;}
	body.index .forgotlink {font-size:0.75em; text-transform:lowercase;}
	body.index .forgotlink:hover {text-decoration:underline;}
	body.index .loginbutton {display:inline-block; position:relative; text-decoration:none; font-size:0.875em; padding:3px 12px; border-radius:5px; cursor:pointer;}

	body.index .switch-locale {top:0; margin:1em 2em 0 0; font-size:100%; padding:0; line-height:1; position:relative; top:auto; right:auto; float:right;}
	body.index .switch-locale .label {font-size:11px; font-weight:300; line-height:normal; color:#fff; font-size:1em;}
	body.index .icon-arrow-down::before {font-size:0.75em;}
	body.index #switch-locale-content {right:80px;}

	body.index .icon-hamburger::before {color:#fff;}
	body.index .icon-globe::before {color:#fff;}
	body.index .icon-close::before {color:#fff;}

/*registration*/
	body.index div.registration { position:relative; margin:2em 0; width:300px;}
	body.index div.registration h3 {margin:0; text-align:left; line-height:1.1; padding:10px 10px 17px; font-weight:300; font-size:1.875em; color:#ffffff; border:10px solid rgba(255, 255, 255, 0.75); border-bottom:none; border-radius:10px 10px 0 0; }
	body.index div.registration h3 strong {font-weight:inherit; font-family: 'Playfair Display', serif; font-size:1.1em;}
	body.index div.registration form {position:relative;}
	body.index div.registration dl.horizontal {padding:0 10px; margin:0; background:#fff;}
	body.index div.registration dl.horizontal dt {font-size:0.75em; font-weight:400; width:100%; float:none; margin:0; padding-left:8px;}
	body.index div.registration dl.horizontal dd {margin:0 0 0.3rem; width:100%; float:none;}
	body.index div.registration dl.horizontal dt label {font-size:100%; font-weight:inherit; color:inherit;}
	body.index div.registration .select2-selection {border-width:1px 1px 2px !important; height:38px; border-radius:8px; border-color:#bdbdbd;}
	body.index .select2-container--default .select2-selection--single .select2-selection__arrow {height:38px;}
	body.index .select2-container--default .select2-selection--single .select2-selection__rendered {line-height:34px;}
	body.index div.registration #birthDayPerson1 {width:31%!important;}
	body.index div.registration #birthMonthPerson1 {width:32%!important;}
	body.index div.registration #birthYearPerson1 {width:32%!important;}
	body.index div.registration select {appearance:none; -webkit-appearance:none; color:#5c5c5c;}
	body.index div.registration input {appearance:none; -webkit-appearance:none; color:#5c5c5c; line-height:34px; border-radius:8px; border-color:#bdbdbd;}
	body.index #emailBlock {border-radius:0 0 10px 10px;}
	body.index #sexIdBlock {padding-top:0.5em;}

	body.index div.registration .button-cta {text-transform:capitalize; border-radius:8px; border-width:0px 0 3px; font-size:1.625em; padding:0.4em 0; background:#428aca; border-color:#2d6392; font-weight:600;}
body.index.fr div.registration .button-cta {font-size:1.175em;}
	body.index div.registration .button-cta:hover {background:#2d6392;}
	body.index .registration .submit-block-button {margin-bottom:0;}
	body.index .warning.text {font-size:0.75em; line-height:1.2; font-style:italic; padding:4px 0 0; color:#e10000;}

	body.index .submit-block {position:relative; margin:1em 0 0;}
	body.index .submit-block .text {font-weight:400; text-align:left; font-size:0.75em; padding:7px 5px 2px; line-height:1.2; margin:0; color:#d1d3d8;}
	body.index .submit-block .text a { color:#d1d3d8;text-decoration:underline;}
	body.index .submit-block .text a:hover {text-decoration:none;	}

/*members*/
	body.index .search-result {position:relative; margin:0em auto 1.5em; visibility:hidden; width:100%;}
	body.index .search-result h3 { margin:0 0 1em; font-weight:300; font-size:1.875em; text-align:center; color:#fff;}
	body.index .member-list {margin:0; overflow:visible;}
	body.index .member-list .member {font-size:100%; text-align:center; height:auto; width:80%; line-height:normal;}
	body.index .member-list a.member-photo-link { overflow:hidden; position:relative; display:block; width:100%; height:auto; border-radius:6px; border:3px solid rgba(26,33,54,0);}
	body.index .member-list a.member-photo-link img{width:100%!important; height:auto!important; border-radius:0; border:none;}
	body.index .color-border {border:3px solid #f84e4e!important;}

	body.index .member { box-shadow: none; /* hide shadow from index.css */}
	body.index .member-basic-info, body.index .member-info { visibility: hidden; }
	body.index .member-info {text-align:left; margin:-8px 0 0;}
	body.index .member-age {float:left; margin:0 5px 0 0;}
	body.index .member-age span {display:none;}
	body.index .member-age strong {color:#fff; font-size:0.9em; font-weight:300;}
	body.index .member-age strong::after {content:',';}
	body.index .member-address {float:left;}
	body.index .member-username {text-align:left; padding:5px 0 0;}
	body.index .member-username a {color:#898989;}
	body.index .member-username strong {max-width:100%; font-size: 1.125em; font-weight: 600;}
	body.index .member-address-city {display:none;}
	body.index .member-address-country {color:#fff; font-size:0.9em; font-weight:300;}
	body.index .member-membership span {right: -6px;top: -11px;}
	body.index .member-membership {top:105px;}

/*media & welcome text*/
	body.index div.welcome {padding:0.5em 0 1.5em;}
	body.index div.welcome:empty {display:none;}
	body.index .welcome-content {position:relative; padding:0 0 2em; line-height:1.5; font-weight:400; background:#ffffff;}
	body.index .welcome-content  .column {font-size:1em;}
	body.index .textblock p {font-weight:inherit; font-size:inherit; line-height:inherit;}
	body.index .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;}
	body.index .flirtingt {font-size:3em; margin:1.5em 0; font-family: 'Playfair Display', serif;}
	body.index .flirtingt strong {color:#428aca;}
	body.index .textblock {padding:0; margin: 0 auto; text-align: center; width: 90%;}
	body.index .flirting1 .flirt-circle {background-image:url(/images/index/heart.png);}
	body.index .flirting2 .flirt-circle {background-image:url(/images/index/like.png);}
	body.index .flirting3 .flirt-circle {background-image:url(/images/index/lock.png);}
	body.index .flirt-circle {background-color:#f84e4e; background-position:center center; background-repeat:no-repeat; border-radius:100%; display:block; width:150px; height:150px; margin:0 auto;}
	body.index .textblock h4 {margin:1em 0 0.5em; font-size:1.5em; font-weight:600; text-transform:uppercase;}

	body.index .linkregistration {clear: both; display: table; font-size: 1.625em; margin: 2em auto 3em; padding: 0.35em 2.75em; text-align:center; border-radius:10px; font-weight:600; color:#ffffff !important; border-color:#2d6392; border-width:0 0 3px!important;}
	body.index .linkregistration:hover { text-decoration:none; text-decoration:none;}
	body.index .clear {clear:both; position:relative;}

/*footer*/
	body.index footer {border-top:1px solid #868686; padding:1.5rem 0;}
	body.index .nav-bottom ul {margin:0 0 0 -0.4rem}
	body.index .nav-bottom li {font-size:100%;}
	body.index .nav-bottom a {font-size:1em; color:#ffffff; padding:0 0.6rem; font-weight:600; text-transform:uppercase; opacity: 0.5;}
	body.index .copyright {margin:5px 0 0;}
	body.index .copyright p {color:#ffffff; font-size:0.75em; line-height:1.3; margin:0; opacity: 0.5; }

	body.index .custom_footer_content {margin:1em 0 0;}
	body.index .custom_footer_content p {line-height:1.4; color:#959595;}
	body.index .custom_footer_content h1, body.index .custom_footer_content h2, body.index .custom_footer_content h3, body.index .custom_footer_content h4 {color:#959595;}
	body.index .custom_footer_content  .row {margin:0;}

	body.index code {padding:0; background:none; border:none;}
}


@media only screen and (min-width: 1901px) {
	body.index .visual {background-size:100% auto;}
}

@media only screen and (min-width: 1600px) {
	body.index .visual {background-position: center center;}
}

@media only screen and (min-width: 1401px) {
	body.index .visual {background-image:url(https://cdn.pixabay.com/photo/2017/04/10/14/16/pretty-girl-2218650_1280.jpg); background-position: center top;}
}

@media only screen and (min-width: 1001px) and (max-width: 1400px) {
	body.index .visual {background-image:url(https://cdn.pixabay.com/photo/2017/04/10/14/16/pretty-girl-2218650_1280.jpg); background-position: center top;}
}

@media only screen and (max-width: 1000px){
	body.index .visual {background-image:url(https://cdn.pixabay.com/photo/2017/04/10/14/16/pretty-girl-2218650_1280.jpg); background-position: center top;}
}

@media only screen and (max-width: 800px){
	body.index  #switch-locale-content {max-width:100%!important; width:80%;}
	body.index .select2-container .select2-selection--single {height:36px;}
	body.index .select2-container--default .select2-selection--single .select2-selection__arrow {height:36px;}
	body.index div.registration input {min-height:36px;}
	body.index div.registration {margin:0em 0 2em; float:none;}

	body.index h1.slogan {font-size:1.5em; padding:0 1em; text-align:center;}
	body.index .siteslogan {left: auto; top:auto; position:relative; width:100%; margin:0;}
	body.index .switch-locale {right:36px; margin:0;}
	body.index .frontpage {margin:3em 0 0;}
	body.index .visual { background-position: 65% -80px; }
	body.index div.registration h3 { background:rgba(26,32,54,0.75);}

	body.index .search-result {width:99%; overflow:hidden;}
	body.index .linklogin {margin:0 1em 0 0;}
	body.index .member-info, body.index .member-username {visibility:visible!important;}
	body.index .member-list a.member-photo-link {border:3px solid #f84e4e!important;}
	body.index .flirtingt {padding-left:0.5em; padding-right:0.5em;}
}

@media only screen and (max-width: 601px){
	body.index .visual {background-image:url(https://cdn.pixabay.com/photo/2017/04/10/14/16/pretty-girl-2218650_1280.jpg); background-position: 70% -60px;}
	body.index header {padding:0;}
	body.index header .column {padding:0;}
	body.index h2.logo {margin:7px 0 0 0.5em;}
	body.index .frontpage {margin:5em 0 0;}
	body.index .autorization {width:100%;}

	body.index #switch-locale-content li {width:100%;}
	body.index #switch-locale-content {right:0.5em; width:100%;}

	body.index div.registration {width:100%; border-radius:0; background:none; margin:1em 0;}
	body.index div.registration .button-cta {font-weight:600; font-size:1.375em;}
	body.index .submit-block {background:none; border-radius:0;}
	body.index .registration .submit-block-button {margin-top:0.75em;}
	body.index div.registration h3 {font-size:1.45em;}

	body.index .search-result {width:100%; margin:1em auto 1.5em;}
	body.index .search-result h3 {font-size:1.375em;}
	body.index .member-list .member {width:90%;}
	body.index .member-info {margin:0; line-height:1.1;}
	body.index .member-address {line-height:1.1;}
	body.index .member-username {line-height:1.2;}
	body.index .member-username strong {font-size:0.75em;}
	body.index .member-address-country, body.index .member-age strong {font-size:0.625em;}

	body.index .welcome-content {font-size:0.875em;}
	body.index .linkregistration {font-weight:600; padding:10px 15px 8px; font-size:1.25em; min-width:60%; margin: 1em auto 2em;}
	body.index .linkregistration:hover {font-weight:600;}

	body.index .textblock {width:100%;}
	body.index .textblock h4 {font-size:1.5em;}
	body.index .flirtingt {font-size:2em;}

	body.index .nav-bottom ul {text-align:center; line-height:2;}
	body.index .nav-bottom li {display:inline-block;}
	body.index .nav-bottom a {padding:0 0.5em; font-size:0.9em;}
	body.index .copyright {margin:1em 0;}
}

@media only screen and (max-width: 381px){
	body.index .visual {background-position: 80% -50px; background-size:170% auto;}
	body.index .frontpage {margin:2em 0 0;}
	body.index div.registration h3 {border-color:rgba(255, 255, 255, 1);}
	body.index div.registration h3 br {display:none;}
	body.index div.registration h3 strong {padding-right:5px;}
	body.index .submit-block {padding:0;}
	body.index .submit-block .text {font-size:0.65em;}
	body.index .frontpage .column{padding-left:0.5em; padding-right:0.5em;}

	body.index .textblock {background-size:15% auto; font-size:0.9em;}
	body.index .textblock h4 {font-size:1.25em;}

body.index.ru .linkregistration {font-size:1.125em;}

	body.index .flirt-circle {width:110px; height:110px; background-size:50% auto;}
	body.index div.registration .select2-selection {height:42px;}
	body.index .select2-container--default .select2-selection--single .select2-selection__arrow {height:100%;}
	body.index .select2-container--default .select2-selection--single .select2-selection__rendered {height:100%; font-size: 22px; line-height:36px;}
	body.index .select2-dropdown .select2-results__option { font-size: .9rem; line-height: 2;}
	body.index div.registration dl.horizontal dt { margin: 5px auto;}

	body.index .member-membership {right:4px; top:4px;}
}

@media only screen and (max-width: 261px){
	body.index .visual {background-position: 80% -40px;}
	body.index .frontpage {margin:2em 0 0;}
	body.index div.registration .button-cta {font-size:1.125em;}
body.index.fr div.registration .button-cta {font-size:0.875em;}
	body.index div.registration h3 {font-size:1em;}
}

/*478562.1.501.2.fc81bce*/