*{
	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;
}



.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;
	 
}
.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-12{
  position: relative;
  right: 20px;
  bottom: 20px;
  border:none;
  box-shadow: none;
  width: 130px;
  height: 40px;
  line-height: 42px;
  -webkit-perspective: 230px;
  perspective: 230px;
}
.btn-12 span {
  background: rgb(0,172,238);
background: linear-gradient(0deg, rgba(0,172,238,1) 0%, rgba(2,126,251,1) 100%);
  display: block;
  position: absolute;
  width: 130px;
  height: 40px;
  box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
   7px 7px 20px 0px rgba(0,0,0,.1),
   4px 4px 5px 0px rgba(0,0,0,.1);
  border-radius: 5px;
  margin:0;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.btn-12 span:nth-child(1) {
  box-shadow:
   -7px -7px 20px 0px #fff9,
   -4px -4px 5px 0px #fff9,
   7px 7px 20px 0px #0002,
   4px 4px 5px 0px #0001;
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: 50% 50% -20px;
  -moz-transform-origin: 50% 50% -20px;
  transform-origin: 50% 50% -20px;
}
.btn-12 span:nth-child(2) {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-transform-origin: 50% 50% -20px;
  -moz-transform-origin: 50% 50% -20px;
  transform-origin: 50% 50% -20px;
}
.btn-12:hover span:nth-child(1) {
  box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
   7px 7px 20px 0px rgba(0,0,0,.1),
   4px 4px 5px 0px rgba(0,0,0,.1);
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  transform: rotateX(0deg);
}
.btn-12:hover span:nth-child(2) {
  box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
   7px 7px 20px 0px rgba(0,0,0,.1),
   4px 4px 5px 0px rgba(0,0,0,.1);
 color: transparent;
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
}

/*  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/bg2-home7.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;
}
/*  Footer */



.footers{
	background: #000;
	padding:20px;
	padding-top:80px;
	padding-bottom:40px;
}

.footers .div01 img{
	width:100%;
 max-height:80px;
 
 
}

.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 .col h3,h5{
color:#F9EAA9;
}

.footers .col h5{
color:#fff;
}


.footers .col ul {
	list-style:none;
		line-height:30px;
		margin-left:-30px;
}
.footers .col ul li{
	color:#fff;
font-size:14px;
}

.footers .col ul li{
	color:#fff;
}

.footers .col 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;

}