#banner{
width:100%;
height:338px;
}

#banner.faq-banner{
 width:100%;
 height:auto;
 vertical-align:top;
}

#banner.faq-banner img{
 width:100%;
 height:auto;
}

.service{
 
}

#services-list{
 padding:0 22px;
}

.service .services{
 width:287px;
 height:72px;
 padding:6px;
 border:1px solid #fff;
 float:left;
 margin:0 24px 4px 0;
overflow:hidden;
}

.service .services.last{
 margin:0 0 4px;
}

.service .services:hover{
 
}

.service .services .service-img{
 width:72px;
 height:72px;
 float:left;
 overflow:hidden;
 margin-right:12px;
}

.service .services .service-info{
 width:203px;
 height:72px;
 float:left;
}



.service .services .service-info h5,.services .service-info h5 a{
 color:#344e86;
 font-size:16px;
 margin:5px 0 4px;
}

#services-list .services.active,#services-list .service-info.active{
height:auto;
}

#services-list .services,#services-list .service-info{
height:auto;
}

#services-list .service-info p,#services-list .service-info ul{
margin-bottom:10px;
}

#services-list .service-info.active .readmore{
display:inline;
}

#services-list .service-info ul{
margin:0px;
padding-left:1em;
}

#services-list .service-info .readmore{
display:inline;
}

.service .services.empty:hover{
 border:1px solid #fff;
}

#services-container div.column{
width:33%;
float:left;
}


@media all and (min-device-width:769px),all and (min-width:769px)
{
 #services-container div.column{
 width:33%;
 float:left;
 }
}


@media all and (max-device-width:768px),all and (max-width:768px)
{
 #services-container div.column{
 width:100%;
 float:left;
 }
 
 #services-container div.column :last-child{
 padding-bottom:30px;
 }
}

#services-container div.column h3{
 width:100%;
margin:0px auto;
padding-left:1em;
font-size:20px;
color:#344E86;
font-weight:700;
 text-align:left;
}

#text{
width:100%;
 height:auto;
 color:#344E86;
 text-align:center;
}

h1.text-content{
width:100%;
font-size:20px;
color:#344E86;
font-weight:bold;
}