/*
|-------------------------------------------------------------------------
| Be
| Global style
| version 7.6
| http://BeantownThemes.com
| http://themeforest.net/user/BeantownThemes
|--------------------------------------------------------------------------
| 1.0 Base
| 2.0 Buttons
| 3.0 Mfn-icons
| 4.0 Shortcodes
| 5.0 Variables
| 6.0 Animation
| 7.0 jQuery ui
| 8.0 jPlayer
| 9.0 Prrettyphoto
| 10. simple style
| 11. Bootstrap elements
|
*/

/*
|--------------------------------------------------------------------------
|  1.0 Base
|  
|--------------------------------------------------------------------------
|
| 
|
*/

/* #Reset & Basics (Inspired by E. Meyers)
================================================== */

html, body, div, span, object, h2, h3, h4, p, a, img, s, var, b, i, center, ul, li, footer, header, menu, nav, section {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
 footer, header, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	background: #1c1c1c;
}
 ul {
	list-style: none;
}
/* #Basic Styles
================================================== */
/* Scatola Icona */
.icon-box {
	color: #c5a059;
	flex-shrink: 0;
	transition: all 0.5s ease;
}

/* Tipografia */
.font-display {
	font-family: 'Headliner', serif; /* Usa lo stesso font dell'header */
}

.transition-all {
	transition: all 0.3s ease-in-out;
}
html {
	height: 100%;
}
body {
	-webkit-font-smoothing: antialiased;
	/* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
}
/* #Typography
================================================== */

 h2 a, h3 a, h4 a {
	font-weight: inherit;
}
 h2 a:hover, h3 a:hover, h4 a:hover {
	text-decoration: none;
}
h2 {
	margin-bottom: 15px;
}
h3 {
	margin-bottom: 15px;
}
h4 {
	margin-bottom: 15px;
}
p {
	margin: 0 0 15px;
}
 i {
	font-style: italic;
}
b {
	font-weight: 700;
}
/* #Links
================================================== */

a, a:visited, a:focus {
	text-decoration: none;
	outline: 0;
}
a:hover {
	text-decoration: underline;
}
p a, p a:visited {
	line-height: inherit;
}
/* #Images
================================================== */

img.scale-with-grid, #Content img {
	max-width: 100%;
	height: auto;
}
/* Sizes ----------------------------------------------------------------------------- */

/* .mcb-wrap */
/* 1/6 */
/* 1/5 */
/* 1/4 */
/* 1/3 */
/* 2/5 */
/* 1/2 */
/* 3/5 */
/* 2/3 */
/* 3/4 */
/* 4/5 */
/* 5/6 */

.one.mcb-wrap {
	width: 100%;
}
/* 1/1 */

/* .column */
/* 1/6 */
/* 1/5 */
/* 1/4 */
/* 1/3 */
/* 2/5 */
/* 1/2 */
/* 3/5 */
/* 2/3 */
/* 3/4 */
/* 4/5 */
/* 5/6 */

.one.column {
	width: 98%;
}
/* 1/1 */

.section.full-width>.one.column, .section.full-width>.section_wrapper>.one.column, .section.full-width .one.wrap .one.column {
	width: 100%;
	margin: 0;
}
/* .Sidebar | .with_aside */
/* Sidebar - Both | .aside_both */
/* Column ---------------------------------------------------------------------------- */

/* Column | Margin - Horizontal */

.no-margin-h .column {
	margin-left: 0;
	margin-right: 0;
}
/* 1/6 */
/* 1/5 */
/* 1/4 */
/* 1/3 */
/* 1/2 */
/* 2/3 */
/* 3/4 */

.no-margin-h .one.column {
	width: 100%;
}
/* 1/1 */

/* Column | Margin - Bottom */

/* set in section options */
.column-margin-20px .column {
	margin-bottom: 20px !important;
}
/* set in item options */
.column-margin-20px.column {
	margin-bottom: 20px !important;
}
/* Column | Equal Height */
/* Column | Align */
.mcb-wrap {
	float: left;
	position: relative;
	z-index: 1;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
/* #Buttons
================================================== */
a.button, button {
	display: inline-block;
	padding: 11px 20px;
	margin-bottom: 15px;
	cursor: pointer;
	margin-right: 7px;
	border: 0;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	position: relative;
	overflow: hidden;
	-webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .03);
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .03);
	background-image: url(https://www.birralucana.it/content/images/box_shadow_button.png);
	background-repeat: repeat-x;
}
/* Button label & icon */
/* Button icon left */
/* Paddings */
/* Hover */

@media only screen and (min-width: 768px) {
	a.button:after, button:after {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		width: 0;
		z-index: 1;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		transition: all .3s;
		background: rgba(0, 0, 0, .05);
	}
	a:hover.button {
		text-decoration: none;
	}
	a.button:hover:after, button:hover:after {
		width: 100%;
	}
}
/* #Buttons stroke
================================================== */
/* Button icon */
/* Paddings */
/* Fix for odd Mozilla border & padding issues */

button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
/*
|--------------------------------------------------------------------------
|  2.0 Buttons
|  
|--------------------------------------------------------------------------
|
| 
|
*/

/* Red */
/* Blue */
/* Turquoise */
/* Yellow */
/* Grey */
/* Navy */
/* Orange */
/* Green */
/****************************************************/

/* Button darkgrey */
/* Button lightgrey */
/*
|--------------------------------------------------------------------------
|  3.0 Mfn-icons
|  
|--------------------------------------------------------------------------
|
| 
|
*/

@font-face {
	font-family: 'mfn-icons';
	src: url(https://www.birralucana.it/content/fonts/mfn/mfn-icons.eot);
	src: url(https://www.birralucana.it/content/fonts/mfn/mfn-icons.eot) format("embedded-opentype"), url(https://www.birralucana.it/content/fonts/mfn/mfn-icons.woff) format("woff"), url(https://www.birralucana.it/content/fonts/mfn/mfn-icons.ttf) format("truetype"), url(https://www.birralucana.it/content/fonts/mfn/mfn-icons.svg) format("svg");
	font-weight: 400;
	font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */

/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */

/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'mfn-icons';
    src: url('fonts/../font/mfn-icons.svg?3416171#mfn-icons') format('svg');
  }
}
*/

[class^="icon-"]:before, [class*=" icon-"]:before {
	font-family: "mfn-icons";
	font-style: normal;
	font-weight: 400;
	display: inline-block;
	text-decoration: none !important;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	/* opacity: .8; */
	/* For safety - reset parent styles, that can break glyph codes*/
	font-variant: normal;
	text-transform: none;
	/* fix buttons height, for twitter bootstrap */
	line-height: 1em;
	/* Animation center compensation - margins should be symmetric */
	/* remove if not needed */
	margin-left: .2em;
	/* you can be more comfortable with increased icons size */
	/* font-size: 120%; */
	/* Uncomment for 3D effect */
	/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-link:before {
	content: '\e8c2'
}
.icon-menu-fine:before {
	content: '\e960'
}
/*
|--------------------------------------------------------------------------
|  4.0 Shortcodes
|  
|--------------------------------------------------------------------------
|
| 
|
*/

/* Chart box ------------------------------------------------------------------------- */
/* Dropcaps -------------------------------------------------------------------------- */
/* Highlight ------------------------------------------------------------------------- */
/* Tooltip --------------------------------------------------------------------------- */
/* Blockquote ------------------------------------------------------------------------ */
/* Button Item ----------------------------------------------------------------------- */
/* Image frames ---------------------------------------------------------------------- */

.column_image {
	line-height: 0
}
.image_frame {
	display: block;
	margin: 0;
	border-width: 8px;
	border-style: solid;
	max-width: 100%;
	line-height: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
/* .image_frame.inline-block{display:inline-block;max-width:100%} */

/* deprecated since 13.1 */

.image_frame .image_wrapper {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.image_frame a {
	display: block
}
.image_frame .image_wrapper {
	position: relative;
	overflow: hidden
}
.image_frame .image_wrapper .mask {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2
}
.image_frame .image_wrapper img:not(.ls-l) {
	position: relative;
	top: 0;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}
.image_frame:not(.no_link) .image_wrapper img:not(.ls-l) {
	margin-bottom: -15px!important
}
.image_frame:hover .image_wrapper img, .image_frame.hover .image_wrapper img {
	top: -15px
}
 .image_frame.no_link:hover .image_wrapper img {
	top: 0
}
.image_frame .image_wrapper .mask:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
	filter: alpha(opacity=0);
	opacity: 0
}
.image_frame:hover .image_wrapper .mask:after, .image_frame.hover .image_wrapper .mask:after {
	filter: alpha(opacity=100);
	opacity: 1
}
.image_frame.no_link:hover .image_wrapper .mask:after {
	filter: alpha(opacity=0);
	opacity: 0
}
.image_frame .image_wrapper .image_links {
	width: 100%;
	height: 60px;
	position: absolute;
	left: 0;
	bottom: -60px;
	z-index: 4;
	overflow: hidden
}
.image_frame:hover .image_wrapper .image_links, .image_frame.hover .image_wrapper .image_links {
	bottom: 0
}
.image_frame .image_wrapper .image_links a {
	display: block;
	font-size: 25px;
	line-height: 60px;
	width: 100%;
	text-align: center
}
.image_frame.no_border {
	border-width: 0
}
/* Alignments ------------------------------------------------------------------------ */
/* Animation */

.image_frame .image_wrapper img, .image_frame .image_wrapper .mask:after, .image_frame .image_wrapper .image_links {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}
.image_frame .image_wrapper .image_links a {
	-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
}
/* Greyscale */
/* Style | Overlay */
/* Style | Zoom */

.if-zoom .image_frame .image_wrapper .image_links {
	display: none;
}
.if-zoom .image_frame:not(.no_link) .image_wrapper img:not(.ls-l) {
	margin-bottom: 0!important
}
.if-zoom .image_frame:hover .image_wrapper img, .if-zoom .image_frame.hover .image_wrapper img {
	top: 0
}
.if-zoom .image_frame .image_wrapper .mask {
	display: none;
}
/* Hide border */

.if-border-hide .image_frame:not(.has_border) {
	border-width: 0;
}
/* Hover Disable */
/* Video ----------------------------------------------------------------------------- */

/* In this case, the aspect ratio is 16:9, which means that the height will be 56.25% of the width. For a video with a 4:3 aspect ratio, we set padding-bottom to 75%. */
/* Gallery --------------------------------------------------------------------------- */
/*
.gallery-columns-2 .gallery-item:nth-child(2n+1){clear:both}
.gallery-columns-3 .gallery-item:nth-child(3n+1){clear:both}
.gallery-columns-4 .gallery-item:nth-child(4n+1){clear:both}
.gallery-columns-5 .gallery-item:nth-child(5n+1){clear:both}
.gallery-columns-6 .gallery-item:nth-child(6n+1){clear:both}
.gallery-columns-7 .gallery-item:nth-child(7n+1){clear:both}
.gallery-columns-8 .gallery-item:nth-child(8n+1){clear:both}
.gallery-columns-9 .gallery-item:nth-child(9n+1){clear:both}
*/

/* Gallery | Flat */
/* Gallery | Fancy */
/* Gallery | Masonry */
/* Divider --------------------------------------------------------------------------- */

hr {
	display: block;
	border: none;
	outline: none;
	height: 1px;
	width: 100%;
	margin: 0 auto 15px;
	clear: both
}
hr {
	margin: 0 auto 15px;
	clear: both
}
hr.no_line {
	background: none;
	color: transparent;
}
/* Divider | Fancy */
/* Decoration SVG */
/* Decoration Image | height:100px - fallback */
/* Idea box -------------------------------------------------------------------------- */
/* Google font ----------------------------------------------------------------------- */
/* Popup | .popup-content ------------------------------------------------------------ */
/* Single icon ----------------------------------------------------------------------- */
/* Forms ----------------------------------------------------------------------------- */
/* Lists ----------------------------------------------------------------------------- */

ul {
	list-style: none outside
}
/* Alerts ---------------------------------------------------------------------------- */
/* Muffin link ----------------------------------------------------------------------- */
/* Effect 1: Brackets */
/* Effect 2: 3D rolling links */
/* Effect 3: bottom line */
/* Effect 4: second border slides up */
/* Effect 5: reveal, push out */
/* Effect 6: text fill*/
/* Effect 7: border switch */
/* Effect 8: cross */
/* variables */
/* Accordion ------------------------------------------------------------------------- */
/* FAQ ------------------------------------------------------------------------------- */
/* Table ----------------------------------------------------------------------------- */
/* table.simple */
/* Rows Hover */
/* Feature list ---------------------------------------------------------------------- */
/* Animation */
/* Columns */
/* List ------------------------------------------------------------------------------ */
/* Pricing boxes --------------------------------------------------------------------- */
/* Pricing table */
/* Content slider ----------------------------------------------------------------------------- */
/* Flat */
/* Flat description */
/* Carousel */
/* Navigation visibility */
/* Animation */
/* Offer slider ---------------------------------------------------------------------- */
/* Offer thumb */
/* Animation */
/* Offer thumb bottom */
/* Latest news ----------------------------------------------------------------------- */
/* Blog Teaser ----------------------------------------------------------------------- */
/* Helper ---------------------------------------------------------------------------- */
/* Icon box -------------------------------------------------------------------------- */
/* Icon postion left */
/* Animation */
/* Icon box button & mfn-link */
/* Article box ----------------------------------------------------------------------- */
/* Sliding box ----------------------------------------------------------------------- */
/* Animation */
/* Story box ------------------------------------------------------------------------- */
/* Animation */
/* Promo box ------------------------------------------------------------------------- */
/* Zoom box -------------------------------------------------------------------------- */
/* Counter --------------------------------------------------------------------------- */
/* Chart box ------------------------------------------------------------------------- */
/* Progress bars --------------------------------------------------------------------- */
/* Animation */
/* Progress icons -------------------------------------------------------------------- */
/* Animation */
/* Trailer box ----------------------------------------------------------------------- */
/* Animation */
/* Quick facts ----------------------------------------------------------------------- */
/* Photo box ------------------------------------------------------------------------- */
/* Flat box -------------------------------------------------------------------------- */
/* Animation */
/* Feature box -------------------------------------------------------------------------- */
/* Hover box ------------------------------------------------------------------------- */
/* Hover color ----------------------------------------------------------------------- */
/* Content links --------------------------------------------------------------------- */
/* Icon bar -------------------------------------------------------------------------- */
/* Social */
/* Get in touch ---------------------------------------------------------------------- */
/* Infobox --------------------------------------------------------------------------- */
/* Opening hours --------------------------------------------------------------------- */
/* Timeline -------------------------------------------------------------------------- */
/* How it works ---------------------------------------------------------------------- */
/* Google maps ----------------------------------------------------------------------- */
/* Team ------------------------------------------------------------------------------ */
/* Team list ------------------------------------------------------------------------- */
/* Fancy headings -------------------------------------------------------------------- */
/* Call to action -------------------------------------------------------------------- */
/* Clients --------------------------------------------------------------------------- */
/* Clients slider -------------------------------------------------------------------- */
/* Blog slider ----------------------------------------------------------------------- */
/* Blog slider - flat */
/* Arrows */
/* Animation */
/* Shop slider ----------------------------------------------------------------------- */
/* Portfolio slider ------------------------------------------------------------------ */
/* Portfolio grid -------------------------------------------------------------------- */
/* Portfolio photo ------------------------------------------------------------------- */
/* Portfolio Items | Filters --------------------------------------------------------- */
/* Testimonials slider --------------------------------------------------------------- */
/* Testimonials slider - Single photo */
/* Testimonials slider - Hide bar beneath images */
/* Testimonials list ----------------------------------------------------------------- */
/* Before After | TwentyTwenty plugin ------------------------------------------------ */
/* Ultrawide ------------------------------------------------------------------------- */

.image_frame.stretch .image_wrapper img {
	width: 100%
}
/* Others ---------------------------------------------------------------------------- */

/* Date */
/* Item | Sidebar Widget */
/* Isotope Filtering */

.isotope-item {
	z-index: 2
}
/* Variables ------------------------------------------------------------------------- */

/* #2991d6 - theme color, link, #2275ac - link hover, strong */

/* Selections */

::-moz-selection {
	color: #fff
}
::selection {
	color: #fff
}
/* Borders */
/* Tooltip */
/* Highlight */
/* Inputs */
/* Dividers */

hr {
	background-color: rgba(0, 0, 0, .08);
	color: rgba(0, 0, 0, .08)
}
/* Header */

#Top_bar .menu>li>a span {
	border-color: rgba(0, 0, 0, .05)
}
/* Footer */
/* Borders */
/* Image frames & Google maps & Icon bar */

.image_frame {
	border-color: #f8f8f8
}
.image_frame .image_wrapper {
	border-color: #e2e2e2
}
.image_frame .image_wrapper .mask {
	-webkit-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, .07);
	box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, .07)
}
.image_frame .image_wrapper .mask:after {
	background: rgba(255, 255, 255, .4)
}
/* Image frame overlay */
/* Sliding box */
/* Counter & Chart */
/* Icon bar */
/* Get in touch & Infobox */
/* How it works */
/* Trailer box */
/* Icon box */
/* List */
/* Features list */
/* Tabs, Accordion, Toggle, Table, Faq */
/* Pricing */
/* Mobile menu */
/* Style Simple ---------------------------------------------------------------------- */

/* Tabs */
/* Accordion & Toggle */
/* FAQ */
/* Table */
/* Opening hours */
/* Icon box */
/* Filters */
/* Clients */
/* Progress bars */
/* Counters */
/* Lists */
/* Blockquote */
/* Testimonials slider */
/* Article box */
/* Idea box */
/* Sliding box */
/* Trailer box */
/* Timeline */
/* Quick fact */
/* Chart box */
/* Content link */
/* How it works */
/* Offer thumb */
/* Alerts */
/* Zoom box */

/*
.style-simple .zoom_box{position:relative;line-height:0;overflow:hidden}
.style-simple .zoom_box .photo img,.style-simple .zoom_box .desc{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.style-simple .zoom_box .photo img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.style-simple .zoom_box:hover .photo img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15)}
.style-simple .zoom_box .desc{background:rgba(0,0,0,.8);width:100%;height:100%;position:absolute;left:0;top:0;text-align:center;opacity:0;-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15)}
.style-simple .zoom_box:hover .desc{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.style-simple .zoom_box .desc .desc_img{position:absolute;left:0;top:50%;width:100%;text-align:center;transform:translateY(-80%);-webkit-transform:translateY(-80%)}
.style-simple .zoom_box .desc .desc_img img{padding:0}
.style-simple .zoom_box .desc .desc_txt{width:100%;padding:15px 20px;font-size:17px;line-height:22px;color:#fff;position:absolute;left:0;bottom:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*/

/* Features list */
/* Progress icons */
/* Pricing box */
/* Tooltip */
/* Highlight */
/* Get in touch */
/* Infobox */
/* Icon bar */
/*
|--------------------------------------------------------------------------
|  6.0 Animation
|  
|--------------------------------------------------------------------------
|
| 
|
*/

/*	Animations v1.4, Copyright 2014, Joe Mottershaw, https://github.com/joemottershaw/ */

 .trigger {
	opacity: 0;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-ms-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
}
 .trigger {
	opacity: 1;
}
@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-moz-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-ms-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;
	}
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(200px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}
@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(200px);
	}
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}
@-ms-keyframes fadeInUp {
	0% {
		opacity: 0;
		-ms-transform: translateY(200px);
	}
	100% {
		opacity: 1;
		-ms-transform: translateY(0);
	}
}
@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(200px);
	}
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}
@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(200px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-200px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}
@-moz-keyframes fadeInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-200px);
	}
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}
@-ms-keyframes fadeInDown {
	0% {
		opacity: 0;
		-ms-transform: translateY(-200px);
	}
	100% {
		opacity: 1;
		-ms-transform: translateY(0);
	}
}
@-o-keyframes fadeInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-200px);
	}
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}
@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-200px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-200px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}
@-moz-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-200px);
	}
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}
@-ms-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-ms-transform: translateX(-200px);
	}
	100% {
		opacity: 1;
		-ms-transform: translateX(0);
	}
}
@-o-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-200px);
	}
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}
@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(-200px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(200px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}
@-moz-keyframes fadeInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(200px);
	}
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}
@-ms-keyframes fadeInRight {
	0% {
		opacity: 0;
		-ms-transform: translateX(200px);
	}
	100% {
		opacity: 1;
		-ms-transform: translateX(0);
	}
}
@-o-keyframes fadeInRight {
	0% {
		opacity: 0;
		-o-transform: translateX(200px);
	}
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}
@keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translateX(200px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
@-webkit-keyframes fadeInUpLarge {
	0% {
		opacity: 0;
		-webkit-transform: translateY(1000px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}
@-moz-keyframes fadeInUpLarge {
	0% {
		opacity: 0;
		-moz-transform: translateY(1000px);
	}
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}
@-ms-keyframes fadeInUpLarge {
	0% {
		opacity: 0;
		-ms-transform: translateY(1000px);
	}
	100% {
		opacity: 1;
		-ms-transform: translateY(0);
	}
}
@-o-keyframes fadeInUpLarge {
	0% {
		opacity: 0;
		-o-transform: translateY(1000px);
	}
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}
@keyframes fadeInUpLarge {
	0% {
		opacity: 0;
		transform: translateY(1000px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
@-webkit-keyframes fadeInDownLarge {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-1000px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}
@-moz-keyframes fadeInDownLarge {
	0% {
		opacity: 0;
		-moz-transform: translateY(-1000px);
	}
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}
@-ms-keyframes fadeInDownLarge {
	0% {
		opacity: 0;
		-ms-transform: translateY(-1000px);
	}
	100% {
		opacity: 1;
		-ms-transform: translateY(0);
	}
}
@-o-keyframes fadeInDownLarge {
	0% {
		opacity: 0;
		-o-transform: translateY(-1000px);
	}
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}
@keyframes fadeInDownLarge {
	0% {
		opacity: 0;
		transform: translateY(-1000px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
@-webkit-keyframes fadeInLeftLarge {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-1000px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}
@-moz-keyframes fadeInLeftLarge {
	0% {
		opacity: 0;
		-moz-transform: translateX(-1000px);
	}
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}
@-ms-keyframes fadeInLeftLarge {
	0% {
		opacity: 0;
		-ms-transform: translateX(-1000px);
	}
	100% {
		opacity: 1;
		-ms-transform: translateX(0);
	}
}
@-o-keyframes fadeInLeftLarge {
	0% {
		opacity: 0;
		-o-transform: translateX(-1000px);
	}
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}
@keyframes fadeInLeftLarge {
	0% {
		opacity: 0;
		transform: translateX(-1000px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
@-webkit-keyframes fadeInRightLarge {
	0% {
		opacity: 0;
		-webkit-transform: translateX(1000px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}
@-moz-keyframes fadeInRightLarge {
	0% {
		opacity: 0;
		-moz-transform: translateX(1000px);
	}
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}
@-ms-keyframes fadeInRightLarge {
	0% {
		opacity: 0;
		-ms-transform: translateX(1000px);
	}
	100% {
		opacity: 1;
		-ms-transform: translateX(0);
	}
}
@-o-keyframes fadeInRightLarge {
	0% {
		opacity: 0;
		-o-transform: translateX(1000px);
	}
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}
@keyframes fadeInRightLarge {
	0% {
		opacity: 0;
		transform: translateX(1000px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
@-webkit-keyframes fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@-moz-keyframes fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@-ms-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;
	}
}
@-webkit-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(-200px);
	}
}
@-moz-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
	100% {
		opacity: 0;
		-moz-transform: translateY(-200px);
	}
}
@-ms-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-ms-transform: translateY(0);
	}
	100% {
		opacity: 0;
		-ms-transform: translateY(-200px);
	}
}
@-o-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-o-transform: translateY(0);
	}
	100% {
		opacity: 0;
		-o-transform: translateY(-200px);
	}
}
@keyframes fadeOutUp {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	100% {
		opacity: 0;
		transform: translateY(-200px);
	}
}
@-webkit-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(200px);
	}
}
@-moz-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
	100% {
		opacity: 0;
		-moz-transform: translateY(200px);
	}
}
@-ms-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-ms-transform: translateY(0);
	}
	100% {
		opacity: 0;
		-ms-transform: translateY(200px);
	}
}
@-o-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-o-transform: translateY(0);
	}
	100% {
		opacity: 0;
		-o-transform: translateY(200px);
	}
}
@keyframes fadeOutDown {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	100% {
		opacity: 0;
		transform: translateY(200px);
	}
}
@-webkit-keyframes fadeOutLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(-200px);
	}
}
@-moz-keyframes fadeOutLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(0);
	}
	100% {
		opacity: 1;
		-moz-transform: translateX(-200px);
	}
}
@-ms-keyframes fadeOutLeft {
	0% {
		opacity: 0;
		-ms-transform: translateX(0);
	}
	100% {
		opacity: 1;
		-ms-transform: translateX(-200px);
	}
}
@-o-keyframes fadeOutLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(0);
	}
	100% {
		opacity: 1;
		-o-transform: translateX(-200px);
	}
}
@keyframes fadeOutLeft {
	0% {
		opacity: 0;
		transform: translateX(0);
	}
	100% {
		opacity: 1;
		transform: translateX(-200px);
	}
}
@-webkit-keyframes fadeOutRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(200px);
	}
}
@-moz-keyframes fadeOutRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(0);
	}
	100% {
		opacity: 1;
		-moz-transform: translateX(200px);
	}
}
@-ms-keyframes fadeOutRight {
	0% {
		opacity: 0;
		-ms-transform: translateX(0);
	}
	100% {
		opacity: 1;
		-ms-transform: translateX(200px);
	}
}
@-o-keyframes fadeOutRight {
	0% {
		opacity: 0;
		-o-transform: translateX(0);
	}
	100% {
		opacity: 1;
		-o-transform: translateX(200px);
	}
}
@keyframes fadeOutRight {
	0% {
		opacity: 0;
		transform: translateX(0);
	}
	100% {
		opacity: 1;
		transform: translateX(200px);
	}
}
@-webkit-keyframes fadeOutUpLarge {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(-1000px);
	}
}
@-moz-keyframes fadeOutUpLarge {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
	100% {
		opacity: 0;
		-moz-transform: translateY(-1000px);
	}
}
@-ms-keyframes fadeOutUpLarge {
	0% {
		opacity: 1;
		-ms-transform: translateY(0);
	}
	100% {
		opacity: 0;
		-ms-transform: translateY(-1000px);
	}
}
@-o-keyframes fadeOutUpLarge {
	0% {
		opacity: 1;
		-o-transform: translateY(0);
	}
	100% {
		opacity: 0;
		-o-transform: translateY(-1000px);
	}
}
@keyframes fadeOutUpLarge {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	100% {
		opacity: 0;
		transform: translateY(-1000px);
	}
}
@-webkit-keyframes fadeOutDownLarge {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(1000px);
	}
}
@-moz-keyframes fadeOutDownLarge {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
	100% {
		opacity: 0;
		-moz-transform: translateY(1000px);
	}
}
@-ms-keyframes fadeOutDownLarge {
	0% {
		opacity: 1;
		-ms-transform: translateY(0);
	}
	100% {
		opacity: 0;
		-ms-transform: translateY(1000px);
	}
}
@-o-keyframes fadeOutDownLarge {
	0% {
		opacity: 1;
		-o-transform: translateY(0);
	}
	100% {
		opacity: 0;
		-o-transform: translateY(1000px);
	}
}
@keyframes fadeOutDownLarge {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	100% {
		opacity: 0;
		transform: translateY(1000px);
	}
}
@-webkit-keyframes fadeOutLeftLarge {
	0% {
		opacity: 0;
		-webkit-transform: translateX(0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(-1000px);
	}
}
@-moz-keyframes fadeOutLeftLarge {
	0% {
		opacity: 0;
		-moz-transform: translateX(0);
	}
	100% {
		opacity: 1;
		-moz-transform: translateX(-1000px);
	}
}
@-ms-keyframes fadeOutLeftLarge {
	0% {
		opacity: 0;
		-ms-transform: translateX(0);
	}
	100% {
		opacity: 1;
		-ms-transform: translateX(-1000px);
	}
}
@-o-keyframes fadeOutLeftLarge {
	0% {
		opacity: 0;
		-o-transform: translateX(0);
	}
	100% {
		opacity: 1;
		-o-transform: translateX(-1000px);
	}
}
@keyframes fadeOutLeftLarge {
	0% {
		opacity: 0;
		transform: translateX(0);
	}
	100% {
		opacity: 1;
		transform: translateX(-1000px);
	}
}
@-webkit-keyframes fadeOutRightLarge {
	0% {
		opacity: 0;
		-webkit-transform: translateX(0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(1000px);
	}
}
@-moz-keyframes fadeOutRightLarge {
	0% {
		opacity: 0;
		-moz-transform: translateX(0);
	}
	100% {
		opacity: 1;
		-moz-transform: translateX(1000px);
	}
}
@-ms-keyframes fadeOutRightLarge {
	0% {
		opacity: 0;
		-ms-transform: translateX(0);
	}
	100% {
		opacity: 1;
		-ms-transform: translateX(1000px);
	}
}
@-o-keyframes fadeOutRightLarge {
	0% {
		opacity: 0;
		-o-transform: translateX(0);
	}
	100% {
		opacity: 1;
		-o-transform: translateX(1000px);
	}
}
@keyframes fadeOutRightLarge {
	0% {
		opacity: 0;
		transform: translateX(0);
	}
	100% {
		opacity: 1;
		transform: translateX(1000px);
	}
}
@-webkit-keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(0);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
	}
}
@-moz-keyframes zoomIn {
	0% {
		opacity: 0;
		-moz-transform: scale(0);
	}
	100% {
		opacity: 1;
		-moz-transform: scale(1);
	}
}
@-ms-keyframes zoomIn {
	0% {
		opacity: 0;
		-ms-transform: scale(0);
	}
	100% {
		opacity: 1;
		-ms-transform: scale(1);
	}
}
@-o-keyframes zoomIn {
	0% {
		opacity: 0;
		-o-transform: scale(0);
	}
	100% {
		opacity: 1;
		-o-transform: scale(1);
	}
}
@keyframes zoomIn {
	0% {
		opacity: 0;
		transform: scale(0);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}
@-webkit-keyframes zoomInUp {
	0% {
		opacity: 0;
		-webkit-transform: scale(0) translateY(200px);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(0);
	}
}
@-moz-keyframes zoomInUp {
	0% {
		opacity: 0;
		-moz-transform: scale(0) translateY(200px);
	}
	100% {
		opacity: 1;
		-moz-transform: scale(1) translateY(0);
	}
}
@-ms-keyframes zoomInUp {
	0% {
		opacity: 0;
		-ms-transform: scale(0) translateY(200px);
	}
	100% {
		opacity: 1;
		-ms-transform: scale(1) translateY(0);
	}
}
@-o-keyframes zoomInUp {
	0% {
		opacity: 0;
		-o-transform: scale(0) translateY(200px);
	}
	100% {
		opacity: 1;
		-o-transform: scale(1) translateY(0);
	}
}
@keyframes zoomInUp {
	0% {
		opacity: 0;
		transform: scale(0) translateY(200px);
	}
	100% {
		opacity: 1;
		transform: scale(1) translateY(0);
	}
}
@-webkit-keyframes zoomInDown {
	0% {
		opacity: 0;
		-webkit-transform: scale(0) translateY(-200px);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(0);
	}
}
@-moz-keyframes zoomInDown {
	0% {
		opacity: 0;
		-moz-transform: scale(0) translateY(-200px);
	}
	100% {
		opacity: 1;
		-moz-transform: scale(1) translateY(0);
	}
}
@-ms-keyframes zoomInDown {
	0% {
		opacity: 0;
		-ms-transform: scale(0) translateY(-200px);
	}
	100% {
		opacity: 1;
		-ms-transform: scale(1) translateY(0);
	}
}
@-o-keyframes zoomInDown {
	0% {
		opacity: 0;
		-o-transform: scale(0) translateY(-200px);
	}
	100% {
		opacity: 1;
		-o-transform: scale(1) translateY(0);
	}
}
@keyframes zoomInDown {
	0% {
		opacity: 0;
		transform: scale(0) translateY(-200px);
	}
	100% {
		opacity: 1;
		transform: scale(1) translateY(0);
	}
}
@-webkit-keyframes zoomInLeft {
	0% {
		opacity: 0;
		-webkit-transform: scale(0) translateX(-200px);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1) translateX(0);
	}
}
@-moz-keyframes zoomInLeft {
	0% {
		opacity: 0;
		-moz-transform: scale(0) translateX(-200px);
	}
	100% {
		opacity: 1;
		-moz-transform: scale(1) translateX(0);
	}
}
@-ms-keyframes zoomInLeft {
	0% {
		opacity: 0;
		-ms-transform: scale(0) translateX(-200px);
	}
	100% {
		opacity: 1;
		-ms-transform: scale(1) translateX(0);
	}
}
@-o-keyframes zoomInLeft {
	0% {
		opacity: 0;
		-o-transform: scale(0) translateX(-200px);
	}
	100% {
		opacity: 1;
		-o-transform: scale(1) translateX(0);
	}
}
@keyframes zoomInLeft {
	0% {
		opacity: 0;
		transform: scale(0) translateX(-200px);
	}
	100% {
		opacity: 1;
		transform: scale(1) translateX(0);
	}
}
@-webkit-keyframes zoomInRight {
	0% {
		opacity: 0;
		-webkit-transform: scale(0) translateX(200px);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1) translateX(0);
	}
}
@-moz-keyframes zoomInRight {
	0% {
		opacity: 0;
		-moz-transform: scale(0) translateX(200px);
	}
	100% {
		opacity: 1;
		-moz-transform: scale(1) translateX(0);
	}
}
@-ms-keyframes zoomInRight {
	0% {
		opacity: 0;
		-ms-transform: scale(0) translateX(200px);
	}
	100% {
		opacity: 1;
		-ms-transform: scale(1) translateX(0);
	}
}
@-o-keyframes zoomInRight {
	0% {
		opacity: 0;
		-o-transform: scale(0) translateX(200px);
	}
	100% {
		opacity: 1;
		-o-transform: scale(1) translateX(0);
	}
}
@keyframes zoomInRight {
	0% {
		opacity: 0;
		transform: scale(0) translateX(200px);
	}
	100% {
		opacity: 1;
		transform: scale(1) translateX(0);
	}
}
@-webkit-keyframes zoomInUpLarge {
	0% {
		opacity: 0;
		-webkit-transform: scale(0) translateY(1000px);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(0);
	}
}
@-moz-keyframes zoomInUpLarge {
	0% {
		opacity: 0;
		-moz-transform: scale(0) translateY(1000px);
	}
	100% {
		opacity: 1;
		-moz-transform: scale(1) translateY(0);
	}
}
@-ms-keyframes zoomInUpLarge {
	0% {
		opacity: 0;
		-ms-transform: scale(0) translateY(1000px);
	}
	100% {
		opacity: 1;
		-ms-transform: scale(1) translateY(0);
	}
}
@-o-keyframes zoomInUpLarge {
	0% {
		opacity: 0;
		-o-transform: scale(0) translateY(1000px);
	}
	100% {
		opacity: 1;
		-o-transform: scale(1) translateY(0);
	}
}
@keyframes zoomInUpLarge {
	0% {
		opacity: 0;
		transform: scale(0) translateY(1000px);
	}
	100% {
		opacity: 1;
		transform: scale(1) translateY(0);
	}
}
@-webkit-keyframes zoomInDownLarge {
	0% {
		opacity: 0;
		-webkit-transform: scale(0) translateY(-1000px);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(0);
	}
}
@-moz-keyframes zoomInDownLarge {
	0% {
		opacity: 0;
		-moz-transform: scale(0) translateY(-1000px);
	}
	100% {
		opacity: 1;
		-moz-transform: scale(1) translateY(0);
	}
}
@-ms-keyframes zoomInDownLarge {
	0% {
		opacity: 0;
		-ms-transform: scale(0) translateY(-1000px);
	}
	100% {
		opacity: 1;
		-ms-transform: scale(1) translateY(0);
	}
}
@-o-keyframes zoomInDownLarge {
	0% {
		opacity: 0;
		-o-transform: scale(0) translateY(-1000px);
	}
	100% {
		opacity: 1;
		-o-transform: scale(1) translateY(0);
	}
}
@keyframes zoomInDownLarge {
	0% {
		opacity: 0;
		transform: scale(0) translateY(-1000px);
	}
	100% {
		opacity: 1;
		transform: scale(1) translateY(0);
	}
}
@-webkit-keyframes zoomInLeftLarge {
	0% {
		opacity: 0;
		-webkit-transform: scale(0) translateX(-1000px);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1) translateX(0);
	}
}
@-moz-keyframes zoomInLeftLarge {
	0% {
		opacity: 0;
		-moz-transform: scale(0) translateX(-1000px);
	}
	100% {
		opacity: 1;
		-moz-transform: scale(1) translateX(0);
	}
}
@-ms-keyframes zoomInLeftLarge {
	0% {
		opacity: 0;
		-ms-transform: scale(0) translateX(-1000px);
	}
	100% {
		opacity: 1;
		-ms-transform: scale(1) translateX(0);
	}
}
@-o-keyframes zoomInLeftLarge {
	0% {
		opacity: 0;
		-o-transform: scale(0) translateX(-1000px);
	}
	100% {
		opacity: 1;
		-o-transform: scale(1) translateX(0);
	}
}
@keyframes zoomInLeftLarge {
	0% {
		opacity: 0;
		transform: scale(0) translateX(-1000px);
	}
	100% {
		opacity: 1;
		transform: scale(1) translateX(0);
	}
}
@-webkit-keyframes zoomInRightLarge {
	0% {
		opacity: 0;
		-webkit-transform: scale(0) translateX(1000px);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1) translateX(0);
	}
}
@-moz-keyframes zoomInRightLarge {
	0% {
		opacity: 0;
		-moz-transform: scale(0) translateX(1000px);
	}
	100% {
		opacity: 1;
		-moz-transform: scale(1) translateX(0);
	}
}
@-ms-keyframes zoomInRightLarge {
	0% {
		opacity: 0;
		-ms-transform: scale(0) translateX(1000px);
	}
	100% {
		opacity: 1;
		-ms-transform: scale(1) translateX(0);
	}
}
@-o-keyframes zoomInRightLarge {
	0% {
		opacity: 0;
		-o-transform: scale(0) translateX(1000px);
	}
	100% {
		opacity: 1;
		-o-transform: scale(1) translateX(0);
	}
}
@keyframes zoomInRightLarge {
	0% {
		opacity: 0;
		transform: scale(0) translateX(1000px);
	}
	100% {
		opacity: 1;
		transform: scale(1) translateX(0);
	}
}
@-webkit-keyframes zoomOut {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(0);
	}
}
@-moz-keyframes zoomOut {
	0% {
		opacity: 1;
		-moz-transform: scale(1);
	}
	100% {
		opacity: 0;
		-moz-transform: scale(0);
	}
}
@-ms-keyframes zoomOut {
	0% {
		opacity: 1;
		-ms-transform: scale(1);
	}
	100% {
		opacity: 0;
		-ms-transform: scale(0);
	}
}
@-o-keyframes zoomOut {
	0% {
		opacity: 1;
		-o-transform: scale(1);
	}
	100% {
		opacity: 0;
		-o-transform: scale(0);
	}
}
@keyframes zoomOut {
	0% {
		opacity: 1;
		transform: scale(1);
	}
	100% {
		opacity: 0;
		transform: scale(0);
	}
}
@-webkit-keyframes zoomOutUp {
	0% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(0);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(0) translateY(-200px);
	}
}
@-moz-keyframes zoomOutUp {
	0% {
		opacity: 1;
		-moz-transform: scale(1) translateY(0);
	}
	100% {
		opacity: 0;
		-moz-transform: scale(0) translateY(-200px);
	}
}
@-ms-keyframes zoomOutUp {
	0% {
		opacity: 1;
		-ms-transform: scale(1) translateY(0);
	}
	100% {
		opacity: 0;
		-ms-transform: scale(0) translateY(-200px);
	}
}
@-o-keyframes zoomOutUp {
	0% {
		opacity: 1;
		-o-transform: scale(1) translateY(0);
	}
	100% {
		opacity: 0;
		-o-transform: scale(0) translateY(-200px);
	}
}
@keyframes zoomOutUp {
	0% {
		opacity: 1;
		transform: scale(1) translateY(0);
	}
	100% {
		opacity: 0;
		transform: scale(0) translateY(-200px);
	}
}
@-webkit-keyframes zoomOutDown {
	0% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(0);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(0) translateY(200px);
	}
}
@-moz-keyframes zoomOutDown {
	0% {
		opacity: 1;
		-moz-transform: scale(1) translateY(0);
	}
	100% {
		opacity: 0;
		-moz-transform: scale(0) translateY(200px);
	}
}
@-ms-keyframes zoomOutDown {
	0% {
		opacity: 1;
		-ms-transform: scale(1) translateY(0);
	}
	100% {
		opacity: 0;
		-ms-transform: scale(0) translateY(200px);
	}
}
@-o-keyframes zoomOutDown {
	0% {
		opacity: 1;
		-o-transform: scale(1) translateY(0);
	}
	100% {
		opacity: 0;
		-o-transform: scale(0) translateY(200px);
	}
}
@keyframes zoomOutDown {
	0% {
		opacity: 1;
		transform: scale(1) translateY(0);
	}
	100% {
		opacity: 0;
		transform: scale(0) translateY(200px);
	}
}
@-webkit-keyframes zoomOutLeft {
	0% {
		opacity: 0;
		-webkit-transform: scale(0) translateX(0);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1) translateX(-200px);
	}
}
@-moz-keyframes zoomOutLeft {
	0% {
		opacity: 0;
		-moz-transform: scale(0) translateX(0);
	}
	100% {
		opacity: 1;
		-moz-transform: scale(1) translateX(-200px);
	}
}
@-ms-keyframes zoomOutLeft {
	0% {
		opacity: 0;
		-ms-transform: scale(0) translateX(0);
	}
	100% {
		opacity: 1;
		-ms-transform: scale(1) translateX(-200px);
	}
}
@-o-keyframes zoomOutLeft {
	0% {
		opacity: 0;
		-o-transform: scale(0) translateX(0);
	}
	100% {
		opacity: 1;
		-o-transform: scale(1) translateX(-200px);
	}
}
@keyframes zoomOutLeft {
	0% {
		opacity: 0;
		transform: scale(0) translateX(0);
	}
	100% {
		opacity: 1;
		transform: scale(1) translateX(-200px);
	}
}
@-webkit-keyframes zoomOutRight {
	0% {
		opacity: 0;
		-webkit-transform: scale(0) translateX(0);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1) translateX(200px);
	}
}
@-moz-keyframes zoomOutRight {
	0% {
		opacity: 0;
		-moz-transform: scale(0) translateX(0);
	}
	100% {
		opacity: 1;
		-moz-transform: scale(1) translateX(200px);
	}
}
@-ms-keyframes zoomOutRight {
	0% {
		opacity: 0;
		-ms-transform: scale(0) translateX(0);
	}
	100% {
		opacity: 1;
		-ms-transform: scale(1) translateX(200px);
	}
}
@-o-keyframes zoomOutRight {
	0% {
		opacity: 0;
		-o-transform: scale(0) translateX(0);
	}
	100% {
		opacity: 1;
		-o-transform: scale(1) translateX(200px);
	}
}
@keyframes zoomOutRight {
	0% {
		opacity: 0;
		transform: scale(0) translateX(0);
	}
	100% {
		opacity: 1;
		transform: scale(1) translateX(200px);
	}
}
@-webkit-keyframes zoomOutUpLarge {
	0% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(0);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(0) translateY(-1000px);
	}
}
@-moz-keyframes zoomOutUpLarge {
	0% {
		opacity: 1;
		-moz-transform: scale(1) translateY(0);
	}
	100% {
		opacity: 0;
		-moz-transform: scale(0) translateY(-1000px);
	}
}
@-ms-keyframes zoomOutUpLarge {
	0% {
		opacity: 1;
		-ms-transform: scale(1) translateY(0);
	}
	100% {
		opacity: 0;
		-ms-transform: scale(0) translateY(-1000px);
	}
}
@-o-keyframes zoomOutUpLarge {
	0% {
		opacity: 1;
		-o-transform: scale(1) translateY(0);
	}
	100% {
		opacity: 0;
		-o-transform: scale(0) translateY(-1000px);
	}
}
@keyframes zoomOutUpLarge {
	0% {
		opacity: 1;
		transform: scale(1) translateY(0);
	}
	100% {
		opacity: 0;
		transform: scale(0) translateY(-1000px);
	}
}
@-webkit-keyframes zoomOutDownLarge {
	0% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(0);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(0) translateY(1000px);
	}
}
@-moz-keyframes zoomOutDownLarge {
	0% {
		opacity: 1;
		-moz-transform: scale(1) translateY(0);
	}
	100% {
		opacity: 0;
		-moz-transform: scale(0) translateY(1000px);
	}
}
@-ms-keyframes zoomOutDownLarge {
	0% {
		opacity: 1;
		-ms-transform: scale(1) translateY(0);
	}
	100% {
		opacity: 0;
		-ms-transform: scale(0) translateY(1000px);
	}
}
@-o-keyframes zoomOutDownLarge {
	0% {
		opacity: 1;
		-o-transform: scale(1) translateY(0);
	}
	100% {
		opacity: 0;
		-o-transform: scale(0) translateY(1000px);
	}
}
@keyframes zoomOutDownLarge {
	0% {
		opacity: 1;
		transform: scale(1) translateY(0);
	}
	100% {
		opacity: 0;
		transform: scale(0) translateY(1000px);
	}
}
@-webkit-keyframes zoomOutLeftLarge {
	0% {
		opacity: 0;
		-webkit-transform: scale(0) translateX(0);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1) translateX(-1000px);
	}
}
@-moz-keyframes zoomOutLeftLarge {
	0% {
		opacity: 0;
		-moz-transform: scale(0) translateX(0);
	}
	100% {
		opacity: 1;
		-moz-transform: scale(1) translateX(-1000px);
	}
}
@-ms-keyframes zoomOutLeftLarge {
	0% {
		opacity: 0;
		-ms-transform: scale(0) translateX(0);
	}
	100% {
		opacity: 1;
		-ms-transform: scale(1) translateX(-1000px);
	}
}
@-o-keyframes zoomOutLeftLarge {
	0% {
		opacity: 0;
		-o-transform: scale(0) translateX(0);
	}
	100% {
		opacity: 1;
		-o-transform: scale(1) translateX(-1000px);
	}
}
@keyframes zoomOutLeftLarge {
	0% {
		opacity: 0;
		transform: scale(0) translateX(0);
	}
	100% {
		opacity: 1;
		transform: scale(1) translateX(-1000px);
	}
}
@-webkit-keyframes zoomOutRightLarge {
	0% {
		opacity: 0;
		-webkit-transform: scale(0) translateX(0);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1) translateX(1000px);
	}
}
@-moz-keyframes zoomOutRightLarge {
	0% {
		opacity: 0;
		-moz-transform: scale(0) translateX(0);
	}
	100% {
		opacity: 1;
		-moz-transform: scale(1) translateX(1000px);
	}
}
@-ms-keyframes zoomOutRightLarge {
	0% {
		opacity: 0;
		-ms-transform: scale(0) translateX(0);
	}
	100% {
		opacity: 1;
		-ms-transform: scale(1) translateX(1000px);
	}
}
@-o-keyframes zoomOutRightLarge {
	0% {
		opacity: 0;
		-o-transform: scale(0) translateX(0);
	}
	100% {
		opacity: 1;
		-o-transform: scale(1) translateX(1000px);
	}
}
@keyframes zoomOutRightLarge {
	0% {
		opacity: 0;
		transform: scale(0) translateX(0);
	}
	100% {
		opacity: 1;
		transform: scale(1) translateX(1000px);
	}
}
@-webkit-keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(0);
	}
	50% {
		opacity: 1;
		-webkit-transform: scale(1.1);
	}
	70% {
		opacity: 1;
		-webkit-transform: scale(.9);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
	}
}
@-moz-keyframes bounceIn {
	0% {
		opacity: 0;
		-moz-transform: scale(0);
	}
	50% {
		opacity: 1;
		-moz-transform: scale(1.1);
	}
	70% {
		opacity: 1;
		-moz-transform: scale(.9);
	}
	100% {
		opacity: 1;
		-moz-transform: scale(1);
	}
}
@-ms-keyframes bounceIn {
	0% {
		opacity: 0;
		-ms-transform: scale(0);
	}
	50% {
		opacity: 1;
		-ms-transform: scale(1.1);
	}
	70% {
		opacity: 1;
		-ms-transform: scale(.9);
	}
	100% {
		opacity: 1;
		-ms-transform: scale(1);
	}
}
@-o-keyframes bounceIn {
	0% {
		opacity: 0;
		-o-transform: scale(0);
	}
	50% {
		opacity: 1;
		-o-transform: scale(1.1);
	}
	70% {
		opacity: 1;
		-o-transform: scale(.9);
	}
	100% {
		opacity: 1;
		-o-transform: scale(1);
	}
}
@keyframes bounceIn {
	0% {
		opacity: 0;
		transform: scale(0);
	}
	50% {
		opacity: 1;
		transform: scale(1.1);
	}
	70% {
		opacity: 1;
		transform: scale(.9);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}
@-webkit-keyframes bounceInUp {
	0% {
		opacity: 0;
		-webkit-transform: scale(0) translateY(200px);
	}
	60% {
		opacity: 1;
		-webkit-transform: scale(1.1) translateY(-40px);
	}
	80% {
		opacity: 1;
		-webkit-transform: scale(.9) translateY(20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(0);
	}
}
@-moz-keyframes bounceInUp {
	0% {
		opacity: 0;
		-moz-transform: scale(0) translateY(200px);
	}
	60% {
		opacity: 1;
		-moz-transform: scale(1.1) translateY(-40px);
	}
	80% {
		opacity: 1;
		-moz-transform: scale(.9) translateY(20px);
	}
	100% {
		opacity: 1;
		-moz-transform: scale(1) translateY(0);
	}
}
@-ms-keyframes bounceInUp {
	0% {
		opacity: 0;
		-ms-transform: scale(0) translateY(200px);
	}
	60% {
		opacity: 1;
		-ms-transform: scale(1.1) translateY(-40px);
	}
	80% {
		opacity: 1;
		-ms-transform: scale(.9) translateY(20px);
	}
	100% {
		opacity: 1;
		-ms-transform: scale(1) translateY(0);
	}
}
@-o-keyframes bounceInUp {
	0% {
		opacity: 0;
		-o-transform: scale(0) translateY(200px);
	}
	60% {
		opacity: 1;
		-o-transform: scale(1.1) translateY(-40px);
	}
	80% {
		opacity: 1;
		-o-transform: scale(.9) translateY(20px);
	}
	100% {
		opacity: 1;
		-o-transform: scale(1) translateY(0);
	}
}
@keyframes bounceInUp {
	0% {
		opacity: 0;
		transform: scale(0) translateY(200px);
	}
	60% {
		opacity: 1;
		transform: scale(1.1) translateY(-40px);
	}
	80% {
		opacity: 1;
		transform: scale(.9) translateY(20px);
	}
	100% {
		opacity: 1;
		transform: scale(1) translateY(0);
	}
}
@-webkit-keyframes bounceInDown {
	0% {
		opacity: 0;
		-webkit-transform: scale(0) translateY(-200px);
	}
	60% {
		opacity: 1;
		-webkit-transform: scale(1.1) translateY(40px);
	}
	80% {
		opacity: 1;
		-webkit-transform: scale(.9) translateY(-20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(0);
	}
}
@-moz-keyframes bounceInDown {
	0% {
		opacity: 0;
		-moz-transform: scale(0) translateY(-200px);
	}
	60% {
		opacity: 1;
		-moz-transform: scale(1.1) translateY(40px);
	}
	80% {
		opacity: 1;
		-moz-transform: scale(.9) translateY(-20px);
	}
	100% {
		opacity: 1;
		-moz-transform: scale(1) translateY(0);
	}
}
@-ms-keyframes bounceInDown {
	0% {
		opacity: 0;
		-ms-transform: scale(0) translateY(-200px);
	}
	60% {
		opacity: 1;
		-ms-transform: scale(1.1) translateY(40px);
	}
	80% {
		opacity: 1;
		-ms-transform: scale(.9) translateY(-20px);
	}
	100% {
		opacity: 1;
		-ms-transform: scale(1) translateY(0);
	}
}
@-o-keyframes bounceInDown {
	0% {
		opacity: 0;
		-o-transform: scale(0) translateY(-200px);
	}
	60% {
		opacity: 1;
		-o-transform: scale(1.1) translateY(40px);
	}
	80% {
		opacity: 1;
		-o-transform: scale(.9) translateY(-20px);
	}
	100% {
		opacity: 1;
		-o-transform: scale(1) translateY(0);
	}
}
@keyframes bounceInDown {
	0% {
		opacity: 0;
		transform: scale(0) translateY(-200px);
	}
	60% {
		opacity: 1;
		transform: scale(1.1) translateY(40px);
	}
	80% {
		opacity: 1;
		transform: scale(.9) translateY(-20px);
	}
	100% {
		opacity: 1;
		transform: scale(1) translateY(0);
	}
}
@-webkit-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-webkit-transform: scale(0) translateX(-200px);
	}
	60% {
		opacity: 1;
		-webkit-transform: scale(1.1) translateX(40px);
	}
	80% {
		opacity: 1;
		-webkit-transform: scale(.9) translateX(-20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1) translateX(0);
	}
}
@-moz-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-moz-transform: scale(0) translateX(-200px);
	}
	60% {
		opacity: 1;
		-moz-transform: scale(1.1) translateX(40px);
	}
	80% {
		opacity: 1;
		-moz-transform: scale(.9) translateX(-20px);
	}
	100% {
		opacity: 1;
		-moz-transform: scale(1) translateX(0);
	}
}
@-ms-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-ms-transform: scale(0) translateX(-200px);
	}
	60% {
		opacity: 1;
		-ms-transform: scale(1.1) translateX(40px);
	}
	80% {
		opacity: 1;
		-ms-transform: scale(.9) translateX(-20px);
	}
	100% {
		opacity: 1;
		-ms-transform: scale(1) translateX(0);
	}
}
@-o-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-o-transform: scale(0) translateX(-200px);
	}
	60% {
		opacity: 1;
		-o-transform: scale(1.1) translateX(40px);
	}
	80% {
		opacity: 1;
		-o-transform: scale(.9) translateX(-20px);
	}
	100% {
		opacity: 1;
		-o-transform: scale(1) translateX(0);
	}
}
@keyframes bounceInLeft {
	0% {
		opacity: 0;
		transform: scale(0) translateX(-200px);
	}
	60% {
		opacity: 1;
		transform: scale(1.1) translateX(40px);
	}
	80% {
		opacity: 1;
		transform: scale(.9) translateX(-20px);
	}
	100% {
		opacity: 1;
		transform: scale(1) translateX(0);
	}
}
@-webkit-keyframes bounceInRight {
	0% {
		opacity: 0;
		-webkit-transform: scale(0) translateX(200px);
	}
	60% {
		opacity: 1;
		-webkit-transform: scale(1.1) translateX(-40px);
	}
	80% {
		opacity: 1;
		-webkit-transform: scale(.9) translateX(20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1) translateX(0);
	}
}
@-moz-keyframes bounceInRight {
	0% {
		opacity: 0;
		-moz-transform: scale(0) translateX(200px);
	}
	60% {
		opacity: 1;
		-moz-transform: scale(1.1) translateX(-40px);
	}
	80% {
		opacity: 1;
		-moz-transform: scale(.9) translateX(20px);
	}
	100% {
		opacity: 1;
		-moz-transform: scale(1) translateX(0);
	}
}
@-ms-keyframes bounceInRight {
	0% {
		opacity: 0;
		-ms-transform: scale(0) translateX(200px);
	}
	60% {
		opacity: 1;
		-ms-transform: scale(1.1) translateX(-40px);
	}
	80% {
		opacity: 1;
		-ms-transform: scale(.9) translateX(20px);
	}
	100% {
		opacity: 1;
		-ms-transform: scale(1) translateX(0);
	}
}
@-o-keyframes bounceInRight {
	0% {
		opacity: 0;
		-o-transform: scale(0) translateX(200px);
	}
	60% {
		opacity: 1;
		-o-transform: scale(1.1) translateX(-40px);
	}
	80% {
		opacity: 1;
		-o-transform: scale(.9) translateX(20px);
	}
	100% {
		opacity: 1;
		-o-transform: scale(1) translateX(0);
	}
}
@keyframes bounceInRight {
	0% {
		opacity: 0;
		transform: scale(0) translateX(200px);
	}
	60% {
		opacity: 1;
		transform: scale(1.1) translateX(-40px);
	}
	80% {
		opacity: 1;
		transform: scale(.9) translateX(20px);
	}
	100% {
		opacity: 1;
		transform: scale(1) translateX(0);
	}
}
@-webkit-keyframes bounceOut {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
	}
	30% {
		opacity: 1;
		-webkit-transform: scale(1.1);
	}
	50% {
		opacity: 0;
		-webkit-transform: scale(.9);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(0);
	}
}
@-moz-keyframes bounceOut {
	0% {
		opacity: 1;
		-moz-transform: scale(1);
	}
	30% {
		opacity: 1;
		-moz-transform: scale(1.1);
	}
	50% {
		opacity: 0;
		-moz-transform: scale(.9);
	}
	100% {
		opacity: 0;
		-moz-transform: scale(0);
	}
}
@-ms-keyframes bounceOut {
	0% {
		opacity: 1;
		-ms-transform: scale(1);
	}
	30% {
		opacity: 1;
		-ms-transform: scale(1.1);
	}
	50% {
		opacity: 0;
		-ms-transform: scale(.9);
	}
	100% {
		opacity: 0;
		-ms-transform: scale(0);
	}
}
@-o-keyframes bounceOut {
	0% {
		opacity: 1;
		-o-transform: scale(1);
	}
	30% {
		opacity: 1;
		-o-transform: scale(1.1);
	}
	50% {
		opacity: 0;
		-o-transform: scale(.9);
	}
	100% {
		opacity: 0;
		-o-transform: scale(0);
	}
}
@keyframes bounceOut {
	0% {
		opacity: 1;
		transform: scale(1);
	}
	30% {
		opacity: 1;
		transform: scale(1.1);
	}
	50% {
		opacity: 0;
		transform: scale(.9);
	}
	100% {
		opacity: 0;
		transform: scale(0);
	}
}
@-webkit-keyframes bounceOutUp {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	20% {
		opacity: 1;
		-webkit-transform: translateY(40px);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(-200px);
	}
}
@-moz-keyframes bounceOutUp {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
	20% {
		opacity: 1;
		-moz-transform: translateY(40px);
	}
	100% {
		opacity: 0;
		-moz-transform: translateY(-200px);
	}
}
@-ms-keyframes bounceOutUp {
	0% {
		opacity: 1;
		-ms-transform: translateY(0);
	}
	20% {
		opacity: 1;
		-ms-transform: translateY(40px);
	}
	100% {
		opacity: 0;
		-ms-transform: translateY(-200px);
	}
}
@-o-keyframes bounceOutUp {
	0% {
		opacity: 1;
		-o-transform: translateY(0);
	}
	20% {
		opacity: 1;
		-o-transform: translateY(40px);
	}
	100% {
		opacity: 0;
		-o-transform: translateY(-200px);
	}
}
@keyframes bounceOutUp {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	20% {
		opacity: 1;
		transform: translateY(40px);
	}
	100% {
		opacity: 0;
		transform: translateY(-200px);
	}
}
@-webkit-keyframes bounceOutDown {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	20% {
		opacity: 1;
		-webkit-transform: translateY(-40px);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(200px);
	}
}
@-moz-keyframes bounceOutDown {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
	20% {
		opacity: 1;
		-moz-transform: translateY(-40px);
	}
	100% {
		opacity: 0;
		-moz-transform: translateY(200px);
	}
}
@-ms-keyframes bounceOutDown {
	0% {
		opacity: 1;
		-ms-transform: translateY(0);
	}
	20% {
		opacity: 1;
		-ms-transform: translateY(-40px);
	}
	100% {
		opacity: 0;
		-ms-transform: translateY(200px);
	}
}
@-o-keyframes bounceOutDown {
	0% {
		opacity: 1;
		-o-transform: translateY(0);
	}
	20% {
		opacity: 1;
		-o-transform: translateY(-40px);
	}
	100% {
		opacity: 0;
		-o-transform: translateY(200px);
	}
}
@keyframes bounceOutDown {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	20% {
		opacity: 1;
		transform: translateY(-40px);
	}
	100% {
		opacity: 0;
		transform: translateY(200px);
	}
}
@-webkit-keyframes bounceOutLeft {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
	20% {
		opacity: 1;
		-webkit-transform: translateX(40px);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(-200px);
	}
}
@-moz-keyframes bounceOutLeft {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
	20% {
		opacity: 1;
		-moz-transform: translateX(40px);
	}
	100% {
		opacity: 0;
		-moz-transform: translateX(-200px);
	}
}
@-ms-keyframes bounceOutLeft {
	0% {
		opacity: 1;
		-ms-transform: translateX(0);
	}
	20% {
		opacity: 1;
		-ms-transform: translateX(40px);
	}
	100% {
		opacity: 0;
		-ms-transform: translateX(-200px);
	}
}
@-o-keyframes bounceOutLeft {
	0% {
		opacity: 1;
		-o-transform: translateX(0);
	}
	20% {
		opacity: 1;
		-o-transform: translateX(40px);
	}
	100% {
		opacity: 0;
		-o-transform: translateX(-200px);
	}
}
@keyframes bounceOutLeft {
	0% {
		opacity: 1;
		transform: translateX(0);
	}
	20% {
		opacity: 1;
		transform: translateX(40px);
	}
	100% {
		opacity: 0;
		transform: translateX(-200px);
	}
}
@-webkit-keyframes bounceOutRight {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
	20% {
		opacity: 1;
		-webkit-transform: translateX(-40px);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(200px);
	}
}
@-moz-keyframes bounceOutRight {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
	20% {
		opacity: 1;
		-moz-transform: translateX(-40px);
	}
	100% {
		opacity: 0;
		-moz-transform: translateX(200px);
	}
}
@-ms-keyframes bounceOutRight {
	0% {
		opacity: 1;
		-ms-transform: translateX(0);
	}
	20% {
		opacity: 1;
		-ms-transform: translateX(-40px);
	}
	100% {
		opacity: 0;
		-ms-transform: translateX(200px);
	}
}
@-o-keyframes bounceOutRight {
	0% {
		opacity: 1;
		-o-transform: translateX(0);
	}
	20% {
		opacity: 1;
		-o-transform: translateX(-40px);
	}
	100% {
		opacity: 0;
		-o-transform: translateX(200px);
	}
}
@keyframes bounceOutRight {
	0% {
		opacity: 1;
		transform: translateX(0);
	}
	20% {
		opacity: 1;
		transform: translateX(-40px);
	}
	100% {
		opacity: 0;
		transform: translateX(200px);
	}
}
@-webkit-keyframes flash {
	0%, 100%, 50% {
		opacity: 1;
	}
	25%, 75% {
		opacity: 0;
	}
}
@-moz-keyframes flash {
	0%, 100%, 50% {
		opacity: 1;
	}
	25%, 75% {
		opacity: 0;
	}
}
@-ms-keyframes flash {
	0%, 100%, 50% {
		opacity: 1;
	}
	25%, 75% {
		opacity: 0;
	}
}
@-o-keyframes flash {
	0%, 100%, 50% {
		opacity: 1;
	}
	25%, 75% {
		opacity: 0;
	}
}
@keyframes flash {
	0%, 100%, 50% {
		opacity: 1;
	}
	25%, 75% {
		opacity: 0;
	}
}
@-webkit-keyframes strobe {
	0%, 100%, 20%, 40%, 60%, 80% {
		opacity: 1;
	}
	10%, 30%, 50%, 70%, 90% {
		opacity: 0;
	}
}
@-moz-keyframes strobe {
	0%, 100%, 20%, 40%, 60%, 80% {
		opacity: 1;
	}
	10%, 30%, 50%, 70%, 90% {
		opacity: 0;
	}
}
@-ms-keyframes strobe {
	0%, 100%, 20%, 40%, 60%, 80% {
		opacity: 1;
	}
	10%, 30%, 50%, 70%, 90% {
		opacity: 0;
	}
}
@-o-keyframes strobe {
	0%, 100%, 20%, 40%, 60%, 80% {
		opacity: 1;
	}
	10%, 30%, 50%, 70%, 90% {
		opacity: 0;
	}
}
@keyframes strobe {
	0%, 100%, 20%, 40%, 60%, 80% {
		opacity: 1;
	}
	10%, 30%, 50%, 70%, 90% {
		opacity: 0;
	}
}
@-webkit-keyframes shakeH {
	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 shakeH {
	0%, 100% {
		-moz-transform: translateX(0);
	}
	10%, 30%, 50%, 70%, 90% {
		-moz-transform: translateX(-10px);
	}
	20%, 40%, 60%, 80% {
		-moz-transform: translateX(10px);
	}
}
@-ms-keyframes shakeH {
	0%, 100% {
		-ms-transform: translateX(0);
	}
	10%, 30%, 50%, 70%, 90% {
		-ms-transform: translateX(-10px);
	}
	20%, 40%, 60%, 80% {
		-ms-transform: translateX(10px);
	}
}
@-o-keyframes shakeH {
	0%, 100% {
		-o-transform: translateX(0);
	}
	10%, 30%, 50%, 70%, 90% {
		-o-transform: translateX(-10px);
	}
	20%, 40%, 60%, 80% {
		-o-transform: translateX(10px);
	}
}
@keyframes shakeH {
	0%, 100% {
		transform: translateX(0);
	}
	10%, 30%, 50%, 70%, 90% {
		transform: translateX(-10px);
	}
	20%, 40%, 60%, 80% {
		transform: translateX(10px);
	}
}
@-webkit-keyframes shakeV {
	0%, 100% {
		-webkit-transform: translateY(0);
	}
	10%, 30%, 50%, 70%, 90% {
		-webkit-transform: translateY(-10px);
	}
	20%, 40%, 60%, 80% {
		-webkit-transform: translateY(10px);
	}
}
@-moz-keyframes shakeV {
	0%, 100% {
		-moz-transform: translateY(0);
	}
	10%, 30%, 50%, 70%, 90% {
		-moz-transform: translateY(-10px);
	}
	20%, 40%, 60%, 80% {
		-moz-transform: translateY(10px);
	}
}
@-ms-keyframes shakeV {
	0%, 100% {
		-ms-transform: translateY(0);
	}
	10%, 30%, 50%, 70%, 90% {
		-ms-transform: translateY(-10px);
	}
	20%, 40%, 60%, 80% {
		-ms-transform: translateY(10px);
	}
}
@-o-keyframes shakeV {
	0%, 100% {
		-o-transform: translateY(0);
	}
	10%, 30%, 50%, 70%, 90% {
		-o-transform: translateY(-10px);
	}
	20%, 40%, 60%, 80% {
		-o-transform: translateY(10px);
	}
}
@keyframes shakeV {
	0%, 100% {
		transform: translateY(0);
	}
	10%, 30%, 50%, 70%, 90% {
		transform: translateY(-10px);
	}
	20%, 40%, 60%, 80% {
		transform: translateY(10px);
	}
}
@-webkit-keyframes bounce {
	0%, 100%, 20%, 50%, 80% {
		-webkit-transform: translateY(0);
	}
	40% {
		-webkit-transform: translateY(-30px);
	}
	60% {
		-webkit-transform: translateY(-15px);
	}
}
@-moz-keyframes bounce {
	0%, 100%, 20%, 50%, 80% {
		-moz-transform: translateY(0);
	}
	40% {
		-moz-transform: translateY(-30px);
	}
	60% {
		-moz-transform: translateY(-15px);
	}
}
@-ms-keyframes bounce {
	0%, 100%, 20%, 50%, 80% {
		-ms-transform: translateY(0);
	}
	40% {
		-ms-transform: translateY(-30px);
	}
	60% {
		-ms-transform: translateY(-15px);
	}
}
@-o-keyframes bounce {
	0%, 100%, 20%, 50%, 80% {
		-o-transform: translateY(0);
	}
	40% {
		-o-transform: translateY(-30px);
	}
	60% {
		-o-transform: translateY(-15px);
	}
}
@keyframes bounce {
	0%, 100%, 20%, 50%, 80% {
		transform: translateY(0);
	}
	40% {
		transform: translateY(-30px);
	}
	60% {
		transform: translateY(-15px);
	}
}
@-webkit-keyframes tada {
	0%, 100% {
		-webkit-transform: scale(1) rotate(0);
	}
	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);
	}
}
@-moz-keyframes tada {
	0%, 100% {
		-moz-transform: scale(1) rotate(0);
	}
	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);
	}
}
@-ms-keyframes tada {
	0%, 100% {
		-ms-transform: scale(1) rotate(0);
	}
	10%, 20% {
		-ms-transform: scale(0.9) rotate(-3deg);
	}
	30%, 50%, 70%, 90% {
		-ms-transform: scale(1.1) rotate(3deg);
	}
	40%, 60%, 80% {
		-ms-transform: scale(1.1) rotate(-3deg);
	}
}
@-o-keyframes tada {
	0%, 100% {
		-o-transform: scale(1) rotate(0);
	}
	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);
	}
}
@keyframes tada {
	0%, 100% {
		transform: scale(1) rotate(0);
	}
	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);
	}
}
@-webkit-keyframes wave {
	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 wave {
	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);
	}
}
@-ms-keyframes wave {
	20% {
		-ms-transform: rotate(15deg);
	}
	40% {
		-ms-transform: rotate(-10deg);
	}
	60% {
		-ms-transform: rotate(5deg);
	}
	80% {
		-ms-transform: rotate(-5deg);
	}
	100% {
		-ms-transform: rotate(0deg);
	}
}
@-o-keyframes wave {
	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 wave {
	20% {
		transform: rotate(15deg);
	}
	40% {
		transform: rotate(-10deg);
	}
	60% {
		transform: rotate(5deg);
	}
	80% {
		transform: rotate(-5deg);
	}
	100% {
		transform: rotate(0deg);
	}
}
@-webkit-keyframes spinCW {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
	}
}
@-moz-keyframes spinCW {
	0% {
		-moz-transform: rotate(0deg);
	}
	100% {
		-moz-transform: rotate(360deg);
	}
}
@-ms-keyframes spinCW {
	0% {
		-ms-transform: rotate(0deg);
	}
	100% {
		-ms-transform: rotate(360deg);
	}
}
@-o-keyframes spinCW {
	0% {
		-o-transform: rotate(0deg);
	}
	100% {
		-o-transform: rotate(360deg);
	}
}
@keyframes spinCW {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
@-webkit-keyframes spinCCW {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(-360deg);
	}
}
@-moz-keyframes spinCCW {
	0% {
		-moz-transform: rotate(0deg);
	}
	100% {
		-moz-transform: rotate(-360deg);
	}
}
@-ms-keyframes spinCCW {
	0% {
		-ms-transform: rotate(0deg);
	}
	100% {
		-ms-transform: rotate(-360deg);
	}
}
@-o-keyframes spinCCW {
	0% {
		-o-transform: rotate(0deg);
	}
	100% {
		-o-transform: rotate(-360deg);
	}
}
@keyframes spinCCW {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(-360deg);
	}
}
@-webkit-keyframes slingshotCW {
	0% {
		-webkit-transform: rotate(0deg);
	}
	20%, 30% {
		-webkit-transform: rotate(-45deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
	}
}
@-moz-keyframes slingshotCW {
	0% {
		-moz-transform: rotate(0deg);
	}
	20%, 30% {
		-moz-transform: rotate(-45deg);
	}
	100% {
		-moz-transform: rotate(360deg);
	}
}
@-ms-keyframes slingshotCW {
	0% {
		-ms-transform: rotate(0deg);
	}
	20%, 30% {
		-ms-transform: rotate(-45deg);
	}
	100% {
		-ms-transform: rotate(360deg);
	}
}
@-o-keyframes slingshotCW {
	0% {
		-o-transform: rotate(0deg);
	}
	20%, 30% {
		-o-transform: rotate(-45deg);
	}
	100% {
		-o-transform: rotate(360deg);
	}
}
@keyframes slingshotCW {
	0% {
		transform: rotate(0deg);
	}
	20%, 30% {
		transform: rotate(-45deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
@-webkit-keyframes slingshotCCW {
	0% {
		-webkit-transform: rotate(0deg);
	}
	20%, 30% {
		-webkit-transform: rotate(45deg);
	}
	100% {
		-webkit-transform: rotate(-360deg);
	}
}
@-moz-keyframes slingshotCCW {
	0% {
		-moz-transform: rotate(0deg);
	}
	20%, 30% {
		-moz-transform: rotate(45deg);
	}
	100% {
		-moz-transform: rotate(-360deg);
	}
}
@-ms-keyframes slingshotCCW {
	0% {
		-ms-transform: rotate(0deg);
	}
	20%, 30% {
		-ms-transform: rotate(45deg);
	}
	100% {
		-ms-transform: rotate(-360deg);
	}
}
@-o-keyframes slingshotCCW {
	0% {
		-o-transform: rotate(0deg);
	}
	20%, 30% {
		-o-transform: rotate(45deg);
	}
	100% {
		-o-transform: rotate(-360deg);
	}
}
@keyframes slingshotCCW {
	0% {
		transform: rotate(0deg);
	}
	20%, 30% {
		transform: rotate(45deg);
	}
	100% {
		transform: rotate(-360deg);
	}
}
@-webkit-keyframes wobble {
	0% {
		-webkit-transform: translateX(0px);
	}
	15% {
		-webkit-transform: translateX(-25px) rotate(-5deg);
	}
	30% {
		-webkit-transform: translateX(20px) rotate(3deg);
	}
	45% {
		-webkit-transform: translateX(-15px) rotate(-3deg);
	}
	60% {
		-webkit-transform: translateX(10px) rotate(2deg);
	}
	75% {
		-webkit-transform: translateX(-5px) rotate(-1deg);
	}
	100% {
		-webkit-transform: translateX(0px);
	}
}
@-moz-keyframes wobble {
	0% {
		-moz-transform: translateX(0px);
	}
	15% {
		-moz-transform: translateX(-25px) rotate(-5deg);
	}
	30% {
		-moz-transform: translateX(20px) rotate(3deg);
	}
	45% {
		-moz-transform: translateX(-15px) rotate(-3deg);
	}
	60% {
		-moz-transform: translateX(10px) rotate(2deg);
	}
	75% {
		-moz-transform: translateX(-5px) rotate(-1deg);
	}
	100% {
		-moz-transform: translateX(0px);
	}
}
@-ms-keyframes wobble {
	0% {
		-ms-transform: translateX(0px);
	}
	15% {
		-ms-transform: translateX(-25px) rotate(-5deg);
	}
	30% {
		-ms-transform: translateX(20px) rotate(3deg);
	}
	45% {
		-ms-transform: translateX(-15px) rotate(-3deg);
	}
	60% {
		-ms-transform: translateX(10px) rotate(2deg);
	}
	75% {
		-ms-transform: translateX(-5px) rotate(-1deg);
	}
	100% {
		-ms-transform: translateX(0px);
	}
}
@-o-keyframes wobble {
	0% {
		-o-transform: translateX(0px);
	}
	15% {
		-o-transform: translateX(-25px) rotate(-5deg);
	}
	30% {
		-o-transform: translateX(20px) rotate(3deg);
	}
	45% {
		-o-transform: translateX(-15px) rotate(-3deg);
	}
	60% {
		-o-transform: translateX(10px) rotate(2deg);
	}
	75% {
		-o-transform: translateX(-5px) rotate(-1deg);
	}
	100% {
		-o-transform: translateX(0px);
	}
}
@keyframes wobble {
	0% {
		transform: translateX(0px);
	}
	15% {
		transform: translateX(-25px) rotate(-5deg);
	}
	30% {
		transform: translateX(20px) rotate(3deg);
	}
	45% {
		transform: translateX(-15px) rotate(-3deg);
	}
	60% {
		transform: translateX(10px) rotate(2deg);
	}
	75% {
		transform: translateX(-5px) rotate(-1deg);
	}
	100% {
		transform: translateX(0px);
	}
}
@-webkit-keyframes pulse {
	0%, 100% {
		-webkit-transform: scale(1);
	}
	50% {
		-webkit-transform: scale(1.1);
	}
}
@-moz-keyframes pulse {
	0%, 100% {
		-moz-transform: scale(1);
	}
	50% {
		-moz-transform: scale(1.1);
	}
}
@-ms-keyframes pulse {
	0%, 100% {
		-ms-transform: scale(1);
	}
	50% {
		-ms-transform: scale(1.1);
	}
}
@-o-keyframes pulse {
	0%, 100% {
		-o-transform: scale(1);
	}
	50% {
		-o-transform: scale(1.1);
	}
}
@keyframes pulse {
	0%, 100% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.1);
	}
}
@-webkit-keyframes pulsate {
	0%, 100%, 50% {
		-webkit-transform: scale(1);
	}
	25%, 75% {
		-webkit-transform: scale(1.1);
	}
}
@-moz-keyframes pulsate {
	0%, 100%, 50% {
		-moz-transform: scale(1);
	}
	25%, 75% {
		-moz-transform: scale(1.1);
	}
}
@-ms-keyframes pulsate {
	0%, 100%, 50% {
		-ms-transform: scale(1);
	}
	25%, 75% {
		-ms-transform: scale(1.1);
	}
}
@-o-keyframes pulsate {
	0%, 100%, 50% {
		-o-transform: scale(1);
	}
	25%, 75% {
		-o-transform: scale(1.1);
	}
}
@keyframes pulsate {
	0%, 100%, 50% {
		transform: scale(1);
	}
	25%, 75% {
		transform: scale(1.1);
	}
}
@-webkit-keyframes heartbeat {
	0%, 30%, 50%, 60%, 80% {
		-webkit-transform: scale(1);
	}
	40%, 70% {
		-webkit-transform: scale(1.1);
	}
}
@-moz-keyframes heartbeat {
	0%, 30%, 50%, 60%, 80% {
		-moz-transform: scale(1);
	}
	40%, 70% {
		-moz-transform: scale(1.1);
	}
}
@-ms-keyframes heartbeat {
	0%, 30%, 50%, 60%, 80% {
		-ms-transform: scale(1);
	}
	40%, 70% {
		-ms-transform: scale(1.1);
	}
}
@-o-keyframes heartbeat {
	0%, 30%, 50%, 60%, 80% {
		-o-transform: scale(1);
	}
	40%, 70% {
		-o-transform: scale(1.1);
	}
}
@keyframes heartbeat {
	0%, 30%, 50%, 60%, 80% {
		transform: scale(1);
	}
	40%, 70% {
		transform: scale(1.1);
	}
}
@-webkit-keyframes panic {
	0%, 100% {
		-webkit-transform: scale(1) rotate(0);
	}
	10%, 60% {
		-webkit-transform: scale(1.1) rotate(-3deg);
	}
	20%, 40% {
		-webkit-transform: scale(1) rotate(-3deg);
	}
	30% {
		-webkit-transform: scale(1.1) rotate(3deg);
	}
	50%, 70%, 90% {
		-webkit-transform: scale(1) rotate(3deg);
	}
	80% {
		-webkit-transform: scale(1.1) rotate(-3deg);
	}
}
@-moz-keyframes panic {
	0%, 100% {
		-moz-transform: scale(1) rotate(0);
	}
	10%, 60% {
		-moz-transform: scale(1.1) rotate(-3deg);
	}
	20%, 40% {
		-moz-transform: scale(1) rotate(-3deg);
	}
	30% {
		-moz-transform: scale(1.1) rotate(3deg);
	}
	50%, 70%, 90% {
		-moz-transform: scale(1) rotate(3deg);
	}
	80% {
		-moz-transform: scale(1.1) rotate(-3deg);
	}
}
@-ms-keyframes panic {
	0%, 100% {
		-ms-transform: scale(1) rotate(0);
	}
	10%, 60% {
		-ms-transform: scale(1.1) rotate(-3deg);
	}
	20%, 40% {
		-ms-transform: scale(1) rotate(-3deg);
	}
	30% {
		-ms-transform: scale(1.1) rotate(3deg);
	}
	50%, 70%, 90% {
		-ms-transform: scale(1) rotate(3deg);
	}
	80% {
		-ms-transform: scale(1.1) rotate(-3deg);
	}
}
@-o-keyframes panic {
	0%, 100% {
		-o-transform: scale(1) rotate(0);
	}
	10%, 60% {
		-o-transform: scale(1.1) rotate(-3deg);
	}
	20%, 40% {
		-o-transform: scale(1) rotate(-3deg);
	}
	30% {
		-o-transform: scale(1.1) rotate(3deg);
	}
	50%, 70%, 90% {
		-o-transform: scale(1) rotate(3deg);
	}
	80% {
		-o-transform: scale(1.1) rotate(-3deg);
	}
}
@keyframes panic {
	0%, 100% {
		transform: scale(1) rotate(0);
	}
	10%, 60% {
		transform: scale(1.1) rotate(-3deg);
	}
	20%, 40% {
		transform: scale(1) rotate(-3deg);
	}
	30% {
		transform: scale(1.1) rotate(3deg);
	}
	50%, 70%, 90% {
		transform: scale(1) rotate(3deg);
	}
	80% {
		transform: scale(1.1) rotate(-3deg);
	}
}
/*
|--------------------------------------------------------------------------
|  7.0 jQuery ui
|  
|--------------------------------------------------------------------------
|
| 
|
*/

/*
 * jQuery UI CSS Framework 1.8.22
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming
 */
/*
|--------------------------------------------------------------------------
|  8.0 jPlayer
|  
|--------------------------------------------------------------------------
|
| 
|
*/
/*
|--------------------------------------------------------------------------
|  9.0 Prrettyphoto
|  
|--------------------------------------------------------------------------
|
| 
|
*/
/*
|--------------------------------------------------------------------------
|  10. simple style
|  
|--------------------------------------------------------------------------
|
| 
|
*/

/* Tabs */
/* Accordion & Toggle */
/* FAQ */
/* Table */
/* Opening hours */
/* Icon box */
/* Animation */
/* Filters */
/* Clients */
/* Progress bars */
/* Counters */
/* Lists */
/* Blockquote */
/* Testimonials slider */
/* Article box */
/* Idea box */
/* Sliding box */
/* Trailer box */
/* Animation */
/* Timeline */
/* Animation */
/* Quick fact */
/* Chart box */
/* Content link */
/* How it works */
/* Offer thumb */
/* Alerts */
/* Zoom box */
/* Features list */
/* Progress icons */
/* Pricing box */
/* Tooltip */
/* Highlight */
/* Get in touch */
/* Infobox */
/* Icon bar */
/* Animation */
/* ---------------- contact form -------------------- */
/*
|--------------------------------------------------------------------------
|  11. Bootstrap elements
|  
|--------------------------------------------------------------------------
|
| 
|
*/
/* Hide border */

.if-border-hide .image_frame:not(.has_border) {
	border-width: 0;
}
/* .minimalist-header */
.minimalist-header-no #Header {
	min-height: 0!important
}
/* Transparent ----------------------------------------------------------------------- */
.tr-header #Wrapper {
	background: none
}
.tr-header #Header_wrapper {
	background: none!important
}
/* Decoration Image | height:100px - fallback */
/* Header | Transparent */
/* Buttons | Stroke ------------------------------------------------------------------ */
/* Buttons sizes */
/* Side Slide ------------------------------------------------------------------------- */
/* height +20% - mobile fallback */
/* border-bottom:60px - mobile fallback */
/* Side Slide | Color */
/* border-bottom:60px - mobile fallback */
/* Side Slide | Light */
/* Before After | TwentyTwenty plugin ------------------------------------------------ */
.section.full-width>.section_wrapper {
	max-width: 100% !important;
}
/* Switch Style */
/* Slick Slider ---------------------------------------------------------------------- */
/* Buttons | Flat -------------------------------------------------------------------- */

.button-flat a.button:not(.action_button), .button-flat button {
	background-image: none;
	border-width: 0;
	border-style: solid;
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: inset 0 0 0 0;
	box-shadow: inset 0 0 0 0;
}
button::-moz-focus-inner {
	border: 0;
	padding: 0
}
@media only screen and (min-width: 768px) {
	.button-flat a.button:after, .button-flat button:after {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		z-index: 1;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		transition: all .3s;
		background: rgba(0, 0, 0, .07);
		filter: alpha(opacity=0);
		opacity: 0
	}
	.button-flat a.button:hover:after, .button-flat button:hover:after {
		width: 100%;
		filter: alpha(opacity=1);
		opacity: 1
	}
}
/* Header | Plain */
/* Header plain | Logo */
/* Header plain | Menu */
/* Header plain | Top bar right */
/* Header plain | Sticky */
/* Header plain | Colors */
/* Heading --------------------------------------------------------------------------- */
/* Fancy headings -------------------------------------------------------------------- */
/* Pricing boxes --------------------------------------------------------------------- */
/* Pricing table */
/* Content slider ----------------------------------------------------------------------------- */
/* Flat */
/* Flat description */
/* Carousel */
/* Center mode */
/* Navigation visibility */
/* Nice Scroll | .nice-scroll -------------------------------------------------------- */
/* Slider | Pagination --------------------------------------------------------------- */
/* Slider Revolution ----------------------------------------------------------------- */
/* Animation */
/* Dark ------------------------------------------------------------------------------ */
/* Headings font */
/* Borders */
/* Grey */
/* Dividers */
/* Others */
/* Pricing box */
/* Lists */
/* Pricing table */
/* Call to action */
/* Fancy heading */
/* Content slider */
/* Fancy links */
/* Pagination */
/* Content slider ----------------------------------------------------------------------------- */
/* Grid */
/* Columns 2-6 */
/* Masonry */
/* Columns 2-6 */
/* Masonry tiles */
/* Photo wrapper */
/* Posts */
/* Post icon */
/* Line */
/* Desc wrapper animation */
/* Columns 2-6 */
/* With margin */
/* Colors */
/* Timeline */
/* Photo */
/* Post types */
/* Single Post ----------------------------------------------------------------------- */
/* Hide Love */
/* Post related */
/* Section post related - simple */
/* Format | Link */
/* Format | Quote */
/* NO img */
/* Project decription */
/* Share Item */
/* Templates | Preview --------------------------------------------------------------- */
/* Widget Area ----------------------------------------------------------------------- */
/* Recent posts */
/* Formats */
/* Animation */
/* Recent posts | WordPress */
/* Categories */
/* Archives, Custom menu */
/* Meta, Pages, RSS */
/* Recent comments */
/* Recent comments*/
/* Search */
/* Calendar */
/* Flickr */
/* Recent tweets */
/* Tag cloud */
/* Muffin menu */
/* Muffin login */
/* Portfolio ----------------------------------------------------------------------- */
/* List */
/* Flat */
/* Grid */
/* Masonry */
/* Masonry hover */
/* Animation */
/* Masonry minimal */
/* Masonry Flat */
/* Columns 2-6 */

/* Grid, Masonry, Masonry Hover */
/* Flat */
/* Exposure */
/* Colors */
/* Hover */
/* Intro ------------------------------------------------------------------------- */
/* Light */
/* Dark */
/* Logo | Advanced */
/* Code Hightlighter ----------------------------------------------------------------- */


/* Share | Simple | .share-simple-wrapper */

/* Blockquote */

/* Wrap | Equal Height */


 .template-slider #Content {
    padding-top: 0px !important;
}
/*
|--------------------------------------------------------------------------
| Be
| Structure styles
| http://BeantownThemes.com
| http://themeforest.net/user/BeantownThemes
|--------------------------------------------------------------------------
| 1.0 Grid
| 2.0 Layout
| 3.0 Responsive-1240
| 4.0 Responsive
|
*/


/*
|--------------------------------------------------------------------------
|  1.0 Grid
|  
|--------------------------------------------------------------------------
|
| 
|
*/


/* #Base 1200 Grid
================================================== */

body {
	min-width: 1240px;
	padding: 25px 0;
}
#Wrapper {
	width: 1240px;
	margin: 0px auto;
	overflow: hidden;
}
.layout-full-width {
	padding: 0;
}
.layout-full-width #Wrapper {
	width: 100% !important;
	margin: 0 !important;
}

/* #Content
=============================== */

#Content {
	width: 100%;
}
body:not(.template-slider) #Content {
	padding-top: 30px;
}
.section {
	position: relative;
}
.section_wrapper, .container {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}
.section_wrapper:after, .container:after {
	clear: both;
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
}
.column {
	float: left;
	margin: 0 1% 40px;
}
.column-margin-20px .column {
	margin-bottom: 20px;
}

/* .with_aside */

/* both sidebars | .aside_both */

/* sidebars for sections */

/* #Base Grid
=============================== */

/* 1/6 */

/* 1/5 */

/* 1/4 */

/* 1/3 */

/* 1/2 */

/* 2/3 */

/* 3/4 */

.one.column {
	width: 98%;
}

/* 1/1 */


/* without horizontal margin */

.no-margin-h .column {
	margin-left: 0;
	margin-right: 0;
}

/* 1/6 */

/* 1/5 */

/* 1/4 */

/* 1/3 */

/* 1/2 */

/* 2/3 */

/* 3/4 */

.no-margin-h .one.column {
	width: 100%;
}

/* 1/1 */


/* #Clearing
================================================== */


/* Self Clearing Goodness */

.container:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Use clearfix class on parent to clear nested columns, or wrap each row of columns in a <div class="row"> */

.clearfix:before, .clearfix:after, .row:before, .row:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.row:after, .clearfix:after {
	clear: both;
}
.row, .clearfix {
	zoom: 1;
}

/* You can also use a <br class="clear" /> to clear columns */

/*
|--------------------------------------------------------------------------
|  2.0 Layout
|  
|--------------------------------------------------------------------------
|
| 
|
*/


/* #Global
================================================== */
.section.center {
	text-align: center;
}
 .section.no-margin-v .column {
	margin-bottom: 0;
}
#Wrapper {
	-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, .06);
	box-shadow: 0px 0px 15px rgba(0, 0, 0, .06);
}

/* #Blank & #UnderConstruction
================================================== */

 .no-content-padding:not(.with_aside) #Content {
	padding: 0 !important;
}

/* Nice Scroll | .nice-scroll
================================================== */

/* Slider | Pagination
================================================== */

/* Slider Revolution | Navigation
================================================== */

/* Arrows */

/* #Sliding top
================================================== */

/* 
	#Sliding-top .widgets_wrapper .widget ul { margin: 0 0 15px 30px; line-height: 21px; }
	#Sliding-top .widgets_wrapper .widget ul li { list-style:disc outside; padding: 3px 0; }
	*/


/* Widgets */

/* #Pager
================================================== */

/* Animation */

/* #Load more button
================================================== */

/* #Pager single (blog post)
================================================== */

/* #Fixed nav
================================================== */

/* Animation */

/* Format */

/* #Filters
================================================== */

/* Animations */

/* #Owl-pagination
================================================== */


/* #NEXT / PREV NAVI 
================================================== */


/* Section: Highlight
================================================== */

/* Section: Portfolio
================================================== */

.section.full-width .section_wrapper {
	width: 100% !important;
}
.section.full-width .section_wrapper .column.one {
	width: 100%;
	margin: 0 !important;
}

/* #Header
================================================== */

body:not(.template-slider) #Header_wrapper {
	background-repeat: no-repeat;
	background-position: top center;
}
#Header_wrapper {
	position: relative;
}
#Header {
	position: relative;
}
body:not(.template-slider) #Header {
	min-height: 250px;
}

/* Minimalist Header */

/* #Action bar
================================================== */

/* #Top_bar
================================================== */

#Top_bar {
	position: absolute;
	left: 0;
	top: 61px;
	width: 100%;
	z-index: 30;
}
#Top_bar .column {
	margin-bottom: 0;
}
#Top_bar .top_bar_left {
	position: relative;
	float: left;
}

/* Top bar width */

#Top_bar .top_bar_left {
	width: 990px;
}

/* Logo */

#Top_bar .logo {
	float: left;
	margin: 0 30px 0 20px;
}
#Top_bar #logo {
	display: block;
	height: 60px;
	line-height: 60px;
	padding: 15px 0px;
}

/* overflow: hidden; */

#Top_bar #logo:hover {
	text-decoration: none;
}
#Top_bar #logo img {
	vertical-align: middle;
	/*max-height: 100%;*/
}
#Top_bar #logo img.logo-sticky {
	display: none;
}

/* Menu wrapper */

#Top_bar .menu_wrapper {
	float: left;
	z-index: 201;
}

/* Secondary menu wrapper */

/* Menu responsive */

#Top_bar a.responsive-menu-toggle {
	display: none;
}

/* Banner */

/* Search wrapper */

/* Cart */

/* Search */

/* WPML */

/* #menu
================================================== */


/* main menu 1st level */

#Top_bar #menu {
	z-index: 201;
}
#Top_bar .menu {
	z-index: 202;
}
#Top_bar .menu>li {
	margin: 0;
	z-index: 203;
	display: block;
	float: left;
}
#Top_bar .menu>li:not(.mfn-megamenu-parent) {
	position: relative;
}
#Top_bar .menu>li.hover {
	z-index: 204;
}
#Top_bar .menu>li>a {
	display: block;
	line-height: 60px;
	padding: 15px 0;
	position: relative;
}

/* default WP Pages Menu */

#Top_bar .menu>li>a:after {
	content: "";
	height: 4px;
	width: 100%;
	position: absolute;
	left: 0;
	top: -4px;
	z-index: 203;
	opacity: 0;
	filter: alpha(opacity=0);
}
#Top_bar .menu>li>a span:not(.description) {
	display: block;
	line-height: 60px;
	padding: 0 20px;
	white-space: nowrap;
	border-right-width: 1px;
	border-style: solid;
}
#Top_bar .menu>li:last-child>a span {
	border: 0;
}
#Top_bar .menu>li>a:hover {
	text-decoration: none;
}

/* Animation */

#Top_bar .menu>li>a, #Top_bar .menu>li>a:after {
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
 #Top_bar .menu>li.hover>a:after {
	opacity: 1;
	filter: alpha(opacity=100);
}

/* main menu 2nd level */

#Top_bar .menu li ul {
	position: absolute;
	left: 0px;
	top: 100%;
	z-index: 205;
	margin: 0;
	display: none;
	background-image: url(../../https://www.birralucana.it/content/images/box_shadow.png);
	background-repeat: repeat-x;
	background-position: left top;
}
#Top_bar .menu li>ul {
	box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.03);
	-webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.03);
}
#Top_bar .menu li ul li {
	padding: 0;
	width: 190px;
	position: relative;
	font-weight: normal;
}
#Top_bar .menu li ul li a {
	padding: 10px 10px 10px 20px;
	display: block;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
#Top_bar .menu li ul li a span {
	display: inline-block;
	position: relative;
}
#Top_bar .menu>li ul li a:hover, #Top_bar .menu>li ul li.hover>a {
	text-decoration: none;
	background: rgba(0, 0, 0, .06);
}

/* main menu 3rd level */

#Top_bar .menu li ul li ul {
	position: absolute;
	left: 190px;
	top: 0px;
	z-index: 204;
}

/* Animation */

#Top_bar .menu li ul 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;
}

/* #secondary menu
================================================== */

/* #Header styles
================================================== */
.header-split #Header .top_bar_left {
	width: 100% !important;
}
.header-split #Header .top_bar_left {
	background-color: transparent;
}
.header-split #Header .top_bar_left .menu_wrapper {
	width: 100%;
}
.header-split #Header .top_bar_left .menu_left {
	float: left;
	width: 38%;
	text-align: center;
}
.header-split #Header .top_bar_left .menu_right {
	float: right;
	width: 38%;
	text-align: center;
}
.header-split #Header .top_bar_left .menu>li {
	display: inline-block;
	float: none;
}
.header-split #Header .top_bar_left .logo {
	width: 100%;
	margin: 0;
	text-align: center;
}
@media only screen and (min-width: 1240px) {
	.header-split #Header .top_bar_left .logo {
		position: absolute;
		left: 38%;
		width: 24%;
	}
}
.header-split #Top_bar {
	position: static;
	background-color: #fff;
}

/**/

/**/

/**/

/**/

/**/

/**/

/**/

/**/

/* #Overlay Menu
================================================== */

/* #Subheader
================================================== */

/* subheader-style */

/* #Post
================================================== */

/* Masonry */

/* Timeline */

/* Post types =========================================== */

/* #Single post
================================================== */

/* Post related */

/* single-format-link */

/* single-format-quote */

/* no-img */

/* Project decription */

/* Share Item | .share_item */

/* #Widget area
================================================== */

/* Recent posts */

/* Link */

/* Animation */

/* Recent posts wordress */

/* Animation */

/* Categories */

/* Archives, Custom menu */

/* Meta, Pages, RSS */

/* Recent comments */

/* Recent comments*/

/* Search */

/* Calendar */

/* Flickr */

/* Recent tweets */

/* Tag cloud */

/* Muffin menu */

/* Animation */

/* Muffin login */

/* #Portfolio
================================================== */

/* List */

/* Flat */

/* Grid */

/* Masonry */

/* Masonry Flat */

/* #Filters
================================================== */


/* #Footer
================================================== */

#Footer {
	background-position: center top;
	background-repeat: no-repeat;
}

/* .footer-copy-center */

/* Widgets */

/* .footer-sliding
================================================== */

/* #Comments
================================================== */

/* #Respond
================================================== */

/* #Error_404
================================================== */

/* #Contact form
================================================== */

/* #Preloader
================================================== */

/* #BuddyPress
================================================== */

/* #Dark
================================================== */

/* Headings font */

/* Borders */

/* Grey */

/* Dividers */

/* Others */

/* Pricing box */

/* Lists */

/* List item */

/* Pricing table */

/* Call to action */

/* Fancy heading */

/* Content slider */

/* Fancy links */

/* #Video Section
================================================== */

/* #Section Navigation
================================================== */

/* Animation */

/* Visual Composer | Frontend Editor
================================================== */

/*
|--------------------------------------------------------------------------
|  3.0 Responsive-1240
|  
|--------------------------------------------------------------------------
|
| 
|
*/
#Top_bar.is-sticky{
	background: rgb(46, 44, 43, 0.6); /* leggermente trasparente */
	  backdrop-filter: blur(8px);
	  -webkit-backdrop-filter: blur(8px); /* supporto Safari */
}

html, body {
	overflow-x: hidden;
}

@media only screen and (min-width: 768px) {
	#Top_bar.is-sticky {
		position: fixed !important;
		width: 100%;
		left: 0;
		top: 0px;
		height: 120px;
		z-index: 701;
		opacity: .97;
		-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
		box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1)
	}
}
/*																								> 1240
===================================================================================================== */

@media only screen and (min-width: 1240px) {
	body:not(.header-simple) #Top_bar #menu {
		display: block !important;
	}
	/* main menu 2nd level - MegaMenu */
	/* MegaMenu with Background */
	/* #Header.is-sticky */
	/* Sticky dark */
	/* .header-simple | Mobile Menu */
	/* main menu 1st level */
	/* main menu 2nd level */
	/* main menu 3rd level */
	/* Header Creative */
	/* Always Open */
	/* Menu highlight */
}

/* 																								< 1240
===================================================================================================== */

@media only screen and (max-width: 1239px) {
	/* Header */
	#Top_bar #menu {
		display: none;
		height: auto;
		width: 300px;
		bottom: auto;
		top: 100%;
		right: 1px;
		position: absolute;
		margin: 0px;
		background: #2d2b2a;
	}
	#Top_bar a.responsive-menu-toggle {
		display: block;
		width: 35px;
		height: 35px;
		text-align: center;
		position: absolute;
		top: 28px;
		right: 10px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	#Top_bar a:hover.responsive-menu-toggle {
		text-decoration: none;
	}
	#Top_bar a.responsive-menu-toggle i {
		font-size: 25px;
		line-height: 35px;
	}
	#Top_bar a.responsive-menu-toggle span {
		float: right;
		padding: 10px 5px;
		line-height: 14px;
	}
	/* main menu 1st level */
	#Top_bar #menu>ul {
		width: 100%;
		float: left;
	}
	#Top_bar #menu ul li {
		width: 100%;
		padding-bottom: 0;
		border-right: 0;
		position: relative;
	}
	#Top_bar #menu ul li a {
		padding: 0 20px;
		margin: 0;
		display: block;
		height: auto;
		line-height: normal;
		border: none;
	}
	#Top_bar #menu ul li a:after {
		display: none;
	}
	#Top_bar #menu ul li a span {
		border: none;
		line-height: 48px;
		display: inline;
		padding: 0;
	}
	#Top_bar #menu ul li.hover a {
		border-bottom: 0;
	}
	#Top_bar #menu ul li a span:after {
		display: none !important;
	}
	/* main menu 2nd level */
	#Top_bar #menu ul li ul {
		position: relative !important;
		left: 0 !important;
		top: 0;
		padding: 0;
		margin-left: 0 !important;
		width: auto !important;
		background-image: none !important;
	}
	#Top_bar #menu ul li ul li {
		width: 100% !important;
	}
	#Top_bar #menu ul li ul li a {
		padding: 0 20px 0 30px;
	}
	#Top_bar #menu ul li ul li a span {
		padding: 0;
	}
	#Top_bar #menu ul li ul li a span:after {
		display: none !important;
	}
	/* main menu 3rd level */
	#Top_bar #menu ul li ul li ul {
		border-left: 0 !important;
		padding: 0;
		top: 0;
	}
	#Top_bar #menu ul li ul li ul li a {
		padding: 0 20px 0 40px;
	}
	/* Header Creative */
	/* Stack header */
	/* Responsive | Hover Effect */
	/* Responsive | Section Background Image */
}

/* #Desktop 																				960 - 1239
====================================================================================================== */

@media only screen and (min-width: 960px) and (max-width: 1239px) {
	body {
		min-width: 0;
	}
	#Wrapper {
		width: 960px;
	}
	.section_wrapper, .container {
		width: 940px;
	}
	/* ======================================================= */
	/* Top bar width */
	#Top_bar .top_bar_left {
		width: 729px;
	}
	/* Google maps */
	/* Portfolio list */
	/* Error 404 */
	/* Offer slider */
	/* Recent posts */
}

/* #Header Creative always Open 															1240 - 1489
====================================================================================================== */

@media only screen and (min-width: 1240px) and (max-width: 1489px) {
	/* ======================================================= */
	/* Google maps */
	/* Portfolio list */
	/* Error 404 */
	/* Offer slider */
	/* Recent posts */
}

/*
|--------------------------------------------------------------------------
|  4.0 Responsive
|  
|--------------------------------------------------------------------------
|
| 
|
*/

html, body {
	overflow-x: hidden
}

/* > 1240 ------------------------------------------------------------------------------------------------------------- > 1240 */

@media only screen and (min-width: 1240px) {
	#Top_bar.loading {
		display: none
	}
}

/* #Header Creative always Open	1240 - 1489 ----------------------------------------- #Header Creative always Open 1240 - 1489 */

@media only screen and (min-width: 1240px) and (max-width: 1489px) {
	/* -------------------- */
	/* Error 404 */
	/* Google maps */
	/* Offer slider */
	/* Portfolio list */
	/* Recent posts */
}

/* < 1240 ------------------------------------------------------------------------------------------------------------- < 1240 */

@media only screen and (max-width: 1239px) {
	/* Hover Effect */
	/* Portfolio masonry hover */
	/* Section Background Image */
	/* Google maps */
}

/* #Desktop	960 - 1239 ---------------------------------------------------------------------------------- #Desktop	960 - 1239 */

@media only screen and (min-width: 960px) and (max-width: 1239px) {
	body {
		min-width: 0;
	}
	.section_wrapper, .container {
		max-width: 940px;
	}
	/* -------------------- */
	/* Top bar width */
	#Top_bar .top_bar_left {
		width: 729px
	}
	/* Blog | Columns | Grid, Masonry */
	/* Latest News */
	/* Blog Teaser */
	/* Portfolio | List */
	/* Portfolio | Columns | Grid, Masonry, Masonry Hover */
	/* Portfolio | Columns | Flat */
	/* Error 404 */
	/* Offer slider */
	/* Recent posts */
	/* Zoom Box */
}

/* #Desktop	> 960 -------------------------------------------------------------------------------------------- #Desktop	> 960 */

/* #Tablet (Landscape) 768 - 959 --------------------------------------------------------------- #Tablet (Landscape) 768 - 959 */

@media only screen and (min-width: 768px) and (max-width: 959px) {
	body {
		min-width: 0;
	}
	.section_wrapper, .container {
		max-width: 708px;
	}
	/* -------------------- */
	/* Header magazine */
	/* Top bar width */
	#Top_bar .top_bar_left {
		width: 501px
	}
	/* .footer-sliding */
	/* Subheader */
	/* Filters */
	/* Blog */
	/* Grid, Masonry */
	/* Timeline */
	/* Blog | Columns | Grid, Masonry */
	/* Blog | Columns | Masonry tiles */
	/* Latest News */
	/* Blog Teaser */
	/* Recent posts */
	/* Portfolio list */
	/* Grid, Masonry, Masonry Hover */
	/* Flat */
	/* Tabs */
	/* Counter */
	/* Article box */
	/* Pricing table */
	/* Infobox */
	/* Portfolio photo */
	/* Get in touch */
	/* Hover color */
	/* How it works */
	/* Opening Hours */
	/* Icon box */
	/* List item */
	/* Flat box */
	/* Offer thumb */
	/* Trailer box */
	/* Offer slider */
	/* Error 404 */
	/* Buttons */
	/* Zoom Box */
	/* Easy Digital Downloads */
}

/* #Desktop & Tablet (Landscape) > 768 --------------------------------------------------- #Desktop & Tablet (Landscape) > 768 */

@media only screen and (min-width: 768px) {
	/* Transparent ---------- */
	/* Header | Classic */
	/* Header | Plain */
	/* Header | Split */
	.tr-menu.header-split #Top_bar {
		position: absolute
	}
	.tr-menu.header-split #Top_bar:not(.is-sticky) {
		top: 30!important;
		background: none!important;
		background-image: linear-gradient(to bottom, rgba(28, 28, 28, 0.9), rgba(28, 28, 28, 0)) !important;
	}
	/* Header | Semitransparent */
	/* Header | Stack */
}

/* #Tablet (Portrait) & Mobile < 768 ------------------------------------------------------- #Tablet (Portrait) & Mobile < 768 */

@media only screen and (max-width: 767px) {
	body {
		min-width: 0;
	}
	.section_wrapper .mcb-wrap, .section_wrapper .column, .container .column {
		margin: 0;
		width: 100%!important;
		clear: both;
	}
	.section_wrapper, .container {
		max-width: 90%;
		max-width: calc(100% - 67px)!important;
	}
	.section_wrapper .column {
		margin: 0 0 20px;
		height: auto!important;
	}
	/* -------------------- */
	/* Sections */
	.section {
		background-attachment: scroll!important;
		height: auto!important
	}
	/* Sidebar */
	/* Header --------------- */
	#Top_bar {
		background: #fff!important;
		position: static
	}
	#Top_bar .container {
		max-width: 100%!important;
	}
	#Top_bar .top_bar_left {
		float: none;
		width: 100%!important;
		background: none!important
	}
	#Top_bar a.responsive-menu-toggle {
		right: 20px;
	}
	#Top_bar .menu_wrapper {
		float: left!important;
		width: 100%;
		margin: 0!important
	}
	#Top_bar #menu {
		float: left;
		position: static!important;
		width: 100%!important;
		padding-bottom: 20px
	}
	#Top_bar .logo {
		position: static;
		float: left;
		width: 100%;
		text-align: center;
		margin: 0
	}
	#Top_bar .logo #logo {
		padding: 0!important;
		margin: 10px 50px
	}
	#Top_bar .logo #logo img {
		height: auto!important
	}
	#Top_bar #logo img.logo-main {
		display: none
	}
	#Top_bar #logo img.logo-mobile {
		display: inline-block
	}
	#Top_bar #logo img.logo-mobile-sticky {
		display: none
	}
	/* Header | Below */
	/* Header | Creative */
	/* Header | Intro */
	/* Header | Magazine */
	/* Header | Minimalist */
	/* Header | Overlay */
	/* Header | Plain */
	/* Header | Simple */
	/* Header | Split */
	/* Header | Stack */
	/* Header mobile | minimal */
	.mobile-header-mini #Top_bar {
		top: 0;
        padding-top: 40px !important;
        padding-bottom: 10px;
	}
	.mobile-header-mini #Top_bar .container {
		max-width: 100%!important;
	}
	.mobile-header-mini #Top_bar .top_bar_left {
		float: left;
		position: static;
	}
	.mobile-header-mini #Top_bar .logo {
		width: auto;
		float: left;
		margin-left: 15px;
		border: none;
	}
	.mobile-header-mini #Top_bar #logo {
		height: 60px!important;
		line-height: 60px!important;
		margin: 0
	}
	.mobile-header-mini #Top_bar a.responsive-menu-toggle {
		top: 30px!important;
		left: auto;
		right: 10px;
		margin-top: -17px;
	}
	.mobile-header-mini #Top_bar #menu {
		padding-bottom: 10px;
	}
	.mobile-header-mini #Top_bar #menu ul li a span {
		line-height: 44px;
	}
	/* Header mobile | minimal | style */
	.mobile-header-mini.mobile-mini-mr-lc #Top_bar .logo {
		float: none;
		margin-left: 0;
		margin-right: 0;
	}
	/* Header mobile | minimal | headers compatibility */
	/* Header mobile | sticky */
	.mobile-sticky #Top_bar #menu {
		overflow: auto;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	/* Header mobile | transparent */
	/* Header mobile | transparent | plain */
	/* Header mobile | transparent | creative */
	/* Action Bar */
	/* Subheader */
	body:not(.template-slider):not(.header-simple) #Header {
		min-height: 350px;
		background-position: center 202px
	}
	/* Footer --------------- */
	/* Footer | Sliding */
	/* Back to top */
	/* Blog --------------- */
	/* Blog | Timeline */
	/* Blog | Masonry */
	/* Blog | Masonry tiles */
	/* Blog | Photo */
	/* Blog single */
	/* Post header */
	/* Single photo wrapper */
	/* Post nav */
	/* Portfolio --------------- */
	/* Project decription */
	/* Portfolio | Exposure */
	/* Portfolio | Flat */
	/* Portfolio | Grid */
	/* Portfolio | Masonry Flat */
	/* Portfolio | Photo */
	/* Shortcodes --------------- */
	/* Blog Teaser */
	/* Call to action */
	/* Clients */
	/* Content slider */
	/* Divider */
	/* Fancy headings */
	/* Features lists */
	/* Flat Box */
	/* Google maps */
	/* How it works */
	/* Offer slider */
	/* Icon box */
	/* Image Frame */
	.image_frame {
		margin-top: 0!important
	}
	/* Offer thumb */
	/* Offer thumb bottom */
	/* Pricing table */
	/* Promo box */
	/* Story Box */
	/* Table */
	/* Tabs */
	/* Tabs: simple-style */
	/* Tabs vertical: simple-style */
	/* Testimonials list */
	/* Timeline */
	/* General -------------------- */
	/* Error 404 */
	/* Filters */
	/* Fixed nav */
	/* Popup contact */
	/* Search Results */
	/* Video */
	/* In this case, the aspect ratio is 16:9, which means that the height will be 56.25% of the width. For a video with a 4:3 aspect ratio, we set padding-bottom to 75%. */
	/* Plugins --------------- */
	/* Pretty Photo Popup */
	/* Tiny popup on mobile | fix */
}

/* #Tablet (Portrait) & Mobile (Landscape) 480 - 768 ----------------------- #Tablet (Portrait) & Mobile (Landscape) 480 - 768 */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	/* Respond */
	/* Zoom Box */
	/* Gallery */
	/* Latest News */
}

/* #Mobile (Portrait) < 480 ------------------------------------------------------------------------- #Mobile (Portrait) < 480 */

@media only screen and (max-width: 479px) {
	/* Post nav */
	/* Portfolio list */
	/* Portfolio Masonry Flat */
	/* Latest News */
	/* Filters */
	/* Team */
	/* Timeline */
	/* Testimonials slider */
	/* Respond */
	/* Zoom Box */
	/* Feature box */
	/* Gallery */
}

/* Retina | iPad ----------------------------------------------------------------------------------------------- Retina | iPad */

/* #Padding
================================================== */
/* --- Padding Top Utility Classes --- */
.pt-4 { padding-top: 16px; } /* 1rem standard */
.pt-20 { padding-top: 80px; } /* Il tuo obiettivo */

/* --- Padding Bottom Utility Classes --- */
.pb-20 { padding-bottom: 80px; }
.pb-40 { padding-bottom: 160px; }

/* #Margin
================================================== */
/* --- Margin Top Utility Classes --- */
.mt-2 { margin-top: 8px; } /* 1rem standard */ /* Il tuo obiettivo */

/* --- Margin Bottom Utility Classes --- */
.mb-16 { margin-bottom: 64px; }

/* Incrementi di 2px */
.txt-size-24 { font-size: 24px; }

/* Incrementi di 4px */
@font-face {
    font-family: 'Headliner';
    src: url('https://www.birralucana.it/content/fonts/headliner/Headliner.woff2') format('woff2'),
        url('https://www.birralucana.it/content/fonts/headliner/Headliner.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

h2,h3{	
    font-family: 'Headliner', sans-serif !important;
	font-weight:100 !important;
}

h3{
	font-size:30px !important;
}


.text-center{
	text-align:center !important;
}

.text-bianco{
	color:#FFF !important;
}

.text-marrone{
	color:#644d3d !important;
}

.text-oro{
	color:#8b6f5c !important;
}

.text-rosso{
	color:#c43a35 !important;
}

.text-verde {
	color: #85b448 !important;
}

.text-Headliner{
	font-family: 'Headliner', sans-serif !important;
}
.flex {
    display: flex;
}
.justify-between {
    justify-content: space-between;
}
.gap-2 {
    gap: 0.5em;
}

.uppercase{
	text-transform: capitalize;
}

body, html, p, li, a{
	font-family: "Kumbh Sans", sans-serif;
	font-size: 18px;
	font-weight: 400;
}

.button-radius{	
    border-radius: 35px !important;
}


.woocommerce div.product {
	margin-bottom: 0;
	position: relative
}

.woocommerce .products :after, .woocommerce .products:after {
	clear: both
}

.woocommerce div.product div.images {
	margin-bottom: 2em
}

	.woocommerce div.product div.images img {
		display: block;
		width: 100%;
		height: auto
	}

.woocommerce .products , .woocommerce .products {
	margin: 0 0 1em;
	padding: 0;
	list-style: none;
	clear: both
}

	.woocommerce .products :after, .woocommerce .products :before, .woocommerce .products:after, .woocommerce .products:before {
		content: " ";
		display: table
	}

	.woocommerce .products  , .woocommerce .products  {
		list-style: none
	}

		.woocommerce .products .product h3 {
			padding: .5em 0;
			margin: 0;
			font-size: 1em
		}

		.woocommerce .products .product a {
			text-decoration: none
		}

			.woocommerce .products .product a img {
				width: 100%;
				height: auto;
				display: block
			}

		.woocommerce .products .product .button {
			margin-top: 1em
		}

.woocommerce a.button, .woocommerce button.button {
	font-size: 100%;
	margin: 0;
	line-height: 1;
	cursor: pointer;
	position: relative;
	font-family: inherit;
	text-decoration: none;
	overflow: visible;
	padding: .618em 1em;
	font-weight: 700;
	border-radius: 3px;
	left: auto;
	color: #515151;
	background-color: #ebe9eb;
	border: 0;
	white-space: nowrap;
	display: inne-block;
	background-image: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	text-shadow: none
}

	.woocommerce a.button.loading, .woocommerce button.button.loading {
		opacity: .25;
		padding-right: 2.618em
	}

		.woocommerce a.button.loading:after, .woocommerce button.button.loading:after {
			font-family: WooCommerce;
			content: "\e01c";
			vertical-align: top;
			-webkit-font-smoothing: antiaased;
			font-weight: 400;
			position: absolute;
			top: .618em;
			right: 1em;
			-webkit-animation: spin 2s near infinite;
			-moz-animation: spin 2s near infinite;
			animation: spin 2s near infinite
		}

	.woocommerce a.button:hover, .woocommerce button.button:hover {
		background-color: #dad8da;
		text-decoration: none;
		background-image: none;
		color: #515151
	}

	.woocommerce a.button.alt, .woocommerce button.button.alt {
		background-color: #a46497;
		color: #fff;
		-webkit-font-smoothing: antiaased
	}

		.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover {
			background-color: #935386;
			color: #fff
		}

		.woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover {
			background-color: #a46497;
			color: #fff
		}

	.woocommerce a.button:disabled, .woocommerce button.button:disabled {
		color: inherit;
		cursor: not-allowed;
		opacity: .5
	}

		.woocommerce a.button:disabled:hover, .woocommerce button.button:disabled:hover {
			color: inherit;
			background-color: #ebe9eb
		}

.woocommerce a.button, .woocommerce button.button {
	display: inne-block;
	line-height: inherit;
	padding: 0;
	margin-bottom: 15px;
	cursor: pointer;
	margin-right: 7px;
	border: 0;
	font-weight: 400 !important;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	position: relative;
	overflow: hidden;
	-webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.03);
	box-shadow: inset 0 0 0 1px rgba(0,0,0,.03);
	background-image: url(https://www.birralucana.it/content/images/box_shadow_button.png);
	background-repeat: repeat-x;
	text-shadow: 0 0 0 rgba(255,255,255,0) !important
}

.woocommerce button {
	padding: 11px 20px !important
}

	.woocommerce a:hover.button, .woocommerce button:hover.button {
		background: url(https://www.birralucana.it/content/images/box_shadow_button.png) repeat-x
	}

.woocommerce .products .product {
	margin: 0 0 20px !important;
	clear: none
}

.woocommerce .products:not(.col-4) .product:nth-child(3n+1) {
	clear: both
}

.woocommerce .products.col-4 .product {
	width: 23% !important
}

	.woocommerce .products.col-4 .product:nth-child(4n+1) {
		clear: both
	}

.woocommerce .products .product .image_frame {
	position: relative
}


.woocommerce .products .product h3 {
	margin-bottom: 5px
}

.woocommerce .products .product a img, .woocommerce .products .product a:hover img {
	-webkit-box-shadow: 0 0 0;
	box-shadow: 0 0 0;
	margin: 0
}

.woocommerce .products .product .desc h4 a {
	font-family: 'Headliner', sans-serif !important;
	font-weight: 100 !important;
	font-size: 32px;
	display: flex;
	flex-direction: column;
	color: #c43a35;
}

.woocommerce .products .product .desc h4 span {
	font-family: "Kumbh Sans", sans-serif !important;
	font-weight: 100 !important;
	display: block;
	color: #FFFFFF;
	font-size: 24px;
}

.woocommerce .products .product .desc .product-nk-dec {
	opacity: 0;
	transform: translateY(10px); /* Parte 10px più in basso */
	transition: opacity 0.4s ease, transform 0.4s ease;
}

.woocommerce .products .product:hover .desc .product-nk-dec {
	opacity: 1;
	transform: translateY(0); /* Torna alla posizione originale */
}

.woocommerce .products .product .product-loading-icon {
	filter: alpha(opacity=0);
	opacity: 0;
	width: 50px;
	height: 50px;
	position: absolute;
	left: 50%;
	top: 50%;
	background-color: #fff;
	margin: -25px 0 0 -25px;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	z-index: 3
}

	.woocommerce .products .product .product-loading-icon:before {
		font-family: mfn-icons;
		font-style: normal;
		font-weight: 400;
		display: block;
		text-decoration: none !important;
		width: 20px;
		height: 20px;
		font-size: 20px;
		text-align: center;
		font-variant: normal;
		text-transform: none;
		line-height: 1em;
		position: absolute;
		left: 50%;
		top: 50%;
		margin: -10px 0 0 -10px;
		content: '\e812';
		color: #444
	}

.woocommerce #content div.product div.images img, .woocommerce div.product div.images img {
	-webkit-box-shadow: 0 0 0;
	box-shadow: 0 0 0
}

@media only screen and (min-width: 768px) and (max-width:959px) {
	.woocommerce .products .product {
		margin: 0 1% 20px !important;
		clear: none !important
	}

	.woocommerce .products.col-4 .product {
		width: 48% !important
	}

	.woocommerce .products .product:nth-child(2n+1) {
		clear: both !important
	}
}

.woocommerce .products, .woocommerce .products:after {
	clear: both
}

@media only screen and (max-width: 767px) {

	.woocommerce .products .product {
		width: 100% !important;
		margin: 0 0 20px !important
	}

	.woocommerce .products.col-4 .product {
		width: 100% !important
	}
}

.woocommerce img {
	height: auto;
	max-width: 100%
}

.woocommerce #content div.product div.images, .woocommerce div.product div.images {
	float: left;
	width: 48%
}

.woocommerce .products:after, .woocommerce .products:before {
	content: " ";
	display: table
}

.woocommerce .products .product {
	float: left;
	margin: 0 3.8% 2.992em 0;
	padding: 0;
	position: relative;
}
.woocommerce .products .product .desc .product-link-dec {
	opacity: 0;
	transform: translateY(10px);
	/* Parte 10px più in basso */
	transition: opacity 0.4s ease, transform 0.4s ease;
}

.woocommerce .products .product:hover .desc .product-link-dec {
    opacity: 1;
    transform: translateY(0);*/ /* Torna alla posizione originale */
}
/*.woocommerce div.product {
    margin-bottom: 0;
    position: relative
}

.woocommerce .products ul:after,.woocommerce ul.products:after {
    clear: both
}

.woocommerce div.product div.images {
    margin-bottom: 2em
}

.woocommerce div.product div.images img {
    display: block;
    width: 100%;
    height: auto
}

.woocommerce .products ul,.woocommerce ul.products {
    margin: 0 0 1em;
    padding: 0;
    list-style: none;
    clear: both
}

.woocommerce .products ul:after,.woocommerce .products ul:before,.woocommerce ul.products:after,.woocommerce ul.products:before {
    content: " ";
    display: table
}

.woocommerce .products ul li,.woocommerce ul.products li {
    list-style: none
}

.woocommerce ul.products li.product h3 {
    padding: .5em 0;
    margin: 0;
    font-size: 1em
}

.woocommerce ul.products li.product a {
    text-decoration: none
}

.woocommerce ul.products li.product a img {
    width: 100%;
    height: auto;
    display: block
}

.woocommerce ul.products li.product .button {
    margin-top: 1em
}

.woocommerce a.button,.woocommerce button.button {
    font-size: 100%;
    margin: 0;
    line-height: 1;
    cursor: pointer;
    position: relative;
    font-family: inherit;
    text-decoration: none;
    overflow: visible;
    padding: .618em 1em;
    font-weight: 700;
    border-radius: 3px;
    left: auto;
    color: #515151;
    background-color: #ebe9eb;
    border: 0;
    white-space: nowrap;
    display: inline-block;
    background-image: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    text-shadow: none
}

.woocommerce a.button.loading,.woocommerce button.button.loading {
    opacity: .25;
    padding-right: 2.618em
}

.woocommerce a.button.loading:after,.woocommerce button.button.loading:after {
    font-family: WooCommerce;
    content: "\e01c";
    vertical-align: top;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    position: absolute;
    top: .618em;
    right: 1em;
    -webkit-animation: spin 2s linear infinite;
    -moz-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite
}

.woocommerce a.button:hover,.woocommerce button.button:hover {
    background-color: #dad8da;
    text-decoration: none;
    background-image: none;
    color: #515151
}

.woocommerce a.button.alt,.woocommerce button.button.alt {
    background-color: #a46497;
    color: #fff;
    -webkit-font-smoothing: antialiased
}

.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover {
    background-color: #935386;
    color: #fff
}

.woocommerce a.button.alt:disabled,.woocommerce a.button.alt:disabled:hover,.woocommerce button.button.alt:disabled,.woocommerce button.button.alt:disabled:hover {
    background-color: #a46497;
    color: #fff
}

.woocommerce a.button:disabled,.woocommerce button.button:disabled {
    color: inherit;
    cursor: not-allowed;
    opacity: .5
}

.woocommerce a.button:disabled:hover,.woocommerce button.button:disabled:hover {
    color: inherit;
    background-color: #ebe9eb
}

.woocommerce a.button,.woocommerce button.button {
    display: inline-block;
    line-height: inherit;
    padding: 0;
    margin-bottom: 15px;
    cursor: pointer;
    margin-right: 7px;
    border: 0;
    font-weight: 400!important;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.03);
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.03);
    background-image: url(https://www.birralucana.it/content/images/box_shadow_button.png);
    background-repeat: repeat-x;
    text-shadow: 0 0 0 rgba(255,255,255,0)!important
}

.woocommerce button {
    padding: 11px 20px!important
}

.woocommerce a:hover.button,.woocommerce button:hover.button {
    background: url(https://www.birralucana.it/content/images/box_shadow_button.png) repeat-x
}

.woocommerce ul.products li.product {
    width: 31.3%!important;
    margin: 0 1% 20px!important;
    clear: none
}

.woocommerce ul.products:not(.col-4) li.product:nth-child(3n+1) {
    clear: both
}

.woocommerce ul.products.col-4 li.product {
    width: 23%!important
}

.woocommerce ul.products.col-4 li.product:nth-child(4n+1) {
    clear: both
}

.woocommerce ul.products li.product .image_frame {
    position: relative
}


.woocommerce ul.products li.product h3 {
    margin-bottom: 5px
}

.woocommerce ul.products li.product a img,.woocommerce ul.products li.product a:hover img {
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
    margin: 0
}

.woocommerce ul.products li.product .desc h4 a{
    font-family: 'Headliner', sans-serif !important;
	font-weight:100 !important;
	font-size:32px;
	display: flex;
    flex-direction: column;
    color:#c43a35;
}
.woocommerce ul.products li.product .desc h4 span{
	    font-family: "Kumbh Sans", sans-serif !important;
	font-weight:100 !important;
	display: block;
    color:#FFFFFF;
	font-size:24px;
}
.woocommerce ul.products li.product .desc .product-link-dec {
    opacity: 0;
    transform: translateY(10px);*/ /* Parte 10px più in basso */
	/*transition: opacity 0.4s ease, transform 0.4s ease;
}

.woocommerce ul.products li.product:hover .desc .product-link-dec {
    opacity: 1;
    transform: translateY(0);*/ /* Torna alla posizione originale */
	/*}

.woocommerce ul.products li.product .product-loading-icon {
    filter: alpha(opacity=0);
    opacity: 0;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-color: #fff;
    margin: -25px 0 0 -25px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    z-index: 3
}

.woocommerce ul.products li.product .product-loading-icon:before {
    font-family: mfn-icons;
    font-style: normal;
    font-weight: 400;
    display: block;
    text-decoration: none!important;
    width: 20px;
    height: 20px;
    font-size: 20px;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -10px 0 0 -10px;
    content: '\e812';
    color: #444
}

.woocommerce #content div.product div.images img,.woocommerce div.product div.images img {
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0
}

@media only screen and (min-width: 768px) and (max-width:959px) {
    .woocommerce ul.products li.product {
        width:48%!important;
        margin: 0 1% 20px!important;
        clear: none!important
    }

    .woocommerce ul.products.col-4 li.product {
        width: 48%!important
    }

    .woocommerce ul.products li.product:nth-child(2n+1) {
        clear: both!important
    }
}

.woocommerce ul.products,.woocommerce ul.products:after {
    clear: both
}

@media only screen and (max-width: 767px) {

    .woocommerce ul.products li.product {
        width: 100%!important;
        margin: 0 0 20px!important
    }

    .woocommerce ul.products.col-4 li.product {
        width: 100%!important
    }
}

.woocommerce img {
    height: auto;
    max-width: 100%
}

.woocommerce #content div.product div.images,.woocommerce div.product div.images {
    float: left;
    width: 48%
}

.woocommerce ul.products:after,.woocommerce ul.products:before {
    content: " ";
    display: table
}

.woocommerce ul.products li.product {
    float: left;
    margin: 0 3.8% 2.992em 0;
    padding: 0;
    position: relative;
    width: 22.05%
}*/
	#Footer {
	background-image: url(https://www.birralucana.it/content/images/rest6-bottom-sec-gra.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover
}

@media only screen and (min-width: 1240px) {
	body:not(.header-simple) #Top_bar #menu {
		display: block !important
	}
	.tr-menu #Top_bar #menu {
		background: none !important
	}
	.menu-line-below-80-1 #Top_bar:not(.is-sticky) .menu>li>a:after {
		height: 1px;
		left: 10%;
		top: 50%;
		margin-top: 20px;
		width: 80%
	}
	.menuo-no-borders #Top_bar .menu>li>a span {
		border-width: 0 !important
	}
}
@media only screen and (max-width: 1239px) {
	#Top_bar #menu {
		display: none;
		height: auto;
		width: 300px;
		bottom: auto;
		top: 100%;
		right: 1px;
		position: absolute;
		margin: 0
	}
	#Top_bar a.responsive-menu-toggle {
		display: block
	}
	#Top_bar #menu>ul {
		width: 100%;
		float: left
	}
	#Top_bar #menu ul li {
		width: 100%;
		padding-bottom: 0;
		border-right: 0;
		position: relative
	}
	#Top_bar #menu ul li a {
		padding: 0 25px;
		margin: 0;
		display: block;
		height: auto;
		line-height: normal;
		border: none
	}
	#Top_bar #menu ul li a:after {
		display: none
	}
	#Top_bar #menu ul li a span {
		border: none;
		line-height: 44px;
		display: inline;
		padding: 0
	}
	#Top_bar #menu ul li.hover a {
		border-bottom: 0
	}
	#Top_bar #menu ul li a span:after {
		display: none !important
	}
	#Top_bar #menu ul li ul {
		position: relative !important;
		left: 0 !important;
		top: 0;
		padding: 0;
		margin-left: 0 !important;
		width: auto !important;
		background-image: none !important;
		box-shadow: 0 0 0 0 transparent !important;
		-webkit-box-shadow: 0 0 0 0 transparent !important
	}
	#Top_bar #menu ul li ul li {
		width: 100% !important
	}
	#Top_bar #menu ul li ul li a {
		padding: 0 20px 0 35px
	}
	#Top_bar #menu ul li ul li a span {
		padding: 0
	}
	#Top_bar #menu ul li ul li a span:after {
		display: none !important
	}
	#Top_bar #menu ul li ul li ul {
		border-left: 0 !important;
		padding: 0;
		top: 0
	}
	#Top_bar #menu ul li ul li ul li a {
		padding: 0 20px 0 45px
	}
}
#Header_wrapper {
	background-color: #252422;
}
#Footer {
	background-color: #2d2b2a;
}
body {
	color: #5e5e5e;
}
a {
	color: #fff;
}
a:hover {
	color: #fff;
}
*::-moz-selection {
	background-color: #0095eb;
	color: white;
}
*::selection {
	background-color: #0095eb;
	color: white;
}
h2, h2 a, h2 a:hover {
	color: #000;
}
h3, h3 a, h3 a:hover {
	color: #000;
}
h4, h4 a, h4 a:hover {
	color: #000;
}
a.button {
	background-color: #f7f7f7;
	color: #747474;
}
 button {
	background-color: #8b6f5c;
	color: #fff;
}
 .woocommerce a.button, .woocommerce button.button, .woocommerce a.button:hover, .woocommerce button.button:hover {
	background-color: #8b6f5c;
	color: #fff;
}
 .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover {
	background-color: #8b6f5c;
	color: #fff;
}
 .woocommerce a.button:disabled, .woocommerce button.button:disabled {
	background-color: #8b6f5c;
	color: #fff;
}
 .woocommerce a.button:disabled:hover, .woocommerce button.button:disabled:hover {
	background-color: #8b6f5c;
	color: #fff;
}
#Top_bar .menu>li>a {
	color: #fff;
}
 #Top_bar .menu>li.hover>a {
	color: #fff;
}
#Top_bar .menu>li a:after {
	background: #fff;
}
#Top_bar .menu>li ul {
	background-color: #F2F2F2;
}
#Top_bar .menu>li ul li a {
	color: #5f5f5f;
}
#Top_bar .menu>li ul li a:hover, #Top_bar .menu>li ul li.hover>a {
	color: #2e2e2e;
}
#Top_bar .responsive-menu-toggle {
	color: #f6f6f6;
	background: transparent;
}
#Footer {
	color: #d5d5d5;
}
#Footer a {
	color: #fff;
}
#Footer a:hover {
	color: #fff;
}
 #Footer h2, #Footer h2 a, #Footer h2 a:hover, #Footer h3, #Footer h3 a, #Footer h3 a:hover, #Footer h4, #Footer h4 a, #Footer h4 a:hover {
	color: #d5d5d5;
}
.image_frame .image_wrapper .image_links {
	background: rgba(0, 149, 235, 0.8);
}
.image_frame .image_wrapper .image_links a {
	color: #fff;
}
.image_frame .image_wrapper .image_links a:hover {
	background: #fff;
	color: #0095eb;
}
.image_frame {
	border-color: #f8f8f8;
}
.image_frame .image_wrapper .mask::after {
	background: rgba(255, 255, 255, 0.4);
}
::-webkit-input-placeholder {
	color: #c1c0c0;
}
::-moz-placeholder {
	color: #c1c0c0;
}
:focus::-webkit-input-placeholder {
	color: #fff;
}
:focus::-moz-placeholder {
	color: #fff;
}
@media only screen and (max-width: 767px) {
	#Top_bar {
		background-color: #2d2b2a !important;
	}
}
html {
	background-color: #1c1c1c;
}
#Wrapper, #Content {
	background-color: #1c1c1c;
}
body, button {
	font-family: "Poppins", Arial, Tahoma, sans-serif;
}
#menu>ul>li>a {
	font-family: "Cormorant Garamond", Arial, Tahoma, sans-serif;
}
 h2, h3, h4 {
	font-family: "Cormorant Garamond", Arial, Tahoma, sans-serif;
}
body {
	font-size: 16px;
	line-height: 32px;
	font-weight: 300;
	letter-spacing: 0px;
}
#menu>ul>li>a {
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 1px;
}
h2 {
	font-size: 48px;
	line-height: 58px;
	font-weight: 600;
	letter-spacing: 0px;
}
h3 {
	font-size: 25px;
	line-height: 29px;
	font-weight: 300;
	letter-spacing: 0px;
}
h4 {
	font-size: 26px;
	line-height: 35px;
	font-weight: 700;
	letter-spacing: 0px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	body {
		font-size: 14px;
		line-height: 27px;
		letter-spacing: 0px;
	}
	#menu>ul>li>a {
		font-size: 14px;
		letter-spacing: 1px;
	}
	h2 {
		font-size: 41px;
		line-height: 49px;
		letter-spacing: 0px;
	}
	h3 {
		font-size: 21px;
		line-height: 25px;
		letter-spacing: 0px;
	}
	h4 {
		font-size: 22px;
		line-height: 30px;
		letter-spacing: 0px;
	}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	body {
		font-size: 13px;
		line-height: 24px;
		letter-spacing: 0px;
	}
	#menu>ul>li>a {
		font-size: 13px;
		letter-spacing: 1px;
	}
	h2 {
		font-size: 36px;
		line-height: 44px;
		letter-spacing: 0px;
	}
	h3 {
		font-size: 19px;
		line-height: 22px;
		letter-spacing: 0px;
	}
	h4 {
		font-size: 20px;
		line-height: 26px;
		letter-spacing: 0px;
	}
}
@media only screen and (max-width: 479px) {
	body {
		font-size: 13px;
		line-height: 19px;
		letter-spacing: 0px;
	}
	#menu>ul>li>a {
		font-size: 13px;
		letter-spacing: 1px;
	}
	h2 {
		font-size: 29px;
		line-height: 35px;
		letter-spacing: 0px;
	}
	h3 {
		font-size: 15px;
		line-height: 19px;
		letter-spacing: 0px;
	}
	h4 {
		font-size: 16px;
		line-height: 32px;
		letter-spacing: 0px;
	}
}
@media only screen and (min-width: 1240px) {
	.section_wrapper, .container {
		max-width: 1120px;
	}
}
@media only screen and (max-width: 767px) {
	.section_wrapper, .container {
		max-width: 480px !important;
	}
}
#Top_bar #logo {
	height: 60px;
	line-height: 60px;
	padding: 30px 0;
}
#Top_bar .menu>li>a {
	padding: 30px 0;
}
@media only screen and (max-width: 767px) {
	#Top_bar a.responsive-menu-toggle {
		top: 40px;
	}
	.mobile-header-mini #Top_bar #logo {
		height: 50px !important;
		line-height: 50px !important;
		margin: 5px 0;
	}
}
/*
|--------------------------------------------------------------------------
|   Demo Styles
|
|--------------------------------------------------------------------------
|
|
|
*/

#Top_bar #logo img.logo-sticky, #Top_bar #logo img.logo-mobile, #Top_bar #logo img.logo-mobile-sticky {
	display: none
}
/* Section --------------------------------------------------------------------------- */
.section.center {
	text-align: center
}
 .section.no-margin-v .column {
	margin-bottom: 0;
}
/* Button Item ----------------------------------------------------------------------- */
@media only screen and (max-width: 767px) {
	.mobile-header-mini #Top_bar .container {
		width: 100%!important;
	}
	.section_wrapper, .container {
		width: calc(100% - 67px)!important;
	}
	.section_wrapper .mcb-wrap, .section_wrapper .column, .container .column {
		margin: 0;
		width: 100%!important;
		clear: both;
	}
	#Top_bar #menu {
		float: left;
		position: static!important;
		width: 100%!important;
		padding-bottom: 20px;
	}
	#Top_bar .top_bar_left {
		margin-top: 0px;
	}
}
/* ------------------------------------------- *
* font awesome
* ------------------------------------------- */

/* sections */
/* custom inline add */
@media only screen and (max-width: 767px) {
	#Top_bar #logo img.logo-main {
		display: none
	}
	#Top_bar #logo img.logo-mobile {
		display: inline-block
	}
}
@media only screen and (max-width: 767px) {
	/* Blog Teaser */
}
/* ------------------------------------------- *
* menu
* ------------------------------------------- */
#menu span,#menu li{
	font-family: Headliner, sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.1;
}

#Top_Decor{
	height:30px;
	position:fixed;
	top:0px;
	width:100%;
	background: url('https://www.birralucana.it/content/images/top_01.webp');
	background-repeat: repeat-x;
	z-index:99999;
}

#Top_bar{
	top:30px !important;	
}

.margin-0{
	margin:0px !important;	
}
.padding-0{
	padding:0px !important;	
}
.bg-black{
	background-color:#1c1c1c!important;	
}

/*  ------------------------
HOME 
---------------------------*/
#div-txt-artigianilita {
    overflow: hidden;
    height: 0; /* Parte da zero */
    transition: opacity 0.3s; /* Opzionale, per fluidità */
}

#product_list {
    overflow: hidden;
    height: 0; /* Parte da zero */
    transition: opacity 0.3s; /* Opzionale, per fluidità */
}

#section-prodotti{
	z-index: 10;
}

/*SLIDER*/s
.slider-text-right{
    text-align:right !important;
}

/* =====================
   FOOTER LUCANA
   ===================== */

#Footer.footer-lucana {
    background-color: #0a0a0a;
    color: #ffffff;
    padding: 80px 0 0px;
}

.footer-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 30px;
}
#Footer .footer-decor {
	height: 30px;
	width: 100%;
	background: url('https://www.birralucana.it/content/images/top_01.webp');
	background-repeat: repeat-x;
}

/* --- GRID --- */
.footer-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 60px;
    margin-bottom: 60px;
}

/* --- LOGO --- */
.footer-logo img {
    height: 50px;
    width: auto;
    object-fit: contain;
    margin-bottom: 20px;
    display: block;
}

/* --- DESCRIZIONE --- */
.footer-desc {
    color: rgba(255,255,255,0.5);
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 24px;
}

/* --- SOCIAL --- */
.footer-social {
    display: flex;
    gap: 12px;
}

.footer-social-btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    transition: background-color 0.3s, border-color 0.3s;
}

.footer-social-btn:hover {
    background-color: #c9a84c; /* brand-gold */
    border-color: #c9a84c;
    color: #ffffff;
}

/* --- TITOLI COLONNE --- */
.footer-col-title {
    font-family: 'Headliner', serif;
    font-size: 28px;
    color: #ffffff;
    margin-bottom: 28px;
	font-weight: 100;
}

.section-carta {
		background-image: url(https://www.birralucana.it/content/images/bg/paper01.webp);
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: cover;
		padding: 210px 0;
		position: relative;
		z-index: 0;
		top: -140px;
		margin-bottom: -140px;
	}

/* --- HERO --- */
/* Altezza e gestione immagine */
.hero-header {
	position: relative;
	height: 90vh;
	min-height: 500px;
	width: 100%;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom center;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	z-index:2;
}

.header-territorio {
	background-image: url('https://www.birralucana.it/content/images/bg/lucania05.webp');
}

.header-birrificio {
	background-image: url('https://www.birralucana.it/content/images/bg/birrificio01.webp');
}

.header-contatti {
	background-image: url('https://www.birralucana.it/content/images/bg/birre03.webp');
	height: 50vh !important;
	min-height: 250px !important;
}

.header-birre {
	background-image: url('https://www.birralucana.it/content/images/bg/birre01.webp');
}

.header-birra {
	background-image: url('https://www.birralucana.it/content/images/bg/birre02.webp');
	height: 5vh !important;
	min-height: 300px !important;
}

.hero-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient( to bottom, rgba(0, 0, 0, 0.4) 0%, /* Inizio: opacità 0.4 */
	rgba(0, 0, 0, 0.5) 50%, /* Al 50% dell'altezza è ancora 0.4 */
	rgba(0, 0, 0, 0) 80% /* Al fondo diventa completamente trasparente */
	);
	z-index: 1;
}

/* Rimosso top: 30% per non rompere il centramento Flexbox. 
   Se vuoi alzarlo leggermente, usa un transform negativo */
.hero-containertext {
	position: relative;
	z-index: 10;
	width: 100%;
}

.hero-title {
	margin: 0; 
	padding: 0;
	line-height: 1;
	font-weight: 100;
	font-size: calc(3.5rem + 5vw);
	font-family: 'Headliner', serif;
	color: #FFF;
	margin-bottom: 0;
	line-height: 1.1;
	text-shadow: 0px 0px 8px rgba(20, 20, 20, 0.8);
}

.hero-subtitle {
	font-size: 1.8rem; /* Leggermente ridotto per equilibrio estetico */
	color: #FFF;
	letter-spacing: 0.1em; /* Un minimo di spaziatura aiuta la leggibilità */
	text-shadow: 0px 0px 8px rgba(20, 20, 20, 0.8);
}

/* --- NAV --- */
.footer-nav {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.footer-nav li a {
    color: rgba(255,255,255,0.6);
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    text-decoration: none;
    transition: color 0.3s;
}

.footer-nav li a:hover {
    color: #c9a84c;
}

/* --- CONTATTI --- */
.footer-contacts {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.footer-contacts li {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    color: rgba(255,255,255,0.6);
    font-size: 16px;
    font-weight: 1s00;
    line-height: 1.6;
}

.footer-contacts li svg {
    color: #c9a84c;
    flex-shrink: 0;
    margin-top: 2px;
}

/* --- BOTTOM BAR --- */
.footer-bottom p {
    padding-top: 30px;
    border-top: 1px solid rgba(255,255,255,0.1);
    display: flex;
    flex-direction: row;
    /*justify-content: space-between;*/
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    font-size: 13px !important;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    color: rgba(255,255,255,0.3);
    font-weight: 100;
}

.footer-bottom a {
	font-size: 13px !important;
	color: rgba(255,255,255,0.3) !important;
}

.footer-bottom-links {
	display: flex;
	gap: 28px;
}

.footer-bottom-links a {
    color: rgba(255,255,255,0.3);
    text-decoration: none;
    transition: color 0.3s;
}

.footer-bottom-links a:hover {
    color: #ffffff;
}

/* --- RESPONSIVE --- */
@media (max-width: 1024px) {
    .footer-grid {
        grid-template-columns: 1fr 1fr;
        gap: 40px;
    }
}

@media (max-width: 640px) {
    .footer-grid {
        grid-template-columns: 1fr;
        gap: 36px;
    }

    .footer-bottom {
        flex-direction: column;
        text-align: center;
    }

    .footer-bottom-links {
        flex-wrap: wrap;
        justify-content: center;
        gap: 16px;
    }
}

/* Layout */
.section-territorio { z-index: 0; top: -250px; margin-bottom: -250px;position: relative; padding: 8rem 1.5rem; overflow: hidden; }
.section-territorio .bg-overlay { position: absolute; inset: 0; z-index: 0; }
.section-territorio .bg-overlay img { width: 100%; height: 100%; object-fit: cover; opacity: 0.2; filter: grayscale(1); }
.section-territorio .inner { max-width: 1280px; margin: 0 auto; position: relative; z-index: 10; }

/* Grid */
.section-territorio .grid-2col { display: grid; grid-template-columns: 1fr; gap: 5rem; align-items: center; }
@media (min-width: 1024px) {
  .section-territorio .grid-2col { grid-template-columns: 1fr 1fr; }
}

/* Testi */
.section-territorio .label { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.2em; color: #c9a84c; margin-bottom: 1.5rem; font-weight: 700; display: block; }
.section-territorio h2 { font-size: clamp(3rem, 7vw, 5rem); font-family: Headliner, serif; color: #fff; line-height: 1.1; margin-bottom: 2rem; }
.section-territorio .lead { font-size: 1.1rem; color: rgba(255,255,255,0.7); margin-bottom: 2.5rem; line-height: 1.8; }

/* Icone grid */
.section-territorio .icons-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; margin-bottom: 2.5rem; }
.section-territorio .icon-item { display: flex; align-items: flex-start; gap: 1rem; }
.section-territorio .icon-box { padding: 0.75rem; background: rgba(201,168,76,0.1); border-radius: 9999px; color: #c9a84c; flex-shrink: 0; }
.section-territorio .icon-item h4 { font-family: Headliner, serif; font-size: 2rem; font-weight: 100; color: #fff; margin-bottom: 0.25rem; }
.section-territorio .icon-item p  { font-size: 0.85rem; color: rgba(255,255,255,0.6); margin: 0; }

/* CTA */
.section-territorio .cta-btn { display: inline-block; background: #c9a84c; color: #fff; padding: 1rem 2.5rem; border-radius: 9999px; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.2em; font-weight: 700; transition: background 0.3s, color 0.3s; text-decoration: none; }
.section-territorio .cta-btn:hover { background: #fff; color: #c9a84c; }

/* Immagine cerchio */
.section-territorio .img-col { position: relative; }
.section-territorio .img-circle { aspect-ratio: 1; border-radius: 9999px; overflow: hidden; border: 20px solid #fff; box-shadow: 0 25px 60px rgba(0,0,0,0.4); }
.section-territorio .img-circle img { width: 100%; height: 100%; object-fit: cover; }
.section-territorio .badge-artigianale { position: absolute; bottom: -2.0rem; left: -2.5rem; background: #c9a84c; color: #fff; padding: 2.5rem; border-radius: 9999px; width: 10rem; height: 10rem; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; z-index: 20; transform: rotate(8deg); }
.section-territorio .badge-artigianale span:first-child { font-family: Headliner, serif !important; font-size: 1.875rem; font-weight: 100; line-height: 1.4em; margin-top: -30px;}
.section-territorio .badge-artigianale span:last-child  { font-family: Headliner, serif !important;font-size: 3rem; text-transform: uppercase; font-weight:7100; }







/* Layout */
.section-shop { z-index: 10; top: 0px; position: relative; padding: 8rem 1.5rem; overflow: hidden; }
.section-shop .bg-overlay { position: absolute; inset: 0; z-index: 0; }
.section-shop .bg-overlay img { width: 100%; height: 100%; object-fit: cover;  }
.section-shop .inner { max-width: 1280px; margin: 0 auto; position: relative; z-index: 10; }

/* Grid */
.section-shop .grid-2col { display: grid; grid-template-columns: 1fr; gap: 5rem; align-items: center; }
@media (min-width: 1024px) {
  .section-shop .grid-2col { grid-template-columns: 1fr 1fr; }
}
/* Testi */
.section-shop .label { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.2em; color: #c9a84c; margin-bottom: 1.5rem; font-weight: 700; display: block; }
.section-shop h2 { font-size: clamp(3rem, 7vw, 5rem); font-family: Headliner, serif; color: #fff; line-height: 1.1; margin-bottom: 2rem; }
.section-shop .lead { font-size: 1.1rem; color: rgba(255,255,255,0.7); margin-bottom: 2.5rem; line-height: 1.8; }

/* Icone grid */
.section-shop .icons-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; margin-bottom: 2.5rem; }
.section-shop .icon-item { display: flex; align-items: flex-start; gap: 1rem; }
.section-shop .icon-box { padding: 0.75rem; background: rgba(201,168,76,0.1); border-radius: 9999px; color: #c9a84c; flex-shrink: 0; }
.section-shop .icon-item h4 { font-family: Headliner, serif; font-size: 2rem; font-weight: 100; color: #fff; margin-bottom: 0.25rem; }
.section-shop .icon-item p  { font-size: 0.85rem; color: rgba(255,255,255,0.6); margin: 0; }

/* CTA */
.section-shop .cta-btn { display: inline-block; background: #c9a84c; color: #fff; padding: 1rem 2.5rem; border-radius: 9999px; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.2em; font-weight: 700; transition: background 0.3s, color 0.3s; text-decoration: none; }
.section-shop .cta-btn:hover { background: #fff; color: #c9a84c; }

/* Immagine cerchio */
.section-shop .img-col { position: relative; }
.section-shop .img-circle { aspect-ratio: 1; border-radius: 9999px; overflow: hidden; border: 20px solid #fff; box-shadow: 0 25px 60px rgba(0,0,0,0.4); }
.section-shop .img-circle img { width: 100%; height: 100%; object-fit: cover; }
.section-shop .badge-artigianale { position: absolute; bottom: -2.0rem; left: -2.5rem; background: #c9a84c; color: #fff; padding: 2.5rem; border-radius: 9999px; width: 10rem; height: 10rem; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; z-index: 20; transform: rotate(8deg); }
.section-shop .badge-artigianale span:first-child { font-family: Headliner, serif !important; font-size: 1.875rem; font-weight: 100; line-height: 1.4em; margin-top: -30px;}
.section-shop .badge-artigianale span:last-child  { font-family: Headliner, serif !important;font-size: 3rem; text-transform: uppercase; font-weight:7100; }

/*IUBENDA*/
.iubenda-cs-preferences-link, .iubenda-cs-preferences-link button, .iubenda-cs-preferences-link a, .iub__us-widget__link iubenda-cs-uspr-link, .iub__us-widget a {
	color: #1d1d1d !important;
	font-size: 10pt !important;
}