From 9ea7346c02d19513bf81a79e5cbd35886cac2694 Mon Sep 17 00:00:00 2001
From: Lee-1203 <342694918@qq.com>
Date: Sat, 19 Feb 2022 16:32:29 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8A=A8=E7=94=BB=E6=95=88=E6=9E=9C=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 about.html          |   21 +-
 business-02.html    |   21 +-
 business.html       |   13 +-
 contact.html        |   17 +-
 css/animate.css     | 6372 +++++++++++++++++++++++++++++++++++++++++++
 css/style.css       |  191 +-
 culture.html        |   11 +-
 guide.html          |   31 +-
 imgs/形状3.png    |  Bin 0 -> 2203 bytes
 index.html          |   24 +-
 information.html    |   13 +-
 inspect-detail.html |   13 +-
 inspect.html        |   31 +-
 join.html           |   23 +-
 js/javascript.js    |   24 +-
 js/wow.js           |    2 +
 news-detail.html    |   13 +-
 news.html           |   29 +-
 results.html        |   11 +-
 social.html         |   23 +-
 team.html           |   35 +-
 21 files changed, 6728 insertions(+), 190 deletions(-)
 create mode 100644 css/animate.css
 create mode 100644 imgs/形状3.png
 create mode 100644 js/wow.js

diff --git a/about.html b/about.html
index 0ca05ce..d0fb667 100644
--- a/about.html
+++ b/about.html
@@ -18,7 +18,8 @@
 		<link rel="stylesheet" type="text/css" href="./css/swiper.min.css"/>
 		<link rel="stylesheet" type="text/css" href="./css/animate.min.css"/>
 		<link rel="stylesheet" type="text/css" href="./css/style.css"/>
-		<script src="./js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
+		<script src="./js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
+		<script src="./js/wow.js" type="text/javascript" charset="utf-8"></script>
 		<script src="./js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
 		<script src="./js/swiper.animate1.0.3.min.js" type="text/javascript" charset="utf-8"></script>
 		<script src="./js/javascript.js" type="text/javascript" charset="utf-8"></script>
@@ -77,7 +78,7 @@
 		<div class="content w100" >
 			<!-- 企业简介 -->
 			<div class="abstract-bg section w1690">
-				<div class="news abstract w1280">
+				<div class="news abstract w1280 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 					<h1>四川蜀能矿产有限责任公司</h1>
 					<span>Sichuan Shuneng Mineral Co., Ltd</span>
 					<div class="abstract-txt">
@@ -94,7 +95,7 @@
 			</div>
 			<!-- 领导致辞 -->
 			<div class="speech-bg section w1690">
-				<div class="speech w1280">
+				<div class="speech w1280 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 					<div class="pull-title pull-title-white">
 						<h3>领导致辞</h3>
 						<span>Leadership speech</span>
@@ -119,7 +120,7 @@
 					<div class="team-swiper swiper w1690">
 						<div class="swiper-wrapper">
 							<div class="swiper-slide">
-								<div class="team-list">
+								<div class="team-list wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 									<div class="team-item">
 										<h4>周深行<em>先生</em></h4>
 										<span>工程部经理</span>
@@ -143,7 +144,7 @@
 								</div>
 							</div>
 							<div class="swiper-slide">
-								<div class="team-list">
+								<div class="team-list wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 									<div class="team-item">
 										<h4>周深行<em>先生</em></h4>
 										<span>工程部经理</span>
@@ -167,7 +168,7 @@
 								</div>
 							</div>
 							<div class="swiper-slide">
-								<div class="team-list">
+								<div class="team-list wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 									<div class="team-item">
 										<h4>周深行<em>先生</em></h4>
 										<span>工程部经理</span>
@@ -197,7 +198,7 @@
 			</div>
 			<!-- 组织机构 -->
 			<div class="organization-bg section w1690">
-				<div class="organization w1280">
+				<div class="organization w1280 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 					<div class="pull-title pull-title-white">
 						<h3>组织机构</h3>
 						<span>Organization</span>
@@ -209,7 +210,7 @@
 			</div>
 			<!-- 大事记 -->
 			<div class="memorabilia-bg section w1690">
-				<div class="memorabilia w1280">
+				<div class="memorabilia w1280 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 					<div class="pull-title">
 						<h3>大事记</h3>
 						<span>Memorabilia</span>
@@ -294,9 +295,9 @@
 		</div>
 		<!-- 底部部分 -->
 		<footer class="footer w1690">
-			<div class="foot w1280">
+			<div class="foot w1280 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 				<div class="foot-left">
-					<p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） |  Tel：028-12345678   |    Fax：028-12345678</p>
					<p>Email：11111111@shunengkc.com</p>
+					<p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） <span>Tel：028-12345678   |    Fax：028-12345678</span></p>
					<p>Email：11111111@shunengkc.com</p>
 					<span>Copyright ©2022  四川蜀能矿产有限责任公司. All Rights Reserved</span>
 				</div>
 				<div class="foot-right">
diff --git a/business-02.html b/business-02.html
index 7a087b9..0dbd0fc 100644
--- a/business-02.html
+++ b/business-02.html
@@ -18,7 +18,8 @@
 		<link rel="stylesheet" type="text/css" href="./css/swiper.min.css"/>
 		<link rel="stylesheet" type="text/css" href="./css/animate.min.css"/>
 		<link rel="stylesheet" type="text/css" href="./css/style.css"/>
-		<script src="./js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
+		<script src="./js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
+		<script src="./js/wow.js" type="text/javascript" charset="utf-8"></script>
 		<script src="./js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
 		<script src="./js/swiper.animate1.0.3.min.js" type="text/javascript" charset="utf-8"></script>
 		<script src="./js/javascript.js" type="text/javascript" charset="utf-8"></script>
@@ -77,43 +78,43 @@
 		<!-- 主体内容 -->
 		<div class="content w100" >
 			<div class="news-bg w1690">
-				<div class="news business w1280">
+				<div class="news business w1280 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 					<div class="pull-title">
 						<h3>应用领域</h3>
 						<span>application area</span>
 					</div>
 					<ul class="area-list">
-						<li>
+						<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 							<h4>应用领域标题</h4>
 							<span>Application domain title</span>
 							<p class="clips4">成立于2021年12月30日，系由四川路桥建设集团股份有限公司（以下简称四川路桥公司）四川省新能源动力股份有限公司（以下简称川能动力）马边彝族自治县禾丰国有资产有限公司（以下简称马边国资公司）以及比亚迪股份有限公司（以下简称比亚迪公司）共同投资成立的有限责任公司，公司设立时注册资本为人民币比亚迪公司出资</p>
 							<a href="inspect-detail.html" class="more">查看详情<ins></ins></a>
 						</li>
-						<li>
+						<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 							<h4>应用领域标题</h4>
 							<span>Application domain title</span>
 							<p class="clips4">成立于2021年12月30日，系由四川路桥建设集团股份有限公司（以下简称四川路桥公司）四川省新能源动力股份有限公司（以下简称川能动力）马边彝族自治县禾丰国有资产有限公司（以下简称马边国资公司）以及比亚迪股份有限公司（以下简称比亚迪公司）共同投资成立的有限责任公司，公司设立时注册资本为人民币比亚迪公司出资</p>
 							<a href="inspect-detail.html" class="more">查看详情<ins></ins></a>
 						</li>
-						<li>
+						<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 							<h4>应用领域标题</h4>
 							<span>Application domain title</span>
 							<p class="clips4">成立于2021年12月30日，系由四川路桥建设集团股份有限公司（以下简称四川路桥公司）四川省新能源动力股份有限公司（以下简称川能动力）马边彝族自治县禾丰国有资产有限公司（以下简称马边国资公司）以及比亚迪股份有限公司（以下简称比亚迪公司）共同投资成立的有限责任公司，公司设立时注册资本为人民币比亚迪公司出资</p>
 							<a href="inspect-detail.html" class="more">查看详情<ins></ins></a>
 						</li>
-						<li>
+						<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 							<h4>应用领域标题</h4>
 							<span>Application domain title</span>
 							<p class="clips4">成立于2021年12月30日，系由四川路桥建设集团股份有限公司（以下简称四川路桥公司）四川省新能源动力股份有限公司（以下简称川能动力）马边彝族自治县禾丰国有资产有限公司（以下简称马边国资公司）以及比亚迪股份有限公司（以下简称比亚迪公司）共同投资成立的有限责任公司，公司设立时注册资本为人民币比亚迪公司出资</p>
 							<a href="inspect-detail.html" class="more">查看详情<ins></ins></a>
 						</li>
-						<li>
+						<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 							<h4>应用领域标题</h4>
 							<span>Application domain title</span>
 							<p class="clips4">成立于2021年12月30日，系由四川路桥建设集团股份有限公司（以下简称四川路桥公司）四川省新能源动力股份有限公司（以下简称川能动力）马边彝族自治县禾丰国有资产有限公司（以下简称马边国资公司）以及比亚迪股份有限公司（以下简称比亚迪公司）共同投资成立的有限责任公司，公司设立时注册资本为人民币比亚迪公司出资</p>
 							<a href="inspect-detail.html" class="more">查看详情<ins></ins></a>
 						</li>
-						<li>
+						<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 							<h4>应用领域标题</h4>
 							<span>Application domain title</span>
 							<p class="clips4">成立于2021年12月30日，系由四川路桥建设集团股份有限公司（以下简称四川路桥公司）四川省新能源动力股份有限公司（以下简称川能动力）马边彝族自治县禾丰国有资产有限公司（以下简称马边国资公司）以及比亚迪股份有限公司（以下简称比亚迪公司）共同投资成立的有限责任公司，公司设立时注册资本为人民币比亚迪公司出资</p>
@@ -126,8 +127,8 @@
 		<!-- 底部部分 -->
 		<footer class="footer w1690">
 			<div class="foot w1280">
-				<div class="foot-left">
-					<p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） |  Tel：028-12345678   |    Fax：028-12345678</p>
					<p>Email：11111111@shunengkc.com</p>
+				<div class="foot-left wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
+					<p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） <span>Tel：028-12345678   |    Fax：028-12345678</span></p>
					<p>Email：11111111@shunengkc.com</p>
 					<span>Copyright ©2022  四川蜀能矿产有限责任公司. All Rights Reserved</span>
 				</div>
 				<div class="foot-right">
diff --git a/business.html b/business.html
index 8ef015d..315e788 100644
--- a/business.html
+++ b/business.html
@@ -19,7 +19,8 @@
 		<link rel="stylesheet" type="text/css" href="./css/animate.min.css"/>
 		<link rel="stylesheet" type="text/css" href="./css/style.css"/>
 		<script src="./js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
-		<script src="./js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
+		<script src="./js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
+		<script src="./js/wow.js" type="text/javascript" charset="utf-8"></script>
 		<script src="./js/swiper.animate1.0.3.min.js" type="text/javascript" charset="utf-8"></script>
 		<script src="./js/javascript.js" type="text/javascript" charset="utf-8"></script>
 	</head>
@@ -82,7 +83,7 @@
 						<h3>矿产资源</h3>
 						<span>mineral resources</span>
 					</div>
-					<div class="business-txt">
+					<div class="business-txt wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 						<p>
 							成立于2021年12月30日，系由四川路桥建设集团股份有限公司（以下简称四川路桥公司）、四川省新能源动力股份有限公司（以下简称川能动力）、马边彝族自治县禾丰国有资产有限公司（以下简称马边国资公司）以及比亚迪股份有限公司（以下简称比亚迪公司）共同投资成立的有限责任公司，公司设立时注册资本为人民币50,000.00万元，其中四川路桥公司出资33,500.00万元，出资比例67%；川能动力出资10,000.00万元，出资比例20.00%，马边国资公司出资6000.00万元（资产），出资比例12%，比亚迪公司出资500万元，出资比例1%。
 						</p>
@@ -92,7 +93,7 @@
 						</p>
 					</div>
 					<div class="business-img">
-						<div class="view">
+						<div class="view wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 							<div class="view-swiper swiper">
 								<div class="swiper-wrapper">
 									<div class="swiper-slide">
@@ -107,7 +108,7 @@
 								</div>
 							</div>
 						</div>
-						<div class="preview">
+						<div class="preview wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 							<div class="preview-swiper swiper">
 								<div class="swiper-wrapper">
 									<div class="swiper-slide">
@@ -133,9 +134,9 @@
 		</div>
 		<!-- 底部部分 -->
 		<footer class="footer w1690">
-			<div class="foot w1280">
+			<div class="foot w1280 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 				<div class="foot-left">
-					<p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） |  Tel：028-12345678   |    Fax：028-12345678</p>
					<p>Email：11111111@shunengkc.com</p>
+					<p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） <span>Tel：028-12345678   |    Fax：028-12345678</span></p>
					<p>Email：11111111@shunengkc.com</p>
 					<span>Copyright ©2022  四川蜀能矿产有限责任公司. All Rights Reserved</span>
 				</div>
 				<div class="foot-right">
diff --git a/contact.html b/contact.html
index 725fe2b..39d940e 100644
--- a/contact.html
+++ b/contact.html
@@ -18,7 +18,8 @@
 		<link rel="stylesheet" type="text/css" href="./css/swiper.min.css"/>
 		<link rel="stylesheet" type="text/css" href="./css/animate.min.css"/>
 		<link rel="stylesheet" type="text/css" href="./css/style.css"/>
-		<script src="./js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
+		<script src="./js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
+		<script src="./js/wow.js" type="text/javascript" charset="utf-8"></script>
 		<script src="./js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
 		<script src="./js/swiper.animate1.0.3.min.js" type="text/javascript" charset="utf-8"></script>
 		<script src="./js/javascript.js" type="text/javascript" charset="utf-8"></script>
@@ -73,13 +74,13 @@
 		<!-- 主体内容 -->
 		<div class="content w100" >
 			<div class="news-bg w1690">
-				<div class="news contact w1280">
+				<div class="news contact w1280 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 					<div class="pull-title">
 						<h3>联系方式</h3>
 						<span>contact information</span>
 					</div>
 					<div class="contact-content">
-						<ul class="contact-top">
+						<ul class="contact-top wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 							<li>
 								<span>
 									<img src="imgs/icon-phone.png" alt="">
@@ -103,7 +104,7 @@
 								<p>扫一扫<br />关注蜀能矿业</p>
 							</li>
 						</ul>
-						<div class="contact-map" id="map"></div>
+						<div class="contact-map wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0" id="map"></div>
 						<script src="./js/bdmap.js" type="text/javascript" charset="utf-8"></script>
 						<script type="text/javascript">
 						ShowMap("map",{
@@ -118,12 +119,12 @@
 						    zoom:17
 						});
 						</script>
-						<div class="contact-form">
+						<div class="contact-form wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 							<strong>在线留言</strong>
 							<p>
 								您可以把您的留言或者业务需求通过下列表单反馈给我们。或者，您也可以给我们的邮箱s1111111111@11111.com.cn发送邮件。<br />
								我们收到您的信息之后将会转给相关业务人员，并在第一时间与您联系。谢谢！
 							</p>
-							<div class="form-txt">
+							<div class="form-txt wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 								<div class="form-top">
 									<input type="text" name="name" placeholder="您的称呼" value="" />
 									<input type="text" name="phone" placeholder="您的联系方式" value="" />
@@ -145,9 +146,9 @@
 		</div>
 		<!-- 底部部分 -->
 		<footer class="footer w1690">
-			<div class="foot w1280">
+			<div class="foot w1280 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 				<div class="foot-left">
-					<p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） |  Tel：028-12345678   |    Fax：028-12345678</p>
					<p>Email：11111111@shunengkc.com</p>
+					<p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） <span>Tel：028-12345678   |    Fax：028-12345678</span></p>
					<p>Email：11111111@shunengkc.com</p>
 					<span>Copyright ©2022  四川蜀能矿产有限责任公司. All Rights Reserved</span>
 				</div>
 				<div class="foot-right">
diff --git a/css/animate.css b/css/animate.css
new file mode 100644
index 0000000..1b9b89b
--- /dev/null
+++ b/css/animate.css
@@ -0,0 +1,6372 @@
+@charset "UTF-8";
+
+
+/*!
+Licensed under the MIT license
+
+Copyright (c) 2013 Daniel Eden
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+*/
+
+
+.e-hide{filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-webkit-opacity:0;}
+/*寤舵椂*/
+
+/*.animated {
+  -webkit-animation-duration: 1s;
+  animation-duration: 1s;
+  -webkit-animation-fill-mode: both;
+  animation-fill-mode: both;
+  
+  
+}*/
+
+/*鍚戜笅婊氬姩*/
+.mouseIco {
+    animation: 1.5s cubic-bezier(0.23, 1, 0.32, 1) 0s normal none infinite running mouse-dot;
+	-webkit-animation: 1.5s cubic-bezier(0.23, 1, 0.32, 1) 0s normal none infinite running mouse-dot;
+	-moz-animation: 1.5s cubic-bezier(0.23, 1, 0.32, 1) 0s normal none infinite running mouse-dot;
+}
+@keyframes mouse-dot {
+0% {
+    opacity: 0;
+	-webkit-opacity: 0;
+	-moz-opacity: 0;
+}
+33% {
+    opacity: 1;
+	-webkit-opacity: 1;
+	-moz-opacity: 1;
+}
+100% {
+    opacity: 0;
+	-webkit-opacity: 0;
+	-moz-opacity: 0;
+    transform: translateY(20px);
+	-webkit-transform: translateY(20px);
+	-moz-transform: translateY(20px);
+}
+}
+@-webkit-keyframes mouse-dot {
+0% {
+    opacity: 0;
+	-webkit-opacity: 0;
+	-moz-opacity: 0;
+}
+33% {
+    opacity: 1;
+	-webkit-opacity: 1;
+	-moz-opacity: 1;
+}
+100% {
+    opacity: 0;
+	-webkit-opacity: 0;
+	-moz-opacity: 0;
+    transform: translateY(20px);
+	-webkit-transform: translateY(20px);
+	-moz-transform: translateY(20px);
+}
+}
+/*鍚戜笅婊氬姩*/
+.animated{
+	-webkit-animation-duration:.9s;
+	animation-duration:.9s;
+	-webkit-animation-fill-mode:both;
+	animation-fill-mode:both;
+	-webkit-animation-timing-function:cubic-bezier(.4, 0, .2, 1);
+	animation-timing-function:cubic-bezier(.4, 0, .2, 1);
+	}
+
+.delay_1s{ 
+	animation-delay:0.1s; 
+	-webkit-animation-delay:0.1s;
+	-moz-animation-delay:0.1s;
+	-ms-animation-delay:0.1s;
+	-o-animation-delay:0.1s;
+}
+.delay_2s{ 
+	animation-delay:0.2s; 
+	-webkit-animation-delay:0.2s;
+	-moz-animation-delay:0.2s;
+	-ms-animation-delay:0.2s;
+	-o-animation-delay:0.2s;
+}
+.delay_3s{ 
+	animation-delay:0.3s; 
+	-webkit-animation-delay:0.3s;
+	-moz-animation-delay:0.3s;
+	-ms-animation-delay:0.3s;
+	-o-animation-delay:0.3s;
+}
+.delay_4s{ 
+	animation-delay:0.4s; 
+	-webkit-animation-delay:0.4s;
+	-moz-animation-delay:0.4s;
+	-ms-animation-delay:0.4s;
+	-o-animation-delay:0.4s;
+}
+.delay_5s{ 
+	animation-delay:0.5s; 
+	-webkit-animation-delay:0.5s;
+	-moz-animation-delay:0.5s;
+	-ms-animation-delay:0.5s;
+	-o-animation-delay:0.5s;
+}
+.delay_6s{ 
+	animation-delay:0.6s; 
+	-webkit-animation-delay:0.6s;
+	-moz-animation-delay:0.6s;
+	-ms-animation-delay:0.6s;
+	-o-animation-delay:0.6s;
+}
+.delay_7s{ 
+	animation-delay:0.7s; 
+	-webkit-animation-delay:0.7s;
+	-moz-animation-delay:0.7s;
+	-ms-animation-delay:0.7s;
+	-o-animation-delay:0.7s;
+}
+.delay_8s{ 
+	animation-delay:0.8s; 
+	-webkit-animation-delay:0.8s;
+	-moz-animation-delay:0.8s;
+	-ms-animation-delay:0.8s;
+	-o-animation-delay:0.8s;
+}
+.delay_9s{ 
+	animation-delay:0.9s; 
+	-webkit-animation-delay:0.9s;
+	-moz-animation-delay:0.9s;
+	-ms-animation-delay:0.9s;
+	-o-animation-delay:0.9s;
+}
+.delay_10s{ 
+	animation-delay:1s; 
+	-webkit-animation-delay:1s;
+	-moz-animation-delay:1s;
+	-ms-animation-delay:1s;
+	-o-animation-delay:1s;
+}
+.delay_12s{ 
+	animation-delay:1.2s; 
+	-webkit-animation-delay:1.2s;
+	-moz-animation-delay:1.2s;
+	-ms-animation-delay:1.2s;
+	-o-animation-delay:1.2s;
+}
+.delay_15s{ 
+	animation-delay:1.5s; 
+	-webkit-animation-delay:1.5s;
+	-moz-animation-delay:1.5s;
+	-ms-animation-delay:1.5s;
+	-o-animation-delay:1.5s;
+}
+.delay_20s{ 
+	animation-delay:2s; 
+	-webkit-animation-delay:2s;
+	-moz-animation-delay:2s;
+	-ms-animation-delay:2s;
+	-o-animation-delay:2s;
+}
+
+
+
+.animated.hinge {
+  -webkit-animation-duration: 2s;
+  animation-duration: 2s;
+}
+
+
+@keyframes bounce {
+  from, 20%, 53%, 80%, to {
+    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+    transform: translate3d(0,0,0);
+  }
+
+  40%, 43% {
+    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+    transform: translate3d(0, -30px, 0);
+  }
+
+  70% {
+    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+    transform: translate3d(0, -15px, 0);
+  }
+
+  90% {
+    transform: translate3d(0,-4px,0);
+  }
+}
+
+.bounce {
+  animation-name: bounce;
+  transform-origin: center bottom;
+}
+
+@keyframes flash {
+  from, 50%, to {
+    opacity: 1;
+  }
+
+  25%, 75% {
+    opacity: 0;
+  }
+}
+
+.flash {
+  animation-name: flash;
+}
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+
+@keyframes pulse {
+  from {
+    transform: scale3d(1, 1, 1);
+  }
+
+  50% {
+    transform: scale3d(1.05, 1.05, 1.05);
+  }
+
+  to {
+    transform: scale3d(1, 1, 1);
+  }
+}
+
+.pulse {
+  animation-name: pulse;
+}
+
+@keyframes rubberBand {
+  from {
+    transform: scale3d(1, 1, 1);
+  }
+
+  30% {
+    transform: scale3d(1.25, 0.75, 1);
+  }
+
+  40% {
+    transform: scale3d(0.75, 1.25, 1);
+  }
+
+  50% {
+    transform: scale3d(1.15, 0.85, 1);
+  }
+
+  65% {
+    transform: scale3d(.95, 1.05, 1);
+  }
+
+  75% {
+    transform: scale3d(1.05, .95, 1);
+  }
+
+  to {
+    transform: scale3d(1, 1, 1);
+  }
+}
+
+.rubberBand {
+  animation-name: rubberBand;
+}
+
+@keyframes shake {
+  from, to {
+    transform: translate3d(0, 0, 0);
+  }
+
+  10%, 30%, 50%, 70%, 90% {
+    transform: translate3d(-10px, 0, 0);
+  }
+
+  20%, 40%, 60%, 80% {
+    transform: translate3d(10px, 0, 0);
+  }
+}
+
+.shake {
+  animation-name: shake;
+}
+
+@keyframes headShake {
+  0% {
+    transform: translateX(0);
+  }
+
+  6.5% {
+    transform: translateX(-6px) rotateY(-9deg);
+  }
+
+  18.5% {
+    transform: translateX(5px) rotateY(7deg);
+  }
+
+  31.5% {
+    transform: translateX(-3px) rotateY(-5deg);
+  }
+
+  43.5% {
+    transform: translateX(2px) rotateY(3deg);
+  }
+
+  50% {
+    transform: translateX(0);
+  }
+}
+
+.headShake {
+  animation-timing-function: ease-in-out;
+  animation-name: headShake;
+}
+
+@keyframes swing {
+  20% {
+    transform: rotate3d(0, 0, 1, 15deg);
+  }
+
+  40% {
+    transform: rotate3d(0, 0, 1, -10deg);
+  }
+
+  60% {
+    transform: rotate3d(0, 0, 1, 5deg);
+  }
+
+  80% {
+    transform: rotate3d(0, 0, 1, -5deg);
+  }
+
+  to {
+    transform: rotate3d(0, 0, 1, 0deg);
+  }
+}
+
+.swing {
+  transform-origin: top center;
+  animation-name: swing;
+}
+
+@keyframes tada {
+  from {
+    transform: scale3d(1, 1, 1);
+  }
+
+  10%, 20% {
+    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
+  }
+
+  30%, 50%, 70%, 90% {
+    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
+  }
+
+  40%, 60%, 80% {
+    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
+  }
+
+  to {
+    transform: scale3d(1, 1, 1);
+  }
+}
+
+.tada {
+  animation-name: tada;
+}
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+
+@keyframes wobble {
+  from {
+    transform: none;
+  }
+
+  15% {
+    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
+  }
+
+  30% {
+    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
+  }
+
+  45% {
+    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
+  }
+
+  60% {
+    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
+  }
+
+  75% {
+    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
+  }
+
+  to {
+    transform: none;
+  }
+}
+
+.wobble {
+  animation-name: wobble;
+}
+
+@keyframes jello {
+  from, 11.1%, to {
+    transform: none;
+  }
+
+  22.2% {
+    transform: skewX(-12.5deg) skewY(-12.5deg);
+  }
+
+  33.3% {
+    transform: skewX(6.25deg) skewY(6.25deg);
+  }
+
+  44.4% {
+    transform: skewX(-3.125deg) skewY(-3.125deg);
+  }
+
+  55.5% {
+    transform: skewX(1.5625deg) skewY(1.5625deg);
+  }
+
+  66.6% {
+    transform: skewX(-0.78125deg) skewY(-0.78125deg);
+  }
+
+  77.7% {
+
+    transform: skewX(0.390625deg) skewY(0.390625deg);
+  }
+
+  88.8% {
+    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
+  }
+}
+
+.jello {
+  animation-name: jello;
+  transform-origin: center;
+}
+
+@keyframes bounceIn {
+  from, 20%, 40%, 60%, 80%, to {
+    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+  }
+
+  0% {
+    opacity: 0;
+    transform: scale3d(.3, .3, .3);
+  }
+
+  20% {
+    transform: scale3d(1.1, 1.1, 1.1);
+  }
+
+  40% {
+    transform: scale3d(.9, .9, .9);
+  }
+
+  60% {
+    opacity: 1;
+    transform: scale3d(1.03, 1.03, 1.03);
+  }
+
+  80% {
+    transform: scale3d(.97, .97, .97);
+  }
+
+  to {
+    opacity: 1;
+    transform: scale3d(1, 1, 1);
+  }
+}
+
+.bounceIn {
+  animation-name: bounceIn;
+}
+
+@keyframes bounceInDown {
+  from, 60%, 75%, 90%, to {
+    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+  }
+
+  0% {
+    opacity: 0;
+    transform: translate3d(0, -3000px, 0);
+  }
+
+  60% {
+    opacity: 1;
+    transform: translate3d(0, 25px, 0);
+  }
+
+  75% {
+    transform: translate3d(0, -10px, 0);
+  }
+
+  90% {
+    transform: translate3d(0, 5px, 0);
+  }
+
+  to {
+    transform: none;
+  }
+}
+
+.bounceInDown {
+  animation-name: bounceInDown;
+}
+
+@keyframes bounceInLeft {
+  from, 60%, 75%, 90%, to {
+    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+  }
+
+  0% {
+    opacity: 0;
+    transform: translate3d(-3000px, 0, 0);
+  }
+
+  60% {
+    opacity: 1;
+    transform: translate3d(25px, 0, 0);
+  }
+
+  75% {
+    transform: translate3d(-10px, 0, 0);
+  }
+
+  90% {
+    transform: translate3d(5px, 0, 0);
+  }
+
+  to {
+    transform: none;
+  }
+}
+
+.bounceInLeft {
+  animation-name: bounceInLeft;
+}
+
+@keyframes bounceInRight {
+  from, 60%, 75%, 90%, to {
+    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+  }
+
+  from {
+    opacity: 0;
+    transform: translate3d(3000px, 0, 0);
+  }
+
+  60% {
+    opacity: 1;
+    transform: translate3d(-25px, 0, 0);
+  }
+
+  75% {
+    transform: translate3d(10px, 0, 0);
+  }
+
+  90% {
+    transform: translate3d(-5px, 0, 0);
+  }
+
+  to {
+    transform: none;
+  }
+}
+
+.bounceInRight {
+  animation-name: bounceInRight;
+}
+
+@keyframes bounceInUp {
+  from, 60%, 75%, 90%, to {
+    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+  }
+
+  from {
+    opacity: 0;
+    transform: translate3d(0, 3000px, 0);
+  }
+
+  60% {
+    opacity: 1;
+    transform: translate3d(0, -20px, 0);
+  }
+
+  75% {
+    transform: translate3d(0, 10px, 0);
+  }
+
+  90% {
+    transform: translate3d(0, -5px, 0);
+  }
+
+  to {
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.bounceInUp {
+  animation-name: bounceInUp;
+}
+
+@keyframes bounceOut {
+  20% {
+    transform: scale3d(.9, .9, .9);
+  }
+
+  50%, 55% {
+    opacity: 1;
+    transform: scale3d(1.1, 1.1, 1.1);
+  }
+
+  to {
+    opacity: 0;
+    transform: scale3d(.3, .3, .3);
+  }
+}
+
+.bounceOut {
+  animation-name: bounceOut;
+}
+
+@keyframes bounceOutDown {
+  20% {
+    transform: translate3d(0, 10px, 0);
+  }
+
+  40%, 45% {
+    opacity: 1;
+    transform: translate3d(0, -20px, 0);
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(0, 2000px, 0);
+  }
+}
+
+.bounceOutDown {
+  animation-name: bounceOutDown;
+}
+
+@keyframes bounceOutLeft {
+  20% {
+    opacity: 1;
+    transform: translate3d(20px, 0, 0);
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(-2000px, 0, 0);
+  }
+}
+
+.bounceOutLeft {
+  animation-name: bounceOutLeft;
+}
+
+@keyframes bounceOutRight {
+  20% {
+    opacity: 1;
+    transform: translate3d(-20px, 0, 0);
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(2000px, 0, 0);
+  }
+}
+
+.bounceOutRight {
+  animation-name: bounceOutRight;
+}
+
+@keyframes bounceOutUp {
+  20% {
+    transform: translate3d(0, -10px, 0);
+  }
+
+  40%, 45% {
+    opacity: 1;
+    transform: translate3d(0, 20px, 0);
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(0, -2000px, 0);
+  }
+}
+
+.bounceOutUp {
+  animation-name: bounceOutUp;
+}
+
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+
+.fadeIn {
+  animation-name: fadeIn;
+}
+
+@keyframes fadeInDown {
+  from {
+    opacity: 0;
+    transform: translate3d(0, -100px, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+
+.fadeInDown {
+  animation-name: fadeInDown;
+}
+
+@keyframes fadeInDownBig {
+  from {
+    opacity: 0;
+    transform: translate3d(0, -2000px, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+
+.fadeInDownBig {
+  animation-name: fadeInDownBig;
+}
+
+@keyframes fadeInLeft {
+  from {
+    opacity: 0;
+    transform: translate3d(-30%, 0, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+
+.fadeInLeft {
+  animation-name: fadeInLeft;
+}
+
+@keyframes fadeInLeftBig {
+  from {
+    opacity: 0;
+    transform: translate3d(-2000px, 0, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+
+.fadeInLeftBig {
+  animation-name: fadeInLeftBig;
+}
+
+@keyframes fadeInRight {
+  from {
+    opacity: 0;
+    transform: translate3d(100%, 0, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+
+.fadeInRight {
+  animation-name: fadeInRight;
+}
+
+@keyframes fadeInRightBig {
+  from {
+    opacity: 0;
+    transform: translate3d(2000px, 0, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+
+.fadeInRightBig {
+  animation-name: fadeInRightBig;
+}
+
+@keyframes fadeInUp {
+  from {
+    opacity: 0;
+    transform: translate3d(0, 100px, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+
+.fadeInUp {
+  animation-name: fadeInUp;
+}
+
+@keyframes fadeInUpBig {
+  from {
+    opacity: 0;
+    transform: translate3d(0, 2000px, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+
+.fadeInUpBig {
+  animation-name: fadeInUpBig;
+}
+
+@keyframes fadeOut {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+  }
+}
+
+.fadeOut {
+  animation-name: fadeOut;
+}
+
+@keyframes fadeOutDown {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(0, 100%, 0);
+  }
+}
+
+.fadeOutDown {
+  animation-name: fadeOutDown;
+}
+
+@keyframes fadeOutDownBig {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(0, 2000px, 0);
+  }
+}
+
+.fadeOutDownBig {
+  animation-name: fadeOutDownBig;
+}
+
+@keyframes fadeOutLeft {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(-100%, 0, 0);
+  }
+}
+
+.fadeOutLeft {
+  animation-name: fadeOutLeft;
+}
+
+@keyframes fadeOutLeftBig {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(-2000px, 0, 0);
+  }
+}
+
+.fadeOutLeftBig {
+  animation-name: fadeOutLeftBig;
+}
+
+@keyframes fadeOutRight {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(100%, 0, 0);
+  }
+}
+
+.fadeOutRight {
+  animation-name: fadeOutRight;
+}
+
+@keyframes fadeOutRightBig {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(2000px, 0, 0);
+  }
+}
+
+.fadeOutRightBig {
+  animation-name: fadeOutRightBig;
+}
+
+@keyframes fadeOutUp {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(0, -100%, 0);
+  }
+}
+
+.fadeOutUp {
+  animation-name: fadeOutUp;
+}
+
+@keyframes fadeOutUpBig {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(0, -2000px, 0);
+  }
+}
+
+.fadeOutUpBig {
+  animation-name: fadeOutUpBig;
+}
+
+@keyframes flip {
+  from {
+    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
+    animation-timing-function: ease-out;
+  }
+
+  40% {
+    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
+    animation-timing-function: ease-out;
+  }
+
+  50% {
+    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
+    animation-timing-function: ease-in;
+  }
+
+  80% {
+    transform: perspective(400px) scale3d(.95, .95, .95);
+    animation-timing-function: ease-in;
+  }
+
+  to {
+    transform: perspective(400px);
+    animation-timing-function: ease-in;
+  }
+}
+
+.animated.flip {
+  -webkit-backface-visibility: visible;
+  backface-visibility: visible;
+  animation-name: flip;
+}
+
+@keyframes flipInX {
+  from {
+    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+    animation-timing-function: ease-in;
+    opacity: 0;
+  }
+
+  40% {
+    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+    animation-timing-function: ease-in;
+  }
+
+  60% {
+    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
+    opacity: 1;
+  }
+
+  80% {
+    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
+  }
+
+  to {
+    transform: perspective(400px);
+  }
+}
+
+.flipInX {
+  -webkit-backface-visibility: visible !important;
+  backface-visibility: visible !important;
+  animation-name: flipInX;
+}
+
+@keyframes flipInY {
+  from {
+    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+    animation-timing-function: ease-in;
+    opacity: 0;
+  }
+
+  40% {
+    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
+    animation-timing-function: ease-in;
+  }
+
+  60% {
+    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
+    opacity: 1;
+  }
+
+  80% {
+    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
+  }
+
+  to {
+    transform: perspective(400px);
+  }
+}
+
+.flipInY {
+  -webkit-backface-visibility: visible !important;
+  backface-visibility: visible !important;
+  animation-name: flipInY;
+}
+
+@keyframes flipOutX {
+  from {
+    transform: perspective(400px);
+  }
+
+  30% {
+    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+    opacity: 1;
+  }
+
+  to {
+    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+    opacity: 0;
+  }
+}
+
+.flipOutX {
+  animation-name: flipOutX;
+  -webkit-backface-visibility: visible !important;
+  backface-visibility: visible !important;
+}
+
+@keyframes flipOutY {
+  from {
+    transform: perspective(400px);
+  }
+
+  30% {
+    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
+    opacity: 1;
+  }
+
+  to {
+    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+    opacity: 0;
+  }
+}
+
+.flipOutY {
+  -webkit-backface-visibility: visible !important;
+  backface-visibility: visible !important;
+  animation-name: flipOutY;
+}
+
+@keyframes lightSpeedIn {
+  from {
+    transform: translate3d(100%, 0, 0) skewX(-30deg);
+    opacity: 0;
+  }
+
+  60% {
+    transform: skewX(20deg);
+    opacity: 1;
+  }
+
+  80% {
+    transform: skewX(-5deg);
+    opacity: 1;
+  }
+
+  to {
+    transform: none;
+    opacity: 1;
+  }
+}
+
+.lightSpeedIn {
+  animation-name: lightSpeedIn;
+  animation-timing-function: ease-out;
+}
+
+@keyframes lightSpeedOut {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    transform: translate3d(100%, 0, 0) skewX(30deg);
+    opacity: 0;
+  }
+}
+
+.lightSpeedOut {
+  animation-name: lightSpeedOut;
+  animation-timing-function: ease-in;
+}
+
+@keyframes rotateIn {
+  from {
+    transform-origin: center;
+    transform: rotate3d(0, 0, 1, -200deg);
+    opacity: 0;
+  }
+
+  to {
+    transform-origin: center;
+    transform: none;
+    opacity: 1;
+  }
+}
+
+.rotateIn {
+  animation-name: rotateIn;
+}
+
+@keyframes rotateInDownLeft {
+  from {
+    transform-origin: left bottom;
+    transform: rotate3d(0, 0, 1, -45deg);
+    opacity: 0;
+  }
+
+  to {
+    transform-origin: left bottom;
+    transform: none;
+    opacity: 1;
+  }
+}
+
+.rotateInDownLeft {
+  animation-name: rotateInDownLeft;
+}
+
+@keyframes rotateInDownRight {
+  from {
+    transform-origin: right bottom;
+    transform: rotate3d(0, 0, 1, 45deg);
+    opacity: 0;
+  }
+
+  to {
+    transform-origin: right bottom;
+    transform: none;
+    opacity: 1;
+  }
+}
+
+.rotateInDownRight {
+  animation-name: rotateInDownRight;
+}
+
+@keyframes rotateInUpLeft {
+  from {
+    transform-origin: left bottom;
+    transform: rotate3d(0, 0, 1, 45deg);
+    opacity: 0;
+  }
+
+  to {
+    transform-origin: left bottom;
+    transform: none;
+    opacity: 1;
+  }
+}
+
+.rotateInUpLeft {
+  animation-name: rotateInUpLeft;
+}
+
+@keyframes rotateInUpRight {
+  from {
+    transform-origin: right bottom;
+    transform: rotate3d(0, 0, 1, -90deg);
+    opacity: 0;
+  }
+
+  to {
+    transform-origin: right bottom;
+    transform: none;
+    opacity: 1;
+  }
+}
+
+.rotateInUpRight {
+  animation-name: rotateInUpRight;
+}
+
+@keyframes rotateOut {
+  from {
+    transform-origin: center;
+    opacity: 1;
+  }
+
+  to {
+    transform-origin: center;
+    transform: rotate3d(0, 0, 1, 200deg);
+    opacity: 0;
+  }
+}
+
+.rotateOut {
+  animation-name: rotateOut;
+}
+
+@keyframes rotateOutDownLeft {
+  from {
+    transform-origin: left bottom;
+    opacity: 1;
+  }
+
+  to {
+    transform-origin: left bottom;
+    transform: rotate3d(0, 0, 1, 45deg);
+    opacity: 0;
+  }
+}
+
+.rotateOutDownLeft {
+  animation-name: rotateOutDownLeft;
+}
+
+@keyframes rotateOutDownRight {
+  from {
+    transform-origin: right bottom;
+    opacity: 1;
+  }
+
+  to {
+    transform-origin: right bottom;
+    transform: rotate3d(0, 0, 1, -45deg);
+    opacity: 0;
+  }
+}
+
+.rotateOutDownRight {
+  animation-name: rotateOutDownRight;
+}
+
+@keyframes rotateOutUpLeft {
+  from {
+    transform-origin: left bottom;
+    opacity: 1;
+  }
+
+  to {
+    transform-origin: left bottom;
+    transform: rotate3d(0, 0, 1, -45deg);
+    opacity: 0;
+  }
+}
+
+.rotateOutUpLeft {
+  animation-name: rotateOutUpLeft;
+}
+
+@keyframes rotateOutUpRight {
+  from {
+    transform-origin: right bottom;
+    opacity: 1;
+  }
+
+  to {
+    transform-origin: right bottom;
+    transform: rotate3d(0, 0, 1, 90deg);
+    opacity: 0;
+  }
+}
+
+.rotateOutUpRight {
+  animation-name: rotateOutUpRight;
+}
+
+@keyframes hinge {
+  0% {
+    transform-origin: top left;
+    animation-timing-function: ease-in-out;
+  }
+
+  20%, 60% {
+    transform: rotate3d(0, 0, 1, 80deg);
+    transform-origin: top left;
+    animation-timing-function: ease-in-out;
+  }
+
+  40%, 80% {
+    transform: rotate3d(0, 0, 1, 60deg);
+    transform-origin: top left;
+    animation-timing-function: ease-in-out;
+    opacity: 1;
+  }
+
+  to {
+    transform: translate3d(0, 700px, 0);
+    opacity: 0;
+  }
+}
+
+.hinge {
+  animation-name: hinge;
+}
+
+@keyframes jackInTheBox {
+  from {
+    opacity: 0;
+    transform: scale(0.1) rotate(30deg);
+    transform-origin: center bottom;
+  }
+
+  50% {
+    transform: rotate(-10deg);
+  }
+
+  70% {
+    transform: rotate(3deg);
+  }
+
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+
+.jackInTheBox {
+  animation-name: jackInTheBox;
+}
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+
+@keyframes rollIn {
+  from {
+    opacity: 0;
+    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
+  }
+
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+
+.rollIn {
+  animation-name: rollIn;
+}
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+
+@keyframes rollOut {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
+  }
+}
+
+.rollOut {
+  animation-name: rollOut;
+}
+
+@keyframes zoomIn {
+  from {
+    opacity: 0;
+    transform: scale3d(.7, .7, .7);
+  }
+
+  50% {
+    opacity: 0.5;
+  }
+  100% {
+    opacity: 1;
+  }
+  
+}
+
+.zoomIn {
+  animation-name: zoomIn;
+}
+
+@keyframes zoomInDown {
+  from {
+    opacity: 0;
+    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+  }
+
+  60% {
+    opacity: 1;
+    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+  }
+}
+
+.zoomInDown {
+  animation-name: zoomInDown;
+}
+
+@keyframes zoomInLeft {
+  from {
+    opacity: 0;
+    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+  }
+
+  60% {
+    opacity: 1;
+    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+  }
+}
+
+.zoomInLeft {
+  animation-name: zoomInLeft;
+}
+
+@keyframes zoomInRight {
+  from {
+    opacity: 0;
+    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+  }
+
+  60% {
+    opacity: 1;
+    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+  }
+}
+
+.zoomInRight {
+  animation-name: zoomInRight;
+}
+
+@keyframes zoomInUp {
+  from {
+    opacity: 0;
+    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+  }
+
+  60% {
+    opacity: 1;
+    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+  }
+}
+
+.zoomInUp {
+  animation-name: zoomInUp;
+}
+
+@keyframes zoomOut {
+  from {
+    opacity: 1;
+  }
+
+  50% {
+    opacity: 0;
+    transform: scale3d(.3, .3, .3);
+  }
+
+  to {
+    opacity: 0;
+  }
+}
+
+.zoomOut {
+  animation-name: zoomOut;
+}
+
+@keyframes zoomOutDown {
+  40% {
+    opacity: 1;
+    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+  }
+
+  to {
+    opacity: 0;
+    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
+    transform-origin: center bottom;
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+  }
+}
+
+.zoomOutDown {
+  animation-name: zoomOutDown;
+}
+
+@keyframes zoomOutLeft {
+  40% {
+    opacity: 1;
+    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
+  }
+
+  to {
+    opacity: 0;
+    transform: scale(.1) translate3d(-2000px, 0, 0);
+    transform-origin: left center;
+  }
+}
+
+.zoomOutLeft {
+  animation-name: zoomOutLeft;
+}
+
+@keyframes zoomOutRight {
+  40% {
+    opacity: 1;
+    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
+  }
+
+  to {
+    opacity: 0;
+    transform: scale(.1) translate3d(2000px, 0, 0);
+    transform-origin: right center;
+  }
+}
+
+.zoomOutRight {
+  animation-name: zoomOutRight;
+}
+
+@keyframes zoomOutUp {
+  40% {
+    opacity: 1;
+    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+  }
+
+  to {
+    opacity: 0;
+    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
+    transform-origin: center bottom;
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+  }
+}
+
+.zoomOutUp {
+  animation-name: zoomOutUp;
+}
+
+@keyframes slideInDown {
+  from {
+    transform: translate3d(0, -100%, 0);
+    visibility: visible;
+  }
+
+  to {
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.slideInDown {
+  animation-name: slideInDown;
+}
+
+@keyframes slideInLeft {
+  from {
+    transform: translate3d(-100%, 0, 0);
+    visibility: visible;
+  }
+
+  to {
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.slideInLeft {
+  animation-name: slideInLeft;
+}
+
+@keyframes slideInRight {
+  from {
+    transform: translate3d(100%, 0, 0);
+    visibility: visible;
+  }
+
+  to {
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.slideInRight {
+  animation-name: slideInRight;
+}
+
+@keyframes slideInUp {
+  from {
+    transform: translate3d(0, 100%, 0);
+    visibility: visible;
+  }
+
+  to {
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.slideInUp {
+  animation-name: slideInUp;
+}
+
+@keyframes slideOutDown {
+  from {
+    transform: translate3d(0, 0, 0);
+  }
+
+  to {
+    visibility: hidden;
+    transform: translate3d(0, 100%, 0);
+  }
+}
+
+.slideOutDown {
+  animation-name: slideOutDown;
+}
+
+@keyframes slideOutLeft {
+  from {
+    transform: translate3d(0, 0, 0);
+  }
+
+  to {
+    visibility: hidden;
+    transform: translate3d(-100%, 0, 0);
+  }
+}
+
+.slideOutLeft {
+  animation-name: slideOutLeft;
+}
+
+@keyframes slideOutRight {
+  from {
+    transform: translate3d(0, 0, 0);
+  }
+
+  to {
+    visibility: hidden;
+    transform: translate3d(100%, 0, 0);
+  }
+}
+
+.slideOutRight {
+  animation-name: slideOutRight;
+}
+
+@keyframes slideOutUp {
+  from {
+    transform: translate3d(0, 0, 0);
+  }
+
+  to {
+    visibility: hidden;
+    transform: translate3d(0, -100%, 0);
+  }
+}
+
+.slideOutUp {
+  animation-name: slideOutUp;
+}
+
+
+/*!
+ * Hover.css (http://ianlunn.github.io/Hover/)
+ * Version: 2.1.0
+ * Author: Ian Lunn @IanLunn
+ * Author URL: http://ianlunn.co.uk/
+ * Github: https://github.com/IanLunn/Hover
+
+ * Made available under a MIT License:
+ * http://www.opensource.org/licenses/mit-license.php
+
+ * Hover.css Copyright Ian Lunn 2014. Generated with Sass.
+ */
+/* 2D TRANSITIONS */
+/* Grow */
+.hvr-grow {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-property: transform;
+  transition-property: transform;
+}
+.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
+  -webkit-transform: scale(1.1);
+  transform: scale(1.1);
+}
+
+/* Shrink */
+.hvr-shrink {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-property: transform;
+  transition-property: transform;
+}
+.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
+  -webkit-transform: scale(0.9);
+  transform: scale(0.9);
+}
+
+/* Pulse */
+@-webkit-keyframes hvr-pulse {
+  25% {
+    -webkit-transform: scale(1.1);
+    transform: scale(1.1);
+  }
+  75% {
+    -webkit-transform: scale(0.9);
+    transform: scale(0.9);
+  }
+}
+@keyframes hvr-pulse {
+  25% {
+    -webkit-transform: scale(1.1);
+    transform: scale(1.1);
+  }
+  75% {
+    -webkit-transform: scale(0.9);
+    transform: scale(0.9);
+  }
+}
+.hvr-pulse {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+}
+.hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active {
+  -webkit-animation-name: hvr-pulse;
+  animation-name: hvr-pulse;
+  -webkit-animation-duration: 1s;
+  animation-duration: 1s;
+  -webkit-animation-timing-function: linear;
+  animation-timing-function: linear;
+  -webkit-animation-iteration-count: infinite;
+  animation-iteration-count: infinite;
+}
+
+/* Pulse Grow */
+@-webkit-keyframes hvr-pulse-grow {
+  to {
+    -webkit-transform: scale(1.1);
+    transform: scale(1.1);
+  }
+}
+@keyframes hvr-pulse-grow {
+  to {
+    -webkit-transform: scale(1.1);
+    transform: scale(1.1);
+  }
+}
+.hvr-pulse-grow {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+}
+.hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active {
+  -webkit-animation-name: hvr-pulse-grow;
+  animation-name: hvr-pulse-grow;
+  -webkit-animation-duration: 0.3s;
+  animation-duration: 0.3s;
+  -webkit-animation-timing-function: linear;
+  animation-timing-function: linear;
+  -webkit-animation-iteration-count: infinite;
+  animation-iteration-count: infinite;
+  -webkit-animation-direction: alternate;
+  animation-direction: alternate;
+}
+
+/* Pulse Shrink */
+@-webkit-keyframes hvr-pulse-shrink {
+  to {
+    -webkit-transform: scale(0.9);
+    transform: scale(0.9);
+  }
+}
+@keyframes hvr-pulse-shrink {
+  to {
+    -webkit-transform: scale(0.9);
+    transform: scale(0.9);
+  }
+}
+.hvr-pulse-shrink {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+}
+.hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active {
+  -webkit-animation-name: hvr-pulse-shrink;
+  animation-name: hvr-pulse-shrink;
+  -webkit-animation-duration: 0.3s;
+  animation-duration: 0.3s;
+  -webkit-animation-timing-function: linear;
+  animation-timing-function: linear;
+  -webkit-animation-iteration-count: infinite;
+  animation-iteration-count: infinite;
+  -webkit-animation-direction: alternate;
+  animation-direction: alternate;
+}
+
+/* Push */
+@-webkit-keyframes hvr-push {
+  50% {
+    -webkit-transform: scale(0.8);
+    transform: scale(0.8);
+  }
+  100% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+  }
+}
+@keyframes hvr-push {
+  50% {
+    -webkit-transform: scale(0.8);
+    transform: scale(0.8);
+  }
+  100% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+  }
+}
+.hvr-push {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+}
+.hvr-push:hover, .hvr-push:focus, .hvr-push:active {
+  -webkit-animation-name: hvr-push;
+  animation-name: hvr-push;
+  -webkit-animation-duration: 0.3s;
+  animation-duration: 0.3s;
+  -webkit-animation-timing-function: linear;
+  animation-timing-function: linear;
+  -webkit-animation-iteration-count: 1;
+  animation-iteration-count: 1;
+}
+
+/* Pop */
+@-webkit-keyframes hvr-pop {
+  50% {
+    -webkit-transform: scale(1.2);
+    transform: scale(1.2);
+  }
+}
+@keyframes hvr-pop {
+  50% {
+    -webkit-transform: scale(1.2);
+    transform: scale(1.2);
+  }
+}
+.hvr-pop {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+}
+.hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
+  -webkit-animation-name: hvr-pop;
+  animation-name: hvr-pop;
+  -webkit-animation-duration: 0.3s;
+  animation-duration: 0.3s;
+  -webkit-animation-timing-function: linear;
+  animation-timing-function: linear;
+  -webkit-animation-iteration-count: 1;
+  animation-iteration-count: 1;
+}
+
+/* Bounce In */
+.hvr-bounce-in {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  -webkit-transition-duration: 0.5s;
+  transition-duration: 0.5s;
+}
+.hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
+  -webkit-transform: scale(1.2);
+  transform: scale(1.2);
+  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
+  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
+}
+
+/* Bounce Out */
+.hvr-bounce-out {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  -webkit-transition-duration: 0.5s;
+  transition-duration: 0.5s;
+}
+.hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active {
+  -webkit-transform: scale(0.8);
+  transform: scale(0.8);
+  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
+  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
+}
+
+/* Rotate */
+.hvr-rotate {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-property: transform;
+  transition-property: transform;
+}
+.hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active {
+  -webkit-transform: rotate(4deg);
+  transform: rotate(4deg);
+}
+
+/* Grow Rotate */
+.hvr-grow-rotate {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-property: transform;
+  transition-property: transform;
+}
+.hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {
+  -webkit-transform: scale(1.1) rotate(4deg);
+  transform: scale(1.1) rotate(4deg);
+}
+
+/* Float */
+.hvr-float {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-property: transform;
+  transition-property: transform;
+  -webkit-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+}
+.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
+  -webkit-transform: translateY(-8px);
+  transform: translateY(-8px);
+}
+
+/* Sink */
+.hvr-sink {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-property: transform;
+  transition-property: transform;
+  -webkit-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+}
+.hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active {
+  -webkit-transform: translateY(8px);
+  transform: translateY(8px);
+}
+
+/* Bob */
+@-webkit-keyframes hvr-bob {
+  0% {
+    -webkit-transform: translateY(-8px);
+    transform: translateY(-8px);
+  }
+  50% {
+    -webkit-transform: translateY(-4px);
+    transform: translateY(-4px);
+  }
+  100% {
+    -webkit-transform: translateY(-8px);
+    transform: translateY(-8px);
+  }
+}
+@keyframes hvr-bob {
+  0% {
+    -webkit-transform: translateY(-8px);
+    transform: translateY(-8px);
+  }
+  50% {
+    -webkit-transform: translateY(-4px);
+    transform: translateY(-4px);
+  }
+  100% {
+    -webkit-transform: translateY(-8px);
+    transform: translateY(-8px);
+  }
+}
+@-webkit-keyframes hvr-bob-float {
+  100% {
+    -webkit-transform: translateY(-8px);
+    transform: translateY(-8px);
+  }
+}
+@keyframes hvr-bob-float {
+  100% {
+    -webkit-transform: translateY(-8px);
+    transform: translateY(-8px);
+  }
+}
+.hvr-bob {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+}
+.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
+  -webkit-animation-name: hvr-bob-float, hvr-bob;
+  animation-name: hvr-bob-float, hvr-bob;
+  -webkit-animation-duration: .3s, 1.5s;
+  animation-duration: .3s, 1.5s;
+  -webkit-animation-delay: 0s, .3s;
+  animation-delay: 0s, .3s;
+  -webkit-animation-timing-function: ease-out, ease-in-out;
+  animation-timing-function: ease-out, ease-in-out;
+  -webkit-animation-iteration-count: 1, infinite;
+  animation-iteration-count: 1, infinite;
+  -webkit-animation-fill-mode: forwards;
+  animation-fill-mode: forwards;
+  -webkit-animation-direction: normal, alternate;
+  animation-direction: normal, alternate;
+}
+
+/* Hang */
+@-webkit-keyframes hvr-hang {
+  0% {
+    -webkit-transform: translateY(8px);
+    transform: translateY(8px);
+  }
+  50% {
+    -webkit-transform: translateY(4px);
+    transform: translateY(4px);
+  }
+  100% {
+    -webkit-transform: translateY(8px);
+    transform: translateY(8px);
+  }
+}
+@keyframes hvr-hang {
+  0% {
+    -webkit-transform: translateY(8px);
+    transform: translateY(8px);
+  }
+  50% {
+    -webkit-transform: translateY(4px);
+    transform: translateY(4px);
+  }
+  100% {
+    -webkit-transform: translateY(8px);
+    transform: translateY(8px);
+  }
+}
+@-webkit-keyframes hvr-hang-sink {
+  100% {
+    -webkit-transform: translateY(8px);
+    transform: translateY(8px);
+  }
+}
+@keyframes hvr-hang-sink {
+  100% {
+    -webkit-transform: translateY(8px);
+    transform: translateY(8px);
+  }
+}
+.hvr-hang {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+}
+.hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active {
+  -webkit-animation-name: hvr-hang-sink, hvr-hang;
+  animation-name: hvr-hang-sink, hvr-hang;
+  -webkit-animation-duration: .3s, 1.5s;
+  animation-duration: .3s, 1.5s;
+  -webkit-animation-delay: 0s, .3s;
+  animation-delay: 0s, .3s;
+  -webkit-animation-timing-function: ease-out, ease-in-out;
+  animation-timing-function: ease-out, ease-in-out;
+  -webkit-animation-iteration-count: 1, infinite;
+  animation-iteration-count: 1, infinite;
+  -webkit-animation-fill-mode: forwards;
+  animation-fill-mode: forwards;
+  -webkit-animation-direction: normal, alternate;
+  animation-direction: normal, alternate;
+}
+
+/* Skew */
+.hvr-skew {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-property: transform;
+  transition-property: transform;
+}
+.hvr-skew:hover, .hvr-skew:focus, .hvr-skew:active {
+  -webkit-transform: skew(-10deg);
+  transform: skew(-10deg);
+}
+
+/* Skew Forward */
+.hvr-skew-forward {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-property: transform;
+  transition-property: transform;
+  -webkit-transform-origin: 0 100%;
+  transform-origin: 0 100%;
+}
+.hvr-skew-forward:hover, .hvr-skew-forward:focus, .hvr-skew-forward:active {
+  -webkit-transform: skew(-10deg);
+  transform: skew(-10deg);
+}
+
+/* Skew Backward */
+.hvr-skew-backward {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-property: transform;
+  transition-property: transform;
+  -webkit-transform-origin: 0 100%;
+  transform-origin: 0 100%;
+}
+.hvr-skew-backward:hover, .hvr-skew-backward:focus, .hvr-skew-backward:active {
+  -webkit-transform: skew(10deg);
+  transform: skew(10deg);
+}
+
+/* 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: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+}
+.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;
+}
+
+/* Wobble Horizontal */
+@-webkit-keyframes hvr-wobble-horizontal {
+  16.65% {
+    -webkit-transform: translateX(8px);
+    transform: translateX(8px);
+  }
+  33.3% {
+    -webkit-transform: translateX(-6px);
+    transform: translateX(-6px);
+  }
+  49.95% {
+    -webkit-transform: translateX(4px);
+    transform: translateX(4px);
+  }
+  66.6% {
+    -webkit-transform: translateX(-2px);
+    transform: translateX(-2px);
+  }
+  83.25% {
+    -webkit-transform: translateX(1px);
+    transform: translateX(1px);
+  }
+  100% {
+    -webkit-transform: translateX(0);
+    transform: translateX(0);
+  }
+}
+@keyframes hvr-wobble-horizontal {
+  16.65% {
+    -webkit-transform: translateX(8px);
+    transform: translateX(8px);
+  }
+  33.3% {
+    -webkit-transform: translateX(-6px);
+    transform: translateX(-6px);
+  }
+  49.95% {
+    -webkit-transform: translateX(4px);
+    transform: translateX(4px);
+  }
+  66.6% {
+    -webkit-transform: translateX(-2px);
+    transform: translateX(-2px);
+  }
+  83.25% {
+    -webkit-transform: translateX(1px);
+    transform: translateX(1px);
+  }
+  100% {
+    -webkit-transform: translateX(0);
+    transform: translateX(0);
+  }
+}
+.hvr-wobble-horizontal {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+}
+.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
+  -webkit-animation-name: hvr-wobble-horizontal;
+  animation-name: hvr-wobble-horizontal;
+  -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;
+}
+
+/* Wobble To Bottom Right */
+@-webkit-keyframes hvr-wobble-to-bottom-right {
+  16.65% {
+    -webkit-transform: translate(8px, 8px);
+    transform: translate(8px, 8px);
+  }
+  33.3% {
+    -webkit-transform: translate(-6px, -6px);
+    transform: translate(-6px, -6px);
+  }
+  49.95% {
+    -webkit-transform: translate(4px, 4px);
+    transform: translate(4px, 4px);
+  }
+  66.6% {
+    -webkit-transform: translate(-2px, -2px);
+    transform: translate(-2px, -2px);
+  }
+  83.25% {
+    -webkit-transform: translate(1px, 1px);
+    transform: translate(1px, 1px);
+  }
+  100% {
+    -webkit-transform: translate(0, 0);
+    transform: translate(0, 0);
+  }
+}
+@keyframes hvr-wobble-to-bottom-right {
+  16.65% {
+    -webkit-transform: translate(8px, 8px);
+    transform: translate(8px, 8px);
+  }
+  33.3% {
+    -webkit-transform: translate(-6px, -6px);
+    transform: translate(-6px, -6px);
+  }
+  49.95% {
+    -webkit-transform: translate(4px, 4px);
+    transform: translate(4px, 4px);
+  }
+  66.6% {
+    -webkit-transform: translate(-2px, -2px);
+    transform: translate(-2px, -2px);
+  }
+  83.25% {
+    -webkit-transform: translate(1px, 1px);
+    transform: translate(1px, 1px);
+  }
+  100% {
+    -webkit-transform: translate(0, 0);
+    transform: translate(0, 0);
+  }
+}
+.hvr-wobble-to-bottom-right {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+}
+.hvr-wobble-to-bottom-right:hover, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:active {
+  -webkit-animation-name: hvr-wobble-to-bottom-right;
+  animation-name: hvr-wobble-to-bottom-right;
+  -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;
+}
+
+/* Wobble To Top Right */
+@-webkit-keyframes hvr-wobble-to-top-right {
+  16.65% {
+    -webkit-transform: translate(8px, -8px);
+    transform: translate(8px, -8px);
+  }
+  33.3% {
+    -webkit-transform: translate(-6px, 6px);
+    transform: translate(-6px, 6px);
+  }
+  49.95% {
+    -webkit-transform: translate(4px, -4px);
+    transform: translate(4px, -4px);
+  }
+  66.6% {
+    -webkit-transform: translate(-2px, 2px);
+    transform: translate(-2px, 2px);
+  }
+  83.25% {
+    -webkit-transform: translate(1px, -1px);
+    transform: translate(1px, -1px);
+  }
+  100% {
+    -webkit-transform: translate(0, 0);
+    transform: translate(0, 0);
+  }
+}
+@keyframes hvr-wobble-to-top-right {
+  16.65% {
+    -webkit-transform: translate(8px, -8px);
+    transform: translate(8px, -8px);
+  }
+  33.3% {
+    -webkit-transform: translate(-6px, 6px);
+    transform: translate(-6px, 6px);
+  }
+  49.95% {
+    -webkit-transform: translate(4px, -4px);
+    transform: translate(4px, -4px);
+  }
+  66.6% {
+    -webkit-transform: translate(-2px, 2px);
+    transform: translate(-2px, 2px);
+  }
+  83.25% {
+    -webkit-transform: translate(1px, -1px);
+    transform: translate(1px, -1px);
+  }
+  100% {
+    -webkit-transform: translate(0, 0);
+    transform: translate(0, 0);
+  }
+}
+.hvr-wobble-to-top-right {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+}
+.hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active {
+  -webkit-animation-name: hvr-wobble-to-top-right;
+  animation-name: hvr-wobble-to-top-right;
+  -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;
+}
+
+/* Wobble Top */
+@-webkit-keyframes hvr-wobble-top {
+  16.65% {
+    -webkit-transform: skew(-12deg);
+    transform: skew(-12deg);
+  }
+  33.3% {
+    -webkit-transform: skew(10deg);
+    transform: skew(10deg);
+  }
+  49.95% {
+    -webkit-transform: skew(-6deg);
+    transform: skew(-6deg);
+  }
+  66.6% {
+    -webkit-transform: skew(4deg);
+    transform: skew(4deg);
+  }
+  83.25% {
+    -webkit-transform: skew(-2deg);
+    transform: skew(-2deg);
+  }
+  100% {
+    -webkit-transform: skew(0);
+    transform: skew(0);
+  }
+}
+@keyframes hvr-wobble-top {
+  16.65% {
+    -webkit-transform: skew(-12deg);
+    transform: skew(-12deg);
+  }
+  33.3% {
+    -webkit-transform: skew(10deg);
+    transform: skew(10deg);
+  }
+  49.95% {
+    -webkit-transform: skew(-6deg);
+    transform: skew(-6deg);
+  }
+  66.6% {
+    -webkit-transform: skew(4deg);
+    transform: skew(4deg);
+  }
+  83.25% {
+    -webkit-transform: skew(-2deg);
+    transform: skew(-2deg);
+  }
+  100% {
+    -webkit-transform: skew(0);
+    transform: skew(0);
+  }
+}
+.hvr-wobble-top {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  -webkit-transform-origin: 0 100%;
+  transform-origin: 0 100%;
+}
+.hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active {
+  -webkit-animation-name: hvr-wobble-top;
+  animation-name: hvr-wobble-top;
+  -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;
+}
+
+/* Wobble Bottom */
+@-webkit-keyframes hvr-wobble-bottom {
+  16.65% {
+    -webkit-transform: skew(-12deg);
+    transform: skew(-12deg);
+  }
+  33.3% {
+    -webkit-transform: skew(10deg);
+    transform: skew(10deg);
+  }
+  49.95% {
+    -webkit-transform: skew(-6deg);
+    transform: skew(-6deg);
+  }
+  66.6% {
+    -webkit-transform: skew(4deg);
+    transform: skew(4deg);
+  }
+  83.25% {
+    -webkit-transform: skew(-2deg);
+    transform: skew(-2deg);
+  }
+  100% {
+    -webkit-transform: skew(0);
+    transform: skew(0);
+  }
+}
+@keyframes hvr-wobble-bottom {
+  16.65% {
+    -webkit-transform: skew(-12deg);
+    transform: skew(-12deg);
+  }
+  33.3% {
+    -webkit-transform: skew(10deg);
+    transform: skew(10deg);
+  }
+  49.95% {
+    -webkit-transform: skew(-6deg);
+    transform: skew(-6deg);
+  }
+  66.6% {
+    -webkit-transform: skew(4deg);
+    transform: skew(4deg);
+  }
+  83.25% {
+    -webkit-transform: skew(-2deg);
+    transform: skew(-2deg);
+  }
+  100% {
+    -webkit-transform: skew(0);
+    transform: skew(0);
+  }
+}
+.hvr-wobble-bottom {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  -webkit-transform-origin: 100% 0;
+  transform-origin: 100% 0;
+}
+.hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active {
+  -webkit-animation-name: hvr-wobble-bottom;
+  animation-name: hvr-wobble-bottom;
+  -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;
+}
+
+/* Wobble Skew */
+@-webkit-keyframes hvr-wobble-skew {
+  16.65% {
+    -webkit-transform: skew(-12deg);
+    transform: skew(-12deg);
+  }
+  33.3% {
+    -webkit-transform: skew(10deg);
+    transform: skew(10deg);
+  }
+  49.95% {
+    -webkit-transform: skew(-6deg);
+    transform: skew(-6deg);
+  }
+  66.6% {
+    -webkit-transform: skew(4deg);
+    transform: skew(4deg);
+  }
+  83.25% {
+    -webkit-transform: skew(-2deg);
+    transform: skew(-2deg);
+  }
+  100% {
+    -webkit-transform: skew(0);
+    transform: skew(0);
+  }
+}
+@keyframes hvr-wobble-skew {
+  16.65% {
+    -webkit-transform: skew(-12deg);
+    transform: skew(-12deg);
+  }
+  33.3% {
+    -webkit-transform: skew(10deg);
+    transform: skew(10deg);
+  }
+  49.95% {
+    -webkit-transform: skew(-6deg);
+    transform: skew(-6deg);
+  }
+  66.6% {
+    -webkit-transform: skew(4deg);
+    transform: skew(4deg);
+  }
+  83.25% {
+    -webkit-transform: skew(-2deg);
+    transform: skew(-2deg);
+  }
+  100% {
+    -webkit-transform: skew(0);
+    transform: skew(0);
+  }
+}
+.hvr-wobble-skew {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+}
+.hvr-wobble-skew:hover, .hvr-wobble-skew:focus, .hvr-wobble-skew:active {
+  -webkit-animation-name: hvr-wobble-skew;
+  animation-name: hvr-wobble-skew;
+  -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;
+}
+
+/* Buzz */
+@-webkit-keyframes hvr-buzz {
+  50% {
+    -webkit-transform: translateX(3px) rotate(2deg);
+    transform: translateX(3px) rotate(2deg);
+  }
+  100% {
+    -webkit-transform: translateX(-3px) rotate(-2deg);
+    transform: translateX(-3px) rotate(-2deg);
+  }
+}
+@keyframes hvr-buzz {
+  50% {
+    -webkit-transform: translateX(3px) rotate(2deg);
+    transform: translateX(3px) rotate(2deg);
+  }
+  100% {
+    -webkit-transform: translateX(-3px) rotate(-2deg);
+    transform: translateX(-3px) rotate(-2deg);
+  }
+}
+.hvr-buzz {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+}
+.hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active {
+  -webkit-animation-name: hvr-buzz;
+  animation-name: hvr-buzz;
+  -webkit-animation-duration: 0.15s;
+  animation-duration: 0.15s;
+  -webkit-animation-timing-function: linear;
+  animation-timing-function: linear;
+  -webkit-animation-iteration-count: infinite;
+  animation-iteration-count: infinite;
+}
+
+/* Buzz Out */
+@-webkit-keyframes hvr-buzz-out {
+  10% {
+    -webkit-transform: translateX(3px) rotate(2deg);
+    transform: translateX(3px) rotate(2deg);
+  }
+  20% {
+    -webkit-transform: translateX(-3px) rotate(-2deg);
+    transform: translateX(-3px) rotate(-2deg);
+  }
+  30% {
+    -webkit-transform: translateX(3px) rotate(2deg);
+    transform: translateX(3px) rotate(2deg);
+  }
+  40% {
+    -webkit-transform: translateX(-3px) rotate(-2deg);
+    transform: translateX(-3px) rotate(-2deg);
+  }
+  50% {
+    -webkit-transform: translateX(2px) rotate(1deg);
+    transform: translateX(2px) rotate(1deg);
+  }
+  60% {
+    -webkit-transform: translateX(-2px) rotate(-1deg);
+    transform: translateX(-2px) rotate(-1deg);
+  }
+  70% {
+    -webkit-transform: translateX(2px) rotate(1deg);
+    transform: translateX(2px) rotate(1deg);
+  }
+  80% {
+    -webkit-transform: translateX(-2px) rotate(-1deg);
+    transform: translateX(-2px) rotate(-1deg);
+  }
+  90% {
+    -webkit-transform: translateX(1px) rotate(0);
+    transform: translateX(1px) rotate(0);
+  }
+  100% {
+    -webkit-transform: translateX(-1px) rotate(0);
+    transform: translateX(-1px) rotate(0);
+  }
+}
+@keyframes hvr-buzz-out {
+  10% {
+    -webkit-transform: translateX(3px) rotate(2deg);
+    transform: translateX(3px) rotate(2deg);
+  }
+  20% {
+    -webkit-transform: translateX(-3px) rotate(-2deg);
+    transform: translateX(-3px) rotate(-2deg);
+  }
+  30% {
+    -webkit-transform: translateX(3px) rotate(2deg);
+    transform: translateX(3px) rotate(2deg);
+  }
+  40% {
+    -webkit-transform: translateX(-3px) rotate(-2deg);
+    transform: translateX(-3px) rotate(-2deg);
+  }
+  50% {
+    -webkit-transform: translateX(2px) rotate(1deg);
+    transform: translateX(2px) rotate(1deg);
+  }
+  60% {
+    -webkit-transform: translateX(-2px) rotate(-1deg);
+    transform: translateX(-2px) rotate(-1deg);
+  }
+  70% {
+    -webkit-transform: translateX(2px) rotate(1deg);
+    transform: translateX(2px) rotate(1deg);
+  }
+  80% {
+    -webkit-transform: translateX(-2px) rotate(-1deg);
+    transform: translateX(-2px) rotate(-1deg);
+  }
+  90% {
+    -webkit-transform: translateX(1px) rotate(0);
+    transform: translateX(1px) rotate(0);
+  }
+  100% {
+    -webkit-transform: translateX(-1px) rotate(0);
+    transform: translateX(-1px) rotate(0);
+  }
+}
+.hvr-buzz-out {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+}
+.hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
+  -webkit-animation-name: hvr-buzz-out;
+  animation-name: hvr-buzz-out;
+  -webkit-animation-duration: 0.75s;
+  animation-duration: 0.75s;
+  -webkit-animation-timing-function: linear;
+  animation-timing-function: linear;
+  -webkit-animation-iteration-count: 1;
+  animation-iteration-count: 1;
+}
+
+/* Forward */
+.hvr-forward {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-property: transform;
+  transition-property: transform;
+}
+.hvr-forward:hover, .hvr-forward:focus, .hvr-forward:active {
+  -webkit-transform: translateX(8px);
+  transform: translateX(8px);
+}
+
+/* Backward */
+.hvr-backward {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-property: transform;
+  transition-property: transform;
+}
+.hvr-backward:hover, .hvr-backward:focus, .hvr-backward:active {
+  -webkit-transform: translateX(-8px);
+  transform: translateX(-8px);
+}
+
+/* BACKGROUND TRANSITIONS */
+/* Fade */
+.hvr-fade {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  overflow: hidden;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-property: color, background-color;
+  transition-property: color, background-color;
+}
+.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
+  background-color: #2098D1;
+  color: white;
+}
+
+/* Back Pulse */
+@-webkit-keyframes hvr-back-pulse {
+  50% {
+    background-color: rgba(32, 152, 209, 0.75);
+  }
+}
+@keyframes hvr-back-pulse {
+  50% {
+    background-color: rgba(32, 152, 209, 0.75);
+  }
+}
+.hvr-back-pulse {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  overflow: hidden;
+  -webkit-transition-duration: 0.5s;
+  transition-duration: 0.5s;
+  -webkit-transition-property: color, background-color;
+  transition-property: color, background-color;
+}
+.hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active {
+  -webkit-animation-name: hvr-back-pulse;
+  animation-name: hvr-back-pulse;
+  -webkit-animation-duration: 1s;
+  animation-duration: 1s;
+  -webkit-animation-delay: 0.5s;
+  animation-delay: 0.5s;
+  -webkit-animation-timing-function: linear;
+  animation-timing-function: linear;
+  -webkit-animation-iteration-count: infinite;
+  animation-iteration-count: infinite;
+  background-color: #2098D1;
+  background-color: #2098d1;
+  color: white;
+}
+
+/* Sweep To Right */
+.hvr-sweep-to-right {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+  -webkit-transition-property: color;
+  transition-property: color;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+}
+.hvr-sweep-to-right:before {
+  content: "";
+  position: absolute;
+  z-index: -1;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: #2098D1;
+  -webkit-transform: scaleX(0);
+  transform: scaleX(0);
+  -webkit-transform-origin: 0 50%;
+  transform-origin: 0 50%;
+  -webkit-transition-property: transform;
+  transition-property: transform;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+}
+.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
+  color: white;
+}
+.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
+  -webkit-transform: scaleX(1);
+  transform: scaleX(1);
+}
+
+/* Sweep To Left */
+.hvr-sweep-to-left {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+  -webkit-transition-property: color;
+  transition-property: color;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+}
+.hvr-sweep-to-left:before {
+  content: "";
+  position: absolute;
+  z-index: -1;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: #2098D1;
+  -webkit-transform: scaleX(0);
+  transform: scaleX(0);
+  -webkit-transform-origin: 100% 50%;
+  transform-origin: 100% 50%;
+  -webkit-transition-property: transform;
+  transition-property: transform;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+}
+.hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active {
+  color: white;
+}
+.hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before {
+  -webkit-transform: scaleX(1);
+  transform: scaleX(1);
+}
+
+/* Sweep To Bottom */
+.hvr-sweep-to-bottom {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+  -webkit-transition-property: color;
+  transition-property: color;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+}
+.hvr-sweep-to-bottom:before {
+  content: "";
+  position: absolute;
+  z-index: -1;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: #2098D1;
+  -webkit-transform: scaleY(0);
+  transform: scaleY(0);
+  -webkit-transform-origin: 50% 0;
+  transform-origin: 50% 0;
+  -webkit-transition-property: transform;
+  transition-property: transform;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+}
+.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {
+  color: white;
+}
+.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
+  -webkit-transform: scaleY(1);
+  transform: scaleY(1);
+}
+
+/* Sweep To Top */
+.hvr-sweep-to-top {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+  -webkit-transition-property: color;
+  transition-property: color;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+}
+.hvr-sweep-to-top:before {
+  content: "";
+  position: absolute;
+  z-index: -1;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: #2098D1;
+  -webkit-transform: scaleY(0);
+  transform: scaleY(0);
+  -webkit-transform-origin: 50% 100%;
+  transform-origin: 50% 100%;
+  -webkit-transition-property: transform;
+  transition-property: transform;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+}
+.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
+  color: white;
+}
+.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
+  -webkit-transform: scaleY(1);
+  transform: scaleY(1);
+}
+
+/* Bounce To Right */
+.hvr-bounce-to-right {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+  -webkit-transition-property: color;
+  transition-property: color;
+  -webkit-transition-duration: 0.5s;
+  transition-duration: 0.5s;
+}
+.hvr-bounce-to-right:before {
+  content: "";
+  position: absolute;
+  z-index: -1;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: #2098D1;
+  -webkit-transform: scaleX(0);
+  transform: scaleX(0);
+  -webkit-transform-origin: 0 50%;
+  transform-origin: 0 50%;
+  -webkit-transition-property: transform;
+  transition-property: transform;
+  -webkit-transition-duration: 0.5s;
+  transition-duration: 0.5s;
+  -webkit-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+}
+.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
+  color: white;
+}
+.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
+  -webkit-transform: scaleX(1);
+  transform: scaleX(1);
+  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
+  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
+}
+
+/* Bounce To Left */
+.hvr-bounce-to-left {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+  -webkit-transition-property: color;
+  transition-property: color;
+  -webkit-transition-duration: 0.5s;
+  transition-duration: 0.5s;
+}
+.hvr-bounce-to-left:before {
+  content: "";
+  position: absolute;
+  z-index: -1;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: #2098D1;
+  -webkit-transform: scaleX(0);
+  transform: scaleX(0);
+  -webkit-transform-origin: 100% 50%;
+  transform-origin: 100% 50%;
+  -webkit-transition-property: transform;
+  transition-property: transform;
+  -webkit-transition-duration: 0.5s;
+  transition-duration: 0.5s;
+  -webkit-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+}
+.hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active {
+  color: white;
+}
+.hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before {
+  -webkit-transform: scaleX(1);
+  transform: scaleX(1);
+  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
+  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
+}
+
+/* Bounce To Bottom */
+.hvr-bounce-to-bottom {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+  -webkit-transition-property: color;
+  transition-property: color;
+  -webkit-transition-duration: 0.5s;
+  transition-duration: 0.5s;
+}
+.hvr-bounce-to-bottom:before {
+  content: "";
+  position: absolute;
+  z-index: -1;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: #2098D1;
+  -webkit-transform: scaleY(0);
+  transform: scaleY(0);
+  -webkit-transform-origin: 50% 0;
+  transform-origin: 50% 0;
+  -webkit-transition-property: transform;
+  transition-property: transform;
+  -webkit-transition-duration: 0.5s;
+  transition-duration: 0.5s;
+  -webkit-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+}
+.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
+  color: white;
+}
+.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
+  -webkit-transform: scaleY(1);
+  transform: scaleY(1);
+  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
+  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
+}
+
+/* Bounce To Top */
+.hvr-bounce-to-top {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+  -webkit-transition-property: color;
+  transition-property: color;
+  -webkit-transition-duration: 0.5s;
+  transition-duration: 0.5s;
+}
+.hvr-bounce-to-top:before {
+  content: "";
+  position: absolute;
+  z-index: -1;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: #2098D1;
+  -webkit-transform: scaleY(0);
+  transform: scaleY(0);
+  -webkit-transform-origin: 50% 100%;
+  transform-origin: 50% 100%;
+  -webkit-transition-property: transform;
+  transition-property: transform;
+  -webkit-transition-duration: 0.5s;
+  transition-duration: 0.5s;
+  -webkit-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+}
+.hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {
+  color: white;
+}
+.hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
+  -webkit-transform: scaleY(1);
+  transform: scaleY(1);
+  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
+  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
+}
+
+/* Radial Out */
+.hvr-radial-out {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+  overflow: hidden;
+  background: #e1e1e1;
+  -webkit-transition-property: color;
+  transition-property: color;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+}
+.hvr-radial-out:before {
+  content: "";
+  position: absolute;
+  z-index: -1;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: #2098D1;
+  border-radius: 100%;
+  -webkit-transform: scale(0);
+  transform: scale(0);
+  -webkit-transition-property: transform;
+  transition-property: transform;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+}
+.hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {
+  color: white;
+}
+.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {
+  -webkit-transform: scale(2);
+  transform: scale(2);
+}
+
+/* Radial In */
+.hvr-radial-in {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+  overflow: hidden;
+  background: #2098D1;
+  -webkit-transition-property: color;
+  transition-property: color;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+}
+.hvr-radial-in:before {
+  content: "";
+  position: absolute;
+  z-index: -1;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: #e1e1e1;
+  border-radius: 100%;
+  -webkit-transform: scale(2);
+  transform: scale(2);
+  -webkit-transition-property: transform;
+  transition-property: transform;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+}
+.hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active {
+  color: white;
+}
+.hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before {
+  -webkit-transform: scale(0);
+  transform: scale(0);
+}
+
+/* Rectangle In */
+.hvr-rectangle-in {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+  background: #2098D1;
+  -webkit-transition-property: color;
+  transition-property: color;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+}
+.hvr-rectangle-in:before {
+  content: "";
+  position: absolute;
+  z-index: -1;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: #e1e1e1;
+  -webkit-transform: scale(1);
+  transform: scale(1);
+  -webkit-transition-property: transform;
+  transition-property: transform;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+}
+.hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active {
+  color: white;
+}
+.hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before {
+  -webkit-transform: scale(0);
+  transform: scale(0);
+}
+
+/* Rectangle Out */
+.hvr-rectangle-out {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+  background: #e1e1e1;
+  -webkit-transition-property: color;
+  transition-property: color;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+}
+.hvr-rectangle-out:before {
+  content: "";
+  position: absolute;
+  z-index: -1;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: #2098D1;
+  -webkit-transform: scale(0);
+  transform: scale(0);
+  -webkit-transition-property: transform;
+  transition-property: transform;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+}
+.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
+  color: white;
+}
+.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
+  -webkit-transform: scale(1);
+  transform: scale(1);
+}
+
+/* Shutter In Horizontal */
+.hvr-shutter-in-horizontal {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+  background: #2098D1;
+  -webkit-transition-property: color;
+  transition-property: color;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+}
+.hvr-shutter-in-horizontal:before {
+  content: "";
+  position: absolute;
+  z-index: -1;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background: #e1e1e1;
+  -webkit-transform: scaleX(1);
+  transform: scaleX(1);
+  -webkit-transform-origin: 50%;
+  transform-origin: 50%;
+  -webkit-transition-property: transform;
+  transition-property: transform;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+}
+.hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
+  color: white;
+}
+.hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
+  -webkit-transform: scaleX(0);
+  transform: scaleX(0);
+}
+
+/* Shutter Out Horizontal */
+.hvr-shutter-out-horizontal {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+  background: #e1e1e1;
+  -webkit-transition-property: color;
+  transition-property: color;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+}
+.hvr-shutter-out-horizontal:before {
+  content: "";
+  position: absolute;
+  z-index: -1;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background: #2098D1;
+  -webkit-transform: scaleX(0);
+  transform: scaleX(0);
+  -webkit-transform-origin: 50%;
+  transform-origin: 50%;
+  -webkit-transition-property: transform;
+  transition-property: transform;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+}
+.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
+  color: white;
+}
+.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
+  -webkit-transform: scaleX(1);
+  transform: scaleX(1);
+}
+
+/* Shutter In Vertical */
+.hvr-shutter-in-vertical {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+  background: #2098D1;
+  -webkit-transition-property: color;
+  transition-property: color;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+}
+.hvr-shutter-in-vertical:before {
+  content: "";
+  position: absolute;
+  z-index: -1;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background: #e1e1e1;
+  -webkit-transform: scaleY(1);
+  transform: scaleY(1);
+  -webkit-transform-origin: 50%;
+  transform-origin: 50%;
+  -webkit-transition-property: transform;
+  transition-property: transform;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+}
+.hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {
+  color: white;
+}
+.hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before {
+  -webkit-transform: scaleY(0);
+  transform: scaleY(0);
+}
+
+/* Shutter Out Vertical */
+.hvr-shutter-out-vertical {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+  background: #e1e1e1;
+  -webkit-transition-property: color;
+  transition-property: color;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+}
+.hvr-shutter-out-vertical:before {
+  content: "";
+  position: absolute;
+  z-index: -1;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background: #2098D1;
+  -webkit-transform: scaleY(0);
+  transform: scaleY(0);
+  -webkit-transform-origin: 50%;
+  transform-origin: 50%;
+  -webkit-transition-property: transform;
+  transition-property: transform;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+}
+.hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active {
+  color: white;
+}
+.hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {
+  -webkit-transform: scaleY(1);
+  transform: scaleY(1);
+}
+
+/* BORDER TRANSITIONS */
+/* Border Fade */
+.hvr-border-fade {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-property: box-shadow;
+  transition-property: box-shadow;
+  box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent;
+  /* Hack to improve aliasing on mobile/tablet devices */
+}
+.hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active {
+  box-shadow: inset 0 0 0 4px #2098D1, 0 0 1px transparent;
+  /* Hack to improve aliasing on mobile/tablet devices */
+}
+
+/* Hollow */
+.hvr-hollow {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-property: background;
+  transition-property: background;
+  box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent;
+  /* Hack to improve aliasing on mobile/tablet devices */
+}
+.hvr-hollow:hover, .hvr-hollow:focus, .hvr-hollow:active {
+  background: none;
+}
+
+/* Trim */
+.hvr-trim {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+}
+.hvr-trim:before {
+  content: '';
+  position: absolute;
+  border: white solid 4px;
+  top: 4px;
+  left: 4px;
+  right: 4px;
+  bottom: 4px;
+  opacity: 0;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-property: opacity;
+  transition-property: opacity;
+}
+.hvr-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before {
+  opacity: 1;
+}
+
+/* Ripple Out */
+@-webkit-keyframes hvr-ripple-out {
+  100% {
+    top: -12px;
+    right: -12px;
+    bottom: -12px;
+    left: -12px;
+    opacity: 0;
+  }
+}
+@keyframes hvr-ripple-out {
+  100% {
+    top: -12px;
+    right: -12px;
+    bottom: -12px;
+    left: -12px;
+    opacity: 0;
+  }
+}
+.hvr-ripple-out {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+}
+.hvr-ripple-out:before {
+  content: '';
+  position: absolute;
+  border: #e1e1e1 solid 6px;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  -webkit-animation-duration: 1s;
+  animation-duration: 1s;
+}
+.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
+  -webkit-animation-name: hvr-ripple-out;
+  animation-name: hvr-ripple-out;
+}
+
+/* Ripple In */
+@-webkit-keyframes hvr-ripple-in {
+  100% {
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    opacity: 1;
+  }
+}
+@keyframes hvr-ripple-in {
+  100% {
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    opacity: 1;
+  }
+}
+.hvr-ripple-in {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+}
+.hvr-ripple-in:before {
+  content: '';
+  position: absolute;
+  border: #e1e1e1 solid 4px;
+  top: -12px;
+  right: -12px;
+  bottom: -12px;
+  left: -12px;
+  opacity: 0;
+  -webkit-animation-duration: 1s;
+  animation-duration: 1s;
+}
+.hvr-ripple-in:hover:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:active:before {
+  -webkit-animation-name: hvr-ripple-in;
+  animation-name: hvr-ripple-in;
+}
+
+/* Outline Out */
+.hvr-outline-out {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+}
+.hvr-outline-out:before {
+  content: '';
+  position: absolute;
+  border: #e1e1e1 solid 4px;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-property: top, right, bottom, left;
+  transition-property: top, right, bottom, left;
+}
+.hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before {
+  top: -8px;
+  right: -8px;
+  bottom: -8px;
+  left: -8px;
+}
+
+/* Outline In */
+.hvr-outline-in {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+}
+.hvr-outline-in:before {
+  pointer-events: none;
+  content: '';
+  position: absolute;
+  border: #e1e1e1 solid 4px;
+  top: -16px;
+  right: -16px;
+  bottom: -16px;
+  left: -16px;
+  opacity: 0;
+  -webkit-transition-duration: 0.3s;
+
+  transition-duration: 0.3s;
+  -webkit-transition-property: top, right, bottom, left;
+  transition-property: top, right, bottom, left;
+}
+.hvr-outline-in:hover:before, .hvr-outline-in:focus:before, .hvr-outline-in:active:before {
+  top: -8px;
+  right: -8px;
+  bottom: -8px;
+  left: -8px;
+  opacity: 1;
+}
+
+/* Round Corners */
+.hvr-round-corners {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-property: border-radius;
+  transition-property: border-radius;
+}
+.hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active {
+  border-radius: 1em;
+}
+
+/* Underline From Left */
+.hvr-underline-from-left {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+  overflow: hidden;
+}
+.hvr-underline-from-left:before {
+  content: "";
+  position: absolute;
+  z-index: -1;
+  left: 0;
+  right: 100%;
+  bottom: 0;
+  background: #2098D1;
+  height: 4px;
+  -webkit-transition-property: right;
+  transition-property: right;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+}
+.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
+  right: 0;
+}
+
+/* Underline From Center */
+.hvr-underline-from-center {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+  overflow: hidden;
+}
+.hvr-underline-from-center:before {
+  content: "";
+  position: absolute;
+  z-index: -1;
+  left: 50%;
+  right: 50%;
+  bottom: 0;
+  background: #2098D1;
+  height: 4px;
+  -webkit-transition-property: left, right;
+  transition-property: left, right;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+}
+.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
+  left: 0;
+  right: 0;
+}
+
+/* Underline From Right */
+.hvr-underline-from-right {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+  overflow: hidden;
+}
+.hvr-underline-from-right:before {
+  content: "";
+  position: absolute;
+  z-index: -1;
+  left: 100%;
+  right: 0;
+  bottom: 0;
+  background: #2098D1;
+  height: 4px;
+  -webkit-transition-property: left;
+  transition-property: left;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+}
+.hvr-underline-from-right:hover:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:active:before {
+  left: 0;
+}
+
+/* Overline From Left */
+.hvr-overline-from-left {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+  overflow: hidden;
+}
+.hvr-overline-from-left:before {
+  content: "";
+  position: absolute;
+  z-index: -1;
+  left: 0;
+  right: 100%;
+  top: 0;
+  background: #2098D1;
+  height: 4px;
+  -webkit-transition-property: right;
+  transition-property: right;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+}
+.hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before {
+  right: 0;
+}
+
+/* Overline From Center */
+.hvr-overline-from-center {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+  overflow: hidden;
+}
+.hvr-overline-from-center:before {
+  content: "";
+  position: absolute;
+  z-index: -1;
+  left: 50%;
+  right: 50%;
+  top: 0;
+  background: #2098D1;
+  height: 4px;
+  -webkit-transition-property: left, right;
+  transition-property: left, right;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+}
+.hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before {
+  left: 0;
+  right: 0;
+}
+
+/* Overline From Right */
+.hvr-overline-from-right {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+  overflow: hidden;
+}
+.hvr-overline-from-right:before {
+  content: "";
+  position: absolute;
+  z-index: -1;
+  left: 100%;
+  right: 0;
+  top: 0;
+  background: #2098D1;
+  height: 4px;
+  -webkit-transition-property: left;
+  transition-property: left;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+}
+.hvr-overline-from-right:hover:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:active:before {
+  left: 0;
+}
+
+/* Reveal */
+.hvr-reveal {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+  overflow: hidden;
+}
+.hvr-reveal:before {
+  content: "";
+  position: absolute;
+  z-index: -1;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  border-color: #2098D1;
+  border-style: solid;
+  border-width: 0;
+  -webkit-transition-property: border-width;
+  transition-property: border-width;
+  -webkit-transition-duration: 0.1s;
+  transition-duration: 0.1s;
+  -webkit-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+}
+.hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before {
+  -webkit-transform: translateY(0);
+  transform: translateY(0);
+  border-width: 4px;
+}
+
+/* Underline Reveal */
+.hvr-underline-reveal {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+  overflow: hidden;
+}
+.hvr-underline-reveal:before {
+  content: "";
+  position: absolute;
+  z-index: -1;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: #2098D1;
+  height: 4px;
+  -webkit-transform: translateY(4px);
+  transform: translateY(4px);
+  -webkit-transition-property: transform;
+  transition-property: transform;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+}
+.hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
+  -webkit-transform: translateY(0);
+  transform: translateY(0);
+}
+
+/* Overline Reveal */
+.hvr-overline-reveal {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+  overflow: hidden;
+}
+.hvr-overline-reveal:before {
+  content: "";
+  position: absolute;
+  z-index: -1;
+  left: 0;
+  right: 0;
+  top: 0;
+  background: #2098D1;
+  height: 4px;
+  -webkit-transform: translateY(-4px);
+  transform: translateY(-4px);
+  -webkit-transition-property: transform;
+  transition-property: transform;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+}
+.hvr-overline-reveal:hover:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:active:before {
+  -webkit-transform: translateY(0);
+  transform: translateY(0);
+}
+
+/* SHADOW/GLOW TRANSITIONS */
+/* Glow */
+.hvr-glow {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-property: box-shadow;
+  transition-property: box-shadow;
+}
+.hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active {
+  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
+}
+
+/* Shadow */
+.hvr-shadow {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-property: box-shadow;
+  transition-property: box-shadow;
+}
+.hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active {
+  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
+}
+
+/* Grow Shadow */
+.hvr-grow-shadow {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-property: box-shadow, transform;
+  transition-property: box-shadow, transform;
+}
+.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
+  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
+  -webkit-transform: scale(1.1);
+  transform: scale(1.1);
+}
+
+/* Box Shadow Outset */
+.hvr-box-shadow-outset {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-property: box-shadow;
+  transition-property: box-shadow;
+}
+.hvr-box-shadow-outset:hover, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:active {
+  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
+}
+
+/* Box Shadow Inset */
+.hvr-box-shadow-inset {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-property: box-shadow;
+  transition-property: box-shadow;
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px transparent;
+  /* Hack to improve aliasing on mobile/tablet devices */
+}
+.hvr-box-shadow-inset:hover, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:active {
+  box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px transparent;
+  /* Hack to improve aliasing on mobile/tablet devices */
+}
+
+/* Float Shadow */
+.hvr-float-shadow {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-property: transform;
+  transition-property: transform;
+}
+.hvr-float-shadow:before {
+  pointer-events: none;
+  position: absolute;
+  z-index: -1;
+  content: '';
+  top: 100%;
+  left: 5%;
+  height: 10px;
+  width: 90%;
+  opacity: 0;
+  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
+  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
+  /* W3C */
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-property: transform, opacity;
+  transition-property: transform, opacity;
+}
+.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
+  -webkit-transform: translateY(-5px);
+  transform: translateY(-5px);
+  /* move the element up by 5px */
+}
+.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
+  opacity: 1;
+  -webkit-transform: translateY(5px);
+  transform: translateY(5px);
+  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
+}
+
+/* Shadow Radial */
+.hvr-shadow-radial {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+}
+.hvr-shadow-radial:before, .hvr-shadow-radial:after {
+  pointer-events: none;
+  position: absolute;
+  content: '';
+  left: 0;
+  width: 100%;
+  box-sizing: border-box;
+  background-repeat: no-repeat;
+  height: 5px;
+  opacity: 0;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-property: opacity;
+  transition-property: opacity;
+}
+.hvr-shadow-radial:before {
+  bottom: 100%;
+  background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
+  background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
+}
+.hvr-shadow-radial:after {
+  top: 100%;
+  background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
+  background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
+}
+.hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after {
+  opacity: 1;
+}
+
+/* SPEECH BUBBLES */
+/* Bubble Top */
+.hvr-bubble-top {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+}
+.hvr-bubble-top:before {
+  pointer-events: none;
+  position: absolute;
+  z-index: -1;
+  content: '';
+  border-style: solid;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-property: transform;
+  transition-property: transform;
+  left: calc(50% - 10px);
+  top: 0;
+  border-width: 0 10px 10px 10px;
+  border-color: transparent transparent #e1e1e1 transparent;
+}
+.hvr-bubble-top:hover:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:active:before {
+  -webkit-transform: translateY(-10px);
+  transform: translateY(-10px);
+}
+
+/* Bubble Right */
+.hvr-bubble-right {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+}
+.hvr-bubble-right:before {
+  pointer-events: none;
+  position: absolute;
+  z-index: -1;
+  content: '';
+  border-style: solid;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-property: transform;
+  transition-property: transform;
+  top: calc(50% - 10px);
+  right: 0;
+  border-width: 10px 0 10px 10px;
+  border-color: transparent transparent transparent #e1e1e1;
+}
+.hvr-bubble-right:hover:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:active:before {
+  -webkit-transform: translateX(10px);
+  transform: translateX(10px);
+}
+
+/* Bubble Bottom */
+.hvr-bubble-bottom {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+}
+.hvr-bubble-bottom:before {
+  pointer-events: none;
+  position: absolute;
+  z-index: -1;
+  content: '';
+  border-style: solid;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-property: transform;
+  transition-property: transform;
+  left: calc(50% - 10px);
+  bottom: 0;
+  border-width: 10px 10px 0 10px;
+  border-color: #e1e1e1 transparent transparent transparent;
+}
+.hvr-bubble-bottom:hover:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:active:before {
+  -webkit-transform: translateY(10px);
+  transform: translateY(10px);
+}
+
+/* Bubble Left */
+.hvr-bubble-left {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+}
+.hvr-bubble-left:before {
+  pointer-events: none;
+  position: absolute;
+  z-index: -1;
+  content: '';
+  border-style: solid;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-property: transform;
+  transition-property: transform;
+  top: calc(50% - 10px);
+  left: 0;
+  border-width: 10px 10px 10px 0;
+  border-color: transparent #e1e1e1 transparent transparent;
+}
+.hvr-bubble-left:hover:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:active:before {
+  -webkit-transform: translateX(-10px);
+  transform: translateX(-10px);
+}
+
+/* Bubble Float Top */
+.hvr-bubble-float-top {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-property: transform;
+  transition-property: transform;
+}
+.hvr-bubble-float-top:before {
+  position: absolute;
+  z-index: -1;
+  content: '';
+  left: calc(50% - 10px);
+  top: 0;
+  border-style: solid;
+  border-width: 0 10px 10px 10px;
+  border-color: transparent transparent #e1e1e1 transparent;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-property: transform;
+  transition-property: transform;
+}
+.hvr-bubble-float-top:hover, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:active {
+  -webkit-transform: translateY(10px);
+  transform: translateY(10px);
+}
+.hvr-bubble-float-top:hover:before, .hvr-bubble-float-top:focus:before, .hvr-bubble-float-top:active:before {
+  -webkit-transform: translateY(-10px);
+  transform: translateY(-10px);
+}
+
+/* Bubble Float Right */
+.hvr-bubble-float-right {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+
+  -webkit-transition-property: transform;
+  transition-property: transform;
+}
+.hvr-bubble-float-right:before {
+  position: absolute;
+  z-index: -1;
+  top: calc(50% - 10px);
+  right: 0;
+  content: '';
+  border-style: solid;
+  border-width: 10px 0 10px 10px;
+  border-color: transparent transparent transparent #e1e1e1;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-property: transform;
+  transition-property: transform;
+}
+.hvr-bubble-float-right:hover, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:active {
+  -webkit-transform: translateX(-10px);
+  transform: translateX(-10px);
+}
+.hvr-bubble-float-right:hover:before, .hvr-bubble-float-right:focus:before, .hvr-bubble-float-right:active:before {
+  -webkit-transform: translateX(10px);
+  transform: translateX(10px);
+}
+
+/* Bubble Float Bottom */
+.hvr-bubble-float-bottom {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-property: transform;
+  transition-property: transform;
+}
+.hvr-bubble-float-bottom:before {
+  position: absolute;
+  z-index: -1;
+  content: '';
+  left: calc(50% - 10px);
+  bottom: 0;
+  border-style: solid;
+  border-width: 10px 10px 0 10px;
+  border-color: #e1e1e1 transparent transparent transparent;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-property: transform;
+  transition-property: transform;
+}
+.hvr-bubble-float-bottom:hover, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:active {
+  -webkit-transform: translateY(-10px);
+  transform: translateY(-10px);
+}
+.hvr-bubble-float-bottom:hover:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:active:before {
+  -webkit-transform: translateY(10px);
+  transform: translateY(10px);
+}
+
+/* Bubble Float Left */
+.hvr-bubble-float-left {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-property: transform;
+  transition-property: transform;
+}
+.hvr-bubble-float-left:before {
+  position: absolute;
+  z-index: -1;
+  content: '';
+  top: calc(50% - 10px);
+  left: 0;
+  border-style: solid;
+  border-width: 10px 10px 10px 0;
+  border-color: transparent #e1e1e1 transparent transparent;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-property: transform;
+  transition-property: transform;
+}
+.hvr-bubble-float-left:hover, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:active {
+  -webkit-transform: translateX(10px);
+  transform: translateX(10px);
+}
+.hvr-bubble-float-left:hover:before, .hvr-bubble-float-left:focus:before, .hvr-bubble-float-left:active:before {
+  -webkit-transform: translateX(-10px);
+  transform: translateX(-10px);
+}
+
+/* ICONS */
+/* Icon Back */
+.hvr-icon-back {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+  padding-left: 2.2em;
+  -webkit-transition-duration: 0.1s;
+  transition-duration: 0.1s;
+}
+.hvr-icon-back:before {
+  content: "\f137";
+  position: absolute;
+  left: 1em;
+  padding: 0 1px;
+  font-family: FontAwesome;
+  -webkit-transform: translateZ(0);
+  transform: translateZ(0);
+  -webkit-transition-duration: 0.1s;
+  transition-duration: 0.1s;
+  -webkit-transition-property: transform;
+  transition-property: transform;
+  -webkit-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+}
+.hvr-icon-back:hover:before, .hvr-icon-back:focus:before, .hvr-icon-back:active:before {
+  -webkit-transform: translateX(-4px);
+  transform: translateX(-4px);
+}
+
+/* Icon Forward */
+.hvr-icon-forward {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+  padding-right: 2.2em;
+  -webkit-transition-duration: 0.1s;
+  transition-duration: 0.1s;
+}
+.hvr-icon-forward:before {
+  content: "\f138";
+  position: absolute;
+  right: 1em;
+  padding: 0 1px;
+  font-family: FontAwesome;
+  -webkit-transform: translateZ(0);
+  transform: translateZ(0);
+  -webkit-transition-duration: 0.1s;
+  transition-duration: 0.1s;
+  -webkit-transition-property: transform;
+  transition-property: transform;
+  -webkit-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+}
+.hvr-icon-forward:hover:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:active:before {
+  -webkit-transform: translateX(4px);
+  transform: translateX(4px);
+}
+
+/* Icon Down */
+@-webkit-keyframes hvr-icon-down {
+  0%,
+	50%,
+	100% {
+    -webkit-transform: translateY(0);
+    transform: translateY(0);
+  }
+  25%,
+	75% {
+    -webkit-transform: translateY(6px);
+    transform: translateY(6px);
+  }
+}
+@keyframes hvr-icon-down {
+
+  0%,
+	50%,
+	100% {
+    -webkit-transform: translateY(0);
+    transform: translateY(0);
+  }
+  25%,
+	75% {
+    -webkit-transform: translateY(6px);
+    transform: translateY(6px);
+  }
+}
+/* Icon Down */
+.hvr-icon-down {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+  padding-right: 2.2em;
+}
+.hvr-icon-down:before {
+  content: "\f01a";
+  position: absolute;
+  right: 1em;
+  padding: 0 1px;
+  font-family: FontAwesome;
+  -webkit-transform: translateZ(0);
+  transform: translateZ(0);
+}
+.hvr-icon-down:hover:before, .hvr-icon-down:focus:before, .hvr-icon-down:active:before {
+  -webkit-animation-name: hvr-icon-down;
+  animation-name: hvr-icon-down;
+  -webkit-animation-duration: 0.75s;
+  animation-duration: 0.75s;
+  -webkit-animation-timing-function: ease-out;
+  animation-timing-function: ease-out;
+}
+
+/* Icon Up */
+@-webkit-keyframes hvr-icon-up {
+  0%,
+	50%,
+	100% {
+    -webkit-transform: translateY(0);
+    transform: translateY(0);
+  }
+  25%,
+	75% {
+    -webkit-transform: translateY(-6px);
+    transform: translateY(-6px);
+  }
+}
+@keyframes hvr-icon-up {
+  0%,
+	50%,
+	100% {
+    -webkit-transform: translateY(0);
+    transform: translateY(0);
+  }
+  25%,
+	75% {
+    -webkit-transform: translateY(-6px);
+    transform: translateY(-6px);
+  }
+}
+/* Icon Up */
+.hvr-icon-up {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+  padding-right: 2.2em;
+}
+.hvr-icon-up:before {
+  content: "\f01b";
+  position: absolute;
+  right: 1em;
+  padding: 0 1px;
+  font-family: FontAwesome;
+  -webkit-transform: translateZ(0);
+  transform: translateZ(0);
+}
+.hvr-icon-up:hover:before, .hvr-icon-up:focus:before, .hvr-icon-up:active:before {
+  -webkit-animation-name: hvr-icon-up;
+  animation-name: hvr-icon-up;
+  -webkit-animation-duration: 0.75s;
+  animation-duration: 0.75s;
+  -webkit-animation-timing-function: ease-out;
+  animation-timing-function: ease-out;
+}
+
+/* Icon Spin */
+.hvr-icon-spin {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+  padding-right: 2.2em;
+}
+.hvr-icon-spin:before {
+  content: "\f021";
+  position: absolute;
+  right: 1em;
+  padding: 0 1px;
+  font-family: FontAwesome;
+  -webkit-transition-duration: 1s;
+  transition-duration: 1s;
+  -webkit-transition-property: transform;
+  transition-property: transform;
+  -webkit-transition-timing-function: ease-in-out;
+  transition-timing-function: ease-in-out;
+}
+.hvr-icon-spin:hover:before, .hvr-icon-spin:focus:before, .hvr-icon-spin:active:before {
+  -webkit-transform: rotate(360deg);
+  transform: rotate(360deg);
+}
+
+/* Icon Drop */
+@-webkit-keyframes hvr-icon-drop {
+  0% {
+    opacity: 0;
+  }
+  50% {
+    opacity: 0;
+    -webkit-transform: translateY(-100%);
+    transform: translateY(-100%);
+  }
+  51%,
+	100% {
+    opacity: 1;
+  }
+}
+@keyframes hvr-icon-drop {
+  0% {
+    opacity: 0;
+  }
+  50% {
+    opacity: 0;
+    -webkit-transform: translateY(-100%);
+    transform: translateY(-100%);
+  }
+  51%,
+	100% {
+    opacity: 1;
+  }
+}
+/* Icon Drop */
+.hvr-icon-drop {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+  padding-right: 2.2em;
+}
+.hvr-icon-drop:before {
+  content: "\f041";
+  position: absolute;
+  right: 1em;
+  opacity: 1;
+  padding: 0 1px;
+  font-family: FontAwesome;
+  -webkit-transform: translateZ(0);
+  transform: translateZ(0);
+}
+.hvr-icon-drop:hover:before, .hvr-icon-drop:focus:before, .hvr-icon-drop:active:before {
+  opacity: 0;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-animation-name: hvr-icon-drop;
+  animation-name: hvr-icon-drop;
+  -webkit-animation-duration: 0.5s;
+  animation-duration: 0.5s;
+  -webkit-animation-delay: 0.3s;
+  animation-delay: 0.3s;
+  -webkit-animation-fill-mode: forwards;
+  animation-fill-mode: forwards;
+  -webkit-animation-timing-function: ease-in-out;
+  animation-timing-function: ease-in-out;
+  -webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
+  animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
+}
+
+/* Icon Fade */
+.hvr-icon-fade {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+  padding-right: 2.2em;
+}
+.hvr-icon-fade:before {
+  content: "\f00c";
+  position: absolute;
+  right: 1em;
+  padding: 0 1px;
+  font-family: FontAwesome;
+  -webkit-transform: translateZ(0);
+  transform: translateZ(0);
+  -webkit-transition-duration: 0.5s;
+  transition-duration: 0.5s;
+  -webkit-transition-property: color;
+  transition-property: color;
+}
+.hvr-icon-fade:hover:before, .hvr-icon-fade:focus:before, .hvr-icon-fade:active:before {
+  color: #0F9E5E;
+}
+
+/* Icon Float Away */
+@-webkit-keyframes hvr-icon-float-away {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+    -webkit-transform: translateY(-1em);
+    transform: translateY(-1em);
+  }
+}
+@keyframes hvr-icon-float-away {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+    -webkit-transform: translateY(-1em);
+    transform: translateY(-1em);
+  }
+}
+/* Icon Float Away */
+.hvr-icon-float-away {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+  padding-right: 2.2em;
+}
+.hvr-icon-float-away:before, .hvr-icon-float-away:after {
+  content: "\f055";
+  position: absolute;
+  right: 1em;
+  padding: 0 1px;
+  font-family: FontAwesome;
+}
+.hvr-icon-float-away:after {
+  opacity: 0;
+  -webkit-animation-duration: 0.5s;
+  animation-duration: 0.5s;
+  -webkit-animation-fill-mode: forwards;
+  animation-fill-mode: forwards;
+}
+.hvr-icon-float-away:hover:after, .hvr-icon-float-away:focus:after, .hvr-icon-float-away:active:after {
+  -webkit-animation-name: hvr-icon-float-away;
+  animation-name: hvr-icon-float-away;
+  -webkit-animation-timing-function: ease-out;
+  animation-timing-function: ease-out;
+}
+
+/* Icon Sink Away */
+@-webkit-keyframes hvr-icon-sink-away {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+    -webkit-transform: translateY(1em);
+    transform: translateY(1em);
+  }
+}
+@keyframes hvr-icon-sink-away {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+    -webkit-transform: translateY(1em);
+    transform: translateY(1em);
+  }
+}
+/* Icon Sink Away */
+.hvr-icon-sink-away {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+  padding-right: 2.2em;
+}
+.hvr-icon-sink-away:before, .hvr-icon-sink-away:after {
+  content: "\f056";
+  position: absolute;
+  right: 1em;
+  padding: 0 1px;
+  font-family: FontAwesome;
+  -webkit-transform: translateZ(0);
+  transform: translateZ(0);
+}
+.hvr-icon-sink-away:after {
+  opacity: 0;
+  -webkit-animation-duration: 0.5s;
+  animation-duration: 0.5s;
+  -webkit-animation-fill-mode: forwards;
+  animation-fill-mode: forwards;
+}
+.hvr-icon-sink-away:hover:after, .hvr-icon-sink-away:focus:after, .hvr-icon-sink-away:active:after {
+  -webkit-animation-name: hvr-icon-sink-away;
+  animation-name: hvr-icon-sink-away;
+  -webkit-animation-timing-function: ease-out;
+  animation-timing-function: ease-out;
+}
+
+/* Icon Grow */
+.hvr-icon-grow {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+  padding-right: 2.2em;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+}
+.hvr-icon-grow:before {
+  content: "\f118";
+  position: absolute;
+  right: 1em;
+  padding: 0 1px;
+  font-family: FontAwesome;
+  -webkit-transform: translateZ(0);
+  transform: translateZ(0);
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-property: transform;
+  transition-property: transform;
+  -webkit-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+}
+.hvr-icon-grow:hover:before, .hvr-icon-grow:focus:before, .hvr-icon-grow:active:before {
+  -webkit-transform: scale(1.3) translateZ(0);
+  transform: scale(1.3) translateZ(0);
+}
+
+/* Icon Shrink */
+.hvr-icon-shrink {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+  padding-right: 2.2em;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+}
+.hvr-icon-shrink:before {
+  content: "\f119";
+  position: absolute;
+  right: 1em;
+  padding: 0 1px;
+  font-family: FontAwesome;
+  -webkit-transform: translateZ(0);
+  transform: translateZ(0);
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-property: transform;
+  transition-property: transform;
+  -webkit-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+}
+.hvr-icon-shrink:hover:before, .hvr-icon-shrink:focus:before, .hvr-icon-shrink:active:before {
+  -webkit-transform: scale(0.8);
+  transform: scale(0.8);
+}
+
+/* Icon Pulse */
+@-webkit-keyframes hvr-icon-pulse {
+  25% {
+    -webkit-transform: scale(1.3);
+    transform: scale(1.3);
+  }
+  75% {
+    -webkit-transform: scale(0.8);
+    transform: scale(0.8);
+  }
+}
+@keyframes hvr-icon-pulse {
+  25% {
+    -webkit-transform: scale(1.3);
+    transform: scale(1.3);
+  }
+  75% {
+    -webkit-transform: scale(0.8);
+    transform: scale(0.8);
+  }
+}
+.hvr-icon-pulse {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+  padding-right: 2.2em;
+}
+.hvr-icon-pulse:before {
+  content: "\f015";
+  position: absolute;
+  right: 1em;
+  padding: 0 1px;
+  font-family: FontAwesome;
+  -webkit-transform: translateZ(0);
+  transform: translateZ(0);
+  -webkit-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+}
+.hvr-icon-pulse:hover:before, .hvr-icon-pulse:focus:before, .hvr-icon-pulse:active:before {
+  -webkit-animation-name: hvr-icon-pulse;
+  animation-name: hvr-icon-pulse;
+  -webkit-animation-duration: 1s;
+  animation-duration: 1s;
+  -webkit-animation-timing-function: linear;
+  animation-timing-function: linear;
+  -webkit-animation-iteration-count: infinite;
+  animation-iteration-count: infinite;
+}
+
+/* Icon Pulse Grow */
+@-webkit-keyframes hvr-icon-pulse-grow {
+  to {
+    -webkit-transform: scale(1.3);
+    transform: scale(1.3);
+  }
+}
+@keyframes hvr-icon-pulse-grow {
+  to {
+    -webkit-transform: scale(1.3);
+    transform: scale(1.3);
+  }
+}
+.hvr-icon-pulse-grow {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+  padding-right: 2.2em;
+}
+.hvr-icon-pulse-grow:before {
+  content: "\f015";
+  position: absolute;
+  right: 1em;
+  padding: 0 1px;
+  font-family: FontAwesome;
+  -webkit-transform: translateZ(0);
+  transform: translateZ(0);
+  -webkit-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+}
+.hvr-icon-pulse-grow:hover:before, .hvr-icon-pulse-grow:focus:before, .hvr-icon-pulse-grow:active:before {
+  -webkit-animation-name: hvr-icon-pulse-grow;
+  animation-name: hvr-icon-pulse-grow;
+  -webkit-animation-duration: 0.3s;
+  animation-duration: 0.3s;
+  -webkit-animation-timing-function: linear;
+  animation-timing-function: linear;
+  -webkit-animation-iteration-count: infinite;
+  animation-iteration-count: infinite;
+  -webkit-animation-direction: alternate;
+  animation-direction: alternate;
+}
+
+/* Icon Pulse Shrink */
+@-webkit-keyframes hvr-icon-pulse-shrink {
+  to {
+    -webkit-transform: scale(0.8);
+    transform: scale(0.8);
+  }
+}
+@keyframes hvr-icon-pulse-shrink {
+  to {
+    -webkit-transform: scale(0.8);
+    transform: scale(0.8);
+  }
+}
+.hvr-icon-pulse-shrink {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+  padding-right: 2.2em;
+}
+.hvr-icon-pulse-shrink:before {
+  content: "\f015";
+  position: absolute;
+  right: 1em;
+  padding: 0 1px;
+  font-family: FontAwesome;
+  -webkit-transform: translateZ(0);
+  transform: translateZ(0);
+  -webkit-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+}
+.hvr-icon-pulse-shrink:hover:before, .hvr-icon-pulse-shrink:focus:before, .hvr-icon-pulse-shrink:active:before {
+  -webkit-animation-name: hvr-icon-pulse-shrink;
+  animation-name: hvr-icon-pulse-shrink;
+  -webkit-animation-duration: 0.3s;
+  animation-duration: 0.3s;
+  -webkit-animation-timing-function: linear;
+  animation-timing-function: linear;
+  -webkit-animation-iteration-count: infinite;
+  animation-iteration-count: infinite;
+  -webkit-animation-direction: alternate;
+  animation-direction: alternate;
+}
+
+/* Icon Push */
+@-webkit-keyframes hvr-icon-push {
+  50% {
+    -webkit-transform: scale(0.5);
+    transform: scale(0.5);
+  }
+}
+@keyframes hvr-icon-push {
+  50% {
+    -webkit-transform: scale(0.5);
+    transform: scale(0.5);
+  }
+}
+.hvr-icon-push {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+  padding-right: 2.2em;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+}
+.hvr-icon-push:before {
+  content: "\f006";
+  position: absolute;
+  right: 1em;
+  padding: 0 1px;
+  font-family: FontAwesome;
+  -webkit-transform: translateZ(0);
+  transform: translateZ(0);
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-property: transform;
+  transition-property: transform;
+  -webkit-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+}
+.hvr-icon-push:hover:before, .hvr-icon-push:focus:before, .hvr-icon-push:active:before {
+  -webkit-animation-name: hvr-icon-push;
+  animation-name: hvr-icon-push;
+  -webkit-animation-duration: 0.3s;
+  animation-duration: 0.3s;
+  -webkit-animation-timing-function: linear;
+  animation-timing-function: linear;
+  -webkit-animation-iteration-count: 1;
+  animation-iteration-count: 1;
+}
+
+/* Icon Pop */
+@-webkit-keyframes hvr-icon-pop {
+  50% {
+    -webkit-transform: scale(1.5);
+    transform: scale(1.5);
+  }
+}
+@keyframes hvr-icon-pop {
+  50% {
+    -webkit-transform: scale(1.5);
+    transform: scale(1.5);
+  }
+}
+.hvr-icon-pop {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+  padding-right: 2.2em;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+}
+.hvr-icon-pop:before {
+  content: "\f005";
+  position: absolute;
+  right: 1em;
+  padding: 0 1px;
+  font-family: FontAwesome;
+  -webkit-transform: translateZ(0);
+  transform: translateZ(0);
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-property: transform;
+  transition-property: transform;
+  -webkit-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+}
+.hvr-icon-pop:hover:before, .hvr-icon-pop:focus:before, .hvr-icon-pop:active:before {
+  -webkit-animation-name: hvr-icon-pop;
+  animation-name: hvr-icon-pop;
+  -webkit-animation-duration: 0.3s;
+  animation-duration: 0.3s;
+  -webkit-animation-timing-function: linear;
+  animation-timing-function: linear;
+  -webkit-animation-iteration-count: 1;
+  animation-iteration-count: 1;
+}
+
+/* Icon Bounce */
+.hvr-icon-bounce {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+  padding-right: 2.2em;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+}
+.hvr-icon-bounce:before {
+  content: "\f087";
+  position: absolute;
+  right: 1em;
+  padding: 0 1px;
+  font-family: FontAwesome;
+  -webkit-transform: translateZ(0);
+  transform: translateZ(0);
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-property: transform;
+  transition-property: transform;
+  -webkit-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+}
+.hvr-icon-bounce:hover:before, .hvr-icon-bounce:focus:before, .hvr-icon-bounce:active:before {
+  -webkit-transform: scale(1.5);
+  transform: scale(1.5);
+  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
+  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
+}
+
+/* Icon Rotate */
+.hvr-icon-rotate {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+  padding-right: 2.2em;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+}
+.hvr-icon-rotate:before {
+  content: "\f0c6";
+  position: absolute;
+  right: 1em;
+  padding: 0 1px;
+  font-family: FontAwesome;
+  -webkit-transform: translateZ(0);
+  transform: translateZ(0);
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-property: transform;
+  transition-property: transform;
+  -webkit-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+}
+.hvr-icon-rotate:hover:before, .hvr-icon-rotate:focus:before, .hvr-icon-rotate:active:before {
+  -webkit-transform: rotate(20deg);
+  transform: rotate(20deg);
+}
+
+/* Icon Grow Rotate */
+.hvr-icon-grow-rotate {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+  padding-right: 2.2em;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+}
+.hvr-icon-grow-rotate:before {
+  content: "\f095";
+  position: absolute;
+  right: 1em;
+  padding: 0 1px;
+  font-family: FontAwesome;
+  -webkit-transform: translateZ(0);
+  transform: translateZ(0);
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-property: transform;
+  transition-property: transform;
+  -webkit-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+}
+.hvr-icon-grow-rotate:hover:before, .hvr-icon-grow-rotate:focus:before, .hvr-icon-grow-rotate:active:before {
+  -webkit-transform: scale(1.5) rotate(12deg);
+  transform: scale(1.5) rotate(12deg);
+}
+
+/* Icon Float */
+.hvr-icon-float {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+  padding-right: 2.2em;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+}
+.hvr-icon-float:before {
+  content: "\f01b";
+  position: absolute;
+  right: 1em;
+  padding: 0 1px;
+  font-family: FontAwesome;
+  -webkit-transform: translateZ(0);
+  transform: translateZ(0);
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-property: transform;
+  transition-property: transform;
+  -webkit-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+}
+.hvr-icon-float:hover:before, .hvr-icon-float:focus:before, .hvr-icon-float:active:before {
+  -webkit-transform: translateY(-4px);
+  transform: translateY(-4px);
+}
+
+/* Icon Sink */
+.hvr-icon-sink {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+  padding-right: 2.2em;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+}
+.hvr-icon-sink:before {
+  content: "\f01a";
+  position: absolute;
+  right: 1em;
+  padding: 0 1px;
+  font-family: FontAwesome;
+  -webkit-transform: translateZ(0);
+  transform: translateZ(0);
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-property: transform;
+  transition-property: transform;
+  -webkit-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+}
+.hvr-icon-sink:hover:before, .hvr-icon-sink:focus:before, .hvr-icon-sink:active:before {
+  -webkit-transform: translateY(4px);
+  transform: translateY(4px);
+}
+
+/* Icon Bob */
+@-webkit-keyframes hvr-icon-bob {
+  0% {
+    -webkit-transform: translateY(-6px);
+    transform: translateY(-6px);
+  }
+  50% {
+    -webkit-transform: translateY(-2px);
+    transform: translateY(-2px);
+  }
+  100% {
+    -webkit-transform: translateY(-6px);
+    transform: translateY(-6px);
+  }
+}
+@keyframes hvr-icon-bob {
+  0% {
+    -webkit-transform: translateY(-6px);
+    transform: translateY(-6px);
+  }
+  50% {
+    -webkit-transform: translateY(-2px);
+    transform: translateY(-2px);
+  }
+  100% {
+    -webkit-transform: translateY(-6px);
+    transform: translateY(-6px);
+  }
+}
+@-webkit-keyframes hvr-icon-bob-float {
+  100% {
+    -webkit-transform: translateY(-6px);
+    transform: translateY(-6px);
+  }
+}
+@keyframes hvr-icon-bob-float {
+  100% {
+    -webkit-transform: translateY(-6px);
+    transform: translateY(-6px);
+  }
+}
+.hvr-icon-bob {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+  padding-right: 2.2em;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+}
+.hvr-icon-bob:before {
+  content: "\f077";
+  position: absolute;
+  right: 1em;
+  padding: 0 1px;
+  font-family: FontAwesome;
+  -webkit-transform: translateZ(0);
+  transform: translateZ(0);
+}
+.hvr-icon-bob:hover:before, .hvr-icon-bob:focus:before, .hvr-icon-bob:active:before {
+  -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
+  animation-name: hvr-icon-bob-float, hvr-icon-bob;
+  -webkit-animation-duration: .3s, 1.5s;
+  animation-duration: .3s, 1.5s;
+  -webkit-animation-delay: 0s, .3s;
+  animation-delay: 0s, .3s;
+  -webkit-animation-timing-function: ease-out, ease-in-out;
+  animation-timing-function: ease-out, ease-in-out;
+  -webkit-animation-iteration-count: 1, infinite;
+  animation-iteration-count: 1, infinite;
+  -webkit-animation-fill-mode: forwards;
+  animation-fill-mode: forwards;
+  -webkit-animation-direction: normal, alternate;
+  animation-direction: normal, alternate;
+}
+
+/* Icon Hang */
+@-webkit-keyframes hvr-icon-hang {
+  0% {
+    -webkit-transform: translateY(6px);
+    transform: translateY(6px);
+  }
+  50% {
+    -webkit-transform: translateY(2px);
+    transform: translateY(2px);
+  }
+  100% {
+    -webkit-transform: translateY(6px);
+    transform: translateY(6px);
+  }
+}
+@keyframes hvr-icon-hang {
+  0% {
+    -webkit-transform: translateY(6px);
+    transform: translateY(6px);
+  }
+  50% {
+    -webkit-transform: translateY(2px);
+    transform: translateY(2px);
+  }
+  100% {
+    -webkit-transform: translateY(6px);
+    transform: translateY(6px);
+  }
+}
+@-webkit-keyframes hvr-icon-hang-sink {
+  100% {
+    -webkit-transform: translateY(6px);
+    transform: translateY(6px);
+  }
+}
+@keyframes hvr-icon-hang-sink {
+  100% {
+    -webkit-transform: translateY(6px);
+    transform: translateY(6px);
+  }
+}
+.hvr-icon-hang {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+  padding-right: 2.2em;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+}
+.hvr-icon-hang:before {
+  content: "\f078";
+  position: absolute;
+  right: 1em;
+  padding: 0 1px;
+  font-family: FontAwesome;
+  -webkit-transform: translateZ(0);
+  transform: translateZ(0);
+}
+.hvr-icon-hang:hover:before, .hvr-icon-hang:focus:before, .hvr-icon-hang:active:before {
+  -webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang;
+  animation-name: hvr-icon-hang-sink, hvr-icon-hang;
+  -webkit-animation-duration: .3s, 1.5s;
+  animation-duration: .3s, 1.5s;
+  -webkit-animation-delay: 0s, .3s;
+  animation-delay: 0s, .3s;
+  -webkit-animation-timing-function: ease-out, ease-in-out;
+  animation-timing-function: ease-out, ease-in-out;
+  -webkit-animation-iteration-count: 1, infinite;
+  animation-iteration-count: 1, infinite;
+  -webkit-animation-fill-mode: forwards;
+  animation-fill-mode: forwards;
+  -webkit-animation-direction: normal, alternate;
+  animation-direction: normal, alternate;
+}
+
+/* Icon Wobble Horizontal */
+@-webkit-keyframes hvr-icon-wobble-horizontal {
+  16.65% {
+    -webkit-transform: translateX(6px);
+    transform: translateX(6px);
+  }
+  33.3% {
+    -webkit-transform: translateX(-5px);
+    transform: translateX(-5px);
+  }
+  49.95% {
+    -webkit-transform: translateX(4px);
+    transform: translateX(4px);
+  }
+  66.6% {
+    -webkit-transform: translateX(-2px);
+    transform: translateX(-2px);
+  }
+  83.25% {
+    -webkit-transform: translateX(1px);
+    transform: translateX(1px);
+  }
+  100% {
+    -webkit-transform: translateX(0);
+    transform: translateX(0);
+  }
+}
+@keyframes hvr-icon-wobble-horizontal {
+  16.65% {
+    -webkit-transform: translateX(6px);
+    transform: translateX(6px);
+  }
+  33.3% {
+    -webkit-transform: translateX(-5px);
+    transform: translateX(-5px);
+  }
+  49.95% {
+    -webkit-transform: translateX(4px);
+    transform: translateX(4px);
+  }
+  66.6% {
+    -webkit-transform: translateX(-2px);
+    transform: translateX(-2px);
+  }
+  83.25% {
+    -webkit-transform: translateX(1px);
+    transform: translateX(1px);
+  }
+  100% {
+    -webkit-transform: translateX(0);
+    transform: translateX(0);
+  }
+}
+.hvr-icon-wobble-horizontal {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+  padding-right: 2.2em;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+}
+.hvr-icon-wobble-horizontal:before {
+  content: "\f061";
+  position: absolute;
+  right: 1em;
+  padding: 0 1px;
+  font-family: FontAwesome;
+  -webkit-transform: translateZ(0);
+  transform: translateZ(0);
+}
+.hvr-icon-wobble-horizontal:hover:before, .hvr-icon-wobble-horizontal:focus:before, .hvr-icon-wobble-horizontal:active:before {
+  -webkit-animation-name: hvr-icon-wobble-horizontal;
+  animation-name: hvr-icon-wobble-horizontal;
+  -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;
+}
+
+/* Icon Wobble Vertical */
+@-webkit-keyframes hvr-icon-wobble-vertical {
+  16.65% {
+    -webkit-transform: translateY(6px);
+    transform: translateY(6px);
+  }
+  33.3% {
+    -webkit-transform: translateY(-5px);
+    transform: translateY(-5px);
+  }
+  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-icon-wobble-vertical {
+  16.65% {
+    -webkit-transform: translateY(6px);
+    transform: translateY(6px);
+  }
+  33.3% {
+    -webkit-transform: translateY(-5px);
+    transform: translateY(-5px);
+  }
+  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-icon-wobble-vertical {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+  padding-right: 2.2em;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+}
+.hvr-icon-wobble-vertical:before {
+  content: "\f062";
+  position: absolute;
+  right: 1em;
+  padding: 0 1px;
+  font-family: FontAwesome;
+  -webkit-transform: translateZ(0);
+  transform: translateZ(0);
+}
+.hvr-icon-wobble-vertical:hover:before, .hvr-icon-wobble-vertical:focus:before, .hvr-icon-wobble-vertical:active:before {
+  -webkit-animation-name: hvr-icon-wobble-vertical;
+  animation-name: hvr-icon-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;
+}
+
+/* Icon Buzz */
+@-webkit-keyframes hvr-icon-buzz {
+  50% {
+    -webkit-transform: translateX(3px) rotate(2deg);
+    transform: translateX(3px) rotate(2deg);
+  }
+  100% {
+    -webkit-transform: translateX(-3px) rotate(-2deg);
+    transform: translateX(-3px) rotate(-2deg);
+  }
+}
+@keyframes hvr-icon-buzz {
+  50% {
+    -webkit-transform: translateX(3px) rotate(2deg);
+    transform: translateX(3px) rotate(2deg);
+  }
+  100% {
+    -webkit-transform: translateX(-3px) rotate(-2deg);
+    transform: translateX(-3px) rotate(-2deg);
+  }
+}
+.hvr-icon-buzz {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+  padding-right: 2.2em;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+}
+.hvr-icon-buzz:before {
+  content: "\f017";
+  position: absolute;
+  right: 1em;
+  padding: 0 1px;
+  font-family: FontAwesome;
+  -webkit-transform: translateZ(0);
+  transform: translateZ(0);
+}
+.hvr-icon-buzz:hover:before, .hvr-icon-buzz:focus:before, .hvr-icon-buzz:active:before {
+  -webkit-animation-name: hvr-icon-buzz;
+  animation-name: hvr-icon-buzz;
+  -webkit-animation-duration: 0.15s;
+  animation-duration: 0.15s;
+  -webkit-animation-timing-function: linear;
+  animation-timing-function: linear;
+  -webkit-animation-iteration-count: infinite;
+  animation-iteration-count: infinite;
+}
+
+/* Icon Buzz Out */
+@-webkit-keyframes hvr-icon-buzz-out {
+  10% {
+    -webkit-transform: translateX(3px) rotate(2deg);
+    transform: translateX(3px) rotate(2deg);
+  }
+  20% {
+    -webkit-transform: translateX(-3px) rotate(-2deg);
+    transform: translateX(-3px) rotate(-2deg);
+  }
+  30% {
+    -webkit-transform: translateX(3px) rotate(2deg);
+    transform: translateX(3px) rotate(2deg);
+  }
+  40% {
+    -webkit-transform: translateX(-3px) rotate(-2deg);
+    transform: translateX(-3px) rotate(-2deg);
+  }
+  50% {
+    -webkit-transform: translateX(2px) rotate(1deg);
+    transform: translateX(2px) rotate(1deg);
+  }
+  60% {
+    -webkit-transform: translateX(-2px) rotate(-1deg);
+    transform: translateX(-2px) rotate(-1deg);
+  }
+  70% {
+    -webkit-transform: translateX(2px) rotate(1deg);
+    transform: translateX(2px) rotate(1deg);
+  }
+  80% {
+    -webkit-transform: translateX(-2px) rotate(-1deg);
+    transform: translateX(-2px) rotate(-1deg);
+  }
+  90% {
+    -webkit-transform: translateX(1px) rotate(0);
+    transform: translateX(1px) rotate(0);
+  }
+  100% {
+    -webkit-transform: translateX(-1px) rotate(0);
+    transform: translateX(-1px) rotate(0);
+  }
+}
+@keyframes hvr-icon-buzz-out {
+  10% {
+    -webkit-transform: translateX(3px) rotate(2deg);
+    transform: translateX(3px) rotate(2deg);
+  }
+  20% {
+    -webkit-transform: translateX(-3px) rotate(-2deg);
+    transform: translateX(-3px) rotate(-2deg);
+  }
+  30% {
+    -webkit-transform: translateX(3px) rotate(2deg);
+    transform: translateX(3px) rotate(2deg);
+  }
+  40% {
+    -webkit-transform: translateX(-3px) rotate(-2deg);
+    transform: translateX(-3px) rotate(-2deg);
+  }
+  50% {
+    -webkit-transform: translateX(2px) rotate(1deg);
+    transform: translateX(2px) rotate(1deg);
+  }
+  60% {
+    -webkit-transform: translateX(-2px) rotate(-1deg);
+    transform: translateX(-2px) rotate(-1deg);
+  }
+  70% {
+    -webkit-transform: translateX(2px) rotate(1deg);
+    transform: translateX(2px) rotate(1deg);
+  }
+  80% {
+    -webkit-transform: translateX(-2px) rotate(-1deg);
+    transform: translateX(-2px) rotate(-1deg);
+  }
+  90% {
+    -webkit-transform: translateX(1px) rotate(0);
+    transform: translateX(1px) rotate(0);
+  }
+  100% {
+    -webkit-transform: translateX(-1px) rotate(0);
+    transform: translateX(-1px) rotate(0);
+  }
+}
+.hvr-icon-buzz-out {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+  padding-right: 2.2em;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+}
+.hvr-icon-buzz-out:before {
+  content: "\f023";
+  position: absolute;
+  right: 1em;
+  padding: 0 1px;
+  font-family: FontAwesome;
+  -webkit-transform: translateZ(0);
+  transform: translateZ(0);
+}
+.hvr-icon-buzz-out:hover:before, .hvr-icon-buzz-out:focus:before, .hvr-icon-buzz-out:active:before {
+  -webkit-animation-name: hvr-icon-buzz-out;
+  animation-name: hvr-icon-buzz-out;
+  -webkit-animation-duration: 0.75s;
+  animation-duration: 0.75s;
+  -webkit-animation-timing-function: linear;
+  animation-timing-function: linear;
+  -webkit-animation-iteration-count: 1;
+  animation-iteration-count: 1;
+}
+
+/* CURLS */
+/* Curl Top Left */
+.hvr-curl-top-left {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+}
+.hvr-curl-top-left:before {
+  pointer-events: none;
+  position: absolute;
+  content: '';
+  height: 0;
+
+  width: 0;
+  top: 0;
+  left: 0;
+  background: white;
+  /* IE9 */
+  background: linear-gradient(135deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
+  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#000000');
+  /*For IE7-8-9*/
+  z-index: 1000;
+  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-property: width, height;
+  transition-property: width, height;
+}
+.hvr-curl-top-left:hover:before, .hvr-curl-top-left:focus:before, .hvr-curl-top-left:active:before {
+  width: 25px;
+  height: 25px;
+}
+
+/* Curl Top Right */
+.hvr-curl-top-right {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+}
+.hvr-curl-top-right:before {
+  pointer-events: none;
+  position: absolute;
+  content: '';
+  height: 0;
+  width: 0;
+  top: 0;
+  right: 0;
+  background: white;
+  /* IE9 */
+  background: linear-gradient(225deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
+  box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-property: width, height;
+  transition-property: width, height;
+}
+.hvr-curl-top-right:hover:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:active:before {
+  width: 25px;
+  height: 25px;
+}
+
+/* Curl Bottom Right */
+.hvr-curl-bottom-right {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+}
+.hvr-curl-bottom-right:before {
+  pointer-events: none;
+  position: absolute;
+  content: '';
+  height: 0;
+  width: 0;
+  bottom: 0;
+  right: 0;
+  background: white;
+  /* IE9 */
+  background: linear-gradient(315deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
+  box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-property: width, height;
+  transition-property: width, height;
+}
+.hvr-curl-bottom-right:hover:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:active:before {
+  width: 25px;
+  height: 25px;
+}
+
+/* Curl Bottom Left */
+.hvr-curl-bottom-left {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+}
+.hvr-curl-bottom-left:before {
+  pointer-events: none;
+  position: absolute;
+  content: '';
+  height: 0;
+  width: 0;
+  bottom: 0;
+  left: 0;
+  background: white;
+  /* IE9 */
+  background: linear-gradient(45deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
+  box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4);
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-property: width, height;
+  transition-property: width, height;
+}
+.hvr-curl-bottom-left:hover:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:active:before {
+  width: 25px;
+  height: 25px;
+}
+
+/*# sourceMappingURL=hover.css.map */
+
+
+
+/*
+@-webkit-keyframes rubberBand {
+    0% {
+        -webkit-transform: scale3d(1,1,1);
+        transform: scale3d(1,1,1)
+    }
+
+    30% {
+        -webkit-transform: scale3d(1.25,0.75,1);
+        transform: scale3d(1.25,0.75,1)
+    }
+
+    40% {
+        -webkit-transform: scale3d(0.75,1.25,1);
+        transform: scale3d(0.75,1.25,1)
+    }
+
+    50% {
+        -webkit-transform: scale3d(1.15,0.85,1);
+        transform: scale3d(1.15,0.85,1)
+    }
+
+    65% {
+        -webkit-transform: scale3d(.95,1.05,1);
+        transform: scale3d(.95,1.05,1)
+    }
+
+    75% {
+        -webkit-transform: scale3d(1.05,.95,1);
+        transform: scale3d(1.05,.95,1)
+    }
+
+    100% {
+        -webkit-transform: scale3d(1,1,1);
+        transform: scale3d(1,1,1)
+    }
+}
+@keyframes rubberBand {
+    0% {
+        -webkit-transform: scale3d(1,1,1);
+        transform: scale3d(1,1,1)
+    }
+
+    30% {
+        -webkit-transform: scale3d(1.25,0.75,1);
+        transform: scale3d(1.25,0.75,1)
+    }
+
+    40% {
+        -webkit-transform: scale3d(0.75,1.25,1);
+        transform: scale3d(0.75,1.25,1)
+    }
+
+    50% {
+        -webkit-transform: scale3d(1.15,0.85,1);
+        transform: scale3d(1.15,0.85,1)
+    }
+
+    65% {
+        -webkit-transform: scale3d(.95,1.05,1);
+        transform: scale3d(.95,1.05,1)
+    }
+
+    75% {
+        -webkit-transform: scale3d(1.05,.95,1);
+        transform: scale3d(1.05,.95,1)
+    }
+
+    100% {
+        -webkit-transform: scale3d(1,1,1);
+        transform: scale3d(1,1,1)
+    }
+}
+
+.rubberBand {
+	-webkit-animation: rubberBand 2s ease-in 0 infinite;
+	-o-animation: rubberBand 2s ease-in 0 infinite;
+	animation: rubberBand 2s ease-in 0 infinite;
+}
+
+
+@-webkit-keyframes movex {
+    0% {
+        -webkit-transform: translateX(-40px);
+        transform: translateX(-40px)
+    }
+
+    100% {
+        -webkit-transform: translateX(100px);
+        transform: translateX(100px)
+    }
+}
+@keyframes movex {
+    0% {
+        -webkit-transform: translateX(-40px);
+        transform: translateX(-40px)
+    }
+
+    100% {
+        -webkit-transform: translateX(100px);
+        transform: translateX(100px)
+    }
+}
+.movex {
+	-webkit-animation: movex 3s linear 0 infinite;
+	-o-animation: movex 3s linear 0 infinite;
+	animation: movex 3s linear 0 infinite;
+}
+
+
+@-webkit-keyframes mask {
+    0% {
+        -webkit-transform: translate3d(100%,-20%,0)
+    }
+    100% {
+        -webkit-transform: translate3d(100%,76%,0)
+    }
+}
+@keyframes mask {
+    0% {
+        -webkit-transform: translate3d(100%,-20%,0)
+    }
+    100% {
+        -webkit-transform: translate3d(100%,76%,0)
+    }
+}
+.mask {
+	-webkit-animation: mask 2s linear 0 infinite;
+	-o-animation: mask 2s linear 0 infinite;
+	animation: mask 2s linear 0 infinite;
+}
+@-webkit-keyframes zoomInDown {
+    0% {
+        opacity: 0;
+        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
+        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
+        -webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
+        animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190)
+    }
+
+    60% {
+        opacity: 1;
+        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
+        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
+        -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.320,1);
+        animation-timing-function: cubic-bezier(0.175,0.885,0.320,1)
+    }
+}
+@keyframes zoomInDown {
+    0% {
+        opacity: 0;
+        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
+        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
+        -webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
+        animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190)
+    }
+
+    60% {
+        opacity: 1;
+        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
+        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
+        -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.320,1);
+        animation-timing-function: cubic-bezier(0.175,0.885,0.320,1)
+    }
+}
+
+.zoomInDown {
+	-webkit-animation: zoomInDown 3s linear 0 infinite;
+	-o-animation: zoomInDown 3s linear 0 infinite;
+	animation: zoomInDown 3s linear 0 infinite;
+}
+
+@-webkit-keyframes spin {
+    0% {
+        -webkit-transform: rotate(0);
+        -ms-transform: rotate(0);
+        -o-transform: rotate(0);
+        transform: rotate(0);
+        rotate: 0;
+    }
+    100% {
+        -webkit-transform: rotate(360deg);
+        -ms-transform: rotate(360deg);
+        -o-transform: rotate(360deg);
+        transform: rotate(360deg);
+    }
+}
+@keyframes spin {
+    0% {
+        rotate: 0;
+    }
+    100% {
+        rotate: 360deg;
+    }
+}
+
+.spin {
+	-webkit-animation: spin 3.5s linear 0 infinite;
+	-o-animation: spin 3.5s linear 0 infinite;
+	animation: spin 3.5s linear 0 infinite;
+}
+*/
+
+.btn {
+	border: none;
+	font-family: inherit;
+	font-size: inherit;
+	color: inherit;
+	background: none;
+	cursor: pointer;
+	
+	display: inline-block;
+	text-transform: uppercase;
+	letter-spacing: 1px;
+	outline: none;
+	position: relative;
+	-webkit-transition: all 0.3s;
+	-moz-transition: all 0.3s;
+	transition: all 0.3s;
+}
+
+.btn:after {
+	content: '';
+	position: absolute;
+	z-index: -1;
+	-webkit-transition: all 0.3s;
+	-moz-transition: all 0.3s;
+	transition: all 0.3s;
+}
+
+.btn-1e {
+	overflow: hidden;
+}
+
+.btn-1e:after {
+	width: 100%;
+	height: 0;
+	top: 50%;
+	left: 50%;
+	background: #fff;
+	opacity: 0;
+	-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+	-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+	-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+	transform: translateX(-50%) translateY(-50%) rotate(45deg);
+}
+
+
+
+.btn-1e:hover:after {
+	height: 260%;
+	opacity: 1;
+}
+
+.btn-1e:active:after {
+	height: 400%;
+	opacity: 1;
+}
+
+
+/* Button 1c */
+.btn-1c:after {
+	width: 0%;
+	height: 100%;
+	top: 0;
+	left: 0;
+}
+
+
+
+.btn-1c:hover:after,
+.btn-1c:active:after {
+	width: 100%;
+}
+
diff --git a/css/style.css b/css/style.css
index 8decdef..8d50b4e 100644
--- a/css/style.css
+++ b/css/style.css
@@ -56,14 +56,24 @@
 	display: inline-block;
 	padding: 0 35px;
 	line-height: 90px;
+	transition: all .6s;
 }
 .nav li:last-child>a{
 	padding-right: 0;
 }
 .nav li.active>a{
 	background-color: #de0011;
+	padding: 0 35px;
+	color: #FFFFFF;
+}
+.nav li:hover a{
+	color: #de0011;
+	transform: rotateY(360deg);
+	transition: all .3s;
+}
+.nav li.active:hover a{
+	transform: none;
 	color: #FFFFFF;
-	padding: 0 40px;
 }
 .nav-bg{
 	display: none;
@@ -98,11 +108,12 @@
 	flex-direction: column;
 }
 .banner-title{
+	width: 100%;
 	color: #FFFFFF;
 	position: absolute;
-	left: 50%;
+	left: 0;
 	top: 40%;
-	transform: translate(-50%,-50%);
+	transform: translateY(-50%);
 	text-align: center;
 	z-index: 1;
 }
@@ -219,6 +230,11 @@
 .left-img img{
 	width: 100%;
 	min-height: 336px;
+	transition: all .6s;
+}
+.index-news-left:hover img{
+	transform: scale(1.1);
+	transition: all .6s;
 }
 .left-title{
 	padding: 0 20px;
@@ -235,6 +251,10 @@
 	margin: 15px 0;
 	opacity: .8;
 }
+.index-news-left:hover .left-title,
+.index-news-left:hover p{
+	animation: myfirst-01 .3s;
+}
 .index-news-left span{
 	display: flex;
 	justify-content: space-between;
@@ -286,9 +306,18 @@
 .first-img img{
 	width: 183px;
 	min-height: 123px;
+	transition: all .6s;
+}
+.index-news-first:hover img{
+	transform: scale(1.1);
+	transition: all .6s;
 }
 .first-txt{
 	width: calc(100% - 196px);
+	
+}
+.index-news-first:hover .first-txt{
+	animation: myfirst-01 .3s;
 }
 .first-txt>div{
 	font-size: 16px;
@@ -324,6 +353,7 @@
 }
 .index-news-list li>a{
 	width: 85%;
+	transition: all .6s;
 }
 .index-news-list li>a::before{
 	content: "";
@@ -333,6 +363,7 @@
 	background-color: #aaaaaa;
 	margin:12px 10px 0 0;
 	float: left;
+	transition: all .6s;
 }
 .index-news-list li>span{
 	font-size: 13px;
@@ -344,8 +375,12 @@
 .index-news-list li:hover a{
 	color: #de0011;
 	transition: all .6s;
+	animation: myfirst-01 .3s;
+}
+.index-news-list li:hover a::before{
+	background-color: #de0011;
+	transition: all .6s;
 }
-
 /* 主营业务 */
 .index-information{
 	width: 25%;
@@ -385,6 +420,9 @@
 	margin-top: 10px;
 	opacity: .5;
 }
+.index-information-list li:hover{
+	animation: myfirst-01 .3s;
+}
 .index-business{
 	height: 730px;
 	margin-top: 50px;
@@ -412,12 +450,7 @@
 	transform: translate(-50%,-50%);
 	text-align: center;
 	color: #FFFFFF;
-	animation: myfirst .6s;
-}
-@keyframes myfirst
-{
-    from { opacity: 0;}
-    to {opacity: 1;}
+	animation: myfirst-02 .6s;
 }
 .ndex-business-title h3{
 	font-size: 36px;
@@ -463,7 +496,8 @@
 .index-business-item li{
 	width: 100%;
 	cursor: pointer;
-	transition: all .6s;
+	transition: all 1s;
+	margin: 0 1px;
 }
 .index-business-item li>img{
 	display: block;
@@ -477,9 +511,10 @@
 	text-align: center;
 	color: #FFFFFF;
 }
-.index-business-item li.active{
+.index-business-item li.active,
+.index-business-item li:hover{
 	background-color: rgba(222,0,17,1);
-	transition: all .6s;
+	transition: all 1s;
 }
 /* 关于我们 */
 .index-about{
@@ -515,13 +550,17 @@
 	width: 152px;
 	font-size: 16px;
 	line-height: 50px;
-	background-color: #de0011;
+	background-color: rgba(38,38,38,.5);
 	border-radius: 2px;
 	margin-top: 50px;
 	color: #FFFFFF;
 	text-align: center;
+	transition: all .6s;
+}
+.index-about-left .more:hover{
+	background-color: #de0011;
+	transition: all .6s;
 }
-
 .index-about-right{
 	display: flex;
 	justify-content: flex-end;
@@ -555,11 +594,13 @@
 	width: 64px;
 	height: 64px;
 	margin: 0 auto;
+	transition: all .6s;
 }
 .index-about-bottom li h4{
 	font-size: 26px;
 	line-height: 1.2;
 	margin: 20px 0 15px;
+	transition: all .6s;
 }
 .index-about-bottom li p{
 	padding: 0 21%;
@@ -572,10 +613,18 @@
 	box-shadow: 0 0 20px rgba(38,38,38,.3);
 	transition: all .6s;
 }
-/* .index-about-bottom li:hover h4{
+.index-about-bottom li:hover img{
+	transform: rotateY(360deg);
+	transition: all .6s;
+}
+.index-about-bottom li:hover h4{
 	color: #de0011;
 	transition: all .6s;
-} */
+	animation: myfirst-01 .6s;
+}
+.index-about-bottom li:hover p{
+	animation: myfirst-01 .6s;
+}
 
 /* 尾部 */
 .footer{
@@ -714,11 +763,6 @@
 	top: 47%;
 	animation: pullBanner 1.5s;
 }
-@keyframes pullBanner
-{
-    from {opacity: 0;}
-    to {opacity: 1;}
-}
 .pull-banner-title h2{
 	font-size: 78px;
 }
@@ -756,10 +800,20 @@
 	padding: 0 50px;
 	color: #FFFFFF;
 	font-size: 16px;
+	transition: all .6s;
 }
 .pull-item li.cur>a{
 	background-color: #de0011;
 }
+.pull-item li:hover>a{
+	color: #de0011;
+	transform: rotateY(360deg);
+	transition: all .6s;
+}
+.pull-item li.cur:hover>a{
+	transform: rotateY(0deg);
+	color: #FFFFFF;
+}
 
 /* 企业简介 */
 .section{
@@ -912,6 +966,11 @@
 	line-height: 1.8;
 	opacity: .8;
 }
+.team-list .team-item:hover h4,
+.team-list .team-item:hover p,
+.team-list .team-item:hover span{
+	animation: myfirst-01 .6s;
+}
 
 /* 组织机构 */
 .organization-bg{
@@ -985,6 +1044,7 @@
 	position: absolute;
 	bottom: -23px;
 	left: 0;
+	transition: all .6s;
 	
 }
 .memorabili-txt .swiper-slide em ins{
@@ -993,6 +1053,7 @@
 	height: 11px;
 	background-color: #686868;
 	border-radius: 100%;
+	transition: all .6s;
 }
 .memorabili-txt .swiper-slide:nth-of-type(2n){
 	padding: 20px 0 0;
@@ -1016,6 +1077,11 @@
 	transition: all .6s;
 }
 
+.memorabili-txt .swiper-slide:hover strong,
+.memorabili-txt .swiper-slide:hover p{
+	animation: myfirst-01 .6s;
+}
+
 .memorabili-swiper .swiper-button-prev{
 	width: 51px;
 	height: 51px;
@@ -1082,6 +1148,7 @@
 .news-img img{
 	width: 100%;
 	min-height: 270px;
+	transition: all .6s;
 }
 .news-txt{
 	padding: 10px 20px;
@@ -1112,12 +1179,17 @@
 	background-image: url(../imgs/news-more.png);
 	background-size: 100%;
 }
+.news-list li:hover img{
+	transform: scale(1.1);
+	transition: all .6s;
+}
 .news-list li:hover .news-txt h4,
 .news-list li:hover .news-txt p,
 .news-list li:hover .news-txt span{
 	color: #de0011;
 	opacity: 1;
 	transition: all .6s;
+	animation: myfirst-01 .6s;
 }
 .news-list li:hover .news-txt span>em{
 	background-image: url(../imgs/news-more2.png);
@@ -1233,6 +1305,10 @@
 	color: #de0011;
 	transition: all .6s;
 }
+.news-page>a:hover span,
+.news-page>a:hover .page-title{
+	animation: myfirst-01 .6s;
+}
 
 /* 主营业务 */
 .business-txt{
@@ -1557,6 +1633,7 @@
 .enterprise-img img{
 	width: 100%;
 	min-height: 370px;
+	transition: all .6s;
 }
 .enterprise-txt{
 	width: 50%;
@@ -1571,6 +1648,7 @@
 	width: 64px;
 	height: 64px;
 	margin: 0 auto;
+	transition: all .6s;
 }
 .enterprise-txt h4{
 	font-size: 26px;
@@ -1585,6 +1663,19 @@
 	opacity: .8;
 }
 
+.enterprise-list li:hover .enterprise-img img{
+	transform: scale(1.1);
+	transition: all .6s;
+}
+.enterprise-list li:hover .enterprise-txt img{
+	transform: rotateY(360deg);
+	transition: all .6s;
+}
+.enterprise-list li:hover .enterprise-txt h4,
+.enterprise-list li:hover .enterprise-txt p{
+	animation: myfirst-01 .6s;
+}
+
 /* 团队风采 */
 .team-style-swiper{
 	width: 100%;
@@ -1618,10 +1709,12 @@
 	width: 88%;
 	font-size: 16px;
 	line-height: 3;
+	transition: all .6s;
 }
 .team-list-other li:hover>a{
-	color: #DE0011;
+	color: #de0011;
 	transition: all .6s;
+	animation: myfirst-01 .6s;
 }
 .team-list-other li>a::before{
 	content: "";
@@ -1636,13 +1729,17 @@
 	-o-transform:rotate(45deg); 	 /* Opera */
 	margin: 21px 10px 0 3px;
 	float: left;
+	transition: all; .6s
 }
 .team-list-other li>span{
 	font-size: 16px;
 	line-height: 3;
 	opacity: .8;
 }
-
+.team-list-other li:hover>a::before{
+	background-color: #de0011;
+	transition: all; .6s
+}
 /* 社会责任 */
 .social-list-dxtc{
 	margin-top: -30px;
@@ -1665,19 +1762,23 @@
 	line-height: 1.5;
 	font-weight: normal;
 	margin-bottom: 15px;
+	transition: all .6s; 
 }
 .social-txt p{
 	font-size: 14px;
 	line-height: 2;
 	text-align: justify;
+	transition: all .6s; 
 }
 .social-list-dxtc li:hover .social-txt h4{
 	color: #de0011;
 	transition: all .6s; 
+	animation: myfirst-01 .6s;
 }
 .social-list-dxtc li:hover .social-txt p{
 	opacity: .6;
 	transition: all .6s; 
+	animation: myfirst-01 .6s;
 }
 .social-img{
 	width: 50%;
@@ -1687,6 +1788,11 @@
 .social-img img{
 	width: 100%;
 	min-height: 428px;
+	transition: all .6s; 
+}
+.social-list-dxtc li:hover .social-img img{
+	transform: scale(1.1);
+	transition: all .6s; 
 }
 
 /* 信息公开 */
@@ -1746,6 +1852,9 @@
 .guide-list li:hover .inspect-txt{
 	color: #de0011;
 }
+.guide-list li:hover{
+	animation: myfirst-01 .6s;
+}
 
 
 /* 联系我们 */
@@ -1857,12 +1966,18 @@ textarea::-webkit-input-placeholder {
 	display: block;
 	width: 200px;
 	height: 58px;
-	background-color: #de0011;
+	background-color: rgba(38,38,38,.5);
 	border: 0;
 	border-radius: 0;
 	font-size: 20px;
 	color: #FFFFFF;
 	margin: 25px auto 10px;
+	border-radius: 2px;
+	transition: all .6s;
+}
+.contact-btn:hover{
+	background-color: #de0011;
+	transition: all .6s;
 }
 /* 加入我们 */
 .join-list{
@@ -2358,7 +2473,8 @@ textarea::-webkit-input-placeholder {
 	}
 	.banner-title{
 		width: 80%;
-		top: 43%;
+		left: 10%;
+		top: 28%;
 	}
 	.banner-title h2{
 		font-size: 30px;
@@ -2938,4 +3054,27 @@ textarea::-webkit-input-placeholder {
 		font-size: 22px;
 		margin: 20px 0 10px;
 	}
+}
+
+/* 动画效果 */
+@keyframes myfirst-01
+{
+    0%   {transform: rotateY(0deg);}
+	50%  {transform: rotateY(30deg);}
+	100%  {transform: rotateY(0deg);}
+}
+@keyframes myfirst-02
+{
+    from { top: calc(80% - 60px);}
+    to { top:calc(50% - 60px);}
+}
+@keyframes myfirst-03
+{
+    from { background-color: #262626;}
+    to { background-color: #de0011;}
+}
+@keyframes pullBanner
+{
+    from {opacity: 0;}
+    to {opacity: 1;}
 }
\ No newline at end of file
diff --git a/culture.html b/culture.html
index 7f38a27..714fcda 100644
--- a/culture.html
+++ b/culture.html
@@ -18,7 +18,8 @@
 		<link rel="stylesheet" type="text/css" href="./css/swiper.min.css"/>
 		<link rel="stylesheet" type="text/css" href="./css/animate.min.css"/>
 		<link rel="stylesheet" type="text/css" href="./css/style.css"/>
-		<script src="./js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
+		<script src="./js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
+		<script src="./js/wow.js" type="text/javascript" charset="utf-8"></script>
 		<script src="./js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
 		<script src="./js/swiper.animate1.0.3.min.js" type="text/javascript" charset="utf-8"></script>
 		<script src="./js/javascript.js" type="text/javascript" charset="utf-8"></script>
@@ -74,12 +75,12 @@
 		<!-- 主体内容 -->
 		<div class="content w100" >
 			<div class="news-bg w1690">
-				<div class="news culture w1280">
+				<div class="news culture w1280 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 					<div class="pull-title">
 						<h3>企业理念</h3>
 						<span>Enterprise concept</span>
 					</div>
-					<ul class="enterprise-list">
+					<ul class="enterprise-list wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 						<li>
 							<div class="enterprise-img">
 								<img src="imgs/culture-01.jpg" alt="企业愿景">
@@ -116,9 +117,9 @@
 		</div>
 		<!-- 底部部分 -->
 		<footer class="footer w1690">
-			<div class="foot w1280">
+			<div class="foot w1280 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 				<div class="foot-left">
-					<p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） |  Tel：028-12345678   |    Fax：028-12345678</p>
					<p>Email：11111111@shunengkc.com</p>
+					<p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） <span>Tel：028-12345678   |    Fax：028-12345678</span></p>
					<p>Email：11111111@shunengkc.com</p>
 					<span>Copyright ©2022  四川蜀能矿产有限责任公司. All Rights Reserved</span>
 				</div>
 				<div class="foot-right">
diff --git a/guide.html b/guide.html
index 8b6d70f..3546811 100644
--- a/guide.html
+++ b/guide.html
@@ -18,7 +18,8 @@
 		<link rel="stylesheet" type="text/css" href="./css/swiper.min.css"/>
 		<link rel="stylesheet" type="text/css" href="./css/animate.min.css"/>
 		<link rel="stylesheet" type="text/css" href="./css/style.css"/>
-		<script src="./js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
+		<script src="./js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
+		<script src="./js/wow.js" type="text/javascript" charset="utf-8"></script>
 		<script src="./js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
 		<script src="./js/swiper.animate1.0.3.min.js" type="text/javascript" charset="utf-8"></script>
 		<script src="./js/javascript.js" type="text/javascript" charset="utf-8"></script>
@@ -74,13 +75,13 @@
 		<!-- 主体内容 -->
 		<div class="content w100" >
 			<div class="news-bg w1690">
-				<div class="news information w1280">
+				<div class="news information w1280 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 					<div class="pull-title">
 						<h3>公开指南</h3>
 						<span>Public Guide</span>
 					</div>
 					<ul class="guide-list">
-						<li>
+						<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 							<a href="inspect-detail.html">
 								<div class="inspect-time">
 									<strong>30</strong>
@@ -92,7 +93,7 @@
 								</div>
 							</a>
 						</li>
-						<li>
+						<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 							<a href="inspect-detail.html">
 								<div class="inspect-time">
 									<strong>30</strong>
@@ -104,7 +105,7 @@
 								</div>
 							</a>
 						</li>
-						<li>
+						<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 							<a href="inspect-detail.html">
 								<div class="inspect-time">
 									<strong>30</strong>
@@ -116,7 +117,7 @@
 								</div>
 							</a>
 						</li>
-						<li>
+						<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 							<a href="inspect-detail.html">
 								<div class="inspect-time">
 									<strong>30</strong>
@@ -128,7 +129,7 @@
 								</div>
 							</a>
 						</li>
-						<li>
+						<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 							<a href="inspect-detail.html">
 								<div class="inspect-time">
 									<strong>30</strong>
@@ -140,7 +141,7 @@
 								</div>
 							</a>
 						</li>
-						<li>
+						<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 							<a href="inspect-detail.html">
 								<div class="inspect-time">
 									<strong>30</strong>
@@ -152,7 +153,7 @@
 								</div>
 							</a>
 						</li>
-						<li>
+						<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 							<a href="inspect-detail.html">
 								<div class="inspect-time">
 									<strong>30</strong>
@@ -164,7 +165,7 @@
 								</div>
 							</a>
 						</li>
-						<li>
+						<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 							<a href="inspect-detail.html">
 								<div class="inspect-time">
 									<strong>30</strong>
@@ -176,7 +177,7 @@
 								</div>
 							</a>
 						</li>
-						<li>
+						<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 							<a href="inspect-detail.html">
 								<div class="inspect-time">
 									<strong>30</strong>
@@ -188,7 +189,7 @@
 								</div>
 							</a>
 						</li>
-						<li>
+						<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 							<a href="inspect-detail.html">
 								<div class="inspect-time">
 									<strong>30</strong>
@@ -202,7 +203,7 @@
 						</li>
 					</ul>
 				</div>
-				<div class="pase-size">
+				<div class="pase-size wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 					<a href="">上一页</a>
 					<a href="" class="active">1</a>
 					<a href="">2</a>
@@ -221,9 +222,9 @@
 		</div>
 		<!-- 底部部分 -->
 		<footer class="footer w1690">
-			<div class="foot w1280">
+			<div class="foot w1280 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 				<div class="foot-left">
-					<p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） |  Tel：028-12345678   |    Fax：028-12345678</p>
					<p>Email：11111111@shunengkc.com</p>
+					<p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） <span>Tel：028-12345678   |    Fax：028-12345678</span></p>
					<p>Email：11111111@shunengkc.com</p>
 					<span>Copyright ©2022  四川蜀能矿产有限责任公司. All Rights Reserved</span>
 				</div>
 				<div class="foot-right">
diff --git a/imgs/形状3.png b/imgs/形状3.png
new file mode 100644
index 0000000000000000000000000000000000000000..56dc5d87d960e0af844a0150ee52ff33a203ce31
GIT binary patch
literal 2203
zcmaJ@dpwi-A7AB2hAwhV>uGaD*bQUT^qS4sVbqK!2hH|iu|2a5bE&*CmB?MS__-w2
z`N`=rNtv8<BSNJUDqiG7rw&qyqkjFiPCDn0U%%(|dY<p)^?tuUxAz}U))s$nLw!qq
z7z}2}@S(9ZtDW}M)75-W?|{u{77LjdM-~W0$&$Dd5Jurcks!bja-%^O$mJ);w}YEt
zuq8GEHb=%``jL2$5Y5$M&~l+z!-l~&ZI+9<yjV~MM1s)*5g9qz)Pe*Ad@^#I3lqx}
zQ^6R4Pl^N#Oz~&)Qet^TK60}Mut`qR2nazL7my3%L{gHRjQp%i((JX@7$oo+B8w#>
z|4NF(+yYP`2?)5L364CRvkTx#MB@lf&P1XEfXCw8FjzMX&dCu+AUR`6cs%gsL29B&
z_)#Pljs7K;=0rxu$Yf#?29uPOgidloLy~9=jz}b8uy_m}@2EjIN|Qx0uG~>1MJ*`M
zKq*fm5X%IR2+%5WBcTKt8L7$iuM&jfud*WPmo{k{hLLl{7#td_EolMBWd47sQ1}%s
zm9fCT^ZlQ~Qg*T!#IQgqlpx`01{a0Wh7yyg5|Ar{By0$ZTj=7J7)S<5V<0g=rE0rI
z1Z=knM0_YoYWJDLWRe&nsf;V)feacMsZl`-1bmV!or-g%c)Aj?u2dY(i%N7Mx>217
z6r!t(vlop<S>VzjUV;!5$riZ$zqxMT<ZA686l)^WK#3p`<kKaP5cpg+N$~AlT)wII
zh0FhTE`)D#F`8sB+Ts3V*b7%02Whuot*beFH9siQI9{T$b{-`n6bAba&Y)4)@_|le
zY#iImd|$xw&`K|ddk0D)0T-HYPLIyZl2wWu`%<#9GLa?q8+Xo9de<G?!_K+o>l3qc
zuNiIY<?miw9>n3yw`Q~Ie_!64PE!M3)u(&*{S5Bf{3a*&_S1>-u!|oHT~%XcM5jrm
za<cS&spIymX+in7?kHk2iLKUEo<92XiX=rsYbqtpJ%R)L=)l&$*?OrJ!L6Mto07h*
zIj+}^<YtM_iX#sj4XqIEl@pvi^WZ8~@4Q!|Z;UZ(B5FLyb|pc-ZpEwBrptm_8Lc{1
z{v5lv_p2T%l{L?ly`^_k^QM~05^Kj#73~fk-a2CGBS$sTkJ?*t6@=Lc)I4MM2YFay
zfP8x+yU+8KJKpas8S`7S>2Q<J+SvC_+>6+Xl@-22iT{$IlHtqa$i4b6Q99L8YahN@
zU(>tJ;wLBkwA#avGQ{dFU6hwR^(XJjZM~$xd;6O0y*G@TiB=@SjYB%FIu8FwH1J3F
z`KQY>*USmkx6IpZ)R(DpkCT^X^nB-<-KIOkFg4*;k8e!l!kOzI?3iKaS6novcb-2f
zfi^x`DlgBgJ9%b#RtBX!zWY_<x$L2b1s96O=KAJ~i#!)!3`xpw*+nH1SO|wo<{00E
zejzXW{$k4y58>eMWOX_rpz@VdVT2@}j;%jaC}}B3E6ujwZ_c<KoqB+SZR!g3%@Fd2
zc@1c5gwUA&Z05SIvhv+0>$IFlxjl~syH}%8;koA4dr{+`B(o0FLHX@<y2Gc><(mhY
z@z?<g<vz+Bc?`OGn|BMmzsj=Az)x->j5!6zEDKaTQcU)vTb?h$*HzeDYO@<U9=Ce8
zu@NXwDi&W6SBdrC`w7BsA`mo&?tyGo=HvX>XOZ%c*9W^)*)Ja#L|;BCtjb$vpPx;!
zDO_aYryS}=q?tYlDXV&IZFjS)?W4QG%*RAG<<c7R+*X^K;x^<>57^v5m-8qu6xk73
zK5}Su>L^MOTm)Lrs|!B3b@?3g9^Ck(^H}FY#B_a4e}-T36m*tR#K9ateRubYL9gGe
zEPxLV={-?pQI?MwiS-kUXgB2QRI96E^5D~w+|ln_YZaLR3U@}iq~N2Sy3w@Isj&s;
zJ&B;R-lvO=QbzP!M=GwVSG9W_)M?(wCqGi(I8+>Z>1OzeHkXKjA6mLwc}0PqxhHB0
zHlW`9(UE6(zd>%my=PRh!KxkJR+<_amGG(LU6G?@Mabc%{SGOrppfa2PY;YL6^oBJ
z`j3s2thY&tIC;jfS*(H%6v)zS6y@Fs$I5H>!fmHJ&ZQH=_~wYhzWHO=b!!5WZCQuS
zdY%hJyDZzA2bXa?OfOv5v9)L^3;rdh-23u|x4D$<({XV|OAY3m>(0PmZ@=~?t@CyN
zD&0M67ey%edAu4uxXK&V9h}lyZ5`EQIE4$3Jv7SYD$VR`d86M4@4+uM5EhIHpH%pD
zcDO|R`{YyDwfMfeBf&Fw@YBWg$<x*kjyD)TiS4s+xc%Z#?+dVcyehnD%-}`mpQYZP
zz^RboS^#cw_d|p6kYUUn7u&)NzYvq(Ph|eoQ2%D<=#QkA0CO<sPQPzyLwwqu{l%&(
zXB76y9A5<ov)YchN;v0o%y#O|P77b1kKik>x@Jn1o<$ki8G8_oB-NgE6WpjkB@H^L
z-;E7=u8hVr8Nc==(yySNPvGG3?(3csS2ChghNUM4wx^9kGfl81u=S>HORJiLc-r3u
NhL=C>XU`pb{|hHblb!$o

literal 0
HcmV?d00001

diff --git a/index.html b/index.html
index b068ce8..4916dd3 100644
--- a/index.html
+++ b/index.html
@@ -16,9 +16,10 @@
 		<title>四川蜀能矿产有限责任公司</title>
 		<link rel="stylesheet" type="text/css" href="./css/base.css"/>
 		<link rel="stylesheet" type="text/css" href="./css/swiper.min.css"/>
-		<link rel="stylesheet" type="text/css" href="./css/animate.min.css"/>
+		<link rel="stylesheet" type="text/css" href="./css/animate.css"/>
 		<link rel="stylesheet" type="text/css" href="./css/style.css"/>
 		<script src="./js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
+		<script src="./js/wow.js" type="text/javascript" charset="utf-8"></script>
 		<script src="./js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
 		<script src="./js/swiper.animate1.0.3.min.js" type="text/javascript" charset="utf-8"></script>
 		<script src="./js/javascript.js" type="text/javascript" charset="utf-8"></script>
@@ -57,7 +58,7 @@
 			<div class="swiper-wrapper">
 				<div class="swiper-slide">
 					<img src="imgs/banner/banner.jpg" width="100%" height="100%" alt="">
-					<div class="banner-title ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.6s" swiper-animate-delay="0">
+					<div class="banner-title ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.6s" swiper-animate-delay="0">
 						<h2>Shuneng</h2>
 						<p>诚实守信，做一流的资源型矿业公司</p>
 						<span>Be honest and trustworthy, and be a first-class resource-based</span>
@@ -65,7 +66,7 @@
 				</div>
 				<div class="swiper-slide">
 					<img src="imgs/banner/banner.jpg" width="100%" height="100%" alt="">
-					<div class="banner-title ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.6s" swiper-animate-delay="0">
+					<div class="banner-title ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.6s" swiper-animate-delay="0">
 						<h2>Shuneng</h2>
 						<p>诚实守信，做一流的资源型矿业公司</p>
 						<span>Be honest and trustworthy, and be a first-class resource-based</span>
@@ -73,7 +74,7 @@
 				</div>
 				<div class="swiper-slide">
 					<img src="imgs/banner/banner.jpg" width="100%" height="100%" alt="">
-					<div class="banner-title ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.6s" swiper-animate-delay="0">
+					<div class="banner-title ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.6s" swiper-animate-delay="0">
 						<h2>Shuneng</h2>
 						<p>诚实守信，做一流的资源型矿业公司</p>
 						<span>Be honest and trustworthy, and be a first-class resource-based</span>
@@ -86,7 +87,7 @@
 		<div class="index-content w100" >
 			<!-- 新闻动态 -->
 			<div class="index-news-information w1690">
-				<div class="index-news">
+				<div class="index-news wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 					<div class="index-news-left">
 						<a href="news-detail.html">
 							<div class="left-img"><img src="imgs/news-01.png" alt=""></div>
@@ -95,7 +96,7 @@
 							<span>2022.01.20<em></em></span>
 						</a>
 					</div>
-					<div class="index-news-right">
+					<div class="index-news-right wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 						<div class="index-title-bg">
 							<h3 class="index-title">
 								<ins>新</ins>
@@ -153,7 +154,7 @@
 						</div>
 					</div>
 				</div>
-				<div class="index-information">
+				<div class="index-information wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 					<div class="index-information-title">
 						信息公布
 						<span>Information publication</span>
@@ -180,7 +181,7 @@
 			</div>
 			<!-- 主营业务 -->
 			<div class="index-business w1690">
-				<ul class="index-business-list">
+				<ul class="index-business-list wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 					<li>
 						<img src="imgs/business.jpg" alt="">
 						<div class="index-business-txt">
@@ -277,7 +278,7 @@
 			</div>
 			<!-- 关于我们 -->
 			<div class="index-about w1690">
-				<div class="index-about-top">
+				<div class="index-about-top wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 					<div class="index-about-left">
 						<div class="index-title-bg">
 							<h3 class="index-title">
@@ -296,7 +297,7 @@
 						<img src="imgs/about-right.png" alt="">
 					</div>
 				</div>
-				<ul class="index-about-bottom">
+				<ul class="index-about-bottom wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 					<li>
 						<img src="imgs/about-icon.png" alt="企业愿景">
 						<h4>企业愿景</h4>
@@ -317,9 +318,8 @@
 		</div>
 		<!-- 底部部分 -->
 		<footer class="footer w1690">
-			<div class="index-foot foot">
+			<div class="index-foot foot wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 				<div class="foot-left">
-
 					<p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） <span>Tel：028-12345678   |    Fax：028-12345678</span></p>
 					<p>Email：11111111@shunengkc.com</p>
 					<span>Copyright ©2022  四川蜀能矿产有限责任公司. All Rights Reserved <a href="">备案号：1234567</a></span>
diff --git a/information.html b/information.html
index bd1b480..b67c8e7 100644
--- a/information.html
+++ b/information.html
@@ -18,7 +18,8 @@
 		<link rel="stylesheet" type="text/css" href="./css/swiper.min.css"/>
 		<link rel="stylesheet" type="text/css" href="./css/animate.min.css"/>
 		<link rel="stylesheet" type="text/css" href="./css/style.css"/>
-		<script src="./js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
+		<script src="./js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
+		<script src="./js/wow.js" type="text/javascript" charset="utf-8"></script>
 		<script src="./js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
 		<script src="./js/swiper.animate1.0.3.min.js" type="text/javascript" charset="utf-8"></script>
 		<script src="./js/javascript.js" type="text/javascript" charset="utf-8"></script>
@@ -74,19 +75,19 @@
 		<!-- 主体内容 -->
 		<div class="content w100" >
 			<div class="news-bg w1690">
-				<div class="news information w1280">
+				<div class="news information w1280 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 					<div class="pull-title">
 						<h3>基本信息</h3>
 						<span>essential information</span>
 					</div>
 					<div class="information-content">
-						<div class="information-txt">
+						<div class="information-txt wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 							<p>
 								公司成立于2021年12月30日，系由四川路桥建设集团股份有限公司（以下简称四川路桥公司）、四川省新能源动力股份有限公司（以下简称川能动力）、马边彝族自治县禾丰国有资产有限公司（以下简称马边国资公司）以及比亚迪股份有限公司（以下简称比亚迪公司）共同投资成立的有限责任公司，公司设立时注册资本为人民币50,000.00万元，其中四川路桥公司出资33,500.00万元，出资比例67%；川能动力出资10,000.00万元，出资比例20.00%，马边国资公司出资6000.00万元（资产），出资比例12%，比亚迪公司出资500万元，出资比例1%。
							</p>
							<p>
 								预计2022年6月将完成增资，截至2022年12月31日，本公司注册资本将达到人民币100,000.00万元，实收资本为人民币100,000.00万元。其中增资部分四川路桥公司出资33,500.00万元，出资比例67%；川能动力出资10,000.00万元，出资比例20.00%，马边国资公司出资6000.00万元（资产），出资比例12%，比亚迪公司出资500万元，出资比例1%。<br />
								公司统一社会信用代码：91511133MA7F4YKL7P法定代表人：徐开贵<br />
								注册地址：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房）
 							</p>
 						</div>
-						<div class="information-img">
+						<div class="information-img wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 							<img src="imgs/information.png" alt="">
 						</div>
 					</div>
@@ -95,9 +96,9 @@
 		</div>
 		<!-- 底部部分 -->
 		<footer class="footer w1690">
-			<div class="foot w1280">
+			<div class="foot w1280 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 				<div class="foot-left">
-					<p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） |  Tel：028-12345678   |    Fax：028-12345678</p>
					<p>Email：11111111@shunengkc.com</p>
+					<p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） <span>Tel：028-12345678   |    Fax：028-12345678</span></p>
					<p>Email：11111111@shunengkc.com</p>
 					<span>Copyright ©2022  四川蜀能矿产有限责任公司. All Rights Reserved</span>
 				</div>
 				<div class="foot-right">
diff --git a/inspect-detail.html b/inspect-detail.html
index f4858d4..311d375 100644
--- a/inspect-detail.html
+++ b/inspect-detail.html
@@ -18,7 +18,8 @@
 		<link rel="stylesheet" type="text/css" href="./css/swiper.min.css"/>
 		<link rel="stylesheet" type="text/css" href="./css/animate.min.css"/>
 		<link rel="stylesheet" type="text/css" href="./css/style.css"/>
-		<script src="./js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
+		<script src="./js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
+		<script src="./js/wow.js" type="text/javascript" charset="utf-8"></script>
 		<script src="./js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
 		<script src="./js/swiper.animate1.0.3.min.js" type="text/javascript" charset="utf-8"></script>
 		<script src="./js/javascript.js" type="text/javascript" charset="utf-8"></script>
@@ -74,10 +75,10 @@
 		<!-- 主体内容 -->
 		<div class="content w100" >
 			<div class="news-bg news-detail-bg w1690">
-				<div class="news w1280">
+				<div class="news w1280 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 					<h1>蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动暨安全环保督察工作</h1>
 					<span class="news-time">发布时间：2020-04-24<em>来源：本站原创</em>点击次数：657次</span>
-					<div class="news-detail-txt">
+					<div class="news-detail-txt wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 						<p>
 							成立于2021年12月30日，系由四川路桥建设集团股份有限公司（以下简称四川路桥公司）、四川省新能源动力股份有限公司（以下简称川能动力）、马边彝族自治县禾丰国有资产有限公司（以下简称马边国资公司）以及比亚迪股份有限公司（以下简称比亚迪公司）共同投资成立的有限责任公司，公司设立时注册资本为人民币50,000.00万元，其中四川路桥公司出资33,500.00万元，出资比例67%；川能动力出资10,000.00万元，出资比例20.00%，马边国资公司出资6000.00万元（资产），出资比例12%，比亚迪公司出资500万元，出资比例1%。<br />
							预计2022年6月将完成增资，截至2022年12月31日，本公司注册资本将达到人民币100,000.00万元，实收资本为人民币100,000.00万元。其中增资部分四川路桥公司出资33,500.00万元，出资比例67%；川能动力出资10,000.00万元，出资比例20.00%，马边国资公司出资6000.00万元（资产），出资比例12%，比亚迪公司出资500万元，出资比例1%。<br />
							公司统一社会信用代码：91511133MA7F4YKL7P法定代表人：徐开贵<br />
							注册地址：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房）
 						</p>
@@ -90,7 +91,7 @@
 						</p>
 					</div>
 					<!-- 上下篇 -->
-					<div class="news-page inspect-page">
+					<div class="news-page inspect-page wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 						<a href="" class="prev inspect-prev">
 							<ins><img src="imgs/arrow-page.png" alt=""></ins>
 							<div class="page-title">
@@ -111,9 +112,9 @@
 		</div>
 		<!-- 底部部分 -->
 		<footer class="footer w1690">
-			<div class="foot w1280">
+			<div class="foot w1280 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 				<div class="foot-left">
-					<p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） |  Tel：028-12345678   |    Fax：028-12345678</p>
					<p>Email：11111111@shunengkc.com</p>
+					<p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） <span>Tel：028-12345678   |    Fax：028-12345678</span></p>
					<p>Email：11111111@shunengkc.com</p>
 					<span>Copyright ©2022  四川蜀能矿产有限责任公司. All Rights Reserved</span>
 				</div>
 				<div class="foot-right">
diff --git a/inspect.html b/inspect.html
index b2bbda2..e87cea7 100644
--- a/inspect.html
+++ b/inspect.html
@@ -18,7 +18,8 @@
 		<link rel="stylesheet" type="text/css" href="./css/swiper.min.css"/>
 		<link rel="stylesheet" type="text/css" href="./css/animate.min.css"/>
 		<link rel="stylesheet" type="text/css" href="./css/style.css"/>
-		<script src="./js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
+		<script src="./js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
+		<script src="./js/wow.js" type="text/javascript" charset="utf-8"></script>
 		<script src="./js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
 		<script src="./js/swiper.animate1.0.3.min.js" type="text/javascript" charset="utf-8"></script>
 		<script src="./js/javascript.js" type="text/javascript" charset="utf-8"></script>
@@ -74,13 +75,13 @@
 		<!-- 主体内容 -->
 		<div class="content w100" >
 			<div class="news-bg w1690">
-				<div class="news inspect w1280">
+				<div class="news inspect w1280 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 					<div class="pull-title">
 						<h3>党群工作</h3>
 						<span>Party masses work</span>
 					</div>
 					<ul class="inspect-list">
-						<li>
+						<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 							<a href="inspect-detail.html">
 								<div class="inspect-img"><img src="imgs/inspect-list.jpg" alt=""></div>
 								<div class="inspect-time">
@@ -94,7 +95,7 @@
 								</div>
 							</a>
 						</li>
-						<li>
+						<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 							<a href="inspect-detail.html">
 								<div class="inspect-img"><img src="imgs/inspect-list.jpg" alt=""></div>
 								<div class="inspect-time">
@@ -108,7 +109,7 @@
 								</div>
 							</a>
 						</li>
-						<li>
+						<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 							<a href="inspect-detail.html">
 								<div class="inspect-img"><img src="imgs/inspect-list.jpg" alt=""></div>
 								<div class="inspect-time">
@@ -122,7 +123,7 @@
 								</div>
 							</a>
 						</li>
-						<li>
+						<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 							<a href="inspect-detail.html">
 								<div class="inspect-img"><img src="imgs/inspect-list.jpg" alt=""></div>
 								<div class="inspect-time">
@@ -136,7 +137,7 @@
 								</div>
 							</a>
 						</li>
-						<li>
+						<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 							<a href="inspect-detail.html">
 								<div class="inspect-img"><img src="imgs/inspect-list.jpg" alt=""></div>
 								<div class="inspect-time">
@@ -150,7 +151,7 @@
 								</div>
 							</a>
 						</li>
-						<li>
+						<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 							<a href="inspect-detail.html">
 								<div class="inspect-img"><img src="imgs/inspect-list.jpg" alt=""></div>
 								<div class="inspect-time">
@@ -164,7 +165,7 @@
 								</div>
 							</a>
 						</li>
-						<li>
+						<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 							<a href="inspect-detail.html">
 								<div class="inspect-img"><img src="imgs/inspect-list.jpg" alt=""></div>
 								<div class="inspect-time">
@@ -178,7 +179,7 @@
 								</div>
 							</a>
 						</li>
-						<li>
+						<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 							<a href="inspect-detail.html">
 								<div class="inspect-img"><img src="imgs/inspect-list.jpg" alt=""></div>
 								<div class="inspect-time">
@@ -192,7 +193,7 @@
 								</div>
 							</a>
 						</li>
-						<li>
+						<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 							<a href="inspect-detail.html">
 								<div class="inspect-img"><img src="imgs/inspect-list.jpg" alt=""></div>
 								<div class="inspect-time">
@@ -206,7 +207,7 @@
 								</div>
 							</a>
 						</li>
-						<li>
+						<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 							<a href="inspect-detail.html">
 								<div class="inspect-img"><img src="imgs/inspect-list.jpg" alt=""></div>
 								<div class="inspect-time">
@@ -222,7 +223,7 @@
 						</li>
 					</ul>
 				</div>
-				<div class="pase-size">
+				<div class="pase-size wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 					<a href="">上一页</a>
 					<a href="" class="active">1</a>
 					<a href="">2</a>
@@ -241,9 +242,9 @@
 		</div>
 		<!-- 底部部分 -->
 		<footer class="footer w1690">
-			<div class="foot  w1280">
+			<div class="foot  w1280 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 				<div class="foot-left">
-					<p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） |  Tel：028-12345678   |    Fax：028-12345678</p>
					<p>Email：11111111@shunengkc.com</p>
+					<p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） <span>Tel：028-12345678   |    Fax：028-12345678</span></p>
					<p>Email：11111111@shunengkc.com</p>
 					<span>Copyright ©2022  四川蜀能矿产有限责任公司. All Rights Reserved</span>
 				</div>
 				<div class="foot-right">
diff --git a/join.html b/join.html
index b755d5d..685d2df 100644
--- a/join.html
+++ b/join.html
@@ -18,7 +18,8 @@
 		<link rel="stylesheet" type="text/css" href="./css/swiper.min.css"/>
 		<link rel="stylesheet" type="text/css" href="./css/animate.min.css"/>
 		<link rel="stylesheet" type="text/css" href="./css/style.css"/>
-		<script src="./js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
+		<script src="./js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
+		<script src="./js/wow.js" type="text/javascript" charset="utf-8"></script>
 		<script src="./js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
 		<script src="./js/swiper.animate1.0.3.min.js" type="text/javascript" charset="utf-8"></script>
 		<script src="./js/javascript.js" type="text/javascript" charset="utf-8"></script>
@@ -73,13 +74,13 @@
 		<!-- 主体内容 -->
 		<div class="content w100" >
 			<div class="news-bg w1690">
-				<div class="news join w1280">
+				<div class="news join w1280 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 					<div class="pull-title">
 						<h3>加入我们</h3>
 						<span>Join us</span>
 					</div>
 					<ul class="join-list">
-						<li>
+						<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 							<div class="join-item-first">
 								<strong>招聘职位</strong>
 								<strong>招聘人数</strong>
@@ -87,7 +88,7 @@
 								<strong>展开详情</strong>
 							</div>
 						</li>
-						<li>
+						<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 							<div class="join-item">
 								<span>研究院电芯研发实验员研究院电芯研发实验员研究院电芯研发实验员</span>
 								<span>2人</span>
@@ -117,7 +118,7 @@
 								</p>
 							</div>
 						</li>
-						<li>
+						<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 							<div class="join-item">
 								<span>研究院电芯研发实验员</span>
 								<span>2人</span>
@@ -148,7 +149,7 @@
 								</p>
 							</div>
 						</li>
-						<li>
+						<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 							<div class="join-item">
 								<span>研究院电芯研发实验员</span>
 								<span>2人</span>
@@ -179,7 +180,7 @@
 								</p>
 							</div>
 						</li>
-						<li>
+						<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 							<div class="join-item">
 								<span>研究院电芯研发实验员</span>
 								<span>2人</span>
@@ -210,7 +211,7 @@
 								</p>
 							</div>
 						</li>
-						<li>
+						<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 							<div class="join-item">
 								<span>研究院电芯研发实验员</span>
 								<span>2人</span>
@@ -241,7 +242,7 @@
 								</p>
 							</div>
 						</li>
-						<li>
+						<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 							<div class="join-item">
 								<span>研究院电芯研发实验员</span>
 								<span>2人</span>
@@ -278,9 +279,9 @@
 		</div>
 		<!-- 底部部分 -->
 		<footer class="footer w1690">
-			<div class="foot w1280">
+			<div class="foot w1280 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 				<div class="foot-left">
-					<p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） |  Tel：028-12345678   |    Fax：028-12345678</p>
					<p>Email：11111111@shunengkc.com</p>
+					<p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） <span>Tel：028-12345678   |    Fax：028-12345678</span></p>
					<p>Email：11111111@shunengkc.com</p>
 					<span>Copyright ©2022  四川蜀能矿产有限责任公司. All Rights Reserved</span>
 				</div>
 				<div class="foot-right">
diff --git a/js/javascript.js b/js/javascript.js
index e93fb0a..bda7031 100644
--- a/js/javascript.js
+++ b/js/javascript.js
@@ -13,10 +13,10 @@ jQuery(function($){
 				el: '.banner-swiper .swiper-pagination',
 				clickable :true,
 			},
-			effect : 'slide',//轮播的动效 默认为"slide"（普通位移切换），还可设置为"fade"（淡入）、"cube"（方块）、"coverflow"（3d流）、"flip"（3d翻转）、"cards"(卡片式)、"creative"（创意性）。
-			// fadeEffect: {
-			// 	crossFade: true,
-			// },
+			effect : 'fade',//轮播的动效 默认为"slide"（普通位移切换），还可设置为"fade"（淡入）、"cube"（方块）、"coverflow"（3d流）、"flip"（3d翻转）、"cards"(卡片式)、"creative"（创意性）。
+			fadeEffect: {
+				crossFade: true,
+			},
 			on:{
 				init: function(){
 					swiperAnimateCache(this); //隐藏动画元素 
@@ -29,6 +29,16 @@ jQuery(function($){
 			}
 		});
 	}
+	if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){
+		var wow = new WOW({
+			boxClass: 'wow',
+			animateClass: 'animated',
+			offset: -50,
+			mobile: false,
+			live: true 
+		});
+		wow.init();  
+	};
 	// 首页新闻动态切换
 	$(".index-title-item>li").eq(0).addClass("active");
 	$(".index-news-all>div").eq(0).addClass("cur");
@@ -308,11 +318,11 @@ jQuery(function($){
 	
 	// 加入我们切换
 	$('.join-item').click(function() {
-		if($(this).parent().attr('class') == 'active'){
-			$('.join-list li').removeClass('active');
+		if($(this).parent().attr('class') == 'wow fadeInUp animated active'){
+			$('.join-list>li').removeClass('active');
 			$('.join-list>li').find(".more").html("展开详情")
 		}else{
-			$('.join-list li').removeClass('active')
+			$('.join-list>li').removeClass('active')
 			$(this).parent().addClass('active')
 			$('.join-list>li').find(".more").html("展开详情")
 			$('.join-list>li.active').find(".more").html("收起详情")
diff --git a/js/wow.js b/js/wow.js
new file mode 100644
index 0000000..f2ca659
--- /dev/null
+++ b/js/wow.js
@@ -0,0 +1,2 @@
+/*! WOW - v1.0.1 - 2014-09-03
+* Copyright (c) 2014 Matthieu Aussaguel; Licensed MIT */(function(){var a,b,c,d,e,f=function(a,b){return function(){return a.apply(b,arguments)}},g=[].indexOf||function(a){for(var b=0,c=this.length;c>b;b++)if(b in this&&this[b]===a)return b;return-1};b=function(){function a(){}return a.prototype.extend=function(a,b){var c,d;for(c in b)d=b[c],null==a[c]&&(a[c]=d);return a},a.prototype.isMobile=function(a){return/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(a)},a.prototype.addEvent=function(a,b,c){return null!=a.addEventListener?a.addEventListener(b,c,!1):null!=a.attachEvent?a.attachEvent("on"+b,c):a[b]=c},a.prototype.removeEvent=function(a,b,c){return null!=a.removeEventListener?a.removeEventListener(b,c,!1):null!=a.detachEvent?a.detachEvent("on"+b,c):delete a[b]},a.prototype.innerHeight=function(){return"innerHeight"in window?window.innerHeight:document.documentElement.clientHeight},a}(),c=this.WeakMap||this.MozWeakMap||(c=function(){function a(){this.keys=[],this.values=[]}return a.prototype.get=function(a){var b,c,d,e,f;for(f=this.keys,b=d=0,e=f.length;e>d;b=++d)if(c=f[b],c===a)return this.values[b]},a.prototype.set=function(a,b){var c,d,e,f,g;for(g=this.keys,c=e=0,f=g.length;f>e;c=++e)if(d=g[c],d===a)return void(this.values[c]=b);return this.keys.push(a),this.values.push(b)},a}()),a=this.MutationObserver||this.WebkitMutationObserver||this.MozMutationObserver||(a=function(){function a(){"undefined"!=typeof console&&null!==console&&console.warn("MutationObserver is not supported by your browser."),"undefined"!=typeof console&&null!==console&&console.warn("WOW.js cannot detect dom mutations, please call .sync() after loading new content.")}return a.notSupported=!0,a.prototype.observe=function(){},a}()),d=this.getComputedStyle||function(a){return this.getPropertyValue=function(b){var c;return"float"===b&&(b="styleFloat"),e.test(b)&&b.replace(e,function(a,b){return b.toUpperCase()}),(null!=(c=a.currentStyle)?c[b]:void 0)||null},this},e=/(\-([a-z]){1})/g,this.WOW=function(){function e(a){null==a&&(a={}),this.scrollCallback=f(this.scrollCallback,this),this.scrollHandler=f(this.scrollHandler,this),this.start=f(this.start,this),this.scrolled=!0,this.config=this.util().extend(a,this.defaults),this.animationNameCache=new c}return e.prototype.defaults={boxClass:"wow",animateClass:"animated",offset:0,mobile:!0,live:!0},e.prototype.init=function(){var a;return this.element=window.document.documentElement,"interactive"===(a=document.readyState)||"complete"===a?this.start():this.util().addEvent(document,"DOMContentLoaded",this.start),this.finished=[]},e.prototype.start=function(){var b,c,d,e;if(this.stopped=!1,this.boxes=function(){var a,c,d,e;for(d=this.element.querySelectorAll("."+this.config.boxClass),e=[],a=0,c=d.length;c>a;a++)b=d[a],e.push(b);return e}.call(this),this.all=function(){var a,c,d,e;for(d=this.boxes,e=[],a=0,c=d.length;c>a;a++)b=d[a],e.push(b);return e}.call(this),this.boxes.length)if(this.disabled())this.resetStyle();else{for(e=this.boxes,c=0,d=e.length;d>c;c++)b=e[c],this.applyStyle(b,!0);this.util().addEvent(window,"scroll",this.scrollHandler),this.util().addEvent(window,"resize",this.scrollHandler),this.interval=setInterval(this.scrollCallback,50)}return this.config.live?new a(function(a){return function(b){var c,d,e,f,g;for(g=[],e=0,f=b.length;f>e;e++)d=b[e],g.push(function(){var a,b,e,f;for(e=d.addedNodes||[],f=[],a=0,b=e.length;b>a;a++)c=e[a],f.push(this.doSync(c));return f}.call(a));return g}}(this)).observe(document.body,{childList:!0,subtree:!0}):void 0},e.prototype.stop=function(){return this.stopped=!0,this.util().removeEvent(window,"scroll",this.scrollHandler),this.util().removeEvent(window,"resize",this.scrollHandler),null!=this.interval?clearInterval(this.interval):void 0},e.prototype.sync=function(){return a.notSupported?this.doSync(this.element):void 0},e.prototype.doSync=function(a){var b,c,d,e,f;if(!this.stopped){if(null==a&&(a=this.element),1!==a.nodeType)return;for(a=a.parentNode||a,e=a.querySelectorAll("."+this.config.boxClass),f=[],c=0,d=e.length;d>c;c++)b=e[c],g.call(this.all,b)<0?(this.applyStyle(b,!0),this.boxes.push(b),this.all.push(b),f.push(this.scrolled=!0)):f.push(void 0);return f}},e.prototype.show=function(a){return this.applyStyle(a),a.className=""+a.className+" "+this.config.animateClass},e.prototype.applyStyle=function(a,b){var c,d,e;return d=a.getAttribute("data-wow-duration"),c=a.getAttribute("data-wow-delay"),e=a.getAttribute("data-wow-iteration"),this.animate(function(f){return function(){return f.customStyle(a,b,d,c,e)}}(this))},e.prototype.animate=function(){return"requestAnimationFrame"in window?function(a){return window.requestAnimationFrame(a)}:function(a){return a()}}(),e.prototype.resetStyle=function(){var a,b,c,d,e;for(d=this.boxes,e=[],b=0,c=d.length;c>b;b++)a=d[b],e.push(a.setAttribute("style","visibility: visible;"));return e},e.prototype.customStyle=function(a,b,c,d,e){return b&&this.cacheAnimationName(a),a.style.visibility=b?"hidden":"visible",c&&this.vendorSet(a.style,{animationDuration:c}),d&&this.vendorSet(a.style,{animationDelay:d}),e&&this.vendorSet(a.style,{animationIterationCount:e}),this.vendorSet(a.style,{animationName:b?"none":this.cachedAnimationName(a)}),a},e.prototype.vendors=["moz","webkit"],e.prototype.vendorSet=function(a,b){var c,d,e,f;f=[];for(c in b)d=b[c],a[""+c]=d,f.push(function(){var b,f,g,h;for(g=this.vendors,h=[],b=0,f=g.length;f>b;b++)e=g[b],h.push(a[""+e+c.charAt(0).toUpperCase()+c.substr(1)]=d);return h}.call(this));return f},e.prototype.vendorCSS=function(a,b){var c,e,f,g,h,i;for(e=d(a),c=e.getPropertyCSSValue(b),i=this.vendors,g=0,h=i.length;h>g;g++)f=i[g],c=c||e.getPropertyCSSValue("-"+f+"-"+b);return c},e.prototype.animationName=function(a){var b;try{b=this.vendorCSS(a,"animation-name").cssText}catch(c){b=d(a).getPropertyValue("animation-name")}return"none"===b?"":b},e.prototype.cacheAnimationName=function(a){return this.animationNameCache.set(a,this.animationName(a))},e.prototype.cachedAnimationName=function(a){return this.animationNameCache.get(a)},e.prototype.scrollHandler=function(){return this.scrolled=!0},e.prototype.scrollCallback=function(){var a;return!this.scrolled||(this.scrolled=!1,this.boxes=function(){var b,c,d,e;for(d=this.boxes,e=[],b=0,c=d.length;c>b;b++)a=d[b],a&&(this.isVisible(a)?this.show(a):e.push(a));return e}.call(this),this.boxes.length||this.config.live)?void 0:this.stop()},e.prototype.offsetTop=function(a){for(var b;void 0===a.offsetTop;)a=a.parentNode;for(b=a.offsetTop;a=a.offsetParent;)b+=a.offsetTop;return b},e.prototype.isVisible=function(a){var b,c,d,e,f;return c=a.getAttribute("data-wow-offset")||this.config.offset,f=window.pageYOffset,e=f+Math.min(this.element.clientHeight,this.util().innerHeight())-c,d=this.offsetTop(a),b=d+a.clientHeight,e>=d&&b>=f},e.prototype.util=function(){return null!=this._util?this._util:this._util=new b},e.prototype.disabled=function(){return!this.config.mobile&&this.util().isMobile(navigator.userAgent)},e}()}).call(this);
\ No newline at end of file
diff --git a/news-detail.html b/news-detail.html
index c981609..4a49f86 100644
--- a/news-detail.html
+++ b/news-detail.html
@@ -18,7 +18,8 @@
 		<link rel="stylesheet" type="text/css" href="./css/swiper.min.css"/>
 		<link rel="stylesheet" type="text/css" href="./css/animate.min.css"/>
 		<link rel="stylesheet" type="text/css" href="./css/style.css"/>
-		<script src="./js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
+		<script src="./js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
+		<script src="./js/wow.js" type="text/javascript" charset="utf-8"></script>
 		<script src="./js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
 		<script src="./js/swiper.animate1.0.3.min.js" type="text/javascript" charset="utf-8"></script>
 		<script src="./js/javascript.js" type="text/javascript" charset="utf-8"></script>
@@ -73,10 +74,10 @@
 		<!-- 主体内容 -->
 		<div class="content w100" >
 			<div class="news-bg news-detail-bg w1690">
-				<div class="news w1280">
+				<div class="news w1280 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 					<h1>蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动暨安全环保督察工作</h1>
 					<span class="news-time">发布时间：2020-04-24<em>来源：本站原创</em>点击次数：657次</span>
-					<div class="news-detail-txt">
+					<div class="news-detail-txt wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 						<p>
 							成立于2021年12月30日，系由四川路桥建设集团股份有限公司（以下简称四川路桥公司）、四川省新能源动力股份有限公司（以下简称川能动力）、马边彝族自治县禾丰国有资产有限公司（以下简称马边国资公司）以及比亚迪股份有限公司（以下简称比亚迪公司）共同投资成立的有限责任公司，公司设立时注册资本为人民币50,000.00万元，其中四川路桥公司出资33,500.00万元，出资比例67%；川能动力出资10,000.00万元，出资比例20.00%，马边国资公司出资6000.00万元（资产），出资比例12%，比亚迪公司出资500万元，出资比例1%。<br />
							预计2022年6月将完成增资，截至2022年12月31日，本公司注册资本将达到人民币100,000.00万元，实收资本为人民币100,000.00万元。其中增资部分四川路桥公司出资33,500.00万元，出资比例67%；川能动力出资10,000.00万元，出资比例20.00%，马边国资公司出资6000.00万元（资产），出资比例12%，比亚迪公司出资500万元，出资比例1%。<br />
							公司统一社会信用代码：91511133MA7F4YKL7P法定代表人：徐开贵<br />
							注册地址：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房）
 						</p>
@@ -89,7 +90,7 @@
 						</p>
 					</div>
 					<!-- 上下篇 -->
-					<div class="news-page">
+					<div class="news-page wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 						<a href="" class="prev">
 							<ins><img src="imgs/arrow-page.png" alt=""></ins>
 							<span>
@@ -116,9 +117,9 @@
 		</div>
 		<!-- 底部部分 -->
 		<footer class="footer w1690">
-			<div class="foot w1280">
+			<div class="foot w1280 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 				<div class="foot-left">
-					<p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） |  Tel：028-12345678   |    Fax：028-12345678</p>
					<p>Email：11111111@shunengkc.com</p>
+					<p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） <span>Tel：028-12345678   |    Fax：028-12345678</span></p>
					<p>Email：11111111@shunengkc.com</p>
 					<span>Copyright ©2022  四川蜀能矿产有限责任公司. All Rights Reserved</span>
 				</div>
 				<div class="foot-right">
diff --git a/news.html b/news.html
index af7b24c..1594806 100644
--- a/news.html
+++ b/news.html
@@ -18,7 +18,8 @@
 		<link rel="stylesheet" type="text/css" href="./css/swiper.min.css"/>
 		<link rel="stylesheet" type="text/css" href="./css/animate.min.css"/>
 		<link rel="stylesheet" type="text/css" href="./css/style.css"/>
-		<script src="./js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
+		<script src="./js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
+		<script src="./js/wow.js" type="text/javascript" charset="utf-8"></script>
 		<script src="./js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
 		<script src="./js/swiper.animate1.0.3.min.js" type="text/javascript" charset="utf-8"></script>
 		<script src="./js/javascript.js" type="text/javascript" charset="utf-8"></script>
@@ -73,13 +74,13 @@
 		<!-- 主体内容 -->
 		<div class="content w100" >
 			<div class="news-bg w1690">
-				<div class="news w1280">
+				<div class="news w1280 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 					<div class="pull-title">
 						<h3>公司新闻</h3>
 						<span>Memorabilia</span>
 					</div>
 					<ul class="news-list">
-						<li>
+						<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 							<a href="news-detail.html">
 								<div class="news-img"><img src="imgs/news-list.png" alt=""></div>
 								<div class="news-txt">
@@ -89,7 +90,7 @@
 								</div>
 							</a>
 						</li>
-						<li>
+						<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 							<a href="news-detail.html">
 								<div class="news-img"><img src="imgs/news-list.png" alt=""></div>
 								<div class="news-txt">
@@ -99,7 +100,7 @@
 								</div>
 							</a>
 						</li>
-						<li>
+						<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 							<a href="news-detail.html">
 								<div class="news-img"><img src="imgs/news-list.png" alt=""></div>
 								<div class="news-txt">
@@ -109,7 +110,7 @@
 								</div>
 							</a>
 						</li>
-						<li>
+						<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 							<a href="news-detail.html">
 								<div class="news-img"><img src="imgs/news-list.png" alt=""></div>
 								<div class="news-txt">
@@ -119,7 +120,7 @@
 								</div>
 							</a>
 						</li>
-						<li>
+						<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 							<a href="news-detail.html">
 								<div class="news-img"><img src="imgs/news-list.png" alt=""></div>
 								<div class="news-txt">
@@ -129,7 +130,7 @@
 								</div>
 							</a>
 						</li>
-						<li>
+						<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 							<a href="news-detail.html">
 								<div class="news-img"><img src="imgs/news-list.png" alt=""></div>
 								<div class="news-txt">
@@ -139,7 +140,7 @@
 								</div>
 							</a>
 						</li>
-						<li>
+						<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 							<a href="news-detail.html">
 								<div class="news-img"><img src="imgs/news-list.png" alt=""></div>
 								<div class="news-txt">
@@ -149,7 +150,7 @@
 								</div>
 							</a>
 						</li>
-						<li>
+						<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 							<a href="news-detail.html">
 								<div class="news-img"><img src="imgs/news-list.png" alt=""></div>
 								<div class="news-txt">
@@ -159,7 +160,7 @@
 								</div>
 							</a>
 						</li>
-						<li>
+						<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 							<a href="news-detail.html">
 								<div class="news-img"><img src="imgs/news-list.png" alt=""></div>
 								<div class="news-txt">
@@ -171,7 +172,7 @@
 						</li>
 					</ul>
 				</div>
-				<div class="pase-size">
+				<div class="pase-size wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 					<a href="">上一页</a>
 					<a href="" class="active">1</a>
 					<a href="">2</a>
@@ -190,9 +191,9 @@
 		</div>
 		<!-- 底部部分 -->
 		<footer class="footer w1690">
-			<div class="foot w1280">
+			<div class="foot w1280 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 				<div class="foot-left">
-					<p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） |  Tel：028-12345678   |    Fax：028-12345678</p>
					<p>Email：11111111@shunengkc.com</p>
+					<p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） <span>Tel：028-12345678   |    Fax：028-12345678</span></p>
					<p>Email：11111111@shunengkc.com</p>
 					<span>Copyright ©2022  四川蜀能矿产有限责任公司. All Rights Reserved</span>
 				</div>
 				<div class="foot-right">
diff --git a/results.html b/results.html
index fec1857..e40601a 100644
--- a/results.html
+++ b/results.html
@@ -18,7 +18,8 @@
 		<link rel="stylesheet" type="text/css" href="./css/swiper.min.css"/>
 		<link rel="stylesheet" type="text/css" href="./css/animate.min.css"/>
 		<link rel="stylesheet" type="text/css" href="./css/style.css"/>
-		<script src="./js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
+		<script src="./js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
+		<script src="./js/wow.js" type="text/javascript" charset="utf-8"></script>
 		<script src="./js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
 		<script src="./js/swiper.animate1.0.3.min.js" type="text/javascript" charset="utf-8"></script>
 		<script src="./js/javascript.js" type="text/javascript" charset="utf-8"></script>
@@ -74,12 +75,12 @@
 		<!-- 主体内容 -->
 		<div class="content w100" >
 			<div class="news-bg w1690">
-				<div class="news information w1280">
+				<div class="news information w1280 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 					<div class="pull-title">
 						<h3>经营成果</h3>
 						<span>Operating results</span>
 					</div>
-					<div class="results-content">
+					<div class="results-content wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 						<p><img src="imgs/results.jpg" alt=""></p>
 						<p>
 							公司成立于2021年12月30日，系由四川路桥建设集团股份有限公司（以下简称四川路桥公司）、四川省新能源动力股份有限公司（以下简称川能动力）、马边彝族自治县禾丰国有资产有限公司（以下简称马边国资公司）以及比亚迪股份有限公司（以下简称比亚迪公司）共同投资成立的有限责任公司，公司设立时注册资本为人民币50,000.00万元，其中四川路桥公司出资33,500.00万元，出资比例67%；川能动力出资10,000.00万元，出资比例20.00%，马边国资公司出资6000.00万元（资产），出资比例12%，比亚迪公司出资500万元，出资比例1%。
						</p>
@@ -91,9 +92,9 @@
 		</div>
 		<!-- 底部部分 -->
 		<footer class="footer w1690">
-			<div class="foot w1280">
+			<div class="foot w1280 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 				<div class="foot-left">
-					<p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） |  Tel：028-12345678   |    Fax：028-12345678</p>
					<p>Email：11111111@shunengkc.com</p>
+					<p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） <span>Tel：028-12345678   |    Fax：028-12345678</span></p>
					<p>Email：11111111@shunengkc.com</p>
 					<span>Copyright ©2022  四川蜀能矿产有限责任公司. All Rights Reserved</span>
 				</div>
 				<div class="foot-right">
diff --git a/social.html b/social.html
index 58ae089..abbbdf1 100644
--- a/social.html
+++ b/social.html
@@ -18,7 +18,8 @@
 		<link rel="stylesheet" type="text/css" href="./css/swiper.min.css"/>
 		<link rel="stylesheet" type="text/css" href="./css/animate.min.css"/>
 		<link rel="stylesheet" type="text/css" href="./css/style.css"/>
-		<script src="./js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
+		<script src="./js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
+		<script src="./js/wow.js" type="text/javascript" charset="utf-8"></script>
 		<script src="./js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
 		<script src="./js/swiper.animate1.0.3.min.js" type="text/javascript" charset="utf-8"></script>
 		<script src="./js/javascript.js" type="text/javascript" charset="utf-8"></script>
@@ -74,13 +75,13 @@
 		<!-- 主体内容 -->
 		<div class="content w100" >
 			<div class="news-bg w1690">
-				<div class="news culture w1280">
+				<div class="news culture w1280 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 					<div class="pull-title">
 						<h3>社会责任</h3>
 						<span>social responsibility</span>
 					</div>
 					<ul class="social-list-dxtc">
-						<li>
+						<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 							<a href="inspect-detail.html">
 								<div class="social-txt">
 									<h4 class="clips2">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4>
@@ -91,7 +92,7 @@
 								</div>
 							</a>
 						</li>
-						<li>
+						<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 							<a href="inspect-detail.html">
 								<div class="social-txt">
 									<h4 class="clips2">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4>
@@ -102,7 +103,7 @@
 								</div>
 							</a>
 						</li>
-						<li>
+						<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 							<a href="inspect-detail.html">
 								<div class="social-txt">
 									<h4 class="clips2">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4>
@@ -113,7 +114,7 @@
 								</div>
 							</a>
 						</li>
-						<li>
+						<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 							<a href="inspect-detail.html">
 								<div class="social-txt">
 									<h4 class="clips2">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4>
@@ -124,7 +125,7 @@
 								</div>
 							</a>
 						</li>
-						<li>
+						<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 							<a href="inspect-detail.html">
 								<div class="social-txt">
 									<h4 class="clips2">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4>
@@ -135,7 +136,7 @@
 								</div>
 							</a>
 						</li>
-						<li>
+						<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 							<a href="inspect-detail.html">
 								<div class="social-txt">
 									<h4 class="clips2">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4>
@@ -148,7 +149,7 @@
 						</li>
 					</ul>
 				</div>
-				<div class="pase-size">
+				<div class="pase-size wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 					<a href="">上一页</a>
 					<a href="" class="active">1</a>
 					<a href="">2</a>
@@ -167,9 +168,9 @@
 		</div>
 		<!-- 底部部分 -->
 		<footer class="footer w1690">
-			<div class="foot w1280">
+			<div class="foot w1280 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 				<div class="foot-left">
-					<p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） |  Tel：028-12345678   |    Fax：028-12345678</p>
					<p>Email：11111111@shunengkc.com</p>
+					<p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） <span>Tel：028-12345678   |    Fax：028-12345678</span></p>
					<p>Email：11111111@shunengkc.com</p>
 					<span>Copyright ©2022  四川蜀能矿产有限责任公司. All Rights Reserved</span>
 				</div>
 				<div class="foot-right">
diff --git a/team.html b/team.html
index 354432e..c8bcdd3 100644
--- a/team.html
+++ b/team.html
@@ -18,7 +18,8 @@
 		<link rel="stylesheet" type="text/css" href="./css/swiper.min.css"/>
 		<link rel="stylesheet" type="text/css" href="./css/animate.min.css"/>
 		<link rel="stylesheet" type="text/css" href="./css/style.css"/>
-		<script src="./js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
+		<script src="./js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
+		<script src="./js/wow.js" type="text/javascript" charset="utf-8"></script>
 		<script src="./js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
 		<script src="./js/swiper.animate1.0.3.min.js" type="text/javascript" charset="utf-8"></script>
 		<script src="./js/javascript.js" type="text/javascript" charset="utf-8"></script>
@@ -74,12 +75,12 @@
 		<!-- 主体内容 -->
 		<div class="content w100" >
 			<div class="news-bg w1690">
-				<div class="news team w1280">
+				<div class="news team w1280 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 					<div class="pull-title">
 						<h3>团队风采</h3>
 						<span>Team style</span>
 					</div>
-					<div class="team-style-swiper swiper">
+					<div class="team-style-swiper swiper wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 						<div class="swiper-wrapper">
 							<div class="swiper-slide">
 								<a href="inspect-detail.html">
@@ -101,20 +102,20 @@
 							</div>
 						</div>
 					</div>
-					<ul class="team-list-other">
-						<li><a href="inspect-detail.html" class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动 张毅同志率队赴广安调研所属高速公路公司党风廉政建设工作 集团公司组织</a><span>2022.01.30</span></li>
-						<li><a href="inspect-detail.html" class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动 张毅同志率队赴广安调研所属高速公路公司党风廉政建设工作 集团公司组织</a><span>2022.01.30</span></li>
-						<li><a href="inspect-detail.html" class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动 张毅同志率队赴广安调研所属高速公路公司党风廉政建设工作 集团公司组织</a><span>2022.01.30</span></li>
-						<li><a href="inspect-detail.html" class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动 张毅同志率队赴广安调研所属高速公路公司党风廉政建设工作 集团公司组织</a><span>2022.01.30</span></li>
-						<li><a href="inspect-detail.html" class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动 张毅同志率队赴广安调研所属高速公路公司党风廉政建设工作 集团公司组织</a><span>2022.01.30</span></li>
-						<li><a href="inspect-detail.html" class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动 张毅同志率队赴广安调研所属高速公路公司党风廉政建设工作 集团公司组织</a><span>2022.01.30</span></li>
-						<li><a href="inspect-detail.html" class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动 张毅同志率队赴广安调研所属高速公路公司党风廉政建设工作 集团公司组织</a><span>2022.01.30</span></li>
-						<li><a href="inspect-detail.html" class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动 张毅同志率队赴广安调研所属高速公路公司党风廉政建设工作 集团公司组织</a><span>2022.01.30</span></li>
-						<li><a href="inspect-detail.html" class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动 张毅同志率队赴广安调研所属高速公路公司党风廉政建设工作 集团公司组织</a><span>2022.01.30</span></li>
-						<li><a href="inspect-detail.html" class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动 张毅同志率队赴广安调研所属高速公路公司党风廉政建设工作 集团公司组织</a><span>2022.01.30</span></li>
+					<ul class="team-list-other wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
+						<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"><a href="inspect-detail.html" class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动 张毅同志率队赴广安调研所属高速公路公司党风廉政建设工作 集团公司组织</a><span>2022.01.30</span></li>
+						<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"><a href="inspect-detail.html" class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动 张毅同志率队赴广安调研所属高速公路公司党风廉政建设工作 集团公司组织</a><span>2022.01.30</span></li>
+						<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"><a href="inspect-detail.html" class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动 张毅同志率队赴广安调研所属高速公路公司党风廉政建设工作 集团公司组织</a><span>2022.01.30</span></li>
+						<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"><a href="inspect-detail.html" class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动 张毅同志率队赴广安调研所属高速公路公司党风廉政建设工作 集团公司组织</a><span>2022.01.30</span></li>
+						<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"><a href="inspect-detail.html" class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动 张毅同志率队赴广安调研所属高速公路公司党风廉政建设工作 集团公司组织</a><span>2022.01.30</span></li>
+						<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"><a href="inspect-detail.html" class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动 张毅同志率队赴广安调研所属高速公路公司党风廉政建设工作 集团公司组织</a><span>2022.01.30</span></li>
+						<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"><a href="inspect-detail.html" class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动 张毅同志率队赴广安调研所属高速公路公司党风廉政建设工作 集团公司组织</a><span>2022.01.30</span></li>
+						<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"><a href="inspect-detail.html" class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动 张毅同志率队赴广安调研所属高速公路公司党风廉政建设工作 集团公司组织</a><span>2022.01.30</span></li>
+						<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"><a href="inspect-detail.html" class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动 张毅同志率队赴广安调研所属高速公路公司党风廉政建设工作 集团公司组织</a><span>2022.01.30</span></li>
+						<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"><a href="inspect-detail.html" class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动 张毅同志率队赴广安调研所属高速公路公司党风廉政建设工作 集团公司组织</a><span>2022.01.30</span></li>
 					</ul>
 				</div>
-				<div class="pase-size">
+				<div class="pase-size wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 					<a href="">上一页</a>
 					<a href="" class="active">1</a>
 					<a href="">2</a>
@@ -133,9 +134,9 @@
 		</div>
 		<!-- 底部部分 -->
 		<footer class="footer w1690">
-			<div class="foot w1280">
+			<div class="foot w1280 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 				<div class="foot-left">
-					<p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） |  Tel：028-12345678   |    Fax：028-12345678</p>
					<p>Email：11111111@shunengkc.com</p>
+					<p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） <span>Tel：028-12345678   |    Fax：028-12345678</span></p>
					<p>Email：11111111@shunengkc.com</p>
 					<span>Copyright ©2022  四川蜀能矿产有限责任公司. All Rights Reserved</span>
 				</div>
 				<div class="foot-right">