body{ background:url(../image/bg-pattern.jpg) fixed; color:white;
}#waprap{width: 80%;
margin: 0px auto;
;}
#main{ width:100%; }
a{ text-decoration:none;color: black;}
#header {
    width: 100%;
 
    height: 100px;
}.name{color: white;
font-size: 20px;}
#logo{ width:100%; height:100px; }
 #logo1 { width: 25%;; height:100%; float:left;}
 #logo1 img{ width:100%; height:100%;}
.drop{ width:74%; height:100px; float:left;} 
.drop_menu{ list-style:none;}
#pos{ width:100%; }
#pos>img{ width:100%; z-index: 0;}
.inputname{height: auto;
border-radius: 10px;
width: 60%;
min-height: 50px;
background: rgba(240, 255, 0, 0.37);
color: white;
font-size: 15px;
font-weight: 1000;
text-align: center;}
.bg {
    width: 9%;
    height: 29px;
    float: left;
    background: #099 none repeat scroll 0% 0%;
    padding: 6px;
    text-align: center;
    margin-left: 7px;
    border-radius: 5px 0px;
    text-transform: capitalize;
}
.bg>a{ color:#FFFFFF;}
.bg>ul{display:none;}
.bg:hover >ul{display:block; list-style:none;}
.bg:hover >ul>li{  top:16;width:150px;;
    height: 29px;
	margin-top:1px;
	position:relative;left:-50px;
    background: #099 none repeat scroll 0% 0%;
    padding: 6px;
    text-align: center;
    margin-left: 7px;
    border-radius: 5px 0px;}
.bg>ul>li>a{ color:#FFFFFF;}
.one-fourth {
    width: 24%;
    padding: 4px;
    float: left;
    background: #F8EEDD;
    height: 200px;
    margin-left: 1px;
    border-radius: 15px;
    color: black;
}
#about-cws{ width:100%;}
#about-cws-sub1{ width:100%;}
.abs , h2{ color:#FFFFFF;}
#ser-sub-1{ width:100%;}
.ser-sub-1-1{ width:30%; float:left; height:200px;text-align: center;padding: 1%;
color: white;}.ser-sub-1-1>a{  color:white;}
#mr{    width: 24%;
    float: left;background: rgba(254, 254, 254, 0.71);
}#mr>img{width: 100%;
height: 150px;
margin-left: 0px;
margin-top: 50px;}
#hole{ background: rgba(0, 204, 153, 0.26) none repeat scroll 0% 0%;   width: 100%;
    height: auto;
} .ab{width: 89%;
padding: 5% 0;z-index: 1;
background: #000 none repeat scroll 0% 0%;
color: #FFF;
text-align: center;
margin-top: 3px;}.ab>a{ color:white
;}
.lsdk{
    width: 90%;
    height: 40px;
    color: #FFF;
    text-align: center;
    font-size: 33px;
    text-shadow: -1px -1px #FFFFFE;
    padding: -6px;
}
#services{width: 100%;
background: white;
text-align: center;
font-size: 40px;
text-transform: capitalize;}
#pos-ser{ width:100%; height:auto;}
#pos-ser>img{ width:100%; height:auto;}
#ser-sub{ width:100%; height:auto;}#contac-left{ width:20%; float:left;}#contac-right{    float: right;
    width: 79%;
}.tetet{ width:80%; margin:auto; background:#FEFEFE;color: red;}