.elementor-1372 .elementor-element.elementor-element-8f4b50d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-1372 .elementor-element.elementor-element-7672b090 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for shortcode, class: .elementor-element-7672b090 */#brandItems a img{
    width: 170px;
   display: block;
  background-position: center center;
  background-size: contain;
  height: 120px;
  margin-bottom: 20px;
  position: relative;
  transition: all 1s ease;
}

#brandItems a{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#brandItems li {
    float: left;
    margin: 0 0% 0em 0;
    width: 25%;
    padding: 5%;
}

#brandItems .brand-title{
    text-transform: uppercase;
   font-family: 'Ubuntu Condensed', sans-serif;
   letter-spacing: 1px;
   font-weight: bold;
   font-size: 16px;
   display: inline-block;
   position: relative;
   padding: 10px 25px;
   border: none;
   background-color: transparent;
   cursor: pointer;
   outline: none;
}



#brandItems .brand-title::before{
    content: '';
  display: block;
  position: absolute;
  width: 25%;
  height: 25%;
  border: 2px solid;
  transition: all 0.4s ease;
  border-radius: 0px;
  top: 0;
  left: 0;
  border-bottom-color: transparent;
  border-right-color: transparent;
  border-top-color: #84b015;
  border-left-color: #84b015;
}

#brandItems .brand-title::after{
    content: '';
  display: block;
  position: absolute;
  width: 25%;
  height: 25%;
  border: 2px solid;
  transition: all 0.4s ease;
  border-radius: 0px;
  bottom: 0;
  right: 0;
  border-top-color: transparent;
  border-left-color: transparent;
  border-bottom-color: #84b015;
  border-right-color: #84b015;
}

#brandItems a:hover img{
    transform: translateY(-10px);
}

#brandItems a:hover .brand-title::after{
    width: 105%;
    height: 109%;
}
#brandItems a:hover .brand-title::before{
    width: 105%;
    height: 109%;
}

@media screen and (max-width: 560px) {
 #brandItems ul.brand-thumbnails:not(.fluid-columns) li {
    width: 100% !important;
  }
}/* End custom CSS */