@charset "utf-8";
.data_lines .row{
  position: relative;
}

.data_lines a .item{
    display: table;
    width: 100%;
    padding: 20px 0px;
    position: relative;
    border-top:1px solid #f4f4f4;
}
.data_lines a:first-child .item{
    margin-top:0px;
}
.data_lines a:first-child .item{
    border:none;
}

.data_lines h2{
    color: #141414;
    margin-bottom: 30px;
    font-size:48px;
    text-align:center;
    width:100%;
}
.data_lines h2.orange{    
    color: #ffa507;
}
.cleardesktop{
    clear:both;
}
.clearmobile{
    clear:none;
}

/* OVERLAY */
.cross{
    position:absolute;
    display:block;
    top:0px;  right:0px;
    height:100%;
    padding-top:0%;
    width:100%;
    margin: 0 auto;
    text-align:center;
}
.data_lines .item a img{
    transition:all .3s ease-in-out;
    max-width: 100%;
}
.data_lines .item .overlayText h4{
    color:#fff;
    font-weight:bold;
}





.data_lines .item img.asvg{
  -webkit-transition: -webkit-transform .4s ease-in-out;
  transition: transform .3s ease-in-out;
  transform-origin(0% 0%);
  transform: scale(0.1) rotate(0deg);
  -moz-transform: scale(0.1) rotate(0deg);
}
.data_lines .item:hover img.asvg{
  -webkit-transform: scale(1) rotate(90deg);
  -moz-transform: scale(1) rotate(90deg);
  transform: scale(1) rotate(90deg);
}
.arrow_cursor{
  cursor: default;
}

.data_lines .item:hover a img{
    /* 
    filter: brightness(.5);
    -webkit-filter: brightness(.5);
    -moz-filter: brightness(.5);
    -o-filter: brightness(.5);
    -ms-filter: brightness(.5);
    */
}
.data_lines .item .overlay_wrap{
    position: relative;
    display: inline-block;
    margin-bottom: 0px;
}
.data_lines .item .default .overlay_wrap{
    position: relative;
    margin-bottom: 0px;
}
.data_lines .item .overlayText{
    position:absolute;
    display:block;
    top:0px;  right:0px;
    padding-top:0%;
    width:100%;
    height:100%;
    margin: 0 auto;
    color:white;
    text-align:center;
    transition:all .3s;
    opacity:0;

}

.data_lines .item:hover .overlayText{
    opacity:1;
    transition:all .3s;
}
.data_lines .richtext{
    text-align: center;
    margin-bottom: 35px;
}



.data_lines .richtext h1{
    color: #141414;
    margin-bottom: 20px;
}

.data_lines a h6{ 
    color: #555;
    margin-top: 0px;
    font-size:18px;
    font-weight:300;
}


.data_lines h4{ 
    padding-bottom:5px;
}

.data_lines .itemDescription{
    text-align: center;
    font-size: 15px;
    text-decoration: none;
}

.data_lines .itemImg {
  width: 133px;
    display: table-cell;
    vertical-align: middle;
}

.data_lines .date{   
    display:table-cell;
    vertical-align:middle; 
    min-width: 130px;
}

.data_lines .itemText{
    display:table-cell;
    vertical-align:middle; 
    padding:0 7px;
}
.table-row{
    display:table-row;
}
.data_lines  .date{
    text-align:left;
}
.data_lines  h4.date{
    display:inline-block;
    text-align:left;
    width: 100%;
    font-size:18px;
}

/*                                            MD ( max 1200 ) ------*/
@media (max-width:1200px){
    
    .data_lines h2{
        margin-bottom: 20px;
    }
    .data_lines h2{
        margin-bottom: 15px;
    }
    .data_lines a h6{
    }
}

/*                                        SM ( max 992 ) -------*/
@media(max-width:992px){
    .data_lines .item{
        padding:10px 10px;
    }
    

}

/*                                    XS ( max 768 ) -------*/
@media (max-width:768px){

    .data_lines .item .default{
        text-align:center;
    }
    .data_lines .item. .item{
        text-align:right;
    }
    .data_lines .item a img{
        width:133px;
        height:133px;
    }
    .data_lines a h4{ 
        color: #000;
        font-weight: 400;
    }
    .data_lines a h6{
        font-size: 16px;
        line-height: 19px;
    }
    .data_lines .itemImg {
      padding: 0px 0;
        vertical-align: top;
    }
    .data_lines .item a h4{ 
        margin-bottom:6px;
    }
    
    .data_lines .item.default .overlay_wrap{
        margin-bottom: 0px;
    }
}

/*                                max 480 -------*/
@media (max-width:480px){
    .data_lines h2{
        margin-bottom: 15px;
    }
    .data_lines a h4{ 
    }
    .data_lines a h6{ 
    }
    .data_lines .item{
        padding:0px 10px;
    }
    
    .data_lines .itemText{
        vertical-align:top; 
    }
    .data_lines , .itemText{
        line-height: 92px;
    }
    .data_lines .item a h4{ 
        margin-bottom:4px;
    }
    
}