.brain{
	height: 820px;
	background-image: url('../img/brain-bg.jpg');
	background-repeat: no-repeat;
	background-position: center;
	color: #fff;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 100px;
	position: relative;
}
.head{
	position: relative;
	width: 835px;
	height: 588px;
	margin: 0 auto;
	overflow: hidden;
}
.ring1,.ring2,.ring3,.ring4,.ring5,.ring6,.brain-img,.head-img,
.brain__info1,.brain__info2,.brain__info3,.brain__info4,
.dot1,.dot2,.dot3,.dot4,
.line1,.line2,.line3,.line4
{
	position: absolute;
}
.brain__info1,.brain__info2,.brain__info3,.brain__info4{
	z-index: 10;
	text-align: left;
}
.ring1{
	top: 245px;
	left: 130px;
	-webkit-animation: spin-reverse 5s infinite linear;
	-o-animation: spin-reverse 5s infinite linear;
	animation: spin-reverse 5s infinite linear;
}
.ring2{
	top: 280px;
	right: 150px;
	-webkit-animation: spin 5s infinite linear;
	-o-animation: spin 5s infinite linear;
	animation: spin 5s infinite linear;
}
.ring3{
	bottom: -25px;
	left: 10px;
	-webkit-animation: spin 3s infinite linear;
	-o-animation: spin 3s infinite linear;
	animation: spin 3s infinite linear;
}

.ring4{
	bottom: -45px;
	left: 95px;
		-webkit-animation: spin-reverse 4s infinite linear;
	-o-animation: spin-reverse 4s infinite linear;
	animation: spin-reverse 4s infinite linear;
}
.ring5{
	bottom: -25px;
	right: 10px;
			-webkit-animation: spin-reverse 4s infinite linear;
	-o-animation: spin-reverse 4s infinite linear;
	animation: spin-reverse 4s infinite linear;
}
.ring6{
	bottom: -45px;
	right: 95px;
		-webkit-animation: spin 3s infinite linear;
	-o-animation: spin 3s infinite linear;
	animation: spin 3s infinite linear;
}
.head-img{
	bottom: 0;
	left: 58px;
	z-index: 4;
}
.brain-img{
	z-index: 5;
    bottom: 200px;
    left: 270px;
}
.brain__text{
	font-size: 2em;
	line-height: 1.3;
	font-weight: 700;
}
.brain__info1{
    width: 240px;
    height: 110px;
    left: 115px;
    top: 70px;
}
.line1{
	right: 10px;
	bottom: 15px;
}
.dot1{
	right: 0;
	bottom: 0;
}
.brain__info2{
    width: 240px;
    height: 145px;
    right: 120px;
    top: 90px;
}
.brain__info2 .brain__text{
	width: 110px;
	position: absolute;
	right: 0;
	top: 0;
}
.line2{
	left: 10px;
	bottom: 15px;
}
.dot2{
	left: 0;
	bottom: 0;
}
.brain__info3{
    width: 335px;
    height: 115px;
    left: 30px;
    top: 220px;
}
.brain__info3 .brain__text{
	width: 140px;
	position: absolute;
	left: 0;
	top: 0;
	text-align: right;
}
.line3{
	right: 10px;
	bottom: 15px;
}
.dot3{
	right: 0;
	bottom: 0;
}
.brain__info4{
    width: 260px;
    height: 130px;
    right: 35px;
    top: 185px;
}
.brain__info4 .brain__text{
	width: 125px;
	position: absolute;
	right: 0;
	top: 0;
}
.line4{
	left: 13px;
	bottom: 15px;
}
.dot4{
	left: 0;
	bottom: 0;
}
.brain__text_yellow{
	color: #fdc323;
}
.brain__text_blue{
	color: #22a3fd;
}
.brain__text_green{
	color: #b5e337;
}
.brain__text_red{
	color: #f12d57;
}