body{
 font-family: 'Kadwa', serif;
 font-size: 18px;
 background-color: #fff!important;
 }

 .main-copy{
    padding-top: 30px !important;
    margin-bottom: 600px !important;
    }


p, .p {
  font-size: 22px;
  margin: 0 0 60px 0;
}

p img, .p img{
  border-style: solid;
  border-width: 5px;
  border-color: #fff;
  opacity: 1;
  -webkit-opacity: 1;
  max-width: 100%;
  height: auto !important;
  margin: 20px 0 20px 0;
}

.current-menu-item a{

  color: #96d0d1;
}

.bullets li{
  line-height: 1.25em;
  list-style: circle;
  margin-bottom: 1.0em;

}

.blog-post-thumb{
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

.main-cta{

  font-family: 'Montserrat', sans-serif;
  padding:  0px 0 20px 0;
  text-align: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  display: block;
  position: relative;
  color: #333;
}

.testimonial{
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.testimonial .dark-overlay{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.4);
}

.testimonial-wrap {
  position: relative;
  padding: 125px 5% 150px 5%;
  text-align: center;
  color: #273a3e;
}
.testimonial-copy {
  margin-bottom: 25px;
  font-size: 30px;
  line-height: 42px;
  font-family: 'Kadwa', serif !important;
}

.testimonial-copy.inside-testi {
  font-size: 26px;
  line-height: 38px;
}

.testimonial-content-box {
  max-width: 1380px;
  margin: 0 auto;
}

.testimonial-content-box .testimonial-img {
  position: absolute;
  top: -72px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 1;
  max-height: 150px;
}

.cta-box {
  border: solid 1px #649d9c;
  border-left: 0;
  border-right: 0;
}

.main-cta { padding: 38px 0; }

.main-cta .cta-title{
  font-size: 26px;
  line-height: 1.25;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  display: block;
  color: #2b3a3e;
}

.cta-bottom-links{
  color: #333 !important;
  z-index: 999;
  font-family: 'Montserrat', sans-serif;
}

.cta-bottom-links span{
  padding: 0 20px 0 20px;
  text-align: center;
}

.sidebar-contact{
  display: block;
  position: relative;
  width: 100%;
  clear: both;
  text-align: center;
  font-size: 16px;
  margin: 10px 0 10px 0;
}

.sidebar-contact .material-icons{
  display: inline-block;
  position: relative;
  top:8px;
}

.contact-footer{
  margin: 0 20px 0 20px;
}
.contact-footer i{
  display: inline-block;
  position: relative;
  top:7px;
}

 @media (max-width: 700px) {
  .cta-bottom-links span, .contact-footer{
    width: 100%;
    display: block;
    position: relative;
    clear: both;
    font-size: 14px;
    margin: 0 0 20px 0;
    }
 }

.main-cta .fancy-link{
  font-size: 18px;
}

.main-cta .material-icons{
  top:4px;
  display: inline-block;
  position: relative;
}

 .dual-image{
   margin-bottom: 20px;
   background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 }

 .small-port-image{
    margin: 0;
 }

.withBg{

  background-position: center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: relative;
  display: table;
 }

 .alt-wrap{
   width: 100%;
   display: table;
   height: auto;
   text-align: center;
   font-family: 'Kadwa', serif;
 }


 .alt-box{
   display:table-cell;
   vertical-align: middle;
 }

  .section-title{
   max-width: 1400px;
   width: calc(100% - 80px);
   border-style: solid;
   border-width: 0 0 1px 0;
   border-color: #649d9c;
   display: block;
   position: relative;
   padding: 10px 0 30px 0;
   margin: 0 auto 40px auto;
 }



 .special-box{
   display: block;
   position: fixed;
   top:0px;
   left:0px;
   width: 100%;

 }

 .blog-page-thumb{
   width: 100% !important;
   height: auto;
   border-style: solid;
   border-width: 6px;
   border-color: #fff;
 }

 .read-more{
   display: inline-block;
   position: relative;
   top:2px;
   font-size: 14px;
 }

 .read-more-link{
   font-size: 16px;
   color: #346165;
 }

 .post-date{
   font-size: 14px;
   font-family: 'Montserrat', sans-serif;
   letter-spacing: 0.075em;
   color: #346165;
 }

 .excerpt-border{
   display: block;
   position: relative;
   margin: 40px auto 20px auto;
   width: calc(100% - 50px);
   background-color: #333;
   height: 1px;
 }

  .search-excerpt-border{
   display: block;
   position: relative;
   margin: 40px auto 20px auto;
   background-color: #333;
   height: 1px;
 }

 .single-post-img{
   float: left;
   width: 50%;
   height: auto;
   padding: 10px;
   background-color: #efefef;
   margin: 20px 20px 20px 0 ;
   -ms-transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
  transform: rotate(-3deg);
 }

 .page-special-box{
   transition: all 0.5s;
   display: block;
   position: absolute;
   bottom: 0px;
   left:0px;
   width: 100%;
   background-color: #fff;
   height: auto;
   text-align: center;
   border-style: solid;
  border-width: 1px 0 0 0;
  border-color: #fff;
 }

 .page-special-box.main-portfolio {
  position: relative;
  z-index: 999;
 }

 .page-special-box .home-logo{
  width: 25vh;
  height: auto;
  display: block;
  position: relative;
  margin: -10vh auto 2.5vh auto;
  top:0px;
  border-style: solid;
  border-width: 1px;
  border-color: #fff;
 }


  .home-logo{
  max-width: 350px;
  display: block;
  position: relative;
  margin: 0 auto 30px auto;
  top: -145px;
  border-style: solid;
  border-width: 1px;
  border-color: #fff;
 }

 .fancy-link, .wpcf7-submit{
   transition:all 0.5s;
   background-color: rgba(0, 0, 0, 0.6);
   width: auto;
   display: inline-block;
   position: relative;
   border-style: solid;
   border-width: 1px;
   border-color: #909090;
   font-family: 'Kadwa', serif;
   font-weight: 400 !important;
   padding: 10px 30px 10px 30px !important;
   letter-spacing: 0.075em;
   font-size: 18px !important;
   margin-top: 20px;
   text-transform: uppercase;
   box-shadow: none !important;
   color: #c4b98e;
   border-radius: 0 !important;
 }

 .g-recaptcha-response{
   display: none !important;
 }

 .wpcf7-recaptcha div{
   display: block;
   position: relative;
   float: none;
   margin: 0 auto 40px auto;
   display: block;
   clear: both;
 }

 .gform_footer{
   display: block;
   position: relative;
   clear: both;
   float: none;
   margin-top: 60px !important;
 }

 .fancy-link.light{
   color: #c4b98e;
 }

.fancy-link.dark{
  background-color: #2a3a3e;
  color: #96d0d1;
  margin-top: 30px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700!important;
  letter-spacing: 0;
  padding: 16px 30px !important;
  line-height: 1;
}

 .fancy-link.dark:hover{
  color:#96d0d1;
 }

  .fancy-link:hover, .wpcf7-submit:hover{
   background-color: rgba(0, 0, 0, 1);
   color: #96d0d1;
   }


 .center-content{
   text-align: center;
   border-style: solid;
   border-width: 1px;
   border-color: #909090;
   max-width: 1000px;
   width: calc(100% - 40px);
   padding: 20px;
   display: block;
   position: relative;
   margin: 0 auto;
   background-color: rgba(0, 0, 0, 0.7);
   font-family: 'Kadwa', serif;
   font-size: 18px;
 }

 .copy{
   display: block;
   position: relative;
   padding: 0 60px 20px 60px;
 }

 li{
   font-family: 'Kadwa', serif;
 }

p{
   font-family: 'Kadwa', serif;
 }

 .before-after{
   padding: 20px;
   background-color: #efefef;
 }

h1, .h1, .gform_confirmation_wrapper {
    font-size: 44px;
    line-height: 1.05;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    margin-bottom: 20px;
    letter-spacing: -0.036em;
    text-transform: uppercase;
}

 @media (max-width: 1071px) {
   h1, .h1 {
    font-size: 30px;
    }
 }

h2, .h2 {
  font-family: 'Montserrat', sans-serif;
}

h3, .h3 {
    font-size: 22px;
    margin-bottom: 12px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
}

 @media (max-width: 640px) {
  .h1.big{
    font-size: 32px;
  }
}

/* Search Stuff */
.search-field{
  padding:20px;
  font-size: 20px;

}

.search-field {
    background-color: #fff;
    position: relative;
    background: #fff;
    padding: 13px 16px 16px;
    border: none;
    font-size: 20px;
    color: #242424;
    outline: none;
    border-radius: 3px;
    width: 100%;
    font-weight: 600;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: 0 0 0 1px rgba(41, 41, 41, 0.1) inset, 0 3px 4px 0px rgba(41, 41, 41, 0.1) inset;
    -webkit-transition: 0.15s;
    transition: 0.15s;
}



 /* set color for the panel this changes after scroll */
 .left-links, .right-links{
   display: inline-block;
 }

 .top-menu{
   padding-bottom: 30px;
   opacity: 0;
   -webkit-opacity: 0;
   -moz-opacity: 0;
 }

 .top-menu .left a{
   display: block;
 }

 .top-menu a{
   transition: all 0.5s;
   display: inline-block;
   padding: 0 10px 0 10px;
   font-size: 18px;
   text-align: center;
   font-family: 'Kadwa', serif;
 }

 .slides nav.panel.top-menu {
  padding: 10px 1%;
  z-index: 99999;
 }

 .slides nav.panel.top-menu .menu-logo {
  display: block;
 }

 @media (max-width: 1071px) {
   .top-menu a{
     font-size: 14px;
     padding: 0 2px 0 2px;
   }
 }

 .show-mobile-menu{
  display: none !important;
  float: right;
  width: 60px !important;
 }


 .top-center-links li{
   padding: 0 !important;
   }

 .top-center-links{
   margin: 0 !important;
   padding: 0 !important;
   display: block !important;
   width: 75vw !important;
 }

.top-center-links ul li:first-child{
  display: none !important;
}

 .top-center-links li{
   display: inline-block;
   width: auto;
 }

 .top-center-links li a:hover{
   border-style: solid;
  border-width: 0 0 2px 0;
  border-color: #96d0d1;
 }

 @media (max-width: 1120px) {
   .top-center-links{
     display: none !important;
   }

  .desk-search{
    display: none !important;
  }

   .show-mobile-menu{

    display: inline-block !important;

   }

 }


 }
 .top-menu .logo-nav{
   text-align: center;
 }

 .menu-logo{
   max-width: 165px;
 }


  .slides .panel.top-menu {
    background: #2a393d;
    box-shadow:0 1px 1px rgba(0,0,0,0.20);
    color: #fff;

  }

  /*Small Logo*/


   .left-links, .right-links{
   padding-top: 7px;
  }

  .slides .panel.top-menu .logo-nav{

    text-align: center;
  }

  .slides .panel.top-menu .logo-nav a{
    line-height: 1em;

  }

  .slides .panel.top-menu .top-menu{
    transition: all 0.5s;
    height: 65px;
  }

  .slides .panel.top-menu .logo-nav img{

    height: auto;
    position: relative;
    display: block;
    top: 28px;
    margin: -45px auto 0 auto;
  }

  /* Testimonial */

  .author-name{
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif
  }

  .author-title{
    line-height: 1.5;
    font-size: 18px;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
  }

  .testimonial p{
    text-align: left;
  }

  .testimonial img{
    border-style: solid;
    border-width: 5px;
    border-color: #fff;
    ms-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
  }
  /* set color for a button for different colored slides */
  .slides .panel.top-menu .button.menuButton {
    color:#303030;
    background:#000000;
  }

  .page-loaded  .panel.top-menu {
    background: #2a393d;
    color:#fff;
  }
  .page-loaded .slides .panel.top-menu svg {
    fill:#303030;
  }
  .page-loaded  .panel.top-menu .button.menuButton {
    background:#303030;
    color:#fff;
  }

  /* transparent for the first slide */
  .slides .panel.top-menu {
    background: #2a393d !important;
    box-shadow:none;

  }

  @media (max-width: 767px) {
    .slides .panel.top-menu,{
    background-color: transparent;
    }

    .panel.top-menu.small{
      background-color:transparent;
    }
  }

  /*Large logo*/
  .slides.firstSlide .panel.top-menu .left-links, .slides.firstSlide .panel.top-menu .right-links{
   padding-top: 0px;
  }

  .slides.firstSlide .panel.top-menu .top-menu{
    height: 85px;

  }

 .panel.top-menu  .logo-nav img{
    width: 80px;
    height: auto;
    position: relative;
    display: block;
    top:39px;
    margin-top: -40px;
    margin-right: auto;
    margin-left: auto;
  }


  /* swap panels on last slide */
  .slides:not(.lastSlide) .panel.bottom.customPanel,
  .slides.lastSlide .panel.bottom:not(.customPanel) {
    opacity:1;
    -webkit-transform: translate3d(0,100%,0) !important;
    transform: translate3d(0,100%,0) !important;
  }

  .slideshow{
    opacity: 0;
  }

  .slideshow .background {
    opacity:0;
    visibility:hidden;
    -webkit-transition:1s;
    transition:1s;
  }
  .slideshow .background.shown {
     opacity:1;
     visibility:visible;
  }

  .footer{
    background-color: #2a393c;
  }

  .footer-contacts{
    color: #c4b98e;
  }

  .footer-badge {
    max-width: 180px;
  }

  .footer .material-icons{
    display: inline-block;
    position: relative;
    top: 6px;
  }

   .locations .material-icons{
    display: inline-block;
    position: relative;
    top: 6px;
  }

  .with-logo{
    padding-top: 60px ;
  }

   @media (max-height: 1140px) {
    .with-logo{
      padding-top: 90px !important;
    }
   }

    @media (max-width: 1023px) {
      .with-logo{
        padding-top: 120px !important;
      }

      .home-logo{

      }
    }

     @media (max-width: 767px) {

      .home-logo{
       width: 250px;
       margin-top: 50px;
      }
    }

    /*Gravity Forms*/

  .wpcf7-form-control-wrap{
    display: block;
    position: relative;
    width: 100%;
  }

  .wpcf7-text, textarea{
    display: block;
    width: 100% !important;
    max-width: 100% !important;
  }

    .locations iframe{
      width: calc(100% - 20px);
      height: 400px !important;
      border-style: solid;
      border-width: 10px;
      border-color: #fff;
    }
    .panel.bottom .nextSlide{
        top: 18px;
      }

     @media (max-width: 767px) {
      .panel.bottom .nextSlide{
        top: 25px;
      }
    }

    /* Portfolio Styles */

     .showcase .showcase-container li {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
  }

  .fix-custom {
    padding-left: calc(8% + 15px);
    padding-right: calc(8% + 15px);
  }

  .testimonial {
    color: #303030;
  }

  .popup {
    color: #303030;
  }

  .popup .close svg {
    width: 30px;
    height: 30px;
    fill: #000;
    top:30px;
    right: 40px;
    display: block;
    position: relative;
  }

  .popup:not([class*=fade]) {
    background-color: rgba(255, 255, 255, 0.9);
  }

.portfolio-content a{
  text-decoration: underline !important;
}

  @media screen and (min-width: 1024px) and (max-width: 1698px)  {
    .fix-custom {
      padding-left: 0%;
      padding-right: 0%;
      max-width: 1800px;
      left: -50px;
      width: calc(100% + 100px) !important;
      position: relative;
    }
    .showcase .showcase-container li:nth-child(3n+1) {
      text-align: right;
    }
  }

  .showcase li .sc {
    margin-bottom: 50px;
    color: #858585;
    font-size: 17px;
    line-height: 25px;
    position: relative;
  }

  .showcase li .sc-img {
    font-size: 0;
    line-height: 0;
    background: #E8E8E8;
    padding-top: 20px;
    border-radius: 5px;
    display: inline-block;
    box-shadow: 0 12px 24px rgba(0,0,0,0.4);
    -webkit-transition: 1s cubic-bezier(0.35, 1.69, 0.35, 0.81);
    transition: 1s cubic-bezier(0.35, 1.69, 0.35, 0.81);
    background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }

  .showcase.slide li .sc:hover .sc-img {
    box-shadow: 0 22px 34px rgba(0,0,0,0.4);  box-shadow: 13px 22px 34px rgba(0,0,0,0.4);
    -webkit-transform: translateY(-10px) scale(1.025);
    transform: translateY(-10px) scale(1.025);
  }

  /* shiny effect on hover */
  .showcase.slide li .sc-img:after {

  }

  .showcase.slide li .sc:hover .sc-img:after {
    opacity: 0.5;
  }

  .showcase.popup li .sc-img {
    background: #35363a;
    padding-top: 30px;
  }

  .showcase li .sc-img img {
    margin-bottom: -1px;
    border-radius: 0 0 3px 3px;
  }

  .showcase.popup li .sc-img a:hover {
    opacity: 1;
  }

  .showcase-container .sc{
    vertical-align: top;
    min-height: 330px;
  }

  .showcase.popup li .sc-img a:before {
    content: 'remove_red_eye';
    background: rgba(0,0,0,0.2);
    top: 30px;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    -webkit-transition: 0.25s;
    transition: 0.35s;
  }

  .showcase.popup li .sc-img:hover a:before {
    opacity: 0;
  }

  .showcase li .sc-img:before {

  }

  /* popup */
  .showcase.popup li .sc-img:before {
    font-size: 50px;
    top: 0px;
    left: 9px;
  }

  .showcase li .sc strong {
    display: block;
    color: #202020;
    margin-top: 10px;
  }

  .slide.showcase li .sc:after {
    content: attr(data-hover-text);
    position: absolute;
    top: calc(50% - 50px);
    left: 50%;
    right: inherit;
    background: #fff;
    border-radius: 50px;
    padding: 8px 21px;
    opacity: 0;
    -webkit-transform: translateY(-10px) scale(1.025) translateX(-50%);
    transform: translateY(-10px) scale(1.025) translateX(-50%);
    -webkit-transition: 1s cubic-bezier(0.35,1.69,0.35,0.81);
    transition: 1s cubic-bezier(0.35,1.69,0.35,0.81);
  }

  .slide.showcase li .sc:hover:after {
    opacity: 1;
    -webkit-transform: translateY(0px) translateX(-50%);
    transform: translateY(0px) translateX(-50%);
  }

  .showcase-container {
    align-items: center;
    justify-content: center;
  }

  .showcase-container.controller li.selected {
    cursor: pointer;
    pointer-events: all;
  }

  .popup[data-popup-id="showcase"] .slider > li.selected {
    -webkit-animation: 0.5s fadeIn;
    animation: 0.5s fadeIn;
  }

  .fix-custom-popup {
    max-width: 1480px !important;
  }

  .portfolio-content{
    color: #303030;
  }

  .port-box{
    padding-bottom:10px;
  }

  .port-box.section-summary{
    margin-bottom: 20px;
  }

  .port-text{
    padding-bottom:10px;
  }

  .port-box.section-summary{
    padding-bottom: 38px;
  }

  .author-info{
    line-height: 1.25em;
    font-size: 18px;
   font-family: 'Montserrat', sans-serif
  }

  .slides:not(.firstSlide) .panel.bottom{
    opacity: 0;
  }


  .wpcf7-validation-errors, .wpcf7-mail-sent-ok{
    height: auto;
    color: #000;
    font-size: 24px !important;
    color: #ff0000;
  }

   p img.aligncenter{
    float: none;
    display: block;
    position: relative;
    clear: both;
    margin: 20px auto 20px auto;
  }

  p img.alignright{
    float: right;
    margin: 26px 0 20px 20px;
  }

  p img.alignleft{
    float: left;
    margin: 20px 20px 20px 0;
  }

  @media (max-width: 1200px) {
    .footer-contacts li{
      position: relative;
      display: block;
      clear: both;
      width: 100% !important;
      text-align: center;
      margin:  0 0 20px 0;
    }
  }

    @media (max-width: 1023px) {
      .footer-contacts.flex>.col-tablet-1-2{
        position: relative;
        display: block;
        clear: both;
        width: 100% !important;
        text-align: center;
        margin:  0 0 20px 0;
      }
      }

/*Website Updates - 2021 */
.hmpg-copy p { margin-bottom: 5px; }
.home-heading_subcopy p {
  margin-bottom: 32px;
  font-family: 'Montserrat', sans-serif;
  font-size: 26px;
  color: #2b3a3e;
}

.hmpg-copy .hmpg_col_subcopy { margin-top: 32px; }
.hmpg-copy .hmpg_col_subcopy h3 {
  text-transform: uppercase;
  color: #649d9c;
  font-weight: 700;
  font-size: 18px;
}

.hmpg-copy .hmpg_col_subcopy p {
  font-size: 20px;
  line-height: 1.45;
}

.hmpg-copy .hmpg_col_subcopy li {
  margin-left: 18px;
  list-style: none;
  line-height: 1.45;
  font-size: 20px;
  opacity: .8;
}

.hmpg-copy .hmpg_col_subcopy li::before {
  content: "\2022";
  color: #649d9c;
  font-weight: bold;
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 18px;
  margin-left: -1em;
}

.footer .footer-max-width {
  max-width: 1380px!important;
}

.two_col_page {}
.two_col_page h3 {
  font-size: 26px;
  font-weight: 500;
  text-transform: none;
}

.two_col_page h4,
.two_col_page h5 {
  text-transform: uppercase;
  color: #649d9c;
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 12px;
  font-family: 'Montserrat', sans-serif;
}

.two_col_page .right-content h5 {
  padding-left: 10%;
  font-size: 16px;
}

.two_col_page p,
.two_col_page .p {
  font-size: 22px;
  margin: 0 0 38px 0;
}

.two_col_page p img,
.two_col_page .p img {
  margin: 0 0 10px 0;
  box-shadow: 2px 2px 7px #ccc;
}

.subfooter {
  height: 86px;
  background-color: #000;
}

/* Masonry */
.portfolio-masonry {
  padding: 25px 10%;
}
.portfolio-masonry .masonry-row {
  display: flex;
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 28px;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: stretch;
}
.portfolio-masonry .masonry-row .masonry-item {
  position: relative;
  min-height: 1px;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
}

.portfolio-masonry .masonry-row .masonry-item .parent-img-box {
  position: relative;
  display: block;
}

.portfolio-masonry .masonry-row .masonry-item .parent-img-box.h-100 { height: 100%; }

.portfolio-masonry .masonry-row .masonry-item .img-container {
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
}
.portfolio-masonry .masonry-row .masonry-item .img-container.h-100 { height: 100%; }
.portfolio-masonry .masonry-row .masonry-item .img-container.mb-sm {
  margin-bottom: 30px;
}
.portfolio-masonry .masonry-row .masonry-item img {
  display: block;
  width: 100%;
  margin: 0 auto;
}
.portfolio-masonry .masonry-row.two-wide-left .masonry-item {
  width: 33%;
}
.portfolio-masonry .masonry-row.two-wide-left .masonry-item:first-child {
  width: 66%;
}
.portfolio-masonry .masonry-row.two-wide-right .masonry-item {
  width: 33%;
}
.portfolio-masonry .masonry-row.two-wide-right .masonry-item:last-child {
  width: 66%;
}
.portfolio-masonry .masonry-row.two-wide-right-two-img-left .masonry-item {
  width: 33%;
}
.portfolio-masonry .masonry-row.two-wide-right-two-img-left .masonry-item:last-child {
  width: 66%;
}
.portfolio-masonry .masonry-row.two-wide-left-two-img-right .masonry-item {
  width: 33%;
}
.portfolio-masonry .masonry-row.two-wide-left-two-img-right .masonry-item:first-child {
  width: 66%;
}
.portfolio-masonry .masonry-row.three-equal .masonry-item {
  width: 33%;
}
.portfolio-masonry .masonry-row:before {
  content: " ";
  display: table;
}
.portfolio-masonry .masonry-row:after {
  clear: both;
}
.portfolio-masonry .img-blurb-box {
  display: none;
}
.portfolio-masonry .img-blurb-box .img-blurb {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 15px;
  text-align: center;
  font-family: arial;
  background: rgba(255,255,255,0.9);
  justify-content: center;
  align-items: center;
  flex-direction: column;
  z-index: 99999;
}
.portfolio-masonry .img-blurb-box .img-blurb .project-name {
  margin-bottom: 5px;
  font-size: 15px;
  font-family: 'Montserrat', Arial;
  font-weight: bold;
  text-transform: uppercase;
  color: #719c9c;
}
.portfolio-masonry .img-blurb-box .img-blurb .project-desc {
  padding: 0 10%;
  font: 500 15px/23px 'Kadwa', serif;
  color: #5c5c5c;
}

.masonry-text p {
  font-family: 'Montserrat', sans-serif;
}

@media screen and (max-width: 767px) {
  .portfolio-masonry .masonry-row {
    display: block;
    margin-bottom: 0;
  }
  .portfolio-masonry .masonry-row .masonry-item {
    width: 100% !important;
    margin-bottom: 0;
  }
  .portfolio-masonry .img-blurb-box {
    display: block;
    /*position: absolute;*/
    bottom: 0;
    height: auto;
    background: #fff;
    left: 0;
    right: 0;
  }
  .portfolio-masonry .img-blurb-box .img-blurb {
    background: none;
    display: block;
    position: inherit;
    padding: 8px 15px 36px 15px;
  }
  .portfolio-masonry .img-blurb-box .img-blurb .project-name {
    font-size: 15px;
    font-weight: bold;
  }
  .portfolio-masonry .img-blurb-box .img-blurb .project-desc {
    padding: 0 15px;
    font-size: 15px;
    line-height: 22px;
  }
  .masonry-text p {
    font-size: 20px;
  }

  .portfolio-masonry .masonry-row .masonry-item .img-container.mb-sm {
    margin-bottom: 0;
  }
}

/* Single - Portfolio Project */
#portfolio-lp-title-section .page-sp-box {
  transition: all 0.5s;
  height: auto;
  background-color: #fff;
  text-align: center;
}

#portfolio-lp-title-section .page-sp-box .section-title {
  max-width: 1250px;
  padding: 10px 30px 30px 30px;
  margin-top: 38px;
  font-size: 36px;
  line-height: 1.35;
}

#portfolio-lp-section .container.single-portfolio-lp { height: 800px; }
#portfolio-lp-section .single-portfolio-lp-banner {
  background-size: cover;
  background-position: center center;
  transform: initial!important;
  min-height: 450px;
}
.single-portfolio-lp-subhead p {
  margin-bottom: 0;
  font: normal 20px/26px 'Montserrat', sans-serif;
}

.portfolio-lp {
  width: 100%;
  padding: 0 25px;
  max-width: 1150px;
  margin: 0 auto;
}

.portfolio-project {
  -webkit-font-smoothing: antialiased;
}
.portfolio-project .portfolio-title {
  margin: 5px 0;
  text-transform: uppercase;
  color: #649d9c;
  font: 600 17px/20px "Montserrat", sans-serif;
}
.portfolio-project .portfolio-desc,
.portfolio-project .portfolio-desc p {
  margin-bottom: 25px;
  color: #5c5c63;
  font: 400 18px/24px "Kadwa", serif;
}
.portfolio-project .img-row,
.portfolio-project .addtl-desc-row {
  display: block;
  margin-left: -15px;
  margin-right: -15px;
}
.portfolio-project .img-row .portfolio-img-container,
.portfolio-project .img-row .portfolio-desc-container,
.portfolio-project .addtl-desc-row .portfolio-img-container,
.portfolio-project .addtl-desc-row .portfolio-desc-container {
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 15px;
}
.portfolio-project .hr-row {
  display: block;
  margin-left: -15px;
  margin-right: -15px;
}
.portfolio-project .hr-row .hr-line {
  margin: 18px 10px 32px 10px;
  height: 1px;
  background: #649d9c;
}

.fullwidth-img-row .portfolio-img-container {
  width: 100%;
}
.fullwidth-img-row .portfolio-img-container img {
  width: 100%;
}

.two-col-img-row .portfolio-img-container {
  float: left;
  width: 50%;
}
.two-col-img-row .portfolio-img-container img {
  width: 100%;
}

.spacer-row.df {
  height: 32px;
}
.spacer-row.sm {
  height: 10px;
}
.spacer-row.md {
  height: 20px;
}
.spacer-row.lg {
  height: 44px;
}

.btn-box {
  padding: 0 10px 130px 10px;
  color: #9f2115;
  text-transform: uppercase;
  font: 600 17px/20px "Montserrat", sans-serif;
}

.btn-box .btn-prev {
  float: left;
  position: relative;
}

.btn-box .btn-prev a { padding-left: 20px; }
.btn-box .btn-prev a i.material-icons {
  position: absolute;
  top: -2px;
  left: 0;
}

.btn-box .btn-next {
  float: right;
  position: relative;
}

.btn-box .btn-next a { padding-right: 20px; }
.btn-box .btn-next a i.material-icons {
  position: absolute;
  top: -2px;
  right: -5px;
}

@media screen and (max-width: 767px) {
  .two-col-img-row .portfolio-img-container {
    float: none;
    width: 100%;
  }
  #portfolio-lp-section .container.single-portfolio-lp {
    height: 400px;
  }
  #portfolio-lp-section .single-portfolio-lp-banner {
    min-height: 430px;
  }
  #portfolio-lp-title-section .page-sp-box .section-title {
    padding: 10px 12px 25px 12px;
    font-size: 28px;
    line-height: 1.25;
  }
}

@media screen and (max-width: 550px) {
  .hmpg-slider .container { height: 700px; }
  .hmpg-slider .homepage-fadey .mbl-banner{
    max-height: 370px;
    min-height: 10px;
    top: 65px;
  }
}


.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

div {
  display: block;
}

* {
  box-sizing: border-box;
}