body {
  font: 14px/30px "Open Sans", sans-serif;
  color: #60606e; }

h1 {
  font: 30px/48px Montserrat, sans-serif;
  text-transform: uppercase; }

h2 {
  font: 18px Montserrat, sans-serif;
  text-transform: uppercase; }

h3 {
  font: 14px Montserrat, sans-serif;
  text-transform: uppercase; }

a {
  color: #60606e; }
  a:hover {
    text-decoration: none;
    color: #7beec7; }

button {
  background-color: #7beec7;
  padding: 0 30px;
  height: 50px;
  border: none;
  outline: 0;
  margin: 10px 0;
  font: 14px Montserrat, sans-serif;
  color: #ffffff;
  text-transform: uppercase;
  cursor: pointer; }

input {
  border: 1px solid rgba(0, 0, 0, 0.1);
  height: 50px;
  width: 100%;
  margin: 10px 0;
  font: 12px Montserrat, sans-serif;
  color: #999999;
  padding-left: 20px;
  outline: 0; }

::-webkit-input-placeholder {
  color: #9a9a9a;
  text-transform: uppercase; }

::-moz-placeholder {
  color: #9a9a9a;
  text-transform: uppercase; }

:-moz-placeholder {
  color: #9a9a9a;
  text-transform: uppercase; }

:-ms-input-placeholder {
  color: #9a9a9a;
  text-transform: uppercase; }

:focus::-webkit-input-placeholder {
  color: transparent; }

:focus::-moz-placeholder {
  color: transparent; }

:focus:-moz-placeholder {
  color: transparent; }

:focus:-ms-input-placeholder {
  color: transparent; }

.description {
  max-width: 700px;
  padding: 20px 0 100px 0;
  text-align: center; }

header {
  background: #fff url("../img/header-bg.jpg") 0 0 no-repeat;
  background-size: cover;
  background-position: center;
  height: 500px;
  position: relative; }
  header.home {
    background-image: url("../img/header-bg--home.jpg");
    height: 100vh; }
  header .header-title {
    position: absolute;
    margin: auto;
    top: 200px;
    left: 0;
    right: 0; }
  header .header-title--border {
    font-size: 36px;
    padding: 20px 35px;
    border: 10px solid;
    max-width: 555px;
    margin: auto; }
  header .we-are {
    background-color: #7beec7;
    width: 99px;
    height: 30px;
    margin: auto;
    font: 14px Montserrat, sans-serif;
    text-transform: uppercase;
    padding-top: 5px; }

.nav-link, .dropdown-item {
  font: 14px Montserrat, sans-serif;
  text-transform: uppercase;
  color: #60606e; }
  .nav-link:hover, .nav-link:focus, .dropdown-item:hover, .dropdown-item:focus {
    color: #999999; }

.dropdown-toggle::after {
  display: none; }

.dropdown-menu, .dropdown-item:focus, .dropdown-item:hover {
  background: transparent;
  border: 0; }

main {
  /* --------------------- */
  /* home */
  /* --------------------- */
  /* --------------------- */
  /* services */
  /* --------------------- */
  /* --------------------- */
  /* 	contact */
  /* --------------------- */
  /* --------------------- */
  /* 	portfolio */
  /* --------------------- */ }
  main > *:not(.history) {
    margin-top: 150px; }
  main h1 {
    position: relative;
    text-align: center; }
    main h1:before {
      content: " ";
      position: absolute;
      bottom: 5px;
      width: 68px;
      height: 21px;
      background: #7beec7;
      z-index: -1; }
    main h1 > * {
      font-size: 45px; }
  main ul {
    padding: 0; }
  main li {
    list-style: none; }
    main li:before {
      font-family: "Ionicons";
      content: '\f374';
      margin-right: 5px;
      color: #7beec7; }
  @media (min-width: 992px) {
    main .history {
      margin-top: -220px !important; } }
  main .choose div {
    font-size: xx-large;
    padding-bottom: 10px; }
  main .choose li:before {
    content: " "; }
  main .we-do div h1:before {
    width: 34px; }
  main .plans-items > * {
    border-width: 5px 0 0 0;
    border-color: #7beec7;
    border-style: solid;
    height: 490px; }
    main .plans-items > *:hover {
      box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1); }
  main .plans-items h1:before {
    background: #fff; }
  main .price-label {
    background: #7beec7;
    width: 165px;
    height: 30px;
    font: 14px Montserrat, sans-serif;
    color: #fff;
    text-transform: uppercase;
    padding: 6px 15px; }
  main #map {
    min-height: 90vh; }
  main .portfolio-selection div {
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    font: 14px 'Montserrat', sans-serif;
    cursor: pointer;
    outline: 0; }
    main .portfolio-selection div:before {
      content: " ";
      position: absolute;
      margin: auto;
      right: 0;
      left: 0;
      width: 80%;
      height: 110%;
      background: #7beec7;
      z-index: -1;
      visibility: hidden; }
      @media (min-width: 992px) {
        main .portfolio-selection div:before {
          width: 120%; } }
    main .portfolio-selection div:hover:before, main .portfolio-selection div:focus:before {
      visibility: visible; }
  main .portfolio-gallery {
    position: relative; }
    main .portfolio-gallery__item {
      width: 250px;
      height: 150px;
      overflow: hidden;
      margin-bottom: 30px;
      position: absolute;
      top: 0;
      left: 0; }
      main .portfolio-gallery__item--height390 {
        height: 390px; }
      main .portfolio-gallery__item--height260 {
        height: 260px; }
    main .portfolio-gallery__overlay {
      opacity: 0;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(255, 255, 255, 0.5);
      display: flex;
      transition: all .3s linear; }
      main .portfolio-gallery__overlay > * {
        margin: auto; }
    main .portfolio-gallery__item:hover .portfolio-gallery__overlay {
      opacity: 1; }

footer {
  margin-top: 150px; }
  footer > * {
    padding: 50px 0; }
  footer .container-fluid {
    background: #7beec7;
    color: #FFF; }
  footer button {
    background-color: #fff;
    color: #7beec7; }
  footer .subscribe {
    background: #FFF;
    color: #60606e;
    min-height: 230px;
    padding: 15px 25px; }
    footer .subscribe h1 {
      font: 24px/36px Montserrat, sans-serif; }
    footer .subscribe button {
      background-color: #7beec7;
      color: #FFF; }
  footer .container:nth-child(2), footer a {
    color: #9a9a9a; }