/*

New Event

http://www.templatemo.com/tm-486-new-event

*/

body {
	background: #ffffff;
	font-family: 'Noto Sans TC', sans-serif;
	font-style: normal;
	font-weight: 400;
}


/*---------------------------------------
	Typorgraphy              
-----------------------------------------*/
h1,h2,h3,h4,h5,h6 {
  font-weight: 600;
}

h3,h5 {
  font-weight: 500;
}

h1 {
	font-size: 40px;
	letter-spacing: 2px;
}

h2 {
  font-size: 30px;
  text-transform: uppercase;
}

h3 {
  line-height: 36px;
}

h4 {
  color:#333;
  line-height: 34px;
  font-weight: 500;
}

h5 {
	letter-spacing: 1px;
	padding-top: 10px;
}

p {
	color: #707070;
	font-size: 16px;
	line-height: 29px;
}

a {
  text-decoration: none !important;
  outline: none;
}


/*---------------------------------------
	General               
-----------------------------------------*/
.section-box {
  padding-top: 8rem;
  padding-bottom: 8rem;
}
@media (max-width: 760px) {
	.section-box:nth-of-type(1){
	  padding-top: 8rem !important;
	  /*color: #F00;*/
	}
	.section-box {
	  padding-top: 4rem;
	  padding-bottom: 4rem;
	}
}

.section-bg {
  background: #f9f9f9;
}

.section-title {
  margin-bottom: 32px;
}

#overview,
#register {
  padding-top: 2rem;
  padding-bottom: 8rem;
}
/*
	.section-one {
		margin-top: 120px !important;
	}
*/
@media (max-width: 760px) {

}

#detail, #video,
#speakers, 
#program,
#sponsors, 
#contact, footer {
	padding-top: 8rem;
	padding-bottom: 8rem;
}

#detail,
#speakers, #sponsors,
footer {
  
}

#overview h3,
#detail h3, #video h3,
#register h3,
#venue h3,
#contact h3 {
	padding-bottom: 0px;
}

#intro .btn,
#contact .btn {
	background: transparent;
	border: 2px solid #ffffff;
	border-radius: 0px;
	color: #ffffff;
	font-weight: 600;
	letter-spacing: 1px;
	/*font-size: 12px;*/
	padding: 14px 42px;
	/*margin-top: 42px;*/
	margin-right: 12px;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

#intro .btn-danger,
#contact .btn-danger {
	border-radius: 16px;
	background: #9d7957;
	border-color: transparent;
}

#contact .btn {
  border-radius: 100px;
}

#intro .btn-danger:hover {
  background: transparent;
  border-color: #ffffff;
  color: #ffffff;
}

#contact .btn-danger:hover {
  background: #222;
}

#intro .btn-default:hover {
	background: #ffffff;
	color: #333333;
	border-color: transparent;
}

.parallax-section {
  background-attachment: fixed !important;
}



/*---------------------------------------
	Preloader section              
-----------------------------------------*/
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  background: none repeat scroll 0 0 #ffffff;
}

.sk-rotating-plane {
  width: 50px;
  height: 50px;
  background: url(../images/s_logo.svg);

  -webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out;
}

@-webkit-keyframes sk-rotatePlane {
  0% {-webkit-transform: perspective(120px) rotate(0deg);}
  100% {-webkit-transform: perspective(120px) rotate(359deg);}
}

/*---------------------------------------
	Navigation Links section              
-----------------------------------------*/
.custom-navbar {
	margin-bottom: 0;
	background-color: #242322;
}

.custom-navbar .navbar-brand {
	color: #ffffff;
	font-weight: 600;
	font-size: 3rem;
	line-height: 46px;
}

.custom-navbar .nav li a {
	color: #ddd;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0.6px;
	text-transform: uppercase;
	line-height: px;
	transition: all 0.4s ease-in-out;
}

.custom-navbar .nav li a:hover {
	background: transparent;
	color: #EDB958;
}

.custom-navbar .navbar-nav > li > a:hover,
.custom-navbar .navbar-nav > li > a:focus {
  background-color: transparent;
}

.custom-navbar .nav li.active > a {
	background-color: transparent;
	color: #EDB958;
}

.custom-navbar .navbar-toggle {
	border: none;
	padding-top: 10px;
}

.custom-navbar .navbar-toggle {
	background-color: transparent;
}

.custom-navbar .navbar-toggle .icon-bar {
	background: #ffffff;
	border-color: transparent;
}

@media(min-width:768px) {
	.custom-navbar {
		padding: 10px 0;
		border-bottom: 0;
		 background-color: #242322;
	}
	.custom-navbar.top-nav-collapse {
		 background-color: #242322;
		padding: 0;
	}
}


/*---------------------------------------
	Intro section              
-----------------------------------------*/
#intro {
	background: url('../images/intro-bg.jpg') 50% 0 no-repeat fixed;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
	color: #ffffff;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100vh;
	text-align: center;
}

#intro_about {
	background: url('../images/about-bg.jpg') 50% 0 no-repeat fixed;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
	color: #ffffff;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100vh;
	text-align: center;
}

#intro_service {
	background: url('../images/intro-bg01.jpg')50% 0 no-repeat fixed;
	-webkit-background-size:;
	background-size: ;
	background-position: center center;
	color: #ffffff;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	ms-flex-align: center;
	align-items: center;
	height: 100vh;
	text-align: center;
}

#intro_news {
	background: url('../images/intro-bg07.jpg') 50% 0 no-repeat fixed;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
	color: #ffffff;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100vh;
	text-align: center;
}

#intro_parther {
	background: url('../images/intro-bg04.jpg') 50% 0 no-repeat fixed;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
	color: #ffffff;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100vh;
	text-align: center;
}

#intro_house {
	background: url('../images/intro-bg06.jpg') 50% 0 no-repeat fixed;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
	color: #ffffff;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100vh;
	text-align: center;
}

#intro_contact {
	background: url('../images/intro-bg08.jpg') 50% 0 no-repeat fixed;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
	color: #ffffff;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100vh;
	text-align: center;
}


#intro h3 {
  letter-spacing: 2px;
}


/*---------------------------------------
   Overview  section              
-----------------------------------------*/
#overview img {
  position: relative;
}


/*---------------------------------------
	Detail section              
-----------------------------------------*/
#detail {
	background: #222;
	color: #ffffff;
}

#detail .fa {
  color: #f2545f;
  font-size: 48px;
}


/*---------------------------------------
	Video section              
-----------------------------------------*/
#video iframe {
  border: none;
}


/*---------------------------------------
   Speakers section              
-----------------------------------------*/
#speakers {
	background: #f9f9f9;
}

#speakers h3 {
	margin-bottom: 0px;
}

#speakers h6 {
  color: #666;
  margin-top: 4px;
}

#speakers img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

#speakers .col-md-3 {
	display: block;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 20px;
	margin-bottom: 22px;
}

#speakers .speakers-wrapper {
	background: #ffffff;
	padding-bottom: 22px;
	border-radius: 20px;
}



/*---------------------------------------
   Program section              
-----------------------------------------*/
#program {
  background: #f9f9f9;
}

#program h4 {
	color: #808080;
	font-size: 12px;
}

#program h3 {
  margin-top: 16px;
}

#program .program-divider {
	border: 1px solid #f9f9f9;
	margin-top: 32px;
	margin-bottom: 42px;
}

#program span {
	padding-right: 12px;
}

#program img {
  border-radius: 50%;
}

.nav-tabs {
  margin-bottom: 20px;
  padding-bottom: 10px;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  color: #000000;
  font-weight: 400;
  margin-right: 2px;
  line-height: 1.6;
  border: none;
  border-radius: 0px;
  padding: 10px 15px !important;
}
@media (max-width: 480px) {
	.nav-tabs > li > a {
		padding: 10px 12px !important;
	}
}
.nav-tabs > li > a:hover {
  background-color: transparent;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #f2545f;
  cursor: default;
  background-color: transparent;
  border: 1px solid transparent;
  border-bottom-color: #999;
}
.tab-content {
  padding-top: 20px;
}



/*---------------------------------------
	Regsiter section              
-----------------------------------------*/
#register {
	background: url('../images/register-bg.jpg') 50% 0 repeat-y fixed;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
	color: #ffffff;
}

#register .form-control {
  background: transparent;
  border: 2px solid #ffffff;
  border-radius: 0px;
  color: #ffffff;
  margin-bottom: 16px;
}

#register input {
  height: 45px;
}

#register input[type="submit"] {
  background: #f2545f;
  border-radius: 100px;
  border: none;
  color: #ffffff;
  letter-spacing: 2px;
  height: 50px;
  margin-top: 12px;
  transition: all 0.4s ease-in-out;
}

#register input[type="submit"]:hover {
  background: #ffffff;
  color: #222;
}


/*---------------------------------------
   Faq section              
-----------------------------------------*/
#faq {
  background: #f9f9f9;
  padding-top: 8rem;
  padding-bottom: 8rem;
}

#faq .panel-group {
  margin-top: 32px;
}

#faq .panel-group .panel {
  margin-bottom: 8px;
}

#faq .panel-default {
  border: none;
}

#faq .panel-default>.panel-heading {
  background: #f0f0f0;
  color: #505050;
}

#faq .panel-heading {
  border: none;
  padding-top: 8px;
  padding-bottom: 6px;
}

#faq .panel-default>.panel-heading+.panel-collapse>.panel-body {
  border-top: none;
  padding-top: 22px;
  padding-left: 32px;
  padding-bottom: 22px;
}

#faq .panel-heading .panel-title a[data-toggle="collapse"] {
  font-size: 18px;
  font-weight: 500;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px 15px;
}

#faq .panel-heading .panel-title a[data-toggle="collapse"]::after {
  content: "-";
  display: block;
  position: absolute;
  line-height: 1;
  right: 1em;
  top: 50%;
  transform: translateY(-50%);
}

#faq .panel-heading .panel-title a[data-toggle="collapse"].collapsed::after {
  content: "+";
}


/*---------------------------------------
   Venue section              
-----------------------------------------*/
#venue {
	background: url('../images/venue-bg.jpg') 50% 0 repeat-y fixed;
	background-size: cover;
	background-position: center center;
	padding-top: 7rem;
	padding-bottom: 7rem;
}

#venue p {
  padding-top: 12px;
  padding-bottom: 18px;
}


/*---------------------------------------
   Venue 價目表         
-----------------------------------------*/
#venue2 {
	background: url('../images/venue2-bg.jpg') 50% 0 repeat-y fixed;
	background-size: cover;
	background-position: center center;
	padding-top: 7rem;
	padding-bottom: 7rem;
}

#venue2 p {
  padding-top: 12px;
  padding-bottom: 18px;
}


/*---------------------------------------
   Sponsors section              
-----------------------------------------*/
#sponsors img {
  margin-top: 18px;
}


/*---------------------------------------
   Contact section              
-----------------------------------------*/
#contact {
	background: url('../images/contact-bg.jpg') 50% 0 repeat-y fixed;
	background-size: cover;
	background-position: center center;
}

#contact .contact_des {
  padding-top: 3rem;
  padding-right: 2rem;
}

#contact .contact_detail {
  background: #ffffff;
  border-radius: 20px;
  padding: 5rem 2rem 3rem 2rem;
}

#contact .form-control,
#contact .form-select {
  background: transparent;
  border: none;
  border-bottom: 1px solid #f0f0f0;
  border-radius: 0px;
  box-shadow: none;
  margin-bottom: 16px;
  transition: all 0.4s ease-in-out;
}

#contact .form-control:focus {
  border-bottom-color: #999;
}

#contact input {
  height: 45px;
}
#contact input[type="checkbox"] {
  height: 1em;
}

#contact input[type="submit"] {
  background: #222;
  border-radius: 100px;
  border: none;
  color: #ffffff;
  letter-spacing: 2px;
  height: 50px;
  margin-top: 12px;
  transition: all 0.4s ease-in-out;
}

#contact input[type="submit"]:hover {
  background: #f2545f;
}



/*---------------------------------------
   Footer section              
-----------------------------------------*/
footer {
  background-attachment: fixed;
}


/* Back top */
.go-top {
  background-color: #222;
  border-radius:50%;
  bottom: 1em;
  right: 1em;
  color: #ffffff;
  font-size: 32px;
  display: none;
  position: fixed;
  text-decoration: none;
  width: 60px;
  height: 60px;
  line-height: 50px;
  text-align: center;
  transition: all 0.4s ease-in-out;
  z-index: 999 ;
}

.go-top:hover {
	background: #9d7957;
	color: #ffffff;
}


/*---------------------------------------
   Social icon             
-----------------------------------------*/
.social-icon {
	position: relative;
	padding: 0;
	margin: 0;
}

.social-icon li {
	display: inline-block;
	list-style: none;
}

.social-icon li a {
	color: #666;
	border-radius: 100px;
	font-size: 16px;
	text-decoration: none;
	transition: all 0.4s ease-in-out;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	vertical-align: middle;
}

.social-icon li a:hover {
	background: #f2545f;
	color: #ffffff;
}


/*---------------------------------------
   Responsive styles            
-----------------------------------------*/
@media (max-width: 980px) {

  p {
   
  }
  .custom-navbar .navbar-brand {
		font-size: 2.5rem;
  }
  .custom-navbar .nav li a {
		font-size: 18px;
		line-height: 30px;
  }
  #intro { height: 65vh; }
  #video iframe {
		margin-top: 2px;
  }
  #contact .contact_detail {
		background: #ffffff;
		padding: 5rem 3rem 3rem 5rem;
	}

}

@media (max-width: 768px) {

  .custom-navbar .navbar-brand {
		line-height: 20px;
  }
  #overview img,
  #detail .col-md-4,
  #register form {
		padding: 10px ;
  }
  .nav-tabs > li > a {
		font-size: 13px;
  }
  #program img {
		margin-bottom: 30px;
  }
  #sponsors img {
		padding-top: 22px;
  }
  #contact .contact_detail {
		margin-top: 12px;
  }

}

@media (max-width: 760px) {

  #intro {
		height: 100vh;
  }
	.margin-b-60 {
		margin-top:10px;
	}
	.margin-t-60 {
		margin-bottom:70px;
	}
	.margin-b-60 h4 {
		font-size: 24px ;
	} 
	.margin-t-60 h4 {
		font-size: 24px ;
	} 
  .footer_text {
	}
  .footer-align {
		display: flex;
		justify-content: center; /* 水平居中 */
		width: 100%;
	}

	/*---------------------------------------
		Intro section         768px     
	-----------------------------------------*/
	#intro {
		background: url('../images/intro-bg.jpg')  no-repeat fixed;
		background-size: auto 980px;
		height: 100vh;
	}
	#intro_about {
		background: url('../images/about-bg.jpg')  no-repeat fixed;
	}
	#intro_service {
		background: url('../images/intro-bg01.jpg') no-repeat fixed;
		background-size: auto 580px;
		height: 65vh;
	}
	#intro_news {
		background: url('../images/intro-bg07.jpg')  no-repeat fixed;
		background-size: auto 580px;
		height: 65vh;
	}
	#intro_parther {
		background: url('../images/intro-bg04.jpg')  no-repeat fixed;
		background-size: auto 580px;
		height: 65vh;
	}
	#intro_house {
		background: url('../images/intro-bg06.jpg')  no-repeat fixed;
		background-size: auto 580px;
		height: 65vh;
	}
	#intro_contact {
		background: url('../images/intro-bg08.jpg')  no-repeat fixed;
		background-size: auto 580px;
		height: 65vh;
	}
	.title-w100 {
		margin-top: 10px;
	}

}

/*---------------------------------------
 five_自己定義          
-----------------------------------------*/

.margin-b-60 {
	margin-bottom: 30px;
}

.margin-t-60 {
	margin-top: 30px;
}

.footer-align {
	position: static;
	margin-right: 0;
	margin-left: 0;
}

.footer_text{
	margin: 15px;
}

.speakers-thumb{
  text-align: center;
}

.img-responsive {
	border-radius: 20px;
}

.title-w100 {
	margin-top: 100px;
}


/*	################################################################
	6. SKILL SECTION
	################################################################# */
		
	.overlay {
		padding:310px 0;

		}

	.overlay_index {
			padding:120px 0;
	
			}
		
	.skill h3 {
		color:#ffffff;
		text-transform:uppercase;
		padding:20px 0 10px;
		position:relative;
		display:block;
		font-size:15px;
		}
		
	.skill p {
		color:#ffffff;
		}
		
	.skill {
		margin:0 auto;
		display:block;
		position:relative;
		text-align:center; 
		}
	.percent {
		top: 28%;
		color: #FFFFFF;
		display: block;
		font-size: 30px;
		left: 0;
		line-height: 20px;
		margin: 0 auto;
		position: absolute;
		right: 0;
		text-align: center;
		width: 170px;
		z-index: 10;
		}

	
/*	################################################################
	8. PORTFOLIO SECTION
	################################################################# */
	
	/* ----------------------------------------------------
	PORTFOLIO STYLES
------------------------------------------------------- */

	.single-portfolio .title h2 {
		font-size:24px;
		text-transform:none;
		margin-top:0;
		padding-top:0;	
	}
	.product_details ul li {
		list-style:none;
		padding-left:2px;
		padding-bottom:5px;
	}
	.pager li > a, .pager li > span {
		background-color: #FFFFFF;
		border: 1px dashed #fff;
		border-radius: 0;
		color:#fff;
		margin:30px 0 0;
		display: inline-block;
		padding: 5px 14px;
	}
	.pager li > a:hover, .pager li > span:hover {
		background-color:#222;
		color:#fff;
	}
	.product_details ul li a {
		color:#666;
	}
	.masonry_wrapper {
		overflow:hidden; 
		/* margin:30px 40px;*/ /* - 照片集邊界 寬x高 - */
	}
	.masonry_wrapper .item {
		margin: 0 2px 6px;
		padding:0;
	}
	.masonry_wrapper .item img {
		height: 100% !important;
		width: 100% ;
		position: relative;
		z-index: -2;
	}
	#boxed-portfolio .portfolio_item {
		width:100% !important;
		height: 50%;
		margin:0 0 20px;
		overflow:hidden;
	}
	#boxed-portfolio {
		display: block !important;
		overflow: visible !important;
		position: relative;
		z-index: 10;
		margin-bottom:20px;
	}
	.portfolio-filter ul {
		list-style:none; 
		padding-left:10px
	}
	.portfolio-filter {
		text-align: center;
		overflow:hidden;
		margin: 40px 0 15px;
	}
	.portfolio-filter li {
		display: inline;
		margin-right: 5px;
		padding: 0;
	}
	.portfolio-filter li a {
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
	}
	.team_member img,
	.portfolio_item img {
		width:100%;
	}
	.isotope-item {
	  z-index: 2;
	}
	.isotope-hidden.isotope-item {
	  pointer-events: none;
	  z-index: 1;
	}
	.isotope,
	.isotope .isotope-item {
	  -webkit-transition-duration: 0.8s;
		 -moz-transition-duration: 0.8s;
		  -ms-transition-duration: 0.8s;
		   -o-transition-duration: 0.8s;
			  transition-duration: 0.8s;
	}
	.isotope {
	  -webkit-transition-property: height, width;
		 -moz-transition-property: height, width;
		  -ms-transition-property: height, width;
		   -o-transition-property: height, width;
			  transition-property: height, width;
	}
	.isotope .isotope-item {
	  -webkit-transition-property: -webkit-transform, opacity;
		 -moz-transition-property:    -moz-transform, opacity;
		  -ms-transition-property:     -ms-transform, opacity;
		   -o-transition-property:      -o-transform, opacity;
			  transition-property:         transform, opacity;
	}
	.isotope.no-transition,
	.isotope.no-transition .isotope-item,
	.isotope .isotope-item.no-transition {
	  -webkit-transition-duration: 0s;
		 -moz-transition-duration: 0s;
		  -ms-transition-duration: 0s;
		   -o-transition-duration: 0s;
			  transition-duration: 0s;
	}
	.magnifier .btn-default {
		padding:0 20px !important;
		color:#222222 !important;
		width:auto !important;
	}
	.magnifier .sg,
	.magnifier .st,
	.magnifier .sf {
		border:1px solid #ffffff;
		color: #FFFFFF;
		display: block;
		display: inline-block !important;float: none !important;
		font-size: 16px;
		height: 40px;
		line-height: 38px;
		text-align: center;
		width: 40px;
		margin: -10px 2px 0 2px;
		text-align: center;
		width: 40px;
	}
	.magnifier h4 {
		color:#ffffff;
		text-align:center;
		font-size:16px;
		padding:10px 0;
		margin-bottom:20px;
		display:block;
		font-family: 'bariol_lightlight';
	}
	.magnifier h3 {
		color:#ffffff;
		text-align:center;
	}
	.portfolio_item .magnifier .buttons {
		top:34%;
	}
	.magnifier .buttons {
		visibility: hidden;
		opacity: 0;
		position: absolute;
		text-align: center;
		width: 100%;
		top: 50%;
		margin-top: -20px;
		-webkit-transform: scale(0.2);
		-moz-transform: scale(0.2);
		-ms-transform: scale(0.2);
		-o-transform: scale(0.2);
		transform: scale(0.2);
		-webkit-transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
		-ms-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
	}
	.magnifier:hover .buttons {
		opacity: 1;
		visibility: visible;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	.entry:hover .magnifier { 
		opacity: 1;
		visibility: visible;
	}
	.magnifier {
		background:#3C3B3B000;
		background:rgba(0,0,0,0.8);
		position:absolute;
		top:0;
		left:0;
		bottom:0;
		right:0;
		opacity:0;
		-webkit-transition:all .3s ease-in-out;
		-moz-transition:all .3s ease-in-out;
		-ms-transition:all .3s ease-in-out;
		-o-transition:all .3s ease-in-out;
		transition:all .3s ease-in-out;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}

  .hovereffect .icon {
		font-size: 31px;
		font-weight: 300;
		height: 75px;
		left: 0;
		line-height: 75px;
		margin: -35px auto 0;
		position: absolute;
		right: 0;
		top:38%;
		text-align: center;
		width: 75px;
		}
		
	.hovereffect h4 {
		text-align:center;
		font-size:20px;
		padding:10px 30px;
		text-transform:uppercase;
		width:auto;
		margin-bottom:0;
		display:block;
		font-weight:700;
		}
		
	.hovereffect h5 {
		text-align:center;
		font-size:12px;
		padding:10px 30px;
		text-transform:uppercase;
		width:auto;
		color:#fff;
		margin-bottom:0;
		display:block;
		font-weight:700;
		}
		
	.hovereffect h4,
	.hovereffect .icon {
		color:#fff;
	}
	.hovereffect .buttons {
		visibility: hidden;
		opacity: 0;
		position: absolute;
		text-align: center;
		width: 100%;
		height:auto;
		bottom: 20%;
		margin-top: 0px;
		-webkit-transform: scale(0.2);
		-moz-transform: scale(0.2);
		-ms-transform: scale(0.2);
		-o-transform: scale(0.2);
		transform: scale(0.2);
		-webkit-transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
		-ms-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
	}
		.hovereffect:hover .buttons {
		opacity: 1;
		visibility: visible;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		}
		.entry:hover .hovereffect { 
		opacity: 1;
		visibility: visible;
		}
		.entry {
		display:block;
		position:relative;	
	}
	.hovereffect {
		background-color:rgba(0,0,0,0.6);
		position:absolute;
		top:0;
		left:0;
		bottom:0;
		right:0;
		opacity:0;
		-webkit-transition:all .3s ease-in-out;
		-moz-transition:all .3s ease-in-out;
		-ms-transition:all .3s ease-in-out;
		-o-transition:all .3s ease-in-out;
		transition:all .3s ease-in-out;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		}