/* ====================================================================================================

		RESET

   ==================================================================================================== */

/* -------------------------------------------------------------- 
   Reset default browser CSS.
   Based on work by Eric Meyer:
   http://meyerweb.com/eric/tools/css/reset/index.html
--------------------------------------------------------------
   ================================================== */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers

   ================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
body { line-height: 1 }
ol, ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* ====================================================================================================

		TYPOGRAPHY

   ==================================================================================================== */

/* --------------------------------------------------------------
   Set default typography based on Blueprint
--------------------------------------------------------------
   ================================================== */
/* Text elements
 * -----------------------------------------------------------
 */

p { margin: 2.5rem 0;line-height:2.6rem; }
ul { margin: 0 0 1.8rem 3.2remm }
ol { margin: 0 0 1.8rem 3.2rem }
ul { list-style: disc }
ol { list-style-type: decimal }
ol ol { list-style: upper-alpha }
ol ol ol { list-style: lower-roman }
ol ol ol ol { list-style: lower-alpha }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0 }
dl { margin: 0 2.2rem }
dt { font-weight: bold }
dd { margin-bottom: 1.8rem }
strong { font-weight: bold }
cite, em, i { font-style: italic }
blockquote { margin: 0 4.4rem }
blockquote em, blockquote i, blockquote cite { font-style: normal }
pre { font: 11px Monaco, monospace; line-height: 1.8rem; margin-bottom: 1.8rem; }
code { font: 1.1rem Monaco, monospace }
abbr, acronym { border-bottom: 1px dotted #333; cursor: help; }
ins { text-decoration: none }
sup, sub { height: 0; line-height: 1; vertical-align: baseline; position: relative; }
sup { bottom: 1ex; font-size: smaller; }
sub { top: .5ex }
a { color: #ffdf36;text-decoration: none; }
a:hover { color: #fecf1f; }
/*span { color: #000 }*/

/** Pullquotes
 * -------------------------------------------------------------- 
 */

blockquote.left { float: left; margin-left: 0; margin-right: 2rem; text-align: right; width: 33%; }
blockquote.right { float: right; margin-left: 2rem; margin-right: 0; text-align: left; width: 33%; }

/**
 * 
 * Adapt the following for use in your Child Themes when using
 * different font-sizes and line-heights
 * 
 * body, input, textarea {
 *     font: --px Arial,sans-serif;
 *     line-height:--px;
 * }
 * p, ul, ol, dd, pre {
 *     margin-bottom:--px;
 * }
 * pre, code {
 *     font:--px Monaco, monospace;
 *     line-height:--px;
 * }
 * 
 * All other styles can be overridden--or ignored!--in Child Theme stylesheets
 */

/* ====================================================================================================

		FONT EMBED
   
   ==================================================================================================== */ 
/*@font-face { font-family: 'EurostileLTStd'; src: url('../embedfont/EurostileLTStd.eot?#iefix') format('embedded-opentype'), url('../embedfont/EurostileLTStd.otf') format('opentype'), url('../embedfont/EurostileLTStd.woff') format('woff'), url('../embedfont/EurostileLTStd.ttf') format('truetype'), url('../embedfont/EurostileLTStd.svg#EurostileLTStd') format('svg'); font-weight: normal; font-style: normal; }*/
/*@font-face { font-family: 'EurostileLTStd-Bold'; src: url('../embedfont/EurostileLTStd-Bold.eot?#iefix') format('embedded-opentype'), url('../embedfont/EurostileLTStd-Bold.otf') format('opentype'), url('../embedfont/EurostileLTStd-Bold.woff') format('woff'), url('../embedfont/EurostileLTStd-Bold.ttf') format('truetype'), url('../embedfont/EurostileLTStd-Bold.svg#EurostileLTStd-Bold') format('svg'); font-weight: normal; font-style: normal; }*/

@font-face {
    font-family: 'EurostileLTProUnicode';
    src: url('../embedfont/EurostileLTProUnicode.eot');
    src: url('../embedfont/EurostileLTProUnicode.eot?#iefix') format('embedded-opentype'),
        url('../embedfont/EurostileLTProUnicode.woff2') format('woff2'),
        url('../embedfont/EurostileLTProUnicode.woff') format('woff'),
        url('../embedfont/EurostileLTProUnicode.ttf') format('truetype'),
        url('../embedfont/EurostileLTProUnicode.svg#EurostileLTProUnicode') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'EurostileLTProUnicode';
    src: url('../embedfont/EurostileLTProUnicode-BoldOblique.eot');
    src: url('../embedfont/EurostileLTProUnicode-BoldOblique.eot?#iefix') format('embedded-opentype'),
        url('../embedfont/EurostileLTProUnicode-BoldOblique.woff2') format('woff2'),
        url('../embedfont/EurostileLTProUnicode-BoldOblique.woff') format('woff'),
        url('../embedfont/EurostileLTProUnicode-BoldOblique.ttf') format('truetype'),
        url('../embedfont/EurostileLTProUnicode-BoldOblique.svg#EurostileLTProUnicode-BoldOblique') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'EurostileLTProUnicode';
    src: url('../embedfont/EurostileLTProUnicode-Bold.eot');
    src: url('../embedfont/EurostileLTProUnicode-Bold.eot?#iefix') format('embedded-opentype'),
        url('../embedfont/EurostileLTProUnicode-Bold.woff2') format('woff2'),
        url('../embedfont/EurostileLTProUnicode-Bold.woff') format('woff'),
        url('../embedfont/EurostileLTProUnicode-Bold.ttf') format('truetype'),
        url('../embedfont/EurostileLTProUnicode-Bold.svg#EurostileLTProUnicode-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}



/* ====================================================================================================

		FRAMEWORK W3B
   
   ==================================================================================================== */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both }
.clearfix { zoom: 1; /* For IE 6/7 (trigger hasLayout) */ }
.allclear { clear: both }
.hide{opacity:0}
.hidden {display: none;}
.prevent-scroll {overflow: hidden;}
body.prevent-scroll::before {content: "";	position: fixed; top: 0;	bottom: 0; left: 0; right: 0;	background: rgba(0,0,0,0.5); z-index: 100;}

.col10 { width: 10% }
.col20 { width: 20% }
.col30 { width: 30% }
.col40 { width: 40% }
.col50 { width: 50% }
.col60 { width: 60% }
.col70 { width: 70% }
.col80 { width: 80% }
.col90 { width: 90% }
.col100 { width: 100% }
.col33 { width: 33.3333% }
.col65 { width: 65% }
.col55 { width: 55% }
.col45 { width: 45% }
.col25 { width: 25% }
.col16 { width: 16.6% }
.col10, .col20, .col30, .col40, .col50, .col60, .col70, .col80, .col90, .col100, .col45, .col33, 

.col25, .col65, .col55, .col16 { float: left; display: block; position: relative; }
.margin-auto{margin-left: auto !important;margin-right: auto !important; float: none !important;}
img { /*display: inline-block;*/ display: block; margin: 0; max-height: 100%; max-width: 100%; padding: 0; position: relative; width: auto; height: auto; }
img.align-left, .align-left { float: left; margin: 0 1rem 0.5rem 0; }
img.align-right, .align-right { float: right; margin: 0 0 0.5rem 1rem; }
img.align-middle, .align-middle { text-align: center; margin: 1rem auto; }
.align-justify { text-align: justify; }
img.vertical-align, .vertical-align {vertical-align: middle;}
img.full-width { clear: both; display: block; width: 100%; height: auto; margin: 0 0 1rem 0; }
a.block { width: 100%; height: 100%; display: block; }
.alignleft { text-align: left }
.alignright { text-align: right }
.aligncenter { text-align: center }
.spacer, .wrapper.spacer { margin:3rem auto;}
span:not(.cc-message) { color: #000000; }
h1 { font-size: 3.9rem; margin: 1rem 0 1rem 0; line-height: 130%; }
h2 { font-weight: 300; color: #090909; font-size: 3.5rem; margin: 1rem 0 2rem; line-height: 130%; }
h3 { font-size: 1.95rem; margin: 1rem 0 1rem 0; line-height: 130%; color: #000; font-weight: 300; }
h4 { font-size: 1.9rem; margin: 1rem 0 1rem 0; }
.wrapper.products h4{text-align: center; font-size: 2.0rem;font-weight: 600; color: rf8c07;}
h5 { font-size: 1.6rem; margin: 1rem 0 1rem 0; }
h6 { font-size: 1.4rem; margin: 1rem 0 0.5rem 0; }
img.style1 { border: solid 1px #FFFFFF; -moz-box-shadow: 0px 5px 5px #a1a4a9; -webkit-box-shadow: 0px 5px 5px #a1a4a9; box-shadow: 0px 5px 5px #a1a4a9; }
@media screen and (max-width: 600px) { 
	.small-col100 {width: 100% !important;}
	.small-col70 {width: 70% !important;}
}

@media screen and (max-width: 320px) { 
	.xsmall-col80 {width: 100% !important;}
	.xsmall-col100 {width: 100% !important;}
}
.textcolumn {padding:0 2rem;}


/* ====================================================================================================

		LAYOUT.CSS

   ==================================================================================================== */


a { transition: background-color 0.5s ease, -webkit-transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; }
html, body { margin: 0; padding: 0; color: #343434; background: #FFF repeat-x 0 0; text-align: left; height: 100%; font-weight: 400; font: normal 62.5%/150% 'Open Sans', Verdana, Arial, serif; }

body {font-size:16px;font-size:1.6rem;overflow-x:hidden }

/* wrapcontent  */
.wrapper {width: 100%; max-width:120rem;margin:0px auto;padding:2rem;position:relative;}
.sticky-wrapper{position: fixed; z-index: 999; top:0; width: 100%}


/* HEADER

   ==================================================

   ================================================== */
#header {height:9rem;position:fixed;top:0;left:0;z-index:999;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s;transition: all .3s ease;}
#header.stuck {background:#282828;}
#header .wrapper {padding:0;}
.logo {margin:1.2rem auto 0 auto;}
.stuck .logo {display:none;}
#header-page {overflow: hidden;padding:25rem 0 16rem 0;}
#header-page:before {display:block;content:'';height:100%;width:100%;position:absolute;top:0;left:0;z-index:1;background: url('../images/bg-header-home.jpg') no-repeat 50% 50%;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-attachment: fixed;}
#header-page .wrapper {padding:0 2rem;z-index:2;}
#header-page h1 {font-size:4rem;text-transform:uppercase;color:#FFF;font-weight:700;}
#header-page h2 {font-size:2.2rem;color:#ffdf36;margin-bottom:4rem;}

#header-page.solaio:before {background: url('../images/bg-header-solaio.jpg') no-repeat 50% 0;background-attachment: fixed;}
#header-page.muro:before {background: url('../images/bg-header-muro.jpg') no-repeat 50% 0;background-attachment: fixed;}
#header-page.divisorio:before {background: url('../images/bg-header-divisorio.jpg') no-repeat 50% 0;background-attachment: fixed;}
.wrap-tasselli {margin-top:6rem;}
.wrap-tasselli a {position:relative;float:left;margin-top:0;-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;}
.wrap-tasselli a:hover {margin-top:-4rem;}
.wrap-tasselli a:before {
	content:'\E313';
	font-family: 'Material Icons';
	font-size:48px;
	position:absolute;
	top:-40px;
	left:50%;
	transform: translate(-50%, 0);	
	-webkit-animation: arrowdown 2s infinite ease-in-out;
    -o-animation: arrowdown 2s infinite ease-in-out;
    -ms-animation: arrowdown 2s infinite ease-in-out; 
    -moz-animation: arrowdown 2s infinite ease-in-out; 
    animation: arrowdown 2s infinite ease-in-out;
}

@keyframes arrowdown {
  0% {
    top: -60px;
	opacity:0;
  }
  50% {
    top: -40px;
	opacity:1;
  }
  100% {
    top: 0px;
	opacity:0;
  }
}


/* CONTENT
   ==================================================
   ================================================== */
.content h3 {font-size:4rem;}
#page .content h3 {font-size:2rem;}
#page .smart-forms .form-body, #page .smart-wrap {padding:0;}
.sidebar {padding-right:4rem;}
.sidebar h3 {display:inline-block;font-size:3rem;}
.sidebar span {color:#000;margin:2rem 0;display:block;}
.sidebar ul {margin:0;padding:0}
.sidebar ul li {list-style-type:none;line-height:3rem;position:relative;padding-left:3rem;}
.sidebar ul li i {position:absolute;top:4px;left:0;}

#page.page-pp #header {background:#282828;} 
#page.page-pp #textpage {margin:10rem auto;}

/* FOOTER
   ==================================================
   ================================================== */
#footer {clear:both;background:#282828;color:#FFF;font-size:1.4rem;padding:4rem 0;}
#footer .wrapper, #subfooter .wrapper {padding:0;}
#footer a {color:#ffdf36;}
#footer a:hover {color:#FFF;}
#footer p {padding:0;margin:0;}
#footer .fa {
	display: inline-block;
	border-radius: 60px;
	padding: 0.4em 0.5em;
	background:#ffffff;
	color:#282828;
	font-size:22px;
	margin: 0.5rem;
}
#footer .fa:hover {background:#ffdf36;}
#footer .social-icon #facebook .fa {padding: 0.4em 0.65em;}
#footer .social-icon #twitter .fa {padding: 0.4em 0.45em;}

#subfooter {clear:both;background:#000;padding:0;}
#subfooter p {font-size:1.3rem;color:#FFF;line-height:120%;}


/* LIGHTBOX

	 ==================================================

	 ================================================== */

a.close {cursor: pointer; position: absolute; right: 1rem; top: 1rem;z-index: 9999;color:#FFF;}
a.close i {font-size:30px;}
.lb-spacer {margin-bottom: 4rem;}


/* ADDCLASS
   ==================================================
   ================================================== */
.mini-gallery a:before {content:'';position:absolute;top:0;left:0;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
height:100%;width:100%;z-index:10;opacity:0;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s;transition: all .5s ease;}
.mini-gallery a:hover:before {opacity:1;}
.mini-gallery a:hover:after {content:'\f002';font-family: "FontAwesome";font-size:24px;position:absolute;top:50%;left:50%;color:#FFF;z-index:20;transform: translate(-50%, -50%);}
.wrapzoom {overflow:hidden;}
.mini-gallery div.zoom {padding:14rem 0;-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-o-transition: all .5s;transition: all .5s ease-out;}
.mini-gallery div.zoom:hover {-ms-transform: scale(1.2);-moz-transform: scale(1.2);-webkit-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}
#photo-gallery-1, #photo-gallery-2, #photo-gallery-3, #photo-gallery-4, #photo-gallery-5, #photo-gallery-6, #photo-gallery-7 {background-position: center center;background-repeat:no-repeat;background-size: cover;} 
#photo-gallery-1 {background-image: url('/images/realizzazioni/dakar-senegal.jpg');}
#photo-gallery-2 {background-image: url('/images/realizzazioni/edificio-commerciale-corso-como.jpg');}
#photo-gallery-3 {background-image: url('/images/realizzazioni/residenziale-trento.jpg');}
#photo-gallery-4 {background-image: url('/images/realizzazioni/hotel-somma-lombardo-varese.jpg');}

#photo-gallery-5 {background-image: url('/images/photo/solaio-plastbau-metal.jpg');}
#photo-gallery-6 {background-image: url('/images/photo/muro-plastbau.jpg');}
#photo-gallery-7 {background-image: url('/images/photo/divisorio.jpg');}

.mini-gallery span {color:#FFF;text-transform:uppercase;position:absolute;bottom:-100px;left:50%;transform: translate(-50%, 0);width:100%;display:inline-block;text-align:center;z-index:15;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s;transition: all .5s ease;}
.mini-gallery div:hover  span {bottom:30px;}

/*.eurostile-regular {font-family: 'EurostileLTStd'!important;}*/
/*.eurostile-bold {font-family: 'EurostileLTStd-Bold'!important;}*/
.uppercase {text-transform: uppercase !important;}
.eurostile-regular {font-family: 'EurostileLTProUnicode'!important;}
.eurostile-bold {font-family: 'EurostileLTProUnicode'!important; font-weight: bold;}

.block-yellow {background:#ffdf36 url('../images/pattern-block-yellow.gif') repeat-x 0 0;padding:8rem 0;}
.block-yellow h3 {text-transform:uppercase;font-size:2.2rem;}
.block-yellow .tassello {position:absolute;top:0;left:0;}
.block-yellow hr.vertical-white {border:none;width:4px;height:100px;background:#FFF;position:absolute;top:-130px;left:50%;transform: translate(-50%, 0);}
.block-yellow .col33 {padding:0 6rem;}
.block-yellow .col33 .col100 {padding-left:150px;float:right;}
.block-yellow .col33 .col100.full-width {padding-left:0;float:left;} 
.block-yellow .add-icon {position:absolute;top:50%;transform: translate(0, -50%);}
.block-yellow .add-icon.add-right {right:-21px;}
.block-yellow .add-icon.add-left {left:-21px;}
.block-yellow ul {list-style-type:none;}
.block-yellow ul li {padding:2rem;margin:1rem 0;background:#ffe756;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
.block-yellow ul li:last-child {border-bottom:none;}

.block-grey {background-image: url('/images/bg-page-sistema.jpg');background-position: center center;background-repeat:no-repeat;background-size: cover;padding:8rem 0;}
.block-grey-2 {background:#f0f0f0;}
.block-grey .wrapper {padding:0;}
.block-grey .int-block-grey {display:flex;width:80%;margin:auto;}
.block-grey .int-block-grey > div {width:25%;padding:0 2rem;border-right: solid 2px #FFF;border-left: solid 2px #FFF;}
.block-grey .int-block-grey > div:first-child {border-left: none;}
.block-grey .int-block-grey > div:last-child {border-right: none;}
/*.block-grey img {margin-bottom:4rem;}*/

.block-grey-2 .col25 {padding:2rem 4rem;}
.nota {color:#797979;font-size:1.2rem;}
/*.casa-home {min-height:447px;}
.casa-home img {position:absolute;top:0;left:0;}
.casa-home img.house {z-index:10;  filter: alpha(opacity=20);opacity: 0.2;}
.casa-home img.solaio {z-index:15;}*/

.block-black {background:#000000;padding:8rem 0;}

.vantaggi-muro span {padding:3rem 0;display:inline-block;}
.vantaggi-muro h4 {margin-bottom:4rem;}
.elenco-vantaggi-home {display:flex;flex-wrap:wrap;flex-direction:row;background-image: url('/images/bg-index-vantaggi.jpg');background-position: center center;background-repeat:no-repeat;background-size: cover;}
.elenco-vantaggi-home > div {padding:6rem 2rem;width:20%;}
.elenco-vantaggi-home span {font-weight:700;}
.elenco-vantaggi-home p, .elenco-vantaggi-home ul li {color:#797979;color:#282828;font-style:italic;}
.elenco-vantaggi-home ul {list-style-type:none;}
.elenco-vantaggi-home ul li {position:relative;padding: 0 0 0.5rem 0.8rem;margin-top:2.5rem;}
.elenco-vantaggi-home ul li:before {content:'\f105';position:absolute;top:0;left:0;font-size:14px;font-family: "FontAwesome";}

.evidenced {font-weight:700;padding-left:2rem;border-left:solid 4px #ffdf36;font-size:2rem;margin:4rem 0;}
.list-company {font-size:1.4rem;}

.int-block-grey .icon {margin-bottom:50px;}   
.int-block-grey .icon.icon-sismico {margin-bottom:7px;}   

ul.list-plus li {padding:0.5rem 0;list-style-type:none;color:#797979;font-style:italic;padding-left:3rem;position:relative;}
ul.list-plus li i {position:absolute;top:4px;left:0;color:#ffdf36;}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {top: -0.5em;}
h2 sup {font-size:60%;}
   
.videowrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 = 56.25% */
	/*padding-top: 25px;*/
	height: 0;
	margin:5rem 0;
}
.videowrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.videowrapper iframe{
	background: url(../images/preloader.gif) no-repeat center center black;
}   

/* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

a.bt {
	padding:0.8rem 4rem;
	display:inline-block;
	color:#FFF;
	background:none;
	overflow:hidden;
	margin:2rem 0;
	font-size:1.4rem;
	font-weight:700;
}
a.bt-outline {
	color:#000;
	-webkit-box-shadow: inset 0px 0px 0px 2px rgba(0,0,0,1);
	-moz-box-shadow: inset 0px 0px 0px 2px rgba(0,0,0,1);
	box-shadow: inset 0px 0px 0px 2px rgba(0,0,0,1);
	border-radius: 100px;-moz-border-radius: 100px;-webkit-border-radius: 100px;
}
a.bt-black {
	color:#fff;
	background:#000;
	border-radius: 100px;-moz-border-radius: 100px;-webkit-border-radius: 100px;
}

/* Radial Out */
.radial-out, .radial-out-yellow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.radial-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,1);
  border-radius: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.radial-out:hover, .radial-out:focus, .radial-out:active {
  color: white;
}
.radial-out:hover:before, .radial-out:focus:before, .radial-out:active:before {
	-webkit-transform: scale(2);
	transform: scale(2);
}

/* Radial Out - Yellow*/
.radial-out-yellow:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255,223,53,1);
  border-radius: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.radial-out-yellow:hover, .radial-out-yellow:focus, .radial-out-yellow:active {
  color: #000;
}
.radial-out-yellow:hover:before, .radial-out-yellow:focus:before, .radial-out-yellow:active:before {
	-webkit-transform: scale(2);
	transform: scale(2);
}

/*@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}*/

/* Overline From Center */
.hvr-overline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-overline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  top: 0;
  background: #ffdf36;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before {
  left: 0;
  right: 0;
}


/* MENU
   ==================================================
   ================================================== */

/*#mm { padding: 0; margin: 0 auto; position: absolute; right: 20px;top:-12px;}*/
#mm { /*position: relative;*/ padding: 0; margin: 0 auto;}
#mm li { list-style-type: none; display: inline-block; margin-right: -0.4rem; position: relative; font-size:1.4rem;}




.languagepicker {
	float: right;
	margin-top: 3rem;
	display: inline-block;
	padding: 0;
	height: 30px;
	overflow: hidden;
	transition: all .3s ease;
}

.languagepicker:hover {
	/* don't forget the 1px border */
	height: 300px;
}

.languagepicker li {
	display: block;
	padding: 0px 10px;
	line-height: 30px;
	text-align: left;
	list-style-type: none;font-size:1.3rem;
	background:#282828;
}
.languagepicker li:first-child {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.languagepicker li a{
	color: #fff;
	text-decoration: none;
	display:block;
}

.languagepicker li:hover a{
	color: #ffdf36;
}


.languagepicker li:first-child a {
	color: #ffdf36;
}

.languagepicker li:last-child {
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.languagepicker li:first-child a::after {
	border: solid #ffdf36;
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 3px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	content: "";
	margin: 0 0 2px 5px;
}

.languagepicker:hover li:first-child {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}




#sidr .lang {margin:auto;text-align:center;}
#sidr .lang li {display:inline-block;}
#sidr .lang li a {text-transform:none;border-radius: 100px;-moz-border-radius: 100px;-webkit-border-radius: 100px;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s;transition: all .5s ease;}
#sidr .lang li a.current {color:#ffdf36;background:#000000;}

#mmmobile {padding:0;margin:0 auto;position:absolute;top:6px;right:0;}
#mmmobile { display: none; margin-right:2rem; }
#mmmobile li { list-style-type: none; display: inline-block; margin-right: -0.4rem; position: relative; }
#mmmobile li a:before {content:'\E5D2';font-family: 'Material Icons';font-size:33px;color:#fff;}
.prevent-scroll #mmmobile li a:before {display:none;}
.prevent-scroll #mmmobile li a:after {content:'\E5CD';font-family: 'Material Icons';font-size:36px;color:#fff;}
#mm li.active { color: #658f27 }
#mm li a, #mmmobile li a { text-decoration:none;color:#fff;line-height:6rem;padding:1.5rem 0.5vw;text-transform:uppercase;transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.lang-it #mm li a, .lang-en #mm li a, .lang-fr #mm li a, .lang-es #mm li a {padding:1.5rem 0.5vw;letter-spacing:0;}
body.lang-cn #mm li a, body.lang-cn #mmmobile li a {font-weight: bold;}
body.lang-cn #mm li {font-size:1.6rem;}
#mm li.logo a {padding: 0;margin:auto;}
#mmmobile li a {padding:1rem 1.5rem 0rem 1.5rem;font-size:2.8rem;}
#mm li a:hover{color:#ffdf36;}
#mmmobile li a:hover {color:#20385c;}

#sidr a.active {color:#ff3952;font-weight:700;}
#sidr a.active:before {content: "\f109";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #ff3952;
    font-size: 26px;
    position: absolute;
    top: 20px;
    right: 24px;
}

#mm li a.active.bt {line-height:2rem!important;margin:auto 0;color:#FFFFFF;margin-left:1rem;}
#mm li a.active:hover {color:#ffffff;border:none;background:#ff2336;}
#mm li a.active.bt span {
	transition: transform 300ms ease-out;
	display:inline-block;
	color:#FFF;
}

#mm li a.active.bt:hover span {transform: translate(200px, 0);}
#mm li a.active.bt:hover:after {
	content: "\f109";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #FFF;
  font-size: 28px;
  padding-right: 0.5em;
  position: absolute;
  top: 50%;
  left: 50%;
	transform: translate(-30%, -50%);
	z-index:10;
}

.tos-play {
	z-index: 999 !important;
}

/* ====================================================================================================

		GOOGLE MAPS

	 ==================================================================================================== */

.map-container {
	width: 100%;
}
.map-container iframe{
	width: 100%;
	display: block;
	/*pointer-events: none;*/
	position: relative; /* IE needs a position other than static */
}
.map-container iframe.clicked{
	pointer-events: auto;
}

/* ====================================================================================================

		MEDIA QUERIES

   ==================================================================================================== */

/* 1280
   ================================================== */
@media screen and (max-width: 1280px) {
	.block-yellow .col33 {padding:0 2rem;}
	.block-yellow .add-icon {display:none;}
	.elenco-vantaggi-home > div {width: 33.3333%;padding:2rem;}
} 

/* 1024
   ================================================== */
@media screen and (max-width: 1024px) { 
	.vantaggi-muro .col33 {width:100%;padding:4rem;}
	.block-yellow .col33 .col100 {padding-left:0;}
	.block-yellow .tassello {position:relative;}
	#mm, #header .lang {display:none;}
	#mmmobile {display:block;}
	.block-grey-2 .col25 {width:50%;}
}

/* 970
   ================================================== */
@media screen and (max-width: 970px) {
}

/* 800
   ================================================== */
@media screen and (max-width: 800px) { 
	#header-page .col50, .content .col50, .content .col70, #footer .col50, #footer .col30, #footer .col20, .sidebar.col30 {width:100%;}
	#header-page .alignleft, #footer .alignleft {text-align:center;}
	#header-page .wrap-tasselli {display:flex;flex-direction:row;justify-content:space-evenly;}
	#header-page .wrap-tasselli .align-left, #footer img {float:none;}
	#header-page .casa-home {margin-top:5rem;}
	.sidebar {paading-right:0;} 
	.sidebar img.align-left {float:none;clear:both;}
	.sidebar ul {columns:2;-webkit-columns:2;-moz-columns:2;}
	#footer img {margin:auto;}
	#footer img#gagliardetto, #footer .social-icon {margin-top:2rem;}
	.textcolumn {padding:0;}
	.content .col25 {width:50%;}
	.block-grey .int-block-grey {flex-direction:column;}
	.block-grey .int-block-grey > div {width:100%;border-right:0;border-left:0;}
	.block-yellow .bt {margin-bottom:4rem;}
}

/* 768
   ================================================== */
@media screen and (max-width: 768px) { 


}

/* 640
   ================================================== */
@media screen and (max-width: 640px) { 
	.sidebar ul {columns:1;-webkit-columns:1;-moz-columns:1;}
	.list-company .col25, .block-yellow .col33, .block-grey-2 .col25 {width:100%;}
	.block-yellow hr {display:none;}
}

/* 470
   ================================================== */
@media screen and (max-width: 470px) { 
	.elenco-vantaggi-home > div {width:100%;}
	.elenco-vantaggi-home > div {padding:2rem 4rem;}
	.mini-gallery .col33 {width:100%;}
}

/* 360
   ================================================== */
@media screen and (max-width: 360px) { 

}