/*===================== offer 2 =====================*/
.offer_box {
    width: 294px;
    height: 330px;
    float: left;
    margin-bottom: 35px;
    margin-top: 0px;
    margin-right: 24px !important;
    position: relative;
    padding-top: 0px;
    padding-bottom: 0px;

}

.offer2 {
    width: 292px;
    position: relative;
    background: #fff;
    border-radius: 0px;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.18);
    overflow: hidden;
    padding-top: 0px;
    padding-bottom: 10px;
	  border:1px solid #fff;
    border-radius:10px;
    overflow:hidden;
    box-shadow: 0 0.125rem 0.125rem -0.125rem rgba(31,27,45,.08), 0 0.25rem 0.75rem rgba(31,27,45,.08) !important;

}
.ofr {
    background: #ffffbb;
    border: 1px solid orange;

}
/*div.offer2:nth-child(4n+3) {
	background:#fafafa;
	margin-right:0px !important;
}*/
.nomarginright {
    margin-right: 0px !important;
}
.margin_top_15 {
    margin-top: 15px !important;
}

.offer2 .label_top {
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 69px;
    height: 68px;
    z-index: 5;
    background: url(css_images/label_top_bg.png) no-repeat;
}

.offer2 .firstline{
  width:96%;
  left:8px;
  height:20px;
  line-height:20px;
  position:absolute;
  top:8px;
  z-index:1;
  font-size:0;
}
.offer2 .firstline div{
  margin-right:5px;
  vertical-align: top;
  margin-bottom:5px;
}
.offer2 .label_best {
  font-size:14px;
    display: inline-block;
    line-height:20px;
    height:20px;
    padding-left:3px;
    padding-right:3px;
    border-radius:4px;
    font-weight:bold;
    background:#F99216;
    color:#fff;
    text-shadow: 1px 1px 1px #555;
}

.offer2 .label_logo {
    display: block;
    position: absolute;
    right: 3px;
    top: 3px;
    width: 50px;
    height: 50px;
	border-radius:50px;
	overflow:hidden;
    z-index: 2;
}
.offer2 .label_logo img{
	width:50px;
	height:50px;
}
.offer2 .label_completed {
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 75px;
    height: 75px;
    z-index: 5;
    background: url(css_images/label_completed_bg.png) no-repeat;
}

.offer2 .label_expire {
  display: inline-block;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: white;
    padding-left: 7px;
    padding-right: 7px;
    background: #ff8000;
    border-radius: 5px;
	  opacity:1;
    z-index: 2;
	  text-shadow: 1px 1px 1px #4b4b4b;
}

.offer2 .label_active {
    height: 20px;
    display:inline-block;
    line-height: 20px;
    font-size: 14px;
    color: white;
    padding-left: 7px;
    padding-right: 7px;
    background: #227600;
    border-radius: 5px;
	  opacity:1;
	  text-shadow: 1px 1px 1px #4b4b4b;
}


.offer2:hover .label_top {
    display: none;
}

.offer2 .logo {
}

.offer2 .title {
    width: 94%;
    display: block;
    line-height: 18px;
    margin-left: 3%;
    margin-top: 3px;
    margin-bottom: 3px;
    float: left;
    min-height: 76px;
    max-height: 72px;
    height: auto;
    position: relative;
    overflow: hidden;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	/*-moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
    transition: 1s;*/
}
.offer2 .title em{
	font-style:normal;
	font-weight:bold;
	text-decoration:underline;
}


.offer2 .title h3 {
    font-size: 15px;
    line-height:18px;
    max-height:36px;
    overflow: hidden;
    font-family: roboto, sans-serif !important;
    font-weight: normal;
    color: #050505;
    display: block;
    float: left;
    height: auto;
	  width:100%;
	  text-align:left;
    margin-bottom: 0px;
    margin-top:5px;
}

.offer2 .title h3:hover {
    color: #616161;
}

.offer2 .picture {
    width: 296px;
    height: 183px;
    float: left;
    display: block;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    background: url(css_images/imgtemp_izgodni.jpg) no-repeat #ebebeb;
    color: #ebebeb;

	max-width: 100%;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.offer2 .picrel {
    position: relative;
    float: left;
	overflow:hidden;
}
.body_desktop .offer2:hover .picture{
  /*opacity:0.8;*/
  -moz-transform: scale(1.02);
  	-webkit-transform: scale(1.02);
  	transform: scale(1.02);
}
.offer2 .casper {
    width: 100%;
    height: 183px;
    display: none;
    position: absolute;
    left: 0px;
    top: 0px;
    margin-bottom: 0px;
}

.offer2 .casper .casperlink {
    width: 100%;
    height: 183px;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    background: #000;
    opacity: 0.1;
    z-index: 1;
}

.offer2 .fav {
    width: 22px;
    height: 25px;
    display: none;
    position: absolute;
    top: 155px;
    left: 3px;
    opacity: 1;
    z-index: 2;
    background: url(css_images/sprite.png?v29) no-repeat -49px -171px;
}

.offer2 .seen {
    width: 22px;
    height: 20px;
    display: block;
    position: absolute;
    top: 157px;
    left: 30px;
    opacity: 1;
    z-index: 2;
    background: url(css_images/sprite.png) no-repeat -49px -194px;
}

.offer2 .fav:hover {
    background: url(css_images/sprite.png?v29) no-repeat -70px -171px;
}

.offer2 .fav.selected {
    display: block !important;
    background: url(css_images/sprite.png?v29) no-repeat -92px -171px !important;
}

.offer2 .destitag {
  position: relative;
  /*background-color:#e5f5ff;*/
  padding-left: 24px;
	padding-right:10px;
  max-width:150px;
  overflow: hidden;
  line-height: 28px;
  height:25px;
  color: #000;
	border-radius:4px;
	font-weight:bold;
  margin-top: 2px;
	float:left;
  font-size: 14px;
}
.offer2 .destitag::before{
  position: absolute;
  content:"";
  left:0px;
  top:5px;
  width:15px;
  height:15px;
  background: var(--icon-point-orange) no-repeat;
  background-size: 15px 15px;
}
.destitag{
	font-size:16px;
}
.destitag:hover{
	text-decoration:underline;
}

.offer2 .cattag {
  /*background: url(css_images/sprite.png) no-repeat 5px -464px;*/
	background-color:#ceecff;
  padding-left: 10px;
	padding-right:10px;
  line-height: 20px;
  color: #174e75;
	border-radius:2px;
	font-weight:bold;
  margin-top: 2px;
	margin-bottom:5px;
	float:left;
  font-size: 14px;
}

.cattag{
	font-size:16px;
}
.cattag:hover{
	text-decoration:underline;
}


.offer4 .destitag{

}
.offer4 .title h3{
  margin-top:5px;
  line-height:18px;
  max-height:18px;
  overflow: hidden;
}
.offer4 .title .sub{
  display:inline-block;
  font-weight: normal;
  font-size:14px;
  line-height:18px;
  margin-top:4px;
  max-height:18px;
  overflow: hidden;
  color:#9691a4;
}
.offer4 .title .webb{

}
.offer4 .destitag{
  position: absolute;
  background-image:none;
  background: none;
  right:0px;
  top:157px;
  z-index: 1;
  color:#fff;
}





.offer2 .likes_status, .upost .likes_status{
  width:100%;
  box-sizing: border-box;
  padding-left:10px;
  padding-right:10px;
  font-size:14px;
  display:inline-block;
  height:20px; margin-bottom:5px;
  margin-top:5px;
}
.offer2 .likes_status .likes, .upost .likes_status .likes{
  display:inline-block;
  line-height:20px;
  margin-left:2px;
}
.offer2 .likes_status .likes span.icon, .upost .likes_status .likes span.icon{
  position: relative;
  width:20px;
  height:20px;
  display: inline-block;
  float:left;

  background: linear-gradient(to bottom, rgb(0 79 153 / 50%), rgb(0 79 153 / 80%));
  border-radius:20px;
  margin-right:7px;
}
.offer2 .likes_status .likes span.icon::before, .upost .likes_status .likes span.icon::before{
  background: var(--icon-like-white-bold);
  width:12px;
  height:12px;
  background-size:12px 12px;
  position: absolute;
  top:3px;
  left:4px;
  content:"";
}







.offer2 .sharebox, .upost .sharebox{
	display:inline;
	border-top:1px solid #e1e1e1;

  width:100%;
  box-sizing: border-box;
  padding-left:10px;
  padding-right:10px;
	margin-top:0px;
	float:left;
	height:40px;
	padding-top:7px;
  position: relative;

}

.offer2 .sharebox .like, .upost .sharebox .like{
	float:left;
	height:35px;
	line-height:35px;
	padding-left:34px;
	padding-right:25px;
	background:#fafafa;
	border-radius:5px;
	font-size:15px;
	cursor:pointer;
  position: relative;
  outline:none;
  border:none;

  z-index: 2;

}
.offer2 .sharebox .like::before, .upost .sharebox .like::before{
  content:"";
  background: var(--icon-like-black);
  background-size:16px 16px;
  position: absolute;
  left:10px;
  top:9px;
  width:16px;
  height:16px;
}
.body_desktop .offer2 .sharebox .like:not(.liked):hover,
.body_desktop .upost .sharebox .like:not(.liked):hover{
	background:#ebebeb;
}
/*.offer2 .sharebox .like:not(.liked):hover::before{
  background-size:18px 18px;
  left:9px;
  top:8px;
  width:18px;
  height:18px;
}*/
/*.offer2 .sharebox .like:not(.liked):active::before{
  background-size:15px 15px;
  left:10px;
  top:9px;
  width:15px;
  height:15px;
  outline:none;
}*/
/*.offer2 .sharebox .like.liked:active::before{
  background-size:15px 15px;
  left:10px;
  top:9px;
  width:16px;
  height:16px;
  outline:none;
}*/
.offer2 .sharebox .like:active, .upost .sharebox .like:active{
  color:#535353;
}
.offer2 .sharebox .like:focus, .upost .sharebox .like:focus{
  outline:none;
}

.offer2 .sharebox .like.liked, .upost .sharebox .like.liked{
  color:#004f99;
  /*font-size:15px;
  font-weight: 600;*/

}
.offer2 .sharebox .like.liked::before, .upost .sharebox .like.liked::before{
  background: var(--icon-like-blue-full);
  background-size:cover;
  background-repeat: no-repeat;
  background-size:18px 18px;
  left:9px;
  top:8px;
  width:18px;
  height:18px;
  /*transform: rotate(-10deg);*/

}
.offer2 .sharebox .like.likea::before, .upost .sharebox .like.likea::before{
  animation: thumbUp 0.4s ease; /* Trigger animation when .liked is added */
}
/* Thumb animation */
@keyframes thumbUp {
  0% {
    transform: translateY(0) rotate(0deg);
  }
  30% {
    transform: translateY(-4px) rotate(-5deg) scale(1.10); /* Move up and rotate */

  }
  60% {
    transform: translateY(-6px) rotate(-10deg) scale(1.15); /* Slightly back down and counter-rotate */
  }
  70% {
    transform: translateY(-3px) rotate(-5deg) scale(1.10); /* Slightly back down and counter-rotate */
  }
  100% {
    transform: translateY(0) rotate(0deg) scale(1); /* Return to original position */

  }
}







.offer2 .sharebox .share, .upost .sharebox .share{
	float:right;
	height:35px;
	line-height:35px;
	padding-left:32px;
	padding-right:15px;
	background:#fafafa;
	border-radius:5px;
	font-size:15px;
	cursor:pointer;
  position: relative;
}
.offer2 .sharebox .share::before, .upost .sharebox .share::before{
  content:"";
  background: var(--icon-share-black);
  background-size:17px 17px;
  position: absolute;
  left:9px;
  top:9px;
  width:17px;
  height:17px;
}
.offer2 .sharebox .share:hover, .upost .sharebox .share:hover{
	background:#f6f6f7;
}
.offer_ .sharebox{
	/*display:block;*/
}








.offer2 .editbox{
	display:none;
	border-top:1px solid #dadde1;
	width:280px;
	margin-left:5px;
	margin-top:5px;
	float:left;
	min-height:80px;
	padding-top:6px;

}
.offer2 .editbox .editbtn{
	float:left;
	height:35px;
	display:block;
	line-height:35px;
	padding-left:30px;
	padding-right:15px;
	background:#fafafa;
	border-radius:4px;
	font-size:16px;
	cursor:pointer;
  position: relative;
  color:#222;
}

.offer2 .editbox .editbtn:hover{
	background:#f6f6f7;
}
.offer2 .editbox .stopbtn{
	float:right;
	height:35px;
	display:block;
	line-height:35px;
	padding-left:45px;
	padding-right:15px;
	background:#fafafa;
	border-radius:4px;
	font-size:16px;
	cursor:pointer;
  position: relative;
}
.offer2 .editbox .stopbtn::before{
  position:absolute;
	content:"";
	top:3px;
	left:10px;
	width:30px;
	height:30px;
	background-size:30px 30px;
	display:block;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggc3R5bGU9ImZpbGw6IzEzQzM3QjsiIGQ9Ik0zNzYuNSwzNjEuNXYtMjExYzguMjgzLDAsMTUtNi43MTYsMTUtMTVjMC04LjI4My02LjcxNy0xNS0xNS0xNWgtMjQxQzYwLjc4NSwxMjAuNSwwLDE4MS4yODUsMCwyNTYNCglzNjAuNzg1LDEzNS41LDEzNS41LDEzNS41aDI0MWM4LjI4MywwLDE1LTYuNzE2LDE1LTE1QzM5MS41LDM2OC4yMTcsMzg0Ljc4MywzNjEuNSwzNzYuNSwzNjEuNXoiLz4NCjxwYXRoIHN0eWxlPSJmaWxsOiM2MURFNTY7IiBkPSJNMTM1LjUsMTIwLjVoMjQxYzguMjg0LDAsMTUsNi43MTcsMTUsMTVjMCw4LjI4NC02LjcxNiwxNS0xNSwxNXYxMDUuNDk5SDANCglDMCwxODEuMjg1LDYwLjc4NSwxMjAuNSwxMzUuNSwxMjAuNXoiLz4NCjxwYXRoIHN0eWxlPSJmaWxsOiNGMkYyRjI7IiBkPSJNNTEyLDI1NmMwLTc0LjcxNS02MC43ODUtMTM1LjUtMTM1LjUtMTM1LjVTMjQxLDE4MS4yODUsMjQxLDI1NnM2MC43ODUsMTM1LjUsMTM1LjUsMTM1LjUNCglTNTEyLDMzMC43MTUsNTEyLDI1NnoiLz4NCjxwYXRoIHN0eWxlPSJmaWxsOiNEOUQ5RDk7IiBkPSJNMzc2LjUsMzkxLjVjNzQuNzE1LDAsMTM1LjUtNjAuNzg1LDEzNS41LTEzNS41SDI0MUMyNDEsMzMwLjcxNSwzMDEuNzg1LDM5MS41LDM3Ni41LDM5MS41eiIvPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=);

	background-repeat:no-repeat;
}
.offer2 .editbox .stopbtn:hover{
	background:#f6f6f7;
}
.offer2 .editbox .activatebtn{
	float:right;
	height:35px;
	display:block;
	line-height:35px;
	padding-left:45px;
	padding-right:15px;
	background:#fafafa;
	border-radius:4px;
	font-size:16px;
	cursor:pointer;
  position: relative;
	color:black;
}
.offer2 .editbox .activatebtn::before{
  position:absolute;
	content:"";
	top:3px;
	left:10px;
	width:30px;
	height:30px;
	background-size:30px 30px;
	display:block;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggc3R5bGU9ImZpbGw6IzhCODg5MjsiIGQ9Ik0zNzYuNSwxMjAuNWgtMjQxYy04LjI4NSwwLTE1LDYuNzE3LTE1LDE1YzAsOC4yODQsNi43MTUsMTUsMTUsMTV2MjExYy04LjI4NSwwLTE1LDYuNzE3LTE1LDE1DQoJYzAsOC4yODQsNi43MTUsMTUsMTUsMTVoMjQxYzc0LjcxNSwwLDEzNS41LTYwLjc4NSwxMzUuNS0xMzUuNVM0NTEuMjE1LDEyMC41LDM3Ni41LDEyMC41eiIvPg0KPHBhdGggc3R5bGU9ImZpbGw6I0FFQURCMzsiIGQ9Ik0zNzYuNSwxMjAuNWgtMjQxYy04LjI4NSwwLTE1LDYuNzE3LTE1LDE1YzAsOC4yODQsNi43MTUsMTUsMTUsMTV2MTA1LjQ5OUg1MTINCglDNTExLjk5OSwxODEuMjg1LDQ1MS4yMTQsMTIwLjUsMzc2LjUsMTIwLjV6Ii8+DQo8cGF0aCBzdHlsZT0iZmlsbDojRjJGMkYyOyIgZD0iTTI3MSwyNTZjMC03NC43MTUtNjAuNzg1LTEzNS41LTEzNS41LTEzNS41UzAsMTgxLjI4NSwwLDI1NnM2MC43ODUsMTM1LjUsMTM1LjUsMTM1LjUNCglTMjcxLDMzMC43MTUsMjcxLDI1NnoiLz4NCjxwYXRoIHN0eWxlPSJmaWxsOiNEOUQ5RDk7IiBkPSJNMTM1LjUsMzkxLjVjNzQuNzE1LDAsMTM1LjUtNjAuNzg1LDEzNS41LTEzNS41SDBDMCwzMzAuNzE1LDYwLjc4NSwzOTEuNSwxMzUuNSwzOTEuNXoiLz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjwvc3ZnPg0K);

	background-repeat:no-repeat;
}
.offer2 .editbox .activatebtn:hover{
	background:#f6f6f7;
}
.offer_ .editbox{
	display:block;
}
.offer2 .editbox .activeto_text{
	float:left;
  display:block;
	height:35px;
	display:block;
	line-height:35px;
	padding-left:0px;
	padding-right:0px;
	background:#fff;
  margin-top:5px;
	border-radius:4px;
	font-size:14px;
  color:#222;
  width:100%;
  text-align: center;
	cursor:pointer;
}
.casper .greenbtn {
    height: 40px;
    line-height: 40px;
    width: 140px;
    text-align: center;
    /*position: absolute;*/
    position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;

    background: #ebebeb;
    /*top: 72px;*/
    opacity: 1;
    /*left: 75px;*/
    color: #000;
    font-size: 14px;
    font-family: Tahoma;
    border-radius: 4px;
    font-weight: bold;
    z-index: 2;
    text-shadow: #FFFFFF 0 1px 0;
	/*text-shadow:0px 1px 0 gray;*/
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.18);
}
/*.casper .greenbtn:hover{
	background:#9dd51c;
	text-shadow:0px 1px 0 gray;
	color:#fff;}*/

.webb {
    display:none;
    line-height: 18px;
    background: linear-gradient(to bottom, rgba(0, 255, 0, 0), rgb(94, 94, 94, 0.5), rgb(64, 64, 64, 0.7));
    position: absolute;
    top: 158px;
    right: 0px;
    font-weight: normal;
    font-size: 13px;
    font-family: Arial;
    color: white !important;
    opacity:1;
    text-align: right;
    height: 25px;
    padding-left: 10px;
    padding-right: 9px;
    z-index: 2;
    width: 280px;
    text-shadow: 0px 1px 0 #000;
}

.webb a {
	/*color:#e9e9e9;*/
    color: #fff;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    opacity:0.8;
}
.webb a:hover{
  text-decoration: underline;
}
.casper .buybtn {
    background: #dddddd;
    height: 25px;
    line-height: 25px;
    color: black;
    font-size: 14px;
    position: absolute;
    top: 50px;
    right: 10px;
    border-radius: 4px;
    padding-left: 15px;
    padding-right: 15px;
    z-index: 2;
}

.casper .buybtn:hover {
    background: #eeeeee;
}

.casper .viewbtn {
    height: 8px;
    line-height: 8px;

    position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;
    top:75px;
    /*position: absolute; top: 125px; left: 75px;*/
    width: 140px;
    text-align: center;

    font-family: Arial;
    text-align: center;
    text-decoration: none;
    opacity:0.8;
    color: #fafafa !important;
    font-size: 13px !important;
    z-index: 2;
}

.casper .viewbtn:hover {
    text-decoration: underline;
}

.casper .viewbtn2 {
    height: 20px;
    line-height: 20px;
    position: absolute;
    top: 10px;
    right: 0px;
    padding-left: 10px;
    padding-right: 10px;
    color: white;
    background: red;
    z-index: 2;
}
/*hover*/
.offer_ {
    z-index: 3;
    box-shadow: 0 0.125rem 0.5rem -0.25rem rgba(31,27,45,.12), 0 0.25rem 1rem rgba(31,27,45,.12) !important;
	/*border: 1px solid orange;*/
}
.offer_ .webb{
  display:block;
  opacity:0.7;
}
.body_desktop .offer_ .picture {
	/*display:none;*/
	-moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.offer_ .casper {
    display: block;
}

.offer_ .discount_ {
    background: #ff8000 !important;
    color: white !important;

}
.offer_ .discount_.red{
	background:#f94108 !important;
}
.offer_ .discount_.red0{
	background:#ff6422 !important;
}

.offer_ .price {
    color: #ff8000 !important;
}

.offer_ .webb {
	/*display:none;*/
}

.offer_ .fav {
    display: block;
}

.offer_ .title {
    /*max-height: none;*/
	/*-moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
    transition: 1s;*/
}

.offer2 .price {
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
	  /*border:1px solid #e8e8e8;*/
    /*position: absolute;
    top: 0px;
    right: 0px;*/
    float:right;
    display:inline-block;
    height: 25px;
    line-height:20px;
    padding-top: 4px;
    background: #fff;
    border-radius: 4px;
    text-shadow: 0px 1px 0 #fff;

    padding-left: 15px;
    padding-right: 10px;
    color: #000 !important;
}
.offer2 .price.price_person{
	padding-top:2px;
	min-width:75px;
	height:36px;
}
.offer2 .price .price_person {
    font-size: 10px;
    color: #18a400;
    padding-left: 1%;
	padding-right:1%;
	text-align:center;
	position:absolute;
	left:0px;
	bottom:2px;
	width:98%;
}
.offer2 .price .price_person span{
	font-size:8px;
	padding-left:2px;
}

.offer2 .pricesub {
    font-size: 12px;
    padding-left: 2px;
}

.pricesub {
    font-size: 60% !important;
    margin-left: 2px;
}

.pricecur {
    font-size: 60% !important;
    padding-left: 2px;
}

.offer2 .pricecur {
    font-size: 16px;
    color: #414141;
    padding-left: 4px;
}


.offer2 .discount_ .mytext{
	font-size:12px;
	height:12px;
	line-height:8px;

}

.offer2 .discount_ {
    display:inline-block;;
    height:20px;
    line-height:20px;
    font-size:13px;
    color:black;
    padding-left:7px;
    padding-right:6px;
    background:#fff;
    opacity:1;
    border-radius:5px;
}
.offer2 .discount_.red{
	/*background:#f94108;*/
}
.offer2 .discount_.red0{
	/*background:#ff6422;*/
}

.offer2 .label_expire2 {
    display:inline-block;;
    height:20px;
    line-height:20px;
    font-size:13px;
    color:white;
    padding-left:7px;
    padding-right:6px;
    background:gray;
    opacity:1;
    border-radius:5px;
    text-shadow: 1px 1px 1px #555;
}
.offer2 .ofbot {
    float: left;
    display: block;
    position: relative;
    width: 290px;
    margin-left: 5px;
    margin-bottom: 0px;
	margin-top:5px;
    height: 40px;
}

.offer2 .realprice {
    display: block;
    width: 75px;
    height: 25px;
    line-height: 25px;
    color: gray;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    left: 0px;
    top: -20px;
}

.offer2 .buybutton {
    display: block;
    width: 94px;
    height: 24px;
    background: url(css_images/buybutton.png) no-repeat;
    position: absolute;
    right: 0px;
    top: -30px;
}

.offer2:hover .buybutton {
    background: url(css_images/buybutton_.png) no-repeat;
}

.offer2 .buybutton:hover {
    background: url(css_images/buybutton_.png) no-repeat;
}

.offer2 .sitelogo {
    width: 220px;
    height: 40px;
    float: left;
    margin-left: 2px;
}




.offerdetails .hoteltitle{
  font-size:30px;
  color:#222;
  font-family:arial,verdana, sans-serif;
  font-weight: normal;
  line-height:1.2;
}







/*====== offers ==========*/
.offers{
	border-radius:3px;
	width:325px;
	margin-top:15px;
	margin-bottom:0px;
	display:block;
	float:left;
	padding:0px;
	padding-bottom:25px;
	height:auto;
	background:#e0f1fd;
	box-shadow:0px 1px 4px rgba(41,51,57,.1);
}
.offers .offers_title{
	float:left;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	width:100%;
	text-align:left;
	text-indent:13px;
	margin-bottom:20px;
	line-height:35px;
	height:35px;
	background:#2384c7;
	position:relative;
	border-radius:3px 3px 0px 0px;
	text-shadow: 1px 1px 2px #000;
}
.offers .offers_title span{
	overflow:hidden;
	display:block;
	width:100%;
	height:100%;
}
.offers .offers_title:not(.arrow)::after{
	position:absolute;
	right:20px;
	bottom:-6px;
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 6px 0 6px;
	border-color: #2384c7 transparent transparent transparent;
}
.offers .offers_title.arrow::before{
	position:absolute;
	content:"";
	top:-5px;
	left:275px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #2384c7;
}
.offers .rbody{
	float:left;
	width:100%;
}

.offers .rbody .website{
	float:left;
	width:60%;
	padding-left:3%;
	line-height:25px;
}
.offers .rbody .offerbtn{
	float:right;
	width:28%;
	text-align:center;
	background:#2384c7;
	line-height:25px;
	min-height:25px;
	padding-left:10px;
	cursor:pointer;
	padding-right:10px;
	margin-right:2%;
	color:white;
  border-radius:4px;
}



/*====== offer_price ==========*/
.offer_price{
	border-radius:3px;
	width:100%;
	margin-top:0px;
	margin-bottom:0px;
	display:block;
	float:left;
	padding:0px;
	padding-bottom:15px;
	height:auto;
}
.offer_price .price_box{
	float:left;
	font-size:20px;
	font-weight:bold;
	color:#fff;
	width:100%;
	text-align:center;
	margin-bottom:0px;
	min-height:75px;
	background:#88B50D;
	position:relative;
	border-radius:4px;
  border-top:5px solid #7ca404;
	text-shadow: 1px 1px 2px #000;
  box-shadow:0px 2px 2px rgba(0, 0, 0, 0.28);
}
.offer_price .price_box .bb-span{
	display:inline-block;
  line-height:75px;
  min-height:75px;
  width:100%;
  color:#222;
  text-shadow:none;
  background: white;
}
.offerbtn{
  line-height:30px;
  border:1px solid #466309;
  border-radius:5px;
  display:inline-block;
  margin-bottom:15px;
  padding:5px 25px 5px 25px;
  font-weight: normal;
  color:#466309;
  margin-top:-5px;
  cursor: pointer;
}
.offerbtn:hover{
  box-shadow:0px 3px 5px rgba(0, 0, 0, 0.18);
}
.heart {
  background-color: #dadada;
  height: 20px;
  display:block;
  position: absolute;
  top: 28px;
  left:40px;
  transform: rotate(-45deg);
  width: 20px;
}

.heart:before,
.heart:after {
  content: "";
  background-color: #dadada;
  border-radius: 50%;
  height: 20px;
  position: absolute;
  width: 20px;
}

.heart:before {
  top: -10px;
  left: 0;
}

.heart:after {
  left: 10px;
  top: 0;
}

/*.offer_price .price_box .bb-span::before{
  position:absolute;
  content:"";
  display:block;
  left:-12px;
  top:18px;
  width:35px;
  height:24px;
  border-radius:6px;
  background: #88B50D;
  box-shadow:0px 1px 1px rgba(0, 0, 0, 0.18);
}

.offer_price .price_box .bb-span::after{
  position:absolute;
  content:"";
  display:block;
  left:5px;
  top:24px;
  width:12px;
  height:12px;
  border-radius:12px;
  background: #fff;
  box-shadow:0px 1px 1px rgba(0, 0, 0, 0.18);
}*/

.offer_price .bb-rbody{
	float:left;
	width:100%;
  background: #ecf9e9;

  margin-top:5px;
  padding-top:15px;
  padding-bottom:15px;
  border-radius:0px 0px 4px 4px;
}

.offer_price .bb-rbody .bb-left{
	float:left;
	width:50%;
	padding-left:3%;
	line-height:25px;
  text-align: right;
}

.offer_price .bb-rbody .bb-right{
	float:left;
	width:40%;
	padding-left:3%;
	line-height:25px;
}

.offer_price .rbody .offerbtn{
	float:right;
	width:28%;
	text-align:center;
	background:#2384c7;
	line-height:25px;
	height:25px;
	padding-left:10px;
	cursor:pointer;
	padding-right:10px;
	margin-right:1%;
	color:white;
}