body {margin:0; padding:0; font-family: 'Open Sans', sans-serif;  text-align: center;  background: url(../img/graphy.png) center;}
#brain-inside,
#brain { 
margin: auto;
width: 650px;
display: none;
position: absolute;
left: 50%;
margin-left: -325px;
z-index: 3;
}
html {-webkit-font-smoothing: antialiased;}
#brain-inside {z-index: 2;}

strong, b {
    font-weight: bold;
}

.point { position: absolute; width: 47px; height: 46px; z-index: 2; border-radius: 20px; cursor: pointer; }
#array{ width: 650px; border:1px solid #ccc; }

#canvas-inside,
#canvas { 
width: 980px;
height: 650px;
position: absolute;
z-index: 1;
pointer-events: none;
text-align: left;
left: 50%;
margin-left: -490px;
}

a { color: black; text-decoration: none;}

#brain { z-index: 6; }

.button { 
	display: inline-block;
	background: #E7E7E7;
	padding: 13px;
	font-family: 'Open Sans', sans-serif;
	cursor: pointer;
	margin-top: 5px;
	font-size: 25px;
	text-shadow: 3px 4px 14px;
}

#preload{
	display: block;
	position: absolute;
	top: 320px;
	z-index: 10;
	left: 50%;
	width: 42px;
	background: #E9E9E9;
	padding: 10px;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
}

#share .wrapper-share
{	z-index: 99999999999999999999;
	background: url(../img/sprite.png) -720px -29px;
	width: 100px;
	padding-left: 7px;
	height: 47px;
	position: absolute;
	left: 45px;
	top: 0px;
	padding-top: 13px;
	text-align: center;
	font-size: 11px;
	display: none;

}

#share .facebook .wrapper-share{top:5px}
#share .googleplus .wrapper-share{padding-top:10px}


#share {
	position: fixed;
	top: 50%;
	margin-top:-117px;
	z-index: 10;
	margin-left: -51px;
	z-index:11;
}


.neuron-close { 
	left: 50%;
	position: absolute;
	z-index: 16;
	top: 506px;
	margin-left: -185px;
	cursor: pointer;
}

.neuron-close .neuron-close-button { 
	background: url(../img/sprite.png) -1371px -231px;
	width: 68px;
	height: 68px;
	position: absolute;
	z-index:2;
}

.neuron-close .neuron-close-white { 
	background: url(../img/sprite.png) -1438px -234px;
	width: 88px;
	height: 88px;
	position: absolute;
	z-index:1;

	transition:all .2s ease;
	-webkit-transition:all .2s ease;
	-ms-transition:all .2s ease;
}

.neuron-close:hover .neuron-close-white{
	transform:scale(1.5);
	-ms-transform:scale(1.5); 
	-webkit-transform:scale(1.5);
	-webkit-opacity: 0;
	opacity: 0;
	filter:alpha(opacity=0);
}


#share .logo{z-index:100;position:relative;width:52px;height:53px;display:inline-block;background: url(../img/sprite.png) no-repeat}

#share .normal,
#share .over{
	z-index:0;
	background: url(../img/sprite.png) no-repeat;
	width: 88px;
	height: 88px;
	top: -23px;
	left: -25px;
	position:absolute;
	display:inline-block;
	transition:all .3s ease;
	-webkit-transition:all .3s ease;
	-ms-transition:all .3s ease;
  -webkit-transform: scale(0);
  -moz-transform:    scale(0);
  -ms-transform:     scale(0);
  -o-transform:      scale(0);
  transform:         scale(0);
	z-index: 20;
}

#share .normal {
	transform:scale(1);
	-ms-transform:scale(1); /* IE 9 */
	-webkit-transform:scale(1); /* Safari and Chrome */

	transform: scale(0.72);
	-ms-transform: scale(0.72);
	-webkit-transform: scale(0.72);
}

#share .facebook .over,
#share .facebook .normal{top:-15px;background-position:-28px -605px}

#share .twitter .over,
#share .twitter .normal{top:-20px;background-position:-125px -605px}

#share .pinterest .over,
#share .pinterest .normal{top:-22px;background-position:-221px -605px}

#share .googleplus .over,
#share .googleplus .normal{top:-25px;background-position:-319px -605px}

#share .embebed .over,
#share .embebed .normal{
	background-position: -1688px -224px;
}

#share .facebook {
	width: 52px;
	height: 58px;
	position: relative;
}
#share .facebook .logo{
	height:58px;
	background-position:-625px -28px;
}
#share .twitter {
	width: 52px;
	height: 53px;
	position: relative;
}
#share .twitter .logo{
	background-position:-625px -86px;
}
#share .pinterest {
	
	width: 52px;
	height: 53px;
	position: relative;
}
#share .pinterest .logo{
	background-position:-625px -139px;
}
#share .googleplus {
	
	width: 52px;
	height: 53px;
	position: relative;
}

#share .embebed {
	
	width: 52px;
	height: 53px;
	position: relative;
}

#share .googleplus .logo{
	background-position:-625px -192px;
}

#share .embebed .logo{
	background-position:-1575px -248px;
}

.send-button {
	background: url(../img/sprite.png) -727px -102px;
	width: 54px;
	height: 46px;
	display: inline-block;
}


#tooltips-container-inside,
#tooltips-container { position: absolute;   width: 650px; height: 650px;  }

#tooltips-container-inside .close,
#tooltips-container .close { cursor: pointer; /*display: none;*/ }

#footer { margin:auto;margin-top:800px; position: relative; z-index: 1; font-family: "gesta",arial, helvetica, sans-serif; z-index: 4; }
#footer .container { background: url(../img/footer-background.jpg); }

#footer .line-top { background: url(../img/footer_top_background.jpg);  width: 100%; height:4px; }

#footer input { display: inline-block; font-size: 20px; }

.embebed-title{
	text-align: left;
	color: #6AB53C;
	margin-left: 28px;
	font-size: 15px;
	font-family: 'Open Sans', sans-serif;
	margin-top: 6px;
}

.canvas-subitem
{
	position: absolute;
	width: 150px;
	height: 150px;
	margin-left: -45px;
	margin-top: -45px;
}

.tooltip 
{ 
	font-family: 'Open Sans', sans-serif;
	position: absolute;
	margin-top: -110px;
	margin-left: -110px; 
	zoom:1;
}

.tooltip .container
{
	width: 210px;
	height: 210px;
	background: #000;
	border-radius: 210px;
	color: #FFF;
	text-align: center;
	zoom:1;
	position: relative;
	z-index:2;
}

.tooltip .close { 
	width: 30px;
	height: 24px;
	position: absolute;
	top: 160px;
	left: 164px;
	padding-top: 5px;
	pointer-events:all;
}

#preloading-inside,
#preloading { 
display: inline-block;
background: url(../img/preloader.gif) no-repeat center center;
width: 55px;
height: 25px;
left: 10px;
display: none;

 }

.code { 
width: 1205px;
background: #CCC;
font-family: 'Open Sans', sans-serif;
padding: 20px;
font-size: 11px;
height: 360px;
overflow: scroll;
margin-top: 4px;
color: #666;
}

.iPhoneCheckContainer span {visibility:hidden}
.tooltip .subitems-container{ position: absolute; top:0; left:0; z-index:1; }
.tooltip .subitem{ position: absolute; }
.subitem-container { position: absolute; width: 60px; height: 60px; border-radius: 30px; background: black;  }
.tooltip .title { margin-top: 10px; padding-top: 50px; font-weight: bold; padding-bottom: 20px;}
.tooltip .title, .tooltip .body { margin: auto; width: 150px; }
.tooltip .body { font-size: 12px; }
label.iPhoneCheckLabelOn { background: transparent; }
label.iPhoneCheckLabelOff { background: transparent; }
.iPhoneCheckHandle, .iPhoneCheckHandleRight, .iPhoneCheckHandleLeft { background: transparent;   }
.iPhoneCheckHandleCenter { 
	background: url(../img/sprite.png) -191px 0px !important;
	border-radius: 0 !important;
	height: 28px !important;
	width: 57px !important;
}

.iPhoneCheckHandle { width: 56px !important; }
html body .iPhoneCheckContainer { 
	background: url(../img/sprite.png) !important;
	width: 164px !important;
	margin-bottom: 25px;
	height: 32px;
	margin: auto;
	display: inline-block;
}

.iPhoneCheckHandleCenter {
	height: 26px;
	margin-top: 2px;
	border-radius: 13px;
}

.slider-depth .legend,
.slider-depth .input-field { display: none; }

.slider-depth .legend {
	color:#8c898f;
	font-size: 13px;
	margin-bottom: 15px;
}

#brand-collage { 
	background: url(../img/sprite.png) -1px -66px;
	width: 162px;
	height: 51px;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	position: relative;
	-webkit-opacity: 0;
	opacity: 0;
	filter:alpha(opacity=0);
	top: -50px;
}

.input-field { margin-bottom: 70px; margin-left: -28px; }

.cerebral-cortex {
	color: rgb(135, 172, 200);
	font-size: 13px;
	top: -9px;
	position: relative;
	margin-right: 5px;
}

.limbic-system {
	color:#8cc34e;
	font-size: 13px;
	top: -9px;
	position: relative;
	margin-left: 5px;
}

#brand-learn { 
	background: url(../img/sprite.png) -2px -169px;
	width: 505px;
	height: 85px;
	margin: auto;
	position: relative;
	-webkit-opacity: 0;
	opacity: 0;
	filter:alpha(opacity=0);
	top: -50px;
 }

#header-line { 
	background: url(../img/sprite.png) 50% -333px;
	height: 9px; 
}

#header{
	position: relative;
	z-index: 4;
	pointer-events:none;
	height: 190px;
}

#background-balls { 
	background: url(../img/sprite.png) 0 -367px;
	width: 100%;
	height: 100px;
	position: absolute;
	top: 30px;
	z-index: 1;
	-webkit-opacity: 0;
	opacity: 0;
	filter:alpha(opacity=0);
}

#preloader-inside
{
width: 182px;
height: 182px;
margin: auto;
z-index: 10;
position: absolute;
margin-top: 250px;
left: 50%;
margin-left: -89px;
}

#preloader{
	width: 531px;
	height: 531px;
	margin: auto;
	z-index: 10;
	position: relative;
	margin-top: 2px;
}

#preloader-inside .container,
#preloader .container {
	position: absolute;
	width: 532px;
	margin-top: 80px;
	font-family: 'Open Sans', sans-serif;
	color:#989898;
}

#preloader-inside .title,
#preloader .title
{
	font-size: 20px;
	font-weight: 300;
	margin-bottom:40px;
}

#preloader-inside .body,
#preloader .body
{
	font-size: 14px;
	font-weight: 400;
	width: 75%;
	margin-right: auto;
	margin-left: auto;
	min-height: 75px;
}

#preloader-inside .perc-inside,
#preloader .perc
{
	color:#41b9b5;
	font-size: 45px;
}

.button-ok { 
	border-bottom: 1px solid #0d879f;
	background: url(../img/sprite.png) -1415px -59px;
	width: 187px;
	padding: 5px;
	margin: auto;
	cursor: pointer;
	height: 28px;
	font-size: 18px;
	padding-top: 10px;
	font-weight: 700;
}

.button-ok-container { position: relative; display: none; cursor: pointer; }

.button-ok-container:hover .button-ok-hover
{
	-webkit-opacity: 1;
	opacity: 1;
	filter:alpha(opacity=100);
}

.button-ok-hover { 
	border-color: #014763;
	background: url(../img/sprite.png) -1415px -8px;
	width: 186px;
	padding: 5px;
	margin: auto;
	cursor: pointer;
	height: 33px;
	border-radius: 8px;
	position: absolute;
	top: 0;
	left: 168px;

	-webkit-opacity: 0;
	opacity: 0;
	filter:alpha(opacity=0);

	transition: all 1s;
	-webkit-transition: all 1s;
	-o-transition: all 1s;

	border-bottom: 1px solid #0d879f;
}

.button-ok-hover:active { 
	/*background: url(../img/sprite.png) -1414px -10px;*/
}

.button-ok-text {
	left: 200px;
	color: #FFF;
	position: absolute;
	text-align: center;
	top: 12px;
	cursor: pointer;
}

#preloader-inside { display: none; }

#preloader-inside .brain,
#preloader .brain {
	display: block;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 25px;
	    -moz-animation: fadein 4s; /* Firefox */
    -webkit-animation: fadein 4s; /* Safari and Chrome */
    -o-animation: fadein 4s; /* Opera */
}

#footer input {
	background: url(../img/sprite.png) -726px -167px;
	height: 47px;
	width: 270px;
	border: 0;
	padding: 10px;
	float: left;
	color: #999;
	height: 26px;
}


#circle {
	background: url(../img/circle-preloader.png);
	width: 541px;
	height: 541px;
	position: absolute;
}

#circle-inside{
	background: url(../img/inner-preloader.png);
	width: 181px;
	height: 181px;
	position: absolute;
}

.legal {
	display: block;
	float: none;
	clear: both;
	font-size: 12px;
	color:#6ac3a3;
	padding-bottom: 30px;
}
.legal a{
	color:#6ac3a3;
	font-weight: 600;
	transition:all .3s ease;
	-ms-transition:all .3s ease;
	-webkit-transition:all .3s ease;
}

#footer .form {margin:0 auto 15px auto;width:345px}

#fixed-footer-tab,
#footer .title {
	color: #FFF;
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 20px;
	background: #37B8B8;
	width: 152px;
	margin: auto;
	padding: 10px;
	border-radius: 4px;
	margin-top: -45px;
	margin-bottom: 35px;
}

#fixed-footer-tab {
	position: fixed;
	z-index: 10;
	bottom: -38px;
	left: 50%;
	margin-left: -86px;
	font-family: 'Open Sans', sans-serif;
	cursor: pointer;
	display: none;
}

#footer .body { 
	color: #36B7B8;
	font-size: 15px;
	margin-bottom: 20px;
	font-weight: 500;
}

.social-networks { height: 50px;}

.social-networks.mac .facebook > div{width:85px}


.social-networks > div { float:left; margin: 10px 8px}

.social-networks .googleplus {margin-top:0}

.footer .body.error { color:red;}

#MERGE0.error {color: red;}


#tooltips-container-inside .tooltip .container,
#tooltips-container .tooltip .container,
#points-inside .point .point-wrapper .plus,
#neuron .point .point-wrapper .plus,
#points .point .point-wrapper .plus,
#points-inside .point span,
#points .point span,
#neuron .point span{background:url(../img/sprite.png) no-repeat}


#tooltips-container-inside .cyan .container, #tooltips-container .cyan .container{
	background-position: -9px -1101px;
	width: 359px;
	height: 359px;

}

.tooltip.cyan .close {
	top: 307px;
	left: 256px;
}

#tooltips-container-inside .bluelight .container, #tooltips-container .bluelight .container{
	background-position: -1247px -1622px;
	width: 328px;
	height: 332px;
}

.tooltip.bluelight .close {
	top: 263px;
	left: 261px;
}

#tooltips-container-inside .violet .container, #tooltips-container .violet .container{
	background-position: -391px -1107px;
	width: 466px;
	height: 466px;
	
}

.tooltip.violet .close {
top: 408px;
left: 336px;
}

#tooltips-container-inside .blue .container, #tooltips-container .blue .container{
	background-position: -1245px -1623px;
	width: 330px;
	height: 330px;
}

.tooltip.blue .close {
	top: 334px;
	left: 291px;
}

#tooltips-container-inside .bluelight .container, #tooltips-container .bluelight .container {
	background-position: -728px -704px;
	width: 396px;
	height: 396px;
}

.tooltip.bluelight .close {
	top: 341px;
left: 289px;
}
#tooltips-container-inside .greenlight .container, #tooltips-container .greenlight .container{

	background-position: -836px -1554px;
	width: 388px;
	height: 388px;

}

.tooltip.greenlight  .close {
	top: 330px;
	left: 270px;
}



#tooltips-container-inside .greenyellow .container, #tooltips-container .greenyellow .container{

	background-position: -1763px -2471px;
	width: 426px;
	height: 426px;
}

.tooltip.greenyellow  .close {
	top: 353px;
	left: 320px;
}

#tooltips-container-inside .orangelight .container, #tooltips-container .orangelight .container{
	background-position: -24px -1590px;
	width: 393px;
	height: 393px;
} 

.tooltip.orangelight  .close {
	top: 340px;
	left: 290px;
}

#tooltips-container-inside .violet_big .container{
	background-position: -1176px -2432px;
	width: 466px;
	height: 466px;
}

#tooltips-container-inside .orange_big .container{
background-position: -8px -1959px;
width: 435px;
height: 435px;
}
#tooltips-container-inside .blue_big .container{
	background-position: -446px -1946px;
	width: 466px;
	height: 466px;
}

#tooltips-container .greenlight_medium .container{
	background-position: -1190px -693px;
	width: 390px;
	height: 390px;
}

#tooltips-container-inside .blueviolet_big .container{
	background-position: -468px -1119px;
	width: 435px;
	height: 435px;
}
#tooltips-container-inside .greendark_big .container{
	background-position: -110px -2396px;
	width: 406px;
	height: 406px;
}

#tooltips-container-inside .greendark .container, #tooltips-container .greendark .container{

background-position: -1293px -1131px;
width: 393px;
height: 393px;

} 

#tooltips-container-inside .red .container, #tooltips-container .red .container{
	background-position: -1006px -1931px;
	width: 482px;
	height: 482px;
} 

.tooltip.greendark .close {
	top: 336px;
	left: 291px;
}

#tooltips-container-inside .orange .container, #tooltips-container .orange .container{
	background-position: -21px -1524px;
	width: 406px;
	height: 406px;
} 

.tooltip.orange .close {
top: 350px;
left: 290px;
}


#tooltips-container-inside .blueviolet .container, #tooltips-container .blueviolet .container{
	background-position: -443px -1585px;
	width: 353px;
	height: 353px;

} 

.tooltip.blueviolet .close {
	top: 295px;
	left: 261px;
}

#tooltips-container-inside .pink .container, #tooltips-container .pink .container{
	background-position: -349px -728px;
	width: 361px;
	height: 361px;
} 

.tooltip.pink .close {
	top: 300px;
	left: 270px;
}


#tooltips-container-inside .pink2 .container, #tooltips-container .pink2 .container{
	background-position: -882px -1130px;
	width: 406px;
	height: 406px;
} 

.tooltip.pink2 .close {
	top: 345px;
	left: 300px;
}

#tooltips-container-inside .orangelight .container, #tooltips-container .orangelight .container{

background-position: -1559px -1912px;
width: 396px;
height: 396px;
} 


.tooltip.orangelight .close {
	top: 340px;
	left: 290px;
}

#neuron .point span.big-background,
#points-inside .point span.big-background,
#points .point span.big-background{
	position: absolute;
	top: 0;
	left: 0;
	width: 21px;
	height: 23px;
	z-index: 9999;
	display: inline-block;
	margin: 13px;
	background-position: -1550px -182px;
	transition:all .3s ease;
	-ms-transition:all .3s ease;
	-webkit-transition:all .3s ease;
}
#neuron .point span.small-background,
#points-inside .point span.small-background,
#points .point span.small-background{
	position: absolute;
	top: 0;
	left: 0;
	width: 45px;
	height: 45px;
	display: inline-block;
	transition:all .3s ease;
	-ms-transition:all .3s ease;
	-webkit-transition:all .3s ease;
}
#points-inside .point span.plus,
#points .point span.plus,
#neuron .point span.plus{
width: 45px;
height: 45px;
position: absolute;
display: inline-block;
top: 0;
left: 0;
	transition:all .3s ease;
	-ms-transition:all .3s ease;
	-webkit-transition:all .3s ease;
}
#points-inside .point span.close,
#points .point span.close {
	width: 23px;
	margin:15px 12px;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
}
#neuron .point-wrapper { width: 45px; }
#neuron .point-wrapper,
#points-inside .point-wrapper,
#points .point-wrapper {
	overflow: hidden;
	height: 45px;
	transition:all .3s ease;
	-webkit-transition:all .3s ease;
	-ms-transition:all .3s ease;
}

#points-inside .point-wrapper:hover,
#points .point-wrapper:hover {
	/*transform:scale(1.1);
	-ms-transform:scale(1.1); 
	-webkit-transform:scale(1.1);*/
}

#neuron #tooltip-dendrite
{
	left: 340px;
	top: 230px;
}

#points-inside .color-redlight .point-wrapper .plus,
#points .color-redlight .point-wrapper .plus{background-position:-922px -251px;width:80px;height:80px}
#neuron .color-violet-neuron .point-wrapper .plus {background-position:-1096px -279px;z-index:1;}
#neuron .color-violet-neuron .point-wrapper .small-background {background-position: -1245px -222px;z-index:2;} 
#neuron .color-pink-neuron .point-wrapper .plus {	background-position: -1295px -271px; z-index: 1;}
#neuron .color-pink-neuron .point-wrapper .small-background {background-position: -1294px -223px; z-index: 2;} 
#canvas-neuron
{
	position: absolute;
	width: 585px;
	left: 50%;
	top: 0px;
	margin-left: -291px;
	height: 585px;
}

#neuron #tooltip-synapse {left: 255px;top: 455px;}
#points-inside .color-red .point-wrapper .plus,
#points .color-red .point-wrapper .plus{background-position:-564px -647px}
#points-inside .color-blue_big .point-wrapper .plus,
#points .color-blue_big .point-wrapper .plus,
#points-inside .color-blue .point-wrapper .plus,
#points .color-blue .point-wrapper .plus{background-position:-1390px -109px}
#points-inside .color-blueviolet_big .point-wrapper .plus,
#points .color-blueviolet_big .point-wrapper .plus,
#points-inside .color-blueviolet .point-wrapper .plus,
#points .color-blueviolet .point-wrapper .plus {background-position: -1096px -227px;}
#points-inside .color-violet .point-wrapper .plus,
#points .color-violet .point-wrapper .plus {background-position:-493px -647px}
#points-inside .color-greendark_big .point-wrapper .plus,
#points-inside .color-greendark .point-wrapper .plus,
#points .color-greendark .point-wrapper .plus{background-position:-1290px -109px} 
#points-inside .color-greenlight_medium .point-wrapper .plus,
#points .color-greenlight_medium .point-wrapper .plus,
#points-inside .color-greenlight_big .point-wrapper .plus,
#points .color-greenlight_big .point-wrapper .plus,
#points-inside .color-greenlight .point-wrapper .plus,
#points .color-greenlight .point-wrapper .plus{background-position:-1441px -109px}
#points-inside .color-greenyellow .point-wrapper .plus,
#points .color-greenyellow .point-wrapper .plus
{
	background-position: -633px -648px;
	width: 71px;
	height: 71px;
	margin-left: -8px;
	margin-top: -7px;
}

#points-inside .point.color-greenyellow span.big-background, 
#points .point.color-greenyellow span.big-background
{
	top: 3px;
	left: 6px;
}

#points-inside .color-orange_big .point-wrapper .plus,
#points .color-orange_big .point-wrapper .plus,
#points-inside .color-orange .point-wrapper .plus,
#points .color-orange .point-wrapper .plus{background-position: -1240px -111px;}
#points-inside .color-orangelight .point-wrapper .plus,
#points .color-orangelight .point-wrapper .plus{background-position: -1150px -270px;}
#points-inside .color-pink .point-wrapper .plus,
#points .color-pink .point-wrapper .plus{background-position: -1340px -109px;}
#points-inside .color-pink .point-wrapper .small-background,
#points .color-pink .point-wrapper .small-background{background-position: -1190px -169px;}
#points-inside .color-greenyellow .point-wrapper .small-background,
#points .color-greenyellow .point-wrapper .small-background{
	background-position: -641px -583px;
	width: 54px;
	height: 54px;
}

#points-inside .color-pink2 .point-wrapper .plus,
#points .color-pink2 .point-wrapper .plus{background-position: -1340px -109px;}
#points-inside .color-pink2 .point-wrapper .small-background,
#points .color-pink2 .point-wrapper .small-background{background-position: -1190px -169px;}
#points-inside .color-cyan .point-wrapper .plus,
#points .color-cyan .point-wrapper .plus{background-position: -1491px -109px;}
#points-inside .color-cyan .point-wrapper .small-background,
#points .color-cyan .point-wrapper .small-background{background-position: -1491px -169px;}
#points-inside .color-redlight .point-wrapper .small-background,
#points .color-redlight .point-wrapper .small-background{width:70px;height:70px;background-position:-851px -251px}
#points-inside .color-red .point-wrapper .small-background,
#points .color-red .point-wrapper .small-background{background-position:-564px -575px}
#points-inside .color-blue_big .point-wrapper .small-background,
#points .color-blue_big .point-wrapper .small-background,
#points-inside .color-blue .point-wrapper .small-background,
#points .color-blue .point-wrapper .small-background{background-position:-1390px -169px}
#points-inside .color-blueviolet_big .point-wrapper .small-background,
#points .color-blueviolet_big .point-wrapper .small-background,
#points-inside .color-blueviolet .point-wrapper .small-background,
#points .color-blueviolet .point-wrapper .small-background{background-position: -1141px -169px;}
#points-inside .color-violet .point-wrapper .small-background,
#points .color-violet .point-wrapper .small-background {background-position:-493px -575px}
#neuron .color-violet .point-wrapper .small-background {background-position:-493px -575px;}
#points-inside .color-violet_big .point-wrapper .small-background,
#points .color-violet_big .point-wrapper .small-background{background-position:-703px -575px;width:70px;height:70px}
#points-inside .color-violet_big .point-wrapper .plus,
#points .color-violet_big .point-wrapper .plus {background-position:-703px -646px;width:70px;height:70px}
#points-inside .color-greendark_big  .point-wrapper .small-background,
#points-inside .color-greendark .point-wrapper .small-background,
#points .color-greendark .point-wrapper .small-background{background-position:-1290px -169px}
#points-inside .color-bluelight_big .point-wrapper .small-background,
#points .color-bluelight_big .point-wrapper .small-background,
#points-inside .color-bluelight .point-wrapper .small-background,
#points .color-bluelight .point-wrapper .small-background{background-position:-424px -574px}
#points-inside .color-bluelight .point-wrapper .plus,
#points .color-bluelight .point-wrapper .plus{background-position:-424px -647px}
#points-inside .color-greenlight_medium .point-wrapper .small-background,
#points .color-greenlight_medium .point-wrapper .small-background,
#points-inside .color-greenlight_big .point-wrapper .small-background,
#points .color-greenlight_big .point-wrapper .small-background,
#points-inside .color-greenlight .point-wrapper .small-background,
#points .color-greenlight .point-wrapper .small-background{background-position:-1440px -169px}
#points-inside .color-orange_big .point-wrapper .small-background,
#points .color-orange_big .point-wrapper .small-background,
#points-inside .color-orange .point-wrapper .small-background,
#points .color-orange .point-wrapper .small-background{background-position: -1239px -169px;}
#points-inside .color-orangelight .point-wrapper .small-background,
#points .color-orangelight .point-wrapper .small-background{background-position: -1150px -223px;}
.color-redlight .big-background{visibility:hidden}
#cursor_pointer { position: absolute; top:0; left: 0; z-index: 100; display: none;}
#cursor_pointer .cursor_02 { display: none}

.spin_top{
	width:390px;
	font-size: 15px;
	color:#cacaca;
	-webkit-opacity: 0;
	opacity: 0;
	filter:alpha(opacity=0);
	top:-50px;
	margin: 15px auto 15px auto;
}
.spin_top span{
margin-top: 5px;
width: 23px;
height: 18px;
display: inline-block;
float: left;
vertical-align: middle;
background: url(../img/sprite.png) -1106px -113px no-repeat;
}

#image-reel-inside,#image-reel,.reel-panning,.reel-panning, #area-drag, #area-drag-inside {}
#area-drag:active,#area-drag-inside:active
{

}
#area-drag,#area-drag-inside
{
-webkit-user-select: none;
 -khtml-user-select: none;
   -moz-user-select: none;
    -ms-user-select: none;
     -o-user-select: none;
        user-select: none;
        -webkit-grab:none;
         -webkit-grabbing:none;
}

#area-drag.press,
#area-drag-inside.press {/*cursor: url(../img/cursor_spinner_2.png), move !important;*/}

#brain-inside { display: none; }

input:focus
{ 
outline: none
}

body{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

}

#preloader-inside .container {
position: absolute;
width: 180px;
margin-top: 66px;
font-family: 'Open Sans', sans-serif;
color: #989898;
}

#footer .container .social-networks > div{
	-webkit-opacity: 0.8;
	opacity: 0.8;
	filter:alpha(opacity=80);
	transition:all .3s ease;
	-webkit-transition:all .3s ease;
	-ms-transition:all .3s ease;
}

#footer .container .social-networks > div:hover{
	-webkit-opacity: 1;
	opacity: 1;
	filter:alpha(opacity=100);
}

.legal a:hover{ color: #666; }
.tooltip.red .close {
	top: 426px;
	left: 340px;
}


body.mac #share .facebook .wrapper-share > div {width:77px!important}
body.mac #share .twitter .wrapper-share > div{width:80px!important}
body.mac .social-networks .facebook > div{width:90px!important}

.slider-depth {
 	font-family: 'Open Sans', sans-serif;
	z-index: 10;
	position: relative;
	margin: auto;
	margin-top: 613px;
	font-size: 20px;
	width: 390px;
}

.point {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -webkit-transition: -webkit-opacity 0.25s ease-in-out;
  -moz-transition: -moz-opacity 0.25s ease-in-out;
  -o-transition: -o-opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
  pointer-events:none;
}

.point.opacity-in {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  pointer-events:auto;
}

#points-inside .point.color-violet_big span.plus,
#points-inside .point.color-violet_big span.small-background,
#points .point.color-red span.plus,
#points .point.color-red span.small-background,
#neuron span.plus,
#neuron span.small-background,
#points .point.color-violet span.plus,
#points .point.color-violet span.small-background,
#points .point.color-bluelight span.plus,
#points .point.color-bluelight span.small-background{width: 67px;height: 67px;}
#points .point.color-greenyellow span.big-background,
#points .point.color-red span.big-background,
#points-inside .point.color-violet_big span.big-background,
#neuron span.big-background,
#points .point.color-violet span.big-background,
#points .point.color-bluelight  span.big-background{width:30px;height:30px;margin:18px;background-position:-1582px -115px}
#points .point.color-greenyellow span.big-background
{
	top: -8px;
	left: -7px;
}

#neuron {
	position: absolute;
	width: 100%;
	z-index:10;
}

#neuron .main-circle {
	background: url(../img/sprite.png) -45px -2833px;
	width: 585px;
	height: 585px;
	margin: auto;
}
#neuron .neuron-tooltips-wrapper,
#neuron .circles { 
	position: absolute; 
	width: 585px;
	left: 50%;
	top: 0;
	height: 585px;
	margin-left: -292px;
}

#neuron .neuron-tooltip-1
{
	position: absolute;
	background: url(../img/sprite.png) -45px -2833px;
	width: 50px;
	height: 50px;
}


#neuron .circles .circle
{
	position: absolute;
	width: 85px;
	height: 85px;
	cursor: pointer;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;	
	z-index: 11;
}

#neuron .circles .circle
{
	transition:all .3s ease;
	-webkit-transition:all .3s ease;
	-ms-transition:all .3s ease;
}

#neuron { display: none; }
#neuron .subitem { z-index: 2; }
#neuron .container { z-index: 1; }
#neuron .circles .circle:hover,
#neuron .circles .circle.active
{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

#neuron-detail-container { display: none; }

.neuron-detail-container
{
	background: #000;
	width: 570px;
	height: 570px;
	position: absolute;
	top: 8px;
	left: 50%;
	margin-left: -285px;
	z-index: 10;
	border-radius: 570px;
	display: none;
	color: white;
	text-align: center;
	transition:background .3s ease;
	-webkit-transition:background .3s ease;
	-ms-transition:background .3s ease;
}

.neuron-detail-container h1 {
	font-family: 'Open Sans', sans-serif;
	font-size: 32px;
	font-weight: 300;
	width: 65%;
	margin-bottom: -10px;
	line-height: 30px;
	font-weight: normal;
	text-align: center;
	margin: auto;
	margin-top: 42px;
}

.neuron-detail-container .neuron-detail-body {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	font-weight: 400;
	text-align: center;
	margin: auto;
	margin-top: 25px;
	width: 100%;
}

#neuron #home-circle
{
	background: url(../img/sprite.png) -842px -3041px;
	left: 530px;
	top: 41px;
}

#neuron #glutamete-circle
{
	background: url(../img/sprite.png) -746px -3315px;
	left: 577px;
	top: 124px;
}

#neuron #dopamine-circle
{
	background:url(../img/sprite.png) -746px -3228px;
	left: 597px;
	top: 218px;
}

#neuron #cortisol-circle
{
	background: url(../img/sprite.png) -746px -3138px;
	left: 597px;
	top: 312px;
}

#neuron #oxtytocin-circle
{
	background: url(../img/sprite.png) -746px -3042px;
	left: 565px;
	top: 401px;
}

#neuron #serotonin-circle
{
	background: url(../img/sprite.png) -843px -2948px;
	left: 514px;
	top: 483px;
}

#neuron #noradrenalin-circle
{
	background: url(../img/sprite.png) -843px -3138px;
	left: 441px;
	top: 545px;
}

#neuron #asetilkolin-circle
{
	background: url(../img/sprite.png) -843px -3228px;
	left: 352px;
	top: 585px;
}

#neuron #gaba-circle
{
	background: url(../img/sprite.png) -843px -3316px;
	left: 255px;
	top: 596px;
}

.switch-depth { 
	position: fixed;
	right: -60px;
	top: 50%;
	width: 240px;
	z-index: 100;
	margin-top: -90px;
 }

.switch-depth .container-limbic-system .tooltip-switch-depth {
	background: url(../img/sprite.png) -1840px -653px;
	width: 120px;
	height: 36px;
	font-family: 'Open Sans', sans-serif;
	color: #31BABB;
	padding-top: 12px;
	text-align: left;
	padding-left: 13px;
	font-size: 14px;
	position: absolute;
	top: 10px;
	right: 60px;
	display: none;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	  filter: alpha(opacity=0);
	  -moz-opacity: 0;
	  -khtml-opacity: 0;
	  opacity: 0;
	   -webkit-transition: all 0.2s;
	  -moz-transition: all 0.2s;
	  -o-transition: all 0.2s;
	  transition: all 0.2s;

}


.switch-depth .container-limbic-system .button-icon:hover{
	background: url(../img/sprite.png) -1917px -771px;
}

.switch-depth .container-cerebral-cortex .button-icon:hover{
	background: url(../img/sprite.png) -1917px -1058px;
}

.switch-depth .container-limbic-system.active .button-icon, .switch-depth .container-limbic-system.active .button-icon:hover{
	background: url(../img/sprite.png) -1917px -830px;
	cursor: default;
}

.switch-depth .container-limbic-system .button-icon
{
	background: url(../img/sprite.png) -1917px -712px;
	width: 58px;
	height: 60px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}

.switch-depth .container-cerebral-neuron .button-icon
{
	background: url(../img/sprite.png) -1983px -1202px;
	width: 58px;
	height: 59px;
	position: absolute;
	top: 122px;
	right: 0;
	cursor: pointer;
}

.switch-depth .container-cerebral-neuron .button-icon:hover
{
	background: url(../img/sprite.png) -2048px -1202px;	
}

.switch-depth .container-cerebral-neuron.active .button-icon
{
	
}

.switch-depth .container-cerebral-cortex.active .button-icon
{
	background: url(../img/sprite.png) -1917px -1118px;
	width: 58px;
	height: 60px;
	position: absolute;
	top: 59px;
	right: 0;
	cursor: default;
}

.switch-depth .container-cerebral-cortex .button-icon
{
	background: url(../img/sprite.png) -1917px -999px;
	width: 58px;
	height: 60px;
	position: absolute;
	top: 59px;
	right: 0;
	cursor: pointer;
}

.switch-depth .container-cerebral-neuron.active .button-icon
{
	background: url(../img/sprite.png) -1917px -1202px;
	width: 58px;
	height: 60px;
	position: absolute;
	right: 0;
}

.switch-depth .container-cerebral-cortex .tooltip-switch-depth {
	background: url(../img/sprite.png) -1840px -940px;
	width: 120px;
	height: 36px;
	font-family: 'Open Sans', sans-serif;
	color: #32A977;
	padding-top: 12px;
	text-align: left;
	padding-left: 17px;
	font-size: 14px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	position: absolute;
	top: 69px;
	right: 59px;
	display: none;

	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;

}

.switch-depth .container-cerebral-neuron .tooltip-switch-depth {
	background: url(../img/sprite.png) -1840px -1283px;
	width: 120px;
	height: 36px;
	font-family: 'Open Sans', sans-serif;
	color: #7D38BA;
	padding-top: 12px;
	text-align: left;
	padding-left: 17px;
	font-size: 14px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	position: absolute;
	top: 129px;
	right: 59px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	display: none;

}

.close-x-container
{
	height: 27px;
	width: 35px;
	border-radius: 35px;
	padding-top: 8px;
	position: absolute;
	background-image: url(../img/sprite.png);
	background-position: -1586px -173px;
}

.close-white 
{
	background: #FFF;
	width: 41px;
	height: 41px;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 20px;
	margin-left: -3px;
	margin-top: 2px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	position: absolute;
}


#points, #points-inside {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}

#share .facebook .wrapper-share 
{
	background-position: -720px -27px;
}

#share .twitter .wrapper-share {
	background-position: -585px -269px;
}

#share .pinterest .wrapper-share {
	background-position: -717px -271px;
	width: 60px !important;
}

#share .googleplus .wrapper-share {
	background-position: -717px -220px;
	height: 42px;
	width: 100px !important;
}

#share .embebed .wrapper-share {
	background-position: -1787px -1434px;
	height: 212px;
	width: 334px !important;
}

.embebed-code
{
	text-align: left;
	margin-left: 30px;
	margin-top: 22px;
	font-family: 'Open Sans', sans-serif;
}

.embebed-code xmp
{
	font-family: 'Open Sans', sans-serif;
	color: #9B9B9B;
	font-size: 13px;
	line-height: 8px;
}

textarea
{
	width: 275px;
height: 117px;
text-align: left;
border: 0;
background: rgba(0, 0, 0, 0);
font-family: 'Open Sans', sans-serif;
color: #9B9B9B;
font-size: 13px;
line-height: 16px;
}

.embebed-code
{
	-webkit-touch-callout: auto;
	-webkit-user-select: auto;
	-khtml-user-select: auto;
	-moz-user-select: auto;
	-ms-user-select: auto;
	user-select: auto;
}

#references{
	cursor: default;
	width: 660px;
	height: 0;
	position: fixed;
	top: 30%;
	bottom: 0;
	left: 0;
	font-family: 'Open Sans', sans-serif;
	z-index: 9999999999999999999;
	right: 0;
	margin: auto;
	background: url(../img/sprite.png) -1788px -1744px no-repeat rgba(0, 0, 0, 0);
	-webkit-opacity: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	display: none;
	top: 50%;
	margin-top: -292px;
}

#references h1{
	font-size:34px;
	text-align:center;
	color:#fff;
	margin: 10px;
}
#references ul{
	
	font-size: 17px;
	word-wrap: break-word;
	color: #7B7B7B;
	padding: 0 35px;
	height: 1000px;
}

#references-scroll
{
	margin-top: 10px;
	height: 497px;
	width: 630px;
	overflow: hidden;
}

#references ul li{
	text-align:left;
	list-style:none;
	margin:20px 0;
}
#references ul li a{
	color:#36bbbc;
}

#references .close{
	color:transparent;
	cursor:pointer;
	font-size:0;
	width: 22px;
	height: 22px;
	background: url(../img/sprite.png) no-repeat -1951px -1378px transparent;
	position:absolute;
	right: 30px;
	top: 20px;
}
#overlay { 
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(204, 204, 204, 0.5);
	z-index: 9999999;
	-webkit-opacity: 0;
	opacity: 0;
	filter:alpha(opacity=0);
	display:none;
}

#scroll-background
{
	position: absolute;
	top: 65px;
	left: 620px;
	width: 9px;
	height: 494px;
	background: #F2F2F2;
	border-radius: 9px;
}


.logo-open-college { pointer-events: initial; }

#brain-inside .tooltip.greenlight_big .body { width: 93%;
margin-top: 15px; }

.iAb {
	background-color: transparent!important;
}

#mobiletext {
	height: 300px;
    position:absolute;
    top: 50%;
    margin-top: -150px;
    text-align: center;
    width: 100%;
}

#mobiletext p {
	font-family: 'Open Sans', sans-serif;
	color: #FFF;
	font-size: 22px;
}

#mobiletext h1 {
	font-family: 'Open Sans', sans-serif;
	font-size: 42px;
	font-weight: 300;
	color: #FFF;
	text-transform: uppercase;
}


.mac #share .facebook .wrapper-share 
 { padding-top: 12px; padding-left: 17px; }

 .mac #share .twitter .wrapper-share 
 { padding-top: 12px; padding-left: 5px; }


 .mac #share .pinterest .wrapper-share 
 { padding-top: 13px; padding-left: 8px; padding-right: 47px;}
 

  .mac #share .googleplus .wrapper-share 
 {  padding-left: 4px;  padding-right: 47px; padding-top: 13px;}

 .mac #share .wrapper-share  { width: 108px; }


 .slider-depth { /*margin-top: 718px;*/ margin-top: 217px; }



 #footer {
 	margin-top: 100px;

 }



 #share { margin-left : -250 }

 .send-button { 
 	cursor: pointer; 
 	
 }

 .send-button:hover{ 
 	background: url(../img/sprite.png) -797px -102px;
 }

.button-ok {
	border-radius: 8px;
}

.social-networks { width: 550px !important; }

#circle-complete-inside,
#circle-complete {
	background: url(../img/circle-preloader-complete.png);
	width: 541px;
	height: 541px;
	position: absolute;
	z-index:2;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
    -webkit-animation:spin 8s linear infinite;
    -moz-animation:spin 8s linear infinite;
    animation:spin 8s linear infinite;
}


@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }


#share > div .over{
	transition: all 0.45s;
	-webkit-transition: all 0.45s;
	-o-transition: all 0.45s;
	-ms-transition: all 0.45s;
	transform: scale(0);
	-ms-transform: scale(0);
	-webkit-transform: scale(0);
}

#share > div{position:relative}

#share > div:hover .over{
	transform: scale(0.71);
	-ms-transform: scale(0.71);
	-webkit-transform: scale(0.71);
	opacity: 1;	
}

#share > div:hover .normal{
	transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	opacity: 0;	
}


#circle-complete-inside .container {
	z-index:4;
}
#preloader .container {
	z-index:3;
}

#area-drag-inside,
#area-drag
{
	width: 650px;
	height: 650px;
	position: absolute;
	z-index:15;
	display: block;
	top: 0;
	left:0;
	background: black;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-;moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0
}

#points-inside,
#points {z-index:16;position: relative;}

.tooltip {z-index: 17;}

.limbic-system:hover, .cerebral-cortex:hover,
.limbic-system.active, .cerebral-cortex.active
{
	border-bottom:1px dotted #ccc;
}

.limbic-system,
.cerebral-cortex { cursor: pointer; }


.point .plus
{
	transition:all 0.45s;
	-webkit-transition:all 0.45s;
	-o-transition:all 0.45s;
}

.point:hover .plus
{
	transform:scale(1.5);
	-webkit-transform:scale(1.5);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-;moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}


.subitem.smiley .subitem-container {
	background-position: 616px -482px;
}

.subitem.glass .subitem-container {
	background-position: 488px -486px;
}

.subitem.arrow .subitem-container {
	background-position: 366px -492px;
}


.subitem.moll .subitem-container {
	background-position: -663px -302px;
}


.subitem.gear2 .subitem-container {
	background-position: 734px -581px;
}


.subitem.ship .subitem-container {
	background-position: -156px -486px;

}


.subitem.snake .subitem-container {
	background-position: 851px -487px;

}

.subitem.alert .subitem-container {
	background-position: 367px -393px;

}

.subitem.scream .subitem-container {
	background-position: 374px -387px;

}

#tooltips-container-inside .blueviolet_big .container{
	background-position: -391px -1107px;
	width: 466px;
	height: 466px;
}

#tooltips-container-inside .greenlight_big .container{
	background-position: -637px -2383px;
	width: 507px;
	height: 507px;
}


#brain-inside-frames-active,
#brain-frames-active {
	position: absolute;
	top: 0;
}