body {
	font-family: font-family:Verdana, Arial, Helvetica, sans-serif;
}

td {
	font-family: Arial, Helvetica, sans-serif;
}

th {
	font-family: Arial, Helvetica, sans-serif;
}

h1 {margin:0;}

#pwul {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; line-height:40px; text-align:justify; margin-top:10px;}
 #pwul::first-letter{
            font-size: 80px;
            color: #FFFFFF;
			background-color:#0033FF;
         }


#sicon {float:right; margin-right:10vw; }
#sicon img {height:20px; width:30px; margin-right:20px; }

#sliderdiv{height:30rem; width:100%; float:left;}

#mh{margin:0px; color:#FFFF00; margin-left:10%; padding-top:10vh; width:50%; float:left;}
#ef1{float:right; min-height:50%; width: 30%; background-color:#66CCFF; opacity:0.7; margin-right:10%; margin-top:-520px; text-align:center;}

#menubox {min-height:25vh; width:100%; background-color:#; float:left;}
#mobmenu {float:right; font-size:36px; margin-top:1%; display:none;}
#menu{width:70%; min-height:80px; margin-left:5%; margin-top:8vh; background-color:#; float:left;}
#menu ul{display:block; width:90%; background-color:#; float:left; height:50px;}
#menu ul li{ text-align:center; list-style:none; display:inline-block; width:10%; background-color:#; margin-top:2%;}
#menu ul a{color:#000000; transition: 0.5s;} #menu ul a:hover{color:#666666;}

#enquiryform1 {background-color:#FFFFFF; padding:2vh; text-align:center;}
#enquiryform1 input, Select, textarea {width:40%; border:solid thick #999999; border-radius:10px; border-top: none; height:30px; margin:10px; transition: 1s; }
#enquiryform1 input:hover, Select:hover, textarea:hover { background-color:#CCCCCC; border-color:#FF0000; }

#mpp {min-height:70vh; width:100%; background-color:#; padding-top:10vh; float:left;}
#mppcc {width:70%; margin-left:15%;}

#auscmp {width:40%; min-height:400px; background-color:#; margin-left:15%; float:left;}	
#auscmp h2{border-left:solid 5px #999900; padding-left: 20px; margin-bottom:50px; color:#FF9900;}
#auscmppic{width:20%; min-height:50vh; margin-left:10%; float:left; background-repeat:no-repeat; background-position:center; background-size:cover;}

#wd {min-height:200px; margin-left:2%; width:17.5%; background-color:#FFFFFF; float:left; background-color:#; padding:2.7%; transition: 1s;}
#wd:hover{background-color:#0066CC; color:#FFFFFF;}

#bmc {min-height:200px; margin-left:3%; margin-bottom:50px; width:30%; background-color:#FFFFFF; float:left; background-color:#; transition: 1s;  border-radius:20px;}
#bmc img{ height:100%; width:100%; border-top-radius:20px;}

#wd h1{margin-top:5%; margin-bottom:15%; font-size:24px;}	
#wd p{margin:0px;}	

#sh{margin-top:10vh; font-size:3vw;}
#sb {min-height:400px; margin-left:4%; margin-top:5vh; width:40%; background-color:#999999; float:left; background-color:#; padding:2vw; }
#sb h2 { font-size:1.7vw; }
#sb h2 img {height:40px; width:40px; margin-top:-40px;}
#sb h2:hover{color:#0066FF;}
#sb img{ height:40%; width:90%;}
#sbc {height:50px; width:94%; background-color:#FFFFFF; color:#000000; float:left; overflow:hidden; padding:1vw; transition: height 1s; }		
#sbc p{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1vw;}
#sbc:hover{height:200px;}

#spc {min-height:300px; width:19%; background-color:#FFFFFF; color:#000000; float:left; overflow:hidden; padding:20px; transition: height 1s; margin-left:1vw; margin-top:1.5vh;  border-top: solid 2px #FF6600; margin-bottom:80px; }	
#sph h1{border-radius:50%; margin-left:45%; border:solid 2px #FF6600; height:40px; width:50px; text-align:center; margin-top:-22px; margin-bottom:40px; background-color:#003366; color:#FFFFFF;}
#sph {height:30px; width:100%; margin-left:-20px; margin-bottom:20px;}
#spimg {margin-left:10%; height:40vh; width:40%;}
#spc img {height:100px; width:100px; margin-top:20px;}	
#spc h2 {width:100%; margin-top:-10px; margin-left:10px; font-size:1.3vw;}
#spc p{font-family:Verdana, Arial, Helvetica, sans-serif; margin-top:100px; font-size:0.8vw;}	
#spc:hover{height:300px;}

#stpc {height:200px; width:19%; background-color:#FFFFFF; color:#000000; float:left; overflow:hidden; padding:20px; transition: height 1s; margin-left:1vw; margin-top:1.5vh;   margin-bottom:80px; }	
#stpc img {height:100px; width:80%; margin-top:20px;}	
#stpc h2 {width:100%; margin-top:30px; margin-left:10px; font-size:1vw;}

#sthc{margin-bottom:4vh; font-size:1.5vw;}

#cb{height:50px; width:30%; background-color:#0033CC; color:#FFFFFF; border-radius:10px; font-size:1.5vw; margin-top:4%; transition: 0.5s;} #cb:hover{ background-color:#006600; }

#tte{height:50px; width:25%; background-color:#990000; color:#FFFFFF; border-radius:10px; font-size:1.5vw; margin-top:3%; transition: 0.5s;} #tte:hover{ background-color:#006600; }

#faqcontainer {width:60%; background-color:#; min-height:500px; margin-left:20%; margin-top:5vh; }
.faqq{background-color:#F4F4F4; min-height:30px; width:96.6%; float:left; text-align:left; padding:20px; font-size:3vh; border:solid 1px #003399;}
.faqans{ width:96.6%; text-align:left; float:left; padding:20px;font-size:3vh; display:none; border:solid 1px #003399; margin:0px;}




#dps{width:20%; height:600px; background-color:#F5F5F5; float:left; margin-left:2vw; margin-top:10vh; overflow:hidden;}
#dps img{width:100%; height:50%; transition: 0.8s;} #dps img:hover{width:105%; height:55%;}
#dps p{ margin-left:10%; background-color:#; width:80%; font-size:1.2vw; text-align:left; color:#666666; }
#dps b{color:#000000;}

#flexcontainer{ background-color:#; min-height:300px; width:100%;}
#flexcontainer img{background-color: #009966; width:15vw; height:30vh;  margin: 2vw;}

#blog{width:30%; height:700px; background-color:#F5F5F5; float:left; margin-left:2vw; margin-top:5vh; overflow:hidden;}
#blog img{width:100%; height:55%; transition: 0.8s;} #blog img:hover{transform: rotate(5deg);}
#blog p{ margin-left:10%; background-color:#; width:80%; font-size:20px; text-align:left; color:#666666; }
#blog b{color:#000000;}


#fd{width:12%; min-height:450px; background-color:#; float:left; margin-left:2vw; margin-top:6vh; overflow:hidden;}
#fd p{ margin-left:10%; background-color:#; width:80%; font-size:1.0vw; text-align:left; color:#FFFFFF; line-height:30px;}
#fd b{color:#FFFF00;}
#fd a{color:#FFFFFF; text-decoration:none;}

#tp1 {min-height:200px; margin-left:2%; width:40%; background-color:#FFFFFF; float:left; background-color:#; padding:2.7%; transition: 1s; text-align:justify; font-size:18px; line-height:30px;}
#tp1:hover{background-color:#0066CC; color:#FFFFFF;}
#tp1 img{width:40%; height:250px; transition: 0.8s; float:left; margin:25px;}
#tp1 p, #tp2 p{ margin-left:10%; background-color:#; width:80%; font-size:0.8vw; text-align:left; color:#666666; } #tp1 p:hover{color:#FFFFFF;}
#tp1 b{color:#000000;}
#tp1 h1{font-size:2.5vh; margin-top:20px;}
#tp1 h2{font-size:2.5vh; color:#999999;}

#mkt {min-height:200px; background-color:#FFFFFF; float:left; background-color:#; width:70%; margin-left:15%; padding:5px; text-align:justify; font-size:18px; line-height:30px;}

#mkt img{width:60%; height:350px; transition: 0.8s; float:left; margin:25px;}
#mkt p{ margin-left:10%; background-color:#; width:80%; font-size:0.8vw; text-align:left; color:#666666; } #mkt p:hover{color:#003399;}




#tp2 {min-height:200px; margin-left:2%; width:17%; background-color:#FFFFFF; float:left; background-color:#; padding:2.7%; transition: 1s;}
#tp2 img{width:100%; height:250px; border-radius:50%; transition: 0.8s;}
#tp2 h1{font-size:2.5vh; color:#999999; margin-top:20px;}
#tp2 h2{font-size:2.5vh;}

#wcmah {width:60%; margin-top:3vh; margin-bottom:3vh; text-align:justify; margin-left:20vw; color:#666666; }
#wcmah tr, td {border:solid 1px; height:50px; padding:10px; font-size:2.3vh; margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; }

#cuadd {min-height:400px; margin-left:2%; width:17%; background-color:#FFFFFF; float:left; background-color:#; padding:2.7%; transition: 1s;}
#cuadd img{width:80%; height:150px; margin-top:10px; transition: 0.8s;}
#cuadd h2{font-size:2.5vh; color:#666666;}

#kmt {min-height:350px; margin-left:2%; margin-bottom:20px; width:25%; background-color:#FFFFFF; float:left; background-color:#; padding:2.7%; transition: 1s;}
#kmt img{width:100%; height:150px; margin-top:10px; transition: 0.8s;}
#kmt h2{font-size:2.5vh; color:#666666;}
#kmt h1{font-size:2.5vh; color:#000000;}




#enquiryform2 {background-color:#FFFFFF; padding:2vh; text-align:left;}
#enquiryform2 input, Select, textarea {width:40%; border:solid 3px #999999; border-radius:10px;  height:50px; margin:10px; transition: 1s;background-color:#EEEEEE; font-size:2.5vh; }
#enquiryform2 label {font-size:2.5vh; color:#006699; margin-left:10px;}
#enquiryform2 input:hover, Select:hover, textarea:hover {  border-color:#FF0000; }

#op{margin:3%; width:44%; text-align:center; float:left; background-color:#;}
#op img{width:100%; border-radius:25px;}
#op h2{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:3vh;}
#op p{font-size:4vh;}

#project {min-width:100%; background-color:#; height:560px; float:left; overflow: hidden; display:flex; }
#pimg{height:550px; width:20%; float:left;transition: 1s; margin:5px; background-repeat:no-repeat; background-position:center; background-size:cover;} #pimg:hover{width:50%;}
#pimg img{height:100%; width:100%;}

#tteform {background-color:#CCCCCC; padding:2vh; text-align:left;}
#tteform input, Select, textarea {width:97%; border:solid 3px #999999; border-radius:10px;  height:50px; margin:10px; transition: 1s;background-color:#EEEEEE; font-size:2.5vh; }
#tteform label {font-size:2.5vh; color:#006699; margin-left:10px;}
#tteform input:hover, Select:hover, textarea:hover {  border-color:#FF0000; }
/*---------------------------about us page--------------------------------------*/
#habpage{margin:0px; color:#FFFF00; margin-left:20%; padding-top:6vh; width:30%; float:left; font-size:5vh;}

#oph{margin-top:20vh; font-size:3vw; text-align:center;}
#osh1{margin-top:15vh; font-size:3vw; text-align:center;}
#osh2{margin-bottom:8vh; font-size:2vw;text-align:center;}

#cuc{width:35%; min-height:400px; background-color:#; margin-left:15%; float:left;}
#crc{width:70%; min-height:400px; background-color:#; margin-left:15%; float:left; font-size:24px; line-height:50px;}
#cuc p{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:2.5vh; line-height:40px; text-align:justify; margin-top:10px;}
#cucimg{width:30%; min-height:40vh; margin-left:2%; border-radius:5%; float:left; background-repeat:no-repeat; background-position:center; background-size:cover;}
#cufimg{width:30%; min-height:98vh; margin-left:15%; margin-top:15vh;  float:left; background-repeat:no-repeat; background-position:center; background-size:cover;}
#cuf{float:left; min-height:80vh; width:38%; background-color:#FFFFFF; margin-right:10%; margin-top:15vh; text-align:center;}

/*----------------------------for mobile display --------------------------------------*/
@media only screen and (max-width: 1000px)

{
#mh {margin-left:4%; padding-top:2vh; width:90%;}
#ef1{margin-left:18%; margin-top:2vh; width:60%; float:left; border-bottom:2vh; opacity:1;}
#enquiryform1 input, Select, textarea {height:50px; font-size:3vw;}

 #menubox {min-height:2vh;}
#mobmenu {display:block; margin-top:-10px;font-size:4vh;}	
#menu {margin-top:25px; min-height:50px;}
#menu ul{display:none; width:70%;min-height:50px; z-index:1;position:relative;}
#menu ul li{ display:block; width:100%; font-size:2vh; margin-top:1%; margin-left:-20px; background-color:#330000; color:#FFFFFF; border-bottom: solid 1px #003399;}

#sliderdiv{height:80rem;}

#mpp {min-height:50vh; padding-top:5vh;}
#auscmp {width:94%; min-height:300px; margin-left:2%;} #auscmp h2{font-size:3vh;} #pwul {font-size:36px;line-height:60px;}
#auscmppic{width:60%; min-height:600px; margin-left:20%; margin-bottom:5vh;}

#mppcc {width:90%; margin-left:5%} 
#wd{width:40%; margin:2%; min-height:280px;} #wd h1{font-size:30px;}	#wd p{font-size:30px;}	

#sh{margin-top:10vh; font-size:3vh;}
#sb {min-height:200px; width:90%;} #sbc {height:425px;} #sbc p{ font-size:4vw;} #sb h2 { font-size:5vw; } #sbc:hover{height:100px;}

#spc {min-height:400px; width:43%;} #spc h2{font-size:2vh;} 
#sthc{ font-size:1.5vh;}

#stpc{width:43%; height:400px;} #stpc h2{font-size:1.5vh;} #stpc img{height:50%;}

#spimg {height:330px; margin-bottom:20px;} #spc p {font-size:2vw;} #spc p{font-size:1.5vh;}
#dps{width:40%;} #dps p{ font-size:2.3vw;}
#flexcontainer img{ height:20vh; width:40vw;}

#faqcontainer {width:90%; margin-left:5%;}
#blog{width:95%; height:1000px;} #blog p{ font-size:2.3vw;} #blog img{ height:60%;} #blog p{font-size:30px;}

#project{display:block; width:90%;height:3000px; } #pimg {width:100%;} #pimg:hover{width:100%;} 

#habpage{ font-size:2vh; }
#tp1, #tp2{ width:90%;} #tp2 img{height:700px;}

#wcmah {width:90%;margin-left:5vw;}

#op{width:100%;} #oph{margin-top:5vh; font-size:3vh; }
#osh1{margin-top:5vh; font-size:3vh;}
#osh2{margin-bottom:18vh; font-size:2vh;}
#cuc{width:90%;margin-left:5%;} #cucimg{width:80%; margin-left:10%; margin-bottom:100px;} #cuc p{line-height:60px;}
#cuadd{width:90%;min-height:600px; margin-bottom:50px;} #cuadd img{width:30%; margin-left:30%;}
#cufimg{width:90%; margin-left:5%; height:20vh; }
#cuf{width:100%;} #crc{width:90%;margin-left:5%;}
}