#items > div{cursor:pointer;}
#items .col-inner{padding:0.5rem;}
#items .col-inner > div{position:relative;box-shadow:2px 2px 10px 0px rgba(0,0,0,0.25);}

.item_img_wrapper{background:#031026;position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}
.item_img{background:#031026;position:relative;overflow:hidden;}
.item_img_wrapper .item_img{opacity:0.4;position:absolute;top:0;left:0;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;}
.item_img img{opacity:0.4;vertical-align:top;transition: transform .5s ease;}
.item_info{position:absolute;left:0;top:0;display:table;height:100%;width:100%;text-align:center;box-sizing:border-box;padding:0.625rem;text-shadow:2px 2px 6px #000;overflow:hidden;}
.item_info > div{display:table-cell;vertical-align:middle;color:#fff;padding:0 1.5rem;box-shadow:0px 0px 0px 1px rgba(255,255,255,0.5);  }
.item_data h2{display:block;font-size:1.5rem;font-weight:500;text-transform:uppercase;line-height:1.5;}
.item_data h1{display:block;font-size:2rem;font-weight:500;text-transform:uppercase;line-height:1.5;}
.item_data span{display:block;padding-top:1rem;}
.item_desc{display:none;font-weight:600;color:#fff;line-height:1.5;font-size:0.9375rem;}

#items .col-inner > div:hover .item_data{display:none;}
#items .col-inner > div:hover .item_desc{display:block;}
#items .col-inner > div:hover .item_img img{opacity:0.25;transform:scale(1.05);}
#items a,#items a:visited,#items a:hover{color:#fff;}
#items a.a_button,#items a.a_button:visited{margin-top:1.25rem;text-shadow:none;}

.banks_label{text-align:center;background:#1b4792;color:#fff;padding:0.625rem 1rem;font-weight:400;text-transform:uppercase;}
.banks{border-top:1px solid #c6c6c6;border-left:1px solid #c6c6c6;}
.banks .col-1-6{border-bottom:1px solid #c6c6c6;border-right:1px solid #c6c6c6;background:#fff;text-align:center;font-weight:400;}
.banks .col-inner{display:table;width:100%;padding:0.625rem 1rem;border:1px solid #fff;cursor:pointer;}
.banks .col-inner:hover,.banks .col-1-6.active .col-inner{border:1px solid #c6c6c6;}
.banks .col-inner > div{display:table-cell;vertical-align:middle;text-align:center;line-height:1.5;}
.banks .col-inner > div img{vertical-align:top;}
.banks .col-1-6:not(.active) .col-inner > div img{opacity:0.87;}
.banks .col-inner:hover > div img{opacity:1;}
.banks .col-1-6.inactive .col-inner > div img{filter: grayscale(100%);}
.banks .col-1-6.inactive .col-inner:hover > div img{filter: grayscale(0%);}

@media screen and (max-width: 1280px) {
.item_info > div{padding:0 1rem;}
.item_data h2{font-size:1.25rem;}
.item_desc{line-height:1.5;font-size:0.9375rem;padding-top:0;}
#items a.a_button{display:none;}

.banks .col-inner{padding:0.625rem;}
.banks .col-inner > div{font-size:0.9375rem;}
}
@media screen and (max-width: 1024px) {
#items .col-1-3{width:50%;}

.banks .col-1-6{width:25%;}
.banks .col-inner > div{font-size:0.9375rem;}
}

@media screen and (max-width: 768px) {
#items .col-1-3{float:left;}
.item_info > div{padding:0 1rem;}
.item_data h2{font-size:1.125rem;}
.item_desc{line-height:1.5;font-size:0.875rem;}

.bank{display:none;}
.banks .col-inner{padding:0.625rem 1rem;}
.banks .col-inner > div{font-size:1rem;}
}
@media screen and (max-width: 600px) {
#items .col-1-3{float:none;width:auto;}
.item_data h2{font-size:1.5rem;}
.item_desc{line-height:1.625;font-size:1rem;}
#items a.a_button{display:inline-block;}

.banks .col-1-6{width:33.3333333333%;}
.banks .col-inner > div{font-size:0.9375rem;}
}
@media screen and (max-width: 480px) {
.item_data h2{font-size:1.25rem;}
.item_desc{font-size:0.9375rem;}
#items a.a_button{display:none;}

.banks .col-1-6{float:left;width:50%;}
.banks .col-inner > div img{max-height:40px;}
}
@media screen and (max-width: 479px) {
#items a.a_button{display:none;}
}