@charset "utf-8"; 
.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}
.flex-flow{
  flex-flow: row wrap !important;
  -webkit-flex-flow: row wrap !important;
}
.d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}


.flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
}

.flex-grow-1 {
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
}

.justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

.align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.align-items-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}

.align-items-baseline {
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}

.align-items-stretch {
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}

.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}

.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}

.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}

.web-slider-main .slick-prev,.web-slider-main .slick-next {
  left: 15px;
  width: 52px;
  height: 51px;
  z-index: 10;
}

.web-slider-main .slick-next {
  left: initial;
  right: 15px;
}

.web-slider-main .slick-prev:before,.web-slider-main .slick-next:before {
  content: url(../images/sl_prev.png)
}

.web-slider-main .slick-next:before {
  content: url(../images/sl_next.png)
}

.about-bg {
  background: #f4f4f4;
  padding: 60px 0;
}

.about-bg .info {
  float: left;
  width: calc(100% - 450px);
}

.about-bg .info .tit,.product-desc-info .info .tit {
  font-size: 28px;
  font-family: 'UTMAvo';
  font-weight: 400;
  margin: 0 0 40px 0;
  position: relative;
  padding-left: 30px;
}

.about-bg .info .tit:before,.product-desc-info .info .tit:before {
  content: " ";
  position: absolute;
  left: 0;
  top: -3px;
  background: #00923f;
  width: 10px;
  height: 44px;
}

.about-bg .info .tit span {
  font-weight: 600;
  color: #00923f;
  font-family: 'UTMAvoBold';
}

.about-bg .info .desc {
}

.about-bg figure {
  float: right;
}

.about-bg figure>a {
}

.about-bg figure>a img {
}

.xemthem {
}

.xemthem a {
  color: #00923f;
  display: inline-block;
  border: 1px solid #b3b3b3;
  padding: 6px 20px;
  transition: all .3s linear;
}

.xemthem a:hover {
  color: #fff;
  background: #00923f;
  border-color: #fff;
}

.xemthem a i {
}

.pr-box p span {
  color: #00923f;
}

.idx-tit {
  margin: 40px 0 20px;
}

.idx-tit section {
  display: inline-block;
  border: 1px solid #000;
  position: relative;
  padding: 0 50px 5px;
}

.idx-tit h2 {
  position: relative;
  top: -20px;
  margin: 0;
  font-size: 30px;
  font-family: 'UTMAvoBold';
  height: 20px;
}

.idx-tit h2>a {
  color: #000;
  display: inline-block;
  background: #fff;
  padding: 0 15px;
}

.idx-tit h3 {
  font: normal 11px arial;
  margin: 0;
}

.ft-left {
  float: left;
  width: 513px;
  position: absolute;
  height: 100%;
  padding-top: 30px;
}

.ft-left:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
  right: 0;
  top: 0;
  background-color: #dcdcdc;
}

.ft-right {
  float: right;
  width: calc(100% - 513px);
  padding-top: 30px;
}


.ft-list ul {
}

.ft-list li {
}

.ft-list ul a {
  color: #333;
}


body:not(.index) .main-container {
  padding: 30px 0 15px;
}

.index .pr-box {
  margin-bottom: 0;
  width: 100%;
}

.logo-banner {
  display: block;
  margin:2px 0;
}
.logo-banner img{max-height: 96px;transition: all 0.5s ease;}

.fixedheader .nav-bg {
}

header.fixedheader {
  position: fixed;
  min-width: 1230px;
}

.logo {
  max-width: 130px;
  transition: all 0.5s ease;
}

.fixedheader .logo {
  max-height: 60px;
}

.sl2-item img {
  width: 80px;
  height: 60px;
}

.product-desc-info {
  margin-bottom: 15px;
}

.product-desc-info .info {
  width: calc(40% - 15px);
}

.product-desc-info .info .tit {
}

.product-desc-info .info .desc {
}

.product-desc-info .info .desc img {
  max-width: 100% !important;
  height: auto !important;
}

.product-desc-info .hinhlist {
  width: calc(60% - 15px);
  background: #eceaea;
  padding: 10px;
}

.sl2-item {
  outline: none
}

.sl2-item img {
  margin: 0 auto;
}

.hinhlist .slider-for {
  margin-bottom: 15px !important;
  box-shadow: 0px 0px 10px #C2BFBF;
}.hinhlist .slider-nav{
  margin-bottom: 0;
  background: #fff;
  box-shadow: 0px 0px 10px #C2BFBF;
  padding: 5px 0;
}

.hinhlist .slider-for .slick-slide img {
  width: 100%;
}

.hinhlist .slider-nav .slick-prev,.hinhlist .slider-nav .slick-next {
  left: 0;
  z-index: 10
}

.hinhlist .slider-nav .slick-next {
  left: initial;
  right: -3px;
}

.hinhlist .slider-nav .slick-prev:before,.hinhlist .slider-nav .slick-next:before {
  color: #000
}

.hinhlist .slider-nav .slick-next:before {
}
.spnb-item {outline:none}
.spnoibat-main  .slick-prev:before,.spnoibat-main  .slick-next:before{color:#000;}
/*===*/
.support-cart{position: fixed;right: 17px;bottom:125px;display: flex;align-items: center;justify-content: center;flex-direction: column;z-index: 999}
.img-pro-tt img{max-width:70px;object-fit: cover;margin-right:10px;}
.img-pro-tt{display: flex;}
.support-cart {}
.support-cart a.btn-support-cart {position: relative; text-align: left; width: 40px; height: 40px; cursor: pointer; display: block }
.support-cart a.btn-support-cart i {width: 40px; height: 40px; background: #FF2D37; color: #fff; border-radius: 100%; font-size: 20px; text-align: center; line-height: 1.9; position: relative; z-index: 999 }
.support-cart a.btn-support-cart svg {position: absolute; top: 50%; transform: translate(0, -50%); z-index: 1; left: 0; right: 0; margin: 0 auto }
.support-cart a.btn-support-cart .kenit-alo-circle {border-color: #1182fc }
.support-cart a.btn-support-cart .kenit-alo-circle-fill {background-color:rgb(0, 146, 63)}
.support-cart .count_item_pr {position: absolute; top: -15px; right: -15px; height: 25px; min-width: 25px; border-radius: 50%; color: #fff; background-color: #00923f; text-align: center; line-height: 21px; z-index: 9999; border: 2px solid #fff; font-size: 13px }
.support-cart:before {border: 15px solid transparent; border-bottom: 15px solid #FF2D37; margin-left: -15px; bottom: 75px; left: 30px; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; display: none }
.support-cart:after {content: ""; position: absolute; left: 0; bottom: 70px; width: 100%; height: 30px; background: 0 0; display: none; z-index: 8 }
.kenit-alo-circle-fill {width: 60px; height: 60px; top: -10px; position: absolute; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; -webkit-transition: all .1s; -moz-transition: all .1s; -o-transition: all .1s; transition: all .1s; background-color: rgba(21, 85, 147, 0.5); opacity: .75; right: -10px }
.kenit-alo-circle {width: 50px; height: 50px; top: -5px; right: -5px; position: absolute; background-color: transparent; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid rgba(30, 30, 30, 0.4); opacity: .1; border-color: #1862a9; opacity: .5 }
.main_map iframe{width: 100%;height: 100%}
.quantity{text-align: center;}