#offers {
 float: left;
 width: 100%;
 padding: 44px 0 40px 0;
}

.offer_box,
.offer_box * {
 -webkit-transition: 0.4s ease-in-out;
 -moz-transition: 0.4s ease-in-out;
 -o-transition: 0.4s ease-in-out;
 transition: 0.4s ease-in-out;
}

.offer_box {
 position: relative;
 float: left;
 width: 23.875%;
 margin: 0 1.5% 1.5% 0;
 line-height: 1.2;
 border-radius: 6px;
 background-color: #fff;
 overflow: hidden;
}

.offer_box:nth-child(4n) {
 margin: 0 0 1.5% 0;
}

.offer_box>a:nth-child(1) {
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 width: 100%;
 height: 100%;
 font-size: 0;
 z-index: 4;
}

.offer_box .image {
 position: relative;
 float: left;
 width: 100%;
 height: 230px;
 overflow: hidden;
}

.offer_box .image>a {
 display: flex;
 width: 100%;
 height: 100%;
}

.offer_box .image picture {
 width: 100%;
 height: 100%;
}

.offer_box .image img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 transition: transform .8s ease;
}

.offer_box:hover .image img {
 transform: scale(1.1);
}

.offer_box .price_container {
 position: absolute;
 top: 13px;
 left: 13px;
 display: flex;
 justify-content: center;
 align-items: first baseline;
 min-width: 140px;
 padding: 10px 20px;
 font-size: 12px;
 color: #fff;
 border-radius: 4px;
 background-color: rgba(0, 0, 0, 0.7);
 z-index: 3;
}

.offer_box .price {
 display: flex;
 align-items: first baseline;
 margin: 0 0 0 5px;
 font-weight: 700;
 font-size: 20px;
}

.offer_box .currency {
 margin: 0 0 0 5px;
 font-size: 18px;
}

.offer_box .box_bottom {
 float: left;
 width: 100%;
 padding: 15px 20px 15px 20px;
}

.offer_box .title {
 float: left;
 width: 100%;
 height: 44px;
 margin: 0 0 8px 0;
 overflow: hidden;
}

.offer_box .title table {
 width: 100%;
 height: 100%;
 margin: 0;
 border: 0;
 border-collapse: collapse;
 border-spacing: 0;
}

.offer_box .title table td {
 width: 100%;
 height: 100%;
 padding: 0;
 margin: 0;
 vertical-align: top;
}

.offer_box .title a,
.offer_box .title a:link,
.offer_box .title a:hover,
.offer_box .title a:visited {
 font-weight: 700;
 font-size: 19px;
 line-height: 1.16;
 letter-spacing: -0.03em;
 color: #292a2b;
 display: -webkit-box;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
}

.offer_box:hover .title a,
.offer_box:hover .title a:link,
.offer_box:hover .title a:hover,
.offer_box:hover .title a:visited {
 color: #002172;
}

.offer_box .location {
 float: left;
 width: 100%;
 height: 16px;
 margin: 0 0 16px 0;
 font-weight: 300;
 font-size: 13px;
 display: -webkit-box;
 -webkit-line-clamp: 1;
 -webkit-box-orient: vertical;
 overflow: hidden;
}

.offer_box .line {
 float: left;
 width: 100%;
 height: 1px;
 background-color: #d1d3d6;
}

.offer_box .bottom_info {
 display: flex;
 justify-content: flex-end;
 align-items: center;
 float: left;
 width: 100%;
 height: 40px;
 margin: 14px 0 0 0;
}

.offer_box .bottom_info .transport {
 display: flex;
 align-items: center;
 min-width: 43px;
 width: 43px;
}

.offer_box .bottom_info .transport img {
 width: 23px;
 height: 23px;
}

.offer_box .bottom_info .info {
 flex: auto;
 display: flex;
 align-items: center;
 font-size: 13px;
 overflow: hidden;
}

.offer_box .bottom_info .info .icon {
 display: flex;
 align-items: center;
 min-width: 32px;
}

.offer_box .bottom_info .info .icon img {
 width: 23px;
 height: 23px;
}

.offer_box .bottom_info .info .text {
 flex: auto;
}

.offer_box .bottom_info .info .text p {
 float: left;
 width: 100%;
 height: 16px;
 letter-spacing: -0.02em;
 display: -webkit-box;
 -webkit-line-clamp: 1;
 -webkit-box-orient: vertical;
 overflow: hidden;
}

.offer_box .bottom_info .basic_btn {
 display: flex;
 align-items: center;
 padding: 12px 15px;
 font-weight: 500;
 font-size: 13px;
 color: #002172;
 border: none;
 background-color: #edeef0;
}

.offer_box:hover .bottom_info .basic_btn {
 color: #fff;
 border: none;
 background-color: #002172;
}

.offer_box .bottom_info .basic_btn .icon {
 position: relative;
 width: 6px;
 height: 9px;
 margin: 0 0 0 9px;
}

.offer_box .bottom_info .basic_btn .icon::before {
 content: "";
 -webkit-transition: opacity 0.2s;
 -o-transition: opacity 0.2s;
 transition: opacity 0.2s;
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
}

.offer_box .bottom_info .basic_btn .icon::after {
 content: "";
 opacity: 0;
 -webkit-transition: opacity 0.2s;
 -o-transition: opacity 0.2s;
 transition: opacity 0.2s;
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
}

.offer_box .bottom_info .basic_btn .icon::before {
 background: url('/img/offer-box-icon-arr.svg') 0px 0px no-repeat;
 background-size: 6px 18px;
}

.offer_box .bottom_info .basic_btn .icon::after {
 background: url('/img/offer-box-icon-arr.svg') 0px -9px no-repeat;
 background-size: 6px 18px;
}

.offer_box:hover .bottom_info .basic_btn .icon::before {
 opacity: 0;
 -webkit-transition: opacity 0.2s;
 -o-transition: opacity 0.2s;
 transition: opacity 0.2s;
}

.offer_box:hover .bottom_info .basic_btn .icon::after {
 opacity: 1;
 -webkit-transition: opacity 0.2s;
 -o-transition: opacity 0.2s;
 transition: opacity 0.2s;
}

@media screen and (max-width: 1300px) {
 .offer_box .price {
  font-size: 19px;
 }
 .offer_box .currency {
  font-size: 17px;
 }
}

@media screen and (max-width: 1400px) {
 .offer_box .bottom_info .transport {
  min-width: 34px;
  width: 34px;
 }
 .offer_box .bottom_info .transport img {
  width: 20px;
  height: 20px;
 }
 .offer_box .bottom_info .info .icon img {
  width: 22px;
  height: 22px;
 }
 .offer_box .bottom_info .basic_btn {
  padding: 12px 11px;
 }
}

@media screen and (max-width: 1280px) {
 .offer_box,
 .offer_box:nth-child(4n) {
  width: 32%;
  margin: 0 2% 2% 0;
 }
 .offer_box:nth-child(3n) {
  margin: 0 0 2% 0;
 }
 .offer_box .title {
  height: 42px;
 }
 .offer_box .title a,
 .offer_box .title a:link,
 .offer_box .title a:hover,
 .offer_box .title a:visited {
  font-size: 18px;
 }
}

@media screen and (max-width: 1000px) {
 .offer_box .image {
  height: 210px;
 }
 .offer_box .price {
  font-size: 18px;
 }
 .offer_box .currency {
  font-size: 16px;
 }
 .offer_box .box_bottom {
  padding: 14px 18px 14px 18px;
 }
}

@media screen and (max-width: 950px) {
 #offers {
  padding: 40px 0 36px 0;
 }
 .offer_box .bottom_info .info .icon {
  display: none;
 }
}

@media screen and (max-width: 870px) {
 .offer_box .bottom_info {
  height: 36px;
  margin: 10px 0 0 0;
 }
 .offer_box .bottom_info .transport {
  min-width: 31px;
  width: 31px;
 }
 .offer_box .bottom_info .basic_btn {
  padding: 11px 11px;
  font-size: 12px;
 }
 .offer_box .bottom_info .basic_btn .icon {
  display: none;
 }
}

@media screen and (max-width: 800px) {
 .offer_box .image {
  height: 180px;
 }
 .offer_box .box_bottom {
  padding: 12px 12px 12px 12px;
 }
 .offer_box .title {
  height: 40px;
 }
 .offer_box .title a,
 .offer_box .title a:link,
 .offer_box .title a:hover,
 .offer_box .title a:visited {
  font-size: 17px;
 }
}

@media screen and (max-width: 760px) {
 #offers {
  padding: 36px 0 28px 0;
 }
 .offer_box,
 .offer_box:nth-child(3n),
 .offer_box:nth-child(4n) {
  width: 48.5%;
  margin: 0 3% 3% 0;
 }
 .offer_box:nth-child(2n) {
  margin: 0 0 3% 0;
 }
 .offer_box .image {
  height: 150px;
 }
 .offer_box .price_container {
  top: 10px;
  left: 10px;
  min-width: 100px;
  padding: 7px 14px;
 }
 .offer_box .price {
  font-size: 17px;
 }
 .offer_box .currency {
  font-size: 15px;
 }
 .offer_box .location {
  height: 15px;
  margin: 0 0 10px 0;
  font-size: 12px;
 }
}

@media screen and (max-width: 650px) {
 #offers {
  padding: 34px 0 24px 0;
 }
}

@media screen and (max-width: 520px) {
 .offer_box .bottom_info .info {
  font-size: 12px;
 }
}

@media screen and (max-width: 500px) {
 #offers {
  padding: 30px 0 18px 0;
 }
 .offer_box .image {
  height: 130px;
 }
 .offer_box .title {
  height: 56px;
 }
 .offer_box .title a,
 .offer_box .title a:link,
 .offer_box .title a:hover,
 .offer_box .title a:visited {
  font-size: 16px;
  -webkit-line-clamp: 3;
 }
 .offer_box .bottom_info .basic_btn {
  display: none;
 }
 .offer_box .bottom_info {
  height: 32px;
 }
}

@media screen and (max-width: 450px) {
 .offer_box .title {
  height: 75px;
 }
 .offer_box .title a,
 .offer_box .title a:link,
 .offer_box .title a:hover,
 .offer_box .title a:visited {
  font-size: 16px;
  -webkit-line-clamp: 4;
 }
}