/* DARC TEMPLEATS */ .dark span.loader{background:rgb(45 53 70 / 95%)}body.dark{background:#161b23} .dark input[type="date"], .dark input[type="search"],.dark input[type="text"],.dark input[type="url"],.dark input[type="number"],.dark input[type="password"],.dark input[type="email"],.dark input[type="file"],.dark select,.dark textarea{border:1px solid rgb(45 53 70);background:#1c2331;color:#fff} .fcopyr { margin-bottom: 15px; } .dark #sidebar .box .title svg {fill: #38ca07;} .dark input::-webkit-input-placeholder{color:#99a2ad!important}.dark .quick-search{background:#1c2331}.dark .title{color:#99a2ad;border-bottom:1px solid #2d3546}.dark #content .title,.dark #sidebar .box .title,.dark .pheading{color:#99a2ad;background:#2d3546;border-bottom:1px solid #2d3546} .dark .custom-select-trigger{background:#2d3546;color:#99a2ad;border:solid 1px #1c2331!important}.dark .custom-select.opened .custom-select-trigger{background-color:#2d3546;color:#38ca07;border-bottom:0!important}.dark .custom-select .custom-options{background-color:#2d3546;border:solid 1px #161c27;color:#38ca07}.dark .custom-select .custom-options .custom-option{color:#fff}.dark .custom-select .custom-options .custom-option:hover{background:#262e3e;color:#38ca07}.dark .box{background:#1c2331}.dark .new-player{background:0 0}.dark .pop-title-song{color:#99a2ad}.dark .fill-bar-glob{background:#2d3546}.dark #menu ul li ul li:hover a,.dark #menu ul li.active a,.dark a.menu-dow:hover{color:#fff!important}.dark #menu ul li a:hover{color:#f7f7f7}.dark .pl-rington .start-play-btn{border:1px solid #2d3546;background:#2d3546}.dark .artist-if:before{background:linear-gradient(to right,rgb(28 35 49) 0,rgba(0,4,17,0) 100%)}.dark .artist-if:after{background:linear-gradient(to left,rgb(28 35 49) 0,rgba(0,4,17,0) 100%)}.dark #artists .item .item-in{background:#161c27}.dark .video-short{border:1px solid #1c2331;background:#2d3546}.dark ul.pl-menu,.dark ul.pl-menu li:first-child:after{background:#2d3546}.dark ul.pl-menu li a{color:#929ba6}.dark ul.pl-menu li:hover a{color:#38ca07}.dark .ul-reset li ul li a{background:#1a212f}.dark .ul-reset li ul li:hover a{background:#161c27!important}.dark .content-conv::-webkit-scrollbar-thumb,.dark .custom-select .custom-options::-webkit-scrollbar-thumb,.dark ul.ul-reset li ul::-webkit-scrollbar-thumb{background:#161c27}.dark .content-conv::-webkit-scrollbar-track,.dark .custom-select .custom-options::-webkit-scrollbar-track,.dark ul.ul-reset li ul::-webkit-scrollbar-track{background:#424b5f}.dark .article.box{background:#161c27}.dark .blok_speedbar{color:#909090;background:#1c2331}.dark .navigationbl{background:#1c2331}.dark .navigation div span,.dark .navigation span{color:#919ba6;background:#2d3546;border:1px solid #1c2331}.dark .navigation a,.navigation a:active{border:1px solid #2d3546}.dark #artists .item .item-in .item-title a{color:#99a2ad}.dark #artists .item .item-in figure .btn{background:#38ca07}.dark #artists figure .btn:after{content:'';position:absolute;width:32px!important;height:32px!important;background-position-y:0!important;background-position-x:0!important;background:url('data:image/svg+xml;charset=utf-8,<%2Fsvg>') left top no-repeat!important;background-position:center!important;background-size:20px!important}.dark .box.butpanel .btn-blue{border:solid 1px #2d3546}.dark .push i{border:solid 1px #2d3546}.dark .ul-reset li a svg,.dark a.menu-dow svg,.dark a.profile-bt svg,.dark #sidebar .box .centering .title svg{fill:#595e68}a.right.ignore-select{height:20px}.dark .pop-like{background-color:#2d3546}.dark .right svg{fill:#595e68}.dark .playerfix-main{background-color:#161c27} .dark .playerfix-main.open{background-color:#161c27} .dark .plfix-play{background:url('data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22none%22%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M17.74%209.97c.88.5%201.31.76%201.52%201.04.43.59.43%201.38%200%201.97-.2.28-.64.53-1.52%201.04l-7.23%204.17c-.87.5-1.3.76-1.66.8-.72.07-1.4-.32-1.7-.98-.14-.33-.14-.83-.14-1.84V7.82c0-1%200-1.51.14-1.83.3-.67.98-1.06%201.7-.99.35.04.8.3%201.66.8z%22%20fill%3D%22%2399a2ad%22%2F%3E%3C%2Fsvg%3E') no-repeat!important;background-position:center!important;background-size:25px!important}.dark .plfix-next{background:url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%2399a2ad%22%20d%3D%22M3%2C7%20L13%2C14%20L3%2C21%20L3%2C7%20Z%20M23%2C7%20L25%2C7%20L25%2C21%20L23%2C21%20L23%2C7%20Z%20M13%2C7%20L23%2C14%20L13%2C21%20L13%2C7%20Z%22%2F%3E%3Crect%20width%3D%2228%22%20height%3D%2228%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat!important;background-position:center!important;background-size:25px!important}.dark .plfix-prev{background:url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20width%3D%2228%22%20height%3D%2228%22%2F%3E%3Cpath%20fill%3D%22%2399a2ad%22%20d%3D%22M3%2C7%20L13%2C14%20L3%2C21%20L3%2C7%20Z%20M23%2C7%20L25%2C7%20L25%2C21%20L23%2C21%20L23%2C7%20Z%20M13%2C7%20L23%2C14%20L13%2C21%20L13%2C7%20Z%22%20transform%3D%22matrix(-1%200%200%201%2028%200)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat!important;background-position:center!important;background-size:25px!important}.dark .plfix-pause{background:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%20%20%20%20%3Cpath%20d%3D%22M%208%205%20C%206.895%205%206%205.895%206%207%20L%206%2017%20C%206%2018.105%206.895%2019%208%2019%20C%209.105%2019%2010%2018.105%2010%2017%20L%2010%207%20C%2010%205.895%209.105%205%208%205%20z%20M%2016%205%20C%2014.895%205%2014%205.895%2014%207%20L%2014%2017%20C%2014%2018.105%2014.895%2019%2016%2019%20C%2017.105%2019%2018%2018.105%2018%2017%20L%2018%207%20C%2018%205.895%2017.105%205%2016%205%20z%22%20fill%3D%22%2399a2ad%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E) no-repeat!important;background-position:center!important;background-size:25px!important}.dark .plfix-repet{background:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20width%3D%2228%22%20height%3D%2228%22%2F%3E%3Cpath%20fill%3D%22%2399a2ad%22%20fill-rule%3D%22nonzero%22%20d%3D%22M9%2C21%20L9%2C23%20L5%2C20%20L9%2C17%20L9%2C19%20L17%2C19%20C19.5%2C19%2021%2C16.5%2021%2C14%20L23%2C14%20C23%2C17.731221%2020.7350416%2C21%2017%2C21%20L9%2C21%20Z%20M19%2C8%20L19%2C6%20L23%2C9%20L19%2C12%20L19%2C10%20L12%2C10%20C9.09373756%2C10%207%2C12.0968545%207%2C15%20L5%2C15%20C5%2C10.7636809%208.26495843%2C8%2012%2C8%20L19%2C8%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E) no-repeat!important;background-position:center!important;background-size:25px!important}.dark .plfix-sound{background:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20width%3D%2228%22%20height%3D%2228%22%2F%3E%3Cpath%20fill%3D%22%2338ca07%22%20fill-rule%3D%22nonzero%22%20d%3D%22M9%2C21%20L9%2C23%20L5%2C20%20L9%2C17%20L9%2C19%20L17%2C19%20C19.5%2C19%2021%2C16.5%2021%2C14%20L23%2C14%20C23%2C17.731221%2020.7350416%2C21%2017%2C21%20L9%2C21%20Z%20M19%2C8%20L19%2C6%20L23%2C9%20L19%2C12%20L19%2C10%20L12%2C10%20C9.09373756%2C10%207%2C12.0968545%207%2C15%20L5%2C15%20C5%2C10.7636809%208.26495843%2C8%2012%2C8%20L19%2C8%20Z%20M13%2C12%20L14%2C12%20L15%2C12%20L15%2C17%20L13%2C17%20L13%2C14%20L12%2C14%20L13%2C12%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E) no-repeat!important;background-position:center!important;background-size:25px!important}.dark .plfix-shuffle{background:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Crect%20width%3D%2228%22%20height%3D%2228%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%2399a2ad%22%20fill-rule%3D%22nonzero%22%20d%3D%22M20%2C18%20L20%2C16%20L24%2C19%20L20%2C22%20L20%2C20%20C17.6723243%2C20%2016.3155219%2C19.4732271%2014.8695595%2C17.740743%20L16.0564387%2C16.021958%20C17.2192129%2C17.3955176%2018.35074%2C18%2020%2C18%20Z%20M20%2C8%20L20%2C6%20L24%2C9%20L20%2C12%20L20%2C10%20C17.4363281%2C10%2016.123642%2C11.4605967%2014%2C15%20C11.623642%2C18.9605967%2010.2696614%2C20%207%2C20%20L4%2C20%20L4%2C18%20L7%2C18%20C9.5636719%2C18%2010.876358%2C16.5394033%2013%2C13%20C15.376358%2C9.03940329%2016.7303386%2C8%2020%2C8%20Z%20M12.271068%2C10.4311793%20L11.0038834%2C12.049953%20C9.81974656%2C10.6255585%208.67776541%2C10%207%2C10%20L4%2C10%20L4%2C8%20L7%2C8%20C9.40296584%2C8%2010.7712356%2C8.56140168%2012.271068%2C10.4311793%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E) no-repeat!important;background-position:center!important;background-size:25px!important}.dark .plfix-but.plfix-shuffle.active{background:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Crect%20width%3D%2228%22%20height%3D%2228%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%2338ca07%22%20fill-rule%3D%22nonzero%22%20d%3D%22M20%2C18%20L20%2C16%20L24%2C19%20L20%2C22%20L20%2C20%20C17.6723243%2C20%2016.3155219%2C19.4732271%2014.8695595%2C17.740743%20L16.0564387%2C16.021958%20C17.2192129%2C17.3955176%2018.35074%2C18%2020%2C18%20Z%20M20%2C8%20L20%2C6%20L24%2C9%20L20%2C12%20L20%2C10%20C17.4363281%2C10%2016.123642%2C11.4605967%2014%2C15%20C11.623642%2C18.9605967%2010.2696614%2C20%207%2C20%20L4%2C20%20L4%2C18%20L7%2C18%20C9.5636719%2C18%2010.876358%2C16.5394033%2013%2C13%20C15.376358%2C9.03940329%2016.7303386%2C8%2020%2C8%20Z%20M12.271068%2C10.4311793%20L11.0038834%2C12.049953%20C9.81974656%2C10.6255585%208.67776541%2C10%207%2C10%20L4%2C10%20L4%2C8%20L7%2C8%20C9.40296584%2C8%2010.7712356%2C8.56140168%2012.271068%2C10.4311793%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E) no-repeat!important;background-position:center!important;background-size:25px!important}.dark .plfix-volicon{background:url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2284%22%20viewBox%3D%220%200%2028%2084%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Crect%20width%3D%2228%22%20height%3D%2228%22%2F%3E%0A%20%20%20%20%3Crect%20width%3D%2224%22%20height%3D%2224%22%20x%3D%222%22%20y%3D%222%22%20opacity%3D%22.2%22%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%2399a2ad%22%20points%3D%223%2017%207.057%2017%2015%2022%2015%206%207.028%2011%203%2011%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%2399a2ad%22%20fill-rule%3D%22nonzero%22%20d%3D%22M19.3161896%2C4.3676207%20C19.6740854%2C4.56556808%2020.0197782%2C4.78288244%2020.351854%2C5.01814981%20C23.1642896%2C7.01068989%2025%2C10.2909684%2025%2C14%20C25%2C17.7543646%2023.119142%2C21.0694314%2020.2482943%2C23.054332%20C19.9480793%2C23.2619002%2019.6370382%2C23.4549223%2019.3161896%2C23.6323793%20L18.4208576%2C21.8417153%20C18.6566445%2C21.7083928%2018.8868635%2C21.5641365%2019.1108853%2C21.4092481%20C21.5292145%2C19.7372183%2023%2C16.9942772%2023%2C14%20C23%2C11.0422606%2021.5652403%2C8.32887413%2019.1956655%2C6.65008977%20C18.9450987%2C6.47256951%2018.686531%2C6.3084824%2018.420867%2C6.158266%20L19.3161896%2C4.3676207%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%2399a2ad%22%20fill-rule%3D%22nonzero%22%20d%3D%22M17.5246106%2C7.95077877%20C19.6033359%2C9.16457561%2021%2C11.4191836%2021%2C14%20C21%2C16.5808164%2019.6033359%2C18.8354244%2017.5246106%2C20.0492212%20L16.6274168%2C18.2548335%20C18.0513732%2C17.3736508%2019%2C15.7976072%2019%2C14%20C19%2C12.2023928%2018.0513732%2C10.6263492%2016.6274168%2C9.74516647%20L17.5246106%2C7.95077877%20Z%22%2F%3E%0A%20%20%20%20%3Cg%20transform%3D%22translate(0%2028)%22%3E%0A%20%20%20%20%20%20%3Crect%20width%3D%2228%22%20height%3D%2228%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20width%3D%2224%22%20height%3D%2224%22%20x%3D%222%22%20y%3D%222%22%20opacity%3D%22.2%22%2F%3E%0A%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2399a2ad%22%20points%3D%223%2017%207.057%2017%2015%2022%2015%206%207.028%2011%203%2011%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20fill%3D%22%2399a2ad%22%20fill-rule%3D%22nonzero%22%20d%3D%22M17.5246106%2C7.95077877%20C19.6033359%2C9.16457561%2021%2C11.4191836%2021%2C14%20C21%2C16.5808164%2019.6033359%2C18.8354244%2017.5246106%2C20.0492212%20L16.6274168%2C18.2548335%20C18.0513732%2C17.3736508%2019%2C15.7976072%2019%2C14%20C19%2C12.2023928%2018.0513732%2C10.6263492%2016.6274168%2C9.74516647%20L17.5246106%2C7.95077877%20Z%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cg%20transform%3D%22translate(0%2056)%22%3E%0A%20%20%20%20%20%20%3Crect%20width%3D%2228%22%20height%3D%2228%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20width%3D%2224%22%20height%3D%2224%22%20x%3D%222%22%20y%3D%222%22%20opacity%3D%22.2%22%2F%3E%0A%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2399a2ad%22%20points%3D%223%2017%207.057%2017%2015%2022%2015%206%207.028%2011%203%2011%22%2F%3E%0A%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23dd2113%22%20points%3D%2221%2015.414%2023.828%2018.243%2025.243%2016.828%2022.414%2014%2025.243%2011.172%2023.828%209.757%2021%2012.586%2018.172%209.757%2016.757%2011.172%2019.586%2014%2016.757%2016.828%2018.172%2018.243%2021%2015.414%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E') no-repeat!important;background-size:20px!important}.dark .plfix-vol05{background-position-y:-20px!important}.dark .plfix-mute{background-position-y:-40px!important}.dark .plfix-but{opacity:1}.dark #plfix-url:before{background:linear-gradient(to right,rgb(22 28 39) 0,rgba(0,4,17,0) 100%)}.dark #plfix-url:after{background:linear-gradient(to left,rgb(22 28 39) 0,rgba(0,4,17,0) 100%)} .dark .open #plfix-title {color: #a8b1bc;} .dark #plfix-title,.dark #plfix-url{color:#38ca07}.dark.f-over .overlay{background:rgb(232 234 248 / 20%)}.open .fixpl-pbar:hover .durbar{transform:scale(0)}.np .navigation div a{padding:0 10px}.dark .modal{background:#293143}.dark .modal .title{color:#fff}.dark .cont_input{background: #1c2331;border:1px solid #1c2331}.dark .cont_input span{color:#e2e2e2}.dark .fut{background:#151a27}.dark .modal-overlay.active{background:rgb(93 94 103 / 62%)}.dark .unit-rating li a:hover,.dark .unit-rating li.current-rating{background-color:#1c2331}.dark .wrap{border-bottom:#161b26 solid 1px}.dark ul.minfo li{border-bottom:dashed 1px #161c27;color:#99a2ad}.dark ul.tabs li div a{color:#99a2ad}.dark .tabs{border-bottom:solid 1px #161c27}.dark .title-panel svg{fill:#38ca07}.dark .ufive_uptop,.dark .ufive_uptop:hover{background-color:rgb(22 28 39)}@media screen and (max-width:980px){.dark #header{background:#161c27}.dark #menu .ul-reset{background:#1a202d}.dark #menu ul li ul li:hover a,.dark #menu ul li.active a,.dark a.menu-dow:hover{color:#00cb00!important}body.dark{background:#161b23}}@media (max-width:640px){.butpanel .soc-btns{margin-top:15px}.box.butpanel .btn-blue{max-width:inherit!important}.butpanel .video-full-bt-block{justify-content:center!important}.ufive_uptop{right:20px!important}}@media (max-width:470px){#dle-content .video-item{position:relative;overflow:hidden;padding-bottom:0;max-width:50%!important;min-width:40%;float:left}}.butpanel .video-full-bt-block{flex-wrap:wrap;padding:10px!important;padding-bottom:0!important;justify-content:normal;display:flex;align-items:center}.butpanel .soc-btns{border:none;height:auto}.box.butpanel .btn-blue{max-width:max-content}.box.butpanel .push i{height:35px;width:35px}.box.butpanel .btn-blue{max-width:max-content;box-shadow:none;border:solid 1px #f7f7f7;background:0 0!important;color:#38ca07;height:35px}.box.butpanel .push{height:35px}.box.butpanel .btn:hover span,.box.butpanel a.btn:hover span{color:#38ca07}.box.butpanel .btn:hover svg,.box.butpanel a.btn svg{fill:#38ca07}.ufive_uptop{position:fixed;display:block;box-sizing:border-box;height:40px;width:40px;border:none;background-color:rgb(255 255 255);bottom:-50px;right:50px;outline:0;cursor:pointer;transition:all .4s ease-in-out;transform:scale(0);box-shadow:0 0 0 4px rgb(186 186 186 / 20%);border-radius:50%;z-index:99}.ufive_uptop:hover{background-color:#fff}.ufive_upview{transition:opacity .3s ease,margin-right .5s ease-out;transition:all .4s ease-in-out;transform:scale(1);bottom:70px}.ufive_uptop::after,.ufive_uptop::before{content:"";position:absolute;height:10px;width:2px;background-color:#38ca07;top:16px}.ufive_uptop::before{left:16px;transform:rotate(45deg)}.ufive_uptop::after{right:16px;transform:rotate(-45deg)} .dark .full-bt-block .btn.btn-blue,.dark .full-bt-block a.btn.btn-blue {background: #1f2631;color: #ffffff;margin: 0 5px} .dark .full-bt-block .btn.btn-blue svg {fill: #38ca07;} .dark .full-bt-block .btn.btn-blue.active { background: #38ca07;color: #ffffff} .dark .add.box {padding: 5px!important;border: dashed 1px #161c27} .dark #menu .ul-reset li.active ul li a {color: #99a2ad!important} .dark .art-avatar,.dark .coll-cover { background: #41474e; } .dark .navigation div.off-nav span {color: #5f5f5f!important;border: solid 1px #252b38} .dark .soc-btns {border-top: solid 1px #161c27} .dark #card .media figure:before {background:none} .dark #card .media figure:after {background:none} .dark #card .card-detail b, #card .card-detail strong { color: #ffffff} .dark .p-bt.new-player .start-play-btn {background: #161c27} .dark #add-comment .item .label { color: #99a2ad; } .dark #add-comment .item textarea { border: 1px solid #2d3546; } .dark #add-comment .btn { margin-left: 0; background: #38ca07; color: #fff; } .dark .text-short {border: dashed 1px #4c504c; padding: 8px;} .dark .pl-rington .start-play-btn .playbt:after { width: 32px!important; height: 32px!important; background: url(data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22none%22%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M17.74%209.97c.88.5%201.31.76%201.52%201.04.43.59.43%201.38%200%201.97-.2.28-.64.53-1.52%201.04l-7.23%204.17c-.87.5-1.3.76-1.66.8-.72.07-1.4-.32-1.7-.98-.14-.33-.14-.83-.14-1.84V7.82c0-1%200-1.51.14-1.83.3-.67.98-1.06%201.7-.99.35.04.8.3%201.66.8z%22%20fill%3D%22%2399a2ad%22%2F%3E%3C%2Fsvg%3E) no-repeat!important; background-position: center!important; background-size: 20px!important; } .dark .ui-state-default,.dark .ui-widget-content .ui-state-default { background: #1c2331; border: 1px solid #1c2331; color: #38ca07; font-weight: bold; } .dark .ui-widget-content {background: #293143 50% bottom repeat-x;color:#fff;} .dark .ui-state-default:hover, .dark .ui-widget-content .ui-state-default:hover { background: #38ca07; border: 1px solid #38ca07;color:#ffffff;} .dark .ul-profile li:hover { background-color: #1a202d; } /* DARC TEMPLEATS */ span.btn.btn-dark{width:35px;height:35px;border-radius:50%;background-color:#fff!important;display:flex;justify-content:center;align-items:center;cursor:pointer;position:fixed;top:90px;right:20px;padding:0;z-index:120;box-shadow:0 0 0 4px rgb(186 186 186 / 20%)} span.btn.btn-dark:before{content:'';width:25px;height:25px;display:block;background-position:center!important;background-size:20px!important;background:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20d%3D%22M22%2C21c-6.627%2C0-12-5.373-12-12c0-1.95%2C0.475-3.785%2C1.3-5.412C6.485%2C5.148%2C3%2C9.665%2C3%2C15c0%2C6.627%2C5.373%2C12%2C12%2C12%20c4.678%2C0%2C8.72-2.682%2C10.7-6.588C24.534%2C20.79%2C23.292%2C21%2C22%2C21z%22%20fill%3D%22%2399a2ad%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E) left top no-repeat} span.btn.btn-dark.active:before{background:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M%2011%200%20L%2011%203%20L%2013%203%20L%2013%200%20L%2011%200%20z%20M%204.2226562%202.8085938%20L%202.8085938%204.2226562%20L%204.9296875%206.34375%20L%206.34375%204.9296875%20L%204.2226562%202.8085938%20z%20M%2019.777344%202.8085938%20L%2017.65625%204.9296875%20L%2019.070312%206.34375%20L%2021.191406%204.2226562%20L%2019.777344%202.8085938%20z%20M%2012%205%20C%208.1458514%205%205%208.1458514%205%2012%20C%205%2015.854149%208.1458514%2019%2012%2019%20C%2015.854149%2019%2019%2015.854149%2019%2012%20C%2019%208.1458514%2015.854149%205%2012%205%20z%20M%2012%207%20C%2014.773268%207%2017%209.2267316%2017%2012%20C%2017%2014.773268%2014.773268%2017%2012%2017%20C%209.2267316%2017%207%2014.773268%207%2012%20C%207%209.2267316%209.2267316%207%2012%207%20z%20M%200%2011%20L%200%2013%20L%203%2013%20L%203%2011%20L%200%2011%20z%20M%2021%2011%20L%2021%2013%20L%2024%2013%20L%2024%2011%20L%2021%2011%20z%20M%204.9296875%2017.65625%20L%202.8085938%2019.777344%20L%204.2226562%2021.191406%20L%206.34375%2019.070312%20L%204.9296875%2017.65625%20z%20M%2019.070312%2017.65625%20L%2017.65625%2019.070312%20L%2019.777344%2021.191406%20L%2021.191406%2019.777344%20L%2019.070312%2017.65625%20z%20M%2011%2021%20L%2011%2024%20L%2013%2024%20L%2013%2021%20L%2011%2021%20z%22%20fill%3D%22%2399a2ad%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E) left top no-repeat} span.btn.btn-dark.active{background-color:#252b38!important} span.change-theme-text{display:none} @media screen and (max-width: 980px) { span.btn.btn-dark{position:relative;top:auto;left:0;box-shadow:none;background:#eff2f5!important;border-radius:20px;padding:10px;width:auto;bottom:0;height:40px;max-width:max-content;margin:0 auto;margin-bottom:10px} span.change-theme-text{display:block;margin-left:15px} } svg{width:20px;height:20px} .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)} .owl-item{float:left;padding:2px} .owl-wrapper-outer{overflow:hidden;position:relative;width:100%} ul.pl-menu li{height:20px;border-radius:4px;display:flex;align-items:center;margin-left:5px} ul.pl-menu li a{height:26px;display:flex;align-items:center;font-size:14px;cursor:pointer} .pop-fav svg{width:18px;height:18px} .short-pl .player-posts{width:calc(100% - 55px)} .short-pl .pop-title{width:calc(100% - 40px)} .short-pl .pop-time-dur{float:right;font-size:10px;position:absolute;right:5px;bottom:0;line-height:initial} .like-short svg,.down-short svg{height:14px} .pl-menu-i{cursor:pointer;display:flex;align-items:center;justify-content:center;width:25px;height:25px} .pl-menu-i svg{fill:#989898;height:16px;width:16px;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:.2s ease-in-out} .pl-menu-i.open svg{transform:rotate(180deg)} ul.pl-menu{position:absolute;top:30px;right:0;background:#fff;border-radius:5px;padding:10px 0;box-shadow:-1px 3px 9px rgb(0 0 0 / 15%),0 0 0 1px rgba(0,0,0,.04);box-shadow:0 1px 16px rgb(0 0 0 / 15%);box-shadow:0 2px 4px 0 rgba(0,0,0,0.16),0 2px 13px 0 rgba(0,0,0,0.12);z-index:1;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:.2s ease-in-out;-webkit-transform-origin:top right;transform-origin:top right;transform:scale(0)} ul.pl-menu li a{width:100%;padding:5px 10px} ul.pl-menu li{height:30px;border-radius:4px;display:flex;align-items:center;margin:0} ul.pl-menu li:hover a{color:#38ca07} ul.pl-menu.open{-webkit-transform-origin:top right;transform-origin:top right;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:.2s ease-in-out;transform:scale(1)} ul.pl-menu li:first-child:after{content:"";top:-6px;height:12px;width:12px;right:6px;box-shadow:-2px -4px 2px 1px rgb(0 0 0 / 4%);transform:rotate(45deg);background:#fff;position:absolute} .pl-menu svg{margin-right:5px} .fav-text,.pl-text{font-size:14px} .fav-del span,.fav-add span,.pl-text span{display:flex!important;align-items:center;width:100%} @media (max-width: 640px) { .wrap { display: flex; justify-content: center; } .short-pl .pop-title{width:calc(100% - 40px)} } .plus_fav i{background-image:url(https://soundbest.net/templates/test1/images/svg/play.svg);background-size:16px;width:26px;height:26px;display:inline-block} .blok_speedbar{color:#333;font-size:12px;font-weight:700;background:#ffffff;margin-bottom:10px;padding:10px;height:45px;align-items:center;border-bottom:1px solid rgb(0 0 0 / 5%);border-radius:4px;display:flex} #dle-speedbar span{padding:0 2px;line-height:30px} #dle-speedbar{overflow:auto;display:block;display:flex;-webkit-user-select:none;display:flex;white-space:nowrap;text-overflow:unset;overflow:auto;align-items:center} #dle-speedbar a{color:#38ca07} .login-box input[type=text],.login-box input[type=password]{width:100%;border:none;background:#f7fafd;height:40px;color:#99a2ad;font-size:18px;padding:0 10px;border-radius:4px;font-family:'Nunito',sans-serif;margin-bottom:5px} .login-box{padding:10px} .lb-check{margin:10px 0} a.log-register{line-height:35px;font-size:16px;padding:0 10px;border-radius:3px;white-space:nowrap;border:none;vertical-align:middle;font-family:'Nunito',sans-serif;background:#82cd11;height:35px;color:#fff;display:inline-block} a.log-register:hover{background:#78bf0c} .lb-lnk.flex-row{display:inline-block} a.lostpass{margin-left:10px} #login_not_save{cursor:pointer} .show-login.login{margin:0;height:40px;background:#38ca07} .show-login.login .login span{color:#fff;z-index:1;position:inherit;font-size:16px;bottom:auto;font-weight:700;text-shadow:none} .video-item{padding:.2em 2px;overflow:hidden;float:left;max-width:33.33%} .video-short{color:#000000;text-align:left;font-size:16px;border:1px solid #e7e8e8;overflow:hidden;position:relative;margin-bottom:10px;border-radius:5px;min-width:150px;min-height:90px;background:#f2f2f2} .v_time{padding:0 4px;font-size:12px;background-color:#01081073;color:#fff!important;height:20px;opacity:.75;filter:alpha(opacity=75);display:-moz-inline-stack;vertical-align:top;display:inline-flex;align-items:center;justify-content:center;position:absolute;right:10px;bottom:10px;border-radius:3px;z-index:1} .v_play svg{width:50px;height:50px;margin:auto;left:50%;top:50%;opacity:.7;transform:translate(-50%,-50%);transition:.3s ease-in-out;position:absolute;fill:#fff} .video-short:hover .v_play svg{opacity:1;transform:translate(-50%,-50%) scale(1.3)} .video-short a:after{content:"";display:block;left:0;right:0;top:0;bottom:0;position:absolute} .video-short:hover a:after{background:rgb(6 9 42 / 10%);backdrop-filter:blur(5px)} .video-short:hover .v_play svg,.video-short:hover .v_time{z-index:1} .v_title{position:absolute;top:0;color:#fff;text-shadow:2px 1px 5px rgb(0 0 0 / 51%);width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:1;line-height:30px;padding:5px 10px;font-size:13px;font-weight:600!important} .video-short:before{content:'';position:absolute;transition:.3s all;top:0;z-index:1;bottom:50%;right:0;left:0;background:linear-gradient(to bottom,rgb(0 0 0 / 42%),#00000000)} .video-short a{overflow:hidden;position:relative;display:block} a.all_link{font-size:12px;position:absolute;right:20px;color:#909090;display:flex;align-items:center} a.all_link:hover{color:#38ca07} a.all_link::after{content:' ';width:6px;height:8px;display:block;position:relative;float:right;margin-left:5px;left:0;transition:left 60ms linear;background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%228%22%20viewBox%3D%2288%204%208%208%22%20width%3D%228%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20d%3D%22m88%204h8v8h-8z%22%2F%3E%3Cpath%20d%3D%22m90.2%2010.8c-.2.3-.2.7.1.9s.7.2.9-.1l2.6-3.2c.2-.2.2-.6%200-.8l-2.6-3.2c-.2-.3-.6-.3-.9-.1s-.3.6-.1.9l2.3%202.8z%22%20fill%3D%22%239cb0c3%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)} @media screen and (max-width: 500px) { .grid-container{grid-template-columns:1fr;grid-template-rows:0.3fr 1fr auto 1fr;grid-template-areas:header title main footer} } .video-if{position:relative;width:100%;overflow-x:hidden;overflow-y:hidden;white-space:nowrap;transition:all .2s;transform:scale(1);user-select:none;padding:0 8px} .video-if.active{cursor:grabbing;cursor:-webkit-grabbing;transform:scale(1.2)} .video-if .video-item{max-width:100%;overflow:hidden;padding:0} .video-if .video-short:hover{box-shadow:0 1px 16px rgba(0,0,0,0.08)} .video-if .video-item{background:#fff;border-radius:5px;min-height:auto;min-width:auto} .video-if .video-short{margin-bottom:0} @media screen and (max-width: 640px) { .video-item{min-height:100px;min-width:200px} } @media (max-width: 480px) { .video-item{position:relative;overflow:hidden;padding:5px;padding-bottom:0;max-width:100%;float:none} .v_title{line-height:20px;font-size:10px;} } @-webkit-keyframes borderMenu { 0%{width:0} 100%{width:100%} } @-moz-keyframes borderMenu { 0%{width:0} 100%{width:100%} } @keyframes borderMenu { 0%{width:0} 100%{width:100%} } .menu-toggle{position:relative;display:none;width:25px;height:20px;background:transparent;border-top:2px solid;border-bottom:2px solid;color:#99a2ad;font-size:0;} .menu-toggle:hover{color:#99a2ad} .menu-toggle:before,.menu-toggle:after{content:'';display:block;width:100%;height:2px;position:absolute;top:50%;left:50%;background:currentColor;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:-webkit-transform .01s ease-in-out;transition:-webkit-transform .01s ease-in-out;transition:transform .01s ease-in-out;transition:transform .01s ease-in-out,-webkit-transform .01s ease-in-out} button:hover{color:#2b32b2} button.is-active{border-color:transparent;background:none!important;box-shadow:none!important;color:#99a2ad!important} button.is-active:before{-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)} button.is-active:after{-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)} button{border:none;cursor:pointer;outline:none} ul.ul-head{display:flex;align-items:center} ul.ul-head li{position:relative;display:inline-block;line-height:55px;height:55px;padding:0 10px} ul.ul-head li:hover,ul.ul-head li.active{background:rgb(0 0 0 / 2%)} ul.ul-head li a{line-height:55px;margin:0;font-size:14px;font-weight:600;overflow:hidden;position:relative;padding:0 5px;color:#fff;display:flex;align-items:center;justify-content:center} ul.ul-head li a svg{width:25px;height:25px;fill:#ffffff;margin-right:5px} .menu-title{display:inline-block} .menu-dow:after{display:block;content:' ';width:8px;height:6px;position:absolute;right:12px;background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%228%22%20viewBox%3D%220%200%208%208%22%20width%3D%228%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22m0%200h8v8h-8z%22%2F%3E%3Cpath%20d%3D%22m1%203%203%202.5%203-2.5%22%20stroke%3D%22%2392a0b1%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.3%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)} .menu-dow.is-active:after{transform:rotate(180deg)} .pl-item .play-muz{border-bottom:1px solid rgb(0 0 0 / 5%);border-radius:0;margin-bottom:0} @media (min-width: 800px) { .pl-item:nth-child(2n-7){padding-right:5px} .pl-item:nth-child(2n-4){padding-left:5px} .pl-item{width:50%;float:left} } @media screen and (max-width: 980px) { .menu-toggle{display:block;background:transparent!important;color:#99a2ad!important} #menu .ul-reset{position:fixed;bottom:0;left:-300px;background:#fff;width:100%;border-radius:0;padding:0;display:block;box-shadow:0 1px 16px rgba(0,0,0,0.08);z-index:99;margin:0;overflow:auto;top:55px;max-width:300px;padding-top:10px} #menu .ul-reset.active{left:0} ul.ul-head li{position:relative;display:flex;align-items:center;justify-content:center;line-height:initial;padding:0 5px;margin-left:0;flex:auto;max-width:150px} ul.ul-head li a{color:#38ca07;padding:0;display:initial;line-height:inherit} ul.ul-head li a svg{fill:#38ca07;margin:0 auto;display:block} .menu-title{font-size:11px;display:block;color:#a7acaf} #header{background:#f8fafb;background:#fff;-webkit-box-shadow:2px 2px 11px rgb(1 36 78 / 10%);-moz-box-shadow:2px 2px 11px rgb(1 36 78 / 10%);box-shadow:0 -2px 10px rgb(1 36 78 / 17%);bottom:auto;top:0} .menu-title{font-size:10px;display:block;color:#81867f} ul.ul-head li a svg{fill:#99a2ad} .menu-title{font-size:10px;display:block;color:#81867f} #header .container .logo a .icon-logo{background-image:url(../img/b_logo.png);} .logo.nav-ajax { margin-right: 15px;margin-left: 5px; } } .main.box{padding:10px!important;display:inline-block;width:100%} #main .row #content .box{padding:0!important;padding-bottom:10px!important;margin-bottom:10px;-webkit-box-shadow:0 1px 3px 0 rgb(0 0 0 / 9%);-moz-box-shadow:0 1px 3px 0 rgb(0 0 0 / 9%);box-shadow:0 1px 3px 0 rgb(0 0 0 / 9%)} .games .row{margin:0!important} #content .title,#sidebar .box .title,.pheading{color:#333;font-size:16px;font-weight:700;margin-bottom:10px;padding:10px;height:45px;display:flex;align-items:center;border-bottom:1px solid rgb(0 0 0 / 5%)} #sidebar .box .title{height:40px;margin-left:-10px;padding:0 10px;background:#38ca07;margin-right:-10px;color:#fff;border-top-left-radius:5px;border-top-right-radius:5px} #sidebar .box .title svg{fill:#ffffff;margin-right:8px} .title svg{width:20px;height:20px;fill:#38ca07;margin-right:8px;min-width:20px;min-height:20px} .pop-title-link{width:calc(100% - 60px);display:inline-block} .pop-title{display:flex;align-items:center;font-family:'Nunito',sans-serif} .right svg{width:20px;height:20px;fill:#cfd1d2} .pop-like{position:absolute;right:0;width:26px;height:26px;background-color:#f6f9ff;border-radius:3px;display:flex;align-items:center;justify-content:center} .new-player:hover .playbt,.new-player.load .playbt{backdrop-filter:blur(5px);border-radius:4px;overflow:hidden} .new-player.load .playbt span:before{top:50%;left:6px;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);-webkit-animation:wave .9s linear infinite;animation:wave .9s linear infinite} .new-player .playbt span:after,.new-player .playbt span:before,.new-player .playbt span{-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:.3s ease-in-out;opacity:0} .new-player.load .playbt span:after,.new-player.load .playbt span:before,.new-player.load .playbt span{content:"";position:absolute;display:block;width:2px;height:20px;background:#fff;opacity:1;border-radius:2px} .new-player.load .playbt span{-webkit-animation:wave .9s linear infinite .3s;animation:wave .9s linear infinite .3s} .new-player.load .playbt span:after{top:50%;right:6px;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);-webkit-animation:wave .9s linear infinite .6s;animation:wave .9s linear infinite .6s} .pl-rington .start-play-btn{width:36px;height:36px;border:1px solid #e8edf3} .pl-rington .start-play-btn .playbt:after{width:32px!important;height:32px!important;background-position-y:0!important;background-position-x:0!important;background:url(data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22none%22%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M17.74%209.97c.88.5%201.31.76%201.52%201.04.43.59.43%201.38%200%201.97-.2.28-.64.53-1.52%201.04l-7.23%204.17c-.87.5-1.3.76-1.66.8-.72.07-1.4-.32-1.7-.98-.14-.33-.14-.83-.14-1.84V7.82c0-1%200-1.51.14-1.83.3-.67.98-1.06%201.7-.99.35.04.8.3%201.66.8z%22%20fill%3D%22%2338ca07%22%2F%3E%3C%2Fsvg%3E) left top no-repeat!important;background-position:center!important;background-size:20px!important} .play.pl-rington .start-play-btn .playbt:after{background:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%20%20%20%20%3Cpath%20d%3D%22M%208%205%20C%206.895%205%206%205.895%206%207%20L%206%2017%20C%206%2018.105%206.895%2019%208%2019%20C%209.105%2019%2010%2018.105%2010%2017%20L%2010%207%20C%2010%205.895%209.105%205%208%205%20z%20M%2016%205%20C%2014.895%205%2014%205.895%2014%207%20L%2014%2017%20C%2014%2018.105%2014.895%2019%2016%2019%20C%2017.105%2019%2018%2018.105%2018%2017%20L%2018%207%20C%2018%205.895%2017.105%205%2016%205%20z%22%20fill%3D%22%2338ca07%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E) no-repeat!important;background-position:center!important;background-size:19px!important} .pl-rington .playbt:before{background:transparent!important} .pl-rington .player-posts{width:calc(100% - 50px)} .new-player.load .playbt:after{background:none!important;opacity:0!important} @-webkit-keyframes loaderWave { 0%{height:50px} 40%{height:4px} 80%{height:50px} 100%{height:50px} } @-webkit-keyframes wave { 0%{height:20px} 40%{height:4px} 80%{height:20px} 100%{height:20px} } @keyframes wave { 0%{height:20px} 40%{height:4px} 80%{height:20px} 100%{height:20px} } @-webkit-keyframes appear-bottom { 0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)} to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} } @-moz-keyframes appear-bottom { 0%{-moz-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)} to{-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} } @-o-keyframes appear-bottom { 0%{transform:translate3d(0,100%,0)} to{transform:translate3d(0,0,0)} } @keyframes appear-bottom { 0%{-webkit-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)} to{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} } .owl-dots{padding:0 5px 15px} .owl-dots .owl-dot{width:8px;height:8px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px;padding:0} .owl-dots{display:flex;display:flex;padding:10px;align-items:center;justify-content:center} .owl-dots .owl-dot.active{background:#38ca07;-webkit-animation:stretch-bounce .5s ease-in-out} #searchinput{width:100%!important;border:none;background:#f7fafd;height:40px;color:#99a2ad;font-size:18px;padding:0 10px;padding-right:40px;border-radius:4px;font-family:'Nunito',sans-serif;max-width:100%} .search-info{display:flex;align-items:center;justify-content:center;padding:5px;background:#fdf6ed;height:50px;margin:0 5px;} .btn.btn-blue .fav-text{color:#ffffff} .btn.btn-blue:hover .fav-text,.btn.btn-blue.fav-full:hover a{color:#ffffff} .btn.btn-blue.fav-full svg{height:25px;width:25px} .btn.btn-blue.fav-full a{display:flex;align-items:center;color:#38ca07} .row.video-recomend-block{padding:0 5px} #video-player{overflow:hidden;position:relative;padding-bottom:56.25%;padding-top:30px;height:0;margin-bottom:10px} #video-player iframe{position:absolute;width:100%;height:100%;left:0;top:0} .push i{display:inline-block;width:30px;margin:0 2px;font-size:15px;text-align:center;color:#fff;cursor:pointer;height:30px;border-radius:10%;border:solid 1px #f7f7f7;background-size:23px;background-repeat:no-repeat,repeat;background-position:center} .i-vk{background-image:url("data:image/svg+xml,")} .i-facebook{background-image:url("data:image/svg+xml,")} .i-ok{background-image:url("data:image/svg+xml,")} .i-google{background-image:url('data:image/svg+xml,')} .i-twitter{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3ClinearGradient%20id%3D%22_osn9zIN2f6RhTsY8WhY4a%22%20x1%3D%2210.341%22%20x2%3D%2240.798%22%20y1%3D%228.312%22%20y2%3D%2238.769%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%232aa4f4%22%3E%3C%2Fstop%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23007ad9%22%3E%3C%2Fstop%3E%3C%2FlinearGradient%3E%3Cpath%20fill%3D%22url(%23_osn9zIN2f6RhTsY8WhY4a)%22%20d%3D%22M46.105%2C11.02c-1.551%2C0.687-3.219%2C1.145-4.979%2C1.362c1.789-1.062%2C3.166-2.756%2C3.812-4.758%09c-1.674%2C0.981-3.529%2C1.702-5.502%2C2.082C37.86%2C8.036%2C35.612%2C7%2C33.122%2C7c-4.783%2C0-8.661%2C3.843-8.661%2C8.582%09c0%2C0.671%2C0.079%2C1.324%2C0.226%2C1.958c-7.196-0.361-13.579-3.782-17.849-8.974c-0.75%2C1.269-1.172%2C2.754-1.172%2C4.322%09c0%2C2.979%2C1.525%2C5.602%2C3.851%2C7.147c-1.42-0.043-2.756-0.438-3.926-1.072c0%2C0.026%2C0%2C0.064%2C0%2C0.101c0%2C4.163%2C2.986%2C7.63%2C6.944%2C8.419%09c-0.723%2C0.198-1.488%2C0.308-2.276%2C0.308c-0.559%2C0-1.104-0.063-1.632-0.158c1.102%2C3.402%2C4.299%2C5.889%2C8.087%2C5.963%09c-2.964%2C2.298-6.697%2C3.674-10.756%2C3.674c-0.701%2C0-1.387-0.04-2.065-0.122C7.73%2C39.577%2C12.283%2C41%2C17.171%2C41%09c15.927%2C0%2C24.641-13.079%2C24.641-24.426c0-0.372-0.012-0.742-0.029-1.108C43.483%2C14.265%2C44.948%2C12.751%2C46.105%2C11.02%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E')} .i-telegram{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.92 6.089L4.747 11.555c-.967.388-.962.928-.176 1.168l3.534 1.104 1.353 4.146c.164.454.083.634.56.634.368 0 .53-.168.736-.368.13-.127.903-.88 1.767-1.719l3.677 2.717c.676.373 1.165.18 1.333-.628l2.414-11.374c.247-.99-.378-1.44-1.025-1.146zM8.66 13.573l7.967-5.026c.398-.242.763-.112.463.154l-6.822 6.155-.265 2.833-1.343-4.116z' fill='%2364a9dc' fill-rule='evenodd'/%3E%3C/svg%3E")} .modal-overlay.active{left:0;top:0;right:0;bottom:0;position:fixed;z-index:1111;overflow-x:hidden;overflow-y:auto;padding:10px 0;background:rgb(6 9 42 / 10%)} #conv-mod,#edit-mod{max-width:calc(400px - 12px)} @media (max-width: 640px) { #conv-mod,#edit-mod{max-width:calc(100% - 12px);max-height:100%} ul.ul-head{margin-right: 45px;width:calc(100% - 90px)} } .modal.active{visibility:inherit;opacity:1;transition:ease .3s;-webkit-transition:ease .3s;-moz-transition:ease .3s;-o-transition:ease .3s;-webkit-animation:fadeIn .5s ease-in-out} .modal{position:absolute;width:auto;background:#fff;min-height:100px;box-shadow:0 4px 20px 5px rgba(0,0,0,0.14);border-radius:4px;max-width:600px;z-index:111;height:100%;overflow:hidden;top:50%;left:50%;margin-right:-50%;margin-bottom:-50%;transform:translate(-50%,-50%);visibility:hidden;max-height:580px;height:calc(100% - 12px);width:calc(100% - 12px);opacity:0;transition:transform 1s ease 0s,-webkit-transform 1s} .main-modal{height:100%;width:100%;position:revert;display:inline-block;padding-bottom:100px} .modal .title{color:#fff;background:#38ca07;margin:0;height:45px;line-height:45px;align-items:center;padding:0 8px;display:flex;align-items:center} .modal .title svg{width:20px;height:20px;margin-right:10px;fill:#ffffff} .modal .close{position:absolute;right:10px;width:25px;height:40px;display:flex!important;align-items:center;justify-content:center;top:0;cursor:pointer} .modal .close svg{fill:#fff;width:18px;height:18px} .content-conv{overflow-x:hidden;overflow-y:auto;position:relative;height:100%;width:100%;padding:10px;padding-bottom:60px} #related_news{margin-bottom:10px;display:none} .cat_sel{display:flex} button#uconv{padding:0 10px;border-radius:3px;height:35px;line-height:35px} #uconv svg,#submit_r svg{margin-right:10px;display:none} #ring_form input,#ring_form select{margin-bottom:10px} #ring_form #file{border:none;margin-top:10px;margin-bottom:0;cursor:pointer;padding:7px} form#yw1 input{margin-bottom:5px;border-radius:3px} #ring_form{width:100%} body.hidden{overflow:hidden} .cat_sel select{color:#000;height:29px;background:#ffffff;border:1px solid #dddddd;padding-left:10px;margin-right:5px;margin-bottom:10px;height:40px;display:inline-block;width:auto;flex:3} .tab-cont{padding-bottom:10px;display:flex} .tab-cont .tab-a{display:flex;align-items:center;justify-content:center;border-bottom:solid 1px #eee;height:35px;flex:3;margin:0 4px;cursor:pointer} .tab-cont .tab-a:hover,.tab-cont .tab-a.active{border-bottom:solid 1px #38ca07;color:#38ca07} .add-conv.active{display:block;transform:scale(1)} .addSonggColl { height: calc(100% - 40px); overflow-x: hidden; overflow-y: auto; } .addSonggColl label#cont_input { display: flex; justify-content: flex-start; } #song-coll-add { max-width: 400px; } span.modtitle { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: calc(100% - 62px); } .add-conv{display:none;-webkit-transition:.3s;transition:.3s;-webkit-transition:all .1s ease;-o-transition:all .1s ease;transition:.2s ease-in-out;transform:scale(0)} .p_artists img{display:flex;flex:2;justify-content:center;max-width:100px;margin:5px} .p_artists{margin:auto;display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:10px} #file{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1} .article.box{background:#161b23;border-radius:2px;margin-bottom:0;padding:20px 20px 0} .fbtm{width:100%;margin-top:15px;padding-top:15px;border-top:1px solid #4c4c4c} .fx-middle{-ms-flex-align:center;-webkit-align-items:center;align-items:center;margin-bottom:10px} .fx-row{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between} .ft{font-weight:700;margin-bottom:15px;text-transform:uppercase} .fmenu a{display:block;margin-bottom:7px;text-decoration:none} .fmenu a:hover{color:#38ca07} @media (max-width: 640px) { ul.ul-head li.active a svg{fill:#38ca07} .fbtm{margin-bottom:60px} .article.box{padding:20px 10px 0} } .topminu.title{padding-top:0!important;height:35px!important} input[type="text"]:disabled,input[type="button"]:disabled,select:disabled,button:disabled{background:#f6f6f6!important;cursor:no-drop!important} button:disabled{background:#f6f6f6!important;color:#ddd!important;cursor:no-drop!important} input[type="date"],input[type="search"],input[type="text"],input[type="url"],input[type="number"],input[type="password"],input[type="email"],input[type="file"],select,textarea{height:40px;width:100%;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:solid 1px #eee;padding:0 8px} button:active,html input[type="button"]:active,input[type="reset"]:active,input[type="submit"]:active{box-shadow:inset 0 1px 4px 0 rgba(0,0,0,0.1)} .button:hover,.up-second li a:hover,.up-edit a:hover,.qq-upload-button:hover,.pagi-load a:hover,button:not(.color-btn):hover,html input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover,.meta-fav a:hover{background-color:#38ca07;color:#fff} button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer} .loader_line{position:relative;width:100%;background:#38ca07;height:4px;display:none} .loader_line:before{content:"";position:absolute;left:0;right:0;width:100%;height:4px;background-color:#ffda00;-webkit-animation:loading .9s ease-in-out 0 infinite;animation:loading .9s ease-in-out 0 infinite;top:0;bottom:0} @-webkit-keyframes loading { 0%{-webkit-transform:scaleX(0);transform:scaleX(0)} 100%{-webkit-transform:scaleX(1);transform:scaleX(1)} } @keyframes loading { 0%{-webkit-transform:scaleX(0);transform:scaleX(0)} 100%{-webkit-transform:scaleX(1);transform:scaleX(1)} } span.loader{position:fixed;left:0;right:0;bottom:0;top:0;background:rgb(255 255 255 / 95%);z-index:110} span.loader span{top:50%;left:50%;margin-right:-50%;margin-bottom:-50%;transform:translate(-50%,-50%);position:absolute;display:flex;align-items:center} .loader span:before{background:#fff;content:"";width:50px;height:50px;opacity:1;border-radius:50%;background-image:url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22300%22%20height%3D%22300%22%20viewBox%3D%220%200%203000%203000%22%3E%3Cg%20fill%3D%22%2300cc00%22%20style%3D%22transform%3A%20none%3B%22%3E%3Cg%3E%3Cpath%20id%3D%22pzYyUpADB%22%20d%3D%22M700%202864%20c-174%20-46%20-303%20-151%20-381%20-308%20l-44%20-89%20-3%20-278%20c-2%20-153%201%20-578%207%20-946%2012%20-743%2011%20-735%2081%20-854%20100%20-169%20310%20-278%20515%20-266%20137%208%20222%2047%20627%20290%20150%2090%20352%20208%20448%20262%20608%20341%20689%20392%20791%20495%20151%20153%20181%20350%2084%20555%20-64%20135%20-194%20231%20-385%20284%20-159%2044%20-261%2035%20-334%20-29%20-71%20-63%20-70%20-58%20-76%20-520%20-6%20-470%20-2%20-450%20-85%20-490%20-56%20-27%20-131%20-24%20-173%207%20-15%2011%20-102%20113%20-194%20228%20-92%20114%20-171%20212%20-176%20217%20-6%206%20-74%20-71%20-185%20-209%20-96%20-120%20-187%20-228%20-203%20-238%20-68%20-45%20-180%20-25%20-229%2039%20-19%2027%20-20%2043%20-23%20514%20-1%20268%201%20514%205%20546%207%2052%2013%2063%2045%2089%2068%2055%20174%2048%20236%20-16%20l31%20-32%202%20-287%20c2%20-159%204%20-288%205%20-288%201%200%2039%2046%2083%20103%20107%20134%20118%20145%20159%20163%2095%2039%20156%208%20277%20-145%20l90%20-113%208%20241%209%20241%20-26%2093%20c-28%2099%20-93%20242%20-149%20330%20-131%20205%20-397%20379%20-637%20417%20-86%2013%20-133%2012%20-200%20-6z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');background-size:30px;background-repeat:no-repeat,repeat;background-position:center;box-shadow:0 0 0 4px rgb(186 186 186 / 20%); /*-webkit-animation:animate 1s cubic-bezier(.42,.61,.58,.41) infinite;animation:animate 1s cubic-bezier(.42,.61,.58,.41) infinite*/} .loader span:after{content:"";position:absolute;border:2px solid #00cc00;border-radius:50%;width:70px;height:70px;left:calc(50% - 35px);border-left:0;border-top-color:transparent;-webkit-animation:loader-1-inner 1s cubic-bezier(.42,.61,.58,.41) infinite;animation:loader-1-inner 1s cubic-bezier(.42,.61,.58,.41) infinite;top: calc(50% - 35px);} @keyframes animate { 0%{transform:rotate(0deg)} 50%{box-shadow: 0 0 0 4px rgb(0 204 0)} 100%{transform:rotate(360deg)} } @keyframes loader-1-inner { 0%{transform:rotate(0deg)} 100%{transform:rotate(-360deg)} } .content-conv::-webkit-scrollbar{width:5px} .content-conv::-webkit-scrollbar-track{background:#f1f1f1} .content-conv::-webkit-scrollbar-thumb{background:#a0a6ad} .content-conv::-webkit-scrollbar-thumb:hover{background:#555} .foto_none{background:#feeded;font-weight:600;color:#f00;width:100%;text-align:center;height:40px;line-height:40px;font-size:13px} .true_msg{background:#d8f4b8;font-weight:600;color:#000;width:100%;text-align:center;height:40px;line-height:40px} .title_not_volid{border:solid 1px #ff000063!important} .content-conv .loader{top:45px} svg.edit{width:20px;height:20px;fill:#cfd1d2;margin-right:0;margin-left:10px} .title h1{width:100%;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block} .card-detail.box .title{padding-right:0!important} .soc-btns{display:flex!important;align-items:center;justify-content:center;-o-transition:all .1s ease;height:45px;border-top:1px solid #f3f5f7} .box-full .soc-btns { padding-top: 10px; height: auto; } .box-full .media.box { overflow: hidden !important; } span.ya-share2__badge{border-radius:50%!important;width:30px;height:30px;display:flex;align-items:center;justify-content:center} .card-detail.box{padding:0 5px 5px!important} .box-full{margin-bottom:10px} .bt-full{display:inline-block} .full-bt-block .btn-blue{display:flex;flex:3;justify-content:center} .p-bt.new-player{background:transparent;margin:0 auto;padding:0;display:inline-block;z-index:1} .p-bt.new-player .start-play-btn{width:50px;height:50px;background:#ffffff;border-radius:50%!important;overflow:hidden;-webkit-box-shadow:0 1px 5px 0 rgb(0 0 0 / 24%);-moz-box-shadow:0 1px 5px 0 rgb(0 0 0 / 24%);box-shadow:0 1px 5px 0 rgb(0 0 0 / 24%)} .p-bt.new-player .playbt{backdrop-filter:blur(0);border-radius:50%} .p-bt.new-player.load .playbt span:after,.p-bt.new-player.load .playbt span:before,.p-bt.new-player.load .playbt span{background:#38ca07} ul.minfo{text-align:initial;margin-bottom:10px;padding:0 5px} ul.minfo li{line-height:30px;color:#333;font-size:14px;padding:2px 8px;display:flex;border-bottom:dashed 1px #dfe0e1} ul.minfo li div{margin-right:10px;color:#b1b1b1;display:inline-block} @media (max-width: 480px) { .btn-blue .fav-text{display:none!important} .btn.btn-blue.fav-full a{line-height:37px;height:37px;width:37px;justify-content:center} .btn.btn-blue.fav-full{max-width:40px!important} .btn.btn-blue.fav-full svg{margin:0} } @media (max-width: 640px) { .btn.btn-blue,a.btn.btn-blue{background:#38ca07;color:#ffffff} .btn.btn-blue svg{fill:#ffffff} .full-bt-block .btn-blue{border-radius:26px;height:40px} .mp-bt,.card-detail.box{box-shadow:none!important;margin:0!important;padding-bottom:0!important} .soc-btns{margin-top:0;margin-bottom:10px;} .p-bt.new-player .start-play-btn{width:70px;height:70px;background:#ffffff} .p-bt.new-player{bottom:10px} .pl-rington .start-play-btn .playbt:after,.play.pl-rington .start-play-btn .playbt:after{background-size:25px!important} #card .media figure{margin:0} } @media (min-width: 640px) { ul.minfo{text-align:initial;margin-bottom:10px;padding:0 5px;display:grid;grid-gap:5px;grid-template-columns:repeat(auto-fit,minmax(40%,1fr))} ul.minfo li:nth-child(2n+1){margin-right:5px} ul.minfo li:nth-child(2n){margin-left:5px} ul.minfo li{line-height:32px} ul.ul-head{padding-left:5px;width:calc(100% - 195px)} } .full-bt-block{display:flex;justify-content:center;align-items:center;width:100%;padding:0 5px} #dle-speedbar::-webkit-scrollbar{display:none} #card .row{margin-bottom:0} .add.box{padding:5px!important} .year-list{margin-bottom:10px;background:#ffffff;-webkit-box-shadow:0 1px 3px 0 rgb(0 0 0 / 9%);-moz-box-shadow:0 1px 3px 0 rgb(0 0 0 / 9%);box-shadow:0 1px 3px 0 rgb(0 0 0 / 9%);padding:5px 0;border-radius:5px} .year-list ul{grid-template-columns:repeat(auto-fit,minmax(20%,1fr));flex-wrap:wrap;justify-content:center} .year-list ul li{position: relative; border: none; outline: none; overflow: hidden; height: 25px; line-height: 25px; cursor: pointer; padding: 0 10px; margin: 5px; flex: 10; border: solid 1px #efefef; min-width: 40px; border-radius: 3px;} .year-list ul li:hover{border: solid 1px #38ca07; background: #38ca07;} .year-list ul li a{color:#b7bbbd;width:100%;padding:0!important;text-align:center;display:flex!important;align-items:center;justify-content:center} .year-list ul li:hover a{color:#fff} ul.tab_item.active{display:flex!important;transform:scale(1)} ul.tab_item{-webkit-transition:.3s;transition:.3s;-webkit-transition:all .1s ease;-o-transition:all .1s ease;transition:.2s ease-in-out;transform:scale(0)} .tabs{display:flex;align-items:center;padding:5px 0;border-bottom:solid 1px #f2f4f5;} span.tab svg{width:25px;height:25px;margin-right:15px} span.tab{cursor:pointer;display:flex;align-items:center;margin-right:10px} span.tab.active svg{-webkit-transition:.3s;transition:.3s;-webkit-transition:all .1s ease;-o-transition:all .1s ease;transition:.2s ease-in-out;transform:scale(1.4)} .tab.active span{display:block;position:absolute;right:20px} .wrapper .title{height:30px!important;padding-bottom:15px!important;font-size:14px!important} .year-list ul li.active{border:solid 1px #38ca07;background:#38ca07} .year-list ul li.active a{color:#fff} .tab span{display:none} .wrapper{padding:5px} .wrapper .active{color:#38ca07} .tab_item{display:none} @keyframes fadeIn { from{opacity:0} to{opacity:1} } @-o-keyframes fadeIn { from{opacity:0} to{opacity:1} } @-moz-keyframes fadeIn { from{opacity:0} to{opacity:1} } @-webkit-keyframes fadeIn { from{opacity:0} to{opacity:1} } @-webkit-keyframes spiner { 0%{transform:rotate(0deg)} 100%{transform:rotate(360deg)} } #add-comment{padding:0 10px} .add{display:block;margin-bottom:10px;overflow:hidden} .tab-a svg{fill:#babcbf;width:20px;height:20px;margin-right:5px} .tab-a.active svg,.tab-a:hover svg{fill:#38ca07} .owl-nav.enable.disabled{display:block;width:100%} .owl-nav button{position:absolute;font-size:50px;color:#fff;top:50%;margin-top:-50px;padding:5px;border-radius:5px;text-shadow:3px 3px 2px #0000006b,0 0 1em black;background:transparent!important} .owl-nav .owl-prev{left:10px} .owl-nav .owl-next{right:10px} .pl-rington.load .playbt span:after,.pl-rington.load .playbt span:before,.pl-rington.load .playbt span{background:#38ca07} .full-play:after{content:'';position:absolute;width:32px!important;height:32px!important;background-position-y:0!important;background-position-x:0!important;background:url(data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22none%22%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M17.74%209.97c.88.5%201.31.76%201.52%201.04.43.59.43%201.38%200%201.97-.2.28-.64.53-1.52%201.04l-7.23%204.17c-.87.5-1.3.76-1.66.8-.72.07-1.4-.32-1.7-.98-.14-.33-.14-.83-.14-1.84V7.82c0-1%200-1.51.14-1.83.3-.67.98-1.06%201.7-.99.35.04.8.3%201.66.8z%22%20fill%3D%22%2338ca07%22%2F%3E%3C%2Fsvg%3E) left top no-repeat!important;background-position:center!important;background-size:20px!important;left:5px} .full-play.play:after{background:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%20%20%20%20%3Cpath%20d%3D%22M%208%205%20C%206.895%205%206%205.895%206%207%20L%206%2017%20C%206%2018.105%206.895%2019%208%2019%20C%209.105%2019%2010%2018.105%2010%2017%20L%2010%207%20C%2010%205.895%209.105%205%208%205%20z%20M%2016%205%20C%2014.895%205%2014%205.895%2014%207%20L%2014%2017%20C%2014%2018.105%2014.895%2019%2016%2019%20C%2017.105%2019%2018%2018.105%2018%2017%20L%2018%207%20C%2018%205.895%2017.105%205%2016%205%20z%22%20fill%3D%22%2338ca07%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E) no-repeat!important;background-position:center!important;background-size:19px!important} .play-text{margin-left:25px} .full-play{position:relative} .title-panel{display:flex;align-items:center;border-bottom:1px solid rgb(0 0 0 / 5%);padding:0 10px} .title-panel svg{margin-right:10px} .title-panel h1{width:calc(100% - 30px);float:left;border:none!important;margin:0!important;height:40px!important;padding:10px 0!important} .title-panel .pl-menu-i svg{margin:0} .title-panel .pop-right{z-index:111} .poto_avatar{margin:auto;display:flex;align-items:center;justify-content:center;position:relative} .coll .full-play {position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: 0.3s all; opacity: 1; overflow: hidden; display: flex; align-items: center; justify-content: center;cursor: pointer;} .coll .full-play:after { left: auto; box-shadow: 1px 3px 10px rgb(0 0 0 / 32%), 0 0 0 1px rgb(0 0 0 / 8%); background-color: #ffffff !important; width: 50px !important; height: 50px !important; border-radius: 50%; position: absolute; transition: 0.2s all; transform: scale(0); } .coll .poto_avatar:hover .full-play:after { transform: scale(1);-webkit-animation: stretch-bounce .5s ease-in-out;} .coll .poto_avatar:hover .full-play {background: #2427232b; } .coll #card .media {padding:10px;} .coll .soc-btns { height: auto; border-top: none; } #main .coll .row { margin-bottom: 0px!important; } .poto_avatar img{overflow:hidden;border-radius:5px;box-shadow:0 4px 5px rgb(0 0 0 / 15%)} .artist-if{position: relative; width: 100%; overflow-x: hidden; overflow-y: hidden; white-space: nowrap; transition: all .2s; transform: scale(1); user-select: none; padding: 0 8px !important; display: block !important;} .artist-if:before{content:"";position:absolute;left:0;bottom:0;width:20px;height:100%;background:linear-gradient(to right,rgb(255,255,255) 0%,rgba(0,4,17,0) 100%);z-index:1} .artist-if:after{content:"";position:absolute;right:0;bottom:0;width:20px;height:100%;background:linear-gradient(to left,rgb(255,255,255) 0%,rgba(0,4,17,0) 100%);z-index:1} .artist-if .item-in{box-shadow:none!important;border:1px solid rgb(0 0 0 / 5%)} .artist-if .item-in:hover{box-shadow:0 4px 6px -1px rgb(0 0 0 / 10%),0 2px 4px -1px rgb(0 0 0 / 6%)!important} .full-bt-block .btn.btn-blue,.full-bt-block a.btn.btn-blue{background:#38ca07;color:#ffffff;margin:0 5px} .btn.btn-blue.full-play { background: #f0f5fb; color: #38ca07; } .full-bt-block .btn.btn-blue svg{fill:#ffffff} .full-bt-block .btn.btn-blue.active{background:#38ca07;color:#ffffff} .full-bt-block .btn.btn-blue.active svg{fill:#ffffff;-webkit-animation:stretch-bounce .5s ease-in-out} #n-musics{border-top:1px solid rgb(0 0 0 / 5%);padding-top:5px} .box.art ul.minfo{text-align:initial;margin-bottom:20px;position:relative;flex-wrap:wrap;justify-content:center} .box.art #card .row{margin-bottom:0!important} .wrap{padding:10px 0;border-bottom:#f2f4f9 solid 1px;display:flex;align-items:center} span.rating-num{margin-left:10px;font-size:16px;font-weight:700} @media (min-width: 640px) { .box.art #card .media{width:200px;display:inline-block;vertical-align:top;transition:.3s all;padding:10px;overflow:hidden} #main #content .box.coll { padding: 0!important; } } @media (max-width: 640px) { .wrap{padding-top:0 !important} .title-panel{margin-bottom:10px} .box.art ul.minfo{display:grid;grid-gap:5px;grid-template-columns:repeat(auto-fit,minmax(40%,1fr))} .box.art ul.minfo li{justify-content:center} .coll .push i { width: 35px; height: 35px; } } .box.sounds{display:inline-block;width:100%} .box.sounds .item-in{box-shadow:none} .btn.btn-green.edit svg{margin:0;fill:#fff} .btn.btn-green.edit{height:32px;width:32px!important;float:left;background:rgb(157 157 157 / 40%);margin-bottom:0!important} iframe#youtube{position:absolute;top:0;left:0;width:100%;height:100%;background:#1f1f1d} #YTiframe{overflow:hidden;position:relative;padding-bottom:56.25%;padding-top:30px;height:0;margin-bottom:10px;display:none} @media (max-width: 680px) { #musics-new .video-item{position:relative;overflow:hidden;padding:5px;padding-bottom:0;max-width:50%!important;min-width:40%;float:left} #musics-new .v_play svg{width:40px;height:40px} .v-active #YTiframe{position:fixed;top:55px;left:0;right:0;z-index:111;box-shadow:-1px 6px 9px rgb(0 0 0 / 35%)} .v-active #musics-new{margin-top:250px} } @-webkit-keyframes floatVideo { 100%{box-shadow:0 3px 8px 0 rgba(0,0,0,0.33);-webkit-transform:translatey(0px);transform:translatey(0px)} 50%{box-shadow:0 25px 15px 0 rgba(0,0,0,0.2);-webkit-transform:translatey(-20px);transform:translatey(-20px)} 0%{box-shadow:0 3px 8px 0 rgba(0,0,0,0.33);-webkit-transform:translatey(0px);transform:translatey(0px)} } @keyframes floatVideo { 100%{box-shadow:0 3px 8px 0 rgba(0,0,0,0.33);-webkit-transform:translatey(0px);transform:translatey(0px)} 0%{box-shadow:0 3px 8px 0 rgba(0,0,0,0.33);-webkit-transform:translatey(-200px);transform:translatey(-200px)} } .cm-toggle.red{height:20px!important} .cm-toggle{-webkit-appearance:none;-webkit-tap-highlight-color:transparent;position:relative;border:0;outline:0;cursor:pointer;margin:10px} .cont_input{margin-right:3px;border:1px solid #eee;border-radius:3px;height:40px;margin-bottom:8px;max-width:100%;width:auto;padding:0 10px;display:inline-flex;justify-content:center;align-items:center;float:left;cursor:pointer;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none} .upanel-body .cont_input{padding:0;height:37px;width:37px} .upanel-body .cont_input svg{margin:0} label#cont_input{cursor:pointer;right:0;width:100%;display:flex;align-items:center;justify-content:center;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none} .cont_input span{line-height:32px;display:flex;float:left} .cm-toggle:checked:before{left:22px;box-shadow:-1px 1px 3px rgb(0 0 0 / 60%)} .cm-toggle,.cm-toggle:before,.cm-toggle:after,.cm-toggle:checked:before,.cm-toggle:checked:after{transition:ease .3s;-webkit-transition:ease .3s;-moz-transition:ease .3s;-o-transition:ease .3s} .cm-toggle:before{content:'';width:20px;height:20px;display:block;position:absolute;left:0;top:-3px;border-radius:50%;background:#fff;box-shadow:1px 1px 3px rgb(0 0 0 / 60%)} .cm-toggle:after{content:'';width:40px;height:14px;display:inline-block;background:rgba(196,195,195,0.55);border-radius:10px;clear:both} .cm-toggle.red:checked:after{background:#f16a6a} cm-toggle{height:20px!important} .alerts{transform:translateX(-100%)} .alerts.active{-webkit-transform:translateX(20px);transform:translateX(0px);position:fixed;top:70px;z-index:1112} .alert.active{-webkit-transform:translateX(20px);transform:translateX(20px)} .alert{padding:0 10px;color:white;transform:translateX(-100%);-webkit-transition:.3s;transition:.3s;margin-bottom:10px;border-radius:4px;min-width:300px;display:flex;align-items:center;max-width:300px;min-height:50px;box-shadow:-1px 6px 11px rgb(0 0 0 / 16%),0 0 0 1px rgb(0 0 0 / 4%)} #m-strong{padding:10px;display:inline-block;width:calc(100% - 25px)} .negative{background-color:#f44336} .pozetive{background-color:#93cc0a} .info{background-color:#f1bc26} .closebtn{color:white;font-weight:700;float:right;font-size:22px;line-height:20px;cursor:pointer;transition:.3s;position:absolute;top:7px;right:7px} .closebtn:hover{color:black} @media (max-width: 480px) { .alerts.active{width:100%} .alert.active{transform:translate(-50%,0%);margin-left:50%} } #loading-layerN{display:block!important;background-color:#fafafa;z-index:105!important;position:fixed;left:0;right:0;bottom:auto;width:100%;height:2px;text-indent:-9999px;overflow:hidden;white-space:nowrap;padding:0;top:55px} #loading-layerN:before{content:"";position:absolute;left:0;top:0;background-color:#039e03;height:100%;background:linear-gradient(90deg,rgb(238 249 238) 0%,rgba(15,218,15,1) 39%,rgb(47 165 8) 100%);animation:Layerload 1s infinite linear} @keyframes Layerload { 0%{right:100%;left:0} 50%{right:0;left:0} 100%{left:100%;right:0} } @-webkit-keyframes loadingBlick { 100%{transform:translateX(100%)} } @keyframes loadingBlick { 100%{transform:translateX(100%)} } @-webkit-keyframes rainbow { 0%{background-position:0 82%} 50%{background-position:100% 19%} 100%{background-position:0 82%} } .np .navigation { display: flex; align-items: center; justify-content: center; } .np .navigation div {display: flex; flex: 2; min-width: 100px; max-width: 140px; justify-content: center;} .np .navigation div a { margin: 0; } .navigation a:hover { color: #ffffff !important; text-decoration: none; background: #38ca07; border: 1px solid #38ca07; } .next_prev .navigation div{margin:0 5px} .navigation div.off-nav span{padding:0 10px;color:#ddd!important;line-height:24px!important;height:30px;display:flex!important;align-items:center;justify-content:center;border:solid 1px #f7f7f7} .navigation div i{margin: 0 7px} ul.tabs li{float:left;margin:0 .25em 0 0;margin-bottom:-1px;cursor:pointer} ul.tabs li div a{color:#333;text-decoration:none;display:flex;cursor:pointer;align-items:center;padding:.25em .5em;padding-bottom:8px} ul.tabs li .active a{color:#38ca07!important} ul.tabs li .active svg{fill:#38ca07;-webkit-animation:stretch-bounce .5s ease-in-out} ul.tabs li div svg{width:20px;height:20px;margin-right:10px;fill:#999999} #artists .item{display:block;vertical-align:top;transition:.3s all;margin-bottom:5px;max-width: 154px;} #artists .item .item-in{padding:0 9px 14px;border-radius:4px;overflow:hidden;background:#ffffff;box-shadow:0 2px 7px rgba(0,0,0,0.1)} #artists .item .item-in figure{position:relative;border-radius:0;margin:0 -9px 30px} #artists .item .item-in figure img{width:100%} #artists .item .item-in figure figcaption{position:absolute;bottom:0;left:0;right:0;z-index:10;padding:0 10px 6px} #artists .item .item-in figure figcaption .views .icon-view,#artists .item .item-in figure figcaption .downloads .icon-view{background-image:url(/templates/Besttune/img/sprite.png);background-position:-81px -79px;width:19px;height:11px} #artists .item .item-in figure figcaption .views .icon-downloads,#artists .item .item-in figure figcaption .downloads .icon-downloads{background-image:url(/templates/Besttune/img/sprite.png);background-position:0 -103px;width:14px;height:14px} #artists .item .item-in figure figcaption .views span,#artists .item .item-in figure figcaption .downloads span{font-size:14px;color:#fff;margin-left:7px} #artists .item .item-in figure figcaption .views{float:left} #artists .item .item-in figure figcaption .downloads{float:right} #artists .item .item-in figure .btn{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:.3s all;opacity:1;width:50px;height:50px;background:#ffffff;border-radius:50%!important;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 5px rgb(0 0 0 / 18%),0 0 0 1px rgba(0,0,0,.04)} #artists .item:hover .item-in figure .btn{box-shadow:-2px 5px 6px rgb(0 0 0 / 18%),0 0 0 1px rgba(0,0,0,.04)} .item-in .pop-right{position:absolute;right:5px;top:5px} .item-in .pl-menu-i{background:rgb(255 255 255);border-radius:50%;top:15px;box-shadow:-1px 1px 5px rgb(0 0 0 / 10%),0 0 0 1px rgba(0,0,0,.04)} #artists figure .btn:after{content:'';position:absolute;width:32px!important;height:32px!important;background-position-y:0!important;background-position-x:0!important;background:url(data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22none%22%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M17.74%209.97c.88.5%201.31.76%201.52%201.04.43.59.43%201.38%200%201.97-.2.28-.64.53-1.52%201.04l-7.23%204.17c-.87.5-1.3.76-1.66.8-.72.07-1.4-.32-1.7-.98-.14-.33-.14-.83-.14-1.84V7.82c0-1%200-1.51.14-1.83.3-.67.98-1.06%201.7-.99.35.04.8.3%201.66.8z%22%20fill%3D%22%2338ca07%22%2F%3E%3C%2Fsvg%3E) left top no-repeat!important;background-position:center!important;background-size:20px!important} #artists .item:hover .item-in figure:before{content:'';position:absolute;transition:.3s all;bottom:0;top:0;right:0;left:0;background:linear-gradient(to bottom,rgba(0,0,0,0),#03071d3d);backdrop-filter:blur(5px)} #artists .item .item-in .item-title{margin-bottom:8px;display:flex} #artists .item .item-in .item-title a{font-size:14px;color:#333;font-weight:500;text-align:center;width:100%;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #artists .item .item-in .item-title a:hover{color:#82cd11} .tiiitll{font-size:16px;color:#333} #artists .item .item-in .item-cat{font-size:14px;color:#797979} .ratingtypeplus{display:flex;align-items:center;float:left} .ratingtypeplus.like{float:right;cursor:pointer} .item-cat svg{width:16px;height:16px;margin-right:5px;fill:#d8d8d9} #artists .item .item-in .item-cat a{color:#797979} #artists .item .item-in .item-rating{white-space:nowrap} #artists .item .item-in .item-rating .stars{margin-right:7px} #artists .item .item-in .item-rating span{font-size:14px} #artists .item:hover .item-in{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)} #artists .item:hover figure .btn{opacity:1;visibility:visible} #artists .item:hover figure:before{top:0} #artists .item .item-in .item-title a:hover{color:#82cd11} #artists .item .item-in .item-title a{font-size:14px;color:#333;font-weight:700;text-align:center;width:100%;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .btnDrop:hover svg.dmenu{-webkit-animation:ripple .6s linear infinite;animation:ripple .6s linear infinite;border-radius:50%} .btnDrop svg{width:15px;height:15px;fill:#fff} .item-in ul li a{cursor:pointer} #artists{display:grid;grid-gap:8px;grid-template-columns:repeat(auto-fit,minmax(20%,1fr));padding:5px;} .box.art .close-share{display:none!important} .shearBt,.close-share{display:none} .verror{display:flex;align-items:center;justify-content:center;height:40px;width:100%;background:rgb(255 248 229 / 35%);border:1px dashed #efddac;height:100vh;max-height:190px} .verror svg{width:20px;height:20px;margin-right:10px;fill:#333} .art-puplic-edit{margin-top:10px} .art-puplic-edit a.btn.btn-green{background:#ffffff;border:solid 1px #f5f5f5;color:#38ca07} ul.tabs li.active{border-bottom:#38ca07 solid 1px} .box.sounds .title{display:block;width:100%} .playerfix-main.open{background:rgb(255 255 255 / 98%);border-top-left-radius:7px;border-top-right-radius:7px;height:100%;box-shadow:0 -12px 24px rgb(0 0 0 / 12%),0 0 0 1px rgba(0,0,0,.04);width:calc(100% - 0px);bottom:-50px!important;z-index:101!important} .open .playerfix{flex-direction:column-reverse} .open .plfix-left{width:300px;text-align:center;margin:auto;margin-top:20px} .open .fixpl-pbar{position:relative;padding:0;display:block;width:calc(100% - 60px);max-width:200px;margin-top:10px;margin-bottom:10px} .open .plfix-poto{height:200px;width:200px;max-width:250px;background-size:100%!important;margin:auto;margin-top:30px;display:inherit;float:none;border-radius:10px;margin-bottom:10px;box-shadow:-1px 3px 7px rgba(0,0,0,0.08),0 0 0 1px rgba(0,0,0,.04);position:relative;right:auto} .open .plfix-but{width:45px;height:45px;cursor:pointer;background-repeat:no-repeat,repeat;background-position:center;opacity:.7} .open .plfix-but.plfix-play,.open .plfix-but.plfix-pause{box-shadow:0 0 0 4px rgb(186 186 186 / 20%);border-radius:50%} .open .plfix-repet,.open .plfix-sound,.open .plfix-shuffle{display:block} .open #plfix-title{color:#333;font-size:16px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;padding:0 10px;animation:none} .open .pfix-wrapper{padding:0;max-width:300px} .open .plfix-dur{display:inline-block;position:absolute;left:-40px} .open .plfix-time{display:inline-block;position:absolute;right:-40px} .plfix-dur,.plfix-time{font-size:11px} .plfix-time,.plfix-dur{display:none} .open .fill-bar-glob{margin-left:0} .open span.toggle{margin-left:-8px} .open #drag{position:fixed!important;width:100%;height:100%;margin:10px 0;top:-100%;z-index:99} body.plfix-body-fix{overflow:hidden;height:100%} .f-over .overlay{display:block;width:100%;height:100%;position:fixed;background:#020d2133;left:0;top:0;z-index:100} @media (max-width: 979px) { #artists{display:grid;grid-gap:8px;grid-template-columns:repeat(auto-fit,minmax(20%,1fr))} } @media (max-width: 767px) { #artists{display:grid;grid-gap:8px;grid-template-columns:repeat(auto-fit,minmax(30%,1fr))} } @media (max-width: 480px) { #artists{display:grid;grid-gap:8px;grid-template-columns:repeat(auto-fit,minmax(40%,1fr))} } .art-avatar,.coll-cover{overflow:hidden;min-width:150px;min-height:150px;background:#f2f2f2} .art-avatar img{transition:.4s all} .art .item-in .pop-right{z-index:1} #artists .item.art:hover .item-in figure img{transform:scale(1.3)} #artists .item.art .item-in figure{margin-bottom:9px} .media.box .p-bt.new-player{width:100%;display:flex;justify-content:center;position:relative;margin:0;margin-top:20px;margin-bottom:20px;bottom:auto;right:auto} ul.ul-profile::-webkit-scrollbar {width: 5px;} ul.ul-profile::-webkit-scrollbar-thumb {background: #a0a6ad;} ul.ul-profile::-webkit-scrollbar-track {background: #f1f1f1;} .media.box .p-bt.new-player .start-play-btn{width:45px;height:45px;box-shadow:0 0 0 4px rgb(186 186 186 / 20%)} .like-bt,.fav-bt{width:50px;display:flex;align-items:center;justify-content:center;flex:1} .fav-bt .fav-text{display:none!important} .like-bt svg,.fav-bt svg{width:25px;height:25px;fill:#cfd1d2} .like-bt:hover svg,.fav-bt:hover svg{fill:#38ca07;-webkit-animation:stretch-bounce .5s ease-in-out} .text-short{font-size: 13px; margin: 0 10px; line-height: 23px; border: dashed 1px #e0e0e0; padding: 8px; }} .tooltip:hover .tool{box-shadow:0 3px 7px -2px rgba(0,0,0,0.53);position:absolute;margin-top:-65px;background:#1e2c40cf;padding:2px 8px;height:30px;line-height:16px;font-size:12px;display:flex;align-items:center;justify-content:center;color:#fff;border-radius:2px;margin-left:0;-webkit-transition:all .1s ease;-o-transition:all .1s ease;transition:.2s ease-in-out;transform:scale(1);min-width:50px;white-space:nowrap;z-index:99} .tool{-webkit-transition:all .1s ease;-o-transition:all .1s ease;transition:.2s ease-in-out;transform:scale(0);position:absolute} .tool:after{content:"";display:block;margin-left:-5px;border-width:5px;bottom:-10px;position:absolute;left:50%;width:0;height:0;border-style:solid;border-color:rgba(30,44,64,0.81) transparent transparent} .like-tooltip{margin-right:5px;border-right:solid 1px #838b96;padding-right:5px} .media.box{position:relative;overflow:initial!important} .pop-title #nav-ajax{line-height:20px;color:#333;font-size:14px;display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%} .add{margin-bottom:10px;overflow:hidden;background:#ffffff;box-shadow:0 3px 10px -3px rgba(0,0,0,.1)!important} .card-detail .add{box-shadow:none!important;margin:5px} @-webkit-keyframes float { 0%{box-shadow:0 3px 8px 0 rgba(0,0,0,0.33);-webkit-transform:translatey(0px);transform:translatey(0px)} 50%{box-shadow:0 25px 15px 0 rgba(0,0,0,0.2);-webkit-transform:translatey(-20px);transform:translatey(-20px)} 100%{box-shadow:0 3px 8px 0 rgba(0,0,0,0.33);-webkit-transform:translatey(0px);transform:translatey(0px)} } @keyframes float { 0%{box-shadow:0 3px 8px 0 rgba(0,0,0,0.33);-webkit-transform:translatey(0px);transform:translatey(0px)} 50%{box-shadow:0 25px 15px 0 rgba(0,0,0,0.2);-webkit-transform:translatey(-20px);transform:translatey(-20px)} 100%{box-shadow:0 3px 8px 0 rgba(0,0,0,0.33);-webkit-transform:translatey(0px);transform:translatey(0px)} } @media (max-width: 640px) { .media.box .p-bt.new-player .start-play-btn{width:55px;height:55px} .box{border-radius:8px} .push i{width:45px;height:45px} .add{min-height:320px} .box.coll #card .media {display: inline-block;width: 130px;margin-bottom:0;} .coll ul.minfo {display: flex; flex-wrap: wrap;padding:0; } .coll ul.minfo li div { margin-right: 5px; } .box.coll #card .card-detail { display: inline-block; width: calc(100% - 130px);margin-bottom:0;padding:0;padding-right: 5px;} .coll ul.minfo li {flex: auto; font-size: 13px; align-items: center; justify-content: center; padding: 0; margin: 2px 5px;} } .up-bt{line-height:35px;font-size:16px;padding:0 10px;border-radius:4px;white-space:nowrap;border:none;vertical-align:middle;display:inline-flex;align-items:center;box-shadow:none;margin:0 5px;color:#38ca07;border:1px solid #eee;cursor:pointer} .up-bt:hover{background:#38ca07;color:#fff;border:1px solid #38ca07} .up-bt:hover svg{fill:#fff} .up-bt svg{fill:#38ca07;width:20px;height:20px;margin-right:10px} .ripple{position:relative;overflow:hidden} .ripple:before{border-radius:50%;background-color:rgba(255,255,255,0.6);content:'';position:absolute;top:50%;left:50%;width:0;height:0} .ripple:focus:before,.ripple:active:before{transition:all .5s ease-out;opacity:0;width:160px;height:160px;margin-top:-80px;margin-left:-80px} .win-content{max-width:400px;padding:8px;height:100%} .win-content input{margin-bottom:5px;background:#fff;border-radius:3px} .contain{display:block;overflow-x:hidden;overflow-y:auto;position:relative;height:100%} .contain::-webkit-scrollbar{width:5px} .contain::-webkit-scrollbar-thumb{background:#a0a6ad} .contain::-webkit-scrollbar-track{background:#f1f1f1} .croppie-container{display:none} #upload-image-i{display:flex;align-items:center;justify-content:center} #title,#year_id,#lang_id,#video,#start{display:none} .panel-coll-poto .file_up{height:40px} .contain .cont_input{max-width:100%;width:auto;padding:0 10px;display:inline-flex;justify-content:center;align-items:center;float:left;cursor:pointer} .cont_input svg{fill:#555;width:25px;height:25px;margin-right:10px} .colladd-bl{position:fixed;top:45px;background:#fff;width:100%;height:auto;display:block;height:100%;display:inline-block;-webkit-transition:.3s;transition:.3s;left:-100%;transform:scale(0.5)} .colladd-body{width:100%;height:100%} #collcat{width:100%;height:100%;overflow:auto;padding-bottom:100px} #year_v{max-width:70px;display:none} #language{margin-top:10px} .upanel-body{display:flex} .upanel-body button{flex:auto;display:inline-flex;align-items:center;justify-content:center} .navbar-right input{margin-bottom:5px} .uploadP svg{margin:0} .uploadP{width:37px;padding:0;height:37px} .colladd-bl.active{transform:scale(1);left:0} .coll-cat-win-head{width:100%;border-bottom:1px solid #eae8e8;display:flex} .cpll-win-head-bt{background:#fff!important;cursor:pointer;height:45px;width:50px;display:flex;justify-content:center;align-items:center} .cpll-win-head-bt:hover{background:#f7f7f7!important} .cpll-win-head-bt:hover svg{-webkit-animation:stretch-bounce .5s ease-in-out} #coll-unchecked svg{fill:#dfdede} #coll-unchecked.active svg{fill:#333} #addcoll-bt{display:inline-flex;align-items:center;justify-content:center} #collcat::-webkit-scrollbar{width:5px} #collcat::-webkit-scrollbar-thumb{background:#a0a6ad} #collcat::-webkit-scrollbar-track{background:#f1f1f1} #collcat #cont_input{justify-content:left} #collcat .cm-toggle:checked:after{background:rgb(56 202 7)} .field__file-fake{min-width:100px;min-height:100px;background:url(/templates/Mexedi/img/nopoto.jpg);background-size:100%;display:inline-block;border-radius:4px;overflow:hidden} .poto-bl-ot{position:relative;display:flex;justify-content:center;margin-bottom:10px;float:left} .panel-coll-poto{display:grid;padding-left:10px} .field__file-fake img{max-width:100px;max-height:100px} .modal-overlay.active.display{z-index:1112} #poto-mod{max-width:calc(400px - 12px)} #coll-mod{max-width:calc(400px - 12px);height:auto} .modal-overlay.min{display:block;background:none;backdrop-filter:blur(0);z-index:1112} #delite-mod{max-width:380px;height:auto} #delite-mod .main-modal{padding-bottom:10px} .fut{color:#fff;background:#f1f4fb;margin:0;align-items:center;padding:10px;position:absolute;bottom:0;width:100%} .btn.btn-del{background:#f76f6f;color:#fff} .btn.close{position:relative;float:revert;display:inline-block!important;width:100%;max-width:fit-content;height:35px;margin-left:20px;background-color:#38ca07!important;color:#fff} .btn.close:hover{background-color:#33b308!important} .btn.btn-del:hover{background:#fb5555} button.btn.btn-default{background-color:#38ca07;color:#fff} button.btn.btn-default:hover{background-color:#34bb06} #biography{min-width:100%;min-height:80px} .countB{display:flex;margin:10px 0} .max-limit{border:1px solid #f11e1e} .item-in .deactive{position:absolute;left:8px;top:8px;background:#ff1e1e;padding:4px 10px;border-bottom-right-radius:14px;border-top-right-radius:14px;border-radius:14px;color:#fff;font-weight:700;box-shadow:0 3px 3px rgb(0 0 0 / 18%),0 0 0 0 rgb(0 0 0 / 4%)} .title .deactive{position:absolute;right:10px;font-weight:600;font-size:12px;color:#fff;background:#f75a5a;padding:4px 8px;border-radius:11px} #sidebar .box .centering .title { cursor: pointer; display: flex; align-items: center; margin-bottom: 0px; border-bottom: 1px solid rgb(0 0 0 / 3%); padding: 10px 10px 10px 20px; color: #797979; font-size: 16px; position: relative; font-family: 'Nunito',sans-serif; background: transparent; margin: 0; font-weight: inherit; } #sidebar .box .centering .title svg { width: 25px;height: 25px;fill: #cfd1d2;margin-right: 15px} .centering .title{ cursor:pointer;padding:10px;display:flex;align-items:center;margin-bottom:0px;border-bottom: 1px solid rgb(0 0 0 / 3%);} .container-short {display:none;flex-wrap:wrap;align-items:center;justify-content:center;place-items:center;margin:0 auto;padding:10px;} .item.art:hover .art-avatar:after{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(90deg,rgba(0,0,0,0),rgba(255,255,255,0.35),rgba(0,0,0,0));transform:translateX(-100%);-webkit-animation:loadingBlick 1.5s infinite;animation:loadingBlick 1.5s infinite} .custom-select{all:inherit;position:relative;width:100%} .custom-select select{display:none} .custom-select-trigger{position:relative;display:flex;align-items:center;width:100%;height:40px;font-size:12px;background:#ffffff;padding:10px 20px;color:#797979;cursor:pointer;z-index:1;border:solid 1px #f5f5f5;border-radius:5px} .custom-select-trigger:after{content:"";height:20px;width:20px;color:#fff;position:absolute;right:10px;background:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22m0%200h24v24h-24z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22m6.5%2010%205.5%204.5%205.5-4.5%22%20stroke%3D%22%23c1c5cc%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.875%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E);background-repeat:no-repeat,repeat;background-position:center;background-size:15px!important} .custom-select.opened .custom-select-trigger{background-color:#f5f5f7;color:#2f2d2d;border-color:#efefef;border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0} .custom-select.opened .custom-select-trigger:after{transform:rotate(180deg)} .custom-select.opened .custom-options{opacity:1;visibility:visible;pointer-events:all;transform:translateY(0)} .custom-select .custom-options{position:absolute;display:block;top:100%;left:0;right:0;min-width:100%;border-radius:4px;transition:all .4s ease-in-out;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-15px);width:calc(100%);z-index:2;border:1px solid #e6e4e4;border-top:none;background:#ffffff;max-height:300px;overflow:auto;box-shadow:0 6px 7px rgb(0 0 0 / 8%);border-top-left-radius:0;border-top-right-radius:0} .custom-select .custom-options .custom-option:hover{background:#fbfbfb;color:#38ca07} .custom-select .custom-options .custom-option{transition:all .4s ease-in-out;margin-bottom:5px;padding:10px 20px;color:#383636;cursor:pointer;display:block} .custom-select .custom-options .custom-option:last-child{margin-bottom:0} .custom-select.opened .custom-select-options{opacity:1;visibility:visible;pointer-events:all;transform:translateY(0)} .custom-select-wrapper select{display:none} .custom-select-wrapper{margin-bottom:5px;width:100%} .custom-select .custom-options::-webkit-scrollbar{width:5px} .custom-select .custom-options::-webkit-scrollbar-thumb{background:#a0a6ad} .custom-select .custom-options::-webkit-scrollbar-track{background:#f1f1f1} button.button-short:hover{background:#33b706} button.button-short{background:#38ca07;color:#ffffff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;width:100%} button.button-short:focus,button.button-short:active,button.button-short:visited{background:#3fd60c;outline:none} #cont_input img{display:flex;width:50px;border-radius:4px} .findrelated-art label{margin-bottom:5px;padding-bottom:5px} .findrelated-art{border:1px solid #eeeeee;padding:5px;margin-top:10px} .cm-toggle:checked:after{background:rgb(56 202 7)} .checbox:before{left:8px;top:3px;width:4px;height:10px;border:solid #dfdede;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);position:absolute;border-radius:0;background:transparent;box-shadow:none!important} .checbox:after{content:'';width:20px;height:20px;display:inline-block;background:transparent;border-radius:2px;clear:both;border:1px solid #dfdede} .checbox.blue:checked:after{background:#38ca07;border:1px solid #38ca07} .checbox:checked:before{left:8px;box-shadow:none!important;border:solid #fff;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)} label ~ .checbox:checked{background:#f2f9fd} .quick-search.container .pl-menu-i{width:auto} .quick-search .pl-menu-i span{margin-right:5px} .quick-search.container .pop-right{right:50px;top:50%;margin-bottom:-50%;transform:translate(0,-50%)} .quick-search.container{z-index:11} .quick-search.container .pl-menu .fav-text{padding:0 10px;cursor:pointer} .pl-menu a.active{color:#38ca07} .pl-menu a.active svg{fill:#38ca07;-webkit-animation:stretch-bounce .5s ease-in-out} .dinfo1.maininf{border:1px solid rgb(0 0 0 / 3%);background:#fcf6e0} #dle-content{min-height:100vh} .coll .full-play.play:after,.coll .full-play.pause:after{transition:.2s all;transform:scale(1);-webkit-animation:stretch-bounce .5s ease-in-out} .coll .full-play.play,.coll .full-play.pause{background:rgb(36 39 35 / 17%)} .quick-search #mydiv{position:relative} ul.ignore-select.shMenu li{padding:5px 10px;} ul.ignore-select.shMenu li a{display:flex;align-items:center;padding:0 5px 10px;margin-top: 5px;} ul.ignore-select.shMenu{display:flex;flex-wrap:wrap;align-items:center;} .shMenu a{border-bottom:#eff1f3 solid 1px} .dark .shMenu a{border-bottom:#2d3546 solid 1px} .shMenu a.active{border-bottom:#38ca07 solid 1px;color:#38ca07} @-webkit-keyframes swal2-show { 0%{transform:scale(.7)} 45%{transform:scale(1.05)} 80%{transform:scale(.95)} 100%{transform:scale(1)} } @keyframes swal2-show { 0%{transform:scale(.7)} 45%{transform:scale(1.05)} 80%{transform:scale(.95)} 100%{transform:scale(1)} } .sbar span{color:#9fa8b2} .sbar span span{color:#38ca07} .sbar span a{color:#38ca07} .aftarisation_text{padding-bottom:10px} .lb-soc{padding:10px;border:solid 1px #ececec;margin-top:10px} #blind-animation{margin-bottom:15px;padding:5px} span.pl-rating{margin-left:5px} ul.pl-menu li span{display:inline-flex;white-space:nowrap} .comment-date{display:inline-block;line-height:20px;font-size:11px;margin-right:10px} #dle-comments-list{padding:5px} .btn.btn-blue.fav-full .adcoments-sl svg{height:20px;width:20px} .fav-full.btn.btn-blue:hover .fav-text{color:#ffffff} .tableform{width:100%;display:inline-block} .tableform tbody{width:100%;display:block} .tableform tr{width:100%;display:block} .tableform td{width:100%;display:block} .page_form__inner{padding:10px} @media screen and (max-width: 640px) { .menu-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:65px!important;display:none} ul.ignore-select.shMenu{justify-content:space-between} } ul.ignore-select.shMenu>li { display: none;} .artist-if,.video-if { max-height: 260px; flex-direction: row; overflow: hidden; } h2.title-treck { font-weight: 500; }