/*
Theme Name: 	Interior Solutions
Author:       	Netwizard Design
Author URI:  	http://www.netwizarddesign.com.au
Version:      	1.0
*/
@import url('css/reset.css');
@import url('css/slicknav.css');
@import url('css/font-awesome/css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,700');

html {
	width:100%;
	height:100%;
	position:relative;
}
body {
	overflow-x:hidden;
	margin:0;
	width:100%;
	height:100%;
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
	line-height: 1.6em;
	color: #fff;
	background:#f3f3f3;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	position:relative;
}
.clear {
	clear:both;
}
p {
	font-size:18px;
	line-height:24px;
	margin:0 0 25px 0;
	font-weight:300;
	color:#ccc;
}
#header {
	width:25%;
	position:fixed;
	z-index:900;
	top:0;
	right:0;
	height:100%;
	background:#fff;
	box-shadow:-5px 0 25px rgba(0,0,0,0.2);
}
.header {
	position:relative;
	width:100%;
	height:100%;
}
#main {
	width:75%;
	position:fixed;
	z-index:200;
	top:0;
	left:0;
	height:100%;
	background:#222 url(images/dot.png);
}
#main2 {
	width:75%;
	position:absolute;
	z-index:200;
	top:0;
	left:0;
	min-height:100%;
	height:auto;
	background:#222 url(images/dot.png);
}
.slicknav_menu {
	display:none;
}
.logo {
	position:relative;
	width:156px;
	float:right;
	margin:100px 100px 0 0;
}
.menu {
	position:relative;
	list-style-type:none;
	margin:80px 0 0 0;
	float:right;
}
.menu li {
	display:block;
	text-align:right;
	margin:0 0 0 0;
}
.menu li a{
	text-decoration:none;
	color:#000;
	font-size:30px;
	text-transform:uppercase;
	padding:15px 100px 15px 20px;
	display:block;
	text-align:right;
}
.menu li.current-menu-item a {
	background:#000;
	color:#fff;
}
.cycle-slideshow {
	position:relative;
	width:100%;
	height:100%;
	z-index:100;
}
.cycle-slideshow img{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
}
.welcome {
	position:absolute;
	bottom:0;
	left:0;
	width:90%;
	background:rgba(0,0,0,0.3);
	padding:50px 5%;
	z-index:150 !important;
}
.welcome h1 {
	font-size:50px;
	margin:0 0 35px 0 !important;
	font-weight:normal;
	color:#fff;
	display:inline-block;
	line-height:1em;
	float:left;
}
.welcome p {
	width:600px;
	clear:both;
	float:left;
	font-size:20px;
	line-height:30px;
	font-weight:300;
	color:#ccc;
	margin:0 0 0 0;
}
#next {
	color:#fff;
	background:#000;
	width:65px;
	height:65px;
	line-height:65px;
	text-align:center;
	font-size:40px;
	z-index:850;
	cursor:pointer;
	float:right;
	margin:-30px 0 0 0;
}
#prev {
	color:#fff;
	background:#000;
	width:65px;
	height:65px;
	line-height:65px;
	text-align:center;
	font-size:40px;
	z-index:850;
	cursor:pointer;
	float:right;
	margin:-30px 10px 0 0;
}
.content {
	padding:75px 5% 40px 5%;
	width:90%;
}
.content h1 {
	color:#fff;
	background:url(images/heading.png) no-repeat right center;
	font-size:40px;
	text-transform:uppercase;
	margin:0 0 30px 0;
	font-weight:normal;
}
.page-content {
	position:relative;
}
.content .wp-post-image {
	float:right;
	max-width:40%;
	height:auto;
	margin:-50px 0 50px 50px;
	box-shadow:0 0 10px rgba(0,0,0,0.5);
}
.text-content {
	padding:150px 0 0 0;
}
.portfolio-item {
	width:48%;	
	position:relative;
	margin:0 0 50px 0;
}
.portfolio-item img {
	width:100%;
	position:relative;
	z-index:0;	
	box-shadow:0 0 10px rgba(0,0,0,0.5);
}
.portfolio-item a {
	text-decoration:none;
	color:#fff;
}
.portfolio-item h3 {
	position:absolute;
	bottom:20px;
	right:20px;
	color:#fff;
	font-size:26px;
	text-align:right;
	padding:20px;
	background:rgba(0,0,0,0.75);
	font-weight:normal;
	text-transform:uppercase;
	width:65%;
}
.portfolio-item h3 span {
	text-transform:none;
	font-size:16px;
}
.portfolio-item:nth-child(odd) {
	float:left;
}
.portfolio-item:nth-child(even) {
	float:right;
}
.hide {
	display:none;
}
.footer {
	position:absolute;
	bottom:50px;
	left:0;
	width:100%;
	text-align:center;
}
.footer p {
	color:#999;
	font-family:arial;
	font-size:12px;
	line-height:18px;
	margin:0 0 0 0;
}
.footer p a{
	color:#999;
	text-decoration:none;
}
#form {
	float:left;
	width:50%;
	margin:50px 0 0 0;
}
#details {
	width:45%;
	float:right;
	margin:50px 0 0 0;
}
#details h2 {
	font-size:28px;
	margin:0 0 20px 0;
}
.map {
	width:100%;
	height:440px;
}
.wpcf7-form p {
	margin:0 0 5px 0;
}
.screen-reader-response {
	display:none;
}
.wpcf7-not-valid-tip, .wpcf7-response-output {
	color:red;
}
.wpcf7-mail-sent-ok {
	color:green !important;
}
.wpcf7-form {
    width:100%;
    color: #888;
	margin:0 0 30px 0;
}
.wpcf7-form label {
    display: block;
    margin: 0px;
	float: left;
	clear:both;
}
span.req {
	color:red;
	font-weight:700;
	font-size:1.2em;
}
.wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form textarea {
    color: #888;
    margin:6px 0 20px 0;
    outline: 0 none;
    padding: 12px 6px 12px 6px;
    width: 97%;
    font-size: 16px;
    line-height:15px;
	background:#333;
	border:1px solid #555;
}
.wpcf7-form textarea{
	width: 97% !important;
}
.wpcf7-form textarea{
    height:130px;
}
.wpcf7-form input[type="submit"] {
    background:#000;
	color:#fff;
    border: 1px solid #444;
    width:120px;
	height:55px;
	transition:all .5s;
	text-transform:uppercase;
	font-size:16px;
	cursor:pointer;
	position:relative;
}
.wpcf7-form input[type="submit"]:hover {
   background:#111;
}
@media only screen and (max-width: 1400px) {
	.logo {
		position:relative;
		width:156px;
		float:right;
		margin:75px 100px 0 0;
	}
	.menu {
		position:relative;
		list-style-type:none;
		margin:50px 0 0 0;
		float:right;
	}
	.content  .wp-post-image {
		float:right;
		max-width:40%;
		height:auto;
		margin:50px 0 50px 50px;
		box-shadow:0 0 10px rgba(0,0,0,0.5);
	}
	.text-content {
		padding:50px 0 0 0;
	}
}
@media only screen and (max-width: 1200px) {
	.logo {
		margin:100px 50px 0 0;
	}
	.menu li a{
		text-decoration:none;
		color:#000;
		font-size:30px;
		text-transform:uppercase;
		padding:15px 50px 15px 20px;
		display:block;
		text-align:right;
	}
	.welcome {
		position:absolute;
		bottom:0;
		left:0;
		width:94%;
		background:rgba(0,0,0,0.3);
		padding:30px 3%;
		z-index:150 !important;
	}
	.welcome h1 {
		font-size:50px;
		margin:0 0 35px 0;
		font-weight:normal;
		float:left;
		color:#fff;
	}
	.welcome p {
		font-size:20px;
		line-height:30px;
		width:580px;
		float:left;
		clear:both;
		font-weight:300;
		color:#ccc;
	}
	#next {
		color:#fff;
		background:#000;
		width:45px;
		height:45px;
		line-height:45px;
		text-align:center;
		font-size:30px;
		z-index:850;
		cursor:pointer;
		float:right;
		margin:-30px 0 0 0;
	}
	#prev {
		color:#fff;
		background:#000;
		width:45px;
		height:45px;
		line-height:45px;
		text-align:center;
		font-size:30px;
		z-index:850;
		cursor:pointer;
		float:right;
		margin:-30px 10px 0 0;
	}
}
@media only screen and (max-width: 1000px) {
	.logo {
		position:relative;
		width:120px;
		float:right;
		margin:50px 20px 0 0;
	}
	.menu {
		margin:50px 0 0 0;
	}
	.menu li a{
		text-decoration:none;
		color:#000;
		font-size:24px;
		text-transform:uppercase;
		padding:12px 20px 12px 20px;
		display:block;
		text-align:right;
	}
	#next, #prev {
		display:none;
	}
	.welcome {
		position:absolute;
		bottom:0;
		left:0;
		width:96%;
		background:rgba(0,0,0,0.3);
		padding:20px 2%;
		z-index:150 !important;
	}
	.welcome h1 {
		font-size:32px;
		margin:0 0 25px 0;
		font-weight:normal;
		float:none;
		color:#fff;
	}
	.welcome p {
		font-size:18px;
		line-height:26px;
		width:100%;
		float:none;
		clear:both;
		font-weight:300;
		color:#ccc;
	}
	.content h1 {
		color:#fff;
		background:url(images/eading.png) no-repeat right center;
		font-size:32px;
		text-transform:uppercase;
		margin:0 0 20px 0;
		font-weight:normal;
	}
	.content .wp-post-image {
		float:none;
		max-width:100%;
		height:auto;
		margin:0 0 30px 0;
		box-shadow:0 0 10px rgba(0,0,0,0.5);
	}
	.text-content {
		padding:0 0 0 0;
	}
	.portfolio-item {
		width:100%;	
		position:relative;
		margin:0 0 30px 0;
	}

}
@media only screen and (max-width: 800px) {
	#header {
		width:100%;
		position:relative;
		z-index:900;
		top:0;
		right:0;
		height:auto;
		background:#fff;
		box-shadow:-5px 0 25px rgba(0,0,0,0.0);
		text-align:center;
		margin:50px 0 0 0;
	}
	.logo {
		position:relative;
		width:120px;
		float:none;
		margin:15px 0 15px 0;
	}
	.header {
		position:relative;
		width:100%;
		height:100%;
	}
	#main, #main2 {
		width:100%;
		position:relative;
		z-index:200;
		top:0;
		left:0;
		min-height:80%;
		height:auto;
		background:#222 url(images/dot.png);
	}
	.menu {
		display:none;
	}
	.slicknav_menu {
		display:block;
		position:fixed;
		top:0;
		left:0;
		width:100%;
		background:#222;
		z-index:9999;
	}
	.footer {
		display:none;
	}
	.cycle-slideshow {
		position:relative;
		width:100%;
		height:auto;
		z-index:100;
	}
	.cycle-slideshow img{
		width:100%;
		height:auto;
		position:relative;
		top:0;
		left:0;
		z-index:-1;
	}
	.welcome {
		position:relative;
		bottom:0;
		left:0;
		width:90%;
		background:#fff;
		padding:50px 5%;
		text-align:center;
		z-index:150 !important;
	}
	.welcome h1 {
		font-size:32px;
		line-height:42px;
		margin:0 0 20px 0;
		font-weight:normal;
		float:none;
		color:#222;
	}
	.welcome p {
		font-size:16px;
		line-height:24px;
		width:100%;
		float:none;
		clear:both;
		font-weight:300;
		color:#444;
	}	
	#form {
		float:none;
		width:100%;
		margin:30px 0 0 0;
	}
	#details {
		width:100%;
		float:none;
		margin:0 0 0 0;
	}
}
@media only screen and (max-width: 600px) {
	
	.portfolio-item h3 {
		position:absolute;
		bottom:10px;
		right:10px;
		color:#fff;
		font-size:22px;
		text-align:right;
		padding:10px;
		background:rgba(0,0,0,0.75);
		font-weight:normal;
		text-transform:uppercase;
		width:65%;
	}
	.portfolio-item h3 span {
		text-transform:none;
		font-size:14px;
	}

}