/*benefits*/
.wrap1:before {
    content: '';
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../imgs/benefits.jpg) no-repeat center;
    background-size: cover;
    overflow: hidden;
}
.benefits h2{
	color: #fff;
}
.benefits h3{
	color: #fff;
}

.benefits{
	width: 840px;
	margin-left:400px;
}
.benefits .logo{
	width: 240px;
}
.benefits .msg{
	margin-top: 20px;
	color: #fff;
	font-weight: bold;
}
.benefits .modBox{
	margin-top: 20px;
}
.benefits .modBox li{
	background: rgba(11,73,127,0.5);
}
.benefits .modBox li>img{
	width: 60px;
    height: 60px;
}
.benefits .modBox li>div{
	color: #fff;
	border-left: 4px solid rgba(255,255,255,.4);
}
.benefits .modBox li>div .line{
	background: rgba(255,255,255,.4);
}

@media (max-width: 768px){
	.wrap1:before {
	    background: url(../imgs/benefitsm.jpg) no-repeat center;
	    background-size: cover;
	}
	.benefits h2{
		color: #fff;
	}
	.benefits h3{
		color: #fff;
	}
	
	.benefits{
		width: 100%;
		margin:0px;
	}
	.benefits .logo{
		margin-top: 15px;
	}
	.benefits .msg{
		color: #fff;
		font-weight: normal;
		font-size: 13px;
		    text-align: justify;
    padding: 5px;
	}
	.benefits .modBox{
		margin-top: 15px;
	}
	.benefits .modBox li>img{
		padding: 5px;
	}
	.benefits .modBox li>div{
		border-left: none;
	}
}