/*************** modifiche bootstrap ****************/

/*  blu:      0,113,188    #0071BC  */
/*  azzurro:  27,230,175   #1BE6AF  */

.navbar-light .navbar-toggler
{
  border-color: #0071BC !important;
} 

.navbar-light span.navbar-toggler-icon
{
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,113,188, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
  color: #0071BC !important;
}

.carousel-inner > .carousel-item
{
  height: 400px;
}

  .carousel-inner > .carousel-item > img
  {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /*max-height: 400px;*/
    width: auto;
  }

.carousel-control.left,
.carousel-control.right
{
  background-image: none;
}


/*************** media query ****************/


.bkMalvaWhite
{
  background-color: white !important;
}

.logodim
{
  height: 36px;
  position: relative;
}

.fs2vw
{
  font-size: 2vw;
}

.fs0
{
  font-size: 12pt;
}

.fs1
{
  font-size: 14pt;
}

.fs2
{
  font-size: 16pt;
}

.fs3
{
  font-size: 18pt;
}

.fs4
{
  font-size: 20pt;
}

.hBox1
{
  min-height: 450px;
}

.hBox2
{
  min-height: 300px;
}

.img1
{
  width: 40px;
  height: 40px;
  margin-left: 2px;
  margin-right: 2px;
  vertical-align: middle;
}



  @media (max-width: 1024px)
  {
    .bkMalvaWhite
    {
      background-color: #EBE5FF !important;
    }

    .logodim
    {
      height: 28px;
      position: relative;
    }

    .img1
    {
      width: 36px;
      height: 36px;
      margin-left: 2px;
      margin-right: 2px;
      vertical-align: middle;
    }

    .hBox1
    {
      min-height: 300px;
    }

    .hBox2
    {
      min-height: 250px;
    }
  }


  @media only screen and (max-width : 768px)
  {
    .navbar-collapse
    {
      background: #cf2430;
    }

    .fs0
    {
      font-size: 10pt;
    }

    .fs1
    {
      font-size: 12pt;
    }

    .fs2
    {
      font-size: 14pt;
    }

    .fs3
    {
      font-size: 16pt;
    }

    .fs4
    {
      font-size: 18pt;
    }

    .imgsh
    {
      width: 96px;
      margin-left: 2px;
      margin-right: 2px;
      vertical-align: middle;
    }

    .imgvh
    {
      height: 32px;
      margin-left: 2px;
      margin-right: 2px;
      vertical-align: middle;
    }

    .img1
    {
      width: 32px;
      height: 32px;
      margin-left: 2px;
      margin-right: 2px;
      vertical-align: middle;
    }

    .hBox1
    {
      min-height: 300px;
    }

    .hBox2
    {
      min-height: 250px;
    }

  }

  @media (max-width: 425px)
  {

    .fs0
    {
      font-size: 8pt;
    }

    .fs1
    {
      font-size: 10pt;
    }

    .fs2
    {
      font-size: 12pt;
    }

    .fs3
    {
      font-size: 14pt;
    }

    .fs4
    {
      font-size: 16pt;
    }

    .img1
    {
      width: 24px;
      height: 24px;
      margin-left: 2px;
      margin-right: 2px;
      vertical-align: middle;
    }


    .hBox1
    {
      min-height: 250px;
    }

    .hBox2
    {
      min-height: 200px;
    }
  }



  @media (max-width: 320px)
  {

    .logodim
    {
      height: 24px !important;
      position: relative;
    }


    .fs0
    {
      font-size: 6pt;
    }

    .fs1
    {
      font-size: 8pt;
    }

    .fs2
    {
      font-size: 10pt;
    }

    .fs3
    {
      font-size: 12pt;
    }

    .fs4
    {
      font-size: 14pt;
    }

    .img1
    {
      width: 20px;
      height: 20px;
      margin-left: 2px;
      margin-right: 2px;
      vertical-align: middle;
    }


    .hBox1
    {
      min-height: 200px;
    }

    .hBox2
    {
      min-height: 160px;
    }
  }






  /*************** varie ****************/


  .bkSfondo
  {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }

  .bkBlackTrans
  {
    background-color: rgba(0, 0, 0, 0.75);
  }

  .bkGreenTrans
  {
    background-color: rgba(0, 155, 30, 0.75);
  }

  .bkBlueTrans
  {
    background-color: rgba(0, 113, 188, 0.75);
  }

  .bkGoldTrans
  {
    background-color: rgba(223, 225, 0, 0.75);
  }

  .bkOrangeTrans
  {
    background-color: rgba(255, 165, 0, 0.75);
  }

  .bkRedTrans
  {
    background-color: rgba(255, 0, 0, 0.75);
  }

  .bkVioletTrans
  {
    background-color: rgba(135, 206, 235, 0.75);
  }

  .bkBlackTrans25
  {
    background-color: rgba(0, 0, 0, 0.25);
  }

  .bkGreenTrans25
  {
    background-color: rgba(0, 155, 30, 0.25);
  }

  .bkBlueTrans25
  {
    background-color: rgba(0, 113, 188, 0.25);
  }

  .bkGoldTrans25
  {
    background-color: rgba(223, 225, 0, 0.25);
  }

  .bkOrangeTrans25
  {
    background-color: rgba(255, 165, 0, 0.25);
  }

  .bkRedTrans25
  {
    background-color: rgba(255, 0, 0, 0.25);
  }

  .bkVioletTrans25
  {
    background-color: rgba(135, 206, 235, 0.25);
  }

  .bkBlackTrans50
  {
    background-color: rgba(0, 0, 0, 0.50);
  }

  .bkGreenTrans50
  {
    background-color: rgba(0, 155, 30, 0.50);
  }

  .bkBlueTrans50
  {
    background-color: rgba(0, 113, 188, 0.50);
  }

  .bkGoldTrans50
  {
    background-color: rgba(223, 225, 0, 0.50);
  }

  .bkOrangeTrans50
  {
    background-color: rgba(255, 165, 0, 0.50);
  }

  .bkRedTrans50
  {
    background-color: rgba(255, 0, 0, 0.50);
  }

  .bkVioletTrans50
  {
    background-color: rgba(135, 206, 235, 0.50);
  }

  .mh310
  {
    min-height: 310px !important;
  }

  .mh140
  {
    min-height: 140px !important;
  }

  .mh240
  {
    min-height: 240px !important;
  }


  .mh192
  {
    min-height: 192px !important;
  }

  .mh292
  {
    min-height: 292px !important;
  }

  .mh392
  {
    min-height: 392px !important;
  }

  .lh16
  {
    line-height: 16px !important;
  }

  .lh26
  {
    line-height: 26px !important;
  }

  .lh36
  {
    line-height: 36px !important;
  }

  .boRadU4
  {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }

  .boRadD4
  {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
  }




  /* ------------- colori ----------------*/




  /* ------------- link ----------------*/

  a.lnkWhiteSQ1:link, a.lnkWhiteSQ1:visited, a.lnkWhiteSQ1:active
  {
    color: white !important;
    text-decoration: none !important;
  }

  a.lnkWhiteSQ1:hover
  {
    color: #0071BC !important;
    text-decoration: none !important;
  }

  a.lnkWhiteSQ2:link, a.lnkWhiteSQ2:visited, a.lnkWhiteSQ2:active
  {
    color: white !important;
    text-decoration: none !important;
  }

  a.lnkWhiteSQ2:hover
  {
    color: #1BE6AF !important;
    text-decoration: none !important;
  }

  a.lnkWhiteSQ3:link, a.lnkWhiteSQ3:visited, a.lnkWhiteSQ3:active
  {
    color: #0071BC !important;
    text-decoration: none !important;
  }

  a.lnkWhiteSQ3:hover
  {
    color: #1BE6AF !important;
    text-decoration: none !important;
  }

  /* ------------- map ----------------*/

  #map
  {
    height: 100%;
    width: 100%;
  }

  /* ------------- carousel ----------------*/

  .carousel, .item, .active
  {
    height: 100%;
  }

  .carousel-inner
  {
    height: 100%;
  }

    .carousel-inner > .item > img
    {
      height: 100%;
    }

  /* ------------- forme ----------------*/

  .rtShp
  {
    width: 50% !important;
  }

  .spin
  {
    width: 20px !important;
    height: 20px !important;
  }


/* ------------- popup ----------------*/

.popup
{
  display: none;
  position: fixed;
  z-index: 9999;
  padding-top: 50px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.9);
  text-align: center;
}


.popup-content
{
 /* height: 90%;*/
  max-width: 90%;
  max-height: 90%;
  border-radius: 10px;
  box-shadow: 0 0 20px #000;
}


.close
{
  position: absolute;
  top: 20px;
  right: 40px;
  color: #fff;
  font-size: 40px;
  font-weight: bold;
  cursor: pointer;
}

/* ------------- thumbnail ----------------*/

.thumb
{
  width: 200px;
  height: 200px;
  border: 2px solid darkgreen;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

  .thumb img
  {
    width: 100%;
    height: 100%;
    object-fit: contain; /* mantiene le proporzioni */
  }