* {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    .btnpaused {
    background-color: red;
    }

    /* .dropdown-item.disabled {
      color: #d52643 !important;
    } */

    /* .dropdown-item.disabled:hover {
      cursor: not-allowed !important;
      pointer-events: none !important;
    } */
    

    .dropdown-item.active {
      color: white; 
    }

    .mio-rosa-btn {
      color:white;
      background-color: #333;
      border-color: #FAAF9F;
    }
    .mio-rosa-btn:hover {
      background-color: #FAAF9F;
    }

    .mio-rosso-btn {
      color:white;
      background-color: #d52643;
      border-color: #fff;
    }
    .mio-rosso-btn:hover {
      color:white;
      background-color: #d52643;
      border-color: #fff;
    }

    a.ico_social_opr:visited, a.ico_social_opr:link {color: black; font: 400;text-decoration: none;}
    a.ico_social_opr:hover, a.ico_social_opr:active {color: #fcbe2d; font: 400;text-decoration: none;}

    blockquote {
      padding-left: 1.5em;
    }
    #partenzaTreno {
      display:none;
    }

    .cursor-no-drop{
      cursor: no-drop;
    }

    .bgimg-1 {
      background-image: url("");
      min-height: 1080px;
      position: relative;
      background-attachment: fixed;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
    }

    .bglink-1 {
      
      min-height: 1080px;
      position: relative;
      background-attachment: fixed;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
    }

    .bgimg-2 {
      background-image: url("");
      min-height: 600px;
      position: relative;
      opacity: 0.99;
      background-attachment: fixed;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;

    }
    
    .bgimg-3 {
      background-image: url("");
      min-height: 900px;
      /* overflow: hidden; */
      position: relative;
      /* opacity: 0.5; */

        background-image:  -webkit-linear-gradient(top left, rgba(178,34,34,  0.0),  rgba(75, 107, 175, 0.0)), url("");
        background-image:     -moz-linear-gradient(top left, rgba(178,34,34,  0.0),  rgba(75, 107, 175, 0.0)), url("");
        /* background-image:      -ms-linear-gradient(top left, rgba(178,34,34,  0.1),  rgba(75, 107, 175, 1)), url(""); */
        background-image:       -o-linear-gradient(top left, rgba(178,34,34,  0.0),  rgba(75, 107, 175, 0.0)), url("");
        background-image:          linear-gradient(top left, rgba(178,34,34,  0.0),  rgba(75, 107, 175, 0.0)), url("");

      background-attachment: fixed;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;

      }
    
      .video-fluid {
        width: 100%;
        height: auto;
      }

      .video iframe{
      position:absolute;
      top:0;
      left: 0;
      width:100%;
      height:100%;
      }

      #myVideobgMaster {
      
      position: fixed; right: 0; bottom: 0;
      min-height: 100%;
      min-width: 100%;  */
      width: 100%; height: auto; z-index: -100;  */
        /* background: url(loop-hd.jpg) no-repeat; */

        /* position: relative;
        padding-top:30px;
        padding-bottom:56.25%;
        height:0;
        */
        
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        overflow:hidden;
        /* z-index: 0; */
        }

    
    
    .bgimg-4 {
      background-image: url("");
      min-height: 100vh;
      position: relative;
      background-attachment: fixed;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      background-color: #111;

    }

      .caption_opr {
        position: absolute;
        left:0%;
        bottom:0%;
        width: 100%;
        text-align: center;
        padding:10px;
        font-size:17px;
        color:white;
        background-color:#222;
        
      }

      .caption_prlx_opr {
        position: absolute;
        top: 50%;
        width: 100%;
        text-align: center;
        color: #000;
        padding:10px;
        z-index:250;
      }


      .caption_prlx {
        position: absolute;
        top: 50%;
        right: 0;
        width: 100%;
        text-align: right;
        color: #000;
        z-index:250;
      }

      
      .caption_prlx span.border_prlx {
        background-color: #222;
        color: #fff;
        padding: 10px;
        font-size: 18px;
        letter-spacing: 3px;
      }
      

      .carousel {
        position: absolute;
        right:0;
        top: 0;
        width: 47%;
        display:flex;
        z-index:200;
      }

      h3 {
        letter-spacing: 3px;
        text-transform: uppercase;
        font: 18px "Lato", sans-serif;
        color: #111;
      }

    #myVideobg {
      position: fixed;
      right: 0;
      bottom: 0;
      min-width: 100%;
      min-height: 100%;
    }


    .container_video {
      position: relative;
      width: 100%;
      height: 56.25%;
      overflow: hidden;
      padding-top: 56.25%; /* 16:9 Aspect Ratio */
    }

    .container_video_modal {
      position: relative;
      overflow: hidden;
      padding-top: 56.25%; /* 16:9 Aspect Ratio mod */
      }

    .container_sound_modal {
      position: relative;
      overflow: hidden;
      padding-top: 10px;
      }

    .container_video_modal_dida {
        padding-bottom: 30px;
      }

    .responsive-iframe {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 80%;
      border: none;
    }

    .test-fb {
      max-width:800px;
      min-width:300px;
      position:relative;
      margin: 0px auto;
      border: none;
    }

    .box1-fixed {width:100px;position:absolute;bottom:9px;left:-25px;z-index:0;}
    .box2-fixed {width:100px;position:absolute;bottom:9px;right:-25px;z-index:0;}

      a.ex1:visited, a.ex1:link {color: #fff; font: 900;text-decoration: none;}
      a.ex1:hover, a.ex1:active {color: #fff; font: 900;text-decoration: underline;}

      a.effetto_dot_link:visited, a.ex1:link {font: 900;text-decoration: none;}
      a.effetto_dot_link:hover, a.effetto_dot_link:active {color:orange;font: 900;text-decoration: dotted;}

      a.effetto_dot_link_img:visited, a.effetto_dot_link_img:link {color:orange;font:900;text-decoration:dotted;}
      a.effetto_dot_link_img:hover, a.effetto_dot_link:active {color:#fff; font:900;text-decoration:dotted;}
      
      a.effetto_link_el:visited, a.effetto_link_el:link {color: #222; font-size:18px; font: 900;text-decoration: none;}
      a.effetto_link_el:hover, a.effetto_link_el:active {color: #222; font-size:18px; font: 900;text-decoration: none;}

      a.effetto_link_rosa-azzurro:visited, a.effetto_link_rosa-azzurro:link {color:#e8bdc4 !important; font-size:14px; text-decoration-style:dotted !important;text-underline-offset: 5px;}
      a.effetto_link_rosa-azzurro:hover, a.effetto_link_rosa-azzurro:active {color:#b5dcf9 !important; font-size:14px; text-decoration-style:dotted !important;text-underline-offset: 5px;}

      a:hover {
      color:black;
      }

      .notifica  {
        font-size:15px;
        color:white;
        padding:0px;
      }

      a.notifica:visited, a.notifica:link {color: #efd57a; text-decoration: none;}
      a.notifica:hover {color: #00ffff; text-decoration: none;}

      #tornasu{
          position: fixed;
          bottom: 17px;
          right:10px;
          
          display: none;
          padding:10px;
      }

      .orange  {
        /* color: #f7cf33; */
        color: #f0cc4f;
        text-decoration:none;
      }
      
      .giallo_evidente {
        background-color: #ffff00;
      }
      
    
      .effect {
          position:relative;
          display:inline-block;
          text-decoration:none;
          padding:5px;
          }
      
      .effect1 {
          color:#f7cf33;
          -ms-transition: width linear 0.2s;
          -webkit-transition: width linear 0.2s; 
          -moz-transition: width linear 0.2s;
          transition: width linear 0.2s;
          }
      
      .effect1:before {
          position:absolute;
          bottom:-3px;
          content:" ";
          display:block;
          width:0;
          height:2px;
          background:#0F659C;
          -ms-transition: width linear 0.2s;
          -webkit-transition: width linear 0.2s; 
          -moz-transition: width linear 0.2s;
          transition: width linear 0.2s;
          }
      
      .effect1:hover:before{
          width:100%;
          }
      
      .effetto_dot_link
      {
        border-bottom: 3px dotted #f7cf33; 
        text-decoration: none;
        cursor: pointer;
      }

      .effetto_dot_link2 {
        color: inherit; /* Mantiene il colore definito inline */
        text-decoration: none; /* Rimuove la sottolineatura standard */
        border-bottom: 2px dotted; /* Aggiunge una sottolineatura a puntini */
        padding-bottom: 2px; /* Aggiunge un po' di spazio tra il testo e la sottolineatura */
       }


    .btn-grado-rosa-prima-prima {background-image: linear-gradient(to right, #ddd6f3 0%, #ddd6f3 51%, #faaca8 100%)}
    .btn-grado-rosa-prima {background-image: linear-gradient(to right, #faaca8 0%, #ddd6f3 51%, #ddd6f3 100%)}

    .btn-grado-rosa {background-image: linear-gradient(to right, #ddd6f3 0%, #faaca8  51%, #ddd6f3  100%)}

    .button_white {
      background-color: #fafafa;
      border: none;
      color: #000;
      padding: 12px 22px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 16px;
      margin: 4px 2px;
      cursor: pointer;
      border-radius: 5px;
    }

    .button_rosso {
      background-color: #d52643;
      border: none;
      color: white;
      padding: 7px 22px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 15px;
      margin: 4px 2px;
      cursor: pointer;
      border-radius: 5px;
    }

    .button_red {
      background-color: #d00226;
      border: none;
      color: white;
      padding: 12px 22px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 16px;
      margin: 4px 2px;
      cursor: pointer;
      border-radius: 5px;
    }

    .button_red_wip {
      background-color: #ab1f36;
      border: none;
      color: white;
      padding: 12px 22px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 16px;
      margin: 4px 2px;
      cursor: pointer;
      border-radius: 5px;
    }

    .button_red_play {
        background-color: #d50000;
        border: none;
        color: white;
        padding: 13px 12px 14px 12px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 10px;
        
        cursor: pointer;
        border-radius: 5px;
    }

    .button_green {
      background-color: #008080;
      border: none;
      color: white;
      padding: 12px 22px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 16px;
      margin: 4px 2px;
      cursor: pointer;
      border-radius: 5px;
    }

    .button_blue {
      background-color: #0080ff;
      border: none;
      color: white;
      padding: 12px 22px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 16px;
      margin: 4px 2px;
      cursor: pointer;
      border-radius: 5px;
    }

    .button_azure {
      background-color: #0B88D8;
      border: none;
      color: white;
      padding: 12px 22px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 16px;
      margin: 4px 2px;
      cursor: pointer;
      border-radius: 5px;
    }

    .button_dark {
      background-color: #333;
      border: none;
      color: white;
      padding: 12px 22px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 16px;
      margin: 4px 2px;
      cursor: pointer;
      border-radius: 5px;
    }

    .button_dark_disabled {
      background-color: #333;
      border: none;
      color: white;
      padding: 12px 22px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 16px;
      margin: 4px 2px;
      cursor: not-allowed !important;
      border-radius: 5px;
    }


    .button_gray {
      background-color: #cecece;
      border: none;
      color: black;
      padding: 12px 22px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 16px;
      margin: 4px 2px;
      cursor: pointer;
      border-radius: 5px;
    }

    .button_orange {
      background-color: #ff8000;
      border: none;
      color: black;
      padding: 12px 22px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 16px;
      margin: 4px 2px;
      cursor: pointer;
      border-radius: 5px;
    }

    .button_blue {
      background-color: #008CBA;
      border: none;
      color: white;
      padding: 12px 22px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 16px;
      margin: 4px 2px;
      cursor: pointer;
      border-radius: 5px;
    }

    .button_orange2 {
      background-color: #fbc03d;
      border: none;
      color: black;
      padding: 12px 22px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 16px;
      margin: 4px 2px;
      cursor: pointer;
      border-radius: 5px;
    }

    .button_viola {
      background-color: #9147BD;
      border: none;
      color: white;
      padding: 12px 22px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 16px;
      margin: 4px 2px;
      cursor: pointer;
      border-radius: 5px;
    }


    .button_violet {
      background-color: #bd90d7;
      border: none;
      color: black;
      font-weight: bold;
      padding: 12px 22px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 16px;
      margin: 4px 2px;
      cursor: pointer;
      border-radius: 5px;
    }


    .button_pink {
        background-color: #FAAF9F;
        border: none;
        color: black;
        padding: 12px 22px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        margin: 4px 2px;
        cursor: pointer;
        border-radius: 5px;
      }

    .button_disabled {
        background-color: #dddddd;
        border: none;
        color: black;
        padding: 12px 22px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        margin: 4px 2px;
        border-radius: 5px;
      }

    .btn-grad-rosa {background-image: linear-gradient(to right, #ddd6f3 0%, #faaca8  51%, #ddd6f3  100%)}
    .btn-grad-rosa {
      margin: 10px;
      padding: 15px 45px;
      text-align: center;
      text-transform: uppercase;
      transition: 0.5s;
      background-size: 200% auto;
      color: white;            
      box-shadow: 0 0 20px #eee;
      border-radius: 10px;
      display: block;
    }

    .btn-grad-rosa:hover {
      background-position: right center; /* change the direction of the change here */
      color: #fff;
      text-decoration: none;
    }

      .arrow-up {
          width: 0; 
          height: 0; 
          border-left: 12px solid transparent;
          border-right: 12px solid transparent;
          
          border-bottom: 17px solid black;
          -webkit-transform:rotate(360deg)
      }
      .arrow-up-blue {
          width: 0; 
          height: 0; 
          border-left: 12px solid transparent;
          border-right: 12px solid transparent;
          
          border-bottom: 17px solid #3372f9;
          -webkit-transform:rotate(360deg)
      }
      .arrow-up-orange {
          width: 0; 
          height: 0; 
          border-left: 12px solid transparent;
          border-right: 12px solid transparent;
          
          border-bottom: 17px solid #f2571e;
          -webkit-transform:rotate(360deg)
      }
      .arrow-up-red {
          width: 0; 
          height: 0; 
          border-left: 12px solid transparent;
          border-right: 12px solid transparent;
          
          border-bottom: 17px solid #bf0000;
          -webkit-transform:rotate(360deg)
      }

    .footer {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        background-color: #222;
        
        font: 400 22px/1.2 "Lato", sans-serif;
        color: white;
        letter-spacing: 1px;
        text-align: center;
      }


    footer
    {
      position: relative;
      width: 100%;
      background: #3586ff;
      min-height: 100px;
      padding: 20px 50px;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      
      margin-top: 100px; /* Aumenta lo spazio sopra il footer */
    }

    footer .wave
    {
      position: absolute;
      top: -100px;
      left: 0;
      width: 100%;
      height: 100px;
      background: url(ico/wave.png);
      background-size: 1000px 100px;
    }

    footer .wave#waves1
    {
      z-index: 1000;
      opacity: 1;
      bottom: 0;
      animation: animateWave 4s linear infinite;
    }

    footer .wave#waves2
    {
      z-index: 999;
      opacity: 0.5;
      bottom: 10px;
      animation: animateWave_02 4s linear infinite;
    }

    footer .wave#waves3
    {
      z-index: 1000;
      opacity: 0.2;
      bottom: 15px;
      animation: animateWave 3s linear infinite;
    }

    footer .wave#waves4
    {
      z-index: 999;
      opacity: 0.7;
      bottom: 20px;
      animation: animateWave_02 3s linear infinite;
    }


    @keyframes animateWave
    {
      0%
      {
        background-position-x: 1000px;
      }
      100%
      {
        background-position-x: 0px;
      }
    }

    @keyframes animateWave_02
    {
      0%
      {
        background-position-x: 0px;
      }
      100%
      {
        background-position-x: 1000px;
      }
    }

      @media all and (min-width: 480px) and (max-width: 1200px) {

        #oid_intesta {
          display: none;
        }

      }    


      @media all and (max-width: 1024px) {
 
        #myBtnTop {
          display: none !important;
        }
        #myBtnUp {
          position: fixed;
          bottom: 5%;
          left: 30px;
          right: auto;
          z-index: 1010;
        }
        #myBtnDown {
          position: fixed;
          bottom: 5%;
          left: 60px;
          right: auto;
          margin-left: 30px;
          z-index: 1010;
        }  

      #coverLink, #centroDelCerchio, #coverLinkCaption, #btnGroupCover, #coverLink3, #coverLink4, #coverImgSf, #btnGroupCoverSf, #btnXListVideoSf, #btnXListLiv2Scenes, #btnGroupMSDemo, #testoColorsHue, #switchToggleColorsHue, #switchToggleColorsHueLabel, #linkxOpticpaintinroomInt {
        visibility:hidden !important;
      }

           
      #coverLink {
        width:50% !important;
        height:50% !important;
        display:inline-block;
        overflow:clip !important;
        object-fit: cover !important;
        object-position: 50% 50% !important;
        clip-path:circle(100%) !important;
        position:relative;
        float:center !important;
        margin-right:0px;
        margin-left:-5px;
        margin-top:-10px;
        border:0px solid #fafafa !important;
        box-shadow:5px 1px 5px red !important;
        
      }

      #coverLink2 {
        width:80% !important;
        max-width:80% !important;
        max-height:75% !important;
      }

      #mcvScrollerTxtSrc {
        font-size: small !important;
      }

      #mcvScrollerTxtBTN {
        bottom: 95px !important;
      }

      
      .textlogomobile {
        left:10px !important;
        width:300px !important;
      }
      #coverTextLogo {
        left:10px !important; 
        width:300px !important;   
      }

      .video-fluid {
        display: none !important;
      }

      #coverLinkCaption {
        position:absolute;
        margin-top: -235px !important;    
        /* margin-left: 67px !important;     */
        margin-left: 5px !important;

      }

      .dropdown-menu a.disabled {
        cursor: not-allowed !important;
      }

      /* #coverLinkCaptionBTN {
        position:absolute;
        margin-top: -200px !important;    
        margin-left: 5px !important;    
      } */

      #myTabContent {
        
        padding: 30px 0px 0px 0px !important;    
        
      }


      }    

      @media only screen and (max-width: 800px) { 
      
      .caption_opr {
        br {
            display: none;
        }   
      }

      #titleOPR, #titleLink { 
        br {
            display: none;
        }
        font-size: small !important;
      }
      #titleOPR, #titleLink, #mcvScrollerTxtBTNbtn  { 
        font-size: small !important;
      }

      }


      @media all and (min-width: 360px) and (max-width: 800px) {

      .bgimg-1, .bgimg-2, .bgimg-3 .bgimg-4 {
          background-attachment: scroll;
        }

      .bgimg-1, .bgimg-4 {
          background-size: cover;
        }

        #myImagebg1Master {
          background-size: cover;
        }

      #myVideobgMaster {
      /*      position:absolute;
              background-attachment: scroll;
              background-size: cover;
              top: 0;
              left: 0;
              bottom: 0;
              right: 0;
              width: 100%;
              height: auto;
              max-width: 100%;
      */
          position: absolute;
          top: 50%; 
          left: 50%;
          -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
          min-width: 100%; 
          min-height: 100%; 
          width: auto; 
          height: auto;
          z-index: -1000; 
          overflow: hidden;
          
        }

        .title-master {
          background-attachment: scroll;
          font: 400 12px "Perpetua", sans-serif;
          font-family: adobe-garamond-pro, serif;
          letter-spacing: 0px;
          padding: 1px;
        }

        .titolo-dipinto {
          font: 700 20px "Perpetua", sans-serif;
          font-family: adobe-garamond-pro, serif;
          letter-spacing: 0px;
          text-align: center;
          color: #fff;
        }

        .sottotitolo-dipinto {
          font: 400 17px "Perpetua", sans-serif;
          font-family: adobe-garamond-pro, serif;
          letter-spacing: 0px;
          text-align: center;
          color: #fff;
        }

        img{
        max-width: 100%;
        height: auto;
        }
        

        }    

  

  

    .unblur img {
          -webkit-filter: blur(0px);
          -webkit-transition: all 1s ease;
          -moz-transition: all 1s ease;
          -o-transition: all 1s ease;
          -ms-transition: all 1s ease;
          transition: all 1s ease;
    }
    .unblur img:hover {
          -webkit-filter: blur(0px);
    } 

      .colorpic {
          -webkit-filter: grayscale(100%);
          -webkit-transition: all 1s ease;
          -moz-transition: all 1s ease;
          -o-transition: all 1s ease;
          -ms-transition: all 1s ease;
          transition: all 1s ease;
    }
    .colorpic:hover {
          -webkit-filter: grayscale(0%);
    } 

    .brighten img {
          -webkit-filter: brightness(70%);
          -webkit-transition: all 1s ease;
          -moz-transition: all 1s ease;
          -o-transition: all 1s ease;
          -ms-transition: all 1s ease;
          transition: all 1s ease;
    }
    .brighten img:hover {
          -webkit-filter: brightness(100%);
    } 

      #container {
        margin: 10px;
        width: 200px;
        height: 8px;
        position: relative;
      }


      #myBtnTop {
        display: none;
        position: fixed;
        bottom: 5%;
        right: 14%;
        z-index: 1000;
        font-size: 18px;
        border: none;
        outline: none;
        background-color: red;
        color: white;
        cursor: pointer;
        padding: 15px;
        border-radius: 4px;
      }

      #myBtnUp {
        display: none;
        position: fixed;
        bottom: 5%;
        right: 8%;
        z-index: 1000;
        border: none;
        outline: none;
        cursor: pointer;
      }

      #myBtnDown {
        display: none;
        position: fixed;
        bottom: 5%;
        right: 3%;
        z-index: 1000;
        border: none;
        outline: none;
        cursor: pointer;
      }

      #myBtnTop:hover {
         background-color: #555;
      }


      .btn-icon {
        background-color: green;
        border: none;
        border-radius: 50%;
        padding: 8px;
      }

      .btn-icon svg {
        fill: white;
        width: 25px;
        height: 25px;
      }

     .icon-arrow-letter {
        font-family: Lato, Arial, sans-serif;
        font-size: 16px;
        font-weight: bold;
        color: white;
        background-color: green;
        padding: 2px 6px;
        border-radius: 4px;
      }

    @keyframes blink-icon-letter-intermittent {
      0% {
        opacity: 1;
      }
      50% {
        opacity: 0;
      }
      100% {
        opacity: 1;
      }
    }

    .btn-icon-letter-intermittent {
      animation: blink-icon-letter-intermittent 1s infinite; // Imposta l'animazione 'blink' con una durata di 1 secondo e ripetizione infinita
    }


  


  
    @import url(https://fonts.googleapis.com/css?family=Ubuntu:300);.anim-text-flow span,.anim-text-flow-hover:hover span{animation-name:anim-text-flow-keys;animation-duration:50s;animation-iteration-count:infinite;animation-direction:alternate;animation-fill-mode:forwards}@keyframes anim-text-flow-keys{0%{color:hsl(57deg,60%,60%)}5%{color:hsl(52deg,60%,60%)}10%{color:hsl(350deg,60%,60%)}15%{color:hsl(245deg,60%,60%)}20%{color:hsl(358deg,60%,60%)}25%{color:hsl(281deg,60%,60%)}30%{color:hsl(79deg,60%,60%)}35%{color:hsl(106deg,60%,60%)}40%{color:hsl(263deg,60%,60%)}45%{color:hsl(218deg,60%,60%)}50%{color:hsl(344deg,60%,60%)}55%{color:hsl(317deg,60%,60%)}60%{color:hsl(311deg,60%,60%)}65%{color:hsl(288deg,60%,60%)}70%{color:hsl(201deg,60%,60%)}75%{color:hsl(200deg,60%,60%)}80%{color:hsl(303deg,60%,60%)}85%{color:hsl(51deg,60%,60%)}90%{color:hsl(0deg,60%,60%)}95%{color:hsl(207deg,60%,60%)}100%{color:hsl(349deg,60%,60%)}}.anim-text-flow span:first-of-type,.anim-text-flow-hover:hover span:first-of-type{animation-delay:-19.8s}.anim-text-flow span:nth-of-type(2),.anim-text-flow-hover:hover span:nth-of-type(2){animation-delay:-19.6s}.anim-text-flow span:nth-of-type(3),.anim-text-flow-hover:hover span:nth-of-type(3){animation-delay:-19.4s}.anim-text-flow span:nth-of-type(4),.anim-text-flow-hover:hover span:nth-of-type(4){animation-delay:-19.2s}.anim-text-flow span:nth-of-type(5),.anim-text-flow-hover:hover span:nth-of-type(5){animation-delay:-19s}.anim-text-flow span:nth-of-type(6),.anim-text-flow-hover:hover span:nth-of-type(6){animation-delay:-18.8s}.anim-text-flow span:nth-of-type(7),.anim-text-flow-hover:hover span:nth-of-type(7){animation-delay:-18.6s}.anim-text-flow span:nth-of-type(8),.anim-text-flow-hover:hover span:nth-of-type(8){animation-delay:-18.4s}.anim-text-flow span:nth-of-type(9),.anim-text-flow-hover:hover span:nth-of-type(9){animation-delay:-18.2s}.anim-text-flow span:nth-of-type(10),.anim-text-flow-hover:hover span:nth-of-type(10){animation-delay:-18s}.anim-text-flow span:nth-of-type(11),.anim-text-flow-hover:hover span:nth-of-type(11){animation-delay:-17.8s}.anim-text-flow span:nth-of-type(12),.anim-text-flow-hover:hover span:nth-of-type(12){animation-delay:-17.6s}.anim-text-flow span:nth-of-type(13),.anim-text-flow-hover:hover span:nth-of-type(13){animation-delay:-17.4s}.anim-text-flow span:nth-of-type(14),.anim-text-flow-hover:hover span:nth-of-type(14){animation-delay:-17.2s}.anim-text-flow span:nth-of-type(15),.anim-text-flow-hover:hover span:nth-of-type(15){animation-delay:-17s}.anim-text-flow span:nth-of-type(16),.anim-text-flow-hover:hover span:nth-of-type(16){animation-delay:-16.8s}.anim-text-flow span:nth-of-type(17),.anim-text-flow-hover:hover span:nth-of-type(17){animation-delay:-16.6s}.anim-text-flow span:nth-of-type(18),.anim-text-flow-hover:hover span:nth-of-type(18){animation-delay:-16.4s}.anim-text-flow span:nth-of-type(19),.anim-text-flow-hover:hover span:nth-of-type(19){animation-delay:-16.2s}.anim-text-flow span:nth-of-type(20),.anim-text-flow-hover:hover span:nth-of-type(20){animation-delay:-16s}.anim-text-flow span:nth-of-type(21),.anim-text-flow-hover:hover span:nth-of-type(21){animation-delay:-15.8s}.anim-text-flow span:nth-of-type(22),.anim-text-flow-hover:hover span:nth-of-type(22){animation-delay:-15.6s}.anim-text-flow span:nth-of-type(23),.anim-text-flow-hover:hover span:nth-of-type(23){animation-delay:-15.4s}.anim-text-flow span:nth-of-type(24),.anim-text-flow-hover:hover span:nth-of-type(24){animation-delay:-15.2s}.anim-text-flow span:nth-of-type(25),.anim-text-flow-hover:hover span:nth-of-type(25){animation-delay:-15s}.anim-text-flow span:nth-of-type(26),.anim-text-flow-hover:hover span:nth-of-type(26){animation-delay:-14.8s}.anim-text-flow span:nth-of-type(27),.anim-text-flow-hover:hover span:nth-of-type(27){animation-delay:-14.6s}.anim-text-flow span:nth-of-type(28),.anim-text-flow-hover:hover span:nth-of-type(28){animation-delay:-14.4s}.anim-text-flow span:nth-of-type(29),.anim-text-flow-hover:hover span:nth-of-type(29){animation-delay:-14.2s}.anim-text-flow span:nth-of-type(30),.anim-text-flow-hover:hover span:nth-of-type(30){animation-delay:-14s}.anim-text-flow span:nth-of-type(31),.anim-text-flow-hover:hover span:nth-of-type(31){animation-delay:-13.8s}.anim-text-flow span:nth-of-type(32),.anim-text-flow-hover:hover span:nth-of-type(32){animation-delay:-13.6s}.anim-text-flow span:nth-of-type(33),.anim-text-flow-hover:hover span:nth-of-type(33){animation-delay:-13.4s}.anim-text-flow span:nth-of-type(34),.anim-text-flow-hover:hover span:nth-of-type(34){animation-delay:-13.2s}.anim-text-flow span:nth-of-type(35),.anim-text-flow-hover:hover span:nth-of-type(35){animation-delay:-13s}.anim-text-flow span:nth-of-type(36),.anim-text-flow-hover:hover span:nth-of-type(36){animation-delay:-12.8s}.anim-text-flow span:nth-of-type(37),.anim-text-flow-hover:hover span:nth-of-type(37){animation-delay:-12.6s}.anim-text-flow span:nth-of-type(38),.anim-text-flow-hover:hover span:nth-of-type(38){animation-delay:-12.4s}.anim-text-flow span:nth-of-type(39),.anim-text-flow-hover:hover span:nth-of-type(39){animation-delay:-12.2s}.anim-text-flow span:nth-of-type(40),.anim-text-flow-hover:hover span:nth-of-type(40){animation-delay:-12s}.anim-text-flow span:nth-of-type(41),.anim-text-flow-hover:hover span:nth-of-type(41){animation-delay:-11.8s}.anim-text-flow span:nth-of-type(42),.anim-text-flow-hover:hover span:nth-of-type(42){animation-delay:-11.6s}.anim-text-flow span:nth-of-type(43),.anim-text-flow-hover:hover span:nth-of-type(43){animation-delay:-11.4s}.anim-text-flow span:nth-of-type(44),.anim-text-flow-hover:hover span:nth-of-type(44){animation-delay:-11.2s}.anim-text-flow span:nth-of-type(45),.anim-text-flow-hover:hover span:nth-of-type(45){animation-delay:-11s}.anim-text-flow span:nth-of-type(46),.anim-text-flow-hover:hover span:nth-of-type(46){animation-delay:-10.8s}.anim-text-flow span:nth-of-type(47),.anim-text-flow-hover:hover span:nth-of-type(47){animation-delay:-10.6s}.anim-text-flow span:nth-of-type(48),.anim-text-flow-hover:hover span:nth-of-type(48){animation-delay:-10.4s}.anim-text-flow span:nth-of-type(49),.anim-text-flow-hover:hover span:nth-of-type(49){animation-delay:-10.2s}.anim-text-flow span:nth-of-type(50),.anim-text-flow-hover:hover span:nth-of-type(50){animation-delay:-10s}.anim-text-flow span:nth-of-type(51),.anim-text-flow-hover:hover span:nth-of-type(51){animation-delay:-9.8s}.anim-text-flow span:nth-of-type(52),.anim-text-flow-hover:hover span:nth-of-type(52){animation-delay:-9.6s}.anim-text-flow span:nth-of-type(53),.anim-text-flow-hover:hover span:nth-of-type(53){animation-delay:-9.4s}.anim-text-flow span:nth-of-type(54),.anim-text-flow-hover:hover span:nth-of-type(54){animation-delay:-9.2s}.anim-text-flow span:nth-of-type(55),.anim-text-flow-hover:hover span:nth-of-type(55){animation-delay:-9s}.anim-text-flow span:nth-of-type(56),.anim-text-flow-hover:hover span:nth-of-type(56){animation-delay:-8.8s}.anim-text-flow span:nth-of-type(57),.anim-text-flow-hover:hover span:nth-of-type(57){animation-delay:-8.6s}.anim-text-flow span:nth-of-type(58),.anim-text-flow-hover:hover span:nth-of-type(58){animation-delay:-8.4s}.anim-text-flow span:nth-of-type(59),.anim-text-flow-hover:hover span:nth-of-type(59){animation-delay:-8.2s}.anim-text-flow span:nth-of-type(60),.anim-text-flow-hover:hover span:nth-of-type(60){animation-delay:-8s}.anim-text-flow span:nth-of-type(61),.anim-text-flow-hover:hover span:nth-of-type(61){animation-delay:-7.8s}.anim-text-flow span:nth-of-type(62),.anim-text-flow-hover:hover span:nth-of-type(62){animation-delay:-7.6s}.anim-text-flow span:nth-of-type(63),.anim-text-flow-hover:hover span:nth-of-type(63){animation-delay:-7.4s}.anim-text-flow span:nth-of-type(64),.anim-text-flow-hover:hover span:nth-of-type(64){animation-delay:-7.2s}.anim-text-flow span:nth-of-type(65),.anim-text-flow-hover:hover span:nth-of-type(65){animation-delay:-7s}.anim-text-flow span:nth-of-type(66),.anim-text-flow-hover:hover span:nth-of-type(66){animation-delay:-6.8s}.anim-text-flow span:nth-of-type(67),.anim-text-flow-hover:hover span:nth-of-type(67){animation-delay:-6.6s}.anim-text-flow span:nth-of-type(68),.anim-text-flow-hover:hover span:nth-of-type(68){animation-delay:-6.4s}.anim-text-flow span:nth-of-type(69),.anim-text-flow-hover:hover span:nth-of-type(69){animation-delay:-6.2s}.anim-text-flow span:nth-of-type(70),.anim-text-flow-hover:hover span:nth-of-type(70){animation-delay:-6s}.anim-text-flow span:nth-of-type(71),.anim-text-flow-hover:hover span:nth-of-type(71){animation-delay:-5.8s}.anim-text-flow span:nth-of-type(72),.anim-text-flow-hover:hover span:nth-of-type(72){animation-delay:-5.6s}.anim-text-flow span:nth-of-type(73),.anim-text-flow-hover:hover span:nth-of-type(73){animation-delay:-5.4s}.anim-text-flow span:nth-of-type(74),.anim-text-flow-hover:hover span:nth-of-type(74){animation-delay:-5.2s}.anim-text-flow span:nth-of-type(75),.anim-text-flow-hover:hover span:nth-of-type(75){animation-delay:-5s}.anim-text-flow span:nth-of-type(76),.anim-text-flow-hover:hover span:nth-of-type(76){animation-delay:-4.8s}.anim-text-flow span:nth-of-type(77),.anim-text-flow-hover:hover span:nth-of-type(77){animation-delay:-4.6s}.anim-text-flow span:nth-of-type(78),.anim-text-flow-hover:hover span:nth-of-type(78){animation-delay:-4.4s}.anim-text-flow span:nth-of-type(79),.anim-text-flow-hover:hover span:nth-of-type(79){animation-delay:-4.2s}.anim-text-flow span:nth-of-type(80),.anim-text-flow-hover:hover span:nth-of-type(80){animation-delay:-4s}.anim-text-flow span:nth-of-type(81),.anim-text-flow-hover:hover span:nth-of-type(81){animation-delay:-3.8s}.anim-text-flow span:nth-of-type(82),.anim-text-flow-hover:hover span:nth-of-type(82){animation-delay:-3.6s}.anim-text-flow span:nth-of-type(83),.anim-text-flow-hover:hover span:nth-of-type(83){animation-delay:-3.4s}.anim-text-flow span:nth-of-type(84),.anim-text-flow-hover:hover span:nth-of-type(84){animation-delay:-3.2s}.anim-text-flow span:nth-of-type(85),.anim-text-flow-hover:hover span:nth-of-type(85){animation-delay:-3s}.anim-text-flow span:nth-of-type(86),.anim-text-flow-hover:hover span:nth-of-type(86){animation-delay:-2.8s}.anim-text-flow span:nth-of-type(87),.anim-text-flow-hover:hover span:nth-of-type(87){animation-delay:-2.6s}.anim-text-flow span:nth-of-type(88),.anim-text-flow-hover:hover span:nth-of-type(88){animation-delay:-2.4s}.anim-text-flow span:nth-of-type(89),.anim-text-flow-hover:hover span:nth-of-type(89){animation-delay:-2.2s}.anim-text-flow span:nth-of-type(90),.anim-text-flow-hover:hover span:nth-of-type(90){animation-delay:-2s}.anim-text-flow span:nth-of-type(91),.anim-text-flow-hover:hover span:nth-of-type(91){animation-delay:-1.8s}.anim-text-flow span:nth-of-type(92),.anim-text-flow-hover:hover span:nth-of-type(92){animation-delay:-1.6s}.anim-text-flow span:nth-of-type(93),.anim-text-flow-hover:hover span:nth-of-type(93){animation-delay:-1.4s}.anim-text-flow span:nth-of-type(94),.anim-text-flow-hover:hover span:nth-of-type(94){animation-delay:-1.2s}.anim-text-flow span:nth-of-type(95),.anim-text-flow-hover:hover span:nth-of-type(95){animation-delay:-1s}.anim-text-flow span:nth-of-type(96),.anim-text-flow-hover:hover span:nth-of-type(96){animation-delay:-.8s}.anim-text-flow span:nth-of-type(97),.anim-text-flow-hover:hover span:nth-of-type(97){animation-delay:-.6s}.anim-text-flow span:nth-of-type(98),.anim-text-flow-hover:hover span:nth-of-type(98){animation-delay:-.4s}.anim-text-flow span:nth-of-type(99),.anim-text-flow-hover:hover span:nth-of-type(99){animation-delay:-.2s}.anim-text-flow span:nth-of-type(100),.anim-text-flow-hover:hover span:nth-of-type(100){animation-delay:0s}.containerOPR{transform:translate(-50%,-50%);background-color:#1a1a1a;color:#fefefe;font-family:Ubuntu;letter-spacing:.2em;font-size:2.3em;line-height:2.6;font-weight:500;text-rendering:optimizeLegibility;text-align:center;display:block}.txtopr{display:block}
   

  

      @keyframes neonblink {40% {opacity: 1;} 42% {opacity: 0.8;} 43% {opacity: 1;} 45% {opacity: 0.2;} 46% {opacity: 1;}}
      @keyframes neonbuzz {70% {opacity: 0.80;}}


      .sign {
      position: absolute;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 70%;
      height: 50%;

      transform: translate(-50%, -50%);
      letter-spacing: 3px;
      left: 50%;
      top: 50%;
      font-family: "Warnes", serif;
      font-size: 2.2em;
      color: #ffe6ff;
      text-shadow: 0 0 0.6rem #ffe6ff, 0 0 1.5rem #ff65bd,
        -0.2rem 0.1rem 1rem #ff65bd, 0.2rem 0.1rem 1rem #ff65bd,
        0 -0.5rem 2rem #ff2483, 0 0.5rem 3rem #ff2483;
      animation: shine 2s forwards, flicker 3s infinite;
    }

    @keyframes blinkNTM {
      0%,
      22%,
      36%,
      75% {
        color: #ffe6ff;
        text-shadow: 0 0 0.6rem #ffe6ff, 0 0 1.5rem #ff65bd,
          -0.2rem 0.1rem 1rem #ff65bd, 0.2rem 0.1rem 1rem #ff65bd,
          0 -0.5rem 2rem #ff2483, 0 0.5rem 3rem #ff2483;
      }
      28%,
      33% {
        color: #ff65bd;
        text-shadow: none;
      }
      82%,
      97% {
        color: #ff2483;
        text-shadow: none;
      }
    }

    .flicker {
      animation: shine 2s forwards, blinkNTM 3s 2s infinite;
    }

    .fast-flicker {
      animation: shine 2s forwards, blinkNTM 10s 1s infinite;
    }

    @keyframes shine {
      0% {
        color: #6b1839;
        text-shadow: none;
      }
      100% {
        color: #ffe6ff;
        text-shadow: 0 0 0.6rem #ffe6ff, 0 0 1.5rem #ff65bd,
          -0.2rem 0.1rem 1rem #ff65bd, 0.2rem 0.1rem 1rem #ff65bd,
          0 -0.5rem 2rem #ff2483, 0 0.5rem 3rem #ff2483;
      }
    
    }

    @keyframes shineorange {
      0% {
        color: #e4bc24;
        text-shadow: none;
      }
      100% {
        color: #FFBF00;
        text-shadow: 0 0 0.6rem #FF9900, 0 0 1.5rem #fee37e,
          -0.2rem 0.1rem 1rem #cba720, 0.2rem 0.1rem 1rem #cba720,
          0 -0.5rem 2rem #806914, 0 0.5rem 3rem #806914;
      }
    
    }

    @keyframes flicker {
      from {
        opacity: 1;
      }

      4% {
        opacity: 0.9;
      }

      6% {
        opacity: 0.85;
      }

      8% {
        opacity: 0.95;
      }

      10% {
        opacity: 0.9;
      }

      11% {
        opacity: 0.922;
      }

      12% {
        opacity: 0.9;
      }

      14% {
        opacity: 0.95;
      }

      16% {
        opacity: 0.98;
      }

      17% {
        opacity: 0.9;
      }

      19% {
        opacity: 0.93;
      }

      20% {
        opacity: 0.99;
      }

      24% {
        opacity: 1;
      }

      26% {
        opacity: 0.94;
      }

      28% {
        opacity: 0.98;
      }

      37% {
        opacity: 0.93;
      }

      38% {
        opacity: 0.5;
      }

      39% {
        opacity: 0.96;
      }

      42% {
        opacity: 1;
      }

      44% {
        opacity: 0.97;
      }

      46% {
        opacity: 0.94;
      }

      56% {
        opacity: 0.9;
      }

      58% {
        opacity: 0.9;
      }

      60% {
        opacity: 0.99;
      }

      68% {
        opacity: 1;
      }

      70% {
        opacity: 0.9;
      }

      72% {
        opacity: 0.95;
      }

      93% {
        opacity: 0.93;
      }

      95% {
        opacity: 0.95;
      }

      97% {
        opacity: 0.93;
      }

      to {
        opacity: 1;
      }
    }



      .neonflu {
        font-family: NeonXNeonFlux;
        color: #FB4264;
        text-shadow: 0 0 3vw #F40A35;
      }

      .flux {
        font-family: NeonXNeonFlux;
        color: #426DFB;
        text-shadow: 0 0 3vw #2356FF;
      }

      .neonflu {
        animation: neonflu 1s ease infinite;
        -moz-animation: neonflu 1s ease infinite;
        -webkit-animation: neonflu 1s ease infinite;
      }

      @keyframes neonflu {
        0%,
        100% {
          text-shadow: 0 0 1vw #FA1C16, 0 0 3vw #FA1C16, 0 0 10vw #FA1C16, 0 0 10vw #FA1C16, 0 0 .4vw #FED128, .5vw .5vw .1vw #806914;
          color: #FED128;
        }
        50% {
          text-shadow: 0 0 .5vw #800E0B, 0 0 1.5vw #800E0B, 0 0 5vw #800E0B, 0 0 5vw #800E0B, 0 0 .2vw #800E0B, .5vw .5vw .1vw #40340A;
          color: #806914;
        }
      }

      .flux {
        animation: flux 2s linear infinite;
        -moz-animation: flux 2s linear infinite;
        -webkit-animation: flux 2s linear infinite;
        -o-animation: flux 2s linear infinite;
      }

      @keyframes flux {
        0%,
        100% {
          text-shadow: 0 0 1vw #1041FF, 0 0 3vw #1041FF, 0 0 10vw #1041FF, 0 0 10vw #1041FF, 0 0 .4vw #8BFDFE, .5vw .5vw .1vw #147280;
          color: #28D7FE;
        }
        50% {
          text-shadow: 0 0 .5vw #082180, 0 0 1.5vw #082180, 0 0 5vw #082180, 0 0 5vw #082180, 0 0 .2vw #082180, .5vw .5vw .1vw #0A3940;
          color: #146C80;
        }
      }

    
    .neonblinkredffd9e2 {
      color: #ffd9e2;
      text-shadow: 0 0 0 transparent, 0 0 10px #ff003c, 0 0 20px rgba(255, 0, 60, 0.5), 0 0 40px #ff003c, 0 0 100px #ff003c, 0 0 200px #ff003c, 0 0 300px #ff003c, 0 0 500px #ff003c, 0 0 1000px #ff003c;
      -webkit-animation: neonblink 5s infinite alternate;
              animation: neonblink 5s infinite alternate;
    }

    .neonbuzzazured4eaff {
      color: #d4eaff;
        text-shadow: 0 0 0 transparent, 0 0 10px #2695ff, 0 0 20px rgba(38, 149, 255, 0.5), 0 0 40px #2695ff, 0 0 100px #2695ff, 0 0 200px #2695ff, 0 0 300px #2695ff, 0 0 500px #2695ff;
        -webkit-animation: neonbuzz 0.01s infinite alternate;
                animation: neonbuzz 0.01s infinite alternate;
    }


    @keyframes blinkorange {
      20%,
      24%,
      55% {
        color: #111;
        text-shadow: none;
      }

      0%,
      19%,
      21%,
      23%,
      25%,
      54%,
      56%,
      100% {
    /*     color: #fccaff;
        text-shadow: 0 0 5px #f562ff, 0 0 15px #f562ff, 0 0 25px #f562ff,
          0 0 20px #f562ff, 0 0 30px #890092, 0 0 80px #890092, 0 0 80px #890092; */
      text-shadow: 0 0 5px #ffa500, 0 0 15px #ffa500, 0 0 20px #ffa500, 0 0 40px #ffa500, 0 0 60px #ff0000, 0 0 10px #ff8d00, 0 0 98px #ff0000;
        color: #fff6a9;
      }
    }


    .neonTextLIAA {

      /* margin-top: 20vh; */
      font-size: 1.1rem;
      font-family: "Lato", sans-serif;
      /* background-color: #010a01; */
      /* text-align: center; */
      /* text-transform: uppercase; */
      font-weight: 400;

      color: #fff;
      text-shadow:
          0 0 7px #fff,
          0 0 10px #fff,
          0 0 21px #fff,
          0 0 42px #0fa,
          0 0 82px #0fa,
          0 0 92px #0fa,
          0 0 102px #0fa,
          0 0 151px #0fa;
      /* animation: pulsate 0.11s ease-in-out infinite alternate;      */
    }


    .videosf-custom-btn {
      color: #fff;
      width: 120px;
      height: 45px;
      padding: 5px 15px;
      font-family: 'Lato', sans-serif;
      font-weight: 500;
      background: transparent;
      cursor: pointer;
      transition: all 0.3s ease;
      position: relative;
      display: inline-block;
    }

    .videosf-btn-10 {
      border: 1px solid #ff9aff;
      box-shadow: 0 0 5px #ff9aff, 0 0 5px #ff9aff inset;
      color: #ff9aff;
      background: #000;
      z-index: 4;
      transition: all 0.3s ease;
      overflow: hidden;
    }
    .videosf-btn-10:after {
      position: absolute;
      content: " ";
      top: 0;
      left: 0;
      z-index: -1;
      width: 100%;
      height: 100%;
      background: #ff9aff;
      transition: all 0.3s ease;
      -webkit-transform: scale(0);
      transform: scale(0);
    }
    .videosf-btn-10:hover {
      color: #fff;
    }
    .videosf-btn-10:hover:after {
      -webkit-transform: scale(1);
      transform: scale(1);
    }


    .videosf-custom-btn1 {
      color: #fff;
      width: 95px;
      height: 45px;
      padding: 5px 15px;
      font-family: 'Lato', sans-serif;
      font-weight: 500;
      background: transparent;
      cursor: pointer;
      transition: all 0.3s ease;
      position: relative;
      display: inline-block;
    }

    .videosf-btn-11 {
      border: 1px solid #007FFF;
      box-shadow: 0 0 5px #9cbdea, 0 0 5px #007FFF inset;
      color: #9cbdea;
      background: #000;
      z-index: 4;
      transition: all 0.3s ease;
      overflow: hidden;
    }
    .videosf-btn-11:after {
      position: absolute;
      content: " ";
      top: 0;
      left: 0;
      z-index: -1;
      width: 100%;
      height: 100%;
      background: #007FFF;
      transition: all 0.3s ease;
      -webkit-transform: scale(0);
      transform: scale(0);
    }
    .videosf-btn-11:hover {
      color: #fff;
    }
    .videosf-btn-11:hover:after {
      -webkit-transform: scale(1);
      transform: scale(1);
    }


    .videosf-custom-btn2 {
      color: #fff;
      width: 95px;
      height: 45px;
      padding: 5px 15px;
      font-family: 'Lato', sans-serif;
      font-weight: 500;
      background: transparent;
      cursor: pointer;
      transition: all 0.3s ease;
      position: relative;
      display: inline-block;
    }

    .videosf-btn-12 {
      border: 1px solid #ffc107;
      box-shadow: 0 0 5px #ffc107, 0 0 5px #ff9aff inset;
      color: #ffc107;
      background: #000;
      z-index: 4;
      transition: all 0.3s ease;
      overflow: hidden;
    }
    .videosf-btn-12:after {
      position: absolute;
      content: " ";
      top: 0;
      left: 0;
      z-index: -1;
      width: 100%;
      height: 100%;
      background: #ffc107;
      transition: all 0.3s ease;
      -webkit-transform: scale(0);
      transform: scale(0);
    }
    .videosf-btn-12:hover {
      color: #fff;
    }
    .videosf-btn-12:hover:after {
      -webkit-transform: scale(1);
      transform: scale(1);
    }


    .videosf-custom-btn9 {
      color: #fff;
      width: 95px;
      height: 45px;
      padding: 5px 15px;
      font-family: 'Lato', sans-serif;
      font-weight: 500;
      background: transparent;
      cursor: pointer;
      transition: all 0.3s ease;
      position: relative;
      display: inline-block;
    }

    .videosf-btn-9 {
      border: 1px solid #ffc6ff;
      box-shadow: 0 0 5px #b850ad, 0 0 5px #ff9aff inset;
      color: #ffc6ff;
      background: #000;
      z-index: 4;
      transition: all 0.3s ease;
      overflow: hidden;
    }
    .videosf-btn-9:after {
      position: absolute;
      content: " ";
      top: 0;
      left: 0;
      z-index: -1;
      width: 100%;
      height: 100%;
      background: #ffc6ff;
      transition: all 0.3s ease;
      -webkit-transform: scale(0);
      transform: scale(0);
    }
    .videosf-btn-9:hover {
      color: #fff;
    }
    .videosf-btn-9:hover:after {
      -webkit-transform: scale(1);
      transform: scale(1);
    }


    

   

    .typewriter {
        font-family: DejaVuMono, Lato, Helvetica, sans-serif;
        font-size: 30px;
        color: #777;
        font-weight: 300;
        position: relative;
        margin: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    .typewriter span {
        color: #e8bdc4;
        /* color: var(--text-color); */
        /* text-transform: uppercase; */
        letter-spacing: .25rem;
        padding: 10px;
        border-right: solid var(--text-color) 10px; 
        animation: cursor 1s ease-in-out infinite;
    }

    @keyframes cursor {
        from { border-color: var(--text-color); }
        to { border-color: transparent; }
    }

    @media (max-width: 576px) {
        .typewriter { font-size: 24px; }
    }

    @media (max-width: 768px) {
      .typewriter {
        font-size: 36px;
      }
    }
    
    @media (max-width: 1024px) {

      .mobile-style-x-ScrollTextTypeTag {
        width: 80% !important;
        top: 3% !important;
        left: 2% !important;
      }

      .mobile-style-x-ScrollTextTypeTag2 {
        width: 80% !important;
        top: 55% !important;
        left: 2% !important;
      }

      .mobile-style-x-ScrollTextTypeTagDaCartella {
        width: 90% !important;
        top: 3% !important;
        left: 2% !important;
      }

    }

    @media (max-width: 400px) {

      .mobile-style-x-ScrollTextTypeTag {
        width: 80% !important;
        top: 2% !important;
        left: 2% !important;
        font-size: 10pt !important;
      }

      .mobile-style-x-ScrollTextTypeTag2 {
        width: 80% !important;
        top: 30% !important;
        left: 2% !important;
        font-size: 11pt !important;
      }

      .mobile-style-x-ScrollTextTypeTagDaCartella {
        width: 90% !important;
        top: 2% !important;
        left: 2% !important;
        font-size: 10pt !important;
      }

      }

     

    @import url(https://fonts.googleapis.com/css?family=Ubuntu:300);.anim-text-flow span,.anim-text-flow-hover:hover span{animation-name:anim-text-flow-keys;animation-duration:50s;animation-iteration-count:infinite;animation-direction:alternate;animation-fill-mode:forwards}@keyframes anim-text-flow-keys{0%{color:hsl(57deg,60%,60%)}5%{color:hsl(52deg,60%,60%)}10%{color:hsl(350deg,60%,60%)}15%{color:hsl(245deg,60%,60%)}20%{color:hsl(358deg,60%,60%)}25%{color:hsl(281deg,60%,60%)}30%{color:hsl(79deg,60%,60%)}35%{color:hsl(106deg,60%,60%)}40%{color:hsl(263deg,60%,60%)}45%{color:hsl(218deg,60%,60%)}50%{color:hsl(344deg,60%,60%)}55%{color:hsl(317deg,60%,60%)}60%{color:hsl(311deg,60%,60%)}65%{color:hsl(288deg,60%,60%)}70%{color:hsl(201deg,60%,60%)}75%{color:hsl(200deg,60%,60%)}80%{color:hsl(303deg,60%,60%)}85%{color:hsl(51deg,60%,60%)}90%{color:hsl(0deg,60%,60%)}95%{color:hsl(207deg,60%,60%)}100%{color:hsl(349deg,60%,60%)}}.anim-text-flow span:first-of-type,.anim-text-flow-hover:hover span:first-of-type{animation-delay:-19.8s}.anim-text-flow span:nth-of-type(2),.anim-text-flow-hover:hover span:nth-of-type(2){animation-delay:-19.6s}.anim-text-flow span:nth-of-type(3),.anim-text-flow-hover:hover span:nth-of-type(3){animation-delay:-19.4s}.anim-text-flow span:nth-of-type(4),.anim-text-flow-hover:hover span:nth-of-type(4){animation-delay:-19.2s}.anim-text-flow span:nth-of-type(5),.anim-text-flow-hover:hover span:nth-of-type(5){animation-delay:-19s}.anim-text-flow span:nth-of-type(6),.anim-text-flow-hover:hover span:nth-of-type(6){animation-delay:-18.8s}.anim-text-flow span:nth-of-type(7),.anim-text-flow-hover:hover span:nth-of-type(7){animation-delay:-18.6s}.anim-text-flow span:nth-of-type(8),.anim-text-flow-hover:hover span:nth-of-type(8){animation-delay:-18.4s}.anim-text-flow span:nth-of-type(9),.anim-text-flow-hover:hover span:nth-of-type(9){animation-delay:-18.2s}.anim-text-flow span:nth-of-type(10),.anim-text-flow-hover:hover span:nth-of-type(10){animation-delay:-18s}.anim-text-flow span:nth-of-type(11),.anim-text-flow-hover:hover span:nth-of-type(11){animation-delay:-17.8s}.anim-text-flow span:nth-of-type(12),.anim-text-flow-hover:hover span:nth-of-type(12){animation-delay:-17.6s}.anim-text-flow span:nth-of-type(13),.anim-text-flow-hover:hover span:nth-of-type(13){animation-delay:-17.4s}.anim-text-flow span:nth-of-type(14),.anim-text-flow-hover:hover span:nth-of-type(14){animation-delay:-17.2s}.anim-text-flow span:nth-of-type(15),.anim-text-flow-hover:hover span:nth-of-type(15){animation-delay:-17s}.anim-text-flow span:nth-of-type(16),.anim-text-flow-hover:hover span:nth-of-type(16){animation-delay:-16.8s}.anim-text-flow span:nth-of-type(17),.anim-text-flow-hover:hover span:nth-of-type(17){animation-delay:-16.6s}.anim-text-flow span:nth-of-type(18),.anim-text-flow-hover:hover span:nth-of-type(18){animation-delay:-16.4s}.anim-text-flow span:nth-of-type(19),.anim-text-flow-hover:hover span:nth-of-type(19){animation-delay:-16.2s}.anim-text-flow span:nth-of-type(20),.anim-text-flow-hover:hover span:nth-of-type(20){animation-delay:-16s}.anim-text-flow span:nth-of-type(21),.anim-text-flow-hover:hover span:nth-of-type(21){animation-delay:-15.8s}.anim-text-flow span:nth-of-type(22),.anim-text-flow-hover:hover span:nth-of-type(22){animation-delay:-15.6s}.anim-text-flow span:nth-of-type(23),.anim-text-flow-hover:hover span:nth-of-type(23){animation-delay:-15.4s}.anim-text-flow span:nth-of-type(24),.anim-text-flow-hover:hover span:nth-of-type(24){animation-delay:-15.2s}.anim-text-flow span:nth-of-type(25),.anim-text-flow-hover:hover span:nth-of-type(25){animation-delay:-15s}.anim-text-flow span:nth-of-type(26),.anim-text-flow-hover:hover span:nth-of-type(26){animation-delay:-14.8s}.anim-text-flow span:nth-of-type(27),.anim-text-flow-hover:hover span:nth-of-type(27){animation-delay:-14.6s}.anim-text-flow span:nth-of-type(28),.anim-text-flow-hover:hover span:nth-of-type(28){animation-delay:-14.4s}.anim-text-flow span:nth-of-type(29),.anim-text-flow-hover:hover span:nth-of-type(29){animation-delay:-14.2s}.anim-text-flow span:nth-of-type(30),.anim-text-flow-hover:hover span:nth-of-type(30){animation-delay:-14s}.anim-text-flow span:nth-of-type(31),.anim-text-flow-hover:hover span:nth-of-type(31){animation-delay:-13.8s}.anim-text-flow span:nth-of-type(32),.anim-text-flow-hover:hover span:nth-of-type(32){animation-delay:-13.6s}.anim-text-flow span:nth-of-type(33),.anim-text-flow-hover:hover span:nth-of-type(33){animation-delay:-13.4s}.anim-text-flow span:nth-of-type(34),.anim-text-flow-hover:hover span:nth-of-type(34){animation-delay:-13.2s}.anim-text-flow span:nth-of-type(35),.anim-text-flow-hover:hover span:nth-of-type(35){animation-delay:-13s}.anim-text-flow span:nth-of-type(36),.anim-text-flow-hover:hover span:nth-of-type(36){animation-delay:-12.8s}.anim-text-flow span:nth-of-type(37),.anim-text-flow-hover:hover span:nth-of-type(37){animation-delay:-12.6s}.anim-text-flow span:nth-of-type(38),.anim-text-flow-hover:hover span:nth-of-type(38){animation-delay:-12.4s}.anim-text-flow span:nth-of-type(39),.anim-text-flow-hover:hover span:nth-of-type(39){animation-delay:-12.2s}.anim-text-flow span:nth-of-type(40),.anim-text-flow-hover:hover span:nth-of-type(40){animation-delay:-12s}.anim-text-flow span:nth-of-type(41),.anim-text-flow-hover:hover span:nth-of-type(41){animation-delay:-11.8s}.anim-text-flow span:nth-of-type(42),.anim-text-flow-hover:hover span:nth-of-type(42){animation-delay:-11.6s}.anim-text-flow span:nth-of-type(43),.anim-text-flow-hover:hover span:nth-of-type(43){animation-delay:-11.4s}.anim-text-flow span:nth-of-type(44),.anim-text-flow-hover:hover span:nth-of-type(44){animation-delay:-11.2s}.anim-text-flow span:nth-of-type(45),.anim-text-flow-hover:hover span:nth-of-type(45){animation-delay:-11s}.anim-text-flow span:nth-of-type(46),.anim-text-flow-hover:hover span:nth-of-type(46){animation-delay:-10.8s}.anim-text-flow span:nth-of-type(47),.anim-text-flow-hover:hover span:nth-of-type(47){animation-delay:-10.6s}.anim-text-flow span:nth-of-type(48),.anim-text-flow-hover:hover span:nth-of-type(48){animation-delay:-10.4s}.anim-text-flow span:nth-of-type(49),.anim-text-flow-hover:hover span:nth-of-type(49){animation-delay:-10.2s}.anim-text-flow span:nth-of-type(50),.anim-text-flow-hover:hover span:nth-of-type(50){animation-delay:-10s}.anim-text-flow span:nth-of-type(51),.anim-text-flow-hover:hover span:nth-of-type(51){animation-delay:-9.8s}.anim-text-flow span:nth-of-type(52),.anim-text-flow-hover:hover span:nth-of-type(52){animation-delay:-9.6s}.anim-text-flow span:nth-of-type(53),.anim-text-flow-hover:hover span:nth-of-type(53){animation-delay:-9.4s}.anim-text-flow span:nth-of-type(54),.anim-text-flow-hover:hover span:nth-of-type(54){animation-delay:-9.2s}.anim-text-flow span:nth-of-type(55),.anim-text-flow-hover:hover span:nth-of-type(55){animation-delay:-9s}.anim-text-flow span:nth-of-type(56),.anim-text-flow-hover:hover span:nth-of-type(56){animation-delay:-8.8s}.anim-text-flow span:nth-of-type(57),.anim-text-flow-hover:hover span:nth-of-type(57){animation-delay:-8.6s}.anim-text-flow span:nth-of-type(58),.anim-text-flow-hover:hover span:nth-of-type(58){animation-delay:-8.4s}.anim-text-flow span:nth-of-type(59),.anim-text-flow-hover:hover span:nth-of-type(59){animation-delay:-8.2s}.anim-text-flow span:nth-of-type(60),.anim-text-flow-hover:hover span:nth-of-type(60){animation-delay:-8s}.anim-text-flow span:nth-of-type(61),.anim-text-flow-hover:hover span:nth-of-type(61){animation-delay:-7.8s}.anim-text-flow span:nth-of-type(62),.anim-text-flow-hover:hover span:nth-of-type(62){animation-delay:-7.6s}.anim-text-flow span:nth-of-type(63),.anim-text-flow-hover:hover span:nth-of-type(63){animation-delay:-7.4s}.anim-text-flow span:nth-of-type(64),.anim-text-flow-hover:hover span:nth-of-type(64){animation-delay:-7.2s}.anim-text-flow span:nth-of-type(65),.anim-text-flow-hover:hover span:nth-of-type(65){animation-delay:-7s}.anim-text-flow span:nth-of-type(66),.anim-text-flow-hover:hover span:nth-of-type(66){animation-delay:-6.8s}.anim-text-flow span:nth-of-type(67),.anim-text-flow-hover:hover span:nth-of-type(67){animation-delay:-6.6s}.anim-text-flow span:nth-of-type(68),.anim-text-flow-hover:hover span:nth-of-type(68){animation-delay:-6.4s}.anim-text-flow span:nth-of-type(69),.anim-text-flow-hover:hover span:nth-of-type(69){animation-delay:-6.2s}.anim-text-flow span:nth-of-type(70),.anim-text-flow-hover:hover span:nth-of-type(70){animation-delay:-6s}.anim-text-flow span:nth-of-type(71),.anim-text-flow-hover:hover span:nth-of-type(71){animation-delay:-5.8s}.anim-text-flow span:nth-of-type(72),.anim-text-flow-hover:hover span:nth-of-type(72){animation-delay:-5.6s}.anim-text-flow span:nth-of-type(73),.anim-text-flow-hover:hover span:nth-of-type(73){animation-delay:-5.4s}.anim-text-flow span:nth-of-type(74),.anim-text-flow-hover:hover span:nth-of-type(74){animation-delay:-5.2s}.anim-text-flow span:nth-of-type(75),.anim-text-flow-hover:hover span:nth-of-type(75){animation-delay:-5s}.anim-text-flow span:nth-of-type(76),.anim-text-flow-hover:hover span:nth-of-type(76){animation-delay:-4.8s}.anim-text-flow span:nth-of-type(77),.anim-text-flow-hover:hover span:nth-of-type(77){animation-delay:-4.6s}.anim-text-flow span:nth-of-type(78),.anim-text-flow-hover:hover span:nth-of-type(78){animation-delay:-4.4s}.anim-text-flow span:nth-of-type(79),.anim-text-flow-hover:hover span:nth-of-type(79){animation-delay:-4.2s}.anim-text-flow span:nth-of-type(80),.anim-text-flow-hover:hover span:nth-of-type(80){animation-delay:-4s}.anim-text-flow span:nth-of-type(81),.anim-text-flow-hover:hover span:nth-of-type(81){animation-delay:-3.8s}.anim-text-flow span:nth-of-type(82),.anim-text-flow-hover:hover span:nth-of-type(82){animation-delay:-3.6s}.anim-text-flow span:nth-of-type(83),.anim-text-flow-hover:hover span:nth-of-type(83){animation-delay:-3.4s}.anim-text-flow span:nth-of-type(84),.anim-text-flow-hover:hover span:nth-of-type(84){animation-delay:-3.2s}.anim-text-flow span:nth-of-type(85),.anim-text-flow-hover:hover span:nth-of-type(85){animation-delay:-3s}.anim-text-flow span:nth-of-type(86),.anim-text-flow-hover:hover span:nth-of-type(86){animation-delay:-2.8s}.anim-text-flow span:nth-of-type(87),.anim-text-flow-hover:hover span:nth-of-type(87){animation-delay:-2.6s}.anim-text-flow span:nth-of-type(88),.anim-text-flow-hover:hover span:nth-of-type(88){animation-delay:-2.4s}.anim-text-flow span:nth-of-type(89),.anim-text-flow-hover:hover span:nth-of-type(89){animation-delay:-2.2s}.anim-text-flow span:nth-of-type(90),.anim-text-flow-hover:hover span:nth-of-type(90){animation-delay:-2s}.anim-text-flow span:nth-of-type(91),.anim-text-flow-hover:hover span:nth-of-type(91){animation-delay:-1.8s}.anim-text-flow span:nth-of-type(92),.anim-text-flow-hover:hover span:nth-of-type(92){animation-delay:-1.6s}.anim-text-flow span:nth-of-type(93),.anim-text-flow-hover:hover span:nth-of-type(93){animation-delay:-1.4s}.anim-text-flow span:nth-of-type(94),.anim-text-flow-hover:hover span:nth-of-type(94){animation-delay:-1.2s}.anim-text-flow span:nth-of-type(95),.anim-text-flow-hover:hover span:nth-of-type(95){animation-delay:-1s}.anim-text-flow span:nth-of-type(96),.anim-text-flow-hover:hover span:nth-of-type(96){animation-delay:-.8s}.anim-text-flow span:nth-of-type(97),.anim-text-flow-hover:hover span:nth-of-type(97){animation-delay:-.6s}.anim-text-flow span:nth-of-type(98),.anim-text-flow-hover:hover span:nth-of-type(98){animation-delay:-.4s}.anim-text-flow span:nth-of-type(99),.anim-text-flow-hover:hover span:nth-of-type(99){animation-delay:-.2s}.anim-text-flow span:nth-of-type(100),.anim-text-flow-hover:hover span:nth-of-type(100){animation-delay:0s}.containerOPR{transform:translate(-50%,-50%);background-color:#1a1a1a;color:#fefefe;font-family:Ubuntu;letter-spacing:.2em;font-size:2.3em;line-height:2.6;font-weight:500;text-rendering:optimizeLegibility;text-align:center;display:block}.txtopr{display:block}



      @keyframes neonblink {40% {opacity: 1;} 42% {opacity: 0.8;} 43% {opacity: 1;} 45% {opacity: 0.2;} 46% {opacity: 1;}}
      @keyframes neonbuzz {70% {opacity: 0.80;}}


      .sign {
      position: absolute;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 70%;
      height: 50%;

      transform: translate(-50%, -50%);
      letter-spacing: 3px;
      left: 50%;
      top: 50%;
      font-family: "Warnes", serif;
      font-size: 2.2em;
      color: #ffe6ff;
      text-shadow: 0 0 0.6rem #ffe6ff, 0 0 1.5rem #ff65bd,
        -0.2rem 0.1rem 1rem #ff65bd, 0.2rem 0.1rem 1rem #ff65bd,
        0 -0.5rem 2rem #ff2483, 0 0.5rem 3rem #ff2483;
      animation: shine 2s forwards, flicker 3s infinite;
    }

    @keyframes blinkNTM {
      0%,
      22%,
      36%,
      75% {
        color: #ffe6ff;
        text-shadow: 0 0 0.6rem #ffe6ff, 0 0 1.5rem #ff65bd,
          -0.2rem 0.1rem 1rem #ff65bd, 0.2rem 0.1rem 1rem #ff65bd,
          0 -0.5rem 2rem #ff2483, 0 0.5rem 3rem #ff2483;
      }
      28%,
      33% {
        color: #ff65bd;
        text-shadow: none;
      }
      82%,
      97% {
        color: #ff2483;
        text-shadow: none;
      }
    }

    .flicker {
      animation: shine 2s forwards, blinkNTM 3s 2s infinite;
    }

    .fast-flicker {
      animation: shine 2s forwards, blinkNTM 10s 1s infinite;
    }

    @keyframes shine {
      0% {
        color: #6b1839;
        text-shadow: none;
      }
      100% {
        color: #ffe6ff;
        text-shadow: 0 0 0.6rem #ffe6ff, 0 0 1.5rem #ff65bd,
          -0.2rem 0.1rem 1rem #ff65bd, 0.2rem 0.1rem 1rem #ff65bd,
          0 -0.5rem 2rem #ff2483, 0 0.5rem 3rem #ff2483;
      }
    
    }

    @keyframes shineorange {
      0% {
        color: #e4bc24;
        text-shadow: none;
      }
      100% {
        color: #FFBF00;
        text-shadow: 0 0 0.6rem #FF9900, 0 0 1.5rem #fee37e,
          -0.2rem 0.1rem 1rem #cba720, 0.2rem 0.1rem 1rem #cba720,
          0 -0.5rem 2rem #806914, 0 0.5rem 3rem #806914;
      }
    
    }

    @keyframes flicker {
      from {
        opacity: 1;
      }

      4% {
        opacity: 0.9;
      }

      6% {
        opacity: 0.85;
      }

      8% {
        opacity: 0.95;
      }

      10% {
        opacity: 0.9;
      }

      11% {
        opacity: 0.922;
      }

      12% {
        opacity: 0.9;
      }

      14% {
        opacity: 0.95;
      }

      16% {
        opacity: 0.98;
      }

      17% {
        opacity: 0.9;
      }

      19% {
        opacity: 0.93;
      }

      20% {
        opacity: 0.99;
      }

      24% {
        opacity: 1;
      }

      26% {
        opacity: 0.94;
      }

      28% {
        opacity: 0.98;
      }

      37% {
        opacity: 0.93;
      }

      38% {
        opacity: 0.5;
      }

      39% {
        opacity: 0.96;
      }

      42% {
        opacity: 1;
      }

      44% {
        opacity: 0.97;
      }

      46% {
        opacity: 0.94;
      }

      56% {
        opacity: 0.9;
      }

      58% {
        opacity: 0.9;
      }

      60% {
        opacity: 0.99;
      }

      68% {
        opacity: 1;
      }

      70% {
        opacity: 0.9;
      }

      72% {
        opacity: 0.95;
      }

      93% {
        opacity: 0.93;
      }

      95% {
        opacity: 0.95;
      }

      97% {
        opacity: 0.93;
      }

      to {
        opacity: 1;
      }
    }



      .neonflu {
        font-family: NeonXNeonFlux;
        color: #FB4264;
        text-shadow: 0 0 3vw #F40A35;
      }

      .flux {
        font-family: NeonXNeonFlux;
        color: #426DFB;
        text-shadow: 0 0 3vw #2356FF;
      }

      .neonflu {
        animation: neonflu 1s ease infinite;
        -moz-animation: neonflu 1s ease infinite;
        -webkit-animation: neonflu 1s ease infinite;
      }

      @keyframes neonflu {
        0%,
        100% {
          text-shadow: 0 0 1vw #FA1C16, 0 0 3vw #FA1C16, 0 0 10vw #FA1C16, 0 0 10vw #FA1C16, 0 0 .4vw #FED128, .5vw .5vw .1vw #806914;
          color: #FED128;
        }
        50% {
          text-shadow: 0 0 .5vw #800E0B, 0 0 1.5vw #800E0B, 0 0 5vw #800E0B, 0 0 5vw #800E0B, 0 0 .2vw #800E0B, .5vw .5vw .1vw #40340A;
          color: #806914;
        }
      }

      .flux {
        animation: flux 2s linear infinite;
        -moz-animation: flux 2s linear infinite;
        -webkit-animation: flux 2s linear infinite;
        -o-animation: flux 2s linear infinite;
      }

      @keyframes flux {
        0%,
        100% {
          text-shadow: 0 0 1vw #1041FF, 0 0 3vw #1041FF, 0 0 10vw #1041FF, 0 0 10vw #1041FF, 0 0 .4vw #8BFDFE, .5vw .5vw .1vw #147280;
          color: #28D7FE;
        }
        50% {
          text-shadow: 0 0 .5vw #082180, 0 0 1.5vw #082180, 0 0 5vw #082180, 0 0 5vw #082180, 0 0 .2vw #082180, .5vw .5vw .1vw #0A3940;
          color: #146C80;
        }
      }

    
    .neonblinkredffd9e2 {
      color: #ffd9e2;
      text-shadow: 0 0 0 transparent, 0 0 10px #ff003c, 0 0 20px rgba(255, 0, 60, 0.5), 0 0 40px #ff003c, 0 0 100px #ff003c, 0 0 200px #ff003c, 0 0 300px #ff003c, 0 0 500px #ff003c, 0 0 1000px #ff003c;
      -webkit-animation: neonblink 5s infinite alternate;
              animation: neonblink 5s infinite alternate;
    }

    .neonbuzzazured4eaff {
      color: #d4eaff;
        text-shadow: 0 0 0 transparent, 0 0 10px #2695ff, 0 0 20px rgba(38, 149, 255, 0.5), 0 0 40px #2695ff, 0 0 100px #2695ff, 0 0 200px #2695ff, 0 0 300px #2695ff, 0 0 500px #2695ff;
        -webkit-animation: neonbuzz 0.01s infinite alternate;
                animation: neonbuzz 0.01s infinite alternate;
    }


    @keyframes blinkorange {
      20%,
      24%,
      55% {
        color: #111;
        text-shadow: none;
      }

      0%,
      19%,
      21%,
      23%,
      25%,
      54%,
      56%,
      100% {
    /*     color: #fccaff;
        text-shadow: 0 0 5px #f562ff, 0 0 15px #f562ff, 0 0 25px #f562ff,
          0 0 20px #f562ff, 0 0 30px #890092, 0 0 80px #890092, 0 0 80px #890092; */
      text-shadow: 0 0 5px #ffa500, 0 0 15px #ffa500, 0 0 20px #ffa500, 0 0 40px #ffa500, 0 0 60px #ff0000, 0 0 10px #ff8d00, 0 0 98px #ff0000;
        color: #fff6a9;
      }
    }


    .neonTextLIAA {

      /* margin-top: 20vh; */
      font-size: 1.1rem;
      font-family: "Lato", sans-serif;
      /* background-color: #010a01; */
      /* text-align: center; */
      /* text-transform: uppercase; */
      font-weight: 400;

      color: #fff;
      text-shadow:
          0 0 7px #fff,
          0 0 10px #fff,
          0 0 21px #fff,
          0 0 42px #0fa,
          0 0 82px #0fa,
          0 0 92px #0fa,
          0 0 102px #0fa,
          0 0 151px #0fa;
      /* animation: pulsate 0.11s ease-in-out infinite alternate;      */
    }


    .videosf-custom-btn {
      color: #fff;
      width: 120px;
      height: 45px;
      padding: 5px 15px;
      font-family: 'Lato', sans-serif;
      font-weight: 500;
      background: transparent;
      cursor: pointer;
      transition: all 0.3s ease;
      position: relative;
      display: inline-block;
    }

    .videosf-btn-10 {
      border: 1px solid #ff9aff;
      box-shadow: 0 0 5px #ff9aff, 0 0 5px #ff9aff inset;
      color: #ff9aff;
      background: #000;
      z-index: 4;
      transition: all 0.3s ease;
      overflow: hidden;
    }
    .videosf-btn-10:after {
      position: absolute;
      content: " ";
      top: 0;
      left: 0;
      z-index: -1;
      width: 100%;
      height: 100%;
      background: #ff9aff;
      transition: all 0.3s ease;
      -webkit-transform: scale(0);
      transform: scale(0);
    }
    .videosf-btn-10:hover {
      color: #fff;
    }
    .videosf-btn-10:hover:after {
      -webkit-transform: scale(1);
      transform: scale(1);
    }


    .videosf-custom-btn1 {
      color: #fff;
      width: 95px;
      height: 45px;
      padding: 5px 15px;
      font-family: 'Lato', sans-serif;
      font-weight: 500;
      background: transparent;
      cursor: pointer;
      transition: all 0.3s ease;
      position: relative;
      display: inline-block;
    }

    .videosf-btn-11 {
      border: 1px solid #007FFF;
      box-shadow: 0 0 5px #9cbdea, 0 0 5px #007FFF inset;
      color: #9cbdea;
      background: #000;
      z-index: 4;
      transition: all 0.3s ease;
      overflow: hidden;
    }
    .videosf-btn-11:after {
      position: absolute;
      content: " ";
      top: 0;
      left: 0;
      z-index: -1;
      width: 100%;
      height: 100%;
      background: #007FFF;
      transition: all 0.3s ease;
      -webkit-transform: scale(0);
      transform: scale(0);
    }
    .videosf-btn-11:hover {
      color: #fff;
    }
    .videosf-btn-11:hover:after {
      -webkit-transform: scale(1);
      transform: scale(1);
    }


    .videosf-custom-btn2 {
      color: #fff;
      width: 95px;
      height: 45px;
      padding: 5px 15px;
      font-family: 'Lato', sans-serif;
      font-weight: 500;
      background: transparent;
      cursor: pointer;
      transition: all 0.3s ease;
      position: relative;
      display: inline-block;
    }

    .videosf-btn-12 {
      border: 1px solid #ffc107;
      box-shadow: 0 0 5px #ffc107, 0 0 5px #ff9aff inset;
      color: #ffc107;
      background: #000;
      z-index: 4;
      transition: all 0.3s ease;
      overflow: hidden;
    }
    .videosf-btn-12:after {
      position: absolute;
      content: " ";
      top: 0;
      left: 0;
      z-index: -1;
      width: 100%;
      height: 100%;
      background: #ffc107;
      transition: all 0.3s ease;
      -webkit-transform: scale(0);
      transform: scale(0);
    }
    .videosf-btn-12:hover {
      color: #fff;
    }
    .videosf-btn-12:hover:after {
      -webkit-transform: scale(1);
      transform: scale(1);
    }


    .videosf-custom-btn9 {
      color: #fff;
      width: 95px;
      height: 45px;
      padding: 5px 15px;
      font-family: 'Lato', sans-serif;
      font-weight: 500;
      background: transparent;
      cursor: pointer;
      transition: all 0.3s ease;
      position: relative;
      display: inline-block;
    }

    .videosf-btn-9 {
      border: 1px solid #ffc6ff;
      box-shadow: 0 0 5px #b850ad, 0 0 5px #ff9aff inset;
      color: #ffc6ff;
      background: #000;
      z-index: 4;
      transition: all 0.3s ease;
      overflow: hidden;
    }
    .videosf-btn-9:after {
      position: absolute;
      content: " ";
      top: 0;
      left: 0;
      z-index: -1;
      width: 100%;
      height: 100%;
      background: #ffc6ff;
      transition: all 0.3s ease;
      -webkit-transform: scale(0);
      transform: scale(0);
    }
    .videosf-btn-9:hover {
      color: #fff;
    }
    .videosf-btn-9:hover:after {
      -webkit-transform: scale(1);
      transform: scale(1);
    }


    .typewriter {
        font-family: DejaVuMono, Lato, Helvetica, sans-serif;
        font-size: 30px;
        color: #777;
        font-weight: 300;
        position: relative;
        margin: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    .typewriter span {
        color: #e8bdc4;
        /* color: var(--text-color); */
        /* text-transform: uppercase; */
        letter-spacing: .25rem;
        padding: 10px;
        border-right: solid var(--text-color) 10px; 
        animation: cursor 1s ease-in-out infinite;
    }

    @keyframes cursor {
        from { border-color: var(--text-color); }
        to { border-color: transparent; }
    }

    @media (max-width: 576px) {
        .typewriter { font-size: 24px; }
    }

    @media (max-width: 768px) {
      .typewriter {
        font-size: 36px;
      }
    }
    
    @media (max-width: 1024px) {

      .mobile-style-x-ScrollTextTypeTag {
        width: 80% !important;
        top: 3% !important;
        left: 2% !important;
      }

      .mobile-style-x-ScrollTextTypeTag2 {
        width: 80% !important;
        top: 55% !important;
        left: 2% !important;
      }

      .mobile-style-x-ScrollTextTypeTagDaCartella {
        width: 90% !important;
        top: 3% !important;
        left: 2% !important;
      }

    }

    @media (max-width: 400px) {

      .mobile-style-x-ScrollTextTypeTag {
        width: 80% !important;
        top: 2% !important;
        left: 2% !important;
        font-size: 10pt !important;
      }

      .mobile-style-x-ScrollTextTypeTag2 {
        width: 80% !important;
        top: 30% !important;
        left: 2% !important;
        font-size: 11pt !important;
      }

      .mobile-style-x-ScrollTextTypeTagDaCartella {
        width: 90% !important;
        top: 2% !important;
        left: 2% !important;
        font-size: 10pt !important;
      }

      }