.wrap-mainmenu {
  position: relative;
  z-index: 998;
  margin-bottom: 20px; }

ul.mainmenu {
  margin: 0;
  list-style: none;
  padding: 0;
  text-align: center; }
  ul.mainmenu > li {
    display: inline-block;
    position: relative; }
    ul.mainmenu > li > a {
      display: inline-block;
      line-height: 24px;
      padding: 5px 20px;
      text-decoration: none;
      color: #000;
      position: relative;
      z-index: 2; }
    ul.mainmenu > li ul {
      position: absolute;
      text-align: left;
      padding: 20px;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      opacity: 0;
      visibility: hidden;
      border-radius: 5px;
      width: 210px;
      left: 0;
      background-color: #fff;
      margin: 30px 0 0;
      list-style: none;
      -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.75);
      box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.75); }
      ul.mainmenu > li ul li {
        display: block;
        border-bottom: 1px solid #CBCBCB; }
        ul.mainmenu > li ul li a {
          display: block;
          padding: 5px 0;
          line-height: 22px; }
        ul.mainmenu > li ul li:hover > a, ul.mainmenu > li ul li[class*="current"] > a {
          color: #F7931E; }
    ul.mainmenu > li:hover > a {
      color: #F7931E; }
    ul.mainmenu > li:hover > ul {
      margin: 0;
      visibility: visible;
      opacity: 1; }
    ul.mainmenu > li[class*="current"] > a {
      font-weight: #F7931E; }

#mobile-menu-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 480px;
  float: none;
  padding: 0;
  background-color: #fff;
  z-index: 9999999999 !important;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
  overflow: hidden;
  visibility: hidden; }
  #mobile-menu-wrapper .inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 100px 120px;
    overflow: auto; }
  #mobile-menu-wrapper .menu-btn {
    position: absolute;
    cursor: pointer;
    right: 90px;
    top: 66px;
    font-size: 22px; }
  #mobile-menu-wrapper .btn-collapse > .line-1 {
    -webkit-transform: translateY(8px) translateX(0) rotate(45deg);
    -ms-transform: translateY(8px) translateX(0) rotate(45deg);
    transform: translateY(8px) translateX(0) rotate(45deg); }
  #mobile-menu-wrapper .btn-collapse > .line-2 {
    opacity: 0; }
  #mobile-menu-wrapper .btn-collapse > .line-3 {
    -webkit-transform: translateY(-10px) translateX(0) rotate(-45deg);
    -ms-transform: translateY(-10px) translateX(0) rotate(-45deg);
    transform: translateY(-10px) translateX(0) rotate(-45deg); }
  #mobile-menu-wrapper ul.menu {
    float: none !important;
    overflow: auto;
    margin: 0 0 30px; }
    #mobile-menu-wrapper ul.menu li {
      display: block;
      float: none;
      border-top: 1px solid #CBCBCB;
      margin: 0; }
      #mobile-menu-wrapper ul.menu li a {
        color: #000;
        display: block;
        line-height: 32px;
        padding: 0; }
      #mobile-menu-wrapper ul.menu li:first-child {
        border: none; }
      #mobile-menu-wrapper ul.menu li ul {
        -o-transition: all 0s ease-in-out;
        transition: all 0s ease-in-out;
        -webkit-transition: all 0s ease-in-out;
        visibility: visible;
        display: none;
        position: relative !important;
        padding: 0 0 0 20px !important;
        margin: 0 !important;
        width: auto;
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: 1;
        padding: 0;
        border: none;
        border-top: 1px solid #CBCBCB; }
      #mobile-menu-wrapper ul.menu li[class*="children"] {
        position: relative; }
        #mobile-menu-wrapper ul.menu li[class*="children"] .showsubmenu {
          position: absolute;
          right: 0;
          cursor: pointer;
          top: 0;
          margin: 0;
          width: 60px;
          height: 32px;
          text-align: center;
          line-height: 32px;
          z-index: 10;
          background: #CBCBCB url(../images/plus.svg) no-repeat center center; }
        #mobile-menu-wrapper ul.menu li[class*="children"].parent-showsub .showsubmenu {
          background-image: url(../images/min.svg); }
      #mobile-menu-wrapper ul.menu li:hover > a, #mobile-menu-wrapper ul.menu li.active > a {
        color: #F7931E; }
  #mobile-menu-wrapper ul.language {
    text-align: center;
    margin: 0 -2px; }
    #mobile-menu-wrapper ul.language a {
      display: block;
      line-height: 36px;
      background-color: #CBCBCB;
      color: #000;
      font-size: 14px;
      text-align: center;
      border-radius: 2px; }
    #mobile-menu-wrapper ul.language li {
      width: 33.33%;
      float: left;
      padding: 0 2px; }
      #mobile-menu-wrapper ul.language li.active a, #mobile-menu-wrapper ul.language li:hover a {
        background-color: #000;
        color: #fff; }

body.sticky #mobile-menu-wrapper .menu-btn {
  top: 15px; }

body.showMenu {
  overflow: hidden; }
  body.showMenu #wrapper {
    overflow: hidden; }
  body.showMenu .menu-btn.overlay {
    visibility: visible;
    opacity: 1;
    left: 280px; }
  body.showMenu #mobile-menu-wrapper {
    opacity: 1;
    visibility: visible;
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -webkit-box-shadow: -3px 0px 5px rgba(0, 0, 0, 0.3);
    box-shadow: -3px 0px 5px rgba(0, 0, 0, 0.3); }
    body.showMenu #mobile-menu-wrapper .inner {
      opacity: 1;
      visibility: visible; }

@font-face {
  font-family: 'icomoon2';
  src: url("../fonts/icomoon2/icomoon.eot?hk9w06");
  src: url("../fonts/icomoon2/icomoon.eot?hk9w06#iefix") format("embedded-opentype"), url("../fonts/icomoon2/icomoon.ttf?hk9w06") format("truetype"), url("../fonts/icomoon2/icomoon.woff?hk9w06") format("woff"), url("../fonts/icomoon2/icomoon.svg?hk9w06#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon2-"], [class*=" icon2-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon2' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon2-ic-14:before {
  content: "\e90d"; }

.icon2-ic-13:before {
  content: "\e90c"; }

.icon2-ic-12:before {
  content: "\e90b"; }

.icon2-ic-1:before {
  content: "\e900"; }

.icon2-ic-2:before {
  content: "\e901"; }

.icon2-ic-3:before {
  content: "\e902"; }

.icon2-ic-4:before {
  content: "\e903"; }

.icon2-ic-5:before {
  content: "\e904"; }

.icon2-ic-6:before {
  content: "\e905"; }

.icon2-ic-7:before {
  content: "\e906"; }

.icon2-ic-8:before {
  content: "\e907"; }

.icon2-ic-9:before {
  content: "\e908"; }

.icon2-ic-10:before {
  content: "\e909"; }

.icon2-ic-11:before {
  content: "\e90a"; }

.owl-carousel.style-arrow-1 {
  display: block !important; }
  .owl-carousel.style-arrow-1 > .item-visible:not(:first-child) {
    display: none; }
  .owl-carousel.style-arrow-1 .owl-lazy {
    opacity: 1 !important; }
  .owl-carousel.style-arrow-1 .owl-nav {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px; }
    .owl-carousel.style-arrow-1 .owl-nav > div, .owl-carousel.style-arrow-1 .owl-nav > button {
      position: absolute;
      cursor: pointer;
      text-align: center;
      background-repeat: no-repeat;
      background-position: center;
      cursor: pointer;
      outline: none;
      width: 30px;
      height: 30px;
      line-height: 30px;
      background-repeat: no-repeat;
      background-position: center;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out; }


.btn-like {  background-size: contain; background-repeat: no-repeat !important;}

.btn-like:hover {
  background-image: url(../images/like-hover.svg); }
.btn-like.disable  {
  background-image: url(../images/like.svg); }

.container {
  width: 1480px;
  max-width: 100%; }

.top-panel {
  background-color: #000000;
  color: #fff;
  position: relative;
  z-index: 1000;
  line-height: 40px; }
  .top-panel .container {
    height: 40px; }
  .top-panel .DropDown-content {
    color: #000;
    line-height: normal;
    margin-top: -5px; }
  .top-panel a:hover {
    color: #F7931E; }
  .top-panel .lang-sel {
    float: left; }
    .top-panel .lang-sel .DropDown-title img {
      float: left;
      margin: 12px 5px 0 0; }
  .top-panel ul.menu {
    float: right;
    list-style: none;
    margin: 0;
    padding: 0; }
    .top-panel ul.menu a {
      display: block;
      padding: 0 20px; }
    .top-panel ul.menu li {
      float: left;
      background-color: #3F3F3F;
      border-right: 1px solid #fff; }
      .top-panel ul.menu li:hover {
        background-color: #646363;
        color: #000; }
      .top-panel ul.menu li.active {
        background-color: #fff;
        color: #000; }

.like-page a {
  color: #9B9B9B;
  position: relative; }
  .like-page a i {
    font-size: 24px;
    position: relative;
    top: 3px; }

.like-page .like-count {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  line-height: 30px;
  text-align: center;
  font-size: 13px; }
.like-page .like-count-real {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  line-height: 30px;
  text-align: center;
  font-size: 13px; }

.like-page.active a {
  color: #F7931E; }

.like-page .desc-like, .like-page .desc-like-in {
  position: absolute;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  color: #707070;
  width: auto;
  border-radius: 5px;
  background-color: #fff;
  line-height: 22px;
  padding: 15px;
  font-size: 12px;
  width: 200px;
  -webkit-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear;
  -webkit-animation: all .5s ease;
  animation: all .5s ease;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden; }
  .like-page .desc-like:before, .like-page .desc-like:after {
    position: absolute;
    left: 50%;
    content: "";
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 0px;
    height: 0px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent; }

.like-page.alert {
  margin: 0;
  padding: 0;
  border: none; }
  .like-page.alert .desc-like-in {
    opacity: 1;
    visibility: visible; }

.irs-with-grid > .irs > .irs-line {
  margin: 0 3px; }

.header_bg {
  height: 80px; }

#header {
  background: #fff;
  left: 0;
  right: 0;
  z-index: 999;
  position: absolute; }
  #header .container {
    height: 80px;
    position: relative;
    -webkit-transition: all .2s  ease;
    -o-transition: all .2s  ease;
    transition: all .2s  ease; }
  #header [class*="logo"] {
    position: absolute;
    -webkit-transition: all .2s  ease;
    -o-transition: all .2s  ease;
    transition: all .2s  ease;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    #header [class*="logo"] a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
    #header [class*="logo"] img {
      -webkit-transition: all .2s  ease;
      -o-transition: all .2s  ease;
      transition: all .2s  ease;
      display: inline-block; }
  #header .btnSearch {
    position: absolute;
    -webkit-transition: all .2s  ease;
    -o-transition: all .2s  ease;
    transition: all .2s  ease;
    top: 0;
    font-size: 16px;
    font-weight: 700;
    bottom: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%); }
    #header .btnSearch i {
      display: inline-block;
      width: 28px;
      height: 28px;
      background-color: #F7931E;
      color: #fff;
      text-align: center;
      line-height: 28px;
      margin-right: 10px;
      border-radius: 100%; }
    #header .btnSearch:hover {
      color: #F7931E; }
    #header .btnSearch.active .icon-search:before {
      font-family: 'icomoon2' !important;
      content: "\e90b"; }
  #header .wrap-searchbox {
    top: 100%;
    bottom: auto;
    background: #fff;
    left: 0;
    right: 0;
    max-width: none;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.25);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.25); }
    #header .wrap-searchbox .innersearch {
      -webkit-box-shadow: none;
      box-shadow: none;
      max-width: 770px;
      margin: 0 auto; }
    #header .wrap-searchbox div.showmore {
      display: block !important; }
    #header .wrap-searchbox .bottomsearch {
      display: none; }
  #header .groupBtn {
    position: absolute;
    right: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 0;
    bottom: 0;
    font-size: 20px; }
    #header .groupBtn > .item {
      width: 40px;
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      #header .groupBtn > .item:hover {
        color: #F7931E; }
  #header .like-page .desc-like {
    top: 85%; }
    #header .like-page .desc-like:before {
      border-bottom: 10px solid rgba(0, 0, 0, 0.2);
      top: -10px; }
    #header .like-page .desc-like:after {
      border-bottom: 10px solid #fff;
      top: -9px; }
  #header .like-page.alert .desc-like-in {
    opacity: 1;
    visibility: visible; }
  #header.sticky {
    position: fixed;
    top: 0;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }
    #header.sticky .container {
      height: 60px; }
    #header.sticky [class*="logo"] img {
      height: 20px; }

#header .logo-fixed, #header .btnSearch {
  opacity: 0;
  visibility: hidden; }

#header .logo {
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%; }

#header.sticky .logo {
  opacity: 0;
  visibility: hidden; }

#header.sticky .logo-fixed, #header.sticky .btnSearch {
  opacity: 1;
  visibility: visible; }

body:not(.home) #header .logo-fixed, body:not(.home) #header .btnSearch {
  opacity: 1;
  visibility: visible; }
  body:not(.home) #header .logo-fixed img, body:not(.home) #header .btnSearch img {
    height: 20px; }

body:not(.home) #header .logo {
  left: 15px;
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transform: translateX(0);
  opacity: 1 !important;
  visibility: visible !important; }
  body:not(.home) #header .logo img {
    height: 20px; }

.wrap-mainmenu .container {
  position: relative; }

.wrap-mainmenu .label-intro2 {
  position: absolute;
  top: 5px;
  left: 50px;
  width: 150px; }
  .wrap-mainmenu .label-intro2 .item {
    border: 15px solid #B3B3B3;
    background-color: #fff;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    position: relative;
    width: 140px;
    margin: 5px;
    height: 140px;
    border-radius: 100%; }
    .wrap-mainmenu .label-intro2 .item i {
      position: absolute;
      left: 0;
      right: 0;
      text-align: center;
      top: 10px;
      color: #F7931E; }
    .wrap-mainmenu .label-intro2 .item .text {
      font-weight: 700;
      font-size: 15px;
      top: 50%;
      left: 10px;
      right: 10px;
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      text-align: center;
      position: absolute; }

.bannerhome {
  background: #fff;
  padding-bottom: 50px; }
  .bannerhome .container {
    position: relative; }
  .bannerhome #slidebanner {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0; }
  .bannerhome .innerbanner, .bannerhome #slidebanner .item {
    height: 500px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative; }
  .bannerhome .txt-banner {
    text-align: center;
    padding-top: 70px;
    position: relative;
    z-index: 5; }
    .bannerhome .txt-banner .info-new {
      background-color: rgba(255, 255, 255, 0.85);
      display: inline-block;
      line-height: 1;
      border-radius: 5px;
      margin: 0 auto; }
    .bannerhome .txt-banner h4 {
      margin-bottom: 10px;
      color: #fff;
      font-weight: 700; }
    .bannerhome .txt-banner h1 {
      font-size: 48px;
      margin-bottom: 20px;
      color: #fff;
      font-weight: 700; }
    .bannerhome .txt-banner .info-new a {
      padding: 1.5em 3em 1.1em;
      text-decoration: none;
      color: #000;
      display: block;
      -webkit-transition: all .3s;
      -o-transition: all .3s;
      transition: all .3s; }
    .bannerhome .txt-banner .info-new div {
      display: inline-block;
      margin-right: 2.45em;
      font-weight: 700; }
    .bannerhome .txt-banner .info-new div span {
      font-size: 2.3em;
      display: inline-block;
      vertical-align: middle;
      margin-left: 12px; }

.wrap-searchbox {
  max-width: 810px;
  margin: 0 auto;
  z-index: 10;
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: -20px; }
  .wrap-searchbox .innersearch {
    background-color: rgba(255, 255, 255, 0.85);
    padding: 20px 50px;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
    border-radius: 5px; }
    .wrap-searchbox .innersearch:after {
      content: "";
      display: table;
      clear: both; }
  .wrap-searchbox .searchbar {
    padding-right: 130px;
    position: relative; }
    .wrap-searchbox .searchbar:after {
      content: "";
      display: table;
      clear: both; }
  .wrap-searchbox .right-search-bar {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 13px;
    text-align: center; }
    .wrap-searchbox .right-search-bar .right-hits {
      font-size: 30px;
      font-weight: 700;
      margin-bottom: 10px; }
    .wrap-searchbox .right-search-bar .btn-search {
      width: 66px;
      height: 66px;
      margin-bottom: 20px;
      background-color: #F7931E;
      border-radius: 100%;
      line-height: 54px;
      text-align: center;
      color: #fff;
      font-size: 34px; }
    .wrap-searchbox .right-search-bar .btn-reset {
      font-weight: 700;
      border: none;
      background: no-repeat; }
      .wrap-searchbox .right-search-bar .btn-reset i {
        margin-right: 5px;
        display: inline-block; }
  .wrap-searchbox .my-price {
    overflow: hidden; }
    .wrap-searchbox .my-price .text-capitalize {
      float: left;
      margin-right: 20px;
      margin-top: 43px;
      font-size: 13px; }
    .wrap-searchbox .my-price .irs-with-grid {
      overflow: hidden;
      display: block;
      width: auto;
      top: auto;
      margin: 0; }
  .wrap-searchbox .filter-search {
    margin: 0 -4px; }
    .wrap-searchbox .filter-search .group-form {
      padding: 0 4px;
      float: left;
      width: 33.33%;
      margin-bottom: 10px; }
      .wrap-searchbox .filter-search .group-form label {
        font-weight: 400;
        display: block;
        margin-bottom: 2px; }
      .wrap-searchbox .filter-search .group-form > div {
        width: 100% !important; }
      .wrap-searchbox .filter-search .group-form.full {
        width: 100%; }
    .wrap-searchbox .filter-search .form-control {
      height: 30px;
      background-color: #fff;
      border: 1px solid #000;
      border-radius: 2px;
      -webkit-box-shadow: none;
      box-shadow: none; }
  .wrap-searchbox .bootstrap-select.btn-group ul.dropdown-menu {
    border-radius: 5px;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    padding: 15px; }
  .wrap-searchbox .bootstrap-select.btn-group > .selectpicker {
    padding-bottom: 5px;
    background-color: #fff;
    border-color: #000;
    border-radius: 2px;
    height: 30px; }
  .wrap-searchbox .bootstrap-select > button:after {
    content: "";
    margin-top: -3px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #000; }
  .wrap-searchbox .bootstrap-select .dropdown-menu > li > a {
    position: relative;
    color: #000;
    display: block;
    padding: 5px 0 5px 20px; }
    .wrap-searchbox .bootstrap-select .dropdown-menu > li > a .text {
      display: block !important;
      border-bottom: 1px solid #CBCBCB;
      margin: 0 !important; }
    .wrap-searchbox .bootstrap-select .dropdown-menu > li > a:before {
      width: 16px;
      height: 16px;
      background-color: #fff;
      border: 1px solid #000;
      border-radius: 2px;
      position: absolute;
      left: 0;
      top: 6px;
      content: ""; }
    .wrap-searchbox .bootstrap-select .dropdown-menu > li > a:after {
      font-family: 'icomoon2' !important;
      content: "\e90d";
      position: absolute;
      font-size: 10px;
      left: 3px;
      top: 7px;
      opacity: 0; }
    .wrap-searchbox .bootstrap-select .dropdown-menu > li > a .glyphicon {
      display: none !important; }
  .wrap-searchbox .bootstrap-select .dropdown-menu > li.selected {
    background: transparent;
    color: 000; }
    .wrap-searchbox .bootstrap-select .dropdown-menu > li.selected > a:after {
      opacity: 1; }
  .wrap-searchbox .showmore {
    clear: both; }
    .wrap-searchbox .showmore:after {
      content: ""; }
  .wrap-searchbox .bottomsearch {
    width: 232px;
    height: 34px;
    line-height: 28px;
    text-align: center;
    position: absolute;
    left: 50%;
    bottom: -34px;
    background: url(../images/bg-search.png) no-repeat center center;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    font-size: 13px;
    font-weight: 700;
    cursor: pointer; }
    .wrap-searchbox .bottomsearch i {
      display: none; }
    .wrap-searchbox .bottomsearch:hover {
      color: #F7931E; }
  .wrap-searchbox.showsearch .showmore__ {
    display: block; }
  .wrap-searchbox.showsearch .bottomsearch i {
    display: inline-block; }

.menu-btn {
  cursor: pointer; }

.sticky-wrapper {
  height: 75px !important;
  position: relative; }

.DropDown {
  position: relative; }
  .DropDown-title {
    display: block; }
  .DropDown-content {
    position: absolute;
    display: none;
    background-color: #fff;
    padding: 20px;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    width: 200px;
    border-radius: 5px; }
    .DropDown-content > li {
      display: block; }
      .DropDown-content > li a {
        display: block;
        padding: 8px 0; }
      .DropDown-content > li:not(:first-child) {
        border-top: 1px solid rgba(0, 0, 0, 0.2); }
  .DropDown:hover .DropDown-content {
    display: block; }

#back-to-top {
  display: none !important; }

#footer-mobile {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 55px;
  background-color: #000;
  color: #fff;
  display: none;
  z-index: 1000; }
  #footer-mobile i {
    font-size: 22px; }
  #footer-mobile .item {
    width: 16.66%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    #footer-mobile .item a {
      display: block; position: relative;
      width: 100%;
      height: 55px;
      line-height: 55px; }
    #footer-mobile  .like-page a i { top: auto; }


  #footer-mobile .item a:hover,
  #footer-mobile .item a:active {
    color: #F7931E;
  }    
  #footer-mobile .like-page .desc-like {
    bottom: 90%;
    right: 50%;
    left: auto;
    -webkit-transform: translate(25px, 0);
    -ms-transform: translate(25px, 0);
    transform: translate(25px, 0); }
    #footer-mobile .like-page .desc-like:before, #footer-mobile .like-page .desc-like:after {
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
      left: auto;
      right: 11px; }
    #footer-mobile .like-page .desc-like:before {
      border-top: 10px solid rgba(0, 0, 0, 0.2);
      bottom: -10px; }
    #footer-mobile .like-page .desc-like:after {
      border-top: 10px solid #fff;
      bottom: -9px; }
  #footer-mobile .like-page.alert .desc-like {
    opacity: 1;
    visibility: visible; }

@media (max-width: 1199px) {
  #header [class*="logo"] img {
    height: 20px; }
  .wrap-mainmenu .support {
    display: none; }
  .irs-with-grid > .irs-grid > .irs-grid-text {
    font-size: 12px; }
  ul.mainmenu > li:last-child ul {
    left: auto;
    right: 0; } }

@media (max-width: 767px) {
  body {
    padding-bottom: 55px; }
  body:not(.home) #header .btnSearch {
    display: none !important; }
  body:not(.home) #header .logo {
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%); }
  #header .wrap-searchbox {
    display: block !important;
    position: fixed;
    left: 0; margin: 0 !important; right: auto;
    top: 0;
    bottom: 55px;
    background: #f00;
    max-width: 100%;
    width: 480px;
    background-color: #fff;
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    overflow: hidden; }
  body.showFilter {
    overflow: hidden; }
  body.showFilter {
    overflow: hidden; }
  body.showFilter .top-panel { z-index: 998; }    
  body.showFilter #header .wrap-searchbox {
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transform: translateX(0); }
  body.showFilter #footer-mobile .icon2-ic-5:before {
    content: "\e90b"; }
  #header.sticky {
    position: absolute !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }
  .wrap-searchbox .my-price {
    overflow: visible; }
  #back-to-top {
    display: none; }
  #mobile-menu-wrapper {
    max-width: 100%; }
  #mobile-menu-wrapper .inner {
    padding: 50px 20px 0; }
  #mobile-menu-wrapper .menu-btn {
    right: 15px;
    top: 15px; }
  .top-panel .container {
    height: 50px;
    padding: 0; }
  .top-panel .lang-sel {
    display: none; }
  .top-panel ul.menu {
    display: table;
    width: 100%; }
  .top-panel ul.menu li {
    width: 25%;
    height: 50px;
    display: table-cell;
    vertical-align: middle;
    float: none; }
  .top-panel ul.menu li a {
    padding: 0 10px;
    line-height: normal;
    display: block;
    font-size: 12px;
    text-align: center; }
  .top-panel ul.menu li a span {
    display: block; }
  .header_bg {
    height: 60px; }
  #header .container {
    height: 60px; }
  #header .logo a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  #header .logo img {
    height: 16px; }
  #header .groupBtn {
    display: none !important; }
  .wrap-mainmenu {
    display: none; }
  #footer-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .bannerhome .container {
    position: relative;
    padding: 160px 0 0; }
  .bannerhome .innerbanner {
    height: 160px;
    position: absolute;
    top: 0;
    left: 15px;
    right: 15px; }
  .bannerhome #slidebanner .item {
    height: 160px; }
  .bannerhome .txt-banner {
    padding: 15px 15px 0;
    font-size: 12px; }
  .bannerhome .txt-banner .info-new {
    padding: 15px;
    display: block; }
  .bannerhome .txt-banner h1 {
    font-size: 19px;
    margin-bottom: 10px;
    line-height: normal; }
  .bannerhome .txt-banner h4 {
    line-height: 18px; }
  .bannerhome .txt-banner .info-new a {
    padding: 0; }
  .bannerhome .txt-banner .info-new div {
    margin-right: 15px; }
  .bannerhome .txt-banner .info-new div span {
    font-size: 20px;
    margin-left: 5px; }
  body.home .wrap-searchbox {
    position: relative;
    bottom: auto;
    top: auto;
    left: auto;
    right: auto; }
  body:not(.home) .wrap-searchbox .innersearch {
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    overflow: auto; }
  .wrap-searchbox .innersearch {
    padding: 15px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0; }
  .wrap-searchbox .bottomsearch {
    display: none !important; }
  .wrap-searchbox .searchbar {
    padding: 0; }
  .wrap-searchbox .showmore {
    height: auto !important;
    display: block !important; }
  .wrap-searchbox .right-search-bar {
    position: relative;
    padding: 40px 0 0 120px; }
  .wrap-searchbox .right-search-bar .num-of-hits {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 120px;
    font-size: 12px; }
  .wrap-searchbox .right-search-bar .num-of-hits .right-hits {
    font-size: 20px;
    margin: 0; }
  .wrap-searchbox .right-search-bar .btn-search {
    height: 50px;
    border-radius: 3px;
    width: 100%;
    font-size: 16px;
    padding: 0;
    margin: 0; }
  .wrap-searchbox .right-search-bar .btn-reset {
    position: absolute;
    top: 18px;
    right: 0; }
  .wrap-searchbox .filter-search .group-form {
    width: 100%;
    padding-left: 120px;
    position: relative; }
  .wrap-searchbox .filter-search .group-form label {
    position: absolute;
    left: 0;
    top: 7px;
    font-size: 12px; }
  .wrap-searchbox .filter-search .group-form.product-id {
    padding: 0; }
  .wrap-searchbox .my-price { 
    margin-bottom: 20px; }
  .wrap-searchbox .my-price .text-capitalize {
    font-size: 13px;
    display: block;
    float: none;
    margin: 0 0 -30px; } } 

.irs-with-grid > .irs > .irs-to,
.irs-with-grid > .irs > .irs-from {
  width: auto !important; }

.irs-with-grid > .irs-grid > .js-grid-text-2 { left: auto !important; right: 0 !important; width: auto !important; }   

.shake{animation:shake .6s cubic-bezier(.36,.07,.19,.97) both;transform:translate3d(0,0,0);backface-visibility:hidden;perspective:1000px}

/*Add css*/

.news-home { margin-bottom: 2px !important }
#footer-mobile .item i {    font-size: 30px; line-height: inherit;}
#footer-mobile .item .contact-link i {    font-size: 27px; }

#footer-mobile .item .like-count {     line-height: 53px;}
.embed-responsive .btn-close-popup {  top: 60px;}


.owl-carousel.style-arrow-1 .owl-nav {
    top: 50%;     margin-top: -18px;
}



.three-grid.thumbnail-view .three-grid-item-wrapper .three-grid-item .item-actions .position-icon  {
  width: 50px; height: 50px; position: relative; overflow: hidden;
  background: none !important;
}
.three-grid.thumbnail-view .three-grid-item-wrapper .three-grid-item .item-actions .position-icon:before {
    position: absolute; content: "";
    width: 24px; 
    height: 32px;     
    top: 0; left: 0; background: url(../images/position.svg) center top no-repeat;
}
.three-grid.thumbnail-view .three-grid-item-wrapper .three-grid-item .item-actions .position-icon:hover:before {
    background-image: url(../images/position-hover.svg) !important;
}

.owl-tab.owl-theme .owl-controls .owl-buttons div.owl-prev {   left: 0 !important;}
.owl-tab.owl-theme .owl-controls .owl-buttons div.owl-next {    right: 0 !important;}


@media (max-width: 400px) {
  .contact .box-hotline .live span, .contact .box-hotline .office span {
      font-size: 18px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .news-home .list-news .posts-news a .bot-news {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      padding: 5px; top: 0;
  }
  .news-home .list-news .posts-news a .top-news {
      padding: 0 5px 5px;
  }
  .news-home .list-news .posts-news a .top-news .price span {
      font-size: 16px;
      display: block;
  }


}


@media (max-width: 991px) {
    #content .tab-hightrise .nav-tabs>li { width: 33.33% }
    #content .tab-hightrise .nav-tabs>li>a {
        position: relative; line-height: 25px; display: block;
        background:url(../images/bg-tab-mb.jpg) no-repeat top center !important; height: 25px; padding: 0; 
    }
    #content .tab-hightrise .nav-tabs>li>a:before {
        position: absolute; content: ""; top: 0; bottom: 0; left: 0;  width: 25px; border-radius: 0;    
        transform: none !important;    border: none;    z-index: 1;    height: 100% !important;
        background:url(../images/bg-tab-mb.jpg) no-repeat top left  !important; 
    }
    #content .tab-hightrise .nav-tabs>li>a:after {
        position: absolute; content: ""; top: 0; bottom: 0; right: 0; width: 25px; border-radius: 0;
        transform: none !important;    border: none;    z-index: 1;    height: 100% !important;
        background:url(../images/bg-tab-mb.jpg) no-repeat top right  !important; 
    }
}
.my-price-show .irs-with-grid>.irs>.irs-from, .my-price-show .irs-with-grid> .irs > .irs-to{
  display: block;
}