.auct-sect {
    /* background-color: black !important; */
    display: block;
}

/* #easyPaginate {
    width: inherit;
} */

section.current-action .row {
display: flex;
	flex-direction: column;
}
section.current-action ul li { list-style: none; float: left;width: 31.3%;margin-right: 3%;margin-bottom: 40px;transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;background: #fff;padding: 20px;box-shadow: 0px 13px 35px -12px rgb(35 35 35 / 15%);border-radius: 5px;}
section.current-action ul li:nth-child(3n) { margin-right: 0; }
.cu-img span { position: absolute; left: 0; bottom: 0; background: #62b3ec; color: #fff; font-size: 12px; text-transform: uppercase; padding: 4px 12px; transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; left: 0;/* bottom: -10px; *//* transition-delay: 10s; */z-index: 9; }
.cu-img { float: left; width: 100%; position: relative; }
.cu-img img { float: left; width: 100%; }
.cu-cnt {float: left;width: 100%;background: #fff;padding: 20px 20px 0px 20px;border: 1px solid #e6e6e6;border-bottom: 3px solid #7bc3e9;border-top: none;}
.cu-cnt h2 {font-size: 18px;line-height: 24px;color: #020202;margin-bottom: 0px;font-family: 'Lato-Black';}
.cu-cnt p {font-size: 15px;line-height: 18px;color: #65c060;}
.bid-now {float: left;width: 100%;background: #fff;/* border-top: 1px solid #f1e6e6; */padding: 15px 0px 25px 0;}
.bid-now .view-bd.bd {margin-top: 10px; float: right;padding: 8px 20px 8px 35px;color: #022b42;font-family: 'Lato-Regular';font-size: 14px;background: url(images/bid.png) no-repeat left 10px center;border: 1px solid #022b42;border-radius: 4px;transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;width: auto;}
.bid-now a.bd {margin-top: 10px; float: left;padding: 8px 30px 8px 45px; color: #022b42;font-family: 'Lato-Regular';font-size: 14px;background: url(images/bid.png) no-repeat left 10px center;border: 1px solid #022b42;border-radius: 4px;transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;width: auto;}
.bid-now a.bd:hover, .bid-now p.bd:hover { background: #022b42 url(images/bid-h.png) no-repeat left 10px center; color: #fff; cursor: pointer;} 


section.current-action ul li { transform: translateY(60px); opacity: 1; }
section.current-action.start-anmation ul li { transform: translateY(0px); opacity: 1; }
section.current-action.start-anmation ul li:nth-child(2) { transition-delay: 0.2s; }
section.current-action.start-anmation ul li:nth-child(3) { transition-delay: 0.4s; }
section.current-action.start-anmation ul li:nth-child(4) { transition-delay: 0.6s; }
section.current-action.start-anmation ul li:nth-child(5) { transition-delay: 0.8s; }
section.current-action.start-anmation ul li:nth-child(6) { transition-delay: 1s; }
/* section.current-action ul li:hover p.bd { background: #022b42 url(images/bid-h.png) no-repeat left 10px center; color: #fff; } */


/* section.current-action ul li:hover p.bd { background: #022b42 url(../img/bid-h.png) no-repeat left 10px center; color: #fff; } */
section.welcome-auction { float: left; width: 100%; background: #02243b; padding: 30px 0 110px 0; }
div.welcome-auction { float: left; width: 100%; background: #02243b; padding: 30px 0 110px 0; }
.abt-lft { float: left; width: 22%; border-right: 1px solid #355062; }
.abt-lft p { font-family: 'Lato-Bold'; color: #77c892; text-transform: uppercase; letter-spacing: 2px; font-size: 16px; }
.abt-lft h2 { font-family: 'Lato-Bold'; font-size: 33px; color: #fff; line-height: 45px; position: relative; }
.bid-now p { float: left; width: 100%; color: #767676; line-height: 24px; font-size: 14px; }
.bid-now p span { color: #2daae1; display: block; float: right;}




#easyPaginate1, 
#searchform,
#easyPaginate {
    /* margin: 0px 20px; */
    margin-bottom: 50px;
    display: inline-block;    
}

.srch-btn1{
    margin-left: -3px;
    border-left: 0px;
    border-radius: 0;
    background-color: #828382;
	padding: 10px 20px;
}

input:focus, textarea:focus, select:focus {
    border-color: #efefef;
}
/* 
.easyPaginateNav {
margin: 20px;
}
.easyPaginateNav a {
    padding: 10px;
    border-radius: 6px;
    margin: 5px;
    color: black;
    border: 1px solid #ded;
    background-color: #fff;
    font-size: 13px;
}

.easyPaginateNav a.page.current {
    background-color: dodgerblue;
  color: white;
} */


.list-contain {
    display: flex !important;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid #eeeeee;
    min-height: 160px;
}

.image-link {
    text-align: center;
    width: 375px;
    height: auto;
}

.image-link img {
    max-height: 280px !important;
    object-fit: contain;
    max-width: 300px;
}

.text-contain {
    margin-left: 20px;
}

.text-contain h3 {
    margin: 0px;
}

.date-r {
    font-size: 13px;
    font-style: italic;
}

.auct-detail {
    color: black;
}

/**List Style**/
.upcom-auct ul{width: 100%; float: left; }
.upcom-auct ul li {float: left;width: 100%;margin-right: 0;background: #fff;margin-bottom: 30px;box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.16); list-style: none;
-webkit-box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.16);-moz-box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.16); }
.upcom-auct ul li:nth-child(2n-2) {margin-right: 0; }
.ua-img { float:left; width:26%; overflow: hidden;position: relative; }
.ua-img span{background: #f58838; width: 40px; height: 40px; border-radius: 100%; position: absolute; right: 10px;bottom: 10px; line-height: 42px; font-size: 14px; color: #fff;z-index: 9; text-align:center;}
.ua-img img { float:left; width:100%;transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;
-o-transition: all .5s ease; }
.ua-img img { height: 228px; object-fit: contain;}
.upcom-auct ul li:hover img { transform: scale(1.1);}
.ua-txt  { float:left; width:65.6%; padding:40px 50px 28px 40px; border: 1px solid #efefef; border-top-right-radius: 5px; border-bottom-right-radius: 5px; min-height: 221px;}
.ua-txt h2 { font-size: 20px;color: #2f96c8;font-family: 'Lato-Regular';line-height: 25px;margin-bottom: 8px;}
.ua-txt p {font-size:16px; color:#808080; font-family: 'Lato-Regular'; line-height:22px;}
.ua-txt a.d-link, .ua-txt a.v-link {font-size: 14px;color: #000;border: 1px solid #e3e3e3;font-family: 'Lato-Regular';
padding: 14px 22px 14px 16px;display:block;position: relative;z-index: 1;transition: all 0.4s ease;overflow: hidden;border-radius: 50px;
width: 142px;text-align: center;margin-bottom: 18px;}
.upcom-auct ul li:hover .ua-txt a.d-link, .ua-txt a.v-link {background: #379dd0; border: 1px solid #379dd0; color: #fff;}
.ua-cnt{float: left;width: 76%;margin-right: 5%;position: relative;min-height: 149px; border-right: 1px solid #eaeaea;}
.logo-center{width: 100%;text-align: center;padding: 15px 0 15px 0;float: left;display: none;}
.ua-cnt h6{font-size: 15px;line-height: 30px;color: #656565;font-family: 'Lato-Light';padding-left: 30px; background: url(images/calendar.png) no-repeat center left;}
.ua-cnt h4{color: #f58936;position: absolute;bottom: 0;font-size: 14px;line-height: 20px;}
.ua-txt a.bid-btn{background:#379dd0; border:1px solid #379dd0; color: #fff;}
.upcom-auct ul li:hover a.bid-btn {background: #2caf5e; border: 1px solid #2caf5e;}
.ua-link{float: left; margin-top: 20px; width: 19%;}

@media screen and (min-width:768px) and (max-width:1023px) {
    
.ua-img {width: 100%;}
.ua-txt {width: 100%;padding: 20px;min-height: 265px;}
.ua-txt h2 {font-size: 17px; line-height: 23px; min-height: 75px; text-align:left;}
.ua-txt h2 br{display: none;}
.ua-cnt {padding-right: 0; min-height: auto; width: 100%; margin-right: 0; border-right: 0;}
.ua-link { width: 100%; text-align: center;}
.ua-txt a.d-link, .ua-txt a.v-link {float: none; display: inline-block; margin: 0 auto; width: auto;}
.ua-cnt h4 {position: static; margin-top: 15px; text-align: left; background: #ebf8ff;padding: 7px;}
.ua-link a:first-child{margin-right: 4%;}
.ua-cnt h6 { font-size: 15px; line-height: 22px; background: url(images/calendar.png) no-repeat left 3px; text-align: left;}
/*.upcom-auct h1 {width: 100%;}*/
.upcom-auct ul li { width: 47%; margin-right: 4%;}

.upcom-auct { padding: 55px 0 130px 0;}

.auc-cntnt p { font-size: 16px; line-height: 21px; padding-top: 15px; padding-bottom: 5px;}
.auc-img {margin-bottom: 14px;}
.auc-cntnt h6 {margin-bottom: 10px;}

.upcom-auct ul {text-align:center;}
.upcom-auct ul li { float: none; display: inline-block;}

    .upcom-auct ul li:last-child{margin-bottom: 0;}
}

@media screen and (max-width:767px) {
    
.ua-img {width: 100%;}
.ua-txt {width: 100%;padding: 20px;min-height: 265px;}
.ua-txt h2 {font-size: 17px; text-align:left; line-height: 23px;}
.ua-txt h2 br{display: none;}
.ua-cnt {padding-right: 0; min-height: auto; width: 100%; margin-right: 0; border-right: 0;}
.ua-link { width: 100%; text-align: center;}
.ua-txt a.d-link, .ua-txt a.v-link {float: none; display: inline-block; margin: 0 auto; width: auto;}
.ua-cnt h4 {position: static; margin-top: 15px; text-align: left; background: #ebf8ff;padding: 7px;}
.ua-link a:first-child{margin-right: 2%;}
.ua-cnt h6 { font-size: 15px; text-align: left; line-height: 22px; background: url(images/calendar.png) no-repeat left 3px;}
.upcom-auct ul li { width: 47%; margin-right: 4%;}

.upcom-auct { padding: 55px 0 130px 0;}

.auc-cntnt p { font-size: 16px; line-height: 21px; padding-top: 15px; padding-bottom: 5px;}
.auc-img {margin-bottom: 14px;}
.auc-cntnt h6 {margin-bottom: 10px;}

.upcom-auct ul {text-align:center;}
.upcom-auct ul li { float: none; display: inline-block;}

.upcom-auct ul li:last-child{margin-bottom: 17px;}
.ua-img img { height: 225px; object-fit: contain;}
.ua-txt p{text-align: left;}
}

@media screen and (max-width: 639px) {
    .upcom-auct { padding: 35px 0 120px 0;}
    .upcom-auct h1 { font-size: 30px; line-height: 35px; margin-bottom: 25px;}
    .upcom-auct ul li{width: 100%; margin-right: 0;}
    .ua-txt { min-height: auto;}
}

@media screen and (max-width:479px) {
    .upcom-auct h1 { margin-bottom: 15px;}
    .upcom-auct ul li { margin-bottom: 15px;}
    .upcom-auct { padding: 30px 0 120px 0;}
    .ua-txt h2 { font-size: 16px;}
.ua-txt a.d-link, .ua-txt a.v-link {padding: 9px 14px 9px 17px;}
.ua-cnt h6 { font-size: 14px;}
.ua-txt {padding: 15px;}
}

@media screen and (max-width: 480px) {
    #easyPaginate1, 
    #easyPaginate {
        margin: 0px;
        margin-bottom: 20px;
        display: inline-block;
    }
    .image-link img {
        max-width: 100px !important;
    }
    .text-contain h3 {
        font-size: 15px;
    }
    .date-r {
        font-size: 12px;
    }
    .auct-detail {
        display: none;
    }
    .list-contain {
        min-height: 100px;
    }
    .easyPaginateNav {
        margin: 20px -46px;
    display: contents;
    }
}

.cu-cnt h2 {
height: 48px;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 

#pager {
    clear: both;
    margin: 76px;
    display: block;
    padding: 30px 0;
}
#pagination {

}

#pagination li{
    display: inline-block;
} */

/* 
#pager {
    clear: both;
    margin-bottom: 49px;
    height: 70px;
}

#pagination {
    display: block;
}

#pagination li {
    display: inline-block;
    margin: 0px;
    float: none;
    width: auto;
    margin: 0 7px;
    border: 1px solid #ded;
    border-right: 0;
    padding: 10px;
    border-radius: 6px;
}

#pagination li.page-item.active {
    background-color: #54A7E0;
}

#pagination li.page-item.active a {
    color: #fff;
} */

.loaderbg {
    opacity: 0.1;
}

#loading-image {
    margin: 0px;position: absolute;top: 150%;transform: translateY(100%);z-index: 1;
}



#pager ul,
#pager1 ul {
    display: inline-block;
}
#pager ul li,
#pager1 ul li {
    list-style: none;
    display: inline-block;
    margin: 10px 0;
    width: auto;
    box-shadow: none;
    padding: 0;
    background: transparent;
}
.pagination {
    text-align: left;
}

.pagination li.page-item.active a {
    background-color: #1e90ff;
    color: #fff;
}

.pagination li.page-item a {
    padding: 10px;
    border-radius: 3px;
    margin: 5px;
    color: #000;
    border: 1px solid #ded;
    background: #fff;
}

@media screen and (max-width:639px) {
section.current-action ul li {
	width: 100%;
    margin-right: 0;
	}
}