a img,
:link img,
:visited img {
    border: none;
}

html,
body {
    scrollbar-color: #51164d #2b0328;
    scrollbar-width: auto;
    background-color: var(--bg-color);
}

.blur {
    filter: blur(10px);
    -webkit-filter: blur(20px);
    opacity: .7;
}

.pink {
    color: #edbaf3;
}

.pink2 {
    color: #f1d6f4;
}

a {
    color: #fff;
    text-decoration: none;
    outline: none;
}

a:hover {
    text-decoration: none;
    outline: none;
}

.underline
{
    text-decoration: underline;
}

body,
td {
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', Arial, Verdana, sans-serif;
    font-size: 11px;
    font-display: auto;
    font-weight: 400;
    color: #bbaabc;
    position: relative;
}

::selection {
    background: #6f326f;
    color: white;
}

.container,
#container {
	width: 1185px;
    margin: 0 auto;
}

#container {
    display: flex;
    align-items: flex-start;
}

#container.hide_lewa #lewa {
    display: none;
}

#container.hide_lewa #body {
    width: 100%;
    margin: 0;
}

.noborder {
    border: 0px;
}

.text-center {
    text-align: center;
}

strong {
    font-weight: 600;
}

.semi-bold {
    font-weight: 600;
}

.bold {
    font-weight: 700;
}

.link_underline {
    text-decoration: underline;
    text-decoration-color: #ffffff66;
}

#main {
    background-color: var(--bg-color);
}

#top {
    position: relative;
    padding-bottom: 0px;
    margin-bottom: 0px;
    box-sizing: border-box;
}

#top #homepage {
    text-decoration: none;
    text-align: center;
    position: relative;
    display: inline-flex;
    align-items: center;
}

#top #homepage .logo-wrozbyonline-kula {
    height: 40px;
    margin-right: 10px;
}

#top #homepage .logo-wrozbyonline-napis {
    height: 24px;
    margin-right: 5px;
    margin-top: 3px;
}

#top #homepage .logo-14lat {
    /*proporcja 1.34*/
    width: 67px;
    height: 50px;
    margin-top: -4px;
    margin-bottom: 8px;
}

#top #top_top .container {
    position: relative;
}

#top #top_top #top_all {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 4000;
    background: var(--kolor);
}

#top #top_top #top_szukaj {
    order: 1;
}

#top #top_top #menu_top_links {
    text-align: center;
}

#top #top_top #menu_top_links {
    text-align: center;
}

#top #top_top #menu_top_links_scroll {
    text-align: center;
    display: flex;
    align-items: center;
}

nav.menu_rozwijane li {
    display: inline-block;
}

nav.menu_rozwijane li a {
    display: inline-block;
    padding: 0 8px 0 0;
    color: #F2D6FF;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    margin-right: 8px;
}

nav.menu_rozwijane li:not(.no-desktop).ext > a {
    background: url('../images/Xzlderki1pIY.svg') no-repeat;
    background-position: right center;
    background-size: 13px;
    padding-right: 20px;
}

nav.menu_rozwijane li a:hover {
    color: var(--kolor-y);
    transition: .3s;
    text-decoration: none;
}

nav.menu_rozwijane li:not(.no-desktop).ext > a:hover  {
    background-image: url('../images/BOoC9Yk4Gt3Q.svg');
}

nav.menu_rozwijane li a.active {
    color: var(--kolor-y);
}

nav.menu_rozwijane li a img {
    vertical-align: baseline;
    padding-left: 5px;
    padding-bottom: 2px;
}

nav.menu_rozwijane ul ul {
    display: none;
}

nav.menu_rozwijane ul li:not(.no-desktop):hover>ul {
    display: block;
}

nav.menu_rozwijane ul ul {
    border-radius: 0px;
    padding: 0px;
    position: absolute;
    z-index: 1000;
    text-align: left;
    margin: 0px;
    border-top: 20px solid var(--kolor);
    background-color: #A959BC;
    border-radius: 0 0 8px 8px;
    margin-left: -15px;
}

nav.menu_rozwijane ul ul li {
    float: none;
    position: relative;
    display: block;
    margin: 0px;
    border-right: 0px;
    text-align: center;
    border-bottom: 1px solid #d298dc;
}

nav.menu_rozwijane ul ul li:last-of-type {
    border-bottom: 0;
}

nav.menu_rozwijane ul ul li a {
    display: block;
    padding: 11px 22px;
    font-size: 14px;
    white-space: nowrap;
    color: #fff;
    text-transform: none;
    font-weight: 500;
}

#top #top_top #menu_top_top {
    text-align: center;
}

#top #top_top #menu_top_top a.button {
    min-width: 137px;
}

.rejestracja_logowanie {
    display: flex;
    justify-content: center;
    text-align: center;
    padding: 8px 0;
}

.rejestracja_logowanie .button {
    min-width: 138px;
}

.button {
    margin: 0 0;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    padding: 10px 12px;
    white-space: nowrap;
    box-sizing: border-box;
    min-width: auto;
}

.button.fix_width
{
    min-width: 140px;
}

#top_top {
    background: var(--kolor);
    transition: .5s;
    margin-bottom: 5px;
    position: relative;
    z-index: 4000;
}

#top_top.top_fixed {
    position: fixed;
    top: 0;
    width: 100%;
    transition: .5s;
    box-shadow: 0px 3px 10px rgb(0 0 0 / 80%);
}

#top #top_top.top_fixed #homepage span {
    display: none;
}

#top #columns.top_fixed {
    padding-top: 95px;
}

#top #columns {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

#top #columns>div {
    box-sizing: border-box;
}

#top #info_lewa {
    color: #fff;
    padding: 0px 0px 6px 0px;
    text-align: center;
    width: 100%;
    margin-top: -3px;
}

#top #info_lewa p {
    font-size: 14px;
    line-height: 160%;
}

#top #info_lewa a {
    font-size: 20px;
    padding: 15px 20px;
}

#top #info_lewa a.display_mobile {
    display: none;
}

#szukaj_mobile {
    cursor: pointer;
    width: 36px;
}

#top #szukaj_top {
    flex-grow: 1;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}

#top #szukaj_top img {
    vertical-align: top;
    width: 300px;
    -webkit-filter: drop-shadow(0px 0px 70px #8f2ba6);
    filter: drop-shadow(0px 0px 70px #8f2ba6);
}

#top #szukaj_top #szukaj_kategorie {
    padding: 20px 30px;
    display: flex;
    justify-content: space-between;
}

#top #szukaj_top #szukaj_kategorie a {
    font-size: 14px;
    color: #edbaf3;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
}

#top #szukaj_top #szukaj_kategorie a span.icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 10px;
}

#top #szukaj_top #szukaj_kategorie a:hover {
    color: var(--kolor-y);
    text-decoration: none;
    text-shadow: 0px 0px 10px rgba(151, 26, 180, 1);
}

#top #prawa_top {
    max-width: 300px;
    text-align: center;
    margin-top: -20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

#top #prawa_top h4 {
    font-size: 18px;
    color: #fff;
}

#top #prawa_top img {
    margin: 10px 0;
    max-width: 80px;
}

#top #prawa_top p {
    color: #fff;
    font-style: italic;
    font-size: 16px;
    position: relative;
    padding-left: 20px;
}

#top #prawa_top p::before {
    content: "\201C";
    position: absolute;
    font-family: Georgia, Times New Roman, Times, serif;
    font-size: 80px;
    top: -20px;
    left: -20px;
    z-index: 0;
    opacity: 1;
    color: rgba(143, 43, 166, .5);
}

#top #prawa_top a {
    display: inline-block;
    color: var(--kolor-y);
    font-size: 14px;
    margin-top: 10px;
    font-weight: 600;
}

#top #prawa_top a:hover {
    color: #ffc2fe;
    text-decoration: none;
}

#main #top #info_prawa {
    align-self: flex-start;
}

#main.minimal_top #top #info_prawa {
    text-align: right;
}

#main.minimal_top #top #info_prawa picture {
    width: 150px;
    margin-right: 50px;
}

#mainlink {
    display: block;
    height: 95px;
    width: 255px;
}

.display_mobile,
.display_mobile_inline {
    display: none;
}

.display_none {
    display: none;
}

#menu {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: url('../images/iUe3cgrhpz6h.png') repeat-x #3f0840;
    border-radius: 10px 10px 0px 0px;
    text-align: center;
}

#top #menu a {
    display: inline-block;
    height: 40px;
    vertical-align: top;
    outline: none;
    color: #fff;
    padding: 0px 17px;
    line-height: 40px;
    font-size: 16px;
    text-shadow: 1px 1px 1px #000;
    font-weight: 600;
}

#top #menu a:hover {
    text-decoration: none;
    background-position: 0px 10px;
    background-repeat: no-repeat;
    outline: none;
    color: #fabf1e;
    transition: .3s;
}

#top #menu a.active {
    margin-top: -3px;
    height: 43px;
    line-height: 43px;
    background: url('../images/28xyHBerbnvG.png') repeat-x var(--kolor-y);
    color: #4a114a;
    text-shadow: 1px 1px 1px #fff;
    border-radius: 6px 6px 0px 0px;
}

#top a.polec_znajomemu {
    background: url('../images/OLVepvxUO7RS.jpg') no-repeat 37px 0px;
    position: absolute;
    top: 6px;
    right: 30px;
    padding-top: 12px;
    color: #bbaabc;
}

#top a.ulubione {
    background: url('../images/2L21Bfci7X74.jpg') no-repeat 37px 3px;
    position: absolute;
    top: 6px;
    right: 140px;
    padding-top: 12px;
    color: #bbaabc;
}

#top #zaloguj {
    color: #bbaabc;
    display: flex;
    justify-content: space-between;
}

#top #zaloguj p.przypomnij_rejestracja {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #3a273b;
    text-align: right;
}

#top #zaloguj p.przypomnij_rejestracja a.a {
    color: #fff;
    background: url('../images/Wy0FhIwriF0A.png') no-repeat;
    display: inline-block;
    vertical-align: middle;
    padding-left: 25px;
    line-height: 105%;
    text-align: left;
}

#top #zaloguj p.przypomnij_rejestracja a.a_rejestracja {
    margin-left: 10px;
    background-position: 0px -23px;
}

#top #zaloguj p.przypomnij_rejestracja a:hover {
    color: var(--kolor-y);
    text-decoration: none;
    transition: .3s;
}

#top #zaloguj p.error {
    text-align: right;
    position: absolute;
    top: 48px;
    right: 0px;
    white-space: nowrap;
}

#top #zaloguj label {
    color: #a82fa3;
    line-height: 24px;
    font-size: 14px;
    display: inline-block;
    float: none;
}

#top #zaloguj input {
    border-width: 0px;
    font-size: 13px;
    padding: 3px 6px;
    width: 200px;
    color: #fff;
    background: #1d1426;
    margin: 0px;
    border: 1px solid #534856;
}

#top #zaloguj input.submit_login {
    background: #9229a6;
    width: auto;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    margin-left: 90px;
    font-size: 13px;
    font-weight: bold;
    line-height: 100%;
    font-family: Arial;
}

#top #zaloguj input.submit_login:hover {
    background: var(--kolor-y);
    color: #974a6c;
    transition: .3s;
    cursor: pointer;
    text-decoration: none;
}

#top #zaloguj.zalogowany {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

#top #zaloguj.zalogowany p {
    margin: 0 0 0 0px;
}

#top #zalogowany_jako a {
    background-size: 45px;
    background-position: left center;
    text-align: right;
    font-size: 16px;
    height: 45px;
    line-height: 45px;
    padding: 4px 15px 4px 0px;
    font-weight: 600;
    display: inline-block;
    text-transform: uppercase;
}

#top #zalogowany_jako a:hover {
    text-decoration: none;
    transition: .3s;
}

#top #zalogowany_jako a:hover span {
    color: #fff;
}

#top #zalogowany_jako a span {
    color: var(--kolor-y);
}

input,
textarea,
select {
    font-family: 'Open Sans';
    padding: 9px;
    width: 370px;
    color: #631F58;
    margin: 0px;
    background: #fff;
    border: 2px solid #FBD7FD;
    border-radius: 6px;
    font-weight: 500;
    font-size: 15px;
    box-sizing: border-box;
    line-height: 1;
}

input[type=text],
input[type=email]
{
    padding: 7px 9px;
}

textarea {
    vertical-align: top;
}

input.input_error {
    border-color: red;
}

select {
    -webkit-appearance: none;
    background: url('../images/15b7vgkpCTRT.svg') #fff right 12px center no-repeat;
    background-size: 13px;
}

label {
    text-align: right;
    padding: 0px;
    font-weight: 600;
    color: #fff;
}

label.lbl {
    display: block;
    text-align: center;
    padding-bottom: 15px;
    font-size: 16px;
    font-weight: 700;
}

.logowanie {
    margin: 0 auto;
}

.logowanie div {
    padding-bottom: 5px !important;
    padding-bottom: 3px;
    margin: 0px;
    text-align: right;
}

#status {
    position: absolute;
    bottom: 116px;
    left: 645px;
}

#status a.free {
    border-left: solid green;
    border-left-width: 10px;
    padding-left: 5px;
}

#status a.busy {
    border-left: solid red;
    border-left-width: 10px;
    padding-left: 5px;
}

#lewa {
    width: 340px;
}

body.lewa_large #lewa {
    width: 420px;
}

body.lewa_large #body {
    width: calc(100% - 420px - 5px);
    padding-left: 5px;
}

#body {
    width: calc(100% - 335px);
    position: relative;
    margin-left: 5px;
}

#body.width_100 {
    float: none;
    width: 100%;
}

#body.width_100 .tekst {
    padding: 0;
}

#szukaj {
    text-align: center;
    z-index: 500;
    margin: 30px auto 20px;
}

#szukaj form {
    display: flex;
    align-items: center;
    justify-content: center;
}

#szukaj input {
    background: #A959BC;
    color: #fff;
    font-size: 15px;
    padding: 13px 20px;
    border: 2px solid #FBD7FD;
    width: 280px !important;
    vertical-align: top;
    height: auto;
    border-radius: 5px;
    box-sizing: border-box;
    text-align: center;
    line-height: normal;
    text-align: left;
    margin: 0;
}

#szukaj input::placeholder {
    text-align: center;
    text-transform: uppercase;
    color: #FBD7FD;
    font-weight: 600;
    opacity: .5;
}

#szukaj input:hover,
#szukaj input:focus {
    outline: none;
}

#szukaj_open {
    height: 10px;
    background-color: #A959BC;
    margin-top: -10px;
    width: 280px;
    margin: -10px auto 0;
    display: none;
}

#close_szukaj {
    display: none;
}

.szukaj_opis {
    width: 280px;
    margin: 10px auto;
    color: #fff;
    font-size: 14px;
    line-height: 1.3;
}

#form_szukaj {
    width: 100%;
}

#form_szukaj .szukaj_h {
    text-align: center;
    color: #FBD7FD;
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 13px 5px;
    background-image: url('../images/Xzlderki1pIY.svg');
    background-repeat: no-repeat;
    background-position: right 47px center;
}

#form_szukaj .szukaj_h:hover {
    color: var(--kolor-y);
    cursor: pointer;
}

#form_szukaj .szukaj_h.show+.szukaj_in {
    display: block;
}

#form_szukaj .szukaj_in {
    display: none;
}

#form_szukaj .szukaj_in .row {
    position: relative;
    overflow: hidden;
}

#form_szukaj .szukaj_in .row input {
    position: absolute;
    left: -1000px;
}

#form_szukaj .szukaj_in .row label {
    text-align: center;
    background-color: #A959BC;
    float: none;
    width: 100%;
    padding: 12px;
    box-sizing: border-box;
    border-bottom: 1px solid #cd90d8;
    font-size: 17px;
    font-weight: 500;
    cursor: pointer;
    display: block;
}

#form_szukaj .szukaj_in .row label:first-letter {
    text-transform: uppercase;
}

#form_szukaj .szukaj_in .row:last-child label {
    border: 0;
}

#form_szukaj .szukaj_in .row input:checked+label {
    color: #FF3FE4;
    transition: .3s;
}

#form_szukaj .button_out {
    padding: 30px 30px 50px 30px;
    text-align: center;
}

#form_szukaj .button_out button {
    width: 160px;
}

#user_header {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 6000;
    background-color: #FF3FE4;
    box-shadow: 0px -3px 10px rgb(0 0 0 / 30%);
}

#user_header .container {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    border-left: 2px solid #990d86;
    border-right: 2px solid #ff87ef;
}

#user_header a,
#user_header .stan {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
}

#user_header a.display_mobile {
    display: none;
}

#user_header a#moje_konto_top,
#user_header .stan,
#user_header a.doladuj,
#user_header #ulubieni_top,
#user_header a.wiadomosci_od_portalu
{
    width: 25%;
    border-right: 2px solid #990d86;
    border-left: 2px solid #ff87ef;
    color: #3D093B;
    font-size: 16px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 0;
    font-weight: 600;
    padding: 2px 0 2px 0;
    white-space: nowrap;
}

#user_header a:hover,
#user_header a.active
{
    text-decoration: none;
    background-color: #fca5fd !important;
}

#user_header.add_news #ulubieni_top
{
    width: auto;
    padding-left: 20px;
    padding-right: 10px;
}

#user_header img.icon
{
    margin-right: 10px;
    max-height: 25px;
    padding: 4px 0;
}

#user_header .stan {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #3D093B;
    min-width: 200px;
    position: relative;
    padding: 0px;
}

#user_header .stan img.icon {
    max-height: 15px;
    padding: 0;
    vertical-align: top;
    margin-right: 5px;
}

#user_header .stan>span {
    padding-bottom: 3px;
}

#user_header .stan .punkty {
    font-size: 14px;
    white-space: nowrap;
    text-transform: lowercase;
    font-weight: 600;
    line-height: 1;
}

#user_header .stan .punkty strong {
    font-weight: 600;
    font-size: 14px;
}

#user_header .stan .blokada {
    font-size: 9px;
    padding: 3px;
    text-align: center;
    white-space: wrap;
}

#user_header .stan_n {
    display: flex;
    align-items: center;
}

.red {
    color: red;
}

#user_header a.wiadomosci_od_portalu span.ile {
    background-color: #F91717;
    display: inline-block;
    border-radius: 50%;
    border: 1.5px solid black;
    color: #fff;
    font-size: 14px;
    text-align: center;
    width: 23px;
    height: 23px;
    line-height: 21px;
    margin-right: 10px;
}

#user_header_right
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 395px);
}

#komunikaty ul .krotkie {
    text-align: right;
}

#komunikaty ul .krotkie a:hover {
    text-decoration: none;
    color: var(--kolor-y);
}

#komunikaty ul .krotkie span {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    background: #9322a8;
    border-radius: 50%;
    text-align: center;
    vertical-align: center;
    margin-left: 5px;
}

#komunikaty ul .krotkie a.act span {
    background: #970008;
}


#bottom {
    padding: 20px 5px 5px 5px;
    margin: 0 auto;
    overflow: hidden;
    height: 100%;
    clear: both;
    color: #1b011c;
}

#bottom_in {
    margin: 40px auto 0;
    display: flex;
    justify-content: space-between;
    border-top: 2px solid #9c719d;
    padding: 30px 0 10px;
}

#bottom_in .b_menu {
}

#bottom_in .b_center {
    text-align: center;
}

#bottom_in .b_right {
    text-align: right;
}

#bottom a {
    color: #fff;
    font-weight: normal;
}

#bottom_in a {
    color: #F2D6FF;
    font-weight: 400;
    font-size: 14px;
}

#bottom_in a:hover {
    color: #edbaf3;
    text-decoration: none;
}

#bottom_in h3,
#bottom_in h4,
#bottom_in .b_menu > a {
    background: none;
    padding-left: 0px;
    padding-top: 4px;
    height: 22px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    font-size: 15px;
    color: #F2D6FF;
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer;
    display: block;
}

#bottom_in li {
    list-style-type: none;
    padding-left: 0px;
    padding-top: 8px;
    padding-bottom: 8px;
    background: none no-repeat 8px 2px;
    font-size: 17px;
}

#sticker {
    position: absolute;
    bottom: -20px;
    right: -70px;
}

#stopka {
    margin: 20px auto 40px;
    padding: 20px;
    color: #F2D6FF;
    text-align: center;
    clear: both;
    position: relative;
    line-height: 1.5;
    font-size: 12px;
}

#stopka a {
    color: #F2D6FF;
}

#lewa h1 span.active {
    color: var(--kolor-y);
}

#lewa #menu_klient {
    padding-top: 10px;
}

#lewa #menu_klient h1.standard_header{
    font-size: 18px;
}

#lewa .menu_lewe {
    padding: 10px 0px;
    border-radius: 8px;
}

#lewa .menu_lewe a {
    display: block;
    font-size: 18px;
    padding-left: 25px;
    padding-top: 4px;
    padding-bottom: 12px;
    background-repeat: no-repeat;
    background-image: url('../images/O2mrLNvEbtoz.svg');
    background-position: 0px 10px;
    outline: none;
    color: #fff;
    border-radius: 6px;
    line-height: 1.3;
}

#lewa .menu_lewe a span.ile {
    background-color: #FBD7FD;
    display: inline-flex;
    min-width: 28px;
    height: 28px;
    justify-content: center;
    align-items: center;
    border-radius: 13px;
    color: #971AB4;
    font-weight: 700;
    float: right;
    margin-right: 20px;
}

#lewa .menu_lewe a:hover,
#lewa .menu_lewe a.active {
    color: var(--kolor-y);
    text-decoration: none;
    background-repeat: no-repeat;
}

#lewa .menu_lewe a.display_mobile {
    display: none;
}

#lewa .menu_lewe a:hover span {
    color: #1e061e;
}

#lewa .menu_lewe #a_telefon,
#lewa .menu_lewe #a_call {
    background-position: 0px 0px;
}

#lewa .menu_lewe #a_telefon.promocja {
    background-image: url('../images/TLWHFHl9jdD2.jpg') !important;
    padding-left: 40px;
}

#lewa .menu_lewe #a_email,
#lewa .menu_lewe #a_informacja {
    background-position: 0px -26px;
}

#lewa .menu_lewe #a_chat {
    background-position: 0px -52px;
}

#lewa .menu_lewe #a_chat.promocja {
    background-image: url('../images/PodEFqPEIJKO.jpg') !important;
    background-position: 0px 0px;
    padding-left: 40px;
}

#lewa .menu_lewe #a_smschat,
#lewa .menu_lewe #a_gsm {
    background-position: 0px -78px;
}

#lewa .menu_lewe #a_audioteks {
    background-position: 0px -104px;
}

#lewa .menu_lewe #a_imprezy {
    background-position: 0px -130px;
}

#lewa .menu_lewe #a_salonik {
    background-position: 0px -156px;
}

#lewa .menu_lewe #a_kamera,
#lewa .menu_lewe #a_videochat {
    background-position: 0px -182px;
}

#lewa .menu_lewe #a_nowi {
    background-position: 0px -234px;
}

#lewa .menu_lewe #a_promocyjni {
    background-position: 0px -260px;
}

#lewa .menu_lewe #a_stali {
    background-position: 0px -208px;
}

#lewa .menu_lewe #a_felietony {
    background-position: 0px -416px;
}

#lewa .menu_lewe #a_serwisy {
    background-position: 0px -390px;
}

#lewa .menu_lewe #a_warsztaty_ezoteryczne {
    background-image: url('../images/vUdqlrd2nOQP.jpg');
}

#lewa .menu_lewe #a_wieczor {
    background-position: 0px -312px;
}

#lewa .menu_lewe #a_targi {
    background-position: 0px -442px;
}

#lewa .menu_lewe #a_sklep {
    background-position: 0px -468px;
}

#lewa .menu_lewe #a_audiovideo,
#lewa .menu_lewe #a_archiwum {
    background-position: 0px -338px;
}

#lewa .menu_lewe #a_andrzejki {
    background-position: 0px -364px;
}

#lewa .menu_uslug {
    text-align: center;
    padding: 10px;
    background: #2d0139;
}

#lewa .menu_uslug a {
    float: left;
    width: 33%;
    height: 90px;
    text-align: center;
    color: #dd5cc8;
    font-size: 13px;
    vertical-align: top;
    line-height: 120%;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 400;
    border-right: 1px solid #492051;
    border-bottom: 1px solid #492051;
}

#lewa .menu_uslug a:nth-of-type(3),
#lewa .menu_uslug a:nth-of-type(6),
#lewa .menu_uslug a:nth-of-type(9) {
    border-right: 0px;
}

#lewa .menu_uslug a:nth-of-type(7),
#lewa .menu_uslug a:nth-of-type(8),
#lewa .menu_uslug a:nth-of-type(9) {
    border-bottom: 0px;
}

.profil_first_h1 {
    padding-bottom: 15px;
}

.button.rezygnacja {
    background: #D0142D;
    line-height: 1.4;
    padding: 5px 15px;
}

#lewa .menu_uslug a span,
#menu_top a span,
span.duze_ikony_uslug {
    display: inline-block;
    width: 56px;
    height: 56px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 56px 38px;
}

#lewa .menu_uslug a#a_email span,
#menu_top a#a_top_email span,
span.duze_ikony_uslug.email {
    background-image: url('../images/NGXv4IvDjvgt.svg');
    background-size: 56px 34px;
}

#lewa .menu_uslug a#a_telefon span,
#menu_top a#a_top_callback span,
span.duze_ikony_uslug.telefon {
    background-image: url('../images/0pri1xoji1Ww.svg');
}

#lewa .menu_uslug a#a_chat span,
#menu_top a#a_top_chat span,
span.duze_ikony_uslug.chat {
    background-image: url('../images/CDDRl0yN74un.svg');
}

#lewa .menu_uslug a#a_smschat span,
#menu_top a#a_top_sms span,
span.duze_ikony_uslug.smschat {
    background-image: url('../images/0RbZ2Ww0YVBP.svg');
}

#lewa .menu_uslug a#a_call span,
#lewa .menu_uslug a#a_audioteks span,
#menu_top a#a_top_telefon span,
span.duze_ikony_uslug.call,
span.duze_ikony_uslug.audioteks {
    background-image: url('../images/fzjFTIcriRHR.svg');
}

#lewa .menu_uslug a#a_imprezy span,
span.duze_ikony_uslug.imprezy {
    background-position: 0px -240px;
}

#lewa .menu_uslug a#a_salonik span,
span.duze_ikony_uslug.salonik,
span.duze_ikony_uslug.pokoj {
    background-position: 0px -300px;
}

#lewa .menu_uslug a#a_kamera span,
span.duze_ikony_uslug.videochat,
span.duze_ikony_uslug.kamera {
    background-position: 0px -480px;
}

#lewa .menu_uslug a#a_promocyjni span {
    background-position: 0px -540px;
}

#lewa .menu_uslug a:hover {
    color: #d9a0eb;
    transition: .3s;
    text-decoration: none;
}

span.male_ikony_uslug {
    display: inline-block;
    width: 42px;
    height: 26px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    margin: 1px 0;
}

span.male_ikony_uslug.email {
    background-image: url('../images/kK8zFyZ4cF16.svg');
}

/*span.male_ikony_uslug.email.active {
    background-image: url('../../images/gfx/ikony_uslugi/email_active.svg?5');
}*/

span.male_ikony_uslug.email.mod {
    background-image: url('../images/EU0D9KkDMgOG.svg');
}

span.male_ikony_uslug.telefon {
    background-image: url('../images/iEkQNud1nRp0.svg');
}

/*span.male_ikony_uslug.telefon.active {
    background-image: url('../../images/gfx/ikony_uslugi/telefon_active.svg?5');
}*/

span.male_ikony_uslug.chat {
    background-image: url('../images/5NHiv2GRPlOe.svg');
}

/*span.male_ikony_uslug.chat.active {
    background-image: url('../../images/gfx/ikony_uslugi/chat_active.svg?5');
}*/

span.male_ikony_uslug.chat.mod {
    background-image: url('../images/S1bhTKTF7ali.svg');
}

span.male_ikony_uslug.smschat {
    background-image: url('../images/6PA8gyOp1jAf.svg');
}

/*span.male_ikony_uslug.smschat.active {
    background-image: url('../../images/gfx/ikony_uslugi/smschat_active.svg?5');
}*/

span.male_ikony_uslug.smschat.mod {
    background-image: url('../images/In4wSjt7oyUy.svg');
}

span.male_ikony_uslug.call {
    background-image: url('../images/pjnfnWfXAhEq.svg');
}

/*span.male_ikony_uslug.call.active {
    background-image: url('../../images/gfx/ikony_uslugi/call_active.svg?5');
}*/

span.male_ikony_uslug.audioteks {
    background-image: url('../images/F1uM6QQlTSQU.svg');
}

/*span.male_ikony_uslug.audioteks.active {
    background-image: url('../../images/gfx/ikony_uslugi/audioteks_active.svg?5');
}*/

span.male_ikony_uslug.call.mod,
span.male_ikony_uslug.audioteks.mod {
    background-image: url('../images/oNaxoksHpEZu.svg');
}

span.male_ikony_uslug.porady.mod {
    background-image: url('../images/3innIee5QUxx.svg');
}

span.male_ikony_uslug.ilelat.mod {
    background-image: url('../images/jmyTgIEQtsKV.svg');
}

span.male_ikony_uslug.srednia.mod {
    background-image: url('../images/guAFP8Namdym.svg');
}

span.male_ikony_uslug.zegar.mod {
    background-image: url('../images/ngj60DaKreVo.svg');
}

span.male_ikony_uslug.wyswietlenia.mod {
    background-image: url('../images/nqs9KayKnbPW.svg');
    width: 43px;
}

.error {
    padding-bottom: 10px;
    color: red;
    font-weight: bold;
}

.success {
    padding-bottom: 10px;
    color: green;
    font-weight: bold;
}

div.end_lewa {
    height: 10px;
    font-size: 0px;
    background: #1b011b;
    border-radius: 0px 0px 10px 10px;
    margin-bottom: 10px;
    display: none;
}

.tekst {
    padding: 0;
    position: relative;
    line-height: 150%;
    color: #fff;
    font-size: 13px;
}

.tekst h1,
.tekst h2,
.tekst h3,
.tekst h4,
.tekst h5 {
    font-size: 15px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.4;
}

.standard_header
{
    font-size: 15px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
    padding: 5px 0;
    color: #F2D6FF;
    line-height: 1.4;
}

.tekst .standard_header_big
{
    font-size: 18px;
}

.tekst #h1_najlepsi,
h2.h2_wybierz_znak {
    margin-bottom: 0px;
    background: none;
    font-size: 15px;
    color: #f1d6f4;
    text-transform: uppercase;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 0;
    padding-left: 10px;
    padding-right: 10px;
    border: 0;
    line-height: 1.4;
    text-align: center;
}

.box {
    background: #681A73;
    padding: 18px;
    border-radius: 8px;
    overflow: hidden;
    height: 100%;
    font-size: 16px;
}

.box p {
    font-weight: 400;
}

.box p.semi-bold {
    font-weight: 600;
    font-size: 17px;
}

.box.box_usluga {
    background: var(--kolor);
    border-radius: 5px;
    padding: 10px 25px 10px;
    border: 0;
    margin-bottom: 15px;
}

.box.box_usluga {
    font-weight: 500;
}

.box.box_usluga p {
    margin-bottom: 8px;
}

.box.box_usluga p.small_p {
    font-size: 14px;
}

.box.box_usluga p.small_p a {
    color: #F9DFFF;
}

.box.box_usluga p:last-child {
    margin-bottom: 5px;
}

.box.box_usluga.box_usluga_call,
.box.box_usluga.box_usluga_uzupelnij_numer {
    margin-bottom: 10px;
}

.box.box_usluga.box_usluga_tab {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-bottom: 15px;
}

.box.box_usluga.box_chat p.koszt,
.box.box_usluga.box_callback p.koszt,
.box.box_usluga.box_email p.koszt {
    margin-top: 2px;
    margin-bottom: 0 !important;
}

.box.box_usluga.box_smschat {
    position: relative;
    text-align: center;
    margin-bottom: 8px;
}

.box.box_usluga.box_smschat span.wyslij_sms {
    color: #f1d6f4;
    font-size: 16px;
    text-align: center;
    display: block;
    padding-bottom: 6px;
}

.box.box_usluga.box_smschat span.na_numer {
    font-size: 16px;
    color: #f1d6f4;
    display: block;
    padding-bottom: 6px;
}

.box.box_usluga.box_smschat span.na_numer_out {
    margin-top: 0px;
}

.box.box_usluga .dostepne_srodki {
    text-align: center;
    font-size: 18px;
}

.box.box_usluga .dostepne_srodki strong {
    font-weight: 700;
}

.zacznij_rozmowe {
    text-align: center;
}

#wyslij_wiadomosc_in {
    display: flex;
    padding: 0
}

#wyslij_wiadomosc_in>p {
    margin-left: 25px;
}

#wyslij_wiadomosc_in div>p {
    padding-top: 7px;
}

#wyslij_wiadomosc_in .textareasms {
    height: 65px !important;
}

.wystaw_komentarz p
{
    margin: 10px 0;
}

.wystaw_komentarz .textarea {
    width: 100%;
    height: 100px;
    margin-bottom: 15px;
}

.tekst.tekst_slim {
    max-width: 800px;
    margin: 0 auto;
}

.tekst ul {
    list-style: none;
    padding-top: 5px;
    padding-bottom: 15px;
}

.tekst ul li {
    background: url('../images/PoE5AZ5YxCCh.svg') no-repeat 0px 3px;
    padding-left: 20px;
    padding-bottom: 8px;
    font-size: 16px;
    line-height: 140%;
    margin-left: 10px;
}

.tekst ul li p {
    margin-bottom: 8px;
}

.tekst ol ul li {
    margin-left: 0;
}

.tekst.tekst_regulamin h1.standard_header
{
    font-size: 18px;
}

.tekst.tekst_regulamin p,
.tekst.tekst_regulamin li
{
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
}

.tekst.tekst_regulamin ol ol
{
    margin-top: 10px;
    list-style-type: lower-alpha;
}

.tekst.tekst_regulamin ol > li::marker
{
    font-weight: 600;
}

.tekst.tekst_regulamin li
{
    padding-bottom: 5px;
}

.tekst #profil_opis ul li {
    background: url('../images/69WiSfuASO1N.svg') no-repeat 0px 4px;
    padding-left: 20px;
    color: #edbaf3;
}

.tekst ol {
    padding-left: 20px;
    list-style-type: decimal;
}

p.p_naglowek {
    font-size: 12pt;
    font-weight: bold;
    font-family: Arial;
    color: #fff;
    line-height: 120%;
}

h1.p_pseudonim {
    font-size: 20px;
    line-height: 1.4;
    font-weight: 700;
    color: #F9DFFF;
    padding: 0px 25px 10px 5px;
    margin-top: -5px;
}

p.podpis {
    font-style: italic;
    text-align: right;
}

span.new {
    color: var(--kolor-y);
    font-weight: 600;
}

div.cyfra {
    padding: 8px;
    position: relative;
}

div.osoba .status,
.status span {
    text-transform: uppercase;
    text-align: center;
    clear: both;
}

div.osoba .status span,
.status span {
    display: inline-block;
    border-radius: 0px 0px 5px 5px;
    font-weight: bold;
    font-size: 12px;
    padding: 2px 20px;
}

.status span {
    border-radius: 5px;
    padding: 2px 10px;
}

.status span.zajety {
    color: #fff;
    background: #971ab4;
}

.status span.offline {
    color: #928495;
    background: #4d3857;
}

.status span.online {
    color: #9a4969;
    background: var(--kolor-y);
}

.status .zamow_callback {
    background: #ffbe39;
    padding: 2px 0px !important;
    margin-left: 5px;
}

.status .zamow_callback span {
    background: url('../images/jfb0X1WPY10a.png') center no-repeat;
    width: 15px;
    height: 14px;
    padding: 2px 0 !important;
    vertical-align: top;
}

.status .zamow_callback a {
    padding: 0 7px;
}

span.cyfra {
    font-size: 30px;
    color: #521550;
    padding-right: 5px;
    font-weight: bold;
}

div.cyfra a {
    font-size: 20px;
    font-weight: 600;
}

div.cyfra a:hover {
    text-decoration: none;
    color: #a354a3;
}

div.paginate_z {
    color: #F9DFFF;
    font-size: 18px;
    padding: 10px;
    font-weight: 600
}

div.paginate {
    padding-top: 10px;
    padding-bottom: 5px;
    overflow: hidden;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
}

div.paginate_wiecej.paginate {
    padding-top: 0px;
    padding-bottom: 5px;
}

div.paginate_wiecej.paginate a {
    min-width: 240px;
    box-sizing: border-box;
    margin-top: 0;
}

div.paginate.paginate_panel {
    padding: 10px 0;
}

div.paginate a,
#znajomy a,
#naglowek_opinie a,
.profile_opinie a,
div.paginate span,
#znajomy span,
#naglowek_opinie span,
.profile_opinie span {
    text-transform: uppercase;
    border-radius: 4px;
    font-weight: 700;
    margin: 0 0.5px 5px;
    font-size: 14px;
    background: #7E1E8B;
    color: #fff;
    width: 36px;
    height: 36px;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    aspect-ratio: 1;
}

div.paginate span,
#znajomy span,
#naglowek_opinie span,
.profile_opinie span {
    background: #B955C7;
    color: #fff;
}

div.paginate a:hover,
#znajomy a:hover,
#naglowek_opinie a:hover,
.profile_opinie a:hover {
    text-decoration: none;
    background: var(--kolor-p);
    color: #4d0946 !important;
}

div.paginate.paginate_pink a:hover {
    background-color: #F3B7F7;
}

div.paginate span.z {
    display: inline-block;
    background: none;
    min-width: 70px;
    color: #fff;
    text-transform: lowercase;
}

#naglowek_opinie h3 {
    font-size: 22px;
    margin-top: 20px;
}

#naglowek_opinie a {
    font-family: 'Open Sans';
    float: right;
    margin-top: -13px;
}

table.opinie {
    border-collapse: separate;
    position: relative;
    width: 100%;
}

table.opinie tr td {
    width: 48%;
    vertical-align: top;
    border-bottom: 1px dotted #3a203b;
    padding-top: 10px;
    height: 100%;
    color: #fff;
}

table.opinie tr td.oddziel {
    width: 2%;
    background-color: none;
    border-bottom: 0px;
}

.opinie_hide {
    display: none;
}

#osoby div.osoba_div {
    width: 49%;
    border-top: 15px solid transparent;
    /* 	background-color: #1b011c; */
    vertical-align: top;
    display: inline-block;
}

div.osoba_div .flagi {
    float: right;
    padding-top: 8px;
}

div.osoba_div .flagi img {
    width: 15px;
    margin-left: 5px;
}

#osoby div.first_column {
    margin-right: 2%;
}

div.osoba {
    padding: 0px;
    min-height: 190px;
    height: 190px;
    position: relative;
    background: url('../images/xCTCXDIPty9V.jpg') no-repeat top right;
}

div.osoba .osoba_in {
    height: 162px;
    position: relative;
    background: #4d0946;
}

div.osoba .osoba_in .kamera_on {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1000;
}

div.osoba .osoba_in div.kategorie_dziedziny {
    padding: 5px 0px 10px 0px;
    height: 115px;
    color: #fff;
    line-height: 140%;
    font-size: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    position: relative;
}

div.osoba .osoba_in div.kategorie_dziedziny span.kategoria {
    display: block;
    background-image: url('../images/0yhYbJxtl9CQ.webp');
    background-position: 0px -286px;
    background-repeat: no-repeat;
    text-transform: uppercase;
    color: #fff;
    padding-left: 30px;
    font-size: 11px;
    font-weight: bold;
    line-height: 26px;
    margin-bottom: 0px;
}

body.no-webp div.osoba .osoba_in div.kategorie_dziedziny span.kategoria {
    background-image: url('../images/x12Ko3GlSL8X.png');
}

div.osoba .osoba_in div.kategorie_dziedziny .dziedziny {
    font-size: 10px;
    color: #fbc023;
    font-weight: bold;
    padding-top: 3px;
    line-height: 180%;
}

div.osoba .osoba_in div.kategorie_dziedziny .dziedziny span.dziedzina {
    background: #6a007a;
    color: #fff;
    padding: 0px 4px;
    border-radius: 2px;
    white-space: nowrap;
    display: inline-block;
    margin: 2px 0px;
}

div.osoba .osoba_in span.ocena {
    display: block;
    color: #fff;
}

div.osoba .osoba_in_zdjecie {
    width: 87px;
    margin-right: 10px;
    color: #f7a212;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
}

div.osoba .osoba_in_prawa {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 97px);
}

div.osoba img.foto {
    border: 0px;
    float: left;
    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
    background: #581664;
}

div.osoba .osoba_in_zdjecie:hover img {
    opacity: 0;
    transition: .3s;
}

div.osoba .osoba_in_zdjecie a,
div.osoba .osoba_in_zdjecie span {
    position: absolute;
    top: 26px;
    left: 0px;
    width: 67px;
    padding: 5px 10px;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    display: none;
}

div.osoba .osoba_in_zdjecie span {
    top: 66px;
}

div.osoba .osoba_in_zdjecie a:last-child {
    top: 90px;
}

div.osoba .osoba_in_zdjecie a.no-video:last-child {
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding-top: 60px;
}

div.osoba .osoba_in_zdjecie a:hover {
    color: #f7a212;
    text-decoration: none;
}

div.osoba .osoba_in_zdjecie:hover a,
div.osoba .osoba_in_zdjecie:hover span {
    display: block;
}

div.numer_wierzch {
    padding: 0px 5px 0px 80px;
    display: flex;
    justify-content: space-between;
}

div.osoba div.numer {
    clear: both;
}

div.osoba div.numer,
div.numer_wierzch div.numer {
    background: #3e0739;
    line-height: 20px;
    height: 45px;
    color: #f6c016;
    background: url('../images/9SFXtfzYNofA.jpg') #3e0739 left -10px center no-repeat;
}

div.numer_wierzch.ile_1 {
    line-height: 44px;
}

div.numer_wierzch.ile_0 {
    line-height: 20px;
    font-size: 11px;
    color: #fff;
    background: #3e0739;
    padding: 2px 10px;
}

div.numer_wierzch.ile_0 a {
    color: #f6c016;
}

div.numer_wierzch span.kod_kraju {
    padding: 0px 2px;
    min-width: 25px;
    font-weight: bold;
    display: inline-block;
    color: #f6c016;
    font-size: 16px;
}

div.osoba span.ocena span {
    background: url('../images/XmCiACMl166E.png') no-repeat;
    width: 64px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
}

div.osoba div.numer .koszt {
    color: #f6c016;
    font-size: 11px;
    float: right;
}

div.osoba span.numer a,
div.numer_wierzch span.numer a,
div.numer_wierzch span.numer_a {
    color: #f6c016;
    font-size: 16px;
    font-weight: bold;
    padding-left: 0px;
    margin-left: 0px;
    text-decoration: none;
    cursor: pointer;
}

div.osoba span.bezposredni_numer,
div.numer_wierzch span.bezposredni_numer {
    text-transform: uppercase;
    font-weight: normal;
    font-size: 11px;
}

div.numer_wierzch .tooltip_click_in {
    background: #2e022f;
    padding: 10px 5px;
    bottom: 30px;
    border-radius: 10px;
    border: 2px solid #7a177f;
    width: 325px;
    z-index: 4000;
}

div.numer_wierzch .tooltip_click_in .column {
    width: 45%;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    padding: 5px 10px;
}

div.numer_wierzch .tooltip_click_in .column a {
    margin: 0px;
}

div.numer_wierzch .tooltip_click_in .druga_kolumna {
    width: 55%;
    line-height: 11px !important;
}

div.numer_wierzch .tooltip_click_in .column:first-child {
    border-right: 3px solid #975396;
}

div.numer_wierzch .tooltip_click_in .druga_kolumna a {
    color: #fff;
    font-size: 11px;
    padding: 0px;
    margin: 0px;
}

div.numer_wierzch .tooltip_click_in .druga_kolumna a:hover {
    color: #fec100;
}

div.numer_wierzch .tooltip_click_in .druga_kolumna a span {
    color: #d463d1;
}

div.numer_wierzch .tooltip_click_in .column .koszt {
    float: none;
}

.tooltip_click {
    position: relative;
}

.tooltip_click_in {
    display: none;
    position: absolute;
}

h3#opinie_dol {
    text-align: left;
}

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

div.opinia img {
    position: absolute;
    top: 3px;
    right: 0px;
    float: right;
}

div.opinia a {
    font-size: 14px;
    font-weight: bold;
}

div.opinia a:hover {
    text-decoration: none;
    color: #a354a3;
}

span.data
{
    color: #B955C7;
    font-size: 12px;
}

div.opcje {
    padding: 5px 0px 0px 0px;
}

div.opcje a {
    color: #f2cb88;
    display: inline-block;
    background-image: url('../images/8f3a0wCR81cT.png');
    background-repeat: no-repeat;
    padding-left: 26px;
    line-height: 22px;
    height: 22px;
}

div.opcje a:hover {
    text-decoration: none;
    color: #fff;
    opacity: 0.6;
    transition: .3s;
}

div.opcje .opcja_1 a {
    background-position: 0px -5px;
}

div.opcje .opcja_2 a {
    background-position: 0px -65px;
    padding-left: 28px;
}

div.opcje .opcja_3 a {
    background-position: 0px -35px;
    padding-left: 25px;
}

div.opcje .opcja_4 a {
    background-position: 0px -185px;
    padding-left: 25px;
}

div.opcje .opcja_5 a {
    background-position: 0px -215px;
    padding-left: 25px;
}

div.opcje .opcja_6 a {
    background-position: 0px -95px;
    padding-left: 25px;
}

div.opcje .opcja_7 a {
    background-position: 0px -125px;
}

div.opcje .opcja_8 a {
    background-position: 0px -155px;
}

.paginate {
    text-align: center;
    color: #7E1E8B;
    ;
    font-size: 12px;
}

.paginate a {
    font-size: 12px;
    color: #aaa;
    display: inline-block;
    margin: 2px 0px;
}

/*kontakt*/
#kontakt {
    display: flex;
    padding-top: 30px;
    font-size: 15px;
    line-height: 1.5;
}

#kontakt .column {
    width: 50%;
    margin-bottom: 40px;
}

#kontakt .column.flex {
    display: flex;
    flex-wrap: wrap;
}

#kontakt h1,
#kontakt h4 {
    text-transform: uppercase;
    padding-bottom: 10px;
    margin-top: 12px;
    font-size: 18px;
}

#kontakt span {
    display: inline-block;
    padding-bottom: 8px;
    font-weight: 600;
}

#map_tlo {
    border: 0px;
    clear: both;
    padding-top: 10px;
}

#map_canvas {
    width: 534px;
    height: 354px;
    max-width: calc(100% - 40px);
    overflow: hidden;
    color: #444;
    font-size: 9px;
    margin: 0 auto;
}

#map_canvas a {
    color: #777;
    font-size: 9px;
}

#map_canvas iframe {
    max-width: 100%;
}

#chmurka {
    width: 220px;
    height: 200px;
    text-align: center;
    line-height: 100%;
}

#krs {
    text-align: center;
    font-size: 13px;
    color: #777;
    padding-top: 80px;
    padding-bottom: 10px;
    line-height: 120%;
}

/*end.kontakt*/

.textareasms {
    width: 400px !important;
    height: 100px !important;
    margin: 10px 0;
    background-color: #FBD7FD;
    border: 2px solid #fff;
}

.formularz label {
    display: block;
    width: 230px;
    float: left;
    text-align: right;
    padding-right: 10px;
}

.formularz label.radio {
    display: block;
    width: 30px;
    padding: 0px;
    padding-right: 5px;
}

.box textarea {
    width: 370px;
    height: 200px;
}

.box form>div {
    clear: both;
    padding: 8px 0px;
    font-size: 16px;
    font-weight: 400;
}

.box table,
#payments table {
    width: 100%;
}

.box table tr th,
#payments table tr th {
    background: #9f55a2;
    padding: 3px 6px 3px 6px;
    color: #fbbf1f;
}

.box table tr td,
#payments table tr td {
    padding: 3px 6px 3px 6px;
    text-align: center;
}

.box table tr.mod td,
#payments table tr td {
    background: #36243c;
}

.table {
    margin: 5px 0;
}

.table table {
    width: 100%;
    overflow: hidden;
    font-size: 14px;
    font-weight: 600;
    border-collapse: collapse;
    border-spacing: 2px 0;
}

.table table tr th {
    background: #681A73;
    padding: 12px 6px;
    color: var(--kolor-y);
    text-transform: uppercase;
    font-weight: 600;
    vertical-align: middle;
    border-left: 1px solid #561158;
}

.table table tr td {
    padding: 12px 6px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    vertical-align: middle;
    line-height: 1.4;
    background: #3D093B;
    border-left: 1px solid #561158;
}

.table table tr td:first-of-type,
.table table tr th:first-of-type
{
    border-left: 0;
}

.table table tr.mod td {
    background: #2B0229;
}

.table table tr td .abutton {
    font-size: 14px;
}

.box h2 {
    width: auto;
    float: none;
    clear: both;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    margin: 10px 0;
}

.box .mod {
    font-weight: 400;
    line-height: 1.4;
}

.label {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
}

.button
{
    background: #AD23CC;
    width: auto;
    cursor: pointer;
    color: #fff;
    padding: 9px 10px;
    line-height: 100%;
    display: inline-block;
    border-radius: 5px;
    font-family: 'Open Sans';
    font-size: 15px;
    font-weight: 600;
    border: 0;
    text-align: center;
    box-sizing: border-box;
    margin: 0 2px;
}

.button:hover
{
    text-decoration: none;
   /* background: var(--kolor-p) !important;
    color: #4d0946 !important;*/
    box-shadow: none !important;
}

img.foto {
    margin-right: 10px;
}

img.foto_d {
    float: right;
    margin: 5px;
    border-radius: 8px;
}

img.obrazek,
span.obrazek.duze_ikony_uslug {
    float: right;
    margin: 20px;
}

.ab_powrot {
    position: absolute;
    right: 10px;
    top: 50px;
    color: #aaa;
}

div.pole_lewe {
    background-color: #1b011c;
}

div.pole_lewe_osoba {
    padding: 5px 0 0;
    overflow: hidden;
    height: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 0px;
    margin-bottom: 5px;
}

div.pole_lewe_osoba a {
    width: calc(50% - 4px);
}

div.pole_lewe_osoba img.foto {
    border-radius: 7px;
    width: 100%;
    vertical-align: top;
}

div.pole_lewe_osoba .status_out {
    justify-content: flex-start;
    padding-left: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

div.pole_lewe_osoba .status_profile {
    position: static;
    font-size: 15px;
}

div.pole_lewe_osoba .status_profile span.status {
    flex-grow: unset;
}

div.pole_lewe_osoba a:hover {
    text-decoration: none;
}

div.pole_lewe_osoba a:hover p.p_pseudonim {
    color: #c88ecb;
    transition: .3s;
}

div.pole_lewe_osoba div.pole_lewa_osoba_p {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 50%;
    position: relative;
}

div.pole_lewe_osoba div.pole_lewa_osoba_p .doradca_label
{
    display: flex;
    justify-content: space-between;
    text-align: right;
    padding-left: 5px;
    font-size: 13px;
    font-weight: 600;
    color: #FF3FE4;
}

div.pole_lewe_osoba div.pole_lewa_osoba_p .doradca_label img
{
    width: 68px;
}

div.pole_lewe_osoba #audio
{
    text-align: center;
    line-height: 2.1;
    border-radius: 5px;
    text-transform: uppercase;
    color: #fff;
    background-color: #7E1E8B;
    font-size: 15px;
    font-weight: 600;
    margin-top: 5px;
}

#doradca_profil_bottom h5 {
    font-size: 15px;
    margin: 10px 10px;
    color: #F2D6FF;
    text-align: center;
    font-weight: 600;
}

#statystyki_top {
    color: #fff;
    padding: 15px 0 30px 0;
    text-align: center;
    background: rgba(68, 25, 67, .2);
    border-radius: 10px;
}

#statystyki_top strong {
    padding: 10px 0;
    display: block;
    font-size: 14px;
    font-weight: 600;
}

#statystyki_top strong.fiolet {
    color: #c88ecb;
}

#statystyki_top #ostatnio_online,
#statystyki_top .wyswietlenia {
    color: var(--kolor-y);
    font-size: 16px;
    background: url('../images/35V91PJxw1uN.svg') no-repeat;
    background-size: 20px;
    font-weight: 600;
    padding-left: 30px;
    margin: 10px 0;
    display: inline-block;
}

#statystyki_top .wyswietlenia {
    background-image: url('../images/9XLld0gwxxLe.svg');
    background-size: 24px;
    padding-left: 34px;
}

#statystyki_top .srednia {
    font-size: 20px;
    display: inline-block;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background: var(--kolor-y);
    line-height: 50px;
    color: #741274;
    font-weight: 600;
    box-shadow: 2px 2px 8px rgba(151, 26, 180, .8);
}

.ile_uslug {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 10px;
    padding-left: 0px;
    padding-right: 0px;
}

.ile_uslug span.male_ikony_uslug {
    width: 34px;
    height: 31px;
}

.ile_uslug div {
    width: calc(20% - 10px);
    text-align: center;
    border-radius: 8px;
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 20px;
    font-size: 12px;
    line-height: 1.3;
}

.ile_uslug div span.nazwa,
.ile_uslug div span.ile {
    display: block;
    color: #F9DFFF;
}

.ile_uslug div span.ile {
    font-size: 17px;
    line-height: 22px;
    min-height: 22px;
    font-weight: 600;
    color: var(--kolor-y);
    margin-top: 5px;
    margin-bottom: 9px;
}

.ile_uslug div span#ostatnio_online.ile {
    font-size: 12px;
    line-height: 22px;
    line-height: 1.4;
    min-height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.grafik {
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
}

.grafik>div {
    text-align: center;
    border-radius: 8px;
    width: calc(100% / 7 - 4px);
    box-sizing: border-box;
    padding-bottom: 10px;
    font-weight: 600;
    text-transform: lowercase;
}

.grafik>div div.nazwa {
    background: #681A73;
    padding: 10px 0px;
    border-radius: 5px;
    margin-bottom: 10px;
    color: var(--kolor-y);
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
}

#opinie_update_out {
    background: rgba(68, 25, 67, .2);
    padding: 20px;
    border-radius: 12px;
    margin-bottom: 20px;
}

.center {
    text-align: center;
    padding: 15px;
    overflow: hidden;
    height: 100%;
}

.center_no_padding {
    text-align: center;
}

.left {
    text-align: left;
}

.div_center {
    text-align: center;
}

.gwiazdki {
    text-align: left;
    float: left;
    padding-left: 5px;
    height: 11px;
    padding: 4px;
    font-weight: normal;
}

.gwiazdki img {
    padding-top: 3px;
}

.gwiazdki_ocena {
    text-align: right;
    float: left;
    width: 55px;
    height: 14px;
    clear: left;
    padding: 4px;
    font-weight: normal;
}

#h_krajek {
    display: none;
}

.check {
    float: left;
    width: 300px;
    clear: none !important;
    padding: 0px !important;
}

span.call {
    font-weight: 600;
    font-size: 14px;
}

span.call.number_text {
    display: block;
    padding-top: 0px;
    padding-bottom: 8px;
    font-size: 25px;
    color: #F9DFFF;
    line-height: 130%;
    text-align: center;
    font-weight: 700;
}

span.number_text.number_sms {
    font-size: 22px;
    padding-bottom: 4px;
}

span.sms_page {
    color: #F9DFFF;
    font-weight: 600;
    font-size: 17px;
    line-height: 1.4;
}

span.call.number_text a {
    color: #F9DFFF;
}

p.koszt_premium {
    color: #F9DFFF;
}

p.koszt,
.box.box_usluga p.koszt {
    color: #F9DFFF;
    font-size: 14px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 10px !important;
}

p.koszt strong,
p.koszt .bold {
    font-weight: 700;
    font-size: 20px;
}

p#call_numer_pin {
    text-align: center;
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 20px;
}

p#call_numer_pin span {
    color: #F9DFFF;
    font-weight: 700;
}

div.tekst.ekspert_usluga p.bez_rejestracji
{
    margin-bottom: 15px;
    color: #F9DFFF;
    font-weight: 600;
    font-size: 17px;
}

.yellow {
    color: var(--kolor-y)
}

.yellow a {
    color: var(--kolor-y)
}

#horoskop_tygodniowy img {
    padding-bottom: 25px;
    clear: left;
}

#horoskop_tygodniowy hr {
    display: block;
    height: 3px;
    border: 0px #1b011c;
    clear: both;
    background-color: #1b011c;
    color: #1b011c;
}

/*scroll*/
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer {
    overflow: hidden;
    position: relative;
}

.jspPane {
    position: absolute;
}

.jspVerticalBar {
    position: absolute;
    top: 0;
    right: 0;
    width: 6px;
    height: 100%;
}

.jspHorizontalBar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 6px;
}

.jspCap {
    display: none;
}

.jspHorizontalBar .jspCap {
    float: left;
}

.jspTrack {
    position: relative;
}

.jspDrag {
    background: #713471;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
    float: left;
    height: 100%;
}

.jspArrow {
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
    padding: 0;
    margin: 0;
}

.jspArrow.jspDisabled {
    cursor: default;
    background: #80808d;
}

.jspVerticalBar .jspArrow {
    height: 16px;
}

.jspHorizontalBar .jspArrow {
    width: 6px;
    float: left;
    height: 100%;
}

.jspVerticalBar .jspArrow:focus {
    outline: none;
}

.jspCorner {
    background: #eeeef4;
    float: left;
    height: 100%;
}

/*end.scroll*/

.back {
    padding: 5px 0px 5px 0px;
    text-align: right;
}

#form_numerologia input,
#form_numerologia select {
    width: auto;
}

.fiolet {
    color: #FBBCFF;
}

.small_label label,
.small_label .label {
    width: 140px;
}

.small_label input {
    width: 180px;
}

.small_label textarea.textareasms {
    width: 230px !important;
}

.small_label div {
    width: 405px;
    clear: left;
    padding: 5px;
}

/*custom checkbox*/

.label_checkbox,
label.radio {
    text-align: left;
    padding: 0px 0px 0px 24px;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    display: inline-block;
}

label.radio
{
    padding: 0px 24px 0px 0px;
    margin-right: 15px;
}

.label_checkbox.large {
    font-size: 16px;
}

.label_checkbox.label_zgoda {
    font-size: 14px;
}

input.checkbox,
input.radio {
    clear: none;
    width: auto;
    display: none;
}

input.checkbox+label.label_checkbox::before,
input.radio+label.radio::before {
    position: absolute;
    content: "";
    left: 0px;
    top: 1px;
    width: 14px;
    height: 14px;
    border: 2px solid #FBD7FD;
    background-color: #fff;
    border-radius: 4px;
}

input.radio+label.radio::before {
    left: auto;
    right: 0;
}

input.checkbox:checked+label.label_checkbox::before,
input.radio:checked+label.radio::before {
    background-color: #0075FF;
    background-image: url('../images/jdebpkk4S4hO.svg');
    background-position: center;
    background-repeat: no-repeat;
}

/*end.custom checkbox*/

#newsletter {
    clear: both;
    font-weight: 600;
    border-radius: 8px;
    margin-bottom: 7px;
    color: #f1d6f4;
}

#newsletter .box {
    border: 0;
    background: none;
}

#newsletter h3 {
    background: url("../images/gfx/inne/h1.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 1px solid #5a023f;
    padding-left: 32px;
    padding-top: 4px;
    height: 22px;
    padding-bottom: 5px;
    margin-bottom: 20px;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
}

#newsletter .button {
    background: #4f134d;
    color: #000;
    font-family: "Ubuntu Condensed";
    font-size: 14px;
    height: 30px;
    padding: 5px 10px;
    text-transform: uppercase;
}

#bottom #newsletter .button {
    margin-top: 10px;
    padding: 2px 10px;
    border: 1px solid #4a2b1c;
    color: #fff;
    text-shadow: 1px 1px 2px #000;
}

#newsletter p {
    padding-bottom: 5px;
}

#newsletter .checkbox {
    margin-left: 0px !important;
}

#newsletter .label_checkbox {
    width: 150px !important;
    color: #9f839b;
}

#newsletter .bledy {
    color: red;
    padding: 15px 25px;
    line-height: 1.3;
}

#newsletter .bledy p {
    font-size: 13px;
    font-weight: 600;
    padding-bottom: 10px;
}

#newsletter .bledy li {
    margin-left: 0px;
    padding-bottom: 10px;
    font-weight: 400;
    font-size: 13px;
}

a.kamera_on_profil {
    float: right;
    background: url("../images/gfx/new/menu_active.png") center center repeat-x #fdcf3b;
    padding: 6px 40px;
    color: #461c48;
}

a.kamera_on_profil span {
    color: #c6029c;
}

a.kamera_on_profil:hover {
    background: #6e236f;
    color: #fff;
    transition: .3s;
    text-decoration: none;
}

#dodaj_do {
    position: absolute;
    top: 2px;
    right: 2px;
}

div.kroki h3 {
    font-size: 23px;
    padding-bottom: 5px;
}

.pp_krok {
    background-repeat: no-repeat;
}

.pp_krok1 {
    background-image: url('../images/itySN8NN9BLY.jpg');
    height: 256px !important;
}

.pp_krok2 {
    background-image: url('../images/daexrnYX9I6X.jpg');
    height: 402px !important;
}

.pp_krok3 {
    background-image: url('../images/NOfSyclYZz87.jpg');
    height: 281px !important;
}

.pp_krok4 {
    background-image: url('../images/bsBb4V5i15Q4.jpg');
    height: 231px !important;
}

.embed {
    text-align: center;
    max-width: 100%;
    padding: 15px 0px;
}

.embed video {
    max-width: 100%;
}

li.video {
    background-image: url('../images/ogrE3mB7p2JA.jpg');
    background-position: 2px 15px;
    background-repeat: no-repeat;
    padding-left: 27px;
    border-bottom: dotted 1px #333;
    padding-top: 10px;
    padding-bottom: 10px;
}

li.video.active {
    background: #f1a911;
}

li.audio {
    background: url('../images/89ktA1c8bJms.jpg') 0px 3px no-repeat;
    padding-left: 27px;
    border-bottom: dotted 1px #333;
    margin-bottom: 10px;
    padding-bottom: 0px;
}

#kamera {
    text-align: center;
}

#kameraeos_yellow {
    background: #461749;
    overflow: hidden;
    padding: 10px;
    height: 240px;
    color: #000;
}

#kameraeos_yellow video,
#kameraeos_yellow iframe {
    width: 100%;
    height: 330px;
}

#kameraeos_yellow,
#eosmodul_update img {
    width: 585px !important;
    height: 328px !important;
}

#video_overlay .okladka_big {
    display: none;
}

#video_overlay.fullscreen {
    width: 100%;
    height: 100%;
}

#video_overlay.fullscreen video,
#video_overlay.fullscreen #kameraeos_yellow,
#video_overlay.fullscreen iframe {
    width: 100% !important;
    height: 100% !important;
    box-sizing: border-box;
    padding: 0px;
}

#video_overlay.fullscreen iframe {
    pointer-events: none;
}

#video_overlay.fullscreen .okladka_small {
    display: none;
}

#video_overlay.fullscreen .okladka_big {
    display: block;
    width: 100% !important;
    height: auto !important;
    box-sizing: border-box;
    bottom: 0px !important;
    left: 0px !important;
}

#video_overlay.fullscreen #toogle_fullscreen {
    position: absolute;
    top: 10px;
    right: 10px;
}

#kameraeos_yellow h2.eos,
#kameraeos_yellow_home h2.eos {
    background: #76024b;
    padding: 5px;
    color: #fff;
    font-size: 16px;
    height: auto;
    margin-bottom: 5px;
}

#kameraeos_yellow h3.eos,
#kameraeos_yellow_home h3.eos {
    padding: 3px;
    color: #000;
    font-size: 16px;
    margin-top: 0px;
    border: 0;
    height: auto;
}

#kameraeos_yellow .eos_k,
#kameraeos_yellow_home .eos_k {
    background: url('../images/V1k1uG6NPPnP.jpg') 0px 6px no-repeat;
    padding-left: 35px !important;
}

#kameraeos_yellow .eos_s,
#kameraeos_yellow_home .eos_s {
    background: url('../images/6tqpiuthlTdv.jpg') 0px 6px no-repeat;
    padding-left: 35px !important;
}

#kameraeos_yellow .eos_fiolet,
#kameraeos_yellow_home .eos_fiolet {
    color: #76024b;
    font-weight: bold;
}

#kameraeos_yellow .eos_small,
#kameraeos_yellow_home .eos_small {
    font-size: 10px;
    line-height: 100%;
}

#kameraeos_yellow .eos_big,
#kameraeos_yellow_home .eos_big {
    font-size: 20px !important;
    background: none;
    border: 0;
}

#kameraeos {
    float: right;
    clear: none;
}

.przejdz_do {
    float: right;
    background: #76024b;
    padding: 10px;
    font-family: "Ubuntu Condensed";
    font-size: 18px;
}

.przejdz_do:hover {
    background: #000;
    transition: .3s;
}

#kameraeos_yellow_home #chat_flash {
    float: left;
}

.eos_linki {
    height: 100%;
    overflow: hidden;

    /*na razie nie ma innych z videochatu więc ukrywamy*/
    /*display: none;*/
}

.eos_linki a {
    background: #bbaacc;
    display: block;
    float: left;
    padding: 10px;
    color: #000;
    font-weight: bold;
    font-size: 15px;
    margin-right: 5px;
    font-family: "Ubuntu Condensed";
}

.eos_linki a.active {
    background: #ebbb1b;
}

#home_numery {
    float: left;
    width: 263px;
    height: 240px;
    clear: none;
    background: #ebbb1b;
}

.promocja_img {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 1000;
}

#dodaj_salonik select,
#dodaj_salonik input {
    width: 80px !important;
}

#lista_uslug_doradca {
    margin-top: 5px;
    margin-bottom: 10px;
}

#lista_uslug_doradca_in {
    display: flex;
    justify-content: space-between;
    border-radius: 5px;
}

#lista_uslug_doradca_in .column,
#lista_uslug_doradca_in .column.column_large a {
    width: calc(50% - 4px);
    display: flex;
}

#lista_uslug_doradca_in .column.column_large.voice a:last-child {
    margin-left: auto;
}

#lista_uslug_doradca_in .column.column_large {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#lista_uslug_doradca_in a,
#lista_uslug_doradca_in span.empty {
    margin-bottom: 4px;
    box-sizing: border-box;
    text-align: center;
    padding-bottom: 4px;
    font-weight: 700;
    display: block;
    width: calc(100% / 6);
}

#lista_uslug_doradca_in a span.nazwa,
#lista_uslug_doradca_in span.empty {
    display: block;
    font-size: 14px;
    background: #AD23CC;
    padding: 5px;
    margin-bottom: 5px;
    display: flex;
    justify-content: center;
    text-transform: uppercase;
    align-items: center;
    color: #fff;
    position: relative;
    overflow: hidden;
    border-left: 2px solid #CB30EF;
    border-right: 2px solid #811799;
    height: 38px;
    box-sizing: border-box;
}

#lista_uslug_doradca_in a:first-child span.nazwa,
#lista_uslug_doradca_in span.empty:first-child {
    border-left: 0 !important;
    border-radius: 5px 0 0 5px;
}

#lista_uslug_doradca_in a:last-child span.nazwa,
#lista_uslug_doradca_in span.empty:last-child {
    border-right: 0 !important;
    border-radius: 0 5px 5px 0;
}

#lista_uslug_doradca_in span.empty {
    align-self: flex-start;
    height: 38px;
}

#lista_uslug_doradca_in a span.nazwa .male_ikony_uslug.active
{
    position: absolute;
    top: -200px;
    left: -200px;
}

#lista_uslug_doradca_in a span.cena {
    font-size: 16px;
    color: var(--kolor-y);
    font-weight: 600;
}

#lista_uslug_doradca_in a span.cena .cena {
    font-size: 17px;
    font-weight: 700;
}

#lista_uslug_doradca_in a span.cena .zl {
    font-size: 14px;
    font-weight: 700;
}

#lista_uslug_doradca_in a span.cena .jednostka {
    font-size: 9px;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -.2px;
}

#lista_uslug_doradca_in a span.cena .zapytaj {
    font-size: 14px;
    font-weight: 700;
}

#lista_uslug_doradca_in a:hover,
#lista_uslug_doradca_in a.active{
    text-decoration: none;
}

#lista_uslug_doradca_in a:hover span.nazwa,
#lista_uslug_doradca_in a.active span.nazwa
{
    background: #FCCBFF;
    color: #570A54;
    border-left: 2px solid #f7defd;
    border-right: 2px solid #aa56bd;
}

#lista_uslug_doradca_in a:hover span.nazwa path.fill,
#lista_uslug_doradca_in a.active span.nazwa path.fill
{
    fill: #570A54 !important;
}

#lista_uslug_doradca_in a:hover span.nazwa path.stroke,
#lista_uslug_doradca_in a.active span.nazwa path.stroke
{
    stroke: #570A54 !important;
}

#uslugi_specjalne {
    padding: 10px 0 20px;
}

.uslugi_specjalne_a {
    height: auto !important;
    padding-bottom: 10px;
    background: url('../images/ZGzGntcjKYzI.svg') no-repeat 0px 6px;
    padding-left: 30px;
    display: block;
    margin-left: 30px;
    font-size: 16px;
    line-height: 140%;
    color: #F2D6FF;
    font-weight: 600;
}

.uslugi_specjalne_a:hover {
    color: #fff;
    transition: .3s;
    text-decoration: none;
}

.vidgety a {
    padding: 1px;
    display: block;
    float: left;
}

.vidgety a.wykop {
    background: url('../images/VfijzsduiYjC.jpg') no-repeat;
    padding-left: 22px;
    margin-top: 3px;
}

#horoskop_celtycki {
    height: 100%;
    overflow: hidden;
    text-align: center;
}

#horoskop_celtycki a {
    display: inline-block;
    vertical-align: top;
    width: 140px;
    padding: 5px;
    height: 190px;
}

#horoskop_celtycki a img {
    margin-bottom: 3px;
    border: 4px solid #1b011c;
}

#horoskop_celtycki a:hover {
    text-decoration: none;
    color: #bd2ec1;
}

.horoskop_opis {
    padding: 20px 0px;
}

.serwis_sms {
    padding: 10px;
    min-height: 100%;
    overflow: hidden;
    margin-bottom: 10px;
    background: url('../images/DaAe09GxAA8d.jpg') #1b011c 0px 0px no-repeat;
    color: #fff;
}

.serwis_sms_prawa {
    float: right;
    width: 375px;
}

.naglowek {
    background: url('../images/3iPl5V0tqnJ8.jpg') 0px 0px no-repeat #1b011c;
    text-align: center;
    height: 127px;
    color: #fff;
    padding-left: 163px;
    padding-top: 90px;
}

.naglowek p {
    text-align: left;
    padding-bottom: 10px;
    padding-right: 20px;
}

.serwis_sms img.obr {
    float: left;
    margin-right: 10px;
}

.serwis_sms h3 {
    color: #f2b30c;
    text-align: left;
    font-size: 20px;
    line-height: 110%;
    height: auto;
    padding-bottom: 5px;
    background-position: left bottom;
}

.serwis_sms h4 {
    background-color: #29022a;
    padding: 7px 10px;
    padding-left: 34px;
    background-repeat: no-repeat;
    background-position: 4px 6px;
}

.serwis_sms h4.serwisy_gsm {
    background-image: url('../images/j1vVuWbdiAOj.jpg');
}

.serwis_sms h4.serwisy_sms {
    background-image: url('../images/mrBruZ1a50Pd.jpg');
}


.serwis_sms div.opis {
    margin-bottom: 2px;
}

.serwis_sms span.numer {
    font-size: 18px;
    font-weight: normal;
    color: #f6c216;
}

.serwis_sms span.koszt {
    font-size: 11px;
    font-weight: normal;
    color: #f6c216;
}

.serwis_sms span.przyklad {
    color: #626262;
}


/* START:PAYMENTS */
#payments {
    margin: 0 auto;
    font: normal 12px Arial, Sans;
    color: #fff;
    background: #1e061e;
    border: solid #2a242e 1px;
    width: 508px;
    padding: 5px;
}

#payments #payments_menu {
    padding-top: 10px;
}

#payments a {
    color: #fff;
}

#payments a.menu_item {
    font: bold 12px Arial, Sans;
    color: #fff;
    text-decoration: none;
    outline: none;
}

#payments a.menu_item img {
    border-width: 0px;
}

#payments a.menu_item:hover {
    text-decoration: none;
}

#payments .menu_item_div {
    float: left;
    text-align: center;
    border: 1px solid #2a242e;
    width: 99px;
    height: 80px;
    clear: none;
}

#payments .menu_item_div_actual {
    float: left;
    text-align: center;
    border: 1px solid #2a242e;
    border-bottom-width: 0px;
    width: 99px;
    height: 80px;
    clear: none;
}

#payments #method_content {
    padding: 5px;
}

#payments h1 {
    font-size: 15px;
    color: #fff;
    border: 0px;
    background-image: none;
    padding-left: 0px;
}

#payments h2 {
    font-size: 14px;
    color: #fff;
    border: 0px;
    padding-top: 10px;
}

#payments input {
    width: 150px;
}

#payments td label {
    width: 110px;
    padding-bottom: 10px;
    background: #fff;
    padding-right: 0px;
    text-align: center;
}

#payments td img {
    max-width: 95px;
}

#payments .end_of_transaction {
    text-align: center;
}

#payments .status_table {
    color: #000000;
}

#payments .status_table th {
    text-align: right;
}

#payments .status_table td {
    text-align: left;
    padding: 5px;
}

#payments #pay_type {
    height: 180px;
    width: 250px;
    overflow: scroll;
}

/* ikonki do menu - trzymane na serwerze klienta */
#payments a.menu_item img {
    width: 88px;
    height: 76px;
    background-repeat: no-repeat;
    background-position: center center;
}

#payments .ikonka1 {
    background-image: url('../images/v1ha5foIio6d.png');
}

#payments .ikonka2 {
    background-image: url('../images/MblazGoHKvrZ.png');
}

#payments .ikonka3,
#payments .ikonka7,
#payments .ikonka10,
#payments .ikonka11 {
    background-image: url('../images/mqsHFUwo0Eh6.png');
}

#payments .ikonka4 {
    background-image: url('../images/v1ha5foIio6d.png');
}

#payments .ikonka5 {
    background-image: url('../images/MblazGoHKvrZ.png');
}

#payments .ikonka8 {
    background-image: url('../images/YvGMxSazJD02.png');
}

#payments .ikonka_status {
    background-image: url('../images/dZhrB3xDtX4j.png');
}

#payments .przelew_opcje td {
    text-align: center !important;
    background: #fff;
    margin: 0px !important;
}

#payments .sms_text {
    font-weight: bold;
    font-size: 15px;
}

#payments .sms_number {
    font-weight: bold;
    font-size: 15px;
}

#payments .sms_info {
    display: none;
}

#payments .voice_info {
    display: none;
}

#payments .flag_text {
    width: 120px;
    display: block;
    float: left;
    cursor: pointer;
    padding: 3px;
}

#payments .cleaner {
    clear: both;
}

form[name="payform"] label {
    background: none;
    width: 150px;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-top: 2px;
}

form[name="payform"] input {
    margin-bottom: 5px;
    margin-top: 5px;
}

form[name="payform"] br {
    display: block;
    height: 10px;
    line-height: 20px;
}

form[name="payform"] .payments_button {
    margin-top: 10px;
}

.cards_logos
{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    background-color: #fff;
    border-radius: 8px;
}

.cards_logos img
{
    height: 35px;
    margin: 10px;
    max-width: 25%;
}

/* END:PAYMENTS */

#vlc_main {
    margin: 0 auto;
    width: 400px;
    background: #333;
    text-align: center;
    height: 100%;
    overflow: hidden;
}

#vlc_main a {
    display: block;
    margin: 10px;
    padding: 5px;
    font-size: 20px;
    clear: both;
    background: #444;
    border: 5px solid #555;
}

#vlc_main a:hover {
    text-decoration: none;
    background: #555;
    border: 5px solid #444;
    color: #000;
}

.vlc_red {
    margin: 0 auto;
    background: red;
    width: 400px;
    padding: 10px 0px 10px 0px;
    font-size: 20px;
    text-align: center;
    color: #fff;
}

.vlc_green {
    margin: 0 auto;
    background: green;
    width: 400px;
    padding: 10px 0px 10px 0px;
    font-size: 20px;
    text-align: center;
    color: #fff;
}

#nasze_serwisy_ezoteryczne {
    padding: 7px 7px 2px 7px;
    float: left;
}

.clear {
    clear: both;
}

#ebill_zarob {
    position: absolute;
    top: 8px;
    right: 10px;
}

.archiwum {
    position: relative;
}

#archiwum {
    background: #690b0b;
    position: absolute;
    display: block;
    width: 150px;
    height: 25px;
    top: 10px;
    left: 10px;
    color: #fff;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    padding-top: 7px;
}

#profil_ekseprta_link {
    text-align: center;
    padding: 10px;
}

#profil_ekseprta_link a {
    font-size: 16px;
    font-weight: bold;
}

#facebook {
    position: fixed;
    top: 150px;
    left: -220px;
    width: 240px;
    padding-left: 10px;
    padding-top: 0px;
    height: 300px;
    background-image: url('../images/y52pLdpHYO8l.png');
    z-index: 1000;
}

#facebook iframe {
    background: #fff;
}

#marquee {
    background: #9420ab;
    clear: both;
    padding: 5px;
    margin-top: 10px;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    animation: marquee 30s linear infinite;
    color: #ffbd00;
    font-family: Trebuchet Ms;
    font-size: 16px;
    font-style: italic;
    font-weight: normal;
}

@keyframes marquee {
    from {
        text-indent: 100%
    }

    to {
        text-indent: -100%
    }
}

#marquee:hover {
    animation-play-state: paused
}

.abutton {
    display: inline-block;
    min-width: 0 !important;
    text-transform: uppercase;
}

#ikony_social {
    position: fixed;
    right: -205px;
    top: 100px;
    width: 239px;
}

#ikony_social ul {
    list-style-type: none;
    width: 34px;
    float: left;
    margin-top: 20px;
}

#ikony_social li {
    background: #777;
    height: 26px;
    padding: 4px;
    width: 27px;
    margin-bottom: 5px;
    margin-left: 8px;
    margin-right: 8px;
}

#ikony_social #ramka_facebook {
    width: 185px;
    height: 317px;
    background: #3b5998;
    padding: 10px;
    border-radius: 5px 0 0 5px;
    float: left;
}

#ikony_social #ramka_facebook iframe {
    background: #fff;
}

#ikony_social ul li {
    border-radius: 5px 0 0 5px;
}

#ikony_social ul li a {
    display: inline-block;
    width: 27px;
    height: 26px;
    background-image: url('../images/s5i6twm9nNnU.png');
    background-repeat: no-repeat;
    text-decoration: none;
}

#ikony_social .social_facebook:hover {
    background: #3b5998;
}

#ikony_social .social_facebook a {
    background-position: 0px 2px;
}

#ikony_social .social_youtube a {
    background-position: 0px -26px;
}

#ikony_social .social_youtube:hover {
    background: #df1f1c;
}

.bottom_social {
    text-align: right;
    margin-bottom: -60px;
    position: relative;
    z-index: 1000;
}

.bottom_social svg
{
    margin: 0 5px;
    border-radius: 10px;
}

.bottom_social svg path.logo {
    fill: #570A54 !important;
}

.bottom_social svg path.bg {
    fill: #FCF0FF !important;
}

h5.dzis_box_h5 {
    font-size: 18px;
    color: #F4ADF9;
    text-transform: uppercase;
    margin-top: 3px;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
}

h5.dzis_box_h5 a {
    font-size: 12px;
    border: 1px solid #F4ADF9;
    padding: 3px 10px;
    border-radius: 6px;
    white-space: nowrap;
    color: #F4ADF9;
}

h5.dzis_box_h5 a:hover {
    background: #4f134d;
    text-decoration: none;
}

.dzis_box {
    background: rgba(68, 25, 67, .2);
    border-radius: 10px;
    clear: both;
    margin-left: 0px;
    margin-bottom: 0px;
}

.dzis_box img.img_wieczor {
    float: right;
}

.dzis_box p {
    font-size: 13px;
    color: #dd5cc8;
    text-decoration: none;
    margin-bottom: 10px;
    ;
}

.dzis_box a:hover {
    text-decoration: none;
}

.dzis_box p span.godzina {
    font-size: 15px;
    font-weight: bold;
}

#lewa .dzis_box h3 {
    color: #fff;
    background: none;
    font-family: "Open Sans";
    font-weight: bold;
    font-size: 20px;
    line-height: 160%;
    height: auto;
    text-transform: none;
    padding: 0;
}

#lewa .dzis_box h3 a {
    color: #dd5cc8;
}

#lewa .dzis_box h3 a:hover {
    text-decoration: none;
    color: #f6c016;
}

#lewa .dzis_box .paginate {
    padding-top: 10px;
    padding-bottom: 20px;
}

#lewa .dzis_box .paginate a {
    background: var(--kolor-y);
    color: #4d0946;
}

#lewa .dzis_box .paginate a:hover {
    color: #fff;
    background: #971ab4;
}

.dzis_in {
    padding: 10px;
    display: flex;
    align-items: center;
}

.dzis_in img {
    margin-right: 10px;
    border: 2px solid #000;
    border-radius: 50%;
    height: 75px;
    width: 75px;
}

#newsletter_big {
    margin-top: 0px;
    margin-bottom: 0px;
    position: relative;
    box-sizing: border-box;
}

#newsletter_big h2 {
    background: none;
    padding: 6px 10px 4px;
    border: 0;
    color: #F4ADF9;
    font-size: 15px;
    margin-bottom: 0px;
    text-transform: none;
}

#newsletter_big select {
    width: 100%;
    padding: 14px 10px;
}

#newsletter_big p {
    padding: 4px 0px;
}

#newsletter_big {
    display: flex;
    align-items: center;
}

#newsletter_big #newsletter_u_big {
    width: 100%;
}

#newsletter_u_artykuly #newsletter_big {
    max-width: 400px;
    padding: 15px;
    background-color: #681A73;
    border-radius: 5px;
}

#newsletter_u_artykuly #newsletter_big p.semi-bold {
    text-align: center;
    text-transform: uppercase;
    color: #F2D6FF;
    font-size: 16px;
}

#newsletter_u_artykuly #newsletter_big .row {
    padding: 5px 0;
}

#newsletter_u_artykuly #newsletter_big button {
    width: auto;
    padding-left: 30px;
    padding-right: 30px;
}

#newsletter_u_artykuly .info {
    margin-bottom: 10px;
}

#newsletter_u_artykuly .info>div {
    font-size: 12px;
    line-height: 1.2;
    font-weight: 400;
}

#newsletter_big div.row {
    box-sizing: border-box;
    overflow: hidden;
}

#newsletter_big div.row-checkbox {
    padding-top: 8px;
    padding-bottom: 8px;
}

#newsletter_big div.button_row {
    margin-top: 7px;
    text-align: center;
}

#newsletter_big .abutton {
    border: 0;
    color: #fff;
}

#newsletter_big .label_checkbox {
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
    width: calc(100% - 20px) !important;
    padding-right: 0px;
    font-weight: 600;
    height: 20px;
}

#newsletter_big .info {
    font-size: 12px;
    line-height: 1.3;
    padding-bottom: 5px;
    color: #fff;
}

#newsletter_big .info a {
    font-size: 14px;
    padding-left: 23px;
    display: inline-block;
}

#newsletter_big input[type=text] {
    width: 100%;
    margin-bottom: 10px;
}

#newsletter_big .row_checkbox {
    display: flex;
    justify-content: space-between;
    padding: 12px 10px 12px;
    background: var(--kolor);
    border-radius: 8px;
    min-height: 48px;
}

#newsletter_big .row_checkbox>div {
    display: flex;
    align-items: center;
    width: 50%;
}

#newsletter_big .row_checkbox>div:last-of-type {
    width: auto;
}

#newsletter_big .row_checkbox .label_checkbox {
    width: calc(100% - 10px) !important;
    font-size: 11.5px;
    text-transform: capitalize;
}

.bon_d {
    background: url('../images/su3QQ7tG7QIr.png') no-repeat top left;
    padding-left: 23px;
    line-height: 18px;
    display: inline-block;
}

#bon_promocja {
    background-image: url('../images/nHSDkAPv4OVV.png');
    background-repeat: no-repeat;
    background-position: top right;
}

#promocja_bon {
    background-image: url('../images/kjuukVnbC0Hv.jpg');
    height: 388px;
    background-repeat: no-repeat;
}

#jak_skorzystac {
    text-align: center;
    font-size: 20px;
    color: #fbbf1f;
    padding: 15px 0px;
}

#jak_skorzystac a {
    color: #fff;
}

#instrukcja_bon {
    font-size: 26px;
}

#instrukcja_bon ol li {
    margin-left: 15px;
    padding-top: 3px;
    padding-left: 15px;
    margin-bottom: 20px;
    background-image: url('../images/f4YP7x1WtvdJ.jpg');
    background-repeat: no-repeat;
    color: #46043d;
    list-style-position: inside;
    line-height: 28px;
}

#instrukcja_bon ol li span {
    color: #fff;
    font-size: 16px;
}

#baner_835x212,
#baner_mobile {
    display: none;
}

#kameraeos_yellow.video_height {
    height: 430px;
}

.data_form select {
    width: 120px;
}

.fb_login {
    background: #3b5998;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    padding-right: 25px;
    font-size: 14px;
}

.fb_login span {
    display: inline-block;
    width: 25px;
    height: 30px;
    background: url('../../images/wo_facebook/f.svg') no-repeat center;
    background-size: 20px;
    vertical-align: top;
    padding-right: 10px;
    line-height: 32px;
    margin-top: 1px;
    margin-right: 10px;
}

#top #zaloguj .fb_login {
    font-size: 13px !important;
    color: #fff;
    border-radius: 5px;
    line-height: 28px;
    height: 28px;
    width: auto;
    margin-left: 10px;
    padding-right: 8px;
}

#top #zaloguj .fb_login span {
    width: 20px;
    line-height: 28px;
    height: 26px;
    margin-top: 0px;
    margin-right: 8px;
}

#logowanie_page form {
    display: block;
}

.fb_login_big {
    line-height: 34px;
    border-radius: 6px;
    font-size: 16px;
    padding: 3px 20px 3px 10px;
    font-weight: 700;
    width: 370px;
    box-sizing: border-box;
}

.fb_login:hover {
    background: #8f2ba6;
    transition: .3s;
    text-decoration: none;
}

.tlo_button_fb {
    background: url('../images/zKaPqnJB8Sru.png') no-repeat center;
    margin: 0px 10px;
    border-bottom: 1px solid #372137;
    padding: 20px !important;
    margin-bottom: 20px;
}

/* sky */
#sky {
    float: right;
    margin-left: 5px;
}

.reklama_sky_on #sky {
    padding-top: 30px;
}

#osoby.reklama_sky_on .first_column {
    margin-right: 0%;
    margin-left: 2%;
}

#osoby.reklama_sky_on .osoba_div_1.first_column,
#osoby.reklama_sky_on .osoba_div_3.first_column,
#osoby.reklama_sky_on .osoba_div_5.first_column {
    margin-right: 2%;
    margin-left: 0%;
}

#osoby.reklama_sky_on .osoba_div_7,
#osoby.reklama_sky_on .osoba_div_8,
#osoby.reklama_sky_on .osoba_div_9 {
    width: 70%;
    margin-right: 2%;
    margin-left: 0%;
}

#osoby.reklama_sky_on .osoba_div_7 .osoba_in_zdjecie,
#osoby.reklama_sky_on .osoba_div_8 .osoba_in_zdjecie,
#osoby.reklama_sky_on .osoba_div_9 .osoba_in_zdjecie {
    width: 114px;
    margin-right: 10px;
}

#osoby.reklama_sky_on .osoba_div_7 span.bezposredni_numer,
#osoby.reklama_sky_on .osoba_div_8 span.bezposredni_numer,
#osoby.reklama_sky_on .osoba_div_9 span.bezposredni_numer {
    float: left;
    text-transform: uppercase;
    display: block;
    padding-left: 10px;
}

#osoby.reklama_sky_on .osoba_div_7 .osoba_in_zdjecie a,
#osoby.reklama_sky_on .osoba_div_8 .osoba_in_zdjecie a,
#osoby.reklama_sky_on .osoba_div_9 .osoba_in_zdjecie a,
#osoby.reklama_sky_on .osoba_div_7 .osoba_in_zdjecie span,
#osoby.reklama_sky_on .osoba_div_8 .osoba_in_zdjecie span,
#osoby.reklama_sky_on .osoba_div_9 .osoba_in_zdjecie span {
    width: 94px;
}

/*end.sky*/

#baner_5 {
    background: url('../images/lr3bjhncKnjo.jpg') no-repeat;
    height: 212px;
    margin-bottom: 20px;
}

#baner_promocja_platnosci img {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 0px;
}

#baner_out {
    background: rgba(0, 0, 0, .7);
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 1100;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

#baner_out #baner_ogloszenie {
    position: relative;
}

#baner_out #baner_ogloszenie #baner_ogloszenie_in {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
}

#baner_out #baner_ogloszenie h3 {
    font-size: 48px;
    letter-spacing: 0.075em;
    font-weight: 600;
    font-family: 'Cormorant Garamond', serif;
    color: #F9E817;
    padding-top: 10px;
}

#baner_out #baner_ogloszenie.kategoria_2 h3 {
    color: #521D4D;
}

#baner_out #baner_ogloszenie p {
    font-size: 21px;
    line-height: 1.5;
    padding: 0 40px;
}

#baner_out #baner_ogloszenie.kategoria_1 p {
    color: #F0BEF3;
}

#baner_out #baner_ogloszenie.kategoria_2 p {
    color: #360B38
}

#baner_out #baner_ogloszenie h4 {
    color: #fff;
    font-size: 25px;
    font-weight: normal;
}

#baner_out #baner_ogloszenie.kategoria_2 h4 {
    color: #360B38
}

#baner_out #baner_ogloszenie h5 {
    color: #F0BEF3;
    font-size: 19px;
    font-weight: normal;
}

#baner_out #baner_ogloszenie h5 strong {
    color: #fff;
}

#baner_out #baner_ogloszenie #baner_doradca img {
    width: 120px;
    border-radius: 20px;
    border: 1px solid #fff;
}

#baner_out #baner_ogloszenie #baner_doradca h2 {
    padding-top: 10px;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 24px;
}

#baner_out #baner_ogloszenie.kategoria_2 #baner_doradca h2 {
    color: #521D4D;
}

#kamera_public_klient #wrozbyonline_chat,
#kamera_private_klient #wrozbyonline_chat {
    width: 550px;
    height: 400px;
}

/*ATOOLTIP*/

#aToolTip {
    position: absolute;
    display: none;
    z-index: 50000;
}

#aToolTip .aToolTipContent {
    position: relative;
    margin: 0;
    padding: 0;
    max-width: 300px;
}

/*
END: Required Styles
*/
/**
Default Theme
*/
.defaultTheme {
    border: 2px solid #771d7d;
    background: #2c042e;
    color: #fff;
    margin: 0;
    padding: 6px 12px;
    -moz-border-radius: 12px 12px 12px 0;
    -webkit-border-radius: 12px 12px 12px 0;
    -khtml-border-radius: 12px 12px 12px 0;
    border-radius: 12px 12px 12px 0;
    -moz-box-shadow: 2px 2px 5px #111;
    /* for Firefox 3.5+ */
    -webkit-box-shadow: 2px 2px 5px #111;
    /* for Safari and Chrome */
    box-shadow: 2px 2px 5px #111;
    /* for Safari and Chrome */
}

.defaultTheme #aToolTipCloseBtn {
    display: block;
    height: 18px;
    width: 18px;
    text-indent: -9999px;
    outline: none;
    position: absolute;
    top: -20px;
    right: -30px;
    margin: 2px;
    padding: 4px;
}

/*END.ATOOLTIP*/

#zam {
    height: auto;
    display: flex;
    flex-wrap: wrap;
}

#zam_lewa {
    width: 100%;
    background: var(--kolor);
    border-radius: 5px;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#zam_lewa .rejestracja_logowanie {
    margin-top: 5px;
    margin-bottom: 20px;
}

#zam_prawa {
    width: 100%;
    padding: 0px 0;
    line-height: 120%;
    font-size: 14px;
    line-height: 1.4;
    box-sizing: border-box;
}

#zam_prawa strong {
    color: #971AB4;
    font-weight: 700;
}

#zam_lewa a.zam_a {
    color: #fff;
    font-weight: bold;
}

#zam_lewa a.zam_a:hover {
    color: #fbbf1f;
    text-decoration: none;
}

#zam_prawa p {
    padding-bottom: 20px;
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 140%;
    font-weight: 400;
}

#zam_lewa .czas {
    text-align: center;
    color: #f5bd17;
    font-size: 20px;
    font-weight: bold;
}

#zam_lewa label {
    width: 60px;
}

#zam_lewa form div {
    padding: 4px 0px;
}

#zam_lewa form div input[type=text],
#zam_lewa form div input[type=password] {
    padding: 6px;
    width: 110px !important;
}

#zam_lewa .rej_zap,
#zam_lewa .zaloguj_div {
    text-align: center;
}

#zam_lewa .fb_login_big {
    font-size: 12px;
}

.hr {
    background: url('../images/gipolJeenFj4.png') no-repeat center center;
    height: 6px;
    margin: 10px 0px;
}

.button_yellow {
    background: url("../images/gfx/new/menu_active.png") center center repeat-x #fdcf3b;
    font-size: 14px;
    color: #331035;
    text-transform: uppercase;
    padding: 6px 30px;
    height: auto !important;
    font-weight: bold;
    display: inline-block;
    border-radius: 4px;
}

.button_yellow:hover {
    background: #6e236f;
    color: #fff;
    transition: .3s;
    text-decoration: none;
}

#pomocnik_ikona {
    position: fixed;
    right: 0px;
    top: 198px;
    /* 	background: #4d144d; */
    z-index: 800;
    padding-bottom: 100px;
    text-align: right;
}

#pomocnik_ikona a {
    display: inline-block;
}

#pomocnik_ikona img {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 5px;
}

/*
#pomocnik_ikona a#pomocnik_otworz
{
	display: block;
	padding-left: 30px;
	background: url('../../images/pomocnik/ikona.png') 10px no-repeat;
	height: 31px;
	padding: 10px 30px 10px 50px;
	text-decoration: none;
	line-height: 110%;
}

#pomocnik_ikona a#pomocnik_ikona_zamknij
{
	float: right;
	background: #390c39;
	color: #9f839b;
	line-height: 100%;
	padding: 5px 6px;
	font-size: 12px;
	font-family: Verdana;
}

#pomocnik_ikona span:first-child
{
	padding-top: 3px;
}

#pomocnik_ikona span
{
	display: block;
}

#pomocnik_ikona span.dow
{
	color: #f7c116;
}

#pomocnik_ikona a:hover span
{
	color: #9f839b;
	transition: .3s;
}

*/

#pomocnik {
    position: fixed;
    z-index: 1200;
    background: rgba(61, 10, 56, 0.9);
    padding: 3% 10%;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    color: #fff;
    font-size: 13px;
}

#pomocnik h1#h1 {
    font-size: 30px;
    color: #fff;
    border-bottom: 7px solid #fbbf1f;
    background: url('../images/6NSUqJGDcjRZ.png') no-repeat;
    padding: 12px 70px;
    font-weight: 700;
}

#pomocnik_zamknij {
    background: #9c048e;
    color: #fff;
    float: right;
    padding: 4px;
    line-height: 100%;
    font-weight: bold;
    font-size: 14px;
    font-family: Verdana;
    margin-top: 20px;
}

#pomocnik_zamknij:hover,
#pomocnik_ikona a#pomocnik_ikona_zamknij:hover {
    transition: .3s;
    background: #fbbf1f;
    color: #9c048e;
    text-decoration: none;
}

#pomocnik .podmenu {
    padding: 20px 0px;
}

#pomocnik .podmenu a {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin-right: 30px;
    display: inline-block;
}

#pomocnik .podmenu a:hover,
#pomocnik .podmenu a.active {
    color: #e252f7;
    text-decoration: none;
    transition: .3s;
}

#pomocnik p.header {
    padding-bottom: 20px;
    line-height: 130%;
}

#pomocnik div.block a {
    background: url('../images/Uq7z1wJ0Lns4.png') no-repeat;
    border-bottom: 1px solid #f40f96;
    font-family: "Ubuntu Condensed";
    font-size: 18px;
    font-weight: normal;
    height: 23px;
    margin-bottom: 10px;
    margin-top: 3px;
    padding-left: 35px;
    padding-top: 4px;
    padding-bottom: 2px;
    display: block;
    text-transform: uppercase;
}

#pomocnik div.block a:hover {
    color: #fbbf1f;
    text-decoration: none;
    transition: .3s;
}

#pomocnik div.block a span {
    float: right;
    font-size: 12px;
    font-family: 'Open Sans';
}

#pomocnik div.block .roll {
    display: none;
    margin-top: 15px;
    margin-bottom: 20px;
}

#pomocnik div.block h1 {
    display: none;
}

#pomocnik_tresc ul,
#pomocnik_tresc ol {
    margin-left: 30px;
}

#pomocnik_tresc li {
    padding-bottom: 8px;
}

#pomocnik .container {
    max-width: 1200px;
    margin: 0 auto;
}

.felietony_out {
    padding-top: 0px;
}

#astroczytelnia_czytane {
    width: 100%;
}

#astroczytelnia_czytane a,
a.artykul_box {
    margin-top: 0px;
    display: block;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100%;
    border-radius: 7px;
    overflow: hidden;
    margin-bottom: 5px;
}

/*
.felietony_out #astroczytelnia_czytane a#a_3
{
    height: 313px;
}*/

#astroczytelnia_czytane a div,
a.artykul_box div {
    padding: 2px 4px 4px;
    margin-top: 133px;
    background: var(--kolor);
}

#astroczytelnia_czytane h3,
a.artykul_box h3 {
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 20px;
    line-height: 140%;
    background: none;
    padding-left: 6px;
    border: 0;
    margin-bottom: 0;
    text-transform: none;
    font-weight: bold;
    box-sizing: border-box;
    text-align: center;
    text-transform: uppercase;
    color: #F9DFFF;
    font-weight: 600;
    height: 46px;
}

#astroczytelnia_czytane a:hover,
a.artykul_box:hover {
    opacity: .7;
    transition: .3s;
    background-color: rgb(56, 7, 53);
}

#astroczytelnia_czytane a:hover div,
a.artykul_box:hover div {
    transition: .3s;
    text-decoration: none;
}

#astroczytelnia_czytane a:hover,
a.artykul_box:hover {
    text-decoration: none;
}

#astroczytelnia_czytane p,
a.artykul_box p {
    padding-top: 6px;
    padding-left: 6px;
    padding-bottom: 6px;
    font-size: 14px;
    box-sizing: border-box;
    color: #F9DFFF;
    line-height: 1.6;
    min-height: 61px;
    text-align: center;
}

#astroczytelnia_czytane span.dalej,
a.artykul_box span.dalej {
    display: none;
}

div.felietony span.dalej {
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    padding-top: 4px;
    padding-left: 10px;
}

#astroczytelnia_czytane span.dalej span,
div.felietony span.dalej span {
    color: #c314c8;
}

div.felietony div.felieton {
    padding-bottom: 10px;
    height: 290px;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    clear: both;
    margin-bottom: 20px;
}

div.felietony div.oddziel,
#artykul div.oddziel,
span.oddziel {
    background: url("../images/astroczytelnia-oddziel.png") center center no-repeat;
    height: 40px;
    display: block;
}

div.felietony div.oddziel {
    margin-right: 235px;
}

div.felietony div.felieton-info {
    float: right;
    width: 250px;
    position: relative;
}

div.felietony div.felieton-info .nowy-artykul {
    position: absolute;
    left: -159px;
    top: -22px
}

div.felietony div.felieton-info h3 {
    font-size: 16px;
    padding-bottom: 10px;
    padding-top: 5px;
    line-height: 120%;
    border-bottom: 0px;
    height: auto;
    margin-bottom: 0px;
    margin-top: 0px;
    font-weight: bold;
    font-family: "Open Sans";
}

div.felietony div.felieton-info p {
    font-size: 14px;
    margin-bottom: 0px;
}

div.felietony span.dalej {
    margin: 10px 0px;
    padding-left: 0px;
}

div.felietony a:hover {
    color: #ea5fbc;
    transition: .3s;
}

.felietony_kategorie {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 0px;
    margin: 0 auto 20px;
    max-width: 850px;
}

.znak_zodiaku_a_header {
    margin-top: 20px;
}

.felietony_kategorie.znak_zodiaku_a {
    margin-top: 2px;
    margin-bottom: 5px;
}

.felietony_kategorie a {
    position: relative;
    width: calc(25% - 3px);
    margin-bottom: 8px;
    box-sizing: border-box;
    color: #fff;
    overflow: hidden;
    margin: 1.5px 0;
    aspect-ratio: 1;
    border-radius: 6px;
}

.felietony_kategorie.znak_zodiaku_a a
{
    width: calc(100% / 8 - 3px);
}

.felietony_kategorie a.mod {
    width: calc(50% - 20px);
}

.felietony_kategorie a img {
    width: 100%;
    border-radius: 5px;
    vertical-align: top;
    aspect-ratio: 1;
}

.felietony_kategorie a h4 {
    position: absolute;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    line-height: 1.4;
    letter-spacing: 0;
    text-align: center;
    padding: 0 20px;
    margin: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.35);
}

.felietony_kategorie.znak_zodiaku_a a h4 {
    font-size: 12px;
    font-weight: 600;
    padding-top: 45px;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.35);
}

.felietony_kategorie.znak_zodiaku_a a#znak_a_55 h4 {
    font-size: 9.5px;
}

.felietony_kategorie.znak_zodiaku_a a.wroc_do_znaku svg {
    width: auto;
    border-radius: 0;
    margin-bottom: 55%;
    width: 34px;
    height: 34px;
}

.felietony_kategorie.znak_zodiaku_a a.wroc_do_znaku h4 {
    color: #570A54;
    padding-left: 0;
    padding-right: 0;
    font-weight: 600;
    top: 20%;
    bottom: 20%;
    text-shadow: none;
}

.felietony_kategorie a.newsletter_artykuly,
.felietony_kategorie.znak_zodiaku_a a.wroc_do_znaku {
    background: #FCCBFF;
    border-radius: 16px;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.felietony_kategorie a.newsletter_artykuly {
    aspect-ratio: 277 / 267;
}

.felietony_kategorie a.newsletter_artykuly img {
    border-radius: 0;
    margin-bottom: 35%;
    width: 45px;
}

.felietony_kategorie a.newsletter_artykuly h4 {
    top: 30%;
    padding-left: 0;
    padding-right: 0;
    color: #570A54;
    font-size: 18px;
    font-weight: 600;
}

.astroczytelnia_szczegoly {
    margin-bottom: 12px;
}

.astroczytelnia_szczegoly span.ac {
    background-image: url("../images/astroczytelnia-ikony.png");
    display: inline-block;
    height: 18px;
    margin-left: 3px;
    margin-top: -2px;
    vertical-align: middle;
    width: 18px;
}

.astroczytelnia_szczegoly .ac_2 {
    background-position: 0 -18px;
}

.astroczytelnia_szczegoly .ac_3 {
    background-position: 0 -36px;
}

.astroczytelnia_szczegoly .ac_4 {
    background-position: 0 -54px;
}

.astroczytelnia_szczegoly span.pseudonim {
    font-size: 14px;
    font-weight: bold;
}

#artykul {
    margin-top: 0px;
    max-width: 800px;
    margin: 0 auto;
}

#artykul h1 {
    border: 0px;
    clear: none;
    height: auto;
    font-family: "Roboto";
    line-height: 120%;
    font-size: 20px;
    padding: 20px;
    color: #971AB4;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
    text-transform: uppercase;
}

#artykul p.artykul-info {
    text-align: center;
    color: #282828;
}

#artykul p.artykul-info strong {
    font-weight: 700;
}

#artykul p.artykul-info a {
    text-decoration: underline;
    color: #971AB4;
    font-weight: 600;
}

#artykul .artykul-img {
    text-align: center;
    padding: 15px 0 30px;
}

#artykul .artykul-img img {
    width: 100%;
}

#artykul .artykul-tresc p {
    font-size: 18px;
    color: #000;
    line-height: 1.5;
}

#artykul .artykul-tresc p strong {
    font-weight: 600;
}

#artykul .artykul-naglowek p {
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1.4;
}

#artykul .artykul-doradca {
    padding: 30px 0;
    text-align: center;
    display: block;
}

#artykul .artykul-doradca h3 {
    text-align: center;
    color: #000;
    font-size: 20px;
}

#artykul .artykul-doradca h2 {
    color: #000;
    font-size: 19px;
    font-weight: 600;
}

#artykul .artykul-doradca img {
    border-radius: 8px;
    width: 145px;
    margin: 10px 0 0;
}

#artykul .artykul-doradca p {
    font-size: 19px;
    color: #000;
    line-height: 1.5;
    max-width: 500px;
    margin: 0 auto;
    padding-bottom: 50px;
}

#artykul .artykul-doradca-button {
    display: inline-block;
    padding: 8px 22px;
    background: #7E1E8B;
    ;
    border-radius: 10px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 15px;
    border-radius: 5px;
}

#artykul .astroczytelnia_szczegoly {
    float: right;
    margin-top: 8px;
}



#artykul p {
    font-size: 16px;
    line-height: 140%;
}

#artykul p a {
    color: #d6a8c9;
}

#artykul .artykul_naglowek p {
    padding-top: 20px;
    font-weight: bold;
    font-size: 16px;
    line-height: 140%;
}

#artykul #osoby div.osoba_div {
    width: 100%;
    margin: 0px !important;
    border-top: 0px;
}

#artykul #osoby div.osoba_in_prawa {
    display: none;
}

#artykul #osoby .flagi {
    display: none;
}

#artykul #osoby div.osoba_div .osoba_in {
    padding: 8px;
    height: 125px;
    display: flex;
}

#artykul #osoby .promocja_img {
    bottom: 112px;
    position: absolute;
    right: 10px;
}

#artykul #osoby div.osoba_div .osoba_in img.foto,
#artykul #osoby div.osoba .osoba_in_zdjecie {
    max-width: 120px;
    max-height: 125px;
    border-radius: 50%;
}

#artykul #osoby .status_profile {
    position: absolute;
}

#artykul #osoby div.osoba_div .osoba>.numer {
    line-height: 20px;
    background-image: none;
    overflow: auto;
}


#artykul #osoby div.osoba div.numer {
    height: auto;
}

#artykul .center.prawa
{
    color: #000;
    font-weight: 600;
}

#profil_text_astroczytelnia {
    background: url('../images/12jjZiG2MlBL.jpg') no-repeat;
    background-size: cover;
    padding: 5px;
}

#profil_text_astroczytelnia p {
    color: #f6c016;
    font-size: 20px;
    width: 55%;
    font-weight: bold;
    float: left;
    padding: 20px;
    margin: 0px;
}

#profil_text_astroczytelnia img {
    max-width: 90px;
    padding: 0px;
    vertical-align: top;
    margin: 0px 10px 0px 0px;
    border: 2px solid #fff;
}

#profil_text_astroczytelnia h6 {
    font-size: 16px;
    color: #fff;
    margin-top: 7px;
}

#profil_text_astroczytelnia .numer_wierzch {
    margin-top: 30px;
}

#profil_text_astroczytelnia .status {
    margin-top: -37px;
    float: right;
    padding: 10px;
    position: absolute;
    right: 0px;
}

#profil_text_astroczytelnia .status span {
    padding: 3px 10px;
    border-radius: 5px 5px 0px 0px;
    text-transform: uppercase;
    font-weight: bold;
}

.numer_wierzch {
    position: relative;
}

.hide_number_a .hide_number {
    display: none;
}

.odkryj_numer {
    color: #928495;
    font-size: 10px;
    position: absolute;
    top: -18px;
    right: 10px;
    font-weight: bold;
}

.dot_number {
    letter-spacing: 2px;
}

#astroczytelnia_baner_fixed {
    position: fixed;
    bottom: 0px;
    right: 0px;
    left: 0px;
    background: rgba(25, 4, 33, .9);
    padding: 10px;
    z-index: 10555;
}

#astroczytelnia_baner_fixed .oddziel {
    display: none !important;
}

#astroczytelnia_baner_fixed #profil_text_astroczytelnia {
    max-width: 825px;
    float: right;
}

#astroczytelnia_baner_fixed .container {
    position: relative;
}

#artykul #osoby div.osoba_div .numer .numer {
    float: right;
}

#artykul #osoby div.osoba_div .numer .koszt,
#artykul div.numer_wierzch .koszt {
    clear: right;
    float: right;
    color: #f6c016;
}

#artykul #osoby div.osoba_div .numer .numer a {
    margin: 0px;

}

#artykul #osoby div.osoba_div .numer .bezposredni_numer,
#artykul div.numer_wierzch span.bezposredni_numer {
    width: 80px;
    margin-top: -20px;
    font-size: 11px;
    color: #f6c016;
}

#artykul #osoby div.osoba .osoba_in_zdjecie {
    margin-right: 10px;
}

#artykul #osoby div.osoba .osoba_in_zdjecie a {
    width: 100%;
    margin: 0px;
    color: transparent;
    padding-top: 0px;
    display: block;
    bottom: auto;
    height: 145px;
    box-sizing: border-box;
}

#artykul #osoby div.osoba div.numer_wierzch,
#profil_text_astroczytelnia div.numer_wierzch {
    padding-left: 10px;
    margin-top: 8px;
    display: block;
    height: 100%;
    overflow: hidden;
}

#artykul #osoby div.osoba div.numer_wierzch:nth-child(2) {
    border-top: 2px solid #000;
    padding-top: 8px;
    padding-bottom: 8px;
}

#artykul #osoby div.osoba .kategorie_dziedziny {
    display: none;
}


#artykul #osoby div.osoba .osoba_in span.ocena {
    display: block;
    clear: both;
}

#artykul .lubie_to {
    float: right;
    margin-left: 20px;
    margin-top: 8px;
}

#artykul #osoby p {
    font-size: 11px;
    float: left;
    width: 140px;
    padding: 0px;
    line-height: 120%;
    height: auto;
}

#tlo_glowna {
    padding: 20px;
    background: url('../images/igCtJpMdHbA5.jpg') no-repeat;
    background-size: 100% 100%;
    margin-bottom: 20px;
}

#tlo_glowna strong {
    color: #fbbf1f;
}

#tlo_glowna p {
    font-size: 12px;
    line-height: 130%;
    margin-bottom: 5px;
}

/*.tekst h1:first-of-type {
    margin-top: 8px;
}*/

.tekst h2.h2_kategoria {
    background: none;
    padding: 5px 0px;
    border: 0px;
    margin: 0px;
    text-align: center;
    color: #c336c2;
    text-decoration: none !important;
}

.tekst a:hover,
.tekst a:hover h2.h2_kategoria {
    text-decoration: none !important;
}

.tekst p {
    margin-bottom: 14px;
    font-size: 16px;
    line-height: 1.5;
    color: #F9DFFF;
    font-weight: 500;
}

#buttony_ranking {
    margin: 20px 0px 10px;
    font-size: 14px;
    line-height: 200%;
    display: none;
}

#buttony_ranking a,
#buttony_ranking a span {
    display: inline-block;
    vertical-align: top;
}

#buttony_ranking a {
    font-weight: bold;
    margin: 0px 2px;
    padding: 0px 10px;
    border-radius: 8px;
}

#buttony_ranking a.active,
#buttony_ranking a:hover {
    background-color: #ffbe39;
    color: #4c0b44;
}

#buttony_ranking a#wyszukiwanie_zaawansowane {
    font-weight: normal;
    float: right;
    color: #ffc2fe;
}

#buttony_ranking a#wyszukiwanie_zaawansowane:hover {
    background: none;
    color: #ffbe39;
}

.bledy {
    color: red;
}

.bledy p {
    font-weight: 600;
}

.bledy ul li {
    background-image: none;
    margin-left: 0;
}

#znaki_zodiaku {
    /*background: url('../../images/horoskopbg.jpg') no-repeat;*/
    background-size: cover;
    padding: 10px 0px;
}

#lewa_znaki #znaki_zodiaku {
    height: auto;
}

#znaki_zodiaku.astrologiczny {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;
}

#znaki_zodiaku a {
    display: inline-block;
    width: calc(8.33% - 0px);
    text-align: center;
    vertical-align: top;
    color: #FBD7FD;
    text-transform: lowercase;
    font-size: 9px;
    margin-bottom: 5px;
    font-weight: 600;
}

#znaki_zodiaku a.active {
    color: #fff;
}

#znaki_zodiaku a.active svg path {
    stroke: #fff;
}

#lewa_znaki #znaki_zodiaku a {
    width: 25%;
    margin-bottom: 5px;
    text-decoration: none;
}

#znaki_zodiaku.znaki_horoskop_46 a
/*numerologiczny*/
{
    width: calc(11.11% - 1px);
}

#znaki_zodiaku a span.znak {
    display: inline-block;
    vertical-align: top;
    width: 38px;
    height: 38px;
    background-repeat: none;
}

#znaki_zodiaku.astrologiczny a {
    box-sizing: border-box;
    background-color: var(--kolor);
    border-radius: 6px;
    width: calc(8.33% - 5px);
    text-transform: uppercase;
    aspect-ratio: 1/1;
    display: inline-flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

#znaki_zodiaku.astrologiczny a svg.znak {
    width: 42px;
    height: 34px;
    margin-bottom: 3px;
    vertical-align: top;
}

#znaki_zodiaku.astrologiczny span.znak_out {
    margin-bottom: 0px;
    padding-bottom: 0px;
    width: 100%;
    box-sizing: border-box;
}

#lewa_znaki #znaki_zodiaku.astrologiczny a {
    width: calc(100% / 6 - 4px);
    flex-grow: 0;
    height: 51px;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    font-weight: 600;
    font-size: 7px;
}

#lewa_znaki #znaki_zodiaku.astrologiczny a svg.znak {
    width: 34px;
    height: 26px;
}

#lewa_znaki #znaki_zodiaku.astrologiczny span.znak_out {
    padding-top: 0px;
}

#znaki_zodiaku.znaki_horoskop_46 a span.znak
/*numerologiczny*/
{
    background-image: url('../images/fRm4v3UEL2ep.png');
}

#znaki_zodiaku.znaki_horoskop_86 a span.znak
/*indianski*/
{
    background-image: url('../images/j65TIpa0W0T9.png');
}

#znaki_zodiaku span.znak_out {
    display: inline-block;
    padding: 7px;
    border-radius: 50%;
    margin-bottom: 8px;
}

#znaki_zodiaku:not(.astrologiczny) a:hover span.znak_out,
#znaki_zodiaku:not(.astrologiczny) a.active span.znak_out {
    background-color: #fbc227;
    transition: .3s;
}

#znaki_zodiaku.astrologiczny a:hover,
#znaki_zodiaku.astrologiczny a.active {
    text-decoration: none;
    transition: 0s;
    background-color: #B955C7;
}

#znaki_zodiaku:not(.astrologiczny) a:hover,
#znaki_zodiaku:not(.astrologiczny) a.active {
    color: var(--kolor-y);
}

#znaki_zodiaku_obrazki a {
    display: inline-block;
    padding: 5px 8px;
    max-width: 194px;
    vertical-align: top;
    border-radius: 8px;
    border: 2px solid transparent;
}

#znaki_zodiaku_obrazki a:hover {
    border: 2px solid rgba(255, 118, 249, 1);
}

#znaki_zodiaku_obrazki a.active {
    border: 2px solid #fbbf1f;
}

.img_chinski {
    float: right;
}

#twoj_znak_inny {
    padding: 12px;
    background: #9420ab;
    color: #fff;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    margin-top: 20px;
}

#twoj_znak_inny span {
    color: #fbbf1f;
}

p.h_data {
    color: red;
    text-align: center;
    padding: 5px;
    font-size: 12px;
}

#table_wieczory td img {
    vertical-align: middle;
    padding-left: 10px;
}

#main_button {
    text-align: center;
    margin: 0px 0px 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#main_button a.main_button {
    width: 100%;
    box-sizing: border-box;
    padding: 0px 20px 0px 70px;
    margin-bottom: 7px;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    color: var(--kolor);
    border-radius: 8px;
    background-color: #FCCBFF;
    background-repeat: no-repeat;
    background-position: left 17px center;
    background-size: 32px 35px;
    opacity: 1;
    line-height: 45px;
    height: 49px;
    box-sizing: border-box;
    text-transform: uppercase;
}

#main_button a.main_button_email {
    border: 2px solid transparent;
    background-image: url('../images/Wx1lztiyWL9Q.svg');
}

#main_button a.main_button_horoskop {
    border: 2px solid transparent;
    background-image: url('../images/MJyfkvLLvuGL.svg');
    line-height: 48px;
}


#main_button a.main_button_email.active,
#main_button a.main_button_horoskop.active {
    background-color: var(--kolor-y);
    transition: 0s;
}

@media (hover: hover) and (pointer: fine) {

    #main_button a.main_button_email:hover,
    #main_button a.main_button_horoskop:hover {
        background-color: var(--kolor-y);
        transition: 0s;
    }
}

#main_button a.main_button:hover,
#main_button a.main_button.active {
    transition: .5s;
    text-decoration: none;
}

#limit_ceny {
    text-align: center;
    background: #1b011c;
    border: 1px solid #3e0739;
    padding: 20px;
    font-size: 18px;
    line-height: 140%;
}


#limit_ceny input {
    background: none;
}

#limit_ceny button {
    background: #9420ab;
    border: 0px;
    padding: 5px 10px;
    color: #fff;
    font-size: 18px;
    border-radius: 6px;
}

#limit_ceny button:hover {
    transition: .3s;
    background: #f6c016;
    color: #2d0139;
    cursor: pointer;
}

#limit_ceny #update_money {
    color: #f6c016;
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 20px;
    font-size: 28px;
    font-weight: bold;
}

#h1_cena {
    color: #f6c016;
}

#konkurs_tv {
    background: url('../images/YY72K8yfxwAw.jpg');
    background-size: contain;
    background-repeat: no-repeat;
    height: 340px;
    box-sizing: border-box;
    padding-left: 225px;
    padding-top: 100px;
    padding-right: 20px;
}

#konkurs_tv p {
    font-size: 13px;
}

.change_player {
    text-align: left;
    padding: 10px 0px 12px;
}

.change_player button {
    display: inline-block;
    vertical-align: top;
    padding: 0px;
    text-transform: uppercase;
    color: #974a6c;
    border-radius: 8px;
    background: #461748;
    font-weight: bold;
    border: 0px;
    line-height: 130%;
    margin: 5px 5px;
}

.change_player button span.close-fullscreen {
    display: inline-block;
    background: var(--kolor-y);
    padding: 5px 10px;
    border-radius: 8px;
}

.change_player button:hover {
    background: var(--kolor-y);
    cursor: pointer;
}

.change_player a {
    font-size: 11px;
    color: white;
    display: inline-block;
    vertical-align: top;
}

.change_player a.wyslij {
    margin-top: 5px;
    display: inline-block;
    background: var(--kolor-y);
    padding: 5px 15px;
    border-radius: 8px;
    color: #c950c5;
    text-transform: uppercase;
    font-weight: bold;
    margin-right: 5px;
    position: relative;
    font-size: 13px;
}

.change_player a.wyslij:before {
    content: url('../images/eiKBp0FXSCqn.png');
    position: absolute;
    top: -14px;
    left: calc(50% - 9px);
}

.change_player a.wyslij:hover {
    background: #725196;
    color: #fff;
    transition: none;
}

.change_player a.wyslij:hover:before {
    content: url('../images/O65vATjdy2ip.png');
}


.change_player a.wyslij:hover span {
    color: var(--kolor-y);
}

.change_player a.wyslij span {
    color: #a12f9d;
}

.change_player a.stary-player {
    display: inline-block;
    padding: 5px;
    margin-top: 5px;
}

.change_player span.player-icon {
    display: inline-block;
    vertical-align: top;
    width: 30px;
    height: 30px;
    background-image: url('../images/J4mAvXsoVR8i.png');
}

.change_player span.player-icon.player-stop {
    background-position: -30px 0px;
}

.change_player span.player-icon.player-fullscreen {
    background-position: -60px 0px;
}

.change_player span.player-icon.player-volume {
    background-position: -90px 0px;
    margin-top: 5px;
}

.change_player #range_volume {
    -webkit-appearance: none;
    margin-top: 7px;
    width: 100px;
    background: none;
    border: 0px;
    height: 18px;
}

.change_player #range_volume:focus {
    outline: none;
}

.change_player #range_volume::-webkit-slider-runnable-track {
    width: 100%;
    height: 6px;
    cursor: pointer;
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
    background: #512855;
    border-radius: 1.3px;
    border: 0.2px solid #010101;
}

.change_player #range_volume::-webkit-slider-thumb {
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
    border: 1px solid #000000;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    background: #99496b;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -3px;
}

.change_player #range_volume::-webkit-slider-runnable-track {
    background: #512855;
}

.change_player #range_volume::-moz-range-track {
    width: 100%;
    height: 6px;
    cursor: pointer;
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
    background: #512855;
    border-radius: 1.3px;
    border: 0.2px solid #010101;
}

.change_player #range_volume::-moz-range-thumb {
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
    border: 1px solid #000000;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    background: #99496b;
    cursor: pointer;
}

.change_player #range_volume::-ms-track {
    width: 100%;
    height: 6px;
    cursor: pointer;
    border-color: transparent;
    border-width: 16px 0;
    color: transparent;
    background: #99496b;
}

.change_player #range_volume::-ms-fill-lower {
    background: #2a6495;
    border: 0.2px solid #010101;
    border-radius: 2.6px;
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}

.change_player #range_volume::-ms-fill-upper {
    background: #9420ab;
    border: 0.2px solid #010101;
    border-radius: 2.6px;
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}

.change_player #range_volume::-ms-thumb {
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
    border: 1px solid #000000;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    background: #99496b;
    cursor: pointer;
}

.change_player #range_volume:focus::-ms-fill-lower {
    background: #3071a9;
}

.change_player #range_volume:focus::-ms-fill-upper {
    background: #367ebd;
}

.ekspert_usluga h2.standard_header
{
    font-size: 22px;
    padding-top: 10px;
    padding-bottom: 13px;
}

.ekspert_usluga h3.standard_header
{
    font-size: 17px;
    padding-bottom: 15px;
}

#telefon_opis h3:not(.standard_header) {
    color: #E296EF;
    font-size: 18px;
    background: none;
    border: 0px;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 10px;
    text-align: left;
    font-weight: 700;
}

#telefon_opis h3.standard_header {
    text-align: center;
}

#telefon_opis p {
    font-weight: 400;
}

#telefon_opis li {
    font-size: 16px;
    background: none;
    padding-left: 0px;
    margin-left: 0;
    position: relative;
    line-height: 140%;
    padding-bottom: 12px;
    font-weight: 400;
    color: #F9DFFF;
}

#telefon_opis li:last-of-type {
    padding-bottom: 0;
}

#telefon_opis li span {
    font-weight: 700;
    color: #F4ADF9;
}

.tekst .ul_telefon_opis {
    padding-bottom: 20px;
}

#telefon_opis span.krok {
    color: #dda0dd;
}

#telefon_opis p.info {
    font-weight: 500;
    padding: 15px;
    background: #971AB4;
    border-radius: 4px;
    font-size: 16px !important;
}

#telefon_opis p.info span {
    color: var(--kolor-y);
}

#call .telefon_ikona,
.telefon_ikona_callback {
    display: inline-block;
    width: 60px;
    height: 60px;
    background-image: url('../images/XwBpHJ2WK8pm.webp');
    background-repeat: no-repeat;
    background-position: 0px -420px;
    vertical-align: middle;
    margin: 0px 20px;
}

body.no-webp #call .telefon_ikona,
body.no-webp .telefon_ikona_callback {
    background-image: url('../images/d0Wru6FO20QI.png');
}

.telefon_ikona_callback {
    float: left;
}

#call #tab {
    margin-top: 8px;
    border-bottom: 3px solid var(--kolor);
    display: flex;
}

#call #tab a {
    display: inline-block;
    padding: 12px 20px;
    color: #F9DFFF;
    font-size: 15px;
    vertical-align: bottom;
    border-radius: 6px 6px 0 0;
    font-weight: 600;
    width: 50%;
    text-align: center;
    word-spacing: 3px;
}

#call #tab a.active {
    background: var(--kolor);
}

#call #tab a span {
    font-size: 10px;
    color: #fbbf3b;
    vertical-align: top;
    display: inline-block;
}

#call #tab a:hover {
    color: var(--kolor-y);
}

#call .form div {
    padding: 10px 0px;
    height: 100%;
    overflow: hidden;
    font-size: 14px;
    font-weight: 400;
}

#call .form div label:not(.label_checkbox) {
    width: 100px;
    display: inline-block;
    text-transform: uppercase;
    text-align: center;
    padding-top: 10px;
}

#call .form div input {
    padding: 10px;
    background: #F9DFFF;
    border: 1px solid #F3B7F7;
    color: #4d0946;
    border-radius: 6px;
}

#call .form div input.checkbox {
    margin-left: 0px;
}

#call .form div label.label_checkbox {
    width: calc(100% - 90px) !important;
    color: #fff;
}

#call div.bledy li {
    min-height: 0 !important;
    padding-bottom: 0px;
    color: red;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

/* range style */
#limit_ceny input[type=range] {
    -webkit-appearance: none;
    margin: 18px 0;
    width: 100%;
}

#limit_ceny input[type=range]:focus {
    outline: none;
}

#limit_ceny input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 8.4px;
    cursor: pointer;
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
    background: #9420ab;
    border-radius: 1.3px;
    border: 0.2px solid #010101;
}

#limit_ceny input[type=range]::-webkit-slider-thumb {
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
    border: 1px solid #000000;
    height: 36px;
    width: 16px;
    border-radius: 3px;
    background: #f6c016;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -14px;
}

#limit_ceny input[type=range]:focus::-webkit-slider-runnable-track {
    background: #367ebd;
}

#limit_ceny input[type=range]::-moz-range-track {
    width: 100%;
    height: 8.4px;
    cursor: pointer;
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
    background: #9420ab;
    border-radius: 1.3px;
    border: 0.2px solid #010101;
}

#limit_ceny input[type=range]::-moz-range-thumb {
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
    border: 1px solid #000000;
    height: 36px;
    width: 16px;
    border-radius: 3px;
    background: #f6c016;
    cursor: pointer;
}

#limit_ceny input[type=range]::-ms-track {
    width: 100%;
    height: 8.4px;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    border-width: 16px 0;
    color: transparent;
}

#limit_ceny input[type=range]::-ms-fill-lower {
    background: #2a6495;
    border: 0.2px solid #010101;
    border-radius: 2.6px;
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}

#limit_ceny input[type=range]::-ms-fill-upper {
    background: #9420ab;
    border: 0.2px solid #010101;
    border-radius: 2.6px;
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}

#limit_ceny input[type=range]::-ms-thumb {
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
    border: 1px solid #000000;
    height: 36px;
    width: 16px;
    border-radius: 3px;
    background: #f6c016;
    cursor: pointer;
}

#limit_ceny input[type=range]:focus::-ms-fill-lower {
    background: #3071a9;
}

#limit_ceny input[type=range]:focus::-ms-fill-upper {
    background: #367ebd;
}

/* END. range style */

#menu_top {
    margin-top: 5px;
}

#menu_top .menu_top_in {
    display: flex;
    padding: 0 0 0;
    box-sizing: border-box;
    border-radius: 10px;
    justify-content: space-between;
}

#menu_top a {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    color: #fff;
    position: relative;
    background-color: #681A73;
    width: calc(20% - 6px);
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    padding: 15px;
    box-sizing: border-box;
}

#menu_top var {
    position: absolute;
    top: -10px;
    right: 0px;
    background: #FBD7FD;
    color: #681A73;
    width: 43px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    border-radius: 50%;
    font-style: normal;
    font-weight: 700;
}

#kalendarz #foto_kalendarz img {
    width: 100%;
}

#kalendarz h5 {
    border: 0px;
    background: none;
    padding: 20px 20px 0px 20px;
    color: #dd5cc8;
    font-size: 30px;
}

#kalendarz img.hr {
    padding: 10px;
}

#kalendarz p a {
    color: #dd5cc8;
}

.zdjecie_mail {
    padding: 20px;
    margin: 0px 20px 20px 0px;
    display: inline-block;
    background: #333;
}

.zdjecie_mail img {
    height: 200px;
}

#flagi img {
    margin-right: 10px;
    height: 20px;
    border-radius: 3px;
}

#wyszukiwarka {
    padding: 30px;
}

#wyszukiwarka label {
    width: 100px;
}

#wyszukiwarka .kolumna_szukaj>div .checkbox {
    margin-left: 10px;
}

#wyszukiwarka .kolumna_szukaj {
    padding: 20px;
    background: #2a0b2d;
    margin: 20px 0px;
}

#wyszukiwarka .kolumna_szukaj>div {
    width: calc(32% - 10px);
    display: inline-block;
    vertical-align: top;
}

#wyszukiwarka .kolumna_szukaj>div .label_checkbox {
    width: auto !important;
}

#wyszukiwarka input.button {
    margin-left: 38px;
}

#rodo {
    max-width: 570px;
    margin: 0 auto;
    background: #2c0228;
    border: 8px solid #70326a;
    text-align: left;
}

#rodo img {
    vertical-align: top;
}

#rodo .rodo_pasek {
    background: #551f50;
    padding: 15px 30px;
    height: 100%;
    overflow: hidden;
}

#rodo .rodo_pasek img {
    float: right;
}

#rodo .rodo_pasek h4 {
    color: #fff;
    font-size: 22px;
    text-align: left;
    font-weight: normal;
}

#rodo p {
    padding: 40px;
    text-align: left;
    color: #fff;
    line-height: 160%;
}

#rodo p span,
#rodo_telefon p span {
    color: #febe36;
    font-weight: bold;
}

#rodo a {
    display: inline-block;
    background: #febe36;
    color: #70326a;
    font-size: 18px;
    border-radius: 12px;
    padding: 6px 30px;
    text-decoration: none;
    margin-bottom: 30px;
}

#rodo a:hover,
#rodo_telefon a:hover {
    background: #551f50;
    color: #fff;
    transition: .3s;
}

#rodo .label_checkbox {
    width: 200px !important;
}

#rodo_telefon {
    background: #291531;
    border: 1px solid #512d5f;
    padding: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#rodo_telefon a {
    display: inline-block;
    background: #912aa3;
    color: #fff;
    font-size: 16px;
    border-radius: 12px;
    padding: 6px 30px;
}

#limity {
    background: #320332;
    padding: 20px 20px;
    position: relative;
    margin-top: 8px;
    margin-bottom: 40px;
    border-radius: 12px;
}

#limity a.x {
    position: absolute;
    padding: 10px;
    right: 0;
    top: 0;
    font-size: 20px;
    text-decoration: none;
    line-height: 10px;
}

#limity img {
    padding: 20px 3%;
    float: left;
    max-width: 60px !important;
}

#limity p {
    font-size: 14px;
    padding-bottom: 15px;
    font-weight: 500;
    line-height: 140%;
}

#limity div.sprawdz_out {
    margin-bottom: -40px;
    text-align: center;
}

#limity a.sprawdz {
    display: inline-block;
    background: #9a1da3;
    padding: 10px 30px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 700;
}

#limity a.sprawdz:hover {
    background: var(--kolor-y);
    text-decoration: none;
    color: #a12f9d;
}

#limity a.sprawdz:hover span {
    color: #a12f9d;
}

#baner_aplikacja {
    height: 233px;
    background: url('../images/UkZAClwpTetx.jpg') right no-repeat #ffb430;
    border-left: 25px solid #402745;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 20px;
    padding-right: 150px;
}

#baner_aplikacja p {
    color: #000;
    font-size: 14px;
    padding-top: 20px;
    padding-bottom: 20px;
}

div#flagi {
    margin: 0 15px;
}

div#profil_eksperta {
    padding-top: 0;
}

div#profil_opis {
    font-size: 16px;
    line-height: 140%;
    padding: 0px 0 15px;
}

div#profil_opis img.foto_d {
    border-radius: 20px;
    border-color: #320331;
    background-color: rgba(255, 255, 255, .01);
}

div#profil_promocja {
    background: rgba(68, 25, 67, .5);
    font-weight: 600;
    border-radius: 12px;
    margin-bottom: 20px;
    padding: 10px 20px;
}

div#profil_info {
    background: rgba(68, 25, 67, .4);
    font-weight: 600;
    border-radius: 12px;
    margin-bottom: 30px;
    color: #f1d6f4;
}

div#profil_info a {
    color: #fff;
}

div#profil_info_2 {
    background: rgba(34, 0, 33, 0.5);
    border-radius: 12px;
}

div#profil_info_3 {
    background: var(--kolor);
    border-radius: 5px;
    padding: 8px 8px;
    margin-bottom: 10px;
    color: #F4ADF9;
}

div#profil_info_3 p {
    line-height: 1.5;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
}

div#profil_info_3 span.fiolet {
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
}

#wiadomosc_felietony {
    border-radius: 10px;
    padding: 5px 10px;
}

#a_informacja,
#a_grafik,
#a_opinie,
#wiadomosc_felietony #a_felietony {
    display: block;
    color: var(--kolor-y);
    font-size: 15px;
    padding: 10px;
    background-image: url('../images/BHh6FPCocT1w.svg');
    background-size: 28px;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 52px;
    margin-left: 5px;
    font-weight: 700;
    margin-bottom: 5px;
}

#wiadomosc_felietony #a_felietony {
    background-image: url('../images/3p8XHxg0ILIV.svg');
    background-size: 26px;
    background-position: left 3px center;
}

#a_grafik {
    background-image: url('../images/W3oR4vhjK9Jv.svg');
    background-position: left 2px center;
    display: none;
}

#a_opinie {
    background-image: url('../images/dukACpVwuRiV.svg');
    background-position: left 2px center;
    display: none;
}

#a_informacja:hover,
#a_grafik:hover,
#wiadomosc_felietony #a_felietony:hover {
    text-decoration: none;
    color: #c88ecb;
    transition: .3s;
}

#uslugi_profil {
    display: flex;
    justify-content: space-between;
    padding: 10px 0px;
}

#uslugi_profil>div:last-child {
    min-width: 50%;
}

#uslugi_profil>div>div {
    display: flex;
}

#uslugi_profil div a {
    display: flex;
    border-left: 1px solid #573056;
    padding: 0px 10px;
}

#uslugi_profil>div:first-child a:first-child {
    border: 0px;
}

#uslugi_profil div.ikona {
    text-align: center;
    color: #c88ecb;
    font-size: 11px;
    width: 80px;
}

#uslugi_profil h4 {
    background: none;
    padding: 0px;
    border: 0px;
    font-size: 12px;
    font-weight: bold;
    color: #f1d6f4;
    padding: 0px 20px 10px 20px;
    margin: 0px;
    font-family: 'Open Sans';
}

#uslugi_profil p {
    margin-bottom: 0px;
    color: var(--kolor-y);
}

#uslugi_profil p.numer {
    font-size: 18px;
    font-weight: bold;
}

#uslugi_profil p.cena {
    font-size: 12px;
    padding: 2px 0px;
}

#uslugi_profil p.swiat {
    background: #741274;
    border-radius: 20px;
    display: inline-block;
    padding: 5px 15px;
    font-size: 12px;
    margin-top: 5px;
}

#uslugi_profil .white {
    color: #fff;
}

#pozostale_uslugi_profil {
    padding: 10px 20px;
}

#pozostale_uslugi_profil span {
    vertical-align: middle;
    margin-right: 5px;
}

#pozostale_uslugi_profil span.txt {
    white-space: nowrap;
}

#pozostale_uslugi_profil a {
    display: inline-block;
    margin-right: 5px;
}

#pozostale_uslugi_profil a:hover {
    color: #d9a0eb;
    transition: .3s;
}

#platnosci_v2 {
    max-width: 1000px;
    margin: 10px auto;
}

#platnosci_v2 h2 {
    background: none;
    padding-left: 0;
    border: 0;
    font-family: 'Open Sans';
    font-weight: 600;
    margin: 0;
    text-align: center;
    font-size: 20px;
    position: relative;
    text-transform: uppercase;
    line-height: 1.4;
    color: #F2D6FF;
}

#platnosci_v2 h2 span.krok {
    position: absolute;
    left: 0;
    padding: 0 10px;
}

#platnosci_v2 h2 span.krok_nr {
    color: #6f5d73;
    font-size: 120px;
    font-weight: bold;
}

#platnosci_v2 h2 span.krok_nazwa {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: 300;
}

#platnosci_v2 input#kwota {
    width: 131px;
    font-size: 16px;
    font-weight: 700;
    margin: 5px 30px;
    padding: 7px 29px;
    border-radius: 6px;
    text-align: center;
    vertical-align: middle;
    color: #631F58;
}

#platnosci_v2 span.t-button {
    display: inline-block;
    font-size: 26px;
    font-weight: 700;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #971AB4;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    font-weight: 600;
    user-select: none;
}

#platnosci_v2 span.t-button:hover {
    cursor: pointer;
    background: var(--kolor-y);
    transition: .3s;
    color: #631F58;
}

#platnosci_v2 #krok1_kwota {
    display: flex;
    text-align: center;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin-top: 0px;
}

#platnosci_v2 #krok1_kod {
    padding-top: 10px;
    font-size: 16px;
    font-weight: 600;
}

#platnosci_v2 #krok1 {
    padding-bottom: 0px;
}

#platnosci_v2 #kwoty {
    display: flex;
    justify-content: space-between;
    padding: 12px 0 10px;
}

#platnosci_v2 #kwoty a {
    background: #681A73;
    border: 2px solid #681A73;
    width: calc(100%/6 - 4px);
    text-align: center;
    padding: 10px 0;
    font-size: 16px;
    font-weight: 700;
    border-radius: 6px;
    box-sizing: border-box;
    color: var(--kolor-y);
}

#platnosci_v2 #kwoty a:hover,
#platnosci_v2 #kwoty a.active {
    background: var(--kolor-y);
    color: #631F58;
    ;
    border-color: var(--kolor-y);
}

#platnosci_v2 #lub_wpisz_kwote {
    padding-bottom: 10px;
}

#platnosci_v2 #metody {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 10px;
}

#platnosci_v2 #metody a {
    background: #681A73;
    text-align: center;
    padding: 5px 0;
    font-size: 17px;
    font-weight: 600;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    border-radius: 6px;
}

#platnosci_v2 #metody a:hover,
#platnosci_v2 #metody a.active {
    background: #FF3FE4;
}

#platnosci_v2 #metody a img.icon {
    margin-bottom: 40px;
    max-width: 80%;
    max-height: 32px;
}

#platnosci_v2 #metody a img.arrow {
    position: absolute;
    bottom: -30px;
    display: none;
}

#platnosci_v2 #metody a.active img.arrow {
    display: block;
}

#platnosci_v2 #metody a span {
    position: absolute;
    bottom: 2px;
    color: #fff;
    font-size: 15px;
    line-height: 1.1;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 42px;
    display: flex;
    align-items: center;
}

#platnosci_v2 .metoda_box {
    display: none;
    background: #681A73;
    padding: 15px;
    margin-top: 28px;
    border-radius: 8px;
}

#platnosci_v2 #metoda_0 {
    padding: 4px 4px 15px 4px;
}

#platnosci_v2 #metoda_0 .p2_zgoda {
    padding: 0 20px 10px;
}

#platnosci_v2 .checkbox {
    margin-top: 4px;
    margin-left: 0;
}

#platnosci_v2 .label_checkbox {
    width: calc(100% - 50px) !important;
    font-size: 13;
}

#platnosci_v2 div.p2_zgoda {
    padding-bottom: 10px;
    display: flex;
    align-items: flex-start;
}

#platnosci_v2 .pay_options_img {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 20px;
}

#platnosci_v2 .pay_options_img a {
    width: calc(100% / 7 - 8px);
    background: #fff;
    margin-bottom: 8px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 0;
    border-radius: 6px;
    aspect-ratio: 1;
    box-sizing: border-box;
    margin: 4px;
}

#platnosci_v2 .pay_options_img a:last-child {
    margin-right: auto;
}

#platnosci_v2 .pay_options_img a:hover,
#platnosci_v2 .pay_options_img a.active {
    background: var(--kolor-y);
}

#platnosci_v2 .pay_options_img a img {
    max-width: 98%;
    max-height: 50px;
}

/*autopay icon*/
#platnosci_v2 .pay_options_img.channel_22 a img {
    max-width: 98%;
    max-height: 80px;
}
/*end.autopay icon*/

#platnosci_v2 #krok2 .box {
    max-width: 600px;
    margin: 30px auto;
    padding: 0px;
}

#platnosci_v2 .table {
    padding-top: 10px;
}

#platnosci_v2 .pay_options_table td {
    background: #35233a;
    padding: 8px;
}

#platnosci_v2 #sms_pay p.title {
    font-size: 17px;
    font-weight: 600;
}

#platnosci_v2 #form_sms_row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 424px;
    margin: 0 auto;
}

#platnosci_v2 #form_sms_row .form_row,
#platnosci_v2 #form_sms_row .center_no_padding {
    padding: 0 !important;
    width: calc(33.33% - 3px);
}

#platnosci_v2 #form_sms_row .form_row input {
    margin: 0;
    max-width: 100%;
    padding: 7px;

}

#platnosci_v2 #metody_box form {
    padding-bottom: 20px;
}

#platnosci_v2 #metody_box form .form_row {
    text-align: center;
    padding: 10px 0;
}

#platnosci_v2 #metody_box form label {
    float: none;
    width: auto;
    text-align: center;
    font-size: 20px;
    color: #fff;
    padding: 0;
}

#platnosci_v2 #metody_box form input {
    margin: 10px 0 10px 0;
    border-radius: 5px;
    padding: 7x;
    width: 270px;
    text-align: center;
    color: #631F58;
    font-size: 16px;
}

#platnosci_v2 #metody_box form input[type=text]::placeholder {
    opacity: 1;
    text-align: center;
}


#platnosci_v2 #metody_box form div.update {
    text-align: center;
    font-size: 14px;
}

#platnosci_v2.potwierdzenie div.img {
    padding: 40px 0;
}

#platnosci_v2.potwierdzenie div.img p {
    font-size: 18px;
}

#platnosci_v2.potwierdzenie div.img.success p {
    color: #ffbe3a;
}

#platnosci_v2.potwierdzenie div.img img {
    padding-bottom: 40px;
}

#platnosci_v2 #przelew_bezposredni {
    margin-top: -10px;
}

#platnosci_v2 #blik_inside {
    text-align: center;
}

#platnosci_v2 #blik_inside h3 {
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    text-align: center;
    font-size: 14px;
}

#platnosci_v2 #blik_inside #blik_inside_in {
    display: inline-block;
    background: #681A73;
    padding: 11px;
    border-radius: 6px;
    margin-top: 0px;
    margin-bottom: 10px;
    position: relative;
    max-width: 434px;
    box-sizing: border-box;
}

#platnosci_v2 #blik_inside #blik_inside_in_in form {
    display: block;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

#przelew_bezposredni p,
#sms_pay p {
    color: #F2D6FF;
    text-align: justify;
}

#blik_form {
    display: flex;
    align-items: center;
    justify-content: center;
}

#platnosci_v2 #blik_inside #blik_inside_in h3 {
    width: 100%;
    margin-bottom: 15px;
    color: #fff;
}

#platnosci_v2 #blik_inside #blik_inside_in img#blik_img {
    width: calc(33% - 4px);
    height: 42px;
}

#platnosci_v2 #blik_inside #blik_inside_in input[type=number] {
    text-align: left;
    border-radius: 5px;
    font-size: 16px;
    color: #631F58;
    padding: 7px 10px;
    max-width: 131px;
    text-transform: uppercase;
    margin: 0 7px;
    box-sizing: border-box;
}

#platnosci_v2 #blik_inside #blik_inside_in input[type=number]::placeholder {
    opacity: 1;
    text-align: center;
}

#platnosci_v2 #blik_inside #blik_inside_in button,
#platnosci_v2 .button {
    background: var(--kolor-y);
    color: #681A73;
    font-weight: 600;
    font-size: 16px;
    border: 0;
    border-radius: 5px;
    padding: 9px 36px;
    cursor: pointer;
    text-transform: uppercase;
    display: inline-block;
    min-width: auto;
    font-family: 'Open Sans';
    line-height: 1.4;
}

#platnosci_v2 #blik_inside #blik_inside_in .button_blik {
    width: calc(33% - 4px);
}

#platnosci_v2 #blik_inside #blik_inside_in button {
    padding: 9px 30px;
    box-sizing: border-box;
    width: 100%;
}

#platnosci_v2 #blik_inside #blik_inside_in button:hover,
#platnosci_v2 .button:hover {
    background: #8f2ba6;
    color: #fff !important;
}

#platnosci_v2 #blik_inside #blik_inside_in div.p2_zgoda {
    padding: 10px 10px 0px 10px;
}

#platnosci_v2 #blik_inside #blik_inside_in #update_blik div {
    padding-bottom: 10px;
    font-weight: 600;
    font-size: 13px;
}

#platnosci_v2 #update_blik img {
    height: 30px;
    vertical-align: middle;
    margin-right: 10px;
}

#platnosci_v2 .blik_error {
    text-align: center;
    color: #edbaf3;
}

#platnosci_v2 .blik_ok {
    text-align: center;
    color: #fbbf1f;
}

#platnosci_v2 .blik_ok img.rotate {
    animation: spin 4s linear infinite;
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

#platnosci_v2 #blik_secure {
    display: flex;
    align-items: center;
    justify-content: center;
}

#platnosci_v2 #p2_info {
    display: none;
}

#platnosci_v2 #p2_info input {
    border-radius: 5px;
    margin: 0px 10px;
    vertical-align: top;
    width: 274px;
    font-size: 18px;
    color: #631F58;
    padding: 8px 10px;
}

#platnosci_v2 .promo_info {
    color: #F2D6FF;
}

#platnosci_v2 .a_terms_url {
    text-align: center;
    font-weight: 600;
    margin-bottom: 10px;
}

#platnosci_v2 #p2_arrow_down a:hover img {
    background: #431e41;
    transition: .3s;
}

#platnosci_v2 #p2_arrow_down img {
    width: 50px;
    border-radius: 50%;
}

#platnosci_v2 #p2_secure_info {
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

#platnosci_v2 #p2_secure_info ul {
    text-align: left;
    margin-top: 10px;
}

#platnosci_v2 #p2_secure_info ul li {
    line-height: 40px;
    padding-left: 40px;
    margin: 10px 0;
    font-size: 14px;
    color: #d1c3d0;
}

#platnosci_v2 #p2_secure_info ul li:nth-child(1) {
    background-image: url('../images/y39iAJii7kOq.png');
}

#platnosci_v2 #p2_secure_info ul li:nth-child(2) {
    background-image: url('../images/bvNXrclGzfzk.png');
    background-position: top left 3px;
}

#platnosci_v2 #p2_secure_info ul li:nth-child(3) {
    background-image: url('../images/PJNZxZnz9BwT.png');
}

#platnosci_v2 .info_a {
    font-size: 16px;
    color: #3D093B;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 5px;
    background: var(--kolor-y);
    text-transform: uppercase;
    font-weight: 700;
    transition: 0;
    display: none;
}

#platnosci_v2 .info_a:hover {
    background: var(--kolor);
    color: #fff;
}

#platnosci_v2 .info_icon {
    width: 22px;
    vertical-align: middle;
    margin-right: 10px;
    display: none;
    ;
}

#platnosci_v2.platnosci_v2_bezrejestracji #kwoty a
{
    width: calc(100%/4 - 7px);
    border: 1px solid var(--kolor-y);
}

#platnosci_v2.platnosci_v2_bezrejestracji #metody a:hover, #platnosci_v2 #metody a
{
    border: 1px solid #fff;
}

#platnosci_v2 p.pay_realized
{
    font-size: 14px;
    padding: 5px;
}

/*nowe profile*/
#profile_out {
    margin-top: 0px;
}

#profile {
    box-sizing: border-box;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#profile .profil a {
    color: #fff;
    text-decoration: none;
    display: flex;
    align-items: stretch;
    flex-grow: 1;
}

#profile .profil {
    background-color: var(--kolor);
    /*border-top: 12px solid #2d0c2b;
    border-bottom: 12px solid #2d0c2b;*/
    width: calc(50% - 2.5px);
    margin-bottom: 5px;
    border-radius: 7px;
    padding: 0;
    box-sizing: border-box;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 185px;
    overflow: hidden;
}

#profile .profil:hover {
    background-color: #541653;
    transition: .3s;
}

#profile .profil .column {
    width: 50%;
    position: relative;
    box-sizing: border-box;
}

#profile .profil .column.column-1 {
    width: 35%;
    padding: 0 10px 0px 0;
    align-self: flex-start;
}

#profile .profil .column.column-2 {
    width: 65%;
    display: flex;
    flex-direction: column;
}

#profile .profil h4 {
    margin: 0;
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    padding: 2px 0 2px;
    border-radius: 4px;
    border: none;
    line-height: 115%;
    display: inline-block;
    margin-top: 2px;
    padding-right: 20px;
}

#profile .profil h4.long {
    font-size: 17px;
}

#profile .profil h4.extralong {
    font-size: 16px;
}

#profile .avatar_out {
    margin: 5px 5px 2px 5px;
}

#profile .avatar {
    border-radius: 6px;
    vertical-align: top;
    width: 134px;
    height: 130px;
}

.status_out {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #bbaabc;
    line-height: 1;
}

.status_profile {
    border-radius: 14px;
    font-size: 10.5px;
    padding: 2px 5px;
    display: inline-flex;
    align-items: center;
    line-height: 120%;
    text-transform: uppercase;
    font-weight: 700;
    white-space: nowrap;
    width: 100%;
}

.status_profile span.status {
    flex-grow: 1;
    text-align: center;
}

.status_profile span.dot {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    margin-right: 5px;
    margin-left: -2px;
}

.status_profile span.dot.online {
    background: #0dda3c;
}

.status_profile span.status.online {
    color: #0dda3c;
}

.status_profile span.dot.zajety {
    background: #e62e46;
}

.status_profile span.status.zajety {
    color: #e62e46;
}

.status_profile span.dot.offline {
    background: #bdbdbd;
}

.status_profile span.status.offline {
    color: #bdbdbd;
}

.status_profile span.dot.przerwa {
    background: #df5e00;
}

.status_profile span.status.przerwa {
    color: #df5e00;
}

.status_profile span.dot.urlop {
    background: var(--kolor-y);
}

.status_profile span.status.urlop {
    color: var(--kolor-y);
}

#profile .ocena {
    font-size: 13px;
    margin-top: 5px;
    line-height: 17px;
}

#profile .language {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 5px;
    font-size: 12px;
}

#profile .language img {
    margin-left: 8px;
    height: 16px;
    border-radius: 2px;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, .5);
    vertical-align: bottom;
}

#profile .language img:nth-child(3) {
    display: none;
}

#profile .zrealizowane_uslugi {
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 14px;
    font-weight: 600;
}

#profile .zrealizowane_uslugi strong {
    padding-right: 5px;
    font-size: 17px;
}

#profile .kategorie {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 12px;
    display: flex;
    justify-content: space-around;
    background: #2b0328;
    border-radius: 6px;
    white-space: nowrap;
    flex-wrap: wrap;
}

#profile .kategoria {
    display: inline-block;
    /*background-image: url('https://cdn.wrozbyonline.pl/wo/images/gfx/ikony_lewe.png');
    background-position: 0px -286px;
    background-repeat: no-repeat;*/
    text-transform: uppercase;
    color: #F4ADF9;
    font-size: 13px;
    line-height: 26px;
    margin: 5px 0px;
    font-weight: 600;
}

#profile .dziedziny {
    font-size: 13px;
    line-height: 140%;
    font-weight: 600;
    display: flex;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 3px;
}

#profile .dziedziny span {
    color: #FBBCFF;
    border-radius: 4px;
    display: inline-block;
    padding-right: 5px;
}

#profile p.opis {
    margin-top: 0;
    margin-bottom: 2px;
    font-size: 13px;
    line-height: 1.3;
    max-height: 51px;
    overflow: hidden;
    font-weight: 600;
}

#profile .buttons {
    display: flex;
    width: 100%;
}

#profile .buttons a,
#profile .buttons span
{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: calc(100% / 6);
    min-height: 30px;
    border-left: 2px solid #CB30EF;
    border-right: 2px solid #811799;
    background: #AD23CC;
    box-sizing: border-box;
}

#profile .buttons :first-child
{
    border-left: 0 !important;
}

#profile .buttons :last-child
{
    border-right: 0 !important;
}

#profile .buttons a svg
{
    height: 20px !important;
}

#profile .buttons a:hover
{
    background: #FCCBFF;
    border-left: 2px solid #f7defd;
    border-right: 2px solid #aa56bd;
}

#profile .buttons a:hover path.stroke
{
    stroke: #570A54 !important;
}

#profile .buttons a:hover path.fill
{
    fill: #570A54 !important;
}

#profile .buttons a svg {
    vertical-align: top;
    height: 25px;
    margin-top: 1px;
}

#profile .rekomendacje {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 13px;
    padding: 0 0 2px;
    font-weight: 600;
    position: relative;
}

#profile .rekomendacje .rekomendacje_in {
    display: flex;
    align-items: center;
}

#profile .rekomendacje span.zobacz_opinie {
    color: var(--kolor-y);
    padding-top: 4px;
    display: inline-block;
    text-transform: uppercase;
}

#profile .rekomendacje span.zobacz_opinie:hover {
    text-decoration: underline;
}

#profile .rekomendacje .doradca_label {
    padding-top: 4px;
}

#profile .rekomendacje .doradca_label .nowy {
    color: var(--kolor-y);
    font-weight: 700;
    font-size: 13px;
    margin-right: 5px;
}

#profile .rekomendacje .doradca_label .promocja {
    color: #FF3FE4 !important;
    padding-right: 100px;
    font-size: 13px;
}

#profile .rekomendacje .medal {
    position: absolute;
    right: 10px;
    top: 0;
    width: 64px;
}

#profile img.rekomendacja {
    width: 20px;
    margin-right: 6px;
}

#profile .star {
    display: inline-flex;
    align-items: center;
    color: var(--kolor-y);
    padding-top: 5px;
}

#profile .star img {
    margin-left: 10px;
}

#profile .profil .heart {
    background-image: url('../images/mAtgu2Xf1QL0.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px;
    font-weight: bold;
    position: absolute;
    width: 20px;
    height: 24px;
    top: 4px;
    right: 8px;
    cursor: pointer;
}

#profile .profil .heart.active {
    background-image: url('../images/ZLdsyhNvSVgL.svg');
}


.osoby_half
{
    margin-top: 6px;
}

.osoby_half #profile .profil
{
    width: calc(25% - 3px);
    margin-bottom: 5px;
    min-height: auto;
    height: auto;
    padding: 0px;
}

.osoby_half #profile .avatar
{
    border-radius: 5px;
}

.osoby_half #profile .profil .column.column-1
{
    width: 35%;
    padding-right: 2px;
    position: static;
}

.osoby_half #profile .profil .column.column-2
{
    width: 65%;
}

.osoby_half #profile .profil h4
{
    font-size: 13px;
    line-height: 1.3;
    margin-bottom: 5px;
    min-height: 28px;
    max-height: 28px;
    padding-right: 10px;
}

.osoby_half #profile .profil .opis,
.osoby_half #profile .profil .dziedziny
{
    display: none;
}

.osoby_half #profile .buttons
{
    padding-top: 3px;
}

.osoby_half #profile .buttons a,
.osoby_half #profile .buttons span
{
    height: 18px;
    min-height: auto;
    border-left-width: 1px;
    border-right-width: 1px;
}

.osoby_half #profile .buttons a svg
{
    height: 13px !important;
    width: 18px;
    margin-top: 0px;
}

.osoby_half #profile .profil .heart
{
    width: 12px;
    background-size: 12px;
    top: -1px;
    right: 5px;
}

.osoby_half #profile .rekomendacje
{
    padding: 0;
    margin: 0;
}

.osoby_half #profile .rekomendacje .rekomendacje_in
{
    display: none;
}

.osoby_half #profile .rekomendacje .doradca_label
{
    padding: 0;
}

.osoby_half #profile .rekomendacje .medal {
    width: 25px;
    top: -15px;
}

.osoby_half #profile .zrealizowane_uslugi
{
    font-size:  10px;
    line-height: 10px;
}

.osoby_half #profile .zrealizowane_uslugi strong
{
    font-size:  13px;
}

.osoby_half .status_out
{
    position: absolute;
    left: 35%;
    right: 0;
    bottom: 19px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.osoby_half .status_out .status_profile
{
    font-size: 10px;
    flex-direction: row-reverse;
    padding-left: 0;
}

.osoby_half .status_out .status_profile span.status
{
    text-align: left;
}

.osoby_half .status_out .status_profile span.dot
{
    width: 8px;
    height: 8px;
}

.osoby_half #profile .rekomendacje .doradca_label .nowy
{
    display: none;
}

.osoby_half .paginate.paginate_wiecej a
{
    padding: 4px 8px;
    font-size: 13px;
    height: auto;
    aspect-ratio: auto;
    min-width: 0;
    width: auto;
}

.osoby_half  #profile .avatar
{
    max-width: 100%;
    height: auto;
}

.stars,
.stars_in {
    display: inline-block;
    width: 89px;
    min-width: 89px;
    vertical-align: top;
    height: 13px;
    background: url('../images/j3hv4zTnOV07.svg') no-repeat;
    background-size: cover;
    background-position: left bottom;
    line-height: 18px;
    text-align: left;
}

.stars_in {
    background-position: left top;
    background-size: 89px;
}

.lightbox {
    box-shadow: 0 0 20px rgba(0, 0, 0, 1);
}

.lightbox #profil_info {
    padding-top: 70px;
    max-width: 430px;
    min-width: 200px;
    background: var(--kolor);
}

.lightbox #profil_uslugi>div {
    padding: 20px;
    border-bottom: 1px solid #31032E;
}

.lightbox .avatar_out {
    position: absolute;
    width: 110px;
    height: 110px;
    top: 0px;
    margin-left: -15px;
}

.lightbox .avatar {
    border-radius: 12px;
    vertical-align: top;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.lightbox .pseudonim {
    position: absolute;
    left: 135px;
    color: #fff;
    font-size: 20px;
    top: 0px;
    font-weight: 600;
}

.lightbox .title {
    position: absolute;
    left: 135px;
    color: #fff;
    font-size: 17px;
    top: 60px;
    font-weight: 600;
    color: var(--kolor-y);
    white-space: nowrap;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    text-align: center;
    justify-content: center;
}

.lightbox .title .stars {
    margin-left: 15px;
}

.lightbox #uslugi_profil {
    padding-top: 50px;
}

.featherlight .featherlight-content {
    padding: 30px !important;
    box-sizing: border-box;
}

.featherlight .featherlight-close-icon {
    top: 20px !important;
    right: 20px !important;
    border-radius: 50% !important;
    background: var(--kolor-y) !important;
    color: #4D0946 !important;
    line-height: 30px !important;
    width: 30px !important;
    font-weight: 700;
}

.featherlight .featherlight-content {
    background: none !important;
}

.profile_opinie {
    text-align: center;
    min-width: 300px;
    padding-top: 5px;
    padding-left: 20px;
    padding-right: 20px;
}

.profile_opinie>div {
    padding: 3px 4px;
    text-align: center;
}

.profile_opinie p.opinia_dluga {
    padding: 3px 10px;
    font-weight: 400;
    line-height: 140%;
    margin: 4px 4px 4px 4px;
    font-size: 14px;
    color: #fff;
    border-radius: 0 8px 8px 8px;
}

.profile_opinie p.data {
    font-size: 11px;
    color: #C88ECB;
    margin: 4px 4px;
    order: 3;
    min-width: 64px;
    letter-spacing: .5px;
    text-align: center;
    display: block;
}

.profile_opinie span.ocena_eksperta {
    padding-top: 4px;
    display: inline-block;
}

.profile_opinie div.hr {
    width: 248px;
    height: 1px;
    background: #804980;
    margin: 0 auto 10px;
}

#profil_uslugi div.profil_uslugi_header,
#profil_uslugi div.profil_uslugi_footer {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0px 5px;
    color: #fff;
    margin: 5px 0;
}

#profil_uslugi div.profil_uslugi_header {
    margin-top: 0;
    margin-bottom: 10px;
}

#profil_uslugi div.profil_uslugi_footer {
    padding: 0px 5px 5px;
    margin-top: 10px;
    margin-bottom: 0px;
    justify-content: space-between;
    align-items: center;
}

#profil_uslugi div.profil_uslugi_cena {
    text-align: center;
    padding: 5px;
}

#profil_uslugi div.ikona {
    margin-right: 10px;
}

#profil_uslugi div.numer_cena {
    flex-grow: 1;
}

#profil_uslugi div.lokalizacja {
    width: 200px;
    min-width: 200px;
    height: 27px;
    line-height: 1.2;
    text-align: left;
    font-size: 10px;
    padding-left: 38px;
    background-size: 27px;
    background-repeat: no-repeat;
    background-position: left center;
    display: inline-flex;
    align-items: center;
}

#profil_uslugi div.lokalizacja.swiat {
    background-image: url('../images/XoqZTUuIldbO.svg');
}

#profil_uslugi div.lokalizacja.polska {
    background-image: url('../images/u8yzUAKGYmJ8.svg');
}

#profil_uslugi span.male_ikony_uslug {
    height: 28px;
}

#profil_uslugi div.usluga_nazwa {
    font-size: 15px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 700;
}

#profil_uslugi div.info {
    max-width: 500px;
    line-height: 1.3;
    color: #fff;
    padding-bottom: 4px;
    padding-left: 25px;
    padding-right: 25px;
}

#profil_uslugi p.numer {
    font-size: 22px;
    color: var(--kolor-y);
    font-weight: 600;
    white-space: nowrap;
    padding-bottom: 5px;
}

#profil_uslugi a.sms p.numer {
    font-size: 21px;
    padding-bottom: 10px;
}

#profil_uslugi a.sms p:first-of-type.numer {
    color: var(--kolor-y);
}

#profil_uslugi div.numer_cena a {
    color: var(--kolor-y);
}

#profil_uslugi div.numer_cena a:hover {
    color: var(--kolor-y);
    transition: .3s;
    text-decoration: none;
}

#profil_uslugi span.na_numer {
    font-size: 16px;
    color: #fff;
}

#profil_uslugi p.cena {
    font-size: 18px;
    color: var(--kolor-y);
}

#profil_uslugi p.cena span {
    font-size: 18px;
}

#profil_uslugi div.szczegoly {
    margin-left: 10px;
}

#profil_uslugi div.szczegoly a {
    background: #971AB4;
    display: inline-block;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    font-weight: 700;
}

#profil_uslugi div.szczegoly a:hover {
    background: var(--kolor-y);
    color: #4d0946;
    text-decoration: none;
}

.featherlight .loading {
    text-align: center;
    padding: 30px;
    min-width: 300px;
}

.featherlight .loading img {
    width: 100px;
}

/*nowe profile*/

#intro {
    padding: 10px 0;
    background-size: auto 60%;
    background-position: center right 10%;
}

#intro div.row
{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
}

#intro div.row.row-second
{
    flex-direction: row-reverse;
}

#intro div.row > img.baner,
#intro div.row > p
{
    width: calc(50% - 2.5px);
    box-sizing: border-box;
    font-weight: 400;
}

#intro div.row > img.baner
{
    border-radius: 5px;
}

#intro div.row > img#badge
{
    position: absolute;
    top: 20px;
    left: 33%;
    width: 120px;
}

#intro h1 {
    font-size: 15px;
    margin-top: 0px;
    margin-bottom: 20px;
    line-height: 1.1;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0;
    color: #fff;
}

#intro h2 {
    font-size: 17px;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 1.1;
    min-height: 24px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: #FF3FE4;
}

#intro h2 svg {
    padding: 2px 10px 0;
    height: 22px;
    width: 160px;
}

#intro img.loga_partnerzy
{
    padding: 10px 0;
}

#intro h2 span.higher {
    font-size: 26px;
    padding-bottom: 3px;
    font-weight: 600;
}

#intro h2 span.white {
    color: #fff;
    padding: 0 10px;
}

#intro p {
    color: #F9ECFF;
    font-size: 18px;
    line-height: 1.5;
    text-align: justify;
    padding: 2px 4px;
}

#intro p span {
    font-weight: 600;
    color: #FBBCFF;
}

#rejestracja_new_in
{
    padding-top: 10px;
}

#rejestracja_new #intro {
    margin-top: -8px;
    padding: 0px 30% 20px 20px;
    background-size: auto 150px;
    background-position: center right 0%;
}

#rejestracja_new h2.add,
#rejestracja_bottom h2,
#logowanie_bottom h2,
#home_bottom h2,
#home_komentarze h2,
#home_uslugi h2,
h2.search {
    border: 0;
    font-family: 'Open Sans';
    font-weight: 600;
    padding-top: 0;
    padding-bottom: 0px;
    font-size: 20px;
    color: #f1d6f4;
    text-align: center;
    display: inline-block;
    text-transform: uppercase;
    line-height: 1.4;
}

#rejestracja_bottom h2.hand {
    padding-left: 70px;
    margin-bottom: 20px;
    background-image: url('../images/2qliigEPLKhL.svg');
}

#home_bottom h2.logo_wo {
    padding-left: 70px;
    margin-bottom: 20px;
    background-image: url('../images/efAFLUFtnWct.svg');
}

#home_komentarze h2.rekomendacje {
    padding-left: 60px;
    margin-bottom: 0px;
    background-image: url('../images/N5MeBhEDKmGK.svg');
}

#logowanie_new_in,
#rejestracja_new {
    padding-top: 0px;
    padding-bottom: 0px;
    max-width: 840px;
    margin: 10px auto 0;
}

#logowanie_new_in .box,
#rejestracja_new .box {
    margin-bottom: 7px;
}

#logowanie_new_in .div_fb_login {
    padding-top: 0;
    padding-bottom: 0;
}

h3.confirm {
    background: none;
    padding-left: 0;
    border: 0;
    font-family: 'Open Sans';
    font-weight: 600;
    margin: 0 0 40px;
    font-size: 26px;
    line-height: 1.3;
    text-align: left;
}

#rejestracja_new_in h4 {
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    padding-bottom: 10px;
}

#rejestracja_new_in .column,
#logowanie_new_in .column {
    width: calc(50% - 110px);
    box-sizing: border-box;
    padding: 20px 30px;
}

#rejestracja_new_in .column:first-of-type {
    background: var(--kolor);
    border-radius: 5px;
    padding-bottom: 130px;
}

#logowanie_new_in .column:last-of-type {
    background: var(--kolor);
    border-radius: 5px;
}

#rejestracja_new_in li {
    font-size: 20px;
    background-image: url('../images/qES9X1uIIJTy.svg');
    background-position: 0 5px;
    padding-left: 40px;
    margin-bottom: 20px;
}

#rejestracja_new_in .bledy p {
    font-size: 16px;
    font-weight: 600;
}

#rejestracja_new_in .bledy li {
    font-size: 16px;
    background-size: 18px;
    padding-left: 30px;
    background-image: url('../images/wcPdYJ8vOUQJ.svg');
    margin-bottom: 10px;
}

#eye {
    padding: 0px 0;
    vertical-align: middle;
    display: inline-block;
    margin-left: -45px;
    position: absolute;
    bottom: 12px;
    right: 10px;
}

#eye img {
    vertical-align: top;
}

#eye.active {
    opacity: .5;
}

#logowanie_bottom .button.dolacz:hover {
    color: #4d0946;
}

.rej_zap {
    font-size: 16px;
    font-weight: 600;
    padding-top: 12px;
}

.rej_zap a {
    color: var(--kolor-y);
}

#rejestracja_bottom,
#logowanie_bottom,
#home_bottom {
    text-align: center;
    padding-top: 0px;
    padding-bottom: 0px;
}

#home_komentarze {
    padding-top: 20px;
    padding-bottom: 40px;
}

#home_bottom {
    background-image: radial-gradient(rgba(81, 22, 77, .7), rgba(49, 11, 48, .5));
}


#rejestracja_bottom h3,
#home_bottom h3 {
    color: rgba(249, 191, 32, 1);
    font-weight: 400;
    font-size: 22px;
    padding-bottom: 30px;
}

#rejestracja_komentarze {
    padding: 20px;
}

#rejestracja_komentarze .komentarz,
#home_komentarze_in .komentarz {
    padding: 30px 0;
}

#home_komentarze_in img {
    border-radius: 50%;
    width: 150px;
    margin-bottom: 30px;
}

#home_komentarze_in span.autor {
    display: inline-block;
    padding-top: 15px;
    color: #9f839b;
    font-size: 16px;
}

#rejestracja_komentarze p,
#home_komentarze_in p {
    font-size: 20px;
    color: #fff;
    width: 600px;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
}

#rejestracja_komentarze p::before,
#home_komentarze_in p::before {
    content: "\201C";
    position: absolute;
    font-family: Georgia, Times New Roman, Times, serif;
    font-size: 120px;
    top: -40px;
    left: -40px;
    z-index: 0;
    opacity: 1;
    color: rgba(143, 43, 166, .5);
}

#rejestracja_komentarze .komentarz a {
    color: rgba(255, 118.94, 249.378, 1);
    font-size: 16px;
    display: inline-block;
    padding-top: 10px;
}

#rejestracja_komentarze .komentarz a:hover {
    color: #fbbf1f;
    text-decoration: none;
    transition: .3s;
}

#rejestracja_new .zgody {
    position: relative;
    max-width: 370px;
    margin: 0px auto 0;
    padding-left: 30px;
}

#rejestracja_new .zgody a.yellow {
    font-size: 12px;
    line-height: 1.2;
}

#rejestracja_new .zgody .info {
    font-size: 12px;
    padding-top: 10px;
    display: none;
}

#rejestracja_new .zgody .info a {
    text-decoration: underline;
    font-weight: 600;
    text-underline-offset: 2px;
}

.form-row-checkbox.all {
    padding: 5px 0 5px;
    display: flex;
    align-items: center;
    max-width: 370px;
    margin: 0 auto;
}

form[name=rejestracja_fb] .form-row-checkbox.all input {
    margin-top: 0;
}

.form-row {
    padding-bottom: 15px;
    position: relative;
}

.form-row-checkbox ul {
    margin: 0;
    margin-left: 10px;
    padding: 0;
    text-align: center;
}

.form-row-checkbox li {
    list-style-type: none;
    background: red;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 13px;
}

.form-row-checkbox {
    margin-bottom: 5px;
}

.form-row-checkbox label {
    font-size: 14px;
}

.form-row-checkbox.all .help-text {
    margin: 0;
    padding: 0;
    padding-left: 5px;
    font-weight: 600;
    cursor: pointer;
    line-height: 1.2;
    font-size: 14px;
    text-decoration: underline;
}

.form-row-checkbox input {
    order: 3;
    width: auto !important;
    margin-top: 2px;
}

.form-row-checkbox.all label {
    width: auto !important;
    line-height: 1.4;
}

.zgody label.label_checkbox,
.zgody div.label_more
{ 
    font-weight: 300;
    font-size: 13px;
}

.zgody label.label_checkbox .more
{
    cursor: pointer;
}

.zgody div.label_more
{
    display: none;
    margin-left: 24px;
}

.zgody label.label_checkbox a,
.zgody label.label_checkbox a:hover
{
    text-decoration: underline;
}

.form-row-checkbox.all label.label_checkbox_bold {
    font-weight: bold;
}


.box form .form-help {
    font-size: 13px;
    max-width: 370px;
    padding-top: 0;
    line-height: 1.3;
}

#logowanie_bottom {
    margin-top: 0px;
}

#logowanie_bottom p {
    color: #fff;
    font-size: 16px;
    line-height: 140%;
    margin-bottom: 0px;
}

#logowanie_bottom .kroki {
    padding: 10px 2px;
}

#logowanie_bottom .krok_p {
    padding: 10px 0;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    text-align: left;
    align-items: center;
    box-sizing: border-box;
}

#logowanie_bottom span.krok {
    color: #F3B7F7;
    text-transform: capitalize;
    font-weight: bold;
}

#logowanie_bottom .nie_masz_konta {
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 10px;
}

#rejestracja_ekspert {
    width: 720px;
    margin: 0 auto;
}

#rejestracja_ekspert .box {
    background: var(--kolor);
    margin-top: 20px;
}

#rejestracja_ekspert .box h2 {
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;
    margin-top: 0;
    color: #fff;
}

#administrator_more a {
    font-weight: 600;
    text-decoration: underline;
}

.info {
    font-size: 12px !important;
}

#home_bottom ul {
    margin: 20px auto;
    display: inline-flex;
    list-style-type: none;
}

#home_bottom li {
    font-size: 20px;
    margin-bottom: 20px;
    text-align: left;
    color: #fff;
    margin-left: 15px;
    margin-right: 15px;
}

#home_bottom li a {
    display: flex;
    align-items: center;
    color: #edbaf3;
    font-weight: 600;
}

#home_bottom li a:hover {
    text-decoration: none;
    color: rgba(249, 191, 32, 1);
}

#home_bottom li a span {
    margin-right: 10px;
}

#home_bottom>p {
    color: #fff;
    font-size: 16px;
    max-width: 800px;
    margin: 0 auto 20px;
}

#home_bottom h3 {
    max-width: 800px;
    margin: 0 auto 20px;
}

#home_komentarze {
    text-align: center;
    background-image: linear-gradient(to bottom, rgba(68, 25, 67, .4) 60%, rgba(68, 25, 67, 0));
}

#home_komentarze_in {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    text-align: center;
}

#home_komentarze_in .komentarz {
    max-width: 400px;
    margin: 0 60px;
}

#home_komentarze_in .komentarz p {
    font-size: 18px;
}

#home_komentarze_in .komentarz h5 {
    font-size: 16px;
    color: #edbaf3;
    padding-bottom: 15px;
    font-weight: 400;
}

#home_uslugi {
    text-align: center;
    background-image: linear-gradient(to top, rgba(68, 25, 67, 0) 10%, rgba(68, 25, 67, .4) 60%, rgba(68, 25, 67, 0));
    padding-top: 20px;
}

#home_uslugi #home_uslugi_in {
    display: flex;
    flex-wrap: wrap;
}

#home_uslugi #home_uslugi_in div.usluga {
    width: calc(33% - 20px);
    margin: 10px;
    padding: 20px;
    box-sizing: border-box;
    background: radial-gradient(rgba(81, 22, 77, 1), rgba(49, 11, 48, .1));
    border-radius: 10px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

#home_uslugi #home_uslugi_in div.usluga h4 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #edbaf3;
}

#home_uslugi #home_uslugi_in div.usluga p {
    font-size: 15px;
    color: #fff;
}

#home_uslugi #home_uslugi_in div.usluga a {
    font-size: 14px;
    color: #fff;
    background: #971ab4;
    display: inline-block;
    margin-top: 20px;
    padding: 10px 15px;
    border-radius: 5px;
    font-weight: 600;
}

#home_uslugi #home_uslugi_in div.usluga a:hover {
    text-decoration: none;
    background: var(--kolor-y);
    color: #4d0946;
    transition: .3s;
}

#home_uslugi #home_uslugi_in div.usluga span.icon {
    width: 50px;
    height: 50px;
    display: inline-block;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 30px;
}

#home_uslugi #home_uslugi_in div#row_biznes span.icon,
#szukaj_biznes span.icon {
    background-image: url('../images/en73np4c4jWG.svg');
}

#home_uslugi #home_uslugi_in div#row_milosc span.icon,
#szukaj_milosc span.icon {
    background-image: url('../images/4Sffua8m0zCo.svg');
}

#home_uslugi #home_uslugi_in div#row_money span.icon {
    background-image: url('../images/LbPG9DWowrvT.svg');
}

#home_uslugi #home_uslugi_in div#row_astrology span.icon {
    background-image: url('../images/eASi3X9Wow5s.svg');
}

#home_uslugi #home_uslugi_in div#row_tarot span.icon {
    background-image: url('../images/dbeVNVR3F0W6.svg');
}

#home_uslugi #home_uslugi_in div#row_porada span.icon,
#szukaj_porada span.icon {
    background-image: url('../images/XEGQMtcP8Jw9.svg');
}

#wyszukiwarka_new_out {
    margin-bottom: 15px;
    display: flex;
}

#wyszukiwarka_new {
    flex-grow: 1;
    width: calc(100% - 200px);
}

#wyszukiwarka_new .loading {
    margin: 10vh 0;
}

#wyszukiwarka_new h3
{
    padding-top: 5px;
    padding-bottom: 5px;
}

#wyszukiwarka_update #profile_out {
    display: none;
}

#wyszukiwarka_menu {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

#wyszukiwarka_menu.szukaj_advanced_out
{
    display: block;
}

#wyszukiwarka_new_out.home #wyszukiwarka_menu {
    margin-bottom: 5px;
}

#wyszukiwarka_menu a {
    padding-top: 3px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    width: calc(100% / 7 - 4px);
    text-align: center;
    border-radius: 5px;
    box-sizing: border-box;
    background: var(--kolor);
    font-size: 9px;
    text-transform: uppercase;
    color: #F9DFFF;
    font-family: "Roboto";
    min-height: 55px;
}

#wyszukiwarka_menu.szukaj_advanced_out a
{
    width: 90px;
    aspect-ratio: 1;
    margin: 1.5px;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.3;
    border-radius: 9px;
}

#wyszukiwarka_menu.szukaj_advanced_out a span.nazwa
{
    padding-left: 5px;
    padding-right: 5px;
}

#wyszukiwarka_menu.szukaj_advanced_out a.active
{
    opacity: 1;
}

#wyszukiwarka_menu a.display_mobile {
    display: none;
}

#wyszukiwarka_menu a svg.icon {
    width: 22px;
    height: 22px;
    padding: 4px 0 0px;
}

#wyszukiwarka_menu a span.nazwa {
    display: inline-flex;
    min-height: 20px;
    justify-content: center;
    align-items: center;
}

#wyszukiwarka_menu a.active,
#wyszukiwarka_menu a:hover {
    text-decoration: none;
    background-color: #B955C7;
    color: #fff;
}

#wyszukiwarka_menu.szukaj_advanced_out .szukaj_advanced
{
    display: flex;
    justify-content: center;
    opacity: .6;
}

#wyszukiwarka_menu.szukaj_advanced_out .szukaj_advanced.active
{
    opacity: 1;
}

#wyszukiwarka_menu.szukaj_advanced_out .szukaj_advanced:not(.active)
{
    pointer-events: none;
}

#wyszukiwarka_menu.szukaj_advanced_out h3.standard_header
{
    margin: 15px 0;
    opacity: .6;
}

#wyszukiwarka_menu.szukaj_advanced_out h3.standard_header.active
{
    opacity: 1;
}

#wyszukiwarka_menu.szukaj_advanced_out a svg.icon
{
    width: 34px;
    height: 34px;
}

#wyszukiwarka_update
{
    max-width: 840px;
    margin: 0 auto;
}

#wyszukiwarka_uslugi {
    width: 180px;
    margin-right: 20px;
}

#wyszukiwarka_uslugi.home {
    width: auto;
    display: inline-flex;
    float: right;
    margin-right: 0;
    margin-bottom: -30px;
}

#wyszukiwarka_uslugi h5 {
    font-size: 16px;
    margin-bottom: 15px;
    color: #fff;
    margin-top: 84px;
}

#wyszukiwarka_uslugi a {
    display: flex;
    background: rgba(68, 25, 67, .2);
    box-shadow: 0px 0px 10px #000;
    align-items: center;
    border-radius: 8px;
    margin-bottom: 20px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
}

#wyszukiwarka_uslugi.home a {
    padding-right: 10px;
    margin-left: 10px;
    margin-bottom: 0;
    font-size: 13px;
}

#wyszukiwarka_uslugi a:hover,
#wyszukiwarka_uslugi a.active {
    text-decoration: none;
    background: rgba(68, 25, 67, 1);
    transition: .3s;
}

#wyszukiwarka_uslugi a span {
    margin: 20px;
}

#wyszukiwarka_uslugi.home a span {
    margin: 10px;
}

#wyszukiwarka_uslugi.home span.filtruj {
    display: inline-block;
    padding-top: 13px;
    font-size: 13px;
    color: #fff;
    font-weight: 600;
}

#osoby_update {
    transition: .1s;
}

#oceny_update
{
    display: flex;
    flex-direction: column;
}

#oceny_update #oceny_paginate_in
{
    margin-top: auto;
}


#opinie_new_out {
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0 auto;
    max-width: 820px;
}

#opinie_new_out a.button {
    font-size: 16px;
    display: inline-block;
    margin-top: 20px;
    padding: 12px 20px;
    border-radius: 5px;
    font-weight: 600;
}

#opinie_new_out h3 {
    padding: 10px;
    font-weight: 600;
    font-size: 20px;
    color: #f1d6f4;
    margin-bottom: 10px;
    margin-top: 0;
    padding-top: 0;
}

#opinie_new {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#opinie_new .opinia_new {
    width: calc(33% - 10px);
    box-sizing: border-box;
    text-align: center;
    position: relative;
    margin: 0px;
}

#opinie_new.oceny_eksperta .opinia_new {
    width: calc(33% - 10px);
    margin: 10px 0px;
}

#opinie_new:not(.oceny_eksperta) .opinia_new:hover {
    text-decoration: none;
    transition: .3s;
    z-index: 1000;
}

#opinie_new .opinia_new .opinia_new_in {
    border-radius: 20px;
    padding: 5px 20px;
    box-sizing: border-box;
}

#opinie_new .opinia_new h5 {
    text-align: center;
    font-size: 17px;
    font-weight: 700;
    padding-bottom: 0px;
    margin-bottom: 5px;
    color: #fff;
}

#opinie_new .opinia_new img.star {
    height: 14px;
    margin-bottom: 5px;
    vertical-align: top;
}

#opinie_new .opinia_new p.data {
    color: #F9DFFF;
    padding-top: 0px;
    color: #B955C7;
    font-size: 12px;
    margin-bottom: 0;
}

#opinie_new .opinia_new p.opinia_dluga {
    color: #F9DFFF;
    padding-top: 10px;
    font-size: 15px;
}

#opinie_new .opinia_new p.opinia_info {
    color: #999;
    font-size: 13px;
}

#link_andrzejki {
    display: flex;
    align-items: center;
    border: 1px solid #381136;
    padding: 10px 20px;
    border-radius: 10px;
    font-size: 14px;
    justify-content: space-around;
    color: #bbaabc;
}

#link_andrzejki:hover {
    text-decoration: none;
    background: #2d0c2b;
    transition: .3s;
}

#link_andrzejki img {
    max-width: 60%;
}

.phone_verified,
.email_verified {
    display: inline-block;
    margin-left: calc((100% - 370px - 10px)/2 + 5px);
    margin-top: 10px;
}

.phone_verified a,
.phone_verified span,
.email_verified a,
.email_verified span {
    padding: 2px 10px;
    border-radius: 4px;
    color: #fff;
    display: none;
    font-size: 13px;
    font-weight: 500;
}

.phone_verified a.active,
.phone_verified span.active,
.email_verified a.active,
.email_verified span.active {
    display: inline-block;
}

.phone_verified a.error,
.email_verified a.error {
    background: #F91717;
}

.phone_verified span.success,
.email_verified span.success {
    background: green;
}

.my_popup {
    text-align: center;
    margin-top: -32px;
    color: #fff;
    font-weight: 600;
}

.my_popup h1 {
    text-align: center;
    text-transform: uppercase;
    color: #F2D6FF;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 20px 10px;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.my_popup h4 {
    font-size: 24px;
    font-weight: 600;
    padding: 10px 0 0 0;
    color: #fff;
}

.my_popup h5 {
    font-size: 16px;
    color: #F2D6FF;
    margin-bottom: 10px;
}

.my_popup p {
    font-size: 16px;
    padding-bottom: 10px;
}

.my_popup input {
    padding: 8px 10px;
    text-align: center;
    box-sizing: border-box;
    margin-bottom: 5px;
    width: 170px !important;
}

.my_popup input::placeholder {
    opacity: 1;
}

.my-tooltip {
    position: relative;
    display: inline-block;
}

.my-tooltip .tooltiptext {
    visibility: hidden;
    width: 100px;
    background-color: #FCCBFF;
    color: #631F58;
    text-align: center;
    padding: 8px;
    border-radius: 6px;
    position: absolute;
    top: -3px;
    z-index: 1;
    font-size: 16px;
    font-weight: 600;
    text-transform: lowercase;
}

.my-tooltip .tooltiptext-out {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    line-height: 26px;
    border-radius: 50%;
    text-align: center;
    margin-right: 12px;
    color: #000;
    font-weight: 600;
    font-size: 18px;
    border: 2px solid #3D093B;
    box-sizing: border-box;
}

.my-tooltip:hover .tooltiptext {
    visibility: visible;
}

.my-tooltip:hover .tooltiptext-out {
    border-color: #fff;
    color: #fff;
}

.free-space {
    height: 48px;
}

ul.faq {
    max-width: 500px;
    margin: 0 auto;
    font-size: 16px;
}

ul.faq li {
    padding-bottom: 15px;
}

ul.faq li a {
    color: #fff;
    font-weight: 600;
    font-size: 16px;
}

ul.faq li a span {
    text-transform: uppercase;
    color: #F4ADF9;
}

ul.faq li div {
    background: var(--kolor);
    padding: 15px 20px 1px;
    border-radius: 8px;
    margin-top: 10px;
    margin-bottom: 5px;
}

.artykuly_lista {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    max-width: 800px;
    margin: 0 auto;
}

.artykuly_lista.mini {
    justify-content: space-between;
    margin: 20px 0 0px;
}

.artykuly_lista .artykul {
    width: calc(25% - 8px);
    margin: 4px;
    text-align: center;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
}

.artykuly_lista.mini .artykul {
    width: calc(100% / 3 - 3px);
    margin: 0;
    text-align: center;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    margin-bottom: 3px;
}

.artykuly_lista.artykuly_horoskop {
    margin-left: -4px;
}

.artykuly_lista .artykul h3 {
    color: #721B64;
    background: #fff;
    padding: 10px;
    margin: 0;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.3;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-transform: uppercase;
}

.artykuly_lista.mini .artykul h3 {
    background: #681A73;
    padding: 4px;
    color: #F6C7F9;
    font-size: 9.5px;
}

.artykuly_lista .artykul:hover h3 {
    background-color: var(--kolor);
}

.artykuly_lista .artykul:hover h3 {
    color: #fff;
}

.artykul-image {
    background-size: auto 100%;
    background-position: center;
    padding-top: 100%;
}

.mini .artykul-image {
    padding-top: 90%;
}

.artykul-zobacz-inne a {
    text-transform: uppercase;
    border-radius: 4px;
    font-weight: bold;
    margin: 5px 5px;
    font-size: 13px;
    background: #4f134d;
    color: #fff;
    padding: 7px 10px;
    border: 1px solid #4a2b1c;
}

.artykul-zobacz-inne a:hover {
    text-decoration: none;
    background: #a354a3;
    color: #fff;
    transition: .3s;
}

body.artykul #body {
    width: 100%;
}

body.artykul #main,
body.artykul #main_in {
    background: #fff !important;
}

body.artykul #user_header,
body.body_artykuly_lista #user_header,
body.artykul #moje_konto_mobile,
body.body_artykuly_lista #moje_konto_mobile {
    display: none !important;
}

body.artykul #bottom,
body.artykul #stopka {
    width: 100%;
    box-sizing: border-box;
}

body.artykul #bottom_in h3,
body.artykul #bottom_in h4,
body.artykul #bottom_in a,
body.artykul #stopka,
body.artykul #stopka a,
body.body_artykuly_lista #bottom_in h3,
body.body_artykuly_lista #bottom_in h4,
body.body_artykuly_lista #bottom_in a,
body.body_artykuly_lista #stopka,
body.body_artykuly_lista #stopka a,
body.body_artykuly_lista .tekst h1 {
    color: #631F58;
}

body.artykul #bottom_in,
body.body_artykuly_lista #bottom_in {
    border-top: 1px solid #631F5844;
}

body.body_artykuly_lista #main {
    background: #F9DFFF;
    min-height: 100vh;
}

#przeczytaj_tez {
    padding: 30px 0 60px;
    background: #F9DFFF;
}

#przeczytaj_tez h2 {
    color: #631F58;
    text-align: center;
    font-size: 18px;
    padding-bottom: 30px;
    font-weight: 600;
}

#przeczytaj_tez .artykuly_lista .artykul:not(:hover) h3 {
    background: #fff;
}

.belka_porady_out
{
    background: var(--kolor-y);
}

.belka_porady {
    background: var(--kolor-y);
    text-align: center;
    font-size: 14px;
    color: #360B38;
    text-transform: uppercase;
    line-height: 1.4;
    font-weight: 600;
    padding: 1px 0 0;
    position: relative;
    z-index: 5000;
    overflow: hidden;
    width: 100%;
}

.belka_porady div {
    display: inline-block;
    white-space: nowrap;
    padding-left: 100%;
    animation: marquee 4s linear;
    animation-fill-mode: forwards;
}

@keyframes marquee {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(-50%, 0);
    }
}

.belka_porady strong {
    font-weight: bold;
}

#horoskop_na_maila .checkbox_row {
    max-width: 370px;
}

#horoskop_na_maila .row_flex div.checkbox_div {
    display: flex;
    align-items: flex-start;
}

#horoskop_na_maila .checkbox_row {
    display: inline-flex;
    width: 100%;
}

#horoskop_na_maila .row_flex .checkbox {
    margin-top: 3px;
}

#horoskop_na_maila .checkbox_row>div.checkbox_div {
    padding-right: 0px;
    width: 40%;
    box-sizing: border-box;
    display: flex;
}

#horoskop_na_maila .checkbox_row>div.checkbox_div:last-child {
    width: auto;
}

.box.szczegoly_email>div {
    padding-bottom: 20px;
    font-weight: 600;
}

.box.szczegoly_email div.szczegoly_button {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.box.szczegoly_email div.szczegoly_button div.label {
    margin-right: 38px;
}

.box.szczegoly_email div.flex {
    display: flex;
    align-items: flex-start;
}

.box.szczegoly_email .label,
.box.szczegoly_email label {
    display: inline-block;
    width: 270px;
    min-width: 270px;
    text-align: right;
    margin-right: 10px;
    vertical-align: top;
}

.box.szczegoly_email .dodatkowe_informacje_label {
    font-weight: 400;
    text-align: center;
    font-size: 15px;
    padding-bottom: 15px;
    width: 100%;
}

.box_profile .label,
.box_profile h2 {
    text-transform: uppercase;
    color: #fff;
    padding-right: 5px;
    text-align: left;
    font-size: 16px;
    font-weight: 600;
    width: calc((100% - 370px - 5px) / 2);
    min-width: calc((100% - 370px - 5px) / 2);
    box-sizing: border-box;
}

.box_profile .label-top
{
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 370px;
    margin: 0 auto;
}

.box_profile .label-top .label {
    width: 370px;
    display: block;
    text-align: left;
    padding-bottom: 5px;
}

.row_flex {
    display: flex;
}

.box_profile
{
    margin-bottom: 10px;
}

.box_profile .row_flex .label,
.box_profile .row_flex span.label {
    align-self: center;
    text-align: right;
    padding-right: 20px;
}

.box_profile h2 {
    width: 100%;
}

.box.box_profile h2.h2_center {
    text-align: center;
    font-size: 18px;
    padding-top: 10px;
}

.box_profile .label {
    display: inline-block;
}

.box_profile .label-large {
    font-size: 18px;
    font-weight: 600;
}

.box_profile .label.right {
    text-align: right;
}

p.profil_info
{
    text-align: center;
    font-weight: 400;
}

.zglos_sugestie {
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 10px;
}

#promocja_mailing {
    max-width: 822px;
    margin: 0 auto;
}

#baner_pm {
    background: url('../images/th1eTl5h0sDS.svg');
    height: 106px;
    margin-bottom: 8px;
    line-height: 1.1;
}

#baner_pm .kroki {
    text-align: center;
    display: flex;
    justify-content: center;
    padding-top: 68px;
    align-items: center;
}

#baner_pm .kroki span {
    font-size: 23px;
    margin: 0 30px;
    font-weight: 700;
    color: #fff;
}

#baner_pm .kroki span.active {
    font-size: 34px;
    color: var(--kolor-y);
}

#promocja_mailing .box_info {
    text-align: center;
    color: #fff;
    line-height: 1.5;
    padding-top: 10px;
    padding-bottom: 10px;
}

#promocja_mailing .box_info span {
    color: var(--kolor-y);
    font-weight: 700;
}

#promocja_mailing .box_form {
    background: none;
    padding-top: 8px;
}

#promocja_mailing .box_form .form-row {
    background: none;
    padding: 3px 0;
}

#promocja_mailing .box_form .info
{
    display: none;
    color: #fff;
    line-height: 1.5;
    padding-top: 10px;
}

#promocja_mailing .box_form .zgody {
    position: relative;
    max-width: 370px;
    margin: 10px auto;
    line-height: 1.5;
}

#promocja_mailing .bledy
{
    line-height: 1.5;
}

#platnosci_v2 .promocja_info_platnosci
{
    color: #F2D6FF;
    font-size: 14px;
}

#user_header_promo
{
    background-color: #FF93F0;
}

#user_header_promo .container
{
    display: flex;
    height: 40px;
    border-left: 2px solid #E065CF;
    border-right: 2px solid #FFBBF6;
}

#user_header_promo .container > *
{
    width: 50%;
    text-align: center;
    align-items: stretch;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #360B38;
    font-size: 16px;
    border-right: 2px solid #E065CF;
    border-left: 2px solid #FFBBF6;
    font-weight: 600;
}

#user_header_promo a,
#user_header_promo strong
{
    font-weight: 700 !important;
}

#user_header_promo a:hover
{
    text-decoration: none;
}

#user_header_promo a.active
{
    color: #fff;
}

#kroki h2
{
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    padding-bottom: 10px;
    padding-left: 50px
}

#kroki h2 span:not(.mobile_pink)
{
    color: #FF3FE4;
}

#kroki_in
{
    display: flex;
}

#kroki_in div
{
    width: 33.33%;
    text-align: center;
    padding: 10px 10px 20px;
    box-sizing: border-box;
}

#kroki_in div h3
{
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    padding: 10px 0;
}

#kroki_in p
{
    color: #F9ECFF;
}

.tns-nav
{
    text-align: center;
    padding-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tns-nav button
{
    border: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    display: inline-block;
    border: 0;
    padding: 0;
    margin: 0 5px;
}

.tns-nav button.tns-nav-active
{
    width: 10px;
    height: 10px;
}

.div_disabled
{
    filter: grayscale(100%);
    opacity: 0.5;
}

#tablica
{
    padding-top: 5px;
}

#tablica .box
{
    margin-bottom: 10px;
    position: relative;
    padding: 18px 12px;
}

#tablica .box .close
{
    position: absolute;
    right: 7px;
    top: 7px;
}

#tablica h3.standard_header
{
    margin-top: 0;
}

#tablica p
{
    font-weight: 600;
    letter-spacing: 0;
}

#tablica p span.marker
{
    color: #f9d517;
}

#tablica .zdjecia
{
    display: flex;
    overflow-y: auto;
    text-align: center;
}

#tablica .zdjecia img
{
    max-width: 100%;
}

#tablica .zdjecia img.display_desktop + img.display_desktop,
#tablica .zdjecia img.display_mobile + img.display_mobile
{
    margin-left: 10px;
}


#szukaj_out
{
    position: absolute;
    bottom: 0;
    right: 0;
}

#szukaj_top_animate
{
    position: absolute;
    background: rgba(0, 0, 0, .9);
    top: -430px;
    right: 0;
    align-items: center;
    box-sizing: border-box;
    width: 372px;
    background: var(--kolor);
    transition: .4s;
    z-index: 1000;
    border-radius: 0 0 10px 10px;
}

#szukaj_top_animate.show {
    top: -7px;
}

#szukaj_animate
{
    display: inline-block;
    background-color: rgba(68, 25, 67, .2);
    background-image: url('../images/Ly61HSEfbxoa.svg');
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: left 20px center;
    padding: 10px 20px 10px 45px;
    border-radius: 20px;
    color: #edbaf3;
    font-size: 14px;
}

#slider_out
{
    max-height: 108px;
}

#slider_out #slider img
{
    max-width: 100%;
}

#slider_out #slider img.display_desktop
{
    border-radius: 5px;
}

#slider_out
{
    position: relative;
}

#slider_out .tns-nav
{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 20px;
    padding-bottom: 5px;
    display: flex;
    align-items: center;
}

#slider_out .tns-nav button
{
    margin: 0 4px;
}

#slider_out .slide
{
    position: relative;
}

#slider_out .slide h3
{
    position: absolute;
    color: #fff;
    top: 18px;
    left: 30px;
    font-size: 20px;
    font-family: 'Montserrat';
    text-transform: uppercase;
    font-weight: 500;
}

#slider_out .slide p
{
    position: absolute;
    left: 30px;
    top: 50px;
    font-weight: 300;
    color: #fff;
    font-size: 20px;
    font-family: 'Montserrat';
}

#banery_home
{
    display: flex;
    justify-content: space-between;
}

#banery_home a
{
    display: block;
    position: relative;
    width: calc(50% - 2px);
}

#banery_home a.display_mobile
{
    display: none;
}

#banery_home a:hover,
#baner_dopasuj a:hover
{
    opacity: .8;
    transition: .3s;
}

#banery_home a img,
#baner_dopasuj a img
{
    width: 100%;
    vertical-align: top;
}

#banery_home p,
#baner_dopasuj p
{
    position: absolute;
    width: 60%;
    left: 40%;
    top: 25px;
    color: #fff;
    line-height: 1.2;
    font-size: 20px;
    font-family: 'Montserrat';
}

#banery_home p span
{
    display: block;
    font-weight: 300;
    padding-top: 10px;
    line-height: 1.0;
}

#baner_dopasuj_out
{
    padding-bottom: 5px;
}

#baner_dopasuj a
{
    display: block;
    position: relative;
}

#baner_dopasuj p
{
    left: 10px;
    top: 13px;
}

.zobacz_wiecej_ekspertow
{
    text-align: center;
    margin-top: 3px;
}

.zobacz_wiecej_ekspertow a
{
    background-color: #7E1E8B;
}

.kafelek h3.standard_header
{
    padding: 5px 0;
}

.kafelek_naglowek
{
    border-radius: 5px;
    padding: 3px 20px;
    max-height: 108px;
    min-height: 107px;
    box-sizing: border-box;
}

.kafelek_naglowek h1
{
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    font-family: 'Montserrat';
    padding: 2px 0;
}

.kafelek_naglowek h1 img
{
    margin-right: 10px;
    max-height: 20px;
}

.kafelek_naglowek p
{
    color: #fff;
    font-size: 16px;
    font-family: 'Montserrat';
    font-weight: 300;
    line-height: 1.4;
    text-align: center;
}

.kafelek_naglowek a.button_kafelek
{
    display: inline-block;
    text-transform: uppercase;
    font-size: 11px;
    padding: 3px 10px;
    border-radius: 3px;
    margin: 3px 0;
    font-weight: 600;
}

.kafelek_naglowek a.button_kafelek:hover
{
    text-decoration: none;
    opacity: .9;
}

.kafelek_tresc 
{
    padding: 30px 30px 20px;
}

.kafelek_tresc h3
{
    font-size: 22px;
    padding-bottom: 20px;
    font-weight: 600;
    text-align: center;
    line-height: 1.5;
    color: #fff;
}

.kafelek_tresc p
{
    font-size: 18px;
    padding-bottom: 20px;
    line-height: 1.5;
    color: #fff;
}

.kafelek_tresc hr
{
    margin: 10px 0px 40px
}

.kafelek_tresc p.q
{
    display: flex;
    align-items: center;
    padding: 30px;
    border-radius: 16px;
    font-size: 22px;
    font-weight: 600;
    font-style: italic;
    border-width: 2px;
    border-style: solid;
    text-align: center;
    margin: 40px 0;
    border-color: #fff;
    color: #fff;
}

.kafelek_tresc p.q span.img
{
    width: 100px;
    min-width: 100px;
    height: 100px;
    display: inline-flex;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
}

.kafelek_tresc p.q span.img img
{
    height: 50px;
}

.kafelek_tresc p.q q
{
    padding: 0 20px;
}

.kafelek_tresc div.div_img
{
    display: flex;
    align-items: center;
}

.kafelek_tresc div.div_img img
{
    padding-left: 20px;
}

.kafelek_tresc ul
{
    padding-bottom: 15px;
}

.kafelek_tresc ul li
{
    font-size: 18px;
    padding-bottom: 10px;
    line-height: 1.5;
    color: #fff;
    padding-left: 30px;
    position: relative;
}

.kafelek_tresc ul li::before
{
    content: "";
    width: 11px;
    height: 11px;
    border-radius: 50%;
    position: absolute;
    top: 7px;
    left: 6px;
}

.kafelek_tresc ol
{
    padding-bottom: 15px;
    text-align: center;
}

.kafelek_tresc ol li
{
    display: inline-block;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.5;
    color: #fff;
    padding: 0 10px;
}

.kafelek_tresc p.dopasowanie_q
{
    font-style: normal;
    display: block;
    text-align: left;
    overflow: hidden;
}

.kafelek_tresc p.dopasowanie_q img
{
    width: 170px;
    float: right;
    clear: both;
    margin-top: -80px;
}

.kafelek_tresc p.dopasowanie_q span
{
    display: block;
    font-size: 16px;
}

.kafelek_tresc p.dopasowanie_q span.title
{
    margin-top: 20px;
    text-transform: uppercase;
}

.kafelek_tresc p.dopasowanie_q a.button
{
    background-color: #FF6060;
    margin-top: 40px;
}

.usluga_ext_tresc 
{
    padding: 20px 10px 10px;
}

.usluga_ext_tresc h3
{
    font-size: 18px;
    padding-bottom: 20px;
    font-weight: 600;
    text-align: center;
    line-height: 1.2;
    color: #fff;
}

.usluga_ext_tresc p
{
    font-size: 16px;
    padding-bottom: 15px;
    line-height: 1.5;
    color: #fff;
}

.usluga_ext_tresc ol
{
    margin-bottom: 15px;
    padding-left: 20px;
}

.usluga_ext_tresc li
{
    font-size: 14px;
    line-height: 1.5;
    list-style-type: decimal;
    color: #fff;
}

.usluga_ext_tresc a
{
    font-size: 14px;
}

#jakzaczac
{
    max-width: 700px;
    margin: 0 auto;
}

#jakzaczac .box
{
    margin-bottom: 30px;
}

#jakzaczac .box p:last-of-type
{
    margin-bottom: 0;
}

#video
{
    max-width: 70%;
}

#jakzaczac #video
{
    max-width: 100%;
    margin-bottom: 10px;
}

#dopasowanie .hr_dopasowanie
{
    height: 1px;
    background: #831F90;
}

#dopasowanie .h3
{
    text-align: center;
    font-size: 18px;
    padding: 25px 20px;
    font-weight: 500;
    line-height: 1.4;
    text-transform: uppercase;
}

#dopasowanie_znaki
{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

#dopasowanie_znaki svg
{
    height: 100px;
    width: 100px;
    margin: 10px 10px;
}

#dopasowanie_opis
{
    margin-bottom: 40px;
}

#dopasowanie_opis strong
{
    font-weight: 700;
}

#dopasowanie_opis h3
{
    font-size: 20px;
}

#dopasowanie_header
{
    margin-top: 0px;
}

#dopasowanie_header h3
{
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    padding: 10px 0;
    text-transform: uppercase;
}

#dopasowanie_header h4
{
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    padding: 10px;
}

#dopasowanie_form
{
    text-align: center;
    margin: 30px auto;
    max-width: 307px;
    position: relative;
}

#dopasowanie_form .row
{
    position: absolute;
    left: 50px;
    right: 50px;
    top: 28%;
}

#dopasowanie_form .row.row2
{
    top: 52%;
}

#dopasowanie_form .row select
{
    width: 100%;
}

#lista_dopasowanie
{
    padding: 10px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#lista_dopasowanie .znak_lista
{
    width: calc(25% - 8px);
    margin-bottom: 11px;
    box-sizing: border-box;
    border: 2px solid #831F90;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    background: #681A73;
}

#lista_dopasowanie .znak_lista .circle
{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 50%;
}

#lista_dopasowanie .znak_lista .circle svg
{
    height: 35px;
}

#lista_dopasowanie .znak_lista .circle svg path
{
    stroke: #fff;
}

#lista_dopasowanie .znak_lista .lista a
{
    display: block;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    padding: 5px 0;
}

#lista_dopasowanie .znak_lista .lista a:hover
{
    color: var(--kolor-y);
}

#lista_dopasowanie .znak_lista span.nazwa
{
    font-size: 22px;
    display: inline-block;
    padding: 10px 0;
}

#lista_dopasowanie .znak_lista span.data
{
    font-size: 20px;
    display: block;
    width: 100%;
    font-weight: 500;
    border-bottom: 1px solid #831F90;
    padding: 10px 0;
    text-align: center;
    margin-bottom: 20px;
}

#user_awatar
{
    width: 46px;
    border-radius: 4px;
}

#user_awatar img
{
    vertical-align: top;
}

#upload_awatar
{
    display: inline-block;
}

#awatar_list
{
    display: none;
    max-height: 230px;
    overflow: auto;
    margin: 10px 0;
    text-align: center;
}

#awatar_list img
{
    width: 50px;
    height: 50px;
    cursor: pointer;
}

#live
{
    max-width: 720px;
    margin: 0 auto;
}

#live_ekspert
{
    text-align: center;
}

#live_ekspert img
{
    width: 80px;
    border-radius: 8px;
    margin-top: 10px;
}

#live_data
{
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
}

#live_data span
{
    display: block;
    font-size: 15px;
}

.live_baner_mini
{
    padding: 5px;
    border-radius: 5px;
    background: var(--kolor);
    color: #F2D6FF;
}

.live_baner_mini .live_doradca
{
    display: flex;
}

.live_baner_mini .live_doradca h4
{
    font-weight: 700;
    font-size: 18px;
}

.live_baner_mini .live_doradca img.avatar
{
    width: 90px;
    border-radius: 6px;
    margin-right: 10px;
}

.live_baner_mini .live_doradca svg.calendar
{
    width: 24px;
    height: 24px;
    margin-right: 5px;
}

.live_baner_mini .live_doradca > div
{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.live_baner_mini .live_data
{
    display: flex;
    align-items: flex-start;
    font-size: 16px;
    line-height: 1.4;
    text-transform: uppercase;
    font-weight: 700;
}

.live_baner_mini .live_data span
{
    font-size: 12px;
}

.live_baner_mini a.button
{
    margin: 0;
    font-size: 13px;
    width: 100%;
}

#live_links div.hr2
{
    height: 1px;
    background-color: #F9DFFF55;
    margin-top: 10px;
    margin-bottom: 0;
}

#live_links #portal_list
{
    display: flex;
    align-items: center;
    justify-content: space-around;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 10px;
}

#live_links #portal_list > div
{
    width: 33%;
}

#live_links #portal_list svg
{
    margin-bottom: 5px;
    border-radius: 10px;
}

#live_links #portal_list svg path.bg
{
    fill: #681A73 !important;
}

#live_links #portal_list svg path.logo
{
    fill: #F2D6FF !important;
}

#live_links #portal_list span
{
    display: block;
}

#live_links .header_live
{
    display: flex;
    align-items: center;
    justify-content: center;
}

#live_links .header_live img
{
    height: 30px;
    margin: 0;
}