/* --------- ITEMS OF FLYERS ---------- */

.flyers {text-align: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; justify-content: space-around; margin: 5px auto;}

.flyers a {line-height: 18px; flex: 1 0 250px; max-width: 250px; text-align: center; padding: 22px 10px; vertical-align: top; margin: 0px 10px 35px 10px; border-radius: 7px; border: 1px solid rgba(0,0,0,0.1); min-height: 224px;}

.flyers h5 {font-size: 14px; margin: 3px auto; display: block; word-break: break-word;}


.flyers a:hover {text-decoration: none; border: 1px solid #fff; box-shadow: 1px 1px 14px #ccc; -webkit-box-shadow: 1px 1px 14px #ccc; -moz-box-shadow: 1px 1px 14px #ccc; text-decoration: none;}
.flyers img {max-width: 180px; opacity :0.7; filter:alpha(opacity=70);}
.flyers a div {margin: 10px auto; float: none; clear: both; width: 180px; height: 150px; overflow: hidden;  background: #fff;}

.flyers a:hover img {box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; opacity:1.0; filter:alpha(opacity=100);}

.flyers a:hover div {box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;}

.flyers .flag {width: 14px; height: 10px; border: 1px solid #ccc; vertical-align: -1px; display: inline-block;}

.flyers .logo {width: auto; max-height: 40px; z-index: 5; position: absolute; margin: -15px 0px 0px -10px; border: 2px solid #fff;}

.flyers .logo, .flyers .flag  {opacity:1.0; filter:alpha(opacity=100);}