*{ font-family: 'Encode Sans Expanded' !important; }

button{background-color: #da271f;}
.bk-page{background-color: #da271f !important;}
button{height: 46px;/* font-size: 0.9rem; */line-height: 46px;border-radius: 4px;font-size: 0.87rem;font-weight: 600;}
a{color: #F44336;}
.color-page{color: #F44336;}
a:hover{text-decoration:underline;}
.MenuAdmin ul li.sel,.MenuAdmin ul li.sel:hover{ background-color:#F44336;     color:rgba(255,255,255,1) !important; }
ul.tab li.sel{border-color:#F44336;border-radius: 0;}
.bk-page{background-color: #F44336;}
#content h2{   border-color:#F44336 !important;  color:#F44336; }
.menu > ul.tab > .pageWidth > a > li.sel, .menu > ul.tab > .pageWidth > a > li.sel:hover{   box-shadow: -0 -2px 0 0 #F44336 inset  !important;}
.menu > ul.tab > .pageWidth > a > li:hover{   box-shadow: -0 -2px 0 0 #F44336 inset  !important;}
.menu > ul.tab > .pageWidth > a > li span{   color:#F44336 !important; }
button.button-border{color:#F44336 !important;background-color:transparent;border: 1px solid #f44336;box-shadow: 0px 0px;}
.flatWeatherPlugin{ background-color:#FF5722 !important; }
body.maps, body.signin{ overflow:hidden; }
body.maps #pie, body.maps header, body.signin #pie, #content header{display:none;}
body.destinazioni{/* overflow-y:hidden; */}


/* COLOR OBJECT */
body.city #content button.button-border{color:#2196f3 !important;background-color:transparent;border: 1px solid #2196f3;box-shadow: 0px 0px;}
body.city #content button,
body.city .bk-page{background-color: #2196f3;}
body.city #content a,
body.city #content .color-page,
body.city #content .card .card-content .card-title,
body.city #content .panelInput.rows.filter .label{color: #2196f3;}
body.city #content {background-color: #263238; background-color:#eaeaea; }


body.eventi #content button.button-border{color:#7B1FA2 !important;background-color:transparent;border: 1px solid #7B1FA2;box-shadow: 0px 0px;}
body.eventi #content button,
body.eventi .bk-page,
body.eventi .panelInput.rows.filter .dropdown.dropdown-button .content ul li.sel{background-color: #7B1FA2 !important;}
body.eventi #content a,
body.eventi #content .color-page,
body.eventi #content .card .card-content .card-title,
body.eventi #content .panelInput.rows.filter .label{color: #7B1FA2;}
body.eventi #content {background-color: #263238; background-color:#eaeaea; }


/* MAIN */
html{font-size:0.9rem;/* transform: scale(0.9); *//* transform-origin: 0 0; */     //add prefixed versions too.;}
body{background-color: #ffffff;overflow-y: scroll;overflow-x: hidden;max-height: 100%;font-size:0.9rem;}
body.show-menu{padding-left:260px;}

  
#content{position:relative;z-index:10;font-size:0.9rem;font-weight:400;background: #fefefe;background-color: rgba(147, 92, 41, 0.03);float: left;clear: both;width: 100%;/* box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.26), 0 -6px 10px rgba(0, 0, 0, 0.16); *//* box-shadow: 0 0px 8px rgba(0,0,0,0.6); */}
#content h2{padding-bottom: inherit;font-size: 1.6rem;text-align:center;font-weight:500;text-transform:uppercase;color: rgba(0,0,0,.87);position:relative;}
 
#content p{font-size: 1.2rem;line-height: 1.84rem;margin: 0 0 0;word-wrap: break-word;color:rgba(0,0,0,0.87);}
#content p.small{font-size: 0.9rem;line-height: 1.44rem;margin: 0 0 0;word-wrap: break-word;color:rgba(0,0,0,0.87);}
#content .ic-left{/* opacity:0.9; *//* font-weight:300; */}   
#content p.title{  font-weight:500; font-size:1.1rem; border:none; padding-bottom:8px; margin-bottom:0px; }
#content p.titles{  font-weight:500; font-size:1.1rem; border:none; padding-bottom:12px; margin-bottom:0px; }
#content p.titles span{  font-weight:400; font-size:1rem; border:none; padding-top:2px; margin-bottom:0px; }
#content p.title a.tag{font-size:1.02rem;margin-right:6px;/* background-color:#f5f5f5; */padding: 0 6PX 0 0;margin-bottom:6px;float:left;}

#feed p.title{ padding:12px; font-size:1rem; }

/*MAPS*/
body.maps #content  { position:fixed; top:0;left:0;width:100%;height:100%;background-color:#212121;}
body.maps #content .main { position:absolute; top:0;left:0;width:100%;height:100%; display:flex;flex-flow: row wrap; padding-top:86px}
body.maps #content .main .category{ max-width:56px; flex: 1 auto; background-color:#212121;}
body.maps #content .main .search{max-width:400px;flex: 1 auto;background-color:#f5f5f5;position: relative; box-shadow: 0 0px 8px rgba(0,0,0,0.2); z-index:10;}
body.maps #content .main .map{flex: 1 auto;position: relative;}
body.maps #content .main .map ng-map{height:100%;}

body.maps #content .main .search .list{position:relative;}
body.maps #content .main .search .list li{margin:0;height: auto;cursor:pointer;float: left;width: 100%;display:flex;flex-flow: row nowrap;align-content: stretch;position:relative;}
body.maps #content .main .search .list li:hover{ background-color:#eee; }
body.maps #content .main .search .list li .image{width: 126px;padding: 6px 12px;}
body.maps #content .main .search .list li .desc{flex: 1;padding: 12px 12px 12px 0;border-bottom:1px solid #eee;vertical-align: middle;border-top: 0;position: relative;}
body.maps #content .main .search .list li .desc > div {float:left; top: 50%; -ms-transform: translate(-0%,-50%); /* IE 9 */ -webkit-transform: translate(-0%,-50%); /* Safari */ transform: translate(-0%, -50%); position:relative;}

body.maps #content .main .search .list li .desc label{font-size: 0.9rem;line-height: 1.4rem;/* padding-top: 8px; */color: rgba(0,0,0,0.37);width:100%;float:left;cursor:pointer;}
body.maps #content .main .search .list li .desc label.title{color:black;font-size: 1rem;/* margin-bottom: 8px; */float: left;font-weight: 600;}

body.maps #content .main .search .list li .desc label.type{ padding-bottom:6px; float:left;text-transform: lowercase;}



/* SCHEDA */
    body #content .infoPage .interaction{border-top:1px solid #eee;border-bottom:1px solid #eee;padding:8px;background-color:#f5f5f5}
    body #content .infoPage p, #content .infoPage{font-size: 0.92rem;text-align: justify;line-height: 1.4rem;}
    body #content .infoPage p.title{ font-size: 1rem;  color:black; font-weight:600; }
    body #content .infoPage h3{ font-size:1rem;line-height:1.4rem;font-weight:400;padding:0;margin-bottom:0;color:#000;text-align:left;margin-top: 0px;}
    body #content .infoPage .text p{padding-right:42px;padding-top: 6px;}

    body #content .infoPage .info-city h3 { color:white; font-size:2.6rem; line-height:3.6rem; font-weight:300; }
    body #content .infoPage .info-city h4:after{ position:absolute;  bottom: -16px;  left: 50%;  -ms-transform: translate(-50%,0%);-webkit-transform: translate(-50%,0%);transform: translate(-50%, 0%); width:25%; background:white; height:2px; content:'';}


    body #content .infoPage .info-city h3 a { color:white;  font-weight:500; }
    body #content .infoPage .info-city h4 { color:white; font-size:2rem; line-height:3rem;font-weight:100;  }
    body #content .infoPage .info-city h3:before{position:absolute;top: -16px;left: 50%;-ms-transform: translate(-50%,0%);-webkit-transform: translate(-50%,0%);transform: translate(-50%, 0%);width:50%;background:white;height:2px;content:'';}

    .backtoSearch{position:relative!important;line-height:32px;padding:12px!important}
    .backtoSearch button{background-color:rgba(0,0,0,.47)!important;margin-bottom:6px;border:0 solid #fff!important;border-color:rgba(255,255,255,.37)!important;border-radius:4px!important;text-align:right;max-width:100%;line-height:28px;font-size:.9rem;height:32px!important}
    header.scheda .backtoSearch{position:absolute;line-height:32px;padding:8px!important;opacity:.97;z-index:100}
    header.scheda .backtoSearch .pageWidth{padding:0}

    /* PUBLISH */
    ng-publish {}
    .publish {font-size:0.86rem;color:rgba(0,0,0,0.67);line-height:1.3rem;background-color:#f5f5f5;width: auto;padding: 10px 10px 10px 10px;border-radius:100px;display: inline-table;}
    .publish .ic{background-color: red;border: 2px solid rgb(50,50,50);}
    .publish a{  }
    .publish .info{padding-top:2px;float:left;padding-left:8px;}

    /* INFOSUP */
    ul.infoSup li{text-align: left;font-size:0.87rem;color:black;left:0;top:0;width: 100%;float: left;background-position: left top;background-repeat: no-repeat;background-size:16px; margin-bottom:12px;}
    ul.infoSup li .label{color: rgba(0,0,0,0.67);font-weight: 600;}
    ul.infoSup li .value{font-weight:500;  }
    
    /* BREADCRUMB */
    #content .infoPage .breadcrumb span,#content .infoPage .breadcrumb a{ color:rgba(0,0,0,0.67);}
    #content .infoPage .breadcrumb a:hover{ color:rgba(0,0,0,0.87) !important;}
    #content .infoPage .breadcrumb div.separator{ opacity:0.4; margin: 3px 2px 0 2px;   background-image:  url(https://i.etnasoft.it/include/icons/ic_keyboard_arrow_right_2x.png); }

    /* RECIPTS */
    body.ricette #content .infoPage{margin: auto;margin-top:-120px!important;background:#fff;max-width: 1050px;border-radius:8px;display:block;box-shadow:0 1px 2px 0 rgba(0,0,0,.15);/* float:left; */overflow:hidden;clear: both;}
    body.ricette #content .infoPage .info-receipt .ic-top{background-size:26px!important;text-align:center;background-position:top center}
    body.ricette #content .infoPage h1{font-size:1.8rem;line-height: 2.2rem;font-weight:600;padding-top:4px;/* margin-bottom:12px; */color:#f44336;}
    body.ricette #content .infoPage h2{font-size:1rem;line-height:1.4rem;font-weight:400;padding:0;margin-bottom:0;color:#000;text-align:left;margin-top: 2px;float:left;width:100%;}
    body.ricette #content .infoPage ul.list-style-point li{margin-left:16px;font-style: italic;}
    body.ricette #content .infoPage .content p.title{text-transform:uppercase; font-size:1.4rem; font-weight:100; color:#935c29; }


    /* NOTICE */
    body.curiosita #content .infoPage{margin: auto;margin-top:-120px!important;background:#fff;max-width:1100px;border-radius:8px;display:block;box-shadow:0 1px 2px 0 rgba(0,0,0,.15);/* float:left; */overflow:hidden;clear: both;}
    body.curiosita #content .infoPage h2{font-size:1rem;line-height:1.4rem;font-weight:400;padding:0;margin-bottom:0;color:#000; text-align:left;}
    body.curiosita #content .infoPage h1{font-size:1.6rem;line-height:2rem;font-weight:600;padding-top:4px;margin-bottom:12px;color:#000}


    /* NEWS */
    body.news #content .infoPage{margin: auto;margin-top:-120px!important;background:#fff;max-width:1100px;border-radius:8px;display:block;box-shadow:0 1px 2px 0 rgba(0,0,0,.15);/* float:left; */overflow:hidden;clear: both;}
    body.news #content .infoPage h2{font-size:1rem;line-height:1.4rem;font-weight:400;padding:0;margin-bottom:0;color:#000; text-align:left;}
    body.news #content .infoPage h1{font-size:1.6rem;line-height:2rem;font-weight:600;padding-top:4px;margin-bottom:12px;color:#000}


    /* MITI */
    body.miti #content .infoPage{margin: auto;margin-top:-120px!important;background:#fff;max-width:1100px;border-radius:8px;display:block;box-shadow:0 1px 2px 0 rgba(0,0,0,.15);/* float:left; */overflow:hidden;clear: both;}
    body.miti #content .infoPage h2{font-size:1rem;line-height:1.4rem;font-weight:400;padding:0;margin-bottom:0;color:#000; text-align:left;}
    body.miti #content .infoPage h1{font-size:1.6rem;line-height:2rem;font-weight:600;padding-top:4px;margin-bottom:12px;color:#000}


    /* PROVERBI */
    body.proverbi #content .infoPage{margin: auto;margin-top:-120px!important;background:#fff;max-width:1100px;border-radius:8px;display:block;box-shadow:0 1px 2px 0 rgba(0,0,0,.15);/* float:left; */overflow:hidden;clear: both;}
    body.proverbi #content .infoPage h2{font-size:1rem;line-height:1.4rem;font-weight:400;padding:0;margin-bottom:0;color:#000; text-align:left;}
    body.proverbi #content .infoPage h1{font-size:1.6rem;line-height:2rem;font-weight:600;padding-top:4px;margin-bottom:12px;color:#000}


    /* MODIDIDIRE */
    body.modididire #content .infoPage{margin: auto;margin-top:-120px!important;background:#fff;max-width:1100px;border-radius:8px;display:block;box-shadow:0 1px 2px 0 rgba(0,0,0,.15);/* float:left; */overflow:hidden;clear: both;}
    body.modididire #content .infoPage h2{font-size:1rem;line-height:1.4rem;font-weight:400;padding:0;margin-bottom:0;color:#000; text-align:left;}
    body.modididire #content .infoPage h1{font-size:1.6rem;line-height:2rem;font-weight:600;padding-top:4px;margin-bottom:12px;color:#000}


    /* ITINERARI */
    .listItinerario .title-comune{padding:36px;position:relative;text-align:center;width:100%;text-transform:uppercase;font-weight:100;font-size:4rem;color:white;}
    .listItinerario .title-comune:before{position:absolute;top: 0;left: 50%;-ms-transform: translate(-50%,0%);-webkit-transform: translate(-50%,0%);transform: translate(-50%, 0%);width:50%;background:white;height:2px;content:'';}
    .listItinerario .title-comune:after{ position:absolute;  bottom: 0;  left: 50%;  -ms-transform: translate(-50%,0%);-webkit-transform: translate(-50%,0%);transform: translate(-50%, 0%); width:25%; background:white; height:2px; content:'';}

    .listItinerario .interaction{opacity:0; transform: rotate( 0deg ) scale(0.9); visibility:hidden; }
    .listItinerario>.row:hover .interaction{opacity:0.9; visibility:visible; cursor:pointer; transition: all 0.2s ease-in-out; transform: rotate( 0deg ) scale(1.02);}

    .listItinerario>.row.comune .pageWidth:before{ content:''; position:absolute; top:-25px; left:5.8%; width:64px; height:64px; z-index:99999; background-color:white; border-radius:100px; box-shadow:0px 0px 8px #333; cursor:default; background-image: url(http://inc.etnasoft.it/include/icons/ic_keyboard_arrow_down_black_24dp_2x.png); background-repeat: no-repeat; background-position: center; background-size: 70%; }
    .listItinerario>.row.comune .pageWidth:after{ content:''; position:absolute; top:-25px; left:5.8%; margin-left:32px; width:2px; height:300px; z-index:-1; background-color:rgb(207, 207, 207); }
    .listItinerario>.row.risorsa:after{ content:''; position:absolute; top:0; left:5.8%; margin-left:32px; width:2px; height:600px; z-index:-1; background-color:rgb(207, 207, 207); }
    .listItinerario>.row.empty:after{ content:''; position:absolute; top:0; left:5.8%; margin-left:32px; width:2px; height:600px; z-index:-1; background-color:rgb(207, 207, 207);}

    .listItinerario .imageRisorsa {display:block; overflow:hidden;}
    .listItinerario .imageRisorsa b{font-weight:100; padding-top:36px; float:left; background-image:  url(http://inc.etnasoft.it/include/icons/ic_photo_white_24dp_1x.png);  background-position:top center; background-repeat:no-repeat; text-align:center; width:100%;}
    .listItinerario .imageRisorsa .show-gallery{opacity:0; transform: rotate( -12deg ) scale(0.7); visibility:hidden;position:relative;text-align:center;width:96%; height:96%; margin:2%; text-transform:uppercase;font-weight:300;font-size:1.8rem;color:white; line-height:2.2rem; border-radius:400px; padding:10px;}
    .listItinerario .imageRisorsa:hover .show-gallery{opacity:0.9; visibility:visible; cursor:pointer; transition: all 0.2s ease-in-out; transform: rotate( 0deg ) scale(1.02); }
    #content .infoPage .reservation{ background-color:#ffffff; padding:24px; border-radius:4px; margin-bottom:24px; box-shadow:0px 0px 8px rgba(0,0,0,0.1) }


.col-expand-min{  position:relative; height:1000px;  display:block; overflow-y:hidden;   -webkit-transition: max-height 0.8s; -moz-transition: max-height 0.8s;transition: max-height 0.8s;}
.col-expand-min.h50{ max-height:50vh;  }
.col-expand-min.h30{ max-height:30vh;  }
.col-expand-min .expand{  content:''; position:absolute; border-radius:0; left:0; bottom:0; width:100% !important; height:50px;  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+82,1+100 */ background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 82%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 82%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 82%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ }
.col-expand-min .expand:after{  content:''; position:absolute; border-radius:0; left:0; bottom:0; width:100% !important; height:50px;  border-bottom:1px solid #eeeeee; background-image:  url(http://inc.etnasoft.it/include/icons/ic_keyboard_arrow_down_black_24dp_1x.png);  background-repeat:no-repeat;  background-position:center  bottom 12px; background-size:32px; z-index:100;  cursor:pointer !important; }
.col-expand-min.show{ position:relative; height:auto !important;  max-height:none; display:inline; overflow-y:auto;  }
.col-expand-min.show .expand{ visibility:hidden;}



/*CONTENT*/ 


.pageWidth{position: relative;width:100%;max-width: 1160px;margin:auto;}
/*
#content #search .filters{border-bottom:1px solid #dddddd;padding: 12px 24px;position: fixed;z-index: 100;top: 85px;box-shadow: 0 0px 8px rgba(0,0,0,0.6);}
#content #search .filters .dropdown.dropdown-button, #content #search .filter .btn{line-height: 30px;height:36px !important;background-color: #f5f5f5 !important;box-shadow: 0px 0px;border: 1px solid #ddd;float: left;border-radius: 4px;background-position: right 6px center;}
#content #search .filters .btn.ic-left{background-position: left 8px center;}
#content #search .filters .dropdown.dropdown-button span{line-height: 36px !important;height: 36px;padding-left:6px;font-size: 0.84rem;}
#content #search .filters .dropdown.dropdown-button span.ic-left{background-position:left 6px center ; padding-left:36px !important;}
#content #search .filters .dropdown .content ul li{ font-size:0.7rem; }
#content #search .result{margin-top: 60px;}
#content #search .result .items{top: 60px;padding:12px;padding-left:24px;}

#content #search.simple .filters{padding: 16px 36px 16px 24px;}
#content #search.simple .content .items{padding: 24px 12px 48px 24px;}

#content #search .filters .label{ margin-top:6px; text-transform:uppercase; color:white; font-size:0.84rem; }

#content #search .result h2.title-city{margin-top: 28px;left: 0;color:white;text-shadow:1px 1px 3px rgba(0,0,0,0.8);font-size:4rem;font-weight:100;text-align: -webkit-auto;left: 36px;top: 0;}
#content #search .content{z-index: 10;background-color:white;}
#content #search .content .dropdown .content ul li{ font-size:0.7rem !important; padding:8px 24px;}
#content #search .content .items{padding: 36px 12px 48px 92px;min-height: 90%;box-shadow: 0px 0px 8px rgba(0,0,0,0.4);}
#content #search .content .items.city{margin-top: -126px;}
#content #search .content .items .card{box-shadow:0px 0px;margin-bottom:24px;border-radius:4px;padding: 4px; -webkit-transition:all 0.21s ease-out; -moz-transition:all 0.21s ease-out; -ms-transition:all 0.21s ease-out; -o-transition:all 0.21s ease-out; transition:all 0.21s ease-out;}
#content #search .content .items .card:hover{background-color:#eeeeee;}
#content #search .content .items .card .card-image{ background-color:white; padding:0px;}
#content #search .maps{width:100%;height:100%;background-color: #aaaaaa;position: absolute;right: 0;}
#content #search .map{position:fixed;padding-top: 85px;right:0;top:0;height: calc( 100% - 60px );background-color: #aaaaaa;right: 0;z-index: 100;}
#content #search .mainFilter{position:fixed;width: 62px;margin-top: 60px;left:0;top:0;height: calc( 100% - 60px );box-shadow: 0px 0px 8px rgba(0,0,0,0.6);background-color: #263238;background-color: #B71C1C;right: 0;z-index: 100;}
#content #search .mainFilter ul{ padding:6px; }
#content #search .mainFilter ul>li{-webkit-transition:background 0.21s ease-out;-moz-transition:background 0.21s ease-out;-ms-transition:background 0.21s ease-out;-o-transition:background 0.21s ease-out;transition:background 0.21s ease-out;text-align:left;cursor:pointer;border-radius:400px;background-size:50%;margin-bottom:6px;background-position:center;color:transparent !important;font-weight: 600;font-size: 0.8rem;}
#content #search .mainFilter ul>li:hover{background-color: rgba(0,0,0,0.1);}
#content #search .mainFilter ul>li:active{background-color: rgba(0,0,0,0.4);}
#content #search .mainFilter ul>li.sel{background-color: rgba(0,0,0,0.3); cursor:default;}
#content #search .mainFilter ul>li.sel:hover>.ic{background-image:  url(https://i.etnasoft.it/include/icons/ic_close_white_24dp_2x.png); cursor:pointer;}
#content #search .mainFilter ul>li>.ic{ width:48px; max-width:48px; background-size:24px; }
#content #search .mainFilter:hover{width: 280px;max-width: 280px;transition: width 0.21s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
#content #search .mainFilter:hover ul>li{color:rgba(255,255,255,0.87) !important;height:50px;background-position:left center;background-size:28px;line-height:50px;padding-left:52px;padding-right:12px;}
*/
/* SEARCH */
#content #listView .breadcrumb a{ font-size:0.76rem; font-weight:400;  }
#content #listView h1{ font-size:1.5rem; font-weight:600; text-transform:uppercase; }
#content #listView .filter{border-bottom: 1px solid #eee;padding: 6px 46px 6px 46px;position: absolute;z-index: 1000;/* top: 64px; */background-color: #fff!important;border: none;margin-top: 0;margin-bottom: 0;border-bottom: 1px solid #eeeeee !important;}
/*#content #listView .filter .dropdown.dropdown-button, #content #listView .filter .btn{line-height: 30px;height:36px !important;background-color: #f5f5f5 !important;box-shadow: 0px 0px;border: 1px solid #ddd;float: left;border-radius: 4px;background-position: right 6px center;}
#content #listView .filter .btn.ic-left{background-position: left 8px center;}
#content #listView .filter .dropdown.dropdown-button span{line-height: 36px !important;height: 36px;padding-left:6px;font-size: 0.84rem;}
#content #listView .filter .dropdown.dropdown-button span.ic-left{background-position:left 6px center ; padding-left:36px !important;}*/
#content #listView .filter .dropdown .content ul li{ font-size:0.7rem; }
#content #listView .result{margin-top: 68px;}

#content #listView.simple .filter{padding: 16px 36px 16px 24px;}
#content #listView.simple .content .items{padding: 24px 12px 48px 24px;}

#content #listView .result h2.title-city{margin-top: 28px;left: 0;color:white;text-shadow:1px 1px 3px rgba(0,0,0,0.8);font-size:4rem;font-weight:100;text-align: -webkit-auto;left: 36px;top: 0;}
#content #listView .result{/* box-shadow: 0px 0px 8px rgba(0,0,0,0.4); */z-index: 100;}
#content #listView .result .dropdown .content ul li{ font-size:0.7rem !important; padding:8px 24px;}
#content #listView .result .items{padding: 24px 42px 48px 46px;min-height: 90vh;/* box-shadow: 0px 0px 8px rgba(0,0,0,0.4); */background: white;/* z-index: 1000; */}
#content #listView .result .items.city{margin-top: -126px;}
#content #listView .result .items .card{box-shadow:0px 0px;margin-bottom: 12px;/* background-color:#eeeeee; */border-radius:4px;/* padding: 4px; */-webkit-transition:all 0.21s ease-out;-moz-transition:all 0.21s ease-out;-ms-transition:all 0.21s ease-out;-o-transition:all 0.21s ease-out;transition:all 0.21s ease-out;height: auto;}
#content #listView .result .items .card:hover{background-color:#eeeeee;}
#content #listView .result .items .card .card-image{ background-color:white; padding:0px;}
#content #listView .maps{width:100%;height:100%;background-color: #aaaaaa;position: absolute;right: 0;}
#content #listView .map{position:fixed;padding-top: 62px;right:0;top:0;height: calc( 100% - 66px );background-color: #aaaaaa;right: 0;/* box-shadow: 0px 0px 8px rgba(0,0,0,0.2); */z-index: 100;/* margin-bottom: 130px; */}
#content #listView .mainFilter{position:fixed;width: 62px;margin-top: 60px;left:0;top:0;height: calc( 100% - 60px );box-shadow: 0px 0px 8px rgba(0,0,0,0.6);background-color: #263238;background-color: #B71C1C;right: 0;/* box-shadow: 0px 0px 8px rgba(0,0,0,0.2); */z-index: 100;/* margin-bottom: 130px; */}
#content #listView .mainFilter ul{ padding:6px; }
#content #listView .mainFilter ul>li{-webkit-transition:background 0.21s ease-out;-moz-transition:background 0.21s ease-out;-ms-transition:background 0.21s ease-out;-o-transition:background 0.21s ease-out;transition:background 0.21s ease-out;text-align:left;cursor:pointer;border-radius:400px;background-size:50%;margin-bottom:6px;background-position:center;color:transparent !important;/* border:1px solid #dddddd; */font-weight: 600;font-size: 0.8rem;}
#content #listView .mainFilter ul>li:hover{background-color: rgba(0,0,0,0.1);}
#content #listView .mainFilter ul>li:active{background-color: rgba(0,0,0,0.4);}
#content #listView .mainFilter ul>li.sel{background-color: rgba(0,0,0,0.3); cursor:default;}
#content #listView .mainFilter ul>li.sel:hover>.ic{background-image:  url(https://i.etnasoft.it/include/icons/ic_close_white_24dp_2x.png); cursor:pointer;}
#content #listView .mainFilter ul>li>.ic{ width:48px; max-width:48px; background-size:24px; }
#content #listView .mainFilter:hover{width: 280px;max-width: 280px;transition: width 0.21s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
#content #listView .mainFilter:hover ul>li{color:rgba(255,255,255,0.87) !important;height:50px;background-position:left center;background-size:28px;line-height:50px;padding-left:52px;padding-right:12px;}


body #content .gm-style button {background-color:white !important; }
/*.gm-style-iw{min-width: 100px !important; background-color:red;left: 0 !important;top:0 !important;height:100%;position:relative;}
.gm-style-iw > div{width:100%; background-color:black;}*/
.gm-style-iw  div{ overflow:hidden;}
#content #listView .ng-map-info-window{}
#content #listView .ng-map-info-window img{ margin-top:4px;}
#content #listView .ng-map-info-window h1{font-size:0.9rem;line-height:1.1rem;width:200px;margin-top: 12px; padding-bottom:4px;}
#content #listView .ng-map-info-window h2{font-size: 0.8rem;line-height: 1rem;width:200px;font-weight: 400;padding: 0;}

input.put-review{ border:none;}
ul.list-review{  }
ul.list-review li{ display:flex;  }
ul.list-review li .avatar{height: auto;float:left; flex-grow: 1;flex-basis: 0; flex-direction:column; box-shadow:0 0 !important; }
ul.list-review li .info{  width:auto;  float:left; flex-grow: 1;flex-basis: 0; margin-left:12px; font-size:0.8rem; border-bottom:1px solid #eee; padding:6px 0  }
ul.list-review li:last-child .info{  border:none;  }
ul.list-review li .info .username{  font-weight:600; width:100%; clear:both;  float:left; }
ul.list-review li .info .text{  font-weight:300;width:100%; clear:both; float:left; }
ul.list-review li .info .date{  font-weight:100;  float:left;}

ul.list-review.default li .avatar .round{margin-top:13px !important;}
ul.list-review.default li .info {  padding:12px 0; }
ul.list-review.default li .info .username{  font-size: 1rem;  font-weight: 600; line-height: 1.6rem; }
ul.list-review.default li .info .date{  font-size: 0.9rem;  font-weight: 300;  margin-left:12px; }
ul.list-review.default li .info .text{ font-size: 1rem;   font-weight:400; width:100%; clear:both; float:left; color:rgba(0,0,0,0.67); line-height: 1.4rem; }



/*ICONS*/
    .ic-archeologico{ background-image:  url(https://i.etnasoft.it/include/icons/ic_restaurant_white_24dp_1x.png) }
    .ic-tradizionale{ background-image:  url(https://i.etnasoft.it/include/icons/ic_restaurant_white_24dp_1x.png) }
    .ic-storico{ background-image:  url(https://i.etnasoft.it/include/icons/ic_restaurant_white_24dp_1x.png) }
    .ic-siti-unesco{ background-image:  url(https://i.etnasoft.it/include/svg/ic_unesco.svg); fill:#ffffff; color:#ffffff; }
    .ic-religioso{ background-image:  url(https://i.etnasoft.it/include/icons/ic_restaurant_white_24dp_1x.png) }
    .ic-musicale{ background-image:  url(https://i.etnasoft.it/include/icons/ic_restaurant_white_24dp_1x.png) }
    .ic-museale{ background-image:  url(https://i.etnasoft.it/include/icons/ic_restaurant_white_24dp_1x.png) }
    .ic-monumentale{ background-image:  url(https://i.etnasoft.it/include/icons/ic_restaurant_white_24dp_1x.png) }
    .ic-mitologico{ background-image:  url(https://i.etnasoft.it/include/icons/ic_restaurant_white_24dp_1x.png) }
    .ic-gastronomico{ background-image:  url(https://i.etnasoft.it/include/icons/ic_location_on_white_24dp.png) }
    .ic-artistico{ background-image:  url(https://cdn3.iconfinder.com/data/icons/places/100/palmthree-128.png) }
    .ic-castelli-e-torri{ background-image:  url(https://cdn3.iconfinder.com/data/icons/places/100/castle-128.png); fill:#ffffff;  }

    .ic-grotte{ background-image:  url(https://i.etnasoft.it/include/icons/ic_restaurant_white_24dp_1x.png) }
    .ic-arcipelaghi{ background-image:  url(https://i.etnasoft.it/include/icons/ic_restaurant_white_24dp_1x.png) }
    .ic-fiumi{ background-image:  url(https://i.etnasoft.it/include/icons/ic_restaurant_white_24dp_1x.png) }
    .ic-mare{ background-image:  url(https://cdn0.iconfinder.com/data/icons/elite-outdoors-nature/513/beach-128.png) }
    .ic-laghi{ background-image:  url(https://i.etnasoft.it/include/icons/ic_restaurant_white_24dp_1x.png) }
    .ic-natura{ background-image:  url(https://i.etnasoft.it/include/icons/ic_restaurant_white_24dp_1x.png) }
    .ic-paesaggio{ background-image:  url(https://i.etnasoft.it/include/icons/ic_restaurant_white_24dp_1x.png) }
    .ic-panoramico{ background-image:  url(https://i.etnasoft.it/include/icons/ic_restaurant_white_24dp_1x.png) }
    .ic-parchi{ background-image:  url(https://i.etnasoft.it/include/icons/ic_restaurant_white_24dp_1x.png) }
    .ic-riserva{ background-image:  url(https://i.etnasoft.it/include/icons/ic_restaurant_white_24dp_1x.png) }
    .ic-vulcani{ background-image:  url(https://i.etnasoft.it/include/icons/ic_restaurant_white_24dp_1x.png) }


#content h3{
  color: rgba(0,0,0,0.84);
  font-size: 1.05rem;
  font-weight: 400;
  line-height: 1.6em;
  text-align: center;
}

.dark h2, .dark span{color: rgba(255,255,255,0.94) !important;}
.dark h3{  color: rgba(255,255,255,0.84) !important; }
.dark{ color: rgba(255,255,255,0.84) !important; }



#content .divHome{width:100%;padding: 36px 0;clear:both;text-align:center;position: relative;z-index: 5;margin:0;/* background-color: #f5f5f5; */}
#content .divHome h2{ font-weight:600; font-size:1.2rem; margin-bottom:6px;   }
#content .divHome h3{ font-weight:300; font-size:1.2rem; margin-bottom:6px; }
#content .divHome.dark{ background:none; }
#content .divHome.sparo{background-color: #fafafa;}

    

.card .floating-bar{width:100%;top: auto;bottom: -16px;cursor:default;position: absolute;z-index: 20;right: 6px;visibility: hidden;opacity:0;-webkit-transition:all 0.260s;-moz-transition:all 0.260s;-ms-transition:all 0.260s;-o-transition:all 0.260s;}
.card:hover .floating-bar{  visibility:visible; opacity:1;}
.card .floating-bar .floating-button{top: 0;position:relative;float:right !important;right:auto;margin: 0;cursor:pointer;padding: 0;margin-right: 6px;}


/* PAGE */
    body.signin #content h1{ text-align:left; margin-top:12px; color:white; font-size:1.4rem; font-weight:600; }
    body.signin #content h2{ text-align:left;  margin-top:6px; color:rgba(255,255,255,0.67); font-size:1.4rem; line-height:1.6rem; font-weight:100; }

    .panelInput.rows.filter{padding: 12px 24px;/* border:1px solid #eee; */border-radius: 3px;margin-bottom:12px;background-color: white;margin-top: -64px;float:  left;}
    .panelInput.rows.filter .label{font-size: 0.9rem;font-weight: 600;padding: 12px 0 6px 0;color: rgb(234, 80, 65);text-transform: uppercase;margin: 0;}
    .panelInput.rows.filter .dropdown.desktop-tab .content ul>li {font-size:0.74rem;letter-spacing:0.04rem;font-weight:600;-webkit-transition:all 0.260s;padding: 15px 0;background-color: #f5f5f5;-moz-transition:all 0.260s;-ms-transition:all 0.260s;-o-transition:all 0.260s;}
    .panelInput.rows.filter .dropdown.desktop-tab .content ul>li:first-child {/* background-color:#eaeaea; */}
    .panelInput.rows.filter .dropdown.dropdown-button .content ul li.sel{ background-color:#ea5041; color:white;  }
    .panelInput.rows.filter .btn{box-shadow:0 0;background-color:#f5f5f5;height: 46px !important;border-radius:4px;padding: 0;padding-left: 12px;font-size: 0.76rem !important;letter-spacing: 0.04rem;font-weight: 600;line-height:46px !important;/* opacity:0.76; */color: rgba(0,0,0,0.67);border: none;}
    .panelInput.rows.filter button {box-shadow:0 0;height: 40px !important;border-radius:4px; font-size: 0.74rem !important;letter-spacing: 0.04rem;font-weight: 600;line-height:40px !important;border: none;}
    .panelInput.rows.filter input.btn + .ic{top: 8px;right: 4px;}
    .dropdown.dropdown-button.ic-arrow-bottom-b{box-shadow:0 0;background-color:#f5f5f5;line-height: 46px;height: 46px;border-radius:4px;/* opacity: 1 !important; */cursor: pointer;-webkit-transition:all 0.260s;-moz-transition:all 0.260s;-ms-transition:all 0.260s;-o-transition:all 0.260s;}
    .dropdown.dropdown-button.ic-arrow-bottom-b .title{font-size: 0.74rem;letter-spacing: 0.04rem;font-weight: 600;line-height: 46px !important;opacity:0.7;padding: 0;background-color: transparent;cursor: pointer;}
    .dropdown.dropdown-button.ic-arrow-bottom-b:hover{background-color:#f1f1f1;}
    .dropdown.dropdown-button.ic-arrow-bottom-b:active{background-color:#eeeeee;}
    .panelInput.rows.filter input::-webkit-input-placeholder{ font-size:0.76rem !important; font-weight:600 !important; text-transform:uppercase; }

    .panelInput.rows.filter.contribute {background-color:transparent; top:-20px; }
    .panelInput.rows.filter.contribute button {height: 56px !important;border-radius:100px;font-size: 0.86rem !important;letter-spacing: 0.02rem;font-weight: 600;line-height:56px !important;text-align:center;background-position:left 24px center;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);opacity:1;color:  black;background-color: #ffffff;}
    .panelInput.rows.filter.contribute button:hover{background-color:#f5f5f5;}
    .panelInput.rows.filter.contribute button:active{background-color:#e5e5e5;}

    .panelInput input[type="text"].search-location{border-radius:0;border:none;box-shadow:0 0;border-bottom:1px solid #ddd;height: 56px !important;line-height: 56px !important;}

    .dropdown.desktop-tab .content ul {border-radius:4px;overflow:hidden;background-color:rgba(0,0,0,0.03);/* border: 1px solid #fafafa; */}
    .dropdown.desktop-tab .content ul>li {background-color:white;opacity:1;color:rgba(0,0,0,0.47);padding: 15px 0;}
    .dropdown.desktop-tab .content ul>li:hover { background-color:white; color:black; }
    .dropdown.desktop-tab .content ul>li.sel { background-color:white; color:#dd342c; background-color:#fafafa;  }
    .dropdown.desktop-tab .content ul>li.title-icon {  background-color:transparent; }


    /* YOUR LIST */
    body.your-list .nav-region  {height:52px; }
    body.your-list .nav-region > .nav-ower{background-color:#f8f8f8; }
    body.your-list .nav-region > .nav-ower ul.tabs li{  }
    body.your-list .nav-region > .nav-ower ul.tabs li a{ text-transform:uppercase; font-size:0.84rem; line-height:52px; }
    body.your-list .nav-region > .nav-ower ul.tabs li.sel {box-shadow: -0 -2px 0 0 rgb(204, 14, 5) inset;   }

    /*ul.history > li {display:flex; float:left; width:100%; margin:6px 0; }
    ul.history > li .image {max-width:100px; width:100px;}
    ul.history > li .descript { background-color:#eee; }*/
    ul.choose-radio > li{ color:rgba(0,0,0,.67); cursor:pointer; line-height:2.6rem; float:left; clear:both; width:100%; padding-left:32px; position:relative; }
    ul.choose-radio > li:hover{ background-color:rgba(0,0,0,0.03);  }
    ul.choose-radio > li:before{ content:''; position:absolute; left:6px; top:9px;  width:18px; height:18px; border:1px solid #aaa; border-radius:400px;  }
    ul.choose-radio > li.sel{  color:black; cursor:default; pointer-events:none; }
    ul.choose-radio > li.sel:before{  border:1px solid #cc0e05; background-color:#cc0e05;  }

    
    ul.history > li{margin:0px 0;height: auto;cursor:default;float: left;width: 100%;display:flex;flex-flow: row nowrap;align-content: stretch;position:relative; border-radius:400px; }
    ul.history > li:hover{ background-color:#eee; }
    ul.history > li .image{width: 126px;padding: 12px 12px 12px 0px;  max-width:30%;}
    ul.history > li .image>.round{ border:3px solid white;     box-shadow: 0 3px 1px -2px rgba(0,0,0,.14), 0 2px 2px 0 rgba(0,0,0,.098), 0 1px 5px 0 rgba(0,0,0,.084);}
    ul.history > li .image img{background-color:#212121;/* border: 2px solid white; */}
    ul.history > li .descript{flex: 1;padding: 12px 12px 12px 0;border-bottom:1px solid #eee;vertical-align: middle;border-top: 0;position: relative;}
    ul.history > li .descript > div {float:left; top: 50%; -ms-transform: translate(-0%,-50%); /* IE 9 */ -webkit-transform: translate(-0%,-50%); /* Safari */ transform: translate(-0%, -50%); position:relative;}
    ul.history > li .descript label{font-size: 0.9rem;line-height: 1.4rem;/* padding-top: 8px; */color: rgba(0,0,0,0.37);width:100%;float:left;cursor:default;}
    ul.history > li .descript label.title{color:black;font-size: 1rem;/* margin-bottom: 8px; */float: left;font-weight: 600;}
    ul.history > li .descript label.title a{color:#cc0e05; }
    ul.history > li .descript label.title a:hover{text-decoration:underline !important;}
    ul.history > li .descript label.type{ padding-bottom:6px; float:left;text-transform: lowercase;}


      
/*CARD*/
    .card.col-4{  width:23.5% !important; margin:0 0 2% 2% !important; }
    .card.col-4.first{ margin:0 0% 2% 0 !important; }
    .card.col-4.big, .card.col-4.big.first{ width:47% !important;  }
    .card.col-3{  width:18% !important; margin:0 0 2% 2%; }
    .card.col-3.last{   margin:0 0 2% 0; }

    .card .card-content .card-title { color: #f44336; font-size: 0.97rem;line-height: 1.3rem;padding-bottom:4px; font-weight: 600;overflow: hidden;text-overflow: ellipsis;word-break: break-word;white-space: initial;}

    .card.type { height:240px; }
    .card.type .card-image { height:240px;;  }
    .card.type .card-image img{ transition: all .2s ease-in-out; border-radius:4px; display:block; overflow:hidden;  }
    .card.type:hover .card-image img{ transform: scale(1.15); transition: all .2s ease-in-out;  }
    .card.type .card-image .card-title { padding: 6px 24px; }
    .card.type .card-interaction { border:none; padding:6px 0px 6px 0;  }
    .card.type .card-interaction button{ display:none;visibility:hidden; color:white; text-align:center; width:100%; margin:0; font-weight:500 !important; }
    .card.type:hover .card-interaction button{ display:inline; visibility:visible; }
    .card.type .card-content { text-align:center; width:100%; padding:0; margin:0; position:absolute; top:0;  background-color:rgba(0,0,0,0.25); height:100%; padding-top:80px; left:0; font-size: 13px; color: rgba(255,255,255,.54);      overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;    word-break: break-all; }
    .card.type .card-content .card-title { color: rgba(255,255,255,.87);font-size: 24px;    line-height: 26px;    padding-bottom:4px;  font-weight:100;   max-height: 40px;    overflow: hidden;    text-overflow: ellipsis;    word-break: break-word;}


    .card.itinerari {margin:0;width: 100%;height: 100%;border-radius:0;max-height: initial;position: absolute;}
    .card.itinerari .card-image { position:relative; height:100%; border-radius:0; }
    .card.itinerari .card-image .card-title {line-height: 2.4rem;font-size: 2rem;font-weight: 300;padding:24px;white-space: initial;text-align:center;height:100% !important;position:absolute;max-height:none;background: rgba(0,0,0,0.0);}


    .card.risorse .add-panel{ -webkit-transition:all 0.260s;-moz-transition:all 0.260s;-ms-transition:all 0.260s; }
    .card.risorse .add-panel ul{padding: 24px;padding-top: 32px;}
    .card.risorse .add-panel ul li{cursor:pointer;width:100%;color:white;/* padding: 12px 24px; */font-size:0.9rem;line-height: 2rem;text-align: left;text-transform:uppercase;-webkit-transition:all 0.21s ease-out;-moz-transition:all 0.21s ease-out;-ms-transition:all 0.21s ease-out;-o-transition:all 0.21s ease-out;transition:all 0.21s ease-out;}
    .card.risorse .add-panel ul li:hover{ background-color:rgba(0,0,0,0.2)}
    .card.risorse {height: 300px;}
    .card.risorse .distance{position:absolute;font-size:12px;/* top:auto; */top: 0;left: 0;margin:6px;background:rgba(0,0,0,0.4);color:white;padding:8px;}
    .card.risorse .distance:after{ content:' km'; }
    .card.risorse .card-image {height: auto;}
    .card.risorse .card-image .card-title { padding: 6px 24px; }
    .card.risorse .card-interaction {border:none;padding:6px 0px 6px 0;border-top: 1px solid #eee;position: absolute;bottom: 0;clear: both; height:auto; }
    .card.risorse .card-interaction label{color: rgba(0,0,0,0.87);font-size: 0.87rem; width:100%; line-height: 2rem;font-weight: 300;float: left;font-weight: 400;opacity: 0.67;}
    .card.risorse .card-interaction button{ color:#ff6600; width:50% !important; float:left; margin:0; height:26p !important; font-size:13px !important; line-height:28px; background-size:15px !important; padding-left:23px !important; }
    .card.risorse .card-interaction button span{ float:right; line-height:28px;}
    .card.risorse .card-content {font-size: 1rem;color: rgba(0,0,0,.54);/* margin-top: 4px; */overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-break: break-all;padding:0;/* margin:16px; */height: 100px;margin: 0;padding: 20px 16px;}
    .card.risorse .card-address {font-size: 0.87rem;color: rgba(0,0,0,.44);}
    .card.risorse .card-content .card-title {color: #f44336;}
   

    .card.risorse .card-content * {text-align:left;}
    
    .card.miti {height: auto;}
    .card.miti .card-image {height: auto;}
    .card.miti .card-image .card-title { padding: 6px 24px;  }
    .card.miti .card-interaction {border:none;padding:6px 0px 6px 0;clear: both;float: left;height: auto;}
    .card.miti .card-interaction button{color:#454239;height: auto !important;font-size:0.8rem !important;line-height: 36px;background-color:#ddd;}
    .card.miti .card-interaction button span{ float:right; line-height:28px;}
    .card.miti .card-content {font-size: 1rem;color: rgba(0,0,0,.54);margin-top: 4px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-break: break-all;padding:0;margin:16px;height: 80px;}
    .card.miti .card-address { font-size: 0.9rem; color: rgba(0,0,0,.44);   }
    .card.miti .card-content .card-title {color: rgba(0,0,0,.87);font-size: 1rem;line-height: 1.2rem;padding-bottom:4px;max-height: none;overflow: hidden;text-overflow: ellipsis;word-break: break-word;display: initial;white-space: initial;font-size: 0.9rem;}


    .card.city .add-panel{ -webkit-transition:all 0.260s;-moz-transition:all 0.260s;-ms-transition:all 0.260s; }
    .card.city .add-panel ul{padding: 24px;padding-top: 32px;}
    .card.city .add-panel ul li{cursor:pointer;width:100%;color:white;padding:12 24px;font-size:0.9rem;text-align: left;text-transform:uppercase;-webkit-transition:all 0.21s ease-out;-moz-transition:all 0.21s ease-out;-ms-transition:all 0.21s ease-out;-o-transition:all 0.21s ease-out;transition:all 0.21s ease-out;}
    .card.city .add-panel ul li:hover{ background-color:rgba(0,0,0,0.2)}
    .card.city {/* overflow: auto; */height: auto;/* border: 4px solid white; *//* border-radius: 400px; */display: inline;padding: 4px;padding-bottom: 16px;}
    .card.city .distance{ position:absolute; font-size:12px; top:auto; bottom:0; right:0; margin:6px; background:rgba(0,0,0,0.4); color:white; padding:8px; }
    .card.city .distance:after{ content:' km'; }
    .card.city .card-image {height: auto;}
    .card.city .card-image .card-title { padding: 6px 24px; }
    .card.city .card-interaction { border:none; padding:6px 0px 6px 0; }
    .card.city .card-interaction button{ color:#ff6600; width:50% !important; float:left; margin:0; height:26px !important; font-size:13px !important; line-height:28px; background-size:15px !important; padding-left:23px !important; }
    .card.city .card-interaction button span{ float:right; line-height:28px;}
    .card.city .card-content { font-size: 1rem; color: rgba(0,0,0,.54);  margin-top: 4px;    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;    word-break: break-all;padding:0; margin:16px; }
    .card.city .card-address { font-size: 0.9rem; color: rgba(0,0,0,.44);   }



    .card.proverbi{   max-height:none;   margin:0px; margin-top:0;  padding-left:2px;min-height: auto;  box-shadow: none; width:100%; background:none;  padding-right:0 !important; }
    .card.proverbi a{ color:#212121 !important; }
    .card.proverbi .card-title{font-size: 16px;padding-right:56px !important;display:block;/* word-wrap: break-word; */white-space: normal;width:100%;/* text-align:center; */position :relative;overflow: initial;max-height: none;padding-bottom: 12px;font-size:1.1rem;line-height: 1.4rem;}
    .card.proverbi .card-image{ height: 160px; width: 160px; border-radius: 4px; overflow-y: hidden; }
    .card.proverbi .card-content{max-height:none;clear:both;color: #828282;font-weight: 300;width:calc(100% - border-width - border - padding - margin);float:none;margin:0px;font-size: 1rem;height:auto;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;padding: 24px;-webkit-box-orient: vertical;width: 100%;left: 0;top: 0;padding: 0;padding-bottom:24px;}
    .card.proverbi .card-interaction{position:relative;padding:0;margin:0;border:none;float: left;width:100% !important;}


    .card.ricette {height: 330px;display: block;border-radius: 4px;}
    .card.ricette .card-interaction {height:62px;padding: 6px 0;}
    .card.ricette .card-interaction .col-xs-3{ font-size:0.78rem;color:black; opacity:0.7; height:100%; background-size:22px; background-position:top 6px center; text-align:center; padding-top:32px; }
    .card.ricette .card-content { padding:0; margin:12px; }
    .card.ricette .card-content .card-title { max-height:none;padding:0; white-space: normal !important; line-height:1.4rem; font-size: 0.9rem; font-weight:600;}
    .card.ricette .card-image .card-title{ font-size:0.9rem; padding:0px 12px; line-height:2rem; }




    .card.eventi {height: auto;}
    .card.eventi .card-image {height: auto;}
    .card.eventi .card-image .card-title { padding: 6px 24px;  }
    .card.eventi .card-interaction {border:none;padding:6px 0px 6px 0;clear: both;float: left;height: auto;}
    .card.eventi .card-interaction button{color:#454239;height: auto !important;font-size:0.8rem !important;line-height: 36px;background-color:#ddd;}
    .card.eventi .card-interaction button span{ float:right; line-height:28px;}
    .card.eventi .card-content {font-size: 1rem;color: rgba(0,0,0,.54);margin-top: 4px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-break: break-all;padding:0;margin:16px;height: 80px;}
    .card.eventi .card-address { font-size: 0.9rem; color: rgba(0,0,0,.44);   }

    .card-photo {padding:2px;display:block;overflow:hidden;font-size: 0.74rem;}
    .card-photo .info{position:absolute;top:-60px;left:0;padding: 8px;color:white;width:100%;background-color:rgba(0,0,0,0.67);z-index:10;-webkit-transition:all 0.218s;-moz-transition:all 0.218s;-ms-transition:all 0.218s;-o-transition:all 0.218s;}
    .card-photo .copyright{position:absolute;bottom:0;right:0;padding: 6px;color:white;background-color:rgba(0,0,0,0.47);text-align:right;}
    .card-photo .info label{padding: 6px;}
    .card-photo:hover .info{top:0;}
    .card-photo:hover .copyright{bottom:0; }


    /*.card.eventi { height:310px; }
    .card.eventi .distance{ position:absolute; font-size:12px; top:auto; bottom:0; right:0; margin:6px; background:rgba(0,0,0,0.4); color:white; padding:8px; }
    .card.eventi .distance:after{ content:' km'; }
    .card.eventi .card-date { color:black; font-size:0.86rem; border-bottom:1px solid #eee; padding-bottom:12px; margin-bottom:12px; }
    .card.eventi .card-image { height:180px; }
    .card.eventi .card-image .card-title { padding: 6px 24px; }
    .card.eventi .card-interaction { border:none; padding:6px 0px 6px 0; }
    .card.eventi .card-interaction button{ color:#ff6600; width:50% !important; float:left; margin:0; height:26p !important; font-size:13px !important; line-height:28px; background-size:15px !important; padding-left:23px !important; }
    .card.eventi .card-interaction button span{ float:right; line-height:28px;}
    .card.eventi .card-content { font-size: 1rem; color: rgba(0,0,0,.54);  margin-top: 4px;    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;    word-break: break-all;padding:0; margin:16px; }
    .card.eventi .card-address { font-size: 0.9rem; color: rgba(0,0,0,.44);   }
    .card.eventi .card-content .card-title {font-size: 0.86rem;line-height: 1.2rem;padding-bottom:4px;font-weight:600;max-height: none;overflow: hidden;text-overflow: initial;word-break: initial;display: inherit;white-space: initial;}
*/

/* LIST */
    .listReview{ width:100%; cursor:default; text-align:left; }
    .listReview ul li{ position:relative; padding:0;  list-style: none; clear:both; width:100%;  }
    .listReview ul li a{ color:black; /* font-weight:normal; */ font-weight: 500;}
    .listReview ul li div.descript{padding-left: 64px;padding: 16px 16px 16px 76px;color: rgba(0,0,0,0.66);border-top: 1px solid #dddddd;padding-right: 44px;border-color:rgba(0,0,0,0.05);min-height: 90px;}
    .listReview ul li.first div.descript{ border:none; }
    .listReview ul li span.nickname{ clear:both; width:100%; color: rgba(0,0,0,0.86);font-size: 15px;font-weight: 500;}
    .listReview ul li span.testo{clear:both;width:100%;color: rgba(0,0,0,.47);font-weight: 500;font-size: 0.9rem;line-height: 1.4rem;}
    .listReview ul li span.date{ clear:both; width:100%; color: rgba(0,0,0,.47);  font-weight: 500;font-size: 12px;}
    .listReview ul li button.contact{ float:right; border-radius:400px; width:36px; height:36px; padding:0px; background-position:center;  }
    .listReview ul li img.avatar{position:absolute;top: 16px;left:0;border-radius:400px;width: 64px;height: 64px;display:block;overflow:hidden;object-fit: cover;object-position: center;}

    .listReviewInteraction { margin-left:24px; }
    .listReviewInteraction a{ float:left; margin-left:-24px ; }
    .listReviewInteraction img.avatar:first-child{ margin-left:0; }
    .listReviewInteraction img.avatar{ cursor:pointer; position:relative;border-radius:400px;width: 56px;height: 56px; margin-left:-24px; margin-right:4px !important;display:block;overflow:hidden;object-fit: cover;object-position: center;clear: none;}
    .listReviewInteraction img.avatar:hover{z-index:99;}

    .listReview ul li.first div.descript{padding-top: 0 !important; min-height:74px;}
    .listReview ul li.first img.avatar{top: 0 !important;}

    .listFeed{position:relative;  width:100%; cursor:default; text-align:left; }
    .listFeed>ul>li{border: 1px solid #e5e5e5;border-radius: 2px;position:relative;border: 1px solid #ddd;padding:0;background: #ffffff;list-style: none;clear:both;padding: 16px 16px 0 16px;width:100%;margin-bottom: 16px;position:relative;box-shadow: 0 1px 1px rgba(0,0,0,.15);}
    .listFeed>ul>li a{color:black;/* font-weight:normal; */font-weight: 800;position:relative;}
    .listFeed>ul>li a:hover{color:#F44336; text-decoration:underline !important;}
    .listFeed>ul>li div.descript{/* padding: 12px 0 0 0; */color: rgba(0,0,0,0.66);border-top: 0px solid #dddddd;position:relative;}
    .listFeed>ul>li div.interaction{padding: 2px;color: rgba(0,0,0,0.66);margin:0;border-top: 1px solid #ddd;margin-top: 12px;/* width: 92%; */position:relative;/* margin-left: 4%; */}
    .listFeed>ul>li div.interaction button{opacity:0.67;width:26%;min-width: 120px;margin-right:16px;padding-left: 26px !important;font-size: 0.8rem !important;position:relative;background-size: 16px !important;}
    .listFeed>ul>li div.interaction button.sel{opacity:1; }
    .listFeed>ul>li div.scheda{ height:auto; display:block; overflow:hidden; position:relative;}
    .listFeed>ul>li div.scheda a{ position:absolute; width:100%; height:100%;}
    .listFeed>ul>li div.scheda:before{padding-bottom: 45% !important;content:'';float:left; position:relative; }
    .listFeed>ul>li.first div.descript{ border:none; position:relative;}
    .listFeed>ul>li div.title{padding-top:0px;clear:both;width:100%;color: rgba(0,0,0,1);font-size: 0.8rem;padding-left: 76px;padding-right:32px;min-height: 60px;/* padding-bottom:12px; */}
    .listFeed>ul>li span.nickname{clear:both;width:100%;color: rgba(0,0,0,0.86);/* font-size: 15px; */font-weight: 500;}
    .listFeed>ul>li span.testo{ clear:both; width:100%; color: rgba(0,0,0,.47);  font-weight: 500;font-size: 15px;}
    .listFeed>ul>li span.date{clear:both;width:100%;color: rgba(0,0,0,.67);font-weight: 500;padding-bottom:6px;display:block;}
    .listFeed>ul>li span.address{clear:both;width:100%;color: rgba(0,0,0,.67);font-weight: 500;padding-top: 6px;display:block;}
    .listFeed>ul>li button.contact{ float:right; border-radius:400px; width:36px; height:36px; padding:0px; background-position:center;  }
    .listFeed>ul>li img.avatar{position:absolute;top: 16px;left: 16px;border-radius:400px;width: 64px;height: 64px;display:block;overflow:hidden;object-fit: cover;object-position: center;}
    .listFeed>ul>li pre{ position:absolute; top:0; right:0; left:100%; padding:16px; background:white; max-height:325px; width:400px; overflow-y:auto;font-size:11px; }
    .listFeed>ul>li div.descript iframe{ height:300px !important; }
    .listFeed .ng-map{   width:100%; height:100%; position:absolute !important; float:left; left:0; top:0; }
    .listFeed .option{ bottom:4px; top:auto; }
    .listFeed .option-menu ul li{ margin:0; border:none; }


/* INPUT */
    .panelInput input[type="text"], .panelInput input[type="password"], .panelInput input[type="email"], .panelInput input[type="number"], .panelInput input[type="date"], select, textarea{border-radius:4px;background-color:#f5f5f5;font-size: 0.9rem;}
    .panelInput.rows .input{ margin-bottom:6px; }    
    input::-webkit-input-placeholder{ font-size:0.9rem !important; }
    .ng-map{   width:100%; height:400px; position:relative; float:left; }
.panelAdmin .panelInput input,.panelInput textarea,.panelInput select{font-size: 0.84rem;/* text-transform: uppercase; */color: black;}
    .panelAdmin .panelInput .label, .panelInput .input{font-size: 0.8rem !important;text-transform: uppercase;color: rgba(0,0,0,0.86);}
    .panelAdmin .panelInput .label{font-size: 0.7rem !important;text-transform: uppercase;color: rgba(0,0,0,1); font-weight:800 !important; min-height:18px !important;}
    .panelAdmin label.checkbox { font-weight:500; font-size:0.84rem;  text-transform:initial; }

    .panelInput.rows .title{background-color: #eee;width: 100%;float:left;text-transform:uppercase;border-bottom: 0px solid  #4285f4;padding: 16px 24px;line-height: 1.1rem !important;border-radius: 0;font-weight: 800;color: black;font-size: 0.94rem;/* z-index: 10; *//* position: relative; */}
    .panelInput.rows .titles{position:relative;padding: 24px 24px 12px 24px;padding: 16px 24px;/* background-color: #607D8B; */border-bottom: 1px solid #f5f5f5;color: white;color: #607d8b;font-size: 1.1rem;border-top: 3px solid #607d8b;position: relative;float: left;width: 100%;}
    .panelInput.rows .titles:after{content:'';position:absolute;left:24px;bottom: -8px;background-color: #607D8B;width: 18px;height: 18px;visibility: hidden;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);/* border-top:1px solid #e5e5e5; *//* border-left:1px solid #e5e5e5; */}
    .panelInput.rows .title + .row{font-size:0.9rem;float:left;padding:24px !important;background-color: white;/* margin-top:-8px; *//* border-bottom:1px solid #cccccc; *//* border-radius:0 0 4px 4px; *//* margin-bottom:24px; *//* box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2); *//* background-color: #fff; *//* border-radius: 2px; *//* box-shadow: 0 3px 1px -2px rgba(0,0,0,.14), 0 2px 2px 0 rgba(0,0,0,.098), 0 1px 5px 0 rgba(0,0,0,.084); */}
    .panelInput.rows .title + .row.no-padding{    padding:0 !important;  margin-top:0px; }
    .panelInput.rows .title + .row .row{padding: 0;}
    .panelInput.rows .title + .row .label{color:black; font-size:0.76rem;}
    .panelInput.rows .title + .row .input{margin-bottom: 12px;min-height:38px;}
    .panelInput.rows .title + .row .input > span{line-height:36px;}
    .panelInput.rows .title + .row+.row:last-child .input{ margin-bottom:0;  }
    
    .panelInput.rows .title + .row input,
    .panelInput.rows .title + .row textarea,
    .panelInput.rows .title + .row select,
    .panelInput.rows .title + .row .minieditor-content{background-color: #fafafa;box-shadow:inset 0 0 3px 0 rgba(0, 0, 0, 0.06), 0 0px 1px 0 rgba(0, 0, 0, 0.12);}

    .panelInput.rows .title + .row input:focus,
    .panelInput.rows .title + .row textarea:focus,
    .panelInput.rows .title + .row select:focus,
    .panelInput.rows .title + .row .minieditor-content:focus{background-color:#f2f2f2; box-shadow:inset 0 0 3px 0 rgba(0, 0, 0, 0.06), 0 0px 1px 0 rgba(0, 0, 0, 0.12); }
    
    .panelInput.rows .title + .row .tab{margin-top: 0;margin-left: 0;width: calc(100% + 48px);margin-top: -24px;margin-left: -24px;/* box-shadow: inset 0 2px 0px 0 rgba(0, 0, 0, 0.16),inset 0 -2px 10px 0 rgba(0, 0, 0, 0.12); */border-bottom: 1px solid #ddd;}
    .panelInput.rows .title + .row .tab li{padding: 16px 16px;margin:0;font-size:0.9rem !important;border-bottom: 3px solid #ffffff;border-color: transparent;}
    .panelInput.rows .title + .row .tab li.sel{/* border:none; */background-color: #ffffff;border-bottom: 3px solid #000000;border-color: #000000;color: #000000 !important;/* opacity: 0.87; */border-radius: 0;}
    .panelInput.rows input + .ic,textarea + .ic{opacity:0.57;cursor:pointer;position:absolute;top: 10px;right: 6px;z-index: 9; margin:0 !important;}

    .panelInput input.input-bottom-line {border:0; border-bottom:1px solid #ddd; border-radius:0; box-shadow:0 0 !important; background-position: left center; padding-left:32px !important;  }
 
.infoServiziPage{ clear:both; width:100%; /* padding:12px 0  36px 0; */ }
.infoServiziPage ul>li.first{  border-left:none; }
.infoServiziPage ul>li{ float:left; text-align:center; padding:0px 24px 24px; border-left:1px solid #dddddd; }
.infoServiziPage ul>li span.title{ clear:both; color: rgba(0,0,0,0.54);font-size: 16px; font-weight:500;margin-top: 8px;}
.infoServiziPage ul>li span.desc{ color: rgba(0,0,0,0.54); font-size:14px; }


/* BUTTON */
    button.iWont, button.iBeenHere, button.share,button.iWont:active, button.iBeenHere:active, button.share:active,button.iWont:focus, button.iBeenHere:focus, button.share:focus, button.contact, button.contact:active, button.contact:focus{    text-align:left;    padding-left:36px !important;    font-size:14px !important;    margin-right:16px;    background-position:left 0 center  !important;  background-repeat: no-repeat; background-size:20px !important;    background-color:transparent !important; color:black !important; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);}
    button.iWont.sel, button.iBeenHere.sel{    color:#4CAF50 ;  background-image:  url(https://i.etnasoft.it//include/icons/ic_done_green_18dp.png); }
    button.iWont{    background-image:  url(https://i.etnasoft.it//include/icons/ic_directions_walk_black_18dp.png);}
    button.iBeenHere{    background-image:  url(https://i.etnasoft.it//include/icons/ic_flag_black_18dp.png);}
    button.share{    background-image:  url(https://i.etnasoft.it//include/icons/ic_share_white_24dp.png);}
    button.contact{    background-image:  url(https://i.etnasoft.it//include/icons/ic_chat_bubble_white_18dp.png);}
    button.iWont span, button.iBeenHere span, button.share span{    float:right;  position:absolute; right:10px;}
    button.iWont span, button.iBeenHere span, button.share span{    float:right; }
    button.social-login{ box-shadow:0px 0px; height:36px;  border-radius:110px; }
    button.small{font-size:0.76rem;}

    li.iWont{    background-image:  url(https://i.etnasoft.it/include/icons/ic_directions_walk_black_18dp.png);}
    li.iBeenHere{    background-image:  url(https://i.etnasoft.it//include/icons/ic_flag_black_18dp.png);}



    .chooseList ul li{ cursor:pointer; border-bottom:1px solid #f5f5f5; padding:12px; }
    .chooseList ul li:hover{ background-color:#fafafa; }
    .chooseList ul li.sel{ background-color:#eeeeee; }
    .chooseList ul li span{ color:rgba(0,0,0,0.47); font-size:0.87rem;}



    .p{font-size:0.96rem; line-height:1.6rem; }


/*TOP MENU*/
    #mainMenu{position:fixed;top: 0;left: 0;width:100%;/* height: 60px; *//* box-shadow: 0 0px 8px rgba(0,0,0,.6); */background-color:#ffffff;/* background-color: #263238; *//* background-color: rgb(10, 147, 215); */color:#ffffff;font-size:21px;z-index: 100;-webkit-transition:all 0.260s;-moz-transition:all 0.260s;-ms-transition:all 0.260s;/* box-shadow: 0 0px 8px rgba(0,0,0,0.6); */-o-transition:all 0.260ss;/* border-bottom: 1px solid #e5e5e5; *//* border-color: rgba(255,255,255,0.05); *//* -webkit-box-shadow: 0 1px 8px rgba(0,0,0,.3); *//* box-shadow: 0 1px 8px rgba(0,0,0,.3); */}
    #mainMenu .info {background-color: rgba(0,0,0,0.03);padding: 6px 24px;float: left;width: 100%;font-size: 0.64rem;text-transform:uppercase;color: rgba(0,0,0,0.5);}
    #mainMenu .info .pageWidth {height: auto !important; }
    #mainMenu .pageWidth {/* max-width: 100%; */height: 60px !important;padding: 0 0 0 0;}
    #mainMenu nav{height: 64px;padding: 0 24px;position: relative;float: left;width: 100%;display: flex;-ms-flex-direction: row;-webkit-flex-direction: row;flex-direction: row;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-ms-flex: 1 1 0.000000001px;-webkit-flex: 1;flex: 1;-webkit-flex-basis: 0.000000001px;flex-basis: 0.000000001px;color: black;}
    #mainMenu nav:after{bottom: -5px;box-shadow: inset 0px 4px 8px -3px rgba(17, 17, 17, .06);content: "";height: 5px;left: 0px;opacity: 1;pointer-events: none;position: absolute;right: 0px;width: 100%;z-index: 0;}
    #mainMenu .title.page:before{font-weight: 500;position:absolute;top: -4px;left:0;color:#f44336;text-transform: lowercase;content:"ETNAPORTAL";font-size:0.89em;}
    #mainMenu .title.page{color:rgba(0,0,0,0.84);width: auto;border:none;float:left;line-height: 50px;max-width: 160px;font-size: 0.6em;margin-left:4px;position:relative;/* margin-top: 12px; */padding: 0;margin-bottom: 0;padding-top: 12px;/* text-transform: lowercase; */font-weight: 600;/* border-right: 1px solid #ddd; */margin-right: 0 !important;min-width: 150px;padding-right: 12px;}
    #mainMenu .title.page span.back{ }
    #mainMenu nav > .title{width: auto;float:left;position:relative;/* border-right: 1px solid #ddd; */margin-left: 42px;}
    #mainMenu nav > .action-bar{/* width:80%; */float: right;position:relative;}
    /*#mainMenu nav .search-site{cursor: text;height: 100%;width:100%;max-width: 380px;float:left;position:relative;position: absolute;z-index: 10;background-color: #ffffff;right: 0;float: right !important;}
    #mainMenu nav .search-site input{cursor: text;height: 62px;margin-top: 0;background-color: rgba(0,0,0,.08);border: 1px solid #f5f5f5;border-color: rgba(255,255,255,0.1);border-radius: 0px;display: block;line-height: 24px;font-size: 1rem;width: 100%;font-weight: 500;color: black;padding-right: 56px;background-position: left 12px center;border:1px solid #e5e5e5;}
    #mainMenu nav .search-site input:focus{ box-shadow:0px 0px; }
    #mainMenu nav .search-site input::-webkit-input-placeholder{ font-size:1rem !important; }*/

    #mainMenu.dark{color:white; background-color: #263238;}
    #mainMenu.dark .title.page, #mainMenu.dark .search-site autocomplete input{color:white;}
    #mainMenu.dark .search-site autocomplete:after{  background-image: url(https://i.etnasoft.it/include/icons/ic_search_white_24dp_2x.png); }
    #mainMenu.dark nav .search-site input::-webkit-input-placeholder{  color:rgba(255,255,255,0.4); }


    #mainMenu nav .search-site{height: 100%;width:100%;max-width: 460px;z-index: 10;margin:auto;margin-top: 8px;height:46px;}
    #mainMenu nav .search-site autocomplete{cursor: text;height: 100%;width:100%;max-width: 460px;float:left;position:relative;z-index: 10;/* background-color: #ffffff; */right: 0;/* float: none !important; *//* margin: auto !important; */margin-left: -80px;}
    #mainMenu nav .search-site autocomplete > .row, #mainMenu nav .search-site autocomplete > .row > .autocomplete  {height:100%;}
    body.show-menu #mainMenu nav .search-site autocomplete{margin-left: 46px;}
    autocomplete .no-result{ text-align:center; font-size:0.9rem; color:rgba(0,0,0,0.47) !important; }
    #mainMenu nav .search-site autocomplete:after{content:'';height:24px;width:24px;opacity:0.5;position:absolute;left: 16px;top: 12px;z-index:0;background-image: url(https://i.etnasoft.it/include/icons/ic_search_black_24dp_2x.png);background-position:center;background-repeat:no-repeat;background-size:100% !important;}
    #mainMenu nav .search-site input{cursor: text;height: 100%;background-color: rgba(0,0,0,.1);border: none;border-radius: 4px;display: block;line-height: 24px;font-size: 0.90rem;width: 100%;font-weight: 500;color: rgba(0,0,0,0.87);padding-right: 56px;background-position: left 8px center;background-image:none;background-size: 24px !important;padding-left: 56px !important;}
    #mainMenu nav .search-site input:focus{ box-shadow:0px 0px; }
    #mainMenu nav .search-site input::-webkit-input-placeholder{ font-size:0.90rem !important; color:rgba(0,0,0,0.4); text-transform:initial !important; }
    
    #mainMenu .dropdown.autocomplete .content { top:56px; left:0px; border-radius:0 0 4px 4px; color:black; padding:0 ;}
    #mainMenu .dropdown.autocomplete .content ul li { clear:both; float:left; padding:1px 0px; border-bottom:1px solid #eee !important; display:flex; }
    #mainMenu .dropdown.autocomplete .content ul li>.thumb { width:72px; padding:4px; float:left; }
    #mainMenu .dropdown.autocomplete .content ul li>.thumb .square {border: 2px solid #eeeeee;}
    #mainMenu .dropdown.autocomplete .content ul li>.title { padding-left:8px; padding-right:24px;width:80%; float:left; position:relative;   }
    #mainMenu .dropdown.autocomplete .content ul li>.title>div { position:absolute; left:0; top:0; padding-left:6px;  top: 50%; -ms-transform: translate(-0%,-50%); /* IE 9 */ -webkit-transform: translate(-0%,-50%); /* Safari */ transform: translate(-0%, -50%);}
    #mainMenu .titleLogo{-webkit-transition:all 0.260s;-moz-transition:all 0.260s;-ms-transition:all 0.260s;-o-transition:all 0.260ss;background-image: url(/logo.png);background-size: 56px;background-position: center;width: 70px !important;height: 100%;background-repeat:no-repeat;line-height: 18px;font-size: 15px;float:left;padding-top: 0px;margin-right: 8px;border-right: 1px solid rgb(255,255,255);border-color: rgba(255,255,255,0.1);color:rgba(255,255,255,.87);}
    #mainMenu .scroller p.title{display:inherit !important;}
    #mainMenu button{background-color:rgba(255,255,255,0.1) !important;border: 2px solid #f44336;box-shadow:0 0;color: #f44336;height: 36px;line-height: 32px;padding: 0 16px;margin-top: 12px;/* font-size: 0.8rem; *//* font-weight: 600; */}
    #mainMenu button:hover{background-color:#f44336 !important;border: 2px solid #f44336;color: white;}
   


    #mainMenu .action-bar ul.menu {float:right;height:100%;padding: 0 18px 0 12px;height: 62px; position:relative;}
    #mainMenu .action-bar ul.menu:after { content:''; height:70%; width:1px; background-color:#e5e5e5; position:absolute; right:0; top:15%; }
    #mainMenu.signin .action-bar ul.menu {padding: 0 0 0 24px;}
    #mainMenu.signin .action-bar ul.menu:after {display:none;visibility:hidden;}
    #mainMenu.no-signin .action-bar ul.menu:after {display:none;visibility:hidden;}
    #mainMenu .action-bar ul.menu  .ic {background-size: 62%;cursor:pointer;margin-right: 6px;height:100%;background-position:center;}
    #mainMenu .action-bar ul.menu  .ic label.value {position:absolute; right:0px; top:8px; font-size:0.7rem; background-color:rgb(218, 39, 31) ; border-radius:40px; width:20px; height:20px;line-height:20px; text-align:center; color:white;}
    #mainMenu .action-bar ul.menu > .ic.toggle-search{ z-index:10000;}
    #mainMenu .action-bar ul.menu > .ic:hover{ background-color:#eeeeee; border-radius:0px ; }
    #mainMenu .action-bar ul.menu > .ic:first-child { margin-right:0;}
    #mainMenu .action-bar ul.menu > .ic > a{ position:absolute; left:0; top:0; width:100%; height:100%;}
    #mainMenu .action-bar ul.menu > .ic.ic-like-b {  background-size:70% }
    #mainMenu .action-bar ul.menu > .ic.sel, #mainMenu .action-bar ul.menu li.sel:hover{background-color:#f5f5f5; cursor:default; color: rgb(218, 39, 31) !important;box-shadow: 0 -4px 0 0 rgb(218, 37, 29) inset;}

    .ic-sicily-b{background-image: url('/public/images/sicily-menu-b.png');}

/* MAIN MENU */
    #mainMenu #responsive-menu{width: 64px;height: 64px;z-index: 10000;background-image: url(https://i.etnasoft.it/include/icons/ic_menu_black_48dp_2x.png);/* background-color: red; */background-size: 60%;background-position: center;top: 24px;}
    #mainMenu #responsive-menu>ul>li {font-weight: 600;-webkit-transition:all 0.260s;-moz-transition:all 0.260s;-ms-transition:all 0.260s;-o-transition:all 0.260s;display: table-cell;margin: 0;position:relative;padding: 0px;color: rgba(0,0,0,0.86);cursor:pointer;line-height: 62px;font-size: 0.76rem;text-align:center;float: left !important;padding: 0 8px;margin: 0px 0px;padding-top: 0px;text-transform: uppercase;border: 0px;border-radius:0px;}
   
    #mainMenu #responsive-menu.left-menu ul li.title, #responsive-menu.left-menu ul li.title:hover{clear:both; float:left; width:100%; background-color:transparent; padding:0 24px; cursor:default; text-align:left; border:none; box-shadow:0 0 ; line-height:3rem; text-transform:uppercase; color:rgba(0,0,0,0.67); font-size:0.9rem; border-top:1px solid #eee;  margin-top:12px; font-weight:600;  padding-top:6px;}
    #mainMenu #responsive-menu.left-menu ul { padding-top:100px; padding-bottom:36px; overflow:hidden; }
    #mainMenu #responsive-menu.left-menu li{width:100%;-webkit-transition:all 0.260s;-moz-transition:all 0.260s;-ms-transition:all 0.260s;-o-transition:all 0.260s;color:rgba(0,0,0,0.67);line-height: 1.5rem;font-size: 0.9rem;}
    #mainMenu #responsive-menu.left-menu li.sel{ background-color:#e5e5e5 !important; cursor:default; color:black !important; }
    #mainMenu #responsive-menu.left-menu li:hover{ background-color:#eeeeee; }
    #mainMenu #responsive-menu.left-menu li.ic-left{background-position:left 24px center; padding-left:64px !important;  }
    
    #mainMenu #responsive-menu.left-menu li.ic-lastupdate-b{ background-image: url(https://i.etnasoft.it/include/icons/ic_earth_48_black.png); }
    #mainMenu #responsive-menu.left-menu li.ic-destinazioni-b{ background-image: url(https://i.etnasoft.it/include/icons/ic_location_city_black_24dp_1x.png); }
    #mainMenu  #responsive-menu.left-menu li.ic-what-to-see-b{ background-image: url(https://i.etnasoft.it/include/icons/ic_remove_red_eye_black_24dp_1x.png); }
    #mainMenu #responsive-menu.left-menu li.ic-live-b{ background-image: url(https://i.etnasoft.it/include/icons/ic_play_circle_outline_black_24dp_2x.png); }
    #mainMenu #responsive-menu.left-menu li.ic-hall-of-fame-b{ background-image: url(https://i.etnasoft.it/include/icons/ic_star_border_black_24dp.png); }

    #mainMenu #responsive-menu.left-menu li.ic-shopping-b{ background-image: url(https://i.etnasoft.it/include/icons/ic_shoes_black.png); }
    #mainMenu #responsive-menu.left-menu li.ic-itinerari-b{ background-image: url(https://i.etnasoft.it/include/icons/ic_directions_walk_black_18dp_2x.png); }
    #mainMenu #responsive-menu.left-menu li.ic-where-to-eat-b{ background-image: url(https://i.etnasoft.it/include/icons/ic_restaurant_black_24dp_1x.png); }
    #mainMenu #responsive-menu.left-menu li.ic-where-to-sleep-b{ background-image: url(https://i.etnasoft.it/include/icons/ic_local_hotel_black_24dp_1x.png); }
  
    #mainMenu #responsive-menu.left-menu li.ic-proverbi-b{ background-image: url(https://i.etnasoft.it/include/icons/ic_earth_48_black.png); }
    #mainMenu #responsive-menu.left-menu li.ic-modididire-b{ background-image: url(https://i.etnasoft.it/include/icons/ic_earth_48_black.png); }
    #mainMenu #responsive-menu.left-menu li.ic-raccontimitieleggende-b{ background-image: url(https://i.etnasoft.it/include/icons/ic_earth_48_black.png); }
    #mainMenu #responsive-menu.left-menu li.ic-curiosita-b{ background-image: url(https://i.etnasoft.it/include/icons/ic_earth_48_black.png); }
   
    #mainMenu #responsive-menu.left-menu li.ic-chisiamo-b{ background-image: url(https://i.etnasoft.it/include/icons/ic_earth_48_black.png); }
    #mainMenu #responsive-menu.left-menu li.ic-registrastruttura-b{ background-image: url(https://i.etnasoft.it/include/icons/ic_earth_48_black.png); }
    #mainMenu #responsive-menu.left-menu li.ic-traveltosicily-b{ background-image: url(https://i.etnasoft.it/include/icons/ic_earth_48_black.png); }
    #mainMenu #responsive-menu.left-menu li.ic-servizi-territorio-b{ background-image: url(https://i.etnasoft.it/include/icons/ic_earth_48_black.png); }

    #mainMenu #responsive-menu>ul>li.submenu ul li { text-align:left; line-height:1.6em; font-size:1em;}
    #mainMenu #responsive-menu>ul>li.submenu ul li:hover { background-color:#eeeeee;}
    #mainMenu #responsive-menu > ul > li.dropdown > .content.large{position:fixed !important;left:0;top:86px;box-shadow:0px 0px;height:92vh;background-color:rgba(48, 165, 225, 0.87); background-color:rgba(0, 0, 0, 0.87);-webkit-transform-origin: top;-ms-transform-origin: top;transform-origin: top; line-height:1.4rem; font-weight:400;}
    #mainMenu #responsive-menu > ul > li.dropdown > .content.large.events{background-color:rgba(249, 199, 17, 0.87);  background-color:rgba(0, 0, 0, 0.87);}
    #mainMenu #responsive-menu > ul > li.dropdown > .content.large.services{background-color:rgba(1, 146, 63, 0.87);}
    #mainMenu #responsive-menu > ul > li.dropdown > .content.large.what-to-see{background-color:rgba(217, 38, 30, 0.87);}


    #mainMenu #responsive-menu > ul > li.dropdown .content.large .pageWidth ul {margin-top: 24px;}
    #mainMenu #responsive-menu > ul > li.dropdown .content.large .pageWidth h3 {color:white;margin-bottom:24px;margin-top:24px;text-align: left;font-size: 0.8rem;font-weight: 600;}
   #mainMenu  #responsive-menu > ul > li.dropdown .content.large .pageWidth ul li {font-weight:100;color:white;text-transform:initial;padding-left: 0px !important;border-radius:4px;font-size:1rem;padding: 6px 0 12px 0;}
   #mainMenu  #responsive-menu > ul > li.dropdown .content.large .pageWidth ul li:hover { background-color:rgba(0,0,0,0);  }


    #responsive-menu.always.left-menu  {z-index: 99;position: fixed;left: 0;top: 0;/* width: 56px; *//* background: red; */}
    #responsive-menu.always > ul { max-width:260px;     background-color: rgb(233, 232, 231);}

    
    menu.dropdown.main-menu.always-burger{width:0;height:0;background:none;z-index: 100000 !important;}
    menu.dropdown.main-menu.always-burger .content{position:fixed;left:0;top:0;height:100%;width:260px;z-index: 1000000000;border-radius:0px;/* z-index:inherit; */}
    .ic.toggle-menu{top: 36px;opacity: 0.5;cursor:pointer;z-index: 100000;position:fixed;left: 18px;}
    .ic.toggle-menu:hover{background-color:#eee;}
   
    menu.dropdown.main-menu.always-burger.no-overlay  { z-index:50 !important;   }
    menu.dropdown.main-menu.always-burger.no-overlay .content {padding-top:96px !important;z-index:-1000000;box-shadow:0 0;z-index:0;background-color: #f3f3f3;}
    menu.dropdown.main-menu.always-burger.no-overlay ul li.close-menu{ display:none; }

    menu.dropdown.main-menu ul { padding:0 0 36px 0;  overflow:hidden; }
    menu.dropdown.main-menu ul li {font-weight: 600;width:100%;text-align:left;-webkit-transition:all 0.260s;-moz-transition:all 0.260s;-ms-transition:all 0.260s;-o-transition:all 0.260s;display: table-cell;margin: 0;position:relative;padding: 0px;color: rgba(0,0,0,1);cursor:pointer;line-height: 2.6rem;font-size: 0.8rem;float: left;padding: 0 8px;margin: 0px 0px;padding-top: 0px;/* text-transform: uppercase; */border: 0px;border-radius:0px;opacity:0.76;}
    menu.dropdown.main-menu ul li.title, menu.dropdown.main-menu ul li.title:hover{clear:both; float:left; width:100%; background-color:transparent; padding:0 24px; cursor:default; text-align:left; border:none; box-shadow:0 0 ; line-height:3rem; text-transform:uppercase; color:rgba(0,0,0,0.67); font-size:0.9rem; border-top:1px solid #eee;  margin-top:12px; font-weight:600;  padding-top:6px;}
    menu.dropdown.main-menu li.sel{ background-color:#e5e5e5 !important; cursor:default; opacity:1; }
    menu.dropdown.main-menu li:hover{ background-color:#eeeeee; }
    menu.dropdown.main-menu li.ic-left{background-position: left 28px center;padding-left: 72px !important;}
        
    menu.dropdown.main-menu ul li.close-menu{height: 86px;background-color:#f5f5f5;margin-bottom:12px;border-bottom:1px solid #dddddd;cursor:pointer;background-size:32px;}
    menu.dropdown.main-menu ul li.close-menu:before{ content:''; position:absolute; background-image: url(/logo.png); background-repeat:no-repeat;background-size: 56px;background-position: left 6px center;width: 100% !important;height: 100%; }

    .ic-lastupdate-b{ background-image: url(https://i.etnasoft.it/include/icons/ic_earth_48_black.png); }
    .ic-world-b{ background-image: url(https://i.etnasoft.it/include/icons/ic_earth_48_black.png); }
    .ic-destinazioni-b{ background-image: url(https://i.etnasoft.it/include/icons/ic_location_city_black_24dp_1x.png); }
    .ic-what-to-see-b{ background-image: url(https://i.etnasoft.it/include/icons/ic_remove_red_eye_black_24dp_1x.png); }
    .ic-live-b{ background-image: url(https://i.etnasoft.it/include/icons/ic_play_circle_outline_black_24dp_2x.png); }
    .ic-hall-of-fame-b{ background-image: url(https://i.etnasoft.it/include/icons/ic_star_border_black_24dp.png); }

    .ic-shopping-b{ background-image: url(https://i.etnasoft.it/include/icons/ic_shoes_black.png); }
    .ic-itinerari-b{ background-image: url(https://i.etnasoft.it/include/icons/ic_directions_walk_black_18dp_2x.png); }
    .ic-where-to-eat-b{ background-image: url(https://i.etnasoft.it/include/icons/ic_restaurant_black_24dp_1x.png); }
    .ic-where-to-sleep-b{ background-image: url(https://i.etnasoft.it/include/icons/ic_local_hotel_black_24dp_1x.png); }
  
    .ic-proverbi-b{ background-image: url(https://i.etnasoft.it/include/icons/ic_earth_48_black.png); }
    .ic-modididire-b{ background-image: url(https://i.etnasoft.it/include/icons/ic_earth_48_black.png); }
    .ic-raccontimitieleggende-b{ background-image: url(https://i.etnasoft.it/include/icons/ic_earth_48_black.png); }
    .ic-curiosita-b{ background-image: url(https://i.etnasoft.it/include/icons/ic_earth_48_black.png); }
   
    .ic-chisiamo-b{ background-image: url(https://i.etnasoft.it/include/icons/ic_info_outline_black_24dp_2x.png); }
    .ic-registrastruttura-b{ background-image: url(https://i.etnasoft.it/include/icons/ic_info_outline_black_24dp_2x.png); }
    .ic-traveltosicily-b{ background-image: url(https://i.etnasoft.it/include/icons/ic_info_outline_black_24dp_2x.png); }
    .ic-servizi-territorio-b{ background-image: url(https://i.etnasoft.it/include/icons/ic_info_outline_black_24dp_2x.png); }
    .ic-contribute-b{ background-image: url(https://i.etnasoft.it/include/icons/ic_add_black_18dp.png); }
    .ic-your-list-b{ background-image: url(https://i.etnasoft.it/include/icons/ic_list_black_24dp_1x.png); }
    .ic-feed-b{ background-image: url('/public/images/sicily-menu-b.png'); }
   
   /* menu.dropdown.main-menu{background-image:none;position:fixed;z-index: 0;height: 100%;width: 260px;left:0;top:0;cursor: default;overflow-y: hidden;background-color: #1f2532;z-index: 200 !important;color: white;overflow-x: hidden;-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);box-shadow: 0 5px 5px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.2), 0 0 12px 0 rgba(0,0,0,0.6);}
    menu.dropdown.main-menu .overlay{display:none;  }
    menu.dropdown.main-menu ul.content {opacity:1;padding:0 12px;overflow: auto;height: 100%;background-color: #263238;left: 0;line-height: 1rem;font-size:0.9rem;}
    menu.dropdown.main-menu ul.content b{line-height:1.8rem;font-size: 1.1rem;}
    menu.dropdown.main-menu ul>li{color:white;text-align:left;cursor:pointer;font-size: 0.84rem !important;font-weight: 500;color: rgba(255,255,255,1);opacity: 0.57;text-transform: uppercase;text-overflow: ellipsis;white-space: nowrap;line-height: 3rem;word-break: break-all;-webkit-user-select: none;border-radius: 4px;border: none;margin-bottom: 2px;background-color: transparent;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s  ease-out;-ms-transition:all 0.2s  ease-out;-o-transition:all 0.2s  ease-out;width:100%;}
    menu.dropdown.main-menu ul>li.ic-left{background-position: left 16px center;background-size: 20px !important;padding-left: 64px !important;padding-right: 8px;}
    menu.dropdown.main-menu ul>li:hover{background-color: rgba(0,0,0,0.34);}
    menu.dropdown.main-menu ul>li>a{ position:absolute; top:0; left:0; width:100%; height:100%;}
    menu.dropdown.main-menu ul>li.sel{ opacity:1;}
    menu.dropdown.main-menu .bk-background{background-size: cover;background-position: center center;position: absolute;width: 100%;height: 100%;z-index: -10;left: 0;opacity: 0.25;}
*/


/*HEADER*/
    header{clear:both;width:100%;height: 90vh;background: #212121;position:relative;border-radius:2px;overflow:hidden;box-shadow:0 0 0 1px rgba(0, 0, 0, 0.06), 0 4px 10px rgba(0, 0, 0, 0.06);/* margin-bottom:24px; */overflow-x: hidden;/* margin-top:60px; */ clear: both;width: 100%;height: 70vh;}
    body.home header{ height:100vh; }
    header.foto .pageWidth{height:100%;max-width: 1260px;}
    header.foto h1{clear:both;font-weight: 600;color:rgba(255,255,255,1);text-align: left;text-transform: initial;}
    header.foto h2{clear:both;font-weight: 300;color:rgba(255,255,255,0.67);}
    header.foto h2 a{clear:both;font-weight: 300;color:rgba(255,255,255,0.87);}
    header.foto h3{clear:both;font-weight: 400;color:rgba(255,255,255,0.67); margin-top:8px;}
    header.foto h3 .ic-left{  background-position:left center !important; }
    #user-panel header {padding-top:160px !important;}
    header.foto .interaction{margin-top:56px;}
    header.foto .interaction .ic{ margin-left:8px; border-radius:40px; border:2px solid white; background-size:50%; background-color:rgba(0,0,0,0.37); cursor:pointer; box-shadow:0 0 0 1px rgba(0, 0, 0, 0.06), 0 4px 10px rgba(0, 0, 0, 0.06); }
    header.foto .interaction .ic:hover{ background-color:rgba(0,0,0,0.47) }
    header.foto .interaction .ic:active{   }
    
    header.foto .interaction button{ background-color:rgba(0,0,0,0.47); text-align:right;  borderpx solid white; border-radius:40px; }
    header.foto .interaction button.sels{ background-color:#4CAF50;  border-color:#4CAF50; background-image:  url(https://i.etnasoft.it/include/icons/ic_done_white_18dp.png); }
    header.foto .interaction button:after{ visibility: hidden; opacity:0;transition: opacity 0.3s, visibility 0.3s; content:''; width:40px; border-radius:00px; height:100%; position:absolute; left:0; top:0; background-color:#4CAF50;  border-color:#4CAF50; background-image:  url(https://i.etnasoft.it/include/icons/ic_done_white_18dp.png);  background-position:center; background-repeat:no-repeat; background-size:50%;}
    header.foto .interaction button.sel:after{opacity:1; visibility: visible; transition: opacity 0.3s, visibility 0.3s;}

    header .box{text-align:left !important;left:0;top:inherit;width:100%;padding-right:30%;position:relative;z-index:9;bottom: 26px;position:absolute;}
    header .overlay {background-color: rgba(33,40,45,0.6);position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 9;}
    
    body.usersetting .panelAdmin header{margin-top:80px !important ; ;}
    header h1{color:white;text-transform: uppercase;/* text-shadow: 2px 2px 6px #111; */font-size: 1.8rem;font-weight: 800;text-align: center;position:relative;/* margin-bottom:12px; *//* border-bottom:2px solid rgba(255, 255, 255, 0.8); */width: auto;float:left;clear: both;}
    header h1:after{content:'';width:100%;float:left;height:1px;/* background-color:rgba(255, 255, 255, 0.7); */position:relative;left:0;top:6px;}
    #content header h2{color: rgba(255,255,255,0.87);font-size:1.4rem;text-align: left;width: 100%;float:left;}

    header .goToContent{position:absolute;right:0;bottom:0;border: 2px solid white;border-radius:400px;cursor:pointer;background-size:  70% !important;}

    header.no{float:left;width:100%;height: 0px;top: 0;margin-top: 86px;}
    header.text{padding-top: 158px;padding-bottom: 86px;height:auto;padding-bottom: 20px;height:auto;/* background: rgb(15, 105, 150) !important; */background: #f8f8f8;float: left;box-shadow: 0 0;}
    header.text .box{text-align:left !important;margin-top:0;/* max-width: 70%; */margin: auto;position: relative;float: left;}
    header.text h1{font-size: 1.5rem;font-weight: 400;color: rgba(0,0,0,0.77);width:100%;text-align:left;font-weight:600;text-transform: initial;}
    header.text h2{font-size: 1.2rem;font-weight: 300;color: rgba(0,0,0,0.67); width:100%; text-align:left;}
    header.text .absolute.center{  position:relative !important; top:auto !important; bottom:auto; margin:0;         -ms-transform: translate(0%,0%) !important;        -webkit-transform: translate(0%,0%) !important;        transform: translate(0%, 0%) !important;     }
    header.text .breadcrumb{padding:0;margin: auto;float: none;width: 100%;text-align: center;}
    header.text .overlay {display:none;}
    
    header.object {height: 80vh;}
    header.object.foto {height: auto;margin-top:70px;display:block;overflow:hidden;position: relative;}
    /*header.object.foto:after {content:'';float:left;padding-top: 40%;}*/
    header.object.foto .header-content{height:100%;width: 100%;position:absolute;bottom:0;margin:auto;float:none;text-align:center;left:auto;left: 50%;-ms-transform: translate(-50%,-0%); /* IE 9 */-webkit-transform: translate(-50%,-0%); /* Safari */transform: translate(-50%, -0%);z-index: 10;/* padding-right: 16px; */max-width: 1160px !important;}


    body.ricette header.object,
    body.curiosita header.object,
    body.raccontimitieleggende header.object,
    body.miti header.object,
    body.proverbi header.object,
    body.eventi header.object,
    body.news header.object,
    body.modididire header.object {height: 260px;}



    header.object .overlay {background-color: rgba(33,40,45,0);}
    header.object .overlay:after{ content:''; position:absolute;  bottom:0;  left:0;  width:100%;  height:40%;  z-index: 10;  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */ background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ }
    header.text.object{height:auto;padding:0;margin:0 !important;/* margin-top: 120px; */padding-top: 105px;}
    header.text.object .box{height:auto;max-width:100%;padding:0;margin:0;position:relative;float: left;}
    header.text.object .box h1, header.text.object .box h2{text-align:center; }

    body.user header {background-color: #1976D2;height:40vh;margin-top: 86px;}
    body.user header img{max-height:80vh;}
    body.user header img.avatar{border:3px solid white;box-shadow: 0 1px 3px rgba(22,24,26,.2),inset 0 4px 6px rgba(22,24,26,.2);max-width:128px;max-height:128px;background-color: white; }
    body.user header h1{text-align:center;font-size: 1.5rem  !important;font-weight: 400;text-transform: inherit; color:rgba(255,255,255,0.87); width:100%; padding:12px; }
    body.user header h3{text-align:center;font-size: 1rem  !important;line-height: 1.6;font-weight: 400;text-transform: inherit;color: rgba(255,255,255,1);margin:0 !important;padding:0 !important;}
    body.user header h3 span{opacity: 0.87; cursor:default;}
    body.user header h3 span:hover{opacity: 1;}
    body.user header h3 span.ic-left{ padding-left:36px !important;}

        
/* PAGE */

    header.filter-page{height: auto;margin-top:85px;display:block;overflow:hidden;position: relative;float: left;border:none;box-shadow: 0 0;}
    /*header.filter-page:before {content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-image:url(https://i.etnasoft.it/include/icons/mask_grid.png);background-color: black;opacity: 0.4;z-index:1;}*/
    header.filter-page:before{content:'';top:0;left:0;width:100%;height:100%;position:absolute;background: rgb(0,0,0);background: linear-gradient(180deg, rgba(0,0,0,0.604359243697479) 0%, rgba(0,0,0,0) 70%);}
    header.filter-page .overlay{opacity:0.4;}
    header.filter-page:before {content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-image:url(https://i.etnasoft.it/include/icons/mask_grid.png);background-color: black;opacity: 0.4;z-index:1;}
    header.filter-page:after {content:'';float:left;padding-top: 30%;}
    header.filter-page .box{padding:12px;height:auto;top: 45%;left: 50%;-ms-transform: translate(-50%,-50%); /* IE 9 */-webkit-transform: translate(-50%,-50%); /* Safari */transform: translate(-50%, -50%);text-align: center !important;bottom: inherit;}
    header.filter-page .box h1{ text-align:center; width:100%; color:rgba(255,255,255,1); font-size:1.6rem; line-height:2.2rem; font-weight:600; }
    header.filter-page .box h2{color:rgba(255,255,255,0.87);font-size:1.6rem;line-height:2.2rem;font-weight: 300;}


    body.miti header img.fixed-background, body.proverbi header img.fixed-background , body.ricette header img.fixed-background{ /*position:absolute; */ height:50vh; }

    body.dormire header, body.mangiare header{ height:80vh; padding-top:60px;}

    body.traveltosicily #content h2{ text-align:left !important; float:left; }
    body.traveltosicily #content h2:after{ content:''; border-bottom:2px solid black; width:50px; border-color:#FF5722;  opacity:0.47; color:#FF5722; position:absolute; bottom:0; left:0%; margin-left:0; height:0px;  }
    
    body.message #content{ padding-top: 26px; }

    body.lastupdate .menu-right p.title{ font-weight:600 !important; font-size:0.94em !important; margin:0; padding:0 !important; }
    body.lastupdate .menu-right ul li{ font-weight:300 !important; line-height:1.2em; font-size:0.94em; color:rgba(0,0,0,0.67)}
    body.lastupdate .menu-right ul li:hover{  color:rgba(0,0,0,1)}
    body.lastupdate .menu-right ul  a:hover{ text-decoration:none; }


    body.risorse header.object .box{border-left:8px solid #da251d; padding:0px 12px 0 24px;}
    body.comuni header.object .box{border-left:8px solid #1fa0e0;padding: 0px 12px 0 24px;}
    body.dormire header.object .box{border-left:8px solid #1A237E; padding:0px 12px0 0 24px;}
    body.mangiare header.object .box{border-left:8px solid #FF9800; padding:0px 12px 0 24px;}

    body .bk-mangiare{ background-color:#FF9800; border-color:#FF9800 !important; }
    body .bk-dormire{ background-color:#1A237E; border-color:#1A237E !important; }
    body .bk-risorse{ background-color:#da251d; border-color:#da251d !important; }
    body .bk-comune{ background-color:#2196F3; border-color:#2196F3 !important; }
    body .bk-comuni{ background-color:#2196F3; border-color:#2196F3 !important; }
    body .bk-city{ background-color:#2196F3; border-color:#2196F3 !important; }
    body .bk-user{ background-color:#37474F; border-color:#37474F !important; }
    
    body .bk-ricette{ background-color:#795548; border-color:#795548 !important; }

    #mapsPage{ }
    #mapsPage #panelTabs{  height: 51px;  width: 100%;  padding: 0;  background:white;  z-index: 100000;  position: fixed !important;  -webkit-box-shadow: 0 1px 8px rgba(0,0,0,.3);  box-shadow: 0 1px 8px rgba(0,0,0,.3);  /* margin-top: 80px; */}
    #mapsPage #panelFilter{  height:100%;  /* width:20%; */  background:white;  z-index: 500;  -webkit-box-shadow: 0 1px 8px rgba(0,0,0,.3);  box-shadow: 0 1px 8px rgba(0,0,0,.3);  padding-top: 80px;}
    #mapsPage #panelInfo{  height:100%;  background:white;  z-index:999999999999;  -webkit-box-shadow: 0 1px 8px rgba(0,0,0,.3);  box-shadow: 0 1px 8px rgba(0,0,0,.3);  margin-top: 80px;}
    #mapsPage #panelMaps{  height: calc(100% - 80px);  position:absolute;  left:auto;  right:0; float:right !important; background:white; z-index: 500; bottom: 0; -webkit-box-shadow: 0 1px 8px rgba(0,0,0,.3); box-shadow: 0 1px 8px rgba(0,0,0,.3); }
    #mapsPage #helpMaps{ background-color:rgba(255,255,255,0.7); margin:5%; width:90% !important; font-size:1.5rem; border-radius:5px; }
    #mapsPage .tab li{opacity:0.46;border-bottom: 4px solid #ffffff !important;padding: 14px !important;width: 25%;}
    #mapsPage .tab li.sel{background-color:transparent;opacity:1;border-bottom: 4px solid #ae1c1d !important;border-radius:0;background-size:55px !important;}
    #mapsPage .tab li .ic{  -webkit-transition:all 0.218s;-moz-transition:all 0.218s;-ms-transition:all 0.218s;-o-transition:all 0.218s;  }
    #mapsPage .tab li.sel .ic{ background-size:80% !important;  }

    #mapsPage .tab li:hover{ background-color:transparent; opacity:1; }
    #mapsPage .listMaps li{ margin:0; height:116px; cursor:pointer; }
    #mapsPage .listMaps li:hover{ background-color:#f5f5f5; }
    #mapsPage .listMaps li .image img{/* width:90px; *//* height:90px; */background-color:#eaeaea;margin:0;}
    #mapsPage .listMaps li .image{ padding:6px;padding-left:8px; height:100%; }
    #mapsPage .listMaps li .desc{  border-bottom:1px solid #eeeeee; height:100%; margin:0; padding:0; }
    #mapsPage .listMaps li span{font-size: 1.05rem; line-height:1.5rem; /* padding-top: 8px; */color: rgba(0,0,0,0.37);}
    #mapsPage .listMaps li span.title{color:black;font-size: 1.05rem;/* margin-bottom: 8px; */float: left;font-weight: 600;}

    #mapsPage .listMaps li span.type{/* padding-bottom:6px; */float:left;text-transform: lowercase;}
    #mapsPage .listMaps li.risorsa span.type{ color:red !important;  opacity:0.47; padding-bottom:6px; float:left;}
    #mapsPage .listMaps li.dormire span.type{ color:blue !important;  opacity:0.47; padding-bottom:6px; float:left;}


/*PIE*/
    #pie{position:relative;width:100%;padding: 64px;background-color:rgba(69, 90, 100, 1);background-color:#263238;color:#ffffff;font-size:18px;z-index: 11;text-align:center;background-image:url(/public/images/sicily_trasp.png);background-repeat:no-repeat;background-position:center;background-size:650px;float: left;}
    #pie select,#pie input{background-color:rgba(255,255,255,0.25);border: none;height: auto;color: black;padding: 12px;/* font-size: 18px; */border-radius: 4px; border:none !important; }
    #pie select{ text-transform:uppercase;}
    #pie button{height: 40px;line-height: 40px;}
    #pie hr{  border-color:rgba(255,255,255,.15);  margin: 24px 0;}
    .followUs{  text-align:center;}
    .followUs .ic{  display:inline-block;  border:1px solid white;  border-color:rgba(255,255,255,0.2);  border-radius:400px;  padding:16px; margin-right:12px;}

    #pie iscrizione-newsletter{ display:flex; }
    #pie iscrizione-newsletter input{width:70% !important;  border-radius:4px 0 0 4px;  border:none !important;}
    #pie iscrizione-newsletter button{width:30% !important;  border-radius:0 4px 4px 0; border:none !important; }

    
    #pie p{color: rgba(255,255,255,1);border-width: 0;font-size:16px;text-align:left;margin: 0;border-color:rgba(255,255,255,0.1);}
    #pie p.small{ color:rgba(255,255,255,0.87); border-width:1px; font-size:0.83rem; text-align:left; border-color:rgba(255,255,255,0.1); }
    #pie ul{ text-align:left;  }
    #pie ul li{ text-align:left;  color:rgba(255,255,255,0.67) !important; font-size:14px; padding:4px 0;}
    #pie a:hover{  color:red !important;  text-transform:none;  text-decoration:none;}

    #pie a li{ color:rgba(255,255,255,0.47) !important;}
    #pie li:hover{  color:white !important;  -webkit-transition:all 0.218s;-moz-transition:all 0.218s;-ms-transition:all 0.218s;-o-transition:all 0.218s;}


/* - - - - - - - - - - - - - - - - - - - - - -
  DIALOG
- - - - - - - - - - - - - - - - - - - - - - - */
    #maschera #windows .dialogs{border-radius:10px; }
    #maschera #windows h3{font-size: 1.6rem !important; font-weight:600;}
    #maschera #windows p{font-size: 0.87rem !important; line-height:1.3rem;font-weight:400;}

/* - - - - - - - - - - - - - - - - - - - - - -
  BREADCRUMB
- - - - - - - - - - - - - - - - - - - - - - - */
    .breadcrumb{clear:both;width:100%;float:none;padding:0;width: 100%;clear: both;display: inline-block;}
    .breadcrumb span{ cursor:default; }
    .breadcrumb span, .breadcrumb a{font-size:0.8rem;text-transform:lowercase;float: left;margin: auto;color: white;display: inline-block;opacity:0.8 !important;}
    .breadcrumb a:hover{/* font-size:1rem; */text-transform:lowercase;/* float:left; */color:white !important;opacity:1 !important;/* margin: auto; */}
    .breadcrumb div.separator{color:rgba(0,0,0,0.4);cursor:default;width:13px;height: 15px;float:left;margin: 1px 2px 0 2px;opacity:0.8;background-image: url(http://i.etnasoft.it/include/icons/ic_keyboard_arrow_right_white_24dp_2x.png);background-position:  center;background-repeat: no-repeat;background-size:100%;}



    @media (min-width:1156px){
        #responsive-menu>ul>li.submenu .content,#responsive-menu>ul>li.submenu:hover .content {top: 32px;border-radius:0px 0px 4px 4px;box-shadow: 0px 1px 8px rgba(0,0,0,0.4);z-index:9;border: 1px solid #eee;border-width: 0px 1px 1px 1px;min-width: 260px;border-top: 3px solid #bd2019; opacity:0; -webkit-transition:all 0.21s ease-out; -moz-transition:all 0.21s ease-out; -ms-transition:all 0.21s ease-out; -o-transition:all 0.21s ease-out; transition:all 0.21s ease-out; }
        #responsive-menu>ul>li.sel, #responsive-menu>ul>li.sel:hover{color: rgb(218, 39, 31) !important;box-shadow: 0 -3px 0 0 rgb(218, 37, 29) inset;background-color: #f5f5f5;}
        #responsive-menu>ul>li:hover{color: black;box-shadow: -0 -1px 0 0 rgb(218, 37, 29) inset; background-color:#f5f5f5;}
        #responsive-menu>ul>li.submenu .content {  pointer-events: auto; focus:all; }
        #responsive-menu>ul>li.submenu:focus .content {opacity:1;  -webkit-animation: anim-a 0.4s cubic-bezier(0, 1.3, 1, 1.3);animation: anim-a 0.4s cubic-bezier(0, 1.1, 1, 1.1); }

        /*WRAP MENU OBJECT*/
        .nav-region > .nav-ower .wrapper{padding-left: 0;padding-right: 0px;padding-bottom: 56px;position: relative;-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;height: 100%;-webkit-transition-durat:slate(100px);}
        .nav-region > .nav-ower .wrapper > ul > li { position: relative; margin: 0 26px 0 0;  display: inline-block;vertical-align: top; border-left: none; border-top: none; float:left; }
        .nav-region > .nav-ower .wrapper > ul > .actionBar {padding-top: 16px;display: inline-block;vertical-align: top;padding-right:0px;float: right;}
    }


@media (max-width:1156px){

    html{font-size:0.8rem;}

    .pageWidth.minHeight, .minHeight {    min-height: 50vh;    position: relative;   }
           

    .pageWidth{  width:100%;  padding:0 16px;  max-width:100%;    }

   .register .shadow{
      max-width:100% !important; padding-top:60px;
   }
    #content .divHome h3 { font-size:1rem;}

    /* DROPMENU */
        .dropdown.dropdown-button.ic-right { background-position:right 4px center;  padding-left:8px;}
        .dropdown.dropdown-button.ic-right span { background-position:left 0px center; }

    /* TOPMENU */
        #mainMenu .titleLogo{background-size: 100%;height: 62px;width: 50px !important;/* margin-left: 56px; */left: 0;float: left;}
        #mainMenu .info {padding:6px;}
        #mainMenu .interaction {visibility:hidden;display: none;}
        #mainMenu nav > .title{width: 100%;float:left;border-right: 0px solid #ddd;}
        #mainMenu nav > .action-bar{ position:absolute; right:6px;}
        #mainMenu nav > .menu{ width:20%; }
        #mainMenu .title.page{position:absolute;margin-top: 3px;left: 64px;padding-right:60px;max-width: 100%;}

        #mainMenu .pageWidth{ padding-right:6px !important;  }
        #mainMenu nav .search-site input{display:none; visibility:hidden;}

        #responsive-menu{left: 0;position:fixed;width: 62px !important;height: 62px;background-size: 50%;margin: 0px;margin-top: 24px;padding-left: 0px;top: 0;background-position: top 12px center;}
        #responsive-menu:after{left:0;bottom: 14px;position:absolute;content:'MENU';color:black;font-size: 0.3em;text-align:center;width:100%;z-index:-10;font-weight:600;}
        #responsive-menu > ul > li{text-align:left; padding-left:24px;}
    
       
    /* PAGE */
        .register .absolute-center{  display:block; height:100%; width:100%; overflow-y:scroll; position: relative; top: 0%; left: 0%; -ms-transform: translate(0%,0%); /* IE 9 */ -webkit-transform: translate(0%,0%); /* Safari */ transform: translate(0%, 0%); z-index:10; text-align:center;   -webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out; }
        .register .absolute-center.padding{padding-top:50px !important;padding-bottom:50px !important;/* width: 100% !important; *//* max-width: 12px; */}
        .register .col-4{  width:33% !important; margin:0 !important; padding:0 !important; }
        .register .col-4.col-left-8{  padding-left:4px !important;}
        #content #search .result h2.title-city{ margin-top:-100px; font-size:2rem; font-weight:500; }
        .signup { padding:0 18px;}

    /*HEADER*/
        body.dormire header, body.mangiare header{ height:auto; padding:120px 0;}
        header{height: auto; padding:160px 0 60px 0;}
        header.object.foto{ padding:0 0 0 0;}
        header.object.foto:after{ padding-top:60%; }
        header.foto{  height: 60vh;padding: 0 16px 0;}
        header.foto h1{  font-size:1.6rem;}
        header.foto h2{  font-size:1.1rem;}

       
        header .absolute.center{position:relative !important;top:auto !important;bottom:auto;margin:0;-ms-transform: translate(0%,0%) !important;-webkit-transform: translate(0%,0%) !important;transform: translate(0%, 0%) !important;left: 0;}

        header .box { padding-right:0;}
        body.miti header, body.proverbi header, body.ricette header, body.curiosita header, body.news header, body.proverbi header, body.modididire header{height: 50vh;padding: 60px 16px 0;}



    /* FOOTER */
        #pie{ background-size:80%; padding: 24px;  }


    .infoServiziPage ul>li.first{  border-left:none; border:none !important; padding-top:0;}
    .infoServiziPage ul>li{ float:left; text-align:center; padding:24px 24px ; border:none; border-top:1px solid #dddddd; }

    /*header .box h1 {text-align:center; width:100%;}
    header .box h2 {text-align:center}
    header .box {position:relative; text-align:left; padding-right:0;}*/
    header .goToContent {position:absolute;float: left;margin-top: 24px;bottom: 0;right: 0;margin-left: -24px !important; visibility:hidden;}

    body.user header  {text-align:center !important;padding: 0;height: auto;}
    body.user header .absolute.center {position:relative !important;padding: 24px;left: 0;top: 0;width: 100%;}
    body.user header img.avatar {max-width: none;max-height: none;}
    body.user header h1 { line-height:1.4rem; margin:12px 0; clear:both; }
    body.user header h3 { font-size:0.9rem; line-height:1.4rem; }

    #mainMenu nav .search-site { visibility:hidden; display:none;}
    .breadcrumb{/* width:auto; */display: inline-block;}


    /* INPUT */
    .panelInput input[type="text"], .panelInput input[type="password"], .panelInput input[type="email"], .panelInput input[type="number"], .panelInput input[type="date"], select, textarea { border:1px solid #dddddd; height:46px; background-color:#f5f5f5 !important; }

    /* BUTTON */

    button{ height:36px;}    

    .card .floating-bar { visibility:visible; opacity:1;}
}