.title--center {
	text-align: center
}

.title__text {
	display: inline-block;
	position: relative;
	color: #3a3a3a;
	font-family: "Roboto", "Arial", sans-serif;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 30px;
	line-height: 34px
}



.our__pre {
	font-size: 0;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.pre__elem {
	font-size: 16px;
	display: inline-block;
	vertical-align: top;
	/* width: 20%; */
	width: 270px;	
	background: #fff;
	position: relative;
	height: 240px;
	border: 2px solid #0b88c8;
	margin-bottom: 20px;
}

.pre__elem.fff {
	background: #fff
}

.pre__elem_r {
	font-size: 16px;
	display: inline-block;
	vertical-align: top;
	width: 20%;
	background: #00aeb4;
	position: relative;
	height: 100px
}

.pre__elem_r.eee {
	background: #e34600
}

.pre__img {
	position: absolute;
	bottom: 5px;
	right: 5px
}

.pre__img img {
	
	width: 100%
}


.pre__elem:hover>.pre__text {

	font-size: 110%;

}

.pre__text {
	padding: 0 30px;
	padding-top: 25px;
	text-align: left;
	text-decoration: none;
	color: #0b88c8;
	font-family: 'Roboto', sans-serif;
	/* font-size: 15px; */
	font-size: 100%;
	position: relative;
	transition: all .3s;
}

.pre__text_r {
	padding: 0 25px;
	padding-top: 25px;
	text-align: left;
	text-decoration: none;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	position: relative
}

.pre__text:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 30px;
	width: 40px;
	height: 2px;
	background: #e75f22;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
	opacity: 0;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s
}

.pre__text:hover,
.pre__text:focus,
.pre__elem:hover,
.pre__elem:focus {
	text-decoration: none
}


@media screen and (max-width: 600px){
    .our__pre{
			justify-content: center;
		}
}

@media screen and (max-width: 400px){
    .pre__elem {
			width: 100% !important;
		}
}