/*
Theme Name: 360 Degree
Author: Kate @ Goosebumps
Author URI: http://getgoosebumps.com.au
 */
 
html {
	margin: 0;
	padding: 0;
}

body {
    font-size: 15px;
	line-height: 18px;
    font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
    font-weight: 300;
    color: #353535;
    background: #e3e3e3;
	padding: 0;
	margin: 0 auto;
	position: relative;
}

    .clearfix:before,  
    .clearfix:after {  
        content: " ";  
        display: table;  
    }  
    .clearfix:after {  
        clear: both;  
    }  
    /* For IE 6/7 only */  
    .clearfix {  
        *zoom: 1;  
    }  

a,
.wpcf7-form-control.wpcf7-submit {
	text-decoration: none;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all  0.5s ease;
	-o-transition: all  0.5s ease;
	transition: all  0.5s ease;
}

	.wrapper {
		width: 96%;
		padding: 0 2%;
		margin: 0 auto;
	}
	
	.inner {
		max-width: 1020px;
		margin: 0 auto;
	}
	
		.header { 
			background: #ff8400; 
			min-height: 60px;
		}

			.header h1#logo {
				width: 163px;
				height: 17px;
				background: url(images/mini-logo.gif) top left no-repeat;
				margin: 21.5px 0;
				padding: 0;
				display: inline-block;
				line-height: 60px;
				float: left;
				
				text-indent: -999px;
				font-size: 0;
				color: #000;
			}
			
			.header p {
				float: left;
				font-size: 19px;
				line-height: 61px;
				color: #fff;
				margin: 0 0 0 20px;
				font-weight: 400;
				text-shadow: -1px 1px 0.5px #ff7800;
			}
		
		.hero { 
			background: #333333 url(images/images/bg.gif) top left repeat; 
			min-height: 490px;
			overflow: auto;
		}

			.hero h1#logo {
				width: 303px;
				height: 307px;
				background: url(images/logo.gif) top left no-repeat;
				margin: 80px 0 0 0;
				padding: 0;
				display: inline-block;
				
				text-indent: -999px;
				font-size: 0;
				color: #000;
			}
		
			.hero .content {
				width: 550px;
				float: right;
				display: inline-block;
				margin: 45px 45px 0 0;
			}
			
				.hero h2 {
					color: #f58220;
					font-size: 36px;
					font-weight: 400;
					line-height: 38px;
					text-shadow: -1px 1px 0.5px #000;
				}
				
				.hero p {
					color: #FFF;
					font-size: 18px;
					line-height: 22px;
					margin: 0 0 10px;
					text-shadow: -1px 1px 0.5px #000;
				}
			
		.services {
			min-height: 670px;
			padding: 70px 0 50px;
		}
		
			.services .inner {
				overflow: auto;
			}
		
				.services h2,
				.contact h2 {
					font-size: 33px;
					line-height: 33px;
					color: #ff8400;
					font-weight: bold;
					text-align: center;
					text-shadow: -0.5px 0.5px 0 #606060;
					margin: 0 0 55px;
					font-weight: 400;
				}
		
				.services h2 {
					text-align: left;
				}
				
				.services ul {
					margin: 0;
					padding: 0;
				}
				
					.services ul li {
						width: 100%;
						padding: 0;
						margin: 0 0 65px 0;
						float: left;
						display: inline-block;/*
						-moz-column-count: 2;
						-moz-column-gap: 30px;
						-webkit-column-count: 2;
						-webkit-column-gap: 30px;
						column-count: 2;
						column-gap: 30px;*/
					}
				
					.services ul li:first-child {
						margin: 0 0 35px 0;
					}
					
						.services ul li img {
							width: 180px;
							height: 180px;
							border-radius: 90px;
							display: inline-block;
							margin: 0 30px 50px 0;
							float: left;
						}
					
						.services ul li div {
							float: right;
							width: 800px;
							margin: 0;
						}
						
						.services ul li h3 {
							color: #f27006;
							text-shadow: -0.5px 0.5px 0 #FFF;
							font-size: 22px;
							line-height: 27px;
							margin: 0 0 20px 0;
							padding: 0 0 0 45px;
							background: url(images/icon-design.gif) top left no-repeat;
						}
						
							.services ul li#construct h3{background: url(images/icon-construct.gif) top left no-repeat;}
							.services ul li#maintain h3{background: url(images/icon-maintain.gif) top left no-repeat;}
							.services ul li#emergency h3{background: url(images/icon-emergency.gif) top left no-repeat;}
						
						.services ul li p {
						}
						
						.services ul li ul {
							margin: 0;
							padding: 0;
						}
						
							.services ul li li,
							.services ul li li:first-child {
								float: none;
								display: block;
								width: 98% !important;
								padding: 0 0 0 2%;
								margin: 0 0 2px 0;
								background: url(images/dash.gif) 0 8px no-repeat;
							}
					
					
		
		.contact {
			padding: 70px 2% 120px;
			background: #ff8400;
			overflow: auto; 
		}
		
			.contact h2 {
				color: #353535;
				text-shadow: 0 0 0 #FF8400;
			}
			
			form {
				width: 695px;
				float: left;
			}
			
				form p {
					margin: 0;
				}
			
				span.wpcf7-form-control-wrap {
					float: left;
					clear: left;
					position: relative;
				}
				
					input,
					textarea {
						-webkit-border-radius: 5px;
						border-radius: 5px;
						height: 35px;
						line-height: 35px;
						width: 265px;
						padding: 0 10px;
						border: none;
						font-size: 16px;
						line-height: 18px;
						color: #1f1f1f;
						margin: 0 18px 14px 0;
						font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
					}
				
				span.wpcf7-form-control-wrap.message {
					float: none;
					clear: left;
				}
				
					textarea {
						width: 365px;
						padding: 13px 10px;
						margin: 0;
						min-height: 105px;
						color: #1f1f1f;
					}
				
				::-webkit-input-placeholder { color: #1f1f1f !important; opacity:1; }
				:-moz-placeholder { /* Firefox 18- */ color: #1f1f1f !important; opacity:1; }
				::-moz-placeholder {  /* Firefox 19+ */ color: #1f1f1 !important; opacity:1; }
				:-ms-input-placeholder { color: #1f1f1f !important; opacity:1; }
				
				input[placeholder], [placeholder], *[placeholder] {
					color: #1f1f1f !important; opacity:1;
				}
				
				.contact br {
					display: none;
				}
				
				.wpcf7-form-control.wpcf7-submit {
					clear: both;
					float: left;
					
					background: #6f6e6e;
					background: -webkit-gradient(linear, left top, left bottom, from(#6f6e6e), to(#393939)); /* Saf4+, Chrome */
					background: -webkit-linear-gradient(top, #6f6e6e, #393939); /* Chrome 10+, Saf5.1+ */
					background:    -moz-linear-gradient(top, #6f6e6e, #393939); /* FF3.6+ */
					background:     -ms-linear-gradient(top, #6f6e6e, #393939); /* IE10 */
					background:      -o-linear-gradient(top, #6f6e6e, #393939); /* Opera 11.10+ */
					background:         linear-gradient(top, #6f6e6e, #393939); /* W3C */
					color: #FFF;
					font-size: 18px;
					line-height: 45px;
					padding: 0;
					width: 125px;
					text-align: center;
					
				}
				
				.wpcf7-form-control.wpcf7-submit:hover {
					opacity: 0.85;
				}
				
				.wpcf7-not-valid-tip {
					color: #FF0000;
					font-size: 10px;
					padding: 10px;
					position: absolute;
					right: 15px;
				}
				
				.wpcf7-response-output.wpcf7-validation-errors {
					color: #fff;
					float: left;
				}
				
				
		.contact .content {
			float: right;
			width: 290px;
		}
		
			.contact .content h3 {
				font-weight: normal !important;
				font-size: 22px;
				color: #353535;
				margin: 0 0 30px;
				font-weight: 400;
			}
			
			.contact .content br {
				display: block;
			}
		
			.contact .content p {
				font-size: 18px;
				color: #fff;
			}


h1 {
	margin: 0;
}

/*------------------------Footer GB credit */
	
		#credit {
			position: fixed;
			bottom: 20px;
			right: 35px;
			z-index: 2000;
		}
		
			#credit a {
				text-transform: uppercase;
				font-size: 11px;
				line-height: 30px;
				letter-spacing: 0.3px;
				color: #FFF;
				float: left;
				opacity: 0.25;
				/* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
				/* IE 5-7 */ filter: alpha(opacity=25);
				/* Netscape */ -moz-opacity: 0.25;
				/* Safari 1.x */ -khtml-opacity: 0.25;
				
			}
				
				#credit a span#gb {
					text-indent: -999px;
					font-size: 0;
					color: #FFF;
					
					width: 30px;
					height: 30px;
					display: inline-block;
					background: url(images/gb-icon.png) top left no-repeat;
					float: left;
					margin: 0 10px 0 0;
				}
				
				#credit a:hover, #credit a:active, #credit a:focus {
					opacity: 1;
					/* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
					/* IE 5-7 */ filter: alpha(opacity=100);
					/* Netscape */ -moz-opacity: 1;
					/* Safari 1.x */ -khtml-opacity: 1;
				}
				
@media only screen and (max-width : 1070px) {
	
	.inner {
		max-width: 100%;
	}
	
	.header p {
		font-size: 12px;
		margin: 0 0 0 15px;
	}
	
	.hero h1#logo {
		display: block;
		margin: 80px auto 0;
	}
	
	.hero .content {
		display: block;
		float: none;
		margin: 45px auto 60px;
		text-align: center;
		width: 80%;
	}
	
	.services ul li img {
		width: 20%;
		height: auto;
		margin: 0 5% 50px 0;
	}
	
	.services ul li div {
		width: 75%;
	}
	
	form {
		max-width: 100%;
	}
	
	span.wpcf7-form-control-wrap,
	span.wpcf7-form-control-wrap.message {
		width: 100%;
	}
	
		input, textarea {
			padding: 0 2%;
			width: 96%;
			margin: 0 0 14px 0;
		}
		
		textarea {
			padding: 13px 2%;
		}
		
	.wpcf7-form-control.wpcf7-submit {
		margin: 18px auto 45px;
		display: block;
		float: none;
	}
	
	.contact .content {
		clear: both;
		float: none;
		margin: 0 auto;
		text-align: center;
		width: 50%;
	}
	
}

@media only screen and (min-width : 1070px) {
	
	.hero h1#logo {
		float: left;
	}
	
	.hero .content {
		float: right;
	}
}