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

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:2000px;
	height:1526px;
	z-index:1000;
	overflow:hidden;
	transform-origin:top left;
}
/*
@media only screen and (min-width: 100px) and (max-width: 1279px)
	{
		#container
		{
			transform:scale(0.35);
		}
		
	}

@media only screen and (min-width: 1280px) and (max-width: 1599px)
	{
		#container
		{
			transform:scale(0.50);
		}
		
	}
	
@media only screen and (min-width: 1600px) and (max-width: 2000px)
	{
		#container
		{
			transform:scale(0.62);
		}
		
	}
*/


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

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

P.title-description
{
	position:relative;
	text-align:center;
	color:#fff;
	font-size:40;
	top:350px;
	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: -20px;
	left:326px;
	cursor:pointer;
}

.coach-custom
{
	top:-20px;
	left:1020px;
}

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

.doctor-custom
{
	top:3837px;
}

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

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

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

p.doctor-name
{
	position:absolute;
	font-size:37;
    top:28px;
    left:208px;
}


.yellow-description
{
	position:absolute;
    left: 10px;
    top: 448px;
	display:block;
}

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

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

.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:28;
	color:#000;
	top:148px;
	left:0px;
}
p.face-position
{
	position:absolute;
	text-align:center;
	width:300px;
	font-size:21;
	color:#001f59;
	top:195px;
	left:0px;
}


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

#c_left
{
	position:absolute;
	background-image:url("../img/c_left.png"); 
	background-repeat: no-repeat;
	width:190px;
	height:209px;
	top:140px;
	left:40px;
	cursor:pointer;
}
#c_right
{
	position:absolute;
	background-image:url("../img/c_right.png"); 
	background-repeat: no-repeat;
	width:190px;
	height:209px;
	top:140px;
	right:40px;
	cursor:pointer;
}

#reconstruction-button
{
	position:absolute;
/* 	background-image:url("../img/befor.png"); 
	background-size: contain; 
	background-position: left;
	background-repeat: no-repeat; */
	top:135px;
	left:479px;
	z-index:1001;
	display:block;
	cursor:pointer;

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



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

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

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

#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;
}