/*!
Theme Name: vpw_theme
Theme URI: http://vinhphucweb.com
Author: Nguyễn Tùng - 0326110223
Author URI: https://www.facebook.com/Tung.teen.9x
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: vpw_theme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

vpw_theme is based on Underscores https://vinhphucweb.com/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*! resize menu */
img{
  max-width: 100%;
  height: auto;
}
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.xemthem.button:hover{
	background:#FF6347
}
.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}

/* 404 */
.error-404.not-found{
  width: 100%;
  margin: 50px 0;
  text-align: center;
}
.error-404.not-found .page-title{
  font-size: 24px;
  font-weight: 700;
  margin: 20px 0;
}
.error-404.not-found img{
  margin-bottom: 30px;
}
.error-404.not-found .ws-button{
  width: 200px;
  display: block;
  background: #000;
  color: #fff;
  border: 2px solid #000;
  padding: 15px 20px;
  font-size: 17px;
  text-transform: uppercase;
  margin: auto;
  cursor: pointer;
  text-decoration: none;
}
.error-404.not-found .ws-button:hover{
  background: #fff;
  color: #000;
}
.ws-none h2{
  font-size: 25px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
}


@media (min-width: 1200px){
.swiper-slide-contents{
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
.swiper-slide-inner{
  max-width: 1140px;
}
}


ul.pagination2 .page-numbers{
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1d232a;
    font-size: 14px;
    border: 1px solid #ccc;
        display: inline-block;

    margin-top: 20px
}
ul.pagination2 .page-numbers:hover {
    background: #ea8025;
    color: #fff;
}

.commentlist{
	padding:0px
}
.commentlist li {
  border:1px solid #ddd;
  border-radius:0px;
  margin-bottom:10px;
  padding:10px;
	list-style:none;
	background: #fff;
}
.comment-metadata time{
	font-size:13px;
	color:#5d5d5d
}
.comment-content p{
    font-size: 15px;
    font-style: normal;
}

/*Comment*/
ol.commentlist{float: left;width: 100%}
ol.commentlist li{border: 1px solid #e3e3e3;padding: 10px;margin-bottom: 10px;border-radius: 5px}
ol.commentlist li:last-child{margin-bottom: 0}
ol.commentlist img{float: left;margin-right: 10px}
ol.commentlist .fn{ line-height: 1;display: block; color: #D9534F}
b.fn { color: red; }
ol.commentlist .says{display: none}
ol.commentlist .reply a{color: blue}
/* ol.commentlist .depth-2{background-color: #e3e3e3}
ol.commentlist .depth-3{background-color: #d5d5d5}
ol.commentlist .depth-4{background-color: #b7b7b7}
ol.commentlist .depth-5{background-color: #9d9d9d} */
ol.commentlist .children{margin: 10px 0}
#comments{font-size: 20px}
.ew_product_tabs{margin-top:20px}
.ew_product_tabs .nav>li>a:hover{background-color: #fff; color: #555}
#respond{width: 100%; padding: 10px ;    background: #f5f5f5;margin-bottom:10px}
#respond h3{font-size: 20px}
#respond h3,#respond form p{margin-bottom: 15px}
#respond form input{margin: 0}
#respond form textarea{height: 100px}
#respond #submit{background: #794e3b;color: #fff;padding: 2px 20px;border-radius: 5px;}
/*------------Right------------*/
.comment-content{
  font-size: 15px;
  font-style: italic;
}
.commentlist .reply a{
    font-size: 13px;
    padding: 5px 10px;
    background: #f5f5f5;
    display: inline-block;
    margin-bottom: 10px;
    color: #000;
}
.comment-form label{
  font-size: 14px;
}
#commentform textarea, #commentform input[type="text"], #commentform input[type="email"]{
  margin: 0px
}







@font-face{font-family:'UTM Avo';src:url(fonts/UTMAvo.eot);src:url(fonts/UTMAvo.eot?#iefix) format("embedded-opentype"),url(fonts/UTMAvo.woff2) format("woff2"),url(fonts/UTMAvo.woff) format("woff"),url(fonts/UTMAvo.ttf) format("truetype"),url(fonts/UTMAvo.svg#UTMAvo) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:'UTM Avo';src:url(fonts/utm-avobold.ttf) format("truetype");font-weight:700;font-style:normal}
@font-face{font-family:'UTM Avo';src:url(fonts/utm-avobold.ttf) format("truetype");font-weight:700;font-style:italic}
.wp-caption {max-width:100% !important}
.h1, .h2, .h3, h1, h2, h3 {line-height:1.5}
.searchform  {position:relative}
.tim_but{position: absolute;
    right: 0px;
    top: 0px;
    background: #5f3811;
    color: #fff;
    border: 0;
    padding: 7px 15px;}
.widget_categories  > ul li {list-style:none;}
.widget_categories  > ul li a{    display: block;margin-bottom:1px;
    padding: 8px;
    background: #ddd;}
body{
font-size: 15px;
font-family: UTM Avo;
color: #000;
}
.h3, h3 {
    font-size: 16px;
}.h2, h2 {
    font-size: 18px;
}
.new-box-da a {color:#333}
.container90 .menu-child-taxonomy > li > a{    border: 2px solid #261511;text-decoration: none !important;}
.project-row .row{margin: 0 -5px;}
.project-row .row > div{padding: 0 5px;margin-bottom: 10px;}
.container90 .menu-child-taxonomy > li.current-menu-item > a{background: #261511;
    color: #fff;}
.fancy-collapse-panel .panel-default > .panel-heading {
padding: 0;
}
.fancy-collapse-panel .panel-heading a {
padding: 12px 35px 12px 15px;
display: inline-block;
width: 100%;
background-color: #603a13;
color: #ffffff;
position: relative;
text-decoration: none;
}
.fancy-collapse-panel .panel-heading a:after {
font-family: "FontAwesome";
content: "\f147";
position: absolute;
right: 20px;
font-size: 20px;
font-weight: 400;
top: 50%;
line-height: 1;
margin-top: -10px;
}

.fancy-collapse-panel .panel-heading a.collapsed:after {
content: "\f196";
}
.aligncenter{display: block;margin: 0 auto}
.page-scroll {    position: fixed;
bottom: 0px;
width: 100%;
background: #fff;}
.page-scroll li a{    display: block;
padding: 10px;
border: 1px solid #ddd;color:#FF6347;}
.page-scroll li{float:left;    list-style: none;
width: 20%;
text-align: center;
padding: 5px;}
.item-project img {width:100%; height: 250px;object-fit: cover;}
.sidebar-item .menu > li + li > ul {display:none;}
.b-list {transform: rotate(-90deg);
display: block;
color: #333;
width: 100px;
font-weight: bold;
position: relative;
left: -90px;}
.b-list-content .social {text-align:center;padding-top:15px;}
.b-list-content .social li a{display:block;width:48px;height:30px;background:url(images/social.png);    background-size: auto 32px;margin:2px;}
.b-list-content .social li {list-style:none;    display: inline-block;}
.b-list-content .social li:nth-child(2) a{    background-position: -68px 0;}
.b-list-content .social li:nth-child(3) a{    background-position: -131px;}
.b-list-content .social li:nth-child(4) a{    background-position: -199px 0}
.b-list-content .social li:nth-child(5) a{    background-position: -263px 0;}
.box-list-1 .b-list-content span {display: block;
background: #BBA68D;
padding: 15px;
border-radius: 10px;}
.box-list-1 .b-list-content .col-md-2 {text-align:center;}
.content-b-list {text-align:center;}
.content-b-list span {color:#FEB156;font-size:16px;}
.b-list-content h2 {text-align:center;font-weight:bold;margin:0 0 20px;text-transform: uppercase;}
.list-box-qtl {padding:20px;background:#AF9779;color:#fff;margin-bottom:30px;}
.box-list-2 {background:#9C8569;}
.box-list-3 {background:#89755B;}
.box-list-4 {background:#7A674F;}
.box-list-5 {background:#6D5B45;}
.single-post .menu-news-sidebar .title-widget {font-size: 20px;
padding: 10px 0;
border-bottom: 1px solid #999;}
.single-post #sidebar .menu > li > a {background: none;
color: #333;
font-weight: normal;
text-transform: none;
padding: 10px 0;}.single-post #sidebar .menu > li > a:before{content: "\f0da";    font: normal normal normal 14px/1 FontAwesome;padding-right:5px;}
.sidebar-item .menu-item-has-children > a:before {    content: "\f105";font: normal normal normal 14px/1 FontAwesome;    position: relative;
top: 2px;float:right;}
.sidebar-item .menu-item-has-children > a.active:before {    content: "\f107";}
.single-project  .owl-carousel img {height:615px;text-align:center;margin:auto;width:auto}
.single-project  .owl-carousel .item{background:#c1b497}
@media only screen and (min-width: 1200px){
.container{
width: 1200px;
}
}
.cat-des .wp-caption{max-width:100%}
.tax-project-cat .section-nd {padding-top:0px;}
.row-0{
margin-left: 0;
margin-right: 0;
}
.col-0{
padding-left: 0;
padding-right: 0;
margin-top: 10px;
margin-bottom: 10px
}
.bg-gray{
background-color: #dfdfdf;
}
img{max-width: 100%;height: auto;}
.item-news img{max-width: 100%;
    height: 190px;
    object-fit: cover;}
.clear{
clear: both;
}
.section-nd{
padding-bottom: 30px;
clear: both;
}
#header{
padding: 10px 0;
	position:sticky;
	z-index:999;
	top:0px
}
@media only screen and (max-width: 767px){
.section-nd .title-section{font-size: 22px;}

.page-scroll li {width:50%;font-size:12px;}
#header #logo{
float: none;
text-align: center;
padding-bottom: 15px;
}
#header .col-right{
position: static;
}
#header .col-right .pull-right{
float: none !important;
padding-left: 0;
	overflow:scroll;
	height:500px
}
}
#menu-main{
z-index: 100;
}
#menu-main ul{
margin-bottom: 0;
}
#menu-main ul li{
float: left;
list-style: none;
padding: 18px 0;
margin: 0 20px;
position: relative;
}
#menu-main ul li a{
color: #333;
}
#menu-main ul li:hover a{
color: #FF6347;
}
@media only screen and (min-width: 768px){
.section-nd .title-section{font-size: 22px;}
#menu-main ul li .sub-menu{
display: none;
position: absolute;
top: 90%;
left: 0;
background-color: #9f9995;
padding-left: 0;
min-width: 200px;
z-index: 999;
}
#menu-main ul li:hover .sub-menu{
display: block;
}
#menu-main ul li .sub-menu li:hover{
background-color: #603a13;
}
#menu-main ul li .sub-menu li:hover a{
text-decoration: none;
}
#menu-main ul li .sub-menu li{
float: none;
padding: 0;
margin: 0;
}
#menu-main ul li .sub-menu a{
color: #fff;
padding: 7.5px 10px;
display: inline-block;
}
}
#home-about h2 a {color:#fff}
@media only screen and (max-width: 767px){
.section-nd .title-section{font-size: 20px;}
#menu-main ul li{
float: none;
padding: 0;
margin: 0;
border-top: 1px solid #ddd;
}
#menu-main ul li a{
padding: 10px 0;
display: block;
}
#menu-main .navbar-toggle{
position: absolute;
top: 10px;
padding: 10px 15px;
color: #222;
}
#menu-main ul li .sub-menu{
padding-left: 20px;
}
}
.item-news.col-sm-4:nth-child(3n+1){
clear:both
}
.col-footer a {color:#999;}
.bao li:before {display:none;}
.bao li img {height: 36px;
width: auto;
padding: 5px;}
.bao li  {float:left;}
.tax-project-cat #breadcrumb {display:none;}
.tax-project-cat  main#main{top:0}
main#main{
position: relative;
z-index: 10;
}
.single-post main#main{top: 0}
main#main #breadcrumb{    background-color: #5f3811;}
@media only screen and (min-width: 992px){
.md-flex{
display: -webkit-flex; /* Safari */
display: -ms-flex;
display: flex;
}
.align-center{
-webkit-align-items: center  !important;
align-items: center !important;
}
}
.nd-readmore, .gallery-caption{
background-color: #FF6347;
display: inline-block;
color: #fff;
padding: 8px 20px;
min-width: 160px;
margin-top: 25px;
margin-bottom: 20px;
}
.gallery img{width: 100%}
.gallery{margin: 0 -10px !important;}
.gallery > dl{padding: 0 10px}
.img-slide{
width: 100%;
}
.custom-owl-prev, .custom-owl-next {
position: absolute;
top: 50%;
margin-top: -23px;
color: rgb(255, 255, 255);
width: 46px;
height: 46px;
font-size: 38px;
background: rgba(255, 255, 255, 0.5);
cursor: pointer;
z-index: 1;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
transition: 0.4s;
line-height: 36px;
text-align: center;
border-radius: 50%;
}
.panel-grid .textwidget {text-align: justify;}
.custom-owl-prev {
left: 5%;
}
.custom-owl-next{
right: 5%;
}
.section-nd .title-section ,.panel-grid h3{
font-size: 28px;line-height:1.5;
margin-bottom: 20px;text-transform: uppercase;
}
.home .section-nd .title-section a{
color: #5f3811;
}
.section-nd .col-text{
padding: 35px;
}
@media only screen and (min-width: 992px){
.section-nd .col-text{
width: 35%;
}
.section-nd .col-slide{
width: 65%;
}
}
#home-thietke{
margin-top: 0px;
}
#home-about{
background: url(images/bg-about.png) no-repeat center;
background-size: cover;
color: #fff;
min-height: 500px;
margin-top: 40px;
}
#home-about .container{
max-width: 1170px;
}
#home-about .title-section{
color: #fff;
}
#home-about .nd-readmore{
background-color: #fff;
color: #333;
}
#home-news{}
#home-news .thumb-large a{
position: relative;
display: block;
}
#home-news .title-section{
margin-bottom: 30px;
}
#home-news .thumb-large .title-thumb{
position: absolute;
bottom: 15px;
font-size: 17px;
left: 0;
width: 100%;
padding: 0 30px;
color: #fff;
}
#home-news .post-thumb{
margin-bottom: 20px;
clear: both;
}
#home-news .thumb-small .title-thumb{
font-size: 18px;
font-weight: 600;
margin-top: 0;
}
#home-news .thumb-small .title-thumb a{
color: inherit;
}
#footer{
background-color: #493120;
color: #999;
font-size: 14px;
}
.container90 {width:90%;margin:auto}
.container90 .menu-child-taxonomy {text-align:center; border-top: 1px solid #f1e8d6; border-bottom: 1px solid #f1e8d6;padding-left:0px}
.container90 .menu-child-taxonomy ul {display:none;}
.container90 .menu-child-taxonomy > li {    display: inline-block;border:0}
.container90 .menu-child-taxonomy > li > a{padding:8px 17px;}
#footer .footer-top{
padding: 20px 0;
}
.textcenter {text-align:center;}
#footer .title-widget{
font-size: 16px;
color: #fff;line-height:1.5;min-height:49px;
}
#footer .copyright{
padding: 15px 0;
border-top: 1px solid #2f1d0a;
}
.tax-project-cat{}
.list-project .row{
margin-left: -3px;
margin-right: -3px;
}
.list-project .col-xs-12{
padding: 3px 3px 15px;
}
.archive .list-project .col-xs-12:nth-child(4n+1){

}
.item-project a{    display: block;    position: relative;}
.item-project .title-project{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 30px;
font-size: 16px;
color: #fff;
z-index: -1;    background: #00000052;
transition: all 0.5s;
}
.item-project:hover .title-project{
z-index: 1;
}
body.archive{}
body.archive .list-news.row{
margin-left: -10px;
margin-right: -10px;
}
body.archive .list-news.row > .col-xs-12{
padding: 10px;
}
body.archive .list-news .item-news{}
body.archive .list-news .item-news .title-news{
font-size: 16px;
font-weight: 600;
}
body.archive .list-news .item-news .title-news a{
color: #333;
}
.entry-post{}
.entry-post .entry-content h2{
font-size: 22px;
}
.entry-post .entry-content h3{
font-size: 18px;
}
.related-post{
margin-top: 30px;
}
.related-post .title-related{
color: #5f3811;
font-size: 25px;
margin-bottom: 15px;
}
.related-post ul{
padding-left: 0;
}
.related-post ul li{
margin-bottom: 30px;
list-style: none;
}
.related-post img{width: 100%;    height: 190px;
    object-fit: cover;}
.related-post ul li a{
color: #333;
position: relative;
}
.related-post .row .col-md-4:nth-child(3n+1){clear: left;}
.title-sidebar{color: #5f3811;
    font-size: 25px;
    margin-bottom: 15px;
    text-transform: uppercase;}
    .list-sp-sidebar .item .img{width: 110px;
    display: block;
    float: left;margin-right: 10px}
    .list-sp-sidebar .item{margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px dashed}
    .list-sp-sidebar .item .name{overflow: hidden;}
    .list-sp-sidebar .item .name a{font-size: 15px;color: #000}
.post-meta{
font-size: 13px;
color: #999999;
margin: 10px 0;
}
#breadcrumb{
padding: 9px 0;
background-color: #00000033;
color: #fff;
margin-bottom: 4px;
}
#breadcrumb a{
}
#breadcrumb .item{
}
#breadcrumb i{
	margin:0px 7px
}
#breadcrumb .item.text{
}
#breadcrumb .item.border{
height: 22px;
width: 40px;
}
#breadcrumb .item.border .inner-border{
position: relative;
top: 50%;
border-top: 1px solid #fff;
}
#page-dich-vu .nd-readmore{
}
.video-container{
position:relative;
padding-bottom:56.25%;
height:0;
overflow:hidden
}
.video-container iframe {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.number{
font-family: VNF AbrilFatface;
font-size: 150px;
text-align: right;
line-height: 1;
position: relative;
top: -25px;
display: inline-block;
float: right;
}
.number:before{
content: "";
position: absolute;
width: 120px;
border-top: 1px solid;
bottom: 20px;
left: -130px;
overflow: hidden;
opacity: 1 !important;
}
.number:after{
content: ".";
position: absolute;
width: 12px;
height: 12px;
left: -10px;
bottom: 14px;
overflow: hidden;
background: #000;
border-radius: 100%;
opacity: 1 !important;
}
#page-intro .row{
margin-left: -25px;
margin-right: -25px;
}
#page-intro .row .col-xs-12{
padding-left: 25px;
padding-right: 25px;
}
#page-intro .row-40{
margin-left: -40px;
margin-right: -40px;
}
#page-intro .row-40 > .col-xs-12{
padding-left: 40px;
padding-right: 40px;
}
#page-intro .section-nd{
padding-top: 80px;
padding-bottom: 80px;
}
#page-intro #gt1 hr{
max-width: 200px;
border-top: 5px solid;
text-align: left;
margin: 10px 0;
}
#page-intro #gt1 .number, #page-intro #gt2 .number{
opacity: 0.7;
}
#page-intro #gt1 .number{
position: absolute;
bottom: 30px;
top: auto;
right: 40px;
color: #fff;
}
#page-intro #gt1 .number:after, #page-intro #gt2 .number:after, #page-intro #gt4 .number:after{
background-color: #fff;
}
#page-intro #gt1 p:nth-last-of-type(1){
margin-bottom: 13px;
}
#page-intro p{
margin-bottom: 25px;
}
#page-intro  .title-section{
margin-top: 0;
}
#page-intro #gt1{
padding-top: 35px;
}
#page-intro #gt2{
color: #fff;
}
#page-intro #gt2 .title-section{
color: #fff;
}
@media(min-width: 992px){
#page-intro #gt2 .col-title, #page-intro #gt3 .col-title{
width: 470px;
}
#page-intro #gt2 .col-content, #page-intro #gt3 .col-content{
width: calc(100% - 470px);
}
}
#page-intro #gt4{
color: #fff;
}
#page-intro #gt4 .title-section{
color: #fff;
}
#sidebar{}
#sidebar #menu-sidebar ul{
padding-left: 0;
}
#sidebar #menu-sidebar ul li{
list-style: none;
}
.wp-pagenavi {padding:10px 0;text-align:right;}
.wp-pagenavi a, .wp-pagenavi span {border:0px;color:#FF6347;}
#sidebar #menu-sidebar ul li button ,  #sidebar .menu > li > a {
background-color: #FF6347;
display: block;
padding: 10px 20px;
border: none;
color: #fff;
font-weight: bold;
width: 100%;
text-align: left;
}
#sidebar #menu-sidebar ul li .sub-menu{
padding-left: 20px;
}
#sidebar #menu-sidebar ul li .sub-menu a ,  #sidebar .menu > li ul a ,.menu-child-taxonomy li a{
padding: 8px 0;
text-transform: uppercase;
color: inherit;
display: block;
}
#sidebar ul {padding:0px;}#sidebar ul ul {padding-left:0px;}
#sidebar #menu-sidebar ul li .sub-menu li , #sidebar .menu li ,.menu-child-taxonomy li {
background-color: #fff;list-style:none;
border-bottom: 1px solid #f1e8d6;
}
.flr {float:right;}
.hotline-mobile {display:none;}
.back-to-top {
position: fixed;z-index: 999999;
bottom: 100px;
right: 30px;
padding: 10px;
border-radius: 50%;
height: 40px;
width: 40px;
line-height: 19px;
background-color: rgba(235, 235, 235, 0.80);
font-size: 0;
}
.hotline {
background: #FF6347;
width: auto;
margin: 0 auto;
position: fixed;z-index:33333;
bottom: 3pt;
left: 0;
border-radius:0 10px 10px 0;
}
.hotline-inner a{color:#fff;font-weight:500;}
.hotline-inner {
width: 260px;
margin: 0 auto;
font-size: 20px;
padding: 6px 0px 5px 40px;
color: #1d1108;
font-weight: bold;
background: url(images/icon-phone.png) no-repeat 4px 5px;
background-size: 32px auto;
}
.col-footer ul{padding:0px;}
.col-footer ul li {list-style:none;padding-bottom:5px;}
.col-footer ul li:before{      content: "\e072";
font-family: 'Glyphicons Halflings';
font-size: 8px;
padding-right: 5px;
position: relative;
top: -2px;}
footer .social a {    color: #999;
display: inline-block;
padding: 2px 10px;}
.pad5 {margin:0 -8px;}
.pad5 > div {padding: 0 8px;}
.contact-form-pro input  ,.contact-form-pro textarea{border-radius:0px;margin-bottom:15px;}
.contact-form-pro textarea {margin-left:-15px;height:132px;}
.contact-form-pro input.wpcf7-submit {    width: auto;
border: 0px;
background: #7A674F;
color: #fff;
font-weight: bold;
padding: 8px 30px;}
#gt5 img{    position: relative;
top: 100px;}
.slick-next{
		right:10px
	}
	.slick-prev{
		left:10px;
		z-index:999
	}
	.slick-prev:before, .slick-next:before {
		color: #000;
	}
@media(max-width:768px){
	
	.related-post img{
		height:auto
	}
	.item-project .title-project {
z-index: 1;
}.item-news img {
width: 100%;
margin-bottom: 10px;}
#sidebar{display: none;}
.item-news  h2 {margin-top:0}
.item-news {    border-bottom: 1px dashed #999;}
.b-list {    left: 0px;
color: #fff;
transform: rotate(0deg);
width: auto;
background: #BBA68D;
display: inline-block;margin-bottom:15px;
padding: 5px 10px;}
.single-project .owl-carousel img {height:auto;}
.hotline-mobile {display:block;    position: fixed;
bottom: 0px;
background: #FF6347;
width: 100%;
padding: 10px;
text-align: center;
color: #fff;z-index:333;
font-size: 15px;}
main#main {top:0;}
.flr {float:left;}
#main .container {margin-top:15px;}

.section-nd .col-text ,.section-nd .col-text .text-justify{text-align:center;}
.section-nd .title-section {font-size:28px;margin-top:0px;}
#home-thietke , .section-nd{padding:0px;margin:0px;}
#home-about {min-height:200px;padding:20px;margin-top:15px;}
.video-container-xs{}
.video-container-xs {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}
#header #logo {text-align:left;}
#menu-main .navbar-toggle {right:0px;color:#FF6347;}
.footer-top .col-footer {padding:2px 10px;border-bottom:1px solid #5f3811;}
.footer-top .col-footer +  .col-footer  .textwidget {}
#footer .title-widget {margin:0px;padding:10px 0;}
#footer .footer-top {padding:0;}
#footer {padding-bottom:35px;}
.video-container-xs iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.container90 {width:100%;}
.container90 .menu-child-taxonomy > li{float: left;}
.container90 .menu-child-taxonomy > li > a {
    border: 1px solid #261511;}
    .container90 .menu-child-taxonomy > li > a {
    padding: 8px 5px;font-size: 13px;}
.container90 .menu-child-taxonomy{padding: 0}
.related-post .img{width: 100px;
float: left;
margin-right: 10px;}
.related-post ul li{margin-bottom: 10px;}
}

#home-video a.img-thumb{
  position: relative;
}
#home-video a.img-thumb:before{
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f16a";
  font-size: 50px;
  color: #e20000;
  left: 45%;
  top: 0px;
  position: absolute;
}
#home-video .post-thumb.thumb-small{
  position: relative;
  margin-bottom: 20px
}
#home-video .post-thumb:hover a.img-thumb:before{
  color: #fff;
}
#home-video .post-thumb .title-thumb{
    background-image: linear-gradient(transparent, black);
    position: absolute;
    bottom: 0px;
    padding: 10px;
    font-size: 15px;
    color: #fff;
    margin: 0px
  }
#home-video .post-thumb .title-thumb a{
   color: #fff;
}
#menu-main ul.pull-right > li > a{
  color: #493120;
  font-weight: 700
}
header#header{
  background: #fff;
   box-shadow: 2px 2px 2px grey
}

@media only screen and (max-width: 767px){
#menu-main ul li a {
    color: #2A0C05
}
	.videobox{
		margin-top:20px
	}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3{
	font-size:13px
	}
	.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{
		margin-bottom:15px
	}
}
.slider p{
  margin-bottom: 0px
}
#breadcrumb{
	font-size: 13px;
}
#breadcrumb a {
	color:#fff;
	font-size: 13px;
}

body.search .list-news .item-news .title-news {
    font-size: 16px;
    font-weight: 600;
}
body.search .list-news .item-news .title-news a {
    color: #333;
}


@media(min-width: 768px){

.no-padding-right{
  padding-right: 0px
}

.no-padding-left{
  padding-left: 0px
}

}
.videobox{
	background:#dfdfdf;
	padding:20px
}

.comment-form-email label,.comment-form-comment label,.comment-form-author label {
    display: block;
}

@media (max-width: 991px){
.navbar-collapse.collapse {
    display: none !important;
}
	.navbar-collapse.collapse.in{
		 display: block !important;
	}	
}
@media (max-width: 992px){
.navbar-toggle {
    display: block !important;
	position: absolute;
    top: 10px;
    padding: 10px 15px;
	    right: 0px;
    color: #FF6347;
	
}
	#header .col-right {
    position: static;
}
	.sr-only {
    position: relative;
    width: auto;
    height: 28px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
    line-height: 28px;
    display: inline-block;
    margin-right: 10px;
}
}
.comment-form a{
	font-size:13px
}
@media (max-width: 768px){
#main #breadcrumb .container {
    margin-top: 0px;
}
	
}

.woocommerce-breadcrumb{
    background-color: #5f3811 !important;
    padding: 9px 15px !important;
    background-color: #00000033;
    color: #fff !important;
    margin-bottom: 14px !important;
    font-size: 13px !important;
}
.woocommerce .woocommerce-breadcrumb a{
	color:#fff
}
.woocommerce .woocommerce-breadcrumb  i{
	margin:0px 10px
}
.woocommerce-products-header__title.page-title{
    font-size: 28px;
    line-height: 1.5;
    margin-bottom: 20px;
    text-transform: uppercase;
	text-align:center
}
.woocommerce ul.products li.product .onsale{
	display:none
}
.woocommerce div.product p.price ins, .woocommerce div.product span.price ins {
    background: inherit;
    font-weight: 700;
    display: inline-block;
    text-decoration: none;
    color: red;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #000000;
    font-size: 1.25em;
}
.woocommerce div.product div.images .flex-control-thumbs li{
	padding:10px
}
.woocommerce div.product .product_title{
	font-size:25px;
	font-weight:700
}
.woocommerce ul.products li.product a{
	color:#000;
	font-size:18px
}


.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
	float: left;
	margin: 0 1.3% 2.992em 0;
	padding: 0;
	position: relative;
	width: 24%;
	margin-left: 0;
	border: 1px solid #ccc;
	padding: 0px;
	background: #f1f1f1;
	padding-bottom: 10px;
	text-align: center;
}
.woocommerce ul.products li.product .price ins{
	text-decoration:none
}
.woocommerce ul.products li.product a img{
	margin-bottom:0px
}
.woocommerce ul.products li.product .price {
    color: #ff0000 !important;
    display: block;
    font-weight: 400;
    margin-bottom: .5em;
    font-size: .857em;
}
.woocommerce ul.products li.last, .woocommerce-page ul.products li.last {
    margin-right: 0;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    font-size: 100%;
    margin: 0;
    line-height: 1;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    overflow: visible;
    padding: .618em 1em;
    font-weight: 300;
    border-radius: 3px;
    left: auto;
    color: #ffffff !important;
    background-color: #5f3811;
    border: 0;
    display: inline-block;
    background-image: none;
    box-shadow: none;
    text-shadow: none;
    font-size: 13px !important;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #5f3811;
    color: #fff;
    -webkit-font-smoothing: antialiased;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #493120;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    font-weight: 300;
}
.widget ul.product_list_widget li img{
	width:100%;
	float:none;
	margin-bottom:10px
}
.widget ul.product_list_widget li{
	margin-bottom:10px;
	text-align:center
}
.woocommerce ul.product_list_widget li ins {
	text-decoration:none
}
.widget ul.product_list_widget li a:hover{
	text-decoration:none;
	color:#222
}
.sticky1 .widget  {
	margin-bottom:15px
}
.product-categories li{
	list-style:none
}
.container90 .menu-child-taxonomy > li.active > a{
	    background-color: #493120;
	color:#fff
}

body.single-product.woocommerce .woocommerce-breadcrumb {
	font-size:0px !important
}
body.single-product.woocommerce .woocommerce-breadcrumb i:last-child{
	display:none
}
body.single-product.woocommerce .woocommerce-breadcrumb a,body.single-product.woocommerce .woocommerce-breadcrumb i{
	font-size:13px !important
}
.item-project.maunha img{
	height:auto
}

.label {
    color: #424242;
}
.slick-slide img{
	margin:auto;width:100%
}
.slick-slide .caption{
	position: absolute;
	top: 50%;
	width: 80%;
	text-align: center;
	/* display: none; */
	padding: 0px 50px;
	color: #fff;
	font-size: 25px;
	left: 0px;
	right: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top:0px
}
.slider-nav .item {
	margin:10px 5px;
	cursor:pointer
}
.entry-content .thongtin{
	padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17px;
    border: 3px dashed #ff0000;
    background: #ffd40073;
    font-style: italic;
}
.slick-prev, .slick-next{
	width: 30px;
	height: 30px;
	background: white;
	border-radius: 3px;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    color: transparent;
    outline: none;
    background: #ffffff9e;
}
.item0:before{
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	background: #00000070;
}
.banner-home img{
	position:absolute;
	
}
@media(max-width:768px){
	.slick-slide .caption{
		font-size:17px
	}
}
.flex, .h-center {
    display: flex;
}
.W2tD8- {
    margin-top: 0.625rem;
}
.Bm\+f5q, .HXGLyo, .SpMD0A {
    align-items: flex-end;
    padding: 0 15px;
    border-right: 1px solid rgba(0,0,0,.14);
}

.HXGLyo, .SpMD0A {
    align-items: center;
}
.HXGLyo {
    cursor: pointer;
}
.Bm\+f5q:first-child, .HXGLyo:first-child, .SpMD0A:first-child {
    padding-left: 0;
}
._45NQT5, .MrYJVA {
    font-size: 1rem;
    color: #222;
    margin-right: 5px;
    padding-bottom: 1px;
}
.MrYJVA {
    border-bottom: 1px solid #555;
}
.Ga-lTj {
    color: #ee4d2d;
    border-bottom-color: #ee4d2d;
}
.Bm\+f5q, .Cv8D6q, .Wz7RdC {
    font-size: .875rem;
    color: #767676;
    text-transform: capitalize;
}
.Cv8D6q, .Wz7RdC {
    padding: 4px 0;
    margin-right: 5px;
}
.shopee-rating-stars {
    position: relative;
    display: inline-block;
}
.shopee-rating-stars__stars {
    display: flex;
}
.shopee-rating-stars__star-wrapper {
    position: relative;
    margin-right: 1px;
}
.shopee-rating-stars__star-wrapper>.shopee-rating-stars__lit {
    overflow: hidden;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
}
.shopee-svg-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    fill: currentColor;
    position: relative;
}
.shopee-rating-stars__primary-star {
    color: #ee4d2d;
    stroke: #ee4d2d;
    display: block;
    position: absolute;
    left: 0;
    overflow-x: hidden;
}
._45NQT5, .MrYJVA {
    font-size: 14px;
    color: #222;
    margin-right: 5px;
    padding-bottom: 1px;
}
.MrYJVA {
    border-bottom: 1px solid #555;
}
.Bm\+f5q, .Cv8D6q, .Wz7RdC {
    font-size: 13px;
    color: #767676;
    text-transform: capitalize;
}
.Cv8D6q, .Wz7RdC {
    padding: 4px 0;
    margin-right: 5px;
}
._45NQT5, .MrYJVA {
    font-size: 15px;
    color: #222;
    margin-right: 5px;
    padding-bottom: 1px;
}
.Bm\+f5q, .Cv8D6q, .Wz7RdC {
    font-size: 14px;
    color: #767676;
    text-transform: capitalize;
}
.Cv8D6q, .Wz7RdC {
    padding: 4px 0;
    margin-right: 5px;
}
.shopee-drawer {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    overflow: visible;
    outline: 0;
}
.stardust-icon {
    stroke: currentColor;
    fill: currentColor;
    height: 1em;
    width: 1em;
}
.Ga-lTj {
    color: #ee4d2d;
    border-bottom-color: #ee4d2d;
}
.woocommerce-product-rating{
	display:none !important
}
.single.woocommerce div.product p.price{
	padding: 10px 10px;
    background: #fafafa;
	margin:10px 0px
}

.woocommerce ul.products li.product .star-rating{
  margin:auto
}

.woocommerce div.product form.cart .variations td.label{
    display: block;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected, .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover {
    box-shadow: 0 0 0 1px rgb(238 77 45) !important;
}
.button-variable-item span {
    font-size: 14px;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected span {
  
	color:rgb(238 77 45) !important
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item){
	    box-shadow: 0 0 0 1px rgb(215 215 215);
}
.single_variation_wrap .woocommerce-variation-price{
	margin-bottom:10px
}
.woocommerce span.onsale{
	font-weight: 400;
	background-color: #ee4d2d;
	color: #fff;
	font-size: 16px;
}
.woocommerce div.product form.cart .button {
    vertical-align: middle;
    float: left;
    padding: 15px;
    margin:0px 5px;
    font-size: 16px !important;
}
.woocommerce .quantity .qty{
	border: 1px solid #ccc;
	height: 46px;
	padding: 10px;
	width: 100px;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{
	padding: 10px;
    border: 1px solid #ccc;
}
.woocommerce-variation-add-to-cart{
/*	display:flex */
}
@media(max-width:768px){
	.woocommerce div.product form.cart .button {
		font-size: 13px !important;
	}
}
.link_button{
	padding:10px 0px;
	clear:both
}
.woocommerce div.product form.cart .button.shopee {
	background-color:#fb5831;
	width:100%;
	text-align:center;
	margin:5px 0px
}
.woocommerce div.product form.cart .button.lazada{
	background-color:#10156e;
	width:100%;
	text-align:center;
	margin:5px 0px
}

.woocommerce div.product form.cart .button.tiki{
	background-color:#1a94ff;
	width:100%;
	text-align:center;
	margin:5px 0px
}
.woocommerce div.product form.cart .button.sendo{
	background-color:#ee2624;
	width:100%;
	text-align:center;
	margin:5px 0px
}
.buttona {
    margin: 10px auto !important;
    padding: 5px 10px;
    border-radius: 5px;
    display: inline-block;
    color: #fff !important;
}
#home-video img{
	width:100%
}