body {
	font-family: 'Roboto', sans-serif;
}
.milo {
  padding-top: 0.2em;
  padding-bottom: 0.5em;
}

.back {
	background-image:url(../images/makmera_light1.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	overflow:hidden;
}

.footer {
		font-size:1.125em;
		background: #333;
		color: #aaa;
		}

.top {
	margin-top: 40px;
	margin-left:30px;
	margin-right:20px;
	}
	
.middle {
		
		margin-left:20px;
		padding-right: 20px;	
		padding-top:40px;
}
.right {
		margin-left:20px;
		line-height:15px;
		padding-top:40px;
				
		}
		
.logo-footer{display: block;
margin:auto;}

.right p a{color: #aaa;
				text-decoration:none;}

.right p a:hover {
			text-decoration:underline;
			color:red;
} 

.middle p a {color:#aaa;}
.middle p a:hover, .footer-contact p a:focus { color: #fff; border-color: #aaa; }



.footer h3 {color: #fff; font-size: 1.500em; }

.footer-bottom {
		text-align: center;
		padding: 15px 0; 
		background: #444; 
		
		color: #aaa;}

.c1	{
	height:500px;
	overflow:hidden;
	
}

.award li a{
	color:black;
}

.award li a:hover { 
	text-decoration:none;
	color:blue;
	font-style:italic;}
	
	
p.policy {
	text-align:justify;
	}
	
p.policy a{
	color:black;
	}

p.policy a:hover { 
	text-decoration:none;
	color:blue;
	font-style:italic;
	}
	

#exampleSlider {
  
  border: 0px solid black;
  
  height:180px; /* added */
  /* background-color:#fff; added */ 
  /* border:2px solid black; */
 }
 
#exampleSlider h3 {
	text-align:center;
}
@media (max-width: 767px) {
  #exampleSlider {
    border-color: transparent;
  }
}
#exampleSlider .MS-content {
  margin: 15px 5%;
  overflow: hidden;
  white-space: nowrap;
  border: 0px solid red;
  height:130px; /* added */

}

@media (max-width: 767px) {
  #exampleSlider .MS-content {
    margin: 0;
  }
}
#exampleSlider .MS-content .item {
  display: inline-block;
  height: 100%;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  text-align:center;
  border: 0px solid green;
  border-right: none;
  width: 20%;
   padding-right:5px /*added */
}
@media (max-width: 1200px) {
  #exampleSlider .MS-content .item {
    width: 25%;
  }
}
@media (max-width: 992px) {
  #exampleSlider .MS-content .item {
    width: 33.3333%;
  }
}
@media (max-width: 767px) {
  #exampleSlider .MS-content .item {
    width: 50%;
  }
}
#exampleSlider .MS-content .item p {
  font-size: 30px;
  text-align: center;
  line-height: 1;
  vertical-align: middle;
  margin: 0;
  padding: 10px 0;
}
#exampleSlider .MS-controls button {
  position: absolute;
  border: none;
  background: transparent;
  font-size: 30px;
  outline: 0;
  top: 15px;
}
@media (max-width: 767px) {
  #exampleSlider .MS-controls button {
    display: none;
  }
}
#exampleSlider .MS-controls button:hover {
  cursor: pointer;
}
#exampleSlider .MS-controls .MS-left {
  left: 10px;display:none;
}
@media (max-width: 992px) {
  #exampleSlider .MS-controls .MS-left {
    left: -2px;
  }
}
#exampleSlider .MS-controls .MS-right {
  right: 10px;display:none;
}
@media (max-width: 992px) {
  #exampleSlider .MS-controls .MS-right {
    right: -2px;
  }
}


/* Text Scroll */
div.marquee {
    white-space:nowrap;
    overflow:hidden;
}
div.marquee > div.marquee-text {
    white-space:nowrap;
    display:inline;
    width:auto;
	color:red;
}
/* End Text Scroll */



.mak {color:blue;}
.mera {color:red;}	
.c2 {background-color:#5368c1;}

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 20px;
  font-weight:bold;
  border: none;
  outline: none;
  background-color: #5368c1;
  color: #fff;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
  opacity:0.5;
}

/* About us */

.acc {
	width:100%;
	text-align:center;
	
	}
.exco {
	text-align:justify;
	margin:1rem 1rem 0 1rem
	
	}
.abouth4 {
	color:#5368c1;
	font-weight:bold;
	}
.jumbo {
	padding-top:25px;
	padding-bottom:25px;
	border-radius: 2rem;
	background-image:url(../images/makmera_light1.png);
	background-repeat:no-repeat;
	background-position:center;
	background-color:#F8F8F8;
	
}
.grayout {
	color:#DCDCDC; 	
}

.contac {
	background-image:url(../images/about-banner.jpg);
	width:100%;
	background-repeat:no-repeat; 
	height: 400px;
	background-size: cover;
}
	
.alig {
	text-align:center;
	color:#fff;
	padding-top:100px;
	
}

.alig1 h3 {
	font-family: 'Lora', serif;
    font-weight: 400;
    letter-spacing: 2px;
	font-style:italic
}

.alig2 h1{
	font-family: 'Montserrat', sans-serif;
    font-size: 60px;
    font-weight: 800;
    color: #fff;
    letter-spacing: 2px;
}

/* Contact us  */
.contac1 {
	background-image:url(../images/hs1.jpg);
	width:100%;
	background-repeat:no-repeat; 
	height: 400px;
	background-size: cover;
}
input[type=text],[type = email], [type = tel], textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  margin-top: 2px;
  margin-bottom: 10px;
  resize: vertical;
}

input[type=submit] {
  background-color: #000;
  color: white;
  border-radius: 5%;
  padding: 12px 40px;
  border: none;
  cursor: pointer;
}

.set1 {
	 top: auto;
    bottom: -20px;
}


input[type=submit]:hover {
  box-shadow: 0px 0px 63px 2px rgba(0, 0, 0, 0.5);
}

#contact input {border-radius:4px;}
	#contact textarea {border-radius:4px;}
	 
   #contact input[type="text"].error {
     border: 1px solid red;
   }
  
	#contact input[type="text"].valid {
     border: 1px solid green;
   }
   
    #contact input[type="email"].error {
     border: 1px solid red;
    }
  
	#contact input[type="email"].valid {
     border: 1px solid green;
    }
   
   #contact input[type="tel"].error {
     border: 1px solid red;
    }
  
	#contact input[type="tel"].valid {
     border: 1px solid green;
    }
   
   #contact textarea.error {
     border: 1px solid red;
    }
  
	#contact textarea.valid {
     border: 1px solid green;
    }
  
 	.valid {color:green}
	.error {color:red}
	
	#careerform input[type="text"].error {
     border: 1px solid red;
    }
  
	#careerform input[type="text"].valid {
     border: 1px solid green;
    }
   
   #careerform textarea.error {
     border: 1px solid red;
    }
  
	#careerform textarea.valid {
     border: 1px solid green;
     }
   
   #careerform input[type="email"].error {
     border: 1px solid red;
     }
  
	#careerform input[type="email"].valid {
     border: 1px solid green;
    }
   
   #careerform input[type="currency"].error {
     border: 1px solid red;
     }
  
	#careerform input[type="currency"].valid {
     border: 1px solid green;
      }

/* Style the container/contact section */
/* .container { */
  /* border-radius: 5px; */
  /* background-color: #f2f2f2; */
  /* padding: 10px; */
/* } */

/* Create two columns that float next to eachother */
/* .column { */
 
  /* width: 50%; */
  /* margin-top: 6px; */
  /* padding: 5px; */
/* } */

/* Clear floats after the columns */
/* .row:after { */
  /* content: ""; */
  /* display: table; */
  /* clear: both; */
/* } */

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column, input[type=submit] {
    width: 100%;
    margin-top: 0;
  }
}

/* Environmental */
.intro {
	
}

.envbullet li  {
	color:black;
	font-style:italic;
	list-style-image:url(../images/leaf.png);
}

.envbullet li a {
	color:black;
	font-style:italic;
}

ul.envbullet li a:hover {
						text-decoration:none;
						font-weight:bolder;
						color: #5368c1;}
						
.env {background-color:#F5F5F5;
		border-radius:10px;
		padding:20px 0px;
}

.env1 {background-color:#fff;
		border-radius:10px;
		padding:20px 0px;
}

.contac2 {
	background-image:url(../images/envtal1.jpg);
	width:100%;
	background-repeat:no-repeat; 
	height: 400px;
	background-size: cover;
	
}

.shine h3{
  
  font-family: sans-serif;
  text-transform: uppercase;
  font-size: 2em;
  letter-spacing: 4px;
  overflow: hidden;
  background: linear-gradient(90deg, #000, #fff, #000);
  background-repeat: no-repeat;
  background-size: 80%;
  animation: animate 3s linear infinite;
  -webkit-animation: animate 3s linear infinite;
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(255, 255, 255, 0);
  -ms-animation:animate 3s linear infinite;
  -ms-background-clip: text;
  -ms-text-fill-color: rgba(255, 255, 255, 0);
  text-align: center;
 }
 
 .shine{
		top:10px;
		background-color:rgba(0, 140, 0, 1);
		}

@keyframes animate {
  0% {
    background-position: -500%;
  }
  100% {
    background-position: 500%;
  }
}
@-webkit-keyframes animate {
  0% {
    background-position: -500%;
  }
  100% {
    background-position: 500%;
  }
}
@-ms-keyframes animate {
  0% {
    background-position: -500%;
  }
  100% {
    background-position: 500%;
  }
}

.alig2 h2{
	font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    font-weight: 800;
    color: #fff;
    letter-spacing: 2px;
}
.tableFixHead th { position: sticky; 
					top: 0;
					background-color:#fff;
					}


.my-custom-scrollbar {
   height: 200px;
  overflow: auto;
}
.table-wrapper-scroll-y {
  display: block;
}

/* Training */

.contac3 {
	background-image:url(../images/Training_Banner1.jpg);
	width:100%;
	background-repeat:no-repeat; 
	height: 400px;
	background-size: cover;
	
}

.enves h3{
			text-align: center;
			color:silver;
			text-shadow:
			-1px -1px 0 #000,
			1px -1px 0 #000,
			-1px 1px 0 #000,
			1px 1px 0 #000;
			
			}

.fa-business-time, .fa-calculator, .fa-file-excel, .fa-shipping-fast, .fa-car, .fa-file-signature, .fa-hard-hat {
	color:#5368c1;
	font-size:40px;
	margin-top:8px;
}
.fa-exclamation-triangle {
	color:red;
	font-size:40px;
	margin-top:8px;
	
}

/* Procurement */
.contac4 {
	background-image:url(../images/procure_banner.jpg);
	width:100%;
	background-repeat:no-repeat; 
	height: 400px;
	background-size: cover;
	
}

.samp {
     margin:10px; padding:10px; 
	 }
	 
/* Awards */
		
		
		/* Policies */
		
	.hse {
		padding-top:20px;
		width:100%;
		margin:auto;
		background-color:#fff;
		text-align:center;
		border:2px solid black;
		}
	
	.hsep {
			border-radius: 15px;
			background-color:red;
			margin:auto;
			text-align:center;
			color: white;
			}
	.case {
		width: 60%;
		margin:0px auto;
		border:2px solid black;
		
	}
			
	/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../images/animation4.gif) center no-repeat #fff;
	/* background: url(../images/loader-64x/Preloader_2.gif) center no-repeat #fff; */
}


a1 {margin-bottom:0px;
	padding-bottom:0px;}
	
a2{margin-top:0px;
	padding-top:0px;}
	
.contac5 {
	background-image:url(../images/career1.jpg);
	width:100%;
	background-repeat:no-repeat; 
	height: 400px;
	background-size: cover;
}
	
.career {
	font-weight:800;
}

.alig1  {
	font-family: 'Lora', serif;
    font-weight: 800;
    letter-spacing: 2px;
	font-style:italic
}


.contac6 {
	background-image:url(../images/privacy_banner.jpg);
	width:100%;
	background-repeat:no-repeat; 
	height: 400px;
	background-size: cover;
	
}