@font-face {
    font-family: 'Oregon LDO Book';
    src: url('https://www.intimoretail.it/wp-content/uploads/fonts/OregonLDOBook.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Abode Light';
    src: url('https://www.intimoretail.it/wp-content/uploads/fonts/Abode-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.novis{
display:none!important;
}
.toggle-search{
display:none!important;
}
header#header {
  background-color: transparent !important;
}
div.container.group {
  display: none !important;
}
div.post-thumbnail {
  width: 40%;
  float: left !important;
}
.post-meta.group {
  text-transform: none !important;
  width: 50%;
  float: left;
  padding-left: 2%;
}
div.page-title.pad.group {
  display: none !important;
}
.main_banner {
  text-align: center;
  height: auto;
  position: relative;
  margin-top: 50px;
}
h2.post-title.entry-title {
  float: left;
  width: 100%;
  clear: both;
  text-transform: uppercase;
  letter-spacing: 2px;
}
div.entry.excerpt.entry-summary {
  width: 100%;
  float: left;
  clear: both;
}
.nav-wrap.container {
  letter-spacing: 2px;
  text-align: center;
  padding-right: 80px !important;
}
@media screen and (max-width: 1100px) {
.main_banner {
  margin-top: 0px;
  padding-top: 0px;
  margin-bottom: 30px;
  }
}
  
.cat-item.cat-item-1 {
  display: none;
}
@media screen and (min-width: 900px) and (max-width: 4000px) {
.col-2cl .s1 {
  margin-top: -500px !important;
}
}
.nodis{
  display:none!important;
}
.page-id-20414 .pad{
padding-top:0!important;
}
/*.pad{
padding-top:0!important;
}*/


#topid{
  background-image: url("/wp-content/uploads/2025/02/back-top.jpg");
  background-position:center;
}
.title-connect{
  font-family: 'Abode Light', sans-serif;
  color:#d8a333;
  font-size:28px;
  font-weight:500;
}
.imageunder{
margin-bottom:-89px!important;
}
.parentshape{
  width: 100%;
  height: 90px; 
  position: relative; 
  z-index:99;
}
.triangle-up {
width: 100%;
height: 100%;
background: #153b5c;
clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
}
.title-linea{
  color:#d8a333!important;
  font-size:33px!important;
  font-style:italic!important;
  font-weight:700!important;
}
.borderleft{
  border-left: 1px solid #d8a333;
  color:#ffffff;
  padding:10px 5% 10% 5%;
  margin-bottom:5%;
}
.colorinstore{
  color:#d8a333;
}
.parentshapevert{
width: 100%;
height: 100%;
  z-index:99;
}
.triangle-right{  
position: absolute;  
width: 100%;
height: 100%;
background: #153b5c;  
clip-path: polygon(21% 50%, 0 0, 0 100%);
left:0;
 top:0;  
}
.intro{
width:80%;
 max-width:900px; 
  margin:0 auto;
}
.separation80{
width:80%;
  margin:0 auto;
  height:1px;
  background:#d8a333;
}
.separation{
width:100%;
  height:1px;
  background:#d8a333;
}
.contriang{
  position: relative;
}
.sotto{
position: relative;
  height: 100%;
  margin:0!important;
}
.dida{
width:80%!important;  
margin:0 auto;
color:#ffffff;
}
.dida tr{
   background:transparent!important;
}
.dida td{
  text-align:left!important;
  border:0!important;
}
.didatdicon{
width:100px;
padding-left:20px;
}
.didaicon{
  width:60px;
}
.didatitle{
font-size:22px;
 padding-bottom:15px;
font-style:italic;
text-decoration:underline; 
font-weight:600;  
color:#ffffff;
}
.didalink{
  color:#ffffff!important;
  font-weight:500;
  font-size:20px;
}
.didatxt{
  font-size:20px;
  color:#ffffff;
}
.txttop{
  font-size:27px;
  line-height:40px;
  color:#ffffff;
  font-style:italic;
  text-align:center;
  padding-top:50px;
  font-weight:400;
}
.txtcover{
font-size:22px;
font-weight:600;  
color:#ffffff;
  text-align:center;
  padding-top:50px;
}
.divdownload{
background:#d8a333;
  border-radius:20px;
  text-align:center;
  padding:10px;
  width: fit-content; 
  margin:0 auto;
}
.titleline{
  font-family: 'Oregon LDO Book', sans-serif;
  font-size:80px;
  text-align:center;
  color:#ffffff;
  line-height:80px;
}
.subtitleline{
  font-size:32px;
  line-height:32px;
  text-align:center;
  color:#ffffff;
  letter-spacing:13px;
}
.space0{
  padding-top:40px;
}
.space1{
  padding-top:80px;
}
.space2{
  padding-top:70px;
}
spacer{
 margin-right:10px!important;
}
.bottompage{
  text-align:center; 
  padding:50px 0 20px 0;
  
}
/** intitmo retail new **/
.image-container {
  width: 100%; 
  height: 400px; 
 /* overflow: hidden;*/
}
.image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover; 
  display: block; 
  transition: transform 0.3s ease-in-out;
  border-radius: 15px; /* Angoli arrotondati */
  box-shadow: 3px 10px 17px 0px rgba(0, 0, 0, 0.3);
}

.image-container img:hover {
 transform: scale(1.2);
}
.image-dida{
 width: 100%;
  position:relative;
  text-align:center;
  font-size:150%;
  color:#ffffff;
  font-weight:500;
  transform: translateY(-75px);
}

/** gallery **/
 .gallerycustom-container {
  position: relative;
  width: 100%;
  overflow: hidden;
  /* background: white;*/
  padding: 1%;
  border-radius: 10px;
  /*box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);*/
   margin:0 auto;
        }

        .gallerycustom{
            display: flex;
            gap: 10px;
            overflow-x: auto;
            scroll-behavior: smooth;
          flex-wrap:wrap;
        }

     /*   .gallerycustom img {
            width: 200px;
            height: 150px;
            object-fit: cover;
            border-radius: 8px;
            transition: transform 0.3s ease-in-out;
            cursor: pointer;
        }*/

        .gallerycustom img:hover {
            transform: scale(1.2);
        }

        .gallerycustom::-webkit-scrollbar {
            display: none;
        }

        .nav-button {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background: rgba(0, 0, 0, 0.5);
            color: white;
            border: none;
            cursor: pointer;
            padding: 10px 15px;
            font-size: 20px;
            border-radius: 5px;
            transition: background 0.3s;
        }

        .nav-button:hover {
            background: rgba(0, 0, 0, 0.8);
        }

        .prev { left: 5px; }
        .next { right: 5px; }

        /* Lightbox */
        .lightbox {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.8);
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            visibility: hidden;
            opacity: 0;
            transition: opacity 0.3s ease-in-out, visibility 0.3s;
        }

        .lightbox img {
            max-width: 90%;
            max-height: 90%;
            border-radius: 10px;
            transition: transform 0.3s ease-in-out;
        }

        .lightbox.show {
            visibility: visible;
            opacity: 1;
        }

        .close-lightbox {
            position: absolute;
            top: 20px;
            right: 30px;
            font-size: 30px;
            color: white;
            cursor: pointer;
            background: none;
            border: none;
        }

        .lightbox-nav {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background: rgba(0, 0, 0, 0.5);
            color: white;
            border: none;
            cursor: pointer;
            padding: 10px 15px;
            font-size: 24px;
            border-radius: 5px;
            transition: background 0.3s;
        }

        .lightbox-nav:hover {
            background: rgba(0, 0, 0, 0.8);
        }

        .lightbox-prev { left: 5%; }
        .lightbox-next { right: 5%; }
/** fine gallery **/
.titlesection{
font-size:23px;
font-weight:600; 
padding-top:30px;		
}
.subtitlesection{
font-size:20px;
font-weight:500; 		
font-style:italic;		
}
.title2{
  padding-top:20px;
} 
.lineanome{
font-size:120%;
color:#333333;  
font-weight:600;   
}
.sociallinktitle{
text-align:center;
  font-weight:500;
}
.socialink{
  padding-top:20px;
  display:flex;
  gap:30px;
  justify-content:center;
}
.socialicon{
width:45px;
}
.icondesc{
 width:30px;
 transform:translatey(10px);  
}
.txtenl{
font-size:110%;
margin-top:15px;  
 clear:both;
}
.delayed-image {
  opacity: 0;
  animation: fadeIn 2s ease-in-out 1s forwards;
}
.delayed-box1 {
  opacity: 0;
  animation: fadeIn 2s ease-in-out 2s forwards;
}
.delayed-box2 {
  opacity: 0;
  animation: fadeIn 2s ease-in-out 3s forwards;
}
.delayed-box3 {
  opacity: 0;
  animation: fadeIn 2s ease-in-out 4s forwards;
}

@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.com-right {
  position: relative;
  left: -100%;
  opacity: 0;
  transition: right 3s ease-out, opacity 2s ease-out;
}
.com-left {
  position: relative;
  left: -100%;
  opacity: 0;
  transition: left 2s ease-out, opacity 2s ease-out;
}
.com-left2 {
  position: relative;
  left: -100%;
  opacity: 0;
  transition: left 4s ease-out, opacity 2s ease-out;
}
.com-left3 {
  position: relative;
  left: -100%;
  opacity: 0;
  transition: left 6s ease-out, opacity 2s ease-out;
}
.com-left4 {
  position: relative;
  left: -100%;
  opacity: 0;
  transition: left 7s ease-out, opacity 2s ease-out;
}
.com-left5 {
  position: relative;
  left: -100%;
  opacity: 0;
  transition: left 8s ease-out, opacity 2s ease-out;
}
.com-left6 {
  position: relative;
  left: -100%;
  opacity: 0;
  transition: left 9s ease-out, opacity 2s ease-out;
}
.com-left.active, .com-left2.active, .com-left3.active, .com-left4.active, .com-left5.active, .com-left6.active, .com-right.active{
  left: 0;
  opacity: 1;
}

/*** flip card ***/
.flip-card {
  background-color: transparent;
  width: 100%;
  height: auto;
  perspective: 1000px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 400px;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  /*box-shadow: 0 4px 8px 0 rgba(0,0,0,0.8);*/
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 400px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-card-front {
  background-color: #ffffff;
  height:100%;
}

.flip-card-back {
  background-color:#A38F82;
  color: white;
  transform: rotateY(180deg);
  border-radius: 15px; 
}
.flip-card:hover + .image-dida {
    display: none;
}
.flipfirst{
max-width:80%;
text-align:center;
margin:0 auto;  
padding-top:20%; 
}
.flipsecond{
padding-top:30px;
}
.flipbutton {
  display: inline-block;
  padding: 10px 20px;
  background-color: #ebb47a;
  color: white;
  text-decoration: none; 
  border: none;
  border-radius: 5px;
  cursor: pointer; 
  transition: background-color 0.3s ease, transform 0.2s ease; 
}

.flipbutton:hover {
  background-color: #f8e6d3;
  transform: translateY(-2px); /* Slightly move button up on hover */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Add a subtle shadow */
}

.flipbutton:active { /* Optional: Style when the button is clicked */
  transform: translateY(1px); /* Slightly move button down on click */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/*** end flip card ***/
@keyframes slide {
      0% {
        transform: translateX(-8px);
      }
      100% {
        transform: translateX(8px);
      }
    }
.mov1{
animation: slide 5s linear infinite alternate;
}
.linetitle{
float: left;
background: #ebb47a;
height: 3px;
border-bottom:0; 
margin:0 3px 0 0;
transform: translateY(12px);
}
@media screen and (min-width: 1001px) {
.logofoto{
 /* padding-top:30px;
  height:120px!important;*/
  object-fit:none!important
}
.divgal{
width:48%;
float:left;
	}
.linetitle{
width: 15%;
	}		
.videoright{
width:80%!important;		
float:right;		
		}		
}
@media screen and (max-width: 1000px) {
  .logofoto{
  padding:50px 0 50px 0;
  height:auto!important;
  width:80%!important;
  margin:0 auto;
}
.divgal{
 width:100%;
}
.linetitle{
width: 5%;		
		}		
.videoright{
with:100%;		
		}		
}
    @keyframes coverPan {
      0% {
        background-position: 0% 0%;
      }
      100% {
        background-position: 100% 100%;
      }
    }
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* The Close Button */
.close {
  color: white;
  position: absolute;
  top: 8%;
  right: 5%;
  font-size: 35px;
  font-weight: bold;
}
.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}
.mySlides {
  display: none;
}
.cursor {
  cursor: pointer;
}
/* Next & previous buttons */
.prevl,
.nextl {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}
/* Position the "next button" to the right */
.nextl {
  right: 0;
  border-radius: 3px 0 0 3px;
}
/* On hover, add a black background color with a little bit see-through */
.prevl:hover,
.nextl:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}
/*img {
  margin-bottom: -4px;
}*/
.caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}
.demo {
  opacity: 0.6;
}
.active,
.demo:hover {
  opacity: 1;
}
img.hover-shadow {
  transition: 0.3s;
}
.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.videoconnect{
width:100%;
cursor:pointer;
}
.logoconnect{
width:360px; 
max-width:80%;		
}
.txtbordo{
text-shadow:
-1px -1px 0 #333333,
1px -1px 0 #333333,
-1px 1px 0 #333333,
1px 1px 0 #333333;
color: white;
}
/*** per gallery ***/
/*.stack, .stack img {
    width: 80%!important;
}*/
.stack img {
    width: 100%!important;
}
@media (min-width: 1000px) {
.col-lg-12 .stack {
    margin: 0 0 0 27%!important;
}
}
/*** fine per gallery ***/
@media (min-width: 1200px) {
    .container {
        max-width: 100%!important;
    }
}