/*--------------------------------------------------------------
- Fonts Web
--------------------------------------------------------------*/
@font-face {
    font-family: 'SukhumvitBold';
    src: url('fonts/sukhumvitbold.eot');
    src: url('fonts/sukhumvitbold.eot') format('embedded-opentype'),
         url('fonts/sukhumvitbold.woff2') format('woff2'),
         url('fonts/sukhumvitbold.woff') format('woff'),
         url('fonts/sukhumvitbold.ttf') format('truetype'),
         url('fonts/sukhumvitbold.svg#SukhumvitBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SukhumvitRegular';
    src: url('fonts/sukhumvitreg.eot');
    src: url('fonts/sukhumvitreg.eot') format('embedded-opentype'),
         url('fonts/sukhumvitreg.woff2') format('woff2'),
         url('fonts/sukhumvitreg.woff') format('woff'),
         url('fonts/sukhumvitreg.ttf') format('truetype'),
         url('fonts/sukhumvitreg.svg#SukhumvitRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'SukhumvitSet-Text';
  src: url('fonts/SukhumvitSet-Text.eot');
  src: url('fonts/SukhumvitSet-Text.eot?#iefix') format('embedded-opentype'),
       url('fonts/SukhumvitSet-Text.woff2') format('woff2'),
       url('fonts/SukhumvitSet-Text.woff') format('woff'),
       url('fonts/SukhumvitSet-Text.ttf') format('truetype'),
       url('fonts/SukhumvitSet-Text.svg#SukhumvitSet-Text') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Conv_ZawgyiOne';
  src: url('fonts/ZawgyiOne.eot');
  src: local('☺'), url('fonts/ZawgyiOne.woff') format('woff'), url('fonts/ZawgyiOne.ttf') format('truetype'), url('fonts/ZawgyiOne.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}


/*--------------------------------------------------------------
- Elements
--------------------------------------------------------------*/
html{font-family: 'SukhumvitSet-Text';}
body{font-family: 'SukhumvitSet-Text';background-image: linear-gradient(to bottom, #005286 0%, #005286 30%, #003267 100%);
}
h1{font-family: 'SukhumvitBold';}
h2{font-family: 'SukhumvitBold';}
h3{font-family: 'SukhumvitBold';}
h4{font-family: 'SukhumvitBold';}
h5{}
p{}


/*--------------------------------------------------------------
- Links
--------------------------------------------------------------*/
.container {width: 990px;}
a{color: red;}
a:hover{text-decoration: none;}
/*----New Header----*/
.box-top-head{text-align: right;background: #000;padding: 10px 0;color: #b7b7b7;}
.box-top-head a{display: inline-block;color: #b7b7b7;font-weight: bold;padding: 0 10px;}
.box-top-head span{display: inline-block;color: #b7b7b7;padding: 0 10px;}
.box-header{background: linear-gradient(to bottom, #4777a6 0%, #074A8C 50%, #023B73 51%, #063665 100%);}
.box-header .container{position: relative;}
.box-header .logo{position: absolute;top: -20px;}
.box-header .logo img{width: 100px;}
.box-menu{margin: 0;list-style: none;padding: 0;text-align: right;}
.box-menu li{display: inline-block;}
.box-menu a{display: block;color: #fff;padding: 20px 10px 20px 50px;font-size: 16px;}

.box-head-banner{text-align: center;padding: 50px 0;background: #000 url(../images/bg-top.jpg) center top no-repeat; -webkit-background-size: cover;background-size: cover;}
.box-text-news{background: #b6293b;margin-bottom: 30px;}

.header{padding: 20px 0;background-color: #000;}
.box-login{}
.box-login .form-group{margin-bottom: 0;}
.button-blue{  background-color: #2FA8F2;color: #fff;font-family: 'SukhumvitBold';}
.button-blue:hover{color: #fff !important;}
.nav{}
.nav ul, .box-today ul{margin: 0;list-style: none;padding: 0;letter-spacing: -0.3em;}
.nav li, .box-today li{display: inline-block;vertical-align: middle;letter-spacing: normal;}
.nav li a, .box-today li a{font-family: 'SukhumvitSet-Text';color: #fff;display: block;font-size: 15px;background: linear-gradient(to bottom, #537dc7 0%, #3c5c97 50%, #22488e 51%, #153677 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#537dc7', endColorstr='#153677', GradientType=0 );border: none;border-radius: 0;text-shadow: 0 0 5px #000;padding: 18px 32px;}
.nav li a:hover, .box-today li a:hover{color: #fff;background: #5c9edc;
background: -moz-linear-gradient(top, #5c9edc 0%, #4678c2 50%, #2458ba 51%, #1845ad 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #5c9edc), color-stop(50%, #4678c2), color-stop(51%, #2458ba), color-stop(100%, #1845ad));
background: -webkit-linear-gradient(top, #5c9edc 0%, #4678c2 50%, #2458ba 51%, #1845ad 100%);
background: -o-linear-gradient(top, #5c9edc 0%, #4678c2 50%, #2458ba 51%, #1845ad 100%);
background: -ms-linear-gradient(top, #5c9edc 0%, #4678c2 50%, #2458ba 51%, #1845ad 100%);
background: linear-gradient(to bottom, #5c9edc 0%, #4678c2 50%, #2458ba 51%, #1845ad 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c9edc', endColorstr='#1845ad', GradientType=0 );}
.box-today{ color: #fff;border-radius: 13px;overflow: hidden;padding: 2px;margin-top: 30px; margin-bottom: 10px;}
.btn-danger{color: #fff !important;}
.table-head{color: #fff;background: #333;border: 1px solid #333 !important;}
.box-head{  padding: 20px;  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );  0 0: 10px;  border-radius: 16px;  background-image: linear-gradient(to bottom, #0c2837 0%, #304f5e 100%);  box-shadow: 0 0 20px rgba(0, 0, 0, 0.35);  color: #fff;}
.box-head h2{margin-top: 0;}
.box-user{color: #fff;}
.box-user .item{background-image: linear-gradient(to bottom, #0c2837 0%, #304f5e 100%);border-radius: 15px;padding: 20px;box-shadow: 0 0 20px rgba(0, 0, 0, 0.35);margin-bottom: 20px;}
.box-user .name{text-align: center;font-size: 17px;border: none;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#537dc7', endColorstr='#153677', GradientType=0 );color: #fff;}
.box-user .name span{color: #e3c729;}
.box-user .money{font-size: 19px;text-align: center;font-family: 'SukhumvitBold';filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#323232', GradientType=0 );;}
.box-user h4{text-align: center;border-bottom: 2px solid #fff;padding: 15px 0;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#537dc7', endColorstr='#153677', GradientType=0 );text-shadow: 0 0 5px #000;margin-top: 0;} 
.box-user-detail{font-size: 13px;}
.box-user-detail .list-group-item, .box-user-detail .panel{color: #fff;font-size: 14px;border: none;padding: 5px 0;}
.box-user-detail .list-group{margin-bottom: 0;}
.box-user-history{}
.box-user-history .detail{padding-left: 35px;color: #E3C729;font-size: 16px;}
.box-user-history .detail i{color: #fff;}
.head-tb{background: linear-gradient(to bottom, #4777a6 0%, #074A8C 50%, #023B73 51%, #063665 100%) !important;color: #fff;border-top-right-radius: 15px;border-top-left-radius: 15px;}
.head-tb-2{background: linear-gradient(to bottom, #4777a6 0%, #074A8C 50%, #023B73 51%, #063665 100%) !important;color: #fff;border-top-right-radius: 15px;}
.head-tb-cow{background: linear-gradient(to bottom, #F5E6BB 0%, #F5E6BB 40%, #E0B967 70%, #E0B967 100%) !important;color: #000000;border-top-right-radius: 15px;border-top-left-radius: 15px;}
.head-tb-cow_2{background: linear-gradient(to bottom, #F5E6BB 0%, #F5E6BB 40%, #E0B967 70%, #E0B967 100%) !important;color: #000000;}
.head-tb-cow_gym{background: linear-gradient(to bottom, #dcdbd7 0%, #b9b7b1 40%, #989795 70%, #545453 100%) !important;color: #000000;}
.head-tb-muay{background: linear-gradient(to bottom, #F5E6BB 0%, #F5E6BB 40%, #E0B967 70%, #E0B967 100%) !important;color: #000000;border-top-right-radius: 15px;border-top-left-radius: 15px;}
.head-tb-muay_2{background: linear-gradient(to bottom, #F5E6BB 0%, #F5E6BB 40%, #E0B967 70%, #E0B967 100%) !important;color: #000000;}
.head-left-bet{background: linear-gradient(to bottom, #F5E6BB 0%, #F5E6BB 40%, #E0B967 70%, #E0B967 100%) !important;color: #000000;border-top-right-radius: 15px;border-top-left-radius: 15px;}
.league_th_muay_1 { background: linear-gradient(to bottom, #cae5f3 0%, #ace6f3 40%, #53c3dc 70%, #32c5f1 100%) !important; color: #000000; border-top-right-radius: 0px; border-top-left-radius: 0px;}
.league_th_muay { background: linear-gradient(to bottom, #cae5f3 0%, #ace6f3 40%, #7bdbf1 70%, #32c5f1 100%) !important; color: #000000; border-top-right-radius: 0px; border-top-left-radius: 0px;}

.league_bet_price{ background:#FFF !important; font-weight: 600; padding: 5px !important;}

.box-step{text-align: center;}
.item-step{margin-bottom: 5px;}
.item-step .panel-body{padding: 0;}
.item-step .list-group-item{padding: 5px 10px;background: #0C2837;font-size: 12px;}
.table > tbody > tr > td {vertical-align: middle;font-size: 15px;background: #eee;border: 1px solid;}
.list-mini{color: #fff;margin-bottom: 5px;background-image: linear-gradient(to bottom, #0c2837 0%, #304f5e 100%);box-shadow: 0 0 20px rgba(0, 0, 0, 0.35);font-size: 13px;border-radius: 10px;}
.list-mini .head{cursor: pointer;padding: 10px;color: #fff;background: #0C2837;border-radius: 10px;;}
.list-mini:hover{}
.list-mini .detail, .box-league{display: none;padding: 15px;}
.box-league{margin-top: 20px;}
.dropdown-menu li{display: block !important;}
.badge{background: none;color: #D9BF2A;}
.list-group-item{background: none;border: none;padding: 5px 0;}
.panel-heading{filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#537dc7', endColorstr='#153677', GradientType=0 );border-radius: 5px;font-size: 14px;padding: 10px;text-align: center;color: #fff !important;border: none;background-image: linear-gradient(to bottom, #0c2837 0%, #304f5e 100%);box-shadow: 0 0 20px rgba(0, 0, 0, 0.35);;}
.panel{margin-bottom: 0;background: none;border: none;}
.table{margin: 0;}
.box-refresh{position: relative;}
.box-table{background-image: linear-gradient(to bottom, #0c2837 0%, #304f5e 100%);border-radius: 15px;padding: 20px;box-shadow: 0 0 20px rgba(0, 0, 0, 0.35);}
.box-table th{border: 1px solid #0D2938 !important;background: #959595;}
.w400{ font-weight: 400 }
.btn_refresh_cow:hover{color: #000000;}
.btn_refresh_cow{
    color: #000000;
    padding: 5px 15px;
    display: inline-block;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05ca99', endColorstr='#00795b', GradientType=0 );
right: 18px;
top: 29px;
font-weight: 700;
border-radius: 20px;
    position: absolute;}
.btn_refresh:hover{color: #000000;}
.btn_refresh{
    color: #000000;
    padding: 5px 15px;
    display: inline-block;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05ca99', endColorstr='#00795b', GradientType=0 );
right: 18px;
top: 25px;
font-weight: 700;
border-radius: 20px;
    position: absolute;}
.slick-slide img{width: 100%;}
.rule{background: #fff;}
.box-marquee{padding: 10px 0px 5px 0px;width: 100%;color: #fff;}
/*--------------------------------------------------------------
- Smooth transition
--------------------------------------------------------------*/

.a{  transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;}

/*--------------------------------------------------------------
- Fix IE
--------------------------------------------------------------*/
.ie7 .your-class{}
.ie8 .your-class{}
.ie9 .your-class{}


/*--------------------------------------------------------------
- Responsive
--------------------------------------------------------------*/
@media (max-width: 1200px) {
  /*Your code*/
}
@media (max-width: 992px) {
  /*Your code*/
}
@media (max-width: 768px) {
  /*Your code*/
}
@media (max-width: 568px) {
  /*Your code*/
}