body {color: #282828; font-family: Barlow; font-size: 16px; background: #F2F1F1; line-height: 1.3}
h5, h4, h3, h2, h1, ul, li, ol, p, video, img {padding: 0; margin: 0;}
a {color: inherit; text-decoration: none;}
a:hover {text-decoration: none; color: #0d6efd;}
a:visited {text-decoration: none;}
.f13 {font-size: 13px;}
.white {color: #fff;}
.black {color: #282828;}
.relative {position: relative;}
.position {position: absolute;}
h2 {font-family: Barlow;}
.figure {background: #fff;}
.navbar {background: #fff;}
.navbar-dark .navbar-toggler {border-color: rgba(238, 90, 90, 0.1)}
.navbar-toggler {background-color: #282828}
.navbar-dark .navbar-nav .nav-link {color: #282828}
.navbar-dark .navbar-nav .nav-link:hover {color: #FF5F5F}
.nav-link {padding: .5rem 0}
i {color: #FF5F5F}
.social i {color: #848484; padding: 0 5px; font-size: 28px;}
/*common_css_closed*/
#product {margin: 45px 0;}
#product h6 {line-height: 1.5}
#product .text {background: #FF5F5F; padding: 10px; width: 100%; }
#product .figure-img {margin-bottom: 0}
#product .figure {margin-bottom: 0}
.figure-img {transition: transform .2s; /* Animation */}
.figure-img:hover { transform: scale(.9); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */}
i {transition: transform .2s; /* Animation */}
i:hover { transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */}
.figure-img:hover {}
.navbar .active a {color: #FF5F5F!important}
/*banner*/
/*.carousel-inner img {width: 100%; height: 100%;}*/
.carousel-indicators {bottom: 5%;}
.carousel-indicators [data-bs-target] {border-radius: 100%; width: 15px; height: 15px; border: 2px solid #FF6262;}
.carousel-indicators .active {background: #FF6262;}
.carousel-inner img { width: 100%; height: 100%;}
/*banner*/

/* ============ desktop view ============ */
@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .nav-link{   }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
}	
/* ============ desktop view .end// ============ */

/*footer*/
footer { background: #fff; padding: 35px;}
/*footer*/

@media (min-width:1200px){
	.bg-dark { --bs-bg-opacity: 0; background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity)) !important;}
	#demo a span {background-color: #666; color: #000;}
	.carousel-indicators {right: 0; bottom: 5%; left: inherit}
	.navbar-dark .navbar-nav .nav-link { color: #282828;}
	#product h6 {width: 660px}
	#product .abt h6 {width: inherit}
	#product .h4 {top: 50% ;left: 0; right: 0; margin: auto; text-align: center; position: absolute;}
	.abtus {padding: 50px 0;}
	
}

 /* vietnamese */
@font-face {
  font-family: Barlow;
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/7cHpv4kjgoGqM7E_A8s52Hs.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: Barlow;
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/7cHpv4kjgoGqM7E_Ass52Hs.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: Barlow;
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/7cHpv4kjgoGqM7E_DMs5.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}