/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

@font-face {
    font-family: 'SegoeRegular';
    src: url('../fonts/segoerg.eot');
    src: url('../fonts/segoerg.eot') format('embedded-opentype'),
         url('../fonts/segoerg.woff') format('woff'),
         url('../fonts/segoerg.ttf') format('truetype'),
         url('../fonts/segoerg.svg#SegoeRegular') format('svg');
}

@font-face {
    font-family: 'SegoeSemiboldRegular';
    src: url('../fonts/segoesb.eot');
    src: url('../fonts/segoesb.eot') format('embedded-opentype'),
         url('../fonts/segoesb.woff') format('woff'),
         url('../fonts/segoesb.ttf') format('truetype'),
         url('../fonts/segoesb.svg#SegoeSemiboldRegular') format('svg');
}

@font-face {
    font-family: 'SegoeBlackRegular';
    src: url('../fonts/segoeblk.eot');
    src: url('../fonts/segoeblk.eot') format('embedded-opentype'),
         url('../fonts/segoeblk.woff') format('woff'),
         url('../fonts/segoeblk.ttf') format('truetype'),
         url('../fonts/segoeblk.svg#SegoeBlackRegular') format('svg');
}

@font-face {
    font-family: 'SegoeCondensedRegular';
    src: url('../fonts/segoecrg.eot');
    src: url('../fonts/segoecrg.eot') format('embedded-opentype'),
         url('../fonts/segoecrg.woff') format('woff'),
         url('../fonts/segoecrg.ttf') format('truetype'),
         url('../fonts/segoecrg.svg#SegoeCondensedRegular') format('svg');
}

@font-face {
    font-family: 'SegoeCondensed';
    src: url('../fonts/segoecbd.eot');
    src: url('../fonts/segoecbd.eot') format('embedded-opentype'),
         url('../fonts/segoecbd.woff') format('woff'),
         url('../fonts/segoecbd.ttf') format('truetype'),
         url('../fonts/segoecbd.svg#SegoeCondensed') format('svg');
}

@font-face {
    font-family: 'SegoeCondensedBold';
    src: url('../fonts/segoecbd.eot');
    src: url('../fonts/segoecbd.eot') format('embedded-opentype'),
         url('../fonts/segoecbd.woff') format('woff'),
         url('../fonts/segoecbd.ttf') format('truetype'),
         url('../fonts/segoecbd.svg#SegoeCondensedBold') format('svg');
}

@font-face {
    font-family: 'cooper_blackregular';
    src: url('../fonts/cooper_black-webfont.eot');
    src: url('../fonts/cooper_black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/cooper_black-webfont.woff') format('woff'),
         url('../fonts/cooper_black-webfont.ttf') format('truetype'),
         url('../fonts/cooper_black-webfont.svg#cooper_blackregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html,
button,
input,
select,
textarea {
    color: #222;
}

/*body {
    font-size: 1em;
    line-height: 1.4;
}*/

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

.floatleft {
	float: left;
}

/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */

body {
    /*font: 16px/26px Helvetica, Helvetica Neue, Arial;*/
    font-family:SegoeRegular;
    font-size:16px;
}

#playin {
	color: #F05223;
    font-family: SegoeBlackRegular;
    position: absolute;
    right: 0;
    text-decoration: none;
    text-transform: uppercase;
    top: -20px;
}

.playin {
    bottom: 2px;
    padding: 0 0 0 5px;
    position: relative;
}

.truthorlie_background {
	background: url(../img/truthorlie-bg-narrow.jpg) no-repeat center top fixed;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

.truthorlie_background2 {
	background: url(../img/truthorlie-bg2-narrow.jpg) no-repeat center top fixed;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

.cryptozoo_background {
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	width:100%;
	height:100%;
	background: rgb(77,255,246); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkZmZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4ZmZmYWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(77,255,246,1) 0%, rgba(143,255,170,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(77,255,246,1)), color-stop(100%,rgba(143,255,170,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(77,255,246,1) 0%,rgba(143,255,170,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(77,255,246,1) 0%,rgba(143,255,170,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(77,255,246,1) 0%,rgba(143,255,170,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(77,255,246,1) 0%,rgba(143,255,170,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dfff6', endColorstr='#8fffaa',GradientType=0 ); /* IE6-8 */
}

.home_background {
	background-color:#ededed;
}

.wrapper {
    width: 95%;
    margin: 0 2.5%;
}

/* ===============
    ALL: IE Fixes
   =============== */

.ie7 .title {
    padding-top: 20px;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

h1 {
	font-family:SegoeBlackRegular;
	font-size:4.5em;
	line-height:70px;
}

h2 {
	font-family:SegoeBlackRegular;
	font-size:3.4em;
}

h3 {
	font-family:SegoeBlackRegular;
	font-size:2.5em;
}

h4 {
	font-family:SegoeBlackRegular;
	font-size:2.2em;
}

h5 {
	font-family:SegoeBlackRegular;
	font-size:1.5em;
}

h6 {
	font-family:SegoeBlackRegular;
	font-size:1em;
}

.orange {
	color:#f05223;
}

.orange a {
	color:#f05223;
}

.brown {
	color:#8c7c53;
}

.green {
	color:#57aa79;
}

.white {
	color:#fff;
}

/* welcome page */

#home {
	position:relative;
	text-align:center;
	height: calc(100vh - 25px);
	margin-top: 25px;
}

.home_gradient {
	position:fixed;
	max-width:100%;
	height:auto;
	bottom:0;
	left:0;
	z-index:-1;
}

.home_title {
	margin:0;
	font-family:cooper_blackregular;
}

/*.home_subtitle {
	margin:0;
	line-height:25px;
}*/

#games_container {
	position:relative;
	margin:50px 0;
}

.games_background {
	width:100%;
}

#cryptozoo_play {
	position:absolute;
	background:url(../img/play.png) no-repeat 0 0;
	overflow:hidden;
	width:135px;
	height:91px;
	left:50%;
	margin-left:-92px;
	bottom:25px;
}

#cryptozoo_play:hover {
	background:url(../img/play.png) no-repeat 0 -91px;
	cursor:pointer;
}

#truthorlie_play {
	position:absolute;
	background:url(../img/play.png) no-repeat 0 0;
	overflow:hidden;
	width:135px;
	height:91px;
	right:25px;
	bottom:25px;
}

#truthorlie_play:hover {
	background:url(../img/play.png) no-repeat 0 -91px;
	cursor:pointer;
}

.partner1 {
	position:absolute;
	bottom:25px;
	right:25px;
}

.partner2 {
	position:absolute;
	bottom:25px;
	right:25px;
}

/*.guide_book {
	position:relative;
	float:left;
	bottom:50px;
	right:-25px;
}*/

#guide_container {
	display:inline-block;
	/*padding:0 115px 0 0;*/
}

#guide {
	/*float:left;
	text-align:center;*/
}

.guide_info {
	font-family:cooper_blackregular;
	margin:0;
}

.guide_info_button {
	position:absolute;
	padding:0 0 0 10px;
}

.guide_info_button:hover {
	cursor:pointer;
}

.guide {
	font-family:cooper_blackregular;
	font-size:20px;
}

#guide_input {
	background-color:#f05223;
	border:0;
	font-size:45px;
	padding:0 5px 0 5px;
	width:300px;
	height:51px;
	margin:15px 0 0 67px;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
}

#guide_input:focus {
	outline:0;
}

.guide_lock {
	position:relative;
	vertical-align:bottom;
}

.guide_lock:hover {
	cursor:pointer;
}

.guide_lock_unlocked {
	position:relative;
	vertical-align:bottom;
}

#unlock_overlay {
	position:fixed;
	background-image:url(../img/overlay_stripes.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
	height:100%;
	top:0;
	left:0;
	display:none;
	z-index:99;
}

#unlock_overlay_circle {
	position:absolute;
	width:500px;
	height:500px;
	top:50%;
	margin-top:-250px;
	left:50%;
	margin-left:-250px;
	background-color:#000;
	-moz-border-radius:250px;
	-webkit-border-radius:250px;
	border-radius:250px;
	text-align:center;
}

#unlock_overlay_container {
	position:relative;
	top:50%;
	/*margin-top:-125px;*/
}

.unlock_overlay {
	font-size:20px;
	margin-bottom:25px;
}

.unlock_overlay_info {
	font-family:SegoeSemiboldRegular;
}

.unlock_overlay_close {
	position:absolute;
	bottom:25px;
	right:25px;
}

.unlock_overlay_close:hover {
	cursor:pointer;
}

#unlock_overlay_input {
	background-color:#f05223;
	border:0;
	font-size:45px;
	padding:0 5px 0 5px;
	width:300px;
	height:51px;
	margin:5px 0 25px 67px;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
}

#unlock_overlay_input:focus {
	outline:0;
}

.unlock_overlay_lock {
	position:relative;
	vertical-align:bottom;
	bottom:25px;
}

.unlock_overlay_lock:hover {
	cursor:pointer;
}

.unlock_overlay_lock_unlocked {
	position:relative;
	vertical-align:bottom;
	bottom:25px;
}

.unlock_overlay_title {
	font-family:SegoeRegular;
	font-size:20px;
}

.unlock_overlay_subtitle {
	font-family:SegoeSemiboldRegular;
}

#orientation_overlay {
	position:fixed;
	background-image:url(../img/overlay_stripes.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
	height:100%;
	top:0;
	left:0;
	display:none;
	z-index:99;
}

#orientation_overlay_circle {
	position:absolute;
	width:500px;
	height:500px;
	top:50%;
	margin-top:-250px;
	left:50%;
	margin-left:-250px;
	background-color:#000;
	-moz-border-radius:250px;
	-webkit-border-radius:250px;
	border-radius:250px;
	text-align:center;
}

#orientation_overlay_container {
	position:relative;
	top:50%;
	/*margin-top:-125px;*/
}

.orientation_overlay {
	font-size:20px;
	margin-bottom:25px;
}

/* cryptozoo */

#cryptozoo {
	text-align:center;
}

.cryptozoo_title {
	position:absolute;
	top:25px;
	left:25px;
	z-index: 1;
}

.cryptozoo_home_title {
	position:absolute;
	top:25px;
	left:25px;
}

.cryptozoo_title:hover {
	cursor:pointer;
}

#cryptozoo_header {
	border-top:3px dashed #fc4f1e;
	border-bottom:3px dashed;
	height:94px;
	/*margin-top:35px;*/
	position:relative;
	top:35px;
}

.cryptozoo_header {
	position:relative;
	/*top:-55px;*/
	top:-20px;
}

.cryptozoo_animals {
	position:relative;
	top:-60px;
}

#cryptozoo_play2 {
	position:absolute;
	background:url(../img/play2.png) 0 0;
	overflow:hidden;
	width:226px;
	height:156px;
	top:500px;
	left:50%;
	margin-left:-79px;
}

#cryptozoo_play2:hover {
	background:url(../img/play2.png) 0 -156px;
	cursor:pointer;
}

#cryptozoo_steps {
	position:relative;
	display:block;
	margin:12px auto -38px;
	text-align:center;
	width:780px;
	z-index:98;
}

#cryptozoo_step1, #cryptozoo_step2, #cryptozoo_step3, #cryptozoo_step4, #cryptozoo_step5 {
	width:41px;
	height:56px;
	display:inline-block;
	margin-right:15px;
}

#cryptozoo_step1 {
	background: url('../img/step1.png') 0 0;
}

#cryptozoo_step1.enable {
	background: url('../img/step1.png') 0 -56px;
}

#cryptozoo_step1.disable {
	background: url('../img/step1.png') 0 -112px;
}

#cryptozoo_step2 {
	background: url('../img/step2.png') 0 0;
}

#cryptozoo_step2.enable {
	background: url('../img/step2.png') 0 -56px;
}

#cryptozoo_step2.disable {
	background: url('../img/step2.png') 0 -112px;
}

#cryptozoo_step3 {
	background: url('../img/step3.png') 0 0;
}

#cryptozoo_step3.enable {
	background: url('../img/step3.png') 0 -56px;
}

#cryptozoo_step3.disable {
	background: url('../img/step3.png') 0 -112px;
}

#cryptozoo_step4 {
	background: url('../img/step4.png') 0 0;
}

#cryptozoo_step4.enable {
	background: url('../img/step4.png') 0 -56px;
}

#cryptozoo_step4.disable {
	background: url('../img/step4.png') 0 -112px;
}

#cryptozoo_step5 {
	background: url('../img/step5.png') 0 0;
}

#cryptozoo_step5.disable {
	background: url('../img/step5.png') 0 -56px;
}

#cryptozoo_animals {
	position:relative;
	height:500px;
	margin-bottom:25px;
}

.cryptozoo_preloader {
	position:absolute;
	top:50%;
	margin-top:-50px;
	left:50%;
	margin-left:-50px;
	display:none;
}

#cryptozoo_animal1 {
	background:url(../img/animal1.png) 0 0;
	/*overflow:hidden;*/
	/*width:284px;
	height:187px;*/
	width:241px;
	height:159px;
	position:absolute;
	bottom:0;
	left:50%;
	/*margin-left:-706px;*/
	margin-left:-520px;
}

#cryptozoo_animal1:hover {
	background:url(../img/animal1.png) 0 -159px;
	cursor:pointer;
}

#cryptozoo_animal2 {
	background:url(../img/animal2.png) 0 0;
	/*overflow:hidden;*/
	/*width:355px;
	height:268px;*/
	width:314px;
	height:237px;
	position:absolute;
	bottom:0;
	left:50%;
	/*margin-left:-448px;*/
	margin-left:-350px;
}

#cryptozoo_animal2:hover {
	background:url(../img/animal2.png) 0 -237px;
	cursor:pointer;
}

#cryptozoo_animal3 {
	background:url(../img/animal3.png) 0 0;
	/*overflow:hidden;*/
	/*width:252px;
	height:428px;*/
	width:210px;
	height:357px;
	position:absolute;
	bottom:0;
	left:50%;
	/*margin-left:-123px;*/
	margin-left:-110px;
}

#cryptozoo_animal3:hover {
	background:url(../img/animal3.png) 0 -357px;
	cursor:pointer;
}

#cryptozoo_animal4 {
	background:url(../img/animal4.png) 0 0;
	/*overflow:hidden;*/
	/*width:337px;
	height:208px;*/
	width:295px;
	height:182px;
	position:absolute;
	bottom:0;
	left:50%;
	/*margin-left:123px;*/
	margin-left:59px;
}

#cryptozoo_animal4:hover {
	background:url(../img/animal4.png) 0 -182px;
	cursor:pointer;
}

#cryptozoo_animal5 {
	background:url(../img/animal5.png) 0 0;
	/*overflow:hidden;*/
	/*width:237px;
	height:132px;*/
	width:196px;
	height:109px;
	position:absolute;
	bottom:0;
	left:50%;
	/*margin-left:435px;*/
	margin-left:311px;
}

#cryptozoo_animal5:hover {
	background:url(../img/animal5.png) 0 -109px;
	cursor:pointer;
}

.cryptozoo_choose {
	font-family:SegoeRegular;
	font-size:20px;
}

#cryptozoo_lui {
	position:absolute;
	background:url(../img/lui.png) 0 0;
	overflow:hidden;
	width:180px;
	height:123px;
	left:50%;
	margin-left:-62px;
	bottom:0;
	z-index:99;
}

#cryptozoo_lui:hover {
	background:url(../img/lui.png) 0 -123px;
	cursor:pointer;
}

#cryptozoo_animal {
	position:relative;
	display:inline-block;
}

.cryptozoo_back {
	position:absolute;
	bottom:50px;
	left:25px;
}

.cryptozoo_back:hover {
	cursor:pointer;
}

#cryptozoo_options {

}

#cryptozoo_environment_options {
	/*position:relative;
	top:-55px;*/
}

#cryptozoo_head {
	background:url(../img/head.png) 0 -83px;
	overflow:hidden;
	width:57px;
	height:83px;
	display:inline-block;
	margin:0 20px 0 0;
}

#cryptozoo_head:hover {
	/*background:url(../img/head.png) 0 -140px;*/
	cursor:pointer;
}

#cryptozoo_head_off {
	background:url(../img/head.png) 0 0;
	overflow:hidden;
	width:57px;
	height:83px;
	display:inline-block;
	margin:0 20px 0 0;
}

#cryptozoo_head_off:hover {
	cursor:pointer;
}

#cryptozoo_body {
	background:url(../img/body.png) 0 -83px;
	overflow:hidden;
	width:57px;
	height:83px;
	display:inline-block;
	margin:0 20px 0 20px;
}

#cryptozoo_body:hover {
	/*background:url(../img/body.png) 0 -140px;*/
	cursor:pointer;
}

#cryptozoo_body_off {
	background:url(../img/body.png) 0 0;
	overflow:hidden;
	width:57px;
	height:83px;
	display:inline-block;
	margin:0 20px 0 20px;
}

#cryptozoo_body_off:hover {
	cursor:pointer;
}

#cryptozoo_legs {
	background:url(../img/legs.png) 0 -83px;
	overflow:hidden;
	width:57px;
	height:83px;
	display:inline-block;
	margin:0 0 0 20px;
}

#cryptozoo_legs:hover {
	/*background:url(../img/legs.png) 0 -140px;*/
	cursor:pointer;
}

#cryptozoo_legs_off {
	background:url(../img/legs.png) 0 0;
	overflow:hidden;
	width:57px;
	height:83px;
	display:inline-block;
	margin:0 0 0 20px;
}

#cryptozoo_legs_off:hover {
	cursor:pointer;
}

.cryptozoo_options {
	position:relative;
	font-family:SegoeRegular;
	font-size:20px;
	top:25px;
}

#cryptozoo_validate {
	position:absolute;
	background:url(../img/valider.png) 0 0;
	overflow:hidden;
	width:179px;
	height:122px;
	bottom:25px;
	right:25px;
}

#cryptozoo_validate:hover {
	background:url(../img/valider.png) 0 -122px;
	cursor:pointer;
}

.cryptozoo_left {
	position:absolute;
	top:50%;
	margin-top:-40px;
	left:0;
	width: 43px;
	height: 81px;
	background: url(../img/arrow_left.png) 0 0;
}

.cryptozoo_left:hover {
	cursor:pointer;
}

.cryptozoo_right {
	position:absolute;
	top:50%;
	margin-top:-40px;
	right:0;
	width: 43px;
	height: 81px;
	background: url(../img/arrow_right.png) 0 0;
}

.cryptozoo_right:hover {
	cursor:pointer;
}

.cryptozoo_loader {
	position:absolute;
	top:50%;
	margin-top:-50px;
	left:50%;
	margin-left:-50px;
	display:none;
}

#cryptozoo_attribute1_locked {
	background:url(../img/horn_rhino.png) 0 0;
	overflow:hidden;
	width:57px;
	height:83px;
	display:inline-block;
	margin:0 20px 0 0;
}

#cryptozoo_attribute1_locked:hover {
	cursor:pointer;
}

#cryptozoo_attribute1_off {
	position:relative;
	background:url(../img/horn_rhino.png) 0 -83px;
	overflow:hidden;
	width:57px;
	height:83px;
	display:inline-block;
	margin:0 20px 0 0;
	/*top:-24px;*/
}

#cryptozoo_attribute1_off:hover {
	cursor:pointer;
}

#cryptozoo_attribute1 {
	position:relative;
	background:url(../img/horn_rhino.png) 0 -166px;
	overflow:hidden;
	width:57px;
	height:83px;
	display:inline-block;
	margin:0 20px 0 0;
	/*top:-24px;*/
}

#cryptozoo_attribute1:hover {
	cursor:pointer;
}

#cryptozoo_attribute2_locked {
	background:url(../img/fangs.png) 0 0;
	overflow:hidden;
	width:57px;
	height:83px;
	display:inline-block;
	margin:0 20px 0 20px;
}

#cryptozoo_attribute2_locked:hover {
	cursor:pointer;
}

#cryptozoo_attribute2_off {
	position:relative;
	background:url(../img/fangs.png) 0 -83px;
	overflow:hidden;
	width:57px;
	height:83px;
	display:inline-block;
	margin:0 20px 0 20px;
	/*top:-24px;*/
}

#cryptozoo_attribute2_off:hover {
	cursor:pointer;
}

#cryptozoo_attribute2 {
	position:relative;
	background:url(../img/fangs.png) 0 -166px;
	overflow:hidden;
	width:57px;
	height:83px;
	display:inline-block;
	margin:0 20px 0 20px;
	/*top:-24px;*/
}

#cryptozoo_attribute2:hover {
	cursor:pointer;
}

#cryptozoo_attribute3_off {
	position:relative;
	background:url(../img/horn_goat.png) 0 0;
	overflow:hidden;
	width:57px;
	height:83px;
	display:inline-block;
	margin:0 20px 0 20px;
	/*top:-24px;*/
}

#cryptozoo_attribute3_off:hover {
	cursor:pointer;
}

#cryptozoo_attribute3 {
	position:relative;
	background:url(../img/horn_goat.png) 0 -83px;
	overflow:hidden;
	width:57px;
	height:83px;
	display:inline-block;
	margin:0 20px 0 20px;
	/*top:-24px;*/
}

#cryptozoo_attribute3:hover {
	cursor:pointer;
}

#cryptozoo_attribute_skip {
	position:relative;
	background:url(../img/skip.png) 0 0;
	overflow:hidden;
	width:83px;
	height:83px;
	display:inline-block;
	margin:0 0 0 20px;
	/*top:-24px;*/
}

#cryptozoo_attribute_skip:hover {
	background:url(../img/skip.png) 0 -83px;
	cursor:pointer;
}

#cryptozoo_environment1 {
	background:url(../img/river.png) 0 -83px;
	overflow:hidden;
	width:57px;
	height:83px;
	display:inline-block;
	margin:0 20px 0 0;
}

#cryptozoo_environment1:hover {
	/*background:url(../img/head.png) 0 -140px;
	cursor:pointer;*/
}

#cryptozoo_environment1_off {
	background:url(../img/river.png) 0 0;
	overflow:hidden;
	width:57px;
	height:83px;
	display:inline-block;
	margin:0 20px 0 0;
}

#cryptozoo_environment1_off:hover {
	cursor:pointer;
}

#cryptozoo_environment2 {
	background:url(../img/savannah.png) 0 -83px;
	overflow:hidden;
	width:57px;
	height:83px;
	display:inline-block;
	margin:0 20px 0 20px;
}

#cryptozoo_environment2:hover {
	/*background:url(../img/head.png) 0 -140px;
	cursor:pointer;*/
}

#cryptozoo_environment2_off {
	background:url(../img/savannah.png) 0 0;
	overflow:hidden;
	width:57px;
	height:83px;
	display:inline-block;
	margin:0 20px 0 20px;
}

#cryptozoo_environment2_off:hover {
	cursor:pointer;
}

#cryptozoo_environment3 {
	background:url(../img/roadway.png) 0 -83px;
	overflow:hidden;
	width:57px;
	height:83px;
	display:inline-block;
	margin:0 20px 0 20px;
}

#cryptozoo_environment3:hover {
	/*background:url(../img/head.png) 0 -140px;
	cursor:pointer;*/
}

#cryptozoo_environment3_off {
	background:url(../img/roadway.png) 0 0;
	overflow:hidden;
	width:57px;
	height:83px;
	display:inline-block;
	margin:0 20px 0 20px;
}

#cryptozoo_environment3_off:hover {
	cursor:pointer;
}

#cryptozoo_environment4 {
	background:url(../img/town.png) 0 -83px;
	overflow:hidden;
	width:57px;
	height:83px;
	display:inline-block;
	margin:0 20px 0 20px;
}

#cryptozoo_environment4:hover {
	/*background:url(../img/head.png) 0 -140px;
	cursor:pointer;*/
}

#cryptozoo_environment4_off {
	background:url(../img/town.png) 0 0;
	overflow:hidden;
	width:57px;
	height:83px;
	display:inline-block;
	margin:0 20px 0 20px;
}

#cryptozoo_environment4_off:hover {
	cursor:pointer;
}

#cryptozoo_environment5 {
	background:url(../img/lake.png) 0 -83px;
	overflow:hidden;
	width:57px;
	height:83px;
	display:inline-block;
	margin:0 0 0 20px;
}

#cryptozoo_environment5:hover {
	/*background:url(../img/head.png) 0 -140px;
	cursor:pointer;*/
}

#cryptozoo_environment5_off {
	background:url(../img/lake.png) 0 0;
	overflow:hidden;
	width:57px;
	height:83px;
	display:inline-block;
	margin:0 0 0 20px;
}

#cryptozoo_environment5_off:hover {
	cursor:pointer;
}

/* cryptozoo form */

#form {
	display:block;
	width:305px;
	height:400px;
	padding:60px 0 0 25px;
	text-align:left;
	background:#f5f8e5;
}

#form label {
	font-family:SegoeCondensedBold;
	font-size:19px;
}

#form p {
	font-size:14px;
}

#form input[type=text] {
	font-family:'SegoeRegular';
	background:#000;
	color:#ff4e00;
	border:none;
	width:260px;
	height:30px;
	text-transform:uppercase;
	padding:0 10px;
	font-size:17px;
}

#form input[type=text]:focus {
	outline:0;
}

#form input[type=checkbox] {
	margin-right:10px;
}

.sbOptions li:first-child {
	display:none;
}

.cryptozoo_tooltip {
	position:absolute;
	background-color:#000;
	padding:10px;
	font-family:SegoeRegular;
	font-size:12px;
	color:#fff;
	width:200px;
}

.cryptozoo_tooltip:after {
	position:absolute;
	display:inline-block;
	border-top:13px solid transparent;
	border-left:13px solid #000;
	border-bottom:13px solid transparent;
	left:220px;
	top:0;
	content:'';
}

/* truth or lie */

#truthorlie {
	text-align:center;
}

.photos {
	position:absolute;
	/*top:115px;
	left:50%;
	margin-left:-368px;*/
	top: 65%;
	left: 55%;
	margin: -25%;
	width: 45%;
}

.truthorlie_title {
	margin-bottom:0;
}

.truthorlie_subtitle {
	margin:0;
}

#truthorlie_start {
	position:fixed;
	background:url(../img/play3.png) no-repeat 0 0;
	overflow:hidden;
	width:226px;
	height:157px;
	bottom:150px;
	display:inline-block;
	left:50%;
	margin-left:-64px;
}

#truthorlie_start:hover {
	background:url(../img/play3.png) no-repeat 0 -157px;
	cursor:pointer;
}

.start {
	position:relative;
	text-align:center;
	margin:0;
	top:62px;
}

#return_container {
	position:absolute;
	bottom:25px;
	left:25px;
}

#return_home {
	background:url(../img/return.png) no-repeat 0 0;
	overflow:hidden;
	width:57px;
	height:41px;
	float:left;
}

#return_home:hover {
	background:url(../img/return.png) no-repeat 0 -41px;
	cursor:pointer;
}

.return_home {
	margin:0;
	float:left;
	margin:9px 0 0 5px;
}

.title_topleft {
	position:absolute;
	top:0;
	left:0;
	margin:25px 0 0 25px;
}

.title_topleft:hover {
	cursor:pointer;
}

#difficulty1 {
	position:absolute;
	background:url(../img/difficulty1.png) no-repeat 0 0;
	overflow:hidden;
	width:250px;
	height:230px;
	left:47%;
	margin-left:-315px;
	top:220px;
}

#difficulty1:hover {
	background:url(../img/difficulty1.png) no-repeat 0 -230px;
	cursor:pointer;
}

#difficulty2 {
	position:absolute;
	background:url(../img/difficulty2.png) no-repeat 0 0;
	overflow:hidden;
	width:250px;
	height:230px;
	left:47%;
	margin-left:-65px;
	top:220px;
}

#difficulty2:hover {
	background:url(../img/difficulty2.png) no-repeat 0 -230px;
	cursor:pointer;
}

#difficulty3 {
	position:absolute;
	background:url(../img/difficulty3.png) no-repeat 0 0;
	overflow:hidden;
	width:250px;
	height:230px;
	left:47%;
	margin-left:185px;
	top:220px;
}

#difficulty3:hover {
	background:url(../img/difficulty3.png) no-repeat 0 -230px;
	cursor:pointer;
}

.difficulty1 {
	position:relative;
	text-align:center;
	margin:0;
	top:62px;
}

.difficulty2 {
	position:relative;
	text-align:center;
	margin:0;
	top:62px;
}

.difficulty3 {
	position:relative;
	text-align:center;
	margin:0;
	top:62px;
}

#difficulty_container {
	width:780px;
	margin:400px auto;
}

.difficulty_lightbulb {
	position:relative;
	float:left;
	top:100px;
}

#difficulty {
	position:relative;
	/*float:left;*/
	top:200px;
}

.difficulty {
	font-family:SegoeRegular;
	font-size:20px;
}

.difficulty_info_button {
	padding:0 0 0 10px;
}

.difficulty_info_button:hover {
	cursor:pointer;
}

.difficulty_info {
	font-family:SegoeSemiboldRegular;
	width: 355px;
}

#difficulty_input {
	background-color:#f05223;
	border:0;
	font-size:45px;
	padding:0 5px 0 5px;
	width:300px;
	height:51px;
	margin:15px 0 0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
}

#difficulty_input:focus {
	outline:0;
}

.difficulty_lock {
	position:relative;
	vertical-align:bottom;
}

.difficulty_lock:hover {
	cursor:pointer;
}

.difficulty_lock_unlocked {
	position:relative;
	vertical-align:bottom;
}

#video_container {
	position:relative;
	width:640px;
	text-align:center;
	left:50%;
	margin-left:-395px;
	top:100px;
	padding:0 75px 0 75px;
	z-index:99;
}

#video_overlay,#video_overlay2 {
	position:absolute;
	background:url(../img/overlay_stripes.png) no-repeat;
	background-size:cover;
	width:100%;
	height:390px;
	display:none;
	z-index:99;
}

.video_overlay_close {
	position:absolute;
	bottom:10px;
	right:10px;
}

.video_overlay_close:hover {
	cursor:pointer;
}

.hint_overlay_close {
	position:absolute;
	bottom:10px;
	right:10px;
}

.hint_overlay_close:hover {
	cursor:pointer;
}

#unlock_container {
	text-align:center;
}

#unlock {
	position:absolute;
	width:800px;
	left:50%;
	margin-left:-400px;
	top:50px;
}

.unlock {
	font-family:SegoeSemiboldRegular;
	font-size:20px;
}

.unlock_info {
	font-family:SegoeSemiboldRegular;
}

#unlock_input {
	background-color:#f05223;
	border:0;
	font-size:45px;
	padding:0 5px 0 5px;
	width:300px;
	height:51px;
	margin:5px 0 0 67px;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
}

#unlock_input:focus {
	outline:0;
}

.unlock_lock {
	position:relative;
	vertical-align:bottom;
}

.unlock_lock:hover {
	cursor:pointer;
}

.unlock_lock_unlocked {
	position:relative;
	vertical-align:bottom;
}

#hint_container {
	position:absolute;
	right:0;
	text-align:center;
}

#hint {
	position:relative;
	padding:25px;
}

.hint {
	font-family:SegoeSemiboldRegular;
	font-size:20px;
}

.hint_info {
	font-family:SegoeSemiboldRegular;
}

#video, #imgbox {
	position:relative;
	top:-10px;
	left:-10px;
	margin:40px 0 0 10px;
	z-index: 1;
}

.question_order {
	position:absolute;
	font-family:SegoeCondensedBold;
	font-size:35px;
	top:35px;
	left:5px;
	margin:0;
}

.question {
	font-family:SegoeRegular;
	font-size:20px;
	text-transform:uppercase;
}

.question_lightbulb {
	position:absolute;
	top: -5px;
	right:5px;
}

.question_lightbulb:hover {
	cursor:pointer;
}

/*.question_detail {

}*/

#imgbox {
	background: #000;
	width: 640px;
	height: 390px;
	overflow: hidden;
}

#imgbox img{
	height: 100%;
}

.clear{
  clear:both;
  height: 100px;
  position: relative;
  top: 175px;
}

#truth {
	position:relative;
	background:url(../img/truth.png) no-repeat 0 0;
	width:333px;
	height:315px;
	left:50%;
	margin-left:-68px;
	top:110px;
	float:left;
}

#truth:hover {
	background:url(../img/truth.png) no-repeat 0 -315px;
	cursor:pointer;
}

#lie {
	position:relative;
	background:url(../img/lie.png) no-repeat 0 0;
	width:333px;
	height:315px;
	left:50%;
	margin-left:-595px;
	top:110px;
	float:left;
}

#lie:hover {
	background:url(../img/lie.png) no-repeat 0 -315px;
	cursor:pointer;
}

.truth {
	position:relative;
	text-align:center;
	margin:0;
	top:62px;
}

.lie {
	position:relative;
	text-align:center;
	margin:0;
	top:62px;
}

#results_container {
	position:absolute;
	width:800px;
	left:50%;
	margin-left:-400px;
	top:100px;
}

#review_container {
	position:absolute;
	width:800px;
	left:50%;
	margin-left:-400px;
}

.results {
	position:relative;
	font-family:SegoeCondensedBold;
	font-size:35px;
	top:20px;
}

.score {
	padding-bottom:25px;
}

#answers_container {
	display:inline-block;
}

#answers {
	background:url(../img/answers.png) 0 0;
	width:105px;
	height:73px;
	float:left;
}

#answers:hover {
	background:url(../img/answers.png) 0 -73px;
	cursor:pointer;
}

.answers {
	font-family:SegoeCondensedBold;
	font-size:35px;
	float:left;
	margin:10px 0 0 5px;
}

#results_comments {
	position:relative;
	width:570px;
	display:inline-block;
	padding:0 0 25px 0;
}

.results_comments {
	font-family:SegoeSemiboldRegular;
}

.results_bracket_left {
	position:absolute;
	top:1em;
	left:-15px;
}

.results_bracket_right {
	position:absolute;
	top:1em;
	right:-15px;
}

.facebook_link {
	position:relative;
	left:50%;
	margin:100px 0 0 -110px;
	float:left;
}

.twitter_link {
	position:relative;
	left:50%;
	margin:100px 0 0 10px;
	float:left;
}

#facebook {
	background:url(../img/facebook.png) 0 0;
	width:105px;
	height:73px;
}

#facebook:hover {
	background:url(../img/facebook.png) 0 -73px;
}

#twitter {
	background:url(../img/twitter.png) 0 0;
	width:105px;
	height:73px;
}

#twitter:hover {
	background:url(../img/twitter.png) 0 -73px;
}

.share {
	font-family:SegoeCondensedBold;
	font-size:35px;
}

.share2 {
	font-family:SegoeSemiboldRegular;
	font-size:20px;
}

#replay {
	position:absolute;
	background:url(../img/replay.png) no-repeat 0 0;
	overflow:hidden;
	width:185px;
	height:127px;
	left:25px;
	bottom:25px;
}

#replay:hover {
	background:url(../img/replay.png) no-repeat 0 -127px;
	cursor:pointer;
}

.replay {
	position:relative;
	text-align:center;
	margin:0;
	top:62px;
}

.review_title {
	font-family:SegoeCondensedBold;
	font-size:35px;
}

.question_title {
	font-family:SegoeCondensedBold;
	font-size:35px;
}

.review_order {
	position:absolute;
	font-family:SegoeCondensedBold;
	font-size:35px;
	top:40px;
	left:5px;
	margin:0;
}

.review_close {
	position:absolute;
	top:47px;
	right:25px;
}

.review_close:hover {
	cursor:pointer;
}

.question_validation {
	font-family:SegoeSemiboldRegular;
	font-size:20px;
}

.question_validation_info {
	font-family:SegoeSemiboldRegular;
	font-size:16px;
}

.video_background_green {
	background:#000 url(../img/video_stripes_green.png) !important;
	background-repeat:no-repeat;
	padding:10px;
}

.video_background_orange {
	background:#000 url(../img/video_stripes_orange.png) !important;
	background-repeat:no-repeat;
	padding:10px;
}

.review_credit {
	left:75px;
	font-style:italic;
	font-size:12px;
	text-align:left;
	width:400px;
	color:#4d4d4d;
	float: left;
}

.review_credit a {
	color:#000;
	text-decoration:none;
}

.review_credit a:hover {
	text-decoration:underline;
}

#review_result {
	float:right;
}

.review_check {
	/*float:right;*/
	padding:0 10px 25px 0;
}

.review_ex {
	/*float:right;*/
	padding:0 10px 25px 0;
}

.review_result_green {
	font-family:SegoeCondensedBold;
	font-size:35px;
	/*float:right;*/
}

.review_result_orange {
	font-family:SegoeCondensedBold;
	font-size:35px;
	/*float:right;*/
}

#question_validation_more {
	bottom:25px;
	right:25px;
	position: absolute;
}

.question_validation_more {
	/*margin-bottom:0;
	margin-top:25px;*/
	float:right;
	margin:4px 5px 0 0;
}

.question_validation_more_link, .question_validation_more_link_plus {
	width:42px;
	height:29px;
	float: right;
}

#question_validation_more_button, #question_validation_more_button_plus {
	background:url(../img/plus.png) no-repeat 0 0;
	overflow:hidden;
	width:42px;
	height:29px;
	/*display:inline-block;*/
}

#question_validation_more_button:hover, #question_validation_more_button_plus:hover {
	background:url(../img/plus.png) no-repeat 0 -29px;
	cursor:pointer;
}

.arrow {
	position:absolute;
}

.arrow_left {
	left:0;
	opacity:1;
}

.arrow_left:hover {
	cursor:pointer;
}

.arrow_left_off {
	left:0;
	opacity:0.25;
}

.arrow_left_off:hover {
	cursor:default;
}

.arrow_right {
	right:0;
	opacity:1;
}

.arrow_right:hover {
	cursor:pointer;
}

.arrow_right_off {
	position:absolute;
	right:0;
	opacity:0.25;
}

.arrow_right_off:hover {
	cursor:default;
}

#orientation_overlay {
	display: none !important;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
	#cryptozoo {
		height:100%;
	}

	#playin {
		font-size: 12px;
		top: 5px;
	}

	.sbOptions {
		width:280px;
		max-height:600px!important;
	}

	.cryptozoo_option_p {
		top:382px!important;
	}

	.cryptozoo_option_e {
		top:417px!important;
	}

	.cryptozoo_option_f {
		top:452px!important;
	}

	.cryptozoo_option_s {
		top:487px!important;
	}

	.cryptozoo_option_m {
		top:522px!important;
	}

	.cryptozoo_option_o {
		top:426px!important;
	}

	.cryptozoo_option_c {
		top:461px!important;
	}

	.cryptozoo_option_h {
		top:496px!important;
	}

	.cryptozoo_option_i {
		top:531px!important;
	}

	.cryptozoo_option_v {
		top:566px!important;
	}
}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
	.home_title {
		font-size:40px!important;
	}

	.question_validation_more, .question_validation_more_plus {
		font-size: 12px;
		font-family: SegoeRegular;
	}

	#games_container {
		margin:50px 0 50px 0;
	}

	#imgbox{
		width:560px;
		height:315px;
		margin-left: 30px;
	}

	.partner1 {
		/*display:none;*/
		bottom:90px;
	}

	.partner2 {
		/*display:none;*/
		bottom:90px;
	}

	#cryptozoo {
		width:1024px;
		height:768px;
	}

	#return_container {
		bottom:90px;
	}

	.cryptozoo_back {
		bottom:90px;
	}

	#cryptozoo_lui {
		margin-left:-77px;
	}

	#cryptozoo_options {
		position:relative;
		top:-25px;
	}

	#cryptozoo_validate {
		bottom:90px;
	}

	#truthorlie {
		position:relative;
		overflow:hidden;
		width:1024px;
		height:768px;
		margin: 0 auto;
	}

	#difficulty_container {
		margin-top: 300px;
	}

	.truthorlie_background {
		background: url(../img/truthorlie-bg-ipad.jpg) no-repeat center top fixed;
		-webkit-background-size: 100%;
  		-moz-background-size: 100%;
  		-o-background-size: 100%;
  		background-size: 100%;
  		width:100%;
	}

	.truthorlie_background2 {
		background: url(../img/truthorlie-bg2-ipad.jpg) no-repeat center top fixed;
		-webkit-background-size: 100%;
  		-moz-background-size: 100%;
  		-o-background-size: 100%;
  		background-size: 100%;
  		width:1024px;
	}

	#difficulty1, #difficulty2, #difficulty3 {
		top:200px;
	}

	#video_overlay {
		width:1024px;
	}

	#truth {
		top:30px;
	}

	#lie {
		top:30px;
	}

	#results_container {
		top:50px;
	}

	.score {
		padding:0;
	}

	#replay {
		bottom:90px;
	}

	#answers_container {
		position:relative;
		top:-20px;
	}

	.facebook_link {
		position:relative;
		left:50%;
		margin:0 0 0 -110px;
		float:left;
	}

	.twitter_link {
		position:relative;
		left:50%;
		margin:0 0 0 10px;
		float:left;
	}

	#review_container {
		top:-25px;
	}

	.question_validation_info {
		width:560px;
		margin-left:40px;
	}

	.video_background_green {
		background-size:580px 335px;
	}

	.video_background_orange {
		background-size:580px 335px;
	}

	.review_credit {
		margin-left: 20px;
	}

	#video {
		width:560px;
		height:315px;
		margin:15px 0 0 10px;
	}

	#image {
		height:100%;
	}

	.arrow {
		top:230px!important;
	}

	.review_credit {
		left:115px;
	}

	#review_result {
		margin-right:38px;
	}

	#question_validation_more {
		bottom:90px;
	}

}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* Styles */
   	#cryptozoo {
    	width:1100px;
    }

    .cryptozoo_tooltip {
    	left:407px!important;
    }

		#orientation_overlay {
			display: block !important;
		}
}

/* ===============
    Maximal Width
   =============== */

    .wrapper {
        width: 1026px; /* 1140px - 10% for margins */
        margin: 0 auto;
    }
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}


/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}
/* iPhone 2G-4S version*/
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) { /* STYLES GO HERE */
	/*.partner1, .partner2 {
		top: 600px;
	}

	.partner1 {
		left: 800px;
	}

	.partner2 {
		left: 910px;
	}

	#playin {
		left: 840px;
		width: 200px
	}*/

	#cryptozoo, #home, #truthorlie {
		width: 100%;
		height: 768px;
	}

	.ending.truthorlie_background2 #truthorlie {
		height: 1000px;
	}

	.cryptozoo_animals {
		width: 50%;
	}

	#cryptozoo_play2 {
		top: auto;
		bottom: 50px;
	}

	#truthorlie {
		left: 0;
		margin-left: 0;
		position: absolute;
	}

	.photos {
		left: 150px;
		margin-left: 0;
	}

	.truthorlie_background, .truthorlie_background2 {
		width: 1600px;
	}

	.difficulty_lightbulb {
		top: -100px;
	}

	#difficulty {
		top: 0;
	}

	#difficulty1, #difficulty2, #difficulty3 {
		top: 120px;
	}

	#video_overlay, #video_overlay2 {
		width: 1074px;
	}

	.share2 {
		height: 100px;
		display: block
	}

	.facebook_link, .twitter_link {
		margin-top: 50px;
	}

	.sbOptions {
		width:280px;
		max-height:600px!important;
	}

	.cryptozoo_option_p, .cryptozoo_option_e, .cryptozoo_option_f, .cryptozoo_option_s, .cryptozoo_option_m, .cryptozoo_option_o, .cryptozoo_option_c, .cryptozoo_option_h, .cryptozoo_option_i, .cryptozoo_option_v {
			left: 360px !important;
	}

	.cryptozoo_option_p {
		top:382px!important;
	}

	.cryptozoo_option_e {
		top:417px!important;
	}

	.cryptozoo_option_f {
		top:452px!important;
	}

	.cryptozoo_option_s {
		top:487px!important;
	}

	.cryptozoo_option_m {
		top:522px!important;
	}

	.cryptozoo_option_o {
		top:426px!important;
	}

	.cryptozoo_option_c {
		top:461px!important;
	}

	.cryptozoo_option_h {
		top:496px!important;
	}

	.cryptozoo_option_i {
		top:531px!important;
	}

	.cryptozoo_option_v {
		top:566px!important;
	}

}
/* iPhone 5 version*/
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) { /* STYLES GO HERE */

	/*.partner1, .partner2 {
		top: 600px;
	}

	.partner1 {
		left: 800px;
	}

	.partner2 {
		left: 910px;
	}

	#playin {
		left: 840px;
		width: 200px
	}*/

	#cryptozoo, #home, #truthorlie {
		width: 100%;
		height: 768px;
	}

	.ending.truthorlie_background2 #truthorlie {
		height: 1000px;
	}

	.cryptozoo_animals {
		width: 50%;
	}

	#cryptozoo_play2 {
		top: auto;
		bottom: 50px;
	}

	#truthorlie {
		left: 0;
		margin-left: 0;
		position: absolute;
	}

	.photos {
		left: 150px;
		margin-left: 0;
	}

	.truthorlie_background, .truthorlie_background2 {
		width: 1600px;
	}

	.difficulty_lightbulb {
		top: -100px;
	}

	#difficulty {
		top: 0;
	}

	#difficulty1, #difficulty2, #difficulty3 {
		top: 120px;
	}

	#video_overlay, #video_overlay2 {
		width: 1074px;
	}

	.share2 {
		height: 100px;
		display: block
	}

	.facebook_link, .twitter_link {
		margin-top: 50px;
	}

	.sbOptions {
		width:280px;
		max-height:600px!important;
	}

	.cryptozoo_option_p, .cryptozoo_option_e, .cryptozoo_option_f, .cryptozoo_option_s, .cryptozoo_option_m, .cryptozoo_option_o, .cryptozoo_option_c, .cryptozoo_option_h, .cryptozoo_option_i, .cryptozoo_option_v {
			left: 360px !important;
	}

	.cryptozoo_option_p {
		top:382px!important;
	}

	.cryptozoo_option_e {
		top:417px!important;
	}

	.cryptozoo_option_f {
		top:452px!important;
	}

	.cryptozoo_option_s {
		top:487px!important;
	}

	.cryptozoo_option_m {
		top:522px!important;
	}

	.cryptozoo_option_o {
		top:426px!important;
	}

	.cryptozoo_option_c {
		top:461px!important;
	}

	.cryptozoo_option_h {
		top:496px!important;
	}

	.cryptozoo_option_i {
		top:531px!important;
	}

	.cryptozoo_option_v {
		top:566px!important;
	}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
	/*.partner1, .partner2 {
		top: 600px;
	}

	.partner1 {
		left: 800px;
	}

	.partner2 {
		left: 910px;
	}

	#playin {
		left: 840px;
		width: 200px
	}*/

	#cryptozoo, #home, #truthorlie {
		width: 100%;
		height: 768px;
	}

	.ending.truthorlie_background2 #truthorlie {
		height: 1000px;
	}

	.cryptozoo_animals {
		width: 50%;
	}

	#cryptozoo_play2 {
		top: auto;
		bottom: 50px;
	}

	#truthorlie {
		left: 0;
		margin-left: 0;
		position: absolute;
	}

	.photos {
		left: 50%;
		margin-left: -25%;
		width: 40%;
		top: 70%;
	}

	#truthorlie_start {
		bottom: 50px;
		position: absolute;
	}

	.truthorlie_background, .truthorlie_background2 {
		width: 1600px;
	}

	.difficulty_lightbulb {
		top: -100px;
	}

	#difficulty {
		top: 0;
	}

	#difficulty1, #difficulty2, #difficulty3 {
		top: 120px;
	}

	#video_overlay, #video_overlay2 {
		width: 1074px;
	}

	.share2 {
		height: 100px;
		display: block
	}

	.facebook_link, .twitter_link {
		margin-top: 50px;
	}

	.sbOptions {
		width:280px;
		max-height:600px!important;
	}

	.cryptozoo_option_p, .cryptozoo_option_e, .cryptozoo_option_f, .cryptozoo_option_s, .cryptozoo_option_m, .cryptozoo_option_o, .cryptozoo_option_c, .cryptozoo_option_h, .cryptozoo_option_i, .cryptozoo_option_v {
			left: 360px !important;
	}

	.cryptozoo_option_p {
		top:382px!important;
	}

	.cryptozoo_option_e {
		top:417px!important;
	}

	.cryptozoo_option_f {
		top:452px!important;
	}

	.cryptozoo_option_s {
		top:487px!important;
	}

	.cryptozoo_option_m {
		top:522px!important;
	}

	.cryptozoo_option_o {
		top:426px!important;
	}

	.cryptozoo_option_c {
		top:461px!important;
	}

	.cryptozoo_option_h {
		top:496px!important;
	}

	.cryptozoo_option_i {
		top:531px!important;
	}

	.cryptozoo_option_v {
		top:566px!important;
	}

}
/* iPhone 2G-4S version*/
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px)
and (orientation : portrait) {
	.home_background, .truthorlie_background, .truthorlie_background2 {
		width: 100%;
		height: 768px;
	}

	.cryptozoo_animals {
		width: 50%;
	}

	#cryptozoo_play2 {
		top: auto;
		bottom: 50px;
	}
}
/* iPhone 5 version*/
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) {
	.home_background, .truthorlie_background, .truthorlie_background2 {
		width: 100%;
		height: 768px;
	}

	.cryptozoo_animals {
		width: 50%;
	}

	#cryptozoo_play2 {
		top: auto;
		bottom: 50px;
	}
}
/* Smartphones (portrait) ----------- */
@media only screen
and (orientation : portrait) {
	.home_background, .truthorlie_background, .truthorlie_background2 {
		width: 100%;
		height: 768px;
	}

	#orientation_overlay {
		display: block !important;
	}
}