@import url('https://fonts.googleapis.com/css2?family=Judson:wght@400;700&family=Prata&display=swap');
.row {
    --bs-gutter-x: 0rem;
     }
body {
   font-family: Judson, Helvetica, sans-serif;
   width: 100%;
   overflow-x: hidden;
   -webkit-overflow-scrolling: touch;
   height: 100%;
   outline: none;
   margin: 0 auto;
   font-size: 18px
 }
 * {
    outline: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none; 
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   margin: 0;
   padding: 0;
 }
 ::-webkit-input-placeholder {
   color: #333;
 }
 :-moz-placeholder {
   color: #333;
   opacity: 1;
 }
 ::-moz-placeholder {
   color: #333;
 }
 :-ms-input-placeholder {
   color: #333;
 }
h1,h2,h3{    font-weight: 700;}
 a, a:hover, a:focus {
   color: #333;
   text-decoration: none;
 }
 a:hover {
   color: #333;
   text-decoration: none
 }
 img {
   width: 100%
 }
 .img-fluid {
   width: inherit !important
 }
 button {
   display: inline-block;
   padding: 6px 20px;
   margin-bottom: 0;
   font-size: 18px;
   text-align: center;
   white-space: nowrap;
   vertical-align: middle;
   -ms-touch-action: manipulation;
   touch-action: manipulation;
   cursor: pointer;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   background-image: none;
   border: 1px solid transparent;
   border-radius: 0;
   text-transform: uppercase
 }
 textarea {
   padding: 5px 20px
 }
 input[type=text] {
   height: 38px
 }
 /* checkbox & radio*/
 input.checkbox-style[type=checkbox] + span:before {
   position: relative;
   font-family: 'FontAwesome';
   content: "\f00c";
   margin-right: 0.2em;
   color: transparent;
   font-size: 1em;
   vertical-align: top;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   padding: 1px;
   font-weight: bold;
   margin-right: 0.6em;
   border-style: solid;
   border-width: 1px;
   -webkit-transition: border-color .5s ease-in-out;
   transition: border-color .5s ease-in-out;
   border-radius: 0;
 }
 input.checkbox-style[type=checkbox] + span:before, input.checkbox-style[type=radio] + span:before {
   border-color: #c29c5e;
   padding: 3px 4px;
 }
 input.checkbox-style[type=checkbox]:hover + span:before, input.checkbox-style[type=radio]:hover + span:before {
   border-color: #c29c5e;
 }
 input.checkbox-style[type=checkbox]:checked + span:before, input.checkbox-style[type=radio]:checked + span:before {
   color: #c29c5e;
   border-color: #c29c5e;
 }
 input.checkbox-style[type=checkbox], input.checkbox-style[type=radio] {
   z-index: 1;
   position: absolute;
   float: left;
   opacity: 0.01;
   width: 50px;
   height: 50px;
   margin: 0;
   cursor: pointer;
   background-color: #fff
 }
 input.checkbox-style[type=radio] + span:before {
   position: relative;
   font-family: 'FontAwesome';
   content: "\f111";
   margin-right: 0.2em;
   color: transparent;
   font-size: 1em;
   vertical-align: top;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   padding: 4px 5px;
   font-weight: bold;
   margin-right: 0.6em;
   border-style: solid;
   border-width: 1px;
   -webkit-transition: border-color .5s ease-in-out;
   transition: border-color .5s ease-in-out;
   border-radius: 50%;
 }

 html {
   height: 100%;
 }
 .site-cover {
   display: table;
   height: 100%;
   width: 100%;
   table-layout: fixed;
 }
 .site-footer {
   display: table-row;
 }
 /*top*/
 .cd-top {
   display: inline-block;
   height: 40px;
   width: 40px;
   position: fixed;
   z-index: 1;
   bottom: 40px;
   right: 10px;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
   /* image replacement properties */
   overflow: hidden;
   text-indent: 100%;
   white-space: nowrap;
   background: rgba(117, 117, 117, .6) url(../images/cd-top-arrow.svg) no-repeat center 50%;
   border-radius: 50%;
   visibility: hidden;
   opacity: 0;
   -webkit-transition: opacity .3s 0s, visibility 0s .3s;
   -moz-transition: opacity .3s 0s, visibility 0s .3s;
   transition: opacity .3s 0s, visibility 0s .3s;
 }
 .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
   -webkit-transition: opacity .3s 0s, visibility 0s 0s;
   -moz-transition: opacity .3s 0s, visibility 0s 0s;
   transition: opacity .3s 0s, visibility 0s 0s;
 }
 .cd-top.cd-is-visible {
   /* the button becomes visible */
   visibility: visible;
   opacity: 1;
 }
 .cd-top.cd-fade-out {
   opacity: .2;
 }
 .no-touch .cd-top:hover {
   background-color: rgba(117, 117, 117, 1);
   opacity: 1;
 }
 @media only screen and (min-width: 768px) {
   .cd-top {
     right: 20px;
     bottom: 20px;
   }
 }
 @media only screen and (min-width: 1024px) {
   .cd-top {
     height: 40px;
     width: 40px;
     right: 30px;
     bottom: 60px;
   }
 }
 body > header {}
 body > header hgroup h1 {}
 body > footer {}
 body > article {}
 article > header {}
 body > aside {}
 .content {
   width: 100%;
   max-width: 1400px;
   margin: 0 auto
 }
 figure.logo {
   text-align: center;
   margin: 0 auto;
   padding: 20px 0
 }
 .logo img {
   max-height: 50px;
 }
 .slide-title {
   position: absolute;
   top: 40%;
   left: 0;
   padding: 0 50px;
   text-shadow: 0px 0px 2px #000
 }
 .slide-title h2 {
   font-size: 50px;
   text-transform: uppercase
 }
 .slide-title h3 {
   font-size: 30px;
   text-transform: uppercase
 }
 .actual-price {
   text-decoration: line-through;
   color: #929292;
   margin-right: 10px;
 }
 .price {
   font-size: 40px;
   font-weight: 700;
   margin-right: 10px;
 }
 .discount {
   background: #f47600;
   font-size: 15px;
   color: #fff;
   border-radius: 2px;
   padding: 5px 10px;
   font-weight: 600;
   text-transform: uppercase;
   top: -8px;
   position: relative
 }
 .flashsale {
   padding: 10px 30px;
   border-radius: 10px;
   background: rgb(244, 118, 0);
   background: linear-gradient(-90deg, rgba(244, 118, 0, 1) 0%, rgba(208, 1, 27, 1) 100%);
   color: #fff;
 }
 ul.count {
   margin: 0;
   padding: 0
 }
 .count li {
   display: inline-block;
   font-size: 9px;
   list-style-type: none;
   color: #fff;
   text-align: center;
   line-height: 14px;
   text-transform: uppercase;
   letter-spacing: 2px
 }
 #countdown {
   display: inline-block
 }
 .count li span {
   display: block;
   color: #000;
   font-weight: bold;
   width: 50px;
   height: 40px;
   border-radius: 3px;
   line-height: 40px;
   font-size: 20px;
   border-bottom: solid 1px #ccc;
   padding-bottom: 3px;
   background: rgb(255, 255, 255);
   background: -moz-linear-gradient(187deg, rgba(255, 255, 255, 1) 0%, rgba(215, 215, 215, 1) 100%);
   background: -webkit-linear-gradient(187deg, rgba(255, 255, 255, 1) 0%, rgba(215, 215, 215, 1) 100%);
   background: linear-gradient(187deg, rgba(255, 255, 255, 1) 0%, rgba(215, 215, 215, 1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#d7d7d7", GradientType=1);
   text-shadow: 2px 2px 3px rgba(255, 255, 255, 0.5);
 }
 .endtime {
   float: left;
   margin-top: 15px;
   padding-right: 10px
 }
 .flashsale h4 {
   font-size: 30px;
   margin: 5px 0
 }
 .bt-red {
   back-color: #d0011b
 }
 .input-group input, .input-group textarea {
   border: 1px solid #eeeeee;
   box-sizing: border-box;
   margin: 0;
   outline: none;
   padding: 10px;
 }
 .input-group .button-minus, .input-group .button-plus {
   font-weight: bold;
   height: 50px;
   padding: 0;
   width: 50px;
   position: relative;
 }
 .input-group .quantity-field {
   position: relative;
   height: 50px;
   text-align: center;
   width: 100px;
   display: inline-block;
   font-size: 17px;
   resize: vertical;
 }
 .img-review {
   max-width: 150px;
   margin: 0 auto;
   padding-bottom: 20px
 }
 .review p {
   line-height: 18px;
   padding-bottom: 10px
 }
 .review .owl-carousel .owl-item img {
   display: initial
 }
 .review {
   text-align: center
 }
 h3 {
   margin-bottom: 23px
 }
 .total-price strong {
   font-size: 28px;
 }
 .site-footer {
   position: fixed;
   bottom: 0;
   z-index: 1;
   left: 0;
   text-align: center;
   width: 100%;
   z-index: 3
 }
 .site-footer .btn {
   width: 100%;
   border-radius: 0;
   padding: 0.3rem;
   font-size: 1.3rem;
 }
 .copyright {
   font-size: 10px;
   padding: 10px 0 80px 0;
   color: #ccc
 }
 .copyright a {
   color: #ccc
 }
 .product-detail h4 {
   margin-bottom: 0
 }
 .product-detail p {
   font-size: 18px;
   margin-bottom: 0
 }
 .product-price {
   font-size: 23px;
   font-weight: bold
 }
 .bt-style .btn {
   min-width: 30%;
   font-size: 28px
 }
 .bt-style i {
   font-size: 50px;
   margin-left: 20px;
   vertical-align: middle
 }
 .btn-lg {
   padding: 0.5rem 2rem;
   font-size: 25px
 }
 .btn-lg i {
   font-size: 35px;
   vertical-align: middle
 }
 .btn-danger {
   background-color: #d0011b
 }
 .btn-success {
   background-color: #01B901;
 }
 .btn-primary {
   background-color: #0084ff;
 }
 .btn-warning {
   background-color: #f47600;
     border-color: #f47600;
 }
 .lazada {
   background-color: #0f156d;
 }
 .btn-warning {
   background-color: #f47600;
 }
 .owl-carousel {
   width: 100%;
   overflow-x: hidden
 }
 .text-right {
   text-align: right
 }
 .product-detail [class*="col-"] {
   border: solid 1px #fff
 }
 .product-detail [class*="col-"]:hover {
   border: solid 1px #fff;
   box-shadow: 1px 1px 5px #ccc
 }
 .product-detail .product-price {
   margin-bottom: 20px
 }
 .responsive img {
   width: 70px
 }
 .container-banner {
   max-width: 1300px;
   margin: 0 auto
 }
.form-group {
    margin-bottom: 1rem;
}
label {
    display: inline-block;
    margin-bottom: 0.5rem;
}
.input-group-btn label{margin-bottom:0}
.icon-span-filestyle.glyphicon-folder-open:before{content: "\f093";font: normal normal normal 14px/1 FontAwesome;}
.btn-info{color:#fff}
.page-site{display:inline-block!important}
ul.list{list-style-type: none}
ul.list li:before {
        font-family: 'FontAwesome';
        content: "\f00c";
        padding-right: 20px;
        color: #2156a7
      }
.btn-warning{color:#fff}
.no-gutter>[class^="col-"]{
  padding-left: 0;
  padding-right: 0;
}
.btn-instagram{color:#fff;background: rgb(63,94,251);
background: -moz-linear-gradient(90deg, rgba(63,94,251,1) 0%, rgba(252,70,107,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(63,94,251,1) 0%, rgba(252,70,107,1) 100%);
background: linear-gradient(90deg, rgba(63,94,251,1) 0%, rgba(252,70,107,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3f5efb",endColorstr="#fc466b",GradientType=1);}
.btn-instagram:hover{color:#FFFD00; }