*{
margin:0;
padding:0;
box-sizing:border-box;   	
}

html{
scroll-behavior:smooth; 	
}
/*topbar css*/
.header{
background-color:#980808; 	
}

.iconflex{
display:flex;
justify-content:space-between;
padding:10px;
 }


.topbar a{
color:white;
text-decoration:none;
font-weight:500;
margin:4px;   
 }

 .topbaricon a{
 color:white;
 margin:3px; 
 text-decoration:none;
 }

.Downloadcatolog a{
background-color:#980808;
padding:10px;
border-radius:3px;
text-decoration:none;
color:white;
font-weight:700;      	
animation: catolog 2s infinite; 	
 }



 @keyframes catolog{
 	0%{
 	background-color:#980808;
 	color:white;  	
 	}

 	100%{
 	background-color:black;
 	color:white;  	
 	}


 }



.Downloadcatologr:hove{
background-color:#980808;
padding:10px;
border-radius:3px;
text-decoration:none;
color:white;
font-weight:700;      	
}
 /*topbar css end*/

 .navbar{
 background-color:#fff !important;
 box-shadow:0px 3px 5px gray;  	
 }


.img-brand{
height:130px;
margin-top:-30px;
}


 .navbar .navbar-nav>li>a{
 color:black  !important; 
 text-transform:uppercase; 
 font-weight:600; 	
 }


 .navbar .navbar-nav>li>a:hover{
 color:black  !important; 
 text-transform:uppercase; 	
 }

.navbar .navbar-nav>li>a:before{
content:"";
display:block;
color:gold !important;
opacity:0;
width:0;
border-top:2px solid white;
transition:.6s;
}

.navbar .navbar-nav>li>a:hover:before{
content:"";
display:block;
opacity:.5;
width:80%;
border-top:2px solid darkred;
transition:.6s;
color:gold !important;

}


.navbar .navbar-nav>li>a:after{
content:"";
display:block;
color:gold !important;
opacity:0;
width:10px;
right:0; 
border-top:2px solid white;
transition:.6s;
}

.navbar .navbar-nav>li>a:hover:after{
content:"";
display:block;
opacity:.4;
width:30px;
border-top:2px solid gold;
transition:.6s;
color:gold !important;

}

.navbar button{
border:none;
background-color:transparent;  	
}


.navbar button{
border:none;
background-color:white !important;
}


.sectionabout{
padding:50px;
background-color:#980808;  	
}

ul.navbar-nav li:hover > ul.dropdown-menu{
display:block;
border-bottom:1px solid white;
}



.tab-res{
	overflow-x: auto;
}

.abouttext h3{
color:white;
padding:10px;
animation:animate 4s linear infinite; 

}


@keyframes animate{
0%{
color:white;   	
}

30%{
color:gray;

}



50%{
color:gold;
}


70%{
color:aqua;
}


100%{
color:white;
}
}

.abouttext p{
color:white;
text-align:justify;
user-select:none;   	
}


.sectionproductimg{
padding-top:40px;	
}


.imgbox{

	margin-bottom:20px;
	overflow: hidden;
	position: relative;
	transition: all 0.3s ease 0s;
	box-shadow: 0px 0px 10px gray; 
}

.imgbox img{
width:100%;
	height:190px;
	object-fit:all;  
}

.imgbox .title{
	font-size:20px;
	font-weight:700;
	color:#990011FF;
	margin:0 0 15px 0;   
}

.imgbox .post{
display:block;
font-weight:600;
color:black;   	
}

.imgbox .overlaytext{
	width:100%;
	height:100%;
	font-size:16px;
	color:blue;
	background-color:rgba(255,255,0,.3)	
; 
	text-align:center;
	padding-top:40%;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	transition: all 0.6s ease 0s;
}

.imgbox .overlaytext:before{
border-left: 1px solid rgba(255,255,255,.2);
border-bottom: 1px solid rgba(255,255,255,.2);
left:10px;
right:10px; 
	}


.imgbox .overlaytext:after{
border-left: 1px solid red;
border-bottom: 1px solid red;
}

.imgbox:hover .overlaytext{
opacity: 1;	
}

.imgbox:hover .overlaytext:before,
.imgbox:hover .overlaytext:after{
	opacity: 1;
	transform: scale(1.5);
}

/*forth*/

.textmedia{
text-align:justify; 
  word-break: break-all;
	
}


.text{
	color: #980808;
    font-family: 'Roboto Slab', serif;
    font-size: 25px;
    font-weight: bold;
    margin-top: 20px;
    padding: 0 0 10px;
    text-align: center;
}
.undertext{
    font-family: 'Roboto Slab', serif;
    font-size:17px;
    font-weight: 500;
}
.para_box img{
    border: 0px;
    margin: 0px;
    padding: 0px;
}
.para_box h3 {
    color: #000;
    font-family: 'Roboto Slab', serif;
    font-size: 20px;
    font-weight: normal;
    margin: 0;
    padding: 15px 0 10px;
    text-align: center;
}
.read_more a {
    background: #f52f2f;
    border-radius: 7px;
    color: #fff;
    text-decoration: none;
}
.read_more a:hover {
    background: #000;
    color: white;
}




.prodistext h3{
background-color:#980808;
color:white;
text-align:center;
padding:5px;
border-radius: 3px;    	
}

.prodistext b{
color:#980808; 	
}

hr{
background-color: #980808;
opacity:.6 ;	
}



/**/
.about_txt h3{
	padding-top: 30px;
	padding-bottom: 10px;
	color: darkred;
}

.about_txt p{
	font-size: 15px;
	letter-spacing: .5px;
	word-spacing: 1px;
	line-height: 25px;
	text-align: justify;
}


.about_our_txt h5{
	color:darkred;
	padding-top: 20px;
	padding-bottom: 10px;
}


.about_our_txt p{
	text-align: justify;

}

.about_key_facts h5{
	padding-top: 20px;
	padding-bottom: 10px;
	color: darkred;
}

.about_key_facts th{
	font-size: 14px;
}



.about_key_facts td{
	font-size: 15px;
}


.contactpage_head{
	color: darkred;
	padding-top: 30px;
	padding-bottom: 40px;
	text-align: center;
	text-transform: uppercase;
}

/**/










footer .contact_detail {
    color: #efefef;
    font-family: 'Roboto Slab', serif;
    font-size: 25px;
    font-weight: bold;
    margin: 0 0 20px;
    text-transform: uppercase;
}
footer .contact {
    color: white;
    font-size: 15px;
    font-weight: normal;
    line-height: 28px;
}
footer .btn{
	background: #ff8a00;
	color:white;
}
footer .btn:hover{
	background: #fff;
    color: #000;
    text-decoration: none;
    transition: all 0.25s ease-in-out;
}
.list-unstyled li a{
    color: white;
    font-size: 15px;
    font-weight: normal;
    line-height: 28px;
    text-align: left;
    text-decoration: none;
}
.list-unstyled li a:hover{
	color:lightblue;
	text-decoration: underline;
}
.sociallink .fab{
	color: white;
	font-size:25px;
	padding:10px;
	margin-top:-20px;
}
.hr{
	border-bottom: 1px solid white;
}
.modalcoloe{
	background: #eef3f7;
}
.modalclose{
	margin-top:3px;
	margin-right: -448px;
}
.para_box{
	 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	 background-color:lightgray;
	 padding:15px;
}
.show-btn {
	font-size: 40px;

	color:white;
	margin-top: 20px;
}

.Copyrightbg{
background-color:#980808; 	
}



/*fixed icon*/
.socialiconfixed{
position:fixed;
top:60%;
z-index: 100;
}

.socialiconfixed a{
display:block;
margin:15px;
font-size:25px;
text-decoration:none;


}

.whatsapp
{
	background-color:#980808; 
	color:white;
	padding:10px;
	border-radius:80px;  
}






.phone
{
	background-color:#980808;
	color:white;
	padding:10px;
	border-radius:80px;  

}


#borderimg img{
box-shadow:0px 5px 3px #980808; 	
}













@media  only screen and (max-width:768px){
	.sociallink{
		margin-top:20px;
		margin-bottom:15px;
	}
    .overlaytext1{
    	margin-top: -30px;
    }
    .modalclose{
    	margin-left:-157px;
    }
}





/*media start css*/
@media  only screen and (max-width:600px){


 .navbar:before{
 content:"";
left:0; 
position:absolute; 
border-left:0px solid  #00203FFF;
border-right:0px solid  #00203FFF ;    
border-top:0px solid  #00203FFF;  
border-bottom:0px solid #00203FFF;  
 }


.imgbox{

	margin-bottom:20px;
	overflow: hidden;
	position: relative;
	transition: all 0.3s ease 0s;
	box-shadow: 0px 0px 10px gray; 
}


.imgbox img{
width:100%;
height:190px;
object-fit:all;  
}


.imgbox .title{
	font-size:20px;
	font-weight:700;
	color:#990011FF;
	margin:0 0 15px 0;   
}

.imgbox .post{
display:block;
font-weight:600;
color:black;   	
}

.imgbox .overlaytext{
	width:100%;
	height:100%;
	font-size:16px;
	color:blue;
	background-color:rgba(255,255,0,.3); 
	text-align:center;
	padding-top:40%;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	transition: all 0.6s ease 0s;
}

.imgbox .overlaytext:before{
border-left: 1px solid rgba(255,255,255,.2);
border-bottom: 1px solid rgba(255,255,255,.2);
left:10px;
right:10px; 
	}


.imgbox .overlaytext:after{
border-left: 1px solid red;
border-bottom: 1px solid red;
}

.imgbox:hover .overlaytext{
opacity: 1;	
}

.imgbox:hover .overlaytext:before,
.imgbox:hover .overlaytext:after{
	opacity: 1;
	transform: scale(1.5);
}


.img-brand{
height:100px;
margin-top:-20px;
}

button{
margin-top:-10px; 	
}

}
/*media end css*/