html {
font-size: 14px;
height: 100%; }
body {
font-size: 13px;
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
background-color: #fff;
color: #f1f1f1;
overflow-y: scroll;
z-index: 0;
height: 100%;
position: relative;
padding: 0 !important;
min-height: 480px;
min-width: 320px;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: none; }
body a.ext-header {
color: white;
text-decoration: none;
display: block; }
body input[type="image"] {
padding: 0;
border: none; }
body input[type=text],
body input[type=password],
body input[type=file],
body input[type=submit],
body textarea {
-webkit-appearance: none; }
body .dib {
display: inline-block; }
body .page-container {
height: 100%; }
body .page-container-holder {
height: 100%;
position: absolute;
width: 100%;
top: 0;
left: 0; }
body .page-container-holder .page-bottom {
margin: 0; }
body .bolded {
font-family: 'Open Sans Bold'; }
body .regular {
font-family: 'Open Sans Regular';
font-size: 30px;
line-height: 50px;
display: block; }
body #page-section {
margin: 0 -10px 0 0;
padding: 0 0 20px;
list-style: none;
overflow: hidden;
border-bottom: 1px solid #303030; }
body #page-section li {
float: left;
width: 48.9%;
margin: 0 1% 1px 0;
font-size: 14px;
line-height: 18px;
font-family: 'Open Sans Bold'; }
body #page-section li a {
color: #ccc;
overflow: hidden;
background-color: #303030;
display: block; }
body #page-section li a strong {
display: table-cell;
border-right: 1px solid #1a1a1a;
width: 52px;
height: 48px; }
body #page-section li a span {
overflow: hidden;
display: table-cell;
line-height: 12px;
vertical-align: middle;
padding: 0 10px; }
body #page-section li a #online-obshenie {
background: url("/static/img/external/ext_about.png") no-repeat scroll center; }
body #page-section li a #blog {
background: url("/static/img/external/blog.png") no-repeat scroll center; }
body #page-section li a #soobshestvo {
background: url("/static/img/external/soobshestvo.png") no-repeat scroll center; }
body #page-section li a #privatniy-chat {
background: url("/static/img/external/privatniy-chat.png") no-repeat scroll center; }
body #page-section li a #upravlenie-komandoy {
background: url("/static/img/external/upravlenie-komandoy.png") no-repeat scroll center; }
body #page-section li a #skritiy-profil {
background: url("/static/img/external/skritiy-profil.png") no-repeat scroll center; }
body #page-section li a #internet-platforma {
background: url("/static/img/external/internet-platforma.png") no-repeat scroll center; }
body #page-section li a #anonimnoe-obshenie {
background: url("/static/img/external/anonimnoe-obshenie.png") no-repeat scroll center; }
body #page-section li a:hover {
color: #fff;
background-color: #135b7d; }
body #page-section li.active a {
color: #fff;
background-color: #135b7d; }
body #wrapper {
min-height: 100%;
*height: 100%; }
body .public-stream {
padding-bottom: 50px; }
body #main {
padding: 0 0 100px; }
body .container.stretch {
width: 100%; }
body .container {
width: 1066px; }
body .intl-tel-input {
width: 100%; }
body .intl-tel-input .flag-container ::-webkit-scrollbar {
width: 10px; }
body .intl-tel-input .flag-container ::-webkit-scrollbar-track {
background-color: transparent; }
body .intl-tel-input .flag-container ::-webkit-scrollbar-thumb {
background-color: #aaa; }
body .intl-tel-input .selected-flag {
padding: 0 0 0 14px;
background: url("/static/img/external/devider.png") transparent no-repeat scroll 100% 8px !important; }
body .intl-tel-input .selected-flag .iti-flag {
box-shadow: none;
background-color: transparent; }
body .intl-tel-input .selected-flag .iti-arrow {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 6px solid #bdbdbd; }
body .intl-tel-input .selected-flag,
body .intl-tel-input .selected-flag:hover,
body .intl-tel-input .selected-flag:active {
outline: none; }
body .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
background-color: transparent; }
body .intl-tel-input.allow-dropdown .selected-flag {
width: 65px; }
body .intl-tel-input .country-list {
font-family: 'Open Sans Regular'; }
body .intl-tel-input .country-list .active,
body .intl-tel-input .country-list .country.highlight {
background-color: #38c9af; }
body .intl-tel-input .country-list .active .country-name,
body .intl-tel-input .country-list .active .dial-code,
body .intl-tel-input .country-list .country.highlight .country-name,
body .intl-tel-input .country-list .country.highlight .dial-code {
color: #fff; }
body .intl-tel-input .country-name {
color: #333; }
body .intl-tel-input .dial-code {
color: #999; }
body .disabled {
opacity: .5; }
body .text-info {
color: #b1b1b1;
text-align: center;
font-family: 'Open Sans Semibold';
font-size: 15px; }
body #wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto;
overflow: hidden;
clear: both;
position: relative; }
body .jcarousel-pagination {
bottom: 50px;
margin: 0;
position: absolute;
z-index: 8;
right: 10%;
text-align: center;
padding: 0;
list-style: none; }
body .jcarousel-pagination li {
height: auto;
width: auto;
margin: 0 3px;
float: left; }
body .jcarousel-pagination li a {
width: 22px;
height: 22px;
padding: 0;
background-color: #fff;
opacity: 0.6;
display: block;
text-indent: -9999px;
border-radius: 22px; }
body .jcarousel-pagination .active a {
background-color: #7ba03a;
opacity: 1; }
body .jcarousel-pagination li a:hover {
opacity: 1; }
body .jcarousel-control {
top: 40%;
position: absolute;
z-index: 8;
left: 2%;
list-style: none;
width: 52px;
height: 155px;
background: url("/static/img/external/carousel-switcher.png");
opacity: 0.6;
cursor: pointer; }
body .jcarousel-control.next {
background-position: -52px 0;
left: auto;
right: 2%; }
body .jcarousel-control:hover {
opacity: 1; }
body .alt-bg {
height: 100%;
width: 100%;
left: 0;
top: 0;
z-index: 0;
position: absolute; }
body .alt-bg .focuspoint {
height: 100%;
width: 100%;
z-index: 1; }
body #header.mobile .container {
padding: 30px 32px; }
body #header.mobile .exit {
float: left;
margin: -2px -44px -6px 0; }
body #header.mobile .exit svg {
width: 44px;
height: 44px; }
body #header.mobile h1 {
font-size: 28px;
line-height: 40px;
font-weight: 600;
margin: 0;
text-align: center;
width: 100%;
padding: 0 52px;
box-sizing: border-box; }
body .w42 {
width: 42%; }
body .w23 {
width: 23%; }
body .w27 {
width: 27%; }
body .mr-4p {
margin-right: 4%; }
body .reg-mobile #external-alt-bg {
padding: 40px 32px 0; }
body .reg-mobile .create-new-profile .row {
border: none;
margin: 0 0 28px; }
body .reg-mobile .create-new-profile .text-error {
font-size: 24px;
color: #EA5A58; }
body .reg-mobile .create-new-profile .text-error.active {
margin-bottom: 20px; }
body .reg-mobile .create-new-profile .select-holder {
border: 2px solid #dadada;
border-radius: 10px;
position: relative;
margin-bottom: 20px;
overflow: hidden; }
body .reg-mobile .create-new-profile .select-holder .arrow {
position: absolute;
width: 22px;
height: 22px;
transform: rotate(90deg);
right: 22px;
top: 22px; }
body .reg-mobile .create-new-profile .select-holder .arrow svg {
width: 22px;
height: 22px; }
body .reg-mobile .create-new-profile .select-holder .arrow svg #Combined-Shape {
fill: #000; }
body .reg-mobile .create-new-profile input[type="text"],
body .reg-mobile .create-new-profile input[type="password"],
body .reg-mobile .create-new-profile input[type="email"],
body .reg-mobile .create-new-profile input[type="url"],
body .reg-mobile .create-new-profile select {
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-width: 2px;
border-radius: 10px;
padding: 22px 24px;
font-family: 'Open Sans', sans-serif;
font-size: 26px;
line-height: 36px;
color: #000;
background-color: transparent;
width: 100%;
background-repeat: no-repeat !important; }
body .reg-mobile .create-new-profile input[type="text"],
body .reg-mobile .create-new-profile input[type="password"],
body .reg-mobile .create-new-profile input[type="email"],
body .reg-mobile .create-new-profile input[type="url"] {
margin-bottom: 20px; }
body .reg-mobile .create-new-profile label {
font-size: 24px;
line-height: 28px;
color: #18202C;
margin: 0 0 24px;
font-weight: 600; }
body .reg-mobile .create-new-profile select {
padding: 18px 44px 18px 24px;
min-height: 0;
margin: 0;
height: auto;
font-size: 28px;
font-weight: normal;
border: none;
box-shadow: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: relative;
z-index: 10; }
body .reg-mobile .create-new-profile select::placeholder, body .reg-mobile .create-new-profile select:placeholder, body .reg-mobile .create-new-profile select::-webkit-input-placeholder, body .reg-mobile .create-new-profile select::-moz-placeholder, body .reg-mobile .create-new-profile select:-ms-input-placeholder, body .reg-mobile .create-new-profile select:-moz-placeholder {
color: #999; }
body .reg-mobile .create-new-profile select:focus {
outline: none; }
body .reg-mobile .create-new-profile .btn-create {
padding: 24px;
font-family: 'Open Sans';
font-weight: 600;
font-size: 26px;
line-height: 40px;
text-align: center;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #57AB62;
border-radius: 10px;
border: none;
color: #fff; }
body .reg-mobile .create-new-profile .btn-create:focus {
outline: none; }
body .reg-mobile .create-new-profile .btn-create.grey {
min-width: 130px; }
body .reg-mobile .create-new-profile #clear-birthday {
background: url(/static/img/delete_b.svg) no-repeat;
outline: none;
float: right;
text-indent: -9999px;
width: 40px;
height: 40px;
background-size: 40px;
margin: -6px 0; }
body .reg-mobile .create-new-profile .avatar-form .file-area .jcf-fake-input {
width: 76%; }
body .reg-mobile .create-new-profile .avatar-form .file-area .jcf-fake-input span {
border-radius: 10px 0 0 10px;
border-width: 2px;
min-height: 0;
font-size: 26px;
line-height: 40px;
height: auto;
padding: 9px 2%;
height: 40px; }
body .reg-mobile .create-new-profile .avatar-form .file-area .jcf-upload-button {
padding: 11px;
border-radius: 0 10px 10px 0;
font-family: 'Open Sans Bold';
font-size: 26px;
line-height: 40px;
width: 20%; }
body .reg-mobile .create-new-profile #countries-list {
display: flex;
flex-wrap: wrap; }
body .reg-mobile .create-new-profile #countries-list li {
width: 64px;
height: 62px;
margin: 0 24px 24px 0;
border-width: 2px;
padding: 2px 8px;
border-radius: 10px; }
body .reg-mobile .create-new-profile #countries-list img {
max-width: 64px;
top: 0;
left: 0;
position: relative; }
body .reg-mobile .create-new-profile .items-list {
display: flex;
justify-content: space-evenly; }
body .reg-mobile .create-new-profile .items-list li {
color: #666;
font-size: 19px;
line-height: 24px;
font-family: 'Open Sans Semibold';
margin: 0 0 10px;
float: left;
width: 104px;
border-width: 2px;
border-radius: 10px; }
body .reg-mobile .create-new-profile .items-list li .icon {
background-image: url("/static/img/icons-mobile.png"); }
body .reg-mobile .create-new-profile .items-list .active,
body .reg-mobile .create-new-profile .items-list li:hover {
color: #39c9ae; }
body .reg-mobile .create-new-profile .gender li .icon {
height: 84px;
width: 45px;
margin: 10px auto; }
body .reg-mobile .create-new-profile .gender_male .icon {
background-position: -105px -5px; }
body .reg-mobile .create-new-profile .gender_nonsexual .icon {
background-position: -55px -5px; }
body .reg-mobile .create-new-profile .gender_female .icon {
background-position: -5px -5px; }
body .reg-mobile .create-new-profile .gender_male:hover .icon,
body .reg-mobile .create-new-profile .gender_male.active .icon {
background-position: -105px -94px; }
body .reg-mobile .create-new-profile .gender_nonsexual:hover .icon,
body .reg-mobile .create-new-profile .gender_nonsexual.active .icon {
background-position: -55px -94px; }
body .reg-mobile .create-new-profile .gender_female:hover .icon,
body .reg-mobile .create-new-profile .gender_female.active .icon {
background-position: -5px -94px; }
body .reg-mobile .create-new-profile .ages .icon {
width: 45px;
height: 92px;
margin: 10px auto 22px; }
body .reg-mobile .create-new-profile .ages_1 .icon {
background-position: -5px -183px; }
body .reg-mobile .create-new-profile .ages_1:hover .icon,
body .reg-mobile .create-new-profile .ages_1.active .icon {
background-position: -5px -280px; }
body .reg-mobile .create-new-profile .ages_2 .icon {
background-position: -55px -183px; }
body .reg-mobile .create-new-profile .ages_2:hover .icon,
body .reg-mobile .create-new-profile .ages_2.active .icon {
background-position: -55px -280px; }
body .reg-mobile .create-new-profile .ages_3 .icon {
background-position: -105px -183px; }
body .reg-mobile .create-new-profile .ages_3:hover .icon,
body .reg-mobile .create-new-profile .ages_3.active .icon {
background-position: -105px -280px; }
body .reg-mobile .create-new-profile .ages_4 .icon {
background-position: -155px -183px; }
body .reg-mobile .create-new-profile .ages_4:hover .icon,
body .reg-mobile .create-new-profile .ages_4.active .icon {
background-position: -155px -280px; }
body .reg-mobile .create-new-profile .ages_5 .icon {
background-position: -205px -183px; }
body .reg-mobile .create-new-profile .ages_5:hover .icon,
body .reg-mobile .create-new-profile .ages_5.active .icon {
background-position: -205px -280px; }
body .reg-mobile .create-new-profile .ages_6 .icon {
background-position: -255px -183px; }
body .reg-mobile .create-new-profile .ages_6:hover .icon,
body .reg-mobile .create-new-profile .ages_6.active .icon {
background-position: -255px -280px; }
body .reg-mobile .create-new-profile .ages_7 .icon {
background-position: -305px -183px; }
body .reg-mobile .create-new-profile .ages_7:hover .icon,
body .reg-mobile .create-new-profile .ages_7.active .icon {
background-position: -305px -280px; }
body .reg-mobile .create-new-profile .zodiac {
padding: 0; }
body .reg-mobile .create-new-profile .zodiac li span {
padding: 0 10px; }
body .reg-mobile .create-new-profile .zodiac .icon {
width: 86px;
height: 56px;
margin: 10px auto 20px; }
body .reg-mobile .create-new-profile .zodiac_1 .icon,
body .reg-mobile .create-new-profile .zodiac_1.inactive:hover .icon {
width: 84px;
background-position: -5px -377px; }
body .reg-mobile .create-new-profile .zodiac_1:hover .icon,
body .reg-mobile .create-new-profile .zodiac_1.active .icon {
background-position: -5px -438px; }
body .reg-mobile .create-new-profile .zodiac_2 .icon,
body .reg-mobile .create-new-profile .zodiac_2.inactive:hover .icon {
width: 56px;
background-position: -94px -377px; }
body .reg-mobile .create-new-profile .zodiac_2:hover .icon,
body .reg-mobile .create-new-profile .zodiac_2.active .icon {
background-position: -94px -438px; }
body .reg-mobile .create-new-profile .zodiac_3 .icon,
body .reg-mobile .create-new-profile .zodiac_3.inactive:hover .icon {
width: 80px;
background-position: -155px -377px; }
body .reg-mobile .create-new-profile .zodiac_3:hover .icon,
body .reg-mobile .create-new-profile .zodiac_3.active .icon {
background-position: -155px -438px; }
body .reg-mobile .create-new-profile .zodiac_4 .icon,
body .reg-mobile .create-new-profile .zodiac_4.inactive:hover .icon {
width: 49px;
background-position: -240px -377px; }
body .reg-mobile .create-new-profile .zodiac_4:hover .icon,
body .reg-mobile .create-new-profile .zodiac_4.active .icon {
background-position: -240px -438px; }
body .reg-mobile .create-new-profile .zodiac_5 .icon,
body .reg-mobile .create-new-profile .zodiac_5.inactive:hover .icon {
width: 87px;
background-position: -294px -377px; }
body .reg-mobile .create-new-profile .zodiac_5:hover .icon,
body .reg-mobile .create-new-profile .zodiac_5.active .icon {
background-position: -294px -438px; }
body .reg-mobile .create-new-profile .zodiac_6 .icon,
body .reg-mobile .create-new-profile .zodiac_6.inactive:hover .icon {
width: 50px;
background-position: -386px -377px; }
body .reg-mobile .create-new-profile .zodiac_6:hover .icon,
body .reg-mobile .create-new-profile .zodiac_6.active .icon {
background-position: -386px -438px; }
body .reg-mobile .create-new-profile .zodiac_7 .icon,
body .reg-mobile .create-new-profile .zodiac_7.inactive:hover .icon {
width: 60px;
background-position: -441px -377px; }
body .reg-mobile .create-new-profile .zodiac_7:hover .icon,
body .reg-mobile .create-new-profile .zodiac_7.active .icon {
background-position: -441px -438px; }
body .reg-mobile .create-new-profile .zodiac_8 .icon,
body .reg-mobile .create-new-profile .zodiac_8.inactive:hover .icon {
width: 56px;
background-position: -506px -377px; }
body .reg-mobile .create-new-profile .zodiac_8:hover .icon,
body .reg-mobile .create-new-profile .zodiac_8.active .icon {
background-position: -506px -438px; }
body .reg-mobile .create-new-profile .zodiac_9 .icon,
body .reg-mobile .create-new-profile .zodiac_9.inactive:hover .icon {
width: 53px;
background-position: -567px -377px; }
body .reg-mobile .create-new-profile .zodiac_9:hover .icon,
body .reg-mobile .create-new-profile .zodiac_9.active .icon {
background-position: -567px -438px; }
body .reg-mobile .create-new-profile .zodiac_10 .icon,
body .reg-mobile .create-new-profile .zodiac_10.inactive:hover .icon {
width: 45px;
background-position: -625px -377px; }
body .reg-mobile .create-new-profile .zodiac_10:hover .icon,
body .reg-mobile .create-new-profile .zodiac_10.active .icon {
background-position: -625px -438px; }
body .reg-mobile .create-new-profile .zodiac_11 .icon,
body .reg-mobile .create-new-profile .zodiac_11.inactive:hover .icon {
width: 78px;
background-position: -675px -377px; }
body .reg-mobile .create-new-profile .zodiac_11:hover .icon,
body .reg-mobile .create-new-profile .zodiac_11.active .icon {
background-position: -675px -438px; }
body .reg-mobile .create-new-profile .zodiac_12 .icon,
body .reg-mobile .create-new-profile .zodiac_12.inactive:hover .icon {
width: 63px;
background-position: -758px -377px; }
body .reg-mobile .create-new-profile .zodiac_12:hover .icon,
body .reg-mobile .create-new-profile .zodiac_12.active .icon {
background-position: -758px -438px; }
body .reg-mobile .create-new-profile .months {
padding: 0; }
body .reg-mobile .create-new-profile .months .icon {
width: auto;
height: 55px;
margin: 21px auto 23px; }
body .reg-mobile .create-new-profile .months_1 .icon {
width: 50px;
background-position: -155px -5px; }
body .reg-mobile .create-new-profile .months_1:hover .icon,
body .reg-mobile .create-new-profile .months_1.active .icon {
background-position: -155px -65px; }
body .reg-mobile .create-new-profile .months_2 .icon {
width: 56px;
background-position: -210px -5px; }
body .reg-mobile .create-new-profile .months_2:hover .icon,
body .reg-mobile .create-new-profile .months_2.active .icon {
background-position: -210px -65px; }
body .reg-mobile .create-new-profile .months_3 .icon {
width: 56px;
background-position: -271px -5px; }
body .reg-mobile .create-new-profile .months_3:hover .icon,
body .reg-mobile .create-new-profile .months_3.active .icon {
background-position: -271px -65px; }
body .reg-mobile .create-new-profile .months_4 .icon {
width: 37px;
background-position: -332px -5px; }
body .reg-mobile .create-new-profile .months_4:hover .icon,
body .reg-mobile .create-new-profile .months_4.active .icon {
background-position: -332px -65px; }
body .reg-mobile .create-new-profile .months_5 .icon {
width: 32px;
background-position: -374px -5px; }
body .reg-mobile .create-new-profile .months_5:hover .icon,
body .reg-mobile .create-new-profile .months_5.active .icon {
background-position: -374px -65px; }
body .reg-mobile .create-new-profile .months_6 .icon {
width: 49px;
background-position: -411px -5px; }
body .reg-mobile .create-new-profile .months_6:hover .icon,
body .reg-mobile .create-new-profile .months_6.active .icon {
background-position: -411px -65px; }
body .reg-mobile .create-new-profile .months_7 .icon {
width: 42px;
background-position: -465px -5px; }
body .reg-mobile .create-new-profile .months_7:hover .icon,
body .reg-mobile .create-new-profile .months_7.active .icon {
background-position: -465px -65px; }
body .reg-mobile .create-new-profile .months_8 .icon {
width: 46px;
background-position: -512px -5px; }
body .reg-mobile .create-new-profile .months_8:hover .icon,
body .reg-mobile .create-new-profile .months_8.active .icon {
background-position: -512px -65px; }
body .reg-mobile .create-new-profile .months_9 .icon {
width: 53px;
background-position: -563px -5px; }
body .reg-mobile .create-new-profile .months_9:hover .icon,
body .reg-mobile .create-new-profile .months_9.active .icon {
background-position: -563px -65px; }
body .reg-mobile .create-new-profile .months_10 .icon {
width: 52px;
background-position: -621px -5px; }
body .reg-mobile .create-new-profile .months_10:hover .icon,
body .reg-mobile .create-new-profile .months_10.active .icon {
background-position: -621px -65px; }
body .reg-mobile .create-new-profile .months_11 .icon {
width: 52px;
background-position: -678px -5px; }
body .reg-mobile .create-new-profile .months_11:hover .icon,
body .reg-mobile .create-new-profile .months_11.active .icon {
background-position: -678px -65px; }
body .reg-mobile .create-new-profile .months_12 .icon {
width: 33px;
background-position: -735px -5px; }
body .reg-mobile .create-new-profile .months_12:hover .icon,
body .reg-mobile .create-new-profile .months_12.active .icon {
background-position: -735px -65px; }
body .reg-mobile .create-new-profile .horoscope {
padding: 0; }
body .reg-mobile .create-new-profile .horoscope .icon {
width: auto;
height: 47px;
margin: 21px auto 23px; }
body .reg-mobile .create-new-profile .horoscope_1 .icon {
width: 52px;
background-position: -355px -125px; }
body .reg-mobile .create-new-profile .horoscope_1:hover .icon,
body .reg-mobile .create-new-profile .horoscope_1.active .icon {
background-position: -355px -177px; }
body .reg-mobile .create-new-profile .horoscope_2 .icon {
width: 44px;
background-position: -412px -125px; }
body .reg-mobile .create-new-profile .horoscope_2:hover .icon,
body .reg-mobile .create-new-profile .horoscope_2.active .icon {
background-position: -412px -177px; }
body .reg-mobile .create-new-profile .horoscope_3 .icon {
width: 36px;
background-position: -461px -125px; }
body .reg-mobile .create-new-profile .horoscope_3:hover .icon,
body .reg-mobile .create-new-profile .horoscope_3.active .icon {
background-position: -461px -177px; }
body .reg-mobile .create-new-profile .horoscope_4 .icon {
width: 52px;
background-position: -502px -125px; }
body .reg-mobile .create-new-profile .horoscope_4:hover .icon,
body .reg-mobile .create-new-profile .horoscope_4.active .icon {
background-position: -502px -177px; }
body .reg-mobile .create-new-profile .horoscope_5 .icon {
width: 40px;
background-position: -559px -125px; }
body .reg-mobile .create-new-profile .horoscope_5:hover .icon,
body .reg-mobile .create-new-profile .horoscope_5.active .icon {
background-position: -559px -177px; }
body .reg-mobile .create-new-profile .horoscope_6 .icon {
width: 52px;
background-position: -604px -125px; }
body .reg-mobile .create-new-profile .horoscope_6:hover .icon,
body .reg-mobile .create-new-profile .horoscope_6.active .icon {
background-position: -604px -177px; }
body .reg-mobile .create-new-profile .horoscope_7 .icon {
width: 52px;
background-position: -355px -229px; }
body .reg-mobile .create-new-profile .horoscope_7:hover .icon,
body .reg-mobile .create-new-profile .horoscope_7.active .icon {
background-position: -355px -281px; }
body .reg-mobile .create-new-profile .horoscope_8 .icon {
width: 58px;
background-position: -412px -229px; }
body .reg-mobile .create-new-profile .horoscope_8:hover .icon,
body .reg-mobile .create-new-profile .horoscope_8.active .icon {
background-position: -412px -281px; }
body .reg-mobile .create-new-profile .horoscope_9 .icon {
width: 45px;
background-position: -475px -229px; }
body .reg-mobile .create-new-profile .horoscope_9:hover .icon,
body .reg-mobile .create-new-profile .horoscope_9.active .icon {
background-position: -475px -281px; }
body .reg-mobile .create-new-profile .horoscope_10 .icon {
width: 62px;
background-position: -525px -229px; }
body .reg-mobile .create-new-profile .horoscope_10:hover .icon,
body .reg-mobile .create-new-profile .horoscope_10.active .icon {
background-position: -525px -281px; }
body .reg-mobile .create-new-profile .horoscope_11 .icon {
width: 62px;
background-position: -592px -229px; }
body .reg-mobile .create-new-profile .horoscope_11:hover .icon,
body .reg-mobile .create-new-profile .horoscope_11.active .icon {
background-position: -592px -281px; }
body .reg-mobile .create-new-profile .horoscope_12 .icon {
width: 47px;
background-position: -251px -125px; }
body .reg-mobile .create-new-profile .horoscope_12:hover .icon,
body .reg-mobile .create-new-profile .horoscope_12.active .icon {
background-position: -303px -125px; }
body .reg-mobile .create-new-profile .sexual_orientation .icon {
width: auto;
height: 68px;
margin: 21px auto 23px; }
body .reg-mobile .create-new-profile .sexual_orientation_bisex .icon {
width: 51px;
background-position: -352px -645px; }
body .reg-mobile .create-new-profile .sexual_orientation_bisex:hover .icon,
body .reg-mobile .create-new-profile .sexual_orientation_bisex.active .icon {
background-position: -352px -718px; }
body .reg-mobile .create-new-profile .sexual_orientation_gay .icon {
width: 42px;
background-position: -408px -645px; }
body .reg-mobile .create-new-profile .sexual_orientation_gay:hover .icon,
body .reg-mobile .create-new-profile .sexual_orientation_gay.active .icon {
background-position: -408px -718px; }
body .reg-mobile .create-new-profile .sexual_orientation_asexual .icon {
width: 39px;
background-position: -455px -645px; }
body .reg-mobile .create-new-profile .sexual_orientation_asexual:hover .icon,
body .reg-mobile .create-new-profile .sexual_orientation_asexual.active .icon {
background-position: -455px -718px; }
body .reg-mobile .create-new-profile .sexual_orientation_gender .icon {
width: 58px;
background-position: -499px -645px; }
body .reg-mobile .create-new-profile .sexual_orientation_gender:hover .icon,
body .reg-mobile .create-new-profile .sexual_orientation_gender.active .icon {
background-position: -499px -718px; }
body .reg-mobile .create-new-profile .sexual_orientation_hetero .icon {
width: 46px;
background-position: -562px -645px; }
body .reg-mobile .create-new-profile .sexual_orientation_hetero:hover .icon,
body .reg-mobile .create-new-profile .sexual_orientation_hetero.active .icon {
background-position: -562px -718px; }
body .reg-mobile .create-new-profile .sexual_orientation_female .icon {
width: 38px;
background-position: -613px -645px; }
body .reg-mobile .create-new-profile .sexual_orientation_female:hover .icon,
body .reg-mobile .create-new-profile .sexual_orientation_female.active .icon {
background-position: -613px -718px; }
body .reg-mobile .create-new-profile .sexual_orientation_male .icon {
width: 40px;
background-position: -656px -645px; }
body .reg-mobile .create-new-profile .sexual_orientation_male:hover .icon,
body .reg-mobile .create-new-profile .sexual_orientation_male.active .icon {
background-position: -656px -718px; }
body .reg-mobile .create-new-profile .sexual_orientation_lesbian .icon {
width: 41px;
background-position: -701px -645px; }
body .reg-mobile .create-new-profile .sexual_orientation_lesbian:hover .icon,
body .reg-mobile .create-new-profile .sexual_orientation_lesbian.active .icon {
background-position: -701px -718px; }
body .reg-mobile .create-new-profile .political_views li span {
overflow: hidden; }
body .reg-mobile .create-new-profile .political_views .icon {
width: auto;
height: 53px;
margin: 21px auto 23px; }
body .reg-mobile .create-new-profile .political_views_antiglobalist .icon {
width: 51px;
background-position: -5px -791px; }
body .reg-mobile .create-new-profile .political_views_antiglobalist:hover .icon,
body .reg-mobile .create-new-profile .political_views_antiglobalist.active .icon {
background-position: -5px -849px; }
body .reg-mobile .create-new-profile .political_views_liberal .icon {
width: 77px;
background-position: -61px -791px; }
body .reg-mobile .create-new-profile .political_views_liberal:hover .icon,
body .reg-mobile .create-new-profile .political_views_liberal.active .icon {
background-position: -61px -849px; }
body .reg-mobile .create-new-profile .political_views_nationalist .icon {
width: 37px;
background-position: -143px -791px; }
body .reg-mobile .create-new-profile .political_views_nationalist:hover .icon,
body .reg-mobile .create-new-profile .political_views_nationalist.active .icon {
background-position: -143px -849px; }
body .reg-mobile .create-new-profile .political_views_radical .icon {
width: 35px;
background-position: -185px -791px; }
body .reg-mobile .create-new-profile .political_views_radical:hover .icon,
body .reg-mobile .create-new-profile .political_views_radical.active .icon {
background-position: -185px -849px; }
body .reg-mobile .create-new-profile .political_views_socialist .icon {
width: 37px;
background-position: -225px -791px; }
body .reg-mobile .create-new-profile .political_views_socialist:hover .icon,
body .reg-mobile .create-new-profile .political_views_socialist.active .icon {
background-position: -225px -849px; }
body .reg-mobile .create-new-profile .political_views_sovereign .icon {
width: 64px;
background-position: -267px -791px; }
body .reg-mobile .create-new-profile .political_views_sovereign:hover .icon,
body .reg-mobile .create-new-profile .political_views_sovereign.active .icon {
background-position: -267px -849px; }
body .reg-mobile .create-new-profile .political_views_conservative {
display: none; }
body .reg-mobile .create-new-profile .political_views_conservative .icon {
background-position: -179px -277px; }
body .reg-mobile .create-new-profile .political_views_conservative:hover .icon,
body .reg-mobile .create-new-profile .political_views_conservative.active .icon {
background-position: -179px -363px; }
body .reg-mobile .create-new-profile .political_views_anarchic .icon {
width: 53px;
background-position: -336px -791px; }
body .reg-mobile .create-new-profile .political_views_anarchic:hover .icon,
body .reg-mobile .create-new-profile .political_views_anarchic.active .icon {
background-position: -336px -849px; }
body .reg-mobile .create-new-profile .political_views_apolitical .icon {
width: 47px;
background-position: -394px -791px; }
body .reg-mobile .create-new-profile .political_views_apolitical:hover .icon,
body .reg-mobile .create-new-profile .political_views_apolitical.active .icon {
background-position: -394px -849px; }
body .reg-mobile .create-new-profile .political_views_communist .icon {
width: 51px;
background-position: -446px -791px; }
body .reg-mobile .create-new-profile .political_views_communist:hover .icon,
body .reg-mobile .create-new-profile .political_views_communist.active .icon {
background-position: -446px -849px; }
body .reg-mobile .create-new-profile .political_views_democratic .icon {
width: 53px;
background-position: -502px -791px; }
body .reg-mobile .create-new-profile .political_views_democratic:hover .icon,
body .reg-mobile .create-new-profile .political_views_democratic.active .icon {
background-position: -502px -849px; }
body .reg-mobile .create-new-profile .political_views_libertarianism .icon {
width: 62px;
background-position: -560px -791px; }
body .reg-mobile .create-new-profile .political_views_libertarianism:hover .icon,
body .reg-mobile .create-new-profile .political_views_libertarianism.active .icon {
background-position: -560px -849px; }
body .carousel-holder {
height: 610px;
position: relative; }
body .carousel-holder #bg {
position: relative;
height: 610px; }
body .carousel-holder .jcarousel-pagination {
right: 50%;
bottom: 31px;
margin: 0 -122px 0 0; }
body .carousel-holder .jcarousel-pagination li {
margin: 0 15px 0 0; }
body .carousel-holder .jcarousel-pagination li a {
width: 16px;
height: 16px; }
body .carousel-holder .jcarousel-pagination .active a {
background-color: #38c9af; }
body .clients-cont {
width: 100%; }
body .clients-list {
text-align: center;
padding: 18px 10px 19px;
display: flex;
margin: 0 auto;
justify-content: space-between;
min-width: 980px;
max-width: 1150px; }
body .clients-list li {
justify-content: space-between; }
body .clients-list li a {
display: table-cell;
vertical-align: middle;
height: 46px; }
body .index-page {
background-color: #fff; }
body .index-page #page-bottom.main {
position: relative;
margin: 0;
background-color: #262c2e;
height: auto; }
body .index-page #page-bottom.main .logo-holder {
float: left;
width: 130px;
margin: 0;
overflow: hidden;
padding: 0;
height: auto; }
body .index-page #page-bottom.main .logo-holder .brand {
margin: 0;
padding: 0;
text-shadow: none;
overflow: hidden; }
body .index-page #page-bottom.main .logo-holder .brand span {
font-size: 11px;
line-height: 14px;
margin: -11px -30px 0 40px;
color: #fff;
float: left; }
body .index-page #page-bottom.main .logo-holder.beta {
width: 195px;
margin-top: -18px;
margin-bottom: -18px; }
body .index-page #page-bottom.main .top-row {
padding: 75px 0 64px;
border-bottom: 1px solid #464b4d; }
body .index-page #page-bottom.main .bottom-row {
padding: 54px 0 59px; }
body .index-page #page-bottom.main .bottom-nav-holder {
overflow: hidden; }
body .index-page #page-bottom.main .bottom-nav-holder .block:first-child {
margin: 0; }
body .index-page #page-bottom.main .bottom-nav-holder .block {
float: right;
margin: 0 9% 0 0;
font-size: 13px;
line-height: 16px;
color: #fff; }
body .index-page #page-bottom.main .bottom-nav-holder .block a, body .index-page #page-bottom.main .bottom-nav-holder .block a:hover {
color: #fff;
cursor: pointer; }
body .index-page #page-bottom.main .bottom-nav-holder .block a:hover {
text-decoration: underline; }
body .index-page #page-bottom.main .bottom-nav-holder .block h3 {
font-size: 13px;
line-height: 16px;
font-family: 'Open Sans Bold';
margin: 0 0 13px;
text-transform: uppercase; }
body .index-page #page-bottom.main .bottom-nav-holder .block .nav li {
margin: 0 0 4px; }
body .index-page #page-bottom.main #copyright {
float: none;
color: #aaa;
text-align: center; }
body .index-page #page-bottom.main #copyright p {
font-size: 13px;
line-height: 18px;
margin: 0; }
body .index-page .info-block .info-list {
padding: 59px 0 40px; }
body .index-page .info-block .info-list li {
width: 25%;
display: inline-block;
vertical-align: top;
text-align: center; }
body .index-page .info-block .info-list li .holder {
padding: 0 20px; }
body .index-page .info-block .info-list li .icon {
display: block;
margin: 0 auto 14px;
height: 57px; }
body .index-page .info-block .info-list li h2 {
font-family: 'Open Sans Semibold';
font-size: 18px;
line-height: 24px;
color: #333;
margin: 0 0 14px; }
body .index-page .info-block .info-list li p {
font-size: 14px;
line-height: 21px;
color: #666; }
body .index-page .info-block .info-list .communicate .icon {
background: url("/static/img/external/communicate.png");
width: 60px;
height: 56px;
margin-bottom: 15px; }
body .index-page .info-block .info-list .blogger .icon {
background: url("/static/img/external/blogger.png");
width: 66px; }
body .index-page .info-block .info-list .community .icon {
background: url("/static/img/external/community.png");
width: 66px; }
body .index-page .info-block .info-list .files .icon {
background: url("/static/img/external/files.png");
width: 74px; }
body .index-page .info-block .info-title {
font-family: 'Open Sans Bold';
font-size: 42px;
line-height: 46px;
color: #1a1a1a;
margin: 0;
text-align: center; }
body .index-page .features {
padding: 53px 0 0; }
body .index-page .features .info-list {
padding: 39px 0 36px; }
body .index-page .features .info-list li {
width: 33.3333%;
margin: 0 0 30px; }
body .index-page .features .info-list li h2 {
font-family: 'Open Sans Bold';
font-size: 21px;
line-height: 24px;
margin: 0 0 11px; }
body .index-page .features .info-list li p {
font-size: 16px;
line-height: 24px;
margin: 0 0 24px; }
body .index-page .features .info-list .mult-prof .icon {
background: url("/static/img/external/mult-prof.jpg");
width: 155px;
height: 141px;
margin-bottom: 33px; }
body .index-page .features .info-list .anonym .icon {
background: url("/static/img/external/anonym.jpg");
width: 117px;
height: 125px;
margin: 13px auto 36px; }
body .index-page .features .info-list .search .icon {
background: url("/static/img/external/search.jpg");
width: 99px;
height: 117px;
margin: 19px auto 38px; }
body .index-page .features .info-list .funct-chat .icon {
background: url(/static/img/external/funct-chat.png);
width: 148px;
height: 140px;
margin-bottom: 32px; }
body .index-page .features .info-list .doc-files .icon {
background: url(/static/img/external/doc-files.png);
width: 167px;
height: 120px;
margin: 16px auto 36px; }
body .index-page .features .info-list .share-media .icon {
background: url(/static/img/external/share-media.png);
width: 156px;
height: 116px;
margin: 18px auto 38px; }
body .index-page .video-holder {
height: 533px;
width: 947px;
position: relative;
margin: 0 auto; }
body .index-page .video-holder .img-prew {
opacity: 0.4; }
body .index-page .video-holder .video-pause {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
cursor: pointer;
z-index: 1; }
body .index-page .video-holder .video-play {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
font-size: 16px;
line-height: 24px;
color: #fff;
text-align: center;
cursor: pointer;
z-index: 2; }
body .index-page .video-holder .video-play .icon {
background: url("/static/img/external/vid-play.png");
width: 111px;
height: 112px;
margin: 198px auto 16px; }
body .index-page .video-holder .video-play .title {
font-family: 'Open Sans Bold';
font-size: 30px;
line-height: 46px;
color: #fff;
margin-bottom: 12px; }
body .index-page .video-holder .video-play span, body .index-page .video-holder .video-play strong {
display: block;
margin: 0 auto; }
body .index-page .magazines-block {
position: relative;
height: 519px; }
body .index-page .magazines-block .img-holder-block {
width: 1876px;
position: absolute;
left: 50%;
margin: 0 0 0 -938px; }
body .index-page .magazines-block .img-holder-block .bg-img {
float: right; }
body .index-page .community-block {
position: relative;
height: 519px; }
body .index-page .community-block .img-holder-block {
width: 1504px;
position: absolute;
left: 50%;
margin: 0 0 0 -752px; }
body .index-page .community-block .img-holder-block .bg-img {
float: left; }
body .index-page .community-block .addv-holder {
width: 455px;
float: right;
padding: 114px 0 0;
margin: 0 9% 0 0; }
body .index-page .addv-holder {
color: #1a1a1a;
width: 400px;
float: left;
padding: 66px 0 0; }
body .index-page .addv-holder .type {
font-family: 'Open Sans Bold';
font-size: 21px;
line-height: 46px;
margin-bottom: 6px; }
body .index-page .addv-holder h2 {
font-family: 'Open Sans Bold';
font-size: 42px;
line-height: 44px;
color: #38c9af;
margin: 0 0 18px; }
body .index-page .addv-holder p {
font-size: 17px;
line-height: 24px;
margin: 0 0 24px; }
body .index-page .addv-holder .btn {
font-family: 'Open Sans Bold';
font-size: 16px;
line-height: 24px;
color: #fff;
padding: 15px 52px;
text-transform: uppercase;
background-color: #38c9af;
border-radius: 28px;
float: left; }
body .index-page .reg-adv {
color: #333;
text-align: center;
padding: 66px 0 67px; }
body .index-page .reg-adv h2 {
color: #333;
font-size: 24px;
line-height: 36px;
margin: 0 0 33px; }
body .index-page .reg-adv h2 strong {
font-family: 'Open Sans Bold'; }
body .index-page .reg-adv .btn {
font-family: 'Open Sans Bold';
font-size: 16px;
line-height: 24px;
color: #fff;
padding: 13px 60px;
text-transform: uppercase;
background-color: #38c9af;
border-radius: 28px;
display: inline-block; }
body #bg {
height: 100%;
width: 100%;
left: 0;
top: 0;
z-index: 0;
position: absolute; }
body #bg ul {
margin: 0;
padding: 0;
list-style: none;
width: 20000em;
position: relative; }
body #bg ul li {
overflow: hidden;
float: left;
position: relative; }
body #bg .block-text {
position: absolute;
right: 7%;
top: 178px;
max-width: 460px;
z-index: 10;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); }
body #bg .info-text {
min-width: 500px;
max-width: 50%; }
body #bg .info-text p {
font-family: 'Open Sans Bold';
font-size: 21px;
line-height: 38px; }
body #bg .info-text h3 {
font-family: 'Open Sans Bold';
font-size: 42px;
line-height: 50px;
color: #38c9af;
padding: 0;
margin: 0 0 20px;
text-align: left; }
body #bg img {
min-width: 100%;
min-height: 100%; }
body #bg h2, body #bg h3, body #bg h4 {
font-family: 'Open Sans Light', 'Open Sans Regular';
text-align: center;
font-size: 48px;
line-height: 1.3em;
margin: 0;
padding: 7px 15px; }
body #bg h3 {
font-size: 38px;
line-height: 1.3em; }
body #bg h4 {
font-size: 17px;
line-height: 1.3em; }
body #bg p {
line-height: 1.2em;
font-size: 16px; }
body #bg .block {
overflow: hidden;
padding: 20px; }
body #bg .block .ico img {
min-height: 0;
min-width: 0;
position: relative; }
body #bg .block .ico.fl {
margin: 0 15px 0 0; }
body #bg .block .ico.fr {
margin: 0 0 0 15px; }
body #bg .block p {
overflow: hidden;
margin: 0; }
body #bg .block h2 {
padding: 0;
text-align: left;
margin: 0 0 10px; }
body #bg .video-play {
width: 146px;
height: 146px;
display: block;
margin: 26px auto 14px;
position: relative;
z-index: 5;
background: url("/static/img/external/btn-play.png");
cursor: pointer; }
body #bg .video {
border: 5px solid #7ba03a;
margin: -190px auto -5px;
width: 560px;
height: 315px;
position: relative;
z-index: 6; }
body #bg .video-block {
width: 58%;
top: 170px;
right: 3%;
max-width: 750px;
text-align: center; }
body #bg .video-block h2 {
font-size: 42px;
line-height: 53px; }
body #bg .video-block .add {
font-size: 28px; }
body #bg .video-block h2 + h2 {
margin: 0 0 0 80px; }
body #bg .video-block h2 + h2 + a + div + h2 {
margin: 0 0 0 40px; }
body #bg .set h3 {
position: relative;
margin: 0 0 -5px 100px;
z-index: 2;
font-size: 28px; }
body #bg .set h2 {
font-size: 40px;
line-height: 40px; }
body #bg .set h4 {
margin: -5px 0 0 60px;
position: relative;
z-index: 5; }
body #bg .set .ico {
margin-top: 4px; }
body #bg .set .block {
width: 390px;
position: relative; }
body #bg .green {
background-color: #7ba03a; }
body #bg .blue {
background-color: #00adf2;
opacity: 0.8; }
body #bg .violet {
background-color: #764793;
opacity: 0.8; }
body #bg .gray {
color: #ccc; }
body #bg .red {
background-color: rgba(166, 60, 89, 0.8);
background-color: #a63c59;
opacity: 0.8; }
body #bg .orange {
background-color: #cb6837;
opacity: 0.8; }
body #bg .dark-blue {
background-color: #00b3a8;
opacity: 0.8; }
body #bg .comm h3 {
padding: 0;
margin: 0; }
body #bg .comm .plat {
margin: 0 0 -8px -50px; }
body #bg .comm .plat .ico {
margin-top: 11px; }
body #bg .comm .green {
width: 350px;
position: relative; }
body #bg .comm .team {
margin: -10px 0 0 160px;
position: relative;
z-index: 2; }
body #bg .comm .team .ico {
margin-top: 12px; }
body #bg .comm .promo {
position: relative;
z-index: 1;
margin: -9px 0 0 50px; }
body #bg .comm .promo h3 {
font-size: 28px; }
body #bg .comm .promo .ico {
margin: 7px 12px 0 0; }
body #bg .anon h3 {
padding: 0;
margin: 0;
font-size: 24px; }
body #bg .anon .orange {
margin: 0 0 -5px; }
body #bg .anon .orange h3 {
text-align: left; }
body #bg .anon .green {
width: 390px; }
body #bg .anon .green h2 {
font-size: 38px;
line-height: 42px; }
body #bg .anon .green .ico {
margin-top: 5px; }
body #bg .anon .blue {
margin: -7px 0 -8px 180px;
position: relative;
z-index: 2; }
body #bg .anon .violet {
margin: 0 0 0 -60px; }
body #bg .file h3 {
padding: 0;
margin: 0;
font-size: 28px; }
body #bg .file .orange {
margin: 0 30px -5px 10px;
position: relative;
z-index: 2; }
body #bg .file .green {
width: 390px; }
body #bg .file .green h2 {
font-size: 38px;
line-height: 42px; }
body #bg .file .green .ico {
margin-top: 5px; }
body #bg .file .blue {
margin: -7px 0 -8px 120px;
position: relative;
z-index: 2; }
body #bg .mess {
max-width: 350px; }
body #bg .mess h3 {
padding: 0;
margin: 0;
font-size: 28px; }
body #bg .mess .blue {
margin: 0 -70px -5px 10px;
position: relative;
z-index: 1; }
body #bg .mess .blue .ico {
margin-top: 7px; }
body #bg .mess .green {
width: 300px;
position: relative;
z-index: 2; }
body #bg .mess .green h2 {
font-size: 38px;
line-height: 42px; }
body #bg .mess .green .ico {
margin-top: 5px; }
body #bg .mess .orange {
margin: -7px 0 -8px 60px;
position: relative;
z-index: 3; }
body #bg .mess .orange .ico {
margin-top: 8px;
width: 32px; }
body #bg .mess .orange .ico img {
width: 100%; }
body #bg .media-block {
max-width: 350px; }
body #bg .media-block h3 {
padding: 0;
margin: 0;
font-size: 28px; }
body #bg .media-block .blue {
margin: -5px -60px 0px 0px;
position: relative;
z-index: 2; }
body #bg .media-block .blue .ico {
margin-top: 5px; }
body #bg .media-block .dark-blue {
margin: 0 0 -5px -30px;
position: relative;
z-index: 1; }
body #bg .media-block .dark-blue .ico {
margin-top: 7px; }
body #bg .media-block .green {
width: 300px;
position: relative;
z-index: 2; }
body #bg .media-block .green h2 {
font-size: 38px;
line-height: 42px; }
body #bg .media-block .green .ico {
margin-top: 5px; }
body #bg .media-block .violet {
margin: -7px 0 0 -90px;
position: relative;
z-index: 1; }
body #bg .media-block .violet .ico {
margin-top: 8px;
width: 32px; }
body #bg .media-block .violet .ico img {
width: 100%; }
body #bg .stream-block .green {
width: 350px; }
body #bg .stream-block .blue {
margin: -5px -60px 0px 0px; }
body #bg .lit {
padding: 10px 15px 8px; }
body #bg .img-layer {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: #000;
opacity: 0.4;
z-index: 5; }
body #bg .focuspoint {
height: 100%;
width: 100%;
z-index: 1; }
body .fl {
float: left; }
body .fr {
float: right; }
body .cb {
clear: both; }
body #top {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%; }
body #top > div {
display: flex;
align-items: center; }
body #header {
background-color: #303644;
position: relative;
z-index: 2; }
body #header.new .logo-holder {
width: auto;
margin: 20px; }
body #header.new .logo-holder .brand {
margin: 0;
padding: 0;
text-shadow: none; }
body #header.new .logo-holder .brand img {
float: left; }
body #header.new .logo-holder .brand span {
display: none; }
body #header .text {
float: left;
margin: 18px 13px 0 0;
font-size: 14px;
line-height: 18px;
color: #fff;
font-family: 'Open Sans Semibold'; }
body #header .login-btn {
float: left;
margin: 18px 10px 0 0;
font-size: 14px;
line-height: 18px;
color: #33ccff;
font-family: 'Open Sans Semibold'; }
body #header .devider {
float: left;
width: 1px;
height: 16px;
background-color: #999;
margin-right: 20px; }
body #header .register-btn {
float: left;
background-color: transparent;
border: 2px solid #57ab62;
color: #57ab62;
padding: 6px 20px;
font-size: 14px;
line-height: 18px;
font-family: 'Open Sans Bold';
border-radius: 4px; }
body #header .mob-menu {
float: left;
width: 43px;
height: 33px;
background: url("/static/img/external/mob-menu.png") no-repeat;
background-position: -0 0;
margin: 5px 0 0; }
body #header .logo-holder {
padding: 0;
margin-right: 20px;
float: left; }
body #header .logo-holder .brand {
margin: 0;
padding: 0;
text-shadow: none;
overflow: hidden; }
body #header .logo-holder .brand span {
font-size: 11px;
line-height: 14px;
margin: -11px -30px 3px 40px;
color: #fff;
float: left; }
body #header .nav {
font-family: 'Open Sans';
overflow: hidden;
margin: 0;
float: right; }
body #header .nav li {
font-size: 15px;
line-height: 22px;
margin: 0;
float: left; }
body #header .nav li a {
color: #999;
padding: 17px 21px 18px;
text-shadow: none; }
body #header .nav li a:hover {
background-color: #303030;
color: #fff; }
body #header .nav li.active a {
background-color: #242424;
color: #fff; }
body #header.ext-mod {
background-color: #fff;
height: 60px;
box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.1); }
body #header.ext-mod .header-holder {
width: 100%;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out; }
body #header.ext-mod .header-holder.fixed {
position: fixed;
top: 0;
left: 0;
background-color: #fff;
z-index: 1024;
-webkit-box-shadow: 0px 0px 10px 1px rgba(0, 1, 1, 0.5);
-moz-box-shadow: 0px 0px 10px 1px rgba(0, 1, 1, 0.5);
box-shadow: 0px 0px 10px 1px rgba(0, 1, 1, 0.5); }
body #header.ext-mod .header-holder.fixed .login-btn {
font-weight: 600;
color: #20292c; }
body #header.ext-mod .header-holder.fixed .login-btn:hover {
color: #57AB62; }
body #header.ext-mod .header-holder.fixed .brand {
background: url("/static/img/twigse_logo_small_ext_b.png"); }
body #header.ext-mod .header-holder.fixed .nav a {
color: #20292c;
background-color: transparent;
font-weight: 600; }
body #header.ext-mod .header-holder.fixed .nav a:hover {
color: #57AB62;
background-color: transparent; }
body #header.ext-mod .header-holder.fixed .text {
color: #20292c; }
body #header.ext-mod .container {
display: flex;
justify-content: space-between;
align-items: center; }
body #header.ext-mod .container:before, body #header.ext-mod .container:after {
display: none; }
body #header.ext-mod .exit {
padding: 12px 24px;
overflow: hidden;
display: block;
color: #1c1c1c;
display: flex;
align-items: center; }
body #header.ext-mod .exit .ico {
margin: 0 12px 0 0;
display: block;
width: 18px;
height: 18px; }
body #header.ext-mod .register-btn {
padding: 8px 25px;
border-radius: 6px;
background-color: #57AB62;
color: #fff;
font-family: "Open Sans";
font-size: 13px;
line-height: 18px;
font-weight: 600;
margin: 0 0 0 16px;
border: none; }
body #header.ext-mod .devider {
float: none;
height: 20px;
background-color: #545860;
margin: 0 0 0 16px; }
body #header.ext-mod .logo-holder {
margin: 13px 28px 13px 0;
height: 34px; }
body #header.ext-mod .brand img {
display: none; }
body #header.ext-mod .brand svg {
height: 34px; }
body #header.ext-mod .brand #logo-landing2 {
fill: #000; }
body #header.ext-mod .text {
margin: 19px 0 0 13px;
text-transform: uppercase; }
body #header.ext-mod .login-btn {
float: none;
font-size: 13px;
line-height: 18px;
font-weight: 600;
margin: 0 0 0 13px;
color: #20292c; }
body #header.ext-mod .nav {
float: left; }
body #header.ext-mod .nav li {
font-size: 13px;
line-height: 20px; }
body #header.ext-mod .nav li a {
color: #303644;
background-color: #fff;
border: 1px solid #e1e1e1;
border-radius: 6px;
padding: 5px 21px 7px;
margin: 0 20px 0 0; }
body #header.ext-mod .nav li a:hover {
background-color: #57AB62;
border-color: #57AB62;
color: #fff; }
body #page-container.cr-new-pr {
min-height: calc(100vh - 64px);
max-width: 100%;
background: #f7f7f7; }
body #page-container.cr-new-pr .row-fluid.add {
min-height: calc(100vh - 64px);
display: flex;
align-items: center;
justify-content: center; }
body .reg-form-holder {
width: 668px;
color: #18202C;
padding-top: 30px; }
body #page-container.reg-holder {
position: absolute;
left: 6%;
top: 200px;
padding: 0;
z-index: 10;
margin: 37px 0 0 0; }
body #page-bottom.main {
position: absolute;
height: 35px;
margin: -35px 0 0; }
body #page-bottom.footer-holder {
background: none;
webkit-box-shadow: none;
box-shadow: none; }
body #page-bottom {
position: relative;
bottom: 0;
color: #fff;
margin: -35px 0 0;
height: 35px; }
body #page-bottom a, body #page-bottom a:link {
color: #aaa; }
body #page-bottom a:hover {
text-decoration: underline; }
body #page-bottom #copyright {
float: left; }
body #page-bottom #copyright p {
margin: 3px 0 0 0;
font-size: 11px;
line-height: 14px; }
body #page-bottom .container {
overflow: hidden;
padding: 5px 0 5px 45px; }
body #page-bottom .container #external-bottom-nav {
font-size: 12px;
line-height: 14px;
font-family: 'Open Sans Bold';
padding: 3px 10px 0 0;
margin: 0;
text-align: center; }
body #page-bottom .container #external-bottom-nav li:first-child {
margin: 0 0 0 10px; }
body #page-bottom .container #external-bottom-nav li {
margin: 0 0 0 40px;
line-height: 14px;
display: inline-block; }
body #page-bottom.index .container #copyright {
float: none;
margin: 0 auto;
text-align: center; }
body h1, body h2, body h3, body h4, body h5, body h6 {
color: #f1f1f1;
font-weight: normal;
line-height: 18px;
margin: 10px 0; }
body h1 {
font-size: 24.5px;
line-height: 24.5px; }
body h1.green {
color: #779347; }
body h1.purple {
color: #8A55AA; }
body h1.dark-blue {
color: #18678C; }
body h2 {
font-size: 21px;
line-height: 21px; }
body h3 {
font-size: 18px;
line-height: 18px;
margin-bottom: 5px; }
body h4 {
font-size: 15px;
line-height: 15px;
margin-bottom: 3px; }
body .external-mb-10 {
margin: 0 0 10px; }
body #social-auth-ico-holder {
padding: 0 20px;
background-color: #fff; }
body #social-auth-ico {
width: 290px;
padding: 11px 0 17px;
position: relative;
background-color: #fff;
border-top: 1px solid #e3e3e3; }
body #social-auth-ico span {
color: #666;
text-align: center;
display: block;
margin: 0 0 11px;
font-family: 'Open Sans Bold';
font-size: 14px;
line-height: 20px;
text-transform: uppercase; }
body #social-auth-ico #social-auth {
margin: 0 -1px 0 -2px; }
body #social-auth-text {
display: block;
float: left;
color: #bbb;
width: 100%; }
body #social-auth-text .more {
font-size: 12px;
line-height: 14px;
font-family: 'Open Sans Bold';
text-transform: uppercase;
display: block;
text-align: center;
color: #808080;
background-color: #202020;
padding: 7px 10px;
margin: 0; }
body #social-auth-text .more .arrow {
display: inline-block;
background-image: url("/static/img/sprite.png");
background-position: -233px -196px;
width: 10px;
height: 7px;
margin: 0 3px 1px 0; }
body #social-auth-text .more.active .arrow {
background-position: -233px -209px; }
body .hm, body .vm {
list-style: none !important;
margin: 10px 0 0 0; }
body .hm a, body .vm a {
outline: none !important; }
body .hm {
overflow: hidden; }
body .hm li {
display: inline;
margin-left: 5px;
margin-right: 5px; }
body .hm li.disabled > a {
color: gray !important; }
body .p-10 {
padding: 10px; }
body .fix-width {
width: 1000px;
margin: 0 auto; }
body ul.unstyled-list li {
list-style: none; }
body #placeword-logotype {
margin-top: 15px; }
body #placeword-logotype a {
text-decoration: none;
outline: none; }
body .external-invitation-block {
margin: 0 0 1px;
padding: 18px 20px;
background-color: #222; }
body .external-invitation-block .external-text-block {
padding-left: 150px; }
body .external-invitation-button {
text-align: center;
background-color: #202020;
padding: 9px 0 8px; }
body .external-invitation-button a {
color: #999999; }
body .right-side {
float: right;
padding: 8px;
background-color: rgba(255, 255, 255, 0.7);
background-color: transparent; }
body .right-side .enter-block-holder {
padding: 21px 20px 20px;
background-color: #fff; }
body .right-side .btn {
background-color: #00adf2;
display: block;
color: #fff;
font-family: 'Open Sans Bold';
font-size: 17px;
padding: 10px 0; }
body .right-side .enter, body .right-side .register {
float: left;
text-align: center;
padding: 15px 0 13px;
background-color: #38c9af;
color: #fff; }
body .right-side .register {
width: 205px;
background-color: #fff;
color: #666; }
body .right-side .enter {
width: 125px; }
body .right-side .block {
overflow: hidden;
width: 330px; }
body .right-side .external-invitation-header {
background-color: #373737; }
body .right-side .green {
border-color: #38c9af; }
body .right-side #auth label {
display: none; }
body .right-side #auth .forget {
margin: 15px 0 -5px;
text-align: center;
width: 100%; }
body .right-side .reg-block {
overflow: visible;
display: none; }
body .right-side .info {
text-align: center;
padding: 15px 0 0; }
body .right-side .info li {
display: inline;
margin: 0 20px; }
body .right-side .info li a {
font-family: 'Open Sans Bold';
color: #fff; }
body .right-side.reg .enter-block {
display: none; }
body .right-side.reg .reg-block {
display: block; }
body .right-side.reg .register {
background-color: #38c9af;
color: #fff; }
body .right-side.reg .enter {
background-color: #fff;
color: #666; }
body .external-invitation-header {
background-color: #1a1a1a;
margin: 0;
border-bottom: 1px solid #4f4f4f;
padding: 5px 15px; }
body .external-invitation-header .line-block {
display: block;
height: 39px; }
body .external-invitation-header .line-block .line-text {
line-height: 14px;
padding-top: 5px; }
body #external-alt-bg {
background-color: #222;
padding: 28px;
overflow: hidden; }
body #external-alt-bg .large {
margin: 0 0 0 10px; }
body h1 {
font-size: 30px;
line-height: 26px;
margin: 10px 0 20px; }
body label {
font-size: 13px;
font-weight: normal;
line-height: 13px; }
body #page-container {
padding: 0 0 50px;
position: relative;
max-width: 1066px;
margin: 0 auto; }
body #page-container.t0 {
top: 0 !important; }
body #page-container.bdn {
border: none; }
body #page-container .modal-scrollable.visual_captcha {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: auto;
z-index: 1060; }
body #page-container .modal-scrollable.visual_captcha .modal {
outline: none;
position: absolute;
margin-top: 0;
overflow: visible;
top: 0;
margin-top: 90px !important;
left: 50%;
z-index: 1050;
background-color: #fff;
margin-left: -220px;
width: 440px;
border-radius: 26px; }
body #page-container .modal-scrollable.visual_captcha .modal-header {
padding: 40px 40px 30px;
display: flex;
border: none; }
body #page-container .modal-scrollable.visual_captcha .modal-header .close {
position: relative;
display: block;
text-indent: -9999px;
background: none;
box-sizing: border-box;
width: 32px;
height: 32px;
margin: -22px -22px 0 0;
padding: 6px;
outline: none;
border-radius: 10px;
cursor: pointer; }
body #page-container .modal-scrollable.visual_captcha .modal-header .close svg {
display: block;
stroke: #979797; }
body #page-container .modal-scrollable.visual_captcha .modal-header .close:hover,
body #page-container .modal-scrollable.visual_captcha .modal-header .close:focus {
background-color: #f6f6f6; }
body #page-container .modal-scrollable.visual_captcha .modal-header .close:hover svg,
body #page-container .modal-scrollable.visual_captcha .modal-header .close:focus svg {
stroke: #000; }
body #page-container .modal-scrollable.visual_captcha .modal-header h3 {
font-size: 20px;
line-height: 30px;
margin: 0;
font-weight: bold;
color: #000;
width: 100%;
text-align: center; }
body #page-container .modal-scrollable.visual_captcha .modal-footer {
padding: 40px 40px 30px;
overflow: hidden;
border: none;
display: block; }
body #page-container .modal-scrollable.visual_captcha .modal-footer .btn {
float: none;
border: 1px solid #000;
font-weight: 600;
font-size: 16px;
line-height: 22px;
width: 248px;
height: 48px;
cursor: pointer;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius: 34px;
margin: 16px auto 0;
background-color: #fff;
color: #000;
display: flex;
justify-content: center;
align-items: center; }
body #page-container .modal-scrollable.visual_captcha .modal-footer .btn svg {
margin-right: 8px; }
body #page-container .modal-scrollable.visual_captcha .modal-footer .btn:first-child {
margin-top: 0; }
body #page-container .modal-scrollable.visual_captcha .modal-footer .btn:hover,
body #page-container .modal-scrollable.visual_captcha .modal-footer .btn:focus {
border-color: #519b5b; }
body #page-container .modal-scrollable.visual_captcha .modal-footer .btn-primary {
border-color: #57ab62;
color: #fff;
background-color: #57ab62; }
body #page-container .modal-scrollable.visual_captcha .modal-footer .btn-primary:hover,
body #page-container .modal-scrollable.visual_captcha .modal-footer .btn-primary:focus {
border-color: #519b5b;
background-color: #519b5b; }
body #page-container .modal-scrollable.visual_captcha .modal-body {
border-radius: 26px;
overflow: hidden;
padding: 0; }
body #page-container .modal-scrollable.visual_captcha .modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: rgba(0, 0, 0, 0.95); }
body #page-container .modal-scrollable.visual_captcha button {
border: none; }
body #page-container .modal-scrollable.visual_captcha .block-form-holder {
padding: 0 40px 40px;
width: auto;
background-color: #fff;
border-radius: 0;
box-shadow: none; }
body #page-container #login_modal .reg-block {
display: block; }
body #page-container #visual_captcha {
overflow: hidden; }
body #page-container #visual_captcha .text-error {
margin: 0 40px 20px;
font-size: 24px; }
body #page-container #visual_captcha .images ul {
text-align: center;
display: flex;
justify-content: center; }
body #page-container #visual_captcha .images ul li {
margin: 0 0 0 21px; }
body #page-container #visual_captcha .images ul li:first-child {
margin-left: 0; }
body #page-container #visual_captcha .images ul li a {
display: flex;
align-items: center;
justify-content: center;
padding: 13px;
border: 1px solid #dadada;
border-radius: 14px;
overflow: hidden; }
body #page-container #visual_captcha .images ul li a.active {
border-color: #57ab62; }
body #page-container #visual_captcha .images ul li img,
body #page-container #visual_captcha .images ul li svg {
width: 30px;
height: 30px; }
body #page-container .pass-recov {
width: 300px;
overflow: hidden;
border-radius: 4px;
padding: 40px 50px 50px;
margin: 110px auto 0;
float: none;
min-height: 124px;
box-shadow: 0 0 100px 0 rgba(0, 0, 0, 0.06);
border-radius: 14px;
text-align: center; }
body #page-container .pass-recov .lockIcon,
body #page-container .pass-recov .doneIcon {
margin: 0 auto 18px;
width: 130px; }
body #page-container .pass-recov .btn {
border-radius: 4px;
font-family: "Open Sans Bold";
font-size: 14px; }
body #page-container .pass-recov label {
margin: 0 0 0 5px; }
body #page-container .pass-recov h2 {
color: #303644;
font-size: 24px;
line-height: 32px;
margin: 0 0 17px;
font-weight: bold; }
body #page-container .pass-recov .rec-txt,
body #page-container .pass-recov .field label {
font-size: 14px;
line-height: 24px;
color: #303644;
display: block;
margin: 0 0 27px; }
body #page-container .pass-recov .rec-txt.small {
font-size: 14px; }
body #page-container .pass-recov .rec-txt.fc-b {
color: #227fab; }
body #page-container .pass-recov .field {
margin: 0 0 6px; }
body #page-container .pass-recov .field label {
margin: 0 0 5px; }
body #page-container .pass-recov .field input {
width: 289px; }
body #page-container .pass-recov input[type="text"], body #page-container .pass-recov input[type="password"], body #page-container .pass-recov input[type="email"] {
color: #999999;
background-color: white;
border: 1px solid #d2dfe5;
border-radius: 4px;
font-size: 16px;
line-height: 20px;
font-weight: normal;
padding: 10px; }
body #page-container .left-menu {
width: 223px;
float: left; }
body #page-container #auth, body #page-container #reg, body #page-container #password_reset {
margin: 0;
padding: 0;
background-color: #373737; }
body #page-container #auth input[type="text"],
body #page-container #auth input[type="tel"],
body #page-container #auth input[type="password"],
body #page-container #auth input[type="email"], body #page-container #reg input[type="text"],
body #page-container #reg input[type="tel"],
body #page-container #reg input[type="password"],
body #page-container #reg input[type="email"], body #page-container #password_reset input[type="text"],
body #page-container #password_reset input[type="tel"],
body #page-container #password_reset input[type="password"],
body #page-container #password_reset input[type="email"] {
border: 0 none;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
width: 100%;
background-color: #4f4f4f;
border-radius: 0;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #999999;
font-size: 15px;
line-height: 20px; }
body #page-container #auth input[type="text"]:focus,
body #page-container #auth input[type="tel"]:focus,
body #page-container #auth input[type="password"]:focus,
body #page-container #auth input[type="email"]:focus, body #page-container #reg input[type="text"]:focus,
body #page-container #reg input[type="tel"]:focus,
body #page-container #reg input[type="password"]:focus,
body #page-container #reg input[type="email"]:focus, body #page-container #password_reset input[type="text"]:focus,
body #page-container #password_reset input[type="tel"]:focus,
body #page-container #password_reset input[type="password"]:focus,
body #page-container #password_reset input[type="email"]:focus {
color: #FFFFFF; }
body #page-container #auth input[type="text"] ::-webkit-autofill,
body #page-container #auth input[type="tel"] ::-webkit-autofill,
body #page-container #auth input[type="password"] ::-webkit-autofill,
body #page-container #auth input[type="email"] ::-webkit-autofill, body #page-container #reg input[type="text"] ::-webkit-autofill,
body #page-container #reg input[type="tel"] ::-webkit-autofill,
body #page-container #reg input[type="password"] ::-webkit-autofill,
body #page-container #reg input[type="email"] ::-webkit-autofill, body #page-container #password_reset input[type="text"] ::-webkit-autofill,
body #page-container #password_reset input[type="tel"] ::-webkit-autofill,
body #page-container #password_reset input[type="password"] ::-webkit-autofill,
body #page-container #password_reset input[type="email"] ::-webkit-autofill {
background-color: transparent;
background-image: inherit;
color: #999999; }
body #page-container #auth input.valid, body #page-container #reg input.valid, body #page-container #password_reset input.valid {
background: url("/static/img/external/valid.png") #fff no-repeat scroll 96% 15px !important; }
body #page-container #auth input.emtel, body #page-container #reg input.emtel, body #page-container #password_reset input.emtel {
background: url("/static/img/landing/password.svg") #fff no-repeat scroll 13px 13px !important; }
body #page-container #auth input.email, body #page-container #reg input.email, body #page-container #password_reset input.email {
background: url("/static/img/external/email.png") #fff no-repeat scroll 18px 15px !important; }
body #page-container #auth input.password, body #page-container #reg input.password, body #page-container #password_reset input.password {
background: url("/static/img/external/password.png") #fff no-repeat scroll 18px 15px !important; }
body #page-container #auth input.code, body #page-container #reg input.code, body #page-container #password_reset input.code {
background: url("/static/img/external/code.png") #fff no-repeat scroll 18px 15px !important; }
body #page-container #auth input.phone, body #page-container #reg input.phone, body #page-container #password_reset input.phone {
background: url("/static/img/external/phone.png") #fff no-repeat scroll 18px 15px !important; }
body #page-container #auth .control-group, body #page-container #reg .control-group, body #page-container #password_reset .control-group {
margin-bottom: 17px; }
body #page-container #auth .control-label, body #page-container #reg .control-label, body #page-container #password_reset .control-label {
color: #333;
line-height: 16px; }
body #page-container #reg .control-group {
margin-bottom: 10px; }
body #page-container #reg .control-group.add {
margin-bottom: 17px; }
body #page-container #reg .control-group.add2 {
margin-bottom: 0; }
body #page-container #reg .enter-button {
text-transform: uppercase;
font-size: 16px;
padding: 12px 10px;
line-height: 20px; }
body #page-container #password_reset input[type="text"],
body #page-container #password_reset input[type="text"]:focus,
body #page-container #password_reset input[type="password"],
body #page-container #password_reset input[type="password"]:focus {
box-shadow: none;
margin: 0 0 19px;
background-color: #e3e3e3;
color: #000;
padding: 10px 5px 10px 45px;
outline: none; }
body #page-container #password_reset input[type="text"]::-webkit-input-placeholder {
line-height: 20px; }
body #page-container #password_reset input[type="text"]::-moz-placeholder {
line-height: 20px; }
body #page-container #password_reset input[type="text"]:-ms-input-placeholder {
line-height: 20px; }
body #page-container #password_reset input[type="text"]:-moz-placeholder {
line-height: 20px; }
body #page-container #password_reset label {
margin: 0; }
body #page-container #password_reset input.phone {
font-size: 18px; }
body #page-container #password_reset .rec-txt.small {
margin: 0 0 5px; }
body #page-container #password_reset .control-group.add {
margin: 0 0 5px; }
body #page-container #password_reset .formHolder .btn {
background-color: #57AB62;
font-family: 'Open Sans';
font-weight: 600;
color: #fff;
margin: 0;
font-size: 15px;
line-height: 20px;
padding: 9px 30px;
box-sizing: border-box;
display: block;
width: 100%;
border: none; }
body #page-container #password_reset .formHolder .btn.add {
margin-top: 20px; }
body #page-container #password_reset.add {
margin: 45px auto 50px; }
body #page-container #password_reset.add label {
display: none; }
body #page-container form#auth {
margin-bottom: 0px;
border-bottom: 1px solid #4f4f4f;
border: none; }
body #page-container form#auth a {
color: #999999;
text-decoration: underline; }
body #page-container form#auth input#id_username {
background: url("/static/img/external/login.png") no-repeat scroll 341px 11px #303030; }
body #page-container form#auth input#id_username:focus {
background-color: #303030;
background-image: none; }
body #page-container form#auth input#id_password {
background: url("/static/img/external/pass.png") no-repeat scroll 341px 10px #303030; }
body #page-container form#auth input#id_password:focus {
background-color: #303030;
background-image: none; }
body #page-container .enter-button {
background-color: #00adf2;
border: 0 none;
color: #FFFFFF;
font-size: 20px;
font-family: 'Open Sans Bold';
padding: 10px 15px;
width: 100%;
border-radius: 4px; }
body #page-container button:disabled {
background-color: #303030;
cursor: default;
border: 0 none;
color: #FFFFFF;
font-size: 13px;
font-family: 'Open Sans Bold';
padding: 7px 15px; }
body #page-container button.reg-button {
background-color: #00ADF2;
border: 0 none;
color: white;
display: block;
font-size: 21px;
font-family: 'Open Sans Bold';
padding: 11px 0;
border-radius: 4px;
width: 100%;
margin: 18px 0 -15px !important; }
body #page-container button.reg-button:disabled {
background-color: #303030;
cursor: default;
border: 0 none;
color: #FFFFFF;
font-size: 21px;
font-family: 'Open Sans Bold';
padding: 7px 15px;
width: 100%; }
body ul#external-nav {
border-left: 1px solid #eaeaea;
border-right: 1px solid #eaeaea;
background-color: #FFFFFF;
padding: 20px 20px 9999px;
margin-bottom: -9999px; }
body ul#external-nav li {
margin-bottom: 8px;
font-size: 14px;
line-height: 20px; }
body ul#external-nav a {
display: table;
width: 100%;
overflow: hidden;
color: #000;
border-radius: 4px; }
body ul#external-nav a:hover {
background-color: #f2f5f6; }
body ul#external-nav .icon {
width: 20px;
height: 20px;
margin: 8px 20px 8px 14px;
float: left;
background-repeat: no-repeat; }
body ul#external-nav .name {
display: table-cell;
vertical-align: middle;
padding: 0 14px 0 0;
width: 116px; }
body ul#external-nav .exit .icon {
background-image: url("/static/img/exit.svg");
filter: invert(90%); }
body #social-auth {
margin: 0; }
body #social-auth li:first-child {
margin: 0 0 3px 0; }
body #social-auth li {
float: left;
margin: 0 0 3px 3px; }
body #social-auth li a {
display: block;
text-decoration: none;
width: 46px;
height: 46px;
margin: 0;
background-image: url("/static/img/external/social_auth/social-ext.png"); }
body #social-auth li .vkontakte {
background-position: -304px 0; }
body #social-auth li .facebook {
background-position: -51px 0; }
body #social-auth li .twitter {
background-position: -102px 0; }
body #social-auth li .google {
background-position: -153px 0; }
body #social-auth li .yandex {
background-position: -204px 0; }
body #social-auth li .instagram {
background-position: -254px 0; }
body #social-auth li .flickr {
background-position: 0 -102px; }
body #social-auth li .foursquare {
background-position: -51px -102px; }
body #social-auth li .tumblr {
background-position: -102px -102px; }
body #social-auth li .linkedin {
background-position: -153px -102px; }
body #social-auth li .soundcloud {
background-position: -204px -102px; }
body #social-auth li .lastfm {
background-position: -254px -102px; }
body #social-auth li .vkontakte:hover {
background-position: -304px -51px; }
body #social-auth li .facebook:hover {
background-position: -51px -51px; }
body #social-auth li .twitter:hover {
background-position: -102px -51px; }
body #social-auth li .google:hover {
background-position: -153px -51px; }
body #social-auth li .yandex:hover {
background-position: -204px -51px; }
body #social-auth li .instagram:hover {
background-position: -254px -51px; }
body #social-auth li .flickr:hover {
background-position: 0 -153px; }
body #social-auth li .foursquare:hover {
background-position: -51px -153px; }
body #social-auth li .tumblr:hover {
background-position: -102px -153px; }
body #social-auth li .linkedin:hover {
background-position: -153px -153px; }
body #social-auth li .soundcloud:hover {
background-position: -204px -153px; }
body #social-auth li .lastfm:hover {
background-position: -254px -153px; }
body #external-bottom-nav {
margin-top: 5px; }
body #external-bottom-nav a {
color: #aaa;
text-decoration: none;
font-family: 'Open Sans Bold'; }
body #external-bottom-nav a:hover {
color: #ffffff; }
body .about-page .block {
margin: 0 0 15px;
overflow: hidden; }
body .about-page h3 {
color: #43a6d5;
margin: 0 0 10px; }
body .about-page .green {
color: #abdb59; }
body .block-info .block {
overflow: hidden;
font-size: 14px;
line-height: 18px;
color: #acacac;
padding: 10px 0; }
body .block-info .block h2 {
font-size: 22px;
line-height: 30px;
font-weight: normal !important;
font-family: 'Open Sans Bold';
color: #43a6d5;
margin: 0 0 10px; }
body .block-info .block h3 {
font-size: 18px;
line-height: 22px;
font-weight: normal !important;
font-family: 'Open Sans Bold';
margin: 0 0 5px; }
body .block-info .block .list {
overflow: hidden;
padding: 0;
margin: 0 0 10px;
list-style: none; }
body .block-info .block .list li {
padding: 0 0 0 20px;
margin: 0 0 5px;
background: url("/static/img/external/dash.png") no-repeat scroll 0 10px; }
body .block-info .block .list li p {
margin: 0 0 10px; }
body .block-info .block .img-block {
border: 5px solid #135b7d;
margin: 20px 0 20px 18px;
overflow: hidden; }
body .block-info .block .img-block img {
width: 100%; }
body .block-info .block .box {
background-color: #282828;
padding: 15px 15px 5px;
margin: 0 0 20px 20px;
overflow: hidden; }
body .block-info .block .box h4 {
font-size: 16px;
line-height: 18px;
font-weight: normal !important;
font-family: 'Open Sans Bold';
margin: 0 0 10px;
padding: 6px 13px;
background-color: #779347;
float: left; }
body .block-info .block .box p {
overflow: hidden;
width: 100%;
margin: 0 0 10px; }
body .ml-10 {
margin-left: 10px; }
body #page-container.cr-new-pr {
padding: 0; }
.create-profile,
.create-company {
font-size: 16px;
line-height: 24px;
font-weight: bold;
margin: 0 0 40px;
color: #18202C; }
.create-company {
margin-bottom: 16px; }
.create-new-profile {
font-size: 14px;
line-height: 22px;
color: #000; }
.create-new-profile p {
margin-bottom: 30px; }
.create-new-profile input[type="text"],
.create-new-profile input[type="password"],
.create-new-profile input[type="email"],
.create-new-profile input[type="url"] {
width: 100%;
border-radius: 5px;
display: block;
min-height: 0;
box-sizing: border-box;
color: white;
font-size: 14px;
line-height: 20px;
font-weight: normal;
height: auto; }
.create-new-profile input[type="text"]:focus,
.create-new-profile input[type="password"]:focus,
.create-new-profile input[type="email"]:focus,
.create-new-profile input[type="url"]:focus {
outline: none; }
.create-new-profile label,
.create-new-profile input,
.create-new-profile select,
.create-new-profile textarea {
font-size: 14px;
line-height: 20px; }
.create-new-profile .row-fluid {
margin-bottom: 16px; }
.create-new-profile input,
.create-new-profile .textarea-wrapper {
padding: 8px 10px;
margin-bottom: 10px; }
.create-new-profile .select2 {
margin-bottom: 10px; }
.create-new-profile .bounty-block {
border-top: 1px solid #eee;
padding-top: 30px;
display: flex;
align-items: center;
font-size: 15px;
font-weight: 600;
margin-bottom: 24px; }
.create-new-profile .bounty-block p {
margin-bottom: 0; }
.create-new-profile .bounty-block .circle {
width: 40px;
height: 40px;
margin: 0 16px 0 0;
font-weight: 800;
line-height: normal;
text-align: center;
color: #fa9654;
margin: 0 16px 0 0;
border: solid 2px #fa9654;
box-sizing: border-box;
flex-shrink: 0;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%; }
.create-new-profile.create-new-company input,
.create-new-profile.create-new-company .textarea-wrapper {
padding: 8px 10px;
margin-bottom: 16px; }
.create-new-profile.create-new-company .select2 {
margin-bottom: 16px; }
.create-new-profile .check-row {
padding: 0;
overflow: hidden;
/* Create a custom checkbox */ }
.create-new-profile .check-row .text-block {
overflow: hidden;
font-size: 13px;
color: #979C9E;
line-height: 18px; }
.create-new-profile .check-row .text-block a {
color: #57ab62;
text-decoration: underline; }
.create-new-profile .check-row .text-block a:hover, .create-new-profile .check-row .text-block a:focus {
color: #57ab62; }
.create-new-profile .check-row.error .checkmark {
border-color: red; }
.create-new-profile .check-row.error .checkmark:hover {
border-color: red; }
.create-new-profile .check-row .morebtn {
color: #57AB62;
cursor: pointer; }
.create-new-profile .check-row .morebtn .ico {
width: 9px;
height: 9px;
stroke: #57AB62;
margin: 0 0 -1px 0; }
.create-new-profile .check-row .container {
font-size: 14px;
line-height: 1.3;
width: auto;
padding: 4px 0 4px 40px;
float: left;
display: block;
margin: 2px 12px 0 0;
position: relative;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
/* Show the checkmark when checked */
/* Hide the browser's default checkbox */ }
.create-new-profile .check-row .container input:checked ~ .checkmark:after {
display: block; }
.create-new-profile .check-row .container input {
position: absolute;
opacity: 0;
cursor: pointer; }
.create-new-profile .check-row .container input:checked ~ .checkmark:after {
display: none; }
.create-new-profile .check-row .container input:checked ~ .checkmark {
border: 1px solid;
background-color: #57ab62;
border-color: #57ab62; }
.create-new-profile .check-row .checkmark {
position: absolute;
top: 0;
left: 0;
width: 24px;
height: 24px;
margin: 0 12px 0 0;
border-radius: 5px;
border: 1px solid;
border-color: #dadada;
transition: ease-out 0.3s; }
.create-new-profile .check-row .checkmark:hover {
border-color: #57AB62; }
.create-new-profile .check-row .checkmark svg {
width: 24px;
height: 24px; }
.create-new-profile .genderChoice,
.create-new-profile .commTypeChoice {
margin: 4px 0 10px; }
.create-new-profile .genderChoice li,
.create-new-profile .commTypeChoice li {
float: left;
margin: 0 35px 0 0; }
.create-new-profile .genderChoice li a,
.create-new-profile .commTypeChoice li a {
float: left;
font-size: 14px;
line-height: 24px;
color: #000; }
.create-new-profile .genderChoice li a .ico,
.create-new-profile .commTypeChoice li a .ico {
width: 22px;
height: 22px;
float: left;
border: 1px solid #dadada;
border-radius: 50%;
background-color: #fff;
margin: 0 12px 0 0;
background-image: none; }
.create-new-profile .genderChoice li a .ico svg,
.create-new-profile .commTypeChoice li a .ico svg {
display: block;
width: 22px;
height: 22px; }
.create-new-profile .genderChoice li.active a .ico, .create-new-profile .genderChoice li:hover a .ico,
.create-new-profile .commTypeChoice li.active a .ico,
.create-new-profile .commTypeChoice li:hover a .ico {
background-color: #57ab62;
border: 1px solid #57ab62; }
.create-new-profile .commTypeChoice {
margin: 4px 0 16px; }
.create-new-profile .tab-menu {
display: flex;
justify-content: center;
flex-wrap: nowrap;
box-sizing: border-box;
margin-bottom: 40px; }
.create-new-profile .tab-menu li {
display: inline-block;
font-weight: normal;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: middle;
user-select: none;
box-sizing: border-box;
cursor: pointer;
font-size: 1rem;
line-height: 1.5;
transition: all 0.15s ease-in;
border-radius: 999px;
padding: 0.375rem 0.75rem;
border: 1px solid;
background-color: #57ab62;
color: #fff;
border-color: #57ab62;
display: flex;
align-items: center;
justify-content: center;
min-width: 130px;
height: 38px; }
.create-new-profile .tab-menu li.active {
font-weight: 600; }
.create-new-profile .tab-menu li:not(:last-child) {
margin-right: 14px; }
.create-new-profile .tab-menu li:not(:hover):not(.active) {
border: 1px solid;
background-color: transparent;
color: #18202c;
border-color: #dadada; }
.create-new-profile .btn {
background-color: #dee8ec;
color: #666;
border-radius: 4px;
font: 13px/1.1 'Open Sans';
padding: 10px 18px;
min-width: 78px;
box-sizing: border-box;
float: right; }
.create-new-profile .btn-primary {
background-color: #00adf2;
color: white;
margin-left: 16px; }
.create-new-profile .btn-primary .icon {
width: 14px;
height: 14px;
display: inline-block;
margin: 0 0 -3px 7px; }
.create-new-profile .btn-primary .icon svg {
width: 14px;
height: 14px;
display: block; }
.create-new-profile .block-holder {
display: flex;
flex-wrap: nowrap; }
.create-new-profile .block-holder > .row-fluid {
display: flex; }
.create-new-profile .block-holder.wrap,
.create-new-profile .block-holder > .row-fluid.wrap {
flex-wrap: wrap; }
.create-new-profile .block-holder .item-label {
flex: 0 0 200px;
font-family: 'Open Sans Semibold'; }
.create-new-profile .block-holder .item-content {
flex: 1 1 auto; }
.create-new-profile .block-holder .item-content.no-label {
padding-left: 200px; }
.create-new-profile .block-holder,
.create-new-profile .wb {
padding: 20px 0;
border-top: 1px solid transparent; }
.create-new-profile .required:after {
content: " *";
color: #eb5529; }
.create-new-profile .select2-container .select2-choice {
border-color: #dadada;
border-radius: 5px;
font-size: 14px;
line-height: 20px;
padding: 8px 0 8px 15px;
min-height: 20px; }
.create-new-profile .select2-container .select2-choice .select2-arrow {
border-left: none;
width: 40px; }
.create-new-profile .select2-container .select2-choice .select2-arrow b {
left: 50%;
top: 50%;
position: absolute;
margin: -5px 0 0 -5px;
width: 10px;
height: 10px;
background: url(/static/img/arrow_down_b.svg) no-repeat;
background-size: 100%; }
.create-new-profile #s2id_id_timezone {
width: 280px !important; }
.create-new-profile textarea {
border-radius: 4px;
border-color: #dee8ec; }
.create-new-profile textarea:focus {
color: #FFFFFF; }
.create-new-profile select {
background-color: #303030;
border: 0;
border-radius: 0;
color: #ffffff; }
.create-new-profile .btn-create-full {
background: #00adf2;
border: 0;
color: white;
font-family: 'Open Sans Bold';
padding: 13px 31px 10px;
font-size: 16px;
line-height: 20px;
text-transform: uppercase;
float: left;
border-radius: 5px; }
.create-new-profile .grey {
margin: 0 0 0 19px;
background-color: #373737; }
.create-new-profile .alias-url .help-text {
color: #8c8c8c; }
.create-new-profile .avatar-row {
margin-top: 8px; }
.create-new-profile .avatar-load {
background: #303030; }
.create-new-profile .avatar-load.error > .text-error {
top: 80px !important;
left: 27px !important; }
.create-new-profile .label-avatar {
color: #8c8c8c;
font-family: 'Open Sans Bold';
font-size: 14px; }
.create-new-profile .label-avatar span {
margin: 0 6px;
display: block; }
.create-new-profile .avatar-form {
position: relative; }
.create-new-profile .avatar-form #avatar_load_field {
background-color: #252525;
float: left;
width: 238px;
height: 30px;
margin-left: 13px; }
.create-new-profile .avatar-form #avatar_load_button {
float: left;
margin-left: 10px;
border: 0 none;
background: #135b7d;
color: white;
padding: 7px 15px;
float: left; }
.create-new-profile .avatar-form .file-area {
overflow: hidden;
float: none; }
.create-new-profile .avatar-form .file-area .jcf-input-wrapper {
float: none; }
.create-new-profile .avatar-form .file-area .jcf-input-wrapper .jcf-wrap {
overflow: hidden; }
.create-new-profile .avatar-form .file-area .jcf-fake-input {
width: 83%;
margin: 0;
border: none;
padding: 0; }
.create-new-profile .avatar-form .file-area .jcf-fake-input span {
display: block;
border: 1px solid;
margin: 0;
border-radius: 4px 0 0 4px;
padding: 11px 2% 10px;
height: 20px;
width: 96%; }
.create-new-profile .avatar-form .file-area .jcf-fake-input span em {
font-style: normal;
line-height: 20px;
font-size: 16px; }
.create-new-profile .avatar-form .file-area .jcf-upload-button {
height: auto;
padding: 12px 2% 11px;
width: 13%;
border-radius: 0 4px 4px 0;
font-family: 'Open Sans Bold';
font-size: 16px;
line-height: 20px;
text-align: center;
background-color: #06c7ff; }
.create-new-profile .avatar-form .file-area .jcf-upload-button span {
margin: 0; }
.create-new-profile hr {
border-color: #373737;
margin: 8px -5px;
border-bottom: 0 none; }
.create-new-profile .red {
color: #ff0000; }
.create-new-profile label {
margin-top: 6px;
margin-bottom: 6px; }
.create-new-profile .span9 {
padding-left: 13px; }
.create-new-profile .text-error {
overflow: hidden;
width: 100%;
line-height: 1.3; }
.create-new-profile .birthday {
margin-top: 13px; }
.create-new-profile .birthday .birthday-fields .span4 {
width: auto;
float: left; }
.create-new-profile #id_about {
height: 70px;
resize: none;
background-color: #303030;
border: 0;
max-width: 96%;
width: 96%;
padding: 5px 2%;
color: #ffffff; }
.create-new-profile .help-required {
margin: 7px 0;
font-size: 18px; }
.create-new-profile input::-webkit-input-placeholder {
color: #ffffff; }
.create-new-profile input:-moz-placeholder {
color: #ffffff; }
.create-new-profile input::-moz-placeholder {
color: #ffffff; }
.create-new-profile input:-ms-input-placeholder {
color: #ffffff; }
.create-new-profile .text-error .errorlist {
margin: 0; }
.create-new-profile .text-error li {
list-style: none; }
.create-new-profile .svg-icon {
display: none;
height: 24px;
width: 24px;
padding: 10px;
stroke: #000;
fill: #000;
margin: 0 auto; }
.create-new-profile .svgList {
display: flex;
flex-wrap: wrap;
align-items: flex-start; }
.create-new-profile .svgList li {
display: block;
margin: 0 10px 10px 0;
border: 1px solid transparent;
font-size: 13px;
line-height: 18px;
cursor: pointer; }
.create-new-profile .svgList li .icon {
display: block;
background-image: url("/static/img/icons.png");
background-repeat: no-repeat; }
.create-new-profile .svgList li span {
display: block;
margin: 0 0 8px;
text-align: center; }
.create-new-profile .svgList li {
display: none; }
.create-new-profile .svgList li[class*="_undefined"],
.create-new-profile .svgList li[class$="_undefined"],
.create-new-profile .svgList li[class*=""],
.create-new-profile .svgList li[class] {
display: none; }
.create-new-profile .svgList li[class*="_"] {
display: block; }
.create-new-profile .svgList li[class*="_undefined"] {
display: none; }
.create-new-profile .svgList .inactive {
opacity: 0.6;
cursor: default; }
.create-new-profile .svgList .inactive:hover {
border-color: transparent;
color: #444; }
.create-new-profile .svgList .active,
.create-new-profile .svgList li:hover {
border-radius: 4px;
color: #57AB62;
border-color: #57AB62; }
.create-new-profile .ages li:hover .svg-icon,
.create-new-profile .ages li.active .svg-icon, .create-new-profile .gender li:hover .svg-icon,
.create-new-profile .gender li.active .svg-icon, .create-new-profile .ego li:hover .svg-icon,
.create-new-profile .ego li.active .svg-icon, .create-new-profile .marital_status li:hover .svg-icon,
.create-new-profile .marital_status li.active .svg-icon,
.create-new-profile .religion li:hover .svg-icon,
.create-new-profile .religion li.active .svg-icon, .create-new-profile .political_views li:hover .svg-icon,
.create-new-profile .political_views li.active .svg-icon, .create-new-profile .months li:hover .svg-icon,
.create-new-profile .months li.active .svg-icon,
.create-new-profile .sexual_orientation li:hover .svg-icon,
.create-new-profile .sexual_orientation li.active .svg-icon, .create-new-profile .horoscope li:hover .svg-icon,
.create-new-profile .horoscope li.active .svg-icon, .create-new-profile .zodiac li:hover .svg-icon,
.create-new-profile .zodiac li.active .svg-icon,
.create-new-profile .days li:hover .svg-icon,
.create-new-profile .days li.active .svg-icon {
stroke: #57AB62;
fill: #57AB62; }
.create-new-profile .ages li {
width: 70px; }
.create-new-profile .ages li .icon {
display: none; }
.create-new-profile .ages_1 .ages_1, .create-new-profile .age_ages_0 .ages_1,
.create-new-profile .ages_2 .ages_2, .create-new-profile .age_ages_1 .ages_2,
.create-new-profile .ages_3 .ages_3, .create-new-profile .age_ages_2 .ages_3,
.create-new-profile .ages_4 .ages_4, .create-new-profile .age_ages_3 .ages_4,
.create-new-profile .ages_5 .ages_5, .create-new-profile .age_ages_4 .ages_5,
.create-new-profile .ages_6 .ages_6, .create-new-profile .age_ages_5 .ages_6,
.create-new-profile .ages_7 .ages_7, .create-new-profile .age_ages_6 .ages_7 {
display: block; }
.create-new-profile .gender li {
margin-right: 10px;
width: 70px; }
.create-new-profile .gender_male .male, .create-new-profile .sex_male .male,
.create-new-profile .gender_nonsexual .nonsexual, .create-new-profile .sex_nonsexual .nonsexual,
.create-new-profile .gender_female .female, .create-new-profile .sex_female .female,
.create-new-profile .gender .svg-icon {
display: block; }
.create-new-profile .months li {
width: 74px; }
.create-new-profile .months li .icon {
display: none; }
.create-new-profile .months_1 .months_1, .create-new-profile .months_2 .months_2, .create-new-profile .months_3 .months_3,
.create-new-profile .months_4 .months_4, .create-new-profile .months_5 .months_5, .create-new-profile .months_6 .months_6,
.create-new-profile .months_7 .months_7, .create-new-profile .months_8 .months_8, .create-new-profile .months_9 .months_9,
.create-new-profile .months_10 .months_10, .create-new-profile .months_11 .months_11, .create-new-profile .months_12 .months_12 {
display: block; }
.create-new-profile .marital_status li,
.create-new-profile .marital li {
margin: 0 9px 0 0;
width: 80px; }
.create-new-profile .marital_status li.marital_status_engaged, .create-new-profile .marital_status li.marital_status_havekids,
.create-new-profile .marital li.marital_status_engaged,
.create-new-profile .marital li.marital_status_havekids {
width: 98px; }
.create-new-profile .marital_status_married .inMarried, .create-new-profile .marital .status_married .inMarried,
.create-new-profile .marital_status_engaged .inARelationship, .create-new-profile .marital.status_engaged .inARelationship,
.create-new-profile .marital_status_searching .inSearch, .create-new-profile .marital .status_searching .inSearch,
.create-new-profile .marital_status_nomarried .notMarried, .create-new-profile .marital .status_nomarried .notMarried,
.create-new-profile .marital_status_havekids .haveChildren, .create-new-profile .marital .status_havekids .haveChildren,
.create-new-profile .marital_status_inlove .inLove, .create-new-profile .marital .status_inlove .inLove {
display: block; }
.create-new-profile .religion li {
width: 100px; }
.create-new-profile .religion_protestantizm .protestantism, .create-new-profile .religion_rasta .rastafarianism,
.create-new-profile .religion_catholicism .catholicism, .create-new-profile .religion_humanism .secularHumanizm,
.create-new-profile .religion_buddhism .buddhism, .create-new-profile .religion_atheism .atheism,
.create-new-profile .religion_iudoizm .judaism, .create-new-profile .religion_confucianism .confucianism,
.create-new-profile .religion_orthodoxy .orthodoxy, .create-new-profile .religion_islam .islam,
.create-new-profile .religion_pasta .spaghetti {
display: block; }
.create-new-profile .political_views li,
.create-new-profile .political li {
margin: 0 5px 10px 0;
min-width: 84px; }
.create-new-profile .political_views_anarchic .anarchism,
.create-new-profile .political_views_antiglobalist .antiglobalist,
.create-new-profile .political_views_communist .communist,
.create-new-profile .political_views_sovereign .monarchist,
.create-new-profile .political_views_nationalist .nationalist,
.create-new-profile .political_views_socialist .socialist,
.create-new-profile .political_views_apolitical .unpolitical,
.create-new-profile .political .views_anarchic .anarchism,
.create-new-profile .political .views_antiglobalist .antiglobalist,
.create-new-profile .political .views_communist .communist,
.create-new-profile .political .views_sovereign .monarchist,
.create-new-profile .political .views_nationalist .nationalist,
.create-new-profile .political .views_socialist .socialist,
.create-new-profile .political .views_apolitical .unpolitical {
display: block; }
.create-new-profile .political_views_medium .unpolitical,
.create-new-profile .political_views_liberal .liberal,
.create-new-profile .political_views_radical .radical,
.create-new-profile .political_views_conservative .conservative,
.create-new-profile .political_views_democratic .democratic,
.create-new-profile .political_views_libertarianism .libertarian,
.create-new-profile .political .views_medium .unpolitical,
.create-new-profile .political .views_liberal .liberal,
.create-new-profile .political .views_radical .radical,
.create-new-profile .political .views_conservative .conservative,
.create-new-profile .political .views_democratic .democratic,
.create-new-profile .political .views_libertarianism .libertarian {
display: block; }
.create-new-profile .sexual_orientation li,
.create-new-profile .sexual li {
float: left;
margin: 0 10px 0 0;
width: 68px; }
.create-new-profile .sexual_orientation li.sexual_orientation_indifferent, .create-new-profile .sexual_orientation li.sexual_orientation_gender, .create-new-profile .sexual_orientation li.orientation_indifferent, .create-new-profile .sexual_orientation li.orientation_gender,
.create-new-profile .sexual li.sexual_orientation_indifferent,
.create-new-profile .sexual li.sexual_orientation_gender,
.create-new-profile .sexual li.orientation_indifferent,
.create-new-profile .sexual li.orientation_gender {
display: none; }
.create-new-profile .sexual_orientation_asexual .asexual,
.create-new-profile .sexual_orientation_bisex .bisex,
.create-new-profile .sexual_orientation_female .femaleOr,
.create-new-profile .sexual_orientation_gay .gay,
.create-new-profile .sexual_orientation_hetero .hetero,
.create-new-profile .sexual_orientation_lesbian .lesbian,
.create-new-profile .sexual_orientation_male .maleOr,
.create-new-profile .sexual .orientation_asexual .asexual,
.create-new-profile .sexual .orientation_bisex .bisex,
.create-new-profile .sexual .orientation_female .femaleOr,
.create-new-profile .sexual .orientation_gay .gay,
.create-new-profile .sexual .orientation_hetero .hetero,
.create-new-profile .sexual .orientation_lesbian .lesbian,
.create-new-profile .sexual .orientation_male .maleOr {
display: block; }
.create-new-profile .horoscope li {
width: 74px; }
.create-new-profile .horoscope li .icon {
display: none; }
.create-new-profile .horoscope_1 .horoscope_1, .create-new-profile .horoscope_2 .horoscope_2,
.create-new-profile .horoscope_3 .horoscope_3, .create-new-profile .horoscope_4 .horoscope_4,
.create-new-profile .horoscope_5 .horoscope_5, .create-new-profile .horoscope_6 .horoscope_6,
.create-new-profile .horoscope_7 .horoscope_7, .create-new-profile .horoscope_8 .horoscope_8,
.create-new-profile .horoscope_9 .horoscope_9, .create-new-profile .horoscope_10 .horoscope_10,
.create-new-profile .horoscope_11 .horoscope_11, .create-new-profile .horoscope_12 .horoscope_12 {
display: block; }
.create-new-profile .zodiac li {
width: 74px; }
.create-new-profile .zodiac .icon {
display: none; }
.create-new-profile .zodiac .inactive .svg-icon,
.create-new-profile .zodiac .inactive:hover .svg-icon {
stroke: #a8a8a8;
fill: #a8a8a8; }
.create-new-profile .zodiac_1 .zodiac_1,
.create-new-profile .zodiac_2 .zodiac_2,
.create-new-profile .zodiac_3 .zodiac_3,
.create-new-profile .zodiac_4 .zodiac_4,
.create-new-profile .zodiac_5 .zodiac_5,
.create-new-profile .zodiac_6 .zodiac_6,
.create-new-profile .zodiac_7 .zodiac_7,
.create-new-profile .zodiac_8 .zodiac_8,
.create-new-profile .zodiac_9 .zodiac_9,
.create-new-profile .zodiac_10 .zodiac_10,
.create-new-profile .zodiac_11 .zodiac_11,
.create-new-profile .zodiac_12 .zodiac_12 {
display: block; }
.create-new-profile .day_1 .day_1, .create-new-profile .day_2 .day_2, .create-new-profile .day_3 .day_3,
.create-new-profile .day_4 .day_4, .create-new-profile .day_5 .day_5, .create-new-profile .day_6 .day_6,
.create-new-profile .day_7 .day_7, .create-new-profile .day_8 .day_8, .create-new-profile .day_9 .day_9,
.create-new-profile .day_10 .day_10, .create-new-profile .day_11 .day_11, .create-new-profile .day_12 .day_12,
.create-new-profile .day_13 .day_13, .create-new-profile .day_14 .day_14, .create-new-profile .day_15 .day_15,
.create-new-profile .day_16 .day_16, .create-new-profile .day_17 .day_17, .create-new-profile .day_18 .day_18,
.create-new-profile .day_19 .day_19, .create-new-profile .day_20 .day_20, .create-new-profile .day_21 .day_21,
.create-new-profile .day_22 .day_22, .create-new-profile .day_23 .day_23, .create-new-profile .day_24 .day_24,
.create-new-profile .day_25 .day_25, .create-new-profile .day_26 .day_26, .create-new-profile .day_27 .day_27,
.create-new-profile .day_28 .day_28, .create-new-profile .day_29 .day_29, .create-new-profile .day_30 .day_30,
.create-new-profile .day_31 .day_31 {
display: block; }
.create-new-profile .items-list {
overflow: hidden; }
.create-new-profile .items-list li {
float: left;
margin: 0 10px 10px 0;
border: 1px solid transparent;
font-size: 11px;
line-height: 15px;
text-transform: uppercase;
cursor: pointer; }
.create-new-profile .items-list li .icon {
display: block;
background-image: url("/static/img/icons.png");
background-repeat: no-repeat; }
.create-new-profile .items-list li span {
display: block;
margin: 0 0 8px;
text-align: center; }
.create-new-profile .items-list .inactive {
opacity: 0.6;
cursor: default; }
.create-new-profile .items-list .inactive:hover {
border-color: transparent;
color: #444; }
.create-new-profile .items-list .active,
.create-new-profile .items-list li:hover {
border-radius: 4px;
color: #57AB62;
border-color: #57AB62; }
.create-new-profile .blocked .items-list {
border-color: transparent;
color: #a8a8a8; }
.create-new-profile .blocked .items-list li {
cursor: default; }
.create-new-profile .blocked .items-list li .svg-icon {
stroke: #a8a8a8;
fill: #a8a8a8; }
.create-new-profile .gender li {
margin: 0; }
.create-new-profile .gender li .icon {
height: 60px;
width: 60px; }
.create-new-profile .gender li span {
text-indent: -9999px;
font-size: 0;
line-height: 0;
display: none; }
.create-new-profile .gender_male .icon {
background-position: -117px -3px; }
.create-new-profile .gender_nonsexual .icon {
background-position: -54px -3px; }
.create-new-profile .gender_female .icon {
background-position: 7px -3px; }
.create-new-profile .gender_male:hover .icon,
.create-new-profile .gender_male.active .icon {
background-position: -117px -60px; }
.create-new-profile .gender_nonsexual:hover .icon,
.create-new-profile .gender_nonsexual.active .icon {
background-position: -54px -60px; }
.create-new-profile .gender_female:hover .icon,
.create-new-profile .gender_female.active .icon {
background-position: 7px -60px; }
.create-new-profile .zodiac {
text-align: left;
padding: 0 30px 0 0; }
.create-new-profile .zodiac li {
width: 70px;
display: inline-block;
vertical-align: top;
float: none; }
.create-new-profile .zodiac .icon {
width: 49px;
height: 30px;
margin: 8px auto 5px; }
.create-new-profile .zodiac_7 .icon,
.create-new-profile .zodiac_7.inactive:hover .icon {
background-position: -6px -1331px; }
.create-new-profile .zodiac_7:hover .icon,
.create-new-profile .zodiac_7.active .icon {
background-position: -6px -1410px; }
.create-new-profile .zodiac_12 .icon,
.create-new-profile .zodiac_12.inactive:hover .icon {
background-position: -412px -1331px; }
.create-new-profile .zodiac_12:hover .icon,
.create-new-profile .zodiac_12.active .icon {
background-position: -412px -1410px; }
.create-new-profile .zodiac_9 .icon,
.create-new-profile .zodiac_9.inactive:hover .icon {
background-position: -174px -1331px; }
.create-new-profile .zodiac_9:hover .icon,
.create-new-profile .zodiac_9.active .icon {
background-position: -174px -1410px; }
.create-new-profile .zodiac_11 .icon,
.create-new-profile .zodiac_11.inactive:hover .icon {
background-position: -332px -1331px; }
.create-new-profile .zodiac_11:hover .icon,
.create-new-profile .zodiac_11.active .icon {
background-position: -332px -1410px; }
.create-new-profile .zodiac_5 .icon,
.create-new-profile .zodiac_5.inactive:hover .icon {
background-position: -332px -1297px; }
.create-new-profile .zodiac_5:hover .icon,
.create-new-profile .zodiac_5.active .icon {
background-position: -332px -1374px; }
.create-new-profile .zodiac_3 .icon,
.create-new-profile .zodiac_3.inactive:hover .icon {
background-position: -174px -1297px; }
.create-new-profile .zodiac_3:hover .icon,
.create-new-profile .zodiac_3.active .icon {
background-position: -174px -1374px; }
.create-new-profile .zodiac_1 .icon,
.create-new-profile .zodiac_1.inactive:hover .icon {
background-position: -7px -1297px; }
.create-new-profile .zodiac_1:hover .icon,
.create-new-profile .zodiac_1.active .icon {
background-position: -7px -1374px; }
.create-new-profile .zodiac_6 .icon,
.create-new-profile .zodiac_6.inactive:hover .icon {
background-position: -412px -1297px; }
.create-new-profile .zodiac_6:hover .icon,
.create-new-profile .zodiac_6.active .icon {
background-position: -412px -1374px; }
.create-new-profile .zodiac_4 .icon,
.create-new-profile .zodiac_4.inactive:hover .icon {
background-position: -252px -1297px; }
.create-new-profile .zodiac_4:hover .icon,
.create-new-profile .zodiac_4.active .icon {
background-position: -252px -1374px; }
.create-new-profile .zodiac_2 .icon,
.create-new-profile .zodiac_2.inactive:hover .icon {
background-position: -90px -1297px; }
.create-new-profile .zodiac_2:hover .icon,
.create-new-profile .zodiac_2.active .icon {
background-position: -90px -1374px; }
.create-new-profile .zodiac_10 .icon,
.create-new-profile .zodiac_10.inactive:hover .icon {
background-position: -254px -1331px; }
.create-new-profile .zodiac_10:hover .icon,
.create-new-profile .zodiac_10.active .icon {
background-position: -254px -1410px; }
.create-new-profile .zodiac_8 .icon,
.create-new-profile .zodiac_8.inactive:hover .icon {
background-position: -90px -1331px; }
.create-new-profile .zodiac_8:hover .icon,
.create-new-profile .zodiac_8.active .icon {
background-position: -90px -1410px; }
.create-new-profile .months {
text-align: left;
padding: 0 30px 0 0; }
.create-new-profile .months li {
width: 70px;
display: inline-block;
vertical-align: top;
float: none; }
.create-new-profile .months .icon {
width: 24px;
height: 24px;
margin: 8px auto 5px; }
.create-new-profile .months_1 .icon {
background-position: -14px -406px; }
.create-new-profile .months_1:hover .icon,
.create-new-profile .months_1.active .icon {
background-position: -14px -477px; }
.create-new-profile .months_2 .icon {
background-position: -106px -406px; }
.create-new-profile .months_2:hover .icon,
.create-new-profile .months_2.active .icon {
background-position: -106px -477px; }
.create-new-profile .months_3 .icon {
background-position: -201px -406px; }
.create-new-profile .months_3:hover .icon,
.create-new-profile .months_3.active .icon {
background-position: -201px -477px; }
.create-new-profile .months_4 .icon {
background-position: -295px -406px; }
.create-new-profile .months_4:hover .icon,
.create-new-profile .months_4.active .icon {
background-position: -295px -477px; }
.create-new-profile .months_5 .icon {
background-position: -378px -406px; }
.create-new-profile .months_5:hover .icon,
.create-new-profile .months_5.active .icon {
background-position: -378px -477px; }
.create-new-profile .months_6 .icon {
background-position: -462px -407px; }
.create-new-profile .months_6:hover .icon,
.create-new-profile .months_6.active .icon {
background-position: -462px -478px; }
.create-new-profile .months_7 .icon {
background-position: -12px -444px; }
.create-new-profile .months_7:hover .icon,
.create-new-profile .months_7.active .icon {
background-position: -12px -519px; }
.create-new-profile .months_8 .icon {
background-position: -105px -444px; }
.create-new-profile .months_8:hover .icon,
.create-new-profile .months_8.active .icon {
background-position: -105px -519px; }
.create-new-profile .months_9 .icon {
background-position: -200px -444px; }
.create-new-profile .months_9:hover .icon,
.create-new-profile .months_9.active .icon {
background-position: -200px -519px; }
.create-new-profile .months_10 .icon {
background-position: -296px -445px; }
.create-new-profile .months_10:hover .icon,
.create-new-profile .months_10.active .icon {
background-position: -296px -520px; }
.create-new-profile .months_11 .icon {
background-position: -378px -445px; }
.create-new-profile .months_11:hover .icon,
.create-new-profile .months_11.active .icon {
background-position: -378px -520px; }
.create-new-profile .months_12 .icon {
background-position: -462px -445px; }
.create-new-profile .months_12:hover .icon,
.create-new-profile .months_12.active .icon {
background-position: -462px -520px; }
.create-new-profile .map {
width: 800px;
height: 364px;
overflow: hidden;
background-image: url("/static/img/timezones/timezones.jpg"); }
.create-new-profile .map img {
position: absolute;
top: 0;
left: 0;
width: 800px;
height: 364px;
z-index: 10; }
.create-new-profile .map ul {
position: relative;
top: 21px;
left: 0; }
.create-new-profile .map ul li {
height: 343px;
position: absolute;
top: 0;
display: none;
background-repeat: no-repeat; }
.create-new-profile .map ul li.activestate,
.create-new-profile .map ul li.active {
display: block; }
.create-new-profile .map ul #tz12 {
width: 77px;
right: 1px;
background-image: url("/static/img/timezones/tz12.png"); }
.create-new-profile .map ul #tz11 {
width: 77px;
right: 41px;
top: 0;
background-image: url("/static/img/timezones/tz11.png"); }
.create-new-profile .map ul #tz10 {
width: 79px;
right: 66px;
top: 0;
background-image: url("/static/img/timezones/tz10.png"); }
.create-new-profile .map ul #tz9 {
width: 112px;
right: 80px;
top: 0;
background-image: url("/static/img/timezones/tz9.png"); }
.create-new-profile .map ul #tz8 {
width: 96px;
right: 135px;
top: 0;
background-image: url("/static/img/timezones/tz8.png"); }
.create-new-profile .map ul #tz7 {
width: 87px;
right: 171px;
top: 0;
background-image: url("/static/img/timezones/tz7.png"); }
.create-new-profile .map ul #tz6 {
width: 90px;
right: 201px;
top: 0;
background-image: url("/static/img/timezones/tz6.png"); }
.create-new-profile .map ul #tz5 {
width: 85px;
right: 233px;
top: 0;
background-image: url("/static/img/timezones/tz5.png"); }
.create-new-profile .map ul #tz3 {
width: 106px;
right: 267px;
top: 0;
background-image: url("/static/img/timezones/tz3.png"); }
.create-new-profile .map ul #tz2 {
width: 74px;
right: 316px;
top: 0;
background-image: url("/static/img/timezones/tz2.png"); }
.create-new-profile .map ul #tz1 {
width: 91px;
right: 351px;
top: 0;
background-image: url("/static/img/timezones/tz1.png"); }
.create-new-profile .map ul #tz0 {
width: 69px;
right: 411px;
top: 0;
background-image: url("/static/img/timezones/tz0.png"); }
.create-new-profile .map ul #tz-3 {
width: 124px;
right: 457px;
top: 0;
background-image: url("/static/img/timezones/tz-3.png"); }
.create-new-profile .map ul #tz-4 {
width: 51px;
right: 530px;
top: 0;
background-image: url("/static/img/timezones/tz-4.png"); }
.create-new-profile .map ul #tz-5 {
width: 56px;
right: 559px;
top: 0;
background-image: url("/static/img/timezones/tz-5.png"); }
.create-new-profile .map ul #tz-6 {
width: 52px;
right: 603px;
top: 0;
background-image: url("/static/img/timezones/tz-6.png"); }
.create-new-profile .map ul #tz-7 {
width: 89px;
right: 630px;
top: 0;
background-image: url("/static/img/timezones/tz-7.png"); }
.create-new-profile .map ul #tz-8 {
width: 77px;
right: 655px;
top: 0;
background-image: url("/static/img/timezones/tz-8.png"); }
.create-new-profile .map ul #tz-9 {
width: 119px;
right: 675px;
top: 0;
background-image: url("/static/img/timezones/tz-9.png"); }
.create-new-profile #countries-list li {
float: left;
margin: 1px 6px 1px 1px;
border: 1px solid #dee8ec;
width: 30px;
height: 21px;
position: relative;
overflow: hidden;
cursor: pointer; }
.create-new-profile #countries-list .active {
margin: 0 5px 0 0;
border: 2px solid #57AB62; }
.create-new-profile #countries-list img {
position: absolute;
top: -5px;
left: -1px;
z-index: 0;
max-width: 32px; }
.create-new-profile .ages li {
float: left;
margin: 0;
font-size: 14px;
min-width: 68px; }
.create-new-profile .ages li span {
margin: 0 5px 8px; }
.create-new-profile .ages .icon {
width: 22px;
height: 47px;
margin: 8px auto 5px; }
.create-new-profile .ages_1 .icon {
background-position: -10px -116px; }
.create-new-profile .ages_1:hover .icon,
.create-new-profile .ages_1.active .icon {
background-position: -10px -175px; }
.create-new-profile .ages_2 .icon {
background-position: -83px -116px; }
.create-new-profile .ages_2:hover .icon,
.create-new-profile .ages_2.active .icon {
background-position: -83px -175px; }
.create-new-profile .ages_3 .icon {
background-position: -155px -116px; }
.create-new-profile .ages_3:hover .icon,
.create-new-profile .ages_3.active .icon {
background-position: -155px -175px; }
.create-new-profile .ages_4 .icon {
background-position: -227px -116px; }
.create-new-profile .ages_4:hover .icon,
.create-new-profile .ages_4.active .icon {
background-position: -227px -175px; }
.create-new-profile .ages_5 .icon {
background-position: -295px -116px; }
.create-new-profile .ages_5:hover .icon,
.create-new-profile .ages_5.active .icon {
background-position: -295px -175px; }
.create-new-profile .ages_6 .icon {
background-position: -367px -116px; }
.create-new-profile .ages_6:hover .icon,
.create-new-profile .ages_6.active .icon {
background-position: -367px -175px; }
.create-new-profile .ages_7 .icon {
background-position: -429px -116px; }
.create-new-profile .ages_7:hover .icon,
.create-new-profile .ages_7.active .icon {
background-position: -429px -175px; }
.create-new-profile .marital_status li {
float: left;
margin: 0 10px 0 0;
font-size: 9px;
min-width: 70px; }
.create-new-profile .marital_status li span {
margin: 0 5px 8px; }
.create-new-profile .marital_status .icon {
width: 37px;
height: 30px;
margin: 8px auto 5px; }
.create-new-profile .marital_status_married .icon {
background-position: -10px -562px; }
.create-new-profile .marital_status_married:hover .icon,
.create-new-profile .marital_status_married.active .icon {
background-position: -10px -602px; }
.create-new-profile .marital_status_engaged .icon {
background-position: -205px -562px; }
.create-new-profile .marital_status_engaged:hover .icon,
.create-new-profile .marital_status_engaged.active .icon {
background-position: -205px -602px; }
.create-new-profile .marital_status_searching .icon {
background-position: -379px -562px; }
.create-new-profile .marital_status_searching:hover .icon,
.create-new-profile .marital_status_searching.active .icon {
background-position: -379px -602px; }
.create-new-profile .marital_status_nomarried .icon {
background-position: -108px -562px; }
.create-new-profile .marital_status_nomarried:hover .icon,
.create-new-profile .marital_status_nomarried.active .icon {
background-position: -108px -602px; }
.create-new-profile .marital_status_havekids .icon {
background-position: -468px -562px; }
.create-new-profile .marital_status_havekids:hover .icon,
.create-new-profile .marital_status_havekids.active .icon {
background-position: -468px -602px; }
.create-new-profile .marital_status_inlove .icon {
background-position: -293px -562px; }
.create-new-profile .marital_status_inlove:hover .icon,
.create-new-profile .marital_status_inlove.active .icon {
background-position: -293px -602px; }
.create-new-profile .religion li {
float: none;
display: inline-block;
margin: 0;
font-size: 9px;
width: 94px;
vertical-align: top; }
.create-new-profile .religion li span {
margin: 0 1px 8px; }
.create-new-profile .religion .icon {
width: 31px;
height: 29px;
margin: 8px auto 5px; }
.create-new-profile .religion_protestantizm .icon {
background-position: -485px -645px; }
.create-new-profile .religion_protestantizm:hover .icon,
.create-new-profile .religion_protestantizm.active .icon {
background-position: -485px -718px; }
.create-new-profile .religion_rasta .icon {
background-position: -297px -681px; }
.create-new-profile .religion_rasta:hover .icon,
.create-new-profile .religion_rasta.active .icon {
background-position: -297px -753px; }
.create-new-profile .religion_catholicism .icon {
background-position: -108px -681px; }
.create-new-profile .religion_catholicism:hover .icon,
.create-new-profile .religion_catholicism.active .icon {
background-position: -108px -753px; }
.create-new-profile .religion_humanism .icon {
background-position: -200px -681px; }
.create-new-profile .religion_humanism:hover .icon,
.create-new-profile .religion_humanism.active .icon {
background-position: -200px -753px; }
.create-new-profile .religion_buddhism .icon {
background-position: -108px -645px; }
.create-new-profile .religion_buddhism:hover .icon,
.create-new-profile .religion_buddhism.active .icon {
background-position: -108px -718px; }
.create-new-profile .religion_atheism .icon {
background-position: -13px -645px; }
.create-new-profile .religion_atheism:hover .icon,
.create-new-profile .religion_atheism.active .icon {
background-position: -13px -718px; }
.create-new-profile .religion_iudoizm .icon {
background-position: -200px -645px; }
.create-new-profile .religion_iudoizm:hover .icon,
.create-new-profile .religion_iudoizm.active .icon {
background-position: -200px -718px; }
.create-new-profile .religion_pasta .icon {
width: 61px;
background-position: -375px -681px; }
.create-new-profile .religion_pasta:hover .icon,
.create-new-profile .religion_pasta.active .icon {
background-position: -375px -753px; }
.create-new-profile .religion_confucianism .icon {
background-position: -13px -681px; }
.create-new-profile .religion_confucianism:hover .icon,
.create-new-profile .religion_confucianism.active .icon {
background-position: -13px -753px; }
.create-new-profile .religion_orthodoxy .icon {
background-position: -388px -645px; }
.create-new-profile .religion_orthodoxy:hover .icon,
.create-new-profile .religion_orthodoxy.active .icon {
background-position: -388px -718px; }
.create-new-profile .religion_islam .icon {
background-position: -297px -645px; }
.create-new-profile .religion_islam:hover .icon,
.create-new-profile .religion_islam.active .icon {
background-position: -297px -718px; }
.create-new-profile .political_views {
text-align: center; }
.create-new-profile .political_views li {
margin: 0;
font-size: 9px;
min-width: 68px; }
.create-new-profile .political_views li span {
margin: 0 2px 8px; }
.create-new-profile .political_views .icon {
width: 41px;
height: 29px;
margin: 8px auto 5px; }
.create-new-profile .political_views_antiglobalist .icon {
background-position: -351px -277px; }
.create-new-profile .political_views_antiglobalist:hover .icon,
.create-new-profile .political_views_antiglobalist.active .icon {
background-position: -351px -363px; }
.create-new-profile .political_views_liberal .icon {
background-position: -179px -238px; }
.create-new-profile .political_views_liberal:hover .icon,
.create-new-profile .political_views_liberal.active .icon {
background-position: -179px -318px; }
.create-new-profile .political_views_radical .icon {
background-position: -263px -277px; }
.create-new-profile .political_views_radical:hover .icon,
.create-new-profile .political_views_radical.active .icon {
background-position: -263px -363px; }
.create-new-profile .political_views_socialist .icon {
background-position: -12px -238px; }
.create-new-profile .political_views_socialist:hover .icon,
.create-new-profile .political_views_socialist.active .icon {
background-position: -12px -318px; }
.create-new-profile .political_views_sovereign .icon {
background-position: -12px -277px; }
.create-new-profile .political_views_sovereign:hover .icon,
.create-new-profile .political_views_sovereign.active .icon {
background-position: -12px -363px; }
.create-new-profile .political_views_conservative .icon {
background-position: -179px -277px; }
.create-new-profile .political_views_conservative:hover .icon,
.create-new-profile .political_views_conservative.active .icon {
background-position: -179px -363px; }
.create-new-profile .political_views_anarchic .icon {
background-position: -351px -238px; }
.create-new-profile .political_views_anarchic:hover .icon,
.create-new-profile .political_views_anarchic.active .icon {
background-position: -351px -318px; }
.create-new-profile .political_views_apolitical .icon {
background-position: -443px -277px; }
.create-new-profile .political_views_apolitical:hover .icon,
.create-new-profile .political_views_apolitical.active .icon {
background-position: -443px -363px; }
.create-new-profile .political_views_communist .icon {
background-position: -263px -238px; }
.create-new-profile .political_views_communist:hover .icon,
.create-new-profile .political_views_communist.active .icon {
background-position: -263px -318px; }
.create-new-profile .political_views_democratic .icon {
background-position: -443px -238px; }
.create-new-profile .political_views_democratic:hover .icon,
.create-new-profile .political_views_democratic.active .icon {
background-position: -443px -318px; }
.create-new-profile .political_views_libertarianism .icon {
background-position: -100px -277px; }
.create-new-profile .political_views_libertarianism:hover .icon,
.create-new-profile .political_views_libertarianism.active .icon {
background-position: -100px -363px; }
.create-new-profile .political_views_nationalist .icon {
background-position: -100px -238px; }
.create-new-profile .political_views_nationalist:hover .icon,
.create-new-profile .political_views_nationalist.active .icon {
background-position: -100px -318px; }
.create-new-profile .sexual_orientation li {
float: left;
margin: 0;
font-size: 9px;
width: 70px; }
.create-new-profile .sexual_orientation li span {
margin: 0 1px 8px; }
.create-new-profile .sexual_orientation .icon {
width: 28px;
height: 31px;
margin: 8px auto 5px; }
.create-new-profile .sexual_orientation_gay .icon {
background-position: -444px -798px; }
.create-new-profile .sexual_orientation_gay:hover .icon,
.create-new-profile .sexual_orientation_gay.active .icon {
background-position: -444px -844px; }
.create-new-profile .sexual_orientation_bisex .icon {
background-position: -521px -798px; }
.create-new-profile .sexual_orientation_bisex:hover .icon,
.create-new-profile .sexual_orientation_bisex.active .icon {
background-position: -521px -844px; }
.create-new-profile .sexual_orientation_asexual .icon {
background-position: -13px -798px; }
.create-new-profile .sexual_orientation_asexual:hover .icon,
.create-new-profile .sexual_orientation_asexual.active .icon {
background-position: -13px -844px; }
.create-new-profile .sexual_orientation_gender .icon {
background-position: -302px -798px; }
.create-new-profile .sexual_orientation_gender:hover .icon,
.create-new-profile .sexual_orientation_gender.active .icon {
background-position: -302px -844px; }
.create-new-profile .sexual_orientation_hetero .icon {
background-position: -223px -798px; }
.create-new-profile .sexual_orientation_hetero:hover .icon,
.create-new-profile .sexual_orientation_hetero.active .icon {
background-position: -223px -844px; }
.create-new-profile .sexual_orientation_female .icon {
background-position: -153px -798px; }
.create-new-profile .sexual_orientation_female:hover .icon,
.create-new-profile .sexual_orientation_female.active .icon {
background-position: -153px -844px; }
.create-new-profile .sexual_orientation_male .icon {
background-position: -80px -798px; }
.create-new-profile .sexual_orientation_male:hover .icon,
.create-new-profile .sexual_orientation_male.active .icon {
background-position: -80px -844px; }
.create-new-profile .sexual_orientation_lesbian .icon {
background-position: -374px -798px; }
.create-new-profile .sexual_orientation_lesbian:hover .icon,
.create-new-profile .sexual_orientation_lesbian.active .icon {
background-position: -374px -844px; }
.create-new-profile .days li {
margin: 0 3px 4px;
font-size: 13px;
line-height: 18px; }
.create-new-profile .horoscope {
text-align: left;
padding: 0 30px 0 0; }
.create-new-profile .horoscope li {
width: 70px;
display: inline-block;
vertical-align: top;
float: none; }
.create-new-profile .horoscope .icon {
width: 32px;
height: 24px;
margin: 8px auto 5px; }
.create-new-profile .horoscope_1 .icon {
background-position: -9px -1451px; }
.create-new-profile .horoscope_1:hover .icon,
.create-new-profile .horoscope_1.active .icon {
background-position: -9px -1519px; }
.create-new-profile .horoscope_2 .icon {
background-position: -108px -1451px; }
.create-new-profile .horoscope_2:hover .icon,
.create-new-profile .horoscope_2.active .icon {
background-position: -108px -1519px; }
.create-new-profile .horoscope_3 .icon {
background-position: -199px -1451px; }
.create-new-profile .horoscope_3:hover .icon,
.create-new-profile .horoscope_3.active .icon {
background-position: -199px -1519px; }
.create-new-profile .horoscope_4 .icon {
background-position: -295px -1451px; }
.create-new-profile .horoscope_4:hover .icon,
.create-new-profile .horoscope_4.active .icon {
background-position: -295px -1519px; }
.create-new-profile .horoscope_5 .icon {
background-position: -380px -1451px; }
.create-new-profile .horoscope_5:hover .icon,
.create-new-profile .horoscope_5.active .icon {
background-position: -380px -1519px; }
.create-new-profile .horoscope_6 .icon {
background-position: -454px -1451px; }
.create-new-profile .horoscope_6:hover .icon,
.create-new-profile .horoscope_6.active .icon {
background-position: -454px -1519px; }
.create-new-profile .horoscope_7 .icon {
background-position: -9px -1485px; }
.create-new-profile .horoscope_7:hover .icon,
.create-new-profile .horoscope_7.active .icon {
background-position: -9px -1553px; }
.create-new-profile .horoscope_8 .icon {
background-position: -108px -1485px; }
.create-new-profile .horoscope_8:hover .icon,
.create-new-profile .horoscope_8.active .icon {
background-position: -108px -1553px; }
.create-new-profile .horoscope_9 .icon {
background-position: -199px -1485px; }
.create-new-profile .horoscope_9:hover .icon,
.create-new-profile .horoscope_9.active .icon {
background-position: -199px -1553px; }
.create-new-profile .horoscope_10 .icon {
background-position: -295px -1485px; }
.create-new-profile .horoscope_10:hover .icon,
.create-new-profile .horoscope_10.active .icon {
background-position: -295px -1553px; }
.create-new-profile .horoscope_11 .icon {
background-position: -380px -1485px; }
.create-new-profile .horoscope_11:hover .icon,
.create-new-profile .horoscope_11.active .icon {
background-position: -380px -1553px; }
.create-new-profile .horoscope_12 .icon {
background-position: -454px -1485px; }
.create-new-profile .horoscope_12:hover .icon,
.create-new-profile .horoscope_12.active .icon {
background-position: -454px -1553px; }
.create-new-profile #clear-birthday {
margin-top: 5px;
float: right; }
.create-new-profile .w-16 {
width: 16%; }
.create-new-profile .w-19 {
width: 19%; }
.create-new-profile .w-14 {
width: 14%; }
.create-new-profile .ml-2p {
margin-left: 2%; }
body.white {
background: #fff; }
body.white #page-container #activation_note {
background-color: #fff;
overflow: hidden;
border-radius: 14px;
font-size: 14px;
line-height: 25px;
color: #000;
margin: 0 0 20px;
padding: 24px 40px 24px 31px;
display: flex;
align-items: center;
position: relative; }
body.white #page-container #activation_note .act-icon {
flex-shrink: 0;
width: 39px;
height: 39px;
margin-right: 31px; }
body.white #page-container #activation_note .email {
font-weight: bold; }
body.white #page-container #activation_note .close-btn {
position: absolute;
right: 14px;
top: 14px;
width: 13px;
height: 13px;
text-indent: -9999px;
background: url("/static/img/sprite.png") no-repeat -361px 0; }
body.white #page-container #activation_note .close-btn:hover {
background-position: -378px 0; }
body.white #page-container .create-profile-block {
padding: 40px;
border-radius: 14px;
background-color: #fff; }
body.white #page-container .right-side {
background-color: rgba(26, 26, 26, 0.6);
background-color: transparent; }
body.white #page-container .right-side .external-invitation-header {
border-color: #e3e3e3;
background-color: transparent; }
body.white #page-container .right-side .external-invitation-header h2 {
color: #444; }
body.white #page-container .right-side #social-auth-text .more {
background-color: #fff;
color: #444; }
body.white #page-container #auth, body.white #page-container #reg, body.white #page-container #password_reset {
background-color: rgba(255, 255, 255, 0.6);
border-color: #e3e3e3; }
body.white #page-container #auth h3, body.white #page-container #reg h3, body.white #page-container #password_reset h3 {
color: #b1b1b1; }
body.white #page-container #auth input[type="text"],
body.white #page-container #auth input[type="email"],
body.white #page-container #auth input[type="password"], body.white #page-container #reg input[type="text"],
body.white #page-container #reg input[type="email"],
body.white #page-container #reg input[type="password"], body.white #page-container #password_reset input[type="text"],
body.white #page-container #password_reset input[type="email"],
body.white #page-container #password_reset input[type="password"] {
background-color: #fff;
color: #444;
border: 1px solid #dee8ec;
padding: 10px 5px 11px 45px;
min-height: 0;
height: auto;
border-radius: 4px; }
body.white #page-container #auth #form_data_phone, body.white #page-container #reg #form_data_phone, body.white #page-container #password_reset #form_data_phone {
padding-left: 78px; }
body.white #page-container #auth a, body.white #page-container #reg a, body.white #page-container #password_reset a {
color: #227fab; }
body.white #page-container #auth .modal-header h3, body.white #page-container #reg .modal-header h3, body.white #page-container #password_reset .modal-header h3 {
color: #000; }
body.white #external-alt-bg {
background-color: #fff;
color: #444; }
body.white #external-alt-bg h1, body.white #external-alt-bg h2, body.white #external-alt-bg h3, body.white #external-alt-bg h4, body.white #external-alt-bg h5, body.white #external-alt-bg h6 {
color: #444; }
body.white #external-alt-bg #password_reset {
background-color: #f1f1f1; }
body.white #external-alt-bg #password_reset input[type="text"],
body.white #external-alt-bg #password_reset input[type="text"]:focus {
background-color: #dedede;
color: #444; }
body.white #external-alt-bg .block-info .block {
color: #444; }
body.white #external-alt-bg .block-info .block .box {
background-color: #f1f1f1; }
body.white #external-alt-bg .block-info .block .box h4 {
color: #fff; }
body.white #external-alt-bg .block-info .block .img-block {
border-color: #227fab; }
body.white .plw-grey {
background-color: #fff; }
body.white textarea,
body.white input[type="text"], body.white input[type="password"],
body.white input[type="datetime"], body.white input[type="datetime-local"],
body.white input[type="date"], body.white input[type="month"],
body.white input[type="time"], body.white input[type="week"],
body.white input[type="number"], body.white input[type="email"],
body.white input[type="url"], body.white input[type="search"],
body.white input[type="tel"], body.white input[type="color"],
body.white .uneditable-input {
color: #000;
background-color: #fff;
border: 1px solid #dadada; }
body.white input[type="text"]::placeholder {
color: #999; }
body.white ::-webkit-input-placeholder {
color: #999; }
body.white .scrollable-area-wrapper .hscrollbar,
body.white .scrollable-area-wrapper .vscrollbar {
background-color: #e3e3e3; }
body.white .scrollable-area-wrapper .hscrollbar .hscroll-line,
body.white .scrollable-area-wrapper .hscrollbar .vscroll-line,
body.white .scrollable-area-wrapper .vscrollbar .hscroll-line,
body.white .scrollable-area-wrapper .vscrollbar .vscroll-line {
background-color: #cecece; }
body.white .scrollable-area-wrapper .hscrollbar .hscroll-line .hscroll-slider,
body.white .scrollable-area-wrapper .hscrollbar .hscroll-line .vscroll-slider,
body.white .scrollable-area-wrapper .hscrollbar .vscroll-line .hscroll-slider,
body.white .scrollable-area-wrapper .hscrollbar .vscroll-line .vscroll-slider,
body.white .scrollable-area-wrapper .vscrollbar .hscroll-line .hscroll-slider,
body.white .scrollable-area-wrapper .vscrollbar .hscroll-line .vscroll-slider,
body.white .scrollable-area-wrapper .vscrollbar .vscroll-line .hscroll-slider,
body.white .scrollable-area-wrapper .vscrollbar .vscroll-line .vscroll-slider {
background-color: #227fab; }
body.white .create-new-profile .btn,
body.white .create-new-profile .btn[disabled],
body.white .create-new-profile .btn[disabled]:hover {
background-color: transparent;
color: #898989;
border: 1px solid #DADADA;
transition: all .1s ease-in; }
body.white .create-new-profile .btn:hover,
body.white .create-new-profile .btn-primary {
background-color: #57AB62;
color: #fff;
border-color: #57AB62; }
body.white .create-new-profile hr {
border-color: #ccc; }
body.white .create-new-profile .avatar-form .file-area .jcf-fake-input span {
border-color: #dee8ec; }
body.white .create-new-profile .birthday .control-label {
color: #444; }
body.white .create-new-profile .avatar-load {
background: transparent; }
body.white .create-new-profile #id_about {
background-color: #fff;
border: 1px solid #dee8ec;
color: #444; }
body.white .create-new-profile .btn-create-full,
body.white .create-new-profile .btn-create-full:hover,
body.white .create-new-profile .grey:hover {
color: #fff;
background: #3b8fb4; }
body.white .create-new-profile .grey {
background-color: #dee8ec;
color: #666; }
body.white .create-new-profile .block-holder {
background-color: #fff;
border-color: #eaeaea;
color: #18202c; }
body.white .create-new-profile input::-webkit-input-placeholder {
color: #999; }
body.white .create-new-profile input:-moz-placeholder {
color: #999; }
body.white .create-new-profile input::-moz-placeholder {
color: #999; }
body.white .create-new-profile input:-ms-input-placeholder {
color: #999; }
body.white #page-section {
border-bottom-color: #dedede; }
body.white #page-section li a {
background-color: #dedede;
color: #444; }
body.white #page-section li a strong {
border-right-color: #f1f1f1; }
body.white #page-section li a #online-obshenie {
background: url("/static/img/external/ext_about_def.png") no-repeat scroll center; }
body.white #page-section li a #blog {
background: url("/static/img/external/blog_def.png") no-repeat scroll center; }
body.white #page-section li a #soobshestvo {
background: url("/static/img/external/soobshestvo_def.png") no-repeat scroll center; }
body.white #page-section li a #privatniy-chat {
background: url("/static/img/external/privatniy-chat_def.png") no-repeat scroll center; }
body.white #page-section li a #upravlenie-komandoy {
background: url("/static/img/external/upravlenie-komandoy_def.png") no-repeat scroll center; }
body.white #page-section li a #skritiy-profil {
background: url("/static/img/external/skritiy-profil_def.png") no-repeat scroll center; }
body.white #page-section li a #internet-platforma {
background: url("/static/img/external/internet-platforma_def.png") no-repeat scroll center; }
body.white #page-section li a #anonimnoe-obshenie {
background: url("/static/img/external/anonimnoe-obshenie_def.png") no-repeat scroll center; }
body.white #page-section li a:hover {
background-color: #227fab;
color: #fff; }
body.white #page-section li a:hover #online-obshenie {
background: url("/static/img/external/ext_about.png") no-repeat scroll center; }
body.white #page-section li a:hover #blog {
background: url("/static/img/external/blog.png") no-repeat scroll center; }
body.white #page-section li a:hover #soobshestvo {
background: url("/static/img/external/soobshestvo.png") no-repeat scroll center; }
body.white #page-section li a:hover #privatniy-chat {
background: url("/static/img/external/privatniy-chat.png") no-repeat scroll center; }
body.white #page-section li a:hover #upravlenie-komandoy {
background: url("/static/img/external/upravlenie-komandoy.png") no-repeat scroll center; }
body.white #page-section li a:hover #skritiy-profil {
background: url("/static/img/external/skritiy-profil.png") no-repeat scroll center; }
body.white #page-section li a:hover #internet-platforma {
background: url("/static/img/external/internet-platforma.png") no-repeat scroll center; }
body.white #page-section li a:hover #anonimnoe-obshenie {
background: url("/static/img/external/anonimnoe-obshenie.png") no-repeat scroll center; }
body.white #page-section .active a {
background-color: #227fab;
color: #fff; }
body.white #page-section .active a #online-obshenie {
background: url("/static/img/external/ext_about.png") no-repeat scroll center; }
body.white #page-section .active a #blog {
background: url("/static/img/external/blog.png") no-repeat scroll center; }
body.white #page-section .active a #soobshestvo {
background: url("/static/img/external/soobshestvo.png") no-repeat scroll center; }
body.white #page-section .active a #privatniy-chat {
background: url("/static/img/external/privatniy-chat.png") no-repeat scroll center; }
body.white #page-section .active a #upravlenie-komandoy {
background: url("/static/img/external/upravlenie-komandoy.png") no-repeat scroll center; }
body.white #page-section .active a #skritiy-profil {
background: url("/static/img/external/skritiy-profil.png") no-repeat scroll center; }
body.white #page-section .active a #internet-platforma {
background: url("/static/img/external/internet-platforma.png") no-repeat scroll center; }
body.white #page-section .active a #anonimnoe-obshenie {
background: url("/static/img/external/anonimnoe-obshenie.png") no-repeat scroll center; }
body.white .file-area .jcf-fake-input {
background: #fff;
border: 1px solid #aaa; }
body.white .file-area .jcf-fake-input span {
color: #444 !important; }
body.white .file-area .jcf-upload-button {
background: #227fab; }
body.white .file-area .jcf-upload-button span {
color: #fff !important; }
.cf {
display: block; }
.tc {
text-align: center; }
.div-1000 {
display: block; }
.div-999 {
display: none; }
.db-notice {
display: none; }
@media only screen and (min-width: 1240px) {
body #page-container.reg-holder {
left: 10.5%; }
body #bg .video-block {
right: 35%;
margin: 0 -375px 0 0; } }
@media only screen and (min-width: 1170px) {
body .index-page .container {
width: 1170px; }
body .index-page .clients-cont {
width: 100%; } }
@media only screen and (max-width: 999px) {
body .container {
width: auto; } }
@media only screen and (max-width: 767px) {
body .dn-notice {
display: none; }
body .db-notice {
display: block; }
body #termsAndPrivacy {
width: 90vw;
margin-left: 2vw; }
body #termsAndPrivacy .tab-nav {
margin-bottom: 10px; }
body #termsAndPrivacy .tab-nav .button {
margin: 0 10px 10px 0; }
body #termsAndPrivacy .tab-content {
max-height: calc(80vh - 290px); } }
@media only screen and (max-width: 639px) {
body #header.mobile .container {
padding: 15px 16px; }
body #header.mobile .exit {
margin: -1px -22px -3px 0; }
body #header.mobile .exit svg {
width: 22px;
height: 22px; }
body #header.mobile h1 {
font-size: 14px;
line-height: 20px;
padding: 0 26px; }
body #header.ext-mod .container {
padding: 0 14px;
height: 100%; }
body #header.ext-mod .brand {
width: 110px;
height: 30px;
display: block;
margin: 0; }
body #header.ext-mod .brand svg {
width: 110px;
height: 30px; }
body #header.ext-mod .exit {
padding: 0; }
body .reg-form-holder {
padding: 14px;
width: auto; }
body.white #page-container #activation_note {
border-radius: 10px;
font-size: 12px;
line-height: 16px;
margin: 0 0 14px;
padding: 16px 16px 16px 16px; }
body.white #page-container #activation_note .act-icon {
width: 30px;
height: 30px;
margin-right: 16px; }
body.white #page-container #activation_note .close-btn {
right: 10px;
top: 10px; }
body.white #page-container .create-profile-block {
padding: 14px;
border-radius: 10px; }
body .create-profile,
body .create-company {
font-size: 14px;
line-height: 22px;
margin: 0 0 16px; }
body .create-new-profile .span9 {
padding-left: 0; }
body .create-new-profile .name,
body .create-new-profile .surname {
display: none; }
body .create-new-profile input {
margin-bottom: 12px; }
body .create-new-profile .genderChoice,
body .create-new-profile .commTypeChoice {
margin: 4px 0; }
body .create-new-profile .genderChoice li,
body .create-new-profile .commTypeChoice li {
float: none;
width: 100%;
margin: 0 0 12px;
overflow: hidden; }
body .create-new-profile .commTypeChoice li {
float: left;
width: 48%;
margin-left: 4%; }
body .create-new-profile .commTypeChoice li:first-child {
margin: 0; }
body .create-new-profile .month {
width: 110px;
margin-right: 10px; }
body .create-new-profile .days {
width: 60px;
margin-right: 10px; }
body .create-new-profile .year {
width: 73px; }
body .create-new-profile .month,
body .create-new-profile .days,
body .create-new-profile .year {
float: left; }
body .create-new-profile .select2-container .select2-choice {
padding: 8px 0 8px 8px; }
body .create-new-profile .select2 {
margin-bottom: 12px; }
body .create-new-profile .tab-menu {
margin-bottom: 16px; }
body .create-new-profile p {
margin-bottom: 15px; }
body .reg-mobile #external-alt-bg {
padding: 20px 16px 0; }
body .reg-mobile .create-new-profile .row {
margin: 0 0 14px; }
body .reg-mobile .create-new-profile .text-error {
font-size: 12px; }
body .reg-mobile .create-new-profile .text-error.active {
margin-bottom: 10px; }
body .reg-mobile .create-new-profile .select-holder {
border-width: 1px;
border-radius: 5px;
margin-bottom: 10px; }
body .reg-mobile .create-new-profile .select-holder .arrow {
width: 11px;
height: 11px;
right: 11px;
top: 11px; }
body .reg-mobile .create-new-profile .select-holder .arrow svg {
width: 11px;
height: 11px; }
body .reg-mobile .create-new-profile input[type="text"],
body .reg-mobile .create-new-profile input[type="password"],
body .reg-mobile .create-new-profile input[type="email"],
body .reg-mobile .create-new-profile input[type="url"],
body .reg-mobile .create-new-profile select {
border-width: 1px;
border-radius: 5px;
padding: 11px 12px;
font-size: 13px;
line-height: 18px; }
body .reg-mobile .create-new-profile input[type="text"],
body .reg-mobile .create-new-profile input[type="password"],
body .reg-mobile .create-new-profile input[type="email"],
body .reg-mobile .create-new-profile input[type="url"] {
margin-bottom: 10px; }
body .reg-mobile .create-new-profile label {
font-size: 12px;
line-height: 14px;
margin: 0 0 12px; }
body .reg-mobile .create-new-profile select {
font-size: 14px;
padding: 9px 22px 9px 12px; }
body .reg-mobile .create-new-profile .btn-create {
padding: 12px;
font-size: 13px;
line-height: 20px;
border-radius: 5px; }
body .reg-mobile .create-new-profile #clear-birthday {
width: 20px;
height: 20px;
background-size: 20px;
margin: -3px 0; }
body .reg-mobile .create-new-profile #countries-list li {
width: 32px;
height: 31px;
margin: 0 12px 12px 0;
border-width: 1px;
padding: 1px 4px;
border-radius: 5px; }
body .reg-mobile .create-new-profile #countries-list img {
max-width: 32px; }
body .reg-mobile .create-new-profile .items-list li {
font-size: 11px;
line-height: 12px;
margin: 0 0 5px;
width: 52px;
border-width: 1px;
border-radius: 5px; }
body .reg-mobile .create-new-profile .gender li .icon {
height: 42px;
width: 23px;
margin: 5px auto;
background-size: 500px 650px; }
body .reg-mobile .create-new-profile .gender_male .icon {
background-position: -53px -2px; }
body .reg-mobile .create-new-profile .gender_nonsexual .icon {
background-position: -28px -2px; }
body .reg-mobile .create-new-profile .gender_female .icon {
background-position: -3px -2px; }
body .reg-mobile .create-new-profile .gender_male:hover .icon,
body .reg-mobile .create-new-profile .gender_male.active .icon {
background-position: -53px -47px; }
body .reg-mobile .create-new-profile .gender_nonsexual:hover .icon,
body .reg-mobile .create-new-profile .gender_nonsexual.active .icon {
background-position: -28px -47px; }
body .reg-mobile .create-new-profile .gender_female:hover .icon,
body .reg-mobile .create-new-profile .gender_female.active .icon {
background-position: -3px -47px; }
body .reg-mobile .create-new-profile .help-required {
font-size: 12px; }
body #termsAndPrivacy {
width: 90vw;
margin-left: 2vw; }
body #termsAndPrivacy .modal-header,
body #termsAndPrivacy .modal-body,
body #termsAndPrivacy .modal-footer {
padding: 14px; }
body #termsAndPrivacy .modal-footer .button {
margin-left: 10px; }
body #termsAndPrivacy .tab-nav {
margin-bottom: 0px; }
body #termsAndPrivacy .tab-nav .button {
margin: 0 10px 10px 0; }
body #termsAndPrivacy .button {
font-size: 12px;
padding: 0 7px;
height: 28px;
line-height: 28px;
box-sizing: content-box;
min-width: 0;
flex-shrink: 0; }
body #termsAndPrivacy .check-row .text-block {
font-size: 9px;
line-height: 12px; }
body #termsAndPrivacy .check-row .container {
margin: 2px 8px 0 0; }
body #termsAndPrivacy .tab-content {
max-height: calc(80vh - 285px); }
body #termsAndPrivacy .block-privacy,
body #termsAndPrivacy .block-terms,
body #termsAndPrivacy .block-token {
font-size: 12px; }
body #termsAndPrivacy .block-privacy h1,
body #termsAndPrivacy .block-terms h1,
body #termsAndPrivacy .block-token h1 {
font-size: 22px;
margin-bottom: 12px; }
body #termsAndPrivacy .block-privacy h2,
body #termsAndPrivacy .block-terms h2,
body #termsAndPrivacy .block-token h2 {
font-size: 14px;
margin-bottom: 16px; }
body #termsAndPrivacy .block-privacy p,
body #termsAndPrivacy .block-terms p,
body #termsAndPrivacy .block-token p {
margin-bottom: 12px; }
body #termsAndPrivacy .block-privacy p.add3,
body #termsAndPrivacy .block-terms p.add3,
body #termsAndPrivacy .block-token p.add3 {
margin-bottom: 22px; }
body #termsAndPrivacy .block-privacy .block,
body #termsAndPrivacy .block-terms .block,
body #termsAndPrivacy .block-token .block {
margin-bottom: 10px; }
body #termsAndPrivacy .block-privacy .num-list,
body #termsAndPrivacy .block-terms .num-list,
body #termsAndPrivacy .block-token .num-list {
font-size: 12px;
margin-bottom: 10px; }
body #termsAndPrivacy .block-privacy .num-list li,
body #termsAndPrivacy .block-terms .num-list li,
body #termsAndPrivacy .block-token .num-list li {
margin-bottom: 6px; }
body #termsAndPrivacy .block-privacy ol li,
body #termsAndPrivacy .block-terms ol li,
body #termsAndPrivacy .block-token ol li {
padding-left: 15px; }
body #termsAndPrivacy .block-privacy ul li:after,
body #termsAndPrivacy .block-terms ul li:after,
body #termsAndPrivacy .block-token ul li:after {
width: 6px;
height: 6px;
top: 6px; }
body #termsAndPrivacy .block-terms ul {
margin-bottom: 10px; }
body #termsAndPrivacy .block-terms ul li {
margin-bottom: 14px; }
body #termsAndPrivacy .block-terms ul li .num {
padding: 2px 3px;
margin: 0px 6px 0 0;
font-size: 10px; }
body #termsAndPrivacy .block-terms ul li .heading {
margin-bottom: 8px;
font-size: 12px;
line-height: 17px; } }
.modal-backdrop.in {
background-color: rgba(0, 0, 0, 0.95);
opacity: 1; }
.modal {
top: 0;
margin-top: 10vh !important; }
.check-row {
padding: 0;
overflow: hidden;
/* Create a custom checkbox */ }
.check-row .text-block {
overflow: hidden;
font-size: 13px;
color: #979C9E;
line-height: 18px; }
.check-row .text-block a {
color: #57ab62;
text-decoration: underline; }
.check-row .text-block a:hover, .check-row .text-block a:focus {
color: #57ab62; }
.check-row.error .checkmark {
border-color: red; }
.check-row.error .checkmark:hover {
border-color: red; }
.check-row .morebtn {
color: #57AB62;
cursor: pointer; }
.check-row .morebtn .ico {
width: 9px;
height: 9px;
stroke: #57AB62;
margin: 0 0 -1px 0; }
.check-row .container {
width: auto;
padding: 9px;
float: left;
display: block;
margin: 2px 12px 0 0;
position: relative;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
/* Show the checkmark when checked */
/* Hide the browser's default checkbox */ }
.check-row .container input:checked ~ .checkmark:after {
display: block; }
.check-row .container input {
position: absolute;
opacity: 0;
cursor: pointer; }
.check-row .container input:checked ~ .checkmark:after {
display: none; }
.check-row .container input:checked ~ .checkmark {
border: 1px solid;
background-color: #57ab62;
border-color: #57ab62; }
.check-row .checkmark {
position: absolute;
top: 0;
left: 0;
width: 16px;
height: 16px;
margin: 0 12px 0 0;
border-radius: 5px;
border: 1px solid;
border-color: #dadada;
transition: ease-out 0.3s;
/* Create the checkmark/indicator (hidden when not checked) */ }
.check-row .checkmark:hover {
border-color: #57AB62; }
.check-row .checkmark:after {
content: "";
position: absolute;
display: none; }
.check-row .checkmark svg {
display: block;
width: 16px;
height: 16px; }
#termsAndPrivacy {
width: 82vw;
margin-left: -41vw;
max-height: 80vh;
display: flex;
flex-wrap: wrap; }
#termsAndPrivacy .modal-header,
#termsAndPrivacy .modal-body,
#termsAndPrivacy .modal-footer {
flex-grow: 100; }
#termsAndPrivacy .modal-body {
padding: 20px;
max-height: calc(80vh - 61px - 108px); }
#termsAndPrivacy .tab-nav {
margin-bottom: 20px; }
#termsAndPrivacy .tab-holder ::-webkit-scrollbar {
width: 14px; }
#termsAndPrivacy .tab-holder ::-webkit-scrollbar-track {
background-color: #f1f1f1;
border-radius: 3px; }
#termsAndPrivacy .tab-holder ::-webkit-scrollbar-thumb {
background-color: #57ab62;
border-radius: 3px; }
#termsAndPrivacy .tab-content {
overflow-y: auto;
max-height: calc(80vh - 61px - 108px - 40px - 56px);
border: 1px solid #f1f1f1;
border-radius: 5px; }
#termsAndPrivacy .block-privacy,
#termsAndPrivacy .block-terms,
#termsAndPrivacy .block-token {
padding: 5px;
font-size: 14px;
line-height: 1.3; }
#termsAndPrivacy .block-privacy a,
#termsAndPrivacy .block-terms a,
#termsAndPrivacy .block-token a {
color: #227fab; }
#termsAndPrivacy .block-privacy a.dark,
#termsAndPrivacy .block-terms a.dark,
#termsAndPrivacy .block-token a.dark {
font-weight: 600;
color: #001A00; }
#termsAndPrivacy .block-privacy a.tdu,
#termsAndPrivacy .block-terms a.tdu,
#termsAndPrivacy .block-token a.tdu {
text-decoration: underline; }
#termsAndPrivacy .block-privacy .fwsb,
#termsAndPrivacy .block-terms .fwsb,
#termsAndPrivacy .block-token .fwsb {
font-weight: 600; }
#termsAndPrivacy .block-privacy h1, #termsAndPrivacy .block-privacy h2, #termsAndPrivacy .block-privacy h3,
#termsAndPrivacy .block-terms h1,
#termsAndPrivacy .block-terms h2,
#termsAndPrivacy .block-terms h3,
#termsAndPrivacy .block-token h1,
#termsAndPrivacy .block-token h2,
#termsAndPrivacy .block-token h3 {
color: #57AB62;
margin: 0;
line-height: 1.3;
font-weight: 700; }
#termsAndPrivacy .block-privacy h1.add, #termsAndPrivacy .block-privacy h2.add, #termsAndPrivacy .block-privacy h3.add,
#termsAndPrivacy .block-terms h1.add,
#termsAndPrivacy .block-terms h2.add,
#termsAndPrivacy .block-terms h3.add,
#termsAndPrivacy .block-token h1.add,
#termsAndPrivacy .block-token h2.add,
#termsAndPrivacy .block-token h3.add {
margin-bottom: 20px; }
#termsAndPrivacy .block-privacy h1,
#termsAndPrivacy .block-terms h1,
#termsAndPrivacy .block-token h1 {
font-weight: 600;
font-size: 32px;
margin-bottom: 30px; }
#termsAndPrivacy .block-privacy h2,
#termsAndPrivacy .block-terms h2,
#termsAndPrivacy .block-token h2 {
font-size: 18px;
margin-bottom: 20px; }
#termsAndPrivacy .block-privacy h3,
#termsAndPrivacy .block-terms h3,
#termsAndPrivacy .block-token h3 {
font-size: 14px;
color: #2F383C;
margin-bottom: 11px; }
#termsAndPrivacy .block-privacy .block,
#termsAndPrivacy .block-terms .block,
#termsAndPrivacy .block-token .block {
margin-bottom: 40px;
overflow: hidden; }
#termsAndPrivacy .block-privacy p,
#termsAndPrivacy .block-terms p,
#termsAndPrivacy .block-token p {
margin-bottom: 16px; }
#termsAndPrivacy .block-privacy p.add,
#termsAndPrivacy .block-terms p.add,
#termsAndPrivacy .block-token p.add {
margin-bottom: 34px; }
#termsAndPrivacy .block-privacy p.add2,
#termsAndPrivacy .block-terms p.add2,
#termsAndPrivacy .block-token p.add2 {
margin-bottom: 30px; }
#termsAndPrivacy .block-privacy p.add3,
#termsAndPrivacy .block-terms p.add3,
#termsAndPrivacy .block-token p.add3 {
margin-bottom: 50px; }
#termsAndPrivacy .block-privacy .num-list,
#termsAndPrivacy .block-terms .num-list,
#termsAndPrivacy .block-token .num-list {
font-size: 16px;
line-height: 1.3;
font-weight: 700;
margin-bottom: 30px; }
#termsAndPrivacy .block-privacy .num-list a,
#termsAndPrivacy .block-terms .num-list a,
#termsAndPrivacy .block-token .num-list a {
color: #57AB62; }
#termsAndPrivacy .block-privacy .num-list li,
#termsAndPrivacy .block-terms .num-list li,
#termsAndPrivacy .block-token .num-list li {
margin-bottom: 8px; }
#termsAndPrivacy .block-privacy ol,
#termsAndPrivacy .block-terms ol,
#termsAndPrivacy .block-token ol {
overflow: hidden;
margin-bottom: 6px; }
#termsAndPrivacy .block-privacy ol li,
#termsAndPrivacy .block-terms ol li,
#termsAndPrivacy .block-token ol li {
padding-left: 20px;
margin-bottom: 10px; }
#termsAndPrivacy .block-privacy ul,
#termsAndPrivacy .block-terms ul,
#termsAndPrivacy .block-token ul {
padding: 10px 0 0;
margin-bottom: 22px; }
#termsAndPrivacy .block-privacy ul.add,
#termsAndPrivacy .block-terms ul.add,
#termsAndPrivacy .block-token ul.add {
padding: 20px 0 0; }
#termsAndPrivacy .block-privacy ul li,
#termsAndPrivacy .block-terms ul li,
#termsAndPrivacy .block-token ul li {
padding: 0 0 0 19px;
line-height: 1.3;
margin-bottom: 6px;
position: relative; }
#termsAndPrivacy .block-privacy ul li:after,
#termsAndPrivacy .block-terms ul li:after,
#termsAndPrivacy .block-token ul li:after {
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #2F383C;
position: absolute;
left: 0;
top: 11px;
content: " "; }
#termsAndPrivacy .block-privacy footer,
#termsAndPrivacy .block-terms footer,
#termsAndPrivacy .block-token footer {
border-top: 1px solid #e0e0e0;
padding: 30px 0 0;
text-align: center;
font-size: 14px;
color: #2F383C;
line-height: 26px; }
#termsAndPrivacy .block-privacy footer h2,
#termsAndPrivacy .block-terms footer h2,
#termsAndPrivacy .block-token footer h2 {
font-weight: 700;
font-size: 18px;
line-height: 1.3;
color: #2F383C;
margin-bottom: 8px; }
#termsAndPrivacy .block-privacy footer p,
#termsAndPrivacy .block-terms footer p,
#termsAndPrivacy .block-token footer p {
margin-bottom: 8px; }
#termsAndPrivacy .block-privacy footer p.add,
#termsAndPrivacy .block-terms footer p.add,
#termsAndPrivacy .block-token footer p.add {
margin-bottom: 16px; }
#termsAndPrivacy .block-privacy footer a,
#termsAndPrivacy .block-terms footer a,
#termsAndPrivacy .block-token footer a {
color: #2F383C; }
#termsAndPrivacy a {
cursor: pointer; }
#termsAndPrivacy .block-terms ul {
padding: 0; }
#termsAndPrivacy .block-terms ul li {
padding: 0;
margin-bottom: 24px; }
#termsAndPrivacy .block-terms ul li:after {
display: none; }
#termsAndPrivacy .block-terms ul li .heading {
margin-bottom: 12px;
font-weight: 700;
font-size: 14px;
line-height: 22px;
overflow: hidden; }
#termsAndPrivacy .block-terms ul li .num {
padding: 2px 5px;
margin: 0px 10px 0 0;
color: #fff;
background-color: #303644;
font-size: 14px;
line-height: 1.3;
float: left;
border-radius: 5px; }
#termsAndPrivacy .block-terms ul.add2 li .heading {
margin-bottom: 12px; }
#termsAndPrivacy .block-token ul.lett {
padding: 10px 0 10px 30px; }
#termsAndPrivacy .block-token ul.lett li {
padding: 0;
margin-bottom: 20px; }
#termsAndPrivacy .block-token ul.lett li .num {
font-weight: bold;
display: inline-block;
margin-right: 5px; }
#termsAndPrivacy .block-token ul.lett li .lett li:after, #termsAndPrivacy .block-token ul.lett li:after {
display: none; }
#termsAndPrivacy .block-token ul.lett li ul {
padding-left: 20px; }
#termsAndPrivacy .block-token ul.lett li ul li {
padding-left: 20px; }
#termsAndPrivacy .block-token ul.lett li ul li:after {
display: block;
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #2F383C;
position: absolute;
left: 0;
top: 11px;
content: " "; }
#termsAndPrivacy .block-token ul.lett li .lett {
margin-bottom: -40px; }
#termsAndPrivacy .block-token table {
margin-bottom: 50px; }
#termsAndPrivacy .block-token table, #termsAndPrivacy .block-token td {
border: 1px solid #000;
border-collapse: collapse; }
#termsAndPrivacy .block-token table td, #termsAndPrivacy .block-token td td {
padding: 10px;
text-align: center;
vertical-align: top;
font-weight: bold; }
#termsAndPrivacy .block-token table td.wide, #termsAndPrivacy .block-token td td.wide {
text-align: left;
font-weight: normal;
width: 840px; }
.modal-scrollable {
z-index: 1060; }
.modal-scrollable .modal {
border-radius: 5px;
border: none;
width: 448px;
margin-left: -224px;
background-color: #fff;
color: #000; }
.modal-scrollable .modal-header,
.modal-scrollable .modal-footer {
border-color: #eaeaea; }
.modal-scrollable .modal-header {
padding: 20px; }
.modal-scrollable .modal-header h3 {
width: auto;
font-size: 14px;
line-height: 20px;
font-weight: 600;
color: #000; }
.modal-scrollable .modal-footer {
padding: 20px;
justify-content: flex-end;
text-align: left; }
.modal-scrollable .modal-footer.button-group {
display: flex;
align-items: stretch;
flex-wrap: nowrap; }
.modal-scrollable .modal-footer .button {
margin: 0 0 0 20px; }
.modal-scrollable .button-control {
min-width: 78px;
padding: 0 0.75rem;
height: 36px;
line-height: calc(36px - 2px); }
.modal-scrollable .button {
display: inline-block;
font-weight: normal;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: middle;
user-select: none;
box-sizing: border-box;
cursor: pointer;
font-size: 1rem;
transition: all 0.15s ease-in;
border-radius: 4px;
border: 1px solid;
background-color: #57ab62;
color: #ffffff;
border-color: #57ab62;
margin-right: 20px; }
.modal-scrollable .modal-body {
padding: 20px 20px 0;
max-height: none;
overflow: visible; }
/*# sourceMappingURL=external_screen.css.map */