/* image hover Start */
.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  margin-bottom: 10px;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  background-color: rgba(47, 67, 103, .4); 
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.hovereffect:hover .overlay {
 background-color: rgba(48, 152, 157, 0.4);
}

.hovereffect img {
  display: block;
  position: relative;
}

.hovereffect h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.3);
  -webkit-transform: translateY(45px);
  -ms-transform: translateY(45px);
  transform: translateY(45px);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.8s ease-in-out;
}

.hovereffect:hover h2 {
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
}

.hovereffect a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  text-transform: uppercase;
  color: #fff;
  border: 1px solid #fff;
  background-color: transparent;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  font-weight: normal;
  margin: -52px 0 0 0;
  padding: 65px 78px;
  position: absolute;
    left: 18px;
}

.hovereffect:hover a.info {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.hovereffect a.info:hover {
  box-shadow: 0 0 5px #fff;
  background-color: rgba(47, 67, 103, .4);
    text-shadow: 2px 2px 2px #000;
    font-weight: 500;
}
/* image hover end */
/* Message Hover start*/
.hvrbox,
.hvrbox * {
	box-sizing: border-box;
}
.hvrbox {
	position: relative;
	display: inline-block;
	overflow: hidden;
	max-width: 100%;
	height: auto;
}
.hvrbox img {
	max-width: 100%;
}
.hvrbox .hvrbox-layer_bottom {
	display: block;
}
.hvrbox .hvrbox-layer_top {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.8);
	color: #333;
	padding: 15px;
	-moz-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
	border-radius: 100%;
	font-family: 'Roboto Slab',serif;
}
.hvrbox:hover .hvrbox-layer_top,
.hvrbox.active .hvrbox-layer_top {
	opacity: 1;
}
.hvrbox .hvrbox-text {
	text-align: center;
	font-size: 18px;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.hvrbox .hvrbox-text_mobile {
	font-size: 15px;
	border-top: 1px solid rgb(179, 179, 179); /* for old browsers */
	border-top: 1px solid rgba(179, 179, 179, 0.7);
	margin-top: 5px;
	padding-top: 2px;
	display: none;
}
.hvrbox.active .hvrbox-text_mobile {
	display: block;
}
/* Message Hover end*/

/*Mobile APp Css Start*/
/* offer-item */

.offers-block h2 {
	margin-bottom: 0px;
}
.offer-item {
	width: 100%;
	float: left;
	margin-top: 20px;
	position: relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 75px;
}
.offer-item i {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 25px;
	line-height: 28px;
    height: 28px;
	text-align: center;
	border-style: solid;
	border-width: 1px;
	font-size: 18px;
}
.offer-item p {
	width: 100%;
	float: left;
	margin-top: 0px !important;
	
}
.offer-item p.title {
	margin-top: 0px;
	font-size: 18px;
	text-transform: capitalize;
	color: #333;
	margin-bottom: 0px;
}


.offers-block-right h2 {
	margin-bottom: 0px;
}
.offer-item-right {
	width: 100%;
	float: right;
	margin-top: 20px;
	position: relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 75px;
}
.offer-item-right i {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 25px;
	line-height: 28px;
    height: 28px;
	text-align: center;
	border-style: solid;
	border-width: 1px;
	font-size: 18px;
}
.offer-item-right p {
	width: 100%;
	float: right;
	text-align:right;
}
.offer-item-right p.title {
	margin-top: 0px;
	font-size: 18px;
	text-transform: capitalize;
	color: #fff;
	margin-bottom: 0px;
}

/*Mobile APp Css End*/