@charset "UTF-8";

.element-invisible {
  display: none;
}

.g-content {
    margin: 0rem !important;
    padding: 0rem !important;
}

#g-container .g-grid {
  width: 1200px;
  margin: auto;
}
#g-navigation {
  text-align: center;
}

#g-navigation {
    padding: 0;
    max-width: 1200px;
    margin: auto;
}

.customcallout {
  border-radius: 1em !important;
  margin: 1em;
  padding: 1em;
  color: #fff;
  height: 24rem;
}

#g-above > div > div:nth-child(3) > div > div > div > div > h3 {
  font-size: 1.45rem;
}



img[alt="Give us a problem. We’ll build the solution."] {
  -o-object-fit: cover;
     object-fit: cover;
}

.item-overlay * {
  text-align: center;
  max-width: 90%;
}

.customcallout {
  position: relative;
}

.customcallout > h3 > .btn {
  position: absolute;
  bottom: 20px;
}

.item-overlay > * {
  text-shadow: 2px 2px 4px #000000aa;
}
.g-main-nav li {
  font-size: 1.3rem !important;
}

#g-feature {
  margin-top: 15px;
}
#g-mobilemenu-container {
  margin: auto;
}
.page-header {
  text-align: center;
}

.owl-carousel .owl-stage-outer {
  margin-top: 10px;
}

ul.sigFreeClassic {
  text-align: center;
}
ul.sigFreeClassic li.sigFreeThumb {
  float: none;
  display: inline-block;
}

#g-aside {
  margin-left: 10px !important;
}

.g-content {
  margin: 0rem !important;
  padding: 0rem !important;
}

#g-navigation {
  padding: 0;
  max-width: 1200px;
  margin: auto;
}

.g-main-nav .g-toplevel > li > .g-menu-item-container {
  font-size: 1em !important;
}

#g-above {
  padding: 0;
  max-width: 1200px;
  margin: auto;
}

#g-expanded {
  padding: 0;
  max-width: 100%;
  margin: auto;
  background-color: #eee;
}

.g-grid {
  max-width: 1200px;
  margin: auto;
}

#g-above > div > div > div > div > div > div > h3 > a {
  margin-top: 1rem;
}

#g-copyright {
  padding: 0;
  max-width: 100%;
  margin: auto;
  background-color: #232323;
  color: #eee;
  line-height: 1em;
}

#g-slideshow > .g-grid {
  max-width: 100% !important;
}

.customcallout {
  border-radius: 0.5rem !important;
  margin: 1em;
  padding: 2em;
  color: #fff;
  background-color: rgba(10, 10, 200, 0.6);
  background-blend-mode: multiply;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-animation-name: calloutHover;
          animation-name: calloutHover;
  height: 24rem;
}

.customcallout > h3 {
  font-size: 1.4rem;
  line-height: 1.4;
  text-align: left;
}
.customcallout:hover {
  background-color: rgba(5, 5, 50, 0.3);
}

@-webkit-keyframes rot1f {
  from {
    background-color: rgba(10, 10, 200, 0.6);
  }
  to {
    background-color: rgba(5, 5, 50, 0.3);
  }
}

@keyframes rot1f {
  from {
    background-color: rgba(10, 10, 200, 0.6);
  }
  to {
    background-color: rgba(5, 5, 50, 0.3);
  }
}

#mod-search-searchword639 {
  padding: 0.85em;
  border: 2px solid rgba(0, 0, 0, 0);
  height: 1.65em;
  font-size: 1em;
  background-color: #dcdcdc;
}
form {
  margin: 2em 0 0 0;
}

.headlineImg {
  padding: 2em;
  border-radius: 100%;
  height: 15em;
  width: 15em;
  float: left;
}

h1 {
  font-size: 3em;
  margin: 0em;
}
h2 {
  font-size: 2em;
  margin: 0em;
}
h3 {
  font-size: 1.5em;
  margin: 0em;
}
h4 {
  font-size: 1em;
  margin: 0em;
}

.contactus {
  text-align: center;
}

#g-extension {
  padding: 0 0 !important;
}

#g-copyright > div > div.g-block.size-25 p {
  text-align: center !important;
}

@media (max-width: 1024px) {
  .customcallout > h1 {
    font-size: 2.5rem !important;
  }
  .customcallout > h3 {
    font-size: 1.3rem !important;
  }
}

@media (max-width: 768px) {
  .search {
    display: none;
  }
  .g-logo {
    width: 50%;
    padding: 5% 0;
    margin: auto;
  }
  .owl-item.active {
    width: auto !important;
  }
  div.owl-stage-outer > div > div.owl-item.active > div > a > div {
    width: 100vw;
    height: 50vh;
  }
  .item-overlay {
    text-align: center;
  }
  .owl-lazy {
    width: auto;
    height: 100%;
  }
  .g-owlcarousel-showcase
    .g-owlcarousel
    .owl-stage
    .owl-item
    .item
    .g-showcase-image-link
    .showcase-image
    .item-overlay
    .item-overlay-title {
    font-size: 2.65rem;
    font-weight: 900;
    padding: 0 2rem;
  }
  .g-owlcarousel-showcase
    .g-owlcarousel
    .owl-stage
    .owl-item
    .item
    .g-showcase-image-link
    .showcase-image
    .item-overlay
    .item-overlay-desc {
    font-size: 1.15rem;
    padding: 0 2rem;
  }
  .customheadline {
    display: -ms-grid;
    display: grid;
    text-align: center;
    padding: 0 1rem;
  }
  .headlineImg {
    float: initial;
    margin: auto;
  }
  .item-page {
    padding: 0 2rem;
  }
  .section-paddings,
  #g-top,
  #g-slideshow,
  #g-navigation,
  #g-header,
  #g-above,
  #g-utility,
  #g-feature,
  #g-extension,
  #g-bottom,
  #g-footer,
  #g-copyright {
    padding: 0;
  }
  .customcallout > h1 {
    font-size: 1.7rem !important;
    margin-bottom: 10px;
  }
  .customcallout > h3 {
    font-size: 1rem !important;
  }
  .g-main-nav .g-toplevel > li > .g-menu-item-container {
    font-size: 1rem !important;
    margin-left: 10px;
  }
}

@media (max-width: 375px) {
  .item-overlay-title {
    font-size: 1.65rem !important;
  }
  .customcallout > h1 {
    font-size: 2.5rem !important;
  }
  .customcallout > h3 {
    font-size: 1.4rem !important;
  }
}

@media (max-width: 320px) {
  .item-overlay-title {
    font-size: 1.3rem !important;
    line-height: 1.5 !important;
  }
  .customcallout > h1 {
    font-size: 2rem !important;
  }
  .customcallout > h3 {
    font-size: 1.3rem !important;
  }
}

@media (max-width: 280px) {
  .item-overlay-title {
    font-size: 1.3rem !important;
    line-height: 1.5 !important;
  }
  .customcallout > h1 {
    font-size: 2rem !important;
  }
  .customcallout > h3 {
    font-size: 1rem !important;
  }
}