@charset "utf-8";

.tbGallHrizn{}
.tbGallHrizn .empty_list{min-height:auto;}
.tbGallHrizn li{
    width:100%; padding:25px 0; border-bottom:1px solid #e1e1e1; position:relative;
}

.noticeBlock1 {position:relative; display: inline-block; margin-right:10px; vertical-align: top;  top:auto; right:auto;}

.tbGallHrizn li:first-child{border-top:1px solid #e1e1e1;}
.tbGallHrizn li .tbGallHriznThum, .tbGallHrizn li .tbGallHriznDescrt, .tbGallHrizn li .tbGallHriznBtn {/*display:table-cell;*/}

.tbGallHrizn li .liBlock{display:block;display: flex; flex-wrap: wrap;}

.tbGallHrizn li .tbGallHriznThum{ width:300px; position:relative; }
.tbGallHrizn li .tbGallHriznThum .thumWrap{width:100%; padding-bottom:70%; position:relative; height:0; overflow: hidden; border-radius:15px;}
.tbGallHrizn li .tbGallHriznThum .thumImgAbsol { width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); transition: .3s;} 
.tbGallHrizn li .tbGallHriznThum img{ width:100%; }
.tbGallHrizn .liBlock:hover .tbGallHriznThum .thumImgWrap {width:120%;}

.tbGallHrizn li .tbGallHriznDescrt{ position:relative; width:calc(100% - 300px); padding:10px 15px 10px 70px; }
.tbGallHrizn .liBlock:hover .tbGallHriznDescrt .prd-title{text-decoration: underline;}
.tbGallHrizn li .prd-date{ font-family:'Poppins'; padding-top:.8em; color:#a5a5a5;}
.tbGallHrizn li .tbGallHriznDescrt p{ line-height:1.7em; padding-top:1.5em;}
.gallbasic-dim { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: background .5s; }

.chk_box input[type="checkbox"] + label {left:0; top:0px; padding-left:0}

.tbGallHrizn .liBlock:hover .gallThumb{ border-radius: 0; }
.tbGallHrizn .liBlock:hover .thumLink {width:120%; }
@media screen and (max-width:1300px){
  .tbGallHrizn li .tbGallHriznThum{ width:250px;}
  .tbGallHrizn li .tbGallHriznDescrt{ width:calc(100% - 250px); }  
}
@media screen and (max-width:1024px){
  
}

@media screen and (max-width:768px){
  .tbGallHrizn li{ padding:20px 0 30px; justify-content: center; }
  .tbGallHrizn li .tbGallHriznThum, .tbGallHrizn li .tbGallHriznDescrt { width:100%;}
  .tbGallHrizn li .tbGallHriznThum { }
  .tbGallHrizn li .tbGallHriznDescrt{padding:20px 10px 0 10px;}
}
@media screen and (max-width:560px){
  .tbGallHrizn li .tbGallHriznThum, .tbGallHrizn li .tbGallHriznDescrt{width:100%;}
}
.write_div .chk_box input[type="checkbox"] + label {padding-left:0}