.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: right;
}

/* Styling Next and Prev buttons ------------------------- */
.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination ------------------------- */
.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 13px;
	height: 13px;
	margin: 5px 3px;
	filter: Alpha(Opacity=80);/*IE7 fix*/
	opacity: 0.8;	
	background: #333333;
}
.owl-theme .owl-controls .owl-page.active span{
	filter: Alpha(Opacity=8);/*IE7 fix*/
	opacity: 0.8;
	background: #f7b600;
}

/* If PaginationNumbers is true ------------------------- */
.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* Preloading images ------------------------- */
.owl-item.loading{
	min-height: 150px;
	background: url(AjaxLoader.gif) no-repeat center center
}

/* GLOBAL ------------------------- */
.effects { padding-left: 0px;}
.effects .img { position: relative; float: left; overflow: hidden;}
.effects .img:nth-child(n) { margin-right: 5px;}
.effects .img:first-child { margin-left: -15px;}
.effects .img:last-child { margin-right: 0;}
.effects .img img { display: block; margin: 0; padding: 0; max-width: 100%; height: auto;}

.overlay { display: block; position: absolute; z-index: 100; width:100%; padding:20px 20px 0px; background:#303030;  /*background: rgb(232, 232, 232);*/ overflow: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;     
}
.overlay h3{font-size:18px; color:#fff; line-height:20px; margin:0px; margin-bottom:10px;}
.overlay p{font-size:12px; color:#fff; margin:0; padding:0;}
.overlay .star{ position:absolute; bottom:20px; width:90%; display:block;}
.overlay .star .btn-view{background:#f7b600; padding:3px 20px; color:#fff; text-decoration:none; font-size:13px; border:#595959 1px solid; float:right;}
.overlay .star .btn-view:hover{background:#1a2160; color:#fff;}

a.close-overlay {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  width: 45px;
  height: 45px;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  line-height: 45px;
  text-align: center;
  background-color: #000;
  cursor: pointer;
}
a.close-overlay.hidden { display: none;}
a.expand { display:inline-block; position: absolute;  z-index: 100; text-align: center; color: #fff; font-size: 14px; background:#f9c533;
  width:100px;  padding:5px 0; text-decoration:none; border:#adadad 1px solid;}
a.expand:hover { color: #fff; background:#1a2160;}

#allOffer .item img, #popular-caraousel .item img{display: block; width: 100%; height: auto; cursor:pointer; border:#a2a2a2 1px solid; position:relative;}
#offering-thumb .item, #article .item{position:relative; overflow:hidden; width:100%; display:block;}
#offering-thumb .item, #article .item img, #upcoming-deals .img img{width:100%; display:block;}

.item .icon-small-bar{ position:absolute; top:1px; right:1px; z-index:999; color:#FFFFFF; background:#f7b600; color:#FFFFFF; padding:5px 5px; border:1px solid #f7b600;}
.item .caption-min{ position:absolute; top:0px; right:0px; z-index:999; color:#FFFFFF; background:#f7b600; color:#FFFFFF; padding:5px 5px; border:1px solid #f7b600;}
.item .caption-vote{ position:absolute; top:0px; right:0px; z-index:999; color:#FFFFFF; background:#f7b600; color:#FFFFFF; padding:5px 5px; border:1px solid #f7b600;}


/* EFFECT 1 - SLIDE IN BOTTOM ------------------------- */
#popular-caraousel{ width:80%; float:left;}
#upcoming-deals{ width:75%; float:left;}
#popular-caraousel .overlay, #allOffers .overlay, #upcoming-deals .overlay { top: 0; bottom: 0; left: 0; right: 0; opacity: 0;}
#popular-caraousel .overlay a.expand, #allOffers .overlay a.expand, #upcoming-deals .overlay a.expand {left: 0; right: 0; bottom:10%; margin: 0 auto; opacity: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
#popular-caraousel .img.hover .overlay, #allOffers .img.hover .overlay, #upcoming-deals .img.hover .overlay { opacity: 1;}
#popular-caraousel .img.hover .overlay a.expand, #allOffers .img.hover .overlay a.expand, #upcoming-deals .img.hover .overlay a.expand{ opacity: 1;}
#popular-caraousel .img, #allOffers .img, #upcoming-deals .img{position:relative;}

#offering-thumb .owl-item{padding:0px 5px; box-sizing:border-box;}

#ourProducts .owl-item .item{float:left; width:23.5%; position:relative; margin-right:15px; box-sizing:border-box;}
#ourProducts .captionOffers{height:60px;}

/* Caption Block ------------------------- */
.captionBlock{background:#303030; /*background:rgba(0, 0, 0, 0.7);*/ padding:10px 10px; position:absolute; text-align:center; bottom:0px; width:100%; height:30%; z-index:99; display:block; width:255px\9\0}
.captionBlock p{font-size:12px; color:#fff; padding:0; margin:0; line-height:17px;}
.captionBlock h2{font-size:16px; line-height:20px; color:#fff;/* margin:0;*/ margin-top:0px; margin-bottom:0px;}
.captionBlock h2 span{font-size:30px; line-height:30px; font-family: 'open_sansbold'; vertical-align:middle;}
.captionBlock img{width:auto !important; float:left; margin-top:5px;}
.captionBlock .view{background:#bc1722; padding:3px 20px; color:#fff; text-decoration:none; font-size:13px; border:#595959 1px solid; float:right;}

/* Caption Offers ------------------------- */
.captionOffers{background:#303030; /*background:rgba(0, 0, 0, 0.7);*/ padding:10px 10px; position:absolute; bottom:0px; width:100%; height:40%; z-index:99; display:block; width:309px\9\0}
.captionOffers p{font-size:12px; color:#fff; padding:0; margin:0; line-height:17px;}
.captionOffers p .percentage{font-size:25px; font-weight:bold; vertical-align:bottom;}
.captionOffers h2{font-size:16px; color:#fff; margin:0;}
.captionOffers .star{ display:block; width:100%; padding:10px 0px;}
.captionOffers .star .view{background:#f7b600; padding:3px 20px; color:#fff; text-decoration:none; font-size:13px; border:#595959 1px solid; float:right;}
.captionOffers .star .view:hover{background:#1a2160; color:#fff;}
.captionOffers img{width:auto !important; margin-top:5px; float:left;}
.captionOffers .btn-view{background:#f7b600; padding:3px 20px; color:#fff; text-decoration:none; font-size:13px; border:#595959 1px solid;}
.captionOffers .btn-view:hover{background:#1a2160; color:#fff;}
.captionOffers-30{padding:20px 10px 0px; height:30%!important;}
.height-adjust{height:30%!important;}

/* Module Block ------------------------- */
.module { width:100%; height:100%; position: relative; overflow: hidden;}
.module > header { position: absolute; bottom: 0; left: 0; width: 100%; padding: 10px 10px; overflow: hidden;}
.module > header::before { content: ""; position: absolute; top: 0px; left: 0; width: 200%; height: 200%; background:#303030; /*background:rgba(0, 0, 0, 0.7);*/}
.module > header::after { content: ""; position: absolute; top: 0; left: 0; width: 200%; height: 200%; background: rgba(0, 0, 0, 0.25)}
.module > header > p{margin: 0; position: relative; z-index: 1; font-size:11px; color:#fff; line-height:17px; margin-bottom:10px;}
.module > header > p .percentage{font-size:20px!important;  font-family: 'open_sansbold'; vertical-align:bottom;}
.module > header > p .btn-view{background:#f7b600; padding:3px 20px; color:#fff; text-decoration:none; font-size:13px; border:#595959 1px solid; float:right;}
.module > header > p .btn-view:hover{background:#1a2160; color:#fff;}

.modulebis { width:100%; height:100%; position: relative; overflow: hidden;}
.modulebis > header { position: absolute; bottom: 0; left: 0; width: 100%; height:35%; padding: 10px 10px; overflow: hidden;}
.modulebis > header::before { content: ""; position: absolute; top: 0px; left: 0; width: 200%; height: 200%; background:#303030; /*background:rgba(0, 0, 0, 0.7);*/}
.modulebis > header::after { content: ""; position: absolute; top: 0; left: 0; width: 200%; height: 200%; background: rgba(0, 0, 0, 0.25)}
.modulebis > header > p{margin: 0; position: relative; z-index: 1; font-size:12px; color:#fff; line-height:17px;}
.modulebis > header > p .percentage{font-size:20px!important;  font-family: 'open_sansbold'; vertical-align:bottom;}
.modulebis > header > p .btn-view{background:#f7b600; padding:3px 20px; color:#fff; text-decoration:none; font-size:13px; border:#595959 1px solid; float:right;}
.modulebis > header > p .btn-view:hover{background:#1a2160; color:#fff;}
.modulebis > header > p.rating{position:absolute; left:10px; right:10px; bottom:10px;}

#myList .modulebox{ display:none;}
*{ box-sizing: border-box;}

.mosaic-backdrop {display:none;	position:absolute;	top:0;	height:100%; width:100%; background:#303030;}

.mosaic-overlay {display:none; z-index:99; position:absolute; width:100%; height:100%; background:#303030; padding:20px 20px 0px;}
.mosaic-overlay h3{font-size:18px; color:#fff; line-height:20px; margin:0px; margin-bottom:10px; text-decoration:none; border-bottom:none;}
.mosaic-overlay p{font-size:12px; color:#fff; margin:0; padding:0; border-bottom:none;}
.mosaic-overlay .star{ position:absolute; bottom:20px; display:block; width:90%;}
.mosaic-overlay .star .btn-view{background:#f7b600; padding:3px 20px; color:#fff; text-decoration:none; font-size:13px; border:#595959 1px solid; float:right;}
.mosaic-overlay .star .btn-view:hover{background:#000; color:#fff;}
.fade-item a {text-decoration:none;}

/* Custom Animation Styles ------------------------- */
.circle .mosaic-overlay {background:url(../images/hover-magnify.png) no-repeat center center; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
	filter:alpha(opacity=00); display:none;}		
.fade-item .mosaic-overlay {opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter:alpha(opacity=00);	background:#303030;}		
.bar .mosaic-overlay {bottom:-100px; height:100px; background:url(../images/bg-black.png);}		
.bar2 .mosaic-overlay {bottom:-50px; height:100px; opacity:0.8;	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80);}		
.bar2 .mosaic-overlay:hover {opacity:1;	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100);}		
.bar3 .mosaic-overlay {top:-100px; height:100px; background:url(../images/bg-black.png);}
/*** End Animation Styles ***/