body {
	/* background: #fff url(/wp-content/themes/wallstreet-light/bg-tile-1.png) center top repeat; */
	background: #fff;
	color: #333;
	margin: 0;
	padding: 0;
	height: 100%;
	font-size: 17px;
	line-height: 1.52947;
	font-weight: 400;
	letter-spacing: -0.021em;
	font-style: normal;
	font-family: 'SF Pro Text';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-font-feature-settings: 'kern';
	font-synthesis: none;
	direction: ltr;
}

strong {
	font-weight: 700;
}

/* FONTS */
p {
    font-family: 'SF Pro Text';
    font-size: 18px;
    font-weight: 400;
	color: #656667;
    line-height:25px;
	letter-spacing: .02em;
	opacity: 0.0;
	margin: 0;
	-webkit-transition: opacity 0.4s; 
    transition: opacity 0.4s;
}
a {
	color: #E64E45;
}
a:hover {
	color: #656667;
}
li {
	font-family: 'SF Pro Text';
    font-size: 17px;
	line-height: 1.52947;
	letter-spacing: -0.021em;
	color: #656667;
	list-style-type: disc;
	opacity: 0.0;
	-webkit-transition: opacity 0.4s; 
    transition: opacity 0.4s;
}
h1 {
    font-family: 'SF Pro Display';
	font-size: 48px;
    font-weight: 700;
    letter-spacing: 0.008em;
    line-height: 42px;
	margin: 0 auto;
	color: #5d5d5d;
	opacity: 0.0;
	-webkit-transition: opacity 0.4s; 
    transition: opacity 0.4s;
}
h2 {
    font-family: 'SF Pro Display';
    font-size: 22px;
    font-weight: 700;
	color: #5d5d5d;
    letter-spacing: 0.008em;
    line-height: 17px;
	margin: 0 auto;
	opacity: 0.0;
	-webkit-transition: opacity 0.4s; 
    transition: opacity 0.4s;
}
/* END FONTS */

h1 + *, h2 + *, h3 + *, h4 + *, h5 + *, h6 + * {
	margin-top: 0.75em;
}


@media (min-width: 768px) {
.container {
    width: 100%;
	/* max-width: 1800px; */
}
}

/* navbar stuff */
.navbar {
    min-height: 70px;
    height:100px;
    box-shadow: none;
}
.navbar-background {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.8);
	transition: background-color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1);
}
.navbar-background:after {
	background-color: rgba(51, 51, 51, 0.2);
	margin-left: -490px;
	left: 50%;
	content: "";
	display: block;
	position: absolute;
	top: 100%;
	width: 980px;
	height: 1px;
	z-index: 20;
}
.navbar .navbar-background:after {
	background-color: rgba(51, 51, 51, 0.2);
	margin-left: 0;
	left: 0;
	width: 100%;
}
.navbar-inverse {
	background-color: transparent !important;
}
.navbar-header {
    height: auto;
	width:auto;
	position:relative;
}
.navbar-header:after {
	opacity: 0.0;
	-webkit-transition: opacity 0.4s; 
    transition: opacity 0.4s;
}
.navbar-header.finished:after {
	opacity: 0.8;
}
@media (min-width: 992px) {
.navbar-header:after {
    background: #eaf2ff;
    content: '';
    height: 85px;
    width: 1px;
    position: absolute;
    right: -30px;
    top: 7px;
}
}
@media (min-width: 1200px) {
.navbar-header:after {
    right: -40px;
}
}
.navbar .navbar-nav > li > a {
    font-family: 'SF Pro Text';
    padding: 40px 22px;
    font-size: 13px;
    color: #333;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    /* text-shadow: 1px 1px 2px rgba(0, 0, 0, 1.0); */
    -webkit-transition: color 0.4s; /* Safari */
    transition: color 0.4s;
}
.navbar-brand {
    position:relative;
    padding: 0;
    margin: 0;
    line-height: 90px;
}
@media (min-width: 992px) {
.navbar-brand:after, .navbar-brand:visited:after {
    background: #eaf2ff;
    content: '';
    height: 85px;
    width: 1px;
    position: absolute;
    right: -30px;
    top: 7px;
}
}
@media (min-width: 1200px) {
.navbar-brand:after, .navbar-brand:visited:after {
    height: 85px;
    right: -40px;
}
}
@media (min-width: 768px) {
.navbar-right {
    float: left !important;
    margin-left:55px;
}
}

.navbar-nav .open .dropdown-menu > li > a {
	padding: 15px 0px;
}
.navbar-right .dropdown-menu {
	left: 15px;
}

#svg-logo {
	margin-top: 10px;
	visibility: hidden;
}

#Layer_1 > .llc {
	fill-opacity: 0.0;
 	transition: fill-opacity 0.5s;
}
#Layer_1 > .llc.finished {
	fill-opacity: 1.0;
}

.strokeAccent {
	stroke: var(--accentHover);
}
.strokeNormal {
	stroke: var(--accent);
}

.dropdown-menu {
	background-color: rgba(250, 250, 250, 0.9);
  	border: 1px solid #eaeaea;
  	/* box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.8); */
  	min-width: 245px;
  	top: 80%;
  	display: block;
  	visibility: hidden;
	opacity: 0.0;
  	transition: visiblity 0s, opacity 0.4s ease-in-out;
}
.open > .dropdown-menu {
 	visibility: visible;
  	opacity: 1.0;
}
.dropdown-menu > li {
	list-style-type: none;
}
.dropdown-menu > li > a {
  	font-family: 'SF Pro Text';
    font-size: 13px;
    color: #333;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
  	padding: 15px 0px;
  	margin: 0 20px;
  	border-bottom: 1px solid rgba(25, 25, 25, 0.2);
}
.dropdown-menu > li > a:last-child {
	border-bottom: none;
}
.dropdown-menu > li > a:hover {
  	cursor: pointer;
}

.menu-item:hover {
    cursor:pointer;
}

.social-icons:before {
    display:table;
    content: " ";
}
.social-icons:after {
    clear:both;
    display:table;
    content: " ";
}
.social-icons {
    height:auto;
    width:auto;
    margin-right:-15px;
    margin-left:-15px;
	position: relative;
}
@media (min-width: 768px) {
.social-icons {
    float: right;
    margin-left:0;
    margin-right:0;
}
}
.head-contact-social {
    float:none;
    padding:30px 0 15px;
}
.head-contact-social li {
    border-left:none;
	font-size: 22px;
}
.head-contact-social li:hover {
    background-color: transparent;
	cursor: pointer;
}
.head-contact-social li:last-child {
    border-right: none;
}
.head-contact-social li > a > i {
    font-size: 14px;
    line-height: 20px;
    color: #656667;
    /* text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.8); */
}

/* end navbar stuff*/


/* NEW SVG HEADER BG IMAGE DESIGN */



.svg-hero {
	background-image: url('http://stepbuilder.connerowen.me/wp-content/uploads/2017/06/OurStoryRedux.svg');
	background-color:#f8f8f8;
	background-repeat:no-repeat;
	background-size:2020px;
	background-position:50% 0%;
	position:relative;
	top:-100px;
	margin-bottom:-100px;
}

.hero-header-container {
	max-width: 578px;
	padding-top: 300px;
	margin: 0 auto;
	text-align: center;
}
.typography-section-headline {
	font-family: 'SF Pro Display';
	line-height: 1.05;
    font-weight: 700;
    font-size: 48px;
    letter-spacing: 0.008em;
	text-transform: initial;
}
.typography-subsection-headline {
	font-size: 30px;
	line-height: 1.5em;
	letter-spacing: 0.011em;
	font-weight: 700;
}
.typography-subsection-headline-homepage {
	font-size: 40px;
	text-align: center;
	line-height: 1.05;
	letter-spacing: 0.008em;
}
.typography-section-subtitle {
	font-family:'SF Pro Display';
	font-size: 20px;
	font-weight: 400;
	line-height: 1.45455;
	letter-spacing: 0.016em;
	color: #656667;
	margin: 1.2em 0 0;
	padding: 0;
}
.typography-section-subtitle-homepage {
	font-family:'SF Pro Display';
	max-width: 674px;
	font-size: 22px;
	line-height: 1.45455;
	letter-spacing: 0.016em;
	color: #656667;
	margin-left: auto;
	margin-right: auto;
	font-weight: 300;
	text-align: center;
}

.typography-subsection-subtitle {
	font-size: 17px;
	line-height: 1.52947;
	letter-spacing: -0.021em;
	position: relative;
	display: inline-block;
}
.typography-subsection-subtitle-homepage {
	font-family: 'SF Pro Display';
	font-size: 20px;
	letter-spacing: 0.016em;
	display: block;
	text-align: center;
	padding-bottom: 2em;
}

.inline-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.inline-list > li {
	display: block;
	position: relative;
}

.row {
	margin: 0;
	position: relative;
	z-index: 1;
}
.column {
	box-sizing: border-box;
	position: relative;
	z-index: 1;
	margin: 0;
	padding: 0;
	float: left;
	min-height: 2px;
}
.column-large-offset {
	margin-left: 8.3333%;
}
.column-large-6 {
	width: 50%;
}

.divider {
	display: block;
	border-top: 1px solid #d6d6d6;
	margin: 2em auto 2em;
	max-width: 980px;
}

.main-content-container {
	max-width: 980px;
	margin: 0 auto;
	padding: 0;
	color: #646464;
}

/* SECTION HEADERS */

.section_heading_title {
	margin: 0;
	padding: 0;
    width: auto;
}
.section_heading_title h1 {
    font-family: 'SF Pro Display';
	line-height: 1.04167;
    font-weight: 700;
    font-size: 48px;
    letter-spacing: 0.006em;
    color: #5d5d5d;
	text-transform: initial;
	margin: 0;
	padding-bottom: 23px;
}
.section_heading_title p {
    font-family: 'SF Pro Text';
    padding: 25px 0px 15px;
	font-size: 17px;
	line-height: 1.52947;
	letter-spacing: -0.021em;
	font-weight: 400;
	color: #656667;
	margin: 0 auto;
}



/* END SECTION HEADERS */



/*header text colors */
.homepage_mycarousel {
    background: transparent;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	/* box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); */
}

.parallax-parent {
	height:780px;
	width: 100%;
	overflow: hidden;
}
/*
.parallax-parent > * {
	height: 185%;
	position: relative;
	top: -10%;
}
*/
.header-img {
	opacity: 0.0;
	-webkit-transition: opacity 0.4s; /* Safari */
    transition: opacity 0.4s;
}

.flex-slider-center {
    margin: 0;
    top: 120px;
    left: 30px;
    padding: 0;
    width: 800px;
    height: 535px;
	position: absolute;
	opacity: 0.0;
	-webkit-transition: opacity 0.4s; /* Safari */
    transition: opacity 0.4s;
}

.slide-text-bg1 {
    margin: 40px 0;
    padding: 0 40px;
}
.slide-text-bg1 h2 {
    color: #d5e2f7;
    font-weight: 500;
    font-size: 34px;
    line-height: 42px;
    font-family: 'SF Pro Display';
    letter-spacing: 0.0008em;
    text-transform: uppercase;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.8);
}
.slide-text-bg2 {
    margin: 0 0 30px;
    padding: 0 0px 5px 0;
}
.slide-text-bg2 h1 {
    color: #eaf2ff;
    border-top: 2px solid #eaf2ff;
    border-bottom: 2px solid #eaf2ff;
    font-family: 'SF Pro Display';
    font-weight: 600;
    letter-spacing: 0.0008em;
    line-height: 88px;
    padding:10px 0;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.8);
}
.slide-text-bg2 span {
    font-weight: 300;
    font-family: 'Display';
    line-height: 88px;
}
.slide-text-bg3 {
    padding: 0 80px;
}
.slide-text-bg3 p {
    color: #d5e2f7;
    font-family: 'SF Pro Text';
    letter-spacing: 0.02em;
    font-weight: 500;
    font-size:24px;
    line-height:34px;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.8);
}

/* END HEADER TITLE */

/* SERVICES SECTION OF HOMEPAGE */
.service-columns {
	height: 770px;
}
#services-column {
	float: none;
	width: 100%;
	padding: 30px 0;
}
.service-area {
	position: relative;
	padding: 0;
	width: 100%;
	height: 150px;
    border: none;
  	margin: 0;
	transition: none;
}
.service-area:hover .service-box img {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
	transform: none;
}
.service-box {
	float: left;
	top: 0;
	left: 0px;
	margin: 0;
	transition: none;
}
.service-box img {
	margin: auto;
	height: 150px;
	width: 150px;
    border: 2px solid rgba(93, 93, 93, 0.8);
	opacity: 0;
	-webkit-transition: opacity 0.4s; 
    transition: opacity 0.4s;
}
.service-text {
	font-family: 'SF Pro Text';
	letter-spacing: 0px;
	color: #656567;
	padding: 0;
	margin: 0;
	margin-right: 1em;
	position: relative;
	float: right;
	width: 68%;
}
.service-header {
	font-family: 'SF Pro Display';
	letter-spacing: 0.008em;
	color: #5d5d5d;
    font-weight: 700;
    font-size: 24px;
	line-height: 1.4;
    margin: 0;
	text-align: start;
}
.service-header > a {
    color: #5d5d5d;
	transition: color 0.3s ease-in-out 0s;
}
.service-header > a:hover {
	cursor: pointer;
}
.service-area h2 > a {
	color: #5d5d5d;
	transition: color 0.3s ease-in-out 0s;
}
.service-area:hover h2 > a {
    color: var(--accentHover);
}
.service-body {
	font-family: 'SF Pro Text';
	letter-spacing: -0.021em;
	color: #656667 !important;
    font-weight: 400;
    font-size: 17px;
    line-height: 1.52947;
	text-align: start;
	padding: 0px;
}
.service-link {
	font-family: 'SF Pro Text';
	letter-spacing: .002em;
	color: #656667 !important;
	font-weight: 400;
    font-size: 17px;
    line-height: 23px;
	text-align: end;
	margin: 0;
	padding: 0px;
	padding-right: 20px;
	display: none;
}
.service-link > a:hover {
	cursor: pointer;
}


/* END SERVICES SECTION */

/* PORTFOLIO SECTION OF HOMEPAGE */

.home-portfolio-area {
	margin-bottom: 150px;
	margin-top: 30px;
}
.home-portfolio-showcase-media img {
  	border-radius: 4px;
}
.home-portfolio-showcase .home-portfolio-showcase-detail h4 {

	color: #656667;
	border-bottom: 1px solid #656667;
	margin: 0 30px;
	font-family: 'SF Pro Display';
    font-weight: 700;
    line-height: 20px;
    font-size: 22px;
}
.home-portfolio-showcase-overlay {
	border-radius: 4px;
}
.portfolio-section {
	padding: 0;
}


/* END PORTFOLIO SECTION */

/* BLOG SECTION OF HOMEPAGE */

.home-blog-section {
	padding: 0;
}
.home-blog-area {
	border: 1px solid #eaeaea;
	margin-bottom:0px;
	min-height: 620px;
}
.home-blog-area:hover {
	border: 1px solid #eaeaea;
	background-color: #fcfcfc;
}
.home-blog-info {
	padding: 25px;
}
.home-blog-post-img {
	max-height: 210px;
}
.home-blog-area:hover .home-blog-post-img img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);

}
.home-blog-post-detail {
	font-family: 'SF Pro Text';
	font-weight: 400;
	font-size: 13px;
	text-transform: uppercase;
	border-bottom: 1px solid #ebebeb;
	margin: 0 0 1.5em;
	padding: 0 0 1.5em;
}
.home-blog-post-detail > .date, .home-blog-post-detail > .comment, .home-blog-post-detail > .comment > a, .home-blog-post-detail > .comment > a > i {
	color: #656667;
	font-size: 13px;
	font-weight: 500;
}
.home-blog-area .home-blog-info h2 {
	font-family: 'SF Pro Display';
	font-weight: 700;
	font-size: 30px;
	line-height:35px;
	letter-spacing:0.008em;
	color: #5d5d5d;
	margin: 0 0 30px;
}
.home-blog-area .home-blog-info h2 > a {
	color: #5d5d5d;
}
.home-blog-area:hover .home-blog-info h2 > a {
	color: #5d5d5d !important;
	cursor: pointer;
}
.home-blog-description {
	margin: 0 0 10px;
}
.home-blog-description p {
	color: #656667;
	font-family: 'SF Pro Text';
	font-weight: 400;
	font-size:17px;
	line-height:23px;
	letter-spacing:.02em;
}
.home-blog-btn a {
	color: #656667;
	font-family: 'SF Pro Text';
	font-weight: 500;
	font-size:14px;
	line-height:22px;
	letter-spacing:0em;
}
/* END BLOG SECTION */


/* FOOTER SECTION */

.footer-section {
	width: 100%;
	height: auto;
	position: relative;
	background-color: transparent;
}
.footer-content {
	max-width: 980px;
	margin: 0 auto;
	padding: 40px 22px 14px;
	position: relative;
}
.footer-background {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.8);
	transition: background-color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1);
}
.footer-background:after {
	background-color: rgba(51, 51, 51, 0.2);
	margin-left: -490px;
	left: 50%;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	width: 980px;
	height: 1px;
	z-index: 20;
}
.footer-section .footer-background:after {
	background-color: rgba(51, 51, 51, 0.2);
	margin-left: 0;
	left: 0;
	width: 100%;
}
.footer-breadcrumbs {
	height: auto;
	width: 100%;
	position: relative;
	display: inline-block;
	background: transparent;
	margin-bottom: 8px;
	line-height: 1.388889;
}
.breadcrumbs {
	padding: 0;
	border-radius: 0;
	margin-left: 0;
}
.breadcrumbs > li { 
	color: #333;
	font-family: 'SF Pro Text';
	font-weight: 400;
	font-size: 12px;
	line-height: 2;
	letter-spacing: .015em;
	display: inline-block;
	position: relative;
	padding-left: 1.8em;
}
.breadcrumbs > li a { 
	color: #656567;
}
.breadcrumbs > li a:hover { 
	color: #E64E45;
}
.breadcrumbs > li:first-child:before { 
	left: -16px;
}
.breadcrumbs > li:not(:first-child):before { 
	content: "";
	display: block;
	width: 24px;
	height: 24px;
	background: transparent url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNENkQ2RDYiIHN0cm9rZS13aWR0aD0iMC41IiBwb2ludHM9IjguMjgxLDMuNzUgMTUuNzE5LDEyIDguMjgxLDIwLjI1ICIvPg0KPC9zdmc+DQo=") no-repeat;
    position: absolute;
	left: -4px;
	top: 0px;
}
.breadcrumbs > li:first-child { 
	padding-left: 0;
	text-indent: 0px;
	padding-right: 8px;
}
.footer-copyright {
	border-top: 1px solid #e3e3e3;
	padding: 6px 0;
	width: 100%;
	position: relative;
}
.footer-copyright p {
	color: #888;
	font-family: 'SF Pro Text';
	font-weight: 400;
	font-size: 11px;
	line-height: 1.333333;
	letter-spacing: .015em;
	display: inline-block;
	margin-right: 26px;
	text-align: left;
}

.blog-detail-section {
    background-color: inherit;
    border: none;
    margin-right:0;
}
.blog-post-title {
    padding: 80px 0 0;
}

.content {
 	display: block;
  	width: auto;
	max-width: 85%;
  	margin: 75px auto;
}
.full-width {
  	width: 100vw;
  	position: relative;
  	left: 50%;
  	right: 50%;
  	margin-left: -50vw;
  	margin-right: -50vw;
	overflow: hidden;
}
.full-width img {

}
.image-overlay {
	position: absolute;
	margin: 0;
	top: 0;
	left: 48vw;
	width: auto;
	height: auto;
	z-index: 2;
}
.image-overlay img {
	margin: 0;
	min-height: 770px;
}
.text-overlay {
	position: absolute;
	margin: 0;
	top: 90px;
	left: 50px;
	width: 600px;
	height: auto;
	text-align: left;
	z-index: 2;
}
.text-overlay h1 {
	color: #fff;
	border-bottom: 1px solid rgba(255, 255, 255, 1.0);
	padding: 12px 0;
	width: auto;
	font-weight: 400;
	letter-spacing: 0;
	font-size: 42px;
	text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.8);
}
.text-overlay p {
	color: #fff;
	font-size: 22px;
	margin: 25px 0 10px;
	text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.8);
	opacity: 0.0;
	-webkit-transition: opacity 0.4s; /* Safari */
    transition: opacity 0.4s;
}

.spacer {
	width:100%;
	min-height: 70px;
}
.minispacer {
	width:100%;
	min-height: 20px;
}

li span {
	position: relative;
	left: 1.7em;
	margin-right: 20px;
}
.half-size {
	margin-left: 25px;
	position: relative;
}
.inner-row {
	height: 550px;
}


/***** colors ******/
.aqua {
	color: #00a995;
}
.red {
	color: #e8503f;
}
.yellow {
	color: #e1ad0b;
}
.teal {
    color: #1faed0;
}
.blue {
    color: #6996ad;
}
.orange {
    color: #DE4E43;
}
.grey {
    color: #656567;
}