/**
	vars
**/
// file imports
@import url("hover-min.css");

// colors
@baseColor:          #FAF55B;
@baseColorAlt:       #1F43D0;
@baseColorDark:      #222;
@baseLight:          #f9f9f9;
@baseFontColorLight: #fff;

// bg
@backgroundBase:      #fff;
@backgroundHeader:    @baseColor;
@backgroundTopHeader: #293237;

// fonts
@import url("//fonts.googleapis.com/css?family=PT+Sans");
@import url(http://fonts.googleapis.com/css?family=Merriweather:400,300italic);

@fontBase:     "PT Sans", Helvetica, Arial, sans-serif;
@fontNicetext: "Margarine", Helvetica, Arial, sans-serif;
@fontVariant:  "Margarine", Helvetica, Arial, sans-serif;

@headerHeight:    4em;
@topHeaderHeight: 4em;

@footerHeightTop:    0;
@footerHeightSub:    3em;
@footerBorderHeight: 0;
@footerHeightMargin: 0;
@footerHeight: @footerHeightTop + @footerHeightSub - @footerHeightMargin;

@width-xs: 480px;
@width-sm: 768px;
@width-md: 992px;
@width-lg: 1200px;

/**
	main
**/
html, body {
	height: 100%;
}

body {
	background: #fff;
	background-position: 50% 0%;
	background-repeat: no-repeat;
	color: @baseColorDark;
	font-family: @fontBase;
	font-size: 16px;
}

#wrap {
	height: auto;
	min-height: 100%;
	margin: 0 auto -@footerHeight;
	overflow-x: hidden;
	padding: 0 0 @footerHeight;
	position: relative;
}

/**
	ff fix
**/
.img-responsive {
	width: 100%;
}

/**
	colors
**/
.color-primary {
	color: @baseColor;
}
.color-light {
	color: #fff;
}
.color-dark {
	color: @baseColorDark !important;
}

/**
	shadows
**/
.box-shadow {
	box-shadow: #111 1px 1px 10px;
}

/**
	typo
**/
h1,h2,h3,h4,h5,h6 {
	color: @baseColorDark;
	font-family: @fontVariant;
	//text-transform: uppercase;
	-webkit-font-smoothing: antialiased;

	&.margin-none {
		margin-bottom: 0;
		padding-bottom: 0;
	}

	a {
		color: @baseColorDark;
		.transition-default;

		&:hover {
			color: lighten(@baseColorDark, 10%);
			text-decoration: none;
		}
	}
}
h2 {
	background: @baseColorAlt;
	border-radius: 10px;
	display: inline-block;
	color: #fff;
	font-family: @fontVariant;
	margin-bottom: 1em;
	padding: 0.5em 2em;
}

@media (max-width: 767px) {
	h1 { font-size: 1.6em; }
}

a {
	color: @baseColorAlt;
	text-decoration: none;
	.transition-default;

	&:hover {
		color: lighten(@baseColorAlt, 20%);
		text-decoration: none;
	}

	h1,h2,h3,h4,h5,h6 {
		.transition-default;
		&:hover {
			color: lighten(@baseColorAlt, 20%);
		}
	}
}

blockquote {
	font-style: italic;
}

.heading-bg {
	background: @baseColor;
	color: @baseFontColorLight;
	padding: 0.2em 0 0.2em 0.5em;
}

.nicetext-wrapper {
	color: @baseColorDark;
}
.nicetext-wrapper-grey {
	background: #eee;
}
.nicetext {
	font-family: @fontNicetext;
	font-size: 1.5em;
	font-style: italic;
	line-height: 150%;
	margin: .75em 0 0 0;
	text-align: center;

	p {
		padding: 0.5em 0;
	}
}

.breadcrumbs {
	color: #fff;
	
	a {
		color: #fff;
	}
}

.text-large {
	font-size: 2.5em !important;
}

.uppercase {
	text-transform: uppercase;
}

/**
	elements
**/
hr {
	border: 0;
	border-top: #eee 1px solid;
}
.video-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #000;

	.wp-video {
		position: absolute;
		opacity: 0.8;

		br { display: none !important; }
	}
}
.wp-caption {
	font-size: 14px;
}
.wp-caption-text {
	padding: 0.5em 0 0 0;
	text-align: left;
}

.product-entry {
	margin-bottom: 1em;
}

/**
	header 
**/
header {
	background: @baseColorAlt;
	padding: 0 0 1em 0;

	.home & {
		background: transparent;
		padding: 0 0 2em 0;
		position: absolute;
	}

	color: #fff;
	width: 100%;
	z-index: 1;
}
.header-top {
	font-size: 0.95em;
	text-align: right;

	@media (max-width: 768px) { text-align: center; }

	a {
		color: @baseColorDark;
		&:hover { color: @baseColor; }
	}

	.lead-text { font-size: 1.1em; font-weight: bold; }

	.container {
		padding-bottom: 0.6em;
		padding-top: 0.6em;
	}

	.contact {
		padding-top: 1.35em;
	}

	.fa {
		color: @baseColor;
		padding: 0 0.2em 0 1em;
	}
}
.header-main {
	//background: @backgroundHeader;
	//background: url(../img/bg_footer.jpg);
	//background-size: cover;
	border-radius: 0;
	font-family: @fontVariant;
	height: auto;

	@media (min-width: 1200px) {
		height: @headerHeight;
	}
	@media (min-width: 768px) and (max-width: 1200px) {
		padding: 0.2em 0;
	}

	@media (max-width: 767px) {
		float: none;
		margin: auto;
		padding-bottom: 0;

		h1 { font-size: 2em !important; }
		h2 { font-size: 1.1em !important; }
	}

	h1 {
		padding: 0.35em 0 0;

		&.landingpage-title {
			color: #fff;
			padding: 0;
			text-align: right;
		}
	}
	h2 {
		font-size: 1.5em;
		margin-top: 0.2em;
	}

	hr {
		border-top: #c1b6ad 1px solid;
		margin: 0.75em 0 0;
	}
}

.logo {
	img {
		max-height: 5em;
		width: auto;
	}
}
.logo-small {
	display: none;

	@media (max-width: 767px) {
		display: inline-block;
		margin-top: 0.2em;
	}
}

.margin-navbar {
	margin-top: @headerHeight - 2em;
}

.navbar-brand {
	margin-left: 0 !important;
	padding: 0 2em 0 0;
}

.navbar-collapse {
	max-height: none;

	@media (max-width: 767px) {
		width: 100%;
	}
	@media (min-width: 768px) {
		padding: 0;
	}
}

.navbar {
	border: 0;
	margin-bottom: 0;

	.navbar-toggle {
		background: @baseColor;
		border: 0;
		margin-top: 0.5em;
		padding: 8px 9px 8px;

		.icon-bar {
			background: #fff;
		}
	}
}

.main-nav {
	font-family: @fontNicetext;
	text-align: right;
	white-space: nowrap;

	.home & {
		text-align: center;
	}

	@media (min-width: @width-md) and (max-width: @width-lg) {
		padding: 0.3em 0 0 0;
	}
	@media (min-width: @width-sm) and (max-width: @width-md) {
		padding: 0.3em 0 0 0;
	}
	@media (min-width: @width-sm) {
		margin-top: 0.9em;
		padding-right: 1em;
	}

	.in .nav li {
    	display: block;
    	float: none;
    	width: 100%;
    }

	li {
		display: inline-block;

		a, a:focus {
			background-color: transparent;
			border-radius: 8px;
			color: #fff;
			font-size: 1.2em;
			.transition-mid;

			&:hover {
				background: rgba(250, 245, 91, 0.26);

				.caret {
					border-top-color: #fff;
					border-bottom-color: #fff;
				}
			}

			.caret {
				border-top-color: #fff;
				border-bottom-color: #fff;
			}

			@media (min-width: @width-md) and (max-width: @width-lg) {
				padding: 6px;
				font-size: 1em;
			}
			@media (max-width: @width-md) {
				padding: 6px;
				font-size: 0.9em;
			}
		}

		&:first-child { margin-left: -15px; }

		&.menu-item-has-children {
			ul {
				background: @baseColorDark;
				border: 0;
				border-radius: 0;
				display: none;
				margin-top: 0;
				min-width: 9.5em;
				position: absolute;

				@media (max-width: 767px) {
					background: @baseColor;
					min-width: 0;
					margin-bottom: 0.8em;
					top: 0;
					left: 0;
					width: 100%;

					li a {
						text-align: left;
					}
				}

				li {
					display: block;
					float: none;

					&:first-child { margin-left: 0; }

					a {
						color: #fff;
						font-size: 1.1em;
						text-align: left;

						&:hover {
							background: @baseColor;
						}
					}

					ul {
						display: block;

						@media (min-width: 768px) {
							display: none;
							top: -0.6em;
							left: 15.5em;
						}
					}
				}
				.active a {
					background: #fff;
					color: @baseColor;
				}
			}

			&.open > ul {
				display: block;
				left: 0;
				padding-top: 16px;
			}
			@media (min-width: 1200px) {
				&:hover > ul {
					display: block;
					left: 0;
					padding-top: 16px;
				}
			}

			&.open > a {
				background: #fff !important;
				color: @baseColor !important;
			}
		}

		.fa {
			font-size: 0.9em;
			padding-right: 0.25em;
		}

		@media (max-width: 767px) {
			display: block;
			margin: 0;
			padding: 0;
			width: 100%;
		}
	}

	.caret {
		border-top-color: #fff;
		border-bottom-color: #fff;
	}
}

.sub-nav {
	@media (min-width: 992px) {
		float: right;
	}
}

.footer-nav {
	font-size: 0.8em;
	list-style: none;
	margin-top: 0.3em;
	padding: 0;
	float: right;

	li {
		a, &.active, &.active a {
			background: none;

			&:hover {
				background: @baseColor;
			}
		}
		
		a {
			color: #fff;
			padding: 0.75em 0.75em;
			
			&:hover {
				color: #111;
			}
		}
	}

	@media (max-width: 767px) {
		float: none;
		text-align: center;
	}
}

.dropdown-menu .divider {
	margin: 9px auto;
	width: 80%;
}

/**
	floating sidenav
**/
.sidenav {
	color: #fff;
	font-size: 1.2em;
	position: fixed;
	left: 100%;
	top: 25%;
	vertical-align: middle;
	z-index: 99999;

	a, a:hover {
		color: #fff;
		display: block;
	}

	aside {
		background: @baseColorAlt;
		margin-bottom: 0.2em;
		padding-right: 2em;
		position: relative;
		left: -4.5em;
		white-space: nowrap;
		.transition-slow;

		&:hover {
			left: -110%;
			.transition-slow;
		}
	}
	.fa {
		display: inline-block;
		width: 2.5em;
		padding: 0.5em 0.8em;
	}

	.facebook { background: #3b5998; }
}

/**
	article
**/
.article-related {
	img {
  		.brightness(100%);
  		.transition-default;

  		&:hover {
  			.brightness(120%);
  		}
	}
}
.article-sidebar {
	border-left: #ddd 1px solid;

	&, & ul {
		list-style: none;
		margin: 0;
		padding: 0 0 0 0.75em;
	}

	.widget { padding-bottom: 1em; }
}

.article-thumbnail {
	margin-bottom: 1em;
}

/**
	content
**/
.content {
	line-height: 175%;
}

.wrapper-full {
	background-attachment: fixed;
	//background-image: url(../img/bg_wrapper.jpg);
	background-size: cover;
	background-repeat: repeat;
	box-shadow: #999 0 3px 15px;
	color: #fff;
	border-bottom: #eee 1px solid;
	border-top: #eee 1px solid;
	margin-bottom: 1em;
	padding: 2em 0 1em 0;

	h1, h2, h3, h4, h5, h6 {
		border: 0;
		color: #fff;
		margin-top: 0;
		padding: 0;
	}

	h2 { margin: 0 0 1em 0; }
	h4 { margin: 1em 0; }
}

.wrapper-content {
	margin: 0.5em 0;
	padding: 0.5em 0;
	position: relative;

	&.wrapper-content-bright {
		background: #eee;
		border-top: #ddd 1px solid;
		border-bottom: #ddd 1px solid;
	}

	h2 {
		margin: 0;
		padding: 0.5em 0 0.2em;
	}
}

.img-single {
	margin-top: 1em;
}

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

.img-background {
	top: 0;
	left: 0;
	opacity: 0.3;
	position: fixed;
	z-index: -1;
	width: 100%;
}

/**
	slider
**/
.swiper-container, .swiper-slide {
	width: 100%;
	height: 650px;
	position: relative;

	img {
		width: 100%;
		height: auto;
		//max-height: 650px;
		position: absolute;
	}

	@media (max-width: 767px) {
		height: 300px;

		.swiper-slide {
			height: 100% !important;
		}

		figcaption {
			font-size: 14px;
		}
	}
}
.swiper-pagination {
	position: absolute;
	text-align: center;
	margin-top: -30px;
	width: 100%;
	z-index: 10;
}
.swiper-pagination-switch {
	display: inline-block;
	width: 12px;
	height: 12px;
	background: #fff;
	box-shadow: 0px 1px 2px #555 inset;
	margin: 0 5px;
	cursor: pointer;
}
.swiper-active-switch {
	background: @baseColor;
}

.swiper-controls {
	position: absolute;
	left: 20px;
	margin-top: -60px;
	z-index: 10;

	button {
		background: none;
		border: #fff 2px solid;
		color: #fff;
		font-size: 0.7em;
		margin-right: 0.5em;
		padding: 0 0.5em;
		.transition-default;

		&:hover {
			background: #fff;
			color: @baseColor;
			cursor: pointer;
		}
	}
}

/**
	footer
**/
.footer {
	min-height: @footerHeight;
	margin-top: @footerHeightMargin;

	h1,h2,h3,h4,h5,h6 {
		color: #fff;
	}

	a {
		color: @baseColor;

		&:hover {
			color: lighten(@baseColor, 10%);
		}
	}

	.contact {
		padding: 1.5em 0;

		.fa, .glyphicon {
			padding-right: 1.5em;
		}
	}

	.news {
		list-style: none;
	}
}


.top-footer {
	background: @baseColorDark;
	color: #fff;
	min-height: @footerHeightTop;
	padding-bottom: 0.5em;

	ul {
		list-style: none;
		padding: 0;

		li {
			margin-bottom: 0.5em;
		}
	}
}

.sub-footer {
	background: darken(@baseColorDark, 15%);
	color: #fff;
	min-height: @footerHeightSub;

	p {
		line-height: @footerHeightSub;
		margin: 0;
	}

	@media (max-width: 767px) {
		text-align: center;
	}
}

/**
	layout
**/
.push {
	clear: both;
	height: 2em;
}
.push-large {
	height: 6.5em;
}

/**
	buttons
**/
.btn, .btn:active, .btn:focus {
	background: rgba(255, 255, 255, 0.2);
	border: 0;
	border-radius: 8px;
	color: @baseColorDark;
	font-size: 16px;
	padding: 0.3em 1.3em;
	text-shadow: none;
	text-transform: uppercase;
	.transition-mid;

	&:hover {
		background: #fff;
		color: @baseColor;
	}
}

.btn-primary, .btn-primary:active, .ezfc-element-submit, .ezfc-step-button {
	background-color: @baseColorAlt;
	border: 0;
	color: #fff;
	.transition-mid;

	&:hover {
		background: #fff;
		color: @baseColorAlt;
	}
}
.btn-inverse {
	background-color: #fff;
	border-color: #fff;
	color: @baseColor;

	&:hover {
		background: @baseColor;
		border-color: #fff;
		color: #fff;
	}
}

/**
	elements
**/
.margin-vertical {
	margin: 1.5em 0;
}
.margin-heading {
	margin-top: 12em;

	@media (max-width: 767px) {
		margin-top: 0;
	}
}
.full-width {
	width: 100% !important;
}

.content {
	.container {
		padding-top: 1em;
		padding-bottom: 5em;

		&.container-heading {
			padding-top: 2em;
			padding-bottom: 0;
		}
	}
}

.tax-list {
	line-height: 150%;

	a {
		display: inline-block;
		width: 45%;
	}

	.separator {
		color: #ddd;
		display: inline-block;
		padding: 0 0.3em;
	}
}

/**
	landingpage
**/
.landingpage {
	.content-teaser {
		padding-top: 0;
	}
}

// hero-unit
.hero-wrapper {
	overflow: hidden;
	position: relative;

	.hero {
		width: 100%;
		//background-attachment: fixed;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 0;
		left: 0;

		@media (max-width: 767px) {
			max-height: 600px;
		}

		&.hero-home {
			background-position: 50% 30%;
		}
	}

	h1, h2, h3, h4, h5, h6 {
		color: #fff;
		margin-top: 0;
		margin-bottom: 0.5em;

		a { color: #fff; }
	}
	h2 {
		//border-bottom: #bbb 1px solid;
		font-size: 2em;
		//margin-bottom: 0.14em;
		padding-bottom: 0.1em;
		text-transform: uppercase;

		@media (max-width: 767px) {
			font-size: 2em;
		}
	}

	.nicetext {
		color: #fff;
		font-size: 2em;
	}

	.container {
		background: 0;
		border: 0;
		height: 100%;
		padding-top: 2em;
		position: relative;
	}

	.btn {
		font-size: 0.75em;
	}

	.hero-caption {
		background: rgba(0, 0, 0, 0.55);
		color: #fff;
		line-height: 175%;
		max-width: 100%;
		padding: 2em 1.5em 1em 1em;
		position: relative;
		z-index: 100;

		p {
			font-size: 1.2em;

			@media (max-width: 767px) {
				font-size: 1em;
			}
		}

		.btn {
			margin-right: 1em;
		}

		.custom-badge {
			position: absolute;
			top: -70px;
			right: -70px;
		}

		@media (max-width: 767px) {
			line-height: 125%;
			max-width: 90%;
			top: 20px !important;
		}
	}

	.hero-element {
		position: absolute;
	}

	.hero-element-animate {
		position: absolute;
		background-repeat: no-repeat;
	}
}

@media (max-width: 467px) {
	.hero-element {
		display: block;
		position: relative !important; 
		top: 0 !important;
	}
}

.scroll-content {
	position: absolute;
	bottom: 120px;
	left: 50%;
	margin-left: -13px;
	text-shadow: #111 1px 1px 1px;
	z-index: 100;

	a {
		color: @baseColor;
		font-size: 1.2em;
		text-decoration: none;
		background: rgba(0, 0, 0, 0.5);
		border-radius: 999px;
		padding: 11px 11px 5px 11px;
		display: inline-block;
		.transition-default;

		&:hover {
			background: rgba(255, 255, 255, 0.2);
			color: lighten(@baseColor, 10%);
		}
	}

	@media (max-width: 768px) {
		bottom: 70px;
	}
}


/**
	news
**/
.news-list {
	.news-heading { font-weight: bold; }
	.news-date {
		color: #777;
		font-style: italic;
		font-size: 0.9em;
	}
}

.news-content {
	line-height: 175%;

	.wp-post-image { padding: 0 0 1em 1em; }
	h4 { margin-top: 1em; }
}
.news-entry {
	padding-bottom: 1em;

	&:not(:first-child) {
		border-top: #eee 1px solid;
		padding-top: 1em;
	}
}

/**
	video
**/
.wp-video {
	video {
		height: auto;
		max-width: 100% !important;
	}
}
figcaption {
	background: rgba(0, 0, 0, 0.75);
	font-size: 1.2em;
	padding: 10px;
}

/**
	collage
**/
.collage {
	
}
.collage-item {
	width: 25%;

	&.collage-item-2 {
		width: 50%;
	}

	img {
		max-width: 100%;
	}
}

/**
	various elements
**/
.custom-service {
	color: @baseColorDark;
	text-align: center;

	.custom-service-icon {
		border: @baseColorDark 2px solid;
		border-radius: 99em;
		display: block;
		font-size: 2.5em;
		margin: 0 auto 0.5em auto;
		padding: 1em 2em 2em 1em;
		height: 100px;
		width: 100px;
		.transition-default;

		i {
			display: block;
		}
	}
}

.ui-widget, .ui-widget * {
	color: #111 !important;
	a { transition: none; }
}


/**
	misc
**/
.transition(@duration: 0.2s, @timing: ease-in-out) {
	-webkit-transition: all @duration @timing;
	-moz-transition: all @duration @timing;
	-o-transition: all @duration @timing;
	transition: all @duration @timing;
}
.transition-default {
	.transition(0.15s);
}
.transition-fast {
	.transition(0.1s);
}
.transition-mid {
	.transition(0.25s);
}
.transition-slow {
	.transition(1s);
}
.transition-opacity {
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}

::selection {
	background: @baseColorAlt !important;
	color: #fff !important;
}
::-moz-selection {
	background: @baseColorAlt !important;
	color: #fff !important;
}
::-webkit-selection {
	background: @baseColorAlt !important;
	color: #fff !important;
}

.fade-on-load {
	opacity: 0;
}

.inline-block {
	display: inline-block;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: inherit;
	margin: auto;
}

#recaptcha_widget_div {
	display: inline-block;
}

/**
	cc
**/
.cc-wrapper {
	position: absolute;
	top: -15px;
	color: #000;
	z-index: 9999;

	span {
		background: #fff;
		color: #000;
	}
}
.cc-col {
	min-height: 50px;

	&:hover {
		cursor: pointer !important;
	}
}

.placeholder {
    border: 1px solid green;
    background-color: white;
    display: block;
    height: 50px;
    -webkit-box-shadow: 0px 0px 10px #888;
    -moz-box-shadow: 0px 0px 10px #888;
    box-shadow: 0px 0px 10px #888;
}

/**
	fx
**/
.img-zoom-wrap {
	overflow: hidden;

	img {
		.transition(0.3s, linear);
		.scale(1);

		&:hover {
			//.brightness(110%);
			.scale(1.05);
		}
	}
}
.img-brightness {
	.brightness(100%);
	.transition-default;

	&:hover {
		.brightness(120%);
	}
}

.slight-rotation {
	margin-bottom: 1em;
	perspective: 1000px;

	img {
		transform-style: preserve-3d;
		-webkit-transform-style: preserve-3d;
		
		&:hover {
			transform: rotate3d(0, -1, 0, 20deg);
			-webkit-transform: rotate3d(0, -1, 0, 20deg);
			-moz-transform: rotate3d(0, -1, 0, 20deg);
			-o-transform: rotate3d(0, -1, 0, 20deg);
			-ms-transform: rotate3d(0, -1, 0, 20deg);
		}
	}
}

.brightness(@value) {
	-webkit-filter: brightness(@value);
	-moz-filter: brightness(@value);
	-o-filter: brightness(@value);
	-ms-filter: brightness(@value);
	filter: brightness(@value);
}

.scale(@value) {
	-webkit-transform: scale(@value);
	-moz-transform: scale(@value);
	-ms-transform: scale(@value);
	-o-transform: scale(@value);
	transform: scale(@value);
}

.translate3d(@x: 0, @y: 0, @z: 0) {
	-webkit-transform: translate3d(@x,@y,@z);
	-moz-transform: translate3d(@x,@y,@z);
	-ms-transform: translate3d(@x,@y,@z);
	-o-transform: translate3d(@x,@y,@z);
	transform: translate3d(@x,@y,@z);
}

.pulse {
	-webkit-animation: pulse 3s infinite ease-in-out;
	-moz-animation: pulse 3s infinite ease-in-out;
	-ms-animation: pulse 3s infinite ease-in-out;
	-o-animation: pulse 3s infinite ease-in-out;
	animation: pulse 3s infinite ease-in-out;

	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

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

  50% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

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

  50% {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.pulse-brightness {
	-webkit-animation: pulse-brightness 8s infinite ease-in-out;
	-moz-animation: pulse-brightness 8s infinite ease-in-out;
	animation: pulse-brightness 8s infinite ease-in-out;

	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	animation-delay: 1s;
}
@-webkit-keyframes pulse-brightness {
	0% { -webkit-filter: brightness(60%); }
	50% { -webkit-filter: brightness(120%); }
	100% { -webkit-filter: brightness(60%); }
}
@-moz-keyframes pulse-brightness {
	0% { -moz-filter: brightness(60%); }
	50% { -moz-filter: brightness(120%); }
	100% { -moz-filter: brightness(60%); }
}
@keyframes pulse-brightness {
	0% { -ms-filter: brightness(60%); }
	50% { -ms-filter: brightness(120%); }
	100% { -ms-filter: brightness(60%); }
}


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

  100% {
    opacity: 1;
  }
}

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

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation: fadeIn 1s 1 ease-in-out;
  animation: fadeIn 1s 1 ease-in-out;
}

.fadeInDown {
  -webkit-animation: fadeInDown 1s 1 ease-in-out;
  animation: fadeInDown 1s 1 ease-in-out;
}

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

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

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

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