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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;}

body{
	margin:auto;
	height:auto;
	width:100%;
	font-family:Century Gothic,CenturyGothic,AppleGothic,sans-serif;
	/*background-color:#3d3b3c;*/
}

.clear{clear:both;}
.center {margin:auto; width:1010px; height:auto;}

/*HEADER*/
#header{
	width:100%;
	height:112px;
	background-color:#202020;	
}

#logo {
		padding-top: 27px;
		margin:auto;
		width:200px;
		float:left;
	}

/*FIN HEADER*/ 




/*DEBUT MAIN*/ 

#main{
	width: 1000px;
	height:auto;
	margin:auto;
	padding-top:60px;
	padding-bottom:60px;
	min-height: 630px;
}

.background {background-color:#fff;width:100%;}


.bloc a {text-decoration:none; color:#fff;}
.bloc a:hover {color:#369bc5;}

.bloc {
	width: 250px;
	height:623px;
	float:left;
	background-color:#fff;
	margin: auto;
	}


.bandeau {
	background-color:#202020;
	opacity:0.9;
	width:100%;}
	

.accueil_liens {
	width:100%;
	height:100px;
	text-align:center;
	margin-top:-350px;
	padding:10px 0;
	}		

.liens_milieu {
	font-size:18px;
	color:#FFF;
	padding-top:350px;
	text-align:center;
	}


.liens_mains a {text-decoration:none; color:#369bc5;font-variant:small-caps;}
.liens_mains a:hover {color:#3b3b3b;}


.image_accueil:hover {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	filter: blur(0px);
	-webkit-filter: blur(0px);
    -o-filter: blur(0px);
    -moz-filter: blur(0px);
}
	
	




/*effets lettres liens*/
.button {
	border: none;
	background: none;
	position: relative;}




/* Nina */
.button--nina {
	color: #fff;
	overflow: hidden;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
	margin-top:-10px;
}

.button--nina > span {
	cursor: pointer;
	display: inline-block;
	padding: 1em 0;
	opacity: 0;
	-webkit-transform: translate3d(0, -10px, 0);
	transform: translate3d(0, -10px, 0);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--nina::before {
	content: attr(data-text);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 1em 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.button--nina:hover::before {
	opacity: 0;
	-webkit-transform: translate3d(0, 200%, 0);
	transform: translate3d(0, 20%, 0);
}
.button--nina:hover > span {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.button--nina:hover > span:nth-child(1) {
	-webkit-transition-delay: 0.045s;
	transition-delay: 0.045s;
}
.button--nina:hover > span:nth-child(2) {
	-webkit-transition-delay: 0.09s;
	transition-delay: 0.09s;
}
.button--nina:hover > span:nth-child(3) {
	-webkit-transition-delay: 0.135s;
	transition-delay: 0.135s;
}
.button--nina:hover > span:nth-child(4) {
	-webkit-transition-delay: 0.18s;
	transition-delay: 0.18s;
}
.button--nina:hover > span:nth-child(5) {
	-webkit-transition-delay: 0.225s;
	transition-delay: 0.225s;
}
.button--nina:hover > span:nth-child(6) {
	-webkit-transition-delay: 0.27s;
	transition-delay: 0.27s;
}
.button--nina:hover > span:nth-child(7) {
	-webkit-transition-delay: 0.315s;
	transition-delay: 0.315s;
}
.button--nina:hover > span:nth-child(8) {
	-webkit-transition-delay: 0.36s;
	transition-delay: 0.36s;
}
.button--nina:hover > span:nth-child(9) {
	-webkit-transition-delay: 0.405s;
	transition-delay: 0.405s;
}
.button--nina:hover > span:nth-child(10) {
	-webkit-transition-delay: 0.45s;
	transition-delay: 0.45s;
}

.button--nina:hover > span:nth-child(11) {
	-webkit-transition-delay: 0.51s;
	transition-delay: 0.51s;
}


.button--nina:hover > span:nth-child(12) {
	-webkit-transition-delay: 0.506s;
	transition-delay: 0.506s;
}



.button--nina:hover > span:nth-child(13) {
	-webkit-transition-delay: 0.61s;
	transition-delay: 0.61s;
}


.button--nina:hover > span:nth-child(14) {
	-webkit-transition-delay: 0.65s;
	transition-delay: 0.65s;
}



.button--nina:hover > span:nth-child(15) {
	-webkit-transition-delay: 0.702s;
	transition-delay: 0.702s;
}


.button--nina:hover > span:nth-child(16) {
	-webkit-transition-delay: 0.706s;
	transition-delay: 0.706s;
}


.button--nina:hover > span:nth-child(17) {
	-webkit-transition-delay: 0.711s;
	transition-delay: 0.711s;
}


.button--nina:hover > span:nth-child(18) {
	-webkit-transition-delay: 0.76s;
	transition-delay: 0.76s;
}


.button--nina:hover > span:nth-child(19) {
	-webkit-transition-delay: 0.82s;
	transition-delay: 0.82s;
}


.button--nina:hover > span:nth-child(20) {
	-webkit-transition-delay: 0.806s;
	transition-delay: 0.806s;
}

.button--nina:hover > span:nth-child(21) {
	-webkit-transition-delay: 0.85s;
	transition-delay: 0.85s;
}



/*FIN MENU*/ 


.admin {
    width: 1000px;
    margin: auto;
    padding-top: 60px;
    padding-bottom:40px;
 }

.index_admin {text-align:center;margin: 60px auto -150px;text-transform: uppercase;width: 50% !important;}
.index_admin input {height: 50px;background-color: #fff !important;border:solid 1px #202020;width:300px;padding: 0 20px;}
.index_admin td {padding:20px 0 0;}
.index_admin .button_connexion input {width: 100%;height:50px;margin-top: 20px;cursor:pointer;text-transform:uppercase;text-align: center;}
.index_admin .button_connexion input:hover {border-color:#cd4175;color:#cd4175;}

/* Change the white to any color ;) */
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}


/*DEBUT FACT SAR*/ 

#footer{
	width:100%;
	background-color:#202020;
	height: 233px; /*auto;*/
	padding-bottom: 20px;
	bottom: 0px;
}

.centrage_footer {width:900px;margin:auto;height:auto;}

.liens {
	padding-top:45px;
	text-align:left;
	font-size:15px;
	}

.liens a {text-decoration:none;color:#FFF;}
.liens a:hover {
	color:#369bc5;
	-webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;}


.barre_bleu {
	width:114px;
	height:2px;
	background-color:#369bc5;
	margin-top:10px;
	margin-bottom:10px;
}
	
	
#adresse {
	padding-top:20px;
	padding-bottom:20px;
	text-align:right;
	margin-top:-187px;
	font-size:12px;
	color:#FFF;
	}


#adresse p {font-size:15px;}


#copyright {text-align:center; margin-top:20px; color:#FFF; font-size:12px;}

#copyright a {text-decoration:none; color:#FFF;}
#copyright a:hover {
	color:#369bc5;
	-webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;}

/*FIN FOOTER*/ 




/*    D E B U T   M E N U   */

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a{
  list-style: none;
  display: inline-block;
  font-size: 12px;
  color: #414042;
  text-decoration: none;
}

.sous_menu li a {

	/*background:url(../images/fleche.png);*/
 	background-repeat:no-repeat;
 	background-position:left;
  }


.accueil{background-color:#3b3b3b;}
.societe{background-color:#cd4175;}
li.implants{background-color:#369bc5;}
li.evacuation{background-color:#4fd4d9;}
.instrumentation{background-color:#d0892f;}
.mobilier{background-color:#5bad9b;}
.fumee{background-color:#4fd4d9;}
.contact{background-color:#bc4d44;}

#cssmenu .accueil:hover{
	background-color:#948d8d;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;  }
	
#cssmenu .societe:hover{
	background-color:#948d8d;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;  }
	
#cssmenu .implants:hover{
	background-color:#948d8d;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;  }
	
#cssmenu .evacuation:hover{
	background-color:#948d8d;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;  }
		
#cssmenu .mobilier:hover{
	background-color:#948d8d;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;  }
	
	
#cssmenu .fumee:hover{
	background-color:#948d8d;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;  }
	

#cssmenu .instrumentation:hover{
	background-color:#948d8d;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;  }

#cssmenu .contact:hover{
	background-color:#948d8d;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;  }	


/*D E B U T  S O U S  M E N U */

	
	#menu, #menu ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#menu {
		width: 784px;
		padding-left: 25px;}
	
	#menu:before,
	#menu:after {
		content: "";
		display: table;
	}
	
	#menu:after {
		clear: both;
	}
	
	#menu {
		zoom:1;
	}
	
	#menu li {
		float: left;
		position: relative;
	}
	
	#menu li a {
		float: left;
		color: #999;
		width : 112px;
		height : 112px;
		font-size : 12px;
		text-decoration: none;
		text-align : center;
	}
	
	#menu li a img{
		padding-top : 10px;
	}
	
	#menu li li a{
		height : 20px;
		margin-top : 0px;
	}
	
	#menu a p{
		margin-top : 10px;
		color : #FFF;
	}
	
	#menu a .implants{
		margin-top : 3px;
		color : #FFF;
	}
	
	#menu a .evacuation{
		margin-top : 3px;
		color : #FFF;
	}
	
	
	#menu li:hover > a {
		color: #414042;
	}
	
	*html #menu li a:hover { /* IE6 only */
		color: #414042;
	}
	
	#menu ul {
		margin: 20px 0 0 0;
		_margin: 0; /*IE6 only*/
		opacity: 0;
		visibility: hidden;
		position: absolute;
		top:112px;
		left: 0px;
		z-index: 9999;
		background: #f8f8f8;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
	}

	#menu li:hover > ul {
		opacity: 1;
		visibility: visible;
		margin: 0;
	}
	
	#menu ul ul {
		top: 0;
		left: -337px;
		margin: 0 0 0 20px;
		_margin: 0; /*IE6 only*/
	}
	
	#menu ul li {
		float: none;
		display: block;
		border-bottom: 1px solid #e4e4e4;
	}
	
	#menu ul li:last-child {   
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;    
	}
	
	#menu ul a {
		padding: 10px;
		width: 317px;
		_height: 10px; /*IE6 only*/
		display: block;
		float: none;
		text-transform: none;
	}
	
	#menu ul a:hover {
		background-color: #e6e5e5;
		}
	
	#menu ul li:first-child > a {
		-moz-border-radius: 1px 1px 0 0;
		-webkit-border-radius: 1px 1px 0 0;
		border-radius: 1px 1px 0 0;
	}
	
	#menu ul li:first-child > a:after {
		
		position: absolute;
		left: 40px;
		top: -6px;
		border-left: 1px solid transparent;
		border-right: 1px solid transparent;
		border-bottom: 1px solid #e6e5e5;
	}
	
	#menu ul ul li:first-child a:after {
		left: -6px;
		top: 50%;
		margin-top: -6px;
		border-left: 0;	
		border-bottom: 1px solid transparent;
		border-top: 1px solid transparent;
		border-right: 1px solid #e6e5e5;
	}
	
	#menu ul li:first-child a:hover:after {
		border-bottom-color: #04acec; 
	}
	
	#menu ul ul li:first-child a:hover:after {
		border-right-color: #0299d3; 
		border-bottom-color: transparent; 	
	}
	
	#menu ul li:last-child > a {
		-moz-border-radius: 0 0 3px 3px;
		-webkit-border-radius: 0 0 3px 3px;
		border-radius: 0 0 3px 3px;
	}



/* F I N    M E N U */


/* PAGE IMPLANTS */

#main2 {
	width: 910px;
	height:auto;
	margin:auto;
	padding-top:156px;
	padding-bottom:156px;
	}

#main2 a {text-decoration:none;color: #000;}	

.implants_text {color:#fff;opacity:0;width:225px;height:225px;margin:auto;display:table-cell;vertical-align:middle;}

.liens_implants p {
    color: #fff !important;
    opacity: 0;}

.liens_implants p:hover {opacity:1 !important;}



.liens_produits {color: #202020 !important;opacity:0;width:225px;height:225px;margin:auto;}
.liens_produits:hover {color:#fff !important;}

.marquesimg {
	float:left;
	width: 225px;
	height: 225px;
	display: flex;
	}

.marques {
	float:left;
	width: 225px;
	height: 225px;
	display: flex;
	cursor: pointer;
	}

a.marques.hover.div_border:hover  {
	background:#369bc5;
	-webkit-transition: all 0.25s ease-in-out;
   -moz-transition: all 0.25s ease-in-out;
   -o-transition: all 0.25s ease-in-out;
   -ms-transition: all 0.25s ease-in-out;
   transition: all 0.25s ease-in-out;
	width:225px;
	height:225px;
	display:flex;
	cursor:pointer;
}

.texte_p{background: transparent!important;}

	

.biotechni {background:url(../images/biotechni.jpg);cursor:pointer;}
.mct {background-image:url(../images/mct.jpg);cursor:pointer;}
.uoc {background-image:url(../images/uoc.jpg);cursor:pointer;}
.ost {background-image:url(../images/ost.jpg);cursor:pointer;}
.noraker {background-image:url(../images/noraker.jpg);cursor:pointer;}
.fx {background-image:url(../images/fx.jpg);cursor:pointer;}

.hover:hover {
	background:#369bc5;
	-webkit-transition: all 0.25s ease-in-out;
   -moz-transition: all 0.25s ease-in-out;
   -o-transition: all 0.25s ease-in-out;
   -ms-transition: all 0.25s ease-in-out;
   transition: all 0.25s ease-in-out;
	}

#main2 a .marques.hover:hover {
	background:#369bc5 !important;
	-webkit-transition: all 0.55s ease-in-out;
   -moz-transition: all 0.55s ease-in-out;
   -o-transition: all 0.55s ease-in-out;
   -ms-transition: all 0.55s ease-in-out;
   transition: all 0.55s ease-in-out;
	}	

.none {text-align:center;font-size:20px;text-transform:uppercase;color:#fff;opacity:0;/* display: inline-flex; */margin: auto;opacity:1;}
.none a {width:225px;height:225px;}
.hover:hover .none {opacity:1;}
.none:hover {
	background:#369bc5 !important;
	-webkit-transition: all 0.55s ease-in-out;
   -moz-transition: all 0.55s ease-in-out;
   -o-transition: all 0.55s ease-in-out;
   -ms-transition: all 0.55s ease-in-out;
   transition: all 0.55s ease-in-out;
	}	

.texte_p {margin: auto;text-align:center;}
#main2 a .texte_p {text-align:center;color: #202020;width:225px;height:225px;margin:auto;display: table-cell;vertical-align:middle;text-shadow: 1px 1px 2px #FFF;}
#main2 a .texte_p:hover {color: #fff;}
/* FIN  PAGE IMPLANTS */


/* D E B U T  P A G E  S O C I E T E */


h3 {
	font-size:35px;
	color:#414042; 
	border-bottom: 1px solid #369bc5;
	}
	
h2 {font-size:17px;color: #369bc5;/* text-transform: uppercase; */letter-spacing: 0.1em;}

#paragraphe {text-align:justify;font-size:15px;color:#414042;padding-top:60px;letter-spacing: 0.06em;}



/* F I N   P A G E  S O C I E T E */


/*  P A G E  C O N T A C T */

.texte_gauche{ 



	width:570px;
	float:left;
	height: auto;
}


.texte_gauche .input_field {
  border: 1px solid #818181;
  height: 30px;
  width: 130%;
  color: #818181;
  margin:2px 0;}
 
.texte_gauche textarea {
  border: 1px solid #818181;
  height: 100px;
  width: 129%;
  color: #818181;
} 

.text_area {line-height: 55px;} 
 
.texte_gauche_transparence{ 
	width:370px;
	float:left;
	height: auto;
	text-align:justify;
	color:#818181;
	font-size:15px;
} 

.texte_droit{ 
	width:330px;
	float:right;
	height: auto;
	text-align:justify;
	font-size:15px;
	color:#818181;
}


.texte ul li{ 
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 14px;
	letter-spacing: 0.6px;
	color: #818181;

}

td{ 
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 20px;
	letter-spacing: 0.6px;
	color: #818181;
	
}

.texte_gauche .texte input{
		border:1px solid #D5D5D5;
		padding:2px;
		background-color:#EAEAEA;
		color:#969696;
	} 

.texte_gauche button{font-variant:small-caps;}


.texte_gauche button:hover {
    background-color: #c0c0c0; 
	border:1px solid #c0c0c0 ;
    color: #fff;
	cursor:pointer;
	font-variant:small-caps;
	-webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
	}
	


.texte_gauche button {
    color:#e6e5e5;
	background-color:#fff;
	border:solid 1px;
	border-color:#e6e5e5;
	height: 30px;
    width: 130%;
	color: #3b3b3b;
	}


/* F I N   P A G E  C O N T A C T */


/*P A G E  I N S T R U M E N T A T I O N */

.align div:nth-child(4n+5){clear:both;}

.block{
	width:215px;
	float:left;
	padding:5px;
	margin-bottom:15px;
	}


.nom{
	font-size:18px;
	text-align:center;
	margin-bottom:10px;
	}

.image{
	width:215px;
	
	overflow:hidden;
	margin-bottom:10px;
	}
	
.desc {font-size:12px; text-align:center;}	
	
/* F I N   P A G E  I N S T R U M E N T A T I O N */

.lightbox {
position: fixed;
top: 0;
left: 0;
margin: auto;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .8);
z-index: 999;
overflow: scroll;
}



/* transparence */



#formulaire {
	color:#000;
	font-size:15px;
	text-align:left;
	width:470px;
	float:right;
	margin-right:-4px;
	color:#818181;
	}
		
label {
	font-family:"Century Gothic";
	font-size: 11px;
	line-height: 14px;
	letter-spacing: 0.6px;
	color: #818181;
}

.input_field {
    
    border:1px solid #818181;
    height: 30px;
    width:98%;
	color:#818181;
	
}

.input_button {
	font-family:"Century Gothic";
    background-color: #fff;
    border:1px solid #818181;
    color: #818181;
    height: 30px;
    width: 44.8%;
	letter-spacing: 0.6px;
	margin-right:10px;
	font-variant:small-caps;
}

.input_button:hover {
	background-color: #c0c0c0;
    border:1px solid #c0c0c0 ;
    color: #fff;
	cursor:pointer;
	-webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
	}


/******** mentions ******/
.mentions {width: 33%;float:left;margin-top: 125px;margin-bottom: -70px;}







/* effect image index */

/* Wobble Vertical */
@-webkit-keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);

    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.hvr-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {
  -webkit-animation-name: hvr-wobble-vertical;
  animation-name: hvr-wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}