@charset "UTF-8";

body{
  font-size: 14px;
}
header.header .menu ul li a{
  font-weight: bold;
}
.close_pop_up i.fa.fa-times {
    font-size: 20px;
    height: 17px;
    width: 16px;
    display: block;
    color: white;
    position: relative;
}

.close_pop_up i.fa.fa-times:after {
    height: 13px;
    width: 2px;
    background: #000000;
    content: "";
    top: 1px;
    position: absolute;
    transform: rotate(45deg);
    left: 8px;
}

.close_pop_up i.fa.fa-times:before {
    height: 13px;
    width: 2px;
    background: #000000;
    content: "";
    top: 1px;
    position: absolute;
    transform: rotate(-45deg);
    left: 8px;
}

.close_pop_up i.fa.fa-times:before {}

span.close_pop_up {
    position: absolute;
    top: 3px;
    right: 3px;
    z-index: 1212121212;
    cursor: pointer;
}

.pop_up_pro .text h4 {
    color: #cc0000;
    font-size: 14px;
}

.pop_up_pro .text {
}

.pop_up_pro .c-img {
    width: 70px;
    padding-top: 70px;
    object-fit: contain;
    display: inline-block;
    margin-right: 10px;
}
.t-pro .info-sale{
  color: #eb2771!important;
  border: 1px solid #eb2771!important;
}
.pop_up_pro {
    transition: 2s;
    width: 286px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 1px 3px 9px 3px;
    position: fixed;
    bottom: -100px;
    background: white;
    z-index: 1000;
    left: 8px;
    padding: 5px;
    padding: 10px;
}
.pop_up_pro.active {
    bottom: 10px;
    transition: 2s;
}

.breadcrumb {



  color: #676157;



  font-size: 13px;



  background: none;



  padding: 20px 0 0 0;



  margin-bottom: 0; }



.breadcrumb li:after {



    content: '»';



    padding: 0 5px; }



.breadcrumb li:last-child:after {



    display: none; }



.t-pro .t-proname {



  color: #000;



  font-size: 24px; }



.t-pro .p-procode {



display: block;



padding: 10px 0px;



font-size: 18px;



color: #24232F;



}



.t-pro .p-proprice {



font-size: 24px;



color: #24232F;



font-weight: bold;



}



.t-pro .pro-color {



  font-size: 12px; }

.t-pro .pro-color.t2 {

  margin-top: 60px;
  
 }



.t-pro .pro-color-img .nav-link {



  cursor: pointer;



  margin-right: 2px;



  display: inline-block;



  color: #495057;



  background-color: #fff;



  border: 1px solid #dee2e6;



  border-radius: 2px;



  padding: 1px; }



  .t-pro .pro-color-img .nav-link.active, .t-pro .pro-color-img .nav-link:hover, .t-pro .pro-color-img .nav-link.focus {



border-color: #eb2771;



}



  .t-pro .pro-color-img .nav-link img {



    border-radius: 2px;



    width: 35px;



    height: 45px; }



.t-pro .pro-choose-size .nav-size {



  cursor: pointer;



  font-size: 12px;



  border-radius: 3px;



  color: #000;



  text-decoration: none;



  box-sizing: content-box;



  display: inline-block;



  height: 45px;



  min-width: 35px;



  line-height: 45px;



  text-align: center;



  border: 1px solid #e3e2e2;



  margin: 0;



  white-space: nowrap;



  background: #f4f4f4; }



  .t-pro .pro-choose-size .nav-size.active, .t-pro .pro-choose-size .nav-size:hover, .t-pro .pro-choose-size .nav-size.focus {



border-color: #eb2771;



}



.t-pro .pronav .slick-list {



  padding-top: 21px; }



.t-pro .pronav .pronav-img {



  position: relative;



  margin-left: 85px; }



  .t-pro .info-pro {



position: absolute;



left: 85px;



z-index: 2;



background: #eb2771;



padding: 5px 10px;



font-size: 12px;



font-weight: bold;



letter-spacing: -0.4px;



color: #fff;



text-transform: uppercase;



top: 7px;



}



  .t-pro .info-sale {



   position: absolute;

    color: #eb2771;

    background: #fff;

    width: 42px;

    height: 42px;

    border: 1px dashed #eb2771;

    border-radius: 50%;

    z-index: 2;

    font-size: 13px;

    line-height: 42px;

    text-align: center;

    top: -2px;

    right: 0;}



  .t-pro .pronav .pronav-img img {



    width: calc(100% - 100px); }



.t-pro .profor {



  position: absolute;



  top: 21px;



  left: 0;



  max-height: 700px;



  width: 77px; }



  .t-pro .profor .t-top {



    top: 0px;



    left: 50%;



    transform: translate(-50%, 0);



    z-index: 100;



    position: absolute;



    background-color: rgba(247, 247, 247, 0.5);



    width: 100%;



    font-size: 25px;



    cursor: pointer;



    text-align: center; }


  .t-pro .profor .slick-current{

     border: 1px solid #eb2771;
     
  }

  .t-pro .profor .t-bot {



    bottom: 0px;



    cursor: pointer;



    left: 50%;



    transform: translate(-50%, 0);



    z-index: 100;



    font-size: 25px;



    position: absolute;



    background-color: rgba(247, 247, 247, 0.5);



    width: 100%;



    text-align: center; }



  .t-pro .profor .slick-slide.slick-current.slick-active img {



    opacity: 1; }



  .t-pro .profor .slick-slide img {



    margin-bottom: 5px;

 }



.t-pro .input-number-group {



  font-size: 0; }



  .t-pro .input-number-group .input-group-button {



    float: left;



    font-size: 14px; }



    .t-pro .input-number-group .input-group-button .plus, .t-pro .input-number-group .input-group-button .minus {



      cursor: pointer;



      height: 40px;



      line-height: 40px;



      width: 45px;



      float: left;



      border: 1px solid #eee;



      text-align: center; }



  .t-pro .input-number-group input[type=number] {



    font-size: 14px;



    -webkit-appearance: none;



    height: 40px;



    width: 45px;



    float: left;



    border: 1px solid #eee;



    text-align: center; }



.t-pro .pro-but {



  padding: 10px 0;



  margin-bottom: 20px;



  border-bottom: 1px solid #ccc; }







.red {



  color: red; }







.bold {



  font-weight: bold; }







.marbot20 {



  margin-bottom: 20px; }







.martop20 {



  margin-top: 20px; }







.block {



  display: block; }







.inblock {



  display: inline-block; }



.choose2{
  background-color: #f7941d !important;
}

.choose2:hover {
    background-color: #ea8000 !important;
}

.choose {



  font-size: 14px;



  font-weight: bold;



  max-width: 100%;



  width: calc(50% - 3px);



  margin-top: 10px;



  background: #df280a;



  display: inline-block;



  padding: 10px 12px;



  color: #fff;



  font-family: Arial, "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;



  line-height: 19px;



  text-align: center;



  text-transform: uppercase;



  vertical-align: middle; }



  .choose:hover, .choose:active {



    background: #bc2f17;



    color: #fff; }



  .choose.t1 {



    margin-right: 4%;



    display: inline-block;



    width: calc(100% - 48% - 4%);



    float: left; }



  .choose.t2 {



    width: 48%; }







.pad10 {



  padding: 10px !important; }







.iconchoose {



  position: relative;



  padding-left: 25px; }



  .iconchoose:before {



    content: '';



    position: absolute;



    top: 3px;



    left: -2px;



    background: url("../images/icon-choose.png") no-repeat top left;



    width: 21px;



    height: 15px; }







.mar10 {



  margin: 10px 0; }



#chat-face .modal-dialog {

  max-width: 423px;

}



.modal.t1 .modal-dialog {



  max-width: 600px; }



  .modal.t1 .modal-dialog .modal-content {



    border-radius: 0;



    padding: 30px; }



    .modal.t1 .modal-dialog .modal-content.t1 {



      right: 5px;



      top: 0px; }



      .modal.t1 .modal-dialog .modal-content.t1 .close {

        z-index: 1;

        font-size: 40px;



        top: 0;



        right: 10px;



        width: auto;



        height: auto; }



        .modal.t1 .modal-dialog .modal-content.t1 .close:hover {



          background: none; }



    .modal.t1 .modal-dialog .modal-content .close {



      width: 30px;



      height: 30px;



      border-radius: 50%;



      position: absolute;



      top: 12px;



      font-size: 18px;



      color: #979797;



      opacity: 1;



      right: 12px; }



      .modal.t1 .modal-dialog .modal-content .close:focus {



        outline: none; }



      .modal.t1 .modal-dialog .modal-content .close:hover {



        background: #ccc; }



    .modal.t1 .modal-dialog .modal-content .flex-modal {



      display: flex;



      -ms-flex-wrap: wrap;



      flex-wrap: wrap; }



      .modal.t1 .modal-dialog .modal-content .flex-modal .product-image {



        width: 100px; }



        .modal.t1 .modal-dialog .modal-content .flex-modal .product-image img {



          max-height: 100px;



          max-width: 90px; }



      .modal.t1 .modal-dialog .modal-content .flex-modal .product-name {



        width: calc(100% - 190px); }



      .modal.t1 .modal-dialog .modal-content .flex-modal .product-quantity {



        text-align: right;



        width: 90px; }



    .modal.t1 .modal-dialog .modal-content .modal-phone {



      font-size: 14px;



      font-weight: bold; }



    .modal.t1 .modal-dialog .modal-content .input-text {



      moz-appearance: none;



      -webkit-appearance: none;



      -moz-border-radius: 2px;



      max-width: 100%;



      width: 520px;



      -webkit-border-radius: 2px;



      border-radius: 2px;



      font-size: 15px;



      height: 37px;



      border: 1px solid #b7b7b7;



      border-radius: 3px;



      box-sizing: border-box;



      padding: 5px 10px;



      margin: 10px 0; }



    .modal.t1 .modal-dialog .modal-content .button {

      cursor: pointer;

      float: right;



      background: #df280a;



      display: inline-block;



      padding: 7px 15px;



      border: 0;



      color: #fff;



      font-size: 13px;



      font-weight: normal;



      font-family: Arial, "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;



      line-height: 19px;



      text-align: center;



      text-transform: uppercase;



      vertical-align: middle;



      white-space: nowrap; }



.t-pro .pro-color-img .nav-link span {

    position: absolute;

    bottom: -20px;

    left: 0px;

}



.t-pro .pro-color-img .nav-link{

  position: relative;

}
.logo_2_menu img{
  width: 130px;
}

.new-products .number-price .price{
  color: #cc0000!important;
}
.t-pro .p-proprice{
  color: #cc0000!important;
}
/*# sourceMappingURL=tru.css.map */

.cart-ajax table{
  width: 100%;
  min-width: 500px;
}
h1.title-cart{
    font-size: 24px;
    font-weight: 600;
    color: #000;
    border-bottom: 1px solid #ededed;
    padding-bottom: 3px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.cart-ajax table td.detail-product-cart{
  padding: 10px;
}

.cart-ajax table td{
  vertical-align: middle;
  padding: 10px 0px;
}
.cart-ajax table td p.cost{
    color: #cc0000;
    font-size: 16px;
    font-weight: bold;
}
.cart-ajax table td p{
  
}
.button_cart{
  display: block;
  background: #ddd;
  padding: 10px 20px!important;
  cursor: pointer;
  
}
button.button_cart{
  margin-right: 10px;

}
.cart-ajax p.total-money{
  font-size: 20px;
  color: #cc0000;
  font-weight: bold;
  padding: 20px 0px;
}
.info-bill input[type='text'],.info-bill input[type='number']{
  width: 100%;
  height: 30px;
  margin-bottom: 10px;
}
.info-bill textarea{
  width: 100%;
  resize: none;
  height: 200px;
}
.info-bill select{
  height: 30px;
  width: 100%;
}
.order form{
  margin: 20px 0px;
}
@media only screen and (max-width: 480px){
 .header-mobile .btn-cart-mobile i{
  background: #eb2771!important;
 }
}
header.header .menu ul li{
  display: block!important;
}
.menu_lg>ul{
  display: flex;
}
.menu_lg>ul>li>ul{
  display: none;
  position: absolute;
  pointer-events: none;
  margin-top: 0px!important;
  padding-top: 10px;
 
  color: white!important;
}
.menu_lg>ul>li:hover>ul{
  display: block;
  pointer-events: all;
}
header.header .menu ul li a{
  padding: 0px!important;
  display: block;
    position: relative;
    font-size: 12px;
    text-align: center;
    width: 170px;
    height: 40px;
    line-height: 40px;
}
header.header .menu ul li ul li a{
     background: rgba(36, 35, 47, 0.8);
    border-bottom: 1px solid white;
}

header.header .menu ul li ul li {
  position: relative;

}
header.header .menu ul li ul li ul{
  position: absolute;
  left: 100% ;
  margin-top: 0px!important;
  display: none;
  pointer-events: none;
  top: 100%;
  transition: .3s;
  padding-left: 10px;
}
header.header .menu ul li ul li:hover ul{
  position: absolute;
  left: 100% ;
  margin-top: 0px!important;
  display: block;
  pointer-events: all;
  top: 0px;
  transition: .3s;
}
header.header .menu ul li ul li a:before{
  display: none;
}
header.header .menu ul li ul li a:hover{
  background: #24232F;
}