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


h1,
h2,
h3,
h4,
h5,
h6 {
	margin:0px;
}

p{
	font-family:Arial, Helvetica, sans-serif;
	color:#373737;}


	
body{
	margin: 0 auto;
	background:#FFFFFF;
	text-decoration:none;
	color:#333333;
	line-height:22px;
	font-family:Arial, Helvetica, sans-serif;
}



/*HOME Banner*/
#homebanner_wrapper{
	width:100%;
	float:left;
	height:auto;
	padding:0px;
    margin:0px;
	background:#009ad3 url(../images/bannerbg.jpg) repeat-x bottom left;
}
#homebanner_inner{
	width:1100px;
	min-height:100px;
	height:auto;
	padding:0px; 
	margin:0px auto;
	background:#dedadb;
}

.bannerbg{
	width:96%;
	float:left;
	min-height:100px;
	background:#dedadb;
	margin-left:2%;
	
}


/*HOME Welcome*/
#homewelcome_wrapper{
	width:100%;
	float:left;
	height:auto;
	padding:0px;
    margin:0px;
	background:#ffffff;
}
#homewelcome_inner{
	width:1100px;
	min-height:400px;
	height:auto;
	padding:20px 0px; 
	margin:0px auto;
	background:url(../images/welcomebottom.jpg) no-repeat center bottom;
}

#homewelcome_inner h1{
	font-family: 'Just Me Again Down Here', cursive;
	font-weight:normal;
	font-size:35px;
	text-align:center;
	color:#0f1e31;
	float:left;
	width:100%;
	margin-top:10px;
	text-transform:uppercase;
}

.welcome_matter{
	width:90%;
	float:left;
	margin-top:40px;
	height:auto;
	padding:0px 5%;;
	margin-bottom:50px;
}
.welcome_matter_inner{
	width:50%;
	float:left;
	height:auto;
}
.welcomevediobg{
	width:45%;
	height:230px;
	float:right;
	background:#CCC;
}
#homewelcome_inner p{
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	line-height:22px;
	margin-bottom:15px;
	color:#666;
}


.welcome_subbg{
	width:100%;
	height:auto;
	min-height:200px;
	float:left;
	padding:10px;
	background:#f8f8f0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.wel_subbrochure{
	width:100%;
	height:200px;
	float:left;
	background:#6c7175 url(../images/downloadpdf.jpg) no-repeat top left;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.wel_subbrochure img{
	float:left;
	margin-top:140px;
	margin-left:10px;
	transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
}

.wel_subbrochure:hover img{
	margin-top:135px;
}



.wel_subgallery{
	width:100%;
	height:200px;
	float:left;
	background:#6c7175 url(../images/homegallery.jpg) no-repeat top left;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.subgallerya{
	float:left;
	color:#FFF;
	text-decoration:none;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:22px;
	margin-top:169px;
	margin-left:70px;
	text-shadow: 1px 1px 1px #000;
	transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
}
.wel_subgallery:hover .subgallerya {
	margin-left:75px;
	color:#FFFF00;
}


.wel_subaddres{
	font-family: 'Roboto Condensed', sans-serif;
	width:95%;
	height:190px;
	float:left;
	background:#554842;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color:#FFF;
	font-size:15px;
	padding-left:5%;
	padding-top:10px;
	line-height:20px;
	text-align:left !important;
}

.wel_subaddres a{
	font-family: 'Roboto Condensed', sans-serif;
	color:#FFF;
}
.wel_subaddres a:hover{
	color:#FFF;
	text-decoration:none;
}

#homewelcome_inner h2{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:normal;
	font-size:22px;
	text-align:left;
	color:#FFFFFF;
	float:left;
	width:95%;
	border-bottom:1px solid #887f7b;
	margin-bottom:10px;
	padding-bottom:5px;
}


ul.welsub-list {
	list-style-type: none;
	margin:0px auto;
	padding: 0;
	text-align: center;
	width:100%;
}
 
ul.welsub-list li {
	display: inline-block;
	margin-bottom:30px;
	margin-left:2%;
	margin-right:2%;
	width:29%;
}





/*HOME PRODUCT*/
#homeproduct_wrapper{
	width:100%;
	float:left;
	height:auto;
	padding:0px;
    margin:0px;
	background:#ffffff;
	border-bottom:1px dotted #999;
	margin-bottom:1px;
}
#homeproduct_inner{
	width:1100px;
	min-height:400px;
	height:auto;
	padding:0px; 
	margin:20px auto;
}

.homepro_title{
	width:98%;
	float:left;
	background:#110600 url(../images/homeprotitle.jpg) no-repeat left 10px top ;
	padding:10px 1%;
	margin-bottom:15px;
	
}
#homeproduct_inner h1{
	text-transform:uppercase;
	font-size:18px;
	font-family: 'Roboto Condensed', sans-serif;
	float:left;
	margin-left:60px;
	color:#FFF;
}

.homeproduct_boxbg{
	width:24%;
	height:auto;
	min-height:350px;
	float:left;
	background:#dbd7d8;
	margin-bottom:10px;
	margin-right:1.3%;
	text-align:center;
	padding-bottom:25px;
	transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
}

.homeproduct_boxbg:hover{
	background:#e8e7e7;
}
.homeproduct_boxbg:hover .boxmore{
	background:#009dcd;
}

.boxbg_margin{
	margin-right:0%;
}
.homeboximage{
	width:100%;
	height:150px;
	float:left;
	background:#9C3;
	overflow:hidden;
	text-align:center!important;
}
.homeboximage img{
	height:150px;
	
}
#homeproduct_inner h2{
	text-transform:uppercase;
	background:#434a54;
	font-size:18px;
	font-family: 'Roboto Condensed', sans-serif;
	float:left;
	width:90%;
	padding:10px 5%;
	text-align:left;
	color:#FFF;
}

#homeproduct_inner p{
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	width:90%;
	padding:10px 5%;
	line-height:19px;
	text-align:left;
	min-height:130px;
}
.boxmore{
	color:#FFF;
	text-decoration:none;
	background:#0f1e31;
	font-size:14px;
	font-family: 'Roboto Condensed', sans-serif;
	padding:8px 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease; 
}



/*INNR*/

.inner_bannerbg{
	width:96%;
	float:left;
	min-height:50px;
	background:#dedadb;
	margin-left:2%;
	position:relative;
}
.inner_bannerbg img{
	width:100%;	
}
.inner_bannerbg h1{
	position:absolute;
	z-index:99;
	font-size:40px;
	color:#1a0c05;
	text-shadow: 2px 2px #CCCCCC;
	font-family:"Lucida Calligraphy", sans-serif;
	bottom:20px;
	right:0%;
	background-color:rgba(255,255,255,0.7);
	padding:30px 0px;
	padding-left:5%;
	padding-right:5%;
}


#inner_wrapper{
	width:100%;
	float:left;
	height:auto;
	padding:0px;
    margin:0px;
	background:#ffffff;
}
#inner_inner{
	width:1100px;
	min-height:400px;
	height:auto;
	padding:20px 0px; 
	margin:0px auto;
}

#inner_wrapper h1{
	font-family: 'Just Me Again Down Here', cursive;
	font-weight:normal;
	font-size:35px;
	text-align:center;
	color:#0f1e31;
	float:left;
	width:100%;
	margin-bottom:30px;
	margin-top:10px;
	text-transform:uppercase;
}


#inner_wrapper p{
	font-family: 'Open Sans', sans-serif;
	text-align:center;
	color:#666;
	line-height:24px;
	font-size:14px;
	margin-bottom:20px;
}




#inner_wrapper #one{
    background:#FFF;
	min-height: 200px;
	height:auto;
    width: 100%;
	padding:40px 0px;
	width:1100px;
	margin:0px auto;
}

#inner_wrapper #two{
    background:url(../images/landscape1.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment:fixed;
	min-height: 300px;
    width: 100%;
}

#inner_wrapper #three{
    background:#FFF;
	min-height: 200px;
	height:auto;
    width: 100%;
	padding:40px 0px;
	width:1100px;
	margin:0px auto;
}

#inner_wrapper #four{
    background:url(../images/landscape2.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment:fixed;
	min-height: 100px;
	padding:100px 0px;
    width: 100%;
}

#inner_wrapper #five{
    background:#FFF;
	min-height: 200px;
	height:auto;
    width: 100%;
	padding:40px 0px;
	width:1100px;
	margin:0px auto;
}

#inner_wrapper #three ul {
	list-style:none; 
	text-align:center;
}
	
#inner_wrapper #three ul li {
	list-style:none; 
	font-family: 'Open Sans', sans-serif;
	text-align:center;
	color:#333;
	line-height:24px;
	font-size:14px;
	font-weight:bold;
	line-height:30px;
}   		


#inner_wrapper #four ul.box-list {
	list-style-type: none;
	margin:0px auto;
	padding: 0;
	text-align: center;
	width:100%;
}
 
#inner_wrapper #four ul.box-list li {
	display: inline-block;
	margin-left:5px;
	margin-right:5px;
}

#inner_wrapper #four ul.box-list li a {
	color:#FFF;
	text-decoration:none;
	padding:30px 0px;
	background-color:rgba(0,0,0,0.5);
	text-transform:uppercase;
	font-family: 'Open Sans', sans-serif;
	font-size:20px;
	width:210px;
	float:left;
	transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease; 
}

#inner_wrapper #four ul.box-list li a:hover {
	color:#0588be;
	background-color:rgba(0,0,0,0.7);
}


.sevice_wrapper{
	width:100%;
	float:left;
	height:auto;
	margin-top:50px;
	margin-bottom:20px;
}
.service_bg{
	width:40%;
	float:left;
	text-align:center;
	padding:0px 5%;
}

#inner_wrapper #one h2{
	color:#333;
    font-family: 'Roboto Condensed', sans-serif;
	float:left;
	width:100%;
	text-align:center;
	text-transform:uppercase;
	font-size:17px;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:10px;
}



#formbg{
	float:left;
	width:80%;
	margin-top:30px;
	padding-bottom:50px;
	padding:0px 10%;
}
#formbg strong{
	color:#F00;
}
#formbg span{
	color:#F00;
	font-size:11px;
}

.field_label{
	width:48%;
	float:left;
	color:#656464;
	font-size:14px;
	font-family: 'Roboto Condensed', sans-serif;
	padding:0px 1%;
	min-height:85px;
}


.inputf{
	width:98%;
	height:35px;
	background:#FFF;
	border:1px solid #c9c9c9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	padding-left:2%;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	transition: all 0.3s ease;
   	 -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease; 
}
.inputtextarea{
	resize:none;
	padding-top:10px;
	width:98%;
	height:140px;
	background:#FFF;
	border:1px solid #c9c9c9;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	padding-left:2%;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	transition: all 0.3s ease;
   	 -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease; 
}

.form_btn{
	cursor:pointer;
	float:right;
	border:none;
	background:#056ab2;
	color:#FFF;
	font-family: 'PT Sans', sans-serif;
	padding:6px 35px;
	font-size:18px;
	font-weight:bold;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin-top:20px;
	margin-right:1%;
	border-bottom:2px solid #074e81 !important;
}
.form_btn:hover{
	background:#86ccf0;
	border-bottom:2px solid #549bbf !important;
}




#gallery_inner{
	width:1100px;
	min-height:300px;
	height:auto;
	padding:20px 0px; 
	margin:0px auto;
}

#gallery_inner h1{
	font-family: 'Just Me Again Down Here', cursive;
	font-weight:normal;
	font-size:35px;
	text-align:center;
	color:#0f1e31;
	float:left;
	width:100%;
	margin-top:20px;
	margin-bottom:40px;
	text-transform:uppercase;
}


.gallerybg{
	width:23%;
	float:left;
	height:180px;
	background:#e2e8e7;
	margin:1%;
	overflow:hidden;
	position:relative;
	cursor: -webkit-zoom-in; 
	cursor: -moz-zoom-in;
}

.gallerybg img{
	height:180px;
	min-width:100%;
	cursor: -webkit-zoom-in; 
	cursor: -moz-zoom-in;
}


#gallery_inner h2{
	position:absolute;
	z-index:99;
	bottom:0px;
	right:0%;
	background:#434a54;
	font-size:16px;
	font-family: 'Roboto Condensed', sans-serif;
	float:left;
	margin-left:60px;
	color:#FFF;
	width:90%;
	padding:5px 5%;
}

.gallerybg:hover h2{
	background:#0588be !important;
}


.buttons {
	margin-left:1%;
}

.desbg_full{
	width:100%;
	height:auto;
	float:left;
	margin-top:30px;
}
.buttons .selected {
    color: #FFFFFF;
	background:#0588be;
	position: relative; 
}
.showSingle {
    width:150px;
	float:left;
	display:block;
	cursor:pointer;
	color:#FFFFFF;
	padding:8px 0px;
	font-size:16px;
	background:#434a54;
	text-transform:uppercase;
	text-align:center;
	font-family: 'Roboto Condensed', sans-serif;
} 

.buttons .selected:after { 
 	 top: 100%; 
	 left: 11%; 
	 border: solid transparent;
	 content: " "; 
	 height: 0; 
	 width: 0; 
	 position: absolute; 
	 pointer-events: none; 
	 border-color: rgba(136, 183, 213, 0); 
	 border-top-color: #0588be; 
	 border-width: 9px; margin-left: 40px;
}





#contactform{
	float:left;
	width:100%;
	margin-top:10px;
	padding-bottom:20px;
}
#contactform strong{
	color:#F00;
}
#contactform span{
	color:#F00;
	font-size:10px;
	float:left;
}

.field_label_1{
	width:31%;
	float:left;
	color:#656464;
	font-size:14px;
	font-family: 'Roboto Condensed', sans-serif;
	padding:0px 1%;
	min-height:83px;
	margin-bottom:1px;
}

#inner_wrapper #one h4{
	color:#333;
    font-family: 'Roboto Condensed', sans-serif;
	float:left;
	width:100%;
	text-align:left;
	text-transform:uppercase;
	font-size:15px;
	font-weight:bold;
	margin-bottom:10px;
	margin-left:1%;
}
#inner_wrapper #one h5{
	color:#0da8e1;
    font-family: 'Roboto Condensed', sans-serif;
	float:left;
	width:100%;
	text-align:center;
	text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
	margin-bottom:5px;
	margin-left:1%;
}

.field_label_2{
	width:98%;
	float:left;
	color:#656464;
	font-size:14px;
	font-family: 'Roboto Condensed', sans-serif;
	min-height:83px;
	margin-bottom:1px;
}
.field_label_new{
	width:31.6%;
	float:left;
	margin-left:1%;
}
.field_label_text{
	width:64%;
	float:left;
	margin-left:1.5%;
	color:#656464;
	font-size:14px;
	font-family: 'Roboto Condensed', sans-serif;
	min-height:83px;
	
}

.contactaddresbg{
	width:50%;
	float:left;
	text-align:center;
	padding:20px 0px;
	margin-bottom:40px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:14px;
}






/* -------------------------------  Media Query  ------------------------------- */

@media screen and (max-width: 1280px) {
	#homebanner_inner{
		width:90%;}
	#homeproduct_inner{
		width:90%;}
	#homewelcome_inner{	
		width:90%;}
	#inner_wrapper #one{
		width:90%;}
	#inner_wrapper #three{
   		width:90%;}
	#inner_wrapper #five{
		width:90%;}
	#gallery_inner{
		width:90%;}
	
	
}
@media screen and (max-width: 1200px) {
}

@media screen and (max-width: 1100px) {
	
	
}
@media screen and (max-width: 1070px) {
	
}

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

}

@media screen and (max-width: 1000px) {
	.welcome_matter{
		width:100%;padding:0px;}
	

}

@media screen and (max-width: 966px) {
	#inner_wrapper #four ul.box-list li {
		margin-left:2px;margin-right:2px;}
	#inner_wrapper #four ul.box-list li a {
		width:160px;font-size:18px;}
	
}
@media screen and (max-width: 900px) {
	#homeproduct_inner{
		width:75%;}
	.homeproduct_boxbg{
		width:48%;margin:8px 1%;}	
	
	.welcome_matter{
		width:84%;padding:0px 8%;}
	.welcome_matter_inner{
		width:100%;}	
	.welcomevediobg{
		width:100%; margin-bottom:20px;}
	
	ul.welsub-list li {
		width:40%;}	
	
	.inner_bannerbg h1{
		font-size:30px;padding:25px 0px;padding-left:3%;padding-right:3%;}		
	
	
	.gallerybg{
		width:31%;}
	
	
	
}

@media screen and (max-width: 850px) {
	
}
@media screen and (max-width: 800px) {
	ul.welsub-list li {
		width:45%;}	
	
}

@media screen and (max-width: 768px) {
	#homeproduct_inner{
		width:80%;}
	#homeproduct_inner p{
		min-height:150px;}	
	
	.inner_bannerbg h1{
		font-size:25px;padding:20px 0px;padding-left:3%;padding-right:3%;}	
	
	#inner_wrapper #two{
		min-height: 200px;}	
	#inner_wrapper #four{
		padding:50px 0px;}
		
	
	#inner_wrapper #four ul.box-list li a {
		width:250px;font-size:20px;}	
	
	.gallerybg{
		width:48%;}	
	
	#gallery_inner{
		width:80%;}	
				
	
}

@media screen and (max-width: 660px) {
	.service_bg{
		width:90%;padding:20px 5%; }
	
	.sevice_wrapper{
		margin-top:0px;margin-bottom:0px;}	
	.contactaddresbg{
		width:100%;margin-bottom:30px;padding:0px 0px;}	
	
}

@media screen and (max-width: 640px) {
	#homeproduct_inner{
		width:90%;}
	#homeproduct_inner p{
		min-height:160px;}	
	.welcome_matter{
		width:100%;padding:0px;}
	#homewelcome_inner h1{
		font-size:35px;}
	
	ul.welsub-list {
		text-align: left; width:370px}			
	ul.welsub-list li {
		width:350px;margin-bottom:10px;margin-left:0%;margin-right:0%;}		
	
	#homebanner_inner{
		width:100%;}
	.bannerbg{
		width:100%;margin-left:0%;}
	.inner_bannerbg{
		width:100%;margin-left:0%;}
	#gallery_inner{
		width:90%;}
	
	.field_label_1{
		width:48%;}	
	.field_label_new{
		width:100%;}
	.field_label_text{
		width:98%;margin-left:1%;}	
		
	.field_label{
		width:98%;}
}

@media screen and (max-width: 603px) {
	.inner_bannerbg h1{
		font-size:20px;padding:15px 0px;padding-left:2%;padding-right:2%;}	
	
}

@media screen and (max-width: 568px) {
	#homewelcome_inner h1{
		font-size:30px; margin-bottom:0px;}	
	
	#inner_wrapper #four ul.box-list li a {
		width:400px;font-size:20px; padding:20px 0px;}	
	
}

@media screen and (max-width: 460px) {
	#homeproduct_inner{
		width:320px;}
	.homeproduct_boxbg{
		width:100%;margin:5px 0%;min-height:300px;}
	#homeproduct_inner p{
		min-height:100px;}	
	
	ul.welsub-list {
		text-align: left; width:90%}			
	ul.welsub-list li {
		width:96%;}	
	
	.inner_bannerbg h1{
		font-size:16px;padding:5px 0px;padding-left:6%;padding-right:6%; bottom:0px;}		
			
	#homebanner_inner{
		min-height:50px;}
	
	#inner_wrapper #four ul.box-list li a {
		width:300px;font-size:15px; padding:20px 0px;}				
	
	
	.gallerybg{
		width:98%;}	
	#gallery_inner{
		width:300px;}
	
	.showSingle {
    	width:50%;} 
	
	.field_label_1{
		width:98%;}			
	
	
}

@media screen and (max-width: 360px) {
	#homeproduct_inner{
		width:90%;}
	#homewelcome_inner h1{
		font-size:25px; margin-bottom:0px;}	
	
	.wel_subaddres{
		height:auto; padding-bottom:25px;}
	.subgallerya{
		font-size:18px;}
	
	#inner_wrapper #four ul.box-list li a {
		width:250px;}				
		
		
	#gallery_inner{
		width:80%;}	
	.showSingle {
		font-size:14px;} 	
	
	
}

@media screen and (max-width: 320px) {
	#inner_wrapper #four ul.box-list li a {
		width:200px;}
	#gallery_inner{
		width:90%;}	
	
}