body{

  background-color: #0a0a0a;

  color: #fefefe;

}



.wthree-services-right-top h4 {

    color: #fefefe;

}



h3.w3l-title {

    color: #fefefe;

}



.gallery {

    background: transparent;

}



.Main-agile {

    min-height: 638px;

}



.navbar-brand {

    padding: 0 15px;

}





.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {

    

  background-color: #363435;

  color: #fff;

  }



.navbar-right .dropdown-menu {

    right: auto;

    left: 0;

}





.address-row:hover span.glyphicon {

    border-color: #91dd4d;

    color: #91dd4d;

}







.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {

   

    background-color: #363435;

    color: #fff;

}

.wthree-services-bottom-grids{

  padding-top: 80px;

}

.left-w3 {

    

    text-align: center;

}

h3.title-w3 {

    

    color: #fff;

  }

  p.footer-class {

  

    background: #191818;

}

.footer {

    

    padding: 2em 0;

}



.footer {

    background: #191818;

  }



.address-left {

    padding: 20px;

}

.address-right {

   

    text-align: center;

    padding-left: 0em;

}



.contact-w3lsright{

  min-height: 326px;

}



#project{

  margin: 80px 0px 80px 0px;

}







.social-icon {

    z-index: 4;



    position: absolute;

    width:34px;

    left: 0;

   

    text-align: center;

  

    transition: all .3s;

    background-color:#363435;

    bottom: -483px;

}



.social-icon-info {

    margin-bottom: 3.5vmin;

 

    margin: 15px auto 0;

    background-color: #646464;

}



.social-list {

  

    margin-bottom: 50px;

    font-size: 20px;

}







ul {



    list-style: none;

    padding-left: 0;



}



.fa {

    margin: 20px 0;

}



.dropdown-menu > ul > li  > ul {

  margin-left: 125px !important;



}





.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {

   

    background-color: #363435;

}

.navbar-default .navbar-nav > ul > li > a:active, .navbar-default .navbar-nav > ul > li > a:focus {



    background-color:  #363435;

  }

.navbar-default .navbar-nav >  li > a:hover, .navbar-default .navbar-nav > li > a:focus {

    

    background-color: #363435;

    

}

  .services {

    background:  #363435;

}

.gallery {191818

    background: #363435;

}



.contact-w3lsright {

    background: #363435;

  }

  .contact-row p{

    color: #fff

  }



  [class^="imghvr-"] .agile-figcaption, [class*=" imghvr-"] .agile-figcaption {

    background-color: #363435;

  }

  [class^="imghvr-"], [class*=" imghvr-"] {

    

    background-color: #363435;

  }

  a {

    color: #f7cb7a;

}

a:hover, a:focus {

    color: #f7f7f7;

}



.dropdown-menu{

  background-color: #363435;

}



.dropdown-menu > li > a {

    

    color: #fff;

  }



  #about-us{

    margin: 50px;

  }

  .Background{

    margin-top: 80px;

  }

  .Background p{

      margin-top: 30px;

    margin-bottom: 30px;

}

  #Corporate{

    margin: 50px;



  }

h4{



  color: #fefefe;

}

.Corporate1{

    margin-top: 20px;

  }

   .Corporate1 p{

      margin-top: 30px;

    margin-bottom: 30px;

}

  .Corporate1 h4{

    padding-top: 30px;

  }

  .practices{

     margin-top: 20px;

  }

   .practices h4{

    margin-top: 40px;

   }

.practices ul{

  list-style: disc;

}



.practices li{

      margin-top: 30px;

    margin-bottom: 30px;

    color: #fefefe;

    margin-left: 20px;

}



p{

  color: #fefefe;

}

 #Management{

    margin: 50px;

  }

    

  .management1{

      margin-top: 80px;

      margin-bottom: 80px;

    }

    .management1 p{

      margin-top: 20px;

    }



    #Services{

    margin: 50px;

  }



  .services1{

      margin-top: 80px;

      margin-bottom: 80px;

    }

    .services1 p{

      margin: 40px;

    }



     .services1 img{

      padding-right: 20px;

    }

     #Process{

    margin: 50px;

  }



   .process1 p{

      margin-top: 15px;

    }

     .process1{

      margin-top: 80px;

      margin-bottom: 80px;

    }



    .process1 img{

      padding-right: 20px;

    }

    #contact-us{

    margin: 50px;

    padding-bottom: 50px;

  }

  

  .address{

    margin:45px 0;

  }



  .address h4 {

    color: #fff;

  }

  .address p{

    color: #fff;

  }



   

.address h4{

  margin: 15px;

}

.address p{

margin:0px 30px 0px 30px;

}



.adBox{

  background: #6a6a6a;

  padding: 25px;

}



.proProcess{

  margin-top: 50px;

}



.mdPro{

  padding: 15px;

}



.mdPro h3{

color: #fefefe;

font-weight: 400;

}



.mdPro h4{

color: #fefefe;

font-weight: 400;

padding: 15px 0;

}



.mdPro ul{

color: #fefefe;

list-style: disc;

/*list-style-image: url(../images/5.png);*/

margin-left: 10px;

}





.mdPro li{

padding: 5px;

}



.mdPro2{

  padding: 15px;

}



.mdPro2 h3{

color: #fefefe;

font-weight: 400;

padding: 15px 0;

line-height: 36px;

}



.navbar-toggle {



   

    margin-right: 0px;

  }



  .navbar-toggle {



    margin: 0 0em 0 0 !important;



}


.fn{float: none;}


.w3gallery-grids {
    margin: auto;
}


p{

    text-align: justify;

}



.address h4 {

    margin: 25px 0 0 0 ;

   

}

.adBox {

    

    padding: 15px 25px 25px 25px;

}



.map-responsive{

    overflow:hidden;

    padding-bottom:56.25%;

    position:relative;

    height:0;

}

.map-responsive iframe{

    left:0;

    top:0;

    height:100%;

    width:100%;

    position:absolute;

}



.address-row p a {

    color: #fff;

}



.responsive {

  width: 100%;

  min-height: 215px;

}





.dropbtn {

 

  color: white;

  padding: 16px;

  font-size: 16px;

  border: none;

}



.dropdown1 {

  position: relative;



}



.dropdown-content {

  display: none;

  position: absolute;

  background-color: #363435;

  min-width: 160px;

  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

  z-index: 1;

  margin-left: 135px;

  top: 0;

}



.dropdown-content a {

  color: #fff;

  padding: 12px 16px;

  text-decoration: none;

  display: block;



}



.dropdown-content a:hover {background-color: #363435;}



.dropdown1:hover .dropdown-content {display: block;}





.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {

    background-color: #363435;

    

}









.navbar-wrapper {

  position: absolute;

  top: 0;

  right: 0;

  left: 0;

  z-index: 20;

}



/* Flip around the padding for proper display in narrow viewports */

.navbar-wrapper > .container {

  padding-right: 0;

  padding-left: 0;

}

.navbar-wrapper .navbar {

  padding-right: 15px;

  padding-left: 15px;

}

.navbar-wrapper .navbar .container {

  width: auto;

}









/* MARKETING CONTENT

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



/* Center align the text within the three columns below the carousel */

.marketing .col-lg-4 {

  margin-bottom: 20px;

  text-align: center;

}

.marketing h2 {

  font-weight: normal;

}

.marketing .col-lg-4 p {

  margin-right: 10px;

  margin-left: 10px;

}





/* Featurettes

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



.featurette-divider {

  margin: 80px 0; /* Space out the Bootstrap <hr> more */

}



/* Thin out the marketing headings */

.featurette-heading {

  font-weight: 300;

  line-height: 1;

  letter-spacing: -1px;

}











.address-row:hover i.fa {

    border-color: #f65a3a;

    color: #f65a3a;

    -webkit-transform: rotatey(360deg);

    -moz-transform: rotatey(360deg);

    transform: rotatey(360deg);

    -o-transform: rotatey(360deg);

    -ms-transform: rotatey(360deg);

}

.address-row i.fa {

    font-size: 1.2em;

    border: 2px solid #000;

        border-top-color: rgb(0, 0, 0);

        border-right-color: rgb(0, 0, 0);

        border-bottom-color: rgb(0, 0, 0);

        border-left-color: rgb(0, 0, 0);

    padding: 1em 1em;

    color: #000;

    -webkit-transition: .5s all;

    -moz-transition: .5s all;

    -o-transition: .5s all;

    -ms-transition: .5s all;

    transition: .5s all;

}



.address-row:hover i.fa {

    border-color: #91dd4d;

    color: #91dd4d;

}





.logo_display{

  display: none;

}





/* RESPONSIVE CSS

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



@media (min-width: 768px) {

  /* Navbar positioning foo */

  .navbar-wrapper {

    margin-top: 20px;

  }

  .navbar-wrapper .container {

    padding-right: 15px;

    padding-left: 15px;

  }

  .navbar-wrapper .navbar {

    padding-right: 0;

    padding-left: 0;

  }



  /* The navbar becomes detached from the top, so we round the corners */

  .navbar-wrapper .navbar {

    border-radius: 4px;

  }



  .logo_display1{

  display: none;

}



.logo_display{

  display: block;

}





  /* Bump up size of carousel content */

  .carousel-caption p {

    margin-bottom: 20px;

    font-size: 21px;

    line-height: 1.4;

  }



  .featurette-heading {

    font-size: 50px;

  }



  /* CUSTOMIZE THE CAROUSEL

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



/* Carousel base class */

.carousel {

  height: 650px;

  margin-bottom: 60px;

}

/* Since positioning the image, we need to help out the caption */

.carousel-caption {

  z-index: 10;

}



/* Declare heights because of positioning of img element */

.carousel .item {

  height: 650px;

  background-color: #777;

}

.carousel-inner > .item > img {

  position: absolute;

  top: 0;

  left: 0;

  min-width: 100%;

  height: 650px;

}



.social-icon {

    z-index: 4;



    position: absolute;

    width:70px;

    left: 0;

   

    text-align: center;

  

    transition: all .3s;

    background-color:#363435;

    bottom: -483px;

}



.social-icon-info {

    margin-bottom: 3.5vmin;

 

    margin: 15px auto 0;

    background-color: #646464;

}



.social-list {

  

    margin-bottom: 50px;

    font-size: 20px;

}



.fa {

    margin:20px;

}







ul {



    list-style: none;

    padding-left: 0;



}



}



@media (min-width: 992px) {

  .featurette-heading {

    margin-top: 120px;

  }

}