/******************************************************************
Theme Name: Halink
Theme URI: #
Description: 
Author: Halink Web
Author URI: https://halinkweb.com/thiet-ke-website/
Version: 3.0
Tags:
*/


@import url("woocommerce.css");
@font-face {
  font-family: 'Swiss CondensedBold';
  src: url('fonts/swiss-condensedbold.eot');
  src: url('fonts/swiss-condensedbold.eot?#iefix') format('embedded-opentype'), url('fonts/swiss-condensedbold.woff') format('woff'), url('fonts/swiss-condensedbold.ttf') format('truetype'), url('fonts/swiss-condensedbold.svg#swiss-condensedbold') format('svg');
  font-weight: normal;
  font-style: normal;
}
body {
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  background: #fff;
}
a:hover {
  text-decoration: none;
}
/*---header===*/
header {background: url(images/banner.png) no-repeat center right;}
.header-top {
    background: #019001;
    height: 40px;
}

.header-top .address-top {
  color: #fff;
  padding-top: 10px;
  /* float: left; */
}

.header-top .address-top p {
  display: inline-block;
  margin-right: 5px;
}
.clock {
    /* display: block; */
    /* margin-right: 10px; */
    /* margin-left: 10px; */
    /* font-size: 14px; */
    /* color: #fff; */
}
.clock h1 {
	    font-size: 16px;
	    color: #FFf;
	    margin-top: 0px;
}
.menu-top ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: right;
}
.menu-top ul li {
  display: inline-block;
  padding: 5px 11px;
}
.menu-top ul li a {
  color: #666;
}
.menu-top ul li.current-menu-item,
.menu-top ul li:hover {
  background: #fff;
}
.logo {
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: left;
}
.logo img {
  float:left;
}
.logo span {
  color: #a1a1a1;
  font-size: 12px;
}
nav.nav {
  background: #019001;
  position: relative;
}
.menu {
  margin: 0;
  padding: 0;
}
.menu li {
  display: inline-block;
  position: relative;
  z-index: 100;
}
.menu li:first-child {
  margin-left: 0;
}
.menu li a {
  text-decoration: none;
  padding: 15px 12px 10px;
  display: block;
  color: #fff;
  transition: all 0.2s ease-in-out 0s;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: bold;
}
.menu li.menu-item-has-children a:before {
  /* content: "\f103"; */
  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;
  transform: translate(0, 0);
  margin-right: 5px;
}
.sub-menu li a:before {
  /* content: "\f101" !important; */
}
.menu li a:hover,
.menu li:hover>a,
.menu li.current-menu-item a {
  color: #fff;
  background: #017301;
}
.menu ul {
  visibility: hidden;
  opacity: 0;
  margin: 0;
  padding: 0;
  width: 200px;
  position: absolute;
  left: 0px;
  background: rgba(35, 130, 177, .8);
  z-index: 99;
  transform: translate(0, 20px);
  transition: all 0.2s ease-out;
}
.menu ul li {
  display: block;
  float: none;
  background: none;
  margin: 0;
  padding: 0;
}
.menu ul li a {
  font-size: 14px;
  font-weight: normal;
  display: block;
  color: #fff;
  background: #019001;
  text-transform: none;
}
.menu ul li a:hover,
.menu ul li:hover a {
  background: #017301;
  color: #fff;
}
.menu li:hover>ul {
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
}
.menu ul ul {
  left: 199px;
  top: 0px;
  visibility: hidden;
  opacity: 0;
  transform: translate(20px, 20px);
  transition: all 0.2s ease-out;
}
.menu li>ul ul:hover {
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
}
.menu-responsive {
  background: #34495E;
  left: -250px;  /* start off behind the scenes */
  height: 100%;
  position: fixed;
  width: 250px;
  z-index: 9999;
  display: none;
  overflow-y: scroll;
}
.menu-icon {
  background: #2A82B7;
  left: 0;
  top: 0;
  z-index: 999;
  width: 100%;
  display: none;
}
.menu-close {
  cursor: pointer;
  padding: 10px;
  background: #2A82B7;
  text-align: left;
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: Arial;
  overflow: hidden;
}
.menu-close i {
  color: #fff;
  font-size: 30px;
  float: left;
}
.menu-close i.fa-times {
  float: right;
}
.menu-close span {
  margin: 5px;
  float: left;
}
.menu-open {
  color: #fff;
  cursor: pointer;
  font-family: Arial;
  font-size: 14px;
  padding: 4px 15px 5px 11px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  overflow: hidden;
}
.menu-open i.fa-bars {
  margin-right: 20px;
  color: #fff;
  font-size: 35px;
  float: left;
}
.menu-open img {
  float: left;
  width: 150px;
  margin-top: 4px;
}
.menu-responsive ul {
  list-style: none;
  padding: 0;
}
.menu-responsive ul li {
  padding: 10px;
  border-bottom: 1px solid #415B74;
}
.menu-responsive ul li a {
  color: #CAE0F5;
  font-size: 17px;
}
.menu-responsive ul li.current-menu-item a {
  color: #129643;
}
.menu-responsive ul.sub-menu li {
  border-bottom: none;
}
.menu-responsive ul.sub-menu li a:before {
  content: "\f101";
  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;
  transform: translate(0, 0);
  margin: 0 5px 0 0;
}
@media (max-width:1024px) {
  .menu-icon,
  .menu-responsive {
    display: block;
  }
  nav {
    display: none;
  }
}
.social {
  text-align: right;
}
.social span {
  width: 50px;
  color: #fff;
  font-size: 25px;
  background: #426EBC;
  height: 50px;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  line-height: 2.0;
}
div.category {
  position: absolute;
  width: 100%;
  top: 0;
  z-index: 999;
}
div.category h3 {
  margin: 0;
  background-color: #1e51ae;
  padding: 15px 13px 12px 15px;
  font: 700 13px Arial, Helvetica, sans-serif;
  border: none;
}
div.category h3 span {
  color: #fff;
}
nav.menu-cat {
  display: block;
  position: relative;
  z-index: 99;
}
nav.menu-cat ul {
  display: block;
  position: relative;
  width: 100%;
  z-index: -1;
  list-style: none;
  margin: 0;
  padding: 1px 0;
  background: #f5f5f5;
}
nav.menu-cat ul li {
  border-bottom: 1px solid #fff;
}
nav.menu-cat ul li ul li {
  border: none;
}
nav.menu-cat ul li:last-child {
  border-bottom: 0;
}
nav.menu-cat ul li a,
nav.menu-cat ul li.cat-item-none {
  float: none;
  font: 700 12px Arial, Helvetica, sans-serif;
  padding: 11.6px 10px 14px;
  display: block;
  text-decoration: none;
  color: #444;
}
nav.menu-cat ul li a:before {
  content: "\f101";
  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;
  transform: translate(0, 0);
  margin-right: 5px;
  color: #444;
}
nav.menu-cat ul li a:hover {
  background: #fff;
}
nav.menu-cat ul li ul {
  display: none;
  position: absolute;
  left: 290px;
  top: 0;
  height: 100%;
  background: #FFFFFF;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  width: 300px;
  z-index: 999;
}
nav.menu-category {
  display: none !important;
}
.category.hover nav.menu-category {
  display: block !important;
}
nav.menu-cat ul li ul li a {
  color: #444;
  border: none;
}
nav.menu-cat ul li ul li a:hover {
  text-decoration: none;
  background: none;
  color: red
}

.tags {
  color: #FFF;
  margin-top: 30px;
  font-size: 15px;
  padding-bottom: 20px;
}
.tags a {
  color: #FFF;
  margin: 0 0px 0 5px;
  font-size: 15px;
}
.tags strong {
  float: left;
}
.tags ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}
.tags ul li {
  display: inline-block;
}

p.lager {
  font: bold 13px Arial, Helvetica, sans-serif;
  color: #fff;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  text-align: right;
}
p.lager a,
p.lager a:link,
p.lager a:visited {
  color: #fff;
  opacity: .8;
}
p.lager i.fa {
  font-size: 28px;
  float: left;
  width: 32px;
}
p.lager a span {
  display: block;
  margin-top: 6px;
}

.search, .tools {
    /* margin-top: 10px; */
    /* margin-bottom: 10px; */
}
.tools a {
  margin: 5px 0 0 0;
}
/**
 * Search Form
 */
.search-form {
  display: block;
  /* margin: 4px 0 0 0; */
}
.search-form .form-group {
  margin: 0;
}
.search-form .buttom-search {
  padding: 10px 13px;
  border-radius: 0;
}
.search-form .form-control {
  border: 1px solid #019001;
  font: normal 12px Arial, Helvetica, sans-serif;
  color: #FEFEFE;
}
.search-form .form-control {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  padding: 20px 15px;
}
.search-form .btn-success {
  color: #fff;
  background-color: #017301;
  border-color: #019001;
}
h1.title-post,
.checkout h3,
.woocommerce-checkout h3,
.woocommerce-account h3,
.addresses h3,
#comments h2 {
  text-transform: uppercase;
  font-size: 13px;
  font-weight: bold;
  font-family: Arial;
  color: #4C93B8;
}
.entry-summary .price {
  font-size: 20px !important;
  font-weight: bold !important;
}
h3.title,
h1.title-page,
.cart_totals h2,
.woocommerce-checkout h2,
.woocommerce-billing-fields h3,
.woocommerce-account h2,
.panel h3 {
  font-size: 13px;
  line-height: 2.8;
  text-transform: uppercase;
  font-weight: bold;
  font-family: Arial;
  margin-top: 4px;
  border-bottom: 1px solid #019001;
}
h3.title span,
.panel h3 span,
h1.title-page span {
  color: #FFFFFF;
  display: inline-block;
  padding: 0px 50px 0px 10px;
  background: url(images/icon-title.png) no-repeat center right #019001;
}
.content-top {
  margin-bottom: 10px;
  margin-top: 0px;
}
/*Product style*/
.list-content {
  width: 100%;
  display: inline-block;
  padding-bottom: 30px;
}
.product-item {
  position: relative;
  overflow: hidden;
  border: 1px solid #f5f5f5;
  margin-bottom: 10px;
}
.details ul {
  padding: 10px;
}
.details {
  position: absolute;
  background: rgba(0, 0, 0, 0.6);
  padding: 10px;
  opacity: 0;
  font-size: 13px;
  height: 100%;
  color: #fff;
  text-align: justify;
}
.details.hover {
  opacity: 1;
}
.details ul li {
  list-style-type: none;
  padding: 0;
}
.details a.btn {
  position: absolute;
  bottom: 0;
  left: 0;
}
.details button {
  position: absolute;
  bottom: 0;
  right: 0;
}
.product-item .label.left {
  position: absolute;
  border-radius: 0;
  padding: 8px 10px;
  font-size: 12px;
  margin: 0px;
}
.product-item .label.right {
  position: absolute;
  border-radius: 0;
  padding: 8px 10px;
  font-size: 12px;
  margin: 0px;
  right: 0;
}
.product-item a.post-title {
  color: #444;
  display: block;
  font: normal 13px Arial, Helvetica, sans-serif;
  text-align: center;
  margin: 5px 0;
  line-height: 1.6;
  height: 30px;
}
.product-item .meta {
  padding: 10px;
  text-align: center;
  background-color: #f5f5f5;
}
.product-item .add_to_cart_button:before {
  content: "\f218";
  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;
  transform: translate(0, 0);
}
.product-item .loading:before {
  content: "\f021";
  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;
  transform: translate(0, 0);
  background: none !important;
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.product-item .added:before {
  content: "\f00c";
  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;
  transform: translate(0, 0);
}
.product-item .wc-forward {
  display: none;
}
/*Post style*/
.post-meta.text-left {
  margin: 10px 0;
  color: #f7941e;
}
.list-post h4 {
  font-size: 14px;
  line-height: 1.5;
  color: #006092;
  display: block;
  font-weight: bold;
  font-family: Arial;
  margin: 0 0 10px 0;
}
.list-post p {
  line-height: 1.8;
}
.list-post,
.post-list {
  margin-top: 10px;
}
.post-date {
  color: #a1a1a1;
  font-size: 14px;
  display: block;
  margin-top: 10px;
}
.list-post a.post-title {
  line-height: 1.6;
  color: #019001;
  font-size: 13px;
  /* text-transform: uppercase; */
}
.list-content .clearfix {
  margin: 5px 0 0 0;
}
.owl-new a {
  color: #fff;
  margin: 12px 0 0 10px;
  display: block;
}
/*Footer style*/
footer {
  width: 100%;
  font-size: 13px;
  margin-top: 30px;
  background: #019001;
  color: #FFFFFF;
  font-family: Arial;
}
footer h3 {
  padding: 5px 0 10px;
  margin: 10px 0 ;
  font-family: Tahoma;
  font-size: 17px;
  text-transform: uppercase;
  border-bottom: 1px dotted;
}
footer h2 {
  padding: 5px 0 10px;
  margin: 10px 0 ;
  font-family: Tahoma;
  font-size: 17px;
  text-transform: uppercase;
  border-bottom: 1px dotted;
}
.footer-top{
  background: #fff;
    padding-bottom: 20px;
    padding-top: 20px;
}
footer .dev {
  background: #1B1A1A;
  color: #9E9B9B;
  overflow: hidden;
  padding: 10px 0 5px;
}
footer .dev p {
  margin: 5px 0;
}

footer .news-footer a {
  display: block;
  margin: 9px 0;
  color: #FFFFFF;
  line-height: 1.8;
}
footer .news-footer a:before {
  content: "\f101";
  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;
  transform: translate(0, 0);
  margin-right: 5px;
  color: #E9E9E9;
}
.back-to-top {
  position: fixed;
  bottom: 35px;
  right: 10px;
  display: none;
  cursor: pointer;
}
.back-to-top i {
  background: #E00C3D;
  padding: 5px 10px;
  color: #fff;
  font-size: 30px;
  font-weight: bold;
}
.notice {
  border-radius: 0;
  margin: 20px 0;
  overflow: hidden;
}
.like-click {
  display: block;
  padding: 10px 10px 5px;
  margin: 10px 0;
  clear: both;
  background-color: #f1f1f1;
  border: 1px solid #eaeaea;
}
.like-click .fb-btn {
  margin: 0 10px 0 0;
  float: left;
}
#fbcomments,
.fb-comments,
.fb-comments iframe[style],
.fb-comments span {
  width: 100% !important;
}
.contact-form .input-group {
  margin-bottom: 10px;
  float: left;
}
.contact-form .form-margin .input-group {
  margin-bottom: 10px;
}
.contact-form .input-group .input-group-addon {
  border-radius: 0px;
  background-color: #019001;
  border: none;
  position: relative;
}
.contact-form .input-group .input-group-addon i {
  color: #ffffff;
  font-size: 26px;
  width: 24px;
  height: 24px;
}
.contact-form .input-group .form-control {
  background-color: rgb(241, 241, 241);
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border: none;
  padding: 15px 15px;
  color: #444;
  min-height: 50px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
::-webkit-input-placeholder {
  color: #444;
}
:-moz-placeholder {
  color: #444;
}
::-moz-placeholder {
  color: #444;
}
:-ms-input-placeholder {
  color: #444 ;
}
.btn {
  border-radius: 0;
  float: right;
}
#gallery-thumbnail .item {
  margin: 5px;
  color: #FFF;
  text-align: center;
  cursor: pointer;
}
#gallery-thumbnail .synced .item {
  border: 4px solid #2A82B7;
}
.tab-content .tab-pane {
  padding-top: 10px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.tab-content h3 {
  text-transform: uppercase;
  font-size: 13px;
  font-weight: bold;
  font-family: Arial;
  color: #4C93B8;
}
.nav-tabs>li a {
  border-radius: 0;
  border: none;
  color: #2a82b7;
  background-color: #F5F5F5;
  position: relative;
  font-size: 13px;
  font-weight: bold;
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover,
.nav-tabs>li>a:hover {
  background: #4471C2;
  border: none;
  color: #fff;
}
.nav-tabs {
  border-bottom: 1px solid #F5F5F5;
  margin-top: 10px;
}
img {
  max-width: 100%;
  height: auto;
}
.view-cart {
  color: #fff !important;
  background-color: #117D39;
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 3.1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0 10px 0 0;
  overflow: hidden;
  text-decoration: none;
}
.view-cart i {
  font-size: 20px;
  padding: 11px;
  float: left;
  background-color: #E62534;
}
.cart-widget {
  position: absolute;
  top: 43px;
  right: 15px;
  background-color: #F5F4F4;
  z-index: 9999;
  display: none;
  padding: 0px;
  width: 263px;
}
.widget_shopping_cart_content .buttons a {
  padding: 10px 15px;
}
.widget_shopping_cart_content span.quantity {
  font-size: 13px;
  display: block;
}
.widget_shopping_cart_content {
  padding: 10px 10px 0;
}
.widget_shopping_cart_content ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.widget_shopping_cart_content ul li {
  margin: 0;
  padding: 0;
  display: block;
  overflow: hidden;
}
.widget_shopping_cart_content ul li img {
  margin: 0;
  padding: 0;
  float: right;
  width: 60px;
}
ins {
  text-decoration: inherit;
}
.panel {
  -moz-box-shadow: 0px 0px 0px transparent;
  -webkit-box-shadow: 0px 0px 0px transparent;
  box-shadow: 0px 0px 0px transparent;
}
.panel-group .panel + .panel {
  margin-top: 10px;
}
.panel-heading {
  padding: 0;
}
.panel-default > .panel-heading {
  background-image: none;
  background-color: transparent;
}
.panel-primary>.panel-heading,
.panel-primary {
  border: none;
  border-radius: none;
}
.panel-default > .panel-heading,
.panel-default,
.panel-group .panel-heading + .panel-collapse > .panel-body {
  border: 0 none;
  font-size: 14px;
}
.panel-title > a {
  display: block;
  text-decoration: none;
  padding: 10px 50px;
  position: relative;
  background-color: #00AEEF;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  color: #ffffff;
  line-height: 1.6;
  font-size: 13px;
}
.panel-title > a:before {
  content: "\f046";
  font-family: 'FontAwesome';
  display: inline-block;
  background-color: #f0f0f0;
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 100%;
  padding: 10px 0;
  text-align: center;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 0px;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0px;
  border-top-left-radius: 0;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0px;
  color: #4471C2;
}
.panel-title > a:after {
  content: "\f068";
  font-family: 'FontAwesome';
  display: inline-block;
  background-color: transparent;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 100%;
  padding: 10px 0;
  text-align: center;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-bottomright: 0;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-bottom-right-radius: 0;
  border-top-left-radius: 0px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0;
  color: #4471C2;
}
.panel-title > a.collapsed:after {
  content: "\f067";
}
.panel-title > a.collapsed {
  background-color: #e1e4e6;
  color: #0e0f0f;
}
.panel,
.panel-group .panel,
.panel-primary>.panel-heading {
  border-radius: 0;
}
.panel a:focus {
  text-decoration: none;
}
.modal-title {
  font-family: Arial;
  text-transform: uppercase;
  color: #fff;
  padding: 10px 0 5px 0;
  font-size: 13px;
  text-rendering: optimizelegibility;
  width: 100%;
  text-align: center;
  line-height: 1.2;
  font-weight: bold;
}
.panel,
.panel-group .panel,
.panel-primary>.panel-heading {
  border-radius: 0;
}
.panel a:focus {
  text-decoration: none;
}
.modal-content {
  background: #FFFFFF;
  border: none;
  border-radius: none;
  box-shadow: none;
}
.modal-header {
  border-bottom: 1px solid #4471c2;
  background: #4471c2;
  text-align: center;
  color: #fff;
}
.modal-footer {
  border-top: 1px solid #4471c2;
  background: #4471c2;
  color: #fff;
}
.modal-body {
  color: #2F2F2F;
  font-size: 13px;
}
.hotline p {
  margin: 4px 0;
  color: #FDE405;
  font: bold 13px Arial;
}
.hotline span {
  color: #fff;
}
.cart a {
  display: block;
  margin-top: 4px;
}
a.home {
  float: left;
  color: #FDE405;
  font-size: 27px;
  margin: 2px 8px;
}
.product-meta {
  margin-bottom: 10px;
}
.advisory a {
  font: bold 13px Arial;
  line-height: 1.6 !important;
  display: block;
  margin: 10px 0;
  text-transform: none !important;
  color: #444 !important;
}
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe {
  width: 100% !important;
}
iframe,
object,
embed {
  max-width: 100%;
}
@media (min-width:992px) and (max-width:1199px) {
}
/* Portrait tablets and small desktops */
@media (min-width:768px) and (max-width:991px) {

}
/* Landscape phones and portrait tablets */
@media (max-width:767px) {

}
/* Portrait phones and smaller */
@media (max-width:480px) {
 
}
.modal-backdrop.in {
  z-index: 999;  
}
.support-icon-right {
  background: #F0F3EF;
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 9;
  overflow: hidden;
  width: 250px;
  color: #fff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.support-icon-right h3 {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 13px;
  font-family: Arial;
  color: #fff;
  margin: 0;
  background-color: #019001;
  cursor: pointer;
}

.support-icon-right i {
  background-color: #017301;
  padding: 15px 15px 12px 15px;
  color: #fff;
}

.online-support {
  display: none;
}

.banner img.banner-top{
  margin-bottom: 10px;
  display: block;
}
.bannerhome-item{
	height:290px; 
}
.banner-item {
  color: #fff;
  padding: 10px;
  margin-top: 5px;
}
.banner-item.orange {
  background: #f5791f;
}
.banner-item.light-blue {
  background: #3498db;
}
.banner-item.gray {
  background: #a1aaaf;
}
.banner-item h4 {
  font-family: Tahoma;
  margin: 5px 0 0;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 700;
}
.banner-item p {
  margin: 0;
  font-size: 14px;
}
.banner-item i {
  float: left;
  font-size: 40px;
  margin: 3px 17px 0 0;
}


.headerbar {
    -webkit-box-shadow: 0 2px 2px rgba(88, 88, 88, 0.175);
    box-shadow: 0 4px 4px rgba(88, 88, 88, 0.175);
    background: #fff;
    opacity: 0;
    font-family: Arial, Helvetica, sans-serif;
    display: none;
}
.headerbarfixed {
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 9999;
  opacity: 1;
  display: block;
}
.headerbar span.hotline {
    color: #fff;
    padding: 0 15px 0 ;
    background: #E1584B;
    float: left;
    font-size: 17px;
}
.headerbar strong  {
  color: #59B73F;
    font-weight: bold;
    margin: 0 10px;
    font-size: 13px;
}
.headerbar .slogan i  {
  color: #59B73F;
    font-weight: bold;
    margin: 0 10px;
    font-size: 18px;
}
.headerbar a {
  color: #E36054;
  font-weight: bold;
  font-size: 13px;
} 

.aside-about-call {
  background-color: #017301;
  padding: 15px 0 15px 0px;
  position: relative;
  text-align: center;
}

.aside-about-call span.fa {
    background: #017301;
}
.aside-about-call span.fa {
    display: block;
    height: 100%;
    font-size: 34px;
    position: absolute;
    left: 0;
    top: 0;
    padding: 32px 15px 0 15px;
    color: #fff;
}

.aside-about-call > div {
    font: 700 22px 'Open Sans',sans-serif;
    color: #fff;
}

.aside-about-call p {
    color: #ddd;
    font: 400 14px 'Open Sans',sans-serif;
    margin: 0;
}

.aside-about-seller {
    background: #019001;
    color: #fff;
    padding: 12px 10px 2px 10px;
    text-align: center;
    font-size: 14px;
}
.banner .owl-controls .owl-buttons div {
  margin: 0;
}

.banner .owl-buttons i {
  color: #fff;
  font-size: 80px;
}

.banner .owl-controls .owl-buttons div {
  position: absolute;
}

.banner .owl-controls .owl-buttons .owl-prev {
  left: 0;
  top: 100px;
  margin: 0;
  background: rgba(255, 119, 0, 0.01);
}

.banner .owl-controls .owl-buttons .owl-next {
  right: 0;
  top: 100px;
  margin: 0;
  background: rgba(255, 119, 0, 0.02);
}

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
    opacity: 0;
}
.slogan{
  margin: 45px 0;
}
.title-uudai {
  text-align: center;
  font-size: 38px;
  font-family: 'Swiss CondensedBold', Sans-Serif;
  padding: 20px 0;
  color: #808080;
  font-weight: 700;
}
.title-sanpham {
  text-align: center;
  font-size: 38px;
  font-family: 'Swiss CondensedBold', Sans-Serif;
  padding: 20px 0;
  color: #fff;
  font-weight: 700;
}
.title-uudai strong {
  text-align: center;
  font-size: 38px;
  font-family: 'Swiss CondensedBold', Sans-Serif;
  padding: 20px 0;
  color: #099006;
  font-weight: 700;
}
.aqua-about {
  margin-bottom: 20px;/* margin-top: 0; */
}
.aqua-about h1 {
  font-size: 49px;
  font-weight: 700;
  font-family: AQUA;
  color: #808080;
  text-align: center;
  text-transform: uppercase;
}
.aqua-about .readmore {
  color: #3D9CCE;
  border: 1px solid;
  padding: 7px 10px;
  float: right;
  margin-top: 23px;
}
.aqua-about h3 {
  font-size: 15px;
  font-weight: 500;
  font-family: Roboto;
  color: #000;
  text-align: justify;
  left: 0;
  width: 100%;
  line-height: 1.8;
  margin-top: 0;
}
.sanphamhot{
  background: url(images/section-bg.jpg);
    background-attachment: fixed;
    background-size: cover;
}
.project { background: url(images/section-bg.jpg) no-repeat center; background-attachment: fixed; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; color: rgba(255, 255, 255, .7); }
.project h3 { color: #fff; }
article.project-post {position: relative;overflow: hidden;margin: 10px 0;background: #000;height: 180px;}
article.project-post .image-placeholder {/* position: relative; *//* z-index: 30; */-lh-property: 0;/* width: 94%; *//* width: -webkit-calc(100% + 60px); */width: -moz-calc(100% + 60px);/* width: calc(100% + 60px); *//* -webkit-transform: translate3d(-30px, 0, 0); */-moz-transform: translate3d(-30px, 0, 0);-o-transform: translate3d(-30px, 0, 0);-ms-transform: translate3d(-30px, 0, 0);/* transform: translate3d(-30px, 0, 0); *//* -webkit-transition: all 0.35s; */-moz-transition: all 0.35s;-o-transition: all 0.35s;/* transition: all 0.35s; */}
article.project-post .image-placeholder img {position: relative;width: 255px;display: block;height: 180px;}
article.project-post .project-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 31;background: rgba(0, 0, 0, 0.04);visibility: hidden;zoom: 1;-webkit-opacity: 0;-moz-opacity: 0;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;}
article.project-post .project-hover { position: absolute; width: 100%; bottom: 0; left: 0; padding: 30px; z-index: 32 }
article.project-post .project-hover h5.project-title { font-family: 'Swiss CondensedBold'; font-size: 18px; line-height: 1.5; color: #fff; margin-bottom: 5px; text-transform: capitalize; visibility: hidden; zoom: 1; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, 180px, 0); -moz-transform: translate3d(0, 180px, 0); -o-transform: translate3d(0, 180px, 0); -ms-transform: translate3d(0, 180px, 0); transform: translate3d(0, 180px, 0); -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s }
article.project-post .project-hover p.project-category a { margin-bottom: 0; color: #fff; visibility: hidden; zoom: 1; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, 180px, 0); -moz-transform: translate3d(0, 180px, 0); -o-transform: translate3d(0, 180px, 0); -ms-transform: translate3d(0, 180px, 0); transform: translate3d(0, 180px, 0); -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s }
article.project-post:hover .image-placeholder {/* -webkit-transform: translate3d(0, 0, 0); */-moz-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);/* transform: translate3d(0, 0, 0); *//* -webkit-transition: all 0.4s; */-moz-transition: all 0.4s;-o-transition: all 0.4s;/* transition: all 0.4s; */-webkit-transition: all 0.4;-o-transition: all 0.4;transition: all 0.4;}
article.project-post:hover .project-overlay {visibility: visible;zoom: 1;-webkit-opacity: 1;-moz-opacity: 1;opacity: 1;filter: alpha(opacity=100);}
article.project-post:hover h5.project-title { font-weight: bold; text-transform: uppercase; visibility: visible; zoom: 1; -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
article.project-post:hover p.project-category a { visibility: visible; zoom: 1; -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.item-project {margin-right: 10px;border: 1px solid #019001;}
@-webkit-keyframes "headerAnimation" {
  0% {
    margin-top: -70px;
  }

  100% {
    margin-top: 0;
  }

}

@keyframes "headerAnimation" {
  0% {
    margin-top: -70px;
  }

  100% {
    margin-top: 0;
  }

}
header.headerfixed { position: fixed; top: 0; width: 100%; left: 0; z-index: 999; -moz-animation: headerAnimation 0.7s 1;
    -webkit-animation: headerAnimation 0.7s 1;
    -o-animation: headerAnimation 0.7s 1;
    animation: headerAnimation 0.7s 1;}
ul.projects-filter { list-style: none; margin: 0; padding: 0; text-align: center; }
ul.projects-filter li { display: inline-block; margin: 0 5px; }
#gallery-thumbnail .item { margin: 5px; color: #FFF; text-align: center; cursor: pointer; }
#gallery-thumbnail .synced .item { border: 4px solid #fff; }
.project-detail-item { font-size: 13px; margin-bottom: 20px; color: #a8a8a8; }
.project-detail-item strong, .project-detail-item a { color: #a8a8a8; }
.news-list { margin-top: 10px; margin-bottom: 10px; }
.news-list p {margin: 0;padding: 0;font-size: 13px;line-height: 1.5;height: 80px;}
.news-list span.blog-thumb { position: relative; overflow: hidden; z-index: 25; margin-bottom: 20px; display: block }
.news-list span.blog-thumb img {-lh-property: 0;width: -webkit-calc(100% + 40px);width: -moz-calc(100% + 40px);width: calc(100% + 40px);height: 200px;max-width: none;-webkit-transform: translate3d(-30px, 0, 0);-moz-transform: translate3d(-30px, 0, 0);-o-transform: translate3d(-30px, 0, 0);-ms-transform: translate3d(-30px, 0, 0);transform: translate3d(-30px, 0, 0);-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;-moz-transition: opacity 0.35s, -moz-transform 0.35s;-o-transition: opacity 0.35s, -o-transform 0.35s;transition: opacity 0.35s, -webkit-transform 0.35s, -moz-transform 0.35s, -o-transform 0.35s, transform 0.35s;}
.news-list span.blog-thumb .hover { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); visibility: hidden; zoom: 1; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); z-index: 26 }
.news-list .blog-title:hover .hover { visibility: visible; zoom: 1; -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100) }
.news-list .blog-title:hover .blog-thumb img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.news-list a.post-title {color: #3e3e3e;display: block;line-height: 1.45em;margin: 10px 0;text-transform: uppercase;font-size: 15px;font-family: 'Swiss CondensedBold';height: 50px;}
.news-list .blog-meta, .other-news .blog-meta { color: #a8a8a8; text-transform: capitalize; font-size: 15px; display: block; font-style: italic; font-weight: normal; margin-bottom: 10px; }
.news-list .blog-meta a { color: #a8a8a8; }
.news-list .read-more {text-transform: uppercase;font-weight: 700;font-size: 12px;color: #0E960E;display: block;margin-top: 10px;float: right;}
.project, .news, .service { padding: 20px 0; }
.owl-slider img { width: 100%; height: auto; }
.call-to-action { background-color: #ECAA03; padding-bottom: 20px; padding-top: 20px; }
.btn.btn-bordered { background-color: transparent; border: 2px solid #fff; color: #fff; margin-top: 10px; }
.call-to-action h3 { margin: 0; padding: 0; color: #fff; font-size: 17px; font-family: 'Swiss CondensedBold'; }
.service-icon { font-size: 42px; color: #e6772e; display: block; margin: 30px 0; }
.service-title { text-transform: uppercase; font-size: 35px; font-weight: bold; font-family: 'Swiss CondensedBold'; }
.siderbar{margin-top: 5px;}
footer {width: 100%;font-size: 15px;color: #FFFFFF;background: #019001;border-top: 1px solid #ddd;}
.info h3 {font-size: 15px;text-transform: uppercase;color: #FFFFFF;margin: 10px 0;}
.info h2 {font-size: 15px;text-transform: uppercase;color: #FFFFFF;margin: 10px 0;}
.info ul {padding: 0;list-style: none;}
.info ul li {background: url(images/icon-li.jpg) no-repeat 0px 6px;/* padding: 0 0 0 10px; */}
.footer p { margin: 5px 0; }
.footer strong { color: #D2292C; font-weight: normal; }
.footer .info { padding-bottom: 20px; }
.footer img.checkout { width: auto; height: auto; }
.copyright { background: #dedede; padding: 10px  0; font-size: 15px; border-top: 1px solid #D2292C; }
.footer-img img { width: 310px; height: auto; }
.social { text-align: left; }
.social span { width: 40px; color: #fff; font-size: 20px; height: 40px; display: inline-block; text-align: center; border-radius: 50%; line-height: 2.0; margin: 0 5px 10px 0; }
.social span.facebook { background: #3A589E; }
.social span.google { background: #EA4335; }
.social span.twitter { background: #5EA9DD; }
.social span.youtube { background: #E12B28; }
.product-item img {
	height: 240px;
}
.call-pro { margin-top: 30px; }
a.call {display: block;padding: 12px 15px;color: #fff;background: #47C728;text-transform: uppercase;font-size: 17px;vertical-align: middle;text-align: center;border-radius: 4px;}
a.call span, a.order span { text-transform: none; font-size: 12px; display: block; font-style: italic; }
a.order {background: #ed327b;border: 0px;padding: 12px 15px;text-transform: uppercase;font-size: 17px;display: block;}
.hotline-home{text-align: right;}
.hotline-home strong {
	font-size: 15px;
	font-weight: 200;
}
.hotline-home span {
	font-size: 16px;
	color: #FF0;
	font-weight: bold;
}
.lang{
	float:right;
}
#title_ticker {
	float: left;
	height: 68px;
	width: 136px;
	color: white;
	background: #019001;
	position: absolute;
	line-height: 20px;
	font-weight: 700;
	z-index: 1;
	font-size: 15px;
	padding: 15px;
	padding-left: 20px;
}
.sao {
	width: 30px;
	background: url(http://batdongsandanang.net/template/ticker/blinking_star_trans.gif) no-repeat 0 15px;
	background-size: 20px 20px;
	height: 40px;
	/* padding: 4px 0 0 0px; */
	float: left;
	margin-top: -6px;
}
.text {
	float: left;
	margin-top: 1px;
	color: #fff;
	/* padding: 5px; */
}
.tickercontainer { /* the outer div with the black border */
	width: 100%;
	height: 40px;
	line-height: 50px;
	overflow: hidden;
	background: #0080C0;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
	position: relative;
	left: 10px;
	width: 100%;
	overflow: hidden;
}

nav.nav-sidebar {
	overflow: hidden;
}

nav.nav-sidebar ul li {
	text-transform: uppercase;
	display: block;
	float: left;
	width: 50%;
	width: -webkit-calc(100% / 2);
	width: calc(100% / 2);
	font-size: 15px;
	border: 1px solid #fff;
	color: #989898;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

nav.nav-sidebar ul li a {
	color: #989898;
}

nav.nav-sidebar ul li span {
	font-size: 14px;
	text-transform: none;
}

nav.nav-sidebar ul li a:hover {
	color: #FF7700;
}

nav.nav-sidebar ul li.tablet {
	background: url(/images/icon-smartphone.png) #EAEAEA no-repeat;
	background-size: 50px;
	background-position: 10px center;
	padding: 20px 10px 20px 70px;
}

nav.nav-sidebar ul li.promotion {
	background: url(/images/icon-smartphone.png) #EAEAEA no-repeat;
	background-size: 50px;
	background-position: 10px center;
	padding: 20px 10px 20px 70px;
}

nav.nav-sidebar ul li.game {
	background: url(/images/icon-smartphone.png) #EAEAEA no-repeat;
	background-size: 50px;
	background-position: 10px center;
	padding: 20px 10px 20px 70px;
}

nav.nav-sidebar ul li.card {
	background: url(/images/icon-smartphone.png) #EAEAEA no-repeat;
	background-size: 50px;
	background-position: 0px center;
	padding: 20px 10px 20px 50px;
}

nav.nav-sidebar ul li.accessories {
	background: url(/images/icon-smartphone.png) #EAEAEA no-repeat;
	background-size: 50px;
	padding: 20px 10px 20px 70px;
	background-position: 10px center;
}

nav.nav-sidebar ul li.smartphone {
	background: url(/images/icon-smartphone.png) #EAEAEA no-repeat;
	background-size: 50px;
	padding: 20px 10px 20px 70px;
	background-position: 10px center;
}

nav.nav-sidebar ul li:hover {
	/* padding: 20px 50px 20px 10px; */
	/* background-position: 120px center; */
}

nav.nav-sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

nav.nav-sidebar ul li span {
	display: block;
}

.holine {
	background: #019001;
	color: #fff;
	padding: 10px;
	display: block;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-weight: 400;
}

.holine a {
	color: #fff;
	text-decoration: none;
	/* padding: 15px 12px 10px; */
	display: block;
	color: #fff;
	transition: all 0.2s ease-in-out 0s;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: bold;
}
.info-text {
  text-align: center;
  position: relative;
}
 .info-text a.post-title {
  color: #019001;
  font-size: 14px;
  display: block;
  margin: 0px 0 0px 0;
  font-family: Roboto;
  text-transform: uppercase;
  font-weight: 700;
}
.info-text span {
  font-size: 13px;
  font-weight: bold;
  padding: 5px 5px 10px;
  display: block;
  color: #EE4564;
}
.info-text .text {
  color: #555;
  padding: 15px 10px 10px;
  font-size: 10px;
}
h2.h2 {font-size: 20px;font-family: Tahoma;text-transform: uppercase;color: #019001;position: relative;font-weight: 500;}
h1.h2 {font-size: 20px;font-family: Tahoma;text-transform: uppercase;color: #019001;position: relative;font-weight: 500;}
.owl-customer .item { text-align: center; margin-top: 20px; }
.owl-customer .item h2 { font-size: 13px; font-weight: bold; color: #444; }
.owl-customer .item a { color: #444; font-style: italic; margin: 5px 0; display: block; }
.owl-customer .item img { display: block; margin: 0 auto; height: auto; width: 160px; height: 150px; border-radius: 50%; }
a.post-title {
  line-height: 1.6;
}
.list-post p {
  line-height: 1.8;
}
.list-post i {
	margin-left:0px;
	color: #017301;
}
.list-post a.readmore {
  padding: 10px 15px;
  background-color: #f7941e;
  margin-left: 10px;
  float: right;
  color: #fff;
}

.list-post {
  margin-bottom: 10px;
}

a.post-title {
  line-height: 1.6;
}