@import url("https://fonts.googleapis.com/css?family=Alef:400,700");
html,
body {
  overflow-x: hidden;
  font-size: 12px; }
  @media screen and (min-width: 768px) {
    html,
    body {
      font-size: 14px; } }
  @media screen and (min-width: 992px) {
    html,
    body {
      font-size: 15px; } }
  @media screen and (min-width: 1200px) {
    html,
    body {
      font-size: 16px; } }

h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
ul,
ol,
span {
  margin: 0;
  padding: 0; }

a {
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s; }
  a:link, a:hover, a:active, a:focus, a:visited {
    color: inherit;
    text-decoration: none; }
  a:hover {
    text-decoration: underline; }

ul,
ol {
  list-style: none;
  padding-left: 0; }

img {
  max-width: 100%;
  height: auto; }

input,
button {
  border: none; }
  input:focus,
  button:focus {
    outline: none; }

::-moz-selection {
  background-color: #ed9724;
  color: #ffffff; }

::selection {
  background-color: #ed9724;
  color: #ffffff; }

.heading-primary, h1 {
  font-family: "Alef", "Helvetica", "Arial", sans-serif;
  font-size: 2.25rem;
  font-weight: 700;
  color: #ed9724; }
  @media screen and (min-width: 768px) {
    .heading-primary, h1 {
      font-size: 2.8125rem; } }

.heading-secondary, h2 {
  color: #ffffff;
  font-size: 3.333rem;
  font-family: "Alef", "Helvetica", "Arial", sans-serif;
  font-weight: 700; }
  @media screen and (min-width: 768px) {
    .heading-secondary, h2 {
      font-size: 1.875rem; } }

.paragraph, p {
  font-size: 2.0833rem;
  color: #ffffff;
  font-family: "Alef", "Helvetica", "Arial", sans-serif;
  font-weight: 700; }
  @media screen and (min-width: 768px) {
    .paragraph, p {
      font-size: .875rem; } }
  .paragraph + .paragraph, p + .paragraph, .paragraph + p, p + p {
    margin-top: 2rem; }
    @media screen and (min-width: 768px) {
      .paragraph + .paragraph, p + .paragraph, .paragraph + p, p + p {
        margin-top: 1.5rem; } }
  .paragraph--small {
    font-size: 1.167rem; }
    @media screen and (min-width: 768px) {
      .paragraph--small {
        font-size: 1.125rem; } }
    .paragraph--small-2 {
      font-size: 1.167rem; }
      @media screen and (min-width: 768px) {
        .paragraph--small-2 {
          font-size: 1.25rem; } }
  .paragraph--med {
    font-size: 1.333rem;
    color: #231f20; }
    @media screen and (min-width: 768px) {
      .paragraph--med {
        font-size: 1rem; } }

.banner__img {
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 34.583rem; }
  @media screen and (min-width: 768px) {
    .banner__img {
      height: 25vw; } }
  .banner__img--big {
    height: 32.5rem;
    background-position: center bottom; }
    @media screen and (min-width: 768px) {
      .banner__img--big {
        height: 45vw; } }

.banner--shape {
  position: relative; }
  .banner--shape:after {
    content: "";
    height: 100%;
    width: 100%;
    pointer-events: none;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    background-image: url("../images/shape-bg-primary.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center bottom; }

.contact {
  text-align: center;
  padding: 3.333rem 0 2.5rem 0; }
  @media screen and (min-width: 768px) {
    .contact {
      padding: 3.75rem 0; } }

.form {
  display: inline-block;
  width: 100%;
  max-width: 255px;
  text-align: left; }
  @media screen and (min-width: 768px) {
    .form {
      text-align: right;
      max-width: 500px; } }
  @media screen and (min-width: 992px) {
    .form {
      max-width: 535px; } }
  @media screen and (min-width: 1200px) {
    .form {
      max-width: 575px; } }
  @media screen and (min-width: 768px) {
    .form__inputs {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; } }
  .form__input {
    height: 2.5rem;
    border: 1px solid #000000;
    display: block;
    width: 100%;
    margin: 0 auto;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
    padding: 0 1rem;
    font-family: "Alef", "Helvetica", "Arial", sans-serif;
    color: #231f20;
    font-weight: 400; }
    @media screen and (min-width: 768px) {
      .form__input {
        padding: 0 .75rem; } }
    .form__input:focus {
      border-color: #ed9724; }
    .form__input + .form__input {
      margin-top: 1.333rem; }
      @media screen and (min-width: 768px) {
        .form__input + .form__input {
          margin-top: 0;
          margin-right: .875rem; } }
  .form__btn {
    display: inline-block;
    background-color: #ed9724;
    padding: 0 1.667rem;
    font-size: 2.5rem;
    color: #ffffff;
    font-family: "Alef", "Helvetica", "Arial", sans-serif;
    font-weight: 700;
    margin-top: 1.333rem;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s; }
    @media screen and (min-width: 768px) {
      .form__btn {
        padding: 0 1.25rem;
        margin-top: 1.25rem;
        line-height: 1; } }
    .form__btn:hover {
      background-color: #db8512; }

.social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }
  .social__item {
    width: 2.0833rem;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s; }
    @media screen and (min-width: 768px) {
      .social__item {
        width: 1.5625rem; } }
    .social__item:hover {
      -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
      transform: scale(1.05); }
    .social__item + .social__item {
      margin-right: 2px; }

@media screen and (min-width: 768px) {
  .gallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; } }

.gallery__item {
  width: 100%;
  height: 70vw;
  display: none;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  @media screen and (min-width: 768px) {
    .gallery__item {
      height: 14.0625rem;
      display: block;
      width: 25%; } }
  .gallery__item--mobile {
    display: block; }

.features {
  padding: 2.5rem 0 4.167rem 0; }
  @media screen and (min-width: 768px) {
    .features {
      padding: 1.875rem 0 1.25rem 0; } }
  .features__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 15px; }
    @media screen and (min-width: 768px) {
      .features__content {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; } }
  .features__item {
    width: 50%; }
    @media screen and (min-width: 768px) {
      .features__item {
        width: 33.333%; } }

.container {
  max-width: 750px;
  margin: 0 auto; }

.header {
  background-color: rgba(255, 255, 255, 0.6);
  padding: 2.0833rem 0 1.667rem 0; }
  @media screen and (min-width: 768px) {
    .header {
      padding: 1.5625rem 0 1.25rem 0; } }
  .header__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .header__logo {
    width: 40%;
    max-width: 135px;
    display: block; }
    @media screen and (min-width: 768px) {
      .header__logo {
        width: 9.375rem; } }
  .header__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 155px; }
    @media screen and (min-width: 768px) {
      .header__social {
        min-width: 155px; } }
    .header__social-label {
      color: #ed9724;
      font-size: 1.167rem;
      margin-left: 5px; }
      @media screen and (min-width: 768px) {
        .header__social-label {
          font-size: .875rem; } }
    .header__social-tel {
      font-family: "Alef", "Helvetica", "Arial", sans-serif;
      color: #231f20;
      font-weight: 700;
      line-height: 1;
      font-size: 2rem; }
      @media screen and (min-width: 768px) {
        .header__social-tel {
          font-size: 1.5rem; } }
  .header__btn-wrapper {
    width: 100%;
    margin-top: 1.5rem; }
    @media screen and (min-width: 768px) {
      .header__btn-wrapper {
        display: none; } }
  .header__btn {
    padding: 0;
    margin: 0 auto 0 0;
    background: transparent;
    display: block; }
    .header__btn-line {
      height: 4px;
      width: 3.333rem;
      background-color: #3a0000;
      display: block; }
      .header__btn-line + .header__btn-line {
        margin-top: 5px; }
  .header__nav {
    position: absolute;
    bottom: -1.5rem;
    left: 0;
    width: 100%;
    height: auto;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    background-color: #ffffff;
    padding: 2rem;
    display: none; }
    @media screen and (min-width: 768px) {
      .header__nav {
        background: transparent;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        position: static;
        display: block !important;
        padding: 0;
        width: auto; } }
  .header__menu {
    text-align: center; }
    @media screen and (min-width: 768px) {
      .header__menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; } }
    .header__menu-item {
      font-size: 1.167rem;
      line-height: 1; }
      @media screen and (min-width: 768px) {
        .header__menu-item {
          font-size: .875rem; } }
      .header__menu-item + .header__menu-item {
        margin-top: 1.333rem; }
        @media screen and (min-width: 768px) {
          .header__menu-item + .header__menu-item {
            margin-top: 0;
            margin-right: 1rem;
            padding-right: 1rem;
            border-right: 1px solid #231f20; } }
      .header__menu-item--active {
        font-weight: 700; }
  .header--alt {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: auto; }

.footer {
  padding: 1.667rem 0;
  background-color: #00a5a7; }
  @media screen and (min-width: 768px) {
    .footer {
      padding: 3.125rem 0 9.375rem 0; } }
  .footer__logo {
    margin-top: 3.333rem;
    width: 40%;
    display: block; }
    @media screen and (min-width: 768px) {
      .footer__logo {
        width: 100%;
        margin-top: 0; } }
  @media screen and (min-width: 768px) {
    .footer__contact {
      white-space: nowrap; } }
  .footer__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 1.667rem; }
    @media screen and (min-width: 768px) {
      .footer__nav {
        margin-top: 2.5rem;
        position: absolute;
        top: 0;
        right: 0; } }
  .footer__menu-item {
    font-family: "Alef", "Helvetica", "Arial", sans-serif;
    font-size: 1.167rem;
    color: #231f20; }
    @media screen and (min-width: 768px) {
      .footer__menu-item {
        font-size: .875rem; } }
  .footer__menu + .footer__menu {
    margin-right: 2.5rem; }
    @media screen and (min-width: 768px) {
      .footer__menu + .footer__menu {
        margin-right: 1.25rem; } }

.section-jeep {
  padding-top: 15px;
  padding-bottom: 13.75rem;
  position: relative; }
  @media screen and (min-width: 768px) {
    .section-jeep {
      padding-top: 2.5rem;
      padding-bottom: 13.4375rem; } }
  .section-jeep:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../images/shape-bg.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center bottom;
    pointer-events: none; }

.u-bg-primary {
  background-color: #3a0000; }

.u-margin-bottom-smallest {
  margin-bottom: 5px; }

.u-margin-bottom-smaller {
  margin-bottom: 1rem; }
  @media screen and (min-width: 768px) {
    .u-margin-bottom-smaller {
      margin-bottom: .75rem; } }

.u-margin-bottom-small {
  margin-bottom: 1.667rem; }
  @media screen and (min-width: 768px) {
    .u-margin-bottom-small {
      margin-bottom: 1.25rem; } }

.u-margin-bottom-med {
  margin-bottom: 2.5rem; }
  @media screen and (min-width: 768px) {
    .u-margin-bottom-med {
      margin-bottom: 1.875rem; } }
  .u-margin-bottom-med-2 {
    margin-bottom: 2.5rem; }
    @media screen and (min-width: 768px) {
      .u-margin-bottom-med-2 {
        margin-bottom: 2.5rem; } }

@media screen and (min-width: 768px) {
  .u-margin-bottom-sm-null {
    margin-bottom: 0; } }

.u-padding-horizontal-null {
  padding-left: 0;
  padding-right: 0; }

.u-color-text {
  color: #231f20; }

.u-weight-reg {
  font-weight: 400; }

.u-align-inline-center {
  text-align: center; }

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

@media screen and (min-width: 768px) {
  .u-align-inline-sm-right {
    text-align: right; } }

@media screen and (min-width: 768px) {
  .u-align-inline-sm-left {
    text-align: left; } }

.u-position-relative {
  position: relative; }

.u-break-sm {
  display: none; }
  @media screen and (min-width: 768px) {
    .u-break-sm {
      display: block; } }

.u-height-icon {
  height: 5.4167rem; }
  @media screen and (min-width: 768px) {
    .u-height-icon {
      height: 6.25rem; } }

.features__item
{
    cursor: pointer;
}

.features__item:hover
{
/*    background: #9ecf44;*/
}

.form__btn
{
    cursor: pointer;
}

.form__btn:disabled
{
    background-color: #ffd6a0;
    cursor: no-drop;
}

#displayBlack {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 5555;
	transition: 0.6s;
}
#displayBlack img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}