html {
    scroll-behavior: smooth;
  }

  /* BLINKING TEXT */
  .blink_me {
    animation: blinker 1s linear infinite;
  }
  
  @keyframes blinker {
    50% {
      opacity: 0;
    }
  }
  /*****************/

  /* TOOLTIPS */
  /* Tooltip container */
  .mytooltip_line {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
  }

  .mytooltip {
    position: relative;
    display: inline-block;
  }

  /* Tooltip text */
  .mytooltiptext {
    visibility: hidden;
    width: 100%;
    top: 100%;
    background-color: #41A5D4;
    opacity: 1.0;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
  
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
  }

  /* Show the tooltip text when you mouse over the tooltip container */
  .mytooltip:hover .mytooltiptext {
    visibility: visible;
  }
  /* TOOLTIPS END */

/* ESTENSIONE DEI MARKER DI BOOTSTRAP */
  @media only all and (min-width: 576px) {
    .mt-sm-6 {
        margin-top: 4.5rem!important;
    }
    .mb-sm-6 {
      margin-bottom: 4.5rem!important;
    }
  }

  .mt-6 {
    margin-top: 4.5rem!important;
  }
  .mb-6 {
    margin-bottom: 4.5rem!important;
  }
  .mt-7 {
    margin-top: 6rem!important;
  }
  .mb-7 {
    margin-bottom: 6rem!important;
  }
  .mt-8 {
    margin-top: 7.5rem!important;
  }
  .mb-8 {
    margin-bottom: 7.5rem!important;
  }
  .pt-6 {
    padding-top: 4.5rem!important;
  }
  .pb-6 {
    padding-bottom: 4.5rem!important;
  }
  .pt-7 {
    padding-top: 6rem!important;
  }
  .pb-7 {
    padding-bottom: 6rem!important;
  }
  .pt-8 {
    padding-top: 7.5rem!important;
  }
  .pb-8 {
    padding-bottom: 7.5rem!important;
  }

/* PERSONALIZZAZIONI */
  .golden-background {
    background-color: gold!important;
    border-color: goldenrod!important;
  }

  .golden-text {
    color: gold!important;
    border-color: goldenrod!important;
  }

  .thinfont {
    font-weight: 200;
  }
  .testata {
    /*height: 100vh;*/
    min-height: 500px;
    background-image: url('../images/testata/testata_img.jpg');
    background-size: cover;
    background-position: 50% 15%;
    background-repeat: no-repeat;
  }
  .testata_mtf {
    /*height: 100vh;*/
    min-height: 500px;
    background-color: green;
    background-image: url('../images/bokeh1.png');
    background-size: cover;
    background-position: 50% 15%;
    background-repeat: no-repeat;
  }
  .testata_menuconte {
    /*height: 300vh;*/
    height: 350px;
    /*min-height: 500px;
    background-color: green;*/
    background-image: url('../images/bokeh1.png');
    background-size: cover;
    background-position: 50% 15%;
    background-repeat: no-repeat;
  }
  .footer {
    /*height: 100vh;*/
    min-height: 250px;
    /*background-image: url('../images/testata_img.jpg');*/
    background-color: #454545;
    background-size: cover;
    /*background-position: 50% 15%;*/
    background-repeat: no-repeat;
  }
  a.footer {
    color: #41a5d4!important;
  }
  a.footer_text_white {
    color: #ffffffff!important;
  }
  .subfooter {
    /*height: 100vh;*/
    /*min-height: 250px;*/
    /*background-image: url('../images/testata_img.jpg');*/
    color: #7e8183;
    background-color: #242a2e;
    background-size: cover;
    /*background-position: 50% 15%;*/
    background-repeat: no-repeat;
    text-align: center;
  }
  a.subfooter {
    color: #41a5d4!important;
  }
  .intermezzo {
    /*height: 100vh;*/
    min-height: 250px;
    /*background-image: url('../images/testata_img.jpg');*/
    background-image: url('../images/bokeh1.png');
    background-color: #454545;
    background-size: cover;
    /*background-position: 50% 15%;*/
    background-repeat: no-repeat;
  }
  .intermezzo_stretto {
    /*height: 100vh;*/
    min-height: 150px;
    /*background-image: url('../images/testata_img.jpg');*/
    background-image: url('../images/bokeh1.png');
    background-color: #454545;
    background-size: cover;
    /*background-position: 50% 15%;*/
    background-repeat: no-repeat;
  }
  .intermezzo1 {
    /*height: 100vh;*/
    min-height: 250px;
    background-color: black;
    /*background-image: url('../images/testata_img.jpg');*/
    background-image: url('../images/bokeh1.png');
    background-size: cover;
    /*background-position: 50% 15%;*/
    background-repeat: no-repeat;
  }
  .intermezzo1_stretto {
    /*height: 100vh;*/
    min-height: 150px;
    background-color: black;
    /*background-image: url('../images/testata_img.jpg');*/
    background-image: url('../images/bokeh1.png');
    background-size: cover;
    /*background-position: 50% 15%;*/
    background-repeat: no-repeat;
  }
  .intermezzo1_green {
    /*height: 100vh;*/
    min-height: 250px;
    background-color: green;
    /*background-image: url('../images/testata_img.jpg');*/
    background-image: url('../images/bokeh1.png');
    background-size: cover;
    /*background-position: 50% 15%;*/
    background-repeat: no-repeat;
  }
  .intermezzo1_green_stretto {
    /*height: 100vh;*/
    min-height: 150px;
    background-color: green;
    /*background-image: url('../images/testata_img.jpg');*/
    background-image: url('../images/bokeh1.png');
    background-size: cover;
    /*background-position: 50% 15%;*/
    background-repeat: no-repeat;
  }
  .intermezzo_immagine {
    min-height: 250px;
    /*background-image: linear-gradient(rgba(53, 66, 74, 0.9), rgba(53, 66, 74, 0.9)), url('images/document-3268750_1920.jpg');*/
    background-image: linear-gradient(#454545CC, #454545CC), url('../images/document-3268750_1920.jpg');
    background-size: cover;
    background-repeat: no-repeat;
  }
  .section_title {
    color: #41A5D4;
  }

  /* HIGHLIGHT EFFECT */
  .highlight_purple {
    color: #fff;
    background-color: #8f64a2;
    padding: 5px 10px;
  }
  .highlight_blue {
    color: #fff;
    background-color: #35bfd4;
    padding: 5px 10px;
  }
  .highlight_yellow {
    color: #fff;
    background-color: #e3b041;
    padding: 5px 10px;
  }
  .highlight_green {
    color: #fff;
    background-color: #2dcb74; /*#5bc43e*/
    padding: 5px 10px;
  }
  .highlight_green2 {
    color: #fff;
    background-color: #5bc43e;
    padding: 5px 10px;
  }


  .if-active-is-primary.active {
    background-color: #007bff !important;
  }
  .if-active-is-secondary.active {
    background-color: #6c757d !important;
  }
  .if-active-is-success.active {
    background-color: #28a745; !important;
  }
  .if-active-is-info.active {
    background-color: #17a2b8 !important;
  }


  .text_shadow {
    /*text-shadow: 1px 0px #ff0000;*/
    text-shadow: 1px 0px rgb(124, 124, 233);
  }
  .parallax {
    background-attachment: fixed;
    /*background-position: top;*/
    background-repeat: no-repeat;
    background-size: cover;
  }


  /* CROSSFADING */
  #cf3 img.top {
    margin-top: -15px;
    position:absolute;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
  }

  #cf3 img.bottom {
    margin-top: -25px;
    position:absolute;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
  }

  @keyframes cf3FadeInOut {
    0% {
    opacity:1;
    }
    45% {
    opacity:1;
    }
    55% {
    opacity:0;
    }
    100% {
    opacity:0;
    }
  }

  @keyframes cf3FadeOutIn {
    0% {
    opacity:0;
    }
    45% {
    opacity:0;
    }
    55% {
    opacity:1;
    }
    100% {
    opacity:1;
    }
  }
  
  #cf3 img.top {
    animation-name: cf3FadeInOut;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 5s;
    animation-direction: alternate;
  }

  #cf3 img.bottom {
    animation-name: cf3FadeOutIn;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 5s;
    animation-direction: alternate;
  }