@media(max-width:767px){.grid{margin-top:10px}}

.grid .grid-item{float:left;padding:0 5px 10px;width:32%}
@media(max-width:991px){.grid .grid-item{width:48%}}
@media(max-width:480px){.grid .grid-item{width:100%}}

.grid .grid-item .grid-link{color:#fff}
.grid .grid-item .grid-link:hover,
.grid .grid-item .grid-link:focus{color:#fff}
.grid .grid-item .grid-item__bottom{bottom:0;left:0;position:absolute;width:100%}
.grid .grid-item .grid-item__top{top:0;left:0;position:absolute;width:100%}
.grid .grid-item .grid-item__price{color:#fff;display:inline-block;font-size:16px;line-height:1;padding:5px 10px}
.grid .grid-item .grid-item__lot{color:#fff;display:inline-block;font-size:20px;line-height:1;padding:5px 10px}
.grid .grid-item .grid-item__description{background:rgba(14,172,179,.8);color:#fff;font-size:10px;line-height:12px;padding:5px 10px}
.grid .grid-item .grid-item__description .grid-item__description-text{color:#fff}
.grid .grid-item .grid-item__description .grid-item__name{color:#fff;font-size:10px;font-weight:bold;line-height:12px;margin:0}

.grid a{display:block}
.grid .grid-item__img{-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:center;height:250px;position:relative;width:100%;}

@media(max-width:1199px){.grid .grid-item__img{height:220px}}
@media(max-width:767px){.grid .grid-item__img{height:200px}}
@media(max-width:480px){.grid .grid-item__img{height:220px}}
.grid .grid-item__big{width:65%}
.grid .grid-item__big .grid-item__img{height:510px}
@media(max-width:991px){.grid .grid-item__big{width:50%}}
@media(max-width:480px){.grid .grid-item__big{width:100%}}
@media(max-width:1199px){.grid .grid-item__big .grid-item__img{height:450px}}
@media(max-width:991px){.grid .grid-item__big .grid-item__img{height:220px}}
@media(max-width:767px){.grid .grid-item__big .grid-item__img{height:200px}}
@media(max-width:480px){.grid .grid-item__big .grid-item__img{height:220px}}

.grid .grid-item__fix{width:50%;}
.grid .grid-item__fix .grid-item__img{height:360px}
@media(max-width:1199px){.grid .grid-item__fix{width:50%;}}
@media(max-width:991px){.grid .grid-item__fix{width:60%;}}
@media(max-width:480px){.grid .grid-item__fix{width:100%;}}
@media(max-width:1199px){.grid .grid-item__fix .grid-item__img{height:360px}}
@media(max-width:991px){.grid .grid-item__fix .grid-item__img{height:300px}}
@media(max-width:480px){.grid .grid-item__fix .grid-item__img{height:300px}}

.left-margin{margin-left:12%;}
@media(max-width:1199px){.left-margin{margin-left:10%;}}
@media(max-width:991px){.left-margin{margin-left:0px;}}

.left-margin_small{margin-left:9%;}
@media(max-width:991px){.left-margin_small{margin-left:6%;}}
@media(max-width:480px){.left-margin_small{margin-left:0px;}}

.right-margin{margin-right:12%;}
@media(max-width:1199px){.right-margin{margin-right:10%;}}
@media(max-width:991px){.right-margin{margin-right:0px;}}

.grid .grid-item__log{overflow:hidden;min-width:23%;min-height:450px;max-width:23%;max-height:450px;display:inline-block;background-color: white;border: 1px solid rgba(172,163,156,.3);float:right;}
@media(max-width:1199px){.grid .grid-item__log{min-width:27%;max-width:27%;min-height:500px;max-height:500px;}}
@media(max-width:991px){.grid .grid-item__log{min-width:36%;min-height:450px;max-width:36%;max-height:450px;}}
@media(max-width:767px){.grid .grid-item__log{min-width:34%;min-height:450px;max-width:34%;max-height:450px;}}
@media(max-width:480px){.grid .grid-item__log{display:none;}}

.grid .grid-item__log__small{overflow:hidden;display:none;}
@media(max-width:480px){.grid .grid-item__log__small{min-width:100%;min-width:100%;min-height:225px;max-height:225px;display:inline-block;background-color: white;border: 1px solid rgba(172,163,156,.3);}}

.grid .grid-item__log .msg{margin:10px 10px 0px 10px;padding: 10px;text-align:center;position:relative;}
.grid .grid-item__log__small .msg{margin:10px 10px 0px 10px;padding: 10px;text-align:center;position:relative;}
.mblack{background:black;color:#fff;}
.myellow{background:#F5F062;}
.mgray{background:#E5E5E5;}
.mgreen{background:#5EB684;color:#fff;}
.mblue{background:#0094BA;color:#fff;}

.grid .grid-item__details{float:right;width:24%;}
@media(max-width:1199px){.grid .grid-item__details{float:left;width:50%;}}
@media(max-width:991px){.grid .grid-item__details{float:left;width:60%;}}
@media(max-width:480px){.grid .grid-item__details{float:left;width:100%;}}

.grid .grid-item__control{width:50%;}
@media(max-width:1199px){.grid .grid-item__control{width:50%;}}
@media(max-width:991px){.grid .grid-item__control{width:60%;}}
@media(max-width:480px){.grid .grid-item__control{width:100%;}}

.grid .grid-item__control .btn_img{width:30%;cursor:pointer;}
@media(max-width:991px){.grid .grid-item__control .btn_img{width:40%;}}

.grid .grid-item__bid__price{float:right;font-size:40px;}
@media(max-width:1199px){.grid .grid-item__bid__price{font-size:36px;}}
@media(max-width:991px){.grid .grid-item__bid__price{font-size:28px;}}
@media(max-width:767px){.grid .grid-item__bid__price{font-size:18px;}}
@media(max-width:480px){.grid .grid-item__bid__price{font-size:20px;}}

.text-uppercase{text-transform:uppercase}
.text-ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:80%}

.price_tag{background:#009707}.price_tag:hover,.price_tag:focus{background:#00ca09}
.lot_tag{background:#f60}.lot_tag:hover,.lot_tag:focus{background:#ff8533}
.special_tag{background:red;float:right;}

#progress-wrp, #progress-wrp2 {padding: 1px;position: relative;height: 20px;border-radius: 16px;margin: 10px;text-align: left;text-indent: 20px;line-height: 1.5;background: #f1f1f1;color: #ffffff;box-shadow: inset 1px 3px 6px rgba(0, 0, 0, 0.12);}
#progress-wrp .progress-bar{height: 100%;border-radius: 16px;background-color: #2196F3;width: 25%;box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.11);}
#progress-wrp2 .progress-bar{height: 100%;border-radius: 16px;background-color: #2196F3;width: 25%;box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.11);}
.upload-wrapper {position: relative;overflow: hidden;display: inline-block;}
.uploadbutton {border: 2px solid gray;color: gray;min-height: 150px;max-width: 250px;background-color: white;padding: 20px 20px;border-radius: 8px;font-size: 14px;}

.divcenter{margin-left:auto;margin-right:auto;width:70%;display:block;text-align:center;}
.divcenter_small{margin-left:auto;margin-right:auto;width:50%;display:block;text-align:center;}
@media(max-width:767px){.divcenter{width:100%;}}
@media(max-width:480px){.divcenter_small{width:100%;}}

.pagination {display: inline-block;float: right;}
.pagination a {color: black;float: left;padding: 8px 16px;text-decoration: none;transition: background-color .3s;border: 1px solid #ddd;margin: 0 4px;border-radius: 18px;}
.pagination a.active {background-color: #21D6BF;color: white;border: 1px solid #21D6BF;border-radius: 18px;}
.pagination a:hover:not(.active) {background-color: #ddd;text-decoration: none;}

td { position: relative; }
tr.strikeout td:not(:first-child):before {content: " ";position: absolute;top: 50%;left: 0;border-bottom: 1px solid #111;width: 100%;}
tr.strikeout td:after {content: "\00B7";font-size: 1px;}

.moreinfo{background-color:transparent;border:none;color:blue;outline:none;float:right;}
.moreinfo:hover{text-decoration: underline;}

.img_tag{display:inline-block;position:relative;width:200px;margin:4px;}
.img_tag:hover{opacity:0.5;}
.delbtn{width:35px;height:35px;border:0;background: transparent;position:absolute;top:0;right:0;padding: 0 3px;text-align:center;z-index:1;}
.delbtn svg{fill:rgba(0,0,0,.654);}
.delbtn:hover svg{fill:rgba(255,0,0,0.654);}

.prev, .next {cursor: pointer;position: absolute;top: 40%;width: auto;padding: 16px;color: white;font-weight: bold;font-size: 18px;transition: 0.6s ease;border-radius: 0 3px 3px 0;}
.next{right: 0;margin-right:5px;border-radius: 3px 0 0 3px;}
.prev:hover, .next:hover {background-color: rgba(0,0,0,0.8);}
.dot{cursor: pointer;height: 15px;width: 15px;margin: 0 2px;background-color: #bbb;border-radius: 50%;display: inline-block;transition: background-color 0.6s ease;}
.active, .dot:hover {background-color: #21D6BF;}

@-webkit-keyframes blink{50%{opacity:0;}}
@keyframes blink{50%{opacity:0;}}

.blinking{animation: blink .8s step-end infinite alternate;}