body .main-cont {
    display: block;
    overflow: hidden;
}
body.view-details-page aside.left section.listings_box section#listings {
    margin: 0px;
}
body.listing-details-page div.h1-nav {
    margin-bottom: 20px;
}
body.listing-details-page div.h1-nav h1 {
    margin-bottom: 7px;
}
body.listing-details-page div.h1-nav:after {
    margin-top: 8px;
}
/*** LISTING DETAILS ***/
div.listing-details {
    position: relative;
}

div.listing-details div.gallery {
    width: 300px;
    margin-right: 10px;
    float: left;
}
div.listing-details div.details {
    overflow: hidden;
}
#df_field_listing_date_posted.table-cell > div.name > div,
#df_field_listing_date_edited.table-cell > div.name > div {
    white-space: nowrap;
}
div.listing-details div.details > div > div {
    background: #fff;
    padding: 10px 15px;
    border-radius: 10px;
    margin: 0 0 10px;
}
div.listing-details div.details-other {
    clear: both;
    background: #fff;
    padding: 10px 15px;
    border-radius: 10px;
    margin-bottom: 10px;
}

/* gallery */
div.gallery > ul.thumbs > li {
    display: inline-block;
    margin: 0 10px 10px 0;
    position: relative;
    vertical-align: top;
}

div.gallery > ul.thumbs > li > a > img {
    width: 145px;
    height: 200px;
    border: 2px white solid;
    border-radius: 5px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    object-fit: cover;
}
.listing-fit-contain div.gallery > ul.thumbs > li > a > img {
    object-fit: contain !important;
    background-color: rgba(0,0,0,.3);
}
div.gallery > ul.thumbs > li span.play {
    position: absolute;
    background: url('../img/play.png') center center no-repeat;
    left: 2px;
    right: 2px;
    top: 2px;
    bottom: 2px;
    border-radius: 5px;
}
div.gallery > ul.thumbs > li:not(.locked) span.play {
    background-color: rgba(0,0,0,.3);
}
div.gallery > ul.thumbs > li span.play:hover {
    background: url('../img/play.png') center center no-repeat rgba(0,0,0,.2);
}
div.gallery > ul.thumbs > li.see-more {
    width: 145px;
    height: 200px;
    padding: 0 0 0;
    border: 2px white solid;
    border-radius: 5px;
    background: rgba(146,47,157,.5);
    text-align: center;
    cursor: pointer;
    margin-right: 0;

}
div.gallery > ul.thumbs > li.see-more a {
    height: 184px;
    padding: 0 20px;
    display: block;
    color: white;
    text-shadow: 1px 1px 0 rgba(0,0,0,.3);
    display: table-cell;
    vertical-align: middle;
}
div#fancybox-thumbs > ul > li.locked a,
div.gallery > ul.thumbs > li.locked > a > img {
    background-color: rgba(0,0,0,.3);
    background-image: url('../img/locked.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
    box-shadow: none;
}
div#fancybox-thumbs > ul > li.locked a {
    background-size: 40% auto;
}

.listing-fit-contain #fancybox-thumbs ul li img {
    top: 0 !important;
    left: 0 !important;
    height: 100% !important;
    width: 100% !important;
    object-fit: contain;
    background: #eeeeee;
}
.listing-fit-contain #fancybox-thumbs ul li a:empty {
    width: 100%;
    height: 100%;
    background: red;
    background: url('../img/play.png') center center no-repeat #555555;
}
/* gallery end */

/* locked gallery */
div.gallery div#media.locked div.preview > * {
    display: none;
}
div.gallery div#media.locked div.preview div#picture_locked {
    display: block;
}
div#picture_locked {
    height: 100%;
    background-color: #eeeeee;
}
div#picture_locked > div {
    height: 100%;
    text-align: center;

    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
div#picture_locked > div > div {
    margin: auto;

    -webkit-align-self: center;
    -moz-align-self: center;
    -ms-align-self: center;
    align-self: center;
    z-index: 10000;
    padding: 30px;
}
div#picture_locked img {
    width: 96px;
    height: 142px;
    background: url('../img/locked-large.png') center center no-repeat;
    text-align: center;
    margin-bottom: 20px;
}
div.preview.picture #picture_locked p.picture-hint,
div.modal_content.fake-photo p.picture-hint {
    display: block;
}
div.preview.fake-video #picture_locked p.video-hint,
div.modal_content.fake-video p.video-hint {
    display: block;
}
/* locked gallery end */

div.listing-details {
    overflow: hidden;
}
.escort_rates:empty {
    display: none;
}
/* main info section */
div.listing-details div.price-tag {
    color: #333333;
    font-size: 2em;
    line-height: 24px;
    padding-bottom: 20px;
}
div.listing-details-icons {
    height: 46px;
    display: block;
    padding-left: 10px;
    margin-right: 10px;
    text-align: right;
}
div.listing-details-icons a.button {
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: left;
}
div.listing-details-icons > *:not(.button) {
    width: 38px;
    height: 42px;
    display: inline-block;
    vertical-align: top;
    padding: 12px 10px 10px;
    cursor: pointer;
    opacity: 0.7;
}
div.listing-details-icons > *:not(.button):hover {
    opacity: 1;
}
div.listing-details-icons > a.button {
    /*margin-top: 3px;*/
}
div.listing-details-icons > * > span {
    width: 18px;
    height: 18px;
    display: inline-block;
}
div.listing-details-icons > span.favorite > span {
    background: url('../img/gallery.png') 0 -93px no-repeat;
}
div.listing-details-icons > span.favorite.remove > span {
    background-position: -22px -93px;
}
/* main info section end */

/* icons */
a.print > span {
    background: url('../img/gallery.png') right -389px no-repeat;
}
/* icons end */

/* content section */
div.listing-details .content-section {
    margin-top: 30px;
}
div.listing-details .content-section div.details {
    overflow: hidden;
}
div.listing-details div.tab_area div.no-group:empty {
    display: none;
}
div.listing-details div.tab_area div.no-group + div:not(.no-group) {
    margin-top: 0px;
}


/* map capture */
.map-capture {
    cursor: pointer;
    position: relative;
}
.map-capture > img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    background-color: #e9e9e9;
}
/* map capture end */

/* statistics section */
div.listing-details section.statistics ul.counters {
    overflow: hidden;
}
div.listing-details section.statistics ul.counters > li {
    padding: 5px 0;
    color: #222222;
    min-height: 26px;
    line-height: 26px;
    font-size: 0.929em;
}
div.listing-details section.statistics ul.counters > li span.count {
    font-size: 1.714em;
    margin-right: 5px;
}

div.listing-details section.statistics ul.controls {
    float: right;
    width: 70%;
}
div.listing-details section.statistics ul.controls > li:first-child {
    padding: 4px 0 10px;
}
div.listing-details section.statistics ul.controls > li {
    padding: 7px 0 12px;
    min-height: 20px;
}
div.listing-details-icons .compare-icon > span {
    background: url('../img/gallery.png') 0 -906px no-repeat!important;
}
div.listing-details-icons .compare-icon.remove > span {
    background: url('../img/gallery.png') 0 -930px no-repeat!important;
}
body.view-details-page div.gallery.paid div.label,
body.view-details-page div.gallery.featured div.label {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    font-size: 0.929em;
    border-radius: 0 0 6px 0;
    z-index: 1;
}
body.view-details-page div.gallery.paid div.label,
body.view-details-page div.gallery.featured div.label {
    position: absolute;
    left: 3px;
    top: 3px;
    width: 35px;
    padding: 0;
    font-size: 0.929em;
    border-radius: 0 0 6px 0;
    z-index: 1;
}
body.view-details-page div.gallery.paid div.label img,
body.view-details-page div.gallery.featured div.label img {
    position: relative!important;
    border: 0px!important;
    box-shadow: none!important;
    width: 100%;
    height: 100%;
}


/* masked fields */
h3.cd-caption {
    margin: 0!important;
    padding-bottom: 10px;
}
h3.cd-caption + div.info-table:not(.no-top-gap) {
    margin-top: 0!important;
}
.masked > h3 {
    font-size: 1.286em;
    margin-top: 0;
    margin-bottom: 10px;
}
.masked {
    position: relative;
    min-height: 90px;
}
.masked > *:not(.login-mask):not(h3) {
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    filter: blur(2px)
}
.masked div.login-mask {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    background: rgba(255,255,255,.6);
    text-align: center;
    box-shadow: 0 0 6px 6px rgba(255,255,255,.6);

    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.masked div.login-mask > div {
    width: 100%;

    -webkit-align-self: center;
    -moz-align-self: center;
    -ms-align-self: center;
    align-self: center;
}
.restricted-content > span {
    display: inline-block;
    margin-top: 10px;
}
.masked div.login-mask p {
    text-shadow: 1px 0 0 white;
}
.restricted-content > span > span {
    padding: 0 10px;
}

/* in modal window */
div.modal_content .restricted-content p.picture-hint,
div.modal_content .restricted-content p.video-hint {
    padding-top: 50px;
    max-width: 240px;
    margin: auto;
    padding-bottom: 20px;
    text-align: center;
    font-size: 1.286em;
}
div.modal_content .restricted-content > span {
    max-width: 240px;
    margin: auto;
    display: block;
}
div.modal_content .restricted-content .caption_padding {
    padding: 0!important;
    text-align: center;
}
div.modal_content .restricted-content input[type=submit],
div.modal_content .restricted-content a.button {
    width: 100%;
    text-align: center;
}
/* seller info section */
#details_messanger-box div.value {
    display: flex;
}

@media screen and (min-width: 992px) {
    .view-details-page .point1 {
        max-width: 1290px;
    }
    body.view-details-page div.gallery.paid > ul.thumbs > li:first-child div.label,
    body.view-details-page div.gallery.featured > ul.thumbs > li:first-child div.label {
        width: 55px;
    }
    div.gallery > ul.thumbs > li:first-child {
        width: 100%;
    }
    div.gallery > ul.thumbs > li:first-child img {
        width: 100%;
        height: auto;
        max-height: 450px;
    }
    div.gallery > ul.thumbs > li:nth-child(2n+1) {
        margin-right: 0;
    }
    div.gallery > ul.thumbs > li:nth-child(7n) img,
    div.gallery > ul.thumbs > li:nth-child(7n) video,
    div.gallery > ul.thumbs > li:nth-child(7n) span.play {
        display: none;
    }
    div.gallery > ul.thumbs > li:nth-child(7n) ~ li:not(.see-more) {
        display: none;
    }
}
/*** TABLET VIEW ***/
@media screen and (min-width: 768px) and (max-width: 991px) {
    body.listing-details-page div.h1-nav {
        padding: 0 20px;
    }
    body.listing-details-page div.h1-nav h1 {
        padding: 0;
    }
    div.listing-details div.gallery {
        width: auto;
        max-width: 100%;
    }
    div.gallery > ul.thumbs {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        padding-bottom: 10px;
        margin-top: 0;
    }
    div.gallery > ul.thumbs > li {
        margin-bottom: 0;
    }
    div.gallery > ul.thumbs > li.see-more {
        display: none;
    }
    div.gallery > ul.thumbs > li span.play {
        width: 146px;
        height: 226px;
        border-radius: 2px;
    }
    div.gallery > ul.thumbs > li > a > img {
        width: 150px;
        height: 230px;
    }
    div.listing-details aside.left.first-copy {
        order: 2;
    }
    body.listing-details-page div.inside-container > aside.left {
        display: none!important;
    }
    div.listing-details .content-section {
        overflow: hidden;
    }
    div.listing-details section.statistics ul.controls {
        width: 60%;
    }
}
/*** MOBILE VIEW ***/
@media screen and (max-width: 767px) {
    /* listing details */
    div.listing-details div.gallery {
        float: none;
        width: 100%;
    }
    div.gallery > ul.thumbs {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        padding-bottom: 5px;
    }
    div.gallery > ul.thumbs > li {
        margin-bottom: 0;
        margin-right: 5px;
    }
    div.gallery > ul.thumbs > li > a > img {
        width: 120px;
        height: 157px;
    }
    div.gallery > ul.thumbs > li span.play {
        width: 116px;
        height: 153px;  
    }
    div.gallery > ul.thumbs > li.see-more {
        display: none;
    }
    div.listing-details section.statistics {
    }
    div.gallery > ul.thumbs span.media-enlarge {
        display: none;
    }
    body.view-details-page .buttons-mobile{
        /*margin-bottom: 20px;*/
    }

/*    body.view-details-page aside.bottom section.listings_box,*/
    body.view-details-page aside.left section.listings_box {
        display: none;
    }
    body.view-details-page div.gallery.paid div.label,
    body.view-details-page div.gallery.featured div.label {
        width: 35px;
    }
    #details_messanger-box div.value {
        display: block;
    }
}
/*** PIXEL RATIO 1.5 ***/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    body.listing-details-page div.h1-nav:after {
        background: url('../img/@2x/gallery2.png') 0 -280px repeat-x;
        background-size: 40px auto;
    }
    div.listing-details-icons > span.favorite > span {
        background: url('../img/@2x/gallery2.png') 0 -468px no-repeat;
        background-size: 40px auto;
    }
    div.listing-details-icons > span.favorite.remove > span {
        background-position: right -468px;
    }
    div.listing-details-icons .compare-icon > span {
        background: url('../img/@2x/gallery2.png') 0 -926px no-repeat!important;
        background-size: 40px auto!important;
    }
    div.listing-details-icons .compare-icon.remove > span {
        background: url('../img/@2x/gallery2.png') right -926px no-repeat!important;
        background-size: 40px auto!important;
    }
    
    div.gallery > div.thumbs > div.slider > ul > li span.play {
        background: url('../img/@2x/play.png') center center no-repeat rgba(0,0,0,.2);
        background-size: 100% auto;
    }

}