/* SET BASE
----------------------------------------------- */
.i-flag::before {
    display: inline-block;
    content: "";
    line-height: 1;
    background-repeat: no-repeat;
    text-decoration: none
}

.i-flag::before {
    background-image: url('/img/flags_spr@2x.png');
    background-size: 27px 4266px;
	
	vertical-align: middle;
    width: 27px;
    height: 18px;
    margin-right: 16px;
    -webkit-box-shadow: 0 0 0 1px rgba(0,9,27,0.1) inset;
    box-shadow: 0 0 0 1px rgba(0,9,27,0.1) inset;
}

.ch.i-flag::before {
    width: 18px!important
}

.i-flag.ad::before {
    background-position: center -0px
}

.i-flag.ae::before {
    background-position: center -18px
}

.i-flag.af::before {
    background-position: center -36px
}

.i-flag.ag::before {
    background-position: center -54px
}

.i-flag.ai::before {
    background-position: center -72px
}

.i-flag.al::before {
    background-position: center -90px
}

.i-flag.am::before {
    background-position: center -108px
}

.i-flag.ao::before {
    background-position: center -126px
}

.i-flag.ar::before {
    background-position: center -144px
}



.i-flag.as::before {
    background-position: center -162px
}

.i-flag.at::before {
    background-position: center -180px
}

.i-flag.au::before {
    background-position: center -198px
}

.i-flag.aw::before {
    background-position: center -216px
}

.i-flag.az::before {
    background-position: center -234px
}

.i-flag.ba::before {
    background-position: center -252px
}

.i-flag.bb::before {
    background-position: center -270px
}

.i-flag.bd::before {
    background-position: center -288px
}

.i-flag.be::before {
    background-position: center -306px
}

.i-flag.bf::before {
    background-position: center -324px
}

.i-flag.bg::before {
    background-position: center -342px
}

.i-flag.bh::before {
    background-position: center -360px
}

.i-flag.bi::before {
    background-position: center -378px
}

.i-flag.bj::before {
    background-position: center -396px
}

.i-flag.bl::before {
    background-position: center -414px
}

.i-flag.bm::before {
    background-position: center -432px
}

.i-flag.bn::before {
    background-position: center -450px
}

.i-flag.bo::before {
    background-position: center -468px
}

.i-flag.bq::before {
    background-position: center -486px
}

.i-flag.br::before {
    background-position: center -504px
}

.i-flag.bs::before {
    background-position: center -522px
}

.i-flag.bt::before {
    background-position: center -540px
}

.i-flag.bw::before {
    background-position: center -558px
}

.i-flag.by::before {
    background-position: center -576px
}

.i-flag.bz::before {
    background-position: center -594px
}

.i-flag.ca::before {
    background-position: center -612px
}

.i-flag.cd::before {
    background-position: center -630px
}

.i-flag.cf::before {
    background-position: center -648px
}

.i-flag.cg::before {
    background-position: center -666px
}

.i-flag.ch::before {
    background-position: center -684px
}

.i-flag.ci::before {
    background-position: center -702px
}

.i-flag.ck::before {
    background-position: center -720px
}

.i-flag.cl::before {
    background-position: center -738px
}

.i-flag.cm::before {
    background-position: center -756px
}

.i-flag.cn::before {
    background-position: center -774px
}

.i-flag.co::before {
    background-position: center -792px
}

.i-flag.cr::before {
    background-position: center -810px
}

.i-flag.cu::before {
    background-position: center -828px
}

.i-flag.cv::before {
    background-position: center -846px
}

.i-flag.cw::before {
    background-position: center -864px
}

.i-flag.cy::before {
    background-position: center -882px
}

.i-flag.cz::before {
    background-position: center -900px
}

.i-flag.de::before {
    background-position: center -918px
}

.i-flag.dj::before {
    background-position: center -936px
}

.i-flag.dk::before {
    background-position: center -954px
}

.i-flag.dm::before {
    background-position: center -972px
}

.i-flag.do::before {
    background-position: center -990px
}

.i-flag.dz::before {
    background-position: center -1008px
}

.i-flag.ec::before {
    background-position: center -1026px
}

.i-flag.ee::before {
    background-position: center -1044px
}

.i-flag.eg::before {
    background-position: center -1062px
}

.i-flag.eh::before {
    background-position: center -1080px
}

.i-flag.er::before {
    background-position: center -1098px
}

.i-flag.es::before {
    background-position: center -1116px
}

.i-flag.et::before {
    background-position: center -1134px
}

.i-flag.fi::before {
    background-position: center -1152px
}

.i-flag.fj::before {
    background-position: center -1170px
}

.i-flag.fk::before {
    background-position: center -1188px
}

.i-flag.fm::before {
    background-position: center -1206px
}

.i-flag.fo::before {
    background-position: center -1224px
}

.i-flag.fr::before {
    background-position: center -1242px
}

.i-flag.ga::before {
    background-position: center -1260px
}

.i-flag.gd::before {
    background-position: center -1278px
}

.i-flag.ge::before {
    background-position: center -1296px
}

.i-flag.gf::before {
    background-position: center -1314px
}

.i-flag.gg::before {
    background-position: center -1332px
}

.i-flag.gh::before {
    background-position: center -1350px
}

.i-flag.gi::before {
    background-position: center -1368px
}

.i-flag.gl::before {
    background-position: center -1386px
}

.i-flag.gm::before {
    background-position: center -1404px
}

.i-flag.gn::before {
    background-position: center -1422px
}

.i-flag.gp::before {
    background-position: center -1440px
}

.i-flag.gq::before {
    background-position: center -1458px
}

.i-flag.gr::before {
    background-position: center -1476px
}

.i-flag.gt::before {
    background-position: center -1494px
}

.i-flag.gu::before {
    background-position: center -1512px
}

.i-flag.gw::before {
    background-position: center -1530px
}

.i-flag.gy::before {
    background-position: center -1548px
}

.i-flag.hk::before {
    background-position: center -1566px
}

.i-flag.hn::before {
    background-position: center -1584px
}

.i-flag.hr::before {
    background-position: center -1602px
}

.i-flag.ht::before {
    background-position: center -1620px
}

.i-flag.hu::before {
    background-position: center -1638px
}

.i-flag.id::before {
    background-position: center -1656px
}

.i-flag.ie::before {
    background-position: center -1674px
}

.i-flag.il::before {
    background-position: center -1692px
}

.i-flag.im::before {
    background-position: center -1710px
}

.i-flag.in::before {
    background-position: center -1728px
}

.i-flag.iq::before {
    background-position: center -1746px
}

.i-flag.ir::before {
    background-position: center -1764px
}

.i-flag.is::before {
    background-position: center -1782px
}

.i-flag.it::before {
    background-position: center -1800px
}

.i-flag.je::before {
    background-position: center -1818px
}

.i-flag.jm::before {
    background-position: center -1836px
}

.i-flag.jo::before {
    background-position: center -1854px
}

.i-flag.jp::before {
    background-position: center -1872px
}

.i-flag.ke::before {
    background-position: center -1890px
}

.i-flag.kg::before {
    background-position: center -1908px
}

.i-flag.kh::before {
    background-position: center -1926px
}

.i-flag.ki::before {
    background-position: center -1944px
}

.i-flag.km::before {
    background-position: center -1962px
}

.i-flag.kn::before {
    background-position: center -1980px
}

.i-flag.kp::before {
    background-position: center -1998px
}

.i-flag.kr::before {
    background-position: center -2016px
}

.i-flag.kw::before {
    background-position: center -2034px
}

.i-flag.ky::before {
    background-position: center -2052px
}

.i-flag.kz::before {
    background-position: center -2070px
}

.i-flag.la::before {
    background-position: center -2088px
}

.i-flag.lb::before {
    background-position: center -2106px
}

.i-flag.lc::before {
    background-position: center -2124px
}

.i-flag.li::before {
    background-position: center -2142px
}

.i-flag.lk::before {
    background-position: center -2160px
}

.i-flag.lr::before {
    background-position: center -2178px
}

.i-flag.ls::before {
    background-position: center -2196px
}

.i-flag.lt::before {
    background-position: center -2214px
}

.i-flag.lu::before {
    background-position: center -2232px
}

.i-flag.lv::before {
    background-position: center -2250px
}

.i-flag.ly::before {
    background-position: center -2268px
}

.i-flag.ma::before {
    background-position: center -2286px
}

.i-flag.mc::before {
    background-position: center -2304px
}

.i-flag.md::before {
    background-position: center -2322px
}

.i-flag.me::before {
    background-position: center -2340px
}

.i-flag.mf::before {
    background-position: center -2358px
}

.i-flag.mg::before {
    background-position: center -2376px
}

.i-flag.mh::before {
    background-position: center -2394px
}

.i-flag.mk::before {
    background-position: center -2412px
}

.i-flag.ml::before {
    background-position: center -2430px
}

.i-flag.mm::before {
    background-position: center -2448px
}

.i-flag.mn::before {
    background-position: center -2466px
}

.i-flag.mp::before {
    background-position: center -2484px
}

.i-flag.mq::before {
    background-position: center -2502px
}

.i-flag.mr::before {
    background-position: center -2520px
}

.i-flag.ms::before {
    background-position: center -2538px
}

.i-flag.mt::before {
    background-position: center -2556px
}

.i-flag.mu::before {
    background-position: center -2574px
}

.i-flag.mv::before {
    background-position: center -2592px
}

.i-flag.mw::before {
    background-position: center -2610px
}

.i-flag.mx::before {
    background-position: center -2628px
}

.i-flag.my::before {
    background-position: center -2646px
}

.i-flag.mz::before {
    background-position: center -2664px
}

.i-flag.na::before {
    background-position: center -2682px
}

.i-flag.nc::before {
    background-position: center -2700px
}

.i-flag.ne::before {
    background-position: center -2718px
}

.i-flag.ng::before {
    background-position: center -2736px
}

.i-flag.ni::before {
    background-position: center -2754px
}

.i-flag.nl::before {
    background-position: center -2772px
}

.i-flag.no::before {
    background-position: center -2790px
}

.i-flag.np::before {
    background-position: center -2808px
}

.i-flag.nr::before {
    background-position: center -2826px
}

.i-flag.nz::before {
    background-position: center -2844px
}

.i-flag.om::before {
    background-position: center -2862px
}

.i-flag.pa::before {
    background-position: center -2880px
}

.i-flag.pe::before {
    background-position: center -2898px
}

.i-flag.pf::before {
    background-position: center -2916px
}

.i-flag.pg::before {
    background-position: center -2934px
}

.i-flag.ph::before {
    background-position: center -2952px
}

.i-flag.pk::before {
    background-position: center -2970px
}

.i-flag.pl::before {
    background-position: center -2988px
}

.i-flag.pm::before {
    background-position: center -3006px
}

.i-flag.pr::before {
    background-position: center -3024px
}

.i-flag.ps::before {
    background-position: center -3042px
}

.i-flag.pt::before {
    background-position: center -3060px
}

.i-flag.pw::before {
    background-position: center -3078px
}

.i-flag.py::before {
    background-position: center -3096px
}

.i-flag.qa::before {
    background-position: center -3114px
}

.i-flag.re::before {
    background-position: center -3132px
}

.i-flag.ro::before {
    background-position: center -3150px
}

.i-flag.rs::before {
    background-position: center -3168px
}

.i-flag.ru::before {
    background-position: center -3186px
}

.i-flag.rw::before {
    background-position: center -3204px
}

.i-flag.sa::before {
    background-position: center -3222px
}

.i-flag.sb::before {
    background-position: center -3240px
}

.i-flag.sc::before {
    background-position: center -3258px
}

.i-flag.sd::before {
    background-position: center -3276px
}

.i-flag.se::before {
    background-position: center -3294px
}

.i-flag.sg::before {
    background-position: center -3312px
}

.i-flag.sh::before {
    background-position: center -3330px
}

.i-flag.si::before {
    background-position: center -3348px
}

.i-flag.sk::before {
    background-position: center -3366px
}

.i-flag.sl::before {
    background-position: center -3384px
}

.i-flag.sm::before {
    background-position: center -3402px
}

.i-flag.sn::before {
    background-position: center -3420px
}

.i-flag.so::before {
    background-position: center -3438px
}

.i-flag.sr::before {
    background-position: center -3456px
}

.i-flag.ss::before {
    background-position: center -3474px
}

.i-flag.st::before {
    background-position: center -3492px
}

.i-flag.sv::before {
    background-position: center -3510px
}

.i-flag.sx::before {
    background-position: center -3528px
}

.i-flag.sy::before {
    background-position: center -3546px
}

.i-flag.sz::before {
    background-position: center -3564px
}

.i-flag.tc::before {
    background-position: center -3582px
}

.i-flag.td::before {
    background-position: center -3600px
}

.i-flag.tg::before {
    background-position: center -3618px
}

.i-flag.th::before {
    background-position: center -3636px
}

.i-flag.tj::before {
    background-position: center -3654px
}

.i-flag.tk::before {
    background-position: center -3672px
}

.i-flag.tl::before {
    background-position: center -3690px
}

.i-flag.tm::before {
    background-position: center -3708px
}

.i-flag.tn::before {
    background-position: center -3726px
}

.i-flag.to::before {
    background-position: center -3744px
}

.i-flag.tr::before {
    background-position: center -3762px
}

.i-flag.tt::before {
    background-position: center -3780px
}

.i-flag.tv::before {
    background-position: center -3798px
}

.i-flag.tw::before {
    background-position: center -3816px
}

.i-flag.tz::before {
    background-position: center -3834px
}

.i-flag.ua::before {
    background-position: center -3852px
}

.i-flag.ug::before {
    background-position: center -3870px
}

.i-flag.uk::before {
    background-position: center -3888px
}

.i-flag.us::before {
    background-position: center -3906px
}

.i-flag.uy::before {
    background-position: center -3924px
}

.i-flag.uz::before {
    background-position: center -3942px
}

.i-flag.va::before {
    background-position: center -3960px
}

.i-flag.vc::before {
    background-position: center -3978px
}

.i-flag.ve::before {
    background-position: center -3996px
}

.i-flag.vg::before {
    background-position: center -4014px
}

.i-flag.vi::before {
    background-position: center -4032px
}

.i-flag.vn::before {
    background-position: center -4050px
}

.i-flag.vu::before {
    background-position: center -4068px
}

.i-flag.wf::before {
    background-position: center -4086px
}

.i-flag.ws::before {
    background-position: center -4104px
}

.i-flag.ww::before {
    background-position: center -4122px
}

.i-flag.xk::before {
    background-position: center -4140px
}

.i-flag.ye::before {
    background-position: center -4158px
}

.i-flag.yt::before {
    background-position: center -4176px
}

.i-flag.za::before {
    background-position: center -4194px
}

.i-flag.zm::before {
    background-position: center -4212px
}

.i-flag.zw::before {
    background-position: center -4230px
}

.i-flag.mo::before {
    background-position: center -4248px
}

.footer__current .i-flag.mo::before,.cooked__country__name.i-flag.mo::before {
    background-position: center -8496px
}

/* SET BASE
----------------------------------------------- */
* {background: transparent; margin: 0; padding: 0; outline: none; border: 0;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
table {border-collapse: collapse; border-spacing: 0;}
input, select {vertical-align: middle;}
article, aside, figure, figure img, hgroup, footer, header, nav, section, main {display: block;}
img {max-width: 100%;} 
.clr {clear: both;}
.clearfix:after {content: ""; display: table; clear: both;}

body {font: 14px -apple-system, 'Mulish', Helvetica Neue, Helvetica, sans-serif;line-height: normal;padding: 0;margin: 0;color: #000000;min-height: 100%;width: 100%;font-weight: 400;}
a {color: #117484; text-decoration: none;}
a:hover, a:focus {color: #117484; text-decoration: none;}
h1, h2, h3, h4, h5 {font-weight: 400; font-size: 24px;}

button, textarea, input[type="text"], input[type="password"] {appearance: none; -webkit-appearance: none; 
	font-size: 14px; font-family: -apple-system, 'Mulish', Helvetica Neue, Helvetica, sans-serif !important;}

.potok_2 {
height :200px;
}
.potok_2 img {
margin: auto!important;
    display: block;
    padding-top: 60px;
}

.button, .btn, .pagi-load a, .up-second li a, .usp-edit a, .qq-upload-button, button:not(.color-btn):not([class*=fr]), 
html input[type="button"], input[type="reset"], input[type="submit"], .meta-fav a, .usp-btn a {display: inline-block;text-align: center;padding: 0 40px;height: 40px;line-height: 40px;border-radius: 4px;cursor: pointer;font-size: 16px;font-weight: 400;background-color: #1e2b4d;color: #fff;}
.button:hover, .btn:hover, .up-second li a:hover, .usp-edit a:hover, .qq-upload-button:hover, 
.pagi-load a:hover, .usp-btn 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: #9c88ff;opacity: 0.8;color: #fff;}
button:active, input[type="button"]:active, input[type="submit"]:active {box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.1);}

.top_song ol {
 list-style: auto;
    padding-left: 22px;
    font-size: 16px;
    line-height: 26px;
    margin: 15px 0px;   
}
.top_song h4{
font-size: 18px;
    margin-top: 16px;
    padding-left: 5px;
}
.chastota ul {
  margin-top: 22px;
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}
.chastota li {
    line-height: 20px;
    border-bottom: 1px solid;
    padding-bottom: 10px;
    margin-bottom: 11px;
    width: 100%;
}

input[type="text"], input[type="password"], input[type="email"] {height: 44px; line-height: 44px;
border-radius: 22px; border: 0; padding: 0 20px;}
select {height: 40px; border: 0; padding: 0 15px;}
textarea {padding: 15px; overflow: auto; vertical-align: top; resize: vertical;}
input[type="text"], input[type="password"], input[type="email"], select, textarea {width: 100%; background-color: #ffffff; color: #d2d2da; 
box-shadow: inset 0 0 0 1px #000, inset 1px 2px 5px rgba(0,0,0,0.2);}
select {width: auto;}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus 
{box-shadow: inset 0 0 0 1px #e67e22, inset 1px 2px 5px rgba(0,0,0,0.1);}
input::placeholder, textarea::placeholder {color: #ffffff; opacity: 0.5; font-size: 14px;} 
input:focus::placeholder, textarea:focus::placeholder {color: transparent}

.img-box, .img-wide, .img-square, .img-resp, .img-resp-vert, .img-resp-sq, .img-fit {overflow: hidden; position: relative;}
.img-resp {padding-top: 70%;}
.img-resp-vert {padding-top: 145%;}
.img-resp-sq {padding-top: 100%;}
.img-box img, .img-square img, .img-resp img, .img-resp-vert img, .img-resp-sq img {width: 100%; min-height: 100%; display: block;}
.img-resp img, .img-resp-vert img, .img-resp-sq img {position: absolute; left: 0; top: 0;}
.img-wide img {width: 100%; display: block;}
.img-fit img {width: 100%; height: 100%; object-fit: cover;}
.nowrap {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.fx-row, #dle-content {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;}
.fx-col {display:-ms-flexbox;display:-webkit-flex;display:flex; 
-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}
.fx-center {-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}
.fx-middle {-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.fx-start {-webkit-justify-content:flex-start;justify-content:flex-start;}
.fx-start {-webkit-justify-content:flex-start;justify-content:flex-start;}
.fx-first {-ms-flex-order: -1;-webkit-order: -1;order: -1;}
.fx-last {-ms-flex-order: 10;-webkit-order: 10;order: 10;}
.fx-1 {flex-grow: 1;
    max-width: 100%;
    min-width: 50px;
        flex-basis: 0;
    -webkit-box-flex: 1;
}

.fx-col-20 {
    flex: 0 0 50%;
    padding: 10px;
}
.fx-col-30 {
    flex: 0 0 50%;
    padding: 10px;
}
.fx-col-50 {
    flex: 0 0 100%;
    padding: 10px;
}

@media ( min-width: 991px ) {
	.fx-col-20 {
		flex: 0 0 20%;
	}
	.fx-col-30 {
		flex: 0 0 33%;
	}
	.fx-col-50 {
		flex: 0 0 50%;
		padding: 10px;
	}
}

.artist_stat {
    margin: 16px 0 32px 0;
    padding: 0;
    list-style: none;
    text-indent: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.artist_stat_item {
    margin: 0 0 0 0;
    -webkit-flex: 1 1 33.33%;
    -ms-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    padding: 0 16px;
    overflow: hidden;
    text-align: center
}

.artist_stat_item+.artist_stat_item {
    border: solid #bdcad7;
    border-width: 0 0 0 1px
}

.artist_stat_index {
    display: block;
    color: #819bb4;
    margin-bottom: 0;
	font-size: 24px;
}

.header {border-bottom: 3px solid #06060e;}

b, strong, .fw700 {font-weight: 700;}
.icon-left .fa, .icon-left .icon {margin-right: 10px;}
.icon-right .fa, .icon-right .icon {margin-left: 10px;}
.hidden, #dofullsearch {display: none;}
/*.anim {transition: color .3s, background-color .3s, opacity .3s;}
.anim-all, .mask-img-after:after, .side-box-nav a:before, .hmenu a:before, .audioplayer-bar {transition: all .3s;}*/
.mtitle, .sub-title h1, .form-wrap h1 {margin-bottom: 15px; font-size: 24px; font-weight: 700; color: #ffffff;}
.grad, .side-box-nav a:before, .hmenu a:before, .sres-title span, .audioplayer-bar-played, .audioplayer-playpause a
{background-color: transparent;box-shadow: inset 0 0 0 2px #ffffff;color: #ffffff;/* color: #fff; */}
.lyric {
	padding: 20px;	
}
div.track-title span.song {font-weight: normal !important;}
/* BASIC GRID
----------------------------------------------- */
.wrap {min-width:320px; position: relative;}
.wrap-center {max-width:1080px;width: calc(100% - 30px);margin:0 auto;position:relative;z-index:20;min-height: 100vh;padding: 10px 30px;background-color: #141225;box-shadow: 0 10px 30px rgba(0,0,0,.6);}
.content {padding: 40px 0 80px 0;}
.col-right {width: 290px; margin-left: 30px;}
.col-main {min-height: 80vh;}


.finfo > li:nth-child(2n+1) {
    background-color: #212645;
}

.finfo li {
    position: relative;
    padding: 7px 10px 7px 180px;
}
.finfo li > span:first-child {
    position: absolute;
    left: 10px;
    top: 7px;
    color: #ffffff;
    font-weight: bold;
}

.ffplay {
	padding: 20px;
	/* border-top: 2px solid #114055; */
}

.singer { margin-top: 4px; }

.track-img-full {margin-left: 24px; width: 162px; height: 162px; text-align: center;}
.track-img-full img {border-radius: 10px;}

.more {
	display: inline-block;
	padding: 3px 20px;
    outline: none;
    color: #fff;
    background-color: #9cc63e;
    cursor: pointer;
    border-radius: 7px;
	margin-bottom: 10px
}

.more::after {
    display: inline-block;
    vertical-align: middle;
    content: "";
    border-top: 8px solid #fff;
    border-top: 4px solid \9;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    margin-left: 8px;
    -webkit-transition: .15s ease;
    -moz-transition: .15s ease;
    -o-transition: .15s ease;
    transition: .15s ease;
    cursor: pointer;
}

.more[aria-expanded="true"]::after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.more[data-toggle="dropdown"]::after {
    margin-right: -16px
}

.collapse {
	height: 0px;
    overflow: hidden;
}
.collapse.in {
	height: auto;
}
#tag_all {
	margin-bottom: 0px;
}
.cut[aria-expanded="false"] {
	display: block;
    overflow: hidden;
    height: 4em;
	min-height: 4em;
}
.cut.in {
    height: auto;
    overflow: visible
}

/* HEADER
----------------------------------------------- */
.logo {/* width: 290px; */height: 90px;display: block;display: flex;align-items: center;justify-content: center;margin-bottom: 15px;}
.search-wrap {padding-left: 30px;}
.search-box {width:100%; position:relative;}
.search-box input, .search-box input:focus {box-shadow:none;padding: 0 45px 0 20px;border-radius: 10px;background-color: #212645;color: #b9bfde;}
.search-box button {position:absolute; right:5px; top:0px; z-index:10; padding:0 !important; 
background:transparent !important; color:#ffffff !important; font-size: 16px !important; width: 40px; 
box-shadow: none !important;}
.hmenu {padding-left: 70px; display: none;}
.hmenu li a {margin-right: 35px; color: #FFFFFF; position: relative; display: block;}
.hmenu a:hover:before, .hmenu a.is-active:before {color: #ffffff; right: 0 !important;}
.hmenu a:before {bottom: -10px !important; height: 2px !important; border-radius: 1px !important;}
.sres-wrap + .sres-wrap {margin-top: 40px;}
.sres-title {font-size: 18px; font-weight: 700; color: #222222; margin-bottom: 20px;}


/* SECT, SIDE, MUZSTAR.NET
----------------------------------------------- */
.sect + .sect {margin-top: 30px;}
.sect-header {margin-bottom: 13px; align-items: flex-end;}
.sect-title {font-size: 20px;font-weight: 800;color: #ffffff;}
.sect-title h1 {font-size: 24px;font-weight: 800;color: #ffffff;margin-top: 0!important;}
.sect-caption {margin-top: 2px;}
.sect-link {color: #ffffff; margin-left: 20px;}
.sect-link:hover {color: #02d7fb;text-decoration: none;}
.sect-col, .side-box-content, .sect-content-bg {
	background-color: #1a1938;
	border-radius: 10px;
	overflow: hidden;
	width: 48.9%;
	}
.sect-content-bg {width: 100%;}
.mb-rem {margin-bottom: -20px;}
.mb-niz {margin-bottom: 20px;border-bottom: 3px solid #06060e;padding-bottom: 20px;}
.side-box-content {width: 100%; padding: 20px 10px 10px 10px;}
.site-desc {margin-top: 30px; opacity: 0.8;} 
.site-desc-text {font-size: 14px; line-height: 1.3; margin-top: 15px;}
.site-desc-text p + p {margin-top: 15px;}

.side-box-nav {padding: 30px 0;}
.side-box-nav li {padding: 0 20px; margin-bottom: 20px;}
.side-box-nav a {display: inline-block; position: relative;}
.side-box-nav ul + ul {padding-top: 20px; border-top: 3px solid #ffffff;}
.side-box-nav a:hover, .side-box-nav a.is-active {color: #fff;}
.side-box-nav a:before, .hmenu a:before {content: ''; 
position: absolute; left: 0; right: 99%; bottom: 0px; opacity: 0; height: 4px; border-radius: 2px;}
.side-box-nav a:hover:before, .side-box-nav a.is-active:before, 
.hmenu a:hover:before, .hmenu a.is-active:before {right: -45px; opacity: 1;}
.side-box-tags {font-size: 0; padding-right: 0px; padding-bottom: 10px;}
.side-box-tags li {display: inline-block; vertical-align: top; margin: 0 10px 10px 0;}
.side-box-tags a {display: block; height: 30px; line-height: 30px; border-radius: 15px; padding: 0 20px; 
background-color: #043951; color: #ffffff; font-size: 15px;}
.side-box-tags a:hover {color: #117484;}


/* TRACK ITEM
----------------------------------------------- */
.track-item {padding: 10px;border-bottom: 1px solid #06060e;}
.track-item:last-child {border-bottom: 0px solid #4b0e60;}
.track-item a {display: block;}
.track-img {width: 56px;height: 56px;/* border-radius: 4px; */margin-right: 12px;text-align: center;background-color: #094159;}
.track-img-side {width: 48px; height: 48px; border-radius: 24px; margin-right: 12px; text-align: center;}
.track-title, .album-title {font-size: 15px; font-weight: 700; color: #ffffff;}
.track-subtitle, .album-subtitle {margin-top: 3px; font-size: 15px;}
.track-time {opacity: 0.8; font-size: 13px; padding-right: 5px; width: 55px; text-align: right;}
.track-fav {width: 26px; height: 26px; line-height: 26px; text-align: center; border-radius: 50%; 
	background-color: #117484; font-size: 14px; margin-left: 10px; opacity: 0; position: relative;}
.track-fav a {color: #ffffff;}
.track-fav div {position: absolute; left: 50%; bottom: 110%; transform: translateX(-50%); padding: 1px 10px;
background-color: #117484; color: #ffffff; line-height: normal; display: none; border-radius: 2px;}
.track-fav:hover div {display: block;}
.track-play {position: absolute; z-index: 5; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; margin-right: 8px;}
.track-play .fa {width: 36px; height: 36px; line-height: 36px; border-radius: 50%; 
	margin-top: 11px; font-size: 12px;}
.track-item:hover, .show-player {/*background-color: #F4F1EE;*/}
.track-desc:hover .track-title, .album-in:hover .album-title {color: #09deff;}
.track-item:hover .track-fav, .track-item:hover .track-play, 
.show-player .track-play, .show-player .track-fav {opacity: 1;}
.track-item:hover .track-time, .show-player .track-time {color: #ffffff;}
.track-item:hover .track-play, .show-player .track-play {/*background-color: rgba(212,22,178,0.3);*/}
.track-play .fa-play {padding-left: 2px;}
.js-paused .fa:before {content: '\f04b'; padding-left: 2px;}


.track-item-side {padding: 14px 10px;border-bottom: 1px solid #114055;}
.track-item-side a {display: block;}

.pk {display:block;}
.mob {display:none;}

@media screen and (min-width: 950px) {
	.frels .track-desc {display: flex; justify-content: space-between;}
	.frels .track-title, .frels .track-subtitle {width: 46%;}
}

/* ALBUM
----------------------------------------------- */
.album-item {width: 23%; margin-bottom: 20px;}
.album-in {display: block; border-radius: 6px;}
.album-desc {position: absolute; z-index: 5; left: 0; right: 0; bottom: 0; padding: 10px;}
/*.album-in:after {content: ''; position:absolute; z-index: 3; left:0; bottom:0; width:100%; height:70%; 
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.4) 100%); pointer-events: none;}*/


/* BOTTOM NAVIGATION
----------------------------------------------- */
.bottom-nav {text-align:center; padding-top: 30px;}
.pagi-nav {max-width:100%; display:inline-block;}
.pagi-nav > span {display:inline-block;}
.pnext a, .pprev a, .pprev > span, .pnext > span {display:block; width:36px; text-align:center;}
.navigation {line-height: 40px;}
.navigation a, .navigation span, .pnext a, .pprev a, .pprev > span, .pnext > span {display:inline-block;padding:0 10px;margin: 5px 2px 0 4px;border-radius: 4px;min-width: 40px;background-color: #02364D;color: white;}
.navigation span:not(.nav_ext) {color: #000000;font-weight: 800;background: #eaf0f7;font-weight: 400;}

/* COMMENTS
----------------------------------------------- */
.review__form {
    font-size: 85%;
    margin-bottom: 32px;
    padding: 16px;
    border-radius: 4px;
    background: #f7f7f7;
}

.review__form textarea {
    width: 100%;
    min-height: 80px;
    margin: 8px 0
}

.review__form .button {
    margin-left: 0
}

.review .stars-rate::before {
    color: #fff;
    text-shadow: 0 1px #fdbe13,0-1px #fdbe13,1px 0#fdbe13,-1px 0#fdbe13
}

.review .stars-rating {
    margin-right: 8px
}

.review__items {
    font-size: 85%;
    margin: 0 0 0 0;
    padding: 0;
    list-style: none;
    text-indent: 0;
    -webkit-transition: margin .15s;
    -moz-transition: margin .15s;
    -o-transition: margin .15s;
    transition: margin .15s
}

@media screen and (min-width: 1080px) {
    .review__items {
        margin-left:16px
    }
}

.review__item {
    margin: 0 0 40px 0;
    padding: 0 16px 0 48px
}

.review__info {
    position: relative;
    margin-bottom: 8px;
    padding-right: 60px;
    font-size: 85%
}

.review__info span[itemprop="author"] {
    display: inline-block;
    margin-right: 8px
}

.review__remove {
    right: 0;
    top: -16px;
    margin-top: 0
}

@media screen and (hover: hover) and (pointer:fine) {
    .review__remove {
        visibility:hidden
    }
}

.review__item:hover .review__remove {
    visibility: visible
}

.review .date {
    display: inline-block
}

.review .avatar {
    position: absolute;
    top: -6px;
    left: -48px
}

.stars-rate,.stars-rating {
    display: inline-block;
    position: relative
}

.stars-rate[disabled],.stars-rating[disabled] {
    opacity: 1;
    filter: alpha(opacity=100)
}

.stars-rate[disabled] div,.stars-rating[disabled] div,.stars-rate[disabled]::before,.stars-rating[disabled]::before {
    opacity: 1;
    filter: alpha(opacity=100)
}

.stars-rate::before,.stars-rating::before,.stars-rate div,.stars-rating div,.stars-rate div::before,.stars-rating div::before {
    position: absolute;
    left: 0;
    top: 3px;
}

.stars-rate::before,.stars-rating::before,.stars-rate div::before,.stars-rating div::before {
    display: block;
    content: "";
    background: url(/img/rating.png) 0 0px;
    position: absolute;
    height: 17px;
    width: 100%;
}

.stars-rate::before,.stars-rating::before {
    z-index: 0;
}

.stars-rate div,.stars-rating div {
    width: 0;
    /* overflow: hidden; */
}

.stars-rate div::before,.stars-rating div::before {
    overflow: hidden;
    background: url(/img/rating.png) 0 -37px;
}

.stars-rate input {
    width: 17px;
    height: 17px;
    cursor: pointer;
}

.stars-rate input,.stars-rating input {
    display: inline-block;
    position: relative;
    z-index: 2;
    margin: 0px -3px 0 0;
    overflow: hidden;
    opacity: 0;
    filter: alpha(opacity=0)
}

.stars-rate input[value="5.0"]:checked+div,.stars-rating input[value="5.0"]:checked+div,.stars-rate input[value="5.0"]:hover+div,.stars-rating input[value="5.0"]:hover+div {
    width: 100%
}

.stars-rate input[value="4.0"]:checked+div,.stars-rating input[value="4.0"]:checked+div,.stars-rate input[value="4.0"]:hover+div,.stars-rating input[value="4.0"]:hover+div {
    width: 80%
}

.stars-rate input[value="3.0"]:checked+div,.stars-rating input[value="3.0"]:checked+div,.stars-rate input[value="3.0"]:hover+div,.stars-rating input[value="3.0"]:hover+div {
    width: 60%
}

.stars-rate input[value="2.0"]:checked+div,.stars-rating input[value="2.0"]:checked+div,.stars-rate input[value="2.0"]:hover+div,.stars-rating input[value="2.0"]:hover+div {
    width: 40%
}

.stars-rate input[value="1.0"]:checked+div,.stars-rating input[value="1.0"]:checked+div,.stars-rate input[value="1.0"]:hover+div,.stars-rating input[value="1.0"]:hover+div {
    width: 20%;
}



/* PLAYER
----------------------------------------------- */
.item-player {width: 100%;position: fixed;left: 0;bottom: 0;z-index: 5000;background-color: #1e2b4d;box-shadow: 0 0 6px rgba(0,0,0,.6);}
.audioplayer {max-width: 1080px; width: calc(100% - 30px); margin: 0 auto; height: 80px; color: #ffffff}
.audioplayer audio {display: none;}
.audioplayer-bar {position: absolute;left: 0;right: 0;bottom: 100%;height: 2px;background-color: #212645;}
.audioplayer-bar-loaded {position: absolute; left: 0; top: 0; height: 100%; background-color: rgba(0,0,0,0.3);}
.audioplayer-bar-played {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	z-index: 10;
	background-color: #02d7fb;
	}
.audioplayer-bar-played:before {content: ''; background-color: #ffffff; width: 12px; height: 12px; border-radius: 50%; 
position: absolute; right: -3px; top: 50%; margin-top: -6px; z-index: 3;}
.audioplayer:hover .audioplayer-bar {height: 10px;}

.audioplayer-volume {position: absolute; z-index: 100; left: 50%; top: 50%; margin-left: 100px; margin-top: -15px;}
.audioplayer-muted .fa-volume-up:before {content: '\f026';}
.audioplayer-volume-button a {color: #fff; display: block; width: 30px; height: 30px; line-height: 30px; text-align: center;}
.audioplayer-volume-adjust {position: absolute; left: 0; bottom: 100%; width: 30px; height: 100px; 
background-color: #F4F1EE; box-shadow: 0 0 10px rgba(0,0,0,0.5); padding: 10px; display: none;}
.audioplayer-volume-adjust > div {width: 10px; height: 80px; border-radius: 5px; 
position: relative; cursor: pointer; background-color: #ffffff; overflow: hidden;}
.audioplayer-volume-adjust > div > div {width: 100% !important;background-color: #2e073c;position: absolute;left: 0;bottom: 0;z-index: 10;}
.audioplayer-volume:hover .audioplayer-volume-adjust {display: block;}

.ap-time {font-size: 14px; opacity: 0.8;}
.audioplayer-time-current:after {content: '/'; display: inline; margin: 0 6px;}
.ap-desc {width: calc((100% - 160px)/2);}
.ap-img {width: 40px; height: 40px; margin-right: 10px; overflow: hidden; display: none;}
.ap-img img {width: 100%; height: 100%; object-fit: cover;}
.ap-artist {font-size: 12px;}
.ap-title {color: #fff; font-weight: 700;  margin-top: 3px;}
.ap-btns {width: 130px; height: 46px; position: absolute; left: 50%; top: 50%; margin: -23px 0 0 -65px;}
.audioplayer-playpause a {width: 46px; height: 46px; line-height: 46px; text-align: center; 
border-radius: 50%; display: block; font-size: 14px; position: relative;}
.ap-prev, .ap-next {font-size: 14px; cursor: pointer;}
.ap-prev:hover, .ap-next:hover {color: #fff;}
.audioplayer-stopped .audioplayer-playpause a {padding-left: 3px;}

.first-reveal .ap-prev, .first-reveal .ap-next {pointer-events: none; opacity: 0.5;}
.first-reveal .audioplayer-playpause .fa:before {content: '\f04b'; padding-left: 3px;}
.ap-play-pseudo {position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 10; cursor: pointer;}


/* FULL
----------------------------------------------- */
.fleft {width: 190px; height: 190px;}
.fheader {padding: 15px 20px;background-color: #1a1938;}
.fheader h1 span {color: #117484; font-size: 20px; font-weight: 400; display: block;}
.fcat {margin-top: 3px; font-size: 13px;}
.fcat span {margin-right: 5px;}
.fdl {margin-left: 20px; width: 170px; color: #fff !important;}
.fctrl {padding: 20px;border-top: 2px solid #114055;background-color: #055aa2;color: #ffffff;font-size: 14px;}

.fplay, .fplay .fa {width: 46px; height: 46px; line-height: 46px; position: static; 
	opacity: 1; margin: 0; text-align: center; font-size: 16px; display: inline-block; vertical-align: middle;}
.fviews {display: inline-block; vertical-align: middle; opacity: 0.8; font-size: 14px; line-height: 21px;}
.fslush {display: inline-block; vertical-align: middle; opacity: 0.8; font-size: 15px; margin-left: 12px;}
.flike {display: inline-block; vertical-align: middle; height: 30px; line-height: 30px; font-size: 15px;}
.flike a .fa {width: 30px; height: 30px; border-radius: 50%; line-height: 32px; 
	text-align: center; background-color: #1e204e;}
.flike > span {opacity: 0.8; margin-left: 8px;}
.fplay, .fctrl-left {background-color: transparent !important;}
.fplay:hover .fa {background-color: #117484;}

.fshare {height: 24px; line-height: 24px; text-align: center; white-space: nowrap;}
.fshare-title {font-size: 14px; opacity: 0.8; margin-right: 6px;}
.fshare .fa {background-color: #ad276e; color: #fff; cursor: pointer; margin-left: 5px;
	width: 24px; height: 24px; line-height: 24px; font-size: 14px; border-radius: 50%;}

/*--- RATING ---*/
.unit-rating {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 87px;
    height: 17px;
    position: relative;
    background: url(/img/rating.png) repeat-x;
    display: inline-block;
}

.unit-rating li {
    text-indent: -90000px;
    padding: 0;
    margin: 0;
    float: left
}

.unit-rating li.current-rating {
    background: url(/img/rating.png) 0 -34px;
    position: absolute;
    height: 17px;
    display: block;
    text-indent: -9000px;
    z-index: 1
}

/* FULL STORY STATIC
----------------------------------------------- */
.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame 
{max-width:100% !important; display:block; width:100%; height:400px;}
.mejs-container {max-width:100% !important;}
.full-text {line-height: 1.7; font-size: 15px;}
.full-text img:not(.emoji) {max-width:100%; margin:10px 6px 10px 0px;}
.full-text > img[style*="left"], .full-text > .highslide img[style*="left"] {margin:0 10px 10px 0;}
.full-text > img[style*="right"], .full-text > .highslide img[style*="right"] {margin:0 0 10px 10px;}
.full-text a {text-decoration:underline; color:#117484;}
.full-text a:hover {text-decoration:none;}
.full-text h2, .full-text h3, .full-text h4, .full-text h5 {margin:10px 0; font-size:18px; font-weight:400;}
.full-text p {margin-bottom:10px;}
.full-text > ul, .full-text > ol {margin:0;}
.full-text > ul li {list-style:disc; margin-left:40px;}
.full-text > ol li {list-style:decimal; margin-left:40px;}


/* ADAPTIVE
----------------------------------------------- */
.btn-menu {display: none;}

@media screen and (max-width: 1220px) {
	.wrap {padding: 0;}
	.wrap-center {max-width:1000px;}
	.btn-menu {display: block; font-size: 24px; color: #ffffff; cursor: pointer;}
	.search-wrap {min-width: 100%; width: 100%; padding: 0; -ms-flex-order: 10;-webkit-order: 10;order: 10;}
	.search-wrap input {text-align: center;}
	.hmenu {display: none; width: 100%; padding: 0;}
	.hmenu li a {margin: 0 0 20px 0; text-align: center;}
	.col-left {width: 100%; margin: -20px 0 0 0;}
	.side-box-content {min-height: 0;}
}

@media screen and (max-width: 950px) {
	.track-fav, .track-time, .track-img-full {display: none;}	
	aside {display: none;}	
	.wrap-center {max-width:768px;}
}

@media screen and (max-width: 760px) {
	.wrap-center {max-width:640px; margin: 0px; width: 100%;}
	.sect-title {font-size: 20px;}
	.sect-title h1 {font-size: 20px; font-weight: 700; color: #ffffff;}
	.sect-col {width: 100%; border-radius: 0;}
	.sect-cols {background-color: #ffffff; border-radius: 6px; overflow: hidden;}
	.album-item {width: 47.8%;}
	.ap-time {display: none;}
	.ap-btns {width: 100px; height: 36px; margin-left: -50px; margin-top: -18px;}
	.audioplayer-playpause a {width: 36px; height: 36px; line-height: 36px;}
	.ap-desc {width: calc((100% - 100px)/2);}
	.audioplayer-volume {left: auto; right: 15px; margin-right: 0;}
	.ap-title {font-size: 14px;}
	.ap-title span {display: none;}

	.fleft {display: none;}
	.fheader {/*padding-right: 76px;*/ position: relative; border-radius: 6px 6px 0 0;}
	.fright {display: block;}
	.fctrl {}
	.fdl {width: 100%; /*bottom: -55px;*/ margin: 0;}
	.fviews, .flike {display: none;}
	.fslush { display: inline-block; }
	.fshare {position: absolute; left: 0; bottom: -39px; width: 100%;}
	/*.fplay {position: absolute; right: 20px; top: -70px; left: auto;}*/
	.fmain {margin-bottom: 60px; overflow: visible;}

	.dcont button {font-size:12px; padding:0 15px !important;}
	.comments-tree-list .comments-tree-list {padding-left:0px !important;}
	.comments-tree-list .comments-tree-list:before {display:none;}
	.mass_comments_action {display:none;}
}

@media screen and (max-width: 590px) {
	.wrap-center {max-width:480px;}

	.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:300px;}

	.ui-dialog {width:100% !important;}
	.upop-left, .upop-right {float:none !important; width:100% !important; margin:0; padding:0 20px;}
	.upop-left {margin-bottom:10px; text-align:center;}
	.ui-dialog-buttonset button {display:block; margin:0 0 5px 0; width:100%;}
	#dofullsearch, #searchsuggestions span.seperator {display:none !important;}
	.attach .download-link {margin:0 -15px 0 0; float:none; display:block; padding:0 10px;}
	.attach-info {float:none;}
}

.artist-img {width:250px;float:left;margin-right:20px;}
.albom-img {width:250px;float:left;margin-right:20px;}

@media screen and (max-width: 470px) {
	.wrap-center22 {max-width:320px;}
	.sect-caption, .sect-link {font-size: 15px;}
	.content {padding-top: 40px;}
	.track-title, .album-title {font-size: 16px;}
	.album-in {padding-top: 80%;}
	.sect-caption {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.sect + .sect, .col-left {margin-top: 40px;}

	.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:250px;}
	.artist-img {width:250px;float:none;}
	.albom-img {width:250px;float:none;}
}



.dflex-box {
    display: flex;
    flex-wrap: wrap;
}

.dflex-box-left {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #1e2b4d;
    justify-content: space-between;
    padding-top: 50px;
}
.dflex-box .grid-item {width:33%;margin-bottom:20px;}
.dflex-box .grid-item img {width:100%;margin-bottom:10px;} 
.dflex-box .grid-item b {display:table;} 


.radio_wrap {
    display: flex;
}
.radio_sidebar {
    background-color: rgb(30 43 77);
    width: 250px;
    padding: 25px 15px 15px 15px;
    color: white;
    font-size: 20px;
    display: flex;
    flex-direction: column;
    z-index: 2000;
    position: relative;
    }
.radio_sidebar a {color: white}
.radio_sidebar .logo {}
.radio_sidebar .search {}
.radio_sidebar .nav.open {display :block;}
.radio_sidebar .nav li {list-style:none;position:relative;}
.radio_sidebar .nav li a {font-family: 'Montserrat', sans-serif;font-size: 14px;padding: 10px 6px;display: table;width: 100%;border-bottom: 1px solid #212645;}
.radio_sidebar .nav li a:hover {background-color: #eaf0f7;color: #000;}
.radio_sidebar .nav li a.dropdown {background-image: url(../images/triangle.webp);background-position: 95% 50%;background-repeat:no-repeat;}
.radio_sidebar .nav li ul {display:none;}
.radio_sidebar .nav li:hover ul {display:block;top: 0;left: auto;position: absolute;border-left: 1px solid #1e2b4d;opacity: 1;background: #1e2b4d;width: 265px;right: -265px;}
.radio_sidebar .nav li ul li {}
.radio_sidebar .nav li ul li a {
    display: flex;
    align-items: center;
}
.radio_sidebar .nav li ul li a img {
	margin-right:10px;
}

.radio_content h1 {font-family: 'Montserrat', sans-serif;font-weight:800;margin-right: 20px;}
.radio_content {
    width: 1060px;
    padding: 15px;
    background: #fff;
    color: #000;
}

.block_box {    
	background: #eaf0f7;
    margin-bottom: 20px;
    padding: 20px;
    overflow: hidden;
}
.block_box_white { background: #fff}

.block_box .block_title {}
.block_box .block_title .icon {}
.block_box .block_title .title {font-family: 'Montserrat', sans-serif;font-weight:800;font-size: 20px;}
.block_box .block_box_items {display: flex;
    flex-wrap: wrap;
    justify-content: space-between;}
.block_box .block_box_item {
    width: 100px;
    margin: 18px;
    }
.block_box .block_box_item a {color:#000;}
.block_box .block_box_item .block_box_item_image {margin-bottom:10px;}
.block_box .block_box_item .block_box_item_title {color:#000;font-family: 'Montserrat', sans-serif;font-weight:400;text-align: center;} 

.track-radio_head {
    background: #1e2b4d;
    padding: 7px!important;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    border-radius: 4px;
    align-items: center;
}
.track-radio_link {}
.track-radio_title {
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
}

.track-radio_img {margin-right:10px;}
.track-radio_img img {width:36px;border-radius:4px;}

.track-radio_head .track-play {
    position: relative;
    width: 65px;
    text-align: center;
}
.track-radio_head .track-play .fa {
    margin-top: 0px;
    color: #fff;
    box-shadow: inset 0 0 0 2px #ffffff;
}

.one-line {
	width: 100%;
	padding: 5px 20px;
	position: relative;
}

.striped > .one-line:nth-child(odd),
.striped_c > .one-line:nth-child(2n+2) {background: #f7f7f7;}

.radio_top-item > span {width: calc(100% - 50px)}
.radio_persons-item > span {width: calc(100% - 50px)}

.dotted > .one-line {
	border-bottom: 1px solid #d4d3d3;
}

.breadcrumbs {
    margin-bottom: 20px;
    color: #1e2b4d;
    font-size: 12px;
    font-family: 'Montserrat', sans-serif;
}
.breadcrumbs a {
    color: #1e2b4d;
    font-family: 'Montserrat', sans-serif;
}


.radio_contact {background:#f7f7f7;padding: 20px;margin-bottom: 20px;}
.radio_playlist {background:#fff;margin-bottom: 20px;}
.radio_playlist_count {position: absolute; right: 15px}
.playlist_date {
	background: #f7f7f7;
    width: 70px;
    display: inline-block;
    padding: 3px 10px;
    text-align: center;
    border-radius: 5px;
    margin-right: 15px;
}

.radio_playlist .active {background: #f7f7f7;}
.radio_playlist .active .playlist_date {border: 1px solid #d4d3d3;}

ul.radio_playlist_pagination {
    display: inline-block;
    padding: 0;
    margin: 0 0 20px;
}

ul.radio_playlist_pagination li { display: inline; margin-left: 0px;}

ul.radio_playlist_pagination li > a, ul.radio_playlist_pagination li > span {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    text-align: center;
    border: 1px solid #1e2b4d;
    margin: 4px;
}
ul.radio_playlist_pagination li > a span, ul.radio_playlist_pagination li > span span {
    display:block;
}
ul.radio_playlist_pagination li.active span {
    background-color: #1e2b4d;
    color: white;
}
ul.radio_playlist_pagination li:not(.active) a:hover { background-color: #ddd;}

.table-rating li{
    display: -webkit-flex;
    -webkit-justify-content: flex-start;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 10px 0;
    margin-left: 0!important;
}
.table-rating li:hover {
    background: #f7f6f9;
    border-radius: 50px 0 0 50px;
}

.table-rating li .top{
    width: 35px;
    height: 35px;
    text-align: center;
    margin: 0px 25px;
    padding: 5px 13px;
    background: #dcdada;
    color: white;
    font-weight: bold;
    border-radius: 50px;
}
.table-rating li:nth-child(1n+10) .top {
    padding-left: 9px;
}
.table-rating li:nth-child(-n+3) .top {
    background: #9cc63e;
}
.table-rating li .rating-info{
    position: relative;
	width: 100%;
}
.table-rating li .rating-img{
    padding-left: 60px;
}
.table-rating li a{}
.table-rating li a img{
    width: 50px;
    position: absolute;
    left: 0;
    top: -10px;
}
.table-rating li .rating{
    width: 90px;
    padding-left: 30px;
}

.table-rating li .itunes {
    opacity: .36;
    filter: alpha(opacity=36);
    background: #000;
    border-radius: 3px;
    position: absolute;
    right: 0
}

.table-rating li:hover .itunes {
    opacity: 1;
    filter: alpha(opacity=100)
}
.itunes::before {
    display: inline-block;
    vertical-align: middle;
    height: 15px;
    width: 50px;
    font-family: "orb-icons.v2";
    font-size: 15px;
    line-height: 15px;
    font-style: normal;
    text-decoration: none;
    -webkit-transition: .15s;
    -moz-transition: .15s;
    -o-transition: .15s;
    transition: .15s;

    content: "";
    background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 742 102' style='enable-background:new 0 0 742 102' xml:space='preserve'%3E%3Cstyle%3E.st2%7Bfill:%23fff%7D%3C/style%3E%3Cpath d='M332.2 13c6.9-5.1 15.1-8.2 23.6-9v14.1c-5.5.7-10.8 2.8-15.3 6.2-5.6 4.2-9.8 10.1-11.8 16.8-2 6.7-1.9 13.9.5 20.5s6.8 12.3 12.6 16.2c5.8 3.9 12.8 5.8 19.8 5.5 7-.3 13.7-2.9 19.2-7.3 5.4-4.4 9.3-10.5 11-17.3 1.2-4.7 1.3-9.7.4-14.4l11.9-9.5v-.1c3.2 8.8 3.7 18.4 1.4 27.5-2.5 9.7-8 18.4-15.8 24.7-7.8 6.3-17.4 10-27.4 10.5s-19.9-2.3-28.2-7.9c-8.3-5.6-14.6-13.7-18-23.1-3.4-9.4-3.6-19.7-.7-29.3S324.2 19 332.2 13z' style='fill:%23fcca00'/%3E%3Cpath d='M395.1 19.6v.1l-7.9 12.6c-2.9-4.3-6.7-7.8-11.3-10.3v28.6c0 8.8-7.1 15.9-15.9 15.9s-15.9-7.1-15.9-15.9 7.1-15.9 15.9-15.9c3.3 0 6.3 1 8.9 2.7V4.6c10.4 2 19.5 7.4 26.2 15z' style='fill:%23fc3f1d'/%3E%3Cpath class='st2' d='M40.5 85.8h12.3V15.4H35c-18 0-27.4 9.2-27.4 22.8C7.6 49 12.8 55.4 22 62L6 85.8h13.3l17.8-26.7-6.2-4.1c-7.5-5.1-11.1-9-11.1-17.5 0-7.5 5.3-12.6 15.3-12.6h5.5v60.9zm161.1-3.4v-9.8c-3.7 2.5-10 4.8-15.9 4.8-8.8 0-12.2-4.2-12.7-12.7h29.1v-6.4c0-17.7-7.8-24.4-19.9-24.4-14.7 0-21.7 11.2-21.7 26.7 0 17.7 8.7 26.3 24.1 26.3 7.8-.1 13.4-2.1 17-4.5zm75.4 4.4c5.6 0 9.5-1 12.5-3.1v-9.8c-3 2.1-6.7 3.4-11.8 3.4-8.6 0-12.2-6.7-12.2-17.2 0-11 4.4-16.7 12.3-16.7 4.7 0 9.2 1.6 11.7 3.1V36.2c-2.5-1.4-7-2.4-13-2.4-15.4 0-23.4 11-23.4 26.6 0 17 7.8 26.4 23.9 26.4zm-185.9-52V55H75V34.8H62.9v51H75V64.5h16.1v21.3h12.1v-51H91.1zm66.5 41.5h-5.4V34.8H117v4.4c0 12.5-.8 28.6-5.1 37.1h-3.8v21.2h11.1V85.8h27.1v11.7h11.1V76.3zm82.5 9.5h13.7l-19.4-27.5 17-23.5h-12.2l-17 23.5V34.8h-12.1v51h12.1v-25l17.9 25zM182 43.3c6 0 7.8 5 7.8 11.4v1H173c.3-8.1 3.2-12.4 9-12.4zm-41.8 33h-17c3.3-7.7 4.3-21.6 4.3-30.4v-1.5h12.8v31.9zM456.6 85.7h10.1l14.4-53.2v53.2h11.6V15.2h-15.9l-14.3 51.9-14.1-51.9h-16.2v70.4h10V32.5l14.4 53.2zM509.3 101.4c11.2 0 15.4-8 18.9-18.4l15.9-48.2h-11.7L521.2 73 510 34.7h-12.7l17.5 53.2c-1.3 2.4-3.2 4-6.6 4-2.2 0-4.2-.7-5.5-2v9.8c.1-.1 1.9 1.7 6.6 1.7zM561.7 77.1c-6.2 0-12.3-2.2-15.5-4.7v9.8c2.3 1.9 8.2 4.4 16.9 4.4 12.9 0 19.7-5.8 19.7-16 0-6-3.8-10-10.4-11.5 6.3-2 8.9-6.5 8.9-12.2 0-8.6-6.8-13.4-17.7-13.4-7.9 0-13.1 2.4-16 4.3v9.8c3.2-2.1 7.7-4.6 14.3-4.6 4.5 0 7.3 2.1 7.3 5.9 0 4-2.4 6.1-7.4 6.1h-7.6v9.1h7.6c6.2 0 8.6 1.8 8.6 6.3-.1 4.2-3.1 6.7-8.7 6.7zM590.8 34.7v51h18.3c11.9 0 20.3-6.1 20.3-18 0-11.4-7.5-17.3-20.1-17.3h-6.5V34.7h-12zm43.1 0v51H646v-51h-12.1zm-25.4 41.4h-5.6V59.8h5.9c5.2 0 8.2 2.3 8.2 8.2 0 5.9-3.4 8.1-8.5 8.1zM686 85.7h13.7l-19.4-27.5 17-23.5h-12.2l-17 23.5V34.7H656v51h12.1v-25l17.9 25zM740.7 50.9c0-12.4-6.3-17-19.1-17-8 0-14.3 2.5-17.9 4.7v10c3.2-2.4 10.3-5.1 16.5-5.1 5.8 0 8.4 2 8.4 7.5v2.8h-1.9c-18.4 0-26.7 6.1-26.7 16.4 0 10.3 6.3 16.1 15.6 16.1 7.1 0 10.1-2.3 12.5-4.8h.5c.1 1.3.5 3 .9 4.1h11.8c-.4-4.2-.6-8.3-.6-12.5V50.9zm-12.1 22.6c-1.5 2.2-4.4 4.1-8.6 4.1-5.1 0-7.6-3-7.6-7.6 0-6 4.2-8.1 14.5-8.1h1.7v11.6z'/%3E%3C/svg%3E") no-repeat;
    background-position: 2px 3px;
    background-size: 45px;
}

.off-music img {
	width: 150px!important;
}

.chastota{
     height: 363px;
    overflow: hidden;   
}
.radio_contact_title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 18px;
    margin-bottom: 15px;
}
.radio_contact_item {
    display: flex;
    margin-bottom: 10px;
}
.radio_contact_item_left {
    font-family: 'Montserrat', sans-serif;
    width: 135px;
}
.radio_contact_item_right {
    font-family: 'Montserrat', sans-serif;
    color: #000;
}
.radio_contact_soc {
display: block;
    overflow: hidden;
}
.radio_contact_item_link {
    margin-top: 10px;
    float: left;
    margin-right: 42px;
}
.radio_contact_item_link a {
    display: flex;
    align-items: center;
    font-family: 'Montserrat', sans-serif;
    color: #000;
}
.radio_contact_item_link img {margin-right:10px;}

.radio_content_box h1, .radio_content_box h2, .radio_content_box h3, .radio_content_box h4, .radio_content_box h5, .radio_content_box h6 {margin-bottom:10px;}
.radio_content_box p {margin-bottom:10px;}
.radio_content_box {
    background: #ffffff;
    padding: 20px;
    margin-bottom: 20px;
    }
	
.radio_persons img {width: 40px; margin: 2px 10px 2px 0!important;}
.radio_persons .fx-col-30 {padding: 0}

.radio_playlist img {width: 40px; margin: 2px 10px 2px 0!important;}
	
.radio_page {
    display: flex;
    background: #f7f7f7;
    padding: 20px;
    margin-bottom: 20px;
}
.radio_left {
    margin-right: 0px;
}
.radio_center {
    width: 415px;
    padding: 1px 0px 20px 20px;
}
.radio_page_mini .radio_center {
    width: 100%;
    padding: 1px 0px 0 20px;
}
.radio_title {
    color: #1e2b4d;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 15px;
}
.radio_play {
    background: #1e2b4d;
    width: 200px;
	min-width: 200px;
	height: 200px;
	position: relative;
}
.radio_play #playerjs1 {
	width: 200px!important;
	height: 150px!important;
}

#b-favorite {
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
    height: 50px;
    font-size: 16px;
	width: 100%;
    border-radius: 0;
}
#b-favorite.b-favorited {
	color: #9cc63e;
}

.yr-player-spin {
	display: none;
	width: 100px;
	height: 100px;
	position: absolute;
	top: 25px;
	right: 50px;
	z-index: +1;
}
.yr-player-spin .yr-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.yr-player-spin .yr-circle:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #c5c5c5;
    border-radius: 100%;
    -webkit-animation: yr-circleFadeDelay 1.2s infinite ease-in-out both;
    animation: yr-circleFadeDelay 1.2s infinite ease-in-out both;
}
.yr-player-spin .yr-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
}
.yr-player-spin .yr-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg);
}
.yr-player-spin .yr-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.yr-player-spin .yr-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg);
}
.yr-player-spin .yr-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg);
}
.yr-player-spin .yr-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.yr-player-spin .yr-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg);
}
.yr-player-spin .yr-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg);
}
.yr-player-spin .yr-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}
.yr-player-spin .yr-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); 
}
.yr-player-spin .yr-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); 
}
.yr-player-spin .yr-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; 
}
.yr-player-spin .yr-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; 
}
.yr-player-spin .yr-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; 
}
.yr-player-spin .yr-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; 
}
.yr-player-spin .yr-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; 
}
.yr-player-spin .yr-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; 
}
.yr-player-spin .yr-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; 
}
.yr-player-spin .yr-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}
.yr-player-spin .yr-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}
.yr-player-spin .yr-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
}
.yr-player-spin .yr-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s;
}
@-webkit-keyframes yr-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; }
}

@keyframes yr-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; } 
}

.logo a {    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 32px;
    text-align: center;
}
	
	.radio_page_wrap {display:flex;flex-direction: row;flex-wrap: nowrap;}
	.radio_page_left {
		max-width: 735px;
		margin-right: 20px;
		width: 100%;
	} 
	.radio_page .radio_left img {width:200px;height:auto;}
	.radio_page_mini .radio_left img {width:150px;height:auto;}
	
	.radio_page_right {width: 275px;display: table;}
	.radio_page_right .title {margin-bottom:20px;}
	.radio_page_right .block_box_list {margin-bottom: 20px; width: 275px}
	.radio_page_right .block_box_item {margin:0px;width:100%;margin-bottom: 0px!important;padding: 15px!important;}
	.radio_page_right .block_box_list .block_box_item a {display: flex!important;width: 100%;justify-content: flex-start;flex-direction: row;align-items: center;} 
	.radio_page_right .block_box_item .block_box_item_image {
    margin: 0;
    margin-right: 15px;
    width: auto!important;
}
	.radio_page_right .block_box_item .block_box_item_image img {width: 36px!important;}
	.radio_page_right .block_box_item .block_box_item_title {
    text-align: left;
} 

.review_box_title {    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 20px;}
	
	.com_content .text {display:flex;font-family: 'Montserrat', sans-serif;}
.com_content .text .name {margin-right:10px;}
	.com_content .text .no-img {margin-right:15px;min-width: 30px;} 
	.com_body a {color:#000;}
	.com_info {margin-bottom:5px;}
	
	
	.popup_area {
    position: relative;
    width: 100%;
    max-width: 500px;
    background-color: #fff;
    padding: 20px;
    border-radius: 6px;
}
.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.popup_area__title {    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 20px;text-align:center;color:#000;}

.input-wrap {margin-bottom:20px;}
	.input-wrap .label-box {color:#000;font-family: 'Montserrat', sans-serif;margin-bottom:10px}
	.input-wrap input {color:#000;box-shadow: none;border: 2px solid #1e2b4d;border-radius: 6px;}
	.input-wrap input::placeholder {color:#000;}
	.input-wrap textarea {color:#000;box-shadow: none;border: 2px solid #1e2b4d;border-radius: 6px;}
	.input-wrap textarea::placeholder {color:#000;}
.dflex {display:flex;align-items: center;justify-content: space-between;} 
.review_btn {text-align:center;}
.review_btn a {text-align:center;}

.mfp-close {background: #1e2b4d!important;padding:0!important;top: 0px!important;right: 0px!important;border-radius: 25px!important;height: 36px!important;line-height: 36px!important;}

.box_radio_list {}
.box_radio_list .block_box_item {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eaf0f7;
        width: 100%;
    
}
.block_box.related .block_box_item {
    width: 100px;
}
.box_radio_list .block_box_item a, .box_radio_list .block_box_line {
    display: flex;
    align-items: center;
}
.box_radio_list .radio_page_wrap .block_box_item a {
    display: block;
    
}
.box_radio_list .block_box_item_image {
    margin-right: 20px;
}
.box_radio_list .block_box_item_image img {
    width: 100px;
}.box_radio_list .radio_page_wrap .block_box_item_image img {
    width: auto;
}
.box_radio_list .block_box_item_title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #000;
}

.pagi-nav {    display: flex;
    justify-content: center;
    align-items: center;}
	
	.pagi-nav .pprev a {height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;}
	.pagi-nav .pnext a {height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;}

	.pagi-nav .pnext span {height: 40px;
    display: flex; 
    justify-content: center;
    align-items: center;} 
	
	.block_box_text {background:transparent;}
	.block_box_text .title {margin-bottom:20px;}
	.block_box_text p {margin-bottom:10px;}
	
	.seo_bottom {margin-top: 20px;}
	
	.footer {
    padding: 20px 0px;
    border-top: 1px solid #1e2b4d;
    margin-top: 35px;
}
	.footer nav {
    display: flex;
    justify-content: center;
}
	.footer nav a {
    color: #1e2b4d;
    margin: 0px 10px;
    padding: 0px 20px;
    font-family: 'Montserrat', sans-serif;
}

.block_box_list {}
.block_box_list .block_title {margin-bottom: 20px;}
.block_box_list .block_title .title {    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 20px;}
.block_box_list .block_description {margin-bottom:20px;font-family: 'Montserrat', sans-serif;}
.block_box_list .block_box_item {border-bottom: 1px solid #d4d3d3; width: 100%;padding: 20px;}
.block_box_list .block_box_item:hover {background: #f7f7f7}
.block_box_list .block_box_item a {
    display: flex;
    align-items: center;
}
.block_box_list .block_box_item .block_box_item_image {
    margin-right: 20px;
    width: 100px;
}
.block_box_list .block_box_item .block_box_item_image img {
    border-radius: 10%;
    margin: 0 0 0 0;
    padding: 0;
    float: left;
    border: 0;
    box-shadow: 0 0 0.3em #999;
    } 
.block_box_list .block_box_item .block_box_item_title {
    font-size: 15px;
    color: #1e2b4d;
    font-family: 'Montserrat', sans-serif;
	white-space: nowrap;
    overflow: hidden;
}

.block_box.related a {
	    display: flex;
    align-items: center;
    flex-direction: column; 
	
}

.cat_list_box {
    display: flex;
    margin-bottom: 10px;
}
.cat_list_box .cat_list_box_name {
    color: rgb(115, 117, 121);
    width: auto;
    font-family: 'Montserrat', sans-serif;
    margin-right: 8px;
}
.cat_list_box .cat_list_box_item {}
.cat_list_box .cat_list_box_item > a, .cat_list_box .cat_list_box_item > span {
    color: #000;
    font-family: 'Montserrat', sans-serif;
	padding-right: 5px;
}

.cat_list_box .cat_list_box_item.fx-col-30 a {
    color: #1e56ea;
}

.fa-social i {
    display: inline-block;
    font-size: 14px;
    text-align: center;
    padding: 8px;
    background: #1e2b4d;
    color: #f7f7f7;
    border-radius: 50px;
}


.review_count {
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 15px;
}
.review_count a {color:#382a88;}

.box_radio_list .block_box.related .block_box_item_image {margin-right:0px;}
 
.ui-dialog-titlebar .ui-button {display: none!important;} 

.ui-dialog .ui-dialog-buttonpane {
    padding: 10px 15px;
    text-align: center;
    background-color: #fff!important;
}
.ui-dialog {background:#fff!important;}
.ui-dialog .ui-dialog-content {color:#000;font-family: 'Montserrat', sans-serif;}

.ui-dialog-title {font-family: 'Montserrat', sans-serif;background:#fff;color:#000;} 

.mob_menu {display:none;}


.rating_box {display:flex;margin-bottom:15px;} 
.rating {margin-right:10px;} 
 
@media (max-width: 999px) and (min-width: 320px) {
	
	.pk {display:none;}
	.mob {display:block;width: auto!important;}

	.dflex-box {
		display: flex;
		flex-wrap: wrap;
	}

	.dflex-box-left {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: 1px solid #1e2b4d;
		justify-content: center;
	}
	.dflex-box .grid-item {width:33%;margin-bottom:20px;}
	.dflex-box .grid-item img {width:100%;margin-bottom:10px;} 
	.dflex-box .grid-item b {display:table;} 


	.radio_wrap {
		display: flex;
		flex-direction: column;
	}
	.radio_sidebar {
		background-color: rgb(30 43 77);
		width: -webkit-fill-available;
		padding: 10px 10px 10px 10px;
		color: white;
		font-size: 20px;
		display: flex;
		flex-direction: column;
		z-index: 2000;
		position: relative;
		}
	.radio_sidebar .logo {
		height: 50px;
	}
	.radio_sidebar .search {
		display: none;
	}
	.radio_sidebar .nav {
		display: none;
	}
	.radio_sidebar .search.show {
		display: block;
	}
	.radio_sidebar .nav.show {
		display: block;
	}
	.radio_sidebar .nav li {list-style:none;position:relative;/* font-family: 'Montserrat', sans-serif; *//* font-size: 14px; *//* padding: 10px 6px; *//* display: table; *//* width: 100%; *//* border-bottom: 1px solid #212645; */}
	.radio_sidebar .nav li a {font-family: 'Montserrat', sans-serif;font-size: 14px;padding: 0px;display: table;width: 100%;border: 0;font-family: 'Montserrat', sans-serif;font-size: 14px;padding: 10px 6px;display: table;width: 100%;border-bottom: 1px solid #212645;}
	.radio_sidebar .nav li a:hover {background-color: #eaf0f7;color: #000;}
	.radio_sidebar .nav li a.dropdown {background-image: url(../images/triangle.webp);background-position: 95% 50%;background-repeat:no-repeat;}
	.radio_sidebar .nav li ul {display:none;}
	.radio_sidebar .nav li:hover ul {display:block;top: 0;left: auto;position: relative;border-left: 1px solid #1e2b4d;opacity: 1;background: #1e2b4d;width: 265px;right: auto;left: 20px;}
	.radio_sidebar .nav li ul li {}
	.radio_sidebar .nav li ul li a {
		display: flex;
		align-items: center;
	}
	.radio_sidebar .nav li ul li a img {
		margin-right:10px;
	}

	.radio_content h1 {font-family: 'Montserrat', sans-serif;font-weight:800;margin-right: 0px;text-align: center;width: -webkit-fill-available;margin-bottom: 10px;}
	.radio_content {
		width: -webkit-fill-available;
		padding: 15px;
		background: #fff;
		color: #000;
	}

	.block_box {
		background: #eaf0f7;
		margin-bottom: 20px;
		padding: 10px;
		}
	.block_box .block_title {}
	.block_box .block_title .icon {}
	.block_box .block_title .title {font-family: 'Montserrat', sans-serif;font-weight:800;font-size: 20px;}
	.block_box .block_box_items {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		flex-direction: row;
		}
	.block_box .block_box_item {
		width: 100px;
		margin: 18px;
		}
	.block_box .block_box_item a {color:#000;}
	.block_box .block_box_item .block_box_item_image {margin-bottom:10px;}
	.block_box .block_box_item .block_box_item_title {color:#000;font-family: 'Montserrat', sans-serif;font-weight:400;text-align: center;} 

	.track-radio_head {
		background: #1e2b4d;
		padding: 7px!important;
		position: relative;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		border-radius: 4px;
	}
	.track-radio_link {
		width: 190px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.track-radio_title {
		font-family: 'Montserrat', sans-serif;
		color: #fff;
		font-weight: 400;
		font-size: 16px;
	}

	.track-radio_img {margin-right:10px;}
	.track-radio_img img {width:36px;border-radius:4px;}

	.track-radio_head .track-play {
		position: relative;
		width: 36px;
		text-align: center;
	}
	.track-radio_head .track-play .fa {
		margin-top: 0px;
		color: #fff;
		box-shadow: inset 0 0 0 2px #ffffff;
	}

	.breadcrumbs {
		margin-bottom: 20px;
		color: #1e2b4d;
		font-size: 12px;
		font-family: 'Montserrat', sans-serif;
	}
	.breadcrumbs a {
		color: #1e2b4d;
		font-family: 'Montserrat', sans-serif;
	}

	.chastota ul {
		margin-top: 22px;
		columns: 1;
		-webkit-columns: 1;
		-moz-columns: 1;
	}
		
	.radio_contact {background:#f7f7f7;padding: 10px;margin-bottom: 20px;}
	.radio_contact_title {
		font-family: 'Montserrat', sans-serif;
		font-weight: 800;
		font-size: 18px;
		margin-bottom: 15px;
	}
	.radio_contact_item {
		display: flex;
		margin-bottom: 10px;
		flex-direction: column;
	}
	.radio_contact_item_left {
		font-family: 'Montserrat', sans-serif;
		width: auto;
		margin-bottom: 5px;
		font-weight: bold;
	}
	.radio_contact_item_right {
		font-family: 'Montserrat', sans-serif;
		color: #000;
	}
	.radio_contact_soc {
	display: block;
		overflow: hidden;
	}
	.radio_contact_item_link {
		margin-bottom: 10px;
	}
	.radio_contact_item_link a {
		display: flex;
		align-items: center;
		font-family: 'Montserrat', sans-serif;
		color: #000;
	}
	.radio_contact_item_link img {margin-right:10px;}

	.radio_content_box h1, .radio_content_box h2, .radio_content_box h3, .radio_content_box h4, .radio_content_box h5, .radio_content_box h6 {margin-bottom:10px;}
	.radio_content_box p {margin-bottom:10px;}
	.radio_content_box {
		background: #ffffff;
		padding: 20px;
		margin-bottom: 20px;
		}
		
		
		
	.radio_page {
		display: flex;
		background: #f7f7f7;
		padding: 20px;
		margin-bottom: 20px;
		flex-direction: column;
		align-items: center;
	}
	.radio_left {
		margin-right: 0px;
	}
	.radio_center {
		width: auto;
		padding: 3px;
		width: 100%;
	}
	.radio_title {
		color: #1e2b4d;
		font-family: 'Montserrat', sans-serif;
		font-weight: bold;
		font-size: 20px;
		margin-bottom: 15px;
	}

	.radio_play {
		width: 300px;
		height: 150px;
	}
	.radio_play #playerjs1 {
		width: 300px!important;
		height: 100px!important;
	}

	.yr-player-spin {
		top: 0px;
		right: 100px;
	}

	.logo a {    font-family: 'Montserrat', sans-serif;
		font-weight: 800;
		font-size: 32px;
		text-align: center;}
		
		.radio_page_wrap {display:flex;flex-direction: column;flex-wrap: nowrap;}
		.radio_page_left {
		max-width: 735px;
		margin-right: 20px;
		width: 100%;
	} 
		.radio_page_right {width: 100%;display: table;margin-top: 50px; overflow: hidden}
		.radio_page_right .title {margin-bottom:20px;}
		.radio_page_right .block_box_item {margin:0px;width:100%;margin-bottom: 15px!important;padding: 0px!important;}
		.radio_page_right .block_box_item a {display: flex!important;align-items: center;width: 100%;} 
		.radio_page_right .block_box_item .block_box_item_image {
		margin: 0;
		margin-right: 15px;
	}
		.radio_page_right .block_box_item .block_box_item_image img {width: 36px!important;}
		.radio_page_right .block_box_item .block_box_item_title {
		text-align: left;
	} 

	.review_box_title {
		font-family: 'Montserrat', sans-serif;
		font-weight: 800;
		font-size: 20px;
		margin-bottom: 15px;
		}
		
		.com_content .text {display:flex;font-family: 'Montserrat', sans-serif;}
	.com_content .text .name {margin-right:10px;}
		.com_content .text .no-img {margin-right:15px;min-width: 30px;} 
		.com_body a {color:#000;}
		.com_info {margin-bottom:5px;}
		
		
		.popup_area {
		position: relative;
		width: 100%;
		max-width: 500px;
		background-color: #fff;
		padding: 20px;
		border-radius: 6px;
	}
	.center-block {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	.comment-line {margin-bottom:20px;}

	.review_box {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 20px;
		flex-direction: column;
	}

	.review_box a {
		display: inline-block;
		text-align: center;
		padding: 0 40px;
		height: 40px;
		line-height: 40px;
		border-radius: 4px;
		cursor: pointer;
		font-size: 16px;
		font-weight: 400;
		background-color: #1e2b4d;
		color: #fff;
	} 

	.popup_area__title {    font-family: 'Montserrat', sans-serif;
		font-weight: 800;
		font-size: 20px;text-align:center;color:#000;}

	.input-wrap {margin-bottom:20px;}
		.input-wrap .label-box {color:#000;font-family: 'Montserrat', sans-serif;margin-bottom:10px}
		.input-wrap input {color:#000;box-shadow: none;border: 2px solid #1e2b4d;border-radius: 6px;}
		.input-wrap input::placeholder {color:#000;}
		.input-wrap textarea {color:#000;box-shadow: none;border: 2px solid #1e2b4d;border-radius: 6px;}
		.input-wrap textarea::placeholder {color:#000;}
	.dflex {display:flex;align-items: center;justify-content: space-between;} 
	.review_btn {text-align:center;}
	.review_btn a {text-align:center;}

	.mfp-close {background: #1e2b4d!important;padding:0!important;top: 0px!important;right: 0px!important;border-radius: 25px!important;height: 36px!important;line-height: 36px!important;}

	.box_radio_list {}
	.box_radio_list .block_box_item {
		margin-bottom: 15px;
		padding-bottom: 15px;
		border-bottom: 1px solid #eaf0f7;
	}
	.box_radio_list .block_box_item a {
		display: flex;
		align-items: center;
	}
	.box_radio_list .radio_page_wrap .block_box_item a {
		display: block;
		
	}
	.box_radio_list .block_box_item_image {
		margin-right: 20px;
	}
	.box_radio_list .block_box_item_image img {
		width: 100px;
	}.box_radio_list .radio_page_wrap .block_box_item_image img {
		width: auto;
	}
	.box_radio_list .block_box_item_title {
		font-family: 'Montserrat', sans-serif;
		font-weight: 400;
		font-size: 16px;
		color: #000;
	}

	.pagi-nav {    display: flex;
		justify-content: center;
		align-items: center;}
		
		.pagi-nav .pprev a {height: 40px;
		display: flex;
		justify-content: center;
		align-items: center;}
		.pagi-nav .pnext a {height: 40px;
		display: flex;
		justify-content: center;
		align-items: center;}

		.pagi-nav .pnext span {height: 40px;
		display: flex; 
		justify-content: center;
		align-items: center;} 
		
		.block_box_text {background:transparent;}
		.block_box_text .title {margin-bottom:20px;}
		.block_box_text p {margin-bottom:10px;}
		
		.footer {
		padding: 20px 0px;
		border-top: 1px solid #1e2b4d;
		margin-top: 35px;
	}
		.footer nav {
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}
		.footer nav a {
		color: #1e2b4d;
		margin: 0px 10px;
		padding: 0px 20px;
		font-family: 'Montserrat', sans-serif;
		margin-bottom: 15px;
	}

	.block_box_list {}
	.block_box_list .block_title {margin-bottom: 20px;}
	.block_box_list .block_title .title {    font-family: 'Montserrat', sans-serif;
		font-weight: 800;
		font-size: 20px;}
	.block_box_list .block_description {margin-bottom:20px;font-family: 'Montserrat', sans-serif;}
	.block_box_list .block_box_item {border-bottom: 1px solid #d4d3d3;display: table;width: 100%;padding: 20px;padding-bottom: 20px!important;}
	.block_box_list .block_box_item a {
		display: flex;
		align-items: center;
	}
	.block_box_list .block_box_item .block_box_item_image {
		margin-right: 20px;
		width: 100px;
	}
	.block_box_list .block_box_item .block_box_item_image img {
		border-radius: 10%;
		margin: 0 0 0 0;
		padding: 0;
		float: left;
		border: 0;
		box-shadow: 0 0 0.3em #999;
		} 
	.block_box_list .block_box_item .block_box_item_title {
		font-size: 17px;
		color: #1e2b4d;
		font-family: 'Montserrat', sans-serif;
	}

	.block_box.related a {
			display: flex;
		align-items: center;
		flex-direction: column; 
		
	}

	.radio_page .radio_left img {width:200px;height:auto;}

	.cat_list_box {
		display: flex;
		margin-bottom: 10px;
	}
	.cat_list_box .cat_list_box_name {
		color: rgb(115, 117, 121);
		width: 110px;
		font-family: 'Montserrat', sans-serif;
	}
	.cat_list_box .cat_list_box_item {}
	.cat_list_box .cat_list_box_item a {
		color: #000;
		font-family: 'Montserrat', sans-serif;
	}

	.review_count {
		font-family: 'Montserrat', sans-serif;
		margin-bottom: 15px;
	}
	.review_count a {color:#382a88;}

	.box_radio_list .block_box.related .block_box_item_image {margin-right:0px;}
	 
	.ui-dialog-titlebar .ui-button {display: none!important;} 

	.ui-dialog .ui-dialog-buttonpane {
		padding: 10px 15px;
		text-align: center;
		background-color: #fff!important;
	}
	.ui-dialog {background:#fff!important;}
	.ui-dialog .ui-dialog-content {color:#000;font-family: 'Montserrat', sans-serif;}

	.ui-dialog-title {font-family: 'Montserrat', sans-serif;background:#fff;color:#000;} 

	.mob_menu {display: table;font-family: 'Montserrat', sans-serif;font-weight: 600;justify-content: center;line-height: 21px;padding: 10px 0px;position: relative;margin: 0 auto;}
		.mob_menu .hamburger-lines {
	  display: block;
	  height: 24px;
	  width: 32px;
	  /* position: absolute; */
	  top: 17px;
	  left: 20px;
	  z-index: 2;
	  display: flex;
	  flex-direction: column;
	  justify-content: space-between;
	  margin-right: 10px;
	  float: left;
	}

	.mob_menu .hamburger-lines .line {
	  display: block;
	  height: 3px;
	  width: 100%;
	  border-radius: 10px;
	  background: #ffffff;
	}

	.mob_menu .hamburger-lines .line1 {
	  transform-origin: 0% 0%;
	  transition: transform 0.4s ease-in-out;
	}

	.mob_menu .hamburger-lines .line2 {
	  transition: transform 0.2s ease-in-out;
	}

	.mob_menu .hamburger-lines .line3 {
	  transform-origin: 0% 100%;
	  transition: transform 0.4s ease-in-out;
	} 


	.mob_menu input[type="checkbox"]:checked ~ .menu-items {
	  transform: translateX(0);
	}

	.mob_menu input[type="checkbox"]:checked ~ .hamburger-lines .line1 {
	  transform: rotate(45deg);
	}

	.mob_menu input[type="checkbox"]:checked ~ .hamburger-lines .line2 {
	  transform: scaleY(0);
	}

	.mob_menu input[type="checkbox"]:checked ~ .hamburger-lines .line3 {
	  transform: rotate(-45deg);
	}
	.mob_menu .checkbox {
		position: absolute;
		display: block;
		height: 100%;
		top: 0px;
		left: 0px;
		z-index: 5;
		opacity: 0;
		cursor: pointer;
		width: 100%;
	}
} 

.bth-height {
    margin-left: 0px;
    width: 100%;
    color: #000;
    display: inline-block;
    text-align: center;
    padding: 0 0px;
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px;
    background: #f7f7f7;
}


.radio_content_box .full-text {
    max-height: 250px;
    padding: 0;
    margin: 15px;
    overflow: hidden;
}


.sect-height .full-text {
    height: auto;
    max-height: 100%;
}

.track_play {    margin-right: 15px;
    height: 60px;
    overflow: hidden;
    width: 60px;}
.track_play center {    position: relative;
    left: -44px;
    top: -45px; } 
	
.i-fb,.i-apple,.i-google,.i-tw,.i-vk,.i-dzen,.i-yandex,.i-mailru,.i-wiki,.i-inst,.i-yahoo,.i-telegram,.b-fb,.b-apple,.b-google,.b-tw,.b-vk,.b-dzen,.b-yandex,.b-ok,.b-mailru,.b-wiki,.b-inst,.b-yahoo,.b-telegram {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    border-radius: 4px;
    text-align: center;
    text-decoration: none
}

.i-fb:hover,.i-apple:hover,.i-google:hover,.i-tw:hover,.i-vk:hover,.i-dzen:hover,.i-yandex:hover,.i-mailru:hover,.i-wiki:hover,.i-inst:hover,.i-yahoo:hover,.i-telegram:hover,.b-fb:hover,.b-apple:hover,.b-google:hover,.b-tw:hover,.b-vk:hover,.b-dzen:hover,.b-yandex:hover,.b-ok:hover,.b-mailru:hover,.b-wiki:hover,.b-inst:hover,.b-yahoo:hover,.b-telegram:hover {
    color: #fff;
    -webkit-transform: scale(1.066);
    -ms-transform: scale(1.066);
    -o-transform: scale(1.066);
    -webkit-transform: scale(1.066);
    -ms-transform: scale(1.066);
    -o-transform: scale(1.066);
    transform: scale(1.066)
}

.i-fb:active,.i-apple:active,.i-google:active,.i-tw:active,.i-vk:active,.i-dzen:active,.i-yandex:active,.i-mailru:active,.i-wiki:active,.i-inst:active,.i-yahoo:active,.i-telegram:active,.b-fb:active,.b-apple:active,.b-google:active,.b-tw:active,.b-vk:active,.b-dzen:active,.b-yandex:active,.b-ok:active,.b-mailru:active,.b-wiki:active,.b-inst:active,.b-yahoo:active,.b-telegram:active,.i-fb:focus,.i-apple:focus,.i-google:focus,.i-tw:focus,.i-vk:focus,.i-dzen:focus,.i-yandex:focus,.i-mailru:focus,.i-wiki:focus,.i-inst:focus,.i-yahoo:focus,.i-telegram:focus,.b-fb:focus,.b-apple:focus,.b-google:focus,.b-tw:focus,.b-vk:focus,.b-dzen:focus,.b-yandex:focus,.b-ok:focus,.b-mailru:focus,.b-wiki:focus,.b-inst:focus,.b-yahoo:focus,.b-telegram:focus {
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    color: #fff
}

.b-fb,.b-apple,.b-google,.b-tw,.b-vk,.b-dzen,.b-yandex,.b-ok,.b-mailru,.b-wiki,.b-inst,.b-yahoo,.b-telegram {
    white-space: nowrap
}

.b-fb::after,.b-apple::after,.b-google::after,.b-tw::after,.b-vk::after,.b-dzen::after,.b-yandex::after,.b-ok::after,.b-mailru::after,.b-wiki::after,.b-inst::after,.b-yahoo::after,.b-telegram::after {
    display: inline-block;
    vertical-align: middle;
    font-size: 85%
}

.b-fb::after,.b-tw::after,.b-vk::after,.b-dzen::after,.b-yandex::after,.b-ok::after,.b-mailru::after,.b-wiki::after,.b-inst::after,.b-yahoo::after,.b-telegram::after {
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    font-size: 85%
}

.i-fb--reference,.i-tw--reference,.i-wiki--reference,.i-web--reference,.i-inst--reference {
    white-space: nowrap
}

.i-fb--reference::before,.i-tw--reference::before,.i-wiki--reference::before,.i-web--reference::before,.i-inst--reference::before {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin-right: 6px;
    background-color: #bdcad7;
    border-radius: 2px;
    color: #fff
}

.socialLoginPopup {
    font-size: 16px;
    padding: 6px 10px!important;
}
.socialLoginPopup i {
    font-size: 20px;
}


.b-vk,.i-vk {
    background-color: #4c75a3
}
.b-mailru,.i-mailru {
    background-color: #168de2
}
.b-google {
    color: #444;
    background: #fff;
    -webkit-box-shadow: 0 0 0 1px #888;
    box-shadow: 0 0 0 1px #888
}

.b-google:hover,.b-google:active,.b-google:focus {
    color: #444
}
.b-yandex,.i-yandex {
    background-color: #e7322b
}
.b-dzen, .i-dzen {
	background-color: #292c39
}
.b-ok {
    background-color: #f58220
}

.i-tw::before,.i-vk::before,.i-dzen::before,.i-yandex::before,.i-mailru::before,.i-wiki::before,.i-inst::before,.i-yahoo::before,.b-tw::before,.b-vk::before,.b-dzen::before,.b-yandex::before,.b-ok::before,.b-mailru::before,.b-wiki::before,.b-inst::before,.b-yahoo::before {
    margin: 4px
}

.b-tw,.b-vk,.b-dzen,.b-yandex,.b-ok,.b-mailru,.b-wiki,.b-inst,.b-yahoo,.b-apple,.b-google,.b-telegram {
    padding: 0 8px
}

.i-inst::before,.b-inst::before {
    margin-top: 5px
}

.i-fb::before,.b-fb::before {
    margin: 9px 0-1px 8px
}

.b-fb {
    padding: 0 8px 0 0
}

.i-fb--reference::before {
    padding: 4px 0 0 4px
}

.b-fb,.i-fb {
    background-color: #3b5998
}


.modal,.modal--fullscreen {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal-open,.modal--fullscreen-open {
    overflow: hidden
}

.modal__i-close,.review__remove {
    right: 16px;
    top: 16px
}

.alert__i-close {
    right: 0;
    top: 0
}

@media screen and (min-width: 768px) {
    .alert__i-close {
        right:16px;
        top: 16px
    }
}

.modal__i-close,.alert__i-close,.review__remove {
    display: inline-block;
    position: absolute;
    z-index: 2;
    width: 48px;
    height: 48px;
    font-size: 48px;
    line-height: 48px;
    font-weight: 100;
    color: #bdcad7;
    text-align: center;
    -webkit-transition: .15s;
    -moz-transition: .15s;
    -o-transition: .15s;
    transition: .15s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.modal__i-close:hover,.alert__i-close:hover,.review__remove:hover,.modal__i-close:focus,.alert__i-close:focus,.review__remove:focus {
    color: #1e2b4d;
    text-decoration: none;
    cursor: pointer
}

button.modal__i-close,button.alert__i-close,button.review__remove {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}


@media screen and (min-width: 1080px) {
    .modal-open .modal,.modal--fullscreen-open .modal {
        overflow-x:hidden;
        overflow-y: auto
    }
}

.modal.fade .modal__dialog,.modal--fullscreen.fade .modal__dialog {
    -webkit-transform: translate(0,-25%);
    -ms-transform: translate(0,-25%);
    -o-transform: translate(0,-25%);
    transform: translate(0,-25%);
    -webkit-transition: transform .35s ease-out;
    -moz-transition: transform .35s ease-out;
    -o-transition: transform .35s ease-out;
    transition: transform .35s ease-out
}

.modal.in .modal__dialog,.modal--fullscreen.in .modal__dialog {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
    -webkit-transition: transform .35s ease-out;
    -moz-transition: transform .35s ease-out;
    -o-transition: transform .35s ease-out;
    transition: transform .35s ease-out
}

.modal {
    z-index: 1050
}

.modal__heading,.modal--cookies h3,.modal--cookies-settings h3 {
    margin: 0 0 16px;
    font-size: 161%;
    font-weight: 300
}

.modal--fullscreen__container .modal__heading,.modal--fullscreen__container .modal--cookies h3,.modal--fullscreen__container .modal--cookies-settings h3 {
    padding: 0 64px
}

@media screen and (max-width: 339px) {
    .modal__heading,.modal--cookies h3,.modal--cookies-settings h3 {
        font-size:141%
    }
}

.modal-backdrop,.modal--cookies-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: rgba(0,9,27,0.5)
}

.modal__dialog {
    position: absolute
}

@media screen and (min-width: 1080px) {
    .modal__dialog {
        overflow:auto
    }
}

@media screen and (min-width: 1080px) {
    .modal__dialog {
        width:800px;
        left: 50%;
        margin-left: -400px;
        top: 5%;
        bottom: 5%;
        border-radius: 4px
    }
}

@media screen and (max-width: 1079px) {
    .modal__dialog {
        left:0;
        right: 0;
        top: 0;
        bottom: 0
    }
}

.modal__content {
    padding: 48px;
    outline: 0;
    background-color: #fff
}

@media screen and (min-width: 1080px) {
    .modal__content {
        position:relative;
        border-radius: 4px
    }
}

@media screen and (max-width: 1079px) {
    .modal__content {
        position:fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        overflow: auto
    }
}

.modal--fullscreen {
    z-index: 1038
}

.modal--fullscreen__dialog {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.modal--fullscreen__content {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    outline: 0;
    background-color: #00091b;
    overflow: auto
}

.modal--fullscreen .modal__heading {
    text-align: center
}

.modal--fullscreen__container {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 48px 16px 0;
    -webkit-transition: .35s;
    -moz-transition: .35s;
    -o-transition: .35s;
    transition: .35s
}

._loading::before {
    content: "";
    background: url(data:image/svg+xml,%3Csvg\ xmlns=\'http://www.w3.org/2000/svg\'\ viewBox=\'0\ 0\ 32\ 32\'%3E%3Cpath\ fill=\'%23FFFFFF\'\ d=\'M24,6.7c0.7,0,1.3,0.6,1.3,1.3c0,0.7-0.6,1.3-1.3,1.3c-0.7,0-1.3-0.6-1.3-1.3C22.7,7.3,23.3,6.7,24,6.7L24,6.7z\ M16,1.9c1.6,0,2.8,1.3,2.8,2.8c0,1.6-1.3,2.8-2.8,2.8s-2.8-1.3-2.8-2.8C13.2,3.1,14.4,1.9,16,1.9L16,1.9z\ M8,5.4c1.4,0,2.6,1.2,2.6,2.6S9.4,10.6,8,10.6c-1.4,0-2.6-1.2-2.6-2.6S6.5,5.4,8,5.4L8,5.4z\ M4.7,13.6c1.3,0,2.4,1.1,2.4,2.4c0,1.3-1.1,2.4-2.4,2.4c-1.3,0-2.4-1.1-2.4-2.4C2.3,14.7,3.3,13.6,4.7,13.6L4.7,13.6z\ M8,21.8c1.2,0,2.2,1,2.2,2.2c0,1.2-1,2.2-2.2,2.2s-2.2-1-2.2-2.2C5.8,22.8,6.8,21.8,8,21.8L8,21.8z\ M16,25.4c1.1,0,2,0.9,2,2c0,1.1-0.9,2-2,2s-2-0.9-2-2C14,26.2,14.9,25.4,16,25.4L16,25.4z\ M24,22.3c1,0,1.7,0.8,1.7,1.7c0,1-0.8,1.7-1.7,1.7c-1,0-1.7-0.8-1.7-1.7C22.3,23.1,23.1,22.3,24,22.3L24,22.3z\ M27.3,14.5c0.8,0,1.5,0.7,1.5,1.5c0,0.8-0.7,1.5-1.5,1.5c-0.8,0-1.5-0.7-1.5-1.5C25.8,15.2,26.5,14.5,27.3,14.5L27.3,14.5z\'/%3E%3C/svg%3E)no-repeat 50%
}

._loading::before {
    -webkit-animation: spin .8s steps(8,end) 0s infinite;
    -o-animation: spin .8s steps(8,end) 0s infinite;
    animation: spin .8s steps(8,end) 0s infinite
}

.modal._loading::before {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -36px 0 0-36px
}

.modal._login {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.modal._login .link {
    position: relative
}

.modal._login .link::after {
    display: inline-block;
    vertical-align: middle;
    content: "";
    border-top: 4px solid #7d97b1;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    margin-left: 8px;
    -webkit-transition: .15s ease;
    -moz-transition: .15s ease;
    -o-transition: .15s ease;
    transition: .15s ease;
    cursor: pointer
}

.modal._login .link:hover::after {
    border-top-color: #ff6000
}

.modal._login .link[aria-expanded="true"]::after {
    border-top-color: #ff6000;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.modal._login .login__social-buttons>a {
    margin: 0 16px 16px 0
}

.modal._login .login__social-buttons>a:last-child {
    margin-right: 0
}

.modal._login .disabled {
    cursor: default
}

.modal._login .login__agreement {
    padding: 8px 8px 8px 40px;
    margin: 0 0 24px -16px;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-transition: border-color .15s;
    -moz-transition: border-color .15s;
    -o-transition: border-color .15s;
    transition: border-color .15s
}

.modal._login .login__agreement.alert {
    border-color: #d9534f;
    -webkit-box-shadow: 0 0 24px 0 rgba(217,83,79,0.5);
    box-shadow: 0 0 24px 0 rgba(217,83,79,0.5)
}

.modal._login .login__agreement a {
    white-space: nowrap
}

.modal._login .login__agreement input[type=checkbox] {
    margin-left: -24px
}

.modal._disabled form {
    margin: 8px 0 16px;
    padding-bottom: 32px;
    border: dashed #d6dfe7;
    border-width: 0 0 1px
}

.button,.promo__form-customize__fieldset-multi>button.button--add,.promo__form-customize__fieldset-multi>button.button--remove {
    height: 36px;
    margin-left: 16px
}

.modal--cookies-backdrop {
    z-index: 1052
}

.modal--cookies,.modal--cookies-settings {
    position: fixed;
    z-index: 1053;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-overflow-scrolling: touch
}

.modal--cookies>section,.modal--cookies-settings>section {
    position: relative;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    padding: 48px;
    font-size: 90%;
    background-color: #fff;
    overflow: auto
}

@media screen and (max-device-width: 8in) {
    .modal--cookies>section,.modal--cookies-settings>section {
        padding:24px
    }
}

@media screen and (min-width: 1440px) {
    .modal--cookies>section,.modal--cookies-settings>section {
        margin-bottom:5%
    }
}

.modal--cookies .action,.modal--cookies-settings .action {
    margin: 0 0 0 0;
    padding: 0;
    list-style: none;
    text-indent: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.modal--cookies .action>li,.modal--cookies-settings .action>li {
    margin: 0 0 0 0
}

@media screen and (max-device-width: 8in) and (orientation:portrait) {
    .modal--cookies .action>li,.modal--cookies-settings .action>li {
        -webkit-flex:1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        text-align: center
    }
}

.modal--cookies .action>li:first-child,.modal--cookies-settings .action>li:first-child {
    min-width: 25%
}

@media screen and (max-device-width: 8in) and (orientation:portrait) {
    .modal--cookies .action>li:first-child,.modal--cookies-settings .action>li:first-child {
        -ms-flex-order:2;
        -webkit-order: 2;
        order: 2
    }
}

@media screen and (max-device-width: 8in) and (orientation:portrait) {
    .modal--cookies .action>li:nth-of-type(2),.modal--cookies-settings .action>li:nth-of-type(2) {
        -ms-flex-order:1;
        -webkit-order: 1;
        order: 1;
        margin-bottom: 24px
    }
}

.modal--cookies .action button,.modal--cookies-settings .action button {
    margin-left: 0;
    width: 100%;
    font-size: 1rem
}

@media screen and (hover: none) and (pointer:coarse) {
    .modal--cookies .action button,.modal--cookies-settings .action button {
        font-size:130%
    }
}

.modal--cookies .action .link,.modal--cookies-settings .action .link {
    color: #0d45ad
}

.modal--cookies .action .link:hover,.modal--cookies-settings .action .link:hover,.modal--cookies .action .link:active,.modal--cookies-settings .action .link:active {
    color: #ff6000
}

.modal--cookies .modal__i-close,.modal--cookies-settings .modal__i-close {
    width: 10px;
    height: 10px;
    cursor: pointer
}

.modal--cookies .modal__i-close path,.modal--cookies-settings .modal__i-close path {
    fill: #bdcad7
}

.modal--cookies.display--flex,.modal--cookies-settings.display--flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.modal--cookies {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 5%
}

.modal--cookies>section {
    max-width: 800px
}

.modal--cookies-settings {
    display: none;
    opacity: 0;
    filter: alpha(opacity=0)
}

.modal--cookies-settings>section {
    min-height: 100%
}

@media screen and (hover: hover) and (pointer:fine) {
    .modal--cookies-settings>section {
        max-width:800px;
        min-height: 0;
        border-radius: 4px
    }
}

.modal--cookies-settings ul {
    margin: 0 0 0 0;
    padding: 0;
    list-style: none;
    text-indent: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.modal--cookies-settings ul>li {
    margin: 0 32px 24px 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.modal--cookies-settings ul>li:last-child {
    margin-right: 0
}

@media screen and (min-width: 1080px) {
    .modal._disconnect .modal__dialog {
        width:fit-content;
        max-width: 800px;
        margin-left: unset;
        bottom: unset
    }

    .fade.modal._disconnect .modal__dialog,.in.modal._disconnect .modal__dialog {
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }
}

.modal._disconnect .modal__content {
    text-align: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal._disconnect ._loading {
    margin: 0 auto 24px;
    height: 72px;
    width: 72px
}

.modal._disconnect ._loading::before {
    content: "";
    background: url(data:image/svg+xml,%3Csvg\ xmlns=\'http://www.w3.org/2000/svg\'\ viewBox=\'0\ 0\ 32\ 32\'%3E%3Cpath\ opacity=\'.5\'\ d=\'M24,6.7c0.7,0,1.3,0.6,1.3,1.3c0,0.7-0.6,1.3-1.3,1.3c-0.7,0-1.3-0.6-1.3-1.3C22.7,7.3,23.3,6.7,24,6.7L24,6.7z\ M16,1.9c1.6,0,2.8,1.3,2.8,2.8c0,1.6-1.3,2.8-2.8,2.8s-2.8-1.3-2.8-2.8C13.2,3.1,14.4,1.9,16,1.9L16,1.9z\ M8,5.4c1.4,0,2.6,1.2,2.6,2.6S9.4,10.6,8,10.6c-1.4,0-2.6-1.2-2.6-2.6S6.5,5.4,8,5.4L8,5.4z\ M4.7,13.6c1.3,0,2.4,1.1,2.4,2.4c0,1.3-1.1,2.4-2.4,2.4c-1.3,0-2.4-1.1-2.4-2.4C2.3,14.7,3.3,13.6,4.7,13.6L4.7,13.6z\ M8,21.8c1.2,0,2.2,1,2.2,2.2c0,1.2-1,2.2-2.2,2.2s-2.2-1-2.2-2.2C5.8,22.8,6.8,21.8,8,21.8L8,21.8z\ M16,25.4c1.1,0,2,0.9,2,2c0,1.1-0.9,2-2,2s-2-0.9-2-2C14,26.2,14.9,25.4,16,25.4L16,25.4z\ M24,22.3c1,0,1.7,0.8,1.7,1.7c0,1-0.8,1.7-1.7,1.7c-1,0-1.7-0.8-1.7-1.7C22.3,23.1,23.1,22.3,24,22.3L24,22.3z\ M27.3,14.5c0.8,0,1.5,0.7,1.5,1.5c0,0.8-0.7,1.5-1.5,1.5c-0.8,0-1.5-0.7-1.5-1.5C25.8,15.2,26.5,14.5,27.3,14.5L27.3,14.5z\'/%3E%3C/svg%3E)no-repeat 50%
}