.navbar-dark .navbar-nav .nav-link {
	color: #fff;
	display: block;
	font-size: 14px;
	line-height: 30px;
	opacity: 1;
	padding: 6px 0 18px;
	margin-left: 20px;
	margin-right: 20px;
	position: relative;
	text-transform: uppercase;
	transition: all .5s ease 0s;
	color: #333 !important;
	font-weight: normal;
}

.navbar-dark .navbar-nav .nav-link.active::after {content: '';	position: absolute;
left: 50%;	bottom: 100%;width: 2px;	height: 100%;
background-color: #00A859;transition: 0.3s all ease;}

/*.navbar-dark .navbar-nav .nav-link:hover::after, .dropdown-toggle:hover::after {content: '';	position: absolute;
left: 50%;	bottom: 100%;width: 2px;	height: 100%;
background-color: #CCCCCC;transition: 0.3s all ease;}
*/


.dropdown .dropdown-menu::before{content: '';
position: absolute;
background-color:
#ffffff;
bottom: 100%;
left: 50%;
transform: translate(-50%, 7px) rotate(45deg);
width: 15px;
height: 15px;
box-shadow: -5px -7px 8px -4px
#00000042;}

.dropdown  .dropdown-menu {
	visibility: hidden;
opacity: 0;
background:
#FFF;
width: 220px;
position: absolute;
top: 90%;
left: 50%;
transform: translateX(-50%) translateY(25px) rotateX(-48deg);
font-size: 0.85em;
line-height: 1em;
padding: 10px 0;
border-radius: 5px;
text-align: left;
z-index: 999999;
box-shadow: 0 0 8px 0
rgba(0,0,0,0.26);
transition: 0.2s all ease;
}

.dropdown:hover  .dropdown-menu{transition: 0.3s all ease;
visibility: visible;
opacity: 1;
color:
#00C7F9;
transform: translateX(-50%) translateY(0px) rotateX(0deg);}
.dropdown-item {
	padding: 10px 20px;
}

.dropdown-toggle::after {
	content: "";
	border-top: none;
	border-right: none;
	border-bottom: 0;
	border-left: none;
}

.navbar-dark .navbar-nav {padding: 0;height: auto;}

.bg-dark {position: static;background:#fff !important;
transition: all .5s ease 0s;height: inherit;
display: inline-block;width: auto;
top: 95px;z-index: 11;}
div.logo {	position: relative;
top: 25px;}
footer .post-list li a i {
font-size: 11px;margin-right: 6px;
}footer .post-list li a {
text-transform: capitalize;
}footer .post-list li {
margin-bottom: 8px;
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
color: rgb(0, 168, 89);
}.dropdown-item:focus, .dropdown-item:hover {
text-decoration: none;
background-color: #00a859;color: #fff;
}
.dropdown-item{	margin-bottom: 2px;}
.dropdown-menu {	background-color: #F1F1F1;}

.company, .company:hover {	color: #00a859;}
.about-text p a {	background-color: #00a859;
color: #fff;	text-transform: capitalize;
box-shadow: none;	border-radius: 0;
padding: 6px 13px;margin-top: 13px;}
.about-text p a:hover , .about-text p a:focus{box-shadow: none; background:#000;}

.slide-container {	width: 100%;
height: auto;	position: static;
overflow: hidden;}
.left-arrow {width:100px;
height:100%;position:absolute;
top:0;left:0;}
.right-arrow {width:100px;height:100%;
position:absolute;top:0;right:0;
}.left-arrow>img {position:relative;
top:50%;transform:translateY(-50%);
margin-left:-2px;opacity:.3;
transition:opacity 1s;}

.right-arrow>img {position:relative;
top:50%;transform:translateY(-50%);
margin-left:42px;opacity:.5;
transition:opacity 1s;}

.left-arrow>img:hover,.right-arrow>img:hover {
cursor:pointer;opacity:1;}

.dot-container {position:absolute;bottom:5px;
left:50%;transform:translateX(-50%);}

.dot {cursor:pointer;height:13px;
width:13px;background-color:#F67280;border-radius:50%;
display:inline-block;transition:background-color .6s ease;
margin:0 2px;}

/*.active,.dot:hover {
background-color:#E8175D;
height:17px;
width:17px;
}*/

.captionText {width:120px;height:50px;
position:absolute;bottom:30px;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size:14px;font-weight:bolder;text-align:center;
line-height:50px;letter-spacing:.19em;background:#F67280;
color:#FFF;opacity:0;}
.main-content,.responsive-img {width:100%;height:100%;}
.sec-padd2 {padding: 80px 0 10px;}

@media screen and (max-width: 700px){
.slide-container {width:600px;}
}

@media screen and (max-width: 600px){
.slide-container {width:500px;height:300px;}
}

@media screen and (max-width: 500px){
.slide-container {width:400px;height:250px;}
.captionText {width:100px;height:40px;
font-size:12px;line-height:40px;}
}

@media screen and (max-width: 400px){
.slide-container {width:300px;height:200px;}
.captionText {width:90px;height:35px;font-size:10px;
line-height:35px;}
}

.home-page{overflow-x: hidden;}

.slider, .slider > div {
    /* Images default to Center Center. Maybe try 'center top'? */
    background-position: center center;    display: block;
    width: 100%;    height: 600px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;    background-size: cover;
    background-repeat: no-repeat;    background-color: #000;
    overflow: hidden;
     -moz-transition: transform .4s;
     -o-transition: transform .4s;
     -webkit-transition: transform .4s;
     transition: transform .4s;
	 background-size: 100% 100%;
	 background-position: center center;
     animation: shrink 5s infinite alternate;
}

@-webkit-keyframes shrink {
    0% {
        background-size: 100% 100%;
    }
    100% {
        background-size: 110% 110%;
    }
}



.slider > div {position: absolute;}
.slider > i {color: #5bbd72;	position: absolute;
font-size: 60px;	margin: 20px;	top: 40%;
text-shadow: 0 10px 2px #223422;	transition: .3s;
width: 14px;	padding: 2px 10px 9px;	background: #fff;
cursor: pointer;
line-height: 0;	box-sizing: content-box;
border-radius: 3px;	z-index: 4;
background: #fff;
}
.slider > i svg {margin-top: 3px;}

.slider > .left {left: -100px;}
.slider > .right {right: -100px;}
.slider:hover > .left {left: 0;}
.slider:hover > .right {right: 0;}

.slider > i:hover {background:#fff;
    background: rgba(255, 255, 255, .8);
    transform: translateX(-2px);}

.slider > i.right:hover {transform: translateX(2px);}

.slider > i.right:active,
.slider > i.left:active {    transform: translateY(1px);}

.slider:hover > div {   /* transform: scale(1.01);*/}

.hoverZoomOff:hover > div {  /*  transform: scale(1);*/}

.slider > ul {    position: absolute;    bottom: 10px;
    left: 50%;    z-index: 4;    padding: 0;
    margin: 0;    transform: translateX(-50%);}

.slider > ul > li {    padding: 0;    width: 20px;
    height: 20px;    border-radius: 50%;    list-style: none;
    float: left;    margin: 10px 10px 0;    cursor: pointer;
    border: 1px solid #fff;    -moz-transition: .3s;    -o-transition: .3s;
    -webkit-transition: .3s;    transition: .3s;}

.slider > ul > .showli {    background-color: #00a859;    -moz-animation: boing .5s forwards;
    -o-animation: boing .5s forwards;    -webkit-animation: boing .5s forwards;
    animation: boing .5s forwards;}

.slider > ul > li:hover {    background-color: #00a859;}

.slider > .show {    z-index: 1;}

.hideDots > ul {    display: none;}

.showArrows > .left {    left: 0;}

.showArrows > .right {    right: 0;}

.titleBar {    z-index: 2;    display: inline-block;
    background: rgba(0,0,0,.5);    position: absolute;
    width: 100%;    bottom: 0;    transform: translateY(100%);
    padding: 20px 30px;    transition: .3s;    color: #fff;
}
.titleBar * {   /* transform: translate(-20px, 30px);
    transition: all 700ms cubic-bezier(0.37, 0.31, 0.2, 0.85) 200ms;*/
    opacity: 1;
}

.titleBarTop .titleBar * {
    transform: translate(-20px, -30px);
}

.slider:hover .titleBar,
.slider:hover .titleBar * {
/*    transform: translate(0);    opacity: 1;*/
}

.titleBarTop .titleBar {    top: 0;
    bottom: initial;    transform: translateY(-100%);}

.slider > div span.titleBar {
	display: block;
	background: transparent;
	position: absolute;
	bottom: 0;
	color: #fff;
	text-align: center;
	width: auto;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	height: 32%;
	padding: 30px;
}
.titleBar h1 {line-height: 60px;}
.slider > div span.titleBar h1 span {
	background: #00a859;
	padding: 2px 12px;
}

@keyframes boing {
    0% {
        transform: scale(1.2);
    }
    40% {
        transform: scale(.6);
    }
    60% {
        transform: scale(1.2);
    }
    80% {
        transform: scale(.8);
    }
    100% {
        transform: scale(1);
    }
}

/* -------------------------------------- */

#slider2 {
    max-width: 30%;
    margin-right: 20px;
}

.row2Wrap {
    display: flex;
}

.content {
    padding: 50px;
    margin-bottom: 100px;
}

.content {
    padding: 10px 15vw;
}



header .container {
	margin-bottom: 5px;
	margin-top: 16px;
}
.infrastructure .fa-link, .infrastructure .fa-search-plus{background:#00a859;border-radius: 50%;
color:#fff;display: inline-block;font-size: 16px;
height: 45px;line-height: 48px;transition: all .5s ease 0s;
width: 45px;}

.infrastructure .default-blog-news,
.infrastructure .large-blog-news {	box-shadow: none !important;}
.media-gallery-model .modal-body img.img-fluid {    max-width: 100% !important;}
.media-gallery-model .modal-dialog {    width: 600px !important;    max-width: 600px !important; margin:155px auto;}
h3.txt-model-header {    margin-bottom: 0px;}
.product-inr-block .carousel-inner {	border: 1px solid #ddd;}
#lightbox {
	background: rgba(0,0,0,0.5);
}
.carousel .fa {	color: #00a859;	font-size: 26px;}
.products-inr-block .default-blog-news figure {border: 1px solid #ddd;
margin-bottom: 0px;	padding-bottom: 0px;}
.products-inr-block .default-blog-news {
margin: 0;
}.products-inr-block .product-txt a {	text-transform: capitalize;
color: #000;	font-weight: normal;	display: block;
padding: 11px 15px;
transition:all 0.5s ease-in-out;	-webkit-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;	-moz-transition:all 0.5s ease-in-out;
background: #f0f0f0;}
.products-inr-block .product-txt a:hover, .products-inr-block .product-txt a:focus,
.products-inr-block .col-md-4:hover .product-txt a {
color: #00a859;}

.btn-form{background-color:#00a859;
color:#fff;text-transform: capitalize;
box-shadow: none;border-radius: 0;
padding: 6px 13px;margin-top: 13px;
transition:all 0.5s ease-in-out;	-webkit-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;	-moz-transition:all 0.5s ease-in-out;}

.btn-form:hover, .btn-form:focus{background-color:#000;}
.desktop-show{display:block;}
.mobile-show{display:none;}
.contact-us-block h2{text-transform:uppercase;}

.contact-us-block .header-contact-info ul li {	width: 22.333%;
border-right: 1px solid #ddd;	margin-bottom: 1em;}
.contact-us-block .header-contact-info ul li:last-child {	border-right: 0px;}
.logo a img {top: -28px;}
footer address {color: #999; margin-bottom:0px;}

footer i.fa-map-marker {color: #999;}
footer .address-icon {display: inline-block;}
footer .address-txt {display: inline-block;	vertical-align: top;}
footer .address-icon {display: inline-block;margin-right: 10px;}
footer .ph-num::before {content: "\f095";
color:#999;	margin-right: 10px; font-family:fontawesome;}
footer .mail::before {content: "\f0e0";
color:#999;	margin-right: 10px; font-family:fontawesome;}
footer .ph-num {margin: 12px 0px;}

.about-text p {font-size: 18px;	line-height: 36px;}

footer .ft-infra li img {	width: 72px;
height: auto !important;opacity: .6; border:2px solid transparent;}
footer .ft-infra li img:hover{opacity: .9; border:2px solid #00a859;}
footer .ft-infra li {display: inline-block;
margin-bottom: 14px;margin-right: 10px;}
.ft-logo img.img-fluid {	width: 190px !important;	margin-bottom: 14px;}

.breadcrumb-area {	padding: 99px 0;}
.breadcrumb-area::before {	background: rgba(0,0,0,0);}

.breadcrumb-area h1 span {	color: #00a859;}
.breadcrumb-area h1{text-transform:uppercase;}
.table-striped tbody tr:nth-of-type(2n+1){background-color: rgba(94, 94, 94, 0.1);}


.whtsapp-lg img.img-fluid {
	width: 50px;
}
.whtsapp-lg {
	position: fixed;
	right: 2%;
	bottom:5%; z-index:50;
}.whtsapp-block{position:relative;}.circle {
	border-radius: 50%;
	background-color: #00a859;
	width: 80%;
	height: 80%;
	position: absolute;
	opacity: 0;
	animation: scaleIn 2s infinite cubic-bezier(.36, .11, .89, .32);
	right: 10%;
	bottom: 11%;
	z-index: -5;
}@keyframes scaleIn {
  from {
    transform: scale(.5, .5);
    opacity: .5;
  }
  to {
    transform: scale(2.5, 2.5);
    opacity: 0;
  }
}
	
@media screen and (max-width:1199px) {.header-contact-info ul li {margin-right: 0px;}
.bg-dark {width: auto;}.navbar-dark .navbar-nav .nav-link {margin-left: 14px;margin-right: 14px;}
.contact-us-block .header-contact-info ul li{width: 30.333%;
border-right: 1px solid #ddd; margin-right: 27px;}
}

@media screen and (max-width:1080px) {.navbar-dark .navbar-nav .nav-link {
margin-left: 8px;	margin-right: 8px;}
}

@media screen and (max-width:991px) {dia-gallery-model .modal-dialog {
width: 400px !important;max-width: 400px !important;}.desktop-show{display:none;}
.mobile-show{display:block; margin-bottom:16px; text-transform:uppercase; font-weight:bold;}
.table-striped tbody tr:nth-of-type(2n+1) {	background-color: rgba(255, 255, 255, 0.05);}
.table-striped tbody tr th {background-color: rgb(0, 168, 89,0.1);}
.header-area .col-lg-3.col-md-3.col-sm-12.col-xs-12,
.header-area .col-lg-9.col-md-9.col-sm-12.col-xs-12{
display: block;	width: 100%;max-width: 100%; flex: 0 0 100%;}
.header-area .header-contact-info,
.top-bar-area .header-social-media {display: block;}
.bg-dark{position:static;}
div.logo{text-align: center;margin-bottom: 12px;}
.navbar-dark .navbar-nav .nav-link {line-height: 10px;}
.navbar-toggler:not(:disabled):not(.disabled) {	width: 100%;}
.contact-us-block .header-contact-info ul li {width: 100%;border-right: none;margin-bottom: 22px;}
.bg-dark {width: 100%;margin-bottom: 2em;}
header .container{	margin-bottom: 0;margin-top: 0px;}
div.logo{margin-bottom: 2em;}
}

@media screen and (max-width:767px) {.navbar.navbar-expand-lg.bg-dark.navbar-dark {margin-top: 1em;}
.ft-logo, .ft-infra {
	margin-bottom: 2em;
}.copyright.text-right {
	text-align: left !important;
}.footer-bottom .copyright {
	margin-bottom: 12px;
}.footer-bottom {
	padding-bottom: 12px;
}}

@media screen and (max-width:575px) {
.media-gallery-model .modal-dialog {margin: 26px auto;max-width: 100% !important;padding: 0 12px;}
.infrastructure img {height: auto !important;	width: 100% !important;}
.infrastructure .img-holder {margin-bottom: 6px;}
.media-gallery-model .modal-dialog {  margin:215px auto;}
}

@media screen and (max-width:475px) {
.default-blog-news, .large-blog-news {	margin-bottom: 0px;}
.infrastructure .default-blog-news {	margin-bottom: 20px;}
}