.hotel_box,
.hotel_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;
}

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

.hotel_box:nth-child(3n) {
 margin: 0 0 1.85% 0;
}

.hotel_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;
}

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

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

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

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

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

.hotel_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;
}

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

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

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

.hotel_box .stars {
 display: flex;
 justify-content: flex-start;
 float: left;
 width: 100%;
 height: 12px;
 margin: 3px 0 5px 0;
}

.hotel_box .stars img {
 float: left;
 width: 12px;
 height: 12px;
 margin: 0 2px 0 0;
}

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

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

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

.hotel_box .title a,
.hotel_box .title a:link,
.hotel_box .title a:hover,
.hotel_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;
}

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

.hotel_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;
}

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

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

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

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

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

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

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

.hotel_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;
}

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

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

.hotel_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;
}

.hotel_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;
}

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

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

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

.hotel_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) {
 .hotel_box .price {
  font-size: 19px;
 }
 .hotel_box .currency {
  font-size: 17px;
 }
}

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

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

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

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

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

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

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

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

@media screen and (max-width: 500px) {
 .hotel_box .image {
  height: 130px;
 }
 .hotel_box .title {
  height: 38px;
 }
 .hotel_box .title a,
 .hotel_box .title a:link,
 .hotel_box .title a:hover,
 .hotel_box .title a:visited {
  font-size: 16px;
 }
 .hotel_box .bottom_info .basic_btn {
  display: none;
 }
 .hotel_box .bottom_info {
  height: 32px;
 }
}