/*
 Theme Name:   Unova Child
 Theme URI:    http://themeforest.net/user/VictorThemes
 Description:  Modifiche tema iridecomunicazione
 Author:       VictorThemes
 Author URI:   http://themeforest.net/user/VictorThemes/portfolio
 Template:     unova
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         one-column, two-columns, left-sidebar, right-sidebar, custom-menu, featured-images, post-formats, theme-options, translation-ready
 Text Domain:  unova-child
 */

 /* Write Custom CSS */

.unva-brand{padding: 15px 0;}  
.home .unva-mid-wrap{padding: 0;}
.cpation-wrap h2{font-size: 53px;}
.unva-navigation > ul > li > a > .nav-text{text-align: center;}
input[type="checkbox"], input[type="radio"] {margin: 10px 5px 0px -16px;}
b, strong {font-family: "Helvetica Neue Medium", Arial, sans-serif; font-weight: 500;}
a:hover, a:focus{color: #0562ad;}
#turn-key h2, #turn-key p ,  #craft-beer-plants h2,  #craft-beer-plants p{color: white;}
#craft-beer-plants h2,  #craft-beer-plants p {font-family: "Helvetica Neue Medium", Arial, sans-serif;}
.unva-topbar a:hover{opacity: 1;}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu a{color: #000; width:90px;}
a.js-wpml-ls-item-toggle.wpml-ls-item-toggle{color: black;}
#turn-key h2 , #craft-beer-plants h2{font-weight: 400; line-height: 50px;}
#turn-key hr , #craft-beer-plants hr{margin-top: 0px; border-top: 1px solid rgba(255,255,255,0.37);}
.unva-banner .cpation-wrap p {font-family: "Helvetica Neue Thin", Arial, sans-serif;}
header #sticky-wrapper{height:99px;}
.unva-topbar ul li{padding-right: 0px;}
.unva-topbar{background:#1f274c;}
.unva-topbar ul li:after{display: none;}
.unva-navigation > ul > li > a{padding: 33px 11px 48px 14px;}
div.intestazione{font-size: 18px; padding-left: 50px; color: #929292; font-weight: 300;}

/* modificato da giuseppe */
table#reference { position: relative; }
/* /modificato da giuseppe */

table#reference .titolo {
  width: 15%;
  color: #1f274c;
  font-weight: bold;
  padding-top: 20px;
  padding-bottom: 25px;
  padding-left: 11px;
  padding-right: 11px;
  font-size: 18px;
}

/*table#reference .contenuto-nasc{
  border-right: 0;

}*/

table#reference td.dettaglio a {
  color: #1f274c;
  font-size: 18px;
  font-family: "Helvetica Neue Medium", Arial, sans-serif;
  white-space: nowrap;
}

table#reference .dettaglio {
  text-align: right;
  vertical-align: middle;
  padding-left: 20px;
  padding-right: 20px;
  border-left: 0;
  width: 6% !important;
}

table#reference td.nomecliente{
  text-align: left;
  padding-left: 20px;
  cursor: pointer;
}

table#reference div.etichetta {
  font-size: 13px;
  color: #20274c;
  padding-bottom: 10px;
  font-family: "Helvetica Neue Medium", Arial, sans-serif;
}

table#reference .shown .nomecliente {
  font-weight: bold;
  border-right: 0;
}

table#reference p {
  font-family: "Rubik", Arial, sans-serif;
  color: #202020;
  font-size: 14px;
}

table#reference tr.details {
  text-align: left;
  display: table-row;
}

table#reference tr.details td {
  padding: 27px;
}

table#reference table.dett td , table#reference table.dett{
  border: 0px;
  font-size: 16px;
  color: #333;
  line-height: 19px;
}


table#reference tr.active td.titolo{
  box-shadow: inset 10px 0px 0px 0px #1f274c;
}

table#reference tr.active{
  background-color: #fdfdfd;
}


.continente {
  text-align: center;
  border-bottom: 1px solid lightgrey;
  border-right: 1px solid lightgrey;
  padding: 18px;
}

.continente a {
  color: #1f274c;
  font-weight: bold;
  letter-spacing: 1px;
  font-size: 18px;
}

.continente.active {
  box-shadow: inset 0px -10px 0px 0px #1f274c;
}

.bottone {
  font-family: "Helvetica Neue Medium", Arial, sans-serif;
  text-transform: initial;
}

#testo a.unva-btn i, #craft-beer-plants a.unva-btn i {
  color: #1f274c;
  padding-left: 0;
  margin-left: 10px;
  font-size: 17px;
  transform: translateY(2px);
}

#testo .grigino{
  color: rgba(255,255,255,0.79);
}

.progress-title{
  font-size: 18px;
  font-weight: 700;
  color: #333;
  text-transform: uppercase;
  margin: 0 0 25px;
}
.progress{
  height: 20px;
  background: #e9e9ea;
  border-radius: 15px;
  margin-bottom: 30px;
  overflow: visible;
  position: relative;
}
.progress:before, .progress:after {
  content: "";
  width: 86px;
  height: 86px;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  top: -34px;
  left: 0;
  z-index: 1;
}

.progress:after{
  border: 4px solid #e9e9ea;
  left: auto;
  right: 0;
}
.progress .progress-bar{
  box-shadow: none;
  border: none;
  border-radius: 15px;
  position: relative;
  width: 100%;
  background: #1f274c;
}

.progress#birra .progress-value {
  padding: 11px;
}

.progress .progress-value{
  width: 86px;
  height: 86px;
  line-height: 24px;
  border-radius: 50%;
  background: #fff;
  font-size: 17px;
  font-weight: 600;
  position: absolute;
  top: -34px;
  right: 0px;
  z-index: 2;
  padding: 4px;
}

.progress#birra:before {
  border: 4px solid #1f274c;
  /*background: url(/wp-content/themes/unova-child/img/birra.png);*/
  background-repeat: no-repeat;
  background-size: 46%;
  background-position: center;
  background-color: white;
}

.progress#pack:before {
  border: 4px solid #1f274c;
  /*background: url(/wp-content/themes/unova-child/img/pack.png);*/
  background-repeat: no-repeat;
  background-size: 54%;
  background-position: center;
  background-color: white;
}

.progress#birra .progress-value, .progress#pack .progress-value{
  border: 4px solid #1f274c;
  color: #1f274c;
}


.progress .iniziale{
  position: absolute;
  color: #1f274c;
  z-index: 2;
  width: 86px;
  height: 86px;
  border-radius: 50%;
  top: -34px;
  font-size: 17px;
  display:none;
  border: 4px solid #1f274c;
  display:block;
  left: 0;
}

.progress .iniziale .formatta{
	top: 50%;
  transform: translateY(-50%);
  position: absolute;
  width: 100%;
}

.anima{
  -webkit-animation: animate-positive 3s;
  animation: animate-positive 3s;
}

.owl-carousel .owl-item img {
  width: 150px;
}

.unva-widget ul li a {
  color: grey !important;
  text-transform: uppercase;
  font-size: 13px;
}

.unva-footer .unva-widget ul li {
  padding: 0 0 0 0px;
}

.unva-footer .unva-widget ul li:after, .unva-widget ul li:after {
  display: none;
}

.block_filter_check{text-align: right; padding-top: 8px;}
#reference .block_title_spa{display: none;}
#reference .active .block_title_spa{display: block; font-family: "Helvetica Neue Medium", Arial, sans-serif;}
#reference .title_cell{display: block;}
#reference .active .active_block{display: none;}
.maps_section h2{padding-top: 2em; color: #1f274c; text-align: center; padding-bottom: 1em;}
.title_block_blu{color: #1f274c; font-family: "Helvetica Neue Medium", Arial, sans-serif; text-align: left; width: 29%; padding: 2em; padding-left: 1.5em; font-size: 24px !important;}
.active_block{font-size: 20px;}
.titolo img{min-height: 80px; width: 100%; margin-top: 15px;}
.block_count{padding: 2em; width: 33%;}
.filter_block{padding-bottom: 2em; width: 450px; float: right;}
a.trigger{cursor: pointer;}
#reference .contenuto-nasc{display: none;}
#reference .active .contenuto-nasc{display: table-cell;}
.gallery_block, .w3-content{text-align: right; padding-left: 10px;}
.gallery_block a{cursor: pointer; color: #1f274c !important; font-size: 20px; font-family: "Helvetica Neue Medium", Arial, sans-serif;}

.filter_block #y-check:checked ~ .container_check::before, .filter_block #c-check:checked ~ .container_check::before{color: #1f274c; border-color: #ddd; background-color: #fff;}
.container_check::before{position: absolute; top: .30rem; left: 0.25rem; display: block; width: 1.4rem; height: 1.4rem; pointer-events: none; content: ""; background-color: #fff; border: #adb5bd solid 1px; border-top-color: rgb(173, 181, 189); border-right-color: rgb(173, 181, 189); border-bottom-color: rgb(173, 181, 189); border-left-color: rgb(173, 181, 189);}

/*Mappa*/
.gm-style div{margin-top: 0 !important; padding-top: 0px;}
.wpgmza_infowindow_title{color: #1f274c !important; font-size: 24px; font-family: "Helvetica Neue Medium", Arial, sans-serif; text-align: center; width: 80%; margin: auto; padding-bottom: 20px !important; padding-top: 5px !important;}
.wpgmza_infowindow_link a{text-align: right; width: 100%; display: table; font-weight: 700; font-family: "Helvetica Neue Medium", Arial, sans-serif; color: #929292; padding-top: 10px; border-top: 1px solid #ddd; font-size: 18px;}
.wpgmza_infowindow_link a::after{content: ""; background: url('img/icon_more.jpg'); height: 12px; width: 8px; display: inline-block; background-repeat: no-repeat; margin-left: 10px;}
.wpgmza_infowindow_address, .wpgmza_gd{display: none !important;}
button.gm-ui-hover-effect{top: -2px !important; right: -2px !important;}
.img_more{text-align: right;}
.img_more a{cursor: pointer;}
.btn_more{font-size: 17px; font-family: "Helvetica Neue Medium", Arial, sans-serif; color: #929292; cursor: pointer;}
table#reference tr.referenza {display: none;}
table#reference tr.active_sec{display: table-row; height: 100%; overflow-y: auto;}
.wpgmza_map img{max-width: 80%; margin: auto !important; display: table; float: none !important; text-align: center;}
.wpgmza_infowindow_link{cursor: pointer;}
.blocco_aperto .details{display: table;}
#overlay2 table#reference table.dett td{color: #000;}
td.no_border{border: none !important;}
table#reference tr.abs_pop td.titolo{height: 700px;}
#overlay2 #button_open{display: none;}
.close_popup_2 {display: none;}
#content_overlay2 .close_popup_2 {display: block;}
.abs_pop td{cursor: default;}
.pop_hover_act{overflow: hidden}

/*Popup*/
.overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5);
  z-index: 2;
  cursor: pointer;
  z-index: 999999999999;
}
#overlay2 {
  position: fixed;
  display: table;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5);
  z-index: 2;
  cursor: pointer;
  z-index: 999999;
}

#content_overlay, #content_overlay2{
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 50px;
  color: white;
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  width: 1170px;
  line-height: 0px !important;
}

/*modificato da giuseppe */
.resp_content, .resp_content2{
	display: block;
  background: #fff;
  background-size: 100%;
  position: relative;
  padding-bottom: 60%;
  overflow: auto;
  height: 700px;
  width: 1170px;
  box-shadow: inset 10px 0px 0px 0px #1f274c;
  width: 100% !important;
  overflow: hidden;
}

/* /modificato da giuseppe */


.close_popup{
	border: none !important;
	background: none;
	right: 10px;
	position: absolute;
	top: 10px;
	font-size: 18px;
	background: #fff;
	color: #1f274c !important;
	color: #000;
	border-radius: 50px;
	height: 30px;
	width: 30px;
	font-family: "Helvetica Neue Medium", Arial, sans-serif;
}

.close_popup_2{
	border: none !important;
	background: none;
	right: 10px;
	position: absolute;
	top: 10px;
	font-size: 18px;
	color: grey !important;
	border-radius: 50px;
	height: 30px;
	width: 30px;
	font-family: "Helvetica Neue Medium", Arial, sans-serif;
  z-index: 9999999;
}

.container_check {
  display: inline-table;
  position: relative;
  padding-left: 25px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #1f274c;
  padding-right: 20px;
}

/* Hide the browser's default checkbox */
.container_check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: #fff; border: 1px solid #ddd;}

/* On mouse-over, add a grey background color */
.container_check:hover input ~ .checkmark{background-color: #fff;}

/* When the checkbox is checked, add a blue background */
.container_check input:checked ~ .checkmark{background-color: #fff;}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after{content: ""; position: absolute; display: none;}

/* Show the checkmark when checked */
.container_check input:checked ~ .checkmark:after{display: block;}

/* Style the checkmark/indicator */
.container_check .checkmark:after{left: 7px; top: 4px; width: 5px; height: 10px; border: solid #1f274c; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

@-webkit-keyframes animate-positive{
  0%{ width: 15%; }
}
@keyframes animate-positive{
  0%{ width: 15%; }
}

@media(min-width:1200px){
  #turn-key h2{font-size: 35px; padding-top: 8px;}
  #customer{margin-top:100px !important;}
  #turn-key #testo{padding-right: 20px;}
  #craft-beer-plants .unva-btn{float: right;}
}

.table-responsive thead{color: #fefefe; display: none;}
.table-responsive tbody{width: 100%;}
.table-responsive tbody td{display: inline-grid;}
.table-responsive tbody td::before{content: attr(aria-label); display: inline-block; font-weight: bold; margin: 0 1rem 0 0; min-width: 80px;}
.table-responsive tbody td:first-child::before{display: none;}
.table-responsive tr{padding: 1.25rem 1rem; max-width: 100%; width: 100%;}
.table-responsive tbody td.country ,.table-responsive tbody td.state ,.table-responsive tbody td.year{width: 10%;}
.table-responsive tbody td.scope{width: 30%;}

.table-responsive tbody td.equip{/*width: 40%;*/ width: 35%;}


@media screen and (min-width: 900px) {

  .table-responsive thead{display: table-header-group;}
  .table-responsive tbody{display: table-row-group;}

}

@media (max-width:995px){
  table#reference tr.details{background-color: #f1f1f1; border-bottom: 13px solid white;}
}

@media (min-width:600px) and (max-width:995px){
  .table-responsive tbody td.country, .table-responsive tbody td.state, .table-responsive tbody td.year{width: 24.333333%;}
  .table-responsive tbody td.scope{width: 30%;}
  .table-responsive tbody td.equip{width: 48.666666%;}

}

/*@media(min-width:650px) and (max-width:994px){

  table#reference{table-layout: fixed;}
  table#reference .titolo{width: 23%;}
  table#reference .contenuto-nasc{width: 75%;}
  table#reference .dettaglio{width: 17%;}

}*/

@media(max-width:649px){

  .table-responsive tbody td.country, .table-responsive tbody td.state, .table-responsive tbody td.year ,.table-responsive tbody td.scope,.table-responsive tbody td.equip{width: 100%; font-size:12px;}
  .table-responsive tbody td.equip p{font-size:12px !important; color:#333333;}
  table#reference td.dettaglio a{font-size: 16px;}
  div.intestazione{padding-left: 0px;}
  table#reference tr.active td.titolo{box-shadow: inset 4px 0px 0px 0px #1f274c;}

}

@media(max-width:480px){

  .unva-brand{padding: 25px 0; width: 110px;}
  .unva-page-title h1{font-size: 32px; font-weight: 100;}
  .unva-mid-wrap{padding-bottom: 0;}
  h2, .h2{font-size: 19px;}
  .unva-widget img{height: 58px; width: auto;}
  table#reference tr.details td{padding: 9px 13px;}
  table#reference .titolo{padding-bottom: 15px; padding-left: 12px; padding-right: 12px; padding-top: 15px; font-size: 15px;}
  table#reference div.etichetta{padding-bottom: 0px;}
  #myInput{width: auto;}
  .progress .progress-value,.progress .iniziale {width: 70px; height: 70px; line-height: 16px; font-size: 14px;}
  .progress{height: 6px; margin-bottom: 0px;}
  .progress:before, .progress:after{width: 70px; height: 70px;}
  .section-title-wrap p{font-size: 16px; line-height: 23px;}
  #turn-key h2, #craft-beer-plants h2{line-height: 20px;}

}



.continente{border-left: 1px solid lightgray;}
.wpml-ls-legacy-list-horizontal{padding-top: 0px !important;}
.unva-topbar .pull-left{padding-top: 5px;}
.pop_hover_act #wpgmza_map_1{height: auto !important}


/*Tablet & Mobile*/

/*#1*/
@media only screen 
and (max-width : 1199px) 
and (min-width : 992px) {
html, body{width: 100% !important; overflow-x: hidden;}

.continente a{font-size: 16px !important;}
.title_block_blu{font-size: 21px !important;}
table#reference tr.active_sec.active .dettaglio{vertical-align: middle !important; padding-left: 20px; padding-right: 20px; text-align: right; position: relative; border-top: 0; border-bottom: 0; margin-top: 15px;}
table#reference .contenuto-nasc{width: 86%;}
table#reference tr.active_sec.active .dett{padding-bottom: 0px !important; margin-bottom: 0px !important}
table#reference tr.active_sec.active tr.details{border-bottom: 0px solid white;}
table#reference tr.active_sec .dettaglio{text-align: center; padding: 10px}
#reference, table#reference td{padding: 10px; font-size: 19px !important;}
table#reference td.dettaglio a{font-size: 16px;}
.titolo img{width: 150px; margin-top: 1.5em; margin-bottom: 1.5em; height: auto;}
.abs_pop table#reference tr.trgm_Altstadt-Brewing-Company.active_sec.active .dettaglio{right: 3px !important;}
#content_overlay, #content_overlay2{width: 100%; padding: 30px;}
table#reference td{vertical-align: middle;}
.resp_content, .resp_content2{padding-bottom: 0% !important; height: auto !important}
.block_img_gallery img{width: auto !important; height: auto !important;}

.pop_hover_act{overflow: hidden !important}
#content_overlay{height: auto; width: 100%; padding: 30px !important; top: 0%; transform: translate(-50%,0%);}
#content_overlay2{width: 95%; overflow: auto; height: 75%; background: #fff; padding: 30px !important; top: 20%; transform: translate(-50%,-20%);}
#content_overlay2.abs_pop_2{overflow: hidden}
#reference{border: 0px solid rgba(0,95,170,0.19);}
.resp_content{box-shadow: inset 0px 0px 0px 0px #1f274c}
.w3-content{padding-left: 0px;}
.gallery_box .block_nav_gallery{margin-left: 0px !important}
#content_overlay2 .close_popup_2{background: #fff}
.gallery_box{margin-top: 0px;}
table#reference tr.abs_pop td.titolo{height: auto;}
table#reference tr.active_sec{display: table-row; height: 100%; overflow-y: auto; top: 0px; overflow-x: hidden}

}

/*#2*/
@media only screen 
and (max-width : 991px) 
and (min-width : 768px) {
html, body{width: 100% !important; overflow-x: hidden}

.continente a{font-size: 16px !important;}
.title_block_blu{font-size: 21px !important;}
table#reference tr.active_sec.active .dettaglio{width: 5% !important; border-right: 0px; text-align: center; padding: 0px !important; position: absolute; border-top: 0; border-bottom: 0; margin-top: 15px; right: 5px}
table#reference .contenuto-nasc{width: 86%;}
table#reference tr.active_sec.active .dett{padding-bottom: 0px !important; margin-bottom: 0px !important}
table#reference tr.active_sec.active tr.details{border-bottom: 0px solid white;}
table#reference tr.active_sec .dettaglio{text-align: center; padding: 10px}
#reference, table#reference td{padding: 10px; font-size: 19px !important;}
table#reference td.dettaglio a{font-size: 16px;}
.titolo img{width: 150px; margin-top: 1.5em; margin-bottom: 1.5em; height: auto;}
.abs_pop table#reference tr.trgm_Altstadt-Brewing-Company.active_sec.active .dettaglio{right: 3px !important;}
#content_overlay, #content_overlay2{width: 100%; padding: 30px !important; top: 0%; transform: translate(-50%,0%);}
table#reference td{vertical-align: middle;}
.resp_content, .resp_content2{padding-bottom: 0% !important; height: auto !important}
.block_img_gallery img{width: auto !important; height: auto !important;}

.pop_hover_act{overflow: hidden !important}
#content_overlay{height: auto; width: 100%; padding: 30px !important; top: 0%; transform: translate(-50%,0%);}
#content_overlay2{width: 95%; overflow: auto; height: 75%; background: #fff; padding: 30px !important; top: 20%; transform: translate(-50%,-20%);}
#content_overlay2.abs_pop_2{overflow: hidden}
#reference{border: 0px solid rgba(0,95,170,0.19);}
.resp_content{box-shadow: inset 0px 0px 0px 0px #1f274c}
.w3-content{padding-left: 0px;}
.gallery_box .block_nav_gallery{margin-left: 0px !important}
#content_overlay2 .close_popup_2{background: #fff}
.gallery_box{margin-top: 0px;}
table#reference tr.abs_pop td.titolo{height: auto;}
.mobile_hide{display: none}
.title_block_blu{width: auto !important;}
}


/*#3*/
@media only screen 
and (max-width : 767px) 
and (min-width : 522px){
html, body{width: 100% !important; overflow-x: hidden;}

.continente{border-left: 1px solid lightgray;}
.continente a{font-size: 16px !important;}
.title_block_blu{font-size: 21px !important;}
table#reference tr.active_sec.active .dettaglio{width: 5% !important; border-right: 0px; text-align: center; padding: 0px !important; position: absolute; border-top: 0; border-bottom: 0; margin-top: 15px; right: 15px}
table#reference .contenuto-nasc{width: 86%;}
table#reference tr.active_sec.active .dett{padding-bottom: 0px !important; margin-bottom: 0px !important}
table#reference tr.active_sec.active tr.details{border-bottom: 0px solid white;}
table#reference tr.active_sec .dettaglio{border-right: 0px; text-align: center; padding: 10px}
#reference, table#reference td{padding: 10px; font-size: 19px !important;}
table#reference td.dettaglio a{font-size: 15px;}
.titolo img{width: 150px; margin-top: 1.5em; min-height: auto !important; margin-bottom: 1.5em; height: auto;}
.abs_pop table#reference tr.trgm_Altstadt-Brewing-Company.active_sec.active .dettaglio{right: 15px !important;}
#content_overlay, #content_overlay2{width: 100%; padding: 30px;}
table#reference td{vertical-align: middle;}
.resp_content, .resp_content2{padding-bottom: 0% !important; height: auto !important}
.block_img_gallery img{width: auto !important; height: auto !important;}
#myInput{width: 100%; margin-bottom: 0px;}
div.intestazione{line-height: 47px;}
.filter_block{text-align: right;}
#content_overlay, #content_overlay2{top: 0%; transform: translate(-50%,0%); -ms-transform: translate(-50%,0%); height: 100%;}
.mobile_hide{display: none}
.title_block_blu{width: auto !important;}
}


/*#4*/
@media only screen  
and (max-width : 521px)
and (min-width : 400px){
html, body{width: 100% !important; overflow-x: hidden;}

.continente{border-left: 1px solid lightgray;}
.continente a{font-size: 16px !important;}
.title_block_blu{font-size: 21px !important;}
table#reference tr.active_sec.active .dettaglio{width: 5% !important; border-right: 0px; text-align: center; padding: 0px !important; position: absolute; border-top: 0; border-bottom: 0; margin-top: 15px; right: 15px}
table#reference .contenuto-nasc{width: 100%;}
table#reference tr.active_sec.active .dett{padding-bottom: 0px !important; margin-bottom: 0px !important}
table#reference tr.active_sec.active tr.details{border-bottom: 0px solid white;}
table#reference tr.active_sec .dettaglio{border-right: 0px; text-align: center; padding: 10px}
#reference, table#reference td{padding: 10px; font-size: 14px !important;}
table#reference td.dettaglio a{font-size: 13px;}
.titolo img{width: 150px; margin-top: 1.5em; min-height: auto !important; margin-bottom: 1.5em; height: auto;}
.abs_pop table#reference tr.trgm_Altstadt-Brewing-Company.active_sec.active .dettaglio{right: 15px !important;}
#content_overlay, #content_overlay2{width: 100%; padding: 30px;}
table#reference td{vertical-align: middle;}
.resp_content, .resp_content2{padding-bottom: 0% !important; height: auto !important}
.block_img_gallery img{width: auto !important; height: auto !important;}
#myInput{width: 100%; margin-bottom: 0px;}
div.intestazione{line-height: 47px;}
.filter_block{text-align: right;}
table#reference .titolo{display: none}

#content_overlay{height: auto; width: 100%; padding: 0px !important; top: 0%; transform: translate(-50%,0%);}
#content_overlay2{width: 95%; overflow: auto; height: 75%; background: #fff; padding: 0px !important; top: 20%; transform: translate(-50%,-20%);}
#content_overlay2.abs_pop_2{overflow: hidden}
.wpgmza_map img{width: 100%;}
.wpgmza_infowindow_title{font-size: 18px;}
.mobile_hide{display: none}
.title_block_blu{width: auto;}
}


/*#5*/
@media only screen 
and (max-width : 399px){
html, body{width: 100% !important; overflow-x: hidden;}

.continente{border-left: 1px solid lightgray;}
.continente a{font-size: 16px !important;}
.title_block_blu{font-size: 21px !important;}
table#reference tr.active_sec.active .dettaglio{width: 5% !important; border-right: 0px; text-align: center; padding: 0px !important; position: absolute; border-top: 0; border-bottom: 0; margin-top: 15px; right: 15px}
table#reference .contenuto-nasc{width: 100%;}
table#reference tr.active_sec.active .dett{padding-bottom: 0px !important; margin-bottom: 0px !important}
table#reference tr.active_sec.active tr.details{border-bottom: 0px solid white;}
table#reference tr.active_sec .dettaglio{border-right: 0px; text-align: center; padding: 10px}
#reference, table#reference td{padding: 10px; font-size: 14px !important;}
table#reference td.dettaglio a{font-size: 13px;}
.titolo img{width: 150px; margin-top: 1.5em; min-height: auto !important; margin-bottom: 1.5em; height: auto;}
.abs_pop table#reference tr.trgm_Altstadt-Brewing-Company.active_sec.active .dettaglio{right: 15px !important;}
#content_overlay, #content_overlay2{width: 100%; padding: 30px;}
table#reference td{vertical-align: middle;}
.resp_content, .resp_content2{padding-bottom: 0% !important; height: auto !important}
.block_img_gallery img{width: auto !important; height: auto !important;}
#myInput{width: 100%; margin-bottom: 0px;}
div.intestazione{line-height: 47px;}
.filter_block{text-align: right;}
table#reference .titolo{display: none}

#content_overlay{height: auto; width: 100%; padding: 0px !important; top: 0%; transform: translate(-50%,0%);}
#content_overlay2{width: 95%; overflow: auto; height: 75%; background: #fff; padding: 0px !important; top: 20%; transform: translate(-50%,-20%);}
#content_overlay2.abs_pop_2{overflow: hidden}
.wpgmza_map img{width: 100%;}
.wpgmza_infowindow_title{font-size: 18px;}
table#reference .dettaglio{width: 1% !important;}
.mobile_hide{display: none}
.title_block_blu{width: auto;}
}