.asd {
color:red
}

nav>ul {
padding:0;
margin:0
}

nav>ul>li {
list-style-type:none;
display:block
}

nav>ul>li>a:hover {
text-decoration:none
}

.cb-viewport-container {
display:flex;
width:100%
}

.cb-r-viewport-container {
flex-direction:row
}

@media only screen and (max-width: 767px) {
.cb-r-viewport-container {
flex-direction:column
}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.cb-r-viewport-container {
flex-direction:column
}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.cb-l-col1 {
padding:0
}
}

@media only screen and (max-width: 767px) {
.cb-l-col1 {
padding:0
}
}

.cb-nav-li-mobile-mixin {
border-top:none;
border-left:1px solid #e3e3e3
}

.cb-nav-li-mobile-mixin:last-child {
border-right:1px solid #e3e3e3;
border-bottom:none
}

.cb-nav>ul {
/*display:flex;
flex-direction:column;*/
margin-top:80px;
background-color:#f3f3f3
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.cb-nav>ul {
flex-direction:row;
justify-content:center;
margin-top:0
}
}

@media only screen and (max-width: 767px) {
.cb-nav>ul {
flex-direction:row;
justify-content:center;
margin-top:0
}
}

.cb-nav>ul>li {
border-top:1px solid #e3e3e3
}

.cb-nav>ul>li:last-child {
border-bottom:1px solid #e3e3e3
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.cb-nav>ul>li {
border-top:none;
border-left:1px solid #e3e3e3
}

.cb-nav>ul>li:last-child {
border-right:1px solid #e3e3e3;
border-bottom:none
}
}

@media only screen and (max-width: 767px) {
.cb-nav>ul>li {
border-top:none;
border-left:1px solid #e3e3e3
}

.cb-nav>ul>li:last-child {
border-right:1px solid #e3e3e3;
border-bottom:none
}
}

.cb-nav>ul>li.active {
background-color:#e3e3e3
}

.cb-nav>ul>li>a {
padding:20px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.cb-nav>ul>li>a {
padding:9px
}
}

@media only screen and (max-width: 767px) {
.cb-nav>ul>li>a {
padding:9px
}
}

.cb-nav>ul>li>a:hover {
color:#242b2e
}

.cb-nav>ul li.active a {
color:#242b2e
}

.cb-nav>ul a {
color:#999
}

h1 {
font-weight:600;
font-size:350%
}

html,body {
min-height:100%;
height:100%;
font-family:'Open Sans',sans-serif;
color:#242b2e
}

.cb-r-icon {
color:#999;
font-size:32px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.cb-r-icon {
font-size:28px
}
}

@media only screen and (max-width: 767px) {
.cb-r-icon {
font-size:28px
}
}

@media only screen and (max-width: 767px) {
.cb-bet-list {
/*flex:0 0 100%*/
}
}

.cb-l-col3 {
flex:1 3 300px;
max-width:378px;
background-color:grey
}

@media only screen and (max-width: 767px) {
.cb-l-col3 {
flex:0 0 100%
}
}

.cb-bet-item {
display:flex;
align-items:center;
padding:20px;
background-color:#f3f3f3;
border-bottom:1px solid #e3e3e3
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.cb-bet-item {
padding:8px
}
}

@media only screen and (max-width: 767px) {
.cb-bet-item {
padding:8px
}
}

.cb-bet-item .cb-bet-item-team {
font-size:14px;
font-weight:600
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.cb-bet-item .cb-bet-item-team {
font-size:10px
}
}

@media only screen and (max-width: 767px) {
.cb-bet-item .cb-bet-item-team {
font-size:10px
}
}

.cb-bet-item .cb-bet-item-date {
text-align:center
}

.nav-mixin {
background-color:#242b2e
}

nav {
background-color:#242b2e
}

#applicationHost {
display:flex;
position:relative
}

.cb-column-layout {
flex-direction:column
}

.cb-ui-block {
background-color:#f3f3f3;
padding:20px
}

.nav-fixed {
position:fixed;
min-width:190px;
min-height:30px
}

@media (min-width:1001px) {
.nav-fixed {
top:0;
bottom:0
}
}

@media (max-width:1000px) {
.nav-fixed {
left:0;
right:0
}
}