/* banner */

.service-banner{
	min-height: 500px;
	position: relative;
	overflow: hidden;
	padding: 0;
}

.service-intro__header h1{
	font-weight: 700;
}

@media(max-width: 991px){
	.service-banner{
		min-height: 210px;
	}
}

.service-banner__layer{
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}

.service-banner__media{
	position: relative;
    width: 100%;
    height: 100%;
}

.service-banner__media img{
	min-height: 100%;
    max-height: 100%;
    min-width: 100%;
    max-width: 240%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
}


/* first section */
.service-intro{
	background: #fff;
	padding: 70px 12px 50px;
}

@media(max-width: 991px){
	.service-intro{
		padding: 30px 12px 20px;
	}
}

.service-intro__header{
	margin-bottom: 30px;
	text-align: center;
}

.service-intro__list{
	display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.service__link{
	display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
	-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	font-size: 20px;
	color: #565656;
	padding: 30px 50px;
	width: 100%;
}

@media (max-width: 1200px){
	.service__link{
		padding: 30px 30px;
	}
}

.service__link:hover{
	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
	-webkit-transition:all ease-in-out .3s;
    -moz-transition:all ease-in-out .3s;
    -ms-transition:all ease-in-out .3s;
    -o-transition:all ease-in-out .3s;
    transition:all ease-in-out .3s;
}

.service__link >div{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
}

.service__image{
	-ms-flex-item-align: start;
        align-self: flex-start;
	padding-bottom:20px;
}

.service__image img{
	min-height: 60px;
	width: 80px;
	height: 60px;
}

.service__heading{
	text-align: center;
}


@media (min-width: 992px) {
	.service__box{
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		flex-basis:25%;
	}

	.service__link{
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
	}
}

@media (max-width: 991px) {
	.service__box{
		width:100%;
	}
}

/* second section */
.service-info{
	padding-top:50px;
	padding-bottom:50px;
}

.service-info:nth-child(even){
	background: #fff;
}


@media(min-width: 992px){
	.service-info .col-md-3{
	    padding-right: 60px;
	    text-align: center;
	}
}

@media(max-width: 991px){
	.service-info .col-md-3{
		margin-bottom: 20px;
	}
}

.service-info img {
	min-width: 100px;
	width: 100px;
	height: 75px;
}

.service-info h2{
	font-weight: 700;
	margin-top: 0;
	text-align: center;
}

.service-info ul li{
	color: #f26e3c;
	list-style: none;
	margin-bottom: 6px;
}