#container1 { background: white; }
#content { margin-left: 224px; height: 100%; text-align: center; position: relative; overflow: auto; }

.timer-container { position: absolute; z-index: 11; }
.timer { display: block; width: 295px; height: 195px; background-image: url( '../imgs/timer.png' ); background-repeat: no-repeat; background-size: 100%; }
.timer { position: absolute; right: -146px; text-align: center; }
.timer .howtoplay { display: block; font-size: 14px; padding: 1em 0 1em 0; text-decoration: none; position: relative; z-index: 1; }
.timer .countdown { font-family: 'Century Gothic Bold'; font-size: 36px; }
.timer #country-selected { display:block; font-size: 13px; padding: 1em 4em; position:relative;z-index:1; }

#google-map { position: absolute; width: 100%; height: 100%; z-index: 10;}

.game-try-progressbar { width: 100%; }

.recipe-header { position: relative; z-index: 11; }
#logo-electrolux161 { position: relative; z-index: 11; }

.button-game-composition-div {
	position: absolute;
	bottom: 4em;
	width: 100%;
	text-align: center;
}
.button-game-composition-balloon {
	position: absolute;
	bottom: 50px; left: 50%;
	display: none;
}

.button-game-done-div {
	position: absolute;
	bottom: 4em;
	width: 100%;
	text-align: center;
	z-index: 11;
}
.button-recipe-send-div {
	/*position: absolute;
	bottom: 4em; left: 0;*/
	width: 100%;
	text-align: center;
}

.composition-hint {	background-color: white; position: absolute; z-index: 10; bottom: 0; width: 100%; max-height: 100%; overflow: auto; }
.composition-hint .recipe-composition {
	margin: 0 auto; width: 80%;
}
.composition-hint .recipe-composition-header {
	font-family: 'Century Gothic Bold';
	font-size: 14px;
	text-transform: uppercase;
	margin-bottom: 2em;
	padding-top: 2em;
}

.points {
	font-family: 'Century Gothic Bold';
	font-size: 48px;
	margin-top: 0.5em;
}
.points-try {
	font-family: 'Century Gothic Bold';
	font-size: 48px;
}
.points-text {
	font-family: 'Century Gothic Italic';
	font-size: 14px;
	text-transform: uppercase;
	margin-bottom: 1em;
}
.points-text-try {
	font-family: 'Century Gothic Italic';
	font-size: 14px;
	text-transform: uppercase;
	margin-top: 2em;
	margin-bottom: 1em;
}
.points-more {
  font-size: 14px;
  text-transform: uppercase;
  cursor: pointer;
}
.points-more-try {
  font-size: 14px;
  text-transform: uppercase;
  cursor: pointer;
  margin-top: 1em;
  margin-bottom: 1em;
}
.button-game-next { margin: 1em 0; }

#howtoplay-popup {
	position: absolute;
	top: 15%; left: 40%;
	background-color: #1a245f;
	width: 40%;
	height: auto;
	text-align: center;
	z-index: 20;
	display: none;
}
.howtoplay-popup-text {
	font-size: 12px;
	color: white;
	line-height: 2;
	display: table-cell;
	vertical-align: middle;
}
.howtoplay-popup-text-header {
     text-transform: uppercase;
     padding: 5em 0 1em 0;
}
.howtoplay-popup-text-text {
    margin: 0 15%;
    padding: 2em 0 1em 0;
}
.howtoplay-popup-text-link {
    text-transform: uppercase;
    padding: 2em 0 2em 0;
}
.button-howtoplay-close {
	position: absolute; right: 1em; top: 1em;
}

#testresult-popup { position: fixed; top: 25%; left: 40%; background-color: #1a245f; width: 40%; height: auto; text-align: center; z-index: 20; display: block; }
#result-popup { position: fixed; top: 25%; left: 40%; background-color: #1a245f; width: 40%; height: auto; text-align: center; z-index: 20; display: block; }
#result-popup-improve { position: fixed; top: 25%; left: 40%; background-color: #1a245f; width: 40%; height: auto; text-align: center; z-index: 20; display: none; }
.testresult-popup-text { font-size: 12px; color: white; line-height: 2; display: table-cell; vertical-align: middle; }
.result-popup-text { font-size: 12px; color: white; line-height: 2; }
.testresult-popup-text-header { text-transform: uppercase; padding: 5em 0 1em 0; }
.result-popup-text-header { text-transform: uppercase; padding: 5em 0 1em 0; }
.testresult-popup-text-text { margin: 0 15%; padding: 2em 0 1em 0; }
.result-popup-text-text { margin: 0 2em; padding: 2em 0 1em 0; }
.testresult-popup-text-link { text-transform: uppercase; padding: 2em 0 1em 0; }
.result-popup-text-link { text-transform: uppercase; padding: 2em 0 1em 0; clear: both; }
.button-testresult-close { position: absolute; right: 1em; top: 1em; }
.button-result-close { position: absolute; right: 1em; top: 1em; }
.button-result-improve-close { position: absolute; right: 1em; top: 1em; }

.result-popup-block-share { padding-top: 2em; }
.result-popup-share-icons { margin: 0 auto; width: 97px; }
.result-popup-share-icons span { display: block; width: 42px; height: 40px; cursor: pointer; }
.result-popup-share-icons span.result-popup-share-vk { left: 0px; width: 42px; background: url( '../../common/imgs/buttons/share-auth.png') 0 0; float: left; margin-right: 13px; }
.result-popup-share-icons span.result-popup-share-fb { left: 55px; width: 42px; background: url( '../../common/imgs/buttons/share-auth.png') -55px 0; float: left; }

#send-recipe-popup { position: fixed; top: 25%; left: 40%; background-color: #1a245f; width: 40%; height: auto; text-align: center; z-index: 20; display: none; }
.send-recipe-popup-text { font-size: 12px; color: white; line-height: 2; }
.send-recipe-popup-text-header { text-transform: uppercase; padding: 5em 0 1em 0; }
.send-recipe-popup-text-text { margin: 0 2em; padding: 2em 0 1em 0; }
.send-recipe-popup-text-link { text-transform: uppercase; padding: 2em 0 1em 0; clear: both; }
.button-send-recipe-popup-close { position: absolute; right: 1em; top: 1em; }

.send-recipe-popup-block-form { padding-top: 2em; padding-bottom: 2em; font-size: 15px; }
.send-recipe-popup-block-form .input-text { font-size: 15px; padding-left: 0.5em; padding-right: 0.5em; height: 26px; }
.send-recipe-popup-block-form .input-send { vertical-align: top; }

@media screen and ( max-width: 1600px ) {
	.recipe { padding-left: 40px; padding-right: 40px; }
	.recipe-header { font-size: 20px; }
	.timer { width: 200px; height: 132px;  right: -100px; }
	.timer .howtoplay { padding: 0.5em 0 0.5em 0; }
	.timer .countdown { font-size: 24px; }
	.timer #country-selected  { font-size: 9px; }
	#howtoplay-popup { top: 15%; left: 35%; width: 50%;  }
	.howtoplay-popup-text-header { padding: 3em 0 1em 0; }
}
@media screen and ( max-width: 1100px ) {
    .howtoplay-popup-text-text {  margin: 0 10%; }
}
@media screen and ( max-width: 980px ) {
	#content { margin-left: inherit; }
	#game-column1 { width: 50%; background-size: contain; background-position: center; }
	#game-column2 { width: 50%; }
    #howtoplay-popup { top: 15%; left: 15%; width: 70%; }
	#testresult-popup { top: 25%; left: 20%; width: 60%; }
	#result-popup { top: 25%; left: 20%; width: 60%; }
	#result-popup-improve { top: 25%; left: 20%; width: 60%; }
	#send-recipe-popup { top: 25%; left: 20%; width: 60%; }
}

@media screen and ( max-height: 560px ) {
    #howtoplay-popup { top: 5%; }
}

@media screen and ( max-width: 660px ) {
	#game-column1 { width: 100%; background-size: contain; background-position: center; }
	#game-column2 { width: 100%; }
	.timer-container { width: 50%; }
	.recipe-header { width: inherit; font-size: 16px; display: none; }
	.logo-electrolux161 { display: none; }
	.button-game-composition-balloon { left: 45%; }
	.recipe-composition-item { width: 100%; }
	.recipe-cookingtable { width: 100%; }
	.button-recipe-send-div { position: relative; bottom: inherit;  }
	.button-recipe-send { width: 200px; }
	#howtoplay-popup { top: 100%; left: 0%; width: 100%; }
	.howtoplay-popup-text-header { padding: 1em 0 0 0; }
	.howtoplay-popup-text-text { font-size: 11px; margin: 0 5%; padding: 1em 0 0 0; }
	#testresult-popup { position: absolute; top: 0; left: 0; width: 100%; height: auto; }
	#result-popup { position: absolute; top: 0; left: 0; width: 100%; }
	#result-popup-improve { position: absolute; top: 0; left: 0; width: 100%; }
	#send-recipe-popup { position: absolute; top: 0; left: 0; width: 100%; }
}

@media screen and ( max-height: 740px ) {
    .button-recipe-send-div { position: relative; bottom: inherit;  }
    .howtoplay-popup-text-header { padding: 2em 0 0 0; }
	.howtoplay-popup-text-text { font-size: 11px; margin: 0 5%; padding: 1em 0 0 0; }
	.testresult-popup-text-header { padding: 1.5em 0 0 0; }
	.result-popup-text-header { padding: 1.5em 0 0 0; }
	.testresult-popup-text-text { padding: 1em 0 0 0; }
	.result-popup-text-text { padding: 1em 0 0 0; }
	.send-recipe-popup-text-text { padding: 1em 0 0 0; }
}