body { margin:0; }
.clr{clear:both;}


/* --Header---- */
.wrap  {margin:0px; height:auto; width:100%;  border:0px solid green; margin-left:auto; margin-right;}
#header {margin:0px; padding:0px; height:auto; margin-left:auto; margin-right:auto; width:1000px; border:0px solid black;}
#header .logo{margin-top:10px; height:auto; width:15%; border:0px solid green; float:left;}
#header .title {margin:0px; height:auto; width:50%;border:0px solid green; float:left;}
#header .title h1 {font-family:Century Gothic; font-size:45px; color:#2699af; text-align:center; text-shadow: 2px 2px #df344d; 
					text-align:center; margin-top:30px;}
#header .social{width:22%; float:right; margin-top: 23px; }
#header .social h4{float:right;margin-right:35px; margin-top: 18px; font-family:Century Gothic; color:#df344d;}
.demo {margin-top:10px; margin-left:20px;}

/* --menu---- */
.active {background-color:#3db1ce;}
#menu {height:auto; margin-left:auto; margin-right:auto; width:1000px; border:0px solid black;}
#menu ul{list-style;none;}
#menu li {display:inline;}
#menu li a{font-family:Century Gothic; font-size:17px; margin:0px;  color:black; text-decoration:none; padding:15px 20px 15px 20px;}
#menu li a:hover {background:#3db1ce; color:white;}

/* --slide---- */

#slide{margin:0px; padding:0px; height:400px;; margin-left:auto; margin-right:auto; width:1000px; border:0px solid black;}

/* --welcome---- */

#welcome_note {margin:0px; padding:0px; height:auto; margin-left:auto; margin-right:auto; width:1000px; border:0px solid black;}
#welcome_note   .note {margin:0px; padding:0pc; width:69%; float:left; height:auto; height:250px;}
#welcome_note   .note  h1{font-family:Century Gothic; font-size:23px; color:black; border-radius:0px; height:50px;; border:0px solid gray;
				text-align:center; margin-top:10px; line-height: 50px; color:white; background:#2699af; margin-left:10px; margin-right:10px;}
#welcome_note   .note p {font-family:Century Gothic; font-size:15px; color:black; height:50px; text-align:justify; 
				margin: 10px 10px 0px 10px;}	
#welcome_note   .note p .read-more-btn{color: #2699af; float:right; font-family:Century Gothic; font-size:17px; text-decoration:none; font-weight:bold; 

/*------ inquiry form---------*/
.inquiry_div {
	padding: 0px;
	height:auto;
	width:80%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	/*border: 3px solid #ccc;
	background-color:#071e3c;*/
	/*box-shadow:#333 10px 10px 5px;*/

}


#text1 {
    border: 0px solid #47baef;
    height:40px;
    width: 90%;
    box-shadow: 0 0 27px rgb(204, 204, 204) inset;
    transition: 500ms all ease;
    padding: 3px 3px 3px 3px;
}

#text1:hover,
#text1:focus {
    width: 90%;
    transition: 500ms all ease;
    /*
    background-size: 25px 25px;
    background-position: 96% 62%;
    padding: 3px 32px 3px 3px;*/
	box-shadow:#ccc 0 0 15px;
}


.inquiry_div h1 { font-family:Century Gothic; font-size:30px; color:#0f1137; width:100%; text-align:center; border-bottom:#999 thin solid;}
.inquiry_div h2{ font-family:Century Gothic; font-size:30px; color:#a7080c; width:100%; text-align:center;}
.inquiry_div h3 { font-family:Century Gothic; font-size:18px; color:#000; width:100%; margin:0px;}


.submit{ width:auto; height:auto; background-color:#2699af; border:#FFF 3px solid; box-shadow:#000 0 0 2px; text-align:center; font-family:Century Gothic; font-size:18px; font-style:italic; color:#fff; padding:8px 30px 8px 30px; cursor:pointer;}

.submit:hover{ width:auto; height:auto; background-color:#f13a1a; border:#FFF 3px solid; box-shadow:#000 0 0 2px; text-align:center; font-family:Century Gothic; font-size:18px; font-style:italic; color:#fff;}


					border-bottom: 0px dashed grey;}
#welcome_note   .note p .read-more-btn:hover{color:#df344d;}					
#welcome_note   .welcome_image {margin-top:10px; padding:0pc; width:30%; float:right; height:auto; margin-right:-10px;}

/* --contain---- */

#contain {margin:0px; padding:0px; height:auto; margin-left:auto; margin-right:auto; width:1000px; border:0px solid black;}
#contain   .con_box{width:49%; height:auto; float:left; border:0px solid black;line-height: 50px;}
#contain   .con_box h1 {font-family:Century Gothic; font-size:23px; text-align:center; background:#2699af; margin-left:5px;
					margin-right:5px; height:50px; margin-top:10px; color:white;}
#contain   .con_box p {line-height:28px; margin:5 15px; text-align:justify; font-family:Century Gothic; color:black;}
#contain   .con_box .read-more-btn{color:#2699af; float:right; font-family:Century Gothic; font-size:17px; text-decoration:none; font-weight:bold;
					margin-right:10px;}
#contain   .con_box .read-more-btn:hover{color:#df344d;}
					
/* --Our product---- */
#slide {margin:0px; padding:0px; height:auto; margin-left:auto; margin-right:auto; width:1000px; border:0px solid black;}
#slide    h2{font-family:Century Gothic; font-size:23px; text-align:center; background:#2699af; height:50px; margin-top:10px; color:white; line-height:50px;}


/*-----------*/
#footer {margin:0px; padding:0px; height:auto; margin-left:auto; margin-right:auto; width:1000px; border:px solid black;}
#footer   .contain_box{width:33%; height:auto; float:left; border:0px solid black;line-height: 50px;} 
#footer   .contain_box ul{list-style:none; line-height:23px; margin-left:-50px;} 

#footer   .contain_box a{margin:15px; color:#000000; font-family:Century Gothic; font-size:15px; text-decoration:none; font-weight:bold; line-height:10px;}
#footer   .contain_box a:hover{color:#df344d;}

#footer   .contain_box h1 {font-family:Century Gothic; font-size:23px; text-align:center; background:#2699af; margin-left:0px;
					 margin-right:10px; height:50px; margin-top:10px; color: #ffffff;}

#footer   .contain_box p {font-family:Century Gothic; color:#000000;font-size:15px; line-height:23px; font-weight:bold; margin:0px;}

#footer   .contain_box .demo {margin-left: 130px;}
/*-----------*/
#lastfooter {margin:0px; padding:0px; height:auto; margin-left:auto; margin-right:auto; width:1000px; border:px solid black; background:#2699af;}
#lastfooter   h2 {font-family:Century Gothic; float:left; margin-left:5px; margin-top:23px; color:white; font-size:19px; font-size:15px;}
#lastfooter   a{ font-family:Century Gothic; float:right; margin-right:5px; margin-top:23px; color:white; text-decoration:none; font-weight:bold;}
#lastfooter   a:hover {color:#df344d;}



/* - product page---- */
.product {margin:0px; padding:0px; height:auto; margin-left:auto; margin-right:auto; width:1000px; border:0px solid black;}

/*  profile ---*/
.profile {margin:0px; padding:0px; height:auto; margin-left:auto; margin-right:auto; width:1000px; border:px solid black;}
.profile h1 {font-family:Century Gothic; font-size:23px; text-align:center; background:#2699af; height:50px; margin-top:20px; color: #ffffff; line-height:40px; }
.profile p {font-family:Century Gothic; color:#000000;font-size:15px; line-height:23px; margin:0px; text-align:justify;}

/*------product_list one----------*/
.product_list {margin-top:-10px; padding:0px; height:auto; margin-left:auto; margin-right:auto; width:1000px; border:0px solid black;}
.prod_pic {width:25%; float:left; text-align:center; margin-bottom:20px;}
.product_list h1 {font-family:Century Gothic; font-size:23px; text-align:center; background:#2699af; height:50px; line-height:45px; color:white;}
.product_note {margin-top:10px; padding:0px; height:auto; margin-left:auto; margin-right:auto; width:1000px; border:0px solid black;}
.product_note p {font-family:Century Gothic; font-size:15px; text-align:justify;}
.product_img {margin:0px; height:auto; width:30%;border:0px solid green; float:right; text-align:center; margin-top:70px;}


/*------about us----------*/
.about_us {margin-top:-10px; padding:0px; height:auto; margin-left:auto; margin-right:auto; width:1000px; border:0px solid black;}

/*------Contact us----------*/
.contact_detail {margin-top:-10px; padding:0px; height:auto; margin-left:auto; margin-right:auto; width:1000px; border:0px solid black;}
.contact_detail h1 {font-family:Century Gothic; font-size:25px; font-size:25px;  color:#ffffff; background-color:#1781a9;}
.contact_detail p {font-family:Century Gothic; font-size:15px; color:#000000; }
.contact_detail a {font-family:Century Gothic; font-size:16px; text-decoration:none; color:#000000; }
.contact_detail a:hover{color:black;}
.contact_detail1 {width:50%; float:left;}
.contact_detail2 {width:45%; float:right; margin-top:40px;}
/*------profile----------*/
.profile {margin-top:-10px; padding:0px; height:auto; margin-left:auto; margin-right:auto; width:1000px; border:0px solid black;}

/*------ inquiry form---------*/
.inquiry_div {
	padding: 0px;
	height:auto;
	width:80%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	/*border: 3px solid #ccc;
	background-color:#071e3c;*/
	/*box-shadow:#333 10px 10px 5px;*/

}


#text1 {
    border: 0px solid #47baef;
    height:40px;
    width: 90%;
    box-shadow: 0 0 27px rgb(204, 204, 204) inset;
    transition: 500ms all ease;
    padding: 3px 3px 3px 3px;
}

#text1:hover,
#text1:focus {
    width: 90%;
    transition: 500ms all ease;
    /*
    background-size: 25px 25px;
    background-position: 96% 62%;
    padding: 3px 32px 3px 3px;*/
	box-shadow:#ccc 0 0 15px;
}


.inquiry_div h1 { font-family:Century Gothic; font-size:30px; color:#0f1137; width:100%; text-align:center; border-bottom:#999 thin solid;}
.inquiry_div h2{ font-family:Century Gothic; font-size:30px; color:#a7080c; width:100%; text-align:center;}
.inquiry_div h3 { font-family:Century Gothic; font-size:18px; color:#000; width:100%; margin:0px; padding:15px; margin-left:-10px;}


.submit{ width:auto; height:auto; background-color:#2699af; border:#FFF 3px solid; box-shadow:#000 0 0 2px; text-align:center; font-family:Century Gothic; font-size:18px; font-style:italic; color:#fff; padding:8px 30px 8px 30px; cursor:pointer;}

.submit:hover{ width:auto; height:auto; background-color:#B70000; border:#FFF 3px solid; box-shadow:#000 0 0 2px; text-align:center; font-family:Century Gothic; font-size:18px; font-style:italic; color:#fff;}