.home-option {
    height: 100%;
}
.home-option .right {
    width: calc(200px - 5px);
    float: right;
    padding: 0 5px;
    height: 100%;
    overflow: hidden !important;
    background-color: #fff;
    padding-right: 0;
    margin-right: 5px;
}
.home-option .right .right-cover {
    float: left;
    width: calc(100% + 17px);
    overflow-y: scroll;
    height: 100%;
}
body.mobile .home-option .right .right-cover {
    padding-right: 17px;
}
.home-option .signup-options {
    list-style: none;
    padding-left: 0;
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 40px;
    padding: 0 5px;
}
.home-option .signup-options li{
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0;
    position: relative;
    height: 44px;
    overflow: hidden;
    float: left;
}
.home-option .signup-options li * {
    font-size: 24px;
    vertical-align: middle;
    float:left;
}
.home-option .signup-options li .btn{
    font-size: 11px;
    font-weight: 600;
    color: #000;
    padding: 0;
    height: 30px;
    width: 50px;
    line-height: 30px;
    border: 1px solid #000;
    border-radius: 15px;
    display: none;
    font-family: "Raleway";
    margin-top: 4px;
}
.home-option .signup-options li span{
    font-size: 24px;
    line-height: 35px;
    padding: 3px 26px 3px 12px;
    float: left;    
    position: relative;
    margin-top: 1px;
    font-family: "Raleway";
    font-weight: 300;
}
.home-option .signup-options li:hover span, .home-option .signup-options li.active span{
    font-weight: bolder;
}
.home-option .signup-options li:hover a {
    /* background-color: #000;
    color: #fff; */
}
.home-option .signup-options li:hover .btn, .home-option .signup-options li.active .btn{
    display: inline-block;
    display: inline-block;
    margin-left: -6px;
}
.home-option .signup-options li span::before {
    content: "";
    position: absolute;
    height: 1px;
    width: 300%;
    background-color: #808080;
    bottom: 0;
    left: 0;
}
.home-option .signup-options li:hover span::before, .home-option .signup-options li.active span::before {
    content: "";
    width: 100%;
    background-color: #000;
}




.home-option .right .border-info {
    float: left;
    border: 2px solid #000;
    padding: 5px;
    margin-bottom: 40px;
}
.home-option .right .border-info span {
    width: 100%;
    float: left;
    border: 1px solid #000000;
    padding: 20px;
    font-size: 20px;
    line-height: 1.25;
    font-weight: bolder;
    font-family: "Raleway";
}
.home-option .right .note{
    font-size: 20px;
    line-height: 1.15;
    font-weight: 400;
    font-family: "Raleway";
    padding: 0 10px;
    float: left;
    font-weight: 300;
}
.home-option .right hr.divider {
    width: 100%;
    float: left;
    border-top: 1px solid #000;
    margin-top: 40px;
}
.home-option .left {
    width: calc(100% - 200px);
    float: left;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.home-option .left form.login-form {
    max-width: 400px;
    padding: 0 60px !important;
    width: 100%;
    font-family: "Raleway";
}
.home-option .left form.login-form .form-logo{
    height: 58px;
    width: auto;
    margin: 0 auto;
    display: block;
}
.home-option .left form.login-form hr.divider{
    width: 100%;
    float: left;
    border-top: 1px solid #000;
    margin-top: 20px;
    margin-bottom: 10px;
}
.login-mode {
    float: left;
    width: 100%;
    margin: 5px 0 15px 0;
}
.login-mode .radio {
    margin: 0;
    text-align: center;
    font-family: "Raleway";
}
.home-option .form-group.select-use .radio {
    display: inline-block;
    text-align: left;
    width: 50%;
    float: left;
    margin-top: 0;
    font-size: 12px;
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
}
.home-option .radio input[type="radio"] {
    width: 80px !important;
}
.home-option .left form.login-form .form-group{
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}
.home-option .left form.login-form .form-group input.form-control {
    width: 100%;
    background-color: #fff;
    border: 2px solid #000;
    border-radius: 20px;
    height: 38px;
    padding: 0 12px;
    line-height: 35px;
    font-family: "Raleway";
    font-size: 20px;
    font-weight: 300;
    box-shadow: none !important;
    -webkit-appearance: none;
}
.home-option .left .forgot-pass{
    color: #000000;
    font-size: 16px;
    padding: 0px 12px 0 12px;
    float: left;
    width: 100%;
    font-weight: 200;
    margin-bottom: 15px;
}
.home-option .error {
    padding: 0 13px;
    position: absolute;
    margin-bottom: 0;
    bottom: -16px;
}
.home-option .left .direct-login {
    text-align: center;
    color: #000;
    width: 100%;
    float: left;
    margin-top: 10px;
}
.home-option .left form.login-form .form-group:last-child {
    margin-bottom: 7px;
}
.home-option .left form.login-form strong {
    margin: 10px 0;
    float: left;
    width: 100%;
}
.home-option .left .connect-fb {
    color: #fff;
    border-radius: 0;
    padding: 0;
    font-size: 14px;
    line-height: 37px;
    float: none;
    width: 100%;
    max-width: 250px;
    display: block;
    margin: 0 auto;
    clear: both;
}
.home-option .left .connect-fb img {
    width: 100%;
}
.home-option .left .connect-fb i.fa {
    float: left;
    font-size: 30px;
    line-height: 40px;
    padding: 0 12px;
    box-shadow: 1px 0px 0px 0px #3674c4;
    margin-top: -1px;
}
.home-option .left .form-group{
    position: relative;
}
.home-option .left .with-submit .btn.submit {
    width: 38px;
    height: 38px;
    padding: 0;
    border-radius: 50%;
    background-color: #fff;
    border: 2px solid #000;
    position: absolute;
    top: 0;
    right: -55px;
}
.home-option .left .with-submit .btn.submit:hover, .home-option .left .with-submit .btn.submit:focus {
    background-color: #000;
}
.home-option .left .with-submit .btn.submit img {
    margin-top: -1px;
    margin-left: 2px;
}
.welcome {
    /* height: calc(100vh - 40px);
    position: relative;
    min-height: auto;
    margin-bottom: 20px; */

    height: calc(100% - 40px);
    position: absolute;
    min-height: auto;
    margin-bottom: 20px;
    width: 100%;
}
.home-footer.new-layout {
    float: left;
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
}
.home-footer.new-layout::before {
    content: "";
    position: absolute;
    width: 200px;
    height: 1px;
    background-color: #000;
    right: 0;
    bottom: 20px;
}
/* .home-footer.new-layout ul {
    text-align: center;
    margin-bottom: 0;
    padding: 0;
    margin-bottom: 10px;
    float: left;
    width: 100%;
} */
.home-footer.new-layout ul {
    text-align: center;
    margin-bottom: 0;
    padding: 0;
    margin-bottom: 10px;
    width: auto;
    display: block;
    float: left;
    position: relative;
    background-color: #fff;
}
.home-footer.new-layout ul li {
    display: inline-block;
    padding: 0 20px;
    font-size: 14px;
    position: relative;
}
.home-footer.new-layout ul li::before {
    content: "";
    position: absolute;
    top: 45%;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #000;
}
.home-footer.new-layout ul li:first-child::before {
    display: none;
}
.home-footer.new-layout ul li.rights::before {
    content: "";
    position: absolute;
    top: 5px;
    left: -5px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-image: url("../../assets/images/ui/arrow-after.jpg")
}
.home-footer.new-layout ul li a {
    color: #000;
}
.form-group.select-use {
    padding-left: 40px;
    margin: 0px 0px 10px 0px !important;
    float: left;
}
.form-group.select-use label {
    font-size: 15px;
}
.welcome #login .radio label::before{
    top:4px;
}
article.pst .pst_media_ftr .pst_media_ctrl::before {
    content: "";
    width: 17px;
    height: 9px;
    position: absolute;
    bottom: -7.5px;
    left: 50%;
    margin-left: -8.5px;
    background-image: url("../../assets/images/ui/d-arr.png");
    opacity: 0;
}
.cmt-text .form-control {
    font-size: 13px;
    width: calc(100% - 137px);
    font-family: 'LatoLight';
    padding-left: 20px;
}
.cmt-text textarea.input_comments::-webkit-input-placeholder, .ex-dash-middle .panel-body.ex-sub-cmt-wrp .form-group textarea.input_comments_reply::-webkit-input-placeholder {
    color: #000;
}
.cmt-text textarea.input_comments::-moz-placeholder, .ex-dash-middle .panel-body.ex-sub-cmt-wrp .form-group textarea.input_comments_reply::-moz-placeholder {
    color: #000;
}
.cmt-text textarea.input_comments:-ms-input-placeholder, .ex-dash-middle .panel-body.ex-sub-cmt-wrp .form-group textarea.input_comments_reply:-ms-input-placeholder {
    color: #000;
}
.cmt-text textarea.input_comments::placeholder, .ex-dash-middle .panel-body.ex-sub-cmt-wrp .form-group textarea.input_comments_reply::placeholder {
    color: #000;
}
.pst-ftr-colps-grp{
    position: relative;
    margin-bottom: 0;
}
.sketches-gate.collapsed {
    color: #000 !important;
    border: 0.5px solid #000 !important;  
    background-color: #fff;
    font-weight: 400;
}
.sketches-gate:active, .sketches-gate:not(.collapsed) {
    font-family: 'Lato' !important;
}
.sketches-gate {
    color: #fff !important;
    border: 0.5px solid #df413e !important;
    background-color: #df413e;
    position: absolute;
    top: 7px;
    right: 22px;
    z-index: 1;
    width: 85px;
    height: 30px;
    font-size: 13px;
    color: #000;
    border: 0.5px solid #000;
    line-height: 32px;
    text-align: center;
    font-family: 'LatoLight';
    margin: 0px 0px 0;
    transition: all 0.25s ease-in-out;
}
.panel-group.pst-ftr-colps-grp .panel-collapse{
    /* border-bottom: 0.5px solid rgba(0, 0, 0, 1) !important; */
    border-bottom: 0.5px solid rgb(233, 233, 233) !important;
    margin-bottom: 0 !important;
    /* padding-bottom: 10px; */
}
.panel-group.pst-ftr-colps-grp .load-more {
    /* border-bottom: 0.5px solid rgba(0, 0, 0, 1) !important; */
    /* border-bottom: 0.5px solid rgb(233, 233, 233) !important; */
    margin-bottom: 0;
    padding-bottom: 0px;
}
.panel-group.pst-ftr-colps-grp .panel-collapse.panel-sketches{
    border-bottom: 0.5px solid #000 !important;
    margin-bottom: 0 !important;
}
.form-group.cmt-text {
    padding-top: 7px;
    /* margin-bottom: 10px; */
    margin-bottom: 0px;
    /* border-bottom: 1px solid rgba(233, 233, 233, 1); */
    border-bottom: transparent;
    padding-bottom: 7px;
}
.form-group.cmt-text.cmt-empty {
    margin-bottom: 0px; 
    border-bottom: 0px solid #000000; 
}
.ex-sub-cmt-wrp.load-more label {
    font-family: 'LatoLight' !important;
    font-weight: lighter;
}
.f-f-m-side .pst_media_ftr.ex-ftr{
    border-bottom: none !important;
}
#lightboxOverlay {
    position: fixed;
    z-index: 99998;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.75);
}
#lightbox {
    position: fixed;
    top: 0 !important;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999;
    width: 100%;
    overflow: hidden;
}
#lightbox .lb-outerContainer, #lightbox .lb-dataContainer{
    margin: 0 auto;
}
.pst-ftr-colps-itm .panel-collapse .panel-body .sketch-images {
    /* max-width: calc(100% - 137px); */
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.ex-sub-cmt-wrp.load-more label span {
    font-weight: 300 !important;
}
.panel-sketches .panel-body {
    width: 100%;
    padding: 30px 0;
}
.pst-ftr-colps-itm .panel-collapse .panel-body .sketch-images a.example-image-link {
    max-width: 106px;
    max-height: 106px;
    object-fit: cover;
    object-position: center;
}
.panel-sketches .sketch-video-section {
    padding: 30px 0;
    border-top: 1px solid #000;
    width: 57%;
    clear: both;
    line-height: 30px;
}
.panel-sketches .sketch-video-description {
    /* padding: 50px 10px 30px 10px; */
    padding: 34px 10px 30px 10px;
    border-top: 0.5px solid #000;
    width: 43%;
    clear: both;
    position: relative;
}
.panel-sketches .sketch-video-description .sketch-description {
    overflow: hidden;
}
.panel-sketches .sketch-video-description .sketch-description .hide-scroll {
    max-height: 185px;
    width: calc(100% + 17px);
    overflow: hidden;
    overflow-y: scroll;
}
.pd_bottom-ara .file-dropzone.vdo .skch_vdo.only-video.uploaded {
    width: 50%;
}
.add_card .no-dropdown {
    width: 100%;
}




#lightbox .lb-container {
    position: relative;
}
#lightbox .lb-container .lb-nav {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    transition: all 0.25s ease-in-out;
}
#lightbox .lb-container:hover .lb-nav{
    opacity: 1;
}
#lightbox .lb-container .lb-nav a {
    position: absolute;
    width: 30%;
    height: 100%;
}
#lightbox .lb-container .lb-nav a.lb-prev {
    left: 0;
    background: rgb(0,0,0);
    background: linear-gradient(90deg, rgba(0,0,0,0.41220238095238093) 0%, rgba(0,0,0,0) 100%);
}
#lightbox .lb-container .lb-nav a.lb-next{
    right: 0;
    background: rgb(0,0,0);
    background: linear-gradient(90deg,  rgba(0,0,0,0) 0%,  rgba(0,0,0,0.41220238095238093) 100%);
}
#lightbox .lb-container .lb-nav a.lb-next::before {
    content: "";
    position: absolute;
    width: 32px;
    height: 32px;
    background-image: url(../images/ui/lb-nxt.png);
    top: 50%;
    margin-top: -16px;
    right: 16px;
}
#lightbox .lb-container .lb-nav a.lb-prev::before {
    content: "";
    position: absolute;
    width: 32px;
    height: 32px;
    background-image: url(../images/ui/lb-nxt.png);
    top: 50%;
    margin-top: -16px;
    left: 16px;
    transform: rotate(180deg);
}




/** conditions for sketches START **/

.panel-group.pst-ftr-colps-grp .panel-collapse.panel-sketches > div.sketch-video-section:last-child,.panel-group.pst-ftr-colps-grp .panel-collapse.panel-sketches > div.sketch-video-section:first-child {
    width: 100%;
    /* border-top:0; */
}
.panel-group.pst-ftr-colps-grp .panel-collapse.panel-sketches > div.sketch-video-description:first-child{
    width: 100%;
    border-top:0;
    padding-top:30px;
}
.panel-group.pst-ftr-colps-grp .panel-collapse.panel-sketches > div.sketch-video-description:only-child {
    padding-right: 130px;
}
.panel-group.pst-ftr-colps-grp .panel-collapse.panel-sketches > div.sketch-video-description:nth-child(2) {
    width: 100%;
    padding-top:30px;
}

/** if all images there **/
/* .panel-group.pst-ftr-colps-grp .panel-collapse.panel-sketches > div:nth-child(3n+1):last-child {
    width: 100%;
    padding-top: 30px;
}
.panel-group.pst-ftr-colps-grp .panel-collapse.panel-sketches > div.sketch-video-section:only-child{
    border-top:0 !important;
}
.panel-group.pst-ftr-colps-grp .panel-collapse.panel-sketches > div.sketch-video-description:only-child{
    border-top:0 !important;
    padding-right: 130px;
} */

/* .panel-group.pst-ftr-colps-grp .panel-collapse.panel-sketches > div.sketch-video-section:nth-child(3) {
    width: 100%;
    padding-top: 30px;
}
.panel-group.pst-ftr-colps-grp .panel-collapse.panel-sketches > div.sketch-video-section:nth-child(2) {
    width: 100%;
    padding-top: 30px;
} */

/** if only 2 images there and no description **/
/* .panel-group.pst-ftr-colps-grp .panel-collapse.panel-sketches > div.sketch-video-section:nth-child(2n+1):last-child {
    width: 100%;
    padding-top: 30px;
} */
/** if only 1 image there and no description **/
/* .panel-group.pst-ftr-colps-grp .panel-collapse.panel-sketches > div.sketch-video-section:nth-child(n+1):last-child {
    width: 100%;
    padding-top: 30px;
} */
/** if only 2 images there and no video **/
/* .panel-group.pst-ftr-colps-grp .panel-collapse.panel-sketches > div.sketch-video-description:nth-child(2n+1):last-child {
    width: 100%;
    padding-top: 30px;
} */
/** if only 1 image there and no video **/
/* .panel-group.pst-ftr-colps-grp .panel-collapse.panel-sketches > div.sketch-video-description:nth-child(n+1):last-child {
    width: 100%;
    padding-top: 30px;
} */
/** if only 2 images there with 1 video and 1 description **/
/* .panel-group.pst-ftr-colps-grp .panel-collapse.panel-sketches > div.sketch-video-section:nth-child(2n+1) + div.sketch-video-description:last-child {
    width: 43%;
    padding-top: 30px;
} */
/** if only 1 images there with 1 video and 1 description **/
/* .panel-group.pst-ftr-colps-grp .panel-collapse.panel-sketches > div.sketch-video-section:nth-child(n+1) + div.sketch-video-description:last-child {
    width: 43%;
    padding-top: 30px;
}
.panel-group.pst-ftr-colps-grp .panel-collapse.panel-sketches > div.sketch-video-section:nth-child(2) + .pb-sketch{
    margin-right: 25%;
}
.panel-group.pst-ftr-colps-grp .panel-collapse.panel-sketches > div.pb-sketch:first-child + div.sketch-video-section {
    width: 57%;
} */





/** if only video is there **/
/* .panel-group.pst-ftr-colps-grp .panel-collapse.panel-sketches > div.sketch-video-section:nth-child(n+1):last-child {
    width: 100%;
    padding-top: 30px;
} */

/** conditions for sketches FINISH **/

.pb-sketch-wrapper {
    float: left;
    width: 100%;
    padding-right: 132px;
    display: flex;
    justify-content: inherit;
    align-items: center;
}
.panel-body.pb-sketch {
    max-width: 27.4%;
    margin: 27px 4%;
    padding: 0 !important;
    float: left;
}
.pst-ftr-colps-itm .panel-collapse .panel-body .sketch-images a {
    width: 100%;
    float: left;
}

.pst-ftr-colps-itm .panel-collapse .panel-body .sketch-images img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.panel-sketches .sketch-video-section .sketch-video {
    float: left;
    width: 100%;
    max-width: 320px;
    background-color: #000000;
}
.panel-sketches .sketch-video-section .sketch-video video {
    width: 100%;
    height: auto;
}
.panel-sketches .sketch-video-section .sketch-description {
    float: left;
    width: calc(100% - 320px);
    padding: 0px 20px;
    font-size: 17px;
    font-family: "LatoLight";
    line-height: 1.25;
    font-weight: 300;
    overflow: hidden;
    text-overflow: ellipsis;
}
h3.sketch-video-title {
    font-family: "LatoLight";
    font-size: 17.5px;
    font-weight: 400;
    margin: -15px 0 15px 0;
}
.copyright-icon {
    width: 15px;
    float: left;
    margin-top: 1px;
    margin-right: 5px;
}


/** NEW PIECE DETAIL **/

.stage-layout {
    /* position: relative; */
    position: absolute;
    display: flex;
    width: 100vw;
    /* height: 100vh; */
    height: 100%;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    background-color: #404040;
    padding: 5px;
}
.stage-layout .stage {
    /* max-width: 1320px; */
    width: 100%;
    /* max-height: 730px; */
    height: 100%;
    position: relative;
    overflow: hidden;
}
.stage-layout .stage .stage-left {
    width: 73%;
    height: 100%;
    display: flex;
    position: relative;
    flex-direction: column;
    float: left;
}
.stage-layout .stage .stage-left .stage-l-top {
    height: calc(100% - 60px);
    margin-bottom: 6px;
    background-color: #000;
    padding: 0 80px;
    overflow:hidden;
}
.stage-layout .stage .stage-left .stage-l-bottombar {
    width: 100%;
    height: 54px;
    background-color: #000000;
    line-height: 54px;
    bottom: 0;
    position: relative;
    align-self: flex-end;
}
.stage-layout .stage .stage-left .stage-l-bottombar button {
    line-height: 54px;
    padding: 0;
    margin: 0 auto;
    display: block;
    background-color: transparent;
    border: none;
    color: #fff;
    font-size: 20px;
    font-family: 'LatoLight' !important;
    font-weight: lighter;
}
.stage-layout .stage .stage-left .stage-l-bottombar button img {
    width: 14px;
    margin-top: -5px;
    margin-right: 6px;
}
.stage-layout .stage .stage-left .stage-l-top .stage-form.add-piece-form {
    width:100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.stage-layout .stage .stage-left .stage-l-top .stage-form.add-piece-form .stage-form-wrapper {
    width: calc(100% + 17px);
    height: 100%;
    position: relative;
    overflow: hidden;
    overflow-y: auto;
    /* background-image: url("../../assets/images/a7.png"); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.stage-layout .stage .stage-left .stage-l-top .stage-form.add-piece-form .stage-form-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.46);
}
img.selected-piece-as-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0.54;
    pointer-events: none;
    z-index: 0;
    object-fit: cover;
    object-position: center;
}
.stage-layout .stage .stage-left .stage-l-top .stage-form.add-piece-form .stage-form-wrapper .form-group {
    margin-bottom: 0;
    padding-left: 42%;
    height: 52px;
}
.stage-layout .stage .stage-left .stage-l-top .stage-form.add-piece-form .stage-form-wrapper .form-group button.btn.dropdown-toggle.btn-default {
    background-color: transparent;
    color: #fff;
    font-size: 20px !important;
    font-weight: lighter;
    font-family: 'LatoLight';
    line-height: 52px;
    height: 52px;
}
.stage-layout .stage .stage-left .stage-l-top .stage-form.add-piece-form .stage-form-wrapper .form-group button.btn.dropdown-toggle.btn-default span{
    font-size: 20px;
    font-family: 'LatoLight' !important;
    color: #fff;
}
.stage-layout .stage .stage-left .stage-l-top .stage-form.add-piece-form .stage-form-wrapper .form-group label.lb-ttl {
    font-size: 20px;
    color: #fff;
    font-family: 'LatoLight';
    line-height: 52px;
    height: 52px;
    margin-bottom: 0;
}
.stage-layout .stage .stage-left .stage-l-top .stage-form.add-piece-form .stage-form-wrapper .form-group button.btn.dropdown-toggle.btn-default span.caret {
    margin-left: 3px;
}
.stage-layout .stage .stage-left .stage-l-top .stage-form.add-piece-form .stage-form-wrapper .form-group.ui-selector .bootstrap-select{
    width: auto;
}
.stage-layout .stage .stage-left .stage-l-top .stage-form.add-piece-form .stage-form-wrapper .form-group {
    background-color: rgba(0, 0, 0, 0.243) !important;
    z-index: 1;
    position: relative;
}
.stage-layout .stage .stage-left .stage-l-top .stage-form.add-piece-form .stage-form-wrapper .form-group:nth-child(even){
    background-color: transparent !important;
}
.stage-layout .stage .stage-left .stage-l-top .stage-form.add-piece-form .stage-form-wrapper .form-group.pound span {
    position: absolute;
    font-size: 22px;
    color: #fff;
    font-family: 'LatoLight';
    line-height: 52px;
}
.stage-right {
    float: right;
    width: 27%;
    height: 100%;
    position: relative;
    background-color: #fff;
    overflow: hidden;
}
/* .piece-data {
    width: 100%;
    height: 100%;
    background-color: #fff;
    display: flex;
    flex-direction: column;
} */
.piece-data {
    width: calc(100% + 17px);
    height: 100%;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    overflow-y: scroll;
}
.piece-comment {
    width: 100%;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    min-height: 250px;
}
.piece-comment textarea.cmt-txt-ara {
    height: 40px;
    min-height: 40px;
    border: 0;
    border-bottom: 0.5px solid #000;
    width: 100%;
    line-height: 40px;
    overflow: hidden;
    padding: 0 15px;
    font-size: 15px;
    color: #000;
    font-family: 'LatoLight';
    resize: vertical;
    max-height: 200px;
    float: left;
    border-radius: 0 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:none !important  /* Firefox 3.5 - 3.6 */
}
.piece-comment textarea.cmt-txt-ara::placeholder {
    color: #000;
}
.pd_bottom-ara {
    float: left;
    width: 100%;
    position: absolute;
    bottom: 0;
}
.pd_bottom-ara .ul_skch, .pd_bottom-ara .ul_vdo {
    float: left;
    width: 100%;
    position: relative;
}
.pd_bottom-ara h5.title {
    font-size: 15px;
    font-family: 'LatoThin';
    padding: 0 18px;
    line-height: 30px;
    border-top: 0.5px solid #000;
    border-bottom: 0.5px solid #000;
    margin: 0;
}
.pd_bottom-ara .file-dropzone.skch, .pd_bottom-ara .file-dropzone.vdo {
    padding: 10px 0px;
    padding-left: 10px;
    float: left;
    width: 100%;
}
.pd_bottom-ara .file-dropzone.vdo {
    max-height: 174px;
    display: flex;
    padding: 10px 0px 0px 10px;
    margin-bottom: 10px;
}
.pd_bottom-ara .file-dropzone.skch .skch_img {
    width: 30.3333%;
    float: left;
    position: relative;
    box-shadow: 0px 0px 0px 1px #000;
    padding-bottom: 30%;
    margin-right: 3%;
    cursor: pointer;
}
.pd_bottom-ara .file-dropzone.skch .skch_img input[type="file"] {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    cursor: pointer;
}
.pd_bottom-ara .file-dropzone.skch .skch_img img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.pd_bottom-ara .file-dropzone.skch .skch_img::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 10px;
    left: 15px;
    font-size: 14px;
}
/* .pd_bottom-ara .file-dropzone.skch .skch_img:nth-child(1)::before {
    content: "1";
}
.pd_bottom-ara .file-dropzone.skch .skch_img:nth-child(2)::before {
    content: "2";
}
.pd_bottom-ara .file-dropzone.skch .skch_img:nth-child(3)::before {
    content: "3";
} */

.pd_bottom-ara .file-dropzone.skch div[id="div_img_upload1"]::before {
    content: "1";
}
.pd_bottom-ara .file-dropzone.skch div[id="div_img_upload2"]::before {
    content: "2";
}
.pd_bottom-ara .file-dropzone.skch div[id="div_img_upload3"]::before {
    content: "3";
}



.pd_bottom-ara .file-dropzone.vdo .skch_vdo {
    width: 50%;
    height: 100%;
    float: left;
    position: relative;
    box-shadow: 0px 0px 0px 1px #000;
    padding-bottom: 30%;
    /* margin-right: 3%; */
    cursor: pointer;
}
.pd_bottom-ara .file-dropzone.vdo .skch_vdo input[type="file"] {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    cursor: pointer;
}
.pd_bottom-ara .file-dropzone.vdo .skch_vdo img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
.pd_bottom-ara .file-dropzone.vdo .skch_desc {
    width: calc(50% - 20px);
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    font-family: 'LatoLight';
    overflow: hidden;
    line-height: 1.15;
    position: relative;
}
/**ARTIST equal height description for view piece detail page start **/
.skch_desc_auto_height {
    width: calc(100% + 17px) !important;
    height: 100%;
    max-height:170px;
    overflow-y: scroll !important;
    float: left;
    position: absolute;
}
/**ARTIST equal height description for view piece detail page finish **/

/**ARTIST equal height description for edit piece detail page start **/
.pd_bottom-ara .file-dropzone.vdo .skch_desc.uploaded .skch_desc_auto_height {
    width: 100% !important;
    overflow: hidden !important;
    position: relative !important;
    max-width: 100%;
}
.pd_bottom-ara .file-dropzone.vdo .skch_desc.uploaded .skch_desc_auto_height textarea#sketch_text {
    width: calc(100% + 17px) !important;
    height: 100%;
    overflow-y: scroll !important;
    position: absolute !important;
    overflow: hidden;
    left: 0;
    padding: 0;
}
/**ARTIST equal height description for edit piece detail page finish **/

/**ARTIST equal height description for add piece detail page start **/
.add_piece .pd_bottom-ara .file-dropzone.vdo .skch_desc .skch_desc_auto_height {
    width: 100% !important;
    overflow: hidden !important;
    position: relative !important;
    max-width: 100%;
}
.add_piece .pd_bottom-ara .file-dropzone.vdo .skch_desc .skch_desc_auto_height textarea#sketch_text {
    width: calc(100% + 17px) !important;
    height: 100%;
    overflow-y: scroll !important;
    position: absolute !important;
    overflow: hidden;
    left: 0;
    padding: 0;
}
/**ARTIST equal height description for add piece detail page finish **/

/**EXPLORE equal height  only description for view piece detail page start **/
.pd_bottom-ara .file-dropzone.vdo .skch_desc.only-description {
    padding-left: 0;
}
.skch_desc.only-description .skch_desc_auto_height {
    position: relative;
    max-height: 170px;
    padding-right: 27px;
}
/**EXPLORE equal height  only description for view piece detail page finish **/



.pd_bottom-ara .file-dropzone.vdo .skch_desc textarea {
    width: 100%;
    height: 130px;
    border: 0;
    font-size: 14px;
    resize: vertical;
    font-family: 'LatoLight';
    outline: none;
    position: relative;
}
.stage-input {
    font-size: 20px;
    color: #fff;
    font-family: 'LatoLight';
    line-height: 52px;
    height: 52px;
    padding: 0;
    margin-bottom: 0;
    border-radius: 0;
    background-color: transparent;
    border: 0;
}
.stage-input::placeholder{
    color: #fff;
}
.frd-group .frd-list img{
    border-radius: 50%;
}
.fltr-chbx-wrp .fltr-chbx ~ a.frd-list::before {
    content: "";
    width: 15px;
    height: 15px;
    position: absolute;
    left: -15px;
    top: 20px;
    background-image: url("../../assets/images/ui/follow-tick.png");
    border-radius: 50%;
    background-position: top center;
    background-repeat: no-repeat;
}
.fltr-chbx-wrp .fltr-chbx:checked ~ a.frd-list::before {
    content: "";
    width: 15px;
    height: 15px;
    position: absolute;
    left: -15px;
    top: 20px;
    background-image: url("../../assets/images/ui/follow-tick.png");
    border-radius: 50%;
    background-position: bottom center;
    background-repeat: no-repeat;
}
.fltr-chbx-wrp .fltr-chbx:checked ~ a.frd-list{
    box-shadow: none;
}
#friends-list .fltr-chbx-wrp a.frd-list .name-initials{
    border-radius: 50%;
}
#friends-list.frd-group .fltr-chbx-wrp .fltr-chbx {
    left: -15px;
    max-width: 15px;
    z-index: 1;
}
.form-group.ui-selector .selection {
    position: relative;
    border-bottom: 1px solid #d9d9db;
}
.form-group.ui-selector .selection:last-child{
    border-bottom:0;
}
.form-group.ui-selector .selection input[type="radio"] {
    opacity: 0;
    position: absolute;
    margin: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
.form-group.ui-selector .selection label {
    font-size: 12px;
    font-family: 'LatoLight';
    margin-bottom: 0;
    padding: 10px 15px;
}
.form-group.ui-selector .selection input[type="radio"]:checked + label{
    background-color: #eee;
    width: 100%;
}
.form-group.ui-selector .selection:hover label{
    background-color: #f5f5f5;
    width: 100%;
}
.stage-nav {
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -13px;
}
.stage-nav a {
    position: absolute;
    margin: 0 27px;
    margin-top: -13px;
}
.stage-nav a.next {
    right: 0;
}
.stage-nav a.prev img {
    transform: rotate(180deg);
}
.modal.instead-of-bselect .modal-dialog {
    /* max-height: 450px; */
    overflow: hidden;
}
.modal.instead-of-bselect .modal-dialog .modal-content {
    /* height: 100%;
    max-height: 450px; */
}
.modal.instead-of-bselect .modal-dialog .modal-body {
    padding: 0;
    height: 100%;
    max-height: 450px;
}
.modal.instead-of-bselect .modal-dialog .modal-body .model-body-list {
    max-height: 450px;
    padding:0;
    width: calc(100% + 17px) !important;
    max-width: calc(100% + 17px) !important;
    overflow-y: scroll;
    height: 100%;
    box-sizing: border-box;
}
.f-f-m-side .ex-ftr .pst_media_ctrl li a span{
    margin-right: 6px;
}
.form-group.ui-selector .selection.child-medium {
    padding-left: 20px;
}
.form-group.ui-selector .selection.parent-medium {
    pointer-events: none;
    background-color: #fff !important;
}
.form-group.ui-selector .selection.parent-medium label {
    background-color: #eee !important;
    width: 100%;
}
.stage-nav.mobile{
    display: none;
}
.stage-layout.view-edit-piece .piece-data .piece_usr_info span.name-initials {
    width: 112px;
    height: 112px;
    float: left;
    border: 1px solid #000;
    background-color: #eee;
    font-size: 40px;
    font-family: 'LatoLight';
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1;
}




a.navbar-brand.logo{
    z-index: 0;
}
a.profile-user {
    width: 45px;
    height: 45px;
    outline: none;
}
.navbar-nav > li > a.notification {
    display: none;
}
.navbar-nav > li:hover > a.notification {
    display: block;
    border: none !important;
}
.navbar-nav > li > a.notification > span {
    position: absolute;
    top: 12px;
    left: 0;
    text-align: center;
    width: 100%;
    color: #df413e;
    font-size: 10px;
    z-index: 1;
}
.navbar-nav > li:hover > a.notification > span {
    position: absolute;
    top: 12px;
    left: 0;
    text-align: center;
    width: 100%;
    color: #df413e;
    font-size: 10px;
}
.navbar-nav > li > a.notification:hover {
    border: none !important;
    display: block;
    padding: 3px !important;
}
.navbar-nav > li:hover > a.notification:hover + .notifications {
    /* opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0,-2px,0)!important;
    transform: translate3d(0,-2px,0)!important; */
}



.navbar-nav > li > a.notification {
    left: -45px;
    display: block;
    border: 0px solid !important;
}
.notification img {
    width: 100%;
    height: 100%;
    padding: 10px;
}
.navbar-nav > li.notification-wrap > a.notification::after {
    content: "";
    position: absolute;
    right: 3px;
    top: 20px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #000;
    opacity: 0;
}




.notifications {
    position: absolute !important;
    top: 8px;
    right: 52px !important;
    left: auto !important;
    width: 224px !important;
    border-radius: 0;
    padding: 0;
    background-color: #fff;
    z-index: 0;
    /* box-shadow: 0px 0px 0px 1px #000, 0px 0px 100vh 100vh rgba(0,0,0,0.15)  !important; */
    box-shadow: 0px 0px 0px 1px #000 !important;
    border: none !important;
    /* overflow: hidden; */
}
.notifications::after {
    content: "";
    position: absolute;
    width: 18px;
    height: 1px;
    right: -18px;
    background-color: #000;
    top: 0px;
    margin: 14px 0;
    display: none;
}
/* .notifications::before{
    content: "";
    position: fixed;
    background-color: rgba(0, 0, 0, 0.10);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
} */
.notification {
    position: absolute !important;
    z-index: 1;
    padding: 0 !important;
    width: 100%;
    height: 100%;
    padding: 4px !important;
}
.notification img {
    width: 100%;
    height: 100%;
    padding: 9px;
    position: relative;
}
.notifications .noti-header {
    font-size: 12px;
    text-align: center;
    padding: 7px 0px;
    border-bottom: 0.5px solid #000;
    background-color: #fff;
    z-index: 0;
    position: relative;
}
#explore_load_more_notification, #artist_load_more_notification {
    border-bottom: 0;
    background-color: #df413e;
    color: #fff;
    cursor: pointer;
    padding: 5px 0;
}

/* .notification-wrap.open::before */
/* .navbar-nav > li.notification-wrap:hover::before{
    content: "";
    position: fixed;
    background-color: rgba(0, 0, 0, 0.10);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
} */
.notifications .noti-header img {
    position: absolute;
    top: 5px;
    /* right: 10px; */
    right: 5px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
}
.notifications .noti-header span.name-initials {
    width: 22px;
    height: 22px;
    position: absolute;
    top: 5px;
    /* right: 10px; */
    right: 5px;
    line-height: 22px;
    font-size: 9px;
    text-transform: uppercase;
    border-radius: 50%;
    border: 0.5px solid #000;
    background-color: #eee;
}
.notifications .notificatio-list {
    padding: 0;
    overflow: hidden;
}
.notifications .noti-scroll {
    width: calc(100% + 17px);
    overflow-y: scroll;
    max-height: 331.5px;
}
.notifications .notificatio-list .noti-itm {
    width: 100%;
    display: flex;
    padding: 0px 10px 5px 10px;
    border-bottom: 0.5px solid #000;
    background-color: #fff;
    z-index: 0;
    position: relative;
}
.notifications .notificatio-list .noti-itm:last-child {
    border-bottom: 0;
}
.notifications .notificatio-list span.noti-date {
    font-size: 8px;
    color: #000;
    font-family: "Lato";
}
.notifications .notificatio-list img.noti-thumb {
    width: 55px;
    height: 55px;
    display: block;
    border: 0.5px solid #000;
    padding: 2px;
    object-fit: cover;
    object-position: center;
}
.notifications .notificatio-list .noti-itm:hover img.noti-thumb {
    border: 2px solid #000;
}
.notifications .notificatio-list .noti-itm:hover p.noti-desc {
    font-weight:600;
}
.notifications .notificatio-list .noti-itm:hover .noti-right p.noti-desc {
    font-weight: 600;
}
.notifications .notificatio-list span.noti-ttl {
    font-size: 9px;
    font-family: "Lato";
    color: #000;
    margin-top: 4px;
}
.notifications .notificatio-list span.noti-ttl + .noti-ttl {
    margin-top: 0;
    font-family: 'LatoLight';
    font-weight: bold;
    text-transform: capitalize;
}
.notifications .notificatio-list .noti-itm .noti-left {
    width: 75px;
    display: inline-block;
}
.notifications .notificatio-list .noti-itm .noti-right{
    width: calc(100% - 75px);
    overflow: hidden;
    text-overflow: ellipsis;
}
.notifications .notificatio-list .noti-itm .noti-right p.noti-typ{
    font-size: 10px;
    padding-top: 20px;
    color:#000;
    text-overflow: ellipsis;
    overflow: hidden;
}
.notifications .notificatio-list .noti-itm .noti-right p.noti-desc {
    font-size: 12px;
    /* font-weight: 600; */
    color:#000;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
#ex-ful-w .artist-h-d .h-top a.shr-snd {
    float: right;
}
ul.h-bot-inner {
    justify-content: space-between;
}
#ex-ful-w .navbar-nav>li {
    float: left;
}
#ex-ful-w .ex-dash .top-bar-usr li {
    right: 0;
}
.home-option .error.general {
    position: relative;
    width: 100%;
    text-align: center;
    display: block;
    float: left;
    margin-bottom: 45px;
}
.f-f-m-side .ex-ftr .pst_media_ctrl li a {
    font-size: 13px;
    font-weight: normal;
    margin-left: 4px;
    font-family: 'LatoLight';
    -webkit-text-stroke: 0px;
}
.stage-layout .theater-main {
    width: 100%;
    height: 100%;
    position: relative;
    /* overflow: hidden; */
}
.stage-layout .theater-main .theater-inner {
    width:100%;
    height: 100%;
    position: relative;
    /* overflow: hidden;
    overflow-y: auto; */
}
.stage-layout .theater-main .theater-inner .stage-theater {
    width: 100%;
    float: left;
    height: 100%;
}
.stage-layout .theater-main .theater-inner img.p-m-img {
    width: 100%;
    height: 100%;
    position: absolute;
    /* object-fit: cover; */
    object-fit: contain;
    object-position: center;
    z-index: 0;
}
.stage-layout .theater-main .theater-inner .modal-header {
    border-bottom: none;
    padding: 0px;
    height: 54px;
    position: absolute;
    z-index: 3;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    width: 100%;
    top: -54px;
    transition: all 0.25s ease-in-out;
}
.stage-layout .theater-main .theater-inner .modal-header .p-m-t {
    padding-right: 0;
    font-weight: 600;
    color: #000;
}
.stage-layout .theater-main .theater-inner .modal-header .p-m-t {
    padding-right: 5%;
    cursor: pointer;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-family: 'Lato';
    line-height: 32px;
    font-weight: 400;
    width:100%;
}
.stage-layout .theater-main .theater-inner .modal-header .p-m-t:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid #ffffff;
    top: 22px;
    margin-left: 5px;
    opacity: 0;
}
.stage-layout .theater-main .theater-inner .modal-footer {
    text-align: center;
    border-top: none;
    bottom: -54px;
    width: 100%;
    padding: 0px;
    height: 54px;
    position: absolute;
    z-index: 3;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    transition: all 0.25s ease-in-out;
}
.stage-l-top:hover .theater-main .theater-inner .modal-header{
    top:0;
} 
.stage-l-top:hover .theater-main .theater-inner .modal-footer{
    bottom:0;
} 
.stage-layout .theater-main .theater-inner .modal-footer .pst_media_ftr {
    border-bottom: 0px !important;
    width:100%;
}
.stage-layout .theater-main .theater-inner .modal-footer .pst_media_ftr ul.pst_media_ctrl {
    padding: 0;
    margin-bottom: 0;
    width: 100%;
    list-style: none;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    position: relative;
}
.stage-layout .theater-main .theater-inner .modal-footer .pst_media_ftr ul.pst_media_ctrl .pst_media_ctrl li {
    display: flex;
    padding: 0 10px;
}
.stage-layout .theater-main .theater-inner .modal-footer .pst_media_ftr ul.pst_media_ctrl li a {
    width: auto !important;
    height: auto !important;
    line-height: 54px !important;
    float: left;
    color: #fff;
    font-size: 16px;
    font-family: 'LatoLight';
}
.stage-layout .theater-main .theater-inner .modal-footer .pst_media_ftr ul.pst_media_ctrl li a span {
    margin-right: 5px;
    font-family: 'Lato';
}
.stage-layout .theater-main .theater-inner .modal-header a.img-drop.dropdown-toggle {
    width: 27px;
    height: 27px;
    padding: 10px 0;
    background-image: none;
    position: absolute;
    right: -52px;
    top: 14px;
}
.stage-layout .theater-main .theater-inner .modal-header a.img-drop.dropdown-toggle img {
    object-fit: cover;
    object-position: bottom;
    width: 27px;
    height: 7px;
    display: block;
}
.stage-layout .theater-main .theater-inner .modal-header a.img-drop.dropdown-toggle + .dropdown-menu {
    right: 0;
    left: auto;
    border-radius: 0;
    top: 54px;
    padding: 0;
    margin: 0;
    background-color: transparent;
    box-shadow: none;
    border: 0;
}
.stage-layout .theater-main .theater-inner .modal-header a.img-drop.dropdown-toggle + .dropdown-menu li {
    background-color: rgba(0, 0, 0, 0.2);
}
.stage-layout .theater-main .theater-inner .modal-header a.img-drop.dropdown-toggle + .dropdown-menu li:hover {
    background-color: rgba(0, 0, 0, 0.4);
}
.stage-layout .theater-main .theater-inner .modal-header a.img-drop.dropdown-toggle + .dropdown-menu li a {
    font-size: 20px;
    color: #fff;
    line-height: 54px;
    padding: 0 25px;
    font-family: 'LatoLight';
    background-color: transparent;
}
.stage-layout .theater-main .theater-inner .modal-header.add_card.open a.img-drop.dropdown-toggle img {
    object-position: top;
}
.stage-layout .stage .stage-left .stage-l-bottombar ul.pst_media_ctrl {
    padding: 12px 5px;
}
.stage-layout .stage .stage-left .stage-l-bottombar ul.pst_media_ctrl li {
    display: flex;
    padding: 0 5px;
}
.stage-layout .stage .stage-left .stage-l-bottombar ul.pst_media_ctrl li  a{
    width: 30px !important;
    height: 30px !important;
}
.stage-layout .stage .stage-left .stage-l-bottombar ul.pst_media_ctrl li  a img {
    width: 30px;
}
.piece_usr_info {
    float: left;
    width: 100%;
    bottom: 0;
    padding: 10px 40px 10px 10px;
    border-bottom: 0.5px solid #000;
}
.piece-comment,.piece-comment *{
    /* box-shadow: 0px 0px 0px 0px transparent !important;
    -webkit-box-shadow: 0px 0px 0px 0px transparent !important;
    -moz-box-shadow: 0px 0px 0px 0px transparent !important; */
    -webkit-appearance: none !important;
}
.piece_usr_info img.p_u_dp {
    width: 100%;
    max-width: 112px;
    height: 112px;
    object-fit: cover;
    object-position: center;
    border: 2px solid #000;
    padding: 2px;
}
.piece_usr_info .user-card {
    font-size: 20px;
    float: right;
    width: calc(100% - 112px);
    padding-left: 12px;
    padding-right: 12px;

}
.piece_usr_info .user-card h4.n_o_c {
    font-size: 20px;
    line-height: 1;
    margin: 4px 0;
    font-family: 'LatoLight';
    color: #000;
    float: left;
    width: 100%;
    -webkit-text-stroke: 0;
    margin-bottom: 12px;
}
.piece_usr_info .user-card h4.n_o_c span.f_l {
    display: block;
    font-size: 16px;
    font-family: 'LatoThin';
    margin-top: 3px;
    -webkit-text-stroke: 0;
}
.piece_usr_info .user-card a.p_u_act, .piece_usr_info .user-card label.p_u_act {
    display: block;
    font-size: 15px;
    color: #000;
    font-weight: lighter;
    font-family: 'LatoLight';
    margin-top: 5px;
    line-height: 1;
    -webkit-text-stroke: 0;
    cursor: pointer;
    clear: both;
}
.piece_usr_info .user-card a.p_u_act:hover, .piece_usr_info .user-card label.p_u_act:hover {
    font-family: 'LatoLight';
    font-weight: 600;
}
.piece_usr_info .user-card a.p_u_act img, .piece_usr_info .user-card label.p_u_act img{
    width: 12px;
    height: 12px;
    margin: 1px 8px 0px 0px;
    float: left;
}
.piece_usr_info .user-card a.p_u_act:hover img, .piece_usr_info .user-card label.p_u_act:hover img{
    transform: scale(1.2);
}
.stage-layout.view-edit-piece .piece-comment .piece_comment_list {
    float: left;
    height: 212px;
    padding-top: 5px;
    overflow: hidden;
    /* overflow-y: scroll; */
    /* width: calc(100% + 17px); */
    flex-grow: 1;
    position: relative;
}
.stage-layout.view-edit-piece .piece-comment .piece_comment_list div[id^="comment_parent_div"] {
    position: absolute;
    height: 100%;
    width: calc(100% + 17px);
    top: 0;
    overflow: hidden;
    overflow-y: scroll;
}
.stage-layout.view-edit-piece .pd_bottom-ara {
    position: relative;
    align-self: flex-end;
    margin-top: auto;
}
.stage-layout.view-edit-piece .piece-data {
    width: 100%;
    height: 100%;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    overflow-y: scroll;
}
body:not(.mobile) .stage-layout.view-edit-piece .piece-data{
    width: calc(100% + 17px);
}
.stage-layout.view-edit-piece .piece-comment .piece_comment_list .ex-sub-cmt-wrp {
    padding-left: 50px;
    padding-top: 15px;
}
.stage-layout.view-edit-piece .piece-comment .piece_comment_list .panel-body.ex-sub-cmt-wrp .panel-body.ex-sub-cmt-wrp {
    padding-top: 1px;
    margin-bottom: 0;
}
.stage-layout.view-edit-piece .piece-comment .piece_comment_list .ex-sub-cmt-wrp .ex-sub-cmt-top label.u-n {
    font-family: 'LatoLight';
    font-size: 13px;
    line-height: 1;
    padding: 0;
    margin: 0;
    margin-bottom: 5px;
}
.stage-layout.view-edit-piece .piece-comment .piece_comment_list .ex-sub-cmt-wrp .ex-sub-cmt-mid span.u-msg {
    font-size: 13px;
    font-family: 'Lato';
    line-height: 1;
    margin-bottom: 10px;
    float: left;
    -webkit-text-stroke: 0 !important;
    font-weight: 400;
}
.stage-layout.view-edit-piece .piece-comment .piece_comment_list .ex-sub-cmt-wrp div[class^="ex-sub-cmt"] label {
    font-size: 12px;
    float: left;
    font-family: 'LatoLight';
    color: #000;
    line-height: 1;
    -webkit-text-stroke: 0;
    font-weight: lighter;
    margin-top: 8px;
}
/* .stage-layout.view-edit-piece .piece-comment .piece_comment_list .ex-sub-cmt-wrp .ex-sub-cmt-top img {
    width: 30px !important;
    height: 30px !important;
    left: -38px;
    top: -9px;
} */
.stage-layout.view-edit-piece .piece-comment .piece_comment_list .ex-sub-cmt-wrp .ex-sub-cmt-top img {
    width: 16px !important;
    height: 16px !important;
    left: -25px;
    top: -1px;
}
.pd_bottom-ara .file-dropzone.skch .skch_img.uploaded {
    box-shadow: none !important;
}
.pd_bottom-ara .file-dropzone.skch .skch_img.uploaded::before {
    display: none;
}

/* .pd_bottom-ara .skch.edit-sketch .skch_img::before{
    display:none;
} */
.skch_img .cancel-sketch {
    border: 0;
    background-color: transparent;
    position: absolute;
    z-index: 1;
    height: 20px;
    width: 20px;
    padding: 0;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -10px;
}
button.cancel-sketch img {
    float: left;
    position: relative !important;
}
.pd_bottom-ara .file-dropzone.vdo .skch_vdo.uploaded {
    padding: 0;
}
.pd_bottom-ara .file-dropzone.vdo .skch_vdo.uploaded video {
    float: left;
    width: 100%;
}
.pd_bottom-ara .file-dropzone.vdo .skch_vdo.uploaded video {
    float: left;
    width: 100%;
    height: auto;
}
.pd_bottom-ara .file-dropzone.vdo .skch_desc.uploaded {
    overflow: hidden;
}
body:not(.mobile) .pd_bottom-ara .file-dropzone.vdo .skch_desc.uploaded textarea{
    width: calc(100% + 17px);
}
.skch_vdo .cancel-video {
    border: 0;
    background-color: transparent;
    position: absolute;
    z-index: 1;
    height: 20px;
    width: 20px;
    padding: 0;
    top: 5px;
    right: 5px;
}
.skch_vdo .play-video {
    border: 0;
    background-color: transparent;
    position: absolute;
    z-index: 1;
    height: 26px;
    width: 26px;
    padding: 0;
    top: 50%;
    left: 50%;
    margin-left: -13px;
    margin-top: -13px;
}
.skch_vdo .play-video img {
    position: relative !important;
    float: left;
}
button.cancel-video img {
    float: left;
    position: relative !important;
}
.edit_piece .piece-data .piece-comment {
    margin-bottom: 30px;
}
.ex-sub-cmt-top img {
    height: 27px !important;
    width: 27px !important;
    left: -35px;
    top: 0px;
}
.ex-sub-cmt-wrp-inner .ex-sub-cmt-top img {
    width: 16px !important;
    height: 16px !important;
    top: 2px;
    left: -25px;
}
.panel-body.ex-sub-cmt-wrp {
    padding-left: 55px;
    padding-top: 0;
}
.ex-dash-middle span.u-date {
    display: none;
}
label.u-n {
    font-family: 'LatoLight';
    text-transform: capitalize;
}
.ex-sub-cmt-mid {
    font-family: 'Lato';
    -webkit-text-stroke: 0px;
    color: #000;
    font-weight: 400;
}
.stage-layout.view-edit-piece .piece-comment .piece_comment_list .ex-sub-cmt-wrp .cmt-text-inner .input_comments_reply {
    width: 100%;
    border-radius: 0;
    border: 0;
    box-shadow: none;
    padding: 0;
    margin-bottom: 0;
    font-family: 'LatoLight';
}
.stage-layout.view-edit-piece .piece-comment .piece_comment_list .ex-sub-cmt-wrp .cmt-text-inner .input_comments_reply::placeholder {
    color: #000 !important;
}
.ex-dash-middle .ex-sub-cmt-bot2 label {
    font-size: 10px;
    font-family: 'LatoLight';
}
.ex-sub-cmt-top {
    margin-bottom: 5px;
}
.pst-ftr-colps-itm .panel-collapse .panel-body .ex-sub-cmt-mid {
    /* margin-bottom: 3px; */
    margin-bottom: 7px;
}
.panel-body.ex-sub-cmt-wrp .panel-body.ex-sub-cmt-wrp {
    padding-left: 26px;
    padding-top: 1px;
    margin-bottom: 0px;
    line-height: initial;
}
.ex-sub-cmt-wrp.ex-sub-cmt-wrp-inner .ex-sub-cmt-top span.name-initials{
    height: 16px !important;
    width: 16px !important;
    font-size: 7px;
    border: 0.5px solid #000;
    box-shadow: none;
}
.frd-group .frd-list {
    padding-left: 3px !important;
}
.stage-layout .theater-main .theater-inner .modal-header div[class^="add_card"] {
    width: 100% !important;
}
.piece_comment_list span.name-initials {
    width: 30px !important;
    height: 30px !important;
    font-size: 11px;
    text-transform: uppercase;
    left: -38px !important;
    top: -9px;
}
.piece_comment_list .panel-body.ex-sub-cmt-wrp .panel-body.ex-sub-cmt-wrp {
    padding-left: 26px;
}
.ex-sub-cmt-top .name-initials {
    height: 26px !important;
    width: 26px !important;
    left: -35px !important;
    top: 1px;
    font-size: 11px;
    text-transform: uppercase;
    border: 0.5px solid #000;
    box-shadow: none;
}
.o-u-p .ex-sub-cmt-bot2 label {
    font-size: 12px;
    font-weight: lighter;
    color: #000;
    font-family: 'LatoLight';
}


/** on click toggle css start**/
li.img-menu.active_handle {
    transform: rotate(90deg);
}

.img-menu.active_handle {
    transform: rotate(90deg);
}
.stage-layout .theater-main .theater-inner .modal-header.active_handle, .stage-layout .theater-main .theater-inner .modal-header.active_add {
    top: 0;
}
.stage-layout .theater-main .theater-inner .modal-footer.active_handle, .stage-layout .theater-main .theater-inner .modal-footer.active_add {
    bottom: 0;
}


.stage-layout .theater-main .theater-inner #displayData {
    width: 100%;
    height: 100%;
    padding: 54px 0;
    display: none;

    position: absolute;
    top: 0;
    bottom: 0;
}
.stage-layout .theater-main .theater-inner #displayData.active_handle{
    display: block;
}
.stage-layout .theater-main .theater-inner #displayData .ex-pic-con-mid {
    position: relative;
    height: 100%;
    background-color: hsla(0, 0%, 0%, 0.64);
    align-items: center;
    justify-content: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.stage-layout .theater-main .theater-inner #displayData .ex-pic-con-mid .ex-pic-left-lr {
    float: left;
}
.stage-layout .theater-main .theater-inner #displayData .ex-pic-con-mid .ex-pic-left-lr label {
    color: #fff;
    font-size: 20px;
    font-family: 'LatoLight';
    font-weight: 400;
    -webkit-text-stroke: 0px;
}
.stage-layout .theater-main .theater-inner #displayData .ex-pic-con-mid .ex-pic-left-lr label a {
    color: #fff;
}
.stage-layout .theater-main .theater-inner #displayData .ex-pic-con-mid .ex-pic-left-lr label span {
    font-size: 20px;
    font-family: 'LatoLight';
    font-weight: lighter;
}
.stage-layout .theater-main .theater-inner #displayData .ex-pic-con-mid .ex-pic-left-lr label span.ex-pic-left-l {
    font-weight: 600;
}


.stage-layout .theater-main .theater-inner #displayDataPopEye {
    width: 100%;
    height: 100%;
    padding: 54px 0;
    display: none;
}
.stage-layout .theater-main .theater-inner #displayDataPopEye.active_add{
    display: block;
}
.stage-layout .theater-main .theater-inner #displayDataPopEye .ex-pic-con-mid {
    position: relative;
    height: 100%;
    background-color: hsla(0, 0%, 0%, 0.64);
    align-items: center;
    justify-content: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.stage-layout .theater-main .theater-inner #displayDataPopEye .ex-pic-con-mid .ex-pic-left-lr {
    float: left;
}
.stage-layout .theater-main .theater-inner #displayDataPopEye .ex-pic-con-mid .ex-pic-left-lr label {
    color: #fff;
    font-size: 20px;
    font-family: 'LatoLight';
    font-weight: 400;
    -webkit-text-stroke: 0px;
}
.stage-layout .theater-main .theater-inner #displayDataPopEye .ex-pic-con-mid .ex-pic-left-lr label a {
    color: #fff;
}



/** on click toggle css finish**/


#lightbox .lb-outerContainer, #lightbox .lb-dataContainer {
    padding-bottom: 25px;
    padding-top: 25px;
    display: flex;
    align-items: center;
    height: 100% !important;
}
.f-f-l-side .f-f-l-det .f-f-l-sub-det .f-f-l-side-img span.name-initials{
    text-transform: uppercase;
}
.main.site-content.artist.art-profile.art-ex .container-fluid article .artist-h-d .h-bottom ul.h-bot-inner li{
    width:auto;
}
.file-dropzone.vdo div:nth-child(1):last-child {
    width: 100%;
}
.skch_vdo.uploaded.only-video {
    width: 100%;
    padding-right: 10px;
}
.skch_desc.uploaded.only-description {
    width: 100%;
    padding-right: 10px;
}
.ex-dash-middle .panel-body.ex-sub-cmt-wrp .form-group .form-control {
    border: 0;
    box-shadow: none;
    padding-left: 0px;
    padding-top: 0;
    line-height: 1;
    padding-bottom: 0;
    margin-bottom: 0;
    font-size: 10px;
    font-family: "LatoLight";
}
.panel-body.ex-sub-cmt-wrp.ex-sub-cmt-wrp-inner .ex-sub-cmt-mid span.u-msg {
    font-size: 10px;
    font-family: 'Lato';
    color: #000;
    font-weight: 400;
}
.stage-layout .panel-body.ex-sub-cmt-wrp.ex-sub-cmt-wrp-inner .ex-sub-cmt-mid span.u-msg {
    font-size: 10px !important;
    font-family: 'Lato';
    color: #000;
    font-weight: 400 !important;
}
.ex-dash-middle .panel-body.ex-sub-cmt-wrp .form-group textarea.form-control{
    overflow: hidden;
}
.fltr-chbx-wrp .fltr-chbx~span.fltr-chbx-lbl {
    font-family: 'LatoLight';
    -webkit-text-stroke: 0;
}
#ex-ful-w #no_data span{
    text-align: center;
}
.piece_usr_info .user-card a.p_u_act.dsktp-view{
    display: block;
}
.piece_usr_info .user-card a.p_u_act.mbl-view{
    display: none;
}

/*** loader svg div ***/
.loader-svg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1041;
    pointer-events: none;
    color: #fff;
    font-family: 'LatoLight';
}
.loader-svg img {
    width: 44px;
    height: 44px;
    margin-bottom: 5px;
}
/*** finish loader svg div ***/

/* #sv_pcs .s-pc span {
    width: 100%;
    background-color: #ffffff;
} */
#sv_pcs .s-pc span {
    width: 100%;
    /*background-color: rgba(187, 187, 187, 0.75);*/
    background-color: transparent;
    border-radius: 0;
}

/** sold piece styles **/
article.pst.pst-grid.ps-sold::before {
    content: '';
    position: absolute;
    border: 1px solid #000;
    top: -12px;
    right: -12px;
    bottom: 13px;
    left: -12px;
    z-index: 0;
}
article.pst.pst-grid.ps-sold::after {
    content: 'SOLD';
    position: absolute;
    font-family: 'LatoLight';
    font-size: 11px;
    font-weight: bold;
    background-color: #fff;
    padding: 0 4px;
    width: 48px;
    top: -18px;
    left: 50%;
    text-align: center;
    margin-left: -24px;
}
article.pst.pst-grid .pst_media_ftr ul.pst_media_ctrl {
    padding: 0 4px !important;
}
/** finish sold piece styles **/

.o-u-p .panel-body.ex-sub-cmt-wrp .form-group.cmt-text-inner textarea {
    border: 0;
    box-shadow: none;
    padding-left: 0px;
    padding-top: 0;
    line-height: 1;
    padding-bottom: 0;
    margin-bottom: 0;
    font-size: 10px;
    font-family: "LatoLight";
}
.o-u-p .panel-body.ex-sub-cmt-wrp .form-group.cmt-text-inner textarea::placeholder {
    color: #000;
}
.o-u-p .panel-body.ex-sub-cmt-wrp .form-group .form-control {
    margin: 0;
    padding: 0;
}
.stage-input#price {
    padding-left: 27px;
    position: relative;
}
.sf-footer ul li {
    padding: 0 12px !important;
}
.sf-footer::before{
    display: none;
}
.sf-footer ul li::before{
    left: -2px !important;
}
.sf-footer ul li:last-child::before{
    left: -5px !important;
}
.about-pop-inner{
    border-radius: 20px !important;
}
.piece-data a.close {
    color: #000;
    background-color: #df413e;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
body.stage-body #cometchat {
    display: none;
}





/************back to top*************/

.back-top {
    position: relative;
    bottom: 10px;
    display: none;
    opacity: 0.8;
    z-index: 2;
    font-family: 'LatoLight';
    font-size: 14px;
    font-weight: 400;
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
    right: 0 !important;
    cursor: pointer;
    background-color: #df413e;
    border-radius: 0;
    color: #fff;
    max-width: 100px;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none;
    padding: 5px 0;
}
.artist .back-top {
    right: 10px;
}

/********finish back to top**********/



article.pst{
    margin-bottom: 0;
    padding: 0px 22px;
}
.site-content .wrap-inner {
    padding: 0px 20px 0px 20px;
}
.pb-sketch-wrapper .panel-body.pb-sketch.when-no-skch .sketch-images a.example-image-link.static {
    padding-top: 90%;
    width: 100%;
    background-color: #f5f5f5;
    /* border: 1px dashed #ddd; */
}
#scrollData.scroll-imp {
    padding-bottom: 50px !important;
}
.o-u-p #scrollData {
    height: calc(100% - 14px);
    overflow-y: scroll;
    overflow-x: hidden !important;
    padding-bottom: 0;
    padding-top: 0;
}


.artist article.pst .pst_media .pst_media_hdr .trans-olay-wrapper a {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.panel-group.pst-ftr-colps-grp .panel-collapse.cmt-empty .form-group.cmt-text {
    margin-bottom: 0;
    border-bottom: 0px;
}
.panel-group.pst-ftr-colps-grp .panel-collapse.cmt-empty div[id^="comment_parent_div"]{
    display: none;
}
.svp-lbl span.with-brkt {
    display: inline-block;
    font-size: 12px;
}
.navbar-nav > li > a:hover {
    border: 1px solid transparent;
    border-radius: 0;
}
.top-bar-usr li .profile-user:hover {
    border-radius: 50%;
}


textarea.autoExpand{
    display: block;
    box-sizing: padding-box;
    overflow: hidden;
    padding: 8px;
    width: 250px;
    font-size: 14px;
    border-radius: 0px;
    box-shadow: none;
    border: 0;
    max-height: 70px;
}
.panel-group.pst-ftr-colps-grp .panel-collapse .cmt-text textarea.autoExpand::placeholder {
    color: #000;
}
.lb-closeContainer a.lb-close {
    width: 25px;
    height: 25px;
    float: right;
    position: absolute;
    top: 10px;
    right: 10px;
    background-image: url("../images/ui/lb-close.png");
    background-size: contain;
    background-position: center;
    z-index: 99;
    cursor: pointer;
}
a.submit-btn {
    font-size: 13px;
    line-height: 1;
    color: #000;
    font-family: 'LatoLight';
}
#artist_load_more_notification img, #explore_load_more_notification img {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    margin: 0 auto;
    float: none;
}
#sidebar2.other-n-side .panel.panel-default.frd-list-des .fltr-chbx-wrp, #sidebar2.other-n-side .panel.panel-default.frd-list-des .fltr-chbx-wrp * {
    line-height: 1;
}
li.go-bck {
    display: none;
}
body.o-u-p .main-nav-container .navbar-nav.top-nav > li {
    display: none;
}
body.o-u-p .main-nav-container .navbar-nav.top-nav > li.go-bck {
    display: block;
}
body.o-u-p .main-nav-container .navbar-nav.top-nav > li.go-bck a img {
    border-radius: 50%;
    border: 1px solid #000;
    padding: 3px;
}
.stage-left a.go-back {
    color: #fff;
    /* background-color: #df413e; */
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
}
.stage-left a.go-back img {
    width: 100%;
    height: auto;
    float: left;
}
.form-control[readonly]{
    background-color: transparent;
}
.navbar-nav  > li.notification-wrap.open > a.notification::before {
    content: "";
    position: absolute;
    width: 25px;
    height: 25px;
    background-color: #fff;
    top: 10px;
    left: 10px;
    border-radius: 50%;
}
.navbar-nav  > li.notification-wrap.open > a.notification img.no-nt{
    filter: invert(100%);
}
body{
    -webkit-text-stroke: 0px !important;
}
body.mobile.notifications-open .scroller.y {
    overflow: hidden;
}
label.fol-cnt {
    font-size: 12px;
    display: block;
    font-weight: 400;
}
label.fol-cnt #follower_count {
    font-weight: 600;
}
.sidebar-group.done-btn {
    position: fixed;
    bottom: 30px;
    left: 10px;
}
#signup img.form-logo {
    height: 58px;
    width: auto;
    margin: 0 auto;
    display: block;
}
#signup hr.divider {
    width: 100%;
    float: left;
    border-top: 1px solid #000;
    margin-top: 20px;
    margin-bottom: 20px;
}
#signup .form-control:focus {
    border-color: #000000;
}
.noti-itm.unread::before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    background-color: red;
    border-radius: 50%;
    left: 2px;
    top: 10px;
}
.sidebar.left.ex-dash-left #sidebar2 .btn-tooltip, .sidebar.left.ex-dash-left #sidebar3 .btn-tooltip {
    padding: 0 !important;
    height: 15px !important;
    width: 15px !important;
    min-width: auto !important;
    border-radius: 50% !important;
    line-height: 15px;
    font-size: 10px !important;
    color: #888 !important;
    border-color: #888;
    z-index: 1038;
    position: relative;
}
.tooltip.right > .tooltip-arrow {
    border-right-color: #000;
}
.tooltip > .tooltip-inner{
    background-color: #000;
    color: #fff;
    font-family: 'LatoLight';
    font-size: 12px;
    text-align: left;
}
form#forgot-pass .form-logo {
    height: 58px;
    width: auto;
    margin: 0 auto;
    display: block;
}
.pst_media_ctrl li a.btn-facebook:active img, .pst_media_ctrl li a.btn-facebook img:active{
    background-image: url("../images/ui/share-filled.svg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.pst_media_ctrl li a:active {
    box-shadow: none !important;
}
.sidebar-group.done-btn button.btn:hover {
    background-color: #df413e !important;
    color: #fff !important;
    border: 1px solid #df413e !important;
}
.register-block input:focus {
    border: 2px solid #000;
}
#paymentModal {
    align-items: flex-start !important;
}
.ex-pic-arrange-viewing{
    width: 100%;
    float: left;
    display: none;
}
.ex-pic-arrange-viewing.active_div {
    position: absolute;
    background: rgba(255, 255, 255, 0.71);
    /* height: calc(100% - 80px); */
    height: 100%;
    display: flex;
    align-items: center;
    /* top: 40px; */
    top: 0px;
    left: 0;
    flex-flow: row wrap;
}
.ex-pic-arrange-viewing .ex-pic-left-lr {
    position: relative;
    top: 0;
}
.f-f-m-side .ex-hdr.open .img-drop.dropdown-toggle img {
    object-position: top;
}
#detail-pop .up-img-des .cls-bulk-price{
    padding-left: 20px;
}
/* #detail-pop .up-img-des .cls-bulk-price::before {
    content: "£";
    position: absolute;
    color: #000;
    display: block;
    height: 20px;
    width: 20px;
} */
.dropdown.sv-img-op-dd-wrap {
    display: none;
}
form#signup {
    margin-top: 80px;
}
#detail-pop .up-img-des .dynamicname::placeholder {
    color: #000;
}
#detail-pop .up-img-des .cls-bulk-price {
    background-image: url("../images/ui/pound.png");
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: center left 5px;
}
.sidebar.left{
    z-index: 5;
}
.notification img.no-nt-clicked {
    display: none;
}
.notification-wrap.open .notification img.no-nt{
    display: none;
}
.notification-wrap.open .notification img.no-nt-clicked {
    display: block;
}
body.mobile.notifications-open .main.site-content {
    pointer-events: none;
    position: relative;
    overflow: hidden;
}
span.no-data-empty.first-login {
    /* padding: 5rem !important; */
    text-align: center !important;
    color: #000000 !important;
    box-shadow: inset 0px 0px 0px 1px #000;
    width: calc(100% - 17px) !important;
    background-color: #fff !important;
    font-family: 'Raleway';
    font-size: 16px !important;
    font-weight: lighter;
}
.svp-lbl span.hidden-xs {
    display: inline-block;
    font-size: 12px;
    /* font-family: 'LatoLight'; */
    font-family: 'Lato';
}
.sv_pcs .s-pc:last-child {
    /* margin-right: 0 !important; */
    margin-left: 0 !important;
}
.lw.logow .main.site-content{
    position: relative;
}


/**** desktop transparent divs ****/
nav.navbar.navbar-default {
    background-color: rgba(255, 255, 255, 0.75);
    border-bottom: 0.5px solid #000;
}
/**** finish desktop transparent divs ****/
/* #paymentModal .modal-dialog {
    height: calc(100% - 20px);
}
#paymentModal .modal-content {
    height: 100%;
} */


body.mobile span.no-data-empty.first-login {
    width: 100% !important;
}

.sv_pcs .s-pc{display: none;}
.sv_pcs .s-pc:nth-child(1), .sv_pcs .s-pc:nth-child(2), .sv_pcs .s-pc:nth-child(3),.sv_pcs .s-pc:nth-child(4) {
    display: block;
}
.s-pc.s-pc-first {
    margin-bottom: 0;
    width: 68px;
    height: 68px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 14px;
    background-color: rgba(255, 255, 255, 0.5);
    position: absolute;
    right: 10px;
    top: 10px;
    font-weight: 600;
    font-size: 12px;
    line-height: 1.421;
    z-index: 1;
    color: #000;
}
.s-pc.s-pc-first label span{
    background-color: transparent !important;
}
body.mobile.home {
    height: 100vh !important;
}















@media (max-width:1024px){

.piece_usr_info .user-card a.p_u_act.dsktp-view{
    display: none;
}
.piece_usr_info .user-card a.p_u_act.mbl-view{
    display: block;
}

.u_ml {
    width: 40px;
    height: 40px;
    border: 0px solid transparent;
    border-bottom: 0;
    z-index: 100;
    border-radius: 50%;
    margin-bottom: 5px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    padding: 0;
}

.uml-lbl {
    margin-right: 0;
    padding: 0;
}
.uml-lbl img {
    height: 27px;
    float: none !important;
    width: 27px;
    margin: 0 auto;
    display: block;
    margin-bottom: 0;
}
.u_ml.g-pop {
    display: flex !important;
    border: 0;
    width: 40px;
}
.piece_usr_info .user-card {
    width: calc(100% - 90px);
    padding-left: 5px;
    padding-right: 0;
}
.stage-layout.view-edit-piece .piece-data .piece_usr_info span.name-initials, .piece_usr_info img.p_u_dp {
    width: 90px;
    height: 90px;
}
.piece_usr_info .user-card h4.n_o_c {
    font-size: 16px;
}
.piece_usr_info .user-card h4.n_o_c span.f_l {
    display: block;
    font-size: 10px;
}
.piece_usr_info .user-card a.p_u_act, .piece_usr_info .user-card label.p_u_act {
    display: block;
    font-size: 12px;
}
.piece_usr_info > .p_u_dp {
    /* display: none; */
}
.s-pc.s-pc-first {
    top: 6px;
    right: 6px;
}
body.mobile .sv_pcs {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 50%;
    padding: 6px 6px 6px 6px !important;
    width: calc(100% - 60px) !important;
    border-radius: 0;
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    overflow: hidden;
}
.s-pc.s-pc-first label.svp-lbl {
    top: 0;
    right: 0;
    margin-bottom: 0;
    width: 47px;
    height: 47px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 7px;
    background-color: rgba(255, 255, 255, 0.5);
    position: absolute;
    font-weight: 600;
    font-size: 12px;
    line-height: 1.421;
    z-index: 1;
}
.sv_pcs .s-pc {
    height: 47px !important;
    width: auto !important;
    border-radius: 0;
    box-shadow: none;
    border: 0.5px solid #000;
    margin-right: 0px !important;
    margin-left: 5px !important;
    display: block;
    min-width: 47px;
    flex-grow: 1;
    flex-basis: 0;
}
.sv_pcs {
    width: calc(100% - 60px) !important;
    padding: 6px 6px 7px 6px;
}
.row .u_ml {
    border-right: 0px solid transparent !important;
}
.sv_pcs .s-pc:nth-child(2) {
    width: 47px;
    max-width: 47px;
}



}



@media (max-width:1024px) and (min-width:768px) and (orientation:portrait) {

    .stage-layout .stage .stage-left {
        width: 100% !important;
    }
    .stage-right {
        width: 100% !important;
        margin-top: 8px;
    }
    body.stage-body {
        overflow: visible;
    }
    .stage-layout {
        padding: 8px;
        height: auto !important;
    }
    .stage-layout .stage .stage-left .stage-l-top {
        min-height: 500px;
    }
    .stage-layout .stage .stage-left .stage-l-top .stage-form {
        width: calc(100% - 82px);
        margin: 0 auto;
        display: block;
        float: left;
        left: 41px;
        min-height: 500px;
    }
    .stage-layout .theater-main .theater-inner {
        float: left;
        min-height: 500px;
    }
    .stage-layout .theater-main .theater-inner .stage-theater {
        position: relative;
        min-height: 500px;
    }
    .stage-layout .theater-main .theater-inner img.p-m-img {
        position: relative;
        min-height: 500px;
    }
    .piece_usr_info img.p_u_dp {
        max-width: 90px;
        height: 90px;
    }

}



@media (max-width:1024px) and (min-width:768px){
    .u_ml {
        width: 60px !important;
        height: 60px;
        border: 0px solid transparent;
        border-bottom: 0;
        z-index: 100;
        border-radius: 0;
        margin-bottom: 0px;
        display: flex !important;
        justify-content: center;
        align-items: center;
        padding: 0;
        left: 0 !important;
        border-top: 1px solid #000 !important;
        border-right: 1px solid #000 !important;
    }
}






@media (max-width:991px){

.stage-layout .stage .stage-left {
    width: 60%;
}
.stage-right {
    width: 40%;
}
.stage-layout .stage .stage-left .stage-l-top .stage-form.add-piece-form .stage-form-wrapper .form-group {
    padding-left: 21%;
}
.pd_bottom-ara .file-dropzone.vdo .skch_vdo {
    width: 100%;
    padding-bottom: 50%;
}
.pd_bottom-ara .file-dropzone.skch, .pd_bottom-ara .file-dropzone.vdo{
    padding: 10px;
    padding-right: 0px;
}
body.mobile .pd_bottom-ara .file-dropzone.skch{
    padding-right: 0;
}
.pd_bottom-ara .file-dropzone.skch .skch_img {
    margin-right: 3%;
}
.pd_bottom-ara .file-dropzone.skch .skch_img:last-child {
    margin-right: 0;
}
.pd_bottom-ara .file-dropzone.vdo .skch_desc {
    margin-top: 0px;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.pd_bottom-ara .file-dropzone.vdo .skch_desc .skch_desc_auto_height {
    padding-left: 10px;
}
.pd_bottom-ara .file-dropzone.vdo .skch_desc.uploaded .skch_desc_auto_height {
    padding: 0 10px;
    width: 100% !important;
    left: 1px;
}
#webuiPopover0 {
    left: 50% !important;
    margin-left: -82px;
}
.webui-popover > .webui-arrow {
    left: 50% !important;
}



}



@media (max-width:991px) and (min-width:768px){

#ex-ful-w #left_menu {
    position: absolute;
    left: 0;
    top: 0;
    width: auto;
    font-size: 20px;
    outline: none;
    z-index: 1;
    cursor: pointer;
    display: block;
    padding: 18px 10px 17px 10px;
    background-color: rgba(255, 255, 255, 0.75);
    border-right: 1px solid #000;
}
#left_menu {
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 18px 10px 17px 10px;
    border-right: 1px solid #000;
}
#right_menu {
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 18px 10px 17px 10px;
    border-left: 1px solid #000;
}




}







@media (min-width:768px){
    /*.svp-lbl {
        margin-bottom: 0;
        width: 68px;
        height: 68px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 14px;
        background-color: rgba(255, 255, 255, 0.5);
        position: absolute;
        right: 10px;
        top: 10px;
        font-weight: 600;
        font-size: 12px;
        line-height: 1.421;
        z-index: 1;
    }*/
    
    
    
}
    





@media (max-width:767px){

.btn.btn-login.btn-signup {
    display: block;
    position: relative;
    margin-top: 15px;
    width: 100%;
    left: 0;
}
.fb_iframe_widget_fluid {
    display: block !important;
    margin: 0 auto !important;
    float: none !important;
}
.fb_iframe_widget_fluid span {
    vertical-align: bottom !important;
    width: 193px !important;
    height: 28px !important;
    margin: 0 auto !important;
    display: block !important;
}
form#forgot-pass {
    position: relative;
    max-width: 400px;
    padding: 0 60px !important;
    width: 100%;
    font-family: "Raleway";
}
form#forgot-pass .row .col-sm-6 {
    padding: 0 !important;
}
.home-option .right .border-info{
    display: none;
}
.home-option .right .note{
    display: none;
}
.home-option .right hr.divider{
    display: none;
}
.home-option .right {
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent;
}
.home-option .left {
    width: 100%;
}
/* .home-option .left form.login-form{
    padding: 0 70px;
    margin-top: 60px;
} */
.home-option .left form.login-form {
    padding: 0 70px;
    margin-top: 170px;
    margin-bottom: 150px !important;
}
.home-option .left .connect-fb{
    max-width: 240px;
    clear: both;
    float: none;
}
.home-option .left .connect-fb img{
    width:100%;
}
.home-footer.new-layout ul li{
    padding: 0 16px;
}
.pst-ftr-colps-itm .panel-collapse .panel-body .sketch-images .example-image-link{
    margin-right: 6%;
    width: auto !important;
    max-width: none !important;
}
.pst-ftr-colps-itm .panel-collapse .panel-body .sketch-images .example-image-link:last-child{
    margin-right: 0px;
}
.panel-sketches .sketch-video-section .sketch-video {
    margin: 0 auto;
    float: none;
    margin-bottom: 20px;
}
.panel-sketches .sketch-video-section .sketch-description {
    padding: 0;
    width: 100%;
}
body.stage-body {
    overflow: visible;
}
.stage-layout{
    padding: 0px;
    height: auto !important;
}
.stage-layout .stage .stage-left .stage-l-top{
    margin-bottom: 3px;
}
.stage-layout .stage .stage-left {
    width: 100%;
    margin-top: 0px;
}
.stage-right {
    width: 100%;
    margin-top: 3px;
}
.stage-nav.desk{
    display: none;
}
.stage-nav.mobile{
    display: block;
}
.stage-layout .stage .stage-left .stage-l-top {
    padding: 0;
    position: relative;
    background-color: transparent;
}
.stage-nav.mobile {
    width: 38px;
    top: 54px;
    bottom: 54px;
    margin-top: 0;
    /* background-color: #000; */
    background-color: rgba(0, 0, 0, 0.5);
    transition: all 0.25s ease-in-out;
    z-index: 1;
}
/* .stage-layout .stage .stage-left .stage-l-top:hover .stage-nav.mobile {
    display: block;
} */
.stage-l-top .stage-nav.mobile.left {
    left: -38px;    display: block;
}
.stage-l-top.active_hover .stage-nav.mobile.left {
    left: 0;
}
.stage-l-top .stage-nav.mobile.right {
    right: -38px;
}
.stage-l-top.active_hover .stage-nav.mobile.right {
    right: 0;
}
.stage-layout .stage .stage-left .stage-l-top .stage-form.add-piece-form {
    width: 100%;
    margin: 0 auto;
    left: 0;
}
.stage-layout .stage .stage-left .stage-l-top .stage-form.add-piece-form .stage-form-wrapper .form-group {
    padding-left: 31%;
}
.stage-nav.mobile a {
    /* top: 50%;
    left: 0;
    width: 20px;
    height: 20px;
    padding: 0px;
    margin: 0 8px;
    margin-top: -10px; */

    top: 0;
    padding: 0px;
    margin: 0;
    margin-top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.stage-nav.mobile a img {
    /* width: 100%;
    height: auto;
    float: left; */

    width: 20px;
    height: 20px;
    float: left;
}
.stage-nav.mobile a.prev img {
    transform: rotate(180deg);
}
.stage-layout .stage .stage-left .stage-l-top .stage-form.add-piece-form .stage-form-wrapper .form-group label.lb-ttl{
    font-size: 15px;
}
.stage-layout .stage .stage-left .stage-l-top .stage-form.add-piece-form .stage-form-wrapper .form-group label.lb-ttl span.caret {
    display: none;
}
.stage-input{
    font-size: 15px;
}
.pd_bottom-ara {
    position: relative;
}
.piece-comment {
    width: 100%;
    position: relative;
    order: 2;
}
.piece-data {
    flex-direction: column-reverse;
}
.pd_bottom-ara .file-dropzone.vdo .skch_vdo {
    width: 50%;
    padding-bottom: 30%;
}
.pd_bottom-ara .file-dropzone.vdo .skch_desc {
    width: 50%;
    padding-left: 10px;
    margin-top: 0;
}
.piece-comment textarea.cmt-txt-ara {
    /* height: 80px; */
    height: 40px;
    border-top: 0.5px solid #000;
}
.stage-layout .stage .stage-left .stage-l-top .stage-form {
    /* width: calc(100% - 82px);
    margin: 0 auto;
    display: block;
    float: left;
    left: 41px;
    min-height: 400px; */

    width: 100%;
    margin: 0 auto;
    display: block;
    float: left;
    left: 0;
    min-height: 400px;
}
.stage-layout .theater-main .theater-inner {
    float: left;
    min-height: 400px;
}
.stage-layout .theater-main .theater-inner img.p-m-img {
    position: relative;
    min-height: 400px;
}
.stage-layout .theater-main .theater-inner .stage-theater {
    position: relative;
    min-height: 400px;
    background-color: #000;
}
.stage-layout .stage .stage-left .stage-l-top {
    min-height: 400px;
}

.stage-layout .stage-l-top.active_hover .theater-main .theater-inner .modal-header {
    top: 0;
}
.stage-layout .stage-l-top .theater-main .theater-inner .modal-header {
    top: -54px;
}
.stage-layout .stage-l-top.active_hover .theater-main .theater-inner .modal-footer {
    bottom: 0;
}
.stage-layout .stage-l-top .theater-main .theater-inner .modal-footer {
    bottom: -54px;
}

.stage-layout .theater-main .theater-inner .modal-header.active_handle, .stage-layout .theater-main .theater-inner .modal-header.active_add {
    top: 0 !important;
}
.stage-layout .theater-main .theater-inner .modal-footer.active_handle, .stage-layout .theater-main .theater-inner .modal-footer.active_add {
    bottom: 0 !important;
}

.stage-layout .theater-main .theater-inner .modal-header a.img-drop.dropdown-toggle{
    /* right:-35px; */
    right:15px;
}
.stage-layout .theater-main .theater-inner .modal-header a.img-drop.dropdown-toggle + .dropdown-backdrop + .dropdown-menu {
    right: 0;
    left: auto;
    border-radius: 0;
    top: 54px;
    padding: 0;
    margin: 0;
    background-color: transparent;
    box-shadow: none;
    border: 0;
}
.stage-layout .theater-main .theater-inner .modal-header a.img-drop.dropdown-toggle + .dropdown-backdrop + .dropdown-menu li {
    background-color: rgba(0, 0, 0, 0.2);
}
.stage-layout .theater-main .theater-inner .modal-header a.img-drop.dropdown-toggle + .dropdown-backdrop + .dropdown-menu li:hover {
    background-color: rgba(0, 0, 0, 0.4);
}
.stage-layout .theater-main .theater-inner .modal-header a.img-drop.dropdown-toggle + .dropdown-backdrop + .dropdown-menu li a {
    font-size: 15px;
    color: #fff;
    line-height: 54px;
    padding: 0 25px;
    font-family: 'LatoLight';
    background-color: transparent;
}
.home-footer.new-layout::before{
    display: none;
}
.stage-layout .theater-main .theater-inner #displayData .ex-pic-con-mid .ex-pic-left-lr label span {
    font-size: 13px;
}
.stage-layout .theater-main .theater-inner #displayData {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
}

.stage-layout .theater-main .theater-inner #displayDataPopEye .ex-pic-con-mid .ex-pic-left-lr label span {
    font-size: 15px;
}
.stage-layout .theater-main .theater-inner #displayDataPopEye{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
}
.stage-layout .theater-main .theater-inner .modal-header .p-m-t{
    font-size: 15px;
    font-family: 'LatoLight';
    font-weight: 400;
    -webkit-text-stroke: 0 !important;
}
.stage-layout .theater-main .theater-inner .modal-footer .pst_media_ftr ul.pst_media_ctrl li a{
    font-size: 15px;
    font-family: 'LatoLight';
    -webkit-text-stroke: 0 !important;
}
.stage-layout .theater-main .theater-inner #displayDataPopEye .ex-pic-con-mid .ex-pic-left-lr label{
    font-size: 13px;
}
.pd_bottom-ara .file-dropzone.vdo{
    max-height: none;
}
.pd_bottom-ara .ul_skch h5.title {
    border-top: 0 !important;
}
.modal-body.model-bg-color {
    padding: 18% 7% !important;
}
#piece-modal-piece-size .modal-dialog .form-control {
    padding: 3px !important;
    text-align: center;
}
#piece-modal-piece-size .modal-dialog .modal-content .modal-body .piece-group {
    padding: 6% 0;
}
#piece-modal-piece-size .modal-dialog .modal-content .modal-body .piece-group .x {
    margin: 11px 8px;
}
article.pst .pst_hdr {
    padding-left: 20px;
    padding-right: 20px;
}
article.pst.pst-grid.ps-sold::before {
    top: -13px;
    right: -13px;
    bottom: 13px;
    left: -13px;
}
article.pst.pst-grid.ps-sold::after {
    top: -21px;
}
a.profile-user {
    width: 35px;
    height: 35px;
    outline: none;
}
.profile-user.no-dp span.name-initials {
    line-height: 1;
}
.home-footer.new-layout ul {
    white-space: nowrap;
    overflow: hidden;
    overflow-x: scroll;
    padding: 0 20px;
    padding-bottom: 10px;
    margin-bottom: 0;
}
.home-footer.new-layout::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 50px;
    height: 100%;
    z-index: 1;
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
    display: block;
}
.home-footer.new-layout::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 50px;
    z-index: 1;
    background: -moz-linear-gradient(right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to rirightght, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
    display: block;
}
#ex-ful-w .main.site-content.artist.art-profile.art-ex .wrap-inner.container-fluid{
    padding-right: 2px !important;
    padding-left: 2px !important;
    padding-top: 0px !important;
    padding-bottom: 0 !important;
    margin: 0;

}
.pb-sketch-wrapper .panel-body.pb-sketch.when-no-skch .sketch-images a.example-image-link.static{
    width: 100% !important;
    padding-top:100% !important;
}
.pb-sketch-wrapper {
    /* padding-left: 15px; */
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 44px;
    border-top: 1px solid #000;
}
.notifications {
    top: 3px;
    right: 41px !important;
}
.navbar-nav > li > a.notification {
    left: -40px;
}
.notification img {
    padding: 4px;
}
.navbar-nav > li.notification-wrap.open > a.notification::before {
    top: 5px;
    left: 6px;
}
.navbar-nav > li > a.notification > span, li.notification-wrap:hover > a.notification > span{
    top:7px;
}
.navbar-nav > li.notification-wrap > a.notification::after {
    right: -6px;
    top: 15px;
}
.middle-part-tab-inner-first {
    width: 20%;
}
.middle-part-tab-inner-left {
    width: 80%;
}
.stage-left a.go-back {
    top: 5px !important;
    left: 5px;
    z-index: 4;
    /* display: none; */
}
.stage-left a.go-back.active_hover {
    display: block;
}
.o-u-p #scrollData {
    height: calc(100% - 36px);
}
.art-profile.art-ex article .artist-h-d .h-bottom .h-bot-inner li a span {
    display: inline-block;
    margin-left: 4px;
}
.art-profile.art-ex article .artist-h-d .h-bottom .h-bot-inner li a {
    font-size: 11px !important;
}
#ex-ful-w .artist-h-d {
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    left: 2px !important;
    top: 2px !important;
}
.panel-sketches .sketch-video-section, .panel-sketches .sketch-video-description {
    padding: 30px 20px;
}
.piece_usr_info .user-card a.p_u_act, .piece_usr_info .user-card label.p_u_act {
    display: block;
    font-size: 13px;
    margin-top: 3px;
    margin-bottom: 0;
}
.piece_usr_info .user-card h4.n_o_c span.f_l {
    font-size: 11px;
}
.sidebar.left.ex-dash-left {
    padding-bottom: 120px;
}
.sidebar-group.done-btn {
    bottom: 55px;
}
#right_menu, #left_menu {
    /* padding: 5px 12px; */
    padding: 16px 6px;
    top: 0 !important;
    background-color: rgba(255, 255, 255, 0.65);
}
.sketches-gate:active, .sketches-gate:not(.collapsed) {
    width: calc(100% - 42px);
}
.welcome.signup-welcome {
    height: auto;
}
.fb-btn-wrap {
    text-align: center;
}
.u_ml {
    width: 60px !important;
    height: 59px;
    border: 0px solid transparent;
    border-bottom: 0;
    z-index: 100;
    border-radius: 0;
    margin-bottom: 0px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    padding: 0;
    left: 0 !important;
    border-top: 0.5px solid #000 !important;
}
.svp-lbl {
    margin-bottom: 0;
    width: 47px;
    height: 47px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 7px;
    background-color: rgba(255, 255, 255, 0.5);
    position: absolute;
    right: 6px;
    top: 6px;
    font-weight: 600;
    font-size: 12px;
    line-height: 1.421;
    z-index: 1;
}
.svp-lbl span.with-brkt {
    display: block;
    font-weight: 600;
    font-size: 12px;
    line-height: 1.421;
}
nav.navbar.navbar-default {
    border-bottom: 1px solid #000;
    background-color: rgba(255, 255, 255, 0.65);
}
.u_ml .uml-lbl a::before {
    content: "Chat";
    font-size: 12px;
    line-height: 10px;
    margin-bottom: 0;
}
.u_ml.g-pop{
    border-right: 1px solid #000;
}
body.mobile .sidebar-group.done-btn {
    bottom: 120px;
}
body.mobile .sidebar.left.ex-dash-left {
    padding-bottom: 185px;
    padding-top: 55px !important;
}
body.mobile .back-top {
    margin-bottom: 70px;
}
.sv_pcs .s-pc:last-child {
    margin-right: 0px !important;
    margin-left: 5px !important;
}
.sv_pcs .s-pc span {
        background-color: transparent;
    border-radius: 0 !important;
}
.sv_pcs > :nth-child(2){
    margin-right: 0px !important;
}
body.mobile .middle-part-tab{
    padding-top: 60px;
}
.o-u-p div#scrollData.scroller.y.psts.scroll-imp {
    padding-top: 0 !important;
}
.middle-part-tab {
    padding-top: 60px;
}
.modal-body.payment-frm.step.step1 .pay-content.info {
    max-height: none !important;
    height: auto !important;
}
.modal-body.payment-frm.step.step3 .pay-content.info{
    max-height: none !important;
    height: auto !important;
}
.modal.instead-of-bselect .modal-dialog {
    height: calc(100% - 8%);
}
.modal.instead-of-bselect .modal-dialog .modal-body {
    height: calc(100% - 40px);
    max-height: none;
    padding: 0 !important;
}
.modal.instead-of-bselect .modal-dialog .modal-body .model-body-list {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    max-height: none;
}
.modal.instead-of-bselect .modal-dialog .modal-content {
    height: 100%;
}
body.mobile .sv_pcs {
    padding: 6px 6px 5px 0px !important;
    border-left: 1px solid #000;
}
.sv_pcs .s-pc:nth-child(8), .sv_pcs .s-pc:nth-child(9), .sv_pcs .s-pc:nth-child(10), .sv_pcs .s-pc:nth-child(11){
    display: none;
}








}


@media (max-width:767px) and (orientation: landscape){
    .stage-layout .stage .stage-left .stage-l-top {
        height: calc(100vh - 14px);
    }
}







@media (max-height:499px){ 
.welcome.index {
    height: auto;
    float: left;
    width: 100%;
}
.home-option {
    height: 100%;
    float: left;
    width: 100%;
}
.home-option .left form.login-form {
    padding: 0 70px;
    margin-top: 170px;
    margin-bottom: 150px !important;
}
.edit_piece .piece-data .pd_bottom-ara{
    position: relative;
}


}








@media (max-width: 480px){


/***********************************/
/*****notification experiment*******/
/***********************************/
.notifications .notificatio-list {
    padding: 0;
    overflow: hidden;
    position: relative;
    height: 100%;
    background-color: #fff;
    min-height: 132px;
}
.notifications .noti-scroll {
    height: auto;
    position: relative;
    max-height: 350px;
}
.navbar-nav .open .dropdown-menu {
    position: fixed !important;
    float: none;
    width: auto !important;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    top: 61px;
    left: 0px !important;
    right: 0px !important;
    z-index: 99999999 !important;
}

/***********************************/
/**notification experiment finish***/
/***********************************/



}



@media (max-width:413px){

.sv_pcs .s-pc:nth-child(7), .sv_pcs .s-pc:nth-child(8), .sv_pcs .s-pc:nth-child(9), .sv_pcs .s-pc:nth-child(10), .sv_pcs .s-pc:nth-child(11){
    display: none;
}

}


@media (max-width:374px){

.sv_pcs .s-pc:nth-child(6), .sv_pcs .s-pc:nth-child(7), .sv_pcs .s-pc:nth-child(8), .sv_pcs .s-pc:nth-child(9), .sv_pcs .s-pc:nth-child(10), .sv_pcs .s-pc:nth-child(11){
    display: none;
}

}








@media (max-width:370px){

.home-footer.new-layout ul li {
    padding: 0 12px;
}
.home-footer.new-layout ul li a{
    font-size: 12px;
}
.home-option {
    height: auto;
    min-height: 100%;
}
.home-option .left form.login-form {
    padding: 0 70px;
    margin-top: 120px;
    margin-bottom: 20px;
}

.notifications {
    position: absolute !important;
    top: 3px;
    right: 40px !important;
    width: 200px !important;
}
.notifications::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 33px;
    right: 75px;
    top: -46px;
    margin: 14px 2px;
}
.middle-part-tab-inner-first label {
    font-size: 10px;
}




}





/*
@media 
and (min-width : 375px) 
and (max-width : 667px) 
and (orientation : landscape) { 


.sv_pcs .s-pc:nth-child(1), .sv_pcs .s-pc:nth-child(2), .sv_pcs .s-pc:nth-child(3),.sv_pcs .s-pc:nth-child(4), .sv_pcs .s-pc:nth-child(5), .sv_pcs .s-pc:nth-child(6), .sv_pcs .s-pc:nth-child(7), .sv_pcs .s-pc:nth-child(8), .sv_pcs .s-pc:nth-child(9), .sv_pcs .s-pc:nth-child(10), .sv_pcs .s-pc:nth-child(11) {
    display: block !important;
}


}
*/