/* detail */
.Service.Detail .fa{position:relative;height:120px;line-height:100px;width:100%;text-align:center;color:#000;font-size:60px;display:block;overflow:hidden}

/* overview */
.Service.Overview{text-align:center}
.Service.Overview .block-grid{position:relative;overflow:hidden;margin:0;background:#f5f5f5;text-align:center;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;line-height:1}
.Service.Overview .block-grid > li {position:relative;z-index:2;background:#fff;overflow:hidden;display:block;margin:0;padding:15px 7px;outline:0;background:none transparent;-moz-transition:all .22s ease-in;-o-transition:all .22s ease-in;-webkit-transition:all .22s ease-in;transition:all .22s ease-in;font-size:115%;vertical-align:top}
.Service.Overview .block-grid > li h4{margin-bottom:3px}
.Service.Overview .block-grid > li:before{position:absolute;content:'';margin-left:-7px;top:0;width:0;height:100%;display:block;border-left:1px solid #fff;border-right:1px solid #e3e2e3;z-index:3}
.Service.Overview .block-grid > li:first-child:before{display:none}
.Service.Overview .block-grid > li:hover{color:#fff}
.Service.Overview .block-grid > li:after{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;opacity:0;-moz-transition:all .22s ease-in;-o-transition:all .22s ease-in;-webkit-transition:all .22s ease-in;transition:all .22s ease-in;background:#f69731;background:-webkit-gradient(linear,left top,right top,color-stop(0,#f69731),color-stop(0.35,#f6b831),color-stop(0.65,#f6b831),color-stop(1,#f69731));background:-o-linear-gradient(right,#f69731 0,#f6b831 35%,#f6b831 65%,#f69731 100%);background:-moz-linear-gradient(right,#f69731 0,#f6b831 35%,#f6b831 65%,#f69731 100%);background:-webkit-linear-gradient(right,#f69731 0,#f6b831 35%,#f6b831 65%,#f69731 100%);background:-ms-linear-gradient(right,#f69731 0,#f6b831 35%,#f6b831 65%,#f69731 100%);background:linear-gradient(to right,#f69731 0,#f6b831 35%,#f6b831 65%,#f69731 100%);visibility: hidden;}
.Service.Overview .block-grid > li:hover:after{visibility: visible; opacity:1}
.Service.Overview .block-grid > li:hover h4{color:#fff !important}
.Service.Overview .block-grid > li:hover .fa{color:#fff}
.Service.Overview .block-grid > li a:hover,.Service.Overview .block-grid > li:hover a{color:#fff}

/* sidecolumn */
.sidecolumn .Service.Overview .block-grid > li{width:100%;clear:both;float:none}


@media(max-width:767px){
	.Service.Detail .fa{font-size:40px;height:70px;line-height:70px}
	.Service.Overview .block-grid > li{width:50%;clear:none;float:left}
}