/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

.jl-wrapper .jl-container .el-content {
  padding: 0.938rem;
  margin: 0.625rem;
}
.jl-wrapper .g-container, .tm-header .g-container, .tm-header-mobile .g-container {
  box-sizing: content-box;
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
}
.jl-wrapper .g-container .el-content, .tm-header .g-container .el-content, .tm-header-mobile .g-container .el-content {
  padding: 0.938rem;
  margin: 0.625rem;
}
@media only all and (min-width: 75rem) {
  .jl-wrapper .g-container, .tm-header .g-container, .tm-header-mobile .g-container {
    max-width: 75rem;
  }
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .jl-wrapper .g-container, .tm-header .g-container, .tm-header-mobile .g-container {
    max-width: 60rem;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .jl-wrapper .g-container, .tm-header .g-container, .tm-header-mobile .g-container {
    max-width: 48rem;
  }
}
@media only all and (min-width: 30.01rem) and (max-width: 47.99rem) {
  .jl-wrapper .g-container, .tm-header .g-container, .tm-header-mobile .g-container {
    max-width: 30rem;
  }
}
.jl-slideshow .el-content-wrapper {
  padding: 0.938rem;
  margin: 0.625rem;
}
.jl-slideshow .el-vertical-align {
  margin: 1.9749rem;
}
.tm-header .navbar-wrapper, .tm-header-mobile .navbar-wrapper {
  padding: 0 0.938rem;
  margin: 0 0.625rem;
}
[id^="jlnavbar-"][id$="-particle"] {
  padding: 0 0.938rem;
  margin: 0 0.625rem;
}
.menu-simple .jl-container .g-main-nav {
  padding: 0 0.938rem;
  margin: 0 0.625rem;
}
.menu-extended .el-navbar-dropbar {
  padding-left: 0.938rem;
  padding-right: 0.938rem;
}
.el-horiz-nav {
  padding: 0 0.938rem;
  margin: 0 0.625rem;
}
[id^="jlnav-"][id$="-particle"] .jl-search-input {
  border-radius: 0;
  box-shadow: none;
}
ul.jl-list, .jl-breadcrumb, .jl-comment-list {
  margin-left: 0;
}
ul.jl-tab, .jl-subnav {
  margin-top: 0;
}
p, ul.jl-list {
  margin: 0 0 20px 0;
}
.jl-hr, hr {
  overflow: visible;
  text-align: inherit;
  border-top: 1px solid #e5e5e5;
}
.jl-checkbox, .jl-radio {
  display: inline-block !important;
  width: 16px !important;
}
.jl-modal-dialog video {
  vertical-align: middle;
}
.jl-link {
  color: #00661a;
}
.jl-link:hover, .jl-link:focus, .jl-link:active {
  color: #00651a;
}
.jl-link-heading:hover, .jl-link-heading a:hover, .jl-link-toggle:hover .jl-link-heading, .jl-link-toggle:focus .jl-link-heading, .jl-list-primary > ::before, .jl-text-primary {
  color: #00661a !important;
}
.jl-notification-message-primary, .jl-button-link, .jl-navbar-toggle.jl-open, .jl-navbar-toggle:focus, .jl-navbar-toggle:hover, .jl-iconnav > * > a:hover, .jl-iconnav > .jl-active > a {
  color: #00661a;
}
.jl-search-input {
  box-sizing: border-box !important;
}
.jl-search-navbar .jl-search-input:focus, .jl-tab > .jl-active > a {
  border-color: #00661a;
}
.jl-button-primary, .jl-card-primary.jl-card-hover:hover, .jl-background-primary, .jl-marker, .jl-alert-primary, .jl-subnav-pill > .jl-active > a, .jl-checkbox:checked, .jl-checkbox:indeterminate, .jl-checkbox:checked:focus, .jl-checkbox:indeterminate:focus, .jl-radio:checked, .jl-card-primary > .tm-timeline-arrow, .jl-dotnav > .jl-active > *, .jl-dotnav > * > :focus, .jl-dotnav > * > :hover, .jl-pagination > .jl-active > *, .jl-label:not(.jl-label-success, .jl-label-warning, .jl-label-danger) {
  background-color: #00661a;
}
.jl-light .jl-label {
  background-color: #fff;
  color: #1c1c1c;
}
.jl-light > :not([class*="jl-card-media"]) .jl-card-title {
  color: rgba(255, 255, 255, 0.7);
}
.jl-button-primary:hover, .jl-button-primary:focus {
  background-color: #004d14;
}
.jl-light .jl-button-primary:focus {
  background-color: #fff;
  color: #1c1c1c;
}
.jl-icon:not(.jl-preserve) [stroke*="#"]:not(.jl-preserve) {
  stroke: currentcolor;
}
.jl-section-primary, .jl-tile-primary, .jl-card-primary, .jl-badge {
  background: #00661a;
}
.jl-text-background {
  background-color: #00661a;
  background-image: linear-gradient(90deg, #00661a 0, #00665e 100%);
}
.jl-checkbox:focus, .jl-radio:focus {
  border-color: #00661a;
}
.jl-radio:checked:focus {
  background-color: #00661a;
}
.jl-overlay-primary {
  background: rgba(0, 102, 26, 0.8);
}
.jl-button-default {
  background-color: rgba(255, 255, 255, 0);
  color: #00661a;
  border-color: #00661a;
}
.jl-button-default:hover, .jl-button-default:focus, .jl-button-default:active {
  background-color: #00661a;
  border-color: #00661a;
  color: #ffffff;
}
.jl-pagination > * > :hover {
  color: #fff;
  background-color: #00651a;
}
section.about-us {
  background-image: linear-gradient(90deg, #ffffff 55%, #00661a 55%);
}
@media screen and (max-width: 30rem) {
  section.about-us {
    background-image: none;
    background-color: white;
  }
}
.skillset [class*="jl-position-bottom"] {
  position: relative !important;
  transform: none;
  display: table;
  margin: 0 auto;
  left: initial;
  padding-top: 0;
}
.skillset .jl-cover-container . .tm-image {
  width: 9rem;
  display: table;
  margin: 0 auto;
}
.skillset .jl-cover-container .tm-title {
  line-height: 1;
  font-weight: bold;
  text-align: center;
}
.skillset .jl-slider-items {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.skillset .jl-slider-items .tm-item.adobe {
  color: #e50e12;
}
.skillset .jl-slider-items .tm-item.angular {
  color: #b52e32;
}
.skillset .jl-slider-items .tm-item.joomla {
  color: #78c042;
}
.skillset .jl-slider-items .tm-item.wordpress {
  color: #00769c;
}
.skillset .jl-slider-items .tm-item.javascript {
  color: #323330;
}
.skillset .jl-slider-items .tm-item.html5 {
  color: #f02500;
}
.skillset .jl-slider-items .tm-item.css3 {
  color: #2062b0;
}
.skillset .jl-slider-items .tm-item.svelte {
  color: #ff3e00;
}
.skillset .jl-slider-items .tm-item.vue {
  color: #41b883;
}
.skillset .jl-slider-items .tm-item.python {
  color: #20548e;
}
.skillset .jl-slider-items .tm-item.nodejs {
  color: #4eb10f;
}
.skillset .jl-slider-items .tm-item.json {
  color: #98008f;
}
.skillset .jl-slider-items .tm-item img.tm-image {
  display: table;
  margin: 0 auto;
  max-width: 9.5rem;
}
ul.what-we-do {
  list-style-type: none;
  margin-left: 0;
}
ul.what-we-do h1, ul.what-we-do h2, ul.what-we-do h3, ul.what-we-do h4, ul.what-we-do h5, ul.what-we-do h6 {
  line-height: 0.9;
}
ul.what-we-do > li {
  background-repeat: no-repeat;
  background-size: 5rem;
  background-position: 0% 10%;
  padding-left: 5.5rem;
  padding-bottom: 0.25rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  padding-bottom: 0.5rem;
}
ul.what-we-do > li:last-child {
  border-bottom: none;
}
ul.what-we-do > li.webdev {
  background-image: url('../images/fields/web-development.png');
}
ul.what-we-do > li.graphics {
  background-image: url('../images/fields/graphic-design.png');
}
ul.what-we-do > li.data {
  background-image: url('../images/fields/data-science.png');
}
ul.what-we-do > li.marketing {
  background-image: url('../images/fields/digital-marketing.png');
}
.main-slideshow .jl-slideshow-items > li {
  margin-bottom: 0;
}
#g-page-surround {
  background-color: #00661a;
}
#g-mobilemenu-container ul {
  margin: 1.5rem;
}
.g-offcanvas-open .g-offcanvas-toggle {
  color: #007cdc;
}
.g-offcanvas-toggle {
  width: inherit;
  height: inherit;
  padding: 0.25rem;
  border-radius: 0.35rem;
  background-color: white;
  position: fixed;
}
#g-container-nav {
  background-color: #ffffff;
}
#g-footer .g-copyright {
  font-size: 1rem;
}
#g-footer a {
  color: white;
  font-weight: bold;
}
#g-footer .g-totop a {
  color: #fff;
  position: fixed;
  bottom: 7.5%;
  right: 2.5%;
  background: red;
  padding: 0.35rem 0.5rem;
  border-radius: 0.5rem;
}
#g-footer .g-totop a:hover {
  color: #fff;
  background-color: green;
}
table tr td {
  background-color: #ffffff;
}
table tr td:first-child {
  font-weight: bold;
  color: #ffffff;
  text-indent: 0.5rem;
}
table tr:nth-child(odd) td:first-child {
  background-color: #00661A;
}
table tr:nth-child(even) td:first-child {
  background-color: #00B72E;
}
#jlcountdown-1383 {
  font-family: Verdana;
  display: table;
  margin: 0 auto;
}
#jlcountdown-1383 > div {
  display: table-cell;
  padding: 10px 20px;
}
#jlcountdown-1383 > div:nth-child(odd) {
  background-color: #00b72e;
  color: #ffffff;
  border-radius: 1rem;
}
.formResponsive input[type="text"] {
  height: 2.25rem !important;
  font-size: 0.95rem !important;
  width: 99%;
}
.formResponsive textarea {
  width: 99%;
  border-radius: 0.25rem;
}
.formResponsive .formRow {
  width: 100%;
}
.formResponsive input[type="submit"], .formResponsive button[type="submit"] {
  padding: 0.75rem 0.75rem;
  font-size: 0.85rem;
  border: none;
  background-color: green;
  background-image: none;
  box-shadow: none;
  border-radius: 0.25rem;
  margin: 1.5rem auto;
  display: table;
  font-weight: bold;
}
.formResponsive [id*="g-recaptcha"] {
  float: right;
}
.g-main-nav .g-toplevel {
  display: table;
  width: 99%;
  margin-top: 2.5%;
}
.g-main-nav .g-toplevel > li {
  display: table-cell;
}
@media screen and (max-width: 48rem) {
  #g-container-nav.stickyNav {
    position: relative !important;
  }
  .g-block {
    margin: 0 0.75rem;
  }
  #g-intro .g-block {
    margin: 0;
  }
  .g-logo img, .g-logo svg {
    width: 95% !important;
  }
}
@media screen and (min-width: 48rem) and (max-width: 60rem) {
  body .g-main-nav .g-toplevel > li > .g-menu-item-container {
    font-size: 0.95rem !important;
  }
}
body .g-main-nav .g-toplevel > li > .g-menu-item-container {
  font-size: 1.1rem;
  text-align: right;
}
body .g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content {
  line-height: 0.85;
}
.no-spacing.all {
  margin: 0 !important;
  padding: 0 !important;
}
.no-spacing.top {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.no-spacing.bottom {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.no-spacing.left {
  margin-left: 0 !important;
  padding-left: 0 !important;
}
.no-spacing.right {
  margin-right: 0 !important;
  padding-right: 0 !important;
}
body p, body li, body th, body td {
  line-height: 1.15;
}
em {
  color: inherit;
}
.g-content {
  padding: 0;
  margin: 0;
}
h1, h2, h3, h4, h5, h6 {
  margin: 0.5rem 0 0.25rem 0;
}
body p {
  margin: 0.5rem 0 0.65rem;
}
p + ul, p + ol {
  margin-top: 0.15rem;
}
li {
  margin-bottom: 0.35rem;
}
th {
  padding: 0 0.75rem 0;
}
/*# sourceMappingURL=custom_14.css.map */