@media (min-width: 1200px) {
	.container {
		width: 1170px;
		font-family: "Montserrat";
	}
}
@media (max-width: 991px) { 
	.container {
		width: 100% !important;
		padding: 0 50px;
	}
}
a:focus { 
	text-decoration: none !important;
}
.short-line {
	border-bottom: 1px solid #fff;
	width: 40px;
}
.center-line {
	border-bottom: 1px solid #fff;
	width: 40px;
	margin: auto;
}
.orange {
	color: #ee3e3a;
}
.orange-border {
	border-color: #ee3e3a;
}
.blue-grey {
	color: #6f8aa9; 
}
.burnt-orange {
	color: #ee8d34;
}
.bright-blue {
	color: #5bb6f4;
}
.green {
	color: #62ae68;
}


/* Slider Animation Classes */

.start-left {
	margin-left: 0;
	opacity: 1;
}

.end-left {
	opacity: 0;
	margin-left: -50px;
}

.start-right {
	margin-left: 0;
	opacity: 1;
}

.end-right {
	opacity: 0;
	margin-left: 50px;
}

.start-top {
	margin-top: 0;
	opacity: 1;
}

.end-top {
	opacity: 0;
	margin-top: 50px;
}

/* Heros */

.header-hero {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	height: 700px;
	color: #fff;
	width: 100%;
}
	.header-hero.home {
		background-image: url('/images/home/header-hero.jpg');
	}
	.header-hero.about {
		height: 400px;
	}
		.header-hero.about .hero-text {
			padding-top: 150px;
		}
	.header-hero.contact {
		height: 400px;
	}
		.header-hero.contact .hero-text {
			padding-top: 150px;
		}
	.header-hero .hero-text {
		padding-top: 220px;
	}
		.header-hero .hero-text h1 {
			font-family: 'Roboto', sans-serif;
			font-weight: 400;
			text-transform: uppercase;
			font-size: 32px;
			/*width: 850px;*/
			text-align: center;
			margin: auto;
			padding-bottom: 15px;
		}

	.header-hero .trans-line {
		margin: auto;
		width: 900px;
		height: 1px;
		background-color: rgba(255, 255, 255, 0.35);
	}

	.header-hero .hero-text h4 {
		font-family: 'Nunito', sans-serif;
		padding-top: 12px;
		text-align: center;
		margin: auto;
		width: 850px;
		font-size: 22px;
	}

	.header-hero .learn-more {
		text-align: center;
		padding-top: 30px;
	}

		.header-hero .learn-more a {
			color: #fff;
		}

			.header-hero .learn-more a:hover {
				text-decoration: none;
			}

		.asg-button {
			padding: 5px 20px;
			border: 1px solid #ee3e3a;
			width: 190px;
			font-family: 'Nunito', sans-serif;
			text-transform: uppercase;
			font-weight: bold;
			font-size: 16px;
			margin: auto;
			background-color: rgba(238, 62, 58, 0.2);
			transition: all.25s ease-in-out;
			-moz-transition: all .25s ease-in-out;
			-webkit-transition: all .25s ease-in-out;
		}

			.asg-button:hover {
				transition: all.25s ease-in-out;
				-moz-transition: all .25s ease-in-out;
				-webkit-transition: all .25s ease-in-out;
				background-color: rgba(238, 62, 58, 0.5);
				cursor: pointer;
			}

/* Header Top Menu */

.logo {
	float: left;
}

.logo-horizontal {
	float: left;
}

.menu-container.fixed {
	position: fixed;
	width: 100%;
	padding: 20px 0;
	z-index: 1000;
}

.menu-container .top-menu {
	float: right;
	color: #fff;
	padding-top: 20px;
}

	.menu-container .logo-horizontal img,
	.menu-container .logo img {
		width: 200px;
	}

.menu-container .top-menu ul li {
	padding-left: 30px;
}

.menu-container .top-menu ul li,
.menu-container .top-menu ul li a{
	list-style: none;
	float: left;	
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
	transition: all.25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	color: #fff;
}

	.menu-container .top-menu ul li:hover,
	.menu-container .top-menu ul li a:hover {
		transition: all.25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		-webkit-transition: all .25s ease-in-out;
		padding-top: 3px;
		color: #ee3e3a;
		cursor: pointer;
		text-decoration: none;
	}

/* Footer */
.footer {
	background-image: url('/images/home/footer-hero.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	height: 700px;
	color: #fff;
	position: relative;
}
	.footer .footer-menu {
		position: absolute;
		bottom: 0;
		left: 0;
		margin: auto;
		width: 100%;
	}
		.footer .footer-menu .copywrite {
			float: left;
			text-align: center;
			width: 100%;
			padding: 5px 0 5px;
			background-color: rgba(0, 0, 0, 0.75);
			text-transform: uppercase;
			font-size: 12px;
			color: #ccc;
		}
			.footer .footer-menu .copywrite a {
				color: #fff;
				padding-left: 20px;
				font-weight: bold;
				transition: all.25s ease-in-out;
				-moz-transition: all .25s ease-in-out;
				-webkit-transition: all .25s ease-in-out;
			}
				.footer .footer-menu .copywrite a:hover {
					text-decoration: none;
					color: #ee3e3a;
					transition: all.25s ease-in-out;
					-moz-transition: all .25s ease-in-out;
					-webkit-transition: all .25s ease-in-out;
				}
			.footer .footer-menu .copywrite .text {
				float: left;
				padding: 10px 0 0 20px;
			}
			.footer .footer-menu .copywrite .text a {
				padding: 0 20px 0 5px;
				color: #ee3e3a;
			}
.copywrite .menu {
	float: right;
	padding: 10px 20px 0 0;
}

@media (max-width: 991px) {
	.footer .footer-menu .copywrite .text {
		width: 100%;
		text-align: center;
	}
	.copywrite .menu {
		width: 100%;
		text-align: center;
	}
}
@media (max-width: 767px) {
	.copywrite .menu {
		display: none;
	}
}
@media (max-width: 425px) {
	.footer .footer-menu .copywrite .text span::after {
		content: "\A";
		white-space: pre;
	}
}

/* Menu Animation Classes */
.top-menu.scroll {
	padding-top: 20px;
}
.menu-container.fixed.scroll {
	background-color: #000;
}
.logo.top {
	margin-top: 0px;
}
.logo.scroll {
	margin-top: -200px;
}
.logo-horizontal.top {
	margin-left: -1000px;
	opacity: 0;
}
.logo-horizontal.scroll {
	margin-left: 0px;
}

.news-section {
	margin-top: -100px;
	height: 400px;
	background-color: #1f1f1f;
	color: #fff;
}
	.news-section a {
		color: #ee3e3a;
	}
	.news-section .welcome {
		background-image: url('/images/home/news-bg.jpg');
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
		height: 430px;
		width: 65%;
		float: left;
		padding: 30px 150px 30px 40px;
	}
		.news-section .welcome h1 {
			font-family: "Montserrat";
			text-transform: uppercase;
			font-weight: bold;
			font-size: 24px;
		}
		.news-section .welcome p {
			padding-top: 15px;
			font-size: 16px;
		}

	.news-section .news-items {
		width: 35%;
		background-color: #1f1f1f;
		height: 430px;
		float: left;
		padding: 45px 40px;
	}
		.news-section .news-items .news-item {
			padding-bottom: 20px;
		}
			.news-section .news-items .news-item .date {
				font-size: 12px;
				color: #ee3e3a;
			}
			.news-section .news-items .news-item .content {
				font-size: 14px;
			}

@media (max-width: 1024px) {
	.news-section .welcome {
		height: 470px;
	}
	.news-section .news-items {
		height: 470px;
	}
}
@media (max-width: 991px) {
	.news-section .welcome {
		height: 300px;
	}
}
@media (max-width: 575px) {
	.news-section .welcome {
		height: 500px;
	}
}
@media (max-width: 320px) {
	.news-section .welcome {
		height: 600px;
	}
}
.white-bg-section {
	margin: 50px 0;
	text-align: center;
}

	.white-bg-section h1 {
		font-size: 18px;
		color: #ee3e3a;
		text-transform: uppercase;
		margin-bottom: 20px;
	}

	.white-bg-section h2 {
		font-size: 48px;
		font-weight: bold;
		text-transform: uppercase;
		margin-bottom: 20px;
	}

	.white-bg-section h3 {
		font-size: 14px;
		width: 80%;
		margin: auto;
		line-height: 20px;
	}

	.white-bg-section .case-thumbs {
		padding-top: 30px;
		display: inline-block;
		margin: auto;
	}

		.white-bg-section .case-thumbs .thumb {
			float: left;
			width: 100px;
			height: 100px;
			margin-left: 4px;
			margin-right: 4px;
			background-color: #fff;
			cursor: pointer;
			transition: margin .2s ease-in-out;
			-moz-transition: margin .2s ease-in-out;
			-webkit-transition: margin .2s ease-in-out;
		}

			.white-bg-section .case-thumbs .thumb img {
				width: 100px;
				height: 100px;
				border: 1px solid #ccc;
				padding: 5px;
				box-shadow: 0px 0px 6px 1px rgba(201,201,201,.4);
			}

			.white-bg-section .case-thumbs .thumb:hover {
				margin-top: -5px;
				transition: margin .2s ease-in-out;
				-moz-transition: margin .2s ease-in-out;
				-webkit-transition: margin .2s ease-in-out;
			}

.case-studies {
	/*background-image: url('/images/home/case-studies/city-bg.jpg');
	background-image: url('/images/home/case-studies/city-bg2.jpg');*/
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center center;
	/*-webkit-clip-path: polygon(100% 0, 100% 50%, 0 100%, 0 50%);
	clip-path: polygon(100% 0, 100% 50%, 0 100%, 0 50%);*/
	margin-bottom: 150px;
}
		.case-studies .content .imac {
			float: left;
		}

		.case-studies .content .client-body {
			padding-top: 40px;
			float: left;
			width: 66%;
			padding-right: 0%;
		}
			.case-studies .content .client-body .arrow-container {
				float: left;
				width: 10%;
				padding-top: 150px;
			}
			.case-studies .content .client-body .arrow {
				/*float: left;
				width: 10%;
				padding-top: 150px;*/
				cursor: pointer;
				transition: margin .2s ease-in-out;
				-moz-transition: margin .2s ease-in-out;
				-webkit-transition: margin .2s ease-in-out;
			}
			.case-studies .content .client-body .arrow img {
				width: 50%;
			}
				.case-studies .content .client-body .arrow:hover {
					margin-top: -5px;
					transition: margin .2s ease-in-out;
					-moz-transition: margin .2s ease-in-out;
					-webkit-transition: margin .2s ease-in-out;
				}
			.case-studies .content .client-body .block-wrap {
				float: left;
				width: 75%;
			}
			.case-studies .content .client-body .block {

				padding: 0 5% 0 0;
			}
			.case-studies .content .client-body h1 {
				font-weight: bold;
				text-transform: uppercase;
			}
			.case-studies .content .client-body h2 {
				margin-top: 5px;
				font-size: 14px;
				border-top: 1px solid #ccc;
				border-bottom: 1px solid #ccc;
				padding: 10px 5px;
				color: #ee3e3a;
			}
			.case-studies .content .client-body p {
				font-size: 12px;
			}
			.case-studies .content .client-body a {
				color: #ee3e3a;
				font-weight: bold;
			}
	.case-studies .content .phone {
		float: right;
		width: 33%;
		margin-top: -150px;
	}
	.case-studies .content .lappy {
		margin-top: -100px;
	}

.services {
	background-image: url('/images/home/services-bg.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	color: #fff;
	padding-bottom: 70px;
}
	.services h1 {
		color: #ee3e3a;
		text-align: center;
		font-size: 18px;
		text-transform: uppercase;
		margin-top: 40px;
		margin-bottom: 20px;
	}
	.services .body-text {
		margin-top: 20px;
		text-align: center;
	}
	.services .boxes {
		margin: 70px 0;
	}
		.services .boxes .box {
			float: left;
			width: 25%;
			text-align: center;
			padding: 5px;
			border-right: 1px solid #444;
			min-height: 205px;
			
		}
			.services .boxes .box:nth-child(4n) {
				border-right: none;
			}
			.services .boxes .box:nth-child(-n+4) {
				border-bottom: 1px solid #444;
			}

			.services .boxes .box .content {
				background-color: rgba(0, 0, 0, 0.3);
				border-radius: 10px;
				padding: 20px;
				min-height: 180px;
			}
		.services .boxes .box h1 {
			color: #fff;
			margin: 10px 0;
			font-weight: bold;
			font-size: 14px;
			text-transform: none;
		}
		.services .boxes .box p {
			font-size: 12px;
			padding: 0 5%;
			color: #ccc;
		}

.clients {
	padding-top: 50px;
	padding-bottom: 125px;
	background-color: #ddd;
	margin: 50px 0 0 0;
}
	.clients h1 {
		text-align: center;
		color:#ee3e3a;
		text-transform: uppercase;
		font-size: 18px;
		font-weight: bold;
	}
	.clients h2 {
		text-align: center;
		text-transform: uppercase;
		font-size: 48px;
		font-weight: bold;
	}
	.clients .body-text {
		text-align: center;
		width: 60%;
		margin: auto;
	}
	.clients .client-logos {
		margin-top: 60px;
	}
	.clients .client-logo {
		float: left;
		width: 25%;
		text-align: center;
		height: 150px;
		margin: 0;
		padding: 0;
		border: 0;
	}
		.clients .client-logo td {
			width: 80%;
			padding: 2%;
			vertical-align: middle;
			text-align: center;
		}
		.clients .client-logo td img {
			width: 90%
		}
		.leadership .leader-row {
				background-color: #ee3e3a;
				float: left;
			}

@media (max-width: 768px) {
	.clients .client-logo {
		height: 100px;
		width: 100%;
	}
	.clients .client-logo td img {
		width: 35%;
	}
}
@media (max-width: 575px) {
	.clients .client-logo {
		height: 50px;
		width: 100%;
	}

		.clients .client-logo td img {
			width: 45%;
		}
}
@media (max-width: 425px) {
		.clients .client-logo td img {
			width: 60%;
		}
}
.leadership .leader-box {
	width: 50%;
	float: left;
	min-height: 575px;
}
	.leadership .leader-box.black {
		background-color: #000;
	}
	.leadership .leader-box.dark-grey {
		background-color: #333;
	}
	.leadership .leader-box.light-grey {
		background-color: #888;
	}
	.leadership .leader-box .portrait {
		float: left;
		width: 50%;
	}
		.leadership .leader-box .portrait img {
			width: 100%;
		}
	.leadership .leader-box .bio {
		float: left;
		width: 50%;
		font-family: "Roboto";
		color: #fff;
		padding: 30px 20px;
	}
		.leadership .leader-box .bio h1 {
			font-size: 18px;
			text-transform: uppercase;
			margin: 0;
		}
		.leadership .leader-box .bio h2 {
			font-size: 16px;
			margin: 0;
		}
		.leadership .leader-box .bio p {
			padding-top: 15px;
			font-size: 14px;
			line-height: 22px;
			margin: 0;
		}
	.leadership .leader-red-box {
		float: left;
		width: 50%;
		background-color: #ee3e3a;
		color: #fff;
		height: 275px;
		padding: 30px;
	}
		.leadership .leader-red-box h1 {
			
			font-size: 36px;
			font-weight: bold;
		}

.process {
	margin-bottom: 50px;
}
	.process h1 {
		font-size: 16px;
		font-weight: bold;
		text-transform: uppercase;
		margin: 0;
	}
	.process p {
		margin-top: 5px;
	}
	.process .left {
		float: left;
		width: 33.33332%;
	}
	.process .diagram {
		float: left;
		width: 33.33332%;
	}
	.process .diagram img {
		width: 100%;
	}
	.process .right {
		float: left;
		width: 33.33332%;
		text-align: right;
		padding-top: 100px;
	}
.process .process-block {
	margin-bottom: 50px;
}

/* Contact Form */

form label {
	text-align: left !important;
	float: left;
}

form input,
form textarea {
	width: 100%;
	font-size: 16px;
	border: 2px solid #ccc;
	padding: 0 5px;
}

	form input[type=text] {
		height: 32px;
	}

form .asg-button {
	float: left;
	background-color: #ee3e3a;
	color: #fff;
	margin-top: 25px;
	clear: both;
}

.contact-container h1 {
	text-align: left;
	margin: 0 0 5px 0;
}
.contact-container .short-line {
	margin-bottom: 15px;
}

.contact-info {
	text-align: left;
}
.contact-info h1 {
	font-weight: bold;
	margin-bottom: 5px;
}
	.contact-info .short-line {
		margin: 5px 0 15px;
	}
	.contact-info label {
		font-weight: bold;
		text-align: left;
	}
	.contact-info a {
		color: #000;
	}
.contact label.error {
	position: absolute;
	left: 0;
	margin: 32px 0 0 20px;
	background-color: rgba(238, 62, 58, 0.9);
	padding: 5px 10px;
	font-weight: normal;
	color: #fff;
	z-index: 200;
	font-size: 12px;
}
	.contact label.error::before {
		width: 0;
		height: 0;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		content: "";
		border-bottom: 5px solid rgba(238, 62, 58, 0.9);
		position: absolute;
		margin-top: -10px;
	}
.contact .text-area label.error {
	margin: 132px 0 0 20px;
}

/* Mobile */

.mobile-menu {
	display: none;
}
@media (max-width: 1199px) {
	.leadership .leader-box .portrait {
		width: 36%;
	}
	.leadership .leader-box .bio {
		width: 60%;
	}
}

@media (max-width: 991px) {
	.body {
		width: 100%;
	}

	.menu-container {
		display: none;
	}

	.mobile-menu {
		display: block;
		color: #fff;
		width: 100%;
		background-color: #000;
		position: fixed;
		z-index: 1500;
		height: 60px;
	}

		.mobile-menu img {
			height: 40px;
			margin: 10px 0 0 10px;
		}

		.mobile-menu ul {
			display: none;
			list-style: none;
			margin-top: 60px;
			padding: 0;
		}

			.mobile-menu ul li {
				border-top: 1px solid #333;
				width: 100%;
				background-color: #000;
				height: 20px;
				text-align: left;
				height: 40px;
				padding: 10px 0 15px 15px;
			}

				.mobile-menu ul li a {
					color: #fff;
				}

	.mobile-toggler {
		background-color: #ee3e3a;
		height: 60px;
		padding: 20px 25px;
	}

	.header-hero {
		width: 100%;
		height: 450px;
	}

	.footer {
		width: 100%;
		height: 450px;
	}

	.header-hero .hero-text {
		padding-top: 125px;
	}

		.header-hero .hero-text h1 {
			width: 80%;
			font-size: 26px;
			padding-bottom: 10px;
		}

	.header-hero .trans-line {
		width: 90%;
	}

	.header-hero .hero-text h4 {
		width: 80%;
		font-size: 20px;
		padding-top: 10px;
	}

	.white-bg-section {
		margin-top: 20px;
		margin-bottom: 50px;
	}

		.white-bg-section h1 {
			font-size: 16px;
			font-weight: bold;
			margin-bottom: 10px;
		}

		.white-bg-section h2 {
			margin-top: 10px;
			font-size: 38px;
		}

		.white-bg-section h3 {
			width: 90%;
		}

	.contact #googleMapWrapper {
		margin-top: 75px;
		width: 100%;
		height: 250px;
	}

	.leadership .leader-box {
		width: 100%;
		margin-bottom: 10px;
		min-height: initial;
	}

	.leadership .leader-red-box {
		display: none;
	}

	.leadership .leader-box:first-of-type .portrait {
		float: right;
	}

	.process .left {
		width: 30%;
	}

	.process .diagram {
		width: 40%;
	}

		.process .diagram img {
			padding-top: 100px;
			width: 125%;
			margin-left: -12.5%;
		}

	.process .right {
		width: 30%;
	}

	.news-section {
		height: auto;
		margin-top: -50px;
	}

		.news-section .welcome {
			width: 100%;
			padding-right: 40px;
		}

		.news-section .news-items {
			width: 100%;
			height: auto;
			padding-bottom: 20px;
		}

	.header-hero.home .learn-more {
		padding-top: 15px;
	}

	.white-bg-section .case-thumbs .thumb {
		width: 75px;
		height: 75px;
	}

		.white-bg-section .case-thumbs .thumb img {
			width: 75px;
			height: 75px;
		}

	.case-studies .content .imac img {
		width: 50%;
	}

	.case-studies .content .client-body {
		padding-top: 0;
		width: 60%;
		padding-bottom: 50px;
	}

	.case-studies .content .phone {
		width: 40%;
	}

		.case-studies .content .phone img {
			width: 100%;
		}

	.case-studies .content .lappy img {
		width: 100%;
	}

	.services .boxes .box {
		width: 50%;
		min-height: 175px;
		border: none;
	}

		.services .boxes .box:nth-child(-n+4) {
			border: none;
		}

		.services .boxes .box .content {
			min-height: 160px;
		}
}
@media (max-width: 767px) {
	.process .left {
		width: 100%;
	}

	.process .diagram {
		display: none;
	}
	.process .right {
		width: 100%;
		float: left;
		text-align: left;
		padding: 0;
	}
}
@media (max-width: 575px) {
	.container {
		padding: 0 20px;
	}
	.header-hero {
		width: 100%;
		height: 300px;
	}

	.footer {
		width: 100%;
		height: 300px;
	}

	.header-hero .hero-text {
		padding-top: 80px;
	}
		.header-hero .hero-text h1 {
			width: 80%;
			font-size: 20px;
			padding-bottom: 10px;
		}

	.header-hero .trans-line {
		width: 90%;
	}

	.header-hero .hero-text h4 {
		width: 80%;
		font-size: 16px;
		padding-top: 10px;
	}

	.copywrite .text {
		float: none;
		padding: 10px 0;
		text-align: center;
	}

	.copywrite .menu {
		float: none;
		padding: 10px 0;
	}
	.white-bg-section .case-thumbs .thumb {
		width: 60px;
		height: 60px;
	}

		.white-bg-section .case-thumbs .thumb img {
			width: 60px;
			height: 60px;
		}
	.white-bg-section h2 {
		font-size: 32px;
	}
	.case-studies .content .imac img {
		width: 100%;
	}

	.case-studies .content .client-body {
		padding-top: 0;
		width: 100%;
		padding-bottom: 50px;
	}

	.case-studies .content .phone {
		width: 70%;
		margin-top: -25px;
	}

		.case-studies .content .phone img {
			width: 100%;
		}

	.case-studies .content .lappy img {
		display: none;
	}
	.case-studies .content .client-body h1 {
		font-size: 32px;
	}
	.case-studies .content .client-body h2 {
		font-size: 12px;
	}
	.services .boxes .box {
		width: 100%;
		min-height: 175px;
		border: none;
	}
	.clients h2 {
		font-size: 32px;
	}
	.clients .body-text {
		width: 100%;
	}
	.clients .client-logos {
		margin-top: 40px;
	}
	.clients .client-logo {
		width: 100%;
		margin-bottom: 20px;
	}
}
@media (max-width: 574px) {
	.header-hero {
		width: 100%;
		height: 400px;
	}
		.header-hero .hero-text h1 {
			width: 100%;
			font-size: 18px;
		}
	.leadership .leader-box .portrait{
		width: 90%;
		margin: 5%;
	}
	.leadership .leader-box .bio {
		width: 100%;
		margin: 0%;
	}
}


/* Large Case Study */

.case-hero {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	height: 700px;
	color: #fff;
	width: 100%;
}

	.case-hero .hero-content {
		width: 60%;
		background-color: rgba(0, 0, 0, 0.5);
		padding: 20px;
	}

	.case-hero h1 {
		font-size: 48px;
		font-weight: bold;
		font-family: 'Roboto';
		text-transform: uppercase;
	}

	.case-hero p {
		font-size: 22px;
		line-height: 28px;
		font-family: 'Roboto';
	}

.case-summary {
	font-size: 18px;
	padding: 50px 0;
}

	.case-summary p {
		width: 85%;
		margin-bottom: 40px;
	}

	.case-summary h1 {
		font-size: 22px;
		line-height: 30px;
		text-transform: uppercase;
		letter-spacing: 8px;
		font-weight: bold;
	}

.title-text-content {
	padding: 5% 10% 3% 10%;
}

h1.title-small {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 6px;
}

h1.title-medium {
	font-size: 24px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 20px;
}

h1.title-large {
	font-size: 42px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 20px;
}

.text-small {
	font-size: 14px;
}

.text-medium {
	font-size: 18px;
}

.text-large {
	font-size: 28px;
	line-height: 42px;
}

.line-content {
	padding: 10px 10% 32px 10%;
}

.line-divide.small {
	border-bottom: 2px solid;
	width: 5%;
}

.line-divide.medium {
	border-bottom: 2px solid;
	width: 15%;
	margin: auto;
}

.line-divide.large {
	border-bottom: 2px solid;
	width: 40%;
	margin: auto;
}

.image-content {
	padding: 50px 0;
}

.images img {
	width: 100%;
	margin-bottom: 20px;
}

.full-width-image img {
	width: 100%;
}

.slider-content {
	width: 80%;
	margin: 3% auto;
}

	.slider-content img {
		width: 100%;
	}

:focus {
	outline: none !important;
}

@media (max-width: 991px) {
	.case-hero .hero-content {
		width: 100%;
	}
	.case-hero h1 {
		font-size: 42px;
		margin-top: 5px;
	}
	.case-logo img {
		width: 200px;
	}
	.case-summary .container {
		margin-top: -30px;
	}
	.case-summary p {
		width: 100%;
	}
	.image-section .container {
		padding: 0;
	}
	.title-text-content {
		padding: 10% 5%;
	}
	h1.title-large {
		font-size: 32px;
	}
}

@media (max-width: 575px) {
	.case-hero h1 {
		font-size: 28px;
		margin-top: 15px;
	}
	.case-hero p {
		font-size: 16px;
	}
	.case-summary {
		font-size: 14px;
		line-height: 18px;

	}
		.case-summary .container {
			margin-top: -20px;
		}
	h1.title-large {
		font-size: 24px;
	}
	h1.title-medium {
		font-size: 20px;
	}
}
.ppc-landing {	
}
	.ppc-landing .case-hero {
		padding-top: 150px;
		position: relative;
		height: 100%;
		padding-bottom: 200px;
	}
		.ppc-landing .case-hero h1 {
			font-size: 48px;
			width: 75%;
			margin-bottom: 30px;
		}
		.ppc-landing .case-hero h2 {
			font-size: 24px;
			line-height: 30px;
		}
		.ppc-landing .dynamic-form {
			position: absolute;
			bottom: 0;
			background-color: #ee3e3a;
			color: #fff;
			width: 100%;
			padding: 15px;
			min-height: 115px;
		}
			.ppc-landing .dynamic-form .title {
				float: left;
				width: 40%;
				text-transform: uppercase;
				font-size: 28px;
				font-weight: bold;
				font-family: Roboto;
			}
			.ppc-landing .dynamic-form .field-sets {
				float: left;
				width: 60%;
			}
				.ppc-landing .dynamic-form .field-set {

				}
					.ppc-landing .dynamic-form .set label {
						font-size: 12px;
						font-weight: 200;
						width: 100%;
					}
			.ppc-landing .dynamic-form .set .form-field input[type=text],
			.ppc-landing .dynamic-form .set .form-field input[type=email] {
				border-color: rgba(234,234,234,.01);
				background-color: rgba(234,234,234,.2);
				font-size: 18px;
				padding: 5px;
				border-radius: 3px;
				float: left;
				width: 250px;
				height: 32px;
			}
			.ppc-landing .dynamic-form .set .form-field textarea {
				border-color: rgba(234,234,234,.01);
				background-color: rgba(234,234,234,.2);
				font-size: 18px;
				padding: 5px;
				border-radius: 3px;
				float: left;
				width: 247px;
			}
			.ppc-landing .dynamic-form .set .form-field {
				position: relative;
			}
			.ppc-landing .dynamic-form .set .form-field .button {
				cursor: pointer;
			}
				.ppc-landing .dynamic-form .set .form-field .button i {
					font-size: 34px;
					margin: -3px 0 0 10px;
					border: 1px solid #ee3e3a;
					transition: all.25s ease-in-out;
					-moz-transition: all .25s ease-in-out;
					-webkit-transition: all .25s ease-in-out;
					padding: 1px 3px 1px 4px;
					border-radius: 5px;
				}
					.ppc-landing .dynamic-form .set .form-field .button i:hover {
						color: #fff;
						border: 1px solid rgba(255, 255, 255, 0.7);
						border-radius: 20px;
						transition: all.25s ease-in-out;
						-moz-transition: all .25s ease-in-out;
						-webkit-transition: all .25s ease-in-out;
					}
				.ppc-landing .dynamic-form .set .form-field label.error {
					margin: 60px 0 0 0;
					background-color: #fff;
					color: #ee3e3a;
					width: 150px;
					border-radius: 5px;
					font-weight: bold;
					border: 1px solid #ee3e3a;
				}
				.ppc-landing .dynamic-form .set.message .form-field label.error {
					margin: 115px 0 0 0;
				}
					.ppc-landing .dynamic-form .set .form-field label.error::before {
						border-bottom: 5px solid #fff;
					}
			.ppc-landing .dynamic-form .field-sets .count {
				float: left;
				margin-top: 5px;
				font-size: 12px;
				padding-left: 220px;
			}
	.ppc-landing .babble {
		padding: 100px 15%;
		border-bottom: 3px solid #ee3e3a;
	}
	.ppc-landing .babble h1 {
		text-align: center;
	}
		.ppc-landing .babble p {
			font-size: 18px;
		}
	.ppc-landing .what-we-do {
		padding: 50px 0;
	}
	.ppc-landing .what-we-do h1 {
		text-align: center;		
	}
		.ppc-landing .what-we-do .do-items div.d {
			float: left;
			width: 33.33%;
			padding: 25px;
			min-height: 180px;
		}
		.ppc-landing .what-we-do .do-items h4 {
			font-weight: bold;
		}
	.ppc-landing .testimonials {
		color: #fff;
		padding: 25px 0 50px 0;
	}
	.ppc-landing .testimonials h1 {
		text-align: center;
		padding-bottom: 25px;
	}
		.ppc-landing .testimonials .testimonial-items {
			padding-bottom: 25px;
		}
		.ppc-landing .testimonials .testimonial-items div.q {
			float: left;
			width: 33.33%;
			padding: 25px;		
		}
			.ppc-landing .testimonials .testimonial-items div.q p {
				min-height: 180px;
			}
		.ppc-landing .testimonials .testimonial-items div.q i {
			font-size: 34px;
			color: #ee3e3a;
		}
				.ppc-landing .testimonial-people-items span {
					font-weight: bold;
					color: #ee3e3a;
				}


	.ppc-landing .contact-form {
		padding-bottom: 70px;
	}
	.ppc-landing .contact-form h1 {
		text-align: center;
		font-weight: bold;
		margin-bottom: 5px;
		margin-top: 70px;
	}
	.ppc-landing .contact-form .subtitle {
		text-align: center;
		font-size: 12px;
		margin-bottom: 40px;
	}
	.ppc-landing .contact-form .form {
		width: 50%;
		margin: 0 auto;
	}
	.ppc-landing .form {
		margin-bottom: 50px;
	}
	.ppc-landing .contact-form input {
		border-radius: 0;
		box-shadow: none;
		padding: 20px 12px;
	}
		.ppc-landing .contact-form input:focus {
			
		}
	.ppc-landing .contact-form textarea {
		border-radius: 0;
		box-shadow: none;
		padding-top: 10px;
	}
	.ppc-landing .contact-form .form-control {
		transition: all.35s ease-in-out;
		-moz-transition: all .35s ease-in-out;
		-webkit-transition: all .35s ease-in-out;
		font-weight: bold;
	}
		.ppc-landing .contact-form .form-control:focus {
			border-color: #ee3e3a;
			background-color: rgba(238, 62, 58, 0.05);
			transition: all.35s ease-in-out;
			-moz-transition: all .35s ease-in-out;
			-webkit-transition: all .35s ease-in-out;
		}

	.ppc-landing label.error {
		position: absolute;
		left: 0;
		margin: 6px 0 0 20px;
		background-color: rgba(238, 62, 58, 0.9);
		padding: 5px 10px;
		font-weight: normal;
		color: #fff;
		z-index: 200;
		font-size: 12px;
	}

		.ppc-landing label.error::before {
			width: 0;
			height: 0;
			border-left: 5px solid transparent;
			border-right: 5px solid transparent;
			content: "";
			border-bottom: 5px solid rgba(238, 62, 58, 0.9);
			position: absolute;
			margin-top: -10px;
		}

.ppc-landing .text-area label.error {
	margin: 132px 0 0 20px;
}

@media (max-width: 1024px) {
	.ppc-landing .case-hero {
		padding-top: 100px;
		
	}
		.ppc-landing .case-hero h1 {
			font-size: 42px;
			width: 75%;
		}
		.ppc-landing .case-hero h2 {
			font-size: 20px;
			line-height: 26px;
		}
	.ppc-landing .dynamic-form .title {
		font-size: 24px;
		width: 35%;
		padding-top: 6px;
	}
}
@media (max-width: 768px) {
	.ppc-landing .case-hero h1 {
		font-size: 36px;
		width: 75%;
	}
	.ppc-landing .case-hero h2 {
		font-size: 18px;
	}
	.ppc-landing .dynamic-form .title {
		font-size: 24px;
		width: 50%;
		padding-top: 6px;
	}
	.ppc-landing .dynamic-form .field-sets {
		width: 50%;
	}
	.ppc-landing .babble {
		padding: 60px 5%;
	}
		.ppc-landing .babble h1 {
			margin-bottom: 25px;
		}
	.ppc-landing .what-we-do .do-items div.d {
		width: 50%;
	}
	.ppc-landing .contact-form .form {
		width: 70%;
		margin: 0 auto;
	}
	.ppc-landing .testimonials .testimonial-items div.q {
		width: 100%;
	}
		.ppc-landing .testimonials .testimonial-items div.q p {
			min-height: initial;
		}
}
@media (max-width: 425px) {
	.ppc-landing .case-hero {
		padding-top: 75px;
	}
	.ppc-landing .case-hero h1 {
		font-size: 26px;
		width: 100%;
	}
		.ppc-landing .case-hero h2 {
			font-size: 16px;
			line-height: 22px;
		}
	.ppc-landing .dynamic-form .title {
		width: 100%;
	}
	.ppc-landing .dynamic-form .field-sets {
		width: 100%;
	}
	.ppc-landing .dynamic-form .title {
		font-size: 18px;
		padding-bottom: 15px;
	}
	.ppc-landing .babble {
		padding: 40px 5%;
	}
	.ppc-landing .what-we-do {
		padding: 40px 0;
	}
		.ppc-landing .what-we-do .do-items div.d {
			width: 100%;
			padding: 10px;
			min-height: 50px;
		}
	.ppc-landing .testimonials .testimonial-items div.q {
		width: 100%;
	}
	.ppc-landing .contact-form .form {
		width: 100%;
	}
	.ppc-landing .contact-form h1 {
		margin-top: 40px;
		font-size: 36px;
		padding-bottom: 10px;
	}
	.ppc-landing .contact-form .subtitle {
		font-size: 14px;
	}
}