.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: #ff6600;;
}
.tarief .row.green {
        background: #ffa700;
}
.tarief .row.blue {
        background: #ff6600;
}
@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: 380px;
	height:320px;
	background-size:cover;
	background-position:center center;
	position:relative;
	cursor:pointer;
	margin-bottom:0px;
}
#blok {
      width: 100%; 
      max-width: 380px;
}


.block_text{
	width:100%;
	max-width: 380px;
	padding:17px;
	height:90px;
	line-height:30px;
	font-size:17px;
	background:#7b4a6a;
	color:#fff;
	position:absolute;
	bottom:0;
	left:0;
	overflow:hidden;
	text-align: center !important;

	-webkit-transition: height 0.8s, background 0.8s;
	-moz-transition: height 0.8s, background 0.8s;
	transition: height 0.8s, background 0.8s;
}
.block_arrow{
        position:absolute;
        top: 70px;
        left: 46%;
}

.block:hover .block_text{
	color:#fff;
	background:#630834;
	height:75%;
}
.col-md-3 .block:hover .block_text{
	color:#fff;
	background:#630834;
	height:75%;
}


.block:hover .block_arrow{
        display: none;
}
.col-md-3 .block:hover .block_arrow{
        display: none;
}

.block_text_extra{
	margin-top:10px;
	font-size:17px !important;
	color:#fff;
	display:none;
	font-weight:normal;
	text-transform: none;
	line-height: 30px !important;
}
.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:14px;
	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:15px;
}
.balk{
	background:#ff7800;
	height:370px;
}

@media (max-width:986px){
    .block{
          max-width: 100%;

    }
    #blok {
          width: 95%; 
          max-width: 95%;
    }
    .block_text {
          max-width: 100%;
    }
    .block:hover .block_text{
	height:65%;
    }
    .col-md-3 .block:hover .block_text{
	height:65%;
    }

}

@media (max-width: 400px) {
  
    .block:hover .block_text{
    	height:85%;
    }
    .col-md-3 .block:hover .block_text{
	height:85%;
    }
  
}