/****
   Scroll Bar
 ****/
body::-webkit-scrollbar {
  width: 10px;               /* width of the entire scrollbar */
}
body::-webkit-scrollbar-track {
  background: #2a312a;        /* color of the tracking area */
}
body::-webkit-scrollbar-thumb {
    background-color: #3bb143;    /* color of the scroll thumb */
    border-radius: 20px;       /* roundness of the scroll thumb */
    border: 3px solid #2a312a;  /* creates padding around scroll thumb */
}

/****
   Fonts
 ****/
h2{
    font-size:38px;
}

/****
   Brand color/s
 ****/
/*
.brand-green-light-background{
    background: #570861; 
}
*/

.brand-green-dark-background{
    background: #3bb143;
}
.brand-green-vary-dark-background{
    background: #0b6623;
}

/****
   Preloader
 ****/
.preloader {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999;
    background-color: #0b6623;
}

/***********
   Header
 ***********/
/*background top*/
.header-top {
    background-color: #0b6623!important;
}
/*background menu area*/
.header-layout1 .menu-area {
    background-color: #3bb143;
}
/*logo*/
.header-logo img {
    max-width: 150px;
    width: 150px;
}
/**nav**/
/*hover color - top level*/
.main-menu > ul > li > a:hover {
    color: white!important;
}
/*services mega menu*/
.services-sub-menu {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    max-width: 1232px;
    left: -685px!important;
    grid-gap: 20px;
}
li.service-sub-menu-title {
    font-size: 20px;
    margin-bottom: 15px!important;
    color: black;
    font-weight: 600;
}

/****
   Header (mobile)
 ****/
.mobile-logo img {
    max-width: 110px;
}
/**nav**/
/*service industry titles*/
/*
   .as-mobile-menu .service-sub-menu-title a {
   font-size: 16px;
   color: black;
   padding-top: 20px;
   padding-bottom: 20px;
   font-weight: 600;
   }
 */

.main-menu .service-sub-menu-title a {
    font-size: 20px!important;
    left: -25px;
}
.service-sub-menu-title > a::before {
    display: none!important;
}

div#services-menu-notice {
    position: relative;
}
#services-menu-notice p {
    position: absolute;
    top: 50%;
    transform: translateY(-50px);
    font-size: 20px;
    color: #000;
}


/********
   Green Strip Above Footer
 *******/
.footer-contact_link{
    font-size: 16px!important;
}

/**********
   Footer
 ***********/
/*background*/
.footer-layout1 .logo-bg:before {
    background: #0b6623!important;
}
.copyright-wrap {
    background-color: #0b6623!important;
}
/*logo*/
.footer-logo img {
    max-width: 150px;
    /* filter: grayscale(1) invert(1); */
    background: white;
    padding: 10px;
    border-radius: 20px;
}
/*background*/
.footer-layout1{
    background-color: #fff;
}
/*font color*/
.footer-widget h3,
.footer-widget p,
.footer-widget i,
.footer-widget a {
    color: black!important;
}
/*shapes*/
footer .shape-left {
    display: none!important
}
/*copyright*/
.copyright-text a {
    color: #fff!important;
}

/****
   Home
 ****/
/**hero**/
.hero-2 .as-hero-bg:before {
    background-color: #000!important;
}
/*title*/
.hero-title {
    font-size: 36px;
}
span.hero-line-2 {
    font-size: 24px;
}
@media only screen and (max-width:470px){
    #home-page-view .hero-shape1{display:none}
    #home-page-view .shape1{display:none}
}


/**Services**/
.box-title {
    /*font-size: 22px;*/
}
.service-card {
    min-height: 360px;
}
div#industries-btn-group {
    display: flex;
    justify-content: center;
    gap: 30px;
}
.service-card > .shape-icon img {
    filter: invert(1);
    max-height: 55px;
}

/**about**/
p.year-counter_text {
    line-height: 16px;
}
/*hide shape (covers slider button)*/
#home-page-view .shape1 {
    display: none;
}

/**CTA 1 (with video)**/
.as-video2:after {
    background-color: #0b6623;
}

/**CTA 2 (make appointment)**/
.contact-feature .icon-btn {
    box-shadow: 0px 2px 10px black;
}
a.contact-feature_link {
    font-size: 16px;
}

/*single page breadcrumb overlay*/
.breadcumb-wrapper.background-image {
    position: relative;
}
.breadcrumb-overlay {
    width: 100%;
    height: 100%;
    background: #000000a6;
    position: absolute;
    top: 0;
}
h1.breadcumb-title {
    z-index: 9;
    position: relative;
}

/**mobile optimizations**/
@media only screen and (max-width:470px){
    #why-choose-us-home {
	padding-bottom: 60px;
    }
}

/****
   About
 ****/
#services-list-view .breadcumb-wrapper.background-image,
#contact-page-view .breadcumb-wrapper.background-image,
#about-page-view .breadcumb-wrapper.background-image,
#industries-list-view .breadcumb-wrapper.background-image {
    /*filter: hue-rotate(166deg) brightness(0.4);*/
}
/*hide shape in first section*/
#about-page-view .shape1 {
    display: none;
}

/**mobile optimizations**/
@media only screen and (max-width:470px){
    #about-page-view .spacer-60 {
	display: none;
    }
}


/****
   Services
 ****/
/**list view**/
#service-cta-overlay {
    height: 100%;
    width: 100%;
    background: #0b6623a6;
    position: absolute;
    bottom: 0;
}
/*
   .service-title-wrapper:not(:first-of-type) {
   margin-top: 80px;
   }
 */
.service-title-wrapper {
    margin-top: 80px;
}

/**page view**/
div#service-page-featured {
    text-align: center;
}
#service-page-featured {
    text-align: center;
    padding-bottom: 60px;
}
#service-page-featured img {
    box-shadow: 0px 0px 8px;
}
div#service-page-title {
    padding-bottom: 30px;
}
#service-page-title h2 {
    text-transform: capitalize;
}

/****
   Contact
 ****/
.contact-info_icon {
    box-shadow: 0px 2px 10px black;
}

/*branches*/
.branch-location-wrapper {
    padding-top: 60px;
}
.branch-location-wrapper h2 {
    text-align: center;
    margin-bottom: 30px;
}
.branches-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 60px;
}
.branch-item h3 {
    font-size: 24px;
}
.branch-item-detail-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}
.branch-item-detail-grid p {
    margin: 0;
    padding-bottom: 10px;
}
.branch-item-detail-grid p:nth-of-type(1) {
    font-weight: 900;
}
@media only screen and (max-width:470px){
    .branches-wrapper {
	grid-template-columns:100%!important;
    }
}


/****
   Industries | Page View
 ****/
div#industry-service-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.isl-item {
    display: grid;
    grid-template-columns: 40px 1fr;
}
#industries-page-view h3 {
    margin-top: 10px;
}

#supported-devices {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 20px;
}

.supported-device-item {
    display: grid;
    grid-gap: 0px;
    justify-content: start;
    align-items: center;
    padding: 20px;
    background: #fbfbfb;
}

.sdi-device-name, .sdi-brand-name {
    display: block;
}
.sdi-img {
    padding-top: 20px;
}
.sdi-info-link p {
    display: block;
    width: 150px;
    background: #3bb143;
    color: white;
    text-align: center;
    padding: 10px 20px;
}
@media only screen and (min-width:471px){
    .sdi-img {
	/*margin-top: -15px;*/
    }
}
@media only screen and (max-width:470px){
    .supported-device-item {
	grid-template-columns: 100%;
    }
}


/**hardware solutions (v2) on applications page-view page**/
div#industry-service-list-v2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
}

.app-read-more-wrapper p {
    background: #3bb143;
    color: white;
    padding: 10px 20px;
    text-align: center;
}
.app-read-more-wrapper p:hover {
    background: #0b6623;
    transition: background 0.6s;
}


@media only screen and (max-width:470px){
    #industry-service-list-v2 {
	grid-template-columns:100%!important;
    }
}

/***
   Hardware Page View
 ***/
/*form*/
#services-page-view .contact-form input, #services-page-view .contact-form textarea, #services-page-view .contact-form select {
    border: 2px solid;
}




/****
   Team
 ****/
/*descriptions*/
/*slide toggled by jQuery to display animated*/
.team-member-description {
    display:none;
    padding-top:30px;
}

/****
   HIDE elements
 ****/
/*green shape on slider (home page)*/
#home-page-view .hero-shape1 {
    display: none!important;
}
/*social media icons (team members popup on hover)*/
.team-social {
    display: none!important;
}