@charset "utf-8";
/*------------------------------------------------------------------
Theme Name: LegalShield
Theme URI: http://sbvpro.tk/tf/html/legalshield/
Description: LegalShield | Bootstrap Html Templates for Law Firms businesses.
Author: Bogdan Skolovskyi
Author URI: http://sbvpro.tk/
Template: legalshield
Version: 1.0
Tags:  business, corporate, html5, premium, finance, financial, services, responsive, companies, company, consulting, investments, law, accounting, advising, advisory


[Table of contents]

	1. IMPORT FONTS / @import
	2. GENERAL / body
	3. MARGINS,PADDINGS / .topspace0
	4. FONTS / .fontroboto
	5. PANELS / .panel
	6. INFO BOXES / .info-box
	7. TRANSITIONS / .buttonblack
	8. BUTTONS,LINKS / .checkitems
	9. ACCORDION / #accordion
	10. PAGE HEADER STYLES / .pageheader
	11. SIDEBAR / .sidebar
	12. TABS / .nav-tabs
	13. BLOCKQUOTE / blockquote
	14. TABLE / th
	15. SKILLS / #skill
	16. VIDEO / .flex-video
	17. BOX SHADOW EFFECTS / .box
	18. EFFECT 1 / .effect1
	19. EFFECT 2 / .effect2
	20. EFFECT 3 / .effect3
	21. EFFECT 4 / .effect4
	22. EFFECT 5 / .effect5
	23. EFFECT 6 / .effect6
	24. EFFECT 7 / .effect7
	25. EFFECT 8 / .effect8
	26. CAROUSEL / .list_carousel
	27. SERVICE FANCYBOXES / .service-fancybox
	28. TIMELINE / .cbp_tmtimeline
	29. ISOTOPE & MASONRY / .isotope-item
	30. BLOG / .blogindex
	31. LANDING PAGE / .landingpage
	32. PAGE NOT FOUND / .pagenotfound
	33. FAQ / .faqs
	34. FONT AWESOME ICONS /
	35. ANIMATIONS /
	36. ANIMATIONS 2 / .animated
	37. YUMMI LOADER /
	38. ACCORDION SIMPLE 1 / #accordion-container
	39. RESPONSIVE TABS / .resp-tabs-list
	40. VERTICAL TABS / .resp-vtabs
	41. RESPONSIVE ACCORDION STYLES / .resp-easy-accordion
	42. PRICING TABLES / .vuzz-pricing-table
	43. DARK ROUNDED THEME / .dark_rounded
	44. DARK SQUARE THEME / .dark_square
	45. DO NOT CHANGE / .pp_pic_holder
	46. OTHER ANIMATIONS /
	47. LIST STYLES / .checklist
	48. DROPCAPS / .drop-cap
	49. FANCY BOXES / .fancyy-box
	50. OTHER ANIMATED BOXES / .ca-menu

-------------------------------------------------------------------*/


/*********************************FONTS*********************************/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800|Pacifico|Raleway:400,500,700|Roboto:400,700');



/*********************************GENERAL*********************************/
body {
	font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 22px;
	color: #777;
	overflow-y: hidden;
	background: #f7f7f7!Important;
}

.wrapsemibox {
	max-width: 1200px;
	margin: 0 auto;
	background: #fff;
	margin-top: -40px;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
	z-index: 1000;
	position: relative;
	margin-bottom: -100px;
	padding-bottom: 40px;
	border-bottom: medium double #ccc;
	padding-top: 0;
}
.wrapsemibox .gmap {
	width:100%;
	height:370px;
	border: 0;
	margin-top:-40px;
	z-index: 11;
	position: relative;
}

.row {
	margin-left: 0;
	margin-right: 0;
}

ul,
menu,
dir {
	display: block;
	list-style-type: disc;
	-webkit-padding-start: 0;
	-moz-padding-start: 0;
	-khtml-padding-start: 0;
	-o-padding-start: 0;
	padding-start: 0;
	padding: 0;
}

ul.icons {
	list-style: none;
}

ul.icons i {
	margin-right: 5px;
}

a:hover {
	text-decoration: none;
}

::selection {
	color: #fff;
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
	color: #444;
	font-family: Open Sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 700;
}

strong,
b {
	font-weight: 500;
}

.toparea {
	background: #444;
	font-size: 12px;
	color: #ccc;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 75px;
}

.toparea a {
	color: #ccc;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.toparea .separator {
	display: inline-block;
	width: 1px;
	height: 10px;
	border-left: solid 1px #ccc;
	margin: 0 20px 0 20px;
}

.toparea .pull-left {
	margin-top: -2px;
}

.social-icons a {
	display: inline-block;
	width: 32px;
	margin: 0 10px;
	font-size: 16px;
	color: #999;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.visible {
	display: block!important;
}

.social-icons a:hover {
	color: #fff;
}

.top-text a:hover {
	color: #fff;
}

.navbar-toggle {
	background: #333;
}

.nav {
	margin-top: 28px;
}

.navbar {
	background-color: #fff;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .12);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .12);
	background: url(../img/head.png) repeat;
	min-height: 0;
	border-radius: 0;
	border: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 20px;
	padding-bottom: 10px;
}

.navbar-brand {
	padding: 0;
}

.nav {
	margin-top: 0;
}

.navbar-fixed-top {
	top: 47px;
}

.navbar>.container .navbar-brand {
	margin-left: 15px;
	margin-top: 3px;
}

.navbar-nav>li {
	margin-left: 2px;
}

.navbar-nav>li>a {
	color: #555;
	border-radius: 0;
	margin-top: -22px;
	padding-top: 24px;
	margin-bottom: -20px;
	padding-bottom: 23px;
	line-height: 40px;
	text-transform: uppercase;
	font-weight: 700;
	font-family: Roboto;
	font-size: 13px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.navbar-nav>li.active>a,
.navbar-nav>li.active>a:hover,
.navbar-nav>li.active>a:focus {
	color: #fff;
	border-radius: 3px!Important;
}

.navbar-nav>li>a:hover,
.navbar-nav>li>a:focus {
	border-radius: 3px 3px 0 0!Important;
	color: #fff;
}

.navbar-nav>li>.dropdown-menu {
	margin: 20px 0 0 0!Important;
	background-color: #444;
	border: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	font-size: 13px;
	padding-top: 0;
	padding-bottom: 0;
	min-width: 165px;
}

.dropdown-menu {
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	font-size: 13px;
	padding-top: 0;
	padding-bottom: 0;
	border: 0;
	font-size: 13px;
}

.dropdown-menu>li>a {
	color: #ccc;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 0!Important;
	border-bottom: 1px solid #3c3c3c!Important;
	border-top: 1px solid #4f4f4f!important;
	background: #444!Important;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
	color: #fff;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.navbar-nav.pull-right>li>.dropdown-menu,
.navbar-nav>li>.dropdown-menu.pull-right {
	left: 0;
}
.navbar-nav>li.active>a:before,
.navbar-nav>li>a:hover:before,
.navbar-nav>li>a:focus:before,
.extra-nav-class a.dropdown-toggle:before {
	border-bottom: 6px solid;
}

.dropdown-toggle i {
	font-weight: 700;
}

.extra-nav-class a.dropdown-toggle {
	color: #fff!important;
	border-radius: 3px 3px 0 0!Important;
}

.dropdown-menu .sub-menu {
	position: absolute;
	visibility: hidden;
	margin-top: -40px;
	top: auto;
	display: inline;
	left: -100%;
	margin-left: 5px;
}

.dropdown-menu .sub-menu li a,
.dropdown-menu .sub-menu li a:hover {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
	transition: margin-left 0.3s linear;
}

.dropdown-menu li a i {
	margin-left: 5px;
}

.dropdown-menu li:hover .sub-menu {
	visibility: visible;
	display: block;
}

.navbar .sub-menu:before {
	border-bottom: 7px solid transparent;
	border-left: none;
	border-right: 7px solid rgba(0, 0, 0, 0.2);
	border-top: 7px solid transparent;
	left: -7px;
	top: 10px;
}

.navbar .sub-menu:after {
	border-top: 6px solid transparent;
	border-left: none;
	border-right: 6px solid #fff;
	border-bottom: 6px solid transparent;
	left: 10px;
	top: 11px;
	left: -6px;
}

.legalmenu.tiny {
	top: 0;
	background: rgba(255, 255, 255, 0.97)!important;
	padding-top: 10px;
	padding-bottom: 0;
	max-height: 54px;
}

.legalmenu.tiny .navbar-nav>li>a {
	line-height: 24px;
	margin-top: -26px;
	padding-top: 30px;
	margin-bottom: -20px;
	padding-bottom: 16px;
}

.navbar-brand img {
	max-width: 100%;
}

.legalmenu.tiny .navbar-brand img {
	max-width: 85%;
}

.navbar-brand img,
.legalmenu.tiny .navbar-brand img {
	transition: all 0.7s ease;
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
}

.semiboxshadow {
	display: block;
	padding-bottom: 40px;
}
.semiboxshadow img {
	width: 1308px!Important;
	max-width: 1316px;
	margin: 0 auto;
	margin-left: -53px;
	margin-top: -43px;
	position: absolute;
	z-index: 0;
}

#c-slide {
	padding: 0;
	margin-top: -2px;
}

.carouselvshadow {
	margin-top: -30px;
}

.car-highlight1 {
	font-size: 20px;
	line-height: 20px;
	font-weight: 800;
	color: rgb(255, 255, 255);
	text-decoration: none;
	padding: 10px;
	border-width: 0;
	border-color: rgb(255, 214, 88);
	border-style: none;
	display: inline-block;
}

.car-highlight2 {
	font-size: 20px;
	line-height: 20px;
	font-weight: 800;
	color: rgb(255, 255, 255);
	text-decoration: none;
	background-color: #7f8c8d;
	padding: 10px;
	border-width: 0;
	border-color: rgb(255, 214, 88);
	border-style: none;
	display: inline-block;
	margin-top: 10px;
}

.car-highlight3 {
	font-size: 20px;
	line-height: 20px;
	font-weight: 800;
	color: rgb(255, 255, 255);
	text-decoration: none;
	background-color: #f39c12;
	padding: 10px;
	border-width: 0;
	border-color: rgb(255, 214, 88);
	border-style: none;
	display: inline-block;
	margin-top: 10px;
}

.car-highlight4 {
	font-size: 20px;
	line-height: 20px;
	font-weight: 800;
	color: rgb(255, 255, 255);
	text-decoration: none;
	background-color: #34495e;
	padding: 10px;
	border-width: 0;
	border-color: rgb(255, 214, 88);
	border-style: none;
	display: inline-block;
	margin-top: 10px;
}

.car-highlight5 {
	font-size: 20px;
	line-height: 28px;
	font-weight: 800;
	color: #fff;
	text-decoration: none;
	padding: 10px;
	border-width: 0;
	border-color: rgb(255, 214, 88);
	margin-left: -6px;
	border-style: none;
	display: inline-block;
	margin-top: 10px;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

.car-largetext {
	font-weight: 800;
	font-family: Open Sans;
	color: #fff;
	text-decoration: none;
	background-color: transparent;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
	margin: 0;
	padding: 1px 4px 0;
	border-width: 0;
	border-color: rgb(255, 214, 88);
	border-style: none;
	font-size: 50px;
	line-height: 50px;
}

.car-widecircle {
	background: #222;
	width: 130px;
	height: 60px;
	color: #fff;
	border-radius: 50%;
	display: inline-block;
	position: relative;
	margin-right: 20px;
}

.car-widecircle span {
	position: absolute;
	text-align: center;
	vertical-align: middle;
	line-height: 58px;
	width: 130px;
	margin: 0 auto;
	right: 0;
	font-weight: 100;
	font-size: 19px;
}

.car-middlecircle {
	background: #fff;
	width: 130px;
	height: 60px;
	color: #555;
	border-radius: 50%;
	display: inline-block;
	position: relative;
	margin-right: 20px;
}

.car-middlecircle span {
	position: absolute;
	text-align: center;
	vertical-align: middle;
	line-height: 58px;
	width: 130px;
	margin: 0 auto;
	right: 0;
	font-weight: 100;
	font-size: 19px;
}

.car-smallcircle {
	width: 130px;
	height: 60px;
	color: #fff;
	border-radius: 50%;
	display: inline-block;
	position: relative;
}

.car-smallcircle span {
	position: absolute;
	text-align: center;
	vertical-align: middle;
	line-height: 58px;
	width: 130px;
	margin: 0 auto;
	right: 0;
	font-weight: 100;
	font-size: 19px;
}

.carouselText1 {
	font-weight: 800;
	margin-top: 50px;
	margin-bottom: 20px;
	font-size: 25px;
	background: #333;
	color: #fff;
	padding: 10px 20px;
	display: inline-block;
	text-transform: uppercase;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
	border-radius: 0;
}

.carouselText2 {
	font-size: 19px;
	display: inline-block;
	padding: 5px 20px;
	color: #fff;
	border-radius: 0;
	margin-bottom: 15px;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
	font-weight: 600;
}

.carouselText3 {
	font-size: 14px;
	display: inline-block;
	padding: 0 10px;
	color: #fff;
	border-radius: 5px;
	font-weight: 900;
	text-transform: uppercase;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

.slide1-1 {
	z-index: 0;
	margin-top: -230px;
	position: relative;
	margin-left: 0;
	left: 0;
	max-width: 85%;
}

.slide1-2 {
	z-index: 1000;
	margin-top: -250px;
	position: relative;
	right: 180px;
	max-width: 22%;
}

.slide1-3 {
	position: relative;
	z-index: 1000;
	float: right;
	top: 135px;
	left: 10px;
	max-width: 35%;
}

.carousel .carousel-control {
	width: 10%;
}

.carousel .item {
	padding: 30px 0;
	height: 479px;
	overflow: hidden;
	-webkit-background-size: cover!Important;
	-moz-background-size: cover!Important;
	-o-background-size: cover!Important;
	background-size: cover!Important;
}

.carousel {
	position: relative;
}

.carousel p {
	color: #fff;
	line-height: 30px;
}
.carousel-inner.mt-20 {
	margin-top: -20px;
}

.carousel-inner>.item {
	display: none;
	position: relative;
	-webkit-transition: 0.6s ease-in-out left;
	transition: 0.6s ease-in-out left;
}

.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
	display: block;
	width: 100%;
	height: auto;
	line-height: 1;
}

.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev {
	display: block;
}

.carousel-inner>.active {
	left: 0;
}

.carousel-inner>.next,
.carousel-inner>.prev {
	position: absolute;
	top: 0;
	width: 100%;
}

.carousel-inner>.next {
	left: 100%;
}

.carousel-inner>.prev {
	left: -100%;
}

.carousel-inner>.next.left,
.carousel-inner>.prev.right {
	left: 0;
}

.carousel-inner>.active.left {
	left: -100%;
}

.carousel-inner>.active.right {
	left: 100%;
}

.carousel-control {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 15%;
	opacity: 0.5;
	filter: alpha(opacity=50);
	font-size: 20px;
	color: #ffffff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.carousel-fade .carousel-inner .item {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
	opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	left: 0;
	opacity: 0;
	z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}

.carousel-fade .carousel-control {
	z-index: 2;
}

.carousel-control.left {
	background-image: -webkit-gradient(linear, 0% top, 100% top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
	background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0%), color-stop(rgba(0, 0, 0, 0.0001) 100%));
	background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
	background-repeat: repeat-x;
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}

.carousel-control.right {
	left: auto;
	right: 0;
	background-image: -webkit-gradient(linear, 0% top, 100% top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
	background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0%), color-stop(rgba(0, 0, 0, 0.5) 100%));
	background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
	background-repeat: repeat-x;
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}

.carousel-control:hover,
.carousel-control:focus {
	color: #ffffff;
	text-decoration: none;
	opacity: 0.9;
	filter: alpha(opacity=90);
}

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 5;
	display: inline-block;
}

.carousel-control .icon-prev,
.carousel-control .icon-next {
	width: 20px;
	height: 20px;
	margin-top: -10px;
	margin-left: -10px;
	font-family: serif;
}

.carousel-control .icon-prev:before {
	content: '\2039';
}

.carousel-control .icon-next:before {
	content: '\203a';
}

.carousel-indicators {
	position: absolute;
	left: 50%;
	z-index: 10000;
	width: 60%;
	margin-left: -30%;
	padding-left: 0;
	list-style: none;
	text-align: center;
	bottom: 10px;
}

.carousel-indicators li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 1px;
	text-indent: -999px;
	border: 1px solid #ffffff;
	border-radius: 10px;
	cursor: pointer;
}

.carousel-indicators .active {
	margin: 0;
	width: 12px;
	height: 12px;
	background-color: #ffffff;
}

.carousel-caption {
	position: absolute;
	left: 15%;
	right: 15%;
	bottom: 20px;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #ffffff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.carousel-caption .btn {
	text-shadow: none;
}

.carousel-control {
	width: 40px;
	color: #fff;
	text-shadow: none;
	opacity: 1;
	margin-left: 40px;
	margin-right: 40px;
}

.carousel-control:hover,
.carousel-control:focus {
	color: #ccc;
	text-decoration: none;
	opacity: 0.9;
	filter: alpha(opacity=90);
}

.carousel-control.left,
.carousel-control.right {
	background-image: none;
	filter: none;
	/*background: rgba(0, 0, 0, .1);*/
	height: 48px;
	width: 50px;
	margin-top: 25%;
	margin-left:0;
	margin-right: 0;
}

.carousel-control.left,
.carousel-control.right {
	border-radius: 50%;
}

.carousel-control i {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	display: inline-block;
	width: 50px;
	height: 48px;
	margin-left:0;
	font-size: 44px;
}

.carousel-indicators.out {
	bottom: -5px;
}

.carousel-control.left,
.carousel-control.right {
	margin-top: 13%;
}

#carousel-featuredwork .item {
	padding: 0;
	/*height: 410px;*/
	height: auto;
}

.intro-note h1 {
	text-transform: uppercase;
	font-size: 27px;
	margin-top: 0;
}

.intro-note p {
	font-weight: 300;
	line-height: 28px;
	font-size: 19px;
}

.service-box h1 {
	text-transform: uppercase;
	font-size: 16px;
	line-height: 19px;
	font-weight: 700;
}

.service-box a.readmore {
	color: #666;
}

.service-box p {
	font-family: Open Sans;
	font-size: 13px;
	line-height: 22px;
}

.grey-box-icon {
	text-align: center;
	position: relative;
}

.icon-box-top i:hover {
	color: #fff;
	border-radius: 50%;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
}

.fontawesome-icon.medium.circle-center,
.fontawesome-icon.medium.circle-white {
	width: 95px;
	height: 95px;
	line-height: 95px;
	display: inline-block;
}

.fontawesome-icon.medium {
	font-size: 28px;
}

.fontawesome-icon.circle-white {
	-moz-border-radius: 95px;
	-webkit-border-radius: 95px;
	border-radius: 95px;
	background-color: #eee;
	text-align: center;
	margin-bottom: 5px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.grey-box-icon:hover .fontawesome-icon.circle-white,
.grey-box-icon.active .fontawesome-icon.circle-white,
.active i.fontawesome-icon {
	color: #fff;
}

#ascrail2000 {
	z-index: 99990!important;
	background-color: #2c2c2c;
	padding: 0 0 0 1px;
}

.home-features h4 {
	font-weight: 300;
	font-size: 17px;
}

.home-features .icon {
	display: inline-block;
	text-align: center;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	line-height: 40px;
	margin-right: 5px;
	color: #fff;
}

.show-grid [class^="col-"] {
	background-color: #ebebeb;
	text-align: center;
	min-height: 40px;
	line-height: 40px;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid #e1e1e1;
}

.round-image {
	border-radius: 50%!Important;
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 2px#ccc;
	box-shadow: 0 0 2px #ccc;
}

input,
button,
select,
textarea {
	background-image: none;
	border: 1px solid #e1e1e1;
	padding: 7px;
	margin-bottom: 15px;
	font-size: 12px;
}

.btn {
	padding: 8px 12px
}

.btn,
.alert,
.progress,
.form-control,
.breadcrumb,
.well {
	border-radius: 0;
}

.alert {
	font-size: 14px;
}

.progress {
	height: 40px;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.unstyled {
	list-style: none;
	-webkit-padding-start: 0;
}

.leftradius {
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
}

.rightradius {
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
}

.allradius {
	border-radius: 3px;
}

h1.big {
	font-size: 27px;
}

h1.small {
	font-size: 24px;
}

.smalltitle span {
	display: inline-block;
	background-color: #fff;
	padding: 1px 12px;
	position: relative;
	color: #444;
	font-size: 20px;
	top: 12px;
	padding-left: 0!important;
	font-weight: 700;
	text-transform: uppercase;
}

.smalltitle {
	position: relative;
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 35px;
}

.text-center.smalltitle span {
	padding-left: 12px!important;
}

.text-center.smalltitle {
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 0;
}

.br-hr {
	position: relative;
	clear: both;
	margin: 25px 0 25px;
	width: 100%;
	height: 1px;
}

.br-hr.type_short .br-hr-h {
	left: 50%;
	width: 30%;
	margin-left: -15%;
}

.br-hr-h {
	position: absolute;
	top: 50%;
	left: 0;
	height: 0;
	width: 100%;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #fff;
}

.br-hr-h i {
	position: absolute;
	top: 0;
	left: 50%;
	font-size: 16px;
	height: 16px;
	width: 50px;
	margin-top: -8px;
	margin-left: -25px;
	text-align: center;
	background-color: #fff;
	color: #ddd;
}

.grayarea .br-hr-h i {
	background: #f9f9f9;
}

.grayarea {
	background: #f9f9f9;
	padding: 30px 0;
	position: relative;
	-webkit-background-size: cover!important;
	-moz-background-size: cover!important;
	-o-background-size: cover!important;
	background-size: cover!important;
	border-top: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
}

.bgarea {
	background: url(../img/demo/1.jpg);
	position: relative;
	-webkit-background-size: cover!important;
	-moz-background-size: cover!important;
	-o-background-size: cover!important;
	background-size: cover!important;
	color: #fff;
}

.bgarea:before {
	top: 0;
	background-image: url(../img/sha-up.png);
}

.bgarea:after {
	bottom: 0;
	background-image: url(../img/sha-down.png);
}

.bgarea:before,
.bgarea:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 20px;
	left: 0;
	background-repeat: no-repeat;
	background-size: 100% 20px;
	z-index: 100;
}

.bgarea-semitransparent {
	padding: 30px 0;
}

.bgarea h1,
.bgarea h2,
.bgarea h3,
.bgarea h4,
.bgarea h5,
.bgarea,
.bgarea a,
.bgarea p {
	color: #fff;
}

.title-divide {
	position: relative;
	clear: both;
	margin: 25px 0 25px;
	width: 100%;
	height: 1px;
}

.title-divide-h {
	left: 50%;
	width: 30%;
	margin-left: -15%;
	position: absolute;
	top: 50%;
	height: 0;
	border-bottom: 1px solid #fff;
	z-index: 9;
}

.title-divide-h i {
	position: absolute;
	top: 0;
	left: 50%;
	font-size: 16px;
	height: 10px;
	width: 10px;
	margin-top: -4px;
	margin-left: 0;
	text-align: center;
	border-radius: 50%;
	background: #fff;
}

.cbp-qtrotator {
	position: relative;
	margin: 0 auto 0 auto;
	max-width: 920px;
	width: 100%;
	min-height: 100px;
}

.cbp-qtrotator .cbp-qtcontent {
	position: absolute;
	min-height: 180px;
	border-bottom: 1px solid #f4f4f4;
	top: 0;
	z-index: 0;
	opacity: 0;
	width: 100%;
}

.no-js .cbp-qtrotator .cbp-qtcontent {
	border-bottom: none;
}

.cbp-qtrotator .cbp-qtcontent.cbp-qtcurrent,
.no-js .cbp-qtrotator .cbp-qtcontent {
	position: relative;
	z-index: 100;
	pointer-events: auto;
	opacity: 1;
}

.cbp-qtrotator .cbp-qtcontent:before,
.cbp-qtrotator .cbp-qtcontent:after {
	content: " ";
	display: table;
}

.cbp-qtrotator .cbp-qtcontent:after {
	clear: both;
}

.cbp-qtprogress {
	position: absolute;
	background: #e0e0e0;
	height: 1px;
	width: 0%;
	bottom: 0;
	z-index: 1000;
}

.cbp-qtrotator blockquote {
	margin: 0;
	padding: 0;
	border-left: 0;
	background: #fff;
}

.grayarea .cbp-qtrotator blockquote {
	background: #f9f9f9;
}

.cbp-qtrotator blockquote p {
	font-size: 17px;
	color: #888;
	font-weight: 300;
	margin: 0.4em 0 1em;
}

.cbp-qtrotator blockquote footer {
	font-size: 1.2em;
	text-align: center;
	font-weight: 300;
	margin-bottom: 30px;
}

.cbp-qtrotator blockquote footer:before {
	content: '― ';
}

.cbp-qtrotator .cbp-qtcontent img {
	float: right;
	margin-left: 3em;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	margin-top: 10px;
	border: 1px solid #ebebeb;
}

@media screen and (max-width:30.6em) {
	.cbp-qtrotator {
		font-size: 70%;
	}
	.cbp-qtrotator img {
		width: 80px;
	}
}

.bigquote {
	font-size: 17px;
	font-style: italic;
	color: #999;
	text-align: center;
	line-height: 30px;
}

.quoteicon {
	font-size: 36px;
	margin-right: 10px;
}

.home-portfolio h4 {
	font-size: 15px;
	text-transform: uppercase;
}

.footerarr {
	text-align: center;
	margin-top: -59px;
	margin-bottom: 20px;
}

.footerarr i {
	color: #fff;
	font-size: 60px;
}

.footer {
	background: #222 url(../img/bgfooter.jpg);
	color: #888;
	margin-top: 50px;
	padding-top: 100px;
	padding-bottom: 30px;
	font-size: 13px;
	line-height: 20px;
	-webkit-background-size: cover!Important;
	-moz-background-size: cover!Important;
	-o-background-size: cover!Important;
	background-size: cover!Important;
}

.footerbrand {
	font-family: Pacifico;
	font-size: 30px!Important;
	font-weight: 300!Important;
	text-transform: none!Important;
	margin-bottom: 20px!important;
	border-bottom: 0!Important;
	letter-spacing: 1px;
	display: block!Important;
	color: #fff!important;
}

.footermap {
	background: url(../img/map.png) no-repeat;
}

.footerbrand i {
	color: #555;
	font-size: 15px;
}

.footer h1 {
	font-size: 18px;
	color: #fff;
	text-align: left;
	display: inline-block;
	font-weight: 700;
	margin-bottom: 25px;
	margin-top: 0;
}

.footer hr {
	border-top: 1px solid #494949;
	margin-bottom: 25px;
}

.footer ul.social-icons {
	list-style: none;
	margin-left: 0;
	margin-top: 25px;
}

.copyright {
	color: #fff;
	font-size: 12px;
	background: url(../img/foot.png) repeat-x left 1px;
}

.copyright ul.footermenu li a {
	color: #fff;
	height: 50px;
}

.copyright p {
	line-height: 54px;
	margin: 0;
}

.footer input,
.footer textarea,
.footer input[type="text"] {
	background-color: #333;
	border: 1px solid #3c3c3c;
	font-size: 12px;
	margin-bottom: 10px;
	color: #aaa;
	padding: 10px;
}

.footer .btn {
	background: #333;
	text-shadow: none;
	padding: 6px 12px;
	font-size: 13px;
	color: #888;
}

ul.footermenu {
	list-style: none;
	margin-top: 10px;
}

ul.footermenu li {
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	text-transform: uppercase;
	line-height: 33px;
}

ul.footermenu li a {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	color: #999;
	font-size: 11px;
}

ul.footermenu li a:hover {
	color: #fff;
}

.footermenu li:before {
	content: '|';
	color: #fff;
	display: inline-block;
	margin-right: 7px;
}

.footermenu li:nth-child(1):before {
	display: none;
}

.footer .titlearrow {
	font-size: 30px;
	color: #444;
	background: #373737;
;
}

.footer .wraptitle {
	margin-bottom: 10px;
	text-align: left;
}

.done {
	display: none;
}

.error input,
input.error,
.error textarea,
textarea.error {
	background-color: #ffffff;
	border: 1px solid red!Important;
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
}

#back-top {
	position: fixed;
	bottom: 50px;
	right: 2%;
	z-index: 1000;
}

#back-top span {
	width: 40px;
	height: 40px;
	display: block;
	margin-bottom: 7px;
	background: url(../img/up-arrow.png) no-repeat center center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

#back-top a:hover span {
	opacity: 0.7;
}

#back-top a {
	width: 44px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #666;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

#back-top a:hover {
	color: #999;
}

ul.social-icons li {
	display: inline-block;
	float: none;
	padding: 17px;
	width: 10px;
	height: 10px;
	position: relative;
	background: #444;
	margin-right: 5px;
	border-radius: 3px;
}

ul.social-icons li i {
	position: absolute;
	font-size: 15px;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	left: 50%;
	top: 50%;
	margin-left: -20px;
	margin-top: -20px;
}

ul.social-icons li a {
	color: #fff;
}

ul.social-icons li a i {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	transition-property: transform;
	overflow: hidden;
}

ul.social-icons li a i:hover {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
}

ul.social-icons li a:hover {
	text-decoration: none;
	color: #fff;
}

@keyframes fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@-moz-keyframes fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@-webkit-keyframes fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@-o-keyframes fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

​.quote_wrap {
	height: 100%!Important;
}

.textItem {
	position: absolute;
	display: none;
	animation: fadein 2s;
	-moz-animation: fadein 2s;
	-webkit-animation: fadein 2s;
	-o-animation: fadein 2s;
}

.avatar {
	float: left;
	background: #fff;
	width: 54px;
	height: 54px;
	border: 1px solid #ebebeb;
	border-radius: 50%;
	margin-right: 10px;
}

.avatar img {
	display: block;
	width: 100%;
	border: 0;
	margin: 0;
	border-radius: 50%;
}


/*********************************MARGINS,PADDINGS*********************************/

.topspace0 {
	margin-top: 0 !Important;
}

.topspace10 {
	margin-top: 10px;
}

.topspace15 {
	margin-top: 15px;
}

.topspace20 {
	margin-top: 20px !important;
}

.topspace25 {
	margin-top: 25px;
}

.topspace30 {
	margin-top: 30px;
}

.topspace35 {
	margin-top: 35px;
}

.topspace40 {
	margin-top: 40px;
}

.topspace50 {
	margin-top: 50px;
}

.bottomspace0 {
	margin-bottom: 0;
}

.bottomspace10 {
	margin-bottom: 10px;
}

.bottomspace15 {
	margin-bottom: 15px;
}

.bottomspace20 {
	margin-bottom: 20px;
}

.bottomspace25 {
	margin-bottom: 25px;
}

.bottomspace30 {
	margin-bottom: 30px;
}

.bottomspace35 {
	margin-bottom: 35px;
}

.bottomspace40 {
	margin-bottom: 40px;
}

.mt-8 {
	margin-top: 8px;
}
.mt--40 {
	margin-top: -40px;
}
.mb-20 {
	margin-bottom: 20px!important;
}
.ci-down-10 {
	bottom: 10px!important;
}

/*********************************FONTS*********************************/

.fontroboto {
	font-family: Roboto;
}

.fontopensans {
	font-family: Open Sans;
}

.fontpacifico {
	font-family: Pacifico;
}

.font100 {
	font-weight: 100;
}

.font200 {
	font-weight: 200;
}

.font300 {
	font-weight: 300;
}

.font400 {
	font-weight: 400;
}

.font500 {
	font-weight: 500;
}

.font600 {
	font-weight: 600;
}

.font700 {
	font-weight: 700;
}

.font800 {
	font-weight: 800;
}

.font900 {
	font-weight: 900;
}

.fontnormal {
	font-style: normal;
}

.fontitalic {
	font-style: italic;
}

.fontupper {
	text-transform: uppercase;
}

/*********************************PANELS*********************************/

.panel h1,
.panel2 h1 {
	font-size: 18px;
	font-family: RalewayRegular;
	margin-top: 0;
	line-height: 24px;
}
.panel1 {
	width: 100%;
	padding: 30px 30px 15px;
	background-color: #f6f6f6;
	border-left: 6px solid;
}

.bigtext {
	font-size: 24px;
	text-transform: capitalize;
	line-height: 24px;
	color: #333;
}

.buttonblack {
	background: #333;
	line-height: 40px;
	padding: 7px 20px;
	border-radius: 0;
	display: inline-block;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	min-width: 170px;
}

.buttoncolor {
	line-height: 40px;
	color: #fff;
	padding: 7px 20px;
	margin-left: -3px;
	border-radius: 0;
	display: inline-block;
	text-transform: uppercase;
	font-weight: 700;
	min-width: 170px;
}

.buttonblack:hover,
.buttoncolor:hover {
	background: #555;
	color: #fff;
}

.panel ul,
.panel2 ul {
	margin-left: 55px;
	list-style: square;
}

.panel,
.panel2 {
	padding: 20px;
	background-color: #f7f7f7;
	position: relative;
	margin-bottom: 15px;
	border-radius: 0;
	border: 0;
	border-left: 8px solid;
}

.panel2:after {
	z-index: -1;
	position: absolute;
	content: "";
	bottom: 15px;
	left: 10px;
	width: 50%;
	top: 80%;
	max-width: 300px;
	background: #777;
	-webkit-box-shadow: 0 15px 10px #777;
	-moz-box-shadow: 0 15px 10px #777;
	box-shadow: 0 15px 10px #777;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
}

.panel2:after {
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
	right: 10px;
	left: auto;
	clear: both;
	float: none;
}


/*********************************INFO BOXES*********************************/

.info-box {
	background: #eee !important;
	border: 1px solid #e4e4e4;
	padding: 6px;
	margin-bottom: 15px;
}

.info-box-inner {
	background-image: linear-gradient(bottom, #fafafa 0%, #fff 100%);
	background-image: -o-linear-gradient(bottom, #fafafa 0%, #fff 100%);
	background-image: -moz-linear-gradient(bottom, #fafafa 0%, #fff 100%);
	background-image: -webkit-linear-gradient(bottom, #fafafa 0%, #fff 100%);
	background-image: -ms-linear-gradient(bottom, #fafafa 0%, #fff 100%);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #e4e4e4;
	padding: 25px;
	background: #fff;
}

.info-box p {
	margin: 0;
}

.info-box h4 {
	font-size: 20px;
	line-height: 26px;
	margin: 0;
}

.info-box a {
	margin: 0;
}

.info-content {
	float: left;
}


/*info-box-2*/

.info-box-2 {
	margin: 0 0 10px 0;
}

.info-box-inner-2 {
	background-image: linear-gradient(bottom, #fafafa 0%, #fff 100%);
	background-image: -o-linear-gradient(bottom, #fafafa 0%, #fff 100%);
	background-image: -moz-linear-gradient(bottom, #fafafa 0%, #fff 100%);
	background-image: -webkit-linear-gradient(bottom, #fafafa 0%, #fff 100%);
	background-image: -ms-linear-gradient(bottom, #fafafa 0%, #fff 100%);
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	border-top: 0 none;
	border-right: 1px solid #e4e4e4;
	border-left: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	padding: 17px;
}

.info-box-2 p {
	margin: 0;
}

.info-box-2 h4 {
	color: #2778C8;
	font-size: 24px;
	line-height: 26px;
	margin: 0;
}

.info-box-2 a {
	margin: 6px 0 0;
}

.info-content-2 {
	float: left;
}


/*********************************TRANSITIONS*********************************/

.buttonblack,
.buttoncolor {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}


/*********************************BUTTONS,LINKS*********************************/

.checkitems {
	color: #666;
	font-style: italic;
}

.btn-default {
	color: #fff;
	border: 0;
}

.btn-default:hover {
	background: #444;
	color: #fff;
}

.btn-wrap {
	margin-left: 10px;
}

.btn-minimal {
	background: 0 0;
	padding: 13px 25px;
	font-family: Open sans;
	font-size: 14px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 2px solid #fff;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.btn-minimal:hover {
	background: #fff;
}


/*********************************ACCORDION*********************************/

#accordion {
	margin-bottom: 0;
}

#accordion div h4 {
	position: relative;
	font-size: 15px;
	color: #444;
	font-weight: 300;
	padding: 15px 0 15px 70px;
	border: 1px solid #ebebeb;
	margin-top: 0;
	cursor: pointer;
	transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-webkit-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
}

#accordion div.active h4 {
	border: 1px solid transparent;
	color: #fff;
	background: #444;
	margin-bottom: 0;
}

#accordion div h4:before {
	position: absolute;
	content: '';
	top: -1px;
	left: -1px;
	height: 48px;
	width: 48px;
	background: url('../img/plus.png') center center no-repeat;
	transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-webkit-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
}

#accordion div.active h4:before {
	background: url('../img/minus.png') center center no-repeat;
}

#accordion div p {
	display: none;
	transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-webkit-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
}

#accordion div p span {
	color: #666666;
	font-weight: bold;
}

#accordion div.active p {
	display: block;
	border-left: 1px solid #ebebeb;
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	padding: 20px;
	margin: 0;
	margin-bottom: 10px;
}

#accordion div:last-child.active p {
	border-bottom: 1px solid #ebebeb;
}


/*********************************PAGE HEADER STYLES*********************************/

.pageheader {
	padding-top: 30px;
}

.pageheader h1 {
	text-transform: uppercase;
	font-size: 27px;
	text-align: center;
}

.page-description {
	color: #fff;
	font-size: 20px;
	line-height: 30px;
	font-weight: 300;
	text-align: center;
	margin-bottom: 0;
	margin: 0 auto;
	margin-top: 15px;
}

.breadcr {
	margin-top: 28px;
}

.wowbreadcr {
	color: #fff;
	font-size: 15px;
	line-height: 36px;
	font-weight: 300;
	text-align: center;
	margin-bottom: 0;
	margin-top: 15px;
}

.text-left {
	text-align: left;
}

.pageheader-default {
	-webkit-background-size: cover !Important;
	-moz-background-size: cover !Important;
	-o-background-size: cover !Important;
	background-size: cover !Important;
	background-image: url(../img/demo/3.jpg);
	color: #fff;
	background-attachment: fixed;
}

.pageheader-default h1 {
	color: #fff;
	display: inline-block;
	font-weight: 700;
	margin-top: 30px;
	margin-bottom: 0;
	line-height: 0;
	font-size: 35px;
	text-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
}

.pageheader-default .semitransparentbg {
	padding-bottom: 75px;
	padding-top: 20px;
}

.semitransparentbg {
	background: rgba(0, 0, 0, 0.70) !important;
}

.thumbnail {
	border: 1px solid #f3f3f3;
	font-size: 13px;
	background: #fff;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	padding: 0;
	border-bottom: medium double #ddd;
	text-align: center;
	line-height: 25px;
}

.thumbnail h4 {
	font-size: 16px;
	line-height: 0.5;
	margin-top: 20px;
}

.thumbnail .caption {
	color: #888;
	padding: 10px 20px 15px;
	background: #f7f7f7;
}

.thumbnail .caption span {
	font-style: italic;
}

.thumbnail img {
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}

.iconmargin {
	margin-right: 5px;
}


/*********************************SIDEBAR*********************************/

.sidebar .categories>li {
	position: relative;
	display: block;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	background-position: 9px 16px;
	background-repeat: no-repeat;
	border-bottom: 1px solid #EDEDDE;
	padding: 10px 0;
	transition: all 0.3s;
}

.sidebar .categories>li a {
	color: #666;
}

.sidebar .categories>li a:before {
	font-family: 'FontAwesome';
	content: "\f101";
	margin-right: 5px;
}

.sidebar .categories>li:hover {
	background: #f6f6f6;
	padding-left: 15px;
}

.sidebar h4 {
	font-size: 19px;
}

.wowwidget {
	margin-bottom: 35px;
	clear: both;
	float: none;
}

.tab-content .tabbedwidget img {
	width: 50px;
	height: 50px;
	margin-bottom: 0;
	padding: 4px;
	line-height: 1.428571429;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	margin-right: 10px;
	margin-top: 5px;
}

.tab-content li {
	float: none;
	clear: both;
}


/*********************************TABS*********************************/

.nav-tabs {
	border: 0;
	margin-bottom: 0;
}

.nav-tabs li a {
	color: #444;
	background: #F8F8F8;
	font-weight: 300;
	font-size: 13px;
	padding: 15px 25px;
	margin-right: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border: 1px solid #e5e5e5;
	border-right: 0 !important;
	text-transform: uppercase;
}

.nav-tabs li:last-child>a,
.nav-tabs li:last-child>a:hover {
	border-right: 1px solid #e5e5e5 !important;
}

.nav-tabs li a:hover {
	background: #ffffff !important;
	border: 1px solid #e5e5e5;
}

.nav-tabs i {
	padding-right: 10px;
}

.tab-content {
	background: #ffffff;
	border: 1px solid #e5e5e5;
	padding: 25px;
}

.tab-content img {
	max-width: 150px;
	height: auto;
	width: auto;
	margin-right: 20px;
	margin-bottom: 5px;
	float: left;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.nav-tabs>.active>a,
.nav-tabs>.active>a:hover {
	background-color: #ffffff !important;
	border-color: #e5e5e5 #e5e5e5 transparent;
	border-style: solid;
	border-right: 1px !important;
}


/*********************************BLOCKQUOTE*********************************/

blockquote {
	border-left: 5px solid;
	padding: 20px 20px 20px 30px;
	background: #f8f8f8;
}

blockquote p {
	font-size: 13px;
	line-height: 22px;
	font-weight: 400;
}


/*********************************TABLE*********************************/

th {
	font-size: 14px;
	background: #f9f9f9;
	border-bottom: 0 !Important;
	font-weight: normal;
	color: #444;
}


/*********************************SKILLS*********************************/

#skill {
	list-style: none;
	font-size: 12px;
	position: relative;
	line-height: 2em;
}

ul#skill {
	list-style: none;
}

#skill li {
	margin-bottom: 20px;
	height: 45px;
	background: #f5f5f5;
}

#skill li:last-child {
	margin-bottom: 0;
}

#skill li h3 {
	position: relative;
	font-size: 14px;
	color: #fff;
	padding-left: 10px;
	font-weight: 300;
	margin-top: 0;
	padding: 13px;
	display: inline;
	line-height: 45px;
}

#skill i {
	color: #fff;
	margin-left: -13px;
	margin-right: 10px;
	width: 45px;
	display: inline-block;
	text-align: center;
	height: 45px;
	padding: 18px 0;
}

.thebar {
	height: 45px;
	position: absolute;
	width: 100%;
}

.progressdefault {
	background-color: #444;
}

.progresspink {
	background-color: #f674a4
}

.progressorange {
	background: orange
}

.progressgreen {
	background-color: #a1ce5b
}

.progressblue {
	background-color: #0E8FAB
}


/*********************************VIDEO*********************************/

.flex-video {
	position: relative;
	padding-top: 25px;
	padding-bottom: 67.5%;
	height: 0;
	margin-bottom: 16px;
	overflow: hidden;
}

.flex-video.widescreen {
	padding-bottom: 57.25%;
}

.flex-video.vimeo {
	padding-top: 0;
}

.flex-video iframe,
.flex-video object,
.flex-video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media only screen and (max-device-width:800px),
only screen and (device-width:1024px) and (device-height:600px),
only screen and (width:1280px) and (orientation:landscape),
only screen and (device-width:800px),
only screen and (max-width:767px) {
	.flex-video {
		padding-top: 0;
	}
}


/*********************************BOX SHADOW EFFECTS*********************************/

.box {
	background: #f7f7f7;
	padding: 22px;
}

/*********************************EFFECT 1*********************************/

.effect1 {
	-webkit-box-shadow: 0 10px 6px -6px #777;
	-moz-box-shadow: 0 10px 6px -6px #777;
	box-shadow: 0 10px 6px -6px #777;
}


/*********************************EFFECT 2*********************************/
.effect2 {
	position: relative;
}

.effect2:before,
.effect2:after {
	z-index: -1;
	position: absolute;
	content: "";
	bottom: 15px;
	left: 10px;
	width: 50%;
	top: 80%;
	max-width: 300px;
	background: #777;
	-webkit-box-shadow: 0 15px 10px #777;
	-moz-box-shadow: 0 15px 10px #777;
	box-shadow: 0 15px 10px #777;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
}

.effect2:after {
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
	right: 10px;
	left: auto;
}


/*********************************EFFECT 3*********************************/
.effect3 {
	position: relative;
}

.effect3:before {
	z-index: -1;
	position: absolute;
	content: "";
	bottom: 15px;
	left: 10px;
	width: 50%;
	top: 80%;
	max-width: 300px;
	background: #777;
	-webkit-box-shadow: 0 15px 10px #777;
	-moz-box-shadow: 0 15px 10px #777;
	box-shadow: 0 15px 10px #777;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
}


/*********************************EFFECT 4*********************************/
.effect4 {
	position: relative;
}

.effect4:after {
	z-index: -1;
	position: absolute;
	content: "";
	bottom: 15px;
	right: 10px;
	left: auto;
	width: 50%;
	top: 80%;
	max-width: 300px;
	background: #777;
	-webkit-box-shadow: 0 15px 10px #777;
	-moz-box-shadow: 0 15px 10px #777;
	box-shadow: 0 15px 10px #777;
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
}


/*********************************EFFECT 5*********************************/
.effect5 {
	position: relative;
}

.effect5:before,
.effect5:after {
	z-index: -1;
	position: absolute;
	content: "";
	bottom: 25px;
	left: 10px;
	width: 50%;
	top: 80%;
	max-width: 300px;
	background: #777;
	-webkit-box-shadow: 0 35px 20px #777;
	-moz-box-shadow: 0 35px 20px #777;
	box-shadow: 0 35px 20px #777;
	-webkit-transform: rotate(-8deg);
	-moz-transform: rotate(-8deg);
	-o-transform: rotate(-8deg);
	-ms-transform: rotate(-8deg);
	transform: rotate(-8deg);
}

.effect5:after {
	-webkit-transform: rotate(8deg);
	-moz-transform: rotate(8deg);
	-o-transform: rotate(8deg);
	-ms-transform: rotate(8deg);
	transform: rotate(8deg);
	right: 10px;
	left: auto;
}


/*********************************EFFECT 6*********************************/
.effect6 {
	position: relative;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.effect6:before,
.effect6:after {
	content: "";
	position: absolute;
	z-index: -1;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
	top: 50%;
	bottom: 0;
	left: 10px;
	right: 10px;
	-moz-border-radius: 100px / 10px;
	border-radius: 100px / 10px;
}

.effect6:after {
	right: 10px;
	left: auto;
	-webkit-transform: skew(8deg) rotate(3deg);
	-moz-transform: skew(8deg) rotate(3deg);
	-ms-transform: skew(8deg) rotate(3deg);
	-o-transform: skew(8deg) rotate(3deg);
	transform: skew(8deg) rotate(3deg);
}


/*********************************EFFECT 7*********************************/
.effect7 {
	position: relative;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.effect7:before,
.effect7:after {
	content: "";
	position: absolute;
	z-index: -1;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
	top: 0;
	bottom: 0;
	left: 10px;
	right: 10px;
	-moz-border-radius: 100px / 10px;
	border-radius: 100px / 10px;
}

.effect7:after {
	right: 10px;
	left: auto;
	-webkit-transform: skew(8deg) rotate(3deg);
	-moz-transform: skew(8deg) rotate(3deg);
	-ms-transform: skew(8deg) rotate(3deg);
	-o-transform: skew(8deg) rotate(3deg);
	transform: skew(8deg) rotate(3deg);
}


/*********************************EFFECT 8*********************************/
.effect8 {
	position: relative;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.effect8:before,
.effect8:after {
	content: "";
	position: absolute;
	z-index: -1;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
	top: 10px;
	bottom: 10px;
	left: 0;
	right: 0;
	-moz-border-radius: 100px / 10px;
	border-radius: 100px / 10px;
}

.effect8:after {
	right: 10px;
	left: auto;
	-webkit-transform: skew(8deg) rotate(3deg);
	-moz-transform: skew(8deg) rotate(3deg);
	-ms-transform: skew(8deg) rotate(3deg);
	-o-transform: skew(8deg) rotate(3deg);
	transform: skew(8deg) rotate(3deg);
}


/*********************************CAROUSEL*********************************/

.list_carousel {
	margin-left: -10px;
	clear: both;
}

.list_carousel ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}

.list_carousel li {
	display: block;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	cursor: default !important;
	height: auto;
}

.list_carousel.responsive {
	width: auto;
	margin-left: -10px;
}

.clearfix {
	float: none;
	clear: both;
}

.list_carousel .carousel_nav {
	position: relative;
	padding-left: 8px;
	padding-right: 12px;
	text-align: center;
	margin-bottom: 20px;
	float: none;
	clear: both;
	display: inline-block;
	background: #fff;
}

.grayarea .list_carousel .carousel_nav {
	background: #f9f9f9;
}

a.prev,
a.next {
	background: url(../img/carousel_arrows.png) no-repeat;
	width: 24px;
	height: 24px;
	display: block;
	position: relative;
	float: left;
	margin-left: 3px;
	-webkit-background-clip: padding-box;
	/* for Safari */
	background-clip: padding-box;
	border-radius: 50%;
}

a.prev {
	background-position: -2px 0
}

a.prev.disabled {
	background-color: #555
}

a.next {
	background-position: -22px 0
}

a.next.disabled {
	background-color: #555
}

a.prev.disabled,
a.next.disabled {
	cursor: default
}

a.prev span,
a.next span {
	display: none
}

.pager {
	float: left;
	width: 300px;
	text-align: center;
}

.pager a {
	margin: 0 5px;
	text-decoration: none;
}

.pager a.selected {
	text-decoration: underline
}

.timer {
	background-color: #999;
	height: 6px;
	width: 0;
}

.testimonials .list_carousel li {
	width: 330px
}

.testavatar {
	border: 1px solid #ebebeb;
	border-radius: 50%;
	margin-left: 15px;
}

.maxwidth {
	max-width: 100%;
}

.carousel-content {
	float: left;
	width: 100%;
}

.featured-projects {
	background: #fff;
	font-size: 12px;
	-moz-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
	text-align: center;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	border: 1px solid #ebebeb;
}

.featured-projects-image {
	padding: 0;
}

.featured-projects-image img {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.featured-projects-image a {
	display: block
}

.featured-projects-content {
	padding: 0 10px
}

.featured-projects-content p {
	margin-bottom: 10px
}

.featured-projects-content h1 {
	font-size: 13px;
	line-height: 1;
	font-weight: bold;
}

.featured-projects-content h1 a {
	padding-bottom: 10px;
	border-bottom: 1px solid #ebebeb;
	display: block;
	color: #444;
	font-weight: normal;
}

.small {
	font-size: 12px
}

.imgproject {
	float: left;
	margin-right: 20px;
}


/*********************************SERVICE FANCYBOXES*********************************/

.service-fancybox,
.service-fancybox i,
.service-fancybox p,
.service-fancybox h3 {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.service-fancybox {
	background: #fff;
	padding: 18px 29px;
	border-radius: 4px;
	box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.15);
	border-radius: 3px;
	text-align: center;
	color: #888;
	margin-bottom: 15px;
	border: 1px solid #ebebeb;
}

.service-fancybox p {
	margin-top: 20px;
}

.service-fancybox i {
	font-size: 80px;
	height: 80px;
	color: #666;
	margin: 10px 0;
	display: inline;
}

.service-fancybox:hover,
.service-fancybox:hover h3 {
	color: #fff;
}

.service-fancybox:hover p {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
	color: #fff;
}

.service-fancybox h3 {
	font-size: 16px;
	margin-bottom: 20px;
}

.circleicon {
	width: 105px;
	height: 105px;
	border-radius: 50%;
	padding: 23px 0;
	background: #f7f7f7;
	margin: 0 auto;
	margin-bottom: 15px;
	border: 1px solid #ebebeb;
}

.circleicon i {
	font-size: 60px;
}

.service-fancybox.featured {
	color: #fff;
}

.service-fancybox.featured h3 {
	color: #fff;
}

.service-fancybox.featured:hover .circleicon i {
	color: #666;
}

.service-fancybox.black {
	background: #333;
	color: #fff;
}

.service-fancybox.black h3 {
	color: #fff;
}

.service-fancybox.black:hover .circleicon i {
	color: #444;
}


/*********************************TIMELINE*********************************/

.cbp_tmtimeline {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
}


/* The line */

.cbp_tmtimeline:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	width: 10px;
	background: #ececec;
	left: 20%;
	margin-left: -10px;
}


/* The date/time */

.cbp_tmtimeline>li {
	position: relative;
}

.cbp_tmtimeline>li .cbp_tmtime {
	display: block;
	width: 25%;
	padding-right: 100px;
	position: absolute;
	margin-top: 10px;
}

.cbp_tmtimeline>li .cbp_tmtime span {
	display: block;
	text-align: right;
}

.cbp_tmtimeline>li .cbp_tmtime span:first-child {
	font-size: 0.9em;
	color: #bdd0db;
}

.cbp_tmtimeline>li .cbp_tmtime span:last-child {
	font-size: 15px;
	color: #999;
}

.cbp_tmtimeline>li:nth-child(odd) .cbp_tmtime span:last-child {
	color: #999;
}


/* Right content */

.cbp_tmtimeline>li .cbp_tmlabel {
	margin: 0 0 15px 25%;
	padding: 2em;
	position: relative;
	border-radius: 5px;
	background: #f8f8f8;
	border: 1px solid #ebebeb;
}

.cbp_tmtimeline>li:nth-child(odd) .cbp_tmlabel {
	background: #fff;
	border: 1px solid #ebebeb;
}

.cbp_tmtimeline>li .cbp_tmlabel h2 {
	margin-top: 0;
	padding: 0 0 10px 0;
	font-family: Open Sans;
	font-weight: 300;
	text-transform: uppercase;
	font-size: 25px;
}


/* The triangle */

.cbp_tmtimeline>li .cbp_tmlabel:after {
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-right-color: #ebebeb;
	border-width: 10px;
	top: 10px;
}

.cbp_tmtimeline>li:nth-child(odd) .cbp_tmlabel:after {
	border-right-color: #ebebeb;
}


/* The icons */

.cbp_tmtimeline>li .cbp_tmicon {
	width: 40px;
	height: 40px;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-size: 1.4em;
	line-height: 40px;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	color: #fff;
	border-radius: 50%;
	box-shadow: 0 0 0 8px #ececec;
	text-align: center;
	left: 20%;
	top: 0;
	margin: 0 0 0 -25px;
}


/* Example Media Queries */

@media screen and (max-width:65.375em) {
	.cbp_tmtimeline>li .cbp_tmtime span:last-child {
		font-size: 1.5em;
	}
}

@media screen and (max-width:47.2em) {
	.cbp_tmtimeline:before {
		display: none;
	}
	.cbp_tmtimeline>li .cbp_tmtime {
		width: 100%;
		position: relative;
		padding: 0 0 20px 0;
	}
	.cbp_tmtimeline>li .cbp_tmtime span {
		text-align: left;
	}
	.cbp_tmtimeline>li .cbp_tmlabel {
		margin: 0 0 30px 0;
		padding: 1em;
		font-weight: 400;
		font-size: 95%;
	}
	.cbp_tmtimeline>li .cbp_tmlabel:after {
		right: auto;
		left: 20px;
		border-right-color: transparent;
		border-bottom-color: #ebebeb;
		top: -20px;
	}
	.cbp_tmtimeline>li:nth-child(odd) .cbp_tmlabel:after {
		border-right-color: transparent;
		border-bottom-color: #ebebeb;
	}
	.cbp_tmtimeline>li .cbp_tmicon {
		position: relative;
		float: right;
		left: auto;
		margin: -55px 5px 0 0;
	}
}


/* make the well swell */

.container.isoport .row {
	margin-left: -30px;
	margin-right: 0;
}

.well {
	border-color: #ebebeb;
}

.item h4 a {
	color: #333;
}

.item img.image {
	max-width: 100%;
	margin-top: 9px;
}
.item.wd-img img {
	width: 90%;
}

.info {
	padding: 4px;
}


/* Isotope Transitions------------------------------- */

.services i {
	font-size: 30px;
}


/* - Section headers - */

.section-header {
	text-align: center;
	position: relative;
	border-bottom: 0;
	margin-top: 0;
	padding-bottom: 0;
	margin-bottom: 36px;
}

.section-header h1 {
	text-align: center;
	display: inline-block;
	border-bottom: 0;
	padding: 0 24px;
	background-color: white;
	position: relative;
	z-index: 1;
	margin-bottom: 0;
}

.section-header h1 small {
	font-size: inherit;
	text-transform: uppercase;
}

.section-alt .section-header h1 {
	background-color: #f2f2f4;
}

.section-header:before,
.section-header:after {
	content: "";
	position: absolute;
	width: 30%;
	height: 1px;
	background-color: #f2f2f4;
	-webkit-box-shadow: 0 1px 0 white;
	-moz-box-shadow: 0 1px 0 white;
	box-shadow: 0 1px 0 white;
	top: 50%;
	z-index: 0;
}

.section-alt .section-header:before,
.section-alt .section-header:after {
	background-color: #d8d8d8;
}

.section-header:before {
	left: 0;
}

.section-header:after {
	right: 0;
}

.section-dark .section-header h1 {
	background-color: #444444;
	color: white;
}

.section-dark .section-header h1 small {
	color: white;
}

.section-dark .section-header:before,
.section-dark .section-header:after {
	background-color: #151515;
	-webkit-box-shadow: 0 1px 0 #656565;
	-moz-box-shadow: 0 1px 0 #656565;
	box-shadow: 0 1px 0 #656565;
}


/*********************************ISOTOPE & MASONRY*********************************/

.isotope-item {
	z-index: 2
}

.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}

.isotope,
.isotope .isotope-item {
	/* change duration value to whatever you like */
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	transition-duration: 0.8s;
}

.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	transition-property: height, width;
}

.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	transition-property: transform, opacity;
}

#content {
	max-width: 1170px;
	z-index: 0;
	overflow: hidden;
	margin-left: -4px;
}

#filter ul {
	margin-left: 0;
}

#filter ul li {
	list-style: none;
	float: left;
	margin-right: 10px;
	margin-bottom: 40px;
	display: initial;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	font-size: 14px;
}

#filter ul li a {
	color: #444;
	margin-bottom: 23px;
	background: #ebebeb;
	padding: 10px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	border-radius: 2px;
	text-transform: uppercase;
	font-weight: 500;
}

#filter ul li a:hover {
	opacity: 0.8;
}

#filter ul li .selected {
	color: #fff;
}

/* MASONRY */

.inneritem {
	border: 1px solid #ebebeb;
	padding: 15px;
}

.boxportfolio4 {
	float: left;
	width: 22.90%;
	display: inline-block;
	margin-bottom: 20px;
	position: relative;
	z-index: 0;
	margin-left: 20px;
}

.boxportfolio3 {
	float: left;
	display: inline-block;
	margin-bottom: 20px;
	position: relative;
	z-index: 0;
	width: 31.23%;
	margin-left: 20px;
}

.boxportfolio2 {
	float: left;
	margin-left: 20px;
	width: 47.50%;
	display: inline-block;
	margin-bottom: 20px;
	position: relative;
	z-index: 0;
}

.roll {
	position: absolute;
	font-size: 30px;
	width: 100%;
	margin: 0 auto;
	height: 100%;
	top: -88.0px;
	display: table-cell;
	vertical-align: middle;
	background: #000;
	z-index: 10;
	opacity: 0;
	-ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
	filter: alpha(opacity=0);
	zoom: 1;
}

.boxcontainer {
	border: 1px solid #ededed;
	border-bottom: double medium #ececec;
	background: #fff;
	font-size: 13px;
	text-align: center;
	transition: border 500ms ease-out;
	-webkit-transition: border 500ms ease-out;
	-moz-transition: border 500ms ease-out;
	-o-transition: border 500ms ease-out;
	position: relative;
	overflow: hidden;
}

.boxcontainer:hover {
	border-bottom: double medium #eaeaea;
}

.boxcontainer p {
	margin-bottom: 10px;
	color: #666;
	padding: 0 10px;
}

.boxcontainer h1 {
	font-size: 13px;
	line-height: 1;
	padding-left: 4px;
	padding-right: 4px;
	margin-top: 15px;
}

.boxcontainer h1 a {
	padding-bottom: 10px;
	border-bottom: 1px solid #ebebeb;
	display: block;
	color: #666;
	line-height: 20px;
	text-transform: uppercase;
}

.boxcontainer img {
	position: relative;
	max-width: 100%;
}

.recent-projects-home .smalltitle {
	max-width: 50%;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: -13px;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #ebebeb;
}

.wrapcaption {
	position: absolute;
	font-size: 30px;
	background: transparent;
	width: 100%;
	margin: 0 auto;
	display: table-cell;
	vertical-align: middle;
	top: 59%;
}

.captionicons {
	font-size: 20px;
	padding: 13px;
	margin-right: 0;
	border-radius: 50%;
	color: #fff;
	position: relative;
	top: 55%;
	vertical-align: middle;
	margin-top: 0;
	margin: 0 auto;
}

.captionicons:hover {
	opacity: 0.9;
}

.boxportfolio2 .captionicons {
	top: 57%;
}

/*********************************BLOG*********************************/

.blogindex .lead {
	font-size: 17px;
}

.blogindex hr {
	margin-top: 30px;
}

.blogindex img.pull-left {
	margin-right: 30px;
	max-width: 180px;
}
.aligncenter {
	margin: 0 auto;
	text-align: center;
}

span.meta {
	display: block;
	margin-bottom: 20px;
}

.comments .media-object {
	display: block;
	border-radius: 50%;
	width: 74px;
	height: 74px;
	border: 1px solid #ebebeb;
}

.media-body {
	padding: 20px;
	border: 1px solid #ebebeb;
	z-index: 100;
	position: relative;
}

.pagination>li>a,
.pagination>li>span {
	color: #444;
}

.comments .smalltitle span {
	font-size: 18px;
}

.comment-metadata,
.comment-metadata a {
	color: #999;
	font-size: 12px;
}

/*********************************LANDING PAGE*********************************/

h1.landingpage {
	font-size: 58px;
	font-weight: 800;
	line-height: 71px;
	padding: 10px 0;
	color: #fff;
	margin-top: 40px;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	margin-left: 0;
}
h3.landingpage {
	color: #fff;
	font-weight: 300;
	margin-bottom: 30px;
	line-height: 35px;
	margin-top: 0;
}
.landingpage-button {
	background: #fff;
	width: 260px;
	padding: 0 20px;
	border-bottom: 3px solid;
}

.landingpage-button span {
	width: 50px;
	margin-left: 7px;
	position: relative;
	top: -18px;
}

.landingpage-button strong {
	margin-left: 76px;
	font-size: 24px;
}

.landingpage-button i {
	padding-right: 5px;
	position: relative;
	top: 10px;
}

.btn-wrap span {
	margin: 5px 10px;
	font-size: 16px;
	color: #fff;
}


/*********************************PAGE NOT FOUND*********************************/

h1.pagenotfound {
	font-size: 140px;
	font-weight: 600;
	letter-spacing: -10px;
	line-height: 140px;
}


/* Responsive Menu */

.tinynav {
	display: none
}


/*********************************FAQ*********************************/

.faqs dl {
	margin-bottom: 20px
}

.faqs dl,
.faqs dt,
.faqs dd {
	padding: 0;
	margin: 0;
}

.faqs {
	padding-top: 20px;
	padding-top: 20px;
	border: 1px solid #ebebeb;
	padding: 20px;
	border-top: 0;
}

.faqstitle {
	color: #444;
	font-size: 18px;
	padding-bottom: 20px;
	line-height: 0;
	padding-top: 20px;
	background: #f7f7f7;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: -18px;
	border: 1px solid #f1f1f1;
	font-weight: 300;
	margin-top: 0;
}

.faqs dt {
	font-size: 13px;
	background: url(../img/plust.png) 0 4px no-repeat;
	padding: 3px 0 10px 30px;
	position: relative;
	font-weight: normal;
}

.faqs dt:hover {
	cursor: pointer
}

.faqs dd {
	padding: 0 0 5px 30px;
	position: relative;
	line-height: 1.8;
}

.faqs .hover {
	color: #0E8FAB
}

.faqsicon {
	float: left;
	margin-top: -9px !Important;
	padding-right: 10px;
	font-size: 18px;
}


/*********************************FONT AWESOME ICONS*********************************/

[class^="icon-"],
[class*=" icon-"] {
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	text-decoration: inherit;
	-webkit-font-smoothing: antialiased;
	*margin-right: .3em;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
	text-decoration: inherit;
	display: inline-block;
	speak: none;
}

.icon-large:before {
	vertical-align: -10%;
	font-size: 1.3333333333333333em;
}

a [class^="icon-"],
a [class*=" icon-"] {
	display: inline;
}

[class^="icon-"].icon-fixed-width,
[class*=" icon-"].icon-fixed-width {
	display: inline-block;
	width: 1.1428571428571428em;
	text-align: right;
	padding-right: 0.2857142857142857em;
}

[class^="icon-"].icon-fixed-width.icon-large,
[class*=" icon-"].icon-fixed-width.icon-large {
	width: 1.4285714285714286em;
}

.icons-ul {
	margin-left: 2.142857142857143em;
	list-style-type: none;
}

.icons-ul>li {
	position: relative;
}

.icons-ul .icon-li {
	position: absolute;
	left: -2.142857142857143em;
	width: 2.142857142857143em;
	text-align: center;
	line-height: inherit;
}

[class^="icon-"].hide,
[class*=" icon-"].hide {
	display: none;
}

.icon-muted {
	color: #eee;
}

.icon-light {
	color: #ffffff;
}

.icon-dark {
	color: #333333;
}

.icon-border {
	border: solid 1px #eee;
	padding: .2em .25em .15em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.icon-2x {
	font-size: 2em;
}

.icon-2x.icon-border {
	border-width: 2px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.icon-3x {
	font-size: 3em;
}

.icon-3x.icon-border {
	border-width: 3px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.icon-4x {
	font-size: 4em;
}

.icon-4x.icon-border {
	border-width: 4px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.icon-5x {
	font-size: 5em;
}

.icon-5x.icon-border {
	border-width: 5px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

.pull-right {
	float: right;
}

.pull-left {
	float: left;
}

[class^="icon-"].pull-left,
[class*=" icon-"].pull-left {
	margin-right: .3em;
}

[class^="icon-"].pull-right,
[class*=" icon-"].pull-right {
	margin-left: .3em;
}

[class^="icon-"],
[class*=" icon-"] {
	display: inline;
	width: auto;
	height: auto;
	line-height: normal;
	vertical-align: baseline;
	background-image: none;
	background-position: 0% 0%;
	background-repeat: repeat;
	margin-top: 0;
}

.icon-white,
.nav-pills>.active>a>[class^="icon-"],
.nav-pills>.active>a>[class*=" icon-"],
.nav-list>.active>a>[class^="icon-"],
.nav-list>.active>a>[class*=" icon-"],
.navbar-inverse .nav>.active>a>[class^="icon-"],
.navbar-inverse .nav>.active>a>[class*=" icon-"],
.dropdown-menu>li>a:hover>[class^="icon-"],
.dropdown-menu>li>a:hover>[class*=" icon-"],
.dropdown-menu>.active>a>[class^="icon-"],
.dropdown-menu>.active>a>[class*=" icon-"],
.dropdown-submenu:hover>a>[class^="icon-"],
.dropdown-submenu:hover>a>[class*=" icon-"] {
	background-image: none;
}

.btn [class^="icon-"].icon-large,
.nav [class^="icon-"].icon-large,
.btn [class*=" icon-"].icon-large,
.nav [class*=" icon-"].icon-large {
	line-height: .9em;
}

.btn [class^="icon-"].icon-spin,
.nav [class^="icon-"].icon-spin,
.btn [class*=" icon-"].icon-spin,
.nav [class*=" icon-"].icon-spin {
	display: inline-block;
}

.nav-tabs [class^="icon-"],
.nav-pills [class^="icon-"],
.nav-tabs [class*=" icon-"],
.nav-pills [class*=" icon-"],
.nav-tabs [class^="icon-"].icon-large,
.nav-pills [class^="icon-"].icon-large,
.nav-tabs [class*=" icon-"].icon-large,
.nav-pills [class*=" icon-"].icon-large {
	line-height: .9em;
}

.btn [class^="icon-"].pull-left.icon-2x,
.btn [class*=" icon-"].pull-left.icon-2x,
.btn [class^="icon-"].pull-right.icon-2x,
.btn [class*=" icon-"].pull-right.icon-2x {
	margin-top: .18em;
}

.btn [class^="icon-"].icon-spin.icon-large,
.btn [class*=" icon-"].icon-spin.icon-large {
	line-height: .8em;
}

.btn.btn-small [class^="icon-"].pull-left.icon-2x,
.btn.btn-small [class*=" icon-"].pull-left.icon-2x,
.btn.btn-small [class^="icon-"].pull-right.icon-2x,
.btn.btn-small [class*=" icon-"].pull-right.icon-2x {
	margin-top: .25em;
}

.btn.btn-large [class^="icon-"],
.btn.btn-large [class*=" icon-"] {
	margin-top: 0;
}

.btn.btn-large [class^="icon-"].pull-left.icon-2x,
.btn.btn-large [class*=" icon-"].pull-left.icon-2x,
.btn.btn-large [class^="icon-"].pull-right.icon-2x,
.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
	margin-top: .05em;
}

.btn.btn-large [class^="icon-"].pull-left.icon-2x,
.btn.btn-large [class*=" icon-"].pull-left.icon-2x {
	margin-right: .2em;
}

.btn.btn-large [class^="icon-"].pull-right.icon-2x,
.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
	margin-left: .2em;
}

.nav-list [class^="icon-"],
.nav-list [class*=" icon-"] {
	line-height: inherit;
}

.icon-stack {
	position: relative;
	display: inline-block;
	width: 2em;
	height: 2em;
	line-height: 2em;
	vertical-align: -35%;
}

.icon-stack [class^="icon-"],
.icon-stack [class*=" icon-"] {
	display: block;
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	font-size: 1em;
	line-height: inherit;
	*line-height: 2em;
}

.icon-stack .icon-stack-base {
	font-size: 2em;
	*line-height: 1em;
}

.icon-spin {
	display: inline-block;
	-moz-animation: spin 2s infinite linear;
	-o-animation: spin 2s infinite linear;
	-webkit-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear;
}

a .icon-stack,
a .icon-spin {
	display: inline-block;
	text-decoration: none;
}

@-moz-keyframes spin {
	0% {
		-moz-transform: rotate(0deg);
	}
	100% {
		-moz-transform: rotate(359deg);
	}
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
	}
}

@-o-keyframes spin {
	0% {
		-o-transform: rotate(0deg);
	}
	100% {
		-o-transform: rotate(359deg);
	}
}

@-ms-keyframes spin {
	0% {
		-ms-transform: rotate(0deg);
	}
	100% {
		-ms-transform: rotate(359deg);
	}
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(359deg);
	}
}

.icon-rotate-90:before {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1);
}

.icon-rotate-180:before {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.icon-rotate-270:before {
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
	filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.icon-flip-horizontal:before {
	-webkit-transform: scale(-1, 1);
	-moz-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	-o-transform: scale(-1, 1);
	transform: scale(-1, 1);
}

.icon-flip-vertical:before {
	-webkit-transform: scale(1, -1);
	-moz-transform: scale(1, -1);
	-ms-transform: scale(1, -1);
	-o-transform: scale(1, -1);
	transform: scale(1, -1);
}

a .icon-rotate-90:before,
a .icon-rotate-180:before,
a .icon-rotate-270:before,
a .icon-flip-horizontal:before,
a .icon-flip-vertical:before {
	display: inline-block;
}


/*********************************ANIMATIONS*********************************/
@charset "UTF-8";

/*Animate.css - http://daneden.me/animateLicensed under the ☺ license (http://licence.visualidiot.com/)Copyright (c) 2012 Dan EdenPermission 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.*/

html,
body {
	overflow-x: hidden;
}

@-webkit-keyframes scaleUp {
	to {
		-webkit-transform: scale(1);
		opacity: 1;
	}
}

@-moz-keyframes scaleUp {
	to {
		-moz-transform: scale(1);
		opacity: 1;
	}
}

@keyframes scaleUp {
	to {
		transform: scale(1);
		opacity: 1;
	}
}

.animated {
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
	-o-animation-duration: 2s;
	animation-duration: 2s;
}

@-webkit-keyframes flash {
	0%,
	50%,
	100% {
		opacity: 1;
	}
	25%,
	75% {
		opacity: 0;
	}
}

@-moz-keyframes flash {
	0%,
	50%,
	100% {
		opacity: 1;
	}
	25%,
	75% {
		opacity: 0;
	}
}

@-o-keyframes flash {
	0%,
	50%,
	100% {
		opacity: 1;
	}
	25%,
	75% {
		opacity: 0;
	}
}

@keyframes flash {
	0%,
	50%,
	100% {
		opacity: 1;
	}
	25%,
	75% {
		opacity: 0;
	}
}

.flashNow {
	opacity: 0;
}

.flash {
	-webkit-animation-name: flash;
	-moz-animation-name: flash;
	-o-animation-name: flash;
	animation-name: flash;
	opacity: 1 !important;
}

@-webkit-keyframes shake {
	0%,
	100% {
		-webkit-transform: translateX(0);
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translateX(-10px);
	}
	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translateX(10px);
	}
}

@-moz-keyframes shake {
	0%,
	100% {
		-moz-transform: translateX(0);
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		-moz-transform: translateX(-10px);
	}
	20%,
	40%,
	60%,
	80% {
		-moz-transform: translateX(10px);
	}
}

@-o-keyframes shake {
	0%,
	100% {
		-o-transform: translateX(0);
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		-o-transform: translateX(-10px);
	}
	20%,
	40%,
	60%,
	80% {
		-o-transform: translateX(10px);
	}
}

@keyframes shake {
	0%,
	100% {
		transform: translateX(0);
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		transform: translateX(-10px);
	}
	20%,
	40%,
	60%,
	80% {
		transform: translateX(10px);
	}
}

.shakeNow {
	opacity: 0;
}

.shake {
	-webkit-animation-name: shake;
	-moz-animation-name: shake;
	-o-animation-name: shake;
	animation-name: shake;
	opacity: 1 !Important;
}

@-webkit-keyframes bounce {
	0%,
	20%,
	50%,
	80%,
	100% {
		-webkit-transform: translateY(0);
	}
	40% {
		-webkit-transform: translateY(-30px);
	}
	60% {
		-webkit-transform: translateY(-15px);
	}
}

@-moz-keyframes bounce {
	0%,
	20%,
	50%,
	80%,
	100% {
		-moz-transform: translateY(0);
	}
	40% {
		-moz-transform: translateY(-30px);
	}
	60% {
		-moz-transform: translateY(-15px);
	}
}

@-o-keyframes bounce {
	0%,
	20%,
	50%,
	80%,
	100% {
		-o-transform: translateY(0);
	}
	40% {
		-o-transform: translateY(-30px);
	}
	60% {
		-o-transform: translateY(-15px);
	}
}

@keyframes bounce {
	0%,
	20%,
	50%,
	80%,
	100% {
		transform: translateY(0);
	}
	40% {
		transform: translateY(-30px);
	}
	60% {
		transform: translateY(-15px);
	}
}

.bounceNow {
	opacity: 0;
}

.bounce {
	-webkit-animation-name: bounce;
	-moz-animation-name: bounce;
	-o-animation-name: bounce;
	animation-name: bounce;
	opacity: 1 !important;
}

@-webkit-keyframes tada {
	0% {
		-webkit-transform: scale(1);
	}
	10%,
	20% {
		-webkit-transform: scale(0.9) rotate(-3deg);
	}
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale(1.1) rotate(3deg);
	}
	40%,
	60%,
	80% {
		-webkit-transform: scale(1.1) rotate(-3deg);
	}
	100% {
		-webkit-transform: scale(1) rotate(0deg);
	}
}

@-moz-keyframes tada {
	0% {
		-moz-transform: scale(1);
	}
	10%,
	20% {
		-moz-transform: scale(0.9) rotate(-3deg);
	}
	30%,
	50%,
	70%,
	90% {
		-moz-transform: scale(1.1) rotate(3deg);
	}
	40%,
	60%,
	80% {
		-moz-transform: scale(1.1) rotate(-3deg);
	}
	100% {
		-moz-transform: scale(1) rotate(0deg);
	}
}

@-o-keyframes tada {
	0% {
		-o-transform: scale(1);
	}
	10%,
	20% {
		-o-transform: scale(0.9) rotate(-3deg);
	}
	30%,
	50%,
	70%,
	90% {
		-o-transform: scale(1.1) rotate(3deg);
	}
	40%,
	60%,
	80% {
		-o-transform: scale(1.1) rotate(-3deg);
	}
	100% {
		-o-transform: scale(1) rotate(0deg);
	}
}

@keyframes tada {
	0% {
		transform: scale(1);
	}
	10%,
	20% {
		transform: scale(0.9) rotate(-3deg);
	}
	30%,
	50%,
	70%,
	90% {
		transform: scale(1.1) rotate(3deg);
	}
	40%,
	60%,
	80% {
		transform: scale(1.1) rotate(-3deg);
	}
	100% {
		transform: scale(1) rotate(0deg);
	}
}

.tadaNow {
	opacity: 0;
}

.tada {
	-webkit-animation-name: tada;
	-moz-animation-name: tada;
	-o-animation-name: tada;
	animation-name: tada;
	opacity: 1 !Important;
}

@-webkit-keyframes swing {
	20%,
	40%,
	60%,
	80%,
	100% {
		-webkit-transform-origin: top center;
	}
	20% {
		-webkit-transform: rotate(15deg);
	}
	40% {
		-webkit-transform: rotate(-10deg);
	}
	60% {
		-webkit-transform: rotate(5deg);
	}
	80% {
		-webkit-transform: rotate(-5deg);
	}
	100% {
		-webkit-transform: rotate(0deg);
	}
}

@-moz-keyframes swing {
	20% {
		-moz-transform: rotate(15deg);
	}
	40% {
		-moz-transform: rotate(-10deg);
	}
	60% {
		-moz-transform: rotate(5deg);
	}
	80% {
		-moz-transform: rotate(-5deg);
	}
	100% {
		-moz-transform: rotate(0deg);
	}
}

@-o-keyframes swing {
	20% {
		-o-transform: rotate(15deg);
	}
	40% {
		-o-transform: rotate(-10deg);
	}
	60% {
		-o-transform: rotate(5deg);
	}
	80% {
		-o-transform: rotate(-5deg);
	}
	100% {
		-o-transform: rotate(0deg);
	}
}

@keyframes swing {
	20% {
		transform: rotate(15deg);
	}
	40% {
		transform: rotate(-10deg);
	}
	60% {
		transform: rotate(5deg);
	}
	80% {
		transform: rotate(-5deg);
	}
	100% {
		transform: rotate(0deg);
	}
}

.swingNow {
	opacity: 0;
}

.swing {
	-webkit-transform-origin: top center;
	-moz-transform-origin: top center;
	-o-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	-moz-animation-name: swing;
	-o-animation-name: swing;
	animation-name: swing;
}


/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
	0% {
		-webkit-transform: translateX(0%);
	}
	15% {
		-webkit-transform: translateX(-25%) rotate(-5deg);
	}
	30% {
		-webkit-transform: translateX(20%) rotate(3deg);
	}
	45% {
		-webkit-transform: translateX(-15%) rotate(-3deg);
	}
	60% {
		-webkit-transform: translateX(10%) rotate(2deg);
	}
	75% {
		-webkit-transform: translateX(-5%) rotate(-1deg);
	}
	100% {
		-webkit-transform: translateX(0%);
	}
}

@-moz-keyframes wobble {
	0% {
		-moz-transform: translateX(0%);
	}
	15% {
		-moz-transform: translateX(-25%) rotate(-5deg);
	}
	30% {
		-moz-transform: translateX(20%) rotate(3deg);
	}
	45% {
		-moz-transform: translateX(-15%) rotate(-3deg);
	}
	60% {
		-moz-transform: translateX(10%) rotate(2deg);
	}
	75% {
		-moz-transform: translateX(-5%) rotate(-1deg);
	}
	100% {
		-moz-transform: translateX(0%);
	}
}

@-o-keyframes wobble {
	0% {
		-o-transform: translateX(0%);
	}
	15% {
		-o-transform: translateX(-25%) rotate(-5deg);
	}
	30% {
		-o-transform: translateX(20%) rotate(3deg);
	}
	45% {
		-o-transform: translateX(-15%) rotate(-3deg);
	}
	60% {
		-o-transform: translateX(10%) rotate(2deg);
	}
	75% {
		-o-transform: translateX(-5%) rotate(-1deg);
	}
	100% {
		-o-transform: translateX(0%);
	}
}

@keyframes wobble {
	0% {
		transform: translateX(0%);
	}
	15% {
		transform: translateX(-25%) rotate(-5deg);
	}
	30% {
		transform: translateX(20%) rotate(3deg);
	}
	45% {
		transform: translateX(-15%) rotate(-3deg);
	}
	60% {
		transform: translateX(10%) rotate(2deg);
	}
	75% {
		transform: translateX(-5%) rotate(-1deg);
	}
	100% {
		transform: translateX(0%);
	}
}

.wobble {
	-webkit-animation-name: wobble;
	-moz-animation-name: wobble;
	-o-animation-name: wobble;
	animation-name: wobble;
}


/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(1);
	}
	50% {
		-webkit-transform: scale(1.1);
	}
	100% {
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes pulse {
	0% {
		-moz-transform: scale(1);
	}
	50% {
		-moz-transform: scale(1.1);
	}
	100% {
		-moz-transform: scale(1);
	}
}

@-o-keyframes pulse {
	0% {
		-o-transform: scale(1);
	}
	50% {
		-o-transform: scale(1.1);
	}
	100% {
		-o-transform: scale(1);
	}
}

@keyframes pulse {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.1);
	}
	100% {
		transform: scale(1);
	}
}

.pulse {
	-webkit-animation-name: pulse;
	-moz-animation-name: pulse;
	-o-animation-name: pulse;
	animation-name: pulse;
}

@-webkit-keyframes flip {
	0% {
		-webkit-transform: perspective(400px) rotateY(0deg);
		-webkit-animation-timing-function: ease-out;
	}
	40% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
		-webkit-animation-timing-function: ease-out;
	}
	50% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-webkit-animation-timing-function: ease-in;
	}
	80% {
		-webkit-transform: perspective(400px) rotateY(360deg) scale(.95);
		-webkit-animation-timing-function: ease-in;
	}
	100% {
		-webkit-transform: perspective(400px) scale(1);
		-webkit-animation-timing-function: ease-in;
	}
}

@-moz-keyframes flip {
	0% {
		-moz-transform: perspective(400px) rotateY(0deg);
		-moz-animation-timing-function: ease-out;
	}
	40% {
		-moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
		-moz-animation-timing-function: ease-out;
	}
	50% {
		-moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-moz-animation-timing-function: ease-in;
	}
	80% {
		-moz-transform: perspective(400px) rotateY(360deg) scale(.95);
		-moz-animation-timing-function: ease-in;
	}
	100% {
		-moz-transform: perspective(400px) scale(1);
		-moz-animation-timing-function: ease-in;
	}
}

@-o-keyframes flip {
	0% {
		-o-transform: perspective(400px) rotateY(0deg);
		-o-animation-timing-function: ease-out;
	}
	40% {
		-o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
		-o-animation-timing-function: ease-out;
	}
	50% {
		-o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-o-animation-timing-function: ease-in;
	}
	80% {
		-o-transform: perspective(400px) rotateY(360deg) scale(.95);
		-o-animation-timing-function: ease-in;
	}
	100% {
		-o-transform: perspective(400px) scale(1);
		-o-animation-timing-function: ease-in;
	}
}

@keyframes flip {
	0% {
		transform: perspective(400px) rotateY(0deg);
		animation-timing-function: ease-out;
	}
	40% {
		transform: perspective(400px) translateZ(150px) rotateY(170deg);
		animation-timing-function: ease-out;
	}
	50% {
		transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		animation-timing-function: ease-in;
	}
	80% {
		transform: perspective(400px) rotateY(360deg) scale(.95);
		animation-timing-function: ease-in;
	}
	100% {
		transform: perspective(400px) scale(1);
		animation-timing-function: ease-in;
	}
}

.flip {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flip;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flip;
	-o-backface-visibility: visible !important;
	-o-animation-name: flip;
	backface-visibility: visible !important;
	animation-name: flip;
}

@-webkit-keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotateX(90deg);
		opacity: 0;
	}
	40% {
		-webkit-transform: perspective(400px) rotateX(-10deg);
	}
	70% {
		-webkit-transform: perspective(400px) rotateX(10deg);
	}
	100% {
		-webkit-transform: perspective(400px) rotateX(0deg);
		opacity: 1;
	}
}

@-moz-keyframes flipInX {
	0% {
		-moz-transform: perspective(400px) rotateX(90deg);
		opacity: 0;
	}
	40% {
		-moz-transform: perspective(400px) rotateX(-10deg);
	}
	70% {
		-moz-transform: perspective(400px) rotateX(10deg);
	}
	100% {
		-moz-transform: perspective(400px) rotateX(0deg);
		opacity: 1;
	}
}

@-o-keyframes flipInX {
	0% {
		-o-transform: perspective(400px) rotateX(90deg);
		opacity: 0;
	}
	40% {
		-o-transform: perspective(400px) rotateX(-10deg);
	}
	70% {
		-o-transform: perspective(400px) rotateX(10deg);
	}
	100% {
		-o-transform: perspective(400px) rotateX(0deg);
		opacity: 1;
	}
}

@keyframes flipInX {
	0% {
		transform: perspective(400px) rotateX(90deg);
		opacity: 0;
	}
	40% {
		transform: perspective(400px) rotateX(-10deg);
	}
	70% {
		transform: perspective(400px) rotateX(10deg);
	}
	100% {
		transform: perspective(400px) rotateX(0deg);
		opacity: 1;
	}
}

.flipInX {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flipInX;
	-o-backface-visibility: visible !important;
	-o-animation-name: flipInX;
	backface-visibility: visible !important;
	animation-name: flipInX;
}

@-webkit-keyframes flipOutX {
	0% {
		-webkit-transform: perspective(400px) rotateX(0deg);
		opacity: 1;
	}
	100% {
		-webkit-transform: perspective(400px) rotateX(90deg);
		opacity: 0;
	}
}

@-moz-keyframes flipOutX {
	0% {
		-moz-transform: perspective(400px) rotateX(0deg);
		opacity: 1;
	}
	100% {
		-moz-transform: perspective(400px) rotateX(90deg);
		opacity: 0;
	}
}

@-o-keyframes flipOutX {
	0% {
		-o-transform: perspective(400px) rotateX(0deg);
		opacity: 1;
	}
	100% {
		-o-transform: perspective(400px) rotateX(90deg);
		opacity: 0;
	}
}

@keyframes flipOutX {
	0% {
		transform: perspective(400px) rotateX(0deg);
		opacity: 1;
	}
	100% {
		transform: perspective(400px) rotateX(90deg);
		opacity: 0;
	}
}

.flipOutX {
	-webkit-animation-name: flipOutX;
	-webkit-backface-visibility: visible !important;
	-moz-animation-name: flipOutX;
	-moz-backface-visibility: visible !important;
	-o-animation-name: flipOutX;
	-o-backface-visibility: visible !important;
	animation-name: flipOutX;
	backface-visibility: visible !important;
}

@-webkit-keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		opacity: 0;
	}
	40% {
		-webkit-transform: perspective(400px) rotateY(-10deg);
	}
	70% {
		-webkit-transform: perspective(400px) rotateY(10deg);
	}
	100% {
		-webkit-transform: perspective(400px) rotateY(0deg);
		opacity: 1;
	}
}

@-moz-keyframes flipInY {
	0% {
		-moz-transform: perspective(400px) rotateY(90deg);
		opacity: 0;
	}
	40% {
		-moz-transform: perspective(400px) rotateY(-10deg);
	}
	70% {
		-moz-transform: perspective(400px) rotateY(10deg);
	}
	100% {
		-moz-transform: perspective(400px) rotateY(0deg);
		opacity: 1;
	}
}

@-o-keyframes flipInY {
	0% {
		-o-transform: perspective(400px) rotateY(90deg);
		opacity: 0;
	}
	40% {
		-o-transform: perspective(400px) rotateY(-10deg);
	}
	70% {
		-o-transform: perspective(400px) rotateY(10deg);
	}
	100% {
		-o-transform: perspective(400px) rotateY(0deg);
		opacity: 1;
	}
}

@keyframes flipInY {
	0% {
		transform: perspective(400px) rotateY(90deg);
		opacity: 0;
	}
	40% {
		transform: perspective(400px) rotateY(-10deg);
	}
	70% {
		transform: perspective(400px) rotateY(10deg);
	}
	100% {
		transform: perspective(400px) rotateY(0deg);
		opacity: 1;
	}
}

.flipInY {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flipInY;
	-o-backface-visibility: visible !important;
	-o-animation-name: flipInY;
	backface-visibility: visible !important;
	animation-name: flipInY;
}

@-webkit-keyframes flipOutY {
	0% {
		-webkit-transform: perspective(400px) rotateY(0deg);
		opacity: 1;
	}
	100% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		opacity: 0;
	}
}

@-moz-keyframes flipOutY {
	0% {
		-moz-transform: perspective(400px) rotateY(0deg);
		opacity: 1;
	}
	100% {
		-moz-transform: perspective(400px) rotateY(90deg);
		opacity: 0;
	}
}

@-o-keyframes flipOutY {
	0% {
		-o-transform: perspective(400px) rotateY(0deg);
		opacity: 1;
	}
	100% {
		-o-transform: perspective(400px) rotateY(90deg);
		opacity: 0;
	}
}

@keyframes flipOutY {
	0% {
		transform: perspective(400px) rotateY(0deg);
		opacity: 1;
	}
	100% {
		transform: perspective(400px) rotateY(90deg);
		opacity: 0;
	}
}

.flipOutY {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipOutY;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flipOutY;
	-o-backface-visibility: visible !important;
	-o-animation-name: flipOutY;
	backface-visibility: visible !important;
	animation-name: flipOutY;
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-moz-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-o-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.fadeInNow {
	opacity: 0;
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
	opacity: 1 !Important;
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(40px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(40px);
	}
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(40px);
	}
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(40px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInUpNow {
	opacity: 0;
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
	opacity: 1 !important;
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-20px);
	}
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-20px);
	}
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInDownNow {
	opacity: 0;
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
	opacity: 1 !Important;
}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-20px);
	}
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-20px);
	}
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(-20px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInLeftNow {
	opacity: 0;
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	-moz-animation-name: fadeInLeft;
	-o-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
	opacity: 1 !important;
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(20px);
	}
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInRight {
	0% {
		opacity: 0;
		-o-transform: translateX(20px);
	}
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translateX(20px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInRightNow {
	opacity: 0;
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	-moz-animation-name: fadeInRight;
	-o-animation-name: fadeInRight;
	animation-name: fadeInRight;
	opacity: 1 !Important;
}

@-webkit-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-moz-transform: translateY(2000px);
	}
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-o-transform: translateY(2000px);
	}
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUpBig {
	0% {
		opacity: 0;
		transform: translateY(2000px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	-moz-animation-name: fadeInUpBig;
	-o-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-o-transform: translateY(-2000px);
	}
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInDownBig {
	0% {
		opacity: 0;
		transform: translateY(-2000px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	-moz-animation-name: fadeInDownBig;
	-o-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		transform: translateX(-2000px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	-moz-animation-name: fadeInLeftBig;
	-o-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInRightBig {
	0% {
		opacity: 0;
		transform: translateX(2000px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	-moz-animation-name: fadeInRightBig;
	-o-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@-moz-keyframes fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@-o-keyframes fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

.fadeOut {
	-webkit-animation-name: fadeOut;
	-moz-animation-name: fadeOut;
	-o-animation-name: fadeOut;
	animation-name: fadeOut;
}

@-webkit-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
	}
}

@-moz-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
	100% {
		opacity: 0;
		-moz-transform: translateY(-20px);
	}
}

@-o-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-o-transform: translateY(0);
	}
	100% {
		opacity: 0;
		-o-transform: translateY(-20px);
	}
}

@keyframes fadeOutUp {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	100% {
		opacity: 0;
		transform: translateY(-20px);
	}
}

.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	-moz-animation-name: fadeOutUp;
	-o-animation-name: fadeOutUp;
	animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}
}

@-moz-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
	100% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}
}

@-o-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-o-transform: translateY(0);
	}
	100% {
		opacity: 0;
		-o-transform: translateY(20px);
	}
}

@keyframes fadeOutDown {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	100% {
		opacity: 0;
		transform: translateY(20px);
	}
}

.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	-moz-animation-name: fadeOutDown;
	-o-animation-name: fadeOutDown;
	animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
	}
}

@-moz-keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
	100% {
		opacity: 0;
		-moz-transform: translateX(-20px);
	}
}

@-o-keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-o-transform: translateX(0);
	}
	100% {
		opacity: 0;
		-o-transform: translateX(-20px);
	}
}

@keyframes fadeOutLeft {
	0% {
		opacity: 1;
		transform: translateX(0);
	}
	100% {
		opacity: 0;
		transform: translateX(-20px);
	}
}

.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	-moz-animation-name: fadeOutLeft;
	-o-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutRight {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(20px);
	}
}

@-moz-keyframes fadeOutRight {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
	100% {
		opacity: 0;
		-moz-transform: translateX(20px);
	}
}

@-o-keyframes fadeOutRight {
	0% {
		opacity: 1;
		-o-transform: translateX(0);
	}
	100% {
		opacity: 0;
		-o-transform: translateX(20px);
	}
}

@keyframes fadeOutRight {
	0% {
		opacity: 1;
		transform: translateX(0);
	}
	100% {
		opacity: 0;
		transform: translateX(20px);
	}
}

.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	-moz-animation-name: fadeOutRight;
	-o-animation-name: fadeOutRight;
	animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}
}

@-moz-keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
	100% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}
}

@-o-keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		-o-transform: translateY(0);
	}
	100% {
		opacity: 0;
		-o-transform: translateY(-2000px);
	}
}

@keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	100% {
		opacity: 0;
		transform: translateY(-2000px);
	}
}

.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	-moz-animation-name: fadeOutUpBig;
	-o-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig;
}

@-webkit-keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}
}

@-moz-keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
	100% {
		opacity: 0;
		-moz-transform: translateY(2000px);
	}
}

@-o-keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		-o-transform: translateY(0);
	}
	100% {
		opacity: 0;
		-o-transform: translateY(2000px);
	}
}

@keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	100% {
		opacity: 0;
		transform: translateY(2000px);
	}
}

.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	-moz-animation-name: fadeOutDownBig;
	-o-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
}

@-moz-keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
	100% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}
}

@-o-keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		-o-transform: translateX(0);
	}
	100% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}
}

@keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		transform: translateX(0);
	}
	100% {
		opacity: 0;
		transform: translateX(-2000px);
	}
}

.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	-moz-animation-name: fadeOutLeftBig;
	-o-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}
}

@-moz-keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
	100% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}
}

@-o-keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		-o-transform: translateX(0);
	}
	100% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}
}

@keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		transform: translateX(0);
	}
	100% {
		opacity: 0;
		transform: translateX(2000px);
	}
}

.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	-moz-animation-name: fadeOutRightBig;
	-o-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig;
}

@-webkit-keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}
	50% {
		opacity: 1;
		-webkit-transform: scale(1.05);
	}
	70% {
		-webkit-transform: scale(.9);
	}
	100% {
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes bounceIn {
	0% {
		opacity: 0;
		-moz-transform: scale(.3);
	}
	50% {
		opacity: 1;
		-moz-transform: scale(1.05);
	}
	70% {
		-moz-transform: scale(.9);
	}
	100% {
		-moz-transform: scale(1);
	}
}

@-o-keyframes bounceIn {
	0% {
		opacity: 0;
		-o-transform: scale(.3);
	}
	50% {
		opacity: 1;
		-o-transform: scale(1.05);
	}
	70% {
		-o-transform: scale(.9);
	}
	100% {
		-o-transform: scale(1);
	}
}

@keyframes bounceIn {
	0% {
		opacity: 0;
		transform: scale(.3);
	}
	50% {
		opacity: 1;
		transform: scale(1.05);
	}
	70% {
		transform: scale(.9);
	}
	100% {
		transform: scale(1);
	}
}

.bounceIn {
	-webkit-animation-name: bounceIn;
	-moz-animation-name: bounceIn;
	-o-animation-name: bounceIn;
	animation-name: bounceIn;
}

@-webkit-keyframes bounceInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}
	60% {
		opacity: 1;
		-webkit-transform: translateY(-30px);
	}
	80% {
		-webkit-transform: translateY(10px);
	}
	100% {
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes bounceInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(2000px);
	}
	60% {
		opacity: 1;
		-moz-transform: translateY(-30px);
	}
	80% {
		-moz-transform: translateY(10px);
	}
	100% {
		-moz-transform: translateY(0);
	}
}

@-o-keyframes bounceInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(2000px);
	}
	60% {
		opacity: 1;
		-o-transform: translateY(-30px);
	}
	80% {
		-o-transform: translateY(10px);
	}
	100% {
		-o-transform: translateY(0);
	}
}

@keyframes bounceInUp {
	0% {
		opacity: 0;
		transform: translateY(2000px);
	}
	60% {
		opacity: 1;
		transform: translateY(-30px);
	}
	80% {
		transform: translateY(10px);
	}
	100% {
		transform: translateY(0);
	}
}

.bounceInUp {
	-webkit-animation-name: bounceInUp;
	-moz-animation-name: bounceInUp;
	-o-animation-name: bounceInUp;
	animation-name: bounceInUp;
}

@-webkit-keyframes bounceInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}
	60% {
		opacity: 1;
		-webkit-transform: translateY(30px);
	}
	80% {
		-webkit-transform: translateY(-10px);
	}
	100% {
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes bounceInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}
	60% {
		opacity: 1;
		-moz-transform: translateY(30px);
	}
	80% {
		-moz-transform: translateY(-10px);
	}
	100% {
		-moz-transform: translateY(0);
	}
}

@-o-keyframes bounceInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-2000px);
	}
	60% {
		opacity: 1;
		-o-transform: translateY(30px);
	}
	80% {
		-o-transform: translateY(-10px);
	}
	100% {
		-o-transform: translateY(0);
	}
}

@keyframes bounceInDown {
	0% {
		opacity: 0;
		transform: translateY(-2000px);
	}
	60% {
		opacity: 1;
		transform: translateY(30px);
	}
	80% {
		transform: translateY(-10px);
	}
	100% {
		transform: translateY(0);
	}
}

.bounceInDown {
	-webkit-animation-name: bounceInDown;
	-moz-animation-name: bounceInDown;
	-o-animation-name: bounceInDown;
	animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
	60% {
		opacity: 1;
		-webkit-transform: translateX(30px);
	}
	80% {
		-webkit-transform: translateX(-10px);
	}
	100% {
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}
	60% {
		opacity: 1;
		-moz-transform: translateX(30px);
	}
	80% {
		-moz-transform: translateX(-10px);
	}
	100% {
		-moz-transform: translateX(0);
	}
}

@-o-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}
	60% {
		opacity: 1;
		-o-transform: translateX(30px);
	}
	80% {
		-o-transform: translateX(-10px);
	}
	100% {
		-o-transform: translateX(0);
	}
}

@keyframes bounceInLeft {
	0% {
		opacity: 0;
		transform: translateX(-2000px);
	}
	60% {
		opacity: 1;
		transform: translateX(30px);
	}
	80% {
		transform: translateX(-10px);
	}
	100% {
		transform: translateX(0);
	}
}

.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	-moz-animation-name: bounceInLeft;
	-o-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}
	60% {
		opacity: 1;
		-webkit-transform: translateX(-30px);
	}
	80% {
		-webkit-transform: translateX(10px);
	}
	100% {
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}
	60% {
		opacity: 1;
		-moz-transform: translateX(-30px);
	}
	80% {
		-moz-transform: translateX(10px);
	}
	100% {
		-moz-transform: translateX(0);
	}
}

@-o-keyframes bounceInRight {
	0% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}
	60% {
		opacity: 1;
		-o-transform: translateX(-30px);
	}
	80% {
		-o-transform: translateX(10px);
	}
	100% {
		-o-transform: translateX(0);
	}
}

@keyframes bounceInRight {
	0% {
		opacity: 0;
		transform: translateX(2000px);
	}
	60% {
		opacity: 1;
		transform: translateX(-30px);
	}
	80% {
		transform: translateX(10px);
	}
	100% {
		transform: translateX(0);
	}
}

.bounceInRight {
	-webkit-animation-name: bounceInRight;
	-moz-animation-name: bounceInRight;
	-o-animation-name: bounceInRight;
	animation-name: bounceInRight;
}

@-webkit-keyframes bounceOut {
	0% {
		-webkit-transform: scale(1);
	}
	25% {
		-webkit-transform: scale(.95);
	}
	50% {
		opacity: 1;
		-webkit-transform: scale(1.1);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}
}

@-moz-keyframes bounceOut {
	0% {
		-moz-transform: scale(1);
	}
	25% {
		-moz-transform: scale(.95);
	}
	50% {
		opacity: 1;
		-moz-transform: scale(1.1);
	}
	100% {
		opacity: 0;
		-moz-transform: scale(.3);
	}
}

@-o-keyframes bounceOut {
	0% {
		-o-transform: scale(1);
	}
	25% {
		-o-transform: scale(.95);
	}
	50% {
		opacity: 1;
		-o-transform: scale(1.1);
	}
	100% {
		opacity: 0;
		-o-transform: scale(.3);
	}
}

@keyframes bounceOut {
	0% {
		transform: scale(1);
	}
	25% {
		transform: scale(.95);
	}
	50% {
		opacity: 1;
		transform: scale(1.1);
	}
	100% {
		opacity: 0;
		transform: scale(.3);
	}
}

.bounceOut {
	-webkit-animation-name: bounceOut;
	-moz-animation-name: bounceOut;
	-o-animation-name: bounceOut;
	animation-name: bounceOut;
}

@-webkit-keyframes bounceOutUp {
	0% {
		-webkit-transform: translateY(0);
	}
	20% {
		opacity: 1;
		-webkit-transform: translateY(20px);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}
}

@-moz-keyframes bounceOutUp {
	0% {
		-moz-transform: translateY(0);
	}
	20% {
		opacity: 1;
		-moz-transform: translateY(20px);
	}
	100% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}
}

@-o-keyframes bounceOutUp {
	0% {
		-o-transform: translateY(0);
	}
	20% {
		opacity: 1;
		-o-transform: translateY(20px);
	}
	100% {
		opacity: 0;
		-o-transform: translateY(-2000px);
	}
}

@keyframes bounceOutUp {
	0% {
		transform: translateY(0);
	}
	20% {
		opacity: 1;
		transform: translateY(20px);
	}
	100% {
		opacity: 0;
		transform: translateY(-2000px);
	}
}

.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	-moz-animation-name: bounceOutUp;
	-o-animation-name: bounceOutUp;
	animation-name: bounceOutUp;
}

@-webkit-keyframes bounceOutDown {
	0% {
		-webkit-transform: translateY(0);
	}
	20% {
		opacity: 1;
		-webkit-transform: translateY(-20px);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}
}

@-moz-keyframes bounceOutDown {
	0% {
		-moz-transform: translateY(0);
	}
	20% {
		opacity: 1;
		-moz-transform: translateY(-20px);
	}
	100% {
		opacity: 0;
		-moz-transform: translateY(2000px);
	}
}

@-o-keyframes bounceOutDown {
	0% {
		-o-transform: translateY(0);
	}
	20% {
		opacity: 1;
		-o-transform: translateY(-20px);
	}
	100% {
		opacity: 0;
		-o-transform: translateY(2000px);
	}
}

@keyframes bounceOutDown {
	0% {
		transform: translateY(0);
	}
	20% {
		opacity: 1;
		transform: translateY(-20px);
	}
	100% {
		opacity: 0;
		transform: translateY(2000px);
	}
}

.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	-moz-animation-name: bounceOutDown;
	-o-animation-name: bounceOutDown;
	animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
	0% {
		-webkit-transform: translateX(0);
	}
	20% {
		opacity: 1;
		-webkit-transform: translateX(20px);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
}

@-moz-keyframes bounceOutLeft {
	0% {
		-moz-transform: translateX(0);
	}
	20% {
		opacity: 1;
		-moz-transform: translateX(20px);
	}
	100% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}
}

@-o-keyframes bounceOutLeft {
	0% {
		-o-transform: translateX(0);
	}
	20% {
		opacity: 1;
		-o-transform: translateX(20px);
	}
	100% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}
}

@keyframes bounceOutLeft {
	0% {
		transform: translateX(0);
	}
	20% {
		opacity: 1;
		transform: translateX(20px);
	}
	100% {
		opacity: 0;
		transform: translateX(-2000px);
	}
}

.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	-moz-animation-name: bounceOutLeft;
	-o-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
	0% {
		-webkit-transform: translateX(0);
	}
	20% {
		opacity: 1;
		-webkit-transform: translateX(-20px);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}
}

@-moz-keyframes bounceOutRight {
	0% {
		-moz-transform: translateX(0);
	}
	20% {
		opacity: 1;
		-moz-transform: translateX(-20px);
	}
	100% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}
}

@-o-keyframes bounceOutRight {
	0% {
		-o-transform: translateX(0);
	}
	20% {
		opacity: 1;
		-o-transform: translateX(-20px);
	}
	100% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}
}

@keyframes bounceOutRight {
	0% {
		transform: translateX(0);
	}
	20% {
		opacity: 1;
		transform: translateX(-20px);
	}
	100% {
		opacity: 0;
		transform: translateX(2000px);
	}
}

.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	-moz-animation-name: bounceOutRight;
	-o-animation-name: bounceOutRight;
	animation-name: bounceOutRight;
}

@-webkit-keyframes rotateIn {
	0% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(-200deg);
		opacity: 0;
	}
	100% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(0deg);
		opacity: 1;
	}
}

@-moz-keyframes rotateIn {
	0% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(-200deg);
		opacity: 0;
	}
	100% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(0deg);
		opacity: 1;
	}
}

@-o-keyframes rotateIn {
	0% {
		-o-transform-origin: center center;
		-o-transform: rotate(-200deg);
		opacity: 0;
	}
	100% {
		-o-transform-origin: center center;
		-o-transform: rotate(0deg);
		opacity: 1;
	}
}

@keyframes rotateIn {
	0% {
		transform-origin: center center;
		transform: rotate(-200deg);
		opacity: 0;
	}
	100% {
		transform-origin: center center;
		transform: rotate(0deg);
		opacity: 1;
	}
}

.rotateIn {
	-webkit-animation-name: rotateIn;
	-moz-animation-name: rotateIn;
	-o-animation-name: rotateIn;
	animation-name: rotateIn;
}

@-webkit-keyframes rotateInUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0;
	}
	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0deg);
		opacity: 1;
	}
}

@-moz-keyframes rotateInUpLeft {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(90deg);
		opacity: 0;
	}
	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0deg);
		opacity: 1;
	}
}

@-o-keyframes rotateInUpLeft {
	0% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(90deg);
		opacity: 0;
	}
	100% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(0deg);
		opacity: 1;
	}
}

@keyframes rotateInUpLeft {
	0% {
		transform-origin: left bottom;
		transform: rotate(90deg);
		opacity: 0;
	}
	100% {
		transform-origin: left bottom;
		transform: rotate(0deg);
		opacity: 1;
	}
}

.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	-moz-animation-name: rotateInUpLeft;
	-o-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}
	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0deg);
		opacity: 1;
	}
}

@-moz-keyframes rotateInDownLeft {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0;
	}
	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0deg);
		opacity: 1;
	}
}

@-o-keyframes rotateInDownLeft {
	0% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(-90deg);
		opacity: 0;
	}
	100% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(0deg);
		opacity: 1;
	}
}

@keyframes rotateInDownLeft {
	0% {
		transform-origin: left bottom;
		transform: rotate(-90deg);
		opacity: 0;
	}
	100% {
		transform-origin: left bottom;
		transform: rotate(0deg);
		opacity: 1;
	}
}

.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	-moz-animation-name: rotateInDownLeft;
	-o-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}
	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0deg);
		opacity: 1;
	}
}

@-moz-keyframes rotateInUpRight {
	0% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0;
	}
	100% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(0deg);
		opacity: 1;
	}
}

@-o-keyframes rotateInUpRight {
	0% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(-90deg);
		opacity: 0;
	}
	100% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(0deg);
		opacity: 1;
	}
}

@keyframes rotateInUpRight {
	0% {
		transform-origin: right bottom;
		transform: rotate(-90deg);
		opacity: 0;
	}
	100% {
		transform-origin: right bottom;
		transform: rotate(0deg);
		opacity: 1;
	}
}

.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	-moz-animation-name: rotateInUpRight;
	-o-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateInDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0;
	}
	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0deg);
		opacity: 1;
	}
}

@-moz-keyframes rotateInDownRight {
	0% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(90deg);
		opacity: 0;
	}
	100% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(0deg);
		opacity: 1;
	}
}

@-o-keyframes rotateInDownRight {
	0% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(90deg);
		opacity: 0;
	}
	100% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(0deg);
		opacity: 1;
	}
}

@keyframes rotateInDownRight {
	0% {
		transform-origin: right bottom;
		transform: rotate(90deg);
		opacity: 0;
	}
	100% {
		transform-origin: right bottom;
		transform: rotate(0deg);
		opacity: 1;
	}
}

.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	-moz-animation-name: rotateInDownRight;
	-o-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateOut {
	0% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(0deg);
		opacity: 1;
	}
	100% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(200deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOut {
	0% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(0deg);
		opacity: 1;
	}
	100% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(200deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOut {
	0% {
		-o-transform-origin: center center;
		-o-transform: rotate(0deg);
		opacity: 1;
	}
	100% {
		-o-transform-origin: center center;
		-o-transform: rotate(200deg);
		opacity: 0;
	}
}

@keyframes rotateOut {
	0% {
		transform-origin: center center;
		transform: rotate(0deg);
		opacity: 1;
	}
	100% {
		transform-origin: center center;
		transform: rotate(200deg);
		opacity: 0;
	}
}

.rotateOut {
	-webkit-animation-name: rotateOut;
	-moz-animation-name: rotateOut;
	-o-animation-name: rotateOut;
	animation-name: rotateOut;
}

@-webkit-keyframes rotateOutUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0deg);
		opacity: 1;
	}
	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOutUpLeft {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0deg);
		opacity: 1;
	}
	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOutUpLeft {
	0% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(0deg);
		opacity: 1;
	}
	100% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(-90deg);
		opacity: 0;
	}
}

@keyframes rotateOutUpLeft {
	0% {
		transform-origin: left bottom;
		transform: rotate(0deg);
		opacity: 1;
	}
	100% {
		transform-origin: left bottom;
		transform: rotate(-90deg);
		opacity: 0;
	}
}

.rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	-moz-animation-name: rotateOutUpLeft;
	-o-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0deg);
		opacity: 1;
	}
	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOutDownLeft {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0deg);
		opacity: 1;
	}
	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(90deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOutDownLeft {
	0% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(0deg);
		opacity: 1;
	}
	100% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(90deg);
		opacity: 0;
	}
}

@keyframes rotateOutDownLeft {
	0% {
		transform-origin: left bottom;
		transform: rotate(0deg);
		opacity: 1;
	}
	100% {
		transform-origin: left bottom;
		transform: rotate(90deg);
		opacity: 0;
	}
}

.rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	-moz-animation-name: rotateOutDownLeft;
	-o-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0deg);
		opacity: 1;
	}
	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOutUpRight {
	0% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(0deg);
		opacity: 1;
	}
	100% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(90deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOutUpRight {
	0% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(0deg);
		opacity: 1;
	}
	100% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(90deg);
		opacity: 0;
	}
}

@keyframes rotateOutUpRight {
	0% {
		transform-origin: right bottom;
		transform: rotate(0deg);
		opacity: 1;
	}
	100% {
		transform-origin: right bottom;
		transform: rotate(90deg);
		opacity: 0;
	}
}

.rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	-moz-animation-name: rotateOutUpRight;
	-o-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight;
}

@-webkit-keyframes rotateOutDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0deg);
		opacity: 1;
	}
	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOutDownRight {
	0% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(0deg);
		opacity: 1;
	}
	100% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOutDownRight {
	0% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(0deg);
		opacity: 1;
	}
	100% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(-90deg);
		opacity: 0;
	}
}

@keyframes rotateOutDownRight {
	0% {
		transform-origin: right bottom;
		transform: rotate(0deg);
		opacity: 1;
	}
	100% {
		transform-origin: right bottom;
		transform: rotate(-90deg);
		opacity: 0;
	}
}

.rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	-moz-animation-name: rotateOutDownRight;
	-o-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight;
}

@-webkit-keyframes hinge {
	0% {
		-webkit-transform: rotate(0deg);
		-webkit-transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
	}
	20%,
	60% {
		-webkit-transform: rotate(80deg);
		-webkit-transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
	}
	40% {
		-webkit-transform: rotate(60deg);
		-webkit-transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
	}
	80% {
		-webkit-transform: rotate(60deg) translateY(0);
		opacity: 1;
		-webkit-transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
	}
	100% {
		-webkit-transform: translateY(700px);
		opacity: 0;
	}
}

@-moz-keyframes hinge {
	0% {
		-moz-transform: rotate(0deg);
		-moz-transform-origin: top left;
		-moz-animation-timing-function: ease-in-out;
	}
	20%,
	60% {
		-moz-transform: rotate(80deg);
		-moz-transform-origin: top left;
		-moz-animation-timing-function: ease-in-out;
	}
	40% {
		-moz-transform: rotate(60deg);
		-moz-transform-origin: top left;
		-moz-animation-timing-function: ease-in-out;
	}
	80% {
		-moz-transform: rotate(60deg) translateY(0);
		opacity: 1;
		-moz-transform-origin: top left;
		-moz-animation-timing-function: ease-in-out;
	}
	100% {
		-moz-transform: translateY(700px);
		opacity: 0;
	}
}

@-o-keyframes hinge {
	0% {
		-o-transform: rotate(0deg);
		-o-transform-origin: top left;
		-o-animation-timing-function: ease-in-out;
	}
	20%,
	60% {
		-o-transform: rotate(80deg);
		-o-transform-origin: top left;
		-o-animation-timing-function: ease-in-out;
	}
	40% {
		-o-transform: rotate(60deg);
		-o-transform-origin: top left;
		-o-animation-timing-function: ease-in-out;
	}
	80% {
		-o-transform: rotate(60deg) translateY(0);
		opacity: 1;
		-o-transform-origin: top left;
		-o-animation-timing-function: ease-in-out;
	}
	100% {
		-o-transform: translateY(700px);
		opacity: 0;
	}
}

@keyframes hinge {
	0% {
		transform: rotate(0deg);
		transform-origin: top left;
		animation-timing-function: ease-in-out;
	}
	20%,
	60% {
		transform: rotate(80deg);
		transform-origin: top left;
		animation-timing-function: ease-in-out;
	}
	40% {
		transform: rotate(60deg);
		transform-origin: top left;
		animation-timing-function: ease-in-out;
	}
	80% {
		transform: rotate(60deg) translateY(0);
		opacity: 1;
		transform-origin: top left;
		animation-timing-function: ease-in-out;
	}
	100% {
		transform: translateY(700px);
		opacity: 0;
	}
}

.hinge {
	-webkit-animation-name: hinge;
	-moz-animation-name: hinge;
	-o-animation-name: hinge;
	animation-name: hinge;
}


/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100%) rotate(-120deg);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0px) rotate(0deg);
	}
}

@-moz-keyframes rollIn {
	0% {
		opacity: 0;
		-moz-transform: translateX(-100%) rotate(-120deg);
	}
	100% {
		opacity: 1;
		-moz-transform: translateX(0px) rotate(0deg);
	}
}

@-o-keyframes rollIn {
	0% {
		opacity: 0;
		-o-transform: translateX(-100%) rotate(-120deg);
	}
	100% {
		opacity: 1;
		-o-transform: translateX(0px) rotate(0deg);
	}
}

@keyframes rollIn {
	0% {
		opacity: 0;
		transform: translateX(-100%) rotate(-120deg);
	}
	100% {
		opacity: 1;
		transform: translateX(0px) rotate(0deg);
	}
}

.rollIn {
	-webkit-animation-name: rollIn;
	-moz-animation-name: rollIn;
	-o-animation-name: rollIn;
	animation-name: rollIn;
}


/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0px) rotate(0deg);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(100%) rotate(120deg);
	}
}

@-moz-keyframes rollOut {
	0% {
		opacity: 1;
		-moz-transform: translateX(0px) rotate(0deg);
	}
	100% {
		opacity: 0;
		-moz-transform: translateX(100%) rotate(120deg);
	}
}

@-o-keyframes rollOut {
	0% {
		opacity: 1;
		-o-transform: translateX(0px) rotate(0deg);
	}
	100% {
		opacity: 0;
		-o-transform: translateX(100%) rotate(120deg);
	}
}

@keyframes rollOut {
	0% {
		opacity: 1;
		transform: translateX(0px) rotate(0deg);
	}
	100% {
		opacity: 0;
		transform: translateX(100%) rotate(120deg);
	}
}

.rollOut {
	-webkit-animation-name: rollOut;
	-moz-animation-name: rollOut;
	-o-animation-name: rollOut;
	animation-name: rollOut;
}


/* originally authored by Angelo Rohit - https://github.com/angelorohit */

@-webkit-keyframes lightSpeedIn {
	0% {
		-webkit-transform: translateX(100%) skewX(-30deg);
		opacity: 0;
	}
	60% {
		-webkit-transform: translateX(-20%) skewX(30deg);
		opacity: 1;
	}
	80% {
		-webkit-transform: translateX(0%) skewX(-15deg);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(0%) skewX(0deg);
		opacity: 1;
	}
}

@-moz-keyframes lightSpeedIn {
	0% {
		-moz-transform: translateX(100%) skewX(-30deg);
		opacity: 0;
	}
	60% {
		-moz-transform: translateX(-20%) skewX(30deg);
		opacity: 1;
	}
	80% {
		-moz-transform: translateX(0%) skewX(-15deg);
		opacity: 1;
	}
	100% {
		-moz-transform: translateX(0%) skewX(0deg);
		opacity: 1;
	}
}

@-o-keyframes lightSpeedIn {
	0% {
		-o-transform: translateX(100%) skewX(-30deg);
		opacity: 0;
	}
	60% {
		-o-transform: translateX(-20%) skewX(30deg);
		opacity: 1;
	}
	80% {
		-o-transform: translateX(0%) skewX(-15deg);
		opacity: 1;
	}
	100% {
		-o-transform: translateX(0%) skewX(0deg);
		opacity: 1;
	}
}

@keyframes lightSpeedIn {
	0% {
		transform: translateX(100%) skewX(-30deg);
		opacity: 0;
	}
	60% {
		transform: translateX(-20%) skewX(30deg);
		opacity: 1;
	}
	80% {
		transform: translateX(0%) skewX(-15deg);
		opacity: 1;
	}
	100% {
		transform: translateX(0%) skewX(0deg);
		opacity: 1;
	}
}

.lightSpeedIn {
	-webkit-animation-name: lightSpeedIn;
	-moz-animation-name: lightSpeedIn;
	-o-animation-name: lightSpeedIn;
	animation-name: lightSpeedIn;
	-webkit-animation-timing-function: ease-out;
	-moz-animation-timing-function: ease-out;
	-o-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}

.animated.lightSpeedIn {
	-webkit-animation-duration: 0.5s;
	-moz-animation-duration: 0.5s;
	-o-animation-duration: 0.5s;
	animation-duration: 0.5s;
}


/* originally authored by Angelo Rohit - https://github.com/angelorohit */

@-webkit-keyframes lightSpeedOut {
	0% {
		-webkit-transform: translateX(0%) skewX(0deg);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(100%) skewX(-30deg);
		opacity: 0;
	}
}

@-moz-keyframes lightSpeedOut {
	0% {
		-moz-transform: translateX(0%) skewX(0deg);
		opacity: 1;
	}
	100% {
		-moz-transform: translateX(100%) skewX(-30deg);
		opacity: 0;
	}
}

@-o-keyframes lightSpeedOut {
	0% {
		-o-transform: translateX(0%) skewX(0deg);
		opacity: 1;
	}
	100% {
		-o-transform: translateX(100%) skewX(-30deg);
		opacity: 0;
	}
}

@keyframes lightSpeedOut {
	0% {
		transform: translateX(0%) skewX(0deg);
		opacity: 1;
	}
	100% {
		transform: translateX(100%) skewX(-30deg);
		opacity: 0;
	}
}

.lightSpeedOut {
	-webkit-animation-name: lightSpeedOut;
	-moz-animation-name: lightSpeedOut;
	-o-animation-name: lightSpeedOut;
	animation-name: lightSpeedOut;
	-webkit-animation-timing-function: ease-in;
	-moz-animation-timing-function: ease-in;
	-o-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
}

.animated.lightSpeedOut {
	-webkit-animation-duration: 0.25s;
	-moz-animation-duration: 0.25s;
	-o-animation-duration: 0.25s;
	animation-duration: 0.25s;
}


/* originally authored by Angelo Rohit - https://github.com/angelorohit */

@-webkit-keyframes wiggle {
	0% {
		-webkit-transform: skewX(9deg);
	}
	10% {
		-webkit-transform: skewX(-8deg);
	}
	20% {
		-webkit-transform: skewX(7deg);
	}
	30% {
		-webkit-transform: skewX(-6deg);
	}
	40% {
		-webkit-transform: skewX(5deg);
	}
	50% {
		-webkit-transform: skewX(-4deg);
	}
	60% {
		-webkit-transform: skewX(3deg);
	}
	70% {
		-webkit-transform: skewX(-2deg);
	}
	80% {
		-webkit-transform: skewX(1deg);
	}
	90% {
		-webkit-transform: skewX(0deg);
	}
	100% {
		-webkit-transform: skewX(0deg);
	}
}

@-moz-keyframes wiggle {
	0% {
		-moz-transform: skewX(9deg);
	}
	10% {
		-moz-transform: skewX(-8deg);
	}
	20% {
		-moz-transform: skewX(7deg);
	}
	30% {
		-moz-transform: skewX(-6deg);
	}
	40% {
		-moz-transform: skewX(5deg);
	}
	50% {
		-moz-transform: skewX(-4deg);
	}
	60% {
		-moz-transform: skewX(3deg);
	}
	70% {
		-moz-transform: skewX(-2deg);
	}
	80% {
		-moz-transform: skewX(1deg);
	}
	90% {
		-moz-transform: skewX(0deg);
	}
	100% {
		-moz-transform: skewX(0deg);
	}
}

@-o-keyframes wiggle {
	0% {
		-o-transform: skewX(9deg);
	}
	10% {
		-o-transform: skewX(-8deg);
	}
	20% {
		-o-transform: skewX(7deg);
	}
	30% {
		-o-transform: skewX(-6deg);
	}
	40% {
		-o-transform: skewX(5deg);
	}
	50% {
		-o-transform: skewX(-4deg);
	}
	60% {
		-o-transform: skewX(3deg);
	}
	70% {
		-o-transform: skewX(-2deg);
	}
	80% {
		-o-transform: skewX(1deg);
	}
	90% {
		-o-transform: skewX(0deg);
	}
	100% {
		-o-transform: skewX(0deg);
	}
}

@keyframes wiggle {
	0% {
		transform: skewX(9deg);
	}
	10% {
		transform: skewX(-8deg);
	}
	20% {
		transform: skewX(7deg);
	}
	30% {
		transform: skewX(-6deg);
	}
	40% {
		transform: skewX(5deg);
	}
	50% {
		transform: skewX(-4deg);
	}
	60% {
		transform: skewX(3deg);
	}
	70% {
		transform: skewX(-2deg);
	}
	80% {
		transform: skewX(1deg);
	}
	90% {
		transform: skewX(0deg);
	}
	100% {
		transform: skewX(0deg);
	}
}

.wiggle {
	-webkit-animation-name: wiggle;
	-moz-animation-name: wiggle;
	-o-animation-name: wiggle;
	animation-name: wiggle;
	-webkit-animation-timing-function: ease-in;
	-moz-animation-timing-function: ease-in;
	-o-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
}

.animated.wiggle {
	-webkit-animation-duration: 0.75s;
	-moz-animation-duration: 0.75s;
	-o-animation-duration: 0.75s;
	animation-duration: 0.75s;
}

/*********************************ANIMATIONS 2*********************************/

.animated {
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-delay: .3s;
	-moz-animation-delay: .3s;
	animation-delay: .3s;
}


/* Fade */

@-webkit-keyframes anim-fade {
	0% {
		opacity: 0;
		-webkit-transform: scaleY(0) scaleX(0);
	}
	100% {
		opacity: 1;
		-webkit-transform: scaleY(1) scaleX(1)
	}
}

@-moz-keyframes anim-fade {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-o-keyframes anim-fade {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes anim-fade {
	0% {
		opacity: 0;
		transform: scaleY(0) scaleX(0);
	}
	100% {
		opacity: 1;
		transform: scaleY(1) scaleX(1)
	}
}

.anim-fade {
	-webkit-animation-name: anim-fade;
	-moz-animation-name: anim-fade;
	-o-animation-name: anim-fade;
	animation-name: anim-fade;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-ms-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	opacity: 1!important;
}

.fade {
	opacity: 0;
}

html.ie9 .fade {
	opacity: 1!important;
}


/* Slide */

@-webkit-keyframes anim-slide {
	0% {
		-webkit-transform: translateY(100%);
	}
	100% {
		-webkit-transform: translateY(0%);
	}
}

@-moz-keyframes anim-slide {
	0% {
		-moz-transform: translateY(100%);
	}
	100% {
		-moz-transform: translateY(0%);
	}
}

@-o-keyframes anim-slide {
	0% {
		-o-transform: translateY(100%);
	}
	100% {
		-o-transform: translateY(0%);
	}
}

@keyframes anim-slide {
	0% {
		transform: translateY(100%);
	}
	100% {
		transform: translateY(0%);
	}
}

.anim-slide {
	-webkit-animation-name: anim-slide;
	-moz-animation-name: anim-slide;
	-o-animation-name: anim-slide;
	animation-name: anim-slide;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-ms-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	opacity: 1!important;
}

.slidea {
	opacity: 0;
}

html.ie9 .slidea {
	opacity: 1!important;
}


/* Hatch */

@-webkit-keyframes anim-hatch {
	0% {
		-webkit-transform: rotate(0deg) scaleY(0);
	}
	20% {
		-webkit-transform: rotate(-2deg) scaleY(1.05);
	}
	35% {
		-webkit-transform: rotate(2deg) scaleY(1);
	}
	50% {
		-webkit-transform: rotate(-2deg);
	}
	65% {
		-webkit-transform: rotate(1deg);
	}
	80% {
		-webkit-transform: rotate(-1deg);
	}
	100% {
		-webkit-transform: rotate(0deg);
	}
}

@-moz-keyframes anim-hatch {
	0% {
		-moz-transform: rotate(0deg) scaleY(0);
	}
	20% {
		-moz-transform: rotate(-2deg) scaleY(1.05);
	}
	35% {
		-moz-transform: rotate(2deg) scaleY(1);
	}
	50% {
		-moz-transform: rotate(-2deg);
	}
	65% {
		-moz-transform: rotate(1deg);
	}
	80% {
		-moz-transform: rotate(-1deg);
	}
	100% {
		-moz-transform: rotate(0deg);
	}
}

@-o-keyframes anim-hatch {
	0% {
		-o-transform: rotate(0deg) scaleY(0);
	}
	20% {
		-o-transform: rotate(-2deg) scaleY(1.05);
	}
	35% {
		-o-transform: rotate(2deg) scaleY(1);
	}
	50% {
		-o-transform: rotate(-2deg);
	}
	65% {
		-o-transform: rotate(1deg);
	}
	80% {
		-o-transform: rotate(-1deg);
	}
	100% {
		-o-transform: rotate(0deg);
	}
}

@keyframes anim-hatch {
	0% {
		transform: rotate(0deg) scaleY(0);
	}
	20% {
		transform: rotate(-2deg) scaleY(1.05);
	}
	35% {
		transform: rotate(2deg) scaleY(1);
	}
	50% {
		transform: rotate(-2deg);
	}
	65% {
		transform: rotate(1deg);
	}
	80% {
		transform: rotate(-1deg);
	}
	100% {
		transform: rotate(0deg);
	}
}

.anim-hatch {
	-webkit-animation-name: anim-hatch;
	-moz-animation-name: anim-hatch;
	-o-animation-name: anim-hatch;
	animation-name: anim-hatch;
	-webkit-animation-duration: 1.6s;
	-moz-animation-duration: 1.6s;
	-ms-animation-duration: 1.6s;
	-o-animation-duration: 1.6s;
	animation-duration: 1.6s;
	opacity: 1!important;
}

.hatch {
	opacity: 0;
}

html.ie9 .hatch {
	opacity: 1!important;
}


/* Entrance */

@-webkit-keyframes anim-entrance {
	0% {
		-webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
		opacity: 0.2;
	}
	30% {
		-webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
		opacity: 1;
	}
	45% {
		-webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	60% {
		-webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	75% {
		-webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	90% {
		-webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
}

@-moz-keyframes anim-entrance {
	0% {
		-moz-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
		opacity: 0.2;
	}
	30% {
		-moz-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
		opacity: 1;
	}
	45% {
		-moz-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	60% {
		-moz-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	75% {
		-moz-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	90% {
		-moz-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	100% {
		-moz-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
}

@-o-keyframes anim-entrance {
	0% {
		-o-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
		opacity: 0.2;
	}
	30% {
		-o-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
		opacity: 1;
	}
	45% {
		-o-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	60% {
		-o-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	75% {
		-o-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	90% {
		-o-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	100% {
		-o-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
}

@keyframes anim-entrance {
	0% {
		transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
		opacity: 0.2;
	}
	30% {
		transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
		opacity: 1;
	}
	45% {
		transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	60% {
		transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	75% {
		transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	90% {
		transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	100% {
		transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
}

.anim-entrance {
	-webkit-animation-name: anim-entrance;
	-moz-animation-name: anim-entrance;
	-o-animation-name: anim-entrance;
	animation-name: anim-entrance;
	-webkit-animation-duration: 1.6s;
	-moz-animation-duration: 1.6s;
	-ms-animation-duration: 1.6s;
	-o-animation-duration: 1.6s;
	animation-duration: 1.6s;
	opacity: 1!important;
}

.entrance {
	opacity: 0;
}

html.ie9 .entrance {
	opacity: 1!important;
}


/*********************************YUMMI LOADER*********************************/

/*yummi-loader.css - V.1.1 http://gummibearlab.github.io/Yummi-loader/
Licensed under the MIT licenseCopyright (c) 2013 Daniele Tabanella (gummibearlab)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.*/

/* we have 8 elements in this demo with a delay of 0.15ms this css is just a pre-compiled sample,you should compile your own .less file. */

/* if you have trubles with less compilers that uses versions <1.4 use this loop FROM .anim_@{index}{TO (~".anim_@{index}"){*/

body {
	overflow-x: hidden;
}

.off .fadein,
.fadein.off {
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	-webkit-transition-timing-function: cubic-bezier(0, 0, 1, 1);
	-moz-transition-timing-function: cubic-bezier(0, 0, 1, 1);
	-o-transition-timing-function: cubic-bezier(0, 0, 1, 1);
	transition-timing-function: cubic-bezier(0, 0, 1, 1);
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.on .fadein,
.fadein.on {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transition-timing-function: cubic-bezier(0, 0, 1, 1);
	-moz-transition-timing-function: cubic-bezier(0, 0, 1, 1);
	-o-transition-timing-function: cubic-bezier(0, 0, 1, 1);
	transition-timing-function: cubic-bezier(0, 0, 1, 1);
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.scale,
scaleInv {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-o-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
}

.off .scale,
.off scaleInv,
.scale.off,
scaleInv.off {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
	-moz-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
	-o-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
	transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.on .scale,
.on scaleInv,
.scale.on,
scaleInv.on {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.off .scaleInv,
.scaleInv.on {
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
	-webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
	-moz-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
	-o-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
	transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

.on .scaleInv,
.scaleInv.on {
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.off .anim_8,
.anim_8.off {
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
}

.on .anim_8,
.anim_8.on {
	-webkit-transition-delay: 1.7s;
	-moz-transition-delay: 1.7s;
	-o-transition-delay: 1.7s;
	transition-delay: 1.7s;
}

.off .anim_7,
.anim_7.off {
	-webkit-transition-delay: 0.15s;
	-moz-transition-delay: 0.15s;
	-o-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

.on .anim_7,
.anim_7.on {
	-webkit-transition-delay: 1.55s;
	-moz-transition-delay: 1.55s;
	-o-transition-delay: 1.55s;
	transition-delay: 1.55s;
}

.off .anim_6,
.anim_6.off {
	-webkit-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.on .anim_6,
.anim_6.on {
	-webkit-transition-delay: 1.4s;
	-moz-transition-delay: 1.4s;
	-o-transition-delay: 1.4s;
	transition-delay: 1.4s;
}

.off .anim_5,
.anim_5.off {
	-webkit-transition-delay: 0.44999999999999996s;
	-moz-transition-delay: 0.44999999999999996s;
	-o-transition-delay: 0.44999999999999996s;
	transition-delay: 0.44999999999999996s;
}

.on .anim_5,
.anim_5.on {
	-webkit-transition-delay: 1.25s;
	-moz-transition-delay: 1.25s;
	-o-transition-delay: 1.25s;
	transition-delay: 1.25s;
}

.off .anim_4,
.anim_4.off {
	-webkit-transition-delay: 0.6s;
	-moz-transition-delay: 0.6s;
	-o-transition-delay: 0.6s;
	transition-delay: 0.6s;
}

.on .anim_4,
.anim_4.on {
	-webkit-transition-delay: 1.1s;
	-moz-transition-delay: 1.1s;
	-o-transition-delay: 1.1s;
	transition-delay: 1.1s;
}

.off .anim_3,
.anim_3.off {
	-webkit-transition-delay: 0.75s;
	-moz-transition-delay: 0.75s;
	-o-transition-delay: 0.75s;
	transition-delay: 0.75s;
}

.on .anim_3,
.anim_3.on {
	-webkit-transition-delay: 0.95s;
	-moz-transition-delay: 0.95s;
	-o-transition-delay: 0.95s;
	transition-delay: 0.95s;
}

.off .anim_2,
.anim_2.off {
	-webkit-transition-delay: 0.8999999999999999s;
	-moz-transition-delay: 0.8999999999999999s;
	-o-transition-delay: 0.8999999999999999s;
	transition-delay: 0.8999999999999999s;
}

.on .anim_2,
.anim_2.on {
	-webkit-transition-delay: 0.8s;
	-moz-transition-delay: 0.8s;
	-o-transition-delay: 0.8s;
	transition-delay: 0.8s;
}

.off .anim_1,
.anim_1.off {
	-webkit-transition-delay: 1.05s;
	-moz-transition-delay: 1.05s;
	-o-transition-delay: 1.05s;
	transition-delay: 1.05s;
}

.on .anim_1,
.anim_1.on {
	-webkit-transition-delay: 0.65s;
	-moz-transition-delay: 0.65s;
	-o-transition-delay: 0.65s;
	transition-delay: 0.65s;
}


/*********************************ACCORDION SIMPLE 1*********************************/

#accordion-container {
	font-size: 13px;
	background: #ffffff;
}

.accordion-header {
	font-size: 16px;
	background: #fff;
	margin: 5px 0 0 0;
	padding: 15px 20px;
	border: 1px solid #ebebeb;
	cursor: pointer;
	color: #666666;
	font-weight: 300;
}

.active-header {
	background-repeat: no-repeat;
	background-position: right 50%;
	color: #fff;
}

.active-header:hover {
	color: #fff;
	background-repeat: no-repeat;
	background-position: right 50%;
}

.inactive-header {
	background: #fff;
	background-repeat: no-repeat;
	background-position: right 50%;
}

.inactive-header:hover {
	background: #f5f5f5;
	background-repeat: no-repeat;
	background-position: right 50%;
}

.accordion-content {
	display: none;
	padding: 20px;
	background: #ffffff;
	border: 1px solid #ebebeb;
	border-top: 0;
	width: auto !Important;
}

/*********************************RESPONSIVE TABS*********************************/

ul.resp-tabs-list,
ul.resp-tabs-list p {
	margin: 0;
	padding: 0;
}

.resp-tabs-list li {
	color: #333;
	font-weight: 300;
	font-size: 14px;
	display: inline-block;
	padding: 13px 15px;
	margin: 0;
	list-style: none;
	cursor: pointer;
	float: left;
}

.resp-tabs-container {
	padding: 0;
	background-color: #fff;
	clear: left;
}

h2.resp-accordion {
	cursor: pointer;
	padding: 5px;
	display: none;
}

.resp-tab-content {
	display: none;
	padding: 15px;
}

.resp-tab-active {
	border: 1px solid #ebebeb;
	border-bottom: none;
	margin-bottom: -1px !important;
	padding: 12px 14px 14px 14px !important;
}

.resp-tab-active {
	border-bottom: none;
	background-color: #fff;
}

.resp-content-active,
.resp-accordion-active {
	display: block;
}

.resp-tab-content {
	border: 1px solid #ebebeb;
}

h2.resp-accordion {
	font-size: 13px;
	border: 1px solid #ebebeb;
	border-top: 0 solid #ebebeb;
	margin: 0;
	padding: 10px 15px;
}

h2.resp-tab-active {
	border-bottom: 0 solid #ebebeb !important;
	margin-bottom: 0 !important;
	padding: 10px 15px !important;
}

h2.resp-tab-title:last-child {
	border-bottom: 12px solid #ebebeb !important;
	background: blue;
}


/*********************************VERTICAL TABS*********************************/

.resp-vtabs ul.resp-tabs-list {
	float: left;
	width: 30%;
}

.resp-vtabs .resp-tabs-list li {
	display: block;
	padding: 15px 15px !important;
	margin: 0;
	cursor: pointer;
	float: none;
}

.resp-vtabs .resp-tabs-container {
	padding: 0;
	background-color: #fff;
	border: 1px solid #ebebeb;
	float: left;
	width: 69.6%;
	min-height: 157px;
	border-radius: 4px;
	clear: none;
}

.resp-vtabs .resp-tab-content {
	border: none;
}

.resp-vtabs li.resp-tab-active {
	border: 1px solid #ebebeb;
	border-right: none;
	background-color: #fff;
	position: relative;
	z-index: 1;
	margin-right: -1px !important;
	padding: 14px 15px 15px 14px !important;
}

.resp-arrow {
	width: 0;
	height: 0;
	float: right;
	margin-top: 3px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 12px solid #ebebeb;
}

h2.resp-tab-active span.resp-arrow {
	border: none;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 12px solid #9B9797;
}

/*********************************RESPONSIVE ACCORDION STYLES*********************************/

.resp-easy-accordion h2.resp-accordion {
	display: block;
}
h2.resp-tab-active {
	background: #DBDBDB !important;
}

.resp-easy-accordion .resp-tab-content {
	border: 1px solid #ebebeb;
}

.resp-easy-accordion .resp-tab-content:last-child {
	border-bottom: 1px solid #ebebeb !important;
}

.resp-jfit {
	width: 100%;
	margin: 0;
}

.resp-tab-content-active {
	display: block;
}

h2.resp-accordion:first-child {
	border-top: 1px solid #ebebeb !important;
}


/*Here your can change the breakpoint to set the accordion,when screen resolution changed*/

@media only screen and (max-width:768px) {
	ul.resp-tabs-list {
		display: none;
	}
	h2.resp-accordion {
		display: block;
	}
	.resp-vtabs .resp-tab-content {
		border: 1px solid #ebebeb;
	}
	.resp-vtabs .resp-tabs-container {
		border: none;
		float: none;
		width: 100%;
		min-height: initial;
		clear: none;
	}
	.resp-accordion-closed {
		display: none !important;
	}
	.resp-vtabs .resp-tab-content:last-child {
		border-bottom: 1px solid #ebebeb !important;
	}
}


/*********************************PRICING TABLES*********************************/

.vuzz-pricing-table {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 16px;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}

.vuzz-pricing-table div {
	list-style: none
}

.vuzz-pricing-table>div {
	border-top: #666 3px solid;
	list-style: none;
	text-shadow: none;
	margin-bottom: 0;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	border-top: #0E8FAB 3px solid;
	border: 1px solid #e6e6e6;
	margin-left: 10px;
	margin-right: 10px;
}

.vuzz-pricing-table:hover {
	opacity: 0.8;
}

.vuzz-pricing.popular {
	webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
	z-index: 1;
}

.vuzz-pricing-table .vuzz-pricing-header {
	text-align: center;
	padding: 20px 0 0;
}

.vuzz-pricing-table .vuzz-pricing-header h5 {
	color: #333;
	font-size: 1.313em;
	margin: 0;
	padding: 0 20px 20px;
}

.vuzz-pricing-table .vuzz-pricing-cost {
	color: #fff;
	font-size: 1.500em;
	line-height: 1em;
	padding-top: 20px;
	background: #666;
}

.vuzz-pricing-table .vuzz-pricing-per {
	font-size: 0.786em;
	color: #fff;
	background: #666;
	padding-bottom: 10px;
}

.vuzz-pricing-table .vuzz-pricing-content {
	background: #fff;
	font-size: 0.857em;
	text-align: center;
}

.vuzz-pricing-table .vuzz-pricing-content ul {
	margin: 0 !important;
	list-style: none !important;
}

.vuzz-pricing-table .vuzz-pricing-content ul li {
	margin: 0 !important;
	padding: 10px 20px !important;
	border-bottom: 1px solid #ebebeb;
	list-style: none !important;
}

.vuzz-pricing-table .vuzz-pricing-content ul li:nth-child(2n+2) {
	background: #F9F9F9
}

.vuzz-pricing-table .vuzz-pricing-button {
	background: #fff;
	text-align: center;
	border-top: 1px solid #fff;
	padding: 20px;
}

.vuzz-pricing-table .vuzz-pricing-button .vuzz-button {
	float: none;
	margin: 0 auto;
	background: #444;
	color: #fff;
	padding: 7px 15px;
}

.vuzz-pricing-table>div {
	border-top: #444 3px solid;
}

.vuzz-pricing-table .vuzz-pricing-cost {
	background: #444;
}

.vuzz-pricing-table .vuzz-pricing-per {
	background: #444;
}

.vuzz-pricing-table>div.popular {
	border-top: 3px solid;
}


/*********************************DARK ROUNDED THEME*********************************/

div.dark_rounded .pp_top .pp_left {
	background: url(../img/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat;
}


/* Top left corner */

div.dark_rounded .pp_top .pp_middle {
	background: url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;
}


/* Top pattern/color */

div.dark_rounded .pp_top .pp_right {
	background: url(../img/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat;
}


/* Top right corner */

div.dark_rounded .pp_content_container .pp_left {
	background: url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y;
}


/* Left Content background */

div.dark_rounded .pp_content_container .pp_right {
	background: url(../img/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y;
}


/* Right Content background */

div.dark_rounded .pp_content {
	background: url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;
}


/* Content background */

div.dark_rounded .pp_next:hover {
	background: url(../img/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;
	cursor: pointer;
}


/* Next button */

div.dark_rounded .pp_previous:hover {
	background: url(../img/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;
	cursor: pointer;
}


/* Previous button */

div.dark_rounded .pp_expand {
	background: url(../img/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;
	cursor: pointer;
}


/* Expand button */

div.dark_rounded .pp_expand:hover {
	background: url(../img/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;
	cursor: pointer;
}


/* Expand button hover */

div.dark_rounded .pp_contract {
	background: url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;
	cursor: pointer;
}


/* Contract button */

div.dark_rounded .pp_contract:hover {
	background: url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;
	cursor: pointer;
}


/* Contract button hover */

div.dark_rounded .pp_close {
	width: 75px;
	height: 22px;
	background: url(../img/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;
	cursor: pointer;
}


/* Close button */

div.dark_rounded .pp_details {
	position: relative;
}

div.dark_rounded .pp_description {
	margin-right: 85px;
}

div.dark_rounded .currentTextHolder {
	color: #c4c4c4;
}

div.dark_rounded .pp_description {
	color: #fff;
	font-size: 12px;
}

div.dark_rounded #pp_full_res .pp_inline {
	color: #fff;
}

div.dark_rounded .pp_gallery a.pp_arrow_previous,
div.dark_rounded .pp_gallery a.pp_arrow_next {
	margin-top: 12px !important;
}

div.dark_rounded .pp_nav .pp_play {
	background: url(../img/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;
	height: 15px;
	width: 14px;
}

div.dark_rounded .pp_nav .pp_pause {
	background: url(../img/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;
	height: 15px;
	width: 14px;
}

div.dark_rounded .pp_arrow_previous {
	background: url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat;
}


/* The previous arrow in the bottom nav */

div.dark_rounded .pp_arrow_previous.disabled {
	background-position: 0 -87px;
	cursor: default;
}

div.dark_rounded .pp_arrow_next {
	background: url(../img/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat;
}


/* The next arrow in the bottom nav */

div.dark_rounded .pp_arrow_next.disabled {
	background-position: -22px -87px;
	cursor: default;
}

div.dark_rounded .pp_bottom .pp_left {
	background: url(../img/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat;
}


/* Bottom left corner */

div.dark_rounded .pp_bottom .pp_middle {
	background: url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;
}


/* Bottom pattern/color */

div.dark_rounded .pp_bottom .pp_right {
	background: url(../img/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat;
}


/* Bottom right corner */

div.dark_rounded .pp_loaderIcon {
	background: url(../img/prettyPhoto/dark_rounded/loader.gif) center center no-repeat;
}


/* Loader icon */


/*********************************DARK SQUARE THEME*********************************/

div.dark_square .pp_left,
div.dark_square .pp_middle,
div.dark_square .pp_right,
div.dark_square .pp_content {
	background: #000;
}

div.dark_square .currentTextHolder {
	color: #c4c4c4;
}

div.dark_square .pp_description {
	color: #fff;
}

div.dark_square .pp_loaderIcon {
	background: url(../img/prettyPhoto/dark_square/loader.gif) center center no-repeat;
}


/* Loader icon */

div.dark_square .pp_expand {
	background: url(../img/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;
	cursor: pointer;
}


/* Expand button */

div.dark_square .pp_expand:hover {
	background: url(../img/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;
	cursor: pointer;
}


/* Expand button hover */

div.dark_square .pp_contract {
	background: url(../img/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;
	cursor: pointer;
}


/* Contract button */

div.dark_square .pp_contract:hover {
	background: url(../img/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;
	cursor: pointer;
}


/* Contract button hover */

div.dark_square .pp_close {
	width: 75px;
	height: 22px;
	background: url(../img/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;
	cursor: pointer;
}


/* Close button */

div.dark_square .pp_details {
	position: relative;
}

div.dark_square .pp_description {
	margin: 0 85px 0 0;
}

div.dark_square #pp_full_res .pp_inline {
	color: #fff;
}

div.dark_square .pp_gallery a.pp_arrow_previous,
div.dark_square .pp_gallery a.pp_arrow_next {
	margin-top: 12px !important;
}

div.dark_square .pp_nav {
	clear: none;
}

div.dark_square .pp_nav .pp_play {
	background: url(../img/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;
	height: 15px;
	width: 14px;
}

div.dark_square .pp_nav .pp_pause {
	background: url(../img/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;
	height: 15px;
	width: 14px;
}

div.dark_square .pp_arrow_previous {
	background: url(../img/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat;
}


/* The previous arrow in the bottom nav */

div.dark_square .pp_arrow_previous.disabled {
	background-position: 0 -87px;
	cursor: default;
}

div.dark_square .pp_arrow_next {
	background: url(../img/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat;
}


/* The next arrow in the bottom nav */

div.dark_square .pp_arrow_next.disabled {
	background-position: -22px -87px;
	cursor: default;
}

div.dark_square .pp_next:hover {
	background: url(../img/prettyPhoto/dark_square/btnNext.png) center right no-repeat;
	cursor: pointer;
}


/* Next button */

div.dark_square .pp_previous:hover {
	background: url(../img/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;
	cursor: pointer;
}

/*********************************DO NOT CHANGE*********************************/

div.pp_pic_holder a:focus {
	outline: none;
}

div.pp_overlay {
	background: #000;
	display: none;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 9500;
}

div.pp_pic_holder {
	display: none;
	position: absolute;
	width: 100px;
	z-index: 10000;
}

.pp_top {
	height: 20px;
	position: relative;
}

* html .pp_top {
	padding: 0 20px;
}

.pp_top .pp_left {
	height: 20px;
	left: 0;
	position: absolute;
	width: 20px;
}

.pp_top .pp_middle {
	height: 20px;
	left: 20px;
	position: absolute;
	right: 20px;
}

* html .pp_top .pp_middle {
	left: 0;
	position: static;
}

.pp_top .pp_right {
	height: 20px;
	left: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 20px;
}

.pp_content {
	height: 40px;
	min-width: 40px;
}

* html .pp_content {
	width: 40px;
}

.pp_fade {
	display: none;
}

.pp_content_container {
	position: relative;
	text-align: left;
	width: 100%;
}

.pp_content_container .pp_left {
	padding-left: 20px;
}

.pp_content_container .pp_right {
	padding-right: 20px;
}

.pp_content_container .pp_details {
	float: left;
	margin: 10px 0 2px 0;
}

.pp_description {
	display: none;
	margin: 0;
}

.pp_social {
	float: left;
	margin: 7px 0 0 0;
}

.pp_social .facebook {
	float: left;
	position: relative;
	top: -1px;
	margin-left: 5px;
	width: 55px;
	overflow: hidden;
}

.pp_social .twitter {
	float: left;
}

.pp_nav {
	clear: right;
	float: left;
	margin: 3px 10px 0 0;
	font-size: 12px;
}

.pp_nav p {
	float: left;
	margin: -3px 7px -3px 5px;
}

.pp_nav .pp_play,
.pp_nav .pp_pause {
	float: left;
	margin-right: 4px;
	text-indent: -10000px;
}

a.pp_arrow_previous,
a.pp_arrow_next {
	display: block;
	float: left;
	height: 15px;
	margin-top: 3px;
	overflow: hidden;
	text-indent: -10000px;
	width: 14px;
}

.pp_hoverContainer {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2000;
}

.pp_gallery {
	display: none;
	left: 50%;
	margin-top: -50px;
	position: absolute;
	z-index: 10000;
}

.pp_gallery div {
	float: left;
	overflow: hidden;
	position: relative;
}

.pp_gallery ul {
	float: left;
	height: 35px;
	margin: 0 0 0 5px;
	padding: 0;
	position: relative;
	white-space: nowrap;
}

.pp_gallery ul a {
	border: 1px #000 solid;
	border: 1px rgba(0, 0, 0, 0.5) solid;
	display: block;
	float: left;
	height: 33px;
	overflow: hidden;
}

.pp_gallery ul a:hover,
.pp_gallery li.selected a {
	border-color: #fff;
}

.pp_gallery ul a img {
	border: 0;
}

.pp_gallery li {
	display: block;
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
}

.pp_gallery li.default a {
	background: url(../img/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
	display: block;
	height: 33px;
	width: 50px;
}

.pp_gallery li.default a img {
	display: none;
}

.pp_gallery .pp_arrow_previous,
.pp_gallery .pp_arrow_next {
	margin-top: 7px !important;
}

a.pp_next {
	background: url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
	display: block;
	float: right;
	height: 100%;
	text-indent: -10000px;
	width: 49%;
}

a.pp_previous {
	background: url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
	display: block;
	float: left;
	height: 100%;
	text-indent: -10000px;
	width: 49%;
}

a.pp_expand,
a.pp_contract {
	cursor: pointer;
	display: none;
	height: 20px;
	position: absolute;
	right: 30px;
	text-indent: -10000px;
	top: 10px;
	width: 20px;
	z-index: 20000;
}

a.pp_close {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	line-height: 22px;
	text-indent: -10000px;
}

.pp_bottom {
	height: 20px;
	position: relative;
}

* html .pp_bottom {
	padding: 0 20px;
}

.pp_bottom .pp_left {
	height: 20px;
	left: 0;
	position: absolute;
	width: 20px;
}

.pp_bottom .pp_middle {
	height: 20px;
	left: 20px;
	position: absolute;
	right: 20px;
}

* html .pp_bottom .pp_middle {
	left: 0;
	position: static;
}

.pp_bottom .pp_right {
	height: 20px;
	left: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 20px;
}

.pp_loaderIcon {
	display: block;
	height: 24px;
	left: 50%;
	margin: -12px 0 0 -12px;
	position: absolute;
	top: 50%;
	width: 24px;
}

#pp_full_res {
	line-height: 1 !important;
}

#pp_full_res .pp_inline {
	text-align: left;
}

#pp_full_res .pp_inline p {
	margin: 0 0 15px 0;
}

div.ppt {
	color: #fff;
	display: none;
	font-size: 17px;
	margin: 0 0 5px 15px;
	z-index: 9999;
}


/*********************************OTHER ANIMATIONS*********************************/

@keyframes fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}


/* Firefox */

@-moz-keyframes fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}


/* Safari and Chrome */

@-webkit-keyframes fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}


/* Internet Explorer */

@-ms-keyframes fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

​
/* Opera */

@-o-keyframes fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

​ .simplefade {
	-webkit-animation: fadein 2s;
	/* Safari and Chrome */
	-moz-animation: fadein 2s;
	/* Firefox */
	-ms-animation: fadein 2s;
	/* Internet Explorer */
	-o-animation: fadein 2s;
	/* Opera */
	animation: fadein 2s;
}

/*********************************LIST STYLES*********************************/

ul.checklist li:before {
	content: "\f00c ";
	font-family: FontAwesome;
	margin-right: 5px;
}

ul.circleoklist li:before {
	content: "\f058 ";
	font-family: FontAwesome;
	margin-right: 5px;
}

ul.arrowlist li:before {
	content: "\f061 ";
	font-family: FontAwesome;
	margin-right: 5px;
}

ul.starlist li:before {
	content: "\f005 ";
	font-family: FontAwesome;
	margin-right: 5px;
}

ul.doublearrowlist li:before {
	content: "\f101 ";
	font-family: FontAwesome;
	margin-right: 5px;
}

ul.chevronlist li:before {
	content: "\f054 ";
	font-family: FontAwesome;
	margin-right: 5px;
}

ul.handlist li:before {
	content: "\f0a4 ";
	font-family: FontAwesome;
	margin-right: 5px;
}

ul.thumblist li:before {
	content: "\f087 ";
	font-family: FontAwesome;
	margin-right: 5px;
}

ul.asterisklist li:before {
	content: "\f069 ";
	font-family: FontAwesome;
	margin-right: 5px;
}

ul.circlearrowlist li:before {
	content: "\f0a9 ";
	font-family: FontAwesome;
	margin-right: 5px;
}

ul.circlepluslist li:before {
	content: "\f055 ";
	font-family: FontAwesome;
	margin-right: 5px;
}

ul.longarrowlist li:before {
	content: "\f178 ";
	font-family: FontAwesome;
	margin-right: 5px;
}


/*********************************DROPCAPS*********************************/

.drop-cap {
	width: 50px;
	height: 50px;
	margin: 3px 10px 4px 0;
	float: left;
	text-align: center;
	font-size: 36px;
	font-weight: bold;
	line-height: 50px;
	/*	box-shadow:0px 1px 0 #FFF*/
	text-transform: uppercase;
	color: #fff;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.drop-cap.round {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.drop-cap.circle {
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}


/*********************************FANCY BOXES*********************************/

.fancyy-box,
.fancyy-box i,
.fancyy-box p,
.fancyy-box h3 {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.fancyy-box {
	background: #f5f5f5;
	padding: 18px 29px;
	border-radius: 4px;
	box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.05);
	border-radius: 3px;
	text-align: center;
	color: #888;
	margin-bottom: 15px;
}

.fancyy-box p {
	margin-top: 20px;
}
.fancyy-box i {
	font-size: 80px;
	height: 80px;
	color: #666;
	margin: 10px 0;
	display: inline;
}
.fancyy-box:hover,
.fancyy-box:hover h3 {
	color: #fff;
}

.fancyy-box:hover p {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
	color: #fff;
}

.fancyy-box h3 {
	font-size: 16px;
}
.fancyy-box .circleicon {
	width: 105px;
	height: 105px;
	border-radius: 50%;
	padding: 27px 0;
	background: #fff;
	margin: 0 auto;
	margin-bottom: 15px;
}
.fancyy-box .circleicon i {
	font-size: 60px;
}
.fancyy-box.featured {
	color: #fff;
}
.fancyy-box.featured h3 {
	color: #fff;
}

.fancyy-box.featured:hover .circleicon i {
	color: #666;
}
.fancyy-box.black {
	background: #333;
	color: #fff;
}
.fancyy-box.black h3 {
	color: #fff;
}

.fancyy-box.black:hover .circleicon i {
	color: #444;
}


/*********************************OTHER ANIMATED BOXES*********************************/
.ca-menu {
	padding: 0;
	margin-top: 25px;
}
.ca-menu li {
	position: relative;
	text-align: center;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
	margin-bottom: 10px;
}
.ca-menu li:last-child {
	margin-right: 0;
}
.ca-menu li a {
	height: 100%;
	display: block;
	color: #333;
	position: relative;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}
.ca-menu li a:hover {
	background: #333;
}
.ca-menu li a:hover .ca-sub,
.ca-menu li:hover .ca-main {
	color: #fff;
}
.ca-icon {
	font-size: 60px;
	color: #333;
	text-shadow: 0 0 1px #333;
	line-height: 120px;
	position: absolute;
	width: 100%;
	height: 50%;
	left: 0;
	top: 0;
	text-align: center;
	-webkit-transition: all 400ms linear;
	-moz-transition: all 400ms linear;
	-o-transition: all 400ms linear;
	-ms-transition: all 400ms linear;
	transition: all 400ms linear;
}
.ca-content {}
.ca-main {
	font-size: 16px;
	opacity: 1;
	text-align: center;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
	line-height: 22px;
	font-weight: 700;
	padding: 0 10px;
}
.ca-sub {
	text-align: center;
	font-size: 13px;
	color: #333;
	line-height: 24px;
	opacity: 0.8;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
	padding: 0 20px;
	font-weight: 400;
}
.ca-menu li {
	margin-bottom: 0;
}
.ca-menu li:hover .ca-icon {
	color: #fff;
	font-size: 60px;
}
.ca-menu li:hover .ca-main {
	-webkit-animation: moveFromLeftRotate 300ms ease;
	-moz-animation: moveFromLeftRotate 300ms ease;
	-ms-animation: moveFromLeftRotate 300ms ease;
}
.ca-menu li:hover .ca-sub {
	-webkit-animation: moveFromBottom 500ms ease;
	-moz-animation: moveFromBottom 500ms ease;
	-ms-animation: moveFromBottom 500ms ease;
}
@-webkit-keyframes moveFromLeftRotate {
	from {
		-webkit-transform: translateX(-100%) rotate(-90deg);
	}

	to {
		-webkit-transform: translateX(0%) rotate(0deg);
	}
}
@-moz-keyframes moveFromLeftRotate {
	from {
		-moz-transform: translateX(-100%) rotate(-90deg);
	}

	to {
		-moz-transform: translateX(0%) rotate(0deg);
	}
}
@-ms-keyframes moveFromLeftRotate {
	from {
		-ms-transform: translateX(-100%) rotate(-90deg);
	}

	to {
		-ms-transform: translateX(0%) rotate(0deg);
	}
}
@-webkit-keyframes moveFromBottom {
	from {
		-webkit-transform: translateY(100%);
	}

	to {
		-webkit-transform: translateY(0%);
	}
}
@-moz-keyframes moveFromBottom {
	from {
		-moz-transform: translateY(100%);
	}

	to {
		-moz-transform: translateY(0%);
	}
}
@-ms-keyframes moveFromBottom {
	from {
		-ms-transform: translateY(100%);
	}

	to {
		-ms-transform: translateY(0%);
	}
}
.ca-menu .grey-box-icon {
	text-align: center;
	position: relative;
	padding-top: 20px;
	padding-bottom: 10px;
}
ul.ca-menu {
	list-style: none;
}
@media only screen and (max-width:799px) {
	.wow {
		visibility: visible !important;
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
	}
}