@charset "UTF-8";
.bg-1 {
background-image: url("../img/noise.jpg");background-repeat: repeat;}
.bg-2 {
background-image: url("../img/body-bg.png");background-repeat: repeat;}

.bg-3 {
    background: #16272E;
}



ol li {
list-style-image: url(../img/pallina.png);
} 

    .gal {
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
	}	
	.gal img{ width: 100%; padding: 0px 0;}
@media (max-width: 500px) {
		.gal {
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
	}
	}
	
.r8 {
    border-radius: 8px;
}


/* ======= Gallery style ======= */
.gallery-item {
    overflow: hidden;
}
.gallery-item .img-card {
    margin-bottom: 15px;
}
.gallery-item .img-block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  text-align: center;
}
.gallery-item .wrapper-img {
  position: relative;
  background-color: rgba(170, 132, 83, 1);
  transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
}
.gallery-item img {
  width: 100%;
  margin: 0;
  transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
  background-size: cover;
}
.gallery-item .img-block:hover img {
  box-shadow: 0 1px 15px 1px rgba(0, 0, 0, 0.2);
  opacity: 0.1;
}
.gallery-item .img-block:hover .wrapper-img {
  transform: scale(0.95);
}
.gallery-item .img-block:hover .title-block {
  opacity: 1;
  transform: translateX(0px);
}
.gallery-item .title-block {
  position: absolute;
  opacity: 0;
  transform: translateX(-20px);
  transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
}
.gallery-item .title-block h6 {
  font-size: 24px;
  margin-bottom: 0px;
  font-weight: 400;
  color: #fff;
}
/* magnific popup custom */
.mfp-figure button {
    border: 0px solid transparent;
}
button.mfp-close,
button.mfp-arrow {
    border: 0px solid transparent;
    background: transparent;
}

/* video gallery */
.video-gallery-button {
    position: relative;
    margin: auto;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    z-index: 4;
    margin-left: 15px;
    float: right;
}
.video-gallery-polygon {
    z-index: 2;
    padding-left: 5px;
    display: inline-block;
    position: absolute;
    font-size: 35px;
        bottom: 15px;
    right: 15px;
    background: #transparent;
    border-radius: 50%;
    border: 0px solid #842732;
    color: #fff;
    padding: 9px 14px 9px 10px;
    line-height: 0;
}
.video-gallery-polygon:hover {
    background: #transparent;
    border: 0px solid #282828;
    color: #AA8453;
}
/* ======= Pricing style ======= */
.pricing-card {
    background-color: #323232;
    margin-bottom: 30px;
}
.pricing-card .desc {
    padding: 40px;
} 
.pricing-card .name {
    line-height: 1;
    margin: 0;
    font-family: 'Libre Caslon Display', serif;
    font-size: 24px;
    color: #fff;
    margin-bottom: 20px;
}
.pricing-card .subname {
    line-height: 1;
    margin: 0;
    font-size: 12px;
    text-transform: uppercase;
    color: #666;
    margin-bottom: 20px;
    letter-spacing: 3px;
}
.pricing-card .amount {
  margin: 0;
  line-height: 1;
    font-family: 'Libre Caslon Display', serif;
    font-size: 40px;
  margin-bottom: 20px;
    color: #fff;
}
.pricing-card .amount span {
    font-family: 'Outfit', sans-serif;
    font-size: 15px;
    color: #fff;
}
.pricing-card .list {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
}
.pricing-card .list li {
  position: relative;
    font-size: 15px;
    padding-left: 30px;
}
.pricing-card .list li+li {
  margin-top: 5px;
}
.pricing-card .list li i {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    font-size: 15px;
    color: #fff;
}
.pricing-card .list li i.unavailable {
  color: #fff;
}


/* =======  Overlay Effect Bg image style  ======= */
[data-overlay-dark],
[data-overlay-darkgray],
[data-overlay-light] {
  position: relative;
}
[data-overlay-dark] .container,
[data-overlay-darkgray] .container,
[data-overlay-light] .container {
  position: relative;
  z-index: 2;
}
[data-overlay-dark]:before,
[data-overlay-darkgray]:before,
[data-overlay-light]:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
[data-overlay-dark]:before {
  background: #000;
}
[data-overlay-darkgray]:before {
  background: #222;
}
[data-overlay-light]:before {
  background: #fff;
}
[data-overlay-dark] h1,
[data-overlay-dark] h2,
[data-overlay-dark] h3,
[data-overlay-dark] h4,
[data-overlay-dark] h5,
[data-overlay-dark] h6,
[data-overlay-dark] span {
  color: #fff;
}
[data-overlay-darkgray] h1,
[data-overlay-darkgray] h2,
[data-overlay-darkgray] h3,
[data-overlay-darkgray] h4,
[data-overlay-darkgray] h5,
[data-overlay-darkgray] h6,
[data-overlay-darkgray] span {
  color: #fff;
}
[data-overlay-light] h1,
[data-overlay-light] h2,
[data-overlay-light] h3,
[data-overlay-light] h4,
[data-overlay-light] h5,
[data-overlay-light] h6,
[data-overlay-light] span {
  color: #999;
}
[data-overlay-dark] p {
  color: #fff;
}
[data-overlay-darkgray] p {
  color: #999;
}
[data-overlay-light] p {
  color: #999;
}
[data-overlay-dark="0"]:before,
[data-overlay-darkgray="0"]:before,
[data-overlay-light="0"]:before {
  opacity: 0;
}
[data-overlay-dark="1"]:before,
[data-overlay-darkgray="1"]:before,
[data-overlay-light="1"]:before {
  opacity: 0.1;
}
[data-overlay-dark="2"]:before,
[data-overlay-darkgray="2"]:before,
[data-overlay-light="2"]:before {
  opacity: 0.2;
}
[data-overlay-dark="3"]:before,
[data-overlay-darkgray="3"]:before,
[data-overlay-light="3"]:before {
  opacity: 0.3;
}
[data-overlay-dark="4"]:before,
[data-overlay-darkgray="4"]:before,
[data-overlay-light="4"]:before {
  opacity: 0.4;
}
[data-overlay-dark="5"]:before,
[data-overlay-darkgray="5"]:before,
[data-overlay-light="5"]:before {
  opacity: 0.5;
}
[data-overlay-dark="6"]:before,
[data-overlay-darkgray="6"]:before,
[data-overlay-light="6"]:before {
  opacity: 0.6;
}
[data-overlay-dark="7"]:before,
[data-overlay-darkgray="7"]:before,
[data-overlay-light="7"]:before {
  opacity: 0.7;
}
[data-overlay-dark="8"]:before,
[data-overlay-darkgray="8"]:before,
[data-overlay-light="8"]:before {
  opacity: 0.8;
}
[data-overlay-dark="9"]:before,
[data-overlay-darkgray="9"]:before,
[data-overlay-light="9"]:before {
  opacity: 0.9;
}
[data-overlay-dark="10"]:before,
[data-overlay-darkgray="10"]:before,
[data-overlay-light="10"]:before {
  opacity: 1;
}






       /* ======= Dynamic Background video style ======= */
        .dynamic-video-wrapper {
            max-width: 100%;
            padding: 0;
            margin: 0;
            max-height: 600px;
            height: 100%;
            overflow: hidden;
            position: relative;
        }
        .dynamic-video-wrapper video {
            display: flex;
            width: 100%; /* Assicurati che il video copra tutta la larghezza */
            height: auto; /* Mantiene le proporzioni del video */
            object-fit: cover; /* Scala il video per coprire l'area, ritagliando se necessario */
        }
        .dynamic-video-wrapper .wrap-content {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%); /* Centra verticalmente e orizzontalmente */
            width: 100%;
            z-index: 10;
            text-align: center;
            padding: 20px; /* Aggiungi un po' di padding per il testo su mobile */
            box-sizing: border-box; /* Assicura che il padding non aumenti la larghezza */
        }
        .dynamic-video-wrapper .wrap-content h1,
        .dynamic-video-wrapper .wrap-content .h1 {
            position: relative;
            font-family: 'Gilda Display', serif; /* Assicurati che questo font sia incluso o disponibile */
            font-weight: 500;
            line-height: 1.3em;
            margin: 0 0 15px 0;
            color: #fff;
            font-size: 40px; /* Dimensione predefinita per desktop */
        }

        /* Media query per schermi più piccoli di 768px (tablet e alcuni smartphone) */
        @media screen and (max-width: 768px) {
            .dynamic-video-wrapper .wrap-content h1,
            .dynamic-video-wrapper .wrap-content .h1 {
                font-size: 18px; /* Dimensione più piccola per mobile */
            }
        }

        /* Media query per schermi ancora più piccoli (smartphone) */
        @media screen and (max-width: 480px) {
            .dynamic-video-wrapper .wrap-content h1,
            .dynamic-video-wrapper .wrap-content .h1 {
                font-size: 18px;
            }
        }