@charset "utf-8";

body {
  font-family: "Rubik", sans-serif;
  font-weight: 400;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  background-color: #f2f2f2;
  color: #494949;
  text-rendering: optimizeLegibility !important;
  letter-spacing: 0.5px;
  overflow-x: hidden;
}
.white-text {
  color: #ffffff !important;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

.responsive{
    width:100%;
}
.navbar{
	background-color: yellowgreen;
	height: 50px;

}

.navbar>a{
	color: #fff;
}
.navbar-toggleable-lg .navbar-nav .nav-link {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.navbar-inverse .nav-link {
  text-shadow: 0 0.01rem 0.1rem rgba(255,255,255);  /*link color change nav */
}

.navbar {
  transition: all 0.4s ease-in-out;
}


@media (min-width: 200px){
	.navbar-brand{
		width:40px;

	}
}

@media only screen and (max-width: 1024px) {
  .white-on-scroll .navbar-nav {
    background: #fff;
  }
  .navbar-toggle-icon {
    padding: 0.25rem;
  }
  .navbar-inverse .navbar-toggler {
    border: 0px;
  }
  .primary-on-scroll .navbar-nav {
    background: yellowgreen;
  }
  .bg-white .navbar-toggle-icon, .white-on-scroll .navbar-toggle-icon {
    color: #494949;
    padding: 0.25rem;
  }
  .bg-white .dropdown-menu, .white-on-scroll .dropdown-menu {
    box-shadow: none;
  }
}
/*--------------------------------------------------------------
# Content-Area
--------------------------------------------------------------*/
.cover-wrapper {
  display: table;
  width: 100%;
  height: 90vh;
  /* For at least Firefox */
  min-height: 100%;
  background-image:url(Images/BG1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
    background-position: center;
}

.cover-wrapper-inner {
  display: table-cell;
  vertical-align: top;
  background: rgba(41, 41, 41, 0.3);
}

.cover-container {
  margin-right: auto;
  margin-left: auto;
  text-shadow: 0 0.05rem 0.1rem rgba(0, 0, 0, 0.5);
  text-align: center;
  color: #ffffff;
}

/* Padding for spacing */
.inner {
  padding: 2rem;
}

/* Start the vertical centering */
.cover-wrapper-inner {
  vertical-align: middle;
}

@media (min-width: 40em) {
  /* Handle the widths */
  .cover-container,
  .mastfoot,
  .masthead {
    width: 100%;
    /* Must be percentage or pixels for horizontal alignment */
  }
}

@media (max-width: 40em) {
  .cover-cta .form-inline .form-control {
    margin-bottom: 10px;
  }
  .cover-cta .form-inline .btn {
    margin-bottom: 10px;
  }
  .card-text:last-child {
    margin-bottom: 10px;
  }
  .post .st-post-thumb {
    height: 225px !important;
  }
}

@media (min-width: 62em) {
  .cover-container,
  .mastfoot,
  .masthead {
    width: 42rem;
  }
}

/*--------------------------------------------------------------
# Contact-Form
--------------------------------------------------------------*/

#contact-btn{
 background-color: yellowgreen;
    border: 2px solid yellowgreen;
}
/*--------------------------------------------------------------
#  CTA
--------------------------------------------------------------*/
.cover-cta {
  margin-top: -60px;
    text-align: center;
}

.cover-cta .card {
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
  border-bottom: 3px solid yellowgreen;
}




@media only screen and (max-width: 991px) {
  .cover-cta {
    text-align: center;
  }

}
#cta-1{
   margin-top: 20px;
   margin-bottom: 20px;
}
.cta-2{
    border-radius: 90px;
    margin-left: 40px;
    align-items: center;
}
.cta-3{
    font-size: 18px;
    text-align: center;
}
#cta-4{
background-color: yellowgreen;
    border: 2px solid yellowgreen;
}
/*--------------------------------------------------------------
# Company Overview
--------------------------------------------------------------*/
.overview-1{
    text-align: left;
}
.overview-2{
    text-align:justify;
    text-justify:auto;
    margin: 15px;
}

/*--------------------------------------------------------------
# SECTIONS
--------------------------------------------------------------*/
.content-section {
  padding: 4rem 0;
}

.white-section {
  background-color: #fff;
	color: black;
}

.cards-section {
  margin-bottom: 2rem;
  margin-top: 3rem;
}
.service{
	background-image: url(Images/background%20image-1.jpg);
	background-repeat: no-repeat;
background-position: center 0;
background-size: cover;
background-attachment: fixed;
min-height:200px;
}

#bg-img-3 {
  background-image: url("../Images/pexels-photo-1009926.jpeg");
}

.bg-img-4 {
  background-image: url(Images/pexels-photo-1009928.jpeg)!important;
}

#bg-img-5 {
  background-image: url(Images/BG2.jpg);

}

@media only screen and (max-width: 576px) {
  .counter-boxes {
    text-align: center;
  }
}
/*--------------------------------------------------------------
# Founders Profile
--------------------------------------------------------------*/
.para-1{
    border-style: double;
    border-color: #00253d;
}
.head{
     text-align: center; color: #00253d; margin: 20px;
}
.para-2{
    margin-left: 20px;
    margin-right: 20px;
}
.text-center{
    text-align: center;
}
.list-1{
    font-weight: bold;
}
.list-2{
    text-align: center;
}
li span{
    font-weight: normal;
}
.spice{
    border-style: double;
    background-color: #00253d;
    color: #fff;
}
.head-2{
    color: #fff;
    margin: 5px;
    text-decoration: underline;
    font-weight: bold;
}
.head-3{
    margin-left: 20px;
    margin-right: 20px;
    color: #00253d;
    font-weight: bold;
    text-decoration: underline
}
.para-4{
    margin-left: 40px;
    font-weight: bold;
}
#head-4{
    text-align: center;
    color: #00253d;
    font-weight: bold;
    text-decoration: underline
}
.responsive-1{
    width: 100%;

}
.para-5{
    text-align:center;
    text-decoration: underline;
}
.head-5{
    font-weight: bold;
    color: #00253d;
    margin-left: 20px;
    margin-right: 20px;
}
@media only screen and (max-width: 991px) {
    .responsive-1{
        height: 250px;
    }
}
/*--------------------------------------------------------------
# SIDEBAR
--------------------------------------------------------------*/

.sidebar .list-group-item {
  padding: 0;
}

.sidebar .list-group-item.active {
  background-color: inherit;
  border: 0px;
  border-left: 3px solid yellowgreen;
}

.sidebar .list-group-item a {
  display: block;
  padding: 0.75rem 1.25rem;
  width: 100%;
}

.sidebar .list-group-item a:hover {
  color: yellowgreen;
    font-weight: bold;
}
.sidebar .list-group-item  li a:hover {
  color: yellowgreen;
    font-weight: bold;
}

/*--------------------------------------------------------------
# Block Owners
--------------------------------------------------------------*/
.list-4{
    font-size: 20px;
}
.list-5{
    font-size: 15px;
    color: #00253d;
    font-weight: normal;
}

.list-6{
    font-size: 15px;
    color: #00253d;
    font-weight: normal;
    list-style-type: square;
}
.list-7{
    font-size: 15px;
    color: #00253d;
    font-weight: normal;
    list-style-type: circle;
}
/*--------------------------------------------------------------
# Independent Owner's Engineer
--------------------------------------------------------------*/
.list-8{
    font-weight:normal;
    color: #00253d;
}
.list-9{
    font-size: 20px;
    color: #00253d;
    font-weight: normal;
    list-style-type: square;
}
/*--------------------------------------------------------------
# MISCELLANEOUS
--------------------------------------------------------------*/

[data-toggle="popover"] {
  cursor: pointer;
}

.faq-div {
  margin-top: 2rem;
}

.btn-primary:focus {
  color: #ffffff;
}
.page-title-wrapper {
  display: table;
  width: 100%;
  height: 60vh;
  /* For at least Firefox */
  min-height: 100%;
  background-image: url(Images/BG2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  /* Padding for spacing */
  /* Start the vertical centering */
}

.page-title-wrapper .page-title-wrapper-inner {
  display: table-cell;
  vertical-align: top;
  background: rgba(41, 41, 41, 0.25);
}

.page-title-wrapper .page-title-container {
  margin-right: auto;
  margin-left: auto;
  text-shadow: 0 0.05rem 0.1rem rgba(0, 0, 0, 0.5);
  text-align: center;
  color: #ffffff;
}

.page-title-wrapper .inner {
  padding: 2rem;
}

.page-title-wrapper .page-title-wrapper-inner {
  vertical-align: middle;
}

@media (min-width: 40em) {
  /* Handle the widths */
  .page-title-container {
    width: 100%;
  }
}

@media (min-width: 62em) {
  .page-title-container {
    width: 42rem;
  }
}

.page-title-wrapper-2 {
  display: table;
  width: 100%;
  height: 50vh;
  /* For at least Firefox */
  min-height: 100%;
  background-image: url("../images/pattern.png");
  /* Padding for spacing */
  /* Start the vertical centering */
}

.page-title-wrapper-2 .page-title-wrapper-inner {
  display: table-cell;
  vertical-align: top;
}

.page-title-wrapper-2 .page-title-container {
  margin-right: auto;
  margin-left: auto;
  text-shadow: 0 0.05rem 0.1rem rgba(0, 0, 0, 0.5);
  text-align: center;
  color: #ffffff;
}

.page-title-wrapper-2 .inner {
  padding: 2rem;
}

.page-title-wrapper-2 .page-title-wrapper-inner {
  vertical-align: middle;
}

.page-title-wrapper-2 .breadcrumb a {
  color: rgba(255, 255, 255, 0.7);
}

.page-title-wrapper-2 .breadcrumb a:hover {
  color: white;
}

.page-title-wrapper-2 .breadcrumb .breadcrumb-item {
  float: none;
  display: inline-block;
}

.page-title-wrapper-3 {
  display: table;
  width: 100%;
  height: 50vh;
  min-height: 100%;
  background-image: url("../images/pattern-light.png");
  /* Padding for spacing */
  /* Start the vertical centering */
}

.page-title-wrapper-3 .page-title-wrapper-inner {
  display: table-cell;
  vertical-align: top;
}

.page-title-wrapper-3 .page-title-container {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  color: #292929;
}

.page-title-wrapper-3 .inner {
  padding: 2rem;
}

.page-title-wrapper-3 .page-title-wrapper-inner {
  vertical-align: middle;
}

.page-title-wrapper-3 .breadcrumb a {
  color: rgba(41, 41, 41, 0.7);
}

.page-title-wrapper-3 .breadcrumb a:hover {
  color: #292929;
}

.page-title-wrapper-3 .breadcrumb .breadcrumb-item {
  float: none;
  display: inline-block;
}

@media only screen and (max-width: 991px) {
  .page-title-wrapper {
    min-height: 70vh !important;
  }
  .page-title-wrapper-2 {
    min-height: 70vh !important;
  }
  .page-title-wrapper-3 {
    min-height: 70vh !important;
  }
  .page-title-wrapper-inner {
    padding-top: 50px;
    padding-bottom: 20px;
  }
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.footer-bs {
    background-color: yellowgreen;
	padding-top: 20px;
	color: #fff;
    padding-left: 20px;
    padding-right: 20px;
}
.footer-heading{
    text-align: center;
    display:inline-block;
    margin: 10px;

    color: #fff;
}
.f-logo{
    width:70px;
    align-items: center;

}
.copyright{
    left: 0;
    bottom: 0;
    color: #00253d;
    font-size: 10px;
}
.designed{
    color: black;
    position: absolute;
   bottom: 0;
   left: 0;
    font-size: 10px;
}