@import url('https://fonts.googleapis.com/css?family=PT+Sans');
@import url('https://fonts.googleapis.com/css?family=Patua+One');

/*
arrow
*/


#srv_grp_pg div.feat-arw{
background-image:url(img/grp_serv_list_arw.png);
background-repeat:no-repeat;
background-position:center 0;
height:40px;
width:50%; 
width:calc((100% - 880px) / 3 + 440px); 
}

@supports (display: grid){

	#srv_grp_pg div.feat-arw{
	height:20px;
	}
}

@media only screen and (max-width: 920px), only screen and (max-device-width: 920px) {

	#srv_grp_pg div.feat-arw{
	 width:calc((100% - 660px) / 2 + 440px); 
	}
}

@media only screen and (max-width: 750px), only screen and (max-device-width: 750px) {

	#srv_grp_pg div.feat-arw{
	 width:100%; 
	}
}

/* Featured items */

#srv_grp_pg div.feat-items {
 display: none;
 display: grid;
 grid-template-columns: 220px 220px 220px 220px;
 justify-content: space-between;
 margin:0 0 40px;
 padding:30px 0 0 0;
 border-bottom:1px solid #d2e4f2;
}

#srv_grp_pg div.feat-item{
 width:220px;
 text-align:center;
 padding:0 0 25px 0;
}

#srv_grp_pg div.feat-item div.thumb{
 background-color:#f9f9f9;
 width:220px;
 height:220px;
 margin:0 0 10px;
 background-repeat:no-repeat;
}

#srv_grp_pg div.feat-item div.thumb_mo{
 display:none;
}

#srv_grp_pg div.feat-item a:hover div.thumb_mo{
 display:block;
 background-color:#d2e4f2;
 width:220px;
 height:220px;
 margin:0;
 padding:0;
 filter: alpha(opacity=30); /* For IE8 and earlier */
 opacity: 0.3;
}

#srv_grp_pg div.feat-item a,
#srv_grp_pg div.feat-item a:visited{
 font-family:'Patua One',serif;
 font-size:18px;
 font-weight:normal;
 color:#1c75bb;
 text-decoration:none;
}

#srv_grp_pg div.feat-item a:hover{
 color:#777;
}

#srv_grp_pg div.feat-more a,
#srv_grp_pg div.feat-more a:visited{
 display:block;
 width:218px;
 line-height:218px;
 border:1px solid #ccc;
 text-align:center;
 font-family:'Patua One',serif;
 font-size:18px;
 font-weight:normal;
 color:#1c75bb;
 text-decoration:none;
 margin:0 0 25px 0; 
}

#srv_grp_pg div.feat-more a:hover{
 color:#999;
 border:1px solid #eee;
}

@media only screen and (max-width: 950px), only screen and (max-device-width: 950px) {

	#srv_grp_pg div.feat-items {
	  grid-template-columns: 220px 220px 220px;
	}
}

@media only screen and (max-width: 750px), only screen and (max-device-width: 750px) {

	#srv_grp_pg div.feat-items {
	  grid-template-columns: 220px 220px;
	  justify-content: space-evenly;
	}
}

@media only screen and (max-width: 540px), only screen and (max-device-width: 540px) {

	#srv_grp_pg div.feat-items {
	 justify-content: space-between;
	}
}

@media only screen and (max-width: 500px), only screen and (max-device-width: 500px) {

	#srv_grp_pg div.feat-items {
	  grid-template-columns: 220px;
	  justify-content: space-evenly;
	}

	#srv_grp_pg div.feat-more a,
	#srv_grp_pg div.feat-more a:visited{
	 line-height:60px;
	}
}


#srv_grp_pg div.feat-item div.thumb.pme_immo{
background-image:url(img/landing/pme_immo.jpg);
}

#srv_grp_pg div.feat-item div.thumb.pme_ca{
background-image:url(img/landing/pme_ca.jpg);
}

#srv_grp_pg div.feat-item div.thumb.pme_rh{
background-image:url(img/landing/pme_rh.jpg);
}

#srv_grp_pg div.feat-item div.thumb.pme_contr{
background-image:url(img/landing/pme_contr.jpg);
}

#srv_grp_pg div.feat-item div.thumb.pme_inc{
background-image:url(img/landing/pme_inc.jpg);
}

#srv_grp_pg div.feat-item div.thumb.pme_reso{
background-image:url(img/landing/pme_reso.jpg);
}

#srv_grp_pg div.feat-item div.thumb.succ_cert{
background-image:url(img/landing/succ_cert.jpg);
}

#srv_grp_pg div.feat-item div.thumb.succ_rech{
background-image:url(img/landing/succ_rech.jpg);
}

#srv_grp_pg div.feat-item div.thumb.succ_invent{
background-image:url(img/landing/succ_invent.jpg);
}

#srv_grp_pg div.feat-item div.thumb.succ_decla{
background-image:url(img/landing/succ_decla.jpg);
}

#srv_grp_pg div.feat-item div.thumb.succ_quit{
background-image:url(img/landing/succ_quit.jpg);
}

#srv_grp_pg div.feat-item div.thumb.copro_avis{
background-image:url(img/landing/copro_avis.jpg);
}

#srv_grp_pg div.feat-item div.thumb.copro_pv{
background-image:url(img/landing/copro_pv.jpg);
}

#srv_grp_pg div.feat-item div.thumb.copro_reso{
background-image:url(img/landing/copro_reso.jpg);
}