/*FullStack by Rocker.vn (since 2008)*/ /*bg categories-product-pages*/.categories-product-pages {
}

.categories-product-pages .pl-wrabauto {
 /*max-width: 1400px*/
  margin-top: 10px;
}

.categories-product-pages .left {
  width: 250px;
  float: left;
}

.categories-product-pages .right {
  width: calc(100% - 260px);
  float: right;
}

@media(max-width: 1024px) {
	.categories-product-pages .pl-wrabauto{
		margin-top: 10px
	}
  .left-list-categories-box.is_stuck {
    position: relative !important;
    top: 0px !important;
    width: 100% !important;
  }

  .categories-product-pages .left {
    position: fixed;
    left: -300px;
    top: 0px;
    bottom: 0px;
    height: 100vh;
    overflow-y: auto;
    z-index: 9;
    transition: left .5s;
  }

  .categories-product-pages .over-left {
    position: fixed;
    height: 100vh;
    width: 100vw;
    background: #0000009e;
    background: linear-gradient(90deg, #000000cf 0%, #0000007d 100% );
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
  }

  body.showCate .categories-product-pages .left {
    left: 0px;
  }

  body.showCate .categories-product-pages .over-left {
    display: block;
    z-index: 8;
  }

  .categories-product-pages .right {
    width: 100%;
    float: none;
  }
}

.categories-product-pages .products-items-main .items {
  width: calc(25% - 10px);
  float: left;
  margin: 5px;
}

.categories-product-pages .products-items-verticle {
  width: calc(33.3% - 10px);
  float: left;
  margin: 5px;
}

@media(max-width: 900px) {
	.categories-product-pages .pl-wrabauto{
		margin-top: 0px
	}
  .categories-product-pages .products-items-main .items {
    width: calc(50% - 10px);
  }

  .categories-product-pages .products-items-verticle {
    width: calc(100% - 10px);
  }

  .categories-product-pages .products-items-verticle .items .text, .categories-product-pages .products-items-verticle .items .text .subtitles, .categories-product-pages .products-items-verticle .items .text .titles, .categories-product-pages .products-items-main .items .text, .categories-product-pages .products-items-main .items .text .subtitles, .categories-product-pages .products-items-main .items .text .titles {
    font-size: 100%;
    line-height: 100%;
    height: auto;
  }

  .categories-product-pages .products-items-main .items {
    min-height: 300px;
  }
}

.list-all {
  list-style: none;
}

.list-all.view {
  display: none;
}

.list-all.viewpar li >ul {
  display: none;
}

body.showCate .list-all.view, body.showCate .list-all.viewpar li >ul {
  display: block;
}

.list-all >li {
  padding: 10px;
  background: #e2f4ff;
}

.list-all >li:nth-child(2n) {
  background: #efffef;
  border-color: #119919;
}

.list-all >li >a >h2 {
  font-weight: bold;
  text-decoration: underline;
  margin-bottom: 10px;
  display: block;
  text-transform: uppercase;
  font-size: calc(100% + 7px);
}

.list-all >li >ul {
  list-style: none;
  padding-left: 10px;
}

.list-all >li >ul li {
  border-bottom: 1px dashed #00000038;
}

.list-all >li >ul li:last-child {
  border-bottom: none;
}

.list-all >li >ul li a {
  display: block;
  padding: 5px 0px;
  font-size: 16px;
}

.list-private {
  list-style: none;
  margin-bottom: 10px;
}

.list-private >li {
  padding: 10px;
  background: #119919;
}

.list-private >li:nth-child(2n) {
  background: #efffef;
  border-color: #119919;
}

.list-private >li >a {
  font-weight: bold;
 /* text-decoration: underline; */
  margin-bottom: 10px;
  display: block;
  text-transform: uppercase;
  border-radius: 5px;
  background: #fff;
  display: block;
  padding: 7px;
  display: flex;
  align-items: center;
  font-size: calc(100% + 4px);
}

.list-private >li >a img {
  margin-right: 5px;
  width: 50px;
  height: auto;
}

.list-private >li >ul {
  list-style: none;
  padding-left: 10px;
}

.list-private >li >ul li {
  border-bottom: 1px dashed #00000038;
}

.list-private >li >ul li:last-child {
  border-bottom: none;
}

.list-private >li >ul li a {
  display: block;
  padding: 5px 0px; 
  color: #fff;
}

.des-categories {
  line-height: 25px;
  padding: 20px;
  background: #fff7ea;
  border-radius: 5px;
  margin: 10px 5px;
}

.des-categories * {
  font-size: 100% !important;
  font-family: Arial;
  text-align: justify;
  background: none !important;
}

.des-categories p:first-child::first-letter {
  font-size: 60px;
  line-height: 40px;
  display: block;
  float: left;
  margin-top: 3px !important;
  margin-right: 10px;
  padding: 0 0px 5px 0px;
  color: inherit !important;
  font-weight: bold;
} /*bg group-box-search*/.group-box-search {
  padding: 5px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  background: #ffffff;
  margin-top: 11px;
  border-bottom: 1px solid #119919;
}

.group-box-search .ifs-reset {
  position: absolute;
  right: 0px;
  top: 0;
  bottom: 0;
  margin: auto;
  height: fit-content;
  font-size: 20px;
  cursor: pointer;
  width: 30px;
  z-index: 2;
  height: 100%;
  display: flex;
  align-items: center;
  color: #FF5722;
}

.group-box-search .rows-sort {
  width: 120px;
  float: right;
}

.link-load-categories {
  display: none;
}

.dropsearch {
  width: calc(25% - 10px);
  float: left;
  position: relative;
  margin: 0 5px;
}

.inputsearch {
  width: 50%;
  border-radius: 5px;
  border: 1px solid #ccc;
  float: left;
  position: relative;
}

.group-box-search.only {
  display: none;
}

@media(max-width: 1024px) {
 /* .group-box-search.only {
    display: block;
  }*/

  .link-load-categories {
    width: 170px;
    float: left;
    display: block;
    height: 40px;
    line-height: 38px;
    background: #45adea;
    border-radius: 5px;
    padding: 0px 10px;
 /* font-weight: bold; */
    color: #ffffff;
  }

  .link-load-categories i {
    line-height: 38px;
    margin-right: 5px;
  }

  .inputsearch {
    width: calc(50% - 175px);
    margin-left: 5px;
  }

  body.fix .group-box-search {
 /*position: fixed; top: 82px; left: 0; right: 0; z-index: 5; margin-top: 0;*/;
  }

  body.fix .group-box-search .frmsearch {
    width: 90%;
    margin: auto;
  }
}

@media(max-width: 900px) {
  body.fix .group-box-search {
    top: 76px;
  }

  body.fix .group-box-search .frmsearch {
    width: 98%;
  }

  .link-load-categories i {
    margin-right: 0px;
  }

  .link-load-categories {
    width: 90px;
  }

  .link-load-categories span {
    display: none;
  }

  .inputsearch {
    width: calc(50% - 92px);
    margin-left: 2px;
  }
}

@media(max-width: 700px) {
  body.fix .group-box-search {
    top: 0px;
  }

  .link-load-categories {
    margin-left: 2px;
  }

  .inputsearch {
    width: calc(100% - 96px);
    margin: 0 2px;
  }

  .dropsearch {
    width: calc(50% - 4px);
    margin: 5px 2px;
  }
}

.inputsearch button {
  position: absolute;
  right: 0px;
  width: 40px;
  height: 40px;
  font-size: 20px;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
}

.inputsearch .keywordsearch {
  height: 38px;
  padding: 0px 5px;
  font-size: 20px;
  font-weight: bold;
  line-height: 40px;
  border: none;
  font-family: Arial, Helvetica, sans-serif;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  width: calc(100% - 41px);
  padding-bottom: 6px;
}

.inputsearch .keywordsearch::placeholder {
  font-weight: normal;
  font-size: 15px;
  line-height: 40px;
}
@media(max-width: 900px){
  .inputsearch .keywordsearch::placeholder{
    font-size: 12px
  }

}
.dropsearch.hasIcon i.ifs-reset {
  right: 30px;
}

.dropsearch.hasIcon i.d-icon {
  position: absolute;
  right: 0px;
  top: 0;
  bottom: 0;
  margin: auto;
  height: fit-content;
  font-size: 20px;
  cursor: pointer;
  width: 30px;
  z-index: 2;
  height: 100%;
  display: flex;
  align-items: center;
}

.dropsearch .fillter-lbl, .inputsearch {
  display: block;
  height: 40px;
  line-height: 40px;
  border-radius: 5px;
  border: 1px solid #dcdcdc;
  font-size: 15px;
  background: #f3f4f7;
}

.dropsearch .fillter-lbl {
  padding: 0 10px;
}

.dropsearch.active .fillter-lbl {
  border-color: #119919;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.dropsearch.exist .fillter-lbl {
  font-weight: bold;
  font-size: 20px;
}

.dropsearch.active .chilrd {
  display: block;
}

.dropsearch .chilrd {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  width: 100%;
  background: #119919;
  z-index: 3;
  list-style: none;
  display: none;
}

.dropsearch .chilrd li input {
  display: none;
}

.dropsearch .chilrd li label {
  padding: 10px;
  color: #ffffff;
  cursor: pointer;
  display: block;
}

.rows-sort {
  position: relative;
  border-bottom: 1px solid;
  height: 40px;
  line-height: 40px;
}

.rows-sort i {
  line-height: 40px;
}

.rs-fillter {
  padding: 20px 0px;
  margin: 10px;
  width: 100%;
  clear: both;
}

.rs-fillter .rs-title {
  margin-bottom: 10px;
  text-decoration: underline;
  font-style: italic;
}

.rs-fillter .rs-title span {
  color: red;
}

.items-rs-fillter {
  display: inline-block;
  border-right: 1px solid #000;
  padding-right: 10px;
  margin-right: 10px;
  float: left;
}

.items-rs-fillter:last-child {
  border-right: none;
  padding-right: 0px;
  margin-right: 0px;
}

.items-rs-fillter .lbl {
  line-height: 35px;
  font-weight: bold;
}

.items-rs-fillter .lbl,.items-rs-fillter .val {
  float: left;
  position: relative;
}

@media(max-width: 900px) {
  .items-rs-fillter {
    border-left: none;
    padding-left: 0px;
    margin-left: 0px;
    display: block;
    margin-bottom: 20px;
  }

  .items-rs-fillter .lbl {
    width: 90px;
  }

  .items-rs-fillter .val {
    width: calc(100% - 100px);
    float: right;
  }
}

.items-rs-fillter .it-rs {
  position: relative;
  display: inline-block;
  padding: 5px 26px;
  margin: 5px 5px;
  border: 1px solid #2196F3;
  border-radius: 15px;
}

.items-rs-fillter .it-rs.color {
}

.items-rs-fillter .it-rs span {
  width: 10px;
  height: 10px;
  position: absolute;
  display: block;
  left: 10px;
  top: 0px;
  bottom: 0px;
  margin: auto;
  border-radius: 100%;
  border: 1px solid #6f6f6f;
}

.items-rs-fillter .it-rs a {
  position: absolute;
  right: 6px;
  color: #2196F3;
  height: 16px;
  top: 0;
  bottom: 0;
  margin: auto;
  font-size: 15px;
}

.btn-fillter i {
  height: 40px;
  line-height: 40px;
}

.rows-sort .titles {
  width: calc(100% - 220px);
  float: left;
}

.rows-sort .sort {
  width: 220px;
  float: right;
  position: relative;
}

.rows-sort .sort .lbl {
  display: block;
  text-align: right;
}

.rows-sort .sort .dropdown {
  width: 220px;
  background: #f3f4f7;
  border-radius: 5px;
  padding: 10px;
  box-shadow: 0px 2px 3px 0px #0000002e;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 8;
  margin-top: 16px;
  border: 1px solid #e4e5e8;
  display: none;
}

.rows-sort .sort .dropdown li {
  list-style: none;
}

.rows-sort .sort .dropdown li a {
  display: block;
  padding: 5px 5px;
  border-radius: 5px;
}

@media(min-width: 900px) {
  .rows-sort .sort .dropdown li a:hover {
    background: #ffffff;
  }
} /*ed group-box-search*/ /*ed categories-product-pages*/.newpages .articles-items-main .items {
  width: calc(25% - 10px);
  float: left;
  margin: 5px;
}

.newpages .articles-items-main .items .des {
  display: none;
}

@media(min-width: 900px) {
  .newpages .articles-items-main .items:nth-child(4n+1) {
    clear: left;
  }
}

@media(max-width: 900px) {
  .newpages .articles-items-main .items {
    width: calc(50% - 10px);
  }

  .newpages .articles-items-main .items:nth-child(2n+1) {
    clear: left;
  }
} /*bg products-view-details*/.products-view-details {
}

.products-view-details .description {
  margin-top: 11px;
  padding: 10px;
  border-radius: 5px;
  background: #1199190d;
}

.products-view-details .dleft {
  width: calc(100% - 310px);
  float: left;
}

.products-view-details .dright {
  width: 300px;
  float: right;
}

@media(max-width: 900px) {
  .products-view-details .dleft, .products-view-details .dright {
    width: 100%;
    float: none;
    margin-bottom: 20px;
  }
}

.products-view-details .dleft .title-p {
  font-size: calc(100% + 10px);
}

.products-view-details .dleft .code-p {
  color: #119919;
  margin: 10px 0px;
}

.products-view-details .dleft .prices-p {
  font-size: calc(100% + 10px);
}

.products-view-details .dleft .prices-p b {
  color: red;
}

.products-view-details .dleft .img {
  position: relative;
  width: 40%;
  float: left;
  border: 1px solid #e2e3e4;
  background: #f3f4f7;
  cursor: zoom-in;
}

.products-view-details .dleft .text-d {
  width: calc(60% - 10px);
  float: right;
}

@media(max-width: 700px) {
  .products-view-details .dleft .title-p {
  	font-size: calc(100% + 2px)
  }
  .products-view-details .dleft .prices-p {
	    font-size: calc(100% + 6px);
	}
	.callphone-p {
    margin-top: 10px;
}
  .products-view-details .dleft .img, .products-view-details .dleft .text-d {
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }
}

.products-view-details .dleft .img::after {
  position: absolute;
  left: 0;
  right: 0;
  content: ' ';
  top: 0;
  bottom: 0;
  z-index: 1;
  display: block;
}

.products-view-details .dleft .img img.limit {
  width: 100%;
  height: auto;
}

.products-view-details .dleft .img img.absolute {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}

.callphone-p {
  margin-top: 17px;
  background: #f3f4f7;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #dadbde;
}

.callphone-p p {
}

.callphone-p a {
  font-size: calc(100% + 10px);
  font-weight: bold;
}

.callphone-p a i {
  line-height: 100%;
  display: contents;
  color: #119919;
}

.expands {
  list-style: none;
  border: 1px solid #a9aaad;
  margin-top: 12px;
  border-radius: 5px;
  overflow: hidden;
}

.expands li {
  border-bottom: 1px solid #a9aaad;
}

.expands li:nth-child(2n) {
  background: #f3f4f7;
}

.expands li:last-child {
  border-bottom: none;
}

.expands li .lbl {
  width: 190px;
  height: auto;
  display: inline-block;
  padding: 5px 10px;
}

.expands li .value {
  border-left: 1px solid #a9aaad;
  width: calc(100% - 200px);
  display: inline-block;
  padding: 5px 10px;
}

.products-view-details .contents-d {
  text-align: justify;
  padding: 10px;
  border: 1px solid #a9aaad;
  margin-top: 10px;
  border-radius: 5px;
}

.products-view-details .contents-d img {
  max-width: 100%;
  height: auto;
}

.products-view-details .contents-d .public-bci {
  background-color: #1199190a;
  border: 0;
  padding: 0px;
}

.products-view-details .contents-d .public-bci p {
  padding-top: 10px;
}

.products-view-details .des-categories {
  margin-left: 0;
  margin-right: 0;
}

.products-view-details .contents-d .rows * {
  font-size: 18px !important;
  line-height: 25px !important;
  font-family: Arial !important;
}

.products-view-details .contents-d .rows {
  margin: 20px 0px;
}

.products-view-details .contents-d .rows .title {
  font-size: calc(100% + 5px) !important;
  text-transform: uppercase;
  font-weight: bold;
  padding-bottom: 10px;
  margin-bottom: 5px;
  border-bottom: 1px solid #ccc;
}

.categories-product-pages .products-view-details .products-items-verticle , .categories-product-pages .products-view-details .products-items-main {
  width: 100%;
  float: left;
  margin: 5px;
}

@media(max-width: 900px) {
  .categories-product-pages .products-view-details .products-items-verticle , .categories-product-pages .products-view-details .products-items-main {
    width: calc(100% - 10px);
    float: left;
    margin: 5px;
  }
} /*ed products-view-details*/ /*bg catalogue*/.catalogue-img-items .items {
  width: calc(25% - 10px);
  float: left;
  margin: 5px;
  border: 1px solid #dbdde2;
  padding: 10px;
}

@media(max-width: 900px) {
  .catalogue-img-items .items {
    width: calc(50% - 10px);
  }
}

.catalogue-img-items .items img {
  width: 100%;
  height: auto;
}

.catalogue-img-items .items .titles {
  font-weight: bold;
  min-height: 40px;
  text-align: center;
  padding: 10px 0px;
}

.catalogue-details .pri-grouptitle {
  margin: 20px 5px;
  text-align: center;
}

.catalogue-details .pri-grouptitle .pri-subtitle {
  font-size: calc(100% + 5px);
  text-transform: uppercase;
}

.catalogue-details .pri-grouptitle .title-p {
  font-size: calc(100% + 20px);
  text-transform: uppercase;
}

.catalogue-details .ct-ftpages {
  margin: 20px 5px;
} /*ed catalogue*/