@charset "utf-8";
/* CSS Document */


.caption a{
	color:#FFF;
	text-decoration:none;
}

.caption a:hover{
	color:#dd514c;
}

 #catwrapper_2 #catwrapper .cat-box {
   
    height: 152px;
   
}
 #catwrapper_2 #catwrapper .cat-box .scale-caption {
    height: 153px;
   
}
 #catwrapper_2 #catwrapper .cat-box .cat-title {
   
    margin-top: 59px;
   font-size: 18px;
}

 #catwrapper_2  #catwrapper .cat-box .scale-caption {
   
    padding-left: 104px;
    padding-top: 12px;
   
}
.mar_lf{
    margin-left:95px;
}


#catwrapper {
	height: auto;
	text-align: center;
	width:100%;
}

/* Image Box Style */
#catwrapper .cat-box {
	cursor: pointer;
	height: 250px;
	float: left;
	/*margin: 5px;*/
	position: relative;
	overflow: hidden;
	width:100%;
	/*-webkit-box-shadow: 1px 1px 1px 1px #ccc;
	-moz-box-shadow: 1px 1px 1px 1px #ccc;
	box-shadow: 1px 1px 1px 1px #ccc;*/
}
#catwrapper .cat-box img {
	position: absolute;
	left: 0;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;	
	transition: all 300ms ease-out;
	width:100%;
}

/* Caption Common Style */
#catwrapper .cat-box .caption {
		background-color: rgba(0,0,0,0.8);
		position: absolute;
		color: #fff;
		z-index: 100;
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;	
		transition: all 300ms ease-out;
		left: 0;
}


/** Caption 3: Fade **/
 #catwrapper .cat-box .scale-caption  {
	opacity: 0;
	width: 100%;
	height: 280px;
	text-align:center;
	padding-left:125px;
	padding-top:70px;
}


#catwrapper .cat-box .scale-caption h3{
	text-transform:uppercase;
}

/** Caption 6: Scale **/
#catwrapper .cat-box .scale-caption h3, #catwrapper .cat-box .scale-caption p {
	position: relative;
	left: -350px;
	width:100%;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;	
	transition: all 300ms ease-out;
}

#catwrapper .cat-box .scale-caption h3 {
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	-ms-transition-delay: 300ms;	
	transition-delay: 300ms;
}

#catwrapper .cat-box .scale-caption p {
	-webkit-transition-delay: 500ms;
	-moz-transition-delay: 500ms;
	-o-transition-delay: 500ms;
	-ms-transition-delay: 500ms;	
	transition-delay: 500ms;
}




/** Fade Caption :hover Behaviour **/
#catwrapper .cat-box:hover .scale-caption  {
	opacity: 1;
}


/** Scale Caption :hover Behaviour **/
#catwrapper .cat-box:hover #image-6 {
	-moz-transform: scale(1.4);
	-o-transform: scale(1.4);
	-webkit-transform: scale(1.4);
	transform: scale(1.4);
}

#catwrapper .cat-box:hover .scale-caption h3, #catwrapper .cat-box:hover .scale-caption p{
	-moz-transform: translateX(290px);
	-o-transform: translateX(290px);
	-webkit-transform: translateX(290px);
	transform: translateX(290px);
}

#catwrapper .cat-box .cat-title{
width:100%;
position: absolute;
margin-top: 90px;
margin-left:0%;
color:#FFF;
text-transform: uppercase;
display:block;
padding:10px 0 10px 0;
background-color: rgba(37, 37, 37, 0.8);
-webkit-transition-delay: 300ms;
-moz-transition-delay: 300ms;
-o-transition-delay: 300ms;
-ms-transition-delay: 300ms;	
transition-delay: 300ms;
}

#catwrapper .cat-box .cat-title{
-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;	
	transition: all 300ms ease-out;
}

#catwrapper .cat-box:hover .cat-title {
	/*display:none;*/
	-moz-transform: translateY(290px);
	-o-transform: translateY(290px);
	-webkit-transform: translateY(290px);
	transform: translateY(290px);
}


/*/////////////fetured venues/////////////*/

#fvenuewrapper {
	height: auto;
	text-align: center;
	width:100%;
	margin-top:20px;
}

/* Image Box Style */
#fvenuewrapper .box {
	cursor: pointer;
	height: 250px;
	float: left;
	/*margin: 5px;*/
	position: relative;
	overflow: hidden !important;
	width:100%;
}
#fvenuewrapper .box img {
		position: absolute;
		left: 0;
		height:100%;
		width:100%;
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;	
		transition: all 300ms ease-out;
}

/* Caption Common Style */
#fvenuewrapper .box .caption {
		background-color: rgba(0,0,0,0.8);
		position: absolute;
		color: #fff;
		z-index: 100;
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;	
		transition: all 300ms ease-out;
		left: 0;
}

#fvenuewrapper .box .simple-caption h3{
	text-transform:uppercase;
	font-size:16px;
}


/** Caption 1: Simple **/
#fvenuewrapper .box .simple-caption {
	height: 210px;
	width: 100%;
	display: block;
	bottom: -157px;
	line-height: 25pt;
	text-align: center;
}

/** Simple Caption :hover Behaviour **/
#fvenuewrapper .box:hover .simple-caption {
	-moz-transform: translateY(-60%);
	-o-transform: translateY(-60%);
	-webkit-transform: translateY(-60%);
	opacity: 1;
	transform: translateY(-60%);
}

#fvenuewrapper .box:hover .simple-caption p{
	-webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -ms-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
}

#fvenuewrapper .col-lg-3{
	padding:0px !important;
}



/*/////////////blogwrapper/////////////*/

#blogwrapper {
	height: auto;
	text-align: center;
	width:100%;
}

/* Image Box Style */
#blogwrapper .box {
	cursor: pointer;
	height: 250px;
	float: left;
	/*margin: 5px;*/
	position: relative;
	overflow: hidden !important;
	width:100%;
}
#blogwrapper .box img {
		position: absolute;
		left: 0;
		height:100%;
		width:100%;
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;	
		transition: all 300ms ease-out;
}

/* Caption Common Style */
#blogwrapper .box .caption {
		background-color: rgba(0,0,0,0.8);
		position: absolute;
		color: #fff;
		z-index: 100;
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;	
		transition: all 300ms ease-out;
		left: 0;
}

#blogwrapper .box .simple-caption h3{
	text-transform:capitalize;
	font-size:16px;
	margin-bottom:20px;
}


/** Caption 1: Simple **/
#blogwrapper .box .simple-caption {
		height: 181px;
		width: 100%;
		display: block;
		bottom: -113px;
		line-height: 25pt;
		text-align: center;
}

/** Simple Caption :hover Behaviour **/
#blogwrapper .box:hover .simple-caption {
	-moz-transform: translateY(-60%);
	-o-transform: translateY(-60%);
	-webkit-transform: translateY(-60%);
	opacity: 1;
	transform: translateY(-60%);
}

#blogwrapper .box:hover .simple-caption p{
	-webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -ms-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
}

#blogwrapper .col-lg-3{
	padding:0px !important;
}




.cap-more{
	height:100%;
	width:100%;
}

.cap-more h3{
	margin-top:55px !important;
	line-height:35px;
}

.cap-more a{
	color:#868686 !important;
}

.cap-more a:hover{
	color:#DDD !important;
}

@media (max-width: 768px){

#fvenuewrapper .box .simple-caption {
	background-color: rgba(0,0,0,0.4);
	height: 250px;
	width: 100%;
	display: block;
	line-height: 25pt;
	text-align: center;
	bottom:0;
}
#fvenuewrapper .box:hover .simple-caption {
	background-color: rgba(0,0,0,0.8);
	-moz-transform:none;
	-o-transform: none;
	-webkit-transform: none;
	opacity: 1;
	transform: none;
}

#fvenuewrapper .box .simple-caption a:hover{
	color:#FFF;
}

}