/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body {
    font-size: 62.5%;
    line-height: 1.4;
    font-family: 'sansregular';
    text-rendering: optimizeLegibility;
}

.giallo {color: #ffff3e;}
.gray {color:#999;}

p strong {font-family: "sansbold"; font-weight:normal;}

a {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
img.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

/***   HEADER   ***/

header { position: relative; width: 100%; background:#fff; padding:20px 0 0; margin: 0; box-sizing: content-box; }
header.fixed { position:fixed; top:0; z-index:999; }

#branding { display:block; position: relative; width: 100%; height: 100px; padding: 0; margin: 0; border-bottom: 1px solid #e2e2e2; }
#branding .top_mainsponsor { float:right; padding:10px 0 0; }
#branding .mainlogo { position:relative; float:left; width:auto; color:#fff; }
#branding .mainlogo img { width:auto; }
#branding h2.milanodesignweek { position:absolute; color:#aaa; font-family:"sansbold"; font-weight:normal; font-size:13px; letter-spacing:0.02em; top:40px; left:86px; }

#branding .patrocinio { display:block; margin-right:100px; margin-top:8px; position:relative; float:right; width:1px; height:1px; padding:64px 170px 0 0; color:#fff; box-sizing: content-box; text-indent:9999px; white-space:nowrap; overflow:hidden; }
#branding .patrocinio img { display:block; position:absolute; right:0; top:0; }
.navbar { margin-bottom:0; border-radius:0; }
.navbar-toggle .icon-bar { background:#000; }
.navbar-header fixed.fixed { position: fixed; top:0; z-index:999; }
.navbar-collapse {padding:0;}

header nav.navbar { position: relative; width: 100%; min-height: 58px; padding: 0; margin: 0; background:url(../img/nav_bg.png) repeat-x #fff; border-top:0; }
header nav .container ul.nav { position: relative; width: 100%; padding:0; margin: 0 auto; list-style: none;overflow:hidden; }
header nav .container ul > li { position:static; float:left; padding:0; border-right: 1px solid #e2e2e2;
                                -webkit-transition: all 300ms ease;
                                -moz-transition: all 300ms ease;
                                -ms-transition: all 300ms ease;
                                -o-transition: all 300ms ease;
                                transition: all 300ms ease; }

header nav .container ul > li.nav_social, header nav .container ul > li.nav_lingua { float:right; }

header nav .container ul > li.nav_social a {background:none; color: #aaa; font-size: 1.7em; height: 18px; padding: 20px 15px; text-align:center;} header nav .container ul > li.nav_social a:hover {color:#111;}
/*header nav .container ul > li.nav_social_fb a {background:url(http://media.fuorisalone.it/2015/img/fb-menu.png) no-repeat center center;}
header nav .container ul > li.nav_social_tw a {background:url(http://media.fuorisalone.it/2015/img/tw-menu.png) no-repeat center center;}*/
header nav .container ul > li > a { display: inline-block; height: 12px; padding: 23px; font-family: 'sansbold'; font-size: 1.3em; letter-spacing:0.05em; line-height: 13px; color: #333; text-decoration: none; text-transform: uppercase;  box-sizing: content-box; }
header nav .container ul > li:hover { background-color: #f2f2f2; }
header nav .container ul > li.sub:hover, header nav .container ul > li.aperto { background-color: #f2f2f2; padding-bottom:50px; }
header nav.fixed .container ul > li.aperto {padding-bottom:0;}
header nav.fixed .container ul > li.sub:hover,
header nav.fixed .container ul > li.sub.aperto:hover {padding-bottom:50px;}
header nav .container ul > li:active { background-color: #ffff3e; }
header nav .container ul > li.active { background-color: #f2f2f2; }
header nav .container ul > li#nav-home { width:0; height: 58px; overflow: hidden; margin-left:-1px; background:url(../img/home-nav.png) #fff; border-left: 1px solid #e2e2e2; }

header nav .container ul > li ul { position: absolute; top:59px; width:100%; height:58px; right:0; background:#383838; margin:0; padding:0; list-style:none; z-index:900;  }
header nav .container ul > li.aperto ul { z-index:910;  }
header nav .container ul > li:hover ul { z-index:911;  }
header nav .container ul > li ul li { position: relative; float: left; background:none; border:none; }
header nav .container ul > li ul li:hover { background:none; }
header nav .container ul > li ul li a { display:inline-block; height:12px; padding:6px 15px; font-family:"sansregular"; color:#aaa; text-decoration:none; margin-top:12px; font-size:1.1em; letter-spacing:0.07em;  }
header nav .container ul > li ul li:hover a { color:#fff; }
header nav .container ul > li ul li.active {background:none;}
header nav .container ul > li ul li.active a { color:#fff; }

header nav .container  ul li.nav_lingua > a {color:#aaa;}
header nav .container  ul li.nav_lingua.nav_lingua_attiva > a {color:#333; cursor:default;}
header nav .container  ul li.nav_lingua:hover > a {color:#333;}
header nav .container ul > li#nav_it { border-left: 1px solid #e2e2e2; }

header nav.fixed { position: fixed; top:0; z-index:999; }
header nav.fixed  ul li#nav-home {width:58px; margin-left:0px; }
header nav ul li#nav-home a {width:58px; height: 58px; padding: 0; text-indent: 60px; }

main { position: relative; width: 100%;
       overflow: visible; /* MODIFICATO 18/02/2016 da "hidden" PER FIX ISSUE 18 - CONTROLLARE SE FUNZIONA TUTTO */
}
.fascia { position: relative; width: 100%; overflow: hidden; min-height:100px; }
.container { position: relative; }





.grigio-grigio, .singola .fascia.grigio-grigio, .singola.focus .fascia.grigio-grigio {background: url(http://media.fuorisalone.it/2016/sfondi/grigio-grigio.png) repeat-y center top; color:#fff;}
.bianco-grigio {background: url(http://media.fuorisalone.it/2016/sfondi/bianco-grigio.png) repeat-y center top;}
.grigio-grigio .divisa_col_dx, .grigio-grigio .divisa_col_dx.nopadding {background:#262626;}
.bianco-grigio .divisa_col_dx {background:#f9f9fa;}
.singola_col_c, .singola_col_sx {margin-bottom:60px;}

.mascherabianco {position:absolute; height:50px; width:1000px; top:0; right:0; background:#fff; z-index:10;}

.divisa_col_dx, .divisa_col_sx,
.nopadding.divisa_col_dx, .nopadding.divisa_col_sx {padding-top:40px; padding-bottom:40px;}

.squared_logo {
    background: #cbcbcb;
    display: block;
    padding: 5px;
    width: 100%;
}
.squared_logo img {width:100%;}



/*  HOME  */

.fascia#home-custom1 { position:relative; width:100%; padding:0px 0 60px; background:url(http://media.fuorisalone.it/2015/img/home-custom1.gif) repeat-x center 84px; }
.fascia#home-custom { position:relative; width:100%; padding:0px; overflow:visible; z-index:3;}

#fascia_grigia { position:absolute; width:100%; height:82px; margin-top: 0px; background-image:url(http://media.fuorisalone.it/2015/img/nero50h57.png); background-repeat:repeat-x; z-index:9; }
#fascia_h1 { margin-top: 0px; height:auto !important;}

#fascia_h1 h1 { position:absolute; padding-left: 20px; margin-top:13px; font-family:"sanslight"; font-weight:normal; font-size:32px; line-height:36px; color:#cccccc; z-index:10;text-transform:capitalize;  -moz-font-feature-settings: "onum=1"; letter-spacing: -0.02em; }

.centrato {width: 1336px; margin: 0 auto; overflow: hidden; position: relative;}
#timekeeper { width: 430px; height: 82px; margin-right: 0px; float: right; position: relative; padding-right:0px; background-image:url(http://media.fuorisalone.it/2015/img/sfondotimekeeper.png); font-family:"sanslight"; font-weight:normal; font-size: 9px; color:#cccccc;}
#time { float: left; position: relative; width: 214px; margin-left:20px;}

#timekeeper #time #giorni { font-family:"sanslight"; font-weight:normal; font-size:32px; color:#cccccc; z-index:10; text-transform:uppercase;  -moz-font-feature-settings: "onum=1"; margin-top: -6px;}
/* #time p.numeri{ width: 60px; height:60px; text-align:center; display:inline;}
#time p.punto{ width: 16px; height:60px; text-align:center; display:inline;} */

.numeri, .countdown-amount { width: 45px; height:42px; text-align:center; display:inline; position:relative; float: left; margin-top:14px; }
.punti, .countdown-period { width: 6px; height:42px; text-align:center; display:inline; position:relative; float: left; margin-top:14px;}
.countdown-section, .countdown-amount, .countdown-period {display:inline-block; text-align:center;}
#labelsgiorni span {width:45px; margin-right:6px; display:inline-block; text-align:center;}

/*.countdown-period {display:none;}*/
#ore p, #minuti p, #secondi p {display:none;}



#tissot { height:81px; border-left-style: solid; border-left-width: 2px; border-left-color: #6c6c6c; margin-left:240px; padding-left: 14px; }
#tissot img { padding: 19px 15px 19px;}
#cdtissot {
    height: auto;
    width: 100%;
    border:8px solid #eee;
    text-align:center;
    margin-top:40px;
}
.colonna-filtro #cdtissot {
    background: #fff;
    border-color: #fff;
    float: left;
}
.intro-percorsi #cdtissot {max-width:250px; background:#fff;}
#countdown-ev {
    border-bottom: 2px solid #ececec;
    color: #5e5e5e;
    height: auto;
    padding: 6px 0;
    width: 100%;
    overflow:hidden;
}
#cdtissot img {max-width:100%; width:130px; padding:5px 0;}
#cd {
    font-family: "sanslight";
    font-size: 24px;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: 10px;
    padding-top: 1px;
    text-transform: uppercase;
    z-index: 10;
}
.labels {
    color: #5e5e5e;
    position: relative;
    text-align: center;
}
.labels span {
    display: inline-block;
    font-size: 9px;
    text-align: center;
    width: 25%;
}
#cdtissot p {
    color: #999;
    display: inline-block;
    margin-top: 20px;
    text-align: center;
    width: 100%;
    font-size:1em;
    font-family:"sansregular", sans-serif;
}
#cdtissot .countdown-section { width:25%; text-align:center; }
#cdtissot .numeri, #cdtissot .countdown-amount { width:100%; height:auto; text-align:center; }
#cdtissot .punti, #cdtissot .countdown-period { display:none; }

#fascia_grigia2 { position:absolute; width:100%; height:110px; margin-top: 433px; background-image:url(http://media.fuorisalone.it/2015/img/nero30.png); display:none !important; }

.fascia#home-custom .container {height:540px;}
.fascia#home-custom .container .slidemappa { background:url(http://media.fuorisalone.it/2015/img/mappa3.png) no-repeat 80px 50px; height:540px; width:100%;}
.fascia#home-custom h1 .fuorisalonetitle {color:#333;}
.fascia#home-custom h1 strong { font-family:"sansbold"; font-weight:normal; }
.fascia#home-custom #mappa { position:relative; float:left; width:1336px; height:540px; margin:0 ; }
/*.fascia#home-custom #mappa a.eventimap {
    font-family: 'sansextralight';
    font-size: 48px;
    line-height: 11px;
    position: absolute;
    text-align: center;
    width: 100px;
    z-index: 20;
    color:#555500;
    text-decoration:none;
    display:block;
}*/
.fascia#home-custom #mappa a.percorsimin			 {width:40px; height:40px;}
.fascia#home-custom #mappa a.eventicosmit			 {left:224px; top:42px;}
.fascia#home-custom #mappa a.eventisarpi			 {left:459px; top:128px;}
.fascia#home-custom #mappa a.eventipublic			 {left:497px; top:131px;}
.fascia#home-custom #mappa a.eventigreg				 {left:563px; top:150px;}
.fascia#home-custom #mappa a.eventitriennale	 {left:437px; top:220px;}
.fascia#home-custom #mappa a.eventivenezia 		 {left:580px; top:183px;}
.fascia#home-custom #mappa a.eventisuperstudio {left:453px; top:330px; z-index:30;}
.fascia#home-custom #mappa a.eventi5vie 			 {left:466px; top:263px;}

.eventibrera 		{top: 240px; left: 482px;}
.eventitortona 	{top: 354px; left: 392px; width:76px !important;}
.eventilambrate	{top: 178px; left: 637px;}
.fascia#home-custom #mappa a.eventimap span {  font-size: 12px; }

.fascia#home-custom #what  { position:absolute; right:191px; width:180px; margin:90px 11px 0 0 ; }
.fascia#home-custom #who 	 { position:absolute; right:0; top:198px; width:180px;}
.fascia#home-custom #where { position:absolute; right:191px; top:345px; width:180px; margin:0 11px 0 0 ;}
.fascia#home-custom h2 { font-family:"sanslight"; font-weight:normal; font-size:2.4em; line-height:24px; color:#2c2c2c; }
.fascia#home-custom #what p,
.fascia#home-custom #who p { font-size:1.2em; line-height:18px; color:#3b3b3b; }
.fascia#home-custom a.to-map { display:inline-block; padding:10px 16px 8px; border:1px solid #333; font-size:1.4em; background:#d0d0d0; color:#3b3b3b; opacity:0.8; text-decoration:none;
                               -webkit-transition: all 200ms ease;
                               -moz-transition: all 200ms ease;
                               -ms-transition: all 200ms ease;
                               -o-transition: all 200ms ease;
                               transition: all 200ms ease; }
.fascia#home-custom a.to-map:hover { opacity:1; }



.fascia#uno {
    background: url(http://media.fuorisalone.it/2015/img/home-custom1.gif) repeat-x center 84px;
    position: relative;
    z-index:2;
}

.fascia#home-focus {
    background: #fff;
}

.fascia#home-stories {
    padding: 0 0 50px;
    background: #fff;
}

.fascia#home-photo {
    padding: 30px 0 0;
    background: #222222;
}

.fascia#quattro {
    padding: 30px 0 45px;
    background: #f2f2f2;
}


.giorno_box {padding:0; text-transform:uppercase;}
.giorno_box a {display:block; background:#222; color:#eee; border-left:1px solid #444; padding:30px; text-decoration:none;}
.giorno_box.giorno_ultimo a {border-right:1px solid #444;}
.giorno_box a:hover {background:#fffc00; border-color:#fffc00; text-decoration:none;}
.giorno_numero {font-size:4.5em; letter-spacing:-0.05em; font-family:"sanslight"; color:#fffc00;}
.giorno_settimanale {font-family:"sanslight"; font-size:1.4em; letter-spacing:0.05em; margin-left:10px;}
.giorno_box a:hover .giorno_numero, .giorno_box a:hover .giorno_settimanale {color:#222;}


#ricerca-home {position:absolute; top:auto; bottom:90px; width:100%; z-index:990; font-size:1.6em; margin-left:-15px; box-sizing:border-box; padding:0 15px; display:none;}
ul.ui-autocomplete {z-index:991; background:#fff; font-size:1.6em; font-family:"sanslight", sans-serif;}
ul.ui-autocomplete li {font-size:0.8em; border:none;}
.ui-autocomplete-category {
    font-weight: bold;
    padding: .2em .4em;
    margin: .8em 0 .2em;
    line-height: 1.5;
}
#ricerca-home input {width:100%; border:none; padding:10px; height:50px;
	background:rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
	border-bottom:2px solid #ff0;
	color:#fff;}
#ricerca-home .chosen-container-single .chosen-single {background-color:rgba(40, 40, 40, 0.8);border-bottom:2px solid #ff0; color:#aaa;}
#ricerca-home .col-xs-12 {padding:0 1px;}
#ricerca-home .chosen-container, .colonna-filtro .chosen-container {
    width: 100% !important;
}
#ricerca-home .chosen-container-single .chosen-single div b {background-image:url(../img/slidedown-giallo.png);}
#ricerca-home .chosen-container {font-size:1em;}
#ricerca-home .chosen-container-single .chosen-single {line-height:32px; height:50px; padding:10px;}
#ricerca-home .chosen-container-single .chosen-single div b {background-position:0 21px;}
#ricerca-home #selective_search {background:#fff900; color:#111; display:block; text-align:center; width:100%; height:50px; padding:10px; font-size:24px;}
#ricerca-home label {color: #fff; font-size: 0.7em; font-weight: normal; display:none;}
#ricerca-home .chosen-container .chosen-drop {width:100%; font-size:0.8em;}
#ricerca-home .chosen-search input {height:25px; background-color:#eee; color:#111; padding:0; border:0;}
#ricerca-home .chosen-container .chosen-results li {line-height:normal; vertical-align:middle;}
#ricerca-home .chosen-container .chosen-results li.highlighted,
ul.ui-autocomplete li.ui-state-focus {background:#dfdfdf; color:#000;}
ul.ui-autocomplete li.ui-state-focus {border:none; margin:0; padding:3px 1em 3px 0.4em;}
#ricerca-home .chosen-container .chosen-results {margin:0; padding:0;}

.foto_box_home {float:left; padding:0; width:20%;}
#feed_insta .foto_box_home {width: 16.666%;}
.nopadding{padding:0;}

.home_page .sponsorreporters li {border-right:1px solid #555; padding:30px; color:#ccc; letter-spacing:0.05em;}
.home_page .sponsorreporters {list-style:none;}
.home_page .sponsorreporters {border-left:1px solid #555;}
.home_page .sponsorreporters li img {height:45px !important;}

#inserisci-evento-home .container {overflow: hidden;}
#inserisci-evento-home, inserisci-evento-footer {width: 100%; z-index: 990;}
#inserisci-evento-home .calltoaction, .inserisci-evento-footer .calltoaction {background: #fbfb00 none repeat scroll 0 0; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); color: #989826; font-family: "sanslight",sans-serif; font-size: 1.4em; letter-spacing: 0.02em; margin-bottom: 60px; display:block; padding:20px; border-top:1px solid #d3cf00;
}
#inserisci-evento-home .calltoaction.centrale, .inserisci-evento-footer .calltoaction.centrale {background: #fffc00 none repeat scroll 0 0; z-index: 991;}
#inserisci-evento-home h4, .inserisci-evento-footer h4 {color: #444; font-family: "sanslight",sans-serif; font-size: 1.8em; line-height: 1.2em; margin: 0 0 10px;
}
.inserisci-evento-footer h4 {font-size:1.4em; margin:0;}
#inserisci-evento-home span, .inserisci-evento-footer span {background: #f5ee10 none repeat scroll 0 0; bottom: -25px; display: none; height: 50px; position: absolute; right: 50px; width: 50px;}
#inserisci-evento-home .calltoaction:hover, .inserisci-evento-footer .calltoaction:hover {text-decoration:none; background:#ff4; color:#111; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);}
#inserisci-evento-home .calltoaction:hover span, .inserisci-evento-footer .calltoaction:hover span {/*display:block; right:25px;*/}
.inserisci-evento-footer {background:#fffc00; position:fixed; bottom:0; z-index:9999; width:100%;}
.inserisci-evento-footer .calltoaction {margin-bottom:0; background:none; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; border:none; padding:20px 30px;}
.inserisci-evento-footer .calltoaction p {margin:0; font-size:14px;}
.inserisci-evento-footer .calltoaction.centrale {border-right:1px solid #dddd00;}
.inserisci-evento-footer .calltoaction:hover {z-index:99999;}


.maskmain {background:#fff; position:absolute; z-index:0; top:0; left:0; right:0; bottom:0; width:100%;}
.fascia#home-main-focus {background:#fff; padding:50px 0;}
a.link-focus-main-home, a.link-people-home {position:relative; color:#111;}
a.link-focus-main-home:hover, a.link-people-home:hover {text-decoration:none;}
a.link-focus-main-home:hover .fs-icon, a.link-people-home:hover .fs-icon {margin-left:20px;}
.titolo-focus-main-home {z-index:2; position:relative;}
.foto-focus-main-home, .foto-people-home {position:absolute; top:0; z-index:1;}
.foto-focus-main-home {height:450px;}
.titolo-people-home {z-index:2; position:relative;}
.titolo-people-home-giallo {background:#fffc00; padding:20px;}
.foto-people-home {position:relative; margin-top:-100px;}
.foto-people-home img {max-width:100%;}
#home-main-focus .rubrica_nome {background:none; width:auto; padding-left:0; color:#111;}
.foto-focus-main-home {background-size:cover; background-attachment:scroll; background-position:center center;}
.link-focus-main-home h2, .link-focus-main-home h3 {color:#111; background:#fff; margin:0; padding:15px 15px 15px 0;}
.link-focus-main-home h2 {margin-top:-20px; z-index:4; clear:both;}
.link-focus-main-home h3 {width:auto; display:inline-block; float:left; position:relative; z-index:5;}
#home-main-focus .fs-icon {font-size:3em; margin-top:20px; display:block; float:left; clear:both;
                           -webkit-transition: all 300ms ease;
                           -moz-transition: all 300ms ease;
                           -ms-transition: all 300ms ease;
                           -o-transition: all 300ms ease;
                           transition: all 300ms ease;}
.titolo-people-home .fs-icon {color:#fffc00;}
.titolo-people-home h2 {margin:0;}
.titolo-people-home .rubrica_nome {padding-top:0;}
#home-main-focus h2, #home-main-focus h3 {font-family:"serifbold"; line-height:1.2em;}

/*** PERCORSI HOME ***/
#home-percorsi {background:#222; padding:50px 0; overflow:visible; z-index:100;}
#home-percorsi h1 {color:#fff; font-size:3.5em; line-height:1.1em; margin:0; font-family:"sansbold", sans-serif; font-weight:normal;}
#home-percorsi h2 {color:#fff; font-size:2em; line-height:1.1em; margin:0; font-family:"sanslight", sans-serif; font-weight:normal;}
#home-percorsi .p-name {color:#aaa; font-size:2em; line-height:1.1em;}
#home-percorsi .p-area {color: #bfb900; display:inline-block; font-size:1.4em; line-height:1em; margin-top:10px;}
#home-percorsi .bx-wrapper {margin:50px 0 !important; border-left:1px solid #555;}
#home-percorsi .bxslider {overflow:hidden; box-sizing:border-box;}
#home-percorsi .bxslider li {height:150px; border-right:1px solid #555;}
#home-percorsi .bxslider a {text-decoration:none; padding:20px; display:block;}
#home-percorsi .bxslider a:hover .p-name {color:#fff;}
#home-percorsi .bxslider a:hover .p-area {color:#fffc00;}
.percorsiprev, .percorsinext {padding-top:80px;}
.percorsiprev {text-align:right;}
#home-percorsi .percorsinext a, #home-percorsi .percorsiprev a {color:#bfb900; font-size: 4em;}
#home-percorsi .percorsinext a:hover, #home-percorsi .percorsiprev a:hover {color:#fffc00;}
.quiz {margin-bottom:-125px; background:#111; height:150px;}


/*** INTERNE ***/
.interna p {font-size:1.3em;}
.interna footer p {font-size:1em;}

.milestone {
    background: #111 none repeat scroll 0 0;
    color: #fff;
    float: left;
    font-family: "sanslight";
    font-size:2em; line-height:1em;
    margin: 0 1px 0 0;
    padding: 0px;
    position: relative;
}
.milestone img {width:100%; height:100%;}
.da-thumbs li.milestone {overflow:visible;z-index:59;margin:0;}
.da-thumbs.reporters li.milestone {opacity:1;}
.milestone::after {
    background: #111 none repeat scroll 0 0;
    content: "";
    height: 30px;
    position: absolute;
    right: -15px;
    top: 50%;
    margin-top:-15px;
    transform: rotate(45deg);
    width: 30px;
    z-index: 60;
}
.milestone.frecciagiu::after {
    background: #111 none repeat scroll 0 0;
    content: "";
    height: 30px;
    position: absolute;
    right: 50%;
    bottom: -15px;
    top:auto;
    margin-right:-15px;
    transform: rotate(45deg);
    width: 30px;
    z-index: 60;
}
.tit_milestone {position:absolute; top:0; left:0; padding:30px;}
.milestone a {color:inherit;}

#grafica {
    border-bottom: 1px solid #aaa;
    -moz-box-shadow: 0 0 30px 0 #111 inset;
    -webkit-box-shadow: 0 0 30px 0 #111 inset;
    -o-box-shadow: 0 0 30px 0 #111 inset;
    box-shadow: 0 0 30px 0 #111 inset;
    width: 100%;
    min-height: 110px;
    padding: 50px 0 0;
}


/*** FOTO ***/
#foto {background:#202020; color:#fff;}
.da-thumbs {
    list-style: outside none none;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    width:100%;
    position: relative;
}
.da-thumbs li {
    display: inline-block;
    float: left;
    overflow: hidden;
    padding: 0;
    position: relative;
    vertical-align: top;
}
.da-thumbs li a {margin: 0 0 1px 1px;}
.da-thumbs > li a {
    overflow: hidden;
}
.da-thumbs > li a, .da-thumbs > li a img {
    display: block;
    height: 100%;
    position: relative;
    width: 100%;
}
.da-thumbs > li a div {
    background: rgba(255, 255, 72, 0.7) url(http://media.fuorisalone.it/2015/img/foto-hover.png) no-repeat scroll 90% 10%;
    height: 100%;
    padding: 15px;
    position: absolute;
    width: 100%;
}
.da-thumbs > li a div span.f-event {
    bottom: 15px;
    color: #111;
    display: block;
    left: 15px;
    position: absolute;
    width: 100%;
}
.og-expander {
    position: fixed;
    background: rgba(0, 0, 0, 0.9);
    top:0;
    bottom:0;
    z-index:998;
    left: 0;
    width: 100%;
    margin-top: 0 /*10px*/;
    text-align: left;
    /*height: auto !important;*/
    overflow: hidden;
}

.og-expander-inner {
    padding: 100px 0px 30px /*50px 30px*/;
    height: 100%;
}

.og-close {
    position: absolute;
    width: 60px;
    height: 60px;
    top: 100px;
    right: 30px;
    cursor: pointer;
    z-index:997;
}

.og-expander .next_foto,
.og-expander .prev_foto {
    position: relative;
    width: 85px;
    height: 85px;
    cursor: pointer;
    background:#222;
    display:inline-block;
    margin-right:1px;
    text-align:center;
    line-height:85px;
    font-size:3em;
    color:#fffd00;
    /*display:none;*/
}
.og-expander .next_foto:hover, .og-expander .prev_foto:hover {background:#333;}

.og-close::before,
.og-close::after {
    content: '';
    position: absolute;
    width: 100%;
    top: 50%;
    height: 1px;
    background: #ccc;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

.og-close::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.og-close:hover::before,
.og-close:hover::after {
    background: #fff;
}

.og-fullimg,
.og-details {
    width: 70%;
    float: left;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.og-details {
    position:relative;
    padding: 0 40px 0 20px;
    width: 30%;
}

.og-fullimg {
    text-align: center;
    position:relative;
}

.og-fullimg img {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
}

.og-details h3 {
    font-weight: 300;
    font-size: 3.0em;
    padding: 40px 0 10px;
    margin-bottom: 10px;
}

.og-details p {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #999;
}

.og-details a.fancybox,
.og-details a.rating {
    display: block;
    width: 168px;
    margin: 0 0 12px;
    padding:12px 0 /*16px*/;
    text-align:center;
    font-size:1.3em;
    color:#ffff3e;
    text-decoration:none;
    border:1px solid #a9a938;

    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease; }

.og-details a.fancybox:hover,
.og-details a.rating:hover { border:1px solid #ffff30; backgroud:#000;  }

a.d_reporter {
    display:block;
    position:relative;
    width:170px;
    margin:10px 0 0;
    padding:10px 0 8px;
    border-bottom:1px solid #333;
    color:#999;
    font-size:12px;
    line-height:15px;
    text-decoration:none;
}
a.d_reporter span { display:inline-block; color:#ccc; line-height:20px; margin-top:7px;  }
a.d_reporter:hover { background:#292929; }
a.d_reporter img { display:block; position:absolute; top:6px; right:0; width:40px; height:40px; border:1px solid #666; }

.d_date {
    width:170px;
    margin: 0 0;
    padding:10px 0 8px;
    border-bottom:1px solid #333;
    color:#999;
    font-size:12px;
    line-height:15px;
    text-decoration:none;
}
.d_date:hover { background:#292929; }
.d_date span { display:inline-block; color:#ccc; line-height:20px; margin-top:7px;  }

a.d_event {
    display:block;
    position:relative;
    width:170px;
    margin: 0 0 10px;
    padding:10px 0 8px;
    border-bottom:1px solid #333;
    color:#999;
    font-size:12px;
    line-height:15px;
    text-decoration:none;
}
a.d_event span { display:inline-block; color:#ccc; line-height:20px; margin-top:7px; text-decoration:none;  }
a.d_event:hover { background:#292929; }

a .d_likes {
    display:block;
    position:absolute;
    top:0; right:0;
    padding:7px 37px 13px 14px;
    color:#ffff3e;
    font-size:12px;
    line-height:15px;
    text-decoration:none;
    background:url(http://media.fuorisalone.it/2015/img/cuoregiallo.png) no-repeat 30px 9px #1d1d1d;
}
.og-loading {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #ddd;
    box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ccc;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    -webkit-animation: loader 0.5s infinite ease-in-out both;
    -moz-animation: loader 0.5s infinite ease-in-out both;
    animation: loader 0.5s infinite ease-in-out both;
}
#search_photo .chosen-container-single .chosen-single span {color:#bbb;}
#search_photo .chosen-container-single .chosen-single.chosen-single-with-deselect span {color:#fff;}
#search_photo .chosen-container-single .no-results {color:#999;}
#foto .chosen-container-single .chosen-search input[type="text"] {color:#222;}


/*** EREPORTERS ***/
.da-thumbs.reporters li {
    opacity: 0.7;
    -moz-transition: all 200ms ease 0s;
    -webkit-transition: all 200ms ease 0s;
    -o-transition: all 200ms ease 0s;
    transition: all 200ms ease 0s;
}
.da-thumbs.reporters li:hover {
    opacity: 1;
}
.da-thumbs li a span.r-name, #home_reporter a span.r-name {
    background: #000 none repeat scroll 0 0;
    bottom: 10px;
    color: #fff;
    display: block;
    font-family: "sanslight";
    font-size: 1.3em;
    left: 10px;
    line-height: 1.2em;
    padding: 7px 7px 4px;
    position: absolute;
    text-transform: capitalize;
    -moz-transition: all 200ms ease 0s;
    -webkit-transition: all 200ms ease 0s;
    -o-transition: all 200ms ease 0s;
    transition: all 200ms ease 0s;
}
.da-thumbs li:hover a span.r-name, #home_reporter a:hover span.r-name {border-bottom:3px solid #ffff3e; padding-bottom:10px;}








/*** MAG ***/
.magazine.singola.focus .fascia.intro_magazine {background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; color: #fff;}
.magazine main {margin-top:70px;}
.magazine.rubrica main .titolirubrica h1 {font-family:"serifbold",serif; font-size:36px; line-height:42px; margin-top:0; margin-bottom:0;}
.magazine.rubrica main .titolirubrica h2 {font-family:"seriflight",serif; font-size:36px; line-height:42px; margin-top:0; margin-bottom:70px;}
.magazine.rubrica main .titolirubrica.calltoactionmag h2 {border-top: 1px solid #111; font-size: 30px;}
.magazine.rubrica main .titolirubrica.calltoactionmag h2 a {color:#999;}

.singola_cover {margin-top:20px; width:100%;}
.singola_col_sx {padding-left:20px; /*padding-right:60px;*/}
.singola_prev, .singola_next {display:block; height:100px; background:#ddd; text-align:center; color:#fff;}
.singola_prev:hover, .singola_next:hover {background:#ccc; text-decoration:none; color:#fff;}
.singola_prev i, .singola_next i {font-size:3em; display:block; padding-top:33px;}

.magazine.singola main .titolirubrica h1 {margin-bottom:0; font-family:"serifbold", serif;}
.magazine.singola main .titolirubrica h2 {margin-top:0; margin-bottom:40px; font-family:"seriflight", serif;}
.magazine.singola .singola_col_c p {font-size:1.6em; line-height:1.5em; /*padding-right:60px;*/ font-family:"seriflight", serif; letter-spacing:0.03em; margin-bottom:0;}
.magazine.singola .singola_col_c p strong {font-family:"serifbold", serif;}

.magazine.singola main .grigio-grigio h1 {margin-top:50px;}

.magazine.singola p.mag_citazione, .magazine.singola .mag_citazione p {border-top:1px solid #999; padding:30px 0; font-size:2.5em; line-height:1.5em; color:#aaa;}
.mag_citazione_nome {font-family: "sansbold"; letter-spacing:0.07em; color:#aaa; text-transform:uppercase;}

.magazine.singola .domanderisposte h1 {font-family:"serifbold", serif; font-size:3.5em; line-height:1.3em; color:#aaa; padding-right:50px;}
.magazine.singola .domanderisposte h2 {font-family:"serifbold", serif; font-size:2em; line-height:1.3em; letter-spacing:0.02em;}
.magazine.singola .domanderisposte p,
.divisa_col_sx p,
a.ev_amb {font-family:"seriflight", serif; font-size:1.6em; line-height:1.5em; letter-spacing:0.03em;}
.magazine.singola .domanderisposte h2 {margin:20px 0;}
.magazine.singola .domanderisposte section {margin-bottom:60px;}
.magazine.singola .domanderisposte .nopadding.divisa_col_dx,
.magazine.singola .domanderisposte .nopadding.divisa_col_sx {padding-top:50px;}

.singola.people .rubrica_nome,
.singola.stories .rubrica_nome,
.singola.discover .singola_col_sx .rubrica_nome {background:#fffc00; color:#333; position:absolute; left:50px; top:0; padding:13px 60px 13px 20px; z-index:3;}
.singola.people .domanderisposte .rubrica_nome,
.singola.stories .domanderisposte .rubrica_nome {background:none; position:relative; left:0; padding:0;}
.magazine .singola .discover h4 { font-size:19px; margin-top: 1.2em; margin-bottom: 0.3em;}

a.linkgiallo {display:block; background:#fffc00; font-family: "sansbold"; font-size:0.6em; line-height:1em; letter-spacing:0.05em; padding:17px 63px 17px 20px; text-transform:uppercase; position:relative;}
a.linkgiallo span {position:absolute; width:43px; height:100%; right:0; top:0; background:#222; text-align:center;}
a.linkgiallo span i {font-size:2em; line-height:1em; display:block; padding-top:13px;}

h3.mag_titolo_sezione {font-family:"serifbold", serif; font-size:2.7em; letter-spacing:0.05em; text-transform:uppercase; margin:0 0 40px;}
.magazine #intervista {float:left; height:1px; width:1px; position:relative; margin-top:-100px; z-index:800;}
a.link-intervista {color:#999;}
a.link-intervista:hover {color:#111;}
/*** MAG HOME MAG ***/

.magazine.singola.focus main .intro_magazine h1 {font-size:6.5em; font-family:"serifbold", serif; text-align:center; margin:70px 0;}
.intro_magazine ul {list-style:none; text-align:center; margin-bottom:100px;}
.intro_magazine ul li {list-style:none; padding:0; display:inline-block; font-family:"seriflight", serif; font-size:1.6em;}
.intro_magazine ul li span {padding:3px 10px; display:block;}
.intro_magazine ul li a {display:block; color:#fff; padding:3px 10px; font-family:"serifbold", serif; text-decoration:none;}
.intro_magazine ul li a:hover {background:#fffc00; color:#111;}

.editoriale {padding-bottom:70px;}
.editoriale p {font-family:"seriflight", serif; font-size:1.8em; line-height:1.6em; letter-spacing:0.025em;}
.editoriale h2 {font-family:"serifbold", serif; font-size:4em; margin-bottom:40px; margin-top:50px;}

h1.focus_main_2 {display:none;}


/*** ARTICOLI BASE ***/

.articolobase {padding:0 2px 4px;}
.articolobase a {text-decoration:none;}
.articolobase h2, .magazine.singola main .articolobase h2, .magazine.rubrica main .articolobase h2 {font-size:1.6em; line-height:1.5em; font-weight:normal; font-family:"seriflight", serif; letter-spacing:0.02em; color:#222; padding:20px; margin:0; background:#fafafa;}
.articolobase img {width:100%;}
.rubrica_nome {display:block; color:#999; background:#f0f0f0; font-family: "sansbold"; font-size:1.05em; letter-spacing:0.14em; padding:20px; text-transform:uppercase;}
.articolobase a:hover h2, .magazine.singola main .articolobase a:hover h2 {background:#e5e5e5;}
.articolobase a:hover .rubrica_nome {background:#d9d9d9;}

/*** ARTICOLI PEOPLE e DESIGN AWARD ***/

#mag_designsward_people {padding:70px 0;}

#mag_designsward_people article {padding:20px 2px 4px;}
#mag_designsward_people article a {text-decoration:none;}
#mag_designsward_people article h2 { position:absolute; bottom:50px; left:50px; width:60%; font-size: 3.5em; font-family: "serifbold", serif; letter-spacing: 0.02em; font-weight:normal; color:#222; padding:20px; background:#fff;}
#mag_designsward_people article img {width:100%;}
.articolobase a:hover .rubrica_nome {background:#d9d9d9;}
#mag_designsward_people article .rubrica_nome {position: absolute; left: 50px; top: 0; padding: 13px 60px 13px 20px;}
#mag_designsward_people article.designaward .rubrica_nome {background:#2697a3; color:#fff;}
#mag_designsward_people article.people h2,
#mag_designsward_people article.people .rubrica_nome {background:#fffc00; color:#000;}

.singola.people .singola_col_c .icon-arrow-right,
.singola.people .singola_col_c .icon-twitter,
.singola.people .singola_col_c .icon-instagram,
.singola.people .singola_col_c .icon-facebook,
.singola.people .singola_col_c .icon-youtube,
.singola.people .singola_col_c .icon-skype {color:#6f99bb; line-height:1.8em;}

.singola.people .singola_col_c .icon-arrow-right:hover,
.singola.people .singola_col_c .icon-twitter:hover,
.singola.people .singola_col_c .icon-instagram:hover,
.singola.people .singola_col_c .icon-facebook:hover,
.singola.people .singola_col_c .icon-youtube:hover,
.singola.people .singola_col_c .icon-skype:hover {color:#3f699b; text-decoration:none;}

.milanodesignaward .focus_centro p a {color:#333;}
.milanodesignaward .focus_centro p a:hover {color:#e01d3d;}
.milanodesignaward .focus_centro h2 {font-size:24px; color:#e01d3d;}


a.votaconapp {
    background: #fff900 none repeat scroll 0 0;
    color: #333;
    display: inline-block;
    font-size: 20px;
    padding: 20px;
		width:100%;
}
a.votaconapp:hover {
    background: #ffff00 none repeat scroll 0 0;
    color: #444;
    text-decoration:none;
}
a.votaconapp span {
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    margin-top: 10px;
}


.home-creative-academy {position:relative; margin-bottom:50px; text-align:center; padding:70px 0; background:#222; overflow:hidden;}
.home-creative-academy a {display:inline-block; overflow:hidden;}
.home-creative-academy a img {max-width:100%;}

/*** ARTICOLI STORIE ***/

.mag_stories {position:relative; margin-bottom:50px;}
#home-stories .mag_stories {margin-bottom:0;}
.mag_stories li {min-height:500px; background-size:cover; background-position:center center;}
.mag_stories .flex-direction-nav {display:none;}
.mag_stories .flexslider {margin:0; border:none; padding:0; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
.naviga-storie {position:absolute; bottom:0; z-index:50; width:100%;}
.naviga-storie a {background:rgba(0,0,0,0.85); height:100px; color:#ddd; text-align:center;}
.naviga-storie a:hover {background:rgba(0,0,0,0.99); text-decoration:none; color:#fff;}
.naviga-storie i {font-size:3em; line-height:3.5em;}
.articolostory {background:rgba(0,0,0,0.7); padding:30px; margin-bottom:100px; overflow:hidden;}
.articolostory h2 {color:#fff; font-size:3.5em; margin:30px 0 10px; font-family:"serifbold", serif; letter-spacing:0.02em; }
.articolostory h4 {color:#fff; font-family:"serifregular"; margin:0; }
.articolostory h3 {color:#ddd; font-size:1.6em; line-height:1.5em; font-family:"seriflight", serif; letter-spacing:0.01em; }
.articolostory .rubrica_nome {color:#fffc00; background:none; padding:0;}
.story-logo {padding:30px; margin-top:50px;}
.flexslider .slides .story-logo img {width:auto; opacity:0;}


.mag_box_container .mag_box:nth-child(3n+1) {margin-left:0;}
.mag_box_container .mag_box:nth-child(3n+3) {margin-right:0;}
.mag_box {
    display: block;
    margin: 0 2% 4%;
    position: relative;
    width: 30.6667%;
    background:#000;
}
.mag_box img {width:100%; vertical-align:middle;
              -webkit-transition: all 300ms ease;
              -moz-transition: all 300ms ease;
              -ms-transition: all 300ms ease;
              -o-transition: all 300ms ease;
              transition: all 300ms ease;
}
.mag_box .mag_box_logo {
    background: #ccc;
    box-sizing: border-box;
    height: 40%;
    left: 30%;
    padding: 10%;
    position: absolute;
    text-align: center;
    top: 30%;
    width: 40%;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.singola .mag_box .mag_box_logo {
    height: auto;
    top: 35%;
}
.mag_box:hover img {opacity:0.7;}
.mag_box:hover .mag_box_logo {
    height: 50%;
    left: 25%;
    top: 25%;
    width: 50%;
    padding:15%;
}
.singola .mag_box:hover .mag_box_logo {
    height: auto;
    top: 30%;
}
.mag_box:hover .mag_box_logo img {opacity:1;}

.singola.stories .mag_box {
    margin: 0;
    background:none;
    width: 100%;
    z-index:1;
}

.magazine.singola p.mag_citazione.mag_contatti, .magazine.singola .mag_citazione.mag_contatti p {font-size:1.6em; color:#333;}
.magazine.singola p.mag_citazione.mag_contatti span, .magazine.singola .mag_citazione.mag_contatti p span {font-family: "sansbold"; letter-spacing:0.08em; text-transform:uppercase; font-size:0.6em;}
.magazine.singola p.mag_citazione.mag_contatti a, .magazine.singola .mag_citazione.mag_contatti p a {color:#333;}
.magazine.singola p.mag_citazione.mag_contatti span i, .magazine.singola .mag_citazione.mag_contatti p span i {color:#fffc00; font-size:3em; display:block; padding-top:14px;}


/*** ARTICOLI FOCUS ON ***/
.articolofocus {padding:0 2px 4px; background:#fff;}
.articolofocus a {background:#fff; margin-top:10px; margin-bottom:0; padding:10px 0 0; position:relative; display:block; text-decoration:none;}
.articolofocus a:hover {background:#fffc00;}
.articolofocus img {width:100%; height:auto;}
.articolofocus h2, .magazine.rubrica main .articolofocus h2 {font-family:"serifbold", serif; color:#111; font-size:2em; line-height:1.1em; padding:0 20px; margin:0; letter-spacing:0.02em;}
.articolofocus h3 {font-family:"seriflight", serif; color:#111; font-size:1.6em; line-height:1.5em; padding:10px 20px 30px; margin:0; letter-spacing:0.01em;}
.articolofocus .rubrica_nome {background:none;}
.articolofocus .focus_freccia {position:absolute; right:20px; bottom:-25px; width:50px; height:50px; background:#eee; display:block; color:#111; text-align:center;}
.articolofocus a:hover .focus_freccia {background:#fffc00; text-decoration:none;}
.articolofocus .focus_freccia i {font-size:2em; display:block; line-height:1em; padding-top:15px;}
.imgbox {position:relative; overflow:visible;}
.testobox {position:relative; overflow:hidden;}

.singola.focus .fascia {background:#fff;}
.singola.focus .fascia.intro_focus {background:none; padding-top:60px;}
.fascia.contenuto_focus {padding-top:60px;}
.focus_titolo {min-height:300px;}
.focus_nav {min-height:100px;}
.focus_centro {padding:0 60px 60px 0;}
.singola_nav {}
.intro_focus .linkgiallo, .percorso .linkgiallo {float:right; margin-top:56px; font-size:1em; color:#111; background:rgba(255,242,0,0.8);}
.intro_focus .linkgiallo span, .percorso .linkgiallo span {background:#fffc00;}
.focus_titolo .rubrica_nome {color:#fffc00; background:none; padding-left:0;}
.focus_nav .singola_prev, .percorso_nav .singola_prev {background:rgba(255,242,0,0.5); color:#111;}
.focus_nav .singola_next, .percorso_nav .singola_next {background:rgba(255,242,0,0.6); color:#111;}
.focus_nav .singola_prev i, .focus_nav .singola_next i, .percorso_nav .singola_prev i, .percorso_nav .singola_next i {color:#000;}
.focus_nav .singola_prev:hover, .focus_nav .singola_next:hover, .percorso_nav .singola_prev:hover, .percorso_nav .singola_next:hover {background:rgba(255,242,0,1);}

.singola.focus main {margin-top:0;}
.singola.focus .singola_col_c {margin-bottom:0;}


.magazine.singola.focus .singola_col_c .focus_centro p {
    font-size: 1.8em;
    line-height: 1.6em;
}
.magazine.singola p.mag_citazione.mag_evidenza, .magazine.singola .mag_citazione.mag_evidenza p {
    border-top: medium none;
    font-family: "serifbold";
    font-size: 1.8em;
    line-height:1.6em;
    padding-right: 60px;
    padding-top: 0;
    padding-right:60px;
}
.magazine.singola.focus main h1 {font-size:4em;}

.tit_palinsesto {overflow:hidden;}
.singola .fascia.palinsesto {background:#f2f2f2;}
.palinsesto_vuoto {width:25px; height:25px; float:left; background:#111; margin-top:25px;}
.palinsesto_intro {background:#fffc00; color:#111; font-size:1.8em; line-height:20px; padding:15px; float:left;}
.div_palinsesto {background:#111; height:50px; width:100%; color:#fff; font-family:"sansbold"; font-size:1em; line-height:1em; letter-spacing:0.08em; padding:20px 0 20px 25px;}
.giorni_palinsesto {background:#e8e8e8; overflow:hidden; padding-bottom:30px;}
.giorno_palinsesto {overflow:hidden;}
.data_palinsesto {background:#ddd; border-left:1px solid #777; padding:15px; font-size:2em; text-transform:uppercase; font-family: "sanslight", serif;}
.ora_palinsesto {font-size:1.6em; padding:30px 15px 0; font-family: "sanslight", serif; background:url(../img/ora_palinsesto.png) no-repeat left top;}
.ora_palinsesto:last-child {background:url(../img/ora_palinsesto_last.png) no-repeat left top;}
.ora_palinsesto span {font-size:0.7em; font-family: "sansbold", serif;}

.singola .fascia.evento_correlato {padding-top:70px; padding-bottom:70px;}

.evento_correlato .rubrica_nome {color:#333; background:none; padding:0;}
.magazine.singola main .evento_correlato h1 {font-family: "sansbold", serif; margin-bottom:50px;}
.magazine.singola main .evento_correlato h2 {font-family: "sanslight", serif; margin-top:20px;}
.magazine.singola .evento_correlato .singola_col_c p {padding-right:60px; font-family: "sanslight", serif; margin-bottom:20px; }
.evento_correlato .singola_col_c,
.evento_correlato .mag_citazione.mag_contatti {margin-top:32px;}

#mappa_speciale .milestone {position:absolute; left:0; top:0; z-index:100;}
#mappa_speciale {
    height: 100px;
    margin: 60px 0;
    overflow: hidden;
    padding: 0 0 60px;
    position: relative;
    width: 100%;
    box-sizing:content-box;
}
#mappa_speciale.mapbase {padding-bottom:0;}
#mappa_speciale #map-canvas {
    height: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    box-sizing:content-box;
}
.foto_scheda_evento .foto_box_home {width:16.6667%;}
.evento_correlato #foto {background:none;}
.correlati_focus {padding-top:40px;}
.homepage_mag .correlati_discover {padding-top:0;}

#read-more, .read-more {
    background: #dbdbdb none repeat scroll 0 0;
    border-top: 1px solid #757575;
    bottom: 0;
    height: 54px;
    margin: 0;
    position: relative;
    width: 100%;
    z-index: 70;
    cursor:pointer;
}
.read-more {overflow:hidden; display:block; text-align:center; height:66px; background:#eee; border-top:1px solid #d5d5d5;}
.read-more:hover {background:#ddd;}
.read-more:hover span {color:#666;}
#read-more span, .read-more span {
    background: #ccc none repeat scroll 0 0;
    color: #696969;
    display: block;
    font-family: "sansregular";
    font-size: 1.3em;
    height: 54px;
    padding: 20px 43px 0 43px;
}
.read-more span {background:none; padding:24px 43px 0; height:66px; letter-spacing:0.07em; color:#999;}
#read-more span.more {
    background-image: url(http://media.fuorisalone.it/2015/img/readmore.png);
    background-position: 17px 23px;
    background-repeat: no-repeat;
    text-align:center;
}
#read-more span.less {
    background-image: url(http://media.fuorisalone.it/2015/img/readless.png);
    background-position: 17px 23px;
    background-repeat: no-repeat;
    text-align:center;
}


/*** ARTICOLI PEOPLE ***/
.magazine.rubrica .mag_box_nome {position:absolute; left:10%; bottom:10%; font-family: "serifbold",serif;}
.magazine.rubrica .mag_box_nome span {background:#fff; padding:5px 10px; color:#000; position:relative;}
.magazine.rubrica .mag_box_nome span.amb_nome {z-index:3; padding-bottom:2px;}
.magazine.rubrica .mag_box_nome span.amb_cognome {z-index:2;}

a.ev_amb {color:#fff; font-family: "sanslight", serif; margin-top:40px; text-decoration:none;}
.ev_amb_nome {text-transform:uppercase;}
a.ev_amb:hover {color:#bbb;}

.copyright-articolo {clear:both; color:#aaa; font-size:1em; letter-spacing:0.05em; text-transform:uppercase;}
.share-articolo { display:inline-block; margin-top:12px; }
.share-articolo .addthis_sharing_toolbox { display:inline-block; }
.share-articolo .copyright-articolo { display:inline-block; float:right; padding:4px 0  0 3px; }
.domanderisposte .copyright-articolo {border-top:1px solid #ddd; color:#999; display:block; padding:40px 0 0 8.33333%;}
.domanderisposte .share-articolo {padding:0 0 0 8.33333%;}
.domanderisposte .share-articolo .copyright-articolo {border:none; padding:4px 0 0 3px; }

/*** PAGINA MILANO DESIGN AWARD ***/
.singola.focus .fascia.fascia-eventi-mda {background:#222;}
.fascia-eventi-mda #events {background:none;}
.fascia-eventi-mda #events .elenco > ul > li.special .event-special-container {background:#363636;}
.fascia-eventi-mda #events .elenco > ul > li.special .event-special-container:hover {background:#464646;}
.fascia-eventi-mda .ev-company, .fascia-eventi-mda .ev-name {color:#fff;}
.fascia-eventi-mda .ev-name {color:#b7b7b7;}
.fascia-eventi-mda .ev-name:hover {color:#fff;}
.fascia-eventi-mda .ev-name:hover .ev-company {color:#fff;}
.fascia-eventi-mda #events .elenco > ul > li .ev-tag a {
    background: #363636;
    border: 1px solid #5c5c5c;
    color: #8c8c8c;
}
.fascia-eventi-mda ul.mini-cal li {
    background: #363636;
}
.fascia-eventi-mda ul.mini-cal li, .fascia-eventi-mda .mini-cal-1 a {
    border: 1px solid #5f5f5f;
    color: #5f5f5f;
}
.fascia-eventi-mda .lista-eventi ul.mini-cal li.true {
    background: #5b5b5b;
    border: 1px solid #979797;
    color: #a5a5a5;
}
.fascia-eventi-mda #events .elenco > ul > li {border-bottom:1px solid #3d3d3d;}
.fascia-eventi-mda #events .elenco > ul > li:hover, .fascia-eventi-mda #events .elenco > ul > li.special:hover .event-special-container {background:#464646;}
.fascia-eventi-mda h1 {color:#777; margin-top:60px; padding-right:60px; font-family:"serifbold";}
.fascia-eventi-mda h1 span {color:#fff;}

.mappa-mda, .mappa-mda #map-canvas {height:700px;}

/*** PER ORIENTARSI ***/
#know_more, #network {background:#fff;}
#know_more {min-height:100px; border-bottom:1px solid #999; border-top:1px solid #999;}
#know_more h3 {
    font-family: "sanslight";
    font-size: 2.8em;
    font-weight: normal;
    line-height: 36px;
    margin: 0 0 24px;
}
#know_more .milestone {
    background: url(http://media.fuorisalone.it/2015/img/network-left.png) no-repeat scroll right top;
    color: #222;
    height: 380px;
    margin: 0;
    padding: 30px 10px 10px;
}
#know_more .milestone::after {
    display: none;
}
#know_more .container div,
#network .container div,
#faq .container > div  {
    border-left: 1px solid #ddd;
    height: 460px;
    padding: 20px;
    position: relative;
}
#network .container div {border-top: 1px solid #ddd;}
#faq .container div.panel-group {border:none; background:#fff;
                                 -moz-box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.5);
                                 -webkit-box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.5);
                                 -o-box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.5);
                                 box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.5);
}
#faq .container > div {height:auto; border:none;}
#know_more .container div.b_right,
#network .container div.b_right {
    border-right: 1px solid #ddd;
}
#know_more .container div.left,
#network .container div.left {
    background:url(http://media.fuorisalone.it/2015/img/network-left.png) no-repeat scroll right top;
    border:none;
}
#faq .container div.left {font-size:2em; border:none;}
#know_more div.right,
#network div.right {
    background: url(http://media.fuorisalone.it/2015/img/network-right.png) no-repeat scroll left top;
    border-right: none;
    border-left: 1px solid #ddd;
}
#faq div.right {border:none;}
#network .container p {
    color: #666;
    font-family: "sansregular";
    font-size: 1.2em;
    font-weight: normal;
    line-height: 18px;
}
#network div#fs p {
    color: #444;
    font-family: "sanslight";
    font-size: 1.8em;
    font-weight: normal;
    letter-spacing: -0.5px;
    line-height: 24px;
}
.per_orientarsi {background:#000;}
.per_orientarsi #supersized {opacity:0.7;}
#faq h1 {color:#fff; text-shadow:0 0 9px #000;}
.panel-body, .panel-footer {padding:20px 60px;}
.panel-body p, .panel-footer {font-size:1.6em; line-height:1.6em; font-family:"sanslight";}
.panel-footer {background:url(../img/panel-footer.png) no-repeat left top; font-family:"sansregular"; padding-bottom:40px; border-bottom:5px solid #f2f2f2;}
.panel-footer span {text-transform:uppercase; font-size:0.8em;}
.panel-footer a {text-decoration:underline; color:#999; font-size:0.8em;}
.panel-footer a:hover {color:#111;}
.panel-title {font-size:2.4em; padding:0;}
.panel-title a {color:#222; display:block; padding:20px; font-family: "sanslight";}
.panel-title a:hover, .panel-title a:focus {text-decoration:none; background:#f5f5f5;}
.panel-title a strong {font-weight:normal;}
.panel {box-shadow:none;}
.panel-default > .panel-heading {background:none; border-top:1px solid #ddd;}
#faq .glyphicon {font-size:0.8em; color:#bbb;}
#faq .panel-title .glyphicon-menu-down {display:none;}
#faq .panel-title .collapsed .glyphicon-menu-down {display:inline-block;}
#faq .panel-title .glyphicon-menu-up {display:inline-block;}
#faq .panel-title .collapsed .glyphicon-menu-up {display:none;}
#fs_history {padding:0; border-right: 1px solid #ddd; border-bottom:1px solid #ddd; overflow:hidden; text-transform:uppercase; margin-top:45px; }
#fs_history a {
    background: #fff none repeat scroll 0 0;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    box-sizing: border-box;
    color: #666;
    display: block;
    float: left;
    font-size: 1.3em;
    height: 190px;
    line-height: 18px;
    margin: 0;
    padding: 15px;
    position: relative;
    text-decoration: none;
}
#fs_history a:hover {background:#f5f5f5;}
#fs_history a strong {
    color: #acacac;
    font-family: "sansregular";
    font-size: 4em;
    font-weight: normal;
    letter-spacing: -0.05em;
    line-height: 1.2em;
}
#fs_history a.vuoto, .vuoto {
    background: #fff url(http://media.fuorisalone.it/2015/img/history.png) no-repeat scroll right top;
}
#know_more .container div.right-icons {
    border-bottom: 1px solid #999;
    border-top: 1px solid #999;
    border-left:0;
    height: 38px;
    margin: 3px 0;
    width: 180px;
    padding:0;
}
a.icon {
    background-position: left top;
    background-repeat: no-repeat;
    border-right: 1px solid #999;
    display: block;
    float: left;
    height: 36px;
    width: 36px;
}
a.icon:hover { display:block; float:left; width:36px; height:36px; border-right:1px solid #999; background-position:left bottom; }
a#fb.icon {
    background-image: url(http://media.fuorisalone.it/2015/img/soc-icon-fb.png);
    border-left: 1px solid #999;
}
a#tw.icon {
    background-image: url(http://media.fuorisalone.it/2015/img/soc-icon-tw.png);
}
a#yt.icon {
    background-image: url(http://media.fuorisalone.it/2015/img/soc-icon-yt.png);
}
a#gp.icon {
    background-image: url(http://media.fuorisalone.it/2015/img/soc-icon-gp.png);
}
a#pi.icon {
    background-image: url(http://media.fuorisalone.it/2015/img/soc-icon-pi.png);
}

.per_orientarsi .fascia.infos { padding:30px 0; }
.per_orientarsi .fascia.infos .foglio { padding:30px 60px 60px; background:#fff; }
.per_orientarsi .fascia.infos h1 { margin-bottom:1em; }
.per_orientarsi .fascia.infos h2 { margin-bottom:0.8em; }
.per_orientarsi .fascia.infos h3 { margin-bottom:0.6em; }
.per_orientarsi .fascia.infos h4 { margin-top:1.2em; }
.per_orientarsi .fascia.infos hr { margin:45px 0 50px;}
.per_orientarsi .fascia.infos p { font-size: 1.6em; line-height: 1.6em; font-family: "sanslight"; color:#444; }
.per_orientarsi .fascia.infos p strong { font-family: "sansregular"; color:#222; }
.per_orientarsi .fascia.infos p.intro { font-size: 2.2em; line-height: 1.3em; color: #666; margin-bottom: 0.6em; }
.per_orientarsi .fascia.infos p.intro strong { color: #666; }
.per_orientarsi .fascia.infos a.arrow { font-family: "sansregular"; text-decoration:underline; }
.per_orientarsi .fascia.infos a.arrow.disabled { color:#444; text-decoration:line-through; }

/* Cosa è il Fuorisalone */
.per_orientarsi.cosa_e { background-color: #edefed }

/* Come partecipare al Fuorisalone */
.per_orientarsi.come_partecipare { background-color: #edefed }

/* Come comunicarsi al Fuorisalone */
.per_orientarsi.come_comunicarsi { background-color: #edefed }

/* AIRBNB */
.per_orientarsi.dove_alloggiare { background-color: #edefed }

/* Salone del Mobile */
.per_orientarsi.salone_del_mobile { background-color: #edefed }

.per_orientarsi.dove_alloggiare #airbnb_page { padding:30px 0 60px; }

/***   EVENTO FOCUS ***/


.singola .fascia.evento_singolo {padding-top:70px; padding-bottom:70px;}

.evento_singolo .rubrica_nome {color:#999; background:none; padding:0;}
.singola main .evento_singolo h1,
.singola.percorso main h1 {font-family: "sansbold", serif; margin-bottom:50px; padding-right:30px;}
.singola main .evento_singolo h2,
.singola.percorso main h2 {font-family: "sanslight", serif; margin-top:20px; padding-right:30px;}
.singola main .evento_singolo h2 span, .singola.percorso main h2 span {
    color: #666;
    display: inline-block;
    font-size: 22px;
    line-height: 30px;
}
.singola .evento_singolo .singola_col_c p,
.singola.percorso .singola_col_c p {padding-right:60px; font-family: "sanslight", serif; margin-bottom:20px; }
.evento_singolo .singola_col_c,
.evento_singolo .mag_citazione.mag_contatti,
.percorso .singola_col_c,
.percorso .mag_citazione.mag_contatti {margin-top:0;}
.evento_singolo #foto {background:none;}
.evento_singolo #ps-container {margin-top:0; /*margin-bottom:50px; tolto per evento focus */}
.evento_singolo #mappa_speciale {margin-top:0;}
.palinsesto.evento_singolo h3 {font-size:1.6em; font-weight:normal; line-height: 1.3em;}
.singola p.mag_citazione.mag_contatti span, .singola .mag_citazione.mag_contatti p span {color:#999;}
.singola .evento_singolo .singola_col_c .claim-evento p,
.singola.percorso .claim-percorso p {
    border-bottom: 1px solid #ddd;
    color: #999;
    font-family: "sanslight",serif;
    font-size: 2.5em;
    letter-spacing: 0;
    line-height: 1.3em;
    margin: 0 60px 30px 0;
    padding: 0 0 30px;
}
.scheda-evento-det {margin-bottom:40px;}
.scheda-evento-det-row {overflow:hidden;}
.evento .link-intervista .icon-arrow-down {margin-left:-5px;}
.scheda-evento-det.scheda-evento-det-contatti p {
    font-family: sanslight;
    font-size: 1.2em;
    margin: 20px 0 0;
}
.scheda-evento-det.scheda-evento-det-contatti a {color:#999;}
.scheda-evento-det.scheda-evento-det-contatti a:hover {color:#000;}

/***   EVENTO BASE ***/

.singola.evento.base main {margin-top:0;}
.singola.evento.base .singola_col_c {margin-bottom:0;}

.singola.evento .inner-events {padding-top:60px;}
#aprimappa {
    background: #ccc url("../img/aprimappa.jpg") no-repeat scroll center center / cover;
    bottom: 60px;
    cursor: pointer;
    display: table;
    font-size: 40px;
    height: 100%;
    margin: 0 1px 0 0;
    padding: 15px;
    position: absolute;
    text-align: center;
    top: 0;
    vertical-align: middle;
    width: 100%;
}
#aprimappa span {
    display: table-cell;
    vertical-align: middle;
    background:rgba(255, 255, 255, 0.6);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
#aprimappa:hover span {
    background:rgba(255, 255, 255, 0.3);
}
.scheda-evento-giorni ul.mini-cal li {
    height: 40px;
    padding: 12px 0 0;
    width: 40px;
}
.scheda-evento-giorni ul.mini-cal {
    height: auto;
    margin: 20px 0;
    overflow: hidden;
}
.containerbianco {
    background: #fdfdfd none repeat scroll 0 0;
    margin-right: 60px;
    padding: 40px;
}
.singola.focus.evento .containerbianco {margin-right:0;}
.singola .evento_singolo .singola_col_c .claim-evento p {
    margin: 0 0 30px;
    padding: 0 0 30px;
}
.singola .evento_singolo .singola_col_c p {
    padding-right: 0;
}

.singola .evento_singolo .scheda-evento-desc-strip,
.singola .evento_singolo .scheda-evento-desc-strip p,
.singola.percorso .singola_col_c .paragrafo-percorso,
.singola.percorso .singola_col_c .paragrafo-percorso p {font-family:"sanslight"; font-size:16px; line-height:22px; letter-spacing: 0.2px;}

.magazine.singola .singola_col_c .scheda-evento-desc-strip p strong,
.magazine.singola .singola_col_c .scheda-evento-desc-strip strong,
.magazine.singola .singola_col_c .paragrafo-percorso p strong,
.magazine.singola .singola_col_c .paragrafo-percorso strong {font-family:"sansbold";}

.base.evento .showcase-content-container {background-color: #fdfdfd;}
.base.evento .fancybox-skin {background:#fff; padding:0 !important; border-radius:0; overflow:visible;}
.base.evento .fancybox-title-float-wrap .child {font-weight:normal; font-size:14px;}

/***   PERCORSO   ***/
.percorso.magazine main {margin-top:0;}
#percorso {position:relative; overflow:hidden;}

.percorso_singolo {background:#f2f2f2;}

.fasciabanner {margin-bottom:60px;}

#percorso .flexslider .slides img {
    max-height: 500px;
    max-width: 100%;
    width: auto;
}
#mappa_percorso {
    background: #dbded7 none repeat scroll 0 0;
    height: 482px;
    margin-bottom: 60px;
    width: 100%;
}
#mappa_percorso #map-canvas {
    height: 478px;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
}
#mappa_percorso .container {
    height: 0;
    overflow: visible;
}
.container.percorso_nav {
    clear: both;
    margin-top: 382px;
}
#mappa_percorso  #titling {
    clear: right;
    height: 382px;
    padding:0;
    margin-top:60px;
    position: relative;
    z-index: 9;
    height: 0;
    overflow: visible;
}
#mappa_percorso #nav-int {
    float: left;
    height: 100px;
    position: relative;
    z-index: 9;
}
#mappa_percorso #area {
    background: #f1f1f1 none repeat scroll 0 0;
    font-family: "sanslight";
    font-size: 2.6em;
    height: 100px;
    line-height: 30px;
    padding: 0;
    position: relative;
    z-index: 9;
}
#mappa_percorso #area #tit {
    background: #333333 none repeat scroll 0 0;
    color: #fff;
    height: 66px;
    margin: 0;
    padding: 31px 0 0;
    position: relative;
    text-align: center;
    z-index: 9;
}
#mappa_percorso #area h3 {
    background: #f1f1f1 none repeat scroll 0 0;
    border: 1px solid #ccc;
    color: #212121;
    height: 65px;
    margin: 0;
    padding: 31px 15px 0;
    position: relative;
    text-transform: uppercase;
    z-index: 9;
}
#mappa_percorso .fascia-comunicato {overflow:visible; height:0;}
.singola.percorso main #mappa_percorso h1, .singola.percorso main #mappa_percorso h2 {background:rgba(20, 20, 20, 0.8); color:#fff; padding:20px 30px; margin:0; display:inline-block; font-family:"sanslight", sans-serif; line-height:1.2em;}
.singola.percorso main #mappa_percorso h2 {color:#fffc00; background:rgba(20, 20, 20, 0.9); font-size:1.4em; line-height:1.4em; padding:13px 30px; font-family: "sansbold"; font-weight:normal; font-size: 1.05em; letter-spacing: 0.14em; text-transform: uppercase;}
.percorso #mappa_percorso .rubrica_nome {
    background: #fffc00;
    color: #303030;
    padding: 13px 30px;
    display:inline-block;
}
#percorso .flexslider {border:0; border-radius:0; margin-right:60px;}
.percorso .linkgiallo {float:left;}
.fasciabanner a img {max-width:100%; padding:0 0 1px 1px;}
a.dedicated_www {
    background: #333;
    color: #ddd;
    display: block;
    font-family: "sanslight";
    font-size: 1.4em;
    line-height: 1.4em;
    padding: 20px;
    position: relative;
    text-decoration: none;
    width:100%;
}
a.dedicated_www:hover {color:#fff;}

#percorso .social a {
    color: #bbb;
    font-size: 1.5em;
    line-height: 2em;
}
#percorso .social a i {
    color: #b9b9b9;
    font-size: 1.5em;
    line-height: 1.5em;
}
#percorso .social a:hover {text-decoration:none;}
#percorso .social a.soc-fb:hover, #percorso .social a.soc-fb:hover i {color:#3453A6;}
#percorso .social a.soc-tw:hover, #percorso .social a.soc-tw:hover i {color:#50abf1;}
#percorso .social a.soc-gp:hover, #percorso .social a.soc-gp:hover i {color:#df4a32;}
#percorso .social a.soc-in:hover, #percorso .social a.soc-in:hover i {color:#2d6a96;}
#percorso .social a.soc-pi:hover, #percorso .social a.soc-pi:hover i {color:#ce1e1f;}
#percorso .social a.soc-yt:hover, #percorso .social a.soc-yt:hover i {color:#e5281c;}
#percorso .social a.soc-vi:hover, #percorso .social a.soc-vi:hover i {color:#21b7ea;}


.inner-events {
    height: 400px;
    overflow: hidden;
    position: relative;
}
.inner-events .read-more-container {
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 100;
}

.percorso .inner-events {
    height: auto;
}


/***   PERCORSI LISTA   ***/
a.ev_amb.percorso-in-lista {background:#262626; margin-top:0; padding:50px 40px 20px;}
a.ev_amb.percorso-in-lista:hover {background:#fffc00; color:#111;}
a.ev_amb.percorso-in-lista:hover .giallo {color:#111;}
.lista-percorsi h1 {padding:60px 0 0 40px;}
.lista-percorsi .ev_amb_nome {text-transform:none; font-size:1.5em; font-family:'sansregular', sans-serif; display:inline-block; padding:10px 0;}
.lista-percorsi i {display:inline-block; padding-top:10px;}
.intro-percorsi {background:url(../images/mappa-percorsi.jpg) no-repeat center 40px; min-height:550px;}
.intro-percorsi p {font-size:1.5em; font-family:'sanslight';}
.intro-percorsi h1 {font-family:'sansbold'; font-size:4em;}




/*** EVENTI LISTA ***/
.pager a {
    color: #555;
    padding: 0 10px;
}
.ev-company, .ev-name {font-family: "sanslight",serif; font-size: 2em;
                       line-height: 1.2em;
                       color:#111;
                       display:block;
                       margin-top:8px;}
.ev-name {color:#777; margin-top:0;}
.ev-name:hover {color:#111;}
.ev-quad-container-1 {border-top:1px solid #ddd; border-left:1px solid #ddd; overflow:hidden;}
.ev-quad-container .milestone {margin:0;}
.ev-quad-container a.event, .fotoeventi .event_photo .event {
    background: #f2f2f2;
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
    padding: 20px;
    position: relative;
    text-decoration: none;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.ev-quad-container a.event .ev-company, .ev-quad-container a.event .ev-name {
    font-size: 1.5em;
}
.fotoeventi .event_photo .event {padding:0; background:#fff; border:none;}
.ev-quad-container a.event:hover {background:#fff;}
ul.mini-cal, .mini-cal-1 {
    height: 24px;
    list-style: outside none none;
    margin: 0 0 10px;
    padding: 0;
    position: relative;
    width:100%;
}
ul.mini-cal li, .mini-cal-1 a {
    border: 1px solid #e2e2e2;
    color: #b3b3b3;
    float: left;
    font-family: "sansregular";
    font-size: 1.1em;
    margin: 0 -1px 0 0;
    position: relative;
    text-align: center;
    z-index: 51;
}
ul.mini-cal li {
    background: #f8f8f8;
    height: 22px;
    padding: 4px 0 0;
    width: 22px;
}
ul.mini-cal li.true, .mini-cal-1 a.true {
    background: #dbdbdb;
    border: 1px solid #2d2d2d;
    color: #2d2d2d;
    z-index: 52;
}
.lista-eventi ul.mini-cal li.true {
    background: #dbdbdb;
    border: 1px solid #777;
    color: #555;
    z-index: 52;
}
.listaeventi .lista-eventi ul.mini-cal li.true {
    background: #e9e9e9;
    border: 1px solid #999;
    color: #777;
}
.ev-quad-container .event .specialtag, .specialtag, .fotoeventi .lista-eventi .specialtag {
    background: #fffd00 none repeat scroll 0 0;
    border: 1px solid #dada30;
    color: #777730;
    display: inline-block;
    font-size: 1em;
    margin: 8px 20px 5px -1px;
    padding: 3px 4px 1px;
}



body.listaeventi, .listaeventi #supersized {background:#111;}
#events-bar {
    margin: 27px auto 0;
    position: relative;
}
#events-bar #change_view {
    color: #9a9a9a;
    display: block;
    font-family: "sanslight";
    font-size: 1.8em;
    height: 45px;
}
#events-bar #change_view a#view_list,
#events-bar #change_view a#view_photo,
#events-bar #change_view a#view_map {
    background-color: #ebebeb;
    background-position: -28px 10px;
    background-repeat: no-repeat;
    display: block;
    height: 45px;
    padding: 10px 8px 0;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    width: 45px;
    float:left;
}
#events-bar #change_view a:hover,
#events-bar #change_view a#view_list:hover,
#events-bar #change_view a#view_photo:hover,
#events-bar #change_view a#view_map:hover {background-color:#f5f5f5;}
#events-bar #change_view a.active,
#events-bar #change_view a#view_list.active,
#events-bar #change_view a#view_photo.active,
#events-bar #change_view a#view_map.active {
    background-color: #fff;
    background-position: 9px 10px;
    height: 46px;
}
#events-bar #change_view a#view_list {
    background-image: url("http://media.fuorisalone.it/2015/img/view_list.png");
}
#events-bar #change_view a#view_photo {
    background-image: url("http://media.fuorisalone.it/2015/img/view_photo.png");
}
#events-bar #change_view a#view_map {
    background-image: url("http://media.fuorisalone.it/2015/img/view_map.png");
}

a#to_agenda {
    background: #ebebeb url("http://media.fuorisalone.it/2015/img/heart.png") no-repeat scroll 15px 17px;
    color: #777;
    display: block;
    font-family: "sansbold";
    font-size: 0.8em;
    letter-spacing:0.03em;
    height: 45px;
    padding: 15px 15px 0 45px;
    text-decoration: none;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

#events {background:#fff;}
.colonna-filtro {padding:60px 20px; background:#f3f3f3;}
.colonna-filtro h1 {color:#444; font-size:3.6em; font-family:'sansbold'; margin:0 0 30px;}
.colonna-filtro input {background:#e5e5e5; border: medium none; font-size: 13px; padding: 5px 0 5px 5px; width: 100%;}
.colonna-filtro .chosen-container, .colonna-filtro input {margin-bottom:15px;}
.colonna-filtro .chosen-container-single .chosen-single, .colonna-filtro input {height:30px;
                                                                                -moz-box-shadow:0 0 3px 0 #ccc inset;
                                                                                -webkit-box-shadow:0 0 3px 0 #ccc inset;
                                                                                -o-box-shadow:0 0 3px 0 #ccc inset;
                                                                                box-shadow:0 0 3px 0 #ccc inset;}
.colonna-filtro label {
    font-size: 1.1em;
    font-weight: normal;
    letter-spacing: 0.05em;
    line-height: 1.1em;
    text-transform: uppercase;
}
.colonna-filtro .mini-cal-1 {height:auto;}
.colonna-filtro .mini-cal-1 a {margin-bottom:15px; border: 1px solid #b2b2b2; color:#888;}
.colonna-filtro .mini-cal-1 a.true, .colonna-filtro .mini-cal-1 a:hover {text-decoration:none; background:#fffd00; border-color:#6f6200; z-index:100; color:#6f6200;}
.colonna-filtro .blocco_btn_ricerca a, .colonna-filtro .blocco_btn_ricerca input, a.load-more {display:block; background:#333; color:#fffd00; text-align:center; padding:15px 10px; text-transform:uppercase; font-size:1.5em; line-height:1.5em; letter-spacing:0.05em; font-family:'sansbold', sans-serif;
                                                                                               -moz-border-radius:3px;
                                                                                               -webkit-border-radius:3px;
                                                                                               -o-border-radius:3px;
                                                                                               border-radius:3px;}
.colonna-filtro .blocco_btn_ricerca a:hover, a.load-more:hover {text-decoration:none;background:#222;
                                                                -moz-box-shadow:0 2px 10px 0 #929292;
                                                                -webkit-box-shadow:0 2px 10px 0 #929292;
                                                                -o-box-shadow:0 2px 10px 0 #929292;
                                                                box-shadow:0 2px 10px 0 #929292;}
a.load-more {margin-bottom:60px;}
.set-group {
    margin: 0 0 10px;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-right:8px;
}
.set-group .set-title {
    background: rgba(0, 0, 0, 0) url("../img/slidedown.png") no-repeat scroll right 5px;
    color: #222;
    display: block;
    font-family: "sansbold";
    font-size: 1.4em;
    margin: 0 0 10px;
    text-transform: uppercase;
    cursor:pointer;
}
.set-group.open .set-title {
    background: rgba(0, 0, 0, 0) url("../img/slideup.png") no-repeat scroll right 5px;
}
.set-group .check-group {
    display: none;
}
.set-group input[type="checkbox"] {
    display: none;
}
.set-group input[type="checkbox"] + label {
    display: block;
    position: relative;
    text-transform: uppercase;
}
.set-group input[type="checkbox"] + label span {
    background: rgba(0, 0, 0, 0) url("../img/check_radio_sheet.png") no-repeat scroll left top;
    cursor: pointer;
    display: inline-block;
    height: 13px;
    margin: -2px 4px 0 0;
    vertical-align: middle;
    width: 13px;
}
.set-group input[type="checkbox"]:checked + label span {
    background: rgba(0, 0, 0, 0) url("../img/check_radio_sheet.png") no-repeat scroll -13px top;
}

.lista-eventi {padding-top:60px; padding-right:0;}
.lista-eventi .ev-company, .lista-eventi .ev-name {text-decoration:none; font-size:1.6em;}
.lista-eventi .special .ev-name {font-size:2em;}
.lista-eventi .special .ev-name, .lista-eventi .special ul.mini-cal {padding-top:30px;}
.lista-eventi .ev-name {padding:15px 15px 8px 15px; margin:0;}
.fotoeventi .lista-eventi .ev-name {padding:5px 15px 0;}
.lista-eventi .ev-tag {padding:0 15px 15px; margin:0;}
.lista-eventi .ev-company {font-size:1em; display:inline-block; margin:0;}
.lista-eventi ul.mini-cal {padding:15px; float:right; width:auto;}
.fotoeventi .lista-eventi ul.mini-cal {float:left; padding-bottom:10px; margin-bottom:0; overflow:hidden; height:auto;}
.lista-eventi .imgbox {position:relative; padding:8px;}
.lista-eventi .img-ev-focus {display:block;}
.lista-eventi .imgbox img {max-width:100%;}
.lista-eventi .specialtag {position:absolute; top:20px; left:0; z-index:100; border:none; padding:5px 15px;}
.fotoeventi .lista-eventi .specialtag {position:relative; top:0; margin:0 0 0 15px;}
.clear-both{
    clear: both;
}
#events .elenco #results {
    height: 50px;
    /*position: relative;*/
    float: left;
}
#events .elenco #results h2 {
    color: #ccc;
    font-family: "sanslight";
    font-size: 3em;
    font-weight: normal;
    letter-spacing: -0.5px;
    margin: 6px 0 0;
}
#events .elenco .pager {
    color: #bbb;
    font-family: "sanslight";
    font-size: 2.6em;
    font-weight: normal;
    letter-spacing: -1.5px;
    line-height: 26px;
    margin: 10px 0 0;
    /*position: absolute;*/
    right: 15px;
    /*top: 60px;*/
    float: right;
}
/*#events .elenco #pager1 {
    bottom: 35px;
    top: auto;
}*/
#events a.prev, #events a.next {color:#111;}
#events .elenco > ul {
    border-top: 1px solid #d0d0d0;
    list-style: outside none none;
    margin: 0;
    padding: 0 0 90px;
    position: relative;
}
#events .elenco > ul > li {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
#events .elenco > ul > li.special .event-special-container {
    background:#f2f2f2;
    margin:10px 0;
    overflow:hidden;
}
#events .elenco > ul > li:hover, #events .elenco > ul > li.special:hover .event-special-container {background:#fff966;}
#events .elenco > ul > li.special, #events .elenco > ul > li.special:hover,
.fotoeventi #events .elenco > ul > li:hover, .fotoeventi #events .elenco > ul > li.special:hover .event-special-container {background:none;}
#events .elenco > ul > li .ev-tag {
    list-style: outside none none;
    overflow: hidden;
    position: relative;
}
#events .elenco > ul > li .ev-tag a, a.evento_tag {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #dcdcdc;
    color: #8c8c8c;
    display: block;
    float: left;
    font-family: "sansregular";
    height: 20px;
    margin: 0 14px 2px 0;
    padding: 4px 4px 0;
    position: relative;
    text-decoration: none;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    z-index: 51;
    line-height:1.2em;
    letter-spacing:0.02em;
}
#events .elenco > ul > li .ev-tag a::after {content: "+"; position: absolute; right: -11px; top: 3px;}
#events .elenco > ul li .ev-tag a:last-child::after {display:none;}
.ev-heart, .ev-heart1 {
    background: url("../img/heart.png") no-repeat scroll left top;
    display: block;
    float: right;
    height: 17px;
    margin-top: 17px;
    opacity: 0.1;
    position: relative;
    width: 18px;
    z-index: 60;
    cursor:pointer;
}
.special .ev-heart, .special .ev-heart1 {margin-top:33px; opacity:0.11;}
.ev-heart:hover, .ev-heart1:hover {opacity:0.3;}
.favourite .ev-heart, .favourite .ev-heart1,
.favourite.ev-heart, .favourite.ev-heart1 {
    opacity: 0.7;
}

a.evento_tag {
    display: inline-block;
    float: none;
    font-family: "sanslight";
    font-size: 0.8em;
    height: auto;
    line-height: 1em;
    margin: 0 0 6px;
    padding: 8px 8px 5px;
    text-transform: uppercase;
}

#events .elenco.foto ul.da-thumbs {padding-bottom:0;}
#events .elenco.foto > ul.da-thumbs > li a div.event {position:absolute;
                                                      -webkit-transition: all 300ms ease;
                                                      -moz-transition: all 300ms ease;
                                                      -ms-transition: all 300ms ease;
                                                      -o-transition: all 300ms ease;
                                                      transition: all 300ms ease;}

#events #map-canvas {
    height: 900px;
    width: 100%;
    z-index: 0;
}
.mappaeventi .colonna-filtro {
    position:absolute;
    z-index:200;
    height:900px;
    -moz-box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.2);
    -o-box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.2);
}
.eventscomingsoon #events .fascia-comingsoon {border-top:1px solid #ddd; padding-top:70px; padding-bottom:70px; overflow:hidden;}
.eventscomingsoon #events h1, .eventscomingsoon #events h2 {font-family:"sanslight", sans-serif; font-size:30px; color:#111; font-weight:normal;}
.eventscomingsoon #events h2 {font-size:20px; margin-bottom:30px;}
.eventscomingsoon .col-comingsoon {border-right:1px solid #ddd; text-align:center;}
.eventscomingsoon .ultima-col-comingsoon {border:none;}


/***   EREPORTERS   ***/
/*.live_report main .container {width:100%;}*/
.live_report .colonna-filtro h1 {font-size:30px; font-family:'sanslight'; color:#ccc; margin:20px 0 10px;}
.live_report .altezzacontenuto {padding-top:82px;}
.live_report .colonna-filtro {background:#202020; font-family:sanslight; padding-left:0;}
.live_report .colonna-filtro p {color:#999;}
.live_report .colonna-filtro .chosen-container-single .chosen-single, .live_report .colonna-filtro input {-moz-box-shadow:0 0 3px 0 #2f2f2f inset; -webkit-box-shadow:0 0 3px 0 #2f2f2f inset; box-shadow:0 0 3px 0 #2f2f2f inset;}
.live_report #scheda {background:#111; padding:30px; margin-top:82px;}
.live_report #scheda img {width:100%; height:auto;}
.live_report #scheda p {font-family:sanslight;}
.live_report #scheda #info {
    border-bottom: 1px solid #4a4a4a;
    border-top: 1px solid #4a4a4a;
    overflow: hidden;
    position: relative;
}
.live_report #scheda #info span {
    display: block;
    float: left;
    font-family: "sanslight";
    font-size: 1.2em;
    line-height: 22px;
    padding: 14px 5px 16px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    width: 161px;
}
.live_report #scheda #info span strong {
    color: #999;
    font-family: "sansregular";
    font-weight: normal;
}
.live_report #scheda a#to_foto {
    border: 1px solid #a9a938;
    color: #ffff3e;
    display: inline-block;
    font-size: 1.3em;
    margin: 16px 0 24px;
    padding: 12px 16px;
    position: relative;
    text-decoration: none;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.live_report #scheda a#to_foto:hover {border-color:#fffc00;}
.live_report #scheda h1 {
    font-family: "sanslight";
    font-size: 3em;
    font-weight: normal;
    line-height: 30px;
    margin: 50px 0 32px;
    text-transform:capitalize;
}
.foto .colonna-filtro .blocco_btn_ricerca input {height:50px; background:#ddd; color:#111;}
.foto .colonna-filtro .blocco_btn_ricerca input:hover {background:#fff;}
.foto a.load-more {margin-bottom:150px; padding:35px 10px; font-size:2em;}
.foto a.load-more:hover {
    -moz-box-shadow:0 2px 10px 0 #000;
    -webkit-box-shadow:0 2px 10px 0 #000;
    -o-box-shadow:0 2px 10px 0 #000;
    box-shadow:0 2px 10px 0 #000;}


.introconcorso {padding-top:28px; padding-left:80px; border-left:1px solid #444; font-size:18px; font-family:sanslight;}
.nopadding.fotodainstagram {padding-top:82px;}
.colonna-filtro a img {
    max-width: 100%;
}


/*** CREATIVE ACADEMY ***/

.creativeacademy {padding:100px 0; background:url(../img/creative-academy/sfondo.jpg) no-repeat center center / cover;}
.creativeacademy .container {background:rgba(0,0,0,0.9); color:#fff; padding:50px 0;}
.creativeacademy h1 {font-size:30px; color:#fff; margin-bottom:30px; margin-top:0;}
.creativeacademy h1 span {color:#feae3f;}
.creativeacademy .container p {font-size:16px; font-family:"sanslight";}
.creativeacademy h2 {font-size:24px; color:#feae3f; margin:0;}
.creative_academy .fancybox-skin {background:#000; padding:0 !important; border-radius:0; overflow:visible;}
.creative_academy .fancybox-title-float-wrap .child {font-weight:normal; font-size:14px;}
.creativeacademy .container a {color:#fff; font-size:12px; text-transform:uppercase; padding-bottom:5px; padding-right:3px; display:inline-block;
                               -webkit-transition: all 300ms ease;
                               -moz-transition: all 300ms ease;
                               -ms-transition: all 300ms ease;
                               -o-transition: all 300ms ease;
                               transition: all 300ms ease;}
.creativeacademy .container a:hover {padding-left:3px; padding-right:0;}
.creativeacademy .container img {max-width:100%; height:auto;}

.chillaxing {padding:100px 0; background:url(../img/people/sfondo.jpg) no-repeat center center / cover;}


/*** APP ***/

#app {background:#fff;}
#app .centered { background:url(../img/network-right.png) no-repeat 1120px top; }
#app .left { position:relative; float:left; padding:30px 20px 50px; background:url(http://media.fuorisalone.it/2015/img/network-left.png) no-repeat scroll right top;
    border:none;  }
#app .left .quotation { width:300px; height:170px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; font-style:italic; font-size:2.3em; line-height:28px; color:#bfbfbf; }
#app .left  p.credits { font-family:"sansregular"; font-weight:normal; font-size:1.3em; line-height:18px; color:#444; }
#app .left  p.credits a { color:#6e88bf; text-decoration:none; }
#app .left  p.credits a { text-decoration:underline; }
#app .content { position:relative; float:left; border-left:1px solid #ddd; border-right:1px solid #ddd; padding:0 0 50px; background:#fff; }
#app .content a.to_market { display:block; position:relative; float:left; padding:50px 30px 30px; color:#222; text-decoration:none; font-family:"sanslight"; letter-spacing:-0.5px; margin-bottom:30px; }
#app .content a.to_market#apple { border-right:1px solid #ddd; }
#app .content a.to_market .download { display: block; font-size:1.8em; line-height:18px; }
#app .content a.to_market .os { display: block; font-size:3.6em; line-height:36px; }
#app .content a.to_market .text { display: block; width:160px; font-family:"sansregular"; font-size:1.3em; line-height:18px; color:#999; }
#app .content a.to_market img { display:block; margin:36px 0 0;}

#app .content #showcase { margin:30px; }
#app .content #showcase .showcase-content { margin:0 1px 0 0 !important; }
#app .content p { padding:0 30px; font-family:"sansregular"; font-weight:normal; font-size:1.3em; line-height:18px; float:left; }
#app .content p strong { font-family:"sansbold"; font-weight:normal; }
#app #know_more .container div, #app #network .container div, #app #faq .container > div {height:auto;}
#app #know_more .container .screenshots div, #app #network .container .screenshots div, #app #faq .container .screenshots div, #know_more .container div.screenshots {height:auto; padding:0; border:none;}

#app .content a.to_market:hover { background: #f6f6f6; /* Old browsers */}
#app .ps-container {margin-top:50px;}
#app .ps-container .ps-slides, #app .ps-container nav {position:relative;}
#app .ps-slidewrapper > nav {height: 150px;}
#app .ps-slidewrapper > nav > a {
    height: 100%;
    position: relative;
    width: 50%;
}


/*** CONCORSI ***/

.live_report .fancybox-skin {overflow:visible;}
.live_report .fancybox-title-float-wrap .child {font-weight:normal;}
.concorsireporter h2 {font-size:14px; line-height:20px;}


/*** fuorisalone people ***/
#foto1 {background:#111;}
#foto1 .creativeacademy .container {background:rgba(0, 0, 0, 0.8);}
#fotopeople {list-style:none; margin:0 auto; padding:60px 0 0; width:100%; position:relative; }
#fotopeople li {display:block;}
#fotopeople li a {
    box-sizing: border-box;
    display: block;
    max-width: 100%;
}
#fotopeople .item span {
    border: 4px solid #111;
    box-sizing: border-box;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
#fotopeople .item {width:310px; height:207px;}
#fotopeople .item a:hover {opacity:0.5;}
#fotopeople .item:nth-child(9n) {width:620px; height:414px;}
#fotopeople .item img {max-width:100%;}


/***   FASCIA LOGHI FOOTER   ***/
.fascia-footer-loghi { padding:20px 0 40px; }
.fascia-footer-loghi .logo_holder { padding:0 6px 32px 0; }
.fascia-footer-loghi .logo_holder .etichetta { display:block; padding-bottom:6px; border-bottom:1px solid #333; margin-bottom:12px; font-size:12px; letter-spacing:0.05em; color:#333; }
.fascia-footer-loghi .logo_holder a { display:block; float:left; text-align:center; width:100%; }
.fascia-footer-loghi .logo_holder a img { width:auto; max-width:100%; }
.fascia-footer-loghi .logo_holder.main a {width:33.3333%;}
.fascia-footer-loghi .logo_holder.sponsor a {width:14.2857%;}
.fascia-footer-loghi .logo_holder.media a {width:16.66667%;}
.fascia-footer-loghi .logo_holder.partner a {width:20%;}
.fascia-footer-loghi .logo_holder.institutional a {width:33.3333%;}

/***   FOOTER   ***/

footer { position: relative; width: 100%; padding:0; margin: 0; overflow: hidden; line-height: 1.8em; font-size:1.3em; font-family:'sanslight'; color:#fff; }
footer #foot-info { position:relative; float:left; width:210px; margin:0 34px 0 0; /*font-family: "Georgia", serif;*/ font-size: 1.3em; color:#bbb; }
footer #foot-info a { color:#bbb; }
footer #balloon { position:relative; float:left; width:212px; height:204px; padding:100px 25px 58px; margin:0 34px 0 0; background:url(../img/balloon.png) no-repeat; /*font-family: "Georgia", serif;*/ color:#bbb; }
footer #balloon .title { font-family: 'sansregular'; font-size: 1.8em; color:#ddd; }
footer #balloon .text { /*font-family: "Georgia", serif;*/ font-size: 1.2em; color:#aaa; }
footer .col { position: relative; float: left; width: 230px; padding: 0 0 0 34px; border-left: 1px solid #2d2d2d; color: #ffff3e; }
footer .col .title { font-family: 'sanslight'; font-size: 1.8em; color:#aaaaaa; }
footer .col a { /*font-family: "Georgia", serif;*/ font-size: 1.2em; color: #777777; text-decoration: none; }
footer .col#sitemap a { display:block; font-family:'sanslight'; font-size:1.8em; color:#aaaaaa; margin:0 0 10px; }
footer .twitter-follow-button, footer .fb-follow {display:block; margin-top:10px;}
footer .box_newsletter {background:#222; padding:25px;}
footer .palinsesto_vuoto {background:#222;}
footer .mascherabianco {display:none;}
footer .ptop {padding-top:100px;}
footer .grigioscuro, .singola.focus footer .grigioscuro, body footer div.fascia.grigioscuro {background:#222;}
footer .grigiochiaro {background:#333;}
footer #newsletter-email, footer #newsletter-submit {padding:10px; border:none; display:block; float:left; margin-top:10px; font-size:14px; line-height:20px; color:#111;}
footer #newsletter-submit {background:#fffc00; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; padding:10px 20px;}
footer #newsletter-submit:hover, footer #newsletter-submit.btn-hov {background:#ffff55;}
.footer-col {margin-top:63px; padding:25px;}
footer p {line-height:1.5em; padding-right:60px;}
footer ul {list-style:none; padding:0;}
footer a {color:#eee;}
footer a:hover {text-decoration:none; color:#fff;}
footer a.giallo:hover {color:#ffff44;}
footer a span {color:#fffc00;}
.ig-b- { display: inline-block; } .ig-b- img { visibility: hidden; } .ig-b-:hover { background-position: 0 -60px; } .ig-b-:active { background-position: 0 -120px; } .ig-b-v-24 { width: 137px; height: 24px; background: url(//badges.instagram.com/static/images/ig-badge-view-sprite-24.png) no-repeat 0 0; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .ig-b-v-24 { background-image: url(//badges.instagram.com/static/images/ig-badge-view-sprite-24@2x.png); background-size: 160px 178px; } }
a.ig-b- {margin:10px 0; -webkit-transition: none;	-moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;}

#faq .container div.policy {background:#fff; padding:50px; margin-bottom:100px;}
.fascia-footer-loghi {background:#fff;}
.fascia-footer-loghi img {width:100%;}

body.error-page {text-align:center;}
body.error-page strong {font-size:90px; line-height:90px;}
body.error-page p.description {
    font-family: seriflight;
    font-size: 30px;
    font-weight: normal;
}
body.error-page p {
    font-family: seriflight;
    font-size: 16px;
}
body.error-page .btn {color:#111; background:#ddd;}
body.error-page .btn:hover {background:#fffc00;}
body.error-page section[role="main"] {min-width:280px; width:auto; max-width:650px;}
body.error-page .row {margin:0 15px;}
body.error-page img {max-width:100%; height:auto;}



/* FASCIA PROMO PROSSIMO FUORISALONE */
.newyear {overflow:hidden; background:#fffc00; color:#111; padding:20px 0;}
.newyear a {color:#111; font-size:24px; text-decoration:none; margin:20px 0 10px;}
.newyear h2 {font-family:"serifbold";}
.newyear h2 span {color:#616333; font-family:"seriflight",serif;}
.newyear a h3 {margin:0; font-family:"serifbold";
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;}
.newyear a h3 em {text-decoration:underline; font-style:normal;}
.newyear a span {font-size:14px; line-height:18px; display:inline-block; font-family: "seriflight",serif; color:#616333;}
.newyear a i { color:#616333;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.newyear a:hover h3 {color:#616333;}
.newyear a:hover i {margin-left:10px;}
@media (max-width: 767px) {
  .newyear {padding-top:50px;}
  .newyear h2, .newyear h3 {font-size:18px;}
}