/** Offers page */

.oBox { 	
   overflow: hidden; width: 100%; 
   border-top: 1px solid #e9c300;
   margin-bottom:60px; 
   padding: 32px 3px;
}
.oBox2 {
	height:auto !important;overflow:hidden;margin-top:30px;
}
.oBox h2 {
	font-size: 32px;
	margin: 10px 0px 15px 0px;
	overflow: hidden;
	line-height: 32px !important;
}
.oBox h3 {
	color: #444444;
	font-size:17px;
	margin-left: 0px;
}
.oBox h4 { /* margin-left: 15px;*/ }
.oPicBox {
	float: left;
	margin: 3px 0 45px 1px;
	padding: 0 5% 0 0;
	color: #777777;
	font-size: 12px;
	line-height: 1.2em;
	max-width: 49%; 
}
#hotelOffers .oPicBox { width: 49%; padding: }

.oPic {
	margin: 0; 
	width: 100%;
	max-width: 400px;
}
.oTextBox {/* float: right; width: 49%;*/ line-height: 1.4em; }
.oTextBox ul { 
    list-style-image: url(/files/bullet_green.png);
   padding-left: 17px;
}
.oTextBox .btn {
    float: right;
    margin: 4px 0 25px 25px;
    padding: 0 20px;
    display: inline-block;
}
.oOfferBox {
   font-weight: bold;	
   line-height: 1.5em;
   padding-top: 15px;
} .oOfferBox ul {
   list-style-image: url('/files/bullet_brown.png');
    list-style-position: inside;
}
#hotelOffers .oOfferBox { clear:left;}

.oDatesBox { clear:both;margin-top:3em }
.oDatesBox h3 {font-weight:bold !important;color:#e1a300 !important}

.oPriceBox { float: right; width:49%; margin: 20px 0; 
    position: relative; bottom: 0; right: 0;vertical-align: bottom;
}
.oBoxHLink {
	float:right;font-size:0.9em;height:30px !important;line-height:30px !important;
   margin: 0 0 25px !important;
}
.oPrice {
  margin: 0;
  min-height:65px;
  vertical-align:bottom;

  display: grid; grid-template-columns: auto ;grid-template-rows:100%;align-content:end;
  
  font-family: OpenSansCond, helvetica,sans-serif;
  font-size: 28px; font-weight: bold; color: #666666;
  line-height: 0.8em;
}

.oPrice .btn {
    align-self: end;justify-self:end;
    font-family: OpenSansCond, helvetica,sans-serif; font-size: 16px;
    text-transform: uppercase;
}.oPrice .btn:hover {background: #F9A80B}
.oPriceText{align-self: end;} 
.oPriceInf { font-size:0.5em;margin: 15px 0;}

@media only screen and (min-width: 768px) {
  .oPrice {
    min-width: 450px;
    grid-template-columns: auto 260px;
  }
  .oPriceInf { margin: 15px 0 0 0;}
}


/*********** Offer list on hotel page *************/
#hotelOffers { 
    margin: 100px 0 2.5em; padding: 1.5em 2em;
    background-color: #f7f7f3; width: 63%;
}
#hotelOffers .oPriceBox { width:100% }
#hotelOffers .oPrice {min-width: unset; grid-template-columns: auto }
#hotelOffers .oPriceText { margin-bottom: 15px; }
#hotelOffers .oPriceInf { margin: 15px 0; }
#hotelOffers .oBoxHLink { display:none }

@media only screen and (max-width: 767px) {
  #hotelOffers {width:100%}
}