.itg_carousel_lifestyle_section
	{
		margin-top: 40px;
	}
.itg_carousel_lifestyle_section h4
	{
		text-transform: capitalize;
	}

.offer-box
	{
		display: block;

		height: 250px;

		padding: 3px !important;

	}
.offer-box .offer-content
	{
		height: 100%;

		font-weight: normal;

		position: relative;
		background-position: center center;
		background-size: cover;
	}
.offer-box .offer-content .dummy
	{
		padding-top: 80%;
	}
.offer-box .offer-content .cover *
	{
		transition: font-size 0.2s;
	}
.offer-box .offer-content .cover
	{
			position: absolute;
			z-index: 10;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			text-align: center;
			padding-top: 20%;
			background-color: rgba(0,0,0,0);
			color: white;
			font-size: 1.8rem;
	}
.offer-box .offer-content .cover i
	{
			/* font-size: 7rem; */
			display: none;
			font-style: normal;
			width: 100%;
	}
.offer-box .offer-content .cover .title
	{
		background-color: #00a8e1;
		/* background-color: rgba(0, 0, 0, .5); */
		bottom: 0;
		color: inherit;
		font-size: 2.2rem;
		font-weight: normal;
		line-height: 1em;
		margin: 0;
		padding: 10px;
		position: absolute;
		text-align: center;
		text-shadow: 0px 0px 2px rgba(0,0,0,0.65);
		text-transform: uppercase;
		width: 100%;
	}
.offer-box .offer-content .cover .tagline
	{
		padding: 10px 15px;
		line-height: 1.1em;
		margin-top: 14px;
		font-style: italic;
		font-size: 1em;
		color: white;
		display: none;
	}

/* .offer-box .offer-content:hover::before */
.offer-box .offer-content:hover::after
	{
		content: " ";
		background-color: rgba(0,0,0,0.4) !important;
		display: block;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		z-index: 999;
		position: absolute;
	}
.offer-box .offer-content .cover:hover .tagline
	{
			display: none
	}
.offer-box .offer-content .cover:hover i
	{
			font-size: 2.5em;
			/* display: block */
	}
.offer-box .offer-content .cover:hover .hover-title
	{
			font-size: 1em !important
	}
.offer-box .offer-content .cover:hover .title,.offer-box .offer-content .cover:hover .tagline
	{
			text-shadow: none
	}

@media (max-width: 1199px)
	{
			.offer-box .offer-content .cover:hover {
					font-size:3.5rem
			}
	}
@media (max-width: 991px)
	{
			.offer-box .offer-content .cover:hover {
					font-size:4rem
			}
	}
@media (max-width: 768px)
	{
		.offer-box
			{
				height: auto;
			}
		.offer-box .offer-content .cover:hover
			{
					font-size:4.5rem;
			    padding-top: 50px !important;
			}
		.offer-box .offer-content
			{
					width:100%
			}

		.offer-box .offer-content .dummy
			{
					padding-top: 100%
			}
		.offer-box .offer-content .offer-image
			{
					display: none !important;
					border-right: 1px solid white
			}
		.offer-box .offer-content .cover
			{
					width: 100%;
					color: white;
					font-size: 1.6rem;
			    padding-top: 70px !important;

			    height: 30px;
			    bottom: 0;
			    margin-top: auto;
			}

		.offer-box .offer-content .cover>*
			{
					text-shadow: none !important
			}

		.offer-box .offer-content .cover .tagline
			{
					background-color: transparent;
					padding: 0 10px;
					margin: 0;
					font-size: 0.8em
			}

		.offer-box .offer-content .cover .title
			{
				font-size: 1.8rem;
	      vertical-align: middle;
	      line-height: 2rem;
	    }
		.offer-box .offer-content .cover i
			{
					font-size: 8rem !important
			}
	}