@charset "utf-8";
/* by Unimedia with passion  */
/* localized styles */
/* author Unimedia */
/* License Commercial */
/* dimensioni body: template.css righe: 7000; 5208 */
/**/ 

:root {
	--site-color: #677C8B;
	--blue-color: #000080;
	--blue-headers: #044691;
}

.site-color { color: var(--site-color); }
.oro { color: #F6D837;}
.blue-color { color: var(--blue-color); }
.bg-blu-dark{background-color:#044691}
.card-title {color: #044691;}


@font-face {
	font-family: 'Ubuntu', sans-serif;
	src: url('../fonts/Ubuntu-Regular.ttf') format('truetype'),
		 url('../fonts/Ubuntu-Bold.ttf') format('truetype');
		 font-display: swap;
  }
  

.font1 { font-family: "Ubuntu", sans-serif;}
.font2 { font-family: "Ubuntu", sans-serif;}
.font3 { font-family: 'Ubuntu', sans-serif;}


/*  ==== structure   ===== */
html {font-size: 112.5%; font-family: 'Segoe UI', 'Ubuntu', 'Arial', sans-serif; line-height: 1.5; color: #222; scroll-behavior: smooth;}
  body {
    font-family: 'Ubuntu', sans-serif;
    font-size: 1.125rem;
    background: white;
    color: #000000;
    overflow-x: hidden;
  }
  /* sistemiamo il font awesome */
  .fa,.fa-brands,.fa-classic,.fa-regular,.fa-sharp,.fa-solid,.fab,.far,.fas { font-family: "Font Awesome 6 Free"; font-weight: 900; }


/* GTC unimedia */

.gtc441, .gtc421, .gtc331, .gtc321, .gtc221, .gtc211, .gtc7x5, .gtc5x7, .gtc4x8, .gtc8x4, .gtc4x7x1, .gtc2x10 {display: grid;}
@media (min-width:576px){
    .gtc441{grid-template-columns:1fr}
    .gtc421{grid-template-columns:1fr}
    .gtc321{grid-template-columns:1fr}
    .gtc331{grid-template-columns:1fr}
    .gtc221{grid-template-columns:1fr}
    .gtc211{grid-template-columns:1fr}
    .gtc7x5{grid-template-columns:1fr}
    .gtc5x7{grid-template-columns:1fr}
    .gtc4x8{grid-template-columns:1fr}
    .gtc8x4{grid-template-columns:1fr}
    .gtc4x7x1{grid-template-columns:1fr}
    .gtc2x10{grid-template-columns:1fr}
  }

@media (min-width:768px){
  .gtc421{grid-template-columns:1fr 1fr}
  .gtc441{grid-template-columns:1fr 1fr 1fr 1fr}
  .gtc321{grid-template-columns:1fr 1fr}
  .gtc331{grid-template-columns:1fr}
  .gtc221{grid-template-columns:1fr 1fr}
}
@media (min-width:992px){
  .gtc421{grid-template-columns:1fr 1fr}
  .gtc441{grid-template-columns:1fr 1fr 1fr 1fr}
  .gtc321{grid-template-columns:1fr 1fr}
  .gtc221{grid-template-columns:1fr 1fr}
  .gtc331{grid-template-columns:1fr 1fr 1fr}
  .gtc7x5{grid-template-columns:7fr 5fr}
  .gtc5x7{grid-template-columns:5fr 7fr}
  .gtc4x8{grid-template-columns:4fr 8fr}
  .gtc8x4{grid-template-columns:8fr 4fr;}
  .gtc4x7x1{grid-template-columns:4fr 7fr 1fr;}
  .gtc2x10{grid-template-columns:2fr 10fr;}
}

@media (min-width:1200px){
    .gtc421{grid-template-columns:1fr 1fr 1fr 1fr}
    .gtc211{grid-template-columns:1fr 1fr}
    .gtc321{grid-template-columns:1fr 1fr 1fr}
    .gtc331{grid-template-columns:1fr 1fr 1fr}
    .gtc7x5{grid-template-columns:7fr 5fr}
    
  }


/* end GTC unimedia */

/* hero */
    .heros {
      background-size: cover !important;
      background-repeat: no-repeat !important;
      background-position: center center;
      color: var(--white);

    }

    .hero-services {
      background: linear-gradient(135deg, rgba(4, 24, 6, 0.69) 0%, rgba(5, 30, 51, 0.88) 100%), url('images/servizi-hero.webp');
      text-align: center;
      border-bottom: 1px solid rgba(100, 255, 218, 0.1);
      height: 34vw;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }

/*Layouts*/
.allign-v{align-items:center!important;}
.allign-h{justify-content:center!important; }
.alignv{display: grid; align-items:center!important;}
.alignh{display: grid; justify-content:center!important; }
.alignvh {display: grid; justify-content:center!important; align-items:center!important;}

.gap-0{grid-gap:0!important;}
.gap-15, .gap15{grid-gap:15px;}
.gap-30, .gap30{grid-gap:30px;}
.gap-60, .gap60{grid-gap:60px;}
.colgap-15 {column-gap: 15px;}
.colgap-30 {column-gap: 30px;}
.nomargin {margin: 0 !important; --bs-gutter-x: 0rem !important;}


.d-flex-v{display:flex;flex-direction:row;flex-wrap:wrap;}
.d-auto{display:table;width:auto;}
@media (max-width: 992px) {
  .gap-60, .gap60{grid-gap:30px;}
  .m-x-padd {padding-left: 10px; padding-right: 10px;}
}
 
/* typography*/
.imfs1 { font-size: calc(1rem + 1.0vw);}
.imfs2 { font-size: calc(1rem + 1.5vw);}
.imfs3 { font-size: calc(1rem + 2.0vw);}
.imfs4 { font-size: calc(1rem + 2.5vw);}

.h1,h1{font-size:calc(1.375rem + 1.5vw)}
.h2,h2{font-size:calc(1.325rem + .9vw)}
.h3,h3{font-size:calc(1.3rem + .6vw)}
.h4,h4{font-size:calc(1.275rem + .3vw)}
.h5,h5{font-size:1.25rem}
.h6,h6{font-size:1rem}

@media (width >= 1200px) {
  .h1,h1{font-size:2.5rem}
  .h2,h2{font-size:2rem}
  .h3,h3{font-size:1.75rem}
  .h4,h4{font-size:1.5rem}

}

a{color:#000;text-decoration:none}
a:focus,a:hover{color:#666;text-decoration:none}
a span {color:#000;text-decoration:underline}

/* overrides */
.fullpage {--bs-gutter-x: 0rem !important; padding:0 !important;}
.article-details .article-can-edit {margin-bottom: 0 !important;}

.layout-blog .blog {max-width: 1600px; margin: 0 auto;	padding: 25px;}
.layout-blog .article-details {max-width: 1600px; margin: 0 auto;	padding: 25px;}
.size { max-width: 1600px; margin: 0 auto; width: 100%; padding: 0 7px;} /* page size */
/*.view-featured { background: url(../images/sett.jpg) no-repeat scroll 50% 0 #ffffff;} */
.anoterinfo {padding-top: 2.5rem; padding-bottom: 2.5rem;}

.centro { text-align: center;}



.fluid { display:block; overflow:hidden;}
.fluid-flex  { display:flex; overflow:hidden;}
.bg-mainmenu { background-color: #000000;}
.centerdiv { width: auto; margin: 0 auto; display: table;}

.splitter0     { width: 100%; clear:both; height:0px; border:none; background-color:transparent !important;}
.splitter     { width: 100%; clear:both; height:7px; border:none; background-color:transparent !important;}
.splitter20 { width: 100%; clear:both; height:20px; border:none; background-color:transparent !important;}
.splitterbig { width: 100%; clear:both; height:40px; border:none; background-color:transparent !important;}
.autowidth { width: auto; float: left;}

/*  === top header   ==== */
/* .topfull { width: 100%; background: url(../img/topbg.jpg) repeat; old*/
.topfull { background-color: #677C8B; }


.topheader  { width: 100%; margin-left: 0px; padding: 15px 0 0 0; }

.top-tel a{ font-family: "Ubuntu", sans-serif; font-size: 1.5rem; color: #FFFFFF!important;}

.topheader  img{ max-width: 98%;}
.logo { display: block; max-width: 99%; margin: 0 auto; margin-top: 9px;} 
.logo img{ max-width: 98%; height: auto; }

.logobrand { font-size: 280%; font-weight: bolder; vertical-align: middle; text-align: right;}
.mysocials { margin-top: 70px;}
.mysocials img{ border-radius: 45px; background-color: #353526;
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.42);
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.42);
	box-shadow: 2px 2px 4px rgba(0,0,0,0.42);
	margin-right: 7px;
}
.mysocials img:hover { transform: rotateY(360deg); background-color: #006666;}
.mysocials img { transition: all 0.5s ease 0.2s;}
.langswitch { text-align: right; margin-right: 50px; margin-bottom:0px; height: 34px; width: 100%;}
/*.mod-languages_langswitch  ul li{ float: left; list-style: none; margin-left: 7px;} */

.submenushad { height: 20px; display: block; overflow: hidden; background: url(../img/blueshad.png) repeat;}

.imgbox { width: 100%; margin: 0 auto; display: table; text-align: center;  }

.imgbox img { width:95%; max-width: 200px; max-height: 150px; margin: 7px; border: 2px solid #ffffff;}
.imgbox img:hover { border-color: #D9A300;}

.log-form  { margin-left: 10px; }

/*  fixed 4 box menu  */

.boxbg1 { background-color: #00D9D9;} 
.boxbg2 { background-color: #FFA64C;} 
.boxbg3 { background-color: #FF73DC;} 
.boxbg4 { background-color: #00698C;} 
.boxbg5 { background-color: #396A45;} 
.boxbg6 { background-color: #66396A;} 
.boxbg7 { background-color: #9D421E;}
.box { overflow:hidden;}

.boxtitle h3{ font-weight: bold; font-family: "Ubuntu", sans-serif; color: white; text-transform: uppercase; font-weight: bold;
margin-left: 35px; margin-top: 25px; margin-bottom: 25px; text-shadow: 2px 2px 4px #151513;
}
.boximg img{ width: 100%; max-width: 100%; height: auto;}


.boxcontent { margin: 20px 30px; font-family: "Ubuntu", sans-serif;  color: white;
  height: 75px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.boxbutton { margin: 20px 30px;}

.userdata .control-group { margin-bottom: 3px;}
/* ===========     top main menu    ===============*/
.codici{font-size: 0.9rem;}

/* ========== sub top menu header  ============= */


.superbrand { margin-left: 30px;
font-family: ' Ubuntu', sans-serif; color: #203391; 
font-weight: bold; font-size: 1.5em; line-height: 1.3em;
/* text-shadow: 1px -2px 3px #ffffff; */
text-shadow: 0 1px 0 #c7c8ca, 0 2px 0 #b1b3b6, 0 3px 0 #9d9fa2, 
0 4px 0 #8a8c8e, 0 5px 0 #77787b, 0 6px 0 #636466, 0 7px 0 #4d4d4f, 
0 8px 7px #001135; 
}
.yellowbrand { margin-left: 30px;
font-family: ' Ubuntu', sans-serif; 
font-weight: bold; font-size: 1.5em; 
/*text-shadow: 0 1px 0 #c7c8ca, 0 2px 0 #b1b3b6, 0 3px 0 #9d9fa2, 
0 4px 0 #8a8c8e, 0 5px 0 #77787b, 0 6px 0 #636466, 0 7px 0 #4d4d4f, 
0 8px 7px #001135; */
float: left;
}
.yellowbrand span {color: #eaedf0;}

/* ========= top center nav block =========== */
.navblock{ margin-top: 1px; margin-left: 20px; margin-right: 20px; margin-bottom: 5px; float: left;
padding-top: 10px; padding-bottom: 10px;
min-width: 240px; width: auto; height: 240px;
text-align: center;
-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.42);
-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.42);
box-shadow: 2px 2px 4px rgba(0,0,0,0.42);
border:1px solid #BFFFCF;
background-color: #FFFFFF;
}

.navblock-center { max-width: 300px; }
.navblock-header { padding: 7px;}

/* Corner brackets */
    .corners-wrapper {
      position: relative;
      width: 100%; 
    }
    .corner {
      position: absolute;
      width: 170px;
      height: 170px;
      border-radius: 20px;
      
      z-index: 10;
    }

    .corner-tl {
      top: -20px;
      left: -20px;
      border-top: 3px solid #e8923a;
      border-left: 3px solid #e8923a;
    }
    .corner-tr {
      top: -20px;
      right: -20px;
      border-top: 3px solid #e8923a;
      border-right: 3px solid #e8923a;
    }

    .corner-br {
      bottom: -20px;
      right: -20px;
      border-bottom: 3px solid #e8923a;
      border-right: 3px solid #e8923a;
    }
    .corner-bl {
      bottom: -20px;
      left: -20px;
      border-bottom: 3px solid #e8923a;
      border-left: 3px solid #e8923a;
    }

/* ===========     left sidebar    ===============*/
.sidebox {
padding-left: 7px;
padding-right: 7px;
padding-top: 5px;
padding-bottom: 5px;

}
	
.sidebox-full {
	min-height: 20px;
	padding: 2px;
	margin-bottom: 10px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.42);
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.42);
	box-shadow: 2px 2px 4px rgba(0,0,0,0.42);
}
.sidebox-header { margin: 2px auto; background-image: url("../images/menutitle.png"); padding-left: 10px; 
font-size: 13px; line-height: 1.5em; color: white; height:25px; }

.sidebox ul li { color: red; white-space: nowrap; text-decoration: none; list-style: none;}


/* ===========     general elements    ===============*/
.href { border: 0; height: 1px; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
margin: 10px 5px 10px 5px;
}
.cta-link {letter-spacing: .12em;
  text-transform: uppercase;
  border: 1px solid #006666;
  background: transparent;
  color: var(--dark);
  padding: .6rem 1.4rem;
  cursor: pointer;
  transition: all .2s;
 
}

    .card-item {
      display: flex;
      gap: 1rem;
      align-items: flex-start;
      background: #f8fbf9;
      padding: 1rem;
      border-radius: 16px;
      border: 1px solid #e8f0e9;
      transition: all 0.3s ease;
    }

    .card-item:hover {
      transform: translateY(-3px);
      box-shadow: 0 10px 20px rgba(44, 94, 58, 0.05);
      border-color: #044691;
    }

    .card-icon {
      width: 45px;
      height: 45px;
      background: white;
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #044691;
      font-size: 1.3rem;
      box-shadow: 0 5px 10px rgba(74, 144, 226, 0.1);
      flex-shrink: 0;
    }

    .card-content h3 {
      color: #044691;
      font-size: 1rem;
      font-weight: 600;
      margin: 0 0 0.3rem 0;
    }

    .card-content p {
      color: #666;
      font-size: 0.9rem;
      line-height: 1.4;
      margin: 0;
    }


/*.thumb { margin-top: 7px;}*/

.padd { padding: 7px;}
.padd h3{margin-left: 32px;}
.paddbig {margin-left: 30px;}

.test {background-color: red;}
.boxshad {	
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.42);
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.42);
	box-shadow: 2px 2px 4px rgba(0,0,0,0.42);
	}
.secret { display: none; width: 0px; height: 0px;}
.bord { border:1px solid red;}
.bordverde { border:1px solid green;}
.bord-r { border-right:1px red; border-right-style:groove; border-width: 1px 2px 3px 4px;}
.bord-bott { border-bottom: 1px solid #AAAAAA;}
.boxradius { border-radius: 7px;}
.boxshad-lr {
-webkit-box-shadow:0 -4px 10px rgba(0, 0, 0, 0.4);
-moz-box-shadow:0 -4px 10px rgba(0, 0, 0, 0.4);
box-shadow:0 -4px 10px rgba(0, 0, 0, 0.4);}
.boxshad-r {
    -moz-box-shadow: 1px 0px 3px #C9C3C3;
    -webkit-box-shadow: 1px 0px 3px #C9C3C3;
    box-shadow: 1px 0px 3px #C9C3C3;
}
.boxshad-inset { 
box-shadow: 0 0 2px #E2DEDE inset;
-moz-shadow: 0 0 2px #E2DEDE inset;
-webkit-shadow: 0 0 2px #E2DEDE inset;
}
.boxshad-bott { 
box-shadow: 0 5px 5px #E2DEDE;
-moz-shadow: 0 5px 5px #E2DEDE;
-webkit-shadow: 0 5px 5px #E2DEDE;
}
.prato-bg { background: url("/images/banners/prato-bg.jpg"); background-repeat: repeat-x;}

/*  transitions  */
.colorchange { cursor: pointer; transition: color 0.4s ease 0.1s; }
.colorchange:hover { color: #9B0606; }


/* ===================  CONTENT  ===============*/
/*  content structure  */
.topheader .custom { width: 99%; min-height:60px; margin-top: 10px;}

.d-fluid { display:block; overflow:hidden;}
.d-centro { margin: 0 auto;}
.fluid-flex  { display:flex; overflow:hidden;}
.full { width:100%; max-width:100%;} 
.autodiv {width:auto;}
.centered {margin: 0 auto;}

.fullcontent { display: block; 
padding-left: 35px; 
padding-right: 35px; 
padding-top: 7px; 
padding-bottom: 7px; 
text-align: justify;}
.riga { display: block; padding-left: 5px; padding-right: 5px;}
.sideleft { width: 30%; display:table; float:left;}
.sideright { width: 30%; display:table;}
.content2col { width: 70%; float:left;}

.sideleft, .sideright, .content2col, .cols2, .cols3, .cols4, .cols5, .cols6 {
    box-sizing: border-box;
    overflow: hidden;
}
.cols2 { float:left; height:auto; width: calc(100% / 2); }  /* da sistemare da imedia structure */
.cols3 { float:left; height:auto; width: calc(100% / 3); } 
.cols4 { float:left; height:auto; width: calc(100% / 4); } 
.cols5 { float:left; height:auto; width: calc(100% / 5); } 
.cols6 { float:left; height:auto; width: calc(100% / 6); } 
.text-cols2 {column-count:2;}

/* prima pagina */
.checkin i {margin-right:15px;}
.wooddark { background: url("../img/wooddark.jpg"); background-repeat: repeat; }
.bgrgray { background: url("../img/bg-gray.jpg"); background-repeat: repeat; }
.bgdark { background-image: url("../images/footerbg.gif"); background-repeat: repeat; }
.circledbox { height: 270px; }
.intestazione { font-size: 2em; color:#FF8000; text-shadow: 1px 1px 2px #CCCCCC;}
.circ.span4 { padding: 20px;}
.circ-despript { font-size: 1.1em; color:#FFF; text-shadow: 1px 1px 1px #CCCCCC;}
.service-icon { color: #0000D9;}

.h-service-card-modern {
  background: white;
  border-radius: 24px;
  padding: 15px 15px;
  height: 100%;
  box-shadow: 0 10px 30px rgba(44, 94, 58, 0.03);
  border: 1px solid #e8f0e9;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  @media (max-width: 768px) {
    padding: 15px 3px;
  }
}.h-service-card-modern:hover {
  box-shadow: 0 20px 40px rgba(44, 94, 58, 0.08);
  border-color: #4a90e2;
}.service-card-header {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin-bottom: 1.5rem;
  border-bottom: 2px solid #f0f0f0;
  padding-bottom: 1rem;
}

.service-card-header i {
  font-size: 2rem;
  color: var(--blue-headers);
  background: #e8f0fe;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
} 
.service-card-header h3 {
      color: #2c5e3a;
      font-size: 1.4rem;
      font-weight: 600;
      margin: 0;
    }
    
    /* Servizi a griglia */
    .service-list-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 1rem;
      margin-bottom: 1.5rem;
      flex: 1;
      @media (max-width: 768px) {
        grid-template-columns: 1fr;
      }
    }

    .service-list-item {
      display: flex;
      align-items: center;
      gap: 0.6rem;
      color: #555;
      font-size: 0.97rem;
      background: #f8fbf9;
      padding: 0.4rem 0.8rem;
      border-radius: 12px;
      border: 1px solid #f0f0f0;
    }

    .service-list-item i{color:var(--blue-headers);width:20px;text-align:center}

    /* Colazione */
    .breakfast-card {
      background: linear-gradient(145deg, #ffffff, #f9fdfa);
    }

    .breakfast-icon-large {
      text-align: center;
      font-size: 3rem;
      color: var(--blue-headers);
      margin: 1rem 0;
    }

    .breakfast-description {
      color: #555;
      line-height: 1.7;
      text-align: center;
      font-style: italic;
      margin-bottom: 1.5rem;
    }

    .breakfast-items {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 0.5rem;
      margin-bottom: 1rem;
    }

    .breakfast-item {
      background: #f8fbf9;
      padding: 0.3rem 1rem;
      border-radius: 30px;
      font-size: 0.9rem;
      color: #2c5e3a;
      border: 1px solid #e0e0e0;
    }

    .service-card-footer {
      border-top: 1px solid #f0f0f0;
      padding-top: 1rem;
    }

    .service-card-footer a {
      color: var(--blue-headers);
      text-decoration: none;
      font-weight: 600;
      display: inline-flex;
      align-items: center;
      gap: 0.3rem;
      transition: gap 0.3s;
    }

    .service-card-footer a:hover {
      gap: 0.8rem;
      color: #2c5e3a;
    }
    
    .home-routes i{margin-right:15px;}

.ih-item.circle {
    position: relative;
    width: 220px;
    height: 220px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.ih-item {
	position: relative;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
  }
  .ih-item,
  .ih-item * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
  }
  .ih-item a {
	color: #333;
  }
  .ih-item a:hover {
	text-decoration: none;
  }
  .ih-item img {
	width: 100%;
	height: 100%;
  }
  
.ih-item.square.effect3 {overflow: hidden;}

.villa.ih-item.square {
	position: relative; margin: 0 auto;
	width: 100%;
	/*height: 374px;*/
	border: 4px solid #777777;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  }


.ih-item.square .info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.ih-item.square.effect3.colored .info {
	background: #1a4a72;
  }
  .ih-item.square.effect3 .img {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
  }
  .ih-item.square.effect3 .info { display: grid; align-items: center;
	height: 55px;
	background: #333333;
	opacity: 0;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
  }
  .ih-item.square.effect3 .info h3 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-size: 17px;
	margin: 4px 0 0 0;
  }
  .ih-item.square.effect3 .info p {
	font-style: italic;
	font-size: 12px;
	position: relative;
	color: #bbb;
	padding: 5px;
	text-align: center;
  }
  .ih-item.square.effect3 a:hover .info {
	visibility: visible;
	opacity: 1;
  }
  
  .ih-item.square.effect3.bottom_to_top .info {
	top: auto;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
  }
  .ih-item.square.effect3.bottom_to_top a:hover .img {
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	transform: translateY(-50px);
  }
  .ih-item.square.effect3.bottom_to_top a:hover .info {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
  }
  
  .ih-item.square.effect3.top_to_bottom .info {
	bottom: auto;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
  }
  .ih-item.square.effect3.top_to_bottom a:hover .img {
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-o-transform: translateY(50px);
	transform: translateY(50px);
  }
  .ih-item.square.effect3.top_to_bottom a:hover .info {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
  }
  

.sizeI .row-fluid .span8 {
    width: 62.955%;
}


/*  informazioni page  */
.details-box { margin: 0 auto;}
.details-bigbox {margin: 0 auto;}
.details-img {padding:0px; }
.details-img-caption {display: block; line-height:3em; text-align:center; background:#242415; opacity:0.7; 
margin-top:-60px; margin-left: 0px; margin-right: 0px;}
.details-img-caption p a {color:#FFF!important;}

/* Stili personalizzati per la pagina servizi */
 .servizi-wrapper{background-color:#fff}
 .servizi-header{text-align:center}
    .servizi-header h1 {
      color: var(--site-color);
      font-size: 2.5rem;
      font-weight: 600;
      margin-bottom: 1rem;
      position: relative;
      display: inline-block;
    }
   .servizi-header h1:after {
      content: '';
      position: absolute;
      bottom: -10px;
      left: 50%;
      transform: translateX(-50%);
      width: 80px;
      height: 3px;
      background: #4a90e2;
      border-radius: 2px;
    }
    .servizi-intro{color:#666;font-size:1.1rem;max-width:800px;margin:0 auto}
    /* Card servizi in stile flat moderno */
    .servizi-grid{margin-top:2rem}
    .servizio-card {
      background: #ffffff;
      border-radius: 12px;
      padding: 1.8rem 1.5rem;
      margin-bottom: 30px;
      box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      border: 1px solid #f0f0f0;
      height: 100%;
    }
    .servizio-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
      border-color: #e0e0e0;
    }
    .servizio-icon {
      width: 70px;
      height: 70px;
      background: #f8fbf9;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 1.5rem;
      color: #053ae6;
      font-size: 2rem;
    }
    .servizio-icon i{font-size:2rem}
    .servizio-card h3 {
      color: #053ae6;
      font-size: 1.3rem;
      font-weight: 600;
      margin-bottom: 1rem;
      border-bottom: 2px solid #f0f0f0;
      padding-bottom: 0.5rem;
    }
    .servizio-card p{color:#555; margin-bottom:.5rem}
    .servizio-card ul{list-style:none;padding:0;margin:0}
    .servizio-card ul li {
      color: #555;
      line-height: 1.6;
      padding-left: 1.2rem;
      position: relative;
      margin-bottom: 0.3rem;
    }

    .servizio-card ul li:before {
      content: '•';
      color: #4a90e2;
      font-size: 1.2rem;
      position: absolute;
      left: 0;
      top: -2px;
    }
    /* Sezione posizione speciale */
    .posizione-card {
      background: linear-gradient(135deg, #f8fbf9 0%, #ffffff 100%);
      border: 1px solid #e0e0e0;
    }

    /* Responsive */
    @media (max-width: 768px) {
      py-5{padding-top: 1.8rem; padding-bottom: 0.8rem;}
      .servizi-header h1{font-size:2rem}
      .servizio-card{padding:1.5rem}
      .mobile-scroll {
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        height: 35vh;
        padding-right: 15px;
      }
      .mobile-scroll-text{padding-right:20px}
      .scroll-outer{position:relative}
      .gap30, .gap-30, .gap60, .gap-60 {grid-gap: 10px;}

      /* Freccia SU */
      .scroll-outer::before {
        content: '';
        position: sticky;
        top: 6px;
        left: 99%;
        transform: translateX(-50%);
        width: 0;
        height: 0;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 9px solid #d80404;
        pointer-events: none;
        opacity: 0.9;
        z-index: 2;
      }

      /* Freccia GIÙ */
      .scroll-outer::after {
        content: '';
        position: sticky;
        bottom: 6px;
        left: 99%;
        transform: translateX(-50%);
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 9px solid #d80404;
        pointer-events: none;
        opacity: 0.9;
        z-index: 2;
      }

      /* Attiva la freccia solo se c'è contenuto */
      .scroll-outer.can-up::before{opacity:.9}
      .scroll-outer.can-down::after{opacity:.9}
    }
    /* faq */
    .faq-header{text-align:center;margin-bottom:2.5rem}
    .faq-header h2 {
      color: #053ae6;
      font-size: 2.2rem;
      font-weight: 600;
      margin-bottom: 1rem;
      position: relative;
      display: inline-block;
    }
    .faq-header h2:after {
      content: '';
      position: absolute;
      bottom: -10px;
      left: 50%;
      transform: translateX(-50%);
      width: 80px;
      height: 3px;
      background: #4a90e2;
      border-radius: 2px;
    }
    .faq-header p{color:#666;font-size:1.1rem;max-width:700px;margin:0 auto}
        /* Stili accordion personalizzati */
    .accordion{max-width:900px;margin:0 auto}
    .accordion-item {margin-bottom: 1rem;
      box-shadow: 0 3px 10px rgba(0,0,0,0.02);
      overflow: hidden;
    }
    .accordion-item:not(:first-child) {
      border-top: 1px solid #f0f0f0;
    }
    .accordion-header{margin:0}
    .accordion-button{padding:1.2rem 1.5rem;transition:all .3s ease}
    .accordion-button:not(.collapsed){color:#4a90e2;background:#f8fbf9}
    .accordion-button:focus{box-shadow:none;border-color:transparent}
    .accordion-button:hover{background:#f8fbf9}
    .accordion-body {
      padding: 0 1.5rem 1.2rem 1.5rem;
      color: #555;
      font-size: 1rem;
      line-height: 1.6;
      background: #ffffff;
    }
    .accordion-body ul {
      margin-top: 0.5rem;
      margin-bottom: 0;
      padding-left: 1.2rem;
    }
    .accordion-body ul li{margin-bottom:.3rem}
        .badge-faq {
      background: #e8f5e9;
      color: #2c5e3a;
      font-size: 0.75rem;
      padding: 0.2rem 0.8rem;
      border-radius: 20px;
      margin-left: 1rem;
      font-weight: normal;
      display: inline-block;
    }
        @media (max-width: 768px) {
      .faq-header h2{font-size:1.8rem}
      .accordion-button{font-size:1rem;padding:1rem}
      .accordion-body{padding:0 1rem 1rem 1rem}
    }
    /* Stili per la pagina Chi Siamo */
    .chisiamo-header{text-align:center;margin-bottom:3rem}
    .chisiamo-header h1{margin-bottom:1rem;position:relative;display:inline-block}
    .chisiamo-header h1:after {
      content: '';
      position: absolute;
      bottom: -10px;
      left: 50%;
      transform: translateX(-50%);
      width: 80px;
      height: 3px;
      background: #4a90e2;
      border-radius: 2px;
    }
    .chisiamo-header .sottotitolo{color:#38383a;font-size:1.5rem;max-width:800px;margin:0 auto;font-style:italic}
    .chisiamo-content p{color:#444;font-size:1.1rem;line-height:1.8;margin-bottom:1.8rem}
    .chisiamo-content .lead{font-size:1.3rem;color:#2c5e3a;font-weight:500;border-left:4px solid #4a90e2;padding-left:1.5rem;margin:2rem 0}
    /* Card highlight */
    .info-card {
      background: #f8fbf9;
      border-radius: 20px;
      padding: 2rem;
      margin-bottom: 1.5rem;
      border: 1px solid #e8f0e9;
      box-shadow: 0 10px 30px rgba(44, 94, 58, 0.05);
    }
    .info-card h3{color:#2c5e3a;margin-bottom:1.2rem;display:flex;align-items:center;gap:.5rem}
    .info-card h3 i{color:#4a90e2;font-size:1.5rem}
    .info-card ul{list-style:none;padding:0;margin:0}
    .info-card ul li{color:#555;font-size:1rem;line-height:1.7;padding-left:1.5rem;position:relative;margin-bottom:.8rem}
    .info-card ul li:before{content:'✓';color:#4a90e2;font-weight:700;position:absolute;left:0}
    /* Distanze badge */
    .distance-badge {
      display: inline-block;
      background: white;
      border-radius: 30px;
      padding: 0.3rem 1.2rem;
      margin: 0.3rem;
      border: 1px solid #4a90e2;
      color: #2c5e3a;
      font-weight: 500;
      font-size: 0.9rem;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
    }
    /* Responsive */
@media (max-width:768px){.chisiamo-header h1{font-size:2rem}.chisiamo-content p{font-size:1rem}.chisiamo-content .lead{font-size:1.1rem}.service-tag{display:block;text-align:center}}

/*  camere  */
.camprice { font-size: 1.1em; /*color: #0000B3; */} 
.cmprice { font-size: 1.1em; /* color: #0000B3; */}

/*  eventi page */
.eventpictures img { width: 19vw; max-width: 100%; height: auto; margin: 4px;}
.eventpictures.centerdiv { display: flex; justify-content: center;}

/*   ======= category layout horizontal ==============*/

.introimg img { float: left; border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); padding: 4px; max-width: 220px; max-height: 220px;}
.horzcatview {/* max-width: 1200px;*/ margin: 0 auto;}	
.horzcatview .article-header h1{ line-height: 1.3em;}
.horzcatview .article-header { border-bottom: 0px solid; border-top: 1px solid #eee; margin-top: 2px; height: 38px; }
.horzcatview .article-header h2{ padding: 4px; line-height: 1.2em;
background: -moz-linear-gradient(left,  rgba(148,203,254,1) 0%, rgba(125,185,232,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(148,203,254,1)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(148,203,254,1) 0%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(148,203,254,1) 0%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(148,203,254,1) 0%,rgba(125,185,232,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(148,203,254,1) 0%,rgba(125,185,232,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94cbfe', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */

}
.horzcatview .article-header a { color: #000066; margin-left: 20px;}
.horzcatview .article-header a:before { content: ">> ";}
.horzcatview .item-image img { max-width: 150px; max-height: 150px; margin-right: 30px; margin-top: -46px;
	-webkit-box-shadow: 2px 2px 4px #CFBFFF;
	-moz-box-shadow: 2px 2px 4px #CFBFFF;
	box-shadow: 2px 2px 4px #CFBFFF;
	}
.horzcatview .imedia-article {
 	-webkit-box-shadow: 2px 2px 4px #BFBFFF;
	-moz-box-shadow: 2px 2px 4px #BFBFFF;
	box-shadow: 2px 2px 4px #BFBFFF;
}	
.horzcatview .imedia-article img{ max-width: 80%; 
	background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    padding: 5px;
	}


/*   ======= tables layout tl ==============*/
.landing-table tr {border-bottom: 1px solid #cecebf;}
.landing-table td {padding:30px;}
.imedia-article table { margin-top: 8px;}
.tab-1-col  td { width: 100%; border-spacing: 0px; padding: 3px; }
.tab2col tr td { border-collapse: separate; border-spacing: 7px; padding: 8px; border: 0px solid; text-align: justify;}
.tab3col td { border-collapse: separate; border-spacing: 7px; padding: 3px; border: 0px solid;}
.imedia-article .tab2col tr td  { width: 50%;}
.imedia-article .tab2col tr td  img{ max-height: 300px;}


.gallery { width: 100%; margin: 0 auto; display: table; text-align: center; }
.gallery img { width:95%; max-width: 300px; max-height: 210px; margin: 7px;
    
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.42);
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.42);
	box-shadow: 2px 2px 4px rgba(0,0,0,0.42);}
.gallery img:hover { border: 3px soloid #000;}
	
/*    == / style Original hover effects == */
/*   altri effetti   */
.ef-zoomin img{
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
 }
 .ef-zoomin img:hover { 
-webkit-transform: scale(1.03); 
   -moz-transform: scale(1.03);
   -o-transform: scale(1.03); 
   -ms-transform: scale(1.03);
    transform: scale(1.03);

 }

/* category layout */
	.blog .tab2col tr td { display: block; margin-top: 10px; padding: 0px 5px; /* =view-category */
border-collapse: collapse; border-spacing: 0; 
}
.blog .tab2col tr td img { max-height: 220px;}
.blog .tab2col tr td:first-child { max-height: 57px; overflow: hidden; }
.blog .items-row {border-block-end: 1px solid #9999ff;}
.blog .items-row .item-image img{width:300px; height:210px;}


/* article layout */
#content { padding-bottom: 15px;}
.blog .readmore {margin-top:10px;}
.im-art { 
max-width: 100%;
margin: 0 auto; /* personalizzato villa*/
padding: 0 30px 20px 30px;

}
.im-art .page-header { margin-left: 20px;  padding-top: 10px; font-family:  'Ubuntu', sans-serif !important;
color: red; margin-right: 20px;
}

.imedia-article {font-family: "Ubuntu", sans-serif; font-size: 1rem;}
.item-title {margin-left: 20px; padding: 15px;
 color: var(--blue-headers); font-weight: bold;
} /* inoltre in template.css 7056 */
.content-title { text-transform: uppercase; font-size: 20px; font-weight: normal; color: #222222;}

/*dettagli articolo*/
.icons { margin-right: 10px;}
.article-info { margin-left: 20px; display: inline-block; clear: both;}
.article-info dd { margin-left: 7px; float: left; width: auto;}
.article-info dl { margin-bottom: 0px;}
.article-info-term { width: auto; float: left;}
.article-info-term:after { content: ":"}


/*  ==  content typografy  ==*/

.txt-white { color:#FFF;}
.txt-left { text-align: left;}
.txt-center { text-align: center;}
.txt-right { text-align: right;}
.txt-just { text-align: justify;}
.txt-big { font-size:1.32em; font-weight: bold; color: #000000;}
.txt-shad { text-shadow: 1px 1px 1px #575748;}
.txt-shad-w { text-shadow: 1px 0px 6px #ffffff, -2px -1px 6px #ffffff, 1px 0px 6px #ffffff;}
.txt-red  { color:#8C0000;}
.txt-upper { text-transform: uppercase;}

/**/
.itemround { margin-top: 1px; display: block;
	margin-bottom: 7px;
	border: 1px solid #666464;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
		border-radius: 7px;
	background-color: #E7E7E7;
}
.itemblock { margin: 7px; border: 0px solid; }


.item-page.prima{  margin-top: 1px; display: block;
	margin-bottom: 7px;
	border: 1px solid #666464;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
		border-radius: 7px;
	background-color: #E7E7E7; 
	}

.listnone li{ list-style-type: none;}	
 

/* ===================  contatti  ===============*/
.contact { max-width: 1200px; margin: 0 auto; }
.contact .page-header { 	/* border: 1px solid #666464; */
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
		border-radius: 7px;
	/* background-color: #BFDFFF;  */  
}
.contact .page-header h2{ color: #000000;}	
.contact-name { margin-left: 20px;}
.imcontactinfo { display: none;}
.contact .thumbnail { margin-top: 30px;}
.contact-form { padding-left: 20px;
	border: 1px solid #666464;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
		border-radius: 7px;
	/* background-color: #BFDFFF;  */
	margin-top: 35px;
	background-image: url(../img/email.png);
 	background-position: 75% 40%; background-repeat: no-repeat;
}
.contact-form legend{ border: 0px; text-shadow: 1px 0px 6px #ffffff, -2px -1px 6px #ffffff, 1px 0px 6px #ffffff;
 font-family: "Ubuntu", sans-serif; color: #000000; /*margin-top: -35px; */
}
.contact-form .form-actions { background-color: transparent;}
#contact-form .btn { padding: 11px 60px!important; background-color: #677C8B!important; 
font-weight: bold!important; font-size: 17px!important;}
.contact-address { font-family: "Ubuntu", sans-serif; font-weight: bold; font-size: 1.3em; color: #8C0000;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
		border-radius: 7px;
	/* background-color: #BFDFFF; */ 
	padding: 10px;
}
.nomecontatto { font-family:  'Ubuntu', sans-serif; padding: 7px; display: block; font-size: 1.3em; color: #B30000;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
		border-radius: 7px;
	/* background-color: #BFDFFF; */ 
}
#informativa { width: auto; margin-right: 20px; background-color: #D90000;
font-family: "Ubuntu", sans-serif; font-weight: bold; font-size: 1.3em; color: #FFFFFF;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	padding: 7px 30px 7px 30px;
}


/*  ===  maps page  =====  */
.mgreen { color: #008C00;}
.mblue { color: #0000B3;}
.mred { color: #D90000;}
.mtext { color: #222222; font-size: 1em; line-height: 1.3em;}

/* ==============LOGIN PAGE ==============   */
.nav-tabs a{ text-shadow: 1px 0px 6px #ffffff, -2px -1px 6px #ffffff, 1px 0px 6px #ffffff; font-weight: bold;}
.registration fieldset:before {content: 'Attenzione! Premendo il tasto Registrati dichiari di aver letto e accettato l Informativa sulla Privacy'; color: red;} 

/* soprafooter modules */
.soprafooter {margin-bottom: -10px;}
.piscina {background-image: url(../images/piscina.jpg); background-size: cover; background-repeat: no-repeat; background-position: bottom center;}
.piscina-bg {
	padding-top: 15vw; padding-bottom: 15vw;  color: #FFF;
	font-weight: bold;
	text-shadow: 1px 2px 2px #000, -1px 2px 2px #000;
  }
  .boxbutton a{padding: 8px; border: 1px solid #fff; font-weight:bold;}
/*  ========   FOOTER   ========== */
.footer {background-color: #677c8b;}

.footer a { color: #FFFFFF!important;}
.footer .seguici span {display: flex;}
.seguici a {display: inline-flex;}
.foot-descript { color: #FFBF00;}
.foot-tel a{ color: #DFFFBF!important; font-size: 1.3em;}
footer .span3  { padding: 7px;}
.footerheader { font-size: 1.3em;}
.f-txt { color: #FFFFFF;}
.colfooter { margin-top: 7px; margin-bottom: 7px; border: 1px inset #56636f29;}
.footer .span12 {padding: 3px;}

/*background-image: url("../images/footerbg.GIF"); background-repeat: repeat; */

.colfooter a{ font-size: 1.0em; text-shadow: 0px 1px 1px #000000, 0px 1px 0px #333333, 1px 0px 3px #575748;}
.seguici img {
    height: 55px;
    margin: 7px;
    width: 55px;
}

/*  add this */
/* sharing */
#sharing  {display: table; margin: 0 auto; width: auto;}
/*#atstbx a:nth-child(4) { 
display: flex !important;
 float: none;
}*/
#atstbx { width: 110px;}
/* ===================  RESPONSIVE  ===============*/

@media (max-width: 1300px) {
.size {padding: 10px 15px;}
}
@media (max-width: 900px) {
.mobile-reverse div:nth-child(2){grid-column-start:1;grid-row-start:1;}	
.navblock { padding-left: 5px; padding-right: 5px; margin: 5px; width: 170px; min-width: 150px; }
.service-txt { font-size: 1.4em;}
.contact-form {background-position: 99% 40%; }
  #mod-custom191{margin-left:-15px}  
}

	
@media (max-width: 767px) {
body { background-size: cover;} /*to control*/
.py-5 {padding-top: 1rem !important;
  padding-bottom: 1rem !important;}  
/*  content structure  */

.sideleft {  width:auto; margin:4 auto; float:none; margin-right: 0px;}
.sideright {  width:auto; margin:4 auto; float:none; margin-left: 0px;}
.content2col { width:auto; margin:4 auto; float:none;}
.contact-form { background-image: none; }
.d-flex { display: table;}
img { max-width: 100%;}
.top-tel { margin-top: 1px; font-size: 0.85rem;}
.text-cols2 {column-count:1;}
.fullcontent { padding-left: 15px;	padding-right: 15px; }
/*tables*/

.itemround td:first-child + td { display:block; margin-top: 5px; width: 99.9%; }
.itemround td:first-child + td + td { display:block; margin-top: 5px; width: 99.9%; clear:left; }
.itemround td:first-child+td+td+td { display:block; margin-top: 5px; width: 99.9%; }

/**/
.menubox-full{display: none;}

/*  footer */
footer .span3  { margin: 10px;}
footer .container  { width: 96%;}
footer .d-flex { display: table; width:96%; margin: 0 auto; text-align: center;}

.cols2, .cols3, .cols4, .cols5, .cols6  { width: 99%; float:none; top: 10px; margin:0 auto; display: initial; 
clear: both;}
.cols3 img { height: auto;}

}

@media (max-width: 581px) {
.blog .item-image {display:block; clear:both; float:none!important; text-align:center!important;}	
.contact-form legend { font-size: 1.1em;}
.gallery::-webkit-scrollbar:horizontal{
    height:5px;
}
.gallery {overflow-x:scroll; display: inline-block !important; height: 220px;
 width: 100%;
overflow-x: scroll !important;
overflow-y: hidden !important;
}
.gallery img { float: none; max-width: 240px; max-height: auto; white-space: pre; position: relative;}

.fluid-flex { display: table; margin: 0 auto; text-align: center;}

.artheader { background-size: 30% auto; background-position: top left;}
.navblock { width: 99%; height: auto; margin: 5px auto;}
.langswitch { float: leftt; margin-right: 10px; }
.mysocials { margin-top: 35px;}
.top-tel a { font-size: 1.2em;}
}

@media (max-width: 470px) {

.container { left: 3px; right: 3px;}
}
/* joom top menu*/


/* ===================  TOP MENU =========================== */
/*menu container horzmenu*/

.topmenu a { color: #FFFFFF !important; text-transform: uppercase;
letter-spacing: 1.5px;
}

.horzmenu{ width: 100%; height: auto; border: none; margin-bottom:-3px;}
.tprmenulogo { width: auto; margin-left: 7px;}
.menubutton { height:100%;


}
ul#tprmenu { width: 100%;
	margin: 0;
	list-style: none;
	padding: 0;
	border-width: 0px;
	border-style: solid; border-bottom: none; border-top: none;
	/*border-color: #5f5f5f; */
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	font-size: 0;
	z-index: 999;
	position: relative;
	display: inline-block;
	zoom: 1;
 	display:inline;

}
ul#tprmenu li.topfirst {width: 5%;}
ul#tprmenu li {
	display: block;
	white-space: nowrap;
	font-size: 100%;
	float: left;
	box-sizing: border-box;
    width: 15.815%; /*100% / nr.links*/
}
* html ul#tprmenu li a {
	display: inline-block;
}
ul#tprmenu>li {
	margin: 0;
}
ul#tprmenu a:active, ul#tprmenu a:focus {
	outline-style: none; text-decoration: underline;
}
ul#tprmenu a span{color: #ffffff; text-decoration: none;}
ul#tprmenu a {
	display: block;
	text-align: center;
	text-decoration: none;
	/*font: 14px Arial, Helvetica, sans-serif; */
	font-family: "Ubuntu", sans-serif; font-size: 14px; font-weight: bold;
	color: #ffffff;
	text-shadow: #000000 1px 1px 2px;
	cursor: pointer;
	padding: 36px 15px 27px; /*dimensione tasti e altezza menu*/
	/*background-color: #203391; */
	/*background-image: url("../images/mainbk.png");*/
	background-repeat: repeat;
	background-position: 0 0;
	border-right-width: 1px solid; 
	/* border-style: solid; 
	border-right-color: #00D9D9;*/
	position: relative;
	-moz-box-shadow: 0px -1px 0px #676975;
    -webkit-box-shadow: 0px -1px 0px #676975;
    box-shadow: 0px -1px 0px #676975;
}
ul#tprmenu li:hover>a, ul#tprmenu li a.pressed {
	background-color: #748A9E;
	/*border-color: #C0C0C0;
	border-style: solid;*/
	color: #5A7B96;
	text-shadow: #FFF 0 0 1px;
	/*background-image: url("../images/mainbk.png");
	background-position: 0 100px; */
	text-decoration: none;
}
ul#tprmenu img {
	border: none;
	vertical-align: middle;
	margin-right: 10px;
}
ul#tprmenu > label.switch {
	display: none;
	cursor: pointer;
	width: 25px;
	height: 20px;
	padding: 10px 10px 40px 0;
}
ul#tprmenu > label.switch:before { 
	content: ""; color: #FFFFFF;
	position: absolute;
	display: block;
	height: 4px;
	width: 25px;
	border-radius: 4px;
	background: #ffffff;
	-moz-box-shadow: 0 8px #ffffff, 0 16px #ffffff;
	-webkit-box-shadow: 0 8px #ffffff, 0 16px #ffffff;
	box-shadow: 0 8px #ffffff, 0 16px #ffffff;
}
ul#tprmenu > label.switch:hover:before { 
	background: #c2c8c8;
	-moz-box-shadow: 0 8px #c2c8c8, 0 16px #c2c8c8;
	-webkit-box-shadow: 0 8px #c2c8c8, 0 16px #c2c8c8;
	box-shadow: 0 8px #c2c8c8, 0 16px #c2c8c8;
}
ul#tprmenu > .switchbox {
	display: none;
}
ul#tprmenu li.topfirst>a { border-left: none;
	border-radius: 0px 0 0 0px;
	-moz-border-radius: 0px 0 0 0px;
	-webkit-border-radius: 0px;
	border-top-right-radius: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	border-bottom-right-radius: 0;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}
ul#tprmenu li.topmenu>a {
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}
ul#tprmenu li.toplast>a {
	border-radius: 0 0px 0px 0;
	-moz-border-radius: 0 0px 0px 0;
	-webkit-border-radius: 0;
	border-top-right-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	border-bottom-right-radius: 0px;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	border-right: 0px solid;
}

@media screen and (max-width: 768px) {
body { margin-top: 45px;}

ul#tprmenu {
	width: 100%; border: none; background-color: #748A9E;
	position: fixed; z-index: 110;
	top: 0px; left: 0px;
	min-height: 45px;
}

ul#tprmenu > li {
	position: initial;
}
ul#tprmenu ul .submenu, ul#tprmenu li > ul {
	left: 0;
	right: auto;
	top: 100%;
}
ul#tprmenu .submenu, ul#tprmenu ul, ul#tprmenu .column {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 0;
	width: 100% !important;
 }

/*.tprmenulogo { display: none;} */
.topunimedia .centerdiv { float: right; margin-right: 5px;}

ul#tprmenu > li {
	display: none !important;
	position: relative; padding-left: 30px;
	width: 100% !important;
}
ul#tprmenu > label.switch, ul#tprmenu .switchbox:checked ~ li {
	display: block !important; float: right; margin-right: 20px;
 }
 ul#tprmenu a { text-align: left; margin-left: 20px; margin-right: 20px; 
 padding: 14px 15px 18px;
 border: none; border-width: 0px;}
 ul#tprmenu > label.switch:before { border:none; }

}

/* END TOP MENU */