.font0 { font-family: Arial, Helvetica, Verdana, sans-serif;}  

@font-face {
  font-family: "Cormorant Garamond", serif;
  src: local("Cormorant Garamond"), url( /fonts/CormorantGaramond.ttf) format("truetype");
}
@font-face {
  font-family: "Merriweather", serif;
  src: local("Merriweather"), url( /fonts/Merriweather_24pt-Regular.ttf) format("truetype");
}
@font-face {
  font-family: "Montserrat", sans-serif;
  src: local("Montserrat"), url( /fonts/Montserrat-Regular.ttf) format("truetype");
}

.font1 { font-family: "Cormorant Garamond"}  
.font2 { font-family: "Merriweather"}  
.font3 { font-family: "Montserrat"}  


html {
  height: 100%;
  width: 100%;
  overflow: auto;
  position: fixed;
  left:0;
  top:0;
  right:0;
}

body {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	-webkit-touch-callout: none !important; 
	-moz-touch-callout: none !important; 
	-ms-touch-callout: none !important; 
	touch-callout: none !important; 

	-webkit-user-drag: none !important; 
	-moz-user-drag: none !important; 
	-ms-user-drag: none !important; 
	user-drag: none !important; 

	background-color:black;
	background-repeat:repeat;
	background-position:center;
	padding:0px;
	margin:0px;
	/*font-size-adjust:0.55;*/
	height: 100%;
	width: 100%;
	overflow: auto;
	position: fixed;
	left:0;
	top:0;
	right:0;
	text-align:center

	font-family: "Merriweather", sans-serif;
}

a:link {
	color: white;
	text-decoration: none;
}
a:visited {
	color: white;
	text-decoration: none;
}
a:hover {
	color: red;
	text-decoration: none;
}
a:active {
	color: white;
	text-decoration: none;
}
a.link:link {
	color: white;
	text-decoration: none;
}
a.link:visited {
	color: yellow;
	text-decoration: none;
}
a.link:hover {
	color: red;
	text-decoration: none;
}
a.link:active {
	color: yellow;
	text-decoration: none;
}

li.note {
	margin:16px;
	font-size:20px;
	line-height:18px;
	text-align:left;
}

.panel1 {
	min-width:100%;
}

#map {
  position: relative;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  min-height: 100%;
}

.el-hide {
	height:1px;
	overflow:hidden;
	display:none;
}

.fillwh {
	width:100%;
	height:100%;
}

.fill {
	margin: 0px auto;
	padding: 0px auto;
	border: none;
	width: 100vw;
	height: 100%;
	overflow: hidden;
}

.abs {
	position: absolute;
}

.rel {
	position: relative;
}

.vtop {
	vertical-align: top;
}

.no-select {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10+ and Edge */
  user-select: none; /* Standard syntax */
}

.bg-std {
	background-color: black;
	background-image: url('/im/bg-repeat.png');
	background-repeat: repeat;
	background-size: auto;
}

.bg-logo {
	background-color: black;
	background-image: url('/im/bg0.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.bg-detect {
	min-height:100%;
	background-image: url('/im/bg1.png');
	background-repeat: repeat;
	background-position: center;
	text-align:center;
}

.bg-lamp {
	background-color: #232323;
	background-image: url('/im/bg2.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}


.loading {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:calc(100% - 80px);
	margin:0px;
	padding:0px;
	color:white;
	text-align:center;
	font-size:34px;
	line-height:40%;
	z-index:9999999;
}

.im-loading {
	position: absolute;
	top: 40%;
	left: 0px;
	width: 100vw;
	height: calc(60% - 80px);
	background:url('/mkt/IASH-Logo-Stacked-onBlack-FINAL.png') no-repeat;
	background-size:auto;
	background-position: center;
	transition: all 2s ease;
}

.im-home {
	min-width: 96px;
	min-height: 96px;
	width: 96px;
	height: 96px;
	background: #fbfba4;
	padding: 10px;
	border-radius: 0px;
	border: double 12px black;
}
.im-home.right {
	margin-left:10px;
}
.im-home.left {
	margin-right:10px;
}

.tdCourse {
	width:50%;
	padding:3px 4px;
}

.tsuspects {
	position:relative;
	padding:0px;
	margin:0px;
	text-align:center;
	font-size:16px;
	padding:0px;
	margin:0px;
	color:white;
	border:1px solid #404040;
	width:100%;
	height:calc(100% - 42px);
}
.tsuspects.single {
	height: unset;
}

.bg-hirow {
	background-color:green !important;
	background: -webkit-gradient(linear, 0% 0%, 0% 0%, from(rgba(0, 97, 0, 0.6)), to(rgba(0, 222, 0, 0.2))) !important;
	background: -webkit-linear-gradient(top, rgba(0, 97, 0, 0.6), rgba(0, 222, 0, 0.2) ) !important; /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(top, rgba(0, 97, 0, 0.6), rgba(0, 222, 0, 0.2) ) !important; /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(top, rgba(0, 97, 0, 0.6), rgba(0, 222, 0, 0.2) ) !important; /* For Firefox 3.6 to 15 */
	background: linear-gradient(0deg, rgba(0, 97, 0, 0.6), rgba(0, 222, 0, 0.2)) !important;
}

/*	TRANSCRIPT	*/
.transcript-div {
	display:none;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background:black;
	z-index:99999993;
}
.transcript-panel {
	position:fixed;
	top:72px;
	width:100%;
	overflow:auto;
	height:100%;
}
.transcript-title {
	z-index:9999993;
	position:fixed;
	width:100vw;
	height:72px;
	opacity:1;
	filter: alpha(opacity:1);
	z-index:99;
	font-family: 'Mouse Memoirs';
	font-size:48px;
	line-height:36px;
	color:white;
	text-align:center;
	padding:16px 0px;
	border-top:1px solid black;
	border-bottom:1px solid black;
	text-shadow: -1px 0px 1px #000, 1px 0px 1px #000, -1px 1px 4px #000, 1px 1px 4px #000;
	background-color:rgb(0,80,0);
	background: -webkit-gradient(linear, 0% 0%, 0% 0%, from(rgb(0, 0, 0)), to(rgb(0, 222, 0)));
	background: -webkit-linear-gradient(top, rgb(0, 0, 0), rgb(0, 222, 0) ); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(top, rgb(0, 0, 0), rgb(0, 222, 0) ); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(top, rgb(0, 0, 0), rgb(0, 222, 0) ); /* For Firefox 3.6 to 15 */
	background: linear-gradient(0deg, rgb(0, 0, 0), rgb(0, 222, 0));
}
.transcript-list {
	background:url('/im/transcript.png') no-repeat;
	background-size:cover;
	padding:10px 20px 10px 10px;
	width:100%;
	min-height:100%;
	height:100%;
	max-height:100%;
	color:black;
	overflow-y:auto;
	font-family: Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace;
}
.transcript-table {
	width:100%;
	font-size:20px;
	font-weight:900;
}
.transcript-txt {
	background:url('/im/transcript.png') no-repeat;
	background-size:cover;
	text-align:left;
	padding:30px;
	width:100%;
	margin-top:72px;
	min-height:calc(100% - 72px);
	height:calc(100% - 72px);
	max-height:calc(100% - 72px);
	color:black;
	overflow-y:auto;
	font-family: Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace;
	font-size:36px;
	line-height:36px;
	position:relative;
	z-index:99;
}
.transcript-btn {
	font-family: 'Mouse Memoirs';
	font-size:24px;
	width:76px;
	padding:8px;
	margin:8px;
}

.menu-btn {
	color: black;
	text-align: center;
	padding: 20px;
	font-size: 18px;
	font-weight: bold;
	background:yellow;
	border:2px inset white;
	border-radius:24px;
	padding:24px;
}

/*	SUSPECTS	*/
.im-free-div {
	margin:-30px 0px 0px 0px;
	display:inline-block;
}
.im-free {
	min-width:20px;
	min-height:20px;
	width:20px;
	height:20px;
	vertical-align:unset;
	margin:8px 0px 0px 4px;
}

.blob {
	display:inline-block;
	background:black;
	height:22px;
	width:22px;
	margin:0px 4px 0px 0px;
	border-radius:4px;
}

.large-blob {
	display:inline-block;
	background:black;
	margin:2px 4px 0px 0px;
	position:absolute;
	top:4px;
	left:4px;
	width:56px;
	height:56px;
	border:2px solid white;
	border-radius:8px;
	z-index:990;
	cursor:pointer;
}

.suspectrow {
	background: -webkit-gradient(linear, 0% 0%, 0% 0%, from(rgba(0, 0, 0, 0.25)), to(rgba(255, 32, 16, 0.1)));
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.25), rgba(255, 32, 16, 0.1) ); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0.25), rgba(255, 32, 16, 0.1) ); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.25), rgba(255, 32, 16, 0.1) ); /* For Firefox 3.6 to 15 */
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.25), rgba(255, 32, 16, 0.1));
}

.pic-but {
	display:inline-block;
	padding:32px;
	margin: 10px;
	font-size: 32px;
	line-height: 32px;
	width:80%;
	margin:40px;
	background: rgba(0,0,0,0.4);
	border:2px solid white;
	border-radius: 32px;
	color: white;
}
.pic-but:hover {
	background: green;
	cursor:pointer;
	scale:1.1;
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
	transition:all 250ms;
}

.int-buttons{
	display:none;
	width:100%;
	margin-top:60px;
	height:270px;
	overflow-x:scroll;
	text-align:center;
	z-index:999;
}

.qbut-td-pad {
	min-width:20px;
	width:20px;
}
 
.qbut {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	min-width: 360px;
	width: 360px;
	min-height: 200px;
	height: 200px;
	padding:32px;
	margin: 10px;
	font-size: 32px;
	line-height: 32px;
	background: rgba(0,0,0,0.6);
	border:1px solid black;
	border-radius: 32px;
	color: white;
}
.qbut:hover {
	background: green;
	cursor:pointer;
	scale:1.1;
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
	transition:all 250ms;
}
.qbut.back {
	min-width: 120px;
	width: 120px;
}

.char-wrapper-jail {
	background-image: url('/im/cell.jpg');
	background-size: cover;
	background-position: center;
}
.char-eyes {
	width:100%;
	bottom:240px;
	top:unset;
	left:0px;
	z-index:99;
}
.char-mouth {
	left:0px;
	top:unset;
	bottom:180px;
	width:100%;
	z-index:99;
}
.char-mouth-im {
	max-width:unset
	;width:64px;
}
.char-obj {
	z-index: 99;
	top: unset;
	left: unset;
	width: 38vw;
	right: 5vw;
	bottom: -10vw;
}
.char-face-inner {
	width:100%;
	z-index:99;
	bottom:0px;
	height:unset;
	top:unset;
}
.char-face {
	display:inline-block;
	width:100vw;
	height:65%;
	/*margin-top:35%;*/
	position:fixed;
	bottom:0px;
	z-index:99;
	top:unset;
}
.char-face.small {
	bottom:60%;
}

@media (orientation:landscape) {
	.char-face.small {
		margin-top:75%;
		height:25%;
	}
}

.speech-div {
	display:none;
	overflow:hidden;
	position:fixed;
	left:0px;
	bottom:0px;
	width:100vw;
	height:104px;
	z-index:99999950;
}

.speech-table {
	width:100vw;
	height:122px;
}

.suspect-row-name {
	display:inline-block;
	background:rgba(32,255,48,0.2);
	border-radius:4px;
	vertical-align:top;
	padding:2px 6px;
	font-weight:900;
	font-size:16px;
}

.speech-bubble-div {
	font-size: 16px;
	font-weight:900;
	line-height: 16px;
	background: rgba(255,255,255,0.8);
	border:4px solid black;
	border-radius: 32px;
	color:black;
	height:80px;
	width:calc(100vw - 4px);
	padding:20px;
}

.but-x-speech {
	position:absolute;
	bottom:56px;
	right:0px;
	z-index:99999
}

.suspect-title {
	width:100%;
	height:72px;
	opacity: 0.8;
	filter: alpha(opacity:0.8);
	z-index:99;
	font-family: 'Mouse Memoirs';
	font-size:48px;
	line-height:36px;
	color:white;
	text-align:center;
	padding:16px 0px;
	border-top:1px solid black;
	border-bottom:1px solid black;
	text-shadow: -1px 0px 1px #000, 1px 0px 1px #000, -1px 1px 4px #000, 1px 1px 4px #000;
	background-color:rgb(0,80,0);
	background: -webkit-gradient(linear, 0% 0%, 0% 0%, from(rgb(0, 0, 0)), to(rgb(0, 222, 0)));
	background: -webkit-linear-gradient(top, rgb(0, 0, 0), rgb(0, 222, 0) ); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(top, rgb(0, 0, 0), rgb(0, 222, 0) ); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(top, rgb(0, 0, 0), rgb(0, 222, 0) ); /* For Firefox 3.6 to 15 */
	background: linear-gradient(0deg, rgb(0, 0, 0), rgb(0, 222, 0));
}

.menufloat {
	position:relative;
	z-index:9999990;
}

/*	PHONE	*/
.phone-container {
	position:fixed;
	z-index:99999999;
}
.phone-font {
	font-family:Veradana;
	font-size:48px;
	padding-top:2%;
}
.phone-font.num {
	font-family:Veradana;
	font-size:36px;
}
.phone-init-but {
	z-index:999;
	cursor:pointer;
	font-size:48px;
	z-index:9999999;
}
.phone-init-t {
	background-color:#d12030;
	color:white;
	font-size:42px;
}
.phone-div {
	transition:height 2s;
	z-index:9999990;
}
.phone-div1 {
	background-color:#5F9C09;
	color:white;
	width:100%;
	height:30%;
	margin:0px;
}
.phone-t1 {
	width:100%;
	color:white;
	font-family:Arial;
	font-size:24px;
	border-spacing:10px;
	border-collapse:unset;
	padding-bottom:20px;
}
.phone-div2 {
	background-color:#90BFC5;
	color:white;
	width:100%;
	height:40%;
	margin:0px;
	padding:0px;
	text-align:center;
	position:relative;
}
.phone-div2b {
	width:100%;
	position:absolute;
	bottom:0px;
	text-align:center;
}
.phone-div3 {
	background-color:white;
	color:black;
	width:100%;
	height:30%;
	margin:0px;
	padding:0px;
	text-align:center;
}
.phone-div3b {
	width:100%;
	position:absolute;
	bottom:12%;
	text-align:center;
}

/*	NOTEPAD	*/
.notepad-div {
	display:none;
	position:absolute;
	left:0;
	right:0;
	top:0;
	background:black;
	z-index:99999992;
}
.notepad-panel {
	position:fixed;
	top:72px;
	width:100%;
	overflow:auto;
	height:calc(100% - 108px);
	background:black;
}
.notepad-title {
	z-index:9999992;
	position:fixed;
	width:100vw;
	height:72px;
	opacity:1;
	filter: alpha(opacity:1);
	z-index:99;
	font-family: 'Mouse Memoirs';
	font-size:48px;
	line-height:36px;
	color:white;
	text-align:center;
	padding:16px 0px;
	border-top:1px solid black;
	border-bottom:1px solid black;
	text-shadow: -1px 0px 1px #000, 1px 0px 1px #000, -1px 1px 4px #000, 1px 1px 4px #000;
	background-color:rgb(0,80,0);
	background: -webkit-gradient(linear, 0% 0%, 0% 0%, from(rgb(0, 0, 0)), to(rgb(0, 222, 0)));
	background: -webkit-linear-gradient(top, rgb(0, 0, 0), rgb(0, 222, 0) ); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(top, rgb(0, 0, 0), rgb(0, 222, 0) ); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(top, rgb(0, 0, 0), rgb(0, 222, 0) ); /* For Firefox 3.6 to 15 */
	background: linear-gradient(0deg, rgb(0, 0, 0), rgb(0, 222, 0));
}
.notepad-txt {
	caret-color:white;
	font-family: 'Gloria Hallelujah', cursive;
	font-weight:400;
	background:url('/im/notepad.png') repeat-y;
	background-size:contain;
	padding:30px 30px 30px 60px;
	width:100%;
	min-height:100%;
	height:800%;
	max-height:800%;
	font-size:36px;
	line-height:36px;
	color:black;
	overflow:hidden;
}

/*	SOLUTION	*/
.solve-div {
	display:none;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background:black;
	z-index:9999991;
}
.solve-title {
	float:left;
	width:100%;
	height:72px;
	background:linear-gradient(0deg, #061a06, #18e218);
	position: relative;
	padding: 16px 0px;
	border-top: 1px solid #909090;
	border-bottom: 1px solid #909090;
}
.solve-title-tr {
	font-family: 'Mouse Memoirs';
	font-size:48px;
	line-height:36px;
	color: white;
	text-shadow: -1px 0px 1px #000, 1px 0px 1px #000, -1px 1px 4px #000, 1px 1px 4px #000;
}
.solve-table {
	width:100%;
	height:calc(100% - 72px);
}
.solve-td {
	text-align:left;
	font-size:24px;
	line-height:24px;
	color:white;
	padding:8px;
	margin:4px;
	background:rgba(255,0,0,0.2);
	background:linear-gradient(0deg,  rgba(255,0,0,0.3), rgba(255,0,0,0.2));
	border:2px inset rgba(255,0,0,0.1);
}
.solve-prep {
	font-family: 'Mouse Memoirs', cursive;
	font-size:20px;
}
.case-td {
	padding:0px 68px 0px 0px;
	font-size:14px;
	line-height:14px;
}
.solve-input {
	font-family: 'Gloria Hallelujah', cursive;
	font-weight:400;
	text-align:left;
	font-size:28px;
	color:white;
	padding:4px 14px;
	margin-top:8px;
	width:100%;
	border-radius:4px;
	background:rgba(20,20,20,1);
}
.solve-im {
	vertical-align:bottom;
	width:48px;
	height:48px;
	border-radius:12px;
	border:4px double black;
	background:#f8f8f8;
	padding:5px;
	margin-top:-8px;
}
.solve-txt {
	display:inline-block;
	font-weight:900;
 }
 .solve-word {
	display:inline-block;
	font-size:34px;
	line-height:40px;
	font-weight:900;
 }
.solve-btn {
	font-family: 'Mouse Memoirs';
	font-size:32px;
	margin-left:20px;
	width:calc(100% - 20px);
	cursor:pointer;
}
.case-closed-div { 
	display:none;
	position:absolute;
	left:0;
	right:0;
	top:0;
	height:100%;
	background:rgba(0,0,0,0.7);
}
.case-closed-im {
	width:90%;
	margin:30% 5% 0 5%;
}

.div-rank {
	display:none;
	text-align:center;
	width: 100vw;
	padding:32px;
	margin-top: 72px;
	font-size: 20px;
	line-height: 22px;
	background: rgba(0,0,0,0.6);
	border-bottom:1px solid rgba(0,0,0,0.8);
	color: white;
	z-index:999;
}

/*	CONTACT	*/
.contact-txt {
	padding:0px;
	font-family: 'Mouse Memoirs';
	font-size:20px;
	line-height:22px;
}

.contact-margin {
	margin:20px 0px 5px 0px;
	text-align:center;
}

.contact-but {
	display:inline-block;
	-webkit-transition: all 250ms ease;
	transition: all 250ms ease;
}
.contact-but:hover { 
	scale:1.1;
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
	cursor:pointer;
}

.contact-but-txt {
	font-size:16px;
	color:white;
}

/*	FAQ	*/
.bg-black-green {
	background: linear-gradient(0deg, rgb(0, 99, 0), rgb(0, 222, 0));
}

.faq-tab {
	overflow:auto;
	border:4px solid black;
	background:black;
}

.faq-scroll {
	height:calc(100% - 134px);
	overflow:auto;
}

/*	RANKINGS	*/
.h-rank {
	margin:40px 0px 20px 0px;
	font-size:60px;
	line-height:40px;
	font-weight:900;
}
.t-rank {
	width:90%;
	max-width:520px;
	margin:20px 0px;
}
.tr-rank {
	background:rgba(209, 32, 48, 0.7);
	color:white;
	box-shadow:2px 8px 8px 8px black;
}
.tr-rank.my-rank {
	background:rgba(48, 32, 209, 0.7);
}
.td-rank {
	text-align:center;
	font-size:28px;
	line-height:28px;
	font-weight:900;
	height:80px;
	margin:20px 0px;
	padding:8px;
}
.td-rank.td-num {
	width:64px;
}
.td-rank.td-user {
	text-align:left;
	text-shadow:-1px 0px 4px #000, 1px 0px 4px #000, -1px 1px 4px #000, 1px 1px 4px #000;
}
.td-rank.td-score {
	width:96px;
}

.rank-num {
	display:inline-block;
	height:48px;
	width:48px;
	line-height:48px;
	border-radius:48px;
	border:2px solid white;
	background:rgba(0, 222, 0, 0.7);
	color:white;
	text-shadow:-1px 0px 1px #000, 1px 0px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;
}
.rank-num.my-rank {
	background:rgba(209, 32, 48, 1);
	color:white;
}

/*	SIGN UP	*/
.signup-field-info {
	background: white;
	color: red;
	float: right;
	font-size: 10px;
	padding: 2px 6px;
	margin: 5px;
	border-radius: 4px;
}

.osc {
	display:none;
	position:absolute;
	left:0px;
	top:300px;
	padding:0px 24px;
	background:rgba(0,0,0,0.25);
	border:1px solid black;
	border-radius:24px;
	width:0px;
	height:48px;
	pointer-events:none;
	z-index:99999;
}

.bg-rainbow {
	background: linear-gradient(135deg, orange , yellow, green, aqua, blue, violet);
}

/*	Animations	*/

.spin-div {
  animation-name: spin;
  animation-duration: 5000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear; 
}
@keyframes spin {
    from {
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -ms-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
        transform:rotate(0deg);
    }
    to {
	  -webkit-transform: rotate(360deg);
	  -moz-transform: rotate(360deg);
	  -ms-transform: rotate(360deg);
	  -o-transform: rotate(360deg);
        transform:rotate(360deg);
    }
}

.pulse-div-in  {
  animation-duration: 0.6s;
  animation-name: pulse-in;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: linear; 
}
.pulse-div-out  {
  animation-duration: 0.6s;
  animation-name: pulse-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: linear; 
}
.vibrate-div  {
  animation-duration: 0.6s;
  animation-name: vibrate;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: linear; 
}
@keyframes pulse-in {
  from {
	  -webkit-transform: scale(1);
	  -moz-transform: scale(1);
	  -ms-transform: scale(1);
	  -o-transform: scale(1);
    transform: scale(1);
  }
  to {
	  -webkit-transform: scale(0.8);
	  -moz-transform: scale(0.8);
	  -ms-transform: scale(0.8);
	  -o-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@keyframes pulse-out {
  from {
	  -webkit-transform: scale(1);
	  -moz-transform: scale(1);
	  -ms-transform: scale(1);
	  -o-transform: scale(1);
    transform: scale(1);
  }
  to {
	  -webkit-transform: scale(1.2);
	  -moz-transform: scale(1.2);
	  -ms-transform: scale(1.2);
	  -o-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@keyframes vibrate {
  from {
	  -webkit-transform: scale(1);
	  -moz-transform: scale(1);
	  -ms-transform: scale(1);
	  -o-transform: scale(1);
    transform: scale(1);
  }
  to {
	  -webkit-transform: scale(1.03);
	  -moz-transform: scale(1.03);
	  -ms-transform: scale(1.03);
	  -o-transform: scale(1.03);
    transform: scale(1.03);
  }
}

.show-obj-div  {
  animation-duration: 1.5s;
  animation-name: show-obj;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: ease-out; 
  animation-delay: 3s;
  animation-fill-mode: both;
}
@keyframes show-obj {
  from {
	  -webkit-transform: scale(0.75);
	  -moz-transform: scale(0.75);
	  -ms-transform: scale(0.75);
	  -o-transform: scale(0.75);
    transform:scale(0.75);
  }
  to {
	  -webkit-transform: scale(1.75);
	  -moz-transform: scale(1.75);
	  -ms-transform: scale(1.75);
	  -o-transform: scale(1.75);
    transform:scale(1.75);
  }
}

@keyframes fade {
  from {
    opacity:1;
	filter: alpha(opacity:1);
  }
  to {
	opacity: 0;
	filter: alpha(opacity:0);
  }
}

@media only screen and (orientation:landscape) {
}

/*
@media (orientation:landscape) {

	.panel1 {
		height: unset;
	}

	.suspect-title {
		width: 50vw;
	}

	.char-face-inner {
		width:50%;
		height: 50%;
		bottom: 0px;
		top: unset;
	}

}
*/