.hero-about{
	background:url(/images/about-us/office-blurred.jpg) no-repeat !important;
	background-size:cover !important;
}

.hero-about .img-overlay{
	width:600px;
}

.hero-about .img-overlay img{
	width:54%
}



.core-value-case{
	position:relative;
	margin-top:50px;
}


.core-value-case::before{
	position:absolute;
	content:"";
	left:-50px;
	top: -35px;
    width: 200px;
    height: 240px;
	z-index:1;
	background:url("../images/team/watches.png");
	background-repeat:no-repeat;
	background-size:cover;
}

.core-value-case::after{
	position:absolute;
	content:"";
	right:0px;
	top:0px;
	width:190px;
	height:349px;
	z-index:1;
	background:url("../images/team/flowers.png");
	background-repeat:no-repeat;
	background-size:cover;
}


.core-value-box{
	position:relative;
	padding:50px 30px;
	margin-bottom:50px;
	background:url("../images/team/cv-bg.png");
	background-size:cover;
}

.core-value-box::before{
	position:absolute;
	content:"";
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color: #f4f4f4;
}

.core-value-box:hover.core-value-box::before{
	display:none;
}

.core-value-box:hover{
	color:#fff;
}

.cv-digit{
	position:relative;
	font-weight:bold;
}

.cv-text{
	position:relative;
	height: 30px;
}


.dots-layer-white,
.dots-layer-grey{
	position:absolute;
	content:"";
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:1;
}

.core-value-box:hover .dots-layer-grey{
	display:none;
}

.dots-box{
	position:relative;
	height:100%;
}

.dots-top{
	position:absolute;
	left:10px;
	top:10px;
	z-index:1;
}

.dots-bottom{
	position:absolute;
	right:10px;
	bottom:10px;
	z-index:1;
}


/*** media queries ***/


@media only screen and (min-width:767px){

	.core-value-case .col-sm-4{
		display:inline-block;
		float:none!important;
		width:32.333333%;
	}
}

@media only screen and (min-width:768px) and (max-width:1024px){
	.core-value-case::before{
		left: -40px;
		top: -35px;
		width: 167px;
		height: 200px;
	}


}

@media only screen and (max-width:767px){

	.core-value-case::after{
		width:103px;
		height:190px;
	}

	.core-value-case::before{
		left: -33px;
		top: -35px;
		width: 128px;
		height: 155px;
	}

	.hero-about .hero-btn-box a.hero-btn{
		margin-bottom:20px;
	}

	.hero-about .img-overlay{
		position:relative;

	}
	.hero-about .img-overlay img{
		width:300px;
		float:none;
	}


}