@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); html {
overflow-y              : scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust    : 100%;
}
body {
line-height             : 1;
-webkit-font-smoothing  : antialiased;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust    : 100%;
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
caption,
canvas,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
form,
footer,
header,
hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
tt,
table,
tbody,
textarea,
tfoot,
thead,
time,
tr,
th,
td,
u,
ul,
var,
video {
font-family   : inherit;
font-size     : 100%;
font-weight   : inherit;
font-style    : inherit;
vertical-align: baseline;
margin        : 0;
padding       : 0;
border        : 0;
outline       : 0;
background    : transparent;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
-webkit-hyphens: none;
-moz-hyphens   : none;
-ms-hyphens    : none;
hyphens        : none;
quotes         : none;
}
figure {
margin: 0;
}
:focus {
outline: 0;
}
a {
color:#54595F;
}
table {
border-collapse: collapse;
border-spacing : 0;
}
img {
border                : 0;
-ms-interpolation-mode: bicubic;
vertical-align        : middle;
}
legend {
white-space: normal;
}
button,
input,
select,
textarea {
font-size         : 100%;
margin            : 0;
max-width         : 100%;
vertical-align    : baseline;
-webkit-box-sizing: border-box;
-moz-box-sizing   : border-box;
box-sizing        : border-box;
}
button,
input {
line-height: normal;
}
input,
textarea {
background-image: -webkit-linear-gradient(hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0)); }
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
line-height       : 1;
cursor            : pointer; -webkit-appearance: button; border            : none;
}
input[type="checkbox"],
input[type="radio"] {
padding: 0; }
input[type="search"] {
-webkit-appearance: textfield; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { border : 0;
padding: 0;
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing   : border-box;
box-sizing        : border-box;
} body {
font            : 15px/25px "Raleway", sans-serif;
background-color: #040C1F;
color           : #F2F3F3;
background-image: url(//www.cookhamdeanfc.co.uk/wp-content/themes/gavang/images/bg_body.png);
background-size : cover;
}
a {
text-decoration   : none;
color             : #333;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition   : all 0.3s ease-in-out;
-ms-transition    : all 0.3s ease-in-out;
-o-transition     : all 0.3s ease-in-out;
transition        : all 0.3s ease-in-out;
}
a:hover,
a:focus {
text-decoration   : none;
outline           : 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition   : all 0.3s ease-in-out;
-ms-transition    : all 0.3s ease-in-out;
-o-transition     : all 0.3s ease-in-out;
transition        : all 0.3s ease-in-out;
}
ul,
ol {
padding: 0;
}
table {
width: 100%;
}
table tr th,
table tr td {
vertical-align: middle;
text-align    : left;
}
img {
max-width: 100%;
height   : 60px;
}
b,
strong {
font-weight: 700;
}
button {
border: none;
}
.container {
max-width: 1140px;
width    : 100%;
padding  : 0 15px;
margin   : 0 auto;
}
#boxed {
padding        : 80px 0 90px;
display        : flex;
align-items    : center;
justify-content: center;
flex-direction : column;
min-height     : 100vh;
width          : 100%;
} #logo {
text-align: center;
}
#logo a {
display  : block;
max-width: 600px;
width    : 100%;
} #main_content {
margin: 87px 0 160px;
}
#section01 .list {
display        : flex;
justify-content: center;
flex-wrap      : wrap;
}
#section01 .list li a {
display           : flex;
flex-direction    : column;
justify-content   : center;
align-items       : center; width             : 252px;
height            : 242px;
background        : radial-gradient(142.46% 148.35% at 0% 0%, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
border            : 1px solid rgba(255, 255, 255, 0.6);
box-shadow        : inset -5px -5px 30px rgba(255, 255, 255, 0.02);
backdrop-filter   : blur(20px);
border-radius     : 8px;
margin            : 0 auto;
}
#section01 .list li a {}
#section01 .list li a:hover {
transform: scale(1.05);
}
.list li {
padding: 10px;
}
.datcuocbox {
margin-left: auto;
display    : flex;
align-items: center;
}
#section01 .list li a .txt {
font-family: system-ui;
font-size  : 13px;
line-height: 19px;
text-align : center;
color      : #FFFFFF;
margin-top : 20px;
}
#section01 .list li a .more {
width          : 150px;
height         : 34px;
display        : flex;
align-items    : center;
justify-content: center;
background     : #51B025;
border-radius  : 2px;
font-style     : italic;
font-weight    : 700;
font-size      : 14px;
line-height    : 18px;
color          : #fff;
text-align     : center;
margin-top     : 38px;
} #footer {
text-align: center;
}
#footer .about_us {
font-family   : 'Oswald';
font-weight   : bold;
font-size     : 20px;
line-height   : 30px;
text-align    : center;
text-transform: uppercase;
color         : #51B025;
}
@media (max-width: 1140px) {
#boxed {
padding: 60px 0;
}
#main_content {
margin: 25px 0 30px;
}
#section01 .list li {
width: 50%;
}
#section01 .list li:nth-child(n+3) {
margin-top: 30px;
}
}
@media (max-width: 970px) {
.for-desktop-2 {
display: none;
}
.for-mobile-2 {
display: block;
}
}
@media (max-width: 576px) {
.for-desktop {
display: none;
}
.for-mobile {
display: block;
}
#boxed {
padding: 30px 0;
}
#section01 .list li {
width  : 100%;
padding: 0;
}
#section01 .list li a {
height         : 80px;
padding        : 10px 5px;
flex-direction : row;
align-items    : center;
justify-content: space-around;
flex-wrap      : wrap;
}
#section01 .list li a img {}
#section01 .list li a button {}
#section01 .list li a img {
width : 60px !important;
height: auto;
}
#section01 .list li a .txt {
order     : 2;
width     : 100%;
font-size : 16px;
margin-top: 0;
}
#section01 .list li a .more {
margin-top: 0;
}
#section01 .list li:nth-child(n+2) {
margin-top: 25px;
}
#footer .about_us {
font-size: 16px;
}
}
#slogan {
display: block;
width  : 100%;
}
.marquee {
flex            : 1;
background-color: #51b025;
color           : #fff;
white-space     : nowrap;
overflow        : hidden;
box-sizing      : border-box;
width           : 100%;
max-width       : 100%;
margin          : 0 auto;
font-size       : 20px;
padding         : 7px 3px;
}
.marquee a {
color      : blue;
font-weight: bold;
}
#section01 .list li img {
height       : 70px;
object-fit   : contain;
border-radius: 4px;
}
#main_content {
margin: 10px 0 160px;
}
#boxed {
padding: 30px 0 90px;
}
.huongDan {
margin-bottom: 10px;
}
@media (min-width: 576px) {
#section01 .list li a { }
.for-desktop {
display: block;
}
.for-mobile {
display: none;
}
}
@media (min-width: 970px) {
xxxxxx .for-desktop-2 {
display: block;
}
.for-mobile-2 {
display: none;
}
}
#section01 .list li small {
font-size: 10px;
color    : #fff;
} #slogan {
padding: 0;
}
.marquee {
white-space: unset !important;
overflow   : unset !important;
text-align : center;
}
#new-link {
display        : flex;
flex-direction : row;
max-width      : 96%;
margin         : 5px auto;
justify-content: center;
align-items    : center;
}
#new-link img {
width: 20px;
}
#new-link p {
font-size : 12px;
text-align: center;
}
@media (max-width: 1140px) {
#section01 .list li a {
width: 100%;
}
#new-link {
width    : 100%;
max-width: unset;
}
} .list_news {}
.list_news li {
margin-bottom: 20px;
}
.list_news li .news_item {
display       : flex;
flex-direction: row;
}
.list_news li .news_item .img {}
.list_news li .news_item .img a {}
.list_news li .news_item .img img {
width     : 150px;
height    : 120px;
object-fit: contain;
}
.list_news li .news_item .txt {
margin-left: 20px;
}
.list_news li .news_item .txt h4 {}
.list_news li .news_item .txt h4 a {
color    : #fff;
font-size: 20px;
}
.list_news li .news_item .txt p {
color    : #ccc;
font-size: 16px;
}
.list_news li .news_item .txt .more_news {}
.list_news li .news_item .txt .more_news a {
width          : 95px;
height         : 35px;
background     : #51b025;
display        : flex;
justify-content: center;
align-items    : center;
border-radius  : 4px;
color          : #fff;
font-size      : 15px;
margin-top     : 10px;
} .bn-top-sdwdwxw {
display        : flex;
flex-direction : row;
justify-content: center;
align-items    : center;
}
.bn-popup-bottom-sdwdwxw {
position       : fixed;
bottom         : 0px;
display        : flex;
justify-content: center;
align-items    : center;
left           : 50%;
transform      : translateX(-50%);
}
.bn-popup-bottom-sdwdwxw>div {
display        : flex;
flex-direction : column;
justify-content: center;
align-items    : center;
position       : relative;
}
.close_popup {
width             : 40px;
height            : 40px;
border-radius     : 50%;
background        : #000;
border            : 2px solid #fff;
display           : flex;
justify-content   : center;
align-items       : center;
position          : absolute;
top               : -20px; z-index           : 1111111;
cursor            : pointer;
}
.close_popup img {
background: #000;
}
@media only screen and (max-width: 630px) {
.bn-top-sdwdwxw {
display        : flex;
flex-direction : column;
justify-content: center;
align-items    : center;
}
.bn-popup-bottom-sdwdwxw {
width: 100%;
}
.bn-popup-bottom-sdwdwxw a {
width: 100%;
}
.bn-popup-bottom-sdwdwxw aimg {
width: 100%;
}
}
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url(https://fonts.cdnfonts.com/css/sf-pro-display); html {
overflow-y              : scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust    : 100%;
}
body {
line-height             : 1;
-webkit-font-smoothing  : antialiased;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust    : 100%;
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
caption,
canvas,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
form,
footer,
header,
hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
tt,
table,
tbody,
textarea,
tfoot,
thead,
time,
tr,
th,
td,
u,
ul,
var,
video {
font-family   : inherit;
font-size     : 100%;
font-weight   : inherit;
font-style    : inherit;
vertical-align: baseline;
margin        : 0;
padding       : 0;
border        : 0;
outline       : 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
-webkit-hyphens: none;
-moz-hyphens   : none;
-ms-hyphens    : none;
hyphens        : none;
quotes         : none;
}
figure {
margin: 0;
}
:focus {
outline: 0;
}
table {
border-collapse: collapse;
border-spacing : 0;
}
img {
border                : 0;
-ms-interpolation-mode: bicubic;
vertical-align        : middle;
}
legend {
white-space: normal;
}
button,
input,
select,
textarea {
font-size         : 100%;
margin            : 0;
max-width         : 100%;
vertical-align    : baseline;
-webkit-box-sizing: border-box;
-moz-box-sizing   : border-box;
box-sizing        : border-box;
}
button,
input {
line-height: normal;
}
input,
textarea {
background-image: -webkit-linear-gradient(hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0)); }
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
line-height       : 1;
cursor            : pointer; -webkit-appearance: button; border            : none;
}
input[type="checkbox"],
input[type="radio"] {
padding: 0; }
input[type="search"] {
-webkit-appearance: textfield; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { border : 0;
padding: 0;
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing   : border-box;
box-sizing        : border-box;
} body {
font      : 16px/1.8 "Oswald", sans-serif;
background: #020506;
color     : #F2F3F3;
} 
a {
text-decoration   : none;
color             : #54595F;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition   : all 0.3s ease-in-out;
-ms-transition    : all 0.3s ease-in-out;
-o-transition     : all 0.3s ease-in-out;
transition        : all 0.3s ease-in-out;
}
a:hover,
a:focus {
text-decoration   : none;
outline           : 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition   : all 0.3s ease-in-out;
-ms-transition    : all 0.3s ease-in-out;
-o-transition     : all 0.3s ease-in-out;
transition        : all 0.3s ease-in-out;
}
ul,
ol {
padding: 0;
}
table {
width: 100%;
}
table tr th,
table tr td {
vertical-align: middle;
text-align    : left;
}
img {
max-width         : 100%;
height            : auto;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition   : all 0.3s ease-in-out;
-ms-transition    : all 0.3s ease-in-out;
-o-transition     : all 0.3s ease-in-out;
transition        : all 0.3s ease-in-out;
}
b,
strong {
font-weight: 700;
}
button {
border: none;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
background: #51B025;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:hover i:before {
background-color: #52ab28;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
input[type="email"] {
background        : #2C3339;
border            : 1px solid #2C3339;
border-radius     : 4px;
box-sizing        : border-box;
font-family       : 'Raleway';
font-style        : normal;
font-weight       : 500;
font-size         : 13px;
line-height       : 18px;
color             : #DADBDB;
width             : 100%;
height            : 42px;
padding           : 12px 20px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition   : all 0.3s ease-in-out;
-ms-transition    : all 0.3s ease-in-out;
-o-transition     : all 0.3s ease-in-out;
transition        : all 0.3s ease-in-out;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
border            : 1px solid #0074E4;
-webkit-box-shadow: none;
-moz-box-shadow   : none;
box-shadow        : none;
}
textarea {
width  : 100%;
padding: 10px 15px;
height : 170px;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin            : 0;
}
input[type="checkbox"] {
display: inline;
}
textarea:-moz-placeholder,
textarea::-moz-placeholder,
input:-moz-placeholder,
input::-moz-placeholder {
color      : #070808;
font-size  : 13px;
line-height: 20px;
opacity    : 0.3;
}
input:-ms-input-placeholder {
color      : #070808;
font-size  : 13px;
line-height: 20px;
opacity    : 0.3;
}
textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
color      : #070808;
font-size  : 13px;
line-height: 20px;
opacity    : 0.3;
} textarea,
input[type="text"],
input[type="submit"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
-webkit-appearance: none;
text-shadow       : none;
-webkit-box-shadow: none;
-moz-box-shadow   : none;
-o-box-shadow     : none;
box-shadow        : none;
}
p {
margin-bottom: 20px;
}
p:last-of-type {
margin-bottom: 0px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Oswald', sans-serif;
font-weight: bold;
color      : #F2F3F3;
}
h1 {
font-size  : 15px;
line-height: 27px;
}
h2 {
font-size  : 23px;
line-height: 30px;
}
h3 {
font-size  : 24px;
line-height: 30px;
}
h4 {
font-size  : 20px;
line-height: 28px;
}
h5 {
font-size  : 18px;
line-height: 24px;
}
h4 {
font-size  : 16px;
line-height: 24px;
}
.content_ctn {
width    : 100%;
max-width: 100%;
margin   : 0 auto;
}
.only_sp {
display: none !important;
} header .header_ctn {
padding: 0 10px;
max-width: 100%;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
}
header #logo a img {
max-width : 240px;
object-fit: contain;
}
header #logo a {
display        : flex;
text-align     : center;
justify-content: center;
align-items    : center;
}
header .nav_menu {
margin-left: 60px;
}
header .nav_menu .menu {
display    : flex;
align-items: center;
}
header .nav_menu .menu li a {
height        : 60px;
display       : flex;
align-items   : center;
text-transform: uppercase;
padding       : 0 30px;
color         : #FFFFFF;
font-size     : 15px;
font-family   : 'Oswald', sans-serif;
border-top    : 3px solid transparent;
}
header .nav_menu .menu li.current-menu-item a,
header .nav_menu .menu li a:hover {
border-top: 3px solid #51B025;
background: linear-gradient(180deg, #51B025 -248.75%, rgba(81, 176, 37, 0) 113.75%);
}
.btn_contact {
margin-left: auto;
}
.btn_contact a {
display        : flex;
align-items    : center;
justify-content: center;
width          : 186px;
height         : 36px;
background     : #DDF542;
border-radius  : 3px;
font-family    : 'SF Pro Display', sans-serif;
font-style     : italic;
font-weight    : 600;
font-size      : 12px;
line-height    : 18px;
text-transform : uppercase;
color          : #020506;
}
.btn_contact a img {
margin-right: 10px;
}
.mobile-button {
display: none;
}
.top_bet_header a {
background     : #ddf542;
border-radius  : 3px;
height         : 32px;
display        : inline-block;
align-items    : center;
justify-content: center;
font-family    : sf pro display, sans-serif;
font-style     : italic;
font-weight    : 600;
font-size      : 12px;
line-height    : 18px;
text-align     : center;
text-transform : uppercase;
color          : #020506;
padding        : 8px 5px;
margin         : 1px;
} #slogan {
padding      : 12px 0;
background   : #2C3339;
text-align   : center;
border-bottom: 1px solid #51B025;
}
#slogan .content_ctn {
padding: 0 15px;
}
#slogan p {
font-family: 'SF Pro Display', sans-serif;
font-style : normal;
font-weight: normal;
font-size  : 14px;
line-height: 22px;
color      : #95999C;
}
#slogan p a {
font-weight: 500;
color      : #fff;
} #main_content {
width    : 100%;
max-width: 100%;
margin   : 0 auto;
padding  : 19px 162px 0;
position : relative;
}
#main_content>.banner {
display      : flex;
margin-bottom: 20px;
}
#main_content>.banner img {
width: 100%;
}
#main_content>.banner a {
width: 100%;
}
#main_content>.banner.two_cols {
justify-content: space-between;
}
#main_content>.banner.two_cols div:nth-child(1) {
width: 70%;
}
#main_content>.banner.two_cols div:nth-child(2) {
width: 30%;
}
#main_content>.banner.two_cols div+div {
margin-left: 20px;
flex       : 0 0 auto;
}
#main_content>.banner.tw_cols {
justify-content: space-between;
flex-wrap      : wrap;
}
#main_content>.banner.tw_cols a {
display: block;
width  : calc(50% - 10px);
}
#main_content>.banner .four_cols {
display        : flex;
flex-wrap      : wrap;
justify-content: space-between;
}
#main_content>.banner .four_cols>a {
width: block;
width: calc(50% - 10px);
}
#main_content>.banner .four_cols>a:nth-child(n+3) {
margin-top: 20x;
} #sec_top {
margin-bottom: 20px;
}
#sec_top .content_ctn,
#sec_top_bet .content_ctn {
display        : flex;
justify-content: space-between;
}
#sec_top .sidebar,
#sec_top_bet .sidebar {
width: 288px;
}
#sec_top .sidebar .menu_widget {
background   : #1F252B;
border       : 1px solid rgba(81, 176, 37, 0.65);
border-radius: 4px;
overflow     : hidden;
margin-bottom: 20px;
}
#sec_top .sidebar .menu_widget .widget_title {
background   : #2C3339;
border-radius: 4px;
padding      : 6px 20px;
}
#sec_top .sidebar .menu_widget .widget_title h3 {
font-weight   : bold;
font-size     : 16px;
line-height   : 36px;
text-transform: uppercase;
color         : #51B025;
}
#sec_top .sidebar .menu_widget .menu {
padding: 24px 20px 18px;
}
#sec_top .sidebar .menu_widget .menu li:not(:last-child) {
margin-bottom: 24px;
}
#sec_top .sidebar .menu_widget .menu li a {
font-family: 'SF Pro Display', sans-serif;
font-style : italic;
font-weight: 600;
font-size  : 12px;
line-height: 18px;
color      : #FFFFFF;
}
#sec_top .sidebar .menu_widget .menu li a .icon {
width       : 25px;
display     : inline-block;
margin-right: 10px;
}
#sec_top .sidebar .menu_widget .menu li a:hover {
color: #51B025;
}
#sec_top .sidebar .banner_widget a {
display: block;
}
#sec_top .sidebar .banner_widget a+a {
margin-top: 12px;
}
#sec_top .content_top,
#sec_top_bet .content_top_bet {
width: calc(100% - 318px);
}
#sec_top .content_top .banner {
margin-bottom: 20px;
}
#sec_top .content_top .banner img {
width: 100%;
}
.match_hot {
background-image: url(//www.cookhamdeanfc.co.uk/wp-content/themes/gavang/images/bg_match.png);
background-size : cover;
background-color: #040C13;
border          : 1px solid rgba(225, 154, 0, 0.65);
box-shadow      : 0px 4px 24px rgba(0, 0, 0, 0.12);
border-radius   : 2px;
padding         : 20px 10px 30px;
overflow        : hidden;
position        : relative;
margin-bottom   : 34px;
}
.match_hot .hot {
font-weight   : 500;
font-size     : 12px;
line-height   : 14px;
text-transform: uppercase;
color         : #DDF542;
position      : absolute;
top           : 10px;
left          : 10px;
display       : flex;
align-items   : center;
}
.match_hot .hot img {
margin-right: 5px;
}
.match_hot .box_top {
text-align    : center;
display       : flex;
align-items   : center;
flex-direction: column;
}
.match_hot .box_top .time_match {
background     : #51B025;
border-radius  : 2px;
width          : 150px;
height         : 32px;
display        : flex;
align-items    : center;
justify-content: center;
font-family    : 'SF Pro Display', sans-serif;
font-style     : normal;
font-weight    : 500;
font-size      : 16px;
line-height    : 18px;
color          : #FFFFFF;
margin-bottom  : 12px;
}
.match_hot .tournament {
font-family   : 'SF Pro Display', sans-serif;
font-style    : normal;
font-weight   : bold;
font-size     : 18px;
line-height   : 26px;
text-align    : center;
text-transform: uppercase;
color         : #F6F6F6;
margin-bottom : 8px;
}
.match_hot .blv {
font-weight: 500;
font-size  : 16px;
line-height: 24px;
text-align : center;
color      : #FFFFFF;
}
.match_hot .box_middle {
display        : flex;
justify-content: center;
margin-top     : 6px;
}
.match_hot .box_middle .info_match {
text-align: center;
padding   : 28px 20px 0;
width     : 200px;
display        : flex;
justify-content: space-between;
flex-direction : column;
}
.match_hot .box_middle .info_match span {
display: block;
}
.match_hot .box_middle .info_match .score {
font-weight   : bold;
font-size     : 30px;
line-height   : 40px;
text-transform: uppercase;
color         : #FFFFFF;
margin-bottom : 8px;
}
.match_hot .box_middle .info_match .minutes {
font-weight: 600;
font-size  : 13px;
line-height: 18px;
color      : #E19A00;
}
.match_hot .box_middle .club {
display    : flex;
align-items: center;
}
.match_hot .box_middle .club .img {
background     : rgba(255, 255, 255, 0.1);
border         : 7px solid rgba(129, 129, 150, 0.3);
box-sizing     : border-box;
backdrop-filter: blur(40px);
width          : 120px;
height         : 120px;
display        : flex;
align-items    : center;
justify-content: center;
border-radius  : 50%;
flex           : 0 0 auto;
}
.match_hot .box_middle .club .name_club {
font-family: 'Raleway';
font-style : normal;
font-weight: bold;
font-size  : 20px;
line-height: 30px;
color      : #FFFFFF;
white-space: pre-wrap;
}
.match_hot .box_middle .club_host,
.match_hot .box_middle .club_guest {
width: calc(50% - 100px);
}
.match_hot .box_middle .club_host {
display       : flex;
align-items   : flex-end;
flex-direction: column;
}
.match_hot .box_middle .club_host .club {
flex-direction: row-reverse;
}
.match_hot .box_middle .club_host .club .name_club {
margin-right: 30px;
text-align  : right;
}
.match_hot .box_middle .club_guest .club .name_club {
margin-left: 30px;
text-align : left;
}
.match_hot .box_middle .club_host a,
.match_hot .box_middle .club_guest a,
.match_hot .box_middle .info_match .btn_match {
max-width      : 100%;
width          : 97px;
height         : 36px;
display        : flex;
align-items    : center;
justify-content: center;
background     : #51B025;
border-radius  : 3px;
font-family    : 'SF Pro Display', sans-serif;
font-style     : italic;
font-weight    : 600;
font-size      : 12px;
line-height    : 18px;
text-align     : center;
text-transform : uppercase;
color          : #FFFFFF;
margin-top     : 30px;
}
.match_hot .box_middle .club_guest a.btn_live {
background: #E30000;
}
.list_match.hot {
background   : #200404;
border       : 1px solid rgba(225, 154, 0, 0.65);
border-radius: 4px;
overflow     : hidden;
margin-bottom: 20px;
}
.match_hot .box_middle .info_match .btn_match {
margin          : 0 auto;
background-color: #3f4451;
}
.list_match .box_title {
display       : flex;
align-items   : center;
background    : #2C3339;
border-radius : 4px;
padding       : 6px 21px;
font-style    : normal;
font-weight   : bold;
font-size     : 16px;
line-height   : 36px;
text-transform: uppercase;
color         : #DDF542;
}
.list_match .box_title img {
margin-right: 14px;
}
.list_match .tab_container .list_tab {
display      : flex;
flex-wrap    : wrap;
background   : #2C3339;
border-radius: 4px;
}
.list_match .tab_container .list_tab li a {
font-family    : 'SF Pro Display', sans-serif;
font-style     : italic;
font-weight    : 500;
font-size      : 12px;
line-height    : 18px;
color          : #FFFFFF;
opacity        : 0.5;
display        : flex;
align-items    : center;
justify-content: center;
padding        : 0 20px;
height         : 36px;
}
.list_match .tab_container .list_tab li.active a,
.list_match .tab_container .list_tab li a:hover {
background   : #51B025;
border-radius: 4px;
font-weight  : 600;
opacity      : 1;
}
.list_match .list li {
display        : flex;
align-items    : center;
justify-content: space-between;
padding        : 13px 20px;
border-bottom  : 1px solid rgba(255, 255, 255, 0.1);
}
.list_match .list li:last-child {
border-bottom: none;
}
.list_match .list li .date {
font-family: 'SF Pro Display', sans-serif;
font-style : normal;
font-weight: normal;
font-size  : 13px;
line-height: 22px;
color      : #FFFFFF;
}
.list_match .list li .tournament {
font-family: 'SF Pro Display', sans-serif;
font-style : italic;
font-weight: normal;
font-size  : 13px;
line-height: 22px;
color      : #AFB4BA;
}
.list_match .list li .box_01 {
width: 20%;
flex : 0 0 auto;
}
.list_match .list li .box_02 {
display    : flex;
flex       : 0 0 auto;
width      : 380px;
align-items: center;
}
.list_match .list li .box_02 a {
width      : 100%;
display    : flex;
flex       : 0 0 auto;
align-items: center;
}
.list_match .list li .box_02 .club {
text-align: center;
width     : 130px;
}
.list_match .list li .box_02 .club .name {
font-family: 'SF Pro Display', sans-serif;
font-style : normal;
font-weight: 600;
font-size  : 13px;
line-height: 20px;
text-align : center;
color      : #F2F3F3;
opacity    : 0.85;
margin-top : 2px;
word-break : break-word;
}
.list_match .list li .box_02 .club span {
display: block;
}
.list_match .list li .box_02 .club img {
max-width: 32px;
}
.list_match .list li .box_02 .live {
text-align: center;
width     : 120px;
}
.list_match .list li .box_02 .live .blv {
font-style : normal;
font-weight: normal;
font-size  : 13px;
line-height: 18px;
text-align : center;
color      : #FFFFFF;
}
.list_match .list li .box_02 .live .vs {
font-family: 'SF Pro Display', sans-serif;
font-style : normal;
font-weight: 800;
font-size  : 18px;
line-height: 26px;
text-align : center;
color      : #DDF542;
}
.list_match .list li .box_02 .live .score span {
display        : inline-block;
background     : #0F4CD9;
width          : 58px;
height         : 32px;
display        : flex;
align-items    : center;
justify-content: center;
position       : relative;
font-family    : 'SF Pro Display', sans-serif;
font-style     : normal;
font-weight    : 800;
font-size      : 16px;
line-height    : 24px;
text-align     : center;
color          : #FFFFFF;
margin         : 0 auto;
}
.list_match .list li .box_02 .live .score span:before {
content      : '';
position     : absolute;
top          : 0;
right        : 0;
border-top   : 4px solid #1F252B;
border-left  : 4px solid transparent;
border-bottom: 4px solid transparent;
border-right : 4px solid #1F252B;
}
.list_match .list li .box_02 .live .score span:after {
content      : '';
position     : absolute;
bottom       : 0;
left         : 0;
border-bottom: 4px solid #1F252B;
border-right : 4px solid transparent;
border-top   : 4px solid transparent;
border-left  : 4px solid #1F252B;
}
.list_match .list li .box_03 {
display        : flex;
justify-content: flex-end;
flex           : 0 0 auto;
width          : 300px;
}
.list_match .list li .btn {
background     : #51B025;
border-radius  : 3px;
width          : 90px;
height         : 32px;
display        : flex;
align-items    : center;
justify-content: center;
font-family    : 'SF Pro Display', sans-serif;
font-style     : italic;
font-weight    : bold;
font-size      : 12px;
line-height    : 18px;
text-align     : center;
text-transform : uppercase;
color          : #FFFFFF;
}
.list_match .list li .btn+.btn {
margin-left: 15px;
}
.list_match .list li .btn_comming {
background: #0F4CD9;
}
.list_match .list li .btn_live {
background: #E30000;
}
.list_match .list li .btn_match {
background: #3f4451;
}
.list_match.all_match {
background   : #1F252B;
border       : 1px solid rgba(81, 176, 37, 0.65);
border-radius: 4px;
}
.load_more {
margin-top: 20px;
}
.load_more a {
padding        : 12px 10px;
background     : #1F252A;
border         : 1px solid #1F252A;
border-radius  : 4px;
font-family    : 'SF Pro Display', sans-serif;
font-style     : normal;
font-weight    : normal;
font-size      : 13px;
line-height    : 22px;
text-transform : uppercase;
color          : #51B025;
display        : flex;
align-items    : center;
justify-content: center;
}
.load_more a img {
margin-left: 8px;
}
.load_more a:hover {
background-color: #4c5056;
} #sec_about {
margin-bottom: 60px;
}
#sec_about .inner_box {
padding      : 20px;
background   : #1F252B;
border-radius: 4px;
}
#sec_about .box_about {
height    : 228px;
overflow  : hidden;
position  : relative;
transition: all 0.5s;
}
#sec_about .box_about.open {
height: auto;
}
#sec_about .box_about.open:before {
content: none;
}
#sec_about .box_about:before {
content   : '';
position  : absolute;
height    : 172px;
width     : 100%;
left      : 0;
bottom    : 0;
background: linear-gradient(0deg, #1F252A 0%, rgba(31, 37, 42, 0) 100%);
transition: 0.3s;
}
#sec_about .box_about h3 {
font-family  : 'SF Pro Display', sans-serif;
font-style   : normal;
font-weight  : bold;
font-size    : 24px;
line-height  : 36px;
color        : #F2F3F3;
margin-bottom: 20px;
}
#sec_about .box_about p {
font-family: 'SF Pro Display', sans-serif;
font-style : normal;
font-weight: normal;
font-size  : 15px;
line-height: 25px;
color      : #F2F3F3;
}
.more {
text-align: center;
}
.more a {
font-family   : 'SF Pro Display', sans-serif;
font-style    : normal;
font-weight   : normal;
font-size     : 13px;
line-height   : 22px;
text-align    : right;
text-transform: uppercase;
color         : #51B025;
}
.more a .hide {
display: none;
}
.more.close a .hide {
display: inline-block;
}
.more.close a .show {
display: none;
}
.more.close a img {
transform: rotate(180deg);
}
.more a img {
margin-left: 8px;
transition : 0.3s;
} .live_match {
display        : flex;
justify-content: space-between;
margin-bottom  : 20px;
}
.live_match .box_left {
width: calc(100% - 350px);
}
.live_match .box_right {
width: 328px;
}
.video_match {
height: 463px;
}
.video_match img {
height: 100%;
width : 100%;
}
.live_match .bottom {
display        : flex;
justify-content: space-between;
align-items    : center;
margin-top     : 15px;
}
.live_match .wrap_link {
display  : flex;
flex-wrap: wrap;
}
.live_match .wrap_link a {
font-family  : 'SF Pro Display', sans-serif;
font-style   : italic;
font-weight  : 600;
font-size    : 12px;
line-height  : 18px;
color        : rgba(255, 255, 255, 0.5);
border       : 1px solid rgba(255, 255, 255, 0.5);
border-radius: 2px;
display      : flex;
padding      : 8px 15px 8px 30px;
position     : relative;
margin-bottom: 4px;
}
.live_match .wrap_link a:hover,
.live_match .wrap_link a.active {
color     : #FFFFFF;
background: #51B025;
border    : 1px solid #51B025;
}
.live_match .wrap_link a:before {
content          : '';
position         : absolute;
width            : 12px;
height           : 14px;
background       : url(//www.cookhamdeanfc.co.uk/wp-content/themes/gavang/images/icon_pause.svg);
background-repeat: no-repeat;
left             : 12px;
top              : 50%;
transform        : translateY(-50%);
opacity          : 0.5;
}
.live_match .wrap_link a.active:before {
background-image: url(//www.cookhamdeanfc.co.uk/wp-content/themes/gavang/images/icon_play02.svg);
opacity         : 1;
}
.live_match .wrap_link a:not(:last-child) {
margin-right: 10px;
}
.live_match .share a {
background    : #1170FF;
border-radius : 1.75px;
padding       : 3px 17px;
font-family   : 'Oswald';
font-weight   : normal;
font-size     : 13px;
line-height   : 22px;
text-transform: uppercase;
color         : #FFFFFF;
display       : inline-block;
vertical-align: middle;
}
.live_match .share a img {
vertical-align: -1px;
margin-right  : 5px;
}
.live_match .share span {
font-family: 'SF Pro Display';
font-style : italic;
font-weight: normal;
font-size  : 11px;
line-height: 16px;
color      : #F2F3F3;
}
.live_match .bet_link {
display        : flex;
justify-content: space-between;
margin-bottom  : 16px;
}
.live_match .bet_link a {
background     : #0F4CD9;
border-radius  : 2px;
width          : 87px;
height         : 32px;
display        : flex;
align-items    : center;
justify-content: center;
font-weight    : bold;
font-size      : 13px;
line-height    : 18px;
color          : #FFFFFF;
}
.live_match .bet_link a.green {
background: #51B025;
}
.live_match .bet_link a.red {
background: #E11D23;
}
.live_match .bet_link a:hover {
opacity: 0.7;
}
.chat_container {
background   : #1B2024;
border-radius: 2px;
overflow     : hidden;
}
.chat_container .chat_title {
display        : flex;
justify-content: space-between;
align-items    : center;
padding        : 6.5px 15px;
background     : #14203D;
}
.chat_container .chat_title h4 {
font-family   : 'Oswald';
font-weight   : bold;
font-size     : 13px;
line-height   : 18px;
text-transform: uppercase;
color         : #FFFFFF;
}
.chat_container .chat_title .wrap_control a+a {
margin-left: 12px;
}
.chat_container {
margin-bottom: 15px;
}
.chat_container .chat_content .list_chat {
height    : 386px;
overflow-y: scroll;
padding   : 15px 15px 15px 11px;
}
.chat_container .chat_content .list_chat::-webkit-scrollbar {
width        : 4px;
height       : 4px;
border-radius: 5px;
}
.chat_container .chat_content .list_chat::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.chat_container .chat_content .list_chat::-webkit-scrollbar-thumb {
background   : #44494F;
border-radius: 2.5px;
}
.chat_container .chat_content .chat_item {
display: flex;
}
.chat_container .chat_content .chat_item+.chat_item {
margin-top: 12px;
}
.chat_item .avatar {
width       : 26px;
margin-right: 7px;
}
.chat_item .txt_chat {
background   : #2C3339;
border-radius: 4px;
padding      : 8px 12px;
width        : calc(100% - 33px);
}
.chat_item .txt_chat .name_chat {
margin-bottom: 5px;
display      : flex;
}
.chat_item .txt_chat .name_chat .name {
font-weight: bold;
font-size  : 13px;
line-height: 15px;
color      : #FFFFFF;
font-family: 'SF Pro Display', sans-serif;
}
.chat_item .txt_chat .name_chat .time_chat {
font-family: 'SF Pro Display', sans-serif;
font-weight: 300;
font-size  : 11px;
line-height: 14px;
color      : #717983;
margin-left: 8px;
}
.chat_item .txt_chat .txt {
font-size  : 11px;
line-height: 16px;
font-family: 'SF Pro Display', sans-serif;
color      : #F2F3F3;
opacity    : 0.65;
}
.form_chat {
padding   : 15px 16px 20px;
border-top: 1px solid #2A3038;
}
.form_chat form {
position: relative;
}
.form_chat form .input_chat {
width: 100%;
}
.form_chat form .input_chat input {
padding-right: 35px;
background   : #FFFFFF;
border-radius: 4px;
padding      : 8px 12px;
font-family  : 'SF Pro Display', sans-serif;
font-style   : normal;
font-weight  : normal;
font-size    : 13px;
line-height  : 20px;
color        : #020506;
}
.form_chat form button {
position        : absolute;
right           : 13px;
top             : 50%;
transform       : translateY(-50%);
background-color: transparent;
padding         : 0;
}
.box_control {
display        : flex;
justify-content: space-between;
}
.box_control .full_chat,
.box_control .close_chat {
width          : calc(50% - 6px);
background     : #1F252A;
border-radius  : 2px;
height         : 32px;
font-family    : 'SF Pro Display', sans-serif;
font-size      : 12px;
line-height    : 18px;
color          : rgba(255, 255, 255, 0.5);
display        : flex;
align-items    : center;
justify-content: center;
position       : relative;
}
.close_chat.active {
animation: color 3s infinite;
}
@keyframes color {
0% {
background-color: #505861;
}
25% {
background-color: #1F252A;
}
50% {
background-color: #505861;
}
75% {
background-color: #1F252A;
}
100% {
background-color: #505861;
}
}
.box_control .full_chat .icon,
.close_chat .icon {
position : absolute;
left     : 15px;
top      : 50%;
transform: translateY(-50%);
}
.close_chat .icon {
opacity: 0.5;
}
.close_chat.active .icon {
display: none;
}
.close_chat .on,
.close_chat.active .off {
display: none;
}
.close_chat.active .on {
display: inline-block;
} #sec_top_bet .content_ctn {
flex-direction: row-reverse;
}
.sec_title {
background    : #2C3339;
border-radius : 4px;
font-style    : normal;
font-weight   : bold;
font-size     : 20px;
line-height   : 30px;
text-transform: uppercase;
color         : #DDF542;
display       : flex;
align-items   : center;
margin-bottom : 20px;
padding       : 9px 20px;
}
.sec_title img {
margin-right: 10px;
}
.table_top_bet table {
background   : #1F252B;
box-shadow   : 0px 4px 12px rgba(0, 0, 0, 0.12);
border-radius: 4px;
overflow     : hidden;
}
.table_top_bet table thead th {
background : #2C3339;
font-weight: bold;
font-size  : 13px;
line-height: 18px;
padding    : 12px 0;
color      : #fff;
}
.table_top_bet table thead th:first-child,
.table_top_bet table tbody td:first-child {
width       : 60px;
padding-left: 14px;
}
.table_top_bet table thead th:nth-child(4),
.table_top_bet table tbody td:nth-child(4) {
width  : 260px;
padding: 12px 18px;
}
.table_top_bet table tbody td:first-child {
font-size  : 13px;
line-height: 22px;
color      : #717983;
}
.table_top_bet table tbody td {
border-bottom: 1px solid #2A3038;
padding      : 12px 0;
}
.table_top_bet table tbody tr:last-child td {
border-bottom: none;
}
.table_top_bet table tbody td .better {
display: flex;
}
.table_top_bet table tbody td .better .logo_better {
width : 130px;
height: 80px;
}
.table_top_bet table tbody td .better .info_better {
margin-left: 22px;
}
.table_top_bet table tbody td .better .info_better .name_better a {
font-family  : 'Oswald', sans-serif;
font-weight  : bold;
font-size    : 20px;
line-height  : 30px;
color        : #F2F3F3;
margin-bottom: 10px;
}
.table_top_bet table tbody td ul {
padding-left: 20px;
}
.table_top_bet table tbody td .info_bet li {
font-family    : 'Oswald', sans-serif;
font-size      : 13px;
font-weight    : 400;
line-height    : 20px;
list-style-type: disc;
}
.table_top_bet table tbody td .bet_now,
.table_top_bet table tbody td .bet_single {
width         : 100px;
height        : 36px;
background    : #51B025;
border-radius : 2px;
font-family   : 'SF Pro Display', sans-serif;
font-style    : italic;
font-weight   : 600;
font-size     : 12px;
line-height   : 18px;
text-align    : center;
text-transform: uppercase;
color         : #FFFFFF;
padding       : 9px 0;
display       : inline-block;
text-transform: uppercase;
margin-left   : 16px;
}
.table_top_bet table tbody td .bet_single {
background : #0F4CD9;
margin-left: 0;
}
.table_top_bet table tbody td .bet_single:hover {
background: #0135af;
}
.table_top_bet table tbody td .bet_now:hover {
background-color: #398915;
} .pagination .pagination_list {
display        : flex;
justify-content: center;
margin         : 40px 0;
}
.pagination .pagination_list li {
margin: 0 7px;
}
.pagination .pagination_list li a {
width          : 40px;
height         : 40px;
background     : #212428;
border-radius  : 50%;
font-family    : 'Oswald', sans-serif;
font-weight    : 600;
font-size      : 15px;
line-height    : 25px;
color          : #989898;
display        : flex;
align-items    : center;
justify-content: center;
}
.pagination .pagination_list li.active a,
.pagination .pagination_list li a:hover {
background: #DDF542;
;
color: #020506;
} #page_title {
margin-bottom: 20px;
}
#page_title .breadcrumbs ul {
display  : flex;
flex-wrap: wrap;
}
#page_title .breadcrumbs ul li a {
font-family: 'SF Pro Display', sans-serif;
font-style : normal;
font-weight: normal;
font-size  : 13px;
line-height: 22px;
color      : #51B025;
}
#page_title .breadcrumbs ul li .icon {
display: inline-block;
margin : 0 8px;
}
#page_title .breadcrumbs ul li span {
color      : #AFB4BA;
font-family: 'SF Pro Display', sans-serif;
font-style : normal;
font-weight: normal;
font-size  : 13px;
line-height: 22px;
} #bet_single {
padding-bottom: 40px;
}
#bet_single .content_ctn {
display        : flex;
justify-content: space-between;
}
#bet_single .content_ctn .bet_single_main {
width: calc(100% - 384px);
}
#bet_single .content_ctn .content_single {
background   : #1F252B;
box-shadow   : 0px 4px 12px rgba(0, 0, 0, 0.12);
border-radius: 4px;
padding      : 20px 39px 20px 20px;
}
#bet_single .content_single .title {
font-family   : 'Oswald', sans-serif;
font-weight   : bold;
font-size     : 24px;
line-height   : 36px;
text-transform: uppercase;
color         : #FFFFFF;
margin-bottom : 20px;
}
#bet_single .content_ctn .content_single p {
font-family: 'SF Pro Display', sans-serif;
font-style : normal;
font-weight: bold;
font-size  : 15px;
line-height: 25px;
color      : #F2F3F3;
}
#bet_single .content_single h4 {
font-family  : 'SF Pro Display', sans-serif;
font-style   : normal;
font-weight  : bold;
font-size    : 15px;
line-height  : 25px;
color        : #F2F3F3;
margin-bottom: 20px;
}
#bet_single .content_single figure {
margin-bottom: 20px;
text-align   : center;
}
#bet_single .comment_single {
margin-top: 30px;
}
#bet_single .content_ctn .bet_single_sub {
width: 349px;
}
#bet_single .content_ctn .bet_single_sub .sec_title {
background    : #1F252B;
box-shadow    : 0px 4px 12px rgba(0, 0, 0, 0.12);
border-radius : 4px;
font-family   : 'Oswald';
font-style    : normal;
font-weight   : bold;
font-size     : 20px;
line-height   : 30px;
text-transform: uppercase;
color         : #DDF542;
padding       : 21px 20px 25px;
display       : flex;
align-items   : center;
margin-bottom : 15px;
}
#bet_single .content_ctn .bet_single_sub .sec_title img {
margin-right: 10px;
}
.top_bet_sidebar ul.list_bet {
margin-bottom: 20px;
}
.top_bet_sidebar ul.list_bet li {
background   : #1F252B;
box-shadow   : 0px 4px 12px rgba(0, 0, 0, 0.12);
border-radius: 4px;
padding      : 20px 20px 20px 53px;
height       : 145px;
position     : relative;
margin-bottom: 15px;
}
.top_bet_sidebar ul.list_bet li:last-child {
margin-bottom: 0;
}
.top_bet_sidebar ul.list_bet li .numb {
position       : absolute;
top            : 0;
left           : 0;
font-family    : 'Oswald', sans-serif;
font-weight    : 600;
color          : #020506;
width          : 33px;
height         : 33px;
display        : flex;
justify-content: center;
align-items    : center;
background     : #DDF542;
border-radius  : 2px;
}
.top_bet_sidebar ul.list_bet li:first-child .numb {
background-color: #E11D23;
color           : #fff;
}
.top_bet_sidebar .top_bet_item {
display        : flex;
align-items    : center;
justify-content: flex-start;
}
.top_bet_sidebar .top_bet_item .logo_bet {
margin-right: 29px;
}
.top_bet_sidebar .top_bet_item .logo_bet img {
width: 150px;
}
.top_bet_sidebar .top_bet_item .btn_wrap a {
width             : 96px;
height            : 36px;
display           : flex;
align-items       : center;
justify-content   : center;
background        : #51B025;
border-radius     : 2px;
font-family       : 'SF Pro Display', sans-serif;
font-style        : italic;
font-weight       : bold;
font-size         : 12px;
line-height       : 18px;
text-align        : center;
text-transform    : uppercase;
color             : #FFFFFF;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition   : all 0.3s ease-in-out;
-ms-transition    : all 0.3s ease-in-out;
-o-transition     : all 0.3s ease-in-out;
transition        : all 0.3s ease-in-out;
}
.top_bet_sidebar .top_bet_item .btn_wrap a.btn_detail {
background: #0F4CD9;
}
.top_bet_sidebar .top_bet_item .btn_wrap a+a {
margin-top: 20px;
}
.top_bet_sidebar .top_bet_item .btn_wrap a:hover {
background: #939b8f;
}
.top_bet_sidebar .banner_widget a {
display: block;
}
.top_bet_sidebar .banner_widget a+a {
margin-top: 20px;
}
.banner_widget a img {
width: 100%;
} #sec_news .list_news {
display        : flex;
flex-wrap      : wrap;
justify-content: space-between;
margin-bottom  : 20px;
}
#sec_news .list_news li {
width: calc(33.33% - 13.333px);
}
#sec_news .list_news li:nth-child(n+4) {
margin-top: 30px;
}
#sec_news .list_news li .news_item {
background: #111111;
}
#sec_news .sec_title {
background-color: transparent;
padding         : 0;
}
.news_item .img {
overflow: hidden;
}
.news_item .img img {
transition: 0.3s;
object-fit: cover;
width     : 100%;
}
.news_item .img:hover img {
transform: scale(1.05);
}
.news_item .txt {
border-bottom: 1px solid #51B025;
padding      : 20px 18px 25px 20px;
}
.news_item .txt h4 {
margin-bottom: 12px;
}
.news_item .txt h4 a {
font-family: 'Oswald';
font-style : normal;
font-weight: bold;
font-size  : 20px;
line-height: 30px;
color      : #F2F3F3;
}
.news_item .txt h4 a:hover {
color: #51B025;
}
.news_item .txt p {
font-family: 'SF Pro Display';
font-style : normal;
font-weight: normal;
font-size  : 14px;
line-height: 22px;
color      : #FFFFFF;
opacity    : 0.5;
}
.news_item .txt .more_news {
margin-top: 20px;
}
.news_item .txt .more_news a {
display        : flex;
align-items    : center;
justify-content: center;
width          : 91px;
height         : 36px;
font-family    : 'SF Pro Display';
font-style     : normal;
font-weight    : 500;
font-size      : 12px;
line-height    : 18px;
text-align     : center;
text-transform : uppercase;
color          : #FFFFFF;
background     : #51B025;
border-radius  : 2px;
}
.news_item .txt .more_news a:hover {
background: #2f8706;
} #sec_single {
margin-bottom: 20px;
}
#sec_single .content_ctn {
display        : flex;
justify-content: space-between;
}
#sec_single .content_ctn .single_main {
width        : calc(100% - 385px);
background   : #1F252B;
box-shadow   : 0px 4px 12px rgba(0, 0, 0, 0.12);
border-radius: 4px;
padding      : 20px;
}
#sec_single .content_ctn .banner {
margin-bottom: 15px;
}
.single_main h3 {
font-family   : 'Oswald';
font-style    : normal;
font-weight   : bold;
font-size     : 24px;
line-height   : 36px;
text-transform: uppercase;
color         : #FFFFFF;
margin-bottom : 20px;
}
.single_main h4 {
font-family  : 'SF Pro Display';
font-style   : normal;
font-weight  : bold;
font-size    : 18px;
line-height  : 24px;
color        : #FFFFFF;
margin-bottom: 12px;
}
.single_main figure {
margin-bottom: 20px;
}
.single_main figure img {
width: 100%;
}
.single_main p {
font-family: 'SF Pro Display';
font-style : normal;
font-weight: normal;
font-size  : 15px;
line-height: 25px;
color      : #F2F3F3;
}
.single_main a {
font-family         : 'SF Pro Display';
font-style          : normal;
font-weight         : bold;
font-size           : 15px;
line-height         : 25px;
text-decoration-line: underline;
color               : #51B025;
}
.bet_container {
background-color: #000;
border-radius   : 11px;
position        : relative;
z-index         : 5;
display         : flex;
justify-content : space-between;
align-items     : center;
overflow        : hidden;
padding         : 30px 15px 20px;
margin-bottom   : 15px;
}
.bet_container:before {
content        : '';
position       : absolute;
left           : 0;
top            : 0;
width          : 100%;
height         : 100%;
background     : url(//www.cookhamdeanfc.co.uk/wp-content/themes/gavang/images/bg_bet.png);
background-size: cover;
opacity        : 0.25;
z-index        : -1;
}
.bet_container .inner_box {
width     : 270px;
flex      : 0 0 auto;
text-align: center;
}
.bet_container .box_tournament {
text-align   : center;
margin-bottom: 10px;
}
.bet_container .box_tournament .date {
font-family  : 'Oswald';
font-style   : normal;
font-weight  : normal;
font-size    : 13px;
line-height  : 18px;
color        : #FFFFFF;
opacity      : 0.85;
margin-bottom: 6px;
}
.bet_container .box_tournament .tournament {
font-family: 'Raleway';
font-style : normal;
font-weight: bold;
font-size  : 15px;
line-height: 20px;
color      : #FFFFFF;
}
.bet_container .bet_detail {
margin-bottom: 20px;
}
.bet_container .bet_detail .bet_item {
background     : rgb(31, 37, 43, 0.2);
border         : 1px solid rgba(255, 255, 255, 0.2);
border-radius  : 4px;
display        : flex;
justify-content: space-around;
align-items    : center;
height         : 28px;
}
.bet_container .bet_detail .bet_item+.bet_item {
margin-top: 6px;
}
.bet_container .bet_detail .bet_item span {
font-family: 'Oswald';
font-style : normal;
font-weight: normal;
font-size  : 13px;
line-height: 22px;
text-align : center;
color      : #AFB4BA;
width      : 45px;
}
.bet_container .bet_detail .bet_item .bet_house {
font-family   : 'Oswald';
font-style    : normal;
font-weight   : normal;
font-size     : 13px;
line-height   : 22px;
text-align    : right;
text-transform: uppercase;
color         : #51B025;
width         : 50px;
text-align    : right;
}
.bet_container .bet_now {
text-decoration: none;
font-family    : 'Raleway';
font-style     : italic;
font-weight    : 800;
font-size      : 14px;
line-height    : 18px;
text-transform : uppercase;
color          : #51B025;
}
.bet_container .bet_now:hover {
text-decoration: underline;
}
.bet_container .club {
width     : calc(50% - 145px);
text-align: center;
}
.bet_container .club .image img {
height: 80px;
}
.bet_container .club .name {
display    : block;
font-family: 'Raleway';
font-style : normal;
font-weight: bold;
font-size  : 18px;
line-height: 24px;
text-align : center;
color      : #FFFFFF;
margin-top : 12px;
}
#sec_single .content_ctn .single_sub {
width: 349px;
}
.post_widget {
background   : #1F252B;
box-shadow   : 0px 4px 12px rgba(0, 0, 0, 0.12);
border-radius: 4px;
padding      : 20px;
}
.single_sub .widget_title {
font-family   : 'Oswald';
font-style    : normal;
font-weight   : bold;
font-size     : 20px;
line-height   : 30px;
text-transform: uppercase;
color         : #DDF542;
margin-bottom : 25px;
display       : flex;
align-items   : center;
}
.single_sub .widget_title img {
margin-right: 10px;
}
.single_sub .list_post li+li {
margin-top: 20px;
}
.single_sub .list_post li a {
display    : flex;
align-items: center;
}
.single_sub .list_post li .image {
width: 120px;
flex : 0 0 auto;
}
.single_sub .list_post li p {
font-style  : normal;
font-weight : normal;
font-size   : 14px;
line-height : 24px;
color       : #F2F3F3;
padding-left: 20px;
}
.single_sub .banner_widget a {
display   : block;
margin-top: 20px;
} #footer {
padding   : 70px 0;
border-top: 1px solid rgb(81, 176, 37, 0.5);
}
#footer .footer_ctn {
text-align: center;
width     : 1160px;
padding   : 0 15px;
max-width : 100%;
margin    : 0 auto;
}
#footer .footer_ctn .logo_ft {
margin-bottom: 27px;
}
#footer .footer_ctn .title {
font-family   : 'Oswald', sans-serif;
font-weight   : bold;
font-size     : 20px;
line-height   : 30px;
text-transform: uppercase;
color         : #51B025;
margin-bottom : 15px;
}
#footer .footer_ctn .sub_title {
font-family  : 'Oswald', sans-serif;
font-weight  : bold;
font-size    : 16px;
line-height  : 24px;
margin-bottom: 12px;
}
#footer .footer_ctn .about_ft {
font-family: 'SF Pro Display', sans-serif;
font-style : normal;
font-weight: normal;
font-size  : 14px;
line-height: 23px;
text-align : center;
color      : #FFFFFF;
opacity    : 0.5;
}
#footer .footer_ctn .copyright {
opacity: 0.65;
} .banner_left {
position: absolute;
top     : 20px;
left    : 22px;
width   : 120px;
z-index : 3;
bottom  : 0;
}
.banner_right {
position: absolute;
top     : 20px;
right   : 22px;
width   : 120px;
z-index : 3;
bottom  : 0;
}
.banner_left a:hover,
.banner_right a:hover {
opacity: 0.7;
}
.banner_right .sticky,
.banner_left .sticky {
position: absolute;
z-index : 1;
}
.banner_right .sticky a,
.banner_left .sticky a {
display: block;
}
.banner_right .sticky a+a,
.banner_left .sticky a+a {
margin-top: 10px;
}
.popup {
position        : fixed;
top             : 0;
left            : 0;
z-index         : 999;
background-color: rgba(0, 0, 0, 0.5);
width           : 100%;
height          : 100%;
display         : flex;
align-items     : center;
justify-content : center;
}
.popup {
position       : fixed;
top            : 50%;
left           : 50%;
transform      : translate(-50%, -50%);
z-index        : 9999999999;
display        : flex;
align-items    : center;
justify-content: center;
}
.popup_bottom .img_popup,
.popup .img_popup {
max-width: 90%;
position : relative;
}
.popup .img_popup a {
display: block;
}
.popup_bottom .img_popup .close_popup,
.popup .img_popup .close_popup {
position        : absolute;
width           : 32px;
height          : 32px;
display         : flex;
align-items     : center;
justify-content : center;
background-color: #000;
right           : calc(50% - 16px);
top             : -16px;
z-index         : 5;
cursor          : pointer;
border-radius   : 50%;
border          : 2px solid #a3aab1;
}
.popup_bottom .img_popup .close_popup img,
.popup .img_popup .close_popup img {
width: 12px;
}
.popup_bottom {
position       : fixed;
bottom         : 0;
left           : 50%;
transform      : translateX(-50%);
z-index        : 9999999;
display        : flex;
align-items    : flex-end;
justify-content: center;
}
.popup_bottom .img_popup {
position: relative;
bottom  : 0;
height  : unset;
} #preloader {
position  : fixed;
left      : 0;
top       : 0;
z-index   : 9999;
width     : 100%;
height    : 100%;
overflow  : visible;
background: #fff;
display   : table;
text-align: center;
}
.loader {
display       : table-cell;
vertical-align: middle;
height        : 100%;
width         : 100%;
position      : relative;
width         : 200px;
height        : 200px;
}
.loader-icon {
width             : 80px;
height            : 80px;
border            : 2px solid #14BF1B;
border-right-color: #eee;
border-radius     : 50%;
position          : relative;
animation         : loader-rotate 1s linear infinite;
margin            : 0 auto;
}
@keyframes loader-rotate {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
@media (max-width: 1499px) {
.match_hot .box_middle .info_match {
width  : 140px;
padding: 28px 10px 0px;
}
.match_hot .box_middle .club_host,
.match_hot .box_middle .club_guest {
width          : calc(50% - 40px);
display        : flex;
flex-direction : column;
justify-content: space-between;
}
.match_hot.st2 .box_middle .club_host,
.match_hot.st2 .box_middle .club_guest {
width: calc(50% - 120px);
}
.list_match .list li .box_03 {
display: block;
width  : 100px;
}
.list_match .list li .box_03 .btn {
margin: 0 auto;
}
.list_match .list li .box_03 .btn+.btn {
margin-top : 10px;
margin-left: auto;
}
}
@media (max-width: 1280px) {
#sec_single .content_ctn .single_main {
width: calc(100% - 280px);
}
#sec_single .content_ctn .single_sub {
width: 260px;
}
.match_hot .box_middle .club_host .club,
.match_hot .box_middle .club {
display   : block;
text-align: center;
}
.match_hot .box_middle .club_host {
align-items    : center;
justify-content: space-between;
}
.match_hot .box_middle .club .img {
margin: 0 auto;
width : 90px;
height: 90px;
}
.match_hot .box_middle .club .img img {
max-width: 50px;
}
.match_hot .box_middle .club_host .club .name_club,
.match_hot .box_middle .club_guest .club .name_club {
margin-right: 0;
margin-top  : 10px;
display     : block;
font-size   : 18px;
text-align  : center;
}
.match_hot .box_middle .club_host a,
.match_hot .box_middle .club_guest a {
margin: 20px auto 0;
}
.match_hot .box_middle .club_guest .club .name_club {
margin-left: 0;
}
#sec_top .sidebar,
#sec_top_bet .sidebar {
width: 230px;
}
#sec_top .content_top,
#sec_top_bet .content_top_bet {
width: calc(100% - 250px);
}
.live_match .bottom {
align-items   : flex-start;
flex-direction: column;
}
.live_match .wrap_link {
margin-bottom: 15px;
}
}
@media (min-width: 1200px) and (max-width: 1280px) {
.single_sub .list_post li .image {
width: 100%;
}
.single_sub .list_post li a {
flex-direction: column;
}
.single_sub .list_post li p {
padding-left: 0;
margin-top  : 15px;
}
}
@media (max-width: 1199px) {
header .nav_menu {
margin-left: 20px;
}
header .nav_menu .menu li a {
padding: 0 20px;
}
#sec_single .content_ctn {
flex-direction: column;
}
#sec_single .content_ctn .single_main,
#sec_single .content_ctn .single_sub {
width: 100%;
}
#sec_single .content_ctn .single_main {
margin-bottom: 15px;
}
.bet_container .inner_box {
width: 250px;
}
.bet_container .club {
width: calc(50% - 135px);
}
.bet_container .club .name {
font-size: 16px;
}
#sec_top .content_ctn,
#sec_top_bet .content_ctn {
flex-direction: column;
}
#sec_top .sidebar,
#sec_top_bet .sidebar,
#sec_top .content_top,
#sec_top_bet .content_top_bet {
width: 100%;
}
#sec_top .sidebar,
#sec_top_bet .sidebar {
margin-bottom: 20px;
}
#sec_top .sidebar .banner_widget,
#sec_top_bet .sidebar .banner_widget {
display        : flex;
justify-content: space-between;
}
#sec_top .sidebar .banner_widget a+a,
#sec_top_bet .sidebar .banner_widget a+a {
margin-left: 10px;
margin-top : 0;
}
.live_match .box_left .top {
flex-direction: column;
}
.live_match .box_left .top .match_info {
margin-bottom: 10px;
}
#bet_single .content_ctn .bet_single_main {
width: calc(100% - 340px);
}
#bet_single .content_ctn .bet_single_sub {
width: 320px;
}
.select_filter select {
width: 190px;
}
.list_match .list li {
width: 100%;
} .list_match .list li .box_match .info_match {
padding: 0 5px;
}
.list_match .list li .box_match a.watch,
.list_match .list li .box_match a.bet {
width: 110px;
}
}
@media (max-width: 1023px) {
#main_content>.banner .four_cols>a {
width: 100%;
}
#main_content>.banner .four_cols>a+a {
margin-top: 2px !important;
}
#sec_news .list_news li {
width: 100%;
}
#sec_news .list_news li+li,
#sec_news .list_news li:nth-child(n+4) {
margin-top: 20px;
}
.list_match .list li {
padding: 10px;
}
.list_match .list li .box_02 .live {
width: 70px;
flex : 0 0 auto;
}
.list_match .list li .box_02 {
width: 50%;
}
#sec_banner .list_banner li,
#sec_banner .list_banner.col_2 li {
width     : 100%;
text-align: center;
}
.banner_livescore .list_banner {
flex-direction: column;
}
#sec_banner .list_banner li:nth-child(n+2),
.banner_livescore .list_banner li:nth-child(n+2) {
margin-top: 10px;
}
#bet_single .content_ctn .bet_single_main,
#bet_single .content_ctn .bet_single_sub {
width: 100%;
}
#bet_single .content_ctn {
flex-direction: column;
}
#sec_about .tab_container .list_tab {
width: 200px;
}
#sec_about .tab_container .content_tab {
width: calc(100% - 200px);
}
#bet_single .content_ctn .bet_single_main {
margin-bottom: 20px;
}
.menu_tab {
overflow-x    : scroll;
margin-bottom : 20px;
padding-bottom: 2px;
}
.menu_tab .list_tab {
margin-bottom: 0;
}
.menu_tab::-webkit-scrollbar {
width        : 4px;
height       : 4px;
border-radius: 5px;
}
.menu_tab::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.menu_tab::-webkit-scrollbar-thumb {
background-color: #202D4D;
}
.select_filter {
position     : static;
margin-bottom: 20px;
}
.select_filter select {
width: 100%;
}
#sec_top02 .list_tab {
max-width: 100%;
min-width: 500px;
}
#footer {
padding: 45px 0 40px;
}
}
@media (max-width: 991px) {
.btn_contact a {
width: 165px;
}
.table_top_bet table thead th:nth-child(3),
.table_top_bet table tbody td:nth-child(3) {
display: none;
}
.table_top_bet table tbody td .bet_now {
margin-top: 10px;
}
.live_match {
flex-direction: column;
}
.live_match .box_left,
.live_match .box_right {
width: 100%;
}
.live_match .box_left {
margin-bottom: 12px;
}
#main_content>.banner.two_cols {
margin: 0 0 20px;
}
#main_content>.banner.two_cols a:nth-child(1) {
width: 100%;
}
.live_match .banner {
margin-bottom: 12px;
}
.live_match .banner img {
width: 100%;
}
.box_transfer {
flex-wrap: wrap;
}
.box_highlight .highlight_item,
.box_transfer .transfer_item {
width: 100%;
}
.owl-carousel .owl-nav .owl-prev {
left: 10px;
}
.owl-carousel .owl-nav .owl-next {
right: 10px;
}
#sec_about .tab_container {
flex-direction: column;
}
#sec_about .tab_container .list_tab,
#sec_about .tab_container .content_tab {
width: 100%;
}
#sec_about .tab_container .content_tab {
padding: 15px;
}
#sec_about .tab_container .list_tab li.active a,
#sec_about .tab_container .list_tab li a:hover {
font-weight: bold;
}
#sec_about .tab_container .list_tab li a {
padding: 16px 15px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
header .nav_menu .menu li a {
font-size: 14px;
padding  : 0 10px;
}
.bet_container .inner_box {
width: 200px;
}
.bet_container .bet_detail .bet_item span {
width: 30px;
}
.bet_container .club {
width: calc(50% - 105px);
}
.table_top_bet table thead th:nth-child(4),
.table_top_bet table tbody td:nth-child(4) {
width  : 120px;
padding: 10px;
}
.table_top_bet table tbody td .bet_now,
.table_top_bet table tbody td .bet_single {
margin-left: 0;
}
.list_match .tab_container .list_tab li a {
padding: 0 18px;
}
.live_match .box_left {
margin-bottom: 20px;
}
.live_match .bet_link a+a {
margin-left: 10px;
}
.live_match .bet_link {
justify-content: flex-start;
}
.box_parameter .match_hot .box_middle {
flex-direction: column;
align-items   : center;
}
.box_parameter .match_hot .parameter_detail {
padding: 20px 0;
}
.box_parameter .match_hot .club:nth-child(1) {
padding-bottom: 20px;
border-bottom : 1px solid #fff;
}
.box_parameter .match_hot .club:nth-child(3) {
padding-top: 20px;
border-top : 1px solid #fff;
}
}
@media (max-width: 767px) {
.only_sp {
display: block !important;
}
.only_pc {
display: none !important;
}
header .header_ctn {
padding        : 0 5px;
justify-content: space-between;
}
header #logo a img {
width: 110px;
}
#slogan {
border-bottom: none;
}
#sec_single .content_ctn {
margin   : 0 -15px;
max-width: none;
width    : auto;
}
#sec_single .content_ctn .single_main {
padding: 20px 15px;
}
#sec_news .list_news li .news_item {
display: flex;
}
#main_content>.banner.tw_cols a+a {
margin-top: 15px;
}
#main_content>.banner.tw_cols a {
width: 100%;
}
.news_item .img {
width: 154px;
flex : 0 0 auto;
}
.news_item .txt {
padding     : 0;
padding-left: 15px;
display     : flex;
align-items : center;
}
.news_item .txt h4 {
margin-bottom: 0;
}
.news_item .txt h4 a {
font-size  : 16px;
line-height: 26px;
font-weight: 400;
}
.news_item .txt p,
.news_item .txt .more_news {
display: none;
}
.bet_container {
padding      : 20px 15px;
margin       : 0 -15px;
border-radius: 0;
}
.bet_container .inner_box {
width: 100%;
}
.bet_container .box_tournament {
display        : flex;
justify-content: space-between;
}
.bet_container .box_tournament .box02 {
padding-top: 15px;
}
.bet_container .box_tournament .club {
width: calc(50% - 90px);
}
.bet_container .box_tournament .club img {
height: 42px;
}
.bet_container .box_tournament .club .name {
font-family: 'SF Pro Display';
font-style : normal;
font-weight: bold;
font-size  : 10px;
line-height: 16px;
text-align : center;
color      : #FFFFFF;
margin-top : 2px;
}
.bet_container .bet_detail {
margin-bottom: 15px;
}
#sec_single .content_ctn .single_main figure {
margin: 0 -15px 20px;
}
.single_sub .list_post li .image {
width: 155px;
}
.content_top_bet .sec_title {
font-size       : 16px;
line-height     : 24px;
padding         : 0;
background-color: transparent;
margin-bottom   : 15px;
}
.select_tournament {
margin-bottom: 15px;
}
.table_top_bet table {
border-radius: 12px;
}
.table_top_bet table thead th:nth-child(4) {
display: none;
}
.table_top_bet table tbody tr {
position: relative;
}
.table_top_bet table tbody td {
padding: 12px 0 12px;
}
.table_top_bet table tbody td:nth-child(1) {
width: 65px;
}
.table_top_bet table tbody td:nth-child(4) { display: none;
}
.match_hot .box_middle .club .img {
margin: 0 auto;
width : 80px;
height: 80px;
border: 4px solid rgba(129, 129, 150, 0.3);
}
.match_hot .box_middle .club .img img {
max-width: 45px;
}
.match_hot .box_middle .club_host .club .name_club,
.match_hot .box_middle .club_guest .club .name_club {
font-family: 'SF Pro Display';
font-style : normal;
font-weight: bold;
font-size  : 18px;
line-height: 24px;
}
.list_match .list li {
flex-direction: column;
padding       : 12px 15px;
}
.list_match .list li .box_01 {
display        : flex;
justify-content: space-between;
width          : 100%;
margin-bottom  : 10px;
}
.list_match .list li .date {
width: 150px;
}
.list_match .list li .box_02 {
width: 100%;
}
.list_match .list li .box_02 .live {
width: calc(100% - 188px);
}
.list_match .list li .box_02 .club {
width: 45%;
}
.list_match .list li .box_03 .btn {
margin: 0;
}
.list_match .list li .box_03 {
display        : flex;
justify-content: space-between;
width          : 100%;
margin-top     : 12px;
}
.list_match .list li .box_03 .btn+.btn {
margin-top: 0;
}
.live_match .bet_link a {
width: 111px;
}
.video_match {
height: auto;
}
.live_match .box_left .top {
flex-direction : row;
display        : flex;
justify-content: space-between;
}
.live_match .share a {
padding: 5px 12px;
}
.live_match .strong_bet {
width: 100%;
}
.bet_single_sub {
margin-top: 20px;
}
.info_web {
height      : 56px;
padding-left: 51px;
}
.info_web h4 {
font-size: 12px;
}
#sec_comment .sec_content {
margin       : 0 -15px;
border-radius: 0;
}
.slider .box_item .box_txt .club .name_club {
font-size  : 24px;
line-height: 40px;
}
.slider .box_item .box_txt .club {
margin-bottom: 15px;
}
.slider .box_item .box_txt .tournament {
font-size    : 13px;
margin-bottom: 12px;
}
.slider .box_item .box_txt .blv {
font-size: 13px;
}
.slider .box_item .box_txt hr {
margin: 11px auto 15px;
}
.slider .box_item .box_txt .time_match p {
font-size    : 13px;
margin-bottom: 10px;
}
.mobile-button {
display           : block;
position          : relative;
width             : 25px;
height            : 18px;
float             : right;
margin            : 19px 0 19px 20px;
background-color  : transparent;
cursor            : pointer;
-webkit-transition: all 0.3s ease;
-moz-transition   : all 0.3s ease;
-ms-transition    : all 0.3s ease;
-o-transition     : all 0.3s ease;
transition        : all 0.3s ease;
}
.mobile-button:before,
.mobile-button:after,
.mobile-button span {
background-color  : #fff;
-webkit-transition: all ease 0.3s;
-moz-transition   : all ease 0.3s;
transition        : all ease 0.3s;
}
.mobile-button:before,
.mobile-button:after {
content                 : '';
position                : absolute;
top                     : 0;
height                  : 2px;
width                   : 100%;
right                   : 0;
top                     : 50%;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin    : 50% 50%;
transform-origin        : 50% 50%;
}
.mobile-button span {
position   : absolute;
width      : 100%;
height     : 2px;
right      : 0;
top        : 50%;
overflow   : hidden;
text-indent: 200%;
}
.mobile-button:before {
-webkit-transform: translate3d(0, -7px, 0);
-moz-transform   : translate3d(0, -7px, 0);
transform        : translate3d(0, -7px, 0);
}
.mobile-button:after {
width            : 100%;
-webkit-transform: translate3d(0, 7px, 0);
-moz-transform   : translate3d(0, 7px, 0);
transform        : translate3d(0, 7px, 0);
}
.mobile-button.active span {
opacity: 0;
}
.mobile-button.active:before {
-webkit-transform: rotate3d(0, 0, 1, 45deg);
-moz-transform   : rotate3d(0, 0, 1, 45deg);
transform        : rotate3d(0, 0, 1, 45deg);
}
.mobile-button.active:after {
width            : 100%;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
-moz-transform   : rotate3d(0, 0, 1, -45deg);
transform        : rotate3d(0, 0, 1, -45deg);
}
#nav_mobi {
position       : absolute;
top            : 56px;
left           : 0;
bottom         : 0;
width          : 100%;
background     : #020506;
border-top     : 1px solid #51B025;
z-index        : 99;
overflow-y     : scroll;
display        : flex;
flex-direction : column;
justify-content: space-between;
}
#nav_mobi nav {
padding: 50px;
}
#nav_mobi ul li:nth-child(n+2) {
margin-top: 50px;
}
#nav_mobi ul li a {
font-family   : 'Oswald';
font-weight   : normal;
font-size     : 15px;
line-height   : 24px;
text-transform: uppercase;
color         : #AFB4BA;
display       : flex;
align-items   : center;
}
#nav_mobi ul li.active a,
#nav_mobi ul li a:hover {
color: #51B025;
}
#nav_mobi ul li a span {
display     : flex;
margin-right: 30px;
}
#nav_mobi .banner_sp {
padding: 15px;
}
#nav_mobi .banner_sp a {
display: block;
}
#nav_mobi .banner_sp a+a {
margin-top: 10px;
}
.banner_left,
.banner_right,
#page_title,
.nav_menu {
display: none;
}
#main_content {
padding: 15px;
}
.sec_title {
font-size: 16px;
}
#sec_top02 {
padding: 30px 0 15px;
}
.list_match .list li .box_match .info_match {
position: relative;
width   : calc(100% - 220px);
}
.list_match .list li .box_match .hot {
min-width: 70px;
}
.list_match .list li .box_match .club {
width: 110px;
}
.list_match .list li .box_match .club .name_club {
font-size  : 14px;
line-height: 20px;
}
.list_match .list li .box_match .info_match .score {
font-size  : 30px;
white-space: nowrap;
}
.list_match .list li .box_match a.watch,
.list_match .list li .box_match a.bet {
font-size: 12px;
width    : 106px;
}
.box_transfer .transfer_item a .txt {
left  : 10px;
bottom: 10px;
}
.box_transfer .transfer_item:nth-child(n+2),
.list_highlight li:nth-child(2),
.list_highlight li:nth-child(3) {
display: none;
}
.box_highlight .highlight_item {
margin-top: 15px;
}
.box_highlight .highlight_item a .desc {
padding   : 10px 15px;
background: none;
}
.box_highlight .highlight_item a .desc .line {
width        : 80px;
height       : 3px;
margin-bottom: 15px;
}
.list_highlight li:nth-child(n+2) {
margin-top: 15px;
}
.list_highlight li a .images .icon {
left  : 15px;
bottom: 15px;
}
.list_highlight li a .txt {
padding    : 10px 0;
background : none;
font-size  : 16px;
line-height: 24px;
}
.list_highlight li:nth-child(n+4) {
width: 100%;
}
.list_highlight li:nth-child(n+4) a {
display    : flex;
align-items: center;
}
.list_highlight li:nth-child(n+4) a .images {
width: 192px;
}
.list_highlight li:nth-child(n+4) a .txt {
width      : calc(100% - 192px);
padding    : 0 0 0 15px;
font-size  : 16px;
line-height: 26px;
}
.more {
display: block;
}
#bet_single {
padding-bottom: 0;
}
#bet_single .content_ctn .content_single {
padding: 20px 15px;
margin : 0 -15px;
}
#bet_single .content_ctn .content_single figure {
margin: 0 -15px 20px;
}
#bet_single .content_ctn .bet_single_sub .sec_title {
margin: 0 -15px 15px;
}
.pagination .pagination_list {
margin: 30px 0 15px;
}
#main_content>.banner {
margin: 0 -15px 20px;
}
.match_hot {
padding      : 25px 30px 25px;
margin-bottom: 20px;
}
#sec_about {
margin-bottom: 15px;
}
#sec_about .box_about {
height: 600px;
}
#footer .footer_ctn .title {
font-size  : 16px;
line-height: 24px;
}
#footer .footer_ctn .sub_title {
font-size  : 14px;
line-height: 24px;
}
#footer .footer_ctn .about_ft {
font-size  : 13px;
line-height: 20px;
}
#footer .footer_ctn .copyright {
font-family: 'Raleway';
font-style : normal;
font-weight: normal;
font-size  : 13px;
line-height: 20px;
text-align : center;
color      : #FFFFFF;
opacity    : 0.5;
}
}
#section01 .list li a .more {
width          : 150px;
height         : 34px;
display        : flex;
align-items    : center;
justify-content: center;
background     : #51B025;
border-radius  : 6px;
font-style     : italic;
font-weight    : 700;
font-size      : 14px;
line-height    : 18px;
color          : #fff;
text-align     : center;
margin-top     : 20px;
box-shadow     : 0px 2px 6.3px 0px rgba(255, 138, 0, 0.30), 0px -3px 4px 0px rgba(255, 138, 0, 0.30), 0px 4px 8.3px 0px rgba(255, 255, 255, 0.25) inset;
color          : #151515;
line-height    : 20px;
padding        : 12px 10px;
width          : 195px;
border         : 0;
font-size      : 16px;
transition     : .2s;
text-transform : capitalize;
font-weight    : 700;
}
#boxed {
padding: 10px 0 90px;
}
.list-nha-cai {
display              : grid;
grid-template-columns: 1fr 1fr;
gap                  : 10px;
}
.list-nha-cai h2 {
color: #fff;
}
.row-nhacai {
display        : flex;
gap            : 16px;
border-radius  : 12px;
border         : 1px solid green;
background     : rgba(163, 154, 210, 0.2);
backdrop-filter: blur(2.75px);
padding        : 5px 20px;
position       : relative;
}
.logobox img {
object-fit: contain;
}
.logobox {
width : 60px;
height: 60px;
}
.khuyenmaibox {
color: #989898;
}
.datcuocbox a {
width        : 115px;
padding      : 6px 20px;
font-size    : 14px;
color        : #fff;
background   : #008000;
border-radius: 4px;
text-align   : center;
box-shadow   : 0px 2px 6.3px 0px #0080005e, 0px -3px 4px 0px #0080005e, 0px 4px 8.3px 0px #0080005e inset;
}
@media (min-width: 576px) {
#section01 .list li a { }
}
@media (max-width: 576px) {
#section01 .list li a .txt {
display: none;
}
#section01 .list li:nth-child(n+2) {
margin-top: 8px;
}
#section01 .list li a .more {
margin-top: 0px;
}
.list-nha-cai {
grid-template-columns: 1fr;
}
}
.list li:nth-child(1) button {
background: green;
}
.list li:nth-child(2) button { }
.list li:nth-child(3) button { }
.list li:nth-child(4) button { }
.list li:nth-child(1) a {
border: 1px solid green !important;
}
.list li:nth-child(2) a {
border: 1px solid #FF8A00 !important;
}
.list li:nth-child(3) a { }
.list li:nth-child(4) a { }
.bt-btn-list {
display        : flex;
flex-direction : row;
justify-content: center;
align-items    : center;
gap            : 5px;
}
.bt-btn-list li { }
.bt-btn-list li a {
border-radius : 4px;
line-height   : 19px;
padding       : 10px 8px;
width         : 195px;
border        : 0;
font-size     : 15px;
transition    : .2s;
text-transform: capitalize;
text-align    : center;
}
.bt-btn-list li:nth-child(1) a {
background: green;
box-shadow: 0px 2px 6.3px 0px rgba(77, 231, 97, 0.40), 0px -3px 4px 0px rgba(77, 231, 97, 0.40), 0px 4px 8.3px 0px rgba(255, 255, 255, 0.25);
}
.bt-btn-list li:nth-child(2) a {
background: #FF8A00;
box-shadow: 0px 2px 6.3px 0px #dfa23166, 0px -3px 4px 0px rgba(232, 169, 75, 0.4), 0px 4px 8.3px 0px rgba(255, 255, 255, 0.25);
}
.bt-btn-list li:nth-child(3) a {
background: #FFE500;
box-shadow: 0px 2px 6.3px 0px #c3e74d66, 0px -3px 4px 0px rgba(77, 231, 97, 0.40), 0px 4px 8.3px 0px rgba(255, 255, 255, 0.25);
}
.bt-btn-list li:nth-child(4) a {
background: #00E1E1;
box-shadow: 0px 2px 6.3px 0px #4de7df66, 0px -3px 4px 0px rgba(77, 231, 97, 0.40), 0px 4px 8.3px 0px rgba(255, 255, 255, 0.25);
}
.title-btn-list {
color         : green;
font-size     : 18px;
font-weight   : 700;
line-height   : 24px;
text-transform: capitalize;
margin-bottom : 12px;
text-align    : center;
margin-top    : 15px;
}
@media (max-width: 991px) {
.popup_bottom {
width: 100%;
}
.row-nhacai { align-items: center;
}
.datcuocbox {
margin: 0;
}
}
@media (max-width: 700px) {
.bt-btn-list {
padding: 0 10px
}
.bt-btn-list li {
flex: 1;
}
.bt-btn-list li a {
display: block;
width  : 100%;
}
}
@media (max-width: 577px) {
.bt-btn-list {
padding: 0 0px
}
}
.landing-sticky {
top: 100px;
}
.landing-sticky>div {}
.landing-sticky .close_popup {}
.landing-sticky.banner_left {
left: 2px;
}
.landing-sticky.banner_right {
right: 2px
}
.view-highlight {
animation: highlightanimation 1s infinite alternate;
}
@keyframes highlightanimation {
50% {
background-color: #000;
color           : #f0931c;
}
}
#ez-toc-container {
background: none;
border: none;
border-radius: none;
box-shadow: none;
width: 100%;
}
div#ez-toc-container ul li {
margin-bottom: 10px;
}
#ez-toc-container a:hover {
color: #fff;
background: linear-gradient(180deg, #51B025 -248.75%, rgba(81, 176, 37, 0) 113.75%);
text-decoration: none;
} 
.e-button{margin:0 5px;display:inline-block;line-height:1;background-color:#69727d;font-size:15px;padding:12px 24px;border-radius:3px;color:#fff;fill:#fff;text-align:center;transition:all .3s;}
.e-button:focus,.e-button:hover,.e-button:visited{color:#fff;}
.e-button-content-wrapper{display:flex;justify-content:center;flex-direction:row;gap:5px;}
.e-button-text{display:inline-block;}
.e-button span{text-decoration:inherit;}
.e-button{font-weight:500;text-transform:uppercase;font-style:normal;letter-spacing:-0.3px;word-spacing:0px;background-color:#FFBB00;border-radius:4px 4px 4px 4px;box-shadow:0px 0px 5px 5px #FFBB00;}
.e-button.btn2 {
background-color: #FF00EA;
box-shadow: 0px 0px 5px 5px #FF00EA;
}
.playbox {
padding: 10px;
width: 100%;
border: 1px solid #F1630D;
border-radius: 8px;
background: linear-gradient(150deg, rgba(255,255,255,0.5) 0%, rgba(0, 0, 0, .1) 100%);
text-align: center;
transition: all .3s;
}
.playbox:hover {
transform: scale(1.02);
transition: all .3s;
}
.playbox img {
display: inline-block;
}
.playbox h4 {
margin-top: -10px;
margin-bottom: 10px;
color:#FFBB00;
}
.playbox .btn {
margin:15px 0px;
box-shadow: 1px 0px 5px 3px #FFBB00;
display: inline-block;
line-height: 1;
background-color: #FFBB00;
font-size: 15px;
padding: 12px 24px;
border-radius: 3px;
text-align: center;
transition: all .3s;
font-weight: 700;
}
@media screen and (max-width: 728px) {
.playbox {
padding: 2px;
display: flex;
justify-content: space-around;
}
.playbox > img {
width: 60px;
height: 60px;
}
.playbox .btn{
font-size: 17px;
padding: 6px 12px;
width: 60%;
}
}
#ez-toc-container a{
color: #F2F3F3;
}
.box_content_home  .entry-content .overflow-scroll div#ez-toc-container {
display: none !IMPORTANT;
}
h1.heading {
font-family: "Roboto", Sans-serif;
font-size: 20px;
font-weight: 600;
text-transform: uppercase;
position: relative;
padding-left: 20px;
}
h1.heading:before {
background: #4fa747;
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
width: 4px;
}
.blog_info img {
width: 100%;
}
.blog_info a {
color: #fff;
}
.blog_info p {
color: #777;
}
.postInfo h1 {
color: #61CE70;
font-size: 20px;
}
p.meta {
font-size: 13px;
color: #777;
text-transform: uppercase;
}
.float_bottom {
text-align: center;
position: fixed;
bottom: 0px;
width: 100%;
display: block;
}
.float_bottom img {
display: inline-block;
max-width: 100%;
}
.meta-related{display:block;
margin-top:10px;
margin-bottom: 10px;
} 
.meta-related ul li {
list-style: square;
font-size: 15px;
margin-bottom:0px;
} 
.meta-related ul li a{
color: #0092ff;
text-transform: none; } 
.meta-related ul li a:hover{
color: #0072c8;
}