/*  
Theme Name: O3 Framework
Theme URI: http://www.WeAreO3.com/
Version: 2.0
Description: Designed by <a href="http://www.WeAreO3.com">O3</a>.
Author: O3
Author URI: http://www.WeAreO3.com
*/

/*-------------------------------------------------------------------------------------------*/
/* FRAMEWORK */
/*-------------------------------------------------------------------------------------------*/
.container {
	max-width: 1030px;
	width: 1030px;
}
body.standard .container {
	max-width: 1030px;
	width: 1030px;
}
article {
	overflow: hidden;
}
#main-sidebar-container {
	padding: 50px 0;
}
#main-sidebar-container .main {
	padding-right: 50px;
}

#top-nav,
#header,
.hero,
#main-sidebar-container,
#footer {
	min-width: 1060px;
}

/*-------------------------------------------------------------------------------------------*/
/* TYPOGRAPHY AND ELEMENTS */
/*-------------------------------------------------------------------------------------------*/
/* Default Typography */
body {
	font-family: 'myriad-pro';
	font-size: 14px;
	line-height: 18px;
	color: #000;
}

/* Headers and Titles */
h1, h2, h3, h4, h5, h6 {
	margin-top: 0px;
	font-family: 'myriad-pro-condensed';
}
h1.title,
h2.title {

}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {

}
.entry-content h1 {

}
.entry-content h2 {

}
.entry-content h3 {

}
.entry-content h4 {

}
.entry-content h5 {

}
.entry-content h6 {

}

/* Paragraphs and Lists */
.entry-content p {
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 30px;
	color: #575757;
}
.entry-content ul {
	margin: 0 0 30px 30px;
	list-style-type: disc;
}
.entry-content ol {
	margin: 0 0 30px 30px;
	list-style-type: decimal;
}
.entry-content ul ul,
.entry-content ol ol {
	margin-bottom: 0px;
}
.entry-content li {
	font-size: 18px;
	line-height: 28px;
	color: #575757;
}
/* Images and Captions */
img {
	display: block;
	max-width: 100%;
	height: auto;
}
.wp-caption {
	max-width: 100% !important;
}

/* Alignments */
.alignleft {
	float: left;
	margin: 0 10px 0 0;
}
.alignright {
	float: right;
	margin: 0 0 0 10px;
}
.aligncenter {
	display: block;
	margin: 0 auto 1.2em auto;
}

/*-------------------------------------------------------------------------------------------*/
/* HEADER */
/*-------------------------------------------------------------------------------------------*/
#top-nav {
	background: #2c3e50;
	height: 40px;
}
#top-nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#top-nav ul li {
	float: left;
}
#top-nav ul li a {
	color: #fff;
	font-size: 15px;
	line-height: 40px;
	padding: 0px 30px;
	display: block;
	border-right: 1px solid #17202a;
	border-left: 1px solid #374d63;
}
#top-nav ul li:first-child a {
	border-left: 0px;
}
#top-nav ul li:last-child a {
	border-right: 0px;
	padding-right: 0px;
}
#top-nav ul li.phone a {
	font-weight: bold;
	font-size: 22px;
	line-height: 40px;
	text-transform: uppercase;
	font-family: 'myriad-pro-condensed';
}
#header .nav-container {
	padding-left: 0px;
}
#navigation ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: right;
}
#navigation ul li {
	display: inline-block;
}
#navigation ul li a {
	color: #2c3e50;
	text-transform: uppercase;
	font-family: 'myriad-pro-condensed';
	font-size: 23px;
	padding: 0 10px;
	font-weight: 600;
	display: block;
	height: 97px;
	line-height: 97px;
}


/*-------------------------------------------------------------------------------------------*/
/* HOME */
/*-------------------------------------------------------------------------------------------*/
.home .entry-content h2 {
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
	color: #2c3e50;
	font-size: 50px;
	line-height: 58px;
	margin-bottom: 30px;
}
.home .entry-content p {
	text-align: center;
}
.home .entry-content>ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
	margin-bottom: 30px;
}
.home .entry-content>ul li {
	display: inline-block;
	background: #1dd2af;
	line-height: 18px;
	padding: 8px 15px;
	margin: 0px 10px 10px 10px;
	border-radius: 10px;
	color: #fff;
}
.services {
	margin-top: 170px;
	margin-bottom: 50px;
}
.services ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
}
.services ul li {
	display: inline-block;
	border: 1px solid #e1e1e1;
	border-radius: 10px;
	height: 289px;
	position: relative;
	width: 231px;
	margin-right: 10px;
}
.services ul li:last-child {
	margin-right: 0px;
}
.services ul li .icon {
	position: absolute;
	top: -80px;
	left: 65.5px;
	background: #1dd2af;
	display: block;
	font-size: 40px;
	width: 108px;
	height: 108px;
	text-align: center;
	line-height: 84px;
	border-radius: 50%;
	border: 12px solid #fff;
}
.services ul li a .icon {
	color: #000;
}
.services ul li .heading {
	position: absolute;
	bottom: 0;
	display: block;
	width: 229px;;
	text-align: center;
	font-family: 'myriad-pro-condensed';
	font-weight: 600;
	text-transform: uppercase;
	color: #2c3e50;
	font-size: 35px;
	line-height: 35px;
	background: #f3f3f3;
	padding: 20px 0;
	border-radius: 0 0 10px 10px;
}
.services ul li a {
	display: block;
	width: 237px;
	height: 287px;
}


/*-------------------------------------------------------------------------------------------*/
/* ELEMENTS */
/*-------------------------------------------------------------------------------------------*/
.hero {
	padding: 50px 0;
}
.hero h1 {
	color: #fff;
	text-transform: uppercase;
	font-size: 80px;
	line-height: 85px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 0px;
}
.home .hero h1 {
	margin-bottom: 30px;
	font-size: 74px;
	line-height: 74px;
}
.hero p {
	color: #fff;
	font-size: 24px;
	line-height: 30px;
	text-align: center;
	width: 100%;
	margin: 0 auto 30px;
}
.hero .button {
	color: #fff;
	border: 1px solid #fff;
	border-radius: 8px;
	display: inline-block;
	text-transform: uppercase;
	font-family: 'myriad-pro-condensed';
	font-weight: 600;
	padding: 10px 20px;
	width: 250px;
	margin: 0 10px;
	text-decoration: none;
}
.hero .button:hover {
	background: #1dd2af;
	border-color: #1dd2af;
}
.panel-default>.panel-heading {
	background: #dbdbdb;
}
.panel-default .panel-heading {
	padding: 15px 20px;
	
}
.panel .panel-heading {
	position: relative;
}
.panel .panel-heading:before {
	content: "\e60b";
	display: block;
	position: absolute;
	right: 15px;
	top: 15px;
	font-size: 20px;
	line-height: 20px;
	color: #acacac;
	-webkit-transition: -webkit-transform 0.2s ease-in;
}
.panel.active .panel-heading:before {
	color: #fff;
	-webkit-transform:rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.panel.active .panel-heading {
	background: #1dd2af;
}
.panel-heading h4 {
	font-family: 'myriad-pro';
	font-size: 20px;
	line-height: 20px;
	color: #252525;
}
.panel-heading h4 a {
	text-decoration: none;
	display: block;
}
.entry-content .button {
	color: #fff;
	border: 1px solid #1dd2af;
	border-radius: 8px;
	display: inline-block;
	text-transform: uppercase;
	font-family: 'myriad-pro-condensed';
	font-weight: 600;
	padding: 10px 20px;
	width: auto;
	margin: 0;
	text-decoration: none;
	background: #1dd2af;
	font-size: 20px;
	line-height: 20px;
}



/*-------------------------------------------------------------------------------------------*/
/* SIDEBAR */
/*-------------------------------------------------------------------------------------------*/
.widget {
	background: #1dd2af;
	padding: 20px;
	border-radius: 8px;
}
.widget h3 {
	font-family: 'myriad-pro';
	margin-bottom: 20px;
}
.widget p {
	font-size: 18px;
	line-height: 28px;
}
.widget .button-container {
	margin-bottom: 0px;
	text-align: center;
	margin-top: 30px;
}
.widget .button {
	color: #fff;
	border: 1px solid #fff;
	border-radius: 8px;
	display: inline-block;
	text-transform: uppercase;
	font-family: 'myriad-pro-condensed';
	font-weight: 600;
	padding: 10px 20px;
	text-decoration: none;
	font-size: 20px;
	line-height: 20px;
}

/*-------------------------------------------------------------------------------------------*/
/* FORMS */
/*-------------------------------------------------------------------------------------------*/
.entry-content .gform_wrapper {
	width: 50%;
}
.entry-content .gform_wrapper .ginput_complex .ginput_left {
	clear: both;
}
.entry-content .gform_wrapper .gfield {
	margin-bottom: 20px;
}
.entry-content .gform_wrapper input[type="text"] {
	padding: 5px 10px;
	font-size: 14px;
	line-height: 14px;	
}
.entry-content .gform_wrapper textarea {
	font-size: 14px;
	line-height: 14px;
}
.entry-content .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {
	font-size: 20px;
	line-height: 18px;
}

/*-------------------------------------------------------------------------------------------*/
/* FOOTER */
/*-------------------------------------------------------------------------------------------*/
#footer .footer1 {
	background: #273a43;
	padding: 60px 0;
}
#footer .footer1 p,
#footer .footer1 address {
	color: #c3c3c3;
	font-size: 16px;
	line-height: 22px;
}
#footer .footer1 img {
	margin-bottom: 20px;
}
#footer .footer1 h3 {
	color: #fff;
	text-transform: uppercase;
	font-size: 35px;
	line-height: 35px;
	margin-bottom: 20px;
}
#footer .footer1 .contact {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#footer .footer1 .contact li {
	margin-bottom: 10px;
}
#footer .footer1 .contact .icon {
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	display: inline-block;
	vertical-align: middle;
}
#footer .footer1 .contact .icon a {
	color: #fff;
}
#footer .footer1 .contact .icon:before {
	color: #71b6d5;
	font-size: 20px;
	line-height: 20px;
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
}
#footer .footer2 {
	padding: 20px 0;
	background: #172227;
}
#footer .footer2 p {
	margin-bottom: 0px;
	color: #c4c4c4;
	font-size: 16px;
	line-height: 22px;
}
#footer .footer2 p a {
	color: #c4c4c4;
	text-decoration: underline;
}
#footer .footer2 .social {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: right;
}
#footer .footer2 .social li {
	display: inline-block;
	margin-left: 15px;
}
#footer .footer2 .icon {
	background: #2c3b42;
	display: block;
	width: 40px;
	height: 40px;
	font-size: 20px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	line-height: 40px;
	border-radius: 50%;
}
#footer .footer2 .icon:hover {
	background: #1dd2af;
	text-decoration: none;
}
#footer .widget {
	background: none;
	padding: 0px;
}
#footer .widget.widget_woodojo_tweets li {
	color: #c4c4c4;
	font-size: 16px;
	line-height: 22px;
	border-bottom: 0px;
	padding-left: 25px;
	position: relative;
}
#footer .widget.widget_woodojo_tweets li a {
	color: #71b6d5;
	text-decoration: none;
}
#footer .widget.widget_woodojo_tweets li:before {
	content: "\e600";
	position: absolute;
	left: 0px;
	top: 5px;
	color: #71b6d5;
}
#footer .gform_wrapper {
	position: relative;
	max-width: 100%;
}
#footer .gform_wrapper .gfield {
	position: relative;
}
#footer .gform_wrapper .gform_description,
#footer .gform_confirmation_message {
	display: block;
	color: #c3c3c3;
	font-size: 16px;
	line-height: 22px;
}
#footer .gform_confirmation_message {
	
}
#footer .gform_wrapper input[type="text"] {
	background: #172227;
	border: none;
	border-radius: 5px 0px 0px 5px;
	padding: 10px 20px;
	width: 187px;
	color: #c3c3c3;
	font-size: 16px;
	line-height: 16px;
	position: relative;
	z-index: 100;
}
#footer .gform_wrapper .gfield_error input[type="text"] {
	padding-right: 40px;
}
#footer .gform_wrapper .gfield_error:before {
	color: #cc0000;
	content: "\e602";
	position: absolute;
	right: 50px;
	top: 0;
	z-index: 101;
	font-size: 20px;
	padding-top: 8px;
}
#footer .gform_wrapper .gform_footer {
	margin: 0;
	padding: 0;
}
#footer .gform_wrapper .gform_button {
	position: absolute;
	right: 0;
	bottom: 0;
	background: #1dd2af;
	border: none;
	font-size: 16px;
	line-height: 16px;
	padding: 12px 10px;
	display: block;
	border-radius: 0 5px 5px 0;
	color: #fff;
	text-transform: uppercase;
}
#footer .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label, 
#footer .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container,
#footer .gform_wrapper li.gfield.gfield_error.gfield_contains_required {
	margin: 0px !important;
	padding: 0px !important;
}
#footer .gform_wrapper .top_label .gfield_error {
	width: 100%;
	background: none;
	border: none;
}
#footer .gform_wrapper .gfield_label,
#footer .gform_wrapper .gform_ajax_spinner,
#footer .gform_wrapper .validation_error,
#footer .gform_wrapper .validation_message  {
	display: none;
}


/*-------------------------------------------------------------------------------------------*/
/* ICONS */
/*-------------------------------------------------------------------------------------------*/
@font-face {
	font-family: 'icomoon';
	src:url('includes/libraries/icomoon/fonts/icomoon.eot?-7fygsh');
	src:url('includes/libraries/icomoon/fonts/icomoon.eot?#iefix-7fygsh') format('embedded-opentype'),
		url('includes/libraries/icomoon/fonts/icomoon.woff?-7fygsh') format('woff'),
		url('includes/libraries/icomoon/fonts/icomoon.ttf?-7fygsh') format('truetype'),
		url('includes/libraries/icomoon/fonts/icomoon.svg?-7fygsh#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"],
#footer .widget.widget_woodojo_tweets li:before,
#footer .gform_wrapper .gfield_error:before,
.panel .panel-heading:before {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-linkedin:before {
	content: "\e60c";
}
.icon-yelp:before {
	content: "\e606";
}
.icon-commercial:before {
	content: "\e605";
}
.icon-document:before {
	content: "\e253";
}
.icon-business:before {
	content: "\e37b";
}
.icon-municipal:before {
	content: "\e3b5";
}
.icon-residential:before {
	content: "\e3bf";
}
.icon-phone:before {
	content: "\e607";
}
.icon-envelope:before {
	content: "\e608";
}
.icon-location:before {
	content: "\e609";
}
.icon-user:before {
	content: "\e604";
}
.icon-warning:before {
	content: "\e602";
}
.icon-close:before {
	content: "\e60a";
}
.icon-checkmark:before {
	content: "\e603";
}
.icon-plus:before {
	content: "\e60b";
}
.icon-facebook:before {
	content: "\e601";
}
.icon-twitter:before {
	content: "\e600";
}


/*-------------------------------------------------------------------------------------------*/
/* NON RESPONSIVE */
/*-------------------------------------------------------------------------------------------*/
body.standard .container .navbar-header,
body.standard .container .navbar-collapse {
  margin-right: 0;
  margin-left: 0;
}

/* Always float the navbar header */
body.standard .navbar-header {
  float: left;
}

/* Undo the collapsing navbar */
body.standard .navbar-collapse {
  display: block !important;
  height: auto !important;
  padding-bottom: 0;
  overflow: visible !important;
  border-top: 0px;
}

body.standard .navbar-toggle {
  display: none;
}

/* Always apply the floated nav */
body.standard .navbar-nav {
  float: left;
  margin: 0;
}
body.standard .navbar-nav > li {
  float: left;
}
body.standard .navbar-nav > li > a {
  padding: 15px;
}

/* Redeclare since we override the float above */
body.standard .navbar-nav.navbar-right {
  float: right;
}

/* Undo custom dropdowns */
body.standard .navbar .open .dropdown-menu {
  position: absolute;
  float: left;
  background-color: #fff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-width: 0 1px 1px;
  border-radius: 0 0 4px 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
body.standard .navbar .open .dropdown-menu > li > a {
  color: #333;
}
body.standard .navbar .open .dropdown-menu > li > a:hover,
body.standard .navbar .open .dropdown-menu > li > a:focus,
body.standard .navbar .open .dropdown-menu > .active > a,
body.standard .navbar .open .dropdown-menu > .active > a:hover,
body.standard .navbar .open .dropdown-menu > .active > a:focus {
  color: #fff !important;
  background-color: #428bca !important;
}
body.standard .navbar .open .dropdown-menu > .disabled > a,
body.standard .navbar .open .dropdown-menu > .disabled > a:hover,
body.standard .navbar .open .dropdown-menu > .disabled > a:focus {
  color: #999 !important;
  background-color: transparent !important;
}

/*-------------------------------------------------------------------------------------------*/
/* IE */
/*-------------------------------------------------------------------------------------------*/
.ie8 body {
	font-family: 'myriad-pro-n4';
}
.ie8 h1, .ie8 h2, .ie8 h3, .ie8 h4, .ie8 h5, .ie8 h6 {
	font-family: 'myriad-pro-condensed-n4';
}
.ie8 .services ul li {
	margin-right: 5px;
}