@import url(https://fonts.googleapis.com/css?family=Oswald:200,500|Roboto:300,400,700);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, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

* {
  outline: none;
  box-sizing: border-box; }

a {
  text-decoration: none; }

.main-title, .main-title .label, .main-title .bars, .txtimg, .tag, .overlay, .textblock:first-of-type:after, #loader, .nav .search-btn, .menu-link .label, .video-box, #banners, .footer .copy, .footer .copylink, .partners-list .partner, .partners-list .partner__logo, .partners-list .partner__info, #generic .content, .tns-nav, .playpause, .quality-label, .track__audio .audio-control, .track-media .btn.big {
  align-items: center;
  justify-content: center; }

.form .select-box.custom-select .trigger-select, .form .tags-box.custom-select .trigger-select,
.form .bootstrap-tagsinput.custom-select .trigger-select, .form .select-box.custom-select .select-wrapper, .form .tags-box.custom-select .select-wrapper,
.form .bootstrap-tagsinput.custom-select .select-wrapper, .form .select-box.custom-select .select-wrapper .select-option, .form .tags-box.custom-select .select-wrapper .select-option,
.form .bootstrap-tagsinput.custom-select .select-wrapper .select-option, .form .tags-box, .form .privacy, .search-box .fields-box .bootstrap-tagsinput, .track, .track-info__detail, .track-info__genere, .track-info__tags, .track-info__detail .title {
  align-items: center;
  justify-content: flex-start; }

.nav, .menu, .ricerca, .ricerca .form, .banner__info, .footer .portali, .search-box .fields .switch-box, .track__quality {
  align-items: center;
  justify-content: flex-end; }

.partners-list, .search-box {
  align-items: flex-start;
  justify-content: flex-start; }

.partners-list .partner__info {
  align-items: flex-start;
  justify-content: center; }

#head, .tns-controls, .track-media .audio-track {
  align-items: center;
  justify-content: space-between; }

#head, #logo .logo-link img {
  height: 100px; }

.btn, .btn-light, h2, h3, h4, h5, h6, .banner__info .banner-title, .footer strong, #contacts .content .general-text strong, .partners-list .partner__info h4, .track__info strong {
  font-weight: 300;
  font-family: "Oswald";
  letter-spacing: 0.15rem;
  text-transform: uppercase; }

.placeholder:before, .form .privacy .checkbox:before, .overlay .close-overlay:before, .nav .search-btn .close:before, .tns-controls button:before, .search-box .fields-box .bootstrap-tagsinput .tag span:before, .placeholder:after, .form .privacy .checkbox:after, .overlay .close-overlay:after, .nav .search-btn .close:after, .tns-controls button:after, .search-box .fields-box .bootstrap-tagsinput .tag span:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  display: block; }

.placeholder:before, .form .privacy .checkbox:before, .overlay .close-overlay:before, .nav .search-btn .close:before, .tns-controls button:before, .search-box .fields-box .bootstrap-tagsinput .tag span:before {
  transform: translate(-50%, -50%) rotate(-45deg); }

.placeholder:after, .form .privacy .checkbox:after, .overlay .close-overlay:after, .nav .search-btn .close:after, .tns-controls button:after, .search-box .fields-box .bootstrap-tagsinput .tag span:after {
  transform: translate(-50%, -50%) rotate(45deg); }

html {
  width: 100%;
  min-height: 100vh; }

body {
  background: #fff;
  font-weight: 400;
  font-size: 16px;
  font-family: "Roboto";
  line-height: 1.4em;
  color: #030405;
  margin: 0;
  padding: 0;
  min-height: 100vh;
  overflow-x: hidden !important;
  overflow-y: hidden; }
  body::-webkit-scrollbar {
    width: 8px; }
  body::-webkit-scrollbar-track {
    border-radius: 2px;
    background: rgba(3, 4, 5, 0.2); }
  body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(255, 98, 99, 0.4); }

a {
  position: relative; }
  a:after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    display: block;
    background: #ff6263;
    width: 100%;
    height: 2px;
    transition: 230ms cubic-bezier(0.77, 0, 0.175, 1);
    transform: scaleX(0);
    transform-origin: center center; }
  a:hover:after {
    transform: scaleX(1); }

#itsawrap {
  display: block;
  margin-top: 100px;
  padding: 0;
  position: relative;
  z-index: 0; }

.btn {
  display: flex;
  justify-content: center;
  background: #fff;
  min-width: 100px;
  color: #030405;
  padding: 10px 25px;
  border-radius: 50px;
  transition: 200ms linear;
  border: 0;
  cursor: pointer; }
  .btn.big {
    background: #ff6263;
    font-weight: 400;
    color: #fff;
    padding: 20px 25px; }
  .btn:hover {
    background: #030405;
    color: #ff6263; }
    .btn:hover:after {
      display: none; }

.btn-light {
  text-transform: uppercase; }

.content {
  width: 80vw;
  height: auto;
  max-width: 1500px;
  margin: 0 auto; }

.section {
  background: #fff;
  width: 100%;
  height: auto;
  padding: 6vh 0; }
  .section.dark {
    background: #161e25;
    color: #fff; }
    .section.dark .main-title .label {
      color: #ff6263; }
    .section.dark .main-title .bar {
      background: #fff; }
  .section#video {
    position: relative;
    z-index: 2; }
  .section#search-home {
    position: relative;
    z-index: 1; }
  .section.overlap {
    position: relative; }
    .section.overlap:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      display: block;
      width: 100%;
      height: 20vh;
      z-index: -1; }
    .section.overlap.white:after {
      background: #fff; }
    .section.overlap.black:after {
      background: #161e25; }

h2 {
  font-size: 3rem; }

h3 {
  font-size: 2.4rem; }

h4 {
  font-size: 2rem; }

h5 {
  font-size: 1.7rem; }

h6 {
  font-size: 1.5rem; }

.main-title {
  display: flex;
  flex-direction: column;
  margin: 40px 0; }
  .main-title .label {
    display: flex;
    width: 100%;
    height: auto;
    color: #ff6263;
    margin-bottom: 40px; }
  .main-title .bars {
    display: flex; }
    .main-title .bars .bar {
      position: relative;
      display: block;
      background: #030405;
      width: 4px;
      height: 30px;
      margin: 0 5px;
      border-radius: 4px;
      transform: scaleY(0.2);
      animation: jump 0ms -800ms linear infinite alternate; }

@keyframes jump {
  0% {
    transform: scaleY(0.2); }
  100% {
    transform: scaleY(1); } }
  .main-title .bar:nth-child(1) {
    animation-duration: 433ms; }
  .main-title .bar:nth-child(2) {
    animation-duration: 458ms; }
  .main-title .bar:nth-child(3) {
    animation-duration: 433ms; }
  .main-title .bar:nth-child(4) {
    animation-duration: 463ms; }
  .main-title .bar:nth-child(5) {
    animation-duration: 491ms; }
  .main-title .bar:nth-child(6) {
    animation-duration: 491ms; }
  .main-title .bar:nth-child(7) {
    animation-duration: 481ms; }
  .main-title .bar:nth-child(8) {
    animation-duration: 485ms; }
  .main-title .bar:nth-child(9) {
    animation-duration: 455ms; }
  .main-title .bar:nth-child(10) {
    animation-duration: 439ms; }
  .main-title .bar:nth-child(11) {
    animation-duration: 479ms; }
  .main-title .bar:nth-child(12) {
    animation-duration: 434ms; }
  .main-title .bar:nth-child(13) {
    animation-duration: 491ms; }
  .main-title .bar:nth-child(14) {
    animation-duration: 452ms; }
  .main-title .bar:nth-child(15) {
    animation-duration: 435ms; }
  .main-title .bar:nth-child(16) {
    animation-duration: 487ms; }
  .main-title .bar:nth-child(17) {
    animation-duration: 461ms; }
  .main-title .bar:nth-child(18) {
    animation-duration: 484ms; }
  .main-title .bar:nth-child(19) {
    animation-duration: 434ms; }
  .main-title .bar:nth-child(20) {
    animation-duration: 485ms; }

.one, .btn.big, .generic-text, .partners-list {
  width: 100%;
  height: auto; }

.two, .txtimg__image, .txtimg__text {
  width: 50%;
  height: auto; }

.three {
  width: calc(100% / 3);
  height: auto; }

.four {
  width: 25%;
  height: auto; }

.five {
  width: 20%;
  height: auto; }

.six {
  width: calc(100% / 6);
  height: auto; }

.seven {
  width: calc(100% / 7);
  height: auto; }

.eight {
  width: calc(100% / 8);
  height: auto; }

.nine {
  width: calc(100% / 9);
  height: auto; }

.ten {
  width: calc(100% / 10);
  height: auto; }

.eleven {
  width: calc(100% / 11);
  height: auto; }

.twelve {
  width: calc(100% / 12);
  height: auto; }

.generic-text {
  display: block;
  font-weight: 300;
  font-size: 1.2rem;
  line-height: 1.6rem; }
  .generic-text.centered {
    text-align: center;
    margin: 30px auto; }

.placeholder {
  display: block;
  background: rgba(3, 4, 5, 0.25);
  width: 100%;
  height: 100%;
  position: relative; }
  .placeholder:before, .placeholder:after {
    background: #fff;
    width: 100%;
    height: 1px;
    opacity: 0.4; }
  .placeholder:before {
    transform: translate(-50%, -50%) rotate(-30deg); }
  .placeholder:after {
    transform: translate(-50%, -50%) rotate(30deg); }

.txtimg {
  display: flex; }
  .txtimg__image {
    padding: 2rem;
    object-fit: contain; }
    .txtimg__image img {
      width: 100%;
      height: auto; }
  .txtimg__text h3, .txtimg__text p {
    display: block;
    width: 100%;
    height: auto;
    margin: 20px 0; }
  .txtimg__text p {
    max-width: 80%; }
  .txtimg:nth-of-type(even) {
    flex-direction: row-reverse; }
    .txtimg:nth-of-type(even) h3, .txtimg:nth-of-type(even) p {
      text-align: right;
      float: right; }

.tag {
  display: flex;
  background: #fff;
  color: #030405;
  padding: 0 5px 0 0;
  font-style: italic;
  font-size: .8em; }

.form .input-tag,
.form textarea, .form select {
  background: rgba(3, 4, 5, 0.1);
  text-align: left;
  font-weight: 300;
  font-size: 1rem;
  border: 0;
  padding: 0 40px;
  margin: 0.3rem 0;
  color: #fff; }
  .form .input-tag option,
  .form textarea option, .form select option {
    color: #030405; }
    .form .input-tag option:nth-of-type(1),
    .form textarea option:nth-of-type(1), .form select option:nth-of-type(1) {
      text-transform: lowercase; }

.form .select-box, .form .tags-box,
.form .bootstrap-tagsinput {
  display: block;
  background: rgba(3, 4, 5, 0.1);
  width: 100%;
  height: 100%;
  border-radius: 80px;
  position: relative; }
  .form .select-box .select-tag, .form .tags-box .select-tag,
  .form .bootstrap-tagsinput .select-tag {
    background: transparent;
    width: 100%;
    height: 100%; }
  .form .select-box.custom-select, .form .tags-box.custom-select,
  .form .bootstrap-tagsinput.custom-select {
    width: 100%;
    height: 100%;
    position: relative; }
    .form .select-box.custom-select .trigger-select, .form .tags-box.custom-select .trigger-select,
    .form .bootstrap-tagsinput.custom-select .trigger-select {
      position: relative;
      display: flex;
      width: 100%;
      height: 100%;
      font-weight: 300;
      color: rgba(255, 255, 255, 0.3);
      padding: 0 40px;
      text-transform: uppercase;
      cursor: pointer;
      z-index: 5; }
    .form .select-box.custom-select .select-wrapper, .form .tags-box.custom-select .select-wrapper,
    .form .bootstrap-tagsinput.custom-select .select-wrapper {
      position: absolute;
      top: 0;
      left: 0;
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      height: 100%;
      border-radius: 40px;
      transform: scaleY(0);
      z-index: 10;
      overflow: hidden; }
      .form .select-box.custom-select .select-wrapper .select-option, .form .tags-box.custom-select .select-wrapper .select-option,
      .form .bootstrap-tagsinput.custom-select .select-wrapper .select-option {
        display: flex;
        width: 100%;
        height: 60px;
        color: #fff;
        padding: 0 40px;
        opacity: 0; }

.form .select-box-custom {
  position: relative;
  padding-left: 40px !important;
  border-radius: 80px !important; }

.form .input-tag {
  width: 100%;
  height: 70px;
  border-radius: 80px; }

.form input[placeholder="Tags"] {
  font-size: 1em !important; }

.form .tags-box {
  display: flex;
  padding: 0 20px; }

.form textarea {
  width: 100%;
  height: 160px;
  border-radius: 40px;
  padding: 30px 40px;
  resize: none; }

.form select {
  border-radius: 80px !important; }

.form .input-tag-description {
  color: #030405 !important;
  padding: 10px 0 10px 20px; }

.form .privacy {
  display: flex;
  margin: 1rem 0 2rem;
  position: relative;
  cursor: pointer; }
  .form .privacy a {
    padding-left: 4px;
    color: #030405; }
  .form .privacy .checkbox {
    background: rgba(3, 4, 5, 0.1);
    border-radius: 50%;
    width: 30px;
    height: 30px;
    margin-right: 0.4rem;
    position: relative; }
    .form .privacy .checkbox:before, .form .privacy .checkbox:after {
      background: #ff6263;
      transition: 180ms cubic-bezier(0.77, 0, 0.175, 1); }
    .form .privacy .checkbox:before {
      width: 13px;
      height: 3px;
      transform: translate(-3px, 3px) rotate(-45deg) scaleX(0);
      transform-origin: center left; }
    .form .privacy .checkbox:after {
      transform-origin: center left;
      width: 7px;
      height: 3px;
      transform: translate(-7px, -50%) rotate(45deg) scaleX(0); }
  .form .privacy #privacy-check,
  .form .privacy #privacy-check-buy,
  .form .privacy #termsandconditions-check-buy {
    display: none; }
  .form .privacy #privacy-check:checked ~ .checkbox:before,
  .form .privacy #privacy-check-buy:checked ~ .checkbox:before,
  .form .privacy #termsandconditions-check-buy:checked ~ .checkbox:before {
    transform: translate(-3px, 3px) rotate(-45deg) scaleX(1);
    transition-delay: 180ms; }
  .form .privacy #privacy-check:checked ~ .checkbox:after,
  .form .privacy #privacy-check-buy:checked ~ .checkbox:after,
  .form .privacy #termsandconditions-check-buy:checked ~ .checkbox:after {
    transform: translate(-7px, -50%) rotate(45deg) scaleX(1); }
  .form .privacy #privacy-check:not(:checked) ~ .checkbox:before,
  .form .privacy #privacy-check-buy:not(:checked) ~ .checkbox:before,
  .form .privacy #termsandconditions-check-buy:not(:checked) ~ .checkbox:before {
    transform: translate(-3px, 3px) rotate(-45deg) scaleX(0);
    transition-delay: 0ms; }
  .form .privacy #privacy-check:not(:checked) ~ .checkbox:after,
  .form .privacy #privacy-check-buy:not(:checked) ~ .checkbox:after,
  .form .privacy #termsandconditions-check-buy:not(:checked) ~ .checkbox:after {
    transform: translate(-7px, -50%) rotate(45deg) scaleX(0);
    transition-delay: 180ms; }

.form #invia {
  font-size: 20px; }
  .form #invia.disabled {
    pointer-events: none;
    opacity: 0.7; }

.form #inviaBuy {
  font-size: 20px; }
  .form #inviaBuy.disabled {
    pointer-events: none;
    opacity: 0.7; }

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  background: rgba(3, 4, 5, 0.95);
  width: 100%;
  height: 100%;
  z-index: 100000;
  opacity: 0;
  pointer-events: none; }
  .overlay .overlay-box {
    position: relative;
    opacity: 0;
    transform: translateY(50px); }
  .overlay .close-overlay {
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    width: 60px;
    height: 60px;
    background: #fff;
    border-radius: 50%;
    overflow: hidden; }
    .overlay .close-overlay:before, .overlay .close-overlay:after {
      background: #ff6263;
      width: 40px;
      height: 2px;
      transition: 180ms linear; }
    .overlay .close-overlay:hover {
      background: #ff6263;
      transition: 180ms linear; }
      .overlay .close-overlay:hover:before, .overlay .close-overlay:hover:after {
        background: #fff; }
  .overlay .main-title .label {
    color: #ff6263; }
  .overlay .main-title .bar {
    background: #fff; }
  .overlay .input-tag {
    background: #fff; }
  .overlay .form.hidden {
    display: none; }
  .overlay .form .input-error {
    position: relative;
    background: #ffcccc; }
  .overlay .form .error {
    /*display: inline-block;
            margin: 0 auto;
            width: 100%; */
    text-align: center;
    color: #c00;
    /*padding: 10px 30px 20px;*/
    position: absolute;
    left: 35px;
    font-size: 12px;
    margin-top: -27px; }
  .overlay .form input {
    color: #030405; }
  .overlay .form .privacy {
    color: #fff; }
    .overlay .form .privacy a {
      color: #fff; }
    .overlay .form .privacy .checkbox {
      background: #fff; }
  .overlay .form .btn.big {
    font-size: 1.3rem; }

.textblock {
  padding: 10vh 0; }
  .textblock .generic-text {
    padding: 5rem; }
    .textblock .generic-text h3 {
      margin-bottom: 2rem; }
  .textblock:first-of-type {
    position: relative; }
    .textblock:first-of-type:after {
      content: '................................';
      position: absolute;
      top: 50%;
      right: 10px;
      display: flex;
      font-size: 1.3rem;
      line-height: 1rem;
      font-weight: 700;
      color: rgba(3, 4, 5, 0.3);
      letter-spacing: 5px;
      transform-origin: center center;
      transform: translate(50%, -50%) rotate(-90deg);
      text-orientation: upright; }
  .textblock .btn {
    float: right;
    background: #ff6263;
    color: #fff;
    width: 300px;
    height: auto;
    margin: 3rem 0; }
    .textblock .btn:hover {
      background: #030405;
      color: #ff6263; }

/* non mi uccidere! TVB */
.logo_portale {
  height: 80px; }

.privacy strong {
  margin-top: 40px; }

.privacy table tr td {
  border-bottom: 1px solid #cccccc;
  vertical-align: middle; }

.error-contact-form {
  color: #ff6263;
  border: 1px solid #ff6263;
  padding: 20px;
  border-radius: 10px; }

.legenda {
  display: flex;
  flex-wrap: wrap; }
  .legenda h5 {
    width: 100%; }
  .legenda .type {
    display: flex;
    align-items: center;
    margin: 20px 40px 0 0; }
    .legenda .type .quality-label {
      margin-right: 10px; }

.codice-download {
  color: #030405 !important; }

.down-btn {
  font-size: 21px !important; }

.overlay-box {
  overflow-y: scroll;
  max-height: 85vh;
  width: 75vw; }
  .overlay-box::-webkit-scrollbar-thumb {
    background: #fff;
    width: 6px;
    border-radius: 10px; }
  .overlay-box #buyForm {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto; }
    .overlay-box #buyForm .width-field-box-50 {
      width: 50% !important; }
    .overlay-box #buyForm .field-box {
      width: 33%;
      padding: 30px 20px; }
      .overlay-box #buyForm .field-box label {
        display: block;
        width: 100%;
        font-size: 0.8em;
        color: #fff;
        padding-bottom: 10px;
        text-align: center; }
      .overlay-box #buyForm .field-box .privacy {
        display: flex !important;
        font-size: 1em; }
        .overlay-box #buyForm .field-box .privacy .checkbox {
          background: #fff !important; }
      .overlay-box #buyForm .field-box.custom-select {
        position: relative; }
        .overlay-box #buyForm .field-box.custom-select.disabled {
          opacity: 0.6; }
        .overlay-box #buyForm .field-box.custom-select select {
          width: calc(100% -20px);
          margin-left: 10px;
          background: transparent !important;
          padding-left: 20px; }
          .overlay-box #buyForm .field-box.custom-select select[disabled="disabled"] {
            opacity: 0.8; }
        .overlay-box #buyForm .field-box.custom-select:before {
          content: '';
          position: absolute;
          bottom: 35px;
          left: 20px;
          background: #fff;
          width: calc(100% - 40px);
          height: 70px;
          border-radius: 80px; }
  .overlay-box .form.hidden {
    display: none !important; }
  @media (max-width: 1600px) {
    .overlay-box {
      width: 85vw; } }

.tns-outer {
  padding: 0 !important; }
  .tns-outer [hidden] {
    display: none !important; }
  .tns-outer [aria-controls], .tns-outer [data-action] {
    cursor: pointer; }

.ms-touch {
  overflow-x: scroll;
  overflow-y: hidden;
  -ms-overflow-style: none;
  -ms-scroll-chaining: none;
  -ms-scroll-snap-type: mandatory;
  -ms-scroll-snap-points-x: snapInterval(0%, 100%); }

.tns-slider {
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  transition: all 0s; }
  .tns-slider > div, .tns-slider > li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

.tns-horizontal.tns-subpixel {
  white-space: nowrap; }
  .tns-horizontal.tns-subpixel > div, .tns-horizontal.tns-subpixel > li {
    display: inline-block;
    vertical-align: top;
    white-space: normal; }

.tns-horizontal.tns-no-subpixel:after {
  content: '';
  display: table;
  clear: both; }

.tns-horizontal.tns-no-subpixel > div, .tns-horizontal.tns-no-subpixel > li {
  float: left;
  margin-right: -100%; }

.tns-no-calc {
  position: relative;
  left: 0; }

.tns-gallery {
  position: relative;
  left: 0;
  min-height: 1px; }
  .tns-gallery > div, .tns-gallery > li {
    position: absolute;
    left: -100%;
    -webkit-transition: transform 0s, opacity 0s;
    -moz-transition: transform 0s, opacity 0s;
    transition: transform 0s, opacity 0s; }
  .tns-gallery > .tns-moving {
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    transition: all 0.25s; }

.tns-lazy-img {
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  transition: opacity 0.6s;
  opacity: 0.6; }
  .tns-lazy-img.loaded {
    opacity: 1; }

.tns-ah {
  -webkit-transition: height 0s;
  -moz-transition: height 0s;
  transition: height 0s; }

.tns-ovh {
  overflow: hidden; }

.tns-hdx {
  overflow-x: hidden; }

.tns-hdy {
  overflow-y: hidden; }

.tns-visually-hidden {
  position: absolute;
  left: -10000em; }

.tns-transparent {
  opacity: 0;
  visibility: hidden; }

.tns-fadeIn {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 0; }

.tns-normal, .tns-fadeOut {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1; }

.tns-t-subp2 {
  width: 500px; }
  .tns-t-subp2 .out {
    width: -webkit-calc(100% * 700);
    width: -moz-calc(100% * 700);
    width: calc(100% * 700); }
  .tns-t-subp2 .in {
    width: -webkit-calc(100% / 700);
    width: -moz-calc(100% / 700);
    width: calc(100% / 700);
    height: 100px; }

#loader {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  background: #fff;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  z-index: 100000; }
  #loader .bar {
    position: relative;
    float: left;
    background: #ff6263;
    height: 80px;
    width: 8px;
    margin: 0 10px;
    border-radius: 8px;
    transform: scaleY(0.2);
    animation: jump 0ms -800ms linear infinite alternate; }

@keyframes jump {
  0% {
    transform: scaleY(0.2); }
  100% {
    transform: scaleY(1); } }
  #loader .bar:nth-child(1) {
    animation-duration: 463ms; }
  #loader .bar:nth-child(2) {
    animation-duration: 455ms; }
  #loader .bar:nth-child(3) {
    animation-duration: 478ms; }
  #loader .bar:nth-child(4) {
    animation-duration: 481ms; }
  #loader .bar:nth-child(5) {
    animation-duration: 472ms; }
  #loader .bar:nth-child(6) {
    animation-duration: 496ms; }
  #loader .bar:nth-child(7) {
    animation-duration: 452ms; }
  #loader .bar:nth-child(8) {
    animation-duration: 438ms; }
  #loader .bar:nth-child(9) {
    animation-duration: 473ms; }
  #loader .bar:nth-child(10) {
    animation-duration: 438ms; }
  #loader .bar:nth-child(11) {
    animation-duration: 452ms; }
  #loader .bar:nth-child(12) {
    animation-duration: 450ms; }
  #loader .bar:nth-child(13) {
    animation-duration: 490ms; }
  #loader .bar:nth-child(14) {
    animation-duration: 474ms; }
  #loader .bar:nth-child(15) {
    animation-duration: 455ms; }
  #loader .bar:nth-child(16) {
    animation-duration: 438ms; }
  #loader .bar:nth-child(17) {
    animation-duration: 468ms; }
  #loader .bar:nth-child(18) {
    animation-duration: 463ms; }
  #loader .bar:nth-child(19) {
    animation-duration: 482ms; }
  #loader .bar:nth-child(20) {
    animation-duration: 496ms; }

#head {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  background: #030405;
  width: 100%;
  z-index: 40000; }

#logo {
  display: block;
  width: auto;
  height: 100%; }
  #logo .logo-link {
    object-fit: contain; }
    #logo .logo-link img {
      width: auto; }
    #logo .logo-link:hover:after {
      display: none; }

.nav {
  display: flex;
  width: auto;
  height: 100%; }
  .nav .search-btn {
    display: flex;
    background: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin: 0 1.5rem;
    transition: 160ms linear;
    position: relative; }
    .nav .search-btn .close {
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      width: 100%;
      height: 100%;
      transform: scale(0); }
      .nav .search-btn .close:before, .nav .search-btn .close:after {
        background: #030405;
        width: 60%;
        height: 3px; }
    .nav .search-btn svg {
      width: 25px;
      height: 25px; }
      .nav .search-btn svg path {
        fill: #ff6263;
        transition: 160ms linear; }
    .nav .search-btn:hover {
      background: #ff6263; }
      .nav .search-btn:hover:after {
        display: none; }
      .nav .search-btn:hover svg path {
        fill: #fff; }

.menu {
  display: flex;
  height: 100%; }
  .menu-link {
    display: block;
    width: auto;
    height: 100%;
    margin: 0 1.5rem;
    position: relative;
    overflow: hidden; }
    .menu-link .label {
      display: flex;
      width: 100%;
      height: 100%;
      font-weight: 500;
      font-family: "Oswald";
      color: #fff;
      font-size: 0.98rem;
      text-transform: uppercase;
      letter-spacing: 0.17rem;
      transition: 200ms linear; }
    .menu-link .ball {
      position: absolute;
      bottom: -60px;
      left: 50%;
      display: block;
      background: #fff;
      width: 8px;
      height: 20px;
      border-radius: 8px;
      margin-left: -4px; }
    .menu-link:hover .label {
      color: #ff6263; }
    .menu-link:hover .ball {
      animation: motion-blur 300ms ease-in-out forwards; }
    .menu-link.active .label {
      color: #ff6263; }
    .menu-link.active .ball {
      bottom: 13px;
      width: 8px;
      height: 15px; }
    .menu-link.active:hover .ball {
      animation: none; }

@keyframes motion-blur {
  0% {
    bottom: -100px;
    height: 15px; }
  45% {
    bottom: -100px;
    transform-origin: center top;
    height: 120px; }
  100% {
    bottom: 13px;
    transform-origin: center top;
    width: 8px;
    height: 15px; } }

.ricerca {
  position: fixed;
  top: 100px;
  left: 0;
  display: flex;
  background: #030405;
  width: 100%;
  height: 100px;
  z-index: 39000;
  transform: translateY(-110%); }
  .ricerca .content {
    margin: 0;
    padding-right: 30px; }
  .ricerca .form {
    display: flex;
    width: 100%;
    height: auto; }
    .ricerca .form .input-tag {
      background: #fff;
      color: #030405;
      max-width: 50vw; }
    .ricerca .form .btn.big {
      width: 200px;
      height: 60px;
      font-size: 1.3rem;
      line-height: 1rem;
      margin-left: 30px; }

.no-bg {
  background: transparent; }

.video-box {
  display: flex;
  margin: 5vh 0; }

.video-player {
  display: block;
  width: 100%;
  height: auto;
  padding-top: 56.25%;
  position: relative; }
  .video-player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

#banners {
  display: flex;
  flex-wrap: wrap; }

.banner {
  display: block;
  padding: 2px 5px;
  position: relative; }
  .banner__image {
    display: block;
    width: 100%;
    height: 685px;
    object-fit: contain;
    opacity: 0.5;
    position: relative;
    z-index: 0;
    overflow: hidden; }
    .banner__image img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .banner__info {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    padding: 4rem;
    z-index: 1; }
    .banner__info .banner-title, .banner__info .banner-text {
      width: 100%;
      height: auto; }
    .banner__info .banner-title {
      display: block;
      font-size: 2rem;
      color: #fff; }
    .banner__info .banner-text {
      font-weight: 300;
      line-height: 1.5rem; }
    .banner__info .banner-link {
      float: right;
      width: auto;
      height: auto; }

.footer {
  padding-bottom: 0; }
  .footer a {
    color: #ff6263 !important; }
  .footer .content {
    display: flex; }
  .footer strong {
    display: block;
    font-weight: 400;
    font-size: 1.4rem;
    color: #ff6263; }
  .footer .portali {
    display: flex;
    flex-wrap: wrap; }
    .footer .portali div {
      width: 100%;
      height: auto;
      text-align: right; }
    .footer .portali-link {
      display: block;
      width: 150px;
      height: 90px;
      position: relative;
      margin: 10px 5px; }
      .footer .portali-link:hover:after {
        display: none; }
  .footer .dati {
    width: 100%;
    text-align: center;
    line-height: 31px;
    font-size: 30px; }
    .footer .dati span {
      font-size: 20px;
      text-transform: lowercase; }
  .footer .copy {
    display: flex;
    padding: 1rem;
    font-size: 0.7rem;
    position: relative;
    text-align: center; }
    .footer .copy a {
      /* text-transform: uppercase; */
      margin: 0 6px;
      color: #030405; }
    .footer .copy:before {
      content: '';
      position: absolute;
      top: 0;
      left: 50%;
      display: block;
      background: #030405;
      width: 10%;
      height: 1px;
      transform: translateX(-50%); }
  .footer .copylink {
    display: flex;
    padding: 0 0 2rem 0;
    font-size: 0.8rem;
    position: relative; }
    .footer .copylink a {
      text-transform: uppercase;
      margin: 0 6px;
      color: #030405; }

#contacts .content {
  display: flex;
  flex-wrap: wrap; }
  #contacts .content .main-title {
    width: 100%;
    height: auto; }
  #contacts .content .form {
    padding: 0 3rem; }
    #contacts .content .form input, #contacts .content .form textarea {
      color: #030405; }
  #contacts .content .contact-form {
    position: relative; }
    #contacts .content .contact-form .field-box .input-error {
      background: rgba(204, 0, 0, 0.2); }
    #contacts .content .contact-form .field-box .error {
      float: right;
      padding: 10px 30px 10px 0;
      color: #c00; }
    #contacts .content .contact-form .confirm-message {
      position: absolute;
      top: 0;
      left: 0;
      display: flex;
      align-items: flex-start;
      justify-content: center;
      background: #fff;
      width: 100%;
      height: 100%;
      font-weight: 200;
      font-family: "Oswald";
      font-size: 2em;
      color: #ff6263;
      padding: 30px;
      z-index: 1000; }
  #contacts .content .general-text a {
    color: #ff6263; }
  #contacts .content .general-text strong {
    display: block;
    font-weight: 400;
    font-size: 1.5em;
    color: #ff6263;
    margin-bottom: 10px; }
  #contacts .content .btn-light {
    display: block;
    margin: 20px 0;
    font-weight: 400;
    font-family: "Roboto";
    color: #030405;
    text-transform: lowercase; }

.partners-list {
  display: flex;
  flex-wrap: wrap; }
  .partners-list .partner {
    display: flex;
    margin: 2rem 0; }
    .partners-list .partner__logo, .partners-list .partner__info {
      display: flex;
      padding: 1rem; }
    .partners-list .partner__logo {
      width: 40%;
      height: auto;
      object-fit: contain; }
      .partners-list .partner__logo img {
        width: 100%;
        height: auto; }
    .partners-list .partner__info {
      flex-direction: column;
      width: 60%;
      height: auto;
      padding-right: 2rem; }
      .partners-list .partner__info h4 {
        display: block;
        margin-bottom: 30px; }
      .partners-list .partner__info p {
        font-weight: 300;
        font-size: 0.9rem; }

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

.download .contact-form {
  margin: 0 auto; }
  .download .contact-form .input-tag {
    text-align: center; }
  .download .contact-form .btn {
    margin-top: 20px;
    font-size: 21px; }
  .download .contact-form .msg {
    display: block;
    background: rgba(204, 0, 0, 0.2);
    width: 100%;
    height: 0;
    overflow: hidden;
    text-align: center; }
    .download .contact-form .msg strong {
      display: block;
      font-size: 0.85em;
      color: #c00;
      letter-spacing: 0.2em;
      text-align: center;
      padding: 20px 0 20px;
      text-transform: uppercase; }

.download .contratto, .download .mp3 {
  margin: 40px 0 20px; }
  .download .contratto.disabled, .download .mp3.disabled {
    height: 0;
    overflow: hidden;
    opacity: 0.4;
    pointer-events: none;
    transition: 300ms linear; }

#generic .content {
  display: flex;
  flex-direction: column;
  height: 60vh; }

.tns-outer {
  display: block;
  position: relative; }
  .tns-outer button[data-action="stop"],
  .tns-outer button[data-action="start"] {
    display: none; }

.carousel {
  display: block;
  width: 100%;
  height: 40vh;
  position: relative;
  z-index: 4; }
  .carousel-item {
    display: block;
    width: 100%;
    height: 100%;
    position: relative; }
    .carousel-item__pic {
      display: block;
      width: 100%;
      height: 100%;
      position: relative; }
      .carousel-item__pic img {
        width: 100%;
        height: 100%;
        position: relative;
        z-index: 0;
        object-fit: cover; }
      .carousel-item__pic:before, .carousel-item__pic:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        z-index: 10; }
      .carousel-item__pic:before {
        background-image: linear-gradient(to bottom, rgba(3, 4, 5, 0.6) 0%, rgba(3, 4, 5, 0) 50%); }
      .carousel-item__pic:after {
        background-image: linear-gradient(to top, rgba(3, 4, 5, 0.6) 0%, rgba(3, 4, 5, 0) 50%); }
    .carousel-item__info {
      position: absolute;
      bottom: 10%;
      left: 10%;
      display: block;
      color: #fff;
      position: absolute;
      z-index: 20; }
    .carousel-item.no-text .carousel-item__info {
      display: none; }
    .carousel-item.no-shadow .carousel-item__pic:after, .carousel-item.no-shadow .carousel-item__pic:before {
      display: none; }
  .carousel-title, .carousel-text {
    display: block;
    text-shadow: 0 0 10px #030405; }
  .carousel-title {
    font-weight: 200;
    font-family: "Oswald";
    font-size: 3em;
    text-transform: uppercase; }
  .carousel-text {
    margin: 2rem 0; }
  .carousel-link {
    float: left; }

.tns-controls {
  position: absolute;
  top: 50%;
  left: 0;
  display: flex;
  width: 100%;
  height: auto;
  height: calc($menuHeight / 2);
  transform: translateY(-50%);
  pointer-events: none;
  z-index: 10; }
  .tns-controls button {
    display: block;
    background: #fff;
    width: 50px;
    height: 50px;
    border: 0;
    border-radius: 50%;
    position: relative;
    pointer-events: all;
    text-indent: -9999em;
    margin: 0 20px;
    transition: 180ms linear; }
    .tns-controls button:before, .tns-controls button:after {
      background: #030405;
      width: 18px;
      height: 2px;
      transition: 180ms linear; }
    .tns-controls button[data-controls="prev"]:before {
      transform: translate(-55%, -50%) rotate(-45deg);
      margin-top: -6px; }
    .tns-controls button[data-controls="prev"]:after {
      transform: translate(-55%, -50%) rotate(45deg);
      margin-top: 6px; }
    .tns-controls button[data-controls="next"]:before {
      transform: translate(-45%, -50%) rotate(-45deg);
      margin-top: 6px; }
    .tns-controls button[data-controls="next"]:after {
      transform: translate(-45%, -50%) rotate(45deg);
      margin-top: -6px; }
    .tns-controls button:hover {
      background: #030405; }
      .tns-controls button:hover:before, .tns-controls button:hover:after {
        background: #fff; }

.tns-nav {
  position: absolute;
  bottom: 10%;
  right: 10%;
  display: flex;
  z-index: 20; }
  .tns-nav button {
    display: block;
    background: #fff;
    width: 6px;
    height: 15px;
    background-blend-mode: difference;
    border-radius: 6px;
    border: 0;
    margin: 0 5px;
    padding: 0;
    transition: 200ms cubic-bezier(0.77, 0, 0.175, 1);
    transform-origin: center center; }
    .tns-nav button.tns-nav-active {
      background: #ff6263;
      height: 25px; }

#search-home .search-box {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: auto;
  margin: 60px auto; }
  #search-home .search-box .generic-text {
    width: 100%;
    height: auto; }

.search-box-homepage .btn {
  width: 70% !important;
  margin: 0 auto !important;
  padding-top: 25px !important; }

.search-box {
  display: flex;
  width: 100%;
  height: auto; }
  .search-box .form {
    display: flex;
    width: 100%;
    height: auto; }
  .search-box .btn {
    width: calc(100%/3);
    height: 70px;
    font-weight: 300;
    font-size: 1.8rem;
    line-height: 1rem;
    margin: 0.3rem 0; }
  .search-box .fields {
    display: block;
    width: calc(100%/3*2);
    height: auto; }
    .search-box .fields-box {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      height: 0;
      opacity: 0;
      visibility: hidden;
      overflow: hidden; }
      .search-box .fields-box .input-tag, .search-box .fields-box .select-box,
      .search-box .fields-box .flexdatalist-multiple,
      .search-box .fields-box .select-box-custom-container {
        background: rgba(255, 255, 255, 0.1);
        width: 48%;
        height: 70px;
        margin: 0.3rem 1%;
        color: #fff; }
        .search-box .fields-box .input-tag .tags-box, .search-box .fields-box .select-box .tags-box,
        .search-box .fields-box .flexdatalist-multiple .tags-box,
        .search-box .fields-box .select-box-custom-container .tags-box {
          background: transparent; }
      .search-box .fields-box .select-box-custom-container {
        border-radius: 80px;
        padding: 0 30px; }
        .search-box .fields-box .select-box-custom-container .select-box-custom {
          background: transparent !important;
          width: 100%; }
      .search-box .fields-box .bootstrap-tagsinput {
        display: flex;
        background: transparent;
        flex-wrap: wrap;
        height: auto;
        line-height: 1rem;
        min-height: 70px;
        padding: 10px 20px 10px 0; }
        .search-box .fields-box .bootstrap-tagsinput input {
          background: transparent;
          border: 0;
          width: auto;
          height: 30px;
          min-width: 80px;
          color: rgba(255, 255, 255, 0.3);
          margin-left: 20px;
          text-transform: uppercase; }
        .search-box .fields-box .bootstrap-tagsinput .tag {
          height: 30px;
          font-size: 0.9rem;
          position: relative; }
          .search-box .fields-box .bootstrap-tagsinput .tag span {
            position: absolute;
            top: 50%;
            right: 5px;
            width: 15px;
            height: 15px;
            transform: translateY(-50%);
            cursor: pointer; }
            .search-box .fields-box .bootstrap-tagsinput .tag span:before, .search-box .fields-box .bootstrap-tagsinput .tag span:after {
              background: #030405;
              width: 10px;
              height: 2px; }
      .search-box .fields-box.simple .input-tag {
        width: 98%;
        height: 70px; }
      .search-box .fields-box.showme {
        opacity: 1;
        height: auto;
        visibility: visible; }
    .search-box .fields .switch-box {
      display: flex;
      margin: 1rem 0; }
      .search-box .fields .switch-box .switch-search {
        color: #fff; }

.playpause {
  display: flex;
  width: 40px;
  height: 40px;
  border: 4px solid #fff;
  border-radius: 50%; }
  .playpause__symbol {
    width: 20px;
    height: 20px;
    position: relative;
    pointer-events: none; }
    .playpause__symbol:before {
      content: '';
      display: block;
      border: 5px solid transparent;
      border-right: 0;
      border-left-color: #fff;
      border-left-width: 6.66667px;
      height: 10px;
      width: 0;
      margin: 0 0 0 6px;
      transition: all 200ms linear; }
    .playpause__symbol:after {
      content: '';
      position: absolute;
      top: 0;
      right: 1px;
      display: block;
      border: 5px solid transparent;
      border-right: 0;
      border-left-color: #fff;
      border-left-width: 6.66667px;
      height: 0;
      width: 0;
      margin-top: 5px;
      transition: all 200ms linear; }
  .playpause.playing .playpause__symbol:before {
    border-width: 0;
    border-left-width: 5px;
    height: 20px;
    transform: translateX(-3px); }
  .playpause.playing .playpause__symbol:after {
    border-width: 0;
    border-left-width: 4.7619px;
    height: 20px;
    margin: 0;
    transform: translateX(-1px); }

.quality-label {
  display: flex;
  background: #ff6263;
  width: 80px;
  height: auto;
  font-weight: 700;
  color: #fff;
  padding: 10px 25px;
  border-radius: 20px;
  text-transform: uppercase;
  margin: 0 6px; }
  .quality-label.disabled {
    background: rgba(3, 4, 5, 0.1);
    color: rgba(3, 4, 5, 0.4); }

.utility-row {
  display: flex;
  justify-content: space-between; }
  .utility-row .navigation {
    display: block; }
    .utility-row .navigation .pagination {
      display: flex;
      justify-content: flex-end;
      align-items: center; }
      .utility-row .navigation .pagination .page-item {
        margin: 0 5px; }
        .utility-row .navigation .pagination .page-item .page-link {
          color: #030405;
          position: relative;
          z-index: 2; }
        .utility-row .navigation .pagination .page-item.active {
          margin: 0 10px;
          position: relative; }
          .utility-row .navigation .pagination .page-item.active .page-link {
            color: #fff; }
          .utility-row .navigation .pagination .page-item.active:before {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            display: block;
            background: #ff6263;
            width: 25px;
            height: 25px;
            border-radius: 100%;
            transform: translate(-50%, -50%);
            z-index: 0; }

.tracks-list {
  margin: 2rem 0; }

.track {
  display: flex;
  background: rgba(3, 4, 5, 0.1);
  padding: 1.4rem 2rem;
  border-radius: 4rem;
  margin: 1rem 0;
  cursor: pointer; }
  .track__audio, .track__info, .track__quality {
    display: flex; }
  .track__audio {
    position: relative;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer; }
    .track__audio .audio-cover {
      position: absolute;
      top: 0;
      left: 0;
      background: #030405;
      width: 100%;
      height: 100%;
      object-fit: contain;
      z-index: 0; }
      .track__audio .audio-cover img {
        width: 100%;
        transition: 180ms linear; }
    .track__audio .audio-control {
      display: flex;
      width: 100%;
      height: 100%;
      z-index: 1;
      position: relative; }
      .track__audio .audio-control.playing .playpause__symbol:before {
        border-width: 0;
        border-left-width: 4.7619px;
        height: 20px;
        transform: translateX(-3px); }
      .track__audio .audio-control.playing .playpause__symbol:after {
        border-width: 0;
        border-left-width: 4.7619px;
        height: 20px;
        margin: 0;
        transform: translateX(-1px); }
    .track__audio:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      width: calc(100% - 6px);
      height: calc(100% - 6px);
      border: 3px solid #fff;
      border-radius: 50%;
      z-index: 10;
      opacity: 0;
      pointer-events: none; }
    .track__audio.active .audio-cover img {
      opacity: 0.5; }
    .track__audio.active .audio-control .playpause__symbol:before {
      border-width: 0;
      border-left-width: 4.7619px;
      height: 20px;
      transform: translateX(-3px); }
    .track__audio.active .audio-control .playpause__symbol:after {
      border-width: 0;
      border-left-width: 4.7619px;
      height: 20px;
      margin: 0;
      transform: translateX(-1px); }
  .track__info {
    width: calc(100% - 260px);
    height: auto;
    padding-left: 2rem;
    flex-direction: column;
    color: #030405; }
    .track__info strong, .track__info small {
      display: block; }
    .track__info strong {
      font-weight: 700;
      font-size: 1.6em;
      margin-bottom: 10px;
      letter-spacing: 0.13rem; }
  .track__quality {
    display: flex;
    width: 180px;
    height: auto; }
  .track:hover {
    background: #ff6263;
    transition: 300ms linear; }
    .track:hover .track__audio:after {
      transition: 300ms linear;
      opacity: 1; }
    .track:hover .track__info {
      color: #fff;
      transition: 280ms linear; }
      .track:hover .track__info:after {
        display: none; }
    .track:hover .track__quality .quality-label {
      background: #fff;
      color: #ff6263;
      transition: 300ms linear; }
      .track:hover .track__quality .quality-label.disabled {
        background: rgba(3, 4, 5, 0.1);
        color: rgba(3, 4, 5, 0.4); }

#track-detail .content {
  display: flex; }

.track-info {
  position: relative;
  padding-right: 5rem; }
  .track-info__cover {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 80px;
    height: 80px;
    overflow: hidden;
    object-fit: contain;
    border-radius: 50%;
    transform: translateX(-150%); }
    .track-info__cover img {
      width: 100%;
      height: auto; }
  .track-info__detail, .track-info__genere, .track-info__tags {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 20px; }
  .track-info__detail .title {
    display: flex;
    width: 100%;
    height: auto;
    font-weight: 400;
    line-height: 1em;
    color: #ff6263;
    margin-bottom: 30px; }
  .track-info__detail .author,
  .track-info__detail .duration {
    font-weight: 700; }
  .track-info__detail .author {
    padding-right: 20px; }
  .track-info__detail .duration {
    padding-left: 20px; }
  .track-info__tags .tag {
    background: transparent;
    opacity: 0.7;
    /*rgba($black, 0.1);*/ }
  .track-info__descr, .track-info__lyrics {
    display: block;
    width: 100%;
    height: auto;
    margin: 3rem 0; }
  .track-info__lyrics strong {
    display: block;
    width: 100%;
    height: auto;
    font-size: 1.4rem;
    margin-bottom: 1rem;
    text-transform: uppercase; }
  .track-info__lyrics .lyrics-box {
    display: block;
    width: 100%;
    height: 250px;
    font-weight: 300;
    line-height: 1.6rem;
    position: relative;
    overflow: hidden; }
    .track-info__lyrics .lyrics-box:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 60px;
      background-image: linear-gradient(to top, #fff, transparent); }
  .track-info__lyrics .btn {
    width: 200px;
    height: auto;
    background: rgba(3, 4, 5, 0.2);
    margin: 5rem 0; }
    .track-info__lyrics .btn:hover {
      background: #030405; }

.track-media {
  position: relative; }
  .track-media .audio-track {
    display: flex;
    background: rgba(3, 4, 5, 0.1);
    width: 100%;
    height: 80px;
    border-radius: 40px;
    padding: 0 20px;
    cursor: pointer; }
    .track-media .audio-track .playpause {
      border-color: #ff6263; }
      .track-media .audio-track .playpause__symbol:before, .track-media .audio-track .playpause__symbol:after {
        border-left-color: #ff6263; }
    .track-media .audio-track .progress-bar {
      display: block;
      width: 70%;
      height: 7px;
      background: rgba(3, 4, 5, 0.8); }
      .track-media .audio-track .progress-bar .progress {
        display: block;
        background: #ff6263;
        width: 0;
        height: 3px;
        margin: 2px;
        position: relative; }
        .track-media .audio-track .progress-bar .progress:after {
          content: '';
          position: absolute;
          top: 50%;
          right: 0;
          display: block;
          width: 20px;
          height: 20px;
          background: #ff6263;
          border-radius: 50%;
          transform: translate(50%, -50%) scale(0);
          transition: 200ms cubic-bezier(0.77, 0, 0.175, 1);
          box-shadow: 2px 2px 4px rgba(3, 4, 5, 0.3); }
          .track-media .audio-track .progress-bar .progress:after:hover {
            cursor: resize; }
    .track-media .audio-track:hover .progress-bar .progress:after {
      transform: translate(0, -50%) scale(1); }
  .track-media .btn.big {
    display: flex;
    font-weight: 400;
    font-size: 1.6rem;
    margin: 0 0 4rem 0;
    width: 100%;
    height: 80px; }
  .track-media .text-button-buyrequest {
    margin: 4rem 2rem 1.3rem 2rem; }
  .track-media .buy__lowbudget {
    /*justify-content: space-between !important;*/
    text-align: center !important; }
  .track-media .require__hq {
    background: #030405;
    color: #fff; }
    .track-media .require__hq:hover {
      background: #ff6263;
      color: #fff; }
  .track-media .confirm-message {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    background: #fff;
    width: 100%;
    height: 100%;
    font-weight: 200;
    font-family: "Oswald";
    font-size: 2em;
    color: #ff6263;
    padding: 30px;
    z-index: 1000; }

/**

TI VOGLIO BENE SEMPRE!

*/
.autocomplete {
  position: relative;
  display: inline-block;
  width: 48%; }

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  top: 100%;
  left: 0;
  right: 0; }

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: grey;
  border-bottom: 1px solid #d4d4d4; }

.autocomplete-items div:hover {
  background-color: blue; }

.autocomplete-active {
  background-color: DodgerBlue !important;
  color: #e9e9e9; }

ul.typehead {
  background: #fff !important;
  padding: 10px !important; }
  ul.typeheadli {
    margin: 5px;
    color: black; }

.flexdatalist-results {
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
  background: #2e353a;
  z-index: 100000;
  max-height: 300px;
  overflow-y: auto;
  box-shadow: 0 4px 5px rgba(3, 4, 5, 0.15);
  color: #fff;
  list-style: none;
  margin: 0;
  padding: 20px 0;
  border-radius: 0 !important;
  overflow: visible; }
  .flexdatalist-results:before, .flexdatalist-results:after {
    content: '';
    position: absolute;
    top: 0; }
  .flexdatalist-results:before {
    left: -4px;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 30px solid #2e353a;
    transform: translateY(-40px) rotate(135deg); }
  .flexdatalist-results:after {
    right: -4px;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 30px solid #2e353a;
    transform: translateY(-40px) rotate(45deg); }
  .flexdatalist-results li {
    padding: 8px 15px;
    font-size: 14px;
    line-height: 20px; }
    .flexdatalist-results li span.highlight {
      font-weight: 700;
      text-decoration: underline; }
    .flexdatalist-results li.active {
      background: #030405;
      color: #ff6263;
      cursor: pointer; }
    .flexdatalist-results li.no-results {
      font-style: italic;
      color: rgba(255, 255, 255, 0.6); }

/**
* Grouped items
*/
.flexdatalist-results li.group {
  background: #F3F3F4;
  color: #666;
  padding: 8px 8px; }

.flexdatalist-results li .group-name {
  font-weight: 700; }

.flexdatalist-results li .group-item-count {
  font-size: 85%;
  color: #777;
  display: inline-block;
  padding-left: 10px; }

/**
* Multiple items
*/
.flexdatalist-multiple:before {
  content: '';
  display: block;
  clear: both; }

.flexdatalist-multiple {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  background: rgba(255, 255, 255, 0.1) !important;
  width: 100%;
  color: #fff !important;
  margin: 0;
  padding: 0 20px;
  list-style: none;
  text-align: left;
  cursor: text;
  border-radius: 80px !important;
  border: 0 !important; }
  .flexdatalist-multiple-value input {
    background: transparent !important;
    color: rgba(255, 255, 255, 0.6) !important; }

.flexdatalist-multiple.disabled {
  background-color: #eee;
  cursor: default; }

.flexdatalist-multiple:after {
  content: '';
  display: block;
  clear: both; }

.flexdatalist-multiple li {
  display: inline-block;
  position: relative;
  margin: 5px;
  float: left; }

.flexdatalist-multiple li.input-container,
.flexdatalist-multiple li.input-container input {
  border: none;
  height: auto;
  padding: 0 0 0 4px;
  line-height: 24px; }

.flexdatalist-multiple li.value {
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 10px 25px 10px 15px;
  border-radius: 20px;
  color: #777;
  line-height: 20px; }

.flexdatalist-multiple li.toggle {
  cursor: pointer;
  transition: opacity ease-in-out 300ms; }

.flexdatalist-multiple li.toggle.disabled {
  text-decoration: line-through;
  opacity: 0.80; }

.flexdatalist-multiple li.value span.fdl-remove {
  font-weight: 700;
  padding: 2px 5px;
  font-size: 20px;
  line-height: 20px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 0;
  opacity: 0.70;
  transform: translateY(-50%); }

.flexdatalist-multiple li.value span.fdl-remove:hover {
  opacity: 1; }

/*# sourceMappingURL=app.css.map*/