.cBox
{ display: block; float: left; padding: 25px; width: 25%; text-decoration: none;  }

.cBox_img
{ height: 200px; background-repeat: no-repeat; background-position: center; background-size: contain; }

.cBox_txt
{ 	font-family: 'arial_condensed_boldregular'; text-transform: uppercase; height: 50px; line-height: 16px; overflow: hidden; text-decoration: none;
text-align: center; color: #0076c0; font-size: 12px; }

.cBox:hover
{ padding: 0; }

.cBox:hover .cBox_img					
{ height: 250px; }

.cBox:hover .cBox_txt					
{ color: #173655; font-size: 14px; line-height: 18px; }

.crBox										
{ width: 100%; }

.crBox td				
{ cursor: pointer; }

.crBox td.crBox_line_transparent
{ height: 10px; line-height: 10px; cursor: default; }

.crBox td.crBox_line_color				
{ height: 3px; line-height: 3px; cursor: default; }

.crBox_nr									
{ vertical-align: middle; }

.crBox_nr div							
{ width: 60px; text-align: center; font-size: 18px; padding: 0 10px; }

.crBox_img									
{ width: 300px; height: 60px; background: #ffffff; }

.crBox_img div								
{ float:left; width: 60px; height: 60px; background-repeat: no-repeat; background-position: center; }

.crBox_txt									
{ width: 100%; padding: 0 20px; vertical-align: middle; color: #222222; background-color: #ffffff; transition: background 2s, color 2s; }

@media only screen and (max-width:767px) {
.cBox											
{ width: 50%; padding: 0 0 30px 0 !important;  }
.cBox .cBox_img							
{ height: 250px; }
.cBox .cBox_txt							
{ font-size: 14px; line-height: 18px; }
}

@media only screen and (min-width:768px) and (max-width:991px) {
.cBox											
{ width: 50%;  }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
.cBox											
{ width: 33.33%;  }
}