.topheader {
  vertical-align: middle;
}
.KESBLogo {
  width: auto;
  height: 80px;
}
.KESBiso {
  width: 60px;
  height: auto;
}
@media (min-width: 1200px) {
  .topheader {
    max-width: 100% !important;
    width: 100%;
  }
}
.carousel-item {
  height: 100vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
header.masthead {
  position: relative;
  width: 100%;
  min-height: auto;
  text-align: center;
  color: #fff;
  /*	background-image:url(../img/header.jpg);
	
	background-position:center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;
*/
}
.Lorry img {
  right: 5%;
  top: 65%;
  position: absolute;
  width: 10%;
  height: auto;
}
#mainNav {
  background-color: rgba(150, 150, 150, 0.73);
}
.bg-primary {
  background-color: #000;
  text-align: justify;
}
.aboutus {
  background-color: #7c4e8f;
  text-align: justify;
}
.bg-corporate {
  background-color: #e69db8;
  text-align: justify;
}
.awards {
  background-color: burlywood;
  padding: 20px !important;
}
.portfolio-box .portfolio-box-caption {
  background-color: rgba(131, 49, 28, 0.73);
}
.bg-gallery {
  /*background-image: -webkit-linear-gradient(270deg,rgba(115,115,115,1.00) 0%,rgba(197,197,197,1.00) 52.85%,rgba(79,79,79,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(115,115,115,1.00) 0%,rgba(197,197,197,1.00) 52.85%,rgba(79,79,79,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(115,115,115,1.00) 0%,rgba(197,197,197,1.00) 52.85%,rgba(79,79,79,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(115,115,115,1.00) 0%,rgba(197,197,197,1.00) 52.85%,rgba(79,79,79,1.00) 100%);*/
  background-color: #000;
}
.service-box p {
  font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
  text-align: left;
}
.ServiceText {
  padding: 10px;
}
.service-box h3 {
  /*min-height: 90px;*/
  vertical-align: middle;
}
/*//slick slider*/
.slider {
  width: 95%;
  margin: 100px auto;
}
.slick-slide {
  margin: 0px 20px;
}
.slick-slide img {
  width: 100%;
}
.slick-prev:before, .slick-next:before {
  color: black;
}
.slick-slide {
  transition: all ease-in-out .3s;
  /* opacity: .2;*/
}
.slick-active {
  opacity: .5;
}
.slick-current {
  opacity: 1;
}
#gallery .textBox {
  text-align: center;
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  color: #fff;
  padding: 10px;
}
.primary {
  border-color: #004A8F !important;
}
#contact a {
  color: darkblue !important;
}
#contact a .fa-whatsapp-square {
  color: #4FCE5D !important;
}
#myDomestic .carousel-inner, #myPacking .carousel-inner, #myDismantle .carousel-inner {
  width: 350px !important;
  max-height: 200px !important;
}
#myDomestic .carousel-item, #myPacking .carousel-item, #myDismantle .carousel-item {
  width: 350px !important;
  max-height: 200px !important;
  background-size: 350px 200px;
}
.Process {
  background-color: #000;
  text-align: center;
}
.ContactUs {
  background-color: #fff;
  text-align: center;
  color: #000 !important;
}
.Process .section-heading {
  color: #fff;
}
.ProcessImage img {
  width: 100%;
  height: auto;
  max-width: 800px;
}
.socialLink {
  font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif" !important;
  font-size: 16px !important;
  padding: 5px;
}
.socialLink a {
  font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif" !important;
  font-size: 16px !important;
}
.socialLink p {
  font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif" !important;
  font-size: 16px !important;
}
.FBBox {
  /*background-color: darkblue;
	color: #fff;*/
}
.FBBox p {
  /*color: #fff;*/
}
.MudahLink {
  background-color: red;
}
.mainTitle {
  text-transform: capitalize;
  padding-left: 40px;
  font-size: 18px;
}

.mainTitle h1 {
   
  font-size: 18px;
}
.column {
  float: left;
  width: 50%;
}
/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
.vertical-centerContent {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.attribute {
  display: none;
}
.whatsapp .fab {
  color: #4FCE5D;
}

.slideCaption {
  font-size: 4em;
  color: rgba(255, 255, 255, 0.4);
  position: absolute;
  top: 50%;
  left: 50%;
	width: 80%;
  transform: translate(-50%, -50%);
}

.slideCaption h1 {
  font-size: 1em;
 
}

.slide01 .slideCaption {
	top: 80%;
	 
	width: 80%;
	  color: rgba(255, 255, 255, 1);
	
	-webkit-border-radius: 5px;
border-radius: 5px;
	
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#959595+0,0d0d0d+46,010101+50,0a0a0a+53,4e4e4e+76,383838+87,1b1b1b+100&0.5+0,0.52+100;Black+Gloss+Pipe */
background: -moz-linear-gradient(left,  rgba(149,149,149,0.5) 0%, rgba(13,13,13,0.51) 46%, rgba(1,1,1,0.51) 50%, rgba(10,10,10,0.51) 53%, rgba(78,78,78,0.51) 76%, rgba(56,56,56,0.51) 87%, rgba(27,27,27,0.52) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(149,149,149,0.5) 0%,rgba(13,13,13,0.51) 46%,rgba(1,1,1,0.51) 50%,rgba(10,10,10,0.51) 53%,rgba(78,78,78,0.51) 76%,rgba(56,56,56,0.51) 87%,rgba(27,27,27,0.52) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(149,149,149,0.5) 0%,rgba(13,13,13,0.51) 46%,rgba(1,1,1,0.51) 50%,rgba(10,10,10,0.51) 53%,rgba(78,78,78,0.51) 76%,rgba(56,56,56,0.51) 87%,rgba(27,27,27,0.52) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80959595', endColorstr='#851b1b1b',GradientType=1 ); /* IE6-9 */

	 
}

.slide02 .slideCaption {
	top: 50%;
	left: 65%;
	width: 50%;
	 
}

.slide03 .slideCaption {
	font-size: 5em;
	top: 80%;
	 color: rgba(255, 255, 255, 0.7);
}

.slide03 .slideCaption h1 {
	font-size: 1.5em;
	 
}

.slide04 .slideCaption {
	top: 20%;
	color: rgba(10,24,83,0.3);
}

/*mobile view*/
@media only screen and (max-device-width: 480px) {
  .mainTitle {
    text-transform: capitalize;
    padding-left: 40px;
    font-size: 14px;
    overflow-wrap: break-word;
    word-wrap: break-word;
    white-space: normal;
	max-width: 200px;
  }
  #mainNav .navbar-brand, #mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
    color: #e69db8;
  }
	
	
	#mainNav.navbar-shrink {
     
    background-color: #fff;
}
	
	
} /*end mobile view*/




 


.logos img {
	width: auto;
	height: 100%;
	max-height: 90px;
}

.servicelist {
	list-style-type:disc;
	text-align: left;
	font-size: 24px;
	 margin: 0 auto;
	max-width: 80%;
	
}

.servicelist li {
	 
	text-align: left;

}
#services
{
	 
	background-image: url("../images/serviceBG.png");
	 background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
	
	color: #fff;
	
	
	-webkit-border-radius: 5px;
border-radius: 5px;
	
	background-color: rgba(255, 255, 255, 0.4);

 
	
}



@media only screen and (max-width: 600px) {
  .slideCaption
	{
		font-size: 24px !important;
	}
	  .slideCaption h1
	{
		font-size: 24px !important;
	}
	
	.slide04 .slideCaption {
    top: 27%;
     
}

	.slick-slide img {
    
    max-width: 50%;
}
	
	.vertical-centerContent {
    
       top: 9%;
    position: fixed;
    
}
	
	.mainTitle h1 {
    font-size: 16px;
}
	
}