html { margin-right: 10px; }

body {
	font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 22px;
	color: #333;
	overflow-y: hidden;
}

.wrapsemibox { padding-top: 40px; }

.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: 0px;
	-o-padding-start: 0px;
	padding-start: 0px;
	padding: 0px;
}

ul.icons { list-style: none; }

ul.icons li { margin-bottom: 8px; }

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

a { color: #f54828; }

a:hover { text-decoration: none; }

::selection {
	background: #f54828;
	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; }

/*--------------------------------------------------	HEADER---------------------------------------------------*/

.toparea {
	background: #154372;
	font-size: 12px;
	color: #ededed;
	padding-top: 4px;
	padding-bottom: 4px;
	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: 0px; }

.social-icons a {
	display: inline-block;
	width: 32px;
	margin: 0px 0px;
	font-size: 16px;
	color: #ededed;
	-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;
}

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

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

.navbar-toggle { background: #333; }

.nav { margin-top: 28px;/* this is a faux center fix for the nav options - adjust this if you wish to change the logo height or the font of the menu items */
}

.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: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 20px;
	padding-bottom: 10px;
}

.navbar-brand { padding: 0; }

.nav { margin-top: 0; }

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

.navbar-fixed-top .navbar-brand {
	margin-left: 15px;
	margin-bottom: 11px;
	margin-top: -21px;
}

.navbar>.container .navbar-brand {
	margin-left: 15px;
	margin-bottom: 11px;
}

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

.navbar-nav>li>a {
	color: #555;
	border-radius: 0px;
	margin-top: -26px;
	padding-top: 18px;
	margin-bottom: -20px;
	padding-bottom: 20px;
	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 {
	background-color: #f54828;
	color: #fff;
	border-radius: 3px 3px 0 0 !Important;
}

.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 {
	content: "";
	width: 0;
	height: 0;
	border-bottom: 6px solid #f54828;
	border-right: 5px solid transparent;
	position: absolute;
	top: 0px;
	right: -4px;
	-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>a:hover, .navbar-nav>li>a:focus {
	border-radius: 3px 3px 0 0 !Important;
	background-color: #f54828;
	color: #fff;
}

.navbar-nav>li>.dropdown-menu {
	margin: 20px 0px 0 0px !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: 0px;
	font-size: 13px;
}

.dropdown-menu>li>a {
	color: #ccc;
	padding-top: 8px;
	padding-bottom: 8px;
	border: 0px !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 {
	background-color: #f54828 !Important;
	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; }

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

.extra-nav-class a.dropdown-toggle {
	background-color: #f54828 !Important;
	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;
}

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

.wowmenu.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%; }

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

.navbar-brand img, .wowmenu.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: none; }

/*--------------------------------------------------	CAROUSEL SLIDER---------------------------------------------------*/

#c-slide {
	padding: 0px;
	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;
	background-color: #f54828;
	padding: 10px;
	border-width: 0px;
	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: 0px;
	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: 0px;
	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: 0px;
	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: 0px;
	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: 0px;
	padding: 1px 4px 0px;
	border-width: 0px;
	border-color: rgb(255,214,88);
	border-style: none;
	font-size: 50px;
}

.car-widecircle {
	background: #222;
	width: 130px;
	height: 130px;
	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: 130px;
	width: 130px;
	margin: 0px auto;
	right: 0;
	font-weight: 100;
	font-size: 19px;
}

.car-middlecircle {
	background: #fff;
	width: 120px;
	height: 120px;
	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: 120px;
	width: 120px;
	margin: 0px auto;
	right: 0;
	font-weight: 100;
	font-size: 19px;
}

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

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

.carouselText1 {
	font-weight: 800;
	margin-top: 8px;
	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: 15px;
	background: #f54828;
	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: 0px 10px;
	color: #fff;
	border-radius: 5px;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}

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

.carouselText-small {
	font-size: 13px;
	display: inline-block;
	padding: 0px 10px;
	color: #fff;
	border-radius: 5px;
	font-weight: 400;
	text-transform: capitalize;
	text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}

.carouselText-small-black {
	font-size: 13px;
	display: inline-block;
	padding: 0px 10px;
	color: #fff;
	border-radius: 5px;
	font-weight: 400;
	text-transform: capitalize;
	text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}

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

.slide1-2 {
	margin-top: -40px;
	max-width: 75%;
	position: relative;
	right: -38px;
	z-index: 1000;
}

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

.slide1-4 {
	float: right;
	left: 10px;
	max-width: 99%;
	position: relative;
	top: 8px;
	z-index: 1000;
}

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

.carousel .item {
	padding: 30px 0px;
	height: 390px;
	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>.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;
	max-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: 10;
	width: 60%;
	margin-left: -30%;
	padding-left: 0;
	list-style: none;
	text-align: center;
}

.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: #fff;
}

.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: 80px;
	width: 50px;
	margin-top: 25%;
	margin-left: 0px;
	margin-right: 0;
}

.carousel:hover .carousel-control.left, .carousel:hover .carousel-control.right { }

.carousel-control.left {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.carousel-control.right {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

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

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

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

/*--------------------------------------------------	CAROUSEL FEATURED WORK---------------------------------------------------*/

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

#carousel-featuredwork .carousel-indicators { margin-left: -31%; }

/*--------------------------------------------------	intro-note---------------------------------------------------*/

.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---------------------------------------------------*/

.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 {
	background-color: #f54828;
	color: #fff;
	-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: 50px; }

.fontawesome-icon.circle-white {
	-moz-border-radius: 95px;
	-webkit-border-radius: 95px;
	border-radius: 95px;
	background-color: #154372;
	color: #fff;
	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 {
	background-color: #f54828;
	color: #fff;
}

/*--------------------------------------------------	NICE SCROLL---------------------------------------------------*/

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

/*--------------------------------------------------	home-features---------------------------------------------------*/

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

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

/*--------------------------------------------------	MISC---------------------------------------------------*/


.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: 0px;
}

.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;
}

.colortext { color: #f54828; }

.colorbg { background: #f54828; }

.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; }

/*--------------------------------------------------	AREAS---------------------------------------------------*/

.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 {
	background: rgba(245,72,40,0.80) !important;
	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;
}

/*--------------------------------------------------	TESTIMONIALS---------------------------------------------------*/

.cbp-qtrotator {
	position: relative;
	margin: 0px 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;
}
/* Example for media query */
@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---------------------------------------------------*/

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

/*--------------------------------------------------FOOTER---------------------------------------------------*/

.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: #ededed;
	margin-top: 0px;
	padding-top: 50px !important;
	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: 0px !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: 0px;
	margin-top: 25px;
}

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

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

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

.footer input, .footer textarea, .footer input[type="text"] {
	background-color: #5c5c5c;
	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: #333 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;
}
/*--------------------------------------------------FOOTER QUOTES---------------------------------------------------*/
@keyframes 
fadein {  from {
 opacity:0;
}

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

to { opacity: 1; }
}
@-webkit-keyframes 
fadein { 	/* Safari and Chrome */
	from {
 opacity:0;
}

to { opacity: 1; }
}
@-o-keyframes 
fadein { 	/* Opera */
	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;
	padding: 10px;
	border: 1px solid #ebebeb;
	border-radius: 50%;
	box-shadow: 0px 1px 1px 1px #fff;
	margin-right: 10px;
}

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

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

.topspace0 { margin-top: 0px !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: 0px; }

.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; }

/*--------------------------------------------------	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---------------------------------------------------*/

.panel1 {
	width: 100%;
	padding: 30px 30px 15px;
	background-color: #f6f6f6;
	border-left: 6px solid #f54828;
}

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

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

.buttoncolor {
	line-height: 40px;
	background: #f54828;
	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;
}

/*================================================== * Panels* ===============================================*/

.panel h1, .panel2 h1 {
	font-size: 18px;
	font-family: RalewayRegular;
	margin-top: 0;
	line-height: 24px;
}

.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 #f54828;
}

.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;
	background-color: #f54828;
	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;
	color: #f54828;
}

/*--------------------------------------------------	ACCORDION---------------------------------------------------*/

#accordion { margin-bottom: 0; }

#accordion div h4 {
	position: relative;
	font-size: 15px;
	color: #444;
	font-weight: 300;
	padding: 15px 0px 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: #f54828 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: #f54828 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---------------------------------------------------*/

.breadcr { margin-top: 28px; }

.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: 0px auto;
	margin-top: 15px;
}

.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: 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: 30px;
	text-shadow: 0 2px 0 rgba(0,0,0,0.1);
}

.pageheader-default .semitransparentbg {
	background: rgba(245,72,40,0.80) !important;
	padding-bottom: 35px;
	padding-top: 20px;
}

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

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

.thumbnail {
	border: 1px solid #f3f3f3;
	font-size: 13px;
	background: #fff;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	padding: 0px;
	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: 7px;
}

.sidebar h4 {
	color: #f54828;
	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: 0px;
	margin-bottom: 0px;
}

.nav-tabs li a {
	color: #444;
	background: #F8F8F8;
	font-weight: 300;
	font-size: 13px;
	padding: 15px 25px;
	margin-right: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border: 1px solid #e5e5e5;
	border-right: 0px !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: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.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;
	color: #f54828 !important;
}

/* =============================================================== */
/* Blockquote================================================================ */

blockquote {
	border-left: 5px solid #f54828;
	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 /* ============================================================== */

ul#skill { list-style: none; }

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

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

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

#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 {
	background: #f54828;
	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: 10px;
	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 #444;
	width: 24px;
	height: 24px;
	display: block;
	position: relative;
	float: left;
	margin-left: 3px;
	-webkit-background-clip: padding-box;
	/* for Safari */background-clip: padding-box;
	box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.1);
	border-radius: 2px;
}

a.prev:hover, a.next:hover { background-color: #444; }

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: 0px;
}

.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:hover { }

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

.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 }

.grayimage {
	filter: url("data:image/svg+xml;nowhitespace:afterproperty;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	/* Firefox 10+,Firefox on Android */ filter: gray;
	/* IE6-9 */ -webkit-filter: grayscale(100%);/* Chrome 19+,Safari 6+,Safari 6+iOS */
}

.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 i { color: #f54828; }

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

.service-fancybox:hover { background: #f54828; }

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

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

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

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

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

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

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

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

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

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

.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: 0px;
	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;
	font-family: 'ecoico';
	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;
	background: #f54828;
	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 0px;
}
}

/* make the well swell */

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

.well { border-color: #ebebeb; }

.item h4 a { color: #333; }

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

.info { padding: 4px; }

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

.services i {
	color: #f54828;
	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: 0px 1px 0px white;
	-moz-box-shadow: 0px 1px 0px white;
	box-shadow: 0px 1px 0px 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: 0px 1px 0px #656565;
	-moz-box-shadow: 0px 1px 0px #656565;
	box-shadow: 0px 1px 0px #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: 0px; }

#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 {
	background: #e7402f !Important;
	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: 0px 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: 0px 10px;
}

.boxcontainer h1 {
	font-size: 13px;
	line-height: 1;
	padding-left: 10px;
	padding-right: 10px;
	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 .boxcontainer img { height: 185px; }

.recent-projects-home .smalltitle {
	max-width: 50%;
	margin: 0px 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: 0px auto;
	display: table-cell;
	vertical-align: middle;
	top: 59%;
}

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

.captionicons:hover { opacity: 0.9; }

.boxportfolio2 .captionicons { top: 57%; }

/*================================================== BLOG ===============================================*/

.aligncenter {
	margin: 0px 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;
	display: block;
	z-index: 100;
	position: relative;
}

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

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

.blogindex img.pull-left { margin-right: 10px; }

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

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
	background-color: #f54828;
	border-color: #f54828;
}

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

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

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

.landingpage-button {
	background: #fff;
	color: #f54828;
	width: 260px;
	padding: 0px 20px;
	border-bottom: 3px solid;
}

.landingpage-button span {
	width: 50px;
	margin-left: 10px;
	color: #f54828;
	position: relative;
	top: -18px;
}

.landingpage-button strong {
	margin-left: 34px;
	font-size: 24px;
	color: #f54828;
}

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

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;
	margin-left: 0;
}

h3.landingpage {
	color: #fff;
	font-weight: 300;
	margin-bottom: 30px;
	line-height: 35px;
	margin-top: 0;
}

.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: 0px;
}

.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================================================================ */

@font-face {
	font-family: 'FontAwesome';
	src: url('font-awesome/fontawesome-webfontf77b.eot?v=3.2.1');
	src: url('font-awesome/fontawesome-webfontd41d.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('font-awesome/fontawesome-webfontf77b.woff?v=3.2.1') format('woff'), url('font-awesome/fontawesome-webfontf77b.ttf?v=3.2.1') format('truetype'), url('font-awesome/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
	font-weight: normal;
	font-style: normal;
}
[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; }

.icon-glass:before { content: "\f000"; }

.icon-music:before { content: "\f001"; }

.icon-search:before { content: "\f002"; }

.icon-envelope-alt:before { content: "\f003"; }

.icon-heart:before { content: "\f004"; }

.icon-star:before { content: "\f005"; }

.icon-star-empty:before { content: "\f006"; }

.icon-user:before { content: "\f007"; }

.icon-film:before { content: "\f008"; }

.icon-th-large:before { content: "\f009"; }

.icon-th:before { content: "\f00a"; }

.icon-th-list:before { content: "\f00b"; }

.icon-ok:before { content: "\f00c"; }

.icon-remove:before { content: "\f00d"; }

.icon-zoom-in:before { content: "\f00e"; }

.icon-zoom-out:before { content: "\f010"; }

.icon-power-off:before, .icon-off:before { content: "\f011"; }

.icon-signal:before { content: "\f012"; }

.icon-gear:before, .icon-cog:before { content: "\f013"; }

.icon-trash:before { content: "\f014"; }

.icon-home:before { content: "\f015"; }

.icon-file-alt:before { content: "\f016"; }

.icon-time:before { content: "\f017"; }

.icon-road:before { content: "\f018"; }

.icon-download-alt:before { content: "\f019"; }

.icon-download:before { content: "\f01a"; }

.icon-upload:before { content: "\f01b"; }

.icon-inbox:before { content: "\f01c"; }

.icon-play-circle:before { content: "\f01d"; }

.icon-rotate-right:before, .icon-repeat:before { content: "\f01e"; }

.icon-refresh:before { content: "\f021"; }

.icon-list-alt:before { content: "\f022"; }

.icon-lock:before { content: "\f023"; }

.icon-flag:before { content: "\f024"; }

.icon-headphones:before { content: "\f025"; }

.icon-volume-off:before { content: "\f026"; }

.icon-volume-down:before { content: "\f027"; }

.icon-volume-up:before { content: "\f028"; }

.icon-qrcode:before { content: "\f029"; }

.icon-barcode:before { content: "\f02a"; }

.icon-tag:before { content: "\f02b"; }

.icon-tags:before { content: "\f02c"; }

.icon-book:before { content: "\f02d"; }

.icon-bookmark:before { content: "\f02e"; }

.icon-print:before { content: "\f02f"; }

.icon-camera:before { content: "\f030"; }

.icon-font:before { content: "\f031"; }

.icon-bold:before { content: "\f032"; }

.icon-italic:before { content: "\f033"; }

.icon-text-height:before { content: "\f034"; }

.icon-text-width:before { content: "\f035"; }

.icon-align-left:before { content: "\f036"; }

.icon-align-center:before { content: "\f037"; }

.icon-align-right:before { content: "\f038"; }

.icon-align-justify:before { content: "\f039"; }

.icon-list:before { content: "\f03a"; }

.icon-indent-left:before { content: "\f03b"; }

.icon-indent-right:before { content: "\f03c"; }

.icon-facetime-video:before { content: "\f03d"; }

.icon-picture:before { content: "\f03e"; }

.icon-pencil:before { content: "\f040"; }

.icon-map-marker:before { content: "\f041"; }

.icon-adjust:before { content: "\f042"; }

.icon-tint:before { content: "\f043"; }

.icon-edit:before { content: "\f044"; }

.icon-share:before { content: "\f045"; }

.icon-check:before { content: "\f046"; }

.icon-move:before { content: "\f047"; }

.icon-step-backward:before { content: "\f048"; }

.icon-fast-backward:before { content: "\f049"; }

.icon-backward:before { content: "\f04a"; }

.icon-play:before { content: "\f04b"; }

.icon-pause:before { content: "\f04c"; }

.icon-stop:before { content: "\f04d"; }

.icon-forward:before { content: "\f04e"; }

.icon-fast-forward:before { content: "\f050"; }

.icon-step-forward:before { content: "\f051"; }

.icon-eject:before { content: "\f052"; }

.icon-chevron-left:before { content: "\f053"; }

.icon-chevron-right:before { content: "\f054"; }

.icon-plus-sign:before { content: "\f055"; }

.icon-minus-sign:before { content: "\f056"; }

.icon-remove-sign:before { content: "\f057"; }

.icon-ok-sign:before { content: "\f058"; }

.icon-question-sign:before { content: "\f059"; }

.icon-info-sign:before { content: "\f05a"; }

.icon-screenshot:before { content: "\f05b"; }

.icon-remove-circle:before { content: "\f05c"; }

.icon-ok-circle:before { content: "\f05d"; }

.icon-ban-circle:before { content: "\f05e"; }

.icon-arrow-left:before { content: "\f060"; }

.icon-arrow-right:before { content: "\f061"; }

.icon-arrow-up:before { content: "\f062"; }

.icon-arrow-down:before { content: "\f063"; }

.icon-mail-forward:before, .icon-share-alt:before { content: "\f064"; }

.icon-resize-full:before { content: "\f065"; }

.icon-resize-small:before { content: "\f066"; }

.icon-plus:before { content: "\f067"; }

.icon-minus:before { content: "\f068"; }

.icon-asterisk:before { content: "\f069"; }

.icon-exclamation-sign:before { content: "\f06a"; }

.icon-gift:before { content: "\f06b"; }

.icon-leaf:before { content: "\f06c"; }

.icon-fire:before { content: "\f06d"; }

.icon-eye-open:before { content: "\f06e"; }

.icon-eye-close:before { content: "\f070"; }

.icon-warning-sign:before { content: "\f071"; }

.icon-plane:before { content: "\f072"; }

.icon-calendar:before { content: "\f073"; }

.icon-random:before { content: "\f074"; }

.icon-comment:before { content: "\f075"; }

.icon-magnet:before { content: "\f076"; }

.icon-chevron-up:before { content: "\f077"; }

.icon-chevron-down:before { content: "\f078"; }

.icon-retweet:before { content: "\f079"; }

.icon-shopping-cart:before { content: "\f07a"; }

.icon-folder-close:before { content: "\f07b"; }

.icon-folder-open:before { content: "\f07c"; }

.icon-resize-vertical:before { content: "\f07d"; }

.icon-resize-horizontal:before { content: "\f07e"; }

.icon-bar-chart:before { content: "\f080"; }

.icon-twitter-sign:before { content: "\f081"; }

.icon-facebook-sign:before { content: "\f082"; }

.icon-camera-retro:before { content: "\f083"; }

.icon-key:before { content: "\f084"; }

.icon-gears:before, .icon-cogs:before { content: "\f085"; }

.icon-comments:before { content: "\f086"; }

.icon-thumbs-up-alt:before { content: "\f087"; }

.icon-thumbs-down-alt:before { content: "\f088"; }

.icon-star-half:before { content: "\f089"; }

.icon-heart-empty:before { content: "\f08a"; }

.icon-signout:before { content: "\f08b"; }

.icon-linkedin-sign:before { content: "\f08c"; }

.icon-pushpin:before { content: "\f08d"; }

.icon-external-link:before { content: "\f08e"; }

.icon-signin:before { content: "\f090"; }

.icon-trophy:before { content: "\f091"; }

.icon-github-sign:before { content: "\f092"; }

.icon-upload-alt:before { content: "\f093"; }

.icon-lemon:before { content: "\f094"; }

.icon-phone:before { content: "\f095"; }

.icon-unchecked:before, .icon-check-empty:before { content: "\f096"; }

.icon-bookmark-empty:before { content: "\f097"; }

.icon-phone-sign:before { content: "\f098"; }

.icon-twitter:before { content: "\f099"; }

.icon-facebook:before { content: "\f09a"; }

.icon-github:before { content: "\f09b"; }

.icon-unlock:before { content: "\f09c"; }

.icon-credit-card:before { content: "\f09d"; }

.icon-rss:before { content: "\f09e"; }

.icon-hdd:before { content: "\f0a0"; }

.icon-bullhorn:before { content: "\f0a1"; }

.icon-bell:before { content: "\f0a2"; }

.icon-certificate:before { content: "\f0a3"; }

.icon-hand-right:before { content: "\f0a4"; }

.icon-hand-left:before { content: "\f0a5"; }

.icon-hand-up:before { content: "\f0a6"; }

.icon-hand-down:before { content: "\f0a7"; }

.icon-circle-arrow-left:before { content: "\f0a8"; }

.icon-circle-arrow-right:before { content: "\f0a9"; }

.icon-circle-arrow-up:before { content: "\f0aa"; }

.icon-circle-arrow-down:before { content: "\f0ab"; }

.icon-globe:before { content: "\f0ac"; }

.icon-wrench:before { content: "\f0ad"; }

.icon-tasks:before { content: "\f0ae"; }

.icon-filter:before { content: "\f0b0"; }

.icon-briefcase:before { content: "\f0b1"; }

.icon-fullscreen:before { content: "\f0b2"; }

.icon-group:before { content: "\f0c0"; }

.icon-link:before { content: "\f0c1"; }

.icon-cloud:before { content: "\f0c2"; }

.icon-beaker:before { content: "\f0c3"; }

.icon-cut:before { content: "\f0c4"; }

.icon-copy:before { content: "\f0c5"; }

.icon-paperclip:before, .icon-paper-clip:before { content: "\f0c6"; }

.icon-save:before { content: "\f0c7"; }

.icon-sign-blank:before { content: "\f0c8"; }

.icon-reorder:before { content: "\f0c9"; }

.icon-list-ul:before { content: "\f0ca"; }

.icon-list-ol:before { content: "\f0cb"; }

.icon-strikethrough:before { content: "\f0cc"; }

.icon-underline:before { content: "\f0cd"; }

.icon-table:before { content: "\f0ce"; }

.icon-magic:before { content: "\f0d0"; }

.icon-truck:before { content: "\f0d1"; }

.icon-pinterest:before { content: "\f0d2"; }

.icon-pinterest-sign:before { content: "\f0d3"; }

.icon-google-plus-sign:before { content: "\f0d4"; }

.icon-google-plus:before { content: "\f0d5"; }

.icon-money:before { content: "\f0d6"; }

.icon-caret-down:before { content: "\f0d7"; }

.icon-caret-up:before { content: "\f0d8"; }

.icon-caret-left:before { content: "\f0d9"; }

.icon-caret-right:before { content: "\f0da"; }

.icon-columns:before { content: "\f0db"; }

.icon-sort:before { content: "\f0dc"; }

.icon-sort-down:before { content: "\f0dd"; }

.icon-sort-up:before { content: "\f0de"; }

.icon-envelope:before { content: "\f0e0"; }

.icon-linkedin:before { content: "\f0e1"; }

.icon-rotate-left:before, .icon-undo:before { content: "\f0e2"; }

.icon-legal:before { content: "\f0e3"; }

.icon-dashboard:before { content: "\f0e4"; }

.icon-comment-alt:before { content: "\f0e5"; }

.icon-comments-alt:before { content: "\f0e6"; }

.icon-bolt:before { content: "\f0e7"; }

.icon-sitemap:before { content: "\f0e8"; }

.icon-umbrella:before { content: "\f0e9"; }

.icon-paste:before { content: "\f0ea"; }

.icon-lightbulb:before { content: "\f0eb"; }

.icon-exchange:before { content: "\f0ec"; }

.icon-cloud-download:before { content: "\f0ed"; }

.icon-cloud-upload:before { content: "\f0ee"; }

.icon-user-md:before { content: "\f0f0"; }

.icon-stethoscope:before { content: "\f0f1"; }

.icon-suitcase:before { content: "\f0f2"; }

.icon-bell-alt:before { content: "\f0f3"; }

.icon-coffee:before { content: "\f0f4"; }

.icon-food:before { content: "\f0f5"; }

.icon-file-text-alt:before { content: "\f0f6"; }

.icon-building:before { content: "\f0f7"; }

.icon-hospital:before { content: "\f0f8"; }

.icon-ambulance:before { content: "\f0f9"; }

.icon-medkit:before { content: "\f0fa"; }

.icon-fighter-jet:before { content: "\f0fb"; }

.icon-beer:before { content: "\f0fc"; }

.icon-h-sign:before { content: "\f0fd"; }

.icon-plus-sign-alt:before { content: "\f0fe"; }

.icon-double-angle-left:before { content: "\f100"; }

.icon-double-angle-right:before { content: "\f101"; }

.icon-double-angle-up:before { content: "\f102"; }

.icon-double-angle-down:before { content: "\f103"; }

.icon-angle-left:before { content: "\f104"; }

.icon-angle-right:before { content: "\f105"; }

.icon-angle-up:before { content: "\f106"; }

.icon-angle-down:before { content: "\f107"; }

.icon-desktop:before { content: "\f108"; }

.icon-laptop:before { content: "\f109"; }

.icon-tablet:before { content: "\f10a"; }

.icon-mobile-phone:before { content: "\f10b"; }

.icon-circle-blank:before { content: "\f10c"; }

.icon-quote-left:before { content: "\f10d"; }

.icon-quote-right:before { content: "\f10e"; }

.icon-spinner:before { content: "\f110"; }

.icon-circle:before { content: "\f111"; }

.icon-mail-reply:before, .icon-reply:before { content: "\f112"; }

.icon-github-alt:before { content: "\f113"; }

.icon-folder-close-alt:before { content: "\f114"; }

.icon-folder-open-alt:before { content: "\f115"; }

.icon-expand-alt:before { content: "\f116"; }

.icon-collapse-alt:before { content: "\f117"; }

.icon-smile:before { content: "\f118"; }

.icon-frown:before { content: "\f119"; }

.icon-meh:before { content: "\f11a"; }

.icon-gamepad:before { content: "\f11b"; }

.icon-keyboard:before { content: "\f11c"; }

.icon-flag-alt:before { content: "\f11d"; }

.icon-flag-checkered:before { content: "\f11e"; }

.icon-terminal:before { content: "\f120"; }

.icon-code:before { content: "\f121"; }

.icon-reply-all:before { content: "\f122"; }

.icon-mail-reply-all:before { content: "\f122"; }

.icon-star-half-full:before, .icon-star-half-empty:before { content: "\f123"; }

.icon-location-arrow:before { content: "\f124"; }

.icon-crop:before { content: "\f125"; }

.icon-code-fork:before { content: "\f126"; }

.icon-unlink:before { content: "\f127"; }

.icon-question:before { content: "\f128"; }

.icon-info:before { content: "\f129"; }

.icon-exclamation:before { content: "\f12a"; }

.icon-superscript:before { content: "\f12b"; }

.icon-subscript:before { content: "\f12c"; }

.icon-eraser:before { content: "\f12d"; }

.icon-puzzle-piece:before { content: "\f12e"; }

.icon-microphone:before { content: "\f130"; }

.icon-microphone-off:before { content: "\f131"; }

.icon-shield:before { content: "\f132"; }

.icon-calendar-empty:before { content: "\f133"; }

.icon-fire-extinguisher:before { content: "\f134"; }

.icon-rocket:before { content: "\f135"; }

.icon-maxcdn:before { content: "\f136"; }

.icon-chevron-sign-left:before { content: "\f137"; }

.icon-chevron-sign-right:before { content: "\f138"; }

.icon-chevron-sign-up:before { content: "\f139"; }

.icon-chevron-sign-down:before { content: "\f13a"; }

.icon-html5:before { content: "\f13b"; }

.icon-css3:before { content: "\f13c"; }

.icon-anchor:before { content: "\f13d"; }

.icon-unlock-alt:before { content: "\f13e"; }

.icon-bullseye:before { content: "\f140"; }

.icon-ellipsis-horizontal:before { content: "\f141"; }

.icon-ellipsis-vertical:before { content: "\f142"; }

.icon-rss-sign:before { content: "\f143"; }

.icon-play-sign:before { content: "\f144"; }

.icon-ticket:before { content: "\f145"; }

.icon-minus-sign-alt:before { content: "\f146"; }

.icon-check-minus:before { content: "\f147"; }

.icon-level-up:before { content: "\f148"; }

.icon-level-down:before { content: "\f149"; }

.icon-check-sign:before { content: "\f14a"; }

.icon-edit-sign:before { content: "\f14b"; }

.icon-external-link-sign:before { content: "\f14c"; }

.icon-share-sign:before { content: "\f14d"; }

.icon-compass:before { content: "\f14e"; }

.icon-collapse:before { content: "\f150"; }

.icon-collapse-top:before { content: "\f151"; }

.icon-expand:before { content: "\f152"; }

.icon-euro:before, .icon-eur:before { content: "\f153"; }

.icon-gbp:before { content: "\f154"; }

.icon-dollar:before, .icon-usd:before { content: "\f155"; }

.icon-rupee:before, .icon-inr:before { content: "\f156"; }

.icon-yen:before, .icon-jpy:before { content: "\f157"; }

.icon-renminbi:before, .icon-cny:before { content: "\f158"; }

.icon-won:before, .icon-krw:before { content: "\f159"; }

.icon-bitcoin:before, .icon-btc:before { content: "\f15a"; }

.icon-file:before { content: "\f15b"; }

.icon-file-text:before { content: "\f15c"; }

.icon-sort-by-alphabet:before { content: "\f15d"; }

.icon-sort-by-alphabet-alt:before { content: "\f15e"; }

.icon-sort-by-attributes:before { content: "\f160"; }

.icon-sort-by-attributes-alt:before { content: "\f161"; }

.icon-sort-by-order:before { content: "\f162"; }

.icon-sort-by-order-alt:before { content: "\f163"; }

.icon-thumbs-up:before { content: "\f164"; }

.icon-thumbs-down:before { content: "\f165"; }

.icon-youtube-sign:before { content: "\f166"; }

.icon-youtube:before { content: "\f167"; }

.icon-xing:before { content: "\f168"; }

.icon-xing-sign:before { content: "\f169"; }

.icon-youtube-play:before { content: "\f16a"; }

.icon-dropbox:before { content: "\f16b"; }

.icon-stackexchange:before { content: "\f16c"; }

.icon-instagram:before { content: "\f16d"; }

.icon-flickr:before { content: "\f16e"; }

.icon-adn:before { content: "\f170"; }

.icon-bitbucket:before { content: "\f171"; }

.icon-bitbucket-sign:before { content: "\f172"; }

.icon-tumblr:before { content: "\f173"; }

.icon-tumblr-sign:before { content: "\f174"; }

.icon-long-arrow-down:before { content: "\f175"; }

.icon-long-arrow-up:before { content: "\f176"; }

.icon-long-arrow-left:before { content: "\f177"; }

.icon-long-arrow-right:before { content: "\f178"; }

.icon-apple:before { content: "\f179"; }

.icon-windows:before { content: "\f17a"; }

.icon-android:before { content: "\f17b"; }

.icon-linux:before { content: "\f17c"; }

.icon-dribbble:before { content: "\f17d"; }

.icon-skype:before { content: "\f17e"; }

.icon-foursquare:before { content: "\f180"; }

.icon-trello:before { content: "\f181"; }

.icon-female:before { content: "\f182"; }

.icon-male:before { content: "\f183"; }

.icon-gittip:before { content: "\f184"; }

.icon-sun:before { content: "\f185"; }

.icon-moon:before { content: "\f186"; }

.icon-archive:before { content: "\f187"; }

.icon-bug:before { content: "\f188"; }

.icon-vk:before { content: "\f189"; }

.icon-weibo:before { content: "\f18a"; }

.icon-renren:before { content: "\f18b"; }

/* =============================================================== */
/*OPEN SANS================================================================ */
/* Regular */

@font-face {
	font-family: 'Open Sans';
	src: url('fonts/OpenSans-Regular-webfont.eot');
	src: url('fonts/OpenSans-Regular-webfontd41d.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Regular-webfont.woff') format('woff'), url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
	font-weight: normal;
	font-weight: 400;
	font-style: normal;
}

/* Italic */

@font-face {
	font-family: 'Open Sans';
	src: url('fonts/OpenSans-Italic-webfont.eot');
	src: url('fonts/OpenSans-Italic-webfontd41d.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Italic-webfont.woff') format('woff'), url('fonts/OpenSans-Italic-webfont.ttf') format('truetype'), url('fonts/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
	font-weight: normal;
	font-weight: 400;
	font-style: italic;
}

/* Light */

@font-face {
	font-family: 'Open Sans';
	src: url('fonts/OpenSans-Light-webfont.eot');
	src: url('fonts/OpenSans-Light-webfontd41d.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Light-webfont.woff') format('woff'), url('fonts/OpenSans-Light-webfont.ttf') format('truetype'), url('fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
	font-weight: 200;
	font-style: normal;
}

/* Light Italic */

@font-face {
	font-family: 'Open Sans';
	src: url('fonts/OpenSans-LightItalic-webfont.eot');
	src: url('fonts/OpenSans-LightItalic-webfontd41d.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-LightItalic-webfont.woff') format('woff'), url('fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'), url('fonts/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');
	font-weight: 200;
	font-style: italic;
}

/* Semibold */

@font-face {
	font-family: 'Open Sans';
	src: url('fonts/OpenSans-Semibold-webfont.eot');
	src: url('fonts/OpenSans-Semibold-webfontd41d.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Semibold-webfont.woff') format('woff'), url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'), url('fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
	font-weight: 500;
	font-style: normal;
}

/* Semibold Italic */

@font-face {
	font-family: 'Open Sans';
	src: url('fonts/OpenSans-SemiboldItalic-webfont.eot');
	src: url('fonts/OpenSans-SemiboldItalic-webfontd41d.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'), url('fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'), url('fonts/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
	font-weight: 500;
	font-style: italic;
}

/* Bold */

@font-face {
	font-family: 'Open Sans';
	src: url('fonts/OpenSans-Bold-webfont.eot');
	src: url('fonts/OpenSans-Bold-webfontd41d.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Bold-webfont.woff') format('woff'), url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'), url('fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
	font-weight: bold;
	font-weight: 700;
	font-style: normal;
}

/* Bold Italic */

@font-face {
	font-family: 'Open Sans';
	src: url('fonts/OpenSans-BoldItalic-webfont.eot');
	src: url('fonts/OpenSans-BoldItalic-webfontd41d.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-BoldItalic-webfont.woff') format('woff'), url('fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'), url('fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');
	font-weight: bold;
	font-weight: 700;
	font-style: italic;
}

/* Extra Bold */

@font-face {
	font-family: 'Open Sans';
	src: url('fonts/OpenSans-ExtraBold-webfont.eot');
	src: url('fonts/OpenSans-ExtraBold-webfontd41d.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-ExtraBold-webfont.woff') format('woff'), url('fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'), url('fonts/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');
	font-weight: 900;
	font-style: normal;
}

/* Extra Bold Italic */

@font-face {
	font-family: 'Open Sans';
	src: url('fonts/OpenSans-ExtraBoldItalic-webfont.eot');
	src: url('fonts/OpenSans-ExtraBoldItalic-webfontd41d.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'), url('fonts/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'), url('fonts/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic') format('svg');
	font-weight: 900;
	font-style: italic;
}

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: local('Roboto Regular'), local('Roboto-Regular'), url(fonts/Roboto-Regular.woff) format('woff');
}

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	src: local('Roboto Bold'), local('Roboto-Bold'), url(fonts/Roboto-Bold.woff) format('woff');
}

@font-face {
	font-family: 'Pacifico';
	font-style: normal;
	font-weight: 400;
	src: local('Pacifico Regular'), local('Pacifico-Regular'), url(fonts/Pacifico.woff) format('woff');
}

@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 400;
	src: local('Raleway'), url(fonts/Raleway.woff) format('woff');
}

@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 500;
	src: local('Raleway Medium'), local('Raleway-Medium'), url(fonts/Raleway-Medium.woff) format('woff');
}

@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 700;
	src: local('Raleway Bold'), local('Raleway-Bold'), url(fonts/Raleway-Bold.woff) format('woff');
}
/* =============================================================== */
/*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(0);
}
}
@-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(0);
}
}
@-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(0);
}
}
@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(0);
}
}

.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;
 opacity: !important;
}
/* 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(0);
 -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(0);
 -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(0);
 -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(0);
 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(0);
 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(0);
 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(0);
 opacity:1;
}
}
@keyframes 
rotateIn {  0% {
 transform-origin:center center;
 transform:rotate(-200deg);
 opacity:0;
}
 100% {
 transform-origin:center center;
 transform:rotate(0);
 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(0);
 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(0);
 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(0);
 opacity:1;
}
}
@keyframes 
rotateInUpLeft {  0% {
 transform-origin:left bottom;
 transform:rotate(90deg);
 opacity:0;
}
 100% {
 transform-origin:left bottom;
 transform:rotate(0);
 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(0);
 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(0);
 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(0);
 opacity:1;
}
}
@keyframes 
rotateInDownLeft {  0% {
 transform-origin:left bottom;
 transform:rotate(-90deg);
 opacity:0;
}
 100% {
 transform-origin:left bottom;
 transform:rotate(0);
 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(0);
 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(0);
 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(0);
 opacity:1;
}
}
@keyframes 
rotateInUpRight {  0% {
 transform-origin:right bottom;
 transform:rotate(-90deg);
 opacity:0;
}
 100% {
 transform-origin:right bottom;
 transform:rotate(0);
 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(0);
 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(0);
 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(0);
 opacity:1;
}
}
@keyframes 
rotateInDownRight {  0% {
 transform-origin:right bottom;
 transform:rotate(90deg);
 opacity:0;
}
 100% {
 transform-origin:right bottom;
 transform:rotate(0);
 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(0);
 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(0);
 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(0);
 opacity:1;
}
 100% {
 -o-transform-origin:center center;
 -o-transform:rotate(200deg);
 opacity:0;
}
}
@keyframes 
rotateOut {  0% {
 transform-origin:center center;
 transform:rotate(0);
 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(0);
 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(0);
 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(0);
 opacity:1;
}
 100% {
 -o-transform-origin:left bottom;
 -o-transform:rotate(-90deg);
 opacity:0;
}
}
@keyframes 
rotateOutUpLeft {  0% {
 transform-origin:left bottom;
 transform:rotate(0);
 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(0);
 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(0);
 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(0);
 opacity:1;
}
 100% {
 -o-transform-origin:left bottom;
 -o-transform:rotate(90deg);
 opacity:0;
}
}
@keyframes 
rotateOutDownLeft {  0% {
 transform-origin:left bottom;
 transform:rotate(0);
 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(0);
 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(0);
 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(0);
 opacity:1;
}
 100% {
 -o-transform-origin:right bottom;
 -o-transform:rotate(90deg);
 opacity:0;
}
}
@keyframes 
rotateOutUpRight {  0% {
 transform-origin:right bottom;
 transform:rotate(0);
 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(0);
 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(0);
 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(0);
 opacity:1;
}
 100% {
 -o-transform-origin:right bottom;
 -o-transform:rotate(-90deg);
 opacity:0;
}
}
@keyframes 
rotateOutDownRight {  0% {
 transform-origin:right bottom;
 transform:rotate(0);
 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(0);
 -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(0);
 -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(0);
 -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(0);
 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.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 (Valentiono)================================================== */

#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: #f54828;
	background-repeat: no-repeat;
	background-position: right 50%;
	color: #fff;
}

.active-header:hover {
	background: #f54828;
	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: 0px;
	padding: 0px;
}

.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: 0px;
	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: 0px solid #ebebeb;
	margin: 0px;
	padding: 10px 15px;
}

h2.resp-tab-active {
	border-bottom: 0px solid #ebebeb !important;
	margin-bottom: 0px !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: 0px;
	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;
}

/*-----------Accordion styles-----------*/

h2.resp-tab-active { background: #DBDBDB !important; }

.resp-easy-accordion h2.resp-accordion { display: block; }

.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: 0px;
}

.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 0px;
}

.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: #e7402f 3px solid; }

.popular .vuzz-pricing-cost { background: #e7402f; }

.popular .vuzz-pricing-per { background: #e7402f; }

.popular .vuzz-button { background: #e7402f; }

.popular .vuzz-button.buttonprice { background: #e7402f; }

/* ----------------------------------		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;
}

/* Previous button */
/* ------------------------------------------------------------------------	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: 8px;
}

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 0px #FFF*/
	text-transform: uppercase;
	color: #fff;
	background: #f54828;
	-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 i { color: #e7402f; }

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

.fancyy-box:hover { background: #e7402f; }

.fancyy-box h3 { font-size: 16px; }

.fancyy-box .circleicon {
	width: 105px;
	height: 105px;
	border-radius: 50%;
	padding: 27px 0;
	background: #fff;
	margin: 0px auto;
	margin-bottom: 15px;
}

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

.fancyy-box.featured {
	background: #e7402f;
	color: #fff;
}

.fancyy-box.featured h3 { color: #fff; }

.fancyy-box.featured .circleicon i { color: #e7402f; }

.fancyy-box.featured:hover .circleicon i { color: #666; }

.fancyy-box.black {
	background: #333;
	color: #fff;
}

.fancyy-box.black h3 { color: #fff; }

.fancyy-box.black .circleicon i { color: #e7402f; }

.fancyy-box.black:hover .circleicon i { color: #444; }

/******************************************************************************************************************** 
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: 0px; }

.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: 0px 0px 1px #333;
	line-height: 120px;
	position: absolute;
	width: 100%;
	height: 50%;
	left: 0px;
	top: 0px;
	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: 0px 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: 0px 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;
}
}

#switcher-footer { display: none; }