@charset "UTF-8";
html {
  box-sizing: border-box; }

*, *::after, *::before {
  box-sizing: inherit; }

/* Media queries */
/*$tablet-width: 768px;*/
/* +250px  */
/*colors*/
/* Media queries */
/*$tablet-width: 768px;*/
/* +250px  */
/*colors*/
/* flex */
body .nav-overlay, html .nav-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-color: rgba(196, 196, 196, 0.8);
  z-index: 579;
  display: none; }

@media (max-width: 1219px) {
  body.nav-is-open, html.nav-is-open {
    overflow: hidden !important;
    height: 100%;
    /*.wrapper{
                overflow: hidden !important;
            }*/ }
    body.nav-is-open .nav-overlay, html.nav-is-open .nav-overlay {
      display: block; } }

.header-wrap {
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  align-content: center;
  -ms-flex-line-pack: center;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  /*position: relative;*/
  height: 54px; }
  @media (min-width: 720px) {
    .header-wrap {
      height: 60px; } }
  .header-wrap .brand {
    display: flex;
    position: relative;
    z-index: 600;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto; }
  .header-wrap .search-form {
    position: relative;
    z-index: 600;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1; }
  @media (min-width: 1220px) {
    .header-wrap .main-nav {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 auto;
      -moz-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      position: relative;
      z-index: 600; } }
  .header-wrap .mobile-nav-trigger {
    position: relative;
    z-index: 600;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto; }
    @media (min-width: 1220px) {
      .header-wrap .mobile-nav-trigger {
        display: none; } }
  .header-wrap .mask {
    border-bottom: 1px solid #979797;
    position: absolute;
    z-index: 590;
    width: 100%;
    left: 0;
    top: 0;
    background: #89b048;
    height: 54px; }
    @media (min-width: 720px) {
      .header-wrap .mask {
        height: 60px; } }

.site-header .search-form {
  padding-left: 10px; }
  @media (min-width: 720px) {
    .site-header .search-form {
      padding-left: 27px; } }
  .site-header .search-form button, .site-header .search-form .trigger-searchNav {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #b9d455;
    color: #f5f8e7;
    border: none; }
    @media (min-width: 720px) {
      .site-header .search-form button, .site-header .search-form .trigger-searchNav {
        width: 60px; } }
    .site-header .search-form button:before, .site-header .search-form .trigger-searchNav:before {
      font-family: 'icomoon';
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: ""; }
    .site-header .search-form button:hover, .site-header .search-form .trigger-searchNav:hover {
      background-color: #67a304;
      background-image: -webkit-linear-gradient(#67a304, #67a304);
      background-image: linear-gradient(#67a304, #67a304); }
  .site-header .search-form .trigger-searchNav {
    width: auto;
    padding: 0 20px;
    display: inline-block; }

.site-header .search-form-wrap {
  position: relative;
  max-width: 370px;
  padding-left: 26px;
  padding-right: 40px;
  height: 100%;
  width: 100%;
  margin: 0 auto; }
  @media (min-width: 720px) {
    .site-header .search-form-wrap {
      padding-left: 65px;
      padding-right: 60px;
      margin: 0; } }
  @media (min-width: 1025px) {
    .site-header .search-form-wrap {
      max-width: 510px;
      padding-left: 200px; } }
  @media (min-width: 1220px) {
    .site-header .search-form-wrap {
      max-width: 370px;
      padding-left: 65px; } }
  @media (min-width: 1440px) {
    .site-header .search-form-wrap {
      max-width: 510px;
      padding-left: 200px; } }

.site-header .field-left {
  position: absolute;
  left: 0;
  top: 0;
  width: 26px;
  border-right: 1px solid #d4d4d4; }
  @media (min-width: 720px) {
    .site-header .field-left {
      width: 65px; } }
  @media (min-width: 1025px) {
    .site-header .field-left {
      width: 200px; } }
  @media (min-width: 1220px) {
    .site-header .field-left {
      width: 65px; } }
  @media (min-width: 1440px) {
    .site-header .field-left {
      width: 200px; } }

.site-header .field-right {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px; }
  @media (min-width: 720px) {
    .site-header .field-right {
      width: 60px; } }

.site-header .field {
  position: relative; }
  .site-header .field > input {
    height: 40px;
    width: 100%;
    border: none;
    padding: 0 10px; }
    .site-header .field > input.error {
      border: 1px solid #a94442;
      color: #a94442; }
  .site-header .field .alert {
    width: 100%;
    display: none;
    position: absolute;
    top: 42px;
    left: 0; }
    .site-header .field .alert.open {
      display: block; }

.site-header .search-dropdown {
  width: 100%;
  height: 40px;
  background: #fff; }
  .site-header .search-dropdown input {
    width: 0;
    height: 40px;
    background: #fff;
    padding-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    border: none;
    padding-left: 0; }
    @media (min-width: 720px) {
      .site-header .search-dropdown input {
        padding-left: 40px; } }
    @media (min-width: 1025px) {
      .site-header .search-dropdown input {
        width: 100%;
        padding-right: 40px; } }
    @media (min-width: 1220px) {
      .site-header .search-dropdown input {
        width: 0;
        padding-right: 0; } }
    @media (min-width: 1440px) {
      .site-header .search-dropdown input {
        width: 100%;
        padding-right: 40px; } }
  .site-header .search-dropdown .placeholder {
    background: #fff !important; }
  .site-header .search-dropdown .search-area {
    background: #fff; }
    .site-header .search-dropdown .search-area .dropdown-trigger {
      /*@include transform(rotate(0deg));*/
      width: 26px;
      z-index: 101; }
      .site-header .search-dropdown .search-area .dropdown-trigger:before {
        font-size: 0; }
      @media (min-width: 720px) {
        .site-header .search-dropdown .search-area .dropdown-trigger {
          position: absolute;
          right: 1px;
          top: 50%;
          margin-top: -20px;
          height: 40px;
          line-height: 40px;
          color: #444;
          width: 40px;
          text-align: center;
          cursor: pointer;
          /*@include transform(rotate(-90deg));*/ }
          .site-header .search-dropdown .search-area .dropdown-trigger:before {
            font-family: 'icomoon';
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            /* Better Font Rendering =========== */
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "";
            font-size: 8px; } }
    .site-header .search-dropdown .search-area:before {
      right: 0;
      top: 0;
      height: 100%; }
  .site-header .search-dropdown .dropdown-content {
    min-width: 140px;
    top: 40px; }
    @media (min-width: 1025px) {
      .site-header .search-dropdown .dropdown-content {
        min-width: 100%; } }
    @media (min-width: 1220px) {
      .site-header .search-dropdown .dropdown-content {
        min-width: 140px; } }
    @media (min-width: 1440px) {
      .site-header .search-dropdown .dropdown-content {
        min-width: 100%; } }
  .site-header .search-dropdown .item-holder {
    overflow: hidden;
    max-height: 200px; }
  .site-header .search-dropdown .icon-buy {
    cursor: pointer;
    top: 7px;
    margin-top: 0;
    left: 7px; }
    @media (min-width: 720px) {
      .site-header .search-dropdown .icon-buy {
        top: 50%;
        margin-top: -4px;
        left: 10px; } }
  .site-header .search-dropdown .icon-rent {
    cursor: pointer;
    top: 23px;
    margin-top: 0;
    left: 7px; }
    @media (min-width: 720px) {
      .site-header .search-dropdown .icon-rent {
        top: 50%;
        margin-top: -4px;
        left: 25px; } }
  .site-header .search-dropdown.open .search-area:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #e0e6d3;
    /*margin-left: -6px;*/ }
    @media (min-width: 720px) {
      .site-header .search-dropdown.open .search-area:after {
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-bottom: 12px solid #e0e6d3;
        /*margin-left: -12px;*/ } }

.brand {
  padding-left: 10px;
  padding-right: 0; }
  @media (min-width: 1440px) {
    .brand {
      padding-right: 46px;
      padding-left: 27px; } }
  .brand a {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../images/logo_mobile.svg") no-repeat center center;
    background-size: auto 100%; }
    @media (min-width: 720px) {
      .brand a {
        background: url("../images/logo.svg") no-repeat center center;
        background-size: 135px auto;
        width: 135px;
        height: 32px; } }

.main-nav::after {
  clear: both;
  content: "";
  display: table; }

@media (max-width: 1219px) {
  .main-nav {
    z-index: 580;
    width: auto;
    position: absolute;
    right: 0;
    top: 0;
    padding-top: 54px;
    max-height: 100%;
    overflow-y: auto;
    -webkit-transition-duration: 0;
    /* Safari */
    transition-duration: 0;
    transform: translate(0, -900px);
    -moz-transform: translate(0, -900px);
    -webkit-transform: translate(0, -900px); } }
  @media (max-width: 1219px) and (min-width: 720px) {
    .main-nav {
      padding-top: 60px; } }

@media (max-width: 1219px) {
    .main-nav.ready-to-show {
      -webkit-transition-duration: 0.3s;
      transition-duration: 0.3s; } }

.main-nav .nav-holder {
  background-color: rgba(103, 163, 4, 0.65); }
  @media (min-width: 1220px) {
    .main-nav .nav-holder {
      display: table;
      float: right;
      height: 100%;
      /*overflow: hidden;*/
      position: static;
      background-color: transparent; }
      .main-nav .nav-holder > ul {
        background-color: transparent; } }

@media (max-width: 1219px) {
  .main-nav.open {
    -webkit-transition-duration: 0.3s;
    /* Safari */
    transition-duration: 0.3s;
    transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -webkit-transform: translate(0, 0); } }

.main-nav li {
  display: block; }
  @media (min-width: 1220px) {
    .main-nav li {
      display: inline-block;
      vertical-align: top; } }
  .main-nav li a {
    border-bottom: 1px solid #ababab;
    border-left: none;
    color: #fff;
    display: block;
    padding: 12px 40px;
    font-size: 14px; }
    @media (min-width: 1220px) {
      .main-nav li a {
        border-left: 1px solid #c4c4c4;
        border-bottom: none;
        font-size: 12px;
        padding: 7px 14px; } }
  .main-nav li:first-child a {
    border-left: none; }

.mobile-nav-trigger {
  display: block;
  z-index: 23;
  padding: 10px; }
  .mobile-nav-trigger::after {
    clear: both;
    content: "";
    display: table; }
  .mobile-nav-trigger a {
    display: none;
    float: left;
    border: none;
    padding: 0;
    height: 40px;
    width: 40px;
    background: #67a304; }
  .mobile-nav-trigger a.toggle-nav {
    display: block; }
  .mobile-nav-trigger.open .c-hamburger--rot {
    background-color: #67a304; }
  .mobile-nav-trigger.open .c-hamburger--rot span {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); }

@media (max-width: 1219px) {
  .content-mobile {
    opacity: 0.5; } }

.c-hamburger {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 96px;
  height: 96px;
  font-size: 0;
  text-indent: -9999px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  transition: background 0.3s; }

.c-hamburger:focus {
  outline: none; }

.c-hamburger span {
  display: block;
  position: absolute;
  top: 19px;
  left: 10px;
  right: 10px;
  height: 3px;
  background: white; }

.c-hamburger span::before,
.c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #fff;
  content: ""; }

.c-hamburger span::before {
  top: -9px; }

.c-hamburger span::after {
  bottom: -9px; }

.c-hamburger--rot span {
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s; }

.footer-nav {
  padding: 10px 0;
  width: 100%;
  font-size: 0; }
  .footer-nav::after {
    clear: both;
    content: "";
    display: table; }
  @media (min-width: 1025px) {
    .footer-nav {
      padding: 10px 20px;
      -webkit-box-align: stretch;
      -moz-box-align: stretch;
      box-align: stretch;
      -webkit-align-items: stretch;
      -moz-align-items: stretch;
      -ms-align-items: stretch;
      -o-align-items: stretch;
      align-items: stretch;
      -ms-flex-align: stretch;
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -moz-box-orient: horizontal;
      box-orient: horizontal;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      flex-direction: row;
      -ms-flex-direction: row;
      -webkit-box-pack: justify;
      -moz-box-pack: justify;
      box-pack: justify;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      -ms-justify-content: space-between;
      -o-justify-content: space-between;
      justify-content: space-between;
      -ms-flex-pack: justify;
      -webkit-box-lines: single;
      -moz-box-lines: single;
      box-lines: single;
      -webkit-flex-wrap: nowrap;
      -moz-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; } }
  @media (min-width: 1025px) {
    .footer-nav {
      padding: 50px 56px; } }
  .footer-nav ul {
    list-style: none; }
  .footer-nav h4 {
    font-size: 22px;
    font-weight: 400;
    cursor: pointer; }
    @media (min-width: 1025px) {
      .footer-nav h4 {
        cursor: default; } }
  .footer-nav li {
    font-size: 12px;
    font-weight: 200;
    /*padding: 4px 0;*/ }
  .footer-nav a {
    display: inline-block;
    padding: 6px 0;
    font-weight: normal;
    font-size: 12px; }
  .footer-nav .nav-section {
    display: block;
    text-align: left;
    margin-bottom: 20px; }
    @media (min-width: 1025px) {
      .footer-nav .nav-section {
        margin-bottom: 0;
        padding-right: 40px;
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        box-flex: 0;
        -webkit-flex: 0 0 auto;
        -moz-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto; } }
    .footer-nav .nav-section ul {
      display: none;
      padding-left: 10px; }
      @media (min-width: 1025px) {
        .footer-nav .nav-section ul {
          display: block;
          padding-left: 0; } }
    .footer-nav .nav-section.open ul {
      display: block; }
  .footer-nav .social-section {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 228px;
    -moz-flex: 0 0 228px;
    -ms-flex: 0 0 228px;
    flex: 0 0 228px; }
    .footer-nav .social-section h4 {
      display: none; }
      @media (min-width: 1025px) {
        .footer-nav .social-section h4 {
          display: block; } }
    .footer-nav .social-section .social-nav {
      width: 100%;
      margin-left: 0;
      padding-right: 0;
      text-align: center; }
      @media (min-width: 1025px) {
        .footer-nav .social-section .social-nav {
          text-align: left; } }

.social-nav li {
  display: inline-block;
  margin-right: 6px; }
  .social-nav li:first-child {
    /*display: block;*/
    /*margin-right: 0;*/ }

.social-nav a {
  font-size: 40px; }