.hover,.hover .overlay
{
	height: 100%;
	overflow: hidden;
	width: 100%;
}
.hover,.hover h2
{
	text-align: center;
}
.ehover11 .overlay::before,.ehover12 h2::after,.ehover7 .overlay::before
{
	content: '';
}
body
{
	
	color: black;
	font-family: colaborate-thinregular,sans-serif;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.modal-body p,pre
{
	letter-spacing: 0;
	text-transform: none;
}
h1
{
	font-size: 50px;
}
.titlep
{
	font-size: 18px;
	letter-spacing: 0;
	padding-bottom: 60px;
}
.breath
{
	padding-top: 80px;
}
.topinfo
{
	bottom: 1px;
	left: 96px;
	position: absolute;
}
.page-header
{
	/*border: 1px solid #eee;
	border-radius: 12px;
	display: inline-block;
	*/
	margin: 40px 0 20px;
	padding: 15px;
}
.modal-content
{
	color: #000;
}
.modal-body p
{
	font-size: 16px;
}
.hover button.info,.hover h2
{
	color: #fff;
	text-transform: uppercase;
}

.col-lg-3,.col-md-4,.col-sm-6,.col-xs-12
{
	padding: 10;
}
.hover
{
	cursor: default;
	float: left;
	position: relative;
}
.hover .overlay
{
	left: 0;
	position: absolute;
	top: 0;
}
.hover img
{
	display: block;
	position: relative;
}
.ehover10 button,.hover button.info
{
	display: inline-block;
}
.hover h2
{
	background: rgba(0,0,0,.6);
	font-size: 17px;
	padding: 10px;
	position: relative;
}
.hover button.info
{
	background-color: transparent;
	border: 1px solid #fff;
	border-radius: 0;
	margin: 50px 0 0;
	padding: 7px 14px;
	text-decoration: none;
}
.hover button.info:hover
{
	box-shadow: 0 0 5px #fff;
}
.ehover5 button.info:hover,.hover button.nullbutton:hover
{
	box-shadow: none;
}
.hover button.nullbutton
{
	border: none;
	margin: 0;
	padding: 0;
}
.ehover4 button.info,.ehover42 button.info
{
	border: 1px solid #fff;
	font-weight: 400;
	margin: -55px 0 0;
	padding: 73px 90px;
}
.modal-open .modal,button:focus
{
	outline: 0!important;
}
.point
{
	cursor: pointer;
}
.ehover1 img
{
	transition: all .4s linear;
	webkit-transition: all .4s linear;
}
.ehover1 .overlay
{
	background-color: rgba(0,0,0,.5);
	opacity: 0;
	transition: all .4s ease-in-out;
	webkit-transition: all .4s ease-in-out;
}
.ehover1 h2
{
	opacity: 0;
	transform: translatey(-100px);
	transition: all .2s ease-in-out;
	webkit-transform: translatey(-100px);
	webkit-transition: all .2s ease-in-out;
}
.ehover1 button.info
{
	opacity: 0;
	transition: all .2s ease-in-out;
	webkit-transition: all .2s ease-in-out;
}
.ehover1:hover img
{
	transform: scale(1.2);
	webkit-transform: scale(1.2);
}
.ehover1:hover .overlay
{
	opacity: 1;
}
.ehover1:hover button.info,.ehover1:hover h2
{
	opacity: 1;
	transform: translatey(0);
	webkit-transform: translatey(0);
}
.ehover1:hover button.info
{
	transition-delay: .2s;
	webkit-transition-delay: .2s;
}
.ehover2 img
{
	transition: all .2s ease-in;
	webkit-transition: all .2s ease-in;
}
.ehover2 .overlay
{
	background-color: rgba(0,0,0,.6);
	opacity: 0;
	transform: translate(460px,-100px) rotate(180deg);
	transition: all .2s .4s ease-in-out;
	webkit-transform: translate(460px,-100px) rotate(180deg);
	webkit-transition: all .2s .4s ease-in-out;
}
.ehover2 button.info,.ehover9 h2
{
	webkit-transform: translateY(-200px);
}
.ehover2 button.info
{
	transform: translateY(-200px);
	transition: all .2s ease-in-out;
	webkit-transition: all .2s ease-in-out;
}
.ehover2:hover .overlay
{
	opacity: 1;
	transform: translate(0,0);
	transition-delay: 0s;
	webkit-transform: translate(0,0);
	webkit-transition-delay: 0s;
}
.ehover2:hover h2
{
	transform: translateY(0);
	transition-delay: .5s;
	webkit-transform: translateY(0);
	webkit-transition-delay: .5s;
}
.ehover2:hover button.info,.ehover9:hover h2
{
	webkit-transform: translateY(0);
	webkit-transition-delay: .3s;
}
.ehover2:hover button.info
{
	transform: translateY(0);
	transition-delay: .3s;
}
.ehover3 img
{
	transition: all .4s ease-in;
	webkit-transition: all .4s ease-in;
}
.ehover3 button.info,.ehover3 h2
{
	opacity: 0;
	transform: scale(.7);
	transition: all .4s ease-in;
	webkit-transform: scale(.7);
	webkit-transition: all .4s ease-in;
}
.ehover4 .overlay,.ehover4 h2
{
	webkit-transition: all .4s ease-in-out;
}
.ehover3:hover img
{
	filter: grayscale(1) blur(3px);
	transform: scale(1.2);
	webkit-filter: grayscale(1) blur(3px);
	webkit-transform: scale(1.2);
}
.ehover3:hover button.info,.ehover3:hover h2
{
	opacity: 1;
	transform: scale(1);
	webkit-transform: scale(1);
}
.ehover4 h2
{
	transform: translateY(55px);
	transition: all .4s ease-in-out;
	webkit-transform: translateY(55px);
}
.ehover4:hover h2
{
	transform: translateY(15px);
	webkit-transform: translateY(15px);
}
.ehover4 .overlay
{
	background-color: rgba(75,75,75,.7);
	transition: all .4s ease-in-out;
}
.ehover4:hover .overlay
{
	background-color: rgba(48,152,157,.4);
}
.ehover4 button.info
{
	opacity: 0;
	transform: scale(0);
	transition: all .4s ease-in-out;
	webkit-transform: scale(0);
	webkit-transition: all .4s ease-in-out;
}
.ehover42 .overlay,.ehover42 h2
{
	webkit-transition: all .4s cubic-bezier(.88,-.99,0,1.81);
}
.ehover4:hover button.info
{
	opacity: 1;
	transform: scale(1);
	webkit-transform: scale(1);
}
.ehover42 h2
{
	transform: translateY(55px);
	transition: all .4s cubic-bezier(.88,-.99,0,1.81);
	webkit-transform: translateY(55px);
}
.ehover42:hover h2
{
	transform: translateY(15px);
	webkit-transform: translateY(15px);
}
.ehover42 .overlay
{
	background-color: rgba(75,75,75,.7);
	transition: all .4s cubic-bezier(.88,-.99,0,1.81);
}
.ehover1v2 img,.ehover42 button.info
{
	webkit-transition: all .4s cubic-bezier(.88,-.99,0,1.81);
}
.ehover42:hover .overlay
{
	background-color: rgba(48,152,157,.4);
}
.ehover42 button.info
{
	opacity: 0;
	transform: scale(0);
	transition: all .4s cubic-bezier(.88,-.99,0,1.81);
	webkit-transform: scale(0);
}
.ehover42:hover button.info
{
	opacity: 1;
	transform: scale(1);
	webkit-transform: scale(1);
}
.ehover1v2 img
{
	transition: all .4s cubic-bezier(.88,-.99,0,1.81);
}
.ehover1v2 .overlay
{
	background-color: rgba(0,0,0,.5);
	opacity: 0;
	transition: all .4s cubic-bezier(.88,-.99,0,1.81);
	webkit-transition: all .4s cubic-bezier(.88,-.99,0,1.81);
}
.ehover1v2 h2
{
	opacity: 0;
	transform: translatey(-100px);
	transition: all .2s cubic-bezier(.88,-.99,0,1.81);
	webkit-transform: translatey(-100px);
	webkit-transition: all .2s cubic-bezier(.88,-.99,0,1.81);
}
.ehover1v2 button.info
{
	opacity: 0;
	transition: all .2s ease-in-out;
	webkit-transition: all .2s ease-in-out;
}
.ehover1v2:hover img
{
	transform: scale(1.2);
	webkit-transform: scale(1.2);
}
.ehover1v2:hover .overlay
{
	opacity: 1;
}
.ehover1v2:hover button.info,.ehover1v2:hover h2
{
	opacity: 1;
	transform: translatey(0);
	webkit-transform: translatey(0);
}
.ehover1v2:hover button.info
{
	transition-delay: .2s;
	webkit-transition-delay: .2s;
}
.ehover5 h2,.ehover5 img
{
	transition: all .4s ease-in-out;
	webkit-transition: all .4s ease-in-out;
}
.ehover5 img
{
	transform: scale(1.1);
	webkit-transform: scale(1.1);
}
.ehover5:hover img
{
	transform: scale(1);
	webkit-transform: scale(1);
}
.ehover5 .overlay
{
	transition: all .4s ease-in-out;
	webkit-transition: all .4s ease-in-out;
}
.ehover5:hover .overlay
{
	background-color: rgba(170,170,170,.4);
}
.ehover5 button.info
{
	border: 1px solid #fff;
	font-weight: 400;
	height: 85%;
	left: 8%;
	opacity: 0;
	padding: 70px;
	position: absolute;
	top: -20%;
	transform: scale(1.5);
	transition: all .4s ease-in-out;
	webkit-transform: scale(1.5);
	webkit-transition: all .4s ease-in-out;
	width: 85%;
}
.ehover6 h2,.ehover6 hr,.group1,.group2
{
	left: 50%;
	position: absolute;
	webkit-transition: opacity .35s,-webkit-transform .35s;
}
.ehover5:hover button.info
{
	background-color: rgba(0,0,0,.4);
	opacity: 1;
	transform: scale(1);
	webkit-transform: scale(1);
}
.ehover6 h2,.ehover6 hr,.ehover7 h2,.ehover7 p,.group1,.group2
{
	background-color: transparent;
	margin: 0;
}
.ehover6 .rotate
{
	bottom: 0;
	height: 100%;
	position: absolute;
	transform: rotate(-45deg);
	webkit-transform: rotate(-45deg);
	width: 100%;
}
.ehover6 hr
{
	opacity: 0;
	width: 50%;
}
.ehover6 hr:nth-child(2)
{
	transform: translate3d(-50%,-50%,0) rotate(0) scale3d(0,0,1);
	webkit-transform: translate3d(-50%,-50%,0) rotate(0) scale3d(0,0,1);
}
.ehover6 hr:nth-child(3)
{
	transform: translate3d(-50%,-50%,0) rotate(90deg) scale3d(0,0,1);
	webkit-transform: translate3d(-50%,-50%,0) rotate(90deg) scale3d(0,0,1);
}
.ehover6 h2,.ehover6 hr
{
	top: 50%;
	transform: translate3d(-50%,-50%,0);
	transform-origin: 50%;
	transition: opacity .35s,transform .35s;
	webkit-transform: translate3d(-50%,-50%,0);
	webkit-transform-origin: 50%;
}
.group1,.group2
{
	letter-spacing: 0;
	padding: 0;
	transform: translate3d(-50%,-50%,0);
	transform-origin: 50%;
	transition: opacity .35s,transform .35s;
	webkit-transform: translate3d(-50%,-50%,0);
	webkit-transform-origin: 50%;
}
.group1
{
	top: 40%;
}
.group2
{
	top: 60%;
}
.ehover6 h2
{
	width: 100%;
}
.ehover6 p
{
	font-size: 15px;
	line-height: 2;
	text-transform: none;
	width: 30%;
}
.ehover6 p a
{
	color: #fff;
}
.ehover6 p a:focus,.ehover6 p a:hover
{
	opacity: .6;
}
.ehover6 a i
{
	font-size: 20px;
	opacity: 0;
	padding: 10px;
	transition: opacity .35s,transform .35s;
	webkit-transition: opacity .35s,-webkit-transform .35s;
}
.ehover7 p,.ehover8 p
{
	font-size: 15px;
	line-height: 2;
	text-transform: none;
}
.group1 a:first-child i
{
	transform: translate3d(-60px,-60px,0) rotate(45deg) scale(2);
	webkit-transform: translate3d(-60px,-60px,0) rotate(45deg) scale(2);
}
.group1 a:nth-child(2) i
{
	transform: translate3d(60px,-60px,0) rotate(45deg) scale(2);
	webkit-transform: translate3d(60px,-60px,0) rotate(45deg) scale(2);
}
.group2 a:first-child i
{
	transform: translate3d(-60px,60px,0) rotate(45deg) scale(2);
	webkit-transform: translate3d(-60px,60px,0) rotate(45deg) scale(2);
}
.group2 a:nth-child(2) i
{
	transform: translate3d(60px,60px,0) rotate(45deg) scale(2);
	webkit-transform: translate3d(60px,60px,0) rotate(45deg) scale(2);
}
.ehover6:hover h2
{
	opacity: 0;
	transform: translate3d(-50%,-50%,0) scale3d(.8,.8,1);
	webkit-transform: translate3d(-50%,-50%,0) scale3d(.8,.8,1);
}
.ehover6:hover hr:nth-child(2)
{
	opacity: 1;
	transform: translate3d(-50%,-50%,0) rotate(0) scale3d(1,1,1);
	webkit-transform: translate3d(-50%,-50%,0) rotate(0) scale3d(1,1,1);
}
.ehover6:hover hr:nth-child(3)
{
	opacity: 1;
	transform: translate3d(-50%,-50%,0) rotate(90deg) scale3d(1,1,1);
	webkit-transform: translate3d(-50%,-50%,0) rotate(90deg) scale3d(1,1,1);
}
.ehover6:hover .group1 i:empty,.ehover6:hover .group2 i:empty
{
	opacity: 1;
	transform: translate3d(0,0,0) rotate(45deg) scale(1);
	webkit-transform: translate3d(0,0,0);
}
.ehover6 img
{
	transform: scale(1.1);
	transition: all .35s;
	webkit-transform: scale(1.1);
	webkit-transition: all .35s;
}
.ehover7 .overlay::before,.ehover7 h2,.ehover7 p
{
	left: 50%;
	position: absolute;
	webkit-transition: opacity .35s,-webkit-transform .35s;
}
.ehover6:hover img
{
	filter: brightness(.7);
	transform: scale(1);
	webkit-filter: brightness(.7);
	webkit-transform: scale(1);
}
.ehover7 h2,.ehover7 p,.ehover8 h2,.ehover8 hr
{
	top: 50%;
	webkit-transform: translate3d(-50%,-50%,0);
}
.ehover7 h2,.ehover7 p
{
	padding: 0;
	transform: translate3d(-50%,-50%,0);
	transform-origin: 50%;
	transition: opacity .35s,transform .35s;
	webkit-transform-origin: 50%;
}
.ehover7 .overlay::before
{
	border: 2px solid #fff;
	height: 60%;
	opacity: 0;
	top: 50%;
	transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1);
	transform-origin: 50%;
	transition: opacity .35s,transform .35s;
	webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1);
	webkit-transform-origin: 50%;
	width: 40%;
}
.ehover7 p
{
	width: 20%;
}
.ehover7 p a
{
	color: #fff;
}
.ehover7 p a:focus,.ehover7 p a:hover
{
	opacity: .6;
}
.ehover7 a i
{
	opacity: 0;
	padding: 0 5px;
	transition: opacity .35s,transform .35s;
	webkit-transition: opacity .35s,-webkit-transform .35s;
}
.ehover7 p a:first-child i
{
	transform: translate3d(-60px,-60px,0);
	webkit-transform: translate3d(-60px,-60px,0);
}
.ehover7 p a:nth-child(2) i
{
	transform: translate3d(60px,-60px,0);
	webkit-transform: translate3d(60px,-60px,0);
}
.ehover7 p a:nth-child(3) i
{
	transform: translate3d(-60px,60px,0);
	webkit-transform: translate3d(-60px,60px,0);
}
.ehover7 p a:nth-child(4) i
{
	transform: translate3d(60px,60px,0);
	webkit-transform: translate3d(60px,60px,0);
}
.ehover7:hover .overlay::before
{
	background-color: rgba(0,0,0,.2);
	opacity: 1;
	transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-135deg) scale3d(1,1,1);
	webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-135deg) scale3d(1,1,1);
}
.ehover8 h2,.ehover8 hr,.set1,.set2
{
	background-color: transparent;
	left: 50%;
	margin: 0;
	position: absolute;
	webkit-transition: opacity .35s,-webkit-transform .35s;
}
.ehover7:hover h2
{
	opacity: 0;
	transform: translate3d(-50%,-50%,0) scale3d(.8,.8,1);
	webkit-transform: translate3d(-50%,-50%,0) scale3d(.8,.8,1);
}
.ehover7:hover p i:empty
{
	opacity: 1;
	transform: translate3d(0,0,0);
	webkit-transform: translate3d(0,0,0);
}
.ehover8 hr
{
	border: 1px solid #FFF;
	opacity: 0;
	width: 40%;
}
.ehover8 hr:nth-child(3)
{
	transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,90deg) scale3d(0,0,1);
	webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,90deg) scale3d(0,0,1);
}
.ehover8 hr:nth-child(4)
{
	transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,180deg) scale3d(0,0,1);
	webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,180deg) scale3d(0,0,1);
}
.ehover8 h2,.ehover8 hr
{
	transform: translate3d(-50%,-50%,0);
	transform-origin: 50%;
	transition: opacity .35s,transform .35s;
	webkit-transform-origin: 50%;
}
.set1,.set2
{
	padding: 0;
	transform: translate3d(-50%,-50%,0);
	transform-origin: 50%;
	transition: opacity .35s,transform .35s;
	webkit-transform: translate3d(-50%,-50%,0);
	webkit-transform-origin: 50%;
}
.set1
{
	top: 40%;
}
.set2
{
	top: 60%;
}
.ehover8 p
{
	width: 30%;
}
.ehover8 p a
{
	color: #fff;
}
.ehover8 p a:focus,.ehover8 p a:hover
{
	opacity: .6;
}
.ehover8 a i
{
	font-size: 20px;
	opacity: 0;
	padding: 10px;
	transition: opacity .35s,transform .35s;
	webkit-transition: opacity .35s,-webkit-transform .35s;
}
.set1 a:first-child i
{
	transform: translate3d(-60px,-60px,0);
	webkit-transform: translate3d(-60px,-60px,0);
}
.set1 a:nth-child(2) i
{
	transform: translate3d(60px,-60px,0);
	webkit-transform: translate3d(60px,-60px,0);
}
.set2 a:first-child i
{
	transform: translate3d(-60px,60px,0);
	webkit-transform: translate3d(-60px,60px,0);
}
.set2 a:nth-child(2) i
{
	transform: translate3d(60px,60px,0);
	webkit-transform: translate3d(60px,60px,0);
}
.ehover8:hover h2
{
	opacity: 0;
	transform: translate3d(-50%,-50%,0) scale3d(.8,.8,1);
	webkit-transform: translate3d(-50%,-50%,0) scale3d(.8,.8,1);
}
.ehover8:hover hr:nth-child(3)
{
	opacity: 1;
	transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-90deg) scale3d(1,1,1);
	webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-90deg) scale3d(1,1,1);
}
.ehover8:hover hr:nth-child(4)
{
	opacity: 1;
	transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-180deg) scale3d(1,1,1);
	webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-180deg) scale3d(1,1,1);
}
.ehover8:hover .set1 i:empty,.ehover8:hover .set2 i:empty
{
	opacity: 1;
	transform: translate3d(0,0,0);
	webkit-transform: translate3d(0,0,0);
}
.ehover9 .overlay
{
	background-color: rgba(255,255,255,.7);
	opacity: 0;
	top: -200px;
	transition: all .1s ease-out .5s;
	webkit-transition: all .1s ease-out .5s;
}
.ehover9 h2
{
	transform: translateY(-200px);
	transition: all ease-in-out .1s;
	transition-delay: .3s;
	webkit-transition: all ease-in-out .1s;
	webkit-transition-delay: .3s;
}
.ehover9 button.info
{
	border: 1px solid #000;
	color: #000;
	transform: translateY(-200px);
	transition: all ease-in-out .3s;
	webkit-transform: translateY(-200px);
	webkit-transition: all ease-in-out .3s;
}
.ehover10 .overlay,.ehover10 img
{
	webkit-transition: -webkit-transform .35s;
}
.ehover9:hover .overlay
{
	opacity: 1;
	top: 0;
	transition-delay: 0s;
	webkit-transition-delay: 0s;
}
.ehover9:hover h2
{
	transform: translateY(0);
	transition-delay: .3s;
}
.ehover9:hover button.info
{
	border: 1px solid #000;
	box-shadow: 0 0 5px #000;
	color: #000;
	transform: translateY(0);
	transition-delay: .3s;
	webkit-transform: translateY(0);
	webkit-transition-delay: .3s;
}
.ehover10 img
{
	transition: transform .35s;
}
.ehover10:hover img
{
	transform: translate3d(0,-10%,0);
	webkit-transform: translate3d(0,-10%,0);
}
.ehover10 .overlay
{
	background: #79FAC4;
	bottom: 0;
	color: #3c4a50;
	height: 4.75em;
	padding: 1em;
	top: auto;
	transform: translate3d(0,100%,0);
	transition: transform .35s;
	visibility: hidden;
	webkit-transform: translate3d(0,100%,0);
}
.ehover10 button.info
{
	background: rgba(0,0,0,.6);
	color: #fff;
	float: left;
	font-size: 17px;
	margin: 0;
	text-transform: uppercase;
}
.ehover10 p.icon-links a
{
	color: #3c4a50;
	float: right;
	font-size: 1.4em;
}
.ehover10:hover p.icon-links a:focus,.ehover10:hover p.icon-links a:hover
{
	color: #252d31;
}
.ehover10 button,.ehover10 p.icon-links a
{
	transform: translate3d(0,200%,0);
	transition: transform .35s;
	webkit-transform: translate3d(0,200%,0);
	webkit-transition: -webkit-transform .35s;
}
.ehover11 .overlay::before,.ehover11 img
{
	webkit-transition: opacity .35s,-webkit-transform .45s;
}
.ehover10 p.icon-links a span::before
{
	display: inline-block;
	moz-osx-font-smoothing: grayscale;
	padding: 8px 10px;
	speak: none;
	webkit-font-smoothing: antialiased;
}
.ehover10:hover .overlay,.ehover10:hover button,.ehover10:hover p.icon-links a
{
	transform: translate3d(0,0,0);
	visibility: visible;
	webkit-transform: translate3d(0,0,0);
}
.ehover10:hover h2
{
	transition-delay: .05s;
	webkit-transition-delay: .05s;
}
.ehover10:hover p.icon-links a:nth-child(3)
{
	transition-delay: .1s;
	webkit-transition-delay: .1s;
}
.ehover10:hover p.icon-links a:nth-child(2)
{
	transition-delay: .15s;
	webkit-transition-delay: .15s;
}
.ehover10:hover p.icon-links a:first-child
{
	transition-delay: .2s;
	webkit-transition-delay: .2s;
}
.ehover11
{
	background: linear-gradient(45deg,#ff89e9 0,#05abe0 100%);
	background: -webkit-linear-gradient(45deg,#ff89e9 0,#05abe0 100%);
}
.ehover11 img
{
	max-width: none;
	transform: translate3d(-40px,0,0);
	transition: opacity .35s,transform .45s;
	webkit-transform: translate3d(-40px,0,0);
	width: calc(100% + 60px);
}
.ehover11 .overlay::before
{
	border: 1px solid #fff;
	bottom: 20px;
	left: 20px;
	opacity: 0;
	position: absolute;
	right: 20px;
	top: 20px;
	transform: translate3d(-20px,0,0);
	transition: opacity .35s,transform .45s;
	webkit-transform: translate3d(-20px,0,0);
}
.ehover11 .overlay
{
	padding: 3em;
	text-align: left;
}
.ehover11 h2
{
	background-color: transparent;
	padding: 15% 0 10px;
	text-align: left;
}
.ehover11 button.info
{
	border: none;
	color: #FFF;
	margin: 0;
	opacity: 0;
	padding: 0;
	transform: translate3d(-10px,0,0);
	transition: opacity .35s,transform .45s;
	webkit-transform: translate3d(-10px,0,0);
	webkit-transition: opacity .35s,-webkit-transform .45s;
}
.ehover11:hover img
{
	opacity: .6;
	transform: translate3d(0,0,0);
	webkit-transform: translate3d(0,0,0);
}
.ehover11:hover .overlay::before,.ehover11:hover button.info
{
	opacity: 1;
	transform: translate3d(0,0,0);
	webkit-transform: translate3d(0,0,0);
}
.ehover12
{
	background: #42b078;
}
.ehover12 img
{
	backface-visibility: hidden;
	max-width: none;
	transform: translate3d(-10px,0,0);
	transition: opacity .35s,transform .35s;
	webkit-backface-visibility: hidden;
	webkit-transform: translate3d(-10px,0,0);
	webkit-transition: opacity .35s,-webkit-transform .35s;
	width: calc(100% + 20px);
}
.ehover12:hover img
{
	opacity: .4;
	transform: translate3d(0,0,0);
	webkit-transform: translate3d(0,0,0);
}
.ehover12 .overlay
{
	padding: 50px 20px;
}
.ehover12 h2
{
	background-color: transparent;
	overflow: hidden;
	padding: .5em 0;
	position: relative;
}
.ehover12 h2::after
{
	background: #fff;
	bottom: 0;
	height: 2px;
	left: 0;
	position: absolute;
	transform: translate3d(-100%,0,0);
	transition: transform .35s;
	webkit-transform: translate3d(-100%,0,0);
	webkit-transition: -webkit-transform .35s;
	width: 100%;
}
.ehover12:hover h2::after
{
	transform: translate3d(0,0,0);
	webkit-transform: translate3d(0,0,0);
}
.ehover12 button
{
	color: #FFF;
	opacity: 0;
	transform: translate3d(100%,0,0);
	transition: opacity .35s,transform .35s;
	webkit-transform: translate3d(100%,0,0);
	webkit-transition: opacity .35s,-webkit-transform .35s;
}
.ehover12:hover button
{
	opacity: 1;
	transform: translate3d(0,0,0);
	webkit-transform: translate3d(0,0,0);
}
.ehover13 img
{
	transition: all .35s;
	webkit-transition: all .35s;
}
.ehover13 .overlay,.ehover13 button
{
	webkit-transition: opacity .35s,-webkit-transform .35s;
}
.ehover13:hover img
{
	filter: brightness(.6);
	webkit-filter: brightness(.6);
}
.ehover13 .overlay
{
	border-bottom: 1px solid #FFF;
	border-top: 1px solid #FFF;
	height: 80%;
	left: 10%;
	top: 10%;
	transform: scale(0,1);
	transition: opacity .35s,transform .35s;
	webkit-transform: scale(0,1);
	width: 80%;
}
.ehover13:hover .overlay
{
	opacity: 1;
	transform: scale(1);
	webkit-transform: scale(1);
}
.ehover13 button,.ehover13 h2
{
	color: #FFF;
	opacity: 0;
	padding: 1em 0;
}
.ehover13 button
{
	transform: translate3d(0,100%,0);
	transition: opacity .35s,transform .35s;
	webkit-transform: translate3d(0,100%,0);
}
.ehover13 h2
{
	background-color: transparent;
	transform: translate3d(0,-100%,0);
	transition: opacity .35s,transform .35s;
	webkit-transform: translate3d(0,-100%,0);
	webkit-transition: opacity .35s,-webkit-transform .35s;
}
.ehover13:hover button,.ehover13:hover h2
{
	opacity: 1;
	transform: translate3d(0,0,0);
	webkit-transform: translate3d(0,0,0);
}
.ehover14 img
{
	transition: all .35s;
	webkit-transition: all .35s;
}
.ehover14 .overlay,.ehover14 button
{
	opacity: 0;
	webkit-transition: opacity .35s,-webkit-transform .35s;
}
.ehover14:hover img
{
	filter: brightness(1.4);
	webkit-filter: brightness(1.4);
}
.ehover14 .overlay
{
	border: 2px solid #FFF;
	border-radius: 80%;
	height: 81%;
	left: 22%;
	top: 10%;
	transform: translate3d(50%,50%,0);
	transition: opacity .35s,transform .35s;
	webkit-transform: translate3d(50%,50%,0);
	width: 55%;
}
.ehover14:hover .overlay
{
	background-color: rgba(0,0,0,.3);
}
.ehover14 button
{
	color: #FFF;
	padding: 1em 0;
	transform: translate3d(-150%,-400%,0);
	transition: opacity .35s,transform .35s;
	webkit-transform: translate3d(-150%,-400%,0);
}
.ehover14 h2
{
	background-color: transparent;
	color: #FFF;
	opacity: 0;
	padding: 1em 0;
	transform: translate3d(-150%,-400%,0);
	transition: opacity .35s,transform .35s;
	webkit-transform: translate3d(-150%,-400%,0);
	webkit-transition: opacity .35s,-webkit-transform .35s;
}
.ehover14:hover .overlay,.ehover14:hover button,.ehover14:hover h2
{
	opacity: 1;
	transform: translate3d(0,0,0);
	webkit-transform: translate3d(0,0,0);
}