.lang-switcher{
  &:before{
    content: "";
    height: 20%;
    width: 100%;
    position: absolute;
    top: 36px;
    left: 0px;
    z-index: 2;
  }
}
.account-links{
  >.dropdown-list{
      width: 155px;
  }
  &:before{
    content: "";
    height: 20%;
    width: 100%;
    position: absolute;
    top: 36px;
    left: 0px;
    z-index: 2;
  }
}
/*TOP SEARCH*/
.block-top-search{
  height: 40px;
  width: 40px;
  position: relative;
  fload: right;
  padding-right: 30px;
  line-height: 20px;

  .header-search-icon{
    position: absolute;
    top: 10px;
    border-right: 1px solid #333333;
    padding: 3px 20px 0px 0px;
    color: #dadada;
    font-size: 14px;
  }
  .form-search{
    display: none;
    width: 955%;
    border-bottom: 2px solid @color_theme;
  }
  &:hover{
    .form-search{
      display: block;
      position: absolute;
      top: 40px;
      right: -14px;;
      z-index: 999;
    }
  }
  .input-text-search{
    border: 0 none;
    color: #939393;
    font-style: italic;
    font-size: 100%;
    font-weight: 300;
    height: 40px;
  }
  .button-search{
    background:none;
    border:none;
    height: 40px;
    position: absolute;
    right: 0;
    top:0;
    color: #a2a2a2;
    font-size: 13px;
    span{
        display: none;
    }

    &:hover{
        color: @color_theme;
    }
  }
}
/*TOPLINK*/
.dropdown-block.block-base{
  line-height: 30px; padding-right: 0;
  &:after{
    display: none;
  }
  ul{
    margin: 0;
    li{
      float: left;
      a{
        color: #fff;
        &:hover{
          color: @color_theme;
        }
      }
    }
    .last{
      padding-left: 15px;
    }
    .first{
      padding-right: 15px;
      position: relative;
      &:after{
        content:""; height: 12px; background: #a8a8a8; position: absolute;  width: 1px; display: inline-block; top: 14px; right: 0;
      }
    }
  }
}
/*END*/
.dropdown-block{
  padding:0;
  line-height: 30px;
  position: relative;
  cursor: pointer;
  float: left;
  padding: 0px 15px;
  &:after{
    content:""; height: 12px; background: #a8a8a8; position: absolute;  width: 1px; display: inline-block; top: 14px; right: 0;
  }
  .title-dropdown-block{
      display: none;
  }
  .dropdown-toggle{
    padding:0 15px 0 0px;
    position: relative;
    line-height: 30px;

    > a{
       color: #fff;
      &:hover{
        color: @color_theme;
      }
    }

    &:hover{
       &:before{
        color: @color_theme;
      }
    }
    &:before{
      font-family: fontawesome;
      content: "f107";
      font-size:12px;
      position: absolute;
      right: 0;
    }
  }
  .dropdown-list{
    .effect-block-hide();
    background-color: #413e3c;
    z-index: 33;
    min-width: 101%;
    box-shadow: 3px 3px 1px rgba(0,0,0,0.2);
    -webkit-box-shadow: 3px 3px 1px rgba(0,0,0,0.2);
    position: absolute;
    left: auto;
    cursor: default;
    right: 0;
    @media (min-width:1200px){
        width: 185px;
    }
    >li{
      padding: 0 20px;
      border-top: 1px solid #33302b;
      line-height: 36px;
      >a{
        color: #f3f3f3;
        cursor: pointer;
        &:hover{
          color: @color_theme;
        }
      }
    }
  }
  /*CURENTY*/
  .currency-switcher{
    .dropdown-list{
      right:0;
      left:auto;
      .current{
          color: @color_theme;
      }
    }
    &:before{
      content: "";
      height: 20%;
      width: 100%;
      position: absolute;
      top: 36px;
      left: 0px;
      z-index: 2;
    }
  }
  /*LANGUAGE*/
  .lang-switcher{
    .dropdown-toggle{
      .flag{
        background-repeat: no-repeat;
        background-position: left 10px;
        padding-left:24px;
      }
    }

    .dropdown-list{
      li a span,
      .current span {
          background-position: left center;
          display: inline-block;
          background-repeat: no-repeat;
          padding-left:20px;
          font-weight: 300;
      }
      .current{
          color: @color_theme;
      }
    }
  }
  &:hover{
    .dropdown-toggle{
      a,
      .value{
        color: @color_theme;
      }

      &:after{
        display: block;
      }
    }

    .dropdown-list{
      .effect-block-show()
    }
  }
}

.logo-wrapper{
      position: absolute;
      left:0;
      top:20px;

      img{
        height: 39px;
        .transition(.5s);
      }

      .logo-small{
        display: none;
      }
    }
    /*MEGAMENU*/
    .menu-larger{
      .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu{

        .basicproduct-content-menu{
          .products-grid .item .item-inner{
            margin-right: 15px;
            margin-top: 4px;
          }
        }
        li.sm_megamenu_drop > a{
          &:after{
            .font-awesome(f0d7,12px);
            position: absolute;
            .transition_all(.1s);
            top: 19px;
            right: 5px;
            color: #b3b3b3;
          }
        }
        > li{
          float: left;

          > div{
          /*  top: 50px; (29-12-16)*/
          }

          > a{
            display: block;
            line-height: 30px;
            height: 30px;
            padding:0 18px;
            margin-right:1px;
            font-weight: 300;
            /*text-transform: uppercase; */
            color: #fff;
            letter-spacing: 0.2px;
            position: relative;
            .transition_all(.1s);
          }

          &.sm_megamenu_actived > a,
          &:hover > a{
            color: @color_theme;
            background: #413e3c;
            &:after{
              color: @color_theme;

            }
          }
        }

        &.hidden-block{
          opacity: 0;
          .transform_scale(0);
        }
      }
    }
  }
}

ul{
          display: none;
          width: 200px;
          background-color: #fff;
          position: absolute;
          z-index: 30;
          box-shadow: 0 3px 4px rgba(0, 0, 0, 0.35);
          -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.35);
        }

        >a{
          display: block;
          line-height: 30px;
          height: 30px;
          padding:0 18px;
          margin-right:1px;
          font-weight: 500;
          text-transform: uppercase;
          color: #fff;
          letter-spacing: 0.2px;
          position: relative;
          .transition_all(.1s);
          &:hover{
              color: #fff;
          }
        }
      }

      li{
          position: relative;
          &:hover{
            > ul{
              display: block;
            }
          }

          ul{
            padding:10px 0;

            li{
              margin:0 20px;
              a{
                display: block;
                line-height: 44px;
                font-weight: 300;
              }
              &:last-child{
                  > a{
                    border: none;
                  }
              }
            }

            li:hover{
              &:before{
                display: inline-block;
                width: 45px;
                height: 100%;
                content: "";
                position: absolute;
                right: -45px;
                top:0;
              }
              > a{
                color: @color_theme;
              }

              > ul{
                left:180px;
                top:0;
              }
            }
          }
        }
      .active{
        > a{
          color: @color_theme;
          background: #413e3c;
        }
      }
    }
}