/*
File Name: 		custom.css
Description:  You can add your custom CSS here and it will overwrite template styles
*/

/*# sourceMappingURL=maps/custom.css.map */

/************ SAMEH CUSTOM STYLE ************/

body,
.main-nav__sub li a,
.main-nav__megamenu,
.main-nav__ul li a,
.main-nav__megamenu .main-nav__title {
  text-align: right;
  direction: rtl;
}

* {
  letter-spacing: 0 !important;
}


.header__secondary1 .row>div:last-child:after {
  content: "إطلاق تجريبي";
  display: inline-block;
  color: white;
  font-size: 12px;
  margin-top: 24px;
  padding: 5px 6px 7px 6px;
  text-align: left;
  background: #ed3b38;
  margin-right: 20px;
  margin-left: 0;
  line-height: 1;
  font-weight: bold;
  border-radius: 4px;
}

div#header-mobile:after {
  content: "إطلاق تجريبي";
  display: inline-block;
  color: white;
  font-size: 12px;
  margin-top: 24px;
  padding: 5px 6px 7px 6px;
  text-align: left;
  background: #ed3b38;
  margin-left: 20px;
  margin-right: 0;
  line-height: 1;
  font-weight: bold;
  border-radius: 4px;
  position: absolute;
  z-index: 9999999;
  top: 0;
  left: 0;
}

@font-face {
  font-family: 'Jannat-b';
  src: url(../fonts/spl-fonts/ITCHandelGothicArabic-Bold.ttf) format('woff2'), url(../fonts/spl-fonts/AJannatLT-Bold.woff) format('woff');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Jannat-r';
  src: url(../fonts/spl-fonts/ITCHandelGothicArabic-Bold.ttf) format('woff2'), url(../fonts/spl-fonts/AJannatLT.woff) format('woff');
  font-weight: 200;
  font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Jannat-b';
}

p,
a,
li,
.table>tbody>tr>th,
div,
span,
th,
.label,
.match-preview__date,
.main-nav__list>li>a,
.btn,
.team-meta__place,
.posts__date,
.main-nav__sub li a,
.gallery__date,
label,
.main-nav__list .main-nav__sub li a {
  font-family: 'Jannat-r' !important;
}

.hero-slider-wrapper {
  direction: ltr;
}

.card__content {
  direction: ltr;
}

.header__secondary {
  background-color: transparent;
}

.header__top-bar,
.header__primary {
  background-color: #1b2763;
}

.header__primary::after {
  background-color: #1b2763;
}

.header__primary-inner {
  background-color: transparent;
}

.header__primary-inner::before {
  display: none;
}

.posts__cat-label {
  float: left;
}

ul.lang-switcher {
  list-style: none;
  line-height: 65px;
  margin: 0;
}

ul.lang-switcher li {
  display: inline-block;
}

ul.lang-switcher li a {
  color: #fff;
}

html[lang=ar] .lang-switcher li a.is-active {
  display: none;
}

html[lang=en] .lang-switcher li a.is-active {
  display: none;
}

.header-logo {
  position: absolute;
  z-index: 3;
  bottom: 13px;
  right: 0 !important;
  width: 110px;
}

.main-nav,
.header__secondary {
  text-align: left;
}

.main-nav__list>li.has-children>a::after {
  margin-right: 9px;
}

.main-nav__list>li>a {
  padding: 0 28px;
}

.main-nav__list>li.active>a::before,
.main-nav__list>li>a:hover::before {
  background-color: #5083BD;
}

.info-block--header .info-block__item {
  padding-top: 0;
  padding-bottom: 0;
}

.info-block__item {
  padding: 0;
}

.info-block--header .info-block__item {
  margin: 8px 0px;
}

ul.info-block.info-block--header img {
  width: auto;
  height: 40px;
  margin: 10px 0px;
}

header.header {
  background-image: url(../images/header-bg.png);
  background-color: #040827;
  background-position-y: -470px;
}

.posts__cat-label {
  float: right;
}

.slick-track>div {
  float: left !important;
  ;
}

.slick-list.draggable .slick-slide>div {
  float: right !important;
}

ul.post__meta.meta {
  direction: rtl !important;
}

@media (min-width: 992px) {
  .meta__item+.meta__item {
    margin-right: 15px;
  }
}

ul.post__meta.meta i:before {
  float: right;
  margin-left: 6px;
}

ul.post__meta.meta li:before {
  float: right;
  margin-left: 6px;
}

.posts--simple-list .posts__title {
  margin-bottom: 0;
  line-height: 25px;
}

.post__meta-block--top .page-heading__title {
  line-height: 1.3em;
}

@media (min-width: 480px) {
  .card__header--has-filter .category-filter,
  .card__header .card-header__button {
    float: left;
  }
}

.posts__item--card .posts__cat {
  right: 23px;
}

.card__header::before {
  right: 0;
}

.team-meta {
  text-align: right;
}

.team-meta__logo {
  margin-left: 2px;
}

table.table.table-hover.table-standings {
  direction: rtl;
}

.widget-standings .table-standings>thead>tr>th:first-child {
  text-align: right;
}

.team-meta__logo {
  padding: 2.5px;
}

h3.posts__title {
  line-height: normal !important;
}

.card__content {
  direction: rtl;
}

.slick-list.draggable {
  direction: initial;
}

.progress__label+.progress {
  margin-right: 10px;
}

.progress+.progress__number {
  margin-right: 10px;
}

.widget-player--soccer .widget-player__last-name {
  line-height: 1.3em;
}

@media (min-width: 1199px) {
  .widget-player__header {
    padding-top: 42px;
  }
}

.footer-widgets,
.footer-secondary--has-decor .footer-secondary__inner {
  background-color: #040827;
}

ul.widget__content li {
  list-style-type: none;
  line-height: 41px;
}

ul.widget__content {
  padding: 0;
}

ul.widget__content a {
  color: white;
}

.widget--footer .posts--simple-list .posts__title>a {
  line-height: normal;
}

.footer-widgets__inner {
  padding: 60px 0 70px;
}

h3.posts__title {
  line-height: 43px !important;
}

.posts--slider-featured .posts__date::before {
  display: none;
}

.home .posts__item--card .posts__title {
  font-size: 18px;
  line-height: 1.3em;
}

.footer {
  color: rgb(154, 157, 162);
}

#jprePercentage::after {
  content: "رابطة دوري المحترفين السعودي";
  font-family: 'Jannat-r';
  margin-top: 16px;
  font-size: 16px;
}

.header-logo {
  position: relative;
  width: 125px;
  margin: 17px auto -74px
}

.main-nav__list>li>a {
  padding: 0 20px;
}

.info-block--header .info-block__item {
  margin: 14px 0px;
}

cus-card .card__content {
  padding: 0;
}

@media (min-width: 1200px) {
  .hero-slider,
  .hero-slider__item {
    height: 660px;
  }
}

ul.main-nav__list a::before {
  display: none;
}

ol.carousel-indicators.dfdf {
  padding: 0;
}

.carousel-inner h2 {
  color: white;
}

.carousel-caption {
  top: 35%;
  width: 70%;
  margin: auto;
}

.container.m-t {
  margin-top: -272px;
}

.content-filter__list {
  border: 0;
}

li.content-filter__item {
  margin: 12px;
  border: 1px solid white;
}

.mw-50 {
  width: 50%;
  float: right;
}

.mw-100 {
  width: 100%;
}

.m-t .card__header {
  border: 0;
}

.m-t img {
  height: 40px;
  margin: 20px 0;
}

.no-flex {
  flex: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.mw-100.no-flex p {
  background: white;
  margin: 0;
}

.mw-100.no-flex p {
  background: white;
  margin: 0;
  color: #0e1539;
  padding: 8px 0;
}

li.content-filter__item {
  margin: 12px;
  border: 1px solid #ffffff1c !important;
}

.carousel-caption {
  top: 25%;
}

.m-t .card__header::before {
  display: none;
}

.m-t .card__header {
  padding: 12px !important;
}

* {
  border-radius: 0 !important;
}

.m-t .match-box {
  background: #0e153954;
}

ul.logos-li li {
  list-style-type: none;
  float: right;
}

ul.logos-li {
  margin: auto;
  padding: 0;
  display: inline-flex;
}

.inn-logo-cont {
  background: white;
  width: 100%;
  padding: 19px;
  text-align: center !important;
}

.row.logo-cont {
  padding: 0px 9px 18px 9px;
}

.card__header::before {
  content: "";
  display: block;
  position: absolute;
  width: 6px;
  left: 0;
  top: 0;
  bottom: 0;
  background-color: #0e1539;
  border-radius: 0;
}

.footer-logo {
  width: auto;
  margin: 0;
  padding: 70px 20px;
}

.dummy-logo {
  height: 20px;
  background: white;
}

.dummy-logo {
  height: 50px;
  background: #ffffff1a;
  width: 140px;
  margin: auto;
  border-radius: 50px !important;
  margin-bottom: 40px;
}

.footer-widgets__inner {
  padding: 50px 0;
}

body {
  background-color: #f7f7f7;
}

.bor-top {
  border-top: 1px solid #e4e7ed;
  border-bottom: 0;
}

.new-padd .table>thead>tr>th {
  color: white;
}

span.match-time {
  background: #dcdcdc;
  color: #0f1539;
  padding: 2px 14px;
  font-weight: bold;
}

span.match-time {
  background: #dcdcdc;
  color: #0f1539;
  padding: 7px 14px;
  font-weight: bold;
  display: inline-block;
  font-size: 16px;
}

td.text-center.v-a-c {
  vertical-align: middle;
}

.card {
  border: 0px;
}

.table>thead>tr>th {
  font-size: 16px;
}

td {
  vertical-align: middle !important;
}

.twitter-w .posts__item {
  width: 100%;
}

.card .posts--simple-list .posts__item {
  padding-left: 0 !important;
}

.no-border.card__header::before {
  display: none !important;
}

.twitter-icon li.posts__item.posts__item--category-1:before {
  content: "\e009";
  font-size: 13px;
  line-height: 1em;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-family: 'simple-line-icons';
  background: #33A4EC;
  color: white;
  padding: 6px;
  float: left !important;
}

.twitter-icon li.posts__item.posts__item--category-1 {
  margin: 0 !important;
  padding: 0 !important;
}

::-webkit-scrollbar {
  width: 8px;
}

/* Track */

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */

::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.posts--simple-list .posts__title {
  margin-top: 10px;
}


.no-paddings {
  padding: 0 !important;
}



.posts--simple-list .posts__excerpt {
  margin-bottom: 28px;
}

.card--clean .card__header {
  border: 0;
}


.card--clean .card__header h4 {
  color: white;
}

.home .posts__item--card .posts__title {
  font-size: 14px;
}

h6.posts__title a {
  font-size: 18px;
}

.posts__item--card .posts__footer {
  padding: 6px;
}

.main-nav__list>li.has-children>a::after {
  content: "";
  display: inline-block;
  margin-left: 9px;
  width: 6px;
  height: 4px;
  background-image: url(data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' v…,2.83-0.707.71Zm4.95-.71,0.707,0.71L589,1050.83l-0.707-.71Z'/%3E%3C/svg%3E);
  background-size: 6px 4px;
  background-repeat: no-repeat;
  background-position: center center;
  top: -2px;
  position: relative;
}

.main-nav__sub li a:hover {
  color: #ffffff;
}

.m-t-s .team-meta__logo {
  width: 50px;
  height: auto;
}

.m-t-s .team-meta__logo img {
  transform: translateY(0);
}

li.tags-view {
  font-size: 12px;
}

.main-nav__sub {
  background-color: #0F1737;
}



.content.col-md-8 .card__header .card-header__button {
  float: left;
  margin-left: 63px;
}


.posts__item--card .posts__inner {
  padding: 8px 11px 10px;
}

body {
  background-color: white;
}

body.home-page {
 /* background-image: url(../images/body-bg.png); */
  background-repeat: no-repeat;
  background-position: left;
  background-size: cover;
  background-position-x: center;
  background-position-y: 101px;
}

body.home-page {
  background-color: #f5f6f9;
}

.page-heading {
  padding: 55px 0;
}

.page-heading__title {
  font-size: 30px;
  text-align: right;
}

.page-heading {
  background-color: #090f2d;
}

.page-heading::before {
  display: none;
}

span.match-time {
  background: #76766f;
  color: #fff;
  font-size: 12px;
  font-weight: 100;
}

.m-row .table>tbody>tr>td {
  border: 0 !important;
}

.table-hover>tbody>tr:hover {
  background-color: transparent;
}

.row.m-row {
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
  padding: 6px 0;
}

.row.m-row .table>tbody>tr>td {
  padding: 0;
}

p.staduim-name {
  color: #040827;
  font-weight: 100;
  font-size: 13px;
}

p.staduim-name img {
  margin-left: 8px;
}

p.staduim-name {
  margin: 0 !important;
}

.row.m-row a {
  color: #040827;
  font-weight: 100;
  font-size: 14px;
  margin-top: 2px;
  display: inline-block;
}

.m-t-s .team-meta__logo {
  width: 38px;
}

a.m-details {
  font-size: 12px !important;
}

.team-meta__name {
  font-size: 14px;
}

a.m-details {
  background: #e8e8e8;
  padding: 1px 11px;
}

p.staduim-name {
  margin: 2px 0 0 0 !important;
}

.row.m-row {
  margin-top: -1px;
}

.wave strong {
  font-size: 22px;
  display: inline-block;
  margin-bottom: 10px;
  color: #0a0e2c;
}

.row.m-row:hover {
  background: #0a0e2c;
}

.row.m-row:hover * {
  color: white;
}

.row.m-row:hover a.m-details {
  color: #0a0e2c;
}

.col-4 {
  float: right !important;
  position: relative !important;
  left: auto !important;
  top: auto !important;
}

.news .posts__excerpt {
  font-size: 14px;
  padding: 0 !important;
  line-height: 22px !important;
}

body.news {
  background-color: #e6e8ef;
}

.post--extra-top {
  margin-top: -116px;
}

ul.main-nav__list a:hover,
ul.main-nav__list li.active>a {
  background: #F93942;
}

figure.gallery__thumb img {
  width: 100% !important;
  height: auto !important;
}

.gallery__item-inner:hover .gallery__btn-fab {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-305%, -50%) scale(1);
}

.gallery__btn-fab {
  -webkit-transform: translate(-50%, -50%) scale(1) !important;
  transform: translate(-305%, -50%) scale(1) !important;
}

.gallery__btn-fab {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.1);
  transform: translate(-50%, -50%) scale(0.1);
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 100px !important;
}

.album__item-icon {
  float: none;
  position: relative;
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: 0;
}

.album__item-desc--bottom-left {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
  top: 50%;
  bottom: auto;
}

.home-page h6.posts__title a {
  font-size: 14px;
  line-height: 16px !important;
}

.home-page .match-preview__team-logo {
  height: 122px !important;
}

.footer-secondary--has-decor {
  background-color: #ee383a;
}

.footer-secondary--has-decor .footer-secondary__inner::before,
.footer-secondary--has-decor .footer-secondary__inner::after {
  background-color: #f89739;
}

ol.page-heading__breadcrumb.breadcrumb {
  float: right;
}

.breadcrumb-item+.breadcrumb-item::before {
  padding-left: 5px;
  color: white !important;
}

li.breadcrumb-item.active {
  opacity: 0.5;
}

.breadcrumb-item.active {
  color: rgb(255, 255, 255);
}

.breadcrumb-item>a:hover {
  color: #81acd8 !important;
}

.g-ph footer.posts__footer.card__footer {
  padding: 2px 10px 4px;
  border-top: 1px solid #f1f1f1;
}

h6.share-b {
  margin-right: 10px;
}

.btn-primary-inverse {
  color: #fff;
  background-color: #040827;
}

.poll li {
  list-style-type: none;
}

.poll input[type="radio"] {
  margin: 0 0 0 10px;
}

.poll input[type="submit"] {
  margin: 20px 0 0 0;
  background-color: #040828;
  color: #FFF;
  border: 0;
  width: 100%;
  height: 40px;
  font-size: 10pt;
  border-radius: 4px;
}

.poll-inner {
  padding: 20px;
}


.hero-slider__item--img1 {
  background-image: url(../images/main-slider/slide-1.jpg);
}

.hero-slider__item--img1 {
  background-image: url(../images/main-slider/slide-2.jpg);
}

.hero-slider__item--img1 {
  background-image: url(../images/main-slider/slide-3.jpg);
}

a.carousel-caption.d-none.d-md-block h1:before {
  content: "";
  width: 70px;
  height: 10px;
  background: #66cc33;
  position: absolute;
  top: -15px;
}

body.home-page {
  background-attachment: fixed;
}

.page-heading {
  background-image: url(../images/inner-pagers-header-image.png);
}

.header-mobile__inner,
.main-nav {
  background-color: #040828;
}

.main-nav .main-nav__list,
.main-nav .header-mobile__logo {
  border: 0 !important;
}

header.header1 ul {
  padding: 0;
}

.content.col-12.col-lg-8 .card__header .card-header__button {
  float: left;
  margin-left: 70px;
}

.inn-logo-cont.for-mobile img {
  padding: 4px;
}

.for-mobile .dummy-logo {
  height: 89px;
}

.site-wrapper.clearfix {
  position: relative;
}

header.header1 {
  background-position-y: -523px !important;
}

.header-mobile__search-submit:hover .fa-search:before {
  color: #111b4b;
}

.new-padd .table>thead>tr>th {
  color: black;
}

.new-padd h4,
.new-padd h4 {
  margin: 0;
}

.new-padd h5 {
  margin: 0;
}

@media (min-width: 769px) {
  ul.main-nav__list1>li:hover,
  ul.main-nav__list1 li.active {
    border-bottom: 3px solid #6ebb45;
  }
}

ul.main-nav__list1 li {
  border-bottom: 3px solid #f9394200;
}

ul.main-nav__sub {
  border: 0;
  background: #18224c;
}

li.has-children li:hover a {
  margin-right: 6px;
}

.main-nav__sub li a {
  border-bottom: 1px solid #ffffff05;
}

@media (min-width: 769px) {
  ul.info-block1.info-block--header1 img {
    width: auto;
    height: 37px;
    margin: 10px 5px;
  }
}

ul.info-block1.info-block--header1 img:hover {
  transform: scale(1.2);
}

.header-logo1 {
  z-index: 99999999;
}

.main-nav__list1 li>.main-nav__sub,
.main-nav__list1 li>.main-nav__megamenu,
.main-nav__list1 li>.main-nav__sub-2,
.main-nav__list li>.main-nav__sub-3 {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotateX(-75deg);
  transform: rotateX(-75deg);
  visibility: hidden;
}

@media (min-width: 992px) {
  .main-nav__list1 li:hover>.main-nav__sub,
  .main-nav__sub li:hover>.main-nav__sub-2,
  .main-nav__sub-2 li:hover>.main-nav__sub-3 {
    display: block;
  }
}

.main-nav__list1 li:hover>.main-nav__sub,
.main-nav__list1 li:hover>.main-nav__megamenu,
.main-nav__list1 li:hover>.main-nav__sub-2,
.main-nav__list1 li:hover>.main-nav__sub-3 {
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
  opacity: 1;
  visibility: visible;
  margin-top: 3px;
}

.main-nav__list1 li>.main-nav__sub,
.main-nav__list1 li>.main-nav__megamenu,
.main-nav__list1 li>.main-nav__sub-2,
.main-nav__list1 li>.main-nav__sub-3 {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotateX(-75deg);
  transform: rotateX(-75deg);
  visibility: hidden;
}

.main-nav__sub {
  position: absolute;
  top: 62px;
  z-index: 1000;
  margin: 0;
  padding: 0;
  min-width: 240px;
  background-color: #1e2024;
  border: solid 1px #292c31;
  opacity: 0;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
}

a.no-padd {
  padding-right: 0 !important;
}


.content .btn-outline.btn-default:hover {
  background-color: #e6e8ef;
  border-color: #9a9da200 !important;
  color: #121c49 !important;
}

span.match-time {
  background: #1a2665;
}

ul.logos-li li {
  padding: 0px;
  margin: 0 32px;
  border: 1px solid #8080801f;
}

/*dropdown*/

.select-hidden {
  display: none;
  visibility: hidden;
  padding-right: 10px;
}

.select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-size: 14px;
  color: #fff;
  width: 220px;
  height: 40px;
}

.select-styled {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #ffffff;
  padding: 8px 15px;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  color: #090f2d;
  border-bottom: 1px solid #d8d8d8;
}

.select-styled:after {
  content: "";
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-color: #090f2d transparent transparent transparent;
  position: absolute;
  top: 18px;
  left: 18px;
}

.select-styled:hover {
  background-color: #f3f3f3;
}

.select-styled:active,
.select-styled.active {
  background-color: #ab3326;
}

.select-styled:active:after,
.select-styled.active:after {
  top: 9px;
  border-color: transparent transparent #fff transparent;
}

.select-options {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #090f2d;
}

.select-options li {
  margin: 0;
  padding: 12px 0;
  text-indent: 15px;
  border-top: 1px solid #121d56;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
}

.select-options li:hover {
  color: #c0392b;
  background: #fff;
}

.select-options li[rel="hide"] {
  display: none;
}

.select-styled:active,
.select-styled.active {
  background-color: #f3f3f3;
}

.select-styled:active:after,
.select-styled.active:after {
  top: 12px;
  border-color: transparent transparent #090f2d transparent;
}

.select-options li:hover {
  color: #ffffff;
  background: #121d56;
}

.select-options li {
  font-size: 12px;
}

.select {
  margin-left: 30px;
}

.btn-outline.btn-default:hover {
  background-color: #1b2763;
  border-color: #1b2763;
}

.btn:not(:disabled):not(.disabled):active,
.btn:not(:disabled):not(.disabled).active {
  background-image: none;
  color: white;
  border: 1px solid transparent;
}

.page-heading {
  background-image: url(../images/inner-pagers-header-image.png);
  background-position: 30% 32% !important;
}

.widget-standings .table-standings>tbody>tr>td:first-child>.team-meta::before {
  margin: 0 0 0 6px;
}

ul.logos-li li {
  padding: 0;
}

ul.logos-li li img {
  margin: 0px 30px !important;
}


.dummy-logo {
  height: 120px;
  background: transparent;
  width: 100%;
  margin: auto;
  border-radius: 0px !important;
  margin-bottom: 40px;
  text-align: center;
  display: table-cell;
  vertical-align: middle !important;
  padding: 0 12px;
}

.dummy-logo img {
  margin: 0 !important;
}

th {
  text-align: right;
}

.widget-standings .table-standings>tbody>tr>td:first-child {
  padding-left: 0;
  padding-right: 24px;
}

.widget-standings .table-standings>tbody>tr>td:last-child {
  padding-left: 24px;
  padding-right: 0;
}

table.table.table-hover.table-standings tr td:first-child,
table.table.table-hover.table-standings tr td:last-child {
  width: 40%;
}

.footer-widgets {
  padding-bottom: 50px;
}

.dummy-logo {
  border: 1px solid #ffffff12;
  width: 100%;
}

figure.posts__thumb {
  height: 200px;
}

figure.posts__thumb img {
  height: 100% !important;
  width: auto !important;
  max-width: inherit !important;
}

.posts__item--category-2 .posts__cat-label,
.posts__item--category-2 .posts__cta {
  background-color: #38a9ff;
}

footer.posts__footer.card__footer *,
footer.posts__footer.card__footer {
  transition: unset !important;
}

/*slider img*/

.slider-main-img img {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.slider-main-img {
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
  position: relative;
}

.hero-slider__item.carousel-item>div {
  height: 100%;
}

div#carouselExampleIndicators .carousel-inner {
  overflow: hidden;
  height: 760px;
}

div#carouselExampleIndicators .carousel-item {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

figure.gallery__thumb {
  height: 271px;
}

figure.gallery__thumb img {
  height: 100% !important;
  object-fit: cover;
}

figure.posts__thumb img {
  height: 100% !important;
  width: auto !important;
  max-width: inherit !important;
  width: 100% !important;
  object-fit: cover !important;
}

@media (max-width: 1024px) {
  div#carouselExampleIndicators .carousel-inner {
    overflow: hidden;
    height: 470px;
  }
}

@media (max-width: 480px) {
  a.btn.btn-default.btn-outline.btn-sm.card-header__button {
    width: 100%;
  }
  li.info-block__item.info-block__item--contact-primary a {
    text-align: center;
  }
  ul.logos-li li {
    margin: 5px 0;
  }
  .gallery__item.col-6.col-sm-4 {
    width: 100% !important;
    flex: 100%;
    max-width: 100%;
  }
  div#carouselExampleIndicators .carousel-inner {
    overflow: hidden;
    height: 318px !important;
  }
  a.group img {
    width: 100% !important;
    object-fit: cover;
  }
  .sponsors-logos .col-md-2 {
    margin-bottom: 17px;
  }
}

.team-meta__logo img {
  height: 100%;
  width: auto;
}

.team-meta__logo {
  padding: 0;
}

.posts__item--card .posts__date+.posts__title {
  margin-top: 0px;
}

div#matches-standings * {
  text-align: right !important;
}

div#matches-standings td,
div#matches-standings th {
  padding: 6px 20px !important;
}

.table>tbody+tbody {
  border-top: 1px solid #e4e7ed;
}

.team-meta__logo img {
  height: 100%;
  width: auto;
  display: block;
}

.album__item-holder {
  height: 100%;
}

a.album__item-link.mp_gallery {
  height: 100%;
}

figure.album__thumb {
  height: 100%;
}

figure.album__thumb img {
  height: 100% !important;
  object-fit: cover;
}

.icon-user,
.icon-people,
.icon-user-female,
.icon-user-follow,
.icon-user-following,
.icon-user-unfollow,
.icon-login,
.icon-logout,
.icon-emotsmile,
.icon-phone,
.icon-call-end,
.icon-call-in,
.icon-call-out,
.icon-map,
.icon-location-pin,
.icon-direction,
.icon-directions,
.icon-compass,
.icon-layers,
.icon-menu,
.icon-list,
.icon-options-vertical,
.icon-options,
.icon-arrow-down,
.icon-arrow-left,
.icon-arrow-right,
.icon-arrow-up,
.icon-arrow-up-circle,
.icon-arrow-left-circle,
.icon-arrow-right-circle,
.icon-arrow-down-circle,
.icon-check,
.icon-clock,
.icon-plus,
.icon-minus,
.icon-close,
.icon-event,
.icon-exclamation,
.icon-organization,
.icon-trophy,
.icon-screen-smartphone,
.icon-screen-desktop,
.icon-plane,
.icon-notebook,
.icon-mustache,
.icon-mouse,
.icon-magnet,
.icon-energy,
.icon-disc,
.icon-cursor,
.icon-cursor-move,
.icon-crop,
.icon-chemistry,
.icon-speedometer,
.icon-shield,
.icon-screen-tablet,
.icon-magic-wand,
.icon-hourglass,
.icon-graduation,
.icon-ghost,
.icon-game-controller,
.icon-fire,
.icon-eyeglass,
.icon-envelope-open,
.icon-envelope-letter,
.icon-bell,
.icon-badge,
.icon-anchor,
.icon-wallet,
.icon-vector,
.icon-speech,
.icon-puzzle,
.icon-printer,
.icon-present,
.icon-playlist,
.icon-pin,
.icon-picture,
.icon-handbag,
.icon-globe-alt,
.icon-globe,
.icon-folder-alt,
.icon-folder,
.icon-film,
.icon-feed,
.icon-drop,
.icon-drawer,
.icon-docs,
.icon-doc,
.icon-diamond,
.icon-cup,
.icon-calculator,
.icon-bubbles,
.icon-briefcase,
.icon-book-open,
.icon-basket-loaded,
.icon-basket,
.icon-bag,
.icon-action-undo,
.icon-action-redo,
.icon-wrench,
.icon-umbrella,
.icon-trash,
.icon-tag,
.icon-support,
.icon-frame,
.icon-size-fullscreen,
.icon-size-actual,
.icon-shuffle,
.icon-share-alt,
.icon-share,
.icon-rocket,
.icon-question,
.icon-pie-chart,
.icon-pencil,
.icon-note,
.icon-loop,
.icon-home,
.icon-grid,
.icon-graph,
.icon-microphone,
.icon-music-tone-alt,
.icon-music-tone,
.icon-earphones-alt,
.icon-earphones,
.icon-equalizer,
.icon-like,
.icon-dislike,
.icon-control-start,
.icon-control-rewind,
.icon-control-play,
.icon-control-pause,
.icon-control-forward,
.icon-control-end,
.icon-volume-1,
.icon-volume-2,
.icon-volume-off,
.icon-calendar,
.icon-bulb,
.icon-chart,
.icon-ban,
.icon-bubble,
.icon-camrecorder,
.icon-camera,
.icon-cloud-download,
.icon-cloud-upload,
.icon-envelope,
.icon-eye,
.icon-flag,
.icon-heart,
.icon-info,
.icon-key,
.icon-link,
.icon-lock,
.icon-lock-open,
.icon-magnifier,
.icon-magnifier-add,
.icon-magnifier-remove,
.icon-paper-clip,
.icon-paper-plane,
.icon-power,
.icon-refresh,
.icon-reload,
.icon-settings,
.icon-star,
.icon-symbol-female,
.icon-symbol-male,
.icon-target,
.icon-credit-card,
.icon-paypal,
.icon-social-tumblr,
.icon-social-twitter,
.icon-social-facebook,
.icon-social-instagram,
.icon-social-linkedin,
.icon-social-pinterest,
.icon-social-github,
.icon-social-google,
.icon-social-reddit,
.icon-social-skype,
.icon-social-dribbble,
.icon-social-behance,
.icon-social-foursqare,
.icon-social-soundcloud,
.icon-social-spotify,
.icon-social-stumbleupon,
.icon-social-youtube,
.icon-social-dropbox,
.icon-social-vkontakte,
.icon-social-steam {
  font-family: 'simple-line-icons' !important;
}

.post__content h1 {
  line-height: 74px;
}

.card.card--clean.padd-12 {
  padding: 0 8px;
}

.padd-12>div>div>.card__content {
  padding: 12px 0;
}

.pdf-file>div {
  padding: 64px;
  background: white;
}

.pdf-file {
  margin-bottom: 20px;
}

.pdf-file a>div {
  display: inline-block;
  margin-left: 10px;
}

.mfp-wrap.mfp-gallery.mfp-close-btn-in.mfp-auto-cursor.mfp-fade.mfp-ready {
  z-index: 9999999999999999999999999999999 !important;
}

.icon-arrow-down-circle {
  display: inline-block;
}

.pdf-file>div {
  border: 1px solid #eaeaea;
  max-height: 252px;
}

.pdf-file>div {
  border: 1px solid #eaeaea;
}

.pdf-file>div:hover {
  background: #1b2763;
  border: 1px solid transparent;
}

.pdf-file>div:hover * {
  color: white !important;
}

.pdf-file.col-md-6 a {
  color: #4e4e4e;
}

.page-heading {
  background-position-x: -150px !important;
}

.dummy-logo {
  background: white;
}

a.Opta-MatchLink.Opta-Ext {
    color: black;
    text-decoration: underline;
  font-size: 12px;
}

table.Opta-Crested tbody.Opta-fixture td.Opta-Nest {
    display: none;
}

@media only screen and (max-width: 991px) {
  .main-nav .main-nav__back {
    background-size: contain;
    width: 21px;
    margin: 13px 27px 0 0;
  }
  .header-mobile__logo-img {
    width: 77px;
  }
  .main-nav .header-mobile__logo {
    padding: 0;
  }
}

.carousel-caption.d-none.d-md-block {
  display: block !important;
}

a.slider-title p {
  display: none;
}

a.slider-title {
  height: 100%;
}

a.slider-title h1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  line-height: 1.7;
}

.carousel-caption {
  height: 100%;
  top: 0% !important;
}

.soon-img {
  width: 50%;
  margin: auto;
  display: block;
}

body {
  color: #0c0c0c;
  font-size: 19px;
  line-height: 28px;
}

/**custom**/

@media screen and (max-width: 400px) {
  label {
    padding: 15px;
  }
}

main section {
  display: none;
  padding: 20px 0 0;
  border-top: 0;
}

.next-match-bg {
  background-image: url(../images/Thumb.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

main label {
  background: #1b2763;
  color: white;
  padding: 15px 32px;
}

input:checked+label {
  background: white;
}

input:checked+label {
  background: #ffffff;
  color: #090f2d;
}

.next-match-bg * {
  color: #090f2d;
}

.match-preview__match-info {
  font-size: 16px;
  line-height: 2.2em;
}

.match-preview__date {
  font-size: 14px;
}

@media (min-width: 480px) {
  .card.card--clean>.card__content {
    background: white;
  }
}


.match-score {
  width: 140px;
  margin: 0 auto;
  overflow: hidden;
}

.top-score {
  background: #090f2d;
  padding: 5px 10px;
  color: #ffffff;
  font-weight: bold;
}

.top-score span {
  color: #FFF !important;
}

.score-game {
  background: #FF3333;
  padding: 15px 10px;
  color: #FFF;
  font-size: 22px;
  font-weight: bold;
}

.score-game>span {
  color: #FFF;
}

.table-stats .table-bordered {
  border: none;
}

.table-stats .table>thead>tr>th,
.table-stats .table>thead>tr>td,
.table-stats .table>tbody>tr>th,
.table-stats .table>tbody>tr>td,
.table-stats .table>tfoot>tr>th,
.table-stats .table>tfoot>tr>td {
  font-family: 'Jannat-r', sans-serif;
}

.table-stats .table-bordered thead th,
.table-stats .table-bordered thead td,
.table-stats .table-bordered tbody th,
.table-stats .table-bordered tbody td {
  border-right: none;
  border-left: none;
}

.table-stats .table-bordered tbody td {
  font-size: 18px;
  padding: 7px;
}

.table-stats .table-bordered tbody td:first-of-type {
  text-align: left;
}

.table-stats .table-bordered tbody td:nth-child(2) {
  text-align: center;
}

.table-stats .table-bordered thead th:last-of-type {
  text-align: right;
}

.table-stats .table-bordered tbody td.heigh-score:first-of-type,
.table-stats .table-bordered tbody td.heigh-score:last-of-type {
  color: #FF3333;
  font-weight: bold;
}

.table-stats figure.match-preview__team-logo,
.club-prime figure.match-preview__team-logo {
  height: 50px;
}

.table-stats figure.match-preview__team-logo img,
.club-prime figure.match-preview__team-logo img {
  height: 50px !important;
}

.table-stats .table-bordered thead th figure,
.table-stats .table-bordered thead th h5 {
  display: inline-block;
}

.club-prime,
.line-holder {
  display: flex;
  display: -ms-flex;
}

.line-holder {
  align-items: center;
}

.line-holder .progress {
  height: 18px;
  width: calc(100% - 10px - 13px);
  margin-bottom: 0;
  top: 0;
}

.line-holder .progress-bar {
  background-color: #6699CC;
  padding-top: 2px;
}

.line-holder .form-group {
  margin-bottom: 0;
  margin-left: 10px;
}

.line-holder input {
  display: block;
  cursor: pointer;
}

.line-big {
  margin-top: 20px;
}

.line-big h5 {
  width: 100%;
  margin-bottom: 10px;
  color: #090f2d;
  font-size: 18px;
}

.right-lines .form-group {
  margin-left: 0;
  margin-right: 10px;
}

.right-lines h5 {
  text-align: left;
}

.right-lines .progress {
  direction: ltr;
}

.clubs-scores h6,
.clubs-scores p {
  color: #090f2d;
  margin: 0;
}

.clubs-scores p b {
  margin-left: 10px;
}

.clubs-scores h1 {
  color: #FF3333;
  padding: 0;
  margin: 30px 0;
  font-size: 60px;
  font-weight: bold;
}

.right-lines {
  text-align: left;
}

.club-lines input[type=submit],
.club-lines input[type=button] {
  margin-top: 15px;
  display: inline-block;
}

.show-sm {
  display: none !important;
}

.hide-sm {
  display: inline-block !important;
}

.squadHeader {
  text-align: center;
  font-weight: 300;
  color: #76766f;
  margin-bottom: 3rem;
  margin-top: 2rem;
}

.tooltipContainer,
.visuallyHidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.squadHeader .position {
  margin-bottom: .5rem;
  color: #090f2d;
  font-weight: bold;
}

.squadHeader strong {
  color: #FF3333;
  margin-right: 5px;
}

.positionHeader {
  margin-top: 2rem;
  color: #090f2d;
}

.positionHeader,
.substituteHeader {
  margin: 4rem 0 1rem;
}

.squadList {
  padding: 0;
  list-style: none !important;
}

.player {
  list-style: none !important;
}

.player a {
  display: block;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #e8e8e8;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.3rem;
  padding-top: .3rem;
  line-height: 1.5rem;
  text-decoration: none;
  color: #242424;
}

.player .number {
  color: #76766f;
  width: auto;
  font-size: 14px;
}

.tooltipContainer,
.visuallyHidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.player .line-fig {
  width: 50px;
  height: 50px;
  overflow: hidden;
  border-radius: 50% !important;
  margin: 0 1.5rem;
}

.player .img {
  width: 50px;
  height: 50px;
  object-fit: cover;
  object-position: center;
}

.player .name {
  font-weight: 400;
  transition: .2s;
  display: -ms-flexbox;
  display: flex;
  font-size: 18px;
}

.nationality {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.1rem;
  height: 1.8rem;
  margin-left: -.4rem;
}

.nationality .flag {
  transform: scale(.6);
}

.nationality .playerCountry {
  font-weight: 400;
  font-size: 14px;
}

.right-line-up .player a {
  flex-direction: row-reverse;
}

.right-line-up .positionHeader,
.right-line-up .substituteHeader {
  text-align: left;
}

.right-line-up .info {
  text-align: left;
  direction: ltr;
}

.pitch-player {
  margin-top: 141px;
}

.pitch-player .match-preview__team-logo {
  height: 50px;
}

.squads .pitch {
  position: relative;
  color: #fff;
}

.squads .pitch img {
  display: block;
  width: 100%;
}

.squads .team {
  position: absolute;
  left: 0;
  right: 0;
  height: 48%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem 0;
}

.squads .team.home {
  top: 0;
}

.squads .team.away {
  bottom: 0;
}

.squads .team.away {
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.pitch .row {
  justify-content: space-around;
}

.squads .pitch .pos {
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  border-radius: 50% !important;
  border: 1px solid #fff;
  font-size: 12px;
  box-shadow: 0 0 5px rgba(0, 0, 0, .6);
}

.t97-bg,
.t8949-bg,
.t8962-bg {
  background: #035daa!important;
  color: #fff!important;
}

.t4-bg,
.t7603-bg,
.t7609-bg {
  background: #383838!important;
  color: #fff!important;
}

.nationality .flag-icon {
  margin-left: 5px;
}

.right-line-up .nationality .flag-icon {
  margin-left: 0;
  margin-right: 5px;
}

.pitch-player .match-preview__team-logo {
  margin: 10px 0 !important;
}

#content1 .twitter-w {
  height: 270px !important;
}

.news-tab .post-grid__item {
  position: static !important;
  float: none !important;
}

.news-border .posts__item--card,
.news-border .posts__item--card {
  background: #f9f9f9;
}

.finished-match .container-fluid>.row:not('.row-em') [class*=col] {
  padding-right: 0;
  padding-left: 0;
}

.finished-match .container-fluid>.row .col-lg-3 {
  background: #fbfbfb;
  padding-right: 0;
  padding-left: 0;
}

.list-none {
  list-style: none;
  padding: 0;
  margin: 0;
}

.side-nav-match {
  padding: 15px 0;
}

.side-nav-match ul>li>a {
  color: #040c33;
  display: block;
  padding: 10px 15px;
  font-size: 16px;
  position: relative;
  border-bottom: 1px solid #ffffff;
  background: #e2e2e2;
}

.side-nav-match ul>li>a:before {
  content: "\f053";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 12;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translate(0, -50%);
  opacity: 0.5;
  transition: all 0.2s ease;
}

.side-nav-match ul>li>a:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: -30px;
  height: 100%;
  width: 5px;
  background: #0c143a;
  opacity: 1;
  transition: all 0.2s ease;
}

.side-nav-match ul>li>a:hover:after,
.side-nav-match ul>li>a:focus:after,
.side-nav-match ul>li>a.active:after {
  opacity: 1;
  right: 0;
}

.side-nav-match ul>li>a:hover:before,
.side-nav-match ul>li>a:focus:before,
.side-nav-match ul>li>a.active:before {
  opacity: 1;
}

.side-nav-match ul>li>a:hover,
.side-nav-match ul>li>a:focus,
.side-nav-match ul>li>a.active {
  background: #090f2d;
}

.finished-content {
  margin: 20px;
}

.club-item {
  position: relative;
  background: #090f2d;
  overflow: hidden;
  margin-bottom: 25px;
}

.club-item::before {
  content: url(../images/st-5-img.svg);
  display: block;
  position: absolute;
  width: 50%;
  height: 21%;
  top: 88px;
  left: 0px;
  bottom: 0;
}

.clr-red,
.clr-red::after,
.clr-red::before {
  background: #FF3333;
}

.clr-red a {
  background: rgba(9, 15, 45, 0.2);
  border-color: #FF3333;
}

.clr-blue,
.clr-blue::after,
.clr-blue::before {
  background: var(--blue);
}

.clr-blue a {
  background: rgba(9, 15, 45, 0.2);
  border-color: var(--blue);
}

.clr-yellow,
.clr-yellow::after,
.clr-yellow::before {
  background: var(--warning);
}

.clr-yellow a {
  background: rgba(9, 15, 45, 0.2);
  border-color: var(--warning);
}

.club-land {
  width: 100%;
  margin: 0;
  height: 55px;
  overflow: hidden;
}

.club-land img {
  width: 100%;
  height: 55px;
  object-fit: cover;
  object-position: center;
}

.club-logo {
  width: 70px;
  height: 70px;
  background: #FFF;
  border-radius: 50% !important;
  margin-right: auto;
  margin-left: auto;
  margin-top: -36px;
  position: relative;
  z-index: 9;
  overflow: hidden;
  padding: 15px;
  margin-bottom: 0;
}

.club-info strong {
  font-size: 22px;
}

.club-logo img {
  width: 100%;
  height: 41px;
  object-fit: contain;
}

.club-info {
  text-align: center;
  color: #FFF;
  position: relative;
  z-index: 8;
}

.club-info strong {
  display: inline-block;
  margin-top: 15px;
  font-size: 16px;
  margin-bottom: 10px;
}

.club-info p {
  font-size: 14px;
}

.club-info p img {
  max-width: 15px;
  margin-left: 5px;
}

.single-club .match-preview__team {
  float: none !important;
  width: 100% !important;
}

.single-club .team-logo {
  max-width: 100%;
  height: 200px !important;
  text-align: right;
}

.single-club .team-logo>img {
  height: 200px !important;
  object-fit: contain;
}

.single-club .match-preview__team .media-body,
.single-club .match-preview__team .media-body h1,
.single-club .match-preview__team .media-body p,
.single-club .match-preview__team .media-body ul li,
.single-club .match-preview__team .media-body ol li,
.single-club .match-preview__team .media-body ul li span,
.single-club .match-preview__team .media-body ul li a,
.single-club .match-preview__team .media-body ul li b,
.single-club .match-preview__team .media-body ul li i {
  text-align: right !important;
  color: #FFF !important;
}

.single-club .match-preview__team .media h1 {
  padding: 0;
  margin-bottom: 10px;
  font-size: 40px;
  display: inline-block;
}

.single-club .match-preview__team .media ul li {
  margin-top: 10px;
  color: #090f2d;
  font-weight: bold;
}

.single-club .match-preview__team .media ul li img {
  width: 15px;
}

.single-club .match-preview__team .media p {
  margin-top: 20px;
}

.single-club .match-preview__team .media p a {
  display: inline-block;
  padding: 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #FFF;
  color: #090f2d;
  font-size: 16px;
  border-radius: 6px !important;
}

.sinle-club-page .next-match-bg {
  background: url(../images/Riverside_Brighton_169_0.jpg) no-repeat left center #090F2D;
  background-size: cover;
  overflow: hidden;
  position: relative;
}

.main-tabs-match {
  position: relative;
  z-index: 99;
}

.player-item-in {
  position: relative;
  border: 1px solid #efefef;
  margin-bottom: 20px;
}

.player-hed {
  background: url("../images/Thumb.png");
  padding: 15px 10px;
  text-align: center;
}

.item-player-img {
  width: 120px;
  height: 120px;
  margin: 0 auto;
  border-radius: 50% !important;
  position: relative;
}

.item-player-img img {
  width: 120px;
  height: 120px;
  object-fit: cover;
  object-position: center;
  border-radius: 50% !important;
}

.player-num {
  width: 40px;
  height: 40px;
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translate(-50%, 0);
  background: #6699cc;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
  color: #FFF;
  border-radius: 50% !important;
}

.player-hed h5 {
  margin-top: 35px;
  color: #090f2d;
}

.player-hed p {
  color: #090f2d;
  margin: 0;
}

.player-body ul {
  /* margin-bottom: 20px; */
}

.player-body ul li {
  padding: 5px 10px;
  border-bottom: 1px solid #f7f7f7;
  font-size: 12px;
}

.player-body ul li span {
  font-size: 12px;
}

.player-body a {
  /* margin: 10px; */
}

.stat-item {
  background: #FFF;
  border: 1px solid #f4f4f4;
  border-top: 3px solid #FF3333;
  padding: 15px;
  text-align: center;
  margin-bottom: 25px;
}

.stat-item strong {
  color: #090f2d;
  font-size: 20px;
}

.stat-item h3 {
  font-size: 18px;
  margin-top: 10px;
  margin-bottom: 0;
}

.stat-item ul li {
  padding: 5px 7px;
  border-bottom: 1px solid #f4f4f4;
}

.stat-item ul li:last-child {
  border: none;
}

.stat-item ul li span {
  font-size: 12px;
}

.borddr-me {
  border-top: 3px solid #090f2d;
  padding: 0;
}

.borddr-me strong {
  margin-top: 15px;
  display: inline-block;
}

.player-number {
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 10px;
  font-weight: bold;
}

.player-image {
  border-radius: 50% !important;
  position: relative;
}

.player-image img {
  border-radius: 50% !important
}

.club-logo1 {
  position: absolute;
  width: 70px;
  height: 70px;
  bottom: -30px;
  left: 50%;
  transform: translate(-50%, 0);
  border-radius: 50%;
  overflow: hidden;
  padding: 0;
}

.club-logo1 img {
  width: 70px !important;
  height: 70px !important;
  object-fit: contain;
  object-position: center;
}

.single-player-page .match-preview__team,
.sinle-club-page .match-preview__team {
  overflow: visible;
  position: relative;
  z-index: 9;
}

.player-state img {
  width: 20px;
  margin-left: 5px;
}

.player-details>.row [class*=col] {
  padding: 10px;
  border-left: 3px solid #f4f5f9;
}

.player-details>.row [class*=col]:last-of-type {
  border: none;
}

.personal-info ul li {
  padding: 5px 3px;
}

.manager-image {
  position: relative;
  border-radius: 50% !important;
}

.manager-image>img {
  object-fit: cover !important;
  object-position: center;
  border-radius: 50% !important;
}

.top-num-big {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 7;
  color: #FFF;
  font-size: 27rem;
  height: 100%;
  transform: translate(0, -50%);
  line-height: 100%;
  font-weight: bold;
}

.stad-info {
  background: #090f2d;
  display: table-cell;
  vertical-align: middle;
  padding: 20px 60px 20px 20px;
  color: #FFF;
}

.stad-info p {
  font-size: 20px;
}

.stad-play-land {
  position: relative;
  overflow: hidden;
}

.stad-play-land figure {
  width: 100%;
  height: 300px;
  overflow: hidden;
}

.stad-play-land figure img {
  height: 300px;
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.stad-content .container>.row [class*=col] {
  padding: 0;
  background-color: #090f2d;
}

.stad-position h4 {
  margin-bottom: 5px;
  font-weight: bold;
}

#map {
  height: 400px;
}

.w-20 {
  width: 50px;
}

.style-img {
  position: absolute;
  top: -1px;
  right: -1px;
  height: 100%;
  width: auto;
}

.style-img img,
.style-img svg {
  height: 100%;
  width: auto;
}

.table-stats12.table>tbody>tr>td {
  font-size: 14px;
  padding: 10px !important;
  font-family: 'Jannat-r';
  color: #090f2d;
}

.table-stats12.table>tbody>tr>td a {
  color: #090f2d;
}

.table-stats12.table>thead>tr>th {
  text-align: right !important;
}

.cards-list li {
  display: inline-block;
  margin-left: 10px;
  position: relative;
}

.num-card {
  margin-right: 18px;
}

.card-clrs {
  display: inline-block;
  width: 13px;
  height: 20px;
  background: #090f2d;
  border-radius: 2px !important;
  position: absolute;
  top: 0;
  right: 0;
}

.yellow-card {
  background: var(--yellow);
}

.red-card {
  background: var(--red);
}

.stop-table tbody tr td:last-of-type {
  width: 52%;
}

.card__header {
  border-bottom: 1px solid #f4f5f9;
}

.table>thead>tr>th,
.table>thead>tr>td,
.table>tbody>tr>th,
.table>tbody>tr>td,
.table>tfoot>tr>th,
.table>tfoot>tr>td {
  border-top: 0 !important;
  border-bottom: 1px solid #f4f5f9 !important;
}

.posts__item--card .posts__footer {
  border-top: 1px solid #f4f5f9;
}

.inn-logo-cont {
  border-radius: 4px;
}

ul.logos-li li {
  margin: 0 32px;
  border: 1px solid #f4f5f9;
  border-radius: 4px;
}

.card__header::before {
  background-color: #66cc33;
}

.incomming-match-body .on-going-span,
.incomming-match-body .finished-span,
.incomming-match-body .match-score,
.incomming-match-body .match-stats-dis {
  display: none;
}

.ongoing-match-body .finished-span,
.ongoing-match-body .incomming-span,
.ongoing-match-body .time-match-dis,
.ongoing-match-body .match-voting-tab {
  display: none;
}

.ongoing-match-body .match-score,
.finished-match-body .match-score {
  display: block;
}

.finished-match-body .on-going-span,
.finished-match-body .incomming-span,
.finished-match-body .time-match-dis,
.finished-match-body .match-voting-tab {
  display: none;
}

.legue-table .table {
  border: 1px solid #f4f4f4;
}

.legue-table .table thead tr {
  background: #f4f4f4;
}

.legue-table .table tbody tr:hover,
.legue-table .table tbody tr:focus {
  background: #090f2d;
}

.legue-table .team-meta {
  padding-right: 10px;
}

.row.m-row:hover span.match-time,
.row.m-row:focus span.match-time {
  color: #090f2d;
}

ul.list-none img {
  margin-left: 21px;
  width: 18px !important;
}

.sr-procvaltext__component-label.sr-procvaltext__component-label-small span {
  font-size: 12px !important;
}

.sr-teammatchaverages__conversion-title.srt-icon {
  display: block;
  margin-bottom: 20px;
  float: none !important;
  color: black;
  opacity: 1;
}

.sr-rtl.sr-bb .sr-dualaveragechart__average-label {
  text-align: right;
}

ul.list-none img .sr-bb .sr-dualaveragechart__bar-value {
  position: unset !important;
}

.sr-bb .sr-teammatchaverages .sr-dualaveragechart__chart-container {
  height: unset !important;
}

.sr-bb .sr-dualaveragechart__chart {
  height: unset !important;
}

.sr-rtl.sr-bb .sr-dualaveragechart__bar-value {
  right: auto;
  left: 0;
}

.sr-dualaveragechart__bar.srt-primary-9 {
  transform: unset !important;
}

ul.list-none li:last-child {
  border-bottom: 1px solid #ffffff;
  padding-bottom: 7px;
  width: fit-content;
}

@media (min-width: 992px) {
  .offset-lg-2 {
    margin-right: 16.66667%;
  }
}

@media (max-width: 550px) {
  figure.team-logo {
    display: flex !important;
    justify-content: center;
    align-items: center !important;
  }
  .match-score {
    width: 100%;
  }
  .top-score {
    font-size: 14px;
  }
  .match-preview__team .match-preview__team-logo {
    height: 80px !important;
  }
  .table-stats figure.match-preview__team-logo,
  .club-prime figure.match-preview__team-logo,
  .table-stats figure.match-preview__team-logo img,
  .club-prime figure.match-preview__team-logo img {
    height: 40px !important;
  }
  .show-sm {
    display: block !important;
  }
  .hide-sm {
    display: none !important;
  }
  .d-block-me {
    display: block !important;
  }
  .match-preview__vs {
    padding-top: 0;
  }
  section#content1,
  section#content2,
  section#content3,
  section#content4,
  section#content5 {
    padding-top: 20px;
  }
  main label {
    width: 49%;
    margin-bottom: 4px;
  }
  .ml-sm-auto {
    margin-left: auto !important;
  }
  .mr-sm-auto {
    margin-right: auto !important;
  }
}

@media (max-width: 991px) {
  .footer-secondary--has-decor .footer-secondary__inner::before,
  .footer-secondary--has-decor .footer-secondary__inner::after {
    display: none;
  }
  .club-prime {
    justify-content: center !important;
  }
  .clubs-scores {
    margin: 20px 0;
  }
  .right-lines,
  .right-lines h5 {
    text-align: right;
  }
  .right-lines .progress {
    direction: rtl;
  }
  .right-lines .line-holder {
    flex-direction: row-reverse;
  }
  .right-lines .line-holder .form-group {
    margin-right: 0;
    margin-left: 10px;
  }
  .club-prime figure.match-preview__team-logo,
  .club-prime figure.match-preview__team-logo img {
    height: 40px !important;
  }
  main label {
    padding: 15px 30px;
  }
  .pitch-player {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .pitch-player .match-preview__team-logo {
    height: 50px !important;
  }
  .right-line-up .player a {
    flex-direction: row;
  }
  .right-line-up .positionHeader,
  .right-line-up .substituteHeader,
  .right-line-up .info {
    text-align: right;
    direction: rtl;
  }
  .style-img {
    display: none;
  }
  .carousel-caption h1 {
    padding: 0;
  }
}

@media (max-width: 768px) {
  .post__content>h1 {
    font-size: 22px;
    line-height: 1.6 !important;
  }
  .table-responsive {
    display: block;
    width: 100%;
    overflow-x: scroll;
    overflow-y: scroll;
  }
  .carousel-caption {
    display: none;
  }
}

@media (max-width: 425px) {
  .media {
    display: block;
    text-align: center !important;
  }
  .single-club .match-preview__team .media-body,
  .single-club .match-preview__team .media-body h1,
  .single-club .match-preview__team .media-body p,
  .single-club .match-preview__team .media-body ul li,
  .single-club .match-preview__team .media-body ol li,
  .single-club .match-preview__team .media-body ul li span,
  .single-club .match-preview__team .media-body ul li a,
  .single-club .match-preview__team .media-body ul li b,
  .single-club .match-preview__team .media-body ul li i {
    text-align: center !important;
  }
  .single-club .match-preview__team .media-body h1 {
    margin-top: 15px !important;
    display: inline-block;
  }
  .single-club .match-preview__team .media figure {
    margin: 0 auto;
  }
  .single-club .match-preview__team .media figure.manager-image,
  .single-club .match-preview__team .media figure.player-image {
    margin: 0 auto 50px auto !important;
    display: block;
  }
}

@media (max-width: 768px) and (min-width: 499px) {
  .club-item {
    width: 75%;
    margin-right: auto;
    margin-left: auto;
  }
}

@media (max-width: 768px) {
  .ongoing-page .squadHeader .match-preview__team-logo {
    width: 100%;
    float: none;
  }
  .ongoing-page .squadHeader .match-preview__team-logo img {
    height: 120px;
  }
}

label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 7px 0px;
  font-weight: 600;
  text-align: center;
  border: 1px solid transparent;
}

.webform-confirmation {
    flex-basis: 100% !important;
    text-align: center;
}

textarea {
    border-color: gainsboro;
}

label:before {
  font-family: fontawesome;
  font-weight: normal;
  margin-right: 10px;
}

label[for*='1']:before {
  content: '\f1cb';
}

label[for*='2']:before {
  content: '\f17d';
}

label[for*='3']:before {
  content: '\f16b';
}

label[for*='4']:before {
  content: '\f1a9';
}

label:hover {
  cursor: pointer;
}

input:checked+label {
  color: #555;
  border: 1px solid #ddd;
  border-top: 2px solid orange;
  border-bottom: 1px solid #fff;
}

#tab1:checked~#content1,
#tab2:checked~#content2,
#tab3:checked~#content3,
#tab4:checked~#content4,
#tab5:checked~#content5,
#tab6:checked~#content6{
  display: block;
}

@media screen and (max-width: 650px) {
  label {
    font-size: 0;
  }
  label:before {
    margin: 0;
    font-size: 18px;
  }
}

@media screen and (max-width: 400px) {
  label {
    padding: 15px;
  }
}

main.main-tabs-match label:before {
  display: none;
}

main.main-tabs-match input {
  display: none;
}

input:checked+label {
  background: #ffffff;
  color: #090f2d;
}

label {
  font-size: 14px !important;
}

ul.logos-li li {
  margin: 0 32px;
  border: 1px solid #f4f5f9;
  border-radius: 4px;
}

ul.logos-li li img {
  margin: 0 !important;
  height: 134px;
  width: 100%;
  object-fit: contain;
  object-position: center;
}

ul.logos-li {
  margin: auto;
  padding: 0;
  display: inline-flex;
}

@media (max-width: 600px) {
  ul.logos-li li {
    padding: 20px;
    margin: 10px 0;
  }
}

.sr-bb .sr-match-header-horizontal__container {
  ;
  padding: 58px 16px;
}

/*SportRadar Widget Style - Please Don't Modify */

@import url("//fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&subset=latin,latin-ext");
.sr-bb {
  font-family: "Roboto", "Noto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  background: none
}

.sr-bb .sr-bb {
  background: none
}

.sr-bb .srt-base-1 {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.82);
  border-color: rgba(0, 0, 0, 0.12)
}

.sr-bb .srt-base-1-is-active {
  background-color: #e2e3e7;
  color: rgba(0, 0, 0, 0.82);
  border-color: rgba(0, 0, 0, 0.12)
}

.sr-bb .srt-base-1-is-active-2 {
  background-color: #e6e6e6;
  color: rgba(0, 0, 0, 0.82);
  border-color: rgba(0, 0, 0, 0.12)
}

.sr-bb .srt-base-1-is-hoverable:hover {
  background-color: #e2e3e7;
  color: rgba(0, 0, 0, 0.82);
  border-color: rgba(0, 0, 0, 0.12)
}

.sr-bb .srt-base-1-primary {
  background-color: #fff;
  color: #0f1737;
  border-color: #0f1737
}

.sr-bb .srt-base-1-home-1 {
  background-color: #fff;
  color: #0f1737;
  border-color: #0f1737
}

.sr-bb .srt-base-1-away-1 {
  background-color: #fff;
  color: #63687d;
  border-color: #63687d
}

.sr-bb .srt-base-1-home-2 {
  background-color: #fff;
  color: #0f1737;
  border-color: #090d20
}

.sr-bb .srt-base-1-away-2 {
  background-color: #fff;
  color: #63687d;
  border-color: #090d20
}

.sr-bb .srt-base-1-home-3 {
  background-color: #fff;
  color: #0f1737;
  border-color: rgba(0, 0, 0, 0.12)
}

.sr-bb .srt-base-1-away-3 {
  background-color: #fff;
  color: #63687d;
  border-color: rgba(0, 0, 0, 0.12)
}

.sr-bb .srt-base-1-home-4 {
  background-color: #fff;
  color: #575d73;
  border-color: #575d73
}

.sr-bb .srt-base-1-away-4 {
  background-color: #fff;
  color: #9295a4;
  border-color: #9295a4
}

.sr-bb .srt-base-1-home-5 {
  background-color: #fff;
  color: #0a0f24;
  border-color: #0a0f24
}

.sr-bb .srt-base-1-away-5 {
  background-color: #fff;
  color: #404451;
  border-color: #404451
}

.sr-bb .srt-base-1-background {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.82);
  border-color: rgba(0, 0, 0, 0.12)
}

.sr-bb .srt-base-2 {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.82);
  border-color: rgba(0, 0, 0, 0.12)
}

.sr-bb .srt-base-2-is-active {
  background-color: #e2e3e7;
  color: rgba(0, 0, 0, 0.82);
  border-color: rgba(0, 0, 0, 0.12)
}

.sr-bb .srt-base-2-is-hoverable:hover {
  background-color: #e2e3e7;
  color: rgba(0, 0, 0, 0.82);
  border-color: rgba(0, 0, 0, 0.12)
}

.sr-bb .srt-base-3 {
  background-color: #e2e3e7;
  color: rgba(0, 0, 0, 0.82);
  border-color: rgba(0, 0, 0, 0.12)
}

.sr-bb .srt-base-3-is-active {
  background-color: #d9dadf;
  color: rgba(0, 0, 0, 0.82);
  border-color: rgba(0, 0, 0, 0.12)
}

.sr-bb .srt-base-3-is-hoverable:hover {
  background-color: #d9dadf;
  color: rgba(0, 0, 0, 0.82);
  border-color: rgba(0, 0, 0, 0.12)
}

.sr-bb .srt-base-3-background {
  background-color: #e2e3e7;
  color: rgba(0, 0, 0, 0.82);
  border-color: rgba(0, 0, 0, 0.12)
}

.sr-bb .srt-base-4 {
  background-color: #f3f3f5;
  color: rgba(0, 0, 0, 0.82);
  border-color: rgba(0, 0, 0, 0.12)
}

.sr-bb .srt-base-5-is-active {
  background-color: #c1c3cb;
  color: rgba(0, 0, 0, 0.82);
  border-color: rgba(0, 0, 0, 0.12)
}

.sr-bb .srt-base-5-is-hoverable:hover {
  background-color: #c1c3cb;
  color: rgba(0, 0, 0, 0.82);
  border-color: rgba(0, 0, 0, 0.12)
}

.sr-bb .srt-primary-1 {
  background-color: #0f1737;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16)
}

.sr-bb .srt-primary-1-is-active {
  background-color: #0c122c;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16)
}

.sr-bb .srt-primary-1-is-hoverable:hover {
  background-color: #0c122c;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16)
}

.sr-bb .srt-primary-1-is-disabled {
  background-color: #1d2543;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16)
}

.sr-bb .srt-primary-2 {
  background-color: #0f1737;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16)
}

.sr-bb .srt-primary-3 {
  background-color: #0b1027;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16)
}

.sr-bb .srt-primary-4 {
  background-color: #0b1027;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16)
}

.sr-bb .srt-primary-5 {
  background-color: #63687d;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16)
}

.sr-bb .srt-primary-5-is-hoverable:hover {
  background-color: #0f1737;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16)
}

.sr-bb .srt-primary-6 {
  background-color: #0f1737;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16)
}

.sr-bb .srt-primary-7 {
  background-color: #0f1737;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16)
}

.sr-bb .srt-primary-8 {
  background-color: #0f1737;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16)
}

.sr-bb .srt-primary-8-is-active-1 {
  background-color: #0c122c;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16)
}

.sr-bb .srt-primary-8-is-active-2 {
  background-color: #0c122c;
  color: #fff;
  border-color: #fff
}

.sr-bb .srt-primary-9 {
  background-color: #b7b9c3;
  color: rgba(0, 0, 0, 0.82);
  border-color: rgba(0, 0, 0, 0.12)
}

.sr-bb .srt-primary-10 {
  background-color: #3f455f;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16)
}

.sr-bb .srt-primary-11 {
  background-color: #63687d;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16)
}

.sr-bb .srt-primary-12 {
  background-color: #0f1737;
  color: #fff;
  border-color: #fff
}

.sr-bb .srt-base-1-primary-1 {
  background-color: #fff;
  color: #0f1737;
  border-color: #0f1737
}

.sr-bb .srt-base-1-primary-2 {
  background-color: #fff;
  color: #0f1737;
  border-color: #0f1737
}

.sr-bb .srt-base-1-primary-3 {
  background-color: #fff;
  color: #0b1027;
  border-color: #0b1027
}

.sr-bb .srt-base-1-primary-4 {
  background-color: #fff;
  color: #0b1027;
  border-color: #0b1027
}

.sr-bb .srt-base-1-primary-5 {
  background-color: #fff;
  color: #63687d;
  border-color: #63687d
}

.sr-bb .srt-base-1-primary-6 {
  background-color: #fff;
  color: #0f1737;
  border-color: #0f1737
}

.sr-bb .srt-base-1-primary-7 {
  background-color: #fff;
  color: #0f1737;
  border-color: #0f1737
}

.sr-bb .srt-base-1-primary-8 {
  background-color: #fff;
  color: #0f1737;
  border-color: #0f1737
}

.sr-bb .srt-base-1-primary-9 {
  background-color: #fff;
  color: #b7b9c3;
  border-color: #b7b9c3
}

.sr-bb .srt-base-1-primary-10 {
  background-color: #fff;
  color: #3f455f;
  border-color: #3f455f
}

.sr-bb .srt-base-1-primary-11 {
  background-color: #fff;
  color: #63687d;
  border-color: #63687d
}

.sr-bb .srt-base-1-neutral-1 {
  background-color: #fff;
  color: #ccc;
  border-color: #ccc
}

.sr-bb .srt-base-1-neutral-2 {
  background-color: #fff;
  color: #1b1b1b;
  border-color: #1b1b1b
}

.sr-bb .srt-base-1-neutral-3 {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.12);
  border-color: rgba(0, 0, 0, 0.12)
}

.sr-bb .srt-base-1-neutral-4 {
  background-color: #fff;
  color: #595959;
  border-color: #595959
}

.sr-bb .srt-base-1-neutral-5 {
  background-color: #fff;
  color: #404040;
  border-color: #404040
}

.sr-bb .srt-base-1-neutral-6 {
  background-color: #fff;
  color: #c2c2c2;
  border-color: #c2c2c2
}

.sr-bb .srt-base-1-neutral-7 {
  background-color: #fff;
  color: #595959;
  border-color: #595959
}

.sr-bb .srt-base-1-neutral-8 {
  background-color: #fff;
  color: #dedede;
  border-color: #dedede
}

.sr-bb .srt-base-1-neutral-9 {
  background-color: #fff;
  color: #f5f5f5;
  border-color: #f5f5f5
}

.sr-bb .srt-base-1-neutral-10 {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.12);
  border-color: rgba(0, 0, 0, 0.12)
}

.sr-bb .srt-base-1-neutral-11 {
  background-color: #fff;
  color: #999;
  border-color: #999
}

.sr-bb .srt-base-1-neutral-12 {
  background-color: #fff;
  color: #4d4d4d;
  border-color: #4d4d4d
}

.sr-bb .srt-base-1-neutral-13 {
  background-color: #fff;
  color: #e6e6e6;
  border-color: #e6e6e6
}

.sr-bb .srt-base-1-is-active-primary {
  background-color: #e2e3e7;
  color: #0f1737;
  border-color: #0f1737
}

.sr-bb .srt-base-1-is-active-home-1 {
  background-color: #e2e3e7;
  color: #0f1737;
  border-color: #0f1737
}

.sr-bb .srt-base-1-is-active-away-1 {
  background-color: #e2e3e7;
  color: #63687d;
  border-color: #63687d
}

.sr-bb .srt-base-1-is-active-home-2 {
  background-color: #e2e3e7;
  color: #0f1737;
  border-color: #090d20
}

.sr-bb .srt-base-1-is-active-away-2 {
  background-color: #e2e3e7;
  color: #63687d;
  border-color: #090d20
}

.sr-bb .srt-base-1-is-active-home-3 {
  background-color: #e2e3e7;
  color: #0f1737;
  border-color: rgba(0, 0, 0, 0.12)
}

.sr-bb .srt-base-1-is-active-away-3 {
  background-color: #e2e3e7;
  color: #63687d;
  border-color: rgba(0, 0, 0, 0.12)
}

.sr-bb .srt-base-1-is-active-home-4 {
  background-color: #e2e3e7;
  color: #575d73;
  border-color: #575d73
}

.sr-bb .srt-base-1-is-active-away-4 {
  background-color: #e2e3e7;
  color: #9295a4;
  border-color: #9295a4
}

.sr-bb .srt-base-1-is-active-home-5 {
  background-color: #e2e3e7;
  color: #0a0f24;
  border-color: #0a0f24
}

.sr-bb .srt-base-1-is-active-away-5 {
  background-color: #e2e3e7;
  color: #404451;
  border-color: #404451
}

.sr-bb .srt-base-1-is-active-primary-1 {
  background-color: #e2e3e7;
  color: #0f1737;
  border-color: #0f1737
}

.sr-bb .srt-base-1-is-active-primary-2 {
  background-color: #e2e3e7;
  color: #0f1737;
  border-color: #0f1737
}

.sr-bb .srt-base-1-is-active-primary-3 {
  background-color: #e2e3e7;
  color: #0b1027;
  border-color: #0b1027
}

.sr-bb .srt-base-1-is-active-primary-4 {
  background-color: #e2e3e7;
  color: #0b1027;
  border-color: #0b1027
}

.sr-bb .srt-base-1-is-active-primary-5 {
  background-color: #e2e3e7;
  color: #63687d;
  border-color: #63687d
}

.sr-bb .srt-base-1-is-active-primary-6 {
  background-color: #e2e3e7;
  color: #0f1737;
  border-color: #0f1737
}

.sr-bb .srt-base-1-is-active-primary-7 {
  background-color: #e2e3e7;
  color: #0f1737;
  border-color: #0f1737
}

.sr-bb .srt-base-1-is-active-primary-8 {
  background-color: #e2e3e7;
  color: #0f1737;
  border-color: #0f1737
}

.sr-bb .srt-base-1-is-active-primary-9 {
  background-color: #e2e3e7;
  color: #b7b9c3;
  border-color: #b7b9c3
}

.sr-bb .srt-base-1-is-active-primary-10 {
  background-color: #e2e3e7;
  color: #3f455f;
  border-color: #3f455f
}

.sr-bb .srt-base-1-is-active-primary-11 {
  background-color: #e2e3e7;
  color: #63687d;
  border-color: #63687d
}

.sr-bb .srt-base-1-is-active-neutral-1 {
  background-color: #e2e3e7;
  color: #ccc;
  border-color: #ccc
}

.sr-bb .srt-base-1-is-active-neutral-2 {
  background-color: #e2e3e7;
  color: #1b1b1b;
  border-color: #1b1b1b
}

.sr-bb .srt-base-1-is-active-neutral-3 {
  background-color: #e2e3e7;
  color: rgba(0, 0, 0, 0.12);
  border-color: rgba(0, 0, 0, 0.12)
}

.sr-bb .srt-base-1-is-active-neutral-4 {
  background-color: #e2e3e7;
  color: #595959;
  border-color: #595959
}

.sr-bb .srt-base-1-is-active-neutral-5 {
  background-color: #e2e3e7;
  color: #404040;
  border-color: #404040
}

.sr-bb .srt-base-1-is-active-neutral-6 {
  background-color: #e2e3e7;
  color: #c2c2c2;
  border-color: #c2c2c2
}

.sr-bb .srt-base-1-is-active-neutral-7 {
  background-color: #e2e3e7;
  color: #595959;
  border-color: #595959
}

.sr-bb .srt-base-1-is-active-neutral-8 {
  background-color: #e2e3e7;
  color: #dedede;
  border-color: #dedede
}

.sr-bb .srt-base-1-is-active-neutral-9 {
  background-color: #e2e3e7;
  color: #f5f5f5;
  border-color: #f5f5f5
}

.sr-bb .srt-base-1-is-active-neutral-10 {
  background-color: #e2e3e7;
  color: rgba(0, 0, 0, 0.12);
  border-color: rgba(0, 0, 0, 0.12)
}

.sr-bb .srt-base-1-is-active-neutral-11 {
  background-color: #e2e3e7;
  color: #999;
  border-color: #999
}

.sr-bb .srt-base-1-is-active-neutral-12 {
  background-color: #e2e3e7;
  color: #4d4d4d;
  border-color: #4d4d4d
}

.sr-bb .srt-base-1-is-active-neutral-13 {
  background-color: #e2e3e7;
  color: #e6e6e6;
  border-color: #e6e6e6
}

.sr-bb .srt-home-1 {
  background-color: #0f1737;
  color: #fff;
  border-color: #0f1737
}

.sr-bb .srt-away-1 {
  background-color: #63687d;
  color: #fff;
  border-color: #63687d
}

.sr-bb .srt-home-2 {
  background-color: #0f1737;
  color: #fff;
  border-color: #090d20
}

.sr-bb .srt-away-2 {
  background-color: #63687d;
  color: #fff;
  border-color: #090d20
}

.sr-bb .srt-home-3 {
  background-color: #0f1737;
  color: #fff;
  border-color: #fff
}

.sr-bb .srt-away-3 {
  background-color: #63687d;
  color: #fff;
  border-color: #fff
}

.sr-bb .srt-home-4 {
  background-color: #575d73;
  color: #fff;
  border-color: #575d73
}

.sr-bb .srt-away-4 {
  background-color: #9295a4;
  color: #fff;
  border-color: #9295a4
}

.sr-bb .srt-home-5 {
  background-color: #0a0f24;
  color: #fff;
  border-color: #0a0f24
}

.sr-bb .srt-away-5 {
  background-color: #404451;
  color: #fff;
  border-color: #404451
}

.sr-bb .srt-neutral-1 {
  background-color: #ccc;
  color: rgba(0, 0, 0, 0.82);
  border-color: rgba(0, 0, 0, 0.12)
}

.sr-bb .srt-neutral-2 {
  background-color: #1b1b1b;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16)
}

.sr-bb .srt-neutral-3 {
  background-color: rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.82);
  border-color: rgba(0, 0, 0, 0.12)
}

.sr-bb .srt-neutral-4 {
  background-color: #595959;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16)
}

.sr-bb .srt-neutral-5 {
  background-color: #404040;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16)
}

.sr-bb .srt-neutral-6 {
  background-color: #c2c2c2;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16)
}

.sr-bb .srt-neutral-7 {
  background-color: #595959;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16)
}

.sr-bb .srt-neutral-8 {
  background-color: #dedede;
  color: rgba(0, 0, 0, 0.82);
  border-color: rgba(0, 0, 0, 0.12)
}

.sr-bb .srt-neutral-9 {
  background-color: #f5f5f5;
  color: rgba(0, 0, 0, 0.82);
  border-color: rgba(0, 0, 0, 0.12)
}

.sr-bb .srt-neutral-10 {
  background-color: rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.82);
  border-color: rgba(0, 0, 0, 0.12)
}

.sr-bb .srt-neutral-11 {
  background-color: #999;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16)
}

.sr-bb .srt-neutral-12 {
  background-color: #4d4d4d;
  color: #fff;
  border-color: rgba(0, 0, 0, 0.12)
}

.sr-bb .srt-neutral-13 {
  background-color: #e6e6e6;
  color: rgba(0, 0, 0, 0.82);
  border-color: rgba(0, 0, 0, 0.12)
}

.sr-bb .srt-win {
  background-color: #0b1027;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16)
}

.sr-bb .srt-draw {
  background-color: #0f1737;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16)
}

.sr-bb .srt-lose {
  background-color: #8e92a1;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16)
}

.sr-bb .srt-text-secondary {
  opacity: .7
}

.sr-bb .srt-text-disabled {
  opacity: .35
}

.sr-bb .srt-text-tertiary {
  opacity: .54
}

.sr-bb .srt-icon {
  opacity: .33
}

.sr-bb .srt-elevation-1 {
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2), 0px 1px 3px 0px rgba(0, 0, 0, 0.1)
}

.sr-bb .srt-elevation-2 {
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.23), 0px 3px 6px 0px rgba(0, 0, 0, 0.16)
}

.sr-bb .srt-elevation-3 {
  box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.26), 0px 10px 20px 0px rgba(0, 0, 0, 0.19)
}

.sr-bb .srt-elevation-center-2 {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.23), 0 1px 5px rgba(0, 0, 0, 0.16)
}

.sr-bb .srt-inset-top-1 {
  box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.23)
}

.sr-bb .srt-inset-bottom-1 {
  box-shadow: inset 0 -1px 2px 0 rgba(0, 0, 0, 0.23)
}

.sr-bb .srt-inset-top-2 {
  box-shadow: inset 0 3px 6px 0 rgba(0, 0, 0, 0.23)
}

.sr-bb .srt-inset-bottom-2 {
  box-shadow: inset 0 -3px 6px 0 rgba(0, 0, 0, 0.23)
}

.sr-bb .srt-inset-top-3 {
  box-shadow: inset 0 6px 6px 0 rgba(0, 0, 0, 0.23)
}

.sr-bb .srt-inset-bottom-3 {
  box-shadow: inset 0 -6px 6px 0 rgba(0, 0, 0, 0.23)
}

.sr-bb .srt-fill-soccer-yellow-card {
  fill: #ffbf00
}

.sr-bb .srt-stroke-soccer-yellow-card {
  stroke: #ffbf00
}

.sr-bb .srt-fill-soccer-red-card {
  fill: #e43b3b
}

.sr-bb .srt-stroke-soccer-red-card {
  stroke: #e43b3b
}

.sr-bb .srt-stroke-soccer-substitution-in {
  stroke: #4fbe30;
  fill: transparent
}

.sr-bb .srt-fill-soccer-substitution-in {
  fill: #4fbe30
}

.sr-bb .srt-stroke-soccer-substitution-out {
  stroke: #e43b3b;
  fill: transparent
}

.sr-bb .srt-fill-soccer-substitution-out {
  fill: #e43b3b
}

.sr-bb .srt-stroke-soccer-own-goal {
  stroke: #e43b3b;
  fill: transparent
}

.sr-bb .srt-fill-soccer-own-goal {
  fill: #e43b3b
}

.sr-bb .srt-fill-soccer-relegation-1 {
  fill: #fdd835
}

.sr-bb .srt-stroke-soccer-relegation-1 {
  stroke: #fdd835
}

.sr-bb .srt-fill-soccer-relegation-2 {
  fill: #ffb848
}

.sr-bb .srt-stroke-soccer-relegation-2 {
  stroke: #ffb848
}

.sr-bb .srt-fill-soccer-relegation-3 {
  fill: #ef6c00
}

.sr-bb .srt-stroke-soccer-relegation-3 {
  stroke: #ef6c00
}

.sr-bb .srt-fill-soccer-relegation-4 {
  fill: #e93a34
}

.sr-bb .srt-stroke-soccer-relegation-4 {
  stroke: #e93a34
}

.sr-bb .srt-fill-soccer-relegation-5 {
  fill: #941d1d
}

.sr-bb .srt-stroke-soccer-relegation-4 {
  stroke: #941d1d
}

.sr-bb .srt-fill-soccer-promotion-1 {
  fill: #005100
}

.sr-bb .srt-stroke-soccer-promotion-1 {
  stroke: #005100
}

.sr-bb .srt-fill-soccer-promotion-2 {
  fill: #1b911b
}

.sr-bb .srt-stroke-soccer-promotion-2 {
  stroke: #1b911b
}

.sr-bb .srt-fill-soccer-promotion-3 {
  fill: #51d151
}

.sr-bb .srt-stroke-soccer-promotion-3 {
  stroke: #51d151
}

.sr-bb .srt-fill-soccer-promotion-4 {
  fill: #1976d2
}

.sr-bb .srt-stroke-soccer-promotion-4 {
  stroke: #1976d2
}

.sr-bb .srt-fill-soccer-promotion-5 {
  fill: #64b5f6
}

.sr-bb .srt-stroke-soccer-promotion-5 {
  stroke: #64b5f6
}

.sr-bb .srt-nfl-timeout-1 {
  background-color: #f5a623;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16)
}

.sr-bb .srt-nfl-timeout-2 {
  background-color: rgba(245, 166, 35, 0.3);
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16)
}

.sr-bb .srt-nfl-penalty {
  background-color: #f4a621;
  color: #fff;
  border-color: #f4a621
}

.sr-bb .srt-nfl-negative-yards-1 {
  background-color: #ac182e;
  color: #fff;
  border-color: #ac182e
}

.sr-bb .srt-nfl-negative-yards-2 {
  background-color: #ac182e;
  color: #fff;
  border-color: #ac182e
}

.sr-bb .srt-nfl-first-line {
  background-color: #4b90de;
  color: #fff;
  border-color: #4b90de
}

.sr-bb .srt-nfl-ten-line {
  background-color: #f5a623;
  color: #fff;
  border-color: #f5a623
}

.sr-bb .srt-fill-nfl-penalty {
  fill: #f4a621
}

.sr-bb .srt-stroke-nfl-penalty {
  stroke: #f4a621
}

.sr-bb .srt-fill-nfl-negative-yards-1 {
  fill: #ac182e
}

.sr-bb .srt-stroke-nfl-negative-yards-1 {
  stroke: #ac182e
}

.sr-bb .srt-fill-nfl-negative-yards-2 {
  fill: #ac182e
}

.sr-bb .srt-stroke-nfl-negative-yards-2 {
  stroke: #ac182e
}

.sr-bb .srt-fill-nfl-first-line {
  fill: #4b90de
}

.sr-bb .srt-stroke-nfl-first-line {
  stroke: #4b90de
}

.sr-bb .srt-fill-nfl-ten-line {
  fill: #f5a623
}

.sr-bb .srt-stroke-nfl-ten-line {
  stroke: #f5a623
}

.sr-bb .srt-fill-change-increase {
  fill: #4fbe30
}

.sr-bb .srt-stroke-change-increase {
  stroke: #4fbe30
}

.sr-bb .srt-fill-change-decrease {
  fill: #e43b3b
}

.sr-bb .srt-stroke-change-decrease {
  stroke: #e43b3b
}

.sr-bb .srt-fill-text {
  fill: rgba(0, 0, 0, 0.82)
}

.sr-bb .srt-fill-text-invert {
  fill: #fff
}

.sr-bb .srt-fill-text-secondary {
  fill-opacity: .7
}

.sr-bb .srt-fill-text-disabled {
  fill-opacity: .35
}

.sr-bb .srt-fill-base-1 {
  fill: #fff
}

.sr-bb .srt-stroke-base-1 {
  stroke: #fff
}

.sr-bb .srt-fill-base-1-active {
  fill: #e2e3e7
}

.sr-bb .srt-stroke-base-1-active {
  stroke: #e2e3e7
}

.sr-bb .srt-fill-base-1-active-2 {
  fill: #e6e6e6
}

.sr-bb .srt-stroke-base-1-active-2 {
  stroke: #e6e6e6
}

.sr-bb .srt-fill-base-1-primary {
  fill: #fff
}

.sr-bb .srt-stroke-base-1-primary {
  stroke: #fff
}

.sr-bb .srt-fill-base-1-home {
  fill: #fff
}

.sr-bb .srt-stroke-base-1-home {
  stroke: #fff
}

.sr-bb .srt-fill-base-1-away {
  fill: #fff
}

.sr-bb .srt-stroke-base-1-away {
  stroke: #fff
}

.sr-bb .srt-fill-base-2 {
  fill: #fff
}

.sr-bb .srt-stroke-base-2 {
  stroke: #fff
}

.sr-bb .srt-fill-base-2-active {
  fill: #e2e3e7
}

.sr-bb .srt-stroke-base-2-active {
  stroke: #e2e3e7
}

.sr-bb .srt-fill-base-2-hover {
  fill: #e2e3e7
}

.sr-bb .srt-stroke-base-2-hover {
  stroke: #e2e3e7
}

.sr-bb .srt-fill-base-3 {
  fill: #e2e3e7
}

.sr-bb .srt-stroke-base-3 {
  stroke: #e2e3e7
}

.sr-bb .srt-fill-base-3-active {
  fill: #d9dadf
}

.sr-bb .srt-stroke-base-3-active {
  stroke: #d9dadf
}

.sr-bb .srt-fill-base-3-hover {
  fill: #d9dadf
}

.sr-bb .srt-stroke-base-3-hover {
  stroke: #d9dadf
}

.sr-bb .srt-fill-primary-1 {
  fill: #0f1737
}

.sr-bb .srt-stroke-primary-1 {
  stroke: #0f1737
}

.sr-bb .srt-fill-primary-2 {
  fill: #0f1737
}

.sr-bb .srt-stroke-primary-2 {
  stroke: #0f1737
}

.sr-bb .srt-fill-primary-3 {
  fill: #0b1027
}

.sr-bb .srt-stroke-primary-3 {
  stroke: #0b1027
}

.sr-bb .srt-fill-primary-4 {
  fill: #0b1027
}

.sr-bb .srt-stroke-primary-4 {
  stroke: #0b1027
}

.sr-bb .srt-fill-primary-5 {
  fill: #63687d
}

.sr-bb .srt-stroke-primary-5 {
  stroke: #63687d
}

.sr-bb .srt-fill-primary-6 {
  fill: #0f1737
}

.sr-bb .srt-stroke-primary-6 {
  stroke: #0f1737
}

.sr-bb .srt-fill-primary-7 {
  fill: #0f1737
}

.sr-bb .srt-stroke-primary-7 {
  stroke: #0f1737
}

.sr-bb .srt-fill-primary-8 {
  fill: #0f1737
}

.sr-bb .srt-stroke-primary-8 {
  stroke: #0f1737
}

.sr-bb .srt-fill-primary-8-is-active-1 {
  fill: #0c122c
}

.sr-bb .srt-stroke-primary-8-is-active-1 {
  stroke: #0c122c
}

.sr-bb .srt-fill-primary-8-is-active-2 {
  fill: #0c122c
}

.sr-bb .srt-stroke-primary-8-is-active-2 {
  stroke: #0c122c
}

.sr-bb .srt-fill-primary-9 {
  fill: #b7b9c3
}

.sr-bb .srt-stroke-primary-9 {
  stroke: #b7b9c3
}

.sr-bb .srt-fill-primary-10 {
  fill: #3f455f
}

.sr-bb .srt-stroke-primary-10 {
  stroke: #3f455f
}

.sr-bb .srt-fill-primary-11 {
  fill: #63687d
}

.sr-bb .srt-stroke-primary-11 {
  stroke: #63687d
}

.sr-bb .srt-fill-primary-12 {
  fill: #0f1737
}

.sr-bb .srt-stroke-primary-12 {
  stroke: #0f1737
}

.sr-bb .srt-fill-home-1 {
  fill: #0f1737
}

.sr-bb .srt-stroke-home-1 {
  stroke: #0f1737
}

.sr-bb .srt-fill-home-2 {
  fill: #0f1737
}

.sr-bb .srt-stroke-home-2 {
  stroke: #0f1737
}

.sr-bb .srt-fill-home-3 {
  fill: #0f1737
}

.sr-bb .srt-stroke-home-3 {
  stroke: #0f1737
}

.sr-bb .srt-fill-home-4 {
  fill: #575d73
}

.sr-bb .srt-stroke-home-4 {
  stroke: #575d73
}

.sr-bb .srt-fill-home-5 {
  fill: #0a0f24
}

.sr-bb .srt-stroke-home-5 {
  stroke: #0a0f24
}

.sr-bb .srt-fill-away-1 {
  fill: #63687d
}

.sr-bb .srt-stroke-away-1 {
  stroke: #63687d
}

.sr-bb .srt-fill-away-2 {
  fill: #63687d
}

.sr-bb .srt-stroke-away-2 {
  stroke: #63687d
}

.sr-bb .srt-fill-away-3 {
  fill: #63687d
}

.sr-bb .srt-stroke-away-3 {
  stroke: #63687d
}

.sr-bb .srt-fill-away-4 {
  fill: #9295a4
}

.sr-bb .srt-stroke-away-4 {
  stroke: #9295a4
}

.sr-bb .srt-fill-away-5 {
  fill: #404451
}

.sr-bb .srt-stroke-away-5 {
  stroke: #404451
}

.sr-bb .srt-fill-neutral-1 {
  fill: #ccc
}

.sr-bb .srt-stroke-neutral-1 {
  stroke: #ccc
}

.sr-bb .srt-fill-neutral-2 {
  fill: #1b1b1b
}

.sr-bb .srt-stroke-neutral-2 {
  stroke: #1b1b1b
}

.sr-bb .srt-fill-neutral-3 {
  fill: rgba(0, 0, 0, 0.12)
}

.sr-bb .srt-stroke-neutral-3 {
  stroke: rgba(0, 0, 0, 0.12)
}

.sr-bb .srt-fill-neutral-4 {
  fill: #595959
}

.sr-bb .srt-stroke-neutral-4 {
  stroke: #595959
}

.sr-bb .srt-fill-neutral-5 {
  fill: #404040
}

.sr-bb .srt-stroke-neutral-5 {
  stroke: #404040
}

.sr-bb .srt-fill-neutral-6 {
  fill: #c2c2c2
}

.sr-bb .srt-stroke-neutral-6 {
  stroke: #c2c2c2
}

.sr-bb .srt-fill-neutral-7 {
  fill: #595959
}

.sr-bb .srt-stroke-neutral-7 {
  stroke: #595959
}

.sr-bb .srt-fill-neutral-8 {
  fill: #dedede
}

.sr-bb .srt-stroke-neutral-8 {
  stroke: #dedede
}

.sr-bb .srt-fill-neutral-9 {
  fill: #f5f5f5
}

.sr-bb .srt-stroke-neutral-9 {
  stroke: #f5f5f5
}

.sr-bb .srt-fill-neutral-10 {
  fill: rgba(0, 0, 0, 0.12)
}

.sr-bb .srt-stroke-neutral-10 {
  stroke: rgba(0, 0, 0, 0.12)
}

.sr-bb .srt-fill-neutral-11 {
  fill: #999
}

.sr-bb .srt-stroke-neutral-11 {
  stroke: #999
}

.sr-bb .srt-fill-neutral-12 {
  fill: #4d4d4d
}

.sr-bb .srt-stroke-neutral-12 {
  stroke: #4d4d4d
}

.sr-bb .srt-fill-neutral-13 {
  fill: #e6e6e6
}

.sr-bb .srt-stroke-neutral-13 {
  stroke: #e6e6e6
}

.sr-bb .srt-fill-win {
  fill: #0b1027
}

.sr-bb .srt-stroke-win {
  stroke: #0b1027
}

.sr-bb .srt-fill-draw {
  fill: #0f1737
}

.sr-bb .srt-stroke-draw {
  stroke: #0f1737
}

.sr-bb .srt-fill-lose {
  fill: #8e92a1
}

.sr-bb .srt-stroke-lose {
  stroke: #8e92a1
}

.sr-bb .srt-stop-base-1 {
  stop-color: #fff
}

.sr-bb .srt-stop-primary-1 {
  stop-color: #0f1737
}

.sr-bb .srt-stop-primary-2 {
  stop-color: #0f1737
}

.sr-bb .srt-stop-primary-3 {
  stop-color: #0b1027
}

.sr-bb .srt-stop-primary-4 {
  stop-color: #0b1027
}

.sr-bb .srt-stop-primary-5 {
  stop-color: #63687d
}

.sr-bb .srt-stop-primary-6 {
  stop-color: #0f1737
}

.sr-bb .srt-stop-primary-7 {
  stop-color: #0f1737
}

.sr-bb .srt-stop-primary-8 {
  stop-color: #0f1737
}

.sr-bb .srt-stop-primary-9 {
  stop-color: #b7b9c3
}

.sr-bb .srt-stop-primary-10 {
  stop-color: #3f455f
}

.sr-bb .srt-stop-primary-11 {
  stop-color: #63687d
}

.sr-bb .srt-stop-primary-12 {
  stop-color: #0f1737
}

.sr-bb .srt-stop-home-1 {
  stop-color: #0f1737
}

.sr-bb .srt-stop-away-1 {
  stop-color: #63687d
}

.sr-bb .srt-fill-neutral-14 {
  fill: #fff
}

.sr-bb .srt-stroke-neutral-14 {
  stroke: #fff
}

.sr-bb .srt-logo-powered-by-light {
  display: inline-block
}

.sr-bb .srt-logo-powered-by-dark {
  display: none
}


@media (min-width: 769px) {
  .header-logo1 {
    position: relative;
    width: 169px;
    margin: 7px auto -50px;
  }
}

.card--clean>.card__content {
  padding: 0;
}

.home-page h6.posts__title a {
  font-size: 18px;
  line-height: 1.6 !important;
}

.card__header::before {
  display: none;
}

time.posts__date {
  opacity: 0.3;
}

span.match-time {
  background: #ffffff;
  color: #1b2763;
  border: 1px solid #eff1f5;
  border-radius: 6px !important;
  font-weight: bold !important;
  font-size: 14px;
}

footer.posts__footer.card__footer *,
footer.posts__footer.card__footer {
  transition: unset !important;
  background: #f5f6f9;
}

body.home-page {
  background-color: #eff1f5;
}

.card__header {
  padding: 24px 28px 24px 39px;
}

.main-nav__list1>li>a {
  font-size: 14px;
}

.sponsors-logos .row {
  display: flex;
  justify-content: center;
}


ul.logos-li li {
  border-radius: 6px !important;
}

form#mobile-search-form {
  display: inline-block;
  position: relative;
}

.fa-search:before {
  content: "\f002";
  color: #fdfdfe;
}

input.form-control.header-mobile__search-control {
  padding: 20px 76px 20px;
  border-bottom: 1px solid #ffffff1c !important;
  border: 0;
  background: transparent;
}

input.form-control.header-mobile__search-control {
  padding: 10px 51px 10px 10px;
}

.main-nav__list1>li>a {
  padding: 0 11px;
}

form#mobile-search-form {
  margin-right: 0px;
}

button.header-mobile__search-submit {
  left: 0 !important;
  right: auto;
}

input.form-control.header-mobile__search-control {
  padding: 10px 10px 10px 50px;
}

.dummy-logo {
  background: white;
  border-radius: 3px !important;
}

.footer-widgets {
  padding-bottom: 10px;
}

.footer-menu.col-md-12.row {
  margin-top: 60px;
}

.footer-menu.col-md-12.row li {
  text-align: center;
}

.line {
  width: 40%;
  height: 1px;
  background: #ffffff1a;
  margin: 30px auto 0;
}

.footer-menu.col-md-12.row {
  margin-top: 21px;
}

.footer-widgets__inner {
  padding: 50px 0 20px;
}

.widget--sidebar .widget__title {
  background: #0a345f;
}

.widget--sidebar .widget__title a:hover {
  background-color: #e6e8ef;
  border-color: #9a9da200 !important;
  color: #121c49 !important;
}

.custom--select {
  background: #e8e8e8;
  display: inline-block;
  padding: 6px 16px 6px 32px;
}

.custom--select select {
  background: transparent;
  border: 0;
}

::-webkit-scrollbar-thumb {
  background: #0a345f36;
}

.soon {
  padding: 130px;
  text-align: center !important;
}

h3.h-soon {
  font-size: 36px;
}

div#matches-standings tr:hover {
  background: #f5f5f9;
}

.btn-sm,
.custom--select select {
  font-size: 14px;
}

a.m-details {
  border-radius: 4px !important;
}

select:focus {
  outline: 0 !important;
}

body.spl-web.home-page table.table.table-hover.table-standings tr:hover {
  background: #f5f6f9;
}

.btn-outline.btn-default:hover {
  color: #fff !important;
}

select {
  -webkit-appearance: none;
}

.custom--select {
  position: relative;
}

figure.“posts__thumb” a:before {
  font-family: FontAwesome;
  content: "\f16a";
  font-size: 26px;
  position: absolute;
  right: auto;
  color: red;
  border-radius: 50px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #ffffffd1;
  padding: 5px;
}

.club-info p img {
  margin-bottom: 4px;
}

.club-info a:hover {
  background: #0d153c;
}

.match-preview__content.single-club {
  padding: 0;
}

.match-preview__content.single-club p {
  margin-bottom: 0;
}

article.club-item .club-land img {
  height: 195px;
}

article.club-item .club-land {
  height: 195px;
}

.clubs-holder .club-item::before {
  display: none !important;
}

.club-info {
  padding: 20px;
}

.club-info strong {
  min-height: 56px;
}

.club-info a:hover {
  background: #222743;
  border: 1px solid #222743;
}

.btn-dark {
  color: #fff;
  background-color: #090f2d;
  border-color: #ffffff1f;
}

div#clubs_list article.club-item .club-land {
  height: 45px;
}

div#clubs_list .club-logo {
  margin-top: -55px;
}

div#clubs_list .club-info strong {
  min-height: auto;
}

div#sr-widget span {
  font-size: 16px;
  font-weight: bold !important;
}

.sr-contributionchart.sr-contributionchart__small span {
  font-size: 12px !important;
  margin-bottom: 8px;
}

.sr-sja-players-tabs__time-stamp-wrapper * {
  font-size: 12px !important;
}

.sr-dualaveragechart__average-line {
  border: 0 !important;
  border-right-style: none !important;
}

.sr-dualaveragechart__average-line {
  display: none;
}

div#sr-widget div {
  font-size: 14px;
}

.sr-bb .sr-sja-meeting-team__name {
  width: 115px;
}

.sr-bb .sr-sja-meeting-team__text {
  line-height: unset;
}

.sr-sja-next-meeting__date {
  margin: auto !important;
}

.sr-sja-last-meetings__line,
.sr-sja-next-meeting__line-left.srt-neutral-1,
.sr-sja-next-meeting__line-right.srt-neutral-1 {
  display: none !important;
}

.sr-sja-last-meetings__score {
  display: flex;
  align-items: center;
  justify-content: center;
}

.sr-sja-next-meeting__date {
  border: 1px solid gainsboro !important;
  padding: 4px 9px 0 !important;
  border-radius: 6px !important;
}

.sr-sja-next-meeting__center,
.sr-sja-next-meeting__content,
.sr-sja-last-meetings__center,
.sr-sja-last-meetings__row {
  height: fit-content !important;
  ;
}

.sr-sja-team-tournament-name__tournament {
  font-size: 12px !important;
  color: #989898 !important;
}

.sr-bb .srt-primary-5-is-hoverable:hover,
.sr-bb .srt-primary-6,
.sr-bb .srt-primary-7,
.sr-bb .srt-primary-8 {
  background-color: #1b2763 !important;
}

img.sr-crest-img.srt-fill-home-1.sr-sja-team-header__manager-nationality-flag,
svg.sr-sja-team-header__venue.srt-fill-base-1.srt-stroke-neutral-4 {
  margin-top: 9px;
}

.sr-bb.sr-sja-team {
  max-width: 1000px;
}

figure.team-logo {
  margin-left: 40px;
}

.sr-sja-last-meetings__score {
  width: fit-content !important;
  margin: auto !important;
  border: 1px solid gainsboro !important;
  padding: 4px 12px 0 !important;
  border-radius: 6px !important;
}

.btn-sm {
  padding: 9px 38px !important;
}

input:checked+label {
  border: 0;
}

.sr-header {
  padding: 36px !important;
}

main.main-tabs-match label {
  border: 0 !important;
}

ul.list-none i {
  width: 30px;
}

a.btn.stad-location {
  display: inline-block;
  padding: 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #FFF;
  color: #090f2d;
  font-size: 16px;
  border-radius: 50% !important;
  float: right;
}

@media screen and (max-width: 650px) {
  .sr-sja-league-table__table span {
    font-size: 12px !important;
  }
  ul.list-none li:last-child {
    margin: auto;
  }
  .sr-bb .sr-sja-meeting-team__name {
    width: 66px;
  }
}

.sr-header-simple__wrapper.srt-primary-6 {
  padding: 20px !important;
}

a.locatiom-btn {
  font-size: 14px;
  color: white;
  border: 1px solid #353a53;
  padding: 10px 30px;
  display: inline-block;
  margin-top: 20px;
  border-radius: 6px !important;
  cursor: pointer;
}

a.locatiom-btn:hover {
  background: #353a53;
}

p.stat-head {
  color: white;
  background: #0a1541;
  text-align: center;
  padding: 20px;
}

div#seasonstats p:nth-child(odd) {
  background: #f3f3f3;
}

section.finished-match ul.list-none li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  width: auto;
}

aside.side-nav-match a.active {
  color: white;
}

aside.side-nav-match li:hover a {
  color: white;
}

.side-nav-match ul>li>a.active:before {
  color: #0c143a;
}

.side-nav-match ul>li:hover>a:before {
  color: #0c143a;
}

.side-nav-match ul>li>a.active {
  background: #ffffff;
}

aside.side-nav-match a.active {
  color: #0c143a;
}

.side-nav-match ul>li>a {
  color: #040c33;
  display: block;
  padding: 10px 15px;
  font-size: 16px;
  position: relative;
  border-bottom: 1px solid #ffffff;
  background: #e8e8e8;
}

.finished-match .container-fluid>.row .col-lg-3 {
  background: #e8e8e8;
}

.side-nav-match ul>li>a.active:hover {
  color: #0c143a;
}

div#cards_stat_list p:nth-child(odd) {
  background: #e8e8e8;
}

div#cards_stat_list p {
  margin: 0;
  padding: 8px;
}

div#cards_stat_list p {
  margin: 0;
  padding: 8px;
  font-size: 16px;
}

p.card-stat-box-head {
  color: white;
  text-align: center;
  background: #0a1541;
  padding: 20px;
  margin: 0;
}

p.card-stat-box-body {
  text-align: center;
  padding: 40px;
  font-size: 50px;
  font-weight: bold;
}

.finished-match .container-fluid>.row .col-lg-3,
.custom--select,
p.card-stat-box-body,
.side-nav-match ul>li>a,
div#cards_stat_list p:nth-child(odd),
a.m-details,
thead>tr,
footer.posts__footer.card__footer *,
footer.posts__footer.card__footer,
a.btn.btn-default.btn-outline.btn-sm.card-header__button {
  background: #eff1f5;
}

.custom--select {
  background: white;
  border: 1px solid #eff1f5;
  padding: 4px 21px 6px;
}

.spacer-lg {
  background: white !important;
}

.row.m-row {
  border-top: 1px solid #eff1f5;
  border-bottom: 1px solid #eff1f5;
}

a.btn.btn-default.btn-outline.btn-sm.card-header__button:hover {
  background: #0c143a;
}

table.table.table-hover.table-standings .team-meta__logo img {
  margin: unset;
}

p.stat-head {
  margin: 0;
}

.stat-body-row .right {
  width: 70%;
  float: right;
}

.stat-body>div {
  background: #eff1f5;
  border-bottom: 1px solid white;
  padding: 16px;
}

.m-b-28 {
  margin-bottom: 28px;
}

a.m-details {
  float: left;
}

table.table.table-hover.table-standings tr td:last-child figure.team-meta__logo {
  position: relative !important;
}

@media (max-width: 769px) {
  p.staduim-name {
    text-align: left;
  }
}

@media (max-width: 480px) {
  p.staduim-name {
    text-align: center;
  }
  div#matches a.m-details {
    width: 100%;
    text-align: center;
  }
  .side-nav-match ul>li>a:before {
    transform: rotate(-90deg);
    top: 38%;
  }
  .side-nav-match {
    padding: 0;
    margin-top: 20px;
  }
}

div#matches-front table .table.table-hover.table-standings .table>tfoot>tr>th,
.table>tfoot>tr>td,
div#matches-front table .table>tbody>tr>th,
.table>tbody>tr>td,
div#matches-front table .table>thead>tr>td,
div#matches-front table .table>thead>tr>th {
  padding: 10px 0;
}

div#matches-front table.table.table-hover.table-standings tr td:first-child figure.team-meta__logo {
  position: relative;
}

div#matches-front table.table.table-hover.table-standings tr td:first-child img {
  left: 0 !important;
  position: absolute;
}

div#matches-front span.match-time {
  margin: 0 12px !important;
  display: inline-block;
}

div#matches table.table.table-hover.table-standings tr td:first-child figure.team-meta__logo {
  position: relative;
}

div#matches table.table.table-hover.table-standings tr td:first-child img {
  left: 0 !important;
  position: absolute;
}

div#matches span.match-time {
  margin: 0 12px !important;
  display: inline-block;
}

.card--clean .card__header {
  background: #0a345f !important;
}

div#matches-front table thead:first-child img {
  margin-bottom: 0 !important;
}

.inn-logo-cont {
  background: #0a345f;
}

ul.logos-li li {
  background: white;
}

.owl-stage-outer img {
  height: 150px !important;
  margin: auto;
  width: auto !important;
}

.owl-theme .owl-nav.disabled+.owl-dots {
  margin-top: 10px;
  margin-bottom: -12px !important;
}

.owl-dots,
.owl-nav {
  display: none;
}

@media (min-width: 769px) {
  .info-block--header1 .info-block__item {
    margin: 9px 0px;
  }
}

@media (min-width: 769px) {
  .header-logo1 {
    position: relative;
    width: 169px;
    margin: 7px auto -59px;
  }
}

footer.posts__footer.card__footer {
  display: none;
}

.social-links__item .fa {
  font-size: 18px;
}

.posts__title a:hover {
  color: #6697ca;
}

.inn-logo-cont {
  background-image: url(../images/inner-pagers-header-image.png) !important;
}

header.card__header.card__header--has-btn form {
  float: left !important;
}

.card__content.no-result-padding {
  padding: 40px 20px 10px !important;
}

form#views-exposed-form-search-page-page-1 {
  display: none !important;
}

div#matches-front span.match-time {
  margin: 0 4px !important;
  display: inline-block;
  padding: 11px;
}

.team-meta.text-left img {
  float: left;
}

span.match-time {
  padding: 6px 10px;
}

h6.posts__title a {
  display: block;
}

@media (max-width: 1024px) {
  main label {
    width: 33.3%;
}
  main.main-tabs-match {
    margin-top: 66px;
  }
  
  figure.posts__thumb {
    height: 300px;
  }
}

@media (max-width: 480px) {
  main label {
    width: 50%;
}
    .d-table.w-100.h-100 {
      margin-top: -30px;
    }
    .row.m-row .col-md-2 span.match-time {
      width: 100%;
      text-align: center;
    }
    .page-heading,
    article.card.card--lg.post.post--single {
      padding: 22px !important;
    }
  }


@media (max-width: 350px) {
  main label {
    width: 100%;
}
}

.Opta .Opta_F_TC_D .Opta-Selects>div {
    display: inline-block;
    float: none !important;
}

.Opta .Opta_F_TC_D .Opta-Selects .Opta-Crest {
    float: right !important;
}

.Opta .Opta_F_TC_D .Opta-Selects .Opta-Away .Opta-Crest {
    float: left;
}

.posts__item--card .posts__title {
  line-height: unset !important;
}

.stad-info p,
.stad-info h2 {
  display: none;
}

.stad-info {
  border-top: 1px solid #ffffff17;
}

div#stadium_matches_list strong {
  margin-top: 20px;
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  overflow-y: auto;
}

}

.post-sharing a {
  margin: 0 5px !important;
}

.post-sharing .btn:first-child {
  margin-right: 0px !important;
  margin-left: 10px !important;
}

div#matches-front-2 {
  overflow-y: hidden;
  overflow-x: scroll;
}

@media (max-width: 768px) {
  .header__primary .info-block__item.info-block__item--contact-primary {
    margin: 10px 0;
  }
  .main-nav .main-nav__list>li>a {
    border: 0;
    padding: 18px;
  }
  .side-nav-match ul>li>a:before {
    transform: rotate(-90deg);
    top: 38%;
  }
}

nav.main-nav.clearfix {
  overflow: -webkit-paged-y;
}

ul.main-nav__list img {
  margin: auto !important;
  display: block;
}

iframe#twitter-widget-0 {
  height: 1350px !important;
}

div#block-twitterblock {
  height: 880px !important;
  overflow: auto !important;
}

@media (min-width: 1200px) {
  .hero-slider,
  .hero-slider__item {
    height: 100%;
  }
}

form#mobile-search-form {
  width: 73%;
}

div#block-twitterblock {
  -webkit-overflow-scrolling: touch;
}

.sr-sja-team-header__text {
  margin: 15px !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.main-nav__list1>li>a {
  text-transform: unset !important;
}

.footer-secondary--has-decor .footer-secondary__inner::before {
  left: -141px;
}

.footer-secondary--has-decor .footer-secondary__inner::after {
  right: -141px;
}

.footer-secondary--has-decor {
  background-color: #040728;
}

.footer-secondary--has-decor .footer-secondary__inner::before,
.footer-secondary--has-decor .footer-secondary__inner::after {
  background-color: #6bbe3a;
}

ul.social-links.social-links--inline.social-links--main-nav {
  text-align: left;
  width: 100%;
}

.main-nav__sub li a {
  text-transform: unset;
}

ul.main-nav__list .fa {
  font-size: 22px;
  margin-top: 36px;
}

header.header.for-mobile li.info-block__item.info-block__item--contact-primary {
  height: 100px;
}

@media (max-width: 769px) {
  .footer-secondary__inner>div>div {
    margin-bottom: 10px;
  }
  .footer-secondary__inner * {
    text-align: center !important;
    float: unset !important;
  }
  ul.social-links.social-links--inline.social-links--main-nav {
    text-align: center !important;
    width: 100%;
  }
}

.gallery__content.card__content {
  background: white;
}

a.gallery__item-inner.card {
  display: inline;
}

.gallery__details {}

.gallery__item.col-6.col-sm-4 {
  margin-bottom: 40px;
}

.posts__inner.card__content {
  overflow: hidden !important;
}

.post-grid__item {
  position: static !important;
}

.row.sp_for_mobile>div {
  margin: 10px 0 !important;
}

@media (max-width: 480px) {
  .owl-stage-outer img {
    height: 82px !important;
  }
  .site-wrapper.clearfix.season-matches-schedule-page .site-content {
    direction: ltr;
  }
  .site-wrapper.clearfix.season-matches-schedule-page iframe#sportcenter_frame {
    width: 100%;
  }
  .inn-logo-cont.for-mobile .dummy-logo {
    padding: 0 !important;
  }
  .dummy-logo {
    padding: 0 !important;
  }
  .card__header a {
    display: block !important;
    float: none !important;
    margin-top: 37px !important;
    margin: 45px 0 0 0 !important;
  }
  .footer-col-inner img {
    margin: 0 auto 50px !important;
  }
  .page-heading {
    background-image: none !important;
  }
  .pdf-file>div {
    min-height: max-content !important;
  }
  a#SearchSeasonMatches,
  .custom--select {
    width: 100%;
    margin-bottom: 15px;
  }
  div#block-views-block-slider-block-block-1 h1 {
    font-size: 15px;
    line-height: 22px;
  }
  .main-nav .main-nav__list>li>a {
    border: 0;
    padding: 18px;
  }
  .header__primary .info-block__item.info-block__item--contact-primary {
    margin: 10px 0;
  }
  ul.main-nav__list img {
    margin: 9px 0px;
  }
  li.info-block__item.info-block__item--contact-primary a {
    padding: 0;
  }
  .home-page .match-preview__team-logo {
    height: auto !important;
  }
}

.post-sharing .btn:first-child {
  margin-right: 10px !important;
}

div#sr-table {
  margin-bottom: 120px;
}

.gallery-slider {
  position: relative;
  overflow: hidden;
  background-color: #e6e6e6;
}

.gallery-slider__images {
  margin: 0;
  position: relative;
}

.gallery-slider__images .item {
  padding: 0;
}

.gallery-slider__images .item .img-fill {
  text-align: center;
  padding: 10px;
  height: 200px;
}

@media screen and (min-width: 576px) {
  .gallery-slider__images .item .img-fill {
    height: 300px;
  }
}

@media screen and (min-width: 720px) {
  .gallery-slider__images .item .img-fill {
    height: 450px;
  }
}

.gallery-slider__images .item .img-fill img {
  display: inline-block;
  position: relative;
  max-width: 100%;
  max-height: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.gallery-slider__images .next-arrow,
.gallery-slider__images .prev-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 47px;
  height: 47px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.7);
  border: 0 none;
  text-align: center;
  color: #fff;
  z-index: 5;
  opacity: 0;
  transition: all 0.5s;
  outline: 0;
}

.gallery-slider__images .next-arrow svg,
.gallery-slider__images .prev-arrow svg {
  top: 4px;
}

.gallery-slider__images .next-arrow {
  right: 25px;
}

.gallery-slider__images .prev-arrow {
  left: 25px;
}

.gallery-slider__images:hover .next-arrow,
.gallery-slider__images:hover .prev-arrow {
  opacity: 1;
}

.gallery-slider__images .caption {
  width: 100%;
  position: relative;
  text-align: center;
  display: block;
  opacity: 1;
  transition: opacity 0.15s;
}

.gallery-slider__images .caption.hide {
  opacity: 0;
}

.gallery-slider__thumbnails {
  position: relative;
  top: auto;
  left: 0px;
  width: 100%;
  z-index: 4;
  transition: all 0.8s;
  margin: 0;
  padding: 13px 0;
}

.gallery-slider__thumbnails:before,
.gallery-slider__thumbnails:after {
  content: "";
  display: block;
  width: 100px;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 10;
  pointer-events: none;
}

.gallery-slider__thumbnails:before {
  left: 0;
  background: linear-gradient(to right, #e6e6e6 0%, rgba(230, 230, 230, 0) 100%);
}

.gallery-slider__thumbnails:after {
  right: 0;
  background: linear-gradient(to right, rgba(230, 230, 230, 0) 0%, #e6e6e6 100%);
}

.gallery-slider__thumbnails .item .img-fill {
  height: 70px;
  background: white;
  cursor: pointer;
  border: 5px solid white;
  text-align: center;
}

.gallery-slider__thumbnails .item .img-fill img {
  opacity: 0.5;
  transition: all 0.5s;
  display: inline-block;
  position: relative;
  max-width: 100%;
  max-height: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.gallery-slider__thumbnails .item:hover .img-fill img {
  opacity: 1;
}

.gallery-slider__thumbnails .item.slick-center img {
  opacity: 1;
}

.gallery-slider__thumbnails .next-arrow,
.gallery-slider__thumbnails .prev-arrow {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  border: 0 none;
  z-index: 15;
}

.gallery-slider__thumbnails .next-arrow svg,
.gallery-slider__thumbnails .prev-arrow svg {
  top: 2px;
}

.gallery-slider__thumbnails .next-arrow {
  right: 0px;
}

.gallery-slider__thumbnails .prev-arrow {
  left: 0px;
}

.gallery-slider .next-arrow,
.gallery-slider .prev-arrow {
  cursor: pointer;
}

.gallery-slider .next-arrow svg,
.gallery-slider .prev-arrow svg {
  width: 18px;
  height: 18px;
  position: relative;
}

.gallery-slider .img-fill {
  width: 100%;
  display: block;
  overflow: hidden;
  position: relative;
  text-align: center;
}

.gallery-slider .slick-slider {
  margin: 0 -7.5px;
  padding: 0 !important;
}

.gallery-slider .slick-slide {
  float: left;
  padding: 0 7.5px;
  outline: none;
}

.gallery-slider {
  direction: ltr;
}

.Opta-Rtl {
  direction: rtl !important;
}

.stat-pad {
  padding: 100px 0;
}

/** statistics page tabs style **/

/* Style the tab */

/* Style the buttons inside the tab */

.tab button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 8px 16px;
  width: 100%;
  border: none;
  outline: none;
  text-align: inherit;
  cursor: pointer;
  transition: 0.3s;
  font-size: 16px;
  margin: 3px 0;
  background: #eaeaea;
}

/* Change background color of buttons on hover */

.tab button:hover {
  background-color: #6c3;
  color: white;
}

/* Create an active/current "tab button" class */

.tab button.active {
  background-color: #6c3;
  color: white;
  width: 103%;
}

@media screen and (max-width: 768px) {
  .tab button.active {
    width: 100%;
  }
}

/* Style the tab content */

.tabcontent {
  width: 100%;
}

.tab-container {
  background: gainsboro;
}

.p-40 {
  padding: 40px;
}

.Opta .Opta_F_F.Opta_F_F_N .Opta-Scoreline .Opta-Outer {
  width: 28% !important;
  max-width: unset !important;
}

span.Opta-Logo {
  display: none !important;
}

.Opta>.Opta_W {
  margin: 0 !important;
}

.Opta .Opta-Nav li {
  float: right !important;
}

.Opta .Opta-Nav>ul.Opta-Overflowed:after {
  left: 10px !important;
  right: auto !important;
}

.Opta .Opta-Nav>ul li.Opta-Overflow {
  left: 0 !important;
  right: auto !important;
}

.season-matches-schedule .Opta-Flex>div {
  flex-basis: 24%;
}

.season-matches-schedule {
  padding: 4em 0;
}

.Opta-Flex .Opta-fixture.Opta-result .Opta-fixture-content.Opta-crested .Opta-Venue {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}

.Opta-Flex .Opta-fixture.Opta-result .Opta-fixture-content.Opta-crested {
  position: relative;
  padding-top: 55px;
}

.Opta .Opta_F_F.Opta_F_F_G .Opta-fixture .Opta-badges {
  margin-top: 0;
}

@media (max-width: 1024px) {
  .season-matches-schedule .Opta-Flex>div {
    flex-basis: 32%;
  }
}

@media (max-width: 768px) {
  .season-matches-schedule .Opta-Flex>div {
    flex-basis: 48%  !important;
  }
}

@media (max-width: 480px) {
  .season-matches-schedule .Opta-Flex>div {
    flex-basis: 100% !important;
  }
}

.Opta table .Opta-Player,
.Opta table .Opta-Team {
  text-align: right !important;
}

.Opta .Opta_F_CS_N .Opta-stats-active .Opta-Label:before,
.Opta .Opta_F_CS_N .Opta-stats-active .Opta-Label:after {
  display: none !important;
}

.Opta .Opta_F_CS_N .Opta-Flex-Item {
  padding: 0 !important;
  /*background: #f8f9fb;
    border: 1px solid #ffffff;*/
}

.Opta .Opta-Stat .Opta-Value {
  fill: #0a345f !important;
  color: #0a345f !important;
}

.Opta .Opta-Nav li {
  border-left: 1px solid #f5f5f5 !important;
  border-right: 0 !important;
}

td.Opta-Team.Opta-TeamName.Opta-Home {
  text-align: left !important;
}

.Opta .Opta_F_CS_N .Opta-Overlay .Opta-Player.Opta-Divider {
  border-left: 1px solid #ccc !important;
  border-right: 0 !important;
}

td.Opta-title span {
  display: block !important;
  float: none !important;
  text-align: center !important;
}

td.Opta-title>h3 {
  border: 0 !important;
}

.Opta .Opta_F_F.Opta_F_F_N .Opta-Scoreline .Opta-Team {
  width: 23% !important;
}

button.Opta-Nest-Control {
  width: 16px !important;
  float: left !important;
}

.Opta.Opta-Narrow .Opta_F_TC_D .Opta-Selects .Opta-Away,
.Opta.Opta-Narrow .Opta_F_TC_D .Opta-Selects .Opta-Home {
  width: calc(100% / 2 - 20px);
}

ul.pager__items.js-pager__items {
  display: flex;
  flex-basis: 100%;
  justify-content: center;
  list-style-type: none;
  margin: 60px 0;
}

ul.pager__items.js-pager__items li a {
  padding: 10px 20px !important;
  color: black;
  display: block;
}

li.pager__item {
  background: #f9f9f9;
  border-radius: 4px;
}

li.pager__item.pager__item--ellipsis {
  padding-top: 6px;
}

li.pager__item.is-active {
  background: #66cc33;
}

li.pager__item.is-active a {
  color: white !important;
}

.posts__item.posts__item--card.posts__item--category-1.card {
  height: 100%;
}

.post-grid__item.col-12.col-md-4.col-xl-4 {
  margin-bottom: 20px;
}

.Opta .Opta-Table-Scroll table.Opta-SideScroll>tbody>tr>td {
  vertical-align: top !important;
}

table.Opta-SideScroll>tbody>tr>td {
  padding: 5px !important;
  padding-top: 5px !important;
  padding-right: 5px !important;
  padding-bottom: 5px !important;
  padding-left: 5px !important;
}

table.Opta-SideScroll {
  direction: ltr !important;
}

table.Opta-SideScroll table {
  direction: rtl !important;
}

tr.Opta-Name span {
  text-align: center !important;
  width: 100% !important;
}

.Opta.Opta-Narrow .Opta_F_MPC_D .Opta-Selects>div,
.Opta.Opta-Narrow .Opta_F_MPC_H .Opta-Selects>div,
.Opta.Opta-Narrow .Opta_F_PC_D .Opta-Selects>div {
  width: calc(100%/2 - 20px);
}

.Opta .Opta-Ranking .Opta-FeatureHeader td .Opta-Team,
.Opta .Opta-Ranking .Opta-FeatureHeader td .Opta-Team a,
.Opta .Opta-Ranking .Opta-FeatureHeader th .Opta-Team,
.Opta .Opta-Ranking .Opta-FeatureHeader th .Opta-Team a {
  font-size: 14px !important;
}

.owl-carousel.owl-theme.new-slider-for-mobile.owl-loaded.owl-drag {
  direction: ltr !important;
}

.white-btn-cus a.btn.btn-default.btn-outline.btn-xs.card-header__button {
  color: white;
}


a.btn.btn-default.btn-outline.btn-xs.card-header__button {
    padding: 6px 10px;
}

.card__header a:hover {
    background: white !important;
}

.Opta-zoomcontrols {
  background: black !important;
  ;
  opacity: 1 !important;
}

.match-head-padding {
  padding: 2em 0;
}

.header-mobile__search-submit {
  background-color: rgba(255, 255, 255, 0.1);
  cursor: pointer;
}

.header-mobile__search-submit:hover {
  background-color: white;
}

.Opta td,
.Opta th {
  padding: 10px 3px !important;
}

span.trial-v-label {
  font-size: 11px;
  height: 100%;
  background: #ed3b38;
  margin-top: 25px;
  display: inline-block;
  padding: 0px 5px 3px 6px !important;
  line-height: 1.8;
  color: white;
  font-family: 'Jannat-b' !important;
}

th.Opta-Stats-Bars-Text {
  text-align: center !important;
}

.Opta .Opta-Image-Team-Small {
  max-width: 25px !important;
  max-height: 25px !important;
}

.Opta a,
.Opta abbr,
.Opta canvas,
.Opta dd,
.Opta div,
.Opta dl,
.Opta dt,
.Opta fieldset,
.Opta figcaption,
.Opta figure,
.Opta form,
.Opta h2,
.Opta h3,
.Opta h4,
.Opta img,
.Opta label,
.Opta legend,
.Opta li,
.Opta ol,
.Opta p,
.Opta span,
.Opta table,
.Opta tbody,
.Opta td,
.Opta tfoot,
.Opta th,
.Opta thead,
.Opta tr,
.Opta ul {
  vertical-align: middle !important;
}

.Opta .Opta-H4>span,
.Opta .Opta-H3,
.Opta h3 {
  background: #eff1f5 !important;
}

td.Opta-title h3 span {
  font-family: 'Jannat-b' !important;
  font-size: 18px !important;
}

.Opta td,
.Opta th {
  text-align: right !important;
  font-size: 12px !important;
}

.Opta .Opta-Striped tbody tr:nth-child(odd) th,
.Opta .Opta-Striped tbody tr:nth-child(even) th {
  text-align: center !important;
  padding: 0 12px 0 8px !important;
}

.Opta .Opta-Record>span {
  float: right !important;
}

/*مركز المباريات الرئيسية */

.Opta.Opta-Normal.Opta-Nesting table.Opta-Crested tbody:first-child {
  display: none;
}

.Opta.Opta-Normal.Opta-Nesting .widget__content.card__content.new-padd {
  padding: 14px !important;
}

.Opta.Opta-Normal.Opta-Nesting td.Opta-Outer.Opta-Time abbr {
  color: #1019439c;
  font-size: 12px;
}



.Opta.Opta-Nesting tr.Opta-agg.Opta-Odd td:nth-child(2),
.Opta.Opta-Nesting tr.Opta-agg.Opta-Even td:nth-child(2) {
  display: block !important;
  position: absolute !important;
  padding: 0 !important;
  height: auto !important;
  margin-top: -30px !important;
  left: 22px !important;
}

.Opta.Opta-Normal.Opta-Nesting .Opta-Cf.Opta-fixtures-list a.Opta-MatchLink.Opta-Ext {
  font-size: 11px !important;
  color: #101943 !important;
  text-decoration: underline !important;
}

.Opta.Opta-Normal.Opta-Nesting td.Opta-Team {
  font-family: 'Jannat-b' !important;
}

.Opta.Opta-Normal.Opta-Nesting .Opta td,
.Opta.Opta-Normal.Opta-Nesting .Opta th {
  padding: 0 !important;
}

.Opta.Opta-Normal.Opta-Nesting td.Opta-Crest,
.Opta.Opta-Normal.Opta-Nesting td.Opta-Divider.Opta-Dash {
  padding: 0 6px !important;
}

.Opta.Opta-Normal.Opta-Nesting tbody.Opta-fixture {
  border-bottom: 1px solid #eff1f5 !important;
}

.Opta.Opta-Normal.Opta-Nesting .Opta .Opta-Even td,
.Opta.Opta-Normal.Opta-Nesting .Opta .Opta-Even th,
.Opta.Opta-Normal.Opta-Nesting .Opta .Opta-Striped li:nth-child(even),
.Opta.Opta-Normal.Opta-Nesting .Opta .Opta-Striped tbody tr:nth-child(even) td,
.Opta.Opta-Normal.Opta-Nesting .Opta .Opta-Striped tbody tr:nth-child(even) th,
.Opta.Opta-Normal.Opta-Nesting .Opta div.Opta-Even,
.Opta.Opta-Normal.Opta-Nesting .Opta li.Opta-Even,
.Opta.Opta-Normal.Opta-Nesting .Opta .Opta-Odd td,
.Opta.Opta-Normal.Opta-Nesting .Opta .Opta-Odd th,
.Opta.Opta-Normal.Opta-Nesting .Opta .Opta-Striped li:nth-child(odd),
.Opta.Opta-Normal.Opta-Nesting .Opta .Opta-Striped tbody tr:nth-child(odd) td,
.Opta.Opta-Normal.Opta-Nesting .Opta .Opta-Striped tbody tr:nth-child(odd) th,
.Opta.Opta-Normal.Opta-Nesting .Opta div.Opta-Odd,
.Opta li.Opta-Odd {
  background-color: unset !important;
}

.Opta.Opta-Normal.Opta-Nesting .Opta .Opta-H4,
.Opta.Opta-Normal.Opta-Nesting .Opta h4 {
  background: transparent !important;
}

td.Opta-Outer.Opta-Time abbr {
  background: #eff1f5;
  padding: 0px 8px;
  color: #101943 !important;
}

/*ترتيب الدوري الرئيسية */

.Opta .Opta-Record>span {
  display: block;
  float: left;
  width: 19px !important;
  padding: 1px;
  height: 19px !important;
  background-color: #6dbc44;
  color: #fff;
  text-align: center;
  font-size: 13px;
  margin-left: 2px;
  border-radius: 100px !important;
}

.Opta .Opta-Record>span.Opta-Lose {
  background-color: #ff3333 !important;
}

.Opta .Opta-Record>span.Opta-Draw {
  background-color: #ff9932 !important;
}

aside.widget.card.widget--sidebar.widget-standings.hide-to-ipad tr th,
aside.widget.card.widget--sidebar.widget-standings.hide-to-ipad tr td {
  border-bottom: 1px solid #eff1f5 !important;
}

.Opta tfoot th,
.Opta thead th {
  background-color: #f5f5f5 !important;
}



.Opta .Opta-Striped tbody tr:nth-child(even) td {
  background-color: transparent !important;
}


.Opta .Opta-Striped tbody tr:nth-child(even) th {
  background-color: transparent !important;
}

abbr[title="مركز"],
abbr[title="مشاركات"]
{
  display: none;
}

.Opta-Table-Scroll.Opta-Table-Scroll-One-Liner .Opta tfoot th,
.Opta thead th {
  background-color: white !important;
}

.Opta-Table-Scroll.Opta-Table-Scroll-One-Liner tbody tr:nth-child(1) th,
.Opta-Table-Scroll.Opta-Table-Scroll-One-Liner tbody tr:nth-child(2) th,
.Opta-Table-Scroll.Opta-Table-Scroll-One-Liner tbody tr:nth-child(3) th {
  border-right: 2px solid #59ab25 !important;
}

.Opta-Table-Scroll.Opta-Table-Scroll-One-Liner tbody tr:nth-child(4) th {
  border-right: 2px solid #ff9932 !important;
}

.Opta-Table-Scroll.Opta-Table-Scroll-One-Liner tbody tr:nth-child(14) th,
.Opta-Table-Scroll.Opta-Table-Scroll-One-Liner tbody tr:nth-child(15) th,
.Opta-Table-Scroll.Opta-Table-Scroll-One-Liner tbody tr:nth-child(16) th {
  border-right: 2px solid #ff3333 !important;
}

a.Opta-TeamLink.Opta-Ext {
  color: black;
  font-family: 'Jannat-b' !important;
}

.Opta .Opta_F_S.Opta_F_S_N table .Opta-Team {
  width: 16% !important;
}

.Opta .Opta-Record {
  width: 100%;
  min-width: unset !important;
  height: auto !important;
  border: none !important;
  border-left-width: 0 !important;
}

.Opta .Opta-Record>span {
  font-size: 11px;
}

/*standing-table-inner-page*/

/*
.standing-table-inner-page
*/

.standing-table-inner-page tr th,
.standing-table-inner-page tr td {
  border-bottom: 2px solid #eff1f5 !important;
}

.standing-table-inner-page td.Opta-Team {
  color: black;
  font-family: 'Jannat-b' !important;
}

.standing-table-inner-page tbody tr:nth-child(1) th,
.standing-table-inner-page tbody tr:nth-child(2) th,
.standing-table-inner-page tbody tr:nth-child(3) th {
  border-right: 2px solid #59ab25;
}

.standing-table-inner-page tbody tr:nth-child(4) th {
  border-right: 2px solid #ff9932;
}

.standing-table-inner-page tbody tr:nth-child(14) th,
.standing-table-inner-page tbody tr:nth-child(15) th,
.standing-table-inner-page tbody tr:nth-child(16) th {
  border-right: 2px solid #ff3333;
}

.standing-table-inner-page table .Opta-Team {
  width: 20% !important;
}

.standing-table-inner-page thead tr th:last-child {
  width: 30%;
}

.standing-table-inner-page tbody tr th:first-child {
  width: 46px;
}

.standing-table-inner-page tbody tr>td:first-child {
  width: 30px;
}

.standing-table-inner-page .Opta-Image {
  margin: auto;
}

.standing-table-inner-page .Opta .Opta_F_S table .Opta-Image {
  width: auto !important;
}

.col-xs-12.standing-table-inner-page {
  padding: 3em;
  background: #eff1f5;
}

.Opta .Opta-Image-Player-Medium {
  max-width: 20px !important;
  max-height: 30px !important;
}


table.Opta-Ranking tbody tr:first-child td.Opta-Games abbr,
table.Opta-Ranking tbody tr:first-child td.Opta-Score div {
  display: block !important;
}

select#mounth,
a.btn.btn-default.btn-outline.btn-sm.card-header__button {
  display: none;
}

.spacer-lg {
  clear: both;
  opacity: 0;
}

.Opta-Venue {
    border: 8px solid #f5f5f5 !important;
}

.Opta .Opta_F_F.Opta_F_F_G .Opta-fixture {
  flex: 1 0 21%;
    margin: 5px;
  background: whitesmoke;
}

.Opta .Opta-Flex {
  -webkit-justify-content: right !important;
  -moz-justify-content: right !important;
  -ms-justify-content: right !important;
  justify-content: right !important;
}

.sinle-club-page>.container {
  margin-top: -56px !important;
}

main.main-tabs-match section {
  padding: 80px 0;
}

ul.Opta-TabbedContent td {
  border-bottom: 1px solid #f5f5f5;
}

.Opta .Opta-Even td,
.Opta .Opta-Even th,
.Opta .Opta-Striped li:nth-child(even),
.Opta .Opta-Striped tbody tr:nth-child(even) td,
.Opta .Opta-Striped tbody tr:nth-child(even) th,
.Opta div.Opta-Even,
.Opta li.Opta-Even {
  background: white;
}

.Opta-FeatureHeader>td:first-child:after {
  content: "";
  display: block;
  background-color: #66cc33 !important;
  height: 30px;
  z-index: 0;
  right: 9px;
  margin-top: -23px;
}

.Opta-Ranking tbody tr td:first-child:after {
  content: "";
  display: block;
  background-color: #eff1f5;
  height: 30px;
  z-index: 0;
  right: 9px;
  margin-top: -23px;
}

.Opta-FeatureHeader>td {
  position: relative;
}

td.Opta-Rank {
  text-align: center !important;
}

.Opta .Opta-Even td,
.Opta .Opta-Even th,
.Opta .Opta-Striped li:nth-child(even),
.Opta .Opta-Striped tbody tr:nth-child(even) td,
.Opta .Opta-Striped tbody tr:nth-child(even) th,
.Opta div.Opta-Even,
.Opta li.Opta-Even {
  background-color: #ffffff !important;
}

.Opta-Table-Scroll.Opta-Table-Scroll-One-Liner tbody tr:nth-child(1) th:after,
.Opta-Table-Scroll.Opta-Table-Scroll-One-Liner tbody tr:nth-child(2) th:after,
.Opta-Table-Scroll.Opta-Table-Scroll-One-Liner tbody tr:nth-child(3) th:after {
  background: #58ab25 !important;
}

.Opta-Table-Scroll.Opta-Table-Scroll-One-Liner tbody tr:nth-child(4) th:after {
  background: #ff9933 !important;
}

.Opta-Table-Scroll.Opta-Table-Scroll-One-Liner tbody tr:nth-child(14) th:after,
.Opta-Table-Scroll.Opta-Table-Scroll-One-Liner tbody tr:nth-child(15) th:after,
.Opta-Table-Scroll.Opta-Table-Scroll-One-Liner tbody tr:nth-child(16) th:after {
  background: #ff3333 !important;
}

.Opta-Table-Scroll.Opta-Table-Scroll-One-Liner tbody tr:nth-child(1) th,
.Opta-Table-Scroll.Opta-Table-Scroll-One-Liner tbody tr:nth-child(2) th,
.Opta-Table-Scroll.Opta-Table-Scroll-One-Liner tbody tr:nth-child(3) th,
.Opta-Table-Scroll.Opta-Table-Scroll-One-Liner tbody tr:nth-child(4) th,
.Opta-Table-Scroll.Opta-Table-Scroll-One-Liner tbody tr:nth-child(14) th,
.Opta-Table-Scroll.Opta-Table-Scroll-One-Liner tbody tr:nth-child(15) th,
.Opta-Table-Scroll.Opta-Table-Scroll-One-Liner tbody tr:nth-child(16) th {
  color: white !important;
}

.sinle-club-page .next-match-bg:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 380%;
  background: #090f2d;
  top: -94px;
  right: -13px;
  transform: skew(-39deg, 345deg);
  opacity: 0.9;
  z-index: 8;
}

.sinle-club-page>.container {
  margin-top: -58px !important;
}

ul.Opta-Cf {
  display: flex;
}

ul.Opta-Cf li {
  flex-shrink: 1;
  flex-grow: 1;
  flex-basis: 0;
}

ul.Opta-Cf li a {
  width: 100%;
  text-align: center;
}

.Opta .Opta-Nav li.Opta-On a {
  color: #0a345f !important;
  background-color: #ffffff !important;
  border-top: 2px solid #65cc33 !important;
}

.Opta .Opta-Nav>ul.Opta-Overflowed:after {
  top: 0 !important;
  left: 0 !important;
  background-color: #0a345f !important;
  padding: 0 13px !important;
}


.card__content.p-14 {
    padding: 14px;
}


.posts__inner.card__content {
    padding: 0 !important;
}



header.header1:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(10, 52, 95, 0.50);
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}
header.header1 {
    position: relative;
}


.header__primary1 div {
    z-index: 9;
}








.btn-outline.btn-default {
    border-color: transparent !important;
    color: #ffffff !important;
    background: #ffffff0f !important;
    font-size: 11px !important;
}


.widget__title.card__header h4 {
    color: white !important;
}



body.home-page {
    background-color: rgb(4, 8, 39, 0.1) white !important;
}




.numbers-widget tbody tr.Opta-FeatureHeader td:first-child:after {
    background: #58ab24 !important;
}

.numbers-widget tbody tr.Opta-FeatureHeader td:first-child {
    color: white !important;
}



/*
.Opta-Even td, .Opta-Odd td {
    border-bottom: 1px solid #eaeaea !important;
}
*/


.Opta-FeatureHeader>td:first-child {
    color: white !important;
}



.stat-in-page {
    background: #d0d0d0;
}



.Opta .Opta-Stats-Bars .Opta-Bars-Full .Opta-Percent.Opta-Home {
    float: right !important;
}


.Opta .Opta-Card .Opta-Flag {
    left: 4px !important;
  right: auto !important;
}


.Opta p{
  text-align: right !important;
}




table.Opta-Stats-Bars * {
    text-align: center !important;
}



th.Opta-Stats-Bars-Text {
    color: black !important;
    font-size: 1em !important;
    padding-bottom: 0 !important;
}


td.Opta-Outer.Opta-Outer-bigger {
    font-size: 1.8em !important;
}


td.Opta-Outer {
    /* background: #65cc32; */
    /* display: inline-block; */
    /* color: white !important; */
    font-size: 1.8em !important;
}



main.main-tabs-match label {
    float: right;
}


.container.tabs-margin {
    margin-top: -58px;
}



.match-head-padding .Opta .Opta_F_LA .Opta-Overlay .Opta .Opta-Stats-Bars tbody th{
  color: #fff !important;
}



.match-head-padding td.Opta-Outer.Opta-Outer-bigger{
  background: transparent !important;
}






td.Opta-Crest.Opta-Home {
    text-align: center !important;
}

td.Opta-Team.Opta-Home.Opta-Team-Left {
    text-align: right !important;
}

td.Opta-Team.Opta-Away.Opta-Team-Right.Opta-TeamName {
    text-align: left !important;
}

td.Opta-Crest.Opta-Away {
    text-align: center !important;
}




.Opta-FeatureHeader>td:first-child,
.Opta-Ranking tbody tr td:first-child{
    text-align: center !important;
  padding-top: 19px !important;
}





.Opta .Opta-Overlay .Opta-Close {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px !important;
    background: url(https://secure.widget.cloud.opta.net/v3/assets/images/sprites/controls.svg) -52px -92px/219px 186px no-repeat !important;
    width: 15px !important;
    height: 16px !important;
    z-index: 10 !important;
    cursor: pointer !important;
    padding-top: 2px !important;
}


.Opta .Opta-Overlay .Opta-Close {
    background-color: white !important;
    padding: 9px !important;
}






.card__header img{
    position: absolute;
    right: auto !important;
    left: -48px !important;
    height: 100%;
    top: 0;
    width: auto;
  margin: 0 !important;
}







.Opta .Opta-CrestHolder, .Opta .Opta-Vertical .Opta-CrestHolder {
    right: 50%;
    transform: translateX(50%);
    width: auto;
}



.Opta .Opta-Ranking-Bars.Opta-Vertical .Opta-Score {
    text-align: center !important;
}

.Opta .Opta-Ranking-Bars .Opta-Score div {
    background-color: #65cc32 !important;
}


.Opta .Opta-Ranking-Bars .Opta-Score .Opta-Rating {
    text-shadow: none !important;
}


.Opta .Opta-Ranking-Bars.Opta-Vertical .Opta-Player>div, .Opta .Opta-Ranking-Bars.Opta-Vertical .Opta-Team>div {
    text-align: center;
    vertical-align: top;
    background-color: #09345f !important;
}


.Opta .Opta-Ranking-Bars.Opta-Vertical .Opta-Player, .Opta .Opta-Ranking-Bars.Opta-Vertical .Opta-Team {
    padding-top: 0;
    padding-bottom: 0;
    background-color: #09345f !important;
    vertical-align: top;
}



ul.Opta-Cf {
    display: flex;
    flex-wrap: wrap;
}

.Opta .Opta-Dropdown>.Opta-Nav ul {
    border: 0 !important;
}


ul.Opta-Cf li {
    width: 20%;
}


.Opta .Opta-Selection-Slide .Opta-Options {
    background: #f3f3f3 !important;
}


.Opta .Opta-Selection-Slide .Opta-Options li {
    color: black !important;
    width: 100% !important;
    display: inline-block !important;
}

.Opta .Opta-Selection-Slide .Opta-Options li:not(.Opta-Selected):hover {
    background: #e0e0e0 !important;
}


.Opta.Opta-Narrow .Opta-Selection-Slide .Opta-Options ul {
    margin-bottom: 20px !important;
}



.Opta .Opta-Selection-Slide .Opta-Options ul {
    float: none;
    display: inline-block;
    padding: 10px;
}



.Opta-Options.Opta-Cf > ul:nth-child(2) {
    background: white;
}

.Opta-Options.Opta-Cf {
    padding: 10px;
}



.Opta-Options.Opta-Cf ul {
    vertical-align: top !important;
}



.container.tabs-margin h3.subHeader {
    margin-top: 70px;
}



text.c3-axis-x-label {
    transform: translatey(-8px);
}



main.main-tabs-match section {
    padding: 120px 0;
}


main.main-tabs-match section .col-12.col-md-4 {
    margin-bottom: 20px;
}




.Opta .Opta-Graph text {
    transform: translateX(-18px);
}


text.c3-axis-x-label {
    transform: translateY(-7px) !important;
}


table.tablesorter-default {
    padding: 3% !important;
}


table.tablesorter-default thead tr th {
    background: #eff1f5 !important;
}


.Opta table thead th.Opta-Sort.Opta-Sort-HeaderSortDown,
.Opta table thead th.Opta-Sort.Opta-Sort-HeaderSortUp {
    color: #31404b !important;
}


.Opta-Ref td {
    border-bottom: 1px solid #eff1f5 !important;
}



.table-map .col4>span:first-child {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50px !important;
    margin: 0 2px;
}

span.green {
    background: #58ab24;
}

span.orang {
    background: #ff9932;
}

span.red {
    background: #ff3333;
}

.d-flex.table-map span.title {
    font-size: 12px;
}

.d-flex.table-map {
    margin-top: 12px;
}



.Opta-Flex.Opta-Stats-Section-Defence-Graphs .Opta-Flex-Item,
.Opta-Flex.Opta-Stats-Section-Distribution-Mixed .Opta-Flex-Item {
    flex-basis: 30%;
}


.Opta .Opta-Ranking-Bars.Opta-Vertical .Opta-Team, .Opta .Opta-Ranking-Bars.Opta-Vertical .Opta-Team>div {
    background: transparent !important;
    border: 0 !important;
}


.Opta .Opta-Ranking-Bars.Opta-Vertical .Opta-Team>div .Opta-Name {
    color: #09345f !important;
}


.Opta .Opta_F_CS_N .Opta-Flex-Item {
    flex-basis: 25%;
}


.Opta .Opta-Ranking-Bars.Opta-Vertical.Opta-Crested .Opta-Team>div .Opta-Name {
    padding-top: 8px !important;
}


.Opta .Opta-Ranking .Opta-FeatureHeader td .Opta-Team{
    color: #868686 !important;
}

.Opta h4 {
    color: black !important;
}


.Opta h4 {
    border: 0 !important;
}



.Opta .Opta_F_CS_N .Opta-stats-active:hover {
    background-color: #eceff5 !important;
}



.Opta .Opta-Nav a {
    background-color: #f5f5f5 !important;
}


.Opta .Opta-Nav a:hover {
    background-color: #e3e7ef !important;
}




.Opta .Opta-CrestHolder img, .Opta .Opta-Vertical .Opta-CrestHolder img {
    width: 26px !important;
    height: 26px !important;
}

.Opta .Opta-Ranking-Bars.Opta-Vertical.Opta-Crested .Opta-Team>div .Opta-CrestHolder {
    width: auto !important;
}


.Opta .Opta-Nav li {
    border: 0 !important;
}


tr.Opta-Even.Opta-FeatureHeader.Opta-Player td.Opta-Score>div, tr.Opta-Odd.Opta-FeatureHeader.Opta-Player td.Opta-Score>div {
    display: none;
}




.Opta h4 span {
    color: white !important;
}





td.Opta-title h4 span {
    color: #0a345f !important;
    background: #eff1f5 !important;
}










aside.widget.card.widget--sidebar.widget-standings.hide-to-ipad tbody tr th {
    border-right: 2px solid #ffffff;
}



td.Opta-Image {
    text-align: center !important;
}


.d-flex.table-map .row {
    flex-basis: 100% !important;
}


.d-flex.table-map .col-4 {
    flex-basis: 0 !important;
    flex-shrink: 1 !important;
    flex-grow: 1 !important;
}




main.main-tabs-match img.Opta-Image-Team-Medium {
    width: 60px !important;
    height: auto !important;
}

.Opta-Flex-Item .Opta-Stats.Opta-Stats-Pitch-Halfs .Opta-Stat text {
    direction: ltr;
}

.Opta-previous tr.Opta-Scoreline td.Opta-Team.Opta-Home {
    text-align: left !important;
}

.Opta-Flex-Item.Opta-Stats-Nested .Opta-Stats.Opta-Stats-Text {
    height: 100%;
    display: table;
    margin: auto !important;
}

.Opta-Flex-Item.Opta-Stats-Nested .Opta-Stat {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.Opta-Stats.Opta-Stats-Football-Box .Opta-Stat {
    margin: auto !important;
    display: block;
}

rect.Opta-Graph-Line {
    x: 8 !important;
}


.Opta-fixture.Opta-result img.Opta-Image-Team-Medium,
.Opta-fixture.Opta-prematch img.Opta-Image-Team-Medium {
  width: 60px !important;
    height: auto !important;
}

p.Opta-Direction.Opta-Horizontal {
    text-align: center !important;
}

p.Opta-Direction.Opta-Horizontal {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

p.Opta-Direction.Opta-Horizontal span {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}




/*
img.Opta-Image-Team-Medium {
  max-width: 25px !important;
  max-height: 25px !important;
}
*/

.Opta-Selection-Slide.Opta-js-selection-0 {
    margin-bottom: 20px;
}

td.Opta-Crest {
    text-align: center !important;
}


@media (min-width : 480px) {
.Opta .Opta-Selection-Slide .Opta-Options ul {
    float: right !important;
    width: 33.33% !important;
}
}


.container.standing-table-inner-page {
    padding: 100px 0  !important;
}




.Opta .Opta-Stats-Text .Opta-Stat {
    margin: 23px 0 !important;
}




.Opta-Cf.Opta-Table-Scroll tbody tr:nth-child(odd) td:not(:first-child) {
    background-color: #fff;
    text-align: center !important;
}



.Opta-Cf.Opta-Table-Scroll tbody tr:nth-child(even) td:not(:first-child) {
    background-color: #ffffff !important;
    text-align: center !important;
}



.Opta-Ref td:first-child {
    text-align: right !important;
}




.Opta-PlayerName {
    text-align: right !important;
}

table.Opta-Ranking tr {
    border-bottom: 1px solid #eff1f5;
}



.Opta .Opta-CrestHolder, .Opta .Opta-Vertical .Opta-CrestHolder {
    border-radius: 80px !important;
}





.standing-table-inner-page tbody tr:nth-child(odd) th:after,
.standing-table-inner-page tbody tr:nth-child(even) th:after {
    width: 26px !important;
  content: "";
  display: block;
  height: 21px;
  background: #eff1f5;
  top: 9px;
  z-index: 0;
  margin-top: -18px;
  margin-right: -2px;
}

.standing-table-inner-page tbody tr:nth-child(1) th,
.standing-table-inner-page tbody tr:nth-child(2) th,
.standing-table-inner-page tbody tr:nth-child(3) th,
.standing-table-inner-page tbody tr:nth-child(4) th,
.standing-table-inner-page tbody tr:nth-child(14) th,
.standing-table-inner-page tbody tr:nth-child(15) th,
.standing-table-inner-page tbody tr:nth-child(16) th{
  color: white !important; 
}


.standing-table-inner-page tbody tr:nth-child(1) th:after,
.standing-table-inner-page tbody tr:nth-child(2) th:after,
.standing-table-inner-page tbody tr:nth-child(3) th:after{
    background: #59ab25 !important;
}


.standing-table-inner-page tbody tr:nth-child(4) th:after{
    background: #ff9932 !important;
}


.standing-table-inner-page tbody tr:nth-child(14) th:after,
.standing-table-inner-page tbody tr:nth-child(15) th:after,
.standing-table-inner-page tbody tr:nth-child(16) th:after{
    background: #ff3333 !important;
}



.Opta-Table-Scroll.Opta-Table-Scroll-One-Liner tbody tr:nth-child(odd) th:after,
.Opta-Table-Scroll.Opta-Table-Scroll-One-Liner tbody tr:nth-child(even) th:after {
  content: "";
  display: block;
  height: 21px;
  background: #eff1f5;
  top: 9px;
  z-index: 0;
  margin-top: -18px;
      width: 24px !important;
}





.Opta .Opta-Ranking-Bars .Opta-FeatureHeader td, .Opta .Opta-Ranking-Bars .Opta-FeatureHeader th {
    background: white !important;
  color: #404040 !important;
}




section#content6 .col-12.col-md-6 {
    margin-bottom: 20px;
}


span.Opta-PlayerName {
    text-align: center !important;
}



.Opta-Cf.Opta-Tabs a.Opta-TeamLink.Opta-Ext {
    color: black !important;
}




.Opta .Opta_W.Opta_F_ML_N .Opta-Overlay img, .Opta .Opta_W.Opta_F_ML_N .Opta-Overlay ul {
    float: right !important;
}




.Opta .Opta_W.Opta_F_ML_N .Opta-Overlay li .Opta-Event-Text {
    margin-right: 20px !important;
}



.Opta .Opta-Overlay .Opta-Close {
    left: 10px !important;
    right: auto !important;
}




img.Opta-Image-Team-Medium{
  max-width: 25px !important;
    max-height: 25px !important;
}


.Opta .Opta-Stats-Text .Opta-Stat {
    border: 1px solid #6bbe3a !important;
    margin: 4px !important;
    padding: 8px;
    border-radius: 8px !important;
}

.Opta .Opta_F_CS_N .Opta-stats-active .Opta-Stat:hover {
     border: 1px solid #6bbe3a !important;
    background: #6bbe3a;
}

.Opta .Opta_F_CS_N .Opta-stats-active:hover {
    background-color: unset !important;
}





.d-flex.table-map .col4 {
    margin: 0 4px;
}




td.Opta-Outer.Opta-Time {
    font-size: 14px !important;
}



.sponsors-logos-slider-center .owl-dots,
.sponsors-logos-slider-center .owl-nav {
    display: block;
}

.owl-dots span {
    width: 13px;
    height: 10px;
    display: block;
    background: white;
    margin: 0 4px;
    opacity: 0.5;
}

.owl-dots .active span {
    opacity: 1;
}

.owl-dots {
    text-align: center;
}

.sponsors-logos-slider-center { 
  animation-duration: 1000ms;
  animation-fill-mode: both; 
}


.grayscalelogo{
   -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.2
}

.sponsors-logos-slider-center img {
    display: inline-block !important;
}

footer#footer {
    overflow: hidden;
}

.logos-cont{
      text-align: center;
    background: white;
}

.sponsors-logos-slider-center img {
    display: inline-block !important;
    width: 15.6% !important;
    height: auto !important;
}


@media (min-width: 480px) {

 .header-logo__img {
    position: relative;
}
  
}

ul#pills-tab {
    display: flex;
}

ul#pills-tab li {
    flex-grow: 1;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #0a345f !important;
    background-color: #ffffff !important;
    border-top: 2px solid #65cc33 !important;
}

.nav-pills .nav-link {
    border-radius: .25rem;
    background-color: #f5f5f5 !important;
    color: #404040;
}

@media (max-width: 579px) {
.footer-col-inner img {
    margin: 0 auto 50px !important;
}
}



svg.Opta-Responsive-Svg {
    min-height: 460px !important;
}



.Opta div.Opta-Dropdown.Opta-Dropdown-Half {
    width: calc(49% - 5px);
}

.card.card--clean.numbers-widget ul.Opta-Cf li {
    flex-basis: auto !important;
     width: auto;
}



.nav-pills .nav-link.active {
    color: #0a345f !important;
    background-color: #ffffff !important;
    border-top: 2px solid #65cc33 !important;
}

td.Opta-Games, td.Opta-Score {
    width: 100px;
}


.row.logo-cont {
    display: none;
}

img[src="/sites/default/files/2018-08/ads_0.jpeg"] {
    display: none;
}

.Opta-item span {
    color: white !important;
}

.Opta .Opta-MatchHeader .Opta-Divider, .Opta .Opta-MatchHeader .Opta-Versus {
    width: 32px !important;
}

.Opta-Nest.Opta-countdownoverlay .Opta .Opta_W.Opta_F_MC_N .Opta-countdown .Opta-MatchHeader .Opta-Divider abbr {
    text-align: center !important;
}

.Opta-Nest.Opta-countdownoverlay .Opta .Opta_W.Opta_F_MC_N .Opta-countdown .Opta-MatchHeader .Opta-Crest {
    width: 120px !important;
}

.Opta-countdown img.Opta-Image-Team-Medium {
    max-width: 50px !important;
    max-height: 50px !important;
}




html[dir="rtl"] table {
    direction: rtl;
}




html[dir="rtl"] .Opta .Opta_F_F.Opta_F_F_G .Opta-fixture .Opta-Team {
    float: right;
}






























/* Reset Select */
select#seasonID {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  box-shadow: none;
  border: 0 !important;
  color: #2c3e50;
  background-image: none;
}
/* Remove IE arrow */
select#seasonID::-ms-expand {
  display: none;
}
/* Custom Select */
.select-style {
  position: relative;
  display: flex;
  width: 20em;
  height: 3em;
  line-height: 3;
  background: #1b2763;
  overflow: hidden;
  border-radius: .25em;
}
select#seasonID {
  flex: 1;
  padding: 0 .5em;
  cursor: pointer;
}
/* Arrow */
.select-style::after {
  content: '\25BC';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 0.5rem 1rem;
    font-size: 14px;
    background: #1b2763;
    color: white;
    cursor: pointer;
    pointer-events: none;
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
}
/* Transition */
.select-style:hover::after {
  color: #6ebc43;
}

.select-style select {
    width: 100%;
      border: 0;
    padding: 0 1rem;
}













































form.webform-submission-form.webform-submission-add-form,
form.webform-submission-form.webform-submission-add-form .webform-section-wrapper fieldset .fieldset-wrapper,
form.webform-submission-form.webform-submission-add-form .webform-section-wrapper,
form.webform-submission-form.webform-submission-add-form .webform-section-wrapper fieldset,
form.webform-submission-form.webform-submission-add-form fieldset .fieldset-wrapper,
form.webform-submission-form.webform-submission-add-form fieldset,
form.webform-submission-form.webform-submission-add-form>div td,
.webform-multiple-add.js-webform-multiple-add.container-inline {
  display: flex;
  flex-wrap: wrap;
  flex-basis: 100%;
  justify-content: space-between;
  align-items: baseline;
}

.webform-multiple-add.js-webform-multiple-add.container-inline {
  align-items: flex-end;
}

form.webform-submission-form.webform-submission-add-form tr.draggable td {
  flex-basis: 100%;
}

form.webform-submission-form.webform-submission-add-form>div,
form.webform-submission-form.webform-submission-add-form .webform-section-wrapper>div,
form.webform-submission-form.webform-submission-add-form .webform-section-wrapper fieldset .fieldset-wrapper>div,
form.webform-submission-form.webform-submission-add-form fieldset .fieldset-wrapper>div,
form.webform-submission-form.webform-submission-add-form>div,
form.webform-submission-form.webform-submission-add-form .js-form-item-elements tr.draggable td,
fieldset.radios--wrapper.fieldgroup.form-composite.webform-composite-visible-title.required.js-webform-type-radios.webform-type-radios.js-form-item.form-item.js-form-wrapper.form-wrapper,
form.webform-submission-form.webform-submission-add-form>div td>div,
.webform-multiple-add.js-webform-multiple-add.container-inline>input,
.webform-multiple-add.js-webform-multiple-add.container-inline>div,
form.webform-submission-form.webform-submission-add-form>div>div {
  flex-basis: 49%;
  justify-content: space-between;
  position: relative !important;
}

/****** select tag style ******/

form.webform-submission-form.webform-submission-add-form select {
  padding: 1.22em 1em 1.22em 1em;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0 !important;
  box-shadow: none !important;
  border: 0 !important;
  background: #f2f3f5 !important;
  background-image: none;
}

form.webform-submission-form.webform-submission-add-form .js-form-type-select:after {
  content: '\25BC';
  position: absolute;
  bottom: 14px;
  left: 17px;
  color: #6f6f6f;
  padding: 0 0em;
  background: #f2f3f5;
  cursor: pointer;
  pointer-events: none;
  font-size: 7px;
}

/****** checkbox tag style ******/

form.webform-submission-form.webform-submission-add-form input:not(.form-checkbox):not(.form-radio) {
  margin: 0;
  height: 50px;
  width: 100%;
  border-radius: 4px;
  box-shadow: none !important;
  border: 1px solid #dcdcdc;
  padding: 10px 20px;
}

/****** upload file element style ******/

.form-managed-file>input {
  flex-basis: 50%;
}

.form-managed-file {
  display: flex;
}

.form-managed-file>input:nth-child(1) {
  border-radius: 0 4px 4px 0 !important;
}

.form-managed-file>input:nth-child(2) {
  border-radius: 4px 0 0 4px !important;
  border-right: 0 !important;
  background: #efefef;
  transition: var(--trans);
  cursor: pointer;
}

.form-managed-file>input:nth-child(2):hover {
  background: #09673d;
  color: white;
  border-color: #09673d !important;
}

/****** Responsive style ******/

@media(max-width: 768px) {
  form.webform-submission-form.webform-submission-add-form>div,
  form.webform-submission-form.webform-submission-add-form .webform-section-wrapper>div,
  form.webform-submission-form.webform-submission-add-form .webform-section-wrapper fieldset .fieldset-wrapper>div,
  form.webform-submission-form.webform-submission-add-form fieldset .fieldset-wrapper>div,
  form.webform-submission-form.webform-submission-add-form>div,
  form.webform-submission-form.webform-submission-add-form .js-form-item-elements tr.draggable td,
  fieldset.radios--wrapper.fieldgroup.form-composite.webform-composite-visible-title.required.js-webform-type-radios.webform-type-radios.js-form-item.form-item.js-form-wrapper.form-wrapper,
  form.webform-submission-form.webform-submission-add-form>div td>div,
  .webform-multiple-add.js-webform-multiple-add.container-inline>input,
  .webform-multiple-add.js-webform-multiple-add.container-inline>div,
  form.webform-submission-form.webform-submission-add-form>div>div {
    display: inline-flex;
    flex-direction: column;
    position: relative;
    flex-basis: 100%;
  }
  .form-composite.webform-fieldset--title-inline .fieldset-wrapper,
  .form-composite.webform-fieldset--title-inline .fieldset-wrapper>div {
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 16px 0;
  }
}

@media(min-width: 768px) {
  .webform-multiple-add.js-webform-multiple-add.container-inline>input,
  .webform-multiple-add.js-webform-multiple-add.container-inline>div {
    flex-basis: 50%;
  }
  .webform-multiple-add.js-webform-multiple-add.container-inline>input {
    border-radius: 4px 0 0 4px !important;
  }
  .webform-multiple-add.js-webform-multiple-add.container-inline>div input {
    border-radius: 0 4px 4px 0 !important;
  }
  form.webform-submission-form.webform-submission-add-form {
    display: flex;
    flex-wrap: wrap;
    width: 70%;
    margin: 100px auto;
  }
  form.webform-submission-form.webform-submission-add-form .js-form-type-textarea,
  form.webform-submission-form.webform-submission-add-form .js-form-type-textarea .form-checkboxes,
  .js-form-item.form-item.js-form-type-select.form-item-question.js-form-item-question {
    flex-basis: 100% !important;
  }
}

/****** checkbox items style ******/

.js-form-type-checkbox {
  background: #f7f7f7;
  padding: 1.5em;
  border-radius: 4px;
  margin-bottom: 2em;
  display: flex;
}

.js-form-type-checkbox input {
  flex-basis: 2%;
  margin-top: 0.5em;
}

.js-form-type-checkbox label {
  flex-basis: 98%;
}

/****** input[type=number] style ******/

input[type=number]::-webkit-inner-spin-button {
  position: absolute;
  left: 0;
  top: 0;
  bottom: -2px;
  padding: 7px;
  color: gainsboro;
}

input[type=number] {
  position: relative;
}

input[type=number]::-webkit-inner-spin-button {
  opacity: 0.5;
}

/****** radio question style ******/

input[type=radio]:checked~.check {
  border: 5px solid #0DFF92;
}

input[type=radio]:checked~.check::before {
  background: #0DFF92;
}


.js-form-type-radio {
  position: relative !important;
  text-align: center;
}

.js-webform-radios>div {
    flex-basis: 49.8%;
    background: #e8e8e8;
}

.js-webform-radios {
  display: flex;
  flex-grow: 1;
  border-radius: 0 0 4px 4px !important;
}

.js-form-type-radio>input {
  height: auto !important;
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.js-form-type-radio {
  position: relative !important;
}

.js-form-type-radio>input:focus {
  outline: 0;
  border: 0;
  box-shadow: unset;
}

/****************************/

/****** general style ******/

/**************************/

.webform-multiple-add.js-webform-multiple-add.container-inline>div {
  order: -1;
}

.js-form-item.form-item.js-form-type-checkbox {
  flex-basis: 100%;
}

input.button.js-form-submit.form-submit.form-control:not(.js-hide) {
  background: #09673d !important;
  border: 0 !important;
  color: white;
  cursor: pointer;
  transition: var(--trans);
}

input.button.js-form-submit.form-submit.form-control:not(.js-hide):hover {
  background: #055833 !important;
}

.form-item-elements>label {
  font-size: 30px !important;
  font-family: 'big-title', 'main', sans-serif;
  margin-bottom: 40px;
  display: block;
  color: #0b663c;
  margin-top: 50px;
  padding-top: 40px;
}

tr.draggable {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
}

.js-form-item,
table {
  width: -webkit-fill-available;
}

.js-form-item label {
  font-size: 18px;
}

select,
input {
  height: 59px !important;
}

.fieldset-wrapper {
  background: whitesmoke;
  border-radius: 4px;
}

.form-control {
  border-radius: 4px !important;
}

.form-control {
  border: 1px solid #dcdcdc;
}

.dropdown-menu.setting-sub-menu.show {
  background: white;
}

.webform-submission-incident-form-form .js-form-type-radio,
.webform-submission-form.webform-submission-add-form .js-form-type-radio {
  margin: 0 !important;
  display: flex;
}

div#webform_submission_complaint_form_add_form-ajax {
  width: 100%;
}

form.webform-submission-form.webform-submission-add-form {
  display: flex;
  flex-wrap: wrap;
  flex-basis: 100%;
}

form.webform-submission-add-form .form-actions {
  flex-basis: 100% !important;
}

fieldset.webform-composite-hidden-title .fieldset-wrapper>.form-item:first-child,
fieldset.webform-composite-hidden-title .fieldset-wrapper>.form-wrapper>.form-item:first-child,
fieldset.webform-composite-hidden-title .fieldset-wrapper>.webform-flexbox:first-child,
fieldset.webform-composite-hidden-title .fieldset-wrapper>.form-item:last-child,
fieldset.webform-composite-hidden-title .fieldset-wrapper>.form-wrapper>.form-item:last-child,
fieldset.webform-composite-hidden-title .fieldset-wrapper>.webform-flexbox:last-child {
  margin-top: 1em;
}

form.webform-submission-form.webform-submission-add-form .webform-section-wrapper>div,
form.webform-submission-form.webform-submission-add-form>div,
form.webform-submission-form.webform-submission-add-form .webform-section-wrapper fieldset .fieldset-wrapper>div:not(.js-webform-radios),
form.webform-submission-form.webform-submission-add-form .webform-section-wrapper fieldset .fieldset-wrapper>fieldset,
form.webform-submission-form.webform-submission-add-form>div td>div,
form.webform-submission-form.webform-submission-add-form>div td>fieldset,
form.webform-submission-form.webform-submission-add-form .webform-section-wrapper fieldset {
  margin-bottom: 2em !important;
}

.form-actions input {
  cursor: pointer;
}

.js-webform-type-radios legend {
  background: #efefef !important;
  margin: 0;
  padding: 1em;
  border-radius: 4px 4px 0 0;
}

/*  data forms */



.webform-submission-data .js-form-item.webform-element {
    margin-bottom: 2em !important;
    margin: 0 15px;
    background: #f7f7f7;
    padding: 25px 15px;
} 
@media screen and (min-width: 768px){
  .webform-submission-data .js-form-item.webform-element{
    flex: 1 0 25%;
    /*max-width: 25%*/
  }
}

.webform-submission-data .webform-section-title{
      text-align: center !important;
}
.webform-submission-data .webform-section-wrapper{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.webform-submission-data #experts_form--experiences .webform-section-wrapper{
  /* display: block; */
  align-items: flex-start;
}
.webform-submission-data #experts_form--experiences  #experts_form--elements{
  background: transparent;
}
@media screen and (min-width: 768px){
.webform-submission-data #experts_form--experiences  #experts_form--elements{
    flex: 0 0 65%;
    max-width: 65%;
    margin: 0;
    padding: 0;
}
.webform-submission-data #experts_form--experiences  #experts_form--elements ul li{
    flex: 0 0 50%; 
    max-width: 50%;
    margin: 0 15px;

}
.webform-submission-data #experts_form--experiences  #experts_form--elements ul{
  display: flex;
}
}

.webform-submission-data #experts_form--experiences  #experts_form--elements ul li{
    margin-bottom: 2em !important;
    background: #f7f7f7;
    align-self: flex-start;
    padding: 25px 15px;
}
.webform-submission-data #experts_form--experiences  #experts_form--elements label{
  display:none;
}

.webform-submission-data  #experts_form--training_courses ,
.webform-submission-data #experts_form--resume{
      flex: 0 0 100%;
    max-width: 100%;

}
.webform-submission-data  #experts_form--training_courses ul li{
    display: flex;
    justify-content: space-between;
        flex-wrap: wrap;
}
.webform-submission-data  ul li{
  list-style: none;
}
.webform-submission-data #submit_practitioner_application--scientific_and_technical_certificates_for_employees{
  background: transparent;
}
.webform-submission-data #submit_practitioner_application--scientific_and_technical_certificates_for_employees label{
    font-size: 30px;
    font-family: 'big-title', 'main', sans-serif;
    margin-bottom: 40px;
    display: block;
    color: #0b663c;
    padding-top: 40px;
    text-align: center;
}
.webform-submission-data #submit_practitioner_application--scientific_and_technical_certificates_for_employees ul li{
    margin-bottom: 2em !important;
    background: #f7f7f7;
    padding: 25px 15px;
}
@media screen and (min-width: 768px ){
    .webform-submission-data #submit_practitioner_application--scientific_and_technical_certificates_for_employees ul {
      display: flex;
      flex-wrap: wrap;
    }
}
html[dir=ltr] form.webform-submission-form.webform-submission-add-form .js-form-type-select:after{
      left: unset !important;
    right: 17px;
}
.form-managed-file span.file{
      align-self: stretch;
    padding: 0 1em;
    background: #f7f7f7;
    display: flex;
    align-items: center;
    opacity: 0.5;
    flex: 1;
}
html[dir=ltr] .form-managed-file input.button:not(.js-hide){
      border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
        border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}
.form-managed-file input.button:not(.js-hide){    
    flex: 0;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.fieldset-wrapper label.option{
  margin: 0;
}
fieldset.radios--wrapper.fieldgroup.form-composite.webform-composite-visible-title.required.js-webform-type-radios.webform-type-radios.js-form-item.form-item.js-form-wrapper.form-wrapper{
      align-self: normal !important;

}

@media (max-width: 768px){
fieldset.radios--wrapper.fieldgroup.form-composite.webform-composite-visible-title.required.js-webform-type-radios.webform-type-radios.js-form-item.form-item.js-form-wrapper.form-wrapper {
    align-self: auto !important;
}
}



label.js-form-required.form-required {
    background-color: white;
    color: black;
  margin-bottom: 0px;
}

.webform-button--submit {
    background: #073e77;
    color: white;
}


.form-select {
    width: 100% !important;
    padding: 10px 20px !important;
}


.js-form-item textarea{
  width: 100%;
}


label.js-form-required.form-required:after {
    content: "*";
    color: red;
    margin-right: -6.2px;
    position: absolute;
}






html[lang="en"]  .col-12.top-banner.ar,
html[lang="ar"]  .col-12.top-banner.en{
  display: none;
}






@media (min-width: 991px) {
.top-banner img {
        max-width: 66%;
  }
}




.top-banner img {
    margin-bottom: 2rem !important;
    position: static;
    margin: auto;
    display: block;
}

#content1 .row.align-items-center .col-lg-3 ,
#content2 .row.align-items-center .col-lg-3 ,
#content3 .row.align-items-center .col-lg-3 ,
#content4 .row.align-items-center .col-lg-3 ,
#content5 .row.align-items-center .col-lg-3 ,
#content6 .row.align-items-center .col-lg-3 {
  max-width: fit-content !important;
}

#content1 .row.align-items-center .col-lg-3.select-style ,
#content2 .row.align-items-center .col-lg-3.select-style ,
#content3 .row.align-items-center .col-lg-3.select-style ,
#content4 .row.align-items-center .col-lg-3.select-style ,
#content5 .row.align-items-center .col-lg-3.select-style ,
#content6 .row.align-items-center .col-lg-3.select-style {
  max-width: 25% !important;
}

.Opta .Opta-MatchHeader .Opta-Divider, .Opta .Opta-MatchHeader .Opta-Divider abbr, .Opta .Opta-MatchHeader .Opta-Versus, .Opta .Opta-MatchHeader .Opta-Versus abbr {
    font-size: 18px !important;
}