:root {
	--blue: #000000; 
	--white: white;
	--borderradius: 20px;
	--orange: #e44621;
	--emptybg: rgba(183,183,183,0.2); 
	--contestbg: var(--lightgray); /* #352743; rgba(255,255,255,0.05); */
	--themegradient: rgb(255, 45, 85);
	--lightgray:  rgba(255, 255, 255, 0.1);
	--pink: #fbef2c;
	--pink2: var(--themegradient);
	--winnerbg: rgb(255, 45, 85);
	--darkblack: rgba(45,44,58,0.9);
/* new */
	--yellow: #fbef2c;
	--cardbg: rgba(255, 255, 255, 0.1);
	--hrcolor: rgba(255, 45, 85, 0.5);

}
/* fonts */
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(../fonts/montserrat-cyr-ext.woff2) format('woff2'), url(../fonts/montserrat-cyr-ext.ttf) format('truetype'), url(../fonts/montserrat-cyr-ext.svg) format('svg');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(../fonts/montserrat-cyr.woff2) format('woff2'), url(../fonts/montserrat-cyr.ttf) format('truetype'), url(../fonts/montserrat-cyr.svg) format('svg');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(../fonts/montserrat-lat-ext.woff2) format('woff2'), url(../fonts/montserrat-lat-ext.ttf) format('truetype'), url(../fonts/montserrat-lat-ext.svg) format('svg');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(../fonts/montserrat-lat.woff2) format('woff2'), url(../fonts/montserrat-lat.ttf) format('truetype'), url(../fonts/montserrat-lat.svg) format('svg');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* fallback */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/material-icons.woff2) format('woff2'), url(../fonts/material-icons.ttf) format('truetype'), url(../fonts/material-icons.svg) format('svg');
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}
/* fallback */
@font-face {
  font-family: 'Material Icons Outlined';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/material-icons-outlined.woff2) format('woff2'), url(../fonts/material-icons-outlined.ttf) format('truetype'), url(../fonts/material-icons-outlined.svg) format('svg');
}
.material-icons-outlined {
  font-family: 'Material Icons Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

html,body {margin:0;padding:0;font-family:Montserrat, sans-serif;font-size:16px;color:var(--white);background:var(--blue);min-height:100vh;}
body {margin:20px;position:relative;}
.emptybg {background:var(--emptybg);}
.hideonmobile {display:none !important;}
.b-contest-wrapper {margin:0 auto;width:100%;max-width:1600px;}

.b-contest-logos {position:relative;display:flex;margin:0 0 24px;padding:0;gap:48px;overflow:hidden;align-items:center}
.b-logo-dfm {height:59px;aspect-ratio:271/127;background:url(../img_ext/logo.dfm.png) center center no-repeat;background-size:contain;font-size:0;position:relative;}
.b-logo-dfm a {position:absolute;left:0;top:0;width:100%;height:100%;}
.b-logo-mm {height:96px;aspect-ratio:961/315;background:url(../img_ext/logo.mm.svg) center center no-repeat;background-size:contain;font-size:0;position:relative;}
.b-logo-mm a {position:absolute;left:0;top:0;width:100%;height:100%;}

.b-contest-header {position:relative;display:flex;margin:0 0 24px;padding:0;gap:0;border-radius:var(--borderradius);overflow:hidden;background:var(--contestbg);}
.b-contest-header__image {flex-basis:60%;flex-shrink:0;flex-grow:0;aspect-ratio: 16 / 9;position:relative;}
.b-contest-header__image:before {position:absolute;left:0;top:0;right:0;bottom:0;background: linear-gradient(180deg, rgba(255, 255, 255, 0.17) 0%, rgba(0, 0, 0, 0.31) 37.08%, rgba(0, 0, 0, 0.56) 74.87%, rgba(0, 0, 0, 0.56) 105.23%);opacity:0.5;z-index:1;content:''}
.b-contest-header__image-url {position:absolute;left:0;top:0;width:100%;height:100%;object-position:center;object-fit:cover;}
.b-contest-header__data {flex-basis:40%;flex-shrink:0;flex-grow:0;position:relative;box-sizing:border-box;padding:15px;}
.b-contest-header__status {display:inline-block;line-height:40px;padding:0 24px;margin:0 12px 24px 0;color:var(--white);background:var(--themegradient);border-radius:var(--borderradius);overflow:hidden;}
.b-contest-header__title {display:block;font-size:28px;font-weight:700;line-height:1.3;text-transform:uppercase;margin:0 0 24px; padding:0;}
.b-contest-header__subtitle {display:block;font-size:18px;font-weight:400;line-height:1.3;margin:0 0 6px; padding:0;}
.b-contest-header__subtitle strong {font-weight:600;}

.b-contest-rules {display:block;position:relative;margin:0 0 60px;padding:15px;border-radius:var(--borderradius);overflow:hidden;background:var(--contestbg);font-size:18px;font-weight:400;line-height:1.3}
.b-contest-rules__title {font-size:20px;font-weight:600;padding:0;margin:0 0 15px;position: relative;}
.b-contest-rules__data {margin:0 0 24px;padding:0;}
.b-contest-rules__data p {margin:0 0 12px;padding:0;}
.b-contest-rules__data p:last-child {margin:0;}

.b-contest-leaderboard {position:relative;margin:0 0 60px;}
.b-contest-leaderboard__title {font-size:24px;font-weight:600;padding:0;margin:0 0 15px;position: relative;}
.b-contest-leaderboard__list {display:flex;flex-wrap:wrap;gap:12px;position:relative;margin:0 0 24px;}
.b-contest-leaderboard__item {flex-basis:calc((100% - 24px) / 3);flex-shrink:0;flex-grow:0;background:var(--lightgray);height:48px;margin:0;border-radius:10px;padding:0;box-sizing: border-box;display:flex;overflow:hidden;position:relative;}
.b-contest-leaderboard__image {flex-basis:32px;flex-shrink:0;flex-grow:0;height:32px;padding:0;margin:8px 0 8px 8px;overflow:hidden;position:relative;background:var(--emptybg);border-radius:20px;}
.b-contest-leaderboard__image.emptybg:before {position:absolute;left:50%;top:50%;width:40%;height:40%;transform:translate(-50%,-50%);pointer-events:none;background:url(../images/hitfun/icon.profile.white.svg) center center no-repeat;opacity:0.4;background-size:contain;content:''}
.b-contest-leaderboard__imageurl {position:absolute;left:0;top:0;width:32px;height:32px;border-radius:20px;overflow:hidden;}
.b-contest-leaderboard__name {flex-basis:100%;color:var(--white);font-size:18px;font-weight:600;position:relative;padding:0 16px 0 8px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:48px;}
.b-contest-leaderboard__points {color:var(--white);background:transparent;text-align:right;font-size:18px;font-weight:600;padding:0 16px 0 0;margin:0;white-space:nowrap;line-height:48px;}
.b-contest-leaderboard__points:before {display:inline-block;vertical-align:bottom;line-height: 48px;font-family: 'Material Icons Outlined';content: '\EA23';font-size: 24px;margin-right:2px;font-weight:200;color:var(--pink);}
.b-contest-leaderboard__itemlink {position:absolute;left:0;top:0;width:100%;height:100%;font-size:0;}
.b-contest-leaderboard__item.winner {background:var(--winnerbg);}
.b-contest-leaderboard__item.winner .b-contest-leaderboard__points {color:var(--white) !important;}
.b-contest-leaderboard__item.winner .b-contest-leaderboard__points:before {display:inline-block;vertical-align:bottom;line-height: 48px;font-family: 'Material Icons Outlined';content: '\EA23';font-size: 24px;margin-right:2px;}
.b-contest-leaderboard__item.winner .b-contest-leaderboard__points:before {color:var(--pink);opacity:1}

.b-contest-galleries {position:relative;margin:0 0 40px;}
.b-contest-galleries__title {font-size:24px;font-weight:600;padding:0;margin:0 0 15px;position: relative;}
.b-contest-galleries__list {display:flex;flex-wrap:wrap;gap:20px;position:relative;margin:0 0 24px;}
.b-contest-galleries__item {flex-basis:calc((100% - 40px) / 3);flex-shrink:0;flex-grow:0;background:var(--lightgray);margin:0;border-radius:var(--borderradius);padding:0;box-sizing:border-box;overflow:hidden;aspect-ratio:1/1;position:relative;}
.b-contest-galleries__image {display:block;width:100%;height:100%;position:relative;background:var(--emptybg);}
.b-contest-galleries__imageurl {position:absolute;left:0;top:0;width:100%;height:100%;object-position:center;object-fit:cover;}
.b-contest-galleries__data {position:absolute;left:0;bottom:0;display:flex;width:100%;background:var(--darkblack);height:48px;margin:0;line-height:48px;padding:0;box-sizing: border-box;display:flex;overflow:hidden;}
.b-contest-galleries__name {flex-basis:100%;color:var(--white);font-size:18px;font-weight:600;position:relative;padding:0 16px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:48px;}
.b-contest-galleries__points {color:var(--white);background:transparent;text-align:right;font-size:18px;font-weight:600;padding:0 16px 0 0;margin:0;white-space:nowrap;line-height:48px;}
.b-contest-galleries__points:before {display:inline-block;vertical-align:bottom;line-height: 48px;font-family: 'Material Icons Outlined';content: '\EA23';font-size: 24px;margin-right:2px;font-weight:200;color:var(--pink);}
.b-contest-galleries__itemlink {position:absolute;left:0;top:0;width:100%;height:100%;font-size:0;}
.b-contest-galleries__list.winners {padding:15px;background:var(--contestbg);border-radius:var(--borderradius);gap:12px;}
.b-contest-galleries__list.winners .b-contest-galleries__item {flex-basis:calc((100% - 24px) / 3);}
.b-contest-galleries__winner {position:absolute;margin:0;padding:0;width:100px;height:100px;background:var(--themegradient);display:flex;flex-direction:column;justify-content:center;text-align:center;border-radius:0 0 var(--borderradius) 0;}
.b-contest-galleries__winner > span:nth-child(1) {font-size:32px;}
.b-contest-galleries__winner > span:nth-child(2) {font-size:14px;margin-top:4px;font-weight:bold;}
.b-contest-participant {display:block;position:relative;margin:0 0 60px;padding:15px;border-radius:var(--borderradius);overflow:hidden;background:var(--contestbg);font-size:18px;font-weight:400;line-height:1.3}
.b-contest-participant__title {font-size:28px;font-weight:700;padding:0;margin:0 0 24px;position: relative;}
.b-contest-participant__title span {background: var(--themegradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.b-contest-participant__name {font-size:24px;font-weight:600;padding:0;margin:0 0 12px;position: relative;}
.b-contest-participant__name span {font-size:18px;font-weight:400;margin-left:12px;}
.b-contest-participant__data {margin:0 0 12px;padding:0;}
.b-contest-participant__data strong {display:block;}

.b-contest-gallery {position:relative;margin:0 0 40px;}
.b-contest-gallery__title {font-size:24px;font-weight:600;padding:0;margin:0 0 15px;position: relative;}
.b-contest-gallery__list {display:flex;flex-wrap:wrap;gap:20px;position:relative;margin:0 0 24px;}
.b-contest-gallery__item {flex-basis:calc((100% - 40px) / 3);flex-shrink:0;flex-grow:0;background:var(--lightgray);margin:0;border-radius:var(--borderradius);padding:0;box-sizing:border-box;overflow:hidden;aspect-ratio:16/9;position:relative;}
.b-contest-gallery__image {display:block;width:100%;height:100%;position:relative;background:var(--emptybg);}
.b-contest-gallery__imageurl {position:absolute;left:0;top:0;width:100%;height:100%;object-position:center;object-fit:cover;}
.b-contest-gallery__itemlink {position:absolute;left:0;top:0;width:100%;height:100%;font-size:0;}

.b-contest-votebar {display:flex;margin:0 0 15px;padding:0;position:relative;gap:20px;}
.b-contest-votebar__progress {flex-basis:100%;position:relative;}
.b-contest-votebar__button {flex-basis:calc((100% - 40px) / 3);flex-shrink:0;flex-grow:0;position:relative;}
.b-contest-votebar__progress-panel {background:var(--lightgray);height:48px;margin:0;border-radius:10px;padding:0;box-sizing: border-box;display:flex;overflow:hidden;}
.b-contest-votebar__progress-title {flex-basis:100%;color:var(--white);font-size:18px;font-weight:600;position:relative;padding:0 16px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:48px;}
.b-contest-votebar__progress-points {color:var(--white);background:transparent;text-align:right;font-size:18px;font-weight:600;padding:0 16px 0 0;margin:0;white-space:nowrap;line-height:48px;}
.b-contest-votebar__progress-points:before {display:inline-block;vertical-align:middle;line-height: 48px;font-family: 'Material Icons Outlined';content: '\EA23';font-size: 24px;margin-right:2px;font-weight:200;color:var(--pink);}

.b-modal .modal-dialog.video {max-width:70%;}
.b-modal .modal-dialog.video .modal-content {overflow:hidden;}
.b-modal .modal-dialog.video .modal-body {max-width:none;width:100%;padding:0;}
.b-modal .modal-dialog.video .btn-close {position:absolute;right:16px;top:16px;width:32px;height:32px;background-color:var(--white);border-radius:50%;opacity:0.75;}
.b-modal .modal-dialog.video .btn-close:hover {opacity:0.95}
.b-modal .b-contest-modal-video {width:100%;aspect-ratio:16/9;position:relative;}
.b-modal .b-contest-modal-video > video {position:absolute;left:0;top:0;width:100%;height:100%;}

.b-largebutton {display:inline-block;border-radius:var(--borderradius);background:var(--themegradient);color:var(--white);font-size:20px;text-decoration:none;padding:0 30px;height:48px;line-height:48px;cursor:pointer;font-weight:500;vertical-align:middle;border:0;pointer-events:all;}
.b-largebutton:hover {color:var(--white);}
.b-largebutton:active {color:var(--white);}
.b-largebutton.transparent {background:transparent;cursor:default;}

.modal-dialog.video .vjs-fullscreen .vjs-big-play-button {left:50% !important;}
.modal-dialog.video .video-js .vjs-big-play-button {position:absolute;left:50%;top:50%;width:200px;height:200px;transform:translate(-50%,-50%);margin:0 !important;z-index:100;border:0;background-color: transparent !important;border-radius:0;transition: none;}
.modal-dialog.video .video-js .vjs-big-play-button .vjs-icon-placeholder {position:absolute;left:0;top:0;width:200px;height:200px;border-radius:50%;border:10px solid var(--pink2);background:var(--lightgray);line-height: 180px !important;vertical-align:top;text-align:center;box-shadow:0 0 60px #000, 0 0 120px #000, 0 0 180px #000;margin:0 !important;transform:scale(0.9);opacity:0.9;font-size:0 !important;}
.modal-dialog.video .video-js .vjs-big-play-button .vjs-icon-placeholder:before {font-family:'Material Icons';font-size:120px !important;content:'\e037';line-height:180px !important;color:var(--pink2);}
.modal-dialog.video .video-js .vjs-big-play-button .vjs-control-text {display:none !important;}
.modal-dialog.video .video-js .vjs-control-bar {background-color: var(--pink2);}

.b-userslist {position:relative;margin:0;padding:0;box-sizing:border-box;}
.b-userslist__list {position:relative;box-sizing:border-box;}
.b-userslist__list.cols {display:flex;flex-wrap:wrap;gap:15px 20px}
.b-userslist__list.cols > * {flex-basis:calc((100% - 40px) / 3);flex-shrink:0;flex-grow:0;border-bottom:0;background:var(--prizecardbg2);padding:10px 15px;box-sizing:border-box;border-radius:var(--borderradius);}
.b-userslist__list.cols-type2 {display:flex;flex-wrap:wrap;gap:0 20px}
.b-userslist__list.cols-type2 > * {flex-basis:calc((100% - 40px) / 3);flex-shrink:0;flex-grow:0;border-bottom:0;background:var(--prizecardbg2);padding:10px 15px;box-sizing:border-box;border-radius:var(--borderradius);}
.b-userslist__item {display:flex;width:100%;overflow:hidden;justify-content:space-between;border-bottom:1px solid var(--hrcolor);padding:4px 0;position:relative;box-sizing:border-box;}
.b-userslist__item:last-child {border-bottom:0;}
.b-userslist__icon {flex-basis:56px;flex-shrink:0;flex-grow:0;position:relative;margin:0;padding:0;box-sizing:border-box;}
.b-userslist__icon:before {display:block;position:absolute;left:0;top:8px;width:40px;height:40px;border-radius:20px;background:var(--themegradient);box-sizing:border-box;content:'';}
.b-userslist__icon span {display:block;position:absolute;left:0;top:8px;width:40px;height:40px;text-align:center;line-height:40px;color:white;font-size:16px;font-weight:500;}
.b-userslist__imageicon {width:40px;height:40px;line-height:40px;vertical-align:middle;text-align:center;color:white;font-size:24px !important;}
.b-userslist__image {flex-basis:64px;flex-shrink:0;flex-grow:0;/*border-radius:28px;*/position:relative;margin:4px 0 0;padding:0;box-sizing:border-box;}
.b-userslist__image:before {display:block;position:absolute;left:0;top:0;width:48px;height:48px;border-radius:24px;background:var(--emptybg);content:''}
.b-userslist__imageurl {display:block;position:absolute;left:0;top:0px;width:48px;height:48px;border-radius:24px;overflow:hidden;object-fit:cover;object-position:center;}
.b-userslist__image.in-categories {flex-basis:56px;border-radius:20px;}
.b-userslist__image.in-categories:before {width:40px;height:40px;border-radius:20px;top:8px;}
.b-userslist__image.in-categories .b-userslist__imageurl {width:40px;height:40px;border-radius:20px;top:8px;}
.b-userslist__fakeimage {display:block;width:48px;height:48px;border-radius:24px;outline:none;background:var(--emptybg) url(../images/hitfun/icon.profile.white.svg) center center no-repeat;background-size:50%;position:relative;opacity:0.4}
.b-userslist__title {width:100%;font-size:18px;font-weight:600;line-height:56px;margin:0;padding:0;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.b-userslist__titlelink {color:var(--white);text-decoration:none}
.b-userslist__titlelink:hover {color:var(--white);text-decoration:none}
.b-userslist__role {flex-basis:160px;flex-shrink:0;flex-grow:0;font-size:10.5pt;text-align:right;line-height:56px;font-weight:normal;margin:0;padding:0;box-sizing:border-box;}
.b-userslist__points {flex-basis:90px;flex-shrink:0;flex-grow:0;font-size:10.5pt;text-align:right;line-height:56px;font-weight:bold;margin:0;padding:0;box-sizing:border-box;color:var(--white);}
.b-userslist__points span[class*="material-icon"] {vertical-align:text-bottom;background:var(--pink);-webkit-background-clip: text;-webkit-text-fill-color: transparent;line-height:56px;vertical-align:middle;font-size:24px;font-weight:400;}
.b-userslist__points span {color:var(--white);line-height:56px;vertical-align:middle;font-size:16px;font-weight:600;}
.b-userslist__grow {flex-basis:24px;font-size:16px;margin:0;padding:0 0 0 8px;align-self:center}
.b-userslist__grow.plus {color:var(--greenicon)}
.b-userslist__grow.minus {color:var(--redicon)}
.b-userslist__controls {color:var(--white);line-height:56px;vertical-align:middle;font-size:16px;font-weight:600;white-space:nowrap;margin:0;padding:0 0 0 16px;}
.b-userslist__controls a {color:var(--pint);text-decoration:none;}
.b-userslist__controls span[class*="material-icon"] {vertical-align:text-bottom;background:var(--themegradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;line-height:56px;vertical-align:middle;font-size:24px;font-weight:400;}
.b-userslist__controls span[class*="material-icon"].white {background:none;-webkit-background-clip: unset;-webkit-text-fill-color: unset;}
.b-userslist__controls a:hover {color:var(--pink)}
.b-userslist__itemlink {position:absolute;left:0;top:0;right:0;bottom:0;font-size:0;}

.b-rightcol-panel {padding:20px;background:var(--cardbg);border-radius:var(--borderradius);margin:0 0 30px;position:relative;}