body {
  font-family: 'Montserrat', sans-serif; }

#masthead {
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25); }

.hero {
  background-image: linear-gradient(rgba(43, 46, 55, 0.8), rgba(43, 46, 55, 0.9)), url('/wp-content/themes/genesis-child/assets/software/images/hero-background.jpg');
  background-size: cover; }

.we-xlose {
  width: auto;
  height: 48px;
  padding: 0 15px 0 10px;
  cursor: pointer;
  transition: all 0.25s var(--easing);
  position: relative;
  transition: all .2s;
  display: none; }
  .we-xlose::before {
    position: absolute;
    left: 50%;
    top: calc(50% - 12px);
    content: " ";
    height: 24px;
    width: 1px;
    background-color: #000;
    transform: rotate(45deg);
    transition: all 0.25s var(--easing); }
  .we-xlose::after {
    position: absolute;
    left: 50%;
    top: calc(50% - 12px);
    content: " ";
    height: 24px;
    width: 1px;
    background-color: #000;
    transform: rotate(-45deg);
    transition: all 0.25s var(--easing); }

.lets-chat-link {
  font-weight: 700;
  text-transform: uppercase; }

.we-footer-navigation li {
  padding: 0 4%; }
  .we-footer-navigation li a {
    display: inline-block;
    white-space: nowrap;
    color: #fff;
    opacity: .7;
    transition: all .2s; }
    .we-footer-navigation li a:hover {
      opacity: 1; }

.we-social-links svg {
  width: 24px; }

@media (min-width: 768px) {
  .we-bottom-links li {
    border-right: 1px solid #fff; }
    .we-bottom-links li:last-of-type {
      border-right: 0; } }

.we-bottom-links li a {
  display: block;
  padding: 0 5px; }

.we-content-bottom {
  position: relative; }
  .we-content-bottom::before {
    content: "";
    height: 1px;
    width: 96%;
    max-width: 300px;
    background-color: #fff;
    opacity: .7;
    position: absolute;
    top: -20px; }

.we-button-hover {
  position: relative;
  overflow: hidden; }
  .we-button-hover > * {
    z-index: 222; }
  .we-button-hover::before {
    content: "";
    width: 0%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.25);
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    z-index: 111;
    transition: all .5s; }
  .we-button-hover:hover::before {
    content: "";
    width: 105%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.25);
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    z-index: 111; }

.we-line-before {
  position: relative; }
  .we-line-before::before {
    content: "";
    width: 100px;
    height: 2px;
    background-color: #ee3235;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%); }

.we-has-line-below {
  position: relative;
  margin-bottom: 30px; }
  .we-has-line-below::before {
    content: "";
    width: 60px;
    height: 2px;
    background-color: #ee3235;
    position: absolute;
    left: 50%;
    bottom: -15px;
    transform: translateX(-50%); }

.we-boxed-50::after {
  content: "";
  display: block;
  padding-bottom: 50%; }

.we-boxed-75::after {
  content: "";
  display: block;
  padding-bottom: 75%; }

.we-boxed-80::after {
  content: "";
  display: block; }
  @media (min-width: 1025px) {
    .we-boxed-80::after {
      padding-bottom: 80%; } }

.we-boxed-90::after {
  content: "";
  display: block;
  padding-bottom: 90%; }

.we-boxed-100::after {
  content: "";
  display: block;
  padding-bottom: 100%; }

.we-boxed-125::after {
  content: "";
  display: block;
  padding-bottom: 125%; }

.we-boxed-150::after {
  content: "";
  display: block;
  padding-bottom: 150%; }

.we-boxed-175::after {
  content: "";
  display: block;
  padding-bottom: 175%; }

.we-boxed-200::after {
  content: "";
  display: block;
  padding-bottom: 200%; }

main .we-line-before {
  padding-left: 120px;
  margin-bottom: 30px; }

main .row-3 {
  margin: 0 -10px; }

main .row-5 .we-line-before {
  padding-left: 0;
  padding-bottom: 70px;
  margin-bottom: -30px; }

@media (max-width: 1024px) {
  main .row-5 .visual-content img {
    margin: 0 auto 50px auto; } }

main .row-6 .we-has-line-below::before {
  content: "";
  width: 120px; }

.site-footer .row-1 {
  background-image: linear-gradient(rgba(238, 50, 53, 0.8), rgba(238, 50, 53, 0.8)), url(../images/Optika_Display_-_Fashion_Solution.jpeg); }
  .site-footer .row-1 .lets-chat-link {
    border: 1px solid;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 20px 60px;
    float: right; }

/* HEADER */
.site-header .header-ls-navigation {
  flex-grow: 1; }
  .site-header .header-ls-navigation a {
    transition: all .2s;
    position: relative;
    background-color: #fff;
    z-index: 555;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    padding: 0 15px; }
    @media (max-width: 1276px) {
      .site-header .header-ls-navigation a {
        font-size: 0.8em;
        padding: 0 10px; } }
    .site-header .header-ls-navigation a:hover {
      color: #ee3235; }

.site-header .search-icon svg {
  transition: all .2s; }

.site-header .search-icon:hover > * {
  transform: rotate(90deg); }

.site-header .we-header-search-container {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  border-left: 1px solid #e2e2e2;
  background-color: #fff;
  width: 0;
  opacity: 0;
  overflow: hidden;
  z-index: 555; }
  .site-header .we-header-search-container input {
    width: 100%;
    background-color: #fff;
    padding: 0 30px; }

.site-header .has-children {
  position: relative; }

.site-header .has-children .chevron {
  display: inline-block; }

.site-header .chevron {
  position: relative;
  width: 10px;
  height: 10px;
  transform: rotate(90deg) scale(0.75);
  margin-left: 4px;
  display: none; }
  .site-header .chevron:before, .site-header .chevron:after {
    position: absolute;
    top: -8px;
    left: 4px;
    width: 2px;
    height: 12px;
    display: block;
    content: "";
    background-color: currentColor;
    border-radius: 10px;
    transition-property: transform;
    transition-duration: .25s;
    transition-timing-function: var(--easing); }
  .site-header .chevron:after {
    transform: rotate(45deg);
    top: 0;
    transition: all .2s; }
  .site-header .chevron:before {
    transform: rotate(-45deg);
    transition: all .2s; }

.site-header .we-header-sub-opened > a {
  color: #ee3235; }

.site-header .we-header-sub-opened .chevron:after {
  transform: rotate(-45deg); }

.site-header .we-header-sub-opened .chevron:before {
  transform: rotate(45deg); }

.site-header .we-header-submenu {
  position: absolute;
  top: -20%;
  opacity: 0;
  background: #fff;
  z-index: 111;
  box-shadow: 0 2px 2px #e2e2e2; }
  .site-header .we-header-submenu li a {
    display: block;
    padding: 8px 15px;
    border-bottom: 1px solid #e2e2e2;
    white-space: nowrap; }
  .site-header .we-header-submenu li:last-of-type a {
    border-bottom: 0; }

/* MOBILE NAV */
.we-small-screen-nav-container {
  overflow: hidden;
  height: 0;
  opacity: 0;
  overflow-y: scroll; }

.small-screen-nav ul li {
  width: 100%; }
  .small-screen-nav ul li a {
    display: block;
    width: 100%;
    padding: 15px 20px;
    border-bottom: 1px solid #f2f2f2;
    transition: all .2s; }
    .small-screen-nav ul li a:hover {
      color: #ee3235; }

.small-screen-nav .has-children {
  position: relative; }

.small-screen-nav .has-children .chevron {
  display: inline-block; }

.small-screen-nav .chevron {
  position: relative;
  width: 10px;
  height: 10px;
  transform: rotate(90deg) scale(0.75);
  margin-left: 4px;
  display: none; }
  .small-screen-nav .chevron:before, .small-screen-nav .chevron:after {
    position: absolute;
    top: -8px;
    left: 4px;
    width: 2px;
    height: 12px;
    display: block;
    content: "";
    background-color: currentColor;
    border-radius: 10px;
    transition-property: transform;
    transition-duration: .25s;
    transition-timing-function: var(--easing); }
  .small-screen-nav .chevron:after {
    transform: rotate(45deg);
    top: 0;
    transition: all .2s; }
  .small-screen-nav .chevron:before {
    transform: rotate(-45deg);
    transition: all .2s; }

.small-screen-nav .we-header-sub-opened > a {
  color: #ee3235; }

.small-screen-nav .we-header-sub-opened .chevron:after {
  transform: rotate(-45deg); }

.small-screen-nav .we-header-sub-opened .chevron:before {
  transform: rotate(45deg); }

.small-screen-nav .we-header-submenu {
  position: relative;
  top: auto;
  opacity: 1;
  background: #fff;
  z-index: 111;
  box-shadow: none;
  width: 100%;
  display: none; }
  .small-screen-nav .we-header-submenu li a {
    display: block;
    padding: 8px 15px 8px 30px;
    border-bottom: 1px solid #e2e2e2;
    white-space: nowrap; }

/* END MOBILE NAV */
/* HAMBURGER */
.hamburger-1 {
  width: 24px;
  height: 50px;
  background-color: transparent;
  cursor: pointer;
  position: relative; }
  .hamburger-1__inner {
    width: 100%;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .hamburger-1__line {
    background-color: #2b2e37;
    height: 2px;
    width: 100%;
    position: absolute;
    transition: all .3s; }
    .hamburger-1__line-middle {
      top: 0; }
    .hamburger-1__line-before {
      top: -8px; }
    .hamburger-1__line-after {
      bottom: -8px; }
  .hamburger-1.xfy .hamburger-1__line-middle {
    background: 0 0 !important;
    transform: translateX(-10px);
    transition: all .1s; }
  .hamburger-1.xfy .hamburger-1__line-before {
    transform: translate(0, 8px) rotateZ(45deg); }
  .hamburger-1.xfy .hamburger-1__line-after {
    transform: translate(0, -8px) rotateZ(-45deg); }

/* END HAMBURGER */
/* END HEADER */
input:focus, input:focus-visible, input:active {
  outline: none;
  border: none; }




/*# sourceMappingURL=site.css.map*/