/*=============================================================
// JOKE SKIN - http://skinlab.forumfree.it/?t=48299522
//============================================================= */

.sub-link:before, .side_title:after, .pages .first span, .pages .prev span, .pages .next span, .pages .last span {background-image: url('//img.forumfree.net/ffm/img/spritewhite.png')}
@media only screen and (min-resolution: 192dpi) {.sub-link:before, .side_title:after, .pages .first span, .pages .prev span, .pages .next span, .pages .last span {background-image: url('//img.forumfree.net/ffm/img/spritewhite@2x.png')}}

body {font: 13px/150% georgia, Trebuchet MS, Tahoma, Sans-serif; color: #555; background-color: #000}
a {color: #5A518F; text-decoration: none; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out} a:hover {color: #FFF; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out}

.tagboard .nickname {margin-right: 4px; background: #000; padding: 2px 4px; font-weight: normal; padding: 2px 5px; border-radius: 4px 22px / 22px 4px; -moz-border-radius: 4px 22px / 22px 4px; font-family:prata}
.tagboard .textinput {font-family:georgia}
.tagboard .list-group {background-image: url(""); background-blend-mode: multiply}

.footer {color: #777}
.footer a {font-weight: normal; color: #FFF}

/* SIDEBAR */
.sidebar {background-color: #1D1D1D; font-family:georgia}
.sidebar a {color: #666} .sidebar span a {color: #5A518F}
.sidebar li {line-height: normal; color: #777}
.side_title {background-color: #111; color: #FFF; font-family:prata; border: 0; border-bottom: 3px solid #1B1A23; text-align:center}
/* menu utente */
.menu > li {color: #999}
.menu .nickname {font-weight:normal !important; font-size: 18px !important; color: #5A518F; font-family: rye !important; letter-spacing: 1px !important}
.sidebar em {font-weight: bold; color: #FFF; background-color: #463950}
.submenu > li, .login > li, #ff_links, .search {border-top: 0 solid #2F2F2F; border-bottom: 1px solid #111}
#ff_links, .search {border-top: 0}
li.user_details {background: #1D1D1D; background-image: url("https://img.freepik.com/premium-vector/witchcraft-magic-seamless-pattern-design_115071-98.jpg?w=2000"); background-position: center; background-size: cover; background-blend-mode: multiply}
/* login */
.login input {color: #999}
.login input {padding: 7px 0; font-weight: normal; font-family: georgia; border: 2px solid #1D1D1D; background-color: #1D1D1D; font-size: 12px; text-transform: none; padding: 8px !important; box-shadow: inset 0 0 0 2px #111; -moz-box-shadow: inset 0 0 0 2px #111; -webkit-box-shadow: inset 0 0 0 2px #111; transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out} .login input[type=submit]:hover {background-color: #090909; border-color: #090909; color: #CCC}
/* cerca */
.search {background-color: #111}
.search input {color: #999}

/* NAV */
.menuwrap_bg {background-color: #463950}
.menuwrap em {background-color: #A0A954}
/* nome forum */
#nav-title span {color: #FFF; font-size: 18px; font-weight: normal}

/* HEADER, LOGO */
.logo {padding-top: 20px; background-position: center center; background-repeat: no-repeat; background-size: contain; margin-left: -2px}

/* SEZIONI */
.list-group > *, .stats_list > li, .u_info dl {background-color: #111; border-bottom: 1px solid #1D1D1D; border-top: 0 solid #2F2F2F; padding: 8px}
#board .tagboard, .list-group:not(.mod) > li:not(.importante):not(.annuncio):not(.title):not(.bottom):not(.top), .u_info dl {background-image: url(""); background-size: 500px 171px; background-color: #111}
#board .list-group:not(.mod) > li:not(.importante):not(.annuncio):not(.title):not(.bottom):not(.top):nth-child(odd) {background-image: url(""); background-size: 500px 171px; background-color: #111}
#board .list-group .last-post {background-color: #0D0D0D; padding: 4px !important}
.title {text-align: center; border-bottom: 3px solid #1B1A23; font-weight: normal; font-size: 14px; color: #FFF; padding: 8px; text-align: center; font-size: 16px; letter-spacing: 2px; color: #697E75; font-family: rye; text-transform: uppercase; text-shadow: none; background-color: #1D1D1D; background-image: url("https://img.freepik.com/premium-vector/witchcraft-magic-seamless-pattern-design_115071-98.jpg?w=2000"); background-size: cover; background-blend-mode:multiply; background-position: center}
.stats .title {text-align: center; border-bottom: 3px solid #1B1A23; font-weight: normal; padding: 8px; text-align: center; font-size: 12px; letter-spacing: 2px; color: #697E75; font-family: rye; text-transform: none; text-shadow: none; background-color: #1D1D1D; background-image:none}

#forum .title {text-transform:none; font-weight:normal; font-size: 14px}
#topic .title {text-transform:none; font-weight: normal; font-size: 14px; font-family:prata}

.web a {font-size: 16px; color: #CCC; font-family: rye; letter-spacing: 1px; text-transform:none; font-weight: normal !important; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out} .web a:hover {color: #FFF; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out}
.forum .web a {font-size: 15px}
.desc {color: #979797; font: 12px montserrat; font-weight:bold}
.last-post {color: #979797; font: 12px montserrat}
.last-post a {color: #5A518F; font-family:georgia}
.board .last-post a, .board .last-post a * {font-size: 14px !important; font-weight: normal}
.board .last-post a:hover {color: #FFF; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out}
.forum .last-post {margin-top: 7px}

.last-post a:nth-child(2) {color: #899892 !important}

.topics, .replies, .views {font-size: 12px; color: #777; font-family:roboto}
span.timeago {color: #777 !important; font-size: 12px} .topic .timeago {color: #555; font-size: 12px}
.no-time {font-style: italic; color: #999}
.popupago {text-align: center; background-color: #000; color: #FFF; border-radius: 5px; -moz-border-radius: 5px}

/* sottosezioni */
.sub-link {font: 12px montserrat; color: #979797 !important; font-weight:bold}
#board .subsection {font-family:montserrat; font-weight:bold}
#board .subsection a {color: !important}


/* .on, .annuncio, .importante */
.on {border-left: 5px solid #899892}
.annuncio {background-color: #090909; border-top: 0 solid #222; border-bottom-color: #0B0B0B; border-left: 5px solid #312F3B}
.importante {background-color: #090909; border-bottom-color: #171717; border-top: 0 solid #333; border-left: 5px solid #312F3B}

/* SELEZIONE RIGA: Moderazione */
li.selected {background-color: #463950 !important; border-bottom-color: #111 !important} .selected *, .selected .web *, .selected .desc, .selected .desc *, .selected .last-post * {color: #FFF !important}

/* MESSENGER */
#mp-option label, #mp-delete {background-color: #131313; color: #775C8D; font-weight: bold; font-size: 14px}
#mp-option label {border-right: 1px solid #000} #mp-delete {border-left: 1px solid #1F1F1F}

/* DISCUSSIONI, ARTICOLI */
.post {border: 1px solid #000}
.details a, .cancelled {font-size: 18px; font-weight: normal; font-family:rye; color: #5A518F; letter-spacing: 1px}
.cancelled {padding-left: 5px; font-weight: normal; color: #444}
.topic .group {color: #999; font-size: 12px; font-family:montserrat; font-weight:bold}

.post .avatar {border-color: #CCC; box-shadow: 0 0 0 1px #444; -moz-box-shadow: 0 0 0 1px #444; -webkit-box-shadow: 0 0 0 1px #444}

.box_gruppo1 .details>a {color: #DA291C}
.box_gruppo2 .details>a {color: #679267}
.box_gruppo3 .details>a {color: #4F85A7}
.box_gruppo4 .details>a {color: #FCF75E}
.box_gruppo5 .details>a {color: #1E90FF}
.box_gruppo6 .details>a {color: #1CA9C9}
.box_gruppo7 .details>a {color: #B0E0E6}
.box_gruppo8 .details>a {color: #DA70D6}
.box_gruppo9 .details>a {color: #00FA9A}
.box_gruppo10 .details>a {color: #DEB887}
.box_gruppo11 .details>a {color: #6A5ACD}
.box_gruppo12 .details>a {color: #7CFC00}
.box_gruppo13 .details>a {color: #4D9797}
.box_gruppo14 .details>a {color: #97233F}
.box_gruppo15 .details>a {color: #FF8243}
.box_gruppo16 .details>a {color: #B29CC6}

#board .gruppo1 {font: 9px roboto; text-transform: uppercase; letter-spacing: 1px; color: #DA291C; margin-right: 0; font-weight:bold; -webkit-transition: all 0.0s ease-in-out; -moz-transition: all 0.0s ease-in-out; -o-transition: all 0.0s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out}
#board .gruppo2 {font: 9px roboto; text-transform: uppercase; letter-spacing: 1px; color: #679267; margin-right: 0; font-weight: bold; -webkit-transition: all 0.0s ease-in-out; -moz-transition: all 0.0s ease-in-out; -o-transition: all 0.0s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out}
#board .gruppo3 {font: 9px roboto; text-transform: uppercase; letter-spacing: 1px; color: #4F85A7; margin-right: 0; font-weight: bold; -webkit-transition: all 0.0s ease-in-out; -moz-transition: all 0.0s ease-in-out; -o-transition: all 0.0s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out}
#board .gruppo4 {font: 9px roboto; text-transform: uppercase; letter-spacing: 1px; color: #FCF75E; margin-right: 0; font-weight: bold; -webkit-transition: all 0.0s ease-in-out; -moz-transition: all 0.0s ease-in-out; -o-transition: all 0.0s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out}
#board .gruppo5 {font: 9px roboto; text-transform: uppercase; letter-spacing: 1px; color: #1E90FF; margin-right: 0; font-weight: bold; -webkit-transition: all 0.0s ease-in-out; -moz-transition: all 0.0s ease-in-out; -o-transition: all 0.0s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out}
#board .gruppo6 {font: 9px roboto; text-transform: uppercase; letter-spacing: 1px; color: #1CA9C9; margin-right: 0; font-weight: bold; -webkit-transition: all 0.0s ease-in-out; -moz-transition: all 0.0s ease-in-out; -o-transition: all 0.0s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out}
#board .gruppo7 {font: 9px roboto; text-transform: uppercase; letter-spacing: 1px; color: #B0E0E6; margin-right: 0; font-weight: bold; -webkit-transition: all 0.0s ease-in-out; -moz-transition: all 0.0s ease-in-out; -o-transition: all 0.0s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out}
#board .gruppo8 {font: 9px roboto; text-transform: uppercase; letter-spacing: 1px; color: #DA70D6; margin-right: 0; font-weight: bold; -webkit-transition: all 0.0s ease-in-out; -moz-transition: all 0.0s ease-in-out; -o-transition: all 0.0s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out}
#board .gruppo9 {font: 9px roboto; text-transform: uppercase; letter-spacing: 1px; color: #00FA9A; margin-right: 0; font-weight: bold; -webkit-transition: all 0.0s ease-in-out; -moz-transition: all 0.0s ease-in-out; -o-transition: all 0.0s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out}
#board .gruppo10 {font: 9px roboto; text-transform: uppercase; letter-spacing: 1px; color: #DEB887; margin-right: 0; font-weight: bold; -webkit-transition: all 0.0s ease-in-out; -moz-transition: all 0.0s ease-in-out; -o-transition: all 0.0s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out}
#board .gruppo11 {font: 9px roboto; text-transform: uppercase; letter-spacing: 1px; color: #6A5ACD; margin-right: 0; font-weight:bold; -webkit-transition: all 0.0s ease-in-out; -moz-transition: all 0.0s ease-in-out; -o-transition: all 0.0s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out}
#board .gruppo12 {font: 9px roboto; text-transform: uppercase; letter-spacing: 1px; color: #7CFC00; margin-right: 0; font-weight: bold; -webkit-transition: all 0.0s ease-in-out; -moz-transition: all 0.0s ease-in-out; -o-transition: all 0.0s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out}
#board .gruppo13 {font: 9px roboto; text-transform: uppercase; letter-spacing: 1px; color: #4D9797; margin-right: 0; font-weight: bold; -webkit-transition: all 0.0s ease-in-out; -moz-transition: all 0.0s ease-in-out; -o-transition: all 0.0s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out}
#board .gruppo14 {font: 9px roboto; text-transform: uppercase; letter-spacing: 1px; color: #97233F; margin-right: 0; font-weight: bold; -webkit-transition: all 0.0s ease-in-out; -moz-transition: all 0.0s ease-in-out; -o-transition: all 0.0s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out}
#board .gruppo15 {font: 9px roboto; text-transform: uppercase; letter-spacing: 1px; color: #FF8243; margin-right: 0; font-weight: bold; -webkit-transition: all 0.0s ease-in-out; -moz-transition: all 0.0s ease-in-out; -o-transition: all 0.0s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out}
#board .gruppo16 {font: 9px roboto; text-transform: uppercase; letter-spacing: 1px; color: #B29CC6; margin-right: 0; font-weight: bold; -webkit-transition: all 0.0s ease-in-out; -moz-transition: all 0.0s ease-in-out; -o-transition: all 0.0s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out}

#board .user_online a {font: 12px roboto; text-transform: none; letter-spacing: 1px; margin-right: 0; background:none; font-weight: bold; padding: 5px 5px; border-radius: 4px 22px / 22px 4px; -moz-border-radius: 4px 22px / 22px 4px; margin-bottom: 10px; -webkit-transition: all 0.0s ease-in-out; -moz-transition: all 0.0s ease-in-out; -o-transition: all 0.0s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out}

.color {text-align: justify; color: #555; font-size: 12px; line-height: 12px; font-family:georgia}
.color a {font-weight: bold; text-decoration: underline}

.edit {font-size: 10px; font-style: italic; color: #666; display:none}
.topic .option, .article .option {background-color: #090909; border-top: 1px solid #0D0D0D}
.topic .like {color: #666}
/* etichette, firma ffmobile*/
.tags, .ffmsign {font-size: smaller; font-style: italic}
.tags {margin-bottom: 0}
.tags a, .ffmsign a {text-decoration: none; font-weight: normal}
/* alert, info, success */
.alert {background-color: #697E75; color: #000; border-color: #4B5953}
.info {background-color: #697E75; color: #C0D5E0; border-color: #4B5953}
.success {font-size: 12px; color: #999; background: #403E4C; box-shadow: inset 0 1px 0 #0D0D0D; -moz-box-shadow: inset 0 1px 0 #0D0D0D; -webkit-box-shadow: inset 0 1px 0 #0D0D0D; font-weight: normal; border: 3px solid #211F2E; font-family: georgia}
.alert a, .info a, .success a {color: #FFF; text-decoration: none; font-weight: bold} .success a {color: #468847}
/* allegati */
.attachment {text-align: center; position: relative}
.attachment > a {display: inline-block; padding: 7px}

/* popup moderazione post */
.topic .pop ul {background-color: #111; border: 1px solid #292929; box-shadow: 0 0 5px rgba(0, 0, 0, .3); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .3); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3)}
.topic .pop li {border-bottom: 1px solid #292929} .topic .pop li:last-child {border: 0}
.topic .pop a {font-size: 14px; color: #777}

/* ONLINE, OFFLINE, ANONIMO */
.online, .offline, .anonimo {border-color: #272829}
.online {background-color: #6FC400}
.offline {background-color: #E74C3C}
.anonimo {background-color: #BDC3C7}

/* SONDAGGIO */
.poll-bar {background-color: #D0E3ED; border-radius: 2px; -moz-border-radius: 2px; color: #002C44}
.poll-bar div {background-color: #68BADD; border-radius: 2px 4px 4px 2px; -moz-border-radius: 2px 4px 4px 2px; color: #003A54}
.poll-max .poll-bar div {background-color: #088CC8}

/* PAGINAZIONE */
.pages, .pages .nolink:hover {border: 1px solid #292929; background-color: #191919 !important}
.pages li a {color: #899892 !important; font-size: 17px; box-shadow: 1px 0 0 #292929, inset 1px 0 0 #292929; -moz-box-shadow: 1px 0 0 #292929, inset 1px 0 0 #292929; -webkit-box-shadow: 1px 0 0 #292929, inset 1px 0 0 #292929}
.pages li > a:first-child {box-shadow: -1px 0 0 #292929; -moz-box-shadow: -1px 0 0 #292929; -webkit-box-shadow: -1px 0 0 #292929}
.pages li a:hover {background-color: #775C8D; color: #FFF}

/* CITAZIONI, SPOILER e CODICI annidati */
.quote_top, .quote, .code_top, .code {margin: 10pt 0 0; border-left: 3px solid #899892 !important}
.quote_top, .code_top {font-size: 11px; color: #899892 !important; font-family:orator std; padding-left: 7px}
.code {font-family: 'georgia', Sans-serif}
.quote_top a {padding: 0 10px; background: transparent url('//img.forumfree.net/index_file/q.png') center no-repeat; text-decoration: none}
.quote, .code {padding: 5px 0 5px 10px; margin-top: 0; font-size: 9pt; line-height: 120%; color: #656565; text-align: justify}

/* PROFILO */
header.profile {padding: 15px 0; color: #CCC; background: #1D1D1D; background-image: url("https://img.freepik.com/premium-vector/witchcraft-magic-seamless-pattern-design_115071-98.jpg?w=2000"); background-position: center; background-size: cover; background-blend-mode: multiply}
.profile .avatar {border-radius: 90px; -moz-border-radius: 90px; border-width: 5px; margin-bottom: 20px; background-color: #FFF}
.u_nick {font-size: 22px; font-weight:bold; letter-spacing: 1px; color: #FFF; font-family: 'Rye'}
.u_status {border-color: #FFF}
.u_group {font-size: 14px; font-family:georgia}
.u_stats > table td {border-left: 1px solid #1B1B1C; border-right: 1px solid #2F2F2F} .u_stats > table td:last-child {border-right: 0}

.profile .title, li.u_info, li.u_signature, li.u_friends {margin: 0 7px; border: 1px solid #1B1B1C}
.profile .title {margin-top: 7px; padding: 3px 8px; font-weight: normal !important; border-bottom: 0; text-transform:none}
.u_info dl {padding: 4px 7px} .u_info dl:last-child {border-bottom: 0}
/* miniature avatar amici */
.friend_avatar {border: 1px solid #8A8A8A; border-radius: 5px; -moz-border-radius: 5px}
.friend_avatar img {border-radius: 5px; -moz-border-radius: 5px}
.friend_nickname {background: #222; color: #FFF; font-size: 10px; line-height: 15px; text-align: center; border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px}

/* STATISTICHE */
.stats {text-align: center}
.user_online a, .groups_list a {font-weight: bold; font-family:georgia; text-transform:none}
.groups_list {padding: 10px 5px; border-bottom: 1px solid #1B1B1C}
.stats_list {text-align: left} .stats_list > li {padding: 3px 10px; font-weight: bold}

.online_users .nickname {color: #CCC}
.online_users .where a {font-size: 13px; color: #5A518F}
#members .details a {color: #CCC}


/* INPUT e BOTTONI */
.codebuttons, .forminput, .textinput, #allegati input {font-size: 1em; margin: 3px; padding: 5px 8px; background-color: #212223; color: #CCC; border: 1px solid #191919; border-radius: 3px; -moz-border-radius: 3px}

.textinput {font-size: 12px; margin: 3px; padding: 5px 8px; color: #555; background: #111; box-shadow: inset 0 1px 0 #0D0D0D; -moz-box-shadow: inset 0 1px 0 #0D0D0D; -webkit-box-shadow: inset 0 1px 0 #0D0D0D; font-weight:normal; border: 3px solid #191919; font-family:georgia}

.codebuttons {padding: 7px 0; color: #CCC; font-weight: bold; font-family:montserrat; border: 2px solid #1D1D1D; background-color: #1D1D1D; font-size: 10px; text-transform: uppercase; padding: 8px !important; box-shadow: inset 0 0 0 2px #111; -moz-box-shadow: inset 0 0 0 2px #111; -webkit-box-shadow: inset 0 0 0 2px #111; transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out}

/* mantenere separato il selettore per evitare problemi di visualizzazione */
#allegati input::-webkit-file-upload-button {font-size: 1em; margin: 3px; padding: 5px 8px; background-color: #212223; color: #899892; border: 1px solid #191919; border-radius: 3px; -moz-border-radius: 3px}
.codebuttons:hover, #send-button:hover {background-color: #090909; border-color: #090909}
.textinput {margin: 10px 0; font-size: 12px}
/* bagliore azzurro */
.textinput:focus {outline: none; border-color: #333; box-shadow: #000; -moz-box-shadow: #000; -webkit-box-shadow: #000}

#mod_options {padding: 3px}
#send-button {padding: 7px 0; color: #CCC; font-weight: bold; font-family:montserrat; border: 2px solid #463950; background: #463950; font-size: 10px; text-transform: uppercase; padding: 8px !important; box-shadow: inset 0 0 0 2px #111; -moz-box-shadow: inset 0 0 0 2px #111; -webkit-box-shadow: inset 0 0 0 2px #111; transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out}

.buttons a {padding: 7px 0; color: #777; font-weight: bold; font-family:montserrat; border: 2px solid #000; background: #0D0D0D; font-size: 10px; text-transform: uppercase; padding: 8px !important; box-shadow: inset 0 0 0 2px #111; -moz-box-shadow: inset 0 0 0 2px #111; -webkit-box-shadow: inset 0 0 0 2px #111; transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out}
.buttons a:hover {background-color: #775C8D; color: #FFF; border: 2px solid #000; background: #000; transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out}

/* SPINNER SCURO */
#spinner {background: rgba(0, 0, 0, .7); color: #FFF}
#pathspinner {stroke: #FFF}


/*blocchi per intestazioni sezioni*/
.intestazionisezioni {background: #090909; margin: 15px 0; padding: 10px 15px; border: 4px solid #0D0D0D}

/*menu sotto il logo*/
.underheader a {font-family: 'Montserrat'; font-size: 12px}
.underheader {background:}


/* latin-ext */
@font-face {font-family: 'Rye';
 font-style: normal;
 font-weight: 400;
 font-display: swap;
 src: local('Rye Regular'), local('Rye-Regular'), url(https://fonts.gstatic.com/s/rye/v7/r05XGLJT86YzH57tfumh4gok.woff2) format('woff2');
 unicode-range: u+0100-024f, u+0259, u+1e00-1eff, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff}
/* latin */
@font-face {font-family: 'Rye';
 font-style: normal;
 font-weight: 400;
 font-display: swap;
 src: local('Rye Regular'), local('Rye-Regular'), url(https://fonts.gstatic.com/s/rye/v7/r05XGLJT86YzEZ7tfumh4g.woff2) format('woff2');
 unicode-range: u+0000-00ff, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd}

 /* cyrillic-ext */
@font-face {font-family: 'Roboto';
 font-style: normal;
 font-weight: 300;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');
 unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f}
/* cyrillic */
@font-face {font-family: 'Roboto';
 font-style: normal;
 font-weight: 300;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');
 unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116}
/* greek-ext */
@font-face {font-family: 'Roboto';
 font-style: normal;
 font-weight: 300;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');
 unicode-range: u+1f00-1fff}
/* greek */
@font-face {font-family: 'Roboto';
 font-style: normal;
 font-weight: 300;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');
 unicode-range: u+0370-03ff}
/* vietnamese */
@font-face {font-family: 'Roboto';
 font-style: normal;
 font-weight: 300;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');
 unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+1ea0-1ef9, u+20ab}
/* latin-ext */
@font-face {font-family: 'Roboto';
 font-style: normal;
 font-weight: 300;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
 unicode-range: u+0100-024f, u+0259, u+1e00-1eff, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff}
/* latin */
@font-face {font-family: 'Roboto';
 font-style: normal;
 font-weight: 300;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
 unicode-range: u+0000-00ff, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd}
 /* cyrillic-ext */
@font-face {font-family: 'Montserrat';
 font-style: normal;
 font-weight: 300;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCs16Hw0aXpsog.woff2) format('woff2');
 unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f}
/* cyrillic */
@font-face {font-family: 'Montserrat';
 font-style: normal;
 font-weight: 300;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCs16Hw9aXpsog.woff2) format('woff2');
 unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116}
/* vietnamese */
@font-face {font-family: 'Montserrat';
 font-style: normal;
 font-weight: 300;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCs16Hw2aXpsog.woff2) format('woff2');
 unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+1ea0-1ef9, u+20ab}
/* latin-ext */
@font-face {font-family: 'Montserrat';
 font-style: normal;
 font-weight: 300;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCs16Hw3aXpsog.woff2) format('woff2');
 unicode-range: u+0100-024f, u+0259, u+1e00-1eff, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff}
/* latin */
@font-face {font-family: 'Montserrat';
 font-style: normal;
 font-weight: 300;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCs16Hw5aXo.woff2) format('woff2');
 unicode-range: u+0000-00ff, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd}

/* cyrillic-ext */
@font-face {font-family: 'Prata';
 font-style: normal;
 font-weight: 400;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/prata/v18/6xKhdSpbNNCT-sWCCm7JLQ.woff2) format('woff2');
 unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f}
/* cyrillic */
@font-face {font-family: 'Prata';
 font-style: normal;
 font-weight: 400;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/prata/v18/6xKhdSpbNNCT-sWLCm7JLQ.woff2) format('woff2');
 unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116}
/* vietnamese */
@font-face {font-family: 'Prata';
 font-style: normal;
 font-weight: 400;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/prata/v18/6xKhdSpbNNCT-sWACm7JLQ.woff2) format('woff2');
 unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+1ea0-1ef9, u+20ab}
/* latin */
@font-face {font-family: 'Prata';
 font-style: normal;
 font-weight: 400;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/prata/v18/6xKhdSpbNNCT-sWPCm4.woff2) format('woff2');
 unicode-range: u+0000-00ff, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd}

@font-face {font-family:orator std; font-style:normal; font-weight: 400; src:local('Orator Std'), url(https://fonts.cdnfonts.com/s/13889/OratorStd.woff) format('woff')}

 /* TIMELINE NON COPIARE BY ZIREAEL */
.timeline {position: relative; width: 700px; margin: 0 auto; background: #111}
.timeline::after {content: ''; position: absolute; width: 6px; background-color: #1B1A23; top: 0; bottom: 0; left: 50%; margin-left: -3px}
.timelineleft {margin-left: 75px}
.timelineleft::before {content: " "; height: 0; position: absolute; margin-top: 22px; width: 0; z-index: 1; margin-left: 250px; border: medium solid #403E4C; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #403E4C}
.timelineright {margin-left: 382px}
.timelineright::before {content: " "; height: 0; position: absolute; margin-top: 22px; width: 0; z-index: 1; margin-left: -18px; border: medium solid #403E4C; border-width: 10px 10px 10px 0; border-color: transparent #403E4C transparent transparent}
.timelinecontentleft {padding: 10px 30px; background-color: #403E4C; position: relative; border-radius: 6px; -moz-border-radius: 6px; width: 230px; margin-left: -40px}
.timelinecontentright {padding: 10px 30px; background-color: #403E4C; position: relative; border-radius: 6px; -moz-border-radius: 6px; width: 230px; margin-left: -10px}

/*tabella in home*/
.tsquare img {width: 40px; margin: 2px; border: 2px solid #FFF}
.tlink a {background: #211F2E; color: #AAA !important; font: 10px montserrat; font-weight: bold; display: inline-block; text-transform: uppercase; width: 68px; margin: 1px !important; padding: 4px !important; border: 0 !important; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.tlink {margin-top: 5px}
.tbox {overflow: auto; width: auto; text-align: justify; font-size: 12px; line-height: 120%; margin: 2px 0 2px -5px}
.tcredits {background: #111; text-transform: uppercase; font: 10px montserrat; font-weight: bold; text-align: center; margin-left: -5px !important}::-webkit-scrollbar {width: 0}
.ttitle {text-align: center; border-bottom: 3px solid #1B1A23; font-weight: normal; font-size: 14px; color: #FFF; padding: 8px; text-align: center; font-size: 16px; letter-spacing: 2px; color: #697E75; font-family: rye; text-transform: uppercase; text-shadow: none; background-color: #1D1D1D; background-image: url("https://img.freepik.com/premium-vector/witchcraft-magic-seamless-pattern-design_115071-98.jpg?w=2000"); background-size: cover; background-blend-mode:multiply; background-position: center}
.ttable {background:}

/* SFONDI LINK DIVERSI - cancellare se non serve */
.tlink a:nth-child(odd) {background: #403E4C; font-family: montserrat; font-weight: bold; font-size: 8px; text-transform: uppercase; letter-spacing: 1px; text-align: center; color: #AAA}
.tlink a:nth-child(even) {font-family: montserrat; font-weight: bold; font-size: 8px; text-transform: uppercase; letter-spacing: 1px; text-align: center; color: #AAA}