/**
 * Fusion
 */
 /*
 @font-face {
   font-family: 'Monday';
   src: url('fonts/Monday-Bold.eot'); 
   src: url('fonts/Monday-Bold.eot?#iefix') format('embedded-opentype'), 
        url('fonts/Monday-Bold.woff') format('woff'), 
        url('fonts/fonts/Monday-Bold.ttf')  format('truetype'),  
        url('fonts/Monday-Bold.svg#286e2e7b2104b896c1aeab00404b3680') format('svg'); 

   font-style:   normal;3
   font-weight:  700;
 }
 */
 
@font-face {
    font-family: 'proxima_novaregular';
    src: url('../fonts/proximanova-regular-webfont.woff2') format('woff2'),
         url('../fonts/proximanova-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_novabold';
    src: url('../fonts/proxima_nova_bold-webfont.woff2') format('woff2'),
         url('../fonts/proxima_nova_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_novablack';
    src: url('../fonts/proxima_nova_black-webfont.woff2') format('woff2'),
         url('../fonts/proxima_nova_black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
 
 
 body,
html {
  position: fixed;
}
html { overflow: hidden; -webkit-tap-highlight-color: transparent; }
html, body { width: 100%; height: 100%; }
body { background-color: #141414;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
			text-rendering: optimizelegibility!important;
	-moz-osx-font-smoothing: grayscale; }

* { margin: 0; padding: 0; border: 0; outline: none; box-sizing: border-box; }


/**
 * Core
 */
#application { position: relative; width: 100%; height: 100%; font-size: 13px; color: #fff; text-align: center; font-family: 'proxima_novaregular', sans-serif; }

#wrapper { position: relative; width: 100%; height: 100%; }

#wrapper h1 { font-size: 1em; font-weight: 100; }
#wrapper h2 { font-size: 1em; font-weight: 100; }
#wrapper h3 { font-size: 1em; font-weight: 100; }
#wrapper h4 { font-size: 1em; font-weight: 100; }
#wrapper img { position: relative; width: 100%; height: auto; display: block; }
#wrapper video { position: relative; }
#wrapper .upcase { text-transform: uppercase; }
#wrapper .locase { text-transform: lowercase; }


/**
 * Header
 */
#wrapper header { position: fixed; font-family: 'proxima_novaregular', sans-serif; top: 0; left: 0; z-index: 10; width: 100%; height: 0; }
#wrapper header .nav-icon { position: absolute; right: 70px; z-index: 1; width: 30px; top: 50px; height: 24px; text-align: left; overflow: hidden; border-radius: 1px; opacity: 0; cursor: pointer; line-height: 23px; }
#wrapper header .nav-icon .wrap-icon { position: absolute; top: 0; left:0; width: 100%; height: 100%; background: rgba(20,20,20,.15); }
#wrapper header .nav-icon .icon { position: absolute; top: 0; left: 0;}
#wrapper header .nav-icon .icon img { position: relative; padding: 7px 10px; width: 100%;}
#wrapper header .nav-icon span { text-transform: uppercase; font-family: 'proxima_novaregular', sans-serif; font-size: 10px; padding-left: 29px;}
#wrapper header #main-nav { position: relative; left: 2em; top: 1.5em; }
#wrapper header #main-nav #logo { float: left; width: 80px; height: 52px; background: url(/statics/img/assets/logo-fusion-white.svg) no-repeat left center; background-size: 100%; text-indent: -999em;margin-top: -10px;}
#wrapper header #main-nav #logo.color { background: url(/statics/img/assets/FUSION_azzurro_new.svg) no-repeat left center; background-size: 100%; }
#wrapper header #main-nav .nav-cont { position: absolute; right: 35px; top: 5px; z-index: 2; }
#wrapper header #main-nav .nav-cont ul { position: relative; list-style: none; padding-top: 1px; }
#wrapper header #main-nav .nav-cont ul li { position: relative; font-size: 12px; display: block; text-transform: uppercase; float: left; }
#wrapper header #main-nav .nav-cont ul li a { color: #fff; text-decoration: none; padding: 20px; }
#wrapper header #line { position: absolute; left: 0; width: 1.2em; height: 2px; top: 30px; }
#wrapper header #line #wrap { position: relative; width: 100%; height: 100%; background-color: #e1c621; }


#wrapper header #main-nav #lang-menu { position: absolute; left: 0 px; top: 5px; z-index: 2; }
#wrapper header #main-nav #lang-menu ul { position: relative; list-style: none; padding-top: 1px; }
#wrapper header #main-nav #lang-menu ul li { display:inline-block;list-style:none;  font-size: 12px; display: inline-block; text-transform: uppercase;}
#wrapper header #main-nav #lang-menu ul li a { color: #fff; text-decoration: none; padding: 20px; padding-left: 0px; padding-right:10px;}

#wrapper header #main-nav #lang-menu ul li a { color: #fff; text-decoration: none; padding: 20px; padding-left: 0px; padding-right:10px;}

#wrapper header #main-nav #lang-menu ul li.current-lang a { color: #e1c621; text-decoration: underline}

/**
 * Views
 */
#wrapper section { position: relative; width: 100%; height: 100%; z-index: 1; }
#wrapper section .view { position: absolute; width: 100%; height: 100%; color: #fff; overflow: hidden; /*-webkit-perspective: 2000px; perspective: 2000px;*/ -webkit-perspective-origin: 50% 50%; perspective-origin: 50% 50%; }
#wrapper section .view .visual { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 1; }
#wrapper section .view .visual img { position: absolute; z-index: 1; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); }
#wrapper section .view .visual video { position: absolute; left:0; top:0; z-index: 2; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); }
#wrapper section .view .visual .black { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.4); z-index: 5; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); }
#wrapper section .view .visual .white { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,.5); z-index: 5; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); }

/* GC DISABILITATO si vogliono video attivi anche su mobile 
.touch #wrapper section .view .visual .black,
.touch #wrapper section .view .visual video { display: none; visibility: hidden; }
*/

#wrapper section .view section { position: relative; width: 100%; height: 100%; z-index: 2; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); }
#wrapper section .view section h1 { z-index: 2; color: #fff; position: relative; font-weight: 400; text-align: left; line-height: 1.3em; font-size: 3em !important; font-family: 'proxima_novabold', sans-serif; }
#wrapper section .view .back { position: absolute; top: 4.2em; z-index: 10; left: 2em; color: rgba(255,255,255,.7); text-transform: uppercase; font-weight: 600; font-size: .9em; cursor: pointer; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); }

#wrapper section .view .section-wrap { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-perspective: 2000px; perspective: 2000px; -webkit-perspective-origin: 50% 50%; perspective-origin: 50% 50%; }

#wrapper #player { position: absolute; top: 0; left: 0; z-index: 30; width: 100%; height: 100%; background: #141414; display: none; }
#wrapper #player iframe { position: relative; width: 100%; height: 100% }
#wrapper #player .close { position: absolute; top: 0; right: 0; width: 72px; height: 72px; background: #141414 url(/statics/img/assets/close-button.svg) no-repeat center; cursor: pointer; }

#wrapper #page-preload { position: absolute; bottom: 0; left: 0; width: 0%; height: 1em; background-color: #e1c621; z-index: 5; }

#wrapper section .view,
#wrapper section .view img { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; }

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 667px)  { 
#wrapper section .view .visual video {
    object-fit: cover!important;
}
}
.fusion-fit-cover {
    object-fit: cover!important;
}

/**
 * Works
 */
#wrapper section .view section ul.grid { position: relative; width: 100%; height: 100%; list-style: none; margin: 0; padding: 0;}
#wrapper section .view section ul.grid li { position: relative; overflow: hidden; cursor: pointer; float: left; }
#wrapper section .view section ul.grid li { /*-webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px);*/ }
#wrapper section .view section ul.grid li img { position: relative; display: block; }
#wrapper section .view section ul.grid li img { /*-webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px);*/ }
#wrapper section .view section ul .thumb-cont { position: relative; width: 100%; height: 100%; background-color: rgba(0,0,0,1); }
#wrapper section .view section ul .thumb-cont .infos { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; }
#wrapper section .view section ul .thumb-cont .infos .text { position: absolute; left: 0; bottom: 0; text-transform: uppercase; letter-spacing: .1em; text-align: left; padding: 1.5em 2em; }
#wrapper section .view section ul .thumb-cont .infos h2 { position: relative; font-family: 'proxima_novabold', sans-serif; font-weight: 600; font-size: 1.3em; }
#wrapper section .view section ul .thumb-cont .infos .line { position: relative; height: 2px; background-color: #e1c621; margin: .8em 0; width: 5em; }
#wrapper section .view section ul .thumb-cont .infos h3 { position: relative; font-size: 1em; color: rgba(255,255,255,.6); }
#wrapper section .view section ul .thumb-cont .infos h3 span { position: relative; top: -.1em;  }
#wrapper section .view section ul .thumb-cont img { opacity: .5; }



.hovereffect {
width:100%;
height:auto;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:default;
}

.hovereffect .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:1;
background-color:rgba(0,0,0,0.3);
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
cursor: pointer;
}

.hovereffect img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
}

.hovereffect h2 {
text-transform:uppercase;
color:#fff;
text-align:center;
position:relative;
font-size:17px;
background:rgba(0,0,0,0.6);
-webkit-transform:translatey(-100px);
-ms-transform:translatey(-100px);
transform:translatey(-100px);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding:10px;
}

.hovereffect a.info {
text-decoration:none;
display:inline-block;
text-transform:uppercase;
color:#fff;
font-size: 24px;
/* border:1px solid #fff; */
border:none;
background-color:transparent;
opacity:1;
filter:alpha(opacity=1);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
margin:25% 0 0;
padding:7px 14px;
}


.overlay:before {
  content: '';
  display: block;
  position: absolute;
  height: 0%;
  width: 100%;
  bottom: 0;
  opacity:0.7;
  transition: height 0.3s ease-out;
  background: linear-gradient(to bottom, transparent 0%, #e1c621 100%);
}
.overlay:hover:before {
  height: 100%;
}

.hovereffect a.info:hover {
/* box-shadow:0 0 5px #e1c621;
border: 1px solid #e1c621;
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out; */
}

.hovereffect:hover img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.hovereffect:hover a.info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
#wrapper section .view section ul .thumb-cont .infos .text {
    font-size: 0.7em !important;
}

.hovereffect a.info {
font-size: 20px;
}
}


/**
 * Leaf
 */
#wrapper section #detail.view .head { display: table; width: 100%; height: 100%; position: absolute; top: 0; }
#wrapper section #detail.view .head .v-align { display: table-cell; vertical-align: middle; }
#wrapper section #detail.view .head .v-align .line { width: 8em; height: 2px; background-color: #e1c621; margin: 3.5em auto 1.5em; }
#wrapper section #detail.view .head .v-align h2 { position: absolute; text-transform: uppercase; font-family: 'proxima_novabold', sans-serif; font-weight: 300; font-size: 1.5em; width: 100%; }
#wrapper section #detail.view .head .v-align h2 .year { color: #ccc; }
#wrapper section #detail.view .head .v-align h1 { text-align: center; }
#wrapper section #detail.view .head .v-align h1 { text-transform: uppercase; font-family: 'proxima_novabold', sans-serif; font-weight: 400; font-size: 3em; }
#wrapper section #detail.view .head .v-align p { width: 30em; margin: 0 auto; letter-spacing: .1em; line-height: 1.5em; padding: 2em 0; overflow: hidden; }
#wrapper section #detail.view .head .v-align a { text-decoration: none; color: rgb(225, 198, 33); }
#wrapper section #detail.view .head .v-align a:hover { color: #fff; }
#wrapper section #detail.view .head .v-align p span { position: relative; top: -.1em;  }
#wrapper section #detail.view .head .v-align ul { list-style: none; padding: 0; }
#wrapper section #detail.view .head .v-align ul li { display: inline; text-transform: uppercase; transition:.5s; }
#wrapper section #detail.view .head .v-align ul li a { color: rgba(255,255,255,1); border: 2px solid rgba(255,255,255,.5); text-decoration: none; padding: 1.2em 1.5em; font-weight: 700; letter-spacing: .15em; display: inline-block; margin: .5em; transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); }
#wrapper section #detail.view .head .v-align ul li a:hover {
    color: rgba(225,198,33);
    border: 2px solid rgba(225,198,33);
}

#wrapper section #detail.view .head .v-align ul li.selected { opacity: .5; }
.touch #wrapper section #detail.view.view .visual .black { display: block; visibility: visible; }

#wrapper section .view section .gallery { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
#wrapper section .view section .gallery ul { position: relative; width: auto; display: block; height: 100%; padding-top: 2em;  }
#wrapper section .view section .gallery ul li { position: relative; overflow: hidden; display: inline-block; float: left; height: 100%; background-color: rgba(0,0,0,1); cursor: pointer; }
#wrapper section .view section .gallery ul li img { position: relative; margin: 0 auto; border: 0; height: 100%; width: auto; z-index: 1; display: block; cursor: auto;}
#wrapper section .view section .gallery ul li iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: none; }
#wrapper section .view section .gallery ul li .black { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-color: rgba(0,0,0,.5); display: none; }
#wrapper section .view section .gallery ul li .play { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; background: rgba(0,0,0,.5) url(/statics/img/assets/play-button.svg) no-repeat center; }
#wrapper section .view section .gallery ul li .credits { position: absolute; top: 0; left: 0; width: 100%; text-align: center; z-index: 6; color: rgba(255,255,255,.5); text-transform: uppercase; line-height: 2.5em; }
#wrapper section .view section .gallery ul li .credits.open { background-color: rgba(0,0,0,.5)}
#wrapper section .view section .gallery ul li .credits .cta { font-size: .9em; cursor: pointer; }
#wrapper section .view section .gallery ul li .credits .cta { color: #ccc; }
#wrapper section .view section .gallery ul li .credits .content { display:  none; opacity: 0; line-height: 2; }
#wrapper section .view section .gallery ul li .credits span { font-weight: 600; color: rgba(255,255,255,.75); margin: 0 .5em; }
#wrapper section .view section .gallery ul li h3 { position: absolute; color: #fff; z-index: 6; left: 0; line-height: 1.3em; width: 100%; bottom: 1em; font-size: 1.2em; pointer-events: none; }
#wrapper section .view section .radio.gallery ul li { background: none; }
#wrapper section .view section .video.gallery ul li img { cursor: pointer; }

#wrapper section .view section .scroll-down { position: absolute; bottom: 0; left: 0; text-align: center; width: 100%; cursor: pointer; z-index: 1; font-family: 'proxima_novabold', sans-serif; }
#wrapper section .view section .scroll-down .label { position: relative; padding: .25em; text-transform: uppercase; font-size: .9em; }
#wrapper section .view section .scroll-down .arrow { background: url(/statics/img/assets/down-arrow.png); width: 30px; height: 30px; position: relative; display: inline-block; }

#wrapper section .view section .gallery-nav { position: absolute; top: 50%; left: 0; width: 100%; z-index: 5; }
#wrapper section .view section .gallery-nav .prev { background: url(/statics/img/assets/prev-arrow.png); width: 50px; height: 50px; position: absolute; left: 1em; top: 0; cursor: pointer; }
#wrapper section .view section .gallery-nav .next { background: url(/statics/img/assets/next-arrow.png); width: 50px; height: 50px; position: absolute; top: 0; right: 1em; cursor: pointer; }
#wrapper section .view section .gallery-nav .prev.off,
#wrapper section .view section .gallery-nav .next.off { pointer-events:none; }

#wrapper section .view section .radio { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; overflow: hidden; }
#wrapper section .view section .radio .radio-cont { position: relative; width: 100%; height: 100%; display: table; }
#wrapper section .view section .radio .radio-cont .v-align { display: table-cell; vertical-align: middle; }
#wrapper section .view section .radio .radio-player { position: relative; width: 43em; border: 5px solid rgba(255,255,255,.2); margin: 0 auto; z-index: 1; height: 6em;}
#wrapper section .view section .radio .radio-player audio { display: none; visibility: hidden; }
#wrapper section .view section .radio .radio-player .play { position: relative; background: url(/statics/img/assets/play-icon.png) no-repeat left center; width: 20%; height: 100%; padding-left: 14%; text-transform: uppercase; letter-spacing: .2em; cursor: pointer; z-index: 1; line-height: 520%; }
#wrapper section .view section .radio .radio-player .play.playing { background: url(/statics/img/assets/pause-icon.png) no-repeat left center; }
#wrapper section .view section .radio .radio-player .play span { position: absolute; top: 0; left: 5.5em; transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; }
#wrapper section .view section .radio .radio-player .play .play-label { opacity: 1; transform: translate3d(0,0,0); }
#wrapper section .view section .radio .radio-player .play .pause-label { opacity: 0; transform: translate3d(0,-15px,0); }
#wrapper section .view section .radio .radio-player .play.playing .play-label { opacity: 0; transform: translate3d(0,15px,0); }
#wrapper section .view section .radio .radio-player .play.playing .pause-label { opacity: 1; transform: translate3d(0,0,0); }
#wrapper section .view section .radio .radio-player canvas { position: absolute; top: 0; height: 100% !important; right: 2em; width: 70% !important; }
#wrapper section .view section .radio .text { position: relative; width: 38em; margin: 0 auto; text-align: left; padding: 2em 0; letter-spacing: .1em; display: none; visibility: hidden; }
#wrapper section .view section .radio .text h2 { font-family: 'proxima_novabold', sans-serif; float: left; text-transform: uppercase; font-size: 1.5em; font-weight: 400; }
#wrapper section .view section .radio .text .line { float: left; position: relative; width: 2px; height: 3em; background-color: #e1c621; margin: .5em 2em;; }
#wrapper section .view section .radio .text p { float: left; width: 70%; font-size: 1.1em; line-height: 1.5em; }

#wrapper section .view section .gallery .title { position: absolute; left: 0; text-transform: uppercase; letter-spacing: .1em; text-align: left; padding: 1.5em 2em; z-index: 5; top: 0; color: #fff; }
#wrapper section .view section .gallery .title h2 { position: relative; font-family: 'proxima_novabold', sans-serif; font-weight: 600; font-size: 1.3em; }
#wrapper section .view section .gallery .title .line { position: relative; height: 2px; background-color: #e1c621; margin: .8em 0; width: 5em; }
#wrapper section .view section .gallery .title h3 { position: relative; font-size: 1em; color: rgba(255,255,255,.6); bottom: auto; }
/*#wrapper section .view section .video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; overflow: hidden; transform-origin: 50% 100%; -web-kit-transform-origin: 50% 100%; }
#wrapper section .view section .video .video-cont { position: relative; width: 95%; height: 80%; background-color: #000; margin: 0 auto; top: 8em; }
#wrapper section .view section .video .video-cont iframe { position: relative; width: 100%; height: 100%; }*/

#wrapper section .view section .more { position: absolute; left: 0; width: 100%; z-index: 2; top: 0; height: 100%; font-size: .9em; }
#wrapper section .view section .more .cta { cursor: pointer; font-size: 1em; text-transform: uppercase; font-weight: 600; color: rgba(255,255,255,.4); padding: 1em; position: absolute; top: -4em; left: 0; z-index: 1; width: 100%;}
#wrapper section .view section .more ul { position: relative; width: 100%; height: 100%; }
#wrapper section .view section .more ul li { position: relative; width: 25%; background-color: rgba(0,0,0,.8); margin: 0; padding: 0; float: left; display: block; overflow: hidden; cursor: pointer; }
#wrapper section .view section .more ul li .infos .text { padding-bottom: 0;  margin-bottom: 30px;}
#wrapper section .view section .more ul li .infos .text .line { margin-bottom: 0; }

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 667px)  { 
#wrapper section #detail.view .head .v-align h1 {margin-top: 60px;}
#wrapper section .view .back { margin-right: 20px;}
#wrapper section .view section .more ul li .infos .text { padding-bottom: 0;  margin-bottom: 0;}
#wrapper section .view section .gallery ul li .play {background: rgba(0,0,0,.5) url(/statics/img/assets/play-button-small.svg) no-repeat center;}

}

/**
 * Intro
 */
#wrapper #intro { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 20; }
#wrapper #intro .top-side { position: absolute; top: 0; left: 0; right: 0; width:50%; height: 100%; background-color: #000; }
#wrapper #intro .bot-side { position: absolute; bottom: 0; left: 50%; right: 0; width:50%; height: 100%; background-color: #000; }
#wrapper #intro .progress { background: none; } /* GC */
#wrapper #intro .progress { position: absolute; top: 50%; height: 1px; width: 0%; left: 50% }
#wrapper #intro .progress .bar { position: relative; width: 100%; height: 100%; background-color: rgba(225,198,33,1); }
#wrapper #intro img.logo { position: relative; top: 35%; margin: 0; width: 10em; display: inline-block; z-index: 2; }
#wrapper #intro .wefusion { position: absolute; width: 100%; text-align: center; top: 50%; margin: 0.65em 0 0 0; font-family: 'proxima_novaregular', serif; font-size: 2.6em; text-transform: uppercase; z-index: 2; }


/**
 * About
 */
#wrapper section #about.view section .text { position: relative; z-index: 1; text-align: left; color: #ababab; font-size: 1em; padding: 10em 3em 0; }
#wrapper section #about.view section .text h1 {font-family: 'proxima_novabold', serif;}
#wrapper section #about.view section .text .line { position: relative; width: 7em; height: 2px; background-color: #e1c621; z-index: 1; margin: 4em 0em; }
#wrapper section #about.view section .text p { position: relative; width: 30em; float: left; overflow: hidden; font-size: 1.4em; line-height: 1.75em; padding: 0 6em 0 0; }
#wrapper section #about.view section .text p a { color: #fff; text-decoration: none; border-bottom: 1px solid #fff; font-weight: 600; position: relative; display: inline-block; }
#wrapper section #about.view section .text p a span.over { position: absolute; width: 0; height: 100%; background-color: rgba(255,255,255,.25); display: inline-block; z-index: 1;}
#wrapper section #about.view section .text p a span { position: relative; z-index: 2; }

/* NEW ABOUT GC */
 
#wrapper section #about.view .head { display: table; width: 100%; height: 100%; position: absolute; top: 0; }
#wrapper section #about.view .head .v-align { display: table-cell; vertical-align: middle; }
.line { width: 8em; height: 2px; background-color: #e1c621; margin: 3.5em auto 1.5em; }
#wrapper section #about.view .head .v-align h2 { position: absolute; text-transform: uppercase; font-family: 'proxima_novabold', sans-serif; font-weight: 300; font-size: 1.5em; width: 100%; }
#wrapper section #about.view .head .v-align h2 .year { color: #ccc; }
#wrapper section #about.view .head .v-align h1 { text-align: center; }
#wrapper section #about.view .head .v-align h1 { text-transform: uppercase; font-family: 'proxima_novabold', sans-serif; font-weight: 400; font-size: 3em; }
#wrapper section #about.view .head .v-align p { width: 30em; margin: 0 auto; letter-spacing: .1em; line-height: 1.5em; padding: 2em 0; overflow: hidden; }
#wrapper section #about.view .head .v-align a { text-decoration: none; color: rgb(225, 198, 33); }
#wrapper section #about.view .head .v-align a:hover { color: #fff; }
#wrapper section #about.view .head .v-align p span { position: relative; top: -.1em;  }
#wrapper section #about.view .head .v-align ul { list-style: none; padding: 0; }
#wrapper section #about.view .head .v-align ul li { display: inline; text-transform: uppercase; transition:.5s; }
#wrapper section #about.view .head .v-align ul li a { color: rgba(255,255,255,1); border: 2px solid rgba(255,255,255,.5); text-decoration: none; padding: 1.2em 1.5em; font-weight: 700; letter-spacing: .15em; display: inline-block; margin: .5em; transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); }
#wrapper section #about.view .head .v-align ul li a:hover { color: #e1c621; border: 2px solid #e1c621 !important; text-decoration: none; padding: 1.2em 1.5em; font-weight: 700; letter-spacing: .15em; display: inline-block; margin: .5em; transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); }
#wrapper section #about.view .head .v-align ul li.selected { opacity: .5; }
.touch #wrapper section #about.view.view .visual .black { display: block; visibility: visible; }
h4.name {font-family: 'proxima_novabold', sans-serif; font-size: 18px !important; margin-bottom:5px;}
h6.role {color: #e1c621; line-height: 14px; font-size: 13px;}
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 667px) 
 { 
 h4.name {font-size: 14px !important;}
 h6.role {font-size: 12px;}
 }



#wrapper section #about.view section .reel { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } 
#wrapper section #about.view section .reel ul { position: relative; width: auto; display: block; height: 100%;  padding-top:190px;  padding-bottom:100px;  padding-left:20px;  padding-right:20px; }
#wrapper section #about.view section .reel ul li { position: relative; overflow: hidden; display: inline-block;  height: 100%;  background-color: rgba(0,0,0,0); cursor: pointer; }
#wrapper section #about.view section .reel ul li video { position: relative; margin: 0 auto; border: 0; max-height:80%; width: 80%; z-index: 1; display: block; }
#wrapper section #about.view section .reel ul li .black { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-color: rgba(0,0,0,.5); display: none; }
#wrapper section #about.view section .reel ul li .play { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; background: rgba(0,0,0,.0) url(/statics/img/assets/play-button.svg) no-repeat center; } 
/* END ABOUT GC */
#wrapper section #about.view section .reel ul li img {
	position: relative;
	width: 100%;
	height: 100%;
	display: block;
	object-fit: contain;
}
/**
 * People spostato su about
 */
#wrapper section #about.view section .people-list { position: relative; display: table; width: 100%; height: 100%; padding-top:0; margin: 0 auto; }
#wrapper section #about.view section { width: 100%; height: 100%;margin: 0 auto;}
#wrapper section #about.view section .people-list .v-align { vertical-align: middle; display: table-cell; width: 100%; height: 100%;}
#wrapper section #about.view section .people-list ul.grid { width: 80%; height: 100%; text-align: center; margin: 0 auto;padding-bottom: 2rem; ; padding-top:190px;}
#wrapper section #about.view section .people-list ul.grid li { position: relative; display: block; width: 25%; margin: .5em 0; cursor: default; text-align: center;color:#636363;}
#wrapper section #about.view section .people-list ul.grid li img.fusion { position: relative; width: 100%; height: auto; display: inline-block; max-width: 180px; margin: 0 auto 0.5rem auto; }
#wrapper section #about.view section .people-list ul.grid li h4{ text-align: center;color:#636363;font-weight: bold;}
#wrapper section #about.view section .people-list ul.grid li h6{ text-align: center;color:#636363;margin-top: .25rem;}

#wrapper section #about.view .people-list div#fusion-footer { position: absolute; width: 100%; bottom: 10px;}

@media (max-width: 1680px) {

  #wrapper section #about.view section .people-list ul.grid li img.fusion { max-width: 100px;}
  #wrapper section #about.view section .people-list {padding-top:4%;}
}

/**
 * Clients
 */
 #wrapper section #clients.view section .client-row {
	 margin-left:0;
	 margin-right:0;
 }
 
#wrapper section #clients.view section .container-full.client-container {max-width: 1700px; margin: auto; padding: 10px; padding-top: 50px;}
#wrapper section #clients.view .client-image-container {
    display: block;
    position: relative;
	 padding-top: 56.25%;
}
#wrapper section #clients.view .client-logo{
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}
#wrapper section #clients.view .client-logo-white{
  opacity: 1;
  z-index: 1;
 /* -webkit-transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  -ms-transition: opacity 0.5s ease-out;
  -o-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;*/
}
#wrapper section #clients.view .client-logo-color{
  opacity: 0;
  z-index: 2;
 /* -webkit-transition: opacity 0.5s ease-in;
  -moz-transition: opacity 0.5s ease-in;
  -ms-transition: opacity 0.5s ease-in;
  -o-transition: opacity 0.5s ease-in;
  transition: opacity 0.5s ease-in;*/
}
/*

#wrapper section #clients.view .client-logo-color:hover  {
  opacity: 1;
}

#wrapper section #clients.view .client-logo-white:hover  {
  opacity: 0;
  display:none;
}
*/
/**
 * Contacts
 */
#wrapper section #contacts.view section .contacts-list { position: relative; display: table; width: 100%; height: 100%;  }
#wrapper section #contacts.view section .contacts-list .v-align { vertical-align: middle; display: table-cell;  }

#wrapper section #contacts.view section .mail-list { position: relative; z-index: 1;}
#wrapper section #contacts.view section .mail-list ul { position: relative; }
#wrapper section #contacts.view section .mail-list ul li { display: inline-block; width: 33%; height: auto; padding-bottom: 4em; }
#wrapper section #contacts.view section .mail-list ul li h2 { font-family: 'proxima_novabold', sans-serif; text-transform: uppercase; font-size: 2.2em; color: rgba(255,255,255,.5); margin: .5em 0; }
#wrapper section #contacts.view section .mail-list ul li h2 span { font-weight: 600; }
#wrapper section #contacts.view section .mail-list ul li a { font-size: 3.5em; border-bottom: 1px solid rgba(255,255,255,.5); padding: .25em; color: #fff; text-decoration: none;}
#wrapper section #contacts.view section .mail-list ul li a span { color: rgb(225, 198, 33); }

#wrapper section #contacts.view section .foo-list { /* position: absolute;*/ left: 2.5em; right: 2.5em; height: auto; bottom: 5em; border-top: 1px solid rgba(255,255,255,.5); overflow: hidden; }
div.foo-list { /*position: absolute;*/ left: 2.5em; right: 2.5em; height: auto; bottom: 1.2em; border-top: 1px solid rgba(255,255,255,.5); overflow: hidden; z-index:2; }
#wrapper section #contacts.view section .adress-list { position: relative; font-size: .65em; }
#wrapper section #contacts.view section .adress-list ul { list-style: none; overflow: hidden;}
#wrapper section #contacts.view section .adress-list ul.it-infos { padding: 2.25em 1.5em 0 0; }
#wrapper section #contacts.view section .adress-list ul.en-infos { border-left: 1px solid rgba(255,255,255,.5); padding: 2.25em 0 0 1.5em; }
#wrapper section #contacts.view section .adress-list ul li { font-size: 2em; text-transform: uppercase; display: inline; font-weight: 100; font-family: 'proxima_novabold', sans-serif; margin-right: .25em; }
#wrapper section #contacts.view section .adress-list ul li a { color: #fff; text-decoration: none; }
#wrapper section #contacts.view section .adress-list ul li .content { display: inline; opacity: .5;  }
#wrapper section #contacts.view section .adress-list ul li.place .content { background: url(/statics/img/assets/icn-pinmap.svg) no-repeat -.6em; background-size: 34px; opacity: .5; padding: 0 0 0 1.25em; }
#wrapper section #contacts.view section .adress-list ul li.phone .content { background: url(/statics/img/assets/icn-phone.svg) no-repeat -.5em; background-size: 34px; opacity: .5; padding: 0 0 0 1.25em; }
#wrapper section #contacts.view section .adress-list ul li.label { color: rgb(225, 198, 33); }
#wrapper section #contacts.view section .adress-list ul li.phone {  }
#wrapper section #contacts.view section .adress-list ul li.it {  }
#wrapper section #contacts.view section .adress-list ul li.en {  }
#wrapper section #contacts.view section .adress-list ul li.label.it {  }
#wrapper section #contacts.view section .adress-list ul li.place.en {  }
#wrapper section #contacts.view section .adress-list ul li span { font-weight: 400; }

#wrapper section #contacts.view section .social-list { text-align: left; height: 0;}
div.foo-list div.social-list { text-align: left; height: 0; }
/* #wrapper section #contacts.view section .social-list ul { padding: 1.5em 0; list-style: none; border-bottom: 0px solid rgba(255,255,255,.25); width: auto; margin: 0 auto;}
#wrapper section #contacts.view section .social-list ul li { display: inline-block; margin: 0 .5em;}*/
#wrapper section #contacts.view section .social-list ul li.first { margin-left: 0; }
#wrapper section #contacts.view section .social-list ul li.last { margin-right: 0; }
#wrapper section #contacts.view section .social-list ul li a { display: inline-block;}
#wrapper section #contacts.view section .social-list ul li a img { position: relative; width: 1.85em; height: auto; display: inline; opacity: .5; }
#wrapper section #contacts.view section div#fusion-footer { position: absolute; width: 100%; }

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 7px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: transparent;
    background-clip: padding-box;
    border: 1px solid #989898;
    border-radius: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}



.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107;
    border-radius: 0;
    width: 150px;
    margin-top: 30px;
    margin-bottom: 10px;
}

.form-control:focus {
    background-color: #fff;
    opacity: .7;
}

h2.success-message {
    font-size: 30px !important;
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 667px) 
 { 
 h2.success-message {
    font-size: 14px !important;
    opacity: 1;
    position: relative;
    bottom: 35px;
}
 }
 
/* 
SERVCES

*/
#wrapper section #services.view  .scrollable-content { position: relative; display: table; width: 100%; height: 100%;  }
#wrapper section #services.view section .contacts-list .v-align { vertical-align: middle; display: table-cell;  }

#wrapper section #services.view .scrollable-content div#fusion-footer { position: absolute; width: 100%; bottom: 10px; z-index:2}

/*
#wrapper section #contacts.view footer { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; font-family: Arial; padding: 2em 0; font-size: .8em; color: rgba(255,255,255,.5); z-index: 2; }
#wrapper section #contacts.view footer .show-cont { position: relative; display: inline-block; cursor: pointer; }
#wrapper section #contacts.view footer .hide-cont { position: absolute; overflow: hidden; margin: 0 auto; top: 2em; width: 100%;  }
#wrapper section #contacts.view footer .hide-cont .hide-wrap { position: relative; display: block; cursor: pointer; }
#wrapper section #contacts.view footer .hide-cont span { margin: 0 .5em; }
*/
/* NEW 2020 INFMEDIA */
#wrapper section #home.view .head { display: table; width: 100%; height: 100%; position: absolute; top: 0; }
#wrapper section #home.view .head .v-align { display: table-cell; vertical-align: middle; }
 #wrapper section #home.view .head .v-align ul   {
list-style: none;
}
#wrapper section #home.view .head .v-align ul li a {
    color: rgba(255,255,255,1);
    border: 2px solid rgba(255,255,255,.5);
    text-decoration: none;
    padding: 1.2em 1.5em;
    font-weight: 700;
    letter-spacing: .15em;
    display: inline-block;
    margin: .5em;
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
	
}
#wrapper section #home.view .head .v-align ul li a:hover { color: #e1c621; border: 2px solid #e1c621 !important; text-decoration: none; padding: 1.2em 1.5em; font-weight: 700; letter-spacing: .15em; display: inline-block; margin: .5em; transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); }
.fusion-icon {
    height: 130px;
    width: 130px;
	margin: auto;
}

.home-container {
/* GC 	padding-top:150px; */
	max-width: 600px;
	margin:auto;
}

h1.wefusion {
    font-family: 'proxima_novabold', serif !important;
	text-align:center !important;
	font-size: 40px !important;
}

.fusion-services-title{
	font-family: 'proxima_novabold', sans-serif;
    text-transform: uppercase;
    font-size: 1.8em;
	line-height: 25px;
	margin-bottom: 5px;
    color: rgba(255,255,255,.5);
}

.fusion-services-subtitle {
	
    text-transform: uppercase;
    font-size: 1.3em;
	color:#cbb93b
}

.mail-list {
    font-size: 25px;
}





p.wefusion{
    font-family: 'proxima_novabold', sans-serif;
	text-align:center;
	font-size: 3em !important;
	font-weight: 400;
	text-transform: uppercase;
}


#wrapper section .view section .wefusion h1{
    font-family: 'proxima_novabold', serif;
	text-align:center;
	font-size: 40px !important;
}

#wrapper section .view section .wefusion-welcome h1{
    font-family: 'proxima_novabold', serif;
	text-align:center;
	font-size: 20px;
	
}

.dropdown-item {
    color: #212529 !important;
}

ul#peopleGrid {
    margin-top: 190px !important;
}

#wrapper section #contacts.view section .mail-list { position: relative; z-index: 1; 
    font-family: 'proxima_novabold', sans-serif;
    text-transform: uppercase;
    font-size: 1.8em;
    color: rgba(255,255,255,.5);
    margin: .5em 0;}
	
#wrapper section #contacts.view section .mail-list-small a{ position: relative; z-index: 1; 
    color: #cbb93b;
}
	

.mail-list-small {
    font-size: 1.3em;
    color: #cbb93b;
    margin: .5em 0;}
}
	


/**
 * medias
 */
@media only screen and (max-width : 1024px) {
	#wrapper section #people.view section .people-list .people-col ul li .box { font-size: 1.5em; }
	#wrapper section #people.view section .people-list .people-col ul li .box .box-wrap { padding: .5em; }
	#wrapper section #people.view section .people-list .people-col ul li .box .name { float: left; margin-right: .4em; margin-bottom: .2em; }
	#wrapper section #people.view section .people-list .people-col ul li .box .surname { float: left; font-weight: 400; }
	#wrapper section #people.view section .people-list .people-col ul li .box .line { clear: both; }
	#wrapper section #people.view section .people-list .people-col ul li .box .role { font-size: .55em; }

	#wrapper section #people.view section .people-overlay .overlay-wrap .category { font-size: 1.1em; }
}

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

	#wrapper section #contacts.view section .adress-list ul.en-infos { padding: 2em 1em 0 0; border-left: 0; }
}

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

	#wrapper section #people.view section .people-overlay .overlay-wrap .category { font-size: 1.15em; }
}
#wrapper section #detail.view .gallery ul li { }

/*
MENU MOBILE
*/

.sidenav {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
  padding: 8px 8px 8px 8px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
  font-family: 'proxima_novabold', sans-serif;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}


/*
FOOTER
*/
img#logo-footer {
    width: 10%;
    text-align: center;
    margin: auto;
}

.social-list ul li a img { position: relative !important; width: 1.85em !important; height: auto !important; display: inline !important; opacity: .5 !important; }

@media only screen 
  and (min-width: 320px) 
  and (max-width: 667px) 
 { 
img#logo-footer {
    width: 30%;
    text-align: center;
    margin: auto;
	margin-top: 20px;

}

.social-list ul {
    list-style: none;
    border-bottom: 0px solid rgba(255,255,255,.25);
    width: auto;
    margin: 0 auto;
    text-align: center;
	padding: 0 !important;
}
}


/*
END FOOTER
*/

/*  INPUT contact */