/******************************************************************
Theme Name: Bones Child Theme
Theme URI: http://www.themble.com/genesis/bones
Description: Helpful for building Genesis Child Themes, Bones for Genesis is a child development theme for the Genesis Framework.
Author: Eddie Machado
Author URI: http://www.themble.com/
Version: 1.02
Tags: html5, css3, fixed, hb5
Template: genesis
Template Version: 1.8
******************************************************************/
/*
Stylesheet: Main Stylesheet

This file is slim and doesn't contain any styles for a reason.
We're importing all our other files so we can keep each
breakpoint organized and well documented. 
*/
/*********************
IMPORTING STYLES
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Normalize Stylesheet

Normalize works a lot like a classic CSS Reset only instead of 
reseting EVERYTHING, it only changes what's inconsistent across
the different browsers. It's much slimmer and compact than resets.

For more info, view the github repo:
http://necolas.github.com/normalize.css/

******************************************************************/
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
@import url(http://fonts.googleapis.com/css?family=Raleway:400,300,600);
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
[hidden] {
  display: none;
}
/* base styles */
html {
  font-size: 100%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body,
button,
input,
select,
textarea {
  font-family: sans-serif;
  color: #333;
}
/* margins, padding, & borders */
body,
figure,
form,
blockquote,
button,
input,
select,
textarea,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
fieldset {
  margin: 0;
}
ul,
ol,
button::-moz-focus-inner,
input::-moz-focus-inner,
fieldset,
input[type="checkbox"],
input[type="radio"] {
  padding: 0;
}
img,
legend,
button::-moz-focus-inner,
input::-moz-focus-inner,
fieldset {
  border: 0;
}
/* images */
img {
  -ms-interpolation-mode: bicubic;
}
svg:not(:root) {
  overflow: hidden;
}
/* links & typography */
a:focus {
  outline: thin dotted;
}
a:hover,
a:active {
  outline: 0;
}
h1 {
  font-size: 2em;
}
p {
  margin: 0;
}
ol,
ul {
  list-style-type: none;
  padding: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn,
em {
  font-style: italic;
}
small,
sub,
sup {
  font-size: 75%;
}
sub,
sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
q {
  quotes: none;
}
q:before,
q:after {
  content: '';
  content: none;
}
mark {
  background: #ff0;
  color: #000;
}
pre,
code,
kbd,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
nav ul,
nav ol,
.widget ol,
.widget ul,
.comment-list {
  list-style: none;
  list-style-image: none;
}
/* forms */
legend {
  *margin-left: -7px;
}
button,
input,
select,
textarea {
  font-size: 100%;
  vertical-align: baseline;
  *vertical-align: middle;
}
button,
input {
  line-height: normal;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
tarea,
textarea {
  overflow: auto;
  vertical-align: top;
}
/* tables */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* wordpress junk */
.wp-smiley,
.wp-wink {
  margin: 0 !important;
  max-height: 1em;
}
/******************************************************************
Site Name: 
Author: ecoda

Stylesheet: Mixins & Constants Stylesheet

******************************************************************/
/*********************
CLEARFIXING GENESIS
*********************/
#inner:before,
#inner:after,
#title-area:before,
#title-area:after,
.entry-content:before,
.entry-content:after,
.author-box:before,
.author-box:after,
.navigation:before,
.navigation:after,
.user-profile:before,
.user-profile:after,
.featuredpage:before,
.featuredpost:before,
.featuredpage:after,
.featuredpost:after,
.featuredpage .page:before,
.featuredpost .post:before,
.featuredpage .page:after,
.featuredpost .post:after,
#footer:before,
#footer:after,
#footer-widgets:before,
#footer-widgets:after,
.wrap:before,
.wrap:after,
#comments:before,
#respond:before,
#comments:after,
#respond:after,
.menu:before,
.menu:after,
.breadcrumb:before,
.breadcrumb:after {
  content: "";
  display: table;
}
#inner:after,
#title-area:after,
.entry-content:after,
.author-box:after,
.navigation:after,
.user-profile:after,
.featuredpage:after,
.featuredpost:after,
.featuredpage .page:after,
.featuredpost .post:after,
#footer:after,
.wrap:after,
#comments:after,
#respond:after,
#footer-widgets:after,
.menu:after,
.breadcrumb:after {
  clear: both;
}
#inner,
#title-area,
.entry-content,
.author-box,
.navigation,
.user-profile,
.featuredpage,
.featuredpost,
.featuredpage .page,
.featuredpost .post,
#footer,
.wrap,
#comments,
#respond,
#footer-widgets,
.menu,
.breadcrumb {
  zoom: 1;
}
/*********************
HIDING ELEMENTS
*********************/
.hidden {
  display: none;
  visibility: hidden;
}
/*********************
CLEARFIXIN'
*********************/
.clearfix {
  /* for IE */
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
/*********************
TOOLS
*********************/
/* Use instead of text-indent:-9999px; */
.image-replacement {
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
}
.fullWidth {
  width: 1200px;
  margin: 0 auto;
}
/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/*********************
TYPOGRAPHY
*********************/
/*********************
BORDER RADIUS
*********************/
/* .borderRadius(4px); */
/* .borderRadius-left(4px); */
/* .borderRadius-right(4px); */
/* .borderRadius-bottom(4px); */
/* .borderRadius-top(4px); */
/*********************
TRANISTION
*********************/
/* .transition(all,2s); */
/*********************
CSS3 GRADIENTS
Be careful with these since they can 
really slow down your CSS. Don't overdue it.
*********************/
/* .css-gradient(#dfdfdf,#f8f8f8); */
/*********************
BOX SIZING
*********************/
/* .boxSizing(border-box); */
/*********************
BOX SHADOW
*********************/
/* .boxShadow(0 0 4px #444); */
/*********************
OPACITY
*********************/
/*********************
BUTTONS
*********************/
input[type=button],
input[type=submit],
.button,
.button:visited {
  border: 1px solid #76122e;
  border-top-color: #901638;
  border-left-color: #901638;
  padding: 4px 12px;
  color: #ffffff;
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background-color: #99183b;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#af1b44), to(#99183b));
  background-image: -webkit-linear-gradient(top, #af1b44, #99183b);
  background-image: -moz-linear-gradient(top, #af1b44, #99183b);
  background-image: -o-linear-gradient(top, #af1b44, #99183b);
  background-image: -ms-linear-gradient(top, #af1b44, #99183b);
  background-image: linear-gradient(top, #af1b44, #99183b);
}
input[type=button]:hover,
input[type=submit]:hover,
.button:hover,
.button:visited:hover,
input[type=button]:focus,
input[type=submit]:focus,
.button:focus,
.button:visited:focus {
  color: #ffffff;
  border: 1px solid #99183b;
  border-top-color: #a61a41;
  border-left-color: #a61a41;
  background-color: #af1b44;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#db2255), to(#af1b44));
  background-image: -webkit-linear-gradient(top, #db2255, #af1b44);
  background-image: -moz-linear-gradient(top, #db2255, #af1b44);
  background-image: -o-linear-gradient(top, #db2255, #af1b44);
  background-image: -ms-linear-gradient(top, #db2255, #af1b44);
  background-image: linear-gradient(top, #db2255, #af1b44);
  text-decoration: none;
}
input[type=button]:active,
input[type=submit]:active,
.button:active,
.button:visited:active {
  background-color: #af1b44;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c51e4d), to(#af1b44));
  background-image: -webkit-linear-gradient(top, #c51e4d, #af1b44);
  background-image: -moz-linear-gradient(top, #c51e4d, #af1b44);
  background-image: -o-linear-gradient(top, #c51e4d, #af1b44);
  background-image: -ms-linear-gradient(top, #c51e4d, #af1b44);
  background-image: linear-gradient(top, #c51e4d, #af1b44);
  text-decoration: none;
}
@font-face {
  font-family: 'fontello';
  src: url('../font/fontello.eot?10943756');
  src: url('../font/fontello.eot?10943756#iefix') format('embedded-opentype'), url('../font/fontello.woff?10943756') format('woff'), url('../font/fontello.ttf?10943756') format('truetype'), url('../font/fontello.svg?10943756#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?10943756#fontello') format('svg');
  }
}
*/
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-facebook-squared:before {
  content: '\e80b';
}
/* '' */
.icon-linkedin-squared:before {
  content: '\e80c';
}
/* '' */
.icon-pinterest-squared:before {
  content: '\e809';
}
/* '' */
.icon-twitter-squared:before {
  content: '\e80a';
}
/* '' */
.icon-youtube-squared:before {
  content: '\e80d';
}
/* '' */
.icon-mobile:before {
  content: '\e801';
}
/* '' */
.icon-mail:before {
  content: '\e802';
}
/* '' */
.icon-location:before {
  content: '\e803';
}
/* '' */
.icon-phone:before {
  content: '\e800';
}
/* '' */
/******************************************************************
BASE (MOBILE) SIZE 
This is the average viewing window. So Desktops, Laptops, and 
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
******************************************************************/
/* styles in base.less */
/******************************************************************
Site Name: 
Author: ecoda

Stylesheet: Base Mobile Stylesheet

Be light and don't over style since everything here will be
loaded by mobile devices. You want to keep it as minimal as
possible. If you set good, clean defaults you will only need
small touch ups on larger stylesheets.

******************************************************************/
body {
  font-family: Lato, Arial, sans-serif;
  background: url('../images/background.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
/*********************
LINKS
*********************/
a,
a:visited {
  color: #af1b44;
  text-decoration: none;
}
a img,
a:visited img {
  border: none;
}
a:hover,
a:focus {
  color: #db2255;
  text-decoration: underline;
  cursor: pointer;
}
/*********************
FORM ELEMENTS
*********************/
label,
input[type=button],
input[type=submit],
button {
  cursor: pointer;
}
input,
textarea,
select {
  border: 1px solid #cccccc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 4px 8px;
  font-family: Lato, Arial, sans-serif;
  background: #ffffff;
}
::-webkit-input-placeholder {
  color: #999999;
}
::-moz-placeholder {
  color: #999999;
}
/* firefox 19+ */
:-ms-input-placeholder {
  color: #999999;
}
/* ie */
:-moz-placeholder {
  color: #999999;
}
/*********************
SELECTION TEXT
*********************/
::-moz-selection {
  background-color: #82c5f8;
}
::selection {
  background-color: #82c5f8;
}
/*********************
TABLE
*********************/
table th,
table td {
  padding: 6px;
}
table tr th:first-child,
table tr td:first-child {
  padding-left: 10px;
}
table tr th:last-child,
table tr td:last-child {
  padding-right: 10px;
}
table tr:nth-child(odd) th,
table tr:nth-child(odd) td {
  background: rgba(223, 143, 47, 0.3);
}
/*********************
BODY CLASSES
*********************/
/*********************
GRID & LAYOUT
*********************/
/*
there are others you probably won't use at this size, so I 
removed them. Remember, keep things light.
*/
.site-inner {
  padding: 20px 0 0;
  margin: 0 auto;
  /* for IE */
  zoom: 1;
}
.site-inner:before,
.site-inner:after {
  content: "";
  display: table;
}
.site-inner:after {
  clear: both;
}
.site-inner .wrap {
  background: #fff;
}
.home .site-inner {
  padding: 20px 15px;
  margin: 0 auto;
  /* for IE */
  zoom: 1;
}
.home .site-inner:before,
.home .site-inner:after {
  content: "";
  display: table;
}
.home .site-inner:after {
  clear: both;
}
.home .site-inner .wrap {
  background: transparent;
}
/*********************
TITLES & HEADLINES
What's with the classes? It's a great way to keep
your CSS slim. Instead of adding another selector to
make a title look like an H1, you simply add the .h1
class to it. ( i.e. <h5 class="h1"> ). So easy.
*********************/
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: Raleway, "Times New Roman", Times, serif;
  margin: 0 0 10px;
}
h1.entry-title {
  color: #f28c2c;
  text-align: center;
  font-weight: 300;
}
/*********************
IMAGE HEADER
*********************/
.header-image .wrap .title-area {
  padding: 0;
  position: relative;
}
.header-image .wrap .title-area .site-title a {
  display: block;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  background: url(../images/cpp-logo.png) left top no-repeat;
  width: 238px;
  height: 62px;
  margin: 3px auto 9px;
}
.header-image .site-description {
  display: none;
}
/*********************
HEADER
*********************/
.site-header {
  width: 100%;
  background: transparent;
  /*********************
	HEADER WIDGET AREA
	*********************/
  /*********************
	HEADER SEARCH
	*********************/
}
.site-header .wrap {
  background: #ffffff;
}
.site-header .widget-area {
  padding: 0;
}
.site-header .widget-area .widget_nav_menu {
  margin: 0;
  padding: 0;
  border: none;
}
.site-header .search-form {
  text-align: center;
}
.site-header .search-form input[type="search"] {
  margin: 0;
}
/* end header */
.site-description {
  font-size: 12px;
  text-align: center;
}
#menu-icon {
  padding: 10px 5%;
  background: #00a1d4;
  color: #ffffff;
  position: relative;
}
#menu-icon:hover {
  cursor: pointer;
}
#menu-icon:after {
  content: "";
  position: absolute;
  top: 13px;
  right: 13px;
  width: 20px;
  height: 3px;
  border-top: 9px double #ffffff;
  border-bottom: 3px solid #ffffff;
}
/*********************
NAVIGATION
*********************/
.nav-primary {
  /* end .menu */
}
.nav-primary .menu {
  clear: both;
  background: #ffffff;
  color: #333;
  display: none;
}
.nav-primary .menu ul {
  list-style: none;
  padding: 0;
}
.nav-primary .menu li {
  padding: 0;
  margin: 0;
}
.nav-primary .menu li a {
  color: #333;
  display: block;
  position: relative;
  text-decoration: none;
  padding: 10px 5%;
  border-bottom: 1px solid #ddd;
  /* hover & current page highlight */
}
.nav-primary .menu li a:hover,
.nav-primary .menu li a:focus {
  background-color: #e34d76;
  color: #ffffff;
}
.nav-primary .menu li ul {
  background: #eee;
  position: inherit;
}
.nav-primary .menu li ul a {
  padding: 10px 5% 10px 10%;
}
.nav-primary .menu li ul ul {
  background: #e8e8e8;
}
.nav-primary .menu li ul ul a {
  padding: 10px 5% 10px 15%;
}
.nav-primary .menu li:hover > ul {
  display: block;
}
.nav-primary .menu > li.current_page_item > a,
.nav-primary .menu > li.current-cat > a,
.nav-primary .menu > li.current-menu-item > a {
  background-color: #af1b44;
  color: #ffffff;
}
.nav-primary .menu > li.current_page_item > a:hover,
.nav-primary .menu > li.current-cat > a:hover,
.nav-primary .menu > li.current-menu-item > a:hover {
  background-color: #af1b44;
  color: #ffffff;
}
/*********************
POSTS & CONTENT
*********************/
/*********************
BREADCRUMBS
*********************/
/*********************
DESCRIPTIONS
*********************/
.taxonomy-description {
  background-color: #ffffff;
  margin: 0 20px 20px;
}
.taxonomy-description h1 {
  margin: 0;
}
.taxonomy-description p {
  padding: 15px;
}
.archive-page {
  padding: 20px 0 0;
}
.archive-page ul,
.archive-page ol {
  padding-bottom: 25px;
}
.archive-page ul ul,
.archive-page ol ul {
  padding-bottom: 0;
}
/* archive page */
/*********************
POST CLASSES
*********************/
/*********************
POST INFO
*********************/
.entry-header .entry-meta {
  margin: 0 0 15px;
}
/*********************
ENTRY CONTENT
*********************/
.entry-content,
.wp-editor {
  /* lists */
  /*********************
    BLOCKQUOTES
    *********************/
}
.entry-content p,
.wp-editor p {
  padding: 0 0 10px;
}
.entry-content ul,
.wp-editor ul,
.entry-content ol,
.wp-editor ol {
  padding-bottom: 10px;
}
.entry-content ul ul,
.wp-editor ul ul,
.entry-content ol ul,
.wp-editor ol ul,
.entry-content ul ol,
.wp-editor ul ol,
.entry-content ol ol,
.wp-editor ol ol {
  padding-bottom: 0;
}
.entry-content ul,
.wp-editor ul {
  list-style: square;
}
.entry-content ol,
.wp-editor ol {
  list-style: decimal;
}
.entry-content li,
.wp-editor li {
  margin-left: 30px;
}
.entry-content blockquote,
.wp-editor blockquote {
  margin: 5px 5px 20px;
  padding: 20px;
}
.entry-content blockquote p,
.wp-editor blockquote p {
  color: #999;
  font-style: italic;
}
/* end entry-content */
.wp-editor {
  background: #ffffff;
}
.wp-editor.content {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px;
}
/*********************
POST IMAGES
*********************/
img {
  height: auto;
  max-width: 100%;
}
.alignnone,
img.alignnone {
  display: inline;
  margin: 0 0 10px;
}
.alignleft,
img.alignleft {
  display: inline;
  float: left;
  margin: 0 10px 10px 0;
}
.alignright,
img.alignright {
  display: inline;
  float: right;
  margin: 0 0 10px 10px;
}
.aligncenter,
img.aligncenter,
.entry_content .centered {
  display: block;
  margin: 0 auto 10px;
}
/*********************
WP-CAPTION
*********************/
.wp-caption {
  padding: 5px;
  text-align: center;
}
.wp-caption .wp-caption-text {
  font-size: 12px;
  padding: 5px 0;
}
/*********************
POST META
*********************/
/*********************
AUTHOR BOX
*********************/
.author-box {
  background-color: #f5f5f5;
  margin: 0 20px 40px;
  padding: 10px;
}
.author-box p {
  font-size: 12px;
}
.author-box .avatar {
  background-color: #ffffff;
  float: left;
  margin: 0 10px 0 0;
}
/* end author-box */
/*********************
FEATURED POSTS
*********************/
.genesis-grid-even,
.genesis-grid-odd {
  margin: 0 0 20px;
  padding: 0 0 15px;
  width: 48%;
}
.genesis-grid-even {
  float: left;
}
.genesis-grid-odd {
  float: right;
  clear: both;
}
.featuredpage,
.featuredpost {
  clear: both;
  margin: 0 0 15px;
}
.featuredpage img,
.featuredpost img {
  background: #f5f5f5;
  border: 1px solid #ddd;
  padding: 4px;
}
.featuredpage .page,
.featuredpost .page,
.featuredpage .post,
.featuredpost .post {
  border-bottom: 1px solid #ddd;
  margin: 0 0 5px;
  padding: 5px 15px 10px;
}
.more-from-category {
  padding: 5px 15px 0;
}
/*********************
POST NAVIGATION
*********************/
.navigation {
  font-size: 12px;
  padding: 20px 0;
  margin: 0 20px 20px;
}
.navigation li {
  display: inline;
}
.navigation li a {
  border: 1px solid #ddd;
  padding: 5px 8px;
}
.navigation li a:hover {
  background-color: #f5f5f5;
}
.navigation li.active a {
  background-color: #f5f5f5;
}
/*********************
SIDEBARS & ASIDES
*********************/
/* end sidebar */
/*********************
SIDEBAR ALTERATIONS
*********************/
/*********************
WIDGET STYLES
*********************/
.widget h4 {
  margin: 0;
}
.widget ul,
.widget ol {
  padding: 0;
}
.widget li {
  margin: 0;
  padding: 0;
  word-wrap: break-word;
  /* remove the border for the last item in a list */
}
.widget li:last-child {
  border-bottom: 0;
}
/* end widget */
/*********************
COMMENT STYLES
**********************/
.entry-comments {
  margin: 0 0 15px;
  padding: 0 20px;
}
/* end comments */
.subscribe-to-comments {
  padding: 20px 0 10px;
}
.comment-list {
  /* vcard */
  /* end .commentlist .vcard */
}
.comment-list li {
  font-weight: 700;
  margin: 15px 0 5px;
  padding: 10px 5px 10px 10px;
}
.comment-list li ul.children {
  /* variations */
  /* change number for different depth */
}
.comment-list li ul.children li {
  margin-left: 10px;
  margin-right: -6px;
}
.comment-list li.depth-1 {
  border: 1px solid #ddd;
}
.comment-list .alt {
  border: 1px solid #ddd;
}
.comment-list .even {
  border: 1px solid #ddd;
}
.comment-list .thread-alt {
  background-color: #f5f5f5;
}
.comment-list .thread-even {
  background-color: #f5f5f5;
}
.comment-list .vcard cite.fn {
  font-style: normal;
}
.comment-list .vcard .commentmetadata {
  margin: 0 0 5px;
  font-size: 12px;
}
.comment-list .vcard img.avatar {
  background: #ffffff;
  float: right;
  margin: 0 5px 0 10px;
}
.comment-list .comment-content p {
  font-size: 12px;
  padding: 0 0 20px;
}
.comment-list .comment-content .reply {
  font-weight: 300;
  font-weight: 12px;
}
/* end comment-list */
/*********************
PING LIST
*********************/
.ping-list {
  margin: 0 0 40px;
}
.ping-list li {
  font-weight: 700;
  margin: 15px 0 5px;
  padding: 10px 5px 10px 10px;
}
.ping-list cite {
  font-style: normal;
}
/* end ping list */
/**********************
COMMENT FORM STYLES
*********************/
#respond {
  margin: 0 0 15px;
  padding: 0 20px;
}
#author,
#email,
#url,
#comment {
  margin: 10px 5px 0 0;
  padding: 5px;
  width: 250px;
}
#comment {
  height: 150px;
  margin: 10px 0;
  width: 98%;
}
/*********************
FORM VALIDATION
*********************/
/*********************
NO COMMENTS
*********************/
.nocomments {
  text-align: center;
}
/*********************
FOOTER STYLES
*********************/
.site-footer {
  clear: both;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  margin-bottom: 24px;
}
.site-footer .wrap {
  background: #fcbf67;
  color: #371e29;
}
.site-footer a,
.site-footer a:visited {
  color: #595959;
}
.site-footer a:hover,
.site-footer a:visited:hover,
.site-footer a:focus,
.site-footer a:visited:focus {
  color: #af1b44;
  text-decoration: none;
}
.site-footer .left,
.site-footer .right {
  display: block;
  text-align: center;
}
.site-footer .left a,
.site-footer .right a {
  color: #371e29;
}
.site-footer #ecoda {
  display: none;
}
.site-footer .ecoda {
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 9999px;
  background: transparent url(../images/footerlogoblack.png) no-repeat;
  width: 82px;
  height: 27px;
  display: inline-block;
  position: relative;
  top: 8px;
  padding-left: 5px;
}
/* end footer */
/*********************
FOOTER WIDGETS 
*********************/
.footer-widgets {
  clear: both;
  /* overrides for the featured posts */
  /* override for tag cloud */
  /* override for the text widgets */
  /* override for the calendar widget */
}
.footer-widgets .wrap {
  /* for IE */
  zoom: 1;
  padding: 0 15px 20px;
  background: #262626;
  color: #fff;
}
.footer-widgets .wrap:before,
.footer-widgets .wrap:after {
  content: "";
  display: table;
}
.footer-widgets .wrap:after {
  clear: both;
}
.footer-widgets h4 {
  background: none;
  border: none;
  margin: 0 0 5px;
  padding: 0;
}
.footer-widgets p {
  font-size: 13px;
  line-height: 15px;
  padding: 0 0 10px;
}
.footer-widgets .widget {
  background: none;
  border: 0;
  margin: 0 0 15px;
  padding: 20px 0 0;
}
.footer-widgets .widget ul {
  padding: 10px;
  list-style: square url('../images/footer-bullet.png') !important;
  margin-left: 10px;
}
.footer-widgets .featuredpage .page,
.footer-widgets .featuredpost .post {
  margin: 0 0 10px;
  padding: 0;
}
.footer-widgets .widget_tag_cloud div div {
  padding: 0;
}
.footer-widgets .textwidget {
  padding: 0;
}
.footer-widgets #wp-calendar thead,
.footer-widgets #wp-calendar td {
  background: none;
}
/* end footer widgets */
/*********************
GRAVITY FORM STYLES 
*********************/
html {
  /* end gform_wrapper */
}
html div.gform_wrapper {
  max-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 0;
}
html div.gform_wrapper .ginput_complex label {
  font-size: 12px;
}
html div.gform_wrapper li {
  list-style: none;
  margin-left: 0;
}
html div.gform_wrapper input[type=text],
html div.gform_wrapper input[type=url],
html div.gform_wrapper input[type=email],
html div.gform_wrapper input[type=tel],
html div.gform_wrapper input[type=number],
html div.gform_wrapper input[type=password],
html div.gform_wrapper textarea {
  font-size: inherit;
  padding: 5px;
}
html div.gform_wrapper .gform_fields input.large,
html div.gform_wrapper .gform_fields textarea.textarea {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
html div.gform_wrapper .gform_footer {
  margin: 0;
  padding: 0;
  text-align: right;
}
html div.gform_wrapper .gf-add-placeholder {
  margin-bottom: 5px;
}
html div.gform_wrapper .gf-add-placeholder li {
  margin-bottom: 5px;
}
/*********************
WIDGETS
*********************/
.contact_widget table {
  font-size: 1em;
}
.contact_widget table tr td {
  padding: 5px;
  vertical-align: middle;
}
/*********************
SHORTCODES ULTIMATE
*********************/
html .su-button.button {
  border: 1px solid #76122e !important;
  border-top-color: #901638 !important;
  border-left-color: #901638 !important;
  padding: 4px 12px !important;
  color: #ffffff !important;
  display: inline-block !important;
  text-decoration: none !important;
  cursor: pointer !important;
  -webkit-transition: all 0.2s ease-out !important;
  -moz-transition: all 0.2s ease-out !important;
  -ms-transition: all 0.2s ease-out !important;
  -o-transition: all 0.2s ease-out !important;
  transition: all 0.2s ease-out !important;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -ms-border-radius: 4px !important;
  -o-border-radius: 4px !important;
  border-radius: 4px !important;
  background-color: #99183b !important;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#af1b44), to(#99183b)) !important;
  background-image: -webkit-linear-gradient(top, #af1b44, #99183b) !important;
  background-image: -moz-linear-gradient(top, #af1b44, #99183b) !important;
  background-image: -o-linear-gradient(top, #af1b44, #99183b) !important;
  background-image: -ms-linear-gradient(top, #af1b44, #99183b) !important;
  background-image: linear-gradient(top, #af1b44, #99183b) !important;
}
html .su-button.button:hover,
html .su-button.button:focus {
  color: #ffffff !important;
  border: 1px solid #99183b !important;
  border-top-color: #a61a41 !important;
  border-left-color: #a61a41 !important;
  background-color: #af1b44 !important;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#db2255), to(#af1b44)) !important;
  background-image: -webkit-linear-gradient(top, #db2255, #af1b44) !important;
  background-image: -moz-linear-gradient(top, #db2255, #af1b44) !important;
  background-image: -o-linear-gradient(top, #db2255, #af1b44) !important;
  background-image: -ms-linear-gradient(top, #db2255, #af1b44) !important;
  background-image: linear-gradient(top, #db2255, #af1b44) !important;
  text-decoration: none !important;
}
html .su-button.button:active {
  background-color: #af1b44 !important;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c51e4d), to(#af1b44)) !important;
  background-image: -webkit-linear-gradient(top, #c51e4d, #af1b44) !important;
  background-image: -moz-linear-gradient(top, #c51e4d, #af1b44) !important;
  background-image: -o-linear-gradient(top, #c51e4d, #af1b44) !important;
  background-image: -ms-linear-gradient(top, #c51e4d, #af1b44) !important;
  background-image: linear-gradient(top, #c51e4d, #af1b44) !important;
  text-decoration: none !important;
}
html .su-button.button span {
  border: none;
  padding: 0 !important;
  line-height: inherit !important;
  font-size: inherit !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
  border-radius: 0 !important;
  color: inherit !important;
}
.btn {
  -webkit-border-radius: 18;
  -moz-border-radius: 18;
  border-radius: 18px;
  display: block;
  font-family: Arial;
  font-size: 12px;
  height: 14px;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 168px;
  -webkit-transition: background 0.3s;
  /* For Safari 3.1 to 6.0 */
  transition: background 0.3s;
}
.orangebtn {
  color: #ffffff;
  background: #f28c2c;
  border: solid #ffffff 1px;
}
a.orangebtn,
a.orangebtn:visited {
  color: #ffffff;
}
.orangebtn:hover {
  text-decoration: none;
  color: #f28c2c;
  background: #ffffff;
  border: solid #f28c2c 1px;
}
a.orangebtn:hover {
  color: #f28c2c;
}
.peachbtn {
  color: #ffffff;
  background: #d05d3e;
  border: solid #ffffff 1px;
}
a.peachbtn,
a.peachbtn:visited {
  color: #ffffff;
}
.peachbtn:hover {
  text-decoration: none;
  color: #d05d3e;
  background: #ffffff;
  border: solid #d05d3e 1px;
}
a.peachbtn:hover {
  color: #d05d3e;
}
.peachrevbtn {
  color: #d05d3e;
  border: solid #d05d3e 1px;
  width: 108px !important;
}
a.peachrevbtn,
a.peachrevbtn:visited {
  color: #d05d3e;
}
.peachrevbtn:hover {
  text-decoration: none;
  color: #ffffff;
  background: #d05d3e;
  border: solid #ffffff 1px;
}
a.peachrevbtn:hover {
  color: #ffffff;
  background: #d05d3e;
}
#home-content {
  color: #fff;
  text-align: center;
  font-weight: 300;
}
#home-content .home-title {
  font-size: 36px;
  font-family: Raleway, Arial, sans-serif;
  padding: 50px 0 32px;
  border-bottom: 1px solid #fff;
  width: auto;
  margin: 0 auto;
}
#home-content .home-subtitle {
  margin: 50px 0;
  padding: 20px 0;
  line-height: 36px;
  font-size: 20px;
  font-family: Lato, Arial, sans-serif;
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
  box-shadow: 2px 2px 0 0 #f1ba6a;
}
#home-content .feature-boxes {
  width: 100%;
  margin-bottom: 30px;
}
#home-content .feature-boxes #feature-box1,
#home-content .feature-boxes #feature-box2,
#home-content .feature-boxes #feature-box3 {
  height: 261px;
  width: 313px;
  display: block;
  overflow: visible;
  box-shadow: 2px 2px 0 0 #f1ba6a;
  margin: 0 auto 50px;
}
#home-content .feature-boxes #feature-box1 {
  background: rgba(0, 0, 0, 0.5);
}
#home-content .feature-boxes #feature-box1 #feature-box1-img {
  position: relative;
  top: 0px;
}
#home-content .feature-boxes #feature-box1 #feature-box1-txt {
  position: relative;
  top: -258px;
  width: 220px;
  height: 235px;
  left: 80px;
  text-align: right;
}
#home-content .feature-boxes #feature-box1 #feature-box1-txt h3 {
  color: #f28c2c;
  font-family: Raleway, Arial, sans-serif;
  font-size: 28px;
  font-weight: 300;
}
#home-content .feature-boxes #feature-box1 #feature-box1-txt p {
  font-size: 18px;
  font-weight: 300;
}
#home-content .feature-boxes #feature-box1 #feature-box1-txt .orangebtn {
  margin-top: 40px;
  margin-left: 10px;
}
#home-content .feature-boxes #feature-box2 {
  background: rgba(0, 0, 0, 0.5);
}
#home-content .feature-boxes #feature-box2 #feature-box2-img {
  position: relative;
  top: -36px;
}
#home-content .feature-boxes #feature-box2 #feature-box2-txt {
  position: relative;
  top: -290px;
  width: 220px;
  height: 260px;
  left: 15px;
  text-align: left;
}
#home-content .feature-boxes #feature-box2 #feature-box2-txt h3 {
  color: #d05d3e;
  font-family: Raleway, Arial, sans-serif;
  font-size: 28px;
  font-weight: 300;
}
#home-content .feature-boxes #feature-box2 #feature-box2-txt p {
  font-size: 18px;
  font-weight: 300;
}
#home-content .feature-boxes #feature-box2 #feature-box2-txt .peachbtn {
  margin-top: 17px;
}
#home-content .feature-boxes #feature-box3 {
  background: rgba(0, 0, 0, 0.5);
}
#home-content .feature-boxes #feature-box3 #feature-box3-img {
  position: relative;
  top: -10px;
}
#home-content .feature-boxes #feature-box3 #feature-box3-txt {
  position: relative;
  top: -272px;
  width: 220px;
  height: 260px;
  left: 80px;
  text-align: right;
}
#home-content .feature-boxes #feature-box3 #feature-box3-txt h3 {
  color: #f28c2c;
  font-family: Raleway, Arial, sans-serif;
  font-size: 28px;
  font-weight: 300;
}
#home-content .feature-boxes #feature-box3 #feature-box3-txt p {
  font-size: 18px;
  font-weight: 300;
}
#home-content .feature-boxes #feature-box3 #feature-box3-txt .orangebtn {
  margin-top: 17px;
  margin-left: 10px;
}
#home-content .upcoming-projects {
  height: auto;
  background: rgba(0, 0, 0, 0.5);
  box-shadow: 2px 2px 0 0 #f1ba6a;
  width: 280px;
  padding-bottom: 56px;
  margin: 0 auto 20px;
}
#home-content .upcoming-projects .titlewithdiv {
  color: #fff;
  font-size: 28px;
  font-family: Raleway, Arial, sans-serif;
  text-align: center;
  padding: 24px 16px;
}
#home-content .upcoming-projects .upcoming-project {
  width: 280px;
  margin: 40px auto 0;
  position: relative;
  text-align: center;
  background: url('../images/document-icon.png') no-repeat 85px 0; 
  height: 300px;
}
#home-content .upcoming-projects .upcoming-project .datenum {
  padding-top: 38px;
  font-size: 32px;
  font-family: Raleway, Arial, sans-serif;
  font-weight: 600;
}
#home-content .upcoming-projects .upcoming-project .caltitle {
  padding-top: 22px;
  font-size: 14px;
  font-family: Raleway, Arial, sans-serif;
  font-weight: 600;
  width: 180px;
  margin: 0 auto;
}
#home-content .upcoming-projects .upcoming-project .caldesc {
  padding-top: 30px;
  color: #bdbdbd;
  font-size: 14px;
  font-family: Raleway, Arial, sans-serif;
  font-weight: 300;
  width: 100px;
  margin: 0 auto;
}
#home-content .upcoming-projects .upcoming-project .calenq {
  margin: 20px 66px;
  position: absolute;
  top: 270px; 
}
#home-content .our-clients {
  clear: both;
  width: 280px;
  display: block;
  background: rgba(0, 0, 0, 0.5);
  box-shadow: 2px 2px 0 0 #f1ba6a;
  padding: 0px;
  margin: 0 auto 40px;
}
#home-content .our-clients .client-title {
  color: #fcbf67;
  font-size: 28px;
  font-family: Raleway, Arial, sans-serif;
  font-weight: 300;
  text-align: left;
  padding: 0px;
  width: 100%;
  text-align: center;
  margin: 0 auto;
}
#home-content .our-clients .clients-list {
  padding: 10px 0;
}
#home-content .our-clients .clients-list img {
  width: 100%;
}
.site-inner {
  padding: 20px 0 0;
  margin: 0 auto;
  /* for IE */
  zoom: 1;
}
.site-inner:before,
.site-inner:after {
  content: "";
  display: table;
}
.site-inner:after {
  clear: both;
}
.site-inner .wrap {
  background: #fff;
  padding: 20px;
}
.site-inner .wrap .footer-widgets .wrap {
  margin-top: 0px;
}
.home .site-inner {
  padding: 20px 15px;
  margin: 0 auto;
  /* for IE */
  zoom: 1;
}
.home .site-inner:before,
.home .site-inner:after {
  content: "";
  display: table;
}
.home .site-inner:after {
  clear: both;
}
.home .site-inner .wrap {
  background: transparent;
}
.home .footer-widgets .wrap {
  margin-top: 16px;
}
.members-menu {
  text-align: center;
}
.members-menu .wrap .members-back {
  float: left;
  width: 100%;
  text-align: center;
  padding: 6px 0 3px;
}
.members-menu .wrap .wrap-inner {
  background: #fcbf67;
}
.members-menu .wrap .wrap-inner form {
  padding: 3px 0 6px;
}
.members-menu .wrap .wrap-inner form .searchlocation {
  display: none;
}
.members-menu .wrap .wrap-inner form .searchcategory {
  display: none;
}
.registrationform input,
.registrationform textarea,
.registrationform select {
  width: 320px;
}
.registrationform input[type=checkbox],
.registrationform input[type=radio] {
  width: 28px;
}
#sidebar-box-1 {
  height: 235px;
  margin-bottom: 20px;
}
#sidebar-box-1 #feature-box1 {
  position: relative;
  top: 0;
}
#sidebar-box-1 #feature-box1-txt {
  height: 200px;
  left: 70px;
  position: relative;
  text-align: right;
  top: -235px;
  width: 205px;
}
#sidebar-box-1 #feature-box1-txt h3 {
  color: #f28c2c;
  font-family: Raleway, Arial, sans-serif;
  font-size: 28px;
  font-weight: 300;
}
#sidebar-box-1 #feature-box1-txt p {
  margin-bottom: 24px;
}
#sidebar-box-2 {
  height: 260px;
  margin-bottom: 20px;
}
#sidebar-box-2 #feature-box2 {
  position: relative;
  top: 0;
}
#sidebar-box-2 #feature-box2-txt {
  height: 200px;
  left: 0px;
  position: relative;
  text-align: left;
  top: -250px;
  width: 205px;
}
#sidebar-box-2 #feature-box2-txt h3 {
  color: #d05d3e;
  font-family: Raleway, Arial, sans-serif;
  font-size: 28px;
  font-weight: 300;
}
#sidebar-box-2 #feature-box2-txt p {
  margin-bottom: 20px;
}
#sidebar-box-3 {
  height: 245px;
  margin-bottom: 20px;
}
#sidebar-box-3 #feature-box3 {
  position: relative;
  top: 0;
}
#sidebar-box-3 #feature-box3-txt {
  height: 200px;
  left: 70px;
  position: relative;
  text-align: right;
  top: -240px;
  width: 205px;
}
#sidebar-box-3 #feature-box3-txt h3 {
  color: #f28c2c;
  font-family: Raleway, Arial, sans-serif;
  font-size: 28px;
  font-weight: 300;
}
#sidebar-box-3 #feature-box3-txt p {
  margin-bottom: 16px;
}
/*
	.feature-boxes {
		width:100%;
		margin-bottom:30px;

		#feature-box1,
		#feature-box2,
		#feature-box3 {
			height:261px;
			width:313px;
			// float:left;
			display:block;
			overflow:visible;
			box-shadow: 2px 2px 0 0 #f1ba6a;
			margin:0 auto 50px;
		}
*/
.business-listing {
  border: 1px solid #e8e8e8;
  margin-bottom: 0.25em;
  overflow: hidden;
  padding: 0.75em;
}
.business-listing .img-wrap {
  float: left;
  width: 160px;
  height: 120px;
  overflow: hidden;
  background-color: #eeeeee;
}
.business-listing .img-wrap img {
  width: 100%;
}
.business-listing .main-data {
  float: left;
  padding: 0 16px;
  width: 70%;
}
.business-listing .supp-data {
  float: right;
  margin-top: 45px;
}
div.business-listing:nth-child(even) {
  background-color: #f8f8f8;
}
.leftcheckboxes,
.rightcheckboxes {
  float: left;
  width: 220px;
}
.leftcontactdetails,
.rightcontactdetails {
  float: left;
  width: 360px;
}
h2.decorativeheading {
  padding: 3px 6px;
  background-color: #fcbf67;
  color: #fff;
}
.jobslist {
  width: 210px;
  float: left;
}
.hoverinstruct {
  width: 21px;
  height: 18px;
  background-image: url('/wp-content/themes/resource/images/question-icon.png');
  float: left;
  margin-left: 8px;
}
.hoverinstruct span {
  background: #F8F8F8;
  border: 5px solid #DFDFDF;
  color: #717171;
  font-size: 13px;
  height: 30px;
  letter-spacing: 1px;
  position: relative;
  top: -36px;
  left: 24px;
  display: none;
  padding: 0 20px;
  width: 360px;
  height: auto;
}
.hoverinstruct:hover span {
  display: block;
}
.wrap .content .mce-edit-area{
	border: 1px solid lightgray;
}
.businessGalleryCont{
	
}
.wrap .content .entry-content .businessGallery{
	list-style: none;
	}
.wrap .content .entry-content .businessGallery li
{
	display: inline-block;
	float: left;
	
}
.ui-accordion-header{
	background-color: #fcbf67;
	padding: 20px;
}
/*new Design changes 09/16*/
.homeBTN{
	color: white;
	width: 25%;
	display: block;
	float: left;
	padding: 1.5% 3%;
	text-align: center;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	margin-bottom: 30px;
	
}
.homeBTN:hover
{
	color: white;
	text-decoration: none;
	
	transform: translateY(4px);
	
}
.homeBTN:active{
	transform: translateY(4px);
	color: white;
	text-decoration: none;
}
.homeBTN:visited{
	color: white;
	text-decoration: none;
}
.homeBTN.first{
	background-color: #72635d;
	padding-left: 3%;
	box-shadow: 0 7px #372f2c;
}
.homeBTN.second
{
background-color: #f7921e;	
    margin: auto 3.5%;
    box-shadow: 0 7px #a0452b;
}
.homeBTN.third{
	background-color: #b0151e;
	box-shadow: 0 7px #7b111c;
}
.homeBTN.first:hover{
	background-color: #72635d;
	padding-left: 3%;
	box-shadow: 0 3px #372f2c;
}
.homeBTN.second:hover
{
background-color: #f7921e;	
    margin: auto 3.5%;
    box-shadow: 0 3px #a0452b;
}
.homeBTN.third:hover{
	background-color: #b0151e;
	box-shadow: 0 3px #7b111c;
}

.newHomeButtonsContainer
{
	width: 100%;
	position: relative;
	
}
.homevideo{
	margin-top: 20px;
}
.homevideo iframe{
	max-width: 100%;
}
/******************************************************************
TABLET & MID-RANGE STYLES
This is used for tablets like iPads and Android tablets or if 
someone resizes their browser to a medium size. Here, we'll add
to our already simple base styles.
******************************************************************/
@media only screen and (min-width: 600px) {
  /* styles in 600up.less */
  /******************************************************************
Site Name: 
Author: 

Stylesheet: Tablet & Mid-Range Stylesheet

Here's where you can start getting into the good stuff.
This size will work on iPads, other tablets, and desktops.
So you can start working with more styles, background images,
and other resources. You can also start working with layouts
and grid systems if you like. Have fun!

******************************************************************/
  /*********************
POSTS & CONTENT
*********************/
  .content {
    width: 100%;
  }

  /* layout options */
  .content-sidebar .content,
  .sidebar-content .content {
    width: 560px;
    margin: 20px;
  }
  .sidebar-content .content,
  .sidebar-sidebar-content .content {
    float: right;
  }
  .full-width-content .content {
    width: 600px;
    margin: 0 auto;
  }
  #home-content {
    width: 600px;
    margin: 0 auto;
  }
  /*********************
SIDEBAR ALTERATIONS
*********************/
  .sidebar-primary {
    float: right;
    display: inline;
    width: 600px;
    margin: 0 auto;
  }
  /*********************
FOOTER WIDGETS 
*********************/
  .num-footer-widget-2 .footer-widgets,
  .num-footer-widget-4 .footer-widgets {
    /* for IE */
    zoom: 1;
  }
  .num-footer-widget-2 .footer-widgets:before,
  .num-footer-widget-4 .footer-widgets:before,
  .num-footer-widget-2 .footer-widgets:after,
  .num-footer-widget-4 .footer-widgets:after {
    content: "";
    display: table;
  }
  .num-footer-widget-2 .footer-widgets:after,
  .num-footer-widget-4 .footer-widgets:after {
    clear: both;
  }
  .num-footer-widget-2 .footer-widgets .widget-area,
  .num-footer-widget-4 .footer-widgets .widget-area {
    width: 48%;
    float: left;
    padding-left: 3%;
  }
  .num-footer-widget-2 .footer-widgets .widget-area.footer-widgets-1,
  .num-footer-widget-4 .footer-widgets .widget-area.footer-widgets-1 {
    clear: both;
    padding-left: 0;
  }
  .num-footer-widget-3 .footer-widgets {
    /* for IE */
    zoom: 1;
  }
  .num-footer-widget-3 .footer-widgets:before,
  .num-footer-widget-3 .footer-widgets:after {
    content: "";
    display: table;
  }
  .num-footer-widget-3 .footer-widgets:after {
    clear: both;
  }
  .num-footer-widget-3 .footer-widgets .widget-area {
    width: 31%;
    float: left;
    padding-left: 3%;
  }
  .num-footer-widget-3 .footer-widgets .widget-area.footer-widgets-1 {
    clear: both;
    padding-left: 0;
  }
  .num-footer-widget-4 .footer-widgets .widget-area.footer-widgets-1,
  .num-footer-widget-4 .footer-widgets .widget-area.footer-widgets-3 {
    clear: both;
    padding-left: 0;
  }
  .footer-widgets {
    width: 600px;
    margin: 0 auto;
  }
  .footer-widgets .wrap {
    width: 600px;
    padding: 20px 0;
  }
  .footer-widgets .widget {
    padding-left: 30px;
  }
  /* end footer widgets */
  #home-content .feature-boxes {
    margin-bottom: 90px;
  }
  #home-content .feature-boxes #feature-box1,
  #home-content .feature-boxes #feature-box2,
  #home-content .feature-boxes #feature-box3 {
    height: 319px;
    width: 383px;
    display: block;
    overflow: visible;
    box-shadow: 2px 2px 0 0 #f1ba6a;
    margin: 16px auto 90px;
  }
  #home-content .feature-boxes #feature-box1 {
    background: rgba(0, 0, 0, 0.5);
  }
  #home-content .feature-boxes #feature-box1 #feature-box1-img {
    position: relative;
    top: 0px;
  }
  #home-content .feature-boxes #feature-box1 #feature-box1-txt {
    position: relative;
    top: -288px;
    width: 220px;
    height: 260px;
    left: 130px;
    text-align: right;
  }
  #home-content .feature-boxes #feature-box1 #feature-box1-txt h3 {
    color: #f28c2c;
    font-family: Raleway, Arial, sans-serif;
    font-size: 28px;
    font-weight: 300;
  }
  #home-content .feature-boxes #feature-box1 #feature-box1-txt p {
    font-size: 18px;
    font-weight: 300;
  }
  #home-content .feature-boxes #feature-box1 #feature-box1-txt .orangebtn {
    margin-top: 40px;
    margin-left: 10px;
  }
  #home-content .feature-boxes #feature-box2 {
    background: rgba(0, 0, 0, 0.5);
  }
  #home-content .feature-boxes #feature-box2 #feature-box2-img {
    position: relative;
    top: -36px;
  }
  #home-content .feature-boxes #feature-box2 #feature-box2-txt {
    position: relative;
    top: -324px;
    width: 220px;
    height: 260px;
    left: 30px;
    text-align: left;
  }
  #home-content .feature-boxes #feature-box2 #feature-box2-txt h3 {
    color: #d05d3e;
    font-family: Raleway, Arial, sans-serif;
    font-size: 28px;
    font-weight: 300;
  }
  #home-content .feature-boxes #feature-box2 #feature-box2-txt p {
    font-size: 18px;
    font-weight: 300;
  }
  #home-content .feature-boxes #feature-box2 #feature-box2-txt .peachbtn {
    margin-top: 17px;
  }
  #home-content .feature-boxes #feature-box3 {
    background: rgba(0, 0, 0, 0.5);
  }
  #home-content .feature-boxes #feature-box3 #feature-box3-img {
    position: relative;
    top: -13px;
  }
  #home-content .feature-boxes #feature-box3 #feature-box3-txt {
    position: relative;
    top: -302px;
    width: 220px;
    height: 260px;
    left: 130px;
    text-align: right;
  }
  #home-content .feature-boxes #feature-box3 #feature-box3-txt h3 {
    color: #f28c2c;
    font-family: Raleway, Arial, sans-serif;
    font-size: 28px;
    font-weight: 300;
  }
  #home-content .feature-boxes #feature-box3 #feature-box3-txt p {
    font-size: 18px;
    font-weight: 300;
  }
  #home-content .feature-boxes #feature-box3 #feature-box3-txt .orangebtn {
    margin-top: 17px;
    margin-left: 10px;
  }
  #home-content .upcoming-projects {
    width: 600px;
    height: 840px;
    background: rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 0 0 #f1ba6a;
    padding: 0px;
    margin-bottom: 56px;
    clear: both;
  }
  #home-content .upcoming-projects .titlewithdiv {
    color: #fff;
    font-size: 28px;
    font-family: Raleway, Arial, sans-serif;
    text-align: center;
    padding: 24px 16px;
  }
  #home-content .upcoming-projects .upcoming-project {
    float: left;
    position: relative;
    width: 298px;
    text-align: center;
    background: url('../images/document-icon.png') no-repeat 92px 0;
    margin-top: 40px;
    height: 300px;
  }
  #home-content .upcoming-projects .upcoming-project .datenum {
    padding-top: 38px;
    font-size: 32px;
    font-family: Raleway, Arial, sans-serif;
    font-weight: 600;
  }
  #home-content .upcoming-projects .upcoming-project .caltitle {
    padding-top: 22px;
  font-size: 14px;
  font-family: Raleway, Arial, sans-serif;
  font-weight: 600;
  width: 180px;
  margin: 0 auto;
  }
  #home-content .upcoming-projects .upcoming-project .caldesc {
    padding-top: 30px;
    color: #bdbdbd;
    font-size: 14px;
    font-family: Raleway, Arial, sans-serif;
    font-weight: 300;
    width: 100px;
    margin: 0 auto;
  }
  #home-content .upcoming-projects .upcoming-project .calenq {
    margin: 20px 66px;
  }
  #home-content .upcoming-projects #project1,
  #home-content .upcoming-projects #project3 {
    border-right: 1px solid #fff;
  }
  #home-content .our-clients {
    clear: both;
    height: 124px;
    width: 600px;
    background: rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 0 0 #f1ba6a;
    padding: 0;
    margin-bottom: 40px;
  }
  #home-content .our-clients .client-title {
    color: #fcbf67;
    font-size: 28px;
    font-family: Raleway, Arial, sans-serif;
    font-weight: 300;
    text-align: left;
    padding: 20px 0 10px;
    float: left;
    width: 100%;
    text-align: center;
    margin: 0 auto;
  }
  #home-content .our-clients .clients-list {
    float: left;
    width: 595px;
    padding: 0px;
    margin: 0 auto;
  }
  .site-inner {
    padding: 20px 0 0;
    margin: 0 auto;
    width: 100%;
    /* for IE */
    zoom: 1;
  }
  .site-inner:before,
  .site-inner:after {
    content: "";
    display: table;
  }
  .site-inner:after {
    clear: both;
  }
  .site-inner .wrap {
    background: #fff;
    width: 600px;
    margin: 0 auto;
    padding: 0px;
  }
  .home .site-inner {
    padding: 20px 15px;
    /* for IE */
    zoom: 1;
  }
  .home .site-inner:before,
  .home .site-inner:after {
    content: "";
    display: table;
  }
  .home .site-inner:after {
    clear: both;
  }
  .home .site-inner .wrap {
    background: transparent;
  }
  .site-footer {
    width: 100%;
  }
  .site-footer .wrap {
    width: 600px;
    margin: 0 auto;
    padding-top: 10px;
  }
  .registrationform input,
  .registrationform select {
    width: 480px;
  }
  .registrationform textarea {
    width: 600px;
    height: 150px;
  }
  .registrationform input[type=checkbox],
  .registrationform input[type=radio] {
    width: 20px;
    margin-left: 24px;
  }
}
/* end of media query */
/******************************************************************
DESKTOP STYLES
This is your standard view. It's what most of your visitors will
see and it will be on a good connection so we can really add some
hefty styles here without worrying it will overload mobile.
******************************************************************/
@media only screen and (min-width: 960px) {
  /* styles in 960up.less */
  /******************************************************************
Site Name: 
Author: 

Stylesheet: Standard Desktop

This is your standard view. It's what most of your visitors will
see and it will be on a good connection so we can really add some
hefty styles here.

******************************************************************/
  /*********************
GRID & LAYOUT
We have room now so start working in our grid and lay things out
a bit more. Things should still be light, but you can customize it
a bit for a unique tablet experience.
*********************/
  .five-sixths,
  .four-fifths,
  .four-sixths,
  .one-fifth,
  .one-fourth,
  .one-half,
  .one-sixth,
  .one-third,
  .three-fifths,
  .three-fourths,
  .three-sixths,
  .two-fifths,
  .two-fourths,
  .two-sixths,
  .two-thirds {
    float: left;
    margin: 0 0 20px;
    padding-left: 3%;
  }
  .one-sixth {
    width: 14%;
  }
  .one-fifth {
    width: 17.4%;
  }
  .one-fourth {
    width: 22.5%;
  }
  .one-third,
  .two-sixths {
    width: 31%;
  }
  .two-fifths {
    width: 37.8%;
  }
  .one-half,
  .three-sixths,
  .two-fourths {
    width: 48%;
  }
  .three-fifths {
    width: 58.2%;
  }
  .four-sixths,
  .two-thirds {
    width: 65%;
  }
  .three-fourths {
    width: 73.5%;
  }
  .four-fifths {
    width: 78.6%;
  }
  .five-sixths {
    width: 82%;
  }
  .first {
    clear: both;
    padding-left: 0;
  }
  /*********************
WRAPS & INNER
*********************/
  .content-sidebar-wrap {
    width: 750px;
    float: left;
  }
  .content-sidebar .content-sidebar-wrap,
  .full-width-content .content-sidebar-wrap,
  .sidebar-content .content-sidebar-wrap {
    width: 100%;
  }
  .sidebar-content-sidebar .content-sidebar-wrap,
  .sidebar-sidebar-content .content-sidebar-wrap {
    float: right;
  }
  .site-inner {
    padding: 20px 0 0;
  }
  .site-inner > .wrap {
    width: 960px;
    margin: 0 auto;
  }
  .home .site-inner {
    padding: 0px;
  }
  /*********************
IMAGE HEADER
*********************/
  .header-image .title-area {
    float: left;
  }
  .header-image .title-area .site-title {
    text-align: left;
    padding-left: 14px;
  }
  .header-image .title-area .site-title a {
    margin: 3px 0 9px;
  }
  /*********************
HEADER
*********************/
  .site-header {
    /*********************
	HEADER WIDGET AREA
	*********************/
    /*********************
	HEADER SEARCH
	*********************/
  }
  .site-header .wrap {
    width: 960px;
    margin: 37px auto 0;
    -webkit-box-shadow: 2px 2px 0px 0px #f1ba6a;
    -moz-box-shadow: 2px 2px 0px 0px #f1ba6a;
    box-shadow: 2px 2px 0px 0px #f1ba6a;
  }
  .site-header .widget-area {
    float: right;
  }
  .site-header .searchform {
    float: right;
  }
  /* end header */
  .site-description {
    text-align: left;
  }
  /*********************
NAVIGATION
*********************/
  #menu-icon {
    display: none;
  }
  .nav-primary {
    /* end .menu */
  }
  .nav-primary .menu {
    clear: both;
    background-color: #ffffff;
    color: ;
    display: block;
    border: none;
    text-align: center;
    margin: 0;
    padding: 0;
    width: auto;
    float: right;
    position: relative;
    top: -44px;
    height: 0px;
  }
  .nav-primary .menu ul {
    margin: 0;
    padding: 0;
  }
  .nav-primary .menu li {
    display: block;
    float: left;
    /* show sub-menu on hover */
  }
  .nav-primary .menu li a {
    font-family: Lato, Arial, Times, serif;
    font-size: 12px;
    display: block;
    padding: 5px 10px 4px;
    border: none;
    color: #8b7d73;
    /* hover & current page highlight */
  }
  .nav-primary .menu li a:hover,
  .nav-primary .menu li a:focus {
    background: none;
    color: #af1b44;
  }
  .nav-primary .menu li ul {
    display: block;
    position: absolute;
    height: auto;
    left: -9999em;
    margin: 0;
    width: 160px;
    z-index: 8999;
  }
  .nav-primary .menu li ul li {
    display: block;
    float: none;
  }
  .nav-primary .menu li ul a {
    padding: 5px 10px;
    display: block;
    border: none;
    color: ;
    background: ;
    text-align: left;
  }
  .nav-primary .menu li ul a:hover,
  .nav-primary .menu li ul a:focus {
    background: ;
  }
  .nav-primary .menu li ul ul {
    margin: -28px 0 0 160px;
  }
  .nav-primary .menu li ul ul a {
    border: none;
    display: block;
    padding: 5px 10px;
    text-transform: none;
    color: ;
    background: ;
  }
  .nav-primary .menu li:hover > ul {
    left: auto;
  }
  .nav-primary .menu > li.current_page_item > a,
  .nav-primary .menu > li.current-cat > a,
  .nav-primary .menu > li.current-menu-item > a {
    background: none;
    color: #af1b44;
  }
  .nav-primary .menu > li.current_page_item > a:hover,
  .nav-primary .menu > li.current-cat > a:hover,
  .nav-primary .menu > li.current-menu-item > a:hover {
    background: none;
    color: #af1b44;
  }
  /*********************
POSTS & CONTENT
*********************/
  .content {
    float: left;
    width: 960px;
  }
  /* layout options */
  .content-sidebar .content,
  .sidebar-content .content {
    width: 660px;
    margin: 0px;
  }
  .sidebar-content .content,
  .sidebar-sidebar-content .content {
    float: right;
  }
  .full-width-content .content {
    width: 100%;
  }
  /*********************
BREADCRUMBS
*********************/
  /*********************
DESCRIPTIONS
*********************/
  .archive-page {
    float: left;
    width: 45%;
  }
  /*********************
POST CLASSES
*********************/
  .content .post,
  .content .page {
    padding: 0;
  }
  /*********************
ENTRY CONTENT
*********************/
  .entry-title {
    margin-top: 24px;
    margin-left: 24px;
  }
  .entry-content {
    margin: 26px;
  }
  /* end entry-content */
  h1.entry-title {
    text-align: left;
    margin: 40px 20px 20px;
  }
  .entry-content h1.entry-title {
    margin: 20px 0px;
  }
  .entry-footer .entry-meta {
    border-top: 1px solid #ddd;
    clear: both;
    font-size: 12px;
    padding: 5px 0 0;
  }
  /*********************
AUTHOR BOX
*********************/
  .author-box {
    margin: 0 0 40px;
  }
  /*********************
POST NAVIGATION
*********************/
  .navigation {
    margin: 0;
  }
  /*********************
SIDEBAR ALTERATIONS
*********************/
  .sidebar-primary {
    float: right;
    display: inline;
    width: 280px;
    padding-right: 10px;
    padding-top: 40px;
  }
  .sidebar-secondary {
    float: left;
    width: 150px;
  }
  .sidebar-content .sidebar-primary,
  .sidebar-sidebar-content .sidebar-primary {
    float: left;
  }
  .content-sidebar-sidebar .sidebar-secondary {
    float: right;
  }
  /*********************
WIDGET STYLES
*********************/
  .widget {
    margin: 0;
  }
  /*********************
COMMENT STYLES
**********************/
  .entry-comments,
  #respond {
    padding: 0;
  }
  /*********************
FOOTER STYLES
*********************/
  .site-footer {
    width: 100%;
    margin-bottom: 115px;
  }
  .site-footer .wrap {
    width: 960px;
    margin: 0 auto;
    padding-top: 10px;
  }
  .site-footer .left {
    float: left;
    text-align: left;
    padding: 16px 13px 20px;
    line-height: 14px;
  }
  .site-footer .right {
    float: right;
    text-align: right;
    position: relative;
    padding: 20px 13px 0;
  }
  /*********************
FOOTER WIDGETS 
*********************/
  .footer-widgets {
    width: 960px;
    margin: 0 auto;
  }
  .footer-widgets .wrap {
    width: 960px;
    padding: 20px 0;
  }
  .footer-widgets .widget {
    padding-left: 30px;
  }
  /* end footer widgets */
  .num-footer-widget-4 .footer-widgets .widget-area {
    width: 22.5%;
  }
  .num-footer-widget-4 .footer-widgets .widget-area.footer-widgets-3 {
    clear: none;
    padding-left: 3%;
  }
  #home-content {
    width: 960px;
    margin: 0 auto;
  }
  #home-content .feature-boxes {
    width: 960px;
  }
  #home-content .feature-boxes #feature-box1,
  #home-content .feature-boxes #feature-box2,
  #home-content .feature-boxes #feature-box3 {
    height: 257px;
    width: 308px;
    float: left;
    display: block;
    overflow: visible;
    box-shadow: 2px 2px 0 0 #f1ba6a;
    margin-bottom: 50px;
  }
  #home-content .feature-boxes #feature-box1 {
    background: rgba(0, 0, 0, 0.5);
  }
  #home-content .feature-boxes #feature-box1 #feature-box1-img {
    position: relative;
    top: 0px;
  }
  #home-content .feature-boxes #feature-box1 #feature-box1-txt {
    position: relative;
    top: -258px;
    width: 220px;
    height: 235px;
    left: 80px;
    text-align: right;
  }
  #home-content .feature-boxes #feature-box1 #feature-box1-txt h3 {
    color: #f28c2c;
    font-family: Raleway, Arial, sans-serif;
    font-size: 28px;
    font-weight: 300;
  }
  #home-content .feature-boxes #feature-box1 #feature-box1-txt p {
    font-size: 18px;
    font-weight: 300;
  }
  #home-content .feature-boxes #feature-box1 #feature-box1-txt .orangebtn {
    margin-top: 40px;
    margin-left: 10px;
  }
  #home-content .feature-boxes #feature-box2 {
    margin: 16px 18px 0;
    background: rgba(0, 0, 0, 0.5);
  }
  #home-content .feature-boxes #feature-box2 #feature-box2-img {
    position: relative;
    top: -29px;
  }
  #home-content .feature-boxes #feature-box2 #feature-box2-txt {
    position: relative;
    top: -287px;
    width: 220px;
    height: 260px;
    left: 15px;
    text-align: left;
  }
  #home-content .feature-boxes #feature-box3 {
    background: rgba(0, 0, 0, 0.5);
  }
  #home-content .feature-boxes #feature-box3 #feature-box3-img {
    position: relative;
    top: -10px;
  }
  #home-content .feature-boxes #feature-box3 #feature-box3-txt {
    position: relative;
    top: -269px;
    width: 220px;
    height: 260px;
    left: 80px;
    text-align: right;
  }
  #home-content .upcoming-projects {
    clear: both;
    width: 960px;
    background: rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 0 0 #f1ba6a;
    padding: 0px;
    margin-bottom: 56px;
  }
  #home-content .upcoming-projects .titlewithdiv {
    color: #fff;
    font-size: 28px;
    font-family: Raleway, Arial, sans-serif;
    text-align: center;
    padding: 24px 16px;
  }
  #home-content .upcoming-projects .upcoming-project {
    width: 478px;
    text-align: center;
    background: url('../images/document-icon.png') no-repeat 182px 0;
    float: left;
    margin-top: 40px;
    height: 300px;
  }
  #home-content .upcoming-projects .upcoming-project .datenum {
    padding-top: 38px;
    font-size: 32px;
    font-family: Raleway, Arial, sans-serif;
    font-weight: 600;
  }
  #home-content .upcoming-projects .upcoming-project .caltitle {
    padding-top: 22px;
  font-size: 14px;
  font-family: Raleway, Arial, sans-serif;
  font-weight: 600;
  width: 180px;
  margin: 0 auto;
  }
  #home-content .upcoming-projects .upcoming-project .caldesc {
    padding-top: 30px;
    color: #bdbdbd;
    font-size: 14px;
    font-family: Raleway, Arial, sans-serif;
    font-weight: 300;
    width: 360px;
    margin: 0 auto;
  }
  #home-content .upcoming-projects .upcoming-project .calenq {
    margin: 20px 162px;
  }
  #home-content .our-clients {
    clear: both;
    height: 124px;
    width: 960px;
    background: rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 0 0 #f1ba6a;
    padding: 0px;
    margin-bottom: 40px;
  }
  #home-content .our-clients .client-title {
    color: #fcbf67;
    font-size: 28px;
    font-family: Raleway, Arial, sans-serif;
    font-weight: 300;
    text-align: left;
    padding: 42px 0 0 140px;
    float: left;
    width: auto;
  }
  #home-content .our-clients .clients-list {
    float: left;
    padding: 42px 0 0 0px;
  }
  .loginbtn {
    -webkit-border-radius: 12;
    -moz-border-radius: 12;
    border-radius: 12px;
    display: block;
    font-family: Arial;
    font-size: 12px;
    height: 24px;
    margin-right: 24px !important;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 124px;
    color: #a22a27;
    background: #ffffff;
    border: solid #a22a27 1px;
    -webkit-transition: background 0.3s;
    /* For Safari 3.1 to 6.0 */
    transition: background 0.3s;
  }
  .loginbtn a,
  .loginbtn a:visited {
    color: #a22a27 !important;
  }
  .loginbtn:hover {
    text-decoration: none;
    color: #ffffff !important;
    background: #a22a27;
    border: solid #ffffff 1px;
  }
  .loginbtn:hover a:hover {
    color: #ffffff !important;
  }
  .members-menu {
    text-align: left;
  }
  .members-menu .wrap {
    width: 962px;
    margin: 0 auto;
  }
  .members-menu .wrap .members-back {
    float: left;
    width: auto;
    text-align: left;
    margin: 12px 0 0 24px;
    padding: 0px;
  }
  .members-menu .wrap .wrap-inner {
    width: 960px;
    margin-left: 3px;
    background: #fcbf67;
    height: 42px;
    padding-top: 6px;
  }
  .members-menu .wrap .wrap-inner form {
    padding: 0px;
    position: relative;
    width: 720px;
    background: #fff;
    margin-left: 205px;
    margin-top: 2px;
  }
  .members-menu .wrap .wrap-inner form input[type="button"],
  .members-menu .wrap .wrap-inner form input[type="submit"],
  .members-menu .wrap .wrap-inner form .button,
  .members-menu .wrap .wrap-inner form .button:visited {
    background: #d05d3e;
    border-color: #d05d3e;
  }
  .members-menu .wrap .wrap-inner form .searchkeyword {
    width: 185px;
    position: absolute;
    left: 60px;
    height: 32px;
  }
  .members-menu .wrap .wrap-inner form .searchlocation {
    display: inline;
    width: 184px;
    position: absolute;
    left: 248px;
        height: 32px;
  }
  .members-menu .wrap .wrap-inner form .searchcategory {
    display: inline;
    width: 184px;
    position: absolute;
    left: 435px;
        height: 32px;
  }
  .members-menu .wrap .wrap-inner form .topsearch {
    background-color: #d05d3e;
    border-color: #d05d3e;
    border-style: solid;
    border-width: 1px;
    color: #ffffff;
    font-size: 12px;
    height: 31px;
    line-height: 24px;
    padding: 4px 12px;
    position: absolute;
    left: 623px;
    width: 125px;
  }
  .tooltip {
    display: none;
    position: absolute;
    border: 1px solid #333;
    background-color: #161616;
    border-radius: 5px;
    padding: 10px;
    color: #fff;
    font-size: 12px Arial;
  }
  .leftcheckboxes,
  .rightcheckboxes {
    margin-bottom: 24px;
  }
}
/* end of media query */
@media only screen and (min-width: 1200px) {
  /* styles in 960up.less */
  /******************************************************************
Site Name: 
Author: 

Stylesheet: Super Large Screens

This is for super wide monitors for the l33t people. If you 
worked in a good base in the previous styles, this should work
pretty seamlessly.

******************************************************************/
  .site-header .wrap {
    width: 1200px;
    margin: 37px auto 0;
  }
  .site-inner > .wrap {
    width: 1200px;
    margin: 0 auto;
  }
  .content-sidebar .content {
    width: 880px;
  }
  .nav-primary .menu li a {
    padding: 5px 15px 4px;
  }
  #home-content {
    width: 1200px;
    margin: 0 auto;
  }
  #home-content .feature-boxes {
    width: 1200px;
    margin-bottom: 90px;
  }
  #home-content .feature-boxes #feature-box1,
  #home-content .feature-boxes #feature-box2,
  #home-content .feature-boxes #feature-box3 {
    height: 319px;
    width: 383px;
    float: left;
    display: block;
    overflow: visible;
    box-shadow: 2px 2px 0 0 #f1ba6a;
    margin-bottom: 90px;
  }
  #home-content .feature-boxes #feature-box1 {
    background: rgba(0, 0, 0, 0.5);
  }
  #home-content .feature-boxes #feature-box1 #feature-box1-img {
    position: relative;
    top: 0px;
  }
  #home-content .feature-boxes #feature-box1 #feature-box1-txt {
    position: relative;
    top: -288px;
    width: 220px;
    height: 260px;
    left: 130px;
    text-align: right;
  }
  #home-content .feature-boxes #feature-box1 #feature-box1-txt h3 {
    color: #f28c2c;
    font-family: Raleway, Arial, sans-serif;
    font-size: 28px;
    font-weight: 300;
  }
  #home-content .feature-boxes #feature-box1 #feature-box1-txt p {
    font-size: 18px;
    font-weight: 300;
  }
  #home-content .feature-boxes #feature-box1 #feature-box1-txt .orangebtn {
    margin-top: 40px;
    margin-left: 10px;
  }
  #home-content .feature-boxes #feature-box2 {
    margin: 16px 25px 90px;
    background: rgba(0, 0, 0, 0.5);
  }
  #home-content .feature-boxes #feature-box2 #feature-box2-img {
    position: relative;
    top: -36px;
  }
  #home-content .feature-boxes #feature-box2 #feature-box2-txt {
    position: relative;
    top: -324px;
    width: 220px;
    height: 260px;
    left: 30px;
    text-align: left;
  }
  #home-content .feature-boxes #feature-box2 #feature-box2-txt h3 {
    color: #d05d3e;
    font-family: Raleway, Arial, sans-serif;
    font-size: 28px;
    font-weight: 300;
  }
  #home-content .feature-boxes #feature-box2 #feature-box2-txt p {
    font-size: 18px;
    font-weight: 300;
  }
  #home-content .feature-boxes #feature-box2 #feature-box2-txt .peachbtn {
    margin-top: 17px;
  }
  #home-content .feature-boxes #feature-box3 {
    background: rgba(0, 0, 0, 0.5);
  }
  #home-content .feature-boxes #feature-box3 #feature-box3-img {
    position: relative;
    top: -13px;
  }
  #home-content .feature-boxes #feature-box3 #feature-box3-txt {
    position: relative;
    top: -302px;
    width: 220px;
    height: 260px;
    left: 130px;
    text-align: right;
  }
  #home-content .feature-boxes #feature-box3 #feature-box3-txt h3 {
    color: #f28c2c;
    font-family: Raleway, Arial, sans-serif;
    font-size: 28px;
    font-weight: 300;
  }
  #home-content .feature-boxes #feature-box3 #feature-box3-txt p {
    font-size: 18px;
    font-weight: 300;
  }
  #home-content .feature-boxes #feature-box3 #feature-box3-txt .orangebtn {
    margin-top: 17px;
    margin-left: 10px;
  }
  #home-content .upcoming-projects {
    clear: both;
    width: 1130px;
    height: 496px;
    background: rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 0 0 #f1ba6a;
    padding: 0 35px;
    margin-bottom: 56px;
  }
  #home-content .upcoming-projects .titlewithdiv {
    color: #fff;
    font-size: 28px;
    font-family: Raleway, Arial, sans-serif;
    text-align: center;
    padding: 24px 16px;
  }
  #home-content .upcoming-projects .upcoming-project {
    width: 280px;
    text-align: center;
    background: url('../images/document-icon.png') no-repeat 85px 0;
    float: left;
    margin-top: 40px;
    height: 300px;
  }
  #home-content .upcoming-projects .upcoming-project .datenum {
    padding-top: 38px;
    font-size: 32px;
    font-family: Raleway, Arial, sans-serif;
    font-weight: 600;
  }
  #home-content .upcoming-projects .upcoming-project .caltitle {
    padding-top: 22px;
  font-size: 14px;
  font-family: Raleway, Arial, sans-serif;
  font-weight: 600;
  width: 180px;
  margin: 0 auto;
  }
  #home-content .upcoming-projects .upcoming-project .caldesc {
    padding-top: 30px;
    color: #bdbdbd;
    font-size: 14px;
    font-family: Raleway, Arial, sans-serif;
    font-weight: 300;
    width: 100px;
    margin: 0 auto;
  }
  #home-content .upcoming-projects .upcoming-project .calenq {
    margin: 20px 66px;
  }
  #home-content .upcoming-projects #project1,
  #home-content .upcoming-projects #project2,
  #home-content .upcoming-projects #project3 {
    border-right: 1px solid #fff;
  }
  #home-content .our-clients {
    clear: both;
    height: 124px;
    width: 1200px;
    background: rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 0 0 #f1ba6a;
    padding: 0;
    margin-bottom: 40px;
  }
  #home-content .our-clients .client-title {
    color: #fcbf67;
    font-size: 28px;
    font-family: Raleway, Arial, sans-serif;
    font-weight: 300;
    text-align: left;
    padding: 42px 0 0 140px;
    float: left;
  }
  #home-content .our-clients .clients-list {
    float: left;
    padding: 42px 0 0 170px;
  }
  .footer-widgets {
    width: 1200px;
    margin: 0 auto;
  }
  .footer-widgets .wrap {
    width: 1200px;
    padding: 20px 0;
  }
  .footer-widgets .widget {
    padding-left: 30px;
  }
  /* end footer widgets */
  .site-footer {
    width: 100%;
    margin-bottom: 115px;
  }
  .site-footer .wrap {
    width: 1200px;
    margin: 0 auto;
    padding-top: 10px;
  }
  .members-menu .wrap {
    width: 1202px;
    margin: 0 auto;
  }
  .members-menu .wrap .wrap-inner {
    width: 1200px;
    margin-left: 3px;
  }
  .members-menu .wrap .wrap-inner form {
    margin-left: 205px;
  }
  .members-menu .wrap .wrap-inner form .searchkeyword {
    left: 276px;
  }
  .members-menu .wrap .wrap-inner form .searchlocation {
    left: 464px;
  }
  .members-menu .wrap .wrap-inner form .searchcategory {
    left: 651px;
  }
  .members-menu .wrap .wrap-inner form .topsearch {
    left: 839px;
  }
}
/* end of media query */
/******************************************************************
SUPER LARGE MONITORS STYLES 
This is for super wide monitors for the l33t people. If you 
worked in a good base in the previous styles, this should work
pretty seamlessly.
******************************************************************/
@media only screen and (min-width: 1382px) {
  /* styles in 1382up.less */
  /******************************************************************
Site Name: 
Author: 

Stylesheet: Super Large Screens

This is for super wide monitors for the l33t people. If you 
worked in a good base in the previous styles, this should work
pretty seamlessly.

******************************************************************/
}
/* end of media query */
/******************************************************************
PRINT STYLESHEET
******************************************************************/
@media print {
  * {
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  a,
  a:visited {
    color: #444 !important;
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
.catCheck{
	float: left;
	white-space: nowrap;
}
.catCont{
	margin: 30px auto;
	text-align: left;
}
.catCont:after{
	clear: both;
	display:block;
	content: " ";
}
.registrationform .ui-accordion-header{
	font-size: 1em;
}
/* end of print stylesheet (DO NOT DELETE) */
@media only screen and (max-width: 1200px) {
.newHomeButtonsContainer
{
	width: 100%;
	position: relative;
	top: -20px;
}
}
@media only screen and (max-width: 960px) {
	  
.homeBTN.second{
	margin: auto auto;
}
 .homeBTN{
	    width: 45%;
	    margin: 20px auto;
	    float: none;
}
.homevideo iframe{
	width: 100%;
	max-height: 340px;
}
}
@media only screen and (max-width: 600px) {
	 .homeBTN{
	    width: 80%;
	    margin: 20px auto;
	    float: none;
}
.homevideo iframe{
	width: 100%;
	max-height: 235px;
}
}