.taxonomy--box{
    display:flex;
    width:100%;
    flex-wrap: wrap;
}
.taxonomy--box > div{
    box-sizing:border-box;
    width:100%;
    background:#FFF;
    border:1px solid #EFEFEF;
    padding:15px;
}
.htm-taxgrid2{
	padding-top:15px;
	padding-bottom:15px;
}
.htm-taxgrid2 h3{
    font-size:1.3rem;
    font-weight:bold;
}
.taxonomy--box h3{
    font-size:1rem;
    font-weight:bold;
}
.taxonomy--box h3 a{
    position:relative;
    padding-right:50px;
    display:block;
}
.taxonomy--box h3 a:hover{
	text-decoration:none;
}
.taxonomy--box h3 a:hover span{
	background:#dd3333;
	color:#FFF;
}
	
.taxonomy--box h3 span{
    position:absolute;
    right:0;
    top:-4px;
    background: #f8f9fb;
    border-radius: 1.875rem;
    color: #233141;
    display: inline-block;
    font-size: .875rem;
    padding: 6px 0.9375rem;
}
.taxonomy--box > div div{
    font-weight:bold;
    text-transform:uppercase;
}
.taxonomy--box > div > div a{
	position:relative;
	display:inline-block;
	padding-right:30px;
}

.taxonomy--box > div > div a:before{
content: "\f105";
    font-family: FontAwesome;
    color: #9fa6ae;
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
    position: absolute;
    z-index: 5;
    top: 50%;
	transform:translateY(-50%);
    right: 0;
    vertical-align: middle;
    transition: 320ms;
    font-weight: 600;
}

.taxonomy--box ul{
    list-style:none;
    margin:15px 0;
    padding:0;
}

.htm-taxgrid2 ul{
	list-style:none;
    margin:15px 0;
    padding:0;
}
.htm-taxgrid2 ul li a,
.taxonomy--box ul li a{
	position:relative;
	display:block;
    color:#007acc;
	padding-left:25px;
}
.htm-taxgrid2 ul li a:after,
.taxonomy--box ul li a:after{
    content: "\f10c" !important;
    font-family: FontAwesome;
    color: #dd3333;
    font-weight: normal;
    font-style: normal;
    font-size: 12px;
    position: absolute;
    z-index: 5;
    top: 50%;
	transform:translatey(-50%);
    left: 5px;
    margin-right: 10px!important;
}
.htm-taxgrid2 ul li a:before{
	content: "\f105";
    font-family: FontAwesome;
    color: #9fa6ae;
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
    position: absolute;
    z-index: 5;
    top: 50%;
	transform:translateY(-50%);
    right: 10px;
    vertical-align: middle;
    transition: 320ms;
    font-weight: 600;
}
.htm-taxgrid2 ul li,
.taxonomy--box ul li{
    position:relative;
}
.htm-taxgrid2 .htm-cols-3{
	display:flex;
	flex-wrap:wrap;
}

.htm-taxgrid2 ul{
	padding:0 15px;
}
.htm-taxgrid2 ul li:first-child{
	border-top:1px solid #EFEFEF;
}
.htm-taxgrid2 ul li{
	border-bottom:1px solid #EFEFEF;
}

.htm-taxgrid2 .htm-cols-3{
	margin-left:-15px;
	margin-right:-15px;
	
}
@media(min-width:768px){
	.htm-taxgrid2 .htm-cols-3 > div,
    .taxonomy--box > div{
        width:50%;
    } 
}
@media(min-width:1024px){
	.htm-taxgrid2 .htm-cols-3 > div{
		width:33.3%;
	}
    .taxonomy--box > div{
        width:25%;
    } 
}