/*
    Document   : Startups <3 Customers CSS
    Created on : 2014
    Author     : Greg Skloot
*/

/* Global formatting */

.clear {
	clear: both;
}

.bold {
	font-weight: 700;
}

.container_content_width {
	width:800px;
}

.italic {
	font-style: italic;
}

.center {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.animatedParent {
	overflow: hidden;
}

.font18 {
	font-size:18px;
}

.margin50 {
	margin-top: 50px;
	margin-bottom: 50px;
}

.margin75 {
	margin-top: 75px;
	margin-bottom: 75px;
}

/* Responsive - remove fixed 800px width for smaller screens */

@media (max-width: 950px) {

	.container_content_width {
		width:auto;
	}

}

.content {
	font-size: 20px;
	font-weight: 400;
	color: #666;
	font-family: 'Lora', serif;
}

.title {
	font-size: 36px;
	font-weight: 400;
	color: #414141;
	font-family: 'Lora', serif;
}

.subtitle_content {
	font-size: 25px;
	font-weight: 400;
	color: #414141;
	font-family: 'Lora', serif;
}

.section_seperator {
	margin-top:65px;
	padding-top: 55px;
	margin-bottom: 55px;
	border-top:1px solid #bebebe;
}

.sub_divide {
	border-top:1px solid #bebebe;
	padding-top: 50px;
}

.sub_divide_dotted {
	border-top:1px dotted #bebebe;
	padding-top: 50px;
}

.header_section_red {
	width: 100%;
	background-color: #3b3b3b;
	padding-top: 50px;
	padding-bottom: 50px;
	font-family: 'Open Sans', sans-serif;
	color: #fff;
	font-size: 50px;
	font-weight: 300;
	margin-bottom: 120px;
	margin-top: 120px;
	position: relative;
}

/* Responsive - remove fixed 800px width for smaller screens */

@media (max-width: 950px) {

	.header_section_red {
		text-align: center;
		font-size: 40px;
	}
}

/* Bullets and tool tip titles */

.fakelink_red {
	color: #ce0000;
	border-bottom: 1px dotted #ce0000;
}

.text_highlighted_red_bullets {
	background-color: #ce0000;
	color: #fff;
	padding: 15px;
	border-radius: 10px;
	margin-bottom: 15px;
}

.text_highlighted_grey_bullets {
	background-color: #ececec;
	padding: 10px;
	border-radius: 10px;
	margin-bottom: 15px;
}

/* Typing animation */

.typed-cursor{
	display: none;
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}
@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}

/* Large background image on Home screen */

#home_background {
	width: 100%;
	background-image: url('../images/home_background.jpg');
	height:800px;
	text-align: center;
	padding-top: 75px;
	font-family: 'Open Sans', sans-serif;
	z-index: 20000;
	position: relative;
}

/* logo - text */

#home_background .title {
	color: #fff;
	font-weight: 700;
	font-size: 55px;
	font-family: 'Open Sans', sans-serif;
}

/* logo - heart */

#home_background .heart {
	color: #ff0003;
	font-weight: 700;
	font-size: 50px;
   -webkit-text-stroke: 5px #fff;
   -moz-webkit-text-stroke: 5px #fff;
   margin-right: 20px;
   margin-left: 10px;
}

/* subtitle - text */

#home_background .subtitle {
	width:625px;
	float: none;
	margin-top: 75px;
	margin-right: auto;
	margin-left: auto;
	padding:30px 0px 30px 0px;
	color: #fff;
	font-weight: 300;
	font-size: 56px;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;	line-height: 1.5;

}

/* by line */

#home_background .byline {
	float: none;
	margin-right: auto;
	margin-left: auto;
	padding:35px 0px 30px 0px;
	color: #fff;
	font-weight: 300;
	font-style: italic;
	font-size: 20px;
	text-align: center;
}

/* arrow - down */

#home_background .arrow_down {
	margin-left: auto;
	margin-right: auto;
	margin-top: 35px;
	font-size: 50px;
	color: #fff;
}

#home_background .arrow_down > div {
    margin: 0 auto !important;
}

#home_background .home_background_arrow_link > div {
    margin: 0 auto !important;
}

/*Responsive - home background components*/

@media (max-width: 736px) {

	#home_background {
		padding-top: 40px;
		height: 660px;
	}

	#home_background .subtitle {
		width: auto;
		font-size: 30px;
		margin-top: 40px
	}

	#home_background .title { 
		font-size: 37px;
	}

	#home_background .heart {
		font-size: 38px;
	}
}

/*Custom links*/

a.home_background_link:link {color: #fff;text-decoration:none;border-bottom:1px dotted #fff;}
a.home_background_link:active {color: #fff;border-bottom:1px dotted #fff;}
a.home_background_link:visited {color: #fff;border-bottom:1px dotted #fff;}
a.home_background_link:hover {color: #28ceb4; border-bottom:1px dotted #28ceb4;}

a.home_background_arrow_link:link {color: #fff;text-decoration:none;border:0;}
a.home_background_arrow_link:active {color: #fff;text-decoration:none;border:0;}
a.home_background_arrow_link:visited {color: #fff;text-decoration:none;border:0;}
a.home_background_arrow_link:hover {color: #28ceb4;text-decoration:none;border:0;}

a.navbar_link:link {color: #fff;text-decoration:none;border:0;}
a.navbar_link:active {color: #fff;text-decoration:none;border:0;}
a.navbar_link:visited {color: #fff;text-decoration:none;border:0;}
a.navbar_link:hover {color: #28ceb4;text-decoration:none;border:0;}

/* Intro section */

#intro {
	margin-left: auto;
	margin-right: auto;
}

#intro_wrapper {
	z-index: 20000;
	position: relative;
	background-color: #fff;
	width: 100%;
	padding-top: 100px;
	padding-bottom: 120px;
}

#intro .title {
	margin-bottom: 50px;
}

.flip {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}

/* Funnel */

#funnel {
	padding-left:50px;
	border-left:1px dotted #bebebe;
}

.row_content_area {
	margin-left: auto;
	margin-right: auto;

}

.row_section_divide {
	padding-bottom:40px;
	margin-top: 40px;

}

#row_intro_funnel {
	margin-top: 40px;
}

#col_intro_funnel {
	margin-top: 30px;
	margin-bottom: 75px;
	background-color: #fff;
	padding: 30px;
	border: 1px dashed #ccc;
	border-radius: 10px;
}

.funnel_section {
	border-left: 40px solid transparent;
	border-right: 40px solid transparent;
	height: 0px;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	margin-right: auto;
	margin-left: auto;
 	border-bottom: 80px solid #ececec;
	position: relative;
}
 
 .funnel_targets {
	width: 600px;
}

 .funnel_leads {
	width: 510px;
}

 .funnel_opportunities {
	width: 410px;
}

 .funnel_customers {
	width: 310px;
}

 .funnel_text {
    text-align: center;
    padding-bottom: 25px;
	font-family: 'Open Sans', sans-serif;
	font-size: 25px;
	font-weight: 600;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}

/* Responsive - funnel */

@media (max-width: 413px) {
	.funnel_targets {
		width: 227px;
	}

	 .funnel_leads {
		width: 227px;
	}

	 .funnel_opportunities {
		width: 227px;
	}

	 .funnel_customers {
		width: 227px;
	}

	.funnel_text {
		font-size: 22px;
	}
}

@media (min-width: 414px) and (max-width: 550px) {
	.funnel_targets {
		width: 283px;
	}

	 .funnel_leads {
		width: 245px;
	}

	 .funnel_opportunities {
		width: 210px;
	}

	 .funnel_customers {
		width: 178px;
	}

	.funnel_text {
		font-size: 20px;
	}
}

@media (min-width: 551px) and (max-width: 600px) {
	.funnel_targets {
		width: 476px;
	}

	 .funnel_leads {
		width: 467px;
	}
}

@media (min-width: 601px) and (max-width: 667px) {
	.funnel_targets {
		width: 576px;
	}

}

.funnel_arrow_down {
	margin-left: auto;
	margin-right: auto;
	font-size: 30px !important;
	color:#ce0000;
	text-align: center;
	margin-top: 7px;
	margin-bottom: 7px;

}

/* Targets section */

.img_targets_cookies {
	border: 1px solid #666;
	margin-left: 100px;
	margin-top: 25px;
	margin-bottom: 30px;
	float: right;
	-webkit-box-shadow: 1px 2px 5px 0px rgba(50, 50, 50, 0.65);
	-moz-box-shadow:    1px 2px 5px 0px rgba(50, 50, 50, 0.65);
	box-shadow:         1px 2px 5px 0px rgba(50, 50, 50, 0.65);
}

/*Responsive - cookies image*/

@media (max-width: 450px) {
	.img_targets_cookies {
		margin-left: auto;
		margin-right: auto;
		float: none;
	}

}

.box_resize {
	float: left;
	background-color: #ce0000;
	padding: 10px;
	color: #fff;
	font-size: 22px;
	width: 225px;
	height: 225px
}

/* Flex boxes for colored animated box row */

.flex-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: start;
    -moz-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.flex-container-metrics {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: start;
    -moz-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.flex-item {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}

/* Responsive - flex container */

@media (min-width:451px) and (max-width: 768px) {
	.flex-container {
		width: 450px;
		margin-left: auto;
		margin-right: auto;
	}
}

/* multi colored flex box bar formatting */

.flex_content_colored {
	padding: 20px;
	background-color: #ececec;
	z-index: 1;
	color: #fff;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;	
}

/* Responsive - multi-colored flex box bar */

@media (max-width: 950px) {

	.flex_content_colored {
		font-size:16px;
	}

}

/* vendor logo flex boxes */

.flex_content_logos {
	padding: 0px 20px 0px 20px;
	z-index: 1;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	border-right:1px dotted #bebebe; 
	font-size: 16px;	
	
}

.logo_last_noborder {
	border: 0px !important;
}

/* Responsive - vendor logo flex boxes */

@media (min-width: 415px) and (max-width: 768px) {

	.flex_content_logos {
		margin-bottom: 33px !important;
		margin-right: 20px !important;
	}

	.logo_last_noborder {
		border-right: 1px dotted #bebebe !important;
	}

}

.spacer_responsive {
	display: none;
}

@media (max-width: 450px) {
	.flex_content_logos {
		border-right:0px; 
		border-bottom:1px dotted #bebebe; 
		padding: 0px 20px 30px 20px;
	}

	.spacer_responsive {
		display: inherit;
	}

}

.flex-item:hover {
	z-index: 2;
}

.content_container_200 {
	width:160px;
	margin-left:auto;
	margin-right:auto;
}

@media (max-width: 950px) {

	.font18 {
		font-size:16px;
	}

}

/* flex box sizing and content container */

.width_200 {
	width: 199px;
	height: 199px;
}

.width_225 {
	width: 245px;
	height: 250px;
	margin-right:20px; 
}

.width_200_rectangle {
	width: 200px;
	height: 275px;
}

.width_400 {
	width: 399px;
	height: 200px;
}

.content_container_400 {
	width:320px;
	margin-left:auto;
	margin-right:auto;
}

.width_266 {
	width: 266px;
	height: 200px;
}

.content_container_266 {
	width:226px;
	margin-left:auto;
	margin-right:auto;
	font-size: 23px;
}

/* Responsive - flex box sizing and content container */

@media (max-width: 950px) {

	.content_container_200 {
		width:auto;
	}

	.content_container_266 {
		width:auto;
	}
	
	.content_container_400 {
		width:auto;
	}

	.width_200_rectangle {
		height: auto;
	}
}

/* number in circle within flex boxes */

.number_circle {

	border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	display: inline-block;
	font-weight: bold;
	line-height: 2em;
	text-align: center;
	width: 2.0em;
	color: #fff;
	font-size: 25px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	margin-bottom: 15px;
}

/* formatting for specific logos */

.logo_container {
	height:115px;
	position:relative;
	margin-bottom:20px;
}

@media (max-width: 450px) {
	.logo_container {
		margin-bottom:0px;
	}
}
@media (max-width: 768px) {
	.width_225 {
		width: 250px;
		height: 250px;
		margin-right: 0px;
		margin-top:20px;
	}
}

.logo_salesforce {
	margin-top:0px;
}

.logo_freshsales {
	margin-top:30px;
}

.logo_pipedrive {
	margin-top:30px;
}

.logo_closeio {
	margin-top: 15px;
}

.logo_hubspot {
	margin-top:27px;
}

.logo_marketo {
	margin-top:0px;
}

.logo_pardot {
	margin-top:9px;
}

.logo_eloqua {
	margin-top: 12px;
}

.logo_ringcentral {
	margin-top:44px;
}

.logo_grasshopper {
	margin-top:35px;
}

.logo_virtualpbx {
	margin-top:40px;
}

.logo_talkdesk {
	margin-top: 42px;
	width: 117px;
}

.logo_sidekick {
	margin-top: 45px;
}

.logo_insightsquared {
	margin-top: 48px;
}

.logo_yesware {
	margin-top: 45px;
}

.logo_rapportive {
	margin-top: 45px;
}

.logo_docusign {
	margin-top: 40px;
}

.logo_salesloft {
	margin-top: 40px;
}

.logo_joinme {
	margin-top: 13px;
	width: 117px;
}

.logo_chatter {
	margin-top: 13px;
	width: 117px;
}

@media (max-width: 450px) {

	.logo_salesforce {
		margin-top:0px;
	}

	.logo_relateiq {
		margin-top:30px;
	}

	.logo_pipedrive {
		margin-top:30px;
	}

	.logo_closeio {
		margin-top: 15px;
	}

	.logo_hubspot {
		margin-top:27px;
	}

	.logo_marketo {
		margin-top:20px;
	}

	.logo_pardot {
		margin-top:20px;
	}

	.logo_eloqua {
		margin-top: 20px;
	}

	.logo_ringcentral {
		margin-top:44px;
	}

	.logo_grasshopper {
		margin-top:35px;
	}

	.logo_virtualpbx {
		margin-top:40px;
	}

	.logo_talkdesk {
		margin-top: 42px;
		width: 117px;
	}

	.logo_sidekick {
		margin-top: 45px;
	}

	.logo_insightsquared {
		margin-top: 48px;
	}

	.logo_yesware {
		margin-top: 45px;
	}

	.logo_rapportive {
		margin-top: 45px;
	}

	.logo_docusign {
		margin-top: 40px;
	}

	.logo_salesloft {
		margin-top: 40px;
	}

	.logo_joinme {
		margin-top: 23px;
		width: 117px;
	}

	.logo_chatter {
		margin-top: 23px;
		width: 117px;
	}

}

/*
    Legacy Firefox implementation treats all flex containers
    as inline-block elements.
*/

@-moz-document url-prefix() {
.flex-container {
    width: 100%;
    -moz-box-sizing: border-box;
    }

}

/* Flex box colors and hover effects */

/* red - customers */

.red { 
	color:#ff0003; 
}

.red1 { 
	background: #9D3155; 
}

.red2 { 
	background: #7D1538; 
}

.red3 { 
	background: #5A011F; 
}

.red4 { 
	background: #47071C; 
}

.red1_dark { 
	background: #891F43; 
}

.red2_dark { 
	background: #69102E; 
}

.red3_dark { 
	background: #471727; 
}

.red4_dark { 
	background: #360012; 
}

.red1:hover {
  box-shadow: 0px 0px 0px 5px rgba(157,49,85,0.3);       
}

.red2:hover {
  box-shadow: 0px 0px 0px 5px rgba(125,21,56,0.3);       
}

.red3:hover {
  box-shadow: 0px 0px 0px 5px rgba(90,1,31,0.3);       
}

.red4:hover {
  box-shadow: 0px 0px 0px 5px rgba(71,7,28,0.3);       
}

/* blue - targets */

.blue1 { 
	background: #A8D4DA; 
}

.blue2 { 
	background: #7FB6BE; 
}

.blue3 { 
	background: #519099; 
}

.blue4 { 
	background: #327780; 
}

.blue1_dark { 
	background: #89c2c9; 
}

.blue2_dark { 
	background: #62a2ab; 
}

.blue3_dark { 
	background: #3c7a83; 
}

.blue4_dark { 
	background: #266871; 
}

.blue1:hover {
  box-shadow: 0px 0px 0px 5px rgba(168,212,218,0.3);       

}

.blue2:hover {
  box-shadow: 0px 0px 0px 5px rgba(127,182,190,0.3);       
}

.blue3:hover {
  box-shadow: 0px 0px 0px 5px rgba(81,144,153,0.3);       
}

.blue4:hover {
  box-shadow: 0px 0px 0px 5px rgba(50,119,128,0.3);       
}

/* green - leads */

.green1 { 
	background: #5EA84A; 
}

.green2 { 
	background: #3A8626; 
}

.green3 { 
	background: #2B7218; 
}

.green4 { 
	background: #0D4000; 
}

.green1_dark { 
	background: #51953F; 
}

.green2_dark { 
	background: #2F791B; 
}

.green3_dark { 
	background: #20640E; 
}

.green4_dark { 
	background: #266871; 
}

.green1:hover {
  box-shadow: 0px 0px 0px 5px rgba(94,168,74,0.3);       
}

.green2:hover {
  box-shadow: 0px 0px 0px 5px rgba(58,134,38,0.3);       
}

.green3:hover {
  box-shadow: 0px 0px 0px 5px rgba(43,114,24,0.3);       
}

.green4:hover {
  box-shadow: 0px 0px 0px 5px rgba(13,64,0,0.3);       
}

/* purple - opportunities */

.purple1 { 
	background: #8B467A; 
}
.purple2 { 
	background: #881A6D; 
}

.purple3 { 
	background: #752160; 
}

.purple4 { 
	background: #622151; 
}

.purple1_dark { 
	background: #7D346A; 
}

.purple2_dark { 
	background: #78125D; 
}

.purple3_dark { 
	background: #5F2151; 
}

.purple4_dark { 
	background: #4C2343; 
}

.purple1:hover {
  box-shadow: 0px 0px 0px 5px rgba(139,70,122,0.3);       
}

.purple2:hover {
  box-shadow: 0px 0px 0px 5px rgba(136,26,109,0.3);       
}

.purple3:hover {
  box-shadow: 0px 0px 0px 5px rgba(117,33,96,0.3);       
}

.purple4:hover {
  box-shadow: 0px 0px 0px 5px rgba(98,33,81,0.3);       
}

/* remove shadow on hover */

.noshadow:hover {
	box-shadow: none !important;
}

/* metric boxes */

.metrics_row1 {
	margin-top:50px;
	margin-bottom:20px;
}

.metrics_row2 {
	margin-bottom:50px;
}

/* resonsive - metric boxes */

@media (max-width: 768px) {
    	.metrics_row1 {
    		margin-bottom: 0px;
    	}
    }

/* metric boxes content */

.metric_content1 {
	padding: 20px;
	z-index: 1;
	color: #fff;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 23px;
}

.metric_content2 {
	padding: 20px;
	z-index: 1;
	color: #fff;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 16px;
	display: none;
	margin-top: 45px;
}

/* resonsive - metric boxes content */

@media (min-width:376px) and (max-width: 600px) {
	.width_225 {
		width: 163px;
		height: 250px;
		margin-right:13px; 
	}

	.metric_content1 {
		font-size: 18px;
	}

	.metric_content2 {
		margin-top: 0px;
		font-size: 16px;
	}
}

@media (min-width:601px) and (max-width: 667px) {
	.width_225 {
		width: 195px;
		height: 250px;
		margin-right:13px; 
	}

	.metric_content2 {
		margin-top: 20px;
	}
}

@media (min-width:668px) and (max-width: 1024px) {
	.width_225 {
		width: 215px;
		height: 250px;
		margin-right:15px; 
	}

	.metric_content2 {
		margin-top: 20px;
	}
}


.metric_icon {
	font-size: 77px !important;
	margin-bottom: 20px;
	margin-top: 33px;
}

.video_sales {
	width:480px;
	height:360px;
}

/* resonsive - video */

@media (max-width: 500px) {

	.video_sales {
		width:250px;
		height:188px;
	}

}

/* rectangle external content section */

.box_person_quote {
	border: 1px dashed #ccc;
	padding: 20px;
	border-radius: 10px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}

.socialbox {
	padding: 35px 20px 35px 20px !important;
	text-align: center;
	margin-bottom: 0px !important;
}

.img_person {
	margin-right: 40px;
	width:150px;
	margin-left:15px;
	-webkit-box-shadow: 1px 2px 5px 0px rgba(50, 50, 50, 0.65);
	-moz-box-shadow:    1px 2px 5px 0px rgba(50, 50, 50, 0.65);
	box-shadow:         1px 2px 5px 0px rgba(50, 50, 50, 0.65);
}

.box_person_quote_image {
	width: 150px;
}

/* responsive - rectangle external content section */

@media (max-width: 768px) {

	.box_person_quote {
		text-align: center;
	}

	.img_person {
		margin-right: auto;
		margin-left: auto;
	}

}

.box_video {
	border: 1px dashed #ccc;
	padding: 20px;
	border-radius: 10px;
	text-align: center;
	width: 100%;
}

.bio_text {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 17px;
	margin-top: 15px;
	padding-right: 15px;
}

.bio_image {
	margin-left: 20px;
}

.footer {
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 60px;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 12px;
	color: #b3b3b3;
}

/* Share buttons */

.share_container {
	float:right;
}

.single {
	margin-bottom: 0px !important;
}

.twitter {
	font-family: 'Open Sans', sans-serif;
	font-size: 25px;
	font-weight: 300;
	padding:10px 20px 10px 20px;
	border-radius: 10px;
	color: #fff;
	background-color: #45A4EC;
	float: right;

}

.twitter_small {
	background-color: #45A4EC;
	padding: 10px;
	border-radius: 10px;
	color: #fff;
	margin-right: 7px;
	margin-left: 7px;
}

.twitter > i {
	margin-right: 10px;
}

.twitter_small > i {
	margin-right: 5px;
}

.twitter:hover {
  box-shadow: 0px 0px 0px 5px rgba(69,164,236,0.3);       
}

.twitter_small:hover {
  box-shadow: 0px 0px 0px 5px rgba(69,164,236,0.3);       
}

.facebook {
	font-family: 'Open Sans', sans-serif;
	font-size: 25px;
	font-weight: 300;
	padding:10px 20px 10px 20px;
	border-radius: 10px;
	color: #fff;
	background-color: #2e48a7;
	float: right;
	margin-left: 20px;
}

.facebook_small {
	background-color: #2e48a7;
	padding: 10px;
	border-radius: 10px;
	color: #fff;
	margin-left: 7px;
	margin-right: 10px;
}

.facebook > i {
	margin-right: 10px;
}

.facebook_small > i {
	margin-right: 5px;
}

.facebook:hover {
	box-shadow: 0px 0px 0px 5px rgba(46,72,167,0.3);       
}

.facebook_small:hover {
	box-shadow: 0px 0px 0px 5px rgba(46,72,167,0.3);       
}

.consulting {
	font-family: 'Open Sans', sans-serif;
	font-size: 25px;
	font-weight: 300;
	padding:10px 20px 10px 20px;
	border-radius: 10px;
	color: #fff;
	background-color: #3A8626;
    width: 197px;
    margin-left: auto;
    margin-right: auto;

}

.consulting:hover {
  box-shadow: 0px 0px 0px 5px rgba(58,134,38,0.3);       
}

.consulting .fa {
	padding-right: 8px;
} 

/* Responsive - share buttons */

@media (max-width: 667px) {

	.facebook_small {
		padding: 5px;
		display: block;
		margin-right: 0px;
		margin-left: 0px;
	}

	.twitter_small {
		padding: 5px;
		display: block;
		margin-right: 0px;
		margin-left: 0px;
		margin-bottom: 10px;
		margin-top: 10px;
	}
}

@media (max-width: 660px) {

	.share_container {
		float:none;
		text-align: center;
		clear: both;
		padding-top: 40px;
	}

	.twitter {
		float: none;
		margin-bottom: 10px;
	}

	.facebook {
		float: none;
		margin-left: 0px;
		margin-bottom: 20px;
	}

}

/* nav sticky top bar */

.nav_top {
    position: fixed;  
    width: 100%;  
    left: 0;  
    top: 0;  
    z-index: 100;  
    border-top: 0;  
	background-color: #4f4f4f;
	padding: 12px; 
	text-align: center;
	display: none;
}

.nav_step {
	background-color: #333333;
	padding: 5px;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 13px;
	border-radius: 10px;
	width: 120px;
	margin-right: auto;
	margin-left: 10px;
	float: left;
}

.nav_arrow {
	float: left;
	color:#959595;
	margin-left: 15px;
	margin-right: 5px;
	font-size: 20px;
}

/* responsive - nav sticky top bar */

@media (max-width: 1023px) {

	.nav_top_wrapper {
		display: none;
	}
}