inner/* -------------- General Styles -------------- */
*:hover {
	-webkit-transition: background  ease-out 1s;
    -moz-transition: background  ease-out 1s;
    -o-transition: background  ease-out 1s;
    transition: background ease-out 1s;
}
html {
	height:100%;
}
body {
	background: #000;
	font-family: "Open Sans", Arial, "Lucida Grande", sans-serif;
	font-weight: 300;
}
h1, h2, h3, h4, h5, h6{ font-family:"Open Sans", helvetica, sans-serif; }
a.button{
	position:relative;
	background: rgba(255, 0, 0, 0.5);
	padding:15px 60px;
	color:#000;
	text-transform:uppercase;
	display:inline-block;
	border-radius:8px;
	transition:all .3s ease;
}
a.button:before{
	top: 0;
	left: 70%;
	opacity: 0;
	position: absolute;
	height: 100%;
	font-size: 125%;
	line-height: 2.3;
	color: #000;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	content:">";
}
a.button:hover:before{
	left: 80%;
	opacity: 1;
}
a.button:hover{
	padding:15px 70px 15px 50px;
	text-decoration:none;
}
header {
	position: fixed;
	background: rgba(33,33,33,.8);
	height: 105px;
	top: 0;
	left: 0;
	right: 0;
	z-index: 110;
	padding-top: 25px;
	border-bottom: #fff thin solid;
}
#home header {
	background: rgba(0,0,0,.5);
}
header h1 {
	float: left;
	margin: 0px 0 10px 60px;
	padding: 0;
	height: 105px;
	width: 250px;
	background: url(images/BlackShirt.png) left top no-repeat;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 101%;
	transition: all 0.22s ease;
	border-bottom: 0;
}
#about-page header.narrow h1,
#services-page header.narrow h1,
#services-page2 header.narrow h1,
#portfolio-page header.narrow h1,
#portfolio-page2 header.narrow h1,
#awards-page header.narrow h1,
header.narrow h1 {
	margin-top: 0;
	background-size: contain;
	max-height: 80%;
}
header h1 a {
	height: 100%;
	width: 100%;
	display: block;
}
footer .left{
	float:left;
}
footer address{
	text-align:left;
	position:relative;
	top:-12px;
	display:block;
	clear:both;
	color:#666;
	margin:0 0 25px 130px;
}
footer .logo {
	margin: 55px 0 0px 50px;
	float: left;
}
footer .social {
	position:relative;
	float: right;
	margin: 50px 50px 25px 0;
	height: auto;
}
footer .social img.award{
	position:absolute;
	top:7px;
	left:-120px;
	opacity:.8;
}
#services-page footer .inner p.copyright,
#services-page2 footer .inner p.copyright,
#casestudy footer .inner p.copyright,
footer .inner p.copyright {
	color: #464749;
	font-size: 14px;
	font-family: "Open Sans", Helvetica, sans-serif;
}
footer .social p.tel {
	font-size: 24px;
	color: #fff;
	padding-bottom: 10px;
}
footer .social a.social-icon-footer {
	color: #fff;
	font-size: 22px;
	transition: all 1s ease;
	margin: 0 15px 0 0;
	padding: 3px 0 0 0;
}
footer .social a:hover {
	text-decoration: none;
	color: #f66a04;
}
footer .social .map a {
	font-size: 16px;
	color: #fff;
}
footer .social .map p{
	color:#555;
}
footer nav {
	border-top: 1px solid #444;
	clear: both;
}
footer nav ul {
	text-align: center;
	margin: 16px 0;
}
footer nav ul li {
	padding: 0px 5px;
	margin: 0;
	font-size: 13px;
}
footer nav ul li a {
	font-family: "Open Sans", Helvetica, sans-serif;
	color: #464749;
	transition: all 1s ease;
	font-size: 13px;
	padding: 0px;
	margin: 0px;
	font-weight: 100;
	letter-spacing: 0px;
}
footer nav ul li a:hover {
	color: #ccc;
	opacity: 1;
}
a.back-button {
	position:relative;
	border: 1px solid #ccc;
	display: inline-block;
	font-size: 20px;
	padding:15px 60px;
	text-align: center;
	text-decoration: none;
	color: #666;
	transition: all .3s ease;
	margin: 0 0 20px 0;
}
a.contact-button{
	background:#f66a04;
	position:relative;
	border: 1px solid #ccc;
	display: inline-block;
	font-size: 20px;
	padding:15px 60px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	transition: all .3s ease;
	margin: 0 0 20px 0;
}
a.back-button:before{
	top: 0;
	left: 30%;
	opacity: 0;
	position: absolute;
	height: 100%;
	font-size: 125%;
	line-height: 2.0;
	color: #f66a04;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	content:"←";
}
a.contact-button:before{
	top: 0;
	left: 70%;
	opacity: 0;
	position: absolute;
	height: 100%;
	font-size: 125%;
	line-height: 2.0;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	content:"→";
}
a.contact-button:hover:before{
	left:85%;
	opacity: 1;
}
a.back-button:hover:before{
	left: 10%;
	opacity: 1;
}
a.contact-button:hover{
	color:#fff;
	padding:15px 80px 15px 40px;
}
a.back-button:hover {
	color:#f66a04;
	padding:15px 50px 15px 70px;
}
#article #content #blurb,
#webdesign #content #blurb {
	min-height: 300px;
	padding: 105px 0 0;
}
#article #content #blurb p,
#webdesign #content #blurb p{
	color: inherit;
	margin: 0 0 20px 0;
}
#article #content #blurb h2,
#webdesign #content #blurb h2{
	color: inherit;
	margin: 20px 0 20px 0;
	text-align: left;
	text-transform: uppercase;
}
#article #content #blurb .banner-header h1 {
	color: #fff;
	margin: 20px 0 20px 0;
	text-align: center;
	text-transform: uppercase;
}
#article #content #blurb h1 {
	color: #333;
	margin: 20px 0;
	font-size: 35px;
}
#article .banner-header {
	background-color: #3dbfd9;
	padding: 70px;
	margin-bottom: 40px;
}
#article li {
	font-size: 16px;
	margin-bottom: 10px;
}
#article li img {
	max-width: 550px;
	margin: 10px 0 !important;
}
.web-seo-images {
	display: block;
	text-align: center;
	margin-top:10px;
}
.web-seo-images img{
	display: block;
}
.web-seo-images h3{
	color:#f66a04;
}
#webdesign #trigger {
	height: 1px;
	width: 100%;
	position: absolute;
	top: 500px;
	background: transparent;
	left: 0;
}
#article #content #blurb p{
	color: inherit;
	margin: 0 0 20px 0;
	max-width: inherit;
	text-align: left;
}
#article #content ul {
	text-align: left;
}
#article #content ul li a {
	color: #428bca;
	text-decoration: none;
	font-size: 19px;
	line-height: 2;
}
#webdesign #content #blurb img.logo {
	margin: 0;
	padding: 0;
}
#webdesign #content #blurb img.web-seo {
	max-height: inherit;
	margin: 0 auto 20px ;
}
#article footer nav ul {
	text-align: center;
	margin: 16px 0;
}
#content #blurb h1 {
	color: #fff;
	font-size: 45px;
	font-weight: bold;
	margin-left: 0px;
}
/* --- Loading Screen --- */
body div.loading-page {
	content: '';
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	background: #282c2d;
	transition: all 1.5s ease;
	opacity: 1;
	z-index: 1999;
}
body.pace-running header {
	display: none;
}
body.pace-done div.loading-page {
	opacity: 0;
	z-index: -99;
}
.pace {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-pointer-events: none;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	z-index: 2010;
	position: fixed;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 200px;
	height: 200px;
	background: #282c2d;
}
.pace .pace-progress {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-transition: width 1s ease-in-out 1s linear;
	-moz-transition: width 1s ease-in-out 1s linear;
	-ms-transition: width 1s ease-in-out 1s linear;
	-o-transition: width 1s ease-in-out 1s linear;
	transition: width 1s ease-in-out 1s linear;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	height: 0px;
	max-height: 200px;
	position: fixed;
	z-index: 2000;
	display: block;
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 200px;
	background: url(images/rocket-loader-fill.png) left bottom no-repeat;
}
.pace-activity {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(images/rocket-loader.png) left top no-repeat;
	z-index: 2001;
	background-size: contain;
}
.pace-inactive {
	display: none;
}
/* --- Navigation Styles --- */
#menu-icon {
	display: none;
}
header nav {
	width: auto;
	height: auto;
	float: right;
	margin: 0px 50px 0 0;
	z-index: 100;
	background: transparent;
	text-align: right;
	transition: all 0.1s ease;
}
/*body.inside header nav {
	margin-top: 10px;
}*/
nav ul {
	list-style-type: none;
	margin: 10px 0 0 0;
	padding: 0;
}
header.narrow nav ul {
	margin-top: 0px;
}
nav ul li {
	position: relative;
	display: inline-block;
	font-family: "Open Sans", sans-serif;
	font-size: 18px;
	color: #fff;
	margin: 0 0 0 15px;
	padding: 5px 0 10px 0;
}
nav ul li a, nav ul li span {
	font-family: "Open Sans", sans-serif;
	font-size: 18px;
	color: white;
	font-weight: normal;
	letter-spacing: 1px;
	text-decoration: none;
	outline: none;
	position: relative;
	padding: 5px 5px 5px 5px;
	transition: all 0.3s ease;
}
nav ul li span{
	cursor:context-menu;
}
body.inside nav ul li a, body.inside nav ul li span {
	color: #fff;
}
nav ul li a:hover,
nav ul li span:hover{
	color: #fff;
	text-decoration: none;
	opacity: .5;
}
nav ul li ul {
	display: none;
	position: absolute;
	top: 30px;
	background: #222;
	padding: 10px 0;
}
.narrow nav ul li ul{
	top:35px;
}
body.inside nav ul li ul {
}
nav ul li ul li {
	display: block;
	margin: 0 10px;
	padding: 0;
	font-size: 16px;
	width: 200px;
}
nav ul li ul li a {
	white-space: nowrap;
	font-size: 15px;
	display: block;
	text-align: left;
	transition: all 0.3s ease;
}
nav ul li ul li a:hover{
	color: #777;
	opacity: 1.0;
}
nav ul li:hover ul,
nav ul li:focus ul {
	display: block;
}
nav ul li:hover ul:before {
	content: "";
	position: absolute;
	top: -6px;
	left: 20px;
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #222;
}
body.inside nav ul li:hover ul:before {

}
li.phonenumber-head small{
	font-weight:700;
}
header .mobile-phone{
	display:none;
}
/* --- Content Styles --- */
.inner {
	max-width: 1800px;
	padding: 0 40px;
	margin: 0 auto;

}
#content {
	min-height: 100%;
	background: #fff;
	position: relative;

}
#contact #content {
	min-height: 500px;
	background-image: url(images/contact-background.jpg);
}
#contact #contact-main {
	max-width: 900px;
	width: 100%;
	margin: 250px auto 0;
	position: relative;
	height: auto;
	padding: 25px;
	background: rgba(255, 255, 255, 0.9);
}
#contact #contact-main h2{
	padding: 0;
	margin: 0px 0 10px 0;
	text-align: left;
	color:#f66a04;
}
#contact #contact-main p{
	color: #000;
	margin: 10px 0;
}
#contact col-sm-7, #contact col-sm-5 {
	padding-left: 0;
	padding-right: 0;
}
.container-full {
	height: 100%;

	padding:0;
	margin:0 auto;
}
#content #blurb {
	min-height: 300px;
	padding: 50px 0;
}
#content #blurb img {
	margin: 0 auto;
}
#content #blurb h1 {
	color: #fff;
	font-size: 45px;
	font-weight: bold;
	margin-left: 35px;
}
#content #blurb p {
	color: #fff;
	font-size: 18px;
	line-height: 28px;
	font-weight: 100;
	margin-left: 35px;
}
#content #blurb .animate {
	min-height: 440px;
	overflow: hidden;
}
#content #blurb img.revolution {
	position: relative;
	-webkit-animation: revolution 1s forwards;
	-moz-animation: revolution 1s forwards;
	animation: revolution 1s forwards;
}
@-webkit-keyframes revolution {
	 0% {
		top: 400px;
	}
	 100% {
		top:15px;
	}
}
@-moz-keyframes revolution {
	 0% {
		top: 400px;
	}
	 100% {
		top:15px;
	}
}
#content h2 {
	text-align: center;
	font-weight: 800;
	color: #666;
	margin: 45px 30px;
	font-size: 28px;
}
#content p {
	color: #666;
	font-size: 18px;
}
#content .inner p {
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
}
#content .inner.spacing {
	padding-bottom: 65px;
}
#content .gray {
	margin: 25px 0;
	padding: 25px 0;
	background: #333;
}
#content .gray .inner {
	max-width: 1240px;
}
#content .gray p {
	color: #fff;
}
#content .gray ul {
	list-style-type: none;
	margin: 20px 0;
	padding: 0px;
}
#content .gray ul li {
	color: #fff;
	font-size: 18px;
	padding: 20px 0 20px 55px;
	background: url(../images/rocket-bullet.png) left center no-repeat;
}
#content .very-lt-gray{
	background: #ebebeb;
}
#content .very-lt-gray.scholarship-bg{
	background-size: cover !important;
	background:url(../images/scholarship-bg.jpg) 10% center no-repeat;
}
#content .very-lt-gray.scholarship-bg .icons{
	margin: 25px 0 0;
	text-align: center;
}
#content .very-lt-gray.scholarship-bg .icons h3{
	color: #474747;
}
#content .partners .wrapper{
	margin: 0 40px;
}
#content .partners li{
	text-align: center;
}
#content .partners li img{
	margin: 0 auto;
}
#content .partners .bx-wrapper .bx-prev{
	left: -35px;
}
#content .partners .bx-wrapper .bx-next{
	right: -35px;
}
#content .awards{
	max-width: 1100px;
	margin: 0 auto;
	text-align: center;
	padding: 30px 30px 0;
}
#content .awards img{
	margin-bottom: 30px;
}
#content .seo-awards .col-sm-2{
	text-align: center;
}
#content .seo-awards img{
	margin: 30px 2%;
	max-width: 28%;
}
#content #recent-work {
	margin-top: 25px;
	clear: both;
}
#content #recent-work h2, #content h2.gray {
	margin: 0;
	padding: 35px 30px;
	background: #333;
	color: #fff;
	font-weight: 800;
	text-transform: uppercase;
}
#content #process {
	max-width: 1200px;
	margin: 0 auto;
	min-height: 400px;
}
#content #process ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
}
#content #process li {
	display: inline-block;
	margin: 70px 55px;
	font-size: 16px;
	color: #999;
}
#content #process li a img {
	display: block;
	margin: 0 auto 35px;
}
#content #process li a span {
	color: #999;
	text-decoration: none;
	text-align: center;
	font-weight: lighter;
	font-size: 18px;
}
#content #process li a:hover {
	text-decoration: none;
}
#content #process li.active a span {
	padding-bottom: 8px;
	border-bottom: 1px solid #c9c9c9;
}
#content #process div h2 {
	color: #999;
	margin-top: 0;
	font-weight: lighter;
}
#content #process div p {
	color: #999;
	font-size: 18px;
	line-height: 1.8em;
	text-align: center;
	font-weight: lighter;
	margin-bottom: 65px;
	padding: 0 35px;
}
#content #process div img {
	margin: 10px auto;
	display: none;
}
#content #stats {
	text-align: center;
	background: #333333;
}
#content #stats ul {
	padding: 0;
	list-style-type: none;
	display: inline-block;
}
#content #stats ul li {
	display: inline-block;
	color: #fff;
	font-size: 55px;
	font-weight: 800;
	margin: 10px 0 0 40px;
	padding: 10px 40px 20px 0;
	border-right: 1px dashed #eee;
}
#content #stats ul li:last-child {
	border: 0px;
}
#content #stats ul li span {
	font-size: 13px;
	text-transform: uppercase;
	white-space: nowrap;
	display: block;
	font-weight: 300;
	letter-spacing: 1px;
}
#content #stats ul li em {
	font-size: 42px;
	font-style: normal;
	font-weight: 800;
}
/* --- Safari fix --- */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: inherit;
    font-family: "Open Sans", helvetica, sans-serif;
    font-weight:bold;
    line-height: 1.1;
}
/* --- Homepage Styles --- */
#trigger {
	height: 1px;
	width: 100%;
	position: absolute;
	top: 500px;
	background: transparent;
	left: 0;
}
/*.inside #trigger {
	display: none !important;
}*/
.slide {
	padding: 1px 0;
	min-height: 500px;
	text-align: center;
}
.slide h2 {
	margin: 55px 50px 50px;
	font-size: 38px;
	text-align: center;
	font-weight: 700;
}
#services h2, #results h2, #intro h2,#clients h2, #slide3 h2 {
	padding-bottom: 30px;
	font-weight:900;
	background: url(images/border-white.jpg) bottom center no-repeat;
}
#awards.slide{
	min-height: 1px;
	padding: 50px 20px;
	background: #fff;
}
#awards.slide .clear p{
	margin-top: 40px;
	text-align: center;
	clear: both;
	font-size: 18px;
}
#intro h2,#clients h2  {
	color:#999999;
	padding-bottom: 30px;
	background: url(images/border-gray.jpg) bottom center no-repeat;
}
#intro h2 span{
	display:block;
	font-size:22px;
	margin-top:15px;
	font-weight:400;
}
#video{
	position:relative;
	background:#36608e;
	background-size:cover;
	min-height:1px;
	height: 56.25vw;
	max-width:100%;
	overflow:hidden;
}
#video2{
	position:relative;
	background:#fff;
	background-size:cover;
	min-height:1px;
	height: 56.25vw;
	max-width:100%;
	overflow:hidden;
}
#video video{
	min-width:100%;
	min-height:100%;
	position:absolute;
	top:0;
	left:0;
	opacity:.6;
	background:url() center center no-repeat;
	background-size:auto 100%;
}
#video2 video{
	min-width:100%;
	min-height:100%;
	position:absolute;
	top:0;
	left:0;
	opacity:.6;
	background:url() center center no-repeat;
	background-size:auto 100%;
}
#video h2{
	color:#fff;
	text-align:left;
	font-size:90px;
	margin-left:5%;
	position:relative;
}
#video2 h2{
	color:#fff;
	text-align:left;
	font-size:90px;
	margin-left:5%;
	position:relative;
}
#video a.video.play{
	left:5%;
	right:5%;
	display:block;
	position:absolute;
	top:40%;
	bottom:40%;
	z-index:100;
	background:url(images/video-play-arrow.png) center center no-repeat;
	background-size:contain;
	text-indent:115%;
	white-space:nowrap;
	overflow:hidden;
}
#video2 a.video.play{
	left:5%;
	right:5%;
	display:block;
	position:absolute;
	top:40%;
	bottom:40%;
	z-index:100;
	background:url(images/video-play-arrow.png) center center no-repeat;
	background-size:contain;
	text-indent:115%;
	white-space:nowrap;
	overflow:hidden;
}
#portfolio.slide{
	height:50%;
	position:relative;
	overflow:hidden;
}
#portfolio.slide:after{
	content:"";
	background:url(images/portfolio-bg.jpg) 30% 50% no-repeat;
	position:absolute;
	background-size:cover;
	top:0;
	left:0;
	bottom:0;
	right:0;
	z-index:-1;

}
#portfolio2.slide:after{
	content:"";
	background:url(images/home.jpg) 30% 50% no-repeat;
	position:absolute;
	background-size:cover;
	top:0;
	left:0;
	bottom:0;
	right:0;
z-index:-1;}
#portfolio2.slide{
	height:50%;
	position:relative;
	overflow:hidden;
}
#portfolio4.slide:after{
	content:"";
	background:url(images/serivce.jpg) 30% 50% no-repeat;
	position:absolute;
	background-size:cover;
	top:0;
	left:0;
	bottom:0;
	right:0;
z-index:-1;}
#portfolio4.slide{
	height:50%;
	position:relative;
	overflow:hidden;
}
#portfolio.slide h2{
	color:#999;
	font-weight:800;
	text-align:left;
	font-size:60px;
	margin-left:5%;
	margin-bottom:25px;
	z-index:1;
}
#portfolio3.slide h2{
	color:#999;
	font-weight:800;
	text-align:left;
	font-size:60px;
	margin-left:5%;
	margin-bottom:25px;
	z-index:1;
}
#portfolio.slide p{
	max-width:30%;
	margin-left:5%;
	color:#999;
	font-size:18px;
	text-align:left;
	z-index:1;
}
#portfolio2.slide p{
	max-width:30%;
	margin-left:5%;
	color:#999;
	font-size:18px;
	text-align:left;
	z-index:1;
}
#portfolio4.slide p{
	max-width:30%;
	margin-left:5%;
	color:#999;
	font-size:18px;
	text-align:left;
	z-index:1;
}
#portfolio.slide a.button{
	margin-top:30px;
	z-index:1;
}
#portfolio2.slide a.button{
	margin-top:30px;
	z-index:1;
}
#portfolio4.slide a.button{
	margin-top:30px;
	z-index:1;
}
#results h2 {
	font-weight:900;
	margin-bottom: 20px;
	color: #fff;
}
#banner {
	background: #000000;
	background-size:cover;
	height: 95%;
	max-width:100%;
	overflow:hidden;
}
#banner .banner-inner {
	margin: 20% auto 2%;
	max-width: 80%;
}
#banner h2 {
	 font-size: 40px;
}
#banner h2,#banner h3{
	color:#FFF;
}
#banner img {
    margin: 60px auto 20px;
}
/* Clients
------------------------- */
#clients {
	background:#FFF;
	text-align:center;
	min-height:1px;
	padding:10px 0;
	border-top:1px solid #ddd;
}
#clients a{
	display:inline-block;
	width:20%;
	margin:0 2%;
	padding:0;
	overflow:hidden;
	transition:all 1s ease;
	position:relative;
	height:140px;
}
#clients a img{
	margin:auto;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	transition:all .5s ease;
	max-width:100%;
	height:auto;
}
#clients a img.color{
	opacity:0;
}
#clients a:hover img.color{
	opacity:1;
}
#clients a:hover img.top{
	opacity:0;
}
.nopadding {
	margin:0 !important;
	padding:0 !important;
}
#intro {
	z-index:100;
	position:relative;
	padding: 0px 0 0;
	background: #ebebeb;
	border-top:#000 8px solid;
}
#intro img {
	margin: 0 auto;
	max-width: 80%;
}
#intro .sec-icon{
	margin-top:-36px;
}
#intro p {
	font-size: 20px;
	color: #999;
	line-height: 34px;
	margin-bottom: 70px;
	padding: 0 50px;
	font-weight:400;
}
#intro2 {
	z-index:100;
	position:relative;
	padding: 0px 0 0;
	background: #fff;

}
#intro2 img {
	margin: 0 auto;
	max-width: 80%;
}
#intro2 .sec-icon{
	margin-top:-36px;
}
#intro2 p {
	font-size: 20px;
	color: #999;
	line-height: 34px;
	margin-bottom: 70px;
	padding: 0 50px;
	font-weight:400;
}
#services {
	background: url() top left no-repeat;
	background-size: cover;
}
#services ul {
	text-align: center;
	margin: 0 auto 50px;
	padding: 0 20px;
	max-width: 1200px;
	list-style-type: none;
}
#services ul li {
	display: inline-block;
	width: 30%;
	padding-bottom: 30%;
	margin-left: 4%;
	position: relative;
}
#services ul li:first-child {
	margin-left: 0%;
}
#services ul li div.info {
	position: absolute;
	top: -1px;
	left: -1px;
	right: 0;
	bottom: 0;
	border-radius: 50%;
	transition: all 0.4s ease-in-out;
	background-size: contain !important;
}
#services ul li div.info a {
	height: 100%;
	width: 100%;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 101%;
}
#services ul li div.info h3 {
	text-align: center;
	padding-top: 15%;
	color: #440000;
}
#services ul li div.info p {
	padding: 0 10%;
	text-align: center;
}
#services ul li.web div.info {
	background: url(../images/icon-responsive-design.png) center top no-repeat;
}
#services ul li.seo div.info {
	background: url(../images/icon-seo.png) center top no-repeat;
}
#services ul li.social div.info {
	background: url(../images/icon-socialmedia.png) center top no-repeat;
}
#services ul li:hover div.info {
	background-color: #fff;
	background-color: rgba(255,255,255,.15);
}
#recent-work {
	background: #fff;
	padding-bottom: 0px;
	min-height: 0px;
}
#recent-work .port {
	width: 33.3%;
	float: left;
	position: relative;
	overflow: hidden;
}
#recent-work .port img {
	display: block;
	width: 100%;
	height: auto;
	transform: scaleY(1);
	-webkit-transform: scaleY(1);
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	transition: all .9s ease-in-out;
}
#recent-work .port .info {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #282c2d;
	background-color: rgba(40,44,45,.9);
	transition: all 0.5s linear;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
#recent-work .port .info h3, #recent-work .port .info p, #recent-work .port .info a {
	opacity: 0;
	transform: scale(0);
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transition: all 0.5s linear;
}
#recent-work .port:hover img {
	transform: scale(3);
	-webkit-transform: scale(3);
	-moz-transform: scale(3);
	-ms-transform: scale(3);
	-o-transform: scale(3);
	opacity: 0.2;
}
#recent-work .port:hover .info {
	opacity: 1;
}
#recent-work .port:hover .info h3, #recent-work .port:hover .info p, #recent-work .port:hover .info a {
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	opacity: 1;
	color: #fff;
}
#results {
	background: url(../images/city-bg.jpg) top center no-repeat;
	background-size: cover;
}
#results p {
	font-size: 26px;
	color: #fff;
}
#results ul {
	margin: 60px auto;
	padding: 0 5%;
	max-width: 1400px;
	text-align: center;
	font-size: 0;
	vertical-align: top;
}
#results ul li {
	vertical-align: top;
	font-weight: 800;
	display: inline-block;
	color: #fff;
	font-size: 27px;
	line-height: 32px;
	padding: 30px 3% 30px 0;
	border-right: 1px solid #fff;
	margin-left: 3%;
	width: 29%;
	text-transform: uppercase;
}
#results ul li:last-child {
	border-right: 0px;
}
/* -------------- Services | About | portfolio banner -------------- */
#services-page #content h1,#about-page #content h1, #portfolio-page #portfolio-page2 header.narrow h1, #content h1, #awards-page #content h1{
	color:#fff;
	font-family: "Open Sans", Arial, "Lucida Grande", sans-serif;
	font-weight:900;
	bottom: 10px;
    font-size: 90px;
    line-height: 1;
	font-weight:bold;
    margin: 0;
    padding: 0;
	text-transform: uppercase;
}
#services-page2 #content h1,#about-page #content h1, #portfolio-page #portfolio-page2 header.narrow h1, #content h1, #awards-page #content h1{
	color:#fff;
	font-family: "Open Sans", Arial, "Lucida Grande", sans-serif;
	font-weight:900;
	bottom: 10px;
    font-size: 90px;
    line-height: 1;
	font-weight:bold;
    margin: 0;
    padding: 0;
	text-transform: uppercase;
}
#banner-intro .wide {
  width:100%;
  height:450px;
}
#banner-intro2 .wide {
  width:100%;
  height:450px;
}
#services-page #banner-intro2 .wide{
	background:url(images/truck.jpg) right center no-repeat;
	background-size:cover;
	height:350px;
}
#services-page2 #banner-intro2 .wide{
	background:url(images/car.jpg) right center no-repeat;
	background-size:cover;
	height:350px;
}
#services-page #banner-intro .wide{
	background:url(images/services-banner.jpg) right center no-repeat;
	background-size:cover;
	height:720px;
}
#services-page2 #banner-intro .wide{
	background:url(images/services-banner.jpg) right center no-repeat;
	background-size:cover;
	height:720px;
}
#services-page .higher-ed #banner-intro .wide{
	background:url(images/highered-banner.jpg) top left repeat;
	background-size: cover !important;
	height: 300x;
}
#services-page2 .higher-ed #banner-intro .wide{
	background:url(images/highered-banner.jpg) top left repeat;
	background-size: cover !important;
	height: 300x;
}
#services-page .higher-ed #banner-intro2 .wide{
	background:url(images/highered-banner.jpg) top left repeat;
	background-size: cover !important;
	height: 600px;
}
#services-page2 .higher-ed #banner-intro2 .wide{
	background:url(images/highered-banner.jpg) top left repeat;
	background-size: cover !important;
	height: 600px;
}
#banner-intro .wide.blue-banner{
	background:url(images/blue-banner.jpg);
	background-size:cover;
}
#banner-intro2 .wide.blue-banner{
	background:url(images/blue-banner.jpg);
	background-size:cover;
}
#banner-intro .logo-header {
	padding-top: 220px;
}
#banner-intro2 .logo-header {
	padding-top: 220px;
}
#banner-intro .logo-header {
    background-position: 50% 100%;
    background-repeat: no-repeat;
    position: relative;
    text-align: center;
}
#banner-intro2 .logo-header {
    background-position: 50% 100%;
    background-repeat: no-repeat;
    position: relative;
    text-align: center;
}
#banner-intro .logo-header .float{
	float:left;
	max-width:55%;
}
#banner-intro2 .logo-header .float{
	float:left;
	max-width:55%;
}
#services-page .bar-wrap{
	clear:both;
}
#services-page2 .bar-wrap{
	clear:both;
}
.bar-container{
  float: left;
  height: 22px;
  background: #d0d0d0;
  width: 80%;
  margin: 0px 0px 12px;
  overflow: hidden;
}
.bar-container .bar{
	float: left;
	background: #f66a04;
	height: 100%;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
.bar-percentage{
	float:right;
	width:20%;
	text-align:center;
	font-size:20px;
	line-height:20px;
	color:#474747;
	font-weight:700;
}
#services-page .featured-image img{
	width:100%;
	height:auto;
}
#services-page2 .featured-image img{
	width:100%;
	height:auto;
}
#services-page .bar-wrap p{
	margin:0 !important;
	font-size:16px;
	color:#474747;
	font-weight:700;
}
#services-page2 .bar-wrap p{
	margin:0 !important;
	font-size:16px;
	color:#474747;
	font-weight:700;
}
#services-page div.mobile{
	background:url(images/mobile-experience.jpg) center center no-repeat;
	background-size:cover;
	padding:30px 0;
}
#services-page2 div.mobile{
	background:url(images/mobile-experience.jpg) center center no-repeat;
	background-size:cover;
	padding:30px 0;
}
#services-page div.mobile2{
	background:url(images/truck2.jpg) center center no-repeat;
	background-size:cover;
	padding:30px 0;
}
#services-page2 div.mobile2{
	background:url(images/truck2.jpg) center center no-repeat;
	background-size:cover;
	padding:30px 0;
}
#services-page div.mobile3{
	background:url(images/truck3.jpg) center center no-repeat;
	background-size:cover;
	padding:30px 0;
}
#services-page2 div.mobile3{
	background:url(images/truck3.jpg) center center no-repeat;
	background-size:cover;
	padding:30px 0;
}
#services-page div.mobile4{
	background:url(images/wheels.jpg) center center no-repeat;
	background-size:cover;
	padding:30px 0;
}
#services-page2 div.mobile4{
	background:url(images/wheels.jpg) center center no-repeat;
	background-size:cover;
	padding:30px 0;
}
#services-page2 div.mobile5{
	background:url(images/car1.jpg) center center no-repeat;
	background-size:cover;
	padding:30px 0;
}
#services-page div.mobile .wrap{
	max-width:1400px;
	margin:0 auto;
}
#services-page2 div.mobile .wrap{
	max-width:1400px;
	margin:0 auto;
}
#services-page div.mobile2 .wrap{
	max-width:1400px;
	margin:0 auto;
}
#services-page2 div.mobile2 .wrap{
	max-width:1400px;
	margin:0 auto;
}
#services-page div.mobile3 .wrap{
	max-width:1400px;
	margin:0 auto;
}
#services-page2 div.mobile3 .wrap{
	max-width:1400px;
	margin:0 auto;
}
#services-page div.mobile4 .wrap{
	max-width:1400px;
	margin:0 auto;
}
#services-page2 div.mobile4 .wrap{
	max-width:1400px;
	margin:0 auto;
}
#services-page #content .mobile h2,
#services-page #content .mobile p{
	max-width:40%;
}
#services-page #content .mobile2 h2,
#services-page #content .mobile2 p{
	max-width:40%;
}
#services-page #content .mobile3 h2,
#services-page #content .mobile3 p{
	max-width:40%;
}
#services-page #content .mobile4 h2,
#services-page #content .mobile4 p{
	max-width:40%;
}
#services-page .lt-gray{
	background:#666666;
	padding:30px 20px;
}
#services-page .lt-gray .wrap{
	max-width:1200px;
	margin:0 auto;
}
#services-page .lt-gray img{
	max-width:100%;
}
#services-page #content .lt-gray h2,
#services-page #content .lt-gray p{
	color:#fff;
	margin-top:0;
}
#services-page #content .lt-gray p{
	font-size:18px;
	margin-left:20px;
	margin-right:20px;
}
.contact-address {
	border-bottom: 1px solid #ccc;
	margin: 0 0 20px 0;
}
.contact-social img {
	margin: 0 10px 10px 0;
}
img.contact-map{
	border: #fff solid 10px;
	margin: 20px 0 20px 0;
	max-width:100%;
}
#about-page form {
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
}
#about-page .fsForm .fsCell {
	padding:0 !important;
	vertical-align: top;
}
#about-page .services-text.gray {
	padding:30px;
	background:#f5f5f5;
}
#about-page #content .givingback-txt p{
	padding:30px;
	color:#666;
	text-align:left;
	max-width:none;

}
#about-page #content .gray p {
	color: #999;
}
#about-page #content p {
	color: #999;
	text-align: center;
	padding: 0 30px;
	max-width: 600px;
	margin: 0 auto;
}
#about-page .text-center {
	padding: 30px 0;
}
#awards-page #content h2{
	text-align: left;
	margin-left: 10px;
}
#awards-page .center{
	max-width: 900px;
	margin: 0 auto;
	padding: 20px;
	text-align: center;
}
#awards-page #content .center h2{
	text-align: center;
}
#awards-page .center .button{
	margin-top: 20px;
}
#awards-page .logos{
	padding: 30px 20px;
}
#awards-page .inner{
	padding: 40px 20px;
}
#awards-page .logos img{
	filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	opacity: .8;
}
.img-responsive {
	display: inline-block;
}
.img-responsive.give-logos {
	display: inline-block;
	padding: 20px;
}
/* --------- Team Page View Bio Button -----------*/
h2.viewbio {
	background: url(images/red-line-bio5.png) no-repeat scroll center bottom rgba(0,0,0,0) !important;
	padding-bottom: 36px !important;
}
/* -------------- Case Study / PPC Landing Pages-------------- */
#casestudy h1, #casestudy .gray h2,  #casestudy .inner h2, #casestudy h3, #casestudy .inner p {
	color: #;
}
#casestudy .seolanding h1{
	color: #FFF;
	font-size: 93px;
	margin: 0 0 20px;
}
#casestudy .seolanding p{
	color: #FFF;
	font-size: 20px;
	text-transform: uppercase;
	text-align: center;
	padding: 0 20px;
}
#banner-intro .seolanding ul {
	display: block;
	text-align: center;
	padding: 20px 0;
	margin: 0 auto;
	width: 100%;
}
#banner-intro .seolanding ul li {
	display: inline-block;
	padding-bottom: 20px;
}
#banner-intro .seolanding ul li a {
	border: 1px solid #fff;
	color: #fff;
	display: block;
	font-size: 18px;
	padding: 10px ;
	text-align: center;
	text-decoration: none;
	width: 300px;
	margin-right: 20px;
	text-transform: uppercase;
}
a.seo-featured{
	background-image: url("images/seo-featured.png");
	background-repeat: no-repeat;
	background-position: 270px center;
}
a.seo-featured:hover{
	background-image: url("images/seo-featured.png");
}
a.seo-video{
	background-image: url("images/seo-watch-video.png");
	background-repeat: no-repeat;
	background-position: 270px center;
}
#ppc-form-section {
	background: #c23824;
	min-height: 100px;
}
#ppc-form-section .fsFieldFocused {
	background: transparent;
}
#ppc-form-section .fsForm {
	padding-bottom: 20px;
}
#casestudy #trigger {
	height: 1px;
	width: 100%;
	position: absolute;
	top: 500px;
	background: transparent;
	left: 0;
}
#ppc-form-section td.fsValidationError {
	background: transparent !important;
}
#ppc-form-section .fsSpacerRow {
	display: none;
}
#ppc-form-section .fsPage {
	width: 75%;
	display: inline-block;
}
#fsSubmit1811889 {
	width: 24%;
	display: inline-block;
	padding: 0;
	margin: 0;
}
#content #ppc-form-section p{
	font-size: 24px;
	text-transform: uppercase;
	text-align: center;
	padding: 30px 0 0;
	font-weight: bold;
}
#ppc-form-section .fsForm .fsCell {
	padding: 0;
	vertical-align: middle;
}
#ppc-form-section .fsFieldRow input[type=email],#ppc-form-section .fsFieldRow input[type=number],#ppc-form-section .fsFieldRow input[type=tel],#ppc-form-section .fsFieldRow input[type=text],#ppc-form-section .fsForm textarea {
 	border: 2px solid #ebebeb !important;
 	background-color: #FFF !important;
	background-image: none !important;
	background-repeat: repeat-x;
	background-position: top left;
	border-top: 0px solid #7c7c7c !important;
	width: 95%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	height: 50px;
	margin: 20px 0;
	color: #666666;
	font-family: "Open Sans", sans-serif;
	font-weight: normal;
	font-size: 24px;
	text-indent: 10px;
}
#fsRow1811889-1, #fsRow1811889-2, #fsRow1811889-3 {
	width: 33%;
	display: inline-block;
}
#ppc-form-section .fsSubmit input.fsSubmitButton {
	padding: 10px 20px!important;
	margin: 0 auto;
	clear: both !important;
	float: left !important;
	border: 2px solid #ebebeb !important;
	background: #fff !important;
	color: #666666;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	width: 95%;
	height: 50px;
	font-size: 24px;
	font-family: "Open Sans", sans-serif;
	font-weight: bold;
}
#casestudy h2 {
	margin: 25px 0;
}
#casestudy #blurb {
	padding-bottom: 0;
}
#casestudy #blurb p {
	max-width: 480px;
	text-align: left;
	margin: 0 auto;
	color: #606060;
	padding: 15px;
}
#casestudy .gray {
	margin: 0;
}
#casestudy img {
	margin:0 auto;
}
#casestudy #blurb.social img{
	padding-bottom:20px;
}
#ppc-intro-form {
	background: #2a2a2a;
	min-height: 300px;
	margin-top: 140px;
	padding-bottom: 20px;
}
#ppc-intro-form #movie-top3 h2 {
	font-size: 26px;
	line-height: 1;
	text-transform: uppercase;
	margin: 20px 0;
	padding: 0;
	text-align: left;
}
#ppc-intro-form #movie-top3 p {
	font-size: 21px;
	line-height: 1.5;
	text-transform: uppercase;
	margin: 20px 0;
	padding: 0;
	text-align: left;
}
#ppc-form td.fsValidationError {
	background-color: transparent!important;
}

#ppc-form .fsForm {
	padding: 40px 50px;
	border: 1px solid #fff;
	font-family: "Open Sans", Arial, "Lucida Grande", sans-serif !important;
	margin-bottom: 20px;
}
#ppc-form .fsForm h1{
	font-size: 30px;
	text-align: center;
	text-transform: uppercase;
	font-family: "Open Sans", Arial, "Lucida Grande", sans-serif !important;
	margin: 0 ;
}
#ppc-form .fsForm .fsCell {
	padding: 0 0 40px 0;
}
#ppc-form td.fsRowClose,#ppc-form td.fsRowOpen {
	display: none;
}
#ppc-form .fsFieldRow input[type=email],#ppc-form .fsFieldRow input[type=number],#ppc-form .fsFieldRow input[type=tel],#ppc-form .fsFieldRow input[type=text],#ppc-form .fsForm textarea {
 	border: 1px solid #999;
 	background-color: #414141 !important;
	background-image: none !important;
	background-repeat: repeat-x;
	background-position: top left;
	border-top: 0px solid #7c7c7c !important;
	width: 100%;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	color: #fff;
	border: 1px solid #fff !important;
	height: 50px;
	text-indent: 15px;
	font-size: 20px;
	font-weight: normal;
}
#ppc-form .fsSubmit input.fsSubmitButton {
	padding: 10px 20px!important;
	margin: 0 auto;
	clear: both !important;
	float: left !important;
	border: 0 !important;
	background: #f66a04 !important;
	color: #fff;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	width: 100%;
	height: 50px;
	font-size: 26px;
	font-weight: bold;
}
#content .inner p.case-featured {
	text-align: center;
	font-size: 16px;
	margin: 10px 0;
}
img.case-arrow {
	display: block;
	margin: 20px auto;
}
#ppc-form .fsSpacerRow {
	display: none;
}
#ppc-form .fsFieldFocused {
	background: transparent!important;
}
#ppc-form .fsForm .fsSubmit {
	padding: 0px 0 !important;
	margin-top: 10px;
	background-color: transparent !important;
	clear: left;
}
.ppc-movie {
	border: 10px solid #cccccc;
}
.ppc-page #content #blurb.plaingrey {
	padding-top: 40px;
}
.client-quote {
	max-width: 940px;
	margin: 0 auto;
	text-transform: uppercase;
}
.client-quote h2 {
	font-size: 28px;
}
.client-quote h3 {
	font-size: 18px;
	text-align: center;
}
#facts,
.facts {
	text-align: center;
}
#facts h1,
.facts h1 {
	font-size: 140px;
}
#facts h2,
.facts h2 {
	font-size: 30px;
}
#facts p,
.facts p {
	font-size: 20px;
}
#facts h1, #facts h2, #casestudy-txt h2,
.facts h1, .facts h2 {
	text-transform: uppercase;
}
#facts h1, #facts h2,
.facts h1, .facts h2 {
	font-weight: bold;
}
#casestudy-txt {
	padding: 5% 2% 15%;
}
#content .inner #casestudy-txt p {
	padding: 0 40px 0 0;
	margin:0 20px;
}
.case-one {
	background: #c23824;
}
.case-one-r {
	height: 100%;
	background: url(images/icon1.png) repeat;
	padding: 8% 0 14%;
}
.case-one.orange{
	background:#f36b21;
}
.case-one.orange .case-one-r{
	background:transparent;
	padding:5% 0;
}
#casestudy-txt h2 {
	text-align: left;
}
.case-two {
	background: #FFF;
	padding: 60px 0 0;
}
.case-two h1, .case-two h2, .case-two p {
	color: #999 !important;
}
.case-three {
	background: url(images/dummy.jpg) repeat;
	padding: 60px 0;
}
.case-three-color {
	background: #354961;
	padding: 60px 0;
}
.case-three.likes{
	background:url(images/like-tile.jpg) repeat;
}
/* -------------- Case Study -------------- */
#content #blurb img.logo {
	margin: 0;
	padding: 0 10% 0;
}
#content #facts h2,
#content .facts h2 {
	margin: 30px 20px 10px;
}
#content #facts p,
#content .facts p {
	font-size: 25px;
}
#content #blurb.plaingrey {
	background: #FFF;
	padding-top: 125px;
}
#casestudy #blurb p {
	max-width: 80%;
	text-align: left;
	margin: 0 auto;
	color: #606060;
	padding: 10px 0 25px 0;
}
#content h2 {
	font-size: 28px;
	margin: 30px 20px;
}
#content .inner p {
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	margin: 0 10px;
}
.case-two {
	background: #FFF;
	padding: 60px 0 0;
	overflow: hidden;
}
/* --------------Services -------------- */
#services-page {
	height: 100%;
}
#services-page p{
	font-size: 22px;
	font-weight: 300;
}
#services-page #banner-intro {
	background: #FFF;
}
#services-page #banner-intro .logo-header{
	margin:0 auto;
	max-width:1400px;
	padding:105px 30px 0;
}
#services-page .fsPage h2{
	margin-left:0px !important;
	margin-right:0px !important;
}
#services-page .logo-header .fsBody,
#article .web-seo-form .fsBody{
	float:right;
	max-width:350px;
	padding:25px;
	background:#d4d4d4;
	margin:80px 30px 80px 30px;
}
#services-page .higher-ed .logo-header .fsBody{
	margin: 40px 30px;
}
#article .web-seo-form .fsBody{
	margin-top:30px;
}
#services-page .fsEmbed .fsForm,
#article .web-seo-form .fsEmbed .fsForm{
	margin:0 !important;
}
#services-page .fsForm .fsSubmit,
#servies-page .fsPagination,
#article .web-seo-form .fsForm .fsSubmit,
#article .web-seo-form .fsPagination{
	padding:0 !important;
	margin:0 !important;
}
#services-page .logo-header form h2,
#article #content #blurb .web-seo-form form h2{
	color:#474747;
	font-weight:800;
	font-size:42px;
	border-bottom:0px;
	text-align:left;
	margin:0;
	margin-bottom:10px;
	text-transform:none !important;
}
#services-page .higher-ed .logo-header form h2{
	font-size: 26px;
	letter-spacing: -1px;
}
#services-page .logo-header form input,
#services-page .logo-header form textarea,
#article .web-seo-form form input,
#article .web-seo-form form textarea{
	border:0px;
	width:100%;
	padding:6px 12px;
	background: # !important;
	margin-bottom:15px;
}

#services-page .logo-header form textarea,
#article .web-seo-form form textarea{
	height:180px;
}
#services-page .higher-ed .logo-header form textarea{
	height: 80px;
}
#services-page .logo-header form input#fsSubmitButton1899917,
#services-page .logo-header form input#fsSubmitButton1902901,
#services-page .logo-header form input#fsSubmitButton1902912,
#services-page .logo-header form input#fsSubmitButton1902914,
#article .web-seo-form form input#fsSubmitButton1902901,
#services-page .logo-header form input#fsSubmitButton2084679{
	float:right !important;
	background:#3a95d2 !important;
	margin:0;
	padding:10px 30px !important;
	color:#;
	border:0;
	border-radius:3px;
	transition:all .3s ease;
	width:auto;
}
#services-page .logo-header form button:hover,
#article .web-seo-form form input#fsSubmitButton1902901:hover{
	background:#f66a04 !important;
}
#services-page #content .services-header h1{
	text-align:left;
	font-size:62px;
	text-transform:none;
	margin-top:80px;
	margin-bottom:15px;
}
#services-page #content.higher-ed .services-header h1{
	margin-top: 40px;
}
#services-page #content .services-header p{
	text-align:left;
	margin-top:30px;
	color:#fff;
	margin:0;
	max-width:575px;
}
#services-page .services-header .video{
	margin:30px 0;
	text-align:left;
}
#services-page .services-header .video a{
	display:inline-block;
	padding-left:140px;
	background:url(images/video-button.png) center left no-repeat;
	background-size:contain;
	color:#fff;
	font-size:55px;
	line-height:1.1em;
	font-weight:700;
	transition:all .3s ease;
}
#services-page .services-header .video a:hover{
	color:#46b5ff;
	text-decoration:none;
}
#services-page h2{
	color:#474747;
	font-size: 50px;
	text-align:left;
	text-transform:none;
	font-weight:700;
}
#services-page #content .inner{
	padding:30px 0 50px;
}
#services-page #content.higher-ed .inner{
	padding: 30px 0;
}
#services-page #content .inner.partners{
	padding: 30px 0 20px;
}
#services-page #content .inner.partners h2{
	margin-top: 0;
}
#services-page .inner .col-sm-5 h3{
	margin-top:30px;
	color:#474747;
	font-size:40px;
}
#services-page #content .inner p,
#services-page #content p{
	margin:0 20px 10px;
	color:#474747;
}
#services-page .case-study{
	background-color:#dedede;
	background-position:bottom left;
	background-repeat:no-repeat;
	height:35vw;
	background-size:auto 90%;
}
#services-page .case-study.ppc{
	background-image:url(images/casestudy-ppc-medifast.png);
}
#services-page .case-study.web{
	background-image:url(images/casestudy-web-crown.png);
}
#services-page .case-study.social{
	background-image:url(images/casestudy-social-moa.png);
}
#services-page .case-study.seo{
	background-image:url(images/casestudy-seo-heatnglo.png);
}
#services-page .case-study .wrap{
	max-width:1200px;
	margin:0 auto;
}
#services-page .case-study h2,
#services-page .case-study p{
	color:#474747;
	width:40%;
	float:right;
	clear:right;
	margin-left:20px;
	margin-right:20px;
}
#services-page  .case-study p,
#services-page .mobile p{
	font-size:18px;
}
#services-page .case-study a.button{
	background:transparent;
	margin:15px 0;
	color:#3f3f3f;
	border:1px solid #3f3f3f;
	font-size:18px;
}
#services-page .case-study a.button:hover{
	background:#3a95d2;
	border:1px solid #3a95d2;
	color:#fff;
}
#services-page .orange{
	background:#f66a04;
	padding:20px 0 50px;
	text-align:center;
}
#services-page .orange h2{
	color:#fff;
	text-align:center;
}
#services-page .orange a.button{
	border:1px solid #fff;
}
#services-page .orange a.button:hover{
	background:#fff;
	color:#f66a04;
}
#services-page .orange a.button:before{
	line-height:2.5;
	color:#f66a04;
}
#banner-intro .services-txt{
	padding: 65px 0;
}
#banner-intro p{
	color:#666;
	font-size: 22px;
}
#banner-intro  ul,#service-intro ul {
    list-style: none outside none;
	margin: 75px auto 45px;
	width: 230px;
	padding: 0;
}
#banner-intro ul li, #banner-intro ul li {
    display: inline-block;
    padding-bottom: 20px;
}
#banner-intro ul li a {
    border: 1px solid #666;
	background:transparent;
    color: #333;
    display: block;
    font-size: 20px;
    padding: 10px 15px;
    text-align: left;
    text-decoration: none;
    width: 230px;
	border-radius:0px;
}
#banner-intro ul li a:hover{
	color:#f66a04;
}
#banner-intro ul li a.button:before{
	color:#f66a04;
	line-height:1.7;
}
#services-page .section-pannel {
	display: table-cell;
	vertical-align: middle;
}
#services-page #slide3 {
	background:#000;
	min-height: 600px;
	padding: 10px 0 80px;
}
#slide3 .stats  {
	height: 400px;
	border-radius: 0%;
}
#slide3 .stats-top {
	padding: 0;
    margin: 0;
	height: 288px;
	background:url(images/stat-bg.jpg) no-repeat center;
}
#slide3 #services {
	background:#000;

}
#slide3 .stats h1 {
	background:none;
	line-height:288px;

}
#slide3 .stats h3 {
	color:#FFF;
	font-size:28px;
	margin: 20px 0 0 0;
	font-weight:500;
	text-transform:uppercase;

}
#service-page ul li div.info h4 {
	color:#FFF;
	font-size:36px;

}
 #services-page  #slide1 {
	background-image: url(images/services/background/our-approach.jpg);
	background-attachment: fixed;
}
#services-page #slide2 {
	background-image: url(images/services/background/no-contracts.jpg);
	background-attachment: fixed;
}
#services-page .subfoot{
	background:#2e3233;
	padding:20px 0 30px;
}
#services-page .subfoot .wrap{
	max-width:1400px;
	margin:0 auto;
}
#services-page .subfoot h2{
	font-size:22px;
	color:#fff;
	margin-bottom:10px;
	font-weight:700;
}
#services-page  #content .subfoot p{
	color:#a0a1a3;
	font-size:16px;
	margin-bottom:15px;
}
#services-page .subfoot .col-sm-4{
	text-align:center;
}
#services-page .subfoot .col-sm-4 img{
	padding:40px 0;
	margin:0 auto;

}

 /* -------------- web design Services -------------- */
#services-page i.icon.web-design{
	background:url(images/webdesign-icon.png) left top no-repeat;
	display:block;
	height:106px;
	width:106px;
	margin:0 auto;
}
/* -------------- Seo Services -------------- */
#services-page i.icon.web-design{
	background:url(images/webdesign-icon.png) left top no-repeat;
	display:block;
	height:106px;
	width:106px;
	margin:0 auto;
}
/* -------------- social media Services -------------- */
#services-page i.icon.web-design{
	background:url(images/webdesign-icon.png) left top no-repeat;
	display:block;
	height:106px;
	width:106px;
	margin:0 auto;
}

/* -------------- video Services -------------- */
#services-page i.icon.web-design{
	background:url(images/webdesign-icon.png) left top no-repeat;
	display:block;
	height:106px;
	width:106px;
	margin:0 auto;
}

/* -------------- sem Services -------------- */
#services-page i.icon.web-design{
	background:url(images/webdesign-icon.png) left top no-repeat;
	display:block;
	height:106px;
	width:106px;
	margin:0 auto;
}
/* -------------- seo Services -------------- */
#services-page i.icon.seo{
	background:url(images/seo-icon.png) left top no-repeat;
	display:block;
	height:106px;
	width:106px;
	margin:0 auto;
}
/* -------------- social media Services -------------- */
#services-page i.icon.socialmedia{
	background:url(images/socialmedia-icon.png) left top no-repeat;
	display:block;
	height:106px;
	width:106px;
	margin:0 auto;
}
/* -------------- sem Services -------------- */
#services-page i.icon.sem{
	background:url(images/sem-icon.png) left top no-repeat;
	display:block;
	height:106px;
	width:106px;
	margin:0 auto;
}
/* -------------- video Services -------------- */
#services-page i.icon.video{
	background:url(images/videoprod-icon.png) left top no-repeat;
	display:block;
	height:106px;
	width:106px;
	margin:0 auto;
}
/* --------------about -------------- */
#about-page {
	min-height:100%;
}
#services-page i.icon.about{
	background:url(images/about-icon.png) left top no-repeat;
	display:block;
	height:106px;
	width:106px;
	margin:0 auto;
}
#about-page i.icon.about{
	background:url(images/about-icon.png) left top no-repeat;
	display:block;
	height:106px;
	width:106px;
	margin:0 auto;
}
#about-page #photo-grid {
	padding: 0px;
}
#about-page .item-thumbs {
	position: relative;
	overflow: hidden;
	padding:4px 0;
}
#about-page #trigger {
	height: 1px;
	width: 100%;
	position: absolute;
	top: 500px;
	background: transparent;
	left: 0;
}
#portfolio-page .no-banner{
	min-height: 105px;
	background:#000;
	text-align: center;
	margin: 0 auto;
}

#photo-grid #thumbs {
	margin: 0 auto;

	padding: 0;
}
#photo-grid #thumbs li {
	list-style-type: none;
}
#photo-grid .item-thumbs {
	cursor: pointer;
margin: 0 auto;
	width: 50%;
}
#photo-grid .item-thumbs a + img {
	width: 100%;
}
#photo-grid .item-thumbs .hover-wrap {
	position: absolute;
	margin: 0 auto;
	display: block;
	width: 100%;
	height: 100%;

	opacity: 0;
	filter: alpha(opacity=0);

	-webkit-transition: all 450ms ease-out 0s;
	   -moz-transition: all 450ms ease-out 0s;
		 -o-transition: all 450ms ease-out 0s;
		    transition: all 450ms ease-out 0s;

	-webkit-transform: rotateY(180deg) scale(0.5,0.5);
	   -moz-transform: rotateY(180deg) scale(0.5,0.5);
		-ms-transform: rotateY(180deg) scale(0.5,0.5);
		 -o-transform: rotateY(180deg) scale(0.5,0.5);
			transform: rotateY(180deg) scale(0.5,0.5);
}
#photo-grid  .item-thumbs:hover .hover-wrap,
#photo-grid  .item-thumbs.active .hover-wrap {
	opacity: 1;
	filter: alpha(opacity=100);

	-webkit-transform: rotateY(0deg) scale(1,1);
	   -moz-transform: rotateY(0deg) scale(1,1);
		-ms-transform: rotateY(0deg) scale(1,1);
		 -o-transform: rotateY(0deg) scale(1,1);
		    transform: rotateY(0deg) scale(1,1);
}
#photo-grid  .item-thumbs .hover-wrap .overlay-img {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.80;
	filter: alpha(opacity=80);
}
#photo-grid  .item-thumbs .hover-wrap .overlay-img-thumb {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -16px 0 0 -16px;
	color: #FFFFFF;
	font-size: 32px;
	line-height: 1em;
	opacity: 1;
	filter: alpha(opacity=100);
}
#photo-grid .item-thumbs .hover-wrap .overlay-img h2{
	color:#FFF;
	padding:0 10px;
	font-size:24px;
	margin:33% 0 0 0;
	background:url(images/red-line-thick.jpg) no-repeat scroll center bottom rgba(0, 0, 0, 0);
    padding-bottom: 30px;
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
}
#photo-grid .item-thumbs .hover-wrap .overlay-img h2 span{
	font-weight: normal;
	display: inline-block;
	font-size: 18px;
}
#photo-grid .item-thumbs .hover-wrap .overlay-img h3{
	font-weight:300;
	padding:0 10px;
	font-size:18px;
	color:#FFF;
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
}
/* --------------Contact Page / Articles -------------- */
.fsBody .fsForm {
	border: 0px solid #ccc !important;
	background-color: transparent !important;
}
.fsForm .fsSubmit {
	padding: 20px 0 !important;
	margin-top: 10px;
	background-color:transparent !important;
	clear: left;
}
.fsBody .fsRowBody {
	padding: 0 !important;
}
.fsFieldRow input[type=email], .fsFieldRow input[type=number], .fsFieldRow input[type=tel], .fsFieldRow input[type=text], .fsForm textarea {
 	border: 1px solid #999;
 	background-color: #dadada !important;
	background-image: none !important;
	background-repeat: repeat-x;
	background-position: top left;
	border-top: 0px solid #7c7c7c !important;
	width: 100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.fsSubmit input.fsSubmitButton {
	padding: 10px 20px!important;
	margin: 0 auto;
	clear: both !important;
	float: left !important;
	border: 0 !important;
	background: #f66a04 !important;
	color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.fsForm .fsLabel {
	width: 100%;
	font-size: 13px;
	text-align: left !important;
	margin:20px 0 10px 0px;
}
#fsPage1934843-1 input[type="email"], #fsPage1934843-1 input[type="text"], #fsPage1934843-1 input[type="tel"], #fsPage1934843-1 textarea {
	border: solid 1px #7c7c7c !important;
	padding: 5px;
}
#fsSubmit1934843 {
	padding: 0 0 30px !important;
}
#content #blurb .web-seo-form img{
	padding:30px 30px 0;
}
/* --------------portfolio -------------- */
#portfolio-page {
	min-height:100%;
}
#portfolio-page2 {
	min-height:100%;
}
#portfolio-page #trigger {
	height: 1px;
	width: 100%;
	position: absolute;
	top: 20%;
	background: transparent;
	left: 0;
}
#portfolio-page2 #trigger {
	height: 1px;
	width: 100%;
	position: absolute;
	top: 20%;
	background: transparent;
	left: 0;
}
#portfolio-page.articles #trigger{
	top:10%;
}
#portfolio-page2.articles #trigger{
	top:10%;
}
#portfolio-page #options {
	top: 105px;
	background:#FFF;
}
#portfolio-page2 #options {
	top: 105px;
	background:#FFF;
}
#portfolio-page #options li a {
}
#portfolio-page2 #options li a {
}
#portfolio-page  #options.affix {
    position: fixed;
    top: 50px;
    width: 100%;
    z-index:10;
}
#portfolio-page2  #options.affix {
    position: fixed;
    top: 50px;
    width: 100%;
    z-index:10;
}
#portfolio-page .type-work {
	padding-top: 3px;
}
#portfolio-page2 .type-work {
	padding-top: 3px;
}
#portfolio-page .work-nav ul li {
	color: #666;
	font-weight: 300;
	margin: 25px 20px;
	line-height: 1em;
	text-transform: uppercase;
}
#portfolio-page2 .work-nav ul li {
	color: #666;
	font-weight: 300;
	margin: 25px 20px;
	line-height: 1em;
	text-transform: uppercase;
}
#portfolio-page.articles .work-nav ul li{
	margin:25px 10px;
	text-transform:none;
}
#portfolio-page2.articles .work-nav ul li{
	margin:25px 10px;
	text-transform:none;
}
#portfolio-page  .work-nav #filters {
	margin: 0;
	padding: 0;
	list-style: none;
}
#portfolio-page2  .work-nav #filters {
	margin: 0;
	padding: 0;
	list-style: none;
}
#portfolio-page .work-nav #filters li {
	padding: 0;
}
#portfolio-page2 .work-nav #filters li {
	padding: 0;
}

#portfolio-page .work-nav #filters li a {
	color: #7F8289;
	font-size: 16px;
	padding:5px 20px;
	display: block;
}
#portfolio-page2 .work-nav #filters li a {
	color: #7F8289;
	font-size: 16px;
	padding:5px 20px;
	display: block;
}
#portfolio-page  .work-nav #filters li a:hover {
	color: #666;
}
#portfolio-page2  .work-nav #filters li a:hover {
	color: #666;
}
#portfolio-page  .work-nav #filters li a.selected {
	color: #f66a04;
	border: 1px #ccc solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#portfolio-page2  .work-nav #filters li a.selected {
	color: #f66a04;
	border: 1px #ccc solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#portfolio-page .item-thumbs {
	position: relative;
	overflow: hidden;
	padding:0;
}
#portfolio-page2 .item-thumbs {
	position: relative;
	overflow: hidden;
	padding:0;
}
#portfolio-page #thumbs ul {
    list-style: none outside none;
    padding: 0;
    width: 230px;
	margin: 30px auto 0;
}
#portfolio-page2 #thumbs ul {
    list-style: none outside none;
    padding: 0;
    width: 230px;
	margin: 30px auto 0;
}
#portfolio-page #thumbs li {
    display: block;
}
#portfolio-page2 #thumbs li {
    display: block;
}
#portfolio-page #thumbs ul li  {
    border: 2px solid #fff;
    color: #fff;
    display: block;
    font-size: 24px;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
    width: 230px;
}
#portfolio-page2 #thumbs ul li  {
    border: 2px solid #fff;
    color: #fff;
    display: block;
    font-size: 24px;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
    width: 230px;
}
h2.blogger_name{
	font-family: "futura-pt", sans-serif;
	text-align:right;
	font-size:16px;
	text-transform:initial;
	color:#999;
	margin:0;
	border:0;
	padding-top:0px;
	font-weight:200;
}
h2.blogger_name a{
	color:#999;
}
/**** Isotope Filtering ****/
.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}
/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}

/* ---- Error Page ----- */
#error404{
	height:100%;
	padding-top:140px;
	background:url(images/404-bg.jpg) bottom right no-repeat;
	background-size:cover;
	text-align:center;
}
#error404 p{
	color:#fff;
	text-shadow:0 0 15px rgba(0,0,0,.5);
	font-size:48px;
	font-size:3.5vw;
	font-weight:700;
	text-align:center;
	text-transform:uppercase;
}
#error404 h2{
	text-align:center;
	font-size:100px;
	font-size:7vw;
	color:#fff;
	text-shadow:0 0 15px rgba(0,0,0,.5);
	text-transform:uppercase;
	font-weight: 800;
}
#error404 h2 span{
	display:block;
	font-size:80px;
	font-size:5vw;
}


/* -------------- Widescreen Desktops -------------- */
@media only screen and (min-width: 1280px) {
	#intro h2 {
		font-size: 44px;
	}
	#intro p {
		font-size: 26px;
		line-height: 1.4em;
		margin-bottom: 70px;
		padding: 0 50px;
	}
	#results ul li {
		font-size: 34px;
		line-height: 40px;
	}
	#content #process li {
		margin: 70px 75px;
	}
	#content #stats ul li {
		margin: 10px 0 0 70px;
		padding: 10px 70px 20px 0;
	}
	#error404 h2{
		font-size:100px;
	}
	#error404 p{
		font-size:48px;
	}
	#error404 h2 span{
		font-size:80px;
	}
}
/* -------------- Landscape Tablets / Small Desktops -------------- */
@media only screen and (max-width: 1024px) {
	header h1 {
		margin-left: 25px;
	}
	header nav {
		margin-right: 25px;
	}
	header nav ul li a,  header nav ul li span {
		font-size: 15px;
	}
	.slide h2 {
		font-size: 33px;
		margin: 45px 30px 40px;
	}
	#results ul li {
		font-size: 22px;
		line-height: 30px;
		width: 31%;
		margin-left: 2%;
		padding-right: 2%;
	}
	#video h2{
		font-size:62px;
	}
	#portfolio.slide h2{
		font-size:48px;
	}
	#portfolio.slide:after{
		background-position:25% 50%;
	}
	#services-page .logo-header .fsBody{
		margin:80px 0 80px 30px;
		max-width:40%;
	}
	#services-page .higher-ed .logo-header .fsBody{
		margin: 30px 0 30px 0px;
	}
	#services-page .logo-header form h2{
		font-size:32px;
	}
	#services-page #content .services-header h1{
		font-size:40px;
	}
	#services-page #content h2{
		margin-left:20px;
		margin-right:20px;
	}
	#services-page .services-header .video a{
		font-size:32px;
		padding-left:90px;
	}
	#services-page #content .lt-gray p,
	#services-page .case-study p{
		font-size:15px;
	}
	#services-page .case-study.web{
		background-position:-20% 100%;
	}
	#services-page #content .case-study.web h2,
	#services-page #content .case-study.web p{
		width:50%;
	}
	#services-page #content .case-study h2{
		margin-bottom:10px;
	}
	#services-page .case-study a.button{
		margin:10px 0;
		font-size:15px;
	}
	#services-page .logo-header form textarea{
		height:70px;
	}
	#services-page #banner-intro .wide{
		height:570px;
	}
	#services-page .inner .col-sm-5 h3{
		font-size:22px;
	}
	#clients a{
		height:100px;
	}
	#clients a.tall img{
		max-width:70%;
	}
	#content #blurb div {
		text-align: center;
	}
	#content #blurb img {
		margin: 0 auto 35px;
	}
	#content #blurb h1 {
		font-size: 33px;
		margin-left: 0px;
	}
	#content #blurb p {
		font-size: 16px;
		max-width: 600px;
		text-align: center;
		margin: 0 auto 10px;
	}
	#content h2 {
		font-size: 28px;
		margin: 30px 0px;
	}
	#content p {
		font-size: 15px;
	}
	#content #process li {
		margin: 50px 25px;
	}
	#content #stats ul li {
		font-size: 36px;
		margin: 10px 0 0 20px;
		padding: 10px 20px 20px 0;
	}
	#content #stats ul li em {
		font-size: 22px;
	}
	#content #stats ul li span {
		font-size: 11px;
	}
	#casestudy-txt {
		text-align: center;
		padding: 0;
	}
	#casestudy-txt p {
		padding: 0;
	}
	#casestudy-txt h2 {
		text-align: center;
	}
	.case-one-r {
		padding: 0;
	}
	#services-page #slide2 ul li,#services-page #slide3 ul li {
		margin: 20px auto;
	}
	#banner-intro ul, #banner-intro ul {
		margin: 45px auto;
	}
	#banner-intro .services-txt{
		padding: 40px 0 0;
	}
	#content #blurb img {
		margin: 0 auto 35px;
	}
	#content #facts p,
	#content .facts p{
		padding-bottom: 20px;
	}
	#webdesign #content #blurb p{
		color: inherit;
		margin: 0 0 20px 0;
		text-align: left;
		max-width: inherit;
	}
	 #content .very-lt-gray.scholarship-bg{
		background-position: 15% 70%;
	 }
	 #content .very-lt-gray.scholarship-bg .icons h3{
		font-size: 17px;
	 }
}
/* -------------- ---------------------------------*/
@media only screen and (max-width:991px) {
	#content #blurb .web-seo-form img{
		max-width:100%;
		max-height:none;
	}
	 #article .web-seo-form .fsBody{
		float:none;
		margin:30px auto;
	 }
	 #content .seo-awards .imgs{
		text-align: center;
	 }
	 #content .seo-awards img{
		margin: 0 auto;
	 }
}

/* -------------- Phone number header -------------*/
@media only screen and (max-width: 890px) {
	.phonenumber-head {
		display:none;
	}
}
/* -------------- High-Res Mobile -------------- */
@media only screen and (max-width: 768px) {
	.pace,  body div.loading-page {
		display: none !important;
	}
	body.pace-running header {
		display: block;
	}
	header {
		background: #000 !important;
	}
	header nav ul{
		margin-top:0;
	}
	header{
		height:50px;
		padding-top:10px;
	}
	header h1 {
		margin-top: 0 !important;
		background-size: contain;
		max-height: 80%;
	}
	header .mobile-phone{
		display:none;
		clear:both;
		text-align:center;
		padding:15px 0 10px;
		color:#fff;
		font-size:18px;
		font-weight:600;
		background:#1c1c1c;
		border-bottom:1px solid #fff;
	}
	header nav {
		position: relative;
	}
	header nav #menu-icon {
		display: block;
		position: absolute;
		top: -45px;
		right: 12px;
		cursor: pointer;
		padding: 10px 35px 16px 0px;
	}
	header nav #menu-icon {
		top: -30px;
	}
	header #menu-icon span, #menu-icon span:before, #menu-icon span:after {
		cursor: pointer;
		border-radius: 1px;
		height: 3px;
		width: 25px;
		background: white;
		position: absolute;
		display: block;
		content: '';
		transition: all 500ms ease-in-out;
	}
	.inside header #menu-icon span, .inside header #menu-icon span:before, .inside header #menu-icon span:after {
		background: #a7a9ac;
	}
	header #menu-icon span:before {
		top: -8px;
	}
	header #menu-icon span:after {
		bottom: -8px;
	}
	header #menu-icon.active span {
		background-color: transparent;
	}
	header #menu-icon.active span:before, header #menu-icon.active span:after {
		top: 0;
		left: 0px;
	}
	header #menu-icon.active span:before {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	header #menu-icon.active span:after {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	header nav {
		width: 100%;
		z-index: 25;
		margin: 0;
	}
	header nav ul {
		margin: 0;
		padding: 0;
		background: #000;
		background: #1c1c1c;
		width: 100%;
		position: relative;
		top: 7px;
		clear: both;
		display: none;
	}
	header nav ul li {
		clear: both;
		float: none;
		width: 100%;
		padding: 0px;
		margin: 0px;
	}
	header nav.active > ul {
		display: block;
	}
	header nav ul li > a,  header nav ul li > span {
		font-weight:600;
		text-transform:uppercase;
		float: none;
		clear: both;
		display: block;
		padding:12px;
		line-height: 26px;
		color: #fff;
		text-align: center;
		position: relative;
		border-bottom:1px solid #0d0d0d;
	}
	header nav ul li span.toggle-link {
		display: block;
		position: absolute;
		right: 17px;
		top: 8px;
		height: 32px;
		width: 32px;
		overflow: hidden;
		white-space: nowrap;
		text-indent: 101%;
		background: #1c1c1c url(/images/down-arrow.png) center center no-repeat;
		transition: all 0s;
		border:0px;
		transition: all .3s ease;
	}
	header nav ul li span.toggle-link.active {
		-ms-transform: rotate(90deg); /* IE 9 */
		-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
		transform: rotate(90deg);
	}
	header nav ul li ul {
		top: 0;
		display: none !important;
		float: none;
		position: relative;
	}
	header nav ul li ul li {
		width: 100%;
		text-align: center;
		margin: 0;
	}
	header nav ul li ul li a {
		width: 100%;
		text-align: center;
		color:#666666;
		letter-spacing:0px;
	}
	header nav ul li:hover ul:before {
		border: 0px;
	}
	header nav ul li ul.active {
		margin:0;
		top:0;
		padding:0;
		background:#131313;
		display: block !important;
	}
	#banner {
		background-attachment: scroll;
		background-size: cover;
	}
	#intro p {
		font-size: 18px;
		line-height: 28px;
	}
	#services ul {
		text-align: center;
		margin-bottom: 0;
	}
	#services ul li {
		width: 52%;
		clear: both;
		margin: 0 0 20px;
		padding-bottom: 52%;
	}
	#services-page #banner-intro .wide,
	#services-page .higher-ed #banner-intro .wide{
		height:auto;
	}
	#banner-intro .logo-header .float{
		max-width:100%;
		float:none;
	}
	#services-page #content .services-header h1{
		margin-top:0px !important;
		font-size:36px;
	}
	#banner-intro .logo-header .fsBody{
		max-width:100%;
		margin:0px 0 20px;
		float:none;
	}
	#services-page #content .lt-gray h2, #services-page #content .lt-gray p{
		margin-left:0;
		margin-right:0;
	}
	#services-page .case-study{
		padding-bottom:60% !important;
		height:auto !important;
		background-size:100% auto;
		padding-left:15px;
		padding-right:15px;
	}
	#services-page div.mobile{
		background-position: center left;
	}
	#services-page #content .mobile h2, #services-page #content .mobile p{
		max-width:430px;
		padding-left:15px;
		padding-right:15px;
	}
	#services-page .case-study h2, #services-page .case-study p{
		width:auto !important;
		float:none;
	}
	#services-page .logo-header form button{
		float:none;
		margin:0 auto;
	}
	#recent-work .port {
		width: 100%;
	}
	#results ul {
		margin: 30px auto;
	}
	#results ul li {
		width: 60%;
		border-top: 1px solid #fff;
		border-width: 1px 0 0;
		margin: 0;
		padding: 30px 0;
	}
	#results ul li:first-child {
		border-width: 0px;
	}
	#clients a{
		height:80px;
		width:27%;
	}
	#clients a.tall img{
		max-width:60%;
	}
	#portfolio.slide{
		height:auto;
		padding-bottom:15px;
	}
	#video h2{
		font-size:38px;
	}
	#portfolio.slide{
		background:rgba(255,255,255,.9);
	}
	#portfolio.slide:after{
		background-size:auto 100%;
		background-position: 35% 50%;
	}
	#portfolio.slide h2{
		font-size:38px;
	}
	#portfolio.slide p{
		max-width:none;
	}
	#services-page .inner .col-sm-5 h3,
	#services-page .inner .bar-wrap{
		margin-left:20px;
		margin-right:20px;
	}
	#content #blurb {
		padding: 25px 0 !important;
	}
	#article #content #blurb,
	#webdesign #content #blurb,
	.rocket55blog .content{
		padding-top:135px !important;
	}
	#content #blurb img {
		max-height: 150px;
		margin-bottom: 0px;
	}
	#content #blurb .animate {
		min-height: 160px;
	}
	#content p {
		text-align: justify;
	}
	#content #process ul {
		margin: 20px 0;
	}
	#content #process li {
		margin: 0;
		width: 49%;
		margin-bottom: 3px;
	}
	#content #process li a img {
		display: none;
	}
	#content #process li a {
		display: block;
	}
	#content #process li a span {
		display: block;
		background: #ddd;
	}
	#content #process li.active a span {
		padding-bottom: 0px;
		border-bottom: 0px;
		background: #eee;
	}
	#content #process div img {
		display: block;
	}
	#content #process div p {
		padding: 0px;
		font-size: 14px;
	}
	#content #stats ul li {
		display: block;
		border-style: dashed;
		border-color: #fff;
		border-width: 0 0 1px 0;
		padding: 20px 0;
		font-size: 36px;
		margin: 0 20px;
	}
	#content #stats ul li em {
		font-size: 22px;
	}
	#content #stats ul li span {
		font-size: 11px;
		text-align: center;
	}
	#casestudy .inner{
		padding:0;
	}
	#casestudy .gray h2{
		padding:0 20px;
		font-size:18px;
		font-weight:normal;
		line-height:22px;
	}
	#casestudy .gray h3{
		padding:0 20px;
	}
	#content .inner #casestudy-txt p{
		padding:0;
	}
	#casestudy .inner .case-one-r img{
		padding:20px;
	}
	#casestudy .facts p{
		text-align:center;
	}
	#article .web-seo-form .fsBody{
		float:none;
		margin:30px auto;
	 }
	footer .inner {
		text-align: center;
	}
	footer .logo {
		display: block;
		float: none;
		margin: 45px auto 20px;
	}
	footer .left{
		float:none;
	}
	footer address{
		text-align:center;
		margin:15px;
		top:0;
		color:#fff;
	}
	footer .social {
		float: none;
		margin: 10px auto 25px;
	}
	#facts h1,
	.facts h1{
		font-size: 90px;
	}
	#facts p,
	.facts p{
		text-align: center;
	}
	#banner-intro .logo-header span.subhead{
		font-size:28px;
	}
	#services-page h1 {
		font-size: 45px;
		line-height: 50px;
	}
	#banner-intro ul, #banner-intro ul {
		margin: 45px auto;
	}
	#banner img {
		margin: 20px auto;
	}
	#portfolio-page .work-nav ul li {
		margin: 25px 2px;
	}
	#portfolio-page2 .work-nav ul li {
		margin: 25px 2px;
	}
	#about-page header h1, #services-page header h1, #portfolio-page #portfolio-page2 header h1, header h1 {
		background-size: contain;
		margin: 0px 0 0 20px;
	}
	input[type=email], .fsBody .fsFieldRow input[type=number], .fsBody .fsFieldRow input[type=tel], .fsBody .fsFieldRow input[type=text], .fsBody .fsForm textarea {
		width: 100% !important;
	}
	#photo-grid .item-thumbs .hover-wrap .overlay-img h2{
		margin-top:20%;
	}
	#content footer .inner p {
		text-align: center;
	}
	#contact #contact-main {
		margin: 75px auto 0;
		padding:10px 0px;
	}
	#contact #contact-main p{
		margin-bottom:8px;
	}
	#contact #contact-main .fsBody{
		margin-bottom:15px;
	}
	#contact #contact-main .fsSubmit{
		padding-bottom:0px;
		margin-bottom:0px;
	}
	#contact .contact-social{
		text-align:center;
	}
	#contact .contact-social img{
		max-width:18%;
		margin:0 5px 10px;
	}
	#casestudy #blurb p {
		max-width: 100%;
		text-align: left;
		margin: 0 auto;
		color: #606060;
		padding: 10px 0 25px 0;
	}
	#content #blurb.plaingrey {
		background: #FFF;
		padding: 100px 0 0 !important;
	}
	#content #blurb img.monitor {
		max-height: inherit;
		margin-bottom: 25px;
		}
	#content #blurb img {
		margin: 0 auto 0px;
	}
	#content #blurb img.logo {
		margin: 0;
		padding: 0;
	}
	footer nav ul li a{
		display:inline-block;
		padding:12px 10px;
	}
	#error404{
		padding-top:100px;
	}
	#error404 h2{
		font-size:40px;
	}
	#error404 p{
		font-size:22px;
	}
	#error404 h2 span{
		font-size:30px;
	}
	 #content .very-lt-gray.scholarship-bg{
		background: #ebebeb;
	 }
	 #content .very-lt-gray.scholarship-bg .icons .col-sm-4{
		margin-bottom: 25px;
	 }
}
/* -------------- Tiny Mobile -------------- */
@media only screen and (max-width: 500px) {
	header,  body.inside header {
		height: 50px;
		padding-top: 10px;
	}
	header h1 {
		margin: 15px 0 0 10px;
		max-width: 200px;
		background-size: contain;
	}
	header nav #menu-icon {
		right: 10px;
	}
	header nav ul,  body.inside header ul {
		top: 6px;
	}
	.slide {
		min-height: 0px;
	}
	#banner {
		min-height: 0px;
	}
	#banner h3 {
		margin: 0 0 40px;
	}
	.slide h2 {
		font-size: 26px;
		margin: 30px 20px 30px;
	}
	#intro p {
		padding: 0 20px;
		font-size: 16px;
		line-height: 22px;
		margin-bottom: 40px;
	}
	#services ul li {
		width: 70%;
		padding-bottom: 70%;
	}
	#results p {
		font-size: 18px;
		padding: 0 20px;
	}
	#results ul {
		margin: 0;
	}
	#results ul li {
		width: 80%;
	}
	#video h2{
		font-size:28px;
	}
	#portfolio.slide h2{
		font-size:28px;
	}
	#clients a{
		width:35%;
		height:70px;
		margin:0 5%;
	}
	#clients a.tall img{
		max-width:50%;
	}
	#facts h1,
	.facts h1{
		font-size: 70px;
	}
	#banner img {
		margin: 10px auto;
		width: 80px;
		height: 80px;
	}
	#banner h3{
		font-size: 16px;
	}
	#banner .banner-inner {
		margin: 35% auto 2%;
		max-width: 90%;
	}
	#portfolio-page .work-nav ul li {
		margin: 5px 2px;
		display: block;
	}
	#portfolio-page2 .work-nav ul li {
		margin: 5px 2px;
		display: block;
	}
	#webdesign #content #blurb {
		padding: 200px 0 0;
	}
	#about-page header h1, #services-page header h1, #portfolio-page #portfolio-page2 header h1, #awards-page header h1, header h1 {
		background-size: contain;
		margin: 15px 0 0 20px;
	}
	#photo-grid .item-thumbs .hover-wrap .overlay-img h2 {
		color: #FFF;
		margin: 20% 15px 0;
		background: url(../images/red-line-thick.jpg) no-repeat scroll center bottom rgba(0, 0, 0, 0);
		padding-bottom: 20px;
		font-size:20px;
		opacity: 1 !important;
		filter: alpha(opacity=100) !important;
	}
	#photo-grid .item-thumbs .hover-wrap .overlay-img h3 {
		font-size: 18px;
	}
	#about-page #content h1, #portfolio-page #portfolio-page2 #content h1, #awards-page #content h1 {
		font-size: 50px;
	}
}
/* -------------- Tiny Mobile -------------- */
@media only screen and (max-width: 400px) {
	#photo-grid .item-thumbs .hover-wrap .overlay-img h2 {
		color: #FFF;
		margin: 10% 10px 0;
		background: url(../images/red-line-thick.jpg) no-repeat scroll center bottom rgba(0, 0, 0, 0);
		padding-bottom: 10px;
		opacity: 1 !important;
		filter: alpha(opacity=100) !important;
	}
	#photo-grid .item-thumbs .hover-wrap .overlay-img h3 {
		font-size: 15px;
	}
}
/* --------------- Animated Home Page -------------- */
/* Header */
body#home #banner #demo-canvas{
	background:url(images/bg.jpg) center top no-repeat;
	background-size:cover;
}
.large-header {
	position: relative;
	width: 100%;
	background: #333;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
	z-index: 1;
}
h1.main-title{
	font-family: "Open Sans", helvetica;
	font-weight:900;
	position: absolute;
	margin: 0;
	padding: 0;
	color: #fff;
	text-align: center;
	top: 50%;
	left: 50%;
	-webkit-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
	text-transform: uppercase;
	font-size: 90px;
	width:80%;
}
@media only screen and (max-width: 768px) {
	h1.main-title{
		font-size:52px;
	}
}
@media only screen and (max-width:500px) {
	h1.main-title{
		font-size:36px;
	}
}
h1.main-title span{
	font-size:24px;
	display:block;
	margin-top:0px;
	display:block;
	font-weight:600;
	text-transform:none;
}
body#home{
	height:100%;
}
@media only screen and (max-width: 991px) {
	#content #blurb img.monitor {
		max-height: 450px;
		margin-bottom: 25px;
	}
}
/* ---- Retina Displays ---- */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dppx) {
}

/* ---- FormStack Drop Shadow Override - Screw you, FormStack. */
.fsboxshadow .fsBody .fsForm{
	box-shadow:none !important;
	border:0px !important;
}