/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
.box-image .namesp {
	font-size: 15px;
	overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* number of lines to show */
  -webkit-box-orient: vertical;
}
.box-image .pricesp{
	font-size: 15px;
	color: #ff0000;
}
/*************** ADD CUSTOM CSS HERE.   ***************/
/* Boxes
.
/*-----------------------------------------------------------------------------------*/
/*main*/
.symple-box { display: block; padding: 15px 20px; margin: 0; font-size: 1em; border-radius: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.symple-box p:last-child { margin: 0 }
/*aligns*/
.symple-box.left { float: left }
.symple-box.right { float: right }
.symple-box.center { margin: 0 auto; float: none; }
/*colors*/
.symple-box.black { color: #fff; background: #000; }
.symple-box.white { color: #0000; background: #ffff; border: 1px solid #eee; }
.symple-box.gray { color: #666; background: #f9f9f9; border: 1px solid #ddd; }
.symple-box.red { color: #de5959; background: #ffe9e9; border: 1px solid #fbc4c4; }
.symple-box.green { color: #5f9025; background: #ebf6e0; border: 1px solid #b3dc82; }
.symple-box.blue { color: #5091b2; background: #e9f7fe; border: 1px solid #b6d7e8; }
.symple-box.yellow { color: #c4690e; background: #fffdf3; border: 1px solid #f2dfa4; }

.udnd span{
   display: block;
   text-align: center;
}

/*lấy top sản phẩm lên topbar bằng menu*/
.header #top-bar ul{
  flex-flow: row nowrap;
}

.header #top-bar .flex-row {
  white-space: nowrap;
  overflow-x: auto;
}

.header #top-bar .flex-row::-webkit-scrollbar {
    width: 3px;
    height: 3px;
}

.header #top-bar .flex-row::-webkit-scrollbar-thumb {
    background-color: #bbb;
    border-radius: 15px;
}

.header #top-bar .flex-row::-webkit-scrollbar-track {
    background-color: #ddd;
    border-radius: 15px;
}

.header #top-bar .flex-row {
    scrollbar-width: thin;
    scrollbar-color: #bbb #ddd;
}


@keyframes slide {
  0% { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}

.header #top-bar .flex-row ul {
  animation: slide 5s linear infinite;
}