/*
--------------------
VARIABLES
--------------------
*/
/*
--------------------
BASE
--------------------
*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Avenir', Helvetica, sans-serif;
  font-weight: 300; }

html, body {
  height: 100%; }

body {
  background: url("../img/other/black-and-white-pool.jpg"); }

ul {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0; }
  ul li {
    display: inline-block; }

h1 {
  font-size: 24px; }

h2 {
  font-size: 18px; }

h3 {
  font-size: 16px;
  font-weight: bold; }

p, a {
  font-size: 14px; }

a {
  color: #4D7DAB;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

.container-fluid {
  padding-right: 0;
  padding-left: 35px; }

.btn {
  border-radius: 0;
  border: none;
  outline: none;
  background: gray;
  text-shadow: none;
  color: white;
  min-height: 40px; }
  .btn.btn-primary {
    background: #b8a257; }
    .btn.btn-primary.blue {
      background: #4D7DAB; }
      .btn.btn-primary.blue:hover {
        background: #457099; }
      .btn.btn-primary.blue:active {
        background: #3d6388; }
    .btn.btn-primary.teal {
      background: #00aeb0; }
      .btn.btn-primary.teal:hover {
        background: #009597; }
      .btn.btn-primary.teal:acitve {
        background: #007c7d; }
    .btn.btn-primary:hover {
      background: #ad9649; }
    .btn.btn-primary:active {
      background: #9b8641; }

hr.divider {
  margin-top: 10px; }

@font-face {
  font-family: 'Avenir';
  src: url("fonts/avenir/AvenirLTStd-Light.otf"); }
@font-face {
  font-family: 'Avenir Book';
  src: url("fonts/avenir/AvenirLTStd-Book.otf");
  font-weight: bold; }
@font-face {
  font-family: 'Avenir Roman';
  src: url("fonts/avenir/AvenirLTStd-Roman.otf"); }
/*
--------------------
COMPONENTS
--------------------
*/
/*
--------------------
WEBSITE
--------------------
*/
html, .web-body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0; }

.navbar {
  margin: 0;
  padding: 5px 30px;
  border-radius: 0;
  border: none;
  border-bottom: 5px solid #40688f;
  background: rgba(70, 150, 205, 0.9);
  position: relative;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%; }
  .navbar .navbar-collapse {
    margin-top: 20px; }
  .navbar .navbar-nav li.active a {
    color: white;
    background: none;
    box-shadow: none;
    border-bottom: 2px solid #00aeb0; }
  .navbar .navbar-nav li a {
    color: white;
    padding: 5px 15px; }

.nav-header #logo {
  height: 70px; }

.section-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }
  .section-wrapper section {
    min-height: 100%; }
  .section-wrapper section.partners {
    min-height: 100px;
    height: 350px; }

.main-container section.first-section {
  background: url("../img/seller-first-section-bg.jpg") no-repeat;
  background-size: cover;
  padding-top: 30px; }
  .main-container section.first-section.buyer {
    background: url("../img/buyer-first-section.jpg") no-repeat;
    background-size: cover; }
  .main-container section.first-section.landing {
    background: url("../img/seller-fifth-section.jpg") no-repeat;
    background-size: cover; }
  .main-container section.first-section.about {
    background: url("../img/about-first-section.jpg") no-repeat;
    background-size: cover; }
.main-container section.second-section {
  padding-top: 80px;
  min-height: 100px;
  max-height: 725px;
  background: #F1F1F2; }
.main-container section.third-section {
  position: relative; }
  .main-container section.third-section:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -99;
    width: 100%;
    height: 100%;
    background: url("../img/seller-third-section-bg.jpg") no-repeat;
    background-size: cover;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH"; }
  .main-container section.third-section.buyer {
    z-index: -999;
    background: url("../img/buyer-second-section.jpg") no-repeat;
    background-size: cover; }
    .main-container section.third-section.buyer:after {
      background: none; }
.main-container section.fourth-section {
  background: #F1F1F2; }
.main-container section.mid-section {
  min-height: 100px;
  height: 280px;
  background: url("../img/seller-mid-section-bg.jpg") 100% no-repeat; }
  .main-container section.mid-section.buyer {
    background: url("../img/buyer-second-section.jpg") no-repeat;
    background-size: cover;
    background-position: 0; }
  .main-container section.mid-section.about {
    background: url("../img/about-mid-section.jpg") no-repeat;
    background-size: cover;
    background-position: 0; }

.first-section {
  padding-bottom: 30px; }
  .first-section h1 {
    display: inline-block;
    margin: 0;
    margin-top: 80px;
    padding: 20px 150px;
    color: white;
    font-size: 20px;
    text-transform: uppercase;
    background: #00aeb0; }
  .first-section h2 {
    display: inline-block;
    margin: 0;
    padding: 50px 150px;
    color: #011626;
    font-size: 36px;
    line-height: 1.5em;
    background: #009fa1; }
  .first-section .content {
    display: inline-block;
    padding: 50px 150px;
    background-color: rgba(255, 255, 255, 0.5); }
    .first-section .content p {
      font-size: 20px;
      line-height: 1.5em; }
    .first-section .content button {
      margin-top: 50px; }
  .first-section.about > .content {
    padding: 80px 0;
    background: none;
    overflow: hidden; }
    .first-section.about > .content .big-section {
      margin-right: 10%;
      padding: 50px;
      background: rgba(70, 150, 205, 0.9);
      width: 45%; }
      .first-section.about > .content .big-section .header h1 {
        text-transform: uppercase;
        font-size: 20px;
        text-align: left;
        color: white;
        padding: 0;
        margin: 0;
        background: none; }
      .first-section.about > .content .big-section .header p {
        font-size: 36px;
        line-height: 1em;
        color: #011626;
        padding: 30px 0;
        border-bottom: 1px solid #011626;
        background: none; }
      .first-section.about > .content .big-section .inner-content p {
        color: white; }
    .first-section.about > .content .small-section {
      padding: 50px;
      padding-top: 100px;
      width: 40%; }
      .first-section.about > .content .small-section .inner-content p {
        font-size: 36px;
        color: #3d6388; }

.second-section {
  padding: 50px; }
  .second-section h2, .second-section p {
    margin: 0;
    padding: 0;
    text-align: center; }
  .second-section h2 {
    font-size: 30px; }
  .second-section p {
    font-size: 20px;
    line-height: 1.5em;
    color: #615e64;
    width: 65%;
    margin: 10px auto; }
  .second-section .form input {
    width: 45%;
    margin: 30px auto;
    height: 45px; }
  .second-section table {
    width: 60%;
    margin: 30px auto;
    text-align: center;
    border-collapse: separate;
    border-spacing: 20px 0; }
    .second-section table tr:nth-child(2) td {
      border-top: 1px solid #615e64;
      padding: 20px; }
      .second-section table tr:nth-child(2) td input {
        background: none;
        border: none;
        outline: none;
        box-shadow: none;
        text-align: center; }
    .second-section table tr th {
      border-top: none; }
    .second-section table tr th, .second-section table tr td {
      text-align: center;
      font-size: 20px;
      text-transform: uppercase;
      color: #011626; }
    .second-section table tr td {
      text-transform: none;
      padding: 20px;
      border-top: 1px solid #615e64; }
      .second-section table tr td i {
        float: left;
        color: #00aeb0; }
  .second-section.landing ul {
    display: block;
    margin-bottom: 30px; }
    .second-section.landing ul li {
      position: relative;
      text-transform: uppercase;
      border: 1px solid #b8a257; }
      .second-section.landing ul li a {
        display: block;
        padding: 10px 80px;
        color: #011626;
        text-decoration: none; }
      .second-section.landing ul li.active {
        background: #b8a257;
        border: 1px solid #b8a257; }
        .second-section.landing ul li.active::after {
          content: '';
          position: absolute;
          bottom: -10px;
          left: 50%;
          margin-left: -5px;
          width: 10px;
          height: 10px;
          border: 10px solid #b8a257;
          border-top: 10px solid transparent;
          border-left: 10px solid transparent;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }

.main-container .third-section .content {
  display: flex;
  position: relative;
  justify-content: flex-end; }
  .main-container .third-section .content h2, .main-container .third-section .content p {
    margin: 0;
    padding: 0; }
  .main-container .third-section .content .blue-section, .main-container .third-section .content .brown-section {
    position: relative;
    top: -50px;
    left: 0;
    padding: 50px;
    padding-top: 90px;
    width: 50%;
    height: 100%;
    background: rgba(77, 125, 171, 0.8); }
    .main-container .third-section .content .blue-section::after, .main-container .third-section .content .brown-section::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      z-index: -50;
      width: 100%;
      height: 50%;
      background: white; }
    .main-container .third-section .content .blue-section h2, .main-container .third-section .content .brown-section h2 {
      font-size: 20px;
      text-transform: uppercase;
      color: white; }
    .main-container .third-section .content .blue-section h3, .main-container .third-section .content .brown-section h3 {
      font-size: 36px;
      color: #011626; }
    .main-container .third-section .content .blue-section div, .main-container .third-section .content .brown-section div {
      margin-top: 50px; }
      .main-container .third-section .content .blue-section div i, .main-container .third-section .content .blue-section div p, .main-container .third-section .content .brown-section div i, .main-container .third-section .content .brown-section div p {
        display: inline-block; }
      .main-container .third-section .content .blue-section div i, .main-container .third-section .content .brown-section div i {
        color: white;
        font-size: 44px;
        text-align: center;
        padding: 30px;
        border: 1px solid white;
        border-radius: 50%; }
      .main-container .third-section .content .blue-section div span.calculator, .main-container .third-section .content .brown-section div span.calculator {
        display: inline-block;
        width: 103px;
        height: 103px;
        margin: 0 auto;
        background: url("../img/sprite.png") no-repeat -212px -240px;
        background-size: 500px;
        border: 1px solid white;
        border-radius: 50%; }
      .main-container .third-section .content .blue-section div p, .main-container .third-section .content .brown-section div p {
        width: 65%;
        vertical-align: top;
        margin-left: 30px;
        font-size: 20px;
        line-height: 1.5em;
        color: white; }
  .main-container .third-section .content .white-section {
    background: #F1F1F2;
    width: 50%; }
    .main-container .third-section .content .white-section ul {
      padding-top: 50px;
      padding-bottom: 300px;
      margin-left: 60px; }
    .main-container .third-section .content .white-section ul li {
      font-size: 24px;
      margin-bottom: 80px; }
    .main-container .third-section .content .white-section .table {
      border-collapse: separate;
      border-spacing: 0; }
      .main-container .third-section .content .white-section .table tr {
        border: 1px solid red;
        padding-bottom: 10em; }
        .main-container .third-section .content .white-section .table tr th, .main-container .third-section .content .white-section .table tr td {
          text-align: center; }
        .main-container .third-section .content .white-section .table tr th {
          border-top: none;
          padding: 50px 0; }
        .main-container .third-section .content .white-section .table tr td {
          padding: 20px; }
    .main-container .third-section .content .white-section ul.icons {
      display: flex;
      flex-flow: row wrap;
      margin: 0;
      padding: 40px; }
      .main-container .third-section .content .white-section ul.icons .icon {
        margin: 0;
        padding: 10px;
        width: 50%; }
        .main-container .third-section .content .white-section ul.icons .icon h3 {
          margin: 0;
          margin-top: 10px;
          margin-bottom: 10px;
          height: 35px;
          font-size: 16px; }
        .main-container .third-section .content .white-section ul.icons .icon p {
          margin-bottom: 20px; }
        .main-container .third-section .content .white-section ul.icons .icon span {
          display: block;
          margin: 0 auto; }
        .main-container .third-section .content .white-section ul.icons .icon .home {
          width: 103px;
          height: 103px;
          background: url("../img/sprite.png") no-repeat 0 -64px;
          background-size: 500px; }
        .main-container .third-section .content .white-section ul.icons .icon .couch {
          width: 103px;
          height: 103px;
          background: url("../img/sprite.png") no-repeat -343px -64px;
          background-size: 500px; }
        .main-container .third-section .content .white-section ul.icons .icon .agreement {
          width: 103px;
          height: 103px;
          background: url("../img/sprite.png") no-repeat -112px -64px;
          background-size: 500px; }
        .main-container .third-section .content .white-section ul.icons .icon .user {
          width: 103px;
          height: 103px;
          background: url("../img/sprite.png") no-repeat -225px -64px;
          background-size: 500px; }
.main-container .third-section.buyer .content .blue-section {
  position: relative; }
  .main-container .third-section.buyer .content .blue-section::after {
    height: 65%;
    top: 120px;
    z-index: -99; }
  .main-container .third-section.buyer .content .blue-section div.text-center {
    padding-bottom: 50px;
    border-bottom: 1px solid #011626; }
    .main-container .third-section.buyer .content .blue-section div.text-center span.home-search {
      display: block;
      width: 103px;
      height: 103px;
      margin: 0 auto;
      background: url("../img/sprite.png") no-repeat -285px -240px;
      background-size: 500px;
      border: 1px solid white;
      border-radius: 50%; }
  .main-container .third-section.buyer .content .blue-section p {
    float: right;
    display: block;
    width: 100%;
    text-align: right;
    font-size: 48px;
    color: white;
    margin: 0;
    margin-top: 50px; }
.main-container .third-section.landing {
  padding: 100px 0; }
  .main-container .third-section.landing::after {
    background: url("../img/landing-third-section.jpg");
    background-size: cover;
    background-position: center; }
  .main-container .third-section.landing .content {
    display: flex;
    justify-content: space-between; }
  .main-container .third-section.landing .blue-section, .main-container .third-section.landing .brown-section {
    position: static;
    width: 45%;
    height: auto;
    padding: 40px;
    margin: 0;
    flex-basis: 100%;
    overflow: hidden; }
    .main-container .third-section.landing .blue-section div.content, .main-container .third-section.landing .brown-section div.content {
      margin: 0; }
      .main-container .third-section.landing .blue-section div.content span, .main-container .third-section.landing .brown-section div.content span {
        display: inline-block;
        width: 80px;
        height: 80px;
        margin: 0 auto; }
      .main-container .third-section.landing .blue-section div.content span.sale, .main-container .third-section.landing .brown-section div.content span.sale {
        background: url("../img/sprite.png") no-repeat 15px -170px;
        background-size: 500px;
        border: 1px solid #fff;
        border-radius: 50%; }
      .main-container .third-section.landing .blue-section div.content span.home, .main-container .third-section.landing .brown-section div.content span.home {
        background: url("../img/sprite.png") no-repeat -46px -180px;
        background-size: 500px;
        border: 1px solid #fff;
        border-radius: 50%; }
    .main-container .third-section.landing .blue-section::after, .main-container .third-section.landing .brown-section::after {
      display: none; }
    .main-container .third-section.landing .blue-section .header h3, .main-container .third-section.landing .blue-section .header p, .main-container .third-section.landing .brown-section .header h3, .main-container .third-section.landing .brown-section .header p {
      margin: 0; }
    .main-container .third-section.landing .blue-section .header h3, .main-container .third-section.landing .brown-section .header h3 {
      font-size: 20px; }
    .main-container .third-section.landing .blue-section .header p, .main-container .third-section.landing .brown-section .header p {
      display: block;
      width: 100%;
      font-size: 36px;
      margin-bottom: 50px; }
    .main-container .third-section.landing .blue-section .content, .main-container .third-section.landing .brown-section .content {
      height: 200px;
      overflow: hidden; }
      .main-container .third-section.landing .blue-section .content p, .main-container .third-section.landing .brown-section .content p {
        font-size: 16px; }
    .main-container .third-section.landing .blue-section button, .main-container .third-section.landing .brown-section button {
      margin-top: 20px;
      text-transform: uppercase; }
  .main-container .third-section.landing .brown-section {
    background: rgba(97, 94, 100, 0.8); }

.fourth-section {
  position: relative;
  padding: 50px 150px;
  padding-top: 200px;
  padding-bottom: 100px; }
  .fourth-section.landing {
    background: white !important;
    min-height: 100px;
    max-height: 800px; }
    .fourth-section.landing .header h3 {
      background: #4D7DAB; }
    .fourth-section.landing .header p {
      background: #3d6388;
      width: 150%; }
    .fourth-section.landing ul.icons {
      margin: 0;
      margin-bottom: 30px; }
      .fourth-section.landing ul.icons .icon span {
        display: block;
        margin: 0 auto; }
      .fourth-section.landing ul.icons .icon .home {
        width: 103px;
        height: 103px;
        background: url("../img/sprite.png") no-repeat 0 -64px;
        background-size: 500px; }
      .fourth-section.landing ul.icons .icon .agreement {
        width: 103px;
        height: 103px;
        background: url("../img/sprite.png") no-repeat -112px -64px;
        background-size: 500px; }
      .fourth-section.landing ul.icons .icon .user {
        width: 103px;
        height: 103px;
        background: url("../img/sprite.png") no-repeat -225px -64px;
        background-size: 500px; }
    .fourth-section.landing .content ul {
      display: flex;
      justify-content: space-between;
      margin: 0; }
      .fourth-section.landing .content ul li {
        flex: 1;
        padding: 0 50px; }
        .fourth-section.landing .content ul li h4, .fourth-section.landing .content ul li p {
          margin: 0; }
        .fourth-section.landing .content ul li h4 {
          font-size: 24px;
          text-align: center; }
        .fourth-section.landing .content ul li p {
          margin: 0;
          margin-top: 30px;
          padding: 0;
          font-size: 16px;
          text-align: center;
          color: #011626;
          border-top: none; }
  .fourth-section .header {
    position: absolute;
    top: -50px;
    left: 0; }
    .fourth-section .header h3, .fourth-section .header p {
      margin: 0;
      padding: 20px 50px; }
    .fourth-section .header h3 {
      background: #00aeb0;
      color: white;
      font-size: 20px;
      text-transform: uppercase; }
    .fourth-section .header p {
      background: #007c7d;
      font-size: 36px;
      width: 150%; }
  .fourth-section ul.icons {
    display: flex;
    margin-bottom: 50px; }
    .fourth-section ul.icons li {
      flex: 1;
      text-align: center;
      padding: 0 10px; }
    .fourth-section ul.icons i.fa {
      font-size: 64px;
      padding: 15px;
      border: 1px solid #011626;
      border-radius: 50%;
      width: 100px;
      height: 100px; }
    .fourth-section ul.icons li span.icon {
      width: 85px;
      height: 85px;
      margin: 0 auto;
      display: block;
      border: 1px solid #011626;
      border-radius: 50%; }
      .fourth-section ul.icons li span.icon.handshake {
        background: url("../img/sprite.png") no-repeat 0 0;
        background-size: 500px;
        background-position: 20px 28px; }
      .fourth-section ul.icons li span.icon.bed {
        background: url("../img/sprite.png") no-repeat -161px 0;
        background-size: 500px;
        background-position: -48px 22px; }
      .fourth-section ul.icons li span.icon.heart {
        background: url("../img/sprite.png") no-repeat -337px 0;
        background-size: 500px;
        background-position: -118px 23px; }
      .fourth-section ul.icons li span.icon.pie-chart {
        background: url("../img/sprite.png") no-repeat -2px -691px;
        background-size: 500px;
        background-position: 10px -253px; }
      .fourth-section ul.icons li span.icon.user {
        background: url("../img/sprite.png") no-repeat -2px -691px;
        background-size: 500px;
        background-position: -66px -256px; }
      .fourth-section ul.icons li span.icon.house {
        background: url("../img/sprite.png") no-repeat -2px -691px;
        background-size: 500px;
        background-position: -144px -256px; }
  .fourth-section .content {
    display: flex; }
    .fourth-section .content p {
      border-top: 1px solid #011626;
      font-size: 36px;
      color: #00aeb0;
      text-align: right;
      padding-top: 50px;
      flex-basis: 70%; }
    .fourth-section .content ul {
      flex-basis: 100%;
      margin-left: 50px; }
    .fourth-section .content ul li {
      font-size: 20px;
      margin-bottom: 50px; }

.fifth-section.about {
  position: relative;
  padding: 150px 150px;
  min-height: auto;
  background: url("../img/about-third-section.jpg") !important;
  background-size: cover !important; }
  .fifth-section.about .header {
    position: absolute;
    top: -50px;
    left: 0; }
    .fifth-section.about .header h3, .fifth-section.about .header p {
      margin: 0;
      padding: 20px 50px; }
    .fifth-section.about .header h3 {
      background: #00aeb0;
      color: white;
      font-size: 20px;
      text-transform: uppercase; }
    .fifth-section.about .header p {
      background: #007c7d;
      font-size: 36px;
      width: 150%; }
  .fifth-section.about ul.faces {
    display: flex;
    margin: 0;
    padding: 40px 0;
    background: rgba(255, 255, 255, 0.3); }
    .fifth-section.about ul.faces li {
      flex: 1 auto;
      text-align: center;
      font-size: 18px; }
      .fifth-section.about ul.faces li div {
        display: inline-block;
        text-align: left; }
    .fifth-section.about ul.faces img {
      display: block;
      width: 225px;
      height: 225px;
      padding: 5px;
      margin-bottom: 10px;
      border: 1px solid #011626; }
    .fifth-section.about ul.faces span {
      display: block;
      text-align: left;
      font-size: 14px;
      color: #949197; }

.sixth-section.about, .seventh-section.about {
  position: relative;
  padding: 150px 150px;
  min-height: auto; }
  .sixth-section.about .header, .seventh-section.about .header {
    position: absolute;
    top: -50px;
    left: 0; }
    .sixth-section.about .header h3, .sixth-section.about .header p, .seventh-section.about .header h3, .seventh-section.about .header p {
      margin: 0;
      padding: 20px 50px; }
    .sixth-section.about .header h3, .seventh-section.about .header h3 {
      background: #b8a257;
      color: white;
      font-size: 20px;
      text-transform: uppercase; }
    .sixth-section.about .header p, .seventh-section.about .header p {
      background: #9b8641;
      font-size: 36px;
      width: 150%; }
  .sixth-section.about ul li, .seventh-section.about ul li {
    display: block;
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #011626; }
    .sixth-section.about ul li:last-child, .seventh-section.about ul li:last-child {
      border-bottom: none; }
    .sixth-section.about ul li p.question.active, .seventh-section.about ul li p.question.active {
      color: #b8a257; }
    .sixth-section.about ul li p.career, .seventh-section.about ul li p.career {
      padding-top: 30px;
      border-top: 1px solid #011626;
      font-size: 28px;
      line-height: 1.5em; }

.seventh-section.about .header h3 {
  background: #4D7DAB; }
.seventh-section.about .header p {
  background: #3d6388;
  width: 150%; }

.partners.landing {
  background: #00aeb0;
  padding: 50px 150px; }
  .partners.landing h3 {
    font-size: 36px; }
  .partners.landing hr {
    border: 1px solid #011626; }
  .partners.landing .partner {
    max-width: 100%;
    height: 75px;
    background: url("../img/partners.png");
    background-size: contain;
    background-repeat: no-repeat; }

.contact {
  position: relative;
  display: flex;
  background: url("../img/seller-fifth-section.jpg");
  padding: 50px 150px;
  overflow: hidden; }
  .contact::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1000px;
    background: rgba(22, 35, 48, 0.8); }
  .contact .address-and-logo {
    display: flex;
    width: 50%;
    margin-top: 10%; }
  .contact .logo img {
    max-width: 100%; }
  .contact .address p {
    margin: 0;
    padding: 50px;
    color: white;
    border-left: 5px solid #b8a257; }
  .contact form {
    width: 50%;
    color: white; }
    .contact form .form-group {
      opacity: 0.7; }
    .contact form .select-container {
      height: 35px; }
      .contact form .select-container select {
        width: 100%; }
    .contact form input[type='checkbox'] {
      margin-right: 5px; }

.footer {
  background: #b8a257;
  position: relative;
  padding: 50px 150px;
  display: flex; }
  .footer.mobile {
    display: none; }
  .footer h4 {
    margin: 0;
    margin-bottom: 20px;
    color: white; }
  .footer .companies-links, .footer .services-links, .footer .social-media {
    flex: 1 auto; }
  .footer .companies li, .footer .services li {
    display: block; }
  .footer ul li a {
    color: white;
    text-decoration: none; }
    .footer ul li a:hover {
      text-decoration: underline; }
  .footer i.fa {
    padding: 5px;
    background: #011626;
    color: white; }

#accordion-faq .panel {
  border: none;
  box-shadow: none; }
#accordion-faq .panel-heading {
  padding: 0;
  margin-bottom: 10px;
  border-bottom: 1px solid #e1e1e1;
  background: none; }
  #accordion-faq .panel-heading a {
    display: inline-block;
    padding: 10px;
    padding-left: 0;
    color: #011626; }
    #accordion-faq .panel-heading a:hover, #accordion-faq .panel-heading a:focus {
      text-decoration: none; }
    #accordion-faq .panel-heading a.colored {
      color: #b8a257; }
      #accordion-faq .panel-heading a.colored:hover {
        text-decoration: none; }
  #accordion-faq .panel-heading i.fa.fa-chevron-down {
    display: inline-block;
    float: right; }
    #accordion-faq .panel-heading i.fa.fa-chevron-down.colored {
      color: #b8a257; }
#accordion-faq .panel-body {
  padding-top: 0;
  border: none;
  background: none; }

.calculator-container {
  display: none; }

@media all and (max-width: 568px) {
  .navbar-default .navbar-toggle {
    margin: 18px 0 0; }
    .navbar-default .navbar-toggle .icon-bar {
      background: #FFF; }

  .section-wrapper .first-section h1, .section-wrapper .first-section h2, .section-wrapper .first-section .content {
    padding: 15px 40px; }
  .section-wrapper .first-section h1 {
    margin-top: 80px;
    font-size: 16px; }
  .section-wrapper .first-section h2 {
    font-size: 24px; }
  .section-wrapper .first-section .content {
    padding-bottom: 30px; }
    .section-wrapper .first-section .content p {
      font-size: 16px; }
    .section-wrapper .first-section .content button {
      margin-top: 30px; }

  .main-container section.second-section {
    padding: 20px;
    padding-top: 50px; }
    .main-container section.second-section .header h2 {
      font-size: 24px; }
    .main-container section.second-section .header p {
      font-size: 16px;
      width: 100%; }
    .main-container section.second-section .form input {
      width: 100%; }
    .main-container section.second-section .table {
      width: 100%;
      border-collapse: collapse;
      margin: 0; }
      .main-container section.second-section .table tr th {
        font-size: 16px; }
      .main-container section.second-section .table tr td {
        font-size: 14px;
        padding: 15px 10px; }
        .main-container section.second-section .table tr td input {
          margin-top: -15px; }
        .main-container section.second-section .table tr td p {
          font-size: 16px;
          width: 85%; }
  .main-container section.second-section.landing ul li a {
    padding: 10px 60px; }
  .main-container section.mid-section {
    height: 150px;
    background-size: cover;
    background-position: center; }
  .main-container section.third-section.landing .content {
    flex-direction: column; }
  .main-container section.third-section.landing .blue-section, .main-container section.third-section.landing .brown-section {
    width: 100%;
    display: flex;
    flex-direction: column; }
    .main-container section.third-section.landing .blue-section .header, .main-container section.third-section.landing .brown-section .header {
      text-align: left; }
    .main-container section.third-section.landing .blue-section div p, .main-container section.third-section.landing .brown-section div p {
      margin-left: 0;
      width: 100%; }
    .main-container section.third-section.landing .blue-section div.content, .main-container section.third-section.landing .brown-section div.content {
      display: block;
      text-align: left; }
  .main-container section.fourth-section {
    padding: 20px 40px;
    padding-top: 140px; }
    .main-container section.fourth-section .header h3 {
      max-width: 85%;
      font-size: 16px; }
    .main-container section.fourth-section .header p {
      width: 130%;
      font-size: 24px;
      padding: 20px 40px; }
    .main-container section.fourth-section .content {
      flex-direction: column; }
      .main-container section.fourth-section .content p {
        text-align: left;
        font-size: 24px;
        padding-top: 30px; }
      .main-container section.fourth-section .content ul {
        margin: 0;
        margin-top: 30px; }
        .main-container section.fourth-section .content ul li {
          font-size: 16px; }
    .main-container section.fourth-section ul.icons li.icon {
      margin-bottom: 20px; }
    .main-container section.fourth-section.landing {
      max-height: none; }
      .main-container section.fourth-section.landing ul.icons {
        flex-direction: column; }
  .main-container section.third-section .content {
    flex-direction: column; }
    .main-container section.third-section .content .blue-section, .main-container section.third-section .content .white-section {
      width: 100%; }
      .main-container section.third-section .content .blue-section ul.icons, .main-container section.third-section .content .white-section ul.icons {
        flex-direction: column; }
        .main-container section.third-section .content .blue-section ul.icons li.icon, .main-container section.third-section .content .white-section ul.icons li.icon {
          width: 100%; }
    .main-container section.third-section .content .blue-section {
      padding: 20px 40px; }
      .main-container section.third-section .content .blue-section h2 {
        font-size: 16px; }
      .main-container section.third-section .content .blue-section h3 {
        font-size: 24px; }
      .main-container section.third-section .content .blue-section div {
        text-align: center;
        margin-top: 20px; }
        .main-container section.third-section .content .blue-section div p {
          width: 100%;
          margin: 0;
          text-align: left;
          font-size: 16px; }
  .main-container section.third-section.buyer .content .blue-section {
    top: 0; }
    .main-container section.third-section.buyer .content .blue-section div.text-center {
      padding-bottom: 30px; }
    .main-container section.third-section.buyer .content .blue-section p {
      margin-top: 30px;
      font-size: 24px;
      text-align: left; }
  .main-container section.third-section.buyer .content .white-section ul {
    margin-left: 0;
    padding: 40px; }
    .main-container section.third-section.buyer .content .white-section ul li {
      margin-bottom: 40px;
      font-size: 16px; }
      .main-container section.third-section.buyer .content .white-section ul li:last-child {
        margin-bottom: 0; }
  .main-container section.sixth-section.about, .main-container section.seventh-section.about {
    padding: 20px 40px;
    padding-top: 120px; }
    .main-container section.sixth-section.about .header h3, .main-container section.seventh-section.about .header h3 {
      font-size: 16px; }
    .main-container section.sixth-section.about .header p, .main-container section.seventh-section.about .header p {
      font-size: 24px;
      width: 130%; }
    .main-container section.sixth-section.about ul li p.career, .main-container section.seventh-section.about ul li p.career {
      font-size: 16px;
      padding-top: 30px; }
  .main-container #accordion-faq .panel-heading a {
    padding-right: 0;
    width: 90%; }
  .main-container #accordion-faq .panel-heading i.fa.fa-chevron-down {
    margin-top: 10px; }
  .main-container section.first-section.about > .content .small-section {
    float: none !important;
    width: 100%;
    padding: 20px;
    padding-top: 60px;
    background: rgba(255, 255, 255, 0.8); }
    .main-container section.first-section.about > .content .small-section .inner-content p {
      font-size: 24px; }
  .main-container section.first-section.about > .content .big-section {
    width: 100%;
    padding: 20px; }
    .main-container section.first-section.about > .content .big-section .header h1 {
      font-size: 16px; }
    .main-container section.first-section.about > .content .big-section .header p {
      font-size: 24px;
      padding: 15px 0;
      margin-bottom: 20px; }

  .contact {
    padding: 20px 40px;
    flex-direction: column; }
    .contact .address-and-logo {
      flex-direction: column;
      width: 100%;
      padding: 0; }
      .contact .address-and-logo .address, .contact .address-and-logo .logo {
        padding: 0;
        text-align: center; }
        .contact .address-and-logo .address p, .contact .address-and-logo .logo p {
          border-left: none;
          padding: 20px 40px; }
    .contact form {
      margin-top: 30px;
      padding: 0;
      width: 100%; }
      .contact form .form-group, .contact form p {
        padding: 0; }

  .footer {
    display: none; }

  .footer.mobile {
    display: flex;
    padding: 20px 40px;
    flex-direction: column; }
    .footer.mobile h4 {
      margin-bottom: 10px; }
    .footer.mobile .companies-links, .footer.mobile .services-links, .footer.mobile .social-media {
      margin-bottom: 40px; }

  .partners.landing {
    padding: 20px 40px;
    height: auto !important; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
  .navbar-default .container-fluid {
    padding-left: 0; }
  .navbar-default .navbar-toggle {
    margin: 18px 0 0; }
    .navbar-default .navbar-toggle .icon-bar {
      background: #FFF; }
    .navbar-default .navbar-toggle:hover {
      background-color: transparent; }

  .section-wrapper .first-section h1, .section-wrapper .first-section h2, .section-wrapper .first-section .content {
    padding: 20px 40px; }
  .section-wrapper .first-section h1 {
    margin-top: 80px;
    font-size: 16px; }
  .section-wrapper .first-section h2 {
    font-size: 24px; }
  .section-wrapper .first-section .content {
    padding-bottom: 30px; }
    .section-wrapper .first-section .content p {
      font-size: 16px; }
    .section-wrapper .first-section .content button {
      margin-top: 30px; }

  .main-container section.second-section {
    padding: 20px;
    padding-top: 50px; }
    .main-container section.second-section .header h2 {
      font-size: 24px;
      padding: 20px 40px; }
    .main-container section.second-section .header p {
      font-size: 16px;
      width: 100%; }
    .main-container section.second-section .form input {
      width: 100%; }
    .main-container section.second-section .table {
      display: none;
      width: 100%;
      border-collapse: collapse;
      margin: 0; }
      .main-container section.second-section .table tr th {
        font-size: 16px; }
      .main-container section.second-section .table tr td {
        font-size: 14px;
        padding: 15px 10px; }
        .main-container section.second-section .table tr td input {
          margin-top: -15px; }
        .main-container section.second-section .table tr td p {
          font-size: 16px;
          width: 85%; }
  .main-container section.second-section.landing ul li a {
    padding: 10px 40px; }
  .main-container section.second-section.landing .header h2 {
    padding: 20px 0; }
  .main-container section.second-section.landing .header p {
    margin-top: 0; }
  .main-container section.mid-section {
    height: 150px;
    background-size: cover;
    background-position: center; }
  .main-container section.third-section.landing .content {
    flex-direction: column; }
  .main-container section.third-section.landing .blue-section, .main-container section.third-section.landing .brown-section {
    width: 100%;
    display: flex;
    flex-direction: column; }
    .main-container section.third-section.landing .blue-section .header, .main-container section.third-section.landing .brown-section .header {
      text-align: left; }
    .main-container section.third-section.landing .blue-section div p, .main-container section.third-section.landing .brown-section div p {
      margin-left: 0;
      width: 100%; }
    .main-container section.third-section.landing .blue-section div.content, .main-container section.third-section.landing .brown-section div.content {
      display: block;
      text-align: left; }
  .main-container section.fourth-section {
    padding: 20px 40px;
    padding-top: 140px; }
    .main-container section.fourth-section .header h3 {
      max-width: 85%;
      font-size: 16px;
      padding: 20px 40px; }
    .main-container section.fourth-section .header p {
      width: 130%;
      font-size: 24px;
      padding: 20px 40px; }
    .main-container section.fourth-section .content {
      flex-direction: column; }
      .main-container section.fourth-section .content p {
        text-align: left;
        font-size: 24px;
        padding-top: 30px; }
      .main-container section.fourth-section .content ul {
        margin: 0;
        margin-top: 30px; }
        .main-container section.fourth-section .content ul li {
          font-size: 16px; }
    .main-container section.fourth-section ul.icons li.icon {
      margin-bottom: 20px; }
    .main-container section.fourth-section.landing {
      max-height: none; }
      .main-container section.fourth-section.landing ul.icons {
        flex-direction: column; }
  .main-container section.third-section .content {
    flex-direction: column; }
    .main-container section.third-section .content .blue-section, .main-container section.third-section .content .white-section {
      width: 100%; }
      .main-container section.third-section .content .blue-section ul.icons, .main-container section.third-section .content .white-section ul.icons {
        flex-direction: column; }
        .main-container section.third-section .content .blue-section ul.icons li.icon, .main-container section.third-section .content .white-section ul.icons li.icon {
          width: 100%; }
          .main-container section.third-section .content .blue-section ul.icons li.icon h3, .main-container section.third-section .content .white-section ul.icons li.icon h3 {
            text-align: center;
            height: 25px;
            margin-top: 20px;
            margin-bottom: 0;
            font-size: 14px; }
          .main-container section.third-section .content .blue-section ul.icons li.icon p, .main-container section.third-section .content .white-section ul.icons li.icon p {
            text-align: center; }
    .main-container section.third-section .content .blue-section {
      padding: 20px 40px; }
      .main-container section.third-section .content .blue-section h2 {
        font-size: 16px; }
      .main-container section.third-section .content .blue-section h3 {
        font-size: 24px; }
      .main-container section.third-section .content .blue-section div {
        text-align: center;
        margin-top: 20px; }
        .main-container section.third-section .content .blue-section div p {
          width: 100%;
          margin: 0;
          text-align: left;
          font-size: 16px; }
  .main-container section.third-section.buyer .content .blue-section {
    top: 0; }
    .main-container section.third-section.buyer .content .blue-section div.text-center {
      padding-bottom: 30px; }
    .main-container section.third-section.buyer .content .blue-section p {
      margin-top: 30px;
      font-size: 24px;
      text-align: left; }
  .main-container section.third-section.buyer .content .white-section ul {
    margin-left: 0;
    padding: 40px; }
    .main-container section.third-section.buyer .content .white-section ul li {
      margin-bottom: 40px;
      font-size: 16px; }
      .main-container section.third-section.buyer .content .white-section ul li:last-child {
        margin-bottom: 0; }
  .main-container section.sixth-section.about, .main-container section.seventh-section.about {
    padding: 20px 40px;
    padding-top: 120px; }
    .main-container section.sixth-section.about .header h3, .main-container section.seventh-section.about .header h3 {
      font-size: 16px; }
    .main-container section.sixth-section.about .header p, .main-container section.seventh-section.about .header p {
      font-size: 24px;
      width: 130%; }
    .main-container section.sixth-section.about ul li p.career, .main-container section.seventh-section.about ul li p.career {
      font-size: 16px;
      padding-top: 30px; }
  .main-container #accordion-faq .panel-heading a {
    padding-right: 0; }
  .main-container section.first-section.about > .content .small-section {
    float: none !important;
    width: 100%;
    padding: 20px;
    padding-top: 60px;
    background: rgba(255, 255, 255, 0.8); }
    .main-container section.first-section.about > .content .small-section .inner-content p {
      font-size: 24px; }
  .main-container section.first-section.about > .content .big-section {
    width: 100%;
    padding: 20px; }
    .main-container section.first-section.about > .content .big-section .header h1 {
      font-size: 16px; }
    .main-container section.first-section.about > .content .big-section .header p {
      font-size: 24px;
      padding: 15px 0;
      margin-bottom: 20px; }

  .contact {
    padding: 20px 40px;
    flex-direction: column; }
    .contact .address-and-logo {
      flex-direction: column;
      width: 100%;
      padding: 0; }
      .contact .address-and-logo .address, .contact .address-and-logo .logo {
        padding: 0;
        text-align: center; }
        .contact .address-and-logo .address p, .contact .address-and-logo .logo p {
          border-left: none;
          padding: 20px 40px; }
    .contact form {
      margin-top: 30px;
      padding: 0;
      width: 100%; }
      .contact form .form-group, .contact form p {
        padding: 0; }

  .footer {
    padding: 20px 40px;
    flex-direction: column; }
    .footer h4 {
      margin-bottom: 10px; }
    .footer .companies-links, .footer .services-links, .footer .social-media {
      margin-bottom: 40px; }
    .footer .mobile-footer {
      display: flex; }
      .footer .mobile-footer .services-links {
        text-align: right; }
    .footer .social-media {
      padding-top: 20px;
      border-top: 1px solid #ad9649;
      text-align: center; }

  .partners.landing {
    padding: 20px 40px;
    height: auto !important; }

  .calculator-container {
    display: block; }
    .calculator-container .calculator {
      display: flex;
      flex-direction: column; }
      .calculator-container .calculator .header, .calculator-container .calculator .content {
        display: flex;
        align-items: center; }
      .calculator-container .calculator .header h3 {
        font-size: 16px;
        text-transform: uppercase;
        text-align: center;
        width: 50%; }
      .calculator-container .calculator .content {
        padding: 5px 0;
        border-top: 1px solid #e9e9ea; }
        .calculator-container .calculator .content:nth-child(2) i.fa.fa-arrow-right {
          flex: 1; }
        .calculator-container .calculator .content:nth-child(2) input {
          flex: 2; }
        .calculator-container .calculator .content:nth-child(2) p {
          flex: 3; }
        .calculator-container .calculator .content i.fa.fa-arrow-right {
          color: #00aeb0; }
        .calculator-container .calculator .content input {
          background: none;
          border: none;
          outline: none; }
        .calculator-container .calculator .content p {
          font-size: 16px; }
          .calculator-container .calculator .content p span {
            display: block;
            font-size: 12px;
            line-height: 1em; } }
.dashboard-container {
  padding: 0 80px;
  padding-bottom: 40px;
  padding-top: 20px; }

.dashboard-container {
  background: #FAFAFA; }

.login .title, .signup .title, .dashboard .title {
  color: #011626; }
.login p.helper-text a, .signup p.helper-text a, .dashboard p.helper-text a {
  color: #4D7DAB; }
.login .dashboard-select, .signup .dashboard-select, .dashboard .dashboard-select {
  margin: 0;
  padding: 0 12px; }
  .login .dashboard-select select, .signup .dashboard-select select, .dashboard .dashboard-select select {
    width: 100%;
    background: none;
    border: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: linear-gradient(to top right, transparent 50%, #011626 50%), linear-gradient(to bottom right, #011626 50%, transparent 50%), linear-gradient(to right, #fafafa, #fafafa);
    background-position: calc(100% - 5px) calc(1em + 2px), calc(100% - 0px) calc(1em + 2px), 100% 0;
    background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
    background-repeat: no-repeat; }
.login .input-group-addon, .signup .input-group-addon, .dashboard .input-group-addon {
  background: none; }
.login .btn.btn-primary, .signup .btn.btn-primary, .dashboard .btn.btn-primary {
  background: #b8a257; }

.section-header i.fa {
  display: inline-block;
  font-size: 28px;
  color: #fff;
  width: 50px;
  height: 50px;
  text-align: center;
  margin-right: 10px;
  padding: 10px;
  border-radius: 50%;
  background: #b8a257; }
.section-header .title {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  font-weight: 300;
  line-height: 1em; }
  .section-header .title span {
    color: #b8a257; }
  .section-header .title p.sub-title {
    font-size: 14px;
    color: #615e64;
    margin: 0; }

hr {
  border-top: 1px solid #615e64; }

.about-container .about {
  padding: 50px;
  padding-top: 30px;
  margin-top: 20px;
  background: #FFF; }
  .about-container .about hr.divider {
    margin-bottom: 40px; }
  .about-container .about .logo {
    text-align: center; }
    .about-container .about .logo img {
      max-width: 50%; }
.about-container .about-user {
  padding: 50px;
  background: #e1e1e1; }
  .about-container .about-user.welcome ul {
    width: 50%; }
  .about-container .about-user.settings ul {
    width: 25%; }
  .about-container .about-user ul {
    display: inline-flex;
    width: 100%;
    justify-content: center; }
    .about-container .about-user ul li {
      flex: 1;
      text-align: center;
      margin: 0 10px; }
      .about-container .about-user ul li button {
        width: 100%;
        padding: 10px;
        border: 1px solid #b8a257; }
        .about-container .about-user ul li button.btn-agent {
          background: #4D7DAB;
          border: 1px solid #4D7DAB; }
        .about-container .about-user ul li button.btn-buyer {
          background: none;
          color: #011626;
          border: 1px solid #011626; }
  .about-container .about-user button {
    flex: 1; }
.about-container ul.welcome-points {
  width: 100%; }
  .about-container ul.welcome-points li.welcome-point {
    display: block;
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
    border: 1px solid #ccc; }
    .about-container ul.welcome-points li.welcome-point i.fa {
      padding: 15px;
      margin-right: 15px;
      background: #ccc;
      color: #00aeb0; }
  .about-container ul.welcome-points.settings li.welcome-point {
    display: flex; }
    .about-container ul.welcome-points.settings li.welcome-point i.fa {
      width: 60px;
      text-align: center; }
    .about-container ul.welcome-points.settings li.welcome-point h4, .about-container ul.welcome-points.settings li.welcome-point p {
      margin: 0;
      margin-top: 5px; }
    .about-container ul.welcome-points.settings li.welcome-point h4 {
      font-size: 16px;
      margin-top: 10px;
      text-transform: uppercase;
      vertical-align: top; }
    .about-container ul.welcome-points.settings li.welcome-point p {
      text-transform: none; }
    .about-container ul.welcome-points.settings li.welcome-point i.fa {
      padding: 20px; }
    .about-container ul.welcome-points.settings li.welcome-point .toggle {
      margin-left: auto; }
      .about-container ul.welcome-points.settings li.welcome-point .toggle i.fa {
        background: none;
        margin: 0;
        font-size: 16px; }
      .about-container ul.welcome-points.settings li.welcome-point .toggle i.fa.fa-toggle-off {
        color: #615e64; }