/* *** 01RABBIT *** */
html, body{
    height: 100%
}
body {
    font-family: 'Poppins', Arial, Helvetica, sans-serif !important;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
    background-color: #FFFFFF !important;
    /*    background: url("/beertravel/resources/img/beerfoam01.jpg");
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: top center;
        background-size: cover;*/
    overflow-x: hidden;
}
span{
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}
.container{
    background-color: #FFFFFF !important;
}

/*Giallo: #FFB400*/
.colorWhite{ color: #FFF !important;}
.colorBlack{ color: #585858 !important;}
.color01{ color: #FFB400 !important;}
.color02{ color: #215B72 !important;}
.color03{ color: #146973 !important;}
.color04{ color: #0F8A8F !important;}
.color05{ color: #0B6568 !important;}
.bgcolorWhite{ background-color: #FFF !important;}
.bgcolorBlack{ background-color: #000 !important;}
.bgcolor{ background-color: #3A352F !important;}
.bgcolor01{ background-color: #FFB400 !important;}
.bgcolor02{ background-color: #215B72 !important;}
.bgcolor03{ background-color: #146973 !important;}
.bgcolor04{ background-color: #0F8A8F !important;}
.bgcolor05{ background-color: #333333 !important;}
.colorMainYellow { color: #FFB400 };
.bgcolorMainYellow { background-color: #FFB400 !important };

a.colorWhite, a.colorWhite:active, a.colorWhite:visited{
    color: #FFFFFF !important;
    text-decoration: none !important;
}
a.colorWhite:hover, a.colorWhite:focus{
    color: #FFFFFF !important;
    text-decoration: none !important;;
} 

img.centered-cropped { object-fit: cover }

.bold{
    font-weight: 700;
}

h1 {
    color: #FFB400 !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 900 !important;
    text-transform: uppercase;
    font-size: 26px  !important;
}
h2 {
    color: #999999 !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 900 !important;
    font-size: 20px  !important;
}
h4{
    color: #FFB400 !important;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
}


a, a:active, a:visited{
    /*color: #0E7E82 !important;*/
    /*color: #7A7A7A !important;*/
    /*color: #FFB400 !important;*/
    text-decoration: none !important;
}
a:hover, a:focus{
    color: #FFB400;
    text-decoration: none !important;;
} 

.sidebarLink {
    color: #453333 !important;
}

.recensioneLink {
    color: #FFB400 !important;
    text-decoration: underline !important;
}


.icon-categorie > a, a:hover, a:focus, a:active, a:visited {
    text-decoration: none !important;
}
.icon-categorie > img{
    padding: 0% 30% 0% 30%;
}
.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

.nopadding-left {
    padding-left: 0 !important;
    margin-left: 0 !important;
}
.nopadding-right {
    padding-right: 0 !important;
    margin-right: 0 !important;
}

.Fs8{font-size: 8px;}
.Fs9{font-size: 9px;}
.Fs10{font-size: 10px;}
.Fs11{font-size: 11px;}
.Fs12{font-size: 12px;}
.Fs13{font-size: 13px;}
.Fs14{font-size: 14px;}
.Fs16{font-size: 16px;}
.Fs18{font-size: 18px;}
.Fs20{font-size: 20px;}
.Fs22{font-size: 22px;}
.Fs24{font-size: 24px;}
.Fs26{font-size: 26px;}

.email a {
    color: #FFB400 !important;
}
.email a:hover {
    color: #FFB400 !important;
}
.ui-widget, .ui-inputfield {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background-image: none ;
    font-size: 14px !important;
}
.ui-radiobutton .ui-state-active .ui-icon-bullet, .ui-radiobutton .ui-state-focus .ui-icon-bullet{
    width: 12px !important;
    height: 12px !important;
}
.ui-growl {
    top: 60px !important;
}

.ui-paginator-bottom {
    max-height: 50px;
}

.table-responsive td {
    border: 1px solid #DDDDDD;
    /*padding: 0 10px;*/
}
.inputAutocomplete100 input[type="text"]{
    width: 100% !important;
}
.inputAutocomplete90 input[type="text"]{
    width: 90% !important;
}
.inputAutocomplete85 input[type="text"]{
    width: 85% !important;
}
.inputAutocomplete75 input[type="text"]{
    width: 75% !important;
}
.ui-autocomplete {
    width: 100% !important;
}

.ui-autocomplete-panel .ui-autocomplete-items .ui-state-highlight {
    background-color: #f5f5f5;
    color: #FFB400;
}

.ui-autocomplete .ui-autocomplete-dropdown {
    position: relative !important;
}

.ui-autocomplete .ui-autocomplete-dropdown {
    width: 34px !important;
    height: 34px !important;
}
.ui-selectonemenu label.ui-selectonemenu-label {
    margin-top: -3px !important;
}
.ui-selectonemenu .ui-selectonemenu-trigger {
    width: 37px !important;
}
.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
    margin-top: 10px !important;
    /*  margin-left: 6px !important;*/
}

.ui-carousel{
    border: 0px; margin: 0px !important; padding: 0px !important;
}
.ui-carousel .ui-carousel-header{
    background: #FFFFFF; margin: 0px !important;
    display: none;
}

.ui-carousel .ui-carousel-header .ui-carousel-next-button {
    background-image: url("/javax.faces.resource/images/right-arrow.svg.xhtml?ln=primefaces-rio");   
    display: none;
} 
.ui-carousel .ui-carousel-header .ui-carousel-prev-button {
    background-image: url("/javax.faces.resource/images/left-arrow.svg.xhtml?ln=primefaces-rio");   
    display: none;
} 
.ui-carousel .ui-carousel-header .ui-carousel-next-button:hover{
    background-image: url("/javax.faces.resource/images/right-arrow-white.svg.xhtml?ln=primefaces-rio");   
    background-color: #FFB400;
    border-radius: 30px !important;
    display: none;
}
.ui-carousel .ui-carousel-header .ui-carousel-prev-button:hover {
    background-image: url("/javax.faces.resource/images/left-arrow-white.svg.xhtml?ln=primefaces-rio");   
    background-color: #FFB400;
    border-radius: 30px !important;
    display: none;
}

.carousel-button:hover{
    background-color: #fcfcfc;
    border-radius: 30px !important;
}

.ui-carousel .ui-carousel-dropdown, .ui-carousel .ui-carousel-mobiledropdown{
    display: none;
}
.ui-carousel .ui-carousel-viewport{
    margin: 0px; padding: 0px; background: #FFFFFF; border: 0px;
}

.ui-carousel-item .ui-panelgrid {
    border: solid 0px #e0e0e0;
    /*    background-color: #FFB400;*/
    padding: 0px !important;
    color: #FFFFFF; 
    font-size: 14px;
    height: 350px;
}

.inputSearchLaterale, .inputSearchLaterale.ui-inputfield.ui-state-focus{
    border: 1px solid #453333 !important;
    width: 100%;
    background: #FFFFFF !important;
}
.inputSearchLaterale.ui-inputfield{
    background: #FFFFFF !important;
}

ui-paginator-page .ui-state-hover, .ui-paginator .ui-paginator-pages .ui-state-hover {
    background-color: #fbb040 !important;
}

.ui-paginator .ui-state-hover {
    background-color: #fbb040 !important;
}


#fotoAttivitaCarousel .ui-carousel-item .ui-panelgrid {
    padding: 0px !important;
    background-color: transparent !important;
    height: auto !important;
    color: #FFFFFF; 
    font-size: 14px;
}

.ui-carousel-item .ui-panelgrid .ui-panelgrid-cell {
    padding: 0px 0px;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.scroller .ui-widget-content {
    border: 0px !important;
}
.carousel-control {
    opacity: 1 !important;
    background-image: linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%) !important;
}
.carousel .item {
    height: auto !important;
    max-height: 420px !important;
}
.carousel-inner {
    height: auto !important;
    max-height: 420px !important;
}
.carousel {
    height: auto !important;
    max-height: 4200px !important;
    margin-bottom: 0px !important;
}
.format-cella {
    word-wrap:break-word; 
    white-space: normal;
}

.ui-datatable .ui-datatable-odd {
    background-color: #fafafa;
}

.ui-selectmanycheckbox-item-group {
    color: #000000;
    font-size: 16px;
    font-weight: 600 !important;
    font-family: 'Poppins', sans-serif !important;
    /*    padding-top: 15px;
        padding-bottom: 5px;*/
}

.ui-selectmanycheckbox label {
    color: #546e7a;
    font-size: 14px;
    font-weight: 400 !important;
    font-family: 'Poppins', sans-serif !important;
}

/*NAVBAR 01RABBIT*/
.navbar-01Rabbit {
    background-color: #FFFFFF;
    color: #FFFFFF;
    border-radius:0;    
    margin-bottom: 0px !important;
    min-height: 30px !important;
    box-shadow: 0 5px 5px -6px black;
}
.navbar-01Rabbit .navbar-collapse {
    float: right !important;
    /*    padding-right: 20px !important;*/
    margin-top: 14px;
}
.navbar-01Rabbit .navbar-nav  {
    width: 100%;
}
.navbar-01Rabbit .navbar-nav ul {
    margin: 0;
    padding: 0;
}

.navbar-01Rabbit .navbar-nav > li { 
    /*    width: calc(100% / 8);*/
    width: max-content;
    padding: 4px;
    box-sizing: border-box;
}
.navbar-01Rabbit .navbar-nav > li > a {
    /*IMPORTANTE*/
    /*    display: block;*/
    /*    color: #FFFFFF !important;*/
    color: #000000 !important;
    background-color: transparent;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600 !important;
    font-family: 'Poppins', sans-serif !important;
    /*    text-shadow: 2px 2px 2px #333333;*/
    border: #FFB400 solid 0px;
    /*width: 158px;*/
    margin: 0px 2px;
    padding: 6px 0px 6px 0px;
    text-align: center;
    /*padding-top: 40px;*/
}
.navbar-01Rabbit .navbar-nav > li > a.mnuLogin { 
    color: #FFB400 !important;
    background-color: transparent;    
}

.navbar-01Rabbit .navbar-nav > .active > a {
    color: #FFB400;
    background-color: transparent;
}

.navbar-01Rabbit .navbar-nav > li > a:hover,
.navbar-01Rabbit .navbar-nav > li > a:focus,
.navbar-01Rabbit .navbar-nav > .active > a:hover,
.navbar-01Rabbit .navbar-nav > .active > a:focus,
.navbar-01Rabbit .navbar-nav > .open >a {
    text-decoration: none;
    background-color: transparent;
    text-shadow: 2px 2px 2px #FFFFFF;
    /*border-bottom: 1px #FFB400 solid;*/ 
    color: #FFB400 !important;
}
.navbar-01Rabbit .navbar-brand {
    color: #0E7E82;
    text-transform: uppercase;
    font-size: 32px;
    font-weight: bold;
    vertical-align: central;
}
.navbar-01Rabbit .navbar-toggle {
    background-color: #ffffff;
}
.navbar-01Rabbit .icon-bar {
    background-color: #453333;
}

/* for dropdowns only */

.caret{ /*nascondi triangolino*/
    display: none !important;
}
.navbar-01Rabbit .navbar-nav .dropdown-menu  { 
    background-color: #FAFAFA;
    color: #333333 !important;
    padding: 10px;  
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.navbar-01Rabbit .navbar-nav .dropdown-menu>li>a  { 
    background-color: #FAFAFA;
    color: #333333 !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    text-align: left;   
    padding-top: 6px;
}
.navbar-01Rabbit .navbar-nav .dropdown-menu>li>a:hover,.navbar-custom .navbar-nav .dropdown-menu>li>a:focus  { 
    background-color: #FAFAFA;
    border-bottom: 1px #FFB400 dashed;      
    background-image: none;    
}

.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display:block;
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#ffffff;
}
.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}

/*MULTIPLE ITEM CAROUSEL*/
.carousel-inner.vv-3 .carousel-item.active,
.carousel-inner.vv-3 .carousel-item-next,
.carousel-inner.vv-3 .carousel-item-prev {
    display: flex;
}

.carousel-inner.vv-3 .carousel-item-right.active,
.carousel-inner.vv-3 .carousel-item-next {
    transform: translateX(17%);
}

.carousel-inner.vv-3 .carousel-item-left.active,
.carousel-inner.vv-3 .carousel-item-prev {
    transform: translateX(-17%);
}

.carousel-inner.vv-3 .carousel-item-right,
.carousel-inner.vv-3 .carousel-item-left {
    transform: translateX(0);
}

/*NAVBAR 01RABBIT*/

.colonna {
    margin-top: -30px; 
    height: 451px; 
    background-color: #FFFFFF;
}

.marginTop0{margin-top: 0px;}
.marginTop10{margin-top: 10px;}
.marginTop20{margin-top: 20px;}
.marginBottom0{margin-bottom: 0px;}
.marginBottom10{margin-bottom: 10px;}
.marginBottom20{margin-bottom: 20px;}
.padding10{padding: 10px;}
.padding20{padding: 20px;}
.padding30{padding: 30px;}
.padding40{padding: 40px;}
.padding50{padding: 50px;}
.padding60{padding: 60px;}
.padding70{padding: 70px;}
.padding80{padding: 8px;}
.padding90{padding: 90px;}
.padding100{padding: 100px;}


.btn01-sm {
    font-size: 18px !important;
}
.btn01 {
    display: inline-block;
    padding: 2px 0px !important;
    margin-bottom: 0;
    font-family: inherit !important;
    font-size: 23px;
    font-weight: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border-radius: 0px !important;
}
.btn01:focus,
.btn01:active:focus,
.btn01.active:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.btn01:hover,
.btn01:focus {
    color: rgba(255,255,255,1);
    text-decoration: none;
}
.btn01:active,
.btn01.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn01-red {
    color: rgba(255,255,255,1.0) !important;
    text-shadow: none !important;
    background-color: #AB3359 !important;
    box-shadow: none;
}
.btn01-red:hover,
.btn01-red:focus,
.btn01-red:active,
.btn01-primary.active,
.open .dropdown-toggle.btn01-red {
    color: rgba(255,255,255,1.0) !important;
    background-color: #91002e !important;
}
.btn01-yellow {
    color: rgba(255,255,255,1.0) !important;
    text-shadow: none !important;
    background-color: #FCB93B !important;
    box-shadow: none;
}
.btn01-yellow:hover,
.btn01-yellow:focus,
.btn01-yellow:active,
.btn01-primary.active,
.open .dropdown-toggle.btn01-yellow {
    color: rgba(255,255,255,1.0) !important;
    background-color: #ea6500 !important;
}
.btn01-green {
    color: rgba(255,255,255,1.0) !important;
    text-shadow: none !important;
    background-color: #88BD6C !important;
    box-shadow: none;
}
.btn01-green:hover,
.btn01-green:focus,
.btn01-green:active,
.btn01-primary.active,
.open .dropdown-toggle.btn01-green {
    color: rgba(255,255,255,1.0) !important;
    background-color: #0B4B4B !important;
}
.btn01-brown {
    color: rgba(255,255,255,1.0) !important;
    text-shadow: none !important;
    background-color: #A46A3F !important;
    box-shadow: none;
}
.btn01-brown:hover,
.btn01-brown:focus,
.btn01-brown:active,
.btn01-primary.active,
.open .dropdown-toggle.btn01-brown {
    color: rgba(255,255,255,1.0) !important;
    background-color: #7A2B00 !important;
}

.topbar{
    width: 100%;
    height: 6px;    
}

.hrbar{
    border-top: 4px #0E7E82 solid;
    width: 90%;
}

.hr01{
    border-top: 1px #CCC solid;
    margin-top: 5px;
    margin-bottom: 20px;
    width: 100%;
}


.greyrow{
    padding: 1px 0px 1px 0px;
    background: #F2F2F2;
}

.card01{
    border: 0px;
    height: 70px;
}

div.image{
    height: 240px;    
    overflow:hidden;
}
div.imageThumbnail{
    height: 120px;    
    overflow:hidden;
}

.contenitoreNews {
    background-color: #0B4B4B; 
    padding-top: 30px;
    padding-bottom: 30px ;
    /*margin-top: -30px !important;*/ 
    padding-right: 25px !important; 
    padding-left: 25px !important;
}
.testoNews {
    font-size: 13px;
    margin-left: 5px;
}
.titoloNews {
    font-size: 20px;
    padding-top: 30px;    
}

.boxNotizie{
    margin-top: 2px;
    border-top: solid 2px #cccccc;
    border-bottom: solid 2px #cccccc;
    height: 300px;
}
.notizie {
    color: #5a5a5a !important;
}
.notizie:hover {
    color: #016080 !important;
}
.thumbnailNotizia0 {
    padding: 0 !important;
    border-left: 4px solid #FCB93B;
}
.thumbnailNotizia1 {
    padding: 0 !important;
    border-left: 4px solid #88BD6C;
}
.thumbnailNotizia2 {
    padding: 0 !important;
    border-left: 4px solid #AB3359;
}
.thumbnailNotizia3 {
    padding: 0 !important;
    border-left: 4px solid #A46A3F;
}
.thumbnailNotizia4 {
    padding: 0 !important;
    border-left: 4px solid #FCB93B;
}
.thumbnailNotizia5 {
    padding: 0 !important;
    border-left: 4px solid #88BD6C;
}

.quantita input[type="text"]{
    width: 100px;
    margin-right: 15px;
    padding-right: 5px;
}
.ui-datalist-content {
    border: none !important; 
}
.ui-datalist-data .ui-datalist-item{
    list-style:  none !important;
}

.ui-button{
    /*    background-color: #FFB400 !important;*/
    background-color: #453333 !important;
    border-radius: 5px !important;
    font-size: 12px !important;
    font-weight: 600;
    text-transform: uppercase;
}

.ui-datascroller {
    border: none;
}

.ui-datascroller .ui-datascroller-list {
    margin-bottom: 20px !important;
}

.ui-datascroller .ui-datascroller-item {
    border-bottom: 1px solid #A8A8A8;
    padding-bottom: 10px;
    padding-top: 10px;
}

.ui-datascroller .ui-datascroller-loader {
    text-align: left !important;
    padding: 10px 10px 4px 0px !important;
}

.ui-datascroller .ui-datascroller-content {
    padding: 0px !important;
}

.ui-selectonemenu .ui-selectonemenu-trigger{
    border-bottom: 0px !important;
}

.ui-selectonemenu-panel .ui-state-highlight, .ui-selectcheckboxmenu-panel .ui-state-highlight {
    color: #fbb040 !important;
}
.ui-selectonemenu.ui-state-hover, .ui-selectonemenu .ui-selectonemenu-trigger.ui-state-hover{
    border-bottom: 1px solid #fbb040 !important;
}
.ui-selectonemenu.ui-state-focus, .ui-selectonemenu .ui-selectonemenu-trigger.ui-state-focus{
    border-bottom: 1px solid #fbb040 !important;
}
.ui-inputfield.ui-state-focus, .ui-inputfield.ui-state-hover{
    border-bottom: 1px solid #fbb040 !important;
    color: #453333 !important;
}
.listItem{
    height: 47px;
    display: block;
    padding:10px;
    margin-bottom:10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color:#f5f5f5;
    border: 1px solid #CCC;   
}

#flagITA{background: url("/javax.faces.resource/ita_off.png.xhtml?ln=img");width: 30px; height: 17px;-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
#flagITA:hover{background: url("/javax.faces.resource/ita_on.png.xhtml?ln=img");}

#flagEN{background: url("/javax.faces.resource/en_off.png.xhtml?ln=img");width: 30px; height: 17px;-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
#flagEN:hover{background: url("/javax.faces.resource/en_on.png.xhtml?ln=img");}


/* form control */
.ui-selectonemenu, .ui-selectcheckboxmenu {
    padding: 3px 35px 0px 0px !important;
}
.ui-selectonemenu{
    width: 100% !important;
}

.ui-datascroller .ui-datascroller-item{
    padding-bottom: 0px;
    padding-top: 0px;
}

/*************************
Beer Travel
***************************/
#mainContainer{
    /*    position: relative;*/
}

.container-contenuti-interni-home{
    margin-top: 0px; 
    min-height: 300px; 
    width: 100%; 
    padding: 0px 0px 20px 0px;
}

.container-contenuti-interni{
    margin-top: 0px; 
    min-height: 500px; 
    width: 100%; 
    padding: 0px 0px 30px 0px;
}

.container-contenuti-scrivi-recensione{
    margin-top: 0px; 
    min-height: 500px; 
    width: 100%; 
    padding: 50px !important;
}

.container-list-recensioni {
    border: 1px solid #453333;
    margin: 20px 0px 20px 0px;
    padding: 30px 30px 0px 30px;
    background: #FFF;
}

.container-sezioni{
    margin-top: 40px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 40px;
}


.header{
    padding-bottom: 46px;
}

.header-image{
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top center;
    background-size: cover;
}

.header-inner{
    border-bottom: 8px solid white; 
    position: fixed;
    z-index: 100;
    background-color: #FFF;
    width: 1170px;
    margin-right: auto;
    margin-left: auto;
}

.header, .header-content{
    /*position: absolute;*/
    width: 100%;
    height: 100%;
    /*    top: 0;
        left: 0;*/
}

.header-content{
    /*z-index: 10;*/
}

.headerSearchBar{
    /*    padding-left: 80px;
        padding-right: 80px;*/
    /*    padding-top: 30px;*/
}

.headerInnerSearchBar {
    padding: 0px;
}

.headerSearchBar .ui-inputfield{
    color: #000000;
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    padding-left: 10px; 
    border-bottom: 0px;
}

.suggerisciForm .ui-inputfield{
    background-color: #ffffff !important;
    color: #000000 !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 12px !important;
    padding-left: 10px; 
    border-bottom: 0px;
    border: none;
}

.headerInnerSearchBar .ui-inputfield{
    color: #000000 !important;
    font-family: 'Nuinto Sans', sans-serif !important;
    font-size: 12px !important;
    padding-left: 10px;  
    border-bottom: 0px;
}

.inputFieldFiltri .ui-inputfield {
    background-color: #ffffff !important;
}

.input-search-bar {
    width: 100%;
    border-bottom: 0px !important;
    border-right: solid 1px #c6d6df;
}

.ui-float-label > label{
    color: #000000 !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 12px !important;
    padding-left: 10px;
}

.header-search-button-container{
    height: 46px;
    background-color: #453333;
    display: flex;
    justify-content: center;
    align-items: center;
}

.header-search-button-container a{
    color: #ffffff !important;
}

.recensione-search-button-container{
    height: 66px;
    background-color: #453333;
    display: flex;
    justify-content: center;
    align-items: center;
}

.recensione-search-button-container a{
    color: #ffffff !important;
}

.header-search-button{
    font-family: 'Poppins', sans-serif !important;
    text-transform: uppercase;
    font-size: 12px !important;
    font-weight: 600;
    flex: 0 0 0px;
}

.header-main-image {
    width:  100%;
    height: 280px;
    background-repeat: no-repeat; 
    background-size: cover;
}

/*.news-thmbnail-container img {
    float: left;
    width:  400px;
    height: 240px;
    object-fit: cover;
}*/

.attivita-thmbnail-container img {
    float: left;
    width:  400px;
    height: 240px;
    object-fit: cover;
}

.elenco-attivita-thumbnail-container img {
    float: left;
    width:  400px;
    height: 160px;
    object-fit: cover;
}

.recensione-thmbnail-container img {
    float: left;
    width: 240px;
    height: 130px;
    object-fit: cover;
    border-radius: 8px;
}

.recensioni-thmbnail-container img {
    float: left;
    width: 240px;
    height: 130px;
    object-fit: cover;
    border-radius: 8px;
}
.foto-recensione-singola img{
    float: left;
    width:  80px;
    height: 80px;
    object-fit: cover;
    border-radius: 0px;
    padding: 3px;
    position: relative;
}
.nostri-numeri-thmbnail-container {
    width:  100%;
    height: 130px;
    border-radius: 8px;
    background-repeat: no-repeat; 
    background-size: cover;
}

.birre-thmbnail-container img {
    float: left;
    width:  400px;
    /*height: 263px;*/
    object-fit: cover;
    border-radius: 8px;
}

.birra-thmbnail img {
    margin: auto;
    width:  100%;
    object-fit: cover;
    border-radius: 8px;
}

.birra-thmbnail-container img {
    /*float: left;*/
    width:  150px;
    height: 263px;
    object-fit: cover;
    border-radius: 8px;
}

.count{
    text-align: center;
}
.row-background-counters {
    /*    background-image: url("/javax.faces.resource/img/counter-background.jpg"); */
    background-image: url(/resources/img/counterBackground.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
}

.row-background-scopri {
    /*    background-image: url("/javax.faces.resource/img/counter-background.jpg"); */
    background-image: url(/resources/img/scopri-background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
}

.ui-datascroller {
    background-color: transparent !important;
}

.ui-datascroller .ui-datascroller-item {
    border: none !important;
}

#carosuelRec {
    /*    background: transparent !important;
        border: none !important;
        margin-bottom: 40px !important;*/
}

#tableOrari {
    background-color: transparent !important;
}

#tableOrari .ui-datatable {
    background-color: transparent !important;
}

#tableOrari .ui-widget-content .ui-datatable-even {
    background-color: transparent !important;
}

#tableOrari .ui-widget-content .ui-datatable-even td, #tableOrari .ui-widget-content .ui-datatable-odd td {
    padding: 3px !important;
    border: 0px;
    color: #000000 !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
}

#tableOrari .ui-datatable table thead tr th, .ui-datatable table tfoot tr td, .ui-datatable table thead tr th {
    display: none;
}

#tabellaRec {
    background-color: transparent !important;
}

#tabellaRec .ui-datatable {
    background-color: transparent !important;
}

#tabellaRec .ui-widget-content .ui-datatable-even {
    background-color: transparent !important;
}

/*#tableOrari .ui-datatable table tbody tr td {
    color: #7A7A7A !important;
    border: none;
    font-size: 14px;
    font-weight: 300 !important;
    font-family: 'Poppins', sans-serif !important;
}*/

.footer {
    color: #fff;
    font-size: 16px;
    background-color: #2F2725 !important;
    -webkit-box-shadow: 0 -5px 5px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: 0 -5px 5px -5px rgba(0,0,0,0.75);
    box-shadow: 0 -5px 5px -5px rgba(0,0,0,0.75);
}
.footer ul{
    list-style-type: none !important;
    padding-left: 0px !important;
}
.footer-box {
    padding-left: 5%;
    /*padding-top: 10px;*/
}
.footer-text01 {
    font-size: 16px;
    font-weight: 400;
    color: #ffffff !important;
    padding-bottom: 5px;
    text-align: left;
}
.footer-text02 {
    font-size: 14px;
    font-weight: 200;
    color: #ffffff !important;
}
.footer a {
    color: #ffffff;
}
.footer a:hover {
    text-decoration: none;
    color: rgba(233,233,226,0.62) !important;
    transition-timing-function: linear;
    transition-duration: 0.2s;
    transform: color;
}
.footer a.social01 {
    color: rgba(255,255,255,1.0) !important;
}
.footer a.social02 {
    color: rgba(255,255,255,1.0) !important;
}
.footer a.social03 {
    color: rgba(255,255,255,1.0) !important;
}

.footer a.social01:hover {
    color: rgba(103,97,90,0.7) !important;
    text-decoration: none;
    transition-timing-function: linear;
    transition-duration: 0.2s;
    transform: color;
}
.footer a.social02:hover {
    text-decoration: none;
    color: rgba(103,97,90,0.7) !important;
    transition-timing-function: linear;
    transition-duration: 0.2s;
    transform: color;
}
.footer a.social03:hover {
    text-decoration: none;
    color: rgba(103,97,90,0.7) !important;
    transition-timing-function: linear;
    transition-duration: 0.2s;
    transform: color;
}

.footer-copyright-container {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #241C1A;
}
.footer-copyright-content {
    display: block;
    text-align: center;
    width:100%;
    color:#67615a;
    font-size: 14px;
}

/*Lista recensioni paginate*/
.userImage {
}

.detail {
    width: 200px;
    padding-left: 25px;
    border-bottom: 2px solid black;
}

.command {
    margin-left: 25px;
}

.ui-datalist {
    background-color: transparent !important;
    border: none !important;
}

.ui-datalist .ui-datalist-content .ui-datalist-data {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px !important; 
}

.ui-paginator-bottom {
    background-color: #453333 !important;
    border-radius: 5px !important;
}

.ui-paginator .ui-paginator-rpp-options {
    background-color: #3c3f41 !important;
}

/* Zoom In #1 */
.column {
    margin-top: 20px;
    padding: 0;
}
/*.column:last-child {
    padding-bottom: 60px;
}*/
.column::after {
    content: '';
    clear: both;
    display: block;
}

.hover01 figure img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.hover01 figure:hover img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

figure {
    margin: 0;
    padding: 0;
    background: #fff;
    overflow: hidden !important;
    border-radius: 8px;
}

.card {
    margin-top: 20px;
    padding: 20px;
    background: #fafafa;
}

.card-birra {
    margin-top: 20px;
    padding: 15px;
    background: #fafafa;
    margin-right: 15px;
    /*height: 290px !important;*/
}

.rowBirra {
    display: flex;
}
.flex-control-nav{
    display: none;    
}
.card-evidenza {
    margin-top: 20px;
    padding: 20px;
    width: 100%;
    height: auto;
    /*    background-image: url(/resources/img/urlEvidenza.jpg);*/
}

.card-sidebar{
    margin-top: 20px;
    padding: 10px;
    background: #fafafa;
}

.card-sidebar-news{
    margin-top: 20px;
    padding: 15px 15px 0px 15px;
}

.container-video {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
}

.responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 15px;
}

.ui-datagrid-skills {
    border: none !important;
    background-color: transparent !important;
}

.ui-paginator .ui-paginator-current {
    font-size: 14px;
    padding: 15px;
    color: #ffffff;
    font-weight: 400 !important;
    font-family: 'Poppins', sans-serif;
}

.ui-paginator .ui-paginator-pages a {
    color: #ffffff !important;
    background-repeat: no-repeat;
    font-size: 17px !important;
    border-radius: 0px !important;
    font-weight: 400 !important;
    font-family: 'Poppins', sans-serif !important;
}

.ui-paginator .ui-paginator-rpp-options {
    background-color: #453333 !important;
    border: 1px solid #ffffff !important;
    color: #ffffff !important;
    font-size: 20px !important;
    border-radius: 5px !important;
    font-weight: 400 !important;
    font-family: 'Poppins', sans-serif !important;
}

.ui-paginator .ui-paginator-rpp-options .ui-state-focus {
    background-color: #fbb040 !important;
    color: #453333 !important;
}
.ui-link {
    color: #d8993a !important;
}

.ui-link .ui-widget .header-search-button > a:active{
    color: #ffffff !important;
}

.header-top-bar {
    background-color: rgba(255, 255, 255, 1.00);
    max-height: 70px;
}

.header-inner-top-bar {
    /*    background-color: #FFB400;*/
    background-color: #ffffff;
    max-height: 70px;
}

.containerTitoloHome{
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex; 
    justify-content: center; 
    align-items: center;
}

.containerSearchbarRecensione{
    text-align: left;
    display: flex; 
    justify-content: flex-start; 
    align-items: center;
}

.titoloHome00{
    color: #000000;
    font-size: 16px;
    font-weight: 400 !important;
    font-family: 'Poppins', sans-serif;
}

.titoloHome01{
    color: #ffffff;
    text-transform: uppercase;
    font-size: 40px;
    font-weight: 600 !important;
    font-family: 'Poppins', sans-serif !important;
}
.titoloHome02{
    color: #000000;
    font-size: 32px;
    font-weight: 700 !important;
    font-family: 'Poppins', sans-serif !important;
}
.titoloHome03{
    color: #ffffff;
    font-size: 20px;
    font-weight: 600 !important;
    font-family: 'Poppins', sans-serif !important;
}

.titoloHome04{
    color: #ffffff;
    font-size: 16px;
    font-weight: 300 !important;
    font-family: 'Poppins', sans-serif !important;
}

.titoloHome05{
    color: #ffffff;
    font-size: 12px;
    font-weight: 300 !important;
    font-family: 'Poppins', sans-serif !important;
}

.titoloHome06{
    color: #000000;
    font-size: 20px;
    font-weight: 600 !important;
    font-family: 'Poppins', sans-serif !important;
}

.titoloHome07{
    color: #000000;
    font-size: 16px;
    font-weight: 900 !important;
    font-family: 'Poppins', sans-serif !important;
}

.titoloHome08{
    color: #000000;
    font-size: 20px;
    font-weight: 300 !important;
    font-family: 'Poppins', sans-serif !important;
}

.titoloHome09{
    color: #ffffff;
    font-size: 30px;
    font-weight: 900 !important;
    font-family: 'Poppins', sans-serif !important;
}

.numeroMobileHome{
    color: #ffffff;
    text-transform: uppercase;
    font-size: 28px;
    font-weight: 600 !important;
    font-family: 'Poppins', sans-serif !important;
}

.ratingSidebar .ui-rating-star a {
    width: 16px !important;
    height: 16px !important;
}

.titoloHome11{
    color: #000000;
    font-size: 14px;
    font-weight: 300 !important;
    font-family: 'Poppins', sans-serif !important;
}

.titoloHome12{
    color: #000000;
    font-size: 18px;
    font-weight: 500 !important;
    font-family: 'Poppins', sans-serif !important;
}

.titoloHome13{
    color: #000000;
    font-size: 14px;
    font-weight: 600 !important;
    font-family: 'Poppins', sans-serif !important;
}

.titoloHome14{
    color: #000000;
    font-size: 24px;
    font-weight: 600 !important;
    font-family: 'Poppins', sans-serif !important;
}

.titoloHome15{
    color: #000000;
    font-size: 28px;
    font-weight: 700 !important;
    font-family: 'Poppins', sans-serif !important;
}

.testoRecensioniSidebar{
    color: #453333;
    text-align: center;
    font-size: 10px !important;
    font-family: 'Poppins', sans-serif !important;
}

.titoloRecensione{
    color: #453333;
    font-size: 18px;
    font-family: 'Poppins', sans-serif !important;
}

.testoRecensioniCorpo{
    color: #000000;
    font-size: 13px;
    font-family: 'Poppins', sans-serif !important;
    margin-bottom: 16px;
}

.titoloAttivitaThumbnail{
    color: #000000;
    font-size: 16px;
    font-weight: 600 !important;
    font-family: 'Poppins', sans-serif !important;
}

.titoloNewsThumbnail{
    color: #000000;
    font-size: 18px;
    font-weight: 600 !important;
    font-family: 'Poppins', sans-serif !important;
}

.titolo02NewsThumbnail{
    color: #828282;
    font-size: 14px;
    font-weight: 400 !important;
    font-family: 'Poppins', sans-serif !important;
}

.testoNewsThumbnail{
    color: #696969;
    font-size: 15px;
    line-height: 1.50;
    font-weight: 300 !important;
    font-family: 'Poppins', sans-serif !important;
}

.titoloUrlInEvidenza {
    color: #ffffff;
    font-size: 30px;
    font-weight: 900 !important;
    font-family: 'Poppins', sans-serif !important;
    padding-top: 5px;
}

.testoPosizioneAttivita{
    color: #000000;
    font-size: 12px;
    font-family: 'Poppins', sans-serif !important;
}

.titoloNostriNumeri{
    color: #ffffff;
    font-size: 20px;
    font-weight: 600 !important;
    font-family: 'Poppins', sans-serif !important;
    text-transform: uppercase;
}

.testoNostriNumeri{
    color: #ffffff;
    font-size: 30px;
    font-weight: 900 !important;
    font-family: 'Poppins', sans-serif !important;
}

.testoNostriNumeriFornitori{
    color: #ffffff;
    font-size: 16px;
    font-weight: 400 !important;
    font-family: 'Poppins', sans-serif !important;
}

.titoloNewsHeader{
    color: #ffffff;
    text-transform: uppercase;
    font-size: 40px;
    font-weight: 600 !important;
    font-family: 'Poppins', sans-serif !important;
    text-shadow: 2px 2px 5px #000000;
}

h1.titoloInterno {
    color: #453333 !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    font-family: 'Poppins', sans-serif !important;
    text-transform: none;
}

h2.sottoTitolo{
    font-size: 16px !important;
}

.titolo02NewsLista {
    color: #453333;
    font-size: 22px;
    font-weight: 600 !important;
    font-family: 'Poppins', sans-serif !important;
}

.titolo03Contenuti {
    color: #453333;
    font-size: 20px;
    font-weight: 600 !important;
    font-family: 'Poppins', sans-serif !important;
}

.testoContenuti {
    color: #453333;
    font-size: 16px;
    font-weight: 300 !important;
    line-height: 2;
    font-family: 'Poppins', sans-serif !important;
}

.ui-selectmanycheckbox .ui-selectmanycheckbox-item-group {
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
    margin-top: 20px;
}

.numeroDataNews{
    color: #ffffff;
    font-size: 16px;
    font-weight: 600 !important;
    font-family: 'Poppins', sans-serif !important;
}

.meseDataNews{
    color: #ffffff;
    font-size: 12px;
    font-weight: 300 !important;
    font-family: 'Poppins', sans-serif !important;
}

ui-button {
    /*    color: #000000;*/
    font-size: 12px;
    font-weight: 500 !important;
    font-family: 'Poppins', sans-serif !important;
}
.ui-rating-star a {
    width: 16px !important;
    height: 16px !important;
}

.ui-rating-star a {
    background-image: url("/javax.faces.resource/img/star.svg.xhtml") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;   
}

.ui-rating-star.ui-rating-star-on a {    
    background-image: url("/javax.faces.resource/img/star-on.svg.xhtml") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;  
}

.ratingValue {
    margin-bottom: 0px !important;
    margin-right: 5px;
    margin-left: 5px;
}

.suggerisciForm-label {
    color: #000000;
    font-size: 16px;
    font-weight: 600 !important;
    font-family: 'Poppins', sans-serif !important;
}

.a2a_dd {
    color: #999 !important;
}

.itemElenco{
    color: #FFB400 !important;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
}

.subitemElenco{
    color: #FFB400 !important;
    font-size: 12px;
}


.squareHome{
    width: 100%;
    height: 100%;
    padding-top: 100%; /* 1:1 Aspect Ratio */
    background-position: center center;
    background-size: cover;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);    
}   

.squareHome:hover{
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);    
}

.squareGalleria{
    width: 100%;
    height: 100%;
    padding-top: 100%; /* 1:1 Aspect Ratio */
    background: #fefefe;
    display: inline-block;
    overflow: hidden;
    position: relative;

}
.squareGalleria img{
    height: 100%;
    /*mix-blend-mode: overlay;*/
    /*mix-blend-mode: color-burn;*/
    /*filter: grayscale(100%);*/
    position: absolute;
    top: 0%;
    left: 0%;
}
.square{
    width: 100%;
    height: 100%;
    padding-top: 100%; /* 1:1 Aspect Ratio */
    background: #fefefe;
    display: inline-block;
    overflow: hidden;
    position: relative;

}
.square img{
    height: 100%;
    /*mix-blend-mode: overlay;*/
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translate(-50%, -0%);
}
.textGalleria{
    font-size: 18px;
    text-transform: uppercase;
    color: #FFF;
    font-weight: bold;
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-shadow: 2px 2px 2px #666666;
}

.ui-panelgrid .ui-grid-responsive .ui-grid-row{border-top: 0px !important;}

h1.notizie {
    margin-top: 5px;
    color: #585858 !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 900 !important;
    text-transform: uppercase;
    font-size: 14px  !important;
}

h2.notizie {
    color: #585858 !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 900 !important;
    font-size: 12px  !important;
    margin-top: 10px;
    margin-bottom: 6px;
}

p.notizie {
    color: #585858 !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 12px  !important;
    margin: 0 0 5px;
}

a.leggi, a.leggi:active, a.leggi:visited{
    color: #585858 !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 12px  !important;
    float: right;
}


.dipartimenti, a.dipartimenti, a.dipartimenti:active, a.dipartimenti:visited{
    color: #252525 !important; font-size: 10px;
}

.alert-01{
    background: #FFF;
    border: #FFB400 solid;
    border-width: 2px;
    color: #6f6f6f;
    font-size: 18px;
    font-weight: bold;
    padding: 30px;    
    text-align: center;
    margin:30px;
}
.alert-01 h2{
    color: #FFB400;
    font-size: 16px;
    text-transform:  uppercase;   
}

.news-thmbnail-container {
    width: 360px;
    height: 220px; 
    overflow: hidden; 
    padding: 5px;
}

.news-placeholder-container {
    width: 100%;
    height: 180px; 
    overflow: hidden; 
}

.news-main-image-container {
    width: 100%;
    height: 380px; 
    overflow: hidden; 
}

.pubblicita-placeholder-container {
    width: 80%;
    height: 200px; 
    overflow: hidden; 
}

.gdgt-logo a img {
    height: 70px;
    width: auto;
}

/*SHARE THIS*/
.shareButton {
    color: #999 !important;
}

.imagePanel .ui-overlaypanel-content {
    background-color: #453333;
}

.share-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
}

.share-buttons a,.share-buttons a:active,.share-buttons a:visited {
    color: #ffffff;
}

.share-buttons a:hover {
    color: #d8993a;
}

.eventoOrariPre {
    background-color: transparent;
    border: none;
    font-size: 14px;
    color: #5a5a5a;
    font-family: 'Poppins', sans-serif !important;
    padding: 0px;
}

.ui-radiobutton .ui-state-hover, .ui-radiobutton .ui-state-active {
    border: solid 2px #453333;
}
.ui-radiobutton .ui-state-active .ui-icon-bullet, .ui-radiobutton .ui-state-focus .ui-icon-bullet{
    background-color: #FFB400;
}

.ui-chkbox-box .ui-icon-check {
    border-bottom: solid 3px #FFB400;
    border-right: solid 3px #FFB400;
}

.ui-paginator-page.ui-state-focus,
.ui-paginator .ui-paginator-first.ui-state-focus,
.ui-paginator .ui-paginator-prev.ui-state-focus,
.ui-paginator .ui-paginator-next.ui-state-focus,
.ui-paginator .ui-paginator-last.ui-state-focus {
    background-color: #FFB400;
}
/*calendario schedule*/
.fc-toolbar{
    background-color: #ccc;
}
.fc-view-container table thead tr th, .fc-view-container table thead tr .fc-sun, .fc-view-container table thead tr .fc-sat {
    background-color: #777;
}
.fc-toolbar button{
    border: solid 1px #FFB400;
}
.fc-view-container table thead tr th {
    color: #FFF;
}

.ui-icon, .ui-widget-content .ui-icon{
    background-image: url("/beertravel/javax.faces.resource/img/ui-icons_72b42d_256x240.png.xhtml");
}
#form\:datagridAttivita .ui-datascroller-content .ui-datascroller-loader,
#form\:datagridBirre .ui-datascroller-content .ui-datascroller-loader{
    clear: both;
    float: right;
}
.ratingDate{text-align: right;}
.ui-selectmanycheckbox label { vertical-align: top !important; padding-top: 2px !important;}
.dialogRecensione{width:600px;height:500px;}

.dialogRating .ui-rating-star a { width: 32px !important; height: 32px !important; }
.ui-accordion .ui-accordion-header {
  padding-left: 30px !important;
}

.img-user {
	width: 50px;
	height: 50px;
	border-radius: 25px;
	display: block;
	float: left;
	margin-right: 10px;
    }

    
    a.mnuSidebar {
        text-align: left; font-size: 18px !important; font-weight: bold;
        color: #333333 !important;
        text-transform: uppercase;
    }
    a.mnuLogin { 
        color: #FFB400 !important;
	background: #453333;
	border-radius: 8px;
	text-align: center;
        padding: 6px 24px;            
        text-transform: uppercase;
    }
    
@media (max-width: 768px) {
    .container{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .navbar-fixed-top { position: static !important; }
    .navbar-01Rabbit .navbar-nav > li { width: 100%; box-sizing: border-box;}
    .navbar-01Rabbit .navbar-nav > li > a{text-align: left; font-size: 18px !important;}
    .navbar-01Rabbit .navbar-nav { margin: 0px; }
    .navbar-static-top {margin-top: 0px;min-height: 0px !important;}
    .ui-carousel .ui-carousel-mobiledropdown { display: none !important; }
    .squareHome {
        width: 100%;
        height: 40%;
        padding-top: 50%;
        background-position: center center;
        background-size: cover;
    }
    .carousel { margin-top: -18px;}
    .social-top {
        float: right; 
        margin-top: 10px;
        margin-right: 50px;
    }
    .bloccoInfo {
        display: none;
    }
    .contenitoreNews {
        padding-bottom: 0px !important;
        margin-top: 20px!important;
    }
    .btnEntra{
        width: calc(100% / 4);
        box-sizing: border-box;
    }
    .titoloHome00Header { font-size: 14px !important; }
    .titoloHome02Header { font-size: 20px !important; }
    .titoloHome06{font-size: 18px;}
    .titoloNostriNumeri{font-size: 16px;}
    .headerSearchBar{
        padding-left: 50px;
        padding-right: 50px;
    }
    .news-thmbnail-container {
        position: relative; 
        width: 100%;
        height: 180px; 
        overflow: hidden; 
        padding: 5px;
    }
    .titoloUrlInEvidenza {
        font-size: 20px;
    }
    #navbarMenu {
        position: absolute;
        z-index: 1000;
        background-color: #ffffff;
        left: 0px;
        margin-top: 0px;
        box-shadow: -15px 15px 15px -15px #333;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        width: 280px;
        max-height: 480px !important;
        padding-bottom: 16px;
    }
    .gdgt-logo a img { height: 60px; width: auto; }
    .gdgt-logo{ text-align: center; }
    .icon-categorie > img{padding: 0% 20% 0% 20%; }
    .container-contenuti-scrivi-recensione{ padding: 15px !important;}
    .card-birra { margin-right: 0px; height: 350px !important; }
    .card-birra.card-birra-descrizione { margin-right: 0px; height: 260px !important; }
    .dialogRating .ui-rating-star a { width: 32px !important; height: 32px !important; }
    .ui-button-icon-left{    margin-left: 0px;}
    .ratingDate{text-align: left;}
    #logoFooter{ padding: 0px 40px;}
    .ui-chkbox{margin-bottom: 8px;}
    .rowEvento{margin-bottom: 8px;}
    .dialogRecensione{width:380px;height:480px;}
    .ui-fileupload-buttonbar .ui-button .ui-button-text {
          display: inline !important;;
        }
    
}
@media (min-width: 768px) {
    .container{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .navbar-fixed-top {
        width: 740px;
        position: static !important;
    }    
    .social-top {
        float: right; 
        margin-top: 10px;
    }
    .bloccoInfo { display: none; }
    .contenitoreNews {
        padding-bottom: 0px !important;
        margin-top: 0px!important;
    }
    .btnEntra{
        width: calc(100% / 4);
        box-sizing: border-box;
    }
    .news-thmbnail-container {
        position: relative; 
        height: 134px; 
        width: 225px;
        overflow: hidden; 
        padding: 5px;
    }
    .header-main-image { height: 490px; }
    .titoloHome00Header { font-size: 16px !important; }
    .titoloHome02Header { font-size: 30px !important; }
    .headerSearchBar{ padding: 0px 50px; }
    .gdgt-logo a img {  height: 60px;  width: auto; }
    .gdgt-logo{ text-align: center; }
    .icon-categorie > img{padding: 0% 20% 0% 20%; }
    #logoFooter{ padding: 0px 10px;}
    .dialogRecensione{width:600px;height:500px;}
}
@media (min-width: 992px) {
    .container{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .navbar-fixed-top {
        position: static !important;
        width: 940px;
    }
    .social-top {
        float: right; 
        margin-top: 10px;
        margin-right: 50px;
    }
    .navbar-01Rabbit .navbar-nav > li > a{ font-size: 13px; }
    #logo {height: 50px;}
    .bloccoInfo { display: none;}
    .contenitoreNews {
        padding-bottom: 0px !important;
        margin-top: -30px !important; 
    }
    .btnEntra{
        width: calc(100% / 8);
        box-sizing: border-box;
    }
    .news-thmbnail-container {
        position: relative; 
        width:300px;
        height: 176px; 
        overflow: hidden; 
        padding: 5px;
    }
    .icon-categorie > img{padding: 0% 20% 0% 20%; }
}
@media (min-width: 1200px) {
    .navbar-fixed-top {
        width: 1140px;
        position: sticky !important;
    }
    #logo { height: 70px; }
    .navbar-01Rabbit .navbar-nav > li > a { font-size: 14px;}
    .social-top {
        float: right; 
        margin-top: 10px;
        margin-right: 50px;
    }   
    .bloccoInfo {
        display: inherit;
        height: 80px;
        background-color: #0B4B4B;
        position: absolute;
        width: 100%;
        margin-top: 450px;
        text-align: center;
        color: #fff;
        letter-spacing: 2px;
        font-size: 36px;
        line-height: 80px;
    }
    .contenitoreNews { margin-top: -30px !important; }
    .btnEntra{ width: calc(100% / 8); box-sizing: border-box; }
    .attivitaBox{ width: calc(5 * 100% / 8) !important; }
    .newsBox{
        width: calc(3 * 100% / 8) !important;
        padding-left: -30px;
    }
    .news-thmbnail-container {
        position: relative; 
        width: 360px;
        height: 220px; 
        overflow: hidden; 
        padding: 5px;
    }
    .icon-categorie > img{padding: 0% 30% 0% 30%; }
    .ui-chkbox.ui-widget {padding-bottom: 7px;}    

}


@media (min-width: 768px) and (max-width: 1200px) {
     #navbarMenu {
        position: absolute;
        z-index: 1000;
        background-color: #ffffff;
        left: 0px;
        margin-top: 0px;
        box-shadow: -15px 15px 15px -15px #333;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        width: fit-content;
        padding-right: 20px;
    }
    .navbar-01Rabbit .navbar-header { float: none !important; }
    .navbar-01Rabbit .navbar-toggle { display: block !important; }
    .navbar-01Rabbit .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);}
    .navbar-01Rabbit .navbar-collapse.collapse { display: none !important; }
    .navbar-01Rabbit .navbar-collapse.collapse.in { display: block !important; }
    .navbar-01Rabbit .navbar-nav { float: none!important; }
    .navbar-01Rabbit .navbar-nav>li { float: none; }
    .navbar-01Rabbit .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; }
}

  @media screen and (max-width: 40em){
        .ui-fileupload-buttonbar .ui-button .ui-button-text {
          display: inline !important;;
        }
  }
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5) and (orientation : landscape),
only screen and (min-device-pixel-ratio : 1.5)  and (orientation : landscape){
    /*body { font-size: 150%; }*/
    .icon-categorie > img{padding: 0% 20% 0% 20%; }
    .iconaHome{
        width: 16.66666666% !important;
    }
}

@media
only screen and (-webkit-min-device-pixel-ratio : 2) and (orientation : landscape),
only screen and (min-device-pixel-ratio : 2)  and (orientation : landscape){
    /*body { font-size: 200%; }*/
    .icon-categorie > img{padding: 0% 20% 0% 20%; }
    .iconaHome{
        width: 16.66666666% !important;
    }
}

@media
only screen and (-webkit-min-device-pixel-ratio : 3) and (orientation : landscape),
only screen and (min-device-pixel-ratio : 3)  and (orientation : landscape){
    /*body { font-size: 200%; }*/
    .icon-categorie > img{padding: 0% 20% 0% 20%; }
    .iconaHome{
        width: 16.66666666% !important;
    }
}

@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5){
    .dialogRecensione{background: #c00; width:300px;height:480px;}
}