/*!
Theme Name: Neat Child
Theme URI: http://themeforest.net/user/phpface
Author: Toan Nguyen
Author URI: http://themeforest.net/user/phpface
Description: Neat - A Lightweight Bourbon Neat WordPress Theme
Version: 1.1
License: GNU General Public License
License URI: license.txt
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Template: neat
Text Domain: neat-child
*/
#navigation .logo {
  max-height: none;
}

#navigation .logo img {
  max-height: none;
  padding: 0;
}

@media screen and (min-width: 53.75em) {
  #navigation .nav {
    margin-top: 3em;
  }
}

#navigation-menu li.current-menu-item a {
  color: #fb830f;
}

/*  SECTIONS  ============================================================================= */
.section {
  clear: both;
  padding: 0px;
  margin: 0px;
}

/*  GROUPING  ============================================================================= */
.group:before,
.group:after {
  content: "";
  display: table;
}

.group:after {
  clear: both;
}

.group {
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */
}

/*  GRID COLUMN SETUP   ==================================================================== */
.col {
  display: block;
  float: left;
  margin: 0 0 0 1.6%;
}

.col:first-child {
  margin-left: 0;
}

/* all browsers except IE6 and lower */
/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */
@media only screen and (max-width: 767px) {
  .col {
    margin: 1% 0 1% 0%;
  }
}

.span_12_of_12 {
  width: 100%;
}

.span_11_of_12 {
  width: 91.53%;
}

.span_10_of_12 {
  width: 83.06%;
}

.span_9_of_12 {
  width: 74.6%;
}

.span_8_of_12 {
  width: 66.13%;
}

.span_7_of_12 {
  width: 57.66%;
}

.span_6_of_12 {
  width: 49.2%;
}

.span_5_of_12 {
  width: 40.73%;
}

.span_4_of_12 {
  width: 32.26%;
}

.span_3_of_12 {
  width: 23.8%;
}

.span_2_of_12 {
  width: 15.33%;
}

.span_1_of_12 {
  width: 6.86%;
}

@media only screen and (max-width: 767px) {
  .span_12_of_12 {
    width: 100%;
  }
  .span_11_of_12 {
    width: 100%;
  }
  .span_10_of_12 {
    width: 100%;
  }
  .span_9_of_12 {
    width: 100%;
  }
  .span_8_of_12 {
    width: 100%;
  }
  .span_7_of_12 {
    width: 100%;
  }
  .span_6_of_12 {
    width: 100%;
  }
  .span_5_of_12 {
    width: 100%;
  }
  .span_4_of_12 {
    width: 100%;
  }
  .span_3_of_12 {
    width: 100%;
  }
  .span_2_of_12 {
    width: 100%;
  }
  .span_1_of_12 {
    width: 100%;
  }
}

/*  GRID OF TEN   ============================================================================= */
.span_10_of_10 {
  width: 100%;
}

.span_9_of_10 {
  width: 89.84%;
}

.span_8_of_10 {
  width: 79.68%;
}

.span_7_of_10 {
  width: 69.52%;
}

.span_6_of_10 {
  width: 59.36%;
}

.span_5_of_10 {
  width: 49.2%;
}

.span_4_of_10 {
  width: 39.04%;
}

.span_3_of_10 {
  width: 28.88%;
}

.span_2_of_10 {
  width: 18.72%;
}

.span_1_of_10 {
  width: 8.56%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 767px) {
  .span_10_of_10 {
    width: 100%;
  }
  .span_9_of_10 {
    width: 100%;
  }
  .span_8_of_10 {
    width: 100%;
  }
  .span_7_of_10 {
    width: 100%;
  }
  .span_6_of_10 {
    width: 100%;
  }
  .span_5_of_10 {
    width: 100%;
  }
  .span_4_of_10 {
    width: 100%;
  }
  .span_3_of_10 {
    width: 100%;
  }
  .span_2_of_10 {
    width: 100%;
  }
  .span_1_of_10 {
    width: 100%;
  }
}

.banner {
  background: url("images/back-banner.jpg") no-repeat center center;
  background-size: cover;
}

.banner .home-animation-container {
  width: 300px;
  height: 480px;
}

.banner .home-animation-container #home-animation {
  position: absolute;
  left: 0;
  top: 4em;
}

.banner .banner-text {
  padding: 12em 0 0;
  color: #fff;
}

.banner .banner-text h2 {
  font-size: 1.4em;
  text-transform: none;
  color: #fb830f;
}

.banner .banner-text p {
  margin: 2.4em 0;
}

.home-features {
  padding-bottom: 6em;
  clear: both;
}

.home-features h2 {
  text-align: center;
}

.home-features p {
  text-align: center;
  color: #999;
  margin: 3em 0;
}

.home-features .features-item {
  width: 180px;
  margin: 0 auto;
  color: #999;
  text-transform: uppercase;
  text-align: center;
  padding-top: 80px;
}

.home-features .features-item-1 {
  background: url("images/features-icon-1.png") no-repeat center top;
}

.home-features .features-item-1:hover {
  background-image: url("images/features-icon-1-hover.png");
  color: #fb830f;
}

.home-features .features-item-2 {
  background: url("images/features-icon-2.png") no-repeat center top;
}

.home-features .features-item-2:hover {
  background-image: url("images/features-icon-2-hover.png");
  color: #fb830f;
}

.home-features .features-item-3 {
  background: url("images/features-icon-3.png") no-repeat center top;
}

.home-features .features-item-3:hover {
  background-image: url("images/features-icon-3-hover.png");
  color: #fb830f;
}

.home-features .features-item-4 {
  background: url("images/features-icon-4.png") no-repeat center top;
}

.home-features .features-item-4:hover {
  background-image: url("images/features-icon-4-hover.png");
  color: #fb830f;
}

.home-search {
  background: url("images/back-home-search.jpg") no-repeat center center;
  background-size: cover;
  padding: 4em 0 2em;
  color: #fff;
}

.home-consumers h2 {
  text-align: center;
}

.home-consumers p {
  text-align: center;
  color: #999;
  margin: 3em 0;
}

.home-consumers ul {
  margin-left: 3em;
  font-size: 1.3em;
}

.home-consumers ul li {
  margin-bottom: 1.3em;
  color: #999;
}

.home-consumers ul li i {
  color: #bdcf02;
  margin-right: 1em;
}

.home-consumers .button {
  float: right;
  margin-right: 6em;
}

.home-partners {
  background: url("images/back-home-partners.jpg") no-repeat center center;
  background-size: cover;
  color: #fff;
  padding: 2em 0 0;
}

.home-partners h2 {
  text-align: center;
}

.home-partners p {
  text-align: center;
  color: #999;
  margin: 3em 0;
}

.home-about {
  text-align: center;
}

.home-about p {
  color: #999;
  margin: 3em 0;
}

.home-news {
  background: #062337;
  padding: 1.3em 0;
  color: #fff;
  margin-bottom: 0;
}

.home-news h2 {
  text-align: center;
  padding-bottom: 1em;
}

.home-news p {
  font-size: .9em;
  margin: 1.5em 0 0;
}

.home-twitter {
  background: #098ed1;
  padding: 0;
  color: #fff;
  margin-top: 0;
}

.home-twitter .container {
  background: url("images/home-twitter.png") no-repeat left center;
  padding: 1.8em 0 1.8em 200px;
  margin-top: 0;
}

.home-twitter .container span {
  color: #dbdbdb;
}

#mc_embed_signup_scroll label {
  display: none;
}

#mce-EMAIL {
  float: left;
  width: 75%;
}

#mc-embedded-subscribe {
  float: right;
  width: 25%;
}

.footer-widget-areas {
  margin-top: 3em;
  font-size: .8em;
}

.footer-widget-areas .container {
  max-width: 85em;
}

.footer-widget-areas #logo-footer {
  width: 85%;
}

.footer-widget-areas h4 {
  margin-bottom: 1em;
}

.footer-widget-areas h2 {
  font-size: 16px;
}

@media screen and (min-width: 768px) and (max-width: 927px) {
  #navigation-menu li {
    padding-right: 5px;
  }
  header.navigation.headroom ul li.nav-link a {
    padding-right: .2em;
  }
}

@media screen and (width: 860px) {
  header.navigation.headroom ul li.nav-link a {
    display: inline;
  }
}

@media screen and (min-width: 928px) and (max-width: 1047px) {
  #navigation-menu li {
    padding-right: 10px;
  }
}

@media screen and (max-width: 900px) {
  .banner .home-animation-container {
    width: 260px;
  }
}

@media screen and (max-width: 772px) {
  .blog-single {
    padding-top: 16em;
  }
  .banner .home-animation-container {
    width: 100%;
  }
  .banner .home-animation-container #home-animation {
    left: 15%;
  }
  .banner .banner-text-container {
    width: 100%;
  }
}

a {
  color: #fb830f;
}

a.button, button, input[type="submit"].green {
  background-color: #fb830f;
}

.green, a.button.green, button.green, input[type="submit"] {
  background-color: #bdcf02;
}

.black {
  color: #000;
}

h6 {
  text-transform: uppercase;
}

.relative {
  position: relative;
}

.blog-single aside.sidebar .widget-wrapper ul li a {
  text-transform: none;
}

strong {
  font-weight: bold;
}

.article-column ul li {
  margin-left: 3em;
  padding-bottom: 0;
  list-style: circle;
}