/*test mode*/
/*body [data-gameType = 'catchTheNumber'] .gameField{
	overflow: visible;	
}
html body{
	padding-top: 80px;
}
.myBlock{
	width: 100px;
	height: 100px;
	background-color: green;
}*/
/*test mode end*/
/*-- fonts --*/
/*- sudoku -*/
@font-face{
	font-family: dancingScript;
	src: url('../fonts/sudoku/dancingScript/DancingScript-Regular.ttf');
	font-style: normal;
	font-weight: normal;
}
@font-face{
	font-family: permanentMarker;
	src: url('../fonts/sudoku/permanentMarker/PermanentMarker-Regular.ttf');
	font-style: normal;
	font-weight: normal;
}
@font-face{
	font-family: pattaya;
	src: url('../fonts/sudoku/pattaya/Pattaya-Regular.ttf');
	font-style: normal;
	font-weight: normal;
}
@font-face{
	font-family: lato;
	src: url('../fonts/lato/Lato-Regular.ttf');
	font-style: normal;
	font-weight: normal;
}
@font-face{
	font-family: lato;
	src: url('../fonts/lato/Lato-Medium.ttf');
	font-style: normal;
	font-weight: 500;
}
@font-face{
	font-family: lato;
	src: url('../fonts/lato/Lato-Bold.ttf');
	font-style: normal;
	font-weight: bold;
}
@font-face{
	font-family: lato;
	src: url('../fonts/lato/Lato-Black.ttf');
	font-style: normal;
	font-weight: 900;
}

@font-face{
	font-family: indigoJoker;
	src: url('../fonts/indigoJoker/indigojo.ttf');
	font-style: normal;
	font-weight: normal;
}
@font-face{
	font-family: cherryBomb;
	src: url('../fonts/cherryBombRegular/CherryBomb-Regular.ttf');
	font-style: normal;
	font-weight: normal;
}
@font-face{
	font-family: Marvin;
	src: url('../fonts/Marvin/Marvin.ttf');
	font-style: normal;
	font-weight: normal;
}
/*-- fonts end --*/
body,html,p,ul{
	margin: 0;
	padding: 0;
}
a,a:visited{
	color: inherit;
	text-decoration: none;
}
ul{
	list-style-type: none;
}
body{
//	padding-top: 20px;
	font-family: tahoma, sans-serif;
	font-family: lato, sans-serif;
	background-color: #FBFBFD;
}
.gameBody{
	position: relative;
//	padding-top: 20px;	
}
.gameMainEl{
	width: 1000px;
//	min-height: 700px;
//	border: 1px solid black;
	margin: 0 auto;
	position: relative;
}
/*[data-gameType = 'box'] .gameMainEl{
	min-height: 500px;
}*/
.bold{
	font-weight: bold;
}
.italic{
	font-style: italic;
}
.underline{
	text-decoration: underline;
}
.inlneBlockEl{
	display: inline-block;
}
.oneLineText{
	white-space: nowrap;
	display: inline-block;
}
.w900{
	font-weight: 900;
}
.purpleText{
	color: #cc0033;
}
.blueText{
	color: #0070c0;
}
.rainbowRed{
	color: #ff0000;
}
.rainbowOrange{
	color: #ffc000;
}
.rainbowYellow{
	color: #ffff00;
}
.rainbowGreen{
	color: #92d050;
}
.rainbowBlue{
	color: #00b0f0;
}
.rainbowIndigo{
	color: #0070c0;
}
.rainbowViolet{
	color: #7030a0;
}

.centralText{
	text-align: center;
}
.leftText{
	text-align: left;
}
.rightText{
	text-align: right;
}
.relativePositoin{
	position: relative;
}
.absolutePosition{
	position: absolute;
}
.pictAndInscr{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;	
	align-items: center;
}
.pictAndInscr img{
	margin-right: 5px;
} 
.gameBody{
	height: 100vh;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
}
.gameBody > *{
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: auto;
}
.gameBody .gameMainEl{
	flex-grow: 1;
}
.mainWidth{
	width: 1232px;
	margin: 0 auto;
	box-sizing: border-box;
}
.horizontalAutoMargin{
	margin-left: auto;
	margin-right: auto;
}
.gameBody header{
	box-shadow: 0px 2px 4px rgba(50, 50, 71, 0.06), 0px 2px 2px rgba(50, 50, 71, 0.06);
	background-color: #FFFFFF;	
}
.gameBody header .mainWidth{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;	
	align-items: center;
	min-height: 72px;
	min-height: 64px;
}
.gameBody header .logoWrapper{
//	width: 192px;
//	height: 48px;
	font-size: 40px;
	font-weight: 900;
}
.gameBody header .mainLogo{	
	height: auto;
	cursor: pointer;
}
.gameBody header .mainLogo img{
	width: 146px;
}
.gameBody header .mainTopMenu{
	font-weight: bold;
	font-size: 18px;
	line-height: 22px;	
	color: #494953;
//	margin-left: 62px;
	margin-left: 72px;
}
.gameBody header .mainTopMenu > li{
	float: left;
}
.gameBody header .mainTopMenu > li:nth-of-type(1n + 2){
//	margin-left: 34px;
	margin-left: 48px;
}
.gameBody header .mainTopMenu > li > a{
	display: block;
	cursor: pointer;
}
.gameBody header .leftPart,
.gameBody header .rightPart{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.gameBody header .pupilStatistics{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	margin-right: 40px;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	font-weight: bold;
	color: #FFC800;
}
.gameBody header .pupilStatistics .coin img{
	width: 30px;
}
.gameBody header .pupilStatistics .flame img{
	width: 22px;
}
.gameBody header .pupilStatistics .star img{
	width: 30px;
}
.gameBody header .pupilStatistics > *:nth-of-type(1n + 2){
//	margin-left: 25px;
	margin-left: 28px;
}
.gameBody header .pupilInfo{
	color: #494953;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.gameBody header .pupilInfo .pupilPhoto{
	width: 40px;
	height: 40px;
	border-radius: 20px;
	margin-right: 12px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: inline-block;
}
.gameBody header .pupilInfo .pupilName{
	font-size: 18px;
	margin-right: 6px;
}
.gameBody header .pupilInfo .pupilTick{
//	width: 12px;
	width: 8px;
	position: relative;
	top: 3px;
}

.gameMainEl{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
}
.gameMainEl > *{
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: auto;
}
.gameMainEl .gameFieldWrapper{
	flex-grow: 1;
	position: relative;
}
.gameMainEl .gameField{
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}
.gameHeader{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	margin-top: 24px;
	position: relative;
//	padding-bottom: 24px;
}
.gameHeader .gameName{
	color: #494953;
	font-size: 24px;
	font-weight: bold;
	line-height: 29px;
}
.gameHeader .gameDescription{
	font-weight: 500;
	font-size: 14px;
	line-height: 17px;	
	margin-top: 2px;
	color: #7D7D89;
}
.closeButton{
	display: block;
	width: 48px;
	cursor: pointer;	
	background-repeat: no-repeat;
	background-position: center center;
//	background-size: 20px auto;
	background-size: 42% auto;
	background-image: url('../images/main/closeButton.png');
	z-index: 1;
    position: relative;	
}
.closeButton,
.gameHeader .countdownEl{
	height: 48px;	
	box-shadow: 0px 4px 8px rgba(50, 50, 71, 0.06), 0px 4px 4px rgba(50, 50, 71, 0.08);
	border-radius: 10px 10px 10px 0;
	z-index: 1;
    position: relative;	
	background-color: #FFFFFF;	
}
.gameHeader .countdownEl{
	color: #565656;
	font-size: 25px;
	font-weight: bold;
	padding: 0 20px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	margin-right: 30px;
	box-sizing: border-box;
}
.gameBody footer{
	padding-top: 24px;
}
.gameBody footer .mainWidth{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	padding-bottom: 24px;
}
/*[data-gameType = 'catchTheNumber']*/ .gameMainEl{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.gameMainEl .bottomPanel{
	padding-bottom: 15px;
}
/*[data-gameType = 'catchTheNumber']*/ .gameMainEl > *{
	flex-grow: 0;
	flex-shrink: 0;
	flex-wrap: nowrap;
}
/*[data-gameType = 'catchTheNumber']*/ .topPanel,
/*[data-gameType = 'catchTheNumber'] */.bototmPanel{
	box-sizing: border-box;	
}
/*[data-gameType = 'catchTheNumber'] */.gameField{
//	background-color: yellow;
	flex-grow: 1;
	position: relative;
//	overflow: hidden;
	background-position: center center;
	background-size: cover;
	perspective: 700px;
}
[data-gameType = 'catchTheNumber'] .gameField{
	background-image: url('../images/tests/catchTheNumber/background4.jpg');
}
[data-gameType = 'catchTheNumber'] .gameFieldWrapper{
	margin-top: 24px;
}
[data-gameType = 'catchTheNumber'] .topPanel{
	border-bottom: 1px solid black;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;	
	overflow: hidden;
	display: none;
}
[data-gameType = 'catchTheNumber'] .topPanel > *{
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: auto;
}
[data-gameType = 'catchTheNumber'] .topPanel .goalNum{
	line-height: 2.3em;
	padding: 0 3px;
	background-color: green;
	border: 4px solid brown;
	color: white;
	text-shadow: 1px 1px 1px rgba(100,100,100,0.8);
	min-width: 100px;
	text-align: center;
	position: relative;
	cursor: pointer;
}
[data-gameType = 'catchTheNumber'] .bottomPanel{
//	border-top: 1px solid black;
}
[data-gameType = 'catchTheNumber'] .speedChangerWrapper{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
}
[data-gameType = 'catchTheNumber'] .gradientElement{
	
}
[data-gameType = 'catchTheNumber'] .speedChanger{
	height: 50px;
//	width: 400px;
	width: 392px;
	height: 16px;
	border-radius: 8px;
//	background-image: linear-gradient(to right, #FFC832 0%, #FC4848 100%);
	position: relative;
	box-shadow: inset 0px 2px 4px rgba(50, 50, 71, 0.06), inset 0px 2px 2px rgba(50, 50, 71, 0.06);
}
[data-gameType = 'catchTheNumber'] .speedChanger .car{
/*	min-width: 120px;
	height: 100%;
	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url('../images/tests/catchTheNumber/chariot.png');*/
}
/*[data-gameType = 'catchTheNumber'] .speedChanger .carWrapper{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}*/
[data-gameType = 'catchTheNumber'] .speedChanger .car{
	height: 28px;
	width: 28px;
//	border-radius: 14px;
	border-radius: 50%;
	background-color: white;
	box-shadow: 0px 4px 8px rgba(50, 50, 71, 0.06), 0px 4px 4px rgba(50, 50, 71, 0.08);
	cursor: pointer;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	position: absolute;
	left: 0;
	top: -6px;
	z-index: 1;
}
[data-gameType = 'catchTheNumber'] .speedChanger .car::before{
	display: block;
	content: '';
//	width: 20px;
//	height: 20px;
	width: 71%;
	height: 71%;
	background-color: #FFC832;
	border-radius: 50%;
	box-shadow: inset 0px 2px 4px rgba(50, 50, 71, 0.06), inset 0px 2px 2px rgba(50, 50, 71, 0.06);
}
[data-gameType = 'catchTheNumber'] .speedChanger .gradientElement{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
//	width: 200px;
	border-radius: 8px;
	background-image: linear-gradient(to right, #FFC832 45.31% 0%, #FFC832 45.31%, #FC4848 100%);
}
/*[data-gameType = 'catchTheNumber'] .speedChanger .car::after{
	content: '';
	display: block;
	width: 500px;
	height: 16px;
	background-color: white;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
}*/
[data-gameType = 'catchTheNumber'] .gameField .maximus{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 250px;
}
[data-gameType = 'catchTheNumber'] .baloon{
	position: absolute;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	text-align: center;
	color: white;
	text-shadow: 2px 2px 2px rgba(100,100,100,0.7);
	font-size: 34px;
	box-shadow: 1px 1px 8px 0px rgba(100,100,100,0.7);
	z-index: 2;
	cursor: pointer;		
	font-size: 40px;
	font-weight: bold;
}
[data-gameType = 'catchTheNumber'][data-gameMode = 'words'] .baloon{
	font-size: 18px;
}
[data-gameType = 'catchTheNumber'][data-gameMode = 'words'][wordsasletters] .baloon{
	font-size: 36px;
}
[data-gameType = 'catchTheNumber'][data-gameMode = 'numbers'] .baloon{
	font-size: 80px;
	font-family: cherryBomb;
	color: white;
}
[data-gameType = 'catchTheNumber'][data-gameMode = 'numbers'] .baloon .baloonNum{
	background-image: none;
	border: 8px solid white;
}
[data-gameType = 'catchTheNumber'] .baloon .baloonNum{
	width: 100%;
	height: 100%;
	position: relative;
	box-sizing: border-box;
}
[data-gameType = 'catchTheNumber'] .baloon:hover{
	z-index: 2;
}
[data-gameType = 'catchTheNumber'] .baloon .baloonNum{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 110% auto;
	background-image: url('../images/tests/catchTheNumber/flareB.png');
//	background-image: url('../images/tests/catchTheNumber/radion.jpg');
	overflow: hidden;
}
[data-gameType = 'catchTheNumber'] .baloon .baloonImage{
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #FFFFFF;
}
[data-gameType = 'catchTheNumber'] .baloon .baloonFlare,
[data-gameType = 'catchTheNumber'] .baloon .baloonCircuit,
[data-gameType = 'catchTheNumber'] .baloon .baloonConfetti,
[data-gameType = 'catchTheNumber'] .baloon .baloonNum::after{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
[data-gameType = 'catchTheNumber'] .baloon .baloonFlare{
	background-color: white;		
}
[data-gameType = 'catchTheNumber'] .baloon .baloonCircuit{
	box-sizing: border-box;
	border-width: 3px;
	border-style: solid;
}
[data-gameType = 'catchTheNumber'] .baloon .baloonConfetti{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-image: url('../images/tests/catchTheNumber/confetti.png');		
}

/*[data-gameType = 'catchTheNumber'] .baloon.error .baloonNum::after{
	display: block;
}*/

[data-gameType = 'catchTheNumber'] .baloon .baloonNum{
//	border: 2px solid transparent;	
	transition-property: border-color,transform;
	transition-duration: 0.5s;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
[data-gameType = 'catchTheNumber'] .baloon.error .baloonNum{
	border-color: #e71010;
}
[data-gameType = 'catchTheNumber'] .baloon .baloonNum::after{
	content: '';
	display: block;	
	transition-property: opacity;
	transition-duration: 0.5s;
	opacity: 0;
}
[data-gameType = 'catchTheNumber'] .baloon.error .baloonNum::after{
	background-color: #e71010;
	opacity: 0.7;	
}
[data-gameType = 'catchTheNumber'] .baloon.error .baloonNum{
	transform: rotateY(260deg);
}
[data-gameType = 'catchTheNumber'] .gameField{
	background-color: rgba(0, 0, 0, 0.3);
	box-shadow: inset 0px 8px 16px rgba(50, 62, 71, 0.06), inset 0px 8px 8px rgba(50, 65, 71, 0.08);
	border-radius: 12px;	
	background-image: url('../images/main/subjects.png');
	background-repeat: repeat;
	background-position: left center;
	background-size: 1232px auto;
	transition-property: background-color;
	transition-duration: 0.5s;
	overflow: hidden;
}
.statisticsPanelWrapp{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;	
	justify-content: center;	
	z-index: 3;
	height: 0;
}
.statisticsPanel{
	top: -48.5px;
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	z-index: 1;
//	overflow: hidden;
}
.statisticsPanel > *{
	background-position: center center;
	background-position: center 4px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
//	background-color: green;
	text-align: center;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	color: #494953;
	font-size: 24px;	
	font-weight: bold;
}
.statisticsPanel > *:nth-of-type(1n + 2){
//	margin-left: 16px;	
}
.statisticsPanel .leftElement,
.statisticsPanel .rightElement{
//	width: 107px;
//	height: 89px;
	width: 115px;
	height: 95px;
    position: relative;
    top: 10px;	
}
.statisticsPanel .centralElement{
//	min-width: 187px;
//	height: 97px;
//	min-width: 195px;	
	min-width: 243px;
	height: 113px;
	padding: 0 24px;
	font-size: 36px;
	background-image: url('../images/main/statPanCentralEl.png');
	cursor: pointer;
	box-sizing: border-box;
}
.statisticsPanel .centralElement.green{
	background-image: url('../images/main/statPanCentralElG.png');
	color: white;
}
.statisticsPanel .leftElement{
	background-image: url('../images/main/statPanLeftEl.png');	
}
.statisticsPanel .leftElement.red{
	background-image: url('../images/main/statPanLeftElR.png');
	color: white;
}
.statisticsPanel .rightElement{
	background-image: url('../images/main/statPanRightEl.png');
}
[data-gameType = 'catchTheNumber'] .goalNumValEl{
	display: none;
}
.fullScreenPopup{
	z-index: 101;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	color: white;
	text-shadow: 2px 2px 2px rgba(100,100,100,0.8);
}
/*.gameBody */.loadingInfoPopup{
//	background-color: #91cad2;
	background-color: #FBFBFD;		
} 
/*.gameBody */.startingPopup{
//	background-color: #91d297;
	background-color: #FBFBFD;
}
.startingButton{
	cursor: pointer;
}
.loadingInfoPopup .infoAndGearsWrapper,
.startingPopup .infoAndButtonWrapper{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	transform: translateY(-10%);
}
.loadingInfoPopup .PNameAndDestciption,
.startingPopup .SNameAndDestciption{
	font-size: 14px;
	color: #7D7D89;
	text-shadow: none;
	text-align: center;
}
.loadingInfoPopup .PNameAndDestciption{
	opacity: 0;
}
.loadingInfoPopup .PGameName,
.startingPopup .SGameName{
	font-size: 36px;
	font-weight: 900;
	color: #494953;
}
.loadingInfoPopup .PGameDescription,
.startingPopup .SGameDescription{
	margin-top: 8px;
}
.loadingInfoPopup .gears,
.startingPopup .startingButton{
	margin-top: 100px;
//	width: 240px;
//	height: 240px;	
	width: 150px;
	height: 150px;
	border-radius: 50%;
	position: relative;
}
.loadingInfoPopup .gears{
	box-shadow: inset 0px 8px 16px rgba(50, 50, 71, 0.06), inset 0px 8px 8px rgba(50, 50, 71, 0.08);
	overflow: hidden;
}
.startingPopup .startingButton{
	box-shadow: 0px 8px 16px rgba(50, 50, 71, 0.06), 0px 8px 8px rgba(50, 50, 71, 0.08);	
	font-size: 24px;
	font-weight: bold;	
	color: white;
	display: flex; 
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	background-color: #76D51F;
}
.loadingInfoPopup .gear{
	position: absolute;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	border-radius: 50%;
}
.loadingInfoPopup .gear.big{
	width: 100%;
	height: 100%;
	background-image: url('../images/main/gears/big.png');
	left: 43.33%;
	top: -27.43%;
}
.loadingInfoPopup .gear.small{
	width: 82%;
	height: 82%;
	background-image: url('../images/main/gears/small.png');
	left: -36.66%;
	top: 1.46%;	
}
.loadingInfoPopup .gear.theSmallest{
	width: 59%;
	height: 59%;
	background-image: url('../images/main/gears/theSmallest.png');	
    left: 27.16%;
    top: 66.91%;		
}
[data-gameType = 'dialog'] .gameField{
//	background-image: none;
	padding-top: 32px;
	overflow: visible;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
}
[data-gameType = 'dialog'] .gameField > *{
	flex-grow: 0;
}
[data-gameType = 'dialog']/* .gameField*/ .dialogElements{
	flex-grow: 1;
	padding-bottom: 24px;
}
[data-gameType = 'dialog'] footer{
	padding-top: 0;
}
table.typeA{
	border-collapse: collapse;
}
table.typeA td, table.typeA th{
	border: 1px solid black;	
}
[data-gameType = 'dialog'] .dialogElements{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
//	padding: 10px;
	padding-top: 20px;
	justify-content: center;
	align-content: flex-start;
}
[data-gameType = 'dialog'] .dialogElements > li{
	margin-top: 12px;
	margin-left: 12px;
	position: relative;
}
[data-gameType = 'dialog'] a.scrap{
	float: left;
	font-size: 16px;
	box-sizing: border-box;
	cursor: pointer;
//	max-width: 250px;
	color: #333333;
//	font-size: 16px;
	padding: 8px 16px;
//	box-shadow: 0px 4px 8px rgba(50, 50, 71, 0.06), 0px 4px 4px rgba(50, 50, 71, 0.08);
	background-color: white;	
	transition-property: background-color, color, text-shadow;
	transition-duration: 0.5s;
	flex-direction: column;	
	box-shadow: 0px 4px 8px rgba(50, 50, 71, 0.06), 0px 4px 4px rgba(50, 50, 71, 0.08);		
}
[data-gameType = 'dialog'][data-sizeType = 'big'] a.scrap{
	font-size: 24px;
}
[data-gameType = 'dialog'] .speach a.scrap{
	box-shadow: 0px 2px 4px rgba(50, 50, 71, 0.06), 0px 2px 2px rgba(50, 50, 71, 0.06);
}
[data-gameType = 'dialog'] a.scrap,
[data-gameType = 'dialog'] .socketPrompt{
	display: flex;
	justify-content: center;		
	border-radius: 8px;	
	background-color: white;
	font-size: 16px;	
}
[data-gameType = 'dialog'] .socketPrompt{
	align-items: center;
	flex-wrap: wrap;
	color: #999999;	
	position: relative;
	border: 1px #E4E4E4 dashed;
	box-sizing: border-box;
	
}
[data-gameType = 'dialog'] .socketPrompt .socketPromptSentence{
	
}
[data-gameType = 'dialog'] .socketPrompt .socketPromptPart{
	
}
[data-gameType = 'dialog'] a.scrap.sounding{
	background-color: #2DBECD;
	color: white;
}
[data-gameType = 'dialog'] .interlocutors{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
}
[data-gameType = 'dialog'][data-interlocutorsNum = '1'] .interlocutors{
	justify-content: center;
}
/*[data-gameType = 'dialog'][data-interlocutorsNum = '1'] .interlocutor.rightInt{
	display: none;
}*/
[data-gameType = 'dialog'][data-interlocutorsNum = '1'] .interlocutor[data-visibility = 'hidden']{
	display: none;
}
[data-gameType = 'dialog'][data-interlocutorsNum = '1'] .interlocutors > *:nth-child(1n + 2){
	margin-left: 50px;
}
[data-gameType = 'dialog'] .interlocutor{
	width: 296px;
	height: 404px;
//	background-color: #E4E4E4;
	border-radius: 12px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
[data-gameType = 'dialog'] .interlocutor.leftInt{
//	background-image: url('../images/tests/dialog/leftInterlocutor.png');
}
[data-gameType = 'dialog'] .interlocutor.rightInt{
//	background-image: url('../images/tests/dialog/rightInterlocutor.png');	
}
[data-gameType = 'dialog'] .interlocutors > *:nth-child(1n + 2){
//	margin-left: 5px;
}
[data-gameType = 'dialog'] .interlocutor > img{
	height: 300px;
}
[data-gameType = 'dialog'] .speach{
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;	
}
[data-gameType = 'dialog'] .speach > li{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;	
	position: relative;
}
[data-gameType = 'dialog'] .speach > li > div{
	position: relative;
	box-sizing: border-box;
	background-color: white;
	border: 1px #E4E4E4 dashed; 
	height: 40px;
	border-radius: 8px;
	width: 200px;	
	box-sizing: border-box;
	transition-property: box-shadow;
	transition-duration: 0.5s;
	box-sizing: border-box;
	background-color: #E9E9ED;
	box-shadow: inset 0px 4px 8px rgba(50, 50, 71, 0.06), inset 0px 4px 4px rgba(50, 50, 71, 0.08);	
	border: none;
}
[data-gameType = 'dialog'] .speach > li.leftPos{
	justify-content: flex-start;
}
[data-gameType = 'dialog'] .speach > li.rightPos{
	justify-content: flex-end;
}
[data-gameType = 'dialog'] .speach > li .socket::before{
	position: absolute;
	content: '';
	width: 24px;
	height: 24px;
	box-shadow: inset 0px 4px 8px rgba(50, 50, 71, 0.06), inset 0px 4px 4px rgba(50, 50, 71, 0.08);
	margin: auto;
	top: 0;
	bottom: 0;
	border-radius: 50%;
	background-position: center center;
	background-repeat: no-repeat;
	opacity: 0;
	transition-duration: 0.5s;
	transition-property: opacity, background-color;
}
/*
	okBack cancelBack
	correct error
*/
[data-gameType = 'dialog'] .speach > li .socket.correct::before,
[data-gameType = 'dialog'] .speach > li .socket.error::before{
	opacity: 1;	
}
[data-gameType = 'dialog'] .speach > li .socket.correct::before{
	background-image: url('../images/main/okBackB.png');
	background-color: #76D51F;
	background-size: 16px auto;
}
[data-gameType = 'dialog'] .speach > li .socket.error::before{
	background-image: url('../images/main/cancelBackB.png');
	background-color: #FF4865;
	background-size: 16px auto;
}
[data-gameType = 'dialog'] .speach > li.leftPos .socket::before{
	left: -40px;
}
[data-gameType = 'dialog'] .speach > li.rightPos .socket::before{
	right: -40px;
}
[data-gameType = 'dialog'] .speach > li:nth-of-type(1n + 2){
	margin-top: 8px;
}
/*[data-gameType = 'dialog']*/ .doneWrapper{
	text-align: center;
	padding-top: 20px;
}
[data-gameType = 'dialog'] .doneWrapper > *:nth-of-type(1n + 2){
	margin-left: 5px;
}
/*[data-gameType = 'dialog']*/ .buttonTypeA{
    height: 38px;
    line-height: 38px;
    color: white;
    cursor: pointer;
    padding: 0 6px;
    display: inline-block;
    background-color: #d9d9d9;
    border-radius: 5px;
    transition-property: background-color;
    transition-duration: 0.7s;	
	color: #525250;
}
/*[data-gameType = 'dialog']*/ .done.active,
/*[data-gameType = 'dialog']*/ .playDialog.active{
	background-color: #56c3ea;
	color: white;
	text-shadow: 1px 1px 1px rgba(100,100,100,0.8);
}/*
[data-gameType = 'dialog'] .socket.error .socketPrompt{
	box-shadow: inset 0 0 0 2px #FF4865;
}
[data-gameType = 'dialog'] .socket.correct .scrap{
	box-shadow: inset 0 0 0 2px #a0e066;
}*/
[data-gameType = 'dialog'] .socket.withSupportingPrompt{
	box-shadow: 0 0 0 2px #faca6f;	
}
[data-gameType = 'dialog'] .socket.withSupportingPrompt .socketPrompt.supportingPrompt{
	border: none;	
	opacity: 0.7;
}
[data-gameType = 'dialog'] .socket.error{
	box-shadow: 0 0 0 2px #FF4865;
}
[data-gameType = 'dialog'] .socket.correct{
	box-shadow: 0 0 0 2px #a0e066;
}

[data-gameType = 'dialog'] .gameButtonsPanelWrapper{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
}
[data-gameType = 'dialog'] .gameButtonsPanelWrapper > *{
	display: none;
}
[data-gameType = 'dialog'] .gameButtonsPanelWrapper > *:nth-of-type(1n + 2){
	margin-left: 24px;
}
body [data-gameType = 'dialog'] .socketPrompt{
	padding-left: 0;
	padding-right: 0;
}
/*[data-gameType = 'dialog'] .speach */
/*[data-gameType = 'dialog'] a.scrapInSocket, 
[data-gameType = 'dialog'] a.scrapInSocket{
	width: 100% !important;
	height: 100% !important;
	box-shadow: none;
}*/
[data-gameType = 'sudoku'] .gameField{
	background-image: none;
	padding-top: 44px;
	color: #6A6A73;
}
[data-gameType = 'sudoku'] .mainElements{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: start;	
}
/*[data-gameType = 'sudoku'] .mainElements > *:nth-of-type(1n + 2){
	margin-left: 10px;
}*/
[data-gameType = 'sudoku'] .mainElements .letters{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;	
	text-align: center;
//	border: 2px solid #ffc000;
	perspective: 700px;
	overflow: hidden;
	border-radius: 12px;
	box-shadow: 0px 24px 32px rgba(50, 50, 71, 0.08), 0px 16px 16px rgba(50, 50, 71, 0.08);	
	background-color: #FBFBFD;
}
[data-gameType = 'sudoku'] .mainElements .letters .row{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: auto;
}
[data-gameType = 'sudoku'] .mainElements .letters .row > *{
//	padding: 25px;
	width: 50px;
	height: 50px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition-property: background-color, text-shadow, color;
	transition-duration: 0.7s;
	position: relative;
	box-sizing: border-box;
	font-size: 20px;
}
/*
грианицы судоку
[data-gameType = 'sudoku'] .mainElements .letters .row:nth-of-type(1n + 2){
	border-left: 1px solid #f9f9fd;
}
[data-gameType = 'sudoku'] .mainElements .letters .row > *:nth-of-type(1n + 2){
	border-top: 1px solid #f9f9fd;
}*/
[data-gameType = 'sudoku'] .words,
[data-gameType = 'findTheLetters'] .words,
[data-gameType = 'guessTheWord'] .words{
 //   padding: 0 10px;
//    background-color: green;
//    border: 4px solid brown;	
//	color: white;
//	line-height: 1.7em;
//	text-shadow: 1px 1px 1px rgba(100,100,100,0.7);
//	font-family: dancingScript, sans-serif;
//	position: relative;
	padding-left: 4px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 342px;
	margin-top: -8px;
}
[data-gameType = 'sudoku'][data-gamemode = 'imagesAndWords'] .words,
[data-gameType = 'findTheLetters'][data-gamemode = 'imagesAndWords'] .words,
[data-gameType = 'findTheLetters'][data-gamemode = 'guessTheWord'] .words{
	width: 380px;
}
/*	width: 350px;*/
[data-gameType = 'sudoku'] .words .wordEl,
[data-gameType = 'findTheLetters'] .words .wordEl,
[data-gameType = 'guessTheWord'] .words .wordEl{
	height: 40px;
	background-color: #E9E9ED;
	box-shadow: 0px 2px 4px rgba(50, 50, 71, 0.06), 0px 2px 2px rgba(50, 50, 71, 0.06);
	border-radius: 8px;
	line-height: 40px;
	padding: 0 24px;
	cursor: pointer;
	transition-property: background-color, color, text-shadow, transform;
	transition-duration: 0.7s;
	margin-left: 12px;
//	font-size: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
}
.gameBody[data-gameType = 'sudoku'][data-disabledWordsSounds] .words > *,
.gameBody[data-gameType = 'sudoku'][data-noSoundsOnCards] .words > *,
.gameBody[data-gameType = 'guessTheWord'][data-disabledWordsSounds] .words > *,
.gameBody[data-gameType = 'guessTheWord'][data-noSoundsOnCards] .words > *{
	cursor: auto;	
}
[data-gameType = 'sudoku'] .words .wordEl,
[data-gameType = 'sudoku'][data-gamemode = 'images'] .imageEl,
[data-gameType = 'sudoku'][data-gamemode = 'imagesAndWords'] .imageAndWordEl,
[data-gameType = 'findTheLetters'] .words .wordEl,
[data-gameType = 'findTheLetters'][data-gamemode = 'images'] .imageEl,
[data-gameType = 'findTheLetters'][data-gamemode = 'imagesAndWords'] .imageAndWordEl,
[data-gameType = 'guessTheWord'] .words .wordEl,
[data-gameType = 'guessTheWord'][data-gamemode = 'images'] .imageEl,
[data-gameType = 'guessTheWord'][data-gamemode = 'imagesAndWords'] .imageAndWordEl,
[data-gameType = 'crossword'] .imageEl{
	margin-top: 8px;	
}
[data-gameType = 'sudoku'][data-gamemode = 'images'] .wordsWrapp,
[data-gameType = 'sudoku'][data-gamemode = 'imagesAndWords'] .wordsWrapp,
[data-gameType = 'findTheLetters'][data-gamemode = 'images'] .wordsWrapp,
[data-gameType = 'findTheLetters'][data-gamemode = 'imagesAndWords'] .wordsWrapp,
[data-gameType = 'guessTheWord'][data-gamemode = 'images'] .wordsWrapp,
[data-gameType = 'guessTheWord'][data-gamemode = 'imagesAndWords'] .wordsWrapp{
	margin-left: 16px;
}
[data-gameType = 'sudoku'][data-gamemode = 'images'] .words,
[data-gameType = 'sudoku'][data-gamemode = 'imagesAndWords'] .words,
[data-gameType = 'findTheLetters'][data-gamemode = 'images'] .words,
[data-gameType = 'findTheLetters'][data-gamemode = 'imagesAndWords'] .words,
[data-gameType = 'guessTheWord'][data-gamemode = 'images'] .words,
[data-gameType = 'guessTheWord'][data-gamemode = 'imagesAndWords'] .words{
	justify-content: space-between;	
	padding-left: 0;	
}
[data-gameType = 'sudoku'][data-gamemode = 'images'] .words,
[data-gameType = 'findTheLetters'][data-gamemode = 'images'] .words,
[data-gameType = 'guessTheWord'][data-gamemode = 'images'] .words{
//	width: 294px;
	width: 384px;
}
[data-gameType = 'sudoku'][data-gamemode = 'images'] .imageEl,
[data-gameType = 'findTheLetters'][data-gamemode = 'images'] .imageEl,
[data-gameType = 'guessTheWord'][data-gamemode = 'images'] .imageEl,
[data-gameType = 'crossword'] .imageEl{
//	width: 90px;
//	height: 90px;
	width: 120px;
	height: 120px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	cursor: pointer;
	box-shadow: 0px 4px 8px rgba(50, 50, 71, 0.06), 0px 4px 4px rgba(50, 50, 71, 0.08);
	position: relative;
	background-color: white;
}
[data-gameType = 'sudoku'][data-gamemode = 'imagesAndWords'] .imageAndWordEl,
[data-gameType = 'findTheLetters'][data-gamemode = 'imagesAndWords'] .imageAndWordEl,
[data-gameType = 'guessTheWord'][data-gamemode = 'imagesAndWords'] .imageAndWordEl{
//	width: 120px;
	cursor: pointer;
	box-shadow: 0px 4px 8px rgba(50, 50, 71, 0.06), 0px 4px 4px rgba(50, 50, 71, 0.08);
	position: relative;
	flex-grow: 0;
	background-color: white;
}
[data-gameType = 'findTheLetters'][data-disabledWordsSounds] .imageAndWordEl,
[data-gameType = 'findTheLetters'][data-disabledWordsSounds] .wordEl,
[data-gameType = 'findTheLetters'][data-disabledWordsSounds] .imageEl{
	cursor: auto;
}
[data-gameType = 'sudoku'][data-gamemode = 'imagesAndWords'] .imageCardEl,
[data-gameType = 'findTheLetters'][data-gamemode = 'imagesAndWords'] .imageCardEl,
[data-gameType = 'guessTheWord'][data-gamemode = 'imagesAndWords'] .imageCardEl{
	width: 120px;
	height: 120px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;	
	box-shadow: 0 0 15px -10px rgba(100,100,100,0.7);
}
[data-gameType = 'sudoku'][data-gamemode = 'imagesAndWords'] .wordCardEl,
[data-gameType = 'findTheLetters'][data-gamemode = 'imagesAndWords'] .wordCardEl,
[data-gameType = 'guessTheWord'][data-gamemode = 'imagesAndWords'] .wordCardEl{
	font-size: 20px;
	padding: 8px 0 8px 8px;
	overflow: hidden;
	font-weight: 500;
}
[data-gameType = 'sudoku'][data-gamemode = 'images'] .imageEl,
[data-gameType = 'sudoku'][data-gamemode = 'imagesAndWords'] .imageAndWordEl,
[data-gameType = 'sudoku'][data-gamemode = 'imagesAndWords'] .imageCardEl,
[data-gameType = 'sudoku'][data-gamemode = 'images'] .imageEl::before,
[data-gameType = 'sudoku'][data-gamemode = 'imagesAndWords'] .imageAndWordEl::before,
[data-gameType = 'findTheLetters'][data-gamemode = 'images'] .imageEl,
[data-gameType = 'findTheLetters'][data-gamemode = 'imagesAndWords'] .imageAndWordEl,
[data-gameType = 'findTheLetters'][data-gamemode = 'imagesAndWords'] .imageCardEl,
[data-gameType = 'findTheLetters'][data-gamemode = 'images'] .imageEl::before,
[data-gameType = 'findTheLetters'][data-gamemode = 'imagesAndWords'] .imageAndWordEl::before,
[data-gameType = 'guessTheWord'][data-gamemode = 'images'] .imageEl,
[data-gameType = 'guessTheWord'][data-gamemode = 'imagesAndWords'] .imageAndWordEl,
[data-gameType = 'guessTheWord'][data-gamemode = 'imagesAndWords'] .imageCardEl,
[data-gameType = 'guessTheWord'][data-gamemode = 'images'] .imageEl::before,
[data-gameType = 'guessTheWord'][data-gamemode = 'imagesAndWords'] .imageAndWordEl::before,
[data-gameType = 'crossword'] .imageEl,
[data-gameType = 'crossword'] .imageEl::before{
	border-radius: 12px;	
}
[data-gameType = 'sudoku'][data-gamemode = 'images'] .imageEl::after,
[data-gameType = 'sudoku'][data-gamemode = 'imagesAndWords'] .imageAndWordEl::after,
[data-gameType = 'sudoku'][data-gamemode = 'images'] .imageEl::before,
[data-gameType = 'sudoku'][data-gamemode = 'imagesAndWords'] .imageAndWordEl::before,
[data-gameType = 'findTheLetters'][data-gamemode = 'images'] .imageEl::after,
[data-gameType = 'findTheLetters'][data-gamemode = 'imagesAndWords'] .imageAndWordEl::after,
[data-gameType = 'findTheLetters'][data-gamemode = 'images'] .imageEl::before,
[data-gameType = 'findTheLetters'][data-gamemode = 'imagesAndWords'] .imageAndWordEl::before,
[data-gameType = 'guessTheWord'][data-gamemode = 'images'] .imageEl::after,
[data-gameType = 'guessTheWord'][data-gamemode = 'imagesAndWords'] .imageAndWordEl::after,
[data-gameType = 'guessTheWord'][data-gamemode = 'images'] .imageEl::before,
[data-gameType = 'guessTheWord'][data-gamemode = 'imagesAndWords'] .imageAndWordEl::before,
[data-gameType = 'crossword'] .imageEl::after,
[data-gameType = 'crossword'] .imageEl::before{
	content: '';
	display: block;
	position: absolute;
	opacity: 0;
	transition-property: opacity;
	transition-duration: 0.7s;	
}
[data-gameType = 'sudoku'][data-gamemode = 'images'] .imageEl.guessed::after,
[data-gameType = 'sudoku'][data-gamemode = 'imagesAndWords'] .imageAndWordEl.guessed::after,
[data-gameType = 'sudoku'][data-gamemode = 'images'] .imageEl.guessed::before,
[data-gameType = 'sudoku'][data-gamemode = 'imagesAndWords'] .imageAndWordEl.guessed::before,
[data-gameType = 'findTheLetters'][data-gamemode = 'images'] .imageEl.guessed::after,
[data-gameType = 'findTheLetters'][data-gamemode = 'imagesAndWords'] .imageAndWordEl.guessed::after,
[data-gameType = 'findTheLetters'][data-gamemode = 'images'] .imageEl.guessed::before,
[data-gameType = 'findTheLetters'][data-gamemode = 'imagesAndWords'] .imageAndWordEl.guessed::before,
[data-gameType = 'guessTheWord'][data-gamemode = 'images'] .imageEl.guessed::after,
[data-gameType = 'guessTheWord'][data-gamemode = 'imagesAndWords'] .imageAndWordEl.guessed::after,
[data-gameType = 'guessTheWord'][data-gamemode = 'images'] .imageEl.guessed::before,
[data-gameType = 'guessTheWord'][data-gamemode = 'imagesAndWords'] .imageAndWordEl.guessed::before,
[data-gameType = 'crossword'] .imageEl.guessed::after,
[data-gameType = 'crossword'] .imageEl.guessed::before{
	opacity: 1;
}
[data-gameType = 'sudoku'][data-gamemode = 'images'] .imageEl::before,
[data-gameType = 'sudoku'][data-gamemode = 'imagesAndWords'] .imageAndWordEl::before,
[data-gameType = 'findTheLetters'][data-gamemode = 'images'] .imageEl::before,
[data-gameType = 'findTheLetters'][data-gamemode = 'imagesAndWords'] .imageAndWordEl::before,
[data-gameType = 'guessTheWord'][data-gamemode = 'images'] .imageEl::before,
[data-gameType = 'guessTheWord'][data-gamemode = 'imagesAndWords'] .imageAndWordEl::before,
[data-gameType = 'crossword'] .imageEl::before{
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(0,0,0,0.3);
}
[data-gameType = 'sudoku'][data-gamemode = 'images'] .imageEl::after,
[data-gameType = 'sudoku'][data-gamemode = 'imagesAndWords'] .imageAndWordEl::after,
[data-gameType = 'findTheLetters'][data-gamemode = 'images'] .imageEl::after,
[data-gameType = 'findTheLetters'][data-gamemode = 'imagesAndWords'] .imageAndWordEl::after,
[data-gameType = 'guessTheWord'][data-gamemode = 'images'] .imageEl::after,
[data-gameType = 'guessTheWord'][data-gamemode = 'imagesAndWords'] .imageAndWordEl::after,
[data-gameType = 'crossword'] .imageEl::after{
	width: 24px;
	height: 24px;
	left: 0;
	right: 0;
	bottom: -8px;
	background-color: #76D51F;
	border-radius: 12px;
	box-sizing: border-box;
	border: 4px solid #fbfbfd;
	margin: auto;	
	background-image: url('../images/main/okBack.png');
	background-size: 12px auto;
	background-repeat: no-repeat;
	background-position: center center;	
}
[data-gameType = 'sudoku'][data-gamemode = 'imagesAndWords'] .imageAndWordEl::after,
[data-gameType = 'findTheLetters'][data-gamemode = 'imagesAndWords'] .imageAndWordEl::after,
[data-gameType = 'guessTheWord'][data-gamemode = 'imagesAndWords'] .imageAndWordEl::after{
	left: auto;
	right: -7px;
}
[data-gameType = 'sudoku'] .words .wordEl.guessed,
[data-gameType = 'findTheLetters'] .words .wordEl.guessed,
[data-gameType = 'guessTheWord'] .words .wordEl.guessed{
	background-color: #76D51F;
	color: white;
}

/*
[data-gameType = 'sudoku'] .words.visibleHints .wordEl{
	padding-left: 0;
	padding-right: 0;		
}
[data-gameType = 'sudoku'] .words .wordEl{
	padding-left: 10px;
	padding-right: 10px;	
	position: relative;	
	cursor: pointer;
}
[data-gameType = 'sudoku'] .words .wordEl .wordPart{
	position: relative;
	display: none;
}
[data-gameType = 'sudoku'] .words.visibleHints .wordEl .wordPart{
	display: inline-block;
}
[data-gameType = 'sudoku'] .words .wordEl[found]{
//	color: red;
}
[data-gameType = 'sudoku'] .words .wordEl::after{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	height: 2px;
	background-color: white;
	width: 0;
	transition-property: width;
	transition-duration: 2s;	
	transition-timing-function: linear;	
}
[data-gameType = 'sudoku'] .words .wordEl[found]::after{
	width: 100%;
}
[data-gameType = 'sudoku'] .chalk{
	position: absolute;
	left: 0;
	top: 10px;
	width: 30px;
	height: 30px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url('../images/tests/sudoku/chalk.png');
	opaclty: 0;

}
[data-gameType = 'sudoku'] .words .wordPart{
	font-size: 24px;
}*/
[data-gameType = 'sudoku'] .letter:hover{
	background-color: #FFEFC9;
}
[data-gameType = 'sudoku'] .letter.marked,
[data-gameType = 'sudoku'] .letter.found,
[data-gameType = 'sudoku'] .letter.error,
[data-gameType = 'sudoku'] .letter.right,
[data-gameType = 'sudoku'] .letter .letterCopy,
[data-gameType = 'sudoku'] .words .wordEl.guessed{
	color: white;
//	text-shadow: 1px 1px 1px rgba(100,100,100,0.8);	
}
/*[data-gameType = 'sudoku'] .letter:hover{
	text-shadow: 1px 1px 1px rgba(100,100,100,0.8);	
}*/
[data-gameType = 'sudoku'] .letter.found{
	background-color: #8eaeff;
}
[data-gameType = 'sudoku'] .letter.error{
	background-color: #FF4865;
}
[data-gameType = 'sudoku'] .letter.right{
	background-color: #8bfc37;
}
[data-gameType = 'sudoku'] .letter.marked{
/*	background-color: #FFA800; слова не могут пересекаться*/
	background-color: #FFA800 !important; /*слова могут пересекаться*/
}
[data-gameType = 'sudoku'] .letter.dark{
	color: #6A6A73;
	text-shadow: none;
	background-color: #E4E4E4 !important;
}
[data-gameType = 'sudoku'] .letter.promptCell{
	text-shadow: none;
	color: #6A6A73;
}
[data-gameType = 'sudoku'] .letter .letterCopy{
	width: 100%;
	height: 100%;
//	width: 50px;
//	height: 50px;
	left: 0;
	top: 0;
	position: absolute;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	transition-property: left, top, transform,opacity;
	transition-timing-function: linear;
	z-index: 1;	
//	transition-duration: 2s;
}
[data-gameType = 'sudoku'] .hint{
	margin: 0 auto;
	width: 700px;
}
[data-gameType = 'sudoku'] .hint img{
	width: 100%;
}
/*[data-gameType = 'sudoku']*/ .rightWrapper{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
/*[data-gameType = 'sudoku'] */.rightWrapper .rightWord{
	font-size: 44px;
	text-transform: uppercase;
	font-family: permanentMarker, sans-serif;
	color: #2fa2f2;
	text-shadow: 2px 2px 2px rgba(100,100,100,0.8);
	position: relative;
	top: -10%;
}
/*
[data-gameType = 'sudoku'] .rightWrapper .rightWord{
	font-family: indigoJoker, sans-serif;
}*/
.buttonTypeB{
	line-height: 38px;
    color: white;
    cursor: pointer;
    padding: 0 6px;
    display: inline-block;	
	background-color: #339f3a;
	text-shadow: 1px 1px 1px rgba(100,100,100,0.8);
	box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.8);
}
.topMargin10{
	margin-top: 10px;
}
[data-gameType = 'sudoku'] .letterCopy{
	position: absolute;
	left: 0;
	top: 0;
}
/*[data-gameType = 'sudoku'] .wordsWrapp{
	position: relative;
}*/
/*
    height: 38px;
    line-height: 38px;
    color: white;
    cursor: pointer;
    padding: 0 6px;
    display: inline-block;
    background-color: #d9d9d9;
    border-radius: 5px;
    transition-property: background-color;
    transition-duration: 0.7s;	
	color: #525250;
*/
body.mainPage{
	background-image: url('../images/main/mainBackground.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
body.mainPage.lessons{
	background-image: url('../images/main/mainBackground2.jpg');
	text-align: center;
}
.gameBody[data-gameType = 'mainPage']{
	padding-top: 30px;
	min-height: 100vh;
	height: auto;
}
.gameBody[data-gameType = 'mainPage'] .gameMenu{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	font-size: 20px;
    text-shadow: 2px 2px 5px rgba(0,0,0);	
}
.gameBody[data-gameType = 'mainPage'] .gameMenu > li{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;	
}
.gameBody[data-gameType = 'mainPage'] .gameMenu > li > *:nth-child(1n + 2){
	margin-left: 30px;
}
.gameBody[data-gameType = 'mainPage'] .gameMenu > li > *{
	color: white;
	line-height: 1.5em;	
}
.gameBody[data-gameType = 'mainPage'] .gameMenu [data-lessonnum]{
	cursor: pointer;
}
.gameBody[data-gameType = 'mainPage'] .gameMenu > li > a{
	display: block;
	cursor: pointer;
	transition-property: transform;
	transition-duration: 0.7s;

}
.gameBody[data-gameType = 'mainPage'] .gameMenu > li > a:hover{
	transform: scale(1.3);
}
body.mainPage .maximusLogo{
	position: absolute;
	height: 100px;
    left: 30;
    bottom: 30;
}
.gameBody[data-gameType = 'box'] .scrap.additionalLetter{
	color: #FF4865;
	display: none;
}
.gameBody[data-gameType = 'box'] .boxElement{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
}
/*.gameBody[data-gameType = 'box'] .boxElement .box{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url('../images/tests/box/box.png');
	width: 100px;
}*/
.gameBody[data-gameType = 'box'] .boxElement .box{
	position: relative;
	cursor: pointer;
}/*
.gameBody[data-gameType = 'box'] .boxElement .boxWrapper{
	position: relative;
	left: 40%;
}*//*
.gameBody[data-gameType = 'box'] .boxElement .box .imageOfBox{
	width: 150px;
}*//*
.gameBody[data-gameType = 'box'] .boxElement .box .boxImage,
.gameBody[data-gameType = 'box'] .boxElement .box .boxInstruction{
	position: absolute;
	right: 7%;
    bottom: 5%;
    width: 59%;
}
.gameBody[data-gameType = 'box'] .boxElement .box .boxInstruction{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	text-align: center;
	padding: 0 5px;
	height: 70%;
	box-sizing: border-box;
	font-family: pattaya, sans-serif;
	font-size: 20px;
	line-height: 1.2em;
}*//*
.gameBody[data-gameType = 'box'] .boxElement .box .boxCap{
    position: absolute;
    top: -2%;
    left: 0%;
    width: 100%;
}*/
.gameBody[data-gameType = 'box'] .gameField{
	padding-top: 35px;
	overflow: visible;
}
.gameBody[data-gameType = 'box'] .sockets{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
}
.gameBody[data-gameType = 'box'] .sockets > *{
	background-color: white;	
	border-radius: 8px;
	box-sizing: border-box;
	border-radius: 10px;
	position: relative;
	border: 1px dashed #BBBBC5;
}
.gameBody[data-gameType = 'box'] .sockets > *:nth-of-type(1n + 2),
.gameBody[data-gameType = 'box'] .scraps >*:nth-of-type(1n + 2){
	margin-left: 16px;
}
.gameBody[data-gameType = 'box'] .scraps > *,
.gameBody[data-gameType = 'box'] .sockets > *{
	width: 56px;
	height: 56px;
	position: relative;
}
.gameBody[data-gameType = 'box'] .scraps{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;

}
.gameBody[data-gameType = 'box'] .scrapsAndWordWrapp{
	padding-top: 28px;
	padding-bottom: 24px;
	position: relative;	
}
.gameBody[data-gameType = 'box'] .scrapWordWrapp{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: flex;
	flex-direction: row;	
	flex-wrap: nowrap;	
	justify-content: center;
	align-items: center;
}
.gameBody[data-gameType = 'box'] .scrapsWord{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	box-shadow: 0px 4px 8px rgba(50, 50, 71, 0.06), 0px 4px 4px rgba(50, 50, 71, 0.08);
	padding: 0 22px;
	border-radius: 8px;
	position: relative;
	background-color: white;
}
.gameBody[data-gameType = 'box'] .scrap:nth-of-type(1n + 2){
	margin-left: 1.5px;
}
.gameBody[data-gameType = 'box'] .scrapsWord .emptyLetter{
	margin-left: 0.3em;
}
.gameBody[data-gameType = 'box'] .scrapsWord .scrap{
	cursor: auto;
}
.gameBody[data-gameType = 'box'] .scrap{
	color: #333333;		
	cursor: pointer;
	position: relative;
//	box-shadow: 0px 4px 8px rgba(50, 50, 71, 0.06), 0px 4px 4px rgba(50, 50, 71, 0.08);
//	text-shadow: 1px 1px 1px rgba(100,100,100,0.7);
	background-color: white;

}
.gameBody[data-gameType = 'box'] .scrap,
.gameBody[data-gameType = 'box'] .socketPrompt{
	font-size: 20px;	
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	text-align: center;
	border-radius: 8px;
	z-index: 2;	
	font-weight: bold;	
	box-sizing: border-box;
	transition-property: color, background-color,box-shadow;
	transition-duration: 0.5s;	
}
.gameBody[data-gameType = 'box'] ul.scraps li .scrap{
	box-shadow: 0px 4px 8px rgba(50, 50, 71, 0.06), 0px 4px 4px rgba(50, 50, 71, 0.08);
}
.gameBody[data-gameType = 'box'] .socket .scrap{
	box-shadow: 0px 2px 4px rgba(50, 50, 71, 0.06), 0px 2px 2px rgba(50, 50, 71, 0.06);
} 
.gameBody[data-gameType = 'box'] .socket.error .scrap,
.gameBody[data-gameType = 'box'] .socket.error .socketPrompt{
	background-color: #FF4865;
	color: white;
}
.gameBody[data-gameType = 'box'] .socket.correct .scrap,
.gameBody[data-gameType = 'box'] .socket.correct .socketPrompt{
	background-color: #76D51F;
	color: white;
	border: none;
}
.gameBody[data-gameType = 'box'] .socket .socketPrompt{
    color: #999999;
    border: 1px #E4E4E4 dashed;	
	border: none;	
}

/*.gameBody[data-gameType = 'box'] .scraps.singleWord{
//	box-shadow: 0px 4px 8px rgba(50, 50, 71, 0.06), 0px 4px 4px rgba(50, 50, 71, 0.08);
}
.gameBody[data-gameType = 'box'] .scraps.singleWord li{
	margin-left: 0;
	width: auto !important;
}
.gameBody[data-gameType = 'box'] .scraps.singleWord .scrap{
	width: auto !important;
	padding: 0 2px;	
	border-radius: 0;
	box-shadow: none;
}*/

/*
.gameBody[data-gameType = 'box'] .bookCase{
	position: absolute;
	top: 0;
	right: 0;
	padding-right: 15px;
	padding-top: 15px;   
}
.gameBody[data-gameType = 'box'] .book{
	position: relative;
	cursor: pointer;
	perspective: 400px;		
}
.gameBody[data-gameType = 'box'] .book .page{
	background-color: #ffd374;
	padding: 30px 15px;
	font-family: dancingScript, sans-serif;
	font-size: 20px;
}
.gameBody[data-gameType = 'box'] .book .cover,
.gameBody[data-gameType = 'box'] .book .face,
.gameBody[data-gameType = 'box'] .book .back{
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;	
	box-sizing: border-box;
}*//*
.gameBody[data-gameType = 'box'] .book .faceInnerBlock,
.gameBody[data-gameType = 'box'] .book .backInnerBlock{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;	
	width: 100%;
	height: 100%;
	box-sizing: border-box;	
}
.gameBody[data-gameType = 'box'] .book .faceInnerBlock{
	background-image: url('../images/tests/box/coverPicture.png');
}
.gameBody[data-gameType = 'box'] .book .backInnerBlock{
	background-image: url('../images/tests/box/London.png');
}
.gameBody[data-gameType = 'box'] .book .cover{
	transform-origin: left center;
	transform-style: preserve-3d;
	transition-property: transform;
	transition-duration: 1.5s;
	transition-delay: 0;
	transition-timing-function: linear;
}
.gameBody[data-gameType = 'box'] .book .face{
	background-color: #9a5128;
	padding: 5px;
}
.gameBody[data-gameType = 'box'] .book .back{
	background-color: #ecb08f;
	padding: 5px;
	transform: rotateY(-180deg);		
}
.gameBody[data-gameType = 'box'] .book .face,
.gameBody[data-gameType = 'box'] .book .back{
	backface-visibility: hidden;
}
.gameBody[data-gameType = 'box'] .book.opend .cover{
	transform: rotateY(-180deg);	
}*/
/*
.gameBody[data-gameType = 'box'] .boxLettersWrapper{
	position: absolute;
//	background-color: green;
	right: 30%;
    bottom: 78%;
	z-index: 2;
}
.gameBody[data-gameType = 'box'] .boxArrow{
	position: absolute;
	top: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
	height: 30px;
	left: -70%;	
	left: -100%;
	transform: translateY(-50%);	
}
.gameBody[data-gameType = 'box'] .techArrow img{
	height: 100%;
	position: relative;
	z-index: 1;	
	opacity: 0;
}
.gameBody[data-gameType = 'box'] .arrows{
	perspective: 400px;
}
.gameBody[data-gameType = 'box'] .arrows > img{
	display: block;
}
.gameBody[data-gameType = 'box'] .arrows, .gameBody[data-gameType = 'box'] .arrows > img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
}*/
.gameBody[data-gameType = 'box'] .boxWrapper{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
}
.gameBody[data-gameType = 'box'] .box{
	width: 320px;
	height: 317px;
//	background-color: green;
	position: relative;
}
.gameBody[data-gameType = 'box'] .box > .boxCard{
	transform-style: preserve-3d;	
	box-shadow: 0px 8px 16px rgba(50, 50, 71, 0.06), 0px 8px 8px rgba(50, 50, 71, 0.08);
	transition-timing-function: linear;
}	
.gameBody[data-gameType = 'box'] .box,
.gameBody[data-gameType = 'box'] .box > .boxCard,
.gameBody[data-gameType = 'box'] .boxCard > *{
	border-radius: 8px;	
}
.gameBody[data-gameType = 'box'] .box .boxCard,
.gameBody[data-gameType = 'box'] .boxCard > *{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.gameBody[data-gameType = 'box'] .boxCard > *{
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;		
	backface-visibility: hidden;
	background-color: #FFFFFF;
}
.gameBody[data-gameType = 'box'] .boxCard .frontSide{
	background-image: url('../images/tests/box/box.png');
}
.gameBody[data-gameType = 'box'] .boxCard .backSide{
	transform: rotateY(180deg);
}
.gameBody[data-gameType = 'imageChoice'] .gameMainEl,
.gameBody[data-gameType = 'guessTheImage'] .gameMainEl{
	min-height: 300px;
}
.withFloatElements::after{
	display: block;
	content: '';
	clear: both;
}
.left{
	float: left;
}
.right{
	float: right;
}
.bothClear{
	clear: both;
}
.gameBody[data-gameType = 'imageChoice'] .imageVariants{
	perspective: 400px;
}
.gameBody[data-gameType = 'imageChoice'] .imageVariantsWrapper{
	position: relative;
}
.gameBody[data-gameType = 'imageChoice'] .imageVariants > li a{
	display: block;	
	width: 155px;
	height: 133px;
	box-sizing: border-box;
	border: 3px solid #243f60;

	background-color: #4f81bd;
	cursor: pointer;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	transition-property: border-color,box-shadow,transform;
	transition-duration: 0.5s;
	position: relative;
	z-index: 1;
}

.gameBody[data-gameType = 'imageChoice'] .imageVariants > li a,
.gameBody[data-gameType = 'imageChoice'] .imageVariants .backSide{
	border-radius: 20px;	
//	transition-property: transform;
//	transition-duration: 0.5s;	
}
.gameBody[data-gameType = 'imageChoice'] .imageVariants > li a.right{
	border-color: #1bc100;
    box-shadow: 0 0 15px 7px #1bc100;
}
body .gameBody[data-gameType = 'imageChoice'] .imageVariants > li a.error{
	border-color: red;
    box-shadow: 0 0 15px 7px red;	
//	transform: rotateY(360deg);

}
.gameBody[data-gameType = 'imageChoice'] .imageVariants > li a.chosen,
.gameBody[data-gameType = 'imageChoice'] .imageVariants > li a.right,
.gameBody[data-gameType = 'imageChoice'] .imageVariants > li a.error,
.gameBody[data-gameType = 'imageChoice'] .imageVariants > li a:hover{
	transform: rotateX(15deg);
}
.gameBody[data-gameType = 'imageChoice'] .imageVariants > li a.chosen,
.gameBody[data-gameType = 'imageChoice'] .imageVariants > li a:hover{
	border-color: #0084ff;
}	
.gameBody[data-gameType = 'imageChoice'] .imageVariants > li a.chosen{
    box-shadow: 0 0 15px 7px #0084ff;		
}
/*.gameBody[data-gameType = 'imageChoice'] .imageVariants > li > a:hover{
	transform: rotateX(15deg);
}*/
.gameBody[data-gameType = 'imageChoice'] .imageVariants > li:nth-of-type(2n + 2){
	margin-left: 42px;
}
.gameBody[data-gameType = 'imageChoice'] .imageVariants > li:nth-of-type(1n + 3){
	margin-top: 20px;
}
.gameBody[data-gameType = 'imageChoice'] .imageVariants > li{
	float: left;
}
.gameBody[data-gameType = 'imageChoice'] .imageVariants > li:nth-of-type(2n + 3){
	clear: both;
}
.gameBody[data-gameType = 'imageChoice'] .imageVariants .backAndLinkWrapp{
	position: relative;
//	transition-property: transform;
//	transition-duration: 0.7s;
	transform-style: preserve-3d;
}
.gameBody[data-gameType = 'imageChoice'] .imageVariants .backAndLinkWrapp:hover{
//	transform: rotateY(-180deg);
}
.gameBody[data-gameType = 'imageChoice'] .imageVariants .backSide,
.gameBody[data-gameType = 'imageChoice'] .imageVariants > li a{
	backface-visibility: hidden;

}
.gameBody[data-gameType = 'imageChoice'] .imageVariants .backSide{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url('../images/tests/imageChoice/cardBackSide.png');	
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	transform: rotateY(-180deg);
	box-sizing: border-box;
	border: 3px solid white;
}
.gameBody[data-gameType = 'imageChoice'] .gameField{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;	
	padding: 50px 0 20px;
}
.gameBody[data-gameType = 'imageChoice'] .rightWordWrapp{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	padding-top: 20px;
}
.gameBody[data-gameType = 'imageChoice'] .rightWord{
	font-family: pattaya, sans-serif;
	font-size: 52px;
	cursor: pointer;
	text-shadow: 2px 2px 2px rgba(100,100,100,0.7);
	opacity: 0;
}
.gameBody[data-gameType = 'imageChoice'] .imagesAnswer{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
}
.gameBody[data-gameType = 'imageChoice'] .imagesAnswer,
.gameBody[data-gameType = 'imageChoice'] .rightWordWrapp{
	width: 100%;
}
.gameBody[data-gameType = 'imageChoice'] .topPanel,
.gameBody[data-gameType = 'guessTheImage'] .topPanel{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	font-size: 18px;
	padding: 10px 5px;
}
/*.gameBody[data-gameType = 'imageChoice'] .topPanel .rightNumEl,
.gameBody[data-gameType = 'imageChoice'] .topPanel .errorsNumEl,
.gameBody[data-gameType = 'imageChoice'] .topPanel .remaingNumEl{*/
/*.gameBody[data-gameType = 'imageChoice'] .topPanel .gameStatisticsEl,
.gameBody[data-gameType = 'guessTheImage'] .topPanel .gameStatisticsEl{*/
.gameBody .topPanel.gameStatisticsEls > div > span{
	padding: 5px;
	border-radius: 5px;
	border: 1px solid #0084ff;
	background-color: white;
}
/*.gameBody[data-gameType = 'imageChoice'] .topPanel .rightNumEl,*/
.gameBody .topPanel.gameStatisticsEls .rightNumEl{
	color: #1bc100;
	border-color: #1bc100;	
}
/*.gameBody[data-gameType = 'imageChoice'] .topPanel .errorsNumEl,*/
.gameBody .topPanel.gameStatisticsEls .errorsNumEl{
	color: red;
	border-color: red;	
}
/*.gameBody[data-gameType = 'imageChoice'] .topPanel .remaingNumEl,*/
.gameBody .topPanel.gameStatisticsEls .remaingNumEl{
	color: #0084ff;
	border-color: #0084ff;
}
.reloadButton{
    position: fixed;
    right: 20px;
    top: 10px;
	z-index: 1;
	transition-property: background-color, color, text-shadow;
	transition-duration: 0.7s;
}
.reloadButton:hover{
	background-color: #56c3ea;
    color: white;
    text-shadow: 1px 1px 1px rgba(100,100,100,0.8);	
}
.gameBody[data-gameType = 'guessTheImage'] .rightImageBlock{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	padding: 30px 0;	
	justify-content: space-between;	
}
.gameBody[data-gameType = 'guessTheImage'] .rightImage{
	width: 220px;
	height: 220px;
/*	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;	
    border: 3px solid #243f60;
	border-radius: 20px;	*/	
//	background-color: green;
	position: relative;
}
.gameBody[data-gameType = 'guessTheImage'] .wordsVariants{
	display: flex;
	flex-direction: row; 
	flex-wrap: nowrap;
	justify-content: center;	
	padding-bottom: 30px;
	perspective: 200px;
}
.gameBody[data-gameType = 'guessTheImage'] .wordsVariants > li:nth-of-type(1n + 2){
	margin-left: 20px;
}
.gameBody[data-gameType = 'guessTheImage'] .wordsVariants > li > a{
	cursor: pointer;
    height: 38px;
    line-height: 38px;
	border-radius: 12px;
	border: 3px solid white;
	display: inline-block;
	padding: 0 10px;
	color: white;
	text-shadow: 1px 1px 1px rgba(100,100,100,0.7);
	background-image: linear-gradient(to top, #056b8f 0%, #011647 30%, #011647 60%, #056b8f 100%);
	transition-property: transform, border-color, box-shadow;
	transition-duration: 0.5s;
	text-align: center;
}
/*
.gameBody[data-gameType = 'guessTheImage'] .wordsVariants > li > a:hover{
	transform: rotateX(25deg);
}*/
.gameBody[data-gameType = 'guessTheImage'] .wordsVariants > li a.chosen, 
.gameBody[data-gameType = 'guessTheImage'] .wordsVariants > li a:hover{
	border-color: #0084ff;
}
.gameBody[data-gameType = 'guessTheImage'] .wordsVariants > li a.chosen{
	box-shadow: 0 0 15px 7px #0084ff;
}
body .gameBody[data-gameType = 'guessTheImage'] .wordsVariants > li a.error{
	border-color: red;
    box-shadow: 0 0 15px 7px red;	
}
.gameBody[data-gameType = 'guessTheImage'] .wordsVariants > li a.chosen,
.gameBody[data-gameType = 'guessTheImage'] .wordsVariants > li a.right,
.gameBody[data-gameType = 'guessTheImage'] .wordsVariants > li a.error,
.gameBody[data-gameType = 'guessTheImage'] .wordsVariants > li a:hover{
	transform: rotateX(15deg);
}
.gameBody[data-gameType = 'guessTheImage'] .gameField{
	padding-left: 30px;
	padding-right: 30px;
	perspective: 700px;
}
.gameBody[data-gameType = 'guessTheImage'] .rightImageWrapper{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
}
.gameBody[data-gameType = 'guessTheImage'] .wordsVariants > li a.right{
	border-color: #1bc100;
    box-shadow: 0 0 15px 7px #1bc100;
}
.gameBody[data-gameType = 'guessTheImage'] .remainingGameCards{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;	
}
.gameBody[data-gameType = 'guessTheImage'] .remainingGameCards .cardInfoWrapp{

}
.gameBody[data-gameType = 'guessTheImage'] .remainingGameCards .cardWrapp{

}
.gameBody[data-gameType = 'guessTheImage'] .outGameCards{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-between;
	position: relative;
}
.gameBody[data-gameType = 'guessTheImage'] .outGameCards .secondDanceWrapp{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin-top: 0;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	padding-left: 50px;
}
.gameBody[data-gameType = 'guessTheImage'] .outGameCards .secondDanceWrapp .cardWrapp{
//	background-color: green;
}
.gameBody[data-gameType = 'guessTheImage'] .outGameCards > *{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.gameBody[data-gameType = 'guessTheImage'] .outGameCards > *:nth-of-type(1n + 2){
	margin-top: 20px;
}
/*.gameBody[data-gameType = 'guessTheImage'] .outGameCards .cardWrapp{

}*/
.gameBody[data-gameType = 'guessTheImage'] .outGameCards .cardsType{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	padding-right: 10px;
	opacity: 0;
	transition-property: opacity;
	transition-duration: 1s;	
}
.gameBody[data-gameType = 'guessTheImage'] .outGameCards .cardsType img{
	width: 40px;
}
.gameBody[data-gameType = 'guessTheImage'] .remainingGameCards .cardWrapp,
.gameBody[data-gameType = 'guessTheImage'] .outGameCards .cardWrapp,
.gameBody[data-gameType = 'guessTheImage'] .card{
	width: 130px;
	height: 130px;
//	background-color: green;
	position: relative;
}
.gameBody[data-gameType = 'guessTheImage'] .remainingGameCards .cardWrapp{
//	background-color: green;
}

.gameBody[data-gameType = 'guessTheImage'] .card{
	background-color: transparent;
}
.gameBody[data-gameType = 'guessTheImage'] .card{
	box-sizing: border-box;
//	border: 1px solid black;
//	background-color: blue;
	position: absolute;
	left: 0;
	top: 0;
	transform-style: preserve-3d;	
	transform: rotateY(180deg);
//	overflow: hidden;
/*	transition-property: transform;
	transition-duration: 0.5s;*/	
}
.gameBody[data-gameType = 'guessTheImage'] .card,
.gameBody[data-gameType = 'guessTheImage'] .card > div,
.gameBody[data-gameType = 'guessTheImage'] .card > div > div,
.gameBody[data-gameType = 'guessTheImage'] .card .backSide::after{
	border-radius: 12px;	
}
.gameBody[data-gameType = 'guessTheImage'] .card > div > div{
	backface-visibility: hidden;

}/*
.gameBody[data-gameType = 'guessTheImage'] .card:hover{
	transform: rotateY(180deg);
}*/
.gameBody[data-gameType = 'guessTheImage'] .card .backSide{
//	background-image: url('../images/tests/guessTheImage/cardBackSide.png');
	transform: rotateY(-180deg);	
	background-image: linear-gradient(to top, #b73563 0%, #1f256f 100%);	
}
.gameBody[data-gameType = 'guessTheImage'] .card .backSide::after{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 80%;
	background-image: url('../images/tests/guessTheImage/maximus.png');	
	box-sizing: border-box;
	border: 5px solid white;	
}
.gameBody[data-gameType = 'guessTheImage'] .card .frontSide{
	background-image: url('../images/tests/guessTheImage/words/frog.jpg');		
}
.gameBody[data-gameType = 'guessTheImage'] .card .sidesWrapp{
	position: relative;
	width: 100%;
	height: 100%;
	transform-style: preserve-3d;
//	transform: rotateY(-180deg);
}
.gameBody[data-gameType = 'guessTheImage'] .card .frontSide,
.gameBody[data-gameType = 'guessTheImage'] .card .backSide{
	position: absolute;
	left: 0;	
	top: 0;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 1px solid black;
	box-sizing: border-box;
}
/*.gameBody[data-gameType = 'memoryCards'] .gameCards{
	float: left;
}*/
.gameBody[data-gameType = 'memoryCards']{
	overflow: hidden;
}
.gameBody[data-gameType = 'memoryCards'] .card,
.gameBody[data-gameType = 'memoryCards'] .cardWrapper{
	width: 140px;
	height: 140px;		
}
.gameBody[data-gameType = 'memoryCards'] .cardWrapper{
	margin-left: 10px;
	margin-top: 10px;	
//	margin-left: 16px;
//	margin-top: 16px;	
//	box-shadow: 0px 8px 16px rgba(50, 50, 71, 0.06), 0px 8px 8px rgba(50, 50, 71, 0.08);
}
.gameBody[data-gameType = 'memoryCards'] .card{
//	width: 130px;
//	height: 130px;
//	background-color: green;
//	float: left;
	cursor: pointer;
	border-radius: 12px;
//	margin-left: 10px;
//	margin-top: 10px;
}
.gameBody[data-gameType = 'memoryCards'] .card .sidesWrapp{
	position: relative;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;	
}
.gameBody[data-gameType = 'memoryCards'] .card .frontSide{
	background-color: white;
	/*для IOS*/
	transform: translateZ(5px);	/*потом можно попробовать убрать*/
}
.gameBody[data-gameType = 'memoryCards'][data-gameMode == 'imagesOnly'] .card .frontSide{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.gameBody[data-gameType = 'memoryCards'] .card .frontSide,
.gameBody[data-gameType = 'memoryCards'] .card .backSide{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
 //   border: 1px solid black;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;/*-для IOS-*/	
}
.gameBody[data-gameType = 'memoryCards'] .card .backSide::after{
    content: '';
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 80%;
    background-image: url(../images/tests/memoryCards/maximus.png);
    box-sizing: border-box;
    border: 5px solid white;
}	
.gameBody[data-gameType = 'memoryCards'] .card .engleshW,
.gameBody[data-gameType = 'memoryCards'] .card .translationW{
	text-align: center;
//	padding-top: 20px;
//	font-size: 20px;
	font-weight: bold;
}
.gameBody[data-gameType = 'memoryCards'] .card .engleshW{
	font-size: 24px;	
}
.gameBody[data-gameType = 'memoryCards'] .card .translationW{
	font-family: indigoJoker, sans-serif;
	font-size: 72px;
}
.gameBody[data-gameType = 'memoryCards'][data-gameMode = 'images'] .card .translationW{
	height: 72%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
.gameBody[data-gameType = 'memoryCards'] .card .backSide{
    // background-image: url(../images/tests/guessTheImage/cardBackSide.png);
    transform: rotateY(-180deg);
//    background-image: linear-gradient(to top, #b73563 0%, #1f256f 100%);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 130% auto;
	background-image: url('../images/main/cardsBack.png');
	background-color: #FFFFFF;
}
.gameBody[data-gameType = 'memoryCards'] .card > div > div {
    backface-visibility: hidden;
}
.gameBody[data-gameType = 'memoryCards'] .card, 
.gameBody[data-gameType = 'memoryCards'] .card > div,
.gameBody[data-gameType = 'memoryCards'] .card > div > div,
.gameBody[data-gameType = 'memoryCards'] .card .backSide::after{
	border-radius: 12px;
}
.gameBody[data-gameType = 'memoryCards'] .outGameCards,
.gameBody[data-gameType = 'memoryCards'] .gameCards{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
}
.gameBody/*.num8*/[data-gameType = 'memoryCards'] .gameCards{
	width: 600px;	
}
.gameBody/*.num8*/[data-gameType = 'memoryCards'] .outGameCards{
	width: 312px;	
	margin-left: 94px;
}
.gameBody.num20[data-gameType = 'memoryCards'] .gameCards{
	width: 750px;	
}
.gameBody.num20[data-gameType = 'memoryCards'] .outGameCards{
	width: 450px;	
}
.gameBody[data-gameType = 'memoryCards'] .gameCards > *,
.gameBody[data-gameType = 'memoryCards'] .outGameCards > *{
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: auto;
}
.gameBody[data-gameType = 'memoryCards'] .outGameCards .cardsBox{
	width: 140px;
	height: 140px;
//	background-color: blue;
	position: relative;
}
.gameBody[data-gameType = 'memoryCards'] .outGameCards .cardsBox{
//	margin-left: 10px;
//	margin-top: 10px;
	margin-left: 16px;
	margin-top: 16px;	
}
.gameBody[data-gameType = 'memoryCards'] .gameField{
//	display: flex;
//	flex-direction: column;
//	flex-wrap: nowrap;	
//	justify-content: start;
//	padding-left: 30px;
//	padding-right: 30px;
	align-items: center;
	padding-top: 30px;
	overflow: visible;
}
.gameBody[data-gameType = 'memoryCards'] .gameCardsWrapp{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
//	justify-content: space-between;
	justify-content: center;
	perspective: 700px;
}
.gameBody[data-gameType = 'memoryCards'] .gameCardsWrapp > *{
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: auto;
}
.gameBody[data-gameType = 'memoryCards'].num20 .gameCardsWrapp{
	justify-content: space-between;
}
.gameBody[data-gameType = 'memoryCards'].num20 .outGameCards{
	margin-left: 0;
}
.gameBody[data-gameType = 'memoryCards'] .outGameCards{
	
}
/*.gameBody[data-gameType = 'guessTheImage'] .outGameCards {
	width: 220px;
}*/

.gameBody[data-gameType = 'memoryCards'] .card{
	transition-duration: 0.7s;
	transform-style: preserve-3d;
	transition-property: transform;
	box-shadow: 0px 8px 16px rgba(50, 50, 71, 0.06), 0px 8px 8px rgba(50, 50, 71, 0.08);
}
/*.gameBody[data-gameType = 'memoryCards'] .card:hover{
	transform: rotateY(180deg);
}*/
.gameBody[data-gameType = 'memoryCards'] .card.turned{
	transform: rotateY(-180deg);
}
.gameBody[data-gameType = 'memoryCards'] .gameMainEl{
	overflow: hidden;
    padding-right: 15px;
    box-sizing: border-box
}
.gameBody[data-gameType = 'memoryCards']{
//	overflow: hidden;
}
.wordsRepeatMW, .infoPopupWrapper{
	position: fixed;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;	
}
.wordsRepeatMW{
	z-index: 100;
}
body .difficultyLevelWrapper{
	z-index: 102;	
}
.wordsRepeatMW::before{
	content: '';
}
.infoPopupWrapper{
	z-index: 4;
}
.wordsRepeatMW, .wordsRepeatMW::before,
.infoPopupWrapper, .infoPopupWrapper .coveringEl{
//	content: '';
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;	
}
.wordsRepeatMW::before, .infoPopupWrapper .coveringEl{
	position: absolute;		
	background-color: rgba(0,0,0,0.3);
}
.infoPopupWrapper .coveringEl{
	z-index: 1;
}
.wordsRepeatMW .repSlider .gameButton{
	position: relative;
}
.wordsRepeatMW .repSlider{
	width: 566px;
//	height: 566px;	
	position: relative;
	font-family: lato, sans-serif;
}
.infoPopupWrapper .infoPopup{
	width: 552px;
	position: relative;
	z-index: 1;
	color: #494953;
	text-align: center;
	font-size: 24px;
}
.wordsRepeatMW .repSliderWrapp{
//	height: 100%;
}
.wordsRepeatMW .repSliderWrapp,
.infoPopupWrapper .infoPopupWrapp{
	border-radius: 12px;
	background-color: #FBFBFD;
	position: relative;	
	width: 100%;
//	height: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	box-shadow: 0px 24px 32px rgba(50, 50, 71, 0.08), 0px 16px 16px rgba(50, 50, 71, 0.08);	
	overflow: hidden;
	box-sizing: border-box;
}
.infoPopupWrapper .infoPopupWrapp{
	padding-top: 60px;
	padding-bottom: 56px;
}
.infoPopupWrapper .reassurance{
	font-size: 24px;
//	margin-top: 24px;
	font-weight: 900;
}
.infoPopupWrapper .reassurance.whideLines > p:nth-of-type(1n + 2){
	margin-top: 5px;
}
.infoPopupWrapper .withTopMargin{
	margin-top: 15px;
}
.infoPopupWrapper .starsNumContainer{
	margin-top: 24px;
	min-width: 186px;
	height: 75px;
	line-height: 75px;
	padding: 0 20px;
	box-sizing: border-box;
	background-color: #F9F9FD;
	box-shadow: inset 0px 4px 8px rgba(50, 50, 71, 0.06), inset 0px 4px 4px rgba(50, 50, 71, 0.08);
	border-radius: 16px;
	display: inline-flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;	
	align-items: center;
	color: #FFC800;
	font-size: 36px;
}
.infoPopupWrapper .starsNumContainer .star{
	width: 30px;
	margin-left: 5px;
}
.infoPopupWrapper .starsNumContainer .starsNum{
	font-weight: 900;
	margin-left: 6px;
}
.infoPopupWrapper .starsNumContainer .plus{
	font-size: 46px;
}
.infoPopupWrapper .buttonWrapp{
	text-align: center;
}
.infoPopupWrapper .gameButton.green,
.infoPopupWrapper .gameButton.red{
	margin-top: 32px;
}
.infoPopupWrapper .additAction{
	font-size: 18px;
	color: #6A6A73;
	margin-top: 16px;
	display: inline-block;
	cursor: pointer;
//	text-decoration: underline;
	border-bottom: 1px solid #6A6A73;
}
/*.infoPopupWrapper .starsNumContainer > *:nth-child(1n + 2){
	margin-left: 6px;
}*/
.simpleCoveringScreen{
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: #FFFFFF;
	z-index: 101;
}

.wordsRepeatMW .titleWrapp,
.infoPopupWrapper .titleWrapp{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	z-index: 1;
	pointer-events: none;
}
.wordsRepeatMW .titleWrapp > *,
.infoPopupWrapper .titleWrapp > *{
	pointer-events: auto;
}
.wordsRepeatMW .WRtitle,
.infoPopupWrapper .IPTitle{
	font-weight: 900;
	color: white;
	background-color: #735BA7;		
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: auto;
	line-height: 71px;
	padding: 0 48px;
	font-size: 36px;
	position: relative;
	top: -35px;
}
.infoPopupWrapper.finalTestPopup [data-popupType='failure'] .IPTitle{
	background-color: #FF4865;	
}
.wordsRepeatMW .WRtitle,
.infoPopupWrapper .IPTitle,
[data-popupType = 'grammar'] .grammarCloseButton{
	border-radius: 16px;
}
.infoPopupWrapper .simplePopupInfo{
	padding-top: 16px;
}
.infoPopupWrapper .gameProcessOptionsButtons{
	display: flex;
	flex-directin: row;
	flex-wrap: nowrap;
//	padding-top: 40px;
	justify-content: center;	
	align-items: center;
}
.infoPopupWrapper .gameProcessOptionsButtons > *{
	width: 154px;
	padding: 0;
}
.infoPopupWrapper .gameProcessOptionsButtons > *:nth-of-type(1n + 2){
	margin-left: 16px;
}
.repSliderNavigation{
	margin-top: 76px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
}
.repSliderNavigation > li{
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: #DBEBB9;
	cursor: pointer;	
	transition-property: background-color;
	transition-duration: 0.5s;
}
.repSliderNavigation > li.active,
.repSliderNavigation > li:hover{
	background-color: #A5CD50;
}
.repSliderNavigation > li:nth-of-type(1n + 2){
	margin-left: 12px;
}
.wordsRepeatMW .imageAndNavButtonsWrapp{
	margin-top: 32px;
	padding: 0 32px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-end;
	width: 100%;
    box-sizing: border-box;	
}
.gameNavButton{
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background-color: #2DBECD;
	background-repeat: no-repeat;
	background-position: center center;	
	cursor: pointer;	
	box-shadow: 0px 4px 8px rgba(50, 50, 71, 0.06), 0px 4px 4px rgba(50, 50, 71, 0.08);
	margin-bottom: 10px;
	z-index: 2;
	transition-property: background-color, box-shadow, opacity;
	transition-duration: 0.5s;
}
.gameNavButton:hover{
	background-color: #57CBD7;
	box-shadow: 0px 8px 16px rgba(50, 50, 71, 0.06), 0px 8px 8px rgba(50, 50, 71, 0.08);
}
.gameNavButton:active{
	background-color: #1D9FAD;
	box-shadow: none;
}
.gameNavButton.disable{
	background-color: #ABE5EB;
	box-shadow: none;
}
.gameNavButton.leftB{
	background-image: url('../images/main/leftButton.png');	
	background-position: 47% center;
}
.gameNavButton.rightB{
	background-image: url('../images/main/rightButton.png');	
	background-position: 53% center;	
}
.wordsRepeatMW .repSlider .imageWrapp{
	width: 192px;
	height: 192px;
//	background-color: green;
	position: relative;
	z-index: 1;
}
.wordsRepeatMW[data-imageSizeType='big'] .repSlider .imageWrapp{
	width: 270px;
	height: 270px;
}
/*
.wordsRepeatMW .RSButtonNav:hover,
.wordsRepeatMW .RSButtonNav:active{
	background-color: #2DBECD;
}*/
.wordsRepeatMW .wordAndSoundWrapp{
	padding-top: 32px;
//	max-width: 90%;
	max-width: 70%;
}
.wordsRepeatMW .wordAndSoundSecondWrapp{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;	
	align-items: center;
/*	opacity: 1;
	transition-duration: 0.5s;
	transition-property: opacity;*/
}
.wordsRepeatMW .wordAndSoundWrapp .engleshW{
	font-weight: bold;
	font-size: 36px;
	color: #494953;
}
.wordsRepeatMW[data-sizeType = 'little'] .wordAndSoundWrapp .engleshW{
	font-size: 28px;
}
.wordsRepeatMW .wordAndSoundWrapp .translationW{
	font-weight: normal;
	font-size: 18px;
	color: #7D7D89;
	padding-top: 8px;	
}
.wordsRepeatMW .soundButtWrapp{
	padding-left: 16px;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
}
.wordsRepeatMW  .additionalWRImage{
	position: absolute;
	bottom: 48px;
	left: 32px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 80px;
	height: 90px;
}
.infoPopupWrapper .resultInfo{
	font-size: 24px;
	line-height: 1.2em;
	padding-bottom: 24px;
}
.infoPopupWrapper .resultInfo > *:nth-of-type(1n + 2){
	margin-top: 4px;
}
.wordsRepeatMW.noNavigation .imageAndNavButtonsWrapp{
	justify-content: center;
}
.wordsRepeatMW.noNavigation .gameNavButton{
	display: none;
}
.wordsRepeatMW.noText .wordsWrapp{
	display: none;
}
.wordsRepeatMW.hiddenCommonText .engleshW{
	display: none;
}
.wordsRepeatMW.hiddenAdditionalText .translationW{
	display: none;	
}
.wordsRepeatMW.hiddenCommonText .translationW{
	padding-top: 0;
}
.wordsRepeatMW.noText .soundButtWrapp{
	padding-left: 0;
}

.wordsRepeatMW.noNavigation .repSliderNavigation{
//	display: none;
}
.wordsRepeatMW.withoutSounds .soundButtWrapp{
	display: none;
}
.wordsRepeatMW.upperFirstWordsLetter .engleshW:first-letter,
.wordsRepeatMW.upperFirstWordsLetter .translationW:first-letter{
	text-transform: uppercase;
}
/*.wordsRepeatMW .WRSoundsButton{*/
.gameSoundButton{
	cursor: pointer;
	box-shadow: 0px 2px 4px rgba(50, 50, 71, 0.06), 0px 2px 2px rgba(50, 50, 71, 0.06);
	transition-property: background-color, box-shadow;
	transition-duration: 0.5s;
	background-color: #2DBECD;
}
.gameSoundButton, 
.gameSoundButtonB,
.soundWordButt::after,
.correctnessIndicator,
.gameBody .correctnessElement::after
{
	display: block;	
	width: 40px;
	height: 40px;
//	border-radius: 20px;
	border-radius: 50%;
	box-sizing: border-box;		
	background-size: 24px auto;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('../images/main/volume.png');		
}
body .gameSoundButtonB,
body .soundWordButt::after{
	background-size: 35% auto;
}
.correctnessIndicator{
	background-image: none;
	display: none;
}
.correctnessIndicator.right,
.correctnessIndicator.wrong{
	display: block;
}
.soundWordButt::after,
.gameSoundButtonB{
	background-image: url('../images/main/play.png');
	background-size: 16px auto;	
	background-size: 11.64px auto;	
	background-position: 57% center;
	border: 3px solid #E9E9ED;
}
.gameSoundButtonB.small{
	width: 24px;
	height: 24px;
	background-size: 7px auto;
	border-width: 2px;
}
.gameSoundButtonB.right,
.gameSoundButtonB.wrong,
.promptRightVariant .gameSoundButtonB,
.correctnessIndicator{
	background-size: auto;
	background-position: center center;
	box-shadow: inset 0px 4px 8px rgba(50, 50, 71, 0.06), inset 0px 4px 4px rgba(50, 50, 71, 0.08);
	border: none;
	transition-property: background-color, border;
	transition-duration: 0.5s;
}
.gameSoundButtonB.right,
.promptRightVariant .gameSoundButtonB,
.correctnessIndicator.right{
	background-position: 55% center;
}
body .gameBody[data-gameType] .gameSoundButtonB.right,
body .gameBody[data-gameType] .correctnessIndicator.right,
body .gameBody[data-gameType] .promptRightVariant .gameSoundButtonB{
	background-image: url('../images/main/okBack.png');
	background-color: #76D51F;	
	background-size: 50% auto/* !important*/;
}
body .gameBody[data-gameType] .gameSoundButtonB.wrong,
body .gameBody[data-gameType] .correctnessIndicator.wrong{
	background-image: url('../images/main/cancelBack.png');
	background-color: #FF4865;
	background-size: 50% auto !important;
}
.gameSoundButtonB{
	cursor: pointer;
	transition-property: border-color;
	transition-duration: 0.5s;
	position: relative;
}


.gameBody[data-cardSoundProhibition] .gameSoundButtonB{
	opacity: 0;
}
.gameBody[data-cardSoundProhibition] .gameSoundButtonB.wrong,
.gameBody[data-cardSoundProhibition] .gameSoundButtonB.right{
	opacity: 1;
}

.gameBody[data-linkButtonSoundProhibition] .soundWordButt::after{
	display: none;
}


.gameSoundButtonB.disabled{
	background-image: url('../images/main/playGray.png');
	cursor: auto;
}
.gameSoundButtonB.playing{
	background-image: url('../images/main/playing.png');
	background-size: 16px auto;
	background-position: center center;
	border-color: #2DBECD;
}
.gameSoundButton:hover{
	background-color: #57CBD7;
	box-shadow: 0px 8px 16px rgba(50, 50, 71, 0.06), 0px 8px 8px rgba(50, 50, 71, 0.08);
}
.gameSoundButton:active{
	background-color: #29ABB9;
	box-shadow: none;
}
.gameSoundButton:disable{
	background-color: #ABE5EB;
	box-shadow: none;
}
body .gameButton{
	font-size: 18px;
	color: white;
	box-shadow: 0px 4px 8px rgba(50, 50, 71, 0.06), 0px 4px 4px rgba(50, 50, 71, 0.08);
//	line-height: 52px;
	height: 52px;
	padding: 0 32px;
	display: inline-flex;
	cursor: pointer;
	border-radius: 12px;
	transition-property: background-color, box-shadow, opacity;
	transition-duration: 0.5s;
	font-weight: bold;
	flex-direction: row;
	flex-wrapp: nowrap;
	justify-content: center;
	align-items: center;
	position: relative;
	vertical-align: middle;
}
.gameButton.red{
	background-color: #FF4865;
}
.gameButton.purple{
	background-color: #6979F8;
}
.gameButton.green{
	background-color: #76D51F;
}
.gameButton::before{
	display: block;
	margin-right: 8px;
	content: '';
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
//	content: '';
}
.mainControlButt::before,
.doneButton::before,
.done::before,
.startGame::before{
	margin-right: 0;
}
.gameButton.stayInTheGame::before{
//	content: url('../images/main/stayInTheGame.png');
	width: 24px;
	height: 24px;
	background-image: url('../images/main/stayInTheGame.png');
	
}
.gameButton.quitTheGame::before{
//	content: url('../images/main/quitTheGame.png');
	width: 24px;
	height: 24px;	
	background-image: url('../images/main/quitTheGame.png');
}
.gameButton.startGame, .gameButton.green{
	background-color: #76D51F;
}
.gameButton.startGame:hover, .gameButton.green:hover{
	background-color: #80DF29;
	box-shadow: 0px 8px 16px rgba(50, 50, 71, 0.06), 0px 8px 8px rgba(50, 50, 71, 0.08);
}
.gameButton.startGame:active, .gameButton.green:active{
	background-color: #60BF09;
	box-shadow: none;
}
.gameButton.startGame.disable, .gameButton.green.disable{
	background-color: #C7EDA4;
	box-shadow: none;
}
footer .gameButton.grammar,
footer .gameButton.prompt{
	padding: 0;
	width: 197px;
}
footer .gameButton.grammar.freeWidth{
	width: auto;
	padding: 0 25px;
}
.gameButton.grammar{
	background-color: #6979F8;
}
.gameButton.grammar:hover{
	background-color: #6A79FF;
	box-shadow: 0px 8px 16px rgba(50, 50, 71, 0.06), 0px 8px 8px rgba(50, 50, 71, 0.08);
}
.gameButton.grammar:active{
	background-color: #4B5BDA;
	box-shadow: none;
}
.gameButton.grammar.disable{
	background-color: #CDD2FD;
	box-shadow: none;
}
.gameButton.grammar::before{
//	content: url('../images/main/grammar.png');
	background-image: url('../images/main/grammar.png');
	width: 24px; 
	height: 24px;	
}
footer > div > div:first-of-type > *:nth-child(1n + 2){
	margin-left: 5px;
}
.gameButton.howToPlay{
	background-color: #8E6DD6;
	box-shadow: 0px 8px 16px rgba(50, 50, 71, 0.06), 0px 8px 8px rgba(50, 50, 71, 0.08);
}
.gameButton.howToPlay:hover{
	background-color: #704FB8;
	box-shadow: none;
}
.gameButton.howToPlay:active{
	background-color: #A483EC;
	box-shadow: none;	
}
.gameButton.howToPlay::before{
	background-image: url('../images/main/supportInfoQuestionWhite.png');
	width: 24px; 
	height: 24px;	
}
.gameButton.howToPlay.disable{
	background-color: #C09FF5;
	box-shadow: none;		
}
.gameButton.red{
	background-color: #FF4865;
}
.gameButton.red:hover{
	background-color: #FF6078;
	box-shadow: 0px 8px 16px rgba(50, 50, 71, 0.06), 0px 8px 8px rgba(50, 50, 71, 0.08);
}
.gameButton.red:active{
	background-color: #F53E5B;
	box-shadow: none;
}
.gameButton.red.disable{
	background-color: #FFCBD3;
	box-shadow: none;
}
/*.gameButton.yellow{
	background-color: #FFA800;
}*/
.gameButton.yellow:hover{
	background-color: #FFC61E;
	box-shadow: 0px 8px 16px rgba(50, 50, 71, 0.06), 0px 8px 8px rgba(50, 50, 71, 0.08);
}
.gameButton.yellow:active{
	background-color: #F5890A;
	box-shadow: none;
}
.gameButton.yellow.disable{
	background-color: #FFD88D;
	box-shadow: none;
}
.gameButton.yellow,
.gameButton.yellow.visualEnable{
	background-color: #FFA800;
}
.gameButton.turquoise{
	background-color: #2DBECD;
}
.gameButton.turquoise:hover{
	background-color: #64d5e1;
}
.gameButton.turquoise:active{
	background-color: #2fa7b3;
}
.gameButton.turquoise.disable{
	background-color: #95ebf4;
}
.gameButton.prompt::before{
//	content: url('../images/main/prompt.png');
	background-image: url('../images/main/prompt.png');
	width: 24px;
	height: 24px;
}
.gameButton.disable{
	cursor: auto;
}

.wordsRepeatMW .startGameWrapp{
	margin-top: auto;
	text-align: center;
	padding-bottom: 48px;
	padding-top: 40px;
}
.wordsRepeatMW .imageSlide{
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 12px;
	box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.1);
}
[data-gameType = 'guessTheImageB'] .soundWordButt::after{
	margin-left: 8px;
}
[data-gameType = 'guessTheImageB'] .imageVariantsFirstWrapper,
[data-gameType = 'guessTheImageB'] .wordsVariantsFirstWrapper{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
}
[data-gameType = 'guessTheImageB'] .gameField{
	padding-top: 24px;
}
.boyAndGirl[data-gameType = 'guessTheImageB'] .gameField{
//	color: red;
	background-image: url('../images/main/boyType1.png'), url('../images/main/girlType1.png');
	background-size: 33% auto, 13.5% auto;
	background-position: left 5%, right 5%;
	background-repeat: no-repeat;
}
[data-gameType = 'guessTheImageB'] .imageVariantsFirstWrapper{
//	padding-top: 56px;	
}
[data-gameType = 'guessTheImageB'] .wordsVariantsFirstWrapper{
	padding-top: 8px;
}
[data-gameType = 'guessTheImageB'] .imageWariantsWrapper{
//	width: 320px;
//	height: 320px;
	position: relative;
}
[data-gameType = 'guessTheImageB'] .gameCard{
//	width: 100%;
//	height: 100%;
	background-color: white;
//	background-color: yellow;

//	position: absolute;
//	left: 0;
//	top: 0;
	box-shadow: 3px 3px 15px -4px rgba(100,100,100,0.7);
//	box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.1);
	cursor: pointer;
	transition-property: box-shadow;
	transition-duration: 0.5s;
}
.gameBody[data-gameType = 'guessTheImageB'][data-cardSoundProhibition] .gameCard,
.gameBody[data-gameType = 'guessTheImageB'][data-cardSoundProhibition] .gameSoundButtonB{
	cursor: auto;
}
[data-gameType = 'guessTheImageB'] .gameCard,
[data-gameType = 'guessTheImageB'] .gameCard .imageOfVariant{
	border-radius: 12px;
}
[data-gameType = 'guessTheImageB'] .gameSoundButtonWrapp{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	padding: 16px;
}
[data-gameType = 'guessTheImageB'] .gameCard .imageOfVariant{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;	
	width: 300px;
	height: 300px;
//	box-shadow: 0 0 15px -10px rgba(100,100,100,0.7);
}
[data-gameType = 'guessTheImageB'] .gameField{
//	padding-bottom: 46px;
}

[data-gameType = 'guessTheImageB'][data-abacusMode] .gameField{
	padding-top: 44px;
}
[data-gameType = 'guessTheImageB'][data-abacusMode] .abacusBead{
	cursor: auto;
}

.soundWordButt{
//	height: 64px;
//	box-sizing: border-box;
	line-height: 91px;
//	padding: 0 29.5px;
	padding: 0 20px;
	color: #494953;
	font-size: 20px;
	font-weight: bold;
	box-shadow: 0px 4px 8px rgba(50, 50, 71, 0.06), 0px 4px 4px rgba(50, 50, 71, 0.08);
	background-color: white;
//	border-radius: 12px;
	display: inline-flex;
	cursor: pointer;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;	
	position: relative;
	overflow: hidden;
	transition-property: box-shadow,color,background-color,top;
	transition-duration: 0.5s;
	top: 0;
}
.soundWordButt.shadowsFree{
	box-shadow: none;
//	height: auto;
	height: 83px;
	border-radius: 8px;
}
.soundWordButt.active, .darkUnactiveButtons .soundWordButt.active{
	box-shadow: 0px 8px 16px rgba(50, 50, 71, 0.06), 0px 8px 8px rgba(50, 50, 71, 0.08);
}
.soundWordButt::before{
	transition-property: opacity;
	transition-duration: 0.5s;
}
.soundWordButt::before{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
//	background-color: rgba(0,0,0,0.3);
	background-color: rgb(0,0,0);
	opacity: 0;
//	border-radius: 12px;
}
/*.soundWordButt.active::before{
	opacity: 0.3;
}*/
.soundWordButt::after{
	content: '';
	display: block;
	margin-left: 12px;	
}
.darkUnactiveButtons{
	
}
.darkUnactiveButtons .soundWordButt{
	box-shadow: none;
}
.darkUnactiveButtons .soundWordButt::before,
.soundWordButt.dark::before{
	opacity: 0.3;
}
.soundWordButt.active::before{
	opacity: 0;
}
.soundWordButt[data-status = 'right'],
.soundWordButt.promptRightVariant{
	color: white;
	background-color: #76D51F;	
}
.soundWordButt.promptRightVariant{
	top: -20px;
}
.soundWordButt[data-status = 'error']{
	color: white;
	background-color: #FF4865;
}
/*
.soundWordButt.errorModeA::after,
.soundWordButt.rightModeA::after{
	background-image: url('../images/main/playWhite.png');
}*/
.soundWordButt[data-status = 'right']::after,
.soundWordButt[data-status = 'error']::after,
.soundWordButt.promptRightVariant::after{
	background-image: url('../images/main/playWhite.png');
}

[data-gameType = 'guessTheImageB'] .wordsWariants{
	width: 83%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}
[data-gameType = 'guessTheImageB'] .soundWordButt{
	line-height: 64px;
}
[data-gameType = 'guessTheImageB'] .wordsWariants > li{
	margin-top: 16px;
}
[data-gameType = 'guessTheImageB'] .wordsWariants > li:nth-of-type(1n + 2){
//	float: left;
	margin-left: 16px;
}
[data-gameType = 'guessTheImageB'] .wordsWariants > li,
[data-gameType = 'guessTheImageB'] .wordsWariants > li > a{
//	border-radius: 12px;
	border-radius: 8px;
}
[data-gameType = 'guessTheImageB'] .wordsWariants > li:nth-of-type(3n + 1){
//	clear: both;
//	margin-left: 0;
}
[data-gameType = 'guessTheImageB'] .wordsWariants > li:nth-of-type(1n + 4){
//	margin-top: 16px;
}
footer [data-type = 'done']{
	position: relative;
}
/*[data-gameType = 'guessTheImageB'] .wordsWariants > li{
	transition-property: box-shadow;
	transition-duration: 0.5s;	
}*/
[data-gameType = 'guessTheImageB'] .wordsWariants > li[data-link-status = 'right']{
//	outline: 2px solid #a0e066;
	box-shadow: 0 0 0 5px #a0e066;
}
[data-gameType = 'guessTheImageB'] .wordsWariants > li[data-link-status = 'wrong']{
//	outline: 2px solid #ff4865;
	box-shadow: 0 0 0 5px #ff4865;
}
.progressBawWrapp{
	display: flex; 
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;	
}
.progressBar{
	width: 400px;
	height: 16px;
	background-color: #E9E9ED;
	border-radius: 24px;
	position: relative;
}
.progressBar .progressBarScale{
	background-color: #85D51F;
	border-radius: 24px;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
//	width: 20%;
	transition-duration: 0.5s;
	transition-property: background-color, width;
}
[data-gameType = 'ImageChoiceB'] .wordButtonWrapp .soundWordButt{
	font-size: 36px;
//	background-color: transparent; /*откуда? :))*/
//	background-color: white;
	box-shadow: 0px 4px 8px rgba(50, 50, 71, 0.06), 0px 4px 4px rgba(50, 50, 71, 0.08);
}
[data-gameType = 'ImageChoiceB'] .imageVariantsFirstWrapper{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	position: relative;
}
[data-gameType = 'ImageChoiceB'] .imageWariantsWrapper{
	display: flex;	
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
//	width: 920px;	
	width: 824px;	
	color: #494953;
	position: relative;
}
[data-gameType = 'ImageChoiceB'] .imageWariant{
	overflow: hidden;
	border-radius: 12px;
	box-shadow: 0px 4px 8px rgba(50, 50, 71, 0.06), 0px 4px 4px rgba(50, 50, 71, 0.08);
	cursor: pointer;	
	position: relative;
	z-index: 1;	
	transition-property: box-shadow, top;
	transition-duration: 0.5s;	
	background-color: white;
	top: 0;
}
[data-gameType = 'ImageChoiceB'] .imageWariant[data-link-status = 'right'],
[data-gameType = 'guessTheImageB'] .gameCard[data-status = 'right'],
[data-gameType = 'ImageChoiceB'] .promptRightVariant.imageWariant{
	box-shadow: 0 0 0 5px #a0e066;
} 
[data-gameType = 'ImageChoiceB'] .promptRightVariant.imageWariant{
	top: -40px;
//	transform: rotateX(-15deg);
}
[data-gameType = 'ImageChoiceB'] .imageWariant[data-link-status = 'wrong'],
[data-gameType = 'guessTheImageB'] .gameCard[data-status = 'wrong']{
	box-shadow: 0 0 0 5px #ff4865;
} 
[data-gameType = 'ImageChoiceB'] .imageWariant::before{
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgb(0,0,0);
	opacity: 0;
    transition-property: opacity;
    transition-duration: 0.5s;	
}
[data-gameType = 'ImageChoiceB'] .imageWariant,
[data-gameType = 'ImageChoiceB'] .imageOfVariant{
	border-radius: 12px;	
}
[data-gameType = 'ImageChoiceB'] .imageOfVariant{
//	width: 296px;
//	height: 296px;
	width: 264px;
	height: 264px;	
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
//	background-color: yellow;
//	box-shadow: 0 0 15px -10px rgba(100,100,100,0.7);	
}
[data-gameType = 'ImageChoiceB'] .textAndButton{
	padding: 16px;
	font-size: 20px;
	font-weight: bold;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
[data-gameType = 'ImageChoiceB'] .textAndButton .text{
	margin-left: 16px;
}
[data-gameType = 'ImageChoiceB'] .gameField{
//	padding-top: 56px;
	padding-top: 80px;
}
[data-gameType = 'ImageChoiceB'] .wordButtonWrapp{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	padding-top: 40px;
}
[data-gameType = 'ImageChoiceB'] .darkUnactiveButtons{
	
}
[data-gameType = 'ImageChoiceB'] .darkUnactiveButtons .imageWariant::before,
[data-gameType = 'ImageChoiceB'] .imageWariant.dark::before{
	opacity: 0.3;
}
[data-gameType = 'ImageChoiceB'] .darkUnactiveButtons .imageWariant.active::before{
	opacity: 0;
}
.gameBody[data-gameType = 'ImageChoiceB'][data-linkButtonSoundProhibition] .soundWordButt{
	cursor: auto;
}
[data-gameType = 'soundImage'] .gameField{	
	padding-top: 32px;
	display: flex;
    flex-direction: column;	
}
[data-gameType = 'soundImage'] .sockets{
	display: flex; 
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
}
[data-gameType = 'soundImage'] .sockets .playButtonWrapp{
	display: flex; 
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	padding-top: 8px;	
}
[data-gameType = 'soundImage'] .sockets .playButtonWrapp > *:nth-of-type(1n + 2){
	margin-left: 5px;
}
[data-gameType = 'soundImage'] .socket{
	border: 1px dashed #000000;
	position: relative;
	transition-duration: 0.7s;
	transition-property: box-shadow;
}
[data-gameType = 'soundImage'] .socket[data-status = 'right']{
	box-shadow: 0 0 0 3px #a0e066;
}
[data-gameType = 'soundImage'] .socket[data-status = 'wrong']{
	box-shadow: 0 0 0 3px #ff4865;
}
[data-gameType = 'soundImage'] .sockets > *:nth-of-type(1n + 2){
	margin-left: 16px;
}
[data-gameType = 'soundImage'] .socket,
[data-gameType = 'soundImage'] .scrap,
[data-gameType = 'soundImage'] .scrapItem,
[data-gameType = 'soundImage'] .socketPrompt,
[data-gameType = 'soundImage'] .promptPicture{
	width: 192px;
	height: 192px;
	box-sizing: border-box;
	border-radius: 12px;	
}
[data-gameType = 'soundImage'] .socketPrompt,
[data-gameType = 'soundImage'] .scrap{
	background-color: white;
}
[data-gameType = 'soundImage'] .socketPrompt .promptPicture{
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0.5;
}
[data-gameType = 'soundImage'] .scraps{
	padding-top: 48px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;	
	justify-content: center;
	flex-grow: 1;
	padding-bottom: 24px;
}
[data-gameType = 'soundImage'] footer{
	padding-top: 0;
}
[data-gameType = 'soundImage'] .scraps > *:nth-of-type(1n + 2){
	margin-left: 16px;
}
[data-gameType = 'soundImage'] .scrapItem{
	position: relative;
	border: 1px dashed #666666;
}
[data-gameType = 'soundImage'] .scrap{
	cursor: pointer;
	position: absolute;
//	left: 0;
//	top: 0;
//	left: -1px;
//	top: -1px;	
}
[data-gameType = 'soundImage'] .scrap,
[data-gameType = 'soundImage'] .socketPrompt{
	box-shadow: 0px 2px 5px -2px rgba(150,150,150,0.7);	
}
[data-gameType = 'soundImage'] .scrap,
[data-gameType = 'soundImage'] .socketPrompt,
[data-gameType = 'soundImage'] .promptPicture{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;	
	display: block;	
}
[data-gameType = 'soundImage'] .promptPicture{
	
}
[data-gameType = 'soundImage'][data-sizeType = 'num8'] .scrap,
[data-gameType = 'soundImage'][data-sizeType = 'num8'] .scrapItem{
	width: 120px;
	height: 120px;
}
[data-gameType = 'soundImage'][data-sizetype = 'num8'] .scraps > *:nth-of-type(1n + 2){
	margin-left: 8px;
}
[data-gameType = 'findOnTheField'] .gameField{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	padding-top: 32px;
	justify-content: center;
}
[data-gameType = 'findOnTheField'] .gameField .cardsWrapp{
//	margin-left: 120px;	
	margin-left: 60px;	
	position: relative;	
}
[data-gameType = 'findOnTheField'] .gameField .cards{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: flex-start;
}
[data-gameType = 'findOnTheField'][data-sizeType = '25'][data-gameMode = 'words'] .card,
[data-gameType = 'findOnTheField'][data-sizeType = '25'] .taskTextVal{
	font-size: 14px;
}
[data-gameType = 'findOnTheField'][data-sizeType = '16'][data-gameMode = 'words'] .card,
[data-gameType = 'findOnTheField'][data-sizeType = '16'] .taskTextVal{
	font-size: 16px;
}
[data-gameType = 'findOnTheField'][data-sizeType = '9'][data-gameMode = 'words'] .card,
[data-gameType = 'findOnTheField'][data-sizeType = '9'] .taskTextVal{
	font-size: 20px;	
} 

[data-gameType = 'findOnTheField'][data-sizeType = '25'] .cards{
	width: 504px;	
}
[data-gameType = 'findOnTheField'][data-sizeType = '16'] .cards{
	width: 496px;	
}
[data-gameType = 'findOnTheField'][data-sizeType = '9'] .cards{
	width: 480px;	
}
[data-gameType = 'findOnTheField'][data-sizeType = '9'] .card{
	width: 152px;
	height: 152px;
}
[data-gameType = 'findOnTheField'][data-sizeType = '16'] .card{
	width: 112px;
	height: 112px;
}
[data-gameType = 'findOnTheField'] .card{
	width: 88px;
	height: 88px;
	border-radius: 12px;
	margin-top: 16px;
//	background-color: white;
	cursor: pointer;
	position: relative;
	z-index: 1;
	box-shadow: none;
	transition-property: box-shadow;
	transition-duration: 0.5s;
}
[data-gameType = 'findOnTheField'] .cardFirstWrapper{
	width: 100%;
	height: 100%;
	background-color: white;
}
[data-gameType = 'findOnTheField'] .cardWrapper{
	width: 100%;
	height: 100%;
	position: relative;
}
[data-gameType = 'findOnTheField'] .gameField .leftPanel{
	
}
[data-gameType = 'findOnTheField'] .timer{
	text-align: center;
	padding-top: 12px;
	font-size: 36px;
	font-weight: bold;
	margin-bottom: 32px;
}
[data-gameType = 'findOnTheField'] .timer.red{
	color: #FF4865;
}
[data-gameType = 'findOnTheField'] .task{
	overflow: hidden;
	box-shadow: 0px 8px 16px rgba(50, 50, 71, 0.06), 0px 8px 8px rgba(50, 50, 71, 0.08);	
}
[data-gameType = 'findOnTheField'] .task,
[data-gameType = 'findOnTheField'] .taskCard,
[data-gameType = 'findOnTheField'] .taskCardWrapp{
	border-radius: 12px;
	width: 296px;	
	box-sizing: border-box;
}
[data-gameType = 'findOnTheField'] .taskCardWrapp{	
	height: 296px;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
[data-gameType = 'findOnTheField'] .taskCard{
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 120% auto;
	width: 100%;
	height: 100%;	
	box-shadow: 0px 4px 8px rgba(50, 50, 71, 0.06), 0px 4px 4px rgba(50, 50, 71, 0.08);
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
}
[data-gameType = 'findOnTheField'][data-disabledWordsSounds] .taskCard{
	cursor: auto;
}
[data-gameType = 'findOnTheField'][data-gameMode = 'wordsForTaskCard'] .taskCard{
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;	
	font-size: 32px;
	text-align: center;
	background-color: #FFFFFF;
}
[data-gameType = 'findOnTheField'] .taskText{
	color: #000000;
	font-size: 20px;
	padding: 24px 24px 56px 24px;
	font-weight: bold;
	text-align: center;
	background-color: #FFFFFF;
}
[data-gameType = 'findOnTheField'] .card,
[data-gameType = 'findOnTheField'] .sidesWrapp,
[data-gameType = 'findOnTheField'] .frontSide,
[data-gameType = 'findOnTheField'] .backSide,
[data-gameType = 'findOnTheField'] .cardIndicator .wrongCoveringEl,
[data-gameType = 'findOnTheField'] .cardFirstWrapper{
	border-radius: 12px;
}
[data-gameType = 'findOnTheField'] .sidesWrapp{
    position: relative;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;	
	cursor: pointer;
	transform: rotateY(180deg);
//	background-color: white;	
}
[data-gameType = 'findOnTheField'] .sidesWrapp,
[data-gameType = 'findOnTheField'] .card.right{
	box-shadow: 0px 4px 8px rgba(50, 50, 71, 0.06), 0px 4px 4px rgba(50, 50, 71, 0.08);	
}
[data-gameType = 'findOnTheField'] .frontSide,
[data-gameType = 'findOnTheField'] .backSide{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box;	
	backface-visibility: hidden;
    -webkit-backface-visibility: hidden;/*-для IOS-*/		
}
[data-gameType = 'findOnTheField'] .frontSide{
//	background-color: blue;
}
[data-gameType = 'findOnTheField'][data-gameMode = 'words'] .frontSide{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	text-align: center;
}
[data-gameType = 'findOnTheField'] .backSide{
	transform: rotateY(180deg);	
	background-image: url('../images/main/cardsBack.png'); 
}
[data-gameType = 'findOnTheField'][data-sizetype = '25'] .backSide{
	background-size: 120% auto;
}
[data-gameType = 'findOnTheField'] .cardIndicator{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
[data-gameType = 'findOnTheField'] .cardIndicator::before{
	display: block;
	content: '';
	width: 40px;
	height: 40px;
	border-radius: 20px;
	position: absolute;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	box-shadow: inset 0px 4px 8px rgba(50, 50, 71, 0.06), inset 0px 4px 4px rgba(50, 50, 71, 0.08);
	background-position: center center;
	background-repeat: no-repeat;
	transition-property: opacity, transform;
}
[data-gameType = 'findOnTheField'] .cardIndicator::before,
[data-gameType = 'findOnTheField'] .cardIndicator.wrong .wrongCoveringEl{
	transition-duration: 0.5s;	
}
[data-gameType = 'findOnTheField'] .cardIndicator.right::before{
	background-image: url(../images/main/okBack.png);
    background-color: #76D51F;	
	background-position: 55% center;
	opacity: 0;	
	transform: scale(2);
}
[data-gameType = 'findOnTheField'] .cardIndicator.wrong:before{
    background-image: url(../images/main/cancelBack.png);
    background-color: #FF4865;	
	opacity: 0;
}
[data-gameType = 'findOnTheField'] .right .cardIndicator.right::before{
	opacity: 1;
	transform: scale(1);
}
[data-gameType = 'findOnTheField'] .wrong .cardIndicator.wrong::before{
	opacity: 1;
	z-index: 1;
}
[data-gameType = 'findOnTheField'] .cardIndicator.wrong .wrongCoveringEl{
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background-color: rgb(0,0,0);
	opacity: 0;
	transition-property: opacity;
}
[data-gameType = 'findOnTheField'] .wrong .cardIndicator.wrong .wrongCoveringEl,
[data-gameType = 'findOnTheField'] .card.promptWrong .wrongCoveringEl{
	opacity: 0.3;
}
[data-gameType = 'findOnTheField'] .statisticsPanelWrapp,
[data-gameType = 'racer'] .statisticsPanelWrapp{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
}
[data-gameType = 'findOnTheField'] .statisticsPanel,
[data-gameType = 'racer'] .statisticsPanel{
	width: 115px;
	height: 95px;
	font-size: 24px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url('../images/main/statPanRightEl.png');
	top: -50px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	color: #494953;
	font-weight: bold;
}
/*
.soundWordButt::before {
    transition-property: opacity;
    transition-duration: 0.5s;
}*/
[data-gameType = 'puzzle'] .gameMainEl{
	overflow: hidden;
}
[data-gameType = 'puzzle'] .gameField{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	padding-top: 32px;
	align-items: flex-start;
}
[data-gameType = 'puzzle'] .mainPuzzlesList{
	width: 608px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	position: relative;
}
[data-gameType = 'puzzle'] .puzzlePart{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
//	height: 151px;	
	position: relative;
	cursor: pointer;	
//	background-color: green;
}
[data-gameType = 'puzzle'] .puzzlePart,
[data-gameType = 'puzzle'] ul.puzzleList.scraps > li,
[data-gameType = 'puzzle'] ul.puzzleList.sockets > li{
	height: 151px;	
}
[data-gameType = 'puzzle'] .scrapWrapp{
	width: 100%;
	height: 100%;
	position: relative;
}
[data-gameType = 'puzzle'] .promptElement .scrapWrapp{
	opacity: 0.5;
}
[data-gameType = 'puzzle'] .puzzlePart.leftPP,
[data-gameType = 'puzzle'] ul.puzzleList.scraps > li{
	width:  189px;	
}

[data-gameType = 'puzzle'] .puzzlePart.leftPP{
//	width:  189px;
//	background-image: url(../images/tests/puzzle/puzzleParts/small/l.png);
	background-image: url(../images/tests/puzzle/puzzleParts/l.png);
	background-position: left center;
}
[data-gameType = 'puzzle'] .puzzlePart.rightPP{
//	width:  151px;
//	background-image: url(../images/tests/puzzle/puzzleParts/small/r.png);
	background-image: url(../images/tests/puzzle/puzzleParts/r.png);
	background-position: right center;
}

[data-gameType = 'puzzle'] .puzzlePart.leftPP.single{
//	background-image: url(../images/tests/puzzle/puzzleParts/small/ls.png);
	background-image: url(../images/tests/puzzle/puzzleParts/ls.png);
}
[data-gameType = 'puzzle'] .puzzlePart.rightPP.single{
//	background-image: url(../images/tests/puzzle/puzzleParts/small/rs.png);
	background-image: url(../images/tests/puzzle/puzzleParts/rs.png);
}

[data-gameType = 'puzzle'] .puzzlePart.rightPP,
[data-gameType = 'puzzle'] ul.puzzleList.sockets > li{
	width:  151px;
}


[data-gameType = 'puzzle'][data-sizetype = 'big'] .puzzlePart.leftPP,
[data-gameType = 'puzzle'][data-sizetype = 'big'] ul.puzzleList.scraps > li{
	width: 248px;	
}
[data-gameType = 'puzzle'][data-sizetype = 'big'] .puzzlePart.rightPP,
[data-gameType = 'puzzle'][data-sizetype = 'big'] ul.puzzleList.sockets > li{
	width:  196px;
}
[data-gameType = 'puzzle'][data-sizetype = 'big'] .puzzlePart,
[data-gameType = 'puzzle'][data-sizetype = 'big'] ul.puzzleList.scraps > li,
[data-gameType = 'puzzle'][data-sizetype = 'big'] ul.puzzleList.sockets > li{
	height: 196px;	
}
[data-gameType = 'puzzle'] .mainPuzzlesList{
	
}
[data-gameType = 'puzzle'][data-sizetype = 'big'] .puzzleList > li:nth-of-type(1n + 2){
	margin-top: -25px;
}
[data-gameType = 'puzzle'][data-sizetype = 'big'] .mainPuzzlesList{
	width: 816px;
}

[data-gameType = 'puzzle'] .puzzlePart .puzInscript,
[data-gameType = 'puzzle'] .puzzlePart .puzPic{
	position: absolute;	
	background-position: top center;
	background-repeat: no-repeat;
	background-size: contain;
}
[data-gameType = 'puzzle'] .puzzlePart.soundPuzzleEl .puzPic{
	background-position: center center;
	background-image: url('../images/tests/puzzle/soundElement.png');
}
[data-gameType = 'puzzle'] .puzzlePart .puzPic{
//	background-color: orange;
	border-radius: 5px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	font-weight: bold;
}
[data-gameType = 'puzzle'] .puzzlePart .puzInscript{
//	background-color: blue;
	color: #333333;
	font-size: 14px;
//	font-size: 18px;
	font-weight: bold;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
[data-gameType = 'puzzle'] .puzzlePart .puzInscript,
[data-gameType = 'puzzle'] .rightPP .puzPic{
//	font-size: 18px;	
	font-size: 14px;	
}
[data-gameType = 'puzzle'][data-sizetype = 'big'] .puzzlePart .puzInscript,
[data-gameType = 'puzzle'][data-sizetype = 'big'] .rightPP .puzPic{
	font-size: 20px;	
}



[data-gameType = 'puzzle'] .leftPP .puzPic,
[data-gameType = 'puzzle'][data-roundMode = 'modeE'] .connected .leftPP .puzPic{
	width: 52.91%;
	height: 52.98%;
	left: 13%;
	top: 12.58%
}
[data-gameType = 'puzzle'][data-roundMode = 'modeE'] .connected .leftPP .puzPic{
	right: auto;
}
[data-gameType = 'puzzle'] .leftPP .puzInscript{
	width: 62.43%;
	height: 16.55%;
	left: 8.7%;
	bottom: 15.73%;
}
[data-gameType = 'puzzle'] .rightPP .puzPic{
	width: 41.72%;
	height: 52.98%;
	right: 16.55%;
	top: 12.58%;
}
[data-gameType = 'puzzle'] .rightPP .puzInscript{
	width: 78.5%;
	height: 16.55%;
	left: 10.59%;
	bottom: 15.73%;	
}
[data-gameType = 'puzzle'][data-roundMode = 'modeA'] .leftPP .puzPic,
[data-gameType = 'puzzle'][data-roundMode = 'modeA'] .rightPP .puzPic,
[data-gameType = 'puzzle'][data-roundMode = 'modeC'] .rightPP .puzPic,
[data-gameType = 'puzzle'][data-roundMode = 'modeD'] .leftPP .puzPic,
[data-gameType = 'puzzle'][data-roundMode = 'modeD'] .rightPP .puzPic,
[data-gameType = 'puzzle'][data-roundMode = 'modeE'] .connected .rightPP .puzPic,
[data-gameType = 'puzzle'][data-roundMode = 'modeE'] .connected .leftPP .puzPic{
	height: 65%;	
}
[data-gameType = 'puzzle'][data-roundMode = 'modeA'] .rightPP .puzPic,
[data-gameType = 'puzzle'][data-roundMode = 'modeC'] .rightPP .puzPic,
[data-gameType = 'puzzle'][data-roundMode = 'modeD'] .leftPP .puzPic,
[data-gameType = 'puzzle'][data-roundMode = 'modeD'] .rightPP .puzPic,
[data-gameType = 'puzzle'][data-roundMode = 'modeE'] .connected .rightPP .puzPic{
	box-shadow: none;	
}
[data-gameType = 'puzzle'][data-roundMode = 'modeE'] .leftPP .puzPic{
    width: 34%;
    height: 41%;
	left: auto;
	right: 33%;
}
[data-gameType = 'puzzle'][data-roundMode = 'modeE'] .rightPP .puzPic{
	height: 41%;
}
[data-gameType = 'puzzle'][data-roundMode = 'modeA'] .puzPic{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
/*[data-gameType = 'puzzle'][data-roundMode = 'modeA'] .rightPP .puzPic{
	justify-content: flex-start;
}*/
[data-gameType = 'puzzle'] .leftPP .puzPic,
[data-gameType = 'puzzle'] .rightPP .puzPic{
//	background-image: url('../images/tests/puzzle/words/vacuumcleaner.jpg');
//	box-shadow: 0px 2px 5px -2px rgba(150,150,150,0.7);
}
[data-gameType = 'puzzle'][data-roundMode = 'modeC'] .rightPP .puzPic,
[data-gameType = 'puzzle'][data-roundMode = 'modeD'] .leftPP .puzPic,
[data-gameType = 'puzzle'][data-roundMode = 'modeD'] .rightPP .puzPic{
	font-size: 36px;
	font-size: 29px;
}
/*
[data-gameType = 'puzzle'][data-roundMode = 'modeE'] .connected .rightPP .puzPic{
	
} */
[data-gameType = 'puzzle'] ul.puzzleList.scraps{
	position: relative;
	z-index: 1;
}
[data-gameType = 'puzzle'] ul.puzzleList.scraps > li{
	position: relative;
	z-index: 1;
}
[data-gameType = 'puzzle'] ul.puzzleList.sockets > li{
	position: relative;
	display: flex;
	flex-direction: row; 
	flex-wrap: nowrap;
	justify-content: flex-end;
}
[data-gameType = 'puzzle'] .puzzleList > li:nth-of-type(1n + 2){
	margin-top: -10px;	
}
[data-gameType = 'puzzle'] .puzTechEl{
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 140%;
//	background-color: rgba(100,100,100,0.2);
}
[data-gameType = 'puzzle'] .socketIndCorrWrapp{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
//	padding-left: 20px;
}
[data-gameType = 'puzzle'] .correctnessIndicator{
//	display: block;
	position: relative;
	top: -8px;
}
[data-gameType = 'puzzle'] .correctnessIndicator{
	display: flex;
	opacity: 0;
	transition-property: opacity, background-color;	
	transition-duration: 0.5s;
}
[data-gameType = 'puzzle'] .correctnessIndicator.right,
[data-gameType = 'puzzle'] .correctnessIndicator.wrong{
	opacity: 1;
}
[data-gameType = 'puzzle'] .sockets,
[data-gameType = 'puzzle'] .scraps{
	display: flex; 
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	height: 100%;
}
[data-gameType = 'puzzle'] .mainPuzzlesList{
	align-items: center;
}
[data-gameType = 'puzzle'][data-roundMode = 'modeA'] .rightPP .puzPic,
[data-gameType = 'puzzle'][data-roundMode = 'modeE'] .connected .rightPP .puzPic{
//	transform: rotateZ(-45deg);
}
[data-gameType='connectWithALine'] .gameField{
	padding-top: 32px;
	padding-bottom: 8px;
	overflow: visible;
	position: relative;
}
[data-gameType='connectWithALine'] .elementsLists{
	display: flex; 
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-between;
	height: 100%;
	position: relative;
	z-index: 1;
}
[data-gameType='connectWithALine'] .elementsList{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
}
[data-gameType='connectWithALine'] .elementsList.bottomEls{
	align-items: flex-end;
}
[data-gameType='connectWithALine'] .elementsList > *{
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: auto;
}
[data-gameType='connectWithALine'] .elementsList > *:nth-of-type(1n + 2){
	margin-left: 16px;
}
/*
	inscriptionMode imageMode imageInscriptionMode
*/
[data-gameType='connectWithALine'] .elementsList > li{	
	color: #494953;
	background-color: white;
	font-weight: bold;
	font-size: 14px;
	font-size: 20px;
	box-sizing: border-box;
	width: 160px;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	position: relative;
	box-shadow: 0px 4px 8px rgba(50, 50, 71, 0.06), 0px 4px 4px rgba(50, 50, 71, 0.08);
	cursor: pointer;
	transition-property: box-shadow;
	transition-duration: 0.5s;
//	opacity: 0;
}
[data-gameType='connectWithALine'] .elementsList > li,
/*[data-gameType='connectWithALine'] .typeB .LInscription,*/
[data-gameType='connectWithALine'] .typeA .LImage,
[data-gameType='connectWithALine'] .typeE .LImage{
	border-radius: 12px;
}
[data-gameType='connectWithALine'] .typeC .LImage{
	border-radius: 5px;
}
[data-gameType='connectWithALine'] .typeD .LImage{
	border-top-right-radius: 12px;
	border-bottom-left-radius: 5px;
}

[data-gameType='connectWithALine'] .elementsList .LInscription{
	flex-grow: 1;
}
[data-gameType='connectWithALine'] .elementsList > li.invisibleSoundButton .gameSoundButtonB{
	display: none;
}
[data-gameType='connectWithALine'] .elementsList > li.invisibleSoundButton .LInscription > *:nth-child(1n){
	margin-left: 0;
}
[data-gameType='connectWithALine'] .elementsList > li.invisibleSoundButton .LInscription{
	justify-content: center;
}
[data-gameType='connectWithALine'] .typeA,
[data-gameType='connectWithALine'] .typeC,
[data-gameType='connectWithALine'] .typeD{
	height: 160px;
}
[data-gameType='connectWithALine'] .typeB{
	height: 48px;
}
[data-gameType='connectWithALine'] .typeF{
	height: 96px;
}
[data-gameType='connectWithALine'] .typeE{
	height: 208px;
}
[data-gameType='connectWithALine'] .LImage{
//	background-color: yellow;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
[data-gameType='connectWithALine'] .soundLineEl .LImage{
	background-image: url('../images/tests/connectWithALine/soundElement.png');
	background-size: 50% auto;
}
[data-gameType='connectWithALine'] .LInscription{
//	background-color: green;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	padding-left: 7.5%;
	padding-right: 3%;	
}
[data-gameType='connectWithALine'] .typeA .LImage,
[data-gameType='connectWithALine'] .typeE .LImage{
	width: 100%;
}
[data-gameType='connectWithALine'] .typeA .LImage{
	height: 100%;
}
[data-gameType='connectWithALine'] .typeE .LImage{
	height: 76.9%;
}
[data-gameType='connectWithALine'] .typeC .LInscription{
	flex-grow: 0;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 30%;
}
[data-gameType='connectWithALine'] .typeC .LImage{
	position: absolute;
	width: 62.5%;
	height: 62.5%;
	top: 7.5%;
	right: 7.5%;
}
[data-gameType='connectWithALine'] .typeD .LInscription{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding-bottom: 7.5%;
	color: #D13C32;
	font-weight: 800;
	font-size: 64px;
}
[data-gameType='connectWithALine'] .typeD .LImage{
	position: absolute;
	top: 0;
	right: 0;
//	width: 85px;
//	height: 85px;
	width: 53%;
	height: 53%;
	z-index: 1;
}
[data-gameType='connectWithALine'] .elementsList .LInscription > *:nth-child(1n + 2){
	margin-left: 8px;
}
[data-gameType='connectWithALine'] .typeC .LImage,
[data-gameType='connectWithALine'] .typeD .LImage,
[data-gameType='connectWithALine'] .typeE .LImage{
	box-shadow: 0px 2px 5px -2px rgba(150,150,150,0.7);
}
/*topEls bottomEls*/
[data-gameType='connectWithALine'] .pointWrapper{
	position: absolute;
	left: 0;
	right: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	z-index: 1;
}
[data-gameType='connectWithALine'] .topEls .pointWrapper{
	bottom: -10px;	
}
[data-gameType='connectWithALine'] .bottomEls .pointWrapper{
	top: -10px;
}
[data-gameType='connectWithALine'] .point{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	background-color: white;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	box-shadow: 0px 4px 4px rgba(50, 50, 71, 0.08), 0px 4px 8px rgba(50, 50, 71, 0.06);
} 
[data-gameType='connectWithALine'] .pointCenter{
	width: 60%;
	height: 60%;
	border-radius: 50%;
	background-color: #ABE5EB;
	transition-property: background-color;
	transition-duration: 0.5s;
}
[data-gameType='connectWithALine'] .elementsList > li.active{
//	border: 2px solid green;
}
[data-gameType='connectWithALine'] .elementsList > li.associated{
//	border: 2px solid yellow;
}
[data-gameType='connectWithALine'] .gameCanvas{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
//	background-color: yellow;
}
[data-gameType='connectWithALine'] .elementsList > li[data-status = 'right']{
	box-shadow: #a0e066 0px 0px 0px 2px !important;
}
[data-gameType='connectWithALine'] .elementsList > li[data-status = 'wrong']{
	box-shadow: #ff4865 0px 0px 0px 2px !important;
}
[data-gameType='connectWithALine'] .elementsList > li[data-status = 'right'] .pointCenter{
	background-color: #a0e066 !important;
}
[data-gameType='connectWithALine'] .elementsList > li[data-status = 'wrong'] .pointCenter{
	background-color: #ff4865 !important;
}
[data-gameType='connectWithALine'] .typeF .gameSoundButtonB{
	flex-shrink: 0;
}
[data-gameType = 'connectWithALine'][data-competitionMode] .gameFieldWrapper {
    padding-top: 30px;
}
[data-gameType = 'connectWithALine'][data-competitionMode] .gameFieldWrapper {
    margin-top: 20px;
}
.gameDirectionButtons{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
.gameDirectionButtons > *:nth-of-type(1n + 2){
	margin-left: 8px;
}
.gameDirectionButtons .centralButtons > *:nth-of-type(1n + 2){
	margin-top: 8px;
}
.gameDirectionButtons .gameDirectionButton,
.gameDirectionButtons .spaceButton,
.gameDirectionButtons .rotateButton{
	width: 110px;
	height: 53px;
	border: 1px solid #E9E9ED;
	box-sizing: border-box;
	background-color: #FFFFFF;
	border-radius: 8px;
	box-shadow: 0px 4px 4px rgba(50, 50, 71, 0.08), 0px 4px 8px rgba(50, 50, 71, 0.06);
	cursor: pointer;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: auto 85%;
//	background-image: url('../images/main/explosionButton.png');
//	background-size: 60% auto;
}
.gameDirectionButtons .spaceButton{
	background-image: url('../images/main/explosionButton.png');
	background-size: 60% auto;	
}
.gameDirectionButtons .rotateButton{
	background-image: url('../images/main/rotateButton.png');
	background-size: auto 70%;	
}
.gameDirectionButtons .rotateButton:active{
	background-image: url('../images/main/rotateButtonActive.png');
}
.gameDirectionButtons .turboDownButton{
	background-image: url('../images/main/turboDownButton.png');
	background-size: auto 70%;	
}
.gameDirectionButtons .turboDownButton:active{
	background-image: url('../images/main/turboDownButtonActive.png');
	background-size: auto 70%;	
}
.gameDirectionButtons .gameDirectionButton[data-direction = 'left'],
.gameDirectionButtons .gameDirectionButton[data-direction = 'right']{
	background-size: auto 78%;
}
.gameDirectionButtons .gameDirectionButton[data-direction = 'up'],
.gameDirectionButtons .gameDirectionButton[data-direction = 'down']{
	background-size: auto 46%;
}
.gameDirectionButtons .gameDirectionButton[data-direction = 'left']{
	background-image: url('../images/main/gameDirectionButtons/left.png');
}
.gameDirectionButtons .gameDirectionButton[data-direction = 'left']:active{
	background-image: url('../images/main/gameDirectionButtons/leftActive.png');
}
.gameDirectionButtons .gameDirectionButton[data-direction = 'right']{
	background-image: url('../images/main/gameDirectionButtons/right.png');
}
.gameDirectionButtons .gameDirectionButton[data-direction = 'right']:active{
	background-image: url('../images/main/gameDirectionButtons/rightActive.png');
}
.gameDirectionButtons .gameDirectionButton[data-direction = 'up']{
	background-image: url('../images/main/gameDirectionButtons/up.png');
}
.gameDirectionButtons .gameDirectionButton[data-direction = 'up']:active{
	background-image: url('../images/main/gameDirectionButtons/upActive.png');
}
.gameDirectionButtons .gameDirectionButton[data-direction = 'down']{
	background-image: url('../images/main/gameDirectionButtons/down.png');
}
.gameDirectionButtons .gameDirectionButton[data-direction = 'down']:active{
	background-image: url('../images/main/gameDirectionButtons/downActive.png');
}
.gameBody[data-gameType='snake'] .gameDirectionButtons,
.gameBody[data-gameType='sokoban'] .gameDirectionButtons,
.gameBody[data-gameType='labirint'] .gameDirectionButtons,
.gameBody[data-gameType='racer'] .gameDirectionButtons,
.gameBody[data-gameType='cubes'] .gameDirectionButtons,
.gameBody[data-gameType='columns'] .gameDirectionButtons{
	position: absolute;
	right: 0;
	bottom: 30px;
	opacity: 0.7;
}
.gameBody[data-gameType='snake'] .gameField,
.gameBody[data-gameType='sokoban'] .gameField,
.gameBody[data-gameType='labirint'] .gameField{
/*.gameBody[data-gameType='racer'] .gameField{*/
	overflow: hidden;
//	perspective: none;
}
[data-gameType='snake'] .gameField,
[data-gameType='sokoban'] .gameField,
[data-gameType='labirint'] .gameField,
[data-gameType='racer'] .gameField{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
	margin-top: 24px;
}
[data-gameType='snake'] .canvasWrapper,
[data-gameType='sokoban'] .canvasSecondWrapper,
[data-gameType='labirint'] .canvasSecondWrapper,
[data-gameType='racer'] .canvasSecondWrapper{
	box-sizing: border-box;
//	border: 1px solid black;
//	box-shadow: inset 0px 4px 4px rgba(50, 50, 71, 0.08), inset 0px 4px 8px rgba(50, 50, 71, 0.06);
	box-shadow: inset 0px 4px 4px rgba(50, 50, 71, 0.08), inset 0px 4px 8px rgba(50, 50, 71, 0.06), inset 0px -4px 8px rgba(50, 50, 71, 0.06);
	border-radius: 12px;
	margin-left: 24px;
	position: relative;	
}
[data-gameType='snake'][data-customizationMode = 'modeA'] .canvasWrapper,
[data-gameType='snake'][data-customizationMode = 'modeC'] .canvasWrapper{
	background-color: #edfaea;
}
[data-gameType='snake'][data-customizationMode = 'modeB'] .canvasWrapper{
	background-image: linear-gradient(135.44deg, rgba(255, 46, 247, 0.4) 1.28%, rgba(46, 130, 255, 0.5) 30.49%, rgba(46, 192, 255, 0.5) 49.56%, rgba(46, 255, 222, 0.8) 70.99%, #B7FFD5 86.16%, #FBFACA 106.26%, #DEF8D6 106.26%);
}
[data-gameType='sokoban'] .canvasSecondWrapper,
[data-gameType='labirint'] .canvasSecondWrapper,
[data-gameType='racer'] .canvasSecondWrapper{
	overflow: hidden;
}
[data-gameType='racer'] .canvasSecondWrapper{
	background-color: #FBFBFD;
}
[data-gameType='snake'] .sidePanel,
[data-gameType='sokoban'] .sidePanel,
[data-gameType='labirint'] .sidePanel,
[data-gameType='racer'] .sidePanel{
	background-color: #FFFFFF;
	box-shadow: 0px 8px 8px rgba(50, 50, 71, 0.08), 0px 8px 16px rgba(50, 50, 71, 0.06);
	border-radius: 12px;
	padding: 24px;
	text-align: center;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: center;
	position: relative;
}
[data-gameType='snake'] .sidePanel .taskDescription,
[data-gameType='sokoban'] .sidePanel .taskDescription,
[data-gameType='labirint'] .sidePanel .taskDescription,
[data-gameType='labirint'] .sidePanel .racer{
	color: #999999;
	font-size: 18px;
}
[data-gameType='snake'] .targetImageWrapper,
[data-gameType='sokoban'] .targetImageWrapper,
[data-gameType='labirint'] .targetImageWrapper,
[data-gameType='racer'] .targetImageWrapper{
	width: 248px;
	height: 248px;
	margin-top: 16px;
}
[data-gameType='snake'] .targetImage,
[data-gameType='sokoban'] .targetImage,
[data-gameType='labirint'] .targetImage,
[data-gameType='racer'] .targetImage{
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
}
[data-gameType='snake'] .targetText,
[data-gameType='sokoban'] .targetText,
[data-gameType='labirint'] .targetText,
[data-gameType='racer'] .targetText{
	margin-top: 17px;	
	font-weight: 700;
	font-size: 28px;	
}
[data-gameType='snake'] .targetText > *:nth-of-type(1n + 2),
[data-gameType='sokoban'] .targetText > *:nth-of-type(1n + 2),
[data-gameType='labirint'] .targetText > *:nth-of-type(1n + 2),
[data-gameType='racer'] .targetText > *:nth-of-type(1n + 2){
	margin-top: 16px;
}
[data-gameType='snake'] .targetWord > *:first-letter,
[data-gameType='snake'] .caughtLetters > *:first-of-type,
[data-gameType='sokoban'] .targetWord > *:first-letter,
[data-gameType='sokoban'] .caughtLetters > *:first-of-type,
[data-gameType='labirint'] .targetWord > *:first-letter,
/*[data-gameType='labirint'] .caughtLetters > *:first-of-type,*/
[data-gameType='racer'] .targetWord > *:first-letter,
[data-gameType='racer'] .caughtLetters > *:first-of-type{
//	text-transform: uppercase;
}
[data-gameType='snake'] .targetWord{

}
[data-gameType='snake'] .targetWord:first-letter,
[data-gameType='sokoban'] .targetWord:first-letter,
[data-gameType='labirint'] .targetWord:first-letter,
[data-gameType='racer'] .targetWord:first-letter{
//	text-transform: uppercase;
}
[data-gameType='snake'] .caughtLetters > *,
[data-gameType='sokoban'] .caughtLetters > *{
	display: inline-block;
	opacity: 0;
}
[data-gameType='snake'] .caughtLetters,
[data-gameType='sokoban'] .caughtLetters{
	color: #76D51F;
}
[data-gameType='snake'] .fieldCaughtLetter,
[data-gameType='sokoban'] .fieldCaughtLetter,
[data-gameType='labirint'] .fieldCaughtLetter,
[data-gameType='racer'] .fieldCaughtLetter,
[data-gameType='seaBattle'] .fieldCaughtLetter{
	position: absolute;
	font-weight: bold;
	color: #FFA800;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;		
}
[data-gameType='racer'] .fieldCaughtLetter.wrong{
	color: #FF4865;
}
[data-gameType='racer'] .canvasWrapper{
	position: relative;
}
[data-gameType='racer'] .laserRay{
	position: absolute;	
}
/*
[data-gameType='racer'] canvas{
	background-position: center center;
	background-repeat: repeat;
	background-size: 25% auto;
	background-image: url('../images/tests/racer/road.jpg');
}*/
.racerTrafficLightsWrapp{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
	padding-top: 50px;
	z-index: 1;
}
.racerTrafficLights{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
}
/*
.racerTrafficLights .racerTrafficLightsPart{
	width: 40px;	
}*/
.racerTrafficLightsPart{
	position: relative;
//	display: inline-block;
}
.racerTrafficLightsPart img{
	position: relative;
	width: 40px;
	z-index: 1;
}
.racerTrafficLightsPart .RTLPcolorElement{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 90%;
	height: 90%;
	border-radius: 50%;
	background-color: #898989;	
	transition-property: background-color;
	transition-duration: 0.4s;
}
.damagePanel{
	width: 170px;
	height: 18px;
	position: relative;
	top: -9px;
	border-radius: 6px;
	box-shadow: 0px 4px 4px rgba(50, 50, 71, 0.08), 0px 4px 8px rgba(50, 50, 71, 0.06);
	background-color: #FF4865;
	margin-right: 5px;
	overflow: hidden;
}
.damagePanel .damageScale{
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	background-color: #85D51F;
	transition-property: width;
	transition-duration: 0.5s;
}

/*[data-gameType='snake'] .gameDirectionButton:nth-of-type(1n + 2){
	margin-left: 10px;
}*/
/*[data-gameType='snake'] .gameDirectionButton{
	cursor: pointer;
}*/
[data-gameType='snake'] .explosionSpot{
	position: fixed;
	z-index: 98;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url('../images/tests/snake/spot.png');
	opacity: 0.8;
}
[data-gameType='snake'].exploded .gameButton,
[data-gameType='snake'].exploded .closeButton,
[data-gameType='snake'].exploded .infoPopupWrapper,
[data-gameType='snake'].exploded header{
	z-index: 99;
}
[data-gameType='snake'] .targetImage,
[data-gameType='sokoban'] .targetImage,
[data-gameType='racer'] .targetImage{
	cursor: pointer;
}
[data-gameType='snake'][data-disabledWordsSounds] .targetImage,
[data-gameType='sokoban'][data-disabledWordsSounds] .targetImage,
[data-gameType='racer'][data-disabledWordsSounds] .targetImage{
	cursor: auto;
}
[data-gameType='sokoban'] .fieldImage,
[data-gameType='racer'] .fieldImage,
[data-gameType='seaBattle'] .fieldImage,
[data-gameType='columns'] .fieldImage{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
[data-gameType='sokoban'] .fieldImage,
[data-gameType='racer'] .fieldImage,
[data-gameType='seaBattle'] .fieldImage,	
[data-gameType='columns'] .fieldImage{	
	position: absolute;
}
[data-gameType = 'sokoban'] .gameButtonsPanelWrapper > *:nth-of-type(1n + 2){
	margin-left: 10px;
}
[data-gameType='labirint'] .destinationCellsEl{
	margin-right: 10px;
}
[data-gameType='labirint'] .canvasSecondWrapper{
	margin-left: 10px;
}
[data-gameType='labirint'] .destinationCellsEl{
	box-shadow: 0px 8px 8px rgb(50 50 71 / 8%), 0px 8px 16px rgb(50 50 71 / 6%);
	padding: 10px;
	border-radius: 12px;
	background-color: white;
	transform-style: preserve-3d;
	position: relative;
	z-index: 1;
}
[data-gameType='labirint'] .destinationCellsEl > *{
	backface-visibility: hidden;
}
[data-gameType='labirint'] .destinationCellsEl::afrer{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: white;
	transform: rotateY(-180deg);
	
}
[data-gameType='labirint'] .destinationCell{
	position: relative;
	z-index: 1;
	width: 50px;
	height: 50px;
	background-color: white;
    box-sizing: border-box;
    border-radius: 10px;
    position: relative;
    border: 1px dashed #BBBBC5;	
	font-size: 20px;
	font-weight: bold;
	color: #333333;
	transition-property: border-color;
	transition-duration: 0.7s;
}
[data-gameType='labirint'] .destinationCell.promptCell{
//	border-color: #76D51F;
	border-color: #FFA800;
}
[data-gameType='labirint'] .destinationCell.withLetters{	
	cursor: pointer;
}
[data-gameType='labirint'] .letterInDestinationCell{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
[data-gameType='labirint'] .promptCell .letterInDestinationCell{
	color: #FFA800;	
}
[data-gameType='labirint'] .lettersСaughtNumEl{
	position: absolute;
	right: -10px;
	bottom: -7px;
	width: 23px;
	height: 23px;
	border-radius: 50%;
	background-color: #76D51F;
	font-size: 16px;
	border: 1px solid #333333;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	color: white;
	line-height: 1em;
	z-index: 1;
	opacity: 0;
	transition-property: opacity;
	transition-duration: 0.5s;
}
[data-gameType='labirint'] .lettersСaughtNumChangeWrapp{
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
}
[data-gameType='labirint'] .lettersСaughtNumChange{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	padding-left: 10px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
}
[data-gameType='labirint'] .lettersСaughtNumChange.right{
	color: #6979F8;
}
[data-gameType='labirint'] .lettersСaughtNumChange.wrong{
	color: #FF4865;
}
[data-gameType='labirint'] .errorsInfoEl{
	font-size: 20px;
}

[data-gameType='labirint'] .destinationCell:nth-of-type(1n + 2){
	margin-top: 5px;
}
[data-gameType='labirint'] .targetImage{
	cursor: pointer;
}
[data-gameType='labirint'][data-disabledWordsSounds] .targetImage,
[data-gameType='labirint'][data-disabledLettersSounds] .destinationCell.withLetters{
	cursor: auto;
}
/*-- Learn the poem --*/
[data-gameType='learnThePoemEnglish'] .gameField{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;	
	font-size: 24px;
	font-weight: bold;
}
[data-gameType='learnThePoemEnglish'] .poem{
	line-height: 1.8;	
}
[data-gameType='learnThePoemEnglish'][data-poemMode] .poem{
	text-align: center	
}
[data-gameType='learnThePoemEnglish'] .heightRegulator{
	visibility: hidden;
}
[data-gameType='learnThePoemEnglish'] .poem > li{
	vertical-align: middle;
	position: relative;
}
[data-gameType='learnThePoemEnglish'] .poem .techDesteL,
[data-gameType='learnThePoemEnglish'] .poem .destinationCell{
	display: inline-block;
}
[data-gameType='learnThePoemEnglish'] .poem .destinationCell,
/*[data-gameType='learnThePoemEnglish'] .tempAddTechElsEl .destinationCell,*/
[data-gameType='learnThePoemEnglish'] .scrap{
	border-radius: 8px;
	padding: 0 12px;	
	box-sizing: border-box;	
	height: 40px;
}
[data-gameType='learnThePoemEnglish'] .tempAddTechElsEl .destinationCell{
	display: inline-block;
}


[data-gameType='learnThePoemEnglish'] .poem .destinationCell{
	background-color: #19AAB9;
	margin-top: 3px;
	transition-property: width;
	position: relative;
//	transition-duration: 1s;
}
[data-gameType='learnThePoemEnglish'] .scrap{
//	line-height: normal;	
	color: #482D83;
	box-shadow: box-shadow: 0px 4px 4px rgba(50, 50, 71, 0.08), 0px 4px 8px rgba(50, 50, 71, 0.06);
	cursor: pointer;
	transition-property: color, box-shadow, background-color;
	transition-duration: 0.7s;
	white-space: nowrap;
}
[data-gameType='learnThePoemEnglish'] .scrap,
[data-gameType='learnThePoemEnglish'] .destinationCellPrompt{
	background-color: #FFFFFF;
	display: block;
	line-height: 40px;	
	text-align: center;	
}
[data-gameType='learnThePoemEnglish'] .destinationCellPrompt{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	color: #999999;
}
[data-gameType='learnThePoemEnglish'] .scrap,
[data-gameType='learnThePoemEnglish'] .resourceCell,
[data-gameType='learnThePoemEnglish'] .destinationCell,
[data-gameType='learnThePoemEnglish'] .destinationCellPrompt{
	border-radius: 8px;
}
[data-gameType='learnThePoemEnglish'] .resourceCell .scrap{
	box-shadow: 0px 4px 4px rgba(50, 50, 71, 0.08), 0px 4px 8px rgba(50, 50, 71, 0.06);
}
[data-gameType='learnThePoemEnglish'] .resourceElement{
	padding-top: 30px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	perspective: 700px;	
	align-content: flex-start;	
}
[data-gameType='learnThePoemEnglish'] .resourceElement > li{
	margin-left: 8px;
	margin-top: 8px;
	position: relative;
	z-index: 2;
}
[data-gameType='learnThePoemEnglish'] .gameField > *{
	flex-grow: 0;
}
[data-gameType='learnThePoemEnglish'] .gameField .resourceElement{
	flex-grow: 1;
	width: 100%;
	justify-content: center;	
	position: relative;
}
[data-gameType='learnThePoemEnglish'] .destinationCell[data-correctness = 'right'] .scrap,
[data-gameType='learnThePoemEnglish'] .destinationCell[data-correctness = 'right'] .destinationCellPrompt{
	box-shadow: 0 0 0 1px #76D51F inset;	
	color: #76D51F;
}
[data-gameType='learnThePoemEnglish'] .destinationCell[data-correctness = 'wrong'] .scrap,
[data-gameType='learnThePoemEnglish'] .destinationCell[data-correctness = 'wrong'] .destinationCellPrompt{
	box-shadow: 0 0 0 1px #FF4865 inset;	
	color: #FF4865;
}

[data-gameType='learnThePoemEnglish'] .fullSentencePlaybackButtonWrapp{
	margin-top: 15px;
}
[data-gameType='learnThePoemEnglish'] .textImage{
//	margin-top: 10px;
	width: 300px;
	height: 300px;
	position: relative;
	overflow: hidden;
	margin-left: 110px;
//	margin-left: 50px;
	border-radius: 12px;
	box-shadow: 0px 8px 16px rgba(50, 50, 71, 0.06), 0px 8px 8px rgba(50, 50, 71, 0.08);
}
[data-gameType='learnThePoemEnglish'] .textImageSlide{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url('../images/tests/learnThePoemEnglish/2.png');	
	background-color: #FFFFFF;
}
[data-gameType='learnThePoemEnglish'] .textAndImageWrapper{
	display: flex; 
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
	padding: 24px 120px 0;
}
[data-gameType='learnThePoemEnglish'][data-imagemode] .textAndImageWrapper{
	padding: 24px 80px 0;
}
[data-gameType='learnThePoemEnglish'] .textImagesWrapper{
	perspective: 700px;
}
.gameBody .correctnessElementWrapp{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
}
.gameBody[data-gameType='learnThePoemEnglish'] .resourceElementWrapp{
	position: relative;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
}
.gameBody[data-gameType='learnThePoemEnglish'] .correctnessElementWrapp{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	z-index: 1;
	flex-grow: 0;
	pointer-events: none;
}
.gameBody[data-gameType='learnThePoemEnglish'] .gameHeader .rightPart{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
}
.gameBody .correctnessElement{
	line-height: 64px;
	padding: 0 20px;
	color: #333333;
	font-size: 24px;
	font-weight: bold;
	display: flex;
//	display: none;
	flex-direction: row;
	flex-wrap: nowrap;
	background-color: #FFFFFF;
	border-radius: 8px;
	box-shadow: 0px 8px 8px rgba(50, 50, 71, 0.08), 0px 8px 16px rgba(50, 50, 71, 0.06);
//	margin-top: 40px;
	margin-top: 15px;
	align-items: center;
}
.gameBody .correctnessElement{
//	opacity: 0;	
	transition-property: transform, opacity;
	transition-duration: 0.5s;
}
.gameBody .correctnessElement[data-visibility = 'visible']{
	opacity: 1;
	transform: scale(1) rotateZ(0);		
}
.gameBody .correctnessElement[data-visibility = 'invisible']{
	opacity: 0;
	transform: scale(0.2) rotateZ(-45deg);
}
.gameBody .correctnessElement::after{
	margin-left: 12px;	
	content: '';
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
//	width: 32px;
//	height: 32px;
	border-radius: 50%;
	box-shadow: inset 0px 4px 8px rgba(50, 50, 71, 0.06), inset 0px 4px 4px rgba(50, 50, 71, 0.08);
}
.gameBody .correctnessElement[data-correctness = 'right']::after{
    background-image: url(../images/main/okBack.png);
    background-color: #76D51F;
    background-size: 50% auto;	
}
.gameBody .correctnessElement[data-correctness = 'wrong']::after{
    background-image: url(../images/main/cancelBack.png);
    background-color: #FF4865;
    background-size: 50% auto;
	background-position: 55% auto;
}
.gameBody[data-gameType='learnThePoemEnglish'] .tempAddTechElsEl{
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
}
/*-- Learn the poem end--*/
/*-- sentences3d --*/
/*В некоторых раундах строки блоков после первого клика перестают быть кликабельными;*/
/*данный поворот это исправляет;*/
.gameBody[data-gameType='sentences3d'] .boxesWrapper{
	transform: rotateX(1deg);
}
.gameBody[data-gameType='sentences3d'] .boxesRowWrapper,
.gameBody[data-gameType='grid3d'] .boxesRowWrapper{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
	transform-style: preserve-3d;
}
.gameBody[data-gameType='sentences3d'] .boxesRowWrapper:nth-of-type(1n + 2),
.gameBody[data-gameType='grid3d'] .boxesRowWrapper:nth-of-type(1n + 2){
	padding-top: 35px;
}
.gameBody[data-gameType='sentences3d'] .boxesRowWrapper > *:nth-of-type(1n + 2),
.gameBody[data-gameType='grid3d'] .boxesRowWrapper > *:nth-of-type(1n + 2){
	margin-left: 5px;
}
.gameBody[data-gameType='sentences3d'] .gameField,
.gameBody[data-gameType='grid3d'] .gameField{
//	perspective: 5000px;
	perspective: none;
	transform-style: preserve-3d;
}
.gameBody[data-gameType='sentences3d'] .boxWrapper,
.gameBody[data-gameType='grid3d'] .boxWrapper{
	transform-style: preserve-3d;
}
.gameBody[data-gameType='sentences3d'] .box3dSideContent,
.gameBody[data-gameType='grid3d'] .box3dSideContent{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	text-align: center;
	box-sizing: border-box;
//	padding-left: 5px;
//	padding-right: 5px;	
}
.gameBody[data-gameType='sentences3d'] .box3dSideContent,
.gameBody[data-gameType='grid3d'] .box3dSideContent,
.gameBody[data-gameType='sentences3d'] .boxPromptElement,
.gameBody[data-gameType='grid3d'] .boxPromptElement{
	padding-left: 5px;
	padding-right: 5px;
}	
.gameBody[data-gameType='sentences3d'] .boxWrapper .basisElement,
.gameBody[data-gameType='grid3d'] .boxWrapper .basisElement{
	position: relative !important;
	cursor: pointer;
}
.gameBody[data-gameType='cubes'] [data-sidetype = 'back'] .box3dSideContent,
.gameBody[data-gameType='sentences3d'] [data-sidetype = 'back'] .box3dSideContent,
.gameBody[data-gameType='sentences3d'] [data-sidetype = 'back'] .boxPromptElement,
.gameBody[data-gameType='grid3d'] [data-sidetype = 'back'] .box3dSideContent,
.gameBody[data-gameType='grid3d'] [data-sidetype = 'back'] .boxPromptElement{
	transform: rotateZ(-180deg) scaleY(-1) scaleX(-1) !important;
}
.gameBody[data-gameType='cubes'] [data-sidetype = 'bottom'] .box3dSideContent,
.gameBody[data-gameType='sentences3d'] [data-sidetype = 'bottom'] .box3dSideContent,
.gameBody[data-gameType='sentences3d'] [data-sidetype = 'bottom'] .boxPromptElement,
.gameBody[data-gameType='grid3d'] [data-sidetype = 'bottom'] .boxPromptElement,
.gameBody[data-gameType='grid3d'] [data-sidetype = 'bottom'] .box3dSideContent{
	transform: scaleY(-1);
}
.gameBody[data-gameType='sentences3d'] .basisElement[data-correctness = 'right']{
	color: #76D51F;
}
.gameBody[data-gameType='sentences3d'] .basisElement[data-correctness = 'wrong']{
	color: #FF4865;
}
.gameBody[data-gameType='sentences3d'] .basisElement{
	transition-property: color;
	transition-duration: 0.5s;
}
.gameBody[data-gameType='sentences3d'] .boxPromptElement{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	text-align: center;	
}
.gameBody[data-gameType='sentences3d'] .boxFirstWrapper,
.gameBody[data-gameType='grid3d'] .boxFirstWrapper{
	transform-style: preserve-3d;
}
.gameBody[data-gameType='sentences3d'] .box3dSide{
	transition-property: border-color;
	transition-duration: 0.5s;
}
.gameBody[data-gameType='sentences3d'] .boxPromptElement,	
.gameBody[data-gameType='sentences3d'] .box3dSide,
.gameBody[data-gameType='grid3d'] .box3dSide{
	background-color: white !important;
}
.gameBody[data-gameType='sentences3d'] .basisElement[data-correctness = 'right'] .box3dSide{
	transition-property: border-color;
	transition-duration: 0.5s;
}
.gameBody[data-gameType='sentences3d'] .basisElement[data-correctness = 'right'] .box3dSide{
	border-color: #76D51F !important;
}
.gameBody[data-gameType='sentences3d'] .basisElement[data-correctness = 'wrong'] .box3dSide{
	border-color: #FF4865 !important;
}
.gameBody[data-gameType='sentences3d'] .gameField{
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
//	padding-top: 35px;
	margin-top: 35px; /*если ставить margin вместо padding то с перспективой вроде все блоки кликаются*/
}
.gameBody[data-gameType='sentences3d'] .fullSentencePlaybackButtonWrapp,
.gameBody[data-gameType='grid3d'] .fullSentencePlaybackButtonWrapp{
	padding-top: 35px;
}
.gameBody[data-gameType='sentences3d'] .box3dSide{
	border-color: #5467FF !important;
}
.gameBody[data-gameType='sentences3d'] .boxesWrapper,
.gameBody[data-gameType='sentences3d'] .boxesRowWrapper{
	transform-style: preserve-3d;
}
.gameBody[data-gameType='sentences3d'] .box3dSide{
	font-size: 18px;
}
.gameBody[data-gameType='sentences3d'] .boxesAndImageWrapper{
	transform-style: preserve-3d;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
}
.gameBody[data-gameType='sentences3d'] .imageContainer{
	display: none;
}
.gameBody[data-gameType='sentences3d'][data-imagemode] .imageContainer{
	display: block;
}
.gameBody[data-gameType='sentences3d'] .textImage{
	width: 250px;
    height: 250px;
    margin-left: 50px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    box-shadow: 0px 8px 16px rgb(50 50 71 / 6%), 0px 8px 8px rgb(50 50 71 / 8%);
    border-radius: 12px;
    background-color: #FFFFFF;	
}
.gameBody[data-gameType='sentences3d'] .boxesWrapper{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
}
.gameBody[data-gameType='sentences3d'] .boxesWrapper.boxesInCenterByVertical{
	justify-content: center;
}
/*-- sentences3d end --*/
/*-- grid3d  --*/
.gameBody[data-gameType='grid3d'] .gameField{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	padding-top: 20px;
} 
.gameBody[data-gameType='grid3d'] .linesWrapper{
	font-size: 24px;	
	box-sizing: border-box;
	width: 70%;		
//	padding: 24px 120px 0;
}
.gameBody[data-gameType='grid3d'] .referenceTextEl{
	width: 70%;
}
.gameBody[data-gameType='grid3d'] .referenceTextEl{
	font-size: 24px;
}
.gameBody[data-gameType='grid3d'] .boxesWrapper{
	padding-top: 25px;
}
.gameBody[data-gameType='grid3d'] .referenceTextEl{
	padding-bottom: 25px;	
}
.gameBody[data-gameType='grid3d'] .rightPartLineEl{
	margin-left: 0.3em;
	position: relative;
}
.gameBody[data-gameType='grid3d'] .rightPartLineEl.prompt .lineCellConten{
	color: white !important;
	background-color: #FFA800;
}
.gameBody[data-gameType='grid3d'] .wordsLine{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
}
.gameBody[data-gameType='grid3d'] .box3dSide{
	border-color: #FFC61E !important;
	background-color: #6979F8 !important;
	color: white;
	font-weight: bold;
	transition-property: background-color, color;
	transition-duration: 0.5s;
}

.gameBody[data-gameType='grid3d'] .box3dSide{
	background-color: #AED6DC !important;
	border-color: #FFA9A9 !important;
	color: #05819C;
	font-weight: normal;
}


.gameBody[data-gameType='grid3d'] .box3dSide[data-status = 'right']{
	background-color: #76D51F !important;
}
.gameBody[data-gameType='grid3d'] .box3dSide[data-status = 'wrong']{
	background-color: #FF4865 !important;
}
.gameBody[data-gameType='grid3d'] .box3dSide[data-status = 'prompt']{
	background-color: #FFA800 !important;
}

.gameBody[data-gameType='grid3d'] .box3dSide[data-status = 'right'],
.gameBody[data-gameType='grid3d'] .box3dSide[data-status = 'wrong'],
.gameBody[data-gameType='grid3d'] .box3dSide[data-status = 'prompt']{
	color: white;
}

.gameBody[data-gameType='grid3d'] .lineCellConten{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	white-space: nowrap;
}
.gameBody[data-gameType='grid3d'] .lineCellConten.startingCE{
	position: static;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
}

.gameBody[data-gameType='grid3d'] .boxesWrapper,
.gameBody[data-gameType='grid3d'] .boxesRowWrapper
{
	transform-style: preserve-3d;
}

/*-- grid3d end --*/

/*-- memory balls --*/
.gameBody[data-gameType='memoryBalls'] .gameField{
	overflow: hidden;
}
.gameBody[data-gameType='memoryBalls'] .gameField{
	padding-top: 20px;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
}
.gameBody[data-gameType='memoryBalls'] .destinationCell,
.gameBody[data-gameType='memoryBalls'] .resourceCell,
.gameBody[data-gameType='memoryBalls'] .colorBall{
	width: 110px;
	height: 110px;
	border-radius: 50%;	
	transition-property: box-shadow;
	transition-duration: 0.5s;	
}
.gameBody[data-gameType='memoryBalls'] .destinationCell,
.gameBody[data-gameType='memoryBalls'] .resourceCell,
.gameBody[data-gameType='memoryBalls'] .stand .colorBall{
	margin-left: 20px;
	position: relative;
}
.gameBody[data-gameType='memoryBalls'] .destinationCell{
/*	margin-top: 20px;
	margin-bottom: 20px;*/
}
.gameBody[data-gameType='memoryBalls'] .destinationCell:last-of-type,
.gameBody[data-gameType='memoryBalls'] .resourceCell:last-of-type,
.gameBody[data-gameType='memoryBalls'] .stand .colorBall:last-of-type{
	margin-right: 12.5px;
}
.gameBody[data-gameType='memoryBalls'] .destinationCell:first-of-type,
.gameBody[data-gameType='memoryBalls'] .resourceCell:first-of-type,
.gameBody[data-gameType='memoryBalls'] .stand .colorBall:first-of-type{
	margin-left: 12.5px;
}
/*
.gameBody[data-gameType='memoryBalls'] .destinationCell[data-correcntess = 'right'],
.gameBody[data-gameType='memoryBalls'] .stand .colorBall[data-correcntess = 'right']{
	box-shadow: 0 0 0 1px #76d51f inset;
}
.gameBody[data-gameType='memoryBalls'] .destinationCell[data-correcntess = 'wrong'],
.gameBody[data-gameType='memoryBalls'] .stand .colorBall[data-correcntess = 'wrong']{
	box-shadow: 0 0 0 1px #ff4865 inset;
}*/
.gameBody[data-gameType='memoryBalls'] .colorBall[data-correcntess = 'right']{
	box-shadow: 0 0 0 5px #76d51f inset;
}
.gameBody[data-gameType='memoryBalls'] .colorBall[data-correcntess = 'wrong']{
	box-shadow: 0 0 0 5px #ff4865 inset;
}



/*
.gameBody[data-gameType='memoryBalls'] .destinationCell:first-of-type,
.gameBody[data-gameType='memoryBalls'] .resourceCell:first-of-type,
.gameBody[data-gameType='memoryBalls'] .colorBall:first-of-type{
	margin-left: 12.5px;
}
*/
.gameBody[data-gameType='memoryBalls'] .destinationCell{
	border: 1px dashed #a7a7a7;
	box-sizing: border-box;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;	
}
.gameBody[data-gameType='memoryBalls'] .colorBall{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	cursor: pointer;
	position: absolute;
	left: 0;
	top: 0;		
	box-sizing: border-box;
	box-shadow: 0px 15px 20px rgba(24, 24, 24, 0.05);
	background-color: white;
}
.gameBody[data-gameType='memoryBalls'] .colorBall::after{
	display: block;
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-image: url('../images/tests/memoryBalls/flare.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 110% auto;
}
.gameBody[data-gameType='memoryBalls'] .stand .colorBall{
	position: relative;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	cursor: auto;
}
.gameBody[data-gameType='memoryBalls'] .ballsWrapper{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
}
.gameBody[data-gameType='memoryBalls'] .ballsResouce{
//	padding-top: 30px;
}
.gameBody[data-gameType='memoryBalls'] .standAndCoverWrapper{
	position: relative;
}
.gameBody[data-gameType='memoryBalls'] .side{
	height: 30px;
	background-color: #FFC961;
}
.gameBody[data-gameType='memoryBalls'] .cover{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 100%;
	width: 100%;
	background-color: #FFC961;
	z-index: 1;
	background-position: center center;	
	background-repeat: no-repeat;
//	background-image: url('../images/tests/memoryBalls/tigerLogoWhite.png');
//	background-size: auto 70%;
	background-size: auto 80%;
//	background-image: url('../images/main/maximus.png');
	background-image: url('../images/main/maxiLogoSimple.png');
}
.gameBody[data-gameType='memoryBalls'] .stand{
//	background-color: #b9b9b9;
	background-color: #f7f7f7;
}
.gameBody[data-gameType='memoryBalls'] .ballsWrapper{
	padding: 20px 0;
}
/*-- memory balls end --*/
/*-- simon --*/
[data-gameType = 'simon'] .gameField{
	padding-top: 5px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}
[data-gameType = 'simon'] .cardsEl{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	margin-left: -20px;
//	width: 440px;
}
[data-gameType = 'simon'][data-cardsnum = '4'] .cardsEl{
	width: 440px;
}
[data-gameType = 'simon'][data-cardsnum = '6'] .cardsEl{
	width: 660px;
}
[data-gameType = 'simon'][data-cardsnum = '8'] .cardsEl{
	width: 880px;
}
[data-gameType = 'simon'] .cardsEl .gameCard{
	width: 200px;
	height: 200px;
	border-radius: 16px;
	box-shadow: 0px 4px 8px rgb(50 50 71 / 6%), 0px 4px 4px rgb(50 50 71 / 8%);
	margin-left: 20px;
	margin-top: 20px;
	cursor: pointer;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	transition-property: box-shadow;
	transition-duration: 0.5s;
//	box-shadow: none;
}
[data-gameType = 'simon'] .cardsEl .gameCard[data-status='highlighted']{
	box-shadow: 0px 0px 0px 3px #6979F8 inset;
}
[data-gameType = 'simon'] .cardsEl .gameCard[data-status='right']{
	box-shadow: 0px 0px 0px 3px #76d51f inset;
}
[data-gameType = 'simon'] .cardsEl .gameCard[data-status='wrong']{
	box-shadow: 0px 0px 0px 3px #ff4865 inset;
}
/*-- simon end--*/
/*-- cubes --*/
[data-gameType = 'cubes'] .cubesFirstWrapper{
	transform-style: preserve-3d;/*для того, чтобы перспектива отображалась правильно*/
}
[data-gameType = 'cubes'] .gameField{
	padding-top: 5px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}
[data-gameType = 'cubes'] .cubesWrapper{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
//	transform-style: preserve-3d;
}
[data-gameType = 'cubes'] .cubesWrapper{
	transform: rotateX(55deg);
//	margin-top: 100px;
	margin-top: 93px;
}
[data-gameType = 'cubes'] .cubesWrapper,
[data-gameType = 'cubes'] .cubeWrapper,
[data-gameType = 'cubes'] .cubeFirstWrapper{
	transform-style: preserve-3d;
}
[data-gameType = 'cubes'] .cubeFirstWrapper{
	transition-property: transform;
	transition-duration: 0.5s;
}

[data-gameType = 'cubes'] .basisElement{
	position: relative !important;
	cursor: pointer;
}
[data-gameType = 'cubes'] .box3dSideContent{
	background-repeat: no-repeat;
}
[data-gameType = 'cubes'] .box3dSideContent.cubePrompt{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
[data-gameType = 'cubes'] [data-status = 'active'] [data-sideType]{
	border-color: #6979F8 !important;
}
[data-gameType = 'cubes'] .gameField{
	perspective: 1500px;
}
/*
[data-gameType='cubes'] [data-sidetype = 'bottom'] .box3dSideContent{
	transform: scaleY(-1);
}*/
[data-gameType = 'cubes'] .box3dSideContent::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    // opacity: 0.5;
    opacity: 0;
    transition-property: opacity, background-color;
    transition-duration: 0.3s;	
}
[data-gameType = 'cubes'] [data-status = 'right'] .box3dSideContent::before{
	background-color: #76D51F;
}
[data-gameType = 'cubes'] [data-status = 'wrong'] .box3dSideContent::before{
	background-color: #FF4865;
}
[data-gameType = 'cubes'] [data-status = 'right'] .box3dSideContent::before,
[data-gameType = 'cubes'] [data-status = 'wrong'] .box3dSideContent::before{
	opacity: 0.5;
}
.gameBody[data-gameType='cubes'] .wordPlaybackButtonWrapp{
//	padding-top: 50px;
	padding-top: 35px;
}
.gameBody[data-gameType='cubes'] .cubesBox [data-sidetype = 'top'],
.gameBody[data-gameType='cubes'] .cubesBox [data-sidetype = 'front']{
	background-position: center center;
	background-repeat: no-repeat;	
}
.gameBody[data-gameType='cubes'] .cubesBox [data-sidetype = 'front']{
//	background-image: url('../images/main/mainLogo.png');
/	background-size: auto 25%;
	background-image: url('../images/main/maxiLogoSimple.png');
	background-size: auto 70%;
	background-image: url('../images/main/maxiZnajLogo.png');
	background-size: 80% auto;	
}
.gameBody[data-gameType='cubes'] .cubesBox .box3dSide{
//	background-color: #f5f5f5 !important;
//	background-color: #ebb593 !important;
}
/*- фикс некликабельных кубиков верних рядов -*/
[data-gameType = 'cubes'] .gameField{
	perspective: none;
}
[data-gameType = 'cubes'] .cubesFirstWrapper{
	transform-style: flat;
	perspective: 1500px;
}
/*- фикс некликабельных кубиков верних рядов завершение -*/
/*-- cubes end --*/
/*-- seaBattle --*/
.gameBody[data-gameType='seaBattle'] .gameField{
	padding-top: 16px;
	overflow: hidden;
	padding-bottom: 4px;
}
.gameBody[data-gameType='seaBattle'] .apponentsParts{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
}
.gameBody[data-gameType='seaBattle'] .apponentsParts .apponentPart{
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: auto;
	opacity: 0.7;
	transition-property: opacity;
	transition-duration: 0.5s;
}
.gameBody[data-gameType='seaBattle'] .apponentsParts > *:nth-of-type(1n + 2){
	margin-left: 40px;
}
.gameBody[data-gameType='seaBattle'] canvas{
//	border: 2px solid #EEEEEE;
	border: 1px solid #494953;
//	cursor: url('../images/tests/seaBattle/target.png');
	border-radius: 5px;
	transition-property: box-shadow, border-color;
	transition-duration: 0.5s;
}
.gameBody[data-gameType='seaBattle'] .canvasWrapper{
	padding-top: 5px;
}
.gameBody[data-gameType='seaBattle'] .canvasSecondWrapper{
	position: relative;
}
.gameBody[data-gameType='seaBattle'] .clickableField{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.gameBody[data-gameType='seaBattle'] .shipsIndicator{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;	
}
.gameBody[data-gameType='seaBattle'] .shipsIndicator .shipIndicator{
	width: 50px;
	position: relative;
}
.gameBody[data-gameType='seaBattle'] .shipsIndicator .shipIndicator.wordImageIndicator{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 50px;
}
.gameBody[data-gameType='seaBattle'] .shipsIndicator .shipIndicator:nth-of-type(1n + 2){
	margin-left: 5px;
}
.gameBody[data-gameType='seaBattle'] .shipsIndicator .shipIndicator.hit::after{
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-image: url('../images/tests/seaBattle/hitIndicator.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.gameBody[data-gameType='seaBattle'] .apponentPart[data-status = 'shootingTarget'] canvas{
	border-color: transparent;
	box-shadow: 0 0 4px 4px #4027b7;	
}
.gameBody[data-gameType='seaBattle'] .apponentPart[data-status = 'won'] canvas{
	border-color: transparent;
	box-shadow: 0 0 4px 4px #76D51F;	
}
.gameBody[data-gameType='seaBattle'] .apponentPart[data-status = 'lost'] canvas{
	border-color: transparent;
	box-shadow: 0 0 4px 4px #FF4865;	
}
.gameBody[data-gameType='seaBattle'] .wordCard{
	width: 50%;
	height: 50%;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index: 1;
	background-color: white;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	border-radius: 12px;
	box-shadow: 0px 8px 16px rgb(50 50 71 / 6%), 0px 8px 8px rgb(50 50 71 / 8%);
}
.gameBody[data-gameType='seaBattle'] .apponentsParts .apponentPart[data-status = 'shootingTarget']{
	opacity: 1;
}
.gameBody[data-gameType='seaBattle'] .fieldMissle{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
}
/*
.gameBody[data-gameType='seaBattle'] .canvasSecondWrapper{
	cursor: url('../images/tests/seaBattle/target.png');
}*/
/*-- seaBattle end --*/

/*-- Columns --*/
[data-gameType = 'columns'] .gameField{
	display: none;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
}
[data-gameType = 'columns'] .gameField.visibleGameField{
	display: flex;
}
[data-gameType = 'columns'] .mainGamePanel{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
	position: relative;
}
[data-gameType = 'columns'] .canvasWrapper{
	position: relative;
}
[data-gameType = 'columns'] .gameInformation{
	position: absolute;
	left: 100%;
	padding-left: 20px;
}
[data-gameType = 'columns'] .leftPanelInformation{
	position: absolute;
	right: 100%;
	padding-right: 20px;
	padding-top: 10px;	
}
[data-gameType = 'columns'] canvas{
//	background-color: #282828;
}
[data-gameType='columns'] .canvasSecondWrapper{
	position: relative;
	border: 1px solid #494953;
	border-radius: 5px;		
}
[data-gameType='columns'] .wordCard{
//	width: 50%;
//	height: 50%;
	width: 100%;
	height: 46%;
//	width: 250px;
//	height: 250px;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index: 1;
	background-color: white;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	border-radius: 12px;
	box-shadow: 0px 8px 16px rgb(50 50 71 / 6%), 0px 8px 8px rgb(50 50 71 / 8%);
}
[data-gameType='columns'] .pointsNum{
//	color: #494953;
//	font-size: 24px;
//	top: 0;
	position: relative;
	min-width: 115px;
	height: 95px;
//	font-size: 24px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url('../images/main/statPanRightEl.png');
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	color: #494953;
	font-weight: bold;
	padding: 0 20px;	
	box-sizing: border-box;
}
[data-gameType = 'columns'] .nextColumnInfo{
//	border-radius: 5px;
//	overflow: hidden;	
}
[data-gameType = 'columns'] .nextColumnInfo > *{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 40px;
	height: 40px;
	box-sizing: content-box;
	border: 2px solid #363636;
	background-color: rgb(40,40,40);
}
[data-gameType = 'columns'] .nextColumnInfo > *:nth-of-type(1n + 2){
	border-top-width: 0 !important;
}
[data-gameType = 'columns'] .nextColumnInfo > *:first-of-type{
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
[data-gameType = 'columns'] .nextColumnInfo > *:last-of-type{
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;	
}
[data-gameType = 'columns'] .pointsIncreaseIndicatorWrapp{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
[data-gameType = 'columns'] .pointsNumWrapp{
	position: relative;
	font-size: 24px;
}
[data-gameType = 'columns'] .pointsIncreaseIndicator{
	font-size: 1em;
	color: #4B5BDA;
	font-weight: bold;
}
[data-gameType = 'columns'] .pauseButtonWrapper{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
	padding-top: 10px;
}
.gameBody[data-gameType = 'columns'] .canvasWrapper,
.gameBody[data-gameType = 'columns'] .leftPanelInformation,
.gameBody[data-gameType = 'columns'] .pointsNumWrapp{
	transition-property: opacity; 
	transition-duration: 0.5s;
}
.gameBody[data-gameType = 'columns'].gamePaused .canvasWrapper,
.gameBody[data-gameType = 'columns'].gamePaused .leftPanelInformation,
.gameBody[data-gameType = 'columns'].gamePaused .pointsNumWrapp{
	opacity: 0.7;
}
/*-- Columns end --*/
/*-- findTheLetters --*/
.gameBody[data-gameType = 'findTheLetters']{
//	overflow: hidden;
}
.gameBody[data-gameType = 'findTheLetters'] .gameField{
	padding-top: 16px;
	color: #6A6A73;
	padding-left: 140px;
//	overflow: hidden;
}
.gameBody[data-gameType = 'findTheLetters'] .mainElements{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
	transform: rotateX(55deg);
    margin-top: -170px;	
} 
[data-gameType = 'findTheLetters'] .basisElement {
    position: relative !important;
    cursor: pointer;
}
[data-gameType = 'findTheLetters'] .lettersWrapper{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: space-between;
//	transform: rotateX(55deg);
//	margin-top: -130px;
}
[data-gameType = 'findTheLetters'] .letters,
[data-gameType = 'findTheLetters'] .lettersWrapper,
[data-gameType = 'findTheLetters'] .letterFirstWrapper,
[data-gameType = 'findTheLetters'] .letterWrapper,
[data-gameType = 'findTheLetters'] .mainElements{
	transform-style: preserve-3d;
}
[data-gameType = 'findTheLetters'] .gameField{
	perspective: 1500px;
}
[data-gameType = 'findTheLetters'] .box3dSideContent{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
[data-gameType = 'findTheLetters'] .basisElement [data-sideType]{
	transition-property: background-color, color;
	transition-duration: 0.5s;
}
/*[data-gameType = 'findTheLetters'] .basisElement:not([data-status='found'],.prompt):hover [data-sideType]{*//*можно и так!*/
[data-gameType = 'findTheLetters'] .basisElement:not([data-status='found']):not(.prompt):not([data-status='wrong'])/*:not([data-status = 'active'])*/:hover [data-sideType]{
	background-color: #FFC61E !important;
	color: white;
}
[data-gameType = 'findTheLetters'] .basisElement[data-status = 'active']:not(.prompt) [data-sideType]{
	background-color: #FFA800 !important;
	color: white;
}
.gameBody[data-gameType='findTheLetters'] .basisElement[data-status = 'wrong'] [data-sideType]{
	background-color: #FF4865 !important;
	color: white;
}
[data-gameType = 'findTheLetters'] .basisElement[data-status = 'found'] [data-sideType]{
	background-color: white;/*тут не важно, какой; js перепишет на другой цвет*/
	color: white;
}
[data-gameType = 'findTheLetters'] .basisElement.prompt [data-sideType]{
	background-color: white;/*тут не важно, какой; js перепишет на другой цвет*/
	color: inherit;
}
[data-gameType = 'findTheLetters'] .letterWrapper{
	transition-property: transform;
	transition-duration: 0.5s;
}
[data-gameType = 'findTheLetters'] .wordsWrapp{
	padding-left: 45px;
	transform: rotateX(-30deg);
	margin-top: 80px;
}

.gameBody[data-gameType='findTheLetters'] [data-sidetype = 'bottom']/* .box3dSideContent*/{
	transform: rotateZ(-90deg) scaleY(-1); 
    transform-origin: center center !important;
}
/*-- findTheLetters end--*/
/*-- basket --*/
.gameBody[data-gameType = 'basket']{
	overflow: hidden;
}
[data-gameType = 'basket'] .gameFieldSecondWrapper{
	width: 0;
}
[data-gameType = 'basket'] .gameFieldWrapper{
	margin-top: 24px;
	perspective: 1700px;
}
[data-gameType = 'basket'] .gameFieldWrapper,
[data-gameType = 'basket'] .gameFieldSecondWrapper,
[data-gameType = 'basket'] .gameField{
	transform-style: preserve-3d;
}
[data-gameType = 'basket'] .gameFieldSecondWrapper{
	margin: 0 auto;
	height: 100%;
	transform: rotateX(65deg);
	transform-origin: 50% 30%;
	height: 170%;
	position: absolute;
	margin: auto;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;	
}
/*для 2д*/
[data-gameType = 'basket'] .gameFieldSecondWrapper{
//	height: 100%;
//	transform: none;
}
/*для 2д завершение*/

[data-gameType = 'basket'] .gameField{
    background-color: rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 8px 16px rgb(50 62 71 / 6%), inset 0px 8px 8px rgb(50 65 71 / 8%);
    border-radius: 12px;
	position: relative;
	perspective: none;
	trancition-property: background-color;
	transition-duration: 0.5s;
}
.gameBody[data-gameType='basket'] .gameDirectionButtons,
.gameBody[data-gameType='catchTheWords'] .gameDirectionButtons,
.gameBody[data-gameType='shootingRange'] .gameDirectionButtons{
	position: absolute;
	right: 0;
	bottom: 10px;
	opacity: 0.7;
}
.gameBody[data-gameType='basket'] .basketEl{
	position: absolute ! important;
	bottom: 0;
}
.gameBody[data-gameType='basket'] .basketFiller{
	position: absolute !important;	
}
.gameBody[data-gameType='basket'] .letterEl{
	position: absolute !important;
}
.gameBody[data-gameType='basket'] .basketFiller .box3dSide{
	border-color: black !important; /*если захочется изменить*/
	transition-property: width, height, transform, background-color;
	transition-duration: 0.4s;
}
.gameBody[data-gameType='basket'] .basketFiller.empty .box3dSide{
	background-color: rgba(0,0,0,0) !important;
}
[data-gameType = 'basket'] .box3dSideContent{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}
[data-gameType = 'basket'] .basisElement.letterEl .box3dSide{
	color: white !important;
	opacity: 0.7;	
	background-position: center center;
	background-repeat: no-repeat;
	background-size: auto 200%;
	background-size: cover;
}
[data-gameType = 'basket'] .basisElement .box3dSide{
	transition-property: background-color, color, opacity, transform;
	transition-duration: 0.5s;	
	transition-timing-function: linear;
}
[data-gameType = 'basket'] .taskWrapper,
[data-gameType = 'catchTheWords'] .taskWrapper{
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 150px;
	perspective: 300px;
	transform-style: preserve-3d;
}
[data-gameType = 'basket'] .taskCard,
[data-gameType = 'catchTheWords'] .taskCard,
[data-gameType = 'shootingRange'] .taskCard{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	box-shadow: 0px 4px 8px rgb(50 50 71 / 6%), 0px 4px 4px rgb(50 50 71 / 8%);	
	transform-style: preserve-3d;
	transition-property: transform;	
	cursor: pointer;
}
[data-gameType = 'basket'][data-disabledWordsSounds] .taskCard,
[data-gameType = 'catchTheWords'][data-disabledWordsSounds] .taskCard,
[data-gameType = 'shootingRange'][data-disabledWordsSounds] .taskCard{
	cursor: auto;
}
[data-gameType = 'basket'] .taskCard,
[data-gameType = 'basket'] .taskCard .frontSide,
[data-gameType = 'basket'] .taskCard .backSide,
[data-gameType = 'catchTheWords'] .taskCard,
[data-gameType = 'catchTheWords'] .taskCard .frontSide,
[data-gameType = 'catchTheWords'] .taskCard .backSide,
[data-gameType = 'shootingRange'] .taskCard{
	border-radius: 10px;
}
[data-gameType = 'basket'] .taskCard .frontSide,
[data-gameType = 'basket'] .taskCard .backSide,
[data-gameType = 'catchTheWords'] .taskCard .frontSide,
[data-gameType = 'catchTheWords'] .taskCard .backSide{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}
[data-gameType = 'basket'] .taskCard .frontSide,
[data-gameType = 'basket'] .taskCard .backSide{
	background-position: center center;
	background-size: cover;	
	background-color: white;	
}
[data-gameType = 'basket'] .taskCard .backSide,
[data-gameType = 'catchTheWords'] .taskCard .backSide{
	transform: rotateY(-180deg) scaleX(-1);
}
[data-gameType = 'basket'] .taskCard .frontSide,
[data-gameType = 'catchTheWords'] .taskCard .frontSide{
	background-image: url('../images/tests/basket/starringTaskCard.png');
}
.gameBody[data-gameType='basket'] .basisElement[data-status = 'wrong'] [data-sideType]{
	background-color: #FF4865 !important;
	color: white;
}
.gameBody[data-gameType='basket'] .basketDamagePanelWrapper,
.gameBody[data-gameType='catchTheWords'] .basketDamagePanelWrapper{
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
}
.gameBody[data-gameType='basket'] .basketDamagePanelWrapper,
.gameBody[data-gameType='catchTheWords'] .basketDamagePanelWrapper,
.gameBody[data-gameType='shootingRange'] .basketDamagePanelWrapper{
	padding-top: 10px;	
}
.gameBody[data-gameType='basket'] .basketDamagePanel,
.gameBody[data-gameType='catchTheWords'] .basketDamagePanel,
.gameBody[data-gameType='shootingRange'] .basketDamagePanel{
    width: 100%;
    height: 18px;
    position: relative;
    border-radius: 6px;
    box-shadow: 0px 4px 4px rgb(50 50 71 / 8%), 0px 4px 8px rgb(50 50 71 / 6%);
    background-color: #FF4865;
    overflow: hidden;	
}
.gameBody[data-gameType='basket'] .basketDamageScale,
.gameBody[data-gameType='catchTheWords'] .basketDamageScale,
.gameBody[data-gameType='shootingRange'] .basketDamageScale{
	position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    background-color: #85D51F;
    transition-property: width;
    transition-duration: 0.5s;	
}
.gameBody[data-gameType='basket'] .pauseButtonWrapper,
.gameBody[data-gameType='catchTheWords'] .pauseButtonWrapper{
	position: absolute;
	top: 0;
	right: 0;
}
.gameBody[data-gameType = 'basket'].gamePaused .taskWrapper,
.gameBody[data-gameType = 'basket'].gamePaused .basketDamagePanelWrapper{
    opacity: 0.7;
}
.gameBody[data-gameType = 'basket'] .taskWrapper,
.gameBody[data-gameType = 'basket'] .basketDamagePanelWrapper{
    transition-property: opacity;
    transition-duration: 0.5s;
}

[data-gameType = 'basket'].gamePaused .basisElement .box3dSide{
	opacity: 0.4;
}
[data-gameType = 'basket'].gamePaused .gameField{
	background-color: rgba(0,0,0,0.2);
}
.gameBody[data-gameType='basket'] .basketEl > [data-sideType = 'front']::after{
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-position: center center;	
	background-repeat: no-repeat;
//	background-size: 70% auto;
//	background-image: url('../images/tests/basket/maximusLogo.png');
	transform: translateZ(1px);
	background-size: 50% auto;
	background-image: url('../images/main/maxiLogoSimple.png');
	
}
.gameBody[data-gameType='basket'] .laserBeam .box3dSide{
	position: absolute !important;
}
.gameBody[data-gameType='basket'] .fieldImage{
	position: absolute;
	transform: rotateX(-90deg);
	transform-origin: center bottom;	
}
.gameBody[data-gameType='basket'] .fieldImage .innerEl{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-size: 100% 100%;
	background-repeat: no-repeat;	
	transform-origin: center center;	
}
.gameBody[data-gameType='basket'] .fieldImage.letterExplosion .innerEl{
	background-image: url('../images/tests/basket/explosionFlame.png');
}
.gameBody[data-gameType='basket'] .fieldImage.shootingSmoke .innerEl{
	background-image: url('../images/tests/basket/explosionHit.png');
}
/*-- basket end --*/
/*-- catchTheWords --*/
.gameBody[data-gameType='catchTheWords']{
	
}
/*[data-gameType = 'catchTheWords'] .taskWrapper{
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    height: 150px;
    perspective: 300px;
    transform-style: preserve-3d;
}
.gameBody[data-gameType='catchTheWords'] .pauseButtonWrapper{
    position: absolute;
    top: 0;
    right: 0;
}*/
/*.gameBody[data-gameType='catchTheWords'] .gameDirectionButtons{
    position: absolute;
    right: 0;
    bottom: 10px;
    opacity: 0.7;
}*/
[data-gameType = 'catchTheWords'] .gameFieldWrapper{
    margin-top: 24px;
	perspective: 1700px;
}
[data-gameType = 'catchTheWords'] .gameField{
    background-color: rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 8px 16px rgb(50 62 71 / 6%), inset 0px 8px 8px rgb(50 65 71 / 8%);
    border-radius: 12px;
    position: relative;
    transition-property: background-color;
    transition-duration: 0.5s;
}
[data-gameType = 'catchTheWords'] .gameFieldSecondWrapper,
[data-gameType = 'shootingRange'] .gameFieldSecondWrapper{
//	margin: 0 auto;
	position: relative;	
}

[data-gameType = 'catchTheWords'] .gameFieldWrapper{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	flex-shrink: 0;
}
[data-gameType = 'catchTheWords'] .gameFieldWrapper > *:nth-of-type(1n + 2):not(.gameDirectionButtons){
//	margin-left: 24px;
	margin-left: 12px;
} 
.gameBody[data-gameType = 'catchTheWords'] .taskWrapper,
.gameBody[data-gameType = 'catchTheWords'] .pauseButtonWrapper{
	position: relative;
	top: auto;
	left: auto;
	right: auto;
}
.gameBody[data-gameType = 'catchTheWords'] .basketEl{
	position: absolute;
	box-sizing: border-box;	
	bottom: 0;
//	border: 1px solid black;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url('../images/tests/catchTheWords/basketA.png');
}
.gameBody[data-gameType = 'catchTheWords'] .wordEl{
	position: absolute;
	box-sizing: border-box;

	overflow: hidden;
	
	box-shadow: 0px 8px 16px rgb(50 50 71 / 6%), 0px 8px 8px rgb(50 50 71 / 8%);	
	
}
.gameBody[data-gameType = 'catchTheWords'] .wordEl,
.gameBody[data-gameType = 'catchTheWords'] .taskCard > *,
.gameBody[data-gameType = 'shootingRange'] .taskCard,
.gameBody[data-gameType = 'shootingRange'] .targetEl{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	text-align: center;	
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;	
	background-color: #ffffff;	
}



[data-gameType = 'catchTheWords'] .taskCard,
[data-gameType = 'shootingRange'] .taskCard{
	font-size: 20px;
}
.gameBody[data-gameType = 'catchTheWords'][data-gameMode = 'image-image'] .wordEl,
.gameBody[data-gameType = 'catchTheWords'][data-gameMode = 'word-image'] .wordEl{
/*	box-shadow: 0px 8px 16px rgb(50 50 71 / 6%), 0px 8px 8px rgb(50 50 71 / 8%);
	border-radius: 12px;
	background-color: #ffffff;*/
	border-radius: 12px;
}
.gameBody[data-gameType = 'catchTheWords'][data-gameMode = 'image-word'] .wordEl,
.gameBody[data-gameType = 'catchTheWords'][data-gameMode = 'word-word'] .wordEl,
.gameBody[data-gameType = 'shootingRange'][data-gameMode = 'image-word'] .targetEl,
.gameBody[data-gameType = 'shootingRange'][data-gameMode = 'word-word'] .targetEl{
	font-size: 20px;
	border-radius: 8px;
}

.gameBody[data-gameType = 'catchTheWords'][data-clickCatchMode] .wordEl{
	cursor: pointer;
	
}
.gameBody[data-gameType = 'catchTheWords'] .wordEl.caught{
	pointer-events: none;
	cursor: auto;
}
.gameBody[data-gameType = 'catchTheWords'][data-clickCatchMode] .wordEl.caught,
.gameBody[data-gameType = 'catchTheWords'].gamePaused .wordEl{
	cursor: auto;
}

[data-gameType = 'catchTheWords'] .pointsNumWrapp,
[data-gameType = 'shootingRange'] .pointsNumWrapp{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
	z-index: 1;
	pointer-events: none;
}
[data-gameType = 'catchTheWords'] .pointsNumWrapp .pointsNum,
[data-gameType = 'shootingRange'] .pointsNumWrapp .pointsNum{
    position: relative;
	top: -40px;
    min-width: 115px;
    height: 95px;
    font-size: 24px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url(../images/main/statPanRightEl.png); 
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    color: #494953;
    font-weight: bold;
    padding: 0 20px;
    box-sizing: border-box;	
}

.gameBody[data-gameType = 'catchTheWords'] .taskWrapper,
.gameBody[data-gameType = 'catchTheWords'] .basketDamagePanelWrapper,
.gameBody[data-gameType = 'catchTheWords'] .gameFieldSecondWrapper,

.gameBody[data-gameType = 'shootingRange'] .taskWrapper,
.gameBody[data-gameType = 'shootingRange'] .basketDamagePanelWrapper,
.gameBody[data-gameType = 'shootingRange'] .gameFieldSecondWrapper,
.gameBody[data-gameType = 'shootingRange'] .gameDirectionButtons,
.gameBody[data-gameType = 'shootingRange'] .bulletsClip{
    transition-property: opacity;
    transition-duration: 0.5s;
}

.gameBody[data-gameType = 'catchTheWords'].gamePaused .taskWrapper,
.gameBody[data-gameType = 'catchTheWords'].gamePaused .basketDamagePanelWrapper,
.gameBody[data-gameType = 'catchTheWords'].gamePaused .gameFieldSecondWrapper,

.gameBody[data-gameType = 'shootingRange'].gamePaused .taskWrapper,
.gameBody[data-gameType = 'shootingRange'].gamePaused .basketDamagePanelWrapper,
.gameBody[data-gameType = 'shootingRange'].gamePaused .gameFieldSecondWrapper{
    opacity: 0.7;
}
.gameBody[data-gameType = 'shootingRange'].gamePaused .gameDirectionButtons,
.gameBody[data-gameType = 'shootingRange'].gamePaused .bulletsClip{
	opacity: 0.4;
}
.gameBody[data-gameType='catchTheWords'] .gameDirectionButtons{
	display: none;
}
.gameBody[data-gameType='catchTheWords'] .gameDirectionButtons.visible{
	display: flex;
}

/*-- catchTheWords end --*/
/*-- shootingRange --*/
[data-gameType = 'shootingRange'] .gameField{
	overflow: hidden;
}
[data-gameType = 'shootingRange'] .gameFieldWrapper{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    flex-shrink: 0;
	margin-top: 24px;
    perspective: 1700px;	
}
[data-gameType = 'shootingRange'] .taskWrapper{
	width: 150px;
	height: 150px;
	perspective: 300px;
	transform-style: preserve-3d;
}
[data-gameType = 'shootingRange'] .gameFieldSecondWrapper{
	width: 900px;
}
[data-gameType = 'shootingRange'] .gameFieldWrapper > *:nth-of-type(1n + 2){
	margin-left: 15px;
}
[data-gameType = 'shootingRange'] .shootingRangeRow{
	padding-top: 25px;
	pointer-events: none;
    z-index: 1;
    position: relative;
}	
[data-gameType = 'shootingRange'] .shootingRangeRow:nth-of-type(1n + 4){
	margin-top: -35px;
}
[data-gameType = 'shootingRange'] .footing{
//	height: 50px;
	height: 30px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url('../images/tests/shootingRange/footing.png');
	pointer-events: auto;	
	position: relative;
}
[data-gameType = 'shootingRange'] .shootingRangeTrack{
	position: relative;
	z-index: 1;
}
[data-gameType = 'shootingRange'] .shootingRangeTrackInnerEl{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
[data-gameType = 'shootingRange'] .targetWrapper{
	bottom: 0;
	position: absolute;	
	z-index: 1;
}
[data-gameType = 'shootingRange'] .targetSecondWrapper{
//	transform-origin: center bottom;
	transform-origin: center bottom;
}
[data-gameType = 'shootingRange'] .targetSecondWrapper{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
}


[data-gameType = 'shootingRange'] .gameField{
	perspective: 5000px;
	cursor: url(../images/tests/shootingRange/aim.png) 50 50, pointer;
}
[data-gameType = 'shootingRange'] .techField{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	overflow: hidden;
}
[data-gameType = 'shootingRange'] .bulletHolesEl,
[data-gameType = 'shootingRange'] .bulletHolesElTech{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;	
}
[data-gameType = 'shootingRange'] .bulletHolesEl{
	z-index: 1;
}

[data-gameType = 'shootingRange'] .gameField,
[data-gameType = 'shootingRange'] .shootingRangeRow,
[data-gameType = 'shootingRange'] .shootingRangeTrack,
[data-gameType = 'shootingRange'] .targetWrapper
{
	transform-style: preserve-3d;
}

[data-gameType = 'shootingRange'] .apponentEl{
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
    background-color: #ffffff;
	box-shadow: 0px 8px 16px rgb(50 50 71 / 6%), 0px 8px 8px rgb(50 50 71 / 8%);	
	border-radius: 12px;
//	border-bottom-right-radius: 0;
//	border-bottom-left-radius: 0;
	position: absolute;
	bottom: 0
}
[data-gameType = 'shootingRange'] .apponentEl.police{
	background-image: url('../images/tests/shootingRange/apponents/police.png');
}
[data-gameType = 'shootingRange'] .apponentEl.bandit{
//	background-image: url('../images/tests/shootingRange/apponents/bandit.png');
}
[data-gameType = 'shootingRange'] .apponentsEl{
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	bottom: 0;
	width:100px;	
	z-index: 2;	
	pointer-events: auto;
	transform-style: preserve-3d;
}


[data-gameType = 'shootingRange'] .targetEl{
	width: 100px;
	height: 100px;
	border-radius: 12px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    text-align: center;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #ffffff;
	box-shadow: 0px 8px 16px rgb(50 50 71 / 6%), 0px 8px 8px rgb(50 50 71 / 8%);	
//	background-image: url('../images/tests/shootingRange/words/crocodile.png'); 	
}
[data-gameType = 'shootingRange'] .targetWrapper{
	pointer-events: none;
}
[data-gameType = 'shootingRange'] .targetEl{
	pointer-events: auto;
}

[data-gameType = 'shootingRange'] .targetBar{
	width: 11px;
	height: 40px;
//	background-color: #3a3635;
	background-color: #8d8c8b;
}
[data-gameType = 'shootingRange'] .fieldImage{
	position: absolute;
	z-index: 1;
}
[data-gameType = 'shootingRange'] .screenImage{
	z-index: 1;
	position: absolute;
}
[data-gameType = 'shootingRange'] .screenImage::after{
	display: block;
	content: '';
}
[data-gameType = 'shootingRange'] .fieldImageInnerEl,
[data-gameType = 'shootingRange'] .screenImage::after{
	width: 100%;
	height: 100%;
	position: relative;
	left: -50%;
	top: -50%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;	
}
[data-gameType = 'shootingRange'] .screenImage.bulletHoleBandit::after{
	background-image: url('../images/tests/shootingRange/bulletHoleBandit.png');
}
[data-gameType = 'shootingRange'] .screenImage.banditShotShards{
	width: 100px;
	height: 100px;
}
[data-gameType = 'shootingRange'] .screenImage.banditShotShards::after{
	background-image: url('../images/tests/shootingRange/banditShotShards.png');
}

[data-gameType = 'shootingRange'] .shootingFlame{
	width: 70px;
	height: 70px;	
}
[data-gameType = 'shootingRange'] .shootingFlame .fieldImageInnerEl{
	background-image: url('../images/tests/shootingRange/shootingFlame.png');
}
[data-gameType = 'shootingRange'] .shootingFlameBandit{
	width: 70px;
	height: 70px;	
}
[data-gameType = 'shootingRange'] .shootingFlameBandit .fieldImageInnerEl{
	background-image: url('../images/tests/shootingRange/shootingFlameBandit.png');
}
[data-gameType = 'shootingRange'] .targetShards{
	width: 50px;
	height: 50px;		
}
[data-gameType = 'shootingRange'] .targetShards .fieldImageInnerEl{
	background-image: url('../images/tests/shootingRange/targetShards.png');
}
[data-gameType = 'shootingRange'] .bulletHole{
	width: 50px;
	height: 50px;		
}
[data-gameType = 'shootingRange'] .bulletHole .fieldImageInnerEl{
	background-image: url('../images/tests/shootingRange/bulletHole.png');
}
[data-gameType = 'shootingRange'] .footingSparks{
	width: 50px;
	height: 50px;		
}
[data-gameType = 'shootingRange'] .footingSparks .fieldImageInnerEl{
	background-image: url('../images/tests/shootingRange/footingSparks.png');
}




[data-gameType = 'shootingRange'] .footingCrack{
	height: 100%;	
	position: absolute;
	top: 0;	
}
[data-gameType = 'shootingRange'] .footingCrackInnerEl{
	width: 100%;
	height: 100%;
	position: relative;
	left: -50%;
	top: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url('../images/tests/shootingRange/crack.png');	
}
[data-gameType = 'shootingRange'] .gameDirectionButtons .reload{
	background-image: url('../images/tests/shootingRange/clip.png');
	background-size: auto 80%;		
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
[data-gameType = 'shootingRange'] .gameDirectionButtons .reload::before{
	display: block;
	content: '';
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url('../images/tests/shootingRange/reloadClip.png');
	height: 90%;
	aspect-ratio: 1 / 1;
}
[data-gameType = 'shootingRange'] .gameDirectionButtons .reload.reloadingNotification::before{
	background-image: url('../images/tests/shootingRange/reloadClipHighlighted.png');
}
[data-gameType = 'shootingRange'] .gameDirectionButtons .reload.reloadingNotification::before{
	animation-name: SR_reloadArrowsAnim;
	animation-duration: 3s;
	animation-fill-mode: both;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
@keyframes SR_reloadArrowsAnim{
	from{
		transform: rotateZ(0);
	}to{
		transform: rotateZ(360deg);
	}
}
[data-gameType = 'shootingRange'] .gameDirectionButtons .reload.reloadingNotification{
	animation-name: SR_reloadButtonAnim;
	animation-duration: 1s;
	animation-fill-mode: both;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-direction: alternate;	
	transform-origin: center bottom;
}
@keyframes SR_reloadButtonAnim{
	from{
		transform: scale(1);
	}to{
		transform: scale(1.7);
	}
}
[data-gameType = 'shootingRange'] .bulletsClip{
	position: absolute;
	bottom: 10px;
	left: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;	
//	opacity: 0.7;
	pointer-events: none;
}
[data-gameType = 'shootingRange'] .bulletsClip > *:nth-of-type(1n + 2){
	margin-left: 10px;
}
[data-gameType = 'shootingRange'] .bulletFirstWrap{
	width: 25px;
}
[data-gameType = 'shootingRange'] .infinitySymbol{
	width: 150px;
	opacity: 0.7;
}
[data-gameType = 'shootingRange'] .gameDirectionButtons.invisible{
	display: none;
}
[data-gameType = 'shootingRange'] .pointsNumChangingIndicator{
	position: absolute;
	font-size: 24px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	z-index: 1;
}
[data-gameType = 'shootingRange'] .pointsNumChangingIndicator.right{
	color: #6979F8;
}
[data-gameType = 'shootingRange'] .pointsNumChangingIndicator.wrong{
	color: #FF4865;
}
[data-gameType = 'shootingRange'] .techScreenEl{
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	pointer-events: none;
	z-index: 1;
	overflow: hidden;
}
[data-gameType = 'shootingRange'] .shootingFlashLight{
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: white;
//	background-color: #f7b400;
//	background-color: #ff4e00;
//	background-color: #ffa983;
}
/*
.gameFieldSecondWrapper{
	width: 200px !important;
}*/
[data-gameType = 'shootingRange'] .taskCardSoundIndicatorWrapp{
	position: absolute;
	right: 0;
	top: 0;
	width: 25%;
	height: 25%;	
}
[data-gameType = 'shootingRange'] .taskCardSoundIndicator{
	position: relative;
	left: 50%;
	top: -30%;
	width: 100%;
	height: 100%;
	background-color: #2DBECD;
	border-radius: 50%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 70% auto;
	background-image: url('../images/main/volume.png');
//	opacity: 0.8;
}
/*-- shootingRange end --*/
/*-- dragThePieces --*/
[data-gameType = 'dragThePieces'] .gameField{
	padding-top: 20px;
	padding-bottom: 20px;
	perspective: 800px;
}
[data-gameType = 'dragThePieces'] .gameMainEl{
	overflow: hidden;
}
[data-gameType = 'dragThePieces'] .gameField,
[data-gameType = 'dragThePieces'] .gameColumns,
[data-gameType = 'dragThePieces'] .gameColumn{
	transform-style: preserve-3d;
}
[data-gameType = 'dragThePieces'] .gameColumns{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
} 
[data-gameType = 'dragThePieces'] .gameColumn{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	position: relative;
}
[data-gameType = 'dragThePieces'] .gamePiece{
	width: 110px;
	height: 110px;
	background-color: #ffffff;
	box-shadow: 0px 8px 16px rgb(50 50 71 / 6%), 0px 8px 8px rgb(50 50 71 / 8%);
	cursor: pointer;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	position: relative;
	overflow: hidden;
	font-size: 24px;		
	transition-property: color, box-shadow;
	transition-duration: 0.5s;
	position: relative;
}
body [data-gameType = 'dragThePieces'] .gamePiece.promptPiece{
	margin-top: 0;
//	opacity: 0.8;
	transition-duration: 0s;	
}
/*
body [data-gameType = 'dragThePieces'] .gamePiece.promptPiece .text > *{
	transition-duration: 0s !important;
	transition-property: none !important;
}*/
/*.promptPiece{}*/
[data-gameType = 'dragThePieces'] .promptPieceWrapp{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	display: block;
}
[data-gameType = 'dragThePieces'] .gamePiece,
[data-gameType = 'dragThePieces'] .gamePiece .picture{
	border-radius: 10px;	
}
[data-gameType = 'dragThePieces'] .gamePiece > *{
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: auto;
}
[data-gameType = 'dragThePieces'] .gamePiece .text{
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
//	align-content: center;
	align-items: center;
	
/*	flex-direction: column;
	justify-content: center;
	align-*/
}

[data-gameType = 'dragThePieces'] .gamePiece .text p{
	text-align: center;
}
[data-gameType = 'dragThePieces'] .gamePiece[data-leftPieceAlign] .text{
	align-items: flex-start;
}
[data-gameType = 'dragThePieces'] .gamePiece[data-leftPieceAlign] .text p{
	text-align: left;
}
[data-gameType = 'dragThePieces'] .picture{
//	background-color: green;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	box-shadow: 0px 4px 8px rgb(50 50 71 / 6%), 0px 4px 4px rgb(50 50 71 / 8%);	
}
[data-gameType = 'dragThePieces'] [data-type = 'soundButtonPiece'] .picture{
	background-size: 70% auto;
}
[data-gameType = 'dragThePieces'] .gamePiece .picture{
	border-top-right-radius: 0;	
	border-bottom-right-radius: 0;	
}
[data-gameType = 'dragThePieces'] .text{
//	background-color: blue;
	flex-basis: 0;
}

/*-- размеры по типам --*/
[data-gameType = 'dragThePieces'] .gamePiece .picture{
	width: 110px;
	height: 110px;
}
[data-gameType = 'dragThePieces'] [data-sizeType = 'huge'] .gamePiece{
	width: 250px;
	height: 250px;
}
[data-gameType = 'dragThePieces'] [data-sizeType = 'huge'] .gamePiece .picture{
	width: 250px;
	height: 250px;
}
[data-gameType = 'dragThePieces'] [data-sizeType = 'big'] .gamePiece{
	width: 170px;
	height: 170px;
}
[data-gameType = 'dragThePieces'] [data-sizeType = 'big'] .gamePiece .picture{
	width: 170px;
	height: 170px;
}
[data-gameType = 'dragThePieces'] [data-sizeType = 'narrow'] .gamePiece{
	width: 50px;
	height: 50px;
}
[data-gameType = 'dragThePieces'] [data-sizeType = 'narrow'] .gamePiece .picture{
	width: 50px;
	height: 50px;
}
[data-gameType = 'dragThePieces'] .text{
	height: 100%;
	padding: 0 10px;
	box-sizing: border-box;
}
[data-gameType = 'dragThePieces'] .gamePiece[data-size = '1.5']{
	width: 165px;
}
[data-gameType = 'dragThePieces'] .gamePiece[data-size = '2']{
	width: 220px;
}
[data-gameType = 'dragThePieces'] .gamePiece[data-size = '2.5']{
	width: 275px;
}
[data-gameType = 'dragThePieces'] .gamePiece[data-size = '3']{
	width: 340px;
}
[data-gameType = 'dragThePieces'] .gamePiece[data-size = '3.5']{
	width: 395px;
}
[data-gameType = 'dragThePieces'] .gamePiece[data-size = '4']{
	width: 460px;
}
[data-gameType = 'dragThePieces'] .gamePiece[data-size = '4.5']{
	width: 515px;
}
[data-gameType = 'dragThePieces'] .gamePiece[data-size = '5']{
	width: 580px;
}
[data-gameType = 'dragThePieces'] .gamePiece{
	margin-top: 10px;	
}
[data-gameType = 'dragThePieces'] .gameColumn:nth-of-type(1n + 2){
	margin-left: 25px;
}
/*-- размеры по типам завершение --*/
[data-gameType = 'dragThePieces'] .gamePiece[data-correcntess = 'right']{
	box-shadow: 0 0 0 3px #a0e066;
	color: #a0e066 !important;
}
[data-gameType = 'dragThePieces'] .gamePiece[data-correcntess = 'wrong']{
	box-shadow: 0 0 0 3px #ff4865;
	color: #ff4865 !important;
} 
[data-gameType = 'dragThePieces'][data-competitionMode] .gameFieldWrapper{
	margin-top: 20px;
}
[data-gameType = 'dragThePieces'][data-competitionMode] .gameFieldWrapper{
	padding-top: 30px;
}
/*-- dragThePieces end --*/
/*-- colorMusic --*/
[data-gameType = 'gamesChooser'] .gameField{
	padding-top: 20px;
	padding-bottom: 20px;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	color: #494953;
}
.colorCardsWrapper{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;	
/	perspective: 800px;
}
.colorCardsWrapper, .colorCards{
	transform-style: preserve-3d;
}
.colorCards{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-content: start;
	font-size: 24px;
	position: relative;
}

.colorCards .colorCard{
	background-color: #ffffff;
	border-radius: 10px;
	box-shadow: 0px 8px 16px rgb(50 50 71 / 6%), 0px 8px 8px rgb(50 50 71 / 8%);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	transition-property: color, background-color, transform;
	transition-duration: 1s;
	position: relative;	
	text-align: center;
}
.colorCards .colorCard[data-status = 'active']{
	color: white;
	transition-duration: 0.2s;
}
.colorCards .colorCard[data-status = 'chosen']{
	box-shadow: 0 0 0 3px #a0e066;
	color: #a0e066;	
	cursor: pointer;
	z-index: 1;
}
.colorCards .colorCard[data-status = 'disabled']{
	transition-property: transform, color, background-color;
	transform: scale(0.8);
	transition-duration: 0.7s;
	color: rgba(200,200,200);
}
[data-gameType = 'gamesChooser'] .cardsPagesPagination{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	margin-top: 20px;	
	color: #0c9bcb;
}
[data-gameType = 'gamesChooser'] .cardsPagesPagination > li:nth-of-type(1n + 2){
	margin-left: 10px;
}
[data-gameType = 'gamesChooser'] .cardsPagesPagination > li > a{
	cursor: pointer;
	font-size: 26px;
	transition-property: color;
	transition-duration: 0.5s;
}
[data-gameType = 'gamesChooser'] .cardsPagesPagination > li > a:hover{
	color: #fbae16;
}
[data-gameType = 'gamesChooser'] .cardsPagesPagination > li > a[data-status = 'active']{
	color: #010101;
	cursor: auto;
}
[data-gameType = 'gamesChooser'] .cardsPagesPagination > li > a[data-status = 'empty']{
	color: rgba(200,200,200);
	cursor: auto;
}	

/*-- colorMusic завершение --*/
/*-- Модуль статистики --*/
[data-gameType = 'gamesStatistics'] table.gamesStatisticsTable{
	border-collapse: collapse;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
[data-gameType = 'gamesStatistics'] table.gamesStatisticsTable td,
[data-gameType = 'gamesStatistics'] table.gamesStatisticsTable th{
	padding: 5px;
	white-space: nowrap;
}
[data-gameType = 'gamesStatistics'] table.gamesStatisticsTable td,
[data-gameType = 'gamesStatistics'] table.gamesStatisticsTable th,
[data-gameType = 'gamesStatistics'] table.gamesStatisticsTable{
	border: 1px solid black;
}
[data-gameType = 'gamesStatistics'] .gamesStatisticsTables{
/*	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;*/
}
[data-gameType = 'gamesStatistics'] .gamesStatisticsTables > *:nth-of-type(1n + 1){
	margin-top: 20px;
}
[data-gameType = 'gamesStatistics'] .gamesStatisticsTableWrapper{

}
[data-gameType = 'gamesStatistics'] .tableName{
	padding-bottom: 10px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

[data-gameType = 'gamesStatistics'] .rusGameName{
	margin-right: 0.2em;
}
[data-gameType = 'gamesStatistics'] .gameNameWrapp{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}
[data-gameType = 'gamesStatistics'] .rusGameName::first-letter{
	text-transform: uppercase;
}
[data-gameType = 'gamesStatistics'] .commonStatisticsTable{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	margin-top: 20px;
}
[data-gameType = 'gamesStatistics'] .gamesStatisticsPagination{
	display: flex;
	flex-direction: row;
	flex-srap: nowrap;
	justify-content: center;
	align-items: center;
	font-size: 22px;
}
[data-gameType = 'gamesStatistics'] .gamesStatisticsPagination > li:nth-of-type(1n + 2){
	margin-left: 20px;
}
[data-gameType = 'gamesStatistics'] .gamesStatisticsPagination > li > a{
	display: block;
	color: blue;
	cursor: pointer;
}
[data-gameType = 'gamesStatistics'] .gamesStatisticsPagination > li > a[data-status = 'current']{
	color: inherit;
}
[data-gameType = 'gamesStatistics'] .hiddenTable{
	display: none;
}
[data-gameType = 'gamesStatistics'] .scheduleCell{
	width: 300px;
}
[data-gameType = 'gamesStatistics'] .scheduleBar{
	background-color: #85D51F;
	width: 100%;
	height: 10px;
}
/*-- Модуль статистики завершение --*/
/*-- guessTheWord --*/
[data-gameType = 'guessTheWord'] .gameField,
[data-gameType = 'guessTheWord'] .mainElements,
[data-gameType = 'guessTheWord'] .wordCellsRows,
[data-gameType = 'guessTheWord'] .wordCellsRow,
[data-gameType = 'guessTheWord'] .wordCell,
[data-gameType = 'guessTheWord'] .sidesWrapp{
	transform-style: preserve-3d;
}
[data-gameType = 'guessTheWord'] .gameField{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	perspective: 800px;
	padding-top: 16px;
}
[data-gameType = 'guessTheWord'] .wordCellsRow{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
}
[data-gameType = 'guessTheWord'] .wordCellsRow .wordCell{
	width: 58px;
	height: 58px;
	box-sizing: border-box;
	position: relative;	
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
}
[data-gameType = 'guessTheWord'] .wordCellsRow .wordCell .sidesWrapp,
[data-gameType = 'guessTheWord'] .wordCellsRow .wordCell .sidesWrapp > div,
[data-gameType = 'guessTheWord'] .wordCellsRow .promptEl{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}
[data-gameType = 'guessTheWord'] .wordCellsRow .wordCell .sidesWrapp > div,
[data-gameType = 'guessTheWord'] .wordCellsRow .promptEl{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;	
	backface-visibility: hidden;
}
[data-gameType = 'guessTheWord'] .wordCellsRow .promptEl.right{
	background-color: #76D51F;
}
[data-gameType = 'guessTheWord'] .wordCellsRow .promptEl.wrong{
	background-color: #FF4865;
}
[data-gameType = 'guessTheWord'] .wordCellsRow .promptEl.empty{
	background-color: #FFA800;
}
[data-gameType = 'guessTheWord'] .wordCellsRow .wordCell .frontSide{
	border: 2px solid #d3d6da;
}
[data-gameType = 'guessTheWord'] .wordCellsRow .wordCell .backSide{
//	transform: rotateX(-180deg) scaleY(-1);
	transform: rotateX(-180deg);
}
[data-gameType = 'guessTheWord'] .wordCellsRow:nth-of-type(1n + 2) .wordCell{
	margin-top: 5px;
}
[data-gameType = 'guessTheWord'] .wordCell:nth-of-type(1n + 2){
	margin-left: 5px;
}
[data-gameType = 'guessTheWord'] .wordCell .sidesWrapp > div[data-status = 'notPresentsInTheWord'],
[data-gameType = 'guessTheWord'] .wordCell .sidesWrapp > div[data-status = 'presentsInTheWord'],
[data-gameType = 'guessTheWord'] .wordCell .sidesWrapp > div[data-status = 'locatedInCorrectPosition'],
[data-gameType = 'guessTheWord'] .wordCellsRow .promptEl,
[data-gameType = 'guessTheWord'] .virtualKeyboard .virtualButton[data-status = 'notPresentsInTheWord'],
[data-gameType = 'guessTheWord'] .virtualKeyboard .virtualButton[data-status = 'presentsInTheWord'],	
[data-gameType = 'guessTheWord'] .virtualKeyboard .virtualButton[data-status = 'locatedInCorrectPosition']{
	color: white;
	border: none;
}
[data-gameType = 'guessTheWord'] .wordCellsRow .promptEl{
	
}
[data-gameType = 'guessTheWord'] .wordCell .sidesWrapp > div[data-status = 'filled']{
	border-color: #878a8c; 
}
[data-gameType = 'guessTheWord'] .wordCell .sidesWrapp > div[data-status = 'notPresentsInTheWord'],
[data-gameType = 'guessTheWord'] .virtualKeyboard .virtualButton[data-status = 'notPresentsInTheWord']{
	background-color: #787c7e;
}
[data-gameType = 'guessTheWord'] .wordCell .sidesWrapp > div[data-status = 'presentsInTheWord'],
[data-gameType = 'guessTheWord'] .virtualKeyboard .virtualButton[data-status = 'presentsInTheWord']{
	background-color: #FFA800;
}
[data-gameType = 'guessTheWord'] .wordCell .sidesWrapp > div[data-status = 'locatedInCorrectPosition'],
[data-gameType = 'guessTheWord'] .virtualKeyboard .virtualButton[data-status = 'locatedInCorrectPosition']{
	background-color: #76D51F;
}
[data-gameType = 'guessTheWord'] .wordCell .sidesWrapp > div.errorCell{
	box-shadow: 0 0 3px 2px #ff4865;
}
[data-gameType = 'guessTheWord'] .roundPictureWrapp{
	position: fixed;
	left: 0;
	top: 0;	
	width: 100vw;
	height: 100vh;
	z-index: 3;
//	background-color: rgba(0,0,0,0.5);
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	pointer-events: none;
}
[data-gameType = 'guessTheWord'] .roundPicture{
	width: 350px;
	height: 350px;
	background-position: center center;
	align-items: center;
	box-shadow: 0px 24px 32px rgb(50 50 71 / 8%), 0px 16px 16px rgb(50 50 71 / 8%);
	border-dadius: 12px;
	background-color: #FBFBFD;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 12px;
}
[data-gameType = 'guessTheWord'] .mainElements{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;	
}
[data-gameType = 'guessTheWord'] .mainElements > *{
	flex-shrink: 0;
}
[data-gameType = 'guessTheWord'] .mainElements {
	flex-shrink: 1;
}
.virtualKeyboard{
	width: 484px;
	font-size: 16px;
	padding-top: 20px;	
}
.virtualKeyboard[data-keyboardLayout = 'russian']{
	width: 584px;	
}
.virtualKeyboard .virtualKeyboardRow{
	display: flex;
	flex-directin: row;
	flex-wrap: nowrap;
	justify-content: center;
}
.virtualKeyboard .virtualKeyboardRow:nth-of-type(1n + 2){
	margin-top: 8px;
}
.virtualKeyboard .virtualButton{
	flex-grow: 1;
	flex-shrink: 0;
	flex-basis: 0;
	background-color: #d3d6da;
	height: 58px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;	
	cursor: pointer;
	border-radius: 4px;
	font-weight: bold;
	text-transform: uppercase;
	transition-property: background-color, color;
	transition-duration: 0.5s;
}
.virtualKeyboard .virtualButton{
	
}
.virtualKeyboard .virtualButton:nth-of-type(1n + 2){
	margin-left: 8px;
}
.virtualKeyboard .spaceFiller.half{
	flex-grow: 0.5;
}
.virtualKeyboard .virtualButton[data-buttonType = 'enter'],
.virtualKeyboard .virtualButton[data-buttonType = 'del']{	
	text-transform: none;
	flex-grow: 1.5;
}
[data-gameType = 'guessTheWord'] .virtualKeyboardWrapper{
	display: flex;
	flex-direction: row;
	justify-content: center;
}
[data-gameType = 'guessTheWord'] .virtualKeyboard{
	display: none;
}
[data-gameType = 'guessTheWord'] .virtualKeyboard.visibleKeyboard{
	display: block;
}
/*-- guessTheWord завершение --*/
/*-- crossword --*/
[data-gameType = 'crossword'] .gameField{
    perspective: 800px;
    padding-top: 16px;	
}
[data-gameType = 'crossword'] .gameField,
[data-gameType = 'crossword'] .mainElements,
[data-gameType = 'crossword'] .cellsWrapper,
[data-gameType = 'crossword'] .crossWordTable,
[data-gameType = 'crossword'] .crossWordTable tbody,
[data-gameType = 'crossword'] .crossWordTable tr,
[data-gameType = 'crossword'] .crossWordTable tr td,
[data-gameType = 'crossword'] .crossWordTable .cellWrapp,
[data-gameType = 'crossword'] .crossWordTable .cell,

[data-gameType = 'crossword'] .descriptionsWrapper{
	transform-style: preserve-3d;
}

[data-gameType = 'crossword'] .mainElements{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
}
[data-gameType = 'crossword'] .crossWordTable{
	border-collapse: collapse;
}
[data-gameType = 'crossword'] .crossWordTable td{
	border: none;
	padding: 1px;
} 
[data-gameType = 'crossword'] .cellWrapp{
	position: relative;
	cursor: pointer;	
}
[data-gameType = 'crossword'] .crossWordTable .cell{
	width: 44px;
	height: 44px;
	background-color: #d3d6da;
//	border-radius: 5px;
	font-size: 22px;
	font-weight: bold;
	text-transform: uppercase;
	color: black;
	transition-property: background-color, color;
	transition-duration: 0.3s;
	position: relative;
	user-select: none
}
[data-gameType = 'crossword'] .crossWordTable .cell.empty{
	background-color: transparent;
	cursor: auto;
}
[data-gameType = 'crossword'] .crossWordTable .cell,
[data-gameType = 'crossword'] .crossWordTable .guessedCellCap,
[data-gameType = 'crossword'] .crossWordTable .promptEl{
	border-radius: 5px;	
}
[data-gameType = 'crossword'] .crossWordTable .guessedCellCap,
[data-gameType = 'crossword'] .crossWordTable .promptEl{
	width: 100%;
	height: 100%;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	color: white;	
}
[data-gameType = 'crossword'] .crossWordTable .guessedCellCap{
	background-color: #75d520;		
	box-shadow: inset -1px -1px 3px 2px rgba(100,100,100,0.6), inset 3px 3px 3px 0px rgba(255,255,255,0.6);
	z-index: 1;	
}
[data-gameType = 'crossword'] .crossWordTable .promptEl.empty{
	background-color: #FFA800;
}
[data-gameType = 'crossword'] .crossWordTable .promptEl.right{
	background-color: #76D51F;
}
[data-gameType = 'crossword'] .crossWordTable .promptEl.wrong{
	background-color: #FF4865;
}

[data-gameType = 'crossword'] .crossWordTable .cell[data-status = 'active']{
	background-color: #ade3ef;
}
[data-gameType = 'crossword'] .crossWordTable .cell[data-status = 'concomitant']{
	background-color: #d5ebf0;
}
[data-gameType = 'crossword'] .crossWordTable .cell[data-status = 'guessed']{
	cursor: auto;
}
[data-gameType = 'crossword'] .crossWordTable .cell.inGame,
[data-gameType = 'crossword'] .crossWordTable .guessedCellCap,
[data-gameType = 'crossword'] .crossWordTable .promptEl{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;	
} 
[data-gameType = 'crossword'] .descriptionsWrapper{
/*	width: 450px;
	margin-left: 16px;
	font-size: 20px;
	max-height: 550px;
	box-sizing: border-box;
	overflow-y: auto;
	color: #494953;
	line-height: 1.44;	*/
}
[data-gameType = 'crossword'] .descriptionsEl{
	width: 450px;
	margin-left: 16px;
	font-size: 20px;
	max-height: 550px;
	box-sizing: border-box;
	overflow-y: auto;
	color: #494953;
	line-height: 1.44;		
}
[data-gameType = 'crossword'][data-gameMode = 'images'] .descriptionsEl,
[data-gameType = 'crossword'][data-gameMode = 'soundButtons'] .descriptionsEl{
//	width: 294px;
	overflow-y: visible;
	max-height: none;
}
[data-gameType = 'crossword'][data-virtualKeyboardActivated] .descriptionsEl{
	overflow-y: visible;
}
[data-gameType = 'crossword'][data-gameMode = 'images'] .descriptionBlock,
[data-gameType = 'crossword'][data-gameMode = 'soundButtons'] .descriptionBlock{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;	
	justify-content: space-between;	
}
[data-gameType = 'crossword'][data-gameMode = 'soundButtons'] .imageEl{	
	background-size: 70% auto;
}
[data-gameType = 'crossword'][data-gameMode = 'soundButtons'] .imageEl[data-status = 'play']{
	background-image: url('../images/tests/dragThePieces/playButton.png');
}
[data-gameType = 'crossword'][data-gameMode = 'soundButtons'] .imageEl[data-status = 'pause']{
	background-image: url('../images/tests/dragThePieces/pauseButton.png');
}

/*
[data-gameType = 'crossword'][data-gameMode = 'images'] .wordDescription,
[data-gameType = 'crossword'][data-gameMode = 'soundButtons'] .wordDescription,
[data-gameType = 'crossword'][data-gameMode = 'images'] .wordDescription::before,
[data-gameType = 'crossword'][data-gameMode = 'soundButtons'] .wordDescription::before{
	width: 90px;
	height: 90px;
	border-radius: 12px;
}
[data-gameType = 'crossword'][data-gameMode = 'images'] .wordDescription::before,
[data-gameType = 'crossword'][data-gameMode = 'soundButtons'] .wordDescription::before{
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,0.3);	
}*/
[data-gameType = 'crossword'] .wordNum{
	position: absolute;
	left: 2px;
	top: 2px;
	font-size: 12px;	
	pointer-events: none;
	z-index: 2;	
}
[data-gameType = 'crossword'] .orientationName{
	font-weight: bold;
}
[data-gameType = 'crossword'][data-gameMode = 'images'] .orientationName,
[data-gameType = 'crossword'][data-gameMode = 'soundButtons'] .orientationName{
	margin-top: 8px;
}
[data-gameType = 'crossword'][data-gameMode = 'images'] .orientationName:nth-of-type(1),
[data-gameType = 'crossword'][data-gameMode = 'soundButtons'] .orientationName:nth-of-type(1){
	margin-top: 0;
}
[data-gameType = 'crossword'] .descriptionBlock .wordDescription{
	display: inline;	
	cursor: pointer;
}
[data-gameType = 'crossword'] .descriptionBlock .wordDescription:nth-last-of-type(1n + 2){
	margin-right: 0.4em;
}
[data-gameType = 'crossword'] .descriptionBlock .wordDescription.guessed{
	text-decoration: line-through;
}
[data-gameType = 'crossword'] .descriptWordNum{
	font-weight: bold;
	display: inline;
	margin-right: 0.4em;
}
[data-gameType = 'crossword'] .starsEffect{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(../images/tests/crossword/starsEffect.png);
	pointer-events: none;
}
[data-gameType = 'crossword'] .imageEl .wordNumEl{
	width: 24px;
	height: 24px;
	background-color: #2DBECD;
	font-size: 13px;
	font-weight: bold;
	border-radius: 50%;
	position: absolute;
	color: white;
	left: -6px;
	top: -6px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
[data-gameType = 'crossword'][data-muteCards] .imageEl,
[data-gameType = 'crossword'][data-muteCards] .descriptionBlock .wordDescription{
	cursor: auto;
}
[data-gameType = 'crossword'] .virtualKeyboardWrapper{
	display: none;
}
[data-gameType = 'crossword'] [data-key='Enter']{
	visibility: hidden;
}
[data-gameType = 'crossword'][data-virtualKeyboardActivated] .virtualKeyboardWrapper{
	display: flex;
	flex-direction: row;
	justify-content: center;
}
[data-gameType = 'crossword'][data-virtualKeyboardActivated] .gameMainEl{
	overflow-y: auto;
	flex-basis: 0;
}
[data-gameType = 'crossword'] .virtualKeyboard{
	display: none;
}
[data-gameType = 'crossword'] .virtualKeyboard.visibleKeyboard{
	display: block;
}


/*-- crossword завершение --*/
/*-- игры типа textsSecondType --*/
.textsSecondType{
	font-size: 24px;
}
.textsSecondType .gameField{
	padding: 24px 120px 0;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
}
.textsSecondType[data-imageMode] .gameField{
	padding: 24px 80px 0;
}
.textsSecondType .imageContainer{
	display: none;
}
.textsSecondType[data-imageMode] .imageContainer{
	display: block;
}
.textsSecondType .textAndImageWrapper{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
//	align-items: flex-start;
}
.textsSecondType.centralVerticalAlign .textAndImageWrapper{
	align-items: center;
}
.textsSecondType .textImage{
	width: 250px;
	height: 250px;
	margin-left: 110px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	box-shadow: 0px 8px 16px rgb(50 50 71 / 6%), 0px 8px 8px rgb(50 50 71 / 8%);
	border-radius: 12px;
	background-image: url('../images/tests/chooseTheVariant/words/round1.png');
	background-color: #FFFFFF;
	position: relative;
}
.textsSecondType .textImage.imageWithoutText{
	margin-left: 0;
}
.textsSecondType[data-textImageSizeType='big'] .textImage{
	width: 500px;
	height: 500px;	
}
.textsSecondType[data-textImageSizeType='middle'] .textImage{
	width: 375px;
	height: 375px;	
}
.textsSecondType .textContainer{
	line-height: 1.8;
	font-weight: 700;
}
.textsSecondType .fullSentencePlaybackButtonWrapp{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
	padding-top: 15px;
}
/*.textsSecondType .fullSentencePlaybackButtonWrapp.invisible{
	display: none;
}*/
/*-- игры типа textsSecondType завершение --*/
/*-- chooseTheVariant --*/
/*[data-gameType = 'chooseTheVariant'] .variantsButtons{
	padding-top: 22px;
}*/
[data-gameType = 'chooseTheVariant'] .gameField{
	overflow: hidden;
}
[data-gameType = 'chooseTheVariant'] .variantsContainer,
[data-gameType = 'chooseTheVariant'] .textContainer{
	font-size: 24px;
	font-weight: 700;
}
[data-gameType = 'chooseTheVariant'][data-littleText] .textContainer > *{
	font-size: 0.9em;
	line-height: 1.4;
	font-weight: normal;
}
[data-gameType = 'chooseTheVariant'][data-littleVariantsText] .variantsContainer > *{
	font-size: 0.9em;
	font-weight: normal;
}

[data-gameType = 'chooseTheVariant'][data-variantsContainerPosition = 'bottom'] .textAndVariantsContainersWrapper{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
}


[data-gameType = 'chooseTheVariant'][data-variantsContainerPosition = 'top'] .variantsContainer.bottomPosition{
	display: none;
}
[data-gameType = 'chooseTheVariant'][data-variantsContainerPosition = 'bottom'] .variantsContainer.topPosition{
	display: none;
}
[data-gameType = 'chooseTheVariant'] .variantButton{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	cursor: pointer;
	transition-duration: 0.5s;
	transition-property: color, border-color;
}
[data-gameType = 'chooseTheVariant'] .variantButton[data-correcntess = 'right']{
	color: #76D51F;
}
[data-gameType = 'chooseTheVariant'] .variantButton[data-correcntess = 'wrong']{
	color: #FF4865;
}
[data-gameType = 'chooseTheVariant'] .variantButton[data-correcntess = 'right'] .variantIndicator::before,
[data-gameType = 'chooseTheVariant'] .variantButton[data-correcntess = 'wrong'] .variantIndicator::before{
	display: none;
}
[data-gameType = 'chooseTheVariant'] .variantButton[data-correcntess = 'right'] .variantIndicator,
[data-gameType = 'chooseTheVariant'] .variantButton[data-correcntess = 'wrong'] .variantIndicator{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 50% auto;
	box-shadow: inset 0px 4px 8px rgb(50 50 71 / 6%), inset 0px 4px 4px rgb(50 50 71 / 8%);
}


[data-gameType = 'chooseTheVariant'] .variantButton[data-correcntess = 'right'] .variantIndicator{
	background-color: #76D51F;
	background-image: url('../images/main/okBack.png');
}
[data-gameType = 'chooseTheVariant'] .variantButton[data-correcntess = 'wrong'] .variantIndicator{
	background-color: #FF4865;
	background-image: url('../images/main/cancelBack.png');
}
[data-gameType = 'chooseTheVariant'] .variantButton .variantIndicator{
	display: block;
	content: '';
	width: 27px;
	height: 27px;
	box-shadow: inset 0px 4px 4px rgba(50, 50, 71, 0.08), inset 0px 4px 8px rgba(50, 50, 71, 0.06);
	border-radius: 50%;
	position: relative;
	margin-right: 12px;
	cursor: pointer;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	background-color: #FBFBFD;
	flex-shrink: 0;
}
[data-gameType = 'chooseTheVariant'][data-verbalMode] .variantButton .variantIndicator{
	display: none;
}
[data-gameType = 'chooseTheVariant'] .variantButton .variantIndicator::before{	
	content: '';
	display: block;
	opacity: 0;
	transition-property: opacity;
	transition-duration: 0.3s;	
	width: 63%;
	height: 63%;
	border-radius: 50%;
	background-color: #1D9FAD;
}
[data-gameType = 'chooseTheVariant'] .variantButton[data-active] .variantIndicator::before{
	opacity: 1;
}
[data-gameType = 'chooseTheVariant'] .cheatingIndicator{
	width: 35px;
	height: 35px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-right: 7px;	
}
[data-gameType = 'chooseTheVariant'] .cheatingIndicator.right{
	background-image: url(../images/tests/chooseTheVariant/ok.png);
}
[data-gameType = 'chooseTheVariant'] .cheatingIndicator.wrong{
	background-image: url(../images/tests/chooseTheVariant/cancel.png);	
}

[data-gameType = 'chooseTheVariant'][data-ansversType = 'radio']{
	
}
[data-gameType = 'chooseTheVariant'][data-ansversType = 'radio'] .variantsButtons{
	padding-top: 30px;
}
[data-gameType = 'chooseTheVariant'][data-ansversType = 'radio'] .variantsButtons > li:nth-of-type(1n + 2){
	margin-top: 25px;
}

[data-gameType = 'chooseTheVariant'][data-ansversType = 'buttons'] .variantsButtons{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;	
}
[data-gameType = 'chooseTheVariant'][data-ansversType = 'buttons'][data-variantsContainerPosition = 'bottom'] .variantsButtons{
//	width: 83%;
	margin-left: auto;
	margin-right: auto;
}
/*[data-gameType = 'chooseTheVariant'][data-ansversType = 'buttons'] .variantsButtons > li:nth-of-type(1n + 2){*/
[data-gameType = 'chooseTheVariant'][data-ansversType = 'buttons'] .variantsButtons > li{
	margin-left: 20px;
}
[data-gameType = 'chooseTheVariant'][data-ansversType = 'buttons'] .variantButton{
	height: 71px;
	background-color: #FFFFFF;
	border: 1px dashed #BBBBC5;
	border-radius: 8px;
	padding: 0 20px;
	margin-top: 20px;
}
[data-gameType = 'chooseTheVariant'][data-ansversType = 'buttons'][data-littleVariantsText] .variantButton{
	height: 64px;	
}	
/*[data-gameType = 'chooseTheVariant'][data-ansversType = 'buttons'] .variantButton .gameSoundButtonB{
	margin-left: 8px;
}*/
[data-gameType = 'chooseTheVariant'] .variantButton[data-correcntess = 'right']{
	border-color: #76D51F;
}
[data-gameType = 'chooseTheVariant'] .variantButton[data-correcntess = 'wrong']{
	border-color: #FF4865;
}
[data-gameType = 'chooseTheVariant'] .soundButtonContainer{
	display: none;
}
[data-gameType = 'chooseTheVariant'][data-soundButtonMode = 'listening'] .soundButtonContainer.topPosition,
[data-gameType = 'chooseTheVariant'][data-soundButtonMode = 'simple'] .soundButtonContainer.bottomPosition{
	display: block;
}
[data-gameType = 'chooseTheVariant'][data-soundButtonMode = 'listening'] .textContainer{
	display: none;
}
[data-gameType = 'chooseTheVariant'] .listeningSoundButton{
	width: 150px;
	height: 150px;
	border-radius: 50%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url('../images/tests/chooseTheVariant/multimediaButtons/playButton.png');
	cursor: pointer;	
}
[data-gameType = 'chooseTheVariant'] .listeningSoundButton.playing{
	background-image: url('../images/tests/chooseTheVariant/multimediaButtons/pauseButton.png');
}
[data-gameType = 'chooseTheVariant'] .textParagraps > p{
	transition-property: color;
	transition-duration: 0.3s;
}
[data-gameType = 'chooseTheVariant'] .textParagraps .wrongText{
	color: #FF4865;
//	text-decoration: line-through;
}
[data-gameType = 'chooseTheVariant'] .textParagraps .dashedText{
	text-decoration: line-through;
}
[data-gameType = 'chooseTheVariant'] .textParagraps .correctText{
	color: #76D51F;
}
[data-gameType = 'chooseTheVariant'][data-competitionMode] .gameFieldWrapper{
	margin-top: 20px;
}
[data-gameType = 'chooseTheVariant'][data-competitionMode] .gameFieldWrapper{
	padding-top: 30px;
}
[data-gameType = 'chooseTheVariant'] .promtForVerbalMode{
	color: #FFA800
}
[data-gameType = 'chooseTheVariant'] .verbalAnswer:not(.promtForVerbalMode){
	color: #a0e066;
}
[data-gameType = 'chooseTheVariant'] .verbalAnswer{
	font-size: 1.5em;
}
[data-gameType = 'chooseTheVariant'] .gameField:not(.visible){
	display: none;
}
/*[data-gameType = 'chooseTheVariant'] .gameField.visible{
	display: none;
}*/
/*-- chooseTheVariant завершение --*/
/*-- composeTheText --*/
[data-gameType = 'composeTheText'].textsSecondType .textContainer{
	line-height: normal;
	position: relative;
	margin-bottom: 10px;	
}
[data-gameType = 'composeTheText'].textsSecondType .gameField{
	padding-left: 0;
	padding-right: 0;
}
[data-gameType = 'composeTheText'].textsSecondType .textContainer.promptContainer{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: 0;	
	visibility: hidden;
}
[data-gameType = 'composeTheText'] .gamePiecesRow{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
//	align-content: flex-start;
	align-items: center;
	position: relative;
}
[data-gameType = 'composeTheText'] .gamePiecesRow:first-of-type{
	margin-top: 5px;
}
[data-gameType = 'composeTheText'] .gamePiecesRow:nth-of-type(1n + 2){
	margin-top: 25px;
}
[data-gameType = 'composeTheText'] .gamePiecesRow:last-of-type{
//	margin-bottom: 10px;
}
/*[data-gameType = 'composeTheText'] .gamePiecesRow.promptRow{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: 0;
}*/
[data-gameType = 'composeTheText'] .gamePiece{
	height: 45px;
	margin: 0 10px;
	cursor: pointer;
	box-sizing: border-box;
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: auto;	
}
[data-gameType = 'composeTheText'] .gamePiece.punctuationMark[data-size = '1']{
	width: 30px;
}
[data-gameType = 'composeTheText'] .gamePiece[data-size = '1.5']{
	height: 68px;
}
[data-gameType = 'composeTheText'] .gamePiece[data-type = 'soundButton'][data-size = '1.5'],
[data-gameType = 'composeTheText'] .gamePiece[data-type = 'image'][data-size = '1.5']{
	width: 68px;	
}
[data-gameType = 'composeTheText'] .gamePiece.punctuationMark[data-size = '1.5']{
	width: 45px;	
}
[data-gameType = 'composeTheText'] .gamePiece[data-size = '2']{
	height: 90px;
}
[data-gameType = 'composeTheText'] .gamePiece[data-type = 'soundButton'][data-size = '2'],
[data-gameType = 'composeTheText'] .gamePiece[data-type = 'image'][data-size = '2']{
	width: 90px;	
}
[data-gameType = 'composeTheText'] .gamePiece.punctuationMark[data-size = '2']{
	width: 60px;	
}
[data-gameType = 'composeTheText'] .gamePiece[data-size = '2.5']{
	height: 113px;
}
[data-gameType = 'composeTheText'] .gamePiece[data-type = 'soundButton'][data-size = '2.5'],
[data-gameType = 'composeTheText'] .gamePiece[data-type = 'image'][data-size = '2.5']{
	width: 113px;	
}
[data-gameType = 'composeTheText'] .gamePiece.punctuationMark[data-size = '2.5']{
	width: 75px;	
}
[data-gameType = 'composeTheText'] .gamePiece[data-size = '3']{
	height: 135px;
}
[data-gameType = 'composeTheText'] .gamePiece[data-type = 'soundButton'][data-size = '3'],
[data-gameType = 'composeTheText'] .gamePiece[data-type = 'image'][data-size = '3']{
	width: 135px;	
}
[data-gameType = 'composeTheText'] .gamePiece.punctuationMark[data-size = '3']{
	width: 90px;	
}
[data-gameType = 'composeTheText'] .gamePiece[data-size = '3.5']{
	height: 158px;
}
[data-gameType = 'composeTheText'] .gamePiece[data-type = 'soundButton'][data-size = '3.5'],
[data-gameType = 'composeTheText'] .gamePiece[data-type = 'image'][data-size = '3.5']{
	width: 158px;	
}
[data-gameType = 'composeTheText'] .gamePiece.punctuationMark[data-size = '3.5']{
	width: 105px;	
}
[data-gameType = 'composeTheText'] .gamePiece[data-size = '4']{
	height: 180px;
}
[data-gameType = 'composeTheText'] .gamePiece[data-type = 'soundButton'][data-size = '4'],
[data-gameType = 'composeTheText'] .gamePiece[data-type = 'image'][data-size = '4']{
	width: 180px;	
}
[data-gameType = 'composeTheText'] .gamePiece.punctuationMark[data-size = '4']{
	width: 120px;	
}
[data-gameType = 'composeTheText'] .pieceContent{
	color: #FFFFFF;
	background-color: #FFFFFF;
	padding: 0 5px;
	box-shadow: 2px 2px 1px rgba(100,100,100,0.7);
	border-radius: 5px;	
	user-select: none;
	height: 100%;
	transition-property: box-shadow;
	transition-duration: 0.5s;
}
[data-gameType = 'composeTheText'] .gamePiece[data-correcntess = 'right'] .pieceContent{
	box-shadow: 0 0 0 3px #a0e066;
}
[data-gameType = 'composeTheText'] .gamePiece[data-correcntess = 'wrong'] .pieceContent{
	box-shadow: 0 0 0 3px #ff4865;
}
[data-gameType = 'composeTheText'] .pieceContent[data-type = 'soundButton'],
[data-gameType = 'composeTheText'] .pieceContent[data-type = 'image']{
	width: 100%;
}
[data-gameType = 'composeTheText'] .gamePiece[data-type = 'text'] .pieceContent{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
[data-gameType = 'composeTheText'] .gamePiece[data-type = 'image'] .pieceContent,
[data-gameType = 'composeTheText'] .gamePiece[data-type = 'soundButton'] .pieceContent{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
[data-gameType = 'composeTheText'] .gamePiece[data-type = 'soundButton'] .pieceContent{
	background-size: 70% auto;
}
[data-gameType = 'composeTheText'] .gamePiece[data-type = 'soundButton'] .pieceContent{
	background-image: url('../images/tests/composeTheText/playButton.png');
}
[data-gameType = 'composeTheText'] .gamePiece[data-type = 'soundButton'].playing .pieceContent{
	background-image: url('../images/tests/composeTheText/pauseButton.png');
}
.textsSecondType[data-imageMode][data-gameType = 'composeTheText'] .gameField{
	padding-left: 0;
	padding-right: 0;
}
.textsSecondType[data-gameType = 'composeTheText'] .textImage{
	margin-left: 50px;
}
/*-- composeTheText завершение--*/
/*-- typeTheText --*/
.textsSecondType[data-gameType = 'typeTheText'][data-cardsmode] .gameField{
	padding-left: 0;
	padding-right: 0;
}
[data-gameType = 'typeTheText'] .textInput{
	height: 40px;
	background-color: transparent;
	font-size: inherit;
	font-weight: inherit;
	font-family: inherit;
	text-align: center;
	box-sizing: border-box;
	padding: 0 7px;
	color: #482D83;	
	transition-property: border-color, color;
	transition-duration: 0.5s;
	display: block;
	position: relative;
	backface-visibility: hidden;
}
[data-gameType = 'typeTheText'] .textInput.promptEl{
	padding: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	transform: rotateY(-180deg);
	color: #7D7D89;
	line-height: 40px;
}
[data-gameType = 'typeTheText'] .textInput,
[data-gameType = 'typeTheText'] .textInput:focus{
	border: none;
	outline: none;
	border-bottom: 1px solid #d5d5d9;	
}
[data-gameType = 'typeTheText'] .textInput:focus{
	border-bottom-color: #1D9FAD;
}
[data-gameType = 'typeTheText'] .textInput:focus::placeholder{
	opacity: 0;
}
[data-gameType = 'typeTheText'] span.textInput{
	
}
/*
[data-gameType = 'typeTheText'] .textInputWrapper{
	display: inline-block;
}*/
[data-gameType = 'typeTheText'] .techGamePiceWrapp{
	display: inline-flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
}
[data-gameType = 'typeTheText'] .gamePieceSecondWrapper{		
	position: relative;
	transform-style: preserve-3d;
	transition-property: transform;
}

[data-gameType = 'typeTheText'] .gamePieceSecondWrapper.turned{
	transform: rotateY(180deg);
}
[data-gameType = 'typeTheText'] .techGamePiece{
	display: inline-flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;	
}
[data-gameType = 'typeTheText'] .textInput.measuringElement{
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
}
[data-gameType = 'typeTheText'] .textContainer > ul > li{
	position: relative;	
}
[data-gameType = 'typeTheText'] .techGamePiceWrapp[data-correcntess = 'right'] .textInput{
	color: #76D51F;
	border-bottom-color: #76D51F;
}
[data-gameType = 'typeTheText'] .techGamePiceWrapp[data-correcntess = 'wrong'] .textInput{
	color: #FF4865;
	border-bottom-color: #FF4865;	
}
[data-gameType = 'typeTheText'] .techTextElementsWrapper{
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
}
.textsWithReplacement .wordSoundButton{
	width: 40px;
	height: 40px;
	cursor: pointer;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 70% auto;
	background-image: url('../images/main/playButton.png');
	background-color: #FFFFFF;
	box-shadow: 2px 2px 1px rgb(100 100 100 / 70%);
	border-radius: 5px;
	margin-left: 5px;
}
.textsWithReplacement .wordSoundButton.playing{
	background-image: url('../images/main/pauseButton.png');
}
.textsWithReplacement .wordSoundButton:last-of-type{
	margin-right: 7px;
}
.textsWithReplacement[data-cardsMode] .wordSoundButton:last-of-type{
	margin-right: 0;
}
.textsWithReplacement[data-soundButtonBeforeList] .wordSoundButton:nth-of-type(1n + 1){
	margin-left: 0;
}
.textsWithReplacement[data-soundButtonBeforeList] .wordSoundButton{
	margin-right: 7px;
}
.textsWithReplacement[data-soundButtonBeforeList]:not([data-cardsMode]) .gamePieceSecondWrapper{
	margin-right: 5px;
}
.textsWithReplacement[data-cardsMode] .сardImage{
	width: 180px;
	height: 180px;
	background-color: #FFFFFF;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url('../images/tests/typeTheText/words/apple.png');
	border-radius: 16px;
	box-shadow: 0px 4px 8px rgb(50 50 71 / 6%), 0px 4px 4px rgb(50 50 71 / 8%);
}
.textsWithReplacement[data-cardsMode][data-standardSoundImagesOnCards] .сardImage{
	background-image: url('../images/main/soundElement.png');
	background-size: 50% auto;
}
.textsWithReplacement[data-cardsMode][data-cardsSizeType = 'big'] .сardImage{
	width: 270px;
	height: 270px;
}
.textsWithReplacement[data-cardsMode][data-cardsImagesSounds] .сardImage,
.textsWithReplacement[data-cardsMode][data-standardSoundImagesOnCards] .сardImage{
	cursor: pointer;
}
.textsWithReplacement[data-cardsMode] .cardsTable{
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	color: inherit;
}
.textsWithReplacement[data-cardsMode] .cardsTable td{
	padding: 0;
}
.textsWithReplacement[data-cardsMode] .cardsTable tr:nth-of-type(1n + 2) td{
	padding-top: 20px;
}
.textsWithReplacement[data-cardsMode] .cardsTable td{
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
}
.textsWithReplacement[data-cardsMode] .cardsTable td:first-of-type{
	padding-left: 0;
}
.textsWithReplacement[data-cardsMode] .cardsTable td:last-of-type{
	padding-right: 0;
}
.textsWithReplacement[data-cardsMode] .gameCard{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
}
.textsWithReplacement[data-cardsMode] .cardText{
	padding-top: 10px;
}
.textsWithReplacement[data-cardsMode] .soundButtonContainer{
	display: none;
}
[data-gameType = 'typeTheText'][data-cardsMode] .textInput{ /*потом убрать*/
//	width: 170px;
}
[data-gameType = 'typeTheText'] .textVariants{
	color: #7D7D89;
	margin-left: 0.25em;
}
.replacementNumbersTable{
	font-size: inherit;
	font-weight: inherit;
	font-family: inherit;
	line-height: inherit;
	border-collapse: collapse;
	background-color: white;
}
.replacementNumbersTable td{
	border: 1px solid black;
	text-align: center;
	padding: 1em;
	box-sizing: border-box;
}
.simpleTextTable{
	font-size: inherit;
	font-weight: inherit;
	font-family: inherit;
	line-height: inherit;
	border-collapse: collapse;	
}
.simpleTextTable.big{
	font-size: 1.5em;			
}
.textsSecondType .textReferenceInfo{
	color: #008e9b;
	font-weight: 500;
	font-style: italic;
}
/*-- typeTheText завершение --*/
/*-- chooseFromTheList --*/
[data-gameType = 'chooseFromTheList']{
	
}
.textsSecondType[data-gameType = 'chooseFromTheList'] .gameMainEl{
	z-index: 2;
}
[data-gameType = 'chooseFromTheList'] .techGamePiceWrapp{
	display: inline-flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
//	align-items: center;
//	margin: 3px 0.2em 0;
	margin-top: 3px;
	top: -4px;
	position: relative;
	z-index: 1;
	vertical-align: middle;
}

/*
[data-gameType = 'chooseFromTheList'] .techGamePiceWrapp{
	margin-top: 0;
	top: 0;	
	vertical-align: baseline;	
}
[data-gameType = 'chooseFromTheList'] .techGamePiceWrapp::before{
	content: 'a';
	width: 0.01em;
	opacity: 0;
}*/


[data-gameType = 'chooseFromTheList'] .techGamePiceWrapp.opend,
[data-gameType = 'chooseFromTheList'] .cardsTable td.opend{
	z-index: 2;
}
[data-gameType = 'chooseFromTheList'] .selectItem{
	height: 38px;
//	width: 200px;	
	box-sizing: border-box;
//	padding: 0 53px 0 14px;
	padding-right: 53px;
	cursor: pointer;
}
[data-gameType = 'chooseFromTheList'] .selectItems .selectItem{
	transition-property: background-color, color;
	transition-duration: 0.7s;
	white-space: nowrap;
}
[data-gameType = 'chooseFromTheList'] .selectItems .selectItem:hover{
	color: #FFFFFF;
	background-color: #1D9FAD;
}
[data-gameType = 'chooseFromTheList'] .selectItem,
[data-gameType = 'chooseFromTheList'] .indicatorText{
	padding-left: 14px;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;	
}

[data-gameType = 'chooseFromTheList'] .indicatorText{
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	white-space: nowrap;
}
[data-gameType = 'chooseFromTheList'] .indicatorText.placeholderCentralText{
	padding-left: 0;
	width: 100%;
	justify-content: center;
}


[data-gameType = 'chooseFromTheList'] .gamePieceSecondWrapper{		
	position: relative;
	transform-style: preserve-3d;
	transition-property: transform;
}
[data-gameType = 'chooseFromTheList'] .gamePieceSecondWrapper.turned{
	transform: rotateY(180deg);
}
[data-gameType = 'chooseFromTheList'] .selectItem.indicator{
//	border: 1px solid #D5D5D9;
//	border-radius: 8px;
//	background-color: white;	
	position: relative;
//	padding-right: 0;
	display: block;
}
[data-gameType = 'chooseFromTheList'] .indicatorWrapper{
	position: relative;	
	border: 1px solid #D5D5D9;
	border-radius: 8px;
	background-color: white;	
	transition-property: border-color, color;
	transition-duration: 0.7s;	
}
[data-gameType = 'chooseFromTheList'] .selectWrapper{
	position: relative;
	backface-visibility: hidden;
}
[data-gameType = 'chooseFromTheList'] .selectWrapper.opend .indicatorWrapper{
	border-color: #1d9fad;
}
[data-gameType = 'chooseFromTheList'] .selectItem.indicator::after{
	display: block;
	content: '';
	position: absolute;
	width: 17px;
	height: 17px;
	margin-top: auto;
	margin-bottom: auto;
	top: 0;
	bottom: 0;
	right: 18px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url('../images/tests/chooseFromTheList/tip.png');
	transition-property: transform;
	transition-duration: 0.7s;
	transform: rotateZ(0);
}
[data-gameType = 'chooseFromTheList'] .selectWrapper.opend .selectItem.indicator::after{
	transform: rotateZ(180deg);
	transition-duration: 0.7s;
}
[data-gameType = 'chooseFromTheList'] .selectWrapper .selectItem.indicator .inputsPlaceholder{
	color: #7D7D89;
	text-align: center;	
}
[data-gameType = 'chooseFromTheList'] .selectItemsWrapper{
	position: absolute;
	left: 0;
	top: 100%;	
	overflow: hidden;
//	transform: translateY(5px);
	padding-top: 5px;
	pointer-events: none;
	width: 100%;
}
[data-gameType = 'chooseFromTheList'] .selectItems{
	border: 1px solid #D5D5D9;
	border-radius: 8px;
	overflow: hidden;
	background-color: white;
	opacity: 0;
	visibility: hidden;
	transition-property: opacity, visibility, transform, border-color;
	transition-duration: 0s;
//	transform: translateY(-50px) rotateY(-90deg);
	transform: translateY(-50px) scaleX(0);
	pointer-events: auto;
}
[data-gameType = 'chooseFromTheList'] .selectWrapper.opend .selectItems{
	border-color: #1d9fad;
}
[data-gameType = 'chooseFromTheList'] .selectWrapper.opend .selectItems{
	opacity: 1;
	visibility: visible;
//	transform: translateY(0) rotateY(0);
	transform: translateY(0) scaleX(1);
	transition-duration: 0.7s;
}
[data-gameType = 'chooseFromTheList'] .textParagraphs > li{
/*	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;*/
}
[data-gameType = 'chooseFromTheList'] .techSelectItemsWrapper{
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
}
[data-gameType = 'chooseFromTheList'] .techGamePiceWrapp[data-correcntess = 'right'] .selectWrapper .indicatorWrapper{
    color: #76D51F;
    border-color: #76D51F;
}
[data-gameType = 'chooseFromTheList'] .techGamePiceWrapp[data-correcntess = 'wrong'] .selectWrapper .indicatorWrapper{
    color: #FF4865;
    border-color: #FF4865;	
}
[data-gameType = 'chooseFromTheList'] .selectWrapper.promptEl{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transform: rotateY(-180deg);
    color: #7D7D89;
}
[data-gameType = 'chooseFromTheList'] .selectWrapper.promptEl .selectItem{
	padding-right: 0;
}
/*
[data-gameType = 'chooseFromTheList'] .techGamePiceWrapp[data-correcntess = 'right'] .selectItems{
	border-color: #76D51F;
}
[data-gameType = 'chooseFromTheList'] .techGamePiceWrapp[data-correcntess = 'wrong'] .selectItems{
	border-color: #FF4865;
}*/
/*-- chooseFromTheList завершение --*/

/*-- Выбери из списка элементы столбиков --*/
.textColumnTableWrapp{
	padding: 0.5em 1em;
	background-color: white;
	border-radius: 0.8em;
	box-shadow: 2px 2px 7px rgba(100,100,100,0.7);
}
.textColumnMainTable, .textColumnTable{
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
    line-height: inherit;
    border-collapse: collapse; 	
}
.textColumnMainTable > tbody > tr > td{
	padding: 0.5em;
}
.textColumnTable{
	font-size: 1.7em;
	font-weight: 500;
}
.textColumnTable td{
	font-size: 1em;
	height: 1.7em;
	width: 1.7em;
	text-align: center;
	position: relative;
}
.textColumnTable .mathSymbol{
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 50%;
	right: 50%;
}
/*.textColumnTable td.withMathSymbol.addition::before{
	content: '+';
}
.textColumnTable td.withMathSymbol.substraction::before{
	content: '-';
}
.textColumnTable td.withMathSymbol.multiplication::before{
	content: '×';
}*/
body [data-gameType = 'chooseFromTheList'] .textColumnTable .techGamePiceWrapp{
	top: 0;
	margin-top: 0;	
}
body [data-gameType = 'chooseFromTheList'] .textColumnTable .indicatorWrapper{
	left: 0.4em;	
}
.textColumnTable .withBottomLine{
	border-bottom: 2px solid black;
}
/*[data-gameType = 'typeTheText'] .textColumnTable .textInput.promptEl{
	line-height: 1em;
}*/
/*-- Выбери из списка элементы столбиков завершение --*/

.handPrompt{
	width: 64px;
	height: 56px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	background-image: url('../images/main/handPrompt.png');
	position: absolute;
	left: 50%;
	top: 50%;
}
.grammarInfoBlock{
	display: none;
}
.infoPopupWrapper .infoPopup[data-popupType = 'grammar']{
	width: 728px;
	position: absolute;
	top: 67px;
	bottom: 24px;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
}
[data-popupType = 'grammar'] .infoPopupWrapp{
	box-sizing: border-box;
	padding-top: 51px;
	padding-left: 32px;
	padding-right: 32px;
	padding-bottom: 32px;
	overflow: auto;
	display: block;
	text-align: left;
	font-size: 18px;
	flex-grow: 1;
}
[data-popupType = 'grammar'] .infoPopupWrapp .grammarBigText{
	font-size: 1.85em;
}
[data-popupType = 'grammar'] .infoPopupWrapp .bigText{
	font-size: 24px;
}
.infoPopupWrapper [data-popupType = 'grammar'] .IPTitle{
	position: absolute;
	left: 32px;
	background-repeat: no-repeat;
	background-position: 28px center;
	background-size: 38px auto;
	background-image: url('../images/main/grammar.png');
	padding-left: 80px;
}
[data-popupType = 'grammar'] .grammarCloseButton{
	position: absolute;
	top: -35px;
	right: 32px;
	width: 70px;
	height: 70px;
	background-color: #FF4865;
	cursor: pointer;
	background-image: url('../images/main/cancelBack.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 45%;
}
[data-popupType = 'grammar'] .grammarTitle,
[data-popupType = 'grammar'] .grammarTitle2,
[data-popupType = 'grammar'] .grammarTitle2{	
	color: #333333;	
}
[data-popupType = 'grammar'] .grammarTitle{
	font-weight: 700;
	font-size: 24px;
}
[data-popupType = 'grammar'] .grammarTitle2{
	font-weight: 700;
	font-size: 18px;
	margin-top: 32px;
}
[data-popupType = 'grammar'] .grammarTitle3{
	font-size: 18px;
	font-weight: normal;
	margin-top: 8px;
}
[data-popupType = 'grammar'] .grammarTitle,
[data-popupType = 'grammar'] .textBlock{
	margin-top: 16px;
}
[data-popupType = 'grammar'] .textBlock,
[data-popupType = 'grammar'] .grammarTipList{
	line-height: 1.44;
}
.clearEl{
	display: block;
	clear: both;
}
[data-popupType = 'grammar'] .clearEl{
	line-height: 0;
}
.infoPopupWrapper [data-popupType = 'grammar'] .infoPopupWrapp{
//	padding-top: 129px;
	position: relative;
}
[data-popupType = 'grammar'] .gammarMainTopMargin{
	margin-top: 70px;
}
[data-popupType = 'grammar'] .stageNum{
	line-height: 45px;
	height: 45px;
	padding-left: 32px;
	padding-right: 72px;
	background-color: #FFA800;
	color: #FFFFFF;
	font-size: 24px;
	position: absolute;
	top: 60px;
	left: 0;	
}
[data-popupType = 'grammar'] .stageNum::after{
	display: block;
	content: '';
	position: absolute;
	right: -3px;
	bottom: 0;
	border-left: 45px solid #FFA800;
	border-bottom: 45px solid #fbfbfd;
}
[data-popupType = 'grammar'] .grammarTeacher,
[data-popupType = 'grammar'] .mainGrammarPictute{
	float: right;
}
[data-popupType = 'grammar'] .mainGrammarPictute{
	width: 180px;
	margin-left: 30px;
}
[data-popupType = 'grammar'] .grammarTeacher{
	margin-left: 90px;
	width: 112px;	
}
[data-popupType = 'grammar'] .grammarTeacher.bunny{
	width: 162px;
}
[data-popupType = 'grammar'] .grammarArrow{
	height: 1em;
	margin: 0 5px;
}
[data-popupType = 'grammar'] .grammarArrowTextWrapper{
	display: flex;
	flex-direction: row;
	align-items: center;
}
[data-popupType = 'grammar'] .grammarPicrures{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
[data-popupType = 'grammar'] .grammarPicrures.centralPicture{
	justify-content: center;
}
[data-popupType = 'grammar'] .grammarPicrure{
	width: 312px;
	height: 312px;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 16px;
    box-shadow: 0px 2px 2px rgb(50 50 71 / 6%), 0px 2px 4px rgb(50 50 71 / 6%);
    border-radius: 12px;	
	display: block;	
}
[data-popupType = 'grammar'] .grammarPicrure.littleGP{
	width: 156px;
	height: 156px;
}
[data-popupType = 'grammar'] .grammarCards{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
[data-popupType = 'grammar'] .grammarCard{
	width: 312px;
	min-height: 138px;
	background-color: #FFFFFF;
	box-sizing: border-box;
	box-shadow: 0px 2px 2px rgba(50, 50, 71, 0.06), 0px 2px 4px rgba(50, 50, 71, 0.06);
	border-radius: 12px;
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: auto;
	padding: 12px;
	margin-top: 16px;
	cursor: pointer;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
}
[data-popupType = 'grammar'] .grammarCard[data-cardType = 'picture']{
	min-height: 312px;
}
[data-popupType = 'grammar'] .grammarCard[data-cardType = 'picture']{
	flex-direction: column;
}
[data-popupType = 'grammar'] .grammarCard[data-cardType = 'picture'] .cardTextInfo{
	padding-left: 0;
	height: auto;
}
[data-popupType = 'grammar'] .grammarCard[data-cardType = 'picture'] .cardButtonWrapp{
	justify-content: center;
}
[data-popupType = 'grammar'] .grammarCard[data-cardType = 'picture'] .cardImage{
	width: 288px;
	height: 288px;
}
[data-popupType = 'grammar'] .grammarCard .cardTextInfo{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	height: 100%;
	padding-left: 12px;
}
[data-popupType = 'grammar'] .grammarCard .cardTitle{
	font-size: 18px;
	font-weight: bold;
	color: #333333;
}
[data-popupType = 'grammar'] .grammarCard .cardName{
	font-size: 15px;
	font-weight: normal;
	color: #666666;
	margin-top: 8px;
}
[data-popupType = 'grammar'] .grammarCard .cardTitle:first-letter,
[data-popupType = 'grammar'] .grammarCard .cardName:first-letter{
	text-transform: uppercase;
}
[data-popupType = 'grammar'] .grammarCard[data-cardtype = 'letterSound'] .cardTitle:first-letter,
[data-popupType = 'grammar'] .grammarCard[data-wordTranscription] .cardName:first-letter{
	text-transform: none;
}
[data-popupType = 'grammar'] .grammarCard  .cardButtonWrapp{
	font-size: 14px;
	font-weight: normal;
	color: #999999;	
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	margin-top: auto;
	padding-top: 10px;
}
[data-popupType = 'grammar'] .grammarCard  .cardButtonWrapp .listenInscript{
	margin-left: 8px;
}
[data-popupType = 'grammar'] .grammarCard .cardImage{
	width: 114px;
	height: 114px;
	border-radius: 8px;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	flex-shrink: 0;
//	background-image: url('../lessons/lesson1/images/frog.jpg');
}
[data-popupType = 'grammar'] .grammarVideoResourses > li.grammarVideoResourseItem{
	margin-top: 24px;
}
[data-popupType = 'grammar'] .grammarVideoResourseItem iframe{
	width: 440px;
	height: 274px;
}
[data-popupType = 'grammar'] .footnote{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
}
[data-popupType = 'grammar'] .footnote img{
	margin-right: 12px;
	width: 100px;
}
[data-popupType = 'grammar'] .footnote .footnoteText{
	padding-top: 10px;
}
[data-popupType = 'grammar'] .grammarTableWrapp{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
}
[data-popupType = 'grammar'] .grammarTableWrapp.tableLeftAlign{
	justify-content: left;
}
[data-popupType = 'grammar'] .grammarTable, 
[data-popupType = 'grammar'] .grammarTable td,
[data-popupType = 'grammar'] .grammarTable th{
	border-collapse: collapse;
	border: none;
}
[data-popupType = 'grammar'] .grammarTable.withBorders, 
[data-popupType = 'grammar'] .grammarTable.withBorders td,
[data-popupType = 'grammar'] .grammarTable.withBorders th{
	border: 1px solid black;
}
[data-popupType = 'grammar'] .grammarTable td,
[data-popupType = 'grammar'] .grammarTable th{
	padding: 5px;
}
[data-popupType = 'grammar'] .grammarTable.bigPadding td,
[data-popupType = 'grammar'] .grammarTable.bigPadding th{
	padding: 15px;
}
[data-popupType = 'grammar'] .grammarTable  .cellForEmptyRow{
	padding-top: 1em;
}
[data-popupType = 'grammar'] .grammarTable.fullWidth{
	width: 100%;
}
[data-popupType = 'grammar'] .grammarTable{
	font-size: inherit;
	font-family: inherit;
	margin-top: 16px;	
	text-align: center;
	min-width: 400px;
}
[data-popupType = 'grammar'] .grammarTable.leftText{
	text-align: left;
}
[data-popupType = 'grammar'] .poemFirstWrapp{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
}
[data-popupType = 'grammar'] .grammarTable.topAlign td,
[data-popupType = 'grammar'] .grammarTable.topAlign th{
	vertical-align: top;
}
body [data-popupType = 'grammar'] .rightTableBorder{
	border-right: 1px solid black;
}
body [data-popupType = 'grammar'] .topTableBorder{
	border-top: 1px solid black;
}
[data-popupType = 'grammar'] .grammarDialogTable{
	font-size: inherit;
	margin-top: 16px;
}
[data-popupType = 'grammar'] .grammarDialogTable td:first-of-type{
	font-weight: bold;
	text-align: right;
}
[data-popupType = 'grammar'] .grammarDialogTable td:nth-of-type(2){
	padding-left: 10px;
}
[data-popupType = 'grammar'] .withFloatingImage::after{
	display: block;
	content: '';
	clear: both;
}
[data-popupType = 'grammar'] .floatingImage{	
	width: 150px;
	float: right;
	margin-left: 10px;
}
[data-popupType = 'grammar'] .floatingImage.textBadge{
	width: 75px;
}
[data-popupType = 'grammar'] .grammarMap{
	width: 280px;
	margin-left: 20px;
	margin-top: 20px;
	clear: both;			
}
[data-popupType = 'grammar'] .floatingImage.bigGFP{
	width: 300px;
}
[data-popupType = 'grammar'] .floatingImage.littleGFP{
	width: 80px;
}
[data-popupType = 'grammar'] .floatingImage.floatToLeft{
	float: left;
	margin-left: 0;
	margin-right: 10px;
}
[data-popupType = 'grammar'] .grammarHelpfulAdvice{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	border: 3px solid #c00000;
	box-sizing: border-box;
	padding: 10px;
	margin-top: 16px;
}
[data-popupType = 'grammar'] .grammarHelpfulAdvice .grammarHelpfulAdviceTitle{
	color: #c00000;
	text-align: center;
}
[data-popupType = 'grammar'] .grammarTipList > li{
	background-image: url('../images/main/grammarTip.png');
	background-size: 20px auto;
	background-position: left 7px;
	background-repeat: no-repeat;
	padding-left: 25px;
}
.buttonAndAnswerWrapp .hiddenTextShowButt{
	cursor: pointer;
	color: #0070c0;
	text-decoration: underline;
}
.buttonAndAnswerWrapp:not([data-visible]) .hiddenText{
	display: none;
}
.buttonAndAnswerWrapp[data-visible] .hiddenTextShowButt{
	display: none;
}
.downloadLink{
	color: blue;
	text-decoration: underline;
	cursor: pointer;
}
.infoPopupWrapper .infoPopup[data-popupType = 'difficultyLevel']{
	width: 440px;	
}
.infoPopupWrapper [data-popupType = 'difficultyLevel'] .infoPopupWrapp{
	padding: 68px 0 48px;
}
[data-popupType = 'difficultyLevel'] .difficultyLevels{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
}
[data-popupType = 'difficultyLevel'] .difficultyLevels > li > a{
	display: block;
	background-color: #4ED74B;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	box-shadow: 0px 8px 16px rgba(50, 50, 71, 0.06), 0px 8px 8px rgba(50, 50, 71, 0.08);
	line-height: 52px;	
	padding: 0 57px;
	border-radius: 8px;
	cursor: pointer;
}
[data-popupType = 'difficultyLevel'] .difficultyLevels > li:nth-of-type(1n + 2){
	margin-top: 12px;
}
.supportInfoButton{
	width: 20px;
	height: 20px;
	box-sizing: border-box;
	border-radius: 50%;
	margin-left: 6px;
	cursor: pointer;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url('../images/main/supportInfoQuestion.png');
	position: relative;
}
.progressBawWrapp{
	pointer-events: none;
}
.gameHeader .gameDescription{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	position: relative;
}
.supportInfoElWrapp{
	z-index: 4;
	pointer-events: none;	
}
.supportInfoElWrapp.SILeftPosition{	
	position: absolute;
	left: 0;
	top: 100%;	
	padding-top: 10px;	
}
.supportInfoElWrapp.SICentralPposition{
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
.supportInfoEl{
//	width: 367px;
	width: 450px;
	box-sizing: border-box;
	padding: 20px 36px 20px 20px;
	font-size: 18px;
	line-height: 1.3;
	color: #4D4D4D;
	border-radius: 12px;
	background-color: #CAEFF3;		
	cursor: auto;	
	position: relative;	
	visibility: hidden;
	opacity: 0;
	transition-property: visibility, opacity, transform;
	transition-duration: 0.7s;
	transform: rotateZ(-90deg) scale(0.2);
	pointer-events: auto;
}
.supportInfoEl .supportInfoElBlock{
	clear: both;
}
.supportInfoEl.mainGameSupport{
	max-height: 70vh;
	overflow-y: auto;
}
.mainGameSupport .suppurtGif{
	width: 100%;
//	margin-top: 10px;	
}
.mainGameSupport > *:nth-of-type(1n + 3){
	margin-top: 10px;
}
.supportInfoEl.visible{
	visibility: visible;
	opacity: 1;
	transform: rotateZ(0) scale(1);
}
.supportInfoEl .closeSupportButton{
	width: 20px;
	height: 20px;
	cursor: pointer;
	position: absolute;
	right: 10px;
	top: 10px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url('../images/main/closeSupportButton.png');
}
.notificationElWrapper{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	pointer-events: none;
	perspective: 1000px;
}
.notificationElWrapper .supportInfoEl.notificationEl{
    visibility: visible;
    opacity: 1;
    transform: none;	
}
.notificationElWrapper .notificationEl{
	transition-property: none;
	transition-diration: 0;
	pointer-events: auto;
	animation-duration: 0.7s;
	animation-timing-function: linear;
	animation-fill-mode: both;
}

.notificationElWrapper .notificationEl.notificationElVisible{
	animation-name: notificationElVisible;
}
.notificationElWrapper .notificationEl.notificationElHidden{
	animation-name: notificationElHidden;
}
@keyframes notificationElVisible{
	from{
		transform: scale(0) rotateY(-90deg) rotateX(-90deg);
	}to{
		transform: scale(1) rotateY() rotateX(0);
	}
}
@keyframes notificationElHidden{
	from{
		transform: scale(1) rotateY(0) rotateX(0);
	}to{
		transform: scale(0) rotateY(-90deg) rotateX(-90deg);
	}
}



/*-- sokobanEditor --*/
[data-gameType='sokobanEditor'] .interfaceWrapper{
	margin: 0 auto;
}
[data-gameType='sokobanEditor'] .interfaceWrapper{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	padding-top: 10px;
}
[data-gameType='sokobanEditor'] .canvasWrapper{
	border: 1px solid black;
}
[data-gameType='sokobanEditor'] .topPart > *{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-contnent: center;
	align-items: flex-start;
}
[data-gameType='sokobanEditor'] .editPanel{
	padding-left: 30px;

}

/*[data-gameType='sokobanEditor'] .checkboxGroup{
	padding-top: 15px;
}*/
[data-gameType='sokobanEditor'] .checkboxGroup.simpleList{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
//	padding-top: 5px;
	margin-left: -10px;
}
[data-gameType='sokobanEditor'] .checkboxGroup.simpleList .editCheckbox{
	margin-left: 10px;
	margin-top: 10px;
}
[data-gameType='sokobanEditor'] .editCheckbox{
	transition-property: transform, border-color, box-shadow;
	transition-duration: 0.5s;	
}
[data-gameType='sokobanEditor'] .editCheckbox:not([data-key]){
	width: 26px;
	height: 26px;
	box-sizing: border-box;
	border: 1px solid black;
	cursor: pointer;
	border-radius: 2px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
[data-gameType='sokobanEditor'] .editCheckbox[data-active]:not(.simplePictureChanging){
	border-color: #78c9f8;
	box-shadow: 0 0 0 2px #78c9f8;
	transform: scale(1.2);	
}
.virtualKeyboard .virtualButton[data-active]{
	transform: scale(1.1);
}
[data-gameType='sokobanEditor'] .editCheckbox[data-language = 'russian']{
	background-image: url('../images/main/sokobanEditor/languages/russian.png');
}
[data-gameType='sokobanEditor'] .editCheckbox[data-language = 'english']{
	background-image: url('../images/main/sokobanEditor/languages/english.png');
}
[data-gameType='sokobanEditor'] .editCheckbox.round{
	border-radius: 50%;
}
[data-gameType='sokobanEditor'] .EPTopMargin{
	margin-top: 10px;
}
[data-gameType='sokobanEditor'] .EPTopMarginMin{
	margin-top: 5px;
}
[data-gameType='sokobanEditor'] .virtualKeyboardWrapper{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
}
[data-gameType='sokobanEditor'] .virtualKeyboard{
	display: none;
}
[data-gameType='sokobanEditor'] .virtualKeyboard.visibleKeyboard{
	display: block;
}
[data-gameType='sokobanEditor'] .virtualKeyboard [data-key='Enter'],
[data-gameType='sokobanEditor'] .virtualKeyboard [data-key='Backspace']{
	visibility: hidden;
}
[data-gameType='sokobanEditor'] .editCheckbox[data-cellInfo = 'field-obstacle-brick']{
	background-image: url('../images/main/sokobanEditor/fieldObjects/obstacleBrick.png');
}
[data-gameType='sokobanEditor'] .editCheckbox[data-cellInfo = 'field-obstacle-stone']{
	background-image: url('../images/main/sokobanEditor/fieldObjects/obstacleStone.png');
}
[data-gameType='sokobanEditor'] .editCheckbox[data-cellInfo = 'field-light-box']{
	background-image: url('../images/main/sokobanEditor/fieldObjects/lightBox.png');
}
[data-gameType='sokobanEditor'] .editCheckbox[data-cellInfo = 'field-light-extinguisher']{
	background-image: url('../images/main/sokobanEditor/fieldObjects/lightExtinguisher.png');
}
[data-gameType='sokobanEditor'] .editCheckbox[data-cellInfo = 'field-light-granate']{
	background-image: url('../images/main/sokobanEditor/fieldObjects/lightGranate.png');
}
[data-gameType='sokobanEditor'] .editCheckbox[data-cellInfo = 'field-availableToMove-fire']{
	background-image: url('../images/main/sokobanEditor/fieldObjects/fire.png');
}
[data-gameType='sokobanEditor'] .editCheckbox[data-cellInfo = 'field-hero']{
	background-image: url('../images/main/sokobanEditor/fieldObjects/heroRight.png');
}

[data-gameType='sokobanEditor'] .editCheckbox[data-heroDirection = 'right']{
	background-image: url('../images/main/sokobanEditor/fieldObjects/heroRight.png');	
}
[data-gameType='sokobanEditor'] .editCheckbox[data-heroDirection = 'left']{
	background-image: url('../images/main/sokobanEditor/fieldObjects/heroLeft.png');	
}
[data-gameType='sokobanEditor'] .editCheckbox[data-heroDirection = 'up']{
	background-image: url('../images/main/sokobanEditor/fieldObjects/heroUp.png');	
}
[data-gameType='sokobanEditor'] .editCheckbox[data-heroDirection = 'down']{
	background-image: url('../images/main/sokobanEditor/fieldObjects/heroDown.png');	
}



[data-gameType='sokobanEditor'] .editCheckbox[data-eraser]{
	background-image: url('../images/main/sokobanEditor/fieldObjects/eraser.png');
}
[data-gameType='sokobanEditor'] .editCheckbox[data-grid]{
	background-image: url('../images/main/sokobanEditor/fieldObjects/gridDisabled.png');
}
[data-gameType='sokobanEditor'] .editCheckbox[data-grid][data-active]{
	background-image: url('../images/main/sokobanEditor/fieldObjects/grid.png');
}
[data-gameType='sokobanEditor'] .editCheckbox[data-letterType = 'target']{
	background-image: url('../images/main/sokobanEditor/fieldObjects/target.png');
}
[data-gameType='sokobanEditor'] .editCheckbox[data-letterType = 'cart']{
	background-image: url('../images/main/sokobanEditor/fieldObjects/cart.png');
}
[data-gameType='sokobanEditor'] .editCheckbox[data-clearField]{
	background-image: url('../images/main/sokobanEditor/fieldObjects/clearField.png');
}
[data-gameType='sokobanEditor'] .editCheckbox[data-fieldLettersCase]{
	background-image: url('../images/main/sokobanEditor/fieldObjects/fieldLettersInLowerCase.png');
}
[data-gameType='sokobanEditor'] .editCheckbox[data-fieldLettersCase][data-active]{
	background-image: url('../images/main/sokobanEditor/fieldObjects/fieldLettersInUpperCase.png');
}

[data-gameType='sokobanEditor'] input[type = 'text']{
	font-size: 20px;
	width: 200px;
	height: 30px;
}
[data-gameType='sokobanEditor'] .SEButton{
	height: 30px;
	cursor: pointer;
}
[data-gameType='sokobanEditor'] .matrixSizeSelect{
	width: 60px;
	height: 30px;
	font-size: 18px;	
}
[data-gameType='sokobanEditor'] .matrixSizeSelect:nth-of-type(1n + 2){
	margin-left: 20px;
}
[data-gameType='sokobanEditor'] .matrixSizeSelect option{
	cursor: pointer;
}
[data-gameType='sokobanEditor'] .filesPanel{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;	
	padding-bottom: 10px;
}
[data-gameType='sokobanEditor'] .filesPanel > *:nth-child(1n + 2){
	margin-left: 10px;
}
.elAmdPseudoElWrapp{
	position: relative;	
	display: inline-block;
}
.elAmdPseudoElWrapp .invisibleEl{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	opacity: 0;
}
.elAmdPseudoElWrapp .visibleEl{
	
}
[data-gameType='sokobanEditor'] input[type = 'file']{
	cursor: auto;
}
.serverActionCoveringScreen{
	position: absolute;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	z-index: 10;
	display: none;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
.serverActionCoveringScreen.visible{
	display: flex;
}
.serverActionCoveringScreen::before{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.5);
}
.serverActionCoveringScreen .CSImage{
	width: 100px;
	position: relative;
	opacity: 0.5;
	top: -10%;
}
[data-gameType='sokobanEditor'] .errorElement{
	display: none;
	color: #ff4865;
}
[data-gameType='sokobanEditor'] .errorElement.visible{
	display: block;
}
[data-gameType='sokobanEditor'] .SECheckboxWrapp{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
}
[data-gameType='sokobanEditor'] .SECheckboxWrapp > *{
	cursor: pointer;
	user-select: none;
}
[data-gameType='sokobanEditor'] .SECheckboxWrapp label{
	margin-left: 3px;
}
/*-- sokobanEditor завершение--*/
.transliterator{
	padding: 10px;
	font-size: 18px;
}
.transliterator button, .folderFileNamesGetter button{
	height: 30px;
	cursor: pointer;
}
.transliterator .marginA, .folderFileNamesGetter .marginA{
	margin-top: 15px;
}
.transliterator input[type = 'text'], .folderFileNamesGetter input[type = 'text']{
	height: 30px;
}
.transliterator .quantityPannel,
.transliterator .wordInputWrapper{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
}
.transliterator .quantityPannel > *:nth-child(1n + 2){
	margin-left: 10px;
}
.transliterator .wordInputWrapper > *:nth-child(1n + 2){
	margin-left: 10px;
} 
.transliterator .buttonsList > *:nth-child(1n + 2){
	margin-left: 15px;
}
.transliterator input.sizeA, .folderFileNamesGetter input.sizeA{
	width: 50px;
}
.transliterator .wordInput{
	width: 200px;
}
.transliterator .wordInputButton{
	cursor: pointer;
}
.transliterator .transliteratedWordEl{
	cursor: pointer;
}
.transliterator .optionsList{
	margin-top: 10px;
}
.transliterator .optionsList label,
.transliterator .optionsList input[type = 'checkbox']{
	cursor: pointer;
}
.transliterator .optionsList > li:nth-of-type(1n + 2){
	margin-top: 5px;
}
.transliterator .topBorder{
	border-top: 1px solid black;
	width: 300px;
}
.folderFileNamesGetter{
	padding: 10px;
	font-size: 18px;
}
.folderFileNamesGetter .mainElement{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
}
.folderFileNamesGetter .rightElement{
	padding-left: 70px;
}
.folderFileNamesGetter .radioList > li{
	margin-top: 5px;
}
.folderFileNamesGetter .radioList label{
	cursor: pointer;
}
.folderFileNamesGetter .resultEl{
	border-left: 1px solid black;
}
.missingFilesInfoGetter .resultIndicator{
	font-size: 18px;
	margin: 0 auto;
	width: fit-content;
} 
.missingFilesInfoGetter .resultIndicator > p:nth-of-type(1n + 2){
	margin-top: 5px;
}
.filesCopier .copyResultInfo table{
	border-collapse: collapse;	
}
.filesCopier .copyResultInfo table,
.filesCopier .copyResultInfo table td,
.filesCopier .copyResultInfo table th{
	border: 1px solid black;
}
.filesCopier .copyResultInfo table td,
.filesCopier .copyResultInfo table th{
	padding:  5px;
	vertical-align: top;
}
.filesCopier .filesCopierInterface{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
}
.filesCopier .mainPanel{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;	
	padding-top: 20px;
}
.filesCopier [data-wordsResource]{
	resize: none;
	width: 300px;
	height: 500px;	
	white-space: nowrap;
}
.filesCopier .copyResultInfo{
	margin-left: 20px;
}
.filesCopier button{
	cursor: pointer;
}
.filesCopier .FCdescription{
	padding-top: 10px;
	padding-bottom: 10px;	
}
.filesCopier .FCdescription > p:nth-of-type(1n + 2){
	margin-top: 5px;
}
.filesCopier [data-totalFilesForSearchNum]{
	font-weight: bold;
}
.filesCopier .topPanel > *:nth-child(1n + 2){
	margin-left: 5px;
}
.filesCopier .FCCheckboxWrapp{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	slign-items: center;
}
.filesCopier .FCCheckboxWrapp input[type = 'checkbox']{
	cursor: pointer;
}
.filesCopier .FCCheckboxWrapp label{
	margin-left: 5px;
	cursor: pointer;
}
.filesCopier .topPanel{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
.userSoundButton{
	width: 150px;
	height: 150px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../images/main/playButton.png);
    cursor: pointer;
	position: relative;
}
.userSoundButton[data-status = 'pause']{
    background-image: url(../images/main/pauseButton.png);
}	
.userSoundButton[data-sizeType = 'middle']{
	width: 112px;
	height: 112px;
}
.userSoundButton[data-sizeType = 'little']{
	width: 75px;
	height: 75px;
}
.userSoundButton[data-sizeType = 'mini']{
	width: 50px;
	height: 50px;
}
.userSoundButton[data-sizeType = 'micro']{
	width: 40px;
	height: 40px;
}
.userSoundButton[data-sizeType = 'nano']{
	width: 30px;
	height: 30px;
}
.userSoundButton.listened::before{
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0%;
	bottom: 0%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url('../images/tests/theoryStudy/ok.png');
}
.userSoundButton.disabled{
	background-image: url(../images/main/playButtonDisabled.png);
	cursor: auto;	
}
.videoOfSoundButton{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
[data-gameType = 'theoryStudy']{
	font-size: 24px;
}
[data-gameType = 'theoryStudy'] .dataResourceBlock{
	display: none;
}
[data-gameType = 'theoryStudy'] .gameField{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
	overflow: hidden;
}
[data-gameType = 'theoryStudy'] .comicImageAndDialogClouds{
	overflow: hidden;
}
[data-gameType = 'theoryStudy'][data-comicSettingMode] .gameField,
[data-gameType = 'theoryStudy'][data-comicSettingMode] .comicImageAndDialogClouds{
	overflow: visible;
}
[data-gameType = 'theoryStudy'] .infoSlideWrapp{
	width: 100%;
}
[data-gameType = 'theoryStudy'] .infoSlide{
	padding: 24px 120px 0;
	position: relative;
}
[data-gameType = 'theoryStudy'] .infoSlide.comicSlide{
	padding: 0;
//	padding-top: 24px;
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;	
}
[data-gameType = 'theoryStudy'] .techDataInfoElement{
	display: none;
}
[data-gameType = 'theoryStudy'] .infoSlide.comicSlide .comicImageAndDialogClouds{
	position: relative;
	height: 600px;
}
[data-gameType = 'theoryStudy'] .infoSlide.comicSlide .dialogClouds,
[data-gameType = 'theoryStudy'] .infoSlide.comicSlide .dialogComicImages,
[data-gameType = 'theoryStudy'] .infoSlide.comicSlide .additionalElements{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}
[data-gameType = 'theoryStudy'] .infoSlide.comicSlide .dialogClouds > *,
[data-gameType = 'theoryStudy'] .infoSlide.comicSlide .dialogComicImages > *,
[data-gameType = 'theoryStudy'] .infoSlide.comicSlide .additionalElements > *{
	pointer-events: auto;
}
[data-gameType = 'theoryStudy'] .infoSlide.comicSlide .dialogClouds .dialogCloud[data-cloudType = 'soundButton']{
	padding: 0;
	background-color: transparent;
}
[data-gameType = 'theoryStudy'] .dialogCloud[data-cloudType = 'soundButton'] [data-dinamicInfoType = 'soundButton']{
	margin: 0;
	float: none;
}
[data-gameType = 'theoryStudy'] .comicEl.dialogCloud[data-cloudType = 'soundButton'] .settingPanelControlButtons{
	right: -15px;
	top: -15px;
}
[data-gameType = 'theoryStudy'] .comicEl.dialogCloud[data-cloudType = 'soundButton'] .cloudSoundName{
	white-space: nowrap;
}
[data-gameType = 'theoryStudy'] .infoSlide.comicSlide .comicImageWrapp{
	
}
[data-gameType = 'theoryStudy'] .infoSlide.comicSlide .comicImage{
	height: 100%;	
}
[data-gameType = 'theoryStudy'] .dialogCloud{
	position: absolute;
	background-color: #FFFFFF;
	padding: 15px;
	border-radius: 20px;	
	box-sizing: border-box;
}
[data-gameType = 'theoryStudy'] .dialogComicImage{
	position: absolute;
}
[data-gameType = 'theoryStudy'] .dialogComicImage .dialogComicImageEl{
	width: 100%;
	position: relative;
}
/*[data-gameType = 'theoryStudy'] .dialogCloud,
[data-gameType = 'theoryStudy'] .dialogComicImage{
	animation-timing-function: linear;
	animation-fill-mode: both;
}
[data-gameType = 'theoryStudy'] .dialogCloud.invisibleComicEl,
[data-gameType = 'theoryStudy'] .dialogComicImage.invisibleComicEl{
	opacity: 0;
	visibility: hidden;

}*/
[data-gameType = 'theoryStudy'] .comicEl{
	animation-timing-function: linear;
	animation-fill-mode: both;
	z-index: 1;
}
[data-gameType = 'theoryStudy'] .comicEl.invisibleComicEl{
	opacity: 0;
	visibility: hidden;

}

[data-gameType = 'theoryStudy'] .comicEl.draggableComicEl{
	cursor: pointer;
}
[data-gameType = 'theoryStudy'] .draggableComicEl.inDraggablePropcess,
[data-gameType = 'theoryStudy'] .draggableComicEl.inResizablePropcess{
	z-index: 2;
}
[data-gameType = 'theoryStudy'] .draggableComicEl.firstPlan{
	z-index: 3;
}
[data-gameType = 'theoryStudy'] .comicEl .settingPanelWrapp{
	position: absolute;
	left: 0;
}
[data-gameType = 'theoryStudy'] .comicEl .settingPanelWrapp:not([data-panelPosition]){
	top: 100%;
	margin-top: 5px;	
}
[data-gameType = 'theoryStudy'] .comicEl .settingPanelWrapp[data-panelPosition = 'top']{
	bottom: 100%;
	margin-bottom: 5px;
}
[data-gameType = 'theoryStudy'] .comicEl .settingPanelWrapp::before{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	opacity: 0.8;
}
[data-gameType = 'theoryStudy'] .comicEl .settingPanel{
	padding: 5px;
	color: black;
	font-size: 16px;	
	font-weight: normal;
	position: relative;	
	z-index: 1;
}
[data-gameType = 'theoryStudy'] .comicEl .settingPanel > *:nth-of-type(1n + 2){
	margin-top: 5px;	
}
[data-gameType = 'theoryStudy'] .comicEl .settingPanel .sizePanel{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
}
[data-gameType = 'theoryStudy'] .comicEl .settingPanel .sizePanel .sizeButton{
	padding: 2px 7px;
	cursor: pointer;
	background-color: #dadada;
	border-radius: 3px;
}
[data-gameType = 'theoryStudy'] .comicEl .settingPanel .sizePanel .sizeButton.active{
	background-color: #535353;
	color: white;
}
[data-gameType = 'theoryStudy'] .comicEl .settingPanel .sizePanel > *:nth-of-type(1n + 2){
	margin-left: 5px;
}
[data-gameType = 'theoryStudy'] .comicEl .settingPanel .positionsPanel,
[data-gameType = 'theoryStudy'] .comicEl .settingPanel .widthPanel{
	white-space: nowrap;
}
[data-gameType = 'theoryStudy'] .comicEl .settingPanel .textCoeeficientPanel{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
}
[data-gameType = 'theoryStudy'] .comicEl .settingPanel .textCoeeficientInput{
	width: 3em;
	margin-left: 1em;
}
[data-gameType = 'theoryStudy'] .comicEl .settingPanelControlButtons{
	position: absolute;
	right: 5px;
	top: 5px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
}
[data-gameType = 'theoryStudy'] .comicEl .settingPanelControlButtons > *:nth-of-type(1n + 2){
	margin-left: 5px;
}
[data-gameType = 'theoryStudy'] .comicEl .settingPanelControlButton{
	width: 30px;
	height: 30px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;	
}
[data-gameType = 'theoryStudy'] .comicEl.invisibleSettingPanels > .settingPanelWrapp{
	display: none;
}
[data-gameType = 'theoryStudy'] .comicEl .settingPanelControlButton.panelActivity{
	background-image: url('../images/tests/theoryStudy/settingsButton.png');
}
[data-gameType = 'theoryStudy'] .comicEl .settingPanelControlButton.panelActivity.inactive{
	background-image: url('../images/tests/theoryStudy/settingsButtonInactive.png');
}
[data-gameType = 'theoryStudy'] .dialogCloud:not([data-size]),
[data-gameType = 'theoryStudy'] .dialogCloud[data-size = '']{
	max-width: 50%;
}
[data-gameType = 'theoryStudy'] .dialogCloud.widthInPercents{
	max-width: none;
}
[data-gameType = 'theoryStudy'] .dialogCloud[data-size = '1']{
	width: 150px;
}
[data-gameType = 'theoryStudy'] .dialogCloud[data-size = '1.5']{
	width: 225px;
}
[data-gameType = 'theoryStudy'] .dialogCloud[data-size = '2']{
	width: 300px;
}
[data-gameType = 'theoryStudy'] .dialogCloud[data-size = '2.5']{
	width: 375px;
}
[data-gameType = 'theoryStudy'] .dialogCloud[data-size = '3']{
	width: 450px;
}
[data-gameType = 'theoryStudy'] .dialogCloud[data-size = '3.5']{
	width: 525px;
}
[data-gameType = 'theoryStudy'] .dialogCloud[data-size = '4']{
	width: 600px;
}
[data-gameType = 'theoryStudy'] .dialogCloud[data-size = '4.5']{
	width: 675px;
}
[data-gameType = 'theoryStudy'] .dialogCloud[data-size = '5']{
	width: 750px;
}
[data-gameType = 'theoryStudy'] .dialogCloud .cloudHook{
	position: absolute;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;	
//	background-color: green;
	width: 30px;
	height: 30px;
	
}
[data-gameType = 'theoryStudy'] .dialogCloud .cloudHook[data-side = '']{
	display: none;
}
[data-gameType = 'theoryStudy'] .dialogCloud .cloudHook[data-side = 'left']{
	left: 0px;
	transform: translateX(-100%);
	background-image: url('../images/tests/theoryStudy/cloudHooks/left.png');
}
[data-gameType = 'theoryStudy'] .dialogCloud .cloudHook[data-side = 'left'][data-location='beginning']{
	top: 15%;
}
[data-gameType = 'theoryStudy'] .dialogCloud .cloudHook[data-side = 'left'][data-location='end']{
	bottom: 15%;
}
[data-gameType = 'theoryStudy'] .dialogCloud .cloudHook[data-side = 'left'][data-location='center']{	
	margin-top: auto;
	margin-bottom: auto;
	top: 0;
	bottom: 0;
}
[data-gameType = 'theoryStudy'] .dialogCloud .cloudHook[data-side = 'left'][data-curlDirection = 'top']{
	background-image: url('../images/tests/theoryStudy/cloudHooks/leftTop.png');
}
[data-gameType = 'theoryStudy'] .dialogCloud .cloudHook[data-side = 'left'][data-curlDirection = 'bottom']{
	background-image: url('../images/tests/theoryStudy/cloudHooks/leftBottom.png');
}


[data-gameType = 'theoryStudy'] .dialogCloud .cloudHook[data-side = 'top']{
	top: 0px;
	transform: translateY(-100%);
	background-image: url('../images/tests/theoryStudy/cloudHooks/top.png');
}
[data-gameType = 'theoryStudy'] .dialogCloud .cloudHook[data-side = 'top'][data-location='beginning']{
	left: 15%;
}
[data-gameType = 'theoryStudy'] .dialogCloud .cloudHook[data-side = 'top'][data-location='end']{
	right: 15%;
}
[data-gameType = 'theoryStudy'] .dialogCloud .cloudHook[data-side = 'top'][data-location='center']{	
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
}
[data-gameType = 'theoryStudy'] .dialogCloud .cloudHook[data-side = 'top'][data-curlDirection = 'left']{
	background-image: url('../images/tests/theoryStudy/cloudHooks/topLeft.png');
}
[data-gameType = 'theoryStudy'] .dialogCloud .cloudHook[data-side = 'top'][data-curlDirection = 'right']{
	background-image: url('../images/tests/theoryStudy/cloudHooks/topRight.png');
}

[data-gameType = 'theoryStudy'] .dialogCloud .cloudHook[data-side = 'right']{
	right: 0px;
	transform: translateX(100%);
	background-image: url('../images/tests/theoryStudy/cloudHooks/right.png');
}
[data-gameType = 'theoryStudy'] .dialogCloud .cloudHook[data-side = 'right'][data-location='beginning']{
	top: 15%;
}
[data-gameType = 'theoryStudy'] .dialogCloud .cloudHook[data-side = 'right'][data-location='end']{
	bottom: 15%;
}
[data-gameType = 'theoryStudy'] .dialogCloud .cloudHook[data-side = 'right'][data-location='center']{	
	margin-top: auto;
	margin-bottom: auto;
	top: 0;
	bottom: 0;
}
[data-gameType = 'theoryStudy'] .dialogCloud .cloudHook[data-side = 'right'][data-curlDirection = 'top']{
	background-image: url('../images/tests/theoryStudy/cloudHooks/rightTop.png');
}
[data-gameType = 'theoryStudy'] .dialogCloud .cloudHook[data-side = 'right'][data-curlDirection = 'bottom']{
	background-image: url('../images/tests/theoryStudy/cloudHooks/rightBottom.png');
}

[data-gameType = 'theoryStudy'] .dialogCloud .cloudHook[data-side = 'bottom']{
	bottom: 0px;
	transform: translateY(100%);
	background-image: url('../images/tests/theoryStudy/cloudHooks/bottom.png');
}
[data-gameType = 'theoryStudy'] .dialogCloud .cloudHook[data-side = 'bottom'][data-location='beginning']{
	left: 15%;
}
[data-gameType = 'theoryStudy'] .dialogCloud .cloudHook[data-side = 'bottom'][data-location='end']{
	right: 15%;
}
[data-gameType = 'theoryStudy'] .dialogCloud .cloudHook[data-side = 'bottom'][data-location='center']{	
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
}
[data-gameType = 'theoryStudy'] .dialogCloud .cloudHook[data-side = 'bottom'][data-curlDirection = 'left']{
	background-image: url('../images/tests/theoryStudy/cloudHooks/bottomLeft.png');
}
[data-gameType = 'theoryStudy'] .dialogCloud .cloudHook[data-side = 'bottom'][data-curlDirection = 'right']{
	background-image: url('../images/tests/theoryStudy/cloudHooks/bottomRight.png');
}

[data-gameType = 'theoryStudy'] .dialogCloud .cloudTextBlock{
	clear: both;
}
[data-gameType = 'theoryStudy'] .dialogCloud [data-dinamicInfoType = 'soundButton']{
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}

[data-gameType = 'theoryStudy'] .infoSlide .withFloatingDynamicInfoElement:nth-of-type(1n + 2),
[data-gameType = 'theoryStudy'] .infoSlide .textAndImage:nth-of-type(1n + 2){
	margin-top: 15px;
}
[data-gameType = 'theoryStudy'] .infoTitle{
	font-size: 1.4em; 
	font-weight: bold;
}
[data-gameType = 'theoryStudy'] .infoTitle.standardSize{
	font-size: inherit;
}
[data-gameType = 'theoryStudy'] .textBlock{
	margin-top: 16px;
	line-height: 1.44;
}
[data-gameType = 'theoryStudy'] .withFloatingDynamicInfoElement::after{
	display: block;
	content: '';
	clear: both;
}
[data-gameType = 'theoryStudy'] .floatingDynamicInfoElement{	
	float: right;
	margin-left: 30px;	
}
[data-gameType = 'theoryStudy'] .floatingDynamicInfoElement.floatToLeft{
	float: left;
	margin-right: 30px;	
}
[data-gameType = 'theoryStudy'] .floatingDynamicInfoElement.fullHeight{
	height: 100%;
}
[data-gameType = 'theoryStudy'] .textAndImage{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start;
}
[data-gameType = 'theoryStudy'] .imageContainer{
	margin-left: 30px;	
}
[data-gameType = 'theoryStudy'] .textContainer{
	flex-grow: 1;	
}
[data-gameType = 'theoryStudy'] .dynamicInfoImage{
	width: 300px;	
	height: 300px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	overflow: hidden;
	position: relative;
}
[data-gameType = 'theoryStudy'] [data-sound]{
	cursor: pointer;
}
[data-gameType = 'theoryStudy'] .soundButtonsWrapper{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
	padding-top: 16px;
}
[data-gameType = 'theoryStudy'] .withRightSoundButtonsFloating{
	clear: both;
}
[data-gameType = 'theoryStudy'] .withRightSoundButtonsFloating .soundButtonsWrapper{
	float: right;
	padding-top: 0;
	padding-left: 20px;	
}
[data-gameType = 'theoryStudy'] .soundButtonsWrapper .userSoundButton:nth-of-type(1n + 2){
	margin-left: 15px;
}
[data-gameType = 'theoryStudy'] .textAndSoundButtonWrapper{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
}
[data-gameType = 'theoryStudy'] .textAndSoundButtonWrapper .userSoundButton{
	margin-left: 20px;
	flex-shrink: 0;
}
.emergencyNumber{
	color: #ed7d31;
	font-size: 1.4em;
	font-weight: bold;
}
[data-gameType = 'theoryStudy'] .theoryTable{
	font-size: inherit;	
	margin-top: 16px;
	display: inline-table;
}
[data-gameType = 'theoryStudy'] .theoryTable.fullWidth{
	width: 100%;
}
[data-gameType = 'theoryStudy'] .theoryTable .textRow td{
	vertical-align: top;
	text-align: left;
}
[data-gameType = 'theoryStudy'] .theoryTable td{
	text-align: center;
}
[data-gameType = 'theoryStudy'] .theoryTable tr:nth-of-type(1n + 2) td{
	padding-top: 16px;
}
[data-gameType = 'theoryStudy'] .theoryTable .soundButtonsRow [data-dinamicInfoType = 'soundButton'],
[data-gameType = 'theoryStudy'] .theoryTable .imagesRow [data-dinamicInfoType = 'image']{
	display: inline-block;
}
[data-gameType = 'theoryStudy'] .infoSlide.withTheoryTable{
	padding-left: 0;
	padding-right: 0;
}
[data-gameType = 'theoryStudy'] .theoryTable .imagesRow [data-dinamicInfoType = 'image']{
	margin: 0 20px;
}
[data-gameType = 'theoryStudy'] .theoryTable .imagesRow td:first-of-type [data-dinamicInfoType = 'image']{
	margin-left: 0;
}
[data-gameType = 'theoryStudy'] .theoryTable .imagesRow td:last-of-type [data-dinamicInfoType = 'image']{
	margin-right: 0;
}
[data-gameType = 'theoryStudy'] 
/*--  Абакус --*/
[data-gameType = 'countOnAbacus'] .gameField{
	padding-top: 24px;
}
.TSPSlide{
	position: absolute;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: none;
}
.TSPSlide.gifElement{
	margin: auto;
	left: 0;
	top : 0;
	right: 0;
	bottom: 0;
}
.gameAbacusWrapp{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
}
.gameAbacus .horizontalBoard{
	height: 39px;
	background-color: #d4b89e;
	position: relative;
}
.gameAbacus .centralPart{
	padding: 0 28px;
}
.gameAbacus .verticalBoard{
	width: 39px;
	background-color: #B99D83;
}
.gameAbacus .centralPart{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
}
.gameAbacus .rowsAndPlank{
	position: relative;	
}
.gameAbacus .plank{
	position: absolute;
	left: 0;
	top: 93px;
	height: 17px;
	width: 100%;
	background-color: #D4B89E;
	z-index: 1;
}
.gameAbacus .rowsMainBlock{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;	
}
.gameAbacus .beadsRow{
	padding-left: 5px;
	padding-right: 5px;
	position: relative;	
}
.gameAbacus .beadWrapp{
	padding-bottom: 5px;
}
.gameAbacus .beadWrapp:nth-of-type(1){
	padding-top: 5px;
	padding-bottom: 115px;	
}
.gameAbacus .abacusBead{
	width: 67px;
	height: 39px;
	top: 0;
	border-radius: 25%/43%;
	background-color: #fdc901;
	cursor: pointer;
	position: relative;
	transition-property: top, background-color;
	transition-duration: 0.2s, 0.7s;
}
.gameAbacus .abacusBead.active{
	top: -44px;
}
.gameAbacus .abacusBead.topBead.active{
	top: 44px;
}
.gameAbacus .beadsRow .beads{
	position: relative;
}
.gameAbacus .beadsRow .pole{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	width: 12px;
	background-color: #A3877D;
}
.gameAbacus .optionsPanel{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	pointer-events: none;
}
.gameAbacus .optionButton{
	width: 62px;
	height: 62px;
	border-radius: 50%;
	position: relative;
	cursor: pointer;
	top: 35px;
	pointer-events: auto;
	box-sizing: border-box;
	display: none;			
	box-shadow: 0px 4px 8px 0px #3232470F, 0px 4px 4px 0px #32324714;  	
}
.gameAbacus .optionButton, 
.gameAbacus .optionButton .backgroundEl, 
.gameAbacus .optionButton .borderEl{
	border-radius: 50%;
	box-sizing: border-box;
}
.gameAbacus .optionButton .backgroundEl, 
.gameAbacus .optionButton .borderEl{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;	
}
.gameAbacus .optionButton .backgroundEl{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;	
}
.gameAbacus .optionButton .borderEl{
	border: 4px solid #FFFFFF;
}
.gameAbacus .optionButton.visible{
	display: flex;
}
.gameAbacus .optionButton.active{
	box-shadow: 0 0 0 3px blue;
}
.gameAbacus .optionButton:nth-of-type(1n + 2){
	margin-left: 10px;
}
.gameAbacus{
	margin-bottom: 35px;
	position: relative;
}
.gameAbacus .pointsNumChangingIndicatorWrapp{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	z-index: 1;
	pointer-events: none;
}
.gameAbacus .pointsNumChangingIndicator{
	font-size: 50px;	
}
.gameAbacus .pointsNumChangingIndicator.right{
	color: #6979F8;
}
.gameAbacus .pointsNumChangingIndicator.wrong{
	color: #FF4865;
}
.gameAbacus[data-customizationMode = 'ranks'] .beadsRow:nth-last-of-type(3n + 3) .beads .beadWrapp:nth-of-type(2) .abacusBead{
/*	background-color: #D63B56;*/
	background-color: #8F529B;
}
.gameAbacus[data-customizationMode = 'colorful'] .beadsRow:nth-last-of-type(4n + 1) .abacusBead{
	background-color: #309EAA;
}
.gameAbacus[data-customizationMode = 'colorful'] .beadsRow:nth-last-of-type(4n + 2) .abacusBead{
	background-color: #D63B56;
}
.gameAbacus[data-customizationMode = 'colorful'] .beadsRow:nth-last-of-type(4n + 3) .abacusBead{
	background-color: #8F529B;
}
.gameAbacus[data-customizationMode = 'colorful'] .beadsRow:nth-last-of-type(4n + 4) .abacusBead{
	background-color: #FDC901;
}
.gameAbacus[data-customizationMode] .optionButton[data-setDefaultValue] .backgroundEl{
	background-color: #f1459e;
	background-image: url('../images/tests/gameAbacus/optionsButtionsImages/setDefaultValue.png');
}
.gameAbacus[data-customizationMode] .optionButton[data-customizationMode] .backgroundEl{
	background-color: #298EDD;
	background-image: url('../images/tests/gameAbacus/optionsButtionsImages/customiszation3.png');
}
.gameAbacus[data-customizationMode = 'colorful'] .optionButton[data-customizationMode] .backgroundEl{
	background-image: url('../images/tests/gameAbacus/optionsButtionsImages/customiszation1.png');
}
.gameAbacus[data-customizationMode = 'ranks'] .optionButton[data-customizationMode] .backgroundEl{
	background-image: url('../images/tests/gameAbacus/optionsButtionsImages/customiszation2.png');
}
.gameAbacus .beadsRow:nth-of-type(1n + 1) .beads .beadWrapp:nth-of-type(1n) .abacusBead[data-correctness = 'right']{
	background-color: #a0e066;	
}
.gameAbacus .beadsRow:nth-of-type(1n + 1) .beads .beadWrapp:nth-of-type(1n) .abacusBead[data-correctness = 'wrong']{
	background-color: #ff4865;	
}
.gameAbacus .rowNumIndicator{
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	top: -57px;
	background-color: #309EAA;
//	background-color: #2DBECD;
	font-size: 18px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	visibility: hidden;
	opacity: 0;	
	transition-property: visibility, opacity;
	transition-duration: 0.5s;
	color: #FFFFFF;
}
.gameAbacus[data-rowNumIndicatorsVisibility = 'true'] .rowNumIndicator,
.gameAbacus[data-prompt] .rowNumIndicator{
	visibility: visible;
	opacity: 1;	
}
.gameAbacus .optionButton[data-rowNumIndicatorsVisibility] .backgroundEl{
	background-color: #FFC832;
	background-image: url('../images/tests/gameAbacus/optionsButtionsImages/rowNumIndicatorsHidden.png');
}
.gameAbacus[data-rowNumIndicatorsVisibility = 'true'] .optionButton[data-rowNumIndicatorsVisibility] .backgroundEl{
	background-image: url('../images/tests/gameAbacus/optionsButtionsImages/rowNumIndicatorsVisible.png');
}

/*-- для размера little--*/
.gameAbacus[data-sizeType='little'] .horizontalBoard{
	height: 35px;
}
.gameAbacus[data-sizeType='little'] .centralPart{
	padding: 0 25px;
}
.gameAbacus[data-sizeType='little'] .verticalBoard{
	width: 35px;
}
.gameAbacus[data-sizeType='little'] .plank{
	top: 82px; /*рассчитывается*/
	height: 15px;	
}
.gameAbacus[data-sizeType='little'] .beadsRow{
	padding-left: 4px;
	padding-right: 4px;
}	
.gameAbacus[data-sizeType='little'] .beadWrapp{
	padding-bottom: 4px;
}
.gameAbacus[data-sizeType='little'] .beadWrapp:nth-of-type(1){
	padding-top: 4px;
	padding-bottom: 101px; /*рассчитывается*/	
}
.gameAbacus[data-sizeType='little'] .abacusBead{
	width: 60px;
	height: 35px;
}
.gameAbacus[data-sizeType='little'] .abacusBead.active{
	top: -39px; /*рассчитывается высота косточки + padding*/
}
.gameAbacus[data-sizeType='little'] .abacusBead.topBead.active{
	top: 39px; /*рассчитывается высота косточки + padding*/
}	
.gameAbacus[data-sizeType='little'] .beadsRow .pole{
	width: 11px;
}
.gameAbacus[data-sizeType='little'] .optionButton{
	width: 56px;
	height: 56px;
	top: 32px;	
}
.gameAbacus[data-sizeType='little'] .optionButton:nth-of-type(1n + 2){
	margin-left: 9px;
}
.gameAbacus[data-sizeType='little']{
	margin-bottom: 32px;
}
.gameAbacus[data-sizeType='little'] .rowNumIndicator{
	width: 36px;
	height: 36px;
	top: -51px;	
	font-size: 16px;
}
.gameAbacus[data-sizeType='little'] .optionButton .borderEl{
	border-width: 3px;
}	
/*-- для размера little завершение--*/

/*--  Абакус завершение --*/
/*-- Установи число --*/
[data-gameType = 'setTheNumber'] .gameField{
	padding-top: 120px;	
}
[data-gameType = 'setTheNumber'] .gameMainEl{
	overflow: hidden;
}
[data-gameType = 'setTheNumber'][data-calculationsMode] .gameField{
	padding-top: 0px;	
}
[data-gameType = 'setTheNumber'][data-calculationsMode].visibleInfoIndicatorsForCalcMode .gameField{
	padding-top: 55px;
}
[data-gameType = 'setTheNumber'] .gameFieldWrapper{
	margin-top: 24px;
}
[data-gameType = 'setTheNumber'] .gameField:not(.visible){
	display: none;
}
[data-gameType = 'setTheNumber'] .statisticsPanel .centralElement{
	cursor: auto;
}
[data-gameType = 'setTheNumber'] .statisticsPanel .leftElement:not(.visible),
[data-gameType = 'setTheNumber'] .statisticsPanel .rightElement:not(.visible){
	visibility: hidden;
}
[data-gameType = 'setTheNumber'][data-calculationsMode] .statisticsPanel .leftElement:not(.visible),
[data-gameType = 'setTheNumber'][data-calculationsMode] .statisticsPanel .rightElement:not(.visible){
	display: none;
	visiblity: visible;
}
[data-gameType = 'setTheNumber'] .expressionEl{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	font-size: 36px;
	color: #494953;
	font-weight: bold;
	padding-bottom: 30px;
}
[data-gameType = 'setTheNumber'] .expressionEl .term{
	margin-left: 0.3em;
	margin-top: 20px;
}
[data-gameType = 'setTheNumber'] .expressionEl:not([data-gameType = 'setTheNumber'][data-calculationsMode] .expressionEl){
	display: none;
}
[data-gameType = 'setTheNumber'][data-calculationsMode] .statisticsPanel .centralElement{
	display: none;
}
[data-gameType = 'setTheNumber'][data-calculationsMode] .expressionTechEl{
	visibility: hidden;
}
[data-gameType = 'setTheNumber'].abacusTraining .indicatorEl{
	font-size: inherit;
	color: inherit;
	font-family: inherit;
	font-weight: inherit;	
	text-align: center;
	cursor: pointer;
	width: 350px;
	height: 100%;
	background-color: transparent;
} 
[data-gameType = 'setTheNumber'].abacusTraining .indicatorEl,
[data-gameType = 'setTheNumber'].abacusTraining .indicatorEl:focus{
	border: none;
	outline: none;
}
/*-- Установи число завершение --*/



/*-- Презентационные игры --*/

[data-presentationGame] header{
	display: none;
}
[data-presentationGame].the14thofFebruary .gameField{
	background-image: url('../lessons/lesson_P/event1/images/catchTheNumberBackground.png');
}
[data-presentationGame] .closeButton{
	display: none;
}
/*-- Презентационные игры завершение --*/

/*.infoPopupWrapper .infoPopup[data-popupType = 'grammar']{
	width: 728px;
}*/



/*
[data-gameType='connectWithALine'] .elementsList > li,
[data-gameType='connectWithALine'] [elType = 'typeA'] .Limage,
[data-gameType='connectWithALine'] [elType = 'typeE'] .Limage{
	width: 160px;	
}
[data-gameType='connectWithALine'] .elementsList > li{
	height: 160px;	
}
[data-gameType='connectWithALine'] .elementsList > li.typeB{
	height: 48px;
}*/

/*
[data-gameType='connectWithALine'] .elementsList > li.typeB .LIinscription{
	box-sizing: border-box;	
	padding-left: 12px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: start;
	align-items: center;	
}
[data-gameType='connectWithALine'] .elementsList > li.typeB .LIinscription > *:nth-child(1n + 2){
	margin-left: 8px;
}*/
/*
[data-gameType='connectWithALine'] .elementsList > li,
[data-gameType='connectWithALine'] .elementsList > .LIimage{
	border-radius: 12px;
}


[data-gameType='connectWithALine'] .elementsList > li.imageInscriptionMode,
[data-gameType='connectWithALine'] .elementsList > li.inscriptionMode{
	box-shadow: 0px 4px 8px rgba(50, 50, 71, 0.06), 0px 4px 4px rgba(50, 50, 71, 0.08);
}
[data-gameType='connectWithALine'] .elementsList .LIimage,
[data-gameType='connectWithALine'] .elementsList > li.inscriptionMode .LIinscription{
	width: 160px;
}
[data-gameType='connectWithALine'] .elementsList .LIimage{
	height: 160px;
	background-color: green;
}
[data-gameType='connectWithALine'] .elementsList .Linscription{
	height: 48px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}
[data-gameType='connectWithALine'] .elementsList .Linscription > *:nth-child(1n + 2){
	margin-left: 8px;
}
*/


/*-- Собери картинку --*/
[data-gameType='picturePuzzle'] .gameField{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
}
[data-gameType='picturePuzzle'] .gameField > *{
	flex-grow: 0;
}
[data-gameType='picturePuzzle'] .destinatoinElementsWrapper{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;	
//	z-index: 1;
}
[data-gameType='picturePuzzle'] .destinatoinElement{
	height: 300px;
	background-color: #19AAB9;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	position: relative;
}
[data-gameType='picturePuzzle'][data-sizetype = 'verticalNum1'] .destinatoinElement{
	height: 150px;
}
[data-gameType='picturePuzzle'].poets .destinatoinElement{
	height: 320px;
}
[data-gameType='picturePuzzle'] .destinatoinElement .destinationCell{
//	box-sizing: border-box;
//	border: 1px solid black;	
	position: relative;
}
[data-gameType='picturePuzzle'] .resourceElement{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	box-sizing: border-box;
	flex-grow: 1;
	align-content: flex-start;
}
[data-gameType='picturePuzzle'] .resourceElement .resourceCell{
//	box-sizing: border-box;
//	border: 1px solid black;
	position: relative;
}
[data-gameType='picturePuzzle']/*[data-sizetype='verticalNum2']*/ .resourceElement{
//	margin-top: 23px;
}
[data-gameType='picturePuzzle']/*[data-sizetype='verticalNum2']*/ .resourceElement .resourceCell:nth-of-type(1n + 2){
	margin-left: 23px;
}
[data-gameType='picturePuzzle']/*[data-sizetype='verticalNum2']*/ .resourceElement .resourceCell{
	margin-top: 23px;
}
[data-gameType='picturePuzzle'] .scrap{
	display: flex;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	cursor: pointer;	
	position: relative;
//	box-shadow: 0 0 0 0.5px #000000 inset; 
	overflow: hidden;		
	background-color: #FFFFFF;
}
[data-gameType='picturePuzzle'] .scrap[data-type='soundButton']{
	background-image: url('../images/tests/picturePuzzle/playButton.png');
	background-size: 70% auto;
}
[data-gameType='picturePuzzle'] .scrap[data-type='soundButton'].playing{
	background-image: url('../images/tests/picturePuzzle/pauseButton.png');
}
[data-gameType='picturePuzzle'] .scrap:not(.promptScrap){
	display: none;
//	overflow: hidden;	
}
[data-gameType='picturePuzzle'] .scrap:not(.promptScrap)::before,
[data-gameType='picturePuzzle'] .scrap .promptCorrectnessEl{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;	
	opacity: 0;	
	transition-property: opacity, background-color;
	transition-duration: 0.3s;			
}
[data-gameType='picturePuzzle'] .destinationCell[data-correctness = 'right'] .scrap::before,
[data-gameType='picturePuzzle'] .destinationCell[data-correctness = 'wrong'] .scrap::before,
[data-gameType='picturePuzzle']  .scrap[data-promptCorrectness = 'right'] .promptCorrectnessEl,
[data-gameType='picturePuzzle']  .scrap[data-promptCorrectness = 'wrong'] .promptCorrectnessEl{
	opacity: 0.5;
}
[data-gameType='picturePuzzle'] .destinationCell[data-correctness = 'right'] .scrap::before,
[data-gameType='picturePuzzle']  .scrap[data-promptCorrectness = 'right'] .promptCorrectnessEl{
	background-color: #76D51F;
}
[data-gameType='picturePuzzle'] .destinationCell[data-correctness = 'wrong'] .scrap::before,
[data-gameType='picturePuzzle']  .scrap[data-promptCorrectness = 'wrong'] .promptCorrectnessEl{
	background-color: #FF4865;
}
[data-gameType='picturePuzzle'] .destinatoinElementsWrapper,
[data-gameType='picturePuzzle'].resourceElement{
	position: relative;
}

[data-gameType='picturePuzzle'] .puzzleSoundButtonWrapper{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
[data-gameType='picturePuzzle'] .puzzleSoundButtonWrapper[data-side = 'left']{
	padding-right: 35px;
}
[data-gameType='picturePuzzle'] .puzzleSoundButtonWrapper[data-side = 'right']{
	padding-left: 35px;
}
[data-gameType='picturePuzzle'] .puzzleSoundButton{
	border-radius: 50%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	background-image: url(../images/tests/picturePuzzle/playButton.png);
	cursor: pointer;
}
[data-gameType='picturePuzzle'] .puzzleSoundButton,
[data-gameType='picturePuzzle'] .adjustingSoundButtonsEl{
	width: 80px;
	height: 80px;	
}
[data-gameType='picturePuzzle'] .adjustingSoundButtonsEl{
	visibility: hidden;
}
[data-gameType='picturePuzzle'] .puzzleSoundButton.playing{
	background-image: url(../images/tests/picturePuzzle/pauseButton.png);
}
[data-gameType='picturePuzzle'] .greedLine{
	position: absolute;
}
[data-gameType='picturePuzzle'] .greedLine.vertical{
	top: 0;
	bottom: 0;
	height: 100%;
}
[data-gameType='picturePuzzle'] .greedLine.horizontal{
	left: 0;
	right: 0;
	width: 100%;
}
[data-gameType='picturePuzzle'] .linesGrid{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.gameBody[data-gameType='picturePuzzle'] .countdownWrapper.mainCountdown{
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: center;
	font-size: 36px;
	font-weight: bold;		
}
.gameBody[data-gameType='picturePuzzle'] .mainCountdown .countdownEl{
	opacity: 0; 
}
.gameBody[data-gameType='picturePuzzle'] .countdownWrapper.mainCountdown{
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: center;
	font-size: 36px;
	font-weight: bold;		
}

.gameBody[data-gameType='picturePuzzle']:not([data-timerMode]) .countdownWrapper.mainCountdown{
	display: none;
}
[data-gameType='picturePuzzle'] .gameField{
	padding-top: 16px;
}
[data-gameType='picturePuzzle'][data-timerMode] .gameField{
	padding-top: 0;
}


[data-gameType='picturePuzzle'][data-pairedPicturesMode] .pairedPicturesElement{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;	
}
[data-gameType='picturePuzzle'][data-pairedPicturesMode] .pairedPicture{	
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;		
}
[data-gameType='picturePuzzle'][data-pairedPicturesMode] .pairedPicture::before,
[data-gameType='picturePuzzle'][data-pairedPicturesMode] .pairedPicture::after{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;	
}
[data-gameType='picturePuzzle'][data-pairedPicturesMode] .pairedPicture::before{
	background-color: #FFFFFF;
	opacity: 0.5;		
}
[data-gameType='picturePuzzle'][data-pairedPicturesMode] .pairedPicture:not(.lightenUp)::before{
	display: none;
}
[data-gameType='picturePuzzle'][data-pairedPicturesMode] .pairedPicture:not(.withWatermarks)::after{
	display: none;
}
[data-gameType='picturePuzzle'][data-pairedPicturesMode] .pairedPicture::after{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 30% auto;
	background-image: url('../images/tests/picturePuzzle/pairedPictureBack.png');
	opacity: 0.6;
}
[data-gameType='picturePuzzle'][data-pairedPicturesMode] .pairedPicture.withSound::after{
	background-image: url('../images/tests/picturePuzzle/pairedPictureBackSound.png');
	background-size: 40% auto;
}
[data-gameType='picturePuzzle'][data-pairedPicturesMode] .destinationCell.withSound{
	cursor: pointer;
}
[data-gameType='picturePuzzle'][data-pairedPicturesMode] .destinatoinElement{
	background-color: #FFFFFF;
}
/*[data-gameType='picturePuzzle'] .pairedPicture{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	
}
[data-gameType='picturePuzzle'] .pairedPicture.withSound{
	cursor: pointer;
}
[data-gameType='picturePuzzle'][data-pairedPicturesMode] .scrap{
	z-index: 2;
}
[data-gameType='picturePuzzle'][data-pairedPicturesMode] .destinatoinElement .destinationCell{
	z-index : 0;
}
[data-gameType='picturePuzzle'][data-pairedPicturesMode] .linesGrid{
//	z-index: 1;
	pointer-events: none;
}*/
/*[data-gameType='picturePuzzle'] .pairedPicture{
	opacity: 0.5;
}*/

/*[data-gameType='picturePuzzle'] .pairedPicture::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
//	background-color: #b5b5b5;
//	opacity: 0.6;	
	background-color: #FFFFFF;
	opacity: 0.6;	
}*/

/*[data-gameType='picturePuzzle'][data-pairedPicturesMode] .destinatoinElement{
	background-color: #FFFFFF;
}*/

/*-- Собери картинку зевершение--*/
/* -- Пятнашки -- */
[data-gameType='puzzleFifteen'] .gameField{
	padding-top: 16px;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
}
[data-gameType='puzzleFifteen'] .destinatoinElement{
	position: relative;
	perspective: 1000px;
	transform-style: preserve-3d;
}
[data-gameType='puzzleFifteen'] .PFScrap{
	position: absolute;
//	background-size: contain;
//	background-repeat: no-repeat;
	cursor: pointer;
	
	transition-property: left, top;
//	overflow: hidden;
	background-color: #FFFFFF;
}
[data-gameType='puzzleFifteen'] .PFScrap,
[data-gameType='puzzleFifteen'] .PFScrap .scrapPicture{
	box-shadow: rgb(0, 0, 0) 0px 0px 0px 0.5px inset;	
}
[data-gameType='puzzleFifteen'] .PFScrap .scrapPicture{
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
[data-gameType='puzzleFifteen'] .PFScrap .scrapPicture,
[data-gameType='puzzleFifteen'] .PFScrap .scrapPictureNumber,
[data-gameType='puzzleFifteen'] .scrapDirectionButtonIndicatorEl{
	transition-property: filter;
	transition-duration: 0.7s;	
}
/*[data-gameType='puzzleFifteen'] .PFScrap:not([data-correctness]).inSupportingCell .scrapDirectionButtonIndicatorEl,*/
[data-gameType='puzzleFifteen'] .PFScrap:not([data-correctness]).inSupportingCell .scrapPicture,
[data-gameType='puzzleFifteen'] .PFScrap:not([data-correctness]).inSupportingCell .scrapPictureNumber{
	filter: grayscale(1);
}
[data-gameType='puzzleFifteen'] .PFScrap,
[data-gameType='puzzleFifteen'] .PFScrap .scrapPicture,
[data-gameType='puzzleFifteen'] .PFScrap::after{
	border-radius: 10px;
}
[data-gameType='puzzleFifteen'][data-numbersMode] .PFScrap,
[data-gameType='puzzleFifteen'][data-numbersMode] .PFScrap .scrapNumber{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
[data-gameType='puzzleFifteen'][data-numbersMode] .PFScrap .scrapNumber{
	background-color: orange;
	width: 2em;
	height: 2em;
	border-radius: 50%;
}
[data-gameType='puzzleFifteen'] .scrapPictureNumberWrapp,
[data-gameType='changeThePuzzle'] .scrapPictureNumberWrapp{
	position: absolute;
	left: 0;
	top: 0;
}
[data-gameType='puzzleFifteen'] .scrapPictureNumber,
[data-gameType='changeThePuzzle'] .scrapPictureNumber{
	background-color: #f56a0d;
	color: #FFFFFF;
	width: 1.5em;
	height: 1.5em;	
	border-radius: 50%;
	text-align: center;
	line-height: 1.5em;
	box-shadow: 0.03em 0.03em 0.03em 0.03em rgba(30,30,30,0.7);
}
[data-gameType='puzzleFifteen'] .PFScrap::after{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition-property: opacity, background-color;    
}
[data-gameType='puzzleFifteen'] .PFScrap:not(.lastScrap)::after{
	transition-duration: 0.3s;	
}
[data-gameType='puzzleFifteen'] .PFScrap[data-correctness = 'right']::after{
	background-color: #76D51F;
}
[data-gameType='puzzleFifteen'] .PFScrap[data-correctness = 'wrong']::after{
	background-color: #FF4865;
}
[data-gameType='puzzleFifteen'] .PFScrap[data-correctness = 'right']::after,
[data-gameType='puzzleFifteen'] .PFScrap[data-correctness = 'wrong']::after{
	opacity: 0.5;
}
[data-gameType='puzzleFifteen'] .destinatoinElementsWrapper{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;	
}
[data-gameType='puzzleFifteen'] .puzzleSoundButtonWrapper{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
[data-gameType='puzzleFifteen'] .puzzleSoundButtonWrapper[data-side = 'left']{
	padding-right: 35px;
}
[data-gameType='puzzleFifteen'] .puzzleSoundButtonWrapper[data-side = 'right']{
	padding-left: 35px;
}
[data-gameType='puzzleFifteen'] .puzzleSoundButton{
	border-radius: 50%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	background-image: url(../images/tests/puzzleFifteen/playButton.png);
	cursor: pointer;
}
[data-gameType='puzzleFifteen'] .puzzleSoundButton,
[data-gameType='puzzleFifteen'] .adjustingSoundButtonsEl{
	width: 80px;
	height: 80px;	
}
[data-gameType='puzzleFifteen'] .adjustingSoundButtonsEl{
	visibility: hidden;
}
[data-gameType='puzzleFifteen'] .puzzleSoundButton.playing{
	background-image: url(../images/tests/puzzleFifteen/pauseButton.png);
}
[data-gameType='puzzleFifteen'] .gameField.withStatisticsPanel{
	padding-top: 90px;
}
[data-gameType = 'puzzleFifteen'] .statisticsPanel{
	top: -25px;
}
[data-gameType='puzzleFifteen'] .supportingColumnsEl{
	position: absolute;
	top: 0;
	height: 100%;
	right: 0;
}
[data-gameType='puzzleFifteen'] .supportingColumnsElWrapp{
	width: 100%;
	height: 100%;
	position: absolute;
	right : 0;
	top: 0;
}
[data-gameType='puzzleFifteen'] .supportingColumnsElWrapp{
	z-index: -1;
}
[data-gameType='puzzleFifteen'] .elGridLine{
	position: absolute;
}
[data-gameType='puzzleFifteen'] .elGridLine.horizontal{
	width: 100%;
}
[data-gameType='puzzleFifteen'] .elGridLine.vertical{
	height: 100%;
}
[data-gameType='puzzleFifteen'] .scrapDirectionButton{
	position: absolute;
	z-index: 1;
	pointer-events: none;
	transition-property: opacity, visibility;
	transition-duration: 0.7s;
	opacity: 0;
	visibility: hidden;
}
[data-gameType='puzzleFifteen'] .scrapDirectionButton.visible{
	visibility: visible;
	opacity: 1;
}
[data-gameType='puzzleFifteen'] .scrapDirectionButton[data-direction='left'],
[data-gameType='puzzleFifteen'] .scrapDirectionButton[data-direction='right']{
	top: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;		
}
[data-gameType='puzzleFifteen'] .scrapDirectionButton[data-direction='left']{
	left: 0;
}
[data-gameType='puzzleFifteen'] .scrapDirectionButton[data-direction='right']{
	right: 0;
}
[data-gameType='puzzleFifteen'] .scrapDirectionButton[data-direction='up'],
[data-gameType='puzzleFifteen'] .scrapDirectionButton[data-direction='down']{
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;		
}
[data-gameType='puzzleFifteen'] .scrapDirectionButton[data-direction='up']{
	top: 0;
}
[data-gameType='puzzleFifteen'] .scrapDirectionButton[data-direction='down']{
	bottom: 0;
}
[data-gameType='puzzleFifteen'] .scrapDirectionButtonIndicatorEl{
	border-radius: 50%;	
	pointer-events: none;
	cursor: pointer;
	position: relative;
	width: 100%;
	height: 100%;
	opacity: 0.9;
//	background-color: green;		
	background-color: #40b6f7;
	box-shadow: 2px 2px 2px rgba(100,100,100,0.8);
}
[data-gameType='puzzleFifteen'] .scrapDirectionButton.visible .scrapDirectionButtonIndicatorEl{
	pointer-events: auto;
}
[data-gameType='puzzleFifteen'] .scrapDirectionButtonIndicatorEl::before{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	transform-origin: center center;
	background-position: center center;
	background-size: 70% auto;
	background-repeat: no-repeat;		
	background-image: url('../images/tests/puzzleFifteen/directionButton.png');
}
[data-gameType='puzzleFifteen'] .scrapDirectionButton[data-direction='left'] .scrapDirectionButtonIndicatorEl{
	left: -50%;	
}
[data-gameType='puzzleFifteen'] .scrapDirectionButton[data-direction='right'] .scrapDirectionButtonIndicatorEl{
	right: -50%;
}
[data-gameType='puzzleFifteen'] .scrapDirectionButton[data-direction='up'] .scrapDirectionButtonIndicatorEl{
	top: -50%;
}
[data-gameType='puzzleFifteen'] .scrapDirectionButton[data-direction='down'] .scrapDirectionButtonIndicatorEl{
	bottom: -50%;
}
[data-gameType='puzzleFifteen'] .scrapDirectionButton[data-direction='left'] .scrapDirectionButtonIndicatorEl::before{
	transform: scaleX(-100%);
}
[data-gameType='puzzleFifteen'] .scrapDirectionButton[data-direction='right'] .scrapDirectionButtonIndicatorEl::before{
	
}
[data-gameType='puzzleFifteen'] .scrapDirectionButton[data-direction='up'] .scrapDirectionButtonIndicatorEl::before{
	transform: rotateZ(-90deg);
}
[data-gameType='puzzleFifteen'] .scrapDirectionButton[data-direction='down'] .scrapDirectionButtonIndicatorEl::before{
	transform: rotateZ(90deg);
}
[data-gameType='puzzleFifteen'] .PFScrap.withDirectionButtons{
	cursor: auto;
}
[data-gameType='puzzleFifteen'] .commonGrid{
	position: absolute;
	left: 0;
	top: 0;
}
/* -- Пятнашки завершение -- */
/* -- Вращай пазл -- */
[data-gameType = 'rotateThePuzzle'] .gameFieldWrapper.withStatisticsPanel{
    margin-top: 24px;
}
[data-gameType='rotateThePuzzle'] .gameField{
	padding-top: 16px;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
}
[data-gameType='rotateThePuzzle'] .gameFieldWrapper.withStatisticsPanel .gameField{
	padding-top: 90px;
}
[data-gameType='rotateThePuzzle'] .destinatoinElement{
	position: relative;
	perspective: 1000px;
	transform-style: preserve-3d;
	transition-property: opacity;
	transition-duration: 0;
	opacity: 1;
}
[data-gameType='rotateThePuzzle'] .destinatoinElement.inactive{
	opacity: 0.5;
	transition-duration: 0.5s;
}
[data-gameType='rotateThePuzzle'] .RTPSscrap{
	position: absolute;	
	transform-style: preserve-3d;
	cursor: pointer;
	visibility: hidden;
}
[data-gameType='rotateThePuzzle'] .RTPSscrap.visible{
	visibility: visible;
}
[data-gameType='rotateThePuzzle'] .RTPSscrap{
	transition-property: transform, box-shadow;
}
[data-gameType='rotateThePuzzle'] .RTPSscrap.withAnimation{
	transition-property: none;
}
[data-gameType='rotateThePuzzle'] .RTPSscrap.withoutTransition{
	transition-property: none !important;
}	
[data-gameType='rotateThePuzzle'] .RTPSscrap.turned:not(.withAnimation){
	transform: rotateY(-180deg);
}

/*[data-gameType='rotateThePuzzle'] .RTPSscrap .frontSide,
[data-gameType='rotateThePuzzle'] .RTPSscrap .backSide{*/
[data-gameType='rotateThePuzzle'] .RTPSscrap .scrapSide{
	position: absolute;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	-webkit-backface-visibility: hidden;
	background-color: #FFFFFF;
	box-shadow: rgb(0, 0, 0) 0px 0px 0px 0.5px inset;
}
[data-gameType='rotateThePuzzle'][data-gameMode='picturesMode'] .RTPSscrap .scrapSide{
	background-size: cover;
	bacgkround-position: center center;
}
[data-gameType='rotateThePuzzle'] .RTPSscrap .backSide{
	transform: rotateY(-180deg);
}

[data-gameType='rotateThePuzzle'] .RTPSscrap .scrapSide::after{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition-property: opacity, background-color;
	transition-duration: 0.3s;
}
/*[data-gameType='rotateThePuzzle'] .RTPSscrap .scrapSide::after{
		
}*/
[data-gameType='rotateThePuzzle'] .RTPSscrap[data-correctness = 'right'] .scrapSide::after{
	background-color: #76D51F;
}
[data-gameType='rotateThePuzzle'] .RTPSscrap[data-correctness = 'wrong'] .scrapSide::after{
	background-color: #FF4865;
}
[data-gameType='rotateThePuzzle'] .RTPSscrap[data-correctness] .scrapSide::after{
	opacity: 0.5;
}

[data-gameType='rotateThePuzzle'] .destinatoinElementsWrapper{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;	
}
[data-gameType='rotateThePuzzle'] .puzzleSoundButtonWrapper{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
[data-gameType='rotateThePuzzle'] .puzzleSoundButtonWrapper[data-side = 'left']{
	padding-right: 35px;
}
[data-gameType='rotateThePuzzle'] .puzzleSoundButtonWrapper[data-side = 'right']{
	padding-left: 35px;
}
[data-gameType='rotateThePuzzle'] .puzzleSoundButton{
	border-radius: 50%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	background-image: url(../images/tests/rotateThePuzzle/playButton.png);
	cursor: pointer;
}
[data-gameType='rotateThePuzzle'] .puzzleSoundButton,
[data-gameType='rotateThePuzzle'] .adjustingSoundButtonsEl{
	width: 80px;
	height: 80px;	
}
[data-gameType='rotateThePuzzle'] .adjustingSoundButtonsEl{
	visibility: hidden;
}
[data-gameType='rotateThePuzzle'] .puzzleSoundButton.playing{
	background-image: url(../images/tests/rotateThePuzzle/pauseButton.png);
}
[data-gameType='rotateThePuzzle'] .coverWrapper,
[data-gameType='rotateThePuzzle'] .cover{
	width: 100%;
	height: 100%;	
	left: 0;
}
[data-gameType='rotateThePuzzle'] .coverWrapper{
	position: absolute;	
	top: 0;	
	overflow: hidden;
}
[data-gameType='rotateThePuzzle'] .cover{
	position: relative;
	left: -100%;
	background-repeat: no-repeat;
	background-size: auto 50%;
	background-position: center center;
	background-image: url('../images/main/maxiLogoSimple.png');
	background-color: #FFC961;
}
[data-gameType='rotateThePuzzle'] .RTPSscrap.highlighted{
	box-shadow: 0 0 0 5px #76D51F;
}
/* -- Вращай пазл завершение -- */
/* -- Меняй пазл -- */
[data-gameType='changeThePuzzle'] .gameField{
    padding-top: 16px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}
[data-gameType='changeThePuzzle'] .destinatoinElementsWrapper{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}
[data-gameType='changeThePuzzle'] .destinatoinElement{
    position: relative;
    perspective: 1000px;
	transform-style: preserve-3d;
}
[data-gameType='changeThePuzzle'] .scrapCell{
	position: absolute;
}	
[data-gameType='changeThePuzzle'] .CTPScrap{
	position: absolute;
	left: 0;
	top: 0;
	background-repeat: no-repeat;
	box-shadow: rgb(0, 0, 0) 0px 0px 0px 0.5px inset;	
	cursor: pointer;
	transition-property: box-shadow;
	transition-duration: 0.5s;
	animation-fill-mode: both;
	animation-timing-function: linear;
	animation-name: CTPScrapAppearance;
	animation-play-state: paused;
}
[data-gameType='changeThePuzzle'][data-gameMode = picturesMode] .CTPScrap{
	background-position: center center;
	background-size: cover;
}
[data-gameType='changeThePuzzle'] .CTPScrap,
[data-gameType='changeThePuzzle'] .CTPScrap::before{
	border-radius: 10px;
}
[data-gameType='changeThePuzzle'] .CTPScrap::before{
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #6979F8;
	opacity: 0;
	transition-property: opacity, background-color;
	transition-duration: 0.5s;
}
[data-gameType='changeThePuzzle'] .CTPScrap.highlighted{
	box-shadow: #6979F8 0px 0px 1px 3px inset; 
	z-index: 1;
}
[data-gameType='changeThePuzzle'] .CTPScrap.placed{
	box-shadow: #FFA800 0px 0px 1px 3px inset; 	
}
[data-gameType='changeThePuzzle'] .CTPScrap.highlighted::before,
[data-gameType='changeThePuzzle'] .CTPScrap.placed::before{
	opacity: 0.5;
}
[data-gameType='changeThePuzzle'] .CTPScrap.placed::before{
	background-color: #FFA800;
}
[data-gameType='changeThePuzzle'] .CTPScrap[data-correctness]::before{
	opacity: 0.5;
	z-index: 1;
}
[data-gameType='changeThePuzzle'] .CTPScrap[data-correctness = 'right']::before{
	background-color: #76D51F;
}
[data-gameType='changeThePuzzle'] .CTPScrap[data-correctness = 'wrong']::before{
	background-color: #FF4865;
}
[data-gameType = 'changeThePuzzle'] .starsEffectWrapp{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
[data-gameType = 'changeThePuzzle'] .starsEffect{
	position: absolute;
	margin: auto;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(../images/tests/crossword/starsEffect.png);
	pointer-events: none;
	z-index: 2;
}
[data-gameType='changeThePuzzle'] .destinatoinElementsWrapper{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;	
}
[data-gameType='changeThePuzzle'] .puzzleSoundButtonWrapper{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
[data-gameType='changeThePuzzle'] .puzzleSoundButtonWrapper[data-side = 'left']{
	padding-right: 35px;
}
[data-gameType='changeThePuzzle'] .puzzleSoundButtonWrapper[data-side = 'right']{
	padding-left: 35px;
}
[data-gameType='changeThePuzzle'] .puzzleSoundButton{
	border-radius: 50%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	background-image: url(../images/tests/changeThePuzzle/playButton.png);
	cursor: pointer;
}
[data-gameType='changeThePuzzle'] .puzzleSoundButton,
[data-gameType='changeThePuzzle'] .adjustingSoundButtonsEl{
	width: 80px;
	height: 80px;	
}
[data-gameType='changeThePuzzle'] .adjustingSoundButtonsEl{
	visibility: hidden;
}
[data-gameType='changeThePuzzle'] .puzzleSoundButton.playing{
	background-image: url(../images/tests/changeThePuzzle/pauseButton.png);
}
[data-gameType='changeThePuzzle'] .coverWrapper,
[data-gameType='changeThePuzzle'] .cover{
	width: 100%;
	height: 100%;	
	left: 0;
}
[data-gameType='changeThePuzzle'] .coverWrapper{
	position: absolute;	
	top: 0;	
	overflow: hidden;
}
[data-gameType='changeThePuzzle'] .cover{
	position: relative;
	left: -100%;
	background-repeat: no-repeat;
	background-size: auto 50%;
	background-position: center center;
	background-image: url('../images/main/maximus.png');
	background-color: #FFC961;
}
/* -- Меняй пазл завершение -- */
/*-- Радуга --*/
[data-gameType='rainbow'] .gameField{
	padding-top: 16px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;	
}
[data-gameType='rainbow'] .gameElements{
	width: 100%;
	box-sizing: border-box;
}
[data-gameType='rainbow'] .timeLineIndicatorWrapp{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
.timeLineIndicator{
	width: 400px;
	height: 16px;
	position: relative;
	background-color: #E9E9ED;
}
.timeLineIndicator .timeLine{
	position: absolute;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #36e0ff;
}
[data-gameType='rainbow'] .taskAndVariantsWords{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	padding-top: 30px;
	width: 100%;
	box-sizing: border-box;
}
[data-gameType='rainbow'] .taskAndVariantsWords > *{	
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: auto;
}
[data-gameType='rainbow'] .taskAndVariantsWords .taskWordCaseWrapp{
	width: 70%;
}
[data-gameType='rainbow'] .taskAndVariantsWords .variantsWordsCaseWrapp{
	width: 30%;	
}
[data-gameType='rainbow'] .taskAndVariantsWords .taskWordCaseWrapp{
//	padding-right: 20px;
}
[data-gameType='rainbow'] .taskAndVariantsWords .variantsWordsCaseWrapp{
//	padding-left: 20px;
}
[data-gameType='rainbow'] .variantsWordsCase > *:nth-of-type(1n + 2){
	margin-top: 0.4em;
}
[data-gameType='rainbow'] .taskWordCase,
[data-gameType='rainbow'] .variantsWordsCase{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;	
}
[data-gameType='rainbow'] .taskWordCase{
	align-items: center;
}
[data-gameType='rainbow'] .variantsWordsCase{
	align-items: center;
}
[data-gameType='rainbow'] .taskWord{
	transition-property: color, background-color;
	transition-duration: 0.7s;
}
[data-gameType='rainbow'][data-colorTextBackground] .taskWord{
	padding: 0.1em 0.3em 0.3em;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px rgba(100,100,100,0.7);
}
[data-gameType='rainbow'].gamePaused:not([data-colorTextBackground]) .taskWord{
	color: #a8a8a8 !important;
}
[data-gameType='rainbow'][data-colorTextBackground].gamePaused .taskWord{
	background-color: #a8a8a8 !important; 
}
[data-gameType='rainbow'] .pauseButton,
[data-gameType='multiplicationTable'] .pauseButton{
	margin-left: 12px;
}
.variantButtonTypeA{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    transition-duration: 0.5s;
    transition-property: color, border-color;	
	
    background-color: #FFFFFF;
    border: 1px dashed #BBBBC5;
    border-radius: 0.3em;
    padding: 0.4em 0.6em;	
	font-weight: 700;

}
.variantButtonTypeA .variantIndicator{
	display: none;
    content: '';
    width: 27px;
    height: 27px;
    box-shadow: inset 0px 4px 4px rgba(50, 50, 71, 0.08), inset 0px 4px 8px rgba(50, 50, 71, 0.06);
    border-radius: 50%;
    position: relative;
    margin-right: 0.4em;
    cursor: pointer;    
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    background-color: #FBFBFD;
    flex-shrink: 0;
}
.variantButtonTypeA .variantIndicator::before{
    content: '';
    display: block;
    opacity: 0;
    transition-property: opacity;
    transition-duration: 0.3s;
    width: 63%;
    height: 63%;
    border-radius: 50%;
    background-color: #1D9FAD;	
}
.variantButtonTypeA[data-active] .variantIndicator::before{
	opacity: 1;
}
.variantButtonTypeA[data-correctness = 'right']{
	border-color: #76D51F;
	color: #76D51F;
}
.variantButtonTypeA[data-correctness = 'wrong']{
    border-color: #FF4865;	
	color: #FF4865;
}
.variantButtonTypeA[data-correctness = 'right'] .variantIndicator::before,
.variantButtonTypeA[data-correctness = 'wrong'] .variantIndicator::before{
	display: none;
}
.variantButtonTypeA[data-correctness = 'right'] .variantIndicator{
    background-color: #76D51F;
    background-image: url(../images/main/okBack.png);	
}
.variantButtonTypeA[data-correctness = 'wrong'] .variantIndicator{
    background-color: #FF4865;
    background-image: url(../images/main/cancelBack.png);
}
.variantButtonTypeA[data-correctness = 'right'] .variantIndicator,
.variantButtonTypeA[data-correctness = 'wrong'] .variantIndicator{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 50% auto;
	box-shadow: inset 0px 4px 8px rgb(50 50 71 / 6%), inset 0px 4px 4px rgb(50 50 71 / 8%);
}
.variantButtonTypeA.withIndicator .variantIndicator{
	display: flex;
}

/*-- Радуга завершение --*/
/*-- Таблица умножения --*/
[data-gameType='multiplicationTable'] .gameField{
	padding-top: 16px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;	
}
[data-gameType='multiplicationTable'] .MTableAndDigitsInputPanel{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
[data-gameType='multiplicationTable'] .multiplicationTable{
	border-collapse: collapse;
	font-size: 26px;
	color: #FFFFFF;
	background-color: #FFFFFF;
}
[data-gameType='multiplicationTable'] .multiplicationTable td{
	border: 1px solid #67874e;
//	width: 2em;
//	height: 2em;
	text-align: center;
	transition-property: background-color, color, opacity;
	transition-duration: 0.7s;
}
[data-gameType='multiplicationTable'] .multiplicationTable tr:nth-of-type(1) td,
[data-gameType='multiplicationTable'] .multiplicationTable tr td:nth-of-type(1){
	background-color: #a2c64c
}
[data-gameType='multiplicationTable'] .multiplicationTable tr td.highlighted{
	background-color: #4f81bc;
}
[data-gameType='multiplicationTable'] .multiplicationTable tr td.answerCell{
	background-color: #fff684;
	color: #67874e;
}
[data-gameType='multiplicationTable']:not(.gamePaused) .multiplicationTable tr td.numberCell{
	background-color: #b5b1fe;
}
[data-gameType='multiplicationTable'] .multiplicationTable tr td.givenAnswer{
	background-color: #c833f8;
	color: #FFFFFF;
	transition-duration: 0.7s;
}
/*[data-gameType='multiplicationTable'] .multiplicationTable tr td.givenAnswer:not([data-correctness]){
	transition-duration: 0.5s;
}*/
[data-gameType='multiplicationTable'] .multiplicationTable tr td[data-correctness = 'right']{
	background-color: #76D51F;
}
[data-gameType='multiplicationTable'] .multiplicationTable tr td[data-correctness = 'wrong']{
	background-color: #FF4865;
}
[data-gameType='multiplicationTable'] .multiplicationTable tr td[data-correctness]{
	color: #FFFFFF;
}
[data-gameType='multiplicationTable'] .multiplicationTableWrapp,
[data-gameType='multiplicationTable'] .digitsInputPanelWrapp{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
[data-gameType='multiplicationTable'] .digitsInputPanelWrapp{
	margin-left: 50px;
}
.digitsInputPanel{
	font-size: 38px;
}
[data-gameType='multiplicationTable'] .digitsInputPanel{
	opacity: 0;
}
.digitsInputPanel .panelRow{
	display: flex; 
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
}
.digitsInputPanel > *:nth-of-type(1n + 2){
	margin-top: 0.2em;
}
.digitsInputPanel .panelRow > *:nth-of-type(1n + 2){
	margin-left: 0.4em;
}
.digitsInputPanel .digitButton{
	background-color: #d3d6da;
	text-align: center;
	width: 2.5em;
	padding: 0.2em 0;
	cursor: pointer;
	border-radius: 0.5em / 1em;
}
.digitsInputPanel .digitButton[data-key = 'del']{
	background-repeat: no-repeat;
	background-position: 47% center;
	background-size: 45% auto;
	background-image: url('../images/main/digitsInputPanelDel.png');
}
.digitsInputPanel .digitButton[data-key = 'del'] > *{
	visibility: hidden;
}
[data-gameType='multiplicationTable'] .rightAnswerElWrapp{
	pointer-events: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	font-size: 150px;
}
[data-gameType='multiplicationTable'] .rightAnswerElWrapp .rightAnswerEl{
	font-size: 1em;	
	font-family: permanentMarker, sans-serif;
	color: #2fa2f2;
	text-shadow: 2px 2px 2px rgba(100,100,100,0.8);	
}
[data-gameType='multiplicationTable'] .timeLineIndicatorWrapp{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
	margin-bottom: 30px;
}
/*[data-gameType='multiplicationTable'].gamePaused .multiplicationTable td{
	opacity: 0;
}*/
[data-gameType='multiplicationTable'].gamePaused .multiplicationTable tr:nth-of-type(1n + 2) td:nth-of-type(1n + 2){
	opacity: 0;
}
/*-- Таблица умножения завершение --*/
/*-- Сложение/вычитание с столбик --*/
[data-gameType='columnAdditionSubtraction'] .gameField{
	padding-top: 16px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;	
}
[data-gameType='columnAdditionSubtraction'] .topGameElements{
	display: none;
}
[data-gameType='columnAdditionSubtraction'] .mainGameElements{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
}
[data-gameType='columnAdditionSubtraction'] .digitsInputPanelWrapp{
	margin-left: 50px;
}
[data-gameType='columnAdditionSubtraction'] .calculationsColumn,
[data-gameType='columnMultiplication'] .calculationsColumn,
[data-gameType='columnDivision'] .calculationsColumn{
	opacity: 0;
}
[data-gameType='columnAdditionSubtraction'] .calculationsColumnTable,	
[data-gameType='columnMultiplication'] .calculationsColumnTable,	
[data-gameType='columnDivision'] .calculationsColumnTable{	
	font-size: 78px;
	text-align: center;
	border-collapse: collapse;
	color: #4c07ba;
	font-family: dancingScript;
//	font-family: permanentMarker;
//	font-family: pattaya;
//	font-family: lato;
//	font-family: cherryBomb;
}
[data-gameType='columnDivision'] .calculationsColumnTable{
	font-size: 48px;
}
[data-gameType='columnAdditionSubtraction'] .calculationsColumnTable td,
[data-gameType='columnMultiplication'] .calculationsColumnTable td,
[data-gameType='columnDivision'] .calculationsColumnTable td{
	width: 1.2em;
	height: 1.2em;
	padding: 0;
	position: relative;
	transition-duration: 0.5s;
	transition-property: background-color, box-shadow, color;
	line-height: 1.2;
}
[data-gameType='columnAdditionSubtraction'] .calculationsColumnTable .mathSymbol{
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 100%;
}
[data-gameType='columnAdditionSubtraction'] .calculationsColumnTable td.withBottomLine,
[data-gameType='columnMultiplication'] .calculationsColumnTable td.withBottomLine,
[data-gameType='columnDivision'] .calculationsColumnTable td.withBottomLine{
	border-bottom: 3px solid #4c07ba;
}
[data-gameType='columnDivision'] .calculationsColumnTable td.withLeftLine{
	border-left: 3px solid #4c07ba;
}
[data-gameType='columnAdditionSubtraction'] .calculationsColumnTable td.activeCell,
[data-gameType='columnMultiplication'] .calculationsColumnTable td.activeCell,
[data-gameType='columnDivision'] .calculationsColumnTable td.activeCell{
	background-color: #fff684;
	box-shadow: 0 0 0 2px inset #4c07ba;
}
[data-gameType='columnAdditionSubtraction'] .digitsInputPanel .digitButton[data-key = 'del'],
[data-gameType='columnMultiplication'] .digitsInputPanel .digitButton[data-key = 'del'],
[data-gameType='columnDivision'] .digitsInputPanel .digitButton[data-key = 'del']{
	visibility: hidden;
}
[data-gameType='columnAdditionSubtraction'] .digitsInputPanel,
[data-gameType='columnMultiplication'] .digitsInputPanel,
[data-gameType='columnDivision'] .digitsInputPanel{
	opacity: 0;
}
[data-gameType='columnAdditionSubtraction'] .digitsInputPanel.visiblePanel,
[data-gameType='columnMultiplication'] .digitsInputPanel.visiblePanel,
[data-gameType='columnDivision'] .digitsInputPanel.visiblePanel{
	animation-fill-mode: both;
    animation-timing-function: linear;
    animation-name: MTDdigitsInputPanel;
    animation-duration: 0.7s;	
}
[data-gameType='columnAdditionSubtraction'] .calculationsColumnTable td[data-correctness = 'right'],
[data-gameType='columnMultiplication'] .calculationsColumnTable td[data-correctness = 'right'],
[data-gameType='columnDivision'] .calculationsColumnTable td[data-correctness = 'right']{
	background-color: #76D51F;
}
[data-gameType='columnAdditionSubtraction'] .calculationsColumnTable td[data-correctness = 'wrong'],
[data-gameType='columnMultiplication'] .calculationsColumnTable td[data-correctness = 'wrong'],
[data-gameType='columnDivision'] .calculationsColumnTable td[data-correctness = 'wrong']{
	background-color: #FF4865;
}
[data-gameType='columnAdditionSubtraction'] .calculationsColumnTable td[data-correctness]{
//	color: #FFFFFF;
}
[data-gameType='columnAdditionSubtraction'] .calculationsColumnTable td .cellPromptEl,
[data-gameType='columnMultiplication'] .calculationsColumnTable td .cellPromptEl,
[data-gameType='columnDivision'] .calculationsColumnTable td .cellPromptEl{
	position: absolute;
	top: 0;
	left : 0;
	width: 100%;
	height: 100%;
	background-color: #FFA800;
}
[data-gameType='columnAdditionSubtraction'] .calculationsColumnTable td .cellPromptEl::after,
[data-gameType='columnMultiplication'] .calculationsColumnTable td .cellPromptEl::after,
[data-gameType='columnDivision'] .calculationsColumnTable td .cellPromptEl::after{
	content: '';
	displyay: block;	
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	opacity: 0.3;
}
[data-gameType='columnAdditionSubtraction'] .gameMessagesCase,
[data-gameType='columnMultiplication'] .gameMessagesCase,
[data-gameType='columnDivision'] .gameMessagesCase{
	font-size: 32px;
	color: #494953;
	padding: 0 2em;
}
[data-gameType='columnDivision'] .gameMessagesCase{
	font-size: 28px;
}
[data-gameType='columnAdditionSubtraction'] .gameMessagesCase > *:nth-of-type(1n + 2),
[data-gameType='columnMultiplication'] .gameMessagesCase > *:nth-of-type(1n + 2),
[data-gameType='columnDivision'] .gameMessagesCase > *:nth-of-type(1n + 2){
	margin-top: 0.7em;
}
[data-gameType='columnAdditionSubtraction'] .gameMessagesCase > *:last-child,
[data-gameType='columnMultiplication'] .gameMessagesCase > *:last-child,
[data-gameType='columnDivision'] .gameMessagesCase > *:last-child{
	padding-bottom: 2em;
}
[data-gameType='columnAdditionSubtraction'] .gameMessagesCase .gameMessageEl[data-status = 'error'],
[data-gameType='columnMultiplication'] .gameMessagesCase .gameMessageEl[data-status = 'error'],
[data-gameType='columnDivision'] .gameMessagesCase .gameMessageEl[data-status = 'error']{
	color: #ff4865;
}
[data-gameType='columnAdditionSubtraction'] .gameMessagesCase .gameMessageEl[data-status = 'prompt'],
[data-gameType='columnMultiplication'] .gameMessagesCase .gameMessageEl[data-status = 'prompt'],
[data-gameType='columnDivision'] .gameMessagesCase .gameMessageEl[data-status = 'prompt']{
	color: #F5890A;
}
[data-gameType='columnAdditionSubtraction'] .topGameElements,
[data-gameType='columnMultiplication'] .topGameElements,
[data-gameType='columnDivision'] .topGameElements{
	display: flex;
	flex-direction: column; 
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
[data-gameType='columnAdditionSubtraction'] .transferElWrapp,
[data-gameType='columnMultiplication'] .transferElWrapp{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;		
}
[data-gameType='columnAdditionSubtraction'] .transferElSecondWrapp,
[data-gameType='columnMultiplication'] .transferElSecondWrapp{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
[data-gameType='columnAdditionSubtraction'] .transferEl,
[data-gameType='columnMultiplication'] .transferEl{
	font-size: 0.5em;
	width: 1.1em;
	height: 1.1em;
	border-radius: 0.3em;
	box-shadow: 1px 1px 1px rgba(100,100,100,0.7);
	background-color: #91e992;
	color: #de0a87;
	position: relative;
//	margin-bottom: 0.2em;	
}

[data-gameType='columnAdditionSubtraction'] .transferArrowWrapp,
[data-gameType='columnMultiplication'] .transferArrowWrapp{
	position: absolute;
	left: 100%;
	top: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	padding-left: 0.2em;
}
[data-gameType='columnAdditionSubtraction'] .transferArrow,
[data-gameType='columnMultiplication'] .transferArrow{
	height: 0.6em;
}
[data-gameType='columnAdditionSubtraction'] .mExample,
[data-gameType='columnMultiplication'] .mExample,
[data-gameType='columnDivision'] .mExample{
	white-space: nowrap;
}
	

/*-- Сложение/вычитание с столбик завершение --*/
/*-- Умножение столбиком --*/
[data-gameType='columnMultiplication'] .gameField{
	padding-top: 16px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;	
}

[data-gameType='columnMultiplication'] .mainGameElements{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
}
[data-gameType='columnMultiplication'] .digitsInputPanelWrapp{
	margin-left: 50px;
}
[data-gameType='columnMultiplication'] .calculationsColumnTable .mathSymbol,
[data-gameType='columnDivision'] .calculationsColumnTable .mathSymbol{
	position: absolute;
	width: 100%;
	height: 100%;
	right: 100%;
	top: 50%;
}

[data-gameType='columnMultiplication'] .operandCellMark{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	box-sizing: border-box;
	border: 2px solid #494953;
	border-radius: 0.2em;
}
/*-- Умножение столбиком завершение --*/
/*-- Деление столбиком --*/
[data-gameType='columnDivision'] .gameField{
	padding-top: 16px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;	
}

[data-gameType='columnDivision'] .mainGameElements{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
}
[data-gameType='columnDivision'] .digitsInputPanelWrapp{
	margin-left: 50px;
}
[data-gameType='columnDivision'][data-autoShowMode] .gameCell{
	cursor: pointer;
}
/*-- Деление столбиком завершение --*/
/*-- Кастомизация MathMl  --*/
math, math *{
	font-family: inherit;	
	font-size: inherit;
	font-weight: inherit;
	color: inherit;	
	line-height: inherit;
}
math msup > *:nth-child(2){
	font-size: 0.5em;
}
math mfrac > *:nth-child(2){
	margin-top: 0.2em;
}
/*-- Кастомизация MathMl завершение --*/
/*возведение в степень
ставим span после элемента, который возводим:
1 м<span class = \'mathExp\'>2</span>
*/
.mathExp{
	position: relative;
    font-size: 0.6em;
    bottom: 0.8em;
    left: 0.2em;
	margin-right: 0.2em;
}

/*-- Части слова --*/
.gameBody[data-gameType = 'wordParts'] .gameField{
	padding-left: 0;
	padding-right: 0;
}
[data-gameType = 'wordParts'] .textContainer{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	font-size: 36px;	
}
[data-gameType = 'wordParts'] .textContainer{

}
[data-gameType = 'wordParts'] .cancasAndTextWrapper{
	padding: 1.5em 0.5em;
	position: relative;	
//	background-color: green;
}
[data-gameType = 'wordParts'] .gameCanvas{
	pointer-events: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
[data-gameType = 'wordParts'] .textElement{
	font-family: Marvin, sans-serif;
	line-height: normal;
//	word-spacing: -0.3em;	
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
[data-gameType = 'wordParts'] .gameLetter{
	margin: 0 0.07em;
	opacity: 0;
}
[data-gameType = 'wordParts'] .gameLetter .letterContent{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;	
	position: relative;
	width: 1.3em;
	height: 1.3em;	
	border-radius: 15%;	
	transition-property: background-color, color;
	transition-duration: 0.7s;
}
[data-gameType = 'wordParts'].withActiveButton .gameLetter .letterContent{
	cursor: pointer;
}
[data-gameType = 'wordParts'] .gameLetter .letterContent[data-correctness = 'right']{
	background-color: #a0e066 !important;
}
[data-gameType = 'wordParts'] .gameLetter .letterContent[data-correctness = 'wrong']{
	background-color: #ff4865 !important;	
}
[data-gameType = 'wordParts'] .gameLetter .letterContent[data-correctness]{
	color: white;	
	text-shadow: 2px 2px 2px rgba(100,100,100,0.7);
}
[data-gameType = 'wordParts'] .gameButtonsPanelWrapp{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
[data-gameType = 'wordParts'] .gameButtonsPanel{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin-top: 40px;
}
[data-gameType = 'wordParts'] .gameButtonsPanel:not(.visibleGBPanel){
	display: none;
}
/*[data-gameType = 'wordParts'][data-hiddenGameButtons] .gameButtonsPanel{
	display: none;
}*/
[data-gameType = 'wordParts'] .gamePanelButton{
	width: 90px;
	height: 60px;
	background-color: #D3D6DA;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	cursor: pointer;
	margin: 0 10px;
	border-radius: 15% / 22.5%;
	transition-property: background-color;
	transition-duration: 0.7s;
	box-shadow: 2px 2px 3px 3px rgba(50, 50, 71, 0.06);
}
[data-gameType = 'wordParts'][data-colorGameButtons] .gamePanelButton{
	background-color: white;
}
[data-gameType = 'wordParts'] .gamePanelButton[data-buttonType = 'prefix']{
	background-image: url(../images/tests/wordParts/gameButtons/prefix.svg);
}
[data-gameType = 'wordParts'] .gamePanelButton[data-buttonType = 'root']{
	background-image: url(../images/tests/wordParts/gameButtons/root.svg);
}
[data-gameType = 'wordParts'] .gamePanelButton[data-buttonType = 'suffix']{
	background-image: url(../images/tests/wordParts/gameButtons/suffix.svg);
}
[data-gameType = 'wordParts'] .gamePanelButton[data-buttonType = 'ending']{
	background-image: url(../images/tests/wordParts/gameButtons/ending.svg);
}
[data-gameType = 'wordParts'] .gamePanelButton[data-buttonType = 'stem']{
	background-image: url(../images/tests/wordParts/gameButtons/stem.svg);
}

[data-gameType = 'wordParts'] .gamePanelButton[data-buttonType = 'prefix'].active{
	background-color: #FF7ABB;
}
[data-gameType = 'wordParts'] .gamePanelButton[data-buttonType = 'root'].active{
	background-color: #08CBBF;
}
[data-gameType = 'wordParts'] .gamePanelButton[data-buttonType = 'suffix'].active{
	background-color: #C468EA;
}
[data-gameType = 'wordParts'] .gamePanelButton[data-buttonType = 'ending'].active{
	background-color: #C1D904;
}
[data-gameType = 'wordParts'] .gamePanelButton[data-buttonType = 'stem'].active{
	background-color: #3DADF7;
}

[data-gameType = 'wordParts'][data-colorGameButtons] .gamePanelButton[data-buttonType = 'prefix']{
	background-image: url(../images/tests/wordParts/gameButtons/color/prefix.svg);
}
[data-gameType = 'wordParts'][data-colorGameButtons] .gamePanelButton[data-buttonType = 'root']{
	background-image: url(../images/tests/wordParts/gameButtons/color/root.svg);
}
[data-gameType = 'wordParts'][data-colorGameButtons] .gamePanelButton[data-buttonType = 'suffix']{
	background-image: url(../images/tests/wordParts/gameButtons/color/suffix.svg);
}
[data-gameType = 'wordParts'][data-colorGameButtons] .gamePanelButton[data-buttonType = 'ending']{
	background-image: url(../images/tests/wordParts/gameButtons/color/ending.svg);
}
[data-gameType = 'wordParts'][data-colorGameButtons] .gamePanelButton[data-buttonType = 'stem']{
	background-image: url(../images/tests/wordParts/gameButtons/color/stem.svg);
}

[data-gameType = 'wordParts'][data-colorGameButtons] .gamePanelButton[data-buttonType = 'prefix'].active{
	background-image: url(../images/tests/wordParts/gameButtons/color/active/prefix.svg);
}
[data-gameType = 'wordParts'][data-colorGameButtons] .gamePanelButton[data-buttonType = 'root'].active{
	background-image: url(../images/tests/wordParts/gameButtons/color/active/root.svg);
}
[data-gameType = 'wordParts'][data-colorGameButtons] .gamePanelButton[data-buttonType = 'suffix'].active{
	background-image: url(../images/tests/wordParts/gameButtons/color/active/suffix.svg);
}
[data-gameType = 'wordParts'][data-colorGameButtons] .gamePanelButton[data-buttonType = 'ending'].active{
	background-image: url(../images/tests/wordParts/gameButtons/color/active/ending.svg);
}
[data-gameType = 'wordParts'][data-colorGameButtons] .gamePanelButton[data-buttonType = 'stem'].active{
	background-image: url(../images/tests/wordParts/gameButtons/color/active/stem.svg);
}

[data-gameType = 'wordParts'] .detaildInfoWrapp{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
	font-size: 32px;
	
}
[data-gameType = 'wordParts'] .detaildInfo{
	margin-top: 30px;
}
[data-gameType = 'wordParts'] .detaildInfo .partName{
	color: #008e9b;
	font-weight: bold;
	font-style: italic;
}
[data-gameType = 'wordParts'] .detaildInfo[data-infoStatus = 'error']{
	
}
[data-gameType = 'wordParts'] .detaildInfo[data-infoStatus = 'prompt'],
[data-gameType = 'wordParts'] .detaildInfo[data-infoStatus = 'prompt'] .partName{
	color: #F5890A;
}
[data-gameType = 'wordParts'] .detaildInfo[data-infoStatus = 'error'],
[data-gameType = 'wordParts'] .detaildInfo[data-infoStatus = 'error'] .partName{
	color: #ff4865;
}

[data-gameType = 'wordParts'] .gameCanvas{
	
}
/*для теста*/
[data-gameType = 'wordParts'] .letterContent[data-morphemename = 'prefix']{
//	box-shadow: 0 0 0 3px #FF7ABB;
}
[data-gameType = 'wordParts'] .letterContent[data-morphemename = 'root']{
//	box-shadow: 0 0 0 3px #08CBBF;
}
[data-gameType = 'wordParts'] .letterContent[data-morphemename = 'suffix']{
//	box-shadow: 0 0 0 3px #C468EA;
}
[data-gameType = 'wordParts'] .letterContent[data-morphemename = 'ending']{
//	box-shadow: 0 0 0 3px #C1D904;
}

/*-- Части слова завершение --*/
/*-- Раскрась слоги --*/
.gameBody[data-gameType = 'paintTheSyllables'] .gameField{
	padding-left: 0;
	padding-right: 0;
}
[data-gameType = 'paintTheSyllables'] .textContainer{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	font-size: 36px;	
}
[data-gameType = 'paintTheSyllables'] .textWrapper{
	padding: 1.5em 0.5em;	
}
[data-gameType = 'paintTheSyllables'] .textElement{
	font-family: Marvin, sans-serif;
	line-height: normal;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
[data-gameType = 'paintTheSyllables'] .gameLetter{
	margin: 0 0.07em;
//	opacity: 0;
}
[data-gameType = 'paintTheSyllables'] .gameLetter .letterContent{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 1.3em;
	height: 1.3em;	
	border-radius: 15%;	
	transition-property: background-color, color;
	transition-duration: 0.7s;
//	background-color: green;
}
[data-gameType = 'paintTheSyllables'].withActiveButton .gameLetter .letterContent{
//	cursor: pointer;
}
[data-gameType = 'paintTheSyllables'] .gameLetter .letterContent[data-correctness = 'right']{
	background-color: #a0e066 !important;
}
[data-gameType = 'paintTheSyllables'] .gameLetter .letterContent[data-correctness = 'right'].evenLettersGroup{
//	background-color: #7BC13B !important;
	background-color: #6aa434 !important;
}
[data-gameType = 'paintTheSyllables'] .gameLetter .letterContent[data-correctness = 'wrong']{
	background-color: #ff4865 !important;		
}
[data-gameType = 'paintTheSyllables'] .gameLetter .letterContent[data-correctness = 'wrong'].evenLettersGroup{
//	background-color: #DB1A39 !important;	
	background-color: #af162e !important;	
}
[data-gameType = 'paintTheSyllables'] .gameLetter .letterContent[data-correctness = 'prompt']{
	background-color: #FFA800 !important;
}
[data-gameType = 'paintTheSyllables'] .gameLetter .letterContent[data-correctness]{
	color: white;	
	text-shadow: 2px 2px 2px rgba(100,100,100,0.7);
}
/*[data-gameType = 'paintTheSyllables'] .gameLetter .letterContent[data-correctness].evenLettersGroup{
	color: white;	
	text-shadow: 2px 2px 2px rgba(100,100,100,0.7);	
}*/
[data-gameType = 'paintTheSyllables'] .gameButtonsPanelWrapp{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
[data-gameType = 'paintTheSyllables'] .gameButtonsPanel{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	margin-top: 40px;
	cursor: pointer;
}
[data-gameType = 'paintTheSyllables'] .gamePanelButton{
	width: 90px;
	height: 60px;
	background-color: #D3D6DA;
	cursor: pointer;
	margin: 0 10px;
	border-radius: 15% / 22.5%;
	transition-property: background-color, box-shadow, transform, margin;
	transition-duration: 0.7s;
	box-shadow: 2px 2px 3px 3px rgba(50, 50, 71, 0.06);
	flex-shrink: 1;
}
[data-gameType = 'paintTheSyllables'] .gamePanelButton.active{
	transform: scale(1.3);
	margin: 0 20px;
}
[data-gameType = 'paintTheSyllables'] .detaildInfoWrapp{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
	font-size: 32px;
	
}
[data-gameType = 'paintTheSyllables'] .detaildInfo{
	margin-top: 30px;
}
[data-gameType = 'paintTheSyllables'] .detaildInfo .partName{
    color: #008e9b;
    font-weight: bold;
    font-style: italic;
}
[data-gameType = 'paintTheSyllables'] .detaildInfo[data-infoStatus = 'prompt'],
[data-gameType = 'paintTheSyllables'] .detaildInfo[data-infoStatus = 'prompt'] .partName{
	color: #F5890A;
}
[data-gameType = 'paintTheSyllables'] .detaildInfo[data-infoStatus = 'error'],
[data-gameType = 'paintTheSyllables'] .detaildInfo[data-infoStatus = 'error'] .partName{
	color: #ff4865;
}
/*-- Раскрась слоги завершение --*/
/*-- Поставь ударение --*/
[data-gameType = 'setTheAccent'] .textContainer{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	font-size: 36px;	
}
[data-gameType = 'setTheAccent'] .textWrapper{
	padding: 1.5em 0.5em;	
}
[data-gameType = 'setTheAccent'] .textElement{
	font-family: Marvin, sans-serif;
	line-height: normal;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
[data-gameType = 'setTheAccent'] .gameLetter{
	margin: 0 0.07em;
	position: relative;
//	opacity: 0;
}
[data-gameType = 'setTheAccent'] .gameLetter .letterContent{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 1.3em;
	height: 1.3em;	
	border-radius: 15%;	
	transition-property: background-color, color;
	transition-duration: 0.7s;
//	background-color: green;
//	background-color: #d5d5d5;
	background-color: #c5c5c5;
	cursor: pointer;
}
[data-gameType = 'setTheAccent'] .gameLetter .letterContent[data-correctness = 'right']{
	background-color: #a0e066 !important;
}
[data-gameType = 'setTheAccent'] .gameLetter .letterContent[data-correctness = 'wrong']{
	background-color: #ff4865 !important;		
}
[data-gameType = 'setTheAccent'] .gameLetter .letterContent[data-correctness = 'prompt']{
	background-color: #FFA800 !important;
}
[data-gameType = 'setTheAccent'] .gameLetter .letterContent[data-correctness]{
	color: white;
	text-shadow: 2px 2px 2px rgba(100,100,100,0.7);
}
/*[data-gameType = 'setTheAccent'] .gameButtonsPanelWrapp{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}*/
[data-gameType = 'setTheAccent'] .detaildInfoWrapp{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
	font-size: 32px;
	
}
[data-gameType = 'setTheAccent'] .detaildInfo{
	margin-top: 30px;
}
[data-gameType = 'setTheAccent'] .detaildInfo .partName{
    color: #008e9b;
    font-weight: bold;
    font-style: italic;
}
[data-gameType = 'setTheAccent'] .detaildInfo[data-infoStatus = 'prompt'],
[data-gameType = 'setTheAccent'] .detaildInfo[data-infoStatus = 'prompt'] .partName{
	color: #F5890A;
}
[data-gameType = 'setTheAccent'] .detaildInfo[data-infoStatus = 'error'],
[data-gameType = 'setTheAccent'] .detaildInfo[data-infoStatus = 'error'] .partName{
	color: #ff4865;
}
[data-gameType = 'setTheAccent'] .letterAccent{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	padding-bottom: 0.1em;
}
[data-gameType = 'setTheAccent'] .letterAccent .letterAccentImage{
	width: 0.5em;	
	position: relative;
	left: 10%;
}
[data-gameType = 'setTheAccent'] .detaildInfoWrapp{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
	font-size: 32px;	
}
[data-gameType = 'setTheAccent'] .detaildInfo{
	margin-top: 30px;
}
[data-gameType = 'setTheAccent'] .detaildInfo .partName{
    color: #008e9b;
    font-weight: bold;
    font-style: italic;
}
[data-gameType = 'setTheAccent'] .detaildInfo[data-infoStatus = 'prompt'],
[data-gameType = 'setTheAccent'] .detaildInfo[data-infoStatus = 'prompt'] .partName{
	color: #F5890A;
}
[data-gameType = 'setTheAccent'] .detaildInfo[data-infoStatus = 'error'],
[data-gameType = 'setTheAccent'] .detaildInfo[data-infoStatus = 'error'] .partName{
	color: #ff4865;
}
/*-- Поставь ударение завершение --*/
/*-- Части предложения --*/
[data-gameType = 'sentencesParts'] .gameButtonsPanelWrapp{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
[data-gameType = 'sentencesParts'] .gameField{
	overflow: hidden;
}
[data-gameType = 'sentencesParts'] .gameButtonsPanel{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin-top: 40px;
	margin-bottom: 10px;
}
[data-gameType = 'sentencesParts'] .gameButtonsPanel:not(.visibleGBPanel){
	display: none; 
}
[data-gameType = 'sentencesParts'] .gamePanelButton{
	width: 90px;
	height: 60px;
	background-color: white;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	cursor: pointer;
	margin: 0 10px;
	border-radius: 15% / 22.5%;
	transition-property: background-color;
	transition-duration: 0.7s;
	box-shadow: 2px 2px 3px 3px rgba(50, 50, 71, 0.06);
	position: relative;
}
[data-gameType = 'sentencesParts'] .gamePanelButton[data-buttonType = 'eraser']{
	background-size: auto 67%;
}
[data-gameType = 'sentencesParts'] .gamePanelButton[data-buttonType = 'subject']{
	background-image: url(../images/tests/sentencesParts/gameButtons/subject.svg);
}
[data-gameType = 'sentencesParts'] .gamePanelButton[data-buttonType = 'predicate']{
	background-image: url(../images/tests/sentencesParts/gameButtons/predicate.svg);
}
[data-gameType = 'sentencesParts'] .gamePanelButton[data-buttonType = 'modifier']{
	background-image: url(../images/tests/sentencesParts/gameButtons/modifier.svg);
}
[data-gameType = 'sentencesParts'] .gamePanelButton[data-buttonType = 'object']{
	background-image: url(../images/tests/sentencesParts/gameButtons/object.svg);
}
[data-gameType = 'sentencesParts'] .gamePanelButton[data-buttonType = 'adverbial']{
	background-image: url(../images/tests/sentencesParts/gameButtons/adverbial.svg);
}
[data-gameType = 'sentencesParts'] .gamePanelButton[data-buttonType = 'eraser']{
	background-image: url(../images/tests/sentencesParts/gameButtons/eraser.svg);
}


[data-gameType = 'sentencesParts'] .gamePanelButton[data-buttonType = 'subject'].active,
[data-gameType = 'sentencesParts'] .gamePanelButton[data-buttonType = 'subject'].listeningIndicator{
	background-image: url(../images/tests/sentencesParts/gameButtons/active/subject.svg);
	background-color: #FF7ABB;
}
[data-gameType = 'sentencesParts'] .gamePanelButton[data-buttonType = 'predicate'].active,
[data-gameType = 'sentencesParts'] .gamePanelButton[data-buttonType = 'predicate'].listeningIndicator{
	background-image: url(../images/tests/sentencesParts/gameButtons/active/predicate.svg);
	background-color: #08CBBF;	
}
[data-gameType = 'sentencesParts'] .gamePanelButton[data-buttonType = 'modifier'].active,
[data-gameType = 'sentencesParts'] .gamePanelButton[data-buttonType = 'modifier'].listeningIndicator{
	background-image: url(../images/tests/sentencesParts/gameButtons/active/modifier.svg);
	background-color: #C468EA; 	
}
[data-gameType = 'sentencesParts'] .gamePanelButton[data-buttonType = 'object'].active,
[data-gameType = 'sentencesParts'] .gamePanelButton[data-buttonType = 'object'].listeningIndicator{
	background-image: url(../images/tests/sentencesParts/gameButtons/active/object.svg);
	background-color: #C1D904; 	
}
[data-gameType = 'sentencesParts'] .gamePanelButton[data-buttonType = 'adverbial'].active,
[data-gameType = 'sentencesParts'] .gamePanelButton[data-buttonType = 'adverbial'].listeningIndicator{
	background-image: url(../images/tests/sentencesParts/gameButtons/active/adverbial.svg);
	background-color: #3DADF7; 	
}
[data-gameType = 'sentencesParts'] .gamePanelButton[data-buttonType = 'eraser'].active{
	background-image: url(../images/tests/sentencesParts/gameButtons/active/eraser.svg);
	background-color: #F54646; 	
}

[data-gameType = 'sentencesParts'] .sentPart,
[data-gameType = 'sentencesParts'] [data-refPart]{
	display: inline-block;
	white-space: nowrap;
	position: relative;	
	transition-property: background-color, color, text-shadow;
	transition-duration: 0.7s;
	line-height: normal;
	border-radius: 0.2em;
	padding: 0.1em;
}

[data-gameType = 'sentencesParts'] .sentPart[data-correctness],
[data-gameType = 'sentencesParts'] .sentPart.listening{
	color: white;
}
[data-gameType = 'sentencesParts'] .sentPart[data-correctness = 'right']{
	background-color: #a0e066;
	text-shadow: 2px 2px 2px rgba(46,83,13,0.3);
}
[data-gameType = 'sentencesParts'] .sentPart[data-correctness = 'wrong']{
	background-color: #ff4865;
	text-shadow: 2px 2px 2px rgba(103,25,37,0.3);
}
[data-gameType = 'sentencesParts'] .sentPart[data-correctness = 'prompt']{
	background-color: #FFA800;
	text-shadow: 2px 2px 2px rgba(99,65,25,0.3);	
}
[data-gameType = 'sentencesParts'] .sentPart.listening{
	background-color: #6979F8;
	text-shadow: 2px 2px 2px rgba(100,100,100,0.3);
}
/*[data-gameType = 'sentencesParts'].withActiveButton .sentPart:hover{*/
[data-gameType = 'sentencesParts'][data-activeButton] .sentPart:hover{
	color: white;
	background-color: #83E2E3;
	text-shadow: 1px 1px 1px rgba(58,179,181,1);	
	/*зелёне фон и тень*/
/*	background-color: #ADE159;
	text-shadow: 1px 1px 1px rgba(117,165,38,1);		*/
}
/*
[data-gameType = 'sentencesParts'][data-cursorName = 'eraser']{
	cursor: url(../images/tests/sentencesParts/cursor/eraser2.png) 0 0, pointer;
}
[data-gameType = 'sentencesParts'][data-cursorName = 'pencil']{
	cursor: url(../images/tests/sentencesParts/cursor/pencil2.png) 0 0, pointer;
}
*/
/*[data-gameType = 'sentencesParts'].withActiveButton .sentPart{
	cursor: pointer;	
}*/
[data-gameType = 'sentencesParts'][data-activebutton = 'eraser']{
	cursor: url(../images/tests/sentencesParts/cursor/common/eraser.png) 0 0, pointer;
}
[data-gameType = 'sentencesParts'][data-activebutton = 'subject']{
	cursor: url(../images/tests/sentencesParts/cursor/common/pencil_subject.png) 0 0, pointer;
}
[data-gameType = 'sentencesParts'][data-activebutton = 'predicate']{
	cursor: url(../images/tests/sentencesParts/cursor/common/pencil_predicate.png) 0 0, pointer;
}
[data-gameType = 'sentencesParts'][data-activebutton = 'modifier']{
	cursor: url(../images/tests/sentencesParts/cursor/common/pencil_modifier.png) 0 0, pointer;
}
[data-gameType = 'sentencesParts'][data-activebutton = 'object']{
	cursor: url(../images/tests/sentencesParts/cursor/common/pencil_object.png) 0 0, pointer;
}
[data-gameType = 'sentencesParts'][data-activebutton = 'adverbial']{
	cursor: url(../images/tests/sentencesParts/cursor/common/pencil_adverbial.png) 0 0, pointer;
}
[data-gameType = 'sentencesParts'] [data-sentMark],
[data-gameType = 'sentencesParts'] [data-refPart]::after{
	position: absolute;
	height: 40%;
	top: 90%;
	left: 0;
	width: 100%;
	overflow: hidden;
}
[data-gameType = 'sentencesParts'] [data-refPart]::after{
	display: block;
	content: '';
	background-position: left center;
	background-repeat: repeat-x;
	background-size: auto 100%;		
}
[data-gameType = 'sentencesParts'] [data-sentMark].withDisappearanceAnim{
	overflow: visible;
}
[data-gameType = 'sentencesParts'] [data-sentMark] .sentMarkIndicator{
	width: 100%;
	height: 100%;
	position: relative;
	background-position: left center;
	background-repeat: repeat-x;
	background-size: auto 100%;	
}
[data-gameType = 'sentencesParts'] [data-sentMark = 'subject'] .sentMarkIndicator,
[data-gameType = 'sentencesParts'] [data-refPart = 'subject']::after{
	background-image: url(../images/tests/sentencesParts/marks/subject.svg);
}
[data-gameType = 'sentencesParts'] [data-sentMark = 'predicate'] .sentMarkIndicator,
[data-gameType = 'sentencesParts'] [data-refPart = 'predicate']::after{
	background-image: url(../images/tests/sentencesParts/marks/predicate.svg);
}
[data-gameType = 'sentencesParts'] [data-sentMark = 'modifier'] .sentMarkIndicator,
[data-gameType = 'sentencesParts'] [data-refPart = 'modifier']::after{
	background-image: url(../images/tests/sentencesParts/marks/modifier.svg);
}
[data-gameType = 'sentencesParts'] [data-sentMark = 'object'] .sentMarkIndicator,
[data-gameType = 'sentencesParts'] [data-refPart = 'object']::after{
	background-image: url(../images/tests/sentencesParts/marks/object.svg);
}
[data-gameType = 'sentencesParts'] [data-sentMark = 'adverbial'] .sentMarkIndicator,
[data-gameType = 'sentencesParts'] [data-refPart = 'adverbial']::after{
	background-image: url(../images/tests/sentencesParts/marks/adverbial.svg);
}

[data-gameType = 'sentencesParts'] .detaildInfoWrapp{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
//	font-size: 32px;
	font-size: 28px;	
}
[data-gameType = 'sentencesParts'] .detaildInfo{
	margin-top: 30px;
	margin-bottom: 20px;
}
[data-gameType = 'sentencesParts'] .detaildInfo .partName{
	color: #008e9b;
	font-weight: bold;
	font-style: italic;
}
[data-gameType = 'sentencesParts'] .detaildInfo[data-infoStatus = 'error']{
	
}
[data-gameType = 'sentencesParts'] .detaildInfo[data-infoStatus = 'prompt'],
[data-gameType = 'sentencesParts'] .detaildInfo[data-infoStatus = 'prompt'] .partName{
	color: #F5890A;
}
[data-gameType = 'sentencesParts'] .detaildInfo[data-infoStatus = 'error'],
[data-gameType = 'sentencesParts'] .detaildInfo[data-infoStatus = 'error'] .partName{
	color: #ff4865;
}

[data-gameType = 'sentencesParts'] .detaildInfo .dInfoEl{
	display: inline-block;
	white-space: nowrap;
	margin-left: 0.3em;
}
[data-gameType = 'sentencesParts'] .detaildInfo[data-infoStatus = 'listening'] .dInfoEl{
	opacity: 0;
}

[data-gameType = 'sentencesParts'] .gamePanelButton .buttonClarification{
	font-size: 22px;
//	color: #08CBBF;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 100%;
	margin-bottom: 24px;
	padding-left: 50%;
	pointer-events: none;
	white-space: nowrap;
}
[data-gameType = 'sentencesParts'] .buttonClarification .clarifCloudWrapp{
	width: fit-content;
	transform: translateX(-50%);
}
[data-gameType = 'sentencesParts'] .buttonClarification .clarifCloudSecondWrapp,
[data-gameType = 'sentencesParts'] .buttonClarification .clarifCloud{	
	border-radius: 15px;
}
[data-gameType = 'sentencesParts'] .buttonClarification .clarifCloud{
	padding: 10px 10px;	
	border-color: transparent;
	position: relative;
	z-index: 1;
}
[data-gameType = 'sentencesParts'] .buttonClarification .clarifCloudSecondWrapp,
[data-gameType = 'sentencesParts'] .buttonClarification .clarifCloud,
[data-gameType = 'sentencesParts'] .clarifCloudTip{
	border-width: 2px;
	border-style: solid;	
}
[data-gameType = 'sentencesParts'] .clarifCloudTipWrapp{
	width: 24px;
	height: 24px;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;	
	transform: scaleX(0.75);
}
[data-gameType = 'sentencesParts'] .clarifCloudTip{
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	transform: translateY(-56%) rotateZ(45deg);
}
[data-gameType = 'sentencesParts'] .buttonClarification .clarifCloud,
[data-gameType = 'sentencesParts'] .clarifCloudTip{
	background-color: yellow;
	background-color: white;
}
[data-gameType = 'sentencesParts'] .buttonClarification .clarifCloudSecondWrapp,
[data-gameType = 'sentencesParts'] .clarifCloudTip{
	border-color: #08CBBF;				
}
[data-gameType = 'sentencesParts'] [data-buttonType = 'subject'] .clarifCloudSecondWrapp,
[data-gameType = 'sentencesParts'] [data-buttonType = 'subject'] .clarifCloudTip{
	border-color: #FF7ABB;				
}
[data-gameType = 'sentencesParts'] [data-buttonType = 'predicate'] .clarifCloudSecondWrapp,
[data-gameType = 'sentencesParts'] [data-buttonType = 'predicate'] .clarifCloudTip{
	border-color: #08CBBF;				
}
[data-gameType = 'sentencesParts'] [data-buttonType = 'modifier'] .clarifCloudSecondWrapp,
[data-gameType = 'sentencesParts'] [data-buttonType = 'modifier'] .clarifCloudTip{
	border-color: #C468EA;				
}
[data-gameType = 'sentencesParts'] [data-buttonType = 'object'] .clarifCloudSecondWrapp,
[data-gameType = 'sentencesParts'] [data-buttonType = 'object'] .clarifCloudTip{
	border-color: #C1D904;				
}
[data-gameType = 'sentencesParts'] [data-buttonType = 'adverbial'] .clarifCloudSecondWrapp,
[data-gameType = 'sentencesParts'] [data-buttonType = 'adverbial'] .clarifCloudTip{
	border-color: #3DADF7;				
}
[data-gameType = 'sentencesParts'] [data-buttonType = 'eraser'] .clarifCloudSecondWrapp,
[data-gameType = 'sentencesParts'] [data-buttonType = 'eraser'] .clarifCloudTip{
	border-color: #F54646;				
}

[data-gameType = 'sentencesParts'] .buttonClarification{
	color: #08CBBF;
}
[data-gameType = 'sentencesParts'] [data-buttonType = 'subject'] .buttonClarification{
	color: #FF7ABB;
}
[data-gameType = 'sentencesParts'] [data-buttonType = 'predicate'] .buttonClarification{
	color: #08CBBF;
}
[data-gameType = 'sentencesParts'] [data-buttonType = 'modifier'] .buttonClarification{
	color: #C468EA;
}
[data-gameType = 'sentencesParts'] [data-buttonType = 'object'] .buttonClarification{
	color: #C1D904;
}
[data-gameType = 'sentencesParts'] [data-buttonType = 'adverbial'] .buttonClarification{
	color: #3DADF7;
}
[data-gameType = 'sentencesParts'] [data-buttonType = 'eraser'] .buttonClarification{
	color: #F54646;
}
[data-gameType = 'sentencesParts'] .buttonClarification{
	transition-property: transform, opacity;
	transition-duration: 1s;
	transform-origin: center bottom;
	opacity: 0;
	transform: scale(0.3);
}
[data-gameType = 'sentencesParts']:not(.listening) .gamePanelButton:hover .buttonClarification,
[data-gameType = 'sentencesParts'] .gamePanelButton.listeningIndicator .buttonClarification{
	opacity: 1;
	transform: scale(1);
}
[data-gameType = 'sentencesParts'] .SPTask{
	font-weight: 500;
	font-style: italic;
	color: #008e9b;
//	text-align: center;
}
[data-gameType = 'sentencesParts'] .SPTask[data-taskType = 'subject']{
	color: #FF7ABB;
}
[data-gameType = 'sentencesParts'] .SPTask[data-taskType = 'predicate']{
	color: #08CBBF;
}
[data-gameType = 'sentencesParts'] .SPTask[data-taskType = 'modifier']{
	color: #C468EA;
}
[data-gameType = 'sentencesParts'] .SPTask[data-taskType = 'object']{
	color: #C1D904;
}
[data-gameType = 'sentencesParts'] .SPTask[data-taskType = 'adverbial']{
	color: #3DADF7;
}
/*-- Части предложения завершение --*/
/*-- Выбери карточку --*/
[data-gameType = 'chooseTheCard'] .gameField{
	padding-top: 24px;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
}
[data-gameType = 'chooseTheCard'] .roundTextWrapper{	
	font-size: 28px;
}
[data-gameType = 'chooseTheCard'] .roundText{
	padding-bottom: 24px;
	padding-left: 80px;
	padding-right: 80px;
}
[data-gameType = 'chooseTheCard'] .gameCardsWrapper{
	font-size: 24px;
}
[data-gameType = 'chooseTheCard'] .gameCards{
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
}
[data-gameType = 'chooseTheCard'] .gameCard{
	width: 300px;
	background-color: #FFFFFF;
	box-shadow: 3px 3px 15px -4px rgba(100,100,100,0.7);
	cursor: pointer;
	position: relative;
	top: 0;
	transform-style: preserve-3d;
//	transition-property: transform, top, box-shadow;
	transition-duration: 0.5s;
}
[data-gameType = 'chooseTheCard'] .gameCard.active{
	top: -12px;
	box-shadow: 0 0 0 3px #8E6DD6;
}
[data-gameType = 'chooseTheCard'] .gameCard .frontSide,
[data-gameType = 'chooseTheCard'] .gameCard .backSide{
	backface-visibility: hidden;
}
[data-gameType = 'chooseTheCard'] .gameCard .backSide{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
///	background-color: green;
	transform: rotateY(180deg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url('../images/tests/chooseTheCard/cardsBackground.png'), linear-gradient(to bottom, #2db5c1 0%, #47d8e5 100%);
}
[data-gameType = 'chooseTheCard'] .gameCard{
	margin: 0 10px;
}
body [data-gameType = 'chooseTheCard'] .gameCard:first-of-type{
	margin-left: 0;
}
body [data-gameType = 'chooseTheCard'] .gameCard:last-of-type{
	margin-right: 0;
}
[data-gameType = 'chooseTheCard'] .gameCard,
[data-gameType = 'chooseTheCard'] .cardImage,
[data-gameType = 'chooseTheCard'] .activeCardImage,
[data-gameType = 'chooseTheCard'] .cardImageWrapp,
[data-gameType = 'chooseTheCard'] .gameCard .frontSize,
[data-gameType = 'chooseTheCard'] .gameCard .backSide{
	border-radius: 12px;
}
[data-gameType = 'chooseTheCard'] .cardImage{
	aspect-ratio: 1 / 1;
	width: 100%;	
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
//	background-image: url('../images/tests/chooseTheCard/words/podskazka.png');
	position: relative;
	overflow: hidden;
}
[data-gameType = 'chooseTheCard'] .gameCard.fadedInactiveCardImage .cardImage{
	filter: grayscale(100%);
}
[data-gameType = 'chooseTheCard'] .gameCard.fadedInactiveCardImage.active .cardImage{
	filter: grayscale(0%);
}

[data-gameType = 'chooseTheCard'] .gameCard .cardImageWrapp{
	position: relative;
	overflow: hidden;
}
[data-gameType = 'chooseTheCard'] .gameCard .activeCardImage{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	opacity: 0;
	transform: scale(0.5);
}
[data-gameType = 'chooseTheCard'] .cardImage,
[data-gameType = 'chooseTheCard'] .gameCard .activeCardImage{
	transition-property: opacity, transform, filter;
	transition-duration: 0.7s;	
}
[data-gameType = 'chooseTheCard'] .gameCard.withActiveCardImage .cardImage{
	opacity: 1;
	transform: scale(1);
}

[data-gameType = 'chooseTheCard'] .gameCard.active .activeCardImage{
	opacity: 1;	
	transform: scale(1);
}
[data-gameType = 'chooseTheCard'] .gameCard.active.withActiveCardImage .cardImage{
	opacity: 0;
	transform: scale(0.5);
}

[data-gameType = 'chooseTheCard'] .gameCard .frontSide{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	width: 100%;
	height: 100%;	
}
[data-gameType = 'chooseTheCard'] .gameCard .frontSide > *{
	flex-shrink: 0;
	flex-grow: 0;
	flex-basis: auto;
}
[data-gameType = 'chooseTheCard'] .gameCard *.cardText{
	padding: 10px;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	width: 100%;
	box-sizing: border-box;
	position: relative;
	flex-grow: 1;
}
[data-gameType = 'chooseTheCard'] .gameCards[data-centralCardsTextHorizontally] .cardText{
	text-align: center;
}
[data-gameType = 'chooseTheCard'] .gameCards[data-centralCardsTextVertically] .cardText{
	justify-content: center;
}
[data-gameType = 'chooseTheCard'] .cardTextContainer{
	
}
[data-gameType = 'chooseTheCard'] .fullSentencePlaybackButtonWrapp{
	padding-top: 24px;
}
[data-gameType = 'chooseTheCard'][data-cardsNum = '2'] .gameCard{
	width: 350px;
	margin: 0 15px;
}
[data-gameType = 'chooseTheCard'][data-cardsNum = '4'] .gameCard{
	width: 250px;
//	margin: 0 10px;
}
[data-gameType = 'chooseTheCard'][data-cardsNum = '4'] .gameCardsWrapper{
	font-size: 22px;
}
[data-gameType = 'chooseTheCard'] .resultInfoWrapper{
	font-size: 24px;	
}
[data-gameType = 'chooseTheCard'] .resultInfo{	
	padding-left: 80px;
	padding-right: 80px;	
	line-height: 1.4em;
}
[data-gameType = 'chooseTheCard'] .testAnswersTableWrapp{	
	padding-top: 1em;	
}
[data-gameType = 'chooseTheCard'] .testAnswersTable{
	margin: 0 auto;
}
[data-gameType = 'chooseTheCard'] .testAnswersTable{
	border-collapse: collapse;
	font-size: inherit;
	font-family: inherit;
}
[data-gameType = 'chooseTheCard'] .testAnswersTable td{
	padding: 0.3em;
}
[data-gameType = 'chooseTheCard'] .testAnswerPicture{
	aspect-ratio: 1 / 1;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 5em;
}
.testAnswersTableTitle{
	text-align: center;
	font-weight: bold;
	margin-top: 1em;
}
/*-- Выбери карточку завершение --*/
/*-- Лишние буквы --*/
[data-gameType = 'extraLetters'] .imageContainer{ /*потом убрать*/
	display: block;
}
[data-gameType = 'extraLetters'] .textContainer{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    font-size: 36px;
}
[data-gameType = 'extraLetters'] .textBlocksWrapp{
	padding-top: 1em;
	padding-bottom: 1em;
}
[data-gameType = 'extraLetters'] .textWrapper{
	padding: 0.5em 0.5em;
}
/*[data-gameType = 'extraLetters'] .textWrapper:first-of-type{
//	padding-top: 1.5em;
}
[data-gameType = 'extraLetters'] .textWrapper:last-of-type{
//	padding-bottom: 1.5em;
}*/
[data-gameType = 'extraLetters'] .textElement{
    font-family: Marvin, sans-serif;
    line-height: normal;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}
[data-gameType = 'extraLetters'] .gameLetterWrapp{
	
}
[data-gameType = 'extraLetters'] .gameLetter{
    margin: 0 0.07em;
    position: relative;
	display: inline-block;
}
[data-gameType = 'extraLetters'] .gameLetter .letterContent{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 1.3em;
    height: 1.3em;
    border-radius: 15%;
    transition-property: background-color, color;
    transition-duration: 0.7s;
    background-color: #c5c5c5;
    cursor: pointer;
//	color: #FFFFFF;
//	text-shadow: 2px 2px 2px rgba(100,100,100,0.7);
	box-shadow: 2px 2px 2px rgba(100,100,100,0.7);
}
[data-gameType = 'extraLetters'] .fullSentencePlaybackButtonWrapp > *:nth-of-type(1n + 2){
	margin-left: 15px;
}
[data-gameType = 'extraLetters'] .fullSentencePlaybackButtonWrapp{
	padding-top: 40px;
}
.textGameSliderContainer{
	width: 250px;
	height: 250px;
	position: relative;
}
.textsSecondType .textGameSliderContainer{
	margin-left: 110px;
}
.textGameSliderContainer .textGameSliderImage{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 12px;
	box-shadow: 0px 8px 16px rgb(50 50 71 / 6%), 0px 8px 8px rgb(50 50 71 / 8%);
	background-color: #FFFFFF;
//	background-image: url('../images/tests/extraLetters/words/podskazka.png'); /*потом убрать;*/
}
.textGameSliderContainer .textGameSliderImage.appearance,
.textGameSliderContainer .textGameSliderImage.removing{
	pointer-events: none;
}
.textGameSliderContainer .TGSNavPanel{
	position: absolute;
	left: 0;
	top: 100%;
	right: 0;
	padding-top: 10px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	animation-name: TGSNavPanelAppearanceAnim;
	animation-duration: 0.7s;
	animation-fill-mode: both;
	animation-timing-function: linear;
}
.textGameSliderContainer .TGSNavPanel .sliderNavButton{
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: #DBEBB9;
	margin-left: 10px;
	transition-property: background-color, transform;
	transition-duration: 0.7s;	
}
.textGameSliderContainer .TGSNavPanel .sliderNavButton:not(.active){
	cursor: pointer;
}

.textGameSliderContainer .TGSNavPanel .sliderNavButton.active{
	background-color: #A5CD50;
	cursor: pointer;
	transform: scale(1.5);
}


/*-- Лишние буквы завершение --*/



/*-- Фейрверк для обложки --*/
.coverFireworkTest{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;	
}
.coverFireworkTest .testcoverForFireworks{
//	width: 240px;
//	height: 152px;
//	border: 1px solid black;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
//	background-image: url(../images/main/coverFirework/testPicture.png);
	width: 240px;
	height: 240px;
//	background-image: url(../images/main/coverFirework/testPicture2.png);
}
.coverFireworkTest .testcoverForFireworks img{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.coverFireworkWrapper{
	position: absolute;
	width: 100%;
	height: 100%;
	pointer-events: none;
}
.coverFireworkEl{
	position: absolute;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;	
}
.coverFireworkElAnim{
	animation-name: coverFireworkElAnim;
	animation-fill-mode: both;
	animation-timing-function: linear;	
}
.confettiEl{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}
@keyframes coverFireworkElAnim{
	from{
		opacity: 0;
		transform: scale(1);
	}50%{
		opacity: 1;
	}to{
		transform: scale(2);
		opacity: 0
	}
}
/*-- Фейрверк для обложки завершение --*/
/*-- Попапы описания игр--*/
.infoPopupWrapper .infoPopup[data-popupType='gameDescription'] .infoPopupWrapp{
	padding-top: 45px;
	padding-left: 30px;
	padding-right: 30px;
	max-height: 50%;
	overflow: auto;
}
.infoPopupWrapper .infoPopup[data-popupType='gameDescription']{
	font-size: 22px;
	text-align: justify;
}
.infoPopupWrapper .infoPopup[data-popupType='gameDescription']{
	clear: both;
}
.infoPopupWrapper .infoPopup[data-popupType='gameDescription'] .buttonWrapp.infoPopupStartingGameButt{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	transform: translateY(50%);
	pointer-events: none;
}
.infoPopupWrapper .infoPopup[data-popupType='gameDescription']{
	width: 650px;
}
.infoPopupWrapper .infoPopup[data-popupType='gameDescription'] .textBlock{
	line-height: 1.3;
	margin-top: 10px;
}
.infoPopupWrapper .infoPopup[data-popupType='gameDescription'] .buttonWrapp.infoPopupStartingGameButt .gameButton{
	margin-top: 0;
	pointer-events: auto;	
}
.infoPopupWrapper.gameDescriptionAnimation .infoPopup{
	animation-name: gameDescriptionAnimation;
	animation-duration: 0.7s;
	animation-timing-function: linear;
	animation-fill-mode: both;
}
@keyframes gameDescriptionAnimation{
	from{
		opacity: 0;
		transform: scale(0.7) translateY(-200px) translateZ(-200px) rotateX(90deg);
	}to{
		opacity: 1;
		transform: scale(1) translateY(0) translateZ(0) rotateX(0);
	}
}
.infoPopupWrapper.gameDescriptionPopupWrapper .coveringEl{
//	opacity: 0;
}
.gameDescriptionPopupRemovingAnimation{
	animation-name: gameDescriptionPopupRemovingAnimation;
	animation-timing-function: linear;
	animation-fill-mode: both;
	animation-duration: 0.7s;
}
@keyframes gameDescriptionPopupRemovingAnimation{
	from{
		transform: translateY(0);
	}to{
		transform: translateY(200px);
	}
}
.infoPopupWrapper.gameDescriptionAnimation .coveringEl{
	animation-name : gameDescriptionCoveringElAppearanceAnim;
	animation-duration: 0.5s;
	animation-timing-function: linear;
	animation-fill-mode: both;
}
@keyframes gameDescriptionCoveringElAppearanceAnim{
	from{
		opacity: 0;
	}to{
		opacity: 1;
	}
}
.infoPopup[data-popupType='gameDescription'] .gameDescriptionSoundEl{
	width: 75px;
	height: 75px;
	background-repeat: no-repeat; 
	background-position: center center;
	background-size: cover;
	border-radius: 50%;
	cursor: pointer;
}
.infoPopup[data-popupType='gameDescription'] .gameDescriptionImage.GDSticker{
	width: 80px;
}
.infoPopup[data-popupType='gameDescription'] .gameDescriptionSoundElWrapp{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center
}
.infoPopup[data-popupType='gameDescription'] .gameDescriptionSoundElWrapp > *:nth-of-type(1n + 2){
	margin-left: 15px;
}
.infoPopup[data-popupType='gameDescription'] .rightFloatingEl{
	float: right;
	margin-left: 20px;
}
.infoPopup[data-popupType='gameDescription'] .leftFloatingEl{
	float: left;
	margin-right: 20px;
}
.infoPopup[data-popupType='gameDescription'] .gameDescriptionSoundEl[data-status = 'play']{
	background-image: url(../images/main/playButton.png);	
}
.infoPopup[data-popupType='gameDescription'] .gameDescriptionSoundEl[data-status = 'pause']{
    background-image: url(../images/main/pauseButton.png);
}	
/*-- Попапы описания игр завершение--*/
/*-- Звуки попапов подсказок --*/
.supportInfoElWrapp .supportInfoSoundElWrapp{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center
}
.supportInfoElWrapp .leftFloatingEl{
	float: left;
	margin-right: 10px;	
}
.supportInfoElWrapp .rightFloatingEl{
	float: right;
	margin-left: 10px;
}
.supportInfoElWrapp .supportInfoSoundEl{
	width: 40px;
	height: 40px;
	background-repeat: no-repeat; 
	background-position: center center;
	background-size: cover;
	border-radius: 50%;
	cursor: pointer;
}
.supportInfoElWrapp .supportInfoSoundEl[data-status = 'play']{
	background-image: url(../images/main/playButton.png);	
}
.supportInfoElWrapp .supportInfoSoundEl[data-status = 'pause']{
    background-image: url(../images/main/pauseButton.png);	
}
/*-- Звуки попапов подсказок завершение --*/
/*-- Игры из проекта ментальной арифметики --*/
/* -- Чтение -- */
[data-gameType='reading'] .gameFieldWrapper{
	padding-top: 30px;
	margin-top: 30px;	
}
[data-gameType='reading'] .gameField{
	padding-top: 18px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}
/*[data-gameType='reading'] .gameField.twoParts .fieldLeftPart{
	text-align: center;
}*/
[data-gameType='reading'] .gameField .commonInfoPart{
//	margin-left: 50px;
//	font-size: 22px;
	font-size: 26px;
	color: #FFFFFF;
//	line-height: 1.55;
	line-height: 1.5;
	width: 648px;
	height: 340px;
	text-align: left;
	overflow: auto;
	text-align: justify;
	padding-right: 10px;
	margin-top: 10px;
	background-color: #FBFBFD;
}
[data-gameType='reading'] .gameField .textForReading{
	color: #000000;
}
[data-gameType='reading'] .statisticsPanel .leftElement.red{
//	color: #FF4865;
}
[data-gameType='reading'] .auxiliaryElements{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	transition-property: opacity;
	transition-duration: 0.5s;
	opacity: 0;
}
[data-gameType='reading'] .textForReading{
	position: relative;
	padding-bottom: 20px;
}
[data-gameType='reading'] .auxiliaryElements{
/*	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;*/
}
[data-gameType='reading'] .auxiliaryElements::after{
	display: block;
	content: '';
	clear: both;
}
[data-gameType='reading'] .textForReading .pointBlock{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	float: left;
}
[data-gameType='reading'] .textForReading .pointBlock::before{
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	box-sizing: border-box;
	border-radius: 50%;
	border: 1.5px solid #D43687;
	background-color: #FFFFFF;
	
	border: 1.5px solid #FC4848;
	background-color: #FC4848;	
	opacity: 0.8;
}
/*
[data-gameType='reading'] .textForReading[data-divisionNum = '2'] .pointBlock{
	width: 50%;
}
[data-gameType='reading'] .textForReading[data-divisionNum = '3'] .pointBlock{
	width: 33.333%;
}*/
[data-gameType='reading'] .textForReading .auxiliaryLine{
	position: absolute;
	top: 0;
	bottom: 0;
	background-color: #0596A5;
}
[data-gameType='reading'] .questionBlock{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	text-align: center;
}
[data-gameType='reading'] .questionBlock .question{
	width: 100%;
/*	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;*/
}
[data-gameType='reading'] .answers{
	margin-top: 40px;
	width: 100%;	
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;	
}
[data-gameType='reading'] .answers .answer{
	cursor: pointer;
	line-height: 45px;
	padding: 0 12px;
	border-radius: 8px;
	transition-property: background-color, color, box-shadow;
	transition-duration: 0.5s;
	width: 70%;
	box-sizing: border-box;
}
[data-gameType='reading'] .answers .answer:nth-of-type(1n + 2){
	margin-top: 7px;
}
[data-gameType='reading'] .answers .answer[data-active]{
//	color: #482D83;
//	background-color: white;
//	box-shadow: 0px 4px 4px rgb(50 50 71 / 8%), 0px 4px 8px rgb(50 50 71 / 6%);
	color: #FFFFFF;
	background-color: #1d9fad;
}
[data-gameType='reading'] .answers .answer[data-status = 'right']{
	background-color: #76D51F
}
[data-gameType='reading'] .answers .answer[data-status = 'wrong']{
	background-color: #FF4865;
}
[data-gameType='reading'] .answers .answer[data-active],
[data-gameType='reading'] .answers .answer[data-status = 'right'],
[data-gameType='reading'] .answers .answer[data-status = 'wrong']{
	box-shadow: 0px 8px 8px rgba(50, 50, 71, 0.08), 0px 8px 16px rgba(50, 50, 71, 0.06);
}
.controlOptionsButton{
	width: 40px;
	height: 40px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	cursor: pointer;
}
.controlOptionsButton.soundButton{
	background-image: url('../images/main/volumeDark.png');
}
.controlOptionsButton.soundButton[data-mute]{
	background-image: url('../images/main/volumeOffDark.png');
}
[data-gameType='reading'] .controlOptionsButton.auxiliaryElementsButton{
	background-image: url('../images/main/technicalDark.png');
}
[data-gameType='reading'] .controlOptionsButton.auxiliaryElementsButton[data-off]{
	background-image: url('../images/main/technicalOffDark.png');
}
[data-gameType='reading'] .controlOptionsButton:not(.visible),
[data-gameType='wedgeTables'] .controlOptionsButton:not(.visible){
	display: none;
}
[data-gameType='reading'] .statisticsPanelWrapp,
[data-gameType='wedgeTables'] .statisticsPanelWrapp,
[data-gameType='videoWatcher'] .statisticsPanelWrapp{
	height: auto;
}
[data-gameType='reading'] .controlOptionsPanelWrapp,
[data-gameType='reading'] .controlOptionsPanel,
[data-gameType='wedgeTables'] .controlOptionsPanelWrapp,
[data-gameType='wedgeTables'] .controlOptionsPanel,
[data-gameType='videoWatcher'] .controlOptionsPanelWrapp,
[data-gameType='videoWatcher'] .controlOptionsPanel{	
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;	
}
[data-gameType='reading'] .controlOptionsPanelWrapp,
[data-gameType='wedgeTables'] .controlOptionsPanelWrapp{
	position: absolute;
	left: 100%;
	top: 0;
	bottom: 0;
	padding-left: 20px;		
}
[data-gameType='reading'] .controlOptionsPanel > *:nth-of-type(1n + 2),
[data-gameType='wedgeTables'] .controlOptionsPanel > *:nth-of-type(1n + 2){
	margin-left: 10px;
}
[data-gameType='reading'] .controlOptionsPanel,
[data-gameType='wedgeTables'] .controlOptionsPanel{
	position: relative;
	top: 10px;
}


/*[data-gameType='reading'][data-fullHeightText] .gameField{
	position: absolute;
	left: 0;
	top: 30px;
	right: 0;
	bottom: 0;
	height: auto;
}
[data-gameType='reading'][data-fullHeightText] .gameField .commonInfoPart{
	height: auto;
}*/

/*или*/

[data-gameType='reading'][data-fullHeightText] .gameField{
	height: 100%;
}
[data-gameType='reading'][data-fullHeightText] .gameField .commonInfoPart{
	height: auto;
	flex-grow: 1;
	flex-shrink: 0;
	flex-basis: 0;
}




/* -- Чтение завершение -- */
/* -- Клиновидные таблицы -- */
[data-gameType='wedgeTables'] .progressBawWrapp{
	
}
[data-gameType='wedgeTables'] .wedgeTableImage{
	width: 400px;
	height: 400px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
[data-gameType='wedgeTables'][data-questionImageSizeType='big'] .wedgeTableImage{
	width: 540px;
	height: 540px;	
}
[data-gameType='wedgeTables'] .gameFieldWrapper{
	padding-top: 30px;
	margin-top: 30px;	
}
[data-gameType='wedgeTables'] .gameField{
	padding-top: 18px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
[data-gameType='wedgeTables'][data-questionImageSizeType='fullHeight'] .wedgeTableWrapper{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
[data-gameType='wedgeTables'][data-questionImageSizeType='fullHeight'] .wedgeTableImage{
	height: 90%;
	aspect-ratio: 1 / 1;
	width: auto;
}
/* -- Клиновидные таблицы завершение -- */
/* -- Просмотр видео -- */
[data-gameType = 'videoWatcher'] .gameField{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}	
[data-gameType = 'videoWatcher'] .videoWrapper{
	height: 80%;
	max-width: 90%;
}
[data-gameType = 'videoWatcher'] .gameVideo{	
	aspect-ratio: 16 / 9;
	height: 100%;
	width: 100%;
}
[data-gameType='videoWatcher'] .gameButtonsPanelWrapper .gameButton::before{
	margin-right: 0;
}
[data-gameType='videoWatcher'] .gameButtonsPanelWrapper > *:nth-of-type(1n + 2){
	margin-left: 10px;
}
[data-gameType='videoWatcher'].withStatisticsPanel .statisticsPanelWrapp{
	top: 20px;
}
/* -- Просмотр видео завершение -- */
/* -- Лабиринты (квиз) -- */
[data-gameType='quizMental'] .gameField{
	padding-top: 18px;
}
[data-gameType='quizMental'] .questionBody{
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;	
    font-size: 26px;
 //   color: #FFFFFF;	
}
[data-gameType='quizMental'] .questionBody .answerVariant{
    cursor: pointer;
    line-height: 45px;
    padding: 0 12px;
    border-radius: 8px;
    transition-property: background-color, color, box-shadow;
    transition-duration: 0.5s;
    box-sizing: border-box;	
}
[data-gameType='quizMental'] .questionBody .answerVariant[data-active]{
//	color: #482D83;
//    background-color: white;	
	color: #FFFFFF;
    background-color: #1d9fad;
}
[data-gameType='quizMental'] .questionBody .answerVariant:nth-of-type(1n + 2){
	margin-top: 12px;
}
[data-gameType='quizMental'] .questionImage{
	width: 370px;
    height: 370px;
    margin-top: 16px;
    position: relative;	
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
[data-gameType='quizMental'][data-questionImageSizeType='big'] .questionImage{
	width: 500px;
	height: 500px;
}
[data-gameType='quizMental'] .questionBody .answerVariants{
	margin-top: 40px;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
//	align-items: center;
	text-align: center;
}
[data-gameType='quizMental'] [data-questionType = 'graphic'] .questionBody .answerVariants{
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
}
[data-gameType='quizMental'] [data-questionType = 'graphic'] .questionBody .answerVariants{
	position: relative;
	left: -12px;
	margin-top: 30px;
}
[data-gameType='quizMental'] .questionBody .answerVariant:nth-of-type(1n){
	margin-top: 12px;
	margin-left: 12px;
}
[data-gameType='quizMental'] .questionBody .answerVariant[data-status = 'right']{
	background-color: #76D51F
}
[data-gameType='quizMental'] .questionBody .answerVariant[data-status = 'wrong']{
	background-color: #FF4865;
}
[data-gameType='quizMental'] .questionBody .answerVariant[data-active],
[data-gameType='quizMental'] .questionBody .answerVariant[data-status = 'right'],
[data-gameType='quizMental'] .questionBody .answerVariant[data-status = 'wrong']{
	box-shadow: 0px 8px 8px rgba(50, 50, 71, 0.08), 0px 8px 16px rgba(50, 50, 71, 0.06);
}
/* -- Лабиринты (квиз) завершение -- */
/* -- Таблицы Шульте -- */
[data-gameType='shulte'] .shulteTableEl{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	jusify-content: center;
	align-items: center;
	box-sizing: borer-box;
	border: 2px solid #19AAB9;
	color: #494953;
	background-color: #FBFBFD;
}
[data-gameType='shulte'] .fieldRighttPart{
	margin-left: 50px;
}
[data-gameType='shulte'] .gameFieldWrapper{
	padding-top: 35px;
}
[data-gameType='shulte'] .shulteTableEl{
	border-radius: 12px;
}
[data-gameType='shulte'][data-colorCellsMode] .shulteTableEl{
//	color: #FFFFFF;
}
[data-gameType='shulte'] .shulteTableEl .shulteTColumn:nth-of-type(1) .shulteTableCell:nth-of-type(1),
[data-gameType='shulte'] .shulteTableEl .shulteTColumn:nth-of-type(1) .shulteTableCell:nth-of-type(1) > *{
	border-top-left-radius: 12px;
}
[data-gameType='shulte'] .shulteTableEl .shulteTColumn:nth-of-type(1) .shulteTableCell:last-of-type,
[data-gameType='shulte'] .shulteTableEl .shulteTColumn:nth-of-type(1) .shulteTableCell:last-of-type > *{
	border-bottom-left-radius: 12px;
}
[data-gameType='shulte'] .shulteTableEl .shulteTColumn:last-of-type .shulteTableCell:nth-of-type(1),
[data-gameType='shulte'] .shulteTableEl .shulteTColumn:last-of-type .shulteTableCell:nth-of-type(1) > *{
	border-top-right-radius: 12px;
}
[data-gameType='shulte'] .shulteTableEl .shulteTColumn:last-of-type .shulteTableCell:last-of-type,
[data-gameType='shulte'] .shulteTableEl .shulteTColumn:last-of-type .shulteTableCell:last-of-type > *{
	border-bottom-right-radius: 12px;
}
[data-gameType='shulte'] .shulteTableEl .shulteTColumn:nth-of-type(1n + 2) .shulteTableCell{
	border-left: 2px solid #19AAB9;
}
[data-gameType='shulte'] .shulteTableEl .shulteTColumn .shulteTableCell:nth-of-type(1n + 2){
	border-top: 2px solid #19AAB9;
}
[data-gameType='shulte'] .shulteTableEl .shulteTColumn .shulteTableCell{
//	background-color: green;
	font-size: 32px;
//	color: #FFFFFF;
	font-weight: bold;	
}
[data-gameType='shulte'] .shulteTableCellEl{
	cursor: pointer;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	width: 100%;
	height: 100%;	
	transition-property: background-color, color;
	transition-duration: 0.5s;
}
[data-gameType='shulte'] .shulteTableCellEl[data-status = 'right']{
	background-color: #76D51F;	
	color: #FFFFFF;
}
[data-gameType='shulte'] .shulteTableCellEl[data-status = 'wrong']{
	background-color: #FF4865;
	transition-duration: 0.2s;
	color: #FFFFFF;
}
[data-gameType='shulte'] .errorsCounter{
//	color: #FFFFFF;
	font-size: 20px;
	padding-top: 10px;
	text-align: center;
}

[data-gameType='shulte'] .gameField{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
}
[data-gameType='shulte'] .gameField .fieldLeftPart{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}
[data-gameType='shulte'] .leftPartTimer{
    padding-top: 20px;
    font-size: 32px;
}
[data-gameType='shulte'] .leftPartGameNameWrapp{
	padding-top: 16px;
}
[data-gameType='shulte'] .leftPartGameName{
	font-size: 22px;
    color: #482D83;
    padding: 16px 16px;
    background-color: #FFFFFF;
    box-shadow: 0px 8px 8px rgba(50, 50, 71, 0.08), 0px 8px 16px rgba(50, 50, 71, 0.06);
    border-radius: 12px;
    text-align: center;
    max-width: 290px;
    box-sizing: border-box;		
}

/* -- Таблицы Шульте завершение -- */
/*-- Игры из проекта ментальной арифметики завершение --*/

/*-- Новый дизайн --*/
.gameBody header{
	display: none;
}
.gameButton::after{
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
//	pointer-events: none;
	background-repeat: no-repeat;
	background-position: 8px 6px;
	background-image: url('../images/main/updatedDesign/buttonGlare.svg');
	background-size: auto 18px;
	overflow: hidden;
}
.gameButton{
	background-image: linear-gradient(to bottom, rgba(255,255,255,0.45) 0%, rgba(255,255,255,0) 100%);
}
.gameButton.yellow, .gameButton.yellow.visualEnable{
//	background-image: linear-gradient(to bottom, #FFC400 0%, #EC9A00 100%);	
}
.gameButton.howToPlay{
//	background-image: linear-gradient(to bottom, #C0ABF6 0%, #8569C2 100%);
}
.gameButton.grammar{
//	background-image: linear-gradient(to bottom, #C0ABF6 0%, #8569C2 100%);
}
.gameButton.startGame, .gameButton.green{
//	background-image: linear-gradient(to bottom, #92EF3D 0%, #62BE0D 100%);
}
.gameButton.turquoise{
	
}
.gameButton::before{
	transition-property: opacity;
	transition-duration: 0.7s;
}
.gameButton.prompt.disable::before{
	opacity: 0.3;
}
.gameButton.grammar.disable::before{
	opacity: 0.4;
}


.gameButton.grammar::before{
	background-image: url('../images/main/updatedDesign/grammar.png');
}
.gameButton.howToPlay::before{
	background-image: url('../images/main/updatedDesign/question.png');
}
.gameButton.prompt::before{
	background-image: url('../images/main/updatedDesign/prompt.png');
}
.gameButton.disable{
//	opacity: 0.5;	
}

.gameHeader{
	background-color: #FFFFFF;
	border-radius: 12px;
	box-shadow: 5px 5px 20px 0 rgba(8, 40, 106, 0.1);
//	padding: 13px 32px 15px 0;
	height: 83px;
	padding-right: 32px;
	
//	background-color: rgba(255,255,255,0.5);
//	backdrop-filter: blur(4px);
}
.gameHeader .leftPart{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
}
.gameHeader .gameName{

}
.gameHeader .gameName,
.gameHeader .gameDescription{
	padding-left: 10px;
}
.gameHeader .gameDescription{	
	background-color: #76D51F;
	color: #FFFFFF;
	border-radius: 0 7px 7px 0;
//	line-height: 1.7;
	padding-right: 7px;
	width: fit-content;
	max-width: 370px;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}
.gameHeader .rightPart{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
.gameHeader .closeButton{
	box-shadow: none;
	background-image: url('../images/main/updatedDesign/closeButton.png');
	width: 50px;
	height: 50px;
	background-size: contain;
}
.progressBar{
	width: 350px;
}
.progressBar .progressBarScale{
	background-position: left center;
	background-repeat: repeat-x;
	background-size: auto 100%;
	background-image: url('../images/main/updatedDesign/progressBarStripe.svg');
}
.progressBar .progressBarScale::before,
.progressBar .progressBarScale::after{
	display: block;
	content: '';	
	position: absolute;
	left: 100%;	
	border-radius: 50%;	
	aspect-ratio: 1 / 1;	
}
.progressBar .progressBarScale::before{
	background-color: #76D51F;
	height: 169%;
	transform: translateX(-50%) translateY(-20%);	
}
.progressBar .progressBarScale::after{
	background-color: #64C60B;
	height: 92%;
	transform: translateX(-50%) translateY(4.5%);
}
.progressBar .progressIndicator{
	width: 43px; 
	aspect-ratio: 0.896 /1;
	position: absolute;
	left: 100%;
	transform: translateX(-50%) translateY(-114%);	
}
.progressBar .progressIndicatorElsWrapp{
	position: absolute;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url('../images/main/updatedDesign/progressIndicator.png');
	font-size: 18px;
	font-weight: 700;
	color: #FFFFFF;
	overflow: hidden;
}
.progressBar .progressIndicatorTextWrapp{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;		
}
.withProgressIndicator .progressBar .progressIndicatorText{
	position: relative;
	top: -8%;
}
.progressBawWrapp.withProgressIndicator{
	justify-content: flex-end;
	margin-bottom: 10px;
}
.withProgressIndicator .progressBar::after,
.withProgressIndicator .progressBar::before{
	display: block;
	position: absolute;	
	color: #D3D3D3;	
	font-size: 22px;
	bottom: 0;
	transform: translateY(15%);
}
.withProgressIndicator .progressBar::after{
	content: '100%';
	left: 100%;
	margin-left: 14px;	
}
.withProgressIndicator .progressBar::before{
	content: '0%';
	right: 100%;	
	margin-right: 14px;
}
body{
	background-color: #E1F3F5;
    background-image: url(../images/main/subjectsBackgrounds/general.svg);
    background-size: 600px auto;    
    background-position: center top;
    background-repeat: repeat;	
}
/* Правка на кнопку для айфона */
footer{
	padding-bottom: constant(safe-area-inset-bottom); /* для iOS 11.0–11.2 */
	padding-bottom: env(safe-area-inset-bottom);     /* для iOS 11.2+ */
}
/* Правка на кнопку для айфона завершение */

/*-- Новый дизайн завершение --*/