/*
Theme Name: Kopen
Theme URI: https://www.kopendoors.com/
Author: Mirko Cogo 
Author URI: 
Description: Template personalizzato per Kopen
Version: 1.0.0
*/


/*@import url("custom-editor-style.css");*/


/******************************************
normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css
*******************************************/
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
/******************************************
FONTS Roboto
******************************************
@font-face{font-family:Roboto;src:url(fonts/Roboto-Thin.ttf) format("truetype");font-style:normal;font-weight:100}@font-face{font-family:Roboto;src:url(fonts/Roboto-ThinItalic.ttf) format("truetype");font-style:italic;font-weight:100}@font-face{font-family:Roboto;src:url(fonts/Roboto-Light.ttf) format("truetype");font-style:normal;font-weight:300}@font-face{font-family:Roboto;src:url(fonts/Roboto-LightItalic.ttf) format("truetype");font-style:italic;font-weight:300}@font-face{font-family:Roboto;src:url(fonts/Roboto-Regular.ttf) format("truetype");font-style:normal;font-weight:400}@font-face{font-family:Roboto;src:url(fonts/Roboto-Italic.ttf) format("truetype");font-style:italic;font-weight:400}@font-face{font-family:Roboto;src:url(fonts/Roboto-Bold.ttf) format("truetype");font-style:normal;font-weight:700}@font-face{font-family:Roboto;src:url(fonts/Roboto-BoldItalic.ttf) format("truetype");font-style:italic;font-weight:700}@font-face{font-family:Roboto;src:url(fonts/Roboto-Black.ttf) format("truetype");font-style:normal;font-weight:900}@font-face{font-family:Roboto;src:url(fonts/Roboto-BlackItalic.ttf) format("truetype");font-style:italic;font-weight:900}
*/
/******************************************
FONTS Poppins
*******************************************/
@font-face{font-family:Poppins;src:url(fonts/Poppins-Thin.ttf) format('truetype');font-style:normal;font-weight:100}@font-face{font-family:Poppins;src:url(fonts/Poppins-ThinItalic.ttf) format('truetype');font-style:italic;font-weight:100}@font-face{font-family:Poppins;src:url(fonts/Poppins-ExtraLight.ttf) format('truetype');font-style:normal;font-weight:200}@font-face{font-family:Poppins;src:url(fonts/Poppins-ExtraLightItalic.ttf) format('truetype');font-style:italic;font-weight:200}@font-face{font-family:Poppins;src:url(fonts/Poppins-Light.ttf) format('truetype');font-style:normal;font-weight:300}@font-face{font-family:Poppins;src:url(fonts/Poppins-LightItalic.ttf) format('truetype');font-style:italic;font-weight:300}@font-face{font-family:Poppins;src:url(fonts/Poppins-Regular.ttf) format('truetype');font-style:normal;font-weight:400}@font-face{font-family:Poppins;src:url(fonts/Poppins-Italic.ttf) format('truetype');font-style:italic;font-weight:400}@font-face{font-family:Poppins;src:url(fonts/Poppins-Medium.ttf) format('truetype');font-style:normal;font-weight:500}@font-face{font-family:Poppins;src:url(fonts/Poppins-MediumItalic.ttf) format('truetype');font-style:italic;font-weight:500}@font-face{font-family:Poppins;src:url(fonts/Poppins-SemiBold.ttf) format('truetype');font-style:normal;font-weight:600}@font-face{font-family:Poppins;src:url(fonts/Poppins-SemiBoldItalic.ttf) format('truetype');font-style:italic;font-weight:600}@font-face{font-family:Poppins;src:url(fonts/Poppins-Bold.ttf) format('truetype');font-style:normal;font-weight:700}@font-face{font-family:Poppins;src:url(fonts/Poppins-BoldItalic.ttf) format('truetype');font-style:italic;font-weight:700}@font-face{font-family:Poppins;src:url(fonts/Poppins-ExtraBold.ttf) format('truetype');font-style:normal;font-weight:800}@font-face{font-family:Poppins;src:url(fonts/Poppins-ExtraBoldItalic.ttf) format('truetype');font-style:italic;font-weight:800}@font-face{font-family:Poppins;src:url(fonts/Poppins-Black.ttf) format('truetype');font-style:normal;font-weight:900}@font-face{font-family:Poppins;src:url(fonts/Poppins-BlackItalic.ttf) format('truetype');font-style:italic;font-weight:900}

/******************************************
FONTS Icon kopen
*******************************************/
@font-face{font-family:kopen-Icon;src:url(fonts/kopen-Icon.eot?lzpbz4);src:url(fonts/kopen-Icon.eot?lzpbz4#iefix) format("embedded-opentype"),url(fonts/kopen-Icon.ttf?lzpbz4) format("truetype"),url(fonts/kopen-Icon.woff?lzpbz4) format("woff"),url(fonts/kopen-Icon.svg?lzpbz4#kopen-Icon) format("svg");font-weight:400;font-style:normal}.ki{font-family:kopen-Icon!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ki-search2:before{content:"\f002"}.ki-envelope-o:before{content:"\f003"}.ki-heart2:before{content:"\f004"}.ki-star2:before{content:"\f005"}.ki-star-o:before{content:"\f006"}.ki-th:before{content:"\f00a"}.ki-check:before{content:"\f00c"}.ki-close:before{content:"\f00d"}.ki-remove:before{content:"\f00d"}.ki-times:before{content:"\f00d"}.ki-cog:before{content:"\f013"}.ki-gear:before{content:"\f013"}.ki-trash-o:before{content:"\f014"}.ki-file-o:before{content:"\f016"}.ki-repeat:before{content:"\f01e"}.ki-rotate-right:before{content:"\f01e"}.ki-refresh:before{content:"\f021"}.ki-lock2:before{content:"\f023"}.ki-bookmark:before{content:"\f02e"}.ki-pencil:before{content:"\f040"}.ki-edit:before{content:"\f044"}.ki-pencil-square-o:before{content:"\f044"}.ki-check-square-o:before{content:"\f046"}.ki-play:before{content:"\f04b"}.ki-chevron-left:before{content:"\f053"}.ki-chevron-right:before{content:"\f054"}.ki-arrow-left2:before{content:"\f060"}.ki-arrow-right2:before{content:"\f061"}.ki-arrow-up2:before{content:"\f062"}.ki-arrow-down2:before{content:"\f063"}.ki-plus:before{content:"\f067"}.ki-minus:before{content:"\f068"}.ki-eye2:before{content:"\f06e"}.ki-exclamation-triangle:before{content:"\f071"}.ki-warning:before{content:"\f071"}.ki-chevron-up:before{content:"\f077"}.ki-chevron-down:before{content:"\f078"}.ki-heart-o:before{content:"\f08a"}.ki-square-o:before{content:"\f096"}.ki-bookmark-o:before{content:"\f097"}.ki-twitter:before{content:"\f099"}.ki-facebook:before{content:"\f09a"}.ki-facebook-f:before{content:"\f09a"}.ki-briefcase:before{content:"\f0b1"}.ki-square:before{content:"\f0c8"}.ki-magic:before{content:"\f0d0"}.ki-caret-down:before{content:"\f0d7"}.ki-caret-up:before{content:"\f0d8"}.ki-caret-left:before{content:"\f0d9"}.ki-caret-right:before{content:"\f0da"}.ki-envelope:before{content:"\f0e0"}.ki-linkedin:before{content:"\f0e1"}.ki-file-text-o:before{content:"\f0f6"}.ki-quote-left:before{content:"\f10d"}.ki-quote-right:before{content:"\f10e"}.ki-circle:before{content:"\f111"}.ki-file-text:before{content:"\f15c"}.ki-life-bouy:before{content:"\f1cd"}.ki-life-buoy:before{content:"\f1cd"}.ki-life-ring:before{content:"\f1cd"}.ki-life-saver:before{content:"\f1cd"}.ki-support:before{content:"\f1cd"}.ki-pie-chart:before{content:"\f200"}.ki-arrow-down:before{content:"\e931"}.ki-arrow-left:before{content:"\e932"}.ki-arrow-right:before{content:"\e933"}.ki-arrow-up:before{content:"\e934"}.ki-garanzia:before{content:"\e900"}.ki-heart:before{content:"\e901"}.ki-cloud:before{content:"\e902"}.ki-star:before{content:"\e903"}.ki-tv:before{content:"\e904"}.ki-sound:before{content:"\e905"}.ki-video:before{content:"\e906"}.ki-trash:before{content:"\e907"}.ki-user:before{content:"\e908"}.ki-key:before{content:"\e909"}.ki-search:before{content:"\e90a"}.ki-settings:before{content:"\e90b"}.ki-camera:before{content:"\e90c"}.ki-tag:before{content:"\e90d"}.ki-lock:before{content:"\e90e"}.ki-bulb:before{content:"\e90f"}.ki-pen:before{content:"\e910"}.ki-diamond:before{content:"\e911"}.ki-display:before{content:"\e912"}.ki-location:before{content:"\e913"}.ki-eye:before{content:"\e914"}.ki-bubble:before{content:"\e915"}.ki-stack:before{content:"\e916"}.ki-cup:before{content:"\e917"}.ki-phone:before{content:"\e918"}.ki-news:before{content:"\e919"}.ki-mail:before{content:"\e91a"}.ki-like:before{content:"\e91b"}.ki-photo:before{content:"\e91c"}.ki-note:before{content:"\e91d"}.ki-clock:before{content:"\e91e"}.ki-paperplane:before{content:"\e91f"}.ki-params:before{content:"\e920"}.ki-banknote:before{content:"\e921"}.ki-data:before{content:"\e922"}.ki-music:before{content:"\e923"}.ki-megaphone:before{content:"\e924"}.ki-study:before{content:"\e925"}.ki-lab:before{content:"\e926"}.ki-food:before{content:"\e927"}.ki-t-shirt:before{content:"\e928"}.ki-fire:before{content:"\e929"}.ki-clip:before{content:"\e92a"}.ki-shop:before{content:"\e92b"}.ki-calendar:before{content:"\e92c"}.ki-wallet:before{content:"\e92d"}.ki-vynil:before{content:"\e92e"}.ki-truck:before{content:"\e92f"}.ki-world:before{content:"\e930"}
/******************************************
EFFETTI
*******************************************/
/* REVEALER */
.block-revealer__element {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	pointer-events: none;
	opacity: 0;
}
/******************************************
STILE DEFAULT
*******************************************/
* {
	box-sizing: border-box;
}

html,
body {
	padding: 0;
	margin: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

body {
	position: relative;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
}

body.noscroll {
	overflow: hidden;
}

p {
	margin: 0;
}

a {
	color: currentColor;
	text-decoration: none;
	outline: none
}

a:hover,
a:focus,
a:active {
	color: #cb272b;
}

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

b,
strong {
	font-weight: bold;
}

section {
	position: relative;
}


button:focus {
	outline: none;
}

.small,
small {
	font-size: 80%;
}

hr {
	width: 100%;
	height: 0;
	border: none;
	border-bottom: 1px solid rgb(144 144 144 / 30%);
}

/* text selection */
::-moz-selection {
	background: #cb272b;
	color: #fff;
}

::selection {
	background: #cb272b;
	color: #fff;
}

::-moz-selection {
	background: #cb272b;
	color: #fff;
}

::-webkit-selection {
	background: #cb272b;
	color: #fff;
}


/* SCROLL */
/* width */
::-webkit-scrollbar {
	width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
	background: transparent;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: #eee;
	border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #fff;
}


.error {
	background: #ed5050;
	color: #fff;
	padding: 5px;
}

.sent {
	background: #baf17a;
	color: #000;
	padding: 5px;
}

.full {
	width: 100%;
}

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

/******************************************
STILE GENERALE
*******************************************/
:root {
	--col1: #cc2022;
	--col2: #252531;
	--col3: #8e8585;
}
body {
	font-family: 'Poppins', helvetica, arial, sans-serif; font-size:16px; line-height: 25px; font-weight: 300; color: #252531;
}
#page-wrapper { padding: 60px 40px 0px; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; margin:0; font-weight: 300; }
h1 {
	font-size: 40px;
	line-height: 50px;
}

h2 {
	font-size: 30px;
	line-height: 36px;
}

h3 {
	font-size: 25px;
	line-height: 32px;
	font-weight: 500;
}

h4 {
	font-size: 18px;
	line-height: 32px;
}

h5 {
	font-size: 14px;
	line-height: 32px;
}

h6 {
	font-size: 12px;
	line-height: 18px;
}
/* PULSANTI */
.btn,
.btn-line {
	display: inline-block;
	padding: 9px 20px;
	cursor: pointer;
	position: relative;
	border-radius: 2px;
	transition: all .3s ease-in-out;
	border: 2px solid transparent;
	color: #51516b;
}

.btn:hover,
.btn:active,
.btn-line:hover,
.btn-line:active {
	border-color: #cb272b;
	background-color: #cb272b;
	color: #ffffff;
}

.btn-line {
	border: 2px solid #bcbccc;
}

.btn.btn-small {
	padding: 5px 10px;
	font-size: 14px;
	font-weight: 500;
}

.btn.btn-large {
	padding: 9px 20px 11px 20px;
	font-size: 20px;
	border-radius: 2px;
	font-weight: 500;
}

.btn-bold {
	font-weight: 500;
}

.btn-inverted {
	background-color: #cb272b;
	color: white;
	font-weight: 600;
}

.btn-inverted:hover,
.btn-inverted:active {
	background-color: black;
	border-color: black;
}

.btn-negative {
	border: 2px solid white;
	background-color: transparent;
	color: white;
	font-weight: 600;
}

.btn-negative:hover,
.btn-negative:active {
	background-color: black;
	border-color: black;
}

.btn-block {
	width: 100%;
	text-align: center;
	display: block;
}

.btn.left-down {
	position: absolute;
	bottom: 40px;
	left: 40px;
}

.btn.right-down {
	position: absolute;
	bottom: 40px;
	right: 40px;
}


.pulsante button , .pulsante a{ 
	border: 2px solid transparent;
	background: var(--col1) !important;
	border-color: var(--col1) !important;
	color: #fff;
	font-size:20px !important;
	font-weight:bold; 
	transition: all .3s ease-in-out !important;
}
.pulsante button:hover ,
 .pulsante a:hover {
	background-color: #000 !important;
	border-color:#000 !important;
}
.vc_row ul {
	list-style: none;
}
.vc_row ul li::before {
	content: "\2022";
	color: var(--col1);
	font-weight: bold;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
	font-size: 2em;
	position: absolute;
}
/******************************************
MENU
*******************************************/
#menu {
	background: #000;
	position: fixed;
	width: 0px;
	height: 100vh;
	display: block;
	top: 0;
	right: 0;
	-webkit-transition: width .35s;
	transition: width .35s;
	z-index: 100;
}
#menu.open {
	width: 550px;
	background: transparent;
	pointer-events: none;
}
.button_container {
	position: fixed;
	margin-top: 5px;
	right: 50px;
	height: 47px;
	width: 38px;
	cursor: pointer;
	z-index: 100;
	text-align: center;
	-webkit-transition: all .35s ease;
	transition: all .35s ease;
}
.button_container span {
	background: rgb(135 135 134);
	border: none;
	height: 2px;
	width: 70%;
	position: absolute;
	top: 17px;
	left: 8px;
	-webkit-transition: all .35s ease;
	transition: all .35s ease;
	cursor: pointer;
}
.button_container span:nth-of-type(2) {
	top: 24px;
}
.button_container span:nth-of-type(3) {
	top: 32px;
}
.button_container.active .top {
	-webkit-transform: translateY(5px) translateX(0) rotate(45deg);
	transform: translateY(5px) translateX(0) rotate(45deg);
	background: var(--col1);
}
.button_container.active .middle {
	opacity: 0;
	background: var(--col1);
}
.button_container.active .bottom {
	-webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
	transform: translateY(-11px) translateX(0) rotate(-45deg);
	background: var(--col1);
}
.button_container.active {
	right: 55px;
	left: auto;
	pointer-events: auto;
}
.darkbg {
	position: fixed;
	background: var(--col2);
	color: #fff;
	top: 0;
	right: 0;
	width: 0%;
	height: 100%;
	-webkit-transition: opacity .35s, visibility .35s, width .35s;
	transition: opacity .35s, visibility .35s, width .35s;
	overflow: hidden;
	transition-delay: 0s;
}
.darkbg.open {
	width: 550px;
	height: 100%;
	overflow: hidden;
	z-index: 8;
	transition-delay: 0.3s;
}
.darkbg2 {
	position: fixed;
	background: var(--col1);
	top: 0;
	right: 0;
	width: 0%;
	height: 100%;
	-webkit-transition: opacity .35s, visibility .35s, width .35s;
	transition: opacity .35s, visibility .35s, width .35s;
	overflow: hidden;
}
.darkbg2.open {
	width:550px;
	height: 100%;
	overflow: hidden;
	z-index: 7;
}
.overlay {
	display: none;
	position: fixed;
	background: transparent;
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0s, visibility 0s, width .65s;
	transition: opacity 0s, visibility 0s, width .65s;
	overflow: hidden;
	overflow-y: auto !important;
	transition-delay: 0s;
}
.overlay.open {
	display: block;
	width:550px;
	max-width: 100%;
	height: 100%;
	right:0;
	opacity: 1;
	visibility: visible;
	overflow: hidden;
	z-index: 9;
	-webkit-transition: opacity 1.35s, visibility 1.35s, width .65s;
	transition: opacity 1.35s, visibility 1.35s, width .65s;
	transition-delay: 0.3s;
}

.overlay.open ul {
	list-style: none;
	maring: 0;
	padding: 0;
}
.overlay.open ul > li {
	-webkit-animation: fadeInRight .5s ease forwards;
	animation: fadeInRight .5s ease forwards;
	-webkit-animation-delay: .35s;
	animation-delay: .35s;
	position: relative;
	opacity: 0;
	font-size: 25px;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 50px;
	letter-spacing: 1px;
}
.overlay.open ul>li ul li {
	font-size: 22px;
	line-height: 40px;
}
.overlay.open a {
	color: #FFF;
	padding: 5px 10px;
}
.overlay.open a:hover {
	background: var(--col1);
}
.overlay.open .current_page_item a  {
	color: #777c80;
}
.overlay.open .current_page_item a:hover {
	background: transparent;
}
.overlay.open ul > li:nth-of-type(2) {
	-webkit-animation-delay: .40s;
	animation-delay: .40s;
}
.overlay.open ul > li:nth-of-type(3) {
	-webkit-animation-delay: .45s;
	animation-delay: .45s;
}
.overlay.open ul > li:nth-of-type(4) {
	-webkit-animation-delay: .50s;
	animation-delay: .50s;
}
.overlay.open ul > li:nth-of-type(5) {
	-webkit-animation-delay: .55s;
	animation-delay: .55s;
}
.overlay.open ul > li:nth-of-type(6) {
	-webkit-animation-delay: .60s;
	animation-delay: .60s;
}
.overlay.open ul > li:nth-of-type(7) {
	-webkit-animation-delay: .65s;
	animation-delay: .65s;
}
.overlay.open ul > li:nth-of-type(8) {
	-webkit-animation-delay: .70s;
	animation-delay: .70s;
}
.overlay.open ul > li:nth-of-type(9) {
	-webkit-animation-delay: .75s;
	animation-delay: .75s;
}
.overlay.open ul > li:nth-of-type(10) {
	-webkit-animation-delay: .80s;
	animation-delay: .80s;
}
.overlay.open ul > li:nth-of-type(11) {
	-webkit-animation-delay: .85s;
	animation-delay: .85s;
}
.overlay.open ul > li:nth-of-type(12) {
	-webkit-animation-delay: .90s;
	animation-delay: .90s;
}
.overlay.open ul > li:nth-of-type(13) {
	-webkit-animation-delay: .95s;
	animation-delay: .95s;
}
.overlay.open ul > li:nth-of-type(14) {
	-webkit-animation-delay: .100s;
	animation-delay: .100s;
}
.overlay.open ul > li:nth-of-type(15) {
	-webkit-animation-delay: .105s;
	animation-delay: .105s;
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		top: 20%;
	}
	100% {
		opacity: 1;
		top: 0;
	}
}
@keyframes fadeInRight {
	0% {
		opacity: 0;
		top: 20%;
	}

	100% {
		opacity: 1;
		top: 0;
	}
}
.menus{
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
}
#nav-menu { width: 100%; }
.menus ul li.menu-item-has-children > a:after { content: '▾'; position: absolute; padding-left: 5px;}
.menus ul li.menu-item-has-children.open>a:after {
	content: '▴';
}

.menus .sub-menu { background: rgb(0 0 0 / 30%);
	border: rgb(255 255 255 / 50%) 1px solid;
	border-left: 0;
	border-right: 0;
	padding: 20px 0 !important;
}
.sub-menu { display: none;}
.sub-menu.open {
	display: block;
}
/* header */
#mainlogo img { max-width:140px; }
#header { padding-right: 40px;
	padding-left: 40px;
	background: #ffffff;
	position: fixed;
	width: 100%;
	height: 60px; z-index: 2; }
.menu-lang {position: absolute;
	right: 100px;
	font-size: 16px;
	line-height: 25px;
	font-weight: 600;
} 
#mainlogo , .menu-lang { 
top: 20px;
position: absolute;
}
.menu-lang { top: 9px; }

@media (max-width: 500px) {
	.menu-lang {
		right: 80px;
	}
		.button_container { right:30px; }
}

@media (max-width: 450px) {
	.menu-lang {
		right: 30px;
		top: 10px;
	}

	
		.wpml-ls-legacy-list-horizontal .wpml-ls-item {
			width: 40px;
			text-align: center;
			height: 25px;
		}
}


@media (max-width: 400px) {
	.menu-lang { top: 10px; right: 30px; }
	.wpml-ls-legacy-list-horizontal .wpml-ls-item { width: 35px; text-align: center;height: 25px; }
		.wpml-ls-legacy-list-horizontal a { padding: 5px 0px 6px !important;}
}
/*
@media (max-width: 400px) {
	.menu-lang { top: -5px; right: 60px; }
	.menu-lang ul { max-width: 100px;}
	.wpml-ls-legacy-list-horizontal .wpml-ls-item { width: 30px; text-align: center;height: 25px; }
}

*/
@media (max-width: 370px) {
		.menu-lang {
				top: 10px;
				right: 30px;
			}

	.wpml-ls-legacy-list-horizontal .wpml-ls-item { width: 30px;  }

}
@media (max-width: 330px) {
	.menu-lang {
			top: -3px;
		}
	#mainlogo img {
			max-width: 120px;
		}
				.menu-lang ul {
					max-width: 70px;
				}
}
.sub-menu li:first-child { border-bottom: 1px solid #333;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.current-menu-parent>a ,.overlay.open .sub-menu .current_page_item a { color: #777c80 !important; } 


/******************************************
REVEAL
*******************************************/
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

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

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

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

.animated.bounceIn,
.animated.bounceOut,
.animated.flipOutX,
.animated.flipOutY {
	-webkit-animation-duration: .75s;
	animation-duration: .75s
}

@-webkit-keyframes bounce {

	0%,
	20%,
	53%,
	80%,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	40%,
	43% {
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0)
	}

	40%,
	43%,
	70% {
		-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		animation-timing-function: cubic-bezier(.755, .05, .855, .06)
	}

	70% {
		-webkit-transform: translate3d(0, -15px, 0);
		transform: translate3d(0, -15px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0)
	}
}

@keyframes bounce {

	0%,
	20%,
	53%,
	80%,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	40%,
	43% {
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0)
	}

	40%,
	43%,
	70% {
		-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		animation-timing-function: cubic-bezier(.755, .05, .855, .06)
	}

	70% {
		-webkit-transform: translate3d(0, -15px, 0);
		transform: translate3d(0, -15px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0)
	}
}

.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom
}

@-webkit-keyframes flash {

	0%,
	50%,
	to {
		opacity: 1
	}

	25%,
	75% {
		opacity: 0
	}
}

@keyframes flash {

	0%,
	50%,
	to {
		opacity: 1
	}

	25%,
	75% {
		opacity: 0
	}
}

.flash {
	-webkit-animation-name: flash;
	animation-name: flash
}

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

	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05)
	}

	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

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

	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05)
	}

	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

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

@-webkit-keyframes rubberBand {
	0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	30% {
		-webkit-transform: scale3d(1.25, .75, 1);
		transform: scale3d(1.25, .75, 1)
	}

	40% {
		-webkit-transform: scale3d(.75, 1.25, 1);
		transform: scale3d(.75, 1.25, 1)
	}

	50% {
		-webkit-transform: scale3d(1.15, .85, 1);
		transform: scale3d(1.15, .85, 1)
	}

	65% {
		-webkit-transform: scale3d(.95, 1.05, 1);
		transform: scale3d(.95, 1.05, 1)
	}

	75% {
		-webkit-transform: scale3d(1.05, .95, 1);
		transform: scale3d(1.05, .95, 1)
	}

	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

@keyframes rubberBand {
	0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	30% {
		-webkit-transform: scale3d(1.25, .75, 1);
		transform: scale3d(1.25, .75, 1)
	}

	40% {
		-webkit-transform: scale3d(.75, 1.25, 1);
		transform: scale3d(.75, 1.25, 1)
	}

	50% {
		-webkit-transform: scale3d(1.15, .85, 1);
		transform: scale3d(1.15, .85, 1)
	}

	65% {
		-webkit-transform: scale3d(.95, 1.05, 1);
		transform: scale3d(.95, 1.05, 1)
	}

	75% {
		-webkit-transform: scale3d(1.05, .95, 1);
		transform: scale3d(1.05, .95, 1)
	}

	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

.rubberBand {
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand
}

@-webkit-keyframes shake {

	0%,
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}

	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}
}

@keyframes shake {

	0%,
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}

	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}
}

.shake {
	-webkit-animation-name: shake;
	animation-name: shake
}

@-webkit-keyframes headShake {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	6.5% {
		-webkit-transform: translateX(-6px) rotateY(-9deg);
		transform: translateX(-6px) rotateY(-9deg)
	}

	18.5% {
		-webkit-transform: translateX(5px) rotateY(7deg);
		transform: translateX(5px) rotateY(7deg)
	}

	31.5% {
		-webkit-transform: translateX(-3px) rotateY(-5deg);
		transform: translateX(-3px) rotateY(-5deg)
	}

	43.5% {
		-webkit-transform: translateX(2px) rotateY(3deg);
		transform: translateX(2px) rotateY(3deg)
	}

	50% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes headShake {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	6.5% {
		-webkit-transform: translateX(-6px) rotateY(-9deg);
		transform: translateX(-6px) rotateY(-9deg)
	}

	18.5% {
		-webkit-transform: translateX(5px) rotateY(7deg);
		transform: translateX(5px) rotateY(7deg)
	}

	31.5% {
		-webkit-transform: translateX(-3px) rotateY(-5deg);
		transform: translateX(-3px) rotateY(-5deg)
	}

	43.5% {
		-webkit-transform: translateX(2px) rotateY(3deg);
		transform: translateX(2px) rotateY(3deg)
	}

	50% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

.headShake {
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-name: headShake;
	animation-name: headShake
}

@-webkit-keyframes swing {
	20% {
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg)
	}

	40% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg)
	}

	60% {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg)
	}

	80% {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg)
	}

	to {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
}

@keyframes swing {
	20% {
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg)
	}

	40% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg)
	}

	60% {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg)
	}

	80% {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg)
	}

	to {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
}

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

@-webkit-keyframes tada {
	0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	10%,
	20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
		transform: scale3d(.9, .9, .9) rotate(-3deg)
	}

	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
	}

	40%,
	60%,
	80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
	}

	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

@keyframes tada {
	0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	10%,
	20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
		transform: scale3d(.9, .9, .9) rotate(-3deg)
	}

	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
	}

	40%,
	60%,
	80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
	}

	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

.tada {
	-webkit-animation-name: tada;
	animation-name: tada
}

@-webkit-keyframes wobble {
	0% {
		-webkit-transform: none;
		transform: none
	}

	15% {
		-webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
		transform: translate3d(-25%, 0, 0) rotate(-5deg)
	}

	30% {
		-webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
		transform: translate3d(20%, 0, 0) rotate(3deg)
	}

	45% {
		-webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
		transform: translate3d(-15%, 0, 0) rotate(-3deg)
	}

	60% {
		-webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
		transform: translate3d(10%, 0, 0) rotate(2deg)
	}

	75% {
		-webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
		transform: translate3d(-5%, 0, 0) rotate(-1deg)
	}

	to {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes wobble {
	0% {
		-webkit-transform: none;
		transform: none
	}

	15% {
		-webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
		transform: translate3d(-25%, 0, 0) rotate(-5deg)
	}

	30% {
		-webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
		transform: translate3d(20%, 0, 0) rotate(3deg)
	}

	45% {
		-webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
		transform: translate3d(-15%, 0, 0) rotate(-3deg)
	}

	60% {
		-webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
		transform: translate3d(10%, 0, 0) rotate(2deg)
	}

	75% {
		-webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
		transform: translate3d(-5%, 0, 0) rotate(-1deg)
	}

	to {
		-webkit-transform: none;
		transform: none
	}
}

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

@-webkit-keyframes jello {

	0%,
	11.1%,
	to {
		-webkit-transform: none;
		transform: none
	}

	22.2% {
		-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
		transform: skewX(-12.5deg) skewY(-12.5deg)
	}

	33.3% {
		-webkit-transform: skewX(6.25deg) skewY(6.25deg);
		transform: skewX(6.25deg) skewY(6.25deg)
	}

	44.4% {
		-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
		transform: skewX(-3.125deg) skewY(-3.125deg)
	}

	55.5% {
		-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
		transform: skewX(1.5625deg) skewY(1.5625deg)
	}

	66.6% {
		-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
		transform: skewX(-.78125deg) skewY(-.78125deg)
	}

	77.7% {
		-webkit-transform: skewX(.390625deg) skewY(.390625deg);
		transform: skewX(.390625deg) skewY(.390625deg)
	}

	88.8% {
		-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
		transform: skewX(-.1953125deg) skewY(-.1953125deg)
	}
}

@keyframes jello {

	0%,
	11.1%,
	to {
		-webkit-transform: none;
		transform: none
	}

	22.2% {
		-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
		transform: skewX(-12.5deg) skewY(-12.5deg)
	}

	33.3% {
		-webkit-transform: skewX(6.25deg) skewY(6.25deg);
		transform: skewX(6.25deg) skewY(6.25deg)
	}

	44.4% {
		-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
		transform: skewX(-3.125deg) skewY(-3.125deg)
	}

	55.5% {
		-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
		transform: skewX(1.5625deg) skewY(1.5625deg)
	}

	66.6% {
		-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
		transform: skewX(-.78125deg) skewY(-.78125deg)
	}

	77.7% {
		-webkit-transform: skewX(.390625deg) skewY(.390625deg);
		transform: skewX(.390625deg) skewY(.390625deg)
	}

	88.8% {
		-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
		transform: skewX(-.1953125deg) skewY(-.1953125deg)
	}
}

.jello {
	-webkit-animation-name: jello;
	animation-name: jello;
	-webkit-transform-origin: center;
	transform-origin: center
}

@-webkit-keyframes bounceIn {

	0%,
	20%,
	40%,
	60%,
	80%,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}

	40% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03)
	}

	80% {
		-webkit-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97)
	}

	to {
		opacity: 1;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

@keyframes bounceIn {

	0%,
	20%,
	40%,
	60%,
	80%,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}

	40% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03)
	}

	80% {
		-webkit-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97)
	}

	to {
		opacity: 1;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

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

@-webkit-keyframes bounceInDown {

	0%,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
		transform: translate3d(0, -3000px, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0)
	}

	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0)
	}

	to {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes bounceInDown {

	0%,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
		transform: translate3d(0, -3000px, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0)
	}

	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0)
	}

	to {
		-webkit-transform: none;
		transform: none
	}
}

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

@-webkit-keyframes bounceInLeft {

	0%,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px, 0, 0);
		transform: translate3d(-3000px, 0, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px, 0, 0);
		transform: translate3d(25px, 0, 0)
	}

	75% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}

	90% {
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0)
	}

	to {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes bounceInLeft {

	0%,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px, 0, 0);
		transform: translate3d(-3000px, 0, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px, 0, 0);
		transform: translate3d(25px, 0, 0)
	}

	75% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}

	90% {
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0)
	}

	to {
		-webkit-transform: none;
		transform: none
	}
}

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

@-webkit-keyframes bounceInRight {

	0%,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(3000px, 0, 0);
		transform: translate3d(3000px, 0, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px, 0, 0);
		transform: translate3d(-25px, 0, 0)
	}

	75% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}

	90% {
		-webkit-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0)
	}

	to {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes bounceInRight {

	0%,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(3000px, 0, 0);
		transform: translate3d(3000px, 0, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px, 0, 0);
		transform: translate3d(-25px, 0, 0)
	}

	75% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}

	90% {
		-webkit-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0)
	}

	to {
		-webkit-transform: none;
		transform: none
	}
}

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

@-webkit-keyframes bounceInUp {

	0%,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 3000px, 0);
		transform: translate3d(0, 3000px, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}

	75% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0)
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes bounceInUp {

	0%,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 3000px, 0);
		transform: translate3d(0, 3000px, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}

	75% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0)
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

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

@-webkit-keyframes bounceOut {
	20% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}

	50%,
	55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
}

@keyframes bounceOut {
	20% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}

	50%,
	55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
}

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

@-webkit-keyframes bounceOutDown {
	20% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}

	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
}

@keyframes bounceOutDown {
	20% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}

	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
}

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

@-webkit-keyframes bounceOutLeft {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(20px, 0, 0);
		transform: translate3d(20px, 0, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}
}

@keyframes bounceOutLeft {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(20px, 0, 0);
		transform: translate3d(20px, 0, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}
}

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

@-webkit-keyframes bounceOutRight {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(-20px, 0, 0);
		transform: translate3d(-20px, 0, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}
}

@keyframes bounceOutRight {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(-20px, 0, 0);
		transform: translate3d(-20px, 0, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}
}

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

@-webkit-keyframes bounceOutUp {
	20% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}

	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, 20px, 0);
		transform: translate3d(0, 20px, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}
}

@keyframes bounceOutUp {
	20% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}

	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, 20px, 0);
		transform: translate3d(0, 20px, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}
}

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

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

	to {
		opacity: 1
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

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

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

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

@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

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

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

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

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

	to {
		opacity: 0
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

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

@-webkit-keyframes fadeOutDown {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
}

@keyframes fadeOutDown {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
}

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

@-webkit-keyframes fadeOutDownBig {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
}

@keyframes fadeOutDownBig {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
}

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

@-webkit-keyframes fadeOutLeft {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
}

@keyframes fadeOutLeft {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
}

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

@-webkit-keyframes fadeOutLeftBig {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}
}

@keyframes fadeOutLeftBig {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}
}

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

@-webkit-keyframes fadeOutRight {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}

@keyframes fadeOutRight {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}

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

@-webkit-keyframes fadeOutRightBig {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}
}

@keyframes fadeOutRightBig {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}
}

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

@-webkit-keyframes fadeOutUp {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
}

@keyframes fadeOutUp {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
}

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

@-webkit-keyframes fadeOutUpBig {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}
}

@keyframes fadeOutUpBig {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}
}

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

@-webkit-keyframes flip {
	0% {
		-webkit-transform: perspective(400px) rotateY(-1turn);
		transform: perspective(400px) rotateY(-1turn)
	}

	0%,
	40% {
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	40% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
		transform: perspective(400px) translateZ(150px) rotateY(-190deg)
	}

	50% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
		transform: perspective(400px) translateZ(150px) rotateY(-170deg)
	}

	50%,
	80% {
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	80% {
		-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
		transform: perspective(400px) scale3d(.95, .95, .95)
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
}

@keyframes flip {
	0% {
		-webkit-transform: perspective(400px) rotateY(-1turn);
		transform: perspective(400px) rotateY(-1turn)
	}

	0%,
	40% {
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	40% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
		transform: perspective(400px) translateZ(150px) rotateY(-190deg)
	}

	50% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
		transform: perspective(400px) translateZ(150px) rotateY(-170deg)
	}

	50%,
	80% {
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	80% {
		-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
		transform: perspective(400px) scale3d(.95, .95, .95)
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
}

.animated.flip {
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation-name: flip;
	animation-name: flip
}

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

	0%,
	40% {
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	40% {
		-webkit-transform: perspective(400px) rotateX(-20deg);
		transform: perspective(400px) rotateX(-20deg)
	}

	60% {
		-webkit-transform: perspective(400px) rotateX(10deg);
		transform: perspective(400px) rotateX(10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotateX(-5deg);
		transform: perspective(400px) rotateX(-5deg)
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

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

	0%,
	40% {
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	40% {
		-webkit-transform: perspective(400px) rotateX(-20deg);
		transform: perspective(400px) rotateX(-20deg)
	}

	60% {
		-webkit-transform: perspective(400px) rotateX(10deg);
		transform: perspective(400px) rotateX(10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotateX(-5deg);
		transform: perspective(400px) rotateX(-5deg)
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

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

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

	0%,
	40% {
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	40% {
		-webkit-transform: perspective(400px) rotateY(-20deg);
		transform: perspective(400px) rotateY(-20deg)
	}

	60% {
		-webkit-transform: perspective(400px) rotateY(10deg);
		transform: perspective(400px) rotateY(10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotateY(-5deg);
		transform: perspective(400px) rotateY(-5deg)
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

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

	0%,
	40% {
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	40% {
		-webkit-transform: perspective(400px) rotateY(-20deg);
		transform: perspective(400px) rotateY(-20deg)
	}

	60% {
		-webkit-transform: perspective(400px) rotateY(10deg);
		transform: perspective(400px) rotateY(10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotateY(-5deg);
		transform: perspective(400px) rotateY(-5deg)
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

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

@-webkit-keyframes flipOutX {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotateX(-20deg);
		transform: perspective(400px) rotateX(-20deg);
		opacity: 1
	}

	to {
		-webkit-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}
}

@keyframes flipOutX {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotateX(-20deg);
		transform: perspective(400px) rotateX(-20deg);
		opacity: 1
	}

	to {
		-webkit-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}
}

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

@-webkit-keyframes flipOutY {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotateY(-15deg);
		transform: perspective(400px) rotateY(-15deg);
		opacity: 1
	}

	to {
		-webkit-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}
}

@keyframes flipOutY {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotateY(-15deg);
		transform: perspective(400px) rotateY(-15deg);
		opacity: 1
	}

	to {
		-webkit-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}
}

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

@-webkit-keyframes lightSpeedIn {
	0% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0
	}

	60% {
		-webkit-transform: skewX(20deg);
		transform: skewX(20deg)
	}

	60%,
	80% {
		opacity: 1
	}

	80% {
		-webkit-transform: skewX(-5deg);
		transform: skewX(-5deg)
	}

	to {
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes lightSpeedIn {
	0% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0
	}

	60% {
		-webkit-transform: skewX(20deg);
		transform: skewX(20deg)
	}

	60%,
	80% {
		opacity: 1
	}

	80% {
		-webkit-transform: skewX(-5deg);
		transform: skewX(-5deg)
	}

	to {
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

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

@-webkit-keyframes lightSpeedOut {
	0% {
		opacity: 1
	}

	to {
		-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
		transform: translate3d(100%, 0, 0) skewX(30deg);
		opacity: 0
	}
}

@keyframes lightSpeedOut {
	0% {
		opacity: 1
	}

	to {
		-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
		transform: translate3d(100%, 0, 0) skewX(30deg);
		opacity: 0
	}
}

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

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

	0%,
	to {
		-webkit-transform-origin: center
	}

	to {
		transform-origin: center;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

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

	0%,
	to {
		-webkit-transform-origin: center
	}

	to {
		transform-origin: center;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

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

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

	0%,
	to {
		-webkit-transform-origin: left bottom
	}

	to {
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

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

	0%,
	to {
		-webkit-transform-origin: left bottom
	}

	to {
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

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

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

	0%,
	to {
		-webkit-transform-origin: right bottom
	}

	to {
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

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

	0%,
	to {
		-webkit-transform-origin: right bottom
	}

	to {
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

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

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

	0%,
	to {
		-webkit-transform-origin: left bottom
	}

	to {
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

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

	0%,
	to {
		-webkit-transform-origin: left bottom
	}

	to {
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

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

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

	0%,
	to {
		-webkit-transform-origin: right bottom
	}

	to {
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

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

	0%,
	to {
		-webkit-transform-origin: right bottom
	}

	to {
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

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

@-webkit-keyframes rotateOut {
	0% {
		transform-origin: center;
		opacity: 1
	}

	0%,
	to {
		-webkit-transform-origin: center
	}

	to {
		transform-origin: center;
		-webkit-transform: rotate(200deg);
		transform: rotate(200deg);
		opacity: 0
	}
}

@keyframes rotateOut {
	0% {
		transform-origin: center;
		opacity: 1
	}

	0%,
	to {
		-webkit-transform-origin: center
	}

	to {
		transform-origin: center;
		-webkit-transform: rotate(200deg);
		transform: rotate(200deg);
		opacity: 0
	}
}

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

@-webkit-keyframes rotateOutDownLeft {
	0% {
		transform-origin: left bottom;
		opacity: 1
	}

	0%,
	to {
		-webkit-transform-origin: left bottom
	}

	to {
		transform-origin: left bottom;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		opacity: 0
	}
}

@keyframes rotateOutDownLeft {
	0% {
		transform-origin: left bottom;
		opacity: 1
	}

	0%,
	to {
		-webkit-transform-origin: left bottom
	}

	to {
		transform-origin: left bottom;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		opacity: 0
	}
}

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

@-webkit-keyframes rotateOutDownRight {
	0% {
		transform-origin: right bottom;
		opacity: 1
	}

	0%,
	to {
		-webkit-transform-origin: right bottom
	}

	to {
		transform-origin: right bottom;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		opacity: 0
	}
}

@keyframes rotateOutDownRight {
	0% {
		transform-origin: right bottom;
		opacity: 1
	}

	0%,
	to {
		-webkit-transform-origin: right bottom
	}

	to {
		transform-origin: right bottom;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		opacity: 0
	}
}

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

@-webkit-keyframes rotateOutUpLeft {
	0% {
		transform-origin: left bottom;
		opacity: 1
	}

	0%,
	to {
		-webkit-transform-origin: left bottom
	}

	to {
		transform-origin: left bottom;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		opacity: 0
	}
}

@keyframes rotateOutUpLeft {
	0% {
		transform-origin: left bottom;
		opacity: 1
	}

	0%,
	to {
		-webkit-transform-origin: left bottom
	}

	to {
		transform-origin: left bottom;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		opacity: 0
	}
}

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

@-webkit-keyframes rotateOutUpRight {
	0% {
		transform-origin: right bottom;
		opacity: 1
	}

	0%,
	to {
		-webkit-transform-origin: right bottom
	}

	to {
		transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		opacity: 0
	}
}

@keyframes rotateOutUpRight {
	0% {
		transform-origin: right bottom;
		opacity: 1
	}

	0%,
	to {
		-webkit-transform-origin: right bottom
	}

	to {
		transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		opacity: 0
	}
}

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

@-webkit-keyframes hinge {
	0% {
		transform-origin: top left
	}

	0%,
	20%,
	60% {
		-webkit-transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	20%,
	60% {
		-webkit-transform: rotate(80deg);
		transform: rotate(80deg);
		transform-origin: top left
	}

	40%,
	80% {
		-webkit-transform: rotate(60deg);
		transform: rotate(60deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1
	}

	to {
		-webkit-transform: translate3d(0, 700px, 0);
		transform: translate3d(0, 700px, 0);
		opacity: 0
	}
}

@keyframes hinge {
	0% {
		transform-origin: top left
	}

	0%,
	20%,
	60% {
		-webkit-transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	20%,
	60% {
		-webkit-transform: rotate(80deg);
		transform: rotate(80deg);
		transform-origin: top left
	}

	40%,
	80% {
		-webkit-transform: rotate(60deg);
		transform: rotate(60deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1
	}

	to {
		-webkit-transform: translate3d(0, 700px, 0);
		transform: translate3d(0, 700px, 0);
		opacity: 0
	}
}

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

@-webkit-keyframes rollIn {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
		transform: translate3d(-100%, 0, 0) rotate(-120deg)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes rollIn {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
		transform: translate3d(-100%, 0, 0) rotate(-120deg)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

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

@-webkit-keyframes rollOut {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
		transform: translate3d(100%, 0, 0) rotate(120deg)
	}
}

@keyframes rollOut {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
		transform: translate3d(100%, 0, 0) rotate(120deg)
	}
}

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

@-webkit-keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	50% {
		opacity: 1
	}
}

@keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	50% {
		opacity: 1
	}
}

.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

@keyframes zoomInDown {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

.zoomInDown {
	-webkit-animation-name: zoomInDown;
	animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

@keyframes zoomInLeft {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

.zoomInLeft {
	-webkit-animation-name: zoomInLeft;
	animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

@keyframes zoomInRight {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

.zoomInRight {
	-webkit-animation-name: zoomInRight;
	animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

@keyframes zoomInUp {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

.zoomInUp {
	-webkit-animation-name: zoomInUp;
	animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
	0% {
		opacity: 1
	}

	50% {
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	50%,
	to {
		opacity: 0
	}
}

@keyframes zoomOut {
	0% {
		opacity: 1
	}

	50% {
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	50%,
	to {
		opacity: 0
	}
}

.zoomOut {
	-webkit-animation-name: zoomOut;
	animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

@keyframes zoomOutDown {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

.zoomOutDown {
	-webkit-animation-name: zoomOutDown;
	animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
		transform: scale(.1) translate3d(-2000px, 0, 0);
		-webkit-transform-origin: left center;
		transform-origin: left center
	}
}

@keyframes zoomOutLeft {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
		transform: scale(.1) translate3d(-2000px, 0, 0);
		-webkit-transform-origin: left center;
		transform-origin: left center
	}
}

.zoomOutLeft {
	-webkit-animation-name: zoomOutLeft;
	animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
		transform: scale(.1) translate3d(2000px, 0, 0);
		-webkit-transform-origin: right center;
		transform-origin: right center
	}
}

@keyframes zoomOutRight {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
		transform: scale(.1) translate3d(2000px, 0, 0);
		-webkit-transform-origin: right center;
		transform-origin: right center
	}
}

.zoomOutRight {
	-webkit-animation-name: zoomOutRight;
	animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

@keyframes zoomOutUp {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

.zoomOutUp {
	-webkit-animation-name: zoomOutUp;
	animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
	0% {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes slideInDown {
	0% {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.slideInDown {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
	0% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes slideInLeft {
	0% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.slideInLeft {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
	0% {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes slideInRight {
	0% {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.slideInRight {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
	0% {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes slideInUp {
	0% {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.slideInUp {
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
}

@keyframes slideOutDown {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
}

.slideOutDown {
	-webkit-animation-name: slideOutDown;
	animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
}

@keyframes slideOutLeft {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
}

.slideOutLeft {
	-webkit-animation-name: slideOutLeft;
	animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}

@keyframes slideOutRight {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}

.slideOutRight {
	-webkit-animation-name: slideOutRight;
	animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
}

@keyframes slideOutUp {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
}

.slideOutUp {
	-webkit-animation-name: slideOutUp;
	animation-name: slideOutUp
}



article,
aside,
footer,
header,
nav,
section {
	display: block;
}
section.reveal-box {
	padding:0;
}

.white-bg {
	background-color: #fff;
}

.reveal_main {
	position: relative;
}

.reveal_main.reveal_right .reveal_cont-img {
	margin-left: 0;
}

section.reveal-box .reveal_cont-img {
	width: 70%;
	margin-left: 30%;
}

.reveal_cont-img {
	position: relative;
	overflow: hidden;
	font-size: 0;
}

.reveal_cont-img .reveal_img {
	background-size: cover;
}

.img-responsive {
	display: block;
	max-width: 100%;
	width: 100%;
	height: auto;
}

img {
	border-style: none;
}

section.reveal-box .reveal_cont-text.visible {
	visibility: visible;
	animation: fade-in-right 0.7s cubic-bezier(.4, 0, 0, .9) both;
	/*cubic-bezier(0.25, 0.46, 0.45, 0.94)*/
}

.reveal_main.reveal_right .reveal_cont-text {
	left: auto;
	right: 0;
}

section.reveal-box .reveal_cont-text {
	top: 100px;
	padding: 30px;
}

.reveal_cont-text {
	max-width: 100%;
	height: auto;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 100px;
	left: 0;
	right: auto;
	width: 50% !important;
	padding: 30px;
}
.reveal_main.reveal_right .reveal_cont-text {
	left: auto;
	right: 0;
}
@keyframes fade-in-right {
	0% {
		transform: translate3d(-5%, 0, 0);
		opacity: 0;
		box-shadow: -4px 4px 16px 0px transparent;
	}

	100% {
		transform: none;
		opacity: 1;
		box-shadow: -4px 4px 16px 0px rgba(0, 0, 0, 0.3);
	}
}
section.product-list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 40px 0 0;
	margin-top: 40px;
}

section.product-list .reveal_main {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
}

.reveal_main {
	position: relative;
}

.reveal-bg {
	background-color: #c4bfbf;
}


section.product-list .row .title {
	font-size: 60px;
	line-height: 1.05em;
}

h4 {
	font-size: 18px;
	line-height: 32px;
}

section.product-list .row .sub-head {
	font-size: 25px;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 0.5em;
	margin-top: 40px;
}


section.product-list .reveal_main .new-line {
	font-size: 30px;
	font-weight: 600;
	text-transform: uppercase;
	max-width: 100%;
	height: auto;
	overflow: hidden;
	opacity: 1;
	position: absolute;
	top: 20px;
	left: 20px;
	background-color: #cb272b;
	color: #fff;
	padding: 13.33333px 20px;
}


section.product-list a.reveal_text.reveal-complete {
	box-shadow: -4px 4px 16px 0 rgb(0 0 0 / 50%);
}

section.product-list a.reveal_text {
	display: block;
	max-width: 100%;
	height: auto;
	overflow: hidden;
	opacity: 1;
	position: absolute;
	top: 20px;
	right: 20px;
	background-color: #ffffff;
	padding: 13.33333px 20px;
}

.reveal-complete {
	-ms-transform: translate(0%, 0%) !important;
	transform: translate(0%, 0%) !important;
}

/*.reveal_cont-text.reveal-dark-bg * { color:#fff }*/
.reveal_cont-text h2 { font-size: 40px; font-weight: 300; line-height: 40px;}
.reveal_cont-text h1, .reveal_cont-text h2, .reveal_cont-text h3, .reveal_cont-text h4, .reveal_cont-text h5, .reveal_cont-text h6 { margin-bottom: 30px;}



section.reveal-box.lay2 .reveal_main {
	display: -ms-flexbox;
	display: flex;
}
section.reveal-box.lay2 .reveal_cont-img {
	width: 100%;
	margin-left: 0;
}
section.reveal-box.lay2 .reveal_main.reveal_right .reveal_cont-text {
	-ms-flex-order: -1;
	order: -1;
}
section.reveal-box.lay2 .reveal_cont-text {
	position: relative;
	top: 0;
	width: 35%;
}


@media  (max-width: 1023px) {
	section.reveal-box.lay2 .reveal_main {
			-ms-flex-direction: column;
			flex-direction: column;
	}
	section.reveal-box.lay2 .reveal_cont-img {
		width: 100%;
		margin-left: 0;
	}
	section.reveal-box.lay2 .reveal_main.reveal_right .reveal_cont-text {
		-ms-flex-order: 0;
		order: 0;
		margin-left: 0;
	}
	section.reveal-box.lay2 .reveal_cont-text {
		width: 100% !important;
		margin-left: 0;
			box-shadow: -4px 4px 16px 0px rgb(0 0 0 / 30%);
	}
}
/******************************************
ACCESSORI E PRODOTTI
*******************************************/
section.top-title.image-bg.image-large .page-title {
	position: relative;
	display: block;
	padding: 100px 20px;
}
section.top-title .page-title {
	text-align: center;
}
section.top-title .page-title h1{
	font-weight: bold;
}
.filtercat {
	display: inline-block;
	text-align: center;
	width: auto;
	background: #fff;
	border: 1px solid #eee;
	border-radius: 0px;
	margin: 5px;
	font-weight: bold;
	cursor: pointer;
	white-space: nowrap;
	padding: 4px 20px;
}

.filtercat:hover,
.filtercat.activefilter {
	background: #b41e23;
	border: 1px solid #b41e23;
	color: #fff;
}

.accessori .item-image {
	position: relative;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}
 .accessori .item-image .rollover {
 	overflow: hidden;
 	background-color: transparent;
 	position: absolute;
 	top: 5px;
 	bottom: 0px;
 	left: 5px;
 	right: 5px;
 	transition: background-color 0.3s ease-in-out;
 }
 .accessori .item-image .item-link {
	transition: bottom 0.3s ease-in-out, top 0.3s ease-in-out, opacity 0.3s ease-in-out;
	overflow: hidden;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
	width: 100%;
	margin: auto !important;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -50px;
	opacity: 0;
	color: #252531;
	background-color: #ffffff;
}
 .accessori .item-image .item-title {
	line-height: 18px;
	font-weight: bold;
	font-size: 16px;
	padding-top: 8px;
	margin: 0;
}
.accessori .item-image .item-category {
	font-size: 10px;
	letter-spacing: .1em;
	text-transform: uppercase;
	line-height: 18px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-bottom: 8px;
}


.accessori .item-image .rollover:hover {
	background-color: rgba(37, 37, 49, 0.5);
}
.accessori .item-image .rollover:hover .item-link {
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 1;
}


section.door .col-description .label {
	font-size: 16px;
	line-height: 1em;
	font-weight: 500;
	margin-bottom: 20px;
	margin-top: 40px;
}
section.door .col-description .label {
	margin-top: 0;
}

section.door .col-description .label+.row-item {
	border-top-width: 0;
}
section.door .col-description .row-item {
	border-top: 1px solid #e6e6e6;
	padding: 13px 0;
	color: #95959c;
	font-size: 13px;
	line-height: 1em;
	overflow: hidden;
}
section.door .col-description .row-item .col-title {
	float: left;
	display: block;
	margin-right: 4.34783%;
	width: 47.82609%;
	text-align: left;
	font-weight: 500;
}
section.door .col-description .row-item .col-data:last-child {
	margin-right: 0;
}
section.door .col-description .row-item .col-data {
	float: left;
	display: block;
	margin-right: 4.34783%;
	width: 47.82609%;
	text-align: right;
}
section.door .col-photo .item-image {
	background-color: #ffffff;
	border: 1px solid #e6e6e6;
	padding: 18px;
}
section.related {
	max-width: 1080px;
	margin-left: auto;
	margin-right: auto;
	padding-right: 20px;
	padding-left: 20px;
}
section.related h4.margin-lead {
	font-weight: bold;
}
section.related .item-container {
	background: #fff;
	width:100%;
}
section.related::after {
	clear: both;
	content: "";
	display: table;
}
section.related .divider {
	margin: 20px 0;
	border-top: 1px solid #e6e6e6;
}
section.related .margin-lead {
	margin-top: 20px;
	margin-bottom: 20px;
}

section.related .row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: -15px;
}
section.related .item-container .item-image {
	position: relative;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}

section.related .item-container .item-image .square {
	display: block;
	max-width: 100%;
	width: 100%;
	height: auto;
}

section.related .item-container .item-image .rollover {
	background-color: transparent;
	position: absolute;
	overflow: hidden;
	top: 5px;
	bottom: 5px;
	left: 5px;
	right: 5px;
	transition: background-color .3s ease-in-out;
}

section.related .item-container .item-image .rollover:hover,
section.related .item-container .item-image .rollover:active {
	background-color: rgba(37, 37, 49, 0.5);
}

section.related .item-container .item-image .rollover:hover .item-link,
section.related .item-container .item-image .rollover:active .item-link {
	left: 0;
	right: 0;
	opacity: 1;
}

section.related .item-container .item-image .rollover .item-link {
	transition: bottom .3s ease-in-out, left .3s ease-in-out, height .3s ease-in-out, opacity .3s ease-in-out;
	overflow: hidden;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
	width: 80px;
	height: 36px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 12px;
	letter-spacing: 2px;
	margin: auto !important;
	position: absolute;
	left: 0;
	right: 0;
	left: -80px;
	right: 100%;
	top: 0;
	bottom: 0;
	opacity: 0;
	line-height: 17px;
}

section.related .item-container .item-inner {
	padding: 10px 15px;
}

section.related .item-container .item-inner .item-title {
	line-height: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin: 0;
	font-weight: bold;
}

section.related .item-container .item-inner .item-category {
	font-size: 14px;
	line-height: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
/******************************************
PRODOTTI
*******************************************/
.product-container {
    position: relative;
    display: block;
    padding: 40px 0;
    background-color: whitesmoke;
    min-height: 300px;
}
section.door {
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
    padding-right: 20px;
    padding-left: 20px;
}
section.door .row .door-title {
    font-size: 30px;
    line-height: 1em;
    font-weight: 500;
    margin-bottom: 30px;
}
section.door .row .door-title .category {
    font-size: 18px;
    padding: 5px 0.6em 5px 1em;
    font-weight: 700;
    letter-spacing: .4em;
	letter-spacing: .1em;
    vertical-align: 3px;
    margin-right: 10px;
    text-transform: uppercase;
    color: #ffffff;
	background-color: #c4bfbf;
}
section.door .row .door-title .link-back {
    float: right;
    display: block;
    font-size: 13px;
    font-weight: 300;
}


@media (min-width: 980px) {
	section.category-top .reveal_main {
		-ms-flex-direction: row !important;
		flex-direction: row !important;
	}
}

section.category-top .reveal_main {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
}

.reveal_main {
	position: relative;
}

section.category-top .reveal_main .reveal_cont-img {
	min-width: 70%;
	max-width: 100%;
}
section.category-top .reveal_main .reveal_text {
	padding: 40px;
}
section.category-top .reveal_main .sub-head {
	position: absolute;
	top: 0;
	left: 0;
	padding: 10px 20px;
	font-weight: 700;
	letter-spacing: 0.4em;
	text-transform: uppercase;
	background-color: #c4bfbf;
	z-index: 10;
	margin: 0;
}
section.category-top .reveal_main .title {
	font-size: 1.85em;
}

@media (min-width: 1160px) {
	section.category-top .reveal_main .title {
		font-size: 2.5em;
	}
}
section.category-top .reveal_main .title { font-weight: bold; text-transform: uppercase;}
section.category-top .reveal_main .title span { font-weight: 300; }


section.category-top .reveal_main .text {
	font-weight: 500;
	font-size: 1.2em;
	line-height: 1.3em;
	padding-top: 10px;
}
@media (min-width: 1160px) {
	section.category-top .reveal_main .text {
		font-size: 1.5em;
		line-height: 1.7em;
		padding-top: 20px;
	}
}
h4.label span { font-weight: 300; }
.product section.door .col-description .row-item {
	font-weight: 300;
	border-top: 1px solid #e6e6e6;
}
#product .title { font-weight: bold; margin: 0; padding:0;}

section.product-list .reveal_main .title span.sub-title {
	font-weight: 200;
	text-transform: none;
}
section.product-list .reveal_main .title {
	font-size: 30px;
	text-transform: uppercase;
	font-weight: bold;
}
/******************************************
FOOTER
*******************************************/
.accent-bg {
	background-color: #cb272b;
}
section.call-action .row .col.image-bg {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
section.call-action .row .col {
	position: relative;
	display: block;
	padding: 100px 20px;
	text-align: center;
}
section.call-action .row {
	max-width: 1080px;
	margin-left: auto;
	margin-right: auto;
}

footer.footer {
	padding-top: 0;
}

footer.footer .page-part {
	background-position: bottom center;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-color: #252531;
	background-size: 990px auto;
	position: relative;
	display: block;
	padding: 0;
}

footer.footer .page-part::after {
	clear: both;
	content: "";
	display: table;
}

footer.footer .page-part:before,
footer.footer .page-part:after {
	content: " ";
	display: table;
}

footer.footer .page-part:after {
	clear: both;
}

@media (min-width: 768px) {
	footer.footer .page-part {
		background-size: cover;
	}
}

footer.footer .page-part .row-margin {
	padding: 80px 40px;
}

footer.footer .page-part .row-margin:before,
footer.footer .page-part .row-margin:after {
	content: " ";
	display: table;
}

footer.footer .page-part .row-margin:after {
	clear: both;
}

@media (min-width: 1160px) {
	footer.footer .page-part .row-margin {
		padding: 80px 80px;
	}
}

footer.footer .page-part .col {
	float: left;
	display: block;
	margin-right: 4.34783%;
	width: 100%;
	margin-top: 60px;
}

footer.footer .page-part .col:last-child {
	margin-right: 0;
}

@media (min-width: 1160px) {
	footer.footer .page-part .col {
		float: left;
		display: block;
		margin-right: 4.34783%;
		width: 30.43478%;
		margin-top: 0;
	}

	footer.footer .page-part .col:last-child {
		margin-right: 0;
	}
}

footer.footer .page-part .col img.footer-logo {
	display: block;
	max-width: 50%;
	height: auto;
}

footer.footer .page-part .col.logo {
	margin-top: 0;
}

footer.footer .page-part .row {
	position: relative;
	display: block;
	padding: 0;
}

footer.footer .page-part .row::after {
	clear: both;
	content: "";
	display: table;
}

footer.footer .page-part .title {
	line-height: 0.65em;
}

footer.footer .page-part .contact,
footer.footer .page-part .text {
	font-size: 16px;
	margin-top: 32px;
	line-height: 2em;
	font-weight: 600;
}

footer.footer .page-part .contact {
	display: -ms-flexbox;
	display: flex;
}

footer.footer .page-part .contact .ki {
	font-size: 1.5em;
	line-height: 1.5;
	vertical-align: middle;
	margin-right: .8em;
}

footer.footer .page-part .text {
	font-size: 16px;
	padding-right: 40px;
	font-weight: 600;
}

footer.footer .page-part .company-footer {
	padding-bottom: 20px;
	text-align: center;
	font-weight: 300;
}

footer.footer .page-part .company-link {
	text-align: center;
	padding-bottom: 60px;
}

footer.footer .page-part .company-link a {
	color: #ffffff;
	font-size: 14px;
}

footer.footer .dark-bg a {
	color: #f2f2f2;
}

footer.footer .dark-bg a:hover,
footer.footer .dark-bg a:active {
	color: white;
}

footer.footer .footer-alternate {
	padding-bottom: 80px;
}

@media (min-width: 768px) {
	footer.footer {
			padding: 40px; padding-top: 0px;
	}
	footer.footer .footer-alternate {
		padding-bottom: 80px;
	}
}

footer.footer .footer-alternate .row {
	max-width: 1110px;
	margin-left: auto;
	margin-right: auto;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
}

footer.footer .footer-alternate .row::after {
	clear: both;
	content: "";
	display: table;
}

@media (min-width: 768px) {
	footer.footer .footer-alternate .row {
		-ms-flex-direction: row;
		flex-direction: row;
	}
}

footer.footer .footer-alternate .row .col {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	text-align: center;
	padding: 0 15px;
}

@media (min-width: 768px) {
	footer.footer .footer-alternate .row .col {
		-ms-flex: 1 0 25%;
		flex: 1 0 25%;
		text-align: left;
	}
}

footer.footer .footer-alternate .row .col .title {
	font-size: 15px;
	line-height: 1em;
}

footer.footer .footer-alternate .row .col .link,
footer.footer .footer-alternate .row .col .text {
	font-size: 13px;
	font-weight: 500;
	line-height: 1em;
	padding: 20px 0 0 0;
}

footer.footer .footer-alternate .row .col .link.follow,
footer.footer .footer-alternate .row .col .text.follow {
	padding: 3px 0 0 20px;
}

footer.footer .footer-alternate .row .col .link span,
footer.footer .footer-alternate .row .col .text span {
	min-width: 20px;
	display: inline-block;
}

footer.footer .footer-alternate .row .img-responsive {
	max-width: 80%;
	width: 140px;
	margin: 0 auto 30px auto;
}

@media (min-width: 768px) {
	footer.footer .footer-alternate .row .img-responsive {
		margin: 0;
	}
}

footer.footer .footer-alternate .row-margin {
	padding: 0 40px;
	text-align: center;
}

footer.footer .footer-alternate .row-margin .company-footer {
	font-weight: 300;
	line-height: 1.4em;
}

footer.footer .footer-alternate .row-margin .company-link {
	font-size: 14px;
	line-height: 2em;
}

.bottom-banner {
	width: 100%;
	height: 40px;
	background-color: #fff;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
}

@media (min-width: 0px) and (max-width: 768px) {
	.bottom-banner {
		display: none;
	}
}

.bottom-banner .data-row {
	-ms-flex-positive: 1;
	flex-grow: 1;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	padding: 5px 0;
}

.bottom-banner .data-row .company-data,
.bottom-banner .data-row .company-link {
	-ms-flex-positive: 1;
	flex-grow: 1;
	overflow: hidden;
	display: table-cell;
	vertical-align: middle;
	font-size: 13px;
	line-height: 1.3em;
	font-weight: 300;
}

.bottom-banner .data-row .company-data {
	text-align: left;
	-ms-flex-preferred-size: 515px;
	flex-basis: 515px;
	padding-right: 0;
}

.bottom-banner .data-row .company-link {
	text-align: right;
	min-width: 25%;
}

.bottom-banner .data-row .company-link a {
	display: block;
}

.bottom-banner .data-row .company-link span.spacer {
	display: none;
}

@media (min-width: 768px) {

	.bottom-banner .data-row .company-link a,
	.bottom-banner .data-row .company-link span.spacer {
		display: inline;
	}
}
span.spacer {
	margin: 0 15px;
}
/******************************************
WPBAKERY
*******************************************/
.container {
	max-width: 100% !important;
}
.twhite * { color:#fff; }
#rev_slider_1_1_wrapper { padding:40px !Important;}
.wpb_content_element {
	margin-bottom: 10px !important;
}
.hidemobile { display: block;}
.onlymobile { display:none; }
@media (max-width: 767.98px) { .onlymobile {
		display: block;
	} .hidemobile { display: none;} }
	.rcimage { max-width:130px; margin: 0 auto;}

	.tipologieimg { max-width: 200px; margin: 0 auto;}
.certicon { 
	margin: 0 auto;}
#certificazioni h5 {line-height:20px;}

.importedel { margin-left:17px !Important; margin-right: 17px !Important;}

.soluzionikopen { max-width: 1080px; margin:0 auto; }
.vc_row.soluzionikopen { margin: 0 auto; }
.soluzionikopen h4{
	font-weight: bold;
	margin-bottom: 10px;
}


.hidden-lg {
	display: block;
}
.hidden-sm {
	display: none;
}

@media (max-width: 768px) {
	.hidden-lg {
			display: none;
		}
	.hidden-sm {
		display: block;
	}
}

.maxwk {max-width: 1080px; margin-left: auto !important; margin-right: auto !important; }

.maxw800 { max-width:800px; margin-left: auto !important; margin-right: auto !important;}
.maxw1000 {
	max-width: 1000px;
	margin-left: auto !important;
	margin-right: auto !important;
}
.maxw1200 {
	max-width: 1200px;
	margin-left: auto !important;
	margin-right: auto !important;
}


.finiturehead > div{
	max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
    padding: 80px 40px; }

.colorsection { padding: 100px 0; }
.light-bg { background-color: whitesmoke; }
.colors, .colort { max-width:1200px; margin:0 auto !important; }
.colors { font-size: 14px;
	line-height: 1.3em;
	margin: 5px 0;
	font-weight: 500;}
.color { margin-bottom: 30px; }
.color img { border: 1px solid #e6e6e6; }

.tabs-content-title { max-width: 1200px; padding:0px 10px; 
	margin: 30px auto !important; font-weight: 500;
		/*text-align: left;*/
		display: block;

		border-top: 1px solid #e6e6e6;
			padding-top: 40px;font-weight: 500;
		}

/******************************************
RESPONSIVE
*******************************************/

@media (max-width: 767.98px) {
	/* header */
	.button_container.active {right: 5px; }
	.button_container { right:10px; }
	#header {padding-right: 10px;padding-left: 10px;}
	#page-wrapper {padding: 60px 0px 0px;}
	.menu-lang { right: 50px;}
	#rev_slider_1_1_wrapper {padding: 40px 0px !Important;}
	/* reveal banner */
	section.reveal-box .reveal_cont-img {width: 100%; margin: 0;}
	section.reveal-box .reveal_cont-text { width: 80% !important; position: relative;top: -50px; padding: 20px; }
	.reveal_main.reveal_right .reveal_cont-text {margin-left: 20%; }
	.reveal_main.reveal_right .reveal_cont-img {	margin-left: 0; }
	section.call-action .row .col.image-bg {background-size: contain;padding: 150px 100px !important;}
	section.call-action .row .col {padding: 0px 100px 50px;}
}


@media (max-width: 991.98px) {

	/* reveal banner */
	section.reveal-box .reveal_cont-img {
		width: 100%;
		margin: 0;
	}

	section.reveal-box .reveal_cont-text {
		width: 80% !important;
		position: relative;
		top: -50px;
		padding: 20px;
	}

	.reveal_main.reveal_right .reveal_cont-text {
		margin-left: 20%;
	}

	.reveal_main.reveal_right .reveal_cont-img {
		margin-left: 0;
	}

	section.call-action .row .col.image-bg {
		background-size: contain;
		padding: 150px 100px !important;
	}

	section.call-action .row .col {
		padding: 0px 100px 50px;
	}
}

/******************************************
RECOVER FROM BOOTSTRAP
*******************************************/
.display-1 {
	font-size: calc(1.625rem + 4.5vw);
	font-weight: 300;
	line-height: 1.2
}

@media (min-width: 1200px) {
	.display-1 {
		font-size: 5rem
	}
}

.display-2 {
	font-size: calc(1.575rem + 3.9vw);
	font-weight: 300;
	line-height: 1.2
}

@media (min-width: 1200px) {
	.display-2 {
		font-size: 4.5rem
	}
}

.display-3 {
	font-size: calc(1.525rem + 3.3vw);
	font-weight: 300;
	line-height: 1.2
}

@media (min-width: 1200px) {
	.display-3 {
		font-size: 4rem
	}
}

.display-4 {
	font-size: calc(1.475rem + 2.7vw);
	font-weight: 300;
	line-height: 1.2
}

@media (min-width: 1200px) {
	.display-4 {
		font-size: 3.5rem
	}
}

.display-5 {
	font-size: calc(1.425rem + 2.1vw);
	font-weight: 300;
	line-height: 1.2
}

@media (min-width: 1200px) {
	.display-5 {
		font-size: 3rem
	}
}

.display-6 {
	font-size: calc(1.375rem + 1.5vw);
	font-weight: 300;
	line-height: 1.2
}

@media (min-width: 1200px) {
	.display-6 {
		font-size: 2.5rem
	}
}


.tspace { letter-spacing: 0.5em; font-weight: 300; }
.yourstyle *{ letter-spacing: 0.5em; font-size:20px;
	font-weight: 300;}
/******************************************
OWL
*******************************************/
.owl-carousel {
	width: 100% !important;
}

.owl-carousel .item {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

.owl-carousel .owl-dots {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 10px;
}


.owl-nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
}

.owl-nav button {
	display: inline-block;
	background: var(--red) !important;
	color: #fff !important;
	width: 40px !important;
	height: 40px !important;
	border-radius: 0px !important;
	font-size: 0px !important;
}

.owl-carousel .owl-nav button.owl-next {
	right:-40px;
	opacity:0;
	position: absolute;
	top: 40%;
	transform: translateY(-50%);
	background-color: #b41e24 !important;
	transition: all .3s ease-in-out;
}

.owl-carousel .owl-nav button.owl-prev {
	left: -40px;
	opacity: 0;
	position: absolute;
	top: 40%;
	transform: translateY(-50%);
	background-color: #b41e24 !important;
	transition: all .3s ease-in-out;
}

.owl-carousel .owl-nav button.owl-next:after,
.owl-carousel .owl-nav button.owl-prev:after {
	font-family: 'kopen-Icon' !important;
	font-size: 20px;
	font-weight: 100;
	position: absolute;
	right: 0;
	left: 0;
	content: '\e932';
	color: inherit;
}
.owl-carousel:hover .owl-nav button.owl-next {
	right: 0px;
	opacity: 1;
}

.owl-carousel:hover .owl-nav button.owl-prev {
	left: 0;
	opacity: 1;
}
.owl-carousel .owl-nav button.owl-next:after {
	content: '\e933';
}

.owl-nav button:hover {
	background: #b41e24 !important;
}

/* POSIZIONI SLIDE */
.carosellohome .item:nth-child(1) {
	background-position: 100% 100%;
}

.carosellohome .item:nth-child(3) {
	background-position: 100% 0
}

.owl-carousel .item h4,
.owl-carousel .item h5 {
	font-size: 12px;
	margin: 0 0 3px
}

.owl-carousel .item p {
	margin: 3px 0;
	line-height: 1em
}

.owl-carousel .item p.item-name {
	margin-top: 10px
}

.owl-carousel .owl-controls .owl-nav div {
	top: 40%
}

.owl-carousel .owl-controls .owl-nav div {
	margin-right: -20px;
	margin-left: -20px
}

.owl-carousel .owl-controls .owl-nav .owl-next:after,
.owl-carousel .owl-controls .owl-nav .owl-prev:after {
	font-family: Flaticon;
	font-size: 30px;
	font-weight: 100;
	position: absolute;
	right: 0;
	left: 0;
	content: '\f116';
	color: inherit
}

.owl-carousel .owl-controls .owl-nav .owl-next:after {
	content: '\f167'
}

.owl-theme .owl-dots .owl-dot span {
	width: 15px;
	height: 15px;
	background-color: #e6e6e6
}

.owl-theme .owl-dots .owl-dot span.active {
	width: 15px;
	height: 15px;
	border: none
}

.owl-theme.carousel-blog.owl-carousel div.owl-dots {
	display: none
}





@media (max-width: 767px) {
	.owl-theme.carousel-blog.owl-carousel div.owl-dots {
		display: block;
		bottom: -20px
	}

	.owl-theme.carousel-blog.owl-carousel div.owl-dots span {
		width: 15px;
		height: 15px;
		background-color: #e6e6e6
	}

	.owl-theme.carousel-blog.owl-carousel div.owl-dots span.active {
		width: 15px;
		height: 15px;
		border: none
	}


	.owl-carousel .owl-nav button.owl-next,  .owl-carousel .owl-nav button.owl-prev {
		display: none;
	}


}


/* OWL PRODOTTI */
.product-item {
	position: relative;
	overflow: hidden;
}

.product-item .back-image {
	background-size: cover;
	background-position: center;
}

.product-item .rollover {
	background-color: transparent;
	position: absolute;
	overflow: hidden;
	top: 5px;
	bottom: 5px;
	left: 5px;
	right: 5px;
	transition: background-color 0.3s ease-in-out;
}

.product-item .rollover .item-link,
.product-item .rollover .product-title {
	position: absolute;
	opacity: 0;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 12px;
	letter-spacing: 2px;
	-ms-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	top: 50%;
	left: -50px;
	transition: all 0.3s ease-in-out;
	background-color: rgba(0, 0, 0, 0.3);
}

.product-item .rollover .product-title {
	max-width: 80%;
	top: -7px;
	left: 52%;
	text-align: center;
	line-height: 1.1;
	padding: 10px;
	background-color: #cb272b;
	-ms-transform: translateY(0%) translateX(-50%);
	transform: translateY(0%) translateX(-50%);
}

.product-item .rollover:active a.item-link,
.product-item .rollover:hover a.item-link {
	left: 52%;
	opacity: 1;
}

.product-item .rollover:active a.item-link:hover,
.product-item .rollover:hover a.item-link:hover {
	background-color: #cb272b;
}

.product-item .rollover:active .product-title,
.product-item .rollover:hover .product-title {
	top: 10px;
	opacity: 1;
}

/******************************************
TEMPLATES
*******************************************/
section.top-title .page-text {
	width: 100%;
	padding: 40px;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.4);
}
section.top-title .page-text h4,
section.top-title .page-text h3,
section.top-title .page-text h2,
section.top-title .page-text p {
	max-width: 1080px;
	margin: 0 auto;
}
.text-alternate { font-weight: bold; }
/******************************************
TABS 
*******************************************/
ul.tabs {
	display: block;
	list-style: none;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	padding: 0;
}

ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	width: 33.3%;
	font-size: 16px;
	text-align: center;
}

@media (max-width: 990px) {
	ul.tabs li {
		width: 50%;
	}
}

@media (max-width: 400px) {
	ul.tabs li {
		width: 100%;
	}
}

ul.tabs li.active a {
	border-bottom: 2px solid var(--col1);
	color: var(--col1);
}

ul.tabs li a {
	display: block;
	padding: 5px 15px;
	position: relative;
	font-weight: normal;
	text-transform: uppercase;
	border-bottom: 2px solid #eee;
	padding-bottom: 6px;
	font-weight: bold;
}

ul.tabs li.active a {
	cursor: default;
	color: var(--col1);
}

ul.tabs li:not(.active) a:hover {
	border-bottom: 2px solid #ccc;
}

ul.tabs li a:active {
	top: 1px;
}

.contenitore_tabs {
	border-top: 1px solid #E6E6E6;
	clear: both;
	margin: 0px;
	min-height: 300px;
	padding: 30px 10px;
	/*border:1px solid #999;*/
	background: #fff;
}

#rev_slider_1_1_wrapper { left:0px !Important}


/* CONTATTI */

section.form .contact-info .contact {
	display: -ms-flexbox;
	display: flex;
}
section.form .contact-info .contact,
section.form .contact-info .text {
	font-size: 16px;
	margin-top: 32px;
	line-height: 2em;
	font-weight: bold;
}
section.form .contact-info .contact .ki {
	font-size: 1.5em;
	line-height: 1.5;
	vertical-align: middle;
	margin-right: 0.8em;
}
input.form-control {
	height: 40px;
	padding: 10px 15px;
}
.form-control {
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	border: 0;
	border-bottom: 1px solid #aaa;
	border-radius: 0px;
	background-color: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;

}
select {
	padding: 10px;
	color: #555;
	width: 100%;
	border: 0;
	border-bottom: 1px solid #aaa;
}
.form-group {
	margin-bottom: 25px;
}
.contact-form input.form-control,
.form-big input.form-control {
	height: 50px;
}

.contact-form .form-control {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-khtml-border-radius: 0;
}

.form-control,
.form-control:focus {
	color: #333;
	border-color: #e1e1e1;
}

.form-control {
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	border-bottom: 1px solid #ccc;
	background-color: #fff;
}
.form-control, output {
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	display: block;
}

.form-group {
	margin-bottom: 15px;
}

textarea.form-control {
	height: auto;
}

.contmsg {
	padding: 0px;
}

.contmsg.alert-danger,
.contmsg.alert-success {
	padding: 10px;
	margin-bottom:10px;
}

.alert-danger {
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
}

.alert-success {
	color: #155724;
	background-color: #d4edda;
	border-color: #c3e6cb;
}
.checkbox-label { font-size: 14px; } 


@media (max-width: 767px) {
    section.product-list .reveal_main {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }
	section.product-list a.reveal_text {
        padding: 10px 20px;
    }
	section.product-list .reveal_main .title {
        font-size: 18px;
    }
	#contact {     padding: 0px 10%; }
}

/* SLIDE REVOLUTION RESPONSIVE */
	.slidesubtit {
		font-size: 35px !important;
		top: -30px !important;
	}
	.slidetit {
		font-size: 80px !important;
		max-width: 100% !important;
		display: block !important;
		white-space: break-spaces !important;
		line-height: 80px !important;
		top: 0px !important;
	}
	.slidebtn {     
		padding: 6px 12px !important;
		font-size: 31px !important;
		top: 120px  !important; 
	}
@media (max-width: 767px) {
	.slidesubtit {
		font-size: 25px !important;
		top: -20px !important;
	}
	.slidetit {
		font-size: 40px !important;
		max-width: 100% !important;
		display: block !important;
		white-space: break-spaces !important;
		line-height: 40px !important;
		top: 40px !important;
	}
	.slidebtn {     
		padding: 6px 12px !important;
		font-size: 21px !important;
		top: 150px  !important; 
	}
}
@media (max-width: 400px) {
	.slidesubtit {
		font-size: 22px !important;
	}
	.slidetit {
		font-size: 30px !important;
		top: 60px !important;
		line-height: 30px !important;
	}

	.slidebtn {
		padding: 4px 10px !important;
		font-size: 19px !important;
		top: 150px !important;
	}
}
@media (max-width: 350px) {
	.slidetit {
		line-height: 35px !important;
		max-width: 100% !important;
		display: block !important;
		white-space: break-spaces !important;

		top: 20px !important;
	}
	.slidebtn {
		top: 100px !important;
	}

}

strong,
b {
	font-weight: 600;
}
h4 strong, h4 b { font-weight: 600;}
strong, b {
	font-weight: 600;
}

.wpb_single_image.fullw .vc_figure, .wpb_single_image.fullw img, .wpb_single_image.fullw .vc_figure, .wpb_single_image.fullw .vc_single_image-wrapper{ width:100%; }

.display-4.titolohomep *{ font-size: 60px;
	line-height: 1.05em;}

	/* yourstyle */