@charset "UTF-8";

.techs {
	padding-top:45px;
	padding-bottom:45px;
}

.techs .wrap {
	width:760px;
	margin: 0 auto;
}
.techs .techs_house {
	position:relative;
	height:528px;
	background:url(techs_house.png) center no-repeat;
}
.techs .techs_house .tech {
	width:34px;
	height:34px;
	background:url(tech.png) center no-repeat #fff;
	cursor:pointer;
	border-radius:20px;
	border:rgba(247,148,29,.8) solid;
	position:absolute;
	overflow:hidden;
	-webkit-transition:all .4s ease-in-out;
	transition:all .4s ease-in-out;
	-webkit-animation:blink 2s linear infinite;
	animation:blink 2s linear infinite
}
.techs .techs_house .tech .tech_hover {
	height:91px;
	width:91px;
	left:-28px;
	top:-28px;
	cursor:pointer;
	position:absolute;
	border-radius:50px;
	opacity:0;
	-webkit-transition:opacity .3s;
	transition:opacity .3s
}
.techs .techs_house .tech .tech_img {
	width: 91px;
    height: 91px;
    position: relative;
    z-index: 2;
    border-radius: 50px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    /* opacity: .1; */
    -webkit-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1);
    box-sizing: border-box;
    border: 5px solid #F7A849;
}
.techs .techs_house .tech .tech_text {
	width:260px;
	position:absolute;
	color:#8b8b8b;
	font-size:14px;
	line-height:16px;
	z-index:2;
	background: #ffffff9c;
    padding: 10px;
    border-radius: 10px;
}
.techs .techs_house .tech .tech_text span {
	display:block;
	color:#000;
	font-size:20px;
	line-height:20px;
	margin-bottom:7px;
}
.techs .bttn,.techs .techs_house .tech .tech_text .descr {
	font-size:18px
}
.techs .techs_house .tech .tech_line {
	position:absolute;
	z-index:1
}
.techs .techs_house .tech:hover {
	overflow:visible
}
.collapsing,.modal,.modal-open {
	overflow:hidden
}
.techs .techs_house .tech:hover .tech_hover {
	opacity:1
}
.techs .bttn {
	margin:0 auto;
	width:390px;
	height:47px;
	line-height:47px
}
.techs .t1 {
	left:211px;
	top:57px
}
.techs .t1 .tech_img {
	background:url(t1.png) center no-repeat
}
.techs .t1 .tech_text {
	left:-319px;
	top:-41px
}
.techs .t1 .tech_line {
	width:163px;
	height:56px;
	background:url(l1.png) center no-repeat;
	left:-136px;
	top:-50px
}
.techs .t2 {
	left:83px;
	top:268px
}
.techs .t2 .tech_img {
	background:url(t2.png) center no-repeat
}
.techs .t2 .tech_text {
	left:-269px;
	top:-13px
}
.techs .t2 .tech_line {
	width:117px;
	height:36px;
	background:url(l2.png) center no-repeat;
	left:-85px;
	top:-5px
}
.techs .t3 {
	left:242px;
	top:327px
}
.techs .t3 .tech_img {
	background:url(t3.png) center no-repeat
}
.techs .t3 .tech_text {
	left:-375px;
	top:72px
}
.techs .t3 .tech_line {
	width:246px;
	height:37px;
	background:url(l3.png) center no-repeat;
	left:-225px;
	top:64px
}
.techs .t4 {
	left:590px;
	top:333px
}
.techs .t4 .tech_img {
	background:url(t4.png) center no-repeat
}
.techs .t4 .tech_text {
	left:213px;
	top:-73px
}
.techs .t4 .tech_line {
	width:161px;
	height:94px;
	background:url(r3.png) center no-repeat;
	left:47px;
	top:-67px
}
.techs .t5 {
	left:492px;
	top:18px
}
.techs .t5 .tech_img {
	background:url(t5.png) center no-repeat
}
.techs .t5 .tech_text {
	left:216px;
	top:-45px
}
.techs .t5 .tech_line {
	width:128px;
	height:54px;
	background:url(r4.png) center no-repeat;
	left:77px;
	top:-39px
}
.techs .t6 {
	left:563px;
	top:214px
}
.techs .t6 .tech_img {
	background:url(t6.png) center no-repeat
}
.techs .t6 .tech_text {
	left:239px;
	top:75px
}
.techs .t6 .tech_line {
	width:172px;
	height:41px;
	background:url(r2.png) center no-repeat;
	left:61px;
	top:50px
}
.techs .t7 {
	left:294px;
	top:444px
}
.techs .t7 .tech_img {
	background:url(t7.png) center no-repeat
}
.techs .t7 .tech_text {
	left:-248px;
	top:122px
}
.techs .t7 .tech_line {
	width:156px;
	height:80px;
	background:url(l4.png) center no-repeat;
	left:-119px;
	top:60px
}
.techs .t8 {
	left:415px;
	top:472px
}
.techs .t8 .tech_img {
	background:url(t8.png) center no-repeat
}
.techs .t8 .tech_text {
	left:286px;
	top:63px
}
.techs .t8 .tech_line {
	width:187px;
	height:35px;
	background:url(r1.png) center no-repeat;
	left:89px;
	top:56px
}
.t9 {
	left:283px;
	top:124px;
}

.t9 .tech_img {
	background:url(t9.png) no-repeat center;
}

.t9 .tech_text {
	left:-385px;
	top:-125px;
}

.t9 .tech_line {
	width:180px;
	height:143px;
	background:url(t1l.png) no-repeat center;
	left:-165px;
	top:-115px;
}

.t10 {
	left:199px;
	top:227px;
}

.t10 .tech_img {
	background:url(t10.png) no-repeat center;
}

.t10 .tech_text {
	left:-295px;
	top:120px;
}

.t10 .tech_line {
	width:150px;
	height:49px;
	background:url(t2l.png) no-repeat center;
	left:-150px;
	top:55px;
}

.t11 {
	left:154px;
	top:352px;
}

.t11 .tech_img {
	background:url(t11.png) no-repeat center;
}

.t11 .tech_text {
	left:-255px;
	top:140px;
}

.t11 .tech_line {
	width:74px;
	height:74px;
	background:url(t3l.png) no-repeat center;
	left:-65px;
	top:70px;
}

.t12 {
	left:225px;
	top:464px;
}

.t12 .tech_img {
	background:url(t12.png) no-repeat center;
}

.t12 .tech_text {
	left:140px;
	top:100px;
}

.t12 .tech_line {
	width:89px;
	height:52px;
	background:url(t4l.png) no-repeat center;
	left:47px;
	top:62px;
}

.t13 {
	left:560px;
	top:105px;
}

.t13 .tech_img {
	background:url(t13.png) no-repeat center;
}

.t13 .tech_text {
	left:100px;
	top:-135px;
}

.t13 .tech_line {
	width:38px;
	height:132px;
	background:url(t5l.png) no-repeat center;
	left:50px;
	top:-125px;
}

.t14 {
	left:582px;
	top:371px;
}

.t14 .tech_img {
	background:url(t14.png) no-repeat center;
}

.t14 .tech_text {
	left:65px;
	top:145px;
}

.t14 .tech_line {
	width:41px;
	height:95px;
	background:url(t6l.png) no-repeat center;
	left:50px;
	top:45px;
}
@-webkit-keyframes blink {
	0%,100% {
		box-shadow:0 0 8px 4px rgba(255,87,0,.5)
	}
	50% {
		box-shadow:none
	}
}
@keyframes blink {
	0%,100% {
		box-shadow:0 0 8px 4px rgba(255,87,0,.5)
	}
	50% {
		box-shadow:none
	}
}