.meteo_img1 {
min-height: auto;
min-width: 325px;
padding: 0 15px;
}

.col-sm-4{
padding-right: 5px;
padding-left: 5px;
padding-top: 15px;
}

.col-sm-6{
  padding-top: 15px;
}

/* titolo luoghi, cose, strade */
.my_percent_container_title {
    background-repeat: no-repeat;
    background-size: cover;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    padding-top: 80px;
    /* max-width: 280px; */
    min-height: 320px;
    font-size: 170px;
    font-weight: 900;
    /* padding-right: 10px; */
}

.my_percent_title p {
    line-height: 140px;
    text-align:center;
}

.my_percent_title {
  /*background-color: rgba(108,112,89,1);*/
  border-radius: 25px;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
/*  height: 320px;*/
}

.carousel-cell__title {
    /*height: 320px;
    /* width: 320px;
    margin-right: 40px;*/
}

.image-holder_title {
  position: relative;
}
.image-holder_title:before {
  /*background: rgba(0, 0, 0, 0.6);*/
  border-radius: 25px;
  position: absolute;
  content: '';
  width: 100%;
	height: 100%;
  bottom: 0;
  left: 0;
  top: 0;
}


/* -----------------------------

        Media query

-------------------------------*/

@media (max-width: 768px) {
  .my_percent_container_title {
      /*padding-top: 50px;*/
      padding-top: 20px;
  }
}


@media (max-width: 425px) {
.p15 {padding: 15px 0;}

.meteo_img1 {
padding: 0;
}

.my_percent_container_title {
    /*padding-top: 50px;*/
    font-size: 120px;
}
.my_percent_title p {
    line-height: 100px;
    text-align: center;
}

}


.centra_alcentro{
    margin:0 auto;
}
.carousel-cell__2 {
    height: 320px;
    width: 320px;
    margin-right: 40px;
    margin: 0 auto;
    padding: 0 5px;
}

.card2 {
    width: 24%;
    margin: 0 0.5%;
    /*background: #fff;*/
    float: left;
    margin-top: 20px;
    margin-bottom: 20px;
}

@media (max-width: 1024px) {
  .card2 {
    width: 27%;
    margin: 2.5%;}
}


@media (max-width: 768px) {
  .card2 {
    width: 45%;
    margin: 2.5%;}
}

@media (max-width: 425px) {
  .card2 {
    width: 95%;
    margin: 2.5%;
}

}

  .carousel-image {width: 100%;height: 100%;}



  .box {
  /*  background: rgb(224,224,148);
    background: linear-gradient(90deg, rgba(224,224,148,1) 30%, rgba(108,112,89,1) 100%);
      padding: 20px;*/
      width: 100%;
      height: 75vh;
      display: inline-block;
  }


  .clipped2 {
    -webkit-clip-path: polygon(0 0, 0 55%, 100% 0);
    clip-path: polygon(0 0, 0 55%, 100% 0);
    }

    .clipped1 {
      -webkit-clip-path: polygon(0% 0%, 0% 100%, 25% 100%, 25% 25%, 75% 25%, 75% 75%, 25% 75%, 25% 100%, 100% 100%, 100% 0%);
      clip-path: polygon(0% 0%, 0% 100%, 25% 100%, 25% 25%, 75% 25%, 75% 75%, 25% 75%, 25% 100%, 100% 100%, 100% 0%);
    }
  .clipped {
    -webkit-clip-path: circle(66% at 0 0);
    clip-path: circle(66% at 0 0);}

    .clipped-images{

      background-repeat: no-repeat, repeat;
      background-size: cover;

    }

    .carousel-inner{
      border-radius: 25px;
    }

    .mfp-title {
        background: rgba(0, 0, 0, 0.6);
    }



    .card_titolo{text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), 0 0 25px rgba(0, 0, 255, 0.2), 0 0 5px rgba(0, 0, 139, 0.2);}
    .card_sfondo{background: rgba(0, 0, 0, 0.3); width:100%; height:100%; color:rgb(224,224,148); padding:10px; }

  /* Stile bottoni nel footer */

    .youtube_button{position: fixed;  bottom: 16px; padding-left: 150px;z-index:10000;}
    .youtube_button_text{background-color:  rgba(255, 255, 255, 0.3); padding: 11px 15px; border-radius:10px;border: 1px solid white;}

    .up_button{position: fixed;  bottom: 0;  right:0; padding-bottom: 13px; z-index:10000;}
    .up_button_text{background: rgba(255, 255, 255, 0.3); padding: 0 5px; border-radius:15px; margin-right:15px;border: 1px solid white;}

    i[class*=fa-chevron-up]::before{  font-size: 40px; }
    /*i.fa::before{    font-size: 40px;}*/


    @media (max-width: 1024px) {
      .youtube_button{ padding-left: 190px;}
      }
    @media (max-width: 424px) {
    .youtube_button{ padding-left: 180px;}
      }
    @media (max-width: 374px) {
     .youtube_button_text {    padding: 11px 5px;    border-radius: 10px;}
     .youtube_button { padding-left: 155px; }

      }

  /* Stile Leaflet icons layer*/

  .leaflet-iconLayers-layer {
      border-radius: 5px;
  }
    @media (max-width: 768px) {


      .leaflet-container .leaflet-control-attribution, .leaflet-container .leaflet-control-scale {
      font-size: 8px;
  }

  .leaflet-iconLayers-layer {
      width: 45px;
      height: 45px;
      border-radius: 2px;
  }
  .leaflet-container {
      font: 8px/1.1 "Helvetica Neue", Arial, Helvetica, sans-serif;
  }
  .leaflet-touch .leaflet-bar a {
      width: 15px;
      height: 15px;
      line-height: 15px;
  }


    }

    .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {
      border: 2px solid rgba(0,0,0,0.2);
      background-clip: padding-box;
    }



    .leaflet-right .leaflet-control {
        margin-right: 10px;
    }

    .leaflet-right .leaflet-control {
        float: right;
    }

    .leaflet-control-layers-expanded {
        padding: 6px 10px 6px 6px;
        color: silver;
        background: radial-gradient(ellipse farthest-corner at left bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%), radial-gradient(ellipse farthest-corner at right top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
        box-shadow: 0 3px 14px rgba(0,0,0,0.4);
    }


  body .leaflet-popup-content-wrapper, .leaflet-popup-tip {
      -webkit-box-shadow: inset 0px 0px 10px 2px #FFFFFF,0px 0px 23px 2px #000000;
      -moz-box-shadow: inset 0px 0px 10px 2px #FFFFFF,0px 0px 23px 2px #000000;
      -o-box-shadow: inset 0px 0px 10px 2px #FFFFFF,0px 0px 23px 2px #000000;
      box-shadow: inset 0px 0px 10px 2px #FFFFFF,0px 0px 23px 2px #000000;
    }


    .leaflet-bar a, .leaflet-bar a:hover {
      background: radial-gradient(ellipse farthest-corner at left bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%), radial-gradient(ellipse farthest-corner at right top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
    }


    .leaflet-iconLayers-layer {
        background-color:  #9f7928;
    background-repeat: no-repeat;
    background-size: cover;
    }

  .immagine_sfondo_popup{
    background: url('https://atorinfriul.it/html/images/caricamento.gif') no-repeat center center;
    /* immagine di background da realizzare come mosaico degli screen shot dei vari video*/
    background-size: cover;
  }



    input[type='radio'] {
        accent-color: #9f7928;
    }

    input[type='checkbox'] {
        accent-color: #9f7928;
    }

    .video_back{  background: rgb(0,0,0);
      background: linear-gradient(0deg, rgba(0,0,0,.2), rgba(0,0,0, 0.9)),
      url('https://atorinfriul.it/html/images/caricamento.gif') no-repeat center center;
      /* immagine di background da realizzare come mosaico degli screen shot dei vari video*/
      background-size: cover;
      overflow: hidden;}