/*
Theme Name: PUNO
Description: Vui lòng không xóa giao diện này
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
body{
font-family: 'Roboto', sans-serif;
}

h1.product-title.product_title.entry-title {
    color: #fff;
}
.col, .gallery-item, .columns {
    position: relative;
    margin: 0;
    padding: 6px 15px 8px;
    width: 100%;
}

.c-tile__title {
		font-family: system-ui;
		font-weight: bold;
		text-shadow: none;
		font-size: 22px;
		margin: 0;
}

h1.c-card__title span {
		font-family: 'arial black', sans-serif; 
		font-size: 130%; 
		letter-spacing: -.1rem;
}

.item-solution .col-inner {
		overflow: hidden;
}

.hide-box-text .box-text {

		transition: .3s;
}

.hide-box-text:hover .box-text {
		top: 35%;
}

.hide-box-text .box-text .text h2{
		padding-bottom: 10px;
}

p.c-card__lead {
		line-height: 1.3
}

p.c-card__lead span {
    font-size: 21px;
    font-family: arial, helvetica, sans-serif;
    font-style: italic;
}

.white.button.is-outline {
		color: #fff !important;
}

.white.is-outline:hover {
    color: #ed1c2e !important;
}

.search-box {
		width: 70% !important;
}

.form-flat input:not([type=submit]) {
		background-color: rgb(255 255 255 / 3%);
		border-radius: 0px;
}

.mt-stack {
		margin-top: 1.5rem;
		padding-left: 0.6rem;
}

.relative-find {
    position: relative;
    padding-left: 5px;
}

.c-link:before {
    content: '';
    position: absolute;
    top: 18px;
    height: 8px;
		width: 8px;
    background: #000000;
		margin-left: -14px;
}

.mt-stack > div{
	position:relative		
}

.mt-stack > div:first-child:after {
    display: none;
}

.mt-stack > div:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 28px;
    left: -22px;
    top: 4px;
    background: #dadcdc;
}

.c-link a.ux-menu-link__link {
		font-weight: 400;
		font-size: 18px;
		color: #000000; 
}

.c-link a.ux-menu-link__link:hover {
    color: #ed1c2e;
}

.c-link:hover:before {
    background: #ed1c2e;
}

.button-detail {
    background-color: transparent !important;
    color: #000;
    border-color: transparent;
		font-weight: 400;
		font-size: 18px;
		top: -15px;
}

.button-detail:hover {
		color: #ed1c2e;
		box-shadow: transparent !important;
		box-shadow: none;
}

.mr-article-home {
		margin-right: 0px;
}

.title-article-home {
    font-family: system-ui;
    font-weight: 900;
    font-style: normal;
    font-size: 30px;
    line-height: 1;
    margin-bottom: 0.5rem;
    letter-spacing: -.05rem;
    color: #000;
}

.c-lead {
		color: #5a5d60;
    font-weight: 400;
    font-style: italic;
    font-size: 21px;
    line-height: 1.3;
}

.a-link{
		color: inherit;
}

.a-link:hover {
		text-decoration: underline;
		color: inherit;
}

.box-text-hover{
		transition: .3s;
}

.video-button-wrapper{
		z-index: 1;
    position: absolute;
    top: 30%;
    right: 40%;
}

.col.col-divided:last-child {
    border-left: 0 !important;
    padding-right: 0;
    padding-left: 30px;
    border-right: 1px solid #ececec !important;
}

.size-title-product {
		font-size: 24px;
		letter-spacing: normal;
}

.size-description-product {
		padding-top: 12px;
		font-size: large;
    line-height: 1.3;
}

ul.size-description-product {
		list-style: none;
}

ul.size-description-product li:before {
    content: "\2022";
    color: red;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

.u-h3 {
    font-family: "Arial Black","Arial Bold",Arial,sans-serif;
    font-weight: 900;
    font-style: normal;
    font-size: 28px;
    line-height: 1.1;
    margin-bottom: 0.5rem;
		color:#000000;
}

.table {
		width: 100%;
}

.u-h5 {
    font-family: "Arial Black","Arial Bold",Arial,sans-serif;
    font-weight: 900;
    font-style: normal;
    font-size: 21px;
    line-height: 1.35;
    margin-bottom: 0.5rem;
		color:#000000;
}

.table-focus.background-color-primary thead {
    background-color: #ed1c2e;
}

.table-focus.background-color-primary thead th {
    color: #FFF;
}

.c-table tbody>tr:nth-child(2n+2) {
    background-color: #e2e3e3;
}

th:first-child, td:first-child {
    padding-left: 0.5em !important;
}

.c-table td:first-child {
    border-right: 1px solid #ed1c2e;
}

.c-table th, .c-table td {
    border-right: 1px solid #ed1c2e;
}

.c-table th:last-child, .c-table td:last-child, .c-table th:only-child, .c-table td:only-child {
    border-right: 0;
}

.text-footer {
		text-transform: none;
		font-size: 17px;
		font-weight: normal;
		letter-spacing: -0.5px;
}

.text-footer h3 a{
		color: #ed1c2e;
}

.text-footer h3 a:hover{
		text-decoration: underline;
}

.text-footer a {
		color: #000000;
		font-size: 18px;
}

.text-footer a:hover {
		color: #ed1c2e;
}

.text-footer p a {
    color: #000000;
    font-size: 18px;
    padding-left: 25px;
    background: url(http://demo11.mudibala.net/wp-content/uploads/external-sprite.png) no-repeat;
    background-position: 0 2px;
}

.text-footer p a:hover {
    background-position: 0 -41px;
}

..c-link a.ux-menu-link__link {
		font-weight: 400;
		font-size: 18px;
		color: #000000; 
} a.ux-menu-link__link {
		font-weight: 400;
		font-size: 18px;
		color: #000000; 
}

.bullet-footer {
		padding-left:15px;
}

.bullet-footer:before {
		content: '';
    position: absolute;
    height: 8px;
    width: 8px;
    background: #000000;
    margin-left: -14px;
}

.bullet-footer a.ux-menu-link__link:hover {
    color: #ed1c2e;
}

.bullet-footer:hover:before {
    background: #ed1c2e;
}

.icon-follow a {
		display:block;
		color:#000000;
}

.icon-follow a:hover {
		color: #ed1c2e;
}

.icon-follow a.linkedin:after {
		content: "LinkIn";
		margin-left: 5px;
}

.icon-follow a.youtube:after {
		content: "YouTube";
		margin-left: 5px;
}

.related-products-wrapper .col-inner {
    box-shadow: 0 1px 1.5px rgb(13 13 13 / 10%), 0 1px 1px rgb(13 13 13 / 10%);
    background-color: #FFF;
    transition: all .3s ease-in-out;
    border: 1px solid transparent;
}

.product-small.col .product-small.box .box-image .image-tools.grid-tools {
    display: none;
}

.product-small.col .product-small.box .box-text.box-text-products {
    display: none;
}

.product-small.col .product-small.box .box-image .image-tools.is-small.top {
    opacity: 1;
    background: #ed1c2e;
    transition: .3s;
    width: 100%;
    padding: 10px;
    height: auto;
    top: inherit;
    bottom: 0;
}

.product-small.col .product-small.box:hover .image-tools.is-small.top {
    bottom: 0;
}
.product-small.col .product-small.box:hover .image-tools.is-small.top .c-tile__desc {
   transition: visibility 0s, opacity 0.5s linear;
    height: 68px;
    opacity: 1;
		margin-top: 20px;
}

.product-small.col .product-small.box .image-tools.is-small.top .c-tile__desc {
        opacity: 0;
    height: 0;
}
.product-small.col .product-small.box .box-image .image-tools.is-small.top a {
    color: #ffffff;
}

.product-small.col .product-small.box .box-image .image-tools.is-small.top a p.title-custom:hover {
    text-decoration: underline;
}

.product-small.col .product-small.box .box-image .image-tools.is-small.top a .c-tile__desc li.o-list__item.c-list-ui__item {
		font-size: 14px;
		list-style-type: none;
}
.product-small.col .product-small.box .box-image .image-tools.is-small.top .c-tile__desc {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
		display: -webkit-box;
    -webkit-box-orient: vertical;
		transition: height 0.5s;
}
.product-small.col .product-small.box .box-image .image-tools.is-small.top .c-tile__desc li {
    margin-left: 0;
}
.product-small.col .product-small.box .box-image .image-tools.is-small.top a p.title-custom {
    font-size: 18px;
    font-weight: 700;
    font-family: system-ui;
		margin-bottom: 0;
}

.shop-page-title.category-page-title.page-title {
    background: #000;
    border-top: 4px solid #fff;
}

.shop-page-title.category-page-title.page-title .page-title-inner.flex-row.medium-flex-wrap.container {
		min-height: 0px;
		top: -10px;
}
.shop-page-title.category-page-title.page-title .page-title-inner.flex-row.medium-flex-wrap.container {
    min-height: 0;
    top: 0;
    padding-top: 0;
}
nav.woocommerce-breadcrumb.breadcrumbs a {
padding: 10px;
    display: inline-block;
    color: #fff;
    background: #2d2d2d;
    position: relative;
    padding-left: 48px;
    margin-left: -25px;
}
nav.woocommerce-breadcrumb.breadcrumbs a:nth-child(1) {
    padding: 10px;
    margin-left: 0;
}
nav.woocommerce-breadcrumb.breadcrumbs a:before {
content: "";
    display: block;
    margin-top: 0;
    margin-left: 0px;
    left: 100%;
    width: 0;
    height: 0;
    border-top: 23px solid transparent;
    border-bottom: 23px solid transparent;
    border-left: 15px solid #ffffff;
    position: absolute;
    top: -2px;
    z-index: 1;
}

nav.woocommerce-breadcrumb.breadcrumbs a:after {
content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 21px solid transparent;
    border-bottom: 21px solid transparent;
    border-left: 14px solid #2d2d2d;
    position: absolute;
    top: 0;
    left: 99%;
    z-index: 1;
}
.breadcrumbs {
    color: #fff;
    font-weight: 100;
    letter-spacing: 0;
    padding: 0;
}
nav.woocommerce-breadcrumb.breadcrumbs span.divider {
    color: #000;
}
.nav-line-bottom>li>a:before, .nav-line-grow>li>a:before, .nav-line>li>a:before {
    content: " ";
    position: absolute;
    top: 0;
    bottom: -1px !important;
    height: 4px;
}
nav.woocommerce-breadcrumb.breadcrumbs a:hover {
    background: red;
}
nav.woocommerce-breadcrumb.breadcrumbs a:hover:after {border-left: 14px solid red;}
.country-flag .icon-box {
    margin-bottom: 10px;
}

.country-flag .icon-box .icon-box-img img {
    height: 29px;
}
.btn-contact-price{
		border: 2px solid #fff !important;
}
.btn-contact-price:hover{
    background: #ffffff !important;
    color: red;
    opacity: inherit;
    box-shadow: none;
}
.catalogy-tab .c-feature__title {
    margin-bottom: 0;
}
.page-wrapper {
    padding-top: 0;
    padding-bottom: 0;
}
.row.row-main>.large-12.col {
    padding-left: 0;
    padding-right: 0;
}
.catelogy-products .product-category .box.box-category {
    position: relative;
	background:#ffffff;
	max-height: 260px;
}
.catelogy-products .product-category .box.box-category .box-image img {
    max-height: 100% !important;
    height: auto !important;
    width: auto !important;
}

.catelogy-products .product-category {
	
}

.catelogy-products .product-category .box.box-category .box-text {
    position: absolute;
    bottom: 0;
    background: #000;
}

.catelogy-products .product-category .box.box-category .box-text p.is-xsmall.uppercase.count {
    display: none;
}

.catelogy-products .product-category .box.box-category .box-text h5.uppercase.header-title {
    font-size: 25px;
    color: #fff;
    text-transform: capitalize;
}
.list-12-box .box.has-hover {
    position: relative;
}

.list-12-box .box.has-hover .box-text {}

.list-12-box .box.has-hover .box-text p {
    opacity: 0;
    height: 0;
    transition: opacity 0.5s, height 0.1s
}

.list-12-box .box.has-hover:hover .box-text p {
    opacity: 1;
    height: auto;
}