/* ================================================================================================================================================================= */
/* dunp - comunicazione e advertising 
/* www.dunp.it - info@dunp.it
/* +39.064066184 - Via G. Rosaccio,6 - 00156 Roma
/* ================================================================================================================================================================*/
*, *:before, *:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html {font-family:Arial,Verdana,Helvetica,sans-serif; color:#666; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
body {margin:0; height:auto; width:100%; background:#FFF;}
a*{margin:0; padding:0;} a img{border:none;}
a {text-decoration:none; background-color:transparent;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;}
a:hover, a:focus {text-decoration:underline;outline:0;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;}
.error-browser {background:#900; color:#FFF; text-align:center; padding:10px; font-size:12px;}
.close-modale {right: 10px;z-index: 9999;}
.autocomplete-suggestion {padding: 2px 5px;font-size: 1.2em;white-space: nowrap;overflow: hidden; background: #efefef;}
.t-shadow {text-shadow:1px 1px #333;}
.input_selected{border:1px solid #00573B;color:#00573B;}.input_not_selected{}
/* ============================================================================================================================================================ */
header {width:100%; margin:0; padding:0;}
nav {width:100%; margin:0; padding:0;}
footer {width:100%; margin:0; padding:0;}
section {width:100%; margin:0; padding:0;} 
iframe {border:0;} 
article {width:100%; margin:0; padding:0;}
hr, .hr {display:block; height:1px; border:0; border-top:1px solid #DADADA; margin:5px 0; padding:0;}

/*============================================================================================================================================================ */
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}
/*============================================================================================================================================================ */
.center{display:tabele;margin-left:auto;margin-right:auto;}.fix{position:fixed;}.abs{position:absolute;}.col-five{float:left;width:20%;}
/* =========================================================================================================================================================== */
.ma{margin:0 auto;}.m0{margin:0;}.m2{margin:2px}.m5{margin:5px;}.m10{margin:10px;}.m15{margin:15px;}.m20{margin:20px;}.m25{margin:25px;}.m30{margin:30px;}.m40{margin:40px;}.m50{margin:50px;}.m60{margin:60px;}.ml0{margin-left:0px;}.ml2{margin-left:2px;}.ml5{margin-left:5px;}.ml10{margin-left:10px;}.ml15{margin-left:15px;}.ml20{margin-left:20px;}.ml25{margin-left:25px;}.ml30{margin-left:30px;}.ml40{margin-left:40px;}.ml50{margin-left:50px;}.ml60{margin-left:60px;}.mr0{margin-right:0px;}.mr2{margin-right:2px;}.mr5{margin-right:5px;}.mr10{margin-right:10px;}.mr15{margin-right:15px;}.mr20{margin-right:20px;}.mr25{margin-right:25px;}.mr30{margin-right:30px;}.mr40{margin-right:40px;}.mr50{margin-right:50px;}.mr60{margin-right:60px;}.mt0{margin-top:0px;}.mt2{margin-top:2px;}.mt5{margin-top:5px;}.mt10{margin-top:10px;}.mt15{margin-top:15px;}.mt20{margin-top:20px;}.mt25{margin-top:25px;}.mt30{margin-top:30px;}.mt40{margin-top:40px;}.mt50{margin-top:50px;}.mt60{margin-top:60px;}.mb0{margin-bottom:0px;}.mb2{margin-bottom:2px;}.mb5{margin-bottom:5px;}.mb10{margin-bottom:10px;}.mb15{margin-bottom:15px;}.mb20{margin-bottom:20px;}.mb25{margin-bottom:25px;}.mb30{margin-bottom:30px;}.mb40{margin-bottom:40px;}.mb50{margin-bottom:50px;}.mb60{margin-bottom:60px;}
/* PADDING - 0 - 2 - 5 - 10 - 15 - 20 - 25 - 30 - 35 - 40 - 50 - 60 /* ============================================================================================================================================================= */
.p0{padding:0px;}.p2{padding:2px;}.p5{padding:5px;}.p10{padding:10px;}.p15{padding:15px;}.p20{padding:20px;}.p25{padding:25px;}.p30{padding:30px;}.p35{padding:35px;}.p40{padding:40px;}.p50{padding:50px;}.p60{padding:60px;}.pt0{padding-top:0px;}.pt2{padding-top:2px;}.pt5{padding-top:5px;}.pt10{padding-top:10px;}.pt15{padding-top:15px;}.pt20{padding-top:20px;}.pt25{padding-top:25px;}.pt30{padding-top:30px;}.pt35{padding-top:35px;}.pt40{padding-top:40px;}.pt50{padding-top:50px;}.pt60{padding-top:60px;}.pr0{padding-right:0px;}.pr2{padding-right:2px;}.pr5{padding-right:5px;}.pr10{padding-right:10px;}.pr15{padding-right:15px;}.pr20{padding-right:20px;}.pr25{padding-right:25px;}.pr30{padding-right:30px;}.pr35{padding-right:35px;}.pr40{padding-right:40px;}.pr50{padding-right:50px;}.pr60{padding-right:60px;}.pb0{padding-bottom:0px;}.pb2{padding-bottom:2px;}.pb5{padding-bottom:5px;}.pb10{padding-bottom:10px;}.pb15{padding-bottom:15px;}.pb20{padding-bottom:20px;}.pb25{padding-bottom:25px;}.pb30{padding-bottom:30px;}.pb35{padding-bottom:35px;}.pb40{padding-bottom:40px;}.pb50{padding-bottom:50px;}.pb60{padding-bottom:60px;}.pl0{padding-left:0px;}.pl2{padding-left:2px;}.pl5{padding-left:5px;}.pl10{padding-left:10px;}.pl15{padding-left:15px;}.pl20{padding-left:20px;}.pl25{padding-left:25px;}.pl30{padding-left:30px;}.pl35{padding-left:35px;}.pl40{padding-left:40px;}.pl50{padding-left:50px;}.pl60{padding-left:60px;}
/* DISPLAY - align - block - inline - nodecoration/* ============================================================================================================================================================= */
.va-top{vertical-align:top;}.va-bottom {vertical-align:bottom;}.va-middle{vertical-align:middle;position:relative;top:50%;-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
.block{display:block !important;}.inline{display:inline !important;}.nodecoration:hover{text-decoration:none;}
/* BORDER /* ================================================================================================================================================== */
.brdr {border:1px solid #CCC;}.brdr-no-t{border-top:none;}.brdr-no-r{border-right:none;}.brdr-no-b{border-bottom:none;}.brdr-no-l{border-left:none;}.brdr-no-lr{border-left:none; border-right:none;}.brdr-no-tb{border-top:none; border-bottom:none;}.brdr-radius-5{border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}.brdr-radius-10{border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}.brdr-radius-20{border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px;}.dotted{border-style:dotted;}.dashed{border-style:dotted;}
/* ================================================================================================================================================================= */
/* COLOR SCHEMA
/* ================================================================================================================================================================= */
.t-black{color:#666;}.t-white{color:#FFF;}.t-gray{color:#CCC;}.t-dark{color:#999;}.t-green{color:#00573B;}.t-red{color:#E91D45!important;}.t-celeste{color:#C2E0F2;}.t-blu{color:#5A97D1;}.t-orange{color:#FF8000;} .t-yellow{color:#EEB824;} .t-violet{color:#561AE5;}
.bg-black{background:#666;}.bg-white{background:#FFF;}.bg-gray{background:#CCC;}.bg-dark{background:#999;}.bg-green{background:#00573B;}.bg-red{background:#E91D45;}.bg-blu{background:#5A97D1;}.bg-orange{background:#FF8000;}.bg-yellow{background:#EEB824!important;} .bg-brown{background:#57481D;} .bg-violet{background-color:#561AE5} .bg-celeste {background-color: #c2e0f27a}
.brdr-black{border-color:#666;}.brdr-white{border-color:#FFF;}.brdr-gray{border-color:#CCC;}.brdr-gray2{border-color:#999;}.brdr-green{border-color:#00573B;}.brdr-red{border-color:#E91D45;}.brdr-blu{border-color:#5A97D1;}.brdr-orange{border-color:#FF8000;} .brdr-yellow{border-color:#EEB824;} .brdr-violet{border-color:#561AE5 !important;}
/* 
/* ================================================================================================================================================================= */
/* TEXT ELEMENT & ALIGN & FONTS
/* ================================================================================================================================================================= */
.txti{font-style:italic;}.txt-shadow{text-shadow:1px 1px 5px rgba(0, 0, 0, .5);}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.f10,.f12,.f14,.f16,.f18,.f20,.f22,.f24,.f26,.f28,.f30,.f32,.f34,.f36,.f38,.f40,.f50,p,span {text-decoration:none;font-family:'Roboto',Verdana,Arial,Helvetica,sans-serif;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,p {margin:0 0 10px 0;}
.f50{font-size:50px;}.f40 {font-size:40px;}.f38{font-size:38px;} h1,.h1,.f36{font-size:36px/*3.0em;*/}.f34{font-size:34px;}.f32{font-size:32px;}h2,.h2,.f30{font-size:30px/*2.3em;*/}.f28{font-size:28px;}.f26{font-size:26px;}h3,.h3,.f24{font-size:24px/*2.0em;*/}.f22{font-size:22px;}.f20{font-size:20px;}h4,.h4,p,.f18{font-size:18px/*1.5em;*/}.f16{font-size:16px;}h5,.h5,span,.f14{font-size:14px/*1.0em;*/}h6,.h6,.f12{font-size:12px/*0.8em;*/}.f10{font-size:10px;}

.card-columns{
  @include media-breakpoint-only(lg) {
    column-count: 8!important;
  }
  @include media-breakpoint-only(xl) {
    column-count: 5!important;
  }
}
#countdown {
  width: 100%;
}
label {
  clear: both;
  display: block;
}
#countdown span {
  background: #efefef!important;
  color: #666;
  font-size: 26px !important;
  font-weight: normal;
  text-align: center;
  width: 25%;
  display: block;
  float: left;
  border-right: 1px solid #e3e3e3;
  padding: 20px;
}
#countdown span:last-child {
  /**/border-right: 1px solid #f5f5f5;
}
/* ================================================================================================================================================================= */
/* MAP MODAL 
/* ================================================================================================================================================================= */
.t-lightblue { color: #5A97D1;}

.style-map-modal .gm-style .gm-style-iw-c {padding: 0px;}
.style-map-modal .gm-ui-hover-effect {top: 0px!important; right: auto!important;}
.style-map-modal .gm-ui-hover-effect > span { width: 30px!important; height: 30px!important;}     
.style-map-modal button.gm-ui-hover-effect:focus { outline: transparent;}
.box-modal-sede { background: #F2F3F5;height: auto;padding: 30px 0px 30px 20px;}
.bg-modal-sede {background:#FFF; height:auto; }
.line {display: block; width: 80px;height: 2px;margin: 10px auto; background-color: #00573B;}
.img-map-modal {width:160px; height: 160px; object-fit: cover; object-position: center;}
.img-map-modal2 {width:260px; height: 260px; object-fit: cover; object-position: center;}

/**/

@media (max-width: 768px) {
  #countdown span {
  width: 50%;
}
}

@media (max-width: 425px) {.img-map-modal {width:100px; height: 100px;}}

a, a.disabled:hover, a:disabled:hover {
    color: #495057!important;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
	color: #EEB824!important;}


.rounded {border-radius: 0.5rem!important;
}


.carousel-indicators li {background-color: #cccccc!important;}
.carousel-indicators .active {background-color: #E91D45!important;}
/* ================================================================================================================================================================= */
/* MISCELLANEOUS
/* ================================================================================================================================================================= */
/* 
OMBRA TESTI
   (orizzontale verticale blur colore)
   text-shadow:1px 1px 0 #333; filter:dropshadow(color=#333,offx=1,offy=1); 
OMBRA ELEMENTI GENERALE
   (orizzonale verticale blur spread colore)
   box-shadow:(inset) 2px 2px 5px 0px #333; -webkit-box-shadow.....; -mox-box-shadow........;
OMBRA DIREZIONALE
   (orizzonale verticale blur spread colore)
   TOP: box-shadow: 0 -4px 2px -2px rgba(0,0,0,0.4); -webkit-box-shadow.....; -mox-box-shadow........;
   RIGHT: box-shadow: 4px 0 2px -2px rgba(0,0,0,0.4); -webkit-box-shadow.....; -mox-box-shadow........;
   BOTTOM: box-shadow: 0 4px 2px -2px rgba(0,0,0,0.4); -webkit-box-shadow.....; -mox-box-shadow........;
   LEFT: box-shadow: -4px 0 2px -2px rgba(0,0,0,0.4); -webkit-box-shadow.....; -mox-box-shadow........;
GLOW
   (orizzonale verticale blur spread colore)
   ESTERNO SFUMATO: box-shadow:0 0 10px 2px #333; -webkit-box-shadow.....; -mox-box-shadow........;
   ESTERNO NETTO: box-shadow:0 0 0 10px #333; -webkit-box-shadow.....; -mox-box-shadow........;
   INTERNO SFUMATO: box-shadow:inset 0 0 10px 2px #333; -webkit-box-shadow.....; -mox-box-shadow........;
   INTERNO NETTO: box-shadow:inset 0 0 0 10px #333; -webkit-box-shadow.....; -mox-box-shadow........; 
GRADIENTS
   (proprietà di background: colore 1 -> colore 2)
   LINEARE: background: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
   RADIALE: background: linear-gradient(45deg, #f06, #CCC);
   RADIALE: background: radial-gradient(center 0, circle farthest-corner, rgba(0,0,0,0.15), rgba(0,0,0,0));
STONDATURA GENERALE: border-radius:5px; -webkit-border-radius:.....; -moz-border-radius:.....;
STONDATURA SINGOLA: border-radius:5px 5px 5px 5px; -webkit-border-radius:.....; -moz-border-radius:.....;
CERCHIO: border-radius:50%; -webkit-border-radius:.....; -moz-border-radius:.....;
OVALI: border-radius:20px/60px; -webkit-border-radius:.....; -moz-border-radius:.....;
TRANSIZIONI: transition:all 0.3s ease-out;
ELEMENTI A:HOVER .q{background:url(../img/ico/social.png) 0 0 no-repeat;} .q a:hover{background-position:0px -40px;}
AGGIUNGERE behavior:url(../pie.htc); nelle classi o id con proprietà stondatura e/o ombra*/