html, body {
  height: 100%; }

.nav-logo {
  max-width: 100%;
  max-width: 100%; }

.bg-primary {
  background-color: #EE9D18 !important; }

.text-primary {
  color: #EE9D18 !important; }

.text-secondary {
  color: #0D024C !important; }

.title {
  color: #0D024C; }

.main-price {
  color: #EE9D18; }

.fs-box {
  position: relative;
  width: 100%;
  overflow: visible; }

.h-rule {
  height: 2px;
  width: 44px;
  margin: 5px 0; }

.btn-primary {
  background-color: #EE9D18 !important; }

.pg-header {
  position: relative;
  width: 100%;
  height: 100vh; }

.pg-header-bg {
  position: absolute;
  width: 100%;
  height: 100vh; }

.pg-header-home-bg {
  background: url("../images/contact.jpg") no-repeat center center;
  background-size: cover; }

.pg-header-projects-bg {
  background: url("../images/projects.jpg") no-repeat center center;
  background-size: cover; }

.pg-header-text {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 35%;
  width: 100%;
  height: auto; }
  .pg-header-text .title, .pg-header-text .desc {
    color: #fff; }

.scroll-down-icon {
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%); }

.pg-header-contact {
  position: absolute;
  width: 100%;
  height: 100vh;
  background: url("../images/159a.jpg") no-repeat center center;
  background-attachment: fixed;
  background-size: cover; }

.pg-header-contact-content {
  position: absolute;
  top: 15%; }

.pg-header-contact-content .info {
  padding: 0;
  margin: 0; }
  .pg-header-contact-content .info:first-child {
    margin-top: 30px; }
  .pg-header-contact-content .info .info-title {
    margin-top: 20px;
    color: white; }
  .pg-header-contact-content .info .icon {
    margin-top: 19px; }
.pg-header-contact-content .card-contact {
  margin-top: 30px; }

.card-header > small {
  color: #EE9D18; }

.card-title {
  color: #0D024C; }

a.footer-brand {
  color: #EE9D18 !important; }

ul.social-buttons, ul.pull-center > li > a {
  color: #EE9D18 !important; }

.footer-test {
  position: absolute;
  bottom: 0; }

.pg-footer-contact {
  position: fixed;
  bottom: 0;
  width: 100%; }

.pg-footer-contact .footer {
  padding: 1rem 0;
  text-align: center; }
  .pg-footer-contact .footer.footer-default {
    background-color: #fce9e8; }
  .pg-footer-contact .footer.footer-white {
    background-color: white; }
  .pg-footer-contact .footer nav {
    display: inline-block;
    float: left; }
  .pg-footer-contact .footer .content {
    text-align: left; }
  .pg-footer-contact .footer .nav-link {
    display: inline; }
  .pg-footer-contact .footer .footer-brand {
    float: left;
    font-size: 0.875rem;
    line-height: 44px; }
  .pg-footer-contact .footer ul {
    margin-bottom: 0;
    padding: 0;
    list-style: none; }
    .pg-footer-contact .footer ul:not(.links-vertical) {
      line-height: 3.1; }
    .pg-footer-contact .footer ul.links-vertical {
      line-height: 1.6; }
      .pg-footer-contact .footer ul.links-vertical li {
        display: block;
        margin-left: -5px;
        margin-right: -5px;
        margin-bottom: 0px; }
        .pg-footer-contact .footer ul.links-vertical li a {
          padding: 5px;
          display: block; }
    .pg-footer-contact .footer ul li {
      display: inline-block; }
      .pg-footer-contact .footer ul li a {
        color: inherit;
        text-transform: uppercase;
        text-decoration: none; }
        .pg-footer-contact .footer ul li a:hover {
          text-decoration: none; }
  .pg-footer-contact .footer .social-buttons a,
  .pg-footer-contact .footer .social-buttons .btn {
    margin: 0; }
  .pg-footer-contact .footer .pull-center {
    display: inline-block;
    float: none; }
  .pg-footer-contact .footer .copyright {
    line-height: 3.5; }
  .pg-footer-contact .footer:after {
    display: table;
    clear: both;
    content: " "; }

@media screen and (max-width: 50em) {
  .content {
    padding: 0 10px;
    text-align: center; }

  .grid figure {
    display: inline-block;
    float: none;
    margin: 10px auto;
    width: 100%; } }
.grid {
  position: relative;
  margin: 0 auto;
  padding: 1em 0 4em;
  max-width: 1000px;
  list-style: none;
  text-align: center; }

/* Common style */
.grid figure {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  min-width: 320px;
  max-width: 480px;
  max-height: 360px;
  width: 48%;
  background: #3085a3;
  text-align: center;
  cursor: pointer; }

.tools {
  padding: 0 15px; }

.tool-icons {
  width: 5.5rem;
  height: 5.5rem; }

.tool-info-title {
  color: #2c2c2c; }

.section-bg-black {
  background-color: #2c2c2c;
  width: 100%;
  height: auto; }

.grid figure img {
  position: relative;
  display: block;
  min-height: 100%;
  max-width: 100%;
  opacity: 0.8; }

.grid figure figcaption {
  padding: 2em;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.grid figure figcaption::before,
.grid figure figcaption::after {
  pointer-events: none; }

.grid figure figcaption,
.grid figure figcaption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0; }

.grid figure h2 {
  word-spacing: -0.15em;
  font-weight: 300; }

.grid figure h2 span {
  font-weight: 800; }

.grid figure h2,
.grid figure p {
  margin: 0; }

.grid figure p {
  letter-spacing: 1px;
  font-size: 68.5%; }

/*---------------*/
/***** Marley *****/
/*---------------*/
figure.effect-marley figcaption {
  text-align: right; }

figure.effect-marley h2,
figure.effect-marley p {
  position: absolute;
  right: 30px;
  left: 30px;
  padding: 10px 0; }

figure.effect-marley p {
  bottom: 30px;
  line-height: 1.5;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0); }

figure.effect-marley h2 {
  top: 30px;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0); }

figure.effect-marley:hover h2 {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

figure.effect-marley h2::after {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 4px;
  background: #fff;
  content: '';
  -webkit-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0); }

figure.effect-marley h2::after,
figure.effect-marley p {
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s; }

figure.effect-marley:hover h2::after,
figure.effect-marley:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

@keyframes scroll {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(calc(-250px * 7)); } }
.slider {
  background: white;
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125);
  height: 100px;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 760px; }
  .slider::before, .slider::after {
    background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
    content: "";
    height: 100px;
    position: absolute;
    width: 200px;
    z-index: 2; }
  .slider::after {
    right: 0;
    top: 0;
    transform: rotateZ(180deg); }
  .slider::before {
    left: 0;
    top: 0; }
  .slider .slide-track {
    animation: scroll 40s linear infinite;
    display: flex;
    width: calc(250px * 10); }
  .slider .slide {
    height: 100px;
    width: 250px;
    padding: 10px; }

/*# sourceMappingURL=purchcon-styles.css.map */