/* ----------------------------------------

	    HOMEPAGE CSS STYLES

---------------------------------------- */


/* GENERAL */

section {
	overflow-x: hidden;
}


/* HP HERO */

.hp-hero {
	background: #b9c41f;
	box-shadow: inset 0px -10px 8px -10px #707713;
	overflow: visible;
	padding: 140px 2% 40px;
	position: relative;
}

	.hh-slide {
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		margin: 0 auto;
		max-width: 1175px;
	}

		.hh-image {
		    background: url(../images/loading-16x16-siteGreen.gif) no-repeat center center;
		    min-height: 170px;
		    padding-right: 50px;
		    width: 50%;
		}

			.hh-image a {
				display: none;
			}

			.hh-image .btn {
				display: none;
			}

		.hh-content {
		    width: 50%;
		}

			.hh-content h1 {
				color: #fff;
				font: 80px/72px "lato black", arial, sans-serif;
				margin: 0 0 40px;
				text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.1);
				text-transform: uppercase;
			}

			.hh-content div {
				color: #fff;
				font-size: 34px;
				line-height: 34px;
				margin: 0 0 15px;
				text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.1);
				text-transform: uppercase;
			}

			.hh-content .btn {
				
			}

	.hp-hero .hp-title-bar-arrow {
		border-top-color: #b9c41f;
	}


/* HP FOUR REASONS */

.hp-four-reasons {
	padding: 60px 0 50px;
	background-color: #fff;
	text-align: center;
}

	.hp-four-reasons h2 {
		color: #b9c41f;
		font: 47px/51px "lato bold", sans-serif;
		margin: 0;
		text-transform: uppercase;
	}

		.hp-four-reasons h2 span {
			display: block;
			font-weight: 400;
		}

	.hp-four-reasons article {
		max-width: 1200px;
		margin: 30px auto 0;
	}

	.hp-four-reasons article::after {
		content: "";
		display: block;
		clear: both;
	}

		.hp-four-reasons article > div {
			width: 25%;
			float: left;
		}

			.reason {
				width: 82%;
				margin: 0 auto;
			}

				.reason .icon {
					position: relative;
					width: 125px;
					height: 125px;
					margin: 0 auto 15px;
					box-sizing: border-box;
					text-align: center;
					color: #f9991c;
				}

					.reason .icon a {
						text-decoration: none;
					}

					.reason .icon .icon-nail {
						z-index: 2;
						display: block;
						position: relative;
						top: 31px;
						font-size: 47px;
						line-height: 0;
					}

						.reason .icon .icon-reason-frame,
						.reason .icon .icon-reason-gear,
						.reason .icon .icon-reason-heart {
							position: relative;
							color: #ccc;
							cursor: pointer;
							transition: opacity 0.2s;
						}

						.reason .icon .icon-reason-frame {
						    color: #f9991c;
						    display: block;
						    top: 30px;
						    font-size: 90px;
						}

						.reason .icon:hover .icon-reason-frame {
							opacity: .85;
							-webkit-animation: reasonFrame 1.5s ease-in-out 0.2s infinite;
							animation: reasonFrame 1.5s ease-in-out 0.2s infinite;
						}

							@-moz-keyframes reasonFrame {
								0% {
									-moz-transform: rotate(-3deg);
								} 50% {
									-moz-transform: rotate(3deg);
								} 100% {
									-moz-transform: rotate(-3deg);
								}
							}

							@-o-keyframes reasonFrame {
								0% {
									-o-transform: rotate(-3deg);
								} 50% {
									-o-transform: rotate(3deg);
								} 100% {
									-o-transform: rotate(-3deg);
								}
							}

							@-webkit-keyframes reasonFrame {
								0% {
									-webkit-transform: rotate(-3deg);
								} 50% {
									-webkit-transform: rotate(3deg);
								} 100% {
									-webkit-transform: rotate(-3deg);
								}
							}

							@keyframes reasonFrame {
								0% {
									transform: rotate(-3deg);
								} 50% {
									transform: rotate(3deg);
								} 100% {
									transform: rotate(-3deg);
								}
							}


						.reason .icon .gear-large {
							color: #b9c41f;
							display: inline-block;
							top: 55px;
							left: 5px;
							font-size: 75px;
							line-height: 50%;
							transition: opacity 0.2s;
						}

						.reason .icon .gear-small {
						    color: #b9c41f;
						    display: inline-block;
						    right: 19px;
						    font-size: 49px;
						    line-height: 70%;
						    top: 12px;
						    transition: opacity 0.2s;
						}

						.reason .icon:hover .icon-reason-gear {
						}

						.reason .icon:hover .gear-large,
						.reason .icon:hover .gear-small {
							opacity: .85;
							-webkit-animation: reasonGearLarge 2.25s linear infinite;
							animation: reasonGearLarge 2.25s linear infinite;
						}

						.reason .icon:hover .gear-small {
							opacity: .85;
							-webkit-animation-direction: reverse;
    						animation-direction: reverse;
						}

							@-moz-keyframes reasonGearLarge {
								100% {
									-moz-transform: rotate(360deg);
								}
							}

							@-o-keyframes reasonGearLarge {
								100% {
									-o-transform: rotate(360deg);
								}
							}

							@-webkit-keyframes reasonGearLarge {
								100% {
									-webkit-transform: rotate(360deg);
								}
							}

							@keyframes reasonGearLarge {
								100% {
									-webkit-transform: rotate(360deg);
									transform: rotate(360deg);
								}
							}

						.reason .icon .icon-reason-heart {
							color: #f44a4f;
							top: 19px;
							font-size: 115px;
						}

						.reason .icon:hover .icon-reason-heart {
							opacity: .85;
							-webkit-animation: reasonHeart 0.65s ease 0.2s infinite;
							animation: reasonHeart 0.65s ease 0.2s infinite;
						}

							@-moz-keyframes reasonHeart {
								from {
									font-size: 115px;
									top: 19px;
								} to {
									font-size: 125px;
									top: 14px;
								}
							}

							@-o-keyframes reasonHeart {
								from {
									font-size: 115px;
									top: 19px;
								} to {
									font-size: 125px;
									top: 14px;
								}
							}

							@-webkit-keyframes reasonHeart {
								from {
									font-size: 115px;
									top: 19px;
								} to {
									font-size: 125px;
									top: 14px;
								}
							}

							@keyframes reasonHeart {
								from {
									font-size: 115px;
									top: 19px;
								} to {
									font-size: 125px;
									top: 14px;
								}
							}

						.reason .icon .icon-reason-graph {
						    background: #56cece !important;
						    position: absolute;
						    bottom: 7px;
						    left: 46px;
						    color: #ccc;
						    cursor: pointer;
						    transition: opacity 0.2s;
						}


						.reason .icon .icon-reason-graph,
						.reason .icon .icon-reason-graph::before,
						.reason .icon .icon-reason-graph::after {
							content: "";
							display: block;
							width: 24px;
							height: 64px;
							border-radius: 5px;
							background: #ccc;
							transition: opacity 0.2s;
						}

						.reason .icon .icon-reason-graph::before,
						.reason .icon .icon-reason-graph::after {
						    background: #56cece;
						    position: absolute;
						    bottom: 0;
						    left: -29px;
						    height: 42px;
						}

						.reason .icon .icon-reason-graph:after {
							left: 30px;
							height: 87px;
						}

						.reason .icon:hover .icon-reason-graph::before {
							opacity: .85;
							-webkit-animation: reasonGraphBefore 1.5s ease 0.2s infinite;
							animation: reasonGraphBefore 1.5s ease 0.2s infinite;
						}

							@-moz-keyframes reasonGraphBefore {
								from {
									height: 0px;
								} to {
									height: 42px;
								}
							}

							@-o-keyframes reasonGraphBefore {
								from {
									height: 0px;
								} to {
									height: 42px;
								}
							}

							@-webkit-keyframes reasonGraphBefore {
								from {
									height: 0px;
								} to {
									height: 42px;
								}
							}

							@keyframes reasonGraphBefore {
								from {
									height: 0px;
								} to {
									height: 42px;
								}
							}

						.reason .icon:hover .icon-reason-graph {
							opacity: .85;
							-webkit-animation: reasonGraph 1.5s ease 0.3s infinite;
							animation: reasonGraph 1.5s ease 0.3s infinite;
						}

						.reason .icon:hover .icon-reason-graph::after {
							opacity: .85;
							-webkit-animation: reasonGraphAfter 1.5s ease 0.4s infinite;
							animation: reasonGraphAfter 1.5s ease 0.4s infinite;
						}

							@-moz-keyframes reasonGraph {
								from {
									height: 0px;
								} to {
									height: 64px;
								}
							}

							@-o-keyframes reasonGraph {
								from {
									height: 0px;
								} to {
									height: 64px;
								}
							}

							@-webkit-keyframes reasonGraph {
								from {
									height: 0px;
								} to {
									height: 64px;
								}
							}

							@keyframes reasonGraph {
								from {
									height: 0px;
								} to {
									height: 64px;
								}
							}

							@-moz-keyframes reasonGraphAfter {
								from {
									height: 0px;
								} to {
									height: 87px;
								}
							}

							@-o-keyframes reasonGraphAfter {
								from {
									height: 0px;
								} to {
									height: 87px;
								}
							}

							@-webkit-keyframes reasonGraphAfter {
								from {
									height: 0px;
								} to {
									height: 87px;
								}
							}

							@keyframes reasonGraphAfter {
								from {
									height: 0px;
								} to {
									height: 87px;
								}
							}

				.reason a.icon-text-link {
				    font: 22px/22px "lato bold", sans-serif;
				    text-decoration: none;
				    text-transform: uppercase;
				    color: #34332c;
				    transition: color 0.2s;
				}

				.reason a.icon-text-link:hover,
				.reason a.icon-text-link:focus {
					color: #7a775d;
					transition: color 0.2s;
				}

					.reason a i.icon-arrow-right {
						display: inline-block;
						transform: rotate(90deg);
						margin-left: 8px;
						position: relative;
						bottom: 2px;
						font-size: 11px;
						line-height: 50%;
					}

				.reason p {
					font: 18px/23px "lato light", arial, sans-serif;
					color: #403f3f;
					margin: 10px 0 20px;
				}


/* HP TITLE BAR AREAS */

.hp-title-bar {
	background: #f44a4f;
	box-shadow: inset 0px 4px 8px -4px rgba(0, 0, 0, 0.2), inset 0px -5px 4px -1px rgba(0, 0, 0, 0.1);
	color: #fff;
	padding: 38px 0;
	position: relative;
	width: 100%;
}

	.hp-title-bar .container{
		margin: 0 auto;
		max-width: 1100px;
		padding: 0 20px;
	}

	.hp-title-bar .icon {
		border: 4px solid #fff;
		border-radius: 50%;
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
		box-sizing: border-box;
		background-color: #fff;
		color: #ccc;
		display: inline-block;
		height: 80px;
		position: relative;
		text-align: center;
		width: 80px;
		vertical-align: middle;
	}

	.hp-title-bar i {
	    color: #f44a4f;
	    font-size: 60px;
	    position: relative;
	    top: 9px;
	}

	.hp-title-bar .hp-title-bar-text {
		display: inline-block;
		font: 47px/47px "lato bold", sans-serif;
		margin: 0 70px 0 20px;
		text-transform: uppercase;
		vertical-align: middle;
	}

	.hp-title-bar p {
	    display: inline-block;
	    font-size: 24px;
	    line-height: 31px;
	    max-width: 44%;
	    margin: 0;
	    vertical-align: middle;
	}

	.hp-title-bar-arrow {
		border-left: 25px solid transparent;
		border-right: 25px solid transparent;
		border-top: 25px solid #F44A4F;
		bottom: -19px;
		height: 0;
		left: 50%;
		margin-left: -20px;
		position: absolute;
		width: 0;
	}

		.hp-title-bar-arrow:before,
		.hp-title-bar-arrow:after {
			background: rgba(0, 0, 0, 0.03);
			border-radius: 0 6px 0 0;
			content: "";
			height: 32px;
			left: -13px;
			position: absolute;
			transform: rotate(-45deg);
			top: -29px;
			width: 5px;
		}

		.hp-title-bar-arrow:after {
			background: rgba(0, 0, 0, 0.04);
			border-radius: 0 8px 0 0;
			left: 9px;
			transform: rotate(45deg);
		}

	/* our specialties title bar */
	.hp-our-specialties .hp-title-bar {
		background: #b9c41f;
	}

		.hp-our-specialties .hp-title-bar i {
			color: #b9c41f;
			font-size: 40px;
			position: relative;
			top: 24px;
			left: 3px;
		}

		.hp-our-specialties .hp-title-bar i + i {
			font-size: 26px;
			left: -9px;
			top: -4px;
		}

		.hp-our-specialties .hp-title-bar-arrow {
			border-top-color: #B9C41F;
		}

	/* our work title bar */
	.hp-our-work .hp-title-bar {
		background: #f9991c;
	}

		.hp-our-work .icon-nail {
		    color: #f9991c;
		    left: 32px;
		    position: absolute;
		    top: 6px;
		    font-size: 16px;
		}

		.hp-our-work .hp-title-bar i {
		    color: #f9991c;
		    font-size: 40px;
		    top: 15px;
		}

		.hp-our-work .hp-title-bar p {
			max-width: 56%;
		}

		.hp-our-work .hp-title-bar-arrow {
			border-top-color: #f9991c;
		}

	/* our team title bar */
	.hp-our-team .hp-title-bar p {
		max-width: 50%;
	}

	/* our results title bar */
	.hp-our-results .hp-title-bar {
		background: #56cece;
	}

		.hp-our-results .hp-title-bar i {
			color: #56cece;
			font-size: 40px;
			left: -1px;
			top: 16px;
		}

		.hp-our-results .hp-title-bar p {
			max-width: 50%;
		}

		.hp-our-results .hp-title-bar-arrow {
			border-top-color: #56cece;
		}


/* HP OUR WORK */

.hp-our-work-details {
	
}

	.hp-our-work-details .container {
	    margin: 0 auto;
	    max-width: 1030px;
	    padding: 90px 20px 40px;
	}

		.hp-our-work-details .container > div {
		    display: block;
		    -webkit-align-items: center;
		    -ms-flex-align: center;
		    align-items: center;
		    display: -ms-flexbox;
		    display: -webkit-flex;
		    display: flex;
		    -webkit-justify-content: center;
		    -ms-flex-pack: center;
		    justify-content: center;
		    margin-bottom: 60px;
		    width: 100%;
		}

		.hp-our-work-details .container > div:last-child {
			margin-bottom: 40px;
		}

			.our-work-text {
				width: 45%;
			}

				.our-work-text .title {
					color: #4f4f4f;
					font-size: 32px;
					line-height: 32px;
					text-transform: uppercase;
				}

				.our-work-text p {
					font-size: 18px;
					line-height: 25px;
					margin: 15px 0;
				}

			.our-work-image {
				padding-right: 20px;
				width: 55%;
			}

			.hp-our-work-details .container > div:nth-child(even) .our-work-image {
				padding: 0 0 0 20px;
				text-align: right;
			}

				.our-work-image img {
					opacity: 0;
					transform: translateX(-80px);
					transition: all .3s;
				}

				.hp-our-work-details .container > div:nth-child(even) .our-work-image img {
					transform: translateX(80px);
				}

				.our-work-image img.active,
				.hp-our-work-details .container > div:nth-child(even) .our-work-image img.active {
					opacity: 1;
					transform: translateX(0);
				}


/* HP OUR SPECIALTIES */

.hp-our-specialties{}

    .hp-our-specialties-venn {
    	margin: 120px auto;
    	position: relative;
    	text-align: center;
    }

    	.venn-circle {
		    background: rgba(185, 196, 31, 0.7);
		    border-radius: 50%;
		    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4);
		    box-sizing: border-box;
		    display: inline-block;
		    height: 465px;
		    margin-right: -2%;
		    padding-top: 80px;
		    position: relative;
		    width: 465px;
    	}

    	.venn-circle.venn-marketing {
    		background: rgba(192, 202, 53, 0.7);
		    left: auto;
		    margin-right: 0;
		    margin-left: -2%;
    	}

    		.venn-title {
    			color: #fff;
    			font: 32px/37px "lato bold", sans-serif;
    			margin: 0 auto;
    			text-transform: uppercase;
    			width: 50%;
    		}

	    	.venn-circle ul {
	    		padding: 0;
	    		margin: 1.6em 0 0;
	    	}

	    		.venn-circle li {
	    			list-style: none;
	    		}

	    			.venn-circle li a {
	    				color: #34332c;
	    				display: inline-block;
	    				font: 16px/16px "lato bold", sans-serif;
	    				margin-bottom: 6px;
	    				padding: 3px;
	    				text-decoration: none;
	    				text-transform: uppercase;
	    			}

	    			.venn-circle li a:hover, .venn-circle li a:focus {
	    				color: #42432f;
	    				text-decoration: underline;
	    				transition: color .3s;
	    			}

	    	.venn-arch {
	    		background: url("../images/bg-dots.png") no-repeat 0 0;
	    		height: 92px;
	    		left: 50%;
	    		margin-left: -185px;
	    		position: absolute;
	    		top: -30px;
	    		transition: width .9s .3s;
	    		width: 0;
	    	}

	    	.venn-arch:last-child {
	    		left: auto;
				margin-left: 0;
				margin-right: -185px;
	    		right: 50%;
	    		top: 400px;
	    		-webkit-transform: rotate(180deg);
	    		-moz-transform: rotate(180deg);
	    		-o-transform: rotate(180deg);
	    		-ms-transform: rotate(180deg);
	    		transform: rotate(180deg);
	    	}

	    	.venn-arch.active {	    		
	    		width: 370px;
	    	}


/* HP OUR TEAM */

.hp-our-team{}

    .hp-our-team-quote {
    	margin: 0 auto;
    	max-width: 1180px;
    	padding: 80px 20px;
    }

    	.hp-our-team-quote img {
		    border-radius: 50%;
		    /*box-shadow: 0 2px 9px rgba(0, 0, 0, 0.65);*/
		    float: left;
		    max-width: 29% !important;
		    opacity: 0;
		    position: relative;
		    transform: translateX(-80px);
		    transition: all .3s;
    	}

    	.hp-our-team-quote img.active {
    		opacity: 1;
    		transform: translateX(0);
    	}

    	.hp-our-team-quote blockquote {
    		float: right;
    		font: 35px/42px lato, sans-serif;
    		margin: 0;
    		width: 66%;
    	}

    		.hp-our-team-quote blockquote p {
			    font: 32px/40px "lato light", arial, sans-serif;
			    margin: 60px 0 15px;
    		}

    			.hp-our-team-quote blockquote p span {
    				font: 32px/40px "lato bold", arial, sans-serif;
    			}

    	.hp-our-team-quote cite {
		    color: #7a775d;
		    font-size: 32px;
    	}

    .hp-photo-stream {
    	max-width: 1180px;
    	margin: 0 auto;
    	padding: 0 20px 60px;
    }

    	.hp-photo-stream-text {
    		color: #34332c;
    		float: left;
    		width: 29%;
    	}

    		.hp-photo-stream-heading {
    			font: 38px/38px "lato bold", arial, sans-serif;
    			text-transform: uppercase;
    		}

    		.hp-photo-stream-text p {
    			font: 24px/34px "lato light", arial, sans-serif;
    		}

    	.hp-photo-stream-images {
    		float: right;
    		margin: 0;
    		padding: 0;
    		width: 66%;
    	}

    		.hp-photo-stream-images ul {
    			float: right;
    			font-size: 0;
    			margin: 0;
    			padding: 0;
    			vertical-align: top;
    		}

    			.hp-photo-stream-images li {
    				display: inline-block;
    				margin-bottom: 5%;
    				margin-right: 6%;
    				opacity: 0;
    				width: 20%;
    			}

    			.hp-photo-stream-images li:nth-child(4), 
    			.hp-photo-stream-images li:nth-child(8) {
    				margin: 0;
    			}

				@-moz-keyframes fadePhotos {
					100% { opacity: 1; }
				}

				@-webkit-keyframes fadePhotos {
					100% { opacity: 1; }
				}

				@-o-keyframes fadePhotos {
					100% { opacity: 1; }
				}

		    	@keyframes fadePhotos {
		    		100% { opacity: 1; }
		    	}

		    	.hp-photo-stream-images.active li {
		    		-moz-animation: fadePhotos .1s forwards;
		    		-webkit-animation: fadePhotos .1s forwards;
		    		-o-animation: fadePhotos .1s forwards;
		    		animation: fadePhotos .1s forwards;
		    	}

				/* show display in order */
		    	.hp-photo-stream-images.active li:nth-child(1) {
		    		-moz-animation-delay: .1s;
		    		-webkit-animation-delay: .1s;
		    		-o-animation-delay: .1s;
		    		animation-delay: .1s;
		    	}

		    	.hp-photo-stream-images.active li:nth-child(2) {
		    		-moz-animation-delay: .2s;
		    		-webkit-animation-delay: .2s;
		    		-o-animation-delay: .2s;
		    		animation-delay: .2s;
		    	}

		    	.hp-photo-stream-images.active li:nth-child(3) {
		    		-moz-animation-delay: .3s;
		    		-webkit-animation-delay: .3s;
		    		-o-animation-delay: .3s;
		    		animation-delay: .3s;
		    	}

		    	.hp-photo-stream-images.active li:nth-child(4) {
		    		-moz-animation-delay: .4s;
		    		-webkit-animation-delay: .4s;
		    		-o-animation-delay: .4s;
		    		animation-delay: .4s;
		    	}

		    	.hp-photo-stream-images.active li:nth-child(5) {
		    		-moz-animation-delay: .5s;
		    		-webkit-animation-delay: .5s;
		    		-o-animation-delay: .5s;
		    		animation-delay: .5s;
		    	}

		    	.hp-photo-stream-images.active li:nth-child(6) {
		    		-moz-animation-delay: .6s;
		    		-webkit-animation-delay: .6s;
		    		-o-animation-delay: .6s;
		    		animation-delay: .6s;
		    	}

		    	.hp-photo-stream-images.active li:nth-child(7) {
		    		-moz-animation-delay: .7s;
		    		-webkit-animation-delay: .7s;
		    		-o-animation-delay: .7s;
		    		animation-delay: .7s;
		    	}

		    	.hp-photo-stream-images.active li:nth-child(8) {
		    		-moz-animation-delay: .8s;
		    		-webkit-animation-delay: .8s;
		    		-o-animation-delay: .8s;
		    		animation-delay: .8s;
		    	}


				/* show in random order
		    	.hp-photo-stream-images.active li:nth-child(1) {
		    		-moz-animation-delay: .7s;
		    		-webkit-animation-delay: .7s;
		    		-o-animation-delay: .7s;
		    		animation-delay: .7s;
		    	}

		    	.hp-photo-stream-images.active li:nth-child(2) {
		    		-moz-animation-delay: .4s;
		    		-webkit-animation-delay: .4s;
		    		-o-animation-delay: .4s;
		    		animation-delay: .4s;
		    	}

		    	.hp-photo-stream-images.active li:nth-child(3) {
		    		-moz-animation-delay: .8s;
		    		-webkit-animation-delay: .8s;
		    		-o-animation-delay: .8s;
		    		animation-delay: .8s;
		    	}

		    	.hp-photo-stream-images.active li:nth-child(4) {
		    		-moz-animation-delay: .5s;
		    		-webkit-animation-delay: .5s;
		    		-o-animation-delay: .5s;
		    		animation-delay: .5s;
		    	}

		    	.hp-photo-stream-images.active li:nth-child(5) {
		    		-moz-animation-delay: .2s;
		    		-webkit-animation-delay: .2s;
		    		-o-animation-delay: .2s;
		    		animation-delay: .2s;
		    	}

		    	.hp-photo-stream-images.active li:nth-child(6) {
		    		-moz-animation-delay: .6s;
		    		-webkit-animation-delay: .6s;
		    		-o-animation-delay: .6s;
		    		animation-delay: .6s;
		    	}

		    	.hp-photo-stream-images.active li:nth-child(7) {
		    		-moz-animation-delay: .1s;
		    		-webkit-animation-delay: .1s;
		    		-o-animation-delay: .1s;
		    		animation-delay: .1s;
		    	}

		    	.hp-photo-stream-images.active li:nth-child(8) {
		    		-moz-animation-delay: .3s;
		    		-webkit-animation-delay: .3s;
		    		-o-animation-delay: .3s;
		    		animation-delay: .3s;
		    	}
				*/

    				.hp-photo-stream-images a{}

    					.hp-photo-stream-images img {
						    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.9);
    						outline: 6px solid #e5e4d6;
    						transition: outline .3s;
    					}

    					.hp-photo-stream-images a:hover img, 
    					.hp-photo-stream-images a:focus img {
    						outline: 6px solid #c6cb74;
    					}

    		.hp-photo-stream-images .error-msg {
    			color: #AC1F1F;
    			text-align: center;
    			margin-top: 90px;
    		}


/* HP OUR RESULTS */

.hp-our-results{}

	.hp-our-results-quote {
		color: #666557;
		margin: 0 auto;
		max-width: 1180px;
		padding: 80px 20px 0;
		font: 24px/33px "lato light", sans-serif;
	}

		.hp-our-results-quote blockquote {
			margin: 0 0 65px;
		}

			.hp-our-results-quote blockquote p {
				margin: 0 0 10px;
			}

			.hp-our-results-quote blockquote cite {
				display: block;
				font-size: 22px;
				line-height: 26px;
				text-align: right;
			}

		.hp-our-results-quote img {
			border-radius: 50%;
			float: right;
			margin: -15px 0 60px 175px;
			opacity: 0;
			transform: translateX(80px);
			transition: all, .4s;
		}

		.hp-our-results img.active {
			opacity: 1;
			transform: translateX(0);
		}

	.hp-our-results-details {
		color: #34332c;
		font-size: 0;
		margin: 0 auto;
		max-width: 1180px;
		padding: 0 20px 60px;
	}


        .hp-our-results-client{display: none;}

		.hp-our-results-details img {
			display: inline-block;
			width: 56%;
		}

		.hp-our-results-graph {
			display: inline-block;
			margin-bottom: 10px;
			padding-left: 6%;
			padding-top: 50px;
			vertical-align: top;
			width: 35%;
		}

			.horg-results{
				display: inline-block;
				height: 190px;
				margin-bottom: 20px;
				width: 100%;
			}

				.horg-result {
					display: table;
					height: 190px;
					float: left;
					position: relative;
					width: 33%;
				}

					.horg-result-wrap{
						display: table-cell;
						height: 190px;
						vertical-align: bottom;
					}

						.horg-number {
							font: 30px/47px "lato bold", arial, sans-serif;
							left: 0;
							position: absolute;
							top: -46px;
						}

							.horg-number span{
								font: 19px/47px lato, arial, sans-serif;
							}

						.horg-bar {
							border-radius: 2px 3px 0 0;
							display: inline-block;
							height: 0;
							vertical-align: bottom;
							width: 26%;
						}

							.horg-before-bar {
								background: #56cece;
							}

							.horg-after-bar {
								background: #fa9d1d;
								margin-left: 10px;
							}

						.horg-title {
							background: #e9e6e6;
							bottom: -20px;
							color: #666666;
							font-size: 13px;
							left: 0;
							margin: 0 -10px;
							padding: 2px 14px 2px 10px;
							position: absolute;
							text-transform: uppercase;
							width: 100%;
						}

						.horg-result:nth-child(3) .horg-title{
							width: auto;
						}

			.horg-legend {
				font-size: 12px;
				margin: 13px 0 8px;
			}

				.horg-legend-before {
					display: inline-block;
					padding-left: 23px;
					position: relative;
					vertical-align: top;
					width: 100px;
				}

					.horg-legend-before:before {
						background: #56cece;
						border-radius: 2px;
						content: "";
						display: inline-block;
						height: 17px;
						position: absolute;
						left: 0;
						width: 17px;
					}

				.horg-legend-after {
					display: inline-block;
					padding-left: 23px;
					position: relative;
					vertical-align: top;
					width: 165px;
				}

					.horg-legend-after:before {
						background: #fa9d1d;
						border-radius: 2px;
						content: "";
						display: inline-block;
						height: 17px;
						left: 0;
						position: absolute;
						width: 17px;
					}

			.horg-buttons {
				margin-top: 0;
				padding-left: 22%;
				width: 64%;
			}

				.horg-buttons .btn + .btn{
					float: right;
				}