#wpadminbar{
	display: none;
}
html{
	margin: 0 !important;
}

body {
    font-family: 'BergenMono-Regular', monospace;
    font-size: 0.9rem;
    background-color: #222;
	color: #fff;
    -webkit-transition: background-color 1s linear;
	-moz-transition: background-color 1s linear;
	-o-transition: background-color 1s linear;
	transition: background-color 1s linear;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body.stop-scroll, html.stop-scroll, #page.stop-scroll {
    overflow: hidden !important;
    position: relative;
    height: 100%;
}
.clear {
    clear: both;
}
.break-10 {
    height: 10px;
}
.break-15 {
    height: 15px;
}
.break-20 {
    height: 20px;
}
.break-30 {
    height: 30px;
}
.break-40 {
    height: 40px;
}
.break-50 {
    height: 50px;
}
.break-60 {
    height: 60px;
}

a {
    text-decoration: none;
    color: #f0268b;
    -webkit-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    -ms-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
}
a:hover {
    color: #fff;
    text-decoration: none;
}
.readmore{
	position: relative;
	cursor: pointer;
}
.readmore .circle{
    width: 24px;
    height: 24px;
    background-color: #fff;
    color: #222;
    border-radius: 50%;
    line-height: 28px;
    text-align: center;
    display: inline-block;
    margin: 0 10px;
}
.readmore:hover .circle{
	background-color: #f0268b;
	color: #fff;
}

#loading-page {
    background-color: #FFFFFF;
    background-image: url("../img/loading.gif");
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}
#pattern{
	background-image: url("../img/Alusense_pattern_white.svg");
	background-position: center center;
	background-size: 131px auto;
	position: fixed;
	height: 100%;
	width: 200%;
	top: 0;
	left: -50%;
	opacity: 0.1;
}
#pattern.left{
	left: calc(-75% + 100px);
}

#background{
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background-position: center center;
	background-size: cover;
/*
	-webkit-filter: grayscale(0.6);
	-webkit-filter: grayscale(60%);
	filter: gray;
	filter: grayscale(60%);
*/
}
#background.on{
	opacity: 0.4;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}

#main{
	position: fixed;
	width: 352px;
	height: 100%;
	left: calc(50% - 176px);
	z-index: 10;
}
#main.left{
	left: calc(25% - 176px + 100px);
}
#main #masthead {
	position: absolute;
	top: 30px;
	width: 100%;
}
#main #logo{
	position: absolute;
	width: 288px;
	height: 254px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	margin-top: -1px;
}
#main #logo-svg{
	fill:#ffffff;
}
#main #logo .circle{
	position: absolute;
	border-radius: 50%;
	background-color: #fff;
	-webkit-transition: all 300ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-moz-transition: all 300ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-o-transition: all 300ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	transition: all 300ms cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */
}
#main #logo .circle01{
    width: 32px;
    height: 32px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
#main #logo .circle02{
	width: 40px;
    height: 40px;
    top: 52px;
    left: 91px;
}
#main #logo .circle03{
    width: 40px;
    height: 40px;
    top: 52px;
    right: 91px;
}
#main #logo .circle04{
    width: 40px;
    height: 40px;
    top: 108px;
    left: 58px;
}
#main #logo .circle05{
    width: 48px;
    height: 48px;
    top: 104px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
#main #logo .circle06{
    width: 40px;
    height: 40px;
    top: 108px;
    right: 58px;
}
#main #logo .circle07{
    width: 32px;
    height: 32px;
    top: 168px;
    left: 29px;
}
#main #logo .circle08{
	width: 40px;
    height: 40px;
    top: 163px;
    left: 91px
}
#main #logo .circle09{
	width: 40px;
    height: 40px;
    top: 163px;
    right: 91px;
}
#main #logo .circle10{
    width: 32px;
    height: 32px;
    top: 168px;
    right: 29px;
}
#main #logo .circle11{
	width: 26px;
    height: 26px;
    bottom: 0;
    left: 0px;
}
#main #logo .circle12{
	width: 26px;
    height: 26px;
    bottom: 0;
    right: 0px;
}
#main #logo .circle.off{
    background-color: #fff;
    opacity: 0.2;
}
#main #logo .circle.on{
	cursor: pointer;
	background-color: #fff;
	cursor: pointer;
}
#main #logo .circle.on:hover,
#main #logo .circle.on.active{
	background-color: #f0268b;
}
@keyframes shadow-pulse{
	0% { box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
	100% { box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); }
}
@-o-keyframes shadow-pulse{
	0% { box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
	100% { box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); }
}
@-ms-keyframes shadow-pulse{
	0% { box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
	100% { box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); }
}
@-moz-keyframes shadow-pulse{
	0% { box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
	100% { box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); }
}
@-webkit-keyframes shadow-pulse{
	0% { box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
	100% { box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); }
}
body.inversion #main #logo .circle.pulse{
	animation: shadow-pulse 1s infinite;
}
@keyframes light-pulse{
	0% { box-shadow: 0 0 0 0px rgba(255,255,255,0.2); }
	100% { box-shadow: 0 0 0 35px rgba(255,255,255,0); }
}
@-o-keyframes light-pulse{
	0% { box-shadow: 0 0 0 0px rgba(255,255,255,0.2); }
	100% { box-shadow: 0 0 0 35px rgba(255,255,255,0); }
}
@-ms-keyframes light-pulse{
	0% { box-shadow: 0 0 0 0px rgba(255,255,255,0.2); }
	100% { box-shadow: 0 0 0 35px rgba(255,255,255,0); }
}
@-moz-keyframes light-pulse{
	0% { box-shadow: 0 0 0 0px rgba(255,255,255,0.2); }
	100% { box-shadow: 0 0 0 35px rgba(255,255,255,0); }
}
@-webkit-keyframes light-pulse{
	0% { box-shadow: 0 0 0 0px rgba(255,255,255,0.2); }
	100% { box-shadow: 0 0 0 35px rgba(255,255,255,0); }
}
/*
#main #logo .circle.on:not(.active):hover{
	animation-duration: 1s;
	animation-name: light-pulse;
	animation-iteration-count: 1;
}
*/
#main #logo .circle.pulse:not(.active){
	animation: light-pulse 1s infinite;
}
#main #logo .circle .num{
	color: #000;
	text-align: center;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
#main #logo .circle.on.active .num{
	color: #fff;
}
#main #footer{
	position: absolute;
	bottom: 30px;
	width: 100%;
	padding: 0 30px;
	font-size: 0.8rem;
}

#menu, #menu *{
	-webkit-transition: all 300ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-moz-transition: all 300ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-o-transition: all 300ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	transition: all 300ms cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */
}
#menu{
	position: fixed;
	left: 30px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
#menu.off{
	left: -135px;
}
#menu .item{
	position: relative;
	cursor: pointer;
	margin: 10px 0;
	height: 12px;
	font-size: 0.8rem;
}
#menu .item .circle{
	width: 12px;
	height: 12px;
	border-radius: 50%;
	margin-right: 10px;
	position: absolute;
	left: 0;
	background-color: #fff;
}
#menu .item:hover .circle{
	background-color: #f0268b !important;
}
#menu .item .label{
	position: relative;
    left: 30px;
    top: -1px;
    display: inline-block;
    transform-origin: 0;	
}
#menu .item.on{
	margin: 20px 0;
}
#menu .item.on .label{
	transform: scale(1.5);
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
}
#menu .item.on .circle{
	transform: scale(2);
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-ms-transform: scale(2);
	-o-transform: scale(2);
	background-color: #f0268b !important;
}

#page{
	position: fixed;
	width: 50%;
	height: 100%;
	right: 0;
	padding: 30px;
    display: -ms-flexbox;
    display: flex;
}
#page.off{
	right: -50%;
}
#page section{
	display: none;
	position: absolute;
	padding-right: 30px;
}
#page .content{
	max-width: 600px;
}
#page .content .box{
	display: none;
}
#page .content .pulsantiera{
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	height: 40px;
	width: 100%;
	text-align: center;
	background-color: #222;
	line-height: 38px;
}
#page .content .pulsantiera span{
	cursor: pointer;
    margin: 0 5px;
    width: 20px;
    height: 20px;
    background-color: #fff;
    display: inline-block;
    line-height: 22px;
    border-radius: 50%;
    color: #000;
}
#page .content .pulsantiera span.on{
	background-color: #f0268b;
	color: #fff;
}
#page .gallery .zoom{
	width: 50px;
	height: 50px;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
}
#page .gallery .zoom .circle{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #f0268b;
	opacity: 1;
	border-radius: 50%;
}
#page .gallery:hover .zoom .circle{
	transform: scale(6);
	-webkit-transform: scale(6);
	-moz-transform: scale(6);
	-ms-transform: scale(6);
	-o-transform: scale(6);
	opacity: 0.5;
}
#page .gallery .zoom .icon{
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 52px;
}
#page .text-zoom{
	position: fixed;
	width: 50%;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	height: 0;
	background-color: #f0268b;
	overflow: hidden;
    display: -ms-flexbox;
    display: flex;
}
#page .text-zoom.on{
	height: 100%;
	overflow-y: scroll;
}
#page .text-zoom.on .text{
	position: relative;
	overflow-y: scroll;
}
#page .chiudi,
#page .chiudi-page{
    position: absolute;
    top: 15px;
    right: 15px;
    width: 34px;
    height: 34px;
    text-align: center;
    border: 2px solid;
    border-radius: 50%;
    line-height: 32px;
    cursor: pointer;
    color: #fff;
}
#page .chiudi-page{
	display: none;
	background-color: #222;
}

/* INVERSION $ BODY OPTION */
body.inversion{
	background-color: #ddd;
	color: #222;
}
body.inversion a:hover{
	color: #000;
}
body.inversion #pattern{
	background-image: url("../img/Alusense_pattern.svg");
}
body.inversion #main #logo-svg{
	fill:#222222;
}
body.inversion #menu .item .circle{
	background-color: #222;;
}
body.inversion #main #logo .circle{
	background-color: #222;
}
body.inversion #main #logo .circle.off{
	background-color: #ccc;
}

body.desktop #page .text-zoom .chiudi{
	display: none;
}

/* SECTIONS */

#page #welcome .content{
	padding-right: 230px;
}
#page #welcome .content .box .number{
	    margin-bottom: 48px
}
#page #welcome .content .box .number .text{}
#page #welcome .content .box .number .num{
    font-size: 5rem;
    font-weight: 300;
    line-height: 1;
    height: 60px;
    padding-right: 10px;
}
#page #welcome .reference{
	position: fixed;
	right: 0;
	top: 50%;
	width: 200px;
	height: 200px;
	margin-top: -100px;
}
#page #welcome .reference .text-vertical{
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	position: relative;
    width: 200px;
    top: 111px;
    left: -115px;
    text-align: center;
    text-transform: uppercase;
}

#page #contact input[type="text"],
#page #contact input[type="email"],
#page #contact textarea{
	background-color: transparent;
	border: 0;
	border-radius: 0;
	border-bottom: 1px solid #fff;
	color: #fff;
	width: 100%;
	outline: none;
}
#page #contact input[type="submit"]{
	background-color: transparent;
    color: #fff;
    border: 1px solid #ffffff;
    /* font-size: 2rem; */
    cursor: pointer;
    display: inline-block;
    padding: 6px 20px 2px;
}
#page #contact input[type="submit"]:hover{
	color: #fff;
}
#page #contact input[type="submit"][disabled]{
	opacity: 0.5;
    cursor: not-allowed;
}

/* ELMENTI RICORRENTI */
.popup{
	position: fixed;
    left: 0;
    top: 100%;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    background-color: #eee;
    color: #222;
    padding: 60px 0;
    z-index: 20;
}
.popup.open{
	top: 0;
}

/* TEXT */
b, .b {
    font-weight: 700;
}
strong, .strong {
    font-weight: 300;
/*     background-color: #f0268b; */
    background-color: #fff;
    color: #222;
    padding: 1px 2px 0;
}
.text-shadow{
	text-shadow: 1px 1px 2px #000000;
}
.text-black{
	color: #000000;
}
.text-white{
	color: #ffffff;
}
.text-magenta{
	color: #f0268b;
}
.text-90{
	font-size: 0.9rem;
}


/* EXTRA */
.opacity-0{
	opacity: 0 !important;
}
.cursor-pointer{
	cursor: pointer;
}
.centerheightcss{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transition: translateY(-50%);
	-ms-transition: translateY(-50%);
	-o-transition: translateY(-50%);
}
.zoomthumb, a .zoomthumb{
	transition: all 0.1s ease-in;
	-webkit-transition: all 0.1s ease-in;
	-moz-transition: all 0.1s ease-in;
	-ms-transition: all 0.1s ease-in;
	-o-transition: all 0.1s ease-in;
}
.zoomthumb:hover, a:hover .zoomthumb{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transition: scale(1.1);
	-ms-transition: scale(1.1);
	-o-transition: scale(1.1);
}
.cube{
	display: block;
}
.divascookies {
    border: 3px solid #fff;
    border-radius: 20px;
    left: 50%;
    margin-left: -270px;
    top: 50% !important;
    width: 540px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transition: translateY(-50%);
    -ms-transition: translateY(-50%);
    -o-transition: translateY(-50%);
}
.relative{
	position: relative;
}
.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe {
    width: 100% !important;
}
.transitions{
	-webkit-transition: all 300ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-moz-transition: all 300ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-o-transition: all 300ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	transition: all 300ms cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */
}
.transitions-linear{
	-webkit-transition: all 1s linear;
	-moz-transition: all 1s linear;
	-o-transition: all 1s linear;
	transition: all 1s linear;
}
.transitions-easeInQuart{
	-webkit-transition: all 500ms cubic-bezier(0.895, 0.030, 0.685, 0.220); 
	-moz-transition: all 500ms cubic-bezier(0.895, 0.030, 0.685, 0.220); 
	-o-transition: all 500ms cubic-bezier(0.895, 0.030, 0.685, 0.220); 
	transition: all 500ms cubic-bezier(0.895, 0.030, 0.685, 0.220); /* easeInQuart */
}
.transitions-easeInQuart-fast{
	-webkit-transition: all 300ms cubic-bezier(0.895, 0.030, 0.685, 0.220); 
	-moz-transition: all 300ms cubic-bezier(0.895, 0.030, 0.685, 0.220); 
	-o-transition: all 300ms cubic-bezier(0.895, 0.030, 0.685, 0.220); 
	transition: all 300ms cubic-bezier(0.895, 0.030, 0.685, 0.220); /* easeInQuart */
}
.animate{
	-webkit-transition: all 500ms cubic-bezier(0.895, 0.030, 0.685, 0.220); 
	-moz-transition: all 500ms cubic-bezier(0.895, 0.030, 0.685, 0.220); 
	-o-transition: all 500ms cubic-bezier(0.895, 0.030, 0.685, 0.220); 
	transition: all 500ms cubic-bezier(0.895, 0.030, 0.685, 0.220); /* easeInQuart */
}
.animate.opacity.off{
	opacity: 0;
}
.animate.scale.off{
	opacity: 0;
	transform: scale(0.6);
	-webkit-transform: scale(0.6);
	-moz-transition: scale(0.6);
	-ms-transition: scale(0.6);
	-o-transition: scale(0.6);
}
.animate.movedx.off{
	opacity: 0;
	right: -100px;
}
.animate.movedx.on{
	right: 0;
}
.animate.movesx.off{
	opacity: 0;
	left: -100px;
}
.animate.movesx.on{
	left: 0;
}
.lg-backdrop{
	background: transparent !important;
}

#responsive{
	display: none;
	position: fixed;
	height: 0;
	width: 0;
	right: 100%;
	bottom: 100%;
}