.column {
  float: left;
  width: 25%;
  padding: 10px;
 
}

/* Style the images inside the grid */
.column img {
	
  opacity: 0.8; 
  cursor: pointer; 
}

.column img:hover {
  opacity: 1;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* The expanding image container */
.container-image {
  position: relative;
  
}

/* Expanding image text */
#imgtext {
  position: absolute;
  bottom: 15px;
  left: 15px;
  color: white;
  font-size: 20px;
}

/* Closable button inside the expanded image */
.closebtn {
  position: absolute;
  top: 10px;
  right: 15px;
  color: white;
  font-size: 35px;
  cursor: pointer;
}

.et_pb_section_2 {
	z-index: 0 !important;
}

.produtos{
  padding: 0px 0 !important;
}
.icons_desc:hover{
		cursor: pointer;
	}
.icons_desc img.image-hover {
      object-fit: contain;
      opacity: 0;
	  display: none;
      transition: opacity .2s;
    }
.icons_desc:hover img.image-hover {
      opacity: 1;
	  display: block;
    }
.icons_desc:hover img.image-main{
	display: none;
}

.produtos .et_pb_column{
	z-index: 0 !important;
}

#expandedImg {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

#expandedImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal-1 {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 9999999999 !important; /* Sit on top */
  /*padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  /*overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content-1 {
  margin: auto;
  display: block;
  width: 80%;
  
}

/* Caption of Modal Image */
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

/* Add Animation */
.modal-content-1, #caption {  
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

/*Tabela Comercial*/

.tabela-comercial .content{
  display: flex;
  justify-content: center;
  padding-top: 50px;
  padding-bottom: 50px;
}

@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}


/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content-1 {
    width: 100%;
  }
}

/* The Close Button */
.modal-1 .close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.modal-1 .close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

.modal {
    display: none;
    position: fixed;
    z-index: 999999 !important;
    padding-top: 120px!important;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}
.et_pb_row{
	width: 100% !important;
	
}

.et_fixed_nav.et_show_nav.et_secondary_nav_enabled.et_header_style_centered #page-container, .et_non_fixed_nav.et_transparent_nav.et_show_nav.et_secondary_nav_enabled.et_header_style_centered #page-container {
	padding-top: 60px !important;
}

#top-header, .div-visualizacao{
	background-color: #92d1d6 !important;
}