header{
    @include media-breakpoint-up(sm) { 
        padding: 8px 0;
    }
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: $white;
  z-index: 996;
  border-bottom: 1px solid #ebeaed;
  .container{
    position: relative;
    text-align: center;
  }
}
.languageList{
    position: absolute;
    top: 22px;
    right: 0;
    width: 125px;
    background: $white;
    border: $border-color 1px solid;
    padding: 5px;
    z-index: 1060;
    li{
        padding: 0 0 5px;
        font-size: 12.5px;
        &:last-child{
          padding: 0;
        }
    }
}
.logo {
  float: left;

  @include media-breakpoint-down(md) {
    width: 52px;
    margin: 0 15px 0 0;
    img {
      width: 100%;
    }
  }
    @include media-breakpoint-down(xs) {
        img{
            max-height: 45px;
            width: auto;
            margin-top: 4px;
        }
    }
}

.language-block{
  cursor: pointer;
  display: inline-block;
}

.navmenu {
  display: inline-block;
  &.country-landing{
    float: right;
    padding: 16px 0;
    .languagebox_head{
      font-size: 13.5px;
      i {
        font-size: 11px;
      }
      @include media-breakpoint-down(md) {
        padding-top: 4px;
        display: inline-block;
      } 
     @include media-breakpoint-down(sm) {
        padding-top: 7px;
      } 
    }
    .select-country{
      margin-right: 6px; 
    }
  }
    @include media-breakpoint-down(md) {
    float: right;
    padding: 13px 0;
  }
  .nav-cms{
    display: inline-block;
    .menu-logo {
      display: none;
      margin-bottom: 12px;
      position: relative;
      .close-menu {
        position: absolute;
        right: 0;
        top: 32px;
        font-size: 14px;
      }
      @include media-breakpoint-down(md) { display: block;}
    }
    .call-to-menu {
      display: none;
      padding-top: 30px;
      span{
        color: #6a6d6c;
        font-size: 14px;
        display: block;
        padding-bottom: 5px;
      }
      .number {
        color: $green;
        font-size: 21px;
        font-weight: $font-weight-medium;
      }
      i {
        font-size: 26px;
      }
      @include media-breakpoint-down(md) { display: block;}
    }
    @include media-breakpoint-down(md) {
      opacity: 0;
      visibility: hidden; 
      position: fixed;
      top: 0;
      bottom: 0;
      left: -320px;
      height: 100%;
      z-index: -1;
      width: 300px;
      background: $white;
      padding: 15px 20px;
      overflow: scroll;
      text-align: left;
      @include transition(all .5s ease-in);
      &.menu-open {
            opacity: 1;
            visibility: visible;
            left: 0;
            z-index: 999;
        }
        a{
          color: #6a6d6c;
        }
        >ul{
          >li {
            position: relative;
            .expand{
              position: absolute;
              display: block;
              right: 0;
              top: 18px;
              font-size: 14px;
              bottom: 0;
              z-index: 8;width: 30px;
             height: 30px;
             text-align: center;
              i{
                &:before{
                  font-weight: bold;
                }
              }
            }
            >a{
              font-size: 15px;
              color: $gray-900;
              padding: 15px 0;
              border-bottom: 1px solid $gray-400;
              display: block;
              font-weight: $font-weight-medium;
              text-transform: uppercase;
            }
            >ul {
              display: none;
              padding-top: 12px;
              li {
                position: relative;
                .expand{
                  top: 4px;
                }
              }
              a{
                font-size: 15px;
                display: block;
                padding-bottom: 15px;
                font-weight: $font-weight-medium;
                color: #454947;
              }
              >li {
                position: relative;
                >ul {
                  ul{
                    display: none;
                    margin-left: 12px;
                    padding-left: 8px;
                    border-left: 2px solid $green;
                    &:last-child li a{
                      padding-bottom: 0;
                      margin-bottom: 12px;
                    }
                    a{
                      font-size: 13px;
                      font-weight: $font-weight-normal;
                      color: #6a6d6c;
                    }
                  }
                }
              }
            }
             img{
            padding: 8px 0;
            max-width: 100%;
            height: auto;
            @include media-breakpoint-down(md) {
              display: none;
            }
          }
          }
        }
      
    }
    ul{
      list-style: none;
      margin: 0;
      padding: 0;
    }
    // Meu style for dektop
    @include media-breakpoint-up(lg) {
    >ul {
      margin: -8px 0;
      >li{
        display: inline-block;
        margin-right: 42px;
        padding: 37px 0;
        .expand{
          display: none;
        }
        @include media-breakpoint-down(lg) {margin-right: 20px;}
        &.sub-itm-lnk{
          img{
           padding-bottom: 4px;
            max-width: 100%;
            height: auto;
            @include media-breakpoint-down(sm) {
              display: none;
            }
          }
          >a{
            position: relative;
            padding-right: 20px;
            &:after {
            position: absolute;
            right: 0;
            top: 3px;
            content: "\e908";
            font-family: 'icomoon';
            font-size: 10px;
            color: $gray-500;
           }
          }
        }
        &:hover{
          >ul{
            opacity: 1;
            visibility: visible;
            top: 112%;
          }
        }
        >ul {
          width: 98%;
          margin: auto;
          background: $white;
          top: 125%;
          position: absolute;
          left: 0;
          right: 0;
             padding: 0 50px 0 25px;
          -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.08);
          opacity: 0;
          text-align: left;
          visibility: hidden;
          @include transition(all .5s cubic-bezier(0.165, 0.84, 0.44, 1));
          @include clearfix;
          >li.sub-itm-lnk{
            width:  23%;
            float: left;
            margin-left: 2%;
            border-right: 1px solid #eee;
            min-height: 575px;
            padding: 35px 2% 20px 0;
            &:last-child{
              border-right: none !important;
            }
            ul li.sub-itm-lnk>a{
             font-size: 18px;
             color: $gray-800;
             font-weight: $font-weight-medium;
             display: block;
            }
            a{
              color: #676767;
              display: block;
              padding-bottom: 7px;
              position: relative;
              right: 0;
              @include transition(all .5s cubic-bezier(0.165, 0.84, 0.44, 1));
              &:hover {
                color: $green;
                right: -5px;
              }
            }
            ul>li:last-child {
              padding-bottom: 15px;
            }
            ul>li:first-child {
              padding-bottom: 0;
            }
          }
        }
        >a{
          font-size: 12.5px;
          color: $gray-900;
          display: block;
          font-weight: $font-weight-bold;
          text-transform: uppercase;
          @include transition(all .5s cubic-bezier(0.165, 0.84, 0.44, 1));
          &:hover {
            color: $green;  
          }
        }
      }
     }
    }
    // desktop menu style end
  }

  .menu-overlay {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    top: 0;
    bottom: 0;
    right: calc(-100% + 300px);
    margin: auto;
    width: calc(100% - 300px);
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 998;
    @include transition(all .5s cubic-bezier(0.165, 0.84, 0.44, 1));
    &.overlay-active {
      opacity: 1;
      visibility: visible;
      right: 0;
    }
  }

  .select-country{
    color: $gray-500;
    display: inline-block;
    position: relative;
    // padding-right: 15px;
    margin-right: 40px;
    vertical-align: middle;

    @include media-breakpoint-down(md) {
      margin-right: 0;
      float: right;
      margin-left: 20px;
    }
    a{
      display: block;
      text-indent: -9999px;
      width: 25px;
      height: 36px;
      &:nth-child(2){
        display: none;
      }
      @include media-breakpoint-down(md) {
        height: 30px;
      }
      &:hover {
        &:after {
          color: $green;
        }
      }
       &:after {
         position: absolute;
         right: 0;
         top: 0;
         content: "\e947";
         font-family: 'icomoon';
         font-size: 25px;
         color: #9a9a9a;
         text-indent: 0;
         @include media-breakpoint-down(md) { top: -5px; }
         @include media-breakpoint-down(sm) { top: -2px; }
       }
     }
    i {
       font-size: 26px;
     }

  }
}
.country-name{ 
  font-size: 13.5px;
  margin-right: 16px;
}
.valign{
  vertical-align: baseline;
}
.menubar{
  @include media-breakpoint-down(md) {
    margin: 15px 12px 15px 0;
    display: block;
    float: left;
    font-size: 22px;
    line-height: 1;
  }
}
.search-top{
  vertical-align: middle;
  display: inline-block;
  color: $gray-900;
  font-size: 16px;
  cursor: pointer;
  i {
    font-weight: bold;
  }
  @include media-breakpoint-down(md) {
    font-size: 19px;
    vertical-align: -8px;
    line-height: 0;
  }
  @include media-breakpoint-down(sm) {
    vertical-align: -10px;
  }
}

.top-contact{
  float: right;
  display: block;
  text-transform: uppercase;
  padding: 0.375rem 1.5rem;
  font-size: 13px;
  font-weight: $font-weight-semibold;
  margin: 21px 0;
  i{
    font-weight: bold;
  }
  &:hover{
    background: $green;
   a{
     color: $white;
   }
  }
}

.searchfield{
    position: absolute;
    bottom: -80px;
    border-radius: 4px;
    width: 100%;
    right: 0;
    margin: auto;
    background: $white;
    width: 40%;
    padding: 12px;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.05);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.05);
    opacity: 0;
    visibility: hidden;
    @include media-breakpoint-down(md) { width: 95%; left: 0; margin: auto;}
    @include transition(all .5s cubic-bezier(0.165, 0.84, 0.44, 1));
    &.search-open {
      bottom: -70px;
      opacity: 1;
      visibility: visible;
    }
    .form-control{
      border-radius: 18px 0 0 18px;
    }
    .btn-primary{
      border-radius: 0 18px 18px 0;
      font-size: 13px;
      font-weight: $font-weight-semibold;
    }
}