/********** General **********/
a,
button {
   transition: all .3s ease-in-out !important;
}
.footer-text-single a:hover {
   color: #ffffff !important;
}
.wrapper header.header .another-text p,
body .wrapper section.development .design-development p,
body .wrapper section.works .work-text p,
body .wrapper section.portfolia .port-text p,
body .wrapper section.our-team .team-text p,
body .wrapper section.contact .contact-text p {
   color: #738d99 !important;
   font-weight: 400;
}
/********** General End **********/


/********** Header **********/
/* body .header_section {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   z-index: 99999;
   transition: all .3s ease-in-out;
}
body .header_section .logo-black {
   display: none;
}
body .header_section.sticky-active {
   background-color: #ffffff;
   box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
}
body .header_section.sticky-active .logo-black {
   display: block;
}
body .header_section.sticky-active .logo-white {
   display: none;
}
body .custom_nav-container .navbar-nav {
   padding-top: 0;
}
body .header_section.sticky-active .custom_nav-container .navbar-nav .nav-item .nav-link {
   color: #0C0C0C;
} */
body .logo h2 a {
   display: flex;
   align-items: center;
}
body .logo img {
   max-width: 60px;
   margin-right: 15px;
}
body .nav > li > a:hover, 
body .nav > li > a:focus {
   text-decoration: none;
   background-color: #eee0;
}
body .wrapper header.header ul.nav.navbar-nav li :hover {
   background: transparent;
   color: #455a64;
}
/********** Header End **********/


/********** About **********/
body .wrapper section.works .work-images img {
   object-fit: contain;
}
body .wrapper section.works .work-text h2::before {
   border: 1px solid #455a64;
}
/********** About End **********/


/********** Portfolio **********/
body .wrapper section.portfolia .portfolio-part > .overlay-slide {
   transition: all .3s ease-in-out !important;
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
}
body .wrapper section.portfolia .portfolio-part .overlay-slide h2 {
   margin-top: 0;
}
/********** Portfolio End **********/


/********** Team **********/
body .our-team {
   padding-top: 120px;
}
body .wrapper section.our-team .team-text h2::before {
   left: 0;
}
/********** Team End **********/


/********** Contact Us **********/
body .wrapper section.contact .contact-form input[type="submit"] {
   transition: all .3s ease-in-out !important;
}
body .wrapper section.contact .contact-form input[type="submit"]:hover {
   background: #455a64 none repeat scroll 0 0;
}
/********** Contact Us End **********/


/********** 991px and below **********/
@media (max-width: 991px) {
   /***** Header *****/
   /* body .navbar-collapse {
      background-color: #ffffff;
   }
   body .custom_nav-container .navbar-nav {
      padding-top: 15px;
   }
   body .header_section .custom_nav-container .navbar-nav .nav-item .nav-link {
      color: #0C0C0C;
   }
   body .header_section.sticky-active .custom_nav-container .navbar-toggler span,
   body .header_section.sticky-active .custom_nav-container .navbar-toggler span::before,
   body .header_section.sticky-active .custom_nav-container .navbar-toggler span::after {
      background-color: #0C0C0C;
   } */
   /***** Header End *****/


   /***** About *****/
   body .wrapper section.works .work-text-full {
      margin-left: 0;
      height: unset;
   }
   /***** About End *****/
}
/********** 991px and below End **********/


/********** 767px and below **********/
@media (max-width: 767px) {
   /***** Header *****/
   body .wrapper header.header {
      background-size: cover;
      background-repeat: no-repeat;
   }
   body .wrapper header.header ul.nav.navbar-nav {
      height: 90px;
      width: 100%;
      text-align: center;
   }
   body .wrapper header.header ul.nav.navbar-nav > li {
      display: inline-block;
   }
   /***** Header End *****/


   /***** About *****/
   body .wrapper header.header .another-text {
      margin-bottom: 0;
   }
   /***** About End *****/

   /***** Service *****/
   .service-sec {
      background-color: #FBFBFB;
      margin-top: 150px;
   }
   /***** Service End *****/
}
/********** 767px and below End **********/


/********** 549px and below **********/
@media (max-width: 549px) {
   /***** Service *****/
   .service-sec {
      margin-top: 50px;
   }
   /***** Service End *****/
}
/********** 549px and below End **********/