/*! 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.home { font-size: 62.5%; line-height: 1.4; font-family: 'seriflight'; text-rendering: optimizeLegibility; height: auto;}
   .home #shade { position:fixed; bottom:0; left:0; width:100%; height:100%; z-index:1;
   /* IE9 SVG, needs conditional override of 'filter' to 'none' */
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC44Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
   background: -moz-linear-gradient(top,  rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.8) 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.15)), color-stop(100%,rgba(0,0,0,0.8))); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.8) 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.8) 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.8) 100%); /* IE10+ */
   background: linear-gradient(to bottom,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.8) 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-8 */
   }

h1 { font-family: 'serifbold'; font-weight:normal; font-size:3em; letter-spacing:0.02em; line-height:1.5em; }
h2 { font-family: 'serifbold'; font-weight:normal; font-size:5em; letter-spacing:0.02em; margin-bottom:0.8em; }
h3 { font-family: 'seriflight'; font-weight:normal; font-size:2.8em; letter-spacing:0.02em; line-height:1.4em; }
h4 { font-family: 'serifbold'; font-weight:normal; font-size:2.6em; letter-spacing:0.02em; line-height:1.4em; }

.welcome-title {
  color:#000;
  font-family: 'serifbold';
  font-weight: normal;
  font-size: 4em;
  letter-spacing: 0.02em;
  line-height: 1.5em;
}
.welcome-subtitle {
  color:#000;
  font-weight: normal;
  font-size: 3em;
  letter-spacing: 0.02em;
  line-height: 1.5em;
}

section { display:block; position:relative; z-index:2; }
.container { display:block; box-sizing:border-box; position:relative; width:100%; max-width:1136px; margin:0 auto; padding:0 30px; }

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

header .container { padding:0; }

#branding { display:block; position: relative; padding: 0; margin: 0; }
#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 { position:relative; float:right; padding-left:100px; overflow:hidden; }
.navbar:after {
    content: "";
    display: block;
    position: absolute;
    height: 1px;
    width:100%;
    right: 0;
    bottom: 0;
    z-index: 100;
    opacity: 0.6;
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
}

.navbar ul { list-style:none; padding:0; margin:0; }
.navbar ul li { position:relative; float:left; overflow:hidden; }
.navbar ul li:after {
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    width: 1px;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 100;
    opacity: 0.6;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}
.navbar ul li a { display:block; color:#fff; height: 22px; padding: 17px 15px 7px; text-decoration:none;font-family: "sansregular"; font-size:1.2em; }
.navbar ul li :hover { background: #000; }

.navbar ul li.nav_lingua_attiva { background: rgba(255,255,255,0.3); }


section#intro { padding:160px 0 0; }
section#intro .container { background:#fff; text-align:center; padding-top:55px; }
section#intro h1 { text-align:center; font-family: 'seriflight';}

section#intro .logobollo { display:block; position:absolute; top:-59px; left:50%; margin-left:-58px; }
section#intro .logotipo { position:relative; max-width: 100%;}
section#intro .icona { position:relative; display:inline-block; margin:40px 10px 0; padding:20px 0; font-family: 'serifbold'; font-size:2.1em; color:#000; text-decoration:none; width:33.3333%; max-width:240px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;}
section#intro .icona:hover {background:#f2f2f2;}
section#intro .icona img { width:100%; max-width:150px; }

section#intro .banners { position:relative; overflow:hidden; clear:both; margin:40px auto 0; width:100%; max-width:750px; padding-top:20px; }
section#intro .banner { position:relative; float:left; margin:0; padding:70px 40px 50px; color:#fff; text-align:left; box-sizing:border-box; font-family: 'serifbold'; font-size:2em; letter-spacing:0.05em; }
section#intro .banner a { color:#fff; text-decoration:none; }
section#intro .banner.left { background:#3c3c3c; width:45%;  }
section#intro .banner.right { background:#242424; width:55%; }
section#intro .banner:before { display:inline-block; position:absolute; top:-18px; left:30px; background:#fffc00; color:#111; padding:10px 60px 10px 10px; font-family: 'sansbold'; font-size:10px; letter-spacing:0.05em; }
section#intro .banner.left:before { content:"DOWNLOAD"; }
section#intro .banner.right:before { content:"NEXT FUORISALONE"; }
#countdown { position: absolute; top:47px; right: 50px; text-transform:lowercase; }
.countdown-amount { color:#fffc00; }


section#homeaway { padding:60px 0; background:url(../img/homeaway.jpg) center center ; text-align:center; background-size:cover; }
section#homeaway:before { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); content:""; }
section#homeaway h2 { color:#fff; margin-bottom:0.2em; }
section#homeaway h3 { color:#fff; }
section#homeaway img#homeaway-logo { display: inline-block; position: relative; height: 1.3em; top: -0.105em; margin-left: 4px; }
section#homeaway a.go-to-howeaway { display: inline-block; border-radius: 2px; padding: 17px 30px; font-size: 15px; background-color: #ff8a00; border-color: #ff8a00; color: #fff; font-family: "sansregular"; font-size: 1.5em; text-decoration:none; margin-top:15px; }
section#homeaway a.go-to-howeaway:hover, section#homeaway a.go-to-howeaway:focus { background-color: #e57c00;  border-color: #e57c00; }

section#magazine { background:#fff; padding:80px 0 0; z-index:4;-webkit-box-shadow: 0 0 200px 0 rgba(0,0,0,0.6);box-shadow: 0 0 200px 0 rgba(0,0,0,0.6); overflow:hidden; }
section#magazine .container { overflow:hidden; }
section#magazine h2 { text-align:center; }
section#magazine h3 { text-align:center; }

.articolofocus { position:relative; box-sizing:border-box; width:25%; float:left; padding: 0 2px 4px; background: #fff; overflow:hidden; }
.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;
}
.imgbox {
    position: relative;
    overflow: visible;
}
.articolofocus img {
    width: 100%;
    height: auto;
}
.articolofocus .focus_freccia {
    position: absolute;
    right: 20px;
    bottom: -25px;
    width: 50px;
    height: 50px;
    background: #eee;
    display: block;
    color: #111;
    text-align: center;
}
.articolofocus:hover .focus_freccia {
    background: #FFFC00;
}
.articolofocus .focus_freccia i {
    font-size: 2em;
    display: block;
    line-height: 1em;
    padding-top: 15px;
}
.icon-arrow-right:before {
    content: '\e815';
}
.testobox {
    position: relative;
    overflow: hidden;
}
.articolofocus .rubrica_nome {
    display: block;
    color: #999;
    font-family: "seriflight";
    font-size: 1.4em;
    letter-spacing: 0.14em;
    padding: 20px;
    /* text-transform: uppercase; */
}
section#magazine .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;
		text-align:left;
}
section#magazine .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;
		text-align:left;
}
.read-more { display:block; width:100%; clear:both; margin-top:40px; background:#EEEEEE; border-top:1px solid #D5D5D5; text-align:center; text-decoration:none; }
.read-more:hover { background:#dddddd; }
.read-more span {
	box-sizing:border-box;
		display:block;
    display: block;
    font-family: "sansregular";
    font-size: 1.3em;
    height: 66px;
    padding: 26px 43px 0 43px;
    letter-spacing: 0.07em;
    color: #999;
}
.read-more:hover span { color:#666; }

/*section#info-titling { padding:80px 0 20px; }
section#info-titling h2 { color:#fff; text-align:center; }
section#info-titling h3 { color:#fff; text-align:center; }*/

section#info {  padding:80px 0; overflow:hidden; background:#3c3c3c; }
section#info .container { padding:0; overflow:hidden; }
/*section#info:after { display:block; width:100%; height:100%; position:absolute; left:0; top:50px; background:#fff; content:""; z-index:5; }*/
section#info h2 { color:#fff; text-align:center; }
section#info p { font-size:1.7em; line-height:1.6em; margin-bottom:40px;  }

.terzo { display:block; position:relative; float:left; width:33.3333%; box-sizing:border-box; padding:25px; overflow:hidden; z-index:6; overflow:hidden; color:#f2f2f2; }
.mezzo { display:block; position:relative; width:360px; margin:0 auto; box-sizing:border-box; padding:25px; overflow:hidden; z-index:6; overflow:hidden; color:#f2f2f2; text-align:left; }
.terzo .titolo { position:relative; border-bottom:1px solid #fffc00; overflow:hidden; padding:80px 0; margin-bottom:40px; }
.terzo .titolo:before { display:block; position:absolute; font-family: 'serifbold_italic'; font-weight:normal; font-size:180px; color:#545454; left:0; top:20px; line-height:109px; z-index:7; }
.terzo#cosa .titolo:before { content:'1'; }
.terzo#come_partecipare .titolo:before { content:'2'; }
.terzo#come_comunicarsi .titolo:before { content:'3'; }
.terzo h4 { position:relative; font-family: 'serifbold'; font-weight:normal; margin-top:0; z-index:8; }
.terzo a, .mezzo a { position:relative; display:block; padding:20px; background:#353535; color:#fff; text-decoration:none; font-family: 'sansregular'; text-transform:uppercase; font-size:1.05em; letter-spacing:0.05em; }
.terzo a:after, .mezzo a:after { display:block; position:absolute; height:100%; width:50px; content:"\2192"; top:0; right:0; text-align:center; background:#111; padding:18px 0 22px; box-sizing:border-box; color:#fffc00; font-size:1.3em; }
.mezzo a {background:#fffc00; color:#111;}

section#newsletter { padding:60px 0; background:rgba(0,0,0,0.4) }
section#newsletter h2 { font-size:3.6em; color:#fffc00; text-align:center; margin-bottom:0.2em; }
section#newsletter h3 { font-size:2em; color:#fff; text-align:center; }
section#newsletter form { width:50%; margin:30px auto 0; position:relative; font-family: 'sansregular'; }
section#newsletter #newsletter-email { width:100%; height:36px; padding:5px 10px; box-sizing:border-box; border:none; font-size:1.4em;  }
section#newsletter #newsletter-submit { height:36px; width:36px; text-align:center; font-family: 'sansregular'; box-sizing:border-box; border:none; background:#fffc00; position:absolute; top:0; right:0; font-size:1.4em;  }
section#newsletter #newsletter-submit:focus { background:#111; color:#fffc00; }
section#newsletter .privacy-policy { color:#fff; font-size:1.2em;  }

section#last_edition { padding:80px 0; overflow:hidden; background:#272727; }
section#last_edition h2 { color:#fff; text-align:center; }
section#last_edition h3 { color:#fff; text-align:center; }

section#last_edition hr { position:relative; margin-top:80px; margin-bottom:60px;}
section#last_edition hr:before { display:inline-block; position:absolute; top:-18px; left:40px; background:#fffc00; color:#111; content:"I NUMERI"; padding:10px 60px 10px 10px; font-family: 'sansbold'; font-size:10px; letter-spacing:0.05em; }

section#last_edition hr.numbers:before { content:"NUMBERS";}

.numeri { float:left; background:#fff; color:#000; border:3px solid #000; overflow:hidden; margin:0 10px 0 0; }
.numeri .quanto { display:block; padding:23px 25px 20px; border-bottom:3px solid #000; font-size:5em; font-family: 'sansbold'; line-height:1.2em;  }
.numeri .cosa { display:block; padding:15px 25px; font-size:2em; font-family:'serifbold'; letter-spacing:0.05em; }

a.tutti_numeri { display:block; position:relative; float:left; width:170px; margin-left:20px; color:#fff; font-size:2em;  font-family: 'serifbold'; letter-spacing:0.05em;text-decoration:none; padding-bottom:165px; padding-right:30px; }
a.tutti_numeri:before { width:120px; height:120px; border:2px solid #fffc00; content:""; display:block; position:absolute; right:8px; bottom:8px; z-index:11; }
a.tutti_numeri:after { width:120px; height:80px; background:#3c3c3c; content:"\2192"; color:#fffc00; text-align:center; display:block; position:absolute; right:24px; bottom:24px; z-index:12; padding-top:40px; font-size:1.4em; }
a.tutti_numeri:hover:before { right:0; bottom:0; }
a.tutti_numeri:hover:after { right:30px; bottom:30px; }
a.tutti_numeri:before,a.tutti_numeri:after {
-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-fascia-partner {text-align:center; padding-top:100px; padding-bottom:100px; background:url(../img/expotrans-banner.jpg) no-repeat center center #000; background-attachment:fixed; background-size:cover; letter-spacing:0.05em; color:#bbb;}
.fascia.home-fascia-partner.home-fascia-partner-2 {background:url(../img/sib-banner.jpg) no-repeat center center #000; background-attachment:fixed; background-size:cover;}
.fascia.home-fascia-partner:before { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.2); content:""; }
.fascia.home-fascia-partner h2 { color:#fff; font-size:40px; line-height:44px; font-family:"seriflight"; font-weight:normal; margin-top:0;}
.fascia.home-fascia-partner h2 strong { font-weight:normal; color:#ff7b00;}
.fascia.home-fascia-partner.home-fascia-partner-2 h2 strong {color:#ff4b83;}
.fascia.home-fascia-partner h2 span { font-family: "seriflight"; font-size:30px;}
.fascia.home-fascia-partner h2 span strong {font-family:"serifbold"; font-weight:normal; color:#fff;}
.fascia.home-fascia-partner.home-fascia-partner-2 h2 span strong {color:#fff;}
.fascia.home-fascia-partner a.go-to-partner {font-family: 'sansregular'; margin-top: 10px; margin-bottom:0; text-decoration:none; }
.fascia.home-fascia-partner img#partner-logo { display: inline-block; position: relative; height:1.3em; top: -0.105em; margin-left: 5px; margin-top:0; }
.fascia.home-fascia-partner a.partnermark { display: block; position: absolute; bottom:-70px; right:15px; }
a.go-to-partner { font-size:300; display:inline-block; border-radius: 50px; padding: 10px 30px; font-size: 15px; background-color: #ff7b00; border-color: #ff7b00; color:#fff; margin-bottom:80px; }
a.go-to-partner:hover, a.go-to-partner:focus { background-color: #e57c00; border-color: #e57c00; text-decoration:none; }
.fascia.home-fascia-partner-2 a.go-to-partner { background-color: #ff4b83; border-color: #ff4b83; }
.fascia.home-fascia-partner-2 a.go-to-partner:hover, .fascia.home-fascia-partner-2 a.go-to-partner:focus { background-color: #ff5b93; border-color: #ff5b93; text-decoration:none; }



section#format { padding:80px 0; overflow:hidden; background:#fff; border:50px solid #fffc00; }
section#format h2 { font-size:3.6em; line-height:1.2em; margin-bottom:0; text-align:left; }
section#format h3 { font-family: 'serifbold'; font-size:3.2em; line-height:1.2em; color:#b2b2b2; margin-bottom:2em; text-align:left; }
section#format h4 { font-family: 'serifbold'; font-size:2.0em; line-height:1.2em; color:#fff; margin-bottom:0.8em; }
section#format h4 a { color:#fff; text-decoration:none; }
section#format h4 a:hover { text-decoration:underline; }
section#format h4:before { display:block; position:relative; font-family: 'sansregular'; color:#fffc00; content:"DOWNLOAD"; font-size:10px; letter-spacing:0.15em; margin-bottom:25px; }

section#format .left { position:relative; float:left; width:66.6666%; box-sizing:border-box; padding:0 32px 0 0; }
section#format .right { position:relative; float:left; width:33.3333%; background:#3c3c3c; box-sizing:border-box; padding:30px 36px; border-bottom:1px solid#fff; }

section#format .icon { position:relative; display:inline-block; font-family: 'serifbold'; font-size:1.6em; letter-spacing:0.05em; margin:0 30px 15px 0; text-align:center; }

section#format .info { position:relative; font-family: 'seriflight'; font-size:2.2em; letter-spacing:0.05em; color:#999; margin-bottom:10px; }
section#format a.location { display:inline-block; position:relative; font-family: 'sansregular'; color:#fffc00; font-size:10px; letter-spacing:0.15em; margin-bottom:10px; text-decoration:none; }


/***   FASCIA LOGHI FOOTER   ***/
.fascia-footer-loghi { padding:20px 0 40px; background:#fff; font-family: 'sansregular'; }
.fascia-footer-loghi .logo_holder { padding:0 10px 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%; padding: 10px;}
/* .fascia-footer-loghi .logo_holder.main a {width:50%;} */
.fascia-footer-loghi .logo_holder.sponsor a {width:33.3%;}
.fascia-footer-loghi .logo_holder.cultural a {width:25%;}
.fascia-footer-loghi .logo_holder.media a {width:16.66667%;}
.fascia-footer-loghi .logo_holder.partner a {width:25%;}
.fascia-footer-loghi .logo_holder.tecnico a {width:33.3333%;}
.fascia-footer-loghi .logo_holder.comune a {width:100%;}
.fascia-footer-loghi .logo_holder.institutional a {width:33.3333%;}
.fascia-footer-loghi .logo_holder.timekeeper img {max-width:160px; padding:30px 10px;}
.row {
  overflow:hidden;
}
.col-md-6 {
    width: 50%;
    float:left;
    overflow:hidden;
    box-sizing: border-box;
}
.col-md-4 {
    width: 33.333%;
    float:left;
    overflow:hidden;
    box-sizing: border-box;
}
.col-md-3 {
    width: 25%;
    float:left;
    overflow:hidden;
    box-sizing: border-box;
}


footer { position:relative; width:100%; padding:80px 0 160px; background:#272727; z-index:2; color:#fff;  }
footer .container { overflow:hidden;}
footer .footer-left { position:relative; width:50%; float:left;  font-size: 1.3em; }
footer .footer-left .corporate { position:relative; width:50%; float:left;}
footer .footer-left .contacts { position:relative; width:50%; float:left; }
footer .footer-left .disclaimer { position:relative; width:100%; float:left; font-family: 'sansregular'; font-size:1.0em; letter-spacing:0.05em; color:#666; margin-top:30px; padding-right:50px; box-sizing:border-box;}
footer .footer-left .disclaimer a { color:#666;}

footer a { color:#fff; }
footer .menu { position:relative; float:left; width:16.66667%; }
footer .menu h5 {font-family: 'seriflight'; font-size:1.4em; letter-spacing:0.05em; margin:0 0 15px; color:#f6f6f6; }
footer .menu a { display:block; position:relative; padding-left:15px; font-family: 'seriflight'; font-size:1.4em; letter-spacing:0.05em; margin-bottom:2px; color:#f6f6f6; text-decoration:none; }
footer .menu a:before { display:block; position:absolute; left:0; top:0; content:"-"; color:#fffc00}


/*** banner giallo iscrizioni ***/

.container.giallo { padding:0;}
.container.giallo .iscriviti { position:fixed; bottom:0; z-index:9; background-color: #fffc00;  width:100%; max-width: 1136px;  padding:15px 0 5px; box-sizing:border-box; display:block;}
.container.giallo .iscriviti .testo { position:relative; float:left; width:70%; color:#3c3c3c; text-align:left; padding-left:8%; box-sizing: border-box;}
.container.giallo .iscriviti .testo h2 { font-size:2em; margin-bottom:0px;}
.container.giallo .iscriviti .testo h4 { font-size:2em; font-family:'serif-regular';}


.container.giallo .iscriviti .tutti_numeri { display:block; position:relative; float:left; width:170px; margin-left:20px; color:#fff; font-size:2em;  font-family: 'serifbold'; letter-spacing:0.05em;text-decoration:none; padding-bottom:165px; padding-right:30px; }
.container.giallo .iscriviti .tutti_numeri:before { width:120px; height:120px; border:2px solid #fffc00; content:""; display:block; position:absolute; right:8px; bottom:8px; z-index:11; }
.container.giallo .iscriviti .tutti_numeri:after { width:120px; height:80px; background:#3c3c3c; content:"\2192"; color:#fffc00; text-align:center; display:block; position:absolute; right:20px; bottom:20px; z-index:12; padding-top:40px; font-size:1.4em; }
.container.giallo a:hover .tutti_numeri:before { right:4px; bottom:4px; }
.container.giallo a:hover .tutti_numeri:after { right:26px; bottom:26px; }
.container.giallo .iscriviti .tutti_numeri:before,a.tutti_numeri:after {
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}

.container.giallo .iscriviti .tutti_numeri { float:right; width:30%; padding:0; margin-right:10%; margin-top:13px;}
.container.giallo .iscriviti .tutti_numeri::before {border: 2px solid #000; width:40px; height:40px;}
.container.giallo .iscriviti .tutti_numeri::after { width: 50px; height: 20px; padding: 15px 0; color: #fff; line-height: 10px;}


.container.giallo .iscriviti a { text-decoration:none;}

.container.giallo.mobile { display:none; padding-top:35px;}
.container.giallo.mobile .iscriviti { position:relative; overflow:hidden;}
.container.giallo.mobile .iscriviti .testo { padding-left:0;}
.container.giallo.mobile .iscriviti .tutti_numeri { height:120px; padding-top:10%; margin:0;}

.navbar { padding-left:0;}

.pop {top:45px; left:50px; width:440px; height:205px; background-color: #fff; position:fixed; z-index:9; background-color:#fff; border:5px solid #fffc00; padding:20px; box-sizing:border-box; display:none; text-align:right;max-width:100%;}
.pop:hover {background-color: #f2f2f2;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.pop .chiudi {position:absolute; right:10px; top:10px; cursor:pointer;}
.pop .gioco {text-decoration:none; text-align: center; display:block;}
.pop .gioco .left {width:30%; float:left;}
.pop .gioco .right {width:70%; float:left; padding:0 7px 0 14px; box-sizing: border-box;}
.pop .gioco img {margin:12px auto; display:block; max-width:100%;}
.pop .chiudi img {width:13px; height:13px; background-color: #eeeeee; padding:4px;}
.pop .gioco p {
font-family: 'serifregular';
font-size: 1.7em;
letter-spacing: 0.05em; color:#000; margin-top:0; }
.pop .scopri {position: absolute; right:20px; bottom:-17px;
display: inline-block;
width:auto;
padding: 10px 42px 10px 10px;
background: #353535;
color: #fff;
text-decoration: none;
font-family: 'sansregular';
text-transform: uppercase;
font-size: 1.05em;
letter-spacing: 0.05em;
text-align:left;}

.pop .scopri::after {display: block;
position: absolute;
height: 100%;
width: 36px;
content: "\2192";
top: 0;
right: 0;
text-align: center;
background: #111;
padding: 8px 0;
box-sizing: border-box;
color: #fffc00;
font-size: 1.3em;
}

.pop .gioco hr {width:50px; margin:20px auto; border-color:#000;}

#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: 230px;
  border: 8px solid #eee;
  text-align: center;
  margin: 40px auto 0;
}
#countdown-ev {
    border-bottom: 2px solid #ececec;
    color: #5e5e5e;
    height: auto;
    padding: 6px 0;
    width: 100%;
    overflow:hidden;
}
#countdown-ev span {
  color:#111;
  font-family:"sanslight", sans-serif;
  font-size:24px;
  line-height:24px;
}
#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;
    font-family:"sansregular", sans-serif;
}
.labels span {
    color: #111;
    display: inline-block;
    font-size: 9px;
    text-align: center;
    width: 25%;
    font-family:"sansregular", sans-serif;
}
#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; }
#countdown-ev span {width:100%; display:block; overflow:hidden;}

/* ==========================================================================
   Media Queries
   ========================================================================== */

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

h2 { font-size:3.6em; line-height:1.2em; }
h3 { font-size:2.2em; }

section#intro .banner.left, section#intro .banner.right { width:100%; }
section#intro .banner:before { top:0; }
section#intro .icona { width:50%; }

.articolofocus { width:50%; }

section#newsletter form { width:90%; }

.terzo { width:100%; padding:40px; }

.numeri { width:46%; margin:0 5px 10px; }
.tutti_numeri { width:46%; }

section#format { border-width:20px; }
section#format h2, section#format h3 { text-align:center; }
section#format .icon { display:none; }
section#format .left { float:none; width:100%; text-align:center; padding:0; margin-bottom:40px; }
section#format .right { float:none; width:100%; text-align:center }

.container.giallo .iscriviti { padding:15px;}

.col-md-6 {
    width: 100%;
}
.col-md-4 {
    width: 100%;
}
.col-md-3 {
    width: 100%;
}
.col-xs-6 {
    width: 50%;
}

}

@media only screen and (max-width: 767px ) {
.nomobile {display:none !important;}
h1 { font-size:2.3em; }
h2 { font-size:2.1em; }
.articolofocus { width:100%; }
.numeri { width:90%; }
.tutti_numeri { margin-top:30px;}
.terzo .titolo { padding:40px 0; }
.terzo .titolo:before { font-size:100px; }

.navbar ul li.nav-presentazione { display:none;}
footer .footer-left { width:100%; margin-bottom:30px;}

.container.giallo { display:none;}
.container.giallo.mobile  { display:block;}

.homeaway_birdhouse, .partner_partnermark { overflow:hidden; text-align:right; padding-top:30px; }
img#homeaway-birdhouse,
img#partner-partnermark, img#partner-partnermark1 { position:relative; width: 100px; }
.home-fascia-partner h2 {font-size:24px; line-height:32px;}
.home-fascia-partner h2 span {font-size:24px;}

.pop {width:100%; left:0; top:93px;}

.mezzo {width:270px;}
.mezzo a {padding-right: 55px;}

}

@media only screen and (max-width: 480px ) {
section#intro .icona { width:100%; }
.articolofocus { width:100%; }

footer .footer-left { width:100%; margin-bottom:20px;}

section#intro .banner.right { padding-bottom:120px;}
#countdown { top:170px; right:192px;}

footer .menu { width:100%; margin-bottom:20px;}


.container.giallo.mobile .iscriviti .testo { padding-left:0; width:100%;}
.container.giallo.mobile .iscriviti .tutti_numeri { height:80px; padding-top:0; margin:0;}



}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}