@charset "utf-8";
/* CSS Document */

body {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
     color: #333333;
    line-height: 30px;
	background:white;
   } 
.top-container{
	 margin: 0 auto;
	width:100%;
	background: #232323;
	color:white;
	}
.top-container span{
	padding:0px 0px 0px 40px;
	}	
.top-container p{
	padding:5px 0px 0px 0px;
	margin:0px;
	color:#cacaca;
	font-size:14px;
	}
.top-container ul{
	padding:5px 0px 0px 0px;
	margin:0px;
	text-align:right;
	} 	
.top-container li{
	display:inline;
	padding:0px 10px 0px 10px
	}	
.top-container a{
	text-decoration:none;
	color:white;
	}	
#header-right-a {
	background-color:#fbbd02;
	padding:12px 20px 7px 20px;
	font-size:14px;
	}	

.navbar-container{
	padding:37px 0px 0px 0px;
	}		
.navbar-container nav{
	background-color:white;
	border:white;
	}
.navbar-nav li a:hover{
	color:#019be9 !important;
	}	
.navbar-default li a{
	color:black !important;
	text-align:center !important;
	padding:0px 0px 0px 90px !important;
	} 	
.navbar-nav li a{
	font-size:16px;
	line-height:30px;
	}	
.navbar{
	margin-bottom:0px !important;
	}	
	
.slider-container{
	margin:0px;
	width:100%;
	height:500px !important;
	}
.slider-container img{
	width:100%;
	height:500px !important;
	}	
.content-container {
	padding:30px 0px 30px 0px;
	}	
.content-container span{
	color:#fbbd02;
	}
.content-container p{
	padding:20px 0px 0px 0px;
	color:#1c1c1c;
	line-height:35px;
	font-size:16px;
	}	
.service-container {
	margin:0px;
	width:100%;
	background-color:#efefef;
	padding:30px 0px 60px 0px;
	}
.service-container h2{
	text-align:center;
	padding:0px 0px 10px 0px;
	background:url(../images/line.png) no-repeat center bottom ;
	 background-position:48% 100%;
	}	
.service-container img{
	padding:25px 0px 0px 0px;
	width:100%;
	position:relative;
	}
.service-container h3{
	position:absolute;
	top:210px;
	left:15;
	background:#e7e8e9;
	height:41px;
	width:75%;
	text-align:center;
	font-weight:600;
	padding:7px 0px 0px 0px;
	opacity:0.9;
	border-left: 3px solid #fbbd02; 
	}		
.footer-container{
	margin:0px;
	width:100%;
	background-color:#1e1e1e;
	color:#ababab;
	padding:30px 0px 30px 0px;
	}	
.footer-container img{
	width:80%;
	}
.footer-container h3{
	color:white;
	padding:0px 0px 15px 0px;
	background:url(../images/line.png)  no-repeat left bottom ;
	}
.footer-container ul{
	margin:0px;
	padding:0px;
	}	
	.footer-container i
	{
		padding-right:10px;
	}
#footer-right li{
	display:inline;
	color:white;
	font-size:17px;
	padding:0px 5px 0px 5px;
	}	
#footer-right i{
	padding:11px 13px 10px 13px;
	background-color:#2b2b2b;
	border-radius:50%;
	}	
.footer-container li{
	list-style-type:none;
	}
#footer-down{
	padding:20px 0px 0px 0px;
	}
#footer-down a{
	text-decoration:none;
	color:#ababab;
	cursor: pointer;
	}	
#footer-down a:hover{
	color:#fbbd02;
	}		
.email-section input{
	 font-size:16px;
	  height:40px;
	  border-radius:20px 0px 0px 20px;
      background-color:#2b2b2b;
	   border:none;
	}	
.email-section button{
	border-radius:0px 20px 20px 0px; 
	}
.rights-container{
	margin:0px;
	width:100%;
	background-color:#171717;
	padding:20px 0px 0px 0px;
	border-top: 0.1px solid #565658;
	color:#ababab;
	}		
#myBtn {
  display: none;
  position: fixed;
  bottom: 100px;
  right: 30px;
  z-index: 99;
  border:0.4px solid grey;
  outline: none;
  background-color: black;
  color: white;
  cursor: pointer;
  padding: 10px;
  border-radius: 10px;
}				
.slider-container  {
   
    height: 400px;
}
.contact-section{
	line-height:40px;
	}	
.contact-section i{
	color:white;
	font-size:20px;
	}
.about-container {
	padding:0px 0px 30px 0px;
	color:black;
	}
#heading{
	background-color:#efefef;
	width:100%;
	height:100px;
	padding:20px 0px 20px 0px;
	text-align:center;
	color:black;
	}	
	
.about-container h4{
	color:#1d4479;
	padding:30px 0px 0px 0px;
	}	
.product-container{
	color:black;
	}	
.product-container h3{
	
	padding:0px 0px 20px 0px;
	
	}
.product-container h4{
	text-align:center;
	color:#1d4479;
	}		
.product-container img{
	width:100%;
	}	
#products{
	
	padding:20px 20px 20px 20px;
	}
	.inner-details {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.product-details{
	color:black;
	padding:0px 0px 30px 0px;
	}	
	.inner-details img {
    padding-top: 14px;
    width: 100%;
}
.product-details h3{
	
	padding:0px 0px 20px 0px;
	}
 .mid-content {
   
    
    padding-bottom: 30px;
    padding-top: 30px;
}	
.list-products{
	background-color:#d4d4d4;
	color:black;
	}
	
#head-list{
	background-color:#019be9;
	color:white;
	font-size:20px;
	text-align:center;
	padding:10px 0px 10px 0px;
	}	
.list-products a{
	text-decoration:none;
	color:black;
	}	
	
.list-products li:hover{
	background-color:grey;
	color:white;
	}		
.list-products li{
	border-bottom:1px solid grey;
	}
.enquiry-container{
	
	color:black;
	padding:0px 0px 30px 0px;
	}
.enquiry-container form{
	padding:30px 0px 0px 0px;
	text-align:center;
	}			
.enquiry-container h3{
	
	padding:0px 0px 20px 0px;
	}
.certification-container{
	
	color:black;
	padding:0px 0px 30px 0px;
	
	}	
.certification-container h3{
	
	padding:0px 0px 20px 0px;
	}
		
.contact-container{
	color:black;
	padding:0px 0px 30px 0px;
	}	
.contact-container iframe{
	padding:20px 0px 0px 0px;
	}	
.contact-container h3{
	
	padding:0px 0px 20px 0px;
	}	
.rights-container span{
	color:#019be9;
	}	
#p1 .p1,#p2 .p2,#p3 .p3,#p4 .p4,#p5 .p5,#p6 .p6,#p7 .p7,#p8 .p8 ,#p9 .p9,#p10 .p10,#p11 .p11,#p12 .p12,#p13 .p13,#p14 .p14 :active {

	color:red;
	
	}	
	
.rights-copy p{
	text-align:right !important;
	}
.rights-copy a{
	color:#ababab;
	font-size:14px;
	}	

	
	
	
	

@media only screen and (max-width: 1600px){
.navbar-default li a{
	padding:0px 0px 0px 50px !important;
	}
.service-container h3{
	top:194px !important;
	}		
	
	}	
@media only screen and (max-width: 1500px){
.navbar-container{
	padding:41px 0px 0px 0px !important;
	}
#products{
	
	}	
.service-container h3{
	top:177px !important;
	}		
	}
@media only screen and (max-width: 1400px){
.service-container h3{
	top:160px !important;
	}	
	}	
@media only screen and (max-width: 1300px){
.navbar-default li a{
	padding:0px 0px 0px 30px !important;
	font-size:15px !important;
	}
#products{
	
	}
.service-container h3{
	top:144px !important;
	font-size:18px;
	}
.certification-container img{
	width:100%;
	}				
	}	
@media only screen and (max-width: 1200px){
.latest-section{
	padding:50px 0px 0px 0px !important;
	}


.footer-container img{
	width:50% !important;
	}	
.service-container h3{
	top:110px !important;
	font-size:18px;
	}			
	}	
@media only screen and (max-width: 991px){
#products{
	
	}	
.navbar-nav li a {
	padding:0px 0px 0px 65px !important;
}
.top-container p{
	font-size:12px;
	}
.logo-container img{
	margin:0px 0px 0px 150px !important;
	}
.navbar-container{
	padding:0px 0px 0px 0px !important;
	}		
.service-container h3{
	font-size:15px !important; 
	top:92px !important;
	height: 23px !important;
	}
}

@media only screen and (max-width: 767px)
{
.top-container p{
	text-align:center !important;
	font-size:14px !important;
	}	
.top-container ul{
	text-align:center !important;
	}	
#header-right-a{
	padding:10px 15px 13px 15px !important;
	}	

.service-container img{
	padding:25px 0px 0px 0px !important;
	width:100% !important;
	}	
.footer-container img{
	width:70% !important;
	}		
#products{
	
	}		
.navbar-nav li a {
	padding:0px 0px 0px 0px !important;
}
#header-right-a {
	padding:7px 3px 7px 3px !important;
	
	}
.navbar-container {
    padding: 0px 0px 0px 0px !important;
}
.navbar-toggle{
	float:left;
    margin-top: 0px !important;
     margin-right: 0px !important; 
    margin-bottom: 0px !important; 
	}	
.navbar{
	min-height:0px !important;
	}
.service-container h3{
	font-size:15px !important; 
	top:250px !important;
	height: 30px !important;
	}	

.rights-container p{
	text-align:center !important;
	}			
	}	
@media only screen and (max-width: 600px)
{
.logo-container img{
	margin:0px 0px 0px 70px !important;
	}
.service-container h3{
	top:200px !important;
	}		
	}
@media only screen and (max-width: 500px)
{
.logo-container img{
	width:100%;
	margin:0px 0px 0px 0px !important;
	}
.service-container h3{
	top:140px !important;
	}			
	}
@media only screen and (max-width: 400px)
{
#header-right-a{
	display:none !important;
	}
	}	
@media only screen and (max-width:400px){
#products{
	margin:0px 4px 0px 8px !important;
	
	}	
.product-details img{
	width:100%;
	}
.service-container h3{
	top:85px !important;
	}			
	}											
@media (min-width: 1300px)
{
.container {
    width: 1270px;
}
}
@media (min-width: 1400px)
{
.container {
    width: 1370px;
}
}
@media (min-width: 1500px)
{
.container {
    width: 1470px;
}
}
@media (min-width: 1600px)
{
.container {
    width: 1570px;
}
}