/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
@font-face {
    font-family: UTM Androgyne;
    src: url(fonts/UTM Androgyne.ttf);
}
/*#main
{
	background: url(images/footer.jpg) center top / cover no-repeat fixed transparent;
}*/
/*.sec-breadcums
{
	background-image: url(images/banner.jpg);
}*/
.row-maincustom .section-title span:before
{
	content: url(images/wine.png);
}
.row-ruoumanh .section-title span:before
{
	content: url(images/ruoumanh.png);
}
.row-ruounhe .section-title span:before
{
	content: url(images/ruounhe.png);
}
.row-thaomoc .section-title span:before
{
	content: url(images/thaomoc.png);
}
.row-traicaykho .section-title span:before
{
	content: url(images/traicaykho.png);
}
.row-traicaytuoi .section-title span:before
{
	content: url(images/traicaytuoi.png);
}
.row-spkhac .section-title span:before
{
    content: url(images/khac.png);
}
/*.row-maincustom .section-title
{
	background: url(images/title_ct.jpg);
}*/
.product-small.col .product-small.box
{
	min-height: 285px;
	border: 1px solid #ddd;
}
p.name.product-title
{
    min-height: 40px;
    overflow: hidden;
}
.medium-3 .section-title-container h3, #product-sidebar .widget-title, .post-sidebar .widget-title, #shop-sidebar .widget-title
{
	background-image: url(images/footer.png);
}
#wide-nav
{
	background-image: url(images/footer.png);
}
.absolute-footer
{
    background: url(images/bg_footer_wrapper.png) left bottom repeat-x;
}
/* call button */
.dk-spin {
    position: fixed;
    left: 0;
    bottom: 0;
    height: 80px;
    width: 80px;
    z-index: 999999;
    display: none;
}
.dk-spin a {
    width: 100%;
    height: 100%;
    display: block;
}
.dk-spiner {
    background-color: #0496da;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-animation: dk-spiner 2s infinite ease-in;
    animation: dk-spiner 2s infinite ease-in;
}
.dk-spin .dk-spinLoad {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    border: 2px solid #00a0d5;
    border-radius: 50%;
    -webkit-animation: circlePulse 2s ease infinite;
    animation: circlePulse 2s ease infinite;
}
.dk-spinHotline {
    background: #0b8dd8 url(images/icon-hotlinee.png) center no-repeat;
    background-size: 23px 30px;
    margin: 25%;
    border-radius: 50%;
    width: 50%;
    height: 50%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999999;
}
@keyframes dk-spiner
{
	0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
	}
	100% {
	    -webkit-transform: scale(1);
	    transform: scale(1);
	    opacity: 0;
	}
}
@keyframes circlePulse
{
	0% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
	}
	80% {
	    opacity: .8;
	}
	100% {
	    -webkit-transform: scale(1);
	    transform: scale(1);
	    opacity: 0;
	}
}
/* sms button */
.dk-soci {
    position: fixed;
    right: 18px;
    bottom: 2px;
    z-index: 1;
}
.dk-sociSms {
    background: url(images/icon0503.png) no-repeat;
    width: 32px;
    height: 32px;
    margin: 8px 0;
}
.dk-sociSms {
    background-position: -15px -10px;
    display: none;
}
/* frame video */
p iframe
{
    width: 100%;
    min-height: 450px;
}
.woof_redraw_zone img {
    transition: opacity 1s;
    opacity: 1;
    display: none;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.mobile-nav .nav-icon.has-icon
	{
		position: fixed;
		z-index: 9999;
	}
	.stuck #logo img {
	    max-height: 70px!important;
	}
	.header-inner.flex-row.container.logo-left.medium-logo-center
	{
		background: #fff !important;
	}
	.dk-spin
	{
		display: block;
	}
	.dk-sociSms {
	    display: block;
	}
    .product-small.col .product-small.box
    {
        min-height: 260px;
    }
}