/*
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.   ***************/
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i&subset=vietnamese');
div#wide-nav {
    background: #14a8ee;
    background: -moz-linear-gradient(top, #14a8ee 0%, #0887cc 100%);
    background: -webkit-linear-gradient(top, #14a8ee 0%,#0887cc 100%);
    background: linear-gradient(to bottom, #14a8ee 0%,#0887cc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14a8ee', endColorstr='#0887cc',GradientType=0 );
}
div#wide-nav .nav>li>a.nav-top-link {
    font-size: 16px;
    font-weight: 600;
    padding: 17px 7px;
    font-family: 'Roboto Condensed', sans-serif;
}
#logo img {
    padding: 12px;
}
li.html.custom.html_topbar_left img.banner-menu {
    max-height: 125px;
}
main#main aside.widget {
    border: 1px solid #e5e5e5;
    padding: 0 12px;
    border-top: 4px solid #0d95db;
    padding-top: 15px;
	text-align:center;
}
main#main aside.widget span.widget-title {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 17px;
    color: #0f9be1;
}
main#main aside.widget .is-divider.small {
    opacity: 0;
}
main#main aside.widget ul li a {
    font-size: 15px;
}
main#main aside.widget ul li.cat-item.cat-item-15 {
    display: none;
}
main#main aside.widget button.toggle {
    background: #0894de;
    opacity: 1;
    height: 10px;
    border-radius: 50%;
}
main#main aside.widget button i.icon-angle-down {
    color: #fff;
    font-size: 13px;
    margin-top: -5px;
}
main#main aside.widget ul li a:hover {
    color: #0b91d6;
}
main#main aside.widget ul li ul.children {
    border-left: 0;
    margin: 0;
}
main#main aside.widget ul li ul.children li {
    border-top: 1px solid #cecece;
}
main#main aside.widget figure.gallery-item {
    padding-bottom: 15px;
}
h3.titleaa {
   background: #0c93d9;
    color: #fff;
    padding: 7px 20px;
    margin-bottom: 24px;
   
}
h3.titlea {
    background: #0c93d9;
    color: #fff;
    padding: 7px 20px;
    margin-bottom: 24px;
    
}
h3.titleaaa {
    background: #0c93d9;
    color: #fff;
    padding: 7px 20px;
    margin-bottom: 24px;
    
}
.product-small.box {
    border-top: 1px solid #d8d5d5;
}
main#main aside.widget figure.gallery-item {
    padding-bottom: 15px;
}
h1.titead:before {
    content: '';
    height: 4px;
    width: 125px;
    background: #0c92d7;
    float: left;
    position: absolute;
    top: 0;
    left: 0;
}
h1.titead {
    padding-top: 10px;
}
body {
    color: #444;
}
.row.aboutss p a {
    color: #fff;
    background: #0c92d8;
    padding: 9px 24px;
    font-size: 19px;
    border-radius: 5px;
}
.box-text.box-text-products.text-center.grid-style-2 {
    text-align: left;
    padding-bottom: 7px;
    min-height: 205px;
}
.box-text.box-text-products.text-center.grid-style-2 .title-wrapper {
    font-size: 17px;
}
.box-text.box-text-products.text-center.grid-style-2 .title-wrapper a {
    color: #111;
    font-weight: 600;
	font-size: 18px;
    margin-bottom: 15px;
}
footer#footer {
    background: url(/wp-content/uploads/2018/12/bg_footer.png) no-repeat;
    background-size: cover;
}
footer#footer .footer-widgets.footer {
    border-top: 0;
    padding-top: 20px;
}
footer#footer .footer-widgets.footer.footer-1 {
    text-align: center;
}
footer#footer div.widget_text {
    margin-bottom: 0;
}
footer#footer .footer-widgets.footer .is-divider.small {
    margin: 3px;
    opacity: 0;
}
footer#footer .footer-widgets.footer .dark {
    color: #fff;
}
.absolute-footer.dark.medium-text-center.small-text-center {
    background: #1578b1;
    color: #fff;
    padding-bottom: 7px;
}
.absolute-footer.dark.medium-text-center.small-text-center .copyright-footer {
    text-align: center;
    width: 100%;
}
.absolute-footer.dark.medium-text-center.small-text-center .footer-primary.pull-left {
    width: 100%;
}
.page-title-inner.flex-row.medium-flex-wrap.container {
    display: none;
}

/* kk */
#header ul.header-nav {
    justify-content: center;
}
.hotline-menu {
    color: red;
    font-weight: bold;
    line-height: 1.2;
}
.hotline-menu p:first-child {
    font-size: 20px;
}
.hotline-menu p:last-child {
    font-size: 28px;
}
.hotline-menu:before {
  	content: "\f095";
    left: -60px;
    bottom: 2px;
    position: absolute;
    font-family: Font Awesome\ 5 Free;
    transform: rotate(105deg);
    font-size: 30px;
    border: 5px solid;
    border-radius: 50%;
    padding: 6px 8px;
    height: 56px;
}
h3.titlea:before {
    content: "\f559";
    font-size: 25px;
    left: 0;
    padding-right: 15px;
    bottom: 0;
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
}
h3.titleaa:before {
    content: "\f02b";
    font-size: 25px;
    left: 0;
    padding-right: 15px;
    bottom: 0;
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
}
h3.titleaaa:before {
    content: "\f06d";
    font-size: 25px;
    left: 0;
    padding-right: 15px;
    bottom: 0;
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
}
ul#menu-hotline>li {
width: 45%;
display: inline-block;
}
ul#menu-hotline {
display: block;
}
ul#menu-hotline li {
    border: none;
	text-align: center;
	position: relative;
    margin-bottom: 25px;
}
ul#menu-hotline li a {
    color: red;
    font-weight: bold;
}
ul#menu-hotline li a span {
    color: #000;
    font-weight: bold;
}
.nav-dropdown>li.nav-dropdown-col, .nav-dropdown>li.image-column {
    width: 20%;
    min-width: 20%;
}
.nav-dropdown .menu-item-has-children>a, .nav-dropdown .title>a, .nav-dropdown .nav-dropdown-col>a {
    font-size: 11px;
}
ul.nav-dropdown.nav-dropdown-default.nav-dropdown-full li ul li {
    font-size: 14px;
}
.lien-he-product {
    background-image: linear-gradient(#14A4EA,#0782C6);
    text-align: center;
    padding: 10px 0;
    color: #fff;
	line-height:1.4;
	margin:25px 0;
}
.lien-he-product p {
    margin: 0;
}
.lien-he-product p:last-child {
    font-size: 24px;
    font-weight: bold;
}
.woocommerce-tabs.container.tabbed-content {
    border-top: 5px solid #0B8CD0;
    background: #F6F6F6;
    padding: 0 25px;
}
.nav>li>a:hover, .nav>li.active>a, .nav>li.current>a, .nav>li>a.active, .nav>li>a.current, .nav-dropdown li.active>a, .nav-column li.active>a, .nav-dropdown>li>a:hover, .nav-column li>a:hover {
    color: #ffe100  !important;
}
.nav-line-bottom>li>a:before, .nav-line-grow>li>a:before, .nav-line>li>a:before {
    content: unset;
}
ul.product-tabs.nav.small-nav-collapse.tabs li a {
    font-size: 18px;
    text-transform: none;
}
h3.product-section-title {
    background: linear-gradient(#14a8ee,#0887cc);
    color: #fff;
    padding: 8px 20px;
}
ul#menu-hotline>li a:after {
    content: "";
    background: url(/wp-content/uploads/2018/12/sky.png) no-repeat;
    width: 128px;
    height: 28px;
    position: absolute;
    left: -10px;
    bottom: -21px;
    transform: scale(0.8);
}
ul.nav-dropdown.nav-dropdown-default.nav-dropdown-full li ul li a {
    font-size: 12px !important;
}
p.has-block.tooltipstered {
    display: none;
}
.page-home .slider-nav-light .flickity-prev-next-button svg, .slider-nav-light .flickity-prev-next-button .arrow {
    fill: #000;
}
.page-home .flickity-prev-next-button.previous {
    right: 35px;
    left: unset;
}
.page-home .flickity-prev-next-button {
    height: max-content;
    top: 14% !important;
	opacity:1;
	width:30px;
}
.page-home .flickity-prev-next-button.next{
	right:0%;
}

/* kk */
.box-text.box-text-products.text-center.grid-style-2 .title-wrapper p.name.product-title {
    min-height: 49px;
}
.page-home  button.flickity-button.flickity-prev-next-button.previous,
.page-home  button.flickity-button.flickity-prev-next-button.next {
    top: 56px;
}
div#wp_statistics_widget-2 ul {
    display: flex;
	    justify-content: center;
}
div#wp_statistics_widget-2 ul li {
    display: flex;
    padding: 0 15px;
    font-size: 19px;
}
div#wp_statistics_widget-2 ul li label {
    padding: 0 5px;
}
div#wp_statistics_widget-2 .is-divider {
    display: none;
}
div#wp_statistics_widget-2 {
    margin: 0;
}
li#menu-item-336 {
    z-index: 999;
    position: relative;
    top: -38px;
    background: black;
    padding: 10px;
}
#menu-item-341 .nav-dropdown {
    opacity: 1;
    position: unset;
    display: inline-flex;
    box-shadow: none;
    border: none;
    background: none;
    min-width: unset;
    max-height: unset;
	padding: 20px 0;
	font-size:14px;
}
.header-main .nav > li > a {
    color: #000 !important;
    text-transform: none;
    font-size: 14px;
    font-weight: normal;
	
	padding:0;
}
ul.header-nav.header-nav-main.nav.nav-right.nav-box.nav-uppercase {
    align-items: flex-end;
}
li#menu-item-341 {
    position: inherit;
    top: -20px;
    left: 43%;
    padding-bottom: 30px;
}
li#menu-item-341 i {
    display: none;
}
.nav-dropdown-default .nav-column li>a, .nav-dropdown.nav-dropdown-default>li>a {
    border: none;
}
#menu-item-341 ul.nav-dropdown.nav-dropdown-default {
    margin-left: 0 !important;
}
#menu-item-341 ul.nav-dropdown.nav-dropdown-default a {
    line-height: 0;
	color:#000;
	
}
li#menu-item-342 {
    border-right: 1px solid #000;
}
.nav-dropdown-has-arrow li.has-dropdown:after, .nav-dropdown-has-arrow li.has-dropdown:before {
    display: none;
}
.nav-box>li.active>a, .nav-pills>li.active>a {
    background-color: unset;
}
.flex-col.hide-for-medium.flex-left.flex-grow {
    margin-left: 0;
}
#menu-item-341 a.nav-top-link:after {
    content: ":";
    padding-left: 5px;
}
.header .header-bottom :not(.transparent) .header-nav.nav > li > a{
	color: #ffffff !important;
}
li.menu-item-341 a.nav-top-link {
    pointer-events: none !important;
	background: transparent !important;
}
.xem-chi-tiet a{
    color: #fff;
    background: #0c92d8;
    padding: 9px 24px;
    font-size: 16px;
    border-radius: 5px;
}
.xem-chi-tiet {
    text-align: center;
	margin-top: 20px;
}
a.glink img{
	opacity:1;
}
div#wide-nav .nav>li>a.nav-top-link:hover {
    color: #F7E527 !important;
}
.lien-hee {
    background: #E9E9E9;
    padding: 20px;
}


li.cat-item.cat-parent.has-child:hover ul.children {
    display: block !important;
}
ul.mobile-nav.nav.nav-left {
    justify-content: center;
}
li.menu-item.menu-item-gtranslate {
    font-size: 12px;
	height:30px;
}
.off-canvas-right.dark .mfp-content, .off-canvas-left.dark .mfp-content {
    background-color: #0783c7;
}
.off-canvas-right .mfp-content, .off-canvas-left .mfp-content{
	width:100%;
}
.nav>li>a, .nav-dropdown>li>a, .nav-column>li>a {
    color: #000;
}
@media (max-width:1024px){
	main#main aside.widget ul li a{
		font-size:14px;
	}
	ul#menu-hotline>li a:after{
		left:-19px;
		transform:scale(0.7);
	}
	.page-home .flickity-prev-next-button {
		top:12% !important;	}
}
@media (max-width: 849px){
.header-main li.html.custom {
    display: block;
	display: block;
    width: 50%;
    margin-left: auto !important;
    margin-right: auto !important;
	}
	#logo {
    max-width: 105px;
    margin-right: auto;
}
}
@media (max-width: 768px){
	li.html.custom.html_top_right_text {
    display: none;
}
	ul#menu-hotline>li { width: 100%; } 
	ul#menu-hotline>li a:after{ 
		left:3px; transform: scale(0.8); }
	div#gallery-1 {
    display: inline-flex;
}
	.product-categories li.cat-item{
		width:fit-content;
	}
	.page-home .flickity-prev-next-button {
		top:6% !important;
	}
}
@media (max-width: 480px){
	figure.gallery-item {
    width: 50%;
    text-align: center;
}
	ul#menu-hotline>li a:after{
		left:40px;
	}
	ul#menu-hotline>li{
		width:49%;
	}
	.product-categories li.cat-item{
		width:unset;
	}
	.box-text.box-text-products.text-center.grid-style-2{
		min-height:auto;
	}
	#logo {
		max-width: 75px;
		margin-right: auto;
	}
	li#menu-item-341 a.nav-top-link {
		display: none;
	}
	li#menu-item-341 {
		position: absolute;
		right: 0;
		left: auto;
		padding-bottom: 0;
		padding-top: 7px;
	}
	#menu-item-341 ul.nav-dropdown.nav-dropdown-default a {
		margin: 2px;
	}
	ul.mobile-nav.nav.nav-left li.html.custom.html_topbar_left {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	ul.mobile-nav.nav.nav-right li.html.custom.html_top_right_text a {
		float: left;
	}
	ul.mobile-nav.nav.nav-right li.html.custom.html_top_right_text {
		width: 48px;
		margin-top: -2px;
	}
	.page-home .flickity-prev-next-button {
		top:2vw!important;
	}
}
li.menu-item.menu-item-gtranslate {
    top: -65px;
}
#header ul.header-nav .qtranxs-lang-menu a.nav-top-link {
    display: none;
}
#header ul.header-nav .qtranxs-lang-menu a a {
    display: block;
}
#header ul.header-nav .qtranxs-lang-menu ul.nav-dropdown.nav-dropdown-default {
    position: static;
    padding: 0;
    opacity: 1;
    background: transparent;
    border: none;
    box-shadow: none;
}
#header ul.header-nav .qtranxs-lang-menu li {
    float: left;
}
#header ul.header-nav .qtranxs-lang-menu ul.nav-dropdown.nav-dropdown-default {
    min-width: auto;
}
#header ul.header-nav .qtranxs-lang-menu a {
    margin-right: 0;
}
@media(min-width:736px){.qtranxs-lang-menu.menu-item-405 {
    display: none;
}}
@media(max-width:736px){
	li.qtranxs-lang-menu {}

li.qtranxs-lang-menu a.nav-top-link {
    display: none;
}

li.qtranxs-lang-menu a a {
    display: block;
}

li.qtranxs-lang-menu ul.nav-dropdown.nav-dropdown-default {
    position: static;
    opacity: 1;
    padding: 0;
    border: none;
    background: transparent;
    min-width: 38px;
    box-shadow: none;
}

li.menu-item.menu-item-gtranslate {
    display: none;
}

li.qtranxs-lang-menu ul.nav-dropdown.nav-dropdown-default li.qtranxs-lang-menu-item {
    float: left;
}

li.qtranxs-lang-menu ul.nav-dropdown.nav-dropdown-default li.qtranxs-lang-menu-item a {
    margin: 0;
    padding: 0;
    width: 19px;
}

ul.mobile-nav.nav.nav-left {
    justify-content: flex-start;
}

ul.mobile-nav.nav.nav-left img.banner-menu {
    min-width: 145px;
}
	
}
.flex-col.hide-for-medium.flex-right {
    padding-top: 35px;
}
.footer-widgets.footer.footer-1 span.widget-title {
    font-size: 25px;
}
.footer-widgets.footer.footer-1 .textwidget {
    font-size: 19px;
}
.footer-widgets.footer.footer-2 span.widget-title {
    font-size: 18px;
}
.footer-widgets.footer.footer-2 .textwidget {
    font-size: 17px;
}
.notranslate {
    display:none;
}
.switcher.notranslate {
    display:block;
}

@media(min-width:769px){
	.header-bg-container.fill .header-bg-color.fill {
		opacity: 0;
	}
	.header-bg-container.fill .header-bg-image.fill {background-size: contain;background-repeat: no-repeat;}
	div#logo {
		opacity: 0;
	}
	li.html.custom.html_topbar_left {
		opacity: 0;
	}
	li.html.custom.html_topbar_right {
		opacity: 0;
	}
}
@media(min-width:1400px){
	div#masthead.header-main {
		height: 210px;
	}
	.header .flex-row.flex-row.container.logo-left {
		max-width: 90%;
	}
}
@media(max-width:1025px){
	div#masthead {
		max-height: 135px;
	}
	div#wide-nav .nav>li>a.nav-top-link {
		padding: 10px 1px;
	}
	li.menu-item.menu-item-gtranslate {
		right: 65px;
	}
}
@media(max-width:768px){
	li.menu-item.menu-item-gtranslate{display:none;}
	.header-bg-container.fill .header-bg-image.fill {opacity:0;}
		li.nav-icon.has-icon i.icon-menu {
		color: #fff;
	}
	ul.nav.header-bottom-nav.nav-center.mobile-nav li.nav-icon.has-icon {position: absolute;right: 0px;}
	ul.nav.header-bottom-nav.nav-center.mobile-nav.nav-uppercase {
		height: 41px;
	}
	ul.nav.header-bottom-nav.nav-center.mobile-nav.nav-uppercase li.qtranxs-lang-menu {
		position: absolute;
		left: 0;
	}
	ul.nav.header-bottom-nav.nav-center.mobile-nav.nav-uppercase .qtranxs-lang-menu-item img {height: 17px;width: auto;max-width: initial;}
	li.qtranxs-lang-menu ul.nav-dropdown.nav-dropdown-default li.qtranxs-lang-menu-item a {
		margin-right: 12px;
	}
	ul.nav.nav-sidebar.nav-vertical.nav-uppercase li.qtranxs-lang-menu {
		display: none;
	}
	ul.mobile-nav.nav.nav-right li.html.custom.html_top_right_text {
		display: block;
		width: auto;
	}
	ul.mobile-nav.nav.nav-right li.html.custom.html_top_right_text .switcher.notranslate {
		width: 102px;
		border-right: 1px solid #d3d3d3;
	}
	ul.mobile-nav.nav.nav-right li.html.custom.html_top_right_text a {
		width: 100%;
	}
}
@media (min-width: 1920px){
	div#masthead.header-main {
		height: 250px;
	}
}

li#menu-item-19 li {
    width: 100%;
    float: left;
    position: relative;
}
li#menu-item-19 li ul.nav-column.nav-dropdown-default {
    position: absolute;
    left: 100%;
    top: 0;
    background: #066999;
    width: 100%;
    display:none;
}
li#menu-item-19 li:hover ul.nav-column.nav-dropdown-default{display:block;}
li#menu-item-19 li a {
    /* font-size: 13px; */
}
ul.nav-dropdown.nav-dropdown-default {
    background: #066999;
    border: 1px;
    padding: 0;
}
ul.nav-dropdown.nav-dropdown-default li a {
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 15px;
}
li#menu-item-19 li:hover {
    background: #033651;
}