header#enheader5 {
    /* Convenience variables for header only start here.  Add/update/delete for your needs. */
    --text-color: #333333;
    --font1: 'Cairo', sans-serif;
    /* Convenience variables end here */

    --height: min(13.3333vw, 168px);
    --top-bar-height: min(3.3333vw, 42px);
    --bottom-bar-height: min(3.4126vw, 43px);
    --column-gap: 0px;

    --logo-width: min(18.49vw, 233px);


    --top-bar-background: transparent;
    --center-bar-background: transparent;
    --bottom-bar-background: transparent;

    --website-name-font-family: 'FuturaStd-Bold';
    --website-name-font-size: min(3.5071vw, 44.19px);
    --website-name-font-weight: normal;
    --website-name-color: #ffffff;
    --website-name-line-height: min(2.8055vw, 35.35px);
    --website-name-visibility: visible;
    --website-name-line-break-display: none;

    --website-motto-font-family: 'FuturaStd-Bold';
    --website-motto-font-size: min(1.2857vw, 16.2px);
    --website-motto-color: #ffffff;


    --search-translate-font-family: var(--font1);
    --search-translate-font-size: min(1.3636vw, 15px);
    --search-translate-color: #222222;

    /* Top Navigation params */
    --topnav-font-family: var(--font1);
    --topnav-font-size: clamp(11px, 1.3492vw, 17px);
    --topnav-color: #ffffff;
    --topnav-background: transparent;  /*transparent; changed for ADA */
    --topnav-hover-color: #ffffff;
    --topnav-hover-background: var(--red);
    --topnav-color3: #ffffff;

    --menu-font-family: var(--font1);
    --menu-font-size: clamp(11px, 1.4545vw, 16px);
    --menu-background: var(--red);
    --menu-color: #ffffff;
    --menu-hover-background: var(--blue2);
    --menu-hover-color: #ffffff;

}

#wrapper header{
  background: #191919;
}
header.enh1 div.enh1-search-translate #en-public-header-translate::after{
    display: none !important;
}
#en-public-header-translate {
    color: #fff;
    align-items: center;
    display: inline-flex;
    position: relative;
    margin: 0px 0px 1px 0px;
  }
  header.enh1 div.enh1-search-translate div.enh1-search {
    display: flex;
    align-items: center;
    margin: 0px 0px 1px 0px;
  }
  
  .en-header-popup-wrapper{
    height: 45px !important;
  }
  .en-header-popup-body {
    padding-top: 0px !important;
  }
  .en-header-popup-wrapper form input[type*="text"] {
    font-family: 'Cairo', sans-serif !important;
    font-size: 16px !important;
    padding: 10px 10px !important;
    height: 45px !important;
  }
  .en-popup-close-img {
    width: 34px;
    height: 34px;
    background-color: #ff0000;
    border-radius: 50% 50%;
  }
  header.enh1 div.enh1-search-translate{
    padding: 0px 27px 0 0px;
    column-gap: 15px;
    position: relative;
    align-items: flex-end;
  }

  header.enh1.enh1logo-3-2 div.enh1-logo-cont img {
    border-radius: 0px !important;
    box-shadow: none !important;
    max-width: 100%;
    max-height: 100%;
    border: none;
  }
  header.enh1 div.enh1-social > a.twitter{
    margin: 0px 0px 1px 0px;
  }
  header.enh1 div.enh1-social > a.facebook{
    margin: 0px 1px 1px 0px;
  }
/* Social Icons */

header.enh1 div.enh1-social > a{
    width: auto;
    height: auto;
    padding: 0px;
    position: relative;
  }
  
  header.enh1.enh1tbar-2-2 div.enh1-social a > img:hover {
    transform: scale(1.15) !important;
    -webkit-transform: scale(1.15) !important;
    -moz-transform: scale(1.15) !important;
    transition: all ease 0.3s !important;
    -webkit-transition: all ease 0.3s !important;
    -moz-transition: all ease 0.3s !important;
  }
  header.enh1 div.enh1-social {
    grid-row: 1;
    grid-column: 3;
    display: flex;
    align-items: center;
    column-gap: 21px;
    margin-right: 0px;
    padding: 0px 1px 0px 0px !important;
    width: auto;
    box-sizing: border-box;
    justify-content: flex-end;
  }
  header.enh1 div.enh1-website-name-motto{
      text-transform: uppercase;
  }
  header.enh1.enh1mid-3-3 div.enh1-website-motto {
    text-align: left;
    padding: 0px;
    letter-spacing: 0.38px;
    margin: 0px 0px 0px 0px;
  }
  .enh1-website-name{
    letter-spacing: 2.15px;
    margin: 0px 0px -1px -1.5px;
  }
  #wrapper header{
    background: #191919 !important;
  }
  @media only screen and (min-width: 769px){
    .enh1-website-name a{
      color: #ffffff !important;
    }
    header.enh1.enh1tbar-4-3 > div.enh1-top-bar-bg {
        border: none !important;
      }
      header.enh1 div.enh1-search-translate img {
        width: auto;
      }

      header.enh1.enh1-1-5 > nav.en-nav, header.enh1.enh1-1-6 > nav.en-nav {
        grid-template-columns: 324px var(--logo-width) 1fr;
      }
      header.enh1.enh1-1-5 div.enh1-middle {
        grid-row: 2 / 4;
        grid-column: 1;
      }
      header.enh1.enh1-1-5 div.enh1-logo-cont {
        grid-row: 1 / 4;
        grid-column: 2;
      }
      header.enh1 > nav.en-nav > ul > li > a{
        text-transform: none !important;
        padding: 0 5px 0 5px;
        font-weight: 600;
        letter-spacing: 0.3px !important;
      }
      header.enh1 div.enh1-social{
        align-items: flex-end;
        padding: 0px 2px 0px 0px !important;
        column-gap: 22px;
      }
      header.enh1.enh1tbar-4-2 div.enh1-top-bar {
        --top-bar-height-available: 100%;
      }
      header.enh1 div.enh1-logo-cont a {
        display: flex;
        margin: -7px 0px 0px 0px;
      }
      header.enh1.enh1bbar-2-2 > nav.en-nav > ul, 
      header.enh1.enh1bbar-2-2.enh1logo-1-2 > nav.en-nav > div.enh1-logo-cont, 
      header.enh1.enh1bbar-2-2 > nav.en-nav > div.enh1-middle{
          margin-bottom: 0px;
      }
      header.enh1.enh1mid-1-2 div.enh1-website-name-motto {
        align-self: center;
        margin: 0px 0px 18.5px 0px;
      }
      header.enh1.enh1-1-5 > nav.en-nav > ul, header.enh1.enh1-1-6 > nav.en-nav > ul {
        grid-column: 3;
        max-height: 43px;
        grid-row: 2/4;
        align-self: center;
        height: 100%;
        position: relative;
        top: -17px;
        justify-content: space-between;
      }
      header.enh1.enh1topnav-4-2 nav.en-nav > ul > li:hover > a,
      header.enh1.enh1topnav-4-2 nav.en-nav > ul > li:focus > a{
          border: none !important;
      }
      nav.en-nav > ul > li:hover > a::after, nav.en-nav > ul > li.over > a::after, nav.en-nav > ul > li:focus > a::after, nav.en-nav > ul > li.over > a:focus::after {
        content: '';
        position: absolute;
        background: url('/pics/menu-hvr-icon.png') center top no-repeat;
        width: 12px;
        height: 12px;
        left: 0px;
        top: 0px;
        transition: all 0.3s ease 0s;
      }
      header.enh1 > nav.en-nav > ul > li ul a {
        font-family: var(--menu-font-family);
        font-size: var(--menu-font-size);
        color: var(--menu-color);
        padding: min(1.07vw, 13.5px) clamp(10px, calc(60px - 20%), 45px) min(1.07vw, 13.5px) min(1.58vw, 20px);
        min-width: 197px;
        max-width: 197px;
        line-height: 1 !important;
      }
      header.enh1 > nav.en-nav > ul > li ul a:hover {
        color: var(--menu-hover-color);
        background: url('/pics/sub-nav-bg.png') no-repeat center top,#000000 ;
        background-size: cover;
      }
      #nav_items_0 > li > ul > li > a:hover, #nav_items_0 > li > ul > li:hover > a, #nav_items_0 > li > ul > li.over > a, #nav_items_0 > li > ul > li:hover > ul > a:hover, #nav_items_0 > li > ul > li.over > ul > a:hover, #nav_items_0 > li > ul > li > ul > li:hover > a, #nav_items_0 > li > ul > li > ul > li.over > a, #nav_items_0 > li > ul > li > ul > li:hover > ul > a:hover, #nav_items_0 > li > ul > li > ul > li.over > ul > a:hover, #nav_items_0 > li > ul > li > ul > li > ul > li:hover > a, #nav_items_0 > li > ul > li > ul > li > ul > li.over > a, #nav_items_0 > li > ul > li > ul > li > ul > li:hover > ul > a:hover, #nav_items_0 > li > ul > li > ul > li > ul > li.over > ul > a:hover, #nav_items_0 > li > ul > li > a:focus, #nav_items_0 > li > ul > li:focus > a, #nav_items_0 > li > ul > li:focus > ul > a:focus, #nav_items_0 > li > ul > li.over > ul > a:focus, #nav_items_0 > li > ul > li > ul > li:focus > a, #nav_items_0 > li > ul > li > ul > li:focus > ul > a:focus, #nav_items_0 > li > ul > li > ul > li.over > ul > a:focus, #nav_items_0 > li > ul > li > ul > li > ul > li:focus > a, #nav_items_0 > li > ul > li > ul > li > ul > li:focus > ul > a:focus, #nav_items_0 > li > ul > li > ul > li > ul > li.over > ul > a:focus{
        color: var(--menu-hover-color);
        background: url('/pics/sub-nav-bg.png') no-repeat center top,#000000 ;
        background-size: cover;
      }
      nav.en-nav > ul > li:nth-last-child(2) ul {
        right: 0;
      }
      nav.en-nav > ul > li:nth-last-child(3) ul {
        right: 0;
      }
  }
  @media only screen and (max-width: 1260px) {
    header#enheader5 {
        --website-name-font-size: clamp(24px,3.17vw,40px);
        --website-motto-font-size: min(1.11vw, 14px);
        --logo-width: min(15.87vw, 200px);
    }
    header.enh1.enh1-1-5 > nav.en-nav, header.enh1.enh1-1-6 > nav.en-nav {
        grid-template-columns: clamp(180px,23.80vw,300px) var(--logo-width) 1fr;
      }
      header.enh1 div.enh1-social{
        padding: 0px 5px 0px 0px !important;
      }
      header.enh1.enh1-1-5 > nav.en-nav > ul, header.enh1.enh1-1-6 > nav.en-nav > ul{
          top: 0px;
          padding: 0px 5px !important;
      }
      header.enh1.enh1mid-1-2 div.enh1-website-name-motto {
        margin: 0px 0px 14px 5px;
      }
      header.enh1 > nav.en-nav > ul > li ul a{
        min-width: clamp(140px,15.63vw,197px);
        max-width: clamp(140px,15.63vw,197px);
      }
  }
/* STYLING FOR MOBILE */
@media only screen and (max-width: 768px) {

    header#enheader5.enh1 {

        --header-height: clamp(70px, 13.02vw, 100px);
        --header-background: #ffffff;

        --logo-width: clamp(80px, 19.53vw,  150px);

        --website-name-font-size: clamp(20px, 4.16vw, 32px);
        --website-name-color: #000;
        --website-name-line-break-display: inline-block;

        --website-motto-font-size: clamp(8px,1.82vw,14px);



        --search-translate-color: #000000;

        --menu-font-family: var(--font1);
        --menu-font-size: clamp(15px, 2.2135vw, 17px);
        --menu-background: #ffffff;
        --menu-color: #000000;
        --menu-hover-background: var(--red);
        --menu-hover-color: #ffffff;


    }
    header#enheader5{
      z-index: unset;
    }

  #wrapper  header#enheader5{
      box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
    }
    header.enh1 button.en-mobnav-button {
      border: none;
      border-radius: 50%;
      width: clamp(35px,6.51vw,50px);
      height: clamp(35px,6.51vw,50px);
      padding: 10px;
      box-sizing: border-box;
      background: #000000;
      display: flex;
      justify-content: center;
      align-items: center;
      }
      header.enh1 button.en-mobnav-button img {
        width: clamp(15px,3.25vw,25px);
        object-fit: contain;
        height: clamp(15px,3.25vw,25px);
      }
    
      header.enh1 button.en-mobnav-button:hover {
        background: #cd0100;
      }


    header.enh1 > nav.en-nav > ul > li ul a{
      min-width: 100%;
      max-width: 100%;
    }
    #wrapper header{
      box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
      z-index: unset;
    }
    header.enh1.enh1mid-1-2 div.enh1-website-name-motto {
        align-self: center;
        margin: 0px 0px 0px 0px;
        line-height: 1 !important;
      }
      header.enh1.enh1mh-3-2 div.enh1-website-motto {
        display: block;
      }
      header.enh1.enh1mh-1-2 div.enh1-logo-cont {
        display: block;
      }
      header.enh1.enh1mh-1-2 > div.en-mobile-header {
        grid-template-columns: var(--logo-width) 1fr;
        gap: min(1.3020vw,10px);
      }
      header.enh1.enh1mh-1-2 div.enh1-logo-cont {
        grid-row: 1 / 2;
        justify-content: center;
        padding: 5px !important;
        background: none !important;
        width: var(--logo-width);
        box-sizing: border-box;
      }
      header.enh1.enh1mh-1-3 div.en-mobile-header div.enh1-middle {
        padding: 0px 5px 0px 0px;
        box-sizing: border-box;
        background: transparent;
        grid-row: 1;
        grid-column: 2 !important;
        justify-content: space-between;
        align-items: center;
        overflow: hidden;
        display: flex;
        flex-direction: row;
      }
      .enh1-website-name {
        margin: 0px 0px 0px 0px;
      }
      header.enh1 div.enh1-website-name-motto a{
          line-height: 1;
      }
  
      header.enh1.enh1-1-5 > nav.en-nav, header.enh1.enh1-1-6 > nav.en-nav {
        grid-template-columns: var(--logo-width) 1fr;
        gap: min(1.3020vw,10px);
      }
      header.enh1.enh1mh-1-2 nav.en-nav > ul {
        grid-column: 1/3;
        grid-row: 2;
      }
      header.enh1.enh1mh-1-2 div.enh1-middle {
        grid-column: 2/3;
        padding: 0 5px 0 0px;
      }
      header.enh1.enh1mh-1-2 div.enh1-top-bar {
        grid-column: 1/3;
        grid-row: 3;
        background: #000;
        grid-template-rows: auto;
        height: 40px;
        grid-template-columns: auto auto;
        gap: 20px;
      }
      header.enh1.enh1-1-5 > nav.en-nav > ul, header.enh1.enh1-1-6 > nav.en-nav > ul{
          padding: 0px !important;
      }
      header.enh1 div.enh1-search-translate{
          border: 0px !important;
          padding: 0px 0px 0 0px;
          column-gap: 15px;
          position: relative;
          align-items: center;
          justify-content: flex-end;
          grid-column: 1;
      }
      header.enh1 div.enh1-social{
        padding: 0px 0px 0px 0px !important;
        border: 0px !important;
        grid-row: 1;
grid-column: 2;
justify-content: flex-start;
column-gap: 15px;
      }
      header.enh1 div.enh1-search-translate img{
          width: auto;
      }
      header.enh1 div.enh1-social > a {
        margin: 0px 0px 0px 0px !important;
      }
      header.enh1 nav.en-nav > ul > li > ul a{
        color: #000000;
background: #ededed;
      }
      header.enh1 nav.en-nav > ul > li > ul a:hover,
      header.enh1 nav.en-nav > ul > li > ul a:focus{
        background: #cd0100;
        color: #ffffff;
      }

      header.enh1 div.enh1-search-translate #en-public-header-translate img {
        margin-right: 0px;
      }
      header.enh1 div.enh1-search-translate div.enh1-search,#en-public-header-translate{
        margin: 0px;
        z-index: 99;
      }
}



@media only screen and (max-width: 768px) and (min-height: 600px){
  header.enh1:not(.enh1mh-2-2){
    position: relative !important;
  }
}