.subpages-yrfilter { text-align:center !important; padding-bottom:30px; }
.subpages-yrfilter SELECT { border:1px solid #8c8c8c; border-radius:8px; font-family: 'Lato', sans-serif; font-weight:normal; font-size:16px; color:#112e55; line-height:40px; height:40px; padding:0px 40px 0px 10px; appearance:none; position:relative; background:url('/qql/slot/u143/nstyle/sub/edm/filter-dropdown.png') calc(100% - 10px) center no-repeat; width:200px; }
.subpages-yrfilter SELECT:before { content:''; width:1px; height:30px; position:absolute; top:5px; right:20px; background:#8c8c8c; }

.subpages-item-list { display:flex; flex-wrap:wrap; justify-content:space-between; }
.subpages-item-list > DIV { margin:0px 0px 30px 0px; width:23%; }
.subpages-item-list > DIV A { display:block; padding:20px 20px 60px 20px; border-radius:40px 0px 40px 40px; border:1px solid #124068; width:100%; min-height:150px; position:relative; text-decoration:none; box-sizing:border-box; height:100%; }
.subpages-item-list > DIV A H4 {  font-family: 'Lato', sans-serif; font-weight:bold; font-size:18px; text-align:left; margin-bottom:10px; }
.subpages-item-list > DIV A H5 {  font-family: 'Lato', sans-serif; font-weight:normal; font-size:15px; }

.subpages-item-list > DIV:nth-child(odd) A { background:#FFFFFF; }
.subpages-item-list > DIV:nth-child(odd) A H4 { color:#112e55; }
.subpages-item-list > DIV:nth-child(odd) A H5 { color:#112e55; }

.subpages-item-list > DIV:nth-child(even) A { background:#124068; }
.subpages-item-list > DIV:nth-child(even) A H4 { color:#FFFFFF; }
.subpages-item-list > DIV:nth-child(even) A H5 { color:#FFFFFF; }

.subpages-item-list > DIV A:hover  { background:#e6813a; border:2px solid #e6813a; }
.subpages-item-list > DIV A:hover:after { content:'Read more \2192'; display:block; font-family: 'Lato', sans-serif; font-weight:normal; font-size:16px; color:#FFFFFF; position:absolute;bottom:20px; left:0px; padding:0px 20px; }
.subpages-item-list > DIV A:hover H4 { color:#FFFFFF; }
.subpages-item-list > DIV A:hover H5 { color:#FFFFFF;  }

@media  screen  and (max-width:768px) {
	.subpages-item-list > DIV { width:48%; }
	.subpages-item-list > DIV A H4 {  font-size:18px; }
	.subpages-item-list > DIV A H5 {  font-size:14px; }
	
	.subpages-item-list > DIV:nth-child(odd) A H4 { color:#124068; }
	.subpages-item-list > DIV:nth-child(odd) A H5 { color:#124068; }	
}

@media  screen  and (max-width:450px) {
	.subpages-item-list > DIV { width:100%; }
}