.offer-grid {
  background-size: cover;
  margin-bottom: 30px;
  position: relative;
  border: 1px solid #e34b64;
  width: 100%;
  height: auto;
}
.offer-grid img{
	width:100%;
}
.offer-grid .image-popup {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.75);
  opacity: 0;
}
.offer-grid .image-popup .prod-title {
  position: absolute;
  width: 100%;
  top: 30px;
}
.offer-grid .image-popup .prod-title h3 {
  margin-bottom: 10px;
  color: #FFF;
  font-size: 20px;
}
.offer-grid .image-popup .prod-title p {
  color: #FFF;
  font-size: 16px;
}
.offer-grid .image-popup .prod-title span {
  color: #fff;
}
.offer-grid:hover .image-popup {
  opacity: 1;
}


.nav-pills{
  margin: 0 0 3% 0;
}


.nav-pills li a{
  margin: 0 2%;
  border-radius: 50px !important;
}


.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus{
  color: #fff;
  background-color: #e44c65;  
}


.content-pagenation {
	text-align: center;
	margin-top: 5em;
	margin-bottom: 5em;
}
.content-pagenation li {
	display: inline-block;
}
.content-pagenation li a {
	font-size: 1em;
	background: #FFF;
	padding: 10px 12px;
	border: 1px solid #e34b64;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
	text-decoration: none;
}
.content-pagenation li a:hover {
	color: #304352;
	border: 1px solid rgb(48, 67, 82);
}




h1.title-bg, h2.title-bg, h3.title-bg, h4.title-bg , h5.title-bg, h6.title-bg {
	background:#f8f8f8; 
	padding:10px 5px;
	margin: 0px 0px 20px 0px;
	border-bottom: 1px dotted #a9a9a9;
	border-top: 1px dotted #a9a9a9;
}
.blog p{
	color:#000;
	font-size:12pt;
}
/**************************************
/ Blog
**************************************/
/*** Blog on Home Page ***/
.blog-summary {line-height: 18px;}
.post-info-shade { background:#f8f8f8; }
.post-info { line-height:20px; padding-top:10px; }
.post-info h4 {line-height: 26px; margin-top: 0px;}
.post-info h4 a, .post-info h4 a:hover {color:#333; text-decoration: none;}
.post-info ul li {list-style: none; padding-bottom: 2px; margin: 0px;}
.post-preview {line-height: 20px;}
.inner_copyright{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
/* All Sizes up to Large Desktop */
@media only screen and (max-width: 1199px) {
	.post-info h4 {clear:both;}
	.blog-details-preview {display: none; border:1px solid #000;}
}

/*** Blog List Page ***/
.blog article,
.blog section {margin-bottom: 40px;}
.blog article h3 {margin-top: 0px;}
.blog article h3 a, .blog article h4 a,
.blog article h3 a:hover, .blog article h4 a:hover {color:#333333; text-decoration: none;}
.blog h4 {line-height: 26px;}
.post-summary {background: #f8f8f8; padding-bottom: 20px; overflow: auto;}
.post-summary p {padding:20px;margin:0px;color:#000;font-size: 12pt;}
.post-summary-footer {margin: 0px; padding:0px 20px;}
.post-summary-footer button {margin: 0px; float:left;}
ul.post-data {float:right;width: auto;margin-right: -20px;}
ul.post-data-3 {margin-top:20px;}
ul.post-data li, ul.post-data-3 li {
	list-style: none; 
	float: left; 
	padding: 0px 10px;
	border-left: 1px dotted #a9a9a9;
}
ul.post-data li:first-child,
ul.post-data-3 li:first-child {border: none; padding-left: 0px;}
ul.post-data li:last-child {padding-right: 0px;}
.align-left{float: left;margin: 0px 20px 20px 0px;}
/*** Blog Full Page ***/
.post-content {background: #f8f8f8; overflow: auto;}
.post-body {padding: 20px;}
.about-author img {float: left; margin-right: 20px;}
.i_mr{margin-right:5px;}

/* Small Desktop Size */
@media (min-width: 980px) and (max-width: 1199px) {
	ul.post-data-3 li:last-child {display: none;}
}

/* Portrait tablet */
@media (min-width: 768px) and (max-width: 979px) {
	.post-summary-footer button {float: none; margin-bottom: 20px;}
	.blog article button {float: left; clear: both; margin-bottom: 20px;}
	ul.post-data-3 {display: none;}
	ul.post-data {float: none; clear: both; margin: 0px;}
	ul.post-data li:last-child {
		-o-text-overflow: ellipsis;
	    text-overflow:    ellipsis;
	    overflow:hidden;
	    white-space:nowrap;
	    width: 120px;
	}
}

/* All Mobile Sizes */
@media only screen and (max-width: 767px) {
/*	.post-summary-footer{display: none;}*/
	.post-summary{padding-bottom: 0px;}
	.blog-style-2 {display: none;}
	.align-left{float: none;}
}