/*** FANTAROMA ***/
.gameFantaromaContainer {
	background-image:url(../img/gnd3.jpg);
	min-height:100vh;
	background-size: cover;
	background-position: center top;
}

.gameFantaromaContainer hr {
	border:0;
	background-color:#153470;
	margin:20px 0;
}

.gameFantaromaContent {
	display:block;
	width:75%;
	margin-left:25%;
	padding-top:140px;
	text-align:left;
}

.gameFantaromaTitleBlock {
	display:table;
	width:100%;
	max-width:900px;
}

.gameFantaromaTitleLeft {
	display:table-cell;
	width:50%;
	vertical-align: middle;
}

.gameFantaromaTitleRight {
	display:table-cell;
	width:50%;
	text-align:center;
	vertical-align: middle;
	text-transform: uppercase;
}

.gameFantaromaTitle {
	font-family:LatoBlack;
	font-style: italic;
	color:#ffb300;
	font-size:50px;
	line-height:1;
	text-transform: uppercase;
}

.gameFantaromaSubtitle {
	font-family:LatoBlack;
	color:#ffffff;
	font-size:20px;
	line-height:1;
	text-transform: uppercase;
}

.gameFantaromaMatch {
	font-size:16px;
	line-height:25px;
}

.gameFantaromaMatchSpacer {
	display:table-cell;
	width:5px;
}

.gameFantaromaMatchLogo {
	display:table-cell;
	vertical-align: middle;
}

.gameFantaromaMatchLogo img {
	width:30px;
}

.gameFantaromaMatchTeams {
	display:table;
	margin:0 auto;
	vertical-align: middle;
}

.gameFantaromaMatchTeam {
	display:table-cell;
	vertical-align: middle;
	font-style: italic;
}

.gameFantaromaMatchVs {
	display:table-cell;
	vertical-align: middle;
}

.gameFantaromaMatchVs img {
	width:27px;
}

.gameFantaromaMainBlock {
	display:table;
	max-width:950px;
	width:100%;
}

.gameFantaromaMainBlockLeft {
	display:table-cell;
	vertical-align: top;
	width:100%;
	text-align:center;
}

.gameFantaromaMainBlockRight {
	display:table-cell;
	vertical-align: top;
}

.gameFantaromaStepsBlock {
	display:table;
}

.gameFantaromaStepNumber {
	display:table-cell;
	vertical-align:middle;
	border:solid 1px white;
	padding:5px 10px;
	border-radius:20px;
}

.gameFantaromaStepDescription {
	padding-left:10px;
	display:table-cell;
	vertical-align:middle;
	text-transform: uppercase;
	font-family: LatoBlack;
	font-size:16px;
	line-height:1;
	font-style: italic;
}

.gameFantaromaStepSeparator {
	display:table-cell;
	vertical-align:middle;
	padding:0 10px;
}

.game11SubHeader {
	display:table;
	width:100%;
	max-width:850px;
}

.game11SubHeaderLeft {
	display:table-cell;
	vertical-align:middle;
}

.game11SubHeaderRight {
	display:table-cell;
	vertical-align:middle;
	text-align:right;
	text-transform: uppercase;
	font-size:12px;
	line-height:1.5;
}

.game11SubHeaderRight select {
	height:20px;
	background-color:transparent;
	color:white;
	border:solid 1px #153470;
	border-radius:5px;
	font-size:12px;
	width:110px;
}

.game11SubHeaderRight option {
	height:20px;
	font-size:12px;
}

.gameFantaromaPlayer {
	position:absolute;
	cursor:pointer;
}

.gameFantaromaHowItWorks {
	padding:15px 0px;
	border:solid 1px #153470;
	border-radius:15px;
	font-size:12px;
	line-height:1.2;
	width:200px;
	background-color:black;
	margin-left:20px;
}

.gameFantaromaHowItWorks h1 {
	font-size:15px;
	line-height:1;
	font-family:LatoBlack;
	font-style: italic;
	text-transform: uppercase;
	padding:0 20px;
}

.gameFantaromaHowItWorks p {
	padding:0 20px;
}

.gameFantaromaSideBox {
	padding:15px 0px;
	border:solid 1px #153470;
	border-radius:15px;
	font-size:12px;
	line-height:1;
	width:200px;
	color:white;
	margin-left:20px;
	margin-top:20px;
	text-transform: uppercase;
	text-align:center
}

.gameFantaromaSideBox h1 {
	font-size:18px;
	line-height:1.2;
	color:#ffb300;
	font-family: LatoBlack;
	padding:5px 0;
}

.gameFantaromaConfirmButton {
	width:200px;
	margin-left:20px;
	margin-top:20px;
	opacity:0.3;
}

.gameFantaromaConfirmButton button {
	font-size:10px;
	height:30px;
	line-height:1;
	background-color:#ffb300;
	color:white;
	width:100%;
	text-transform: uppercase;
	border:none;
}

.gameFantaromaPopupContainer {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0, 0, 0, 0.5);
	display:none;
	justify-content:center;
	align-items:center;
}

.gameFantaromaPopup {
	width:600px;
	height:400px;
	background-color:black;
	border:solid 1px white;
	border-radius:10px;
}

.gameFantaromaPopupHeader {
	display:table;
	width:100%;
	padding:20px 20px;
	vertical-align:middle;
}

.gameFantaromaPopupTitle {
	color:#ffb300;
	font-family:LatoBlack;
	font-style: italic;
	font-size:24px;
	text-transform: uppercase;
	display:table-cell;
	text-align: left;
}

.gameFantaromaPopupClose {
    font-family: "FontAwesome";
    font-weight: 900;
	text-align:right;
	display:table-cell;
	cursor: pointer;
}

.gameFantaromaPopupContent {
	display:table;
	width:100%;
	padding:0 20px;
}

.gameFantaromaPopupContentArea {
	overflow-y:scroll;
	height:300px;
}

.gameFantaromaPopupContentPlayers {
	display:table-cell;
	width:50%;
	vertical-align:top;
	padding:20px 20px;	
	text-align:left;
	border-right:solid 1px #5a5a5a;
	font-weight: bold;
	font-size:14px;
}

.gameFantaromaPopupContentPlayers hr {
	margin:10px 0;
}

.gameFantaromaBar {
	font-family: LatoBlack;
	background-color:#fbbb03;
	color:#8e001c;
	font-size:15px;
	line-height: 1;
	font-weight:bold;
	width:150px;
	height:30px;
	text-align:center;
	box-sizing: border-box;
	padding-top:7px;
	margin-left:-50%;
	border-radius:5px;
}

.gameFantaromaFigure {
	width:100px;
	margin-left:-47px;
	margin-top:-151px;
}

.gameFantaromaFigure img {
	width:100%;
}

.gameFantaromaPlayerBlock {
	display:table;
	width:100%;
}

.gameFantaromaPlayerBlockCell {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	position:relative;
}

.gameFantaromaPlayerBlockCell img {
	width:100px;
	cursor:pointer;
}

.gameFantaromaPlayerBlockCellDelete {
	position:absolute;
	top:0px;
	width:100%;
	right:0;
	text-align: center;
	display:none;
	padding-left:100px;
}

.gameFantaromaPlayerBlockCellDelete img {
	width:10px;
	cursor:pointer;
}

.gameFantaromaAction {
	width:150px;
	height:150px;
	border:solid 1px #fbbb03;
	border-radius:25px;
	padding:10px;
	box-sizing: border-box;
	display:inline-block;
	margin:0 10px 10px 0;
	background-color:rgba(0, 0, 0, 0.3);
	cursor:pointer;
}

.gameFantaromaActionCenter {
	display:table;
	width:100%;
}

.gameFantaromaActionText {
	display:table-cell;
	vertical-align: top;
	font-size:12px;
	line-height:1;
	width:70%;
	padding-right:20px;
}

.gameFantaromaActionImage {
	display:table-cell;
	vertical-align: top;
	width:30%;
}

.gameFantaromaActionImage img {
	width:100%;
}

.gameFantaromaActionBottom {
	display:table;
	width:100%;

}

.gameFantaromaActionLogo {
	padding-bottom:20px;
}

.gameFantaromaActionBottomCell1 {
	display:table-cell;
	color:#fbba02;
	font-family:LatoBlack;
	font-size:50px;
	line-height:1;
	vertical-align: top;
}

.gameFantaromaActionBottomCell2 {
	display:table-cell;
	color:#fbba02;
	vertical-align: top;
	font-family:LatoBlack;
	font-size:18x;
	line-height:z;
	text-transform: uppercase;
	padding-top:7px;
}

.gameFantaromaActionBottomCell3 {
	display:table-cell;
	vertical-align: bottom;
	padding-bottom:5px;
}

.gameFantaromaActions {
	opacity:0.3;
	text-align:center;
}

.gameFantaromaActionsTitle {
	width:100%;
	text-align:center;
	padding:0px 0 20px 0;
}

@media screen and (max-width: 900px) {
	.gameFantaromaMainBlock {
		display:block;
	}

	.gameFantaromaMainBlockLeft {
		display:block;
		width:100%;
	}

	.gameFantaromaMainBlockRight {
		display:block;
		width:100%;
	}

	.gameFantaromaContent {
		width:100%;
		margin-left:0;
		padding-top:145px;
	}

	.gameFantaromaTitle {
		padding-bottom:20px;
		font-size:40px;
	}

	.gameFantaromaTitleBlock {
		display:block;
		width:100%;
	}

	.gameFantaromaTitleLeft {
		width:100%;
		display:block;
		margin:0 auto;
		text-align:center;
	}

	.gameFantaromaTitleRight {
		width:100%;
		display:block;
		margin:0 auto;
		text-align:center;
	}

	.gameFantaromaHowItWorks {
		width:95%;
		margin:0 auto;
		display:block;
		margin-top:20px;
	}

	.gameFantaromaSideBox{
		width:95%;
		margin:20px auto;
	}

	.gameFantaromaScores {
		width:95%;
		margin:10px auto;
		display:block;
	}

	.game11SubHeaderLeft {
		display:block;
		width:100%;
	}

	.gameFantaromaStepsBlock {
		width:90%;
		margin:0 auto;
	}

	.gameFantaromaStepDescription {
		font-size:10px;
	}

	.gameFantaromaMainBlock {
		padding-bottom:20px;
	}


	.game11SubHeaderRight {
		margin-top:20px;
		display:block;
		text-align:center;
	}

	.gameFantaromaConfirmButton {
		text-align:center;
		margin:0 auto;
	}

	.gameFantaromaBar {
		font-size:15px;
		width:80px;
		height:22px;
		padding-top:5px;
		font-size:10px;
	}

	.gameFantaromaFigure {
		width:50px;
		margin-left:-26px;
		margin-top:-70px;
	}

	.gameFantaromaActions {
		text-align:center;
	}

	.gameFantaromaPlayerBlockCell1 {
		display:none;
	}

}