@import url('fonts/1407-ERHIPQ.css');
@import url('lemonade.css');
body {
    border-top: 0px solid #ec1c24;
    text-rendering: optimizeLegibility;
}

p.cc_message {
    color: white!important;
}

#iphone {
    display: none;
    z-index: 999;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 3rem;
    padding-top: 1rem;
    color: black;
    background-image: url(img/background-red.jpg);
}

div.container {
    overflow: hidden;
}

#award img {
    max-width: 18px;
    margin-right: 0.5rem;
    position: relative;
    top: 0.15rem;
}

#award p {
    color: white;
    font-size: 0.8rem;
    /*text-decoration: underline;*/
}
#award p a{
    color: white;
}
#award p a:hover{
    color: black;
}
#award {
    background-color: #ec1c24;
    text-align: center;
}

.de {
    font-style: italic;
    opacity: 0.4;
}

p.capital {
    float: right;
    position: relative;
    top: 0;
    width: 19rem;
    height: 540px;
    padding: 0 0.8125rem 0 0;
    padding-bottom: 0;
    font-family: "Source Sans Pro";
    font-size: 1.0625rem;
    font-size: 1.05rem;
    font-size: 0.95rem;
    line-height: 1.5rem;
    color: rgba(77, 0, 7, 0.75);
}

#cartina-linea-zhejiang-italia,
#cartina-linea-fujian-italia {
    opacity: 1;
    stroke: #ED1C24;
    stroke-width: 1.5px;
    fill: none;
}

#thanks h4 {
    color: #cd1a23;
}

#play {
    display: none;
}
/*p.capital:first-letter{
  float: left;
  font-size: 7.2rem;
  color: @red-mid;
  margin: 1.5rem 0.15rem 1.1rem -0.3rem;
  font-family: "Raleway-Bold";
}*/

* {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.back-white {
    background-color: #FFF;
}

.back-red {
    background-image: url(img/background-red.jpg);
}

.back-red .de {
    opacity: 0.5;
}

.back-grey {
    background-image: url(img/dark-grey-paper.jpg);
}

.cream {
    color: #ecdec3;
}

.black {
    color: black!important;
}

body {
    line-height: 1.9rem;
    background: #fff;
}

h1,
h2,
h3,
h4,
.main_title,
.big-type,
.dati {
    margin-bottom: 0.95rem;
    font-family: 'Dala Floda Web';
    -webkit-font-feature-settings: "lnum";
    -moz-font-feature-settings: "lnum";
    -ms-font-feature-settings: "lnum";
    -o-font-feature-settings: "lnum";
    font-feature-settings: "lnum";
}

span.filtro-mappa {
    -webkit-font-feature-settings: "lnum";
    -moz-font-feature-settings: "lnum";
    -ms-font-feature-settings: "lnum";
    -o-font-feature-settings: "lnum";
    font-feature-settings: "lnum";
}

h1 {
    font-size: 4.875rem;
}

h2 {
    font-size: 3.25rem;
}

h3 {
    font-size: 2.5rem;
    line-height: 2.5rem;
}

h4 {
    font-size: 1.8125rem;
}

.container {
    margin: 0 auto;
    max-width: 1280px;
}

p.big-type {
    height: 7rem;
    margin-bottom: 0;
    padding-top: 3rem;
    text-align: center;
    text-align: left;
    font-size: 9.125rem;
    color: #4d0007;
    background-size: cover;
    -webkit-mask-image: url(img/pattern-red-300-2.png);
    mask-image: url(img/pattern-red-300-2.png);
    font-family: "DalaFloda-Bold";
}

p {
    padding: 0.19rem 0.95rem 0 0;
    font-family: "Source Sans Pro";
    font-size: 1.25rem;
    color: rgba(77, 0, 7, 0.75);
}

.frame {
    width: 100%;
    margin: 0 auto;
}

.frame h1 {
    margin-top: 5.699999999999999rem;
    margin-bottom: 2.8499999999999996rem;
    color: #4d0007;
}

.box {
    text-align: left;
    background: #ffc500;
}

.proverbio {
    height: 22.5rem;
    padding-top: 6rem!important;
    text-align: center;
    text-shadow: 0 0 1.5px rgba(0, 0, 0, 0.5);
    line-height: 3.9375rem;
    color: transparent;
}

.proverbio-2 {
    padding-top: 5.699999999999999rem;
    padding-bottom: 5.699999999999999rem;
}

.didascalia {
    padding-left: 0.8125rem;
    font-family: "Source Sans Pro";
    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1.4rem;
    letter-spacing: 0.05rem;
    letter-spacing: 0.04em;
    color: #411;
    -webkit-font-feature-settings: "lnum";
    font-feature-settings: "lnum";
}

.pad-1-col {
    padding: 0 8.33% 0 8.33%;
}

.pad-3-col {
    margin: auto;
    padding: 0 16% 0 17%;
    max-width: 1280px;
}

.shadow {
    text-shadow: 0 0 25px rgba(100, 0, 0, 0);
}

.shadow-grey {
    text-shadow: 0 0 25px rgba(0, 0, 0, 0.03);
}

.centered {
    text-align: center;
}

.separator-long {
    display: none;
    position: relative;
    top: -0.95rem;
    padding: 0;
}

.header {
    padding-top: 1.9rem;
    padding-left: 7.5rem;
}

.header h3 {
    color: #ecdec3;
}

.header img {
    margin-right: 0.95rem;
}

.header .container {
    margin-top: 1.9rem !important;
    padding-top: 0!important;
}

.frame.header {
    margin-bottom: 0!important;
    padding-bottom: 0!important;
}

.mod-1 {
    display: flex;
    position: relative;
    height: 608px;
    margin: 0;
    padding: 0;
}

.mod-1 .container {
    padding-top: 7.8rem;
}

.mod-1 .first {
    height: 516px;
    padding-top: 8.549999999999999rem;
    padding-right: 7.6rem;
}

.mod-1 .didascalia {
    padding-right: 5rem;
}

.mod-1 .percentage {
    float: left;
    width: 25rem;
}

.mod-1 svg {
    float: right;
    position: relative;
    top: -16rem;
    left: -10rem;
    width: 943px;
    opacity: 0.95;
}

.mod-2 {
    margin-bottom: 2.8499999999999996rem;
    padding: 0!important;
}

.mod-2 .cartina {
    margin-top: 3.8rem;
}

.mod-2 #cartina-trigger {
    opacity: 1!important;
}

.mod-2 h2 {
    margin-top: 2.8499999999999996rem;
}

#mappa-cina #cartina-linea-zhejiang-italia,
#mappa-cina #cartina-linea-fujian-italia {
    stroke-width: 1px;
}

#mappa-cina .st5-cartina {
    opacity: 0.25;
}

#mappa-cina .st6-cartina,
#mappa-cina .st8-cartina {
    opacity: .8px;
}

.mod-2-1 {
    margin-bottom: 0;
    padding: 0!important;
}

.mod-2-1 .cartina {
    margin-top: 3.8rem;
}

.mod-2-1 #cartina-trigger {
    opacity: 1!important;
}

.mod-2-1 h2 {
    margin-top: 2.8499999999999996rem;
}

.istogramma #istogrammaContainer {
    position: relative;
    left: -63px;
}

.mod-4 {}

.mod-4 h1 {
    margin-bottom: 1.9rem;
    padding-left: 3.5rem;
}

.mod-4 h4 {
    margin-bottom: 0.475rem;
    padding-top: 0.6649999999999999rem;
    line-height: 1.9rem;
    color: #720000;
}

.mod-4 .container {
    padding: 0!important;
    padding-top: 1.9rem;
    padding-bottom: 0 !important;
}

.mod-4 .container .bit-3 {
    padding-right: 1.9rem;
}

.mod-4 .js-video {
    position: relative;
    height: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 42.5%;
    overflow: hidden;
}

.botta-risposta .description {
    float: none!important;
    padding: 0;
}

.botta-risposta iframe {
    margin-left: 0!important;
}

.botta-risposta .interviste {
    width: 100%;
    height: 100%;
}

.botta-risposta .js-video {
    padding-bottom: 56.5%;
}

.a-ruota-libera h1 {
    color: #ecdec3;
}

#interviste-player .bit-1 {
    background-color: #f6f2e9;
}

.luoghi-comuni h1 {
    padding-left: 0!important;
}

.luoghi-comuni .container {
    height: auto;
}
/*VIDEO PLAYER STUFF*/

.description {
    float: right;
    position: relative;
    top: 0;
    width: 24%;
    padding: 0 0.8125rem 0 0;
    padding-bottom: 0;
    overflow: hidden;
    font-family: "Source Sans Pro";
    font-size: 1.0625rem;
    font-size: 1.05rem;
    font-size: 0.95rem;
    line-height: 1.5rem;
    color: rgba(77, 0, 7, 0.75);
}

.js-video {
    position: relative;
    height: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 56.5%;
    overflow: hidden;
}

.js-video.widescreen {
    padding-bottom: 57.25%;
}

.js-video.vimeo {
    padding-top: 0;
}

.js-video embed,
.js-video iframe,
.js-video object,
.js-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 75%;
    height: 100%;
}
/*VIDEO PLAYER STUFF END*/

.mod-4.frame {
    padding-bottom: 0;
}

.mod-5.frame {
    padding-bottom: 0.95rem;
}

.mod-6.frame,
.mod-7.frame,
.mod-10.frame,
.mod-12.frame {
    padding-top: 0!important;
    padding-bottom: 0!important;
}

.mod-8 .container,
.mod-9.frame .container,
.mod-10.frame .container,
.mod-12.frame .container {
    padding-top: 0!important;
    padding-bottom: 0!important;
}

.mod-3 h3 {
    margin-bottom: 0;
    color: #cd1a23;
    margin-top: 1.9rem;
}

.mod-3 p {
    margin-bottom: 0rem;
    padding-right: 9.5rem;
    padding-left: 0;
    color: rgba(77, 0, 7, 0.75);
}

.mod-3 .big-type {
    margin-bottom: 0;
    font-size: 6.25rem;
    color: red;
}

.mod-3 .dati {
    margin-bottom: 0;
    font-size: 2.5rem;
    line-height: 2.5rem;
    color: #8c0007;
}

.mod-3 .didascalia {
    padding: 0;
    padding-right: 3.8rem;
    text-transform: uppercase;
    font-size: 0.5625rem;
    line-height: 0.5625rem;
    letter-spacing: 0.05rem;
    color: #4d0007;
}

#nuovi-nati {
    padding-top: 10.5rem;
}

.istogramma #nuovi-nati {
    padding-top: 0;
}

.a-ruota-libera {
    padding-top: 4.5rem;
    margin-top: 0rem;
}

.mod-4 h1 {
    padding-left: 0.5rem;
}

.mod-5 .container {
    padding-top: 0!important;
}

.mod-5 p {
    font-size: 1.15rem;
}

.mod-6 .container {
    padding-top: 0!important;
}

.mod-6 .descrizione-video {
    display: none;
    color: rgba(77, 0, 7, 0.75);
}

.mod-6 .thmb {
    height: 15.959999999999999rem;
    padding: 0!important;
    padding-bottom: 0.95rem !important;
    border: none;
    overflow: hidden;
    text-align: center;
    color: rgba(77, 0, 7, 0.75);
    background-color: #f6f2e9;
    cursor: pointer;
    cursor: hand;
}

.mod-6 .thmb h5 {
    position: relative;
    top: -2.8499999999999996rem;
    padding: 0 0.8125rem;
    text-align: left;
    font-family: 'alt-light';
    font-size: 1.05rem;
    color: #FFF;
}

.mod-6 .thmb img {
    max-width: 320px;
}

.mod-6 .thmb p {
    position: relative;
    top: -1.9rem;
    padding: 0 0.8125rem;
    text-align: left;
    font-size: 0.95rem!important;
    line-height: 1.2rem;
    letter-spacing: 0;
}

.thmb:hover img {
    outline: 2px solid #cd1a23;
}

div#mappa-cina {
    text-align: center;
}

embed {
    display: flex;
    margin: auto;
    padding: 0!important;
    max-height: 422px;
    max-width: 990px;
    border: 0;
}

.mod-7 h3 {
    color: #8c0007;
}

.thmb.now-playing {
    color: #000;
    background-color: #cd1a23;
}

.thmb.now-playing img {
    border: 2px solid #cd1a23;
    border-top: none;
}

.identita {
    z-index: -1;
    position: relative;
    top: -17rem;
    left: 11rem;
    margin-bottom: 1.9rem;
    max-width: 100%;
}

.frame.identita {
    margin-top: 0!important;
    padding-top: 0!important;
}

.mod-9 {
    padding-bottom: 1.9rem;
    -webkit-box-shadow: inset 0 24px 35px rgba(0, 0, 0, 0.133333);
    -moz-box-shadow: inset 0 24px 35px rgba(0, 0, 0, 0.133333);
    box-shadow: inset 0 24px 35px rgba(0, 0, 0, 0.133333);
    -o-box-shadow: inset 0 24px 35px rgba(0, 0, 0, 0.133333);
}

.mod-9 h1 {
    color: #4d0007;
}

#riso-column {
    position: relative;
    left: -0.95rem;
    width: 440px;
    max-width: 440px;
}

#riso-due-chicchi {
    position: relative;
    top: 60px;
    left: 60px;
}
/*VIDEO PLAYER STYLES*/

.vjs-subtitles {
    position: relative!important;
    top: -400px !important;
    left: 670px!important;
    width: 640px!important;
    width: 500px!important;
    text-align: left!important;
    font-family: "Source Sans Pro" !important;
    font-size: 1.6rem!important;
    letter-spacing: 0.05rem;
    color: #ecdec3 !important;
    opacity: 0.7;
    background: transparent!important;
}

.vjs-fullscreen-control {
    display: none;
}

.mod-10 .big-type {
    height: 11rem!important;
    padding-top: 4rem!important;
    text-align: left;
    color: #2C0707;
}

.mod-10 .big-type {
    padding-left: 0.19rem;
}

.mod-10 .didascalia {
    position: relative;
    top: -2.8499999999999996rem;
}

.mod-10 ul.riso {
    list-style-type: none;
    padding-top: 0.6rem;
}

.mod-10 ul.riso li {
    display: inline-block;
    vertical-align: top;
}

.mod-10 ul.riso li:first-child {
    padding-top: 7.5%;
}

.mod-10 ul.riso li:last-child {
    position: relative;
    top: 1rem;
    left: -4rem;
    width: 250px;
    padding-top: 2.8499999999999996rem;
}

.mod-11 {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 5.699999999999999rem;
}

.mod-11 .container {
    padding-top: 0;
}

.mod-11 p {
    padding-right: 1.625rem;
    color: #4d0007;
}

#Layer_1 {
    position: relative;
    top: -0.6rem;
    left: -4.8rem;
    width: 500px;
}

.mod-11 .didascalia {
    padding-top: 0.475rem;
    text-shadow: 0 0 0 rgba(100, 0, 0, 0);
    line-height: 1.4249999999999998rem;
    color: #4d0007;
}

.mod-11 .container {
    padding-top: 2.8499999999999996rem !important;
}

.mod-12 h1 {
    color: #4d0007;
}

.mod-12 #map {
    width: 88%;
}

.mod-12 #controls {
    float: none;
    width: 12%;
    margin-top: 7rem;
    margin-left: 1.5rem;
}

div#controls ul li {
    font-family: 'Raleway-Bold';
}

.mod-12 #mapContainer #progress-bar {
    zoom: 1;
}

#mappa-interattiva-titolo {
    padding-left: 1.8rem;
}

#mappa-interattiva-testo {
    padding-left: 1.8rem;
}

#contenitore-mappa {
    margin-left: 0;
}

.mod-12 #map {
    width: 100%;
}

#progress-bar,
#business-activity-of-the-year {
    top: -9.6rem!important;
}

.istogramma {
    margin-bottom: 0!important;
    padding-bottom: 0!important;
}

.istogramma h3 {
    margin-top: 1.9rem;
    color: #cd1a23;
}

.istogramma p {
    padding-left: 0;
}

.istogramma .de {
    padding-right: 7rem;
}

.mod-13 {
    padding: 0;
}

.mod-13 .didascalia {
    font-weight: 600;
    letter-spacing: 0.04em;
    color: #E05F6B;
}

.mod-13 .container {
    padding-top: 0!important;
}

.mod-13 .seconda {
    padding-top: 8rem;
}

.mod-13 p.big-type {
    text-align: center;
}

#bar-cinesi,
#ristoranti-cinesi,
#ristoranti-testo {
    padding-left: 3.5rem;
}

.mod-14 {
    padding-top: 0 !important;
    padding-bottom: 0!important;
}

.mod-14 .mod-14.frame {
    padding-top: 0 !important;
    padding-bottom: 0!important;
}

.mod-14 .container {
    padding-top: 0 !important;
}

.mod-14 .didascalia {
    font-weight: 600;
    letter-spacing: 0.04em;
    color: #E05F6B;
    max-width: 280px;
}

.mod-15 {
    padding-top: 0 !important;
    padding-bottom: 0!important;
}

.mod-15 h4 {
    color: #4d0007;
}

.mod-15 .container {
    padding-top: 0 !important;
}

#credits {
    padding-bottom: 5.699999999999999rem !important;
}

.legenda {
    padding-bottom: 3.8rem;
}

.legenda .legenda-container {
    height: 20px;
    overflow: hidden;
}

.legenda #legenda-nati {
    position: relative;
    left: 0;
}

.legenda #legenda-nati img {
    float: left;
}

.legenda #legenda-nati svg {
    float: left;
    width: 70px;
}

.legenda #legenda-residenti {
    position: relative;
    left: -0.8rem;
}

.legenda #legenda-residenti img {
    float: left;
}

.legenda #legenda-residenti svg {
    float: left;
    width: 70px;
}

ul.didascalia-chart {
    position: relative;
    top: 0 1.52rem;
    margin-left: 4.3625rem;
    padding-right: 1rem;
    line-height: 1.4249999999999998rem;
    list-style-type: none;
}

#contenitore-mappa {
    padding-left: 0;
}

#conclusione-titolo {
    padding: 0;
}

#conclusione-testo {
    padding: 0 5rem;
}

#conclusione-titolo {
    padding: 0;
    text-align: center;
}

#credits-titolo {
    margin-top: 2rem;
    text-align: center;
}

#credits-titolo h1 {
    margin-bottom: 0;
}

#credits-testo p {
    text-align: center;
    font-size: 0.9125rem;
    line-height: 1.45rem;
    font-weight: 600;
    padding-right: 0;
}

#credits-testo a {
    text-decoration: none;
    color: rgba(77, 0, 7, 0.74902);
    /*border-bottom: 1px dotted rgba(77, 0, 7, 0.74902);*/
}

#credits-testo a:hover {
    /*border-bottom: 1px solid rgba(77, 0, 7, 0.74902);*/
}

#credits-testo .role {
    font-weight: normal;
    font-weight: 400;
}

#thanks {
    margin: 2rem 0 1.6rem 0;
    text-align: center;
}

#loghi {
    padding: 0 20rem;
}

#loghi a {
    text-decoration: none;
}

div#collaborazione-testo {
    margin-top: 8rem;
}

#collaborazione-testo p {
    text-align: center;
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: 1.45rem;
    color: #d1d2d4;
}

#loghi .bit-1 {
    text-align: center;
}

img#logo-unibz {
    width: 8rem;
    padding-right: 1rem;
}

img#logo-corriere {
    width: 14rem;
}

img#logo-vj {
    width: 19rem;
    padding-left: 1.4rem;
}

img#logo-luna {
    width: 18rem;
    padding-top: 1.7rem;
    margin-bottom: 3rem;
}

#facebook h4 {
    margin: 0 auto;
    text-align: center;
    margin-top: 7rem;
}

#facebook a {
    text-decoration: none;
    color: #cd1a23;
}

#facebook a:hover {
    text-decoration: underline;
    color: #cd1a23;
}

[class*='bit-'] {
    float: left;
    padding: 1px;
}

[class*='bit-']:last-of-type {
    float: right;
    padding: 0;
}