#sp-header {height: inherit;}
.brfeature {display: flex;}
.brfeature .sp-module-content {width: 100%;}
.brfeature img {width: 100%;}
.bannertext {position: absolute;top:10%;left:5%;width: 65%;}
.bannertitle {color: #F79621;font-weight: 300;font-size: 4rem;animation-delay: 1.25s !important;}
.bannertagline {color: #fff;font-weight: 300;font-size: 2rem;animation-delay: 2s !important;width: 80%;}
.bannerbutton {animation-delay: 2.25s !important;}
#sp-footer h4 {color: #fff;}
.text-focus-in {
	-webkit-animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	        animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}
.xicon:hover {
  filter: invert(55%) sepia(100%) saturate(383%) hue-rotate(351deg) brightness(97%) contrast(100%);
}
/* ----------------------------------------------
 * Generated by Animista on 2023-3-10 15:49:41
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation text-focus-in
 * ----------------------------------------
 */
 @-webkit-keyframes text-focus-in {
    0% {
      -webkit-filter: blur(12px);
              filter: blur(12px);
      opacity: 0;
    }
    100% {
      -webkit-filter: blur(0px);
              filter: blur(0px);
      opacity: 1;
    }
  }
  @keyframes text-focus-in {
    0% {
      -webkit-filter: blur(12px);
              filter: blur(12px);
      opacity: 0;
    }
    100% {
      -webkit-filter: blur(0px);
              filter: blur(0px);
      opacity: 1;
    }
  }

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {line-height: 50px;}
.blockrow .col-sm {position: relative;}
.blockcaption {font-weight: 700;font-size: 1.25rem;padding: 10px;text-align: center; display: block;color: #252525;}
.blockimg {border-bottom: solid 10px #f79621;}
.carousel {padding-bottom: 50px;}
.carousel-inner {padding: 0 15%;}
.customer-caption h5 {font-style:italic;font-weight: 300;line-height: 160%;}
.customer-caption p {font-weight: 700;color: #4F6067;}
.meettheteam .teammember {padding-top: 15px;padding-bottom: 15px;}
.card-header {background-color:#F79621;}
.card-title {color: #000;margin-bottom: 0;}
.blockquote {border-left: solid 3px #F79621;padding-left: 15px;}
.strategyicons .col-md-3 .card {min-height:285px;}
.strategyicons img {margin-top: 15px;}
.strategyicons h5 {margin-bottom: 10px;}
.article-list .article {border: none;}
.blogproducts .article-header h3 {font-size: 1.25rem;}
.article-list .article .article-intro-image, .article-list .article .article-featured-video, .article-list .article .article-featured-audio, .article-list .article .article-feature-gallery
{border-bottom: solid 10px #f79621;}
.services .blog-item {margin: 15px 0px;}
.card-img-overlay {background: rgb(247,150,33);
  background: linear-gradient(180deg, rgba(247,150,33,0.6040616930365896) 20%, rgba(255,255,255,0) 50%);}
.news h2 {line-height: 24px;border-bottom: solid 1px #ccc;padding-bottom: 10px;min-height: 95px;}
.news h2 a {font-size: 22px;}
.news-item {border: solid 1px #ccc;padding: 15px;box-shadow: 0 0 10px 0 rgba(0,0,0,.2);}
.news .article-info {border-bottom: solid 1px #ccc;padding-bottom: 8px;}
.news .article-intro-image {max-height: 200px;overflow: hidden;min-height: 200px;}
.news .blog-item {margin-bottom: 30px;}
.news .item-content p {min-height: 100px;font-size: 13px;}
.blogproducts .article-introtext {display: none;}
.techplus .article-introtext {display:block!important;}
.techplus .article-header h2 {font-weight:700;}
.techplus .bannertitle {color: #fff;}
.ourwork {margin-top: 30px;}
.ourwork .blog-item {border: solid 1px #ccc;padding: 15px;box-shadow: 0 0 10px 0 rgba(0,0,0,.2);margin-bottom: 30px;}
.ourworkimg {padding-left: 0px;}
.hvacsliders img {margin-bottom: 10px;}
.hvacsliders .card-body {padding: 15px !important;height: auto !important;}

@media (max-width: 575px) {
  .bannertext {position: inherit;width: 90%;margin:10px auto;}
  .bannertitle {color: #F79621;font-weight: 700;font-size: 2.25rem;animation-delay: 0.5s !important;}
.bannertagline {color: #A51C36;font-weight: 300;font-size: 1rem;animation-delay: 0.75s !important;width: 100%;}
.techplus .bannertitle {color: #000;font-weight: 600;font-size: 1rem;animation-delay: 0.75s !important;width: 100%;}
.blockrow .col-sm {margin-bottom: 15px;}
}

@media screen and (max-width:768px){
    .container .card.card {max-width: inherit;height: inherit;margin: 0px 0px 30px 0px;padding: 0px;}
    .container .card .imgContainer.imgContainer {width: auto;height: auto;top: 0px;left: 0px;}
    .container .card .imgContainer img {margin: 0 auto}
      .container .card .content.content {visibility: visible;opacity: unset;margin-top: unset;padding: 10px 5px 0px 5px;}
      .card-img-overlay {background: none;}
      .card-img-overlay .card-title {background: #fff;padding: 10px;}
      .carousel-inner {padding: 0%;}
}

@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 2) {
.portfoliocontainer {padding: 0px;}
.container .card.card {max-width: 350px;min-height: 480px;height: inherit;margin: 0px 0px 30px 0px;padding: 0px;}
.container .card.card:nth-child(odd) {margin-right: 20px;}
.container .card .imgContainer.imgContainer {width: auto;height: auto;top: 0px;left: 0px;}
  .container .card .content.content {visibility: visible;opacity: unset;margin-top: unset;padding: 10px 10px 0px 10px;}
}


.card {border-radius: 0px}
  .container .card {
      max-width: 400px;
      height: 320px;
      padding: 0px;
      box-shadow: 0 1px 10px rgba(0, 0, 0, 0.25);
      transition: 0.3s ease-in-out;
      overflow: hidden;
  }

h4.card-text {font-size: 1.25rem;}

.card-img, .card-img-top {border-radius: 0;}

  .container .card:hover .card-img-overlay {
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0.6040616930365896) 0%, rgba(255,255,255,0) 50%); ;
  }

  .container .card .imgContainer {
      position: relative;
      width: 350px;
      height: 250px;
      top: -50px;
      left: 10px;
      z-index: 1;
      box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2)
  }

  .container .card .imgContainer img {
      max-width: 100%;
  }

  .container .card .content {
      position: relative;
      margin-top: -140px;
      padding: 10px 15px;
      text-align: center;
      color: #111;
      visibility: hidden;
      opacity: 0;
      /*pointer-events: none;*/
      transition: 0.3s ease-in-out
  }

  .container .card:hover .content {
      visibility: visible;
      opacity: 1;
      margin-top: 0px;
      transition-delay: 0.3s
  }

  @media (max-width: 330px) {
      .container .card .imgContainer {left: -2px}
  }

  @media screen and (min-width:320px) and (max-width:824px) and (orientation:landscape) {
    .bannertext {top:65px;width: 70%;margin:10px auto;}
    .bannertitle {font-size: 3rem;}
    .bannertagline {font-size: 1.5rem;}
    }

    @media screen and (min-device-width: 800px) and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 2) { 
      .bannertext {top:65px;width: 70%;margin:10px auto;}
      .bannertitle {font-size: 3rem;}
      .bannertagline {font-size: 1.5rem;}
      }
  
      @media only screen 
    and (min-device-width: 834px) 
    and (max-device-width: 1112px)
    and (-webkit-min-device-pixel-ratio: 2) {
      .bannertext {top:65px;width: 70%;margin:10px auto;}
      .bannertitle {font-size: 3rem;}
      .bannertagline {font-size: 1.5rem;}
  }