/* 
    Created on : 2016-01-30, 19:17:53
    Author     : Magoo
*/
html, body {
  background-color: #fff;
  font: 400 10px/1.4 "Roboto Condensed", sans-serif;
  color: #222226;
  overflow-x: hidden; }

body {
  font-size: 1.4rem; }

body.modal-open {
  overflow: inherit;
  padding-right: inherit !important; }

.own-btn, .btn--labeled {
  display: inline-block;
  background-color: #0d8012;
  padding: 16px 38px;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 2.6rem;
  font-weight: 300;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap; }
  .own-btn:hover, .btn--labeled:hover {
    background-color: #0b690f;
    text-decoration: none;
    color: #fff; }

.btn--labeled {
  padding-left: 102px; }
  .btn--labeled:before {
    content: "";
    display: inline-block;
    height: 100%;
    width: 64px;
    position: absolute;
    left: 0;
    top: 0;
    background: url("../images/btn-arrow.png") #0a660e no-repeat center center; }
  .btn--labeled:hover:before {
    background-color: #084f0b; }

.btn--contact {
  font-size: 2.4rem;
  padding-left: 75px;
  padding-right: 25px;
  padding-top: 18px; }
  .btn--contact:before {
    content: "";
    display: inline-block;
    height: 100%;
    width: 55px;
    position: absolute;
    left: 0;
    top: 0;
    background: url("../images/btn-arrow.png") #0a660e no-repeat center center; }

.header--logo-holder {
  text-align: center; }
  .header--logo-holder img {
    display: inline-block; }
  @media (min-width: 768px) {
    .header--logo-holder {
      text-align: left; } }

.navigation--holder {
  position: relative;
  text-align: center;
  margin-bottom: 20px;
  min-height: 50px; }
  .navigation--holder:before {
    content: " ";
    display: table; }
  .navigation--holder:after {
    clear: both; }
  @media (min-width: 768px) {
    .navigation--holder {
      margin: 20px 0;
      text-align: left; } }

.navigation--list {
  padding: 0;
  list-style: none;
  margin: 0; }
  @media (min-width: 768px) {
    .navigation--list {
      text-align: left;
      float: left; } }
  .navigation--list > li {
    display: inline-block;
    position: relative; }
    .navigation--list > li > a {
      display: block;
      padding: 10px 15px;
      font-size: 1.8rem;
      color: #45474c;
      text-transform: uppercase;
      font-weight: 300;
      outline: 0;
      border: 0;
      text-decoration: none; }
      .navigation--list > li > a:hover {
        text-decoration: none;
        color: #222226; }
    .navigation--list > li.active > a {
      color: #499405; }
      .navigation--list > li.active > a:hover {
        color: #0a660f; }

.navigation--langs-item > a {
  margin-top: 5px;
  font-size: 1.3rem !important;
  display: inline-block; }
  .navigation--langs-item > a:first-child {
    padding-right: 0; }
  .navigation--langs-item > a:last-child {
    padding-left: 0; }

/*
@media (max-width: $screen-xs-max){
    display: block;
  }
*/
.navigation--langs {
  display: none; }
  @media (min-width: 768px) {
    .navigation--langs {
      display: block;
      margin-right: -15px;
      text-align: left;
      float: right; } }
  .navigation--langs > li > a {
    display: inline-block; }
    .navigation--langs > li > a:first-child {
      padding-right: 0; }

.section--img-holder {
  overflow: hidden;
  position: relative;
  text-align: center; }
  .section--img-holder:before, .section--img-holder:after {
    display: block;
    position: absolute;
    left: 0;
    content: "";
    width: 100%;
    height: 36px;
    background-color: transparent; }
  .section--img-holder:before {
    top: 0;
    box-shadow: inset 0 10px 15px rgba(0, 0, 0, 0.15); }
  .section--img-holder:after {
    bottom: 0;
    box-shadow: inset 0 -10px 15px rgba(0, 0, 0, 0.15); }

.section--img {
  max-width: 100%;
  height: auto;
  margin: 0; }

.section--title,
.section--subtitle,
.section--description {
  position: relative;
  text-align: center;
  font-weight: 400;
  margin: 0 auto;
  max-width: 760px; }

.section--title {
  font-size: 3.8rem;
  font-weight: 700;
  color: #0a660f;
  margin-top: 80px; }

.section--subtitle {
  font-weight: 300;
  font-size: 1.6rem;
  color: #5c665d;
  margin: 0 auto;
  margin-bottom: 30px;
  max-width: 300px;
  text-transform: uppercase; }
  .section--subtitle:before, .section--subtitle:after {
    display: block;
    content: "";
    background: url("../images/section-dots.png") no-repeat center center;
    width: 30%;
    height: 3px;
    position: absolute;
    top: 40%;
    overflow: hidden; }
  .section--subtitle:before {
    left: -32%; }
  .section--subtitle:after {
    right: -32%; }
  @media (min-width: 768px) {
    .section--subtitle:before, .section--subtitle:after {
      width: 208px; }
    .section--subtitle:before {
      left: -72%; }
    .section--subtitle:after {
      right: -72%; } }

.section--description {
  font-size: 1.5rem;
  margin-bottom: 100px; }

.section--map {
  background: url("../images/map.png") transparent no-repeat center center;
  min-height: 200px;
  padding: 140px 0;
  margin: 10px 0;
  text-align: center; }

.footer--prefooter {
  background-color: #f0f0f0;
  padding: 64px 0; }
  .footer--prefooter .section--title,
  .footer--prefooter .section--description {
    margin: 0; }
  .footer--prefooter .section--title {
    margin-bottom: 10px; }
  @media (min-width: 768px) {
    .footer--prefooter .section--title,
    .footer--prefooter .section--description {
      text-align: left; } }

.footer--btn-holder {
  text-align: center; }
  @media (min-width: 768px) {
    .footer--btn-holder {
      text-align: right; } }
  @media (max-width: 768px) {
    .footer--btn-holder {
      padding-top: 30px; } }

.footer--holder {
  text-align: center;
  background-color: #18191d;
  color: #fff;
  padding: 50px 0 40px; }
  .footer--holder p {
    color: #fff;
    font-size: 1.8rem;
    font-weight: 300;
    margin: 2px 0; }
    .footer--holder p:first-child {
      font-size: 2rem;
      font-weight: 400;
      margin-bottom: 15px; }
    .footer--holder p > span {
      color: #ccc; }
    @media (min-width: 768px) {
      .footer--holder p:first-child {
        margin-bottom: 35px; } }

.footer--logo {
  position: relative;
  margin: 34px 0; }
  @media (min-width: 768px) {
    .footer--logo {
      top: -5px;
      margin: 0; } }

.align-left {
  text-align: left; }

.align-right {
  text-align: right; }

.modal-lg {
  width: 95%;
  /* respsonsive width */ }