/* latin-ext */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Rubik Light'), local('Rubik-Light'), url(../font/Rubik-Light-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Rubik Light'), local('Rubik-Light'), url(../font/Rubik-Light-latin.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;
}
/* latin-ext */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Rubik'), local('Rubik-Regular'), url(../font/Rubik-Regular-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Rubik'), local('Rubik-Regular'), url(../font/Rubik-Regular-latin.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;
}
/* latin-ext */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Rubik Medium'), local('Rubik-Medium'), url(../font/Rubik-Medium-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Rubik Medium'), local('Rubik-Medium'), url(../font/Rubik-Medium-latin.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;
}
/* latin-ext */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Rubik Bold'), local('Rubik-Bold'), url(../font/Rubik-Bold-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Rubik Bold'), local('Rubik-Bold'), url(../font/Rubik-Bold-latin.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;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;}

body { font-size: 11px; margin: 0px auto; line-height: 100%; padding: 0; color: #000; background-color: #fff; -webkit-font-smoothing: antialiased;}
/*body, form input,form select,form textarea { font-family: Tahoma, "Geneva CE", "Lucida Sans", Arial, Helvetica, sans-serif; }
body, form input,form select,form textarea { font-family: 'Titillium Web', sans-serif; }
body, form input,form select,form textarea { font-family: 'Rubik', sans-serif;}
body, form input,form select,form textarea { font-family: 'Nunito', sans-serif;}
body, form input,form select,form textarea { font-family: 'Oxygen', sans-serif;}*/
body, form input,form select,form textarea { font-family: 'Rubik', sans-serif;}


h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {webkit-backface-visibility: hidden;color: #222; font-weight:500}
h1 { font-size: 130%; }
h2 { font-size: 120%; }
h3 { font-size: 110%;}
h4,h5,h6 { font-size: 100%;}
p { margin: 5px 0; }
a { color: #4a4a4a; text-decoration: none; }
a img, a:link img { border: none; }
a:hover { text-decoration: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
article header { height:65px }
article header h1 { height:20px; font-size: 200%; font-weight:500 !important; margin-top:10px; }
article header section { height:25px; font-weight:300 !important; margin-top:10px; }
article .article-summary { overflow:hidden; margin-bottom:15px;}
article .article-summary strong{ font-size:130%; font-weight:500;line-height:21px }
article .news-summary { padding-bottom:20px; }
article .news-image { float:left; padding-top:8px; width:210px }
article .news-wrapper { float:left; width:580px; font-size:130%; line-height:21px }

#fly-wrap, .fly-fade, nav.main-menu-wrap, nav.main-menu-wrap ul li a, nav.main-menu-wrap ul li.menu-item-has-children a::after {-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;}

.fixed, .fixed-col {border-bottom: none !important;-webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3);-moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3);-ms-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3);-o-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3);box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3);position: fixed !important;}
.left, .alignleft { float: left; }
.right, .alignright { float: right; }
.relative { position: relative; }

#site, #site-wrap {overflow: hidden;width: 100%;}
#head-main-wrap { width: 100%; }

#fly-wrap, #main-nav-wrap, #body-main-wrap, .fly-to-top, #head-main-top {-webkit-transition: -webkit-transform 0.3s ease;-moz-transition: -moz-transform 0.3s ease;-ms-transition: -ms-transform 0.3s ease;-o-transition: -o-transform 0.3s ease;transition: transform 0.3s ease;}
#fly-wrap {background: #585858;overflow: hidden;position: fixed;top: 0;bottom: 0;left: 0;-webkit-transform: translate3d(-221px,0,0);-moz-transform: translate3d(-221px,0,0);-ms-transform: translate3d(-221px,0,0);-o-transform: translate3d(-221px,0,0);transform: translate3d(-221px,0,0);width: 221px;height: 100%;z-index: 10; }

#main-nav-wrap, nav.main-menu-wrap, .nav-logo, .nav-right-wrap, .nav-menu-out, .nav-logo-out, #head-main-top {-webkit-backface-visibility: hidden;background: #040404;}
#main-nav-wrap {float: left;position: relative;width: 100%;height: 50px;z-index: 9999;}
#main-nav-cont { width: 100%; }

#fly-menu-wrap {overflow: hidden;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.fly-menu {-webkit-transform: translate3d(0,0,0) !important;-moz-transform: translate3d(0,0,0) !important;-ms-transform: translate3d(0,0,0) !important;-o-transform: translate3d(0,0,0) !important;transform: translate3d(0,0,0) !important; }
.fly-wrap-out {float: right;margin-left: -40px;position: relative;width: 100%;height: 100%; }
.fly-side-wrap {background: #555;position: absolute;left: 0;top: 0;bottom: 0;width: 40px;height: 100%;}
.fly-content, .main-nav-over {-webkit-transform: translate3d(221px,0,0) !important;-moz-transform: translate3d(221px,0,0) !important;-ms-transform: translate3d(221px,0,0) !important;-o-transform: translate3d(221px,0,0) !important;transform: translate3d(221px,0,0) !important;}
.fly-wrap-in {position: relative;height: 100%;}
.fly-fade {background: #000;opacity:0.1;width: 100%;position: fixed;top: 0;left: 0;}
.fly-fade-trans {opacity: .5;height: 100%;}

.fly-but-wrap {cursor: pointer;width: 60px;height: 50px;background: #ffca06;}
.fly-but-wrap span {background: #040404;display: block;position: absolute;left: 15px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-ms-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;width: 30px;height: 3px;}
.fly-but-wrap span:nth-child(1) { top: 15.5px; }
.fly-but-wrap span:nth-child(2), .fly-but-wrap span:nth-child(3) { top: 23.5px; }
.fly-but-wrap span:nth-child(4) { top: 31.5px; }
.fly-but-wrap.fly-open span:nth-child(1), .fly-but-wrap.fly-open span:nth-child(4) { top: 24px;left: 50%;width: 0%;}
.fly-but-wrap.fly-open span:nth-child(2) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.fly-but-wrap.fly-open span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}

nav.main-menu-wrap {top: 0;width: 100%;}
nav.main-menu-wrap ul {float: left;width: 1000%;}
nav.main-menu-wrap ul li {float: left;position: relative;}
nav.main-menu-wrap ul li a, .nav-menu-out:hover ul li:hover a {color: #ffffff;}
nav.main-menu-wrap ul li a {float: left;font-size: 13px;font-weight: 400;line-height: 100%;opacity: 1;padding: 18.5px 14px;position: relative;}

nav.fly-nav-menu {-webkit-backface-visibility: hidden;backface-visibility: hidden;margin: 15px 4.54545454545% 0;overflow: hidden;position: absolute !important;width: 90.9090909091%;height: 87%;}
nav.fly-nav-menu ul {float: left;position: relative;width: 100%;}
nav.fly-nav-menu ul li:first-child {border-top: none;margin-top: -14px;}
nav.fly-nav-menu ul li {border-top: 1px solid #555;cursor: pointer;float: left;position: relative;width: 100%;-webkit-tap-highlight-color: rgba(0,0,0,0);}
nav.fly-nav-menu ul li a {color: #fff;display: inline-block;float: left;font-size: 13px;font-weight: 400;line-height: 100%;padding: 14px 0;}

.nav-logo {line-height: 0;padding-right: 20px;width: 200px;}
.nav-menu-out, .nav-logo-out, #head-main-top {-webkit-backface-visibility: hidden;background: #040404;}
.nav-menu-out {float: left;margin-right: -123px;width: 100%;}
.nav-left-wrap { width: 280px; }
.nav-logo-out {float: right;margin-left: -280px;width: 100%;}
.nav-logo-in {margin-left: 280px;margin-right: 123px;}
.nav-left-width { width: 280px !important; }

.fly-to-top {background: #333;-webkit-border-radius: 5px;border-radius: 5px;cursor: pointer;overflow: hidden;position: fixed;right: 15px;bottom: 0;-webkit-transition: all .3s;transition: all .3s;width: 30px;height: 60px;}
.fly-to-top:hover {background: #555;}
.fly-to-top {-webkit-transform: translate3d(0,100px,0);-moz-transform: translate3d(0,100px,0);-ms-transform: translate3d(0,100px,0);-o-transform: translate3d(0,100px,0);transform: translate3d(0,100px,0);}
.fly-to-top i {font-size: 40px;line-height: 100%;position: absolute;top: 5px;left: 2.5px;}
.fly-to-top span.to-top-text {font-size: 8px;font-weight: 400;line-height: 100%;position: absolute;bottom: 11px;left: 10.5px;}
.fly-to-top i,span.to-top-text {color: #fff;}
.to-top-trans {-webkit-transform: translate3d(0,-15px,0);-moz-transform: translate3d(0,-15px,0);-ms-transform: translate3d(0,-15px,0);-o-transform: translate3d(0,-15px,0);transform: translate3d(0,-15px,0);}

.fly-to-top i:after { content: ' \2191'; font-size:50px; font-family: "Lucida Sans", Arial, Helvetica, sans-serif; }

/*#site { background : url(../img/bg-faq.jpg) #e0e0e0 fixed top; background-size: 100%;}
#body-main-wrap { width:1120px; min-height:2000px; background-color:#fff; -webkit-box-shadow: 0px -3px 15px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px -3px 15px 0px rgba(0,0,0,0.2); box-shadow: 0px -3px 15px 0px rgba(0,0,0,0.2); overflow:hidden; margin: 0px auto; line-height: 100%; }*/
#body-main-wrap { /*border-right:1px solid #ccc; border-left:1px solid #ccc;*/ width:1120px; min-height:2000px; background-color:#fff; overflow:hidden; margin: 0px auto; line-height: 100%; }
#body-in-wrap { width:1100px; background-color:#fff; overflow:hidden; margin: 0px auto; padding-top: 15px;  }

/*#site {background:#f6f7fb;}*/

.flag { background-repeat: no-repeat; background-size: auto 100%; filter: brightness(98%); }
.flag {width: 18px;height: 12px;flex: 0 0 18px;display: inline-block;margin: 1px 8px 0 0;vertical-align: text-top;}


#left-block { float:left; width:200px; overflow:hidden; padding-right:10px; background-color:#fff }
#mid-block { float:left; width:580px; overflow:hidden; padding-right:10px; }
#mid-block-2 { float:left; width:790px; overflow:hidden; padding-right:10px; }
#right-block { float:left; width:300px; overflow:hidden; background-color:#ee1111 }

.div-block { width:100%; overflow:hidden; margin-bottom:20px}
.title-class { position: relative; width: 100%; height: 40px; overflow: hidden; }
.title-class .y-line {position: absolute;margin-top: 13px;height: 3px;width: 100%;background: #ffca06;}
.title-class .y-title {position: absolute;background: #fff; padding-right:5px; margin-top: 7px;font-size: 1.5em;}

#league-category li {min-height: 25px;display: flex;align-items: flex-start;flex-flow: column nowrap;}
#league-category a { line-height: 19px; }

#news article { float:left; border-bottom: 1px solid #e5e5e5; width:285px; height: 75px; padding-bottom:10px }
#news article:nth-child(odd) { margin:0 10px 15px 0; }
#news article:nth-child(even) { margin:0 0px 15px 0; }
#news article .img{ float:left; width:100px; height:75px; margin-right:8px }
#news article .cont{ float:left; width:172px; height:75px }
#news article .cont .date{ color: #95999c; font-weight:bold }
#news article .cont .title{ padding-top:10px; font-weight:500; font-size:14px; line-height:18px}

#tips-list, #tips-list .l-title, #popular-bets, #popular-bets .l-title  { width: 100%; overflow:hidden; }
#tips-list .l-title  { padding:5px 0px; background-color:#ffca06; font-weight:500; margin-bottom:3px; }
#tips-list .l-date { float:left; width: 45px; margin-right:0px; padding-top:3px;}
#tips-list .l-match { float:left; overflow:hidden; width: 220px; margin-right:5px; padding-top:3px;}
#tips-list .l-odds { float:left; text-align:center; width: 40px; margin-right:5px; padding-top:3px; }
#tips-list .l-odds:nth-last-child(1) { margin-right:0px !important }

#tips-list ul li{ padding:1px 0; border-bottom: 1px solid #e5e5e5; min-height: 18px; display: flex;align-items: flex-start;justify-content: center;}
#tips-list ul li div{ height:15px; }
#tips-list ul li .clr-1{ color: #040404; }
#tips-list ul li .bg-1{ background-color: #785786; color:#fff }
#tips-list ul li .bg-2{ background-color: #3a5d83; color:#fff }
#tips-list ul li .bg-3{ background-color: #ff9000; color:#fff }
#tips-list ul li .bg-4{ background-color: #e9262a; color:#fff }

.main-tag{ font-size:120%; width:100%; overflow:hidden; padding-top: 20px; padding-bottom: 10px; border-bottom: 1px solid #ececec;}
.main-tag .header-tag{ font-weight:500; float:left; width:100%; height:30px;}
.main-tag .tagname{ font-size:130%; float:left; }
.main-tag h1{ float:left; color:red}
.main-tag h3{ width:100%; line-height: 23px; font-weight:300}

#popular-bets .l-title  { padding:11px 0px; background-color:#ffca06; font-weight:500; margin-bottom:3px; }
#popular-bets .l-date { float:left; width: 50px; margin-right:0px; padding-top:3px; font-weight:500}
#popular-bets .l-match { float:left; overflow:hidden; width: 250px; margin-right:5px; padding-top:3px;}
#popular-bets .l-odds { float:left; text-align:center; width: 70px; margin-right:5px; padding-top:3px; }
#popular-bets ul li{ padding:11px 0; font-size:100%; border-bottom: 1px solid #e5e5e5; min-height: 18px; display: flex; align-items: flex-start;}
#popular-bets .l-odds:nth-last-child(2) { color:#b71c1c; font-weight:500 !important }