@charset "UTF-8";
/*
 * blueimp Gallery CSS
 * https://github.com/blueimp/Gallery
 *
 * Copyright 2013, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * https://opensource.org/licenses/MIT
 */

.blueimp-gallery,
.blueimp-gallery > .slides > .slide > .slide-content,
.blueimp-gallery > .slides > .slide > .slide-content > img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -ms-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  /* Prevent artifacts in Mozilla Firefox: */
  backface-visibility: hidden;
  -moz-backface-visibility: hidden;
}
.blueimp-gallery > .slides > .slide > .slide-content,
.blueimp-gallery > .slides > .slide > .slide-content > img {
  margin: auto;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  opacity: 1;
}
.blueimp-gallery {
  z-index: 999;
  overflow: hidden;
  background: var(--clr-bck);
  opacity: 0;
  display: none;
  direction: ltr;
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
}
.blueimp-gallery-carousel {
  position: relative;
  z-index: auto;
  margin: 1em auto;
  /* Set the carousel width/height ratio to 16/9: */
  padding-bottom: 56.25%;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  -ms-touch-action: pan-y pinch-zoom;
  touch-action: pan-y pinch-zoom;
  display: block;
}
.blueimp-gallery-display {
  display: block;
  opacity: 1;
}
.blueimp-gallery > .slides {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.blueimp-gallery-carousel > .slides {
  position: absolute;
}
.blueimp-gallery > .slides > .slide {
  visibility: hidden;
  position: relative;
  float: left;
  height: 100%;
  text-align: center;
  -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.blueimp-gallery > .slides > .slide-prev,
.blueimp-gallery > .slides > .slide-active,
.blueimp-gallery > .slides > .slide-next {
  visibility: visible;
}
.blueimp-gallery > .slides > .slide-loading {
  background: url(../img/loading.gif) center no-repeat;
  background-size: 64px 64px;
}
.blueimp-gallery-smil > .slides > .slide-loading {
  background-image: url(../img/loading.svg);
}
.blueimp-gallery > .slides > .slide-loading > .slide-content {
  opacity: 0;
}
.blueimp-gallery > .slides > .slide-error {
  background: url(../img/error.png) center no-repeat;
}
.blueimp-gallery-svgasimg > .slides > .slide-error {
  background-image: url(../img/error.svg);
}
.blueimp-gallery > .slides > .slide-error > .slide-content {
  display: none;
}
/*
.blueimp-gallery-display > .prev,
.blueimp-gallery-display > .next {
  position: absolute;
  top: 50%;
  left: 15px;
  width: 8px;
  height: 20px;
  padding: 10px 14px 10px 18px;
  margin-top: -23px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background: #222 url(../img/prev.png) center no-repeat;
  background-color: rgba(0, 0, 0, 0.5);
  border: 3px solid #fff;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  opacity: 0.5;
  cursor: pointer;
  display: none;
}
*/
.blueimp-gallery-display > .prev,
.blueimp-gallery-display > .next {
  /* from here: custom settings */
  position: absolute;
  top: 50%;
  left: 15px;
  width: 20px;
  height: 50px;
  padding: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background: none;
  background-color: transparent;
  border: none;
  opacity: 0.5;
  cursor: pointer;
  display: none;
}

.blueimp-gallery-display > .next {
  right: 15px;
  left: auto;
  background-image: url(../img/next.png);
  /* from here: custom settings */
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}
.blueimp-gallery-svgasimg > .prev {
  background-image: url(../img/prev.svg);
  /* from here: custom settings */
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}
.blueimp-gallery-svgasimg > .next {
  background-image: url(../img/next.svg);
}
.blueimp-gallery-display > .close {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 30px;
  height: 30px;
  background: url(../img/close.png) center no-repeat;
  opacity: 0.8;
  cursor: pointer;
  display: none;
}
.blueimp-gallery-svgasimg > .close {
  background-image: url(../img/close.svg);
}
.blueimp-gallery > .title {
  position: absolute;
  top: 15px;
  left: 15px;
  margin: 0 60px 0 0;
  font-size: 20px;
  line-height: 30px;
  color: #fff;
  text-shadow: 0 0 2px #000;
  opacity: 0.8;
  display: none;
}
.blueimp-gallery-display > .play-pause {
  position: absolute;
  right: 15px;
  bottom: 15px;
  width: 30px;
  height: 30px;
  background: url(../img/play-pause.png) 0 0 no-repeat;
  cursor: pointer;
  opacity: 0.5;
  display: none;
}
.blueimp-gallery-svgasimg > .play-pause {
  background-image: url(../img/play-pause.svg);
}
.blueimp-gallery-playing > .play-pause {
  background-position: -30px 0;
}
.blueimp-gallery-controls > .prev,
.blueimp-gallery-controls > .next,
.blueimp-gallery-controls > .close,
.blueimp-gallery-controls > .title,
.blueimp-gallery-controls > .play-pause {
  display: block;
  /* Fix z-index issues (controls behind slide element) on Android: */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}
.blueimp-gallery-single > .prev,
.blueimp-gallery-left > .prev,
.blueimp-gallery-single > .next,
.blueimp-gallery-right > .next,
.blueimp-gallery-single > .play-pause {
  display: none;
}
.blueimp-gallery > .slides > .slide > .slide-content,
.blueimp-gallery > .prev,
.blueimp-gallery > .next,
.blueimp-gallery > .close,
.blueimp-gallery > .play-pause {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.blueimp-gallery > .prev:hover,
.blueimp-gallery > .next:hover,
.blueimp-gallery > .close:hover,
.blueimp-gallery > .title:hover,
.blueimp-gallery > .play-pause:hover {
  color: #fff;
  opacity: 1;
}

/* IE7 fixes */
* + html .blueimp-gallery > .slides > .slide {
  min-height: 300px;
}
* + html .blueimp-gallery > .slides > .slide > .slide-content {
  position: relative;
}
* + html .blueimp-gallery > .slides > .slide > .slide-content > img {
  position: relative;
}

@supports (object-fit: contain) {
  .blueimp-gallery-contain > .slides > .slide > .slide-content,
  .blueimp-gallery-contain > .slides > .slide > .slide-content > img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
}

@media (prefers-color-scheme: light) {
  .blueimp-gallery-carousel {
    background: #fff;
  }
}

/* inizio css slides testo */
.blueimp-gallery > .slides > .slide > .text-content {
    /* background-color: var(--clr-bck-main); */
    overflow: auto;
    margin: 0px auto;
    text-align: left;
    padding: 0 70px;
    height: 100%;
    width: 100%;
    max-width: 1920px;
}
.blueimp-gallery > .slides > .slide > .text-content .container {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
}    
.blueimp-gallery > .slides > .slide > .text-content .container .title{
    color: white;
    font-weight: bold;
    font-size: 3rem;
    padding: 5px 20px;
}  
.blueimp-gallery > .slides > .slide > .text-content .container .title.fixed-top{
    position: absolute;
    top: 20px;
}
.blueimp-gallery > .slides > .slide > .text-content .container .descr{
    /*background: rgba(var(--clr-lblue-dddark-rgb),0.7);*/
    /*border: 2px solid white;*/
    color: white;
    font-size: 2rem;
    padding: 5px 20px;
    opacity: 1;
}  
.blueimp-gallery > .slides > .slide > .text-content .container .descr.fade-in{
    position: absolute;
    top: 30%;
    width: calc(100% - 40px);
    left:  20px;
    -webkit-transition: opacity 2.5s linear 2s;
    -moz-transition: opacity 2.5s linear 2s;
    -ms-transition: opacity 2.5s linear 2s;
    -o-transition: opacity 2.5s linear 2s;
    transition: opacity 2.5s linear 2s;
}
.blueimp-gallery > .slides > .slide:not(.slide-active) > .text-content .container .descr.fade-in{
    opacity: 0;
}
.blueimp-gallery > .slides > .slide > .text-content .container .btn-know-more{
    position: absolute;
    bottom: 8%;
    left: calc(50% - 7.5rem);
    background-color: var(--clr-lblue-dddark);
    border: 3px solid white;
    border-radius: 2rem;
    border-color: var(--clr-link-special);
    color: var(--clr-link-special);
    text-shadow: 1px 1px 1px var(--clr-link-special-dark);
    font-size: 1rem;
    font-weight: bold;
    height: 4rem;
    line-height: 4rem;
    text-align: center;
    text-decoration: none;
    padding: 0;
    opacity: 1;
    cursor: pointer;
    width: 15rem;
    margin: 0 auto 0 auto;
}
.blueimp-gallery > .slides > .slide > .text-content .container .btn-know-more:hover{
    border-color: var(--clr-link-special);
    color: var(--clr-link-special);
    text-shadow: 1px 1px 2px  var(--clr-link-special-dark);
    box-shadow: 0 1px 3px var(--clr-link-special-dark);
}    
.blueimp-gallery > .slides > .slide > .text-content .container .btn-know-more.fade-in{
    -webkit-transition: opacity 2.5s linear 2s;
    -moz-transition: opacity 2.5s linear 2s;
    -ms-transition: opacity 2.5s linear 2s;
    -o-transition: opacity 2.5s linear 2s;
    transition: opacity 2.5s linear 2s;
}
.blueimp-gallery > .slides > .slide:not(.slide-active) > .text-content .container .btn-know-more.fade-in{
    opacity: 0;
}


.blueimp-gallery > .slides > .slide > .text-content .container .from-top{
    position: absolute;
    top: -10%;
} 
.blueimp-gallery > .slides > .slide > .text-content .container .from-top{
    position: absolute;
    top: 30px;
}    
.blueimp-gallery > .slides > .slide:not(.slide-active) > .text-content .container .from-bottom{
    position: absolute;
    top: 110%;
}    
.blueimp-gallery > .slides > .slide > .text-content .container .from-bottom{
    position: absolute;
    top: 30%;
    -webkit-transition: top 1.5s linear 1s;
    -moz-transition: top 1.5s linear 1s;
    -ms-transition: top 1.5s linear 1s;
    -o-transition: top 1.5s linear 1s;
    transition: top 1.5s linear 1s;
}    

/* --> start promo 1/2 */

/* promo: link c5lettere a IT_LE_GL_5LETT dal 23/10/2023 al ?/?/2022 */
.blueimp-gallery > .slides > .slide > .text-content .container.promo {
    padding: 1rem 0 0 0;
    text-shadow: 1px 1px 1px var(--clr-gray);
}
.blueimp-gallery > .slides > .slide > .text-content .container.promo img.logo-lett5{
    display: block;
    width: 9rem;
    height: 9rem;
    margin: auto;
}
.blueimp-gallery > .slides > .slide > .text-content .container.promo .title{
    font-size:2rem;
    font-weight: normal;
}
.blueimp-gallery > .slides > .slide > .text-content .container.promo .title.center{
    text-align: center;
    padding: 5px 0;
}    
.blueimp-gallery > .slides > .slide > .text-content .container.promo .title.roll{
    color: white;
    background-clip: text;
    background: url('../../images/start_page/pattern_italia_60x200.png') repeat-y, linear-gradient(white, white);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none;
    -webkit-animation: anim_promo 80s linear infinite;
    -webkit-transform: translate3d(0,0,0);
    -webkit-backface-visibility: hidden;
}
@-webkit-keyframes anim_promo {
	0% { background-position: 0% 50%; }
	100% { background-position: 100% 50%; }
}
.blueimp-gallery > .slides > .slide > .text-content .container.promo .descr.center{
    text-align: center;
    padding: 5px 0;
}    
.blueimp-gallery > .slides > .slide > .text-content .container.promo .descr.txt-greater{
    font-size: 3rem;    
}
.blueimp-gallery > .slides > .slide > .text-content .container.promo ul{
    list-style-position: inside;
    margin-bottom: 1rem;
}
.blueimp-gallery > .slides > .slide > .text-content .container.promo ul li:not(first-child){
    margin-top: 0.5rem;
}
.blueimp-gallery > .slides > .slide > .text-content .container.promo .title .txt-greater{
    font-size:3rem;
    font-weight: bold;
}
.blueimp-gallery > .slides > .slide > .text-content .container.promo .title .txt-greater.ita{
    color: white;
    background-clip: text;
    background: url('../../images/start_page/pattern_italia_170x100.png') no-repeat left, linear-gradient(white, white);
    /*background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 11%, rgba(255,26,26,1) 19%, rgba(255,26,26,1) 29%, rgba(255,255,255,1) 41%, rgba(253,246,246,1) 52%, rgba(0,205,68,1) 66%, rgba(0,205,68,1) 73%, rgba(253,250,250,1) 82%, rgba(255,255,255,1) 100%);*/
    background-size: cover;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    text-shadow: none;
    /*-webkit-text-stroke: 1px var(--clr-blue);*/
    -webkit-transform: translate3d(0,0,0);
    -webkit-backface-visibility: hidden;
}
.blueimp-gallery > .slides > .slide > .text-content .container .btn-promo{
    display: flex;
    align-items: center;
    background-color: lime;
    border: 3px solid  white;
    border-radius: 0.5rem;
    color: white;
    text-shadow: 1px 1px 1px var(--clr-gray);
    font-size: 1.5rem;
    font-weight: bold;
    min-height: 3rem;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    max-width: 15rem;
    margin: 1rem auto 0 auto;
    width: 11rem;
}
.blueimp-gallery > .slides > .slide > .text-content .container .btn-promo:hover{
    border-color: white;
    background-color: var(--clr-green-lime-ddark);
    text-shadow: 1px 1px 1px var(--clr-gray);
    box-shadow: 0 1px 3px var(--clr-gray);
}    
.blueimp-gallery > .slides > .slide > .text-content .container .btn-promo svg{
    display: inline-block;
    height: 2rem;
    width: 2rem;
    margin: 0 0.5rem 0 0.5rem;
}
.blueimp-gallery > .slides > .slide > .text-content .container.promo a.arrow-link{
    display: inline-block;
    position: relative;
    left: calc(50% - 8rem);
    background-color: black;
    border: 3px solid  white;
    border-radius: 2.5rem;
    text-shadow: initial;
    line-height: 5rem;
    font-size: 2.5rem;
    color: #71D4FE;
    text-decoration: none;
    padding: auto auto auto 4rem;
    text-align: center;
    height: 5rem;
    width: 16rem;
    margin: 1rem auto 0 auto;
}
.blueimp-gallery > .slides > .slide > .text-content .container.promo a.arrow-link:hover {
    border-color: white;
    color: white;
    box-shadow: 0 1px 3px var(--clr-gray);    
}
.blueimp-gallery > .slides > .slide > .text-content .container.promo a.arrow-link:active {
}


/* end promo 1/2 <-- */



/* start */
.blueimp-gallery > .slides > .slide > .text-content .container.start {
    background-image: url('../../images/start_page/lamp_ita.svg');
    background-repeat: no-repeat;
    background-position: left 20%;
    background-size: 22% auto;
    padding-left: 25%;
}    
.blueimp-gallery > .slides > .slide > .text-content .container.start .title.fixed-top{
    font-size:2rem;
    font-weight: normal;
}
.blueimp-gallery > .slides > .slide > .text-content .container.start .title.fixed-top .txt-greater{
    font-size:3rem;
    font-weight: bold;
}
.blueimp-gallery > .slides > .slide > .text-content .container.start .descr{
    border: none;
    position: absolute;
    top: 25%;
    margin: 0 auto;
}
.blueimp-gallery > .slides > .slide > .text-content .container.start .descr.txt-greater{
    font-size:3rem;
}
.blueimp-gallery > .slides > .slide > .text-content .container.start ul{
    list-style-position: inside;
}
.blueimp-gallery > .slides > .slide > .text-content .container.start li{
    margin-top: 0.5rem;
}    

/* b1 */
.blueimp-gallery > .slides > .slide > .text-content .container.b1 {
    padding: 0%;
}    
.blueimp-gallery > .slides > .slide > .text-content .container.b1 .title.fixed-top{
    font-size:2rem;
    font-weight: normal;
}
.blueimp-gallery > .slides > .slide > .text-content .container.b1 .title.fixed-top .txt-greater{
    font-size:3rem;
    font-weight: bold;
}
.blueimp-gallery > .slides > .slide > .text-content .container.b1 .descr{
    display:block;
    border: none;
    background-image: url('../../images/start_page/b1.jpg');
    background-repeat: no-repeat;
    background-position: right 40%;
    background-size: 40% auto;
    padding:  3rem 40% 3rem 20px;
    margin: 20% auto 1rem auto;
    width: 100%;
}

/* trip italy */
.blueimp-gallery > .slides > .slide > .text-content .container.trip-italy video {
    position: absolute;
}    
@media (min-aspect-ratio: 16/9){
    .blueimp-gallery > .slides > .slide > .text-content .container.trip-italy video {
        width: 100%;
        height: auto;
    } 
}
@media (max-aspect-ratio: 16/9){
    .blueimp-gallery > .slides > .slide > .text-content .container.trip-italy video {
        width: auto;
        height: 100%;
    } 
}



@media (max-width: 600px), (hover: none) and (pointer: coarse) and (orientation: landscape){
    .blueimp-gallery > .slides > .slide > .text-content {
      padding: 0px;
    }
    .blueimp-gallery > .slides > .slide > .text-content .container .title{
        font-size: 2rem;
    }    
    .blueimp-gallery > .slides > .slide > .text-content .container .descr{
        font-size: 1rem;
        padding: 5px 20px;
    }    
    .blueimp-gallery > .slides > .slide > .text-content .container .descr.fade-in{
        padding: 2rem 15%;
        left: 0;
        width: 100%;
    }    

    /* --> start promo 2/2 => media query */

        .blueimp-gallery > .slides > .slide > .text-content .container.promo {
        background-size: cover;
        background-position-x: right;
        padding: 1rem 20px 0 20px;
    }    
    .blueimp-gallery > .slides > .slide > .text-content .container.promo .title{
        font-size:2rem;
        font-weight: normal;
    }
    .blueimp-gallery > .slides > .slide > .text-content .container.promo .title .txt-greater{
        font-size:2.5rem;
        font-weight: bold;
    }
    .blueimp-gallery > .slides > .slide > .text-content .container.promo .descr{
        font-size: 1.5rem;
        padding: 5px 20px;
    }    

    .blueimp-gallery > .slides > .slide > .text-content .container .btn-promo{
        max-width: 90%;
    }
    
    /* end promo 2/2 <-- */
    
    /* start */
    .blueimp-gallery > .slides > .slide > .text-content .container.start {
        background-position: 5px 35px;
        padding-left: 20%;
    }    
    .blueimp-gallery > .slides > .slide > .text-content .container.start .title.fixed-top{
        font-size:1.5rem;
        font-weight: normal;
    }
    .blueimp-gallery > .slides > .slide > .text-content .container.start .title.fixed-top .txt-greater{
        font-size:2rem;
        font-weight: bold;
    }
    .blueimp-gallery > .slides > .slide > .text-content .container.start .descr{
        top: 30%;
        left: 0;
        /*left: 15%;
        width: 70%;
        */
        padding: 2rem 15%;
        width: 100%;
    }
    .blueimp-gallery > .slides > .slide > .text-content .container.start ul{
        padding-left: 5px;
    }

    /* b1 */
    .blueimp-gallery > .slides > .slide > .text-content .container.b1 {
        background-position: calc(100% - 5px) 35px;
        padding-right: 20%;
    }    
    .blueimp-gallery > .slides > .slide > .text-content .container.b1 .title.fixed-top{
        font-size:1.5rem;
        font-weight: normal;
    }
    .blueimp-gallery > .slides > .slide > .text-content .container.b1 .descr{
        position: absolute;
        top: 13%;
        left: 0;
        background-position: center calc(100% - 1rem);
        background-size: auto 10rem;
        padding: 3rem 15% 13rem 15%;
        margin-top: 10%;
        width: 100%;
    }
    
    /* trip italy */
    .blueimp-gallery > .slides > .slide > .text-content .container.trip-italy {
        background-image: url('../../images/start_page/start_page_colosseo.jpg');
        background-size: cover; 
        background-repeat: no-repeat;
    } 
    .blueimp-gallery > .slides > .slide > .text-content .container.trip-italy video {
        display: none;
    } 
    
}
@media (hover: none) and (pointer: coarse) and (orientation: landscape){
    /* start */
    .blueimp-gallery > .slides > .slide > .text-content .container.start .title.fixed-top{
        top:10px;
    }
    .blueimp-gallery > .slides > .slide > .text-content .container.start .descr{
        padding: 0.5rem 5% 0.5rem 25%;
    }

    /* b1 */
    .blueimp-gallery > .slides > .slide > .text-content .container.b1 .title.fixed-top{
        top:10px;
    }
    .blueimp-gallery > .slides > .slide > .text-content .container.b1 .descr{
        background-position: right 40%;
        background-size: 40% auto;
        padding:  3rem 40% 3rem 10%;
        margin: 5% auto 1rem auto;
    }

    /* trip-italy */
    .blueimp-gallery > .slides > .slide > .text-content .container.trip-italy .title.fixed-top{
        top:10px;
    }
    
    .blueimp-gallery > .slides > .slide > .text-content .container .btn-know-more{
        top: calc(30% - 2rem);
        left: calc(100% - 10rem - 5px);
        font-size: 1rem;
        font-weight: bold;
        height: 4rem;
        line-height: 4rem;
        width: 10rem;
    }
    .blueimp-gallery > .slides > .slide > .text-content .container.b1 .btn-know-more{
        top: 13%;
    }
}
/* fine css slides testo */