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

/*
	BENCHMARK RESIDENTIAL - STYLE.CSS
	LAST EDITED: DECEMBER 27, 2013 by PATRCIK CASSIDY
	DO NOT EDIT OR UPDATE THIS FILE WITHOUT PRIOR NOTIFICATION & PERMISSION
*/

body, html {height: 100%; width: 100%;}
body {background:url(http://benchmarkresidential.com.au/themes/theme_benchmark_theme/img/bg.jpg) repeat-x fixed  ; font-family:'Open Sans', sans-serif; font-size: 14px; }
.wrapper {min-height: 100%; max-width: 1000px; margin: 0 auto; position: relative; }
.wrapper:after {content: ''; height:40%; width: 100%;  position: absolute; bottom: 70px; left: 0; z-index: -1; background:#fff}

header {}
header .logo {margin:10px 20px}
header .logo2{margin-top:60px;}
header .logo2 img{ float:right}

header h2{background:url(http://benchmarkresidential.com.au/themes/theme_benchmark_theme//img/icon-phone.png) no-repeat; padding-left:65px; font-size:36px; line-height:54px; font-weight:normal; float:right; margin:60px 20px 30px 20px; color:#fff}
.nav {background:#b92120}
.nav{display: block; font-size: 0;}
.nav li {display: inline-block; font-size: 18px; margin: 0; position: relative;}
.nav li a {display: block; padding: 15px 19px; color: #fff;  text-align: center; color:#fff }
.nav  li a:hover, nav  li .nav-selected {background: #7a1616; color: #fff;}

/* --- Submenu -- */
.nav li ul {display: block; z-index: -1111; height: 0; overflow: hidden; position: absolute; left:0; top: 130%; width: 320px;background:#b92120;  border-bottom: none; text-align: left; box-shadow: 0 1px 3px -2px rgba(0, 0, 0, 0.8); opacity: 0;
	-webkit-transition: all 500ms cubic-bezier(0.810, 0.010, 0.455, 0.945); 
    -moz-transition: all 500ms cubic-bezier(0.810, 0.010, 0.455, 0.945); 
    -ms-transition: all 500ms cubic-bezier(0.810, 0.010, 0.455, 0.945); 
     -o-transition: all 500ms cubic-bezier(0.810, 0.010, 0.455, 0.945); 
        transition: all 500ms cubic-bezier(0.810, 0.010, 0.455, 0.945); /* custom */
}
.nav li ul li {display: block;}
.nav li ul a {border-bottom: 1px solid #ddd; border-right: none; text-align: left; text-decoration:none}
.nav li:hover ul { top:100%; opacity: 1; z-index: 100; height: auto;
	-webkit-transition: all 500ms cubic-bezier(0.810, 0.010, 0.455, 0.945); 
    -moz-transition: all 500ms cubic-bezier(0.810, 0.010, 0.455, 0.945); 
    -ms-transition: all 500ms cubic-bezier(0.810, 0.010, 0.455, 0.945); 
     -o-transition: all 500ms cubic-bezier(0.810, 0.010, 0.455, 0.945); 
        transition: all 500ms cubic-bezier(0.810, 0.010, 0.455, 0.945); /* custom */
}
.middle{ padding-bottom:70px; position: relative}
.content{background:#fff; margin:0px; padding:30px 20px 50px 20px; height:100%; min-height:300px;}
.top-strip{background: url(http://benchmarkresidential.com.au/themes/theme_benchmark_theme//img/strip-bg.gif) repeat-x; background-color:#fff;  min-height:119px; padding:25px 30px; font-weight:600;}
.top-strip h1{font-weight:600;}
.icon-nav {background:#fff; padding: 0px 17px 40px 17px;  font-size: 16px; font-weight: bold; text-transform: uppercase; color: #999; }
.icon-nav ul {display:table; font-size: 0;}
.icon-nav ul li {font-size: 15px; display:table-cell;}
.icon-nav ul li a {display: block; color: #999; padding:18px 11px; text-align: center; position: relative; word-break:normal;
-webkit-transition: all 500ms cubic-bezier(0.980, 0.010, 0.410, 1); /* older webkit */
-webkit-transition: all 500ms cubic-bezier(0.980, 0.010, 0.410, 1.005); 
   -moz-transition: all 500ms cubic-bezier(0.980, 0.010, 0.410, 1.005); 
    -ms-transition: all 500ms cubic-bezier(0.980, 0.010, 0.410, 1.005); 
     -o-transition: all 500ms cubic-bezier(0.980, 0.010, 0.410, 1.005); 
        transition: all 500ms cubic-bezier(0.980, 0.010, 0.410, 1.005); /* custom */

-webkit-transition-timing-function: cubic-bezier(0.980, 0.010, 0.410, 1); /* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.980, 0.010, 0.410, 1.005); 
   -moz-transition-timing-function: cubic-bezier(0.980, 0.010, 0.410, 1.005); 
    -ms-transition-timing-function: cubic-bezier(0.980, 0.010, 0.410, 1.005); 
     -o-transition-timing-function: cubic-bezier(0.980, 0.010, 0.410, 1.005); 
        transition-timing-function: cubic-bezier(0.980, 0.010, 0.410, 1.005); /* custom */
}

.icon-large {height: 120px; width: 120px; vertical-align: top; display: inline-block; background: url(http://benchmarkresidential.com.au/themes/theme_benchmark_theme//img/icon-sprite.png) no-repeat; }
.icon-large.icon-storey {background-position: 0 0 ;}
.icon-large.icon-extensions {background-position: -130px 0;}
.icon-large.icon-granny {background-position: -265px 0;}
.icon-large.icon-patios {background-position:-5px -125px;}
.icon-large.icon-decks {background-position:-140px -125px;}
.icon-large.icon-kitchen {background-position:-265px -125px; }

.icon-nav ul li a .icon-large {display:block; margin:0 auto 10px auto; position: relative;
-webkit-transition: all 500ms cubic-bezier(0.980, 0.010, 0.410, 1); /* older webkit */
-webkit-transition: all 500ms cubic-bezier(0.980, 0.010, 0.410, 1.005); 
   -moz-transition: all 500ms cubic-bezier(0.980, 0.010, 0.410, 1.005); 
    -ms-transition: all 500ms cubic-bezier(0.980, 0.010, 0.410, 1.005); 
     -o-transition: all 500ms cubic-bezier(0.980, 0.010, 0.410, 1.005); 
        transition: all 500ms cubic-bezier(0.980, 0.010, 0.410, 1.005); /* custom */

-webkit-transition-timing-function: cubic-bezier(0.980, 0.010, 0.410, 1); /* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.980, 0.010, 0.410, 1.005); 
   -moz-transition-timing-function: cubic-bezier(0.980, 0.010, 0.410, 1.005); 
    -ms-transition-timing-function: cubic-bezier(0.980, 0.010, 0.410, 1.005); 
     -o-transition-timing-function: cubic-bezier(0.980, 0.010, 0.410, 1.005); 
        transition-timing-function: cubic-bezier(0.980, 0.010, 0.410, 1.005); /* custom */
}
.icon-nav ul li a{ color:#7a1616;}
.icon-nav ul li a:hover {color: #7a1616; text-decoration:none }
.icon-nav ul li a:hover .icon-large {top: -20px;  }

.sidebar img{margin-bottom:15px}

/* --- Footer -- */
.footer-wrapper {display: block; position: relative; padding:15px 0 5px; min-height: 60px; max-width: 1000px; margin:-70px auto 0 auto;}
footer { line-height: 50px; color: #fff; font-family:  'Droid Sans', sans-serif; font-size: 13px;}
footer a {display: inline-block; margin:0 5px;}
footer img {vertical-align: top;}

/* Form Styles */
label{margin-top:15px;}
input,select,textarea{margin:5px 0}
input[type="text"], select, input[type="email"], input[type="tel"], textarea{width:100%; padding:7px 10px; color:#666; font-size:14px; -webkit-border-radius: 3px; border-radius: 3px; border:1px solid #ccc; -webkit-box-shadow:inset 0px 1px 5px 1px #ccc); box-shadow:inset 0px 1px 5px 1px #ccc}
select{padding:6px 10px;}
input[type="submit"]{background-color: #b92120; color: #fff; height: 30px; width: 103px;}
.ccm-captcha-image {margin-top:5px;}
.checkboxPair label{font-weight:normal;}
.field field-text{padding-top:20px !important;}
.field field-email{padding-top:20px !important;}
.field field-telephone{padding-top:20px !important;}

/* Nivo Slider */
.theme-default .nivoSlider {box-shadow: none; margin-bottom:0px;}


/* Contact Details Table
----------------------------------------------------------------------------------------------------*/
table.contactTable {width:100%; border-collapse:collapse;}
.contactTable td, .contactTable th {padding: 10px 6px; border:none; text-align:left; vertical-align:middle;}
table.contactTable {font-size:15px !important;}
.contactTable img {margin-bottom:0px;}


/* Responsive styles */
@media (max-width: 800px) {
.wrapper:after {background:none}}

@media (max-width: 768px) {
	
	header .logo{margin:0}
	header h2{margin:10px 0; float:left}
	.nav  li{font-size:13px}
	.nav li a{padding:15px 16px}
	.icon-nav ul {display: block;}
	.icon-nav ul li {display: inline-block; text-align: center; margin-bottom: 10px; min-width: 33.33%}
	.wrapper:after {background:none}
	footer, footer .text-right{text-align:center!important}
	header .logo2{ height: 50px; display: inline-block; margin:5px}
	header .logo2 img{margin-left: auto; margin-right: auto;}
}
@media (max-width: 767px){
	nav ul li a {font-size: 15px; padding: 15px 10px;}
	
}
@media (max-width: 686px) {
.nav > ul  {top:50px}
.icon-nav ul li a {padding: 15px 0}
}

@media (max-width: 600px) {
	.nav li { display: block;}
	.nav li a{padding:10px 10px}
	.icon-nav ul {display: block;}
	.icon-nav ul li {display: inline-block; text-align: center; margin-bottom: 10px; min-width: 32%}
	.btn-large {font-size: 16px; padding: 5px 16px;}
	header .logo{margin:0}
}
@media (max-width: 567px) {
	
	.nav  li a { margin-top: 0; line-height: 30px;}	
	.nav > ul { position:relative; top:0; width:100%; text-align:center}
}
@media (max-width:480px) {
	.icon-nav ul li a {padding: 15px 28px;}
	.icon-nav ul {padding: 0px;}
}
@media (max-width:400px) {
	.icon-nav ul {display: block;}
	.icon-nav ul li {display: block; text-align: center; margin-bottom: 10px; min-width: 32%}
}
@media (max-width:320px) {
header h2{font-size:30px}
}