button:hover,button:focus, button:active{outline:none;}
body.mobile .scroller.y{width:100% !important;max-width:100% !important;}
a.account-settings.icon-ttl span.caret{margin-left:5px !important;}
.soc-pop ul{list-style:none;float:left;width:133px;padding:0;margin-bottom:0;}
.soc-pop ul li{display:inline-block;}
.soc-pop ul li:last-child a{margin-right:0;}
.soc-pop ul li a{width:34px;height:34px;float:left;margin-right:15px;}
.soc-pop ul li a img{width:100%;height:100%;}
.webui-popover.in{margin-left:50px;}
.webui-popover > .webui-arrow{left:27px !important;}
.webui-popover{border-radius:15px !important;}
#ex-ful-w .artist-h-d .h-top a{width:26px;height:26px;position:relative;overflow:hidden;}
#ex-ful-w .artist-h-d .h-top a.lk-fst{float:left;}
#ex-ful-w .artist-h-d .h-top a.lk-fst img{width:100%;height:100%;object-fit:cover;}
#ex-ful-w .artist-h-d .h-top a.sv-snd{float:right;}
#ex-ful-w .artist-h-d .h-top a.sv-snd img{width:26px;height:auto;top:0;position:absolute;}
a.sv-snd img{object-position:top !important;}
a.sv-snd img.saved-image{top:auto;bottom:0;}
.art-profile.art-ex article .artist-h-d .h-bottom .h-bot-inner li a span{display:block;font-weight:normal;color:#fff;font-family:'Lato';}
.back-btn-pop{position:relative;right:15px;text-align:right;margin-top:5px;}
.back-btn-pop a{color:#000;font-size:14px;}
.close.succ-close{top:-4px;right:17px;font-size:22px;}
#mail-popup .modal-dialog .modal-body .mCSB_outside{width:100%;}
.cometchat_tabtitle_header{display:none;}
.payment-frm .radio input[type="radio"]{position:absolute;opacity:0;left:0;right:0;top:0;bottom:0;margin:0;z-index:9;height:100%;width:100%;}
.payment-frm .radio label{padding-left:0px;right:0;width:100%;position:relative;float:left;}
.payment-frm .radio label::before{content:'';height:11px;width:11px;background:url(../images/radio-sprite.jpg);background-size:cover;display:inline-block;position:absolute;left:-25px;top:3px;}
.payment-frm .radio input[type="radio"] + label::before{background-position:-11px 0px;}
.payment-frm .radio input[type="radio"]:checked + label::before{background-position:0px 0px;}
.payment-frm .paypal-img{float:left;}
.form-check.radio{padding:20px 0px 15px 0px;float:left;width:100%;margin:0;padding-left:40px;border-top:1px solid #f2f2f2;}
.form-check.radio:first-child{border-top:0;}
#bio-setting .modal-dialog .modal-content .modal-body .model-body-container .pro-so-list .pro-list-inner{width:100%;float:left;overflow:hidden;}
.sidebar.right .sidebar-group ul.collapse li a span{color:#999;}
body.o-u-p #right_menu{display:none;}
body.o-u-p .sidebar.right.f-f-r-side{display:none;}
.modal-body-list-inner{overflow-y:auto;width:calc(100% + 17px);height:100%;}
.welcome-options .right{width:50%;float:right;height:100%;display:flex;align-items:center;}
.welcome-options .left{width:50%;float:left;height:100%;}
.welcome-options .right ul.nav{width:100%;float:left;border:0;}
.welcome-options .right ul.nav li{width:100%;position:relative;}
.welcome-options .right ul.nav li a{border:0 !important;border-radius:0;font-size:39px;font-family:'Raleway', sans-serif;padding:0 40px;height:88px;color:#000;line-height:88px;font-weight:500;}
.welcome-options .right ul.nav li.active a, .welcome-options .right ul.nav li.active:hover a{background-color:#df413e;color:#fff;font-weight:500;}
.welcome-options .right ul.nav li:hover a{font-weight:600;background-color:transparent;}
.welcome-options .right ul.nav li a.sign-up{position:absolute;height:42px;font-size:15px;right:45px;top:24px;line-height:42px;background-color:#fff !important;color:#000 !important;border-radius:15px;padding:0 14px;box-shadow:inset 0px 0px 0px 1px #000 !important;z-index:1 !important;cursor:pointer;}
.welcome-options .right ul.nav li.active a.sign-up{box-shadow:none !important;}
.welcome-options .right ul.nav li:hover .sign-up{box-shadow:inset 0px 0px 0px 2px #000 !important;}
.welcome-options .left{width:50%;float:right;height:100%;display:flex;align-items:center;}
.welcome-options .left .tab-content{width:100%;}
.welcome-options .left .tab-content ul.goto{width:auto;f}
.welcome-options .left .tab-content .tab-pane.active{display:flex;margin:0 auto;justify-content:center;}
.welcome-options .left .tab-content ul.goto li{padding:10px 0;list-style:none;position:relative;}
.welcome-options .left .tab-content ul.goto li::before{width:10px;height:10px;background-image:url(../images/ui/disc.png);content:'';position:absolute;left:-30px;top:20px;}
.welcome-options .left .tab-content ul.goto li a{font-size:22px;font-weight:normal;color:#000;font-family:'Raleway', sans-serif;}
.navbar-toggle{background-color:transparent !important;border:transparent;}
.navbar-inverse .navbar-toggle .icon-bar{background-color:#000000;width:20px;}
.welcome-options .right ul.nav li form{width:100%;float:left;}
a#art_lnk, a#exp_lnk{width:100%;float:left;}
.sidebar.left.ex-dash-left #sidebar1{float:left;overflow:hidden;max-height:100%;height:100%;}
.accordion-filters #filterSearch {
    float: left;
    overflow-y: scroll;
    height: 100%;
    width: calc(100% + 17px);
    position: relative;
    padding-bottom: 30px;
}
body.mobile .accordion-filters #filterSearch{width:100%;}
.accordion-filters{overflow:hidden;margin-top:25px;}
.o-u-p .u-date{font-size:10px;}
.o-u-p .ex-sub-cmt-bot2 label{font-size:12px;font-weight:lighter;color:#000;}
.o-u-p .panel-body.ex-sub-cmt-wrp .form-group .form-control{border:0;box-shadow:none;padding-left:0px;}
.p-m-pop{transform:scale(0);opacity:0;-webkit-transition:all .25s linear;-o-transition:all .25s linear;transition:all .05s linear;}
.p-m-pop.in{opacity:1;transform:scale(1);}
.cmt-ttl span.current, .cmt-ttl span.total{margin:0;padding:0 5px;}
.cmt-ttl span.current + span{margin:0;}
.show-opt-btn{height:20px;width:20px;margin-top:5px;transform:rotate(90deg);}
.show-opt-btn span.img-wrapper{width:20px;height:5px;margin:0 auto;display:block;overflow:hidden;position:relative;}
.show-opt-btn span.img-wrapper img{height:auto;width:20px;top:-6px;margin:0;left:0;border:0;}
.show-opt-btn.open span.img-wrapper img{height:auto;width:20px;top:0px;margin:0;left:0;border:0;}
.sketch-edit-modal .modal-body{background-color:#f5f5f5 !important;height:calc(100% - 102px);display:flex;align-items:center;}
.sketch-edit-modal .modal-body .model-body-list{max-width:300px;text-align:center;margin:0 auto;width:300px;border-radius:15px;}
.sketch-edit-modal .modal-body .model-body-list > div{margin:0;}
.sketch-edit-modal .modal-body .model-body-list > div label.lb-ttl{margin:0;line-height:50px;box-shadow:0px 2px 0px 0px #f5f5f5;width:100%;}
.sketch-edit-modal .modal-body .model-body-list > div:last-child label.lb-ttl{box-shadow:none;}
.profile-user.no-dp img{display:none;}
.profile-user.no-dp, .no-dp{display:flex;justify-content:center;align-items:center;margin:0 auto !important;float:none !important;}
.profile-user.no-dp span.name-initials{height:100%;width:100%;position:relative;display:flex;background-color:#e9e9e9;border:1px solid #fff;border-radius:50%;align-items:center;text-transform:uppercase;justify-content:center;font-family:'lato';color:#000;font-size:13px;font-weight:lighter;}
.pst_hdr_img .pst_hdr_a span.name-initials{height:100%;width:100%;position:relative;display:flex;background-color:#e9e9e9;border:2px solid #fff;border-radius:50%;align-items:center;text-transform:uppercase;justify-content:center;font-family:'lato';color:#000;font-size:13px;font-weight:lighter;}
.ex-hdr.d_d_on, .ex-ftr.d_d_on{display:none;}
.disable-cmt-notice{display:block;text-align:center;font-size:12px;font-weight:normal;font-family:'Lato';background-color:#eee;padding:5px;border-radius:15px;max-width:350px;margin:10px auto;width:100%;}
#cometchat #cometchat_chatboxes_wide{float:left;}
#cometchat_tooltip{display:none !important;}
body.mobile .artist-h-d{display:none;}
.pst.ahd-open .artist-h-d{display:block;opacity:1 !important;top:0 !important;}
a.fa.bar-icon .icon-bar{
    width: 15px;
    height: 1px;
    background-color: #000;
    float: left;
    display: block;
    clear: both;
    margin-bottom: 4px;
}
a.fa.bar-icon .icon-bar:last-child{margin-bottom:0;}
.top-bar-usr li{float:right;width:auto;right:0;margin:0;}
.o-u-p .top-bar-usr{right:0;margin:0;}
.o-u-p .top-bar-usr li{margin-right:0px;}
.ex-dash .top-bar-usr li{margin-right:15px;right:30px;}
#ex-ful-w .top-bar-usr li{margin-right:0;}
.top-bar-usr.art-tbu li{margin-right:15px;right:30px;}
.modal.in{display:-webkit-box !important;display:-webkit-flex !important;display:-moz-box !important;display:-ms-flexbox !important;display:flex !important;-webkit-box-align:center !important;-webkit-align-items:center !important;-moz-box-align:center !important;-ms-flex-align:center !important;align-items:center !important;-webkit-box-pack:center !important;-webkit-justify-content:center !important;-moz-box-pack:center !important;-ms-flex-pack:center !important;justify-content:center !important;}
.ex-sub-cmt-top .name-initials{position:absolute;height:13px !important;width:13px !important;border-radius:50%;left:-25px !important;top:7px;font-size:6px;display:flex;align-items:center;justify-content:center;box-shadow:0px 0px 0px 0.5px #000;text-transform:capitalize;}
a.t-n-i:hover, a.t-n-i:focus{background-color:transparent !important;outline:none;}
select:focus, select:hover{outline:none;}
.btn-edit-wrap{display:none;}
.modal-open{-webkit-overflow-scroll:touch;}
.f-f-l-det-inner .dropdown-backdrop{z-index:0;}
.f-f-l-det-inner .downer{display:none;}
.f-f-l-det-inner .upper{display:block;}
.modal.fade{-webkit-transition:none !important;-moz-transition:none !important;-ms-transition:none !important;-o-transition:none !important;transition:none !important;}
.pst_media_hdr .trans-olay-wrapper{display:none;position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;}
.pst_media_hdr .trans-olay{position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;z-index:2;}
.pst_media_hdr .trans-olay-bottom{position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;z-index:1;}
body.mobile .pst_media_hdr .trans-olay-wrapper{display:block;}
.trans-olay-wrapper.t-o-hide{display:none !important;}
.trans-olay.t-o-hide{display:none;}
body.mobile .pst_media.is_tapped .dropdown.art-pro-hover{top:0 !important;}
.sidebar-group.done-btn button:focus{box-shadow:none !important;outline:none;}
div#all_data{padding-bottom:90px;}
.cmt-box-left span.name-initials{height:23px;width:23px;position:relative;display:flex;background-color:#e9e9e9;border:1px solid #000;border-radius:50%;align-items:center;text-transform:uppercase;justify-content:center;font-family:'lato';color:#000;font-size:13px;font-weight:lighter;box-shadow:0px 0px 0px 1px #fff;float:left;}
#piece-modal-price .model-body-list.piece-group{background-color:transparent;}
.enter-piece-price span.input-group-addon{background-color:rgba(255, 255, 255, 0.61);border:0;border-radius:0;padding-left:15px;padding-right:15px;border-right:1px solid #b0b0b0;font-family:'LatoLight';font-weight:normal;font-size:13px;}
#piece-modal-price .modal-body .input-group .form-control{background-color:rgba(255, 255, 255, 0.61);border:0;border-radius:0;box-shadow:none;font-family:'Lato';font-size:12px;font-weight:normal;}
.displayData.add_card_open .ex-hdr, .displayData.add_card_open .ex-ftr{display:none;}
.pop-eye-open .modal-header{top:0px !important;opacity:0.7 !important;display:block !important;}
.pop-eye-open .modal-footer{bottom:0px !important;opacity:0.7 !important;display:block !important;}
.chat-screen.dsktp-view{display:block;color:#000;}
.chat-screen.mbl-view{display:none;color:#000;}
#user-profile-detail .model-body-container a.profile-user.no-dp{width:55px;height:55px;margin-bottom:15px !important;}
#user-profile-detail .model-body-container a.profile-user.no-dp span{border:1px solid #fff;font-size:18px;box-shadow:0px 0px 0px 1px #000;}
.btn.btn-login {
    padding: 0;
    line-height: 38px;
    font-size: 12px;
    font-family: 'Lato' !important;
    font-weight: normal;
    padding: 0 10px;
    background-color: #fff;
    border: 0px;
    border-radius: 20px;
    position: absolute;
    right: -55px;
    top: 0px;
    outline: none;
    box-shadow: inset 0px 0px 0px 2px #000;
}
.btn.btn-login:hover {box-shadow:inset 0px 0px 0px 2px #000;}
.btn.btn-login.btn-signup {right: -70px;}
.btn.btn-login.btn-signup:hover {
    background-color: #000;
    color: #fff;
}
#piece-modal-2 .modal-body {padding: 25% 21%;}
.f-f-l-side-img {border: 1px solid #fff;box-shadow: 0px 0px 0px 1px #000;}
#friends-list .fltr-chbx-wrp a.frd-list .name-initials {border: 1px solid #fff;box-shadow: 0px 0px 0px 1px #000;border-radius: 0;}
#friends-list .fltr-chbx-wrp a.frd-list:hover .name-initials {
    border: 3px solid #fff;
    box-shadow: 0px 0px 0px 1.5px #000;
}
@media (min-width:1367px){body .modal.p-m-pop .modal-dialog{margin:auto 32% !important;width:36%;max-width:36%;}
body .modal .modal-dialog {
    margin: auto 32% !important;
    width: 36% !important;
    max-width: 36% !important;
    left: 0;
}
body .modal#paymentModal .modal-dialog{
    margin: auto 20% !important;
    width: 60% !important;
    max-width: 60% !important;
    left: 0;
}


}
@media (max-width:1024px){body.mobile .saved-img-pop .wrap-inner, .saved-img-pop .wrap-inner{padding:0;height:355px;overflow:hidden;}
body.mobile #saved-img .modal-dialog, #saved-img .modal-dialog{max-width:620px;}
#privacy-setting .switch{margin-top:0px;}
#privacy-setting .pro-set-con-email{padding-top:18px;}
body.mobile .navbar.nav-content{position:fixed;}
.f-f-l-det-inner .downer{display:block;}
.f-f-l-det-inner .upper{display:none;}
#searchModal.modal.in{display:block !important;}
.chat-screen.dsktp-view{display:none;}
.chat-screen.mbl-view{display:block;}
}
@media (max-width:991px){body.home{height:auto !important;overflow:auto;}
.his-pro-detail:nth-child(3n+3)::after{content:none;}
.his-pro-detail:after{right:21px !important;}
.top-bar-usr.art-tbu li{margin-right:15px;right:0px;}
.ex-dash .top-bar-usr li{margin-right:15px;right:0px;}
}
@media (max-width:767px){body.mobile .saved-img-pop .wrap-inner{padding:0;height:300px;overflow:hidden;}
.saved-img-pop .wrap-inner article.pst {
    width: 48%;
    margin: 1%;
}
.saved-img-pop .scroller.y {
    padding: 1% !important;
    padding-top: 0px !important;
    padding-right: 1% !important;
}
.middle-part-tab-inner-right {
    text-align: left;
    width: 100%;
}
.middle-part-tab-inner-right label{line-height:20px;}
.welcome-options{padding-left:70px;}
.welcome-options .right{width:100%;height:auto;margin-top:120px;text-align:left;}
.welcome-options .left{width:100%;height:auto;margin-top:60px;text-align:left;}
.welcome-options .right ul.nav li{text-align:left;}
.welcome-options .left .tab-content .tab-pane.active{justify-content:left;}
.welcome-options .left .tab-content ul.goto li a{font-size:18px;}
.welcome-options .left .tab-content ul.goto li{padding:7px 0;}
.welcome-options .left .tab-content ul.goto li::before{left:-30px;top:15px;}
.welcome-options .right ul.nav li a{font-size:28px;line-height:60px;height:60px;}
.welcome-options .right ul.nav li a.sign-up{height:34px;line-height:34px;top:13px;border-radius:12px;padding:0 10px;}
form#signup .form-group{margin-bottom:15px;}
form#signup{position:relative;margin-top:100px;}
form#signup .floating.error{padding-left:0;}
form#login{margin-bottom:10px;padding-right:10px;}
.middle-part-tab-inner-right{line-height:1.9;}
body .modal.p-m-pop .modal-dialog{margin:auto 15px !important;width:80%;max-width:80%;}
body .modal .modal-dialog{margin:auto 10% !important;width:80% !important;max-width:80% !important;}
.ex-dash .top-bar-usr li{margin-right:0px;}
.o-u-p .top-bar-usr li{margin-right:15px;}
.top-bar-usr.art-tbu li{margin-right:0px;}
.other-n-side .sidebar-group.frd-btn{padding-left:15px !important;}
#sidebar2.other-n-side .panel.panel-default.frd-list-des .panel-body{padding:0px 0px 0px 15px;}
.other-n-side .sidebar-group.rs-btn{padding:5px 0px 16px 15px !important;}
#sidebar3.other-n-side .reset-btn{padding:10px 0px 0px 15px !important;}
#sidebar3.other-n-side span{padding-left:15px !important;}
#sidebar3.other-n-side .sidebar-group.rs-btn{padding:5px 0px 10px 15px !important;}
.h-top{padding:5px 5px 0px 5px;}
.h-bottom{padding-bottom:5px;}
.artist-h-d .m-p{height:calc(100% - 80px);top:38px;}
.m-p-inner label{margin-bottom:0;font-size:12px !important;line-height:1.421 !important;height:auto;}
.main.site-content.artist.art-profile.art-ex .container-fluid article .artist-h-d .h-bottom ul.h-bot-inner li{width:33.33%;padding-left:15px;}
ul.h-bot-inner li a{font-size:10px !important;}
ul.h-bot-inner li.h-b-txt{display:none;}
#ex-ful-w label.m-p-subttl, .main.site-content.artist.art-profile.art-ex label.atist-name{font-size:13px;}
.webui-popover.in{margin-left:0px;}
.set-list-wrap label:not(.e-ttl){height:auto;}
#searchModal .modal-dialog{left:0;}
}
@media (max-width:559px){body .modal .modal-dialog{margin:10px 4% !important;width:92% !important;max-width:92% !important;}
.f-f-m-side .middle-part-tab{}
.ex-pic-con-mid .ex-pic-left-lr{margin-bottom:0;}
span.ex-pic-left-l{font-size:10px;}
span.ex-pic-left-r{font-size:10px;}
.p-m-pop .modal-content{height:260px !important;min-height:auto !important;}
#piece-modal-2 .modal-dialog{max-height:370px;overflow:scroll;}
#piece-modal-2 .modal-body.model-bg-color{padding:5% 5%;}
#piece-modal-2 .modal-dialog .modal-header{display:none;}
#detail-pop .modal-dialog{margin-top:5% !important;}
#detail-pop .modal-dialog .modal-body{max-height:300px;padding-top:10px;}
#detail-pop .model-bodey-inner{max-height:300px;}
#cmt-modal{padding-top:0 !important;}
#cmt-modal .modal-dialog{}
#cmt-modal .modal-content.cmt-content .modal-body{height:300px;}
.modal-content.cmt-content .modal-body .model-body-container{max-height:300px;}
.sketche-modal{padding-left:30px !important;padding-top:0 !important;}
body .sketche-modal .modal-dialog{}
.sketche-modal .modal-content.sketches-body-inner{height:375px !important;}
.modal .cmt-box-footer{top:43%;}
.modal-content.pro-setting-inner{height:380px;}
.p-m-pop-bottom{transform:translate(-50%, 175px);}
#piece-modal-sketch-image .modal-body.model-bg-color{padding:15px;}
#piece-modal-sketch-image .modal-body.model-bg-color .model-body-list.piece-group{padding:20px;}
#piece-modal-sketch-image p.intro-part{max-height:70px;overflow:hidden;height:100%;overflow-y:auto;}
}
@media (max-width:430px){.his-pro-detail:after{right:5px !important;}
}
@media (max-width:376px){.his-pro-detail:after{right:0px !important;}
}
@media (max-width:325px){.his-pro-detail:after{right:-8px !important;}
}
@media (min-width:991px){.his-pro-detail:nth-child(4n+4)::after{content:none;}
.his-pro-detail:after{right:5px;}
}