@font-face{font-family:'LCDBOLD';src:url('images/fonts/LCDBOLD.eot');src:local('LCDBOLD'), url('img/fonts/LCDBOLD.woff') format('woff'),
url('img/fonts/LCDBOLD.ttf') format('truetype');

}
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent
}
html,
body {
	overscroll-behavior-y: contain;
	overflow-x: hidden;
}
.bottomRklm {
	position: absolute;
	min-height: 10px;
	bottom: 10px;
	left: 300px;
	right: 300px;
	max-height: 200px;
	z-index: 1;
}
#container {
	position: relative;
	z-index: 99;
}
body {
	max-width: 100%;
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	font-family: arial;
	font-size: 15px;
	line-height: 19px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}
nav ul {
	list-style: none
}
iframe {
	width: 400px;
	height: 225px;
	max-width: 100%;
}
blockquote,
q {
	quotes: none
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: none
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	color: #000;
}
ins {
	color: #000;
	text-decoration: none
}
mark {
	color: #000;
	font-style: italic;
	font-weight: bold
}
del {
	text-decoration: line-through
}
abbr[title],
dfn[title] {
	border-bottom: 1px dotted;
	cursor: help
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0
}
input,
select {
	vertical-align: middle
}
img {
	max-width: 100%;
}
.centeralign {
	text-align: center;
}
.printOnly {
	display: none;
}
.floatRight {
	float: right;
	margin: 0 0 5px 15px;
}
h1 {
	font-size: 16px;
	position: absolute;
	line-height: 18px;
	text-align: center;
	top: 5px;
	left: 5px;
	font-weight: bold;
}
h2 {
	font-size: 40px;
	margin-bottom: 20px;
}
h3 {
	font-size: 25px;
	line-height: 25px;
	margin-bottom: 6px;
}
h4 {
	font-size: 23px;
}
p {
	margin-bottom: 10px;
}
.sectionInfo {
	text-align: center;
	padding: 60px 20px 20px 20px;
	font-weight: bold;
	font-size: 1.3em;
}
#footnote {
	padding: 20px;
	background: #FFF988;
	background: -moz-radial-gradient(center, #FFFFFF 0%, #FFF988 100%);
	background: -webkit-radial-gradient(center, #FFFFFF 0%, #FFF988 100%);
	background: radial-gradient(ellipse at center, #FFFFFF 0%, #FFF988 100%);
	color: #333;
	font-weight: bold;
	border-top: 5px solid #f5b400;
	border-bottom: 5px solid #f5b400;
}
nav {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
}
#naviList {
	font-size: 30px;
	list-style: none;
	text-decoration: none;
	width: 100%;
	border: none;
	display: inline-block;
}
#naviList li a {
	color: #FFF;
	text-decoration: none;
	display: block;
	width: 100%;
	height: 300px;
	line-height: 340px;
	padding: 0 0 40px 0;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 50px;
	letter-spacing: 1px;
	text-shadow: 4px 4px 0px #000000, -4px 4px 0px #000000, 4px -4px 0px #000000, -4px -4px 0px #000000, 4px 0px 0px #000000, -4px 0px 0px #000000, 0px -4px 0px #000000, 0px 4px 0px #000000;
	-moz-transform: skew(17deg, 0deg);
	-webkit-transform: skew(17deg, 0deg);
	-o-transform: skew(17deg, 0deg);
	-ms-transform: skew(17deg, 0deg);
	transform: skew(17deg, 0deg);
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
#naviList li a:hover {
	text-shadow: 3px 3px 0px #000, -3px 3px 0px #000, 3px -3px 0px #000, -3px -3px 0px #000, 3px 0px 0px #000, -3px 0px 0px #000, 0px -3px 0px #000, 0px 3px 0px #000, 4px 4px 0px #FFF, -4px 4px 0px #FFF, 4px -4px 0px #FFF, -4px -4px 0px #FFF, 4px 0px 0px #FFF, -4px 0px 0px #FFF, 0px -4px 0px #FFF, 0px 4px 0px #FFF;
}
#naviList li a span {
	display: none;
	padding-top: 15px;
	font-size: 15px;
	line-height: 20px;
	text-shadow: 1px 1px 0px #FFF, -1px 1px 0px #FFF, 1px -1px 0px #FFF, -1px -1px 0px #FFF;
	color: #000;
	position: relative;
	top: -150px;
}
#naviList li a:hover span {
	display: block;
}
#naviList li {
	vertical-align: top;
	color: #000;
	display: inline-block;
	height: 340px;
	width: 23%;
	text-align: center;
	-moz-transform: skew(-17deg, 0deg);
	-webkit-transform: skew(-17deg, 0deg);
	-o-transform: skew(-17deg, 0deg);
	-ms-transform: skew(-17deg, 0deg);
	transform: skew(-17deg, 0deg);
}
#naviList li:nth-child(1) {
	background-color: rgba(255, 178, 0, 0.25);
}
#naviList li:nth-child(2) {
	background-color: rgba(0, 135, 255, 0.25);
}
#naviList li:nth-child(3) {
	background-color: rgba(255, 0, 0, 0.25);
}
#naviList li:nth-child(4) {
	background-color: rgba(37, 255, 0, 0.25);
}
.socialIcons {
	float: right;
	margin: 0 0 10px 20px;
}
#intro .socialIcons {
	position: absolute;
	bottom: 10px;
	right: 10px;
	margin: 0;
}
.socialIcons a {
	background: url(img/sprite.png) no-repeat 0 -450px transparent;
	display: inline-block;
	height: 30px;
	width: 30px;
	margin-right: 10px;
	cursor: pointer;
	opacity: 0.6;
}
.socialIcons a:hover {
	opacity: 1;
}
.socialIcons a.shareFb {
	background-position: 0 -450px;
}
.socialIcons a.shareTw {
	background-position: -50px -450px;
}
.socialIcons a.shareGp {
	background-position: -100px -450px;
}
#intro {
	padding: 0px 20px 0px 400px;
	background: url(img/headerBack.jpg) no-repeat center center #000;
	height: 340px;
	overflow: hidden;
	position: relative;
}
#wrapD3Cube {
	width: 200px;
	height: 200px;
	display: inline-block;
	vertical-align: middle;
	position: fixed;
	top: 1px;
	z-index: 11111;
	left: 1px;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#D3Cube {
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	width: 112px;
	height: 112px;
	top: 50px;
	-webkit-perspective: 15000px;
	perspective: 15000px;
	transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform: rotateX(-105deg) rotateY(0deg) rotateZ(17deg);
	-moz-transform: rotateX(-105deg) rotateY(0deg) rotateZ(17deg);
	-webkit-transform: rotateX(-105deg) rotateY(0deg) rotateZ(17deg);
	margin: auto;
	position: relative;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.activeSectionplay #D3Cube,
.playFullScreen #D3Cube {
	transform: rotateX(-14deg) rotateY(113deg) rotateZ(3deg);
	-moz-transform: rotateX(-14deg) rotateY(113deg) rotateZ(3deg);
	-webkit-transform: rotateX(-14deg) rotateY(113deg) rotateZ(3deg);
}
.activeSectionsolve #D3Cube {
	transform: rotateX(-14deg) rotateY(203deg) rotateZ(3deg);
	-moz-transform: rotateX(-14deg) rotateY(203deg) rotateZ(3deg);
	-webkit-transform: rotateX(-14deg) rotateY(203deg) rotateZ(3deg);
}
.activeSectionlearn #D3Cube {
	transform: rotateX(-14deg) rotateY(293deg) rotateZ(3deg);
	-moz-transform: rotateX(-14deg) rotateY(293deg) rotateZ(3deg);
	-webkit-transform: rotateX(-14deg) rotateY(293deg) rotateZ(3deg);
}
.activeSectiontime #D3Cube {
	transform: rotateX(-14deg) rotateY(383deg) rotateZ(3deg);
	-moz-transform: rotateX(-14deg) rotateY(383deg) rotateZ(3deg);
	-webkit-transform: rotateX(-14deg) rotateY(383deg) rotateZ(3deg);
}
#D3Cube > div {
	position: absolute;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	width: 112px;
	height: 112px;
	float: left;
	overflow: hidden;
}
#D3Cube > div > div {
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	width: 112px;
	height: 112px;
	background-size: 100% 100%;
	background-image: url(img/logo-grid.png);
}
#side1 {
	transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(56px);
	-moz-transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(56px);
	-webkit-transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(56px);
}
#side2 {
	transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(56px);
	-moz-transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(56px);
	-webkit-transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(56px);
}
#side3 {
	transform: translateX(0px) translateY(0px) translateZ(56px);
	-moz-transform: translateX(0px) translateY(0px) translateZ(56px);
	-webkit-transform: translateX(0px) translateY(0px) translateZ(56px);
}
#side4 {
	transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(56px);
	-moz-transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(56px);
	-webkit-transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(56px);
}
#side5 {
	transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(56px);
	-moz-transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(56px);
	-webkit-transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(56px);
}
#side6 {
	transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(56px);
	-moz-transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(56px);
	-webkit-transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(56px);
}
#side1 > div {
	background-color: #FFFFFF;
}
#side2 > div {
	background-color: #e87000;
}
#side3 > div {
	background-color: #009d54;
}
#side4 > div {
	background-color: #dc422f;
}
#side5 > div {
	background-color: #3d81f6;
}
#side6 > div {
	background-color: #f2f215;
}
.activeSectiontop #wrapD3Cube {
	width: 400px;
	height: 300px;
}
.activeSectiontop #D3Cube {
	width: 224px;
	height: 224px;
}
.activeSectiontop #D3Cube > div {
	width: 224px;
	height: 224px;
}
.activeSectiontop #D3Cube > div > div {
	width: 224px;
	height: 224px;
}
.activeSectiontop #side1 {
	transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(112px);
	-moz-transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(112px);
	-webkit-transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(112px);
}
.activeSectiontop #side2 {
	transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(112px);
	-moz-transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(112px);
	-webkit-transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(112px);
}
.activeSectiontop #side3 {
	transform: translateX(0px) translateY(0px) translateZ(112px);
	-moz-transform: translateX(0px) translateY(0px) translateZ(112px);
	-webkit-transform: translateX(0px) translateY(0px) translateZ(112px);
}
.activeSectiontop #side4 {
	transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(112px);
	-moz-transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(112px);
	-webkit-transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(112px);
}
.activeSectiontop #side5 {
	transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(112px);
	-moz-transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(112px);
	-webkit-transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(112px);
}
.activeSectiontop #side6 {
	transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(112px);
	-moz-transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(112px);
	-webkit-transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(112px);
}
.activeSectiontop #D3Cube > div#side1 > div > a {
	background-size: auto;
}
#D3Cube > div#side1 > div > a {
	font-size: 8px;
	text-indent: -999px;
	background: url(img/logo60.png) no-repeat center center;
	background-size: 30px 30px;
}
.activeSectiontop #D3Cube > div > div > a {
	line-height: 220px;
	font-size: 60px;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#D3Cube > div > div > a {
	font-family: "Arial Black", Gadget, sans-serif;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	position: relative;
	line-height: 110px;
	text-align: center;
	display: block;
	color: #FFF;
	text-decoration: none;
	font-size: 30px;
	text-shadow: 2px 2px 0px #000, -2px 2px 0px #000, 2px -2px 0px #000, -2px -2px 0px #000;
}
#D3Cube > div#side2 > div > a {
	color: #f9c08c;
}
#D3Cube > div#side5 > div > a {
	color: #9ebdf3;
}
#D3Cube > div#side4 > div > a {
	color: #e89489;
}
#D3Cube > div#side3 > div > a {
	color: #7defba;
}
#naviList li a#playLink {
	color: #ff8f27;
}
#naviList li a#learnLink {
	color: #f95844;
}
#naviList li a#solveLink {
	color: #1c5ffe;
}
#naviList li a#timeLink {
	color: #39e897;
}
.activeSectiontime #D3Cube > div#side3 > div > a,
.activeSectionplay #D3Cube > div#side2 > div > a,
.playFullScreen #D3Cube > div#side2 > div > a,
.activeSectionsolve #D3Cube > div#side5 > div > a,
.activeSectionlearn #D3Cube > div#side4 > div > a {
	color: #FFF;
}
#D3Cube > div > div > a:hover {
	color: #FFF !important;
}
#scrambler,
#result {
	-webkit-touch-callout: none !important;
	-webkit-user-select: none !important;
	-khtml-user-select: none !important;
	-moz-user-select: none !important;
	-ms-user-select: none !important;
	user-select: none !important;
	overflow: hidden;
	position: relative;
	z-index: 99;
}
html,
body {
	background-color: #EEE;
	max-width: 100%;
}
.clearfix:after,
.row:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix,
.row {
	display: inline-block;
}
* html .row,
* html .clearfix {
	height: 1%;
}
.clearfix,
.row {
	display: block;
}
.half {
	display: inline-block;
	width: 48%;
	text-align: left;
}
.row {
	text-align: center;
}
#pleasewait {
	text-align: center;
	position: fixed;
	top: 200px;
	font-size: 25px;
	height: 0;
	left: 0;
	right: 0;
}
#pleasewait > div {
	background: rgba(255, 255, 255, 0.9);
	font-size: 20px;
	padding: 13px;
	color: #225886;
	font-weight: bold;
}
#vigyazzKetszer {
	position: absolute;
	display: none;
	top: -160px;
	left: 353px;
	font-size: 75px;
	letter-spacing: 5px;
	font-weight: bold;
	color: #ffffff;
	text-shadow: 2px 2px 0px #000000, -2px 2px 0px #000000, 2px -2px 0px #000000, -2px -2px 0px #000000, 2px 0px 0px #000000, -2px 0px 0px #000000, 0px -2px 0px #000000, 0px 2px 0px #000000;
}
#rotacioSzoveg {
	position: absolute;
	top: -60px;
	left: 535px;
	font-size: 30px;
	font-weight: bold;
	color: #104196;
}
#rotacioSzoveg span {
	display: inline-block;
	margin-left: 10px;
	font-size: 50px;
}
#getHelp {
	background: url(img/sprite.png) no-repeat 0 -450px transparent;
	height: 30px;
	width: 30px;
	float: right;
	opacity: 0.5;
	cursor: pointer;
	margin: 30px 0 0 0;
}
#getHelp:hover {
	opacity: 1;
}
#switchViewWrap {} #switchView {
	margin: auto;
	width: 660px;
	overflow: hidden;
	text-align: center;
}
#switchView a {
	font-size: 20px;
	line-height: 20px;
	margin: 20px 20px 0;
	display: inline-block;
	position: relative;
	top: 4px;
	font-weight: bold;
	height: 21px;
	padding: 13px 16px 5px 14px;
	width: 50px;
	background-color: rgba(255, 255, 255, 0.2);
	cursor: pointer;
	color: #444;
	border-radius: 10px;
	border: 2px solid #FFF;
	background-image: url(img/sprite.png);
	overflow: hidden;
	text-indent: -222px;
}
#tothreeDView {
	background-position: 21px -98px;
}
#toflatView {
	background-position: -78px -95px;
}
#tokociembaView {
	background-position: -179px -95px;
}
#switchView a:hover {
	background-color: rgba(255, 255, 255, 0.5);
}
#switchView a.active,
#switchView a:active {
	background-color: #3d81f6;
}
#rubiksCubeSolver {
	width: 660px;
	margin: 0px auto 0px;
	min-height: 430px;
	overflow: hidden;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.solverSolutionPage #rubiksCubeSolver {
	min-height: 350px;
}
#hibaUzenet {
	border: 2px solid #777;
	position: absolute;
	width: 400px;
	top: 210px;
	font-size: 17px;
	display: none;
	padding: 20px;
	background-color: rgba(255, 255, 255, 0.95);
	margin-left: 115px;
	font-weight: bold;
	z-index: 11111;
	box-shadow: 1px 1px 8px #000;
	text-align: center;
}
#closeHibauzenet {
	float: right;
	cursor: pointer;
	position: relative;
	top: -37px;
	left: 37px;
	border-radius: 20px;
	height: 35px;
	width: 35px;
	background-color: #777;
	font-size: 30px;
	line-height: 30px;
	padding: 0;
	color: #FFF;
	cursor: pointer;
}
#closeHibauzenet {
	background-color: #555;
}
#wrapCube {
	margin: auto;
	position: relative;
	height: 500px;
	width: 100%;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#wrapCube > div {
	position: absolute;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	width: 156px;
	height: 156px;
	float: left;
	background: #000;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden;
}
#wrapCube > div > div {
	-webkit-transition: all 0.5s ease-in-out, transparency 0.2s, box-shadow 0.2s;
	transition: all 0.5s ease-in-out, transparency 0.2s, box-shadow 0.2s;
	width: 48px;
	height: 48px;
	background: url(img/sprite.png) no-repeat -168px -321px #ccc;
	float: left;
	overflow: hidden;
	border: 2px solid #222;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	position: relative;
}
#scrambler #wrapCube > div > div:hover {
	box-shadow: 2px 2px 10px #333 inset;
	top: 1px;
	left: 1px;
	cursor: pointer;
}
#wrapCube > div > div > div {
	height: 18px;
	display: none;
	width: 18px;
	border-radius: 15px 0 0 0;
	margin: 25px 0 0 25px;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#wrapCube > div > div:hover > div {
	display: block;
}
#wrapPaletta.color1,
#wrapPaletta a.color1,
#wrapCube > div > div.color1 {
	background-color: #888888;
}
#wrapPaletta.color1,
#wrapPaletta a.color1,
#wrapCube > div > div.color1 {
	background-color: #FFFFFF;
}
#wrapPaletta.color2,
#wrapPaletta a.color2,
#wrapCube > div > div.color2 {
	background-color: #e89e15;
}
#wrapPaletta.color3,
#wrapPaletta a.color3,
#wrapCube > div > div.color3 {
	background-color: #58d568;
}
#wrapPaletta.color4,
#wrapPaletta a.color4,
#wrapCube > div > div.color4 {
	background-color: #ed3030;
}
#wrapPaletta.color5,
#wrapPaletta a.color5,
#wrapCube > div > div.color5 {
	background-color: #1c5ffe;
}
#wrapPaletta.color6,
#wrapPaletta a.color6,
#wrapCube > div > div.color6 {
	background-color: #f2f215;
}
#wrapCube > div > div.color0 > div {
	background-color: #FFFFFF;
}
#wrapCube > div > div.color1 > div {
	background-color: #e89e15;
}
#wrapCube > div > div.color2 > div {
	background-color: #58d568;
}
#wrapCube > div > div.color3 > div {
	background-color: #ed3030;
}
#wrapCube > div > div.color4 > div {
	background-color: #1c5ffe;
}
#wrapCube > div > div.color5 > div {
	background-color: #f2f215;
}
#wrapCube > div > div.color6 > div {
	background-color: #FFFFFF;
}
#wrapCube > div > div > div.color1 {
	background-color: #FFFFFF !important;
}
#wrapCube > div > div > div.color2 {
	background-color: #e89e15 !important;
}
#wrapCube > div > div > div.color3 {
	background-color: #58d568 !important;
}
#wrapCube > div > div > div.color4 {
	background-color: #ed3030 !important;
}
#wrapCube > div > div > div.color5 {
	background-color: #1c5ffe !important;
}
#wrapCube > div > div > div.color6 {
	background-color: #f2f215 !important;
}
.rotArrow {
	height: 154px !important;
	width: 154px !important;
	position: absolute !important;
	background: url(img/rotation.png) no-repeat center center transparent !important;
	float: none !important;
	z-index: 999;
	top: 0 !important;
	left: 0 !important;
	border: none !important;
	box-shadow: none !important;
	display: none;
}
.rotArrow.visible {
	display: block;
}
#rotRightI,
#rotFrontI,
#rotUpI,
#rotLeftI,
#rotBackI,
#rotDownI {
	background-image: url(img/rotationi.png) !important;
}
#wrapCube.kociembaView > div#face1 > .rotArrow {
	height: 120px !important;
	width: 120px !important;
	margin: -9px 0 0 18px;
	background-size: 100px 80px !important;
}
#wrapCube.kociembaView > div#face4 > .rotArrow {
	height: 120px !important;
	width: 120px !important;
	margin: 12px 0 0 -7px;
	background-size: 80px 101px !important;
}
.cubeOrient12 .threeDView #face4 .rotArrow {
	top: -110px !important;
	left: 1px !important;
}
.cubeOrient12 .threeDView #face5 .rotArrow {
	top: -110px !important;
	left: 1px !important;
}
.cubeOrient12 .threeDView #face6 .rotArrow {
	top: -95px !important;
	left: -95px !important;
}
.cubeOrient13 .threeDView #face2 .rotArrow {
	top: -110px !important;
	left: 1px !important;
}
.cubeOrient13 .threeDView #face5 .rotArrow {
	top: -110px !important;
	left: 1px !important;
}
.cubeOrient13 .threeDView #face6 .rotArrow {
	top: -100px !important;
	left: 93px !important;
}
.cubeOrient14 .threeDView #face2 .rotArrow {
	top: -110px !important;
	left: 1px !important;
}
.cubeOrient14 .threeDView #face3 .rotArrow {
	top: -110px !important;
	left: 1px !important;
}
.cubeOrient14 .threeDView #face6 .rotArrow {
	top: 88px !important;
	left: 100px !important;
}
.cubeOrient15 .threeDView #face4 .rotArrow {
	top: -110px !important;
	left: 1px !important;
}
.cubeOrient15 .threeDView #face3 .rotArrow {
	top: -110px !important;
	left: 1px !important;
}
.cubeOrient15 .threeDView #face6 .rotArrow {
	top: 92px !important;
	left: -92px !important;
}
.cubeOrient62 .threeDView #face4 .rotArrow {
	top: 110px !important;
	left: 1px !important;
}
.cubeOrient62 .threeDView #face3 .rotArrow {
	top: 110px !important;
	left: 1px !important;
}
.cubeOrient62 .threeDView #face1 .rotArrow {
	top: -95px !important;
	left: -95px !important;
}
.cubeOrient63 .threeDView #face4 .rotArrow {
	top: 110px !important;
	left: 1px !important;
}
.cubeOrient63 .threeDView #face5 .rotArrow {
	top: 110px !important;
	left: 1px !important;
}
.cubeOrient63 .threeDView #face1 .rotArrow {
	top: 93px !important;
	left: -94px !important;
}
.cubeOrient64 .threeDView #face2 .rotArrow {
	top: 110px !important;
	left: 1px !important;
}
.cubeOrient64 .threeDView #face5 .rotArrow {
	top: 110px !important;
	left: 1px !important;
}
.cubeOrient64 .threeDView #face1 .rotArrow {
	top: 88px !important;
	left: 100px !important;
}
.cubeOrient65 .threeDView #face2 .rotArrow {
	top: 110px !important;
	left: 1px !important;
}
.cubeOrient65 .threeDView #face3 .rotArrow {
	top: 110px !important;
	left: 1px !important;
}
.cubeOrient65 .threeDView #face1 .rotArrow {
	top: -100px !important;
	left: 95px !important;
}
.threeDView.floatingBacks #face1 .rotArrow,
.threeDView.floatingBacks #face2 .rotArrow,
.threeDView.floatingBacks #face3 .rotArrow,
.threeDView.floatingBacks #face4 .rotArrow,
.threeDView.floatingBacks #face5 .rotArrow,
.threeDView.floatingBacks #face6 .rotArrow {
	top: 0px !important;
	left: 0px !important;
}
#result #wrapCube > div > div {} .thisRotIs1 .threeDView #sticker10,
.thisRotIs1 .threeDView #sticker11,
.thisRotIs1 .threeDView #sticker12,
.thisRotIs1 .threeDView #sticker19,
.thisRotIs1 .threeDView #sticker20,
.thisRotIs1 .threeDView #sticker21,
.thisRotIs1 .threeDView #sticker28,
.thisRotIs1 .threeDView #sticker29,
.thisRotIs1 .threeDView #sticker30,
.thisRotIs1 .threeDView #sticker37,
.thisRotIs1 .threeDView #sticker38,
.thisRotIs1 .threeDView #sticker39 {
	background-position: -207px -322px;
}
.thisRotIs2 .threeDView #sticker10,
.thisRotIs2 .threeDView #sticker11,
.thisRotIs2 .threeDView #sticker12,
.thisRotIs2 .threeDView #sticker19,
.thisRotIs2 .threeDView #sticker20,
.thisRotIs2 .threeDView #sticker21,
.thisRotIs2 .threeDView #sticker28,
.thisRotIs2 .threeDView #sticker29,
.thisRotIs2 .threeDView #sticker30,
.thisRotIs2 .threeDView #sticker37,
.thisRotIs2 .threeDView #sticker38,
.thisRotIs2 .threeDView #sticker39 {
	background-position: -130px -322px;
}
.thisRotIs3 .threeDView #sticker1,
.thisRotIs3 .threeDView #sticker4,
.thisRotIs3 .threeDView #sticker7,
.thisRotIs3 .threeDView #sticker19,
.thisRotIs3 .threeDView #sticker22,
.thisRotIs3 .threeDView #sticker25,
.thisRotIs3 .threeDView #sticker46,
.thisRotIs3 .threeDView #sticker49,
.thisRotIs3 .threeDView #sticker52 {
	background-position: -169px -282px;
}
.thisRotIs3 .threeDView #sticker39,
.thisRotIs3 .threeDView #sticker42,
.thisRotIs3 .threeDView #sticker45 {
	background-position: -167px -359px;
}
.thisRotIs4 .threeDView #sticker1,
.thisRotIs4 .threeDView #sticker4,
.thisRotIs4 .threeDView #sticker7,
.thisRotIs4 .threeDView #sticker19,
.thisRotIs4 .threeDView #sticker22,
.thisRotIs4 .threeDView #sticker25,
.thisRotIs4 .threeDView #sticker46,
.thisRotIs4 .threeDView #sticker49,
.thisRotIs4 .threeDView #sticker52 {
	background-position: -167px -359px;
}
.thisRotIs4 .threeDView #sticker39,
.thisRotIs4 .threeDView #sticker42,
.thisRotIs4 .threeDView #sticker45 {
	background-position: -169px -282px;
}
.thisRotIs5 .threeDView #sticker7,
.thisRotIs5 .threeDView #sticker8,
.thisRotIs5 .threeDView #sticker9 {
	background-position: -130px -322px;
}
.thisRotIs5 .threeDView #sticker28,
.thisRotIs5 .threeDView #sticker31,
.thisRotIs5 .threeDView #sticker34 {
	background-position: -169px -282px;
}
.thisRotIs5 .threeDView #sticker46,
.thisRotIs5 .threeDView #sticker47,
.thisRotIs5 .threeDView #sticker48 {
	background-position: -207px -322px;
}
.thisRotIs5 .threeDView #sticker12,
.thisRotIs5 .threeDView #sticker15,
.thisRotIs5 .threeDView #sticker18 {
	background-position: -167px -359px;
}
.thisRotIs6 .threeDView #sticker7,
.thisRotIs6 .threeDView #sticker8,
.thisRotIs6 .threeDView #sticker9 {
	background-position: -207px -322px;
}
.thisRotIs6 .threeDView #sticker28,
.thisRotIs6 .threeDView #sticker31,
.thisRotIs6 .threeDView #sticker34 {
	background-position: -167px -359px;
}
.thisRotIs6 .threeDView #sticker46,
.thisRotIs6 .threeDView #sticker47,
.thisRotIs6 .threeDView #sticker48 {
	background-position: -130px -322px;
}
.thisRotIs6 .threeDView #sticker12,
.thisRotIs6 .threeDView #sticker15,
.thisRotIs6 .threeDView #sticker18 {
	background-position: -169px -282px;
}
.thisRotIs7 .threeDView #sticker3,
.thisRotIs7 .threeDView #sticker6,
.thisRotIs7 .threeDView #sticker9,
.thisRotIs7 .threeDView #sticker21,
.thisRotIs7 .threeDView #sticker24,
.thisRotIs7 .threeDView #sticker27,
.thisRotIs7 .threeDView #sticker48,
.thisRotIs7 .threeDView #sticker51,
.thisRotIs7 .threeDView #sticker54 {
	background-position: -167px -359px;
}
.thisRotIs7 .threeDView #sticker37,
.thisRotIs7 .threeDView #sticker40,
.thisRotIs7 .threeDView #sticker43 {
	background-position: -169px -282px;
}
.thisRotIs8 .threeDView #sticker3,
.thisRotIs8 .threeDView #sticker6,
.thisRotIs8 .threeDView #sticker9,
.thisRotIs8 .threeDView #sticker21,
.thisRotIs8 .threeDView #sticker24,
.thisRotIs8 .threeDView #sticker27,
.thisRotIs8 .threeDView #sticker48,
.thisRotIs8 .threeDView #sticker51,
.thisRotIs8 .threeDView #sticker54 {
	background-position: -169px -282px;
}
.thisRotIs8 .threeDView #sticker37,
.thisRotIs8 .threeDView #sticker40,
.thisRotIs8 .threeDView #sticker43 {
	background-position: -167px -359px;
}
.thisRotIs9 .threeDView #sticker30,
.thisRotIs9 .threeDView #sticker33,
.thisRotIs9 .threeDView #sticker36 {
	background-position: -167px -359px;
}
.thisRotIs9 .threeDView #sticker1,
.thisRotIs9 .threeDView #sticker2,
.thisRotIs9 .threeDView #sticker3 {
	background-position: -207px -322px;
}
.thisRotIs9 .threeDView #sticker10,
.thisRotIs9 .threeDView #sticker13,
.thisRotIs9 .threeDView #sticker16 {
	background-position: -169px -282px;
}
.thisRotIs9 .threeDView #sticker52,
.thisRotIs9 .threeDView #sticker53,
.thisRotIs9 .threeDView #sticker54 {
	background-position: -130px -322px;
}
.thisRotIs10 .threeDView #sticker30,
.thisRotIs10 .threeDView #sticker33,
.thisRotIs10 .threeDView #sticker36 {
	background-position: -169px -282px;
}
.thisRotIs10 .threeDView #sticker1,
.thisRotIs10 .threeDView #sticker2,
.thisRotIs10 .threeDView #sticker3 {
	background-position: -130px -322px;
}
.thisRotIs10 .threeDView #sticker10,
.thisRotIs10 .threeDView #sticker13,
.thisRotIs10 .threeDView #sticker16 {
	background-position: -167px -359px;
}
.thisRotIs10 .threeDView #sticker52,
.thisRotIs10 .threeDView #sticker53,
.thisRotIs10 .threeDView #sticker54 {
	background-position: -207px -322px;
}
.thisRotIs11 .threeDView #sticker16,
.thisRotIs11 .threeDView #sticker17,
.thisRotIs11 .threeDView #sticker18,
.thisRotIs11 .threeDView #sticker25,
.thisRotIs11 .threeDView #sticker26,
.thisRotIs11 .threeDView #sticker27,
.thisRotIs11 .threeDView #sticker34,
.thisRotIs11 .threeDView #sticker35,
.thisRotIs11 .threeDView #sticker36,
.thisRotIs11 .threeDView #sticker43,
.thisRotIs11 .threeDView #sticker44,
.thisRotIs11 .threeDView #sticker45 {
	background-position: -130px -322px;
}
.thisRotIs12 .threeDView #sticker16,
.thisRotIs12 .threeDView #sticker17,
.thisRotIs12 .threeDView #sticker18,
.thisRotIs12 .threeDView #sticker25,
.thisRotIs12 .threeDView #sticker26,
.thisRotIs12 .threeDView #sticker27,
.thisRotIs12 .threeDView #sticker34,
.thisRotIs12 .threeDView #sticker35,
.thisRotIs12 .threeDView #sticker36,
.thisRotIs12 .threeDView #sticker43,
.thisRotIs12 .threeDView #sticker44,
.thisRotIs12 .threeDView #sticker45 {
	background-position: -207px -322px;
}
.thisRotIs13 .threeDView #sticker10,
.thisRotIs13 .threeDView #sticker11,
.thisRotIs13 .threeDView #sticker12,
.thisRotIs13 .threeDView #sticker19,
.thisRotIs13 .threeDView #sticker20,
.thisRotIs13 .threeDView #sticker21,
.thisRotIs13 .threeDView #sticker28,
.thisRotIs13 .threeDView #sticker29,
.thisRotIs13 .threeDView #sticker30,
.thisRotIs13 .threeDView #sticker37,
.thisRotIs13 .threeDView #sticker38,
.thisRotIs13 .threeDView #sticker39 {
	background-position: -207px -322px;
}
.thisRotIs14 .threeDView #sticker1,
.thisRotIs14 .threeDView #sticker4,
.thisRotIs14 .threeDView #sticker7,
.thisRotIs14 .threeDView #sticker19,
.thisRotIs14 .threeDView #sticker22,
.thisRotIs14 .threeDView #sticker25,
.thisRotIs14 .threeDView #sticker46,
.thisRotIs14 .threeDView #sticker49,
.thisRotIs14 .threeDView #sticker52 {
	background-position: -169px -282px;
}
.thisRotIs14 .threeDView #sticker39,
.thisRotIs14 .threeDView #sticker42,
.thisRotIs14 .threeDView #sticker45 {
	background-position: -167px -359px;
}
.thisRotIs15 .threeDView #sticker7,
.thisRotIs15 .threeDView #sticker8,
.thisRotIs15 .threeDView #sticker9 {
	background-position: -130px -322px;
}
.thisRotIs15 .threeDView #sticker28,
.thisRotIs15 .threeDView #sticker31,
.thisRotIs15 .threeDView #sticker34 {
	background-position: -169px -282px;
}
.thisRotIs15 .threeDView #sticker46,
.thisRotIs15 .threeDView #sticker47,
.thisRotIs15 .threeDView #sticker48 {
	background-position: -207px -322px;
}
.thisRotIs15 .threeDView #sticker12,
.thisRotIs15 .threeDView #sticker15,
.thisRotIs15 .threeDView #sticker18 {
	background-position: -167px -359px;
}
.thisRotIs16 .threeDView #sticker3,
.thisRotIs16 .threeDView #sticker6,
.thisRotIs16 .threeDView #sticker9,
.thisRotIs16 .threeDView #sticker21,
.thisRotIs16 .threeDView #sticker24,
.thisRotIs16 .threeDView #sticker27,
.thisRotIs16 .threeDView #sticker48,
.thisRotIs16 .threeDView #sticker51,
.thisRotIs16 .threeDView #sticker54 {
	background-position: -167px -359px;
}
.thisRotIs16 .threeDView #sticker37,
.thisRotIs16 .threeDView #sticker40,
.thisRotIs16 .threeDView #sticker43 {
	background-position: -169px -282px;
}
.thisRotIs17 .threeDView #sticker30,
.thisRotIs17 .threeDView #sticker33,
.thisRotIs17 .threeDView #sticker36 {
	background-position: -167px -359px;
}
.thisRotIs17 .threeDView #sticker1,
.thisRotIs17 .threeDView #sticker2,
.thisRotIs17 .threeDView #sticker3 {
	background-position: -207px -322px;
}
.thisRotIs17 .threeDView #sticker10,
.thisRotIs17 .threeDView #sticker13,
.thisRotIs17 .threeDView #sticker16 {
	background-position: -169px -282px;
}
.thisRotIs17 .threeDView #sticker52,
.thisRotIs17 .threeDView #sticker53,
.thisRotIs17 .threeDView #sticker54 {
	background-position: -130px -322px;
}
.thisRotIs18 .threeDView #sticker16,
.thisRotIs18 .threeDView #sticker17,
.thisRotIs18 .threeDView #sticker18,
.thisRotIs18 .threeDView #sticker25,
.thisRotIs18 .threeDView #sticker26,
.thisRotIs18 .threeDView #sticker27,
.thisRotIs18 .threeDView #sticker34,
.thisRotIs18 .threeDView #sticker35,
.thisRotIs18 .threeDView #sticker36,
.thisRotIs18 .threeDView #sticker43,
.thisRotIs18 .threeDView #sticker44,
.thisRotIs18 .threeDView #sticker45 {
	background-position: -130px -322px;
}
.thisRotIs1 #sticker10,
.thisRotIs1 #sticker11,
.thisRotIs1 #sticker12,
.thisRotIs1 #sticker19,
.thisRotIs1 #sticker20,
.thisRotIs1 #sticker21,
.thisRotIs1 #sticker28,
.thisRotIs1 #sticker29,
.thisRotIs1 #sticker30,
.thisRotIs1 #sticker37,
.thisRotIs1 #sticker38,
.thisRotIs1 #sticker39 {
	background-position: -207px -322px;
}
.thisRotIs2 #sticker10,
.thisRotIs2 #sticker11,
.thisRotIs2 #sticker12,
.thisRotIs2 #sticker19,
.thisRotIs2 #sticker20,
.thisRotIs2 #sticker21,
.thisRotIs2 #sticker28,
.thisRotIs2 #sticker29,
.thisRotIs2 #sticker30,
.thisRotIs2 #sticker37,
.thisRotIs2 #sticker38,
.thisRotIs2 #sticker39 {
	background-position: -130px -322px;
}
.thisRotIs3 #sticker1,
.thisRotIs3 #sticker4,
.thisRotIs3 #sticker7,
.thisRotIs3 #sticker19,
.thisRotIs3 #sticker22,
.thisRotIs3 #sticker25,
.thisRotIs3 #sticker46,
.thisRotIs3 #sticker49,
.thisRotIs3 #sticker52 {
	background-position: -169px -282px;
}
.thisRotIs3 #sticker39,
.thisRotIs3 #sticker42,
.thisRotIs3 #sticker45 {
	background-position: -167px -359px;
}
.thisRotIs4 #sticker1,
.thisRotIs4 #sticker4,
.thisRotIs4 #sticker7,
.thisRotIs4 #sticker19,
.thisRotIs4 #sticker22,
.thisRotIs4 #sticker25,
.thisRotIs4 #sticker46,
.thisRotIs4 #sticker49,
.thisRotIs4 #sticker52 {
	background-position: -167px -359px;
}
.thisRotIs4 #sticker39,
.thisRotIs4 #sticker42,
.thisRotIs4 #sticker45 {
	background-position: -169px -282px;
}
.thisRotIs5 #sticker7,
.thisRotIs5 #sticker8,
.thisRotIs5 #sticker9 {
	background-position: -130px -322px;
}
.thisRotIs5 #sticker28,
.thisRotIs5 #sticker31,
.thisRotIs5 #sticker34 {
	background-position: -169px -282px;
}
.thisRotIs5 #sticker46,
.thisRotIs5 #sticker47,
.thisRotIs5 #sticker48 {
	background-position: -207px -322px;
}
.thisRotIs5 #sticker12,
.thisRotIs5 #sticker15,
.thisRotIs5 #sticker18 {
	background-position: -167px -359px;
}
.thisRotIs6 #sticker7,
.thisRotIs6 #sticker8,
.thisRotIs6 #sticker9 {
	background-position: -207px -322px;
}
.thisRotIs6 #sticker28,
.thisRotIs6 #sticker31,
.thisRotIs6 #sticker34 {
	background-position: -167px -359px;
}
.thisRotIs6 #sticker46,
.thisRotIs6 #sticker47,
.thisRotIs6 #sticker48 {
	background-position: -130px -322px;
}
.thisRotIs6 #sticker12,
.thisRotIs6 #sticker15,
.thisRotIs6 #sticker18 {
	background-position: -169px -282px;
}
.thisRotIs7 #sticker3,
.thisRotIs7 #sticker6,
.thisRotIs7 #sticker9,
.thisRotIs7 #sticker21,
.thisRotIs7 #sticker24,
.thisRotIs7 #sticker27,
.thisRotIs7 #sticker48,
.thisRotIs7 #sticker51,
.thisRotIs7 #sticker54 {
	background-position: -167px -359px;
}
.thisRotIs7 #sticker37,
.thisRotIs7 #sticker40,
.thisRotIs7 #sticker43 {
	background-position: -169px -282px;
}
.thisRotIs8 #sticker3,
.thisRotIs8 #sticker6,
.thisRotIs8 #sticker9,
.thisRotIs8 #sticker21,
.thisRotIs8 #sticker24,
.thisRotIs8 #sticker27,
.thisRotIs8 #sticker48,
.thisRotIs8 #sticker51,
.thisRotIs8 #sticker54 {
	background-position: -169px -282px;
}
.thisRotIs8 #sticker37,
.thisRotIs8 #sticker40,
.thisRotIs8 #sticker43 {
	background-position: -167px -359px;
}
.thisRotIs9 #sticker30,
.thisRotIs9 #sticker33,
.thisRotIs9 #sticker36 {
	background-position: -167px -359px;
}
.thisRotIs9 #sticker1,
.thisRotIs9 #sticker2,
.thisRotIs9 #sticker3 {
	background-position: -207px -322px;
}
.thisRotIs9 #sticker10,
.thisRotIs9 #sticker13,
.thisRotIs9 #sticker16 {
	background-position: -169px -282px;
}
.thisRotIs9 #sticker52,
.thisRotIs9 #sticker53,
.thisRotIs9 #sticker54 {
	background-position: -130px -322px;
}
.thisRotIs10 #sticker30,
.thisRotIs10 #sticker33,
.thisRotIs10 #sticker36 {
	background-position: -169px -282px;
}
.thisRotIs10 #sticker1,
.thisRotIs10 #sticker2,
.thisRotIs10 #sticker3 {
	background-position: -130px -322px;
}
.thisRotIs10 #sticker10,
.thisRotIs10 #sticker13,
.thisRotIs10 #sticker16 {
	background-position: -167px -359px;
}
.thisRotIs10 #sticker52,
.thisRotIs10 #sticker53,
.thisRotIs10 #sticker54 {
	background-position: -207px -322px;
}
.thisRotIs11 #sticker16,
.thisRotIs11 #sticker17,
.thisRotIs11 #sticker18,
.thisRotIs11 #sticker25,
.thisRotIs11 #sticker26,
.thisRotIs11 #sticker27,
.thisRotIs11 #sticker34,
.thisRotIs11 #sticker35,
.thisRotIs11 #sticker36,
.thisRotIs11 #sticker43,
.thisRotIs11 #sticker44,
.thisRotIs11 #sticker45 {
	background-position: -130px -322px;
}
.thisRotIs12 #sticker16,
.thisRotIs12 #sticker17,
.thisRotIs12 #sticker18,
.thisRotIs12 #sticker25,
.thisRotIs12 #sticker26,
.thisRotIs12 #sticker27,
.thisRotIs12 #sticker34,
.thisRotIs12 #sticker35,
.thisRotIs12 #sticker36,
.thisRotIs12 #sticker43,
.thisRotIs12 #sticker44,
.thisRotIs12 #sticker45 {
	background-position: -207px -322px;
}
.thisRotIs13 #sticker10,
.thisRotIs13 #sticker11,
.thisRotIs13 #sticker12,
.thisRotIs13 #sticker19,
.thisRotIs13 #sticker20,
.thisRotIs13 #sticker21,
.thisRotIs13 #sticker28,
.thisRotIs13 #sticker29,
.thisRotIs13 #sticker30,
.thisRotIs13 #sticker37,
.thisRotIs13 #sticker38,
.thisRotIs13 #sticker39 {
	background-position: -207px -322px;
}
.thisRotIs14 #sticker1,
.thisRotIs14 #sticker4,
.thisRotIs14 #sticker7,
.thisRotIs14 #sticker19,
.thisRotIs14 #sticker22,
.thisRotIs14 #sticker25,
.thisRotIs14 #sticker46,
.thisRotIs14 #sticker49,
.thisRotIs14 #sticker52 {
	background-position: -169px -282px;
}
.thisRotIs14 #sticker39,
.thisRotIs14 #sticker42,
.thisRotIs14 #sticker45 {
	background-position: -167px -359px;
}
.thisRotIs15 #sticker7,
.thisRotIs15 #sticker8,
.thisRotIs15 #sticker9 {
	background-position: -130px -322px;
}
.thisRotIs15 #sticker28,
.thisRotIs15 #sticker31,
.thisRotIs15 #sticker34 {
	background-position: -169px -282px;
}
.thisRotIs15 #sticker46,
.thisRotIs15 #sticker47,
.thisRotIs15 #sticker48 {
	background-position: -207px -322px;
}
.thisRotIs15 #sticker12,
.thisRotIs15 #sticker15,
.thisRotIs15 #sticker18 {
	background-position: -167px -359px;
}
.thisRotIs16 #sticker3,
.thisRotIs16 #sticker6,
.thisRotIs16 #sticker9,
.thisRotIs16 #sticker21,
.thisRotIs16 #sticker24,
.thisRotIs16 #sticker27,
.thisRotIs16 #sticker48,
.thisRotIs16 #sticker51,
.thisRotIs16 #sticker54 {
	background-position: -167px -359px;
}
.thisRotIs16 #sticker37,
.thisRotIs16 #sticker40,
.thisRotIs16 #sticker43 {
	background-position: -169px -282px;
}
.thisRotIs17 #sticker30,
.thisRotIs17 #sticker33,
.thisRotIs17 #sticker36 {
	background-position: -167px -359px;
}
.thisRotIs17 #sticker1,
.thisRotIs17 #sticker2,
.thisRotIs17 #sticker3 {
	background-position: -207px -322px;
}
.thisRotIs17 #sticker10,
.thisRotIs17 #sticker13,
.thisRotIs17 #sticker16 {
	background-position: -169px -282px;
}
.thisRotIs17 #sticker52,
.thisRotIs17 #sticker53,
.thisRotIs17 #sticker54 {
	background-position: -130px -322px;
}
.thisRotIs18 #sticker16,
.thisRotIs18 #sticker17,
.thisRotIs18 #sticker18,
.thisRotIs18 #sticker25,
.thisRotIs18 #sticker26,
.thisRotIs18 #sticker27,
.thisRotIs18 #sticker34,
.thisRotIs18 #sticker35,
.thisRotIs18 #sticker36,
.thisRotIs18 #sticker43,
.thisRotIs18 #sticker44,
.thisRotIs18 #sticker45 {
	background-position: -130px -322px;
}
#kazetofon {
	text-align: center;
	display: inline-block;
}
#kazetofon > a {
	display: inline-block;
	margin: 0 5px;
	height: 28px;
	background: url(img/sprite.png) no-repeat 4px -500px #FFF;
	width: 40px;
	border-radius: 10px;
	overflow: hidden;
	cursor: pointer;
	text-indent: 100px;
	border: 2px solid #CCC;
}
#kazetofon > a:hover {
	border-color: #999;
}
#kazetofon > a#prevButton {
	background-position: 4px -610px;
}
#kazetofon > a#pauseButton {
	background-position: 4px -573px;
}
#kazetofon > a#stopButton {
	background-position: 4px -536px;
}
#kazetofon > a#nextButton {
	background-position: 4px -645px;
}
#slidecontainer {
	display: inline-block;
	width: 90px;
	vertical-align: top;
	padding: 7px 0px 0 15px;
}
#vezerloPultRow {
	text-align: center;
}
#speedSlider {
	-webkit-appearance: none;
	width: 100%;
	height: 10px;
	border-radius: 5px;
	background: #FFF;
	cursor: pointer;
	border: 2px solid #8c8c8c;
	outline: none;
	opacity: 0.8;
	-webkit-transition: opacity .15s ease-in-out;
	transition: opacity .15s ease-in-out;
	direction: rtl;
}
#speedSlider:hover {
	opacity: 1;
}
#speedSlider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #496a87;
	cursor: pointer;
}
#speedSlider::-moz-range-thumb {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #496a87;
	cursor: pointer;
}
#currentSpeedDisplay {
	font-size: 13px;
	font-weight: bold;
	position: absolute;
	margin: -14px 0 0 60px;
	color: #444;
}
#wrapStepByStep {
	max-width: 1400px;
	padding: 30px;
	margin: auto;
	text-align: center;
}
.sbsKocka {
	display: inline-block;
	width: 166px;
	height: 172px;
	background: url(img/sprite.png) no-repeat 0px -1035px transparent;
	margin: 10px;
	position: relative;
}
.sbsKocka > div {
	position: absolute;
	float: left;
	text-align: center;
	background-image: url(img/sprite.png);
	background-color: transparent;
	background-repeat: no-repeat;
	line-height: 25px;
	font-size: 12px;
	font-weight: bold;
	overflow: hidden;
	color: #000;
	text-indent: -222px;
}
.topFace {
	height: 18px;
	width: 48px;
}
.frontFace {
	height: 41px;
	width: 28px;
}
.rightFace {
	height: 44px;
	width: 22px;
}
.topFace.color1 {
	background-position: -70px -728px;
}
.topFace.color2 {
	background-position: -70px -778px;
}
.topFace.color3 {
	background-position: -70px -828px;
}
.topFace.color4 {
	background-position: -70px -878px;
}
.topFace.color5 {
	background-position: -70px -928px;
}
.topFace.color6 {
	background-position: -70px -978px;
}
.frontFace.color1 {
	background-position: 0px -727px;
}
.frontFace.color2 {
	background-position: 0px -777px;
}
.frontFace.color3 {
	background-position: 0px -827px;
}
.frontFace.color4 {
	background-position: 0px -877px;
}
.frontFace.color5 {
	background-position: 0px -927px;
}
.frontFace.color6 {
	background-position: 0px -977px;
}
.rightFace.color1 {
	background-position: -40px -727px;
}
.rightFace.color2 {
	background-position: -40px -777px;
}
.rightFace.color3 {
	background-position: -40px -827px;
}
.rightFace.color4 {
	background-position: -40px -877px;
}
.rightFace.color5 {
	background-position: -40px -927px;
}
.rightFace.color6 {
	background-position: -40px -977px;
}
.field1 {
	top: 3px;
	left: 52px;
}
.field2 {
	top: 12px;
	left: 84px;
}
.field3 {
	top: 21px;
	left: 114px;
}
.field4 {
	top: 15px;
	left: 28px;
}
.field5 {
	top: 24px;
	left: 59px;
}
.field6 {
	top: 33px;
	left: 89px;
}
.field7 {
	top: 26px;
	left: 3px;
}
.field8 {
	top: 36px;
	left: 34px;
}
.field9 {
	top: 45px;
	left: 65px;
}
.field19 {
	top: 39px;
	left: 2px;
}
.field20 {
	top: 49px;
	left: 32px;
}
.field21 {
	top: 58px;
	left: 62px;
}
.field22 {
	top: 74px;
	left: 2px;
}
.field23 {
	top: 83px;
	left: 32px;
}
.field24 {
	top: 92px;
	left: 62px;
}
.field25 {
	top: 109px;
	left: 2px;
}
.field26 {
	top: 118px;
	left: 32px;
}
.field27 {
	top: 127px;
	left: 62px;
}
.field28 {
	top: 55px;
	left: 93px;
}
.field29 {
	top: 43px;
	left: 117px;
}
.field30 {
	top: 31px;
	left: 141px;
}
.field31 {
	top: 90px;
	left: 93px;
}
.field32 {
	top: 78px;
	left: 117px;
}
.field33 {
	top: 66px;
	left: 141px;
}
.field34 {
	top: 125px;
	left: 93px;
}
.field35 {
	top: 113px;
	left: 117px;
}
.field36 {
	top: 101px;
	left: 141px;
}
.sbsStep {
	display: inline-block;
	background-color: rgb(168, 191, 210);
	padding: 10px;
	text-align: left;
	overflow: hidden;
	border-radius: 10px;
	margin: 15px;
}
.sbsLabelID0 {
	display: none;
}
.sbsRotArr {
	height: 200px;
	width: 186px;
	margin-top: -200px;
	background-image: url(img/sprite.png);
	font-size: 50px;
	position: relative;
	background-repeat: no-repeat;
	z-index: 9;
	line-height: 100px;
	text-indent: 30px;
	color: #000;
	text-shadow: 2px 2px 0px #FFF, -2px 2px 0px #FFF, 2px -2px 0px #FFF, -2px -2px 0px #FFF;
}
.sbsLabel {
	font-size: 22px;
	font-weight: bold;
	color: #000;
}
.sbsLabel span {
	font-weight: normal;
}
.sbsRot0 {
	background-position: -2000px 0px;
	text-indent: -222px;
}
.sbsRot1 {
	background-position: 0 -1311px;
}
.sbsRot2 {
	background-position: 0px -2626px;
}
.sbsRot3 {
	background-position: 0 -1560px;
}
.sbsRot4 {
	background-position: -61px -2077px;
}
.sbsRot5 {
	background-position: -1px -1809px;
}
.sbsRot6 {
	background-position: -49px -2283px;
}
.sbsRot7 {
	background-position: 0 -2058px;
}
.sbsRot8 {
	background-position: 61px -1541px;
}
.sbsRot9 {
	background-position: 0 -2307px;
}
.sbsRot10 {
	background-position: 48px -1833px;
}
.sbsRot11 {
	background-position: 1px -2555px;
}
.sbsRot12 {
	background-position: 0 -1240px;
}
.sbsRot13 {
	background-position: 0 -1311px;
	text-indent: 74px;
	line-height: 90px;
}
.sbsRot14 {
	background-position: 0 -1560px;
	text-indent: 45px;
	line-height: 213px;
}
.sbsRot15 {
	background-position: 0 -1809px;
	text-indent: 45px;
	line-height: 200px;
}
.sbsRot16 {
	background-position: 0 -2058px;
	text-indent: 107px;
	line-height: 205px;
}
.sbsRot17 {
	background-position: 0 -2307px;
	text-indent: 138px;
	line-height: 25px;
}
.sbsRot18 {
	background-position: 0 -2555px;
	text-indent: 37px;
	line-height: 205px;
}
.thisRotIs1 #rotUp {
	display: block;
}
.thisRotIs2 #rotUpI {
	display: block;
}
.thisRotIs3 #rotLeft {
	display: block;
}
.thisRotIs4 #rotLeftI {
	display: block;
}
.thisRotIs5 #rotFront {
	display: block;
}
.thisRotIs6 #rotFrontI {
	display: block;
}
.thisRotIs7 #rotRight {
	display: block;
}
.thisRotIs8 #rotRightI {
	display: block;
}
.thisRotIs9 #rotBack {
	display: block;
}
.thisRotIs10 #rotBackI {
	display: block;
}
.thisRotIs11 #rotDown {
	display: block;
}
.thisRotIs12 #rotDownI {
	display: block;
}
.thisRotIs13 #rotUp {
	display: block;
}
.thisRotIs14 #rotLeft {
	display: block;
}
.thisRotIs15 #rotFront {
	display: block;
}
.thisRotIs16 #rotRight {
	display: block;
}
.thisRotIs17 #rotBack {
	display: block;
}
.thisRotIs18 #rotDown {
	display: block;
}
#face1 {
	top: 20px;
	left: 176px;
}
#face2 {
	top: 175px;
	left: 20px;
}
#face3 {
	top: 175px;
	left: 176px;
}
#face4 {
	top: 175px;
	left: 332px;
}
#face5 {
	top: 175px;
	left: 487px;
}
#face6 {
	top: 330px;
	left: 175px;
}
.flatView #face1 {
	top: 20px;
	left: 176px;
}
.flatView #face2 {
	top: 175px;
	left: 20px;
}
.flatView #face3 {
	top: 175px;
	left: 176px;
}
.flatView #face4 {
	top: 175px;
	left: 332px;
}
.flatView #face5 {
	top: 175px;
	left: 487px;
}
.flatView #face6 {
	top: 330px;
	left: 175px;
}
#wrapCube.kociembaView > div#face1 > div {
	height: 30px;
}
#wrapCube.kociembaView > div#face4 > div {
	width: 30px;
}
.kociembaView #face1 {
	height: 102px;
	-moz-transform: skew(-45deg, 0deg);
	-webkit-transform: skew(-45deg, 0deg);
	-o-transform: skew(-45deg, 0deg);
	-ms-transform: skew(-45deg, 0deg);
	transform: skew(-45deg, 0deg);
	top: 50px;
	left: 238px;
}
.kociembaView #face2 {
	top: 152px;
	left: 30px;
}
.kociembaView #face3 {
	top: 152px;
	left: 186px;
}
.kociembaView #face4 {
	-moz-transform: skew(0deg, -45deg);
	-webkit-transform: skew(0deg, -45deg);
	-o-transform: skew(0deg, -45deg);
	-ms-transform: skew(0deg, -45deg);
	transform: skew(0deg, -45deg);
	width: 102px;
	top: 101px;
	left: 342px;
}
.kociembaView #face5 {
	top: 52px;
	left: 443px;
}
.kociembaView #face6 {
	top: 307px;
	left: 186px;
}
#wrapCube.threeDView {
	width: 156px;
	height: 156px;
	top: 110px;
	transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform: rotateX(-22deg) rotateY(-38deg) rotateZ(0deg);
	-moz-transform: rotateX(-22deg) rotateY(-38deg) rotateZ(0deg);
	-webkit-transform: rotateX(-22deg) rotateY(-38deg) rotateZ(0deg);
}
.threeDView #face1 {
	transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(78px);
	-moz-transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(78px);
	-webkit-transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(78px);
	top: 0;
	left: 0;
}
.threeDView #face2 {
	transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(78px);
	-moz-transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(78px);
	-webkit-transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(78px);
	top: 0;
	left: 0;
}
.threeDView #face3 {
	transform: translateX(0px) translateY(0px) translateZ(78px);
	-moz-transform: translateX(0px) translateY(0px) translateZ(78px);
	-webkit-transform: translateX(0px) translateY(0px) translateZ(78px);
	top: 0;
	left: 0;
}
.threeDView #face4 {
	transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(78px);
	-moz-transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(78px);
	-webkit-transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(78px);
	top: 0;
	left: 0;
}
.threeDView #face5 {
	transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(78px);
	-moz-transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(78px);
	-webkit-transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(78px);
	top: 0;
	left: 0;
}
.threeDView #face6 {
	transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(78px);
	-moz-transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(78px);
	-webkit-transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(78px);
	top: 0;
	left: 0;
}
#wrapCube.threeDView > div {
	overflow: visible;
}
.threeDView.floatingBacks #face5 {
	transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(300px);
	-moz-transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(300px);
	-webkit-transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(300px);
}
.threeDView.floatingBacks #face2 {
	transform: rotateY(-90deg) translateX(0px) translateY(22px) translateZ(230px);
	-moz-transform: rotateY(-90deg) translateX(0px) translateY(22px) translateZ(230px);
	-webkit-transform: rotateY(-90deg) translateX(0px) translateY(22px) translateZ(230px);
}
.threeDView.floatingBacks #face6 {
	transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(185px);
	-moz-transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(185px);
	-webkit-transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(185px);
}
#wrapCubeSettings {} #threeDrots {
	text-align: center;
	width: 300px;
	margin: auto;
}
#threeDrots > a:hover {
	opacity: 1;
}
#threeDsettings {
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	display: block;
	margin: auto;
	width: 660px;
	text-align: right;
	height: 100px;
	margin-top: -100px;
}
#threeDrots > a {
	font-size: 20px;
	margin: 0px 10px;
	width: 80px;
	height: 40px;
	overflow: hidden;
	display: inline-block;
	opacity: 0.8;
	font-weight: bold;
	background-repeat: no-repeat;
	padding: 0;
	text-indent: -222px;
	background-color: transparent;
	cursor: pointer;
	border-radius: 10px;
	background-image: url(img/sprite.png);
}
#turnLeft {
	background-position: 10px -150px;
}
#turnRight {
	background-position: -90px -150px;
}
#turnUp {
	background-position: -190px -150px;
}
#transparency {
	background-position: 7px -197px;
}
#floatingBacks {
	background-position: -93px -197px;
}
#threeDsettings > a {
	font-size: 15px;
	margin: 35px 15px 5px 0;
	display: inline-block;
	font-weight: bold;
	float: right;
	padding: 0;
	width: 44px;
	text-indent: 250px;
	height: 45px;
	overflow: hidden;
	background-color: #FFFFFF;
	cursor: pointer;
	background-image: url(img/sprite.png);
	border-radius: 10px;
	border-top: 1px solid #CCC;
	border-bottom: 2px solid #777;
	border-left: 1px solid #AAA;
	border-right: 2px solid #999;
	opacity: 0.7;
}
#threeDsettings > a:hover {
	border-top: 0px solid #CCC;
	border-bottom: 3px solid #555;
	border-left: 0px solid #AAA;
	border-right: 3px solid #777;
	opacity: 0.9;
}
#threeDsettings > a.active,
#threeDsettings > a:active {
	border-top: 2px solid #555;
	border-bottom: 1px solid #CCC;
	border-left: 2px solid #555;
	border-right: 1px solid #DDD;
	background-color: #FFF;
	opacity: 1;
}
.cubeOrient12 .transparent #face1 {
	background: transparent;
}
.cubeOrient12 .transparent #face1 > div {
	-webkit-border-radius: 0px;
	border-radius: 0px;
	opacity: 0.71;
}
.cubeOrient12 .transparent #face2 {
	background: transparent;
}
.cubeOrient12 .transparent #face2 > div {
	-webkit-border-radius: 0px;
	border-radius: 0px;
	opacity: 0.71;
}
.cubeOrient12 .transparent #face3 {
	background: transparent;
}
.cubeOrient12 .transparent #face3 > div {
	-webkit-border-radius: 0px;
	border-radius: 0px;
	opacity: 0.71;
}
.cubeOrient13 .transparent #face1 {
	background: transparent;
}
.cubeOrient13 .transparent #face1 > div {
	-webkit-border-radius: 0px;
	border-radius: 0px;
	opacity: 0.71;
}
.cubeOrient13 .transparent #face3 {
	background: transparent;
}
.cubeOrient13 .transparent #face3 > div {
	-webkit-border-radius: 0px;
	border-radius: 0px;
	opacity: 0.71;
}
.cubeOrient13 .transparent #face4 {
	background: transparent;
}
.cubeOrient13 .transparent #face4 > div {
	-webkit-border-radius: 0px;
	border-radius: 0px;
	opacity: 0.71;
}
.cubeOrient14 .transparent #face1 {
	background: transparent;
}
.cubeOrient14 .transparent #face1 > div {
	-webkit-border-radius: 0px;
	border-radius: 0px;
	opacity: 0.71;
}
.cubeOrient14 .transparent #face4 {
	background: transparent;
}
.cubeOrient14 .transparent #face4 > div {
	-webkit-border-radius: 0px;
	border-radius: 0px;
	opacity: 0.71;
}
.cubeOrient14 .transparent #face5 {
	background: transparent;
}
.cubeOrient14 .transparent #face5 > div {
	-webkit-border-radius: 0px;
	border-radius: 0px;
	opacity: 0.71;
}
.cubeOrient15 .transparent #face1 {
	background: transparent;
}
.cubeOrient15 .transparent #face1 > div {
	-webkit-border-radius: 0px;
	border-radius: 0px;
	opacity: 0.71;
}
.cubeOrient15 .transparent #face5 {
	background: transparent;
}
.cubeOrient15 .transparent #face5 > div {
	-webkit-border-radius: 0px;
	border-radius: 0px;
	opacity: 0.71;
}
.cubeOrient15 .transparent #face2 {
	background: transparent;
}
.cubeOrient15 .transparent #face2 > div {
	-webkit-border-radius: 0px;
	border-radius: 0px;
	opacity: 0.71;
}
.cubeOrient62 .transparent #face6 {
	background: transparent;
}
.cubeOrient62 .transparent #face6 > div {
	-webkit-border-radius: 0px;
	border-radius: 0px;
	opacity: 0.71;
}
.cubeOrient62 .transparent #face2 {
	background: transparent;
}
.cubeOrient62 .transparent #face2 > div {
	-webkit-border-radius: 0px;
	border-radius: 0px;
	opacity: 0.71;
}
.cubeOrient62 .transparent #face5 {
	background: transparent;
}
.cubeOrient62 .transparent #face5 > div {
	-webkit-border-radius: 0px;
	border-radius: 0px;
	opacity: 0.71;
}
.cubeOrient63 .transparent #face6 {
	background: transparent;
}
.cubeOrient63 .transparent #face6 > div {
	-webkit-border-radius: 0px;
	border-radius: 0px;
	opacity: 0.71;
}
.cubeOrient63 .transparent #face2 {
	background: transparent;
}
.cubeOrient63 .transparent #face2 > div {
	-webkit-border-radius: 0px;
	border-radius: 0px;
	opacity: 0.71;
}
.cubeOrient63 .transparent #face3 {
	background: transparent;
}
.cubeOrient63 .transparent #face3 > div {
	-webkit-border-radius: 0px;
	border-radius: 0px;
	opacity: 0.71;
}
.cubeOrient64 .transparent #face6 {
	background: transparent;
}
.cubeOrient64 .transparent #face6 > div {
	-webkit-border-radius: 0px;
	border-radius: 0px;
	opacity: 0.71;
}
.cubeOrient64 .transparent #face4 {
	background: transparent;
}
.cubeOrient64 .transparent #face4 > div {
	-webkit-border-radius: 0px;
	border-radius: 0px;
	opacity: 0.71;
}
.cubeOrient64 .transparent #face3 {
	background: transparent;
}
.cubeOrient64 .transparent #face3 > div {
	-webkit-border-radius: 0px;
	border-radius: 0px;
	opacity: 0.71;
}
.cubeOrient65 .transparent #face6 {
	background: transparent;
}
.cubeOrient65 .transparent #face6 > div {
	-webkit-border-radius: 0px;
	border-radius: 0px;
	opacity: 0.71;
}
.cubeOrient65 .transparent #face4 {
	background: transparent;
}
.cubeOrient65 .transparent #face4 > div {
	-webkit-border-radius: 0px;
	border-radius: 0px;
	opacity: 0.71;
}
.cubeOrient65 .transparent #face5 {
	background: transparent;
}
.cubeOrient65 .transparent #face5 > div {
	-webkit-border-radius: 0px;
	border-radius: 0px;
	opacity: 0.71;
}
.transparent.floatingBacks > div {
	background: #000 !important;
}
.transparent.floatingBacks > div > div {
	-webkit-border-radius: 4px !important;
	border-radius: 4px !important;
	opacity: 1 !important;
}
#scrambleAlgWrap {
	text-align: center;
	padding: 5px;
	height: 30px;
}
#compiledScramble {
	color: #444;
	display: inline-block;
}
#compiledScramble span {
	display: inline-block;
	padding: 4px 3px;
	font-size: 13px;
	border-radius: 5px;
	font-weight: bold;
}
#compiledScramble span.active {
	background-color: #444;
	color: #FFF;
}
#inputScramble {
	padding: 3px 6% 0;
	min-height: 21px;
}
#scrambleAlg {
	width: 205px;
	background-color: rgba(255, 255, 255, 0.7);
	border: 1px solid #aaa;
	padding: 1px 2%;
	font-size: 12px;
	font-weight: bold;
}
#submitScrambleAlg,
#executeScrambleAlg {
	text-align: center;
	background-color: #456683;
	color: #FFF;
	padding: 3px;
	font-size: 13px;
	border-radius: 10px;
	cursor: pointer;
	display: inline-block;
}
#submitScrambleAlg:hover {
	background-color: #555555;
}
#inputScrambleError {
	color: #FFF;
}
#vezerloPult {
	margin: auto;
	width: 640px;
	text-align: center;
	padding: 20px 10px;
	clear: both;
}
#palettaBackground {
	background: url(img/paletteback.png) repeat 0 0 transparent;
	display: inline-block;
}
#wrapPaletta {
	border: 1px solid #000;
	padding: 5px;
	width: 160px;
	text-align: center;
}
#wrapPaletta a {
	display: inline-block;
	height: 40px;
	width: 40px;
	cursor: pointer;
	border: 2px solid #444;
}
#wrapPaletta a:hover {
	box-shadow: 0px 0px 1px #444 inset;
}
#wrapPaletta a:active {
	opacity: 0.8;
}
#cubeCommands {
	display: inline-block;
	margin-left: 30px;
	width: 330px;
}
#cubeCommands a,
#cubeCommandList a {
	font-size: 15px;
	display: inline-block;
	font-weight: bold;
	text-decoration: none;
	vertical-align: top;
	color: #222;
	background-color: #FFF;
	cursor: pointer;
	border-radius: 10px;
	border-top: 1px solid #CCC;
	border-bottom: 2px solid #777;
	border-left: 1px solid #AAA;
	border-right: 2px solid #999;
}
#debugMode {
	width: 660px;
	margin: 30px auto;
	display: none;
}
#segedvaltozo {
	text-align: left;
	font-size: 20px;
	line-height: 28px;
	font-weight: bold;
	color: #444;
	padding: 2px 20px 5px;
}
#segedvaltozo > div {
	color: #777;
	font-weight: normal;
}
#wrapSolverOverlays {
	margin: auto;
	width: 660px;
	position: relative;
	height: 0;
}
#segedvaltozo > span {
	cursor: pointer;
	display: inline-block;
	padding: 0px 7px;
	border-radius: 8px;
}
#segedvaltozo > span:hover {
	background: #FFF;
}
#segedvaltozo > span.active {
	cursor: default;
	background: #8b9dad;
	color: #FFF;
}
#cubeCommandList {
	height: 50px;
	padding: 15px 0 0;
	text-align: justify;
}
#cubeCommandList > span {
	display: inline-block;
}
.fullWidth {
	width: 100%;
}
#cubeCommandList a {
	padding: 6px 4px 6px 10px;
	height: 25px;
	line-height: 25px;
}
#cubeCommandList a span {
	background-image: url(img/sprite.png);
	display: inline-block;
	height: 30px;
	width: 30px;
	vertical-align: middle;
	margin: 0 5px;
}
#clearCube span {
	background-position: 4px -247px;
}
#resetCube span {
	background-position: 4px -299px;
}
#scrambleCube span {
	background-position: 4px -349px;
}
#cubeCommandList a#solveCube span {
	background-position: 4px -398px;
}
#cubeCommandList a#solveCube {
	font-size: 22px;
}
#cubeCommands a:hover,
#cubeCommandList a:hover {
	border-top: 0px solid #CCC;
	border-bottom: 3px solid #555;
	border-left: 0px solid #AAA;
	border-right: 3px solid #777;
}
#cubeCommands a:active,
#cubeCommandList a:active {
	border-bottom: 0px solid #CCC;
	border-top: 3px solid #555;
	border-right: 0px solid #AAA;
	border-left: 3px solid #777;
}
#cubeCommands a.active,
#cubeCommands a:active,
#cubeCommandList a.active,
#cubeCommandList a:active {
	border-top: 2px solid #555;
	border-bottom: 1px solid #CCC;
	border-left: 2px solid #555;
	border-right: 1px solid #DDD;
}
#cubeRotations a {
	text-align: center;
	padding: 5px;
	width: 27px;
	margin: 2px;
	position: relative;
	overflow: hidden;
}
#cubeRotations {
	display: block
}
.cube {
	width: 100%;
	height: 100%;
}
@font-face{font-family:"RubikExtended";src:url("../media/RubikExtended.ttf") format("truetype"),
url("../media/RubikExtended.otf") format("otf");
font-weight:normal;
font-style:normal;

}
.faceLabel {
	display:none;
	position:absolute;
	font-size:60px;
	text-align:center;
	font-family:"RubikExtended";
	text-shadow:0 0 24px rgba(0,
	0,
	0,
	0.3);
	color:#FFF;
}
.cube .cubelet {
	width:1em;
	height:1em;
	position:absolute;
	box-sizing:border-box;
}
.cube .face {
	position:absolute;
	width:1em;
	height:1em;
	background-color:#000;
	text-align:center;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	padding:0.05em;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}
.cube .face.faceIntroverted {
	background-color:#000;
}
.cube .face.faceTransparent {
	background-color:transparent;
}
.purty .face {
	opacity:0.5;
}
.purty .face.faceFront {
	background-color:#FFF;
}
.purty .face.faceUp {
	background-color:#E87000;
}
.purty .face.faceRight {
	background-color:#3D81F6;
}
.purty .face.faceDown {
	background-color:#DC422F;
}
.purty .face.faceLeft {
	background-color:#009D54;
}
.purty .face.faceBack {
	background-color:#F5B400;
}
.cube .face > .wireframe {
	display:none;
	position:absolute;
	width:140px;
	height:140px;
	background-color:rgba(255,
	255,
	255,
	0.05);
}
.cube .sticker {
	width:100%;
	height:100%;
	background-color:#F0F;
	border-radius:0.1em;
	text-align:center;
}
.cube .sticker.red {
	background:#DC422F;
}
.cube .sticker.white {
	background:#F3F3F3;
}
.cube .sticker.blue {
	background:#3D81F6;
}
.cube .sticker.green {
	background:#009D54;
}
.cube .sticker.orange {
	background:#E87000;
}
.cube .sticker.yellow {
	background:#F5B400;
}
.cube .sticker.stickerLogo {
	background:#F3F3F3 url("img/logo.png");
	background-size:100% 100%;
	background-repeat:no-repeat;
}
.cube .face > .id {
	display:none;
	position:absolute;
	z-index:1000;
	width:90%;
	height:90%;
	font-size:1em;
	line-height:0.9em;
	text-align:center;
	color:#000;
}
.cube .face > .id > .underline {
	border-bottom:1px solid #000;
}
.cube .face.faceIntroverted > .id {
	color:#FEFEFE;
}
.cube .face.faceIntroverted > .id > .underline {
	border-bottom:1px solid #FEFEFE;
}
.cube .face > .text {
	display:none;
	position:absolute;
	z-index:2000;
	width:100%;
	height:100%;
	text-align:center;
	color:#FFF;
	font-family:"RubikExtended",
	sans-serif;
	font-size:1em;
	line-height:1em;
}
#simulator {
	position:relative;
	border-top:5px solid #e87000;
	border-bottom:5px solid #3d81f6;
}
.activeSectiontop #wrapCubeControls {
	top:100px;
	bottom:auto;
}
#wrapCubeControls {
	position:absolute;
	right:60px;
	top:auto;
	bottom:100px;
	z-index:9;
	left:60px;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
}
#cubeControls {
	text-align:right;
	width:100%;
	z-index:999;
}
a#shuffleToPlay {
	background:#e87000;
	color:#fff6d0;
	text-decoration:none;
	font-size:20px;
	padding:6px 25px;
	border-radius:10px;
	display:inline-block;
	float:right;
	cursor:pointer;
	font-weight:bold;
}
a#shuffleToPlay:hover {
	color:#FFF;
}
a#fullSizeIcon,
a#returnSizeIcon {
	width:50px;
	height:50px;
	background:url(img/sprite.png) no-repeat 0 -2940px transparent;
	display:inline-block;
	overflow:hidden;
	text-align:left;
	vertical-align:middle;
	text-indent:-2px;
	font-size:8px;
	float:left;
	color:#e87000;
	text-decoration:none;
	border-radius:10px;
}
a#returnSizeIcon {
	background-position:-100px -2940px;
}
a#fullSizeIcon:hover,
a#returnSizeIcon:hover {
	background-color:#FFF;
}
a.moreLink {
	background-color:#dc422f;
	color:#FFF;
	border-radius:8px;
	padding:2px 10px;
	text-decoration:none;
	font-weight:bold;
	font-size:13px;
	border:2px solid #000;
}
a.moreLink:hover {
	background-color:#b32311;
}
.copyright {
	position:absolute;
	bottom:5px;
	right:10px;
	font-size:12px;
	font-weight:bold;
	color:#888;
}
.sectionHelp {
	position:absolute;
	overflow:hidden;
	right:40px;
	z-index:99;
	cursor:pointer;
	-webkit-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
	border-radius:5px;
	width:40px;
	padding-bottom:5px;
}
.sectionHelp:hover > span {
	opacity:1;
}
.sectionHelp > span {
	-webkit-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
	height:40px;
	width:40px;
	background:#444;
	display:block;
	float:left;
	opacity:0.7;
	position:relative;
	font-family:"Arial Black",
	Gadget,
	sans-serif;
	font-size:37px;
	line-height:35px;
	text-align:center;
	color:#FFF;
	border-radius:5px;
}
#simulator .sectionHelp > span,
#simulator h2 {
	background-color:#e87000;
}
#cubesolver .sectionHelp > span,
#cubesolver h2 {
	background-color:#3d81f6;
}
#timer .sectionHelp > span,
#timer h2 {
	background-color:#009d54;
}
.activeSectiontop #simulator .sectionHelp {
	top:unset;
	bottom:40px;
}
#simulator .sectionHelp {
	bottom:unset;
	top:40px;
}
#cubesolver .sectionHelp {
	top:30px;
}
#tutorial .sectionHelp {
	top:30px;
}
#timer .sectionHelp {
	top:30px;
}
.sectionHelp h2,
.sectionHelp p {
	display:none;
	max-height:50px;
	overflow:hidden;
}
.sectionHelp.active > span,
.activeSectiontop .sectionHelp > span {
	font-size:20px;
	height:22px;
	position:absolute;
	width:28px;
	line-height:21px;
}
.sectionHelp.active,
.activeSectiontop .sectionHelp {
	background:rgba(255,
	255,
	255,
	0.8);
	width:500px;
}
.sectionHelp.active:hover,
.activeSectiontop .sectionHelp:hover {
	background:rgba(255,
	255,
	255,
	0.8);
}
.sectionHelp.active > span,
.activeSectiontop .sectionHelp > span {
	margin:0 10px 0 0;
	opacity:1;
}
.sectionHelp.active h2,
.activeSectiontop .sectionHelp h2 {
	font-size:17px;
	height:20px;
	line-height:20px;
	display:block;
	color:#FFF;
	margin:0;
	padding:1px 10px 1px 40px;
	border-radius:0px 0 0 5px;
}
.sectionHelp.active p,
.activeSectiontop .sectionHelp p {
	margin:0px 10px;
	font-size:13px;
	display:block;
	height:17px;
}
.sectionHelp.active:hover > span,
.activeSectiontop .sectionHelp:hover > span {
	opacity:0.8;
}
#tutorial {
	background:#FFC0BD;
	background:-moz-radial-gradient(center,
	#FFFFFF 0%,
	#FFC0BD 100%);
	background:-webkit-radial-gradient(center,
	#FFFFFF 0%,
	#FFC0BD 100%);
	background:radial-gradient(ellipse at center,
	#FFFFFF 0%,
	#FFC0BD 100%);
	border-top:5px solid #dc422f;
	border-bottom:5px solid #009d54;
	position:relative;
}
#cubesolver {
	background:#CAE3FF;
	background:-moz-radial-gradient(center,
	#FFFFFF 0%,
	#CAE3FF 100%);
	background:-webkit-radial-gradient(center,
	#FFFFFF 0%,
	#CAE3FF 100%);
	background:radial-gradient(ellipse at center,
	#FFFFFF 0%,
	#CAE3FF 100%);
	border-top:5px solid #3d81f6;
	border-bottom:5px solid #dc422f;
	position:relative;
}
#cubesolver.solverSolutionPage {
	border-top:none;
	overflow-x:hidden;
}
#container,
.playFullScreen {
	width:100%;
	background:#FFF3C2;
	background:-moz-radial-gradient(center,
	#FFFFFF 0%,
	#FFF3C2 100%);
	background:-webkit-radial-gradient(center,
	#FFFFFF 0%,
	#FFF3C2 100%);
	background:radial-gradient(ellipse at center,
	#FFFFFF 0%,
	#FFF3C2 100%);
}
#timer {
	background:#CFFFD7;
	background:-moz-radial-gradient(center,
	#FFFFFF 0%,
	#CFFFD7 100%);
	background:-webkit-radial-gradient(center,
	#FFFFFF 0%,
	#CFFFD7 100%);
	background:radial-gradient(ellipse at center,
	#FFFFFF 0%,
	#CFFFD7 100%);
	border-top:5px solid #009d54;
	border-bottom:5px solid #009d54;
	position:relative;
}
#scrambleAlgorithm {
	position:absolute;
	bottom:350px;
	font-size:30px;
	line-height:30px;
	font-family:"Arial Black",
	Gadget,
	sans-serif;
	color:#056136;
	left:20px;
	right:20px;
	text-align:center;
	line-height:30px;
}
.plus2sec {
	cursor:pointer;
	color:#999;
	font-size:13px;
	display:inline-block;
	width:25px;
	height:20px;
	text-align:center;
}
.plus2sec:hover {
	color:#3F679B;
}
.plus2sec0 {
	color:#999;
}
.plus2sec1 {
	color:#222;
	font-weight:bold;
}
.dnfThis {
	cursor:pointer;
	color:#999;
	font-size:13px;
	display:inline-block;
	height:20px;
	width:30px;
	text-align:center;
}
#solutionTimes div:nth-child(1) {
	background-color:#EEE;
}
.dnfThis:hover {
	color:#3F679B;
}
.dnfThis0 {
	color:#999;
}
.dnfThis1 {
	color:#222;
	font-weight:bold;
}
.sorszam {
	color:#999;
	font-size:12px;
	display:inline-block;
	min-width:28px;
	text-align:right;
}
.theWorstTime {
	background:url(img/sprite.png) no-repeat scroll 250px -3346px transparent;
}
.theBestTime {
	background:url(img/sprite.png) no-repeat scroll 250px -3296px transparent;
}
.timeRemove {
	cursor:pointer;
	color:#966;
	font-weight:bold;
	font-size:12px;
	display:inline-block;
	width:25px;
	text-align:center;
}
.timeRemove:hover {
	color:#000;
}
.measuredTime {
	font-size:13px;
	color:#333;
	font-weight:bold;
	display:inline-block;
	width:100px;
	text-align:right;
	margin:0;
	text-decoration:none;
	font-family:arial;
	cursor:pointer;
	padding-right:8px;
}
#time {
	font-family:'LCDBOLD';
	font-size:130px;
	line-height:130px;
	display:block;
	text-align:center;
	padding:0;
	color:#333;
	position:absolute;
	top:200px;
	width:100%;
	left:0;
	right:0;
}
.redTimerHand #time {
	color:red;
}
.greenTimerHand #time {
	color:#009d54;
}
#touchSensitive {
	position:absolute;
	top:0;
	bottom:300px;
	left:0;
	cursor:pointer;
	right:0;
}
#timerControls {
	background-color:rgba(0,
	157,
	84,
	0.22);
	position:absolute;
	height:280px;
	border-top:5px solid #009d54;
	bottom:0px;
	left:0;
	right:0;
	text-align:center;
	overflow-x:auto;
	overflow-y:hidden;
	padding:20px 20px 0 20px;
}
#timerScroller {
	min-width:560px;
	margin:auto;
}
#solutionTimes {
	display:inline-block;
	vertical-align:top;
	width:300px;
	background:#f6fff8;
	border-radius:10px;
	text-align:left;
	height:240px;
	overflow-y:auto;
}
#solutionStatistics {
	display:inline-block;
	vertical-align:top;
	width:200px;
	text-align:left;
	background-color:#f6fff8;
	padding:10px 20px;
	font-size:13px;
	height:220px;
	border-radius:10px;
}
#solutionStatistics ul {
	list-style:none;
}
#solutionStatistics ul li {
	height:20px;
	line-height:20px;
}
#solutionStatistics ul li a {
	text-decoration:none;
	color:#444;
	cursor:initial;
}
#solutionStatistics ul li em {
	display:inline-block;
	width:100px;
	text-align:right;
	padding-right:15px;
}
#solutionStatistics ul li span {
	display:inline-block;
}
#solutionTimes div:nth-child(5),
#solutionTimes div:nth-child(12),
#solutionStatistics ul li:nth-child(5),
#solutionStatistics ul li:nth-child(8) {
	border-bottom:1px solid #DDD;
}
#solutionTimes div {
	height:22px;
}
.placeHolder {
	color:#BBB;
}
#wrapTimerSettingz {
	display:inline-block;
	vertical-align:bottom;
	width:150px;
	background:#f6fff8;
	text-align:left;
	padding:20px;
	border-radius:10px;
}
#wrapTimerSettingz a {
	display:block;
	background:url(img/sprite.png) no-repeat scroll 116px -3418px transparent;
	font-size:13px;
	cursor:pointer;
	height:21px;
	border-radius:5px;
	line-height:21px;
	padding:0px 5px;
}
#wrapTimerSettingz a.active {
	background:url(img/sprite.png) no-repeat scroll 116px -3378px transparent;
}
#wrapTimerSettingz a:hover {
	background-color:#c7cac7 !important;
}
.grid {
	max-width:1500px;
	margin:20px auto 0;
}
.grid-item {
	width:500px;
	margin-bottom:20px;
	min-height:100px;
}
.grid-item > div {
	padding:10px;
}
.grid-item > div > p {
	font-weight:bold;
}
.grid-item > div > div {
	background-color:rgba(0,
	0,
	0,
	0.1);
	padding:10px;
	border-radius:10px;
	background:rgba(255,
	255,
	255,
	0.7);
	box-shadow:0px 0px 19px #BBB inset;
}
.grid-item > span > em {
	font-size:28px;
	font-style:normal;
}
.grid-item > span {
	font-size:40px;
	color:#dc422f;
	text-shadow:2px 2px #000,
	-2px -2px #000,
	-2px 2px #000,
	2px -2px #000,
	2px 0px #000,
	-2px 0px #000,
	0px -2px #000,
	0px 2px #000;
	display:inline-block;
	position:relative;
	float:left;
	margin:0 15px 10px 0;
	border:3px solid #000;
	border-radius:7px;
	line-height:45px;
	width:45px;
	text-align:center;
	background-color:#f7a399;
	font-family:"Arial Black",
	Gadget,
	sans-serif;
}
#tutorial h2 {
	line-height:40px;
	color:#dc422f;
	text-shadow:2px 2px #000,
	-2px -2px #000,
	-2px 2px #000,
	2px -2px #000,
	2px 0px #000,
	-2px 0px #000,
	0px -2px #000,
	0px 2px #000;
}
#tutorial h3 {
	color:#f78577;
	text-shadow:2px 2px #000,
	-2px -2px #000,
	-2px 2px #000,
	2px -2px #000,
	2px 0px #000,
	-2px 0px #000,
	0px -2px #000,
	0px 2px #000;
}
.algo {
	font-weight:bold;
	display:inline-block;
	vertical-align:middle;
	margin:0;
}
.algo > span {
	display:inline-block;
	width:36px;
	height:22px;
	background:url(img/sprite.png) no-repeat 0px 100px transparent;
	padding:36px 0 0 0;
	line-height:22px;
	text-align:center;
	font-size:17px;
	font-style:normal;
	text-shadow:2px 2px #000,
	-2px -2px #000,
	-2px 2px #000,
	2px -2px #000,
	2px 0px #000,
	-2px 0px #000,
	0px -2px #000,
	0px 2px #000;
	margin-right:8px;
	color:#FFF;
	vertical-align:top;
}
.algo > span.li {
	background-position:0px -3000px;
}
.algo > span.mi {
	background-position:-40px -3000px;
}
.algo > span.r {
	background-position:-80px -3000px;
}
.algo > span.ui {
	background-position:-120px -3000px;
}
.algo > span.e {
	background-position:-160px -3000px;
}
.algo > span.d {
	background-position:-200px -3000px;
}
.algo > span.l {
	background-position:0px -3060px;
}
.algo > span.m {
	background-position:-40px -3060px;
}
.algo > span.ri {
	background-position:-80px -3060px;
}
.algo > span.u {
	background-position:-120px -3060px;
}
.algo > span.ei {
	background-position:-160px -3060px;
}
.algo > span.di {
	background-position:-200px -3060px;
}
.algo > span.f {
	background-position:0px -3120px;
}
.algo > span.bi {
	background-position:-40px -3120px;
}
.algo > span.fi {
	background-position:-80px -3120px;
}
.algo > span.b {
	background-position:-120px -3120px;
}
.algo > span.s {
	background-position:-162px -3120px;
}
.algo > span.si {
	background-position:-202px -3120px;
}
.algo > span.f2 {
	background-position:0px -3180px;
}
.algo > span.r2 {
	background-position:-40px -3180px;
}
.algo > span.u2 {
	background-position:-80px -3180px;
}
.algo > span.b2 {
	background-position:-120px -3180px;
}
.algo > span.l2 {
	background-position:-160px -3180px;
}
.algo > span.d2 {
	background-position:-200px -3180px;
}
.algo > span.m2 {
	background-position:0px -3240px;
}
.algo > span.e2 {
	background-position:-40px -3240px;
}
.algo > span.s2 {
	background-position:-80px -3240px;
}
a.nextSection {
	position:absolute;
	display:inline-block;
	bottom:0px;
	left:100px;
	text-decoration:none;
	background-color:#444;
	font-size:16px;
	overflow:hidden;
	line-height:20px;
	padding:0px 20px 3px 5px;
	font-weight:bold;
	color:#FFF;
	border-radius:10px 10px 0 0;
	opacity:0.8;
	transition:all 0.3s;
}
#simulator a.nextSection {
	background:#3d81f6;
}
#cubesolver a.nextSection {
	background:#dc422f;
}
#tutorial a.nextSection {
	background:#009d54;
}
#timer a.nextSection {
	background:#e87000;
}
a.nextSection:hover {
	opacity:1;
}
#timer a.nextSection > span {
	-moz-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	-o-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	transform:rotate(-90deg);
}
a.nextSection > span {
	-moz-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg);
	display:inline-block;
	overflow:hidden;
	text-indent:12px;
	height:23px;
	width:33px;
	-webkit-animation:scrollDownArrow 3s infinite;
	animation:scrollDownArrow 3s infinite;
}
a.nextSection:hover > span {
	-webkit-animation:none;
	animation:none;
}
@-webkit-keyframes scrollDownArrow {
	0% {
		text-indent: -20px;
	}
	98% {
		text-indent: 50px;
	}
	99% {
		text-indent: 5000px;
	}
	100% {
		text-indent: -20px;
	}
}
@keyframes scrollDownArrow {
	0% {
		text-indent:-20px;
	}
	98% {
		text-indent: 50px;
	}
	99% {
		text-indent: 5000px;
	}
	100% {
		text-indent: -20px;
	}
}
body.playFullScreen {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}
.playFullScreen #intro {
	height:240px;
}
.playFullScreen #naviList li a {
	line-height:220px;
}
.playFullScreen #footnote {
	padding:5px 15px;
	font-size:11px;
	line-height:12px;
	position:absolute;
	max-height:53px;
	bottom:0;
	left:0;
	right:0;
	border-bottom:none;
	overflow-y:auto;
}
.playFullScreen #footnote p {
	margin-bottom:0px;
	font-weight:normal;
}
.playFullScreen #wrapCubeControls {
	bottom:15px;
	position:absolute;
}
.playFullScreen #simulator {
	border:none;
	position:absolute;
	top:240px;
	bottom:63px;
	left:0;
	right:0;
	overflow:hidden;
}
.marginBottom40 {
	margin-bottom:40px;
}
.playFullScreen #container {
	position:absolute;
	background:transparent;
	top:0;
	bottom:0px;
	min-height:200px !important;
	left:0;
	right:0;
}
@media screen and (max-width: 1000px) {
	.bottomRklm {
		bottom:40px;
		left:30px;
		right:30px;
	}
}
@media screen and (max-height: 850px) {
	.bottomRklm {
		position:relative;
		min-height:10px;
		bottom:0;
		left:0;
		right:0;
		margin-bottom:40px;
		z-index:1;
		width:90%;
		margin:15px auto 40px;
	}
}
@media screen and (min-height: 850px) {
	#scrambler {
		padding-top:70px;
	}
}
@media screen and (max-height: 740px) {
	#time {
		top:100px;
		font-size:100px;
		line-height:100px;
	}
	#scrambleAlgorithm {
		bottom: 320px;
	}
	.playFullScreen #simulator {
		bottom: 0;
	}
}
@media screen and (max-height: 560px) {
	#time {
		top:60px;
		font-size:80px;
		line-height:80px;
	}
}
@media screen and (max-width: 1530px) {
	.grid {
		max-width:1000px;
	}
}
@media screen and (max-width: 1400px) {
	#naviList li a {
		font-size:40px;
	}
}
@media screen and (max-width: 1200px) {
	#naviList li a {
		font-size:30px;
	}
	.sectionInfo {
		padding: 60px 20% 20px 20%;
	}
}
@media screen and (max-width: 1024px),
screen and (max-height: 870px) {
	.playFullScreen #wrapCubeControls {
		bottom:10px;
	}
	.playFullScreen a#shuffleToPlay {
		margin-top: 18px;
	}
	.playFullScreen #intro {
		height: auto;
	}
	.activeSectiontop #D3Cube > div > div {
		width: 112px;
		height: 112px;
	}
	#intro .socialIcons {
		display: none;
	}
	.playFullScreen #simulator {
		top: 215px;
	}
	.activeSectiontop #side1 {
		transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(56px);
		-moz-transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(56px);
		-webkit-transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(56px);
	}
	.activeSectiontop #side2 {
		transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(56px);
		-moz-transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(56px);
		-webkit-transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(56px);
	}
	.activeSectiontop #side3 {
		transform: translateX(0px) translateY(0px) translateZ(56px);
		-moz-transform: translateX(0px) translateY(0px) translateZ(56px);
		-webkit-transform: translateX(0px) translateY(0px) translateZ(56px);
	}
	.activeSectiontop #side4 {
		transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(56px);
		-moz-transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(56px);
		-webkit-transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(56px);
	}
	.activeSectiontop #side5 {
		transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(56px);
		-moz-transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(56px);
		-webkit-transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(56px);
	}
	.activeSectiontop #side6 {
		transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(56px);
		-moz-transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(56px);
		-webkit-transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(56px);
	}
	.activeSectiontop #D3Cube {
		width: 112px;
		height: 112px;
	}
	.activeSectiontop #D3Cube > div {
		width: 112px;
		height: 112px;
	}
	.activeSectiontop #D3Cube > div > div > a {
		line-height: 110px;
		font-size: 30px;
	}
	.activeSectiontop #D3Cube > div#side1 > div > a {
		background-size: 30px 30px;
	}
	.activeSectiontop #wrapD3Cube {
		width: 200px;
		height: 150px;
	}
	#timerSettSound {
		display: none !important;
	}
	.theBestTime {
		background: url(img/sprite.png) no-repeat scroll 30px -3296px transparent;
	}
	.theWorstTime {
		background: url(img/sprite.png) no-repeat scroll 30px -3346px transparent;
	}
	#scrambleAlgorithm {
		font-size: 20px;
		line-height: 20px;
		bottom: 250px;
	}
	#time {
		padding: 0;
		top: 175px;
	}
	#solutionTimes {
		width: 220px;
		height: 170px;
	}
	#touchSensitive {
		bottom: 225px;
	}
	#solutionStatistics {
		padding: 10px;
	}
	#wrapTimerSettingz {
		padding: 10px;
		width: 110px;
	}
	#timerControls {
		height: 200px;
	}
	.measuredTime {
		width: 75px;
	}
	.dontShowOnMobile {
		display: none;
	}
	#solutionStatistics {
		height: 150px;
	}
	#wrapTimerSettingz a {
		background: url(img/sprite.png) no-repeat scroll 75px -3418px transparent;
	}
	#wrapTimerSettingz a.active {
		background: url(img/sprite.png) no-repeat scroll 75px -3378px transparent;
	}
	#intro {
		padding: 0px 0px 0px 220px;
		background: #FFF;
		height: auto;
	}
	#naviList li,
	#naviList li a {
		-moz-transform: none;
		-webkit-transform: none;
		-o-transform: none;
		-ms-transform: none;
		transform: none;
	}
	#naviList li {
		height: 210px;
	}
	#naviList li a {
		font-size: 25px;
		line-height: 210px;
		text-shadow: 3px 3px 0px #000, -3px 3px 0px #000, 3px -3px 0px #000, -3px -3px 0px #000, 3px 0px 0px #000, -3px 0px 0px #000, 0px -3px 0px #000, 0px 3px 0px #000, 4px 4px 0px #FFF, -4px 4px 0px #FFF, 4px -4px 0px #FFF, -4px -4px 0px #FFF, 4px 0px 0px #FFF, -4px 0px 0px #FFF, 0px -4px 0px #FFF, 0px 4px 0px #FFF;
		color: #FFF !important;
		text-shadow: none !important;
		line-height: 210px;
		padding: 0;
		height: 210px;
	}
	#naviList li a:hover {
		border-top: 10px solid #000;
	}
	.socialIcons a {
		opacity: 1;
	}
	.grid {
		max-width: 500px;
		margin: 0px auto 0;
	}
	.sectionInfo {
		padding: 60px 25% 20px 25%;
	}
	.grid-item > div > div {
		padding: 10px;
		border-radius: 5px;
		background: rgba(255, 255, 255, 0.8);
		box-shadow: none;
	}
	#naviList li:nth-child(1) {
		background-color: rgb(232, 112, 0);
	}
	#naviList li:nth-child(2) {
		background-color: rgb(61, 129, 246);
	}
	#naviList li:nth-child(3) {
		background-color: rgb(220, 66, 47);
	}
	#naviList li:nth-child(4) {
		background-color: rgb(0, 157, 84);
	}
	.activeSectiontop #naviList li a#playLink,
	.activeSectionplay #naviList li a#playLink,
	.playFullScreen #naviList li a#playLink,
	.activeSectionsolve #naviList li a#solveLink,
	.activeSectionlearn #naviList li a#learnLink,
	.activeSectiontime #naviList li a#timeLink {
		color: #000 !important;
		border-top: 5px solid #000;
	}
	#naviList li a span {
		display: none !important;
	}
}
@media screen and (max-width: 750px),
screen and (max-height: 750px) {
	.copyright {
		display:none;
	}
	#time {
		top: 100px;
		font-size: 70px;
	}
	.playFullScreen #simulator {
		top: 55px;
		bottom: 0px;
	}
	.playFullScreen #footnote {
		display: none;
	}
	.playFullScreen #intro {
		height: 50px;
	}
	#naviList li a,
	.playFullScreen #naviList li a {
		font-size: 20px;
		line-height: 50px;
		height: auto;
		padding: 0;
	}
	#wrapD3Cube {
		display: none;
	}
	#naviList li a {
		font-size: 25px;
		color: #FFF !important;
		text-shadow: 3px 3px 0px #000, -3px 3px 0px #000, 3px -3px 0px #000, -3px -3px 0px #000, 3px 0px 0px #000, -3px 0px 0px #000, 0px -3px 0px #000, 0px 3px 0px #000;
	}
	#intro {
		padding: 0;
		position: fixed;
		height: 50px;
		top: 0;
		left: 0;
		right: 0;
		z-index: 99999;
	}
	#naviList li {
		height: 50px;
		display: block;
		width: 25%;
		float: left;
	}
	#intro .socialIcons {
		display: none;
	}
	#simulator {} #simulator .sectionHelp {
		top: 60px;
	}
	#wrapCubeControls {
		right: 30px;
		bottom: 30px;
		left: 30px;
	}
	.sectionHelp {
		right: 30px;
	}
	#cubesolver,
	#tutorial {
		padding-top: 50px
	}
	#cubesolver .sectionHelp {
		top: 60px;
	}
	#timer .sectionHelp {
		top: 60px;
	}
	.sectionInfo {
		padding: 30px 5% 20px 5%;
	}
	h2 {
		font-size: 30px;
		line-height: 30px;
	}
}
@media screen and (max-width: 700px) {
	#vigyazzKetszer {
		top:-125px;
		left:353px;
		font-size:50px;
	}
	#wrapCube {
		height: 420px;
	}
	.rotArrow {
		height: 100px !important;
		width: 100px !important;
	}
	.thisRotIs13 #sticker10,
	.thisRotIs13 #sticker11,
	.thisRotIs13 #sticker12,
	.thisRotIs13 #sticker19,
	.thisRotIs13 #sticker20,
	.thisRotIs13 #sticker21,
	.thisRotIs13 #sticker28,
	.thisRotIs13 #sticker29,
	.thisRotIs13 #sticker30,
	.thisRotIs13 #sticker37,
	.thisRotIs13 #sticker38,
	.thisRotIs13 #sticker39 {
		background-position: -216px -329px;
	}
	.thisRotIs5 #sticker7,
	.thisRotIs5 #sticker8,
	.thisRotIs5 #sticker9 {
		background-position: -139px -329px;
	}
	.thisRotIs5 #sticker28,
	.thisRotIs5 #sticker31,
	.thisRotIs5 #sticker34 {
		background-position: -177px -293px;
	}
	.thisRotIs5 #sticker46,
	.thisRotIs5 #sticker47,
	.thisRotIs5 #sticker48 {
		background-position: -214px -330px;
	}
	.thisRotIs5 #sticker12,
	.thisRotIs5 #sticker15,
	.thisRotIs5 #sticker18 {
		background-position: -178px -366px;
	}
	.thisRotIs7 #sticker3,
	.thisRotIs7 #sticker6,
	.thisRotIs7 #sticker9,
	.thisRotIs7 #sticker21,
	.thisRotIs7 #sticker24,
	.thisRotIs7 #sticker27,
	.thisRotIs7 #sticker48,
	.thisRotIs7 #sticker51,
	.thisRotIs7 #sticker54 {
		background-position: -177px -367px;
	}
	.thisRotIs2 #sticker10,
	.thisRotIs2 #sticker11,
	.thisRotIs2 #sticker12,
	.thisRotIs2 #sticker19,
	.thisRotIs2 #sticker20,
	.thisRotIs2 #sticker21,
	.thisRotIs2 #sticker28,
	.thisRotIs2 #sticker29,
	.thisRotIs2 #sticker30,
	.thisRotIs2 #sticker37,
	.thisRotIs2 #sticker38,
	.thisRotIs2 #sticker39 {
		background-position: -140px -330px;
	}
	.thisRotIs15 #sticker7,
	.thisRotIs15 #sticker8,
	.thisRotIs15 #sticker9 {
		background-position: -140px -330px;
	}
	.thisRotIs15 #sticker28,
	.thisRotIs15 #sticker31,
	.thisRotIs15 #sticker34 {
		background-position: -177px -293px;
	}
	.thisRotIs15 #sticker46,
	.thisRotIs15 #sticker47,
	.thisRotIs15 #sticker48 {
		background-position: -213px -330px;
	}
	.thisRotIs15 #sticker12,
	.thisRotIs15 #sticker15,
	.thisRotIs15 #sticker18 {
		background-position: -176px -366px;
	}
	.thisRotIs3 #sticker1,
	.thisRotIs3 #sticker4,
	.thisRotIs3 #sticker7,
	.thisRotIs3 #sticker19,
	.thisRotIs3 #sticker22,
	.thisRotIs3 #sticker25,
	.thisRotIs3 #sticker46,
	.thisRotIs3 #sticker49,
	.thisRotIs3 #sticker52 {
		background-position: -177px -294px;
	}
	.thisRotIs3 #sticker39,
	.thisRotIs3 #sticker42,
	.thisRotIs3 #sticker45 {
		background-position: -177px -366px;
	}
	.thisRotIs10 #sticker1,
	.thisRotIs10 #sticker2,
	.thisRotIs10 #sticker3 {
		background-position: -141px -330px;
	}
	.thisRotIs10 #sticker30,
	.thisRotIs10 #sticker33,
	.thisRotIs10 #sticker36 {
		background-position: -178px -293px;
	}
	.thisRotIs10 #sticker52,
	.thisRotIs10 #sticker53,
	.thisRotIs10 #sticker54 {
		background-position: -214px -330px;
	}
	.thisRotIs10 #sticker10,
	.thisRotIs10 #sticker13,
	.thisRotIs10 #sticker16 {
		background-position: -178px -365px;
	}
	.thisRotIs16 #sticker3,
	.thisRotIs16 #sticker6,
	.thisRotIs16 #sticker9,
	.thisRotIs16 #sticker21,
	.thisRotIs16 #sticker24,
	.thisRotIs16 #sticker27,
	.thisRotIs16 #sticker48,
	.thisRotIs16 #sticker51,
	.thisRotIs16 #sticker54 {
		background-position: -177px -366px;
	}
	.thisRotIs16 #sticker37,
	.thisRotIs16 #sticker40,
	.thisRotIs16 #sticker43 {
		background-position: -178px -293px;
	}
	.thisRotIs14 #sticker1,
	.thisRotIs14 #sticker4,
	.thisRotIs14 #sticker7,
	.thisRotIs14 #sticker19,
	.thisRotIs14 #sticker22,
	.thisRotIs14 #sticker25,
	.thisRotIs14 #sticker46,
	.thisRotIs14 #sticker49,
	.thisRotIs14 #sticker52 {
		background-position: -176px -293px;
	}
	.thisRotIs14 #sticker39,
	.thisRotIs14 #sticker42,
	.thisRotIs14 #sticker45 {
		background-position: -177px -365px;
	}
	.thisRotIs17 #sticker30,
	.thisRotIs17 #sticker33,
	.thisRotIs17 #sticker36 {
		background-position: -177px -367px;
	}
	.thisRotIs17 #sticker1,
	.thisRotIs17 #sticker2,
	.thisRotIs17 #sticker3 {
		background-position: -213px -330px;
	}
	.thisRotIs17 #sticker10,
	.thisRotIs17 #sticker13,
	.thisRotIs17 #sticker16 {
		background-position: -177px -292px;
	}
	.thisRotIs17 #sticker52,
	.thisRotIs17 #sticker53,
	.thisRotIs17 #sticker54 {
		background-position: -141px -330px;
	}
	.thisRotIs12 #sticker16,
	.thisRotIs12 #sticker17,
	.thisRotIs12 #sticker18,
	.thisRotIs12 #sticker25,
	.thisRotIs12 #sticker26,
	.thisRotIs12 #sticker27,
	.thisRotIs12 #sticker34,
	.thisRotIs12 #sticker35,
	.thisRotIs12 #sticker36,
	.thisRotIs12 #sticker43,
	.thisRotIs12 #sticker44,
	.thisRotIs12 #sticker45 {
		background-position: -214px -330px;
	}
	.thisRotIs6 #sticker7,
	.thisRotIs6 #sticker8,
	.thisRotIs6 #sticker9 {
		background-position: -212px -330px;
	}
	.thisRotIs6 #sticker28,
	.thisRotIs6 #sticker31,
	.thisRotIs6 #sticker34 {
		background-position: -176px -366px;
	}
	.thisRotIs6 #sticker46,
	.thisRotIs6 #sticker47,
	.thisRotIs6 #sticker48 {
		background-position: -140px -330px;
	}
	.thisRotIs4 #sticker1,
	.thisRotIs4 #sticker4,
	.thisRotIs4 #sticker7,
	.thisRotIs4 #sticker19,
	.thisRotIs4 #sticker22,
	.thisRotIs4 #sticker25,
	.thisRotIs4 #sticker46,
	.thisRotIs4 #sticker49,
	.thisRotIs4 #sticker52 {
		background-position: -177px -366px;
	}
	.thisRotIs4 #sticker39,
	.thisRotIs4 #sticker42,
	.thisRotIs4 #sticker45 {
		background-position: -177px -293px;
	}
	.thisRotIs8 #sticker3,
	.thisRotIs8 #sticker6,
	.thisRotIs8 #sticker9,
	.thisRotIs8 #sticker21,
	.thisRotIs8 #sticker24,
	.thisRotIs8 #sticker27,
	.thisRotIs8 #sticker48,
	.thisRotIs8 #sticker51,
	.thisRotIs8 #sticker54 {
		background-position: -177px -294px;
	}
	.thisRotIs8 #sticker37,
	.thisRotIs8 #sticker40,
	.thisRotIs8 #sticker43 {
		background-position: -177px -365px;
	}
	.thisRotIs11 #sticker16,
	.thisRotIs11 #sticker17,
	.thisRotIs11 #sticker18,
	.thisRotIs11 #sticker25,
	.thisRotIs11 #sticker26,
	.thisRotIs11 #sticker27,
	.thisRotIs11 #sticker34,
	.thisRotIs11 #sticker35,
	.thisRotIs11 #sticker36,
	.thisRotIs11 #sticker43,
	.thisRotIs11 #sticker44,
	.thisRotIs11 #sticker45 {
		background-position: -140px -330px;
	}
	.thisRotIs6 #sticker12,
	.thisRotIs6 #sticker15,
	.thisRotIs6 #sticker18 {
		background-position: -177px -293px;
	}
	.thisRotIs7 #sticker37,
	.thisRotIs7 #sticker40,
	.thisRotIs7 #sticker43 {
		background-position: -177px -294px;
	}
	.thisRotIs9 #sticker1,
	.thisRotIs9 #sticker2,
	.thisRotIs9 #sticker3 {
		background-position: -213px -330px;
	}
	.thisRotIs9 #sticker30,
	.thisRotIs9 #sticker33,
	.thisRotIs9 #sticker36 {
		background-position: -177px -366px;
	}
	.thisRotIs9 #sticker52,
	.thisRotIs9 #sticker53,
	.thisRotIs9 #sticker54 {
		background-position: -140px -330px;
	}
	.thisRotIs9 #sticker10,
	.thisRotIs9 #sticker13,
	.thisRotIs9 #sticker16 {
		background-position: -177px -293px;
	}
	.thisRotIs1 #sticker10,
	.thisRotIs1 #sticker11,
	.thisRotIs1 #sticker12,
	.thisRotIs1 #sticker19,
	.thisRotIs1 #sticker20,
	.thisRotIs1 #sticker21,
	.thisRotIs1 #sticker28,
	.thisRotIs1 #sticker29,
	.thisRotIs1 #sticker30,
	.thisRotIs1 #sticker37,
	.thisRotIs1 #sticker38,
	.thisRotIs1 #sticker39 {
		background-position: -215px -329px;
	}
	.thisRotIs18 #sticker16,
	.thisRotIs18 #sticker17,
	.thisRotIs18 #sticker18,
	.thisRotIs18 #sticker25,
	.thisRotIs18 #sticker26,
	.thisRotIs18 #sticker27,
	.thisRotIs18 #sticker34,
	.thisRotIs18 #sticker35,
	.thisRotIs18 #sticker36,
	.thisRotIs18 #sticker43,
	.thisRotIs18 #sticker44,
	.thisRotIs18 #sticker45 {
		background-position: -141px -331px;
	}
	#rotacioSzoveg {
		display: none;
	}
	#vezerloPult,
	#threeDsettings {
		width: auto;
	}
	#switchView,
	#rubiksCubeSolver {
		width: 430px;
	}
	#switchView a {
		margin: 20px 0 0 10px;
	}
	#tokociembaView,
	#floatingBacks,
	#transparency,
	#cubeRotations a > span {
		display: none !important;
	}
	.flatView#wrapCube > div {
		width: 104px;
		height: 104px;
	}
	.flatView#wrapCube > div > div {
		width: 30px;
		height: 30px;
	}
	.flatView #face1 {
		top: 88px;
		left: 112px;
	}
	.flatView #face2 {
		top: 190px;
		left: 10px;
	}
	.flatView #face3 {
		top: 190px;
		left: 112px;
	}
	.flatView #face4 {
		top: 190px;
		left: 215px;
	}
	.flatView #face5 {
		top: 190px;
		left: 317px;
	}
	.flatView #face6 {
		top: 293px;
		left: 111px;
	}
	#hibaUzenet {
		width: 200px;
		margin-left: 50px;
	}
	#solutionStatistics ul li em {
		padding-right: 5px;
		width: 90px;
	}
	#solutionStatistics {
		width: 160px;
	}
}
@media screen and (max-width: 650px) {
	.measuredTime {
		width:55px;
	}
	.plus2sec,
	.timeRemove {
		width: 20px;
	}
	.dnfThis {
		width: 27px;
	}
	#solutionTimes {
		width: 195px;
	}
	.sectionHelp.active,
	.activeSectiontop .sectionHelp {
		background: #FFF;
		width: 250px;
	}
	.sectionHelp.active p,
	.activeSectiontop .sectionHelp p {
		margin: 3px 10px 3px;
		font-size: 13px;
		display: block;
		height: 30px;
		line-height: 14px;
	}
	#scrambleAlgorithm {
		font-size: 14px;
		line-height: 14px;
	}
	#timerControls {
		padding: 20px 2px 0 2px;
	}
}
@media screen and (max-width: 570px) {
	#cubeCommands {
		display:block;
		margin:20px 0;
		width:100%;
	}
	#slidecontainer,
	#clearCube,
	#scrambleAlgWrap {
		display: none !important;
	}
	#cubeCommandList {
		padding: 0;
	}
	.grid {
		max-width: 94%;
	}
	.grid-item {
		width: auto;
	}
}
@media screen and (max-width: 500px) {
	#vigyazzKetszer {
		top:-263px;
		left:55px;
		font-size:50px;
	}
}
@media screen and (max-width: 450px) {
	#switchView,
	#rubiksCubeSolver {
		width:365px;
	}
	.flatView#wrapCube > div > div {
		width: 25px;
		height: 25px;
	}
	.flatView#wrapCube > div {
		width: 88px;
		height: 88px;
	}
	.flatView #face1 {
		top: 104px;
		left: 96px;
	}
	.flatView #face3 {
		top: 190px;
		left: 96px;
	}
	.flatView #face4 {
		top: 190px;
		left: 183px;
	}
	.flatView #face5 {
		top: 190px;
		left: 269px;
	}
	.flatView #face6 {
		top: 276px;
		left: 96px;
	}
}
@media screen and (max-width: 380px) {
	#switchView {
		display:none !important;
	}
	#currentRot {
		padding-top: 50px;
	}
	#cubeCommandList a {
		margin: 5px;
	}
	#cubeCommandList {
		height: auto;
		padding: 0;
		text-align: center;
	}
}
@media print {
	#simulator,
	#intro,
	#timer,
	#cubesolver,
	#footnote {
		display:none;
	}
	body {
		text-shadow: none !important;
		background-image: none !important;
	}
	.algo > span {
		display: inline-block;
		width: 36px;
		width: auto;
		color: #000;
		padding: 0;
		font-size: 20px;
	}
	.printOnly {
		display: block;
		font-size: 25px;
		border-top: 1px solid #999;
		padding-top: 20px;
	}
	.printOnly > span {
		font-weight: bold;
		text-decoration: underline;
	}
}