*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}

body{
	margin:0;
	padding:0;
    overflow-x:hidden;

}

.carousel-item{
	max-height:650px;
   

}






.navbars01{

}


 .top_rows{

 }

.navbars01  .row{
background: #0E022C;
display: none;
}

.navbars01  .socials .fa {
  padding: 8px 8px;
  font-size: 16px;
  width: 30px;
  text-align: center;
  text-decoration: none;
  margin: 4px 2px;
  border-radius:5px;

}

.navbars01  .socials .fa:hover {
    opacity: 0.7;
}

.fa-facebook {
  background: #333;
  color: white;
}

.fa-twitter {
  background: #333;
  color: white;
}

.fa-linkedin {
  background: #333;
  color: white;
}


.fa-instagram {
  background: #333;
  color: white;
}


.navbars01 .numbers{

}

.navbars01 .numbers ul{
list-style: none;
float: right;

}
.navbars01 .numbers ul li{
color:#fff;
text-decoration: none;
display: inline-block;
  padding: 15px 15px 15px  0px;

}

.navbar{

background:#24272d;
}
.navbars01 img{
	width:100%;
 max-height:80px;
margin-left:50px;
}

.navbar .navbar-toggler-icon{
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 777, 5677, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbars01 #navbarSupportedContent ul{
 
}


.navbars01 #navbarSupportedContent ul li{
	padding:20px;
}

.navbars01 #navbarSupportedContent ul li a {
    padding: 15px 15px 15px  0px;

 
color:#fff;
    font-size: .900em;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .17em;
   
  
}





#navbar {
  overflow: hidden;
    background:#440458;
    z-index:999;

}
 
 
 
 
 
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + .content {
  padding-top: 60px;
}




/* About Us   */


.imgs{
	overflow: hidden;

}

.imgs img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: 1s ease-in-out;
	height:300px;
}
.imgs:hover img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);

}

.About p{
	color:#333;
}


 

.About .col h3{
	font-size:17px;
	font-weight:500;
	
}





   .btn-3 {
  background: rgb(0,172,238);
background: linear-gradient(0deg, rgba(0,172,238,1) 0%, rgba(2,126,251,1) 100%);
  width: 130px;
  height: 40px;
  line-height: 42px;
  padding: 0;
  border: none;
  
}
.btn-3 span {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.btn-3:before,
.btn-3:after {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
   background: rgba(2,126,251,1);
  transition: all 0.3s ease;
}
.btn-3:before {
  height: 0%;
  width: 2px;
}
.btn-3:after {
  width: 0%;
  height: 2px;
 }


/*  Products Slider */

.product_slides{

}

.product_slides  .row{
	background: #333;
}

.product_slides  .col{
 
  top:0;
  left:0;
  width:100%;
   
}
.product_slides h3{
	color: #fff;
	text-align: center;
 padding-top:20%;
}
.product_slides .image01 img{
	width:100%;
	max-height:300px;
}




/*  OUR working   */

.Our_working_p{
background-image:url(img/p11.jpg);	
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
width:100%;
height:600px;
}






/*  OUR working   */
.Our_working_products{
padding:20px;

background: #121e2d;
}


.Our_working_products  .col {
 
}

.Our_working_products .curlce{
	height: 120px;
  width:120px;
  background-color:#274468;
  border-radius: 50%;
  display: inline-block;
  cursor:pointer;
}


 .Our_working_products .curlce:hover  {
  background-color:#bca187;
  
}
.Our_working_products .col:hover .lines{
  background-color:#bca187;
  
}
.Our_working_products .curlce img{
width:50%;
  margin:25px 0px 0px	 0px;
}


.Our_working_products   .lines{
	background:#fff;
	height:3px;
	width:250px;
	color:#fff;
}

/*.Our_working_products .fa {
  padding: 8px 8px;
  font-size: 66px;
  width: 30px;
  margin:20px 20px 0px	 0px;
  text-align: center;
  text-decoration: none;
 cursor:pointer;
  border-radius:5px;
}

..Our_working_products .fa:hover {
    opacity: 0.7;
}

.fa-lightbulb-o{
 
  color: white;
}*/
.Our_working_products span{
	color: #fff;
	font-size:17px;

}

.Our_working_products h3{
	color: #fff;
	font-size:30px;

}


.Our_working_products h4{
	color: #fff;
	font-size:20px;
  font-weight:700;
  padding-top:15px;
}




figure {
 
	 		
	overflow: hidden;
  position: relative;
}
figure:hover+span {

}

.s-effect img
   {
   
   

   }
 


.s-effect img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.s-effect:hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}




.overlay {
  position: absolute; 
  bottom:0; 
  background:#bca187;
/*  background: rgba(0, 0, 0, 0.5); /* Black see-through */*/
  color: #f1f1f1; 
  width: 70%;
  transition: .5s ease;
  opacity:0;
  color: white;
  font-size: 20px;
  padding: 20px;
  text-align: center;
}

.s-effect:hover .overlay {
  opacity: 1;
}




/*  our_product  */

/*
.our_product_h{
	border:2px;
	border-right:solid red;
}


.our_product_h h3
{
	    margin: 0;
    font-size: 3em;
    --fontSize: 48;
    line-height: 1.25;
}

.our_product  p
{
font-size:20px;
	text-align: justify!important;
color:#333;
	}*/



	/*  Procducts*/ 







	.products{


	}



/*.s-effect {
 
  
  transition: transform 1s;
  width: 300px;
  height: 300px;
  margin: 0 auto;
}


.products a{
	text-decoration: none;
	color: #333;
	font-weight:500;
	font-size:20px ;
}
.s-effect :hover {
  transition: transform 2s;
  transform: scale(1.1); 
  
  box-shadow: 0 0 11px rgba(33,33,33,.2); 
}*/







/* testimonials */


.testimonials{
background-image:url(img/testimonials.jpg);
background-size: cover;
background-repeat: no-repeat;
padding: 20px;
}


.testimonials  img{
	 width:100px;
	 height:100px;

}


.testimonials .carousel-inner{
 
 min-height:400px;
}

.testimonials .carousel-inner .carousel-item h5,p{
 color:#fff;
}

.carousel-indicators {
	 
bottom:20%	;
}




/* Read Our Latest News */
.read_news{

}

.read_news .read_news_h span{
font-size:17px;
}


.read_news .read_news_h h3{
font-size: 30px;
}

.read_news .read_news_h p{
color:#333;
}
 
.read_n_button{
	float: right;
}

.read_news .card{
 border-radius:0px;
 padding:10px;
}

.read_news .card img{
width:100%;
}

.read_news .card span{
font-size:14px;
}


.read_news .card h3{
font-size: 20px;
}



.read_n_button {
  background: rgb(0,172,238);
background: linear-gradient(0deg, rgba(0,172,238,1) 0%, rgba(2,126,251,1) 100%);
  width: 130px;
  height: 40px;
  line-height: 42px;
  padding: 0;
  border: none;
  
}
.read_n_button span {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.read_n_button:before,
.read_n_button:after {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
   background: rgba(2,126,251,1);
  transition: all 0.3s ease;
}
.read_n_button:before {
  height: 0%;
  width: 2px;
}
.read_n_button:after {
  width: 0%;
  height: 2px;
}
.read_n_button:hover{
   background: transparent;
  box-shadow: none;
}
.read_n_button:hover:before {
  height: 100%;
}
.read_n_button:hover:after {
  width: 100%;
}
.read_n_button span:hover{
   color: rgba(2,126,251,1);
}
.read_n_button span:before,
.read_n_button span:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
   background: rgba(2,126,251,1);
  transition: all 0.3s ease;
}
.read_n_button span:before {
  width: 2px;
  height: 0%;
}
.read_n_button span:after {
  width: 0%;
  height: 2px;
}
.read_n_button span:hover:before {
  height: 100%;
}
.read_n_button span:hover:after {
  width: 100%;
}
/*  Footer */



.footers{
	background: #000;
	padding:20px;
	padding-top:80px;
	padding-bottom:40px;
}

.footers .div01 img{
	width:100%;
 
 
 
}

.footers .div01 p{
color:#fff;
font-size:14px;	
}




.footers .div01 .socials_footer .fa {
  padding: 8px 8px;
  font-size: 16px;
  width: 30px;
  text-align: center;
  text-decoration: none;
  margin: 4px 2px;
  border-radius:0px;
  border:1px solid #F9EAA9 ;
}

.footers .div01 .socials_footer .fa:hover {
    opacity: 0.7;
     color:#fff;

}

.fa-facebook {
  background: #333;
  color:#F9EAA9;
}

.fa-twitter {
  background: #333;
  color: #F9EAA9;
}

.fa-linkedin {
  background: #333;
  color: #F9EAA9;
}


.fa-instagram {
  background: #333;
  color:#F9EAA9;
}

.footers .fcol h3,h5{
color:#F9EAA9;
}

.footers .fcol h5{
color:#fff;
}


.footers .fcol ul {
	list-style:none;
		line-height:30px;
		margin-left:-30px;
}
.footers .fcol ul li{
	color:#fff;
font-size:14px;
}

.footers .fcol ul li{
	color:#fff;
}

.footers .fcol p a{
	color:#fff;
	text-decoration: none;
}

 




.copyrights{
	background:#000;
	width:100%;
border:2px solid ;
border-top:1px solid #8A8989;
}

.copyrights h4{
	color:#fff;
	font-size:14px;
	padding:10px;
}
.copyrights .h4_1 a{
	 
	text-decoration: none;
		color:#FCFBFB;
}



/*  media query*/

@media screen and (max-device-width: 1024px) {


.top_rows{
  display: none;
  border:2px solid red;
}

.read_n_button{
	float: left;
}


.Our_working_p {
    background-image: url(img/bg2-home7.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    width: 100%;
    height: 300px;

}