/*
Theme Name: Webfirm Bronze Template
Theme URI: http://wordpress.org/extend/themes/twentytwelve
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: WebfirmBronzeTemplate

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/* =Reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
ol,
ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}
html {
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
a:focus {
	outline: thin dotted;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
audio,
canvas,
video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
}
del {
	color: #333;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 24px;
	margin-bottom: 1.714285714rem;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
small {
	font-size: smaller;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}

.alignright { float: right; margin: 0 0 0 0!important; }
.alignleft { float: left; margin: 0 0 0 0!important; }

/* Clearing floats */
.clear:after,
.wrapper:after,
.format-status .entry-header:after {
	clear: both;
}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
	display: table;
	content: "";
}


#primary #wpc-catalogue-wrapper ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}


#primary #wpc-catalogue-wrapper ul li {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#wpc-product-gallery {}

/* =Bootstrap overrides
-------------------------------------------------------------- */
[class*="span"] { margin-left: auto; }
.row { margin-left: auto; }
.carousel { margin-bottom: auto; }
.carousel-inner > .item { max-height: 350px; }
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 960px; }
.span1 { width: 80px }
.span2 { width: 160px }
.span3 { width: 240px }
.span4 { width: 320px }
.span5 { width: 400px }
.span6 { width: 460px }
.span7 { width: 540px }
.span8 { width: 640px }
.span9 { width: 720px }
.span10 { width: 800px }
.span11 { width: 880px }
.span12 { width: 960px }


/* =Template Default Styling
-------------------------------------------------------------- */
body { background:#fff9f6; font-family: Helvetica, Arial, Sans-serif; -webkit-font-smoothing: antialiased; }
a {  color:inherit; -webkit-transition-duration: 0.2s, 0.2s;
	-webkit-transition-timing-function: linear, ease-in;
	-moz-transition-duration: 0.2s, 0.2s;
	-moz-transition-timing-function: linear, ease-in;
	-o-transition-duration: 0.2s, 0.2s;
	-o-transition-timing-function: linear, ease-in;}
p { color:#636363; font-size:12px; line-height:20px; padding-bottom:20px; }
h1, h2, h3, h4, h5 { color:#00a651; font-family: 'Patua One', cursive;  font-weight:normal; line-height: normal; padding: 0 0 10px 0;}

blockquote {font-family: Helvetica, Arial, Sans-serif; font-style: italic; padding: 15px 30px; border-top: 1px dotted rgba(0,0,0,0.1);  border-bottom: 1px dotted rgba(0,0,0,0.1); margin-bottom: 20px; }
blockquote p {margin: 0px; padding: 0px;}
h1 { font-size:24px; line-height:24px; }
h2 { color:#555; font-size:20px; }
	h2.banner-text {font-size: 18px; padding: 15px 0 15px 0;}
h3 { color:#555; font-size:18px; }
h4 { color:#555; font-size:16px; }
p a { color:#00a651; }
a.find-out-more { font-family: 'Patua One', cursive; color:#00A651; font-size:14px; }
#primary iframe { width: 100%!important!}
#primary ul, #primary ol { padding: 0 0 0 10px; margin: 10px 40px 30px 20px }
#primary ul li, #primary ol li { color: #636363; font-size: 12px; line-height: 20px; margin: 0 0 10px 10px; list-style: disc outside none; }
#primary ol li { list-style: decimal outside none; }

#primary img {
	-webkit-box-shadow:  0px 1px 10px 1px rgba(0, 0, 0, 0.2);
	box-shadow:  0px 1px 10px 1px rgba(0, 0, 0, 0.2);
	display: inline-block;
	margin: 0 auto;
}



/* =Container Styling
-------------------------------------------------------------- */
.container { z-index:2; position:relative; }
#masthead { padding: 20px 0 0 0; }
.page_wrapper { position: relative; }

/* =Header Styling
-------------------------------------------------------------- */
#header-background { width:100%; height:436px; background-color:#e5c603; position:absolute; top:0; left:0; z-index:1; background-position:top center !important; background-size:100% !important; background-repeat:no-repeat; background-size: cover; }
header { border:none !important; }
header #logo { height:110px; position: absolute; left: 0px; top: 10px; z-index: 100; }
header #logo a {display: block;}
header #logo img { }
header .top-phone { font-size:18px; padding:12px 0 10px 0; float:right; text-align:right; width:100%; }
header .carousel-inner { margin-left: 0px; height: 350px; overflow: hidden; }
header #site-slogan { text-align:center; padding: 5px 0; }
header #banner { margin-top:20px; }
header .carousel-control { background:url('images/banner-arrow-next.png') no-repeat 0 0; width: 48px; height: 87px; margin: 0; padding: 0; border: none; border-radius: 0; top: 45%; }
header .banner-container .left { background:url('images/banner-arrow-prev.png') no-repeat 0 0; }
header .nivo-caption { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.25); padding: 15px; font-family: 'Patua One',cursive; }
header #social-links a, footer #social-links-footer a { background-size: 100%; }
header #social-links a.link, footer #social-links-footer a.link { width: 32px; height: 32px; display: inline-block; text-indent: -9999em; float: right; margin: 0 0 0 10px;  }
header #social-links a.facebook, footer #social-links-footer a.facebook { background: url("images/social-icons/facebook.png") no-repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0); }
header #social-links a.twitter, footer #social-links-footer a.twitter { background: url("images/social-icons/twitter.png") no-repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0); }
header #social-links a.linkedin, footer #social-links-footer a.linkedin { background: url("images/social-icons/linkedin.png") no-repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0); }
header #social-links a.dropbox, footer #social-links-footer a.dropbox { background: url("images/social-icons/dropbox.png") no-repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0); }
header #social-links a.flickr, footer #social-links-footer a.flickr { background: url("images/social-icons/flickr.png") no-repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0); }
header #social-links a.googleplus, footer #social-links-footer a.googleplus { background: url("images/social-icons/googleplus.png") no-repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0); }
header #social-links a.instagram, footer #social-links-footer a.instagram { background: url("images/social-icons/instagram.png") no-repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0); }
header #social-links a.rss, footer #social-links-footer a.rss { background: url("images/social-icons/rss.png") no-repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0); }
header #social-links a.skype, footer #social-links-footer a.skype { background: url("images/social-icons/skype.png") no-repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0); }
header #social-links a.tumblr, footer #social-links-footer a.tumblr { background: url("images/social-icons/tumblr.png") no-repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0); }
header #social-links a.vimeo, footer #social-links-footer a.vimeo { background: url("images/social-icons/vimeo.png") no-repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0); }
header #social-links a.wordpress, footer #social-links-footer a.wordpress { background: url("images/social-icons/wordpress.png") no-repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0); }
header #social-links a.youtube, footer #social-links-footer a.youtube { background: url("images/social-icons/youtube.png") no-repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0); }

.mob_site { display: none!important; }

.banner-container {margin-top: 100px;}
/* =Navigation Styling
-------------------------------------------------------------- */
.nav-slogan {position: absolute; right: 10px; top: 20px; z-index: 99;}

nav#site-navigation { width:100%; font-size:14px; color:#111; margin-bottom:34px; font-family: 'Patua One', cursive; }
nav#site-navigation ul li { display: inline-block; height: 30px; margin: 0 0 0 45px; position: relative; }
nav#site-navigation a { text-decoration:none; display: block; }
nav#site-navigation ul li ul { position: absolute; top: 30px; left: -10px; padding: 5px 5px 5px 5px; width: 150px; z-index: 100; display: none; -webkit-box-shadow:  0px 1px 10px 0px rgba(0, 0, 0, 0.2); box-shadow:  0px 1px 10px 0px rgba(0, 0, 0, 0.2); border-radius: 2px; -webkit-border-radius: 2px;}
nav#site-navigation ul li ul li { margin: 0; margin: 0 0 0 0; width: 150px; height: auto; }
nav#site-navigation ul li ul li a { padding: 5px 5px 10px 5px; }
#site-navigation-mobile { display:none; }
nav#site-navigation ul li:hover ul { display: block; }

.nav_container .title { padding: 35px 7px 10px 7px; font-family: 'Patua One', cursive; font-size: 16px; border-bottom: 1px solid #999; color: #000; text-transform: uppercase; font-weight: bold; }
.nav_container { float: left; height: 100%; width: 150px;background: #E5C603; box-shadow: 1px 0px 0px rgba(255, 255, 255, 0.20); -webkit-box-shadow: 1px 0px 0px rgba(255, 255, 255, 0.20); -moz-box-shadow: 1px 0px 0px rgba(255, 255, 255, 0.20); }
.nav_container .menu-main-nav-container ul li  { display: block; padding: 0px; margin: 0px; }
.nav_container .menu-main-nav-container ul li a { display: block; font-family: 'Patua One', cursive; padding: 10px 7px; border-bottom: 1px solid #999; color: #000; text-transform: uppercase; text-decoration: none; }
.nav_container .menu-main-nav-container ul li ul li a { padding: 10px 7px 10px 27px;  }

ul.menu {
	text-align: right;
}

ul.sub-menu {
	text-align: left;
}

#menu-main-nav {
	text-align: left;
}

#menu-main-nav ul.sub-menu li a {
	padding-left: 30px;
}

.mob_site a {
	text-decoration: none;
	color: #fff!important;
}

/* =Banner Styling
-------------------------------------------------------------- */
#banner .slider { height: 360px; }
#banner .slider img { width:100% !important; height:auto; }


/* =Template Column Styling
-------------------------------------------------------------- */
#content_columns .span3.column { margin-right: 20px; width: 220px; }
#content_columns .span4.column { margin-right: 20px; width: 300px; }
#content_columns .span5.column { margin-right: 20px; width: 380px; }
#content_columns .span6.column { margin-right: 20px; width: 460px; }
#content_columns .span7.column { margin-right: 20px; width: 540px; }

#content_columns .span3.column:last-child { margin-right: 0; width: 240px; }
#content_columns .span4.column:last-child { margin-right: 0; width: 300px; }
#content_columns .span5.column:last-child { margin-right: 0; width: 400px; }
#content_columns .span6.column:last-child { margin-right: 0; width: 480px; }
#content_columns .span7.column:last-child { margin-right: 0; width: 560px; }

/* =Front Page 3 CTA Template Styling
-------------------------------------------------------------- */
#home-secondary { text-align:center; margin: 0 0 0 20px; width: 460px; }
#home-secondary h2 { margin-bottom:10px; }
#home-secondary p { padding-bottom:10px; }
.row, .row-fluid {  padding:40px 0px; }
.row .row { padding:0px; } 
.cta-wrapper h3 {	padding-bottom:10px; }
.cta-wrapper ul.column { width: 940px; margin: 0 auto; display: block; }
.cta-wrapper ul.column li { margin: 0 0 0 20px; width: 300px; }
.cta-wrapper ul.column li:first-child { margin: 0; }


/* Gallery */
ul#wpsimplegallery {
	padding-left:0px;
}

/* footer */

footer {
	padding:20px 0;
	font-size:11px;
}
footer .nav-menu ul li {
	padding:0px;
	margin:0px;
}
footer h3 {
	margin-bottom:30px;
}
footer p {
	font-size:11px;
}
footer a {
	font-size:11px;
	color:#555;
	line-height:20px;
	text-decoration:none;
}
footer input {
	width:290px;
	padding:10px 5px;
	border:#e1e1e1 solid 1px;
	margin-bottom:5px;
	color:#555;
	font-size:11px;
}
footer input.wpcf7-submit{
	width:70px;
	background-color:#00a651;
	border:solid 1px #588e21;
	color:#fff;
	font-family:'Patua One', cursive;
	letter-spacing:1px;
	font-size:12px;
}
footer textarea {
	width:290px;
	padding:10px 5px;
	border:#e1e1e1 solid 1px;
	color:#555;
	height:60px;
}
footer #copyright-webfirm p {
	padding:20px 0;
	color:#999;
}
footer #copyright-webfirm img {
	float:right;
	margin-top:10px;
}
#footer-wrapper .span4 h3 {
    color: #333333 !important;
    margin: 0 0 10px;
}

#menu-footer-sitemap {
	text-align: left;
}

/* FORMS */

form.wpcf7-form input {
	width: 90%;
	height: 22px;
	font-size: 11px;
	background: #f6f6f6;
	border: 1px solid #e9e9e9;
	border-radius: 0px;
	-webkit-box-shadow: none;
}

form.wpcf7-form textarea {
	width: 90%;
	height: 100px;
	font-size: 11px;
	background: #f6f6f6;
	border: 1px solid #e9e9e9;
	border-radius: 0px;
	-webkit-box-shadow: none;
}

form.wpcf7-form .btn-submit {
	width: auto;
	height: 32px;
	display: inline-block;
	border: 1px solid #41595b;
	padding: 0 10px 0 10px;
	-webkit-border-radius: 2px;
	-webkit-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.2);
  box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.2);
  background: #06b1ee; /* Old browsers */
	background: -moz-linear-gradient(top,  #06b1ee 0%, #00a8e7 3%, #069acf 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#06b1ee), color-stop(3%,#00a8e7), color-stop(100%,#069acf)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #06b1ee 0%,#00a8e7 3%,#069acf 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #06b1ee 0%,#00a8e7 3%,#069acf 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #06b1ee 0%,#00a8e7 3%,#069acf 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #06b1ee 0%,#00a8e7 3%,#069acf 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#06b1ee', endColorstr='#069acf',GradientType=0 ); /* IE6-9 */
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
}

form#form .btn-submit:hover {	color: #fff;
	background: #0095cc; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOTVjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGFiZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #0095cc 0%, #00abeb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0095cc), color-stop(100%,#00abeb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0095cc 0%,#00abeb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0095cc 0%,#00abeb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0095cc 0%,#00abeb 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0095cc 0%,#00abeb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0095cc', endColorstr='#00abeb',GradientType=0 ); /* IE6-8 */
}

span.wpcf7-not-valid-tip {
	display: block;
	position: static;
	text-indent: 0px;
	padding: 0px;
	margin: 0px;
	width: 90%;
	border: none;
	background: none;
	color: red;
	font-size: 10px;
}
div.wpcf7-response-output {
	border:none;
	padding:0px;
	margin-left:0px;
	margin-right:0px;
	width:90%;
	color:red;
	line-height:1.3em;
	font-size: 12px; 
}
div.wpcf7-validation-errors {
	color:red;
}
div.wpcf7-mail-sent-ok {
	color:green;
}

form#form input {
	width: 260px;
	height: 22px;
	font-size: 11px;
	background: #f6f6f6;
	border: 1px solid #e9e9e9;
	border-radius: 0px;
	-webkit-box-shadow: none;
}

form#form textarea {
	width: 260px;
	height: 100px;
	font-size: 11px;
	background: #f6f6f6;
	border: 1px solid #e9e9e9;
	border-radius: 0px;
	-webkit-box-shadow: none;
}

form#form .btn-submit {
	width: auto;
	height: 32px;
	display: inline-block;
	border: 1px solid #41595b;
	padding: 0 10px 0 10px;
	-webkit-border-radius: 2px;
	-webkit-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.2);
  	box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.2);
  	background: #06b1ee; /* Old browsers */
	background: -moz-linear-gradient(top,  #06b1ee 0%, #00a8e7 3%, #069acf 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#06b1ee), color-stop(3%,#00a8e7), color-stop(100%,#069acf)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #06b1ee 0%,#00a8e7 3%,#069acf 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #06b1ee 0%,#00a8e7 3%,#069acf 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #06b1ee 0%,#00a8e7 3%,#069acf 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #06b1ee 0%,#00a8e7 3%,#069acf 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#06b1ee', endColorstr='#069acf',GradientType=0 ); /* IE6-9 */
	font-weight: bold;
	color: #fff;
	
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}


.cbp-spmenu-vertical a {font-family: 'Patua One', cursive; font-size: 16px;}

.cbp-spmenu {
	-webkit-box-shadow: inset -5px 0px 15px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset -5px 0px 15px 1px rgba(0, 0, 0, 0.1);
}

.cbp-spmenu-vertical a {
	border-bottom: 1px solid rgba(57,57,57,0.2);
	text-decoration: none;
}

div#social-links-footer {
text-align:center;
margin-top:-35px;
}

footer #social-links-footer a.link {
float:none;}

.column1 {padding-right:20px;}

#main-content-wrapper img, #sidebar img {
width: auto !important;
max-width: 100% !important;
height: auto !important;
}

.wpc-img img {
border-radius: 0 !important;
box-shadow: none !important;
width: auto !important;
max-width: 100% !important;
height: auto !important;
}

/* GOOGLE FONTS */
body {
    font-family: "Open Sans",arial,sans-serif;
}
h1 {
    font-family: "Open Sans",arial,sans-serif;
}
h2 {
    font-family: "Open Sans",arial,sans-serif;
}
h3 {
    font-family: "Open Sans",arial,sans-serif;
}
h4 {
    font-family: "Open Sans",arial,sans-serif;
}
h5 {
    font-family: "Open Sans",arial,sans-serif;
}
h6 {
    font-family: "Open Sans",arial,sans-serif;
}
blockquote {
    font-family: "Open Sans",arial,sans-serif;
}
p {
    font-family: "Open Sans",arial,sans-serif;
}
li {
    font-family: "Open Sans",arial,sans-serif;
}