.widget-kit-otopall .otopall-head { margin-bottom: 20px; display: flex; gap: 15px; justify-content: center;}
.widget-kit-otopall .otopall-head .otopall-select-province {
    width: 20%;
}
.widget-kit-otopall .otopall-head .otopall-select-province select {
  border-radius: 15px;
  padding-right: 25px;
  padding-left: 25px;
}

.widget-kit-otopall { position: relative; overflow: hidden; }

.widget-kit-otopall .galleryNext { position: absolute; top: 42%; right: 0px; font-size: 60px; cursor: pointer; color: #FFF; background: rgba(0,0,0,0.8); padding: 0px 5px 0px 10px; }
.widget-kit-otopall .galleryPrev { position: absolute; top: 42%; left: 0px; font-size: 60px; cursor: pointer; color: #FFF; background: rgba(0,0,0,0.8); padding: 0px 10px 0px 5px; }

.widget-kit-otopall .infocard {margin-bottom: 15px;}
.widget-kit-otopall .infocard .detail {font-size: 2rem; padding: 15px 0px 7px;line-height: 29px;width: 100%;height: auto;display: block;}
.widget-kit-otopall .infocard .detail .detail-title {font-size: 2.6rem; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.widget-kit-otopall .infocard .detail .detail-title, 
.widget-kit-otopall .infocard .detail .detail-row {padding: 3px 0px;}
.widget-kit-otopall .infocard .detail .detail-row {position: relative;width: 100%;}
.widget-kit-otopall .infocard .detail .detail-title a,
.widget-kit-otopall .infocard .detail .detail-title div {
  color:#333;  
  display: block;
  display: -webkit-box;
  max-width: 100%;
  height: 59px; /*(2 x 29) + 1 = 59px*/
  margin: 0 auto;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Image Scale */
.widget-kit-otopall .infocard .image {
   box-shadow: 5px 5px 5px rgba(125, 125, 125, 0.34);
   position: relative;
   width: 100%;
}

.widget-kit-otopall .infocard .department-image { width: 50px; display: inline-block; padding-right: 15px;}
.widget-kit-otopall .infocard .otopall-content-date em { padding-right: 10px; }

.widget-kit-otopall .infocard .image.ratio-1-1 { padding-top: 100%; }
.widget-kit-otopall .infocard .image.ratio-4-3 { padding-top: 75%; }
.widget-kit-otopall .infocard .image.ratio-3-2 { padding-top: 66.66%; }
.widget-kit-otopall .infocard .image.ratio-8-5 { padding-top: 62.5%; }
.widget-kit-otopall .infocard .image.ratio-16-9 { padding-top: 56.25%; }
.widget-kit-otopall .infocard .image.ratio-2-1 { padding-top: 50%; }
.widget-kit-otopall .infocard .image.ratio-3-1 { padding-top: 33.33%; }
.widget-kit-otopall .infocard .image img {
   position:  absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   text-align: center;
   font-size: 20px;
   color: white;
   object-fit: cover;
}
.widget-kit-otopall .infocard .image video {position:  absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: #000;}
.widget-kit-otopall .infocard .image iframe {position:  absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: #000;}

.widget-kit-otopall .infocard .image .date-image { position: absolute; top: 0; left: 0; padding: 5px; background-color: #000; color: #fff;}


.widget-kit-otopall .read-more-t {margin-bottom: 10px;}
.widget-kit-otopall .read-more-b {margin-top: 10px;}
.widget-kit-otopall .btn-read-more-all {padding: 5px; display: inline-block; border: 1px solid #000; color: #000; background-color: #ccc; }
.widget-kit-otopall .btn-position-tr, .widget-kit-otopall .btn-position-br {text-align: right;}
.widget-kit-otopall .btn-position-tc, .widget-kit-otopall .btn-position-bc {text-align: center;}
.widget-kit-otopall .btn-position-tl, .widget-kit-otopall .btn-position-bl {text-align: left;}

/* Line Clamp */
.widget-kit-otopall .infocard .detail .detail-row a,
.widget-kit-otopall .infocard .detail .detail-row div:not(.detail-price):not(.detail-province) {
  display: block;
  display: -webkit-box;
  max-width: 100%;
  height: 61px; /*3 x 20 + 1 = 61px*/
  margin: 0 auto;
  font-size: 20px;
  line-height: 1;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.widget-kit-otopall .infocard .detail .detail-button {text-align: right;}
.widget-kit-otopall .infocard .detail .detail-button a {
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  background-color: #ccc;
  color: #fff;
}

.widget-kit-otopall .alert-zone .panel .panel-default {
  padding: 15px;
  text-align: center;
}


/* Custom Slick */
.widget-kit-otopall .slick-dots { bottom: 0; }
.widget-kit-otopall .slick-dots li button:before { font-size: 10px; }
.slick-slide img {
  display: inline-block !important;
}