::-moz-selection { /* Code for Firefox */
  color: inherit;
  background: rgba(0, 0, 0, 0.10);
}
::selection {
  color: inherit;
  background: rgba(0, 0, 0, 0.10);
}
body {
  word-break: break-word;
}
.site-header-primary-section-right.site-header-section.ast-flex.ast-grid-right-section {
  flex-wrap: wrap;
  align-content: flex-end;
}
.otgs-development-site-front-end {
  display: none;
}
ul {
  margin-left: 20px;
}
.wp-block-button a{
  min-width: 150px;
  display: inline-block;
  text-align: center
}
.margin-bottom-0, .margin-bottom-0 p {
  margin-bottom: 0;
}
.logos-gallery .elementor-image-carousel {
  align-items: center
}
.logos-gallery img {
  padding: 0 30px;
  max-height: 60px;
  width: auto !important
}
.logos-gallery .elementor-image-gallery .gallery {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.logos-gallery .elementor-image-gallery .gallery .gallery-item {
  padding: 20px 0;
}
/* fix elementor image-gallery 2 col in mobile*/
@media (min-width: 480px) and (max-width:767px) {
  .logos-gallery .elementor-image-gallery .gallery-item {
    max-width: 33% !important
  }
}
@media (max-width: 479px) {
  .logos-gallery .elementor-image-gallery .gallery-item {
    max-width: 50% !important
  }
}
.site-footer-section-1 img {
  margin-right: 5px;
}
.socialicon img {
  margin-left: 10px;
}
.color h1, h1.color, .color h2, h2.color, .color h3, h3.color {
  background: black;
  background-image: url("assets/images/hofex-color-bg.png");
  background-repeat: repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-attachment: fixed;
  background-position: left top;
}
/*fix sticky menu spacing*/
.ast-sticky-main-shrink .ast-sticky-shrunk .site-logo-img img {
  max-height: none !important;
}
.ast-sticky-main-shrink .ast-sticky-shrunk .main-header-bar, .ast-sticky-main-shrink .ast-sticky-shrunk.main-header-bar {
  line-height: unset !important;
}
.ast-sticky-main-shrink .ast-sticky-shrunk .main-header-bar .ast-site-identity, .ast-sticky-main-shrink .ast-sticky-shrunk.main-header-bar .ast-site-identity {
  padding-top: 1em;
  padding-bottom: 1em
}
.animate-color:before {
  content: "";
  z-index: 1;
  background: linear-gradient(-45deg, #3dbdb9, #f2c219, #ed4782, #8c499a);
  background-size: 100% 100%;
/*  background-size: 400% 400%;
  animation: gradient 12s ease infinite;*/
  mix-blend-mode: overlay;
  width: 100%;
  height: 100%;
}
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.animate-color:after {
  content: "";
  z-index: 1;
  background-image: url("assets/images/hofex-color-bg.png");
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  mix-blend-mode: hard-light;
  opacity: .25;
}
/*UL2cols*/
.ul2cols ul {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
  -moz-column-gap: 45px;
  -webkit-column-gap: 45px;
  column-gap: 45px;
}
.ul3cols ul {
  -moz-column-count: 3;
  -webkit-column-count: 3;
  column-count: 3;
  -moz-column-gap: 45px;
  -webkit-column-gap: 45px;
  column-gap: 45px;
}
.ul2cols ul ul, .ul3cols ul ul {
  -moz-column-count: 1;
  -webkit-column-count: 1;
  column-count: 1;
}
.ul2cols ul ul li:nth-child(even), .ul3cols ul ul li:nth-child(even), .ul4cols ul ul li:nth-child(even) {
  color: inherit;
}
@media screen and (max-width:991px) {
  .ul3cols ul {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }
}
.ul4cols ul {
  -moz-column-count: 4;
  -webkit-column-count: 4;
  column-count: 4;
  -moz-column-gap: 45px;
  -webkit-column-gap: 45px;
  column-gap: 45px;
}
@media screen and (max-width:991px) {
  .ul4cols ul {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }
}
@media screen and (max-width:413px) {
  .ul4cols ul {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }
}
.ul2cols li, .ul3cols li, .ul4cols li {
  margin-bottom: .5em;
}
.ul2cols li:nth-child(even), .ul3cols li:nth-child(even), .ul4cols li:nth-child(even) {
  color: #666666;
}
/*Fix sub-menu current-menu-item  anchor color differnce than page*/
.ast-builder-menu-1 .sub-menu .menu-item.current-menu-item > .menu-link {
  color: var(--ast-global-color-3);
}
.ast-builder-menu-1 .sub-menu .menu-item.current-menu-item > .menu-link:hover {
  color: var(--ast-global-color-1);
}
.list-style-none, .list-style-none ul {
  list-style: none;
}
/*Sales Representatives*/
.sales-list {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
  -moz-column-gap: 20px;
  -webkit-column-gap: 20px;
  column-gap: 20px;
}
.sales-list .sales {
  font-size: 13px;
  break-inside: avoid-column;
  padding-left: 33.5px;
  word-break: break-all;
}
.sales-list .sales strong {
  margin-left: -23.5px;
  font-size: 1rem;
  display: inline-block
}
.sales-list .sales i {
  width: 17.5px;
  margin-right: 5px;
  margin-left: -23.5px;
  text-align: center;
  display: inline-block
}
.wpml-ls-first-item:before{
  content:"";
  position:absolute;
  left:-1px;
  height: 16px;
  width: 16px;
  border-left: 1px solid red;
  _background: url("assets/images/icn-lang.png") no-repeat center/100%; 
}
.main-header-menu .wpml-ls-menu-item a{
 padding: 0 8px;  
}
.ast-logo-title-inline .site-logo-img{
  padding-right: 0;
}
@media (max-width: 545px) {
.hofex-logo-date{
  max-height: 60px;
  width: auto;
}
}
/*RBHK25*/
/*Home*/
.home-main {
  overflow: hidden;
}
.home-banners .elementor-slide-heading {
  font-size: min(120px, 8vw) !important;
  font-weight: bold;
}
.home-banners .swiper-slide {
  border-radius: 30px 30px 30px 30px;
  overflow: hidden;
}
.home-banners .elementor-slides .swiper-slide-inner .elementor-slide-button {
  display: none !important;
}
/**/
.home-food-1 {
  position: absolute !important;
  top: -300px;
  left: -250px;
  pointer-events: none;
}
.home-food-2 {
  position: absolute !important;
  top: -50px;
  right: -150px;
  pointer-events: none;
}
@media (min-width:500px) {
  .home-food-1 {
    top: -400px;
    left: -350px;
  }
  .home-food-2 {
    top: -100px;
    right: -250px;
  }
}
@media (min-width:999px) {
  .home-food-1 {
    top: -500px;
  }
  .home-food-2 {
    top: -50px;
    right: -150px;
  }
}
/**/
.home-food-3 {
  position: absolute !important;
  right: -5px;
  z-index: 0;
  pointer-events: none;

}
.home-food-4 {
  position: absolute !important;
  top: -45px;
  right: 280px;
  z-index: 1;
  pointer-events: none;
   width: 100%;
}
@media (min-width:500px) {
  .home-food-3 {
    top: 100px;
  }
  .home-food-4 {

    left: -400px;
  }
}
@media (min-width:1130px) {
  .home-food-3 {
    right: calc((1130px - 100vw)/2);
  }
  .home-food-4 {
    left: calc((1170px - 100vw)/2 - 450px);
  }
}
.industry-quotes .swiper-wrapper{
  align-items: stretch;
}
.industry-quotes .eael-testimonial-item {
  padding: 30px 30px 30px 30px;
  border-radius: 30px 30px 30px 30px
}
.industry-quotes .eael-testimonial-text {
  color: #fff !important;
}
.industry-quotes .eael-testimonial-item:nth-child(1n) {
  background: linear-gradient(45deg, #c89f29, #c82929);
}
.industry-quotes .eael-testimonial-item:nth-child(2n) {
  background: linear-gradient(45deg, #c82929, #c8299f);
}
.industry-quotes .eael-testimonial-item:nth-child(3n) {
  background: linear-gradient(45deg, #c8299f, #a4548f);
}
.industry-quotes .eael-testimonial-item:nth-child(4n) {
  background: linear-gradient(45deg, #7da854, #b7db93);
}
.home-food-5 {
  position: absolute !important;
  top: calc((100vw - 1170px)/8 - 300px);
  right: -150px;
  z-index: 9;
  pointer-events: none;
}
@media (min-width:1170px) {
  .home-food-5 {
    right: calc((1170px - 100vw)/2 - 150px);
    top: -300px;
  }
}
.nf-field-element input[type=submit]{
  border:1px solid var(--e-global-color-accent);
}