@charset "utf-8";
/* CSS Document */

*{margin: 0px; padding: 0px;}



@font-face {
	font-family: 'Eras Demi ITC';
	src: url('fonts/ErasITC-Demi.eot');
	src: url('fonts/ErasITC-Demi.eot?#iefix') format('embedded-opentype'),	
		url('fonts/ErasITC-Demi.woff') format('woff'),
		url('fonts/ErasITC-Demi.ttf') format('truetype'),
		url('fonts/ErasITC-Demi.svg#ErasITC-Demi') format('svg');
	font-weight: normal;
	font-style: normal;
}
body {
	xbackground-image: url(../images/main_bkg_svg2d.png) ;
	background-size:cover;
	background-position:0px 0px;
	xbackground-repeat: no-repeat;
	background-color: #fff;
	   font-family: 'Eras Demi ITC';
    font-weight: normal;
    font-style: normal;
	color: #e9e6df;
	
}
#please_rotate_phone {
	background: #fff;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	display:none; }

#please_rotate_phone svg {
	width: 100%;
	height: 100%;
}
/* Portrait */
@media only screen and (orientation: portrait) {
	#please_rotate_phone {
	
	display: block;
}

}


#main_svg_wrapper {
	width:100%;
	height: auto;
	 position: fixed;
	 top:0px;
	 left:0px;
	 
}
#main_svg_wrapper svg {
	   bottom: 0;
    height: 100%;
    left: 0;
   
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    right: 0;
    top: 0;
	width: 100%;
	 }
.desktop { overflow: hidden;}

#background { position: fixed;  width: 100%; height:100%; opacity:.07; }

#background svg { width:112%;height:auto; margin-left:-6%; margin-top:-13%; }

#click_svg_wrapper {
	width:100%;
	height: auto;
	 position: fixed;
	 top:0px;
	 left:0px;	
}
#click_svg_wrapper svg {
	   bottom: 0;
    height: 100%;
    left: 0;
   margin-top:-2%;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    right: 0;
    top: 0;
	width:100%;
	 }
	 
	 
#content_learnings {
		width:100%;
	height: auto;
	 position: fixed;
	 top:0px;
	 left:0px;	
	 xopacity:0;
}

.can_click {
	pointer-events:none;
}
#content_learnings svg{
	
		   bottom: 0;
    height: 100%;
    left: 0;
   
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    right: 0;
    top: 0;
	width: 100%;
}
	 
.color_info {
	stroke:#52B289 !important;
}

.color_goodie {
	stroke:#B28A42 !important;
}

.color_profile {
	stroke:#B26024 !important;
}

.hover_effect, .click_text {
	cursor: pointer;
}
.click_text {
	pointer-events: none;
}
#btn_return {
	cursor: pointer;
}
/*#box1_img {
	
	width:676px;
	height: 381px;
	
}*/