.dnt-brearum .items{
  font-size: 13px;
  line-height: 15px;
  color: #787878;
  display:flex;
  justify-content:center;
  align-items:center;
}
.dnt-brearum .item:not(:last-child):after {
    content: "/";
    font-size: 13px;
    line-height: 15px;
    font-family: inherit;
}
.dnt-brearum .item a {
    color: #737373;
}
.slide-image-small{
  order:1;
}
.slide-image-product{
  display:flex;
}
.slide-image-big{
  order:2;
}
.img-slide-small{
  height:100%;
}
.img-slide-small,
.img-slide-big{
  width:100%;
  object-fit:cover;
}
.slide-image-small{
  max-height:550px;
  min-width:74px;
  margin-right:20px;
  padding-right:2px;
  
}
.img-slide-small_box{
  height:100px !important;
}
.slide-image-small .swiper-slide-thumb-active img{
  border:1px solid;
  padding:2px;
}

.dnt-block-768{
  display:none;
}
.slide-image-big .hover-button-opacity{
  color: darkgray;
  width:30px;
  height:40px;
  font-size:20px;
  background-color: #dfdfdf;
}
.slide-image-big .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: 'next';
    font-size: 30px;
}
.slide-image-big .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: 'prev';
    font-size: 30px;
}
.slide-image-small .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: 'next';
    font-size: 20px;
}
.slide-image-small .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: 'prev';
     font-size: 20px;
}
.slide-image-big:hover .hover-button-opacity{
  opacity:1 ;
}
.slide-image-small .dnt-block-768{
  color: #000;
  width: 20px;
  height: 27px;
  font-size: 22px;
  background-color: #dfdfdf;
  text-align: center;
}
.tempalte_product-name{
  font-size:20px;
  text-transform: uppercase;
}
.dnt-price-prod-original{
    color: #939393;
    font-weight: 400;
    font-size: 18px;
}
.sale-tempalte-pro{
  background: #d40f0f;
    color: #fff;
    text-align: center;
    line-height: 20px;
    font-weight: 700;
    font-size: 15px;
    padding: 0 7px 0 3px;
    display: inline-block;
    position: relative;
    margin-left: 8px;
}
.sale-tempalte-pro::before{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 8px 10px 0;
    border-color: transparent #d40f0f transparent transparent;
    position: absolute;
    top: 0;
    left: -7px;
}
.template_produc-attributes-color{
  border: 1px solid #dadada;
  width: 55px !important;
  height: 55px !important;
  margin: 0 10px 0 0;
  cursor: pointer;
  padding: 2px;
}
.template_produc-attributes-color img {
  height:100%;
  /*object-fit: none;*/
}
.size-product-list .size-product-item{
    text-align: center;
    border: 1px solid #bfbfbf;
    border-radius:10px;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #000;
    height: 48px;
    min-width: 48px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 10px 0 0;
    cursor: pointer;
}
.border-none{
  border:none !important;
}
.template_product-quantity-box{
  border: 1px solid #bfbfbf;
  display:inline-flex;
   border-radius:10px;
}
.dnt-btn-minus,.dnt-quantity,.dnt-btn-plus {
    width: 40px;
    height: 46px;
    display: block;
    min-width: 40px;
    cursor: pointer;
    background:none;
    font-size:20px;
    outline:none;
}
.order-1-attr{
  order:1;
}
.order-2-attr{
  order:2;
}
.value-product-template{
    text-transform: uppercase;
}
.template_product-innerQuantity{
  margin-left:15px;
  font-weight:700;
}
.template_product-hdChooseSize{
  position: relative;
  padding-left: 30px;
  text-decoration: underline;
  cursor: pointer; 
}
.template_product-hdChooseSize::before{
  content: "";
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzFfNjUzOSkiPgo8cGF0aCBkPSJNNC45NjY1OSAxOS41ODM1QzQuODU3MjggMTkuNTgzIDQuNzUyNTMgMTkuNTM5NiA0LjY3NDkyIDE5LjQ2MjdMMC41Mzc0MjMgMTUuMzI1MkMwLjQ1OTgxOSAxNS4yNDcxIDAuNDE2MjYgMTUuMTQxNSAwLjQxNjI2IDE1LjAzMTRDMC40MTYyNiAxNC45MjEzIDAuNDU5ODE5IDE0LjgxNTcgMC41Mzc0MjMgMTQuNzM3N0wxNC43Mzc0IDAuNTM3NjY4QzE0LjgxNTUgMC40NjAwNjMgMTQuOTIxMSAwLjQxNjUwNCAxNS4wMzEyIDAuNDE2NTA0QzE1LjE0MTIgMC40MTY1MDQgMTUuMjQ2OCAwLjQ2MDA2MyAxNS4zMjQ5IDAuNTM3NjY4TDE5LjQ2MjQgNC42NzUxN0MxOS41NCA0Ljc1MzI0IDE5LjU4MzYgNC44NTg4NCAxOS41ODM2IDQuOTY4OTJDMTkuNTgzNiA1LjA3OSAxOS41NCA1LjE4NDYgMTkuNDYyNCA1LjI2MjY3TDUuMjYyNDIgMTkuNDYyN0M1LjIyMzQ5IDE5LjUwMTMgNS4xNzczMSAxOS41MzE4IDUuMTI2NTUgMTkuNTUyNkM1LjA3NTc4IDE5LjU3MzMgNS4wMjE0MiAxOS41ODM4IDQuOTY2NTkgMTkuNTgzNVpNMS40MjA3NiAxNS4wMzM1TDQuOTY2NTkgMTguNTc5M0wxOC41NzkxIDQuOTY2ODRMMTUuMDMzMiAxLjQyMUwxLjQyMDc2IDE1LjAzMzVaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNNC45OTk5MyAxNC44Mzc3QzQuOTQ0OCAxNC44Mzc0IDQuODkwMjcgMTQuODI2MyA0LjgzOTQ5IDE0LjgwNDhDNC43ODg3IDE0Ljc4MzMgNC43NDI2OSAxNC43NTIgNC43MDQxIDE0LjcxMjdMMi45MTY2IDEyLjk0NkMyLjg0ODM0IDEyLjg2NjMgMi44MTI2NyAxMi43NjM4IDIuODE2NzIgMTIuNjU4OUMyLjgyMDc3IDEyLjU1NCAyLjg2NDI0IDEyLjQ1NDUgMi45Mzg0NSAxMi4zODAzQzMuMDEyNjUgMTIuMzA2MSAzLjExMjEzIDEyLjI2MjcgMy4yMTY5OSAxMi4yNTg2QzMuMzIxODYgMTIuMjU0NiAzLjQyNDM5IDEyLjI5MDIgMy41MDQxIDEyLjM1ODVMNS4yNzQ5MyAxNC4xMjUyQzUuMzUyNTMgMTQuMjAzMiA1LjM5NjA5IDE0LjMwODggNS4zOTYwOSAxNC40MTg5QzUuMzk2MDkgMTQuNTI5IDUuMzUyNTMgMTQuNjM0NiA1LjI3NDkzIDE0LjcxMjdDNS4yMDIxMyAxNC43ODczIDUuMTA0IDE0LjgzMTkgNC45OTk5MyAxNC44Mzc3WiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTYuNzU4MzIgMTEuODkxOEM2LjcwMzE5IDExLjg5MTYgNi42NDg2NiAxMS44ODA0IDYuNTk3ODggMTEuODU4OUM2LjU0NzEgMTEuODM3NSA2LjUwMTA4IDExLjgwNjIgNi40NjI0OSAxMS43NjY4TDUuMjg3NDkgMTAuNTg3NkM1LjI0Mzg3IDEwLjU1MDMgNS4yMDg0NSAxMC41MDQzIDUuMTgzNDQgMTAuNDUyNkM1LjE1ODQzIDEwLjQwMDkgNS4xNDQzNyAxMC4zNDQ2IDUuMTQyMTYgMTAuMjg3MkM1LjEzOTk0IDEwLjIyOTkgNS4xNDk2MSAxMC4xNzI2IDUuMTcwNTYgMTAuMTE5MkM1LjE5MTUgMTAuMDY1NyA1LjIyMzI4IDEwLjAxNzEgNS4yNjM4OCA5Ljk3NjUzQzUuMzA0NDkgOS45MzU5MiA1LjM1MzA1IDkuOTA0MTUgNS40MDY1MiA5Ljg4MzJDNS40NTk5OSA5Ljg2MjI2IDUuNTE3MjEgOS44NTI1OSA1LjU3NDU5IDkuODU0OEM1LjYzMTk4IDkuODU3MDIgNS42ODgyOCA5Ljg3MTA3IDUuNzM5OTggOS44OTYwOEM1Ljc5MTY3IDkuOTIxMDkgNS44Mzc2NCA5Ljk1NjUyIDUuODc0OTkgMTAuMDAwMUw3LjA1NDE2IDExLjE3OTNDNy4xMTI5MiAxMS4yMzc2IDcuMTUyOTkgMTEuMzEyIDcuMTY5MjcgMTEuMzkzMkM3LjE4NTU1IDExLjQ3NDMgNy4xNzczIDExLjU1ODUgNy4xNDU1NiAxMS42MzQ5QzcuMTEzODIgMTEuNzExMyA3LjA2MDA0IDExLjc3NjYgNi45OTEwOCAxMS44MjI0QzYuOTIyMTEgMTEuODY4MSA2Ljg0MTA4IDExLjg5MjMgNi43NTgzMiAxMS44OTE4WiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTkuNzA0MDggMTAuMTIxMkM5LjU5NDc3IDEwLjEyMDggOS40OTAwMiAxMC4wNzc0IDkuNDEyNDEgMTAuMDAwNEw3LjY0MTU4IDguMjMzNzNDNy41NjMxMiA4LjE1NTI3IDcuNTE5MDQgOC4wNDg4NiA3LjUxOTA0IDcuOTM3OUM3LjUxOTA0IDcuODI2OTQgNy41NjMxMiA3LjcyMDUzIDcuNjQxNTggNy42NDIwN0M3LjcyMDA0IDcuNTYzNjEgNy44MjY0NSA3LjUxOTUzIDcuOTM3NDEgNy41MTk1M0M4LjA0ODM3IDcuNTE5NTMgOC4xNTQ3OSA3LjU2MzYxIDguMjMzMjUgNy42NDIwN0w5Ljk5OTkxIDkuNDEyOUMxMC4wNzc1IDkuNDkwOTYgMTAuMTIxMSA5LjU5NjU3IDEwLjEyMTEgOS43MDY2NUMxMC4xMjExIDkuODE2NzIgMTAuMDc3NSA5LjkyMjMzIDkuOTk5OTEgMTAuMDAwNEM5Ljk2MDk3IDEwLjAzOSA5LjkxNDggMTAuMDY5NiA5Ljg2NDA0IDEwLjA5MDNDOS44MTMyNyAxMC4xMTEgOS43NTg5MSAxMC4xMjE1IDkuNzA0MDggMTAuMTIxMloiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0xMS40NzQ5IDcuMTc1MjNDMTEuNDIwMSA3LjE3NTU1IDExLjM2NTcgNy4xNjUwNCAxMS4zMTQ5IDcuMTQ0M0MxMS4yNjQyIDcuMTIzNTcgMTEuMjE4IDcuMDkzMDIgMTEuMTc5MSA3LjA1NDRMOS45OTk4OSA1Ljg3NTIzQzkuOTU2MjcgNS44Mzc4OCA5LjkyMDg1IDUuNzkxOTEgOS44OTU4NCA1Ljc0MDIyQzkuODcwODMgNS42ODg1MyA5Ljg1Njc3IDUuNjMyMjIgOS44NTQ1NiA1LjU3NDg0QzkuODUyMzQgNS41MTc0NiA5Ljg2MjAxIDUuNDYwMjMgOS44ODI5NiA1LjQwNjc3QzkuOTAzOTEgNS4zNTMzIDkuOTM1NjggNS4zMDQ3MyA5Ljk3NjI5IDUuMjY0MTNDMTAuMDE2OSA1LjIyMzUyIDEwLjA2NTUgNS4xOTE3NSAxMC4xMTg5IDUuMTcwOEMxMC4xNzI0IDUuMTQ5ODUgMTAuMjI5NiA1LjE0MDE4IDEwLjI4NyA1LjE0MjRDMTAuMzQ0NCA1LjE0NDYyIDEwLjQwMDcgNS4xNTg2NyAxMC40NTI0IDUuMTgzNjhDMTAuNTA0MSA1LjIwODY5IDEwLjU1IDUuMjQ0MTIgMTAuNTg3NCA1LjI4NzczTDExLjc2NjYgNi40NjI3M0MxMS44MjUxIDYuNTIwNzYgMTEuODY1MSA2LjU5NDg0IDExLjg4MTUgNi42NzU1OUMxMS44OTc5IDYuNzU2MzUgMTEuODkgNi44NDAxNiAxMS44NTg4IDYuOTE2NDJDMTEuODI3NSA2Ljk5MjY4IDExLjc3NDQgNy4wNTc5OCAxMS43MDYxIDcuMTA0MDVDMTEuNjM3NyA3LjE1MDExIDExLjU1NzMgNy4xNzQ4OSAxMS40NzQ5IDcuMTc1MjNaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMTQuNDIwOCA1LjQxNjc0QzE0LjM2NiA1LjQxNzA2IDE0LjMxMTYgNS40MDY1NSAxNC4yNjA4IDUuMzg1ODFDMTQuMjEwMSA1LjM2NTA3IDE0LjE2MzkgNS4zMzQ1MiAxNC4xMjUgNS4yOTU5MUwxMi4zNTgzIDMuNTE2NzRDMTIuMzE4OSAzLjQ3ODE3IDEyLjI4NzUgMy40MzIyMSAxMi4yNjU5IDMuMzgxNDlDMTIuMjQ0MiAzLjMzMDc4IDEyLjIzMjggMy4yNzYzIDEyLjIzMjIgMy4yMjExNkMxMi4yMzE2IDMuMTY2MDMgMTIuMjQxOSAzLjExMTMyIDEyLjI2MjUgMy4wNjAxNkMxMi4yODMgMy4wMDkgMTIuMzEzNSAyLjk2MjM5IDEyLjM1MiAyLjkyMjk5QzEyLjM5MDYgMi44ODM2IDEyLjQzNjYgMi44NTIxOCAxMi40ODczIDIuODMwNTVDMTIuNTM4IDIuODA4OTEgMTIuNTkyNSAyLjc5NzQ4IDEyLjY0NzYgMi43OTY5QzEyLjcwMjggMi43OTYzMiAxMi43NTc1IDIuODA2NiAxMi44MDg2IDIuODI3MTdDMTIuODU5OCAyLjg0NzczIDEyLjkwNjQgMi44NzgxNyAxMi45NDU4IDIuOTE2NzRMMTQuNzEyNSA0LjY4MzQxQzE0Ljc3MSA0Ljc0MTQ0IDE0LjgxMSA0LjgxNTUxIDE0LjgyNzQgNC44OTYyN0MxNC44NDM4IDQuOTc3MDIgMTQuODM1OSA1LjA2MDgzIDE0LjgwNDcgNS4xMzcwOUMxNC43NzM0IDUuMjEzMzYgMTQuNzIwMyA1LjI3ODY1IDE0LjY1MiA1LjMyNDcyQzE0LjU4MzcgNS4zNzA3OSAxNC41MDMyIDUuMzk1NTYgMTQuNDIwOCA1LjM5NTkxVjUuNDE2NzRaIiBmaWxsPSJibGFjayIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzFfNjUzOSI+CjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K);
    position: absolute;
    top: 0;
    left: 0;
}
.dnt-btn-add-cart {
    width: 100%;
    background-color:#000;
    border: none;
    color: white;
    padding: 8px 10px;
    height: 54px;
    line-height: 34px;
    border-radius: 10px;
    display: block;
    text-align: center;
     font-weight:bold;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 18px;
   
}
.dnt-btn-payNow{
    width: 100%;
    background-color:#000;
    border: none;
    color: white;
    padding: 8px 10px;
    height: 54px;
    line-height: 34px;
    border-radius: 10px;
    display: block;
    text-align: center;
    cursor: pointer;
    font-size: 18px;
    font-weight:bold;
    text-transform: uppercase;
     margin-left: 12px;
}
.template_produc-attributes-color.active{
  border: 1px solid #474747;
}
.size-product-list .size-product-item.active{
    background: #000;
    border-color: #000;
    color: #fff;
}
.quantity-numberTex{
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    margin-top: 10px;
    color: #4f4f4f;
}
.value-click{
  position:relative;
}
.value-click.disabal{
  cursor: default;
  pointer-events: none
}

.value-click.disabal::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(https://statics.pancake.vn/web-media/b5/f4/56/2c/979e80afe631a9f402d5fb7692894735466db75b17231f8c732c73bc.png) center center;
    background-size: contain;
}

.value-click.active.disabal{
   background: url(https://statics.pancake.vn/web-media/b5/f4/56/2c/979e80afe631a9f402d5fb7692894735466db75b17231f8c732c73bc.png) center center;
    background-size: contain;
    color:#000;
     border: 1px solid #bfbfbf;
}
.check-attributes-oror.disable{
  cursor: no-drop !important;
  pointer-events: none
}
.template_product-services{
    background: #f7f7f7;
    padding: 20px 5px;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #737373;
    margin-bottom: 30px;
}
.template_product-service-box{
  display:block;
  padding: 20px;
}
.template_product-service-title{
    font-weight: 400;
    font-size: 15px;
    line-height: 19px;
    margin-bottom: 4px;
    color: #000;
    
}
.template_product-service-content{
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #737373;
}
.template_product-service-icon{
  margin-right:13px;
}
.template_product-description{
  position:relative;
  padding-left: 20px;
}
.template_product-description::before{
  content: "";
    background: #d40f0f;
    width: 12px;
    height: 12px;
    display: block;
    position: absolute;
    left: 0;
    top: 4px;
}
.template_product-description-long{
  position:relative;
  padding-left: 20px;
}
.template_product-description-long::before{
    content: "";
    background: #d40f0f;
    width: 12px;
    height: 12px;
    display: block;
    position: absolute;
    left: 0;
    top: 4px;
}
button.link-category-index {
    padding: 7px 30px;
    border: 1px solid black;
    color: black;
    font-size:14px;
    font-weight:700;
    background:#fff;
    cursor: pointer;
}
.template_product-description-long-content{
  overflow:hidden;
  /*height:400px;*/
  
  
}
.template_product-description-long-content.active{
   height:auto;
}
#quatity-Peopel{
  color:blue;
}
.template_product-pepeol-see-icon{
  background:#000;
  border-bottom-left-radius: 10px !important;
  border-top-left-radius: 10px !important;
  display: flex;
  height: 100%;
  justify-content: center;
  height: 60px;
  width: 60px;
  overflow: hidden;
  width: inherit;
  align-content: center;
    align-items: center;
    align-self: stretch;
}
.template_product-pepeol-see-icon img{
  width:100%;
   height:100%;
}
.template_product-pepeol-see {
  width: 395px;
  position: fixed;
  bottom: 10%;
  background: white;
  left: 5%;
  z-index: 999;
  background-color: rgb(255, 255, 255) ;
  background-image: none ;
  background-size: 100% 100% ;
  border-width: 0px ;
  border-style: none ;
  border-color: rgb(56, 63, 71) ;
  border-radius: 10px ;
  display: none ;
  box-shadow: rgb(0 0 0 / 19%) 0px 4px 7px 0px ;
  

}
.close-box-people.position-absolute {
    top: 5px;
    right: 5px;
    font-size: 18px;
    text-align: center;
    font-family: sans-serif;
}
.template_product-pepeol-see-text{
  padding: 10px 30px 10px 10px;
}
.template_product-modal-chooseSize-modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1000; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  -webkit-animation-name: fadeIn; /* Fade in the background */
  -webkit-animation-duration: 0.4s;
  animation-name: fadeIn;
  animation-duration: 0.4s

}

/* Modal Content */
.template_product-modal-chooseSize-modal-content {
    position: relative;
    background-color: #fefefe;
    width: 100%;
    -webkit-animation-name: slideIn;
    -webkit-animation-duration: 0.4s;
    animation-name: slideIn;
    animation-duration: 0.4s;
    max-width: 800px;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
}

/* The Close Button */
.template_product-modal-chooseSize-close {
  color: #000;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.template_product-modal-chooseSize-close:hover,
.template_product-modal-chooseSize-close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.template_product-modal-chooseSize-modal-header {
  padding: 2px 16px;
  background-color: #fff;
  color: #000;
}

.template_product-modal-chooseSize-modal-body {padding: 2px 16px;}

.template_product-modal-chooseSize-modal-footer {
  padding: 2px 16px;
  background-color: #fff;
  color: white;
}

/* Add Animation */
@-webkit-keyframes slideIn {
  from {top: -300px; opacity: 0} 
  to {top: 50%; opacity: 1}
}

@keyframes slideIn {
  from {top: -300px; opacity: 0}
  to {top: 50%; opacity: 1}
}

@-webkit-keyframes fadeIn {
  from {opacity: 0} 
  to {opacity: 1}
}

@keyframes fadeIn {
  from {opacity: 0} 
  to {opacity: 1}
}
.form-width100{
  width:100%;
}
.template_product-pepeol-see-text2{
 position: fixed;
  bottom: 0;
  left: 0;
  z-index: 100;
  background-color: #000;
  color:white;
  right: 0;
  text-align: center;
  height: 27px;
  padding:3px;
  border-top:1px solid;
}
#check-priceWhosale{
  display:none;
  padding: 5px 15px;
  border: 1px solid black;
  color: black;
}