.dark_green{color:#6aa837;}
.light_green{color:#19C1B9;}
a {text-decoration: none;}

.card-img-top{aspect-ratio: 4/3;object-fit: cover;}
.info-icons .box img {
	width: 50px;
	margin-bottom: 30px;
}

.info-icons .icon-block svg {
	width: 47px;
	height: 47px;
	position: relative;
	margin-top: -13px;
}
.info-icons .icon-block svg path {
	stroke: #19C1B9;
}

.info-icons .icon-block,.number-list li::before,.service-listing .icon,.custom-carousel .blockquote::before {
	color: #19C1B9;
}
.info-icons .box:hover .icon-block,.social-networks .icon:hover,.info-wrap .card:hover .card-title,ul:not([class]) li::before {
	color: #19C1B9;
}
.custom-bg {
	background-color: #6aa837;
	border-color: #6aa837;
}
.number-list li{padding-top:10px;}

.service-list a:hover,#footer .social-networks .icon:hover{color:#6aa837;}
.footer-bar,.overlay{background:#19C1B9;}

@media (max-width:991px){
.service-listing li{display:inline-flex;}
.top-bar .row {align-items: center;}
.top-bar .col-lg-9{width:75%;}
.top-bar .col-lg-3{width:25%;}

.navbar-brand img {max-width: 200px;}
}



/**Projects page css**/

.portfolio .filters{text-align: center;margin-top: 50px;}
ul.port_nav {padding: 0;}
      
.port_nav li{list-style: none;display: inline-block;padding: 7px 25px;cursor: pointer;position: relative;background:#19C1B9;color:#fff;margin: 5px;}
.port_nav li:hover{background:#000;}
.filters-content{margin-top: 50px;}
      
.show{opacity: 1;visibility: visible;transition: all 350ms;}
        
.hide{opacity: 0;visibility: hidden;transition: all 350ms;}
      
.filters-content .item{text-align: center;cursor: pointer;margin-bottom:30px;position: relative;}
.filters-content .item::before {
	content: "\e901";
	font-family: "icomoon";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	font-size: 40px;
	color: #19C1B9;
	background: rgba(34,34,34,0.5);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	opacity: 0;
	-webkit-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
	pointer-events: none;
}
.filters-content .item:hover:before {opacity:1}
.filters-content .item:hover a:before,
.filters-content .item:hover a:after {
  width:calc(100% - 40px);
  height:calc(100% - 40px)
}
.filters-content .item:hover a:before {
  border-top-color:#19C1B9;
  border-right-color:#19C1B9;
  -webkit-transition:width 0.25s ease-out, height 0.25s ease-out 0.25s;
  transition:width 0.25s ease-out, height 0.25s ease-out 0.25s
}
.filters-content .item:hover a:after {
  border-bottom-color:#19C1B9;
  border-left-color:#19C1B9;
  -webkit-transition:border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
  transition:border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s
}
.filters-content .item a::before,
.filters-content .item a::after {
  content:'';
  position:absolute;
  width:calc(100% - 40px);
  height:calc(100% - 40px);
  border:1px solid transparent;
  width:0;
  height:0
}
.filters-content .item a:before {
  top:20px;
  left:20px
}
.filters-content .item a:after {
  bottom:20px;
  right:20px
}

