/*===== Button Style 1 =====*/
.btn-style-1 { letter-spacing: 0; color: #000; cursor: pointer; display: inline-block; font-size: 16px; font-weight: 400; line-height: 45px; position: relative; text-decoration: none; text-transform: uppercase; transition: all 280ms ease-in-out; text-align: center; background: none; border: none; }
.btn-style-1:hover,
.btn-style-1:active { letter-spacing: 5px; transition: all 280ms ease-in-out; color: #f7931a; text-decoration: none; }
.btn-style-1:after,
.btn-style-1:before { border: 1px solid rgba(255, 255, 255, 0); bottom: 0px; content: " "; display: block; margin: 0 auto; position: relative; -webkit-transition: all 280ms ease-in-out; transition: all 280ms ease-in-out; width: 0; }
.btn-style-1:hover:after,
.btn-style-1:hover:before { border-color: #f7931a; -webkit-transition: width 350ms ease-in-out; transition: width 350ms ease-in-out; width: 70%; }
.btn-style-1:hover:before { bottom: auto; top: 0; width: 70%; }
/*=====  Button Style 1  =====*/
/*=====  Button Style 2  =====*/
.btn-style-2 { color: #000; cursor: pointer; display: inline-block; font-size: 16px; font-weight: 400; position: relative; text-decoration: none; vertical-align: middle; background: none; text-align: center; border: 2px solid #f7931a; padding: 15px 30px; -webkit-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; z-index: 99; }
.btn-style-2 a { color: #000 }
.btn-style-2:after { background: #f7931a; height: 103%; left: 50%; opacity: 0; top: 50%; transform: translateX(-50%) translateY(-50%); width: 0; position: absolute; -webkit-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; z-index: -1; content: " "; }
.btn-style-2:hover { color: #fff; text-decoration: none; }
.btn-style-2:hover:after { opacity: 1; -webkit-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; width: 100%; }
/*=====  Button Style 2  =====*/
/*=====  Button Style 3  =====*/
.btn-style-3 { color: #f7931a; cursor: pointer; display: inline-block; font-size: 16px; font-weight: 400; position: relative; text-decoration: none; vertical-align: middle; background: none; text-align: center; border: 2px solid #f7931a; padding: 12px 30px; -webkit-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; z-index: 99; overflow: hidden; }
.btn-style-3:after { background: #f7931a; border-radius: 50%; content: ""; height: 30px; left: 100%; margin: -35px 0 0 1px; position: absolute; top: 50%; transform: scale3d(1, 2, 1); transform-origin: 100% 50% 0; transition-delay: 0s, 0s; transition-duration: 350ms, 350ms; transition-property: transform, opacity; width: 30px; z-index: -1; }
.btn-style-3:hover { color: #fff; text-decoration: none; -webkit-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; }
.btn-style-3:hover:after { transform: scale3d(15, 9, 1); -webkit-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; }
/*=====  Button Style 3  =====*/
/*=====  Button Style 4  =====*/
.btn-style-4, a.btn.btn-primary { color: #009e91; font-size: 13px; font-weight: 400; transition: color 0.3s ease 0s; position: relative; vertical-align: middle; z-index: 1; display: inline-block; backface-visibility: hidden; background: rgba(0, 0, 0, 0) none repeat scroll 0 0; padding: 15px 35px; border-radius: 40px; }
.btn-style-4:after, a.btn.btn-primary:after { border-radius: inherit; box-shadow: 0 0 0 2px #009e91 inset; content: ""; height: 100%; left: 0; position: absolute; top: 0; transform: scale3d(0.9, 0.9, 1); transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; width: 100%; z-index: -1; }
.btn-style-4:hover, a.btn.btn-primary:hover { color: #fff; text-decoration: none; }
.btn-style-4:hover:after, a.btn.btn-primary:hover:after { box-shadow: 0 0 0 35px #5bc052 inset; transform: scale3d(1, 1, 1); }
/*=====  Button Style 4  =====*/
/*=====  Button Style 5  =====*/
.btn-style-5 { padding: 0 20px; height: 45px; line-height: 45px; color: #f7931a; display: inline-block; font-size: 16px; font-weight: 400; letter-spacing: 1px; margin: 12px 0px; outline: medium none; position: relative; text-decoration: none; text-shadow: 0 0 1px rgba(255, 255, 255, 0.3); text-transform: uppercase; }
.btn-style-5:before,
.btn-style-5:after { position: absolute; width: 45px; height: 2px; background: #f7931a; content: ''; opacity: 0.2; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; pointer-events: none; }
.btn-style-5:before { top: 0; left: 0; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; transform-origin: 0 0; }
.btn-style-5:after { right: 0; bottom: 0; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; transform-origin: 100% 0; }
.btn-style-5:hover { color: #f7931a; text-decoration: none; }
.btn-style-5:hover:before,
.btn-style-5:hover:after,
.btn-style-5:focus:before,
.btn-style-5:focus:after { opacity: 1; }
.btn-style-5:hover:before,
.btn-style-5:focus:before { left: 50%; -webkit-transform: rotate(0deg) translateX(-50%); -moz-transform: rotate(0deg) translateX(-50%); transform: rotate(0deg) translateX(-50%); }
.btn-style-5:hover:after,
.btn-style-5:focus:after { right: 50%; -webkit-transform: rotate(0deg) translateX(50%); -moz-transform: rotate(0deg) translateX(50%); transform: rotate(0deg) translateX(50%); }
/*=====  Button Style 5  =====*/
/*=====  Button Style 6  =====*/
.btn-style-6 {
	color: #009E91;
	font-size: 16px;
	font-weight: 300;
	transition: color 0.3s ease 0s;
	position: relative;
	vertical-align: middle;
	z-index: 1;
	display: inline-block;
	backface-visibility: hidden;
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	padding: 15px 35px;
	border-radius: 5px;
	margin-bottom: 20px;
}
.btn-style-6:after { border-radius: inherit; box-shadow: 0 0 0 2px #009E91 inset; content: ""; height: 100%; left: 0; position: absolute; top: 0; transform: scale3d(0.9, 0.9, 1); transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; width: 100%; z-index: -1; }
.btn-style-6:hover,
.btn-style-6:active,
.btn-style-6:focus {
	color: #fff;
	text-decoration: none;
}
.btn-style-6:hover:after { box-shadow: 0 0 0 35px #009E91 inset; transform: scale3d(1, 1, 1); }
/*=====  Button Style 6  =====*/
/*=====  Button Style 7  =====*/
.btn-style-7 { padding: 15px 20px; font-size: 15px; color: #f7931a; border: 2px solid #f7931a; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; position: relative; overflow: hidden; z-index: 2; background: none; display: inline-block; }
.btn-style-7:hover { color: #fff !important; text-decoration: none; -webkit-transition: all 0.3s !important; -moz-transition: all 0.3s !important; transition: all 0.3s !important; }
.btn-style-7:before { position: absolute; left: 0; color: #fff !important; top: 0; width: 0; height: 100%; content: ""; background: #f7931a !important; -webkit-transition: all 0.3s !important; -moz-transition: all 0.3s !important; transition: all 0.3s !important; z-index: -1; }
.btn-style-7:hover:before { width: 100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; color: #fff !important; }
/*=====  Button Style 7  =====*/
/*=====  Button Style 8  =====*/
.btn-style-8 { padding: 15px 20px; font-size: 15px; color: #f7931a; border: 2px solid #f7931a; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; position: relative; overflow: hidden; z-index: 2; background: none; display: inline-block; }
.btn-style-8:hover { color: #fff; text-decoration: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.btn-style-8:before { position: absolute; left: 0; top: 0; width: 100%; height: 0; content: ""; background: #f7931a; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; z-index: -1; }
.btn-style-8:hover:before { height: 100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
/*=====  Button Style 8  =====*/
/*=====  Button Style 9  =====*/
.btn-style-9 { padding: 15px 20px; font-size: 15px; color: #f7931a; border: 2px solid #f7931a; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; position: relative; overflow: hidden; z-index: 2; background: none; display: inline-block; }
.btn-style-9:hover { color: #fff; text-decoration: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.btn-style-9:before { position: absolute; right: 0; top: 0; width: 0; height: 100%; content: ""; background: #f7931a; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; z-index: -1; }
.btn-style-9:hover:before { width: 100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
/*=====  Button Style 9  =====*/
/*=====  Button Style 10  =====*/
.btn-style-10 { padding: 15px 20px; font-size: 15px; color: #fff; border: 2px solid #f7931a; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; position: relative; overflow: hidden; z-index: 2; background: #f7931a; display: inline-block; }
.btn-style-10:hover { border-radius: 30px; text-decoration: none; color: #fff; }
/*=====  Button Style 10  =====*/
/*=====  Button Style 11  =====*/
.btn-style-11 { background: #f7931a; border: 2px solid #ffffff; border-radius: 3px; color: #fff; font-size: 18px; font-weight: 400; padding: 10px 15px; position: relative; text-decoration: none; display: inline-block; }
.btn-style-11:hover { background: #fff; border: 2px solid #f7931a; color: #f7931a; text-decoration: none; }
/*====== Button Style 12 ========*/
.btn-style-1 a,
.btn-style-2 a,
.btn-style-3 a,
.btn-style-4 a,
.btn-style-5 a,
.btn-style-6 a,
.btn-style-7 a,
.btn-style-8 a,
.btn-style-9 a,
.btn-style-10,
.btn-style-11 { color: #fff }
/*=====  Button Style 11  =====*/