*,
:after,
:before {
    box-sizing: border-box
}

@media(prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

::-moz-focus-inner {
    border-style: none;
    padding: 0
}

html {
    overflow-y: scroll
}

body {
    font-family: Lucida Grande, Lucida Sans Unicode, Verdana, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
    min-height: 100vh;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

b,
strong {
    font-weight: 700
}

hr {
    border: 0
}

img {
    height: 100%;
    max-width: 100%;
    width: 100%
}

img,
svg {
    vertical-align: middle
}

a {
    color: #428bca;
    text-decoration: none
}

p {
    margin: 0 0 10px
}

textarea {
    resize: vertical
}

table {
    border-collapse: collapse;
    width: 100%
}

td {
    padding: 0
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
    font-weight: 500;
    line-height: 1.1;
    margin: 0
}

.h1,
h1 {
    font-size: 1.5rem
}

.h2,
h2 {
    font-size: 1.3rem
}

.h3,
h3 {
    font-size: 1.1rem
}

.list-group,
ol,
ul {
    margin-bottom: 10px;
    margin-top: 0
}

label {
    display: inline-block;
    font-weight: 700;
    margin-bottom: 5px;
    max-width: 100%
}

input[type=checkbox],
input[type=radio] {
    height: 25px;
    line-height: normal;
    margin: 0;
    width: 25px
}

button:focus,
input:focus,
select:focus {
    outline: 0 !important
}

#i-geo,
#i-telephone {
    color: #ff524f
}

#i-ok {
    color: #27ae60
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.hidden {
    visibility: hidden !important
}

.hidden,
.visible-flex-xs,
.visible-lg,
.visible-md,
.visible-sm,
.visible-xs {
    display: none !important
}

.sr-only {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    clip: auto
}

@media(max-width:319px) {
    .hidden-vxs {
        display: none !important
    }
}

@media(max-width:767px) {
    .visible-xs {
        display: block !important
    }

    .visible-flex-xs {
        display: flex !important
    }

    .hidden-xs {
        display: none !important
    }
}

@media(min-width:768px)and (max-width:991px) {
    .visible-sm {
        display: block !important
    }

    .hidden-sm {
        display: none !important
    }
}

@media(max-width:991px) {
    .collapse {
        display: none
    }

    .collapse.in {
        background-color: #00000080;
        display: block;
        height: 100vh
    }
}

@media(min-width:992px)and (max-width:1399px) {
    .visible-md {
        display: block !important
    }

    .hidden-md {
        display: none !important
    }
}

@media(min-width:1400px) {
    .visible-lg {
        display: flex !important
    }

    .hidden-lg {
        display: none !important
    }
}

.pink {
    color: #ff1578;
    font-weight: 800
}

.wa {
    color: #25d366
}

.tlg {
    color: #27a5e7
}

.viber {
    color: #8e24aa
}

.like {
    color: #ff524f
}

.error {
    color: red
}

.separator {
    padding: 0 2px
}

.warning {
    background-color: #fff9df;
    border: 1px solid #bfbfbf;
    border-radius: 4px;
    margin: 10px 0;
    padding: 5px
}

html {
    font-size: 14px
}

body {
    background-color: #f3f3f5;
    background-image: url(../images/elements/bg.png);
    color: #333;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 55px;
    text-align: center
}

main {
    margin-top: 10px
}

header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1030
}

.container-fluid {
    padding: 0 15px
}

.text_information {
    margin-left: auto;
    margin-right: auto
}

.main,
.sidebar {
    float: right
}

.main h2 {
    padding: 2px 0
}

main.bookmarks .bookmarks_text {
    color: #333;
    width: 100%
}

.intim-map #tvintroduction_body,
.main #tvintroduction_body {
    flex-direction: column;
    text-align: initial;
    text-indent: 8px
}

.intim-map #tvintroduction_body h2,
.intim-map #tvintroduction_body h3,
.main #tvintroduction_body h2,
.main #tvintroduction_body h3 {
    font-weight: 700
}

.intim-map #tvintroduction_body h3,
.main #tvintroduction_body h3 {
    font-size: 1.2rem
}

@media(max-width:319px) {
    body {
        padding-top: 46px
    }

    main {
        margin-top: 5px
    }

    .container-fluid {
        padding: 0 5px
    }
}

@media(min-width:320px)and (max-width:359px) {
    main {
        margin-top: 10px
    }

    .container-fluid {
        padding: 0 10px
    }
}

@media(min-width:480px)and (max-width:519px) {
    main {
        margin-left: 10%;
        width: 80%
    }
}

@media(min-width:519px)and (max-width:767px) {
    main {
        margin-left: 15%;
        width: 70%
    }
}

@media(max-width:767px) {
    .sidebar .menu {
        width: 80%
    }
}

@media(min-width:768px) {
    h1 {
        margin: 3px 0
    }

    main {
        margin: 10px 0 0
    }

    .main {
        width: 100%
    }

    .main h2 {
        padding: 5px 0
    }

    .main .panel-body {
        display: flex;
        flex-wrap: wrap
    }

    main.text_information {
        padding: 55px 0 40px;
        width: 90%
    }

    main.catalog {
        padding-top: 50px
    }

    main.bookmarks {
        color: inherit
    }

    main.intim-map {
        padding-top: 45px
    }
}

@media(max-width:991px) {
    .sidebar {
        background-color: #0009;
        height: 100%;
        left: 0;
        margin: 0;
        overflow: auto;
        padding-bottom: 51px;
        position: fixed;
        top: 51px;
        width: 100%;
        z-index: 1000
    }
}

@media(min-width:768px)and (max-width:991px) {
    body {
        padding-top: 15px
    }

    .sidebar .menu {
        width: 35%
    }
}

@media(min-width:992px) {
    .sidebar {
        margin-left: 1.66666667%;
        width: 21.66666667%
    }

/*     .main {
        width: 76.66666667%
    } */

    main.text_information {
        width: 80%
    }

    .girl_page .sidebar,
    .text_information .sidebar {
        display: none
    }
}

@media(min-width:1100px) {
    .container-fluid {
        padding: 0 3%
    }

    main.girl_page {
        padding-left: 3%;
        padding-right: 3%
    }
}

@media(min-width:1250px) {
    .container-fluid {
        padding: 0 6%
    }

    main.girl_page {
        padding-left: 6%;
        padding-right: 6%
    }
}

@media(min-width:1400px) {
    .sidebar {
        margin-left: 1.5%;
        width: 15%
    }

/*     .main {
        width: 83.5%
    } */

    main.text_information {
        width: 60%
    }

    .container-fluid {
        padding: 0 3%
    }

    main.girl_page {
        padding-left: 9%;
        padding-right: 9%
    }

    main.intim-map {
        padding-bottom: 10px;
        padding-top: 50px
    }
}

@media(min-width:1400px)and (max-width:1725px) {
    .main h2 {
        padding-bottom: 4px
    }
}

@media(min-width:1600px) {
    .container-fluid {
        padding: 0 6%
    }

    main.girl_page {
        padding-left: 12%;
        padding-right: 12%
    }
}

@media(min-width:1800px) {
    .container-fluid {
        padding: 0 9%
    }

    main.girl_page {
        padding-left: 15%;
        padding-right: 15%
    }
}

@media(min-width:1921px) {
    .container-fluid {
        padding: 0 12%
    }

    main.girl_page {
        padding-left: 18%;
        padding-right: 18%
    }
}

@media(min-width:2200px) {
    .container-fluid {
        padding: 0 15%
    }

    main.girl_page {
        padding-left: 21%;
        padding-right: 21%
    }
}

@media(min-width:2560px) {
    .container-fluid {
        padding: 0 18%
    }

    main.girl_page {
        padding-left: 24%;
        padding-right: 24%
    }
}

@media(min-width:2900px) {
    .container-fluid {
        padding: 0 21%
    }

    main.girl_page {
        padding-left: 27%;
        padding-right: 27%
    }
}

@media(min-width:3440px) {
    .container-fluid {
        padding: 0 24%
    }

    main.girl_page {
        padding-left: 30%;
        padding-right: 30%
    }
}

.navbar {
    border-bottom: 1px solid #ff1578;
    display: flex;
    flex-direction: column
}

.navbar svg {
    height: 2rem;
    width: 2rem;
    fill: currentColor;
    margin-right: 5px
}

.navbar-collapse {
    text-align: left
}

.navbar-header {
    align-items: center;
    display: flex;
    flex: 1;
    justify-content: space-between
}

.navbar-nav {
    display: flex;
    flex-direction: column;
    list-style: none;
    padding-left: 0
}

.navbar .navbar-nav .menu {
    color: #333;
    display: block;
    font-size: 1.4rem;
    padding: 8px 15px
}

.navbar .navbar-nav .menu:focus,
.navbar .navbar-nav .menu:hover {
    color: #ff1578
}

.navbar-buttons {
    align-items: center;
    display: flex
}

.navbar-toggle {
    background-color: #0000;
    background-image: none;
    border: 1px solid #525050;
    border-radius: 4px;
    height: 34px;
    margin: 8px 0;
    padding: 9px 10px
}

.navbar-toggle:focus,
.navbar-toggle:hover {
    background-color: #ededed;
    outline: 0
}

.navbar-toggle.collapsed {
    background-color: #0000
}

.navbar-toggle .icon-bar {
    background-color: #555;
    border-radius: 1px;
    display: block;
    height: 2px;
    width: 22px
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px
}

.navbar-search {
    color: #555;
    margin-right: 8px;
    padding: 5px 10px
}

.navbar-search .i-filter {
    height: 1.25rem;
    margin: 0;
    width: 1.25rem
}

.navbar .navbar-brand {
    color: #333;
    font-size: 2.3rem;
    padding: 1px 0;
    white-space: nowrap
}

.navbar-brand .zone {
    font-size: 1rem
}

@media(max-width:319px) {

    .navbar-collapse,
    .navbar-header {
        padding: 0 5px
    }

    .navbar .navbar-brand {
        font-size: 1.3rem
    }

    .navbar .navbar-nav .menu {
        font-size: 1.25rem;
        padding: 7px 10px
    }

    .navbar-toggle {
        margin: 5px 0
    }

    .navbar-search {
        margin-right: 6px
    }

    .navbar-brand .zone {
        font-size: .7rem
    }
}

@media(min-width:320px)and (max-width:359px) {
    .navbar .navbar-brand {
        font-size: 1.8rem
    }
}

@media(max-width:767px) {
    .navbar {
        padding: 0
    }
}

@media(max-width:991px) {
    .navbar {
        padding: 0
    }

    .navbar-header {
        background-color: #f9f9f9;
        background-image: none;
        background-repeat: repeat-x;
        padding: 0 15px
    }

    .navbar-nav {
        background-color: #f9f9f9;
        border-bottom: 1px solid #ff1578;
        margin: 0;
        padding: 7.5px 15px
    }
}

@media(min-width:992px) {
    .navbar {
        background-color: #f9f9f9;
        background-image: none;
        background-repeat: repeat-x;
        border-bottom: 2px solid #ff1578;
        flex-direction: row
    }

    .navbar svg {
        height: 1.25rem;
        margin-left: 3px;
        margin-right: 0;
        width: 1.25rem
    }

    .navbar-header {
        flex: 0 0 auto
    }

    .navbar-collapse {
        align-items: center;
        border-top: 0;
        display: flex;
        flex: 1
    }

    .navbar-nav {
        flex: 1;
        flex-direction: row;
        justify-content: space-evenly;
        margin: 0 0 0 10px
    }

    .navbar .navbar-nav .menu {
        padding: 0
    }

    .navbar-search-collapse,
    .navbar-toggle {
        display: none
    }

    .navbar .navbar-brand {
        font-size: 2rem
    }
}

@media(min-width:992px)and (max-width:1130px) {
    .navbar .navbar-nav .menu {
        font-size: 1.2rem
    }
}

.modal {
    display: none;
    height: 100%;
    left: 0;
    outline: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1050
}

.modal.in {
    background-color: #00000080;
    display: block
}

.modal.fade .modal-dialog {
    transform: translate3d(0, -25%, 0);
    transition: transform .3s ease-out
}

.modal.in .modal-dialog {
    transform: translateZ(0)
}

.modal-dialog {
    margin: 10px;
    position: relative;
    width: auto
}

.modal-content {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #0003;
    border-radius: 6px;
    box-shadow: 0 3px 9px #00000080;
    outline: 0;
    position: relative
}

.modal-backdrop {
    background-color: #000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1040
}

.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0
}

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5
}

.modal-header {
    border-bottom: 1px solid #e5e5e5;
    font-size: 1.3rem;
    padding: 15px
}

.modal-title {
    margin: 0
}

.modal-body {
    padding: 15px;
    position: relative;
    text-align: left
}

.modal-footer {
    border-top: 1px solid #e5e5e5;
    display: flex;
    justify-content: flex-end;
    padding: 15px
}

.modal-footer .btn+.btn {
    margin-bottom: 0;
    margin-left: 5px
}

.modal-scrollbar-measure {
    height: 50px;
    overflow: scroll;
    position: absolute;
    top: -9999px;
    width: 50px
}

.modal-open {
    overflow: auto;
    padding-right: 0 !important
}

.modal-header .close {
    -webkit-appearance: none;
    border: 0;
    cursor: pointer;
    filter: alpha(opacity=20);
    float: right;
    font-size: inherit;
    font-weight: 700;
    line-height: 1;
    margin-top: -2px;
    opacity: .2;
    padding: 0;
    text-shadow: 0 1px 0 #fff
}

.modal-header .close:focus,
.modal-header .close:hover {
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5
}

@media(max-width:319px) {

    .modal-body,
    .modal-footer,
    .modal-header {
        padding: 5px
    }

    .modal-header {
        font-size: 1rem;
        padding: 10px 5px
    }

    .modal-footer .btn {
        padding: 5px
    }

    .modal .form-group {
        margin-bottom: 5px
    }
}

@media(min-width:768px) {
    .modal-dialog {
        margin: 30px auto;
        width: 600px
    }

    .modal-content {
        box-shadow: 0 5px 15px #00000080
    }
}

.breadcrumb {
    margin-bottom: 0;
    padding: 0 8px 8px;
    text-align: left
}

.breadcrumb a {
    color: #333
}

.breadcrumb a:hover {
    color: #ff1578
}

.breadcrumb>.active {
    color: #a5a4a4
}

.breadcrumb>li {
    display: inline-block
}

.breadcrumb>li+li:before {
    color: #ccc;
    content: "/";
    padding: 0 5px
}

@media(max-width:319px) {
    .breadcrumb {
        padding: 0 4px 8px
    }
}

.thumbnail {
    background-color: #fff;
    border: 1px solid #bfbfbf;
    display: block;
    line-height: 1.42857143;
    margin-bottom: 20px;
    padding: 4px
}

.thumbnail:hover {
    border: 1px solid #b4b4b4
}

@media(min-width:768px) {
    .thumbnail {
        border-radius: 4px;
        transition: all .2s ease-in-out
    }
}

.table {
    background-color: #fff;
    border: 1px solid #bfbfbf;
    border-radius: 4px;
    margin-bottom: 20px
}

.table tbody>tr>td,
.table tbody>tr>th {
    border: 1px solid #d1d1d1;
    line-height: 1.42857143;
    padding: 8px
}

.table tbody:first-child>tr:first-child td {
    border-top: 0
}

.table tbody>tr>td:first-child {
    border-left: 0
}

.table tbody>tr>td:last-child {
    border-right: 0
}

.table tbody>tr:last-child>td {
    border-bottom: 0
}

@media(max-width:319px) {
    .table tbody>tr>td {
        padding: 5px
    }
}

.blog_article {
    background-color: rgba(0, 0, 0, .035);
    background-image: url(../images/elements/furley_bg.png);
    border: 1px solid #c8c8c8;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    padding: 19px
}

.blog_article .thumbnail {
    border: 1px solid #b4b4b4;
    border-radius: 4px;
    flex: 1;
    margin: 0;
    padding: 0
}

.blog_article .thumbnail .caption {
    padding: 5px
}

.blog_article .text-preview {
    flex: 4
}

.blog_article img {
    border: 1px solid #b4b4b4
}

.blog_article a,
.blog_article a:focus,
.blog_article a:hover {
    color: inherit
}

.blog_article .blog_text {
    font-size: 1rem;
    text-align: justify;
    text-indent: 10px
}

.blog .blog_article:hover {
    border-color: #a8a8a8
}

.blog .blog_article {
    cursor: pointer;
    padding: 5px
}

.blog .blog_article p {
    margin-top: 10px
}

@media(min-width:768px) {
    .blog .blog_article {
        align-items: center;
        flex-direction: row
    }
}

@media(min-width:992px) {
    .blog_article {
        align-items: flex-start;
        flex-direction: row
    }

    .blog_article .blog_text {
        flex: 2;
        margin-left: 15px
    }
}

.btn {
    background-color: #0000;
    border: 1px solid #0000;
    border-radius: 4px;
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.42857143;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap
}

.btn.active,
.btn:active {
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    outline: 0
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    box-shadow: none;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    opacity: .65;
    pointer-events: none
}

.btn-default {
    background-color: #fff;
    border-color: #ccc;
    color: #333
}

.btn-default:hover {
    background-color: #e6e6e6;
    border-color: #adadad
}

.btn-pink {
    background-color: #b3003d;
    background-image: linear-gradient(180deg, #ef1467, #b3003d);
    background-repeat: repeat-x;
    border-color: #b3003d;
    color: #fff
}

.btn-pink:focus,
.btn-pink:hover {
    background-position: 0 -15px
}

.btn-black {
    background-color: #242424;
    background-image: linear-gradient(180deg, #424242, #242424);
    background-repeat: repeat-x;
    border-color: #242424;
    color: #fff
}

.btn-black:focus,
.btn-black:hover {
    background-position: 0 -15px
}

.btn-grey {
    background-color: #6c757d;
    border-color: #6c757d;
    color: #fff
}

.btn-grey:focus,
.btn-grey:hover {
    background-color: #5a6268;
    border-color: #545b62;
    color: #fff
}

.btn-pink-light {
    background-color: rgba(252, 85, 147, .871);
    border-color: rgba(252, 85, 147, .871);
    color: #fff
}

.btn-pink-light:focus,
.btn-pink-light:hover {
    background-color: #fc5593;
    border-color: #fc5593;
    color: #fff
}

@media(max-width:319px) {
    .btn {
        padding: 6px
    }
}

footer {
    background: #f9f9f9;
    border-top: 1px solid #ff1578;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly
}

footer p {
    color: #333;
    margin: 0 0 5px
}

footer ul {
    list-style: none;
    margin: 0;
    padding: 0
}

footer li {
    margin: 16px 0
}

footer .about,
footer .contacts,
footer .login {
    flex: 1 1 auto
}

footer .about a,
footer .login a {
    color: #ff1578;
    text-decoration: underline
}

footer .copy {
    border-top: 1px solid #464646;
    margin-top: 10px;
    padding: 15px 0;
    width: 100%
}

footer .copy span {
    color: #333;
    font: 400 1rem serif
}

footer .header {
    font: 400 1.2rem serif;
    margin: 20px 0 10px
}

@media(min-width:768px) {
    footer {
        border-top: 2px solid #ff1578
    }

    footer li {
        margin: 0 0 3px
    }
}

@media(min-width:992px) {
    footer .company {
        flex: 1 1 40%
    }
}

.ribbon {
    background-color: #23a318;
    background-image: linear-gradient(180deg, #0000, #00000026);
    font-weight: 600;
    padding: 2px 0;
    pointer-events: auto;
    position: absolute;
    right: -71px;
    top: 17px;
    transform: rotate(45deg);
    z-index: 2
}

.ribbon p {
    border: dotted #ffffffb3;
    border-width: 2px 0;
    color: #fff;
    display: inline-block;
    font-size: .95rem;
    line-height: .95rem;
    margin: 0;
    padding: 2px 0;
    width: 200px
}

.ribbon-wrapper {
    height: 150px;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 150px;
    z-index: 2
}

.banner img {
    border: 1px solid #b4b4b4
}

@media only screen and (min-width:560px)and (max-width:767px) {
    .banner.visible-xs {
        display: none !important
    }
}

.list-group {
    padding-left: 10px;
    padding-right: 10px
}

.l-item {
    background-color: #fff;
    border: 1px solid #bfbfbf;
    color: inherit;
    display: block;
    margin-bottom: -1px;
    padding: 9px 15px;
    position: relative
}

.l-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.l-item:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-bottom: 0
}

a.l-item:focus,
a.l-item:hover {
    background-color: #f5f5f5
}

.menu .panel-body {
    padding: 10px 10px 0
}

.menu-group {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 10px;
    padding: 0
}

.menu-group .m-item {
    background-color: #fff;
    border: 1px solid #bfbfbf;
    color: inherit;
    margin-bottom: -1px;
    margin-left: -1px;
    padding: 6px;
    width: 50%
}

.menu-chest .m-item {
    width: 16.666666667%
}

.menu-age .m-item,
.menu-services .m-item {
    width: 100%
}

.menu-main .m-item {
    border-radius: 4px;
    margin-bottom: 5px;
    width: 100%
}

.menu-main .m-item:last-child {
    margin-bottom: 0
}

.menu-main .m-item.today_work {
    background-color: #ffe5e5
}

.menu-group a.m-item:focus,
.menu-group a.m-item:hover {
    background-color: #f5f5f5
}

@media(max-width:991px) {
    .sidebar .menu {
        border-width: 0 1px 0 0;
        margin: 0
    }
}

.pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    margin: 20px 0;
    padding-left: 0;
    width: 100%
}

.pagination .page {
    background-color: #fff;
    border: 1px solid #d1d1d1;
    color: inherit;
    display: block;
    font-size: 1.2rem;
    line-height: 1.42857143;
    margin-left: -1px;
    padding: 10px 0;
    position: relative
}

.pagination>li {
    flex: 1;
    max-width: 45px
}

.pagination>li:first-child>.page {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px
}

.pagination>li:last-child>.page {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px
}

.pagination>li:first-child>.page {
    margin-left: 0
}

.pagination .page:focus,
.pagination .page:hover,
.pagination>.active>.page {
    background-color: #e9e9e9;
    border: 1px solid #b4b4b4
}

.pagination>.active>.page {
    cursor: default;
    z-index: 2
}

.pagination>.active>.page:hover {
    background-color: #e9e9e9
}

.pagination>.disabled>.page {
    color: #777;
    cursor: not-allowed
}

#registration_form .form-group {
    align-items: flex-start;
    display: flex;
    justify-content: center
}

#registration_form .agree_label,
#registration_form .control-input {
    flex: 1.2
}

#registration_form .control-input input,
#registration_form .control-input input::placeholder {
    text-align: center
}

#registration_form .control-checkbox {
    display: flex;
    justify-content: center
}

#registration_form .control-checkbox,
#registration_form .control-label {
    flex: 1
}

@media(max-width:320px) {

    #registration_form .agree_label,
    #registration_form .control-input {
        flex: 1.5
    }
}

@media(min-width:768px) {
    #registration_form .form-group {
        justify-content: flex-end
    }
}

.form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #c8c8c8;
    border-radius: 4px;
    color: #555;
    display: block;
    font-size: 1rem;
    height: 34px;
    line-height: 1.42857143;
    padding: 6px 12px;
    width: 100%
}

.form-control:focus {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #66afe999
}

.form-control::-moz-placeholder {
    color: #777;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #777
}

.form-control::-webkit-input-placeholder {
    color: #777
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #eee;
    cursor: not-allowed;
    opacity: 1
}

textarea.form-control {
    height: auto
}

textarea.form-control:focus {
    box-shadow: none
}

.form-group {
    margin-bottom: 15px
}

.form-horizontal .checkbox,
.form-horizontal .checkbox-inline,
.form-horizontal .radio,
.form-horizontal .radio-inline {
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 7px
}

.form-horizontal .checkbox,
.form-horizontal .radio {
    min-height: 27px
}

.form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0
}

.form-horizontal .control-label {
    padding-left: 0;
    padding-right: 0
}

.form-control:focus {
    border-color: #9a379e !important;
    outline: 0
}

.form-horizontal label.checkbox_label {
    padding-left: 5px;
    text-align: left
}

@media(min-width:768px) {
    .form-horizontal .control-label {
        margin-bottom: 0;
        padding-top: 7px
    }
}

.mobile_search hr {
    border-top: 1px solid #c8c8c8;
    margin: 10px 0
}

.mobile_search button[type=submit] {
    margin-right: 2%
}

.mobile_search .control-label {
    flex: 1;
    font-weight: 500
}

.mobile_search .form-group>.form-control {
    flex: 1.2
}

.mobile_search .checkboxes {
    padding: 0 10px
}

.mobile_search .checkboxes .control-label {
    flex: 5;
    margin: 0;
    text-align: left
}

.mobile_search .checkbox {
    flex: 1
}

.mobile_search .form-group {
    align-items: center;
    display: flex;
    justify-content: center
}

.mobile_search .price {
    flex: 1.4;
    justify-content: space-around
}

.mobile_search .buttons .form-group:last-child {
    justify-content: flex-end
}

.mobile_search .price {
    align-items: center;
    display: flex
}

@media(min-width:768px) {

    .mobile_search hr,
    .mobile_search p {
        width: 100%
    }

    .mobile_search p {
        margin-bottom: 17px
    }

    .mobile_search .form-group {
        width: 49%
    }

    .mobile_search .buttons .form-group {
        width: 100%
    }

    .mobile_search .checkboxes,
    .mobile_search .data {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

.panel {
    background-color: #fff;
    border: 1px solid #c8c8c8;
    margin-bottom: 20px
}

.panel-body {
    background-color: #f9f9f9;
    overflow: hidden;
    padding: 15px 15px 0
}

.panel-heading {
    background-color: #ffecef;
    background-image: linear-gradient(180deg, #fffbfb 0, #ffecef);
    border-bottom: 1px solid #ffcad2;
    color: #404040;
    padding: 12px 15px;
    -webkit-user-select: none;
    user-select: none
}

@media(max-width:319px) {
    .panel-body {
        padding: 5px 5px 0
    }
}

@media(min-width:320px)and (max-width:359px) {
    .panel-heading {
        padding: 12px 0
    }

    .panel-body {
        padding: 15px 5px 0
    }
}

@media(min-width:768px) {
    .panel {
        border-radius: 4px
    }

    .panel-heading {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }
}

@media(min-width:992px)and (max-width:1023px) {
    .panel-body {
        padding: 15px 10px 0
    }
}

@media(min-width:1400px)and (max-width:1450px) {
    .panel-body {
        padding: 15px 10px 0
    }
}

.sitemap .h2 {
    margin-bottom: 10px
}

.sitemap .sitemap_row,
.sitemap .sitemap_row.areas ul {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    text-align: left
}

.sitemap .catalog_name {
    text-align: center
}

.sitemap .sitemap_row.areas li {
    flex: 0 1 25%
}

@media(min-width:768px) {

    .sitemap .sitemap_row,
    .sitemap .sitemap_row.areas ul {
        flex: 1;
        flex-direction: row
    }

    .sitemap .sitemap_column,
    .sitemap .sitemap_row.areas li {
        flex: 0 1 50%
    }
}

@media(min-width:992px) {

    .sitemap .sitemap_column,
    .sitemap .sitemap_row.areas li {
        flex: 0 1 25%
    }
}

.girls .no_records {
    margin-bottom: 20px;
    width: 100%
}

@media(max-width:479px) {
    .girls {
        margin-bottom: 0
    }

    .girls,
    .girls .panel-heading {
        background-color: #0000;
        border: none
    }

    .girls .panel-heading {
        background-image: none;
        color: inherit;
        padding-top: 0
    }

    .girls .panel-body {
        background-color: #0000;
        padding: 0 2%
    }
}

@media(min-width:480px) {

    .girls .panel-heading,
    .sidebar .panel-heading {
        align-items: center;
        display: flex;
        font-size: 1.3rem;
        height: 55px;
        justify-content: center;
        padding: 6px 15px
    }

    .sidebar .panel-heading {
        font-weight: 500;
        line-height: 1.1;
        margin: 0
    }
}

@media(min-width:768px)and (max-width:991px) {
    .girls .panel-body {
        justify-content: space-between
    }
}

.girl,
.girl .body,
.girl .caption,
.girl .data,
.girl .info,
.girl .l-item,
.girl .phone,
.girl .photo {
    display: flex
}

.girl {
    background-color: #f3f3f3;
    border: 1px solid #c8c8c8;
    border-radius: 4px;
    cursor: pointer;
    flex-direction: column;
    margin-bottom: 20px;
    padding: 5px
}

.girl:hover {
    border-color: #a8a8a8
}

.girl svg {
    height: 1.25rem;
    width: 1.25rem
}

.girl a,
.girl a:focus,
.girl a:hover {
    color: inherit
}

.girl img {
    border: 1px solid #b4b4b4;
    object-fit: cover
}

.girl li {
    white-space: nowrap
}

.girl .name {
    font-size: 1.2rem;
    padding: 3px 0;
    position: relative;
    width: 100%
}

.girl .name div {
    background-color: #fff;
    border-radius: 50px;
    display: flex;
    position: absolute;
    right: 1px;
    top: 5px
}

.girl .name div:nth-of-type(2) {
    right: 24px
}

.girl .name div:nth-of-type(3) {
    right: 48px
}

.girl .photo {
    background-color: #fff;
    border: 1px solid #b4b4b4;
    flex-direction: column;
    margin-bottom: 5px;
    padding: 5px 5px 0;
    position: relative;
    -webkit-user-select: none;
    user-select: none
}

.girl .caption div {
    align-items: center;
    display: flex;
    padding: 4px
}

.girl .caption div:nth-child(3) {
    margin-left: auto
}

.girl .caption .i-comment,
.girl .caption .i-photo,
.girl .caption .i-video {
    margin-right: 7px
}

.girl .data {
    flex-wrap: wrap;
    margin-bottom: 7px
}

.girl .info {
    flex-direction: column
}

.girl .body,
.girl .price {
    margin: 0;
    padding: 0
}

.girl .body {
    align-content: flex-start;
    flex-wrap: wrap;
    justify-content: space-between
}

.girl .area,
.girl .body li,
.girl .promo,
.girl .text,
.girl .time {
    border: 1px solid #b4b4b4;
    border-radius: 4px;
    padding: 1px
}

.girl .body li {
    background-color: #fff;
    display: block;
    margin-bottom: 3px;
    width: 49%
}

.girl .price {
    margin-left: 1%
}

.girl .l-item {
    border-color: #b4b4b4;
    justify-content: space-between;
    padding: 3px 5px
}

.girl .area,
.girl .time {
    align-items: center;
    background-color: #fff;
    display: flex;
    justify-content: center;
    margin-top: 4px;
    white-space: nowrap;
    width: 100%
}

.girl .info div:first-of-type {
    margin-top: 3px
}

.girl .data svg {
    margin-right: 4px
}

.girl .promo,
.girl .text {
    margin-bottom: 7px;
    padding: 3px
}

.girl .text {
    background-color: #e4f7fd;
    font-size: .95rem;
    line-height: 1.2;
    word-break: break-word
}

.girl .promo {
    background-color: #f8ffeb
}

.girl .phone {
    margin-bottom: 5px;
    width: 100%
}

.girl .phone>div {
    align-items: center;
    background-color: #fff;
    border: 1px solid #b4b4b4;
    border-radius: 4px;
    display: flex;
    flex: 1 1 auto;
    font-size: 1.25rem;
    justify-content: center;
    padding: 8px 1px;
    white-space: pre-wrap
}

.girl .phone .call {
    flex-direction: column;
    min-height: 44px;
    padding: 4px 1px
}

.girl .phone .call.today_work {
    background-color: #ffdada
}

.girl .phone .call_text {
    align-items: center;
    display: flex;
    line-height: 1
}

.girl .phone .call_text svg {
    height: 1rem;
    width: 1rem
}

.girl .phone .call_text:only-child svg {
    height: 1.25rem;
    width: 1.25rem
}

.girl .phone .call .call_time {
    font-size: .8rem
}

.girl .phone .like,
.girl .phone .tlg,
.girl .phone .viber,
.girl .phone .wa {
    margin-left: 1.5%;
    max-width: 18.5%
}

.girl .phone .like svg,
.girl .phone .tlg svg,
.girl .phone .viber svg,
.girl .phone .wa svg {
    height: 1.5rem;
    width: 1.5rem
}

.girl .swipe {
    background-image: url(../css/vendors/Light-Slider/controls.png);
    cursor: pointer;
    display: block;
    height: 32px;
    margin-top: -16px;
    opacity: .5;
    position: absolute;
    top: 47%;
    transition: opacity .35s linear 0s;
    width: 32px;
    z-index: 99
}

.girl .swipe:hover {
    opacity: 1
}

.girl .swipe.left {
    background-position: 0 0;
    left: 10px
}

.girl .swipe.right {
    background-position: -32px 0;
    right: 10px
}

.girl .type_organization {
    border: 1px solid #b4b4b4;
    border-top: 0;
    color: #fff;
    font-weight: 700;
    margin-top: -1px
}

.girl .type_organization.transsexual {
    background-color: #7ec9f8;
    background-image: linear-gradient(90deg, #7ec9f8, #ecadba)
}

.girl .type_organization.masseuse {
    background-color: #91b4cd
}

@media(max-width:319px) {
    .girl .body {
        flex-direction: column;
        height: 100%
    }

    .girl .body li {
        margin-bottom: 0;
        width: 100%
    }

    .girl li {
        white-space: normal
    }

    .girl .l-item {
        padding: 2px
    }

    .girl .area,
    .girl .body li,
    .girl .l-item,
    .girl .promo,
    .girl .text,
    .girl .time {
        border-radius: 0
    }

    .girl .area,
    .girl .time {
        display: none;
        margin: 0 5px 7px;
        width: auto
    }

    .girl .info,
    .girl .price {
        flex: 1 1 49.5%
    }
}

@media(min-width:320px)and (max-width:359px) {
    .girl .l-item {
        padding: 3px 2px
    }

    .girl img {
        min-height: 300px
    }
}

@media(max-width:479px) {
    .girl {
        background-color: #f9f9f9;
        border-color: #bfbfbf;
        padding: 0
    }

    .girl .name {
        background-color: #ffecef;
        background-image: linear-gradient(180deg, #fffbfb 0, #ffecef);
        border-bottom: 1px solid #ffcad2;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        margin-bottom: 5px;
        padding: 7px 0
    }

    .girl .data,
    .girl .photo,
    .girl .promo,
    .girl .text,
    .girl>.phone {
        margin: 0 5px 5px
    }

    .girl>.phone {
        width: auto
    }

    .girl .body li:nth-child(-n+2) {
        margin-bottom: 4px
    }
}

@media(min-width:360px)and (max-width:767px) {
    .girl img {
        min-height: 350px
    }
}

@media(max-width:767px) {
    .girl .name div {
        display: none
    }

    .girl .price {
        width: 39%
    }

    .girl .info {
        width: 60%
    }
}

@media(min-width:768px) {
    .girl {
        align-content: flex-start;
        align-items: flex-start;
        background: url(../images/elements/furley_bg.png);
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%
    }

    .girl .photo {
        flex: 0 0 50%
    }

    .girl .data {
        flex: 0 0 49%;
        flex-direction: column
    }

    .girl .promo,
    .girl .text {
        width: 100%
    }

    .girl .phone {
        flex-direction: column
    }

    .girl .phone .number,
    .girl .phone .today_work {
        border-radius: 4px;
        font-size: 1rem;
        padding: 1px;
        white-space: nowrap
    }

    .girl .phone .today_work {
        background-color: #ffe5e5;
        margin-top: 5px
    }

    .girl .data {
        margin-left: 1%
    }

    .girl .price {
        margin-left: 0;
        margin-top: 5px
    }

    .girl .body li:nth-child(odd) {
        width: 55%
    }

    .girl .body li:nth-child(2n) {
        margin-left: 2%;
        width: 43%
    }

    .girl .area,
    .girl .time {
        margin-top: 5px;
        white-space: normal
    }

    .girl .caption svg,
    .girl .data svg {
        height: 1.1rem;
        width: 1.1rem
    }

    .girl img {
        height: 250px
    }
}

@media(min-width:768px)and (max-width:991px) {
    .girl {
        margin-bottom: 10px;
        width: 49.5%
    }
}

@media(min-width:992px)and (max-width:1050px) {
    .girl .caption div {
        padding: 3px
    }
}

@media(min-width:992px)and (max-width:1399px) {
    .girl {
        width: 49%
    }

    .girl:nth-child(2n) {
        margin-left: 2%
    }
}

@media(min-width:1400px) {
    .girl {
        width: 32.5%
    }

    .girl:nth-child(3n),
    .girl:nth-child(3n-1) {
        margin-left: 1.25%
    }
}

@media(min-width:1400px)and (max-width:1509px) {
    .girl .caption div {
        padding: 3px
    }
}

.girl_top {
    display: flex;
    flex-direction: column
}

.girl_bar,
.girl_top {
    background-color: #fff;
    border: 1px solid #bfbfbf;
    border-radius: 4px;
    cursor: pointer;
    line-height: 1.42857143;
    margin-bottom: 5px;
    padding: 3px;
    position: relative
}

.girl_bar {
    margin-bottom: 15px
}

.girl_bar:hover,
.girl_top:hover {
    border: 1px solid #a8a8a8
}

.girl_bar img,
.girl_top img {
    border: 1px solid #bfbfbf
}

.girl_top img {
    height: 250px;
    object-fit: cover
}

.girl_bar svg,
.girl_top svg {
    height: 1rem;
    width: 1rem
}

.girl_bar .name,
.girl_top .name {
    font-size: 1.2rem
}

.girl_bar .area,
.girl_bar .name,
.girl_top .area,
.girl_top .name {
    margin: 3px 0;
    overflow: hidden;
    white-space: nowrap
}

.girl_bar .likes,
.girl_top .likes {
    align-items: center;
    border-radius: 4px;
    color: #fff;
    display: flex;
    font-size: 1rem;
    padding: 2px 4px
}

.girl_bar .likes div,
.girl_top .likes div {
    align-items: center;
    display: flex;
    padding: 4px
}

.girl_bar .likes div:nth-child(3),
.girl_top .likes div:nth-child(3) {
    margin-left: auto
}

.girl_bar .likes .i-comment,
.girl_bar .likes .i-photo,
.girl_top .likes .i-comment,
.girl_top .likes .i-photo {
    margin-right: 7px
}

.girl_bar .likes {
    background-color: #242424;
    background-image: linear-gradient(180deg, #424242, #242424);
    background-repeat: repeat-x
}

.girl_top .likes {
    background-color: #b3003d;
    background-image: linear-gradient(180deg, #ef1467, #b3003d);
    background-repeat: repeat-x;
    margin-top: auto
}

@media(min-width:768px) {
    .girl_top {
        width: 24.4%
    }
}

@media(min-width:992px) {
    .girl_top {
        width: 16%
    }

    .girl_bar svg {
        height: 1.1rem;
        width: 1.1rem
    }
}

@media(min-width:1400px) {
    .girl_top {
        width: 13.66666667%
    }

    .girl_top svg {
        height: 1.1rem;
        width: 1.1rem
    }
}

@media(min-width:1851px) {
    .girl_top img {
        height: 270px
    }
}

#lightSlider {
    height: 100vh;
    max-height: 400px;
    padding: 0
}

.girl_page .main {
    width: 100%
}

.girl_page .main svg {
    height: 1.25rem;
    width: 1.25rem
}

.girl_page .main .panel-body,
.girl_page .main .panel-heading {
    padding: 8px
}

.girl_page .gallery {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative
}

.girl_page .gallery video {
    background-color: #000;
    max-height: 350px
}

.girl_page .gallery .thumbnail {
    height: 100%;
    margin-bottom: 0
}

.girl_page .gallery .thumbnail img {
    background-color: #0e1619;
    border: 1px solid #bfbfbf;
    object-fit: contain
}

.girl_page .info {
    background-color: #f0f0f0;
    background: url(../images/elements/furley_bg.png);
    border: 1px solid #bfbfbf;
    border-radius: 4px;
    padding: 7px
}

.girl_page .data {
    border-top: 1px solid #d1d1d1;
    padding-top: 10px
}

.girl_page .section {
    font-size: 1.4rem;
    line-height: 1.1;
    margin-bottom: 5px
}

.girl_page .add_comments {
    background-color: #fff;
    border: 1px solid #bfbfbf;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 10px 7px
}

.girl_page .add_comments .form-group:last-child {
    display: flex;
    justify-content: flex-end;
    margin: 0
}

.girl_page .description,
.girl_page .phone_info {
    background-color: #fff;
    border: 1px solid #bfbfbf;
    border-radius: 4px;
    margin-bottom: 10px;
    word-break: break-word
}

.girl_page .phone_info {
    font-size: .9rem;
    padding: 5px
}

.girl_page .description {
    padding: 9px 15px;
    white-space: pre-line
}

.girl_page .ribbon {
    right: -66px
}

.girl_page .phone .area,
.girl_page .phone .number,
.girl_page .phone .time {
    align-items: center;
    display: flex;
    justify-content: center;
    white-space: pre
}

.girl_page .phone {
    margin-bottom: 10px
}

.girl_page .phone .number {
    color: inherit;
    font-size: 1.8rem;
    margin-bottom: 5px
}

.girl_page .phone .number svg {
    height: 1.5rem;
    width: 1.5rem
}

.girl_page .phone .area,
.girl_page .phone .time {
    border: 1px solid #bfbfbf;
    border-radius: 4px;
    padding: 1px 3px
}

.girl_page .phone .time {
    background-color: #e4f7fd;
    margin-top: auto
}

.girl_page .comment {
    border: 1px solid #bfbfbf;
    border-radius: 4px;
    margin-bottom: 10px;
    text-align: left;
    word-break: break-word
}

.girl_page .comment .comment_header {
    background-color: #8686865e;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    display: flex;
    font-weight: 700;
    justify-content: space-between;
    padding: 9px 15px
}

.girl_page .comment .comment_text {
    background-color: #fff;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 9px 15px;
    white-space: pre-wrap
}

.girl_page .comment .comment_text:only-child {
    border-radius: 4px
}

.girl_page .services .table td {
    padding: 8px 4px;
    white-space: inherit
}

.girl_page .promo {
    background-color: #f8ffeb;
    border: 1px solid #b4b4b4;
    border-radius: 4px;
    margin-bottom: 15px;
    padding: 1px;
    width: 100%
}

.girl_page #show_comments {
    margin-bottom: 8px
}

@media(max-width:319px) {
    .girl_page .main svg {
        height: 1rem;
        width: 1rem
    }

    .girl_page .info,
    .girl_page .main .panel-body,
    .girl_page .phone_info {
        padding: 5px
    }

    .girl_page .phone .number {
        font-size: 1.4rem
    }

    .girl_page .phone .number svg {
        height: 1.1rem;
        width: 1.1rem
    }

    .girl_page .price .table td {
        padding: 5px 2px
    }
}

@media(min-width:360px) {
    .girl_page .phone_info {
        font-size: 1rem
    }
}

@media(min-width:412px) {
    .girl_page .warning br {
        display: none
    }
}

@media(max-width:767px) {
    .girl_page .ribbon p {
        font-size: .9rem;
        line-height: .9rem
    }

    .girl_page .data .table {
        font-size: .95rem
    }

    .girl_page .data td {
        padding: 6px
    }

    .girl_page .panel-heading {
        align-items: center;
        display: flex;
        height: 44px;
        justify-content: center
    }

    .girl_page .panel-heading h1 {
        font-size: 1.3rem
    }
}

@media(min-width:768px) {
    .girl_page {
        padding-top: 35px
    }

    .girl_page .main .panel-body {
        align-items: flex-start;
        display: flex;
        flex-wrap: nowrap
    }

    .girl_page .main .panel-heading {
        align-items: baseline;
        display: flex;
        justify-content: center;
        padding: 10px 15px
    }

    .girl_page .main .panel-heading h1 {
        align-self: center;
        flex: 1
    }

    .girl_page .data,
    .girl_page .phone {
        display: flex
    }

    .girl_page .data {
        border-top-color: #c8c8c8
    }

    .girl_page .phone .column {
        display: flex;
        flex-direction: column
    }

    .girl_page .phone .column:first-child {
        align-items: center;
        flex: 1;
        flex-wrap: wrap;
        justify-content: space-around;
        margin-bottom: 0
    }

    .girl_page .phone .messengers {
        align-items: center;
        display: flex
    }

    .girl_page .phone .number {
        font-size: 2rem;
        margin-top: -5px
    }

    .girl_page .phone .number svg {
        height: 1.75rem;
        width: 1.75rem
    }

    .girl_page .phone .messengers div {
        background-color: #fff;
        border-radius: 50px;
        display: flex;
        margin-left: 7px;
        margin-right: 3px
    }

    .girl_page .phone .area {
        background-color: #fff;
        margin-bottom: 8px
    }

    .girl_page .phone .area:only-child {
        margin-bottom: auto;
        margin-top: auto
    }

    .girl_page .phone .time:only-child {
        margin-bottom: auto
    }

    .girl_page .phone .messenger-name {
        display: inherit
    }

    .girl_page .personal {
        flex: 1
    }

    .girl_page .price {
        flex: 1.4;
        margin-left: 10px
    }

    .girl_page .price .table td {
        padding: 8px 4px
    }

    .girl_page .ribbon {
        right: -60px;
        top: 20px
    }

    .girl_page .comment:last-child {
        margin-bottom: 0
    }
}

@media(min-width:768px)and (max-width:991px) {
    #lightSlider {
        max-height: 600px
    }

    .girl_page {
        padding-left: 3%;
        padding-right: 3%
    }

    .girl_page .main .panel-body {
        align-items: stretch;
        flex-direction: column
    }

    .girl_page .gallery {
        margin-bottom: 20px;
        margin-left: auto;
        margin-right: auto;
        width: 70%
    }

    .girl_page .info {
        padding: 10px
    }

    .girl_page .phone_info br {
        display: none
    }
}

@media(min-width:992px) {
    #lightSlider {
        max-height: 500px
    }

    .girl_page .main .panel-body {
        padding: 15px 10px
    }

    .girl_page .add_comments {
        padding: 15px
    }

    .girl_page .gallery {
        flex: 1
    }

    .girl_page .info {
        flex: 1.3;
        margin-left: 10px
    }

    .girl_page .phone .messengers {
        font-size: .9rem
    }

    .girl_page .main svg {
        height: 1.1rem;
        width: 1.1rem
    }
}

@media(min-width:992px)and (max-width:1399px) {
    .girl_page .price .check_out {
        font-size: .9rem
    }

    .girl_page .price .check_out td {
        padding: 8px 3px
    }
}

@media(min-width:1130px) {
    .girl_page .info {
        flex: 1.2
    }

    .girl_page .phone .number {
        font-size: 1.7rem
    }

    .girl_page .phone .messengers {
        font-size: 1rem
    }

    .girl_page .main svg {
        height: 1.25rem;
        width: 1.25rem
    }
}

@media(min-width:1366px) {
    .girl_page .info {
        flex: 1.1
    }

    .girl_page .phone .number {
        font-size: 2rem
    }

    .girl_page .phone .number svg {
        height: 1.7rem;
        width: 1.7rem
    }

    .girl_page .phone .messengers-text {
        display: inherit
    }
}

@media(min-width:1400px) {
    #lightSlider {
        max-height: 750px
    }

    .girl_page .main .panel-body {
        padding: 15px
    }

    .girl_page .info {
        padding: 10px
    }

    .girl_page .ribbon {
        right: -58px;
        top: 22px
    }

    .girl_page .phone .number {
        font-size: 2.4rem;
        margin-top: -10px
    }

    .girl_page .phone .number svg {
        height: 2rem;
        width: 2rem
    }

    .girl_page .price .check_out {
        font-size: .95rem
    }
}

@media(min-width:1920px) {
    #lightSlider {
        max-height: 800px
    }

    .girl_page .ribbon {
        right: -56px;
        top: 24px
    }
}

.services {
    background-color: #fff;
    border: 1px solid #bfbfbf;
    border-radius: 4px;
    display: grid;
    margin-bottom: 20px;
    padding: 9px 15px
}

.services .service-header {
    font-size: 1.1rem;
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 5px;
    margin-top: 10px;
    text-align: left
}

.services .service-group {
    padding: 0
}

.services .service {
    align-items: center;
    color: #a8a8a8;
    display: flex;
    list-style: none;
    text-decoration: line-through;
    white-space: nowrap
}

.services .service-group svg {
    color: #ff524fb0;
    height: 1rem;
    margin-right: 4px;
    width: 1rem
}

.services .service.active {
    color: #333;
    text-decoration: none
}

@media(max-width:479px) {

    .services .service:not(.active),
    .services>div:not(.active) {
        display: none
    }
}

@media(min-width:480px) {
    .services {
        grid-template-columns: repeat(2, 1fr)
    }

    .services .ending {
        grid-column: 3;
        grid-row: 1
    }
}

@media(min-width:768px)and (max-width:991px) {
    .services .service-header {
        font-size: .95rem
    }

    .services .service {
        font-size: .9rem
    }
}

@media(min-width:991px)and (max-width:1399px) {
    .services .ending {
        grid-column: 1;
        grid-row: 2
    }

    .services .massage {
        grid-column: 2;
        grid-row: 2
    }
}

.phone_widget {
    bottom: 2%;
    position: fixed;
    right: 2%;
    z-index: 10
}

.phone_widget .pw_panel {
    height: 0;
    opacity: 0;
    transition: all 1s
}

.phone_widget .pw_panel.in {
    display: block
}

.phone_widget .pw_button {
    border-radius: 50%;
    box-shadow: 1px 1px 3px #0006;
    color: #fff;
    margin-top: 5px;
    padding: 16px
}

.phone_widget .pw_animation {
    animation: wave 2s infinite;
    box-shadow: 0 0 0 #fc5593
}

.phone_widget .pw_button svg {
    height: 2.3rem;
    width: 2.3rem
}

.phone_widget .viber {
    background-color: #8456a7
}

.phone_widget .telegram {
    background-color: #27a5e7
}

.phone_widget .whatsapp {
    background-color: #5ec758
}

.phone_widget .call,
.phone_widget .default {
    background-color: #fc5593
}

.phone_widget .close {
    background-color: #c9c9c9
}

.phone_widget .like {
    background-color: #f9f9f9;
    color: #ff524f
}

.phone_widget .like svg {
    animation: wave 2s infinite
}

@keyframes wave {
    0% {
        transform: scale(1)
    }

    10% {
        transform: scale(1.1)
    }

    15% {
        transform: scale(1)
    }

    70% {
        box-shadow: 0 0 0 15px #0000
    }

    to {
        box-shadow: 0 0 0 0 #0000
    }
}

.yndex-maps {
    border: 1px solid #bfbfbf;
    height: 40vh;
    width: 100%
}

.girl_page .yndex-maps {
    margin-bottom: 20px;
    max-height: 350px;
    min-height: 250px
}

.intim-map .yndex-maps {
    height: 60vh;
    margin-bottom: 15px
}

.my-hint__image {
    border: 1px solid #b4b4b4;
    border-radius: 50%;
    height: 150px;
    min-width: 150px;
    object-fit: cover
}

.ballon_header {
    align-items: center;
    display: flex;
    gap: 15px;
    justify-content: center;
    margin-bottom: 5px
}

.ballon_header__name {
    color: #ff1578;
    font-size: 1.3rem
}

.ballon_header__today_work {
    background-color: #ffe5e5;
    border: 1px solid #b4b4b4;
    border-radius: 4px;
    font-size: 1rem;
    line-height: 1;
    padding: 3px 4px
}

.ballon_body {
    display: flex;
    font-size: 14px;
    gap: 10px
}

.ballon_body__image {
    border: 1px solid #b4b4b4;
    height: 180px;
    object-fit: cover;
    width: 120px
}

.ballon_body__data {
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    text-align: center
}

.ymaps-2-1-79-b-cluster-accordion__item-content .ballon_body {
    margin-bottom: 10px
}

@media(min-width:768px) {
    .search {
        color: #333;
        display: flex;
        flex-direction: column;
        width: 100%
    }

    .search .container-fluid {
        background-color: hsla(0, 0%, 98%, .902);
        border-bottom: 1px solid #ff1578;
        width: 100%
    }

    .search .column {
        display: flex;
        flex: 1 1 auto;
        flex-direction: column
    }

    .search .buttons {
        margin-bottom: 15px;
        text-align: right;
        width: 100%
    }

    .search .buttons>.btn:first-child {
        margin-right: 8px
    }

    .search .header {
        font-size: 1.3rem;
        margin-bottom: 5px
    }

    .search .tabs {
        border-bottom: 1px solid #b4b4b4;
        display: flex;
        padding-top: 4px
    }

    .search .tab {
        border: 1px solid #b4b4b4;
        border-bottom: 0;
        border-radius: 4px 4px 0 0;
        cursor: pointer;
        padding: 3px 15px
    }

    .search .tabs .active {
        cursor: default
    }

    .search .tab:hover,
    .search .tabs .active {
        background-color: #b2004a;
        background-image: linear-gradient(180deg, #ed097a, #b2004a);
        border-color: #b2004a;
        color: #fff
    }

    .search .badge {
        background-color: #999;
        border: 1px solid gray;
        border-radius: 10px;
        color: #fff;
        font-size: 1rem;
        font-weight: 700;
        padding: 1px 4px
    }

    .search>.panel_button {
        align-items: center;
        background-color: hsla(0, 0%, 98%, .902);
        border: 1px solid #ff1578;
        border-radius: 0 0 10px 10px;
        border-top: 0 solid #ff1578;
        cursor: pointer;
        display: flex;
        height: 44px;
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
        width: 250px
    }

    .search>.panel_button>img {
        height: auto;
        margin-right: 7px;
        width: auto
    }

    .search>.panel_button>span {
        color: #8d8d8d;
        font-size: 1.25rem;
        font-weight: 700
    }

    .search>.panel_button>span:hover {
        color: #7a7a7a
    }

    .information_filters,
    .services_filters {
        display: none;
        flex-wrap: wrap;
        justify-content: space-between;
        padding-top: 10px
    }

    .information_filters.active,
    .services_filters.active {
        display: flex
    }

    .information_filters .column:not(:first-child) {
        padding-left: 3%
    }

    .information_filters .column:nth-child(2) {
        padding-right: 1.5%;
        width: 30%
    }

    .information_filters .form-group {
        align-items: center;
        display: flex
    }

    .information_filters input[type=text],
    .information_filters label,
    .information_filters select {
        flex: 1;
        margin: 0
    }

    .information_filters .messengers {
        flex-wrap: wrap
    }

    .information_filters .checkbox {
        display: flex
    }

    .information_filters .checkbox label {
        margin-left: 5px
    }

    .information_filters .accommodation .checkbox:first-child {
        padding: 0
    }

    .information_filters .accommodation,
    .information_filters .verification {
        align-items: flex-start;
        flex-direction: column
    }

    .information_filters .chekout {
        text-align: left
    }

    .information_filters .chekout>div {
        flex: 1 1 auto
    }

    .information_filters .price>div {
        display: flex;
        flex: 1 1 55%
    }

    .information_filters .area>label,
    .information_filters .metro>label,
    .information_filters .price>label {
        flex: 1 1 5%;
        text-align: left
    }

    .information_filters .area>select,
    .information_filters .metro>select {
        flex: 1 1 55%
    }

    .services_filters input {
        display: none
    }

    .services_filters .header {
        font-weight: 700
    }

    .services_filters .list-group {
        display: flex;
        flex-direction: column
    }

    .services_filters .l-item {
        background-color: #fff;
        border: 1px solid #b4b4b4;
        cursor: pointer;
        flex: 1 1 auto;
        padding: 6px 15px
    }

    .services_filters .l-item.active {
        background-color: #b2004a;
        background-image: linear-gradient(180deg, #ed097a, #b2004a);
        border: 1px solid #b4b4b4;
        color: #fff
    }
}

@media(min-width:768px)and (max-width:991px) {
    .information_filters .messengers .checkbox:nth-child(2n) {
        margin-left: auto
    }

    .search .services_filters .header {
        font-size: 1.1rem
    }

    .services_filters .list-group {
        padding: 0 3px
    }

    .services_filters .l-item {
        font-size: .9rem;
        padding: 6px 3px
    }
}

@media(min-width:992px) {

    .information_filters .area>label,
    .information_filters .metro>label,
    .information_filters .price>label {
        text-align: center
    }

    .information_filters .messengers {
        justify-content: space-around
    }

    .services_filters .list-group {
        padding: 0 5px
    }

    .services_filters .l-item {
        padding: 6px 1px
    }
}

@media(min-width:992px)and (max-width:1399px) {
    .services_filters {
        font-size: .95rem
    }

    .information_filters .form-group {
        margin-bottom: 10px
    }

    .information_filters .header {
        margin-bottom: 0
    }
}

@media(min-width:768px) {
    .tesla-carousel {
        margin: 60px 0 0
    }

    .tesla-carousel .panel {
        margin-bottom: 15px
    }

    .tesla-carousel .panel-heading {
        align-items: center;
        display: flex;
        font-size: 1.3rem;
        height: 55px;
        justify-content: center;
        padding: 6px 15px
    }

    .tesla-carousel .panel-heading span {
        flex: 1;
        font-weight: 500;
        line-height: 1.1;
        margin: 0
    }

    .tesla-carousel .panel-heading svg {
        background-color: #fff;
        border-radius: 4px;
        color: #b9b9b9;
        cursor: pointer;
        height: 2.3rem;
        margin-left: 4px;
        width: 2.3rem
    }

    .tesla-carousel .panel-heading svg:hover {
        color: #5a5a5a
    }

    .tesla-carousel .panel-body {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding-bottom: 10px;
        -webkit-user-select: none;
        user-select: none
    }
}

/* Общие стили для выпадающего меню */
    .filter-menu {
      display: none;
      background-color: #fff;
      z-index: 1050;
      padding: 20px;
    }
    
    .filter-menu.show {
      display: block;
    }
    
    .hide-filter-btn {
      display: block;
      width: 100%;
      text-align: center;
      padding: 12px;
      background-color: #f06f8d;
      color: white;
      border: none;
      border-radius: 5px;
      margin-bottom: 15px;
      cursor: pointer;
      font-size: 16px;
    }
    
    .hide-filter-btn:hover {
      background-color: #e05a78;
    }
    
    .filter-dropdown {
      margin-bottom: 10px;
      position: relative;
    }
    
    .filter-dropdown button {
      width: 100%;
      padding: 12px 15px;
      background-color: #fff;
      border: 1px solid #f06f8d;
      border-radius: 5px;
      text-align: center;
      cursor: pointer;
      color: #f06f8d;
      font-weight: 500;
      font-size: 14px;
      position: relative;
    }
    
    .filter-dropdown button:after {
      content: "▼";
      position: absolute;
      right: 15px;
      top: 50%;
      transform: translateY(-50%);
      font-size: 10px;
    }
    
    .filter-dropdown .dropdown-content {
      display: none;
      position: absolute;
      left: 0;
      right: 0;
      background-color: #fff;
      box-shadow: 0 8px 16px rgba(0,0,0,0.1);
      z-index: 100;
      max-height: 300px;
      overflow-y: auto;
      border-radius: 5px;
      margin-top: 5px;
    }
    
    .filter-dropdown .dropdown-content a {
      color: #333;
      padding: 10px 15px;
      text-decoration: none;
      display: block;
      border-bottom: 1px solid #f2f2f2;
    }
    
    .filter-dropdown .dropdown-content a:hover, 
    .filter-dropdown .dropdown-content a:active {
      background-color: #f9f9f9;
      color: #f06f8d;
    }
    
    .filter-dropdown.active .dropdown-content {
      display: block;
    }
    
    .filter-dropdown.active button:after {
      content: "▲";
    }
    
    /* Скрытие кнопки при открытом фильтре */
    .panel_button.hide {
      display: none !important;
    }
    
    /* Стили для десктопной версии */
    @media (min-width: 769px) {
      .search {
        position: relative;
      }
      
      .filter-menu {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        padding: 20px;
        overflow-y: visible;
        box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        border-radius: 0 0 5px 5px;
      }
      
      .filter-dropdown button {
        text-align: left;
      }
      
      .filter-row {
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
        margin-bottom: 15px;
      }
      
      .filter-dropdown {
        flex: 1;
        min-width: 150px;
      }
      
      /* Скрываем мобильные элементы на десктопе */
      .navbar-toggle.navbar-menu,
      .mobile-filter-close {
        display: none !important;
      }
    }
    
    /* Стили для мобильной версии */
    @media (max-width: 768px) {
      .filter-menu {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 15px;
        overflow-y: auto;
        flex-direction: column;
      }
      
      .filter-dropdown {
        width: 100%;
      }
      
      /* Скрываем десктопные элементы на мобильных */
      .search .panel_button {
        display: none !important;
      }
      
      .navbar-toggle.navbar-search {
        display: none !important;
      }
      
      .navbar-toggle.navbar-menu {
        display: block;
      }
      
      .hide-filter-btn {
        margin-top: 10px;
      }
      
      /* Стили для мобильного меню */
      .mobile-filter-close {
        position: absolute;
        top: 15px;
        right: 15px;
        background: none;
        border: none;
        font-size: 24px;
        cursor: pointer;
        padding: 5px 10px;
        color: #f06f8d;
      }
    }

    /* Принудительное отображение кнопки на планшетах и средних экранах */
    @media (min-width: 769px) and (max-width: 992px) {
      .search.hidden-xs.hidden-sm {
        display: block !important;
      }
      .search .panel_button {
        display: inline-block !important;
      }
    }
.services .service-group {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 40px;
    row-gap: 5px;
}

@media (max-width: 768px) {
    .services .service-group {
        grid-template-columns: 1fr;
    }
}