a {
  cursor: pointer; }

html, body {
  height: 100%;
  width: 100%; }

h2 {
  margin-left: 1.5em; }

body {
  background: #fff;
  color: #404040;
  margin: 0px;
  font-family: Arial, Helvetica, sans-serif;
  padding-top: 2em; }
  @media screen and (max-width: 850px) {
    body {
      overflow-x: hidden; } }
  body .horizontal-wrapper {
    width: 100%;
    overflow-x: hidden;
    position: relative;
    z-index: 0; }

form {
  max-width: 500px; }
  form input[type="text"] {
    width: 45%;
    margin-bottom: 1em;
    margin-top: 4em;
    border-radius: 9px;
    padding: .9em .5em;
    border: 1px solid #ccc; }
    @media screen and (max-width: 850px) {
      form input[type="text"] {
        width: 34%; } }
    form input[type="text"]:first-child {
      margin-right: 2%; }
      @media screen and (max-width: 850px) {
        form input[type="text"]:first-child {
          margin-left: 0em; } }
  form input[type="submit"] {
    margin-top: 3em;
    padding: 1em 4em;
    border-radius: 20px;
    border: none;
    font-weight: bold;
    color: white;
    background: #DF800B;
    cursor: pointer; }
  form textarea {
    width: 100%;
    border-radius: 9px;
    padding: .9em .5em;
    border: 1px solid #ccc; }
    @media screen and (max-width: 850px) {
      form textarea {
        width: 75%; } }

footer {
  position: relative;
  width: 100%;
  border-top: 2px solid #ccc;
  border-bottom: 4em solid #1F2126;
  margin-top: 12em;
  padding: 1.5em 0em; }
  footer a.active {
    font-weight: bolder;
    color: #181C27; }
  @media screen and (max-width: 850px) {
    footer ul {
      display: none !important; } }
  footer li {
    list-style: none;
    margin-right: 1.5em;
    margin-top: 1.5em;
    font-size: .8em; }
    footer li a {
      text-decoration: none;
      color: #AAAEB8; }
  footer .social-icons-footer {
    float: right;
    margin-top: -40px; }
    @media screen and (max-width: 850px) {
      footer .social-icons-footer {
        float: none;
        margin: 1em; } }
    footer .social-icons-footer a {
      color: #181C27;
      margin: 0em 12px; }
  footer .decoration {
    position: absolute;
    bottom: 4em;
    left: -25em;
    z-index: -3;
    transform: rotate(-20deg);
    width: 50%; }
    @media screen and (max-width: 850px) {
      footer .decoration {
        position: absolute;
        bottom: 14em;
        left: 0em;
        z-index: -3;
        transform: rotate(-20deg);
        width: 80%; } }

nav {
  background: #f8f8f8;
  left: 0px;
  position: fixed;
  top: 0px;
  padding: .6em 0;
  width: 100%;
  z-index: 100; }
  nav img {
    height: 3em;
    margin-top: 1em;
    margin-left: .6em; }
    @media screen and (max-width: 850px) {
      nav img {
        height: 2.2em; } }
    nav img:first-child {
      border-right: 2px solid #181C27;
      padding-right: .7em; }
  nav ul li {
    list-style: none;
    margin: 1.5em;
    font-size: .8em; }
  nav a {
    text-decoration: none;
    color: #AAAEB8; }
  nav a.active {
    font-weight: bolder;
    color: #181C27; }

section {
  position: relative;
  z-index: -1;
  max-height: 1020px; }
  section img {
    width: 100%; }
  section .title-right {
    width: 94%;
    text-align: left;
    margin-right: 5%;
    font-size: 2em;
    margin-top: 5em;
    line-height: .8em;
    padding-left: 50%; }
    @media screen and (max-width: 850px) {
      section .title-right {
        margin-bottom: 4em;
        margin-top: 2em;
        padding-left: 10px; } }

@media screen and (max-width: 850px) {
  .section-slide img {
    width: auto;
    height: 100%; } }

.section-slide h3 {
  background: white;
  width: 36%;
  position: absolute;
  bottom: 0px;
  left: 0px;
  font-size: 2.3em;
  font-weight: normal;
  padding: 2em 1em;
  margin-bottom: 0px;
  max-width: 600px; }
  @media screen and (max-width: 850px) {
    .section-slide h3 {
      font-size: 1.2em;
      width: 100%;
      padding: 12px;
      bottom: 3em;
      left: 0px; } }

.big-container {
  max-width: 1920px;
  margin: 7em auto;
  position: relative;
  margin-bottom: 0em;
  min-height: 350px; }
  @media screen and (max-width: 550px) {
    .big-container img {
      height: 350px;
      width: auto;
      float: right; } }

.arrows .fa-arrow-left {
  position: absolute;
  left: 20px;
  top: 50%;
  color: white;
  background: #DF800B;
  z-index: 1;
  padding: .5em;
  border-radius: 50%; }

.arrows .fa-arrow-right {
  position: absolute;
  right: 20px;
  top: 50%;
  color: white;
  background: #DF800B;
  z-index: 1;
  padding: .5em;
  border-radius: 50%; }

.big-slide .slide {
  max-height: 480px;
  overflow: hidden;
  position: relative; }
  .big-slide .slide .text {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    text-align: center;
    font-size: 3em;
    color: white;
    padding-top: 3em; }
    @media screen and (max-width: 850px) {
      .big-slide .slide .text {
        font-size: 2.3em;
        padding-left: 2em;
        padding-top: 1.7em; } }
    @media screen and (max-width: 680px) {
      .big-slide .slide .text {
        font-size: 2em;
        padding-left: 2.5em;
        padding-top: 1.2em; } }
    @media screen and (max-width: 580px) {
      .big-slide .slide .text {
        font-size: 1.5em;
        padding-left: 2.5em;
        padding-top: 1.2em; } }
    @media screen and (max-width: 500px) {
      .big-slide .slide .text {
        font-size: 1.2em;
        padding-left: 3.5em;
        padding-top: 2em; } }
    .big-slide .slide .text h5 {
      margin: 0px auto;
      font-size: .7em;
      text-align: left;
      max-width: 800px; }
    .big-slide .slide .text h4 {
      margin: 25px auto;
      text-align: left;
      max-width: 800px;
      font-size: 1.4em;
      color: #DF800B;
      white-space: nowrap;
      text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6); }
      @media screen and (max-width: 850px) {
        .big-slide .slide .text h4 {
          margin: .15em; } }
    .big-slide .slide .text p {
      margin: 0px auto;
      font-size: .6em;
      text-align: left;
      max-width: 800px; }
    .big-slide .slide .text span {
      color: white; }

.bueno-feature {
  min-width: 250px; }
  .bueno-feature img {
    width: 80px;
    display: block;
    margin: auto;
    margin-bottom: 2em; }
    @media screen and (max-width: 850px) {
      .bueno-feature img {
        margin-bottom: 0px; } }
  .bueno-feature p {
    color: #848894;
    font-weight: bold;
    font-size: .9em; }

.built-alpha-feature {
  min-width: 220px; }
  .built-alpha-feature img {
    width: 80px;
    display: block;
    margin: auto;
    margin-bottom: 1em; }
  .built-alpha-feature b {
    font-size: 1.5em;
    color: #848894; }
  .built-alpha-feature p {
    color: #848894;
    font-weight: bold;
    font-size: .75em; }

@media screen {
  .contact-section > div {
    padding: 1em !important; } }

.height-100 {
  height: 100%;
  overflow: hidden; }

@media screen and (max-width: 850px) {
  .hide-mobile {
    display: none; } }

.show-mobile {
  display: none; }
  @media screen and (max-width: 850px) {
    .show-mobile {
      display: inherit; } }

#fade {
  position: relative;
  height: 100%;
  overflow: hidden; }
  #fade div {
    height: 100%;
    overflow: hidden; }

.form-flex {
  display: flex;
  padding: 0px !important;
  min-width: 85% !important; }
  @media screen and (max-width: 850px) {
    .form-flex {
      display: block; } }

.gray-copy {
  font-size: 2em;
  color: #ccc; }
  @media screen and (max-width: 850px) {
    .gray-copy {
      font-size: 1.2em; } }
  .gray-copy span {
    color: #DF800B; }

.center {
  text-align: center;
  justify-content: center; }

.center-img {
  width: 300px;
  margin: 3em auto 6em auto; }
  @media screen and (max-width: 850px) {
    .center-img {
      width: 220px; } }

.contact-info {
  font-size: 1.2em;
  margin-top: 3em; }
  .contact-info b {
    color: #969696; }
  .contact-info p {
    font-weight: bolder;
    color: #181C27; }

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

.control-arrows {
  display: flex;
  flex-direction: column;
  position: absolute;
  bottom: 1em;
  right: 2.2em; }
  .control-arrows i {
    color: #181C27;
    margin: .5em 0; }

.copy-list {
  font-size: 1.3em;
  font-weight: bold;
  padding-left: 3.5em;
  margin-top: 4em; }
  .copy-list li {
    margin-top: 1em; }
  @media screen and (max-width: 850px) {
    .copy-list {
      padding-left: 1.5em;
      padding-right: 1em; } }

.map {
  background: #404040;
  height: 350px;
  width: 100%; }

@media screen and (max-width: 850px) {
  #main-menu {
    display: none; } }

.parallax {
  width: 100%;
  height: 450px; }

#services {
  position: relative;
  padding-top: 7em; }
  #services .decoration {
    position: absolute;
    top: 0px;
    right: -16em;
    width: 108%; }
    @media screen and (max-width: 850px) {
      #services .decoration {
        top: auto;
        bottom: -18em;
        right: -19em; } }

.sidebar {
  background: white;
  border-bottom: 3em solid white;
  height: 100%;
  position: absolute;
  min-height: 350px;
  top: 0px;
  right: 0px;
  width: 4.5em; }
  @media screen and (max-width: 850px) {
    .sidebar {
      display: none; } }

.space-line {
  height: 4px;
  border-top: 1px solid #181C27;
  margin: 9em auto; }

.copy-img {
  margin-top: 3em;
  font-size: 2em; }
  .copy-img img {
    height: 70px;
    width: auto; }
    .copy-img img:first-child {
      padding-right: 30px;
      margin-right: 20px;
      border-right: 1px solid; }
    @media screen and (max-width: 850px) {
      .copy-img img {
        height: 45px; } }
  .copy-img b {
    margin-top: 8px;
    font-size: 1.8em;
    margin-left: .4em;
    color: #969696; }
    @media screen and (max-width: 850px) {
      .copy-img b {
        font-size: .9em;
        margin-top: 1em;
        width: 100%; } }

@media screen and (max-width: 850px) {
  .slides {
    padding: 0px !important; } }

.slides .slide {
  width: 80%;
  padding-bottom: 5em;
  position: relative; }
  .slides .slide:after {
    content: "";
    position: absolute;
    width: 400px;
    height: 70%;
    background: #D8D8D8;
    z-index: 2;
    top: -6em;
    left: -7em;
    z-index: -1; }
  .slides .slide:before {
    content: "";
    position: absolute;
    width: 90px;
    height: 90px;
    background: #DF800B;
    z-index: 2;
    bottom: 30px;
    right: -3em;
    z-index: -1; }
    @media screen and (max-width: 850px) {
      .slides .slide:before {
        margin-left: 0px;
        padding: 0px;
        width: 80px;
        height: 80px;
        right: -2em;
        bottom: -45px; } }
  @media screen and (max-width: 850px) {
    .slides .slide {
      margin-left: 20px;
      padding: 0px; } }

@media screen and (max-width: 850px) {
  .no-padding-on-mobile {
    padding: 0px !important; } }

.mobile-menu-button {
  display: none;
  position: absolute;
  top: 25px;
  right: 20px;
  cursor: pointer; }
  @media screen and (max-width: 850px) {
    .mobile-menu-button {
      display: block; } }

#mobile-menu {
  display: none;
  position: fixed;
  top: 0px;
  right: -100%;
  width: 60%;
  height: 100%;
  background: #f8f8f8;
  margin: 0px;
  font-size: 2em;
  transition: all ease .4s;
  z-index: 2000;
  padding-top: 2em; }
  @media screen and (max-width: 850px) {
    #mobile-menu {
      display: block; } }
  #mobile-menu.show {
    right: 0%; }
  #mobile-menu li {
    list-style: none;
    margin-top: 2em; }
  #mobile-menu a {
    text-decoration: none;
    color: #404040; }

.spaced-top {
  margin-top: 10em; }
  @media screen and (max-width: 850px) {
    .spaced-top {
      margin-top: 13em; } }

@media screen and (max-width: 850px) {
  .spaced-top-mobile {
    margin-top: 4em !important; } }

.social-icons {
  position: absolute;
  top: 50%;
  right: 2.2em;
  display: flex;
  flex-direction: column;
  transform: translate(0, -50%);
  align-items: center; }
  .social-icons i {
    color: #181C27;
    margin: .5em 0em;
    transition: all ease 0.2s; }
    .social-icons i:hover {
      transform: translate(-0.2em, 0); }

.row {
  display: flex;
  flex-wrap: wrap; }
  .row div {
    flex: 1; }
    @media screen and (max-width: 850px) {
      .row div {
        min-width: 85%;
        padding: 1.5em; } }

.white {
  background: white; }

.lonely-copy {
  font-size: 4em;
  margin-top: 0em;
  margin-bottom: 3em;
  color: #404040;
  font-weight: bold; }
  @media screen and (max-width: 500px) {
    .lonely-copy {
      font-size: 2.2em;
      padding: 11px; } }

.white-copy {
  position: absolute;
  top: 56%;
  left: 20%;
  color: white;
  transform: translate(0, -50%);
  font-size: 3em; }
  .white-copy p {
    margin-top: 1.5em;
    font-weight: bolder;
    font-size: 2em;
    margin-top: .5em; }
  @media screen and (max-width: 850px) {
    .white-copy {
      font-size: 2.7em;
      line-height: 1.2em;
      left: 5%; } }
  @media screen and (max-width: 550px) {
    .white-copy {
      font-size: 2.15em;
      line-height: 1.2em;
      text-shadow: 0px 0px 11px rgba(0, 0, 0, 0.6); }
      .white-copy p {
        margin-top: 1em;
        margin-bottom: 0px;
        font-weight: bolder;
        line-height: 1.2em;
        font-size: 1em; }
      .white-copy b {
        font-size: 0.6em;
        line-height: 1.2em; } }
  @media screen and (max-width: 450px) {
    .white-copy {
      font-size: 2.15em;
      line-height: .8em;
      text-shadow: 0px 0px 11px rgba(0, 0, 0, 0.6); } }