body {
 font-family: 'Poppins', sans-serif;
font-family: 'Roboto Slab', serif;}
.container{max-width: 1200px; width: 100%;}


.head1{background: #006837;
padding-top: 20px;}

.header-div{padding-top: 8px;padding-bottom: 9px;}

.menu-div{
    padding-top: 11px;}

.log-mob{display: none;}

.menu-div,  .menu-div1 {
  }
  .nav-fill .nav-item{text-align: left;background: url(/wp-content/themes/twentytwentyone/images/top-line.png) no-repeat right center;}
  
.menu-div .navbar, .menu-div1 .navbar {
  padding: 0px;
  margin-left: 0px; }


.about-div1{padding-top: 30px;
padding-bottom: 60px;}

.about-div1 h1{color: #006837;font-size: 30px;
font-weight: 600;
padding-bottom: 6px;}
.about-div1 p{text-align: justify;
font-size: 16px;
line-height: 32px;}

.project-div1 p{line-height: 32px;}

.project-div1{padding-top: 30px;
padding-bottom: 60px;}

.compl-proj1 p{font-size: 18px;}

.compl-proj3 b{font-size: 19px;}

.project-div1 h1{color: #006837;font-size: 30px;
font-weight: 600;
padding-bottom: 6px;}
.compl-proj1 img{padding-top: 20px;}
.compl-proj1 p{text-align: justify;}
.team-div2{padding-top: 30px;
padding-bottom: 60px;}

/*.compl-proj1 h4{text-align: center;padding-right: 30px;}
*/
.hii{text-align: center;
color: #006837;
font-size: 20px;
/*background: #F2F2F2;*/}

.team-div2 h1{color:#006837;font-size: 30px;
font-weight: 600;
padding-bottom: 6px;} 
.contact-div3{padding-top: 30px;
  padding-bottom: 60px;}

.contact-div3 h1{color:#006837;font-size: 30px;
font-weight: 600;
padding-bottom: 6px;
}

.form-group input {
    height: 40px;
}

.form-control {
    margin-bottom: 20px;
}

.form-group{padding-top: 36px;}

.submit {
    padding-top: 15px;
}

.submit input {
    background-color: #006837;
    box-shadow: none;
    border: none;
    color: #fff;
    padding: 7px 23px !important;
    text-align: center;
    height: auto;
    width: auto;
    display: inline-block;
    transition: all .5s ease-in;
    font-size: 16px;
    text-transform: uppercase;
}

.submit input:hover {
    background: #006837c4;
    color: #fff;
}

.add-proj3{background: #006837c4;
    border-radius: 4px 0 0 4px;
    padding: 35px 40px 50px 30px;
    height: 450px;
    margin-left: -15px;}


.a1 li{line-height: 32px;font-size: 16px;
}

.compl-proj3 p{font-size: 18px;
}

.add-proj3 p{font-size: 16px;line-height: 32px; color: #fff;
}
 
.add-proj3 a{text-decoration: none; color: #fff;}

.add-proj3 b{color: #fff; font-size: 19px;}

.menu-div .navbar-light .navbar-nav .nav-item .nav-link, .menu-div1 .navbar-light .navbar-nav .nav-item .nav-link {

  padding: 16px 12px;
  line-height: 22px;
  font-size: 17px;
  font-weight: 500;
  position: relative;
  margin-right: 15px;
  text-align: center;
  color: #4c4c4c;
  margin-top: -2px;
background: url(/wp-content/themes/twentytwentyone/images/top-link.png) no-repeat right center;
  
   }

.menu-div .navbar-light .navbar-nav .nav-item:last-child .nav-link, .menu-div1 .navbar-light .navbar-nav .nav-item:last-child .nav-link {
  background: none; }

.menu-div .navbar-light .navbar-nav .nav-item:hover .nav-link, .menu-div .navbar-light .navbar-nav .nav-item.active .nav-link, .menu-div1 .navbar-light .navbar-nav .nav-item:hover .nav-link, .menu-div1 .navbar-light .navbar-nav .nav-item.active .nav-link {
 
     background: #006837;

   }
.menu-div .navbar-light .navbar-nav .nav-item:hover .nav-link, .menu-div .navbar-light .navbar-nav .nav-item.active .nav-link {color: #fff;}


.menu-div .navbar-expand-lg .navbar-nav .dropdown-menu, .menu-div1 .navbar-expand-lg .navbar-nav .dropdown-menu {
  background: none;
  width: 250px;
  padding-top: 0px;
  padding-bottom: 0px; }

.menu-div .dropdown-item, .menu-div1 .dropdown-item {
 
  color: #fff;
    border-bottom: 1px solid #d9b292;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600; background: #444;}

.dropdown-menu li.show a{color: #fff;}

.menu-div .dropdown-item, .menu-div1 .dropdown-item {
  padding: 9px 10px !important; line-height: 25px;}

.menu-div .dropdown-item:hover, .menu-div .dropdown-item.active, .menu-div1 .dropdown-item:hover, .menu-div1 .dropdown-item.active {
     color: #fff;
    background:#fd7d10; }



    #wrapper {  -moz-transition: all 0.5s ease;  -o-transition: all 0.5s ease;  -webkit-transition: all 0.5s ease;  padding-left: 0;  -webkit-transition: all 0.5s ease;  transition: all 0.5s ease;}
#wrapper.toggled { padding-left: 220px; }
#wrapper.toggled #sidebar-wrapper { width: 270px; }
#wrapper.toggled #page-content-wrapper {  margin-right: -220px;  position: absolute;}
#sidebar-wrapper {  -moz-transition: all 0.5s ease;  -o-transition: all 0.5s ease;  -webkit-transition: all 0.5s ease;  background: #006837;  height: 100%;  left: 185px;  margin-left: -220px;  overflow-x: hidden;  overflow-y: auto;  -webkit-transition: all 0.5s ease;  transition: all 0.5s ease;  width: 0;  z-index: 1000;}#sidebar-wrapper::-webkit-scrollbar { display: none;}
#page-content-wrapper {  padding-top: 70px;  width: 100%;}
.sidebar-nav {  list-style: none;  margin: 0;  padding: 0;  position: absolute;  top: 0;  width: 270px;}
.sidebar-nav li {  display: inline-block;  line-height: 20px;  position: relative;  width: 100%;}
.sidebar-nav li:before {  -moz-transition: width 0.2s ease-in;  -ms-transition: width 0.2s ease-in;  -webkit-transition: width 0.2s ease-in;  background-color: #1c1c1c;  content: '';  height: 100%;  left: 0;  position: absolute;  top: 0;  -webkit-transition: width 0.2s ease-in;  transition: width 0.2s ease-in;  width: 3px;  z-index: -1;}

.sidebar-nav li:before { background:none; margin-left:-5px; margin-right:-10px; }

.sidebar-nav li:hover:before {  -webkit-transition: width 0.2s ease-in;  transition: width 0.2s ease-in;  width: 100%;}
.sidebar-nav li a { font-weight: 600;  color: #fff; text-transform:uppercase; font-size:15px;  display: block;  padding: 10px 15px 10px 30px;  text-decoration: none; text-align:left; border-bottom:1px dotted #066085;}
.sidebar-nav li.open:hover before {  -webkit-transition: width 0.2s ease-in;  transition: width 0.2s ease-in;  width: 100%;}
.sidebar-nav .dropdown-menu {  background-color: #fff; border-radius: 0;  border: none;  box-shadow: none;  margin: 0;  padding: 0;  position: relative;  width: 100%; font-weight: 500;}
.sidebar-nav li a:hover, .sidebar-nav li.active a, .sidebar-nav li a:focus, .sidebar-nav li.open a:hover, .sidebar-nav li.open a:active, .sidebar-nav li.open a:focus {  background-color: #066085;  color: #fff;  text-decoration: none;}
.sidebar-nav .dropdown-menu li a{font-size:13px; color:#f20e0e; border-bottom:1px solid #565353;}
/*.sidebar-nav .dropdown-menu li:hover a, .sidebar-nav .dropdown-menu li.active a{background:#0a4084 !important; color:#fff !important}*/
.sidebar-nav .dropdown-menu li:before{background:none}

.sidebar-nav li.active .dropdown-menu li a{background:#e1e3e4;}
.reach{padding-left: 10px; border-radius:40px;
}
.overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1;
  
} 

#hm1{-webkit-transition: all 2s ease;transition: all 2s ease; }
#hm1.sticky1 .menu-div {padding-top: 10px;}
#hm1.sticky1 {position:fixed; padding-top: 6px; padding-bottom: 6px; top:0; z-index:101; width:100%; display: block; background: #fff; border-bottom: 1px solid #444;}










.mobilemenu{display:none}
.hamburger {
  background: #dedede !important;
  border: none;
  display: block;
  height: 32px;
  margin-left: 15px;
  position: fixed;
  top: 0px;
  width: 52px;
  z-index: 999;
  padding:5px;
}

.hamburger:hover { outline: none; }

.hamburger:focus { outline: none; }

.hamburger:active { outline: none; }

.hamburger.is-closed:before {
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.35s ease-in-out;
  color: #ffffff;
  content: '';
  display: block;
  font-size: 14px;
  line-height: 32px;
  opacity: 0;
  text-align: center;
  width: 100px;
  
}

.hamburger.is-closed:hover before {
  -webkit-transform: translate3d(-100px, 0, 0);
  -webkit-transition: all 0.35s ease-in-out;
  display: block;
  opacity: 1;
}

.hamburger.is-closed:hover .hamb-top {
  -webkit-transition: all 0.35s ease-in-out;
  top: 0;
}

.hamburger.is-closed:hover .hamb-bottom {
  -webkit-transition: all 0.35s ease-in-out;
  bottom: 0;
}

.hamburger.is-closed .hamb-top {
  -webkit-transition: all 0.35s ease-in-out;
  background-color: rgba(255, 255, 255, 0.7);
  top: 5px;
  
}

.hamburger.is-closed .hamb-middle {
  background-color: rgba(255, 255, 255, 0.7);
  margin-top: -2px;
  top: 50%;
}

.hamburger.is-closed .hamb-bottom {
  -webkit-transition: all 0.35s ease-in-out;
  background-color: rgba(255, 255, 255, 0.7);
  bottom: 5px;
}

.hamburger.is-closed .hamb-top, .hamburger.is-closed .hamb-middle, .hamburger.is-closed .hamb-bottom, .hamburger.is-open .hamb-top, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-bottom {
  height: 4px;
  left: 0;
  position: absolute;
  width: 100%;
  background-color: #006837;
  width: 26px;
  margin-left:12px;
  
  
}

.hamburger.is-open .hamb-top {
  -webkit-transform: rotate(45deg);
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
  background-color: #05512d;
  margin-top: -2px;
  top: 50%;
}

.hamburger.is-open .hamb-middle {
  background-color: #ee0547;
  display: none;
}

.hamburger.is-open .hamb-bottom {
  -webkit-transform: rotate(-45deg);
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
  background-color: #05512d;
  margin-top: -2px;
  top: 50%;
}

.hamburger.is-open:before {
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.35s ease-in-out;
  color: #ffffff;
  content: '';
  display: block;
  font-size: 14px;
  line-height: 32px;
  opacity: 0;
  text-align: center;
  width: 100px;
}

.hamburger.is-open:hover before {
  -webkit-transform: translate3d(-100px, 0, 0);
  -webkit-transition: all 0.35s ease-in-out;
  display: block;
  opacity: 1;
}

/*-------------------------------*/
/*     Sidebar nav styles        */
/*-------------------------------*/
.sidebar-nav {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 270px; }

.sidebar-nav li {
  display:flow-root;
  line-height: 20px;
  position: relative;
  width: 100%; }

.sidebar-nav li:before {
  -moz-transition: width 0.2s ease-in;
  -ms-transition: width 0.2s ease-in;
  -webkit-transition: width 0.2s ease-in;
  background-color: #1c1c1c;
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transition: width 0.2s ease-in;
  transition: width 0.2s ease-in;
  width: 3px;
  z-index: -1; }

.sidebar-nav li:before {
  background: none;
  margin-left: -5px;
  margin-right: -10px; }

.sidebar-nav li:hover:before {
  -webkit-transition: width 0.2s ease-in;
  transition: width 0.2s ease-in;
  width: 100%; }

.sidebar-nav li a {

  text-transform: uppercase;
  font-size: 14px;
  display: block;
  padding: 16px 15px 10px 30px;
  text-decoration: none;
  text-align: left;
  border-bottom: 1px solid #d2e1da; }

.sidebar-nav li.open:hover before {
  -webkit-transition: width 0.2s ease-in;
  transition: width 0.2s ease-in;
  width: 100%; }

.sidebar-nav .dropdown-menu {
  
  border-radius: 0;
  border: none;
  box-shadow: none;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%; }

  
  .sidebar-nav .dropdown-menu1{display: none;}
  .sidebar-nav .dropdown:focus .dropdown-menu1{display: block;}

.sidebar-nav li a:hover, .sidebar-nav li.active a, .sidebar-nav li a:focus, .sidebar-nav li.open a:hover, .sidebar-nav li.open a:active, .sidebar-nav li.open a:focus {
  background-color: #fff;
  color: #000;
  text-decoration: none; }

.sidebar-nav .dropdown-menu li a {
  font-size: 13px;
  color: #000;
  border-bottom: 1px solid #bababa; 
  background-color: #fff;}

  .sidebar-nav .dropdown-menu .dropdown-menu{padding:0px; margin: 0px;}
  .sidebar-nav .dropdown-menu .dropdown-menu li a {
    font-size: 13px;
    color: #000 !important;
    border-bottom: 1px solid #bababa;
  background: #d9c4b4 !important;
  padding-left: 10px;
 }


.sidebar-nav .dropdown-menu li:hover a, .sidebar-nav .dropdown-menu li.active a {
  background: #eeeeee;
  color: #91a8ae; }


  .sidebar-nav .dropdown-menu .dropdown-menu li:hover a, .sidebar-nav .dropdown-menu .dropdown-menu li.active a {
    background: #066085 !important;
    color: #fff !important; }


.sidebar-nav .dropdown-menu li:before {
  background: none; }

.sidebar-nav li.active .dropdown-menu li a {
  background: #fff; color: #777777; }

  .sidebar-nav li.active .dropdown-menu .dropdown-menu li a {
    background: #1eae4e; color:#fff !important; }

   
.inside-banner img{width:100%;}
    
.banner-div2 {position: relative;z-index: 2;display: none; }
.banner-div2 img {width: 100%; }
.banner-div2 .carousel-indicators {bottom: 0px;right: auto;margin-left: 2%; }
.banner-div2 .carousel-indicators li {background: #e75021;width: 11px;height: 11px;border-radius: 50%;opacity: 1;border: 3px solid #5a5a5a; }
.banner-div2 .carousel-indicators .active {width: 11px;height: 11px;background: #e75021;border: 3px solid #e75021; }
.banner-div2 .carousel-control-next, .banner-div2 .carousel-control-prev {top: 0%; }
.banner-div2 .carousel-control-prev {background: url(/wp-content/themes/twentytwentyone/images/banner-arrow-left.png) no-repeat left center;left: 3%;opacity: 1; }
.banner-div2 .carousel-control-next {background: url(/wp-content/themes/twentytwentyone/images/banner-arrow-right.png) no-repeat right center;right: 3%;opacity: 1;z-index: 100; }
.banner-div1 {position: relative;z-index: 2; }
.banner-div1 img {width: 100%; }
.banner-div1 .carousel-indicators {bottom: 0px;right: auto;margin-left: 2%; }
.banner-div1 .carousel-indicators li {background: #e75021;width: 11px;height: 11px;border-radius: 50%;opacity: 1;border: 3px solid #5a5a5a; }
.banner-div1 .carousel-indicators .active {width: 11px;height: 11px;background: #5a5a5a;border: 3px solid #e75021; }
.banner-div1 .carousel-control-next, .banner-div1 .carousel-control-prev {top: 0%; }
.banner-div1 .carousel-control-prev {background: url(/wp-content/themes/twentytwentyone/images/arrow-left.png) no-repeat left center;left: 3%;opacity: 1; }
.banner-div1 .carousel-control-next {background: url(/wp-content/themes/twentytwentyone/images/arrow-right.png) no-repeat right center;right: 3%;opacity: 1;z-index: 100; }



.index-div1{padding-bottom:30px;}



/* .index1 p{color: #292929;
font-size: 16px;
line-height: 27px;
text-align: justify;
text-decoration-line: underline;margin-top: -18px} */
.index1 p{color: #fff;
    font-size: 16px;
    line-height: 27px;
    text-align: center;
    text-decoration-line: underline;
    margin-top: -7px;
    background: #006837;
    padding-top: 10px;
    padding-bottom: 10px;}

.index1 a{text-decoration: none;}
.index-1{background: #004c28;padding-top: 10px;
padding-bottom: 10px;
margin-top: -59px;
z-index: 2;
position: relative;}
.index-1 img{display: block;
margin-left: auto;
margin-right: auto;}

.index-div2{padding-top: 80px;}
.index-2 p{font-size: 16px;
text-align: justify;
color: #292929;}
.index-3 img{display: block;margin-left: auto;margin-right: auto;margin-top: -44px;}
.index-4 p{font-size: 16px;
text-align: justify;
color: #292929;}

.live-1{padding-bottom: 20px;}



.project-div2{padding-top: 20px;
padding-bottom: 15px;}

.project-div2 h4{color: #006837;
font-size: 21px;
font-weight: 600;
padding-bottom: 6px;
padding-top:25px;}

.project-div2 img{  display:block;margin-left:auto;margin-right:auto;}
.project-div2 a{text-decoration:none;}

.project-div1 p{font-size: 16px;
text-align: justify;}
.project-div1 li{line-height:32px;}

.project-div2 p{font-size: 16px;
line-height: 32px;}



.index-div3{background: #006837;
border-radius: 20px;  margin-top: 54px;padding-top: 33px;
padding-bottom: 66px;padding-right: 40px;
padding-left: 40px;
}
.index-div3 h1{
font-size: 23px;
color: #fff;}
.index-div3 p{font-size: 16px;
color: #fff;
text-align: justify;
line-height: 28px;}

.abt {
  float: right;}
  .about-abt {
  display: inline-block;
  border: 2px solid #77ae94;
  padding: 7px 25px;
  transition: all .5s ease-in;
}
.about-abt a {
  text-decoration: none;
  color: #fff;
  transition: all .5s ease-in;
  font-size: 16px;
 
}


.index-div4{padding-top: 50px;}
.index-div4 h1{text-align: center;
font-size: 25px;
color: #006837;
padding-bottom: 15px;}
.index-5 p{color: #292929;
text-align: justify;
padding-top: 15px;}

  .view-vm {
  display: inline-block;
  border: 2px solid #77ae94;
  padding: 7px 25px;
  transition: all .5s ease-in;
}
.view-vm a {
  text-decoration: none;
  color: #42825f;
  transition: all .5s ease-in;
  font-size: 16px;
 
}
.vm{text-align: center;padding-top: 15px;}


.index-div5{padding-top: 50px;padding-bottom: 70px;}
.index-div5 h1{text-align: center;
font-size: 25px;
color: #006837;
padding-bottom: 15px;}
.index-6 h3{font-size: 16px;
text-align: center;
padding-top: 10px;
color: #292929;
font-weight: 600;}
.index-6 h2{text-align: center;
font-size: 15px;}


.footer-div1{background: #006837;padding-bottom: 14px;}
.f-links {
  list-style: none;
  margin-left: 0px;
  padding: 0px;
  text-align: center;
  margin-top: 34px;
}
.f-links li {
  display: inline-block;
}
.f-links li a {
  background: url(/wp-content/themes/twentytwentyone/images/f-link.png) no-repeat top 9px right;
  text-decoration: none;
  color: #fff;
  font-size: 18px;
  padding: 0px 9px 10px 13px;
    padding-right: 9px;
  padding-right: 35px;
}

.f-links li a:hover {
  color: #46926c;
}

.links{padding-top: 10px;}

.foot1 img{margin-top: -32px;}

.foot-social{padding-left: 60px;padding-top: 32px;}
.foot-social img {
  padding-left: 5px;display: inline;
}
.foot-social img:hover {
  opacity: .7;
}

.copy-div {
  border-top: 1px solid #33865f;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #46926c;background: #006837;}

  .copy-div a {
  text-decoration: none;
  color: #46926c;
}

.copy-div a:hover {
  color: #fff;
}
.copy-div .power-div {
  text-align: right;
}
.compl-proj1 h3{text-align: center;
font-size: 16px;color: #1e9d61;}

.compl-proj1 h4{font-size: 18px;text-align: center;}

.add-proj3 h4{color: #fff;
font-size: 21px;
font-weight: 600;
padding-bottom: 6px;}

.cn {
    background: #fff;
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 50%);
}

/*.in-ban img{border:1px solid #00683754;}*/
.inside-banner img{border-top: 1px solid #80bfa254;
border-bottom:1px solid #80bfa254;}

/*.live-1 img{border-top: 2px solid black;
padding-top: 23px;}*/



.yy img{display: none;}

@media(max-width: 980px){.in-ban img{display: none;}}
@media(max-width: 980px){.yy img{display: block;width: 100%}}

/* Float Shadow */
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}



.index-5 img:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}

.index-5 img {
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    /*width: 100%;*/
    transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}

.compl-proj1 img{display: block;
border: 1px solid #ddd;}

.hii{background-color: #F2F2F2;
padding-top: 15px;
height: 95px;margin-right:0px!important;margin-top: -14px;}

.compl-proj1{padding-top: 30px;
padding-bottom: 30px;}

.index-6 img{display: block;
border: 1px solid #ddd;}

.he{background-color: #f2f2f2;
padding-top: 3px;
height: 70px;
margin-right: -3px;}


.index-6 h3:hover{color: #006837;}
.index-6 h2:hover{color: #006837;}

/*FADEINLEFT*/

@-webkit-keyframes fadeInLeft {
    from {
        opacity:0;
        -webkit-transform: translatex(-10px);
        -moz-transform: translatex(-10px);
        -o-transform: translatex(-10px);
        transform: translatex(-10px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
@-moz-keyframes fadeInLeft {
    from {
        opacity:0;
        -webkit-transform: translatex(-10px);
        -moz-transform: translatex(-10px);
        -o-transform: translatex(-10px);
        transform: translatex(-10px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
@keyframes fadeInLeft {
    from {
        opacity:0;
        -webkit-transform: translatex(-100px);
        -moz-transform: translatex(-100px);
        -o-transform: translatex(-100px);
        transform: translatex(-100px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
.index-2 {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 0s;
    -moz-animation-duration: 05s;
    -o-animation-duration: 0s;
    animation-duration: 0s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -o-animation-duration:0s;
    animation-delay: 0s;
}

/*FADEINRIGHT*/

@-webkit-keyframes fadeInRight {
    from {
        opacity:0;
        -webkit-transform: translatex(-10px);
        -moz-transform: translatex(-10px);
        -o-transform: translatex(-10px);
        transform: translatex(-10px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
@-moz-keyframes fadeInRight {
    from {
        opacity:0;
        -webkit-transform: translatex(-10px);
        -moz-transform: translatex(-10px);
        -o-transform: translatex(-10px);
        transform: translatex(-10px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
@keyframes fadeInRight {
    from {
        opacity:0;
        -webkit-transform: translatex(-100px);
        -moz-transform: translatex(-100px);
        -o-transform: translatex(-100px);
        transform: translatex(-100px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
.index-4 {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 0s;
    -moz-animation-duration: 0s;
    -o-animation-duration: 0s;
    animation-duration: 0s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -o-animation-duration:0s;
    animation-delay: 0s;
}

@media(max-width: 1024px)
{
  .f-links li a{font-size: 16px;
padding: 2px 9px 10px 13px;
padding-right: 23px;}
.foot-social {
  padding-left: 10px;padding-top: 36px;}
	.index-6 h3 {
		font-size: 13px;}
	.hii{margin-right: 0px;
margin-top: -17px;}

}

@media(max-width: 980px)
{
  .f-links li a {
  font-size: 15px;}

.sidebar-nav .dropdown-menu {
    top: 0px; }

  .dropdown-menu {
    top: 0;
    right: 0px;
    left: 0px;
    margin-top: 0;
    margin-left: 0rem; }

  .mobilemenu {
    display: block;
    position: fixed !important;
    z-index: 1000; }

  .menu-div, .menu-div1 {
    display: none; }

  .hamburger.is-closed {
    margin-left: 79%;
    margin-top: 40px;
    right: 5%; }

  .hamburger.is-open {
    margin-left: 24px;
    margin-top: 20px; }

  .dropdown-toggle:active,
  .open .dropdown-toggle {
    outline: 0;
    background-color: #ec601c !important;
    color: #fff !important;
    border-bottom: 1px solid #d9b292 !important; }



}



@media(max-width: 767px)
{
  .live-1 img{display: block;
margin-left: auto;
margin-right: auto;}
  .index-1{margin-top: 20px;margin-top: 20px;
margin-left: 232px;
margin-right: 233px;}
  .index-div2 {
  padding-top: 30px;
}
.index-3 img{margin-top: -18px;}
.index-6 img{display: block;
margin-left: auto;
margin-right: auto;}
.index-6{padding-bottom: 38px;}
.f-links li a {
  font-size: 17px;
}
.f-links{margin-top: -12px;}
.foot-social{text-align: center;padding-top: 6px;}
.copy-div .power-div{text-align: center;}
.copy-div{text-align: center;}
.foot1 img{display: block;margin-left: auto;margin-right: auto;}
.log-web img{display: none;}
.log-mob{display: block;}
.head1{display: none;}
.index-5 img{display: block;margin-left: auto;margin-right: auto;}
.hamburger.is-closed {
  margin-left: 79%;
  margin-top: 20px;
  right: 5%;}
.live-1 p{padding-top: 19px;text-align: center;}
.index-2 p{padding-bottom: 16px;}
.index-4 p{padding-top: 16px;}
.index-5 p{padding-top: 20px;
padding-bottom: 10px;}
.he{margin-left: 100px;
margin-right: 97px;}
.index-6 h3{font-size: 14px;}
.index-6 h2{font-size: 13px;}
.index-div5{padding-top: 41px;
padding-bottom: 53px;}
.compl-proj1 img{display: block;
margin-left: auto;
margin-right: auto;}
.hii{margin-left: 205px;
margin-right: 202px;}
	.he{background:none;}
	.about-div1 h1{text-align: center;}
	.project-div1 h1{text-align: center;}
	.team-div2 h1{text-align: center;}
	.add-proj3{margin-left:0px;}
	.submit{text-align: center;}
	
}


@media(max-width: 424px)
{
	.add-proj3{height: 313px;}
	.hii {
  margin-left: 34px;
  margin-right: 34px;
}
}

@media(max-width: 412px)
{
  .index-div3 h1{font-size: 21px;}
  .index-div3{margin-top: 20px;}
  .index-div4 {
  padding-top: 25px;
}
.index-div5 {
  padding-top: 35px;}
    .he {margin-left: 98px;
margin-right: 96px;}
	.add-proj3 p {
		font-size: 15px;}
	.hii {
  margin-left: 28px;
  margin-right: 28px;
}
	
}

@media(max-width:400px)
{
	.hii {
  margin-left: 23px;
  margin-right: 23px;
}
}



@media(max-width: 385px)
{
  .index-div3{padding-top: 21px;}
  .index-div3 h1 {
  font-size: 19px;
}
	.hii {
  margin-left: 16px;
  margin-right: 16px;
}
	.add-proj3 b{font-size: 16px;}
	.add-proj3 p {
  font-size: 13px;
}
}

@media(max-width: 360px)
{
  .index-div3 h1 {
  font-size: 18px;
}
	.hii {
  margin-left: 3px;
  margin-right: 3px;
}
	
	
}


/* new css*/

.team {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    /*flex-wrap: wrap;*/
    margin-right: -15px;
    margin-left: -15px;
}

.team1 {
	flex: 0 0 100%;
	max-width: 61% !important;
}