.tarief {
        margin: 0 0 40px 0;
        width: 100%;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
        display: table;
}
@media screen and (max-width: 600px) {
        .tarief {
          display: block;
        }
}

.tarief .row {
        display: table-row;
        background: #f6f6f6;
}
.tarief .row:nth-of-type(odd) {
        background: #e9e9e9;
}
.tarief .row.header {
        font-weight: 900;
        color: #ffffff;
        background: #5ab4c2;
}
.tarief .row.green {
        background: #5ab4c2;
}
.tarief .row.blue {
        background: #5ab4c2;
}
@media screen and (max-width: 600px) {
      .tarief .row {
        padding: 14px 0 7px;
        display: block;
      }
      .tarief .row.header {
        padding: 0;
        height: 6px;
      }
      .tarief .row.header .cell {
        display: none;
      }
      .tarief .row .cell {
        margin-bottom: 10px;
      }
      .tarief .row .cell:before {
        margin-bottom: 3px;
        content: attr(data-title);
        min-width: 98px;
        font-size: 10px;
        line-height: 10px;
        font-weight: bold;
        text-transform: uppercase;
        color: #969696;
        display: block;
      }
}

.tarief .cell {
      padding: 6px 12px;
      display: table-cell;
}
@media screen and (max-width: 600px) {
        .tarief .cell {
          padding: 2px 16px;
          display: block;
        }
}

.block{
	width:100%;
	max-width: 340px;
        min-width: 340px;
	height:280px;
	background-size:cover;
	background-position:center center;
	position:relative;
	cursor:pointer;
	margin-bottom:30px;
}

.block_text{
	width:100%;
	max-width: 340px;
	padding:20px;
	height:90px;
	line-height:22px;
	font-size:16px;
	font-weight:700;
	text-transform:uppercase;
	background:#2d5a61;
	color:#fff;
	position:absolute;
	bottom:0;
	left:0;
	overflow:hidden;
	
	-webkit-transition: height 0.8s, background 0.8s;
	-moz-transition: height 0.8s, background 0.8s;
	transition: height 0.8s, background 0.8s;
}
.block:hover .block_text{
	color:#fff;
	background:#0c2c31;
	height:70%;
}
.col-md-3 .block:hover .block_text{
	color:#fff;
	background:#0c2c31;
	height:70%;
}
.block_text_extra{
	margin-top:10px;
	font-size:14px;
	color:#EEEEEE;
	display:none;
	font-weight:normal;
	text-transform: none;
}
.block_text_extra .button{
	position:absolute;
	bottom:10px;
	right:10px;
	width:auto;
	height:25px;
	line-height:25px;
	background:#EEEEEE;
	color:#666666;
	text-decoration:none;
	padding-left:10px;
	padding-right:10px;
	font-size:11px;
	text-transform:uppercase;
}

.block:hover .block_text_extra{
	display:block;
}
.block_date{
	padding-left:20px;
	padding-top:20px;
	font-size:24px;
	text-transform:uppercase;
	color:white;
	font-weight:bold;
}
.block_date_news{
	padding-left:20px;
	padding-top:20px;
	font-size:18px;
	color:white;
}
.block_date_news img{
	width:25px;
}
.block_date_sub{
	font-size:12px;
}
.balk{
	background:#ff7800;
	height:370px;
}