#new_block {
	width:100%;
	overflow: hidden;
}

/*main blocks*/

.div_1 {
	float:left;
	width: 40%;
	position:relative;
}
.div_2 {
	float:left;
	width: 34%;	
}
.div_3 {
	float:left;
	width: 26%;	
	position:relative;
}
.div_4 {
	float:left;
	width: 100%;
}

/*subblocks 2*/

.div_2_1 {
	float:left;
	width: 56%;	
	position:relative;
}
.div_2_2 {
	float:left;
	width: 44%;	
	position:relative;
}
.div_2_3 {
	float:left;
	width: 56%;	
	position:relative;
}
.div_2_4 {
	float:left;
	width: 44%;	
	position:relative;
}

/*Subblocks 4*/

.div_4_1 {
	float:left;
	width: 13%;
	margin-left: 4.5%;
	position:relative;
}
.div_4_2 {
	float:left;
	width: 13%;	
	position:relative;	
}
.div_4_3 {
	float:left;
	width: 13%;
	position:relative;
}
.div_4_4 {
	float:left;
	width: 13%;
	position:relative;
}
.div_4_5 {
	float:left;
	width: 13%;	
	position:relative;	
}
.div_4_6 {
	float:left;
	width: 13%;	
	position:relative;
}
.div_4_7 {
	float:left;
	width: 13%;	
	position:relative;
}

/*hovers*/
.div_hover3:hover::before {
	content: attr(data-title);
    position: absolute;
    top: 43%;
    left: 33%;
    font-size: 25px;
	font-weight: bold;
}
.div_hover1:hover::before {
	content: attr(data-title);
    position: absolute;
    top: 40%;
    left: 43%;
    font-size: 25px;
	font-weight: bold;
}
.div_hover4:hover::before {
	content: attr(data-title);
    position: absolute;
    top: 36%;
    left: 0;
	right:0;
	text-align:center;
    font-size: 22px;
	font-weight: bold;
}

.div_4_4:hover::before{
	top:20%;
	    font-size: 17px;
}


.div_hover2:hover::before {
	content: attr(data-title);
    position: absolute;
    top: 36%;
    left: 0;
	right:0;
	text-align:center;
    font-size: 22px;
	font-weight: bold;
}
.div_hover22:hover::before {
	content: attr(data-title);
    position: absolute;
    top: 36%;
    left: 0;
	right:0;
	text-align:center;
    font-size: 22px;
	font-weight: bold;
}
.img_hover:hover {
	opacity: 0.4;
}


.div_2_3:hover::before{
	font-size:18px;
}