/** CTR Hovering Blocks **/
.ctrBlock {width:100%; height:100%;max-height:150px;margin:10px; word-wrap: break-word; border:3px solid transparent; text-align:center; float:left; font-size:1.2em; word-break:break-word;}
.ctrBlock:hover a {border:3px solid #ccc; color:#fff; background-color: rgb(216, 38, 38); width:100%; word-wrap: break-all; height:100%; font-size: 1em; font-family: 'Roboto',sans-serif; font-weight: 700 !important; text-transform: uppercase;}

.ctrBlock a { position:relative; min-height:100px; min-width:100px; display: block; width: 100%; height: 100%; border:3px solid transparent;}
.ctrBlock:hover .block-text { display: table-cell; }

.blockBackgroundImage {position: absolute; top: 0px; left: 0px; width:100%; height:100%; text-align:center;}
.blockBackgroundImage img { margin:0 auto; }

/** CTR Blocks Texts **/
.block-text {
    line-height:normal;
    padding: 0px 31px 25px 25px;
    width: 100%;
    height: 100%;
    position: absolute; /*Can also be `fixed`*/
    left: 0;
    right: 0;
    top: 30%;
    margin: auto;
    /*Solves a problem in which the content is being cut when the div is smaller than its' wrapper:*/
    max-width: 100%;
    max-height: 100%;
    overflow: none;
  }

.vehicleTypeBlock {margin-bottom:25px; height:150px; width:100%; background-color:rgba(227, 227, 227, 0.7);}

.engineSpecsInBlock {
    display: inline-block;
    padding-top: 15px;
}

/***
  *
  * START Fix the vertical alignment of images in the blocks 
  * Please do not change unless you are familiar with advanced CSS styling
  */
.ctrBlock a:before,
.ctr_block_before a {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.ctrBlock img { vertical-align: middle; max-height: 90%; max-width: 90%; mix-blend-mode: multiply; object-fit: contain; clear:both;}

.itemcount { font-size:10px; }
/* Move this to conditional comments */
.frame {
    list-style:none;
    behavior: expression(
        function(t){
            t.insertAdjacentHTML('afterBegin','<span class="ctr_block_before"></span>');
            t.runtimeStyle.behavior = 'none';
        }(this)
    );
}
/** END Fix the vertical alignment of images in the blocks */