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

/*
font-family: 'Anton', sans-serif;
font-family: 'Noto Serif', serif;
font-family: 'Abel', sans-serif;
*/

body{background-color:#000; padding:0px; margin:0px; font-family:arial; background-image:url(images/pg.jpg)}
.container-fluid{margin:0px; padding:0px; overflow:auto;}
.row{margin:0px; padding:0px;}

header{width:100%; height:135px; display:block; position: absolute; z-index:888; float:left; margin:auto; background-image:url(images/topbg.png); clear:both;}
header #logo{width:25%; height:auto; display:block;}
header #logo img{margin:25px 0 0 0}

h1{font-family: 'Noto Serif', serif; color:#f58346; font-size:1.3em;}
h2{font-family: 'Noto Serif', serif; text-align:center; margin-bottom:25px; color:#fff; font-size:2em;}
h3{font-family: 'Noto Serif', serif; text-align:center; margin-bottom:25px; color:#fff; font-size:1.5em;}
h3 a{font-family: 'Noto Serif', serif; text-align:center; text-decoration:none; color:#fff; }
h3 a:hover{font-family: 'Noto Serif', serif; text-align:center; text-decoration:none; color:#f57b3c; }
h3 .hlt{color:#f57b3c; }
p{font-family: 'Noto Serif', serif; color:#E3E1E1; font-size:1.10em; line-height:25px;}
.wrapper{max-width:1024px; display:block; margin:0 auto;}

.res_table{width:100%; display:block;}
.res_table td{ padding:15px;}
.left{text-align:left;}
.center{text-align:center;}

.box img{width:80%; height:100px; margin-top:10px; display:block; background-color:#929292; margin-left:10%;}
#pull{width:auto; background-image:url(images/pg.jpg);}
#pn{width:auto; height:769px; background-image:url(images/pg.jpg);}
#contain{width:auto; height:581px; background-color:#514a44;}

#insidebanner{width:auto; height:auto; margin-bottom:50px; display:block;}
#insidebanner .pg{left:12%; margin: 18% 0 0 0;
  background-color: #F31E21;
  width:auto; height:auto;
  border: 1px solid fff;
  opacity: 0.6;
  filter: alpha(opacity=60); /* For IE8 and earlier */ }
#insidebanner .pg h2{display:block;color:#fff; }
#insidebanner img{width:100%; height:auto}

 
.mrgn{ display:block; float:left; padding-top:10%; color:#fff;}
 
#project{margin-top:180px;}

#pn1{width:auto; height:auto; background-image:url(images/pg.jpg);}
#pn1 h2{text-align:center; padding:20% 0 2% 0;}


.box{width:310px; height:350px; display:inline-block; background-color:#ebe3d0; vertical-align: text-top; margin:0; margin-top:20%; box-shadow:2px 2px 2px 2px #ccc; border-radius:5px;}
.box:nth-child(2){margin:0 17px 0 17px; margin-top:25px;}
.box h2{color:#000000; text-align:center;}

.link{color:#fff; width:auto; float:left; background-color:#333339; padding:5px; margin:0 0 0 35%; display:block; margin-top:4%}
.link a{ text-decoration:none;color:#fff  }
.link a:hover{color:#000000;}

.circle{width:200px; height:200px; display:inline-block;  margin:0; border-radius:500px; box-shadow:0px 0px 0px 2px #f2a401; margin-top:10%; margin-right:30px; margin-left:10px; }



.circle h2{color:#fff; text-align:center; margin-top:35%; font-size:1.50em}
.circle:hover{background-color:#f2a401; transition: 0.8s ease;}

hr{ margin:10px 0 10px 0; display:block; border: #fff solid 1px; width:100%; float:left;}

.thumbnail{width:auto; height:auto; transition:all 0.3s ease; display:inline-block; border:#fff solid 1px; padding:0; margin:0 auto; }
.thumbnail:hover{transform: scale(0.9); transition:all 0.8s ease; -ms-transform: scale(0.9); -webkit-transform: scale(0.9);}

footer{ clear:both;}
footer p{text-align:center; color:#A2A2A2; margin:5px 0 5px 0;  padding:5px 0 0 15px; font-size:1em;}


 form { 
		float: left; color:#fff;
}	
fieldset{border:none;}

	#user-details { 
		float: left;
		width: 47%;
	}
	
	#user-message { 
		float: right;
		width: 47%;
	}
	
	label{ font-weight:normal;}
		
	input, textarea { 		
		padding: 7px; 
		margin: 10px 0 15px 0; 
		background: #fff; 
		width: 90%; 
		font-size: 14px; 
		color: #555; 
		border: 1px #ddd solid;
		-webkit-box-shadow: 0px 0px 4px #aaa;
		-moz-box-shadow: 0px 0px 4px #aaa; 
		box-shadow: 0px 0px 4px #aaa;
		-webkit-transition: background 0.3s linear;							
	}
	
	textarea {		
		width: 90%; 
		height: 130px; 		 		
	}
	
	input:hover, textarea:hover { 
		background: #eee; 
	}
		
	input.submit { 	
		width: 150px; 
		color: #eee; 
		text-transform: uppercase; 
		margin-top: 10px;
		background-color: #B0B0B0;
		border: none;
		-webkit-transition: -webkit-box-shadow 0.3s linear;
		-moz-border-radius: 4px; 
		-webkit-border-radius: 4px;
		border-radius: 4px;	
	} 
	
	input.submit:hover { 		
		-webkit-box-shadow: 0px 0px 20px #555;
		-moz-box-shadow: 0px 0px 20px #aaa; 
		box-shadow: 0px 0px 20px #555;	
		cursor:  pointer; 
		background-color: #B0B0B0;
	} 



/* Media Queries (laptop, desktop view*/
@media screen and (max-width: 1024px){

}

/* Media Queries (ipad landscape view)*/
@media screen and (max-width: 980px) {
.res_table td{ margin-top:15px; width:100%; float:left;}
header #logo{width:100%; display:block; height:140px; text-align:center;}
header #logo img{width:30%; height:auto; margin:auto;}
header{position:relative; float:left; clear:both;}
#container{ padding-top:140px;}
.rmm{display:block; float:left; width:100%; left:15%;}
#insidebanner{display:block; padding-top:0; margin:0px; height:auto; width:100%}
#insidebanner img{width:100%; height:auto;}
#insidebanner .pg{position:absolute; display:block; z-index:800; left:6%; margin: 15px 0 0 0; opacity: 1; filter: alpha(opacity=100); background-color:transparent; text-shadow: 0px 0px 4px #aaa;}
#insidebanner .pg h2{display:block;color:#fff; font-size:1.5em;}
#user-details {float: left;	width: 100%;}	
#user-message { float: left; width: 100%;}
#project{margin-top:0px;}
}


/* Media Queries (ipad landscape view)*/
@media screen and (max-width: 800px) {
.res_table td{ margin-top:15px; width:100%; float:left;}
header #logo{width:100%; display:block; height:140px; text-align:center;}
header #logo img{width:35%; height:auto; margin:auto;}
header{position:relative; float:left; clear:both;}
#container{ padding-top:140px;}
.rmm{display:block; float:left; width:100%; left:10%;}
#insidebanner{display:block; padding-top:0; margin:0px; height:auto; width:100%}
#insidebanner img{width:100%; height:auto;}
#insidebanner .pg{position:absolute; display:block; z-index:800; left:6%; margin: 15px 0 0 0; opacity: 1; filter: alpha(opacity=100); background-color:transparent; text-shadow: 0px 0px 4px #aaa;}
#insidebanner .pg h2{display:block;color:#fff; font-size:1.5em;}
#user-details {float: left;	width: 100%;}	
#user-message { float: left; width: 100%;}
#project{margin-top:0px;}
}

/* Media Queries (ipad portrait view)*/
@media screen and (max-width: 640px) {
.res_table td{ margin-top:15px; width:100%; float:left;}
header #logo{width:100%; display:block; height:150px; text-align:center;}
header #logo img{width:40%; height:auto; margin:auto;}
header{position:relative; float:left; clear:both;}
#container{ padding-top:140px;}
.rmm{display:block; float:left; width:100%; left:0;}
#insidebanner{display:block; padding-top:0; margin:0px; height:auto; width:100%}
#insidebanner img{width:100%; height:auto;}
#insidebanner .pg{position:absolute; display:block; z-index:800; left:6%; margin: 15px 0 0 0; opacity: 1; filter: alpha(opacity=100); background-color:transparent; text-shadow: 0px 0px 4px #aaa;}
#insidebanner .pg h2{display:block;color:#fff; font-size:1.5em;}
#user-details {float: left;	width: 100%;}	
#user-message { float: left; width: 100%;}
#project{margin-top:0px;}
}

/* Media Queries (iphone landscape view)*/
@media screen and (max-width: 480px) {
.res_table td{ margin-top:15px; width:100%; float:left;}
header #logo{width:100%; display:block; height:140px; text-align:center;}
header #logo img{width:55%; height:auto; margin:auto;}
header{position:relative; float:left; clear:both;}
#container{ padding-top:140px;}
.rmm{display:block; float:left; width:100%; left:0;}
#insidebanner{display:block; padding-top:0; margin:0px; height:auto; width:100%}
#insidebanner img{width:100%; height:auto;}
#insidebanner .pg{position:absolute; display:block; z-index:800; left:6%; margin: 15px 0 0 0; opacity: 1; filter: alpha(opacity=100); background-color:transparent; text-shadow: 0px 0px 4px #aaa;}
#insidebanner .pg h2{display:block;color:#fff; font-size:1.5em;}
#user-details {float: left;	width: 100%;}	
#user-message { float: left; width: 100%;}
#project{margin-top:0px;}
}

/* Media Queries (iphone portrait view)*/
@media only screen and (max-width : 360px) {
.res_table td{ margin-top:15px; width:100%; float:left;}
header #logo{width:100%; display:block; height:120px; text-align:center;}
header #logo img{width:70%; height:auto; margin:auto;}
header{position:relative; float:left; clear:both;}
#container{ padding-top:140px;}
.rmm{display:block; float:left; width:100%; left:0;}
#insidebanner{display:block; padding-top:0; margin:0px; height:auto; width:100%}
#insidebanner img{width:100%; height:auto;}
#insidebanner .pg{position:absolute; display:block; z-index:800; left:6%; margin: 15px 0 0 0; opacity: 1; filter: alpha(opacity=100); background-color:transparent; text-shadow: 0px 0px 4px #aaa;}
#insidebanner .pg h2{display:block;color:#fff; font-size:1.5em;}
#user-details {float: left;	width: 100%;}	
#user-message { float: left; width: 100%;}
#project{margin-top:0px;}
}