/*match*/
	.header-kontentplayer{
  		border-bottom: 1px solid #cdcdcd;
	    margin-bottom: 22px;
	    color: #444;
	    font-size: 14px;
  	}
  	.header-kontentplayer span{
  	    border-bottom: 1px solid #747474;
	    display: inline-block;
	    margin: 0 0 -1px 0;
	    font: 400 16px/36px "Open Sans", sans-serif;
	    padding: 0 5px 0 0;
	}
	.matchContainer{
		margin: 0px;padding: 0px; width: 100%;
	}
	.matchContainer .box-content{
		position: relative;
	    width: 100%;
	    padding: 50px 40px;
	    height: 400px;
	    background: #1A5E6D;
	    color: #fff;
	}
	.matchContainer .box-content.bg-match {
		background-position: top!important;
		background-size: cover!important;
	}
	.matchContainer .box-content .box-match {
		padding: 15px;
		background: rgba(0, 0, 0, 0.7);
		border:1px solid#fff;
		width: 100%;
		height: 300px;
		border-radius: 3px;
	}

	.matchContainer .box-content .box-match .title {
		margin:0;
		text-align: center;
		padding-bottom: 20px;
		margin-bottom: 30px;
		border-bottom: 1px solid#aaa;
	}

	.matchContainer .box-content .box-match .club-logo img {
		width: auto;
		max-width: 100%;
		display: block;
		margin: auto;
		max-height: 80px;

	}

	 .matchContainer .box-content .box-match .round-result{
	 	font-size: 20px;
	 	font-weight: bold;
	 	width: 100%;
	 	border:4px solid#1A5D6B;
	 	text-align: center;
	 	background: #05A3C5;
	 	padding: 5px 10px;
	 	border-radius: 20px;
	 	margin-top: 18px;
	 }

	 .matchContainer .box-content .box-match .round-result span{
	 	font-size: 20px;
	 	font-weight: bold;	
	 }

	 .matchContainer .box-content .box-match .footer {
	 	margin-top: 10px;
	 	text-align: center;
	 }

	 .matchContainer .box-content .box-match .footer img.league {
	 	display: block;
	 	margin: auto;
	 	max-width: 60px;
	 	width: auto;
	 	max-height: 30px;
	 	height: auto;
	 }

	 .matchContainer .box-content .box-match .footer span.schedule {
	 	display: block;
	 	text-align: center;
	 	width: 100%;
	 	margin: 12px 0px;
	 	font-size: 14px;
	 	color: #fff;
	 }

	 .matchContainer .box-content .box-match .footer a {
	 	display: inline-block;
	 	padding: 8px 15px;
	 	background: #ffcc3d;
	 	color: #5a4f2e;
	 	font-size: 12px;
	 	text-transform: uppercase;
	 	font-weight: bold;
	 	border-radius: 3px;
	 }

	 .matchContainer .box-content .box-match .footer a:hover {
	 	text-decoration: none;
	 	background: #ffdc7c;
	 }
	#tiga{
		display: block;
	}
	#dua{
		display: none;
	}
	.matchContainer .box-content .boxMatch{
		width: 33.2%;
		float: left;
		padding: 0px 15px 0px 15px;
	}
	.main-content .matchHeaders th span{
		font-size: 20px;
	}

	.main-content .hidden{
		display: none;
		cursor: pointer;
	}
	.main-content .show{
		display: block;
		cursor: pointer;
	}
	.main-content .show:hover > .showResult > .Arrow > i{
		color: #000;
	}
	.main-content .show:hover > .showResult{
		background: #555;
	}
	.main-content .event .image_event{
		width: 18%;
		display: inline-block; 
		vertical-align: top; 
		height: 60px; 
		margin: 1.5% 1% 0;
		background-position: center;
	    background-repeat: no-repeat;
	    background-size: contain;
	    margin-bottom: 20px;
	}
	.main-content .event .image_event img{
		height: 60px;
	}
	.main-content .show .showResult{
		height: 50px; 
		width: 200px; 
		background: #05A3C5; 
		position: absolute; right: 0px; 
		line-height: 3; 
		font-size: 16px; 
		color:#fff; 
		padding: 0px 0px 0px 8px;
	}
	.main-content .show .showResult .Arrow{
		background: #ffcc3d; 
		height: 100%; 
		width: 50px; 
		position: absolute; 
		top: 0px; 
		right: 0px; 
		text-align: center;
	}
	.main-content .table-responsive .match tr.matchContent{
		height: 50px; 
		border-bottom: 2px solid #e6e6e6; 
	}
	.main-content .table-responsive .match tr.matchContent td{
		vertical-align: middle;
	}
	.main-content .table-responsive .match tr.matchContent td img.logo{
		width: 40px; 
		height: 40px;	
	}
	.main-content .table-responsive .match tr.matchContent td span{
		margin-left: 15px;	
	}

	.main-content .table-responsive .match tr.matchContent td img.event{
		width: 60px;
		height: 30px;
	}
	.main-content .table-responsive .match .score{
		font-size: 18px;
		width: 100%; 
		height: 50px; 
		text-align: center;
		line-height: 2.5;
	}
	.main-content .table-responsive .match .score.pink{
		background: #fce6e7; 
	}
	.main-content .table-responsive .match .score.gray{
		background: #eee; 
	}
	.main-content .table-responsive .match .ShowMore{
		width: 80%; 
		background: #05A3C5; 
		height: 50px; 
		color: #fff; 
		text-align: center; 
		font-size: 16px; 
		line-height: 3;
	}
	.main-content .table-responsive .match .ShowMore i{
		margin: 0px;
	}
	.main-content .table-responsive .match .ShowMore:hover{
		background: #555;
		text-decoration: none;
	}
	.main-content .table-responsive .match .ShowMore:hover > i{
		margin-left: 10px;
	}
	.main-content .matchHeaders{
		border-bottom: 5px solid #05A3C5;
	}
	.headertitleku{
		width: 100%;
		height: 40px;
		background: #05A3C5;
		margin: 0px;
		padding: 0px;

	}
	.headertitleku span{
		line-height: 2; 
		margin-left: 20px;
		height: 30px;
		font-size: 20px;
		color:#fff;
		margin-left: 30px;
		font-weight: bold;
	}
	.TeamContainer{
		margin: 0px;padding: 0px; width: 100%;
	}
	.TeamContainer .box-content{
		position: relative;
	    width: 100%;
	    padding: 50px 40px;
	    height: 490px;
	    background: #1A5E6D;
	    color: #fff;
	}
	.TeamContainer .box-content.bg-match {
		background-position: top!important;
		background-size: cover!important;
	}
	.navbar-orange.navbar { background: #ffcc3d; border-bottom:none; }
	.navbar-orange.navbar .nav > li > a {color: #000;}
	.navbar-orange.navbar .nav > li > a:hover {color: #fff; background-color: #05A3C5;}
	.navbar-orange.navbar .nav .active > a,.navbar .nav .active > a:hover {color: #fff; background-color: #05A3C5;}
	.navbar-orange.navbar .nav li > a .caret, .tnav .navbar .nav li > a:hover .caret {border-top-color: #fff;border-bottom-color: #fff;}
	.navbar-sm .navbar-orange.navbar .nav > li.dropdown.open.active > a:hover {}
	.navbar-sm .navbar-orange.navbar .nav > li.dropdown.open > a {color: #fff;background-color: #05A3C5;border-color: #fff;}
	.navbar-sm .navbar-orange.navbar .nav > li.dropdown.open.active > a:hover .caret, .tnav .navbar .nav > li.dropdown.open > a .caret {border-top-color: #fff;}
	.navbar-orange.navbar .navbar-brand {color:#fff;}
	.navbar-orange.navbar .nav.pull-right {margin-left: 10px; margin-right: 0;}
	.navbar-orange.navbar .nav > li > a:hover, .nav > li > a:focus {
	    text-decoration: none;
	    background-color: #05A3C5 !important;
	}

	.navbar-orange .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
	    background-color: #05A3C5;
	    border-color: #05A3C5;
	}

	.navbar-sm .navbar-orange.navbar .dropdown-menu > li > a {
	    display: block;
	    padding: 3px 20px;
	    clear: both;
	    font-weight: normal;
	    line-height: 1.42857143;
	    color: #fff;
	    white-space: nowrap;
	}
	.navbar-orange.navbar .navbar-toggle {
	    position: relative;
	    float: right;
	    margin-right: 15px;
	    padding: 5px 10px;
	    margin-top: 13px;
	    margin-bottom: 13px;
	    background-color: transparent;
	    background-image: none;
	    border: 1px solid rgb(255, 255, 255);
	    border-radius: 4px;
	    color: #fff;
	}

	.navbar-orange .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	    background-color: #05A3C5;
	}

	.navbar-orange .navbar-toggle {
	    border-color: #1a242f;
	}
	.table-responsive .table td a{
		text-decoration: none;
		color:#000;
	}
	.main-content .matchHeaders{
		border-bottom: 5px solid #05A3C5;
	}
	.main-content .content-player{
		width: 316px; 
		max-height: 180px; 
		float: left;
		margin-bottom: 20px;
	}
	.main-content .content-player .image-player{
		float: left;
		height: 180px;
		width: 176px;
	}
	.main-content .content-player .image-player img{
		width: 100%;
		height: 180px;
		object-fit: contain;
	}
	.main-content .content-player .number-cover{
		width: 140px;
		height: 180px;
		float: left;
	}
	.main-content .content-player .number-cover .nomor{
		background-color: #05A3C5;
	    color: #fff;
	    font-size: 18px;
	    height: 90px;
	    line-height: 90px;
	    position: relative;
	    text-align: center;
	    width: 30px;
	    -webkit-transition: width .3s 0s;
	    -o-transition: width .3s 0s;
	    -moz-transition: width .3s 0s;
	    transition: width .3s 0s;
	    margin-bottom: 20px;
	}
	.main-content .content-player .number-cover .nomor:after{
		right: -10px;
	    border-left: 10px solid #05A3C5;
	    border-bottom: 10px solid transparent;
	    border-top: 10px solid transparent;
	    content: "";
	    display: inline-block;
	    height: 0;
	    position: absolute;
	    top: 40%;
	    width: 0;
	}
	.main-content .hover-player:hover > .content-player > .number-cover > .nomor{
		
		width: 50px;
		height: 110px;
		margin: 0px;

	}
	.border-left{
		border-right: 1px solid#ddd;

	}
	.main-content .content-player .number-cover .cover-name{
		width: 135px;
		background: #ffcc3d;
		height: 70px;
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
		
	}
	.main-content .content-player .number-cover .cover-name .name{
		width: 130px;
		color: #000;
		float: left;
		padding-left: 10px;
		padding-top: 8px;

	}
	
	
	.PlayerContainer{
		margin: 0px;padding: 0px; width: 100%;
		
	}
	.PlayerContainer .cover-player{
		width: 100%;
		padding-left: 18%;
		position: relative;
		overflow: hidden;
		height: 550px;

	}
	.PlayerContainer .cover-player img{
		width: 100%;
		height: 550px;
		overflow: hidden;
	}
	.PlayerContainer .box-content{
		position: relative;
	    width: 100%;
	    padding: 50px 40px;
	    height: 490px;
	    background: #1A5E6D;
	    color: #fff;
	    float: left;

	    
	}
	.PlayerContainer .cover-player .box-content.bg-match{
		background-position: top!important;
		background-size: cover!important;

	}
	.PlayerContainer .cover-textplayer{
		width: 25%;
		height: 550px;
		float: left;
		position: absolute;
		top: 187.3px;

		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+61,000000+70&1+68,0.65+91,0+98,0+98 */
		background: -moz-linear-gradient(left,  rgba(0,0,0,1) 61%, rgba(0,0,0,1) 68%, rgba(0,0,0,0.97) 70%, rgba(0,0,0,0.65) 91%, rgba(0,0,0,0) 98%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 61%,rgba(0,0,0,1) 68%,rgba(0,0,0,0.97) 70%,rgba(0,0,0,0.65) 91%,rgba(0,0,0,0) 98%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  rgba(0,0,0,1) 61%,rgba(0,0,0,1) 68%,rgba(0,0,0,0.97) 70%,rgba(0,0,0,0.65) 91%,rgba(0,0,0,0) 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
	}
	.cover-textplayer .cover-nomer{
		width: 150px;
		height: 150px;
		margin-bottom: 5px;
		border-top: 2px solid #05A3C5;
	}
	.cover-textplayer .cover-nomer .triangle{
		width: 0; 
		height: 0; 
		border-top: 150px solid #05A3C5; 
		border-right: 150px solid transparent;
		position: relative;
		
	}
	.cover-textplayer .cover-nomer .triangle .nomer{
		position: absolute; bottom: 70px; text-align: center; width: 75px; 
	}
	.cover-textplayer .cover-nomer .triangle .nomer span{
		color: #fff; font-size: 46px;
	}
	.cover-textplayer .nama-player{
   		width: 400px;
   	}
	.nama-player b{
		font-size: 36px;
		color:#fff;
		border-bottom: 1px solid #fff;
		margin-left: 30px;
		
	}
	.nama-player span{
		font-size: 28px;
		color: #05A3C5;
		margin-left: 30px;
		
	}
	.cover-textplayer .dob{
		width: 330px;
		margin-top: 100px;
		min-height: 20px;
		padding-left: 100px;
		text-align: center;
	}
	.dob b{
		font-size: 24px;
		color:#05A3C5;
	}
	.dob span{
		border-top: 1px solid #05A3C5;
		font-size: 20px;
		color:#fff;
	}
	.description-player{
		width: 100%;
		min-height: 50px;
		padding: 20px 10px 10px 20px;
		text-align: justify;
	}
	.description-player h3{
		border-bottom: 2px solid #05A3C5; 
	}
	.prestasi{
		width: 100%;
		min-height: 50px;
		padding: 20px 10px 10px 20px;
		margin-bottom: 30px;
	}
	.prestasi h3{
		border-bottom: 2px solid #05A3C5; 
	}
	.padding-stats{
		padding-left:30px;
	}
	.player-stats{

		padding:5px 7px 5px 7px;
		background: #05A3C5;
	}
	.player-stats span{
		color: #fff;
		font-size: 18px;
	}
	

    .stats .nav-tabs > li.active {
    	background-color: none!important;
    	
    }
    .stats .nav-tabs > li.active > a{
    	color:#000;
    	
    }
    
    .stats .nav > li > a:focus{
    	background-color: #fff!important;
    	color:#000!important;
    }
    .stats .nav > li > a{

    	color:#000;
    }
    .stats .nav > li > a:hover{
    	background-color: #fff!important;
    	color:#000;
    }

	.stats{
		background:#eee!important;
		padding-right: 1%;
	}
	.page-white{
		width: 100%;
		padding: 10px 7px 10px 7px;
		border:1px solid #eee;
	}
	.stats-row{
		width: 50%;
		
		border-bottom: 1px solid #eee;
		border-right: 1px solid #eee;
		border-left: 1px solid #eee;
		min-height: 10px;
		float: left;
		margin: 0px;
	}
	.stats-row dd{
		line-height: 2;
	}
	.stats-row dd span{
		margin-left: 10px;
		font-size: 12px;
	}
	.stats-row-full{
		width: 100%;
		border-left: 1px solid #eee;
		border-bottom: 1px solid #eee;
		border-right: 1px solid #eee;
		min-height: 10px;
		margin: 0px;
	}
	.stats-row-full dd{
		line-height: 2;

	}
	.stats-row-full dd span{
		margin-left: 10px;
		font-size: 12px;
	}
	.recent-player{
		width: 100%;
		
		padding: 5px 0px 0px 5px;
	}
	.teammates{
		width: 100%;
		height: 50px;
		background: #05A3C5;
		color: #fff;
		text-align: center;
		font-size: 24px;
		line-height: 2;
	}
	.recent-player .nav li{
		background: #ffcc3d;
		text-align: center;
		margin-bottom: 5px;
		
	}

	.recent-player .nav li > a{
		color: #000;
		font-size: 18px;
	}
	.recent-player .nav > li.active {
    	background-color: #ffcc3d;
    	
    }
    .recent-player .nav > li.active > a{
    	color:#000;
    	
    }
    .recent-player .nav > li:focus {
    	background-color: #ffcc3d;
    	
    }
    .recent-player .nav > li > a:focus{
    	color:#000;
    	background: none!important;

    	
    }
    .recent-player .dropdown-menu{
    	width: 100%;
    	padding: 0px;

    }
    .recent-player .dropdown-menu li{
    	background: none;
    }
    .recent-player .dropdown-menu li > a:hover{
    	background: #fff;
    }
    .recent-player .dropdown-menu li:hover > a > .image-recent > img{
    		opacity: 0.5;
    }
   .recent-player .dropdown-player a{
   		padding: 0px;


   } 
   .recent-player .dropdown-player .image-recent{
   	width: 100%;
   	height: 100px;
   }
   .recent-player .dropdown-player .image-recent img{
   		float: left;
   		width: 50%;
   		height: 100px;
   }
   .recent-player .dropdown-player .konten-recent{
   		width: 50%;
   		float: left;
   		height: 100px;
   }
   .recent-player .dropdown-player .konten-recent .nomor{
   		width: 100%;
   		height: 50px;
   		line-height: 2;
   		background: #05A3C5;
   }
   .recent-player .dropdown-player .konten-recent .nama{
   		width: 100%;
   		height: 5	0px;
   		line-height: 3;
   		background: rgba(254, 254, 0, 0.09);
   	}
   	.recent-player .dropdown-player .konten-recent .nomor > span{
   		font-size: 28px
   		
   }
   .recent-player .dropdown-player .konten-recent .nama > span{
   		font-size: 18px
   		
   	}
   
.main-container{
	background-color: #fff;
    min-height: 400px;
    padding: 20px 0 0px;
}
.category-title {
    padding: 0px 0px 10px 0px;
    margin: 0 0 0px 0px;
    overflow: hidden;
    border-bottom: #ddd double;
}
.category-title h1 {
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    margin: 0;
    padding: 0;
    font-weight: 900;
    text-transform: uppercase;
}
.confirmation{
	margin: auto;
}
.form-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.form-list li {
    margin: 0 0 10px;
    position: relative;
}
.form-list label.required {
    color: #333;
}
.form-list label {
    position: relative;
    z-index: 0;
    font-weight: normal;
    color: #333;
    display: inline;
}
.form-list .input-box {
    display: block;
    clear: both;
    margin-bottom: 0;
}
.confirmation .form-list input.input-text {
    width: 100%;
}
.confirmation .form-list textarea.input-text {
    width: 100%;
}
.form-list input.input-text {
    background: #f0f0f0;
    border: 1px solid #f0f0f0;
    padding: 10px;
    width: 100%;
    margin-top: 5px;
    outline: none;
}
.form-list textarea.input-text {
    background: #f0f0f0;
    border: 1px solid #f0f0f0;
    padding: 10px;
    width: 100%;
    margin-top: 5px;
    outline: none;
}
.form-list label.required em {
    font-style: normal;
}
.required em {
    color: #ff0000;
}
.confirmation .form-list select {
    width: 100%;
    background-color: #F0F0F0;
    border: 1px #f0f0f0 solid;
    padding: 10px;
}

.form-list select {
    margin: 5px 0 2px;
    width: 360px;
    outline: none;
}
/*responsive*/
@media(max-width: 1199px){
	.PlayerContainer .cover-textplayer{
		top: 286.5px;
		width: 20%;
	}
	.PlayerContainer .cover-player{
		padding-left: 13%;
		height: 450px;
	}
	.PlayerContainer .cover-player img{
		height: 450px;
	}
	.PlayerContainer .cover-textplayer{
		height: 450px;
	}
	.nama-player b{
		font-size: 24px;
	}
	.nama-player span{
		font-size: 16px;
	}
	.cover-textplayer .dob{
		padding-left: 60px;
		width: 250px;
	}
	.dob b{
		font-size: 18px;
	}
	.dob span{
		font-size: 16px;
	}
	.recent-player .dropdown-player .image-recent img{
		width: 50%;
	}
	.recent-player .dropdown-player .konten-recent{
		width: 50%;
	}
	.recent-player .dropdown-player .konten-recent .nomor{
		line-height: 3;
	}
	.recent-player .dropdown-player .konten-recent .nomor > span{
		font-size: 16px;
	}
	.recent-player .dropdown-player .konten-recent .nama > span{
		font-size: 14px;
	}
}
@media(max-width: 991px){
	#tiga{
	display: none;
	}
	#dua{
	display: block;
	}
	.matchContainer .box-content .boxMatch{
	width: 50%;
	float: left;
	padding: 0px 15px 0px 15px;
	}
	.staff-responsiv{
		margin-left: 30%;
	}
	.PlayerContainer .cover-textplayer{
		top: 406.5px;
		width: 20%;
	}
	.PlayerContainer .cover-player{
		padding-left: 13%;
		height: 400px;
	}
	.PlayerContainer .cover-player img{
		height: 400px;
	}
	.PlayerContainer .cover-textplayer{
		height: 400px;
	}
}

@media(max-width: 850px){
	.cover-textplayer .cover-nomer{
	    width: 100px;
	height: 100px;
	}
	.cover-textplayer .cover-nomer .triangle{
		border-top: 100px solid #05A3C5;
	border-right: 100px solid transparent;
	}
	.cover-textplayer .cover-nomer .triangle .nomer{
		bottom: 40px;
		width:50px;
	}

	.cover-textplayer .cover-nomer .triangle .nomer span{
		font-size: 32px;
	}
	.nama-player b{
		font-size: 20px;
	}
	.nama-player span{
		font-size: 14px;
	}
	.cover-textplayer .dob{
		padding-left: 5px;
		width: 220px;
	}
	.dob b{
		font-size: 16px;
	}
	.dob span{
		font-size: 14px;
	}
}
@media(max-width: 767px){
	.PlayerContainer .cover-textplayer{
		top: 226.5px;
		width: 20%;
	}
	.cover-textplayer .cover-nomer{
	    width: 100px;
		height: 100px;
	}
	.cover-textplayer .cover-nomer .triangle{
		border-top: 100px solid #05A3C5;
		border-right: 100px solid transparent;
	}
	.cover-textplayer .cover-nomer .triangle .nomer{
		bottom: 40px;
		width:50px;
	}

	.cover-textplayer .cover-nomer .triangle .nomer span{
		font-size: 32px;
	}
	.nama-player b{
		font-size: 18px;
	}
	.nama-player span{
		font-size: 12px;
	}
	.cover-textplayer .dob{
		padding-left: 5px;
		width: 200px;
	}
	.dob b{
		font-size: 14px;
	}
	.dob span{
		font-size: 12px;
	}
	.PlayerContainer .cover-player{
		padding-left: 13%;
		height: 350px;
	}
	.PlayerContainer .cover-player img{
		height: 350px;
	}
	.PlayerContainer .cover-textplayer{
		height: 350px;
	}
}
@media(max-width: 700px){
	.main-content .table-responsive .match .score{
	font-size: 12px;
	width: 100%; 
	height: 50px; 
	text-align: center;
	line-height: 3.5;
	}
	.main-content .table-responsive .match .ShowMore{
	width: 90%; 
	background: #05A3C5; 
	height: 50px; 
	color: #fff; 
	text-align: center; 
	font-size: 12px; 
	line-height: 4;
	}
	.main-content .table-responsive .match .ShowMore:hover > i{
	margin-left: 5px;
	}
	.main-content .table-responsive .match tr.matchContent td{
	font-size: 12px;
	}
	.main-content .table-responsive .match tr.matchContent td span{
	font-size: 12px;
	}
	.main-content .table-responsive .match tr.matchContent td img.logo{
	width: 30px; 
	height: 30px;	
	}
	.table-responsive .matchContent{
		height: 40px;
	}
}
@media(max-width: 680px){
	.main-content .table-responsive .match .score{
		font-size: 8px;
		width: 100%; 
		height: 30px; 
		text-align: center;
		line-height: 2;
	}
	.main-content .table-responsive .match .ShowMore{
		width: 90%; 
		background: #05A3C5; 
		height: 30px; 
		color: #fff; 
		text-align: center; 
		font-size: 8px; 
		line-height: 4;
	}
	.main-content .table-responsive .match .ShowMore:hover > i{
		margin-left: 5px;
	}
	.main-content .table-responsive .match tr.matchContent td{
		font-size: 8px;
	}
	.main-content .table-responsive .match tr.matchContent td span{
		font-size: 8px;
	}
	.main-content .table-responsive .match tr.matchContent td img.logo{
		width: 30px; 
		height: 30px;	
	}
	.matchContainer .box-content{
		height: 150px;
		padding: 10px;
		
	}
	.headertitleku span{
		font-size: 16px;
		line-height: 2.5;
	}
	.matchContainer .box-content .box-match {
	    padding: 5px;
	    width: 100%;
	    height: 130px;
	    border-radius: 3px;
	}
	.matchContainer .box-content.bg-match{
		background-position: top!important;
    background-size: cover!important;
	}
	.matchContainer .box-content .box-match .title {
	    margin: 0;
	    text-align: center;
	    padding-bottom: 5px;
	    margin-bottom: 5px;
	    font-size: 8px;
	    border-bottom: 1px solid#aaa;
	    overflow: hidden;
	   	text-overflow: ellipsis;
	   	display: -webkit-box;
	   	line-height: 16px;     
	   	max-height: 16px;      
	   	-webkit-line-clamp: 1; 
	   	-webkit-box-orient: vertical;
	}

	.matchContainer .box-content .box-match .club-logo {
		padding: 0px;
	}

	.matchContainer .box-content .box-match .club-logo img {
	    max-height: 30px;
	}

	.matchContainer .box-content .box-match .round-result span {
	    font-size: 8px;
	    font-weight: bold;
	}

	.matchContainer .box-content .box-match .round-result {
	    font-size: 8px;
	    font-weight: bold;
	    width: 100%;
	    border: 1px solid#1A5D6B;
	    text-align: center;
	    background: #05A3C5;
	    padding:1px;
	    border-radius: 20px;
	    margin-top: 7px;
	}

	.matchContainer .box-content .box-match .footer {
	    margin-top: 5px;
	}

	.matchContainer .box-content .box-match .footer img.league {
	    max-width: 40px;
	    max-height: 15px;
	}

	.matchContainer .box-content .box-match .footer span.schedule {
	    margin: 5px 0px;
	    margin-bottom: 0px;
	    font-size: 8px;
	}

	.matchContainer .box-content .box-match .footer a {
	    display: inline-block;
	    padding:3px;
	    font-size: 6px;
	    font-weight: normal;
	    border-radius: 3px;
	}
	.staff-responsiv{
		margin-left: 25%;
	}
	.PlayerContainer .cover-textplayer{
		top: 183.5px;
		width: 20%;
	}
	.cover-textplayer .cover-nomer{
	    width: 70px;
		height: 70px;
	}
	.cover-textplayer .cover-nomer .triangle{
		border-top: 70px solid #05A3C5;
		border-right: 70px solid transparent;
	}
	.cover-textplayer .cover-nomer .triangle .nomer{
		bottom: 30px;
		width:35px;
	}

	.cover-textplayer .cover-nomer .triangle .nomer span{
		font-size: 26px;
	}
	.nama-player b{
		font-size: 16px;
		margin-left: 10px;
	}
	.nama-player span{
		font-size: 12px;
		margin-left: 10px;
	}
	.cover-textplayer .dob{
		padding-left: 15px;
		width: 170px;
		margin-top: 40px;
	}
	.dob b{
		font-size: 14px;
	}
	.dob span{
		font-size: 12px;
	}
	.PlayerContainer .cover-player{
		padding-left: 13%;
		height: 300px;
	}
	.PlayerContainer .cover-player img{
		height: 300px;
	}
	.PlayerContainer .cover-textplayer{
		height: 300px;
	}
}

@media(max-width: 750px){
	.main-content .year{
		margin-bottom: 10px;
	}
	.main-content .event .image_event{
		width: 100px;
	}
	.main-content .event .image_event img{
		width: 80px;
		height: 40px;
	}
}
 
@media(max-width: 678px){
	.PlayerContainer .cover-textplayer{
		top: 185.5px;
		width: 20%;
	}
}
@media(max-width: 600px){
	.main-content .year{
		margin-bottom: 10px;
	}
	.main-content .event .image_event{
		width: 80px;
	}
	.main-content .event .image_event img{
		width: 60px;
		height: 30px;
	}
}
@media(max-width: 535px){
	
	.cover-textplayer .cover-nomer{
	    width: 50px;
		height: 50px;
	}
	.cover-textplayer .cover-nomer .triangle{
		border-top: 50px solid #05A3C5;
		border-right: 50px solid transparent;
	}
	.cover-textplayer .cover-nomer .triangle .nomer{
		bottom: 23px;
		width:25px;
	}

	.cover-textplayer .cover-nomer .triangle .nomer span{
		font-size: 16px;
	}
	.nama-player b{
		font-size: 14px;
		margin-left: 10px;
	}
	.nama-player span{
		font-size: 12px;
		margin-left: 10px;
	}
	.cover-textplayer .dob{
		padding-left: 15px;
		width: 140px;
		margin-top: 40px;
	}
	.dob b{
		font-size: 14px;
	}
	.dob span{
		font-size: 12px;
	}
	.PlayerContainer .cover-player{
		padding-left: 13%;
		height: 300px;
	}
	.PlayerContainer .cover-player img{
		height: 300px;
	}
	.PlayerContainer .cover-textplayer{
		height: 300px;
	}
}

@media(max-width: 480px){
	.cover-textplayer .cover-nomer{
	    width: 50px;
		height: 50px;
	}
	.cover-textplayer .cover-nomer .triangle{
		border-top: 50px solid #05A3C5;
		border-right: 50px solid transparent;
	}
	.cover-textplayer .cover-nomer .triangle .nomer{
		bottom: 23px;
		width:25px;
	}

	.cover-textplayer .cover-nomer .triangle .nomer span{
		font-size: 16px;
	}
	.PlayerContainer .cover-player{
		padding-left: 13%;
		height: 250px;
	}
	.PlayerContainer .cover-player img{
		height: 250px;
	}
	.PlayerContainer .cover-textplayer{
		height: 250px;
	}
	.cover-textplayer .dob{
		padding-left: 15px;
		width: 100px;
		margin-top: 40px;
	}
	.dob b{
		font-size: 12px;
	}
	.dob span{
		font-size: 10px;
	}
}
@media(max-width: 450px){
	.main-content .matchHeaders th span{
		font-size: 16px;
		line-height: 2;
	}
	.main-content .show .showResult{
		height: 50px;
	    width: 150px;
	    line-height: 4;
	    font-size: 12px;
	}
	.main-content .show .showResult .Arrow {
    height: 100%;
    width: 30px;
	}

}
@media only screen and (min-width: 1200px){
	.main-content .content-player .number-cover .number {
	    font-size: 22px;
	    width: 40px;
	}
}


@media (max-width: 520px){
	.staff-responsiv{
		margin-left: 20%;
	}
}
@media (max-width: 480px){
	.staff-responsiv{
		margin-left: 15%;
	}
}
@media (max-width: 420px){
	.staff-responsiv{
		margin-left: 13%;
	}
}
/*