/*#F44336*/

*{  margin:0px;  padding:0px;  -moz-box-sizing: border-box; box-sizing: border-box;  font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial !important;  }

/*PERSONALIZZAZIONE COLORI*/
body a{color: #e30613;/* text-decoration: underline; */}
.color-page{ color:rgb(227, 6, 19)  !important; } 
body a:hover{ color:rgb(227, 6, 19)   !important; }
body button{background-color: rgb(227, 6, 19)  !important;/*border-radius:0px !important; box-shadow:0px 0px 0px !important; */font-size: 0.9rem;height:46px;}
.bk-page{background-color:rgb(227, 6, 19)   !important; /*border-radius:0px !important; box-shadow:0px 0px 0px !important; */}
body .bk-page{ background-color:rgb(227, 6, 19)  !important ; }
body .bk-page.backtoSearch{ background-color:rgba(164, 138, 122,0.87)  !important ; }
body .filterMenu li.sel{ color:rgb(227, 6, 19)  !important ; }
body ul.tab li.sel{  border-bottom: 2px solid rgb(227, 6, 19) !important; }
label.checkbox input[type="checkbox"]:checked + span, label.checkbox input[type="radio"]:checked + span { background-color:rgb(227, 6, 19) ; }
.nav-ower .wrapper > ul > li.sel > a{color: rgb(3, 155, 229) !important;box-shadow: -0 -2px 0 0 rgb(3, 155, 229) inset;}
.nav-region > .nav-ower .wrapper > ul > li { float:left; }
.nav-region > .nav-ower .wrapper > ul > .actionBar {float:right;}
ul.tab li{ padding:8px; border-radius:4px; background-color:rgba(0,0,0,0.05);}
ul.tab li:hover{  background-color:rgba(0,0,0,0.1);}
ul.tab li.sel{cursor:default;border-bottom: 2px solid rgb(227, 6, 19) ;color:white;background-color: rgb(227, 6, 19) ;padding:8px;opacity:1;}

button.button-border{ border:1px solid  rgb(227, 6, 19); background-color:transparent !important; color: rgb(227, 6, 19) ; box-shadow:0px 0px; }
button.button-border:hover{ border:1px solid  rgb(227, 6, 19); background-color:rgb(227, 6, 19) !important; color: white; box-shadow:0px 0px; }

#maps>div {position:absolute !important;}
/*BODY*/
    body {
        background-color: #f5f5f5;
        overflow-x: hidden;
        overflow-y: scroll;
        margin: 0;
        padding:0;
        font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial;
        font-size:1rem;
        font-weight: 400;
        line-height: 1.4rem;
        letter-spacing: 0.00em;
        color: rgba(0,0,0,0.87);
    }

    ul.tab p.title {
      border-color:rgba(0,0,0,0.2) !important;
      border-width:0px;
      margin-bottom:6px;
    }


    body.home #content{ padding:0 0;  }
    body.home #content:before{content:'';position:absolute;width:100%;height: 30px;background-position: center top;background-repeat:no-repeat;}
    #content{
      background: #ffffff;
      padding: 0 0 0 0;
      clear:both;
      width:100%;
      position: relative;
      z-index: 50;
    }

    #content .infoPage p{
        font-size: 1.1rem;
        line-height: 1.8rem;
        font-weight:400;
        color:rgba(0,0,0,0.87);
    }
    #content{
        background-color: #f5f5f5;
        padding-top: 24px;
        box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.26), 0 0 10px 0 rgba(0, 0, 0, 0.22);
    }

    p.price{
      font-weight:500 !important;
      font-size:2.0rem !important;
      text-align:left;
      border-color:rgba(0,0,0,0.5);
      padding: 24px 0 !important;
      margin-top:0;
    }
    .price{
      font-weight:300;
      /* font-size:1rem; */
      text-align:left;
      border-color:rgba(0,0,0,0.5);
      padding: 16px 0;
      margin-top:0;
    }

    body.attivita #content, body.mangiare #content , body.shopping #content , body.dormire #content, body.offerte #content{  background-color: #ffffff; }
    
    p.title {
        font-weight: 600 !important;
        font-size: 1.05rem !important;
        border-bottom: 0px solid black;
        border-color: rgba(0,0,0,0.5);
        margin-bottom:8px;
        color: rgb(227, 6, 19) !important;
    }

    .breadcrumb{padding:0px;position:absolute !important;bottom:0;right:0;left:auto;width: auto;background-color: rgba(255,255,255,0.67); padding: 8px 12px;z-index: 50;}
    .breadcrumb span{ cursor:default; }
    .breadcrumb span, .breadcrumb a{font-size:14px;text-transform:lowercase;float:left;color: rgba(0,0,0,0.87) !important;}
    .breadcrumb div.separator{  color:rgba(255,255,255,0.4);  cursor:default;  width:13px;  height:13px;  float:left;  margin: 3px 2px 0 2px;  opacity:0.4;  background-image:  url(https://i.etnasoft.it/include/icons/ic_keyboard_arrow_right_black_48dp_1x.png);  background-position:  center;  background-repeat: no-repeat;  background-size:100%;}
    .breadcrumb div.home{ color:rgba(255,255,255,0.4);cursor:default;  width:13px; height:13px;  float:left; margin:3px 2px 0 2px; opacity:0.5;   background-position:  center;  background-repeat: no-repeat; background-size:100%;}

    .pageWidth{
      position: relative;
      width:100%;
      max-width: 1220px !important;
      margin:auto;
      text-align:left;
      float: none !important;
      /* padding:0 24px; */
      margin: auto !important;
    }

.divHome.white{ background:white; }
.divHome.dark{ background:none; }
.divHome.grey{ background:#f5f5f5; border-top:1px solid #eeeeee !important; box-shadow:inset 0 0 3px 0 rgba(0, 0, 0, 0.06), 0 0px 1px 0 rgba(0, 0, 0, 0.12); }
.divHome.sparo{background-color: #fafafa;}
.divHome{width:100%;padding: 64px 0;clear:both;text-align:center;position: relative;z-index: 5;margin:0;background-color: #ffffff;border-top:1px solid black;border-color: rgba(0,0,0,.05);}
.divHome.maps:after{ content:''; position:absolute; top:0; left:0; width:100%; height:100%;/* background-image:url(/public/images/maps.png);*/ z-index:-10; opacity:0.27; background-size:100%;}
.divHome:first-child{border-top:0 solid black; border-color:rgba(0,0,0,.1)}

.homeCard .col-md-4{background:-o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); padding-top: 24px;padding-left: 24px !important;padding-right: 24px !important;margin-bottom: 12px;}
#content .homeCard p{font-size: 1rem;font-weight:400;line-height: 1.5rem;color:rgba(0,0,0,.67);height:100px;text-align: center;}
#content .homeCard p.titles{padding-top:12px; text-align:center; color:#616161; font-size:1.4rem; font-weight:400; height:inherit;}
#content .homeCard p.titles:after{visibility:hidden; display:none;}
  
#content .homeCard .col-md-4:hover .ic-96{ transition: all .1s ease-in-out; transform: rotate( 2deg ) scale(1.08); }
#content .homeCard .ic-96{ transition: all .2s ease-in-out; transform: rotate( 0deg ) scale(1.00); }
#content .homeCard .ic-96{border-radius:400px;margin-bottom: 12px !important; background-size:100% !important;  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.10), 0 2px 10px 0 rgba(0, 0, 0, 0.06); }
#content .homeCard .ic-custom-fidelity{background-image:url(/public/images/icons/ic_fidelity.png);}
#content .homeCard .ic-custom-iniziative{background-image:url(/public/images/icons/ic_iniziative.png);}
#content .homeCard .ic-custom-raccoltapunti{background-image:url(/public/images/icons/ic_raccoltapunti.png);}

.homeCard>.col-md-4 button{ font-size:0.9rem;  -webkit-transition:0.160s !important;      transition: 0.160s !important;      opacity:1 !important; margin-top:24px !important; box-shadow:0px 0px; background-color:transparent !important; color:#a3897a; }
.homeCard>.col-md-4 button:hover{ background-color:#a3897a !important; color:#ffffff; }

.homeCard a {text-decoration:none;}


body.gift #content .infoPage{margin-top: -150px !important;float: left;background:white;padding: 0;border-radius: 8px;display: block;overflow: hidden;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);}
body.gift #content .infoPage h1{font-size:2rem;line-height: 2.4rem;font-weight:600;padding-top: 12px;margin-bottom: 24px;color:black;}
body.gift #content .infoPage .points:before{ position:absolute; left:0; top:8px; width:10px; height:10px; background:#e30613; border-radius:400px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }
body.gift #content .infoPage .points{ font-size:1.1rem; font-weight:300; color:black; padding-left:20px; line-height:1.6rem; margin-bottom:20px;}
body.gift #content .infoPage .points b{ color:#a48a7a; font-size:1.3rem; }
body.gift #content .infoPage .points i{ float:left; width:100%;  font-size:0.9rem; color:rgba(0,0,0,0.67) }



body.offerte #content .infoPage{margin-top: -150px !important;float: left;background:white;padding: 0;border-radius: 8px;display: block;overflow: hidden;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);}
body.offerte #content .infoPage h1{font-size:2rem;line-height: 2.4rem;font-weight:600;padding-top: 12px;margin-bottom: 24px;color:black;}
body.offerte #content .infoPage .points:before{ position:absolute; left:0; top:8px; width:10px; height:10px; background:#e30613; border-radius:400px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }
body.offerte #content .infoPage .points{ font-size:1.1rem; font-weight:300; color:black; padding-left:20px; line-height:1.6rem; margin-bottom:20px;}
body.offerte #content .infoPage .points b{ color:#a48a7a; font-size:1.3rem; }
body.offerte #content .infoPage .points i{ float:left; width:100%;  font-size:0.9rem; color:rgba(0,0,0,0.67) }



/*FONT*/


    body p.titles a{ text-decoration:none !important; color:rgba( 0, 0, 0,0.87 ); }
    #content p.titles{
      font-size: 1.5rem;
      line-height:2rem;
      margin-bottom:18px;
      font-weight:600;
      color: rgba( 0, 0, 0,0.87 );
      position:relative;
      text-decoration: blink !important;
    }
    #content p.titles:after{
      content:"";
      position:absolute;
      bottom:-10px;
      left:0;
      width:5%;
      min-width:26px;
      height:2px;
      background: rgb(227, 6, 19);
    }
    #content p.home{
      font-size: 1.2rem;
      color: rgb( 0, 0, 0 );
      line-height: 1.412;
      text-align: center;
      z-index: 6;
    }

    h1{
        padding:0; margin:0;
        font-size:3.8rem;
        line-height:5.2rem;
        text-transform:uppercase;
        font-weight:300;
        color:rgba(0,0,0,0.67);
    }
    header h1{
        padding:0;
        margin:0;
        font-size: 2rem;
        line-height: 2.6rem;
        text-transform:uppercase;
        font-weight: 800;
        color:rgba(255,255,255,0.87);
    }
    header h2{ color:rgba(255,255,255,0.87); }
    h2{
        font-size:1.2rem;
        line-height:1.6rem;
        color:rgba(0,0,0,0.67);
    }
    h3{
        font-size: 1.5rem;
        line-height: 2.2rem;
        font-weight:500;
        /* font-size:2.4rem; */
        color:rgba(0,0,0,0.27);
    }
    h3.title{
     font-size:1.8rem;
     color:rgb(227, 6, 19) !important
    }
    h5{
        font-size:1rem;
        line-height: 1.8rem;
        font-weight:400;
        color:rgba(0,0,0,0.67);
        margin-top:12px;
        background-position:top 4px left !important;
        padding-left:12px !important;
    }


	#content .p,#content p, #content .p span, #content , .p{
		font-size: 0.96rem !important;
		line-height: 1.4rem !important;
		font-weight: 400;
		color: rgba(0,0,0,0.76);
		background-color: transparent !important;
	}

    p.small{
      font-size: 0.9em;
      line-height:1.2rem;
    }

    #content h2{
      padding-bottom:0px;
      color: rgba(0,0,0,0.54) !important;
      font-size: 1.3rem;
      text-align: left;
      font-weight: 400;
      margin-bottom: 12px;
      text-transform:uppercase;
      color:black;
      position:relative;
      padding-bottom:16px;
    }

    #content h2:after, #content h1:after{
    }
    .divHome h2{
      color:rgb(227, 6, 19)  !important;
      text-align:center !important;
      font-size: 2.1rem !important;
      TEXT-TRANSFORM: inherit !important;
      margin:0 !important;
    }
    .divHome .col-md-4 h2{
      color:rgb(227, 6, 19)  !important;
      text-align:center !important;
      font-size: 1.4rem !important;
      TEXT-TRANSFORM: inherit !important;
      margin:0 !important;
      /* min-height:90px; */
      /* vertical-align: bottom; */
    }
    .divHome .col-md-4 h4{
      text-align:center !important;
      font-size: 1.1rem !important;
      line-height: 1.5rem !important;
      TEXT-TRANSFORM: inherit !important;
      margin:0 !important;
      /* min-height:90px; */
    }
    .divHome h2 + .aftertitle{
      font-size:1.1rem !important;
      color:rgba(0,0,0,0.47) ;
        max-width:50%;
        margin:auto;
        line-height:1.4rem;
    }
    .divHome h2 + .aftertitle:after{
        content: "";
        border-bottom: solid 2px rgb(227, 6, 19);
        width: 50px;
        display: block;
        margin: 10px auto;
        position: relative;
        bottom: -10px;
    }
    h4{
      font-size:1.7rem;
      line-height:2.1rem;
      font-weight: 300;
    }
    .error{
      /* color:red !important; */
    }
    b{color: #212121;}
    .color-white b{color: #ffffff;}
    #content strong{ color: #a48a7a; }

    ul.listUrl li.sel{ border-right:2px solid red !important; background-color:#eeeeee; color:rgba(0,0,0,0.87); }
    ul.listUrl a{list-style:none; text-decoration:none; text-transform:none;}
    ul.listUrl li{padding-left:16px; padding-top:8px; padding-bottom:8px; font-weight:400; color:rgba(0,0,0,0.67); padding-right:24px; }
    body.home ul.listUrl li{font-size: 1.1rem;line-height: 1.6rem;}
    body.home ul.listUrl li.sel{font-size: 1.1rem;line-height: 1.6rem; border-right:4px solid red !important;}

/*HEADER MENU*/
    .dropmenu.ic-user-b .option-menu {border-radius:6px;width:220px;transition-delay: 0.2s;}
    .dropmenu.ic-user-b:focus .option-menu { transition-delay: 0.0s; }
    
    nav#menu{height: 90px;width:100%;border-collapse: collapse;float:left;background: #ffffff;position: fixed;z-index: 100;outline: none;box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06), 0 4px 10px rgba(0, 0, 0, 0.06);box-shadow: 0 0px 8px rgba(0,0,0,0.6);box-shadow: 0 0px 8px rgba(0,0,0,0.6);}
    nav#menu .interaction-user{margin-top:24px; }

    nav#menu .logo{-webkit-transition:all 0.260s;-moz-transition:all 0.260s;-ms-transition:all 0.260s;-o-transition:all 0.260s;background-image:url(/logo.png);background-position: left center;height: 100%;width: 100%;background-size: 86%;background-repeat:no-repeat;float: left;color: black;font-size: 2rem;padding-top: 0;text-transform: uppercase;}
    #responsive-menu > ul {}
    #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.87);cursor:pointer;line-height: 90px;font-size: 0.82rem;text-align:center;letter-spacing: 0.0rem;float: left !important;padding: 0 12px;padding-top: 0px;text-transform: uppercase;border: 0px;border-radius:0px;}
    #responsive-menu > ul > li.ic-right{ padding-right:42px !important; background-size:26px; }
    #responsive-menu > ul > li > a {position:absolute;left:0;top:0;width:100%;height:100%;text-decoration:none;padding:0 0;text-align:center;/* color: white !important; */}
    #responsive-menu > ul > li > a:hover { /* text-decoration:none; */ }
    #responsive-menu > ul > li.ic-right { padding-right:36px;}
    #responsive-menu > ul > li.disabled {  text-align:left;  cursor:default;  padding-left:16px; width:300px; }
    #responsive-menu > ul > li.disabled:hover { background-color:#004b83; text-align:left;  color:rgba(255,255,255,0.87);  cursor:default;  padding-left:16px; width:300px; }
    #responsive-menu > ul > li.sel,nav li.sel:hover{color: rgb(228, 4, 38) !important;box-shadow: -0 -3px 0 0 rgb(39, 170, 226) inset;color: rgba(146,3,9,0.95);box-shadow: -0 -3px 0 0 rgb(227,6,19) inset;}
    #responsive-menu > ul > li:hover{color: #a48a7a;box-shadow: -0 -3px 0 0 rgb(164, 138, 122) inset;}
    #responsive-menu > ul > li:after {content:''; position:absolute; left:0; top:50%; margin-top:-7px; height:14px; width:1px; background:rgba(0,0,0,0.17); }
	#responsive-menu > ul > li.dropdown > .content{top:90px;}
    nav .content li.sel{color: rgb(228, 4, 38) !important;color: rgba(146,3,9,0.95); background-color:rgba(0,0,0,.1); cursor:default;}

	body.signin nav#menu { background-color:rgba(0,0,0,0.21);  box-shadow:0px 0px;}
	body.signin nav#menu .logo{background-image:url(/public/images/logo_inverse.png); }
	body.signin #responsive-menu > ul > li  { color:white; }
	body.signin #responsive-menu > ul > li.dropdown  { background-image:url(https://i.etnasoft.it/include/icons/ic_keyboard_arrow_down_white_18dp.png); }
	body.signin #responsive-menu > ul > li.dropdown.dropdown-active { background-image:url(https://i.etnasoft.it/include/icons/ic_keyboard_arrow_up_white_18dp.png); }

/*DIALOG*/
    #maschera #windows{border-radius:4px;}
    #maschera #windows .interaction{background: none;}
    #maschera #windows button{box-shadow:0px 0px !important;font-size:0.9rem;line-height:42px;/* height:42px; */}
    #maschera #windows .interaction button[type="button"] {background-color: #f5f5f5 !important;}

  /* - - - - - - - - - - - - - - - - - - - - - -
  FORM
- - - - - - - - - - - - - - - - - - - - - - - */
    .panelInput input[type="text"], .panelInput input[type="password"], .panelInput input[type="email"], .panelInput input[type="number"], .panelInput input[type="date"], select, textarea{font-size: 0.9rem;margin-bottom: 4px;border-radius: 4px;}
    .panelInput .row{padding: 0 0px;}
    .panelInput .label, .panelInput .input,.panelInput input,.panelInput textarea,.panelInput select{/* font-size:0.9rem !important; */}
    .panelInput .label{/* font-size:0.91rem !important; */}

    .panelInput p.title{text-transform:uppercase;border-bottom: 0px solid  #e30613;padding:12px 0;font-weight:600 !important;font-size: 1.2rem !important;color: rgba(0,0,0,0.87)!important;}

    .panelInput p.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;}
    .panelInput p.title + .row.no-padding{    padding:0 !important;  margin-top:0px; }
    .panelInput p.title + .row .row{/* padding:0 !important;*/  }
    .panelInput p.title + .row .row .input{ margin-bottom:12px;  }
    .panelInput p.title + .row .row:last-child .input{ margin-bottom:0;  }

    .panelInput p.title + .row input,
    .panelInput p.title + .row textarea,
    .panelInput p.title + .row select,
    .panelInput p.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 p.title + .row input:focus,
    .panelInput p.title + .row textarea:focus,
    .panelInput p.title + .row select:focus,
    .panelInput p.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 p.title + .row input:required:invalid,
    .panelInput p.title + .row textarea:required:invalid,
    .panelInput p.title + .row select:required:invalid{box-shadow: -1px 0 0 0 #d12e26 inset; border-radius:4px 0px 0px 4px; }

    .panelInput p.title + .row input.large { font-size:1.4rem !important; line-height:2rem !important; height:64px; }
    .panelInput p.title + .row input.large::-webkit-input-placeholder { font-size:1.4rem !important; line-height:2rem !important; height:64px; }



    .panelInput p.title + .row .tab{margin-top:-24px; margin-left:-24px;  }
    .panelInput p.title + .row .tab li{padding:12px; margin:0; font-size:0.9rem !important;}
    .panelInput p.title + .row .tab li.sel{ border:none; background-color:#4285f4; color:white;}
    .panelInput input + .ic,textarea + .ic{opacity:0.57;cursor:pointer;position:absolute;top: 10px;right: 6px;z-index: 9; margin:0 !important;}


/* STEP */

ul.step li{line-height:42px;opacity:0.4;text-transform:uppercase;border-bottom:1px solid #eeeeee;padding:6px 0;cursor: pointer;}
ul.step li.sel{ line-height:42px; opacity:1;text-transform:uppercase; border-bottom:1px solid #eeeeee; padding:6px 0; }
ul.step li.complete{ color:#43A047; opacity:0.87 !important;  }
ul.step li.complete span{ background-color:#43A047; color:transparent;  background-image:  url(https://i.etnasoft.it/include/icons/ic_done_white_18dp.png) ;  background-position:center; background-size:70%; background-repeat:no-repeat;}
ul.step li:last-child{ border-bottom:0px solid #eeeeee; }
ul.step li span{  border-radius:400px; background:#888; width:22px; height:22px; line-height:22px; float:left; text-align:center; margin-right:12px; margin-top:10px; color:white; font-size:0.9rem;}

/* CARD */
.Container{background:white; border-radius:4px; border:1px solid #e2e1dd;}


/* CARD */


    .card {min-height: 378px;float: left;margin-bottom: 16px;background-color: #fff;overflow: hidden;position: relative;/* border: 1px solid #eeeeee; */border-radius: 4px;width: 100%;}
    .card .card-image .square-wide:after{padding-top: 55%;}
    .card .card-distance{ 	position:absolute; right:0; bottom:0; color:white; background-color:rgba(0,0,0,0.47); width:36px; height:36px; line-height:36px; font-size:0.9rem; text-align:center; border-radius:400px; margin:12px; }
    .card .card-content{float: left;width: 100%;text-align: center !important;height:145px;padding: 24px 16px 16px 16px;/* border-bottom: solid 1px #eee; */background-color: #ffffff;position: relative;margin:0;text-align:center;bottom: 0;left: 0;width: 100%;z-index: 1;}
    .card .card-content .card-title{/* color: #e84c3d; */display: inline-block;font-size:1.1rem;font-weight: 400;text-align:center;line-height: 1.1rem;overflow: hidden;text-overflow: ellipsis;max-height: none;min-height: 1.2rem;}
    .card .card-content .card-address{   font-size:0.94rem;  font-weight:300; opacity:0.87; text-align:center; }
    .card .card-content .card-desc{ margin-top:12px;overflow: hidden; text-overflow: ellipsis; text-align:center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; /* number of lines to show */  line-height: 1.4rem;        /* fallback */ max-height: 2.8rem;    }
    .card .card-interaction{font-size:0.9rem;margin:0;padding:0;position: absolute;bottom:0;left:0;width:100%;padding: 8px;margin:0;text-align: left;height: auto;border:none;}
    .card .card-interaction button{ opacity:0.67; color:black; padding:8px 12px; background-color:#eeeeee !important; }
    .card .card-interaction button:focus{ opacity:0.87; }

    .card.location .card-content .card-desc{ -webkit-line-clamp: 3; /* number of lines to show */  line-height: 1.4rem;        /* fallback */ max-height: 4.2rem;    }
    .card .card-image img.round {border:2px solid white !important;box-shadow: 0 1px 3px rgba(22,24,26,.5),inset 0 4px 6px rgba(22,24,26,.2);}

    .card.ricette { height:350px; }
    .card.ricette .card-content { padding:24px; margin:0; height:110px; }
    .card.ricette .card-interaction {  padding:9px!important; background:#fafafa; }
    .card.ricette .card-interaction .col-xs-3{ font-size:0.8rem;color:black; opacity:0.57; height:100%; background-size:24px; background-position:top 6px center; text-align:center; padding-top:32px; }



    .card.eventi {height: auto;min-height:auto;max-height:none;margin-bottom: 46px;}
    .card.eventi .expired{margin-top: -60px;z-index:999999;cursor:pointer; width:100px; bottom:-46px !important; right:12px;}
    .card.eventi .expired:hover, .card.eventi .expired:hover b{color:transparent !important; -webkit-transition:all 0.260s;-moz-transition:all 0.260s;-ms-transition:all 0.260s;-o-transition:all 0.260s;}
    .card.eventi .expired .buttons{ opacity:0; font-weight:500; transition-delay: 0.0s; }
    .card.eventi .expired:hover .buttons{ opacity:1;  color:white; transition-delay: 0.16s; -webkit-animation: anim-b 0.3s cubic-bezier(0.69, 0.01, 0.21, 0.99); animation: anim-b 0.3s cubic-bezier(0.69, 0.01, 0.21, 0.99); }
    .card.eventi b { color:white;  font-size:1.5rem;}
    .card.eventi .expired b {  font-size:1.5rem;}
    .card.eventi .card-image {height:auto;}
    .card.eventi .card-content {padding:18px 8px 18px 18px;margin:0;height: 100px;text-align:left;float:left;position:relative;z-index:100;}
    .card.eventi .card-title {  text-align:left; float:left; font-size:1.24rem; height:auto; max-height:none; overflow: hidden; display:inline; text-overflow: inherit; white-space: normal; line-height:1.5rem; }
    .card.eventi .card-address {  text-align:left; float:left;  }

    .card.coupon { min-height:auto;  }
    .card.coupon b{color:white;  }

    .card.gift { min-height:auto;  }
    .card.gift .card-title {text-align:left;float:left;font-size: 0.9rem;color: rgba(0,0,0,.87);height:auto;max-height:none;overflow: hidden;display:inline;text-overflow: inherit;white-space: normal;line-height: 1.2rem;font-weight:600;}
    .card.gift .card-address { text-align:left; float:left;  }
    .card.gift .card-image {height:auto;font-size: smaller;float: left;}
    .card.gift .card-content {height: 72px;text-align:left;float:left;position:relative;padding: 16px 16px 0 16px;}
    .card.gift .card-interaction {-webkit-transition:0.260s !important;transition: 0.260s !important;line-height:2rem;color:black;font-size: 0.9rem;text-align:left;float:left;position:relative;z-index:100;font-weight: 400;padding:8px 16px;border-top:1px solid #eee;background-image: url(https://i.etnasoft.it/include/icons/ic_keyboard_arrow_right_black_48dp_1x.png);background-position:right 12px center;background-repeat:no-repeat;background-size:22px;cursor: pointer;text-transform: uppercase;}
    .card.gift .card-interaction:hover {background-position:right 8px center; }
    .card.gift .card-interaction b {color: #a48a7a;font-size:1.2rem;}
    .card.gift.small .card-content { height: 100px;text-align:left;float:left; position:relative; z-index:100;}



    .card.attivita { min-height:auto;  }
    .card.attivita .card-title { text-align:left; float:left; font-size:1rem; color:#e30613;  height:auto; max-height:none; overflow: hidden; display:inline; text-overflow: inherit; white-space: normal; line-height:1.6rem; font-weight:600; }
    .card.attivita .card-address { text-align:left; float:left;  }
    .card.attivita .card-image {height:auto;font-size: smaller;float: left;}
    .card.attivita .card-content { height: 120px;text-align:left;float:left; position:relative; z-index:100;}
    .card.attivita.small .card-content { height: 100px;text-align:left;float:left; position:relative; z-index:100;}



    .card.offerte .card-content {max-height: none;clear: both;color: #828282;font-weight: 300;float: none;margin: 0px;height: 110px;overflow: hidden;text-overflow: ellipsis;padding: 24px;}
    .card.offerte {min-height: 158px;}
    .card.offerte.sel .card-content, .card.offerte.sel  {background-color: #e1ffeb;}
    .card.offerte  .card-image{ height:160px; }
    .card.offerte  .card-price span.old { float:none; margin-right:6px;  color: #888888;font-weight: 300 !important; text-transform:lowercase; text-decoration:line-through; font-size:15px; }
    .card.offerte  .card-price {  position:absolute; width:100%; padding:0; margin:0; left:0; padding: 24px;  bottom:0; }
    .card.offerte  .card-price span {  color: #0a1e15; color:#212121; font-weight: 500 !important; color:rgb(67, 160, 71); float:right; font-size:17px; }
    .card.offerte:hover .addCart { opacity: 1; margin-top: 24px;  }
    .card.offerte .card-content .card-title { text-align:left; padding:0; white-space: normal !important; line-height:16px; max-height:none; font-size: 16px; color:rgba(0,0,0,0.87);text-overflow: ellipsis;     display: -webkit-box;     -webkit-box-orient: vertical;-webkit-line-clamp: 2;}
    .card.offerte .card-content .card-address {text-align:left;padding:0;/* white-space: normal !important; */line-height: 16px;max-height:none;font-size: 14px;color: rgba(0,0,0,0.87);padding-top: 12px;}
    .card.offerte .card-interaction { display:none; visibility:hidden;}



/*SCHEDA*/
    .backtoSearch button{background-color: rgba(0,0,0,.47) !important;height: 38px;margin-bottom:6px;border:0px solid white !important;border-color:rgba(255,255,255,0.37) !important;border-radius:4px !important;text-align:right;max-width: 100%;}
    .backtoSearch{position:relative !important;  line-height:32px;padding:12px !important;}
    .backtoSearch button{line-height:28px; font-size:0.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 0px;}
    #contentScheda h1{font-size:2.0rem; line-height:2.6rem; font-weight:600; border-bottom:1px solid #dddddd; text-transform:initial; color:rgb(227, 6, 19); padding:24px 6px;  }
    #contentScheda h2{font-size:1.1rem; line-height:1.7rem; font-weight:300;border-bottom:1px solid #dddddd;text-transform:initial;padding:24px 6px;margin: 0;}
    #contentScheda h3{font-size:1.1rem; line-height:1.7rem; font-weight:300;border-bottom:1px solid #dddddd;text-transform:initial;padding:24px 6px;color: rgba(0,0,0,0.87);}


/*INPUT*/
    .panelInput.rows input, .panelInput select{/* border:1px solid black !important; *//* border-color:rgba(0,0,0,0.47) !important; *//* border-radius:3px !important; *//* height: 46px !important; */}
    .panelInput.rows textarea{/* border:1px solid black !important; *//* border-color:rgba(0,0,0,0.47) !important; *//* border-radius:3px !important; *//* background-position:left 12px top 12px; *//* padding-top:12px; */}
    /*.panelInput.rows button[type="submit"], button.btn{      height:48px !important;        background-color:transparent !important;      border:2px solid rgb(227, 6, 19);      font-weight:600;      color:rgb(227, 6, 19);   }
     button.btn.white{height:48px !important;background-color:transparent !important;border: 2px solid #ffffff;font-weight:600;color: #ffffff;}
    .panelInput.rows button[type="submit"]:hover, button.btn:hover{     background-color:rgb(227, 6, 19) !important;      border:2px solid rgb(227, 6, 19);      font-weight:600;      color:white;   }
    */
    .panelInput.rows .label{color: rgba(0,0,0,0.80);font-weight: 600;text-transform:  uppercase;font-size: 0.8rem;line-height: 1.2rem;}
    .panelInput.rows .input{ color:rgba(0,0,0,.47); font-weight:400; }
  /*GALLERIA FOTOGRAFICA*/

      .Gallery {/* background:white; *//* box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.26), 0 0px 10px 0 rgba(0, 0, 0, 0.22); */z-index: 10;}
      .Gallery .view{/* height:400px; */width:100%;position:relative;}
      .Gallery .view img{ position:absolute; top:0; left:0; width:100%; height:100%;  object-fit: cover;object-position: center;}
      .Gallery .thumbs{/* background:white; *//* box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.26), 0 0px 10px 0 rgba(0, 0, 0, 0.22); */ padding:1px;height: 60px; width:100%; backgorund:red;}
      .Gallery .thumbs .thumb{ height:100%; cursor:pointer; }
      .Gallery .thumbs .thumb.sel img,.Gallery .thumbs .thumb:hover img{  opacity:1;  }
      .Gallery .thumbs .thumb.sel{ cursor:default;  }
      .Gallery .thumbs .thumb img{ opacity:0.67; padding:1px; position:absolute; top:0; left:0; width:100%; height:100%;  object-fit: cover;object-position: center;}

      .Gallery .view .next, .Gallery .view .prev{ opacity:0 !important;  -webkit-transition:all 0.260s;-moz-transition:all 0.260s;-ms-transition:all 0.260s;-o-transition:all 0.260ss;}
      .Gallery:hover .view .next, .Gallery:hover .view .prev{ transition:opacity 0.2s linear; opacity:0.67 !important; }
      .Gallery .view .next{ content:''; color:transparent; cursor:pointer; position:absolute; overflow:hidden; overflow:hidden; right: -0; opacity: 0.67; width:84px; height:100%; z-index:9;
      background: rgba(19,19,19,0);
      background: -moz-linear-gradient(left, rgba(19,19,19,0) 0%, rgba(17,17,17,0) 12%, rgba(0,0,0,0.63) 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, rgba(19,19,19,0)), color-stop(12%, rgba(17,17,17,0)), color-stop(100%, rgba(0,0,0,0.63)));
      background: -webkit-linear-gradient(left, rgba(19,19,19,0) 0%, rgba(17,17,17,0) 12%, rgba(0,0,0,0.63) 100%);
      background: -o-linear-gradient(left, rgba(19,19,19,0) 0%, rgba(17,17,17,0) 12%, rgba(0,0,0,0.63) 100%);
      background: -ms-linear-gradient(left, rgba(19,19,19,0) 0%, rgba(17,17,17,0) 12%, rgba(0,0,0,0.63) 100%);
      background: linear-gradient(to right, rgba(19,19,19,0) 0%, rgba(17,17,17,0) 12%, rgba(0,0,0,0.63) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#131313', endColorstr='#000000', GradientType=1 );
      }
      .Gallery .view .prev{ content:''; color:transparent; cursor:pointer;position:absolute; overflow:hidden;  opacity: 0.67; overflow-x:hidden; width:84px; height:100%; z-index: 109;
      background: rgba(0,0,0,0.63);
      background: -moz-linear-gradient(left, rgba(0,0,0,0.63) 0%, rgba(16,16,16,0) 86%, rgba(19,19,19,0) 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0.63)), color-stop(86%, rgba(16,16,16,0)), color-stop(100%, rgba(19,19,19,0)));
      background: -webkit-linear-gradient(left, rgba(0,0,0,0.63) 0%, rgba(16,16,16,0) 86%, rgba(19,19,19,0) 100%);
      background: -o-linear-gradient(left, rgba(0,0,0,0.63) 0%, rgba(16,16,16,0) 86%, rgba(19,19,19,0) 100%);
      background: -ms-linear-gradient(left, rgba(0,0,0,0.63) 0%, rgba(16,16,16,0) 86%, rgba(19,19,19,0) 100%);
      background: linear-gradient(to right, rgba(0,0,0,0.63) 0%, rgba(16,16,16,0) 86%, rgba(19,19,19,0) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#131313', GradientType=1 );
      }
      .Gallery .view .prev .ic { -webkit-transition:all 0.260s;-moz-transition:all 0.260s;-ms-transition:all 0.260s;-o-transition:all 0.260ss;margin-left:-10px;}
      .Gallery .view .next .ic { -webkit-transition:all 0.260s;-moz-transition:all 0.260s;-ms-transition:all 0.260s;-o-transition:all 0.260ss; margin-left:10px;}
      .Gallery .view .prev:hover .ic {margin-left:-15px;}
      .Gallery .view .next:hover .ic {margin-left:15px;}
      .Gallery .view .prev:hover,.Gallery .view .next:hover{ opacity:1 !important; }


  /*INFOSUP SCHEDA*/
      .panelInfoSup{width:100%;/* clear:both; */font-weight: 400;float: left;position:relative;}
      .panelInfoSup .label{padding: 12px 24px 12px 36px;text-align: left;font-size: 1rem;font-weight: 800;color:black;left:0;top:0;width: 100%;float: left;background-position: left center;background-repeat: no-repeat;background-size:16px;/* border-top: 1px solid #eeeeee; *//* border-top: 1px solid #eeeeee; *//* border-color: rgba(0,0,0,0.06); */}
      .panelInfoSup .label.address{  background-image:  url(https://i.etnasoft.it/include/icons/ic_directions_black_24dp.png); }
      .panelInfoSup .label.price{  background-image:  url(https://i.etnasoft.it/include/icons/ic_euro_symbol_black_24dp_1x.png); }
      .panelInfoSup .label.opening{  background-image:  url(https://i.etnasoft.it/include/icons/ic_alarm_black_24dp.png); }
      .panelInfoSup .label.accessibility{  background-image:  url(https://i.etnasoft.it/include/icons/ic_accessibility_black_24dp.png); }
      .panelInfoSup .label.idealy{  background-image:  url(https://i.etnasoft.it/include/icons/ic_today_black_24dp.png); }
      .panelInfoSup .label.telefono{  background-image:  url(https://i.etnasoft.it/include/icons/ic_phone_black_24dp.png); }
      .panelInfoSup .label.email{  background-image:  url(https://i.etnasoft.it/include/icons/ic_email_black_24dp.png); }
      .panelInfoSup .label.web{  background-image:  url(https://i.etnasoft.it/include/icons/ic_web_black_24dp.png); }
      .panelInfoSup .label.whatsapp{  background-image:  url(https://i.etnasoft.it/include/icons/social/whatsapp-b.png); }
      .panelInfoSup .label.skype{  background-image:  url(https://i.etnasoft.it/include/icons/ic_web_black_24dp.png); }
      .panelInfoSup .label.cellulare{  background-image:  url(https://i.etnasoft.it/include/icons/ic_phone_black_24dp.png); }
      .panelInfoSup .value{width:calc(100% - border-width - border - padding - margin);/* border-top:1px solid #eeeeee; *//* margin-left:150px; */padding: 0 0px 12px 36px;/* clear:both; */width: 100%;text-align: left;float: left;position:relative;font-size: 1rem;color: rgba(0,0,0,0.67);margin-top: -9px;border-color: rgba(0,0,0,0.1);border-bottom: 1px solid #eeeeee;border-color: rgba(0,0,0,0.06);line-height: 1.6rem;}
      .panelInfoSup.first .value{  border-top:0; }
      .panelInfoSup .value button{  float:right;}



/* SLIDER */
    .slider.news{ font-weight:400; font-size:16px !important;  }
    .slider.news .view{ height:174px !important;   font-size:0.9rem; line-height: 1rem; color:rgba(0,0,0,0.67); }
    .slider.news .view .title{font-weight:600;/* color:black; */padding-bottom:0px;font-size:1rem;line-height: 1rem;padding-bottom:4px;}
    .slider.news .view .date{ color:rgb(226,36,43) !important; font-size:0.8rem; padding-bottom:6px; }
    header .nav-slide .round {     position: relative;      display: inline-block;      vertical-align: top;      width: 1.5rem;      height: 1.5rem;     margin: 0 0.5rem 0 0;      border-radius: 50%;     border: 2px solid #fff;      cursor: pointer;    }
    header .nav-slide .round:before {      content: "";      position: absolute;      left: 50%;      top: 50%;      width: 0.9rem;      height: 0.9rem;      background: #fff;     border-radius: 50%;      -webkit-transition: -webkit-transform 0.3s;      transition: -webkit-transform 0.3s;      transition: transform 0.3s;      transition: transform 0.3s, -webkit-transform 0.3s;      -webkit-transform: translate(-50%, -50%) scale(0);              transform: translate(-50%, -50%) scale(0);}
    header .nav-slide .round.sel:before, header .nav-slide .round.sel:hover:before { -webkit-transform: translate(-50%, -50%) scale(1);   transform: translate(-50%, -50%) scale(1); cursor:default; }
    header .nav-slide .round.sel {  cursor:default;}




     header{clear:both;width:100%;height: 60vh;margin-top: 0px;margin-top: 90px;position:relative;/* overflow:hidden; */z-index: 30;padding: 0;background: #eeeeee;outline: 0;-webkit-touch-callout: none; /* iOS Safari */-webkit-user-select: none;   /* Chrome/Safari/Opera */-khtml-user-select: none;    /* Konqueror */-moz-user-select: none;      /* Firefox */-ms-user-select: none;       /* Internet Explorer/Edge */user-select: none;}
     header.no{ height:90px !important; margin:0; padding:0;}
     header.foto{ margin:0; float:left; margin-top:90px !important;  height: auto;width: 100%;display:block;overflow:hidden;position: relative; }
     header.foto:after {content:'';float:left;padding-top: 30%;}

     header.foto img{ float:left; }
     header.maps{min-height: 67vh;height: 67vh;/* margin: 0; */float: left;}
     header.maps .navigation{background-color:rgba(0,0,0,.4);height:auto;float:left;height: 80px;/* position: relative !important; */z-index:101;}
     header.maps .box{z-index:102;}
     header.maps .breadcrumb{z-index:102;}
     header.foto{}
     header.text{height:auto;background-color: #e30613;/* background-image:url(/public/images/maskHeader.png); */background-size: 360px;background-position: left center;background-repeat:no-repeat;float: left;padding:0 0px;text-align:center;/* padding-top: 80px; */}
     header.autoHeight{height:auto;background-color: #a48a7a;/* background-image:url(/public/images/maskHeader.png); */background-size: 360px;background-position: left center;background-repeat:no-repeat;float: left;padding:0 0px;text-align:center;/* padding-top: 80px; */}
     header.autoHeight{  background-size: 60px; background-position:none;background-repeat:repeat;}
     header.autoHeight .breadcrumb{/* padding:0; */position: relative;z-index: 100;}
     header.autoHeight .box{float:left;position: relative !important;z-index: 10;padding: 32px 0 36px;/* min-height: 136px; */}
     header.autoHeight .breadcrumb a{color: rgba(0,0,0,0.87) !important;}
     header.autoHeight .breadcrumb div.separator{color:rgba(255,255,255,0.87) !important;/* background-image:url(https://i.etnasoft.it/include/icons/ic_keyboard_arrow_right_white_24dp_2x.png); */margin-top:4px;}

       header.autoHeight h1{font-weight: 800 !important;font-size: 1.8rem;line-height: 2.1rem;color:white;text-transform:uppercase;text-align:left;position:relative;}
       
      
       header.autoHeight h2{/* max-width:1000px; */float:none;margin:auto;font-size: 1.2rem;padding-top: 4px;line-height: 2rem;font-weight: 300;text-align: left;margin-bottom: 0;text-transform: inherit !important;color: rgba(255,255,255,0.87) !important;}


     /*header.mapsView{  height: 50vh !important;-webkit-transition:all 1.260s;-moz-transition:all 1.260s;-ms-transition:all 1.260s;-o-transition:all 1.260ss;  }
     */header #maps{height:100% !important;}
     header.mapsView .panelSearch.full{ background:none !important; height:auto;padding: 12px !important;}
     header .map{  background-color: rgba(33,40,45,1);  position:absolute;  top:0;  left:0;  width:100%;  height:100%;  z-index: 9;}
     header .box{font-weight:500 !important;width:100%;max-width: 100%;/* padding-left: 10%; */padding: 48px;text-align:center !important;height: 100%;position: absolute;z-index: 10;}
     header .box{position:absolute;bottom:0;left:0;width:auto;height:auto;width: 100%;padding: 16px;}
     header .nav-slide{width:100%;max-width: 100%;/* padding-left: 10%; */padding: 24px 0;text-align:center !important; height:100% !important;}
     header .box .pageWidth{width:auto !important;}

      header .overlay{position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 11;background-color: rgba(0,0,0,0.33);/* background-image: url(https://i.etnasoft.it/include/icons/videomask.png); */background-repeat:repeat;background-position: center;}
      .overlay{position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 11;background-color: rgba(0,0,0,0.33);/* background-image: url(https://i.etnasoft.it/include/icons/videomask.png); */background-repeat:repeat;background-position: center;}


      /*HEADER  HOME*/
         body.home header{ height:auto; float:left; display:block;overflow:hidden;}
         body.home header:after{content:""; position:relative; padding-top:40%; display:block;}
         body.home header .box h1{/* text-align:left; */color: #920309;font-size: 3.2rem;font-weight: 300;  line-height:3.6rem; text-transform:inherit;}
         body.home header .box h2{text-align: center;/* color:black; */color: white;font-size: 1.3rem;font-weight: 300;padding-top: 16px;}

         /*body.home   header .box:before{            position:absolute;            content:'';            width: 100%;            height: 100%;           margin-left:-200px;           left:0;            top:0;            -webkit-transform: skew(30deg);            -moz-transform: skew(30deg);            -o-transform: skew(30deg);            background: rgba(0,0,0,0.67) !important;            background: rgba(0,0,0,0.37) !important;           }
         */
         body.home header .box{float:right;font-weight:500 !important;height: auto;max-width: 100%;text-align: center !important;position:absolute;left:auto;top:0;right:0;margin-top:200px;max-width: 430px;}
         
         body.home header .box button{background: #e30613 !important;height:56px;padding:0 32px;}

        body.user header {background-color: #1976D2; height:60vh;}
        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); }
        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.67;}
        body.user header h3 span.ic-left{ padding-left:36px !important;}


        body.gift header.object, body.offerte header.object{height: 24vh;float:left;}



/* PIE */
    #pie{box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.26), 0 0px 10px 0 rgba(0, 0, 0, 0.22);position:relative;width:100%;padding: 42px 0;background-color:rgba(69, 90, 100, 1);background-color:#263238;background-color: #a3897a;color:#ffffff !important;font-size:1rem;z-index:10;}
    #pie hr{  border-color:rgba(255,255,255,.15); margin: 24px 0; }
    #pie .followUs{  }
    #pie .followUs .ic{display:inline-block;border: 2px solid white;border-color: rgba(255,255,255,0.6);border-radius:400px;padding:16px;margin-right:12px;float:left;opacity: 0.87;}#pie p.title{ text-transform:uppercase; font-weight:400; }
    #pie {color:rgba(255,255,255,0.87) !important;border-width:2px;font-size: 0.87rem;font-weight: 300;position: relative;z-index: 50;}
    #pie span.ic-left{ opacity:0.67; color:white !important; background-position:left center; padding-left:36px !important; }
    #pie span.ic-left:hover{ opacity:1;}
    #pie p{color:rgba(255,255,255,0.87);border-width:2px;font-size:1rem;text-align:left;border:none;}
    #pie input{ height:38px; }
    #pie button{background-color:rgb(227, 6, 19) !important;border-color: rgb(227, 6, 19) !important;}
    #pie p.title{color: white !important;font-size:1.2rem;font-weight:600 !important;padding:6px 0;line-height:3rem; position:relative;}
    #pie p.title:after{content:''; position:absolute; bottom:5px; left:0; width:10%; height:2px; background:rgb(227, 6, 19);}
    #pie ul{ text-align:left;  }
    #pie ul li{ text-align:left;  color:rgba(255,255,255,0.57) !important; padding:6px 0;}
    #pie ul li span{ text-align:left;  color:rgba(255,255,255,0.47) !important; padding:4px 0;}
    #pie ul li:hover span{ text-align:left;  color:rgba(255,255,255,0.77) !important;}
    #pie ul li:hover{ text-align:left;  color:rgba(255,255,255,1) !important;}
    #pie ul li a{ text-transform:none; text-decoration:none; }
    #pie a{text-transform:none;color: white;text-decoration:none;}
    #pie .copyright{margin-top: 48px;text-align:left;line-height:36px;padding:0px;font-size:13px;color:rgba(255,255,255,0.67);background-color: #000000;width:100%;}
    #pie .copyright a{ color:white !important; }

    #backToTop{position:absolute;top:0;float:right;right: 0%;margin-right: 32px;margin-top: -32px;width:64px;height:64px;background: rgb(227, 6, 19);border-radius:400px;cursor:pointer;background-position:center;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);background-repeat:no-repeat;background-image:  url(https://i.etnasoft.it/include/icons/ic_keyboard_arrow_up_white_18dp.png);background-repeat:no-repeat;}
    #backToTop.fix{ position:fixed; top:auto; bottom:24px;  }


/* SELECT */
   .Select{position:relative; cursor:pointer; color: rgba(255,255,255,0.6); display: inline-block; width: 100%; }
    .Select:focus {  display: block; /*background-color:white; border-bottom:1px solid #eeeeee; color:black; */ }
    .Select .subMenu{  z-index: 99999 !important;  /* visibility:hidden; */ /* opacity:0; */  height: 0;  transition:opacity 0.5s linear;  -webkit-transition:all 0.218s;  -moz-transition:all 0.218s;  -ms-transition:all 0.218s;  -o-transition:all 0.218s;  max-height:400px;  overflow:hidden;  position:relative;  position:absolute;  top: 42px;  padding:0 0;  left:0;  width:100%;  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.10), 0 2px 10px 0 rgba(0, 0, 0, 0.06);  background:white;  color: black;  z-index:9;  border-radius: 0 0 4px 4px;}
    .Select .subMenu ul li{ list-style:none;   margin:0 0; padding: 0 4px;  color:black; line-height:20px; }
    .Select .subMenu ul li a:hover, .Select .subMenu a  { text-decoration: none !important;  text-transform: none;  }
    .Select .subMenu ul li .avatar{ width:46px; height:46px !important; padding:0px;display:block; overflow:hidden; background:#eeeeee; position:absolute; left:8px; top:6px; margin:0; border-radius:400px; }
    .Select .subMenu ul li .avatar img{ object-fit: cover;  object-position: center; width:100%; height:100%; border-radius:400px; position:absolute; left:0; top:0; }
    .Select .subMenu ul li .content{margin-left:62px;font-size: 0.9rem;font-weight: 500;padding: 10px 0;padding-right: 12px;border-top:1px solid #f5f5f5;}
    .Select .subMenu ul li span.address{color:rgba(0,0,0,0.46);padding-top:4px;line-height:20px;font-weight: 400;}
    .Select .subMenu ul li.first .content{ border-top:none; }
    .Select .subMenu ul li:hover{ background-color:#fafafa; }
    .Select .subMenu .scroller{    padding:0px;    /* white-space: pre-line; */    max-height: 400px;    overflow-y: hidden;    overflow-x: hidden;    position: relative;    /* padding:24px; */    font-size:16px;    height: auto; }
    .Select input:focus + .subMenu, .subMenu:hover{  height:auto;  visibility:visible !important;  opacity:1 !important;  top: 48px;}
    .Select:hover{ background-color:rgba(255,255,255,0.1); border-color:rgba(255,255,255,0.6);  -webkit-transition:all 0.218s;-moz-transition:all 0.218s;-ms-transition:all 0.218s;-o-transition:all 0.218s;}


/* FISSO IL MENU IN ALTO ALLO SCROLL ( CON JS AGGIUNGO LA CLASSE .fix )  */
    nav#menu .fixed-on-top.fix{box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06), 0 4px 10px rgba(0, 0, 0, 0.06);max-height: 90px;-moz-transition:all 0.260s;-ms-transition:all 0.260s;-o-transition:all 0.260ss;}






.menu > ul.tab{width:100%;padding:0  !important;margin:0  !important; border:none !important; -webkit-box-shadow: 0 1px 8px rgba(0,0,0,.3);box-shadow: 0 1px 8px rgba(0,0,0,.3);z-index: 99999999999999999999999999999999;border-bottom:1px solid  #eeeeee;}
.menu > ul.tab > .pageWidth > a > li{color:rgba(0,0,0,.67) !important;padding: 20px 16px;opacity:1;margin:0;border:none;border-radius:0;font-weight:500;}
.menu > ul.tab > .pageWidth > a > li.sel, .menu > ul.tab > .pageWidth > a > li.sel:hover{   color:black !important; background-color:#f5f5f5;    box-shadow: -0 -2px 0 0 #FF5722 inset;}
.menu > ul.tab > .pageWidth > a > li:hover{ color:black !important; background-color:transparent;    box-shadow: -0 -2px 0 0 #FF5722 inset;}
.menu > ul.tab > .pageWidth > a > li span{  margin-left:16px; color:#FF5722; }
.menu  ul.tab .option{  position:relative !important; left:auto; right:auto; margin:0;color:#FF5722; }


.panelPhoto img, .panelPhoto video, .panelPhoto .video{
  -webkit-transition:all 0.218s;
  -moz-transition:all 0.218s;
  -ms-transition:all 0.218s;
  -o-transition:all 0.218s;
  float:left;
  width:100%;
  height: 100%;
  position:absolute;
  left:0;
  top:0;
  margin:1px;
  background:#f5f5f5;

  overflow-x: hidden;
  object-fit: cover;/* Do not scale the image */
  object-position: center;/* Center the image within the element */
}

.panelPhoto{
  float:left;
  width: 20%;
  padding-bottom: 20%;
  cursor:pointer;
  position:relative;
  display:block;
  overflow: hidden;

}
.panelPhoto.selected{ background:#09d262; margin:0px;  }
.panelPhoto.selected img{ background:green; top:7%; left:7%;  width:86%;  height:86%;  }
.panelPhoto-box:before{
    content: "";
    display: block;
    padding-top: 100%;
}
.panelPhoto.big{
  width: 40%;
  padding-bottom: 40%;
}

.panelPhoto.column4 { width: 25%; padding-bottom: 25%; }
.panelPhoto.column4.big { width: 50%; padding-bottom: 50%; }
.panelPhoto.column4 img{ margin:0px; }
.panelPhoto.column3 { width: 33.33%; padding-bottom: 33.33%; }
.panelPhoto.column3.big { width: 50%; padding-bottom: 50%; }
.panelPhoto.column3 img{ margin:1px; }

.panelPhoto img{     -webkit-transition:all 0.218s;-moz-transition:all 0.218s;-ms-transition:all 0.218s;-o-transition:all 0.218s;
  float:left;
   width:100%;
  height: 100%;
  position:absolute;
  left:0; top:0;
  margin:1px;  background:#f5f5f5;
  overflow-x: hidden;
  object-fit: cover; /* Do not scale the image */
  object-position: center; /* Center the image within the element */
}
.panelPhoto span.user{
  position:absolute; bottom:0; left:0;   margin-bottom:-50px; padding:6px; color:white; z-index:22221;     -webkit-transition:all 0.260s;-moz-transition:all 0.260s;-ms-transition:all 0.260s;-o-transition:all 0.260s;
}
.panelPhoto div.interaction{
    position:absolute; top:0;  margin-top:-50px; left:0; padding:6px; width:100%;  color:white; z-index:22221;   -webkit-transition:all 0.260s;-moz-transition:all 0.260s;-ms-transition:all 0.260s;-o-transition:all 0.260s;
}
.panelPhoto div.interaction li.like{    border-radius:400px; width:36px; line-height:36px; text-align:center; font-size:10px; height:36px; float:right; list-style: none; background:none; cursor:pointer; background:rgba(0,0,0,0.3);  margin-left:6px;    background-image:  url(/css/icons/ic_favorite_border_white_36dp.png); z-index:99;  background-position:center;  background-repeat: no-repeat; background-size:24px;}
.panelPhoto div.interaction li.like:hover{    background-color:rgba(0,0,0,0.4);}
.panelPhoto div.interaction li.like.sel{   background-image:  url(/css/icons/ic_favorite_red_36dp.png); z-index:99;  background-position:center;  background-repeat: no-repeat; background-size:24px;}
.panelPhoto div.interaction .option{  background-color:rgba(0,0,0,0.3); width:36px; line-height:36px; text-align:center; height:36px; position:relative; float:right; margin:0px; margin-left:6px; background-image:   url(/css/icons/ic_more_vert_white_24dp.png); z-index:99;  background-position:center;  background-repeat: no-repeat; background-size:24px; }
.panelPhoto div.interaction li.loading,.panelPhoto div.interaction li.sel.loading{     background-image:  url(/loading2.gif); background-size:14px; }
.panelPhoto:hover div.interaction, .panelPhoto:hover span.user{    margin-top:0;    margin-bottom:0; }

.panelPhoto.choose,.panelPhoto.choose img{ cursor:pointer; }



.drop-box.header{background-color:#f5f5f5; border-width:0 2px 2px 2px;}
.drop-box.header:hover{ border-width:0 2px 2px 2px;}

.ng-map{   width:100%; height:50vh; position:relative; float:left; }

.volantino  {margin-bottom:48px;}
.volantino .image {display:block; overflow:hidden;}
.volantino .image b{font-weight:800;padding-top:36px;float:left; font-size:1.4rem;background-image:  url(https://i.etnasoft.it/include/icons/ic_remove_red_eye_white_24dp_2x.png);background-position:top center;background-repeat:no-repeat;text-align:center; background-size:36px;width:100%;color: white;}
.volantino .image .scopri{background:rgba(0, 148, 64,0.8);opacity:0;transform: rotate( -2deg ) scale(0.7);visibility:hidden;position:relative;text-align:center;width:96%;height: 40%;margin:2%;margin-top: 20%;text-transform:uppercase;font-weight:300;font-size:1.8rem;color:white;line-height:2.2rem;/* border-radius:400px; */padding:10px;}
.volantino .image:hover .scopri{opacity:1; visibility:visible; cursor:pointer; transition: all 0.3s ease-in-out; transform: rotate( 0deg ) scale(1.02); }
.volantino .image img{transition: all 0.4s ease-in-out;  }
.volantino .image:hover img{transition: all 0.2s ease-in-out; transform: rotate( 0deg ) scale(0.99); }

@media (min-width: 990px){

}
@media (max-width: 990px){
    .panelInput input[type="text"], .panelInput input[type="password"], .panelInput input[type="email"], .panelInput input[type="number"], .panelInput input[type="date"], .panelInput select, .panelInput textarea{float:left;font-size: 17px;width:100%;height: 46px;border:none;border: none;border:1px solid #dddddd;background-color: white !important;border-radius: 4px !important;color: black;/* border: none; *//* background: none; */margin-bottom: 12px;/* border-bottom: 1px solid #dddddd; */}
    
    nav#menu{height: 70px;width:100%;border-collapse: collapse;float:left;background: #ffffff;position: fixed;z-index: 100;outline: none;box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06), 0 4px 10px rgba(0, 0, 0, 0.06);box-shadow: 0 0px 8px rgba(0,0,0,0.6);box-shadow: 0 0px 8px rgba(0,0,0,0.6);}
    nav#menu .interaction-user{margin-top:14px; }

    nav#menu #responsive-menu{position: fixed;left:0;top:0;width: 70px !important;height: 70px;background-size: 50%; background-position:top 14px center;}
    nav#menu #responsive-menu:after{content:"MENU"; position:absolute; bottom:8px; width:100%; text-align:center; font-size:0.6rem; font-weight:800; z-index:-100; }
    nav#menu #responsive-menu > ul > li {padding:0 24px !important; text-align:left; line-height:60px;height:60px; border-bottom:1px solid #eee; }

    nav#menu .logo{max-width: 150px;height: 70px;max-height: 70px;background-size: 90%;float:left;margin-left: 70px;/* padding-right: 164px; */}
    body.home header .box .margin-left, body.home header .box .padding-left{ margin:0px !important; margin-left:0px !important;  padding:0px !important;  padding-left:0px !important; }
    .pageWidth{ padding:0 16px; width:100%; }
    header .pageWidth{ padding:0 0; width:100%; padding-bottom:32px; }
    #content{/* padding:0 0 0 0; */}
    #content p.home{  font-size: 1.1rem; }
    h3{ font-size:1.5rem; }

    #pie .subscrive-nl{
      line-height:36px; padding:0 16px;
    }
    /*HEADER*/
        header {height:400px;margin-top: 70px;}
        body.home header {height: 50vh;}
        header img { width:100%; margin:0; }
        header .box{position:relative;left:0;top:0;/* background-color: rgba(255,255,255,0.67); */font-weight:500 !important;max-width:100% !important;  width:100%;padding: 36px 36px !important;}
        header.maps .box{position:absolute;left:0;top:auto;bottom:0;padding: 24px 24px !important;height:auto;}
        header.maps .pageWidth{padding:0 0;width:100%;padding-bottom: 0;}
        header .box h1{/* font-weight: 500 !important; */font-size: 1.5rem;line-height: 2.0rem;/* text-align:cent;/* text-align:center; */}
        header .box h2{font-size: 1rem !important;/* padding-top:6px; */line-height: 1.4rem;font-weight:300;/* margin-bottom:12px; */color:rgba(255,255,255,0.67);padding-top: 12px;}


    /*MENU*/
        nav#menu .fixed-on-top.fix{position:fixed !important;top:0;left:0;width:100%;z-index: 999;max-height: 70px;background-color: #ffffff!important;box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06), 0 4px 10px rgba(0, 0, 0, 0.06);}


        #pie .subscrive-nl button{
          font-size:0;
          width:100%;
          background-position:center;
          padding: 0;
        }
        #pie .copyright{text-align:center !important;}
        #pie .copyright .right,#pie .copyright span{float:none; width:100%; float:left;text-align:center !important;}


        .divHome h2 + .aftertitle{ max-width:100%; }


        .fixed-on-top.fix #mainMenu{/* top: 16px !important; *//* background-image:url(https://i.etnasoft.it/include/icons/ic_menu_black_48dp_2x.png) !important; *//* background-size:100%; */}

         .backtoSearch button{ content:''; color:transparent; width:42px;  padding:0 !important;}
         nav#menu .language{ float:left !important;}

         body.home header .box .absolute.center{ width:100%; padding:0 16px;}

        .register h1{font-size:2.7rem; line-height:3.2rem;}
        .register h2{font-size:1.2rem !important; line-height:1.6rem;}
        .register  .shadow+.absolute.center { padding-bottom:64px; position:absolute !important; overflow-y:scroll; max-height:100%; display:block;}
        .register button.border-white{font-size:0.7rem !important; padding:0 4px;}

        body.user header  {text-align:center !important;}
        body.user header .absolute.center {position:relative !important; padding:20%;}
        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; }

    #backToTop{position:absolute;top:0;float:right;right: 0%;margin-right: 12px;margin-top: -24px;width:48px;height:48px;border-radius:400px;cursor:pointer;background-position:center;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);background-repeat:no-repeat;background-image:  url(https://i.etnasoft.it/include/icons/ic_keyboard_arrow_up_white_18dp.png);background-repeat:no-repeat;}
    #backToTop.fix{ position:fixed; top:auto; bottom:12px;  }


    body.home header .box{
    	position:absolute;
    	bottom:0;
    	margin:0;
    	top: inherit;
    	height:auto !important;
    	background:rgba(0,0,0,0.6);
    	padding-left: 52px !important;
    	padding-right: 52px  !important;
    	padding-top:24px !important;
    	padding-bottom:24px !important;
    }

    body.home header .box h1{/* text-align:left; *//* color: white; */font-size: 1.8rem;font-weight: 400;line-height: 2rem;color:white;}
    body.home header .box h2{text-align: center;/* color:black; */color: white; font-size:2rem; font-weight:300; padding-top: 0px;}


	body.gift header.object, body.offerte header.object{height:0px; margin-top:215px;}

}





    header .next, header .prev{ opacity:0 !important;  -webkit-transition:all 0.260s;-moz-transition:all 0.260s;-ms-transition:all 0.260s;-o-transition:all 0.260ss;}
    header:hover .next, header:hover .prev{ transition:opacity 0.2s linear; opacity:0.67 !important; }
    header .next{top:0;content:'';color:transparent;cursor:pointer;position:absolute;overflow:hidden;overflow:hidden;right: -0;opacity: 0.67;width:84px;height:100%;z-index: 109;background: rgba(19,19,19,0);background: -moz-linear-gradient(left, rgba(19,19,19,0) 0%, rgba(17,17,17,0) 12%, rgba(0,0,0,0.63) 100%);background: -webkit-gradient(left top, right top, color-stop(0%, rgba(19,19,19,0)), color-stop(12%, rgba(17,17,17,0)), color-stop(100%, rgba(0,0,0,0.63)));background: -webkit-linear-gradient(left, rgba(19,19,19,0) 0%, rgba(17,17,17,0) 12%, rgba(0,0,0,0.63) 100%);background: -o-linear-gradient(left, rgba(19,19,19,0) 0%, rgba(17,17,17,0) 12%, rgba(0,0,0,0.63) 100%);background: -ms-linear-gradient(left, rgba(19,19,19,0) 0%, rgba(17,17,17,0) 12%, rgba(0,0,0,0.63) 100%);background: linear-gradient(to right, rgba(19,19,19,0) 0%, rgba(17,17,17,0) 12%, rgba(0,0,0,0.63) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#131313', endColorstr='#000000', GradientType=1 );}
    header .prev{ top:0;  content:''; color:transparent; cursor:pointer;position:absolute; overflow:hidden;  opacity: 0.67; overflow-x:hidden; width:84px; height:100%; z-index: 109;   background: rgba(0,0,0,0.63);  background: -moz-linear-gradient(left, rgba(0,0,0,0.63) 0%, rgba(16,16,16,0) 86%, rgba(19,19,19,0) 100%);  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0.63)), color-stop(86%, rgba(16,16,16,0)), color-stop(100%, rgba(19,19,19,0)));  background: -webkit-linear-gradient(left, rgba(0,0,0,0.63) 0%, rgba(16,16,16,0) 86%, rgba(19,19,19,0) 100%);  background: -o-linear-gradient(left, rgba(0,0,0,0.63) 0%, rgba(16,16,16,0) 86%, rgba(19,19,19,0) 100%);  background: -ms-linear-gradient(left, rgba(0,0,0,0.63) 0%, rgba(16,16,16,0) 86%, rgba(19,19,19,0) 100%);  background: linear-gradient(to right, rgba(0,0,0,0.63) 0%, rgba(16,16,16,0) 86%, rgba(19,19,19,0) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#131313', GradientType=1 );  }
    header .prev .ic { -webkit-transition:all 0.260s;-moz-transition:all 0.260s;-ms-transition:all 0.260s;-o-transition:all 0.260ss;margin-left:-10px;}
    header .next .ic { -webkit-transition:all 0.260s;-moz-transition:all 0.260s;-ms-transition:all 0.260s;-o-transition:all 0.260ss; margin-left:10px;}
    header .prev:hover .ic {margin-left:-15px;}
    header .next:hover .ic {margin-left:15px;}
    header .prev:hover,header .next:hover{ opacity:1 !important; }







/* Styles go here */


.flipbook{
	-webkit-transition:margin-left 0.2s;
	-moz-transition:margin-left 0.2s;
	-ms-transition:margin-left 0.2s;
	-o-transition:margin-left 0.2s;
	transition:margin-left 0.2s;
	white-space: normal;
    background:white;
    position:relative;
    z-index:9999;
    top:-30px;

    /*overflow: auto;
    max-height: 100%;
    max-width: 1300px;
    max-height: 650px; */

}

.flipbook .page{
    position:absolute;
	font-size:1em;
    position:relative;
}

.flipbook .page-wrapper{
	-webkit-perspective:2000px;
	-moz-perspective:2000px;
	-ms-perspective:2000px;
	-o-perspective:2000px;
	perspective:2000px;
}

.flipbook .hard{
	color:#333;
	-webkit-box-shadow:inset 0 0 5px #666;
	-moz-box-shadow:inset 0 0 5px #666;
	-o-box-shadow:inset 0 0 5px #666;
	-ms-box-shadow:inset 0 0 5px #666;
	box-shadow:inset 0 0 5px #666;
	font-weight:bold;
	padding: 0px;
}

.flipbook .odd{
	background:-webkit-gradient(linear, right top, left top, color-stop(0.95, #F5F5F5), color-stop(1, #DADADA));
	background-image:-webkit-linear-gradient(right, #F5F5F5 95%, #C4C4C4 100%);
	background-image:-moz-linear-gradient(right, #F5F5F5 95%, #C4C4C4 100%);
	background-image:-ms-linear-gradient(right, #F5F5F5 95%, #C4C4C4 100%);
	background-image:-o-linear-gradient(right, #F5F5F5 95%, #C4C4C4 100%);
	background-image:linear-gradient(right, #F5F5F5 95%, #C4C4C4 100%);
	-webkit-box-shadow:inset 0 0 5px #666;
	-moz-box-shadow:inset 0 0 5px #666;
	-o-box-shadow:inset 0 0 5px #666;
	-ms-box-shadow:inset 0 0 5px #666;
	box-shadow:inset 0 0 5px #666;
}

.flipbook .even{
	background:-webkit-gradient(linear, left top, right top, color-stop(0.95, #fff), color-stop(1, #dadada));
	background-image:-webkit-linear-gradient(left, #fff 95%, #dadada 100%);
	background-image:-moz-linear-gradient(left, #fff 95%, #dadada 100%);
	background-image:-ms-linear-gradient(left, #fff 95%, #dadada 100%);
	background-image:-o-linear-gradient(left, #fff 95%, #dadada 100%);
	background-image:linear-gradient(left, #fff 95%, #dadada 100%);
	-webkit-box-shadow:inset 0 0 5px #666;
	-moz-box-shadow:inset 0 0 5px #666;
	-o-box-shadow:inset 0 0 5px #666;
	-ms-box-shadow:inset 0 0 5px #666;
	box-shadow:inset 0 0 5px #666;
}

.flipbook.shadow, .flipbook.shadow{
  -webkit-box-shadow: 0 4px 10px #666;
  -moz-box-shadow: 0 4px 10px #666;
  -ms-box-shadow: 0 4px 10px #666;
  -o-box-shadow: 0 4px 10px #666;
  box-shadow: 0 4px 10px #666;
}

.show-bar .flipbook .shadow{
	-webkit-transition: -webkit-box-shadow 0.5s;
	-moz-transition: -moz-box-shadow 0.5s;
	-o-transition: -webkit-box-shadow 0.5s;
	-ms-transition: -ms-box-shadow 0.5s;

	-webkit-box-shadow:0 0 10px #999;
	-moz-box-shadow:0 0 10px #999;
	-ms-box-shadow:0 0 10px #999;
	-o-box-shadow:0 0 10px #999;
	box-shadow:0 0 10px #999;
}


.flipbook .p1 .side{
	width:5px;
	height:600px;
	position:absolute;
	top:0;
	left:475px;

	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #bbb), color-stop(0.5,  #ddd), color-stop(1,  #bbb));
	background-image:-webkit-linear-gradient(left, #bbb, #ddd, #bbb);
	background-image:-moz-linear-gradient(left, #bbb, #ddd, #bbb);
	background-image:-ms-linear-gradient(left, #bbb, #ddd, #bbb);
	background-image:-o-linear-gradient(left, #bbb, #ddd, #bbb);
	background-image:linear-gradient(left, #bbb, #ddd, #bbb);

	-webkit-transform:rotateY(-90deg);
	-moz-transform:rotateY(-90deg);
	-o-transform:rotateY(-90deg);
	-ms-transform:rotateY(-90deg);
	transform:rotateY(-90deg);

	-webkit-transform-origin:top right;
	-moz-transform-origin:top right;
	-o-transform-origin:top right;
	-ms-transform-origin:top right;
	transform-origin:top right;

	z-index:100000;
}

.flipbook .depth{
	background-image: url("pages-depth.png");
	position: absolute;
	top: 15px;
	width: 16px;
	background-size: cover;
}


.flipbook .front-side .depth{
	left: 25px;
	background-position:0 0;
}

.flipbook .back-side .depth{
	right:4px;
	background-position:right 0;
}


.flipbook .page-number{
	color:#999;
	width:100%;
	bottom:25px;
	position:absolute;
	display:block;
	text-align: center;
	line-height:30px;
	font-size:11px;
}


.flipbook canvas{
   /* position:absolute;  */
    left: 0;
    top: 0;
    max-width: 100% !important;
    height:100%;
}





#book{
	width:100%;
	height:90vh;
    position:relative;
	box-shadow: 0px 0px 20px gray;
}

#book .turn-page{
	background-color:white;
	box-shadow: 0px 0px 10px gray;
}


#book .cover{
	background:#333;
}

#book .cover h1{
	color:white;
	text-align:center;
	font-size:50px;
	line-height:500px;
	margin:0px;
}

#book .loader{
	background-image:url(loader.gif);
	width:24px;
	height:24px;
	display:block;
	position:absolute;
	top:238px;
	left:188px;
}

#book .data{
	text-align:center;
	font-size:40px;
	color:#999;
	line-height:500px;
}

#controls{
	width:800px;
	text-align:center;
	margin:20px 0px;
	font:30px arial;
}

#controls input, #controls label{
	font:30px arial;
}

#book .odd{
	background-image:-webkit-linear-gradient(left, #FFF 95%, #ddd 100%);
	background-image:-moz-linear-gradient(left, #FFF 95%, #ddd 100%);
	background-image:-o-linear-gradient(left, #FFF 95%, #ddd 100%);
	background-image:-ms-linear-gradient(left, #FFF 95%, #ddd 100%);
}

#book .even{
	background-image:-webkit-linear-gradient(right, #FFF 95%, #ddd 100%);
	background-image:-moz-linear-gradient(right, #FFF 95%, #ddd 100%);
	background-image:-o-linear-gradient(right, #FFF 95%, #ddd 100%);
	background-image:-ms-linear-gradient(right, #FFF 95%, #ddd 100%);
}
#book .turn-page-wrapper canvas{
   /* position:absolute;  */
    left: 0;
    top: 0;
    max-width: 100% !important;
    height:100%;
}
#book .turn-page-wrapper .data{
    /*position:absolute;
    left: 0;
    top: 0;
    max-width: 100% !important;
    height:100%;*/
}
#book .turn-page-wrapper div{
    /*max-width: 100% !important; */
}

#containerBook {
    position:fixed;
    left:0;
    top:0;
    margin:3%;
    height:94%;
    width:94%;
    z-index:10;
}

.owl-nav {
  margin-top: 10px;
  text-align: center;
  /* display:none; */
  top: auto;
   left: 50%;
  position: absolute;
  -webkit-tap-highlight-color: transparent;
  width: 100px;
  /* height: 100%; */
  margin-top: 0px;
  margin-left: -50px;
}
.owl-dots{visibility:hidden;}



.listReview{ width:100%; cursor:default; }
.listReview ul li{ position:relative; padding:0;  list-style: none; clear:both; width:100%;  }
.listReview ul li a{ color:black; /* font-weight:normal; */ }
.listReview ul li div.descript{padding: 16px 16px 16px 64px;border-top: 1px solid #dddddd;}
.listReview ul li.first div.descript{ border:none; }
.listReview ul li span.nickname{clear:both;width:100%;color: rgba(0,0,0,1);font-size: 1rem;font-weight: 500;line-height: 1rem;}
.listReview ul li span.testo{clear:both;width:100%;color: rgba(0,0,0,.67);font-weight: 400;font-size: 0.9rem;}
.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:18px; left:0; border-radius:400px; width:48px; height:48px; display:block; overflow:hidden; object-fit: cover;  object-position: center; }
.listReview ul li img.avatar{background:#dddddd;padding:2px; border:2px solid white;}

.round_10 { border-radius: 10px; }
.round_40 { border-radius: 40px; }