@charset "utf-8";
.header{
	height: 850px;
	width: 100%;
}
.navbar{
	position:absolute;
    top:0px;
	z-index:99;
}
.nav-link{
	color:white;
}
.nav-item{
	margin-left:82px;
}
.img-fluid{
	opacity: 1.7;
	width: 100%;
	height:847px;
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding-left: 0.5rem;
}
.centered {
    position: absolute;
    top: 42%;
    left: 34%;
    transform: translate(-50%, -50%);
    font-size: 450%;
	color: white;
	font-family: 'Oswald', sans-serif;
}
  .centered1{
	 position: absolute;
     top: 65%;
     left: 44%;
     transform: translate(-50%, -50%);
     font-size: 139%;
     color: darkgoldenrod;
  }
  .color{
     color: darkgoldenrod
  }
.about{
	padding-left: 39%;
    padding-top: 2%;
	font-size: 45px;
	text-align: justify;
 }
.about1 {
	margin-top: 3%;
	margin-left: 9%;
}
.fas{
    font-size: 50px;
    padding-left: 37%;
    padding-top: 27%;	
	color: goldenrod;
     }
.innovative{
    padding-top: 5%;
    padding-left: 16%;
    text-align: justify;

   }
.text{
	padding-top: 7%;
    padding-left: 10%;
    text-align: justify;
    padding-right: 7%;
	margin-bottom: 27%;
   }
.carousel{
	 background-image: url("images/about1.png");
     background-attachment: fixed;
	 background-repeat: no-repeat;
     background-size: cover;
     background-position: center center;
     opacity: 1.5;
	 height: 461px;
}
.rating{
	color: goldenrod;
	font-size: 15px;
	margin-bottom: 5%;
	text-align: center;
}

.team{
	margin-top: 19%;
    margin-left: 38%;
    margin-bottom: 2%;
    margin-right: 7%;
    border-radius: 66%;
}
.staff{
	width: 53%;
    height: 228px;
    margin-top: 13%;
    margin-left: 25%;
}
.staff1{
	padding-top: 4%;
    padding-left: 18%;
    text-align: justify;
    padding-right: 7%;
    margin-bottom: 27%;
}
.project{
	color: dimgrey;
    margin-left: 36%;
    margin-top: 5%;
}
.name{
	color: goldenrod;
    margin-left: 33%;
    font-size: 20px;
}
.ourstaff{
	margin-top: 4%;
}
.fa{
	font-size: 27px;
    color: goldenrod;
	border: 1px solid #A3990E;
	padding: 40px;
}
.service1{
	margin-bottom: 5%;
}
.service{
	margin-left: 0%;
	text-align: justify;
}
.products{
	margin-top: 5%;
	margin-bottom: 5%;
}
.productimage{
	height: 240px;
	width: 100%;
	margin-top: 5%;
	border-radius: 10%;
}
.contact{
	margin-top: 5%;
	margin-bottom: 5%;
}
.form-group{
	border: 3px solid #000000;
    padding: 45px;
    height: 455px;
    width: 92%;
	margin-left: 9%;
}
.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
    border-radius: 12%;
    width: 32%;
    height: 44px;
}
.form-control{
	border: none;
	border-bottom: 2px solid #000000;
	padding: 10px;
	color: black;
}
.footer{
	background-color: #232222;
}

.address2{
	color: white;
	margin-top: 5%;
}
.footer2{
	height: 300px;
	background-color:#232222; 
}

.icons{
	margin-top: 10%;
	padding-left: 19%;
	padding-right: 10%;
}
.icon-text{
	color: white;
    padding-left: 40%;
    padding-right: 10%;
    margin-top: 2%;
}
@media only screen and (max-width: 990px){
	.centered{
		top: 22%;
        left: 31%;
	}
	.centered1{
		top: 31%;
        font-size: 43px;
        left: 348px;
	}
	.about{
		text-align: center;
	}
	.fa{
    left: 32%;
    width: 0%;
    margin-left: 10%;
    height: 104px;
	}
	.service{
		margin-left: 10%;
	}
	.concept{
		margin-left: 5%;
	}
	.fa-bars:before{
		margin-left: 473px;
	}
	.productimage{
		width: 110%;
	}
	  
}
@media only screen and (max-width: 800px){
	
	.centered{
		font-size: 40px;
		left: 22%;
        top: 49%;
	}
	.centered1{
		font-size: 20px;
        left: 36%;
        top: 63%;
		
	}
	.navbar-toggler:focus, .navbar-toggler:hover{
		color: goldenrod;
		background-color: goldenrod;
	}
	.about1{
		margin-top: 3%;
        margin-left: 1%;
	}
	.about{
		text-align: center;
		margin-left: -11%;
	}
   .team{
        margin-top: 33%;
        margin-left: 21%;
        margin-bottom: 2%;
        margin-right: 12%;
        border-radius: 58%;
        width: 58%;
	}
	.rating{
		margin-left: 0%;
        text-align: justify;
	}
	.offset-3{
		margin-left: 3%;
		text-align: justify;
	}
	.staff{
		width: 53%;
        height: 228px;
        margin-top: 13%;
        margin-left: 25%;
		border-radius: 10%;
	}
	.fa{
       left: 126%;
	   width: 27%;
       margin-left: 5%;
       height: 103px;
	}
	.service{
		margin-left: 5%;
	}
	.productimage{
		width: 100%;
	}
	.form-group{
		margin-left: 2%;
	}
	.address2{
		text-align: center;
	}
	.fas{
		margin-left: 2%;
	}
	.icon-text{
		color:white;
		padding-left: 9%;
		padding-right: 10%;
		margin-top: 2%;
		text-align: center;
	}
	.navbar-brand {
	   margin-left: 45%;
    }
	.innovative{
		padding-top: 5%;
        padding-left: 19%;
        text-align: justify;
	}
	.btn-dark {
        color: #fff;
        background-color:#343a40;
	    border-color:#343a40;
	    border-radius: 12%;
	    width: 40%;
	    height: 44px;
	}
	.ourstaff {
        margin-top: 17%;
   } 
}
@media only screen and (max-width: 750px){
	.centered{
		font-size: 40px;
		left: 22%;
        top: 49%;
	}
	.centered1{
		font-size: 20px;
        left: 36%;
        top: 63%;
		
	}
	.navbar-toggler:focus, .navbar-toggler:hover{
		color: goldenrod;
		background-color: goldenrod;
	}
	.about1{
		margin-top: 3%;
        margin-left: 1%;
	}
	.about{
		text-align: center;
		margin-left: -11%;
	}
   .team{
        margin-top: 33%;
        margin-left: 21%;
        margin-bottom: 2%;
        margin-right: 12%;
        border-radius: 58%;
        width: 50%;
	}
	.rating{
		margin-left: 0%;
        text-align: justify;
	}
	.offset-3{
		margin-left: 3%;
		text-align: justify;
	}
	.staff{
		width: 53%;
        height: 228px;
        margin-top: 13%;
        margin-left: 25%;
		border-radius: 10%;
	}
	.fa{
       left: 126%;
	   width: 27%;
       margin-left: 5%;
       height: 103px;
	}
	.service{
		margin-left: 5%;
	}
	.productimage{
		width: 100%;
	}
	.form-group{
		margin-left: 2%;
	}
	.address2{
		text-align: center;
	}
	.fas{
		margin-left: 2%;
	}
	.icon-text{
		color:white;
		padding-left: 9%;
		padding-right: 10%;
		margin-top: 2%;
		text-align: center;
	}
	.navbar-brand {
	   margin-left: 45%;
    }
	.innovative{
		padding-top: 5%;
        padding-left: 19%;
        text-align: justify;
	}
	.btn-dark {
        color: #fff;
        background-color:#343a40;
	    border-color:#343a40;
	    border-radius: 12%;
	    width: 40%;
	    height: 44px;
	}
	.ourstaff {
        margin-top: 17%;
   } 
	.icons {
    margin-top: 33%;
    padding-left: 25%;
    padding-right: 22%;
}
	.iconbar {
	margin-left: 10px;
}
}

.bg {
	position: fixed;
	background-color: rgba(0,0,0,0.5);
	width: 100%;
	height:100px;
}