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

article, aside, figure, footer, header, hgroup,
menu, nav, section { display: block; }

a:link {
	text-decoration: none; color:#999;
}
a:visited {
	text-decoration: none; color:#999;
}
a:hover {
	text-decoration: none; color:#CCC;
}
a:active {
	text-decoration: none; color:#999;
}


html, body{
margin:0px;
font-family: 'Sorts Mill Goudy', serif;
color:#000;
overflow:hidden;

	height:100%;
	width:100%;	

}

#logo{margin-left:5px; padding-left:8%; margin-top:15px; margin-bottom:105px; float:left; width:100%; position:relative;}
#logotxt{float:left; width:50%; position:relative;}
#logoimg{ width:18%; height:18%; float:left;}

#logotxt{ width:60%; height:60%;}
#logo-other{margin-left:5px; margin-top:1px; float:left; }

#cls{float:none; clear:both;}

#master-container{ width:100%; height:100%; position:relative; overflow:hidden;}



#main-container{ width:100%; height:25000px;}
#content{width:80%; height:100%; position:relative; float:left; background-image:url(../images/bg.jpg); background-size:cover;}
#content-container{width:100%; height:100%; position:relative; float:left; background-image:url(../images/bg.jpg); background-size:cover;}


#nav-header{ font-size:1.6em; color:#666; margin-bottom:40px; margin-left:16%; letter-spacing:3px;}

#nav-other{ width:100%; height:50px; background-color:#2c2c2c; position:fixed;}
#nav-other nav{ float:right; font-weight:bold; font-size:16px;  }
#nav-other nav ul li{list-style:none; line-height:2; margin-bottom:10px; margin-right:10px; color:#666; display:inline-block; font-family: Helvetica;}


#menu-container{ width:20%; min-width:150px; height:100%; position:fixed; background-color:#2c2c2c; background-image:url(../images/menubg.png); background-size:cover;}
#menu-container nav{margin-right:17%; padding-top:30%; font-weight:bold; text-align:center; font-family: Helvetica; }

#menu-container nav ul li{ list-style:none; line-height:2; margin-bottom:35px; color:#666; line-height:19px }
#menu-container nav ul li a:link{font-family: Helvetica; font-size:15px;}



#top-layer{ background-color:#000; opacity:0.6; width:100%; height:100%; position:fixed; font-family: Helvetica; }

#title{ font-size:2.4em; color:#FFF; width:70%;  opacity:1; margin-top:19%; margin-left:10%; position:relative; font-weight:bold;}
#title-security{ font-size:2.4em; color:#FFF; width:70%;  opacity:1; margin-top:19%; margin-left:27%; position:relative; font-weight:bold;}

#title-trucking{font-size:1.5em; color:#FFF; margin-top:19%; margin-left:5%; position:relative; font-weight:bold;}
#truck-left-back{ width:50%; height:515px; background-color:#000; opacity:0.5; position:absolute; top:14%; left:5%;}
#truck-right-back{ width:35%; height:515px; background-color:#000; opacity:0.5; position:absolute; top:14%; right:5%;}
#truck-left-holder{ width:48%; height:520px; position:absolute; top:1%; left:4%;}
#truck-right-holder{ width:35%; height:500px; position:absolute; top:10%; right:5%;}
#truck-right-title{  position:absolute; top:10%; right:10%; font-size:1.4em; color:#FFF;}
#form-truck{ position:absolute; right:5%; top:19%; width:35%; height:450px; padding-top:20px }
#form-truck table input{ width:100%; height:30px; border:none; margin-bottom:10px;}
#form-truck table textarea{ width:100%; border:none;}
#form-truck table{ width:100%; height:100%; border:none;}

#msgtruck{ margin-bottom:15px;}
#sub-truck{ width:100%; height:40px;}
#home-article-center-truck{font-size:1.1em; width:100%; color:#FFF; opacity:1; padding:5%; padding-top:1%; line-height:30px; }

#title-waste{ font-size:2.4em; color:#FFF; width:70%;  opacity:1; margin-top:19%; margin-left:30%; position:relative; font-weight:bold;}


#home-article{font-size:1.2em; width:57%; color:#FFF; opacity:1; padding:15%; padding-top:2%; }

#home-article-center{font-size:1.2em; width:57%; color:#FFF; opacity:1; padding:15%; padding-top:2%; text-align:center}
	
	
.leftside{
 float:left;
 width: 20%;


}

.rightside{
  
   float:right;
   width:80%;
}

.rightside .section{
    display:none;
	z-index:999;
    
}

.rightside .sectionhome{
    display:block;
    
}




#home{ background-image:url(../images/bg.jpg); background-size:cover; }
#security{ background-image:url(../images/security.jpg); background-size:cover;}
#commodities{background-image:url(../images/commodity.JPG); background-size:cover;}
#trucking{background-image:url(../images/warehouse.jpg); background-size:cover;}
#waste{ background-image:url(../images/wastebg.PNG); background-size:cover;}
#immegration{}
#hay{background-image:url(../images/hay.jpg); background-size:cover;}
#hayinner{ position:absolute; top:8%; left:9%; width:84%; height:88%; background-color:#000; opacity:0.5;}
#texthay{ position:absolute; top:8%; left:10%; width:80%; height:300px; padding:10px; }
#haytitle{ color:#FFF; font-size:2.0em; text-align:center;}
#texthayinner{ color:#FFF; font-size:1.0em; margin-top:35px; line-height:22px;}
#texthayinner a:link{ color:#0F0; font-weight:bold;  font-size:1.3em;}


#medical{}
#contact{ background-color:#F5F5F5; background-image:url(../images/contact.jpg); background-size:cover;}
#gallery{background-image:url(../images/gallerybg.jpg); background-size:cover; background-color:#CCC;}

.section-prop{ width:80%; float:right; height:100%; display:inline-block; position:absolute;
    }
	
	.section-prophome{ width:80%; float:right; height:100%; display:inline-block; position:absolute;
    }
	
	
#btn-holder{ text-align:center; margin-top:40px; margin-left:23%;}

#btn{ width:auto; height:25px; padding-left:20px; padding-right:20px; padding-bottom:5px; border:#FFF 2px solid; float:left; padding-top:3px; font-size:1.0em; margin-right:30px; }
#btn-read{ width:100px; height:25px; border:#FFF 2px solid; padding-top:3px; font-size:1.0em; margin-left:42.5%; margin-top:5px; }

#btn-holderwaste{ text-align:center; margin-top:40px; margin-left:38%; }
#btn-holdersecurity{ text-align:center; margin-top:40px; margin-bottom:10px; margin-left:9%; }

#btn-holdercommodities{ text-align:center; margin-top:40px; margin-left:6%; }

#btn-linetwo{ margin-left:17%;}

#footer-menu{ color:#666; font-size:0.734em; margin-top:45px; }

#network{margin-top:5px; margin-left:30%;}
#network img{ width:25px; height:25px;}
#menu-design{margin-top:39px; margin-left:20%;}

#btn a:link {
	text-decoration: none; color:#FFF;
}

#story-img{ width:100%; height:270px; background-color:#666; top:50px; position:relative;}
.bgscurity{ background-image:url(../images/bgsecurity.png); background-size:cover; }

#bgtitle{ color:#333; font-size:36px; font-weight:bold; padding-left:10%; padding-top:100px; }

#story-container{ background-color:#F8F8F8; width:80%; height:100%; margin-left:10%; margin-right:10%; position:relative; top:50px;}

#story-container article{ font-size:18px; padding:10px; line-height:20px; color:#4E4E4E;}
#gallery-title{ font-size:2.4em; color:#000; width:70%;  ; margin-top:24px; margin-left:27%; position:relative; font-weight:bold; text-shadow:1px 1px 2px #FFF;}


#gallery-container{ margin-left:auto 0; position:fixed; width:100%;}

#gallery-container img{ width:80%; height:100%;  }


#homeslide{ margin-left:auto 0; position:fixed; width:100%; height:100%; }

#homeslide img{ width:80%; height:100%;  }


#pager{
	text-align:center;
	height:100px;
	width:100%;
	opacity:0;
	position:absolute;
	bottom:1%;
	background: rgba(0,0,0,.5);
	z-index:1000;
	transition:all 0.3s ease-in-out 0s;
	overflow:hidden;
	
	
	}
	
	
	#pagertitle{width:100%; text-align:center; position:absolute; bottom:15%; font-size:27px; color:#FFF; background: rgba(0,0,0,.5); opacity:0.7;}
	#pagertxt{width:100%; text-align:center; position:absolute; bottom:15%; font-size:27px; color:#FFF;}

#pager:hover{ opacity:1;}

#pager img{ margin: 10px 5px;
transition:all .3s ease-in-out 0s;
opacity:0.3;
width:10%;}


#pager img:hover{ opacity:1;
transform:scale(1.05);
z-index:100;}


#prev{
	height:50px;
	width:50px;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	margin: auto 10px;
	
}
	
#next{
	height:50px;
	width:50px;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	margin: auto 10px;
}

#contact-left{ float:left; position:relative; left:0%; bottom:0; top:30%; width:40%; color:#F5F5F5; font-size:1.3em}
#contact-right{position:absolute; right:0; bottom:0; top:19%; width:50%; height:50%;  padding-left:10px; }

#contact-right-back{position:absolute; right:4%; bottom:0; top:14%; width:50%; height:70%;  padding-left:10px; background-color:#000; opacity:0.4}

#contact-left-back{position:absolute; left:2%; bottom:0; top:14%; width:36%; height:70%;  padding-left:10px; background-color:#000; opacity:0.4}

#divider{border-left:solid 1px #666; height:80%; width:2px; position:absolute; left:42%; bottom:10%; top:10%;}
#contact-right table{ width:100%; height:300px;}
#contact-right table input{ width:81%; height:30px; border:none;}
#contact-right table textarea{ border:none;  width:80%;}
#logocontact{ width:19%; position:relative; left:10%; bottom:0; top:30%; float:left}
#logocontact img{ width:20%; height:20%;}
#logotextcontact{ width:40%; position:relative; left:-3%;  bottom:0; top:30%; float:left;}
#logotextcontact img{ width:35%;}
.fromtxt{ font-size:17px; font-weight:bold; color:#555}
#small{ margin-right:16px; }


#form-sub{ position:relative; width:100%}

#sub{ width:80%; height:40px; box-shadow:1px 1px #EBEBEB; }

#txtslide{ position:absolute; bottom:10%; left:1%; width:45%; height:200px; overflow:hidden; }
#txtslide-back{  position:absolute; bottom:6%; left:0; width:50%; height:200px; background-color:#000; opacity:0.5; z-index:}

#txtslidetxt{ color:#FFF; font-size:1.2em; padding:10px; width:100%; height:190px;}

#slideshow{ width:100%; height:100%;}
#slideshow img{ width:100%; height:100%;}

.clsshow{float:none; clear:both;}

#homeformobile{ display:none;}
#footer-menu-mobile{display:none;}
#security-mobile{ display:none;}
#btn-holdersecuritymobile{ display:none;}
#menu-containermobile{display:none}

@media(max-width:1268px){
	
	#hayinner{ width:94%; height:100%; left:2%;}
#texthay{ width:90%; height:95%; left:2%;}
#haytitle{ font-size:1.8em;}
#texthayinner{ font-size:1.0em; line-height:20px; left:2%;}

#title-trucking{font-size:1.25em; margin-top:25%;}
#truck-left-back{  height:560px; top:10%;}
#truck-right-back{ height:560px; top:10%;}
#truck-left-holder{ height:520px;}
#truck-right-holder{ height:500px; padding-right:15px;}
#truck-right-title{ font-size:1.15em; right:6%;}
#sub-truck{ width:100%; height:40px;}
#home-article-center-truck{font-size:1.0em; line-height:30px;  }
	
}


@media(max-width:988px){
	
	#hayinner{ width:94%; height:100%; left:2%; top:2%;}
	#txtslide{ padding-right:10px; padding-bottom:2px;}
#texthay{ width:90%; height:95%; left:2%; top:2%;}
#haytitle{ font-size:1.8em;}
#texthayinner{ font-size:1.0em; line-height:20px; left:2%; top:2%;}

#title-trucking{font-size:1.25em; margin-top:25%;}
#truck-left-back{  height:560px; top:10%;}
#truck-right-back{ height:560px; top:10%;}
#truck-left-holder{ height:520px;}
#truck-right-holder{ height:500px; padding-right:15px;}
#truck-right-title{ font-size:1.15em; right:6%;}
#sub-truck{ width:100%; height:40px;}
#home-article-center-truck{font-size:0.9em; line-height:30px;  }
	
}

@media(max-width:888px){
	
	#hayinner{ width:94%; height:100%; left:2%; top:2%;}
	#txtslide{ padding-right:10px; padding-bottom:2px;}
#texthay{ width:90%; height:95%; left:2%; top:2%;}
#haytitle{ font-size:1.8em;}
#texthayinner{ font-size:0.9em; line-height:20px; left:2%; top:2%;}


#title-trucking{font-size:1.25em; margin-top:25%;}
#truck-left-back{  height:560px; top:10%;}
#truck-right-back{ height:560px; top:10%;}
#truck-left-holder{ height:520px;}
#truck-right-holder{ height:500px; padding-right:15px;}
#truck-right-title{ font-size:1.15em; right:6%;}
#sub-truck{ width:100%; height:40px;}
#home-article-center-truck{font-size:0.9em; line-height:30px;  }

	
}


@media(max-width:800px){
	#title-trucking{font-size:1.05em; margin-top:33%;}
#truck-left-back{  height:540px;}
#truck-right-back{ height:540px;}
#truck-left-holder{ height:520px;}
#truck-right-holder{ height:500px; padding-right:15px;}
#truck-right-title{ font-size:1.05em; right:6%; top:12%;}
#sub-truck{ width:100%; height:40px;}
#home-article-center-truck{font-size:0.85em; line-height:30px;  }
	
}
	
	
	
	




@media(max-width:768px){
	#txtslidetxt{font-size:0.9em;}
#txtslide{ padding-right:10px; padding-bottom:2px;}
	#hayinner{ width:100%; height:100%; top:0; left:0;}
#texthay{ width:100%; height:95%; top:0; left:0;}
#haytitle{ font-size:1.8em;}
#texthayinner{ font-size:0.9em; line-height:20px; top:0; left:0;}

#title-trucking{font-size:1.05em; margin-top:24%;}
#truck-left-back{  height:590px; top:10%;}
#truck-right-back{ height:590px; top:10%;}
#truck-left-holder{ height:520px;}
#truck-right-holder{ height:500px; padding-right:15px;}
#truck-right-title{ font-size:0.85em; right:6%; top:12%;}
#sub-truck{ width:100%; height:40px;}
#home-article-center-truck{font-size:0.85em; line-height:30px;  }
	
}


@media(max-width:668px){
	
	
#title-trucking{font-size:1.05em; margin-top:28%;}
#truck-left-back{  height:600px; top:7%;}
#truck-right-back{ height:600px; top:7%;}
#truck-left-holder{ height:520px;}
#truck-right-holder{ height:500px; padding-right:15px;}
#truck-right-title{ font-size:0.8em; right:6%; top:12%;}
#sub-truck{ width:100%; height:40px;}
#home-article-center-truck{font-size:0.75em; line-height:30px;  }
	
#hayinner{ width:100%; height:100%; top:0; left:0;}
#texthay{ width:100%; height:95%; top:0; left:0;}
#haytitle{ font-size:1.8em;}
#texthayinner{ font-size:0.7em; line-height:20px; top:0; left:0;}
	
}

@media(max-width:368px){
	#txtslidetxt{font-size:0.8em;}
	
}

span.menu img{ display:none;}
	




@media screen and (max-width:1026px){
	
#logo{margin-left:5px; padding-left:8%; margin-top:15px; margin-bottom:40px; float:left; width:100%; position:relative;}
#menu-container nav{margin-right:17%; padding-top:10%; font-weight:bold; text-align:center; font-family: Helvetica; }

#menu-container nav ul li{ list-style:none; line-height:2; margin-bottom:30px; color:#666; line-height:15px }
#menu-container nav ul li a:link{font-family: Helvetica; font-size:15px;}
#menu-design{margin-top:15px; margin-left:10%; }
#menu-design img{width:90%;}
	
	}

/*for mobile  screen*/




@media screen and (max-width:640px){

	
	
		span.menu{
			margin-top:8px;
			width:32px;
			height:32px;
			float:right;
			display: block;
			cursor: pointer;
		}
		span.menu img{ display:block;}
		
		#menu-container{display:none}
		
		#menu-containermobile nav{
			display:none;
			
		}
		#menu-containermobile nav{margin-right:17%; font-weight:bold; text-align:center; font-family: Helvetica; width:100%; display:none; }

#menu-containermobile nav ul li{ list-style:none; margin-bottom:10px; color:#666; line-height:19px   }
	
		
		
		.leftside{position:relative;  float:none; width: 100%;}
		
		#menu-containermobile{ width:100%;  background-color:#2c2c2c; background-image:none; min-width:inherit; height:auto; position:relative; margin-bottom:10px; display:block;}
		#menu-containermobile nav{margin-right:17%; height:auto; padding-top:0px; font-weight:bold; text-align:left; font-family: Helvetica; }
		
		#logo{ padding-left:8%; margin-top:2px; float:left; width:75%; position:relative; margin-bottom:0px;}
		
		#logotxt{float:left; width:150px; height:45px; position:relative;}
		
#logoimg{ width:45px; height:45px; float:left;}

#menu-design{ display:none;}

#footer-menu{ display:none;}
		
		
	html, body{

overflow:visible;
width:100%;
color:#3C3C3C;
background-color:#F3F3F3;

}
		
		
.rightside{
  
   float:none;
   width:100%;
   position:relative;
 
}

#homeformobile{ display:block; width:100%; position:relative;}
#homeformobile img{ width:100%;}

.rightside .section{
    display:none;
	z-index:999;
    
}

.rightside .sectionhome{
    display:block;
}
h1{ font-size:1.6em;  text-align:center;}
h4{font-size:1.1em; font-weight:normal; text-align:center;}

    

#homeslide{display:none;}
#txtslide-back{display:none;}
#txtslide{display:none;}
#home{ display:none;}	
#security-mobile{ display:block;}
#btnmobile{ display:block; width:98%; height:30px; border:#333 1px solid; margin-bottom:5px; position:relative; text-align:center; background-color:#999; font-size:1.0em; padding-top:4px; color:#000;}



#enquiremobile{ color:#3C3C3C; font-size:1.1em;}
#enquiremobile table input{ width:81%; height:30px; border:none;}
#enquiremobile table textarea{ border:none;  width:80%;}
#getqoute table textarea{ border:none; width:98.5%;}
#getqoute table input{ width:99.5%; height:30px; border:none;}
#contactmobile table input{ width:99.5%; height:30px; border:none;}
#contactmobile table textarea{ border:none; width:98.5%;}
#subc{ width:100%; height:40px;}


.cls{float:none; clear:both;}
#footer-menu-mobile{color:#666; margin-top:45px; background-color:#2c2c2c; width:100%; display:block;}
	
	
	
	
	}