* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  background: #323232;
  color: white;
  font-family: 'Ubuntu', Arial, sans-serif;
  margin: 0;
  font-size: 16px;
  line-height: 1.2;
}

footer {
  background: black;
  border-top: 2px solid #ff0000;
  font-size: 0.85em;
  padding: 50px 0;
}

footer::after {
  content: '';
  display: table;
  clear: both;
}

.container {
  max-width: 960px;
  margin: auto;
}
.container-wide {
	max-width: 1200px;
	margin: auto;
}

.container::after {
  content: '';
  display: table;
  clear: both;
}

.container-wide::after {
  content: '';
  display: table;
  clear: both;
}
[class^="col-"] {
  float: left;
  padding-left: 15px;
  padding-right: 15px;
}

.col-half {
  width: 50%;
}

.col-third {
  width: 33%;
}

.col-quarter {
  width: 25%;
}

@media all and (max-width: 1540px) {
  .col-half, .col-third, .col-quarter {
    width: 100%;
  }
}

section {
  padding-top: 50px;
  padding-bottom: 50px;
}

@media all and (max-width: 1540px) {
  section {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}

.btn {
  display: inline-block;
  padding: 14px 20px;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.btn-primary {
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid #ff0000;
  color: white;
  -webkit-transition: background-color 0.3s linear;
  -o-transition: background-color 0.3s linear;
  transition: background-color 0.3s linear;
}

.btn-primary:hover {
  background: rgba(0, 0, 0, 0.9);
}

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

blockquote {
  position: relative;
  max-width: 600px;
  text-align: center;
  margin: auto;
  display: block;
  padding: 30px 30px;
  background: rgba(255, 0, 0, 0.5);
  font-size: 1.15em;
  line-height: 1.5em;
  text-indent: 50px;
}

blockquote::before, blockquote::after {
  content: '';
  position: absolute;
  top: 10px;
  left: 15px;
  width: 50px;
  height: 50px;
  background: url("img/quote-open.png") no-repeat center;
  background-size: contain;
  opacity: 0.5;
}

blockquote::after {
  top: auto;
  bottom: 10px;
  left: auto;
  right: 15px;
  background: url("img/quote-close.png") no-repeat center;
}

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

.hero {
  background: rgba(0, 0, 0, 0.5);
  position: relative;
  margin-bottom: 50px;
}

.hero a img {
  vertical-align: text-top;
}

.hero .container-wide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
}

@media all and (max-width: 1540px) {
  .hero .container-wide {
    display: block;
  }
}

.hero .container-wide .construction, .hero .container-wide .planning {
  width: 50%;
  padding: 150px 15px;
  text-align: center;
}

.hero .container-wide .construction img, .hero .container-wide .planning img {
  max-width: 300px;
}

.hero .container-wide .construction p, .hero .container-wide .planning p {
  font-size: 1.2em;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2em;
}

@media all and (max-width: 1540px) {
  .hero .container-wide .construction, .hero .container-wide .planning {
    width: 100%;
    height: 400px;
    padding: 50px 15px;
  }
  .hero .container-wide .construction img, .hero .container-wide .planning img {
	  max-width: 250px;
  }
}

.hero .planning-back, .hero .construction-back {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
}

.hero .planning-back::after, .hero .construction-back::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  /*background: rgba(0, 0, 0, 0.7);*/
}

.hero .planning-back {
  background: url("img/planning-bg.jpg") center no-repeat;
  background-size: cover;
  left: 39%;
  -webkit-clip-path: polygon(35% 0, 100% 0, 100% 100%, 0 100%);
          clip-path: polygon(35% 0, 100% 0, 100% 100%, 0 100%);
}

.hero .planning-back::after {
 /* background: rgba(166, 0, 0, 0.7);*/
}

@media all and (max-width: 1540px) {
  .hero .planning-back {
    top: 400px;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-clip-path: none;
            clip-path: none;
  }
}

.hero .construction-back {
  background: url("img/construction-bg.jpg") center no-repeat;
  background-size: cover;
  right: 39%;
  -webkit-clip-path: polygon(0 0, 100% 0, 65% 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 65% 100%, 0 100%);
}

@media all and (max-width: 1540px) {
  .hero .construction-back {
    top: 0;
    bottom: 400px;
    left: 0;
    right: 0;
    -webkit-clip-path: none;
            clip-path: none;
  }
}

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

.bottom-ctas {
  padding-top: 75px;
  padding-bottom: 150px;
  text-align: center;
}

.bottom-ctas a {
  display: block;
  color: white;
  text-decoration: none;
  margin-bottom: 45px;
}

.bottom-ctas a:hover {
  opacity: 0.6;
}

.bottom-ctas img {
  max-width: 300px;
  vertical-align: middle;
  margin-right: 15px;
}

.socials a {
  margin-right: 15px;
}

.socials a:hover {
  opacity: 0.5;
}

.socials img {
  width: 40px;
}

.phone, .email {
  color: white;
  text-decoration: none;
  margin-bottom: 10px;
  display: block;
}

.phone img, .email img {
  vertical-align: middle;
  margin-right: 5px;
}

.gallery {
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
}

.gallery .details {
  top: 50px;
  z-index: 1;
  position: absolute;
  padding: 0 30px;
}

.gallery .details h2, .gallery .details p {
  text-shadow: 1px 1px #202020;
}

@media all and (max-width: 1540px) {
  .gallery .details {
    position: relative;
    top: auto;
  }
}

.gallery .thumbnails {
  margin-top: -150px;
  margin-left: 30px;
  margin-right: 30px;
  max-width: 600px;
}

.gallery .thumbnails img {
  width: 150px;
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 10px;
  cursor: pointer;
  opacity: 0.5;
}

@media all and (max-width: 1540px) {
  .gallery .thumbnails img {
    width: 120px;
  }
}

.gallery .thumbnails img:hover {
  opacity: 1;
}

@media all and (max-width: 1540px) {
  .gallery .thumbnails {
    margin-top: 25px;
  }
  .gallery .thumbnails img {
    opacity: 1;
  }
}


@media all and (min-width: 1540px) {
    .planninglogo {
    margin-left: 100px;
    }
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5zY3NzIiwic3R5bGVzLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXQTtFQUNFLCtCQUFzQjtVQUN2Qix1QkFBQTtDQ1ZBOztBQUVEO0VEV0Usb0JBQVk7RUFDWixhQUFhO0VBQ2IseUNBQVM7RUFDVCxVQUFTO0VBQ1QsZ0JBQWdCO0VBQ2pCLGlCQUFBO0NDVEE7O0FBRUQ7RURVRSxrQkFBZ0I7RUFFaEIsOEJBQWlCO0VBQ2pCLGtCQUFlO0VBQ2hCLGdCQUFBO0NDVEE7O0FBRUQ7RURmSSxZQUFTO0VBQ1QsZUFBVztFQUNaLFlBQUE7Q0NpQkY7O0FBRUQ7RURLRSxpQkFBWTtFQUViLGFBQUE7Q0NKQTs7QUFFRDtFRDFCSSxZQUFTO0VBQ1QsZUFBVztFQUNaLFlBQUE7Q0M0QkY7O0FBRUQ7RURERSxZQUFZO0VBQ1osbUJBQW1CO0VBQ3BCLG9CQUFBO0NDR0E7O0FBRUQ7RURGQyxXQUFBO0NDSUE7O0FBRUQ7RURIQyxXQUFBO0NDS0E7O0FBRUQ7RURKQyxXQUFBO0NDTUE7O0FBRUQ7RUFDRTtJREpELFlBQUE7R0NNRTtDQUNGOztBQUVEO0VETkUsa0JBQWdCO0VBS2pCLHFCQUFBO0NDSUE7O0FBRUQ7RUFDRTtJRFRFLGtCQUFnQjtJQUVuQixxQkFBQTtHQ1VFO0NBQ0Y7O0FBRUQ7RURWRSxzQkFBa0I7RUFDbEIsbUJBQWlCO0VBQ2pCLHNCQUFnQjtFQUNoQiwwQkFBcUI7RUFVdEIsc0JBQUE7Q0NHQTs7QUFFRDtFRFpJLCtCQXRFbUI7RUF1RW5CLDBCQUFZO0VBQ1osYUFBWTtFQUliLGlEQUFBO0VDV0QsNENBQTRDO0VEbkIzQyx5Q0FLUTtDQ2dCVjs7QUFFRDtFRGJBLCtCQUFHO0NDZUY7O0FBRUQ7RUFDRSxnQkFBZ0I7RURkbEIsYUFBVTtDQ2dCVDs7QUFFRDtFRGRFLG1CQUFZO0VBQ1osaUJBQWM7RUFDZCxtQkFBa0I7RUFDbEIsYUFBWTtFQUNaLGVBQVc7RUFDWCxtQkFBa0I7RUFDbEIsaUNBQWlCO0VBbUJsQixrQkFBQTtFQ0ZD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 */
/*# sourceMappingURL=styles.css.map */