/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */

*,
*:before,
*:after { padding: 0; margin: 0; outline: 0; box-sizing: border-box; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main { display: block; }

html,
body { height: auto; }

html.show-navigation body { overflow: hidden; }

body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }

img, iframe, video, audio, object { max-width: 100%; }
img, iframe { border: 0 none; }
img { height: auto; display: inline-block; vertical-align: middle; }

b,
strong { font-weight: bold; }

address { font-style: normal; }

svg:not(:root) { overflow: hidden; }

a { text-decoration: none; }
a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] { cursor: pointer; }

a[href^="tel"],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] { cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

input[type="text"],
input[type="password"],
input[type="date"],
input[type="date.3s"],
input[type="date.3s-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type=".3s"],
input[type="url"],
input[type="color"],
textarea,
a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { display: none; -webkit-appearance: none; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

textarea { overflow: auto; resize: none; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }

button,
input,
optgroup,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }

mark { padding: 2px; background-color: #fcf8e3; }

/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */

@font-face {
	font-family: 'Open Sans';
	src: url('fonts/OpenSans-Italic.woff2') format('woff2'),
	url('fonts/OpenSans-Italic.woff') format('woff'),
	url('fonts/OpenSans-Italic.ttf') format('truetype'),
	url('fonts/OpenSans-Italic.svg#OpenSans-Italic') format('svg');
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family: 'Open Sans';
	src: url('fonts/OpenSans-ExtraBoldItalic.woff2') format('woff2'),
	url('fonts/OpenSans-ExtraBoldItalic.woff') format('woff'),
	url('fonts/OpenSans-ExtraBoldItalic.ttf') format('truetype'),
	url('fonts/OpenSans-ExtraBoldItalic.svg#OpenSans-ExtraBoldItalic') format('svg');
	font-weight: 800;
	font-style: italic;
}

@font-face {
	font-family: 'Open Sans';
	src: url('fonts/OpenSans-Light.woff2') format('woff2'),
	url('fonts/OpenSans-Light.woff') format('woff'),
	url('fonts/OpenSans-Light.ttf') format('truetype'),
	url('fonts/OpenSans-Light.svg#OpenSans-Light') format('svg');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url('fonts/OpenSans-SemiBold.woff2') format('woff2'),
	url('fonts/OpenSans-SemiBold.woff') format('woff'),
	url('fonts/OpenSans-SemiBold.ttf') format('truetype'),
	url('fonts/OpenSans-SemiBold.svg#OpenSans-SemiBold') format('svg');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url('fonts/OpenSans-LightItalic.woff2') format('woff2'),
	url('fonts/OpenSans-LightItalic.woff') format('woff'),
	url('fonts/OpenSans-LightItalic.ttf') format('truetype'),
	url('fonts/OpenSans-LightItalic.svg#OpenSans-LightItalic') format('svg');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'Open Sans';
	src: url('fonts/OpenSans-BoldItalic.woff2') format('woff2'),
	url('fonts/OpenSans-BoldItalic.woff') format('woff'),
	url('fonts/OpenSans-BoldItalic.ttf') format('truetype'),
	url('fonts/OpenSans-BoldItalic.svg#OpenSans-BoldItalic') format('svg');
	font-weight: 700;
	font-style: italic;
}

@font-face {
	font-family: 'Open Sans';
	src: url('fonts/OpenSans-SemiBoldItalic.woff2') format('woff2'),
	url('fonts/OpenSans-SemiBoldItalic.woff') format('woff'),
	url('fonts/OpenSans-SemiBoldItalic.ttf') format('truetype'),
	url('fonts/OpenSans-SemiBoldItalic.svg#OpenSans-SemiBoldItalic') format('svg');
	font-weight: 600;
	font-style: italic;
}

@font-face {
	font-family: 'Open Sans';
	src: url('fonts/OpenSans-Bold.woff2') format('woff2'),
	url('fonts/OpenSans-Bold.woff') format('woff'),
	url('fonts/OpenSans-Bold.ttf') format('truetype'),
	url('fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url('fonts/OpenSans-Regular.woff2') format('woff2'),
	url('fonts/OpenSans-Regular.woff') format('woff'),
	url('fonts/OpenSans-Regular.ttf') format('truetype'),
	url('fonts/OpenSans-Regular.svg#OpenSans-Regular') format('svg');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url('fonts/OpenSans-ExtraBold.woff2') format('woff2'),
	url('fonts/OpenSans-ExtraBold.woff') format('woff'),
	url('fonts/OpenSans-ExtraBold.ttf') format('truetype'),
	url('fonts/OpenSans-ExtraBold.svg#OpenSans-ExtraBold') format('svg');
	font-weight: 800;
	font-style: normal;
}


/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */

body { font-family: "Open Sans", sans-serif; background-color: #EFEFEF; color: #000; font-size: 16px; line-height: 24px; }

h1 { font-size: 30px; font-weight: 700; line-height: 1; }
h2 { font-size: 26px; font-weight: 700; line-height: 1; }
h3 { font-size: 24px; font-weight: 700; line-height: 1; }
h4 { font-size: 18px; font-weight: 700; line-height: 1; }
h5 { font-size: 16px; font-weight: 700; line-height: 1; }
h6 { font-size: 14px; font-weight: 700; line-height: 1; }

@media(max-width: 1024px){
	h1 { font-size: 24px; font-weight: 700; }
	h2 { font-size: 22px; font-weight: 700; }
	h3 { font-size: 20px; font-weight: 700; }
	h4 { font-size: 16px; font-weight: 700; }
	h5 { font-size: 14px; font-weight: 700; }
	h6 { font-size: 14px; font-weight: 700; }
}

li { list-style: none; }
button,
select { text-transform: none; }


.main { padding-bottom: 30px; }
.shell-inner { max-width: 790px; width: 100%; padding: 0 10px; }

table { width: 100%; border-collapse: collapse; border-spacing: 0; }

body.search .main-inner .shell { padding: 0; }

/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */
#breadcrumbs { margin: 0; }

.hoverEffect { position: relative; }
.hoverEffect a:hover { color: #0f0f0f; }
.hoverEffect:before { content: ""; position: absolute; width: 100%; height: 2px; bottom: 0; left: 0; background-color: #333; visibility: hidden; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.5s ease-in-out 0.1s; transition: all 0.5s ease-in-out 0.1s; }
.hoverEffect:hover:before { visibility: visible; background-color: #f2f2f2; -webkit-transform: scaleX(1); transform: scaleX(1); }

.hidden { visibility: hidden; }

.page-template .category-menu li { font-size: 14px; }

/* ------------------------------------------------------------ *\
	SMP random class fixes
\* ------------------------------------------------------------ */
#wp-admin-bar-shared_counts { max-height: 32px; overflow: hidden; max-width: 100px; }

div[data-widgetid="player"] .widget-container { margin: 0 auto; }

.smp-standings-widget {
	border-left: none;
	border-right: none;
	border-bottom: none;
	background: #fff;
}

div[data-widgetid="player"] .statistics-container .statistics-items-container { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; }

.smp-standings-widget [class^="table-group-"],
.smp-standings-widget .table-gr-row {
 border-color: #e8e8e8;
}


.smp-standings-widget > .table-container .table-header ul.tb-head li.tb-cell {
	font-weight: 600 !important;
}

.main div[data-widgetId="widget-team-players"] .players .imageWrapper img { width: 60px; }
.text-center .dropdown__list.open { position: relative; }

.fixture-team-wrapper .team-name.right { min-width: 230px; }

@media(max-width: 1024px){
	.fixture-team-wrapper .team-name.right { min-width: 150px; }
}

@media(max-width: 768px){
	.fixture-team-wrapper .team-name.right { min-width: 90px; }
}

@media(max-width: 480px){
	.main div[data-widgetId="fixtures-widget"] .fixture-match-component-wrapper .start-date { font-size: 10px; }
	.main div[data-widgetId="fixtures-widget"] .team-link { font-size: 10px; }
}

.fixture-team-wrapper .team-link img { max-width: inherit; width: 30px; height: 30px; }

/* ------------------------------------------------------------ *\
	Footer - DDD - media queries - to be combined
\* ------------------------------------------------------------ */

.footer { max-height: 148px; max-width: 1080px; width: 100%; border: #CDCDCD 1px solid; background-color: #EFEFEF; margin: 0 auto; margin-bottom: 5px; }
.footer .col-content a { color: #0f0f0f; font-size: 12px; }
.footer .col-foot { font-size: 12px; }

.footer .decoration { background-color: #F8F8F8; width: 100%; height: 6px; }
.footer .cols { padding: 17px 0px 0 38px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap;}
.footer .cols { justify-content: space-between; flex-direction: row-reverse; }

.footer .col-1of3 { width: 26%; position: relative; padding-right: 10px; }
.footer .col-1of3:after { content: ""; position: absolute; width: 1px; height: 100px; background-color: #CCCCCC; right: 1px; top: 1px; }

.footer .col-1of3 .col-content a { display: flex; align-items: center; }
.footer .col-1of3 .col-content img { height: 80px; width: 65px; margin-right: 10px; }

@media(max-width: 1024px){
	.footer { max-height: unset;}
	.footer .cols { padding: 24px 30px 10px 38px; flex-direction: column-reverse; }

	.footer .col-1of3 { width: 60%; margin-bottom: 38px; }
	.footer .col-1of3:after { display: none; }
	.footer .col-1of3 .col-foot { text-align: left; }
}

.footer .col-1of3 .col-content p { text-transform: uppercase; }

.footer .col-1of3 .col-content { padding-bottom: 10px; }

.footer .col-2of3 {width: 29%; position: relative; }

.footer .col-3of3-wrapper:after { content: ""; position: absolute; width: 1px; height: 100px; background-color: #CCCCCC; left: 1px; top: 1px; }

.footer .col-2of3 .col-content { padding-left: 35px; padding-bottom: 5px; font-size: 12px; }
.footer .col-2of3 .footer-pages li {padding-bottom: 5px; }
.footer .col-2of3 .col-foot { padding-left: 35px; margin-bottom: 5px;}
.footer .col-2of3 .footer-socials { display: flex; flex-wrap: wrap; }
.footer .col-2of3 .footer-social { padding-right: 5px; padding-bottom: 5px; }
.footer .col-2of3 .footer-social img { width: 30px; height: 30px; }

.footer .col-3of3-wrapper { display: flex; flex-wrap: wrap; width:45%; position: relative; }

@media(max-width: 1024px){
	.footer .col-2of3 .col-content { padding-left: 0; padding-bottom: 18px; }
	.footer .col-2of3 .footer-pages { text-align: left; line-height: normal; }
	.footer .col-2of3 .col-foot { padding-left: 0; }
	.footer .col-3of3-wrapper { width: 100%; justify-content: space-between; }
	.footer .col-3of3-wrapper:after { display: none; }
}

.footer .col-3of3 { width: 33%; text-align: center; position: relative; }
.footer .col-3of3:after { content: ""; position: absolute; width: 1px; height: 100px; background-color: #CCCCCC; right: 1px; top: 1px; }
.footer .col-3of3:last-child:after { display: none; }


@media(max-width: 1024px){
	.footer { max-height: unset; margin-bottom: 0; } 
	.footer .decoration { height: auto; }
	.footer .cols { padding: 24px 30px 10px 38px; flex-direction: column-reverse; }

	.footer .col-1of3 { width: 60%; margin-bottom: 38px; }
	.footer .col-1of3:after { display: none; }
 
	.footer .col-1of3 .col-content { padding-bottom: 5px; }
	.footer .col-1of3 .col-content p { line-height: normal; }

	.footer .col-2of3 { width: 100%; display: flex; align-items: flex-start; padding-bottom: 38px; justify-content: center; flex-direction: column; }

	.footer .col-2of3 .col-content { padding-left: 0; padding-bottom: 18px; }
	.footer .col-2of3 .footer-pages { text-align: left; line-height: normal; }
	.footer .col-2of3 .col-foot { padding-left: 0; }
	.footer .col-3of3-wrapper { width: 100%; }
	.footer .col-3of3-wrapper:after { display: none; }
}

@media(max-width: 950px){
	.footer .col-2of3:after { display: none; }
}

@media(max-width: 767px){
	.footer .col-1of3 .col-content p { max-width: 130px; } 

}

@media(max-width: 500px){
	.footer .col-3of3:after { display: none; }
}

.footer .col-3of3 .col-content {padding-bottom: 10px;}
.footer .col-3of3 .col-content img { width: 80px; height: 80px; }

.footer .col-3of3 .col-foot { padding-bottom: 8px; }
.footer .col-3of3 .col-foot p { text-transform: uppercase; color: #0f0f0f; }

/* ------------------------------------------------------------ *\
	Form
\* ------------------------------------------------------------ */

.form-row { margin-bottom: 20px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; max-width: 100%; }
.form-controls { width: 100%; }
.field { border-radius: 5px; font-size: 12px; padding: 0 15px; background-color: #fff; height: 40px; border: 1px solid #fff; width: 100%; max-width: 100%; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.field-textarea { border-radius: 5px; padding: 15px; background-color: #fff; width: 100%; border: 1px solid #fff; font-size: 12px; -webkit-transition: all .3s;
-o-transition: all .3s; transition: all .3s;}
.field:focus,
.field-textarea:focus { border: 1px solid #C51C2C; }
.form-btn { width: 100%; border-radius: 5px; font-size: 16px; font-weight: 500; }

/* ------------------------------------------------------------ *\
	Form-contact
\* ------------------------------------------------------------ */

.form-contact { width: 100%; }
.form-contact .field { padding: 14px 24px; }
.form-contact .form-btn { padding: 10px 24px; background-color: transparent; color: #fff; border: 2px solid #fff; -webkit-transition: .4s all;
-o-transition: .4s all; transition: .4s all; }
.form-contact .form-btn:hover { background-color: #fff; color: #C51C2C; }

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

.header { background-color: #EFEFEF !important; z-index: 999; position: relative; padding: 0 !important; border: none !important; }
.header.front-page { margin-bottom: 20px; }
.header .shell { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: flex-start; position: relative; }
.header a { color: #000000; }

.header .logo-secondary { margin-right: 38px; }
.header-inner { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; background-color: #fff; width: calc(100% - 73px); align-items: flex-end; box-shadow: 0 2px 5px rgba(153,153,153,0.33); }
.header-inner .logotype { width: 189px; padding-left: 12px; }

.header .en-lang { margin: 10px 0 0 10px; }
.header .en-lang img{ width: 24px; height: 16px; }
.header .en-lang.mobile { display: none; }
.header .en-lang .lang-title { display: none;  color: #fff; }
.header .search-icon { display: inline-block; padding: 0 16px 13px 0; }
.header .search-icon img { width: 24px; height: 24px; }



@media(max-width: 1200px){
	.header .logo-secondary { margin-right: 25px; }
}

@media(max-width: 1024px){
	.header .search-icon { margin-right: 80px; padding: 0 0 13px 0; }

	.header-inner { align-items: center; }

	.header .en-lang .lang-title { display: inline-block; margin-left: 8px; }

	.header .en-lang.desktop { display: none; }
	.header .en-lang.mobile { display: block; width: 100%; order: 3; }
	.header .en-lang.mobile img { max-width: 24px; display: inline-block; }
	.header .en-lang { margin: 0 41px; position: relative; }
	.header .en-lang:after { position: absolute; content: ''; height: 1px; width: 100%; bottom: -12px; background-color: rgba(255, 255, 255, 0.2); left: 0; }
}

@media(max-width: 768px){
	.header .logo { width: 98px; }
	.header .logo-secondary { margin-right: 0; }
	.header .logo-secondary .logotype { width: 160px; }
	.header .search-icon { padding: 0 0 16px 0; }

	
}

@media(max-width: 500px){
	.header .logo { width: 80px; }
	
	.header .search-icon { margin-right: 80px; padding: 0 0 13px 0; }
}

/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */
 
.main .main-inner > .shell { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; flex-wrap: wrap; }
.main .flex-shell { flex-wrap: wrap; }
.main .content { width: 71.3%; }
.main .sidebar { width: 27.7%; }
.main .section-hero { width: 100%; margin-bottom: 35px; }

.main .main-h2h-block { scroll-behavior: smooth; }

@media(max-width: 1024px) {
	.main .content { width: 100%; }
	.main .sidebar { display: none; }
}

/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */

.wrapper { min-height: 100%; overflow: hidden; }

/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */

.shell { max-width: 1120px; width: 100%; margin: auto; padding: 0 20px; }

.shell-inner { max-width: 790px; width: 100%; padding: 0 10px; }

@media(max-width: 1024px) {
	.shell { padding: 0px; }

	.shell-inner { padding: 0; }
}

@media(max-width: 768px) {
	.shell { padding: 0; }
}
/* ------------------------------------------------------------ *\
	sidebar-shop
\* ------------------------------------------------------------ */

.sidebar-shop { max-width:300px; width: 100%; background-color: #FEFEFE; margin-bottom: 30px; font-family: "Open Sans"; border: 1px solid #CCCCCC; }
.sidebar-shop .sidebar-shop-title { position: relative; border:none; }
.sidebar-shop .sidebar-shop-title .title { padding: 22px 11px 19px 11px; color: #000000;	font-size: 24px;	font-weight: 300;}
.sidebar-shop .sidebar-shop-title:after{ content: ""; position: absolute; background-color:#C71628; left: 1px; right: 1px; width: 100%; height: 4px; }

.sidebar-shop .sidebar-shop-content { padding: 10px; position: relative; }
.sidebar-shop .sidebar-shop-content:after { content: ""; position: absolute; background-color: #CCCCCC; bottom: 1px; width: 100%; height: 1px; left: 50%; max-width: 150px; transform: translate(-50%); }

.sidebar-shop .product-image { text-align: center; }
.sidebar-shop .product-image img{ max-width: 280px; width: 100%; max-height: 280px; height: 100%; }

.sidebar-shop .product-price { text-align: center; padding-bottom: 10px; }
.sidebar-shop .regular-price { color: #C51C2C; padding-right: 10px; font-size: 22px; font-weight: bold; }
.sidebar-shop .regular-price sup{ padding-right: 3px; }
.sidebar-shop .old-price sup{ padding-right: 3px; }
.sidebar-shop .old-price{ position: relative; color: #D4D4D4; font-size: 20px; font-weight: lighter ; }
.sidebar-shop .old-price:before{ position: absolute; content: ""; width: 100%; height: 1px; top: 50%; background-color: #D4D4D4; }

.sidebar-shop .product-name { text-align: center; font-size: 16px; font-weight: bold; color:#000000; }

.sidebar-shop .see-more { text-align: right; padding-bottom: 21px; padding-right: 10px;padding-top: 20px; }

/* ------------------------------------------------------------ *\
	sidebar-banner
\* ------------------------------------------------------------ */

.sidebar-banner { width: 100%; max-width: 300px; display: inline-block; margin-bottom: 30px; }

/* ------------------------------------------------------------ *\
	Elements - DDD
\* ------------------------------------------------------------ */

.see-more a { color: #0f0f0f; font-size: 16px; font-weight: bold; }
.see-more a:hover{ color: red; }
.see-more span{ padding-right: 5px; }
.see-more img { width: 20px; height: 20px; }

/* ------------------------------------------------------------ *\
	btn
\* ------------------------------------------------------------ */
.btn-soc-share { width: 25px; height: 25px; opacity: 1; transition: opacity .4s; cursor: pointer; }
.btn-soc-share.active { opacity: 0.6; }

.btn-burger { display: none; }

.btn-cta { background-color: #fff; border-radius: 5px; border: 1px solid #ccc; padding: 10px; }

@media(max-width: 1024px){
	.btn-burger { display: block; position: absolute; width: 30px; height: 30px; right: 25px; top: 30px; z-index: 999; }
	.btn-burger span { background-color: #000; width: 100%; height: 4px; position: absolute; top: 15px; right: 0; left: 0; border-radius: 3px; transition: all .4s; }
	.btn-burger span:before { content: ""; background-color: #000; width: 100%; height: 4px; position: absolute; top: -10px; right: 0; left: 0; transition: all .3s; border-radius: 3px; }
	.btn-burger span:after { content: ""; background-color: #000; width: 100%; height: 4px; position: absolute; top: 10px; right: 0; left: 0; transition: all .3s; border-radius: 3px; }

	.btn-burger.animation { position: absolute; }
	.btn-burger.animation span { background-color: transparent; }
	.btn-burger.animation span:before { background-color: #C51C2C; content: ""; transform: rotate(-135deg); display: block; width: 100%; top: 0px; transition: all .3s; }
	.btn-burger.animation span:after { background-color: #C51C2C; content: ""; transform: rotate(135deg); display: block; width: 100%; top: 0px; transition: all .3s; }
}

 
/* ------------------------------------------------------------ *\
	btn-mobile-category-burger
\* ------------------------------------------------------------ */

.btn-mobile-category-burger { width: 35px; height: 25px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; justify-content: space-around; }
.btn-mobile-category-burger:before { content: ''; display: inline-block; width: 4px; height: 4px; background: #000; border-radius: 50%; }
.btn-mobile-category-burger:after { content: ''; display: inline-block; width: 4px; height: 4px; background: #000; border-radius: 50%; }
.btn-mobile-category-burger span { content: ''; display: inline-block; width: 4px; height: 4px; background: #000; border-radius: 50%; }


/* ------------------------------------------------------------ *\
	list-partners
\* ------------------------------------------------------------ */

.list-partners li { margin-bottom: 10px; }
.list-partners li:last-child { margin-bottom: 0; }
.list-partners .partner { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; }
.list-partners .partner-logo { display: block; width: 150px; height: 50px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; align-items: center; background-color: #fff; border-radius: 5px; margin-right: 21px; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.list-partners .partner-logo:hover { box-shadow: 2px 3px 22px -12px rgba(0,0,0,0.6); }
.list-partners img { max-width: 150px; max-height: 50px; }
.list-partners .partner-link { font-weight: 700; font-size: 16px; color: #000000; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; }
.list-partners .partner-link:hover { font-style: italic; }

@media(max-width: 1024px){
	.list-partners .partner-logo { margin-bottom: 10px; }
	.list-partners .partner-link { margin-bottom: 10px; }
	.list-partners .partner { flex-wrap: wrap; }
}
/* ------------------------------------------------------------ *\
	.list-sponsors
\* ------------------------------------------------------------ */

.list-partnerss { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; justify-content: flex-start; padding-top: 10px; }
.list-partnerss li { margin-right: 10px; width: 150px; height: 50px; margin-top: 15px; }

.list-partnerss .partners-inner { background-color: rgba(255, 255, 255, 1); border-radius: 6px; border: 1px solid #fff; transition: background-color .4s; }
.list-partnerss .partners-inner:hover { background-color: rgba(255, 255, 255, 0.5); }

.list-partnerss .partners-link { height: 50px; display: inline-block; width: 150px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }
.list-partnerss .partners-logo { margin: auto; max-height: 50px; max-width: 150px; }

@media(max-width: 1024px){
	.list-parthnerss { justify-content: center; }
}

/* ------------------------------------------------------------ *\
	list-contacts
\* ------------------------------------------------------------ */

.list-contacts { height: auto; border-bottom: 1px solid #ffffff95; }
.list-contacts li { margin-bottom: 25px; }
.list-contacts a { font-size: 16px; color: #fff; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; display: inline-block; }
.list-contacts a:hover { color: #ffffff95; }
.list-contacts a:hover i { color: #ffffff95; }
.list-contacts i { font-size: 20px; width: 20px; height: 20px; text-align: center; margin-right: 15px; -webkit-transition: .4s all; -o-transition: .4s all; transition: .4s all; }
.list-contacts i.fa.fa-phone,
.list-contacts i.fa.fa-map-marker { font-size: 24px; }

/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */

.logo { width: 77px; display: inline-block; margin: 0 20px; position: relative; z-index: 10; }

.logo-secondary { display: inline-block; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; text-decoration: none; }
.logo-secondary .flag { display: inline-block; background-color: #fff; position: relative; width: 5px; height: 87px; }
.logo-secondary .flag:before { content: ""; background-color: #009900; position: absolute; width: 5px; height: 87px; top: 0; bottom: 0; left: 5px; }
.logo-secondary .flag:after { content: ""; background-color: #CC0000; position: absolute; width: 5px; height: 87px; top: 0; bottom: 0; left: 10px; }

.logo-secondary .logotype { display: inline-block; width: 199px; padding-left: 22px; font-weight: 700; font-size: 16px; text-transform: uppercase; line-height: 18px; }

@media(max-width: 768px){
	.logo-secondary .logotype { font-size: 14px; }
}

 

/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */
.mobile-nav { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: flex-end; justify-content: space-between; width: 100%; }

.nav-wrapper { width: 100%; }
.nav-outer { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; align-items: center; width: 100%; }

.main-nav { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; }
.main-nav .mobile-arrow { display: none; }
.main-nav > .menu-item { margin-right: 20px; }
.main-nav > .menu-item > a { text-decoration: none; transition: text-shadow .3s; padding-bottom: 13px; display: inline-block; position: relative; }
.main-nav > .menu-item:hover > a { text-shadow: 0 0 .65px #C51C2C, 0 0 .65px #C51C2C; color: #C51C2C; }
.main-nav > .menu-item > a:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 4px 4px 0 4px; border-color: #c51c2d transparent transparent transparent; position: absolute; top: 100%; left: calc(50% - 4px); margin-top: -10px; opacity: 0; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.main-nav > .menu-item.menu-item-has-children:hover > a:after { opacity: 1; }
.main-nav > .menu-item.menu-item-has-children > .sub-menu li:hover > a { color: #ffffff95; }

.main-nav > .menu-item > .sub-menu { position: absolute; top: 100%; margin-top: -10px; left: -11%; right: -11%; padding: 50px 70px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; color: #fff; visibility: hidden; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; opacity: 0; z-index: 5; line-height: normal; }
.main-nav > .menu-item > .sub-menu a { color: #fff; }
.main-nav > .menu-item:hover > .sub-menu { visibility: visible; opacity: 1; }
.main-nav > .menu-item > .sub-menu:before { content: ''; position: absolute; top: 0; bottom: 0; left: -100%; right: -100%; background: rgb(197, 28, 44); }
.main-nav > .menu-item > .sub-menu > li { width: 100%; margin: 0; margin-right: 40px; padding-left: 20px; }

.main-nav > .menu-item > .sub-menu > li:last-child { margin-right: 0; }
.main-nav > .menu-item > .sub-menu > li > a { font-size: 18px; font-weight: 700; display: inline-block; margin-bottom: 50px; text-transform: uppercase; }
.main-nav > .menu-item > .sub-menu > li:before { content: ""; width: 100%; position: absolute; top: 0px; margin-top: 42px; left: 0; right: 0; background-color: #fff; height: 4px; }
.main-nav .menu-item .sub-menu li { margin-bottom: 15px; font-size: 14px; }
.main-nav .menu-item .sub-menu li:last-child { margin-bottom: 0; }
.main-nav > .menu-item > .sub-menu a { text-decoration: none; }
.main-nav > .menu-item > .sub-menu > * { position: relative; }

.nav-col-2 > .sub-menu { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; }
.nav-col-2 > .sub-menu > .menu-item { width: 50%; }
.nav-col-2 > .sub-menu > .menu-item > a { display: none; }

@media(max-width: 1024px){ 
	.nav-wrapper { width: 100%; }
	.nav-wrapper .top-search { width: 100%; order: 1; }
	.nav-outer {flex-wrap: wrap; }
	.nav-wrapper { position: fixed; top: 80px; right: -100%; background: rgba(197, 28, 44, 0.95); height: calc(100vh - 80px); z-index: 4; font-size: 18px; overflow: auto; }
	.nav-wrapper .nav { width: 100%; padding: 20px 24px; order: 2; } 
	.nav-wrapper { -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
	body.admin-bar .nav-wrapper { top: 125px; height: calc(100vh - 125px); }
	.nav-wrapper.show { right: 0; }

	.main-nav .menu-item-has-children { position: relative; }
	.main-nav .mobile-arrow { width: 34px; height: 30px; position: absolute; right: 10px; top: 0; display: inline-block; text-align: center; color: #fff; font-size: 23px; z-index: 1; }

	.main-nav { display: block; text-align: left; position: relative; } 
	.main-nav > .menu-item { margin-bottom: 15px; margin-right: 0; position: relative; }
	.main-nav > .menu-item:before { position: absolute; content: ""; width: 100%; background-color: #fff; height: 1px; top: 100%; left: 0; right: 0; z-index: 1; opacity: .95; }
	.main-nav > .menu-item:hover > a { text-shadow: none; color: #fff; }
	.main-nav > .menu-item.menu-item-has-children > a:after { display: none; }
	.main-nav > .menu-item.menu-item-has-children.sub-menu-open > .sub-menu { display: block; }
	.main-nav > .menu-item.menu-item-has-children .menu-item-has-children .mobile-arrow {display: none; }

	.main-nav > .menu-item > .sub-menu { display: none; position: static; visibility: visible; opacity: 1; padding: 10px 20px; }
	.main-nav > .menu-item > .sub-menu > li { padding-left: 0; margin-right: 0; }
	.main-nav > .menu-item > .sub-menu > li:before { content: none; }
	.main-nav > .menu-item > a { color: #fff; position: relative; z-index: 1; display: block; padding-left: 20px; padding-right: 20px; }
	.main-nav > .menu-item > a:hover { color: #ffffff95; }

	.nav-col-2 > .sub-menu { display: block; }
	.nav-col-2 > .sub-menu > .menu-item { width: 100%; }

	.main-nav .menu-item .sub-menu li { margin: 0; padding: 8px 0; }

	.main-nav .menu-item .sub-menu li { font-size: 16px; }
	
	.main-nav > .menu-item > .sub-menu { padding: 10px 50px; }
	.main-nav > .menu-item > .sub-menu > li:last-child { margin-bottom: 0; }
	.main-nav > .menu-item > .sub-menu > li > .sub-menu { padding: 0 40px; }
	.main-nav > .menu-item > .sub-menu > li > a { text-transform: lowercase; font-size: 16px; padding: 5px 0 10px; margin-bottom: 0; }
	.main-nav > .menu-item > .sub-menu > li > a:first-letter {text-transform: uppercase; }
}

@media(max-width: 480px){
	.main-nav > .menu-item > .sub-menu { padding: 10px 30px; }
	.main-nav > .menu-item > .sub-menu > li > .sub-menu { padding: 0 20px; }
}

/* ------------------------------------------------------------ *\
	search
\* ------------------------------------------------------------ */

.theme-search { opacity: 0; padding: 20px; position: absolute; top: 100%; right: 0; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; visibility: hidden; width: 100%; background-color: #EFEFEF; }
.theme-search.active { top: 100%; opacity: 1; visibility: visible; }

.form-search { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;; justify-content: space-between; max-width: 760px; width: 100%; margin: 0 auto; }
.form-search label { cursor: default; max-width: 540px; width: 100%; position: relative; }
.form-search label:before { content: ""; width: 30px; height: 30px; background-image: url(../images/search_icon_grey.png); background-size: cover; background-repeat: no-repeat; background-position: center; position: absolute; left: 0; top: 5px; }
.form-search .search-input { position: relative; display: inline-block; width: 100%; height: 100%; padding-left: 50px; }
.form-search .search-input::before { content: ""; height: 1px; width: 100%; max-width: calc(100% - 50px); background-color: #bcbcbc; bottom: 0; left: 50px; right: 0; position: absolute; }
.form-search .search-field { border: 0; background-color: transparent; height: 100%; width: 100%; padding: 0 10px; transition: background-color .3s; }
.form-search .search-field:focus { background-color: rgba(255, 255, 255, 0.6); }
.form-search .search-field:focus .search-input:after { background-color: rgb(197, 28, 44); }
.form-search .btn-search { height: 40px; width: 200px; border: 1px solid #CCCCCC; border-radius: 5px;background-color: #FFFFFF; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.form-search .btn-search > i { display: none; }
.form-search .btn-search:hover { border: 1px solid rgb(197, 28, 44); color: rgb(197, 28, 44); background-color: #fff; }

@media(max-width: 1024px){
	.theme-search { opacity: 1; visibility: visible; position: static; background-color: rgba(0,0,0,0); padding: 0; border-bottom: 1px solid rgba(255,255,255,.95); }

	.top-search { padding: 20px 24px 0; padding-top: 50px; }
	.top-search .search-icon { display: none; }

	.form-search { max-width: 100%; }
	.form-search .btn-search { height: 50px; width: 50px; background: none; border: 0; border-radius: 0; color: #fff; font-size: 23px; order: 1; }
	.form-search .btn-search > i { display: inline-block; }
	.form-search .btn-search > span { display: none; }
	.form-search label { max-width: 100%; order: 2; }
	.form-search label:before { display: none; }
	.form-search .search-input { padding-left: 0; }
	.form-search .search-input::before { display: none; }
	.form-search .search-field { height: 50px; color: #fff; }

	.form-search .search-field::-webkit-input-placeholder { color: #fff; }
	.form-search .search-field:-ms-input-placeholder { color: #fff; }
	.form-search .search-field::placeholder { color: #fff; }
}

 

/* ------------------------------------------------------------ *\
	section-banner
\* ------------------------------------------------------------ */
 
.section-banner { height: auto; width: 100%; background-color: #EEEEEE; text-align: center; overflow: hidden; margin: 25px auto; margin-bottom: 40px; }
.section-banner iframe {width: 100%;}
.main .section-banner .banner-content a { padding-bottom: 0; }

@media(max-width: 1024px){
	.section-banner { height: auto; }
}

/* ------------------------------------------------------------ *\
	section-contacts
\* ------------------------------------------------------------ */

.section-contacts { background-color: #C51C2C; padding: 40px; border-radius: 5px; margin-bottom: 46px; }
.section-contacts .section-body { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }
.section-contacts .section-head { text-align: center; margin-bottom: 40px; position: relative; border-bottom: 2px solid #fff; padding-bottom: 20px; color: #fff; }
.section-contacts .contact-us-form { width: 100%; }
.section-contacts .contact-details { width: 50%; padding-left: 50px; position: relative; }

@media(max-width: 1024px){
	.section-contacts .section-body { display: block; text-align: center; }
	.section-contacts .contact-us-form { width: 100%; padding: 0 40px; margin-bottom: 80px; }
	.section-contacts .contact-details { width: 100%; padding-left: 0; }
	.section-contacts .socials ul { justify-content: center; }
}

@media(max-width: 768px){
	.section-contacts { padding: 40px 15px; }
	.section-contacts .contact-us-form { padding: 0; }
}

/* ------------------------------------------------------------ *\
	section-history
\* ------------------------------------------------------------ */

.section-history .shell-inner { background-color: #fff; border: 1px solid #CCCCCC; padding: 26px 0 30px; }
.section-history .section-head { margin-bottom: 10px; }
.section-history .section-title { font-size: 36px; margin-bottom: 35px; padding-left: 13px; }
.section-history .featured-image { width: 100%; height: auto; }
.section-history .section-body { padding: 0 10px; font-size: 16px; line-height: 24px; }
.section-history .section-body p { margin-bottom: 26px; }

.section-history .wp-caption.alignnone { max-width: 750px!important; width: 100%!important; margin: 0 auto; }
.section-history .wp-caption.alignnone img { max-width: 750px!important; width: 100%!important; height: auto!important; }

.section-history .wp-caption-text { display: none; }

@media(max-width: 1024px){
	.section-history .shell-inner { margin: 0 auto; }
	.section-history .section-title { font-size: 30px; }
}

@media(max-width: 768px){
	.section-history .section-title { font-size: 22px; margin-bottom: 25px; }
}


/* ------------------------------------------------------------ *\
	section-partners
\* ------------------------------------------------------------ */

.section-partners { margin-bottom: 46px; }
.section-partners .section-head { margin-bottom: 30px; }
.section-partners .section-title { font-weight: 300; }

@media(max-width: 1024px){
	.section-partners .section-head { padding-top: 20px; }
	.section-partners .section-head h3 { font-size: 24px; }
	.section-partners .shell { padding: 0 10px; }
}


/* ------------------------------------------------------------ *\
	section-sponsors
\* ------------------------------------------------------------ */
.section-sponsors { padding-bottom: 31px; display: inline-block; padding-right: 31px; }
.section-sponsors .section-head { font-size: 16px; color: #000; text-align: left; margin-bottom: 10px; }
.section-sponsors .section-head h4 { font-weight: normal; }

@media(max-width: 1024px){
	.section-sponsors { padding: 0 15px 31px; display: block; }
	.section-sponsors .section-head { text-align: center; }
}

/* ------------------------------------------------------------ *\
	section-top-5
\* ------------------------------------------------------------ */
.section-top-5 { margin-bottom: 30px; }
.section-top-5 .shell { padding: 0; }
.section-top-5 .tabs { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-direction: row-reverse; position: relative; }
.section-top-5 .tabs-head ul { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; flex-direction: column; }
.section-top-5 .tabs-head li { position: relative; }
.section-top-5 .tabs-head li:hover .article-image { opacity: 1; }
.section-top-5 .tabs-head li:before { content: ''; position: absolute; height: 100%; width: 4px; background-color: #C51c2c; left: 8px; opacity: 0; transition: opacity .4s; z-index: 1; }
.section-top-5 .tabs-head li.current:before { opacity: 1; }

.section-top-5 .tab { position: relative; }
.section-top-5 .tabs .tabs-nav { padding-bottom: 0; }
.section-top-5 .top-head { position: absolute; bottom: 0; background-color: rgba(0, 0, 0, 0.5); width: 100%; padding: 11px 15px; z-index: 3; transition: background-color .4s; }


.section-top-5 .top-body { max-width: 640.8px; max-height: 360px; overflow: hidden; position: relative; }
.section-top-5 .top-body.type-videos:before { content: ''; position: absolute; background-image: url(../images/play_icon.png); background-size: contain; background-repeat: no-repeat; width: 100px; height: 100px; top: calc(42% - 25px); left: calc(50% - 25px); }

.section-top-5 .top-title { color: #fff; text-align: left; font-weight: bold; transition: color .4s; line-height: 1.3; }
.section-top-5 .top-title span { background-color: #C51C2C; padding: 0px 5px; line-height: 1.3; margin-right: 5px; }

.section-top-5 .top-image { height: 360px; width: 100%; align-content: center; object-fit: cover; object-position: top; }
.section-top-5 .top-bg { opacity: 0; visibility: hidden; }
.section-top-5 .top-image.blank { width: 100%; background-color: #fff; }
.section-top-5 .top-footer { position: absolute; top: calc(50% - 44px); left: calc(50% - 44px); z-index: 0; }
.section-top-5 .top-play-icon { width: 88px; height: 88px; }
.section-top-5 .top-link { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 12; } 

.section-top-5 .article-image { width: 130px; height: 72px; opacity: 0.8; position: relative; z-index: 0; transition: opacity .4s; object-fit: cover; object-position: top; }
.section-top-5 .article-image.black { background-color: #fff; }

@media(max-width: 1024px){
	.section-top-5 .tabs { justify-content: center; }
}

@media(max-width: 767px){
	.section-top-5 .tabs-head { display: none; }	
	.section-top-5 .tabs .tabs-body .tab { position: relative; opacity: 1; visibility: visible; display: -webkit-flex; border-bottom: 8px solid #EFEFEF; }
	.section-top-5 .tabs .tabs-body .tab:before { content: ''; position: absolute; position: absolute; bottom: 0px; width: 100%; height: 1px; z-index: 20; background: #333; }
	.section-top-5 .tabs .tabs-body .tab { display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; }
	.section-top-5 .top-body { max-width: 100%; width: 100%; }
	.section-top-5 .top-head { position: static; width: 100%; order: 2; background: #fff; padding: 10px; }
	.section-top-5 .top-title { color: #000; font-size: 20px; }
	.section-top-5 .top-title span { color: #fff; }

	.section-top-5 .top-image { height: 270px; }

	.section-top-5 .top-bg { display: none; }
}

/* ------------------------------------------------------------ *\
	section_404
\* ------------------------------------------------------------ */

.section_404 { text-align: center; background-color: #C51C2C; border-radius: 5px; padding: 50px 20px; color: #fff; box-shadow: 0 2px 5px rgba(153,153,153,0.33); }
.section_404 .article-title { margin-bottom: 25px; }

/* ------------------------------------------------------------ *\
	socials
\* ------------------------------------------------------------ */

.socials { padding-top: 20px; }
.socials ul { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; }
.socials li { margin-right: 25px; }
.socials li:last-child { margin-right: 0; }
.socials a { color: #fff; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.socials a:hover { color: #ffffff95; }
.socials i { font-size: 24px; }

/* ------------------------------------------------------------ *\
	tabs
\* ------------------------------------------------------------ */

.tabs .tabs-nav { padding-bottom: 40px; }
.tabs .tabs-nav a { font-size: 14px; height: 100%; font-weight: 600; }
.tabs .tabs-nav a { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.tabs .tabs-nav ul { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; margin: 0 -8px; -ms-flex-pack: justify; justify-content: space-between; }
.tabs .tabs-nav ul > li { text-align: center; padding: 0 8px; } 
.tabs .mobile-tabs-nav-btn { text-decoration: none; text-transform: uppercase; font-size: 14px; padding: 10px; display: none; height: 100%; font-weight: 600; }
.tabs .tabs-body { position: relative; }
.tabs .tabs-body .tab { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; visibility: hidden; }
.tabs .tabs-body .tab { transition: all .4s; }
.tabs .tabs-body .tab.current {position: relative; opacity: 1; visibility: visible; }

@media(max-width: 1024px){
	.tabs .tabs-nav ul { margin: 0; }
	.tabs .tabs-nav ul > li { padding: 0; }

	.tabs .tabs-nav { padding-bottom: 0; }

}

/* ------------------------------------------------------------ *\
	Comments
\* ------------------------------------------------------------ */

.fb-shell { margin-bottom: 0px; }

/* ------------------------------------------------------------ *\
	Teams Dashboard
\* ------------------------------------------------------------ */

.teams-dashboard { width: 100%; background-color:#FFFFFF; padding: 30px 215px 27px 12px; position: relative; }
.teams-dashboard:after{ content: ""; position: absolute; height: 4px; width: 100%; background-color: #C71628; right: 1px; bottom: 1px; }
.teams-dashboard > .shell { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; align-items: baseline; }
.nav-team ul { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; justify-content: space-between; padding-left: 20px; }
.nav-team ul li a { padding: 5px; color: #0f0f0f; }
.nav-team .current { color: #CA3642; font-weight: bold; }


/* ------------------------------------------------------------ *\
	more-news
\* ------------------------------------------------------------ */
.more-news { text-align: center; padding: 20px; }
.more-news a { display: inline-block; border-radius: 50%; }
.more-news a:hover { color: #C71628; transition: all 0.5s ease-in-out; }
.more-news button { display: inline-block; width: 50px; height: 50px; border: 1px solid #E4E4E4; border-radius: 50%; background-color:#FFFFFF; }
.more-news button:after {content: ''; display: inline-block; width: 10px; height: 10px; border-top: 2px solid #000000; border-right: 2px solid #000000; -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg);}
.more-news a:hover button { border-color: #C71628; transition: inherit; }
.more-news a:hover button:after { border-top-color: #C71628; border-right-color: #C71628; transition: inherit; }

/* ------------------------------------------------------------ *\
	Section-single-video
\* ------------------------------------------------------------ */

.section-single-video { border: 1px solid #CCCCCC; background-color: #FFFFFF; margin-bottom: 30px; }
.section-single-video .section-head {width: 100%; height: 100%; max-width:770px; background-position: center; background-repeat: no-repeat; background-size: cover; margin-bottom: 20px; position: relative; }
.section-single-video .single-video-spans { color: #A2A2A3; font-size: 12px; }
.section-single-video .single-video-date { position: relative; }
.section-single-video .single-video-date:after { position: absolute; content: ""; width: 1px; height: 100%; right: 1px; background-color: #D4D4D4;}
.section-single-video .single-video-spans span:first-child { padding-right: 3px;}
.section-single-video .single-video-spans span:last-child { padding-left: 3px;}
.section-single-video .single-video-title { margin-bottom: 20px; line-height: normal; }
.section-single-video .single-video-title h1 { margin-bottom: 10px; }
.section-single-video .single-video-title .str { background-color: #C71628; padding: 0px 0px 2px 5px; line-height: 1.3; margin-right: 5px; color: #fff; }
.section-single-video .single-video-description { margin-bottom: 30px; }
.section-single-video .section-foot >.shell{ display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; justify-content: space-between; background-color: #F8F8F8; align-items: center; padding-top: 5px; padding-bottom: 5px; }
.section-single-video .section-foot .author-description { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; align-items: center; width: 50%;}
.section-single-video .section-foot .author-avatar { border-radius: 50%; background-position: center; background-repeat: no-repeat; background-size: cover; padding-bottom: 15%; max-width: 60px; min-width: 30px; width: 100%; height: 60px; margin-right: 20px; }
.section-single-video .section-foot .single-video-count { width: 50%; text-align: right; margin-left: auto; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: flex-end; align-items: center; }
.section-single-video .section-foot .people-img { display: inline-block; max-width: 30px; max-height: 10px; padding: 5% 7px 3% 7px; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; position: relative; margin-left: 8px; margin-right: 4px; }
.section-single-video .section-foot .people-img:after { content: ""; position: absolute; width: 1px; height:40px; left: 35px; bottom: -6px; background-color: #CCCCCC; }
.section-single-video .section-foot .single-video-count span:last-child { padding-left: 7px; }

.section-single-video .single-video-social { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: flex-end; }

.section-single-video .section-video { overflow: hidden; text-align: center; }
.section-single-video .section-video img { width: 100%; }
.section-single-video .video-js { position: static; max-height: 430px; max-width: 730px; }
.section-single-video .video-js .vjs-big-play-button { width: 86px; height: 46px; top: calc(50% - 23px); left: calc(50% - 43px); }
.section-single-video .video-youtube { width: 100%; height: 430px; }

@media(max-width: 1024px){
	.section-single-video .section-head { max-width: 1024px; }
}

@media(max-width: 768px){

	.section-single-video .section-foot .people-img { display: none; }
	.section-single-video .section-foot span {display: block; }

	.section-single-video .video-youtube { height: 370px; }
}

@media(max-width: 600px){
	.section-single-video .video-js { max-height: 300px; }
	.section-single-video .video-youtube { height: 290px; }
}

@media(max-width: 480px){
	.section-single-video .video-js { max-height: 240px; }
	.section-single-video .video-youtube { height: 230px; }
}


/* ------------------------------------------------------------ *\
	section-team-videos
\* ------------------------------------------------------------ */

.section-team-videos { background-color: #FFFFFF;}
.section-team-videos .section-title { background-color: #F7F7F7; padding-top: 21px; padding-bottom: 16px; }
.section-team-videos .section-content { border: 1px solid #CCCCCC; padding-top: 21px; }
.section-team-videos .team-videos { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: space-between; }
.section-team-videos .team-videos a {width: 30%; padding-bottom: 20px; color: #000000; }
.section-team-videos .team-videos a:hover { color: #C71628; transition: all 0.5s ease-in-out; }
.section-team-videos .video-image { background-position: center; background-repeat: no-repeat; background-size: cover; padding-bottom: 60%; width: 100%; height: 100%; position: relative }
.section-team-videos a:hover .video-image:after { content: ""; position: absolute; width: 4px; height: 100%; background-color: #C71628; right: 0; transition: inherit; }
@media(max-width: 768px){
	.section-team-videos .team-videos a { width: 47%; text-align: center; }
}

@media(max-width: 1024px){
	.teams-dashboard > .shell { align-items: center; }
	.nav-team ul { flex-wrap: wrap; }
	.nav-team ul li { margin-bottom: 5px; }
}

/* ------------------------------------------------------------ *\
	Section news
\* ------------------------------------------------------------ */
.section-news .section-head { background-color: #F7F7F7; font-weight: 300; padding: 21px 12px; }
.section-news .section-title { font-weight: 300; }
.section-news .section-content { background-color: #FFFFFF; border: 1px solid #CCCCCC; padding: 20px 20px 20px 10px; }
.section-news .single-news { width: 100%; }
.section-news .single-news a { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; padding-bottom: 20px; color: #0f0f0f; }
.section-news .single-news-spans { color: #D4D4D4; transition: color .3s; font-size: 12px; }
.section-news a:hover .single-news-spans { color: inherit; transition: inherit; }
.section-news .single-news a:hover { color: #C71628; transition: all 0.5s ease-in-out;}
.section-news .single-news a:hover .str { color: #fff; }

.section-news .image-container {  max-width: 300px; width: 400%; display: inline-block; }
.section-news .image-wrapper { position: relative; padding-top: 56.25%; overflow: hidden; display: inline-block; width: 100%; }
.section-news .image { position: absolute; width: 100%; height: 100%; top: 0; object-fit: cover; }
.section-news .image-wrapper:after { content: ""; position: absolute; background-color: #c71628; height: 100%; width: 5px; right: -5px; top: 0; transition: right .3s; }
.section-news .image-wrapper.video:before { position: absolute; content: ''; background-image: url(/wp-content/themes/bnf-theme/resources/assets/images/Play_Icon_small.png); background-size: contain; background-position: center; background-repeat: no-repeat; left: 6px; top: 4px; width: 24px; height: 24px; z-index: 3; }
.section-news a:hover .image-wrapper:after { right: 0; }
.section-news .single-news-description { padding-left: 10px; }
.section-news .single-news-title { padding-bottom: 5px; line-height: 1.3; }
.section-news .single-news-title .str { background-color: #C71628; padding: 0px 0px 2px 5px; line-height: 1.3; margin-right: 5px; color: #fff; }
.section-news .single-news-date { position: relative; }
.section-news .single-news-date:after { position: absolute; content: ""; width: 1px; height: 100%; right: 1px; background-color: #D4D4D4;}
.section-news .single-news span:first-child { padding-right: 3px;}
.section-news .single-news span:last-child { padding-left: 3px;}

.section-news .section-banner { margin-top: 5px; }

.section-news.results .section-head { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; }

.section-news.results .section-links a { color: #000; font-size: 14px; transition: color .4s; margin-left: 20px; transition: font-weight .4s, color .4s; display: inline-block; width: 60px;}
.section-news.results .section-links a:hover { color: #C51C2C; font-weight: bold; }
.section-news.results .section-links a.active { color: #C51C2C; }


@media(max-width: 1024px){
	.section-news .section-content { padding: 10px 5px; }
	.section-news .image-container { max-width: 1024px; margin-bottom: 10px; }
	.section-news .single-news-description { padding-left: 0px; margin: 0; max-width: 1024px; margin-right: auto; }
	.section-news .single-news a { flex-wrap: wrap; }
	.section-news .single-news-title { font-size: 20px; }
}

@media(max-width: 768px){
	.section-news .single-news a { flex-wrap: wrap; align-items: center; }
	.section-news .image-container { margin: 0 auto; }

}

/* ------------------------------------------------------------ *\
	banner-test
\* ------------------------------------------------------------ */
.section-news .banner-test {background-color: #0d84e3; width: 100%; height: 60px; }

/* ------------------------------------------------------------ *\
	more-news
\* ------------------------------------------------------------ */
.section-news .more-news { text-align: center; padding: 20px; }
.section-news .more-news a { display: inline-block; border-radius: 50%; }
.section-news .more-news a:hover { color: #C71628; transition: all 0.5s ease-in-out; }
.section-news .more-news button { display: inline-block; width: 50px; height: 50px; border: 1px solid #E4E4E4; border-radius: 50%; background-color:#FFFFFF; }
.section-news .more-news button:after {content: ''; display: inline-block; width: 10px; height: 10px; border-top: 2px solid #000000; border-right: 2px solid #000000; -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg);}
.section-news .more-news a:hover button { border-color: #C71628; transition: inherit; }
.section-news .more-news a:hover button:after { border-top-color: #C71628; border-right-color: #C71628; transition: inherit; }

/* ------------------------------------------------------------ *\
	section-subscribe
\* ------------------------------------------------------------ */

.section-subscribe { border: 1px solid #CCCCCC; background-color: #FFFFFF; border-radius: 10px; padding: 20px; margin: 30px 0; }
.section-subscribe .section-head { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; align-items: center; padding-bottom: 30px; }
.section-subscribe .section-head .section-text { padding-left: 16px; }
.section-subscribe .section-body { padding-bottom: 10px; }
.section-subscribe .subscribe-field { border: 1px solid #CCCCCC; border-radius: 10px; background-color: #F8F8F8; padding: 10px; max-width: 410px; width: 100%; margin-right: 20px; }
.section-subscribe .button-wrapper { position: relative; }
.section-subscribe .button-wrapper .subscribe-btn { width: 200px; padding: 10px; border: 1px solid #CCCCCC; border-radius: 10px; background-color: #FFFFFF; }
.section-subscribe .button-wrapper .subscribe-btn:hover { background-color:#C71628; color: #EEEEEE; }
.section-subscribe form {display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; align-items: center; }
.section-subscribe .button-wrapper > span { width: 6px; height: 10px; position: absolute; background-position: center; background-repeat: no-repeat; background-size: cover; top: 40%; left: 70%; }

@media(max-width: 768px) {
	.section-subscribe form { text-align: center; display: block; }
	.section-subscribe .subscribe-field { margin-bottom: 20px; }
	
}

@media (max-width: 480px) {
	.section-subscribe .button-wrapper > span { left: 63%; }
}

/* ------------------------------------------------------------ *\
	.section-divider
\* ------------------------------------------------------------ */
.section-divider { width: 100%; border: 1px solid rgba(0,0,0, 0.1); margin-bottom: 30px; }
.section-divider .section-box { background-color: #fff; }
.section-divider .section-box div:last-child { margin-bottom: 0; }

/* ------------------------------------------------------------ *\
	.section-category-menu
\* ------------------------------------------------------------ */

.section-category-menu { width: 100%; background-color:#FFFFFF; position: relative; padding: 30px 10px 25px 10px; }
.section-category-menu { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.section-category-menu:after{ content: ""; position: absolute; height: 4px; width: 100%; background-color: #C71628; right: 0px; bottom: 0px; }

.section-category-menu .category-menu { margin-left: auto; }

.section-category-menu ul { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; justify-content: space-between; padding-left: 20px; }
.section-category-menu .btn-mobile-category-burger { display: none; }
.section-category-menu ul a { padding-left: 21px; color: #0f0f0f; transition: color .3s, text-shadow .3s; font-size: 14px; }
.section-category-menu a:hover { color: #C71628; text-shadow: 0 0 .65px #C71628, 0 0 .65px #C71628; }

.section-category-menu .current a { font-weight: bold; color: #C71628; box-shadow: inset 0px 0px 5px 0px rgba(255,255,255,1); }

.section-category-menu .category-head { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: flex-start; align-items: center; }
.section-category-menu .category-logo { width: 30px; height: 30px; margin-right: 10px; }
.section-category-menu .category-title { font-weight: 300; box-shadow: inset 0px 0px 5px 0px rgba(255,255,255,1); }

@media(max-width: 1024px){ 
	.section-category-menu ul { padding-left: 0; flex-wrap: wrap; justify-content: flex-start; } 
	.section-category-menu ul li { margin-bottom: 32px; }
	.section-category-menu ul a { padding-left: 0; padding-right: 10px; }
	.section-category-menu .current a { box-shadow: none; }
}


@media(max-width: 767px){
	.section-category-menu { padding: 25px 10px 25px 10px; }
	.main .section-category-menu { padding: 25px 10px 25px 10px; margin-bottom: 0; }
	.section-category-menu ul { justify-content: flex-end; } 
	.section-category-menu ul a { padding-left: 10px; padding-right: 0px; }
	.section-category-menu .category-menu { width: 100%; order: 3; margin-top: 10px; position: absolute; top: 70%; background-color: #C51c2c; left: 0; right: 0; padding: 32px 41px 40px 41px; z-index: 20; font-size: 18px; text-align: left; pointer-events: none; opacity: 0; transition: opacity .4s; }
	.section-category-menu .category-menu li { width: 100%; }
	.section-category-menu .category-menu li a { color: #FEFEFE; }
	.section-category-menu .category-menu.active { opacity: 1; pointer-events: all; }
	.section-category-menu .btn-mobile-category-burger { display: flex; }
}

/* ------------------------------------------------------------ *\
	.lists-news
\* ------------------------------------------------------------ */
.lists-news { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; justify-content: center; padding: 13px 5px; padding-bottom: 40px; }
.lists-news li { padding: 5px; position: relative; }

.lists-news iframe { height: 202px; width: 367px; }
.lists-news .news { text-align: left; }

.lists-news .news-size-1 { width: 100%; }
.lists-news .news-size-2 { width: 50%; }
.lists-news .news-size-3 { width: 33%; }


.lists-news .news-title { margin-top: 5px; margin-bottom: 10px; transition: color .3s; line-height: 1.3; }
.lists-news .news-title span { background-color: #C51C2C; padding: 0px 5px; line-height: 1.3; margin-right: 5px; color: #fff; }
.lists-news li:hover .news-title { color: #C71628; }

.lists-news .news-size-1 .news-title { font-size: 28px; }
.lists-news .news-size-2 .news-title { font-size: 22px; }
.lists-news .news-size-3 .news-title { font-size: 18px; }

.lists-news .news-date { transition: color .3s; opacity: 0.7; font-size: 12px; }
.lists-news li:hover .news-date { color: #C71628; font-size: 12px; }



.lists-news .mage-container {  }
.lists-news .image-wrapper { position: relative; padding-top: 56.25%; overflow: hidden; }
.lists-news .news-image { position: absolute;   width: 100%; height: 100%; object-fit: cover; object-position: top; top: 0; left: 0; }
.lists-news .image-wrapper:after { content: ""; position: absolute; height: 100%; width: 5px; background-color: #c71628; right: -5px; transition: right .3s; top: 0; }
.lists-news li:hover .image-wrapper:after { right: 0; }


.lists-news .news-link { position: absolute; top: 0; bottom: 0; right: 0; left: 0; transition: color .3s; }


@media(max-width: 1024px){
	.lists-news { padding: 5px 0; }
	.lists-news li { padding: 0px 0 10px; }
	.lists-news .news-size-3 { width: 50%; }
	.lists-news .news-title { font-size: 16px; }

	.lists-news .news-size-1 .news-title { font-size: 20px; padding: 0 10px; }
	.lists-news .news-size-2 .news-title { font-size: 20px; padding: 0 10px; }
	.lists-news .news-size-3 .news-title { font-size: 20px; padding: 0 10px; }
	.lists-news .news-date { padding: 0 10px; }
}

@media(max-width: 768px) {
	.lists-news .news-size-2 { width: 100%; }
	.lists-news .news-size-3 { width: 100%; } 
}

/* ------------------------------------------------------------ *\
 section-fixtures-widget
\* ------------------------------------------------------------ */
.section-fixtures-widget { margin-bottom: 40px; }
.section-fixtures-widget .section-title { background-color: #F8F8F8; padding: 20px 0 20px 0; }
.section-fixtures-widget .section-title .shell { padding: 0 15px; }
.section-fixtures-widget .section-title h3 { font-weight: 400; }
.section-fixtures-widget .custom-items { background-color: #FFFFFF; display: -webkit-flex; display: -moz-flex; display: -ms-flex; }
.section-fixtures-widget .custom-items { display: -o-flex; display: flex; align-items: center; padding: 15px; }
 
.section-fixtures-widget .custom-league-logo{ width: 30px; height: 30px; background-size: contain; background-repeat: no-repeat; background-position: center; margin-right: 10px; }
.section-fixtures-widget .custom-title strong { margin-right: 5px; font-size: 18px; }
.section-fixtures-widget .custom-title span { position: relative; padding-left: 10px; }
.section-fixtures-widget .custom-title span:before { content: ''; position: absolute; width: 2px; height: 100%; background-color: #0f0f0f; left: 0; }


.section-fixtures-widget .tournament-name {background-color: #F8F8F8; padding: 10px; text-align: center; position: relative; }
.section-fixtures-widget .tournament-name > img { margin-right: auto; position: absolute; top: 50%; left: 10px; transform: translateY(-50%); }
.section-fixtures-widget .tournament-wrapper { margin: unset!important; }
.section-fixtures-widget .tournament-wrapper .tournament-name { margin: 0!important;}
.section-fixtures-widget .fixture-match-component-wrapper { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }
.section-fixtures-widget .fixture-match-component-wrapper .time-score-wrapper { margin: 0 auto!important; }

@media(min-width: 1024px){
	.section-fixtures-widget .time-score { font-size: 18px!important; }
}

.section-fixtures-widget .section-action { background-color: #FFFFFF; padding: 15px; text-align: end; }
.section-fixtures-widget .action-wrapper { display: inline-block; }
.section-fixtures-widget .section-action a { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; color: #0f0f0f; }
.section-fixtures-widget .section-action span { width: 20px; height: 20px; display: inline-block; background-size: contain; background-repeat: no-repeat; background-position: center; margin-left: 10px; }
.section-fixtures-widget .section-action a:hover {color: #C51C2C; }


@media(max-width: 1024px){
	.section-fixtures-widget .section-title h3 { font-weight: normal; font-size: 24px; }
	.section-fixtures-widget .section-title .shell { padding: 0 10px; }
}

@media(max-width: 480px){
	.section-fixtures-widget .custom-items { padding: 15px 5px; }	
}


/* ------------------------------------------------------------ *\
	popular widget
\* ------------------------------------------------------------ */

.widget-popupar-list { background-color: #FFFFFF; border: 1px solid rgba(0,0,0, 0.1); margin-bottom: 30px; }
.widget-popupar-list > .widget-head  { padding: 25px 10px 15px 10px; border-bottom: 3px solid #C71628; }
.widget-popupar-list > .widget-head .widget-title { font-weight: 300; }

.widget-popupar-single > a.widget-image { display: block; text-decoration: none; margin-bottom: 10px; }

.widget-popupar-single > a.widget-image  .image-wrapper { position: relative; padding-top: 56.25%; display: block;  }
.widget-popupar-single > a.widget-image  .image { position: absolute; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: top;  }
.widget-popupar-single > .widget-content { padding: 0 10px 15px; }
.widget-popupar-single > .widget-content .widget-title { margin-bottom: 5px; }
.widget-popupar-single > .widget-content .widget-title .str { display: inline; background: #C71628; padding: 0 5px; color: #fff; }
.widget-popupar-single > .widget-content .widget-title a { color: inherit; font-weight: 400; text-decoration: none; display: block; line-height: 1.4; }
.widget-popupar-single > .widget-content .widget-title a:hover { color: #C71628; }
.widget-popupar-single > .widget-content .widget-title-info { color: #787878; font-size: 13px; }

/* ------------------------------------------------------------ *\
	overview-videos-section
\* ------------------------------------------------------------ */

.section-overview-videos { margin-bottom: 40px; }
.section-overview-videos .section-title { background-color: #F7F7F7; padding-top: 20px; padding-bottom: 20px; }
.section-overview-videos .section-content { border: 1px solid #CCCCCC; background-color: #FFFFFF; padding-top: 10px; padding-bottom: 30px; text-align: center; }
.section-overview-videos .list-overview-videos { text-align: left; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; justify-content: space-between; }
.section-overview-videos .list-overview-videos a { width: 49%; padding-bottom: 20px; color: #000000; transition: right .4s; }
.section-overview-videos .section-head { background-size: cover; background-repeat: no-repeat; background-position: center; width: 100%; max-height: 280px; height: 100%; padding-bottom: 55%; margin-bottom: 5px; position: relative; overflow: hidden; }
.section-overview-videos .section-head:before { content: url(../images/Play_Icon_small.png); position: absolute; width: 24px; height: 24px; top: 5px; left: 5px; }
.section-overview-videos .section-head:after { position: absolute; content: ""; height: 100%; width: 5px; background-color: #c71628; right: -5px; transition: right .4s; }
.section-overview-videos .list-overview-videos a:hover .overview-video { color: #C51C2C; right: 0; }
.section-overview-videos .list-overview-videos a:hover .section-head:after { right: 0; }
.section-overview-videos .section-content .shell > a { color: #0f0f0f; }

/* ------------------------------------------------------------ *\
	team-form-section
\* ------------------------------------------------------------ */
.team-form-section { margin-bottom: 40px; }
.team-form-section .section-title { background-color: #F7F7F7; padding-top: 20px; padding-bottom: 20px; font-weight: 300; }
.team-form-section .section-body { border: none; background-color: #FFFFFF; padding: 30px 59px 30px 59px; text-align: center; }
.team-form-section .section-moods { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; max-width: 546px; width: 100%; margin-bottom: 10px; margin-left: 66px; justify-content: space-between; position: relative; }
.team-form-section .mood { max-width: 135px; width: 100%; text-align: center; position: relative; }
.team-form-section .mood:nth-last-child(n+1):after { content: ""; position: absolute; width: 1px; height: 100%; background-color: #CCCCCC; right: 0; bottom: 0; }
.team-form-section .section-moods:before { content: ""; position: absolute; width: 1px; height: 100%; background-color: #CCCCCC; left: 0; }
.team-form-section .section-moods:after { content: ""; position: absolute; width: 1px; height: 100%; background-color: #CCCCCC; right: 0; }

.team-form-section .section-progress-bar {padding-bottom: 30px; }
.team-form-section .section-bar-indicator { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; flex-wrap: wrap; }
.team-form-section .progress-percentage { margin-right: 20px; width: 47px; }
.team-form-section .section-bar-indicator .bar { max-width: 546px; width: 100%; border: 1px dashed #CCCCCC; height: 60px; }
.team-form-section .section-bar-indicator #teamProgress { width: 1%; height: 100%; background-color: #4CAF50; }

.team-form-section .section-last-five-events div> span { display: inline-block; border-radius: 50%; width: 20px; height: 20px; color:#FFFFFF; text-align: center; margin-right: 2px; font-size: 12px; }
.team-form-section .section-last-five-events div { padding-bottom: 30px; }
.team-form-section .section-last-five-events a {color: #0f0f0f; }

@media(max-width: 1070px){ 
	.team-form-section .section-moods { max-width: 546px; width: 100%; margin: 0 auto; }
	.team-form-section .progress-percentage { margin-right: 0; display: block; }
	.team-form-section .section-bar-indicator { flex-direction: column-reverse; }
	.team-form-section .section-bar-indicator .bar { margin-bottom: 10px; margin-top:10px; }
}

@media(max-width: 1024px){
	.team-form-section .section-title h3 { font-size: 24px; font-weight: normal; }
	.team-form-section .section-title .shell { padding-left: 10px; padding-right: 10px; }
}

@media(max-width: 768px){

	.team-form-section .section-body { padding: 10px; }
	.team-form-section .section-bar-indicator { flex-direction: column-reverse; }
	.team-form-section .progress-percentage { margin-right: 0; }
	.team-form-section .section-bar-indicator .bar { margin-bottom: 10px; margin-top:10px; }
}


/* ------------------------------------------------------------ *\
	section-widget
\* ------------------------------------------------------------ */
.section-widget .section-title { background-color: #F7F7F7; padding: 21px 0px 16px 11px; font-weight: normal; }

.section-widget .section-body { overflow: hidden; }

@media(max-width: 1024px){
	.section-widget .section-title { font-size: 24px; }
}

/* ------------------------------------------------------------ *\
	section-nextMatch
\* ------------------------------------------------------------ */
.section-nextMatch { max-width: 770px; margin: 0 auto; margin-bottom: 40px; }
.section-nextMatch .section-actions { background-color: #fff; text-align: center; padding-bottom: 29px; padding-top: 15px; }
.section-nextMatch .link { display: inline-block; font-size: 16px; color: #000; transition: color .3s; }
.section-nextMatch .link:hover { color: #C51C2C; }

/* ------------------------------------------------------------ *\
	section-squat
\* ------------------------------------------------------------ */

.section-squat { margin-bottom: 30px;}
.section-squat .section-title { background-color: #F7F7F7; padding-top: 20px; padding-bottom: 20px; }
.section-squat .section-title h3 { font-weight: 300; }
.section-squat .section-content { border: 1px solid #CCCCCC; background-color: #FFFFFF; }
.section-squat .teamPlayersTitle { padding: 10px; }
.section-squat .playerCell { width: 50%!important; padding-left: 10px; }
.section-squat .playerShirt { background: #C71628!important; bottom: -3px!important; left: -5px!important; width: 30px!important; height: 30px!important; }

@media(max-width: 1024px){
	.section-squat .section-title .shell { padding: 0 10px; } 
}

@media(max-width: 767px){
	.section-squat .section-title { display: none; }
	.section-squat div[data-widgetId="widget-team-players"] .teamPlayersTitle { margin-bottom: 0; font-size: 14px; }
	.section-squat .playerCell { width: 100% !important; text-align: center; }
	.section-squat div[data-widgetId="widget-team-players"] .players .playerInfo { text-align: left; }
} 

div[data-widgetId="widget-team-players"] .players .imageWrapper { max-width: 70px !important; }

/* ------------------------------------------------------------ *\
	single-article(article-inner)
\* ------------------------------------------------------------ */

.article-inner { background-color: #FFFFFF; margin-bottom: 30px;}
.article-inner .article-strapline { padding: 31px 10px 9px 10px; border: 1px solid #cccccc; border-bottom: none; }
.article-inner .article-strapline h1 { margin-bottom: 10px; line-height: 1.2; font-size: 36px; }
.article-inner .article-strapline .strapline { background-color: #C51C2C; padding: 0px 0px 2px 5px; color: #fff; }

.article-inner .article-info { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-content: center; margin-bottom: 10px; }
.article-inner .article-date { font-size: 12px; color:#ABABAB; }
.article-inner .article-date .span-date { position: relative; padding-right: 5px; }
.article-inner .article-date .span-date:after { position: absolute; content: ''; background: #ABABAB; width: 1px; height: 65%; right: 0; bottom: 5px; }
.article-inner .article-date .span-time { padding-left: 5px; }
.article-inner .article-brief_description { font-size: 1.3em; }
.article-inner .the_post_thumbnail { width:100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: top; margin-bottom: 15px; object-fit: cover; }
.article-inner .soc-count { width: 50%; }
.article-inner .shared-counts-wrap { margin: 0 0 0px 0; padding-right: 0; }
.article-inner .article-socials { padding-left: 15px; width: 200px; margin-left: auto; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: flex-end; }
.article-inner .article-body .article-socials { align-items: center; width: 100%; padding: 5px 10px; }
.article-inner .editor-block { padding: 0 10px 0 10px; margin-bottom: 40px; }
.article-inner .editor-block blockquote { padding: 10px; background-color: #EFEFEF; position: relative; }
.article-inner .editor-block blockquote:before { content: ""; position: absolute; background-color: #c51c2c; width: 4px; height: 100%; bottom: 0; left: 0; }
.article-inner .editor-block blockquote:after { content: ""; position: absolute; background-color: #C51C2C; width: 60px; height: 4px; top: 0; left: 0; }

.article-inner .editor-block ol li { list-style: decimal; list-style-position: inside; }
.article-inner .editor-block ul li { list-style: disc; list-style-position: inside; }

.article-inner .editor-block .table { margin-bottom: 20px; }
.article-inner .editor-block table { border: 1px solid #ccc; }
.article-inner .editor-block table thead { border: 1px solid #ccc; }
.article-inner .editor-block table tbody { border: 1px solid #ccc; }
.article-inner .editor-block table th { border: 1px solid #ccc; background-color: #eee; }
.article-inner .editor-block table tr { border: 1px solid #ccc; }
.article-inner .editor-block table td { border: 1px solid #ccc; text-align: center; }

.article-inner .editor-block mark.marker-yellow { background: #fdfd77; }
.article-inner .editor-block mark.marker-green { background: #63f963; }
.article-inner .editor-block mark.marker-pink { background: #fc7999; }
.article-inner .editor-block mark.marker-blue { background: #72cdfd; }
.article-inner .editor-block mark.pen-red { background: none; color: #e91313; }
.article-inner .editor-block mark.pen-green { background: none; color: #180; }
.article-inner .editor-block a { color: #039be5; }
.article-inner .editor-block a:hover { color: #026899; text-decoration: underline; }

.article-inner .highlight-block { padding: 25px 30px 30px 85px; margin: 10px 10px 20px 10px; background-color: #efefef; position: relative;}
.article-inner .highlight-block:before {content: '*'; display: block; position: absolute; left: 30px; color: #c61c2c; font-size: 50px; top: 35px;}
.article-inner .highlight-block h2 { margin-bottom: 10px; }
.article-inner .highlight-block p { font-weight: normal; }


.article-inner .link-block { padding: 0 10px 0 10px; margin-bottom: 3px; }
.article-inner .link-block a { color:#CE4E58; }
.article-inner .link-block a:hover { color:#0f0f0f; }


.article-inner .image-block { margin-bottom: 20px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; position: relative; }
.article-inner .image-block.w50 img { width: 50%; }
.article-inner .image-block.w50.left .image-text { width: 50%; }

.article-inner .image-block.w50.right { flex-direction: row-reverse; }
.article-inner .image-block.w50.right .image-text { width: 50%; }

.article-inner .image-block .image-text { display: inline-block; width: 100%; text-align: center; position: absolute; bottom: 0; background-color: rgba(255, 255, 255, 0.8); padding: 8px; text-align: left; font-size: 14px; }

.article-inner .image-block.width50 { width: 50%; }
.article-inner .image-block.width50.right { float: right; }
.article-inner .image-block.width50.left { float: left; }
.article-inner .image-block.width50.center { margin: 0 auto 20px auto; }

.article-inner .image-block.right.width100,
.article-inner .image-block.left.width100{ float: none; clear: both;}
.article-inner .image-block.width100 img{ width: 100%; }

.article-inner .image-block.right.width50 + .editor-block { float:left; width:50%; clear: none;}
.article-inner .image-block.left.width50 + .editor-block { float:right; width:50%; clear: none;}

.article-inner .image-block.left.width50 + section,
.article-inner .image-block.right.width50 + section,
.article-inner .image-block.left.width50 + .editor-block + section,
.article-inner .image-block.right.width50 + .editor-block + section { clear: both;}


.article-inner .gallery-block { margin-bottom: 20px; }

.article-inner .widget-block { margin-bottom: 20px; border: none !important; }
.article-inner .widget-block .player-container { padding: 10px 0px; }


.article-inner .embed-block { margin-bottom: 20px; }
.article-inner .embed-block p { position: relative; padding-top: 56.25%; }
.article-inner .embed-block iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }



.article-inner .video-block { margin-bottom: 20px; }
.article-inner .video-block-inner { text-align: center; }
.article-inner .video-block-inner.embedded-code iframe { width: 770px; min-height: 433px; }
.article-inner .video-block-inner.file-url > div, .article-inner .video-block-inner.live-url > div { width: 100%; height: 433px;}
.article-inner .video-block-inner .video-js .vjs-big-play-button{ top: calc(50% - 0.75em); left: calc(50% - 1.5em);}

.article-inner .tournament-name { background-color: #ffffff; text-align: center; position: relative; }
.article-inner .tournament-name > img { margin-right: auto; position: absolute; top: 50%; left: 10px; transform: translateY(-50%); }

.article-inner .article-foot { background-color: #F8F8F8; }
.article-inner .article-foot-inner { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; justify-content: space-between; padding: 5px 0px; min-height: 50px; }
.article-inner .author-box { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; margin-right: 10px; margin-bottom: 10px; }
.article-inner .author-image { border-radius: 50%; background-size: cover; background-repeat: no-repeat; background-position: center; height: 60px; width: 60px; margin-right: 10px; }

.article-inner .author-image.no-avatar { background-color: #fff; background-size: auto; }

.article-inner .author-description { font-size: 16px; line-height: normal; }
.article-inner .author-description p { font-size: 12px; }

.article-inner .article-views { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; margin-left: auto; }
.article-inner .article-views span { font-size: 12px; }
.article-inner .people-icon { background-size: contain; background-repeat: no-repeat; background-position: center; width: 30px; height: 20px; margin-right: 10px; margin-left: 10px; position: relative; }
.article-inner .people-icon:after { content: ''; position: absolute; width: 1px; height: 40px; bottom: -10px; left: 115%; background-color: #9A9A9A; }

.article-inner .related-content { display: flex; flex-wrap: wrap; padding: 0.6rem; margin-bottom: 0.8rem; clear:both;}
.article-inner .related-content .related-item { display: flex; align-items: center; color: inherit; padding: 0.1rem 0.5rem; background-color: #eee; margin: 0.2rem; border-radius: 2px; transition: color .4s; }
.article-inner .related-content .related-item:hover { color: #C51C2C; }
.article-inner .related-content .related-item img { height: 36px; width: auto; margin-right: 10px; border-radius: 50%; }

.article-inner .article-video { text-align: center; }
.article-inner .article-video .section-video.file-url > div { width: 100%; }
.article-inner .article-video .section-video .vjs-big-play-button { top: calc(50% - 22px); left: calc(50% - 45px);}

.article-inner .video-block-inner.external-url { position: relative; }
.article-inner .video-block-inner.external-url .link { display: block; }
.article-inner .video-block-inner.external-url .link img { width: 100%; }
.article-inner .video-block-inner.external-url .video-title { display: block; text-align: left; padding: 8px; position: absolute; bottom: 0; width: 100%; background-color: rgba(255, 255, 255, 0.8);font-size: 14px; color: black; }
.article-inner .video-block-inner.external-url .link:before { position: absolute; content: ''; background-image: url(/wp-content/themes/bnf-theme/resources/assets/images/play_icon.png); background-size: contain; background-position: center; background-repeat: no-repeat; left: calc(50% - 44px); top: calc(50% - 44px); width: 88px; height: 88px; z-index: 3; }

@media(max-width: 1024px){
	.article-inner .article-strapline h1 { font-size: 26px; }

	.article-inner .editor-block { margin-bottom: 45px; }
	.article-inner .highlight-block { margin-bottom: 45px; }
	.article-inner .image-block { margin-bottom: 45px; }
	.article-inner .gallery-block { margin-bottom: 45px; }
	.article-inner .widget-block { margin-bottom: 45px; }
	.article-inner .embed-block { margin-bottom: 45px; }
	.article-inner .video-block { margin-bottom: 45px; }

	.article-inner .article-foot { padding: 0 10px; }

}



@media(max-width: 768px){ 
	.article-inner .article-views span:first-child { opacity: 0; }
	.article-inner .author-image { padding-bottom: 30%; }
}

@media(max-width: 500px){
	.article-inner .author-box { width: 100%; justify-content: flex-start;}
	.article-inner .author-image { padding-bottom: 18%; }
	.article-inner .article-views { justify-content: center; }

	.article-inner .image-block.width50 { width: 100%;}
	.article-inner .image-block.left,
	.article-inner .image-block.right,
	.article-inner .image-block.left.width50 + .editor-block,
	.article-inner .image-block.right.width50 + .editor-block{ float: none; width: 100%;}
	.article-inner .image-block img { width: 100%;}
}


/* ------------------------------------------------------------ *\
	gallery-block
\* ------------------------------------------------------------ */
.gallery-block { position: relative; color: #000; transition: color .4s; }
.gallery-block:hover { color: #C51C2C; }
.gallery-block .gallery-head { padding: 20px 100px 20px 20px; background-color: rgba(255, 255, 255, 0.8); position: absolute; bottom: 0; width: 100%; }
.gallery-block .gallery-title { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-bottom: 5px; }
.gallery-block .gallery-date { font-size: 12px; }

.gallery-block .gallery-body.center { text-align: center; }
.gallery-block .gallery-body.right { text-align: right; }
.gallery-block .gallery-image.width50 { width: 50%; }

.gallery-block .gallery-link { position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 4; }
.gallery-block .gallery-extensions { position: absolute; bottom: 15px; right: 10px; font-size: 13px; background-color: #fff; padding: 5px 10px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; align-items: center; }
.gallery-block .gallery-extensions img { width: 19px; height: 14px; position: relative; top: 0; margin-right: 5px; }

.gallery-block.right { float: right; }
.gallery-block.left { float:left; }
.gallery-block.width50 { width:50%; }
.gallery-block.right.width100,
.gallery-block.left.width100{ float: none; clear: both;}

.gallery-block.right.width50 + .editor-block { float:left; width:50%; clear: none;}
.gallery-block.left.width50 + .editor-block { float:right; width:50%; clear: none;}

.gallery-block.left.width50 + section,
.gallery-block.right.width50 + section,
.gallery-block.left.width50 + .editor-block + section,
.gallery-block.right.width50 + .editor-block + section { clear: both;}

.gallery-block.width50 .gallery-title { font-size: 16px; }

@media(max-width: 1024px){
	.gallery-block .gallery-head { padding-right: 50px; }
	.gallery-block .gallery-image.width50 { width: 100%; }
}

@media(max-width: 500px){
	.gallery-block.width50 { width: 100%;}
	.gallery-block.left,
	.gallery-block.right,
	.gallery-block.left.width50 + .editor-block,
	.gallery-block.right.width50 + .editor-block{ float: none; width: 100%;}
}
/* ------------------------------------------------------------ *\
	gallery-pop-up
\* ------------------------------------------------------------ */
.gallery-pop-up { position: relative; }
.gallery-pop-up .pop-box { text-align: center; }
.gallery-pop-up .pop-box .pop-image { display: inline-block; height: 833px; }
.gallery-pop-up .mfp-close {background-color: rgba(255,255,255, 1); border-radius: 50%; opacity: 1; color: #000; transition: background-color .4s, color .4s; position: fixed; top: 35px; right: 25px; }
.gallery-pop-up .mfp-close:hover { color: #C51C2C; background-color: rgba(255, 255, 255, 0.6); }
.gallery-pop-up .mfp-close:active { top: 35px; }


.gallery-pop-up .gallery-arrows { width: 50px; height: 50px; border-radius: 50%; background-color: #fff; display: inline-block; position: absolute; top:calc(50% - 25px); transition: background-color .4s; }
.gallery-pop-up .gallery-arrows:before {content: ''; position: absolute; background-image: url(../images/right_arrow.png); background-position: center; background-size: contain; background-repeat: no-repeat; bottom: 5px; height: 40px; width: 40px; }
.gallery-pop-up .gallery-arrows:hover { background-color: #C51C2C; }

.gallery-pop-up .arrow-left { left: 5px; z-index: 3; transform: rotate(180deg); }
.gallery-pop-up .arrow-left:before { left: 6px; transition: left .4s; }
.gallery-pop-up .arrow-left:hover:before { left: 9px; }

.gallery-pop-up .arrow-right { right: 5px; z-index: 3; }
.gallery-pop-up .arrow-right:before { right: 3px; transition: right .4s; }
.gallery-pop-up .arrow-right:hover:before { right: 0px; }


@media(max-width: 1400px){
	.gallery-pop-up .pop-box .pop-image { height: 633px; }
}

@media(max-width: 1200px){
	.gallery-pop-up .pop-box .pop-image { height: 433px; }
}

@media(max-width: 1024px){
	.gallery-pop-up .pop-box .pop-image { height: auto; width: 100%; }
	.gallery-pop-up .gallery-arrows { top: 100%; }
}
/* ------------------------------------------------------------ *\
	article-block
\* ------------------------------------------------------------ */
.article-block { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; justify-content: flex-start; margin-bottom: 45px; position: relative; }
.article-block .article-body { width: 30%; margin-bottom: 15px; }
.article-block .article-head { width: 70%; padding: 0 15px 0 10px; }
.article-block .article-title { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-bottom: 10px; }
.article-block .article-sum { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-bottom: 10px; }
.article-block .article-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; }
.article-block:hover * { color: #C51C2C; transition: color .4s; }

@media(max-width: 768px){
	.article-block { margin-bottom: 30px; }
	.article-block .article-body { width: 100%; }
	.article-block .article-head { width: 100%; }
}

/* ------------------------------------------------------------ *\
	section-last-news
\* ------------------------------------------------------------ */

.section-last-news { margin-bottom: 30px; }
.section-last-news.bg-1 { background-color: #fff; }

.section-last-news .section-title { background-color: #F7F7F7; padding: 21px 12px; font-weight: normal; }


.section-last-news .section-action { text-align: center; padding: 29px 0; }
.section-last-news .section-link { color: #000; transition: color .4s; text-align: center; font-size: 16px; text-decoration: none; }
.section-last-news .section-link:hover { color: #C51C2C; }

@media(max-width: 1024px){
	.section-last-news .lists-news { padding-top: 0; }	
	.section-last-news .section-title { font-size: 24px; }
}

/* ------------------------------------------------------------ *\
	section-matches
\* ------------------------------------------------------------ */
.section-matches { margin-bottom: 40px; }
.section-matches .section-title { background-color: #F7F7F7; padding-top: 20px; padding-bottom: 20px; }
.section-matches .section-body { border: 1px solid #CCCCCC; background-color: #FFFFFF; padding-bottom: 20px; }
.section-matches .tournament-name { background-color: #FFFFFF; text-align: center; position: relative; }
.section-matches .tournament-name > img { margin-right: auto; position: absolute; top: 50%; left: 10px; transform: translateY(-50%); }

@media(max-width: 1024px){
	.section-matches .section-title .shell { padding: 0 10px; }
}

/* ------------------------------------------------------------ *\
 section-breadcrumbs
\* ------------------------------------------------------------ */

.section-breadcrumbs { padding: 31px 0 20px 0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; align-items: center; font-size: 12px; }
.section-breadcrumbs > span { margin-right: 5px; }
.section-breadcrumbs p > span > span { color: #C71628; }
.section-breadcrumbs a { color: #0f0f0f; }

@media (max-width: 1024px) {
	.section-breadcrumbs { padding: 0px; padding-bottom: 20px; }
	.section-breadcrumbs * { display: none; }
}

@media(max-width: 767px){
	.section-breadcrumbs { display: none; }
}

/* ------------------------------------------------------------ *\
	section-single-image
\* ------------------------------------------------------------ */
.section-single-image { margin-bottom: 10px; }

.section-single-image .section-content { margin-bottom: 5px; text-align: center; }
.section-single-image .section-content img { width: 100%; }
.section-single-image .image { background-size: cover; background-repeat: no-repeat; background-position: top; padding-bottom: 56.25%; width: 100%; }

.section-single-image .section-actions { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: flex-end; }
.section-single-image .section-actions { align-items: center; }

@media(max-width: 881px){
	.section-single-image .section-actions { padding: 0 10px; }
}

/* ------------------------------------------------------------ *\

	section-single-gallery
\* ------------------------------------------------------------ */

.section-single-gallery .section-content { margin-bottom: 0px; }

.section-single-gallery .section-title h1 { font-size: 36px; margin-bottom: 20px; line-height: 35px; }
.section-single-gallery .section-title .str { background-color: #C71628; padding: 0px 0px 2px 5px; line-height: 1.3; margin-right: 5px; }

.section-single-gallery .article-info { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 15px; font-size: 14px; }
.section-single-gallery .article-date { margin-bottom: 5px; color: #999; font-size: 12px; }

.section-single-gallery .article-photos { align-items: baseline; }
.section-single-gallery .photos-current { font-weight: bold; }
.section-single-gallery .photos-icon { margin-left: 10px; position: relative; top: -3px; }

.section-single-gallery .socials-content { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; justify-content: flex-end; flex-direction: column; margin-bottom: 0px; }

.section-single-gallery .section-socials { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: flex-end; }
.section-single-gallery .photo-credits { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; position: relative; }
.section-single-gallery .photo-credits span { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; transition: margin-bottom .0s, opacity .4s; }
.section-single-gallery .photo-credits span.active { opacity: 1; position: relative; margin-bottom: 15px; }

.section-single-gallery .front-image .image-container { margin-bottom: 15px; }
.section-single-gallery .front-image .image-wrapper { position: relative; padding-top: 56.25%; }
.section-single-gallery .front-image .image { position: absolute; width: 100%; height: 100%; top: 0; object-fit: cover; }

.section-single-gallery .list-images .image-container { width: 100%; max-height: 90px; height: 100%; margin-right: 5px; position: relative; overflow: hidden; }
.section-single-gallery .list-images .image-container:after { content: ""; position: absolute; height: 5px; width: 100%; background-color: #c71628; bottom: -5px; transition: bottom .3s; }
.section-single-gallery .list-images .image-container:hover:after { bottom: 0px; }
.section-single-gallery .list-images .image-wrapper { position: relative; padding-top: 56.25%; }
.section-single-gallery .list-images .image { position: absolute; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: top; }

.section-single-gallery .list-images .slick-slide { margin: 0px 2px; }

.section-single-gallery .list-images-secondary .image-container { width: 100%; max-height: 90px; height: 100%; margin-right: 5px;}
.section-single-gallery .list-images-secondary .image-wrapper { position: relative; padding-top: 56.25%; }
.section-single-gallery .list-images-secondary .image { position: absolute; width: 100%; height: 100%; top: 0; object-fit: cover; }


.section-single-gallery .front-image .slick-prev:before { content: ''; display: inline-block; width: 50px; height: 50px; border-top: 4px solid #CCCCCC; border-right: 4px solid #CCCCCC; -moz-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }
.section-single-gallery .front-image .slick-prev { background-color: transparent; border: none; color: transparent; top:35%; left:2%; position: absolute; z-index: 1; }
.section-single-gallery .front-image .slick-prev:hover:before { border-top: 2px solid #D5071C; border-right: 2px solid #D5071C; }
.section-single-gallery .front-image .slick-next:before { content: ''; display: inline-block; width: 50px; height: 50px; border-top: 4px solid #CCCCCC; border-right: 4px solid #CCCCCC; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.section-single-gallery .front-image .slick-next { background-color: transparent; border: none; color: transparent; top:35%; right:-2%; position: absolute; z-index: 1; }
.section-single-gallery .front-image .slick-next:hover:before { border-top: 2px solid #D5071C; border-right: 2px solid #D5071C; }

.section-single-gallery .list-images .slick-prev:before { content: ''; display: inline-block; width: 20px; height: 20px; border-top: 2px solid #53272C; border-right: 2px solid #53272C; -moz-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }
.section-single-gallery .list-images .slick-prev { background-color: transparent; border: none; color: transparent; top:35%; left:-3%; position: absolute; z-index: 1; }
.section-single-gallery .list-images .slick-prev:hover:before { border-top: 2px solid #D5071C; border-right: 2px solid #D5071C; }
.section-single-gallery .list-images .slick-next:before { content: ''; display: inline-block; width: 20px; height: 20px; border-top: 2px solid #53272C; border-right: 2px solid #53272C; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.section-single-gallery .list-images .slick-next { background-color: transparent; border: none; color: transparent; top:35%; right:-7%; position: absolute; z-index: 1; }
.section-single-gallery .list-images .slick-next:hover:before { border-top: 2px solid #D5071C; border-right: 2px solid #D5071C; }


.section-single-gallery .list-images-secondary { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; justify-content: center; background-color: #fff; border: 1px solid #ccc; padding: 5px; }
.section-single-gallery .list-images-secondary .image-container { width: 24%; margin-bottom: 10px; }


.section-single-gallery .list-images { opacity: 1; position: relative; transition: opacity .5s; transition-delay: .5s; }
.section-single-gallery .list-images.hidden { opacity: 0; position: absolute; }



.section-single-gallery .list-images-secondary { opacity: 1; position: relative; transition: opacity .4s; }
.section-single-gallery .list-images-secondary.hidden { opacity: 0; position: absolute; }

.section-single-gallery .see-more { text-align: center; margin-bottom: 45px; padding-top: 35px; }
.section-single-gallery .see-more span { padding-right: 0; }

.section-single-gallery .btn-arrow { position: relative; width: 50px; height: 50px; display: inline-block; }
.section-single-gallery .btn-arrow:after { content: ''; display: inline-block; width: 20px; height: 20px; border-top: 1px solid #D5071C; border-right: 1px solid #D5071C; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(135deg); position: absolute; top: 10px; left: 15px; transition: border .3s; }
.section-single-gallery .btn-arrow:before { content: ''; position: absolute; width: 50px; height: 50px; top: 0; left: 0; background-color: #fff; border-radius: 50%; transition: background .3s; }

.section-single-gallery .btn-arrow:hover:after { border-color: #fff; }
.section-single-gallery .btn-arrow:hover:before { background-color: #D5071C; }

.section-single-gallery .btn-arrow.rotate { transform: rotate(180deg); }

.section-single-gallery .touch-me { font-weight: bold; display: block; }

/* See more button */
.section-action .see-more { text-align: center; margin-bottom: 45px; padding-top: 35px; }
.section-action .see-more span { padding-right: 0; font-size: 15px; }
.section-action .see-more.inactive { opacity: 50%;}

.section-action .btn-arrow:hover { border: 1px solid #fff; }
.section-action .btn-arrow:hover:after { border-color: #fff; }
.section-action .btn-arrow:hover:before { background-color: #d5d5d5; }

.section-action .btn-arrow { position: relative; width: 52px; height: 52px; display: inline-block; border: 1px solid #b3b3b3;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;}
.section-action .btn-arrow:after { content: ''; display: inline-block; width: 20px; height: 20px; border-top: 2px solid #000; border-right: 2px solid #000; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(135deg); position: absolute; top: 10px; left: 15px; transition: border .3s; }
.section-action .btn-arrow:before { content: ''; position: absolute; width: 50px; height: 50px; top: 0; left: 0; background-color: #fff; border-radius: 50%; transition: background .3s; }

.section-action .btn-arrow.rotate { transform: rotate(180deg); }

.section-action .touch-me { font-weight: bold; display: block; }


@media(max-width: 1024px){
	.section-single-gallery .section-title { margin-left: 10px; }
	.section-single-gallery .section-socials { flex-wrap: wrap; }

	.section-single-gallery .list-images div { max-height: 150px; padding-bottom: 56.25%; }
	.section-single-gallery .list-images .slick-arrow { display: none!important; }
	.section-single-gallery .list-images-secondary div { width: 30%; }



}

/* ------------------------------------------------------------ *\
	front-image-hide
\* ------------------------------------------------------------ */
.front-link-box { max-width: 1600px; max-height: 900px; width: 100%; height: 100%; margin: 50px auto; }

.front-link-box .image-container { margin-bottom: 25px; }
.front-link-box .image-wrapper { position: relative; padding-top: 56.25%; }
.front-link-box .front-image  { position: absolute; top: 0; width: 100%; height: 100%; object-fit: cover; }

.front-link-box .front-link-base { position: relative; }
.front-link-box .mfp-close { position: absolute; top: 55px; right: 5px; color: #000; background-color: #fff; border-radius: 50%; transition: opacity .4s; }

@media(max-width: 1024px){
	.front-link-box { margin: 50px auto; }
}

/* ------------------------------------------------------------ *\
	section-pagination
\* ------------------------------------------------------------ */
.section-pagination { text-align: center; }
.section-pagination .page-numbers { color: #000; font-size: 16px; transition: color .3s; padding: 3px; }
.section-pagination .page-numbers:hover { color: #C71628; }
.section-pagination .page-numbers.current { color: #C71628; font-weight: bold; }
.section-pagination .first-page { margin-right: 12px; position: relative; }
.section-pagination .first-page:after { content: "..."; position: absolute; bottom: 0; right: -12px; }

.section-pagination .last-page { margin-left: 12px; position: relative; }
.section-pagination .last-page:after { content: "..."; position: absolute; bottom: 0; left: -12px; }

/* ------------------------------------------------------------ *\
	section-videos
\* ------------------------------------------------------------ */
.section-videos {  }
.section-videos .section-body { background-color: #fff; border: 1px solid #ccc; }
.section-videos .image-wrapper { position: relative; }
.section-videos .image-wrapper:before { position: absolute; content: ''; background-image: url(/wp-content/themes/bnf-theme/resources/assets/images/Play_Icon_small.png); background-size: contain; background-position: center; background-repeat: no-repeat; left: 4px; top: 4px; width: 24px; height: 24px; z-index: 3; }
.section-videos .section-video { position: relative; padding-top: 56%; }
.section-videos iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

/* ------------------------------------------------------------ *\
	section-galleries
\* ------------------------------------------------------------ */

.section-galleries .news-info { margin-bottom: 5px; margin-left: 10px; font-size: 12px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: flex-start; }
.section-galleries .news-info img { width: 27px; height: 20px; }
.section-galleries .news-count { padding: 0 3px 0 10px; }
.section-galleries .section-body { background-color: #fff; border: 1px solid #ccc; }

/* ------------------------------------------------------------ *\
	playersHolder
\* ------------------------------------------------------------ */

._42ef._8u { opacity: 0.5; }

/* ------------------------------------------------------------ *\
	section-comments
\* ------------------------------------------------------------ */
.section-comments { position: relative; }
.section-comments:before { content: ''; position: absolute; top: 0; right: 0; width: 140px; height: 35px; background-color: #fff; z-index: 2; }
.section-comments:after { content: ''; position: absolute; bottom: 0; left: 0; width: 210px; height: 30px; background-color: #fff; z-index: 2; }

@media(max-width: 768px){
	.section-comments:before { width: 200px; height: 40px; }
}

/* ------------------------------------------------------------ *\
	socials
\* ------------------------------------------------------------ */
.soc-count { width: 30%; }
.soc-count .swp_share_link { background-color: #3B5998; }
.main .social-box.hidden { opacity: 0; pointer-events: none; transition: opacity .4s; visibility: visible; }
.main .social-box { opacity: 1; transition: opacity .4s; }
.main .shared-counts-wrap { width: auto; padding-right: 0; position: relative; padding-right: 5px; }
.main .swp_social_panel { margin: 0!important; }
.main .shared-counts-wrap.style-icon .shared-counts-button:hover.facebook_shares svg { fill: #4267b2; }
.main .shared-counts-wrap.style-icon .shared-counts-button .shared-counts-icon svg { width: 18px; height: 18px; }
@media(max-width: 1024px){
	.soc-count { width: 100%; margin-bottom: 20px;}
}

/* ------------------------------------------------------------ *\
	section-related
\* ------------------------------------------------------------ */
.section-related { margin-bottom: 25px; padding: 0 10px; clear: both; }
.section-related .related-head { padding-left: 1px; margin-bottom: 19px; }
.section-related .related-title { font-size: 18px; font-weight: bold; color: #C51C2C; }
.section-related .related-body { padding-left: 10px; }
.section-related li { margin-bottom: 5px; }
.section-related a { color: #000; transition: color .4s; font-weight: bold; position: relative; }
.section-related .fas { color: #C51C2C; padding-right: 10px; }
.section-related a:hover { color:#C51C2C; }

div.widget.box-generic { border: none !important; }
.article-content section { margin-bottom: 20px; }

/* ------------------------------------------------------------ *\
	slick-dots
\* ------------------------------------------------------------ */
.slick-dots { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; }
.slick-dots li { width: 8px; height: 8px; background-color: #fff; margin: 5px; border-radius: 50%; transition: background-color .4s; }
.slick-dots li:hover { background-color: #C51C2C; }
.slick-dots li.slick-active { background-color: #C51C2C; }
.slick-dots li button { opacity: 0; }

/* ------------------------------------------------------------ *\
	.section-player-stats
\* ------------------------------------------------------------ */
.section-player-stats { margin-bottom: 40px; background-color: #F8F8F8; position: relative; }

.section-player-stats .section-head { position: absolute; top: 21px; left: 12px; }
.section-player-stats .section-title { font-weight: normal; }
.section-player-stats .section-body { padding-top: 27px; }

.section-player-stats .tabs .tabs-nav ul { justify-content: flex-end; }
.section-player-stats .tabs .tabs-nav { padding-bottom: 18px; padding-right: 10px; }
.section-player-stats .tabs li.current a { color: #C51C2C; }
.section-player-stats .tabs a { color: #000; transition: color .4s; margin-left: 8px; }
.section-player-stats .tabs a:hover { color: #C51C2C; }
.section-player-stats .tabs-body { border: 1px solid #CCC; }

@media (max-width: 1024px) {
	.section-player-stats { line-height: initial; }
}
/* ------------------------------------------------------------ *\
	.list-statistics
\* ------------------------------------------------------------ */

.list-statistics { background-color: #fff; }
.list-statistics > li { background-color: #fff; }
.list-statistics > li:nth-child(n + 2) { background-color: #F8F8F8; margin-bottom: 2px; padding: 12px 0; }
.list-statistics > li:nth-last-child(1) { background-color: #C51C2C; margin: 0; padding: 0; }
/* ------------------------------------------------------------ *\
	.list-team-stats
\* ------------------------------------------------------------ */
.list-team-stats { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; }
.list-team-stats li { width: 20%; font-size: 14px; }
.list-team-stats li:nth-child(1) { max-width: 120px; text-align: left; padding-left: 10px; }
.list-team-stats li:nth-child(2) { max-width: 145px; text-align: left; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }
.list-team-stats li:nth-child(3) { max-width: 165px; text-align: left; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }
.list-team-stats li:nth-child(4) { max-width: 45px; text-align: center; }
.list-team-stats li:nth-child(5) { max-width: 65px; text-align: center; }
.list-team-stats li:nth-child(6) { max-width: 45px; text-align: center; }
.list-team-stats li:nth-child(7) { max-width: 45px; text-align: center; }
.list-team-stats li:nth-child(8) { max-width: 45px; text-align: center; }
.list-team-stats li:nth-child(9) { max-width: 45px; text-align: center; }

.list-team-stats .flag { width: auto; height: 24px; margin-right: 5px; }

@media (max-width: 768px) {

	.list-team-stats li { width: 20%; font-size: 12px; }
	.list-team-stats li:nth-child(1) { max-width: 100px; text-align: left; padding-left: 2px; }
	.list-team-stats li:nth-child(2) { max-width: 145px; justify-content: center; flex-wrap: wrap; flex-direction: column; align-items: center; text-align: center; }
	.list-team-stats li:nth-child(3) { max-width: 165px; justify-content: center; flex-wrap: wrap; flex-direction: column; align-items: center; text-align: center; }
	.list-team-stats li:nth-child(4) { max-width: 20px; }
	.list-team-stats li:nth-child(5) { max-width: 35px; }
	.list-team-stats li:nth-child(6) { max-width: 20px; }
	.list-team-stats li:nth-child(7) { max-width: 25px; }
	.list-team-stats li:nth-child(8) { max-width: 20px; }
	.list-team-stats li:nth-child(9) { max-width: 20px; }

	.list-team-stats .flag { width: 24px; height: auto; margin-right: 0; }
}

@media (max-width: 480px) {
	.list-team-stats li:nth-child(8) { display: none; }
	.list-team-stats li:nth-child(9) { display: none; }

}

/* ------------------------------------------------------------ *\
	.list-legend
\* ------------------------------------------------------------ */
.list-legend { background-color: #fff; border-bottom: 1px solid #CCC; padding-top: 21px; }


/* ------------------------------------------------------------ *\
	.list-total-stats
\* ------------------------------------------------------------ */
.list-total-stats { padding: 12px 0; color: #fff; font-weight: bold; }
.list-total-stats .total-season { position: relative; }
.list-total-stats .total-season:after { position: absolute; content: ""; background-color: #fff; top: -12px; left: 0; bottom: -12px; right: -10px; }
.list-total-stats .total-team { position: relative; }
.list-total-stats .total-team:after { position: absolute; content: ""; background-color: #fff; top: -12px; left: 0; bottom: -12px; right: -10px; }
.list-total-stats li.total-tournament { text-align: center; display: inline-block; }

/* ------------------------------------------------------------ *\
	.section-player-profile
\* ------------------------------------------------------------ */
.section-player-profile { margin-bottom: 10px; font-size: 14px; }
.section-player-profile .section-head { background-color: #F8F8F8; padding: 21px 0 15px 12px; }
.section-player-profile .section-title { font-weight: normal; }
.section-player-profile .section-body { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex;
display: flex; justify-content: flex-start; background-color: #fff; padding: 21px; border: 1px solid #CCC; }

.section-player-profile .section-aside { margin-right: 67px; position: relative; }
.section-player-profile .section-content { width: 100%; }

.section-player-profile .player-image { width: 150px; height: 150px; min-width: 150px; min-height: 150px; border-radius: 50%; border: 1px solid #ccc; }
.section-player-profile .player-number { width: 30px; height: 30px; background-color: #C51c2c; color: #fff; border-radius: 50%; position: absolute; top: 115px; right: 0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; align-items: center; }

.section-player-profile .section-actions { margin-top: 20px; }
.section-player-profile .section-socials { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: flex-end; }

.section-player-profile .section-socials .shared-counts-wrap { margin: 0; }
.section-player-profile .player-body { background-color: #fff; border: 1px solid #CCC; }

@media (max-width: 768px) {
	.section-player-profile .section-body { flex-wrap: wrap; justify-content: center; }
	.section-player-profile .section-aside { margin-right: 0; margin-bottom: 20px; }
}

/* ------------------------------------------------------------ *\
	.list-player-info
\* ------------------------------------------------------------ */

.list-player-info li { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; align-items: center; }

.list-player-info .player-legend { width: 45%; text-align: right; }
.list-player-info .player-stat { width: 45%; }
.list-player-info .player-devider { border-radius: 50%; background-color: #C51c2c; width: 6px; height: 6px; margin: 0px 20px; }


/* ------------------------------------------------------------ *\
	.list-player-teams
\* ------------------------------------------------------------ */
.list-player-teams { padding: 21px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: flex-start; }
.list-player-teams li { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: flex-start; align-items: center; width: 45%; position: relative; transition: color .4s; }
.list-player-teams .team-logo { height: 70px; width: auto; margin-right: 10px; background-color: #fff; }
.list-player-teams .team-link { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.list-player-teams li:hover { color: #C51c2c; }

/* ------------------------------------------------------------ *\
	.section-player-clubs
\* ------------------------------------------------------------ */
.section-player-clubs {
	margin-bottom: 40px;
	position: relative;
}

.section-player-clubs .section-head {
	padding: 1rem;
	background-color: #F8F8F8;
}

.section-player-clubs .section-title {
	font-weight: normal;
}
.section-player-clubs .section-body {
	padding: 1.2rem 2rem;
	background-color: #FFF;
	border: 1px solid #ccc;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
}

.section-player-clubs .section-body .club {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	flex: 1;
}

.section-player-clubs .section-body .club:hover .club-link {
	color: #C51c2c;
}

.section-player-clubs .section-body .club .club-link {
	display: flex;
	align-items: center;
	color: inherit;
	transition: color .4s;
}

.section-player-clubs .section-body .club .club-image {
	height: 90px;
	width: auto;
	margin-right: 15px;
}

.section-player-clubs .section-body .club .club-details {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

.section-player-clubs .section-body .club .club-name {
	font-weight: bold;
}

.section-player-clubs .section-body .club .club-years {
	font-size: 0.9em;
	height: 1em;
}

@media(max-width: 768px){
	.section-player-clubs .section-body .club { justify-content: center; }
}

/* ------------------------------------------------------------ *\
	Extra corrections from Client
\* ------------------------------------------------------------ */
.team-form-section .section-last-five-events div> span {
 font-size: 11px;
 line-height: 19px;
 font-weight: bold;
}

.section-widget .divider { min-width: 0; }
.main .content .widget-block .divider { min-width: 0; }

/* ------------------------------------------------------------ *\
	list-top-articles
\* ------------------------------------------------------------ */

.list-top-articles .top-box { margin-bottom: 10px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; }
.list-top-articles .top-box > .top-news { width: 67%; }
.list-top-articles .top-box .top-side { width: 34%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-direction: column; justify-content: space-between; }
.list-top-articles .top-side > div { width: 96%; margin-left: auto; }


.list-top-articles .image-container {  }
.list-top-articles .image-wrapper { position: relative; padding-top: 56.25%; }

.list-top-articles .top-news-image { position: absolute; width: 100%; height: 100%; object-fit: cover; top: 0; }


.list-top-articles .top-news-category { position: absolute; top: 0; left: 0; background-color: #f8f8f8; padding: 5px; border-bottom-right-radius: 10px; font-weight: bold; color: #c51c2c; z-index: 1; }

.list-top-articles .top-news-description { position: absolute; bottom: 0; background-color: rgba(0, 0, 0, 0.6); color: #fff; left: 0; right: 0; padding: 21px 12px 15px 12px; }
.list-top-articles .top-side > div .top-news-description { padding: 10px 10px 15px 10px; }
.list-top-articles .top-side > div .top-news-title { font-size: 1em; line-height: normal; }
.list-top-articles .str { background-color: #c71638; color: #fff; margin-bottom: 5px; display: inline-block; padding: 3px; }

.list-top-articles .top-news-spans { font-size: 10px; }

.list-top-articles .top-news { position: relative; overflow: hidden; }
.list-top-articles .top-news:after { content: ""; position: absolute; height: 100%; width: 5px; background-color: #c71628; left: -5px; transition: left .3s; top: 0; }
.list-top-articles .top-news:hover:after { left: 0; }
.list-top-articles .top-news div { transition: color .3s; }
.list-top-articles .top-news:hover div { color: #c71638; }

.list-top-articles .author-image { width: 50px; height: 50px; }
.list-top-articles .author-bio { width: 50%; height: 1em; overflow: hidden; display: inline-block; position: relative; line-height: 1; }
.list-top-articles .author-bio.long:after { content: '...'; position: absolute; bottom: -2px; right: 20px; }

@media(max-width: 1024px){
	.list-top-articles .top-box { flex-direction: column; }
	.list-top-articles .top-box > .top-news { width: 100%; margin-bottom: 10px; }
	.list-top-articles .top-box .top-side { width: 100%; }
	.list-top-articles .top-side > div { width: 100%; margin-left: 0; margin-bottom: 10px; }
}

/* ------------------------------------------------------------ *\
	.section-block-articles
\* ------------------------------------------------------------ */
.section-block-articles { margin-bottom: 40px;}

.section-block-articles .section-rows { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; margin-bottom: 15px; }

.section-block-articles .rows-1 > .section-article { width: 100%; }
.section-block-articles .rows-1 .section-article.author-active .block-description { min-height: 90px; }
.section-block-articles .rows-1 .section-article.author-active .block-title { margin-left: 70px; }

.section-block-articles .rows-2 > .section-article { width: 49%; }
.section-block-articles .rows-2 > .section-article .block-title { font-size: 0.8em; }
.section-block-articles .rows-2 > .section-article .block-description { padding: 12px 10px 12px 10px; }
.section-block-articles .rows-2 .author-image { width: 45px; height: 45px; }
.section-block-articles .rows-2 .section-article.author-active .block-description { min-height: 75px; }

.section-block-articles .rows-3 > .section-article { width: 32%; }
.section-block-articles .rows-3 > .section-article .block-title { font-size: 0.66em; }
.section-block-articles .rows-3 > .section-article .block-description { padding: 6px 5px 6px 5px; }
.section-block-articles .rows-3 .author-image { width: 35px; height: 35px; }
.section-block-articles .rows-3 .section-article.author-active .block-description { min-height: 65px; }

.section-block-articles .section-article { position: relative; }

.section-block-articles .image-container {  }
.section-block-articles .image-wrapper { position: relative; padding-top: 56.25%; }
.section-block-articles .image { position: absolute; top: 0; width: 100%; height: 100%; object-fit: cover; }

.section-block-articles .block-description { position: absolute; bottom: 0; background-color: rgba(0, 0, 0, 0.6); color: #fff; left: 0; right: 0; padding: 21px 12px 15px 12px; }
.section-block-articles .str { background-color: #c71638; color: #fff; margin-bottom: 5px; display: inline-block; padding: 3px; }

.section-block-articles .block-spans { font-size: 10px; }

.section-block-articles .section-article { position: relative; overflow: hidden; }
.section-block-articles .section-article:after { content: ""; position: absolute; height: 100%; width: 5px; background-color: #c71628; left: -5px; transition: left .3s; top: 0; }
.section-block-articles .section-article:hover:after { left: 0; }
.section-block-articles .section-article div { transition: color .3s; }
.section-block-articles .section-article:hover div { color: #c71638; }

.section-block-articles .author-image { width: 60px; height: 60px; border-radius: 50%; background-position: center; background-repeat: no-repeat; background-size: contain; background-color: #fff; }
.section-block-articles .author-title { color: #999; font-size: 10px; }

.section-article.author-active .block-author { position: absolute; bottom: 0; left: 10px; }
.section-article.author-active .block-title { margin-left: 50px; margin-bottom: 15px; }

@media (max-width: 1024px) {
	.section-block-articles .rows-2 .author-image { width: 50px; height: 50px; }
	.section-block-articles .rows-3 .author-image { width: 50px; height: 50px; }

	.section-article.author-active .block-title { margin-left: 60px; }

	.section-block-articles .rows-2 .section-article.author-active .block-description { min-height: 80px; }
	.section-block-articles .rows-3 .section-article.author-active .block-description { min-height: 80px; }
}

@media(max-width: 770px){
	.section-block-articles .section-rows { flex-wrap: wrap; flex-direction: column; }
	.section-block-articles .section-article { margin-bottom: 15px; }
	.section-block-articles .rows-2 > .section-article { width: 100%; }
	.section-block-articles .rows-2 > .section-article .block-title { font-size: 1em; }
	.section-block-articles .rows-3 > .section-article { width: 100%; }
	.section-block-articles .rows-3 > .section-article .block-title { font-size: 1em; }
	.section-block-articles .rows-3 > .section-article .block-description { padding: 12px 10px 12px 10px; }
}

.section-last-news.player-page {
	background-color: #fff;
	border: 1px solid #ccc;
}

.section-last-news.player-page .lists-news {
	justify-content: flex-start;
}


/* ------------------------------------------------------------ *\
	.flex-container
\* ------------------------------------------------------------ */
.flex-container { width: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 40px; }


/* ------------------------------------------------------------ *\
	Player and team pages
\* ------------------------------------------------------------ */

.section-head.player-news,
.section-head.team-news {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #F7F7F7;
}

.section-head.player-news a,
.section-head.team-news a {
	font-size: 14px;
	line-height: 14px;
	color: inherit;
	margin-right: 12px;
	font-weight: 600;
}

.section-head.player-news a:hover,
.section-head.player-news a:active,
.section-head.team-news a:hover,
.section-head.team-news a:active {
	color: #C51C2C;
}


/* ------------------------------------------------------------ *\
	page-template-dynamic-matches
\* ------------------------------------------------------------ */
@media(max-width: 768px){
	.page-template-dynamic-matches .section-nextMatch { margin-bottom: 0; }
}

/* ------------------------------------------------------------ *\
	btn-container
\* ------------------------------------------------------------ */
.btn-container { position: relative; transition: color .4s; display: inline-block; margin-bottom: 30px; }
.btn-container:hover { color: #C51c2c; }
.btn-container:hover .btn-icon { border: 1px solid #C51c2c; }
.btn-container .btn-link { position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 1; }
.btn-container .btn-icon { width: 50px; height: 50px; border-radius: 50%; border: 1px solid #ccc; position: relative; transition: border .4s; margin: 0 auto; margin-bottom: 10px; }
.btn-container img { width: 20px; height: 10px; position: absolute; top: 20px; left: 15px; }
.btn-container .btn-title { font-size: 14px; font-weight: bold; }

@media(max-width: 768px){
	.btn-container { margin-bottom: 0; padding-top: 30px; }
	.btn-container .btn-title { display: none; }	

	.btn-container .btn-icon { margin-bottom: 0; }

}

/* ------------------------------------------------------------ *\
	H2H
\* ------------------------------------------------------------ */
.section-h2h { margin-bottom: 30px; background-color: #fff; }
.section-h2h .section-head { padding: 22px 11px 20px 11px; line-height: 1; position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: flex-start; align-items: baseline; margin-bottom: 24px; }
.section-h2h .section-head:after { content: ''; position: absolute; top: 100%; height: 4px; width: 100%; background-color: #C51c2c; left: 0; }
.section-h2h .section-title { font-size: 24px; padding-right: 19px; font-weight: 500; display: inline-block; }
.section-h2h .section-links {  }
.section-h2h .list-links { justify-content: flex-start; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }
.section-h2h .list-links li { margin-right: 21px; transition: color .4s; display: inline-block; color: #000; }
.section-h2h .list-links li:hover { color: #C51c2c; }
.section-h2h .list-links a { color: inherit; position: absolute; opacity: 0; transition: opacity .4s; }
.section-h2h .list-links a.active { position: relative; opacity: 1;  }


.section-h2h .section-body { position: relative; }
.section-h2h .section-actions { width: 100%; margin-top: 30px; text-align: center; }

.section-h2h.matches .matches-filter { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: flex-start; align-items: center; padding: 0px 10px; }

.section-h2h.matches .matches-title { font-size: 14px; margin-right: 20px; }
.section-h2h.matches select.all-tournaments { width: 200px; height: 40px; }

.section-h2h.matches .select2-selection { width: 200px; height: 40px; }
.section-h2h.matches .select2-selection__rendered { padding: 5px 19px; background-color: #F8F8F8; font-weight: bold; }
.section-h2h.matches .select2-container--default .select2-selection--single { border-radius: 0; border-color: #ccc; }
.section-h2h.matches .select2-results { background-color: #F8f8f8; }

.section-h2h.matches .select2-selection__arrow { top: 5px; }
.section-h2h.matches .select2-selection__arrow b { opacity: 0; }
.section-h2h.matches .select2-selection__arrow:after { content: ''; position: absolute; top: 12px; left: 0px; width: 10px; height: 6px; background-image: url(../images/arrow_view_more.png); background-repeat: no-repeat; background-position: center; background-size: contain; }


.section-h2h .section-info { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; position: relative; padding-bottom: 30px; margin: 0 20px; }
.section-h2h.topscorer .section-info { justify-content: center; }

.section-h2h .tournament-head { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; }
.section-h2h .tournament-head { position: absolute; bottom: 175%; font-size: 14px; font-weight: bold; width: 200px; }
.section-h2h .info-home .tournament-head { left: 0px; }
.section-h2h .info-away .tournament-head { right: 0px; justify-content: flex-end; }
.section-h2h .tournament-head div:first-child { margin-right: 11px; }
.section-h2h .tournament-logo { width: 30px; height: 30px; }
.section-h2h .tournament-link { font-size: 14px; opacity: 0; pointer-events: none; }
.section-h2h .info-season { font-size: 14px; text-align: center; line-height: 1; }
.section-h2h .season-period { margin-bottom: 10px; font-weight: bold; }

@media(max-width: 768px){
	.section-h2h { margin-bottom: 0; }
	.section-h2h .list-links { display: none; }

	.section-h2h.form .goals-container { width: 70px; }
	.section-h2h.matches { background-color: #F8F8F8; }

	.section-h2h.matches .matches-filter { display: none; }

	.section-h2h.ranking .section-info { justify-content: center; }
	.section-h2h.ranking .info-home { margin-right: 17px; }
	.section-h2h.ranking .info-away { margin-left: 17px; }

	.section-h2h .tournament-head { position: inherit; flex-direction: column; font-size: 10px; width: auto; }
	.section-h2h .info-away .tournament-head { flex-direction: column-reverse; }
	.section-h2h .tournament-head div:first-child { margin-right: 0; }
	.section-h2h .tournament-title { line-height: 1.2; }

	.section-h2h .info-season { font-size: 10px; }
	.section-h2h .season-period { margin-bottom: 5px; }

	.section-h2h .section-actions { margin-top: 0; }
}
/* ------------------------------------------------------------ *\
	.section-teams
\* ------------------------------------------------------------ */
.section-teams {  }
.section-teams .teams-info { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; margin-bottom: 20px; }
.section-teams .team-container { position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; align-items: center; transition: color .4s; width: 50%; }
.section-teams .team-container.team-home { justify-content: flex-end; }
.section-teams .team-container.team-away { justify-content: flex-start; }
.section-teams .team-container:hover { color: #C51c2c; }
.section-teams .team-container:first-child { margin-right: 4.64em; }
.section-teams .team-container:last-child { margin-left: 4.64em; }
.section-teams .team-link { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.section-teams .team-name { padding: 0 11px; font-weight: bold; font-size: 14px; }
.section-teams .team-logo { width: 70px; height: 70px; }
.section-teams .games-chart { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; padding-bottom: 0px; }

.section-teams .games-total { text-align: center; margin-bottom: 10px;	 }
.section-teams .total-number { font-size: 48px;	 font-weight: bold;	color: #D5071C; margin-bottom: 22px; position: relative;  line-height: 1; }
.section-teams .total-number:after { content: ''; position: absolute; bottom: -11px; max-width: 270px;	width: 100%; background-color: #D5071C; height: 2px; left: 50%;	 transform: translateX(-50%); }
.section-teams .total-title {  }

.section-teams .games-draws { text-align: center; margin-top: 47px;	 }
.section-teams .draws-number { font-size: 18px; font-weight: bold; margin-bottom: -20px; position: relative; z-index: 1; }
.section-teams .draws-title { font-size: 14px; margin-top: 15px; }
.section-teams .games-draws .circle-container { margin-top: 0; }

.section-teams .circle-container {width: 120px; height: 120px; position: relative; margin-top: 42px; }
.section-teams .circle { background-color: #F8F8F8; border: 1px solid #ccc; border-radius: 50%; position: absolute; margin: 0 auto; max-height: 120px; max-width: 120px; top: 50%; left: 50%; transform: translate(-50%, -50%);   }
.section-teams .circle-wins { position: absolute; }
.section-teams .circle-wins:after { content: ''; position: absolute; background-color: #ccc; display: inline-block; top: 50%; width: 100px; left: 50%; height: 1px; }
.section-teams .dot { width: 4px; height: 4px; background-color: #000; border-radius: 50%; display: inline-block; position: absolute; top: calc(50% - 2px); left: calc(50% - 2px); }

.section-teams .games-away-wins { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: flex-start; flex: 1; }
.section-teams .away-info {  }
.section-teams .away-number { margin-bottom: 19px; position: relative; font-size: 18px; font-weight: bold; padding-left: 22px; line-height: 24px; }
.section-teams .away-number:after { content: ''; position: absolute; bottom: -8px; left: 10px; width: 46px; height: 1px; background-color: #ccc; }
.section-teams .away-number.correction { left: 0px; }

.section-teams .away-title { line-height: 1; padding-left: 20px; }
.section-teams .away-info span { display: block; }
.section-teams .circle-away { margin-right: 42px; }
.section-teams .circle-away:after { transform: rotate(-45deg); transform-origin: bottom left; }


.section-teams .games-home-wins { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: flex-end; text-align: right; flex: 1;}
.section-teams .home-info {  }
.section-teams .home-number { margin-bottom: 19px; position: relative; font-size: 18px; font-weight: bold; padding-right: 22px; line-height: 24px; }
.section-teams .home-number:after { content: ''; position: absolute; bottom: -8px; right: 10px; width: 46px; height: 1px; background-color: #ccc; }

.section-teams .home-title { line-height: 1; padding-right: 20px; }
.section-teams .home-info span { display: block; }
.section-teams .circle-home { }
.section-teams .circle-home:after { transform: rotate(225deg); transform-origin: top left; }

.section-teams .games-per-leage { background-color: #F8F8F8; padding: 19px; text-align: center; }

.section-teams .games-total.goals { margin-bottom: 31px; }

.section-teams .games-chart.goals { position: relative; margin-bottom: 30px; }
.section-teams .games-chart.goals:after { content: ''; position: absolute; width: 100%; height: 1px; background-color: #ccc; bottom: 0.54px; left: 0; }
.section-teams .goals-container { width: 90px; text-align: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-direction: column; justify-content: flex-end; padding: 0px 10px; background-color: #fff; position: relative; z-index: 1; }
.section-teams .team-total-goals { font-size: 18px; font-weight: bold; margin-bottom: 9px; }
.section-teams .team-goals-block { width: 100%; border: 1px solid #ccc; background-color: #F8F8F8;  }
.section-teams .icon-container { margin: 0px 24px; }
.section-teams .icon-container img { width: 60px; height: 60px; }

.section-teams .team-num.mobile { display: none; text-align: center; font-weight: bold; }


.section-teams .games-chart.form { position: relative; margin-bottom: 20px; }
.section-teams .games-chart.form:after { content: ''; position: absolute; width: 100%; height: 1px; background-color: #ccc; bottom: 0.54px; left: 0; }

.section-teams .team-form-wrapper { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; width: 100%; padding: 0 20px 30px 20px; }
.section-teams .team-form-wrapper .link { font-size: 14px; color: #000; transition: color .4s; }
.section-teams .team-form-wrapper .link:hover { color: #C51C2C; }
.section-teams .team-form-wrapper .link-mobile { display: none; color: #000; transition: color .4s; font-size: 10px; }
.section-teams .team-form-wrapper .link-mobile:hover { color: #C51C2C; }
.section-teams .team-form-wrapper .link-mobile span { display: block; text-align: center; }

.section-teams .team-form { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; width: 50%; }
.section-teams .team-form.team-home { padding-right: 46px; }
.section-teams .team-form.team-away { padding-left: 46px; }

.section-teams .form-stats-container { height: 100px; margin-top: auto; }

@media(max-width: 768px){
	.section-h2h .section-head { background-color: #F8F8F8; }
	.section-h2h .section-title { font-size: 16px; font-weight: normal; }
	
	.section-teams .team-container { flex-direction: column; }
	.section-teams.form .team-container { width: 29%; }
	.section-teams.ranking .team-container { width: 29%; }
	.section-teams.topscorer .team-container { width: 29%; }

	.section-teams .team-container.team-home { flex-direction: column-reverse; }
	.section-teams .team-container:first-child { margin-right: 30px; }
	.section-teams.topscorer .team-container:first-child { margin-right: 30px; }
	.section-teams.topscorer .team-container:last-child { margin-left: 30px; }

	.section-teams .goals-container { width: 70px; }

	.section-teams .team-container:last-child { margin-left: 30px; }
	.section-teams .team-logo { margin-bottom: 10px; width: 50px; height: 50px; }
	.section-teams .team-name { font-size: 10px; line-height: 1; text-align: center; }
	.section-teams .teams-games { padding-bottom: 0px; }
	.section-teams .games-chart.goals { margin-bottom: 10px; }
	.section-teams .games-draws { margin: 0 -25px; position: relative; }
	.section-teams .games-away-wins { flex-direction: column; align-content: center; flex: none; position: relative; }
	.section-teams .games-home-wins { flex-direction: column-reverse; align-items: center; flex: none; position: relative; }
	.section-teams .games-per-leage { background-color: #fff; padding: 19px 5px 0px 5px;  }

	.section-teams .circle-container { border-radius: 50%; border: 1px dashed #999; margin: 15px auto 0 auto; }
	.section-teams .games-draws .circle-container { margin-top: 15px; }
	.section-teams .circle-wins:after { position: relative; opacity: 0; }
	.section-teams .draws-number { margin-bottom: 0; position: absolute; top: 17%; left: 47%; font-size: 14px; font-weight: bold; }
	.section-teams .away-number:after { position: relative; }
	.section-teams .home-number:after { position: relative; }
	.section-teams .home-info { width: 100%; }
	.section-teams .away-info { width: 100%; }
	.section-teams .away-title { text-align: center; padding-left: 0; font-size: 10px; margin-top: 6px; }
	.section-teams .home-title { text-align: center; padding-right: 0; font-size: 10px; margin-top: 6px; }
	.section-teams .draws-title { font-size: 10px; margin-top: 1px; }
	.section-teams .home-number { display: none; }
	.section-teams .away-number { display: none; }
	.section-teams .away-numbers-mobile { }
	.section-teams .team-num.mobile { display: block; position: absolute; top: 17%; left: 50%; font-size: 14px; font-weight: bold; z-index: 2; transform: translateX(-50%); }
	.section-teams .icon-container { margin-top: 63px; }
	.section-teams .team-goals-wrapper { height: 100px; width: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: flex-end; }
	.section-teams .team-goals-block { position: relative; }
	.section-teams .team-goals-block:after { content: ''; position: absolute; width: 100%; height: 100px; bottom: 0; border: 1px dashed #999; left: 0; z-index: -1; }


	.section-teams .team-form-wrapper { padding: 0 16px 30px 16px; }
	.section-teams .team-form { width: 162px; }
	.section-teams .team-form.team-home { flex-direction: column-reverse; padding-right: 23px; }
	.section-teams .team-form.team-away { flex-direction: column; padding-left: 23px; }

	.section-teams .games-chart.form { margin-bottom: 30px; }
	.section-teams .team-actions { text-align: center; line-height: 1.5; margin-top: 10px; }

	.section-teams .team-form-wrapper .link { display: none; }
	.section-teams .team-form-wrapper .link-mobile { display: inline-block; }

}
/* ------------------------------------------------------------ *\
	list-leages
\* ------------------------------------------------------------ */
.list-leages {  }
.list-leages .leage { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; align-items: center; flex: 1; }
.list-leages .leage-dot { width: 6px; height: 6px; background-color: #D5071C; display: inline-block; position: relative; border-radius: 50%; margin: 0 20px ; }
.list-leages .leage-num { font-weight: bold; width: 30%; text-align: left; }
.list-leages .leage-title { width: 30%; text-align: right; }


.list-leages.goals {  }
.list-leages.goals .winner { color: #D5071C; }
.list-leages.goals .leage-title { width: 45%; padding: 0px 30px; text-align: center; }
.list-leages.goals .home-goals { font-weight: bold; width: 20px; text-align: center; }
.list-leages.goals .away-goals { font-weight: bold; width: 20px; text-align: center; }


@media(max-width: 768px){
	.list-leages .leage-title { font-size: 12px; width: auto; }
	.list-leages .leage-dot { margin: 0 10px; }
	.list-leages .leage-title { width: 45%; }
	.list-leages .leage-num { width: 45%; }

	.list-leages.goals .leage-title { width: 160px; }
}

/* ------------------------------------------------------------ *\
	form-stats
\* ------------------------------------------------------------ */
.form-stats { height: 100px; min-width: 70px; font-size: 12px; color: #999; text-align: center; margin: 0px 20px; }
.form-stats li { position: relative; padding-top: 1px; height: 25px; }
.form-stats li:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; border-top: 1px solid #ccc; }


/* ------------------------------------------------------------ *\
	list-results
\* ------------------------------------------------------------ */
.list-results { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; align-items: center; }
.list-results li { font-size: 11px; width: 20px; height: 20px; color: #fff; margin-right: 2px; }
.list-results li:last-child { margin-right: 0; }
.list-results .result { width: 20px; height: 20px; position: relative; border-radius: 50%;}
.list-results span {   position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.list-results .result-l { background-color: #CC0000; }
.list-results .result-w { background-color: #339933; }
.list-results .result-d { background-color: #999; }


/* Live Scores page */
.match-container a {
	text-decoration: none;
	color: #000;
}

/* ------------------------------------------------------------ *\
	list-seasons
\* ------------------------------------------------------------ */
.list-seasons { margin-top: 30px; }
.list-seasons .season { margin-top: 20px; opacity: 0; position: absolute; z-index: -10; }
.list-seasons .season.active { opacity: 1; position: relative; z-index: 1; }
.list-seasons .season-head { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: flex-start; margin-left: 9px; margin-bottom: 10px; align-items: center; }
.list-seasons .season-logo { width: 30px; height: 30px; margin-right: 10px; }
.list-seasons .season-title { font-size: 14px; font-weight: bold; }

.list-seasons .season.hide { display: none; }
.list-seasons .match.hide { display: none; }

@media(max-width: 768px){
	.list-seasons .season-title { font-size: 12px; }

	.list-seasons .season-body { position: relative; }
	.list-seasons .season-body:after { content: ''; position: absolute; width: 100%; height: 1px; background-color: #ccc; top: 0px; left: 0; }
}

/* ------------------------------------------------------------ *\
	list-matches
\* ------------------------------------------------------------ */
.list-matches {  }
.list-matches li { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; background-color: #F8F8F8; padding: 10px 0; margin-top: 1px; }
.list-matches .match { position: relative; }
.list-matches .match:after { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 5px; background-color: #D5071C; z-index: 3; }
.list-matches .match-date { font-size: 14px; color: #D5071C; text-align: left; position: relative; padding-left: 10px; width: 11%; }
.list-matches .match-actions { width: 11%; }
/*.list-matches .match-teams { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; width: 75%; }*/
.list-matches .team { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; position: relative; width: 30%; transition: color .4s; }
.list-matches .team:hover { color: #C51c2c; }
.list-matches .team-home { justify-content: flex-end; margin-left: auto; }
.list-matches .team-away  { justify-content: flex-start; margin-right: auto; }
.list-matches .team-away .team-logo { margin-right: 11px; }
.list-matches .team-home .team-name { margin-right: 11px; }

.list-matches .team-link { position: absolute; top: 0; bottom: 0; right: 0; left: 0; }
.list-matches .team-logo { width: 30px; height: 30px; }
.list-matches .team-name { font-size: 14px; }
.list-matches .team-result { margin: 0px 22px; font-size: 18px; font-weight: bold; position: relative; transition: color .4s; }
.list-matches .team-result:hover { color: #C51c2c; }

.list-matches .match-odds-container { width: 100%; margin-bottom: -25px; margin-top: -10px; opacity: 0; position: absolute; pointer-events: none; height: 0;  }
.list-matches .match-odds-container.show { opacity: 1; pointer-events: all; position: relative; transition: opacity .8s, height 2s; height: auto; }
.list-matches .match-odds-wrapper { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; align-items: flex-end; }
.list-matches .odds-provider-logo { display: inline-block; max-width: 150px; max-height: 31px; width: 100%; }
.list-matches .stat-view-more { margin-right: 10px; margin-bottom: 2px; }
.list-matches .stat-view-more a { color: #000; font-size: 12px; font-weight: bold; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; }
.list-matches .stat-view-more .icon-arrow { background-color: #999; margin-left: 5px; }

.list-matches .match-odds-container .prediction-content { display: none; }
.list-matches .match-odds-container .bet-home { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; flex-direction: column; background-color: #F8F8F8; }
.list-matches .match-odds-container .widget { background-color: #F8F8F8; }
.list-matches .match-odds-container .widget-odds { padding: 0px 5px 0px 10px; }
.list-matches .match-odds-container .widget-odds .odds-provider { width: 150px; margin-right: -13px; }
.list-matches .match-odds-container .widget-odds .widget-view-more { width: 150px; }


.list-matches .match._not_started:after, 
.list-matches .match._no_info_yet:after, 
.list-matches .match._awaiting_info:after, 
.list-matches .match._kick_off_delayed:after { background-color: #cacaca; }

.list-matches .match._finished:after,
.list-matches .match._postponed:after,
.list-matches .match._cancelled:after,
.list-matches .match._abandoned:after,
.list-matches .match._finished_aet:after,
.list-matches .match._finished_after_awarded_win:after,
.list-matches .match._finished_ap:after,
.list-matches .match._interrupted:after { background-color: #bf0000; }


.list-matches .match._1st_half:after,
.list-matches .match._2nd_half:after,
.list-matches .match._halftime:after,
.list-matches .match._to_finish:after,
.list-matches .match._waiting_for_penalty:after,
.list-matches .match._penalty:after,
.list-matches .match._pause:after,
.list-matches .match._extra_time_1st_half:after,
.list-matches .match._extra_time_end_of_1st_half:after,
.list-matches .match._extra_time_2nd_half:after,
.list-matches .match._waiting_for_extra_time:after { background-color: #138f00; }



.list-matches .match-date._not_started, 
.list-matches .match-date._no_info_yet, 
.list-matches .match-date._awaiting_info, 
.list-matches .match-date._kick_off_delayed { color: #cacaca; }

.list-matches .match-date._finished,
.list-matches .match-date._postponed,
.list-matches .match-date._cancelled,
.list-matches .match-date._abandoned,
.list-matches .match-date._finished_aet,
.list-matches .match-date._finished_after_awarded_win,
.list-matches .match-date._finished_ap,
.list-matches .match-date._interrupted { color: #bf0000; }

.list-matches .match-date._1st_half,
.list-matches .match-date._2nd_half,
.list-matches .match-date._halftime,
.list-matches .match-date._to_finish,
.list-matches .match-date._waiting_for_penalty,
.list-matches .match-date._penalty,
.list-matches .match-date._pause,
.list-matches .match-date._extra_time_1st_half,
.list-matches .match-date._extra_time_end_of_1st_half,
.list-matches .match-date._extra_time_2nd_half,
.list-matches .match-date._waiting_for_extra_time { color: #138f00; }






@media(max-width: 768px){
	.list-matches li { background-color: #fff }

	.list-matches .match-date { font-size: 10px; position: absolute; top: 4px; left: 0; line-height: 1; }	
	.list-matches .match-actions { font-size: 10px; position: absolute; top: 4px; left: 0; line-height: 1; }
	.list-matches .team-name { font-size: 12px; }
	.list-matches .team-result { font-size: 12px; margin: 0px 12px; }

	.list-matches .match-odds-container { margin-bottom: -20px; }
	.list-matches .match-odds-container .widget.widget-odds.widget-odds-mobile { background-color: #fff; }
	.list-matches .match-odds-container .widget-odds .odds-provider { width: auto; margin-right: 0; background-color: #f8f8f8; }
	.list-matches .match-odds-container .widget-odds .bet-home { background-color: #fff; }
}


/* ------------------------------------------------------------ *\
	teams-ranking
\* ------------------------------------------------------------ */
.teams-ranking { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; padding-bottom: 22px; position: relative; }
.teams-ranking:after { content: ''; position: absolute; width: 100%; height: 1px; background-color: #ccc; bottom: 22px; left: 0; }
.teams-ranking .team { position: relative; z-index: 2; }

.teams-ranking .status-container { min-width: 110px; }


/* ------------------------------------------------------------ *\
	list-ranking
\* ------------------------------------------------------------ */
.list-ranking { background-color: #fff; padding: 0 10px; }
.list-ranking .ranking-types { width: 70px; height: 60px; font-size: 24px;  text-align: center; background-color: #F8F8F8; border: 1px solid #ccc; border-bottom: none; }
.list-ranking .ranking-types div { padding-top: 18px; }
.list-ranking .ranking-types.ranking  { background-color: #D5071C; color: #fff; }
.list-ranking .ranking-types .bold { font-weight: bold; }
.list-ranking .ranking-types .normal { background-color: #F8F8F8; }
.list-ranking .ranking-types.points { color: #D5071C; background-color: #fff; border-bottom: 1px solid #ccc; }

@media(max-width: 768px){
	.list-ranking .ranking-types { width: 50px; height: 35px; font-size: 16px; }
	.list-ranking .ranking-types div { padding-top: 5.5px; }
}

/* ------------------------------------------------------------ *\
	list-status
\* ------------------------------------------------------------ */
.list-status {  }
.list-status li { height: 60px; text-align: center; font-size: 14px; color: #999; }
.list-status .status-title { padding-top: 18px; }

@media(max-width: 768px){
	.list-status li { height: 35px; font-size: 12px; }
	.list-status .status-title { padding-top: 5.5px; }
}

/* ------------------------------------------------------------ *\
	list-topscorers
\* ------------------------------------------------------------ */
.list-topscorers { padding-bottom: 43px; }
.list-topscorers .topscorer { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; position: relative; transition: color .4s; }
.list-topscorers.home .topscorer:hover { color: #D5071C; }
.list-topscorers.home .topscorer:hover .topscorer-goals { background-color: #D5071C; }
.list-topscorers.away .topscorer:hover { color: #273A90; }
.list-topscorers.away .topscorer:hover .topscorer-goals { background-color: #273A90; }
.list-topscorers .topscorer-link { position: absolute; top: 0; right: 0; left: 0; bottom: 0; }
.list-topscorers.home .topscorer { justify-content: flex-end; }
.list-topscorers.away .topscorer { justify-content: flex-start; }
.list-topscorers .topscorer-head { font-size: 14px; text-align: right; line-height: 18px; }
.list-topscorers.home .topscorer-head { margin-right: 10px; }
.list-topscorers.away .topscorer-head { margin-left: 10px; }
.list-topscorers.home .topscorer-head { text-align: right; }
.list-topscorers.away .topscorer-head { text-align: left; }
.list-topscorers .topscorer-name { font-weight: bold; }


.list-topscorers .topscorer-image { width: 60px; height: 60px; border-radius: 50%; display: inline-block; overflow: hidden; }
.list-topscorers.home .topscorer-image { margin-right: 10px; }
.list-topscorers.away .topscorer-image { margin-left: 10px; }
.list-topscorers .topscorer-goals { width: 30px; height: 30px; border-radius: 50%; position: relative; overflow: hidden; display: inline-block; margin-bottom: 13px; }
.list-topscorers.home .topscorer-goals { background-color: #273A90; transition: background-color .4s; }
.list-topscorers.away .topscorer-goals { background-color: #D5071C; transition: background-color .4s; }
.list-topscorers .goals-wrapper { font-size: 14px; text-align: center; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate( -50%, -50%); }
.list-topscorers {  }

@media(max-width: 768px){
	.list-topscorers.home { margin-right: 10px; }
	.list-topscorers.away { margin-left: 10px; }

	.list-topscorers .topscorer-head { font-size: 10px; }

	.list-topscorers .topscorer-image { width: 40px; height: 40px; }
	.list-topscorers.home .topscorer-image { margin-right: 0; }
	.list-topscorers.away .topscorer-image { margin-left: 0; }

	.list-topscorers .topscorer-goals { margin-bottom: 0; width: 20px; height: 20px; }
	.list-topscorers.home .topscorer-goals { margin-left: -15px; }
	.list-topscorers.away .topscorer-goals { margin-right: -15px; }
}

/* ------------------------------------------------------------ *\
	teams-topscorers
\* ------------------------------------------------------------ */
.teams-topscorers {  }
.teams-topscorers { position: relative; }
.teams-topscorers:after { content: ''; position: absolute; width: 100%; height: 1px; background-color: #ccc; bottom: 23px; left: 0; }
.teams-topscorers .team { position: relative; z-index: 2; width: 38%; }
.teams-topscorers { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; align-items: flex-end; }
.teams-topscorers .team-status { width: 80px; margin: 0px 45px 33px 45px; position: relative; height: 150px; }
.teams-topscorers .team-status:after { content: ''; position: absolute;  left: -25px; bottom: -18px; width: 10px; height: 10px; background-color: #fff; }
.teams-topscorers .team-status:before { content: ''; position: absolute; right: -25px; bottom: -18px; width: 10px; height: 10px; background-color: #fff; }
.teams-topscorers .ball { position: absolute; left: 50%; bottom: 0%; width: 26px; height: 26px; transform: translate( -50%, 10%); }

@media(max-width: 768px){
	.teams-topscorers:after { width: 120px; left: calc(50% - 60px); }
	.teams-topscorers .team { width: 50%; }
	.teams-topscorers .team-status { width: 50px; height: 95px; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); margin: 0; }
	.teams-topscorers .team-status:after { display: none; }
	.teams-topscorers .team-status:before { display: none; }
	.teams-topscorers .ball { width: 16px; height: 16px; }
}



/* ------------------------------------------------------------ *\
	section-livescore
\* ------------------------------------------------------------ */
.section-livescore { margin-bottom: 30px; }

.section-livescore .section-head { background-color: #fff; position: relative; padding: 30px 10px 30px 15px; text-align: left; margin-bottom: 10px; }
.section-livescore .section-head { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: flex-start; align-items: baseline; }
.section-livescore .section-head:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background-color: #C51c2c; }
.section-livescore .section-title { font-size: 24px; font-weight: bold; line-height: 1; padding-right: 37px; }
.section-livescore .section-dates { display: inline-block; margin-right: auto; }

.section-livescore .section-calendar { font-size: 14px; font-weight: normal; line-height: 1; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }
.section-livescore .section-calendar .title { margin-right: 10px; }
.section-livescore .section-calendar label { height: 24px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }
.section-livescore .fa-calendar-alt { transform: scale(1.7); }
.section-livescore input { position: absolute; z-index: -1; opacity: 0; }

.section-livescore .tabs-nav { font-size: 14px; line-height: 1; font-weight: bold; }

.section-livescore .tournament-head { padding: 17px 10px 9px 10px; background-color: #fff; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: flex-start; align-items: center; }
.section-livescore .tournament-logo { width: 60px; height: 60px; margin-right: 20px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; }
.section-livescore .tournament-title { font-size: 18px; font-weight: bold; line-height: 1; margin-right: 34px; }
.section-livescore .tournament-links { font-size: 14px; margin-right: auto; }
.section-livescore .tournament-links a { margin-right: 19px; transition: color .4s; color: #000; }
.section-livescore .tournament-links a:hover { color: #c51c2c; }
.section-livescore .tournament-actions { margin-left: auto; opacity: 1; pointer-events: all; transition: all .4s; }
.section-livescore .tournament-actions.hidden { opacity: 0; pointer-events: none; }

.section-livescore .list-matches > li { flex-wrap: wrap; padding-top: 20px; padding-bottom: 10px; }
.section-livescore .list-matches .match-info { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; width: 100%; }

.section-livescore .tabs-nav { margin: 0px 8px; padding-bottom: 0; }

.section-livescore .section-actions { background-color: #fff; text-align: right; font-size: 12px; font-weight: bold; padding: 20px 10px;  }
.section-livescore .section-actions a { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: flex-end; align-items: center; transition: color .4s; color: inherit; }
.section-livescore .section-actions a:hover { color: #c51c2c; }
.section-livescore .section-actions a:hover span { background-color: #c51c2c; }
.section-livescore .icon-arrow { width: 20px; height: 20px; background-color: #000; margin-left: 11px; border-radius: 50%; position: relative; display: inline-block; transition: background-color .4s; }
.section-livescore .icon-arrow img { position: absolute; top: 6px; left: 5px; transform: rotate(-90deg); width: 12px; height: 8px; }

@media(max-width: 1024px){
	.section-livescore .section-head { flex-direction: column; }
	.section-livescore .section-title { margin-bottom: 15px; }
	.section-livescore .section-dates { margin-bottom: 20px; }

	.section-livescore .tournament-head { flex-wrap: wrap; }
	.section-livescore .tournament-links { width: 100%; margin-top: 10px; }
	.section-livescore .list-matches > li { padding-bottom: 10px; }
	.section-livescore .list-matches .match-info { padding-bottom: 10px; }
}
/* ------------------------------------------------------------ *\
	list-day
\* ------------------------------------------------------------ */
.list-day { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: flex-start; }
.list-day li { margin-right: 21px; }
.list-day .day { font-size: 14px; line-height: 1; font-weight: normal; transition: color .4s; color: #000; }
.list-day .day .today { font-weight: bold; color: #C51c2c; transition: color .4s; }
.list-day .day:hover { color: #C51c2c; }
.list-day .day:hover .today { color: #000; }
.list-day a { color: inherit; }

/* ------------------------------------------------------------ *\
	list-tournaments
\* ------------------------------------------------------------ */
.list-tournaments {  border-top-right-radius: 10px; border-top-left-radius: 10px; align-items: flex-end; margin: 0; }
.list-tournaments li { width: 100%; text-align: center; background-color: #F2F2F2; transition: all .4s; border: 0px solid #d5d5d5; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; color: #000; }
.list-tournaments li:first-child { border-left: 1px solid #d5d5d5; border-top-left-radius: 10px; }
.list-tournaments li:last-child { border-right: 1px solid #d5d5d5; border-top-right-radius: 10px; }
.list-tournaments li.current {  background-color: #FFF; border: 1px solid #d5d5d5; border-top-right-radius: 10px; border-top-left-radius: 10px;  }
.list-tournaments li:hover { background-color: #fff; }
.list-tournaments a { justify-content: center; padding: 10px 0px 11px 0px; color: #000; }
.list-tournaments .current a { padding-top: 15px; }
.list-tournaments {  }

@media(max-width: 768px){
	.list-tournaments { flex-direction: column; align-items: flex-start; }
	.list-tournaments li { width: 90%; border: 1px solid #d5d5d5; }
	.list-tournaments li:last-child { border-top-right-radius: 0px; }
	.list-tournaments li.current { width: 100%; border-top-left-radius: 0px; border-bottom-right-radius: 10px; border-top-right-radius: 10px; }
	.list-tournaments li.current:last-child { border-bottom-right-radius: 0px; }
}

/* ------------------------------------------------------------ *\
	list-odds-stats
\* ------------------------------------------------------------ */
.list-odds-stats { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; }
.list-odds-stats li { margin: 0px 5px; padding: 0; }
.list-odds-stats .stat {  }
.list-odds-stats .stat-title { font-size: 10px; line-height: 1; font-weight: bold; text-align: center; margin-bottom: 8px; }
.list-odds-stats .stat-number { width: 76px; height: 30px; color: #000; font-size: 14px; text-align: center; background-color: #fff; border: 1px solid #d5d5d5; }
.list-odds-stats li:first-child .stat-number { border-top-left-radius: 5px; }
.list-odds-stats li:last-child .stat-number { border-top-right-radius: 5px; }
.list-odds-stats a { color: inherit; vertical-align: middle; }

/* ------------------------------------------------------------ *\
	switch-live
\* ------------------------------------------------------------ */
.switch-live { position: relative; display: inline-block; width: 60px; height: 24px; }
.switch input {opacity: 0; width: 0; height: 0; }

.switch-live .slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; }
.switch-live .slider:before {position: absolute; content: ""; height: 22px; width: 40px; left: 1px; bottom: 1px; background-color: white; -webkit-transition: .4s; transition: .4s; }
.switch-live .slider:after { content: "1x2"; position: absolute; font-size: 10px; font-weight: bold; top: 0; left: 12px; -webkit-transition: .4s; transition: .4s; }

.switch-live input:checked + .slider {background-color: #c51c2c; } 
.switch-live input:focus + .slider {box-shadow: 0 0 1px #c51c2c; }
.switch-live input:checked + .slider:before {-webkit-transform: translateX(18px); -ms-transform: translateX(18px); transform: translateX(18px); }
.switch-live input:checked + .slider:after {-webkit-transform: translateX(19px); -ms-transform: translateX(19px); transform: translateX(19px); }

/* Rounded sliders */
.switch-live .slider.round {border-radius: 24px; }
.switch-live .slider.round:before {border-radius: 24px; }

/* ------------------------------------------------------------ *\
	sidebar standings
\* ------------------------------------------------------------ */
.sidebar .section-fixtures-widget .team-stats { display: none; }
.sidebar .section-fixtures-widget li:last-child { display: inline-block }
.sidebar .section-fixtures-widget .tb-cell.id { padding-left: 0; }


/* ------------------------------------------------------------ *\
	single-view-video
\* ------------------------------------------------------------ */
.single-view-video {  }
.single-view-video .article-strapline { border: none; }
.single-view-video .article-strapline h1 { font-size: 26px; }
.single-view-video .article-strapline .strapline { margin-bottom: 5px; display: inline-block; padding-right: 5px; }
.single-view-video .article-brief_description { font-size: 16px; }
.single-view-video .section-video img { width: 100%; }

/* ------------------------------------------------------------ *\
	Live score section
\* ------------------------------------------------------------ */
.section-livescore div[data-widgetId="match-list"] .g-section--spaced {
	margin-top: 0!important;
	margin-bottom: 0!important;
}

.section-livescore .widget-livescore {
	box-shadow: none!important;
}

.section-livescore div[data-widgetId="match-list"] .widget-livescore__row {
	 display: block!important;
}

.widget-livescore__vendor-img {
	height: 22px;
}

.datepicker {
	opacity: 1 !important;
}

.section-fixtures-widget .section-body .widget-livescore__odds {
	display: none !important;
}


/**
 * New styles
 */
.header-buttons .btn-style.reg {
	background-color: #0a98d6;
	border: 1px solid #0a98d6;
	color: #000;
}

.header-buttons .btn-style {
	display: block;
	float: left;
	margin-left: 10px;
	margin-top: 6px;
	margin-bottom: 6px;
	padding: 5px 12px;
	font-family: "Roboto-Bold", sans-serif;
	font-size: 13px;
	line-height: 16px;
	text-align: center;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

#sidebar-header-right {
	display: block;
	float: right;
	margin: auto 10px;
}

/*div[data-widgetId="match-list"] .widget-livescore__status--end {*/
/*    border-color: #0a98d6 !important;*/
/*    color: #0a98d6 !important;*/
/*}*/

.live-scores-dp-container .live-scores-dp-bottom ul.dp-days li.dp-day {
	min-width: 120px;
}

.live-scores-dp-container .live-scores-dp-bottom ul.dp-days li.dp-day.selected {
	background-color: #0a98d6;
	border: 1px solid #0a98d6;
}

.live-scores-dp-container .live-scores-dp-top {
	border-bottom: 3px solid #0a98d6;
}

div[data-widgetId="match-list"] .widget-livescore__match:hover {
	color: #0a98d6 !important;
}

div[data-widgetId="odds-listing"] .widget-prediction-poll .match-league {
	color: #0a98d6 !important;
}

.smp-match-widget .widget-tabs-lined .tab-nav .active a {
	border-color: #0a98d6 !important;
}

.team-form-section .section-bar-indicator #teamProgress {
	background-color: #4aaf4f !important;
}

div[data-widgetId="fixtures-widget"] .button-switch .switch.switch-green:checked:before {
	background: #4aaf4f;
}

.smp-match-widget .widget-tabs-lined .tab-nav a:hover {
	border-color: #0a98d6 !important;
}

.career-widget-container .active {
	color: #4aaf4f !important;
}

@media (max-width: 1099px) {
	.flex-column.column-right {
		width: 100% !important;
	}

	.flex-column.column-left {
		width: 100% !important;
	}

	.header-buttons .btn-style.reg {
		display: none;
	}
}

/* ------------------------------------------------------------ *\
    .lists-news
\* ------------------------------------------------------------ */
.lists-news { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 5px; margin-bottom: 0; }
.lists-news li { padding: 5px; margin-bottom: 20px; position: relative; }

.lists-news iframe { height: 202px; width: 367px; }

.lists-news .news-size-0 { width: 100%; margin-bottom: 10px; }
.lists-news .news-size-1 { width: 100%; margin-bottom: 10px; }
.lists-news .news-size-2 { width: 50%; }
.lists-news .news-size-3 { width: 33.333%; }


.lists-news .news-title { margin-top: 10px; margin-bottom: 5px; transition: color .3s; font-family: "RobotoCondensed-Bold", sans-serif; line-height: 1.2; font-weight: 400; overflow: hidden; }
.lists-news .news-title span { background-color: #ffcc00; padding: 0px 5px; line-height: 1.2; margin-right: 5px; color: #000; }
.lists-news li:hover .news-title { color: #000; }

.lists-news .news-size-0 .news-title { font-size: 22px !important; max-height: 56px; margin-top: 0; }
.lists-news .news-size-1 .news-title { font-size: 22px !important; max-height: 56px; margin-top: 0; }
.lists-news .news-size-2 .news-title { font-size: 22px !important; max-height: 56px; }
.lists-news .news-size-3 .news-title { font-size: 16px; max-height: 57px; }

.lists-news .news-date { transition: none; opacity: 1; color: #999; font-family: Roboto, sans-serif; font-size: 12px; }
.lists-news li:hover .news-date { color: #999; }
.lists-news .image-wrapper { position: relative; padding-top: 56.25%; overflow: hidden; }
.lists-news .news-image { position: absolute; overflow: hidden; width: 100%; height: 100%; padding-bottom: 0; }
.lists-news .image-wrapper:after { content: ""; position: absolute; height: 100%; width: 4px; background-color: #ffcc00; right: -4px; transition: right .3s; }
.lists-news li:hover .image-wrapper:after { right: 0; }

.lists-news .news-link { position: absolute; top: 0; bottom: 0; right: 0; left: 0; transition: color .3s; }
.lists-news .news-size-2 .image-wrapper:after { height: 4px; width: 100%; right: 0; top: auto; bottom: -4px; transition: bottom .3s; }
.lists-news li.news-size-2:hover .image-wrapper:after { bottom: 0; }
.lists-news .news-size-3 .image-wrapper:after { height: 4px; width: 100%; right: 0; top: auto; bottom: -4px; transition: bottom .3s; }
.lists-news li.news-size-3:hover .image-wrapper:after { bottom: 0; }

.lists-news .news-size-1 .image-container { width: 300px; height: 169px; overflow: hidden; float: left; margin-right: 10px; }
.lists-news .news-size-1 .news::after { content: ""; display: table; clear: both; }
.lists-news .news-size-1 .news-image { width: 100%; }
.lists-news .news-size-1:nth-child(3) .image-container,
.lists-news .news-size-1:nth-child(8) .image-container { width: 100%; height: auto; padding-bottom: 0; float: none; margin-right: 0; }
.lists-news .news-size-1:nth-child(3) .news-title,
.lists-news .news-size-1:nth-child(8) .news-title { font-size: 26px; max-height: 62px; margin-top: 20px; }
.lists-news .news-size-1:nth-child(3) .image-wrapper:after,
.lists-news .news-size-1:nth-child(8) .image-wrapper:after { height: 4px; width: 100%; right: 0; top: auto; bottom: -4px; transition: bottom .3s; }
.lists-news .news-size-1:nth-child(3):hover .image-wrapper:after,
.lists-news .news-size-1:nth-child(8):hover .image-wrapper:after { bottom: 0; }

.lists-news .news-size-0 .news::after { content: ""; display: table; clear: both; }
.lists-news .news-size-0 .news-image { width: 300px; padding-bottom: 169px; float: left; margin-right: 10px; }

@media(max-width: 1099px) {
	.lists-news .news-size-3 { width: 50%; }

	.lists-news .news-size-3:nth-child(3n) { width: 100%; }
	.lists-news .news-size-3 .news-title { font-size: 22px; max-height: 53px; }
	.lists-news .news-size-3:nth-child(3n) .news-title { font-size: 26px; max-height: 31px; margin-top: 20px; }
	.section_404 .lists-news .news-size-3:nth-child(3n) { width: 50%; }
	.section_404 .lists-news .news-size-3:nth-child(3n) .news-title { font-size: 22px; max-height: 53px; margin-top: 10px; }
	.section_404 .lists-news .news-size-3:nth-child(3n+1) { width: 100%; }
	.section_404 .lists-news .news-size-3:nth-child(3n+1) .news-title { font-size: 26px; max-height: 31px; margin-top: 20px; }
}

@media(max-width: 1024px) {
	.section-last-news .lists-news { padding: 5px; }
	.lists-news .news-size-1 .news-title { padding: 0; }
	.lists-news .news-size-2 .news-title { padding: 0; }
	.lists-news .news-size-3 .news-title { padding: 0; }
	.lists-news .news-date { padding-left: 0; padding-right: 0; }
	.lists-news li:hover .news-date { font-size: 12px; }
}

@media(max-width: 1023px) {
	.lists-news { padding: 5px; }
	.lists-news li { padding: 5px; }
	.lists-news .news-size-3 { width: 50%; }
	.lists-news .news-title { font-size: 16px; }
}

@media(max-width: 767px) {
	.lists-news .news-size-2 { width: 100%; }
	.lists-news .news-size-3 { width: 100%; }
	.lists-news .news-size-3:nth-child(3n) { width: 100%; }
	.lists-news .news-size-1 .news-title { font-size: 20px; max-height: 48px; margin-top: 20px; }
	.lists-news .news-size-1:nth-child(3) .news-title, .lists-news .news-size-1:nth-child(8) .news-title { font-size: 20px; max-height: 48px; }
	.lists-news .news-size-2 .news-title { font-size: 20px; max-height: 48px; margin-top: 20px; }
	.lists-news .news-size-3 .news-title { font-size: 20px; max-height: 48px; margin-top: 20px; }
	.lists-news .news-size-3:nth-child(3n) .news-title { font-size: 20px; max-height: 48px; }
	.lists-news .news-size-1 .image-container { width: 100%; height: auto; margin-right: 0; float: none; }
	.lists-news .news-size-1 .image-wrapper:after { height: 4px; width: 100%; right: 0; top: auto; bottom: -4px; transition: bottom .3s; }
	.lists-news .news-size-1:hover .image-wrapper:after { bottom: 0; }
	.lists-news .news-size-0 .news-title { font-size: 20px; max-height: 48px; margin-top: 20px; }
	.lists-news .news-size-0 .news-image { width: 50%; padding-bottom: 28%; }
	.section_404 .lists-news .news-size-3:nth-child(3n) { width: 100%; }
	.section_404 .lists-news .news-size-3:nth-child(3n) .news-title { font-size: 20px; max-height: 48px; margin-top: 20px; }
	.section_404 .lists-news .news-size-3:nth-child(3n+1) .news-title { font-size: 20px; max-height: 48px; }
}

@media(max-width:479px) {
	.lists-news .news-date { font-size: 10px; }
	.lists-news li:hover .news-date { font-size: 10px; }
	.lists-news .news-size-0 { margin-bottom: 0; }
	.lists-news .news-size-1 { margin-bottom: 10px; }
	.lists-news .news-size-2 .news-title { font-size: 16px; max-height: 38px; }
	.lists-news .news-size-3 .news-title { font-size: 16px; max-height: 38px; }
	.lists-news .news-size-3:nth-child(3n) .news-title { font-size: 16px; max-height: 38px; }
	.lists-news .news-size-1 .news-title { font-size: 16px; max-height: 38px; }
	.lists-news .news-size-1:nth-child(3) .news-title, .lists-news .news-size-1:nth-child(8) .news-title { font-size: 16px; max-height: 38px; }
	.lists-news .news-size-0 .news-title { font-size: 12px; max-height: 57px; }
	.section_404 .lists-news .news-size-3:nth-child(3n) .news-title { font-size: 16px; max-height: 38px; }
	.section_404 .lists-news .news-size-3:nth-child(3n+1) .news-title { font-size: 16px; max-height: 38px; }
}

.section-last-news .section-link {color: #000;transition: color .4s;text-align: center;font-size: 14px;line-height: 14px;text-decoration: none;font-family: "RobotoCondensed-Bold", sans-serif;font-weight: 400;display: inline-block;}
.section-last-news .section-link:hover { color: #000;}
.section-link::before { content: ""; width: 50px; height: 50px; margin: 0 auto 5px auto; border: 1px solid #ccc; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; -webkit-transition: all .2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; background-color: #fff; background-image: url("images/ar_viewmore_big_normal.png"); background-repeat: no-repeat; background-position: center; background-size: auto; display: block; }
.section-link:hover::before { background-color: #0a98d6; border: 0; }

.flex-container .margin-bottom {
	margin-bottom: 10px;
}


/**
 *  Dobri's CSS
 */
.logo-secondary .flag:before {
	background-color: #ccc !important;
}
.logo-secondary .flag:after,
.section-category-menu:after {
	background-color: #0a98d6 !important;
}
.section-banner {
	margin: 0 auto 25px auto !important;
	height: auto !important;
	background-color: transparent !important;
}
.section-last-news .section-title {
	border-bottom: 3px solid #0a98d6 !important;
}
.article-inner .editor-block {
	margin-bottom: 20px !important;
	font-size: 16px !important;
	line-height: 1.5 !important;
}
.article-inner .article-brief_description p {
	line-height: 1.5 !important;
	font-size: 18px !important;
}
.main .social-box {
	height: 10px !important;
}
.article-block {
	border-top: 1px solid #efefef !important;
	border-bottom: 1px solid #efefef !important;
}
.article-block .article-title {
	text-overflow: initial !important;
	overflow: visible !important;
	white-space: initial !important;
	line-height: 1.4 !important;
	padding: 10px 0 0 0 !important;
}
.article-block .article-body {
	margin-bottom: 0 !important;
}
div[data-widgetid="player-h2h"] .odds-label, div[data-widgetid="team-comparison"] .odds-label {
	display: none !important;
}
div[data-widgetId="odds-listing"] .widget-prediction-poll .prediction-content {
	padding: 20px 20px 0 20px !important;
}
.the-dropdown .dropdown__list-container {
	position: absolute !important;
	width: 248px !important;
}
.team-assistence,
.legend-assistence,
.team-goals,
.legend-goals,
.team-y-flags,
.legend-y-flags,
.team-r-flags,
.legend-r-flags,
.team-matches,
.legend-matches,
.team-minutes,
.legend-minutes {
	width: 20px !important;
	text-align: center !important;
}
tr.highlight {
	background-color: #f1f1f1 !important;
}
.smp-standings-widget {
	border: none !important;
}
div[data-widgetid="player"] .widget-container .container-label,
div[data-widgetid="player"] .footer {
	display: none !important;
}
.editor-block ul {
	margin-left: 20px !important;
}
h2 {
	font-size: 22px !important;
}
div[data-widgetid="team"] .widget-container .odds .odds-label {
	display: none !important;
}
div[data-widgetid="team"] .widget-container .odds div[data-widgetId="odds-listing"] .widget-news-article .widget-odds {
	border: none !important;
}
.main-nav > .menu-item > a {
	font-size: 15px !important;
	font-weight: bold !important;
}
.header .logo {
	width: auto !important;
}
.main-nav > .menu-item.current-menu-item a {
	border-bottom: 3px solid #0a98d6 !important;
	color: #0a98d6 !important;
	padding-bottom: 5px !important;
	padding-top: 5px !important;
}
#sidebar-header-right .btn-style.reg {
	color: #fff !important;
}
.main-nav > .menu-item {
	margin: 0 !important;
}
.main-nav > .menu-item a {
	border-right: 1px solid #e2e2e2 !important;
	padding: 0px 20px 5px 20px !important;
}
.main-nav > .menu-item:last-child a {
	border-right: none !important;
}
.flex-container {
	margin-bottom: 15px !important;
}
.section-last-news {
	margin-bottom: 0 !important;
}