/* CSS Document */
@font-face {
font-family:BebasNeue-Regular;
src: url("../fonts/BebasNeue-Regular.eot") /* EOT file for IE */
}
@font-face {
font-family:BebasNeue-Regular;
src: url("../fonts/BebasNeue-Regular.ttf") /* TTF file for CSS3 browsers */
}

@font-face {
font-family:GreatVibes-Regular;
src: url("../fonts/GreatVibes-Regular.eot") /* EOT file for IE */
}
@font-face {
font-family:GreatVibes-Regular;
src: url("../fonts/GreatVibes-Regular.ttf") /* TTF file for CSS3 browsers */
}

@font-face {
font-family:WoodfordBournePRO-Regular;
src: url("../fonts/WoodfordBournePRO-Regular.eot") /* EOT file for IE */
}
@font-face {
font-family:WoodfordBournePRO-Regular;
src: url("../fonts/WoodfordBournePRO-Regular.otf") /* TTF file for CSS3 browsers */
}

@font-face {
font-family:woodfordbourne-thin-webfont;
src: url("../fonts/woodfordbourne-thin-webfont.eot") /* EOT file for IE */
}
@font-face {
font-family:woodfordbourne-thin-webfont;
src: url("../fonts/woodfordbourne-thin-webfont.ttf") /* TTF file for CSS3 browsers */
}

@font-face {
font-family:Philosopher-Regular;
src: url("../fonts/Philosopher-Regular.eot") /* EOT file for IE */
}
@font-face {
font-family:Philosopher-Regular;
src: url("../fonts/Philosopher-Regular.ttf") /* TTF file for CSS3 browsers */
}
body, h1, h2, h3, h4, h5, h6,ul,li, p, ol, table, tr, td, a, div, span, *{
	font-family: system-ui;
	margin:0px;
	padding:0px;
	font-size: 16px;
	color: #000;
	box-sizing:
	border-box;
}
body{
	background: #f7f9fc url('../img/flags.jpg') repeat center -60px;
	color:#000;
	box-sizing:
	border-box;
	/*font-family:Philosopher-Regular;*/
}
.clear{
	clear:both;
}
.hedar {
    width: 100%;
    /* background: #000f2c; */
    /* background-color: #7792c9; */
    background-image: linear-gradient(315deg, #2db5d9 0%, #7792c9 74%);
    padding: 25px 0 25px 0;
    position: fixed;
    top: 0;
    z-index: 9;
	box-shadow:0 3px 6px 3px #0404047d;
}
.hedar .inr-hdr {
    width: 100%;
    margin: 0 auto;
    max-width: 1280px;
    padding: 0 10px;
}
.hedar .inr-hdr .menu{
	display:none;
}
.hedar a{
	text-decoration:none;
	font-size: 14px;
	color:#fff;
	font-weight: bold;
	line-height: 20px;
	text-transform: uppercase;
	margin-bottom:5px;
}
.hedar a img{
	width: 70px;
    vertical-align:middle;
	float: left;
	margin-right: 3px;
}
.hedar a font{
	color: #fff;
	font-size: 22px;
}
.hedar ul{
	float:right;
}
.hedar ul li{
	list-style:
	none;
	display:table-cell;
	padding:0 10px;
	border-right: 1px solid #fff;
}
.hedar ul li:last-child{
	border-right:none;
}
.hedar ul li a {
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    /* border-radius: 5px; */
    /* background: #fff; */
    /* border-right: 1px solid #ffffff; */
    padding: 0;
    text-transform: uppercase;
}
.hedar ul li:hover, .hedar ul li a.actv {
    background: #fff;
}
.hedar ul li:hover a, .hedar ul li a.actv {
    color: #5e9dce;
}
.hedar ul li a i{
    color: #ffffff;
	font-size:18px;
}
.hedar ul li a:hover i{
    color: #fff;
}
.fifa{
	width:100%;
	margin: 0 auto;
	max-width:1280px;
	padding:0 20px;
}
.teams{
	width:100%;
	margin-bottom:20px;
}
.teams h3 {
    text-decoration: none;
    font-size: 20px;
    color: #ffffff;
    margin-bottom: 20px;
    width: max-content;
    background-image: linear-gradient(315deg, #2db5d9 0%, #7792c9 74%);
    padding: 5px 20px;
    /* border-radius: 5px; */
}
.teams .inr-team{
	width:100%;
    background: #fff;
    padding: 10px;
    border-radius: 5px;
	text-align:center;
}
.teams .inr-team .cntry {
    width: 24%;
    display: inline-block;
    font-size: 16px;
    padding: 10px;
    margin-bottom: 4px;
    border: 1px solid #2db5d9;
    font-weight: 600;
    /* border-radius: 5px; */
    text-align:
    left;
}
.teams .inr-team .cntry:hover {
	background-image: linear-gradient(315deg, #b3dce7 0%, #bdcdef 74%);
	/*color:#fff;*/
}
.teams .inr-team .cntry img {
    vertical-align: middle;
    width: 50px;
    height: 40px;
    border-radius: 5px;
    margin-right: 5px;
	border:1px solid #ebd2e1;
}
.matches{
	width:100%;
}
.matches h3 {
    text-decoration: none;
    font-size: 30px;
    /* margin: 0 0 20px 0; */
    text-align: center;
    color: #ffffff;
    padding: 10px 0;
    /* background: linear-gradient(315deg, #2db5d9 0%, #7792c9 74%); */
}
.liv-mtch{
	/* display:flex; */
	text-align:center;
}
.liv-mtch h3 {
    font-size: 24px;
    display: inline-block;
    width: 100%;
	margin-top:20px;
}
.matches .ui-tabs ul {
    /* padding: 0 0 10px 0; */
    /* border-bottom: 1px solid #3f4347; */
    /* border-top: 1px solid #3f4347; */
    display: flex;
}
.matches .ui-tabs ul.inr-matchs{
	border: none;
	display: flex;
	background: #fff;
	margin: 10px 0 10px 0;
}
.matches .ui-tabs ul li {
    border: 1px solid #5e9ecf;
    list-style: none;
    display: inline-flex;
    /* border-radius: 5px; */
    width: 50%;
    box-shadow: inset 4px 4px 6px #a33136;
    /* margin-right:10px; */
}
.matches .ui-tabs ul li a {
    text-decoration: none;
    font-size: 16px;
    padding: 10px 15px;
    background: #fff;
    color: #3f4347;
    /* border: 1px solid #9d93e3; */
    border-radius: 0;
    width: 100%;
    text-align: center;
}
.matches .ui-tabs ul li.ui-tabs-active a {
    text-align: center;
    /* background: #000f2c; */
    background-color: #10044a;
    background-image: linear-gradient(315deg, #7792c9 0%, #2db5d9 74%);
    color: #ffffff;
}
.matches .inr-mtch {
    width: 100%;
    margin-bottom: 10px;
    display: table;
    background: #fff;
    box-shadow: 0px 6px 16px #000;
    /* padding-bottom:10px; */
    /* margin-top: 15px; */
}
.matches .inr-mtch:last-child{
	margin-bottom:0;
}
.liv-mtch .inr-mtch {
    width: 100%;
    display: inline-block;
	padding:0;
}
.matches .inr-mtch h4 {
    text-decoration: none;
    font-size: 18px;
    padding: 10px 10px;
    background-image: linear-gradient(315deg, #2db5d9 0%, #7792c9 74%);
    color: #ffffff;
    background-color: #10044a;
    /* border-radius: 5px 5px 0 0; */
    border-bottom: 1px solid #fff;
    text-transform:
    capitalize;
}
.matches .inr-mtch .match {
    /* border-right: 1px solid #5a273d; */
    width: 50%;
    font-size: 20px;
    /* margin-bottom: 10px; */
    border: 1px solid #2db5d9;
    /* border-radius: 5px; */
    display: inline-block;
    /* background: linear-gradient(315deg, #3f4347 0%, #22272b 74%); */
    color: #5a273d;
    /* border-radius: 5px; */
    /* margin: 10px 5px 0 10px; */
    padding-bottom: 10px;
}
/*.matches .inr-mtch .match:nth-child(2n+2) {
	border-right:none;
}*/
.matches .inr-mtch .liv-mtch{
	width:100%;
	/* margin:0 !important; */
	padding:5px;
}
/*.matches .inr-mtch .match:last-child {
    border-bottom: none;
}
.matches .inr-mtch .match:hover {
    background: linear-gradient(315deg, #f5d5d3 0%, #e3d4eb 74%);
}*/
/*.matches .inr-mtch .match:first-child{
	border-radius:5px 5px 0 0;
}
.matches .inr-mtch .match:last-child{
	border-radius:0 0 5px 5px;
}*/
.matches .inr-mtch .match a {
    text-decoration: none;
    display: block;
	text-transform:capitalize;
}
.matches .inr-mtch .match div {
    display: inline-block;
    font-size: 16px;
    vertical-align: middle;
}
.matches .inr-mtch .match .dat {
    width: 100%;
    /* max-width: 285px; */
    font-size: 16px;
    line-height: 30px;
    background: linear-gradient(315deg, #2db5d9 0%, #7792c9 74%);
    color: #fff;
    text-align: center;
	margin-bottom:10px;
}
.matches .inr-mtch .match:nth-child(even) .dat {
    background: linear-gradient(315deg, #7792c9 0%, #2db5d9 74%);
}
.liv-mtch .inr-mtch .match .dat{
	width:auto;
	background:none;
	color:#000;
	margin-bottom:0;
}
.liv-mtch .inr-mtch .match .dat br{
	display:none;
}
.matches .inr-mtch .match .dat b{
	font-weight: 600;
	color:#fff;
}
.liv-mtch .inr-mtch .match .dat b{
	margin:0 10px;
	color:#000;
}
.matches .inr-mtch .match .dat b:first-child {
    color: #ffffff;
    /* background: #000f2c; */
    padding: 1px 10px;
    /* background-color: #10044a; */
    background-image: linear-gradient(315deg, #2db5d9 0%, #7792c9 74%);
    border-radius: 5px;
    margin-right: 5px;
}
/*.matches .inr-mtch .match .dat b:last-child {
    padding-left: 15px;
}*/
.matches .inr-mtch .match .team-scr {
	text-align:center;
	width:100%;
}
.liv-mtch .inr-mtch .match .team-scr {
	width:auto;
	margin:0 10px;
}
.matches .inr-mtch .match .team-scr b {
    display: inline-block;
    max-width: 100%;
    color: #000000;
    text-align: right;
    font-size: 18px;
    vertical-align: middle;
    padding: 0 5px;
    font-weight: 600;
}
.matches .inr-mtch .match .team-scr b.mob-cod {
	display:none;
}
.matches .inr-mtch .match .team-scr span:last-child b {
	text-align:left;
}
.matches .inr-mtch .match .team-scr .scr {
    width: 100%;
    max-width: 50px;
    /* background: #000f2c; */
    background-color: #10044a;
    background-image: linear-gradient(315deg, #2db5d9 0%, #7792c9 74%);
    color: #f7f9fc;
    padding: 2px 5px 4px;
    text-align: center;
    border-radius: 5px;
    vertical-align: middle;
    font-size: 16px;
    margin: 0 5px;
}
.matches .inr-mtch .match div span img{
	vertical-align:
	middle;
	width: 50px;
	border: 1px solid #cccccc;
	height: 34px;
	border-radius: 5px;
}
.matches .inr-mtch .match .stdm {
    font-size: 16px;
    font-weight: 600;
	width:100%;
    text-align: center;
}
.liv-mtch .inr-mtch .match .stdm {
	width:
	auto;
	font-size: 16px;
}
.groups{
	width:100%;
	padding:20px 0;
}
.groups h3 {
    text-decoration: none;
    font-size: 20px;
    color: #ffffff;
    margin-bottom: 20px;
    width: max-content;
    background-image: linear-gradient(315deg, #2db5d9 0%, #7792c9 74%);
    padding: 5px 20px;
    /* border-radius: 5px; */
    /* background: #10044a; */
}
.groups .inr-grops {
    /* margin-left: 10px; */
    width: 100%;
    /* border: 1px solid #fff; */
    /* padding: 10px; */
    /* border-radius: 5px; */
    margin-bottom: 10px;
    /* cursor: pointer; */
    background: linear-gradient(315deg, #2db5d9 0%, #7792c9 74%);
    /* box-shadow: 0px 6px 16px #000; */
    background: #fff;
    display: inline-block;
}
.groups .inr-grops:nth-child(even) {
    /* margin-left: 0; */
}
.groups .inr-grops .grp-titl{
	width:100%;
	background: linear-gradient(315deg, #2db5d9 0%, #7792c9 74%);
	padding: 10px;
	/* border-radius: 3px 3px 0 0; */
}
.groups .inr-grops .grp-titl span:first-child {
    width: 36%;
    font-size: 18px;
    text-align: left;
}
.groups .inr-grops .grp-titl span{
	color:#fff;
}
.groups .inr-grops .grp-titl span {
    width: 8%;
    display: inline-block;
    font-weight: 600;
	font-size: 16px;
	text-align: center;
}
.groups .inr-grops .grp-titl span:last-child{
	font-weight:bold;
}
.groups .inr-grops .grp-detal {
    width: 100%;
    padding: 10px;
    border-top: 1px solid #5d9ece;
}
/*.groups .inr-grops .grp-detal:hover {
	background:linear-gradient(315deg, #f5d5d3 0%, #e3d4eb 74%);
}*/
.groups .inr-grops .grp-detal span:first-child{
	width:36%;
	text-align: left;
	font-size: 16px;
	font-weight: 600;
}
.groups .inr-grops .grp-detal span{
	width:8%;
	display:inline-block;
	font-size: 16px;
	text-align: center;
}
.groups .inr-grops .grp-detal span:last-child{
	font-weight:bold;
}
.groups .inr-grops .grp-detal span img{
	vertical-align:middle;
    width: 50px;
    height: 34px;
	border: 1px solid #ccc;
	border-radius: 5px;
	margin-left: 10px;
	margin-right:5px;
}
.foter{
	width:100%;
	margin: 50px auto 0;
	/* background-image: linear-gradient(315deg, #3f4347 0%, #22272b 74%); */
	padding: 20px 10px;
	background: #000;
}
.foter p{
	font-size:18px;
	text-align:center;
	color: #fff;
	/* text-shadow: 0px 1px 7px #000000; */
}
#button {
  display: inline-block;
  background-color: #10044a;
  background-image: linear-gradient(315deg, #2db5d9 0%, #7792c9 74%);
  width: 50px;
  height: 50px;
  text-align: center;
  /* border-radius: 5px; */
  position: fixed;
  bottom: 50px;
  right: 10px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#button::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#button:hover {
  cursor: pointer;
  background-color: #000;
}
#button:active {
  background-color: #555;
}
#button.show {
  opacity: 1;
  visibility: visible;
}

/* Styles for the content section */

.content {
  width: 77%;
  margin: 50px auto;
  font-family: 'Merriweather', serif;
  font-size: 17px;
  color: #6c767a;
  line-height: 1.9;
}


.sumary {
    background: #fff;
    /* padding: 20px; */
    text-align: center;
    /* border-radius: 5px; */
}
.sumary:first-child {
	margin-top:150px;
	padding:0 0 20px 0;
}
.sumary .team-scr {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    position: relative;
    display: inline-block;
}
.sumary .team-scr h4 {
    text-decoration: none;
    font-size: 16px;
    padding: 10px 10px;
    background-image: linear-gradient(315deg, #2db5d9 0%, #7792c9 74%);
    color: #ffffff;
    background-color: #5e9ecf;
    /* border-radius: 5px 5px 0 0; */
    border-bottom: 1px solid #5e9ecf;
    text-transform: capitalize;
    text-align:left;
    margin-bottom:20px;
}
.sumary .team-scr h4 b {
    /* border: 1px solid #ffffff; */
    color: #ffffff;
    /* background: #000f2c; */
    padding: 1px 10px;
    background-color: #bf3a30;
    background-image: linear-gradient(315deg, #2db5d9 0%, #7792c9 74%);
    border-radius: 5px;
    margin-right: 5px;
    width: auto;
    font-size: 18px;
}
.sumary .team-scr h4 font {
    color: #fff;
    text-align: right;
    float: right;
    font-size: 16px;
}
.sumary .team-scr b {
    display: inline-block;
    max-width: 100%;
    color: #000000;
    text-align: right;
    font-size: 24px;
    vertical-align: middle;
    /*padding: 0 5px;*/
    font-weight: 600;
}
.sumary .team-scr span:last-child b {
	text-align:left;
}
.sumary .team-scr b.mob-cod {
	display:none;
}
.sumary .team-scr span img {
    vertical-align: middle;
    border: 1px solid #cccccc;
    border-radius: 5px;
    width:80px;
}
.sumary .team-scr .score {
    width: 100%;
    text-align: center;
    position: absolute;
    font-size: 35px;
}
.sumary .team-scr .scr {
    width: 100%;
    max-width: 50px;
    /* background: #000f2c; */
    background-color: #bf3a30;
    background-image: linear-gradient(315deg, #2db5d9 0%, #7792c9 74%);
    color: #f7f9fc;
    padding: 7px 25px 10px 25px;
    text-align: center;
    border-radius: 5px;
    vertical-align: middle;
    font-size: 30px;
    margin: 0 5px;
}
.sumary .info {
    font-size: 16px;
    font-weight: 600;
	text-transform:capitalize;
	display:inline-block;
	padding:0 10px;
}
.sumary .info small{
    font-size: 16px;
    font-weight: normal;
}

.sumary .team-scr .lft{
    float: left;
    text-align: left;
    padding-left: 10px;
	margin-top:5px;
}
.sumary .team-scr .rit{
    float: right;
    text-align: right;
    padding-right: 10px;
	margin-top:5px;
}
.sumary .team-scr .lft p, .sumary .team-scr .lft p font{
	font-size:16px;
	margin-top:20px;
	font-weight:600;
}
.sumary .team-scr .rit p, .sumary .team-scr .rit p font{
	font-size:16px;
	margin-top:20px;
	font-weight:600;
}
.sumary .linup{
	display:inline-flex;
	width:100%;
}
.sumary .linup .lft-linup {
    float: left;
    text-align: left;
    border-right: 1px solid #5e9ecf;
    font-size: 30px;
    width: 50%;
    padding: 20px;
}
.sumary .linup .rit-linup{
	float:right;
	text-align:right;
    width: 50%;
    padding: 20px;
}
.sumary .linup img{
    vertical-align: middle;
    border: 1px solid #cccccc;
    border-radius: 5px;
    width: 50px;
}
.sumary .linup p:first-child{
	border-bottom: 1px solid #5e9ecf;
	padding-bottom:20px;
	font-size: 30px;
}
.sumary .linup p {
    font-size: 20px;
    margin-bottom: 10px;
}
.sumary .linup p svg{
	vertical-align:middle;
}
.sumary .linup p i{
	color:#000;
}
.sumary .linup p b{
    font-size: 16px;
    margin-right: 5px;
    background: linear-gradient(315deg, #2db5d9 0%, #7792c9 74%);
    color: #fff;
    padding: 1px 7px 4px 7px;
    border-radius: 3px;
}
.sumary .linup h4 {
    font-size: 20px;
    margin-top: 20px;
    border-top: 1px solid #5e9ecf;
    padding: 5px 20px;
    width: auto;
    margin-bottom: 20px;
    background: linear-gradient(315deg, #2db5d9 0%, #7792c9 74%);
    display: inline-block;
    color: #fff;
    font-weight: 600;
    border-radius: 5px;
}
.sumary .icons {
    background-image: linear-gradient(315deg, #2db5d9 0%, #7792c9 74%);
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    display: inline-flex;
    transform: translate(0);
    height: 50px;
    width: 50px;
    border-radius: 5px;
    /* background: #864ba2; */
}
.sumary .linup p font {
    background: linear-gradient(315deg, #2db5d9 0%, #7792c9 74%);
    font-size: 20px;
    padding: 0px 10px 3px 10px;
    color: #fff;
    border-radius: 5px;
}
.sumary .linup p span{
    position: relative;
    display: inline-block;
}
.sumary .linup p span b{
    position: absolute;
    top: 0;
    background: linear-gradient(315deg, #2db5d9 0%, #7792c9 74%);
    padding: 0px 6px;
    border-radius: 10px;
    font-size: 14px;
    right: -5px;
    color: #fff;
}
.main {
    width: 100%;
    background: #fff;
    padding: 0 0 20px 0;
    text-align: center;
    border-radius: 5px;
	box-shadow:0px 6px 16px #000;
}
.spac{
	height:100px;
	display:block;
	width:100%;
}
.main h1, .main h2 {
    width: 100%;
    font-size: 24px;
    background-image: linear-gradient(315deg, #3f4347 0%, #22272b 74%);
    border-radius: 5px 5px 0 0;
    color: #fff;
    padding: 10px;
	font-weight: 600;
}
.main img{
	margin-bottom: 20px;
    width: 100%;
    object-fit: cover;
    height: 250px;
/* border-radius: 200px 0; */}
.main .stade {
    padding: 0 20px;
    text-align: left;
    width: 49%;
    display: inline-table;
}
.main .stade img {
    max-width: 400px;
    padding: 5px;
    border-radius: 5px;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #9c4475;
}
.main h3{
	width:100%;
	font-size:20px;
	margin-bottom:20px;
	text-align:left;
	padding:0 20px;
	font-weight: 600;
}
.main h4{
	width:100%;
	font-size:18px;
	margin-bottom:20px;
	text-align:left;
	padding:0 20px;
	font-weight: 600;
}
.main p{
	width:100%;
	font-size:16px;
	text-align:justify;
	margin-bottom:20px;
	padding:0 20px;
}
.main .stade h4, .main .stade p{
	padding:0;
}
.main ul.tbls{
	width:100%;
	padding:20px;
}
.main ul.tbls li {
    width: 100%;
    display: flex;
    border: 1px solid #9c4475;
    border-bottom: none;
}
.main ul.tbls li:first-child {
    border-radius: 5px 5px 0 0;
}
.main ul.tbls li:last-child {
    border-radius: 0 0 5px 5px;
}
.main ul.tbls li:first-child p{
	background:linear-gradient(315deg, #3f4347 0%, #22272b 74%);
}
.main ul.tbls li:first-child p b{
	color:#fff;
}
.main ul.tbls li p {
    width: 16%;
    padding: 5px 15px;
    margin: 0;
    border-right: 1px solid #9c4475;
}
.main ul.tbls li p:first-child {
    width: 8%;
    text-align: center;
}
.main ul.tbls li p:last-child {
	border-right:none;
    width: 12%;
}
.main ul.tbls li:last-child {
    border-bottom: 1px solid #9c4475;
}

.main ul.tbls1{
	width:100%;
	display:block;
}
.main ul.tbls1 li{
	width:24%;
	display:inline-table;
    border: 1px solid #9c4475;
	margin-bottom:20px;
    border-radius: 5px;
}
.main ul.tbls1 li p:first-child {
    border-top: none;
    background: linear-gradient(315deg, #3f4347 0%, #22272b 74%) !important;
    color: #fff;
}
.main ul.tbls1 li p b {
    color: #fff;
}
.main ul.tbls1 li p:hover {
    background: linear-gradient(315deg, #f5d5d3 0%, #e3d4eb 74%);
    /*color: #fff;*/
}
.main ul.tbls1 li p img{
	vertical-align: middle;
    width: 50px;
    height: 40px;
    border-radius: 5px;
    margin: 0px;
    border: 1px solid #ebd2e1;
}
.main ul.tbls1 li p {
    padding: 10px;
    margin: 0;
    border-top: 1px solid #9c4475;
}
/*.main ul.tbls1 li:nth-child(4n+4){
	border-right:none;
}
.main ul.tbls1 li P:last-child {
    border-bottom: 1px solid #9c4475;
}*/
.main ul.tbls1 li p font {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
}
.main ul.tbls1 li p:hover font{
    color: #fff;
}
.sumary .timlin {
    width: 100%;
    text-align: left;
    padding: 20px;
    display: inline-flex;
    border-bottom: 1px solid #5e9ecf;
}
.sumary .timlin:hover {
    background: linear-gradient(315deg, #c4eef9 0%, #c4d2ed 74%);
}
.sumary .timlin:last-child {
	/* border-radius:0 0 5px 5px; */
}
.sumary .goal{
	background: linear-gradient(315deg, #2db5d9 0%, #7792c9 74%);
}
.sumary .goal:hover{
	background: linear-gradient(315deg, #2db5d9 0%, #7792c9 74%);
}
.sumary .timlin .lft-timlin{
	text-align:center;
}
.sumary .timlin .lft-timlin b{
    background: linear-gradient(315deg, #2db5d9 0%, #7792c9 74%);
    color: #fff;
    display: block;
    margin-top: 5px;
    border-radius: 3px;
}
.sumary .timlin .lft-timlin img {
    vertical-align: middle;
    border: 1px solid #ebd2e1;
    border-radius: 5px;
    width: 60px;
}
.sumary .timlin .rit-timlin {
    margin-left: 20px;
}
.sumary .timlin .rit-timlin h3{
    text-shadow: none;
    color: #fff;
    font-size: 26px;
    margin: 0 0 10px 0;
    text-align: left;
    font-weight: 600;
}
.sumary .timlin .rit-timlin h4 {
    font-size: 20px;
    font-weight: 600;
}
.sumary .timlin .rit-timlin p{
	font-size:18px;
	margin-top:10px;
}
.sumary .timlin .rit-timlin svg{
	vertical-align:top;
	margin-right:10px;
}
.sumary .goal h4, .sumary .goal p{
	color:#fff;
}
@media (min-width: 500px) {
  .content {
    width: 43%;
  }
  #button {
    /* margin: 30px; */
  }
}
.content h1 {
  margin-bottom: -10px;
  color: #03a9f4;
  line-height: 1.5;
}
.content h3 {
  font-style: italic;
  color: #96a2a7;
}
@media only screen and (max-width:983px) {
	.matches .inr-mtch .match div{
		text-align:center;
	}
	.matches .inr-mtch .match .dat {
		max-width: inherit;
	}
	.matches .inr-mtch .match .team-scr{
		width:100%;
		margin:5px 0;
	}
	.matches .inr-mtch .match .team-scr b{
		width:auto;
	}
	.matches .inr-mtch .match .stdm{
		width:100%;
	}
	.matches .inr-mtch .match a{
		padding:5px;
	}
	.teams .inr-team .cntry{
		width:49%;
	}
	/*.sumary .team-scr span img{
		width:70px;
	}
	.sumary .team-scr b{
		font-size:18px;
	}		
	.main .stade h4, .main .stade p{
		width:100%;
	}*/
	.main ul.tbls{
		overflow-x:scroll;
	}
	.main ul.tbls li{
		min-width:900px;
		overflow-x:scroll;
	}
	.main ul.tbls1{
		display:block;
		padding: 20px;
	}
	.main ul.tbls1 li {
		width: 49%;
		border-bottom: 1px solid #9c4475;
	}
	/*.main ul.tbls1 li:nth-child(2n+2){
		border-right:none;
	}
	.main ul.tbls1 li P:last-child {
		border-bottom: none;
	}*/
	.groups .inr-grops{
		width:100%;
		overflow-x: scroll;
		margin-left:0;
	}
}
@media only screen and (max-width:767px) {
	/*.hedar a{
	    width: 100%;
		text-align: center;
		display: inline-block;
		font-size:20px;
	}*/
	.hedar ul {
		display: block;
		width: 100%;
		float: none;
		text-align: center;
		margin-top:20px;
	}
	/*.hedar a img{
		float:none;
	}
	.hedar a br{
		display:none;
	}
	.hedar a font{
		font-size: 20px;
	}*/
	.hedar .inr-hdr .menu {
		display: inline-block;
		float: right;
		margin-top: -5px;
		margin-right: 20px;
		cursor: pointer;
	}
	.hedar .inr-hdr .menu i{
		color: #fff;
		font-size:24px;
	}
	.hedar .inr-hdr ul{
		display:none;
	}
	.hedar .inr-hdr ul li{
		width:100%;
		display:block;
		border-right:none;
		border-bottom:1px solid #fff;
	}
	.hedar .inr-hdr ul li a {
		width: 100%;
		display: block;
	}
	.teams .inr-team .cntry {
		width: 100%;
	}
	/*.groups .inr-grops .grp-detal span:first-child{
		font-size:14px;
	}
	.groups .inr-grops .grp-detal span img {
		width: 40px;
		height: 24px;
		margin-left: 2px;
		margin-right: 0;
	}
	.groups .inr-grops .grp-titl span{
		font-size:14px;
	}
	.groups .inr-grops .grp-detal span{
		font-size:14px;
	}*/
	.groups .inr-grops .grp-titl, .groups .inr-grops .grp-detal{
		overflow-x: scroll;
		min-width: 700px;
	}
	.matches .inr-mtch .match .team-scr b {
		display: none;
	}
	.matches .inr-mtch .match .team-scr b.mob-cod {
		display:revert;
	}
	.sumary .team-scr b {
		display: none;
	}
	.sumary .team-scr b.mob-cod {
		display:revert;
		font-size:18px;
	}
	.main h1{
		font-size:20px;
	}
	.main .stade{
		width:100%;
	}
	.spac{
		height:150px;
	}
	.sumary .linup {
		display: inline-block;
	}
	.sumary .linup .lft-linup, .sumary .linup .rit-linup{
		width:100%;
		margin-bottom:20px;
		text-align:center;
	}
	.sumary .linup .lft-linup{
		border-right:none;
		border-bottom:1px solid #3f4347;
	}
	
	.matches .inr-mtch .match{
		width:100%;
		border-right:none;
		/*margin:5px 0;*/
	}
	.liv-mtch h3{
		width:100%;
	}
}
@media only screen and (max-width:500px) {
	/*.matches .inr-mtch .match .team-scr span {
		width: 100%;
		display: inline-block;
	}*/
	/*.hedar {
		padding: 10px 0 0 0;
	}
	.hedar a {
		font-size: 16px;
		margin-bottom: 15px;
		font-weight: bold;
	}
	.hedar a img{
		width:40px;
	}
	.hedar a font{
		font-size:16px;
	}*/
	/*.hedar ul li a {
		padding: 0px 5px 0px;
	}*/
	.matches .ui-tabs ul li{
		width: 100%;
		padding: 0;
	}
	.matches .ui-tabs ul li a{
		width: 100%;
		text-align: center;
	}
	.sumary .team-scr h4{
	    text-align: center;
		width: 100%;
		display: inline-block;
	}
	.sumary .team-scr h4 font{
	    width: 100%;
		text-align: center;
	}
	.sumary .team-scr span img{
		width:40px;
	}
	.sumary .team-scr .score{
		font-size:25px;
	}
	.sumary .team-scr .scr{
		font-size:20px;
		padding:2px 15px 5px 15px;
		margin:0 5px;
	}
	.sumary .info{
		font-size:14px;
	}
	.sumary .info small {
		font-size: 14px;
	}
	.spac{
		height:170px;
	}
	.main ul.tbls1 li{
		width:100%;
	}
	.liv-mtch {
		display: block;
	}
	.liv-mtch h3{
		width:100%;
	}
	.liv-mtch .inr-mtch{
		width:100%;
		padding:0;
	}
}