/*
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: 'RobotoCondensed';
    src: url('./fonts/RobotoCondensed.ttf');
}

@font-face {
    font-family: 'Roboto_Bold';
    src: url('./fonts/Roboto_Bold.ttf');
}
div#respond {
    display: none;
}
img {
    max-width: 100%;
    height: auto;
}
a {
    color: #334862;
 }
.wn-lh a:hover,
a:hover {
    color: #FF0000;
 }
.clear {
    clear: both;
}
.blog-wrapper  .category-tin-tuc h3.wn_tieude_giua,
.wn-blog-text-gioithieu  .wn-gioithieu-h3 h3.wn_tieude_giua{
    font-size: 27px;
    font-family: 'RobotoCondensed'!important;
	font-weight: 700;
}
* {
    margin: 0;
    box-sizing: border-box;
    outline: none;
}
h1, h2, h3, h4, h5, span {
	font-family: 'Roboto_Bold'!important;
 	color: #000;
}
.header .flex-col ul li a:hover,
.header .flex-col ul li a:focus,
.header .flex-col  ul li a.active,
.header .flex-col  ul li.active{
    background: url(/wp-content/uploads/2023/10/li-hover.png) no-repeat center;
    background-size: 100% 100%;
}
.header .flex-col ul.nav-dropdown li a:hover {
    background: #666;
 }

.nav-divided>li+li>a:after {
    border-left: 1px solid #fff;
    
}
.header.show-on-scroll,
.header .stuck .header-main {
    height: 90px!important;
}
.header .stuck #logo img {
    /*max-height: 150px!important;*/
}
.stuck .header-inner{   
    background: rgba(0,0,0,0.4);
}
.stuck .logo{
	
}
img.header_logo.header-logo {
    padding-left: 40px;
}
.box.box-normal.box-text-bottom.box-blog-post.has-hover {
    display: flex;
}
.row.wn-blog-tintuc.large-columns-1.medium-columns-1.small-columns-1 {
    line-height: 5px;
}
.wn-blog-tintuc p.from_the_blog_excerpt {
    position: relative;
    top: 3px;
}
.wn-blog-tintuc .box-text-inner.blog-post-inner {
    position: relative;
    left: 10px;
    top: -5px;
}
.wn-blog-tintuc img {
        border: solid 2px #CCCCCC;
}
.wn-blog-tintuc button.button.secondary.is-underline.is-small.mb-0 {
    position: relative;
 }
h3 {
	font-size: 27px;
}
.nav .nav-dropdown {
    font-size: 15px;
    color: #F5F5F5;
    background: #333333;
}
.has-dropdown .icon-angle-down {
    display: none;
}
div.header-inner ul li ul li a {
    text-transform: none;
    display: block;
    line-height: 30px;
    padding: 3px 10px;
    font-size: 15px;
} 

.header-wrapper .nav>li>a,
.nav-dark .nav>li>a {
    color: #F5F5F5;
    font-size: 16px;
	font-weight: 400;
    line-height: 30px!important;
    padding: 2px 17px;
    text-decoration: none;
    text-transform: capitalize;
    display: block;
    font-family: 'RobotoCondensed'!important;
}	
.is-divider {
	display: none;
}
.nav .nav-dropdown {
    background-color: #333333!important;
}
.wn-lh .wpcf7 label {
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
	color: #000;
}
 input.wpcf7-form-control.wpcf7-submit.has-spinner {
     background: #ee0303;
    border: none;
    color: #fff;
    border-radius: 3px;
    margin: 10px 0px;
    font-size: 17px;
    position: relative;
	font-weight: 300;
    top: -15px;   
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif!important;
    box-sizing: border-box;
    text-transform: uppercase;
}
a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    text-decoration: none;
    color: #333333;
    font-weight: normal;
    font-family: RobotoCondensed;
    font-size: 18px;
    display: block;
    line-height: 25px;
}
a.woocommerce-LoopProduct-link.woocommerce-loop-product__link:hover{
    color: #FF0000;
}
.shop-container .product-page-price span.amount{
    color: #FF0000;
	font-size: 27px;

}.product-container .price-wrapper span.amount {
    color: #FF0000;

}
h5.post-title.is-large ,
.post-title a.plain {
    font-size: 18px;
    color: #0061a5;
	font-weight: 200!important;
    transition: 0.4s;
    text-decoration: none;
    display: block;
    font-weight: normal;
    line-height: 22px;
    padding-bottom: 4px;
}
h5.post-title.is-large:hover, .post-title a.plain:hover {
     color: #FF0000;
}
.blog-wrapper  h2.category-tin-tuc  strong {
	font-size: 24px;
	font-family: arial,helvetica,sans-serif!important;
	 color: #016f86;
}
/* .blog-wrapper .blog-single .page-wrapper p, strong, h1, h2, h3, h4, h5, a, b, li, ul {
    font-family: arial,helvetica,sans-serif!important;
} */
.wn-blog-text-gioithieu   h1, h3, h4, h5, span{
    font-family: Arial, Helvetica, sans-serif;
	color: #000;
}
.wn-blog-text-gioithieu   h2{
	font-family: arial,helvetica,sans-serif!important;
	line-height: 2em;
	color: #016f86;
	font-size: 25px;
	border-bottom: 0.5px solid #333;

}
.wn-blog-text-gioithieu p, ul, li, a{
	font-family: arial,helvetica,sans-serif!important;
 	font-size: 18px;
}
.wn-blog-text-gioithieu h3 {
	font-family: arial,helvetica,sans-serif!important;
 	font-size: 20px;
}
 .wn-blog-text-gioithieu strong {
	font-weight: bold;
}
 .entry-content p{
    font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 18px;
}	 
 
 .entry-content b{
	font-family: 'RobotoCondensed'!important;
	color: #000;
	font-size: 22px;
}	 

.blog-wrapper  .category-tin-tuc a{
	color: #0000F1;
}
.blog-wrapper  .category-tin-tuc a:hover{
	color: #FF0000;
}
.blog-wrapper  .category-tin-tuc p {
	font-family: arial,helvetica,sans-serif!important;
 	font-size: 18px;
}
.blog-wrapper  .category-tin-tuc   h2{
	font-family: arial,helvetica,sans-serif!important;
	line-height: 2em;
	color: #016f86;
	font-size: 25px;
	border-bottom: 0.5px solid #333;

}
.blog-wrapper  .category-tin-tuc  ul, li, a{
	font-family: arial,helvetica,sans-serif!important;
 	font-size: 18px;
}
.blog-wrapper  .category-tin-tuc h3 {
	font-family: arial,helvetica,sans-serif!important;
 	font-size: 20px;
}

b, strong {
     font-weight: unset;
}
p {
	font-family: 'RobotoCondensed'!important;
 	color: #393939;
	font-size: 17px;
}
.header-main {
     background: rgba(0,0,0,0.4);
     z-index: 9999;
}
 .nav-dropdown-default .nav-column li>a, 
.nav-dropdown.nav-dropdown-default>li>a {
    border-bottom: 0;
    margin: 0 10px;
    padding-left: 0;
    padding-right: 0;
    color: #FFF;	
	
}

img.header-logo-dark{
    position: relative;
    width: 500px;
    max-height: 150px!important;
    z-index: 9999;
}
img.header_logo.header-logo{
	
}
a.wn-btn-xemthem {
    float: right;
    padding: 4px 20px;
    border: solid 1px #CCCCCC;
    font-size: 17px;
    font-family: RobotoCondensed;
    color: #666;
}
a.wn-btn-xemthem:hover {
    color: #F00;
}
p.wn_text_p span {
    font-family: 'RobotoCondensed'!important;
}
p.wn_text_p a {
    font-family: 'RobotoCondensed'!important;
	font-size: 17px;
}
p.wn_text_p a:hover {
    color: #FF0000!important;
}
.copyright-footer {
    font-family: 'RobotoCondensed'!important;
    font-size: 17px;
}
.copyright-footer a {
    font-family: 'RobotoCondensed'!important;
    font-size: 19px;
}
p.wn_text_lh {
    font-size: 17px;
	line-height: 6px;
}
.wn-lh a {
	color: #393939;
	font-family: 'RobotoCondensed'!important;

}

.wn-col_50 .wn-col-text-span {
	font-family: arial,helvetica,sans-serif!important;
	
}
.wn_quytrinh_sanxuat {
    width: 100%;
    margin: 0px auto;
    padding: 50px 0px;
    background: url(/wp-content/uploads/2023/10/bg_quytrinh.jpg) no-repeat top center; 
    background-color: #965F1E;
    margin-top: 20px;
}
.wn_quytrinh_sanxuat .content_quytrinh {
    width: 747px;
    margin: 0px auto;
    height: 705px;
    background: url(/wp-content/uploads/2023/10/bg_quytrinh.png) no-repeat center;
    background-size: 100% 100%;
    position: relative;
}
.wn_tieude_giua {
    color: #393939;
    margin-bottom: 10px;
    margin-top: 10px;
    text-transform: uppercase;
    font-family: Roboto_Bold;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    font-size: 27px;
    line-height: 35px;
    background: url(/wp-content/uploads/2023/10/tieude_giua.png) no-repeat center bottom;
    padding-bottom: 13px;
    font-weight: normal;
}
.item_qt .img {
    padding: 6px;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: url(/wp-content/uploads/2023/10/item_qt.png) no-repeat center;
    background-size: 100% 100%;
    transition: 0.5s;
}
.item_qt.v0 {
    width: 255px;
    height: 255px;
    top: 50%;
    left: 50%;
    margin-left: -133px;
    margin-top: -150px;
}
.item_qt.v1 {
    top: 0px;
    left: 50%;
    margin-left: -80px;
}
.item_qt.v2 {
    top: 0px;
    right: 0%;
    margin-top: 145px;
    margin-right: 50px;
}
.item_qt.v3 {
    bottom: 0px;
    right: 0%;
    margin-bottom: 145px;
    margin-right: 50px;
}

.item_qt.v4 {
    bottom: 0px;
    left: 50%;
    margin-left: -80px;
}
.item_qt.v5 {
    bottom: 0px;
    left: 0%;
    margin-bottom: 145px;
    margin-left: 50px;
}

.item_qt.v6 {
    top: 0px;
    left: 0%;
    margin-top: 145px;
    margin-left: 50px;
}
.item_qt {
    width: 156px;
    height: 156px;
    position: absolute;
}
.item_qt .img:hover {
    -moz-box-shadow: 0 0 5px 5px #FFF;
    -webkit-box-shadow: 0 0 5px 5px #FFF;
    box-shadow: 0 0 5px 5px #FFF;
    transition: 0.8s;
}
.item_qt.v0 .img {
    width: 100%;
    background: none;
}
.item_qt .ten {
    position: absolute;
    top: 40%;
    right: -100%;
    width: 100%;
    text-align: left;
    padding: 0px 5px;
	  top: 25%;

}
.item_qt.v5 .ten {
    left: -100%;
    right: auto;
    text-align: right;
	  top: 25%;

}

.item_qt.v6 .ten {
    left: -100%;
    right: auto;
    text-align: right;
	top: 25%;

}
.item_qt .ten a {
    font-family: Roboto_Bold!important;
    color: #000;
    font-size: 17px;
}
.item_qt .ten a:hover {
    color: #F00;
}

.content_list_tc {
    width: 48%;
    float: right;
    padding: 20px!important;
    background: #D79D18;
    margin: 1%;
}

 .wn_title_tintuc {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    font-family: Roboto_Bold;
    font-size: 25px;
    margin-bottom: 10px;
    padding-bottom: 5px;
    position: relative;
	 color: #000;
}
.wn_title_tintuc:after {
    width: 80px;
    height: 2px;
    background: #DCCC58;
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
	color: #000;

}
.wn-tintuc {
    width: 100%;
    margin: 0px auto;
    background: #EEEEEE;
    padding: 30px 0px;
}

.wn_item_doitac img {
    max-width: 100%;
    height: 100%;
    border: solid 1px #CCCCCC;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
}


///footer	
.wn_title_ft {
    width: 100%;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 20px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding-bottom: 10px;
    font-family: Roboto_Bold;
    text-align: left;
	color: #FFF;
}

.wn_title_ft:before {
    width: 80px;
    content: "";
    height: 2px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    background: #EDF8FB;
}
.wn_ft .wn_title {
    font-size: 16px;
    text-transform: uppercase;
}
.wn_ft h2 {
	font-size: 18px;
 	color: #FFF;
	 font-family: Arial, Helvetica, sans-serif!important;

}
h2.section-title.section-title-normal {
    font-size: 18px;
}
h2.section-title.section-title-normal:before {
    width: 80px;
    content: "";
    height: 2px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    background: #EDF8FB;
}
.section-title-normal {
    border-bottom: none;
}
h2.wn_title_cty {
	font-size: 19.5px;
}
 
.flickity-prev-next-button .previous svg.flickity-button-icon {
    opacity: 1;
    transition: 0.5s;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    margin-top: -35px;
    display: block;
    width: 30px;
    height: 70px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: url(/wp-content/uploads/2023/10/right.png) center no-repeat;
    z-index: 50;
    transition: 1s;
}
.flickity-prev-next-button .next svg.flickity-button-iconn {
    opacity: 1;
    transition: 0.5s;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    margin-top: -35px;
    display: block;
    width: 30px;
    height: 70px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: url(/wp-content/uploads/2023/10/left.png) center no-repeat;
    z-index: 50;
    transition: 1s;
}
.wn_ft input.wpcf7-form-control.wpcf7-submit.has-spinner {
    font-size: 17px;
  }
.wn_ft .wpcf7 p {
     display: flex;
}
.wn_ft input.wpcf7-form-control.wpcf7-submit.has-spinner {
    position: relative;
    top: -10px;
}
.wn_ft input[type=email] {
	font-weight: 100!important;
	font-family: Arial, Helvetica, sans-serif!important;
}
.wn_ft a {
	color: #FFF;
	font-family: 'RobotoCondensed'!important;
}
.wn_ft a:hover {
    color: #FF0000;
 }
	div#wpcf7-f7-o1 {
    position: relative;
    left: 8%;
}

.header-top {
    display: block;
    background: #E00A1F;
    width: 100%;
    height: 43px;
    line-height: 43px;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    box-sizing: border-box;
    position: relative;
    margin: auto;
}
	.wn-blog-text-h3 h3.wn_tieude_giua   {
    font-size: 27px!important;
}
.icon-facebook:hover,
.icon-twitter:hover,
.icon-envelop:hover,
.icon-youtube:hover
{
	 animation: xoayvong 1s linear ;

}
@keyframes xoayvong {
  from {
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -o-transform:rotate(0deg);
  }
  to {
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
  }
}
p.wn-text-video {
    position: relative;
    top: 7px;
    font-weight: 700;
}
a.button.open-video.icon.circle.is-outline.is-xlarge {
    background-color: #FF0000;
    color: #fff;
    border-color: #bdb7b7;
}
a.button.open-video.icon.circle.is-outline:hover {
    background-color: #c67c7c;
    color: #630000;
    border-color: #994545;
	 animation: xoayvong 1s linear ;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.wn_ft input.wpcf7-form-control.wpcf7-submit.has-spinner {
    font-size: 16px;
}
	p.wn_text_p {
    line-height: 25px;
} 
	p.wn_text_lh {
    font-size: 17px;
    line-height: 20px;
}
	img.header-logo-dark, img.header_logo.header-logo {
    position: relative;
    width: 150px;
    max-height: 120px!important;
    z-index: 9999;
}
	.wn_tieude_giua {
		font-size: 25px;
	}
	
	div#content {
    margin-left: 10px;
    margin-right: 10px;
}
	.wn-blog-text-h3 h3.wn_tieude_giua   {
    font-size: 25px!important;
}
	.wn_quytrinh_sanxuat .content_quytrinh {
     padding: 10px;
    background: none;
    height: auto;
}
	.item_qt {
    position: relative;
    float: left;
    width: 98% !important;
    height: auto !important;
    clear: both;
    margin: 1% !important;
    padding: 0px !important;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
}
	.item_qt.v0 .img {
    background: url(/wp-content/uploads/2023/10/item_qt.png) no-repeat center;
    background-size: 100% 100%;
    width: 20% !important;
    float: left;
    margin-right: 2%;
}
	.item_qt .img {
    width: 20% !important;
    float: left;
    margin-right: 2%;
}
	.item_qt .ten {
    position: relative;
    left: auto !important;
    top: -25px!important;
    right: auto !important;
    bottom: auto !important;
    text-align: left !important;
    margin-top: 0px;
}
 img.header-logo-dark, img.header_logo.header-logo {
    position: relative;
    width: 125px;
    max-height: 100px!important;
    z-index: 9999;
}
	.wn-blog-text-h3 h3 {
    font-size: 17px;
}
	.wn-blog-text-h3 .wn_tieude_giua h3 {
    font-size: 25px;
}
	.mfp-content {
    background: #C18300 !important;
    color: #fff;
}
	.off-canvas .nav-vertical>li>a {
    padding-bottom: 15px;
    padding-top: 15px;
    color: #fff;
}
	i.icon-angle-down {
    color: #fff;
	transform: rotate(270deg);
}
	.off-canvas .nav-vertical li li>a {
    padding-bottom: 5px;
    padding-top: 5px;
	color: #fff;
	text-transform: uppercase;
	font-size: 13px;
}
	.off-canvas-left .mfp-content, .off-canvas-right .mfp-content {
    width: 300px;
}
	.hotline_m {
    float: right;
    display: block;
    padding-right: 10px;
    font-size: 18px;
    color: #FFF;
    font-family: RobotoCondensed!important;
}
	.wn-blog-text-gioithieu   h2{
	font-family: arial,helvetica,sans-serif!important;
	line-height: 2em;
	color: #016f86;
	font-size: 20px;
	border-bottom: 0.5px solid #333;

}
.wn-blog-text-gioithieu p, ul, li, a{
	font-family: arial,helvetica,sans-serif!important;
 	font-size: 15px;
}
.wn-blog-text-gioithieu h3 {
	font-family: arial,helvetica,sans-serif!important;
 	font-size: 18px;
}
	.blog-wrapper  .category-tin-tuc h3.wn_tieude_giua,
.wn-blog-text-gioithieu  .wn-gioithieu-h3 h3.wn_tieude_giua{
    font-size: 25px;
    font-family: 'RobotoCondensed'!important;
	font-weight: 700;
}
	.blog-wrapper  .category-tin-tuc p {
	font-family: arial,helvetica,sans-serif!important;
 	font-size: 15px;
}
.blog-wrapper  .category-tin-tuc   h2{
	font-family: arial,helvetica,sans-serif!important;
	line-height: 2em;
	color: #016f86;
	font-size: 20px;
	border-bottom: 0.5px solid #333;

}
.blog-wrapper  .category-tin-tuc  ul, li, a{
	font-family: arial,helvetica,sans-serif!important;
 	font-size: 15px;
}
.blog-wrapper  .category-tin-tuc h3 {
	font-family: arial,helvetica,sans-serif!important;
 	font-size: 28px;
}
}