.indexGrid{
	display: inline-block;
	width: 100%;
}

.indexGrid > div{
	display: inline-block;
	width: 25%;
	text-align: center;
	padding: 10px 5px;
	float: left;
	height: 130px;
}

.indexGrid > div img{
	max-width: 100%;
	height: 100%;
}


@media (max-width: 992px) {
	.indexGrid > div{
		width: 33%;
	}
}
@media (max-width: 768px) {
	.indexGrid > div{
		width: 50%;
	}
}

@media (max-width: 600px) {
	.indexGrid > div{
		width: 100%;
		height: auto;
	}
	
	.indexGrid > div img{
		width: 100%;
		height: auto;
	}
}


#carouselSuccessCasesWrap{
	display: inline-block;
	width: 100%;
	padding-left: calc(50% - 300px);
	padding-right: calc(50% - 300px);
}

.successCaseWrap{
	display: inline-block;
	width: 100%;
}

.successCase{
	background-color: #F2F2F2;
	display: inline-block;
	width: 100%;
}

.successCase .image{
	display: inline-block;
	width: 300px;
	float: left;
}
.successCase .image img{
	width: 100%;
}

.successCase .info{
	display: inline-block;
	width: calc(100% - 300px);
	float: left;
	padding: 10px;
}

.successCase .info .autor{
	margin-top: 20px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 1px;
    color: #003c77;
    text-transform: uppercase;
}

@media (max-width: 992px) {
	.successCase .image,
	.successCase .info{
		width: 100%;
		text-align: center;
	}
	
	.successCase .image img{
		max-width: 300px;
	}
}

#carouselSuccessCases .carousel-control.left,
#carouselSuccessCases .carousel-control.right{
	background-image: none;
}