@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700");
.img-fluid {
    width: 100%;
    height: auto;
}
/*
.ikhlas-icon {
	background: url(../images/takaful-sprite.png) no-repeat;
	display: inline-block;
	margin-top: 10px;
}

.icon-towtruck {
	background-position: -29px -802px;
	width: 66px;
	height: 49px;
	margin: 37px 0 0 30px;
}

.icon-phone {
	background-position: -483px -814px;
	width: 25px;
	height: 25px;
	margin-right:5px;
}
.icon-feedback {
	background-position: -135px -815px;
	width: 30px;
	height: 23px;
	margin: 20px 0;
}
.icon-branch {
	background-position: -206px -813px;
	width: 28px;
	height: 28px;
	margin: 20px 0;
}
.icon-panel {
	background-position: -274px -815px;
	width: 30px;
	height: 23px;
	margin: 20px 0;
}
.icon-forms {
	background-position: -345px -813px;
	width: 20px;
	height: 27px;
	margin: 20px 0;
}
.towtruck-circle::after{
	content: '';
	background: url('../images/takaful-sprite.png') no-repeat -405px -803px;
	width: 48px;
	height: 48px;
	position: absolute;
	display: inline-block;
	margin-left: -10px;
}	

.middle-content.container {
	text-align:center;
	padding-bottom: 100px;
    padding-top: 80px;
}
.towtruck-circle-wrapper, .bantuan-text {
    display: inline-block;
    vertical-align: middle;
}

.towtruck-circle {
    background: #8dc53e none repeat scroll 0 0;
    border-radius: 127px;
    height: 127px;
    width: 127px;
}

.bantuan-text-tel{
	font-size:32px;
	font-weight:600;
	color:#333333;
	margin-bottom:10px;
	position:relative;
	bottom:-20px;
	left:20px;
}

.bantuan-text-ikhlas{
	font-size:14px;
	color:#333333;
	left: 66px;
    position: relative;
	top:5px;
}


.middle-right-top-first, .middle-right-top-second{
	display: inline-block;
    vertical-align: middle;
}

.middle-right-top-third, .middle-right-top-forth{
	display: inline-block;
    vertical-align: middle;
}
.feedback-circle,
.branch-circle,
.panel-circle,
.forms-circle,
.text-circle{
	display: inline-block;
    vertical-align: middle;
}

.text-circle{
	font-size:20px;
	text-align:left;
	margin-top:20px;
	color:#000;
}


.feedback-circle {
    background: #f2dc73;
    border-radius: 70px;
    height: 70px;
    width: 70px;
}
.branch-circle {
    background: #f8abad;
    border-radius: 70px;
    height: 70px;
    width: 70px;
}
.panel-circle {
    background: #9fd18a;
    border-radius: 70px;
    height: 70px;
    width: 70px;
}
.forms-circle {
    background: #f6bd62;
    border-radius: 70px;
    height: 70px;
    width: 70px;
}

.middle-right-top-first:hover .feedback-circle .icon-feedback{
	background-position: -135px -873px;
	width: 30px;
	height: 23px;
}
.middle-right-top-second:hover .branch-circle .icon-branch{
	background-position: -206px -871px;
	width: 28px;
	height: 28px;
}
	
.middle-right-top-third:hover .panel-circle .icon-panel{
	background-position: -274px -873px;
	width: 30px;
	height: 23px;
}
.middle-right-top-forth:hover .forms-circle .icon-forms{
	background-position: -345px -871px;
	width: 20px;
	height: 27px;
}

.middle-left{
	text-align:left;
}

.middle-right-top-second{
	margin-bottom:35px;
}
*/