body
{
	margin:0;
	padding:0;
	font-family: 'Lato', sans-serif;
}

h1,h2,h3,h4,h5,h6,p
{
	font-weight:900;
	color:#031333;
}
	
#container
{
	position:relative;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width:1068px;
	height:4403px;
	z-index:1000;
	overflow:hidden;
}

#football-background
{
	position:absolute;
	background-image:url("../img/football_ground.jpg"); 
/* 	background-image:url("../img/wzor.jpg"); */
	background-repeat: no-repeat;
	width:1068px;
	height:3680px;
	top:0px;
	left:0px;
}

/******* HEAD *******/

P.title-description
{
	position:relative;
	text-align:center;
	color:#fff;
	font-size:40;
	top:10px;
	display:none;
}

#custom-header
{
	display:none;	
}
.coach
{
	position:absolute;
	/*background-image:url("../img/boss_pis.png"); */
	background-repeat: no-repeat;
	width:877px;
	height:299px;
	top: 140px;
	left:95px;
}

.coach-custom
{
	top:4002px;
}

.doctor
{
	position:absolute;
	background-image:url("../img/masazysta.png"); 
	background-repeat: no-repeat;		
	width:617px;
	height:226px;
	top:370px;
	left:225px;
}

.doctor-custom
{
	top:3837px;
}

.team-header
{
	position:absolute;
	/*background-image:url("../img/team_pis.png"); */
	background-repeat: no-repeat;
	width:711px;
	height:113px;
	top:590px;
	left:178px;
}

.team-header-custom
{
	top:3710px;
}

p.coach-name
{
    position:absolute;
    font-size:50;
    top:43px;
    left:294px;
}

p.doctor-name
{
	position:absolute;
	font-size:40;
    top:32px;
    left:218px;
}


.yellow-description
{
	position:absolute;
    left: 110px;
    top: 718px;
	display:block;
}

p.yellow-description-name
{
    position: absolute;
    color: #fff;
    font-size: 35;
    top: -19px;
    left: 70px;
    width: 770px;
}
/******* FACE *******/

.face, .reconstruction, .card
{
	position:absolute;
	background-repeat: no-repeat;
	background-position: center; 
	width:300px;
	height:233px;
	top:878px;
	left:418px;
	
}

.reconstruction
{
	background-image:url("../img/sonar.png"); 
	top:-3px;
	left:0px;
	display:block; 
}

.card
{
	top:-40px;
	left:90px;
}
	
p.face-name
{
	position:absolute;
	text-align:center;
	width:300px;
	font-size:30;
	color:#000;
	top:175px;
	left:0px;
}
p.face-position
{
	position:absolute;
	text-align:center;
	width:300px;
	font-size:23;
	color:#001f59;
	top:220px;
	left:0px;
}


/******* NAVIGATION *******/

#c_left
{
	position:absolute;
	background-image:url("../img/c_left.png"); 
	background-repeat: no-repeat;
	width:146px;
	height:554px;
	top:1961px;
	left:0px;
}
#c_right
{
	position:absolute;
	background-image:url("../img/c_right.png"); 
	background-repeat: no-repeat;
	width:146px;
	height:554px;
	top:1961px;
	left:922px;
}

#reconstruction-button
{
	position:absolute;
/* 	background-image:url("../img/befor.png"); 
	background-size: contain; 
	background-position: left;
	background-repeat: no-repeat; */
	top:0px;
	left:0px;
	z-index:2000;
	display:none;

}
img.reconstruction-img
{
	position:relative;
	width:100%;
	height:auto;
	top:0px;
	left:0px;
}



/******* PLAYER STATISTIC *******/

.popup-window
{
	position:absolute;
	width:984px;
	height:1166px;
	left:40px;
	/*top:170px;*/
	background-image:url("../img/statistic.png"); 
	background-repeat: no-repeat;
	display:none;
	z-index:100;
}

.close-popup-window
{
	position:absolute;
	width:90px;
	height:90px;
	right:14px;
	top:9px;
	background-image:url("../img/close_bt.png"); 
	background-repeat: no-repeat;
}

#row-section
{
 	position:absolute;
	width:927px;
	top:195px;
	left:22px; 
}

ul
{
	position: relative;
	width: 940px;
	height:990px;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	overflow-y: scroll;
	list-style: none;
}

ul li
{
		position: relative;
		padding: 16px;
		height:120px;
		background: #737f92;
		color: #fff;
		font-size: 30px;
		z-index: 2;
		 margin-top: 4px;
}

/* li.shadow-list */
/* { */
	/* height:180px; */
/* } */

/* ul li:nth-child(odd) */
/* { */
	/* background: #5b6574; */
/* } */

.grow
{
	overflow:scroll;
	height:910px;
}

.face-popup, .face-shadow-popup
{
	position:absolute;
	width:300px;
	height:233px;
	top:-40px;
	left:0px;
	background-repeat: no-repeat;
	
}

.face-shadow-popup
{
	transform: scale(0.8);
	top:-30px;
	left:-10px;
}
p.player-description, p.player-data
{
	position:absolute;
	top:30px;
	left:40px;
	color:#d5e2f9;
}

p.sonar-connect
{
	position:absolute;
	text-align:center;
	color:#fff;
	top:30px;
	left: 220px;
}

li.sonar-button
{
	background-color:#935154;
}

p.player-data-custom
{
	position:absolute;
	left:220px;
	top:12px;
	font-size:40;
	color:#fff;
}

p.player-data
{
	left:540px;
	top:12px;
	font-size:40;
	color:#fff;
}

p.head-text-popup
{
	position:absolute;
	left:230px;
	top:-8px;
	font-size:40;
	color:#1f2227;
}

.transparent-bg
{
	position:absolute;
	background-color:#1d2c3d;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	opacity:0.95;
}