/* reset */
*,html{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;-moz-box-sizing:border-box;box-sizing:border-box;font-size:100%;text-align:left}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu>div,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{border:0;margin:0;padding:0;font-size:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu>div,nav,section{display:block}b,strong{font-weight:700}img{color:transparent;font-size:0;vertical-align:middle;max-width:100%;-ms-interpolation-mode:bicubic}ol,ul{list-style:none}li{display:list-item}table{border-collapse:collapse;border-spacing:0}caption,td,th{font-weight:400;vertical-align:top;text-align:left}q{quotes:none}q:after,q:before{content:'';content:none}small,sub,sup{font-size:75%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}svg{overflow:hidden}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:36px}h2{font-size:24px}h3{font-size:18px}h4{font-size:16px}h5{font-size:14px}h6{font-size:12px}optgroup{font-weight:700;position:relative}optgroup option{font-weight:400;margin-left:10px}a img{border:0}a{text-decoration:none}a:hover,button:hover{cursor:pointer}em,i{font-style:italic}.hide{display:none}
/* end reset */



/* font roboto */
@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:local('Roboto'),local('Roboto-Regular'),url(../fonts/roboto/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:local('Roboto Bold'),local('Roboto-Bold'),url(../fonts/roboto/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto;font-style:normal;font-weight:900;font-display:swap;src:local('Roboto Black'),local('Roboto-Black'),url(../fonts/roboto/KFOlCnqEu92Fr1MmYUtfBBc4AMP6lQ.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* end font roboto */



/* base */
body, html{font-family:'Roboto',sans-serif; font-size:14px; color:#BDBDBD; overflow-x:hidden; font-weight:400;
-o-text-overflow:ellipsis; text-overflow:ellipsis; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%; text-rendering:optimizeLegibility;}
body{background-color:#000000; overflow-x:hidden; padding-top:55px;}
a{color:#cc0001; font-weight:700; cursor:pointer;}
b, strong{font-weight:900;}
.btn, input[type=button], select{-webkit-appearance:none;}
.btn, a.btn, .cf-submit a, .cf-submit input{color:#FFF; background-color:#cc0001; padding:10px 20px; font-weight:900; -webkit-appearance:none; cursor:pointer; text-align:center;
-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
.clearenter::before, .clearenter::after, 
ul::before, ul::after,
ol::before, ol::after{content:''; display:block; overflow:hidden; visibility:hidden; width:0;}
.clearenter::after, ul::after, ol::after, .clearboth{clear:both;}
.content_center{display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-align-content:center; align-content:center; -webkit-align-items:center; 
-ms-flex-align:center; align-items:center;}
.content_center > *{margin:auto;}
.flex_lazy, .flex_thumb, .flex_ori, .flex_slick{display:block; overflow:hidden; position:relative; background-color:#EEE; line-height:0;}
.flex_lazy, .flex_thumb, .flex_slick{background-repeat:no-repeat; background-size:cover; -webkit-background-size:cover; background-position:center;}
.flex_slick img{opacity:0 !important; position:absolute; top:0; left:0; width:0; height:0;}
.flex_thumb img, .flex_lazy img{opacity:0; position:absolute;}
.more-button{margin:10px 0; display:flex; justify-content:center;}
.more-button .btn{display:inline-block;}

.floating-rightbottom > *{display:none;}

.column > ul{width:100%; max-width:1280px; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; 
-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.column > ul > li{float:left; position:relative; z-index:2;}

.base-container{padding:20px 0;}



header{position:fixed; top:0; left:0; width:100%; background-color:rgba(255,255,255,1); border-bottom:1px solid rgba(0,0,0,0.1);}
header > span{width:100%; max-width:1280px;}
.header-left{float:left;}
.header-right{float:right;}
.header-left > ul > li, .header-right > ul > li{float:left;}
.header-link{height:55px;}
.header-logo a{padding:0 15px;}
.header-logo img{height:30px;}
.header-login .flex_thumb{width:24px; height:24px;
-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
.header-popup{display:none;}
.menu-link{color:#FFFFFF; display:block; position:relative;}
.menu-link h3{font-size:16px; text-transform:uppercase;}



.search-box{position:relative; padding-right:70px;}
.search-box-field{background-color:transparent; border-bottom:1px solid rgba(255,255,255,0.5); padding:2px 0; color:#FFF; width:100%;}
.search-box-field::placeholder{color:#BDBDBD;}
.search-box-btn{position:absolute; top:0; right:0; width:65px; height:100%; padding:0; text-transform:uppercase; font-size:12px;
-moz-border-radius:0; -webkit-border-radius:0; border-radius:0;}



.section-title{margin:0px 15px 10px;}
.section-title, .section-title a{color:#FFFFFF;}
.section-title a, .section-title h4{display:inline-block;}
.section-title h4{font-size:24px; font-weight:900; text-transform:uppercase; padding:0 20px; text-align:center;}
.section-title h6{font-size:14px; text-align:center;}
.section-title-line{position:relative;}
.section-title-line:after{content:''; display:block; position:absolute; z-index:1; top:14px; left:0; width:100%; height:2px; background-color:#FFFFFF;}
.section-title-line i{position:relative; z-index:2; color:#FFFFFF; font-size:18px; padding:5px; background-color:#000;}



.article-list{padding-bottom:5px !important;}
.article-list > ul{margin:10px; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; 
-webkit-box-pack:left; -ms-flex-pack:left; justify-content:left;}
.article-list > ul > li{float:left; width:calc(100% - 10px); flex-basis:calc(100% - 10px); margin:5px;}
.schedule-list > ul > li{margin-bottom:25px;}
.schedule-list .fnc-fighter{margin:10px;}
.gym-list > ul > li{background-color:#212121;}
.al-row{position:relative; overflow:hidden;}
.al-thumb{position:relative; overflow:hidden;}
.al-fighter .al-thumb{width:140px; margin:0 auto; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
.al-thumb:after{content:''; display:block; padding-top:100%;}
.al-gym .al-thumb:after{padding-top:75%;}
.al-thumb > a{position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; color:#FFFFFF;}
.al-fighter .al-thumb > a{background-position:top center; background-color:#212121;}
.al-thumb-icon{position:absolute; top:10px; right:10px; z-index:2; font-size:36px; opacity:0.5;}
.al-info{position:absolute; z-index:3; padding:10px; bottom:0; left:0; width:100%; background-color:rgba(0,0,0,0.75);}
.al-gym .al-info{background-color:transparent;}
.al-fighter .al-info, .al-gym .al-info{position:relative; padding:10px 0;}
.al-info > span{margin:0; width:100%;}
.al-title{display:block; color:#FFFFFF;}
.al-title h2{font-size:18px; line-height:24px;}
.al-division h5{font-size:14px; line-height:20px; text-align:center;}
.al-fighter .al-title h2, .al-gym .al-title h2, .al-city h6{text-align:center;}
.al-city h6, .al-misc *{font-size:14px;}
.al-misc > ul > li{float:left; margin-right:7px; margin-top:5px;}
.al-misc > ul > li:not(:last-child){border-right:1px solid #BDBDBD; padding-right:7px;}

.leftcolumn .al-video, .fullcolumn .al-video{}
.leftcolumn .al-video .al-info, .fullcolumn .al-video .al-info{position:relative;}
.al-video .al-thumb > a{background-position:left center;}
.video-list .al-video .al-thumb:after{padding-top:56.25%;}
.leftcolumn .video-list > ul > li, .fullcolumn .video-list > ul > li{border:1px solid #424242;}
.al-video-duration{position:absolute; top:10px; right:10px; padding:5px; font-size:12px; line-height:100%; color:#FFF; background-color:rgba(0,0,0,0.5);}
.rightcolumn .al-video-duration{display:none;}

.rightcolumn .article-list .al-thumb{position:absolute; top:0; left:0; width:90px; height:90px;}
.rightcolumn .article-list .al-info{position:relative; margin-left:90px; min-height:90px; padding:0; width:calc(100% - 90px);}
.rightcolumn .article-list .al-info > span{padding-left:10px;}
.rightcolumn .article-list .al-title h2{font-size:16px; line-height:22px;}
.rightcolumn .article-list .al-thumb-icon{font-size:18px;}



a.fight-night-main{color:#FFF; display:block;}
.fight-night-main{color:#E0E0E0;}
.fnc-info > div{text-align:center;}
.fnc-number{font-weight:bold; font-size:24px;}
.fnc-division{margin:3px 0; font-weight:bold;}
.fnc-date{font-weight:normal; margin-bottom:3px;}
.fnc-place{font-weight:normal; margin-bottom:10px;}
.fnc-fighter > ul{margin:5px; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; 
-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.fnc-fighter > ul > li{float:left; padding:5px; max-width:215px;}
.fnc-fighter img{max-width:none; display:inline-block !important;}
.fnc-left, .fnc-right{width:calc(100% - 50px); flex-basis:calc(100% - 50px);}
.fnc-left > span, .fnc-right > span{margin-top:0; width:100%;}
.fnc-left > span{margin-right:0;}
.fnc-center{width:50px; flex-basis:50px;}
.fnc-center > span > b{display:none;}
.fnc-center > span > div{background-color:#cc0001; color:#FFF; width:100%; padding:10px;
-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
.fnc-center > span > div:after{content:''; display:block; padding-top:100%;}
.fnc-right > span{margin-left:0;}
.fnc-image{background-color:transparent; text-align:center; overflow:inherit; line-height:0;}
.fnc-name{border-top:1px solid #cc0001; padding-top:10px; display:block; color:#FFFFFF; font-weight:bold;}
.fnc-name h2, .fnc-gym h5, .fnc-city h6{text-align:center;}
.fnc-gym h5, .fnc-city h6{margin-top:5px; color:#E0E0E0; font-weight:normal;}
.fnc-city{display:none;}
.fnc-gym{display:block;}

.level-person-big{position:relative;}
.level-person-big-photo{background-color:transparent; position:relative; max-width:210px; margin:0 auto;}
.level-person-big-photo:before, .level-person-big-photo:after{content:''; display:block;}
.level-person-big-photo:before{padding-top:133.33%;}
.level-person-big-photo:after{position:absolute; z-index:1000; bottom:0; left:0; width:100%; height:55%;
background:linear-gradient(to bottom, transparent 0%, #000 100%);}
.level-person-big-photo img{position:absolute; z-index:2; top:0; left:0; width:100%; height:100%; object-fit:cover; object-position:top center;}
.level-person-big-info{position:absolute; z-index:2000; bottom:0; left:0; width:100%; text-shadow:2px 2px 10px #000;
display:grid; grid-gap:5px;}
.level-person-big-class, .level-person-big-name, .level-person-big-label{text-align:center; text-transform:uppercase;
-webkit-backdrop-filter:blur(1px); backdrop-filter:blur(1px);}
.level-person-big-class{color:#FB4C51;}
.level-person-big-name{font-weight:bold; font-size:24px; line-height:100%; color:#FFF;}
.level-person-big-label{color:#BDBDBD;}


.rightcolumn .fnc-fighter > ul > li:not(.fnc-center){width:calc(50% - 25px); flex-basis:calc(50% - 25px);}
.rightcolumn .fnc-center{width:50px;}
.rightcolumn .fnc-image img{height:160px;}
.rightcolumn .fnc-name h2{font-size:14px;}
.rightcolumn .fnc-gym, .rightcolumn .fnc-city{display:none;}



.detail-share-desktop, .detail-share-mobile{padding:4px 4px 4px 14px;}
.share-list{position:relative;}
.share-list > h5{position:absolute; top:0; left:0; height:100%; font-weight:bold; color:#FFF;}
.share-list > ul{list-style:none !important; padding-left:0 !important; margin-right:0;}
.share-list > ul > li{float:left; padding:0 !important; margin-left:5px;}
.sl-link{font-weight:normal; font-size:36px;}
.sl-fb{color:#4867aa;}
.sl-tw{color:#00acec;}
.sl-ml{color:#f89a1e;}
.sl-wa{color:#2bb240;}
.sl-ln{color:#41c106;}


#header-login{display:none;}
.login-page .form-box{width:300px;}
.fb-title h1{font-weight:bold; font-size:30px; color:#FFF;}
.fb-socmed-only .fbol-socmed > ul > li{float:left; margin:5px; width:calc(100% - 10px);}
.fb-socmed-only .fbol-socmed a{padding:12px 18px;}
.fso-title h1, .fso-note h6{text-align:center; margin:5px 0;}
.fbol-socmed{position:relative; margin-bottom:10px;}
.fbol-socmed > span{display:block; margin-bottom:5px;}
.fbol-socmed > ul > li{float:left; margin-right:5px;}
.fbol-socmed a{padding:9px 15px; color:#FFF;
-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
.fbol-socmed a i{margin-right:2px;}
.fbol-fb{background:#4867aa;}
.fbol-go{background:#dc4a38;}

.header-live-button{color:#FFF; display:flex; position:relative; font-size:12px; font-weight:900; text-transform:uppercase; padding:7px 10px;}
.header-live-button > span{display:inline-block; margin-left:5px;}
.header-live-now .header-live-button{background-color:#cc0001;}
.header-live-now .header-live-button:after{content:'.'; display:block; position:absolute; top:-17px; right:-13px; font-size:48px; line-height:0; color:#cc0001;
-webkit-animation-duration:1s; animation-duration:1s;
-webkit-animation-fill-mode:both; animation-fill-mode:both;
-webkit-animation-iteration-count:infinite; animation-iteration-count:infinite;
-webkit-animation-name:blinking; animation-name:blinking;}
@-webkit-keyframes blinking{0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}}
@keyframes blinking{0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}}
.header-live-later .header-link{cursor:default !important; opacity:1 !important;}
.header-live-later .header-live-button{background-color:#616161;}
.header-live-icon:after{content:''; display:block; padding-top:100%;}

/* temporary */
.header-login{display:none !important;}
.header-search-mobile .header-link,
.header-search-desktop{padding-right:15px !important;}

.bottom-frame-base {position: fixed; bottom: 0; z-index: 99; width: 100%; }

.menu-register{display:flex; position:relative; padding:7px 10px; background-color:#2F4858;}
.menu-register h3{color:#FFF; font-weight:900; text-transform:uppercase;}