/*
Theme Name: Coffee 17411
Theme URI: http: //chili.vn
Description: Mẫu web giới thiệu Coffee ...
Author: Chili
Author URI: http: //chili.vn
Template: layerswp
Version: 1.0
Main Color:#012d6b
Child Color:#414141
*/
@import url("../layerswp/style.css");
@import url("../layerswp-child/font-awesome/css/font-awesome.min.css");
@font-face {
  font-family: 'HelveticaNeue-Light';
  src: url('fonts/HelveticaNeue-Light.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNeue-Light.woff') format('woff'), url('fonts/HelveticaNeue-Light.ttf') format('truetype'), url('fonts/HelveticaNeue-Light.svg#HelveticaNeue-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'HelveticaNeue-Medium';
  src: url('fonts/HelveticaNeue-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNeue-Medium.woff') format('woff'), url('fonts/HelveticaNeue-Medium.ttf') format('truetype'), url('fonts/HelveticaNeue-Medium.svg#HelveticaNeue-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}
.f-hel-m {
  font-family: 'HelveticaNeue-Medium';
}
/*

*/
/*

1. Install Basic
2. Style Header
3. Slider show
4 . Style slider product
5 . footer
6 .search top
7 . responsive


*/
/*fix safari*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* Safari and Chrome, if Chrome rule needed */
  .someClass {
    color: #c00;
  }
  /* Safari 5+ ONLY */
  ::i-block-chrome,
  .someClass {
    color: #000;
  }
}
/*
Set 16:9 for thumbnail
*/
.post-news-item .thumbnail a,
.thumbnail-media a,
.media-image a,
.featured-image {
  position: relative;
  height: 0;
  overflow: hidden;
  display: block;
  padding-bottom: 56.25%;
}
.post-news-item .thumbnail a img,
.thumbnail-media a img,
.media-image a img,
.featured-image img {
  position: absolute;
  left: 0;
  min-height: 100%;
  top: 0;
  bottom: 0;
  right: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
.heading {
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}
.childcolor {
  color: #414141;
}
.childcolor_heading .heading {
  color: #414141 !important;
}
.story {
  font-size: 1.5rem;
}
.container {
  max-width: 1180px;
}
.site-logo-link img,
.mark img {
  max-height: inherit;
}
.header-site {
  padding-top: 10px;
  padding-bottom: 10px;
}
.header-site .menu-item-has-children > a:after {
  opacity: 1;
}
/*
  Bài viết liên quan
*/
.relative-post-default {
  padding-top: 30px;
  border-top: solid 1px #efefef;
}
.relative-post-default .section-nav-title {
  margin-bottom: 0px;
}
.relative-post-default ul li {
  padding: 3px 0;
}
.relative-post-default ul {
  margin-top: 10px;
}
.relative-post-default ul li a:before {
  margin-bottom: 1px;
  content: " ";
  width: 0;
  margin-right: 10px;
  display: inline-block;
  height: 0;
  border-top: 4px solid transparent;
  border-left: 5px solid #414141;
  border-bottom: 4px solid transparent;
}
.page-404 .entry-404 .search-404 .search-form input[type=submit] {
  margin-top: 20px;
  background-color: #012d6b;
}
#wrapper-content .lien-he-form .span-8 {
  padding-bottom: 0px;
}
.lien-he-form .excerpt p {
  word-wrap: break-word;
}
.archive #wrapper-content .span-8 {
  padding-bottom: 0px;
}
/*
####
  Color class
####
*/
.nav-horizontal li a {
  color: #012d6b;
  font-weight: normal;
}
.nav-horizontal li a:hover {
  color: #414141;
}
body {
  color: #2c2d2d;
  font-family: 'HelveticaNeue-Light';
}
.responsive-nav .l-menu {
  color: #012d6b;
}
.off-canvas-right .search-item-menu .search-form {
  position: static;
  width: 100%;
}
.off-canvas-right + .wrapper-site .is_stuck_show {
  left: 0px;
  transition: left 0.3s ease-in-out;
  -moz-transition: left 0.3s ease-in-out;
  -webkit-transition: left 0.3s ease-in-out;
}
.off-canvas-right.open + .wrapper-site .is_stuck_show {
  left: -240px;
  -moz-transition: left 0.3s ease-in-out;
  -webkit-transition: left 0.3s ease-in-out;
}
.wrapper-site #back-to-top a {
  width: 40px;
  height: 40px;
  background: transparent url("images/top.png") no-repeat;
  background-size: 40px 40px;
}
/*404*/
.clear {
  clear: both;
}
.page-404 {
  text-align: center;
}
.page-404 .title-404 {
  font-size: 200px;
  font-weight: bold;
  color: #012d6b;
}
.page-404 .h2-404 {
  font-size: 50px;
}
.page-404 .entry-404 a {
  margin: 20px 0px;
  color: #fff;
  padding: 10px 25px;
  display: inline-block;
  background-color: #012d6b;
}
.page-404 .entry-404 a:hover {
  background-color: #414141;
  transition: all 300ms ease-in-out;
}
.page-404 .entry-404 .search-404 .search-form {
  float: none;
  margin: 0 auto;
  margin-top: 20px;
  width: 278px;
}
.page-404 .entry-404 .search-404 .search-form input {
  height: 38px;
}
.header-site nav {
  margin: 0px 7px 0 0;
}
.header-site nav > .menu > li > a {
  font-size: 16px;
  color: #fff !important;
}
.header-site nav > .menu > li > a { border-radius: 25px; }
.header-site nav > .menu > li.current_page_item > a ,
.header-site nav > .menu > li:hover ,
.header-site nav > .menu > li:hover > a {
  font-weight: bold;
  background: #fff;
  color: #012d6b !important;
  border-radius: 25px;
}


.header-site nav > .menu > li:hover ul {
  display: block;
}
.header-site nav > .menu > li ul {
  border: none;
  position: absolute;
  top: 100%;
  padding-top: 33px;
  left: 0;
  display: none;
}
.header-site nav > .menu > li ul li {
  width: 100%;
}
.header-site nav > .menu > li ul li a {
  border-color: #ececec;
  display: block;
  color: #fff;
  white-space: nowrap;
  padding: 15px 20px;
  text-transform: none;
  font-weight: normal;
}
.header-site nav > .menu > li ul li a:hover {
  background: #012d6b;
  color: #fff;
}
/*
Set 16:9 for thumbnail
*/
.post-news-item .thumbnail a,
.thumbnail-media a,
.media-image a,
.featured-image {
  position: relative;
  height: 0;
  overflow: hidden;
  display: block;
  padding-bottom: 56.25%;
}
.post-news-item .thumbnail a img,
.thumbnail-media a img,
.media-image a img,
.featured-image img {
  position: absolute;
  left: 0;
  min-height: 100%;
  top: 0;
  bottom: 0;
  right: 0;
}
/*
BUTTON
*/
.button {
  background: #012d6b;
}
.section-nav-title {
  font-weight: normal;
  margin-bottom: 20px;
}
.section-nav-title:after {
  /*display: block;
      content: "";
      background:@maincolor;
      width: 130px;
      height: 27px;
      margin-top: 13px;
      margin-right: auto;
      margin-left: auto;
      margin-top: 20px;*/
}
.content-vertical-massive .section-nav-title:after,
.content-vertical-massive h3.heading:after {
  /* display: block;
      content: "";
      background:@maincolor;
      width: 130px;
      height: 1px;
      margin-top: 13px;
      margin-right: auto;
      margin-left: auto;
      margin-top: 20px;*/
}
.content-vertical-massive .section-title .heading:before {
  /*background:@maincolor;
      content: "";
      display: inline-block;
      height: 14px;
      left: 50%;
      margin: 0 0 0 -17px;
      position: absolute;
      top: 46.5px;
      width: 40px;
      -moz-transform: skew(-40deg);
      -webkit-transform: skew(-40deg);
      -o-transform: skew(-40deg);
      -ms-transform: skew(-40deg);
      transform: skew(-40deg);*/
}
.heading {
  position: relative;
  font-size: 1.9rem;
}
.text-left .section-nav-title:after,
.text-left h3.heading:after {
  margin-left: 0;
}
.section-nav-title {
  font-size: 2.1rem;
}
.media .heading {
  color: #414141;
}
.invert .section-title .heading,
.invert.section-title .heading {
  color: #fff;
}
.widget .section-nav-title,
.section-title .heading {
  color: #414141;
  text-transform: uppercase;
}
.header-site .menu-item-has-children > a:after {
  margin-left: 0px;
}
.section-title.large .heading {
  font-size: 3rem;
}
.section-title .heading {
  font-size: 3rem;
  font-weight: 700;
}
.section-title .heading + .excerpt,
.section-title .excerpt {
  margin-top: 15px;
  color: #2c2d2d;
}
.swiper-slide .section-title .excerpt {
  color: #2c2d2d;
}
.section-paralax-excerpt-white .section-title .excerpt {
  color: #fff;
}
.content-vertical-massive {
  padding-top: 3.5%;
  padding-bottom: 2%;
}
.content-main {
  padding: 2% 20px;
}
.media.medium p:not(:first-child),
.media.medium .button {
  margin-top: 0;
}
/*
doi-tac
*/
.doi-tac .section-title {
  display: none;
}
#mbmcl {
  float: right;
  color: #fff;
  font-family: arial;
}
#mbmcl a:hover {
  color: #D00400;
}
.footer-bottom {
  background: #333;
  padding: 20px 0;
}
.footer-bottom .site-text {
  color: #8F8F8F !important;
  float: left;
}
.footer-bottom a {
  color: #fff;
}
.footer-site .section-nav-title:after,
.footer-site h3.heading:after {
  font-weight: normal;
  color: #012d6b;
  background: none;
  margin-top: 7px;
  margin-left: 0;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAECAYAAABP2FU6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTQwRTBBQ0Q1QjdBMTFFNUJERTQ4RUMwNUY3NTI5NzAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTQwRTBBQ0U1QjdBMTFFNUJERTQ4RUMwNUY3NTI5NzAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFNDBFMEFDQjVCN0ExMUU1QkRFNDhFQzA1Rjc1Mjk3MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFNDBFMEFDQzVCN0ExMUU1QkRFNDhFQzA1Rjc1Mjk3MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrDY+QoAAAAZSURBVHjaYkhOTu5iYmBgKAMRDCCiCyDAACNuArrLbUtVAAAAAElFTkSuQmCC);
  background-position: bottom center;
  background-repeat: repeat-x;
  padding-bottom: 10px;
}
/*
Footer Link
*/
.footer-site .widget li a {
  display: block;
  padding: 0px 0;
}
/*
Plugin
*/
#sola_nl_title h3 {
  margin-bottom: 15px;
  font-size: 1.8rem;
  font-weight: normal;
  color: #323232;
  font-family: 'HelveticaNeue-Medium';
  text-transform: uppercase;
}
#sola_nl_title h3:after {
  display: block;
  content: "";
  width: 100px;
  height: 2px;
  margin-top: 13px;
  margin-right: auto;
  margin-top: 7px;
  margin-left: 0;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAECAYAAABP2FU6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTQwRTBBQ0Q1QjdBMTFFNUJERTQ4RUMwNUY3NTI5NzAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTQwRTBBQ0U1QjdBMTFFNUJERTQ4RUMwNUY3NTI5NzAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFNDBFMEFDQjVCN0ExMUU1QkRFNDhFQzA1Rjc1Mjk3MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFNDBFMEFDQzVCN0ExMUU1QkRFNDhFQzA1Rjc1Mjk3MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrDY+QoAAAAZSURBVHjaYkhOTu5iYmBgKAMRDCCiCyDAACNuArrLbUtVAAAAAElFTkSuQmCC);
  background-position: bottom center;
  background-repeat: repeat-x;
  padding-bottom: 10px;
}
#menu-mang-xa-hoi li a .fa {
  display: inline-block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  margin-right: 10px !important;
  border-radius: 50%;
  background: #012d6b;
  color: #fff;
}
#menu-mang-xa-hoi li a .fa.fa-facebook {
  background: #3b5998;
}
#menu-mang-xa-hoi li a .fa.fa-google {
  background: #d34836;
}
#menu-mang-xa-hoi li a .fa.fa-twitter {
  background: #00aced;
}
.lcam-consingle-portfolio-2 .media.image-top .media-body {
  background: #012d6b !important;
}
.widget_sola_nl_subscribe_widget input[type="submit"] {
  background: #012d6b;
  display: inline-block;
  padding: 7px 15px;
  border: none;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.title-container {
  background-color: #012d6b !important;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  text-align: center;
}
.title-container .bread-crumbs {
  margin-bottom: 0px;
}
.title-container .excerpt {
  margin-top: 0px;
  color: #fff;
}
.title-container .excerpt {
  max-width: inherit;
}
.title-container h3.heading:before {
  left: 50%;
  top: 90%;
  color: #fff;
}
.title-container {
  color: #fff;
}
.title-container .title {
  padding: 96px 20px;
}
.title-container .bread-crumbs li span.current,
.title-container .bread-crumbs li a,
.title-container .bread-crumbs li,
.title-container .excerpt p,
.title-container .heading {
  color: #fff;
  text-transform: uppercase;
}
/***

WPINT

**/
.web-info .company_name {
  text-transform: uppercase;
}
.admin-bar .header-sticky.is_stuck.is_stuck_show {
  border-bottom: 3px solid #012d6b;
}
/*
FOOTER
*/
.footer-site {
  padding: 50px 0 30px;
}
.footer-site .row {
  padding: 0;
}
.footer-site .section-nav-title {
  font-size: 2.5rem;
}
.footer-site.invert .section-nav-title {
  color: #fff;
}
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/*

*/
.sidebar .section-nav-title:after {
  margin-left: 0;
}
/*
  News layout 1
*/
.post-news-item {
  margin-bottom: 10px;
}
.post-news-item .thumbnail {
  float: left;
  width: 35%;
  margin-right: 20px;
}
.post-news-item .thumbnail:hover img {
  opacity: 0.6;
}
.post-news-item .heading {
  font-size: 1.7rem;
  font-weight: 700;
  margin-bottom: 5px;
}
.post-news-item .button {
  margin-top: 10px;
}
.search-no-results .story {
  width: 66%;
  float: left;
  margin-right: 2%;
  margin-bottom: 50px;
}
#back-to-top {
  bottom: :70px !important;
  display: block;
}
.single-post article.column .meta-info {
  margin-bottom: 20px;
}
.single-post article.column .heading {
  font-size: 2.5rem;
  text-transform: inherit;
}
.single-post .section-title {
  margin: 20px 0 10px;
}
.single-post .section-title .meta-info {
  display: none;
}
.single-post .footer-site .section-title {
  margin: 0px 0px 20px;
}
.abc + .sub-menu {
  visibility: visible ;
  opacity: 1;
  top: 100px;
  transition: all 0.2s ease-in-out;
  background: transparent;
}
.abc + .sub-menu li {
  background: #012d6b;
}
.abc + .sub-menu li::hover {
  background: #fff;
  color: #012d6b;
}
/*
menu
*/
.header-site .nav-horizontal li ul li {
  margin: 0px;
}
.sub-menu {
  background: none !important;
}
.header-site .nav li:hover .sub-menu {
  top: 100%;
}
.header-site .nav li:hover .sub-menu li {
  margin: 0px;
  background: #012d6b;
}
.header-site .nav li:hover .sub-menu li:hover {
  background: #fff;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  transition: all background 0.3s ease-in-out;
}
.header-site .nav li:hover .sub-menu li:hover a {
  background: #fff;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  transition: all background 0.3s ease-in-out;
  color: #012d6b;
}
.animation {
  -webkit-transition: all 0.3s ease-out 0.2s;
  -moz-transition: all 0.3s ease-out 0.2s;
  -o-transition: all 0.3s ease-out 0.2s;
  transition: all 0.3s ease-out 0.2s;
}
.header-site .nav-horizontal li {
    margin: 0 2px;
    padding: 0;
}
.header-site .menu li {
  position: relative;
}
.header-site .menu li a {
    padding: 6px 18px;
    overflow: hidden;
    font-weight: bold;
}
.header-site .menu li a:after {
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
  -webkit-transition: all 0.3s ease-out 0.2s;
  -moz-transition: all 0.3s ease-out 0.2s;
  -o-transition: all 0.3s ease-out 0.2s;
  transition: all 0.3s ease-out 0.2s;
  visibility: hidden;
  height: 2px;
  background: #012d6b;
  content: "";
  display: none;
}
.header-site .menu li a:hover:after {
  visibility: visible;
  background: #012d6b;
}
.header-site .menu li.current-menu-item a:after,
.header-site .menu li.current-menu-item a:after {
  visibility: visible;
}
.inline-site-logo {
  position: relative;
}
.inline-site-logo:after {
  content: '';
  background-image: url('images/bg-logo.png');
  background-size: 100% auto;
  background-repeat: no-repeat;
  bottom: -50px;
  display: inline-block;
  height: 50px;
  left: -80px;
  position: absolute;
  width: 380px;
}
.header-inline .logo {
  z-index: 4;
  margin-bottom: -40px;
}
.header-inline .inline-site-logo {
  /* z-index: 9;*/
}
.header-left nav,
.header-right nav,
.header-center nav,
.nav-clear nav {
  margin: 20px;
}
.header-left .logo img,
.header-right .logo img,
.header-center .logo img,
.nav-clear .logo img {
  max-width: 120px;
}
.header-center .logo,
.nav-clear .logo {
  margin-top: 10px;
}
.header-site .menu-item-has-children > a:hover:after {
  opacity: 1;
}
.nav-clear .logo {
  margin-left: 20px;
  margin-right: 20px;
}
.header-site .menu li a:hover :after,
.header-site .menu li a:before:hover {
  background-color: #fff;
}
.inline-right-nav {
  padding-left: 2%;
}
.tag-content .meta-info {
  margin: 10px 0;
  border-left: none;
  border-right: none;
  margin-bottom: 0px !important;
}
.tag-content .meta-tags a {
  padding: 3px 15px;
  color: #212121;
  margin: 0 2px;
  border-radius: 3px;
  border: 1px solid #e5e5e5;
  background: #e5e5e5;
  display: inline-block;
}
.tag-content .meta-tags a:hover {
  color: #fff;
  background: #012d6b;
}
.is_stuck .site-logo-link img {
  max-width: 105px;
}
.is_stuck .nav li:hover .sub-menu {
  padding-top: 0;
}
.is_stuck .sub-menu .li a:before {
  background: #bababa;
}
.is_stuck .inline-site-logo {
  max-width: 105px;
}
.is_stuck .inline-site-logo .logo {
  margin-bottom: 0;
}
.is_stuck .inline-site-logo:after {
  display: none;
}
.search-no-results article .search-form .search-submit {
  background-color: #012d6b;
  margin-top: 10px;
}
.search-no-results article .search-form {
  width: 100%;
}
/*content-one*/
.content-one {
  padding: 0px;
}
.content-one .button {
  min-height: 42px;
  padding: 10px 15px;
}
.content-one .layers-masonry-column {
  margin: 0px;
}
.content-one .container .media .media-body {
  margin-top: 50px;
  margin-right: 0px;
}
.content-one .container .media .media-body a {
  color: #012d6b;
  border: 2px solid #012d6b;
  background: #fff;
  margin-top: 30px !important;
}
.content-one .container .media .media-body a:hover {
  background: #012d6b;
  color: #fff;
  -webkit-transition: background 5s , color 5s ;
  -moz-transition: background 5s , color 5s ;
  transition: background 5s , color 5s ;
}
.content-one .row .media-body {
  margin-top: 50px;
  margin-right: 20px;
}
.content-one .row .media-body a {
  color: #012d6b;
  width: 128px;
  border: 2px solid #012d6b;
  background: #fff;
  margin-top: 50px !important;
}
.content-one .row .media-body a:hover {
  background: #012d6b;
  color: #fff;
  -webkit-transition: background 5s , color 5s ;
  -moz-transition: background 5s , color 5s ;
  transition: background 5s , color 5s ;
}
.content-one .section-title .heading,
.album-home h3.heading,
.kh-than-thiet h3.heading,
.tin-tuc-home h3.heading {
  font-size: 3rem;
  margin-bottom: 20px;
}
.content-one .section-title .heading:after,
.album-home h3.heading:after,
.kh-than-thiet h3.heading:after,
.tin-tuc-home h3.heading:after {
  content: '';
  width: 100px;
  height: 2px;
  background: #012d6b;
  display: block;
  margin: 15px auto 0 auto;
}
.col-about-home .media-body .heading {
  font-size: 3rem;
  margin-bottom: 20px;
}
.col-about-home .media-body .heading:after {
  content: '';
  width: 100px;
  height: 2px;
  background: #012d6b;
  display: block;
  margin: 15px auto 0 auto;
}
.section-news .meta-category {
  display: inline-block;
  padding: 4px;
  color: #fff;
  border-radius: 5px;
  background: #012d6b;
}
.section-news .meta-category a {
  color: #fff;
}
.section-news .column {
  border: 1px dashed #e5e5e5;
  padding: 10px;
}
.section-news .thumbnail-media {
  border-radius: 5px;
  overflow: hidden;
}
.section-news .thumbnail-body {
  background: none;
}
.section-news .thumbnail-body .heading {
  font-size: 1.7rem;
  margin-bottom: 15px;
   text-transform: uppercase;
   font-weight: 700;
}
.y-kien-kh h3.heading,
.hasbg h3.heading {
  font-size: 3rem;
  margin-bottom: 20px;
}
.y-kien-kh h3.heading:after,
.hasbg h3.heading:after {
  content: '';
  width: 274px;
  height: 27px;
  background: url('images/bg-sub-heading2.png') no-repeat scroll 50% 100%;
  display: block;
  margin: 0 auto;
}
.lien-he-form {
  padding-top: 40px;
  padding-bottom: 0;
}
.lien-he-form .excerpt {
  line-height: 2;
}
.lien-he-form p input[type=submit] {
  padding: 10px 25px;
  background: #012d6b;
  color: #fff;
}
.lien-he-form p input[type=submit]:hover {
  background: #414141;
  color: #012d6b;
}
.map-lh {
  padding-top: 0 ;
  padding-bottom: 0;
}
textarea {
  height: 100px;
  max-width: 100%;
}
.section-title {
  margin-bottom: 20px;
}
.content-one .text-left h5.heading:after,
.album-home .text-left h3.heading:after,
.y-kien-kh .text-left h3.heading:after,
.kh-than-thiet .text-left h3.heading:after {
  margin-left: 0px;
}
.content-one .text-right h5.heading:after,
.album-home .text-right h3.heading:after,
.y-kien-kh .text-right h3.heading:after,
.kh-than-thiet .text-right h3.heading:after {
  margin-right: 0px;
}
/*album-home*/
.album-home {
  padding: 50px 0;
}
.album-home .portfolio-item .featured-image {
  margin-bottom: 0px;
}
/*y-kien-khach-hang*/
.y-kien-kh {
  color: #fff;
  padding: 50px 0;
}
.y-kien-kh .heading,
.y-kien-kh .excerpt {
  color: #fff;
}
.y-kien-kh .section-title {
  margin-bottom: 0px;
}
.y-kien-kh .media-image {
  width: 180px;
  padding: 20px;
}
.y-kien-kh .image-left .media-body,
.y-kien-kh .image-right .media-body {
  margin-top: 20px;
}
.widget_recent_entries a:hover {
  color: #012d6b;
}
/*Khach-hang-than-thiet*/
.kh-than-thiet {
  padding: 50px 0px;
}
/*Dich vu*/
.dich-vu {
  padding: 50px 0;
}
.dich-vu .meta-item.meta-date {
  display: none !important;
}
.dich-vu li article.thumbnail .lcam-posingle-date {
  background: #012d6b none repeat scroll 0% 0%;
}
.dich-vu li article.thumbnail .thumbnail-body a.button {
  border-color: #012d6b;
}
.dich-vu li article.thumbnail .thumbnail-body a.button:hover {
  background: #012d6b none repeat scroll 0% 0%;
  color: #fff;
  -webkit-transition: background 2s;
  -moz-transition: background 2s;
  transition: background 2s;
}
.article-title a:hover {
  color: #012d6b;
  -webkit-transition: color 2s;
  -moz-transition: color 2s;
  transition: color 2s;
}
.tin-tuc-home {
  padding: 50px 0;
}
.tin-tuc-home .article-title a:hover {
  color: #012d6b;
  -webkit-transition: color 2s;
  -moz-transition: color 2s;
  transition: color 2s;
}
.thumbnail-body .button {
  padding: 10px 25px;
}
.thumbnail-body .button:hover {
  -webkit-transition: background 5s;
  -moz-transition: background 5s;
  transition: background 5s;
}
.about .container {
  padding: 0px;
}
.tt-lien-he {
  padding-top: 50px;
  padding-bottom: 0px;
}
.tt-lien-he .section-title {
  margin-bottom: 20px;
}
.footer-site .widget_tag_cloud .tagcloud a {
  font-size: 1.5rem !important;
}
.footer-site .column {
  margin-bottom: 0;
}
.footer-site .tagcloud a {
  display: inline-block;
  background: transparent none repeat scroll 0% 0%;
  line-height: 41px;
  padding: 0px 20px;
  border: 1px solid #5B5B5B;
  margin-bottom: 5px;
}
.footer-site .tagcloud a:hover {
  background: #012d6b none repeat scroll 0% 0%;
  border-color: #012d6b;
  transition: all 300ms ease-in-out 0s;
}
.footer-site .widget_recent_entries li {
  position: relative;
  padding: 4px 0;
  margin-bottom: 0px;
  list-style: outside none none;
  border-top: 1px solid #646464;
}
.footer-site .widget_recent_entries li:first-child {
  border: 0px none;
  padding-top: 0;
}
.footer-site .widget_recent_entries li:first-child a {
  padding-top: 0px;
}
.footer-site .widget_recent_entries li:first-child:after {
  top: 30%;
}
.footer-site .widget_recent_entries li:after {
  position: absolute;
  top: 50%;
  left: 0px;
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  background: #545454 none repeat scroll 0% 0%;
  margin-top: -2px;
}
.footer-site .widget_recent_entries li a {
  padding: 10px 0px 10px 18px;
  margin: 0px 0px 0px 8px;
}
.footer-site .widget_text .wpcf7-form p {
  margin-bottom: 0;
}
.footer-site .widget_text input[type='submit'] {
  width: 100%;
  height: 50px;
  border: 0px none;
  background: #012d6b none repeat scroll 0% 0%;
  font-weight: 400;
  color: #FFF;
}
.footer-site .widget_text .wpcf7-form-control-wrap {
  margin-bottom: 15px;
}
.footer-site .widget_text .wpcf7-form-control-wrap input[type='text'],
.footer-site .widget_text .wpcf7-form-control-wrap input[type='email'] {
  width: 100%;
  border: 1px solid #666;
  background: transparent none repeat scroll 0% 0%;
  box-shadow: none;
  border-radius: 0px;
  height: 48px;
  line-height: 24px;
  padding: 15px;
}
.footer-site .widget_text .wpcf7-form-control-wrap textarea {
  width: 100%;
  border: 1px solid #666;
  background: transparent none repeat scroll 0% 0%;
  box-shadow: none;
  border-radius: 0px;
  height: 56px;
  line-height: 24px;
}
/*
  Section main homepage
*/
/*
Ngon ngu
*/
#flags_language_selector {
  margin: 2px 0 0 10px;
  display: inline-block;
}
#flags_language_selector img {
  margin: 0px 5px;
  border: 1px solid #333;
}
.story p {
  margin-bottom: 10px;
}
.page .content-main {
  padding: 40px 20px 50px;
}
.page .content-main .column {
  margin-bottom: 0;
}
.page .content-main .column .story p:last-child {
  margin-bottom: 0px;
}
.page .page-tin-tuc {
  padding-top: 50px;
  padding-bottom: 50px;
}
.pagination {
  margin: 0 0 0 0;
}
.push-bottom {
  margin-top: 10px;
}
.section-title.small {
  margin-bottom: 20px;
}
.sidebar .widget li:not(:last-child) {
  padding: 6px 0 6px;
}
/*Liên hệ*/
input[type="email"],
input[type="text"],
input[type="url"],
input[type="search"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="date"] {
  max-width: 100%;
  height: 48px;
}
.lien-he {
  padding: 20px 0 20px;
}
.lien-he .wpcf7-form-control-wrap {
  margin-top: 0px;
}
.lien-he .content {
  padding: 0px;
}
.lien-he .wpcf7-submit {
  border: none;
  padding: 10px 20px;
  background: #012d6b;
}
.lien-he .wpcf7-submit:hover {
  background: #414141;
}
.lien-he textarea,
.lien-he input,
.lien-he select,
.lien-he button {
  border: 1px solid #666;
}
.lien-he textarea {
  height: 150px;
}
/*form */
#footer_language_list {
  float: right;
  z-index: 999;
  max-width: 300px;
}
#footer_language_list li {
  margin-top: 3px;
  float: left;
  display: inline-block;
  margin-right: 10px;
}
#footer_language_list li:after {
  margin-left: 10px;
  display: inline-block;
  content: '';
  width: 1px;
  background: #fff;
  height: 12px;
}
#footer_language_list li:last-child:after {
  display: none;
}
#footer_language_list li span {
  font-size: 1.3rem;
}
#footer_language_list li img {
  margin-right: 5px;
}
#footer_language_list li a img {
  margin-right: 5px;
}
.search-field::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #fff !important;
}
.search-field:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #909;
  opacity: 1;
}
.search-field::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #909;
  opacity: 1;
}
.search-field:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #909;
}
.search-field:placeholder-shown {
  /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  color: #909;
}
#lang_sel_click {
  z-index: 999;
  float: right;
}
.search-form {
  float: left;
  overflow: hidden;
  width: 100%;
}
.search-form .search-submit {
  height: 36px;
  border-radius: 0 !important;
  display: none !important;
}
.search-form input[type="search"] {
  color: #fff;
  background: rgba(152, 95, 51, 0.4);
  height: 50px;
  width: 100%;
  font-size: 1.3rem;
}
.header-secondary {
  background: #012d6b;
  padding: 6px 0px;
}
.header-secondary .pull-left .nav-horizontal li {
  margin-top: 5px;
}
.header-secondary .pull-left .nav-horizontal li .fa {
  margin-right: 5px;
}
.header-site .container {
  padding: 0px 20px;
}
.header-inline .site-logo-link + .site-description {
  margin-top: 0px;
}
.post-content {
  width: 60%;
  float: left;
}
section.archive .column article.post-news-item:first-child {
  margin-top: 20px;
}
section.archive .column article.post-news-item .push-bottom {
  margin-top: 0px;
}
section.archive .column article.post-news-item:after {
  content: '';
  display: block;
  clear: both;
}
/*fix
.fix {
  .layers-post-widget {
    max-width: 1180px;
    margin: 0 auto;
  }
  .container {
    padding: 0px;
    margin: 0 20px;
  }
}*/
.title-container {
  text-align: center;
  background: url(images/img-banner.jpg);
  background-size: cover;
  position: relative;
  background-position: center center;
  color: #fff;
}
.title-container:after {
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
  content: "";
  background: rgba(0, 0, 0, 0.3);
}
.title-container .title {
  position: relative;
  z-index: 9;
  padding-top: 10%;
  padding-bottom: 50px;
}
.title-container .heading {
  font-size: 2.5rem;
  color: #fff;
  text-transform: uppercase;
}
.title-container .bread-crumbs a {
  color: #fff;
}
.title-container .bread-crumbs .current {
  color: #fff;
}
.slider-top {
  height: auto !important;
}
.auto-height .swiper-slide .overlay {
  padding-bottom: 30%;
}
.search-form-top {
  width: 100%;
  float: left;
}
.search-form-top .container {
  position: relative;
}
.search-form-top .close-search-form {
  position: absolute;
  right: 40px;
  z-index: 2;
  font-size: 1.2em;
  color: #fff;
  top: 9px;
}
/*Reposive*/
@media (max-width: 1190px) {
  .header-inline .logo {
    z-index: 9;
    margin-bottom: -20px;
  }
  .header-inline .logo .site-logo-link {
    width: 140px;
  }
  .header-inline .inline-site-logo {
    width: auto;
    margin: 0px;
  }
  .header-inline .inline-site-logo:after {
    left: -55px;
    width: 250px;
  }
}
@media (max-width: 1024px) {
  .header-inline .column {
    margin-right: 0;
  }
  .header-inline .nav-horizontal li {
    padding: 0 5px;
  }
  .content-one .media-body {
    padding-bottom: 20px;
  }
  /*.dich-vu {
      li article.thumbnail .thumbnail-body {
        a.button{
          background:@maincolor;
          &:hover {
            background:@childcolor;
            border-color: @childcolor;
          }
        }
        .meta-author {
          color: rgba(0, 0, 0, 0.85);
          a {
            color: rgba(0, 0, 0, 0.85);
          }
        }
      }
  }*/
  .fix .list-grid article {
    width: 48%;
  }
  .heading {
    font-size: 2.5rem;
  }
  .section-one .image-left .media-image {
    float: left;
    width: 100%;
    max-width: inherit;
    margin: 0 0 20px 0;
  }
  .section-one .media-body {
    float: left;
    margin-top: 0 !important;
    width: 100%;
    margin-bottom: 20px;
  }
  .header-site nav > .menu > li > a {
    font-size: 14px;
    font-weight: bold;
  }
  .header-site .nav-horizontal li {
    padding: 0;
    margin: 0 10px;
  }
}
@media (max-width: 800px) {
  .content-one .media-image {
    height: 100%;
  }
  .media.large .heading {
    font-size: 2.5rem;
  }
  .footer-site .column {
    width: 100%;
  }
  .footer-site .column .layers-masonry-column {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .dich-vu .thumbnail-body .meta-item,
  .dich-vu .thumbnail-body .meta-item a,
  .dich-vu .thumbnail-body .button {
    color: #414141 !important;
  }
  .dich-vu li article.thumbnail .thumbnail-body a.button:hover {
    color: #fff !important;
  }
  .is_stuck .inline-site-logo {
    max-width: 100%;
  }
  .off-canvas-right .sub-menu li {
    background: transparent !important;
    color: rgba(255, 255, 255, 0.8) !important;
  }
  .off-canvas-right .sub-menu li:hover a {
    background: transparent !important;
    color: #fff !important;
  }
  .widget.widget_nav_menu .menu .sub-menu {
    position: static;
    visibility: visible;
    border: none;
    opacity: 1;
  }
  .off-canvas-right .nav-mobile {
    padding-bottom: 0px;
  }
  section[class*=" off-canvas-"] .widget.widget_nav_menu {
    padding: 0 20px;
  }
  section[class*=" off-canvas-"] .widget.widget_nav_menu a {
    font-weight: 700;
  }
  .header-site .inline-right-nav {
    margin-right: 20px !important;
  }
  .header-inline .column {
    margin-right: 2%;
  }
  .header-inline .logo {
    margin-bottom: 0;
    padding: 4px 20px;
  }
  .header-inline .logo .site-logo-link {
    width: 90px;
  }
  .header-inline .inline-site-logo::after {
    display: none;
  }
  .tin-tuc-home .thumbnail-body .heading,
  .dich-vu .thumbnail-body .heading {
    /*width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow:ellipsis;
        -o-text-overflow:ellipsis;
        -ms-text-overflow:ellipsis;
        -webkit-text-overflow:ellipsis;*/
  }
  .sidebar {
    width: 100% !important;
  }
  .sidebar .widget {
    width: 100% !important;
  }
  .lien-he .column {
    width: 100%;
  }
  .lien-he .column textarea {
    max-width: 100%;
  }
  .footer-site textarea {
    max-width: 100%;
  }
  .footer-site .column {
    width: 100%;
    margin-bottom: 10px;
  }
  .footer-site .column:not(:first-child) {
    margin-top: 10px;
  }
  .footer-site .column .tagcloud {
    min-height: 50px;
  }
  .footer-bottom .site-text {
    float: none;
  }
  .page-tin-tuc article.column,
  .tuyen-dung article.column {
    width: 100%;
  }
  .page-tin-tuc article.column .thumbnail-media,
  .tuyen-dung article.column .thumbnail-media {
    width: 48%;
    margin-right: 2%;
    float: left;
  }
  .page-tin-tuc article.column .thumbnail-body,
  .tuyen-dung article.column .thumbnail-body {
    padding: 0;
    background-color: #fff;
    padding-top: 0px;
    float: left;
    width: 48%;
    margin-right: 0px;
  }
  .page-tin-tuc article.column .thumbnail-body .heading,
  .tuyen-dung article.column .thumbnail-body .heading {
    width: 100%;
    /*overflow: hidden;
        white-space: nowrap;
        text-overflow:ellipsis;
        -o-text-overflow:ellipsis;
        -ms-text-overflow:ellipsis;
        -webkit-text-overflow:ellipsis;*/
  }
  .single-post .sidebar {
    margin-right: 0px;
  }
  .single-post .sidebar aside {
    margin-right: 0px !important;
  }
  .single-post article.column {
    margin-right: 0px;
  }
  .lien-he-form .column.span-4 {
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  .footer-bottom .column,
  .footer-bottom #mbmcl {
    width: 100%;
    text-align: center;
  }
  .search-no-results .story {
    width: 100%;
  }
  .search-no-results .search-form {
    width: 100%;
  }
}
@media (max-width: 692px) {
  .content-one .media-image {
    float: none;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }
  .header-secondary {
    display: none !important;
  }
}
@media (max-width: 640px) {
  .page-tin-tuc article.column,
  .tuyen-dung article.column {
    width: 100%;
  }
  .page-tin-tuc article.column .thumbnail-media,
  .tuyen-dung article.column .thumbnail-media {
    width: 100%;
    float: none;
  }
  .page-tin-tuc article.column .thumbnail-media a img,
  .tuyen-dung article.column .thumbnail-media a img {
    width: 100%;
  }
  .page-tin-tuc article.column .thumbnail-body,
  .tuyen-dung article.column .thumbnail-body {
    padding: 0;
    background-color: #fff;
    padding-top: 0px;
    float: none;
    width: 100%;
    margin-right: 0px;
  }
  .page-tin-tuc article.column .thumbnail-body .heading,
  .tuyen-dung article.column .thumbnail-body .heading {
    width: 100%;
    margin: 20px 0 10px 0;
  }
  .archive article.post-news-item {
    margin-bottom: 20px;
    width: 100%;
  }
  .archive article.post-news-item .thumbnail {
    width: 100%;
    margin: 0px 0 20px 0;
    float: none;
  }
  .archive article.post-news-item .thumbnail a img {
    width: 100%;
  }
  .archive article.post-news-item .post-content {
    width: 100%;
  }
  .page-404 .title-404 {
    font-size: 100px;
  }
  .page-404 .h2-404 {
    font-size: 25px;
  }
}
@media (max-width: 640px) and (max-width: 540px) {
  .search-form,
  #footer_language_list {
    width: 278px;
    margin: 0 auto;
    float: none;
  }
  #footer_language_list {
    padding-top: 10px;
  }
}
@media (max-width: 480px) {
  .section-title .heading {
    font-size: 2.5rem;
  }
  .post-news-item .thumbnail {
    width: 100%;
  }
}
.search-item-menu ul {
  right: 0 !important;
  padding-top: 0 !important;
  left: inherit !important;
  width: 280px;
  z-index: 9;
}
.search-item-menu ul .search-form input[type="search"] {
  height: 40px;
}
.search-item-menu ul input[type=search] {
  border: 1px solid #00a9d4;
  border-radius: 3px;
  background: rgba(152, 95, 51, 0.8);
}
.header-site .nav li:hover .sub-menu {
  z-index: 999;
}
.nav-mobile .search-icon {
  display: none;
}
.nav-mobile .search-item-menu ul {
  width: auto;
  padding-top: 13px !important;
}
.widget_icl_lang_sel_widget {
  float: left;
}
#footer_language_list {
  display: none;
}
.swiper-slide{
	padding: 0!important;
}
.swiper-slide .overlay{
	padding: 0!important;
}
.swiper-slide .container{
	padding: 0!important;
    max-width: none!important;
}
.swiper-container{
	height: auto!important;
}
.swiper-slide img{
	width: 100%!important;
}
.swiper-slide .image-container{
	margin: 0!important;
}
#layers-widget-post-18 h3.heading:after {
    content: '';
    background: #012d6b !important;
}

/* Customize Menu */
.header-site .menu { background: #012d6b; border-radius: 99px; padding: 2px 15px;}
.lcam-posingle-style-4 .thumbnail-body .heading {
    font-weight: 700;
    text-transform: uppercase !important;
}
.thumbnail-body .heading {
    font-size: 18px;
}