body{
  overflow: hidden;
}
p{
  margin-bottom: 5px;
}
.nopadding_bottom{
  padding-bottom: 0px !important;
}
.imgautowidth img{
  width: auto;
  display: table;
  margin: 0 auto;
}
.imgLeftauto img{
  width: auto;
}
.header-top {
  z-index: 9;
}
.top-bar-nav.nav-right li a{
  color: #555;
  font-size: 14px;
}
.top-bar-nav.nav-right li a:after{
  background-color: rgb(85 85 85 / 42%);
}
.top-bar-nav.nav-right .header-button a{
  font-size: 24px;
  font-weight: 500;
  color: #cfb449;
  min-height: initial;
  line-height: 30px !important;
  padding: 0;
  border: none;
  padding-left: 35px;
  position: relative;
  padding-right: 5px;
}
.top-bar-nav.nav-right .header-button-1 .header-button a:before{
  content: "";
  width: 26px;
  height: 26px;
  position: absolute;
  background: url('../img/call_top.png') no-repeat;
  top: 7px;
  left: 0px;
  -webkit-animation-name: tada;
  animation-name: tada;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.dark .social-icons, .nav-dark .social-icons {
  color: #d3a35e;
}
.social-icons.follow-icons a:hover{
  color: #d4a161;
}
#header .stuck #logo img{
  max-height: 48px !important;
  position: absolute;
  bottom: 2px;
}
#header #logo img{
	max-height: 63px;
}
#header .stuck .header-top{
  min-height: 35px;
}
.header-main{
	border-bottom: 1px solid rgb(54 54 54 / 31%);;
}
.nav-spacing-xlarge>li {
    margin: 0 20px;
}
/* #top-bar ul li p,
#top-bar ul li a{
	color: #000;
} */
/*.header-main .nav > li > a{
  padding: 0;
}
.header-main{
  margin-top: -10px;
}*/
/*.header:not(.transparent) .header-nav-main.nav > li > a:hover, .header:not(.transparent) .header-nav-main.nav > li.active > a, .header:not(.transparent) .header-nav-main.nav > li.current > a, .header:not(.transparent) .header-nav-main.nav > li > a.active, .header:not(.transparent) .header-nav-main.nav > li > a.current{
  font-weight: 600;
}*/
#header .menu-item .nav-dropdown.nav-dropdown-default {
  padding: 0;
  border: none;
  border-top: 2px solid #d3a35e;
}
.nav-dropdown-has-arrow.nav-dropdown-has-border li.has-dropdown:before{
  border-bottom-color: #d3a35e;
}
#header .menu-item.current-dropdown .nav-dropdown.nav-dropdown-default {
  display: flex;
  flex-wrap: wrap;
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
  transition: opacity .5s, transform .5s;
}
#search-lightbox .searchform .search-field{
  height: 50px;
  box-shadow: none;
  border-radius: 8px 0px 0px 8px;
  font-size: 16px;
}
#search-lightbox .searchform .ux-search-submit{
  height: 50px;
  font-size: 14px;
  width: 60px;
  border-radius: 0px 8px 8px 0px;
  background-color: #ff732d;
}
/*.header-main > .header-inner,
#top-bar > .container{
  max-width: 90%;
}*/
#top-bar .follow-icons a{
  color: #fff;
}
#top-bar ul.nav-left .html_topbar_left p{
	font-size: 14px;
    font-weight: 600;
}
.header-main .nav > li > a {
  padding-top: 18px;
  padding-bottom: 17px;
  letter-spacing: 0.3px;
}
.header-wrapper.stuck .header-main .nav > li > a{
  padding-top: 10px;
  padding-bottom: 10px;
}
.header-nav-main.nav-right .social-icons a{
  color: #fff;
  font-size: 14px;
  line-height: 30px;
}
.header-nav-main.nav-right .header-button-1 .header-button a{
  border-radius: 20px;
  font-family: Barlow, sans-serif;
  font-size: 20px;
  height: 40px;
  line-height: 38px;
  min-height: 40px;
  background-color: #fff;
  color: #ef8b59;
  padding-left: 45px;
  position: relative;
}
.header-nav-main.nav-right .header-button-1 .header-button a:hover{
  box-shadow: none;
}
.header-nav-main.nav-right .header-button-1 .header-button a:before{
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  top: 4px;
  left: 4px;
  background-position: center;
  background-image: url(../img/iconPhone.png);
  background-repeat: no-repeat;
  background-size: 100%;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: tada;
  animation-name: tada;
}
.header-nav-main > li ul li a {
  transition: all .3s;
  font-size: 15px;
}
.header-nav-main > li ul li a:hover{
  padding-left: 12px;
}
.header-nav-main > li ul.sub-menu li {
  position: relative;
  width: 100%;
}
.nav-dropdown .menu-item-has-children>a, .nav-dropdown .nav-dropdown-col>a, .nav-dropdown .title>a {
  color: #3a3a3a;
  text-transform: unset;
  font-weight: normal;
  font-size: 15px;
}
.header-nav-main > li ul.sub-menu li ul.sub-menu {
  position: absolute;
  background-color: #fff;
  top: -2px;
  left: 100%;
  display: none;
  min-width: 300px;
}
.header-nav-main > li ul.sub-menu > li.menu-item-has-children:before {
  content: "";
  position: absolute;
  top: 15px;
  right: 10px;
  width: 8px;
  height: 8px;
  border-bottom: 2px solid #ccc;
  border-right: 2px solid #ccc;
  transition: all .3s;
  transform: rotate(45deg);
}
.header-nav-main > li ul.sub-menu > li.menu-item-has-children:hover:before {
  transform: rotate(-45deg);
}
.header-nav-main > li ul.sub-menu {
  border-top: 2px solid #bb5827 !important;
}
#header .header-nav-main li ul.sub-menu li:hover > ul.sub-menu {
  display: block !important;
}
.header-nav-main > li > a > i:before{
  top: 2px;
  position: relative;
}
.nav-dropdown-has-arrow.nav-dropdown-has-border li.has-dropdown:before,
.nav-dropdown-has-arrow.nav-dropdown-has-border li.has-dropdown:after{
  display: none;
}


.animated_devmd{
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tadamd {
  -webkit-animation-name: tada;
  animation-name: tada;
}
.removeFilter{
  display: none;
}
.removeFilter.active{
  display: block;
}
.MainColFilProj{
  background-color: #181818 !important;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.11);
  padding: 10px 15px 15px 15px;
  border-radius: 10px;
  max-width: 420px;
  margin: 0 auto;
}
.rowFilProj{
  margin-top: 30px;
}
.selectFilProject{
  margin-bottom: 0px;
}
.titLabelFilProj{
    font-weight: 600;
  font-size: 16px;
  margin-bottom: 0px;
}
.rowCountCat{
  position: relative;
  margin-bottom: 15px;
  padding-top: 8px;
  padding-bottom: 8px;
}
/*.rowCountCat:before,*/
.rowCountCat:after{
  content: "";
  position: absolute;
  width: 97%;
  height: 1px;
  margin-left: 1.5%;
  margin-right: 1.5%;
  background-color: #f1f1f1;
  left: 0;
  bottom: 0;
}
.rowCountCat > .col{
  padding-bottom: 0px;
}
/*.rowCountCat:after{
  top: initial;
  bottom: 0px;
}*/
.pCountPost{
  margin-bottom: 0px;
  font-weight: 600;
  line-height: 19px;
  position: relative;
  top: 2px;
}
.aRemove {
  display: table;
  padding: 2px 15px 2px 28px;
  background-color: #eb0000;
  margin-bottom: 10px;
  font-size: 15px;
  color: #fff;
  border-radius: 6px;
  position: relative;
}
.aRemove:before, .aRemove:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 13px;
  background-color: #fff;
  top: 7px;
  left: 15px;
  transform: rotate(45deg);
}
.aRemove:after {
  transform: rotate(-45deg);
}
.du-an-thi-cong .OnlyAttrCatdatke,
.du-an-thiet-ke .OnlyAttrCatdatcong{
  display: none;
}
.header-main > .header-inner .flex-right ul.header-nav-main  .header-social-icons{
  margin-right: 0;
}

/*@media only screen and (max-width: 1650px){
  .header-main > .header-inner,
  #top-bar > .container{
    max-width: 98%;
  }
}*/
@media only screen and (max-width: 1450px){
  .header-main > .header-inner .flex-right ul.header-nav-main  .header-social-icons{
    display: none;
  }
}
@media only screen and (max-width: 1400px){
  .header-nav-main.nav-right .header-button-1 .header-button a{
    padding-right: 14px;
    padding-left: 39px;
    font-size: 18px;
    height: 36px;
    line-height: 35px;
    min-height: 36px;
  }
  .header-nav-main.nav-right .header-button-1 .header-button a:before{
    width: 28px;
    height: 28px;
    top: 3px;
  }
}
@media only screen and (max-width: 1320px){
  #header #logo {
    width: auto;
  }
}
@media only screen and (max-width: 1260px){
  #header #logo {
    width: auto;
  }
  .header-main > .header-inner .flex-col.flex-right{
    display: none;
  }
  .header-main > .header-inner .flex-col ul.header-nav.header-nav-main{
    justify-content: flex-end;
  }
}