.elementor-12605 .elementor-element.elementor-element-21cd543{width:auto;max-width:auto;}.elementor-12605 .elementor-element.elementor-element-21cd543 > .elementor-widget-container{border-style:solid;border-width:1px 1px 1px 1px;border-color:#DCDCDC;border-radius:2px 2px 2px 2px;box-shadow:0px 0px 50px 0px rgba(0,0,0,0.5);}/* Start custom CSS for html, class: .elementor-element-21cd543 */li.hero-image {
 
  background-color: #cccccc;
  max-height: 180px;
  max-width: 180px;
  height: 140px;
  width: 120px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  float: left;
  margin: 2px;
  border: 3px solid #efefef !important;
  padding-top: 0px !important; 
  padding-bottom: 0px !important;
}

.hero-text {

  text-align: center;
  position: absolute;
  height: 30px;
  top: 80%;
  left: 50%;
  transform: translate(-50%, -20%);
  color: black;
  text-transform: uppercase;
  width: 99%;
  line-height: 1;
}

.link-in-menu{
	background-color: rgba(255,255,255,0.4);
    border-top: 1px solid #a3a3a3;
    border-bottom: 1px solid #a3a3a3;
    padding: 3px;
}

#megawrap{
    margin:2px;
    padding:2px;
    display: flex;
}

.all-wrap{
	width: 100%;
	height: 100%;

    -webkit-transition: background 3s ease-out;
    -moz-transition: background 3s ease-out;
    -o-transition: background 3s ease-out;
    transition: background 3s ease-out;
	background-color: none;
    }

.all-wrap:hover{
	background: rgb(235,235,235);
	background: radial-gradient(circle, rgba(235,235,235,0.1) 0%, rgba(255,255,255,1) 100%);
}

.hero-image:hover > .all-wrap > .hero-text >.link-in-menu{
  	font-weight: 500;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}


.hero-image:hover {
  border: 3px solid #e7b053 !important;
}

#megamenu{
	list-style-type: none;
    width: 1000px;
    text-align: center;
    justify-content: center;
    display: flex;
}/* End custom CSS */