/* ============================================================
   editorial.css — CSS dedicato alle 4 editorial pages.
   Concatenazione di:
     1. fonts/fonts.css           (font-face JuanaAlt + altri)
     2. _noova_css/style.css      (layout principale noova)
     3. _noova_css/hover.css      (effetti hover)
     4. _noova_css/menu.css       (menu mobile + slide)
     5. _noova_css/plyr.css       (player Plyr base)
     6. Plyr Overrides            (estratti da Ba Ta Clan inline)
   Bolla isolata in site/editorial/. Nessun conflitto col resto LV2.
   ============================================================ */
/* ===== 1. FONTS ============================================ */
@font-face {
    font-family: 'Juana Alt';
    src: url('JuanaAltBlack.eot');
    src: url('JuanaAltBlack.eot?#iefix') format('embedded-opentype'),
        url('JuanaAltBlack.woff2') format('woff2'),
        url('JuanaAltBlack.woff') format('woff'),
        url('JuanaAltBlack.ttf') format('truetype'),
        url('JuanaAltBlack.svg#JuanaAltBlack') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(MaterialIcons-Regular.eot);

    /* For IE6-8 */
    src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(MaterialIcons-Regular.woff2) format('woff2'),
    url(MaterialIcons-Regular.woff) format('woff'),
    url(MaterialIcons-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Juana Alt';
    src: url('JuanaAltThin.eot');
    src: url('JuanaAltThin.eot?#iefix') format('embedded-opentype'),
        url('JuanaAltThin.woff2') format('woff2'),
        url('JuanaAltThin.woff') format('woff'),
        url('JuanaAltThin.ttf') format('truetype'),
        url('JuanaAltThin.svg#JuanaAltThin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Juana Alt';
    src: url('JuanaAltRegular.eot');
    src: url('JuanaAltRegular.eot?#iefix') format('embedded-opentype'),
        url('JuanaAltRegular.woff2') format('woff2'),
        url('JuanaAltRegular.woff') format('woff'),
        url('JuanaAltRegular.ttf') format('truetype'),
        url('JuanaAltRegular.svg#JuanaAltRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.lato-light {
    font-family: "Lato", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.lato-regular {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.lato-bold {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-style: normal;
}

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

@font-face {
    font-family: 'bitterregular';
    src: url('bitter-regular-webfont.eot');
    src: url('bitter-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('bitter-regular-webfont.woff') format('woff'),
         url('bitter-regular-webfont.ttf') format('truetype'),
         url('bitter-regular-webfont.svg#bitterregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bitteritalic';
    src: url('bitter-italic-webfont.eot');
    src: url('bitter-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('bitter-italic-webfont.woff') format('woff'),
         url('bitter-italic-webfont.ttf') format('truetype'),
         url('bitter-italic-webfont.svg#bitteritalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bitterbold';
    src: url('bitter-bold-webfont.eot');
    src: url('bitter-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('bitter-bold-webfont.woff') format('woff'),
         url('bitter-bold-webfont.ttf') format('truetype'),
         url('bitter-bold-webfont.svg#bitterbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* #Typography
================================================== */
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    font-weight: inherit;
    font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #fff;
    cursor: default;
    font-weight: normal;
    font-style: normal;
}

.wd,
.wf {
    float: left;
    color: #FFF;
    font-family: 'socialmedianormal', sans-serif;
    letter-spacing: 4px;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    cursor: pointer;
}

.wd:hover,
.wf:hover,
.wd:focus,
.wf:focus {
    color: #E6E6E6;
    cursor: pointer;
}

.wf {
    position: relative;
    font-size: 28px;
    text-align: center;
    padding: 0 0 40px 0;
    margin: 5px;
    top: 5px;
}

.wd {
    font-size: 32px;
    text-align: left;
    padding: 0 0 0 0;
    margin: -4px 10px 0 -3px;
}

h2.maintit {
    line-height: 37px;
    letter-spacing: 2px;
    text-align: center;
    padding: 0px 0px 0px 0px;
}

h1.maintit {
    font-size: 62px;
    line-height: 67px;
    letter-spacing: 5px;
    padding: 0px 0px 0px 0px;
}

h1.maintitb,
h1.maintitq {
    text-align: center;
    font-size: 34px;
    line-height: 36px;
    letter-spacing: 3px;
    padding: 0px 0px 0px 0px;
}

h1.maintitq {
    font-size: 28px;
}

h2.maintitb {
    color: #5c5c5c;
    text-align: center;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 5px;
    padding: 0px 0px 0px 0px;
}

.maintitf,
h1.maintitb,
h2.maintitb,
h1.maintitq,
.stLine {
    color: #d2d2d2;
}

.maintitf {
    font-family: 'socialmedianormal', sans-serif;
    font-size: 142px;
    margin: -30px 0;
    padding: 15px 0;
    text-align: center;
}

h4 {
    color: #fff;
    font-family: 'mevisbold', sans-serif;
    line-height: 25px;
    text-align: left;

    /* text-shadow: 0px -1px 0px rgba(0,0,0, 0.5); */
    font-size: 18px;
    letter-spacing: 6px;
}

p {
    cursor: default;
    font-family: 'Lato',  sans-serif;
    font-weight: 400;
    line-height: 26px;
    font-size: 14px;
}

p em {
    font-family: 'bitteritalic', serif;
    font-style: normal;
}

p strong {
    font-family: 'Lato',  sans-serif;
    font-weight: 900;
    font-style: normal;
}

.quotation {
    font-family: 'bitteritalic', serif;
    line-height: 29px;
    font-size: 17px;
    margin: 0 0px 20px 0px;
    vertical-align: middle;
}

p img {
    margin: 0;
}

p.lead {
    font-size: 21px;
    line-height: 27px;
    color: #777;
}

p a {
    font-family: 'bitterregular', serif;
}

small {
    font-size: 80%;
}

/* Blockquotes */
blockquote,
blockquote p {
    font-family: 'bitteritalic', serif;
    font-size: 15px;
    line-height: 28px;
    color: #CCC;
}

blockquote {
    padding: 0px 20px 0 19px;
    border-left: 1px solid #999;
}

blockquote cite {
    font-family: 'bitterregular', serif;
    margin: 15px 0 0 0;
    display: block;
    font-size: 12px;
    color: #E1E1E1;
}

dida {
    font-family: 'bitterregular', serif;
    margin: 10px 0 0 0;
    display: block;
    font-size: 12px;
    line-height: 18px;
    color: #ADADAD;
}

blockquote cite:before {
    content: "\2014 \0020";
}

.icLink {
    width: 25px;
    height: 25px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    color: #fff;
    font-family: 'socialmedianormal', sans-serif;
    letter-spacing: 4px;
    font-size: 22px;
    pointer-events: none;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

hr {
    border: solid #ddd;
    border-width: 1px 0 0;
    clear: both;
    margin: 10px 0 30px;
    height: 0;
    opacity: .3;
    filter: alpha(opacity=30);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}

/* #Links
================================================== */
a:link {
    text-decoration: none;
}

a:hover,
a:focus {
    color: #FFF;
    text-decoration: none;
}

#SkypeButton_Call_dariopicciau_1 a:hover,
#SkypeButton_Call_dariopicciau_1 a:focus {
    color: #FFF;
    text-decoration: none;
    border-bottom: none;
}

p a,
p a:visited {
    line-height: inherit;
}

.material-icons.md-18 {
    font-size: 16px;
    vertical-align: text-bottom;
    padding: 0 3px 0 0;
}

.material-icons.md-20 {
    font-size: 20px;
    vertical-align: sub;
    padding: 0 6px 0 0;
}

.material-icons.md-menu {
    font-size: 24px;
    vertical-align: sub;
    padding: 0 0 0 0;
}

.material-icons.md-10 {
    font-size: 16px;
    vertical-align: bottom;
    padding: 0 3px 0 0;
}

/* ===== 2. NOOVA / style.css =============================== */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: sans-serif;
    font-family: "Georgia","Times New Roman",serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    line-height: 1;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
    font-synthesis: none;
}

html {
    width: 100%;
    height: 100%;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

body {
    background-color: #ffffff;
    margin: 0;
    padding: 0;
}

img {
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
}

.my-wall1,
.my-wall4,
main {
    width: 100%;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
}

.my-wall2 {
    position: fixed;
    -webkit-overflow-scrolling: touch!important;
    overflow: scroll!important;
    bottom: 0;
    background-color: #000;
}

.backbtncont {
    position: fixed;
    top: -30px;
    left: 50%;
    margin-left: -32px;
    z-index: 20;
    cursor: pointer;
}

#bottommenu {
    vertical-align: central;
    font-family: "open_sanssemibold",sans-serif;
    font-size: 12px;
    line-height: 3px;
    color: #fdfdfd;
    opacity: 0;
}

.highlight {
    color: #41aa92;
}

#topTitle {
    pointer-events: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
    z-index: 6;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.item_View {
    width: 175px;
    height: 175px;
    position: relative;
    margin-left: 10px;
}

#topTitle br {
    display: none;
}

#topTitle .sp {
    display: inline;
}

.breaker {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    background-color: rgba(174,27,29,.54);
    z-index: 2;
}

.fixC {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.container,
#container,
#recent_items,
#containerP,
 {
    clear: both;
    overflow: hidden;
}

#containerEX {
    width: 100%;
    heigh: auto;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;

    /* Assicura che gli elementi vadano a capo se non c'è spazio */
    flex-direction: row;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: center;

    /* Aggiungi gap tra gli elementi */
    padding: 20px;
    gap: 20px;
    background-color: #ffffff;
}

.itemPPR {
    border: 0;
    border-radius: 14px;
    box-sizing: border-box;

    /* Assicura che padding e bordi siano inclusi nelle dimensioni */
    flex: 0 0 auto;

    /* Impedisce che gli elementi si ridimensionino */
    /* Aggiungi margine per evitare sovrapposizioni */
    overflow: hidden;

    /* Assicura che il contenuto rimanga all'interno del div */
    /* Assicura che l'immagine di sfondo copra l'intero div */
    /* Centra l'immagine di sfondo */
}

#container,
.container,
#containerP {
    padding: 20px;
}

#container_product {
    padding: 20px;
}

#recent_items {
    text-align: center;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    display: flex;
}

.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

footer {
    padding: 40px 30px 40px 30px;
    clear: both;
    background-color: white;
    margin-top: 40px;
}

#container .item,
#container .itemB,
#container .itemC,
#container .itemD,
#container .itemDh,
#container .itemPP,
#containerP .itemPW,
#containerP .itemPZ,
#containerP .itemPL,
#containerP .itemQL,
#container .itemE,
.container .itemTxt,
#container .itemEQ,
 {
    overflow-x: hidden;
    overflow-y: hidden;
    float: left;
    border: 0;
    border-radius: 14px;
}

#txx0,
#txx1,
#txx2,
#bottommenu,
#txx3 {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

#txx3 {
    font-family: "socialmedianormal",sans-serif;
    font-size: 142px;
    color: #fff;
    margin: -30px 0;
    padding: 15px 0;
    text-align: center;
}

.m1 {
    font-family: "socialmedianormal",sans-serif;
    font-size: 142px;
    color: #fff;
    margin-bottom: 85px;
    margin-left: -10px;
    text-align: center;
}

.txthov {
    position: absolute;
    bottom: 60px;
    max-width: 800px;
    color: #000;
}

.txthovinside {
    position: absolute;
    bottom: 10px;
    max-width: 100%;
    color: #000;
}

.btnhov {
    position: absolute;
    bottom: 19px;
    right: 19px;
    width: 31px;
    height: 31px;
    color: #fff;
    font-size: 45px;
    font-family: "socialmedianormal",sans-serif;
    cursor: pointer;
}

.txh1 {
    font-family: "Lato",sans-serif;
    font-weight: 700;
    text-align: left;
    font-size: 14px;
    color: #000;
    margin: 0;
    padding: 9px 17px 9px 15px;
    background-color: #fff;
    border-radius: 20px;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    width: auto;
    height: auto;
    border: 0;
}

txh2 {
    font-family: "Lato",sans-serif;
    font-weight: 700;
    font-size: .62em;
    color: #fff;
    letter-spacing: -.1px;
    line-height: 22px;
    text-transform: uppercase;
}

.zimh {
    height: 100%;
    background-size: cover;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: transparent;
    justify-content: flex-start;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 14px;
    overflow: hidden;
    transition-duration: 1.3s;
    -webkit-transition-duration: 1.3s;
    -moz-transition-duration: 1.3s;
    -o-transition-duration: 1.3s;
}

.zimh_left {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    background-color: transparent;
    justify-content: flex-start;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 14px;
    overflow: hidden;
    transition-duration: 1.3s;
    -webkit-transition-duration: 1.3s;
    -moz-transition-duration: 1.3s;
    -o-transition-duration: 1.3s;
}

.zimh_best {
    height: 100%;
    background-size: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: transparent;
    justify-content: flex-start;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 14px;
    overflow: hidden;
    transition-duration: 1.3s;
    -webkit-transition-duration: 1.3s;
    -moz-transition-duration: 1.3s;
    -o-transition-duration: 1.3s;
}

.zimh_descrpr {
    height: 100%;
    background-size: 100%;
    width: 70%;
    padding: 0;
    border-radius: 14px;
    overflow: hidden;
    transition-duration: 1.3s;
    -webkit-transition-duration: 1.3s;
    -moz-transition-duration: 1.3s;
    -o-transition-duration: 1.3s;
    background-color: transparent;
    text-align: left;
    box-sizing: border-box;
}

.zimhb-smallleft {
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    box-sizing: border-box;
    padding: 20px 0 20px 20px;
}

.zimhb-smallleft_best {
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    position: absolute;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    padding: 20px 30px 25px 30px;
}

.zimhb-smallleft_history {
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    box-sizing: border-box;
    padding: 20px 0 20px 0;
}

.zimhb-largeleft {
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    box-sizing: border-box;
    padding: 40px 0 40px 40px;
}

.zimhb-largecenter {
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    box-sizing: border-box;
    padding: 35px 0 35px 0;
}

.zimhb {
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 90px;
    left: 0;
    right: 0;
    box-sizing: border-box;
    padding: 40px 0 40px 0;
}

select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #f0f0f0;
    padding: 6px;
    font-family: "Lato";
    font-weight: 400;
    font-size: 14px;
    border: 1px thin #d4e96b;
    border-radius: 1px;
    border: 1px solid #e3e3e3;
    border-radius: 8px;
    display: block;
    padding-right: 30px;
    color: #333;
    width: 200px;
}

select::after {
    content: "▼";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: #444;
    font-size: 10px;
}

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0#000;
}

#lodino {
    position: absolute;
    overflow: hidden;
    text-align: center;
    width: 100%;
    height: 100%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

@media \0screen\,screen\9 {
    .gradient {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff007595",endColorstr="#ff003344",GradientType=0);
    }
}

.btnleft {
    position: fixed;
    bottom: 50%;
    left: -60px;
    width: 31px;
    height: 31px;
    vertical-align: central;
    cursor: pointer;
    z-index: 30;
}

.btnright {
    position: fixed;
    bottom: 50%;
    right: -60px;
    width: 31px;
    height: 31px;
    vertical-align: central;
    cursor: pointer;
    z-index: 30;
}

.sText {
    display: none;
    font-family: "bitterregular",serif;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    color: #d4d4d4;
    flex-direction: column;
}

.m2 {
    line-height: 14px;
    font-size: 18px;
    text-align: center;
    width: 100%;
    white-space: pre-wrap;
}

.boxShadow2 {
    -moz-box-shadow: 0 0 20px 0 rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.5);
    box-shadow: 0 0 20px 0 rgba(0,0,0,.5);
}

.boxShadow {
    -moz-box-shadow: 0 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent;
}

.loader {
    width: 15px;
    height: 15px;
    border-radius: 12px;
    margin-bottom: 220px;
    margin-left: 60px;
    -webkit-animation: loaderm 1.5s ease-in-out infinite;
    animation: loaderm 1.5s ease-in-out infinite;
}

@-webkit-keyframes loaderg {
    0% {
        background-color: rgba(255,255,255,.2);
    }

    25% {
        background-color: #fff;
    }

    50% {
        background-color: rgba(255,255,255,.2);
    }

    75% {
        background-color: rgba(255,255,255,.2);
    }

    to {
        background-color: rgba(255,255,255,.2);
    }
}

@keyframes loaderg {
    0% {
        background-color: rgba(255,255,255,.2);
    }

    25% {
        background-color: #fff;
    }

    50% {
        background-color: rgba(255,255,255,.2);
    }

    75% {
        background-color: rgba(255,255,255,.2);
    }

    to {
        background-color: rgba(255,255,255,.2);
    }
}

@-webkit-keyframes loaderm {
    0% {
        background-color: rgba(255,255,255,.2);
    }

    25% {
        background-color: rgba(255,255,255,.2);
    }

    50% {
        background-color: #fff;
    }

    75% {
        background-color: rgba(255,255,255,.2);
    }

    to {
        background-color: rgba(255,255,255,.2);
    }
}

@keyframes loaderm {
    0% {
        background-color: rgba(255,255,255,.2);
    }

    25% {
        background-color: rgba(255,255,255,.2);
    }

    50% {
        background-color: #fff;
    }

    75% {
        background-color: rgba(255,255,255,.2);
    }

    to {
        background-color: rgba(255,255,255,.2);
    }
}

@-webkit-keyframes loaderd {
    0% {
        background-color: rgba(255,255,255,.2);
    }

    25% {
        background-color: rgba(255,255,255,.2);
    }

    50% {
        background-color: rgba(255,255,255,.2);
    }

    75% {
        background-color: #fff;
    }

    to {
        background-color: rgba(255,255,255,.2);
    }
}

@keyframes loaderd {
    0% {
        background-color: rgba(255,255,255,.2);
    }

    25% {
        background-color: rgba(255,255,255,.2);
    }

    50% {
        background-color: rgba(255,255,255,.2);
    }

    75% {
        background-color: #fff;
    }

    to {
        background-color: rgba(255,255,255,.2);
    }
}

.icon {
    color: #555;
}

.txh4,
.txh4_in {
    font-family: "Juana Alt";
    font-weight: 400;
    font-size: 90px;
    margin-bottom: 15px;
    line-height: 85px;
    color: #f8f8f8;
}

.txh4_in {
    margin-bottom: 0;
    line-height: 60px;
    font-size: 80px;
    line-height: 80px;
}

.txhLarge {
    font-family: "Juana Alt";

    /* max-width: 70% */
    font-size: 35px;

    /* margin-bottom: 25px */
    line-height: 48px;
    color: #fff;
}

.txhSmall {
    font-family: "Juana Alt";
    max-width: 80%;
    font-size: 40px;
    line-height: 36px;
    color: #fff;
    text-align: left;
    margin-left: 15px;
    margin-bottom: 0;
}

.txhSmallCard {
    font-family: "Juana Alt";
    max-width: 80%;
    font-size: 40px;
    line-height: 45px;
    color: #fff;
    text-align: left;
    margin-left: 15px;
    margin-bottom: 14px;
}

.txhSmall_best {
    font-family: "Juana Alt";
    max-width: 100%;
    font-weight: 400;
    font-size: 40px;
    line-height: 36px;
    color: #fff;
    text-align: left;
    margin-bottom: 0;
}

.txhSmall_timeline {
    font-family: "Juana Alt";
    max-width: 100%;
    font-weight: 400;
    font-size: 118;
    line-height: 20px;
    color: #fff;
    text-align: center;
    margin-left: 0;
    margin-bottom: 0;
}

.card {
    position: relative;
    overflow: hidden;
    background-size: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    margin: 12px;
}

.textBox {
    line-height: 34px;
    font-size: 19px;
    text-indent: 20px;
}

.intro {
    font-size: 22px;
}

.myCenter {
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.myRed {
    color: #f44930;
}

.myCenterb {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
}

.cut-corner {
}

.cut-corner::before {
    content: '';
    width: 40px;

    /* Adjust this value to control the size of the cut */
    height: 40px;

    /* Adjust this value to control the size of the cut */
    background-color: white;

    /* Should be the same as the background color */
    border-top-left-radius: 14px;
    transform: translate(50%, -50%) rotate(45deg);
}

.cut-corner::after {
    content: '';
    width: 40px;

    /* Adjust this value to control the size of the cut */
    height: 40px;

    /* Adjust this value to control the size of the cut */
    background-color: #4CAF50;
    border-top-left-radius: 14px;
    transform: translate(50%, -50%);
}

.two-columns {
    column-count: 2;
    column-gap: 20px;

    /* Spazio tra le colonne */
}

@media only screen and (max-width:600px) {
    #container {
    }
}

/* ===== 3. NOOVA / hover.css =============================== */
.col2:hover > .zimh,
.col2:hover > .zimh_best,
.col2:focus > .zimh,
.col2:focus > .zimh_best {
    /* opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; */
    /* filter: brightness(115%);
	-webkit-filter: brightness(115%); */
    -webkit-transform: scale(0.98);
    -moz-transform: scale(0.98);
    -o-transform: scale(0.98);
    transform: scale(0.98);

    /* -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
	transform: scale(1.1);
	
	 -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    -o-transform: rotate(4deg);
	transform: rotate(4deg); */
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.tag:hover,
.tag2:hover,
.tag3:hover,
.tag8:hover,
.tag_centre:hover {
    filter: brightness(1.1);

    /* Schiarisce il div del 20% */
    -webkit-filter: brightness(1.1);

    /* Schiarisce il div del 20% per browser Webkit */
    -moz-filter: brightness(1.1);

    /* Schiarisce il div del 20% per Firefox */
    -ms-filter: brightness(1.1);

    /* Schiarisce il div del 20% per Internet Explorer */
    -o-filter: brightness(1.1);

    /* Schiarisce il div del 20% per Opera */
}

.ohhv:hover,
.ohhv:focus {
    /* opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; */
    /* filter: brightness(115%);
	-webkit-filter: brightness(115%); */
    -webkit-transform: scale(0.98);
    -moz-transform: scale(0.98);
    -o-transform: scale(0.98);
    transform: scale(0.98);

    /* -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
	transform: scale(1.1);
	
	 -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    -o-transform: rotate(4deg);
	transform: rotate(4deg); */
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

/* #blueLight:hover > .zimh {
    background-color: color(display-p3 0.345 0.379 1 / 0.04);
}

#yellowLight:hover > .zimh {
    background-color: color(display-p3 1 0.91 0.44 / 0.06);
}

#brownLight:hover > .zimh {
    background-color: rgba(138, 122, 102, 0.08);
}

#brownDark:hover > .zimh {
    background-color: rgba(128, 102, 72, 0.079);
} */
/* .col2:hover > .txthov, .col2:hover > .btnhov, .col2:focus > .txthov, .col2:focus > .btnhov {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-delay: 0s;   
    transition-delay: 0s;
} */
/* .zimh img:hover, .zimh img:focus {
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
    transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -webkit-transition-delay: 0s;   
    transition-delay: 0s;
} */
/* ===== 4. NOOVA / menu.css ================================ */
.popular-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;

    /* Allinea verticalmente gli elementi al centro */
}

.popular-tagsproduct {
    gap: 8px;
    align-items: center;

    /* Allinea verticalmente gli elementi al centro */
}

.tag111 {
    background-color: white;
    border-radius: 18px;
    padding: 8px 16px;
    font-size: 14px;
    cursor: pointer;
    color: black;
    margin: 0;
    font-family: 'Lato',  sans-serif;
    font-weight: 400;
    word-spacing: 0;
}

.tag,
.tag2,
.tag3,
.tag8,
.tag6,
.tag_centre {
    background-color: white;
    border-radius: 18px;
    padding: 8px 16px;
    font-size: 14px;
    cursor: pointer;
    color: black;
    margin: 0;
    font-family: 'Lato',  sans-serif;
    font-weight: 400;
    line-height: 12px;
    position: relative;
    bottom: 10px;
    right: 10px;
}

.tag5 {
    background-color: white;
    border-radius: 18px;
    padding: 8px 16px;
    font-size: 14px;
    cursor: pointer;
    color: black;
    margin: 0;
    font-family: 'Lato',  sans-serif;
    font-weight: 400;
    line-height: 12px;
    position: relative;
}

.tag2 {
    margin: 15px 0 0 0;
    bottom: 0;
    left: 0;
    padding: 12px 24px 12px 24px;
}

.tag6 {
    margin: 15px 0 0 0;
    bottom: 0;
    right: 0;
    border-radius: 20px;
    padding: 12px 24px 12px 24px;
    font-size: 16px;
    line-height: 16px;
}

.tag2,
.tag6,
.bestseller_txt_inline {
    display: inline-block;

    /* Visualizza gli elementi in linea */
    vertical-align: middle;

    /* Allinea verticalmente al centro */
}

.tag8 {
    border-radius: 20px;
    padding: 12px 24px 12px 24px;
    font-size: 16px;
    margin: 0;
    font-family: 'Lato',  sans-serif;
    font-weight: 400;
    line-height: 16px;
    position: relative;
    bottom: 10px;
    right: 0;
}

.bestseller_txt_inline {
    color: #a05117;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 14px;
    margin-left: 10px;

    /* Aggiungi margine per separare gli elementi */
}

.bestseller_txt_inline span {
    font-family: 'Lato';
    font-weight: 700;
}

.tag_centre {
    margin: 0 0 0 0;
    bottom: 0;
    left: 0;
    padding: 11px 16px;
}

.tag3 {
    padding: 4px 10px;
    font-weight: 400;
    font-size: 14px;
    color: #e8bc66;
    text-transform: capitalize;
    white-space: nowrap;
    border-radius: 8px;
    line-height: 12px;
}

#pink .tag3 {
    background-color: #875147;

    /* Sostituisci con il colore desiderato */
}

#bleach .tag3 {
    background-color: #7E8375;

    /* Sostituisci con il colore desiderato */
}

#lightbrown .tag3 {
    background-color: #cacaca;

    /* Sostituisci con il colore desiderato */
}

#homepage .tag3 {
    background-color: #cfcfcf44;

    /* Sostituisci con il colore desiderato */
}

#bluett .tag3 {
    background-color: #132E61;

    /* Sostituisci con il colore desiderato */
}

#brownett .tag3 {
    background-color: #6b5141;

    /* Sostituisci con il colore desiderato */
}

#orange .tag3 {
    background-color: #c94705;

    /* Sostituisci con il colore desiderato */
}

#pinky .tag3 {
    background-color: #ab454d;

    /* Sostituisci con il colore desiderato */
}

#autumn .tag3 {
    background-color: #413734;

    /* Sostituisci con il colore desiderato */
}

#beige .tag3 {
    background-color: #d4c5b4;
    color: #121313;

    /* Sostituisci con il colore desiderato */
}

#brownie .tag3 {
    background-color: #693B20;

    /* Sostituisci con il colore desiderato */
}

#azure .tag3 {
    background-color: #121313;

    /* Sostituisci con il colore desiderato */
}

#yellow .tag3 {
    background-color: #b7af1e;

    /* Sostituisci con il colore desiderato */
}

#gray .tag3 {
    background-color: #71716a;

    /* Sostituisci con il colore desiderato */
}

.tag:hover,
.tag2:hover,
.tag3:hover {
    background-color: #e0e0e0;
}

.search-container {
    position: relative;
    width: 200px;

    /* Adjust as needed */
    bottom: 10px;
    right: 10px;
}

.search-form {
    display: flex;
    align-items: center;
}

.icon {
    /* position: relative */
    margin-left: 8px;

    /* Adjust for padding */
    color: #3e59bd;
}

.iconHistory,
.iconHistoryF {
    position: absolute;
    right: 15px;
    bottom: 15px;

    /* Adjust for padding */
    background-color: #ffffff;
    border-radius: 30px;
    width: 45px;
    padding-top: 0;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #909090;
}

.iconHistoryF {
    background-color: #e6d8c9;
}

.iconBest {
    position: relative;
    left: 0;

    /* Adjust for padding */
    display: flex;
    align-items: center;
}

.iconsearch {
    position: absolute;
    left: 8px;

    /* Adjust for padding */
    display: flex;
    align-items: center;
}

.search-input {
    background-color: white;
    border-radius: 16px;
    padding: 8px 12px 8px 36px;

    /* Adjust padding to leave space for the icon */
    font-size: 14px;
    cursor: pointer;
    color: black;
    margin: 0;
    font-family: 'Lato',  sans-serif;
    font-weight: 400;
    border: none;
    width: 100%;
    height: 26px;
}

.search-inputb {
    background-color: white;
    border-radius: 24px;
    padding: 12px 12px 12px 12px;

    /* Adjust padding to leave space for the icon */
    font-size: 14px;
    cursor: pointer;
    color: black;
    margin: 0;
    font-family: 'Lato',  sans-serif;
    font-weight: 400;
    border: none;
    width: 70%;
    height: 16px;
}

.ticker-container {
    width: 100%;

    /* Ensures the ticker-container takes up the full width of its parent */
    overflow: hidden;
    background-color: #333;
    color: #fff;
    font-size: 14px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    text-transform: uppercase;

    /* Ensure padding and border are included in the element's total width and height */
}

.style-reference {
    width: 100%;

    /* Ensures the ticker-container takes up the full width of its parent */
    overflow: hidden;
    background-color: #333;
    color: #fff;
    font-size: 14px;
    height: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    text-transform: uppercase;

    /* Ensure padding and border are included in the element's total width and height */
}

.ticker-containerB {
    width: 100%;

    /* Ensures the ticker-container takes up the full width of its parent */
    overflow: hidden;
    background-color: #333;
    color: #fff;
    font-size: 14px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    text-transform: uppercase;

    /* Ensure padding and border are included in the element's total width and height */
}

.ticker-footer {
    width: 100%;
    overflow: hidden;
    background-color: #333;
    color: #fff;
    font-size: 14px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: left;
    box-sizing: border-box;
    padding: 10px;
}

.ticker-content {
    font-family: 'Lato';
    font-weight: 400;
    position: absolute;
    white-space: nowrap;
    display: none;
}

.ticker-content-footer {
    font-family: 'Lato';
    font-weight: 400;
    position: absolute;
    white-space: nowrap;
}

.ticker-contentB {
    font-family: 'Lato';
    font-weight: 400;
    position: absolute;
}

.tagger {
    top: 44px;
    right: 20px;
}

.txhSeries {
    color: #AE7900;
    font-size: 58px;
    font-family: 'Juana Alt';
    font-weight: 900;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;

    /* Center horizontally */
    margin-top: 40px;
    letter-spacing: -1px;
}

.txhSeries span {
    display: block;
    font-family: 'Lato';
    font-weight: 300;
    width: 100%;
    font-size: 20px;
    margin-top: 0;
    line-height: 15px;
    color: white;
    letter-spacing: 8px;
    text-align: center;

    /* Ensure the text is centered within the span */
}

.extra {
    padding-top: 60px;
}

@keyframes spin {
    0% {
        transform: rotateY(0deg);
        animation-timing-function: ease-in;
    }

    25% {
        transform: rotateY(360deg);
        animation-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);

        /* Bounce effect */
    }

    50% {
        transform: rotateY(720deg);
        animation-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);

        /* Bounce effect */
    }

    100% {
        transform: rotateY(720deg);

        /* Stop at the same position */
        animation-timing-function: ease-out;
    }
}

#animated-svg {
    animation: spin 6s cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite;
    animation-delay: 5s;

    /* Add a 3 seconds delay between each loop */
}

.upscale {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform: scale(1.2);
    -o-transform: scale(1.2);
}

.footer-container {
    display: flex;
    justify-content: space-between;
    background-color: transparent;
    color: #131313;
    margin-top: 60px;
}

.filterSort-container {
    display: flex;
    justify-content: flex-start;
    background-color: transparent;
    color: #131313;
    margin: 0 25px 0 25px;
    gap: 25px;
}

.mm-about a {
}

.mm-about,
.footer-links,
.footer-about,
.footer-help,
.footer-follow,
.footer-newsletter.footer-loc,
.myFilters,
.myFilters_colors {
    display: flex;
    flex-direction: column;
}

.myFilters,
.myFilters_colors {
    width: auto;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    color: black;
}

.yuppy a {
    border: 1px solid rgb(255, 255, 255);
    text-indent: 0;
}

.ccl a {
    box-shadow: inset 0 0 0 2px rgba(255, 186, 186, 0);

    /* Simula il bordo interno */
}

.ccl a:hover {
    box-shadow: inset 0 0 0 2px rgba(255, 186, 186, 1);

    /* Simula il bordo interno */
}

.myFilters a {
    text-indent: 0;
}

.myFilters_colors a {
    color: #131313;
    text-decoration: none;
    font-family: 'Lato',  sans-serif;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 4px;
    border-radius: 20px;
    padding: 4px 8px;

    /* font-size: smaller */
}

.mm-about bbl {
    font-family: 'Lato',  sans-serif;
    font-weight: 400;
    margin-bottom: 8px;
    color: #ad7575;
    font-size: 17px;
}

.bb_col,
.mm-about a,
.footer-links a,
.footer-about a,
.footer-help a,
.footer-follow a,
.footer__bottom a,
.footer-loc a {
    color: #000000;
    text-decoration: none;
    font-family: 'Lato',  sans-serif;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 10px;
}

.cart_col {
    color: #333 !important;
}

.myFilters a {
    font-family: 'Lato',  sans-serif;
    font-weight: 400;

    /* font-size: 16px */
    padding: 16px 16px;
    border-radius: 8px;

    /* font-size: smaller */
    margin-right: 3px;
    margin-bottom: 5px;
    width: 40px;

    /* height: 22px */
    /* line-height: 12px */
    text-align: center;
    line-height: 18px;
    margin-right: 5px;
}

.extra-filter {
    color: #ffffff;
    height: 20px;
}

.myFilters a:hover {
    color: #131313;
    background-color: #e3e3e3;
}

.myFilters span,
.myFilters_colors span {
    color: #131313;
    text-decoration: none;
    font-family: 'Lato',  sans-serif;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 6px;
}

.footer-newsletter form {
    display: flex;
    flex-direction: column;
    font-family: 'Lato',  sans-serif;
    font-weight: 400;
}

.footer-newsletter input[type="email"] {
    padding: 10px;
    border: none;
    border-radius: 5px;
    font-family: 'Lato',  sans-serif;
    font-weight: 400;
    background-color: #f6f6f6;
    text-align: center;
    width: 210px;
    margin-bottom: 8px;
}

.footer-newsletter button {
    padding: 10px;
    background-color: #444;
    color: #fff;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-family: 'Lato',  sans-serif;
    font-weight: 400;
    width: 100%;
}

.footer-newsletter button:hover {
    background-color: #555;
}

.bestseller_txt,
.bestseller_txt_large {
    text-align: left;
    color: #ffffff;
    font-family: 'Lato',  sans-serif;
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 3px;
    line-height: 18px;
}

.sign_txt_large {
    text-align: left;
    color: #ffffff;
    font-family: 'Lato',  sans-serif;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 6px;
    line-height: 18px;
}

.bestseller_txt_large {
    font-size: 16px;
    margin-bottom: 6px;
}

.blurred {
    background-color: transparent;

    /* Fallback for browsers that do not support backdrop-filter */
    filter: blur(10px);

    /* Apply blur directly to the div */
    /* For browsers that support backdrop-filter */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    /* For Safari */
}

.footer__localization-form {
    margin-top: 5px;
    padding-top: 5px;
    margin-bottom: 30px;
}

.list-payment__item {
    align-items: center;
    display: flex;
}

.list-payment {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding-top: 0;
    justify-content: flex-start;
    align-items: flex-start;
}

.rainbow-background {
    background: linear-gradient(45deg, 
                #fad0c4,  /* rosa chiaro */
                #fbc2eb,  /* lilla pastello */
                #a1c4fd,  /* azzurro pastello */
                #c2e9fb,  /* blu pastello */
                #d4fc79,  /* verde pastello */
                #fddb92,  /* giallo pastello */
                #d1fdff  /* azzurro pastello chiaro */
                );
}

.italy-background {
    background: linear-gradient(to right, 
                #ff3700,  /* rosa chiaro */
                 #ffffff,  /* azzurro pastello */
                #00ac06,  /* lilla pastello */            
                );
}

.sup {
    position: relative;
    vertical-align: super;
    font-size: 0.75em;

    /* Riduce la dimensione del font */
    top: 6px;

    /* Sposta il testo verso l'alto */
}

@keyframes glitter {
    0% {
        background-position: 0% 0%;
    }

    100% {
        background-position: 100% 100%;
    }
}

.glitter-text {
    color: transparent;
    background: url(../images/glitter.jpg);
    background-size: cover;
    -webkit-background-clip: text;
    background-clip: text;
    animation: glitter 2s linear infinite;
}

/* Compatibilità con i vari browser */
.glitter-text {
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -ms-background-clip: text;
    -o-background-clip: text;
    background-clip: text;
    -webkit-animation: glitter 2s linear infinite;
    -moz-animation: glitter 2s linear infinite;
    -ms-animation: glitter 2s linear infinite;
    -o-animation: glitter 2s linear infinite;
    animation: glitter 2s linear infinite;
}

@keyframes ffade {
    0% {
        background-position: 0 0;
    }

    50% {
        background-position: 100% 100%;
    }

    100% {
        background-position: 0 0;
    }
}

.ffade {
    color: transparent;
    background: linear-gradient(45deg, #edebb8, #ff477b, #fdfabd);
    background-size: 200% 200%;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    animation: ffade 6s infinite;
}

/* Compatibilità con i vari browser */
.ffade {
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -ms-background-clip: text;
    -o-background-clip: text;
    background-clip: text;
    -webkit-animation: ffade 2s linear infinite;
    -moz-animation: ffade 2s linear infinite;
    -ms-animation: ffade 2s linear infinite;
    -o-animation: ffade 2s linear infinite;
    animation: ffade 2s linear infinite;
}

@keyframes gback {
    0% {
        background-position: 0 0;
    }

    25% {
        background-position: 100% 0;
    }

    50% {
        background-position: 100% 100%;
    }

    75% {
        background-position: 0 100%;
    }

    100% {
        background-position: 0 0;
    }
}

.gback {
    background: linear-gradient(60deg, #e03c00 0%, #fc6500 50%, #c82100 100%);
    background-size: 300% 200%;
    animation: gback 6s infinite;
    animation: gback 6s infinite ease-in-out;
    -webkit-animation: gback 6s infinite ease-in-out;
    -moz-animation: gback 6s infinite ease-in-out;
    -ms-animation: gback 6s infinite ease-in-out;
    -o-animation: gback 6s infinite ease-in-out;
}

.gbackpink {
    background: linear-gradient(60deg, #e35ee1 0%, #fc00e3 50%, #ed6aef 100%);
    background-size: 300% 200%;
    animation: gback 6s infinite;
    animation: gback 6s infinite ease-in-out;
    -webkit-animation: gback 6s infinite ease-in-out;
    -moz-animation: gback 6s infinite ease-in-out;
    -ms-animation: gback 6s infinite ease-in-out;
    -o-animation: gback 6s infinite ease-in-out;
}

.mainPay {
    font-family: 'Juana Alt';
    font-weight: 400;
    font-size: 26px;

    /* margin-bottom: 65px */
    color: white;
}

.mainDescr {
    font-family: 'Lato';
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 65px;
    color: white;
    line-height: 16;
}

.intDescr,
.intDescr span {
    font-weight: 400;
    font-family: 'Juana Alt';
    margin: 10px 0 0 0;
    line-height: 42px;
    color: #ffffff;
    margin-left: -30px;
    font-size: 36px;
}

.intDescr span {
    font-weight: 900;
    margin-left: 0;
    color: #1476d0;
}

.mainDescr span {
    font-family: 'Lato';
    font-weight: 400;
    font-size: 16px;
    font-weight: 700;
}

.active {
    background-color: #06a0a0;
    color: white;
}

.extra_section {
    background-color: rgba(0, 0, 0, 0.23);
    color: white;
}

#bb_menu,
#mm_menu,
#ff_menu {
    background-color: #fff;
    background-repeat: no-repeat;
    overflow-y: auto;
    height: calc(100vh - 110px);
    position: fixed;
    top: 20px;
    right: -800px;
    border-radius: 15px;
    box-shadow: 0 0 25px rgba(0,0,0,0.5);
    padding: 35px;
    z-index: 1000;
    color: #000000;

    /* pointer-events: none; */
}

#cc_menu {
    background-color: white;
    background-repeat: no-repeat;
    overflow-y: auto;
    border-radius: 15px;
    padding: 35px;
    z-index: 1000;
    color: #ffffff;

    /* pointer-events: none;  box-shadow: 0 0 25px rgba(0,0,0,0.5); */
}

/* menu */
#mm_menu,
#ff_menu {
    width: 400px;
}

.mm_menu-header {
    text-align: left;
    margin-bottom: 35px;
}

#mm_menu ul,
#ff_menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#mm_menu li,
#ff_menu li {
    padding: 5px 20px;
    border-bottom: 1px solid #eee;
    cursor: pointer;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    color: #333;
}

.mm_section {
    background-color: #f5f5f5;
    cursor: default;
    font-weight: 700;
    color: #000;
    text-indent: 0;
}

.mm_icon {
    margin-right: 10px;
}

.mm_space {
    height: 30px;
    background-color: transparent;
}

.mm_space_10 {
    height: 20px;
    background-color: transparent;
}

.mm_space_5 {
    height: 10px;
    background-color: transparent;
}

#mm_content {
    padding: 20px;
}

.mm_overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
}

.mm_close,
.ff_close {
    position: absolute;
    right: 20px;
    top: 20px;
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #ffffff;
}

/* bag */
#bb_menu {
    width: 600px;
}

.bb_menu-header {
    text-align: left;
    margin-bottom: 25px;
}

#bb_menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.bb_section {
    padding: 0;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
}

.bb_section span {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
}

.bb_row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.bb_row.four-columns .bb_col {
    box-sizing: border-box;
    color: #333 !important;
}

.bb_row.four-columns .bb_col:first-child {
    flex: 1 1 0.1%;

    /* La prima colonna occupa il 20% di spazio */
}

.bb_row.four-columns .bb_col:nth-child(2) {
    flex: 4 1 40%;

    /* La seconda colonna occupa il 50% di spazio */
}

.bb_row.four-columns .bb_col:nth-child(3) {
    flex: 0.5 1 10%;

    /* La terza colonna occupa il 10% di spazio */
}

.bb_row.four-columns .bb_col:last-child {
    flex: 1.5 1 25%;
    padding-right: 10px;

    /* La quarta colonna occupa il 20% di spazio */
}

.bb_col {
    flex: 1;
    margin-bottom: 10px;
    margin-right: 10px;
}

.bb_checkout {
    background-color: #ffc9c9;
    color: #000000;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    cursor: pointer;
    text-align: right;
}

.favl {
    position: absolute;
    top: 30px;
    right: 30px;
}

.fav {
    position: absolute;
    top: 30px;
    left: 30px;
}

.favb {
    position: absolute;
    bottom: 30px;
    left: 30px;
}

.footer-links a {
    color: #000;
}

.blackit {
    color: #000 !important;
}

.product_sheet {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.p_grow {
    flex-grow: 1;
}

.p_details {
    width: 460px;
    margin-right: 20px;
}

.ccik bbl,
.ccik,
.ccik a {
    color: #140202;
}

.sticky {
    position: -webkit-sticky;

    /* For Safari */
    position: sticky;
    top: 0;
    box-sizing: border-box;
}

.fixed {
    position: fixed;
    top: 0;
    padding-top: 20px;
}

.linedb,
.lined a {
    border: 0.5px solid #d4d4d4;
}

.ccl a {
    border: 0.5px solid #d4d4d4;
}

.gradient-text {
    background: linear-gradient(45deg, #39c0ff, #535f8f);
    background-size: 200% 200%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    animation: gradientAnimation 3s ease infinite;
}

.gradient-back {
    background: linear-gradient(45deg, #4461d1, #273362);
    background-size: 200% 200%;
    animation: gradientAnimation 3s ease infinite;
}

@keyframes gradientAnimation {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.seriesTag {
    display: inline-block;
    padding: 2px 8px;
    border: 0.5px solid #646055;
    border-radius: 5px;
    text-align: center;
    line-height: 12px;
}

.text_cards,
.text_cardsb {
    background-color: white;
    color: #232323;
    padding: 30px;
    border-radius: 30px;
}

.text_cardsb {
    transform: rotate(-2deg) translate(-35px);
    background-color: rgb(200, 18, 18);
}

/* ===== 5. PLYR base (Ba Ta Clan) ========================== */
.plyr input[type=range]:focus,
.plyr:focus {
    outline: 0;
}

.plyr .plyr__video-embed iframe,
.plyr__tooltip {
    pointer-events: none;
}

@keyframes plyr-progress {
    to {
        background-position: 25px 0;
    }
}

.plyr {
    position: relative;
    max-width: 100%;
    min-width: 200px;
    font-family: 'Noto Sans', Helvetica, Arial, 'Helvetica', sans-serif;
    direction: ltr;
}

.plyr,
.plyr *,
.plyr ::after,
.plyr ::before {
    box-sizing: border-box;
}

.plyr a,
.plyr button,
.plyr input,
.plyr label {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

.plyr audio,
.plyr video {
    width: 100%;
    height: auto;
    vertical-align: middle;
    border-radius: inherit;
}

.plyr input[type=range] {
    display: block;
    height: 10px;
    width: 100%;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    border: none;
    background: 0 0;
}

.plyr input[type=range]::-webkit-slider-runnable-track {
    height: 8px;
    background: 0 0;
    border: 0;
    border-radius: 4px;
    -webkit-user-select: none;
    user-select: none;
}

.plyr input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    margin-top: -4px;
    position: relative;
    height: 16px;
    width: 16px;
    background: #fff;
    border: 2px solid transparent;
    border-radius: 100%;
    transition: background .2s ease, border .2s ease, transform .2s ease;
    box-shadow: 0 1px 1px rgba(0,0,0,.15), 0 0 0 1px rgba(0,0,0,.15);
    box-sizing: border-box;
}

.plyr input[type=range]::-moz-range-track {
    height: 8px;
    background: 0 0;
    border: 0;
    border-radius: 4px;
    -moz-user-select: none;
    user-select: none;
}

.plyr input[type=range]::-moz-range-thumb {
    position: relative;
    height: 16px;
    width: 16px;
    background: #fff;
    border: 2px solid transparent;
    border-radius: 100%;
    transition: background .2s ease, border .2s ease, transform .2s ease;
    box-shadow: 0 1px 1px rgba(0,0,0,.15), 0 0 0 1px rgba(0,0,0,.15);
    box-sizing: border-box;
}

.plyr input[type=range]::-ms-track {
    height: 8px;
    background: 0 0;
    border: 0;
    color: transparent;
}

.plyr input[type=range]::-ms-fill-upper {
    height: 8px;
    background: 0 0;
    border: 0;
    border-radius: 4px;
    -ms-user-select: none;
    user-select: none;
}

.plyr input[type=range]::-ms-fill-lower {
    height: 8px;
    border: 0;
    border-radius: 4px;
    -ms-user-select: none;
    user-select: none;
    background: #3498db;
}

.plyr input[type=range]::-ms-thumb {
    position: relative;
    height: 16px;
    width: 16px;
    background: #fff;
    border: 2px solid transparent;
    border-radius: 100%;
    transition: background .2s ease, border .2s ease, transform .2s ease;
    box-shadow: 0 1px 1px rgba(0,0,0,.15), 0 0 0 1px rgba(0,0,0,.15);
    box-sizing: border-box;
    margin-top: 0;
}

.plyr input[type=range]::-ms-tooltip {
    display: none;
}

.plyr input[type=range]::-moz-focus-outer {
    border: 0;
}

.plyr input[type=range].tab-focus:focus {
    outline-offset: 3px;
}

.plyr input[type=range]:active::-webkit-slider-thumb {
    background: #3498db;
    border-color: #fff;
    transform: scale(1.25);
}

.plyr input[type=range]:active::-moz-range-thumb {
    background: #3498db;
    border-color: #fff;
    transform: scale(1.25);
}

.plyr input[type=range]:active::-ms-thumb {
    background: #3498db;
    border-color: #fff;
    transform: scale(1.25);
}

.plyr--video input[type=range].tab-focus:focus {
    outline: rgba(255,255,255,.5) dotted 1px;
}

.plyr--audio input[type=range].tab-focus:focus {
    outline: rgba(86,93,100,.5) dotted 1px;
}

.plyr__sr-only {
    clip: rect(1px,1px,1px,1px);
    overflow: hidden;
    position: absolute!important;
    padding: 0!important;
    border: 0!important;
    height: 1px!important;
    width: 1px!important;
}

.plyr__video-wrapper {
    position: relative;
    background: #000;
    border-radius: inherit;
}

.plyr__video-embed {
    padding-bottom: 56.25%;
    height: 0;
    border-radius: inherit;
    overflow: hidden;
    z-index: 0;
}

.plyr__video-embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.plyr__video-embed>div {
    position: relative;
    padding-bottom: 200%;
    transform: translateY(-35.95%);
}

.plyr video::-webkit-media-text-track-container {
    display: none;
}

.plyr__captions {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    transform: translateY(-40px);
    transition: transform .3s ease;
    color: #fff;
    font-size: 16px;
    text-align: center;
    font-weight: 400;
}

.plyr__captions span {
    border-radius: 2px;
    padding: 3px 10px;
    background: rgba(0,0,0,.7);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    line-height: 150%;
}

.plyr__captions span:empty {
    display: none;
}

@media (min-width:768px) {
    .plyr__captions {
        font-size: 24px;
    }
}

.plyr--captions-active .plyr__captions {
    display: block;
}

.plyr--hide-controls .plyr__captions {
    transform: translateY(-15px);
}

@media (min-width:1024px) {
    .plyr--fullscreen-active .plyr__captions {
        font-size: 32px;
    }
}

.plyr ::-webkit-media-controls {
    display: none;
}

.plyr__controls {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    text-align: center;
}

.plyr__controls .plyr__progress,
.plyr__controls .plyr__time,
.plyr__controls>button {
    margin-left: 5px;
}

.plyr__controls .plyr__progress:first-child,
.plyr__controls .plyr__time:first-child,
.plyr__controls>button:first-child {
    margin-left: 0;
}

.plyr__controls .plyr__volume {
    margin-left: 5px;
}

.plyr__controls [data-plyr=pause] {
    margin-left: 0;
}

.plyr__controls button {
    position: relative;
    display: inline-block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: visible;
    vertical-align: middle;
    padding: 7px;
    border: 0;
    background: 0 0;
    border-radius: 3px;
    cursor: pointer;
    transition: background .3s ease, color .3s ease, opacity .3s ease;
    color: inherit;
}

.plyr__controls button svg {
    width: 18px;
    height: 18px;
    display: block;
    fill: currentColor;
}

.plyr__controls button:focus {
    outline: 0;
}

.plyr__controls .icon--captions-on,
.plyr__controls .icon--exit-fullscreen,
.plyr__controls .icon--muted {
    display: none;
}

@media (min-width:480px) {
    .plyr__controls .plyr__progress,
    .plyr__controls .plyr__time,
    .plyr__controls>button {
        margin-left: 10px;
    }
}

.plyr--hide-controls .plyr__controls {
    opacity: 0;
    pointer-events: none;
}

.plyr--video .plyr__controls {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    padding: 50px 10px 10px;
    background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.5));
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    color: #fff;
    transition: opacity .3s ease;
}

.plyr--video .plyr__controls button.tab-focus:focus,
.plyr--video .plyr__controls button:hover {
    background: #3498db;
    color: #fff;
}

.plyr--audio .plyr__controls {
    padding: 10px;
    border-radius: inherit;
    background: #fff;
    border: 1px solid #dbe3e8;
    color: #565D64;
}

.plyr--audio .plyr__controls button.tab-focus:focus,
.plyr--audio .plyr__controls button:hover,
.plyr__play-large {
    background: #3498db;
    color: #fff;
}

.plyr__play-large {
    display: none;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 10px;
    border: 4px solid currentColor;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(0,0,0,.15);
    transition: all .3s ease;
}

.plyr__play-large svg {
    position: relative;
    left: 2px;
    width: 20px;
    height: 20px;
    display: block;
    fill: currentColor;
}

.plyr__play-large:focus {
    outline: rgba(255,255,255,.5) dotted 1px;
}

.plyr .plyr__play-large {
    display: inline-block;
}

.plyr--audio .plyr__play-large,
.plyr--playing .plyr__controls [data-plyr=play],
.plyr__controls [data-plyr=pause] {
    display: none;
}

.plyr--playing .plyr__play-large {
    opacity: 0;
    visibility: hidden;
}

.plyr--playing .plyr__controls [data-plyr=pause] {
    display: inline-block;
}

.plyr--captions-active .plyr__controls .icon--captions-on,
.plyr--fullscreen-active .icon--exit-fullscreen,
.plyr--muted .plyr__controls .icon--muted {
    display: block;
}

.plyr [data-plyr=captions],
.plyr [data-plyr=fullscreen],
.plyr--captions-active .plyr__controls .icon--captions-on+svg,
.plyr--fullscreen-active .icon--exit-fullscreen+svg,
.plyr--muted .plyr__controls .icon--muted+svg {
    display: none;
}

.plyr--captions-enabled [data-plyr=captions],
.plyr--fullscreen-enabled [data-plyr=fullscreen] {
    display: inline-block;
}

.plyr__tooltip {
    position: absolute;
    z-index: 2;
    bottom: 100%;
    margin-bottom: 10px;
    padding: 5px 7.5px;
    opacity: 0;
    background: rgba(0,0,0,.7);
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    line-height: 1.3;
    transform: translate(-50%, 10px) scale(.8);
    transform-origin: 50% 100%;
    transition: transform .2s .1s ease, opacity .2s .1s ease;
}

.plyr__tooltip::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    transform: translateX(-50%);
    bottom: -4px;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(0,0,0,.7);
    border-left: 4px solid transparent;
    z-index: 2;
}

.plyr button.tab-focus:focus .plyr__tooltip,
.plyr button:hover .plyr__tooltip,
.plyr__tooltip--visible {
    opacity: 1;
    transform: translate(-50%, 0) scale(1);
}

.plyr button:hover .plyr__tooltip {
    z-index: 3;
}

.plyr__controls button:first-child .plyr__tooltip {
    left: 0;
    transform: translate(0, 10px) scale(.8);
    transform-origin: 0 100%;
}

.plyr__controls button:first-child .plyr__tooltip::before {
    left: 16px;
}

.plyr__controls button:last-child .plyr__tooltip {
    right: 0;
    transform: translate(0, 10px) scale(.8);
    transform-origin: 100% 100%;
}

.plyr__controls button:last-child .plyr__tooltip::before {
    left: auto;
    right: 16px;
    transform: translateX(50%);
}

.plyr__controls button:first-child .plyr__tooltip--visible,
.plyr__controls button:first-child.tab-focus:focus .plyr__tooltip,
.plyr__controls button:first-child:hover .plyr__tooltip,
.plyr__controls button:last-child .plyr__tooltip--visible,
.plyr__controls button:last-child.tab-focus:focus .plyr__tooltip,
.plyr__controls button:last-child:hover .plyr__tooltip {
    transform: translate(0, 0) scale(1);
}

.plyr__progress {
    position: relative;
    display: none;
    -ms-flex: 1;
    flex: 1;
}

.plyr__progress input[type=range] {
    position: relative;
    z-index: 2;
}

.plyr__progress input[type=range]::-webkit-slider-runnable-track {
    background: 0 0;
}

.plyr__progress input[type=range]::-moz-range-track {
    background: 0 0;
}

.plyr__progress input[type=range]::-ms-fill-upper {
    background: 0 0;
}

.plyr__progress .plyr__tooltip {
    left: 0;
}

.plyr .plyr__progress {
    display: inline-block;
}

.plyr__progress--buffer,
.plyr__progress--played,
.plyr__volume--display {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 8px;
    margin: -4px 0 0;
    padding: 0;
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: 100px;
}

.plyr__progress--buffer::-webkit-progress-bar,
.plyr__progress--played::-webkit-progress-bar,
.plyr__volume--display::-webkit-progress-bar {
    background: 0 0;
}

.plyr__progress--buffer::-webkit-progress-value,
.plyr__progress--played::-webkit-progress-value,
.plyr__volume--display::-webkit-progress-value {
    background: currentColor;
    border-radius: 100px;
    min-width: 8px;
}

.plyr__progress--buffer::-moz-progress-bar,
.plyr__progress--played::-moz-progress-bar,
.plyr__volume--display::-moz-progress-bar {
    background: currentColor;
    border-radius: 100px;
    min-width: 8px;
}

.plyr__progress--buffer::-ms-fill,
.plyr__progress--played::-ms-fill,
.plyr__volume--display::-ms-fill {
    border-radius: 100px;
}

.plyr__progress--played,
.plyr__volume--display {
    z-index: 1;
    color: #3498db;
    background: 0 0;
    transition: none;
}

.plyr__progress--played::-webkit-progress-value,
.plyr__volume--display::-webkit-progress-value {
    min-width: 8px;
    max-width: 99%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    transition: none;
}

.plyr__progress--played::-moz-progress-bar,
.plyr__volume--display::-moz-progress-bar {
    min-width: 8px;
    max-width: 99%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    transition: none;
}

.plyr__progress--played::-ms-fill,
.plyr__volume--display::-ms-fill {
    display: none;
}

.plyr__progress--buffer::-webkit-progress-value {
    transition: width .2s ease;
}

.plyr__progress--buffer::-moz-progress-bar {
    transition: width .2s ease;
}

.plyr__progress--buffer::-ms-fill {
    transition: width .2s ease;
}

.plyr--video .plyr__progress--buffer,
.plyr--video .plyr__volume--display {
    background: rgba(255,255,255,.25);
}

.plyr--video .plyr__progress--buffer {
    color: rgba(255,255,255,.25);
}

.plyr--audio .plyr__progress--buffer,
.plyr--audio .plyr__volume--display {
    background: rgba(198,214,219,.66);
}

.plyr--audio .plyr__progress--buffer {
    color: rgba(198,214,219,.66);
}

.plyr--loading .plyr__progress--buffer {
    animation: plyr-progress 1s linear infinite;
    background-size: 25px 25px;
    background-repeat: repeat-x;
    background-image: linear-gradient(-45deg, rgba(0,0,0,.15) 25%, transparent 25%, transparent 50%, rgba(0,0,0,.15) 50%, rgba(0,0,0,.15) 75%, transparent 75%, transparent);
    color: transparent;
}

.plyr--video.plyr--loading .plyr__progress--buffer {
    background-color: rgba(255,255,255,.25);
}

.plyr--audio.plyr--loading .plyr__progress--buffer {
    background-color: rgba(198,214,219,.66);
}

.plyr__time {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
}

.plyr__time+.plyr__time {
    display: none;
}

@media (min-width:768px) {
    .plyr__time+.plyr__time {
        display: inline-block;
    }
}

.plyr__time+.plyr__time::before {
    content: '\2044';
    margin-right: 10px;
}

.plyr__volume {
    display: none;
}

.plyr .plyr__volume {
    -ms-flex: 1;
    flex: 1;
    position: relative;
}

.plyr .plyr__volume input[type=range] {
    position: relative;
    z-index: 2;
}

@media (min-width:480px) {
    .plyr .plyr__volume {
        display: block;
        max-width: 60px;
    }
}

@media (min-width:768px) {
    .plyr .plyr__volume {
        max-width: 100px;
    }
}

.plyr--is-ios .plyr__volume,
.plyr--is-ios [data-plyr=mute] {
    display: none!important;
}

.plyr--fullscreen-active {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 10000000;
    background: #000;
    border-radius: 0!important;
}

.plyr--fullscreen-active video {
    height: 100%;
}

.plyr--fullscreen-active .plyr__video-wrapper {
    height: 100%;
    width: 100%;
}

.plyr--fullscreen-active .plyr__video-embed {
    overflow: visible;
}

.plyr--fullscreen-active .plyr__controls {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.plyr--fullscreen-active.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    top: 50%;
    transform: translateY(-50%);
}

/* ===== 6. PLYR overrides (Ba Ta Clan inline) ============== */
/* Plyr Overrides
================================================== */
.plyr--audio .plyr__controls {
    background-color: transparent;
    border: none;
    color: #666;
    padding: 0 20px 20px 21px;
    width: 100%;
}

.plyr--audio .plyr__controls button.tab-focus:focus,
.plyr--audio .plyr__controls button:hover,
.plyr__play-large {
    background: rgba(0, 0, 0, .1);
}

.plyr__progress--played,
.plyr__volume--display {
    color: rgba(0, 0, 0, .1);
}

.plyr--audio .plyr__progress--buffer,
.plyr--audio .plyr__volume--display {
    background: rgba(0, 0, 0, .1);
}

.plyr--audio .plyr__progress--buffer {
    color: rgba(0, 0, 0, .1);
}

.firstletter {
    float: left;
    font-size: 78px;
    line-height: 36px;
    margin-right: 0.2em;
    color: #2C2C2C;
}

.firstletterb {
    float: left;
    font-size: 78px;
    line-height: 196px;
    margin-right: 2.4em;
    color: #F4F4F4;
}

.newspapert {
    color: #1a1a1a;
    padding: 0 40px 0 40px;
    margin: 0;
}

.newspapert p {
    color: #333;
    font-size: 18px;
    padding-left: 50px;
}

.spacer20 {
    height: 20px;
}

.spacer15 {
    height: 20px;
}

.spacer30 {
    height: 30px;
}

.spacer25 {
    height: 25px;
}

.spacer40 {
    height: 40px;
}

.spacer60 {
    height: 60px;
}

.spacer80 {
    height: 80px;
}

.wht {
    background-color: #F4F4F4;
    color: #666666;
    padding-top: 90px;
    padding-right: 0;
    padding-left: 0;
    letter-spacing: normal;
    background-image: url(img/bkg.jpg);
    background-position-y: top;
    background-position-x: 50%;
    background-repeat: no-repeat;
}

.blk {
    background-color: #212121;
    width: 100%;
}

.cdCover {
    width: 220px;
    height: 220px;
    position: absolute;
    top: -70px;
    left: -128px;
    -ms-transform: rotate(-7deg);

    /* IE 9 */
    -webkit-transform: rotate(-7deg);

    /* Chrome, Safari, Opera */
    transform: rotate(-7deg);
    -moz-box-shadow: 3px 3px 34px #373737;
    -webkit-box-shadow: 3px 3px 34px #373737;
    box-shadow: 3px 3px 34px #373737;
}

.boxed {
    /* background-image: url(img/backbtcb.jpg) */
    background-size: 1100px auto;
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-bottom: 210px;
}

.ftr p {
    font-family: 'Lato', Helvetica, 'Helvetica', sans-serif;
    font-size: 70%;
    color: #737273;
    padding: 20px;
    margin-bottom: 30px;
}

.subt p {
    color: #FFF;
    letter-spacing: normal;
    border-top: 1px solid #e2e2e2;
    padding-top: 14px;
    padding-bottom: 16px;
    font-size: 14px;
    text-align: left;
    line-height: 26px;
}

ul#plList {
    font-family: 'Lato', Helvetica, 'Helvetica', sans-serif;
    font-size: 14px;
}

/* Bouncing arrow
================================================== */
@-moz-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -moz-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -moz-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@-webkit-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

.arrow {
    opacity: 0;
    position: fixed;
    bottom: 11px;
    left: 50%;
    margin-left: -14px;
    width: 28px;
    height: 28px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOTMuNzUxLDQ1NS44NjhjLTIwLjE4MSwyMC4xNzktNTMuMTY1LDE5LjkxMy03My42NzMtMC41OTVsMCwwYy0yMC41MDgtMjAuNTA4LTIwLjc3My01My40OTMtMC41OTQtNzMuNjcyICBsMTg5Ljk5OS0xOTBjMjAuMTc4LTIwLjE3OCw1My4xNjQtMTkuOTEzLDczLjY3MiwwLjU5NWwwLDBjMjAuNTA4LDIwLjUwOSwyMC43NzIsNTMuNDkyLDAuNTk1LDczLjY3MUwyOTMuNzUxLDQ1NS44Njh6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjIwLjI0OSw0NTUuODY4YzIwLjE4LDIwLjE3OSw1My4xNjQsMTkuOTEzLDczLjY3Mi0wLjU5NWwwLDBjMjAuNTA5LTIwLjUwOCwyMC43NzQtNTMuNDkzLDAuNTk2LTczLjY3MiAgbC0xOTAtMTkwYy0yMC4xNzgtMjAuMTc4LTUzLjE2NC0xOS45MTMtNzMuNjcxLDAuNTk1bDAsMGMtMjAuNTA4LDIwLjUwOS0yMC43NzIsNTMuNDkyLTAuNTk1LDczLjY3MUwyMjAuMjQ5LDQ1NS44Njh6Ii8+DQo8L3N2Zz4=);
    background-size: contain;
}

.bounce {
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}

.awaC,
.awaC a {
    position: absolute;
    top: 10px;
    left: 0;
    padding: 0 30px 0 30px;
    width: 100%;
    box-sizing: border-box;
    font-family: "BaTaClan_f", sans-serif;
    text-align: center;
    font-size: 150px;
    line-height: 140px;
}

.awaB,
.awaB a {
    width: 100%;
    box-sizing: border-box;
    font-family: "BaTaClan_f", sans-serif;
    text-align: center;
    font-size: 131px;
}

.awac {
    width: 100%;
    box-sizing: border-box;
    font-family: "BaTaClan_f", sans-serif;
    font-size: 121px;
}

.awa {
    max-width: 600px;
    margin: 0 20px 0 20px;
}

.awb {
    max-width: 150px;
    margin: 0 20px 0 20px;
}

.ctn {
}

.ath p {
    color: #777;
    padding: 0 40px 0 40px;
    letter-spacing: normal;
    border-bottom: 1px solid #e2e2e2;
    padding-top: 10px;
    padding-bottom: 20px;
    margin-bottom: 10px;
    font-size: 13px;
    font-family: 'Lato', Helvetica, 'Helvetica', sans-serif;
    font-weight: 400;
}

.ctn:hover {
    opacity: .6;
    cursor: pointer !important;
    transition-duration: .6s;
    -webkit-transition-duration: .6s;
    -moz-transition-duration: .6s;
    -o-transition-duration: .6s;
}

.title {
    opacity: 0;
    position: absolute;
    top: 18%;
    color: #FFFFFF;
    width: 100%;
    text-align: center;
    font-size: 550%;
    font-family: "Spectral SC", Georgia, "Georgia", serif;
}

.titleb {
    opacity: 0;
    position: absolute;
    top: 18%;
    color: #FFFFFF;
    width: 100%;
    text-align: center;
    font-size: 550%;
    font-family: "Spectral SC", Georgia, "Georgia", serif;
}

.mtitle {
    font-size: 65px;
    line-height: 62px;
    padding: 0 40px 0 40px;
    letter-spacing: normal;
    color: #2C2C2C;
    font-family: 'Martel', Georgia, 'georgia', serif;
    font-weight: 700;
}

.mstitle {
    font-size: 38px;
    line-height: 43px;
    margin-top: 20px;
    padding: 0 40px 0 40px;
    letter-spacing: normal;
    color: #2C2C2C;
    font-family: 'Lato', Helvetica, 'Helvetica', sans-serif;
    font-weight: 300;
}

/* Slider
================================================== */
.sliderCnt {
    max-width: 100%;
    height: 600px;
    background-image: url(img/backbtc.jpg);
    background-size: 1100px auto;
    background-repeat: no-repeat;
    background-position: center bottom;
    margin-top: -200px;
}

#slider {
    height: 300px;
    position: relative;
    float: left;
}

.capt {
    font-family: 'Lato', Helvetica, 'Helvetica', sans-serif;
    font-size: 80%;
    color: #666 !important;
    position: absolute;
    width: 100%;
    bottom: -30px;
    text-align: left;
    background-color: #F4F4F4;
    font-weight: 400;
    text-align: left;
}

.slide1,
.slide2,
.slide3,
.slide4,
.slide5,
.slide6,
.slide7,
.slide8,
.slide9,
.slide10,
.slide11,
.slide12,
.slide13,
.slide14,
.slide15,
.slide16,
.slide17,
.slide18,
.slide19,
.slide20,
.slide21,
.slide22,
.slide23 {
    background-repeat: no-repeat;
    position: absolute;
    margin-left: -125px;
    top: 9px;
    left: 125px;
    width: 250px;
    height: 150px;
}

.slide1 {
    background: url(img/voices/robertomalini.jpg)no-repeat center;
    background-size: 250px auto;
}

.slide2 {
    background: url(img/voices/brunnoalessandro.jpg)no-repeat center;
    background-size: 250px auto;
}

.slide3 {
    background: url(img/voices/albertoangrisano.jpg)no-repeat center;
    background-size: 250px auto;
}

.slide4 {
    background: url(img/voices/pasqualeanselmo.jpg)no-repeat center;
    background-size: 250px auto;
}

.slide5 {
    background: url(img/voices/pietrobiondi.jpg)no-repeat center;
    background-size: 250px auto;
}

.slide6 {
    background: url(img/voices/giovannibersanetti.jpg)no-repeat center;
    background-size: 250px auto;
}

.slide7 {
    background: url(img/voices/auroracancian.jpg)no-repeat center;
    background-size: 250px auto;
}

.slide8 {
    background: url(img/voices/claudiacatani.jpg)no-repeat center;
    background-size: 250px auto;
}

.slide9 {
    background: url(img/voices/emilianocoltorti.jpg)no-repeat center;
    background-size: 250px auto;
}

.slide10 {
    background: url(img/voices/mariocordova.jpg)no-repeat center;
    background-size: 250px auto;
}

.slide11 {
    background: url(img/voices/domitilladamico.jpg)no-repeat center;
    background-size: 250px auto;
}

.slide12 {
    background: url(img/voices/robertodraghetti.jpg)no-repeat center;
    background-size: 250px auto;
}

.slide13 {
    background: url(img/voices/robertagreganti.jpg)no-repeat center;
    background-size: 250px auto;
}

.slide15 {
    background: url(img/voices/ginolamonica.jpg)no-repeat center;
    background-size: 250px auto;
}

.slide16 {
    background: url(img/voices/perlaliberatori.jpg)no-repeat center;
    background-size: 250px auto;
}

.slide17 {
    background: url(img/voices/valentinamari.jpg)no-repeat center;
    background-size: 250px auto;
}

.slide18 {
    background: url(img/voices/melinamartello.jpg)no-repeat center;
    background-size: 250px auto;
}

.slide19 {
    background: url(img/voices/marcomete.jpg)no-repeat center;
    background-size: 250px auto;
}

.slide20 {
    background: url(img/voices/robertopedicini.jpg)no-repeat center;
    background-size: 250px auto;
}

.slide21 {
    background: url(img/voices/dariopenne.jpg)no-repeat center;
    background-size: 250px auto;
}

.slide22 {
    background: url(img/voices/adamariaserrazanetti.jpg)no-repeat center;
    background-size: 250px auto;
}

/* Media Queries
================================================== */
@media screen and (max-width: 1280px) {
    .title {
        font-size: 490%;
        line-height: 114px;
        top: 190px;
    }

    .titleb {
        top: 172px;
        font-size: 90% !important;
    }

    .mtitle {
        font-size: 44px;
        line-height: 46px;
    }

    .awaB,
    .awaB a {
        font-size: 130px;
        padding: 0 0px 90px;
        line-height: 20px;
    }

    .canvasm {
        background-position: 50% 40%;
        background-size: 1500px auto;
    }

    .awaC {
        font-size: 140px;
        line-height: 120px;
    }

    .arrow {
        width: 28px;
        height: 28px;
        margin-left: -14px;
    }

    .ftr p {
        padding: 0 50px 0 50px;
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 1024px) {
    .title {
        top: 220px;
    }

    .titleb {
        top: 180px;
    }

    .canvasm {
        background-position: 50% 50%;
        background-size: 1600px auto;
    }

    .awaB,
    .awaB a {
        font-size: 130px;
        padding: 0 0px 90px;
        line-height: 20px;
    }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) {
    .canvasm {
        background-position: 50% 0;
        background-size: 1600px auto;
    }
}

@media screen and (max-width: 834px) {
    .title {
        top: 180px;
    }

    .titleb {
        top: 170px;
    }

    .canvasm {
        background-position: 50% 20%;
        background-size: 1400px auto;
    }

    .awaB,
    .awaB a {
        font-size: 120px;
        padding: 0 0px 90px;
        line-height: 20px;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1023px) {
    .canvasm {
        background-position: 50% 0;
        background-size: 800px auto;
    }
}

@media screen and (max-width: 768px) {
    .title {
        top: 180px;
    }

    .titleb {
        top: 170px;
    }

    .canvasm {
        background-position: 50% 20%;
        background-size: 1200px auto;
    }

    .awaB,
    .awaB a {
        font-size: 120px;
        padding: 0 0px 90px;
        line-height: 20px;
    }
}

@media screen and (max-width: 507px) {
    .title {
        top: 180px;
    }

    .titleb {
        top: 170px;
    }

    .canvasm {
        background-position: 50% 20%;
        background-size: 1200px auto;
    }

    .awaB,
    .awaB a {
        font-size: 110px;
        padding: 0 0px 90px;
        line-height: 20px;
    }

    .awaC {
        font-size: 80px !important;
        line-height: 120px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .title {
        top: 180px;
        font-size: 440%;
    }

    .titleb {
        top: 170px;
    }

    .canvasm {
        background-position: 50% 0;
        background-size: 1300px auto;
    }

    .awaC {
        font-size: 120px;
        line-height: 120px;
    }

    .awaB,
    .awaB a {
        font-size: 120px;
    }

    .arrow {
        width: 28px;
        height: 28px;
        margin-left: -14px;
    }

    .ftr p {
        padding: 0 50px 0 50px;
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 600px) {
    .canvasm {
        background-image: url(img/bkgTopSmall.jpg);
        background-position: 50% 30%;
        background-size: 620px auto;
    }
}

@media screen and (max-width: 599px) {
    .title {
        font-size: 390%;
        line-height: 114px;
        top: 180px;
    }

    .awaB,
    .awaB a {
        font-size: 120px;
        padding: 0 0px 60px;
        line-height: 20px;
    }

    .mtitle {
        font-size: 44px;
        line-height: 46px;
    }

    .awaC {
        font-size: 110px;
        line-height: 120px;
    }

    .canvasm {
        background-image: url(img/bkgTopSmall.jpg);
        background-position: 50% 30%;
        background-size: 620px auto;
    }

    #plwrap {
        padding: 0 20px 0 20px;
    }
}

@media screen and (max-width: 479px) {
    .title {
        font-size: 340%;
        line-height: 74px;
        top: 150px;
        padding: 0 0px 0 0px;
    }

    .titleb {
        top: 132px;
        font-size: 90% !important;
    }

    .arrow {
        width: 28px;
        height: 28px;
        margin-left: -14px;
    }

    .mtitle {
        font-size: 42px;
        line-height: 44px;
    }

    .awaC {
        font-size: 90px;
        line-height: 100px;
    }

    .awaB,
    .awaB a {
        font-size: 110px;
    }

    .canvasm {
        background-image: url(img/bkgTopSmall.jpg);
        background-position: 50% 20%;
        background-size: 455px auto;
    }

    .ftr p {
        line-height: 26px;
        padding: 0 50px 0 50px;
        margin-bottom: 30px;
    }

    #plwrap {
        padding: 0 20px 0 20px;
    }

    .newspapert p {
        color: #333;
        font-size: 16px;
        padding-left: 15px;
        line-height: 30px;
    }

    cite {
        line-height: 22px;
        padding-top: 10px;
    }

    .firstletterb {
        float: left;
        font-size: 78px;
        line-height: 216px;
        margin-right: 4.8em !important;
        color: #F4F4F4;
    }
}

@media screen and (max-width: 414px) {
    braker {
        display: inline;
    }

    spacerr {
        display: none;
    }

    .title {
        font-size: 400%;
        line-height: 60px;
        top: 150px;
    }

    .titleb {
        top: 120px;
        font-size: 80% !important;
    }

    .arrow {
        width: 20px;
        height: 20px;
        margin-left: -10px;
    }

    .mtitle {
        font-size: 38px;
        line-height: 40px;
    }

    .mstitle {
        font-size: 22px;
        line-height: 28px;
    }

    .awaC {
        font-size: 70px !important;
        line-height: 100px;
    }

    .awaB,
    .awaB a {
        font-size: 110px;
        padding: 0 0px 60px;
        line-height: 20px;
    }

    .newspapert p {
        color: #333;
        font-size: 15px;
        padding-left: 2px;
        line-height: 26px;
    }

    .slide1,
    .slide2,
    .slide3,
    .slide4,
    .slide5,
    .slide6,
    .slide7,
    .slide8,
    .slide9,
    .slide10,
    .slide11,
    .slide12,
    .slide13,
    .slide14,
    .slide15,
    .slide16,
    .slide17,
    .slide18,
    .slide19,
    .slide20,
    .slide21,
    .slide22,
    .slide23 {
        width: 283px !important;
        left: 112px;
    }

    .ath p {
        font-size: 12px;
    }

    .sliderCnt {
        max-width: 100%;
        height: 600px;
        background-size: 800px auto;
        margin-top: -320px;
    }

    .ftr p {
        font-size: 60%;
        padding: 30px;
        line-height: 20px;
        margin-top: -30px;
    }

    .cdCover {
        display: none;
    }

    .subt p {
        margin: 20px;
        color: #FFF;
        padding: 0 0 0 0;
        letter-spacing: normal;
        border-top: 1px solid #e2e2e2;
        padding-top: 18px;
        padding-bottom: 16px;
        font-size: 14px;
        text-align: center;
        line-height: 26px;
    }

    .btncnt {
        text-align: center;
        padding-bottom: 25px;
        padding-top: 50px;
        margin-top: -40px;
        padding-right: 0;
        height: 15px;
        font-size: 100px;
    }

    .boxed {
        padding-bottom: 180px;
    }

    ul#plList {
        font-size: 13px;
    }

    #plwrap {
        padding: 0 20px 0 20px;
    }

    #plList li {
        padding: 13px 0;
    }

    .firstletterb {
        float: left;
        font-size: 78px;
        line-height: 216px;
        margin-right: 4.4em;
        color: #F4F4F4;
    }

    .capt {
        font-size: 70%;
        bottom: -28px;
        padding-left: 15px;
    }

    .wht {
        padding-top: 60px;
    }

    blockquote {
        font-size: 18px;
        line-height: 32px;
        color: #242424;
        font-style: italic;
        margin: 8px 0 8px 0;
        padding: 0px 20px 0 19px;
        border-left: 1px solid #ddd;
    }

    cite {
        line-height: 22px;
        padding-top: 10px;
    }

    .canvasm {
        background-image: url(img/bkgTopSmall.jpg);
        background-position: 50% 0px;
        background-size: 490px auto;
    }
}

@media screen and (max-width: 375px) {
    braker {
        display: inline;
    }

    spacerr {
        display: none;
    }

    .title {
        font-size: 390%;
        line-height: 60px;
        top: 150px;
    }

    .titleb {
        top: 120px;
        font-size: 80% !important;
    }

    .arrow {
        width: 20px;
        height: 20px;
        margin-left: -10px;
    }

    .mtitle {
        font-size: 38px;
        line-height: 40px;
    }

    .mstitle {
        font-size: 22px;
        line-height: 28px;
    }

    .awaC {
        font-size: 55px !important;
        line-height: 90px;
    }

    .awaB,
    .awaB a {
        font-size: 110px;
        padding: 0 0px 60px;
        line-height: 20px;
    }

    canvas {
        display: block;
        wwidth: 100%;
        hheight: 100%;
    }

    .canvasm {
        background-image: url(img/bkgTopSmall.jpg);
        background-position: 50% 0px;
        background-size: 450px auto;
    }

    .newspapert p {
        color: #333;
        font-size: 15px;
        padding-left: 2px;
        line-height: 26px;
    }

    .slide1,
    .slide2,
    .slide3,
    .slide4,
    .slide5,
    .slide6,
    .slide7,
    .slide8,
    .slide9,
    .slide10,
    .slide11,
    .slide12,
    .slide13,
    .slide14,
    .slide15,
    .slide16,
    .slide17,
    .slide18,
    .slide19,
    .slide20,
    .slide21,
    .slide22,
    .slide23 {
        width: 292px;
    }

    .ath p {
        font-size: 12px;
    }

    .sliderCnt {
        max-width: 100%;
        height: 600px;
        background-size: 800px auto;
        margin-top: -320px;
    }

    .ftr p {
        font-size: 60%;
        padding: 30px;
        line-height: 20px;
        margin-top: -30px;
    }

    .cdCover {
        display: none;
    }

    .subt p {
        margin: 20px;
        color: #FFF;
        padding: 0 0 0 0;
        letter-spacing: normal;
        border-top: 1px solid #e2e2e2;
        padding-top: 18px;
        padding-bottom: 16px;
        font-size: 14px;
        text-align: center;
        line-height: 26px;
    }

    .btncnt {
        text-align: center;
        padding-bottom: 25px;
        padding-top: 50px;
        margin-top: -40px;
        padding-right: 0;
        height: 15px;
        font-size: 105px;
    }

    .boxed {
        padding-bottom: 180px;
    }

    ul#plList {
        font-size: 13px;
    }

    #plwrap {
        padding: 0 20px 0 20px;
    }

    #plList li {
        padding: 13px 0;
    }

    .firstletterb {
        float: left;
        font-size: 78px;
        line-height: 216px;
        margin-right: 3.4em;
        color: #F4F4F4;
    }

    .capt {
        font-size: 70%;
        bottom: -28px;
        padding-left: 20px;
    }

    .wht {
        padding-top: 60px;
    }

    blockquote {
        font-size: 18px;
        line-height: 32px;
        color: #242424;
        font-style: italic;
        margin: 8px 0 8px 0;
        padding: 0px 20px 0 19px;
        border-left: 1px solid #ddd;
    }

    cite {
        line-height: 22px;
        padding-top: 10px;
    }
}

@media screen and (max-width: 375px) and (min-height: 812px) {
    braker {
        display: inline;
    }

    spacerr {
        display: none;
    }

    .canvasm {
        background-image: url(img/bkgTopSmall.jpg);
        background-position: 50% 0;
        background-size: 520px auto;
    }

    .title {
        font-size: 390%;
        line-height: 60px;
        top: 150px;
    }

    .titleb {
        top: 120px;
        font-size: 80% !important;
    }

    .arrow {
        width: 20px;
        height: 20px;
        margin-left: -10px;
    }

    .mtitle {
        font-size: 38px;
        line-height: 40px;
    }

    .mstitle {
        font-size: 22px;
        line-height: 28px;
    }

    .awaC {
        font-size: 70px !important;
        line-height: 90px;
    }

    .awaB,
    .awaB a {
        font-size: 110px;
        padding: 0 0px 60px;
        line-height: 20px;
    }

    canvas {
        display: block;
        wwidth: 100%;
        hheight: 100%;
    }

    .newspapert p {
        color: #333;
        font-size: 15px;
        padding-left: 2px;
        line-height: 26px;
    }

    .slide1,
    .slide2,
    .slide3,
    .slide4,
    .slide5,
    .slide6,
    .slide7,
    .slide8,
    .slide9,
    .slide10,
    .slide11,
    .slide12,
    .slide13,
    .slide14,
    .slide15,
    .slide16,
    .slide17,
    .slide18,
    .slide19,
    .slide20,
    .slide21,
    .slide22,
    .slide23 {
        width: 292px;
    }

    .ath p {
        font-size: 12px;
    }

    .sliderCnt {
        max-width: 100%;
        height: 600px;
        background-size: 800px auto;
        margin-top: -320px;
    }

    .ftr p {
        font-size: 60%;
        padding: 30px;
        line-height: 20px;
        margin-top: -30px;
    }

    .cdCover {
        display: none;
    }

    .subt p {
        margin: 20px;
        color: #FFF;
        padding: 0 0 0 0;
        letter-spacing: normal;
        border-top: 1px solid #e2e2e2;
        padding-top: 18px;
        padding-bottom: 16px;
        font-size: 14px;
        text-align: center;
        line-height: 26px;
    }

    .btncnt {
        text-align: center;
        padding-bottom: 25px;
        padding-top: 50px;
        margin-top: -40px;
        padding-right: 0;
        height: 15px;
        font-size: 120px;
    }

    .boxed {
        padding-bottom: 180px;
    }

    ul#plList {
        font-size: 13px;
    }

    #plwrap {
        padding: 0 20px 0 20px;
    }

    #plList li {
        padding: 13px 0;
    }

    .firstletterb {
        float: left;
        font-size: 78px;
        line-height: 216px;
        margin-right: 3.4em;
        color: #F4F4F4;
    }

    .capt {
        font-size: 70%;
        bottom: -28px;
        padding-left: 20px;
    }

    .wht {
        padding-top: 60px;
    }

    blockquote {
        font-size: 18px;
        line-height: 32px;
        color: #242424;
        font-style: italic;
        margin: 8px 0 8px 0;
        padding: 0px 20px 0 19px;
        border-left: 1px solid #ddd;
    }

    cite {
        line-height: 22px;
        padding-top: 10px;
    }
}

@media screen  and (device-width: 360px)  and (device-height: 640px)  and (-webkit-min-device-pixel-ratio : 4)  and (-webkit-device-pixel-ratio : 4) {
    braker {
        display: inline;
    }

    spacerr {
        display: none;
    }

    .title {
        font-size: 280%;
        padding: 0 50px auto;
        line-height: 50px;
        top: 100px;
    }

    .entb {
        font-size: 16px !important;
        line-height: 20px !important;
    }

    .ent {
        font-size: 201px !important;
        line-height: 10px !important;
    }

    .titleb {
        top: 80px;
        font-size: 60% !important;
    }

    .awaC {
        font-size: 55px;
        line-height: 20px !important;
    }

    .awa {
        margin: 0;
    }

    .arrow {
        width: 20px;
        height: 20px;
        margin-left: -10px;
    }

    .mtitle {
        font-size: 34px;
        line-height: 34px;
    }

    .mstitle {
        font-size: 22px;
        line-height: 28px;
    }

    .awaB,
    .awaB a {
        font-size: 70px;
        padding: 0 0px 50px 0px;
        line-height: 20px;
    }

    .canvasm {
        background-image: url(img/bkgTopSmall.jpg) !important;
        background-size: 400px auto;
        background-position: center -50px;
    }

    .newspapert p {
        color: #333;
        font-size: 15px;
        padding-left: 2px;
        line-height: 26px;
    }

    .slide1,
    .slide2,
    .slide3,
    .slide4,
    .slide5,
    .slide6,
    .slide7,
    .slide8,
    .slide9,
    .slide10,
    .slide11,
    .slide12,
    .slide13,
    .slide14,
    .slide15,
    .slide16,
    .slide17,
    .slide18,
    .slide19,
    .slide20,
    .slide21,
    .slide22,
    .slide23 {
        width: 242px;
    }

    .ath p {
        font-size: 12px;
    }

    .sliderCnt {
        max-width: 100%;
        height: 600px;
        background-size: 800px auto;
        margin-top: -320px;
    }

    .ftr p {
        font-size: 60%;
        padding: 30px;
        line-height: 20px;
        margin-top: -30px;
    }

    .cdCover {
        display: none;
    }

    .subt p {
        margin: 20px;
        color: #FFF;
        padding: 0 0 0 0;
        letter-spacing: normal;
        border-top: 1px solid #e2e2e2;
        padding-top: 18px;
        padding-bottom: 16px;
        font-size: 14px;
        text-align: center;
        line-height: 26px;
    }

    .btncnt {
        text-align: center;
        padding-bottom: 25px;
        padding-top: 50px;
        margin-top: -40px;
        padding-right: 0;
        height: 15px;
        font-size: 120px;
    }

    .boxed {
        padding-bottom: 180px;
    }

    ul#plList {
        font-size: 13px;
    }

    #plwrap {
        padding: 0 20px 0 20px;
    }

    #plList li {
        padding: 10px 0;
    }

    .firstletterb {
        float: left;
        font-size: 78px;
        line-height: 216px;
        margin-right: 3.4em;
        color: #F4F4F4;
    }

    .capt {
        font-size: 70%;
        bottom: -28px;
    }

    .wht {
        padding-top: 60px;
    }

    blockquote {
        font-size: 18px;
        line-height: 32px;
        color: #242424;
        font-style: italic;
        margin: 8px 0 8px 0;
        padding: 0px 20px 0 19px;
        border-left: 1px solid #ddd;
    }
}

@media screen  and (device-width: 360px)  and (device-height: 640px)  and (-webkit-min-device-pixel-ratio : 4)  and (-webkit-device-pixel-ratio : 4) {
    braker {
        display: inline;
    }

    spacerr {
        display: none;
    }

    .title {
        font-size: 280%;
        padding: 0 50px auto;
        line-height: 50px;
        top: 100px;
    }

    .entb {
        font-size: 16px !important;
        line-height: 20px !important;
    }

    .ent {
        font-size: 201px !important;
        line-height: 10px !important;
    }

    .titleb {
        top: 80px;
        font-size: 60% !important;
    }

    .awaC {
        font-size: 55px;
        line-height: 20px !important;
    }

    .awa {
        margin: 0;
    }

    .arrow {
        width: 20px;
        height: 20px;
        margin-left: -10px;
    }

    .mtitle {
        font-size: 34px;
        line-height: 34px;
    }

    .mstitle {
        font-size: 22px;
        line-height: 28px;
    }

    .awaB,
    .awaB a {
        font-size: 70px;
        padding: 0 0px 50px 0px;
        line-height: 20px;
    }

    .canvasm {
        background-image: url(img/bkgTopSmall.jpg) !important;
        background-size: 400px auto !important;
        background-position: center -50px !important;
    }

    .newspapert p {
        color: #333;
        font-size: 15px;
        padding-left: 2px;
        line-height: 26px;
    }

    .slide1,
    .slide2,
    .slide3,
    .slide4,
    .slide5,
    .slide6,
    .slide7,
    .slide8,
    .slide9,
    .slide10,
    .slide11,
    .slide12,
    .slide13,
    .slide14,
    .slide15,
    .slide16,
    .slide17,
    .slide18,
    .slide19,
    .slide20,
    .slide21,
    .slide22,
    .slide23 {
        width: 242px;
    }

    .ath p {
        font-size: 12px;
    }

    .sliderCnt {
        max-width: 100%;
        height: 600px;
        background-size: 800px auto;
        margin-top: -320px;
    }

    .ftr p {
        font-size: 60%;
        padding: 30px;
        line-height: 20px;
        margin-top: -30px;
    }

    .cdCover {
        display: none;
    }

    .subt p {
        margin: 20px;
        color: #FFF;
        padding: 0 0 0 0;
        letter-spacing: normal;
        border-top: 1px solid #e2e2e2;
        padding-top: 18px;
        padding-bottom: 16px;
        font-size: 14px;
        text-align: center;
        line-height: 26px;
    }

    .btncnt {
        text-align: center;
        padding-bottom: 25px;
        padding-top: 50px;
        margin-top: -40px;
        padding-right: 0;
        height: 15px;
        font-size: 120px;
    }

    .boxed {
        padding-bottom: 180px;
    }

    ul#plList {
        font-size: 13px;
    }

    #plwrap {
        padding: 0 20px 0 20px;
    }

    #plList li {
        padding: 10px 0;
    }

    .firstletterb {
        float: left;
        font-size: 78px;
        line-height: 216px;
        margin-right: 3.4em;
        color: #F4F4F4;
    }

    .capt {
        font-size: 70%;
        bottom: -28px;
    }

    .wht {
        padding-top: 60px;
    }

    blockquote {
        font-size: 18px;
        line-height: 32px;
        color: #242424;
        font-style: italic;
        margin: 8px 0 8px 0;
        padding: 0px 20px 0 19px;
        border-left: 1px solid #ddd;
    }
}

@media only screen and (min-device-width : 360px) and (max-device-width : 640px) {
    braker {
        display: inline;
    }

    spacerr {
        display: none;
    }

    .title {
        font-size: 280%;
        padding: 0 50px auto;
        line-height: 50px;
        top: 100px;
    }

    .entb {
        font-size: 16px !important;
        line-height: 20px !important;
    }

    .ent {
        font-size: 201px !important;
        line-height: 10px !important;
    }

    .titleb {
        top: 80px;
        font-size: 60% !important;
    }

    .awaC {
        font-size: 55px;
        line-height: 20px !important;
    }

    .awa {
        margin: 0;
    }

    .arrow {
        width: 20px;
        height: 20px;
        margin-left: -10px;
    }

    .mtitle {
        font-size: 34px;
        line-height: 34px;
    }

    .mstitle {
        font-size: 22px;
        line-height: 28px;
    }

    .awaB,
    .awaB a {
        font-size: 70px;
        padding: 0 0px 50px 0px;
        line-height: 20px;
    }

    .canvasm {
        background-image: url(img/bkgTopSmall.jpg) !important;
        background-size: 400px auto !important;
        background-position: center -50px !important;
    }

    .newspapert p {
        color: #333;
        font-size: 15px;
        padding-left: 2px;
        line-height: 26px;
    }

    .slide1,
    .slide2,
    .slide3,
    .slide4,
    .slide5,
    .slide6,
    .slide7,
    .slide8,
    .slide9,
    .slide10,
    .slide11,
    .slide12,
    .slide13,
    .slide14,
    .slide15,
    .slide16,
    .slide17,
    .slide18,
    .slide19,
    .slide20,
    .slide21,
    .slide22,
    .slide23 {
        width: 242px;
    }

    .ath p {
        font-size: 12px;
    }

    .sliderCnt {
        max-width: 100%;
        height: 600px;
        background-size: 800px auto;
        margin-top: -320px;
    }

    .ftr p {
        font-size: 60%;
        padding: 30px;
        line-height: 20px;
        margin-top: -30px;
    }

    .cdCover {
        display: none;
    }

    .subt p {
        margin: 20px;
        color: #FFF;
        padding: 0 0 0 0;
        letter-spacing: normal;
        border-top: 1px solid #e2e2e2;
        padding-top: 18px;
        padding-bottom: 16px;
        font-size: 14px;
        text-align: center;
        line-height: 26px;
    }

    .btncnt {
        text-align: center;
        padding-bottom: 25px;
        padding-top: 50px;
        margin-top: -40px;
        padding-right: 0;
        height: 15px;
        font-size: 120px;
    }

    .boxed {
        padding-bottom: 180px;
    }

    ul#plList {
        font-size: 13px;
    }

    #plwrap {
        padding: 0 20px 0 20px;
    }

    #plList li {
        padding: 10px 0;
    }

    .firstletterb {
        float: left;
        font-size: 78px;
        line-height: 216px;
        margin-right: 3.4em;
        color: #F4F4F4;
    }

    .capt {
        font-size: 70%;
        bottom: -28px;
    }

    .wht {
        padding-top: 60px;
    }

    blockquote {
        font-size: 18px;
        line-height: 32px;
        color: #242424;
        font-style: italic;
        margin: 8px 0 8px 0;
        padding: 0px 20px 0 19px;
        border-left: 1px solid #ddd;
    }
}

@media screen and (max-width: 320px) {
    braker {
        display: inline;
    }

    spacerr {
        display: none;
    }

    .title {
        font-size: 280%;
        padding: 0 50px auto;
        line-height: 50px;
        top: 120px;
    }

    .titleb {
        top: 100px;
        font-size: 60% !important;
    }

    .awaC {
        font-size: 55px;
        line-height: 70px;
    }

    .awa {
        margin: 0;
    }

    .arrow {
        width: 20px;
        height: 20px;
        margin-left: -10px;
    }

    .mtitle {
        font-size: 34px;
        line-height: 34px;
    }

    .mstitle {
        font-size: 22px;
        line-height: 28px;
    }

    .awaB,
    .awaB a {
        font-size: 90px;
        padding: 0 0px 50px 0px;
        line-height: 20px;
    }

    .canvasm {
        background-image: url(img/bkgTopSmall.jpg);
        background-position: 50% 30% !important;
        background-size: 430px auto !important;
    }

    .newspapert p {
        color: #333;
        font-size: 15px;
        padding-left: 2px;
        line-height: 26px;
    }

    .slide1,
    .slide2,
    .slide3,
    .slide4,
    .slide5,
    .slide6,
    .slide7,
    .slide8,
    .slide9,
    .slide10,
    .slide11,
    .slide12,
    .slide13,
    .slide14,
    .slide15,
    .slide16,
    .slide17,
    .slide18,
    .slide19,
    .slide20,
    .slide21,
    .slide22,
    .slide23 {
        width: 235px;
    }

    .ath p {
        font-size: 12px;
    }

    .sliderCnt {
        max-width: 100%;
        height: 600px;
        background-size: 800px auto;
        margin-top: -320px;
    }

    .ftr p {
        font-size: 60%;
        padding: 30px;
        line-height: 20px;
        margin-top: -30px;
    }

    .cdCover {
        display: none;
    }

    .subt p {
        margin: 20px;
        color: #FFF;
        padding: 0 0 0 0;
        letter-spacing: normal;
        border-top: 1px solid #e2e2e2;
        padding-top: 18px;
        padding-bottom: 16px;
        font-size: 14px;
        text-align: center;
        line-height: 26px;
    }

    .btncnt {
        text-align: center;
        padding-bottom: 25px;
        padding-top: 50px;
        margin-top: -40px;
        padding-right: 0;
        height: 15px;
        font-size: 98px;
    }

    .boxed {
        padding-bottom: 180px;
    }

    ul#plList {
        font-size: 13px;
    }

    #plwrap {
        padding: 0 20px 0 20px;
    }

    #plList li {
        padding: 10px 0;
    }

    .firstletterb {
        float: left;
        font-size: 78px;
        line-height: 216px;
        margin-right: 3.4em;
        color: #F4F4F4;
    }

    .capt {
        font-size: 70%;
        bottom: -28px;
    }

    .wht {
        padding-top: 60px;
    }

    blockquote {
        font-size: 18px;
        line-height: 32px;
        color: #242424;
        font-style: italic;
        margin: 8px 0 8px 0;
        padding: 0px 20px 0 19px;
        border-left: 1px solid #ddd;
    }
}

@supports (padding: max(0px)) {
    .post {
        padding-left: max(12px, env(safe-area-inset-left));
        padding-right: max(12px, env(safe-area-inset-right));
    }
}

.post {
    padding-left: max(12px, env(safe-area-inset-left));
    padding-right: max(12px, env(safe-area-inset-right));
}

/* ===== 7. BA TA CLAN inline <style> (righe 76-2280 di BTC index.html) =====
         Contiene: #str, .blk, .cdCover, .ftr, .subt, .awac, #mainwrap, #plList,
         .sublogo, .container.boxed, .spacer40/80, e overrides Plyr (gia inclusi
         sopra ma duplicarli non rompe). Necessario per stilare il blocco playlist+credits. */
/* NOTE: The styles were added inline because Prefixfree needs access to your styles and they must be inlined if they are on local disk! */
/* Font Family
================================================== */
@import url('https://fonts.googleapis.com/css?family=Martel:800');
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Spectral+SC');

/* Global Styles
================================================== */
html,
body {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    background-color: #525254;
    width: 100vw;
    height: 100vh;
    color: #fff;
    font-size: 105%;
    font-family: georgia, "times new roman", times, serif;
    font-weight: 300;
    line-height: 1.618;
    -ms-touch-action: none;
    backface-visibility: hidden;
    background-color: #3D3D3D;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}

.entb {
    font-family: georgia, "times new roman", times, serif;
    font-weight: 300;
    font-size: 22px;
    line-height: 30px;
    margin-top: -10px;
}

.mtc {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.newspapert p>strong {
    font-weight: 700;
    color: #333;
}

.titlef {
    opacity: 0;
}

strong {
    font-weight: 700;
    color: #AFAFAF;
}

* {
    -webkit-tap-highlight-color: #904b43;
    -webkit-tap-highlight-color: transparent;
}

braker {
    display: none;
}

spacerr {
    display: inline;
}

.sublogo {
    font-family: 'BaTaClan_f', sans-serif;
    font-size: 100px;
    line-height: 40px;
    color: #989998;
}

.opntitb {
    font-size: 60%;
}

/* Setup
================================================== */
@font-face {
    font-family: 'BaTaClan_f';
    src: url('fonts/BaTaClan_f.eot?#iefix') format('embedded-opentype'), url('fonts/BaTaClan_f.woff') format('woff'), url('fonts/BaTaClan_f.ttf')format('truetype'), url('fonts/BaTaClan_f.svg#BaTaClan_f') format('svg');
    font-weight: normal;
    font-style: normal;
}

.noselect {
    -webkit-touch-callout: none;

    /* iOS Safari */
    -webkit-user-select: none;

    /* Safari */
    -khtml-user-select: none;

    /* Konqueror HTML */
    -moz-user-select: none;

    /* Firefox */
    -ms-user-select: none;

    /* Internet Explorer/Edge */
    user-select: none;

    /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
    z-index: 0;
}

.container {
    position: relative;
    margin: 0 auto;
    max-width: 700px;
    width: 100%;
}

.fbk {
    position: absolute;
    padding: 18px 0 0 159px;
    height: 38px;
    overflow: hidden;
}

.btncnt {
    text-align: right;
    padding-bottom: 25px;
    padding-top: 0;
    margin-top: -10px;
    padding-right: 12px;
    height: 15px;
}

.fbbtn {
    font-family: 'BaTaClan_f', sans-serif;
    font-size: 100px;
    line-height: 0;
    margin-top: 23px;
    box-sizing: border-box;
}

.fbbtn:hover,
.fbbtn:focus {
    transition-duration: .2s;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    cursor: pointer;
    color: #8F8F8F;
}

.ent {
    display: table-cell;
    vertical-align: middle;
    font-family: 'BaTaClan_f', sans-serif;
    text-align: center;
    font-size: 281px;
    color: #D4D4D4;
    cursor: pointer;
    line-height: 10px;
}

.ent:hover,
.ent:focus {
    color: #FFF;
    transition-duration: .4s;
    -webkit-transition-duration: .4s;
    -moz-transition-duration: .4s;
    -o-transition-duration: .4s;
}

#top .av-share-box ul {
    background: yellow !important;
}

.column {
    width: inherit;
}

#canvas {
    height: 100vh;
    display: block;
}

canvas {
    display: block;
    wwidth: 100%;
    hheight: 100%;
}

.canvasm {
    background-image: url(img/bkgTop.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 2003px auto;
    box-sizing: border-box;
    background-color: #3D3D3D;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}

#canvasb {
    width: 100vw;
    height: 100vh;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    background: transparent;
    box-sizing: border-box;
    border: 12px solid white;
    pointer-events: none;
    transition-duration: .2s;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    opacity: 0;
}

#canvasc {
    width: 100vw;
    height: 100vh;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    box-sizing: border-box;
    background-color: #242424;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
}

.header {
    position: absolute;
    bottom: 20%;
    text-align: center;
    width: 100%;
    color: #fff;
    font-size: 36px;
    -ms-transform: translate(0, -50%);

    /* IE 9 */
    -webkit-transform: translate(0, -50%);

    /* Safari */
    transform: translate(0, -50%);
}

/* Typography / Links
================================================== */
p {
    color: #fff;
    display: block;
    font-size: .10rem;
    font-weight: 400;
    margin: 0 0 2px;
    line-height: 32px;
}

a,
a:visited {
    color: #FFF;
    outline: 0;
    text-decoration: none;
}

a:hover,
a:focus {
    transition-duration: .2s;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    color: #DFDFDF;
}

p a,
p a:visited {
    line-height: inherit;
}

blockquote,
blockquote p {
    font-size: 17px;
    line-height: 24px;
}

blockquote {
    font-size: 18px;
    line-height: 32px;
    color: #242424;
    font-style: italic;
    margin: 0 90px 8px 0;
    padding: 0px 20px 0 19px;
    border-left: 1px solid #ddd;
}

blockquote cite {
    display: block;
    font-size: 12px;
    color: #555;
    text-align: left;
}

blockquote cite:before {
    content: "\2014 \0020";
}

blockquote cite a,
blockquote cite a:visited,
blockquote cite a:visited {
    color: #555;
}

hr {
    border: solid #ddd;
    border-width: 1px 0 0;
    clear: both;
    margin: 10px 0 30px;
    height: 0;
}

/* Misc.
================================================== */
.add-bottom {
    margin-bottom: 2rem !important;
}

.left {
    float: left;
}

.right {
    float: right;
}

.center {
    text-align: center;
}

/* Audio Player Styles
================================================== */
audio {
    margin: 0 15px 0 14px;
    width: 670px;
}

#mainwrap {
}

#audiowrap,
#plwrap {
    margin: 0 auto;
}

#tracks {
    position: relative;
    text-align: center;
}

#nowPlay {
    display: inline;
}

#npAction {
    padding: 21px;
    position: absolute;
}

#npTitle {
    padding: 21px 21px 10px 21px;
}

#plList li {
    cursor: pointer;
    display: block;
    margin: 0;
    padding: 15px 0;
    border-radius: 6px;
    transition-duration: .4s;
}

#plList li:hover {
    background-color: rgba(0, 0, 0, .3);
}

.plItem {
    position: relative;
}

.plTitle {
    left: 50px;
    overflow: hidden;
    position: absolute;
    right: 65px;
    text-overflow: ellipsis;
    top: 0;
    white-space: nowrap;
}

.plNum {
    padding-left: 21px;
    width: 25px;
}

.plLength {
    padding-left: 21px;
    position: absolute;
    right: 21px;
    top: 0;
}

.plSel,
.plSel:hover {
    background-color: rgba(0, 0, 0, .1);
    color: #fff;
    cursor: default !important;
    border-radius: 6px;
}

a[id^="btn"] {
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 2rem;
    height: 35px;
    line-height: .8;
    margin: 0 20px 20px;
    padding: 10px;
    text-decoration: none;
    transition: background .3s ease;
    width: 35px;
}

a[id^="btn"]:last-child {
    margin-left: -4px;
}

a[id^="btn"]:hover,
a[id^="btn"]:active {
    background-color: rgba(0, 0, 0, .1);
    color: #fff;
}

a[id^="btn"]::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/* Plyr Overrides
================================================== */
.plyr--audio .plyr__controls {
    background-color: transparent;
    border: none;
    color: #666;
    padding: 0 20px 20px 21px;
    width: 100%;
}

.plyr--audio .plyr__controls button.tab-focus:focus,
.plyr--audio .plyr__controls button:hover,
.plyr__play-large {
    background: rgba(0, 0, 0, .1);
}

.plyr__progress--played,
.plyr__volume--display {
    color: rgba(0, 0, 0, .1);
}

.plyr--audio .plyr__progress--buffer,
.plyr--audio .plyr__volume--display {
    background: rgba(0, 0, 0, .1);
}

.plyr--audio .plyr__progress--buffer {
    color: rgba(0, 0, 0, .1);
}

.firstletter {
    float: left;
    font-size: 78px;
    line-height: 36px;
    margin-right: 0.2em;
    color: #2C2C2C;
}

.firstletterb {
    float: left;
    font-size: 78px;
    line-height: 196px;
    margin-right: 2.4em;
    color: #F4F4F4;
}

.newspapert {
    color: #1a1a1a;
    padding: 0 40px 0 40px;
    margin: 0;
}

.newspapert p {
    color: #333;
    font-size: 18px;
    padding-left: 50px;
}

.spacer20 {
    height: 20px;
}

.spacer15 {
    height: 20px;
}

.spacer30 {
    height: 30px;
}

.spacer25 {
    height: 25px;
}

.spacer40 {
    height: 40px;
}

.spacer60 {
    height: 60px;
}

.spacer80 {
    height: 80px;
}

.wht {
    background-color: #F4F4F4;
    color: #666666;
    padding-top: 90px;
    padding-right: 0;
    padding-left: 0;
    letter-spacing: normal;
    background-image: url(img/bkg.jpg);
    background-position-y: top;
    background-position-x: 50%;
    background-repeat: no-repeat;
}

.blk {
    background-color: #212121;
    width: 100%;
}

.cdCover {
    width: 220px;
    height: 220px;
    position: absolute;
    top: -70px;
    left: -128px;

    /* IE 9 */
    /* Chrome, Safari, Opera */
}

.ftr p {
    font-family: 'Lato', Helvetica, 'Helvetica', sans-serif;
    font-size: 80%;
    color: #737273;
    padding: 20px;
    margin-bottom: 30px;
}

.subt p {
    color: #FFF;
    letter-spacing: normal;
    border-top: 1px solid #e2e2e2;
    font-size: 14px;
    text-align: left;
    line-height: 26px;
}

ul#plList {
    font-family: 'Lato', Helvetica, 'Helvetica', sans-serif;
    font-size: 14px;
}

/* Bouncing arrow
================================================== */
@-moz-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -moz-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -moz-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@-webkit-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

.arrow {
    opacity: 0;
    position: fixed;
    bottom: 11px;
    left: 50%;
    margin-left: -14px;
    width: 28px;
    height: 28px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOTMuNzUxLDQ1NS44NjhjLTIwLjE4MSwyMC4xNzktNTMuMTY1LDE5LjkxMy03My42NzMtMC41OTVsMCwwYy0yMC41MDgtMjAuNTA4LTIwLjc3My01My40OTMtMC41OTQtNzMuNjcyICBsMTg5Ljk5OS0xOTBjMjAuMTc4LTIwLjE3OCw1My4xNjQtMTkuOTEzLDczLjY3MiwwLjU5NWwwLDBjMjAuNTA4LDIwLjUwOSwyMC43NzIsNTMuNDkyLDAuNTk1LDczLjY3MUwyOTMuNzUxLDQ1NS44Njh6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjIwLjI0OSw0NTUuODY4YzIwLjE4LDIwLjE3OSw1My4xNjQsMTkuOTEzLDczLjY3Mi0wLjU5NWwwLDBjMjAuNTA5LTIwLjUwOCwyMC43NzQtNTMuNDkzLDAuNTk2LTczLjY3MiAgbC0xOTAtMTkwYy0yMC4xNzgtMjAuMTc4LTUzLjE2NC0xOS45MTMtNzMuNjcxLDAuNTk1bDAsMGMtMjAuNTA4LDIwLjUwOS0yMC43NzIsNTMuNDkyLTAuNTk1LDczLjY3MUwyMjAuMjQ5LDQ1NS44Njh6Ii8+DQo8L3N2Zz4=);
    background-size: contain;
}

.bounce {
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}

.awaC,
.awaC a {
    position: absolute;
    top: 10px;
    left: 0;
    padding: 0 30px 0 30px;
    width: 100%;
    box-sizing: border-box;
    font-family: "BaTaClan_f", sans-serif;
    text-align: center;
    font-size: 150px;
    line-height: 140px;
}

.awaB,
.awaB a {
    width: 100%;
    box-sizing: border-box;
    font-family: "BaTaClan_f", sans-serif;
    text-align: center;
    font-size: 131px;
}

.awac {
    width: 100%;
    box-sizing: border-box;
    font-family: "BaTaClan_f", sans-serif;
    font-size: 121px;
}

.awa {
    max-width: 600px;
    margin: 0 20px 0 20px;
}

.awb {
    max-width: 150px;
    margin: 0 20px 0 20px;
}

.ctn {
}

.ath p {
    color: #777;
    padding: 0 40px 0 40px;
    letter-spacing: normal;
    border-bottom: 1px solid #e2e2e2;
    padding-top: 10px;
    padding-bottom: 20px;
    margin-bottom: 10px;
    font-size: 13px;
    font-family: 'Lato', Helvetica, 'Helvetica', sans-serif;
    font-weight: 400;
}

.ctn:hover {
    opacity: .6;
    cursor: pointer !important;
    transition-duration: .6s;
    -webkit-transition-duration: .6s;
    -moz-transition-duration: .6s;
    -o-transition-duration: .6s;
}

.title {
    opacity: 0;
    position: absolute;
    top: 18%;
    color: #FFFFFF;
    width: 100%;
    text-align: center;
    font-size: 550%;
    font-family: "Spectral SC", Georgia, "Georgia", serif;
}

.titleb {
    opacity: 0;
    position: absolute;
    top: 18%;
    color: #FFFFFF;
    width: 100%;
    text-align: center;
    font-size: 550%;
    font-family: "Spectral SC", Georgia, "Georgia", serif;
}

.mtitle {
    font-size: 65px;
    line-height: 62px;
    padding: 0 40px 0 40px;
    letter-spacing: normal;
    color: #2C2C2C;
    font-family: 'Martel', Georgia, 'georgia', serif;
    font-weight: 700;
}

.mstitle {
    font-size: 38px;
    line-height: 43px;
    margin-top: 20px;
    padding: 0 40px 0 40px;
    letter-spacing: normal;
    color: #2C2C2C;
    font-family: 'Lato', Helvetica, 'Helvetica', sans-serif;
    font-weight: 300;
}

/* Slider
================================================== */
.sliderCnt {
    max-width: 100%;
    height: 600px;
    background-image: url(img/backbtc.jpg);
    background-size: 1100px auto;
    background-repeat: no-repeat;
    background-position: center bottom;
    margin-top: -200px;
}

#slider {
    height: 300px;
    position: relative;
    float: left;
}

.capt {
    font-family: 'Lato', Helvetica, 'Helvetica', sans-serif;
    font-size: 80%;
    color: #666 !important;
    position: absolute;
    width: 100%;
    bottom: -30px;
    text-align: left;
    background-color: #F4F4F4;
    font-weight: 400;
    text-align: left;
}

.slide1,
.slide2,
.slide3,
.slide4,
.slide5,
.slide6,
.slide7,
.slide8,
.slide9,
.slide10,
.slide11,
.slide12,
.slide13,
.slide14,
.slide15,
.slide16,
.slide17,
.slide18,
.slide19,
.slide20,
.slide21,
.slide22,
.slide23 {
    background-repeat: no-repeat;
    position: absolute;
    margin-left: -125px;
    top: 9px;
    left: 125px;
    width: 250px;
    height: 150px;
}

.slide1 {
    background: url(img/voices/robertomalini.jpg)no-repeat center;
    background-size: 250px auto;
}

.slide2 {
    background: url(img/voices/brunnoalessandro.jpg)no-repeat center;
    background-size: 250px auto;
}

.slide3 {
    background: url(img/voices/albertoangrisano.jpg)no-repeat center;
    background-size: 250px auto;
}

.slide4 {
    background: url(img/voices/pasqualeanselmo.jpg)no-repeat center;
    background-size: 250px auto;
}

.slide5 {
    background: url(img/voices/pietrobiondi.jpg)no-repeat center;
    background-size: 250px auto;
}

.slide6 {
    background: url(img/voices/giovannibersanetti.jpg)no-repeat center;
    background-size: 250px auto;
}

.slide7 {
    background: url(img/voices/auroracancian.jpg)no-repeat center;
    background-size: 250px auto;
}

.slide8 {
    background: url(img/voices/claudiacatani.jpg)no-repeat center;
    background-size: 250px auto;
}

.slide9 {
    background: url(img/voices/emilianocoltorti.jpg)no-repeat center;
    background-size: 250px auto;
}

.slide10 {
    background: url(img/voices/mariocordova.jpg)no-repeat center;
    background-size: 250px auto;
}

.slide11 {
    background: url(img/voices/domitilladamico.jpg)no-repeat center;
    background-size: 250px auto;
}

.slide12 {
    background: url(img/voices/robertodraghetti.jpg)no-repeat center;
    background-size: 250px auto;
}

.slide13 {
    background: url(img/voices/robertagreganti.jpg)no-repeat center;
    background-size: 250px auto;
}

.slide15 {
    background: url(img/voices/ginolamonica.jpg)no-repeat center;
    background-size: 250px auto;
}

.slide16 {
    background: url(img/voices/perlaliberatori.jpg)no-repeat center;
    background-size: 250px auto;
}

.slide17 {
    background: url(img/voices/valentinamari.jpg)no-repeat center;
    background-size: 250px auto;
}

.slide18 {
    background: url(img/voices/melinamartello.jpg)no-repeat center;
    background-size: 250px auto;
}

.slide19 {
    background: url(img/voices/marcomete.jpg)no-repeat center;
    background-size: 250px auto;
}

.slide20 {
    background: url(img/voices/robertopedicini.jpg)no-repeat center;
    background-size: 250px auto;
}

.slide21 {
    background: url(img/voices/dariopenne.jpg)no-repeat center;
    background-size: 250px auto;
}

.slide22 {
    background: url(img/voices/adamariaserrazanetti.jpg)no-repeat center;
    background-size: 250px auto;
}

/* Media Queries
================================================== */
@media screen and (max-width: 1280px) {
    .title {
        font-size: 490%;
        line-height: 114px;
        top: 190px;
    }

    .titleb {
        top: 172px;
        font-size: 90% !important;
    }

    .mtitle {
        font-size: 44px;
        line-height: 46px;
    }

    .awaB,
    .awaB a {
        font-size: 130px;
        padding: 0 0px 90px;
        line-height: 20px;
    }

    .canvasm {
        background-position: 50% 40%;
        background-size: 1500px auto;
    }

    .awaC {
        font-size: 140px;
        line-height: 120px;
    }

    .arrow {
        width: 28px;
        height: 28px;
        margin-left: -14px;
    }

    .ftr p {
        padding: 0 50px 0 50px;
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 1024px) {
    .title {
        top: 220px;
    }

    .titleb {
        top: 180px;
    }

    .canvasm {
        background-position: 50% 50%;
        background-size: 1600px auto;
    }

    .awaB,
    .awaB a {
        font-size: 130px;
        padding: 0 0px 90px;
        line-height: 20px;
    }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) {
    .canvasm {
        background-position: 50% 0;
        background-size: 1600px auto;
    }
}

@media screen and (max-width: 834px) {
    .title {
        top: 180px;
    }

    .titleb {
        top: 170px;
    }

    .canvasm {
        background-position: 50% 20%;
        background-size: 1400px auto;
    }

    .awaB,
    .awaB a {
        font-size: 120px;
        padding: 0 0px 90px;
        line-height: 20px;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1023px) {
    .canvasm {
        background-position: 50% 0;
        background-size: 800px auto;
    }
}

@media screen and (max-width: 768px) {
    .title {
        top: 180px;
    }

    .titleb {
        top: 170px;
    }

    .canvasm {
        background-position: 50% 20%;
        background-size: 1200px auto;
    }

    .awaB,
    .awaB a {
        font-size: 120px;
        padding: 0 0px 90px;
        line-height: 20px;
    }
}

@media screen and (max-width: 507px) {
    .title {
        top: 180px;
    }

    .titleb {
        top: 170px;
    }

    .canvasm {
        background-position: 50% 20%;
        background-size: 1200px auto;
    }

    .awaB,
    .awaB a {
        font-size: 110px;
        padding: 0 0px 90px;
        line-height: 20px;
    }

    .awaC {
        font-size: 80px !important;
        line-height: 120px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .title {
        top: 180px;
        font-size: 440%;
    }

    .titleb {
        top: 170px;
    }

    .canvasm {
        background-position: 50% 0;
        background-size: 1300px auto;
    }

    .awaC {
        font-size: 120px;
        line-height: 120px;
    }

    .awaB,
    .awaB a {
        font-size: 120px;
    }

    .arrow {
        width: 28px;
        height: 28px;
        margin-left: -14px;
    }

    .ftr p {
        padding: 0 50px 0 50px;
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 600px) {
    .canvasm {
        background-image: url(img/bkgTopSmall.jpg);
        background-position: 50% 30%;
        background-size: 620px auto;
    }
}

@media screen and (max-width: 599px) {
    .title {
        font-size: 390%;
        line-height: 114px;
        top: 180px;
    }

    .awaB,
    .awaB a {
        font-size: 120px;
        padding: 0 0px 60px;
        line-height: 20px;
    }

    .mtitle {
        font-size: 44px;
        line-height: 46px;
    }

    .awaC {
        font-size: 110px;
        line-height: 120px;
    }

    .canvasm {
        background-image: url(img/bkgTopSmall.jpg);
        background-position: 50% 30%;
        background-size: 620px auto;
    }

    #plwrap {
        padding: 0 20px 0 20px;
    }
}

@media screen and (max-width: 479px) {
    .title {
        font-size: 340%;
        line-height: 74px;
        top: 150px;
        padding: 0 0px 0 0px;
    }

    .titleb {
        top: 132px;
        font-size: 90% !important;
    }

    .arrow {
        width: 28px;
        height: 28px;
        margin-left: -14px;
    }

    .mtitle {
        font-size: 42px;
        line-height: 44px;
    }

    .awaC {
        font-size: 90px;
        line-height: 100px;
    }

    .awaB,
    .awaB a {
        font-size: 110px;
    }

    .canvasm {
        background-image: url(img/bkgTopSmall.jpg);
        background-position: 50% 20%;
        background-size: 455px auto;
    }

    .ftr p {
        line-height: 26px;
        padding: 0 50px 0 50px;
        margin-bottom: 30px;
    }

    #plwrap {
        padding: 0 20px 0 20px;
    }

    .newspapert p {
        color: #333;
        font-size: 16px;
        padding-left: 15px;
        line-height: 30px;
    }

    cite {
        line-height: 22px;
        padding-top: 10px;
    }

    .firstletterb {
        float: left;
        font-size: 78px;
        line-height: 216px;
        margin-right: 4.8em !important;
        color: #F4F4F4;
    }
}

@media screen and (max-width: 414px) {
    braker {
        display: inline;
    }

    spacerr {
        display: none;
    }

    .title {
        font-size: 400%;
        line-height: 60px;
        top: 150px;
    }

    .titleb {
        top: 120px;
        font-size: 80% !important;
    }

    .arrow {
        width: 20px;
        height: 20px;
        margin-left: -10px;
    }

    .mtitle {
        font-size: 38px;
        line-height: 40px;
    }

    .mstitle {
        font-size: 22px;
        line-height: 28px;
    }

    .awaC {
        font-size: 70px !important;
        line-height: 100px;
    }

    .awaB,
    .awaB a {
        font-size: 110px;
        padding: 0 0px 60px;
        line-height: 20px;
    }

    .newspapert p {
        color: #333;
        font-size: 15px;
        padding-left: 2px;
        line-height: 26px;
    }

    .slide1,
    .slide2,
    .slide3,
    .slide4,
    .slide5,
    .slide6,
    .slide7,
    .slide8,
    .slide9,
    .slide10,
    .slide11,
    .slide12,
    .slide13,
    .slide14,
    .slide15,
    .slide16,
    .slide17,
    .slide18,
    .slide19,
    .slide20,
    .slide21,
    .slide22,
    .slide23 {
        width: 283px !important;
        left: 112px;
    }

    .ath p {
        font-size: 12px;
    }

    .sliderCnt {
        max-width: 100%;
        height: 600px;
        background-size: 800px auto;
        margin-top: -320px;
    }

    .ftr p {
        font-size: 60%;
        padding: 30px;
        line-height: 20px;
        margin-top: -30px;
    }

    .cdCover {
        display: none;
    }

    .subt p {
        margin: 20px;
        color: #FFF;
        padding: 0 0 0 0;
        letter-spacing: normal;
        border-top: 1px solid #e2e2e2;
        padding-top: 18px;
        padding-bottom: 16px;
        font-size: 14px;
        text-align: center;
        line-height: 26px;
    }

    .btncnt {
        text-align: center;
        padding-bottom: 25px;
        padding-top: 50px;
        margin-top: -40px;
        padding-right: 0;
        height: 15px;
        font-size: 100px;
    }

    .boxed {
        padding-bottom: 180px;
    }

    ul#plList {
        font-size: 13px;
    }

    #plwrap {
        padding: 0 20px 0 20px;
    }

    #plList li {
        padding: 13px 0;
    }

    .firstletterb {
        float: left;
        font-size: 78px;
        line-height: 216px;
        margin-right: 4.4em;
        color: #F4F4F4;
    }

    .capt {
        font-size: 70%;
        bottom: -28px;
        padding-left: 15px;
    }

    .wht {
        padding-top: 60px;
    }

    blockquote {
        font-size: 18px;
        line-height: 32px;
        color: #242424;
        font-style: italic;
        margin: 8px 0 8px 0;
        padding: 0px 20px 0 19px;
        border-left: 1px solid #ddd;
    }

    cite {
        line-height: 22px;
        padding-top: 10px;
    }

    .canvasm {
        background-image: url(img/bkgTopSmall.jpg);
        background-position: 50% 0px;
        background-size: 490px auto;
    }
}

@media screen and (max-width: 375px) {
    braker {
        display: inline;
    }

    spacerr {
        display: none;
    }

    .title {
        font-size: 390%;
        line-height: 60px;
        top: 150px;
    }

    .titleb {
        top: 120px;
        font-size: 80% !important;
    }

    .arrow {
        width: 20px;
        height: 20px;
        margin-left: -10px;
    }

    .mtitle {
        font-size: 38px;
        line-height: 40px;
    }

    .mstitle {
        font-size: 22px;
        line-height: 28px;
    }

    .awaC {
        font-size: 55px !important;
        line-height: 90px;
    }

    .awaB,
    .awaB a {
        font-size: 110px;
        padding: 0 0px 60px;
        line-height: 20px;
    }

    canvas {
        display: block;
        wwidth: 100%;
        hheight: 100%;
    }

    .canvasm {
        background-image: url(img/bkgTopSmall.jpg);
        background-position: 50% 0px;
        background-size: 450px auto;
    }

    .newspapert p {
        color: #333;
        font-size: 15px;
        padding-left: 2px;
        line-height: 26px;
    }

    .slide1,
    .slide2,
    .slide3,
    .slide4,
    .slide5,
    .slide6,
    .slide7,
    .slide8,
    .slide9,
    .slide10,
    .slide11,
    .slide12,
    .slide13,
    .slide14,
    .slide15,
    .slide16,
    .slide17,
    .slide18,
    .slide19,
    .slide20,
    .slide21,
    .slide22,
    .slide23 {
        width: 292px;
    }

    .ath p {
        font-size: 12px;
    }

    .sliderCnt {
        max-width: 100%;
        height: 600px;
        background-size: 800px auto;
        margin-top: -320px;
    }

    .ftr p {
        font-size: 60%;
        padding: 30px;
        line-height: 20px;
        margin-top: -30px;
    }

    .cdCover {
        display: none;
    }

    .subt p {
        margin: 20px;
        color: #FFF;
        padding: 0 0 0 0;
        letter-spacing: normal;
        border-top: 1px solid #e2e2e2;
        padding-top: 18px;
        padding-bottom: 16px;
        font-size: 14px;
        text-align: center;
        line-height: 26px;
    }

    .btncnt {
        text-align: center;
        padding-bottom: 25px;
        padding-top: 50px;
        margin-top: -40px;
        padding-right: 0;
        height: 15px;
        font-size: 105px;
    }

    .boxed {
        padding-bottom: 180px;
    }

    ul#plList {
        font-size: 13px;
    }

    #plwrap {
        padding: 0 20px 0 20px;
    }

    #plList li {
        padding: 13px 0;
    }

    .firstletterb {
        float: left;
        font-size: 78px;
        line-height: 216px;
        margin-right: 3.4em;
        color: #F4F4F4;
    }

    .capt {
        font-size: 70%;
        bottom: -28px;
        padding-left: 20px;
    }

    .wht {
        padding-top: 60px;
    }

    blockquote {
        font-size: 18px;
        line-height: 32px;
        color: #242424;
        font-style: italic;
        margin: 8px 0 8px 0;
        padding: 0px 20px 0 19px;
        border-left: 1px solid #ddd;
    }

    cite {
        line-height: 22px;
        padding-top: 10px;
    }
}

@media screen and (max-width: 375px) and (min-height: 812px) {
    braker {
        display: inline;
    }

    spacerr {
        display: none;
    }

    .canvasm {
        background-image: url(img/bkgTopSmall.jpg);
        background-position: 50% 0;
        background-size: 520px auto;
    }

    .title {
        font-size: 390%;
        line-height: 60px;
        top: 150px;
    }

    .titleb {
        top: 120px;
        font-size: 80% !important;
    }

    .arrow {
        width: 20px;
        height: 20px;
        margin-left: -10px;
    }

    .mtitle {
        font-size: 38px;
        line-height: 40px;
    }

    .mstitle {
        font-size: 22px;
        line-height: 28px;
    }

    .awaC {
        font-size: 70px !important;
        line-height: 90px;
    }

    .awaB,
    .awaB a {
        font-size: 110px;
        padding: 0 0px 60px;
        line-height: 20px;
    }

    canvas {
        display: block;
        wwidth: 100%;
        hheight: 100%;
    }

    .newspapert p {
        color: #333;
        font-size: 15px;
        padding-left: 2px;
        line-height: 26px;
    }

    .slide1,
    .slide2,
    .slide3,
    .slide4,
    .slide5,
    .slide6,
    .slide7,
    .slide8,
    .slide9,
    .slide10,
    .slide11,
    .slide12,
    .slide13,
    .slide14,
    .slide15,
    .slide16,
    .slide17,
    .slide18,
    .slide19,
    .slide20,
    .slide21,
    .slide22,
    .slide23 {
        width: 292px;
    }

    .ath p {
        font-size: 12px;
    }

    .sliderCnt {
        max-width: 100%;
        height: 600px;
        background-size: 800px auto;
        margin-top: -320px;
    }

    .ftr p {
        font-size: 60%;
        padding: 30px;
        line-height: 20px;
        margin-top: -30px;
    }

    .cdCover {
        display: none;
    }

    .subt p {
        margin: 20px;
        color: #FFF;
        padding: 0 0 0 0;
        letter-spacing: normal;
        border-top: 1px solid #e2e2e2;
        padding-top: 18px;
        padding-bottom: 16px;
        font-size: 14px;
        text-align: center;
        line-height: 26px;
    }

    .btncnt {
        text-align: center;
        padding-bottom: 25px;
        padding-top: 50px;
        margin-top: -40px;
        padding-right: 0;
        height: 15px;
        font-size: 120px;
    }

    .boxed {
        padding-bottom: 180px;
    }

    ul#plList {
        font-size: 13px;
    }

    #plwrap {
        padding: 0 20px 0 20px;
    }

    #plList li {
        padding: 13px 0;
    }

    .firstletterb {
        float: left;
        font-size: 78px;
        line-height: 216px;
        margin-right: 3.4em;
        color: #F4F4F4;
    }

    .capt {
        font-size: 70%;
        bottom: -28px;
        padding-left: 20px;
    }

    .wht {
        padding-top: 60px;
    }

    blockquote {
        font-size: 18px;
        line-height: 32px;
        color: #242424;
        font-style: italic;
        margin: 8px 0 8px 0;
        padding: 0px 20px 0 19px;
        border-left: 1px solid #ddd;
    }

    cite {
        line-height: 22px;
        padding-top: 10px;
    }
}

@media screen  and (device-width: 360px)  and (device-height: 640px)  and (-webkit-min-device-pixel-ratio : 4)  and (-webkit-device-pixel-ratio : 4) {
    braker {
        display: inline;
    }

    spacerr {
        display: none;
    }

    .title {
        font-size: 280%;
        padding: 0 50px auto;
        line-height: 50px;
        top: 100px;
    }

    .entb {
        font-size: 16px !important;
        line-height: 20px !important;
    }

    .ent {
        font-size: 201px !important;
        line-height: 10px !important;
    }

    .titleb {
        top: 80px;
        font-size: 60% !important;
    }

    .awaC {
        font-size: 55px;
        line-height: 20px !important;
    }

    .awa {
        margin: 0;
    }

    .arrow {
        width: 20px;
        height: 20px;
        margin-left: -10px;
    }

    .mtitle {
        font-size: 34px;
        line-height: 34px;
    }

    .mstitle {
        font-size: 22px;
        line-height: 28px;
    }

    .awaB,
    .awaB a {
        font-size: 70px;
        padding: 0 0px 50px 0px;
        line-height: 20px;
    }

    .canvasm {
        background-image: url(img/bkgTopSmall.jpg) !important;
        background-size: 400px auto;
        background-position: center -50px;
    }

    .newspapert p {
        color: #333;
        font-size: 15px;
        padding-left: 2px;
        line-height: 26px;
    }

    .slide1,
    .slide2,
    .slide3,
    .slide4,
    .slide5,
    .slide6,
    .slide7,
    .slide8,
    .slide9,
    .slide10,
    .slide11,
    .slide12,
    .slide13,
    .slide14,
    .slide15,
    .slide16,
    .slide17,
    .slide18,
    .slide19,
    .slide20,
    .slide21,
    .slide22,
    .slide23 {
        width: 242px;
    }

    .ath p {
        font-size: 12px;
    }

    .sliderCnt {
        max-width: 100%;
        height: 600px;
        background-size: 800px auto;
        margin-top: -320px;
    }

    .ftr p {
        font-size: 60%;
        padding: 30px;
        line-height: 20px;
        margin-top: -30px;
    }

    .cdCover {
        display: none;
    }

    .subt p {
        margin: 20px;
        color: #FFF;
        padding: 0 0 0 0;
        letter-spacing: normal;
        border-top: 1px solid #e2e2e2;
        padding-top: 18px;
        padding-bottom: 16px;
        font-size: 14px;
        text-align: center;
        line-height: 26px;
    }

    .btncnt {
        text-align: center;
        padding-bottom: 25px;
        padding-top: 50px;
        margin-top: -40px;
        padding-right: 0;
        height: 15px;
        font-size: 120px;
    }

    .boxed {
        padding-bottom: 180px;
    }

    ul#plList {
        font-size: 13px;
    }

    #plwrap {
        padding: 0 20px 0 20px;
    }

    #plList li {
        padding: 10px 0;
    }

    .firstletterb {
        float: left;
        font-size: 78px;
        line-height: 216px;
        margin-right: 3.4em;
        color: #F4F4F4;
    }

    .capt {
        font-size: 70%;
        bottom: -28px;
    }

    .wht {
        padding-top: 60px;
    }

    blockquote {
        font-size: 18px;
        line-height: 32px;
        color: #242424;
        font-style: italic;
        margin: 8px 0 8px 0;
        padding: 0px 20px 0 19px;
        border-left: 1px solid #ddd;
    }
}

@media screen  and (device-width: 360px)  and (device-height: 640px)  and (-webkit-min-device-pixel-ratio : 4)  and (-webkit-device-pixel-ratio : 4) {
    braker {
        display: inline;
    }

    spacerr {
        display: none;
    }

    .title {
        font-size: 280%;
        padding: 0 50px auto;
        line-height: 50px;
        top: 100px;
    }

    .entb {
        font-size: 16px !important;
        line-height: 20px !important;
    }

    .ent {
        font-size: 201px !important;
        line-height: 10px !important;
    }

    .titleb {
        top: 80px;
        font-size: 60% !important;
    }

    .awaC {
        font-size: 55px;
        line-height: 20px !important;
    }

    .awa {
        margin: 0;
    }

    .arrow {
        width: 20px;
        height: 20px;
        margin-left: -10px;
    }

    .mtitle {
        font-size: 34px;
        line-height: 34px;
    }

    .mstitle {
        font-size: 22px;
        line-height: 28px;
    }

    .awaB,
    .awaB a {
        font-size: 70px;
        padding: 0 0px 50px 0px;
        line-height: 20px;
    }

    .canvasm {
        background-image: url(img/bkgTopSmall.jpg) !important;
        background-size: 400px auto !important;
        background-position: center -50px !important;
    }

    .newspapert p {
        color: #333;
        font-size: 15px;
        padding-left: 2px;
        line-height: 26px;
    }

    .slide1,
    .slide2,
    .slide3,
    .slide4,
    .slide5,
    .slide6,
    .slide7,
    .slide8,
    .slide9,
    .slide10,
    .slide11,
    .slide12,
    .slide13,
    .slide14,
    .slide15,
    .slide16,
    .slide17,
    .slide18,
    .slide19,
    .slide20,
    .slide21,
    .slide22,
    .slide23 {
        width: 242px;
    }

    .ath p {
        font-size: 12px;
    }

    .sliderCnt {
        max-width: 100%;
        height: 600px;
        background-size: 800px auto;
        margin-top: -320px;
    }

    .ftr p {
        font-size: 60%;
        padding: 30px;
        line-height: 20px;
        margin-top: -30px;
    }

    .cdCover {
        display: none;
    }

    .subt p {
        margin: 20px;
        color: #FFF;
        padding: 0 0 0 0;
        letter-spacing: normal;
        border-top: 1px solid #e2e2e2;
        padding-top: 18px;
        padding-bottom: 16px;
        font-size: 14px;
        text-align: center;
        line-height: 26px;
    }

    .btncnt {
        text-align: center;
        padding-bottom: 25px;
        padding-top: 50px;
        margin-top: -40px;
        padding-right: 0;
        height: 15px;
        font-size: 120px;
    }

    .boxed {
        padding-bottom: 180px;
    }

    ul#plList {
        font-size: 13px;
    }

    #plwrap {
        padding: 0 20px 0 20px;
    }

    #plList li {
        padding: 10px 0;
    }

    .firstletterb {
        float: left;
        font-size: 78px;
        line-height: 216px;
        margin-right: 3.4em;
        color: #F4F4F4;
    }

    .capt {
        font-size: 70%;
        bottom: -28px;
    }

    .wht {
        padding-top: 60px;
    }

    blockquote {
        font-size: 18px;
        line-height: 32px;
        color: #242424;
        font-style: italic;
        margin: 8px 0 8px 0;
        padding: 0px 20px 0 19px;
        border-left: 1px solid #ddd;
    }
}

@media only screen and (min-device-width : 360px) and (max-device-width : 640px) {
    braker {
        display: inline;
    }

    spacerr {
        display: none;
    }

    .title {
        font-size: 280%;
        padding: 0 50px auto;
        line-height: 50px;
        top: 100px;
    }

    .entb {
        font-size: 16px !important;
        line-height: 20px !important;
    }

    .ent {
        font-size: 201px !important;
        line-height: 10px !important;
    }

    .titleb {
        top: 80px;
        font-size: 60% !important;
    }

    .awaC {
        font-size: 55px;
        line-height: 20px !important;
    }

    .awa {
        margin: 0;
    }

    .arrow {
        width: 20px;
        height: 20px;
        margin-left: -10px;
    }

    .mtitle {
        font-size: 34px;
        line-height: 34px;
    }

    .mstitle {
        font-size: 22px;
        line-height: 28px;
    }

    .awaB,
    .awaB a {
        font-size: 70px;
        padding: 0 0px 50px 0px;
        line-height: 20px;
    }

    .canvasm {
        background-image: url(img/bkgTopSmall.jpg) !important;
        background-size: 400px auto !important;
        background-position: center -50px !important;
    }

    .newspapert p {
        color: #333;
        font-size: 15px;
        padding-left: 2px;
        line-height: 26px;
    }

    .slide1,
    .slide2,
    .slide3,
    .slide4,
    .slide5,
    .slide6,
    .slide7,
    .slide8,
    .slide9,
    .slide10,
    .slide11,
    .slide12,
    .slide13,
    .slide14,
    .slide15,
    .slide16,
    .slide17,
    .slide18,
    .slide19,
    .slide20,
    .slide21,
    .slide22,
    .slide23 {
        width: 242px;
    }

    .ath p {
        font-size: 12px;
    }

    .sliderCnt {
        max-width: 100%;
        height: 600px;
        background-size: 800px auto;
        margin-top: -320px;
    }

    .ftr p {
        font-size: 60%;
        padding: 30px;
        line-height: 20px;
        margin-top: -30px;
    }

    .cdCover {
        display: none;
    }

    .subt p {
        margin: 20px;
        color: #FFF;
        padding: 0 0 0 0;
        letter-spacing: normal;
        border-top: 1px solid #e2e2e2;
        padding-top: 18px;
        padding-bottom: 16px;
        font-size: 14px;
        text-align: center;
        line-height: 26px;
    }

    .btncnt {
        text-align: center;
        padding-bottom: 25px;
        padding-top: 50px;
        margin-top: -40px;
        padding-right: 0;
        height: 15px;
        font-size: 120px;
    }

    .boxed {
        padding-bottom: 180px;
    }

    ul#plList {
        font-size: 13px;
    }

    #plwrap {
        padding: 0 20px 0 20px;
    }

    #plList li {
        padding: 10px 0;
    }

    .firstletterb {
        float: left;
        font-size: 78px;
        line-height: 216px;
        margin-right: 3.4em;
        color: #F4F4F4;
    }

    .capt {
        font-size: 70%;
        bottom: -28px;
    }

    .wht {
        padding-top: 60px;
    }

    blockquote {
        font-size: 18px;
        line-height: 32px;
        color: #242424;
        font-style: italic;
        margin: 8px 0 8px 0;
        padding: 0px 20px 0 19px;
        border-left: 1px solid #ddd;
    }
}

@media screen and (max-width: 320px) {
    braker {
        display: inline;
    }

    spacerr {
        display: none;
    }

    .title {
        font-size: 280%;
        padding: 0 50px auto;
        line-height: 50px;
        top: 120px;
    }

    .titleb {
        top: 100px;
        font-size: 60% !important;
    }

    .awaC {
        font-size: 55px;
        line-height: 70px;
    }

    .awa {
        margin: 0;
    }

    .arrow {
        width: 20px;
        height: 20px;
        margin-left: -10px;
    }

    .mtitle {
        font-size: 34px;
        line-height: 34px;
    }

    .mstitle {
        font-size: 22px;
        line-height: 28px;
    }

    .awaB,
    .awaB a {
        font-size: 90px;
        padding: 0 0px 50px 0px;
        line-height: 20px;
    }

    .canvasm {
        background-image: url(img/bkgTopSmall.jpg);
        background-position: 50% 30% !important;
        background-size: 430px auto !important;
    }

    .newspapert p {
        color: #333;
        font-size: 15px;
        padding-left: 2px;
        line-height: 26px;
    }

    .slide1,
    .slide2,
    .slide3,
    .slide4,
    .slide5,
    .slide6,
    .slide7,
    .slide8,
    .slide9,
    .slide10,
    .slide11,
    .slide12,
    .slide13,
    .slide14,
    .slide15,
    .slide16,
    .slide17,
    .slide18,
    .slide19,
    .slide20,
    .slide21,
    .slide22,
    .slide23 {
        width: 235px;
    }

    .ath p {
        font-size: 12px;
    }

    .sliderCnt {
        max-width: 100%;
        height: 600px;
        background-size: 800px auto;
        margin-top: -320px;
    }

    .ftr p {
        font-size: 60%;
        padding: 30px;
        line-height: 20px;
        margin-top: -30px;
    }

    .cdCover {
        display: none;
    }

    .subt p {
        margin: 20px;
        color: #FFF;
        padding: 0 0 0 0;
        letter-spacing: normal;
        border-top: 1px solid #e2e2e2;
        padding-top: 18px;
        padding-bottom: 16px;
        font-size: 14px;
        text-align: center;
        line-height: 26px;
    }

    .btncnt {
        text-align: center;
        padding-bottom: 25px;
        padding-top: 50px;
        margin-top: -40px;
        padding-right: 0;
        height: 15px;
        font-size: 98px;
    }

    .boxed {
        padding-bottom: 180px;
    }

    ul#plList {
        font-size: 13px;
    }

    #plwrap {
        padding: 0 20px 0 20px;
    }

    #plList li {
        padding: 10px 0;
    }

    .firstletterb {
        float: left;
        font-size: 78px;
        line-height: 216px;
        margin-right: 3.4em;
        color: #F4F4F4;
    }

    .capt {
        font-size: 70%;
        bottom: -28px;
    }

    .wht {
        padding-top: 60px;
    }

    blockquote {
        font-size: 18px;
        line-height: 32px;
        color: #242424;
        font-style: italic;
        margin: 8px 0 8px 0;
        padding: 0px 20px 0 19px;
        border-left: 1px solid #ddd;
    }
}

@supports (padding: max(0px)) {
    .post {
        padding-left: max(12px, env(safe-area-inset-left));
        padding-right: max(12px, env(safe-area-inset-right));
    }
}

.post {
    padding-left: max(12px, env(safe-area-inset-left));
    padding-right: max(12px, env(safe-area-inset-right));
}

/* ============================================================
   FIX position:fixed — noova body { height: 100vh; overflow: scroll }
   trasforma il body in scroll container e intrappola gli elementi
   position:fixed (es. il player #mypl) facendoli stare a metà pagina
   invece che ancorati al viewport. Restoro il flusso documento normale
   così html scrolla naturalmente e position:fixed è relativo al viewport.
   ============================================================ */
html,
body {
    height: auto !important;
    width: auto !important;
    overflow: visible !important;
    touch-action: auto !important;

    /* NON usare overflow-x:hidden qui: per spec CSS, overflow-x:hidden +
       overflow-y:visible forza overflow-y:auto → body diventa scroll
       container → position:sticky NON funziona più sui discendenti.
       Eventuali overflow orizzontali si gestiscono per-elemento. */
}

/* ============================================================
   FIX EXTRA — neutralizza backface-visibility:hidden su html/body
   che crea containing block 3D e ROMPE position:sticky / position:fixed.
   Senza questo le hero sticky della .lv-hero-host non funzionano.
   ============================================================ */
html,
body {
    backface-visibility: visible !important;
    -webkit-backface-visibility: visible !important;
    transform-style: flat !important;
    -webkit-transform-style: flat !important;
}