.offer, .offerHld {float:left;text-align:center; background-repeat:no-repeat; height:30vw;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position:relative;
	width: 100%;
	overflow:hidden;
}
.offer { margin-right:3px;}
.offer * {font-family: 'Lato', sans-serif;}
.offer:before {content:""; position: absolute; top:0;left:0;right:0;bottom:0;
 background: rgb(250,250,250);
background: -moz-linear-gradient(0deg, rgba(250,250,250,0) 0%, rgba(0,0,0,0.15) 50%, rgba(250,250,250,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(250,250,250,0) 0%, rgba(0,0,0,0.15) 50%, rgba(250,250,250,0) 100%);
background: linear-gradient(0deg, rgba(250,250,250,0) 0%, rgba(0,0,0,0.15) 50%, rgba(250,250,250,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fafafa",endColorstr="#fafafa",GradientType=1);
}
/*
.offer:hover:before {
 background: rgb(250,250,250);
background: -moz-linear-gradient(0deg, rgba(250,250,250,0) 0%, rgba(0,0,0,0) 50%, rgba(250,250,250,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(250,250,250,0) 0%, rgba(0,0,0,0) 50%, rgba(250,250,250,0) 100%);
background: linear-gradient(0deg, rgba(250,250,250,0) 0%, rgba(0,0,0,0) 50%, rgba(250,250,250,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fafafa",endColorstr="#fafafa",GradientType=1);
}
*/
/*.offerHld {background-image:url(../img/offerBG.png); position:relative; background-repeat:repeat-x}*/
.offer span span { text-align: center; color:#FFF; float:left; width:auto;position:absolute; left:10px}
.offer span.offer_name { font-size:30px; line-height:100%; width:100%; text-transform:none; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align:center; text-shadow: 2px 2px 2px #555;}
.offer:hover span.offer_name {line-height: 150%; top: 40%;}
.offer span.offer_info { color:#e7dfcc; bottom:15px; padding: 15px 15px; line-height: 100%!important; height: auto; font-size:17px!important; width:auto!important; left:auto; right: 15px; /*transform: translatex(-50%);*/ text-align:center; background: #7c6e51;}
.offer:hover span.offer_info {background:#5b4d30 !important;}

.offer span.offer_info .offer_price { font-size:30px; font-weight:normal;font-family: trajan-pro-3, serif;}
.body_en .offer span.offer_info {font-size:30px;font-family: trajan-pro-3, serif; }
.offer:hover .offerHld { background-position:right bottom}


#secText {width: 100%; padding:0;}

#secText .offer span span.oldPrice, .offer span span.oldPrice { color:#FFF!important; width:60px!important; height:60px; bottom:50px; left:50%; margin-left:-30px; text-decoration:line-through; font-size:15px; line-height:60px;background:url(../img/promoOF.png) no-repeat left top;}
.oldPrice { text-decoration:line-through;}

#secText .offer { width:calc(33.3333% - 6px);}
#secText .offer { margin-bottom:3px}
#secText .offer span span {  float:left; width:100%}


#middle .middleIn {display: flex; flex-direction: row;}
.middleIn .offer {width: calc(33.33% - 3px); flex: auto;}

.pakiety_pobytowe.closeoffer #middle .middleIn {display: block;}
.pakiety_pobytowe.closeoffer .middleIn .offer {width: calc(33.33% - 6px);}
.pakiety_pobytowe.closeoffer .offer {margin: 3px!important;}


/*.middleIn .offer1 { margin-left:3px; width:215px}
.middleIn .offer1 span {width:215px}
.middleIn .offer1 span span {width: 193px !important;}*/
.middleIn .offer4 { margin:0}

.col1 .offer {width:215px!important;margin-left:3px!important;margin-bottoM: 5px;}
.col1 .offerHld {width:215px!important;}
.col1 .offer span span{width:195px!important}

@media only screen and (max-width : 980px) {
#middle .middleIn {display: flex; flex-direction: column;}
#secText .offer,
.middleIn .offer {width: calc(100% - 6px); flex: auto;}
}


.pakiety_pobytowe .middleIn .offer {display:none!important;}