/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #fff;
  z-index: 99;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 60px;
}

/* KANZI -> Add a slash symbol (/) before/behind each list item */
ol.breadcrumb li+li:before {
  padding: 6px;
  color: black;
  content: "/";
}

/* BEGIN FABREX */
@media screen and (max-device-width: 896px) and (orientation : landscape) {
	.top-bar-info li i,
	.top-bar-info li a {
		color: #000;
	}
}

@media screen and (min-width: 480px) {
	.top-bar-info li i,
	.top-bar-info li a {
		color: #fff;
	}
}

.navbar-brand img {
    max-height: 55px;
 }

section, 
footer {
	padding: 25px 0 0;
}

page-title-section2 {
	padding: 50px 0 0;
} 

.page-title-section h1, 
.page-title-section h2, 
.page-title-section ul li,
.footer-content-text > a {
	color: #fff;
} 

section.md {
	padding: 45px 0;
} 
 
.page-title-section ul li:last-child a {
	color: #006735;
}

/* END FABREX */

/* The progress container (grey background) */
.progress-container {
  width: 100%;
  height: 8px;
  background: #fff;
}

/* The progress bar (scroll indicator) */
.progress-bar {
  height: 30px;
  background: #4caf50;
  width: 0%;
}

.mobile-nav a:hover {
    background: rgba(255, 255, 255, 0.50);
}

.body-wrapper {
    padding-top: 20px;
    padding-bottom: 20px;
}

.button_popup {
	color: #fff;
	padding: 10px 15px;
	border-radius: 3px;
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

@media print {    
    .no-print, 
    .no-print * {
        display: none !important;
    }
}

.progress-bar-hvh {
      background-color: #006735 !important;
}

.social-icons .hvh-icon {
    background-image: url("../images/social-media/social-media-hvh.png");
    border: 1px solid #fff;
    box-sizing: border-box;
}

.double-bounce1, .double-bounce2 {
    background-color: rgba(0, 135, 82, 0.5);
}

.accordion .accordion-row {
	border-width: 3px;
	border-color: #c7c7c7;
	border-style: solid;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); 
	background: #fff;
}

.tab-container .tabs-content {
	background: #fff;
}

/*
.accordion .accordion-row .desc .row:nth-child(odd) {
    background: #fff;
}
*/

ol,ul {
	margin-right: 2px;
}

input[type="email"]:focus, 
input[type="email"].form-control:focus, 
input[type="password"]:focus, 
input[type="password"].form-control:focus, 
input[type="text"]:focus, 
input[type="text"].form-control:focus, 
textarea:focus, 
textarea.form-control:focus, 
.form-control:focus {
	border-color: #e8e8e8;
	box-shadow: inset 0 1px 1px rgba(0, 135, 82, 0.5), 0 0 8px rgba(0, 135, 82, 0.5);
}

.header {
	height: 115px
}

::selection {
    background-color: #006735;
    color: #fff;
}

::-moz-selection {
    background-color: #006735;
    color: #fff;
}

table.table thead tr {
	background-color: #006735;
    color: #fff;
}

.thumb-label-item .thumb-label-item-title {
    color: #fff;
}

.accordion .title h4 {
	color: #006735;
}

.team-member .team-member-content {
    border-top: 2px solid #006735;
}

.team-member-readmore a {
	color: #006735;
	font-size: 11px;
}	

.company_name {
	 color: #000000;
}

.company_subname {
	 color: #006735;
}

.table > thead > tr > th, 
.table > tbody > tr > th, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > tbody > tr > td, 
.table > tfoot > tr > td {
	line-height: 1;
	font-size: 11px;
}

.team-member .team-member-position, 
.team-member-progress .team-member-position {
	color: #868686;
}

.blog-post .blog-post-type,
.blog-post-date .icon-link,
.blog-post-icon,
.blog-search .blog-search-button,
.body-wrapper .tags a:hover,
.btn, 
.btn-flat,
.btn-primary,
.btn-primary:active, 	
.btn-primary:focus, 	
.btn-primary:hover,
.btn.btn-flat, 
.btn:active, 
.btn:focus, 
.btn:hover, 
.carousel-container .carousel-icon:hover, 
.circle-iconbg,
.content-box.content-style2:hover i,
.dropcaps.dropcaps-color-style,
.highlighted-text,
.mobile-menu-button,
.mobile-nav,
.rev-slider-fixed  .button, 
.rev-slider-full .button,
.top-title-wrapper,
body .section-content.section-image, 
button .section-content.section-image,
button.btn,
button.btn.btn-flat, 
button.btn:active,
button.btn:focus,
button.btn:hover,
html .section-content.section-image,
input .section-content.section-image,
input[type="button"], 
input[type="button"]:active, 
input[type="button"]:focus, 
input[type="button"]:hover, 
input[type="submit"], 
input[type="submit"]:active, 
input[type="submit"]:focus, 
input[type="submit"]:hover, 
select .section-content.section-image,
textarea .section-content.section-image,
.img-overlay .item_img_overlay_content,
.team-member-image.img-overlay .item_img_overlay_content {
	background-color: #006735;
}

.section-content.section-color-bg {
	background-color: #868686;
}

.accordion .title {
	font-size: 16px;
}

#infscr-loading,
.accordion .active h4,
.accordion .active h4, 
.accordion .title:hover h4, 
.accordion .title:hover h4, 
.blog-post-date .day,
.blog-post-date .month, 	
.blog-post-details-item.blog-post-details-item-right a:hover i,
.blog_post_quote .quote-author,
.blog_post_quote::after, 
.body-wrapper a:hover, 
.bottom-body a:hover, 
.content-box h4 i,
.item-img-overlay .portfolio-zoom, 
.item-img-overlay .portfolio-zoom:hover, 
.item-img-overlay i, 
.navigation > li > .activelink, 
.navigation > li > a:focus > span.label-nav-sub::before,
.navigation > li > a:hover > span.label-nav-sub::before, 
.navigation > li > a:hover, 
.navigation > li:hover > a > i, 
.navigation > li:hover > a, 
.navigation ul li:hover > a, 
.side-navigation .menu-item.current-menu-item a, 
.side-navigation .menu-item:hover a, 
.side-navigation .menu-item:hover a::after, 
.skin-text,
.tab a:hover,  
.tool-tip, 
.top-body a:hover, 
.top-body a:hover, 
.top-footer a:hover, 
a, 
a.tool-tip, 
a:focus, 
a:hover, 
accordion .title:hover, 
body .white-text .feature-details a:hover,
body .white-text .feature-details a:hover, 
button .white-text .feature-details a:hover,
html .white-text .feature-details a:hover,
input .white-text .feature-details a:hover,
select .white-text .feature-details a:hover,
span.colored,
strong.colored, 
textarea .white-text .feature-details a:hover,
ul.icon-content-list-container li.icon-content-single .icon-box i,
.section-tabs .tab a.active,
.tab a.active, 
.h3-body-title > a {
    color: #868686;
}

.top-social-icon li a {
	color: #fff;
}

.navigation > li:hover > a > span.label-nav-sub::before, 
.navigation > li:hover > a > span.label-nav-sub::before {
    color: #006735;
    opacity: 1;
    opacity: 0\9;
}

.h3-body-title {
    margin: 0px 0px 0px 0px;
}
	
.callout-box.callout-box2 {
    background: #006735;
}
	
.content-box.content-style2 h4 i {
    border-color: #006735;
}

.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus {
    background-color: #006735;
    border-color: #006735;
}
    
.team-member .team-member-content {
    text-align: left;
}

.footer, .footer-wrapper {
	background-color: #020a06;
}

.tab-container .tabs-content div.btn-group,
.tab-container .tabs-content div.col-md-6,
.tab-container .tabs-content div.row,
.tab-container .tabs-content div.desc,
.tab-container .tabs-content div.accordion-row,
.tab-container .tabs-content div.input-group-addon,
.tab-container .tabs-content div.form-group {
    overflow: unset;
}

.dropdown-menu > .active > a, 
.dropdown-menu > .active > a:focus, 
.dropdown-menu > .active > a:hover {
    background-color: #006735;
}

input[type="radio"]{
	margin: 0 5px 0 5px;
}
