.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

.table-head.two-columns .option.two-line,
.table-head.three-columns .option.two-line,
.table-head.four-columns .option.two-line,
.table-head.five-columns .option.two-line,
.table-head.two-columns .option.three-line,
.table-head.three-columns .option.three-line,
.table-head.four-columns .option.three-line,
.table-head.five-columns .option.three-line,
.table-head.two-columns .item,
.table-head.two-columns .option,
.table-head.three-columns .item,
.table-head.three-columns .option,
.table-head.four-columns .item,
.table-head.four-columns .option,
.table-head.five-columns .item,
.table-head.five-columns .option
{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }













/*============================================== Fonts ==============================================*/

/* Roboto Thin */
.page-title p,
.font-weight-thin
 {font-family: 'roboto_thregular';}

/* Roboto Thin Italic */
element {font-family: 'roboto_thitalic';}

/* Roboto Regular */


/* Roboto Italic */
.content-section cite,
.content-section p em,
.content-section li em,
.content-section figcaption,
.marketing-guides-article .callout.list ul {font-family: 'robotoitalic';}



/* Roboto Bold Italic */
element,
.content-section p em strong,
.content-section p strong em,
.content-section li em strong,
.content-section li strong em {font-family: 'robotobold_italic';}

/* Deja Vu Book */
p.intro,
.serif,
.top-info .case-study th .campaign-name,
.real-result .client,
.conversion,
label span.small,
.footer-testimonial p,
p.tools-intro,
.marketing-guides-article .callout h3,
.marketing-guides-sidebar .other-links h3,
.marketing-guides-article .testimonial h3 {
	font-family: 'dejavu_serifbook';
	letter-spacing:-.02em;
}

/* Deja Vu Italic */
h1 .italic, h2 .italic, h3 .italic, h4 .italic, h5 .italic, h6 .italic, th .italic,
.testimonial-author,
.site-footer .or-call em,
.serif--italic,
.table-heading .italic,
.featured-thumbnail .services,
blockquote,
.intro em {
	font-family: 'dejavu_serifitalic';
	letter-spacing:-.02em;
}

/* Entypo Pictogram */
.pictogram {font-family: 'entypo';}




[class^="icon-"], [class*=" icon-"],
.real-result__slider .rsArrowLeft,
.real-result__slider .rsArrowRight,
.service-listing--internet-marketing:before,
.service-listing--design:before,
.service-listing--development:before,
.slick-prev:before, .slick-next:before,
.case-study-info-box .fact-area p:before,
.why-choose-list li:before,
.customDropdown:after {
	font-family: 'icomoonfont', 'robotoregular';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-design:before {
	content: "\e600";
}
.icon-development:before {
	content: "\e601";
}
.icon-marketing:before {
	content: "\e602";
}
.icon-phone:before {
	content: "\e64e";
}
.icon-mobile:before {
	content: "\e64f";
}
.icon-mouse:before {
	content: "\e650";
}
.icon-directions:before {
	content: "\e651";
}
.icon-mail5:before {
	content: "\e652";
}
.icon-paperplane:before {
	content: "\e653";
}
.service-listing--design:before,
.icon-pencil:before {
	content: "\e654";
}
.icon-feather:before {
	content: "\e655";
}
.icon-paperclip:before {
	content: "\e656";
}
.icon-drawer:before {
	content: "\e657";
}
.icon-reply:before {
	content: "\e658";
}
.icon-reply-all:before {
	content: "\e659";
}
.icon-forward:before {
	content: "\e65a";
}
.icon-user:before {
	content: "\e65b";
}
.icon-users:before {
	content: "\e65c";
}
.icon-user-add:before {
	content: "\e65d";
}
.icon-vcard:before {
	content: "\e65e";
}
.icon-export:before {
	content: "\e65f";
}
.icon-location:before {
	content: "\e660";
}
.icon-map:before {
	content: "\e661";
}
.icon-compass:before {
	content: "\e662";
}
.icon-location2:before {
	content: "\e663";
}
.icon-target:before {
	content: "\e664";
}
.icon-share:before {
	content: "\e665";
}
.icon-sharable:before {
	content: "\e666";
}
.icon-heart:before {
	content: "\e667";
}
.icon-heart2:before {
	content: "\e668";
}
.icon-star:before {
	content: "\e669";
}
.icon-star2:before {
	content: "\e66a";
}
.icon-thumbs-up:before {
	content: "\e66b";
}
.icon-thumbs-down:before {
	content: "\e66c";
}
.icon-chat:before {
	content: "\e66d";
}
.icon-comment:before {
	content: "\e66e";
}
.icon-quote:before {
	content: "\e66f";
}
.icon-house:before {
	content: "\e670";
}
.icon-popup:before {
	content: "\e671";
}
.icon-search:before {
	content: "\e672";
}
.icon-flashlight:before {
	content: "\e673";
}
.icon-printer:before {
	content: "\e674";
}
.icon-bell:before {
	content: "\e675";
}
.icon-link:before {
	content: "\e676";
}
.icon-flag:before {
	content: "\e677";
}
.icon-cog:before {
	content: "\e678";
}
.icon-tools:before {
	content: "\e679";
}
.icon-trophy:before {
	content: "\e67a";
}
.icon-tag:before {
	content: "\e67b";
}
.icon-camera:before {
	content: "\e67c";
}
.icon-megaphone:before {
	content: "\e67d";
}
.icon-moon:before {
	content: "\e67e";
}
.icon-palette:before {
	content: "\e67f";
}
.icon-leaf:before {
	content: "\e680";
}
.icon-music:before {
	content: "\e681";
}
.icon-music2:before {
	content: "\e682";
}
.icon-new:before {
	content: "\e683";
}
.icon-graduation:before {
	content: "\e684";
}
.icon-book:before {
	content: "\e685";
}
.icon-newspaper:before {
	content: "\e686";
}
.icon-bag:before {
	content: "\e687";
}
.icon-airplane:before {
	content: "\e688";
}
.icon-lifebuoy:before {
	content: "\e689";
}
.icon-eye:before {
	content: "\e68a";
}
.icon-clock:before {
	content: "\e68b";
}
.icon-microphone:before {
	content: "\e68c";
}
.icon-calendar:before {
	content: "\e68d";
}
.icon-bolt:before {
	content: "\e68e";
}
.icon-thunder:before {
	content: "\e68f";
}
.icon-droplet:before {
	content: "\e690";
}
.icon-cd:before {
	content: "\e691";
}
.icon-briefcase:before {
	content: "\e692";
}
.icon-air:before {
	content: "\e693";
}
.icon-hourglass:before {
	content: "\e694";
}
.icon-gauge:before {
	content: "\e695";
}
.icon-language:before {
	content: "\e696";
}
.icon-network:before {
	content: "\e697";
}
.icon-key:before {
	content: "\e698";
}
.icon-battery:before {
	content: "\e699";
}
.icon-bucket:before {
	content: "\e69a";
}
.icon-magnet:before {
	content: "\e69b";
}
.icon-drive:before {
	content: "\e69c";
}
.icon-cup:before {
	content: "\e69d";
}
.icon-rocket:before {
	content: "\e69e";
}
.icon-brush:before {
	content: "\e69f";
}
.icon-suitcase:before {
	content: "\e6a0";
}
.icon-cone:before {
	content: "\e6a1";
}
.icon-earth:before {
	content: "\e6a2";
}
.icon-keyboard:before {
	content: "\e6a3";
}
.icon-browser:before {
	content: "\e6a4";
}
.icon-publish:before {
	content: "\e6a5";
}
.icon-progress-3:before {
	content: "\e6a6";
}
.icon-progress-2:before {
	content: "\e6a7";
}
.icon-brogress-1:before {
	content: "\e6a8";
}
.icon-progress-0:before {
	content: "\e6a9";
}
.icon-sun:before {
	content: "\e6aa";
}
.icon-sun2:before {
	content: "\e6ab";
}
.icon-adjust:before {
	content: "\e6ac";
}
.service-listing--development:before,
.icon-code:before {
	content: "\e6ad";
}
.icon-screen:before {
	content: "\e6ae";
}
.icon-infinity:before {
	content: "\e6af";
}
.icon-light-bulb:before {
	content: "\e6b0";
}
.icon-credit-card:before {
	content: "\e6b1";
}
.icon-database:before {
	content: "\e6b2";
}
.icon-voicemail:before {
	content: "\e6b3";
}
.icon-clipboard:before {
	content: "\e6b4";
}
.icon-cart:before {
	content: "\e6b5";
}
.icon-box:before {
	content: "\e6b6";
}
.icon-ticket:before {
	content: "\e6b7";
}
.icon-rss:before {
	content: "\e6b8";
}
.icon-signal:before {
	content: "\e6b9";
}
.icon-thermometer:before {
	content: "\e6ba";
}
.icon-droplets:before {
	content: "\e6bb";
}
.icon-uniE6BC:before {
	content: "\e6bc";
}
.icon-statistics:before {
	content: "\e6bd";
}
.icon-pie:before {
	content: "\e6be";
}
.service-listing--internet-marketing:before,
.icon-bars:before {
	content: "\e6bf";
}
.icon-graph:before {
	content: "\e6c0";
}
.icon-lock:before {
	content: "\e6c1";
}
.icon-lock-open:before {
	content: "\e6c2";
}
.icon-logout:before {
	content: "\e6c3";
}
.icon-login:before {
	content: "\e6c4";
}
.icon-checkmark:before {
	content: "\e6c5";
}
.icon-cross:before {
	content: "\e6c6";
}
.icon-minus:before {
	content: "\e6c7";
}
.icon-plus:before {
	content: "\e6c8";
}
.icon-cross2:before {
	content: "\e6c9";
}
.icon-minus2:before {
	content: "\e6ca";
}
.icon-plus2:before {
	content: "\e6cb";
}
.icon-cross3:before {
	content: "\e6cc";
}
.icon-minus3:before {
	content: "\e6cd";
}
.icon-plus3:before {
	content: "\e6ce";
}
.icon-erase:before {
	content: "\e6cf";
}
.icon-blocked:before {
	content: "\e6d0";
}
.icon-info:before {
	content: "\e6d1";
}
.icon-info2:before {
	content: "\e6d2";
}
.icon-question:before {
	content: "\e6d3";
}
.icon-help:before {
	content: "\e6d4";
}
.icon-warning:before {
	content: "\e6d5";
}
.icon-cycle:before {
	content: "\e6d6";
}
.icon-cw:before {
	content: "\e6d7";
}
.icon-ccw:before {
	content: "\e6d8";
}
.icon-shuffle:before {
	content: "\e6d9";
}
.icon-arrow:before {
	content: "\e6da";
}
.icon-arrow2:before {
	content: "\e6db";
}
.icon-retweet:before {
	content: "\e6dc";
}
.icon-loop:before {
	content: "\e6dd";
}
.icon-history:before {
	content: "\e6de";
}
.icon-back:before {
	content: "\e6df";
}
.icon-switch:before {
	content: "\e6e0";
}
.icon-list:before {
	content: "\e6e1";
}
.icon-add-to-list:before {
	content: "\e6e2";
}
.icon-layout:before {
	content: "\e6e3";
}
.icon-list2:before {
	content: "\e6e4";
}
.icon-text:before {
	content: "\e6e5";
}
.icon-text2:before {
	content: "\e6e6";
}
.icon-document:before {
	content: "\e6e7";
}
.icon-docs:before {
	content: "\e6e8";
}
.icon-landscape:before {
	content: "\e6e9";
}
.icon-pictures:before {
	content: "\e6ea";
}
.icon-video:before {
	content: "\e6eb";
}
.icon-music3:before {
	content: "\e6ec";
}
.icon-folder:before {
	content: "\e6ed";
}
.icon-archive:before {
	content: "\e6ee";
}
.icon-trash:before {
	content: "\e6ef";
}
.icon-upload:before {
	content: "\e6f0";
}
.icon-download:before {
	content: "\e6f1";
}
.icon-disk:before {
	content: "\e6f2";
}
.icon-install:before {
	content: "\e6f3";
}
.icon-cloud:before {
	content: "\e6f4";
}
.icon-upload2:before {
	content: "\e6f5";
}
.icon-bookmark:before {
	content: "\e6f6";
}
.icon-bookmarks:before {
	content: "\e6f7";
}
.icon-book2:before {
	content: "\e6f8";
}
.icon-play:before {
	content: "\e6f9";
}
.icon-pause:before {
	content: "\e6fa";
}
.icon-record:before {
	content: "\e6fb";
}
.icon-stop:before {
	content: "\e6fc";
}
.icon-next:before {
	content: "\e6fd";
}
.icon-previous:before {
	content: "\e6fe";
}
.icon-first:before {
	content: "\e6ff";
}
.icon-last:before {
	content: "\e700";
}
.icon-resize-enlarge:before {
	content: "\e701";
}
.icon-resize-shrink:before {
	content: "\e702";
}
.icon-volume:before {
	content: "\e703";
}
.icon-sound:before {
	content: "\e704";
}
.icon-mute:before {
	content: "\e705";
}
.icon-flow-cascade:before {
	content: "\e706";
}
.icon-flow-branch:before {
	content: "\e707";
}
.icon-flow-tree:before {
	content: "\e708";
}
.icon-flow-line:before {
	content: "\e709";
}
.icon-flow-parallel:before {
	content: "\e70a";
}
.icon-arrow-left:before {
	content: "\e70b";
}
.icon-arrow-down:before {
	content: "\e70c";
}
.icon-arrow-up--upload:before {
	content: "\e70d";
}
.icon-arrow-right:before {
	content: "\e70e";
}
.icon-arrow-left2:before {
	content: "\e70f";
}
.icon-arrow-down2:before {
	content: "\e710";
}
.icon-arrow-up:before {
	content: "\e711";
}
.icon-arrow-right2:before {
	content: "\e712";
}
.icon-arrow-left3:before {
	content: "\e713";
}
.icon-arrow-down3:before {
	content: "\e714";
}
.icon-arrow-up2:before {
	content: "\e715";
}
.icon-arrow-right3:before {
	content: "\e716";
}
.icon-arrow-left4:before {
	content: "\e717";
}
.icon-arrow-down4:before {
	content: "\e718";
}
.icon-arrow-up3:before {
	content: "\e719";
}
.icon-arrow-right4:before {
	content: "\e71a";
}
.real-result__slider .rsArrowLeft:before,
.icon-arrow-left5:before {
	content: "\e71b";
}
.icon-arrow-down5:before {
	content: "\e71c";
}
.icon-arrow-up4:before {
	content: "\e71d";
}
.real-result__slider .rsArrowRight:before,
.icon-arrow-right5:before {
	content: "\e71e";
}
.icon-arrow-left6:before {
	content: "\e71f";
}
.icon-arrow-down6:before {
	content: "\e720";
}
.icon-arrow-up5:before {
	content: "\e721";
}
.icon-arrow-right6:before {
	content: "\e722";
}
.icon-arrow-left7:before {
	content: "\e723";
}
.icon-arrow-down7:before {
	content: "\e724";
}
.icon-arrow-up6:before {
	content: "\e725";
}
.icon-uniE726:before {
	content: "\e726";
}
.icon-arrow-left8:before {
	content: "\e727";
}
.icon-arrow-down8:before {
	content: "\e728";
}
.icon-arrow-up7:before {
	content: "\e729";
}
.icon-arrow-right7:before {
	content: "\e72a";
}
.icon-menu:before {
	content: "\e72b";
}
.icon-ellipsis:before {
	content: "\e72c";
}
.icon-dots:before {
	content: "\e72d";
}
.icon-dot:before {
	content: "\e72e";
}
.icon-cc:before {
	content: "\e72f";
}
.icon-cc-by:before {
	content: "\e730";
}
.icon-cc-nc:before {
	content: "\e731";
}
.icon-cc-nc-eu:before {
	content: "\e732";
}
.icon-cc-nc-jp:before {
	content: "\e733";
}
.icon-cc-sa:before {
	content: "\e734";
}
.icon-cc-nd:before {
	content: "\e735";
}
.icon-cc-pd:before {
	content: "\e736";
}
.icon-cc-zero:before {
	content: "\e737";
}
.icon-cc-share:before {
	content: "\e738";
}
.icon-cc-share2:before {
	content: "\e739";
}
.icon-daniel-bruce:before {
	content: "\e73a";
}
.icon-daniel-bruce2:before {
	content: "\e73b";
}
.icon-github6:before {
	content: "\e73c";
}
.icon-github7:before {
	content: "\e73d";
}
.icon-flickr5:before {
	content: "\e73e";
}
.icon-flickr6:before {
	content: "\e73f";
}
.icon-vimeo3:before {
	content: "\e740";
}
.icon-vimeo4:before {
	content: "\e741";
}
.icon-twitter4:before {
	content: "\e742";
}
.icon-twitter5:before {
	content: "\e743";
}
.icon-facebook4:before {
	content: "\e744";
}
.icon-facebook5:before {
	content: "\e745";
}
.icon-facebook6:before {
	content: "\e746";
}
.icon-googleplus:before {
	content: "\e747";
}
.icon-googleplus2:before {
	content: "\e748";
}
.icon-pinterest3:before {
	content: "\e749";
}
.icon-pinterest4:before {
	content: "\e74a";
}
.icon-tumblr3:before {
	content: "\e74b";
}
.icon-tumblr4:before {
	content: "\e74c";
}
.icon-linkedin2:before {
	content: "\e74d";
}
.icon-linkedin3:before {
	content: "\e74e";
}
.icon-dribbble4:before {
	content: "\e74f";
}
.icon-dribbble5:before {
	content: "\e750";
}
.icon-stumbleupon3:before {
	content: "\e751";
}
.icon-stumbleupon4:before {
	content: "\e752";
}
.icon-lastfm3:before {
	content: "\e753";
}
.icon-lastfm4:before {
	content: "\e754";
}
.icon-rdio:before {
	content: "\e755";
}
.icon-rdio2:before {
	content: "\e769";
}
.icon-spotify2:before {
	content: "\e768";
}
.icon-spotify:before {
	content: "\e767";
}
.icon-qq:before {
	content: "\e766";
}
.icon-instagram2:before {
	content: "\e765";
}
.icon-dropbox:before {
	content: "\e764";
}
.icon-evernote:before {
	content: "\e763";
}
.icon-flattr2:before {
	content: "\e762";
}
.icon-skype3:before {
	content: "\e761";
}
.icon-skype2:before {
	content: "\e760";
}
.icon-renren:before {
	content: "\e75f";
}
.icon-sina-weibo:before {
	content: "\e75e";
}
.icon-paypal:before {
	content: "\e75d";
}
.icon-picasa:before {
	content: "\e75c";
}
.icon-soundcloud3:before {
	content: "\e75b";
}
.icon-mixi:before {
	content: "\e75a";
}
.icon-behance:before {
	content: "\e759";
}
.icon-circles:before {
	content: "\e758";
}
.icon-vk:before {
	content: "\e757";
}
.icon-smashing:before {
	content: "\e756";
}
.icon-dollar:before {
	content:"\e603";
}











/*============================================== Transitions ==============================================*/

a,
input,
textarea,
.recent-work-holder a .tint,
.successes a span,
nav li,
.hidden-logo,
.featured-thumbnail,
.featured-thumbnail img,
.additional-work-thumbnail img,
.employment-more-info .em-header,
#habla_window_div #habla_topbar_div,
.accordion .header,
.portfolio-nav,
.anythingSlider-default .arrow,
.tab-item,
.tab-item a:after {
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}
.btn-take-first-step,
.success-mini-form-section__form {
	-webkit-transition: all .5s ease !important;
	-moz-transition: all .5s ease !important;
	-ms-transition: all .5s ease !important;
	-o-transition: all .5s ease !important;
	transition: all .5s ease !important;
}
.nav-wrapper,
nav .phone-number {
	-webkit-transition: background .5s ease ;
	-moz-transition: background .5s ease ;
	-ms-transition: background .5s ease ;
	-o-transition: background .5s ease ;
	transition: background .5s ease ;
}

	@keyframes bounceInRight {
		0%, 16%, 40%, 64%, 100% {
			transform: translateX(0);
		}
		32%, 48% {
			transform: translateX(30px);
		}
	}

	@-webkit-keyframes bounceInRight {
		0%, 16%, 40%, 64%, 100% {
			-webkit-transform: translateX(0);
		}
		32%, 48%  {
			-webkit-transform: translateX(30px);
		}
	}

.bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight;
}

.animated {
	animation-duration: 3.5s;
	animation-fill-mode: both;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	-webkit-animation-duration: 3.5s;
	-webkit-animation-fill-mode: both;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
}















/*============================================== Main Styles ==============================================*/

html {min-width:1024px;}
body {color:#ccc;}
a[href^="tel"] {color:#fff;}
.top-info a[href^="tel"] {color:#333;}
.clear-left {float:left; clear:left;}
.clear-right {float:right; clear:right;}
.last {margin-right:0 !important;}

strong {font-weight:normal;}






/*====== Content Font Styles ======*/



hgroup {margin-bottom:15px;}

hgroup h1,
hgroup h2,
hgroup h3,
hgroup h4,
hgroup h5,
hgroup h6 {margin:0;}

.white-section-wrapper h1,
.white-section-wrapper h2,
.white-section-wrapper h3,
.white-section-wrapper h4,
.white-section-wrapper h5,
.white-section-wrapper h6 {color:#333;}

article.main h1,article.main h2,article.main h3,article.main h4,article.main h5,article.main h6, article.main dt,
.pattern-background-section-wrapper h1,.pattern-background-section-wrapper h2,.pattern-background-section-wrapper h3,.pattern-background-section-wrapper h4,.pattern-background-section-wrapper h5,.pattern-background-section-wrapper h6{color:#122239;}


.content-section p {
	line-height:1.7em;
	margin:0 0 20px 0;
}

	.content-section p small {
		font-size:12px;
		margin: 0 0 20px 0;
		color:#777;
	}

.content-section cite {
	font-size:12px;
	line-height:1.6em;
	margin:0 0 20px 0;
	display:block;
	color:#777;
	font-style: normal;
}

.content-section dl {
	font-size:14px;
	margin: 0 0 15px 0;
}

	.white-section-wrapper .content-section dl {
		color:#333;
	}

	.content-section li dl {
		font-size:14px;
	}

.content-section dd {margin:0 0 0 20px;}

p.intro {
	font-size:18px;
	margin:0 0 15px 0;
}

blockquote {
	font-size: 16px;
	line-height: 2em;
	margin: 0 0 15px 0;
	background: #EAEAEA;
	padding: 30px;
	color: #333;
	overflow:hidden;
}

	blockquote .author {
		text-transform:uppercase;
		font-size:12px;
	}

	.content-section blockquote cite {margin:0;}

.content-section figcaption {
	font-size:12px;
	padding: 10px 10px 15px 10px;
}






/*====== Horizontal Rules ======*/

	.white-section-wrapper hr {border-color:#ccc;}






/*====== Borders ======*/
.border-top,
.border-bottom,
.border-both,
.border-left,
.border-right {border-style:solid;}

.border-top {
	border-width:1px 0 0 0;
	padding-top:15px;
	margin-top:40px;
}

.border-bottom {
	border-width:0 0 1px 0;
	padding-bottom:15px;
	margin-bottom:40px;
}

.border-both {
	border-width:1px 0;
}

.border-left {
	border-width:0 0 0 1px;
	padding-left:30px;
}

.border-right {
	border-width:0 1px 0 0;
	padding-right:30px;
}

.main .border-top,
.main .border-bottom,
.main .border-both,
.main .border-left,
.main .border-right {border-color:#2c2c2c;}

article.main .border-top,
article.main .border-bottom,
article.main .border-both,
article.main .border-left,
article.main .border-right {border-color:#e1e1e1;}

.black-section-wrapper .border-top,
.black-section-wrapper .border-bottom,
.black-section-wrapper .border-both,
.black-section-wrapper .border-left,
.black-section-wrapper .border-right {border-color:#2c2c2c;}

.white-section-wrapper .border-top,
.white-section-wrapper .border-bottom,
.white-section-wrapper .border-both,
.white-section-wrapper .border-left,
.white-section-wrapper .border-right {border-color:#d3d3d3;}

.border-shadow{-webkit-box-shadow: 8px 8px 0px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 8px 8px 0px 0px rgba(0,0,0,0.1);
box-shadow: 8px 8px 0px 0px rgba(0,0,0,0.1);}




/*====== Image Alignment ======*/







/*====== Display - Show / Hide ======*/

.hide,
.hide--desktop,
.display--tablet,
.display--mobile,
.show--mobile {
	display:none !important;
}






/*====== Clearfix ======*/
.cf:before,
.cf:after,
.content-section:before,
.content-section:after  { content: " "; display: table; }
.cf:after,
.content-section:after  { clear: both; }
.clearfix,
.cf,
.content-section:after      { *zoom: 1; }






/*====== Content Links ======*/




/*====== Content List Styles ======*/
.content-section ul {
	font-size:13px;
	line-height: 1.5em;
	margin: 0 0 20px 0;
	padding:0;
}

	.content-section ul ul {margin:5px 0 0 0;}

	.content-section ul li {
		margin:0 0 10px 0;
		list-style-type: none;
		padding:0 0 5px 20px;
		background:url(../img/bullet-dark-gray.png) no-repeat left 5px;
	}

.content-section ol {
	font-size:14px;
	line-height: 1.5em;
	margin: 0 0 20px 0;
	padding:0 0 0 20px;
}

	.content-section ol li {
		margin:0 0 10px 0;
		padding:0 0 5px 5px;
	}

	.content-section ol.rank li {margin-bottom:20px;}

.content-section .fivecol li { margin:0;
}
.content-section ul.triple li {
	float:left;
	width: 25%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}






/*====== Content Sections ======*/
article.main{background:#fff; color:#4c4c4c;}
.main{background:#151515;color:#ccc;}
.content-section,
.content-section-overlap {
	margin:0 auto;
	width:964px;
}
	.content-section {padding: 60px 0; }
	.content-section-overlap {padding:0;}
	.content-section.no-padding-top {padding-top:0;}
	.content-section.no-padding-bottom {padding-bottom:0;}


.wrapper-margin {margin-top:40px;}

.case-study-wrapper {background:#7492c8;}
.top-logos-wrapper {background:#000;}
.blue-section-wrapper {background:#7492c8;}
.black-section-wrapper {background:#000;}
.white-section-wrapper {background:#f1f1f1; color:#4c4c4c;}
.dark-white-section-wrapper{background:#ddd;}
.dark-blue-section-wrapper {background:#203151;}
.med-blue-section-wrapper{background:#314778;}
.bottom-form-blue-section-wrapper {background:#142748;}
.yellow-stripes-section-wrapper{background: url('/img/yellow-strip-bg.jpg') repeat;}
.pattern-background-section-wrapper{background: url('/img/debut_light.png') repeat; position:relative;z-index:0;}

.white-section-wrapper ul li,
article.main ul li {
	background:url(../img/bullet-light-gray.gif) no-repeat left 5px;
}
.yellow-stripes-section-wrapper,
.white-section-wrapper p,
.white-section-wrapper ul,
.white-section-wrapper ol,
.white-section-wrapper label {color:#333;}

.white-section-wrapper input[type="text"],
.white-section-wrapper input[type="search"],
.white-section-wrapper input[type="url"],
.white-section-wrapper input[type="password"],
.white-section-wrapper input[type="email"],
.white-section-wrapper textarea {
	border: 1px solid #999;
	-webkit-box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, .4);
	box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, .4);
}

.arrow-bar {
	position: relative;
	text-transform: uppercase;
	padding:30px 0;
}
.arrow-bar:after {
	content:'';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 20px 0 20px;
	position: absolute;
	bottom: -20px;
	left: 12%;
	margin-left: -5px;
	border-color: #151515 transparent transparent transparent;
}
.med-blue.arrow-bar:after {
	border-color: #314778 transparent transparent transparent;
}

.split-content-section{overflow:hidden;margin-bottom:5%;padding-bottom:0 !important;}
.split-content-section-paragraph,
.split-content-section-divider,
.split-content-section-divider-circle{padding-bottom:99999px;margin-bottom:-99999px;}
.split-content-section-paragraph{width:40%;float:left;}
.split-content-section-divider{width:20%;position: relative;float:left;}
.split-content-section-divider-circle{font-size: 26px;font-family: 'robotobold';color: #7791CA;border-left:2px solid #ddd;display:inline-block;position:relative;left:50%;padding-top:100%;}
.split-content-section-divider-circle span{position:absolute; left: -35px;background-color: #fff;padding: 5px 15px;-moz-border-radius: 75px;-webkit-border-radius: 75px;border-radius: 75px;border: 10px solid #7791CA;}

/*====== All Columns ======*/
.twocol,
.twocol--no-gutter .span-1,
.threecol,
.fourcol,
.fivecol {
	float:left;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}






/*====== 2 Columns ======*/
.twocol.span-1 {width:467px; margin-right:30px;}
.twocol.span-2 {width:964px; margin-right:0;}



/*====== 2 Columns - No Gutter ======*/
.twocol--no-gutter .span-1 {width:50%;}
.twocol--no-gutter.border-center .span-1 {padding: 2% 0; width:46%;}
.twocol--no-gutter.border-center .span-1:first-child {
	border-color: #d3d3d3;
	border-width:0 1px 0 0;
	border-style:solid;
	margin-right:4%;
	padding-right:4%;
}

	.white-seciton-wrapper .twocol--no-gutter.border-center .span-1:first-child {border-color:#ccc;}

.twocol--no-gutter.border-center.border-bottom {padding:0;}






/*====== 3 Columns ======*/
.threecol.span-1 {width:302px; margin-right:29px;}
.threecol.span-2 {width:633px; margin-right:29px;}
.threecol.span-3 {width:958px; margin-right:0;}







/*====== 4 Columns ======*/
.fourcol.span-1 {width:220px; margin-right:28px;}
.fourcol.span-2 {width:466px; margin-right:28px;}
.fourcol.span-3 {width:712px; margin-right:28px;}
.fourcol.span-4 {width:958px; margin-right:0;}






/*====== 5 Columns ======*/
.fivecol.span-1 {width:168px; margin-right:31px;}
.fivecol.span-2 {width:367px; margin-right:31px;}
.fivecol.span-3 {width:566px; margin-right:31px;}
.fivecol.span-4 {width:765px; margin-right:31px;}
.fivecol.span-5 {width:964px; margin-right:0;}


.fivecol.span-1 .border-top, .fourcol.span-1 .border-top {border-top:1px solid #2c2c2c; margin-top:10px; padding-top:10px;}
.white-section-wrapper .fivecol.span-1 .border-top {border-top:1px solid #d3d3d3;}

.fivecol.span-1.offset-1		{margin-left:199px;}
.fivecol.span-1.offset-1-half 	{margin-left: 290px;}






/*====== Asides ======*/
aside.right {float:right; margin:0 0 31px 31px;}
aside.right.span-1 {width:168px;}
aside.right.span-2 {width:367px;}

aside.left {float:left;}
aside.left.span-1 {width:168px; margin:0 31px 31px 0;}
aside.left.span-2 {width:367px; margin:0 31px 31px 0;}
aside.left.span-4 {width:765px;}






/*====== Buttons ======*/
.btn {
	text-align:center;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-transform:uppercase;
	display:inline-block;
}

.btn.yellow,
.btn.blue,
.btn.green,
.btn.dark-blue,
.btn.gray {
	padding:12px;
	font-size:13px;
	line-height: 1;
}

input.btn.yellow,
input.btn.blue,
input.btn.green,
input.btn.dark-blue,
input.btn.gray {
	line-height: inherit;
}

.btn.yellow {
	background:#ffd02b;
	color:#292929;
	-webkit-box-shadow: 0px 1px 0px 0px rgba(224, 164, 12, 1);
	box-shadow: 0px 1px 0px 0px rgba(224, 164, 12, 1);
	text-shadow: 0px -1px 0px #e0a414;
}

	.btn.yellow [class^="icon-"],
	.btn.yellow [class*=" icon-"] {color:#fff;}

	.btn.yellow-small {
		font-size:12px;
		background:#ffd02b;
		padding: 7px;
		color:#292929;
		-webkit-box-shadow: 0px 1px 0px 0px rgba(224, 164, 12, 1);
		box-shadow: 0px 1px 0px 0px rgba(224, 164, 12, 1);
		text-shadow: 0px -1px 0px #e0a414;
		line-height: 1;
	}

	.btn.yellow-large {
		padding: 15px 24px;
		background:#ffd02b;
		font-size: 17px;
		color:#292929;
		-webkit-box-shadow: 0px 1px 0px 0px rgba(224, 164, 12, 1);
		box-shadow: 0px 1px 0px 0px rgba(224, 164, 12, 1);
		text-shadow: 0px -1px 0px #e0a414;
		line-height: 1;
	}

	.btn.yellow:hover,
	.btn.yellow-small:hover,
	.btn.yellow-large:hover,
	.btn-free-quote:hover,
	.btn-free-quote-hidden:hover {
		background:#ffe690;
		color:#292929;
	}

	.btn.yellow:active,
	.btn.yellow-small:active,
	.btn.yellow-large:active,
	.btn-free-quote:active,
	.btn-free-quote-hidden:active {
		background:#e0a414;
		color:#292929;
	}

.btn.blue {
	background:#7492c8;
	color:#fff;
	-webkit-box-shadow:  0px 1px 0px 0px rgba(66, 96, 164, 1);
	box-shadow:  0px 1px 0px 0px rgba(66, 96, 164, 1);
	text-shadow: 0px -1px 0px #466db2;
}

	.btn.blue-small {
		font-size:12px;
		background:#7492c8;
		padding: 7px;
		color:#fff;
		-webkit-box-shadow:  0px 1px 0px 0px rgba(66, 96, 164, 1);
		box-shadow:  0px 1px 0px 0px rgba(66, 96, 164, 1);
		text-shadow: 0px -1px 0px #466db2;
		line-height: 1;
	}

	.btn.blue-large {
		font-size:17px;
		background:#7492c8;
		padding: 15px 24px;
		color:#fff;
		-webkit-box-shadow:  0px 1px 0px 0px rgba(66, 96, 164, 1);
		box-shadow:  0px 1px 0px 0px rgba(66, 96, 164, 1);
		text-shadow: 0px -1px 0px #466db2;
		line-height: 1;
	}

	.btn.blue:hover,
	.btn.blue-small:hover,
	.btn.blue-large:hover {background:#a4b8db; color:#fff !important;}

	.btn.blue:active,
	.btn.blue-small:active,
	.btn.blue-large:active {
		background:#466db2;
		color:#fff;
	}

.btn.green {
	background:#24b34b;
	color:#fff !important;
	-webkit-box-shadow:  0px 1px 0px 0px #128932;
	box-shadow:  0px 1px 0px 0px #128932;
	text-shadow: 0px -1px 0px #128932;
}

	.btn.green-large {
		font-size:17px;
		background:#24b34b;
		padding: 15px 24px;
		color:#fff;
		-webkit-box-shadow:  0px 1px 0px 0px #128932;
		box-shadow:  0px 1px 0px 0px #128932;
		text-shadow: 0px -1px 0px #128932;
		line-height: 1;
	}

	.btn.green:hover,
	.btn.green-large:hover {background:#4ad056;}

	.btn.green:active,
	.btn.green-large:active {background:#128932;}

.btn.dark-blue {
	background:#334f81;
	color:#fff;
	-webkit-box-shadow: 0px 1px 0px 0px #1f3967;
	box-shadow: 0px 1px 0px 0px #1f3967;
	text-shadow: 0px -1px 0px #1f3967;
}

	.btn.dark-blue:hover {background:#4f6b9e; color:#fff !important;}
	.btn.dark-blue:active {background:#1f3967; color:#fff;}

.btn.gray {
	background:#d4d4d4;
	color:#292929;
	-webkit-box-shadow: 0px 1px 0px 0px #999;
	box-shadow: 0px 1px 0px 0px #999;
}

	.btn.gray:hover {background:#eee; color:#292929;}
	.btn.gray:active {background:#ccc;}

.btn .pictogram {
	color:#fff;
	line-height: 1em;
	padding-left: 5px;
}

.btn.half {
	width:45%;
	margin-right:1%;
	float:left;
	font-size:11px;
	margin-bottom: 5px;
}

	.btn.blue-small.half,
	.btn.yellow-small.half {padding:0 3px;}

.btn.full-width {
	box-sizing:border-box;
	width:100%;
}

.btn.big {font-size:16px !important;}


.btn-group {margin-bottom:20px;}






/*====== Social Buttons ======*/
.social-buttons {overflow:hidden;}
.social-buttons .box {
	float:left;
	margin-right:3px;
}

.social-buttons .share {
	float:left;
	font-size:12px;
	background:#7492c8;
	padding: 3px 7px 3px 18px;
	color:#fff;
	-webkit-box-shadow:  0px 1px 0px 0px rgba(66, 96, 164, 1);
	box-shadow:  0px 1px 0px 0px rgba(66, 96, 164, 1);
	text-shadow: 0px -1px 0px #466db2;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.social-buttons .count {
	background:url(../img/bg-social-counter.png) no-repeat left center;
	font-size:10px;
	padding:5px 5px 5px 10px;
	color:#333;
	 margin-left:2px;
}

.social-buttons #facebook .share,
.social-buttons #facebook2 .share,
.social-buttons .facebook {background:url(../img/icon-social-button-facebook.png) no-repeat 5px 4px #7492c8;}

	.social-buttons #facebook .share:hover,
	.social-buttons #facebook2:hover .share,
	.social-buttons .facebook:hover {background:url(../img/icon-social-button-facebook.png) no-repeat 5px 4px #a4b8db;}

	.social-buttons #facebook .share:active,
	.social-buttons #facebook2:active .share,
	.social-buttons .facebook:active {background:url(../img/icon-social-button-facebook.png) no-repeat 5px 4px #466db2;}

.social-buttons #twitter .share,
.social-buttons #twitter2 .share,
.social-buttons .twitter {background:url(../img/icon-social-button-twitter.png) no-repeat 5px 5px #7492c8;}

	.social-buttons #twitter .share:hover,
	.social-buttons #twitter2:hover .share,
	.social-buttons .twitter:hover {background:url(../img/icon-social-button-twitter.png) no-repeat 5px 5px #a4b8db;}

	.social-buttons #twitter .share:active,
	.social-buttons #twitter2:active .share,
	.social-buttons .twitter:active {background:url(../img/icon-social-button-twitter.png) no-repeat 5px 5px #466db2;}

.social-buttons #googleplus .share,
.social-buttons #googleplus2 .share,
.social-buttons .googleplus {background:url(../img/icon-social-button-gplus.png) no-repeat 0 bottom #7492c8;}

	.social-buttons #googleplus .share:hover,
	.social-buttons #googleplus2:hover .share,
	.social-buttons .googleplus:hover {background:url(../img/icon-social-button-gplus.png) no-repeat 0 bottom #a4b8db;}

	.social-buttons #googleplus .share:active,
	.social-buttons #googleplus2:active .share,
	.social-buttons .googleplus:active {background:url(../img/icon-social-button-gplus.png) no-repeat 0 bottom #466db2;}

.socialThanks{
	overflow:hidden;
	padding:28px 0px;
}

	.socialThanks a{
		width:100px;
		height:100px;
		float:left;
		padding-left:10px;
		display:block;
	}

	.socialThanks a:hover{
		opacity:.8;
	}

a.thanksFbook{background:url(../img/socialIcons/fbook.png) no-repeat;width:100px; height:100px;}
a.thanksTwitter{background:url(../img/socialIcons/twitter.png) no-repeat;}
a.thanksLinkedin{background:url(../img/socialIcons/linkedIn.png) no-repeat;}
a.thanksInstagram{background:url(../img/socialIcons/instagram.png) no-repeat;}
a.thanksGplus{background:url(../img/socialIcons/gplus.png) no-repeat;}
a.thanksPinterest{background:url(../img/socialIcons/pinterest.png) no-repeat;}
a.thanksBlog{background:url(../img/socialIcons/blog.png) no-repeat;}






/*====== Call to Actions ======*/
.fivecol.span-1.cta {width:166px;}

.cta {
	border:1px solid #2c2c2c;
	color:#fff !important;
	font-size:14px;
	line-height:1.4em;
	text-align:center;
	padding:60px 0 10px 0;
	text-shadow: 0px -1px 0px #000000;

}

.sidebar {margin-bottom:20px;}

.request-info {
	background:url(../img/strategyCTA.jpg) no-repeat #ffd02b;
	height:140px;
	padding:15px 10px;
	width: 148px;
	float:left;
}

.request-info p {
	color:#151515;
	margin: 0 0 5px 0;
	text-align:left;
	margin: 0 0 0 57px;
	line-height: 1.4em;
	margin-bottom: 10px;
}

.request-info .btn {
	margin-top:5px;
	width:146px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.see-our-results {padding:15px 0;}
.see-our-results .arrow {color:#ffd02b; font-size: 32px;}
.see-our-results .icon-bars {color:#142748; font-size: 24px;}

/* Font Styles */
.cta .serif {font-size:.85em;}
.cta .big {font-size:1.5em;}

/* Backgrounds */
.cta.crawlerfx {background:url(../img/icon-crawlerfx.png) no-repeat center 20px #1d1d1d;}
.cta.marketing-calculator {background:url(../img/icon-marketing-calculator.png) no-repeat center 10px #1d1d1d;}
.cta.contact-us {background:url(../img/icon-contact-us.png) no-repeat center 10px #1d1d1d;}
.cta.marketing-guide {background:url(../img/ebookFooter.png) no-repeat center 7px #1d1d1d; background-size:100px 50px;}
.cta.blue-box {background-color:#466db2;}
.cta.blue-box:hover {background-color:#7492C8;}
.cta.blue-box:active {background-color:#334F81;}

/* Colors */
a.cta {display:block;}
a.cta.gray-box:hover {background-color:#333;}
a.cta.gray-box:active {background-color:#151515;}






/*====== Forms ======*/


.checkboxes input {
	float:left;
	margin: 2px 5px 0 0;
}

fieldset a {color:#7492c8;}

.big-form-fields input,
.big-form-fields input[type="submit"],
.big-form-fields textarea {
	font-size:16px;
	padding:20px;
}

.big-form-fields.input-attached input[type="text"],
.big-form-fields.input-attached input[type="email"],
.big-form-fields.input-attached input[type="password"],
.big-form-fields.input-attached input[type="url"],
.big-form-fields.input-attached input[type="submit"],
.popup-form .big-form-fields.input-attached input[type="submit"] {
	height:60px;
}



.input-attached input[type="text"],
.input-attached input[type="email"],
.input-attached input[type="password"],
.input-attached input[type="url"] {
	border: 0;
	-webkit-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
	height: 40px;
	padding: 12px;
}

.input-attached input[type="submit"],
.popup-form .input-attached input[type="submit"] {
	-webkit-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	box-shadow: none;
	height: 40px;
	margin-left: -5px;
}



.popup-form {
	background:#EAEAEA;
	color:#151515;
	padding:20px;
	max-width:500px;
}

	.popup-form.popup-form--email-signup,
	.popup-form.popup-form--email-signup-large {
		padding:0;
	}

	.popup-form.popup-form--email-signup-large {
		max-width:1600px;
		width:100%;
	}

	.popup-form label {
		float:left;
		display:block;
		width:130px;
		text-align:right;
		margin:10px 20px 0 0;
		color:#151515;
		font-size:14px;
		text-transform:uppercase;
	}

		.popup-form label.error {
			float:none;
			width:61%;
			margin:5px 0 0 150px;
			color:red;
			font-size:11px;
			text-align: left;
		}

	.popup-form input[type="text"],
	.popup-form textarea,
	.popup-form select {
		width:61%;
		padding:10px;
		border:1px solid #999;
	}

	.popup-form input[type="text"],
	.popup-form input[type="email"],
	.popup-form textarea {
		-webkit-box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, .4);
		box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, .4);
	}

	.popup-form input[type="submit"] {
		margin-left:150px;
		padding:10px 100px;
	}

		.popup-form.popup-form--email-signup input[type="submit"],
		.popup-form.popup-form--email-signup-large input[type="submit"] {
			box-sizing:border-box;
			padding:0;
			width:30%
		}

			.popup-form.popup-form--email-signup .input-attached input[type="submit"],
			.popup-form.popup-form--email-signup-large .input-attached input[type="submit"] {
				margin-left:-5px;
			}

		.popup-form.popup-form--email-signup input[type="email"],
		.popup-form.popup-form--email-signup-large input[type="email"] {
			box-sizing:border-box;
			border: 1px solid #999;
			width:70%
		}

	.popup-form textarea {height:200px;}
	.popup-form select {height:40px;}

	.popup-form__header {
		color:#fff;
		padding: 30px 40px !important;
	}

		.popup-form--email-signup-large .popup-form__header {
			background:url(../img/bg-real-results-get-started.jpg);
			background-size:cover;
			font-size:30px;
			padding:50px;
			position:relative;
		}

		.popup-form--email-signup .popup-form__header {
			background:url(../img/bg-email-signup-header.jpg) no-repeat;
			background-size:cover;
			position:relative;
		}

			.popup-form--email-signup .popup-form__header [class^="icon-"],
			.popup-form--email-signup .popup-form__header [class*=" icon-"],
			.popup-form--email-signup-large .popup-form__header [class^="icon-"],
			.popup-form--email-signup-large .popup-form__header [class*=" icon-"] {
				color: #7492c8;
				font-size: 30px;
			}

			.popup-form--email-signup .popup-form__header:after {
				content:'';
				width: 0;
				height: 0;
				border-style: solid;
				border-width: 10px 10px 0 10px;
				border-color: #041427 transparent transparent transparent;
				position:absolute;
				bottom:-10px;
				left:50%;
				margin-left:-5px;
			}

	.popup-form--email-signup__content {
		padding: 30px;
	}

		.popup-form--email-signup__content form {
			margin-bottom:10px;
		}

.new-bottom-quote-form.bottom-quote-form {
        background:none;
    }
    .new-bottom-quote-form.bottom-quote-form form {
    	margin-top:0;
    }
    .new-bottom-quote-form.bottom-quote-form {
        width: 964px;
    }
    .new-bottom-quote-form .twocol.leftcol {
        padding-left:50px;
    }
    .new-bottom-quote-form .twocol.rightcol {
        padding-right:50px;
        padding-left:50px;
    }
    .new-bottom-quote-form form{
        margin:0;
    }
    .new-bottom-quote-form h2 {
        font-size:34px;
    }
    .new-bottom-quote-form.bottom-quote-form .btn-get-quote {
        width:90%;
        margin:25px 0 0 0;
        font-size:22px;
    }
    .new-bottom-quote-form h2 .pictogram {
        font-size:60px;
        line-height: 0;
    }
    .new-bottom-quote-form h2.call {
        font-size:28px;
        text-align:center;
    }
    .new-bottom-quote-form #bottom-quote-form label{
        font-size:12px;
    }
    .new-bottom-quote-form #bottom-quote-form textarea {
        height:110px;
    }
    .quote-form-mini-box{
        padding-bottom:10px;
        margin-bottom:5px;
        height:auto;
    }
    .quote-form-mini-box p {
        padding-left:20px;
        padding-right:20px;
    }
    .quote-form-mini-box .heading {
        text-transform: uppercase;
        background-color: #445b8d;
        color: white;
        font-size: 21px;
        font-family: 'robotobold';
        text-align: center;
    }
    .quote-form-mini-box .images {
        padding-left:20px;
        padding-right:20px;
    }
    .quote-form-mini-box .img-box {
        width:30%;
        float:left;
    }
    .quote-form-mini-box .img-box img {
        width:100%;
    }
    .quote-form-mini-box .logo-row img {
        padding:5px;
    }
    .quote-form-mini-box .small {
        width:50px;
    }

.bottom-quote-form {
	padding: 50px 0;
	background:url(../img/bg-bottom-quote-form.jpg) center bottom no-repeat;
	position:relative;
	width: 780px;
}

	.bottom-quote-form form {
		margin-top:30px;
	}

	.bottom-quote-form input[type="text"],
	.bottom-quote-form textarea,
	.bottom-quote-form select {
		border:1px solid #2c2c2c;
		padding:10px;
		width:100%;
	}

	.bottom-quote-form .form-row {width:375px;}
	.bottom-quote-form textarea {height:184px;}

	.bottom-quote-form .btn-get-quote {
		border: 0;
		margin:0 auto;
		clear: left;
		padding: 15px 50px;
		display: block;
		width: 50%;
		font-size:20px ;
	}

	.bottom-quote-form .or-call {
		position:absolute;
		background:#466db2;
		padding:0 10px;
		top:50px;
		right:0;
	}

	.bottom-quote-form .or-call h3 {
		margin:0;
		line-height:2em;
		color:#FFD02B;/*dc9800*/
	}

		.bottom-quote-form .or-call a {color:#FFD02B;}/*dc9800*/

	.bottom-quote-form .or-call .italic {
		color:#fff;
	}

	.bottom-quote-form .left-column {
		width:375px;
		float:left;
		margin-bottom:20px;
	}

	.bottom-quote-form .right-column {
		width:375px;
		float:left;
		margin:0 0 20px 30px;
	}

	.bottom-quote-form select {
		height:40px;
		text-transform:uppercase;
	}



.main-form {
	width: 80%;
	margin: 0 10%;
}

	.main-form label {
		float:left;
		display:inline-block;
		width:20%;
		margin-right:5%;
	}

		.main-form label.error {
			width: 75%;
			margin:5px 0 0 25%;
			float:none;
		}

	.main-form input[type="text"],
	.main-form input[type="email"],
	.main-form input[type="password"],
	.main-form textarea,
	.main-form select {
		border: 1px solid #2c2c2c;
		padding: 10px;
		width:70%;
	}

		.white-section-wrapper .main-form input[type="text"],
		.white-section-wrapper .main-form input[type="email"],
		.white-section-wrapper .main-form input[type="password"],
		.white-section-wrapper .main-form textarea,
		.white-section-wrapper .main-form select {
			border: 1px solid #999;
		}

	.main-form fieldset fieldset {
		width:70%;
		margin:0 0 20px 25%;
		position:relative;
	}

	.main-form fieldset fieldset select {
		width:100%;
	}

	.main-form select {
		height:40px;
		text-transform:uppercase;
	}

	.main-form textarea {
		height:200px;
	}

	.main-form .form-row {
		margin-bottom:10px;
		position: relative;
	}

	.main-form input[type="submit"] {
		margin-left:25%;
		padding:15px 24px;
		font-size:17px;
	}

	.main-form .valid-invalid {
		width:15px;
		height:15px;
		position: absolute;
		top: 12px;
		right: 0;
	}

	.main-form fieldset fieldset .valid-invalid {right:-25px;}

	.main-form input.valid ~ .valid-invalid,
	.main-form textarea.valid ~ .valid-invalid,
	.main-form select.valid ~ .valid-invalid {background:url(../img/icon-invalid-valid.png) 15px 0;}

	.main-form input.error ~ .valid-invalid,
	.main-form textarea.error ~ .valid-invalid,
	.main-form select.error ~ .valid-invalid {background:url(../img/icon-invalid-valid.png) 0 0;}



.application {padding:30px;}

	.application input[type="text"],
	.application textarea {
		padding:10px;
		width:300px;
	}

	.application textarea {height:200px;}

	.application label {
		display:inline-block;
		width:140px;
		margin: 10px 15px 0 0;
	}

		.application .file label {margin:0 15px 0 0;}

		.application label.error {
			clear:left;
			margin:3px 0 0 155px;
		}

	.application input[type="submit"] {margin-left:155px;}

	.application fieldset.application-fieldset-dropdown{margin-left:158px;}
	.application legend{width:350px;font-size:12px;}
	.application select{width:300px;}

.white-section-wrapper fieldset {
	color:#333;
	font-size:14px;
}

.white-section-wrapper fieldset a:hover {color:#666;}



.top-info form table td {border:none !important;}

.top-info table input{
	border: 1px solid #999;
	-webkit-box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, .4);
	box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, .4);
	padding:10px;
	width:350px;
}

.top-info input.submit.login,
input.login {
	background: #ffd02b !important;
	color: #292929;
	-webkit-box-shadow: 0px 1px 0px 0px rgba(224, 164, 12, 1);
	box-shadow: 0px 1px 0px 0px rgba(224, 164, 12, 1);
	text-shadow: 0px -1px 0px #e0a414;
	padding: 15px 24px;
	text-align: center;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-transform: uppercase;
	display: inline-block;
	position:relative;
}

.top-info form input.submit.login {left:344px;}
input.forgot {left:330px !important;}
input.register {left:400px !important;}

#error ul li {color:#F30 !important;}






/*====== Tables ======*/
table {
	margin-bottom: 20px;
}

table th {
	font-weight:normal;
	line-height: 1.5em;
}

table td {
	border:1px solid #2C2C2C;
	line-height: 1.5em;
	padding:8px;
}

	.white-section-wrapper table td,
	article.main table td {
		border:1px solid #d3d3d3;
	}

table h2,
table h3,
table h4 {
	margin:0;
}

tr {background:#151515;}
tr:nth-child(even) {background:#232323;}
tr .second {background:#0e0e0e;}
tr:nth-child(even) .second {background:#1c1c1c;}
tr .third {background:#090909;}
tr:nth-child(even) .third {background:#151515;}
tr .fourth {background:#000;}
tr:nth-child(even) .fourth {background:#0d0d0d;}

.white-section-wrapper tr:nth-child(even) 			{background:#eaeaea;}
.white-section-wrapper tr 							{background:#fff;}
.white-section-wrapper tr:nth-child(even) .second 	{background:#e0e0e0;}
.white-section-wrapper tr .second 					{background:#f4f4f4;}
.white-section-wrapper tr:nth-child(even) .third 	{background:#d6d6d6;}
.white-section-wrapper tr .third 					{background:#eaeaea;}
.white-section-wrapper tr:nth-child(even) .fourth 	{background:#cacaca;}
.white-section-wrapper tr .fourth 					{background:#e0e0e0;}

article.main tr:nth-child(even) 			{background:#eaeaea;}
article.main tr 							{background:#fff;}
article.main tr:nth-child(even) .second 	{background:#e0e0e0;}
article.main tr .second 					{background:#f4f4f4;}
article.main tr:nth-child(even) .third 	{background:#d6d6d6;}
article.main tr .third 					{background:#eee;}
article.main tr:nth-child(even) .fourth 	{background:#cacaca;}
article.main tr .fourth 					{background:#e0e0e0;}

.table-head {
	/*width:964px;*/
	overflow: hidden;
	z-index:2;
}
	.span-4 .table-head {width:765px;}

	.table-head .option,
	.table-head .item {
		display:table;
		height:50px;
	}

	.table-head .option {
		width:15%;
		text-align:center;
		padding:0 7px;
	}

	.table-head .item {
		background:#466db2;
		padding:0 20px;
	}

	.table-head .item span,
	.table-head .option span {
		display:table-cell;
		vertical-align:middle;
		line-height: 1.1em;
	}

	.table-head.one-column .item {width:100%;}
	.table-head.two-columns .item {width:85%;}
	.table-head.three-columns .item {width:70%;}
	.table-head.four-columns .item {width:55%;}
	.table-head.five-columns .item {width:40%;}

.table-heading {
	float:left;
	color:#fff;
	font-size: 12px;
}

	.table-heading.first,
	.static-table-heading.first,
	.white-section-wrapper .static-table-heading.first,
	.white-section-wrapper .table-heading.first {background:#466db2;}
	.table-heading.second,
	.static-table-heading.second,
	.white-section-wrapper .static-table-heading.second,
	.white-section-wrapper .table-heading.second {background:#4166a6;}
	.table-heading.third,
	.static-table-heading.third,
	.white-section-wrapper .static-table-heading.third,
	.white-section-wrapper .table-heading.third {background:#3c5e9a;}
	.table-heading.fourth,
	.static-table-heading.fourth,
	.white-section-wrapper .static-table-heading.fourth,
	.white-section-wrapper .table-heading.fourth {background:#325189;}
	.table-heading .italic,
	.static-table-heading .italic {font-size: 14px;}

.static-table-heading {
	color:#fff;
	font-size:14px;
	padding: 15px 7px !important;
	text-align:center;
	background: #466db2;
}

.pricing-table .item-info {
	font-size:14px;
	text-align:center;
}

	.pricing-table .item-info .pictogram {
		font-size: 38px;
		line-height: .7em;
		color:#466db2;
	}

	.pricing-table .item {
		font-size:16px;
		padding-left:20px;
	}

	.pricing-table .signup span.white {color:#fff;}
	.pricing-table .signup span.yellow {color:#ffd02b;}

	.pricing-table .signup .btn {
		width:100%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.pricing-table .social-media-pricing td {padding:15px 8px;}

	.pricing-table .social-media-pricing p {
		font-size:12px;
		line-height: 1.7em;
	}

	.pricing-table a {color:#7492C8;}
	.pricing-table a:hover {color:#fff;}
	.pricing-table.text-align-left .item-info {text-align:left;}

.small-pricing-table{width:25%;float:left;position:relative;}
.small-pricing-table-heading{color:#fff; height:75px;width:100%;display:table;position:relative;}
.small-pricing-table-heading h4{color:#fff !important;height:100%;margin:0;font-size:16px;display:table-cell;vertical-align:middle;padding:0 15px;}
.small-pricing-table:nth-of-type(1) .small-pricing-table-heading{background-color:#7791CA;}
.small-pricing-table:nth-of-type(2) .small-pricing-table-heading{background-color:#5D73A2;}
.small-pricing-table:nth-of-type(3) .small-pricing-table-heading{background-color:#495F90;}
.small-pricing-table:nth-of-type(4) .small-pricing-table-heading{background-color:#324877;}

.small-pricing-table:nth-of-type(1) .small-pricing-table-heading:after{border-color:#7791CA transparent transparent;}
.small-pricing-table:nth-of-type(2) .small-pricing-table-heading:after{border-color:#5D73A2 transparent transparent;}
.small-pricing-table:nth-of-type(3) .small-pricing-table-heading:after{border-color:#495F90 transparent transparent;}
.small-pricing-table:nth-of-type(4) .small-pricing-table-heading:after{border-color:#324877 transparent transparent;}
.small-pricing-table-heading:after{content: '';width: 0;height: 0;border-style: solid;border-width: 12px 25px;position: absolute;bottom: -24px;left: 50%;margin-left: -25px;}
ul.small-pricing-table-info{padding-top:30px;padding-bottom:35px;margin:0;}
.small-pricing-table ul.small-pricing-table-info li{background: none;font-size:14px;margin:0;padding:5px 10px;}
.small-pricing-table ul.small-pricing-table-info .cost{margin-top:15px;font-size:20px;color:#32457F;padding:10px 0; height:45px;}
.small-pricing-table:nth-child(odd) .cost{background-color:#CCC;}
.small-pricing-table:nth-child(even) .cost{background-color:#C0C0C0;}
.small-pricing-table:nth-child(odd) ul{background-color:#ddd;}
.small-pricing-table:nth-child(even) ul{background-color:#d2d2d2;}
.small-pricing-table .btn{position:relative;top:-20px;}
.small-pricing-table .smaller-copy{vertical-align:super;}


/*====== Tabs ======*/
.tabs {
	margin:0;
	padding:0;
}

	.tabs ul {
		width:100%;
	}

.tab-item {
	cursor:pointer;
	float:left;
}

	.content-section ul .tab-item {
		margin:0;
		padding:0;
	}

	.tab-item a {
		display:block;
		padding:20px;
	}



.white-section-wrapper .tab-item {
	background:#eaeaea;
	border-top:1px solid #bcbcbc;
	border-right:1px solid #bcbcbc;
	border-bottom:1px solid #bcbcbc;
}

	.white-section-wrapper .tab-item:hover {
		background:#fff;
	}

	.white-section-wrapper .tab-item:first-child {
		border-left:1px solid #bcbcbc;
	}

	.white-section-wrapper .tab-item.active {
		border:1px solid #333;
		background:#333;
		color:#fff;
	}

	.white-section-wrapper .tab-item.active:hover {
		background:#444;
		border:1px solid #444;
	}

	.white-section-wrapper .tab-item a {
		color:#333;
		position:relative;
	}

		.white-section-wrapper .tab-item a:after {
			content:'';
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 10px 10px 0 10px;
			border-color: #eaeaea transparent transparent transparent;
			position: absolute;
			bottom: -11px;
			left: 50%;
			margin-left: -5px;
		}

	.white-section-wrapper .tab-item.active a,
	.white-section-wrapper .tab-item.active a:hover {color:#fff !important;}

	.white-section-wrapper .tab-item.active a:after {border-color: #333333 transparent transparent transparent;}
	.white-section-wrapper .tab-item.active:hover a:after {border-color: #444 transparent transparent transparent;}



.tabs--content {
	padding:30px;
}






/*====== Pagination ======*/
.content-section .pagination {
	text-align: center;
	margin-top:30px;
}

.content-section .pagination li {
	background:none;
	display:inline;
	background:#f1f1f1;
	padding:5px 10px;
	border-left:1px solid #ccc;
	box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, .2);
}

.content-section .pagination li.first-child {border:0;}

.content-section .pagination li.last {
	-webkit-border-radius: 0px 5px 5px 0px;
	border-radius: 0px 5px 5px 0px;
}

.content-section .pagination li.first {
	-webkit-border-radius: 5px 0px 0px 5px;
	border-radius: 5px 0px 0px 5px;
}






/*====== Accordion ======*/
.accordion .header {
	margin:0;
	padding:10px;
	border-top:1px solid #333;
	cursor:pointer;
}

	.white-section-wrapper .accordion .header {
		border-top:1px solid #bcbcbc;
	}

	.accordion .header:fist-child {border:none;}
	.accordion .header:hover {background:#101010;}
	.white-section-wrapper .accordion .header:hover {background:#fff;}

.accordion .content {
	border-top: 1px solid #333;
	background:#151515;
	padding:30px;
}

	.white-section-wrapper .accordion .content {
		border-top:1px solid #bcbcbc;
		background:#eaeaea;
	}


/*====== Custom Drop Down Arrow ======*/
.custom-dropdown{position:relative;}
.custom-dropdown-arrow{position:absolute;right:8px;top:20px;color:#ccc;border-width: 8px 7px;border-style: solid;border-color:#333 transparent transparent transparent;pointer-events:none;}
select.custom-dropdown-select{-webkit-appearance: none;-moz-appearance: none;appearance: none;}
select.custom-dropdown-select::-ms-expand{display:none;}



/*====== Header ======*/
.header-wrapper {
	background: #2E4875;
	z-index: 9999;
}

.site-header {
	z-index:9999;
	width:100%;
	background:url(../img/bg-masthead-innerpage.jpg) center bottom no-repeat;
}

.header-top {
	width:964px;
	margin:0 auto;
	padding:0 30px 10px 30px;
}

.header-top-right {
	float:right;
	margin-top:5px;
	max-width:400px;
	width:400px;
}

.revenue {
	font-size:14px;
	margin:0;
	padding:5px;
	background:url(../img/transparency-85-black.png);
}

	.revenue .number {
		color:#fff;
		font-size:17px;
		padding-left:10px;
	}

	.revenue .pictogram {
		color:#ffd02b;
		padding-right:10px;
		font-size: 32px;
		line-height: 0em;
	}

.top-social {
	margin-top:5px;
}

	.top-social ul {
		margin:0;
		padding:0;
	}

	.top-social li {
		list-style-type:none;
		float:left;
	}

		.top-social li a {
			font-size:22px;
			color:#fff;
			line-height: .3em;
			margin:0 7px 0 0;
			display:block;
			transition:none;
			-webkit-transition:none;
			-moz-transition: none;
			-ms-transition: none;
			-o-transition: none;
		}

			.top-social li a:hover {
				color:#7492c8;
			}

		.top-social li .blog {
			background:url(../img/home-blog-icon-2.png) no-repeat;
			width:100px;
			height:24px;
		}

			.top-social li .blog:hover {
				background-position:0 -24px;
			}

.logo {
	background:url(../img/logo-webpagefx.png) no-repeat;
	display:block;
	width:178px;
	height:40px;
	text-indent: -1000em;
	margin-top:25px;
	float:left;
	position:inherit;
}

.logo-container {
	position:relative;
	width:178px;
	height:40px;
	float:left;
	margin-top:25px;
}

	.logo-container:hover .logo {
		left:-78px;
		opacity:0;
	}

	.logo-container:hover .logo-text {
		left:0;
		opacity:1;
	}

	.logo-container .logo-text {
		position:absolute;
		top:20px;
		left:78px;
		text-align:center;
		width:100%;
		color:#fff;
		display:none;
		width:178px;
		display:block;
		text-transform:uppercase;
		opacity:0;
	}

		.logo-container .logo-text .pictogram {
			font-size: 16px;
		}

	.logo-container .logo {
		background:url(../img/logo-webpagefx.png);
		display:block;
		width:178px;
		height:40px;
		text-indent: -1000em;
		position:absolute;
		top:0;
		left:0;
		float:none;
		margin-top:0;
		opacity:1;
	}

.hidden-logo {
	background:url(../img/webpageFX-fx.png);
	display:none;
	cursor:pointer;
	width:41px;
	height:36px;
	position: absolute;
	top: 0;
	left: -41px;
}

	.hidden-logo:hover {
		-webkit-box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 1);
		box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 1);
	}

.btn-free-quote {
	color:#333;
	position:absolute;
	top:48px;
	left:30px;
	width:172px;
	display:block;
	text-align:center;
	text-transform:uppercase;
	font-size:12px;
	background:#ffd02b;
	line-height: 4.1em;
    color:#292929;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(224, 164, 12, 1);
	box-shadow: 0px 1px 0px 0px rgba(224, 164, 12, 1);
	text-shadow: 0px -1px 0px #e0a414;
	z-index: 3;
}

	.btn-free-quote .pictogram,
	.btn-free-quote-hidden .pictogram {
		color:#fff;
		font-size: 27px;
		line-height: 1em;
		padding-left: 5px;
	}

	.btn-free-quote-hidden {
		display:none;
		text-align:center;
		text-transform:uppercase;
		font-size:12px;
		background:#ffd02b;
		padding: 0 12px;
		color:#292929;
		-webkit-box-shadow: 0px 1px 0px 0px rgba(224, 164, 12, 1);
		box-shadow: 0px 1px 0px 0px rgba(224, 164, 12, 1);
		text-shadow: 0px -1px 0px #e0a414;
		z-index: 1;
		line-height: 3.95em;
	}



.condensed-nav .nav-wrapper {
	position:fixed;
	z-index:999;
	width:100%;
	top:0;
	background:#98afd7;
	/*-webkit-backface-visibility: hidden;*/
}

.condensed-nav nav[role="navigation"] .phone-number {
	background: #98afd7;
	margin-left: 52px;
	background: #415b8b;
	color: #ffd02b;
	padding: 10px 10px;
}

	.condensed-nav nav[role="navigation"] .phone-number a {color:#FFD02B;}

.condensed-nav nav[role="navigation"] li a {padding: 16px 9px;}

	.condensed-nav nav[role="navigation"] li li a {padding: 6px 15px;}

.condensed-nav .testimonials {display:none;}

.condensed-nav .hidden-logo {
	left: 30px;
	display: block;
	top: 6px;
}

.condensed-nav .btn-free-quote-hidden {
	position:absolute;
	right:30px;
	display:block;
}

.condensed-nav .btn-free-quote {
	text-indent:-9999em;
	display:none;
}






/*====== Main Nav ======*/
.nav-wrapper {
	background:url(../img/transparency-50-black.png);
}

nav[role="navigation"] {
	width:964px;
	padding:0 30px;
	margin:0 auto;
	position:relative;
	height:48px;
}

	nav[role="navigation"] ul {
		margin:0;
		padding:0;
		float:left;
	}

	nav[role="navigation"] li {
		list-style-type:none;
		float:left;
		position:relative;
		display:block;
		z-index: 100;
	}

	nav[role="navigation"] li a {
		color:#fff;
		font-size:12px;
		text-transform:uppercase;
		display:block;
		padding: 16px 15.5px;
	}

	nav[role="navigation"] > ul > li > a {
		line-height:4em;
	}

	nav[role="navigation"] li:hover,
	nav[role="navigation"] li.current-menu-item,
	nav[role="navigation"] li.current-menu-item-parent {
		background:#000;
	}

		nav[role="navigation"] li ul {
			display:none;
			position:absolute;
			background:#2C2C2C;
			width:250px;
		}

		nav[role="navigation"] li ul.contact-nav {
			right:0;
			top:49px;
		}

		nav[role="navigation"] li li {
			width:100%;
			border-bottom:1px solid #151515;
		}

			nav[role="navigation"] li li.last {
				border:none;
			}

			nav[role="navigation"] li li a {
				padding:6px 15px;
				text-transform:none; font-family: 'robotoregular' !important;
			}

	nav[role="navigation"] li:hover ul {
		display:block;
	}

	nav[role="navigation"] .phone-number {
		color:#fff;
		text-transform:uppercase;
		background:#141e30;
		float:left;
		margin:0;
		padding: 10px 20px;
		font-size: 20px;
	}

		nav[role="navigation"] .phone-number a {color:#fff;}



.mobile-site-menu__trigger {
	border-left: 1px solid #2e4875;
	color:#fff;
	cursor:pointer;
	float:right;
	height:48px;
	position:relative;
	width:110px;
}

.mobile-site-menu__trigger-text,
.mobile-site-menu__trigger-icon {
	position:absolute;
}

.mobile-site-menu__trigger-icon {
	font-size:32px;
	right:10px;
	top:8px;
}

.mobile-site-menu__trigger-text {
	right:45px;
	top:15px;
}

.sub-menu-back {display:none;}






/*====== Masthead ======*/
.masthead {min-width:1000px;}

	.masthead__content-wrapper {
		max-width:550px;
		margin:0 auto;
	}

	.masthead__content-wrapper h1,
	.masthead__content-wrapper h2,
	.masthead__content-wrapper h3,
	.masthead__content-wrapper h4,
	.masthead__content-wrapper p,
	.masthead__content-wrapper li {color:#fff;}

	.masthead__content-wrapper h1,
	.masthead__content-wrapper p {
		margin-bottom:40px;
	}

	.masthead__content-wrapper.content-section {
		padding:50px 0 70px 0;
	}

	.masthead__content-wrapper--transparent-box {
		background:url(../img/transparency-70-black.png);
	}

		.masthead__content-wrapper--transparent-box.content-section {
			padding:40px 30px;
		}

	.masthead__content-wrapper--transparent-box.masthead__content-wrapper {
		margin:60px auto;
	}

	.masthead__content-wrapper--transparent-box.masthead__content-wrapper h1,
	.masthead__content-wrapper--transparent-box.masthead__content-wrapper p {
		margin-bottom:30px;
	}

	.masthead__case-study-label {
		background:url(../img/transparency-50-black.png);
		color:#fff;
		padding:15px 0;
	}



.homepage-slider {
	width: 100%;
	height: 580px;
	position: relative;
}

.homepage-slider .slide {
	box-sizing:border-box;
	width:100%;
	height:580px;
}



.homepage-slider--put-the-web-to-work p {
	color:#fff;
	text-align:center;
	margin: 90px 0 0 0;
}

.homepage-slider--put-the-web-to-work .serif {
	text-transform:none;
	display:block;
}

.homepage-slider--put-the-web-to-work .btn {
	width:200px;
	margin:20px auto 0 auto;
	display:block;
}

	.homepage-slider--put-the-web-to-work .btn .pictogram {
		padding-right: 10px;
	}

.homepage-slider--put-the-web-to-work .slide {
	background:url(../img/homepage-slides/slide-grow-company.jpg) center top no-repeat;
}

.homepage-slider--put-the-web-to-work .hidden {
	display: none;
	font-size:18px;
}



.masthead-wrapper.innerpage {
	background:#2e4875;
}

	.masthead-wrapper.innerpage .masthead {
		width:1024px;
		background:url(../img/bg-masthead-innerpage.jpg);
		height:123px;
		margin:0 auto;
	}



.masthead--real-results {background:url(../img/real-result-masthead-bg.jpg) no-repeat top center; background-size:cover;}
.masthead--internet-marketing {background:url(../img/bg-masthead-internet-marketing.jpg) no-repeat top center; background-size:cover;}
.masthead--seo-agency {background:url(../img/bg-masthead-seo-agency.jpg) no-repeat top center; background-size:cover;}
.masthead--design {background:url(../img/bg-masthead-design.jpg) no-repeat top center; background-size:cover;}
.masthead--development {background:url(../img/bg-masthead-development.jpg) no-repeat top center; background-size:cover;}
.masthead--knowledgeBase {background:url(../img/knowledge-intro.jpg) no-repeat top center; background-size:cover;}
.masthead--homepage-awards {background:url(../img/bg-homepage-awards.jpg) no-repeat top center; background-size:cover;}
.masthead--hiring-process  {background:url(../img/bg-masthead-hiring-process.jpg) no-repeat top center; background-size:cover;}
.masthead--website-cost{background:url(../img/bg-masthead-website-cost.jpg) no-repeat top center;background-size:cover;}
.masthead--website-cost-calculator{background:url(../img/bg-masthead-website-cost-calc.jpg) no-repeat top center; background-size:cover;}
	.masthead--homepage-awards h1 {margin:0;}






/*====== Masthead - Alternates for AB Testing - Sept 2, 2014 ======*/
.homepage-slider--put-the-web-to-work-two {
	background:url(../img/homepage-slides/slide-put-web-to-work-two-2015.jpg) center top no-repeat;
}

	.homepage-slider--put-the-web-to-work-two h2 {
		color:#fff;
		margin: 100px 0 0 0;
	}

	.homepage-slider--put-the-web-to-work-two .biggest {
		font-size:72px;
	}

	.homepage-slider--put-the-web-to-work-two .serif {
		font-size:26px;
		line-height:1em;
		text-transform:none;
		margin-top:15px;
		display:block;
	}

	.homepage-slider--put-the-web-to-work-two .slide {
		max-width:964px;
		margin:0 auto;
	}

	.homepage-slider--put-the-web-to-work-two .quick-form {
		background:url(../img/homepage-slides/bubble-dark-arrow-top.png) no-repeat;
		box-sizing: border-box;
		height:197px;
		margin:10px auto;
		padding: 40px 20px 20px 20px;
		width:638px;
	}

		.homepage-slider--put-the-web-to-work-two .quick-form h2 {
			margin:0 0 10px 0;
		}

	.homepage-slider--put-the-web-to-work-two label {
		display:block;
		color:#fff;
		font-size:21px;
		margin:0 0 10px 0;
	}

	.homepage-slider--put-the-web-to-work-two input[type="url"] {
		width: 70%;
	}

	.homepage-slider--put-the-web-to-work-two .quick-form .icon-arrow-right {
		position: relative;
		float: left;
		color: #ffd02b;
		font-size: 30px;
		line-height: 0em;
		padding-top: 20px;
	}



.homepage-slider--revenue-generated {
	background:url(../img/homepage-slides/slide-generated-revenue.jpg) center top no-repeat;
}

	.homepage-slider--revenue-generated .slide {
		max-width:964px;
		margin:0 auto;
		padding-top: 110px;
	}

	.homepage-slider--revenue-generated h2.big {
		float:left;
		width:55%;
	}

	.homepage-slider--revenue-generated .biggest {
		color:#fff;
		display:block;
		margin:10px 0;
	}

	.homepage-slider--revenue-generated .quick-form {
		background:url(../img/homepage-slides/bubble-dark-arrow-left.png) no-repeat;
		box-sizing: border-box;
		float:right;
		height:178px;
		padding:10px 20px 10px 30px;
		width:420px;
	}

	.homepage-slider--revenue-generated input[type="url"] {
		width:280px;
	}

	.homepage-slider--revenue-generated .quick-form h2 {
		font-size:17px;
	}

	.homepage-slider--revenue-generated label {
		display:block;
		color:#fff;
		font-size:16px;
		margin:0 0 10px 0;
	}



.homepage-slider--total-revenue-generated {
	background:url(../img/homepage-slides/slide-total-revenue-generated.jpg) center top no-repeat;
}

	.homepage-slider--total-revenue-generated .left-section,
	.homepage-slider--total-revenue-generated .right-section {
		box-sizing:border-box;
		float:left;
		height: 292px;
		padding:30px;
		width:50%;
	}

	.homepage-slider--total-revenue-generated .left-section {
		background:#020a16;
		margin-left: -7px;
	}

		.homepage-slider--total-revenue-generated .left-section p {margin:0;}

	.homepage-slider--total-revenue-generated .equation-top {
		border-bottom:3px solid #ccc;
		display:block;
		font-size:20px;
		padding-bottom: 15px;
		margin-bottom:15px;
	}

	.homepage-slider--total-revenue-generated .total {
		display:block;
		margin-bottom: 10px;
	}

	.homepage-slider--total-revenue-generated .right-section {
		background:#fff;
	}

	.homepage-slider--total-revenue-generated .right-section p {
		color:#333;
		margin:0;
	}

	.homepage-slider--total-revenue-generated .slide {
		max-width:972px;
		margin:0 auto;
		padding-top: 95px;
	}

	.homepage-slider--total-revenue-generated .quick-form {
		background:#041427;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		margin-top: 30px;
		padding: 20px;
		position:relative;
	}

		.homepage-slider--total-revenue-generated .quick-form:before {
			content:'';
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 0 15px 15px 15px;
			border-color: transparent transparent #041427 transparent;
			position:absolute;
			top:-15px;
			left:50%;
			margin-left:-7px;
		}

	.homepage-slider--total-revenue-generated label {
		display:block;
		color:#fff;
		font-size:16px;
		margin:0 0 10px 0;
	}

	.homepage-slider--total-revenue-generated input[type="url"] {
		width:290px;
	}






/*====== Masthead - Alternate for AB Testing - Jan 27, 2014 ======*/
.homepage-slider-alt {
	width: 100%;
	height: 591px;
	overflow: hidden;
	position: relative;
}

.homepage-slider-alt .slide-alt {
	left: 0;
	position: relative;
	top: 0;
	width:100%;
	background:url(../img/homepage-slides/headshots-bg.jpg) center top no-repeat;
	height:591px;
}



.slide-alt .centered {
	width:964px;
	margin:0 auto;
	position:relative;
	height:591px;
}

.slide-alt .headshot {
	left: -228px;
	position:absolute;
	z-index:2;
	bottom: 0;
	height: 591px;
}

.slide-alt .headshot img {
	position: absolute;
	bottom: 0;
	z-index:2;
	display:block;
}


.header-alt-cta {
	text-align:center;
	margin: 0;
	width:580px;
	float:right;
}

.header-alt-cta .headline {
	font-size: 73px;
	color:#fff;
	font-family:'robotobold';
	line-height:1.1;
	margin-bottom: 0;
}

.header-alt-cta .supporting {
	font-size:36px;
	font-family:'dejavu_serifitalic';
	line-height:1;
	margin:.5em 0;
	color:#fff;
}

.header-alt-cta .yellow {color:#FFD02B;}



.slide-alt .begin {
	background:url(../img/homepage-slides/bubble.png) no-repeat center top;
	padding:48px 60px 30px;
	margin-right: -7px;
	text-align:center;
	position:relative;
}

	.slide-alt .begin label {
		display: block;
		font-size:21px;
		color:#fff;
		text-transform:uppercase;
		font-family:'robotobold';
	}

	.slide-alt .begin input {
		width:92%;
		padding:9px 3%;
		background:#fff;
		border: 0;
		color:#8a8a8a;
		border-radius:8px;
		font-size:21px;
		height:28px;
		position:relative;
		z-index:4;
	}

	.slide-alt .begin .submit {
		background:#24b34b;
		position:absolute;
		padding:2% 5%;
		right: 59px;
		font-size:16px;
		color:#fff;
		height:46px;
		width:120px;
		border-radius: 0 8px 8px 0;
		font-family:'robotobold';
	}

		.slide-alt .begin .submit:hover {background:#4ad056;}

	.slide-alt .begin input:focus {
		box-shadow: 0 0 5px 0 rgba(255, 255, 255, .3);
		color:#444;
		outline-width: 0;
	}

	.slide-alt .begin label.error {
		font-size:12px;
		font-family:'robotoregular';
		text-transform:none;
		text-align:left;
		position:absolute;
		left:70px;
		bottom:10px;
		color:#FFD02B;
	}






/*====== Masthead 2 - Office Alternate for AB Testing - Jan 27, 2014 ======*/
.homepage-slider-office {
	width: 100%;
	height: 591px;
	overflow: hidden;
	position: relative;
}

	.homepage-slider-office .office-alt {
		left: 0;
		position: relative;
		top: 0;
		width:100%;
		background:url(../img/homepage-slides/team-bg.jpg) center top no-repeat;
		height:591px;
	}



.office-alt .centered {
	width:964px;
	margin:0 auto;
	position:relative;
	height:591px;
}

.office-alt .headshot {
	left: -228px;
	position:absolute;
	z-index:2;
	bottom: 0;
	height: 591px;
}

	.office-alt .headshot img {
		position: absolute;
		bottom: 0;
		z-index:2;
		display:block;
	}



.office-alt-cta {
	text-align:center;
	margin: 0;
	width:580px;
	float:right;
	background-color:#334F81;
}

	.office-alt-cta .headline {
		font-size: 73px;
		color:#fff;
		font-family:'robotobold';
		line-height:1.1;
		margin-bottom: 0;
	}

	.office-alt-cta .supporting {
		font-size:36px;
		font-family:'dejavu_serifitalic';
		line-height:1;
		margin:.5em 0;
		color:#fff;
	}

	.office-alt-cta .yellow {color:#FFD02B;}



.office-alt .begin {
	background:url(../img/homepage-slides/bubble.png) no-repeat center top;
	padding:48px 60px 30px;
	margin-right: -7px;
	text-align:center;
	position:relative;
}

	.office-alt .begin label {
		display: block;
		font-size:21px;
		color:#fff;
		text-transform:uppercase;
		font-family:'robotobold';
	}

	.office-alt .begin input {
		width:92%;
		padding:9px 3%;
		background:#fff;
		border: 0;
		color:#8a8a8a;
		border-radius:8px;
		font-size:21px;
		height:28px;
		position:relative;
		z-index:4;
	}

	.office-alt .begin .submit {
		background:#24b34b;
		position:absolute;
		padding:2% 5%;
		right: 59px;
		font-size:16px;
		color:#fff;
		height:46px;
		width:120px;
		border-radius: 0 8px 8px 0;
		font-family:'robotobold';
	}

		.office-alt .begin .submit:hover {background:#4ad056;}

	.office-alt .begin input:focus {
		box-shadow: 0 0 5px 0 rgba(255, 255, 255, .3);
		color:#444;
		outline-width: 0;
	}

	.office-alt .begin label.error {
		font-size:12px;
		font-family:'robotoregular';
		text-transform:none;
		text-align:left;
		position:absolute;
		left:70px;
		bottom:10px;
		color:#FFD02B;
	}






/*====== Homepage Section Styles ======*/
.top-logos {
	height:115px;
}

.top-logos ul {
	margin:0 auto;
	width:900px;
	position:relative;
	height:115px;
}

.top-logos li {
	list-style-type:none;
}

	.top-logos li.inc {
		float:left;
		border-right:1px solid #151515;
		margin:0 40px 0 0;
		padding:30px 40px 30px 0;
	}

	.top-logos li.heardable {
		position:relative;
		float:left;
	}

	.top-logos li.heardable img {
		position:absolute;
		top:-20px;
		left:0;
		z-index:3;
	}

	.top-logos li.db {
		border-left:1px solid #151515;
		margin:0 0 0 40px;
		padding:30px 0 30px 40px;
		float:right;
	}

.three-main-service-offerings > section {
	padding:80px 20px 0 20px;
}

.three-main-service-offerings > h2 .big {
	font-size:30px;
}

.three-main-service-offerings h3 {
	margin:30px 0 0 0;
}

.three-main-service-offerings__design {background:url(../img/bg-create-graphic.png) no-repeat center -30px;}
.three-main-service-offerings__development {background:url(../img/bg-develop-graphic.png) no-repeat center -30px;}
.three-main-service-offerings__marketing {background:url(../img/bg-market-graphic.png) no-repeat center -30px;}



.why-choose-list ul {margin:20px 0 0 0;}

.why-choose-list ul li {
	background:none;
	padding:0 0 30px 50px;
	position:relative;
}

	.why-choose-list ul li:before {
		color:#466db2;
		font-size:34px;
		position:absolute;
		left:0;
        font-family: FontAwesome;
	}

	.why-choose-list .client-centered:before 	{content:'\f066';}
	.why-choose-list .fa-trophy:before 			{content:"\f091";}
	.why-choose-list .one-stop-shop:before 		{content:'\f041';}
	.why-choose-list .heart:before 				{content:"\f004";}
	.why-choose-list .power:before 				{content:"\f004";}
	.why-choose-list .talent:before 			{content:'\f19d';}
	.why-choose-list .book:before 				{content:"\f02d";}
	.why-choose-list .reputation:before 		{content:"\f086";}
	.why-choose-list .bar-graph:before 			{content:"\f201";}
	.why-choose-list .design:before 			{content:"\f0a4";}


.client-spotlight {
	background:url(../img/bg-casestudy-section.gif) no-repeat left top;
	position:relative;
	height: 400px;
	width:994px;
	margin:0 auto;
	padding-right:30px;
}

	.client-spotlight .headline {
		font-size:1.6em;
		text-align:center;
		position:absolute;
		width:227px;
		background:url(../img/icon-crown.gif) no-repeat center top;
		top:0;
		left:0;
		margin:0;
		padding-top:40px;
		line-height:1.3em;
		z-index:1;
	}



.case-study-img {
	position:absolute;
	left:0;
}

	.case-study-img.cleveland-brothers {
		bottom:-31px;
	}

.case-study-info-box {
	float:right;
	width:392px;
	background:#203151;
	margin-top:65px;
}

	.case-study-info-box .client-area {
		float:left;
		padding:6px 6px 6px 20px;
		width:367px;
		background:#415b8b;
	}

		.case-study-info-box .client-area .btn {
			float:right;
		}

	.case-study-info-box .client {
		color:#fff;
		margin:0;
		display:inline;
		padding-top:1px;
		line-height: 1.7em;
	}

	.case-study-info-box .fact-area {
		float:left;
		padding:20px;
		width:352px;
	}

		.case-study-info-box .fact-area p {
			color:#fff;
			font-size:28px;
			margin:0;
			padding-left:35px;
			line-height:1.1em;
			position:relative;
		}

			.case-study-info-box .fact-area p:before {
				content: "\e711";
				color:#466db2;
				position: absolute;
				left: 0;
				font-size: 32px;
			}


.case-study-small-copy {
	margin:0;
	width: 470px;
	position:absolute;
	right:30px;
	top:315px;
	color:#333;
}



.client-spotlight-testimonial {
	position:relative;
}

	.client-spotlight-testimonial .testimonial {
		background:url(../img/case-study-testimonial-divider.png) no-repeat right center;
		padding-right:20px;
		margin-bottom:30px;
	}

	.client-spotlight-testimonial .testimonial p {
		padding-right:20px;
	}

	.client-spotlight-testimonial img {
		position:absolute;
		bottom:0;
		right:0;
		z-index:1;
	}

	.client-spotlight-testimonial .testimonial-author {
		font-size:14px;
		margin:0;
		text-align:right;
	}


.recent-work-slider{
	padding-top:20px;
}
.recent-work-holder {
	width:100%;
	height:206px;
	overflow: hidden;
	position:relative;
}

	.recent-work-holder a {
		margin-right:1px;
		display:block;
		width:251px;
	}

		.recent-work-holder a .tint {
			position:absolute;
			top:0;
			left:0;
			width:251px;
			height:206px;
			display:block;
			background:url(../img/transparency-70-black.png);
			opacity:1;
		}

		.recent-work-holder a:hover .tint {
			opacity:0;
		}

		.recent-work-holder a.one {
			position:absolute;
			top:0;
			left:0;
		}

		.recent-work-holder a.two,
		.recent-work-holder a.three,
		.recent-work-holder a.four,
		.recent-work-holder a.five,
		.recent-work-holder a.six,
		.recent-work-holder a.seven,
		.recent-work-holder a.eight {
			position:absolute;
			top:0;
		}

		.recent-work-holder a.two {left:252px;}
		.recent-work-holder a.three {left:504px;}
		.recent-work-holder a.four {left:756px;}
		.recent-work-holder a.five {left:1008px;}
		.recent-work-holder a.six {left:1260px;}
		.recent-work-holder a.seven {left:1512px;}
		.recent-work-holder a.eight {left:1764px;}



.what-can-we-do-for-you .fivecol.span-1 .border-top {
	margin-top:0;
	padding-top:20px;
}

.company-facts-infographic .span-1 {
	padding:30px 20px;
}

.company-facts-infographic .cta-row .span-1 {
	padding: 60px 20px 30px 20px;
}



.blog-feed a {display:block; color:#fff; font-size:14px;}
	.blog-feed a:hover {color:#999;}
	.blog-feed a:active {color:#666;}

.blog-feed img {
	width:168px;
	height:55px;
	display:block;
	margin-bottom:10px;
}

.blog-feed .fivecol.span-1 {
	margin-left: 31px;
	margin-right:0;
}

.blog-feed div .fivecol:first-child {
	margin-left:0;
}

.blog-feed ,
.footer-blog-feed ,
.real-results--latest-blog-posts  {
	display:block;
	 font-size:10px;
	 color:#ccc;
}


.bottom-contact-us {padding-bottom:30px;}

.logo-row img {padding:15px;}







/*====== Innerpage Styles ======*/
.page-title-wrapper {border-top:1px solid #000; background:#000;}
.page-title {width:964px; padding:0 30px; margin:0 auto;}
.page-title p {font-size:3em; text-align:right; margin:0; color:#fff; padding-right:30px; position:relative;}
.page-title .pictogram {color:#2e4875; font-size: 1.5em; line-height: .9em; position:absolute; top:-15px; right:30px;}
.page-title span, .page-title span:before {color:#2e4875;}
.page-title-tools {border-bottom: 5px solid #2E4875;}

.breadcrumbs {padding-bottom:5px; border-bottom:1px solid #e1e1e1; font-size:.65em; margin-bottom:10px;}
.breadcrumbs ol { overflow: hidden; list-style: none; margin:0; padding: 0; }
.breadcrumbs li {float:left; margin: 0 !important;}
.breadcrumbs span, .breadcrumbs li {padding:0 7px;}
.breadcrumbs a {color:#7492C8;}
.breadcrumbs a:hover {color:#fff;}
.white-section-wrapper .breadcrumbs {padding-bottom:5px; border-bottom:1px solid #d8d7d7; font-size:.65em; color:#151515; margin-bottom:15px;}
.white-section-wrapper .breadcrumbs a {color:#151515;}
.white-section-wrapper .breadcrumbs a:hover {color:#666;}
.white-section-wrapper .breadcrumbs span {padding:0 7px;}
.breadcrumbs-top{border:none;padding-top:25px;}

.sidenav {background:#203151; -webkit-box-shadow: inset 0px 0px 8px 0px rgba(0, 0, 0, .5); box-shadow: inset 0px 0px 8px 0px rgba(0, 0, 0, .5); margin:0 0 20px 0; padding:0; -webkit-border-radius: 10px; border-radius: 10px;}
.sidenav li {border-bottom:1px solid #111d33; padding:0 !important; background:none !important; float:none; margin:0;}
.sidenav li.last {border:none !important;}
.sidenav li.first a {-webkit-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px; padding-top:10px;}
.sidenav li.last a {-webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; padding-bottom:10px;}
.sidenav li a {color:#fff; display:block; padding:5px;}
.sidenav li a:hover, .sidenav li.current-menu-item a {background:#7492c8; color:#fff;}
.white-section-wrapper .sidenav {background:#dbdbdb; -webkit-box-shadow: inset 0px 0px 8px 0px rgba(0, 0, 0, .1); box-shadow: inset 0px 0px 8px 0px rgba(0, 0, 0, .1); margin:0; padding:0;}
.white-section-wrapper .sidenav li a {color:#232323; display:block; padding:5px;}
.white-section-wrapper .sidenav li a:hover, .white-section-wrapper .sidenav li.active a {background:#7492c8; color:#fff;}
.white-section-wrapper .sidenav li {border-bottom:1px solid #c6c6c6; padding:0 !important; background:none !important; float:none; margin:0;}

.content-page .sidenav {background:#F1F1F1;border-radius:0;-webkit-border-radius:0;color:#636363;box-shadow:none;-webkit-box-shadow:none;padding:20px 0;}
.content-page .sidenav li a {color:#636363; font-size:12px;padding:11px 0;border-bottom:1px solid #c6c6c6;}
.content-page .sidenav li a:before{content:"\e71e";font-family:'icomoonfont';color:#c6c6c6;font-size:16px;float:right;}
.content-page .sidenav li a:hover,
.content-page .sidenav li.active a {color:#fff !important;background:none; border-bottom:1px solid #7492c8;}
.content-page .sidenav li a:hover:after,
.content-page .sidenav li.active a:after{color:#fff;}
.content-page .sidenav li {border-bottom:1px solid #c6c6c6;padding:0 20px !important;border-bottom:none;margin-bottom:0;margin-top:-1px;}
.content-page .sidenav li:hover,
.content-page .sidenav li.active{background-color:#7492c8 !important;}
.content-page .sidenav li.first a,
.content-page .sidenav li.last a {-webkit-border-radius:0;border-radius:0;}
.content-page .sidenav li.last a{border-bottom:none;}


.content-page ul li{margin: 0 0 10px 0;list-style-type: none;padding: 0 0 5px 20px;}
.content-page .industry-stats img{width:100%;}


.knowledgebase {padding:0 20px;}
.knowledgebase h5{margin:50px 0 10px;border-bottom:1px solid #c6c6c6;font-size:16px;padding-bottom:8px;}
.knowledgebase ul li{background:none !important; font-size:14px;padding:5px 0;margin:0;}
.knowledge-base-ending {
	background:url(../img/knowledge-ending.jpg) no-repeat top center;
}

.service-listing,
.content-section .service-listing {margin: 0 10px 50px 10px; padding-left:50px; position:relative;}
.service-listing:before {color:#2e4875; font-size:36px; left:0; position:absolute; top:0;}
.service-listing dt {color:#fff; font-size:21px; margin-bottom:10px;}
.service-listing dd,
.content-section .service-listing dd {font-size:16px; line-height: 1.7em; margin-left:0;}

.conversions-section {background:url(../img/bg-conversions.jpg) no-repeat center top;}
.conversions-section p {max-width: 550px; margin: 0 auto 40px auto;}

.top-info {background:#fff;}
.top-info h1 {font-size:1.5em !important;}
.top-info ul{padding-left:0;font-size:14px;}
.top-info .left-section {float:left; width:345px; margin:10px 25px 0 0;}
.top-info .phone {padding:5px 10px; border:1px solid #ccc; float: left; font-size: .813em; -webkit-border-radius: 5px; border-radius: 5px; color:#333; background: #eaeaea;}
.top-info .btn.half {font-size:10px;}
.top-info .btn.blue-small.half,
.top-info .btn.yellow-small.half{font-size:12px; width:auto; padding:7px;}
.top-info .right-section {float:right; width:345px;}
.top-info .case-study {width:329px; border:8px #cecccc solid; color:#333; position: relative;margin:0 auto;}
.top-info .case-study th {border-bottom:1px solid #cecccc; text-align:left; padding:7px; font-weight:normal; line-height: 1.3em; font-size: .9em;}
.top-info .case-study th .campaign-name {font-size:1.2em;}
.top-info .case-study td {border-bottom:1px solid #cecccc; border-right:1px solid #cecccc; padding:7px; font-size:.813em; border-left:0;}
.top-info .case-study tr:nth-child(even) {background:#fff;}
.top-info .proof-logos {margin:15px auto 0 auto; display:block;}
.top-info .industry-stats {border: 8px #cecccc solid;}
.top-info .industry-stats h3 {border-bottom: 1px solid #cecccc; margin-top:15px; padding:0 20px}
.top-info .industry-stats p {font-size:.75em; padding:0 20px;}
.top-info .industry-stats li {margin-left:20px; padding-right: 20px;}

.white-section-wrapper .top-info ul li {
	background:url(../img/bullet-white.gif) no-repeat left 5px;
}

.right-column-content .border-top {padding-top: 30px;}
.right-column-content dt,
.right-column-content dd {display:inline;}
.right-column-content dd {margin-left:5px;}



.sucesses-section,
.successes-section--mini-form {
	margin-bottom:40px;
	padding-bottom:30px;
	border-bottom:1px solid #333;
}

	.successes a {
		display:block;
		float:left;
		width:249px;
		height:182px;
		position:relative;
		margin-right:5px;
	}

	.success-overlay {
		position: absolute;
		width: 100%;
		height: 100%;
		background:url(../img/transparency-70-dark-blue.png);
		box-sizing: border-box;
		padding: 20px 120px 20px 20px;
		color: #fff;
	}

	.successes .details {
		position:absolute;
		bottom:0;
		right:0;
		padding:8px;
		display:block;
		color:#98afd7;
		z-index:1;
		font-size:14px;
		background:#151515;
	}

	.successes a .pictogram {color:#466db2;}
	.successes a:hover span {color:#fff;}

.take-first-step,
.success-mini-form-section {
	margin-top:15px;
}

	.success-mini-form-section__form {
		background:url(../img/btn-take-first-step.png) -25px 0;
		box-sizing: border-box;
		height:73px;
		padding:14px;
	}

		.success-mini-form-section__form .title,
		.success-mini-form-section__form label,
		.success-mini-form-section__form input {
			float:left;
		}

		.success-mini-form-section__form .title {
			color:#151515;
			font-size:20px;
			line-height:.8em;
		}

			.success-mini-form-section__form .title .big {
				font-size:28px;
			}

		.success-mini-form-section__form label {
			background:#ffc000;
			color: #151515;
			font-family: 'robotoregular';
			font-size:12px;
			line-height: 1.3em;
			margin-left:10px;
			max-width:120px;
			padding:5px;
			text-transform:none;
		}

		.success-mini-form-section__form input[type="url"] {
			box-sizing: border-box;
			-webkit-box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, .4);
			box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 4.);
			border:1px solid #ffc000;
			height:42px;
			padding: 0 10px;
		}

		.success-mini-form-section__form input[type="submit"] {
			background:#ffc000;
			font-size:12px;
			margin-top: 5px;
			margin-left: 10px;
		}

	.btn-take-first-step {
		display:block;
		background:url(../img/btn-take-first-step.png) -25px 0;
		color: #151515 !important;
		padding:14px 40px 14px 398px;
		font-size:28px;
		line-height: .8em;
		width: 326px;
	}

		.btn-take-first-step span {font-size:20px;}

		.success-mini-form-section__form:hover,
		.btn-take-first-step:hover {background-position:765px 0; }

	.take-first-step .call,
	.success-mini-form-section .call {
		font-size:22px;
		margin-top:10px;
	}

	.take-first-step .call {
		margin-left:398px;
	}

	.success-mini-form-section .call {
		margin-right:25px;
	}

		.take-first-step .call span,
		.success-mini-form-section .call span {
			font-size:15px;
		}

.successes-section-wide{border:none;}
.successes-section-wide h2{margin:25px 20px; padding-bottom:10px;font-family:'roboto_thregular';text-transform: uppercase;font-size:24px; border-bottom:1px solid #fff;color:#fff;}
.successes-section-wide .heading{background-color: #17233B;}
.successes-section-wide a{width:235px;}
.successes-section-wide img{width:235px;}
.successes-section-wide .success-mini-form-section{background-color:#FFD02B; background-image:none;position:relative;height:74px;width:95%;}
.successes-section-wide .success-mini-form-section:after{border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(255, 208, 43, 0);border-left-color: #FFD02B;border-width: 37px 27px;left: 100%;top: 0;}
.successes-section-wide .success-mini-form-section__form,
.successes-section-wide .btn-take-first-step,
.successes-section-wide .success-mini-form-section__form:hover,
.successes-section-wide .btn-take-first-step:hover {background-image:none; }
.successes-section-wide .success-mini-form-section__form label{background:none;padding-left:30px;font-family: 'robotobold';font-size:14px;max-width:250px;line-height: 30px;}
.successes-section-wide .call {padding-top:20px;}
.successes-section-wide .success-overlay{padding-right:100px;}

.result-circle {-webkit-border-radius: 100px; border-radius: 100px; border-width:3px; border-style:solid; display:table; text-transform:uppercase; text-align:center; font-size:15px; height: 168px; line-height:1.3em; padding: 0 2%; width:156px;}
.main .result-circle {border-color:#333; color:#fff;}
.white-section-wrapper .result-circle {border-color:#d3d3d3; color:#333;}
.result-circle.blue {background:#2e4875; border:0;}
.result-circle span {font-size:40px; line-height: 1em;}
.result-circle__content {display:table-cell; padding:0 !important; vertical-align:middle;}



.sidebar.trust-logos {float:left; width:100%}
.sidebar.trust-logos h2 {border-bottom:1px solid #2C2C2C; padding-bottom: 10px;}
.sidebar.trust-logos img {display: block; margin: 0 auto;}

.alert {margin:0 auto; padding:10px 30px; width:964px; overflow:hidden;}
.alert h2 {float:left; max-width:200px; margin-right: 30px;}
.alert h2 .pictogram {font-size:1.8em; line-height: 0em;}
.alert .alert-content {float:left; max-width:600px; margin-top: 8px;}
.alert .alert-content ul {margin:0; padding:0;}
.alert .alert-content li {float:left; margin-right:15px; font-size:.813em; line-height: 185%; list-style-type:none; background:url(../img/bullet-dark-blue.gif) no-repeat left 6px; padding-left:16px;}
.alert .alert-content a {color:#ccc;}
.alert .alert-content a:hover {color:#fff;}
.alert .alert-content p {font-size:.813em; line-height: 185%;}
.alert .btn {float:right;}

.content-menu li {background:none !important; padding: 0 0 10px 0 !important;}
.content-menu a {color:#fff; text-transform:uppercase; font-size:1.1em; }
.content-menu a:hover {color:#FFD02B;}

blockquote .testimonial-logo {width:120px; float:left;}
blockquote .testimonial-text {float:right; width:545px;}

.industry-folio dt {color:#fff; font-size: 1.25em; line-height: 140%; margin:10px 0;}
.industry-folio dd {font-size:.813em; line-height: 185%;}

.page-header,
.design-header,
.development-header,
.internet-marketing-header,
.team-header,
.team-header2 {
	height:285px;
	border-bottom:5px solid #2e4875;
}

	.mansion-header {background:url(../img/header-mansion.jpg) center top no-repeat #151515;}
	.fxbuilds-header {background:url(../img/header-fxbuilds.jpg) center top no-repeat #151515;}
	.our-culture-header {background:url(../img/header-our-culture.jpg) center top no-repeat #151515;}
	.our-values-header {background:url(../img/header-our-values.jpg) center top no-repeat #151515;}
	.webpagefx-labs-header {background:url(../img/header-inside-webfx.jpg) center top no-repeat #151515;}
	.agency-relationships-header {background:url(../img/header-agency-relationships.jpg) center top no-repeat #151515;}
	.contact-header {background:url(../img/header-contact.jpg) center top no-repeat #151515;}
	.philanthropy-header {background:url(../img/header-philanthropy.jpg) center top no-repeat #151515;}
	.employment-header {background:url(../img/header-employment.jpg) center top no-repeat #151515;}
	.awards-header {background:url(../img/header-awards.jpg) center top no-repeat #151515;}
	.design-header {background:url(../img/header-design.jpg) center top no-repeat #151515;}
	.development-header {background:url(../img/header-development.jpg) center top no-repeat #151515;}
	.internet-marketing-header {background:url(../img/header-internet-marketing.jpg) center top no-repeat #151515;}
	.dealer-header {background:url(../img/dealerconf.png) center top repeat; height:165px; border-bottom:5px solid #2e4875;}
	.team-header {background:url(../img/header-about-us.jpg) center top no-repeat #151515;}
	.team-header:hover {background-position:center -285px;}
	.team-header2 {background:url(../img/header-about-us-2.jpg) center top no-repeat #151515;}
	.team-header2:hover {background-position:center -285px;}
	.marketing-calculator-header{background:url(../img/header-marketing-calculator.jpg) center top no-repeat #151515;}

.full-column-page h1 {font-size: 2.75em; margin-bottom: 30px;}

.conversion {padding-top:25px; border-top:1px solid #e1e1e1;}
.conversion strong {font-weight:normal;}

.content-img {float:right; margin:0 0 30px 30px; clear:right;}

.meet-the-team--wrapper {background:url(../img/bg-meet-the-team.jpg) no-repeat center top; min-height:713px;}
.meet-the-team--wrapper .fivecol.span-2 {padding:0 3%;}
.meet-the-team--wrapper .btn {display:block;}

.screenshots {margin-bottom:20px; overflow:auto;}
.screenshots dd.screenshot {float:left; margin:0 20px 20px 0;}

.whats-this-popup {max-width:600px;}
.whats-this-popup p,
.whats-this-popup li {font-size:.825em;}
.whats-this-popup a {color:#7492C8;}
.whats-this-popup h2,
.whats-this-popup h3,
.whats-this-popup p,
.whats-this-popup li {color:#333;}
.whats-this-popup h3 {margin:25px 0 0 0;}

.contact-info dl {margin:0 0 25px 0;}
.contact-info dt {text-transform:uppercase; font-size: 11px; margin-bottom: 5px;}
.contact-info .phone {margin:0 0 5px 0;}
.contact-info .phone dt {font-size:inherit;}
.contact-info .phone dt,
.contact-info .phone dd {display:inline; margin:0; text-transform:none;}

.content-section .sitemap ul {font-size:1em;}

.keyword-check {padding:30px; background:#222; border:8px solid #333;}
.keyword-check input[type="text"] {padding: 10px; border: #000; width: 300px; margin-right: 10px;}
.keyword-check h2 {color:#fff;}
.keyword-check h2 .pictogram  {font-size: 2em; color: #ffd02b;}
.keyword-check ul {font-size: .813em; line-height: 1.5em; padding:0;}
.keyword-check li {background:#333; margin-bottom:3px; padding: 10px; list-style-type:none;}
.keyword-check li:first-child {background:#444;}

.drip-campaign button {margin-left:25%;}

.content-section iframe {margin-bottom:20px;}
.crawlerfx .content-section iframe {margin-bottom:0px;}

.hiring-step .span-3 {margin-right: 0px;}
.hiring-step img {margin-bottom: 20px;}
.border-full-box {  border: 1px solid #d3d3d3; padding:10px; min-height: 400px;}
.hiring-img {max-width: 100%; height: auto; margin-bottom: 10px;}

.content-page{margin-top:70px;}
.content-page h1{font-size:44px;}
.content-page p{line-height: 1.7em;margin: 0 0 20px 0;}
.content-page img{margin-bottom:20px;}



/*====== Inside WebpageFX Page Styles ======*/

/*====== News Page Styles ======*/
.accordion.news p {font-size:1.250em;}
.accordion.news .header {background:#7791CA; color:#fff;margin-top:5px;height:50px;padding: 10px 10px 0 30px;}
.accordion.news .header:hover {background:#415B8B;}
.accordion.news .content {background:#fff;margin-bottom:5px;}
.accordion.news .news-item {overflow:auto; margin-bottom:20px;}
.accordion.news {display:block; float:left; width:5%; margin-right:5%;}
.accordion.news img {display:block; float:left; height:auto; width:20%; margin-right:5%;}
.accordion.news p {float:left; width:65%;}
.accordion.news h2 {text-align:left; font-size:28px;padding:0;margin:0;float:left;}
.accordion.news .icon{float:right;}






/*====== Employment Page Styles ======*/
.content-section .positions ul {font-size:1em;}
.content-section .positions li {border-top:1px solid #2C2C2C; padding:10px 0; margin:0; background:none;}
.content-section .positions li:first-child {border:0;}
.position {margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #2C2C2C;}



.refer-employee > section {padding:20px;}
.refer-employee .steps {background:#3c5e9a;}
.refer-employee input[type="text"] {padding: 6px; border: 1px solid #333;}
.refer-employee .copy {border: 1px solid #666; padding: 5px; margin-top:10px;}
.refer-employee .small-copy,
.refer-employee .dark-blue-section-wrapper:first-child p,
.refer-employee .steps ol {margin-bottom:0;}

.industry-learn-more {border:8px solid #333;}
.industry-learn-more .btn.blue {margin-top:20px;}
.industry-learn-more .employment--facebook-like {display:block; border-top:1px solid #333; padding:20px;}
.industry-learn-more .icon-facebook5 {float: left; font-size: 2.8em; padding-right: 10px;}

.new-office {position:relative;}
.new-office .btn {position:absolute; top: 150px; left: 35px;}

.accordion .vid-list {padding: 0; overflow:auto;}
.accordion .vid-list h3 {margin-top:0; padding: 10px;}
.accordion .vid-list em {padding:10px; display: block;}
.content-section .accordion .vid-list li {padding:0; background:none; float:left; width:210px;}









/*====== Marketing Guides Page Styles ======*/

.marketing-landing .fivecol.span-1 {width: 191px;}
.marketing-landing a {position: relative; display: inline-block; overflow: hidden; height: 190px; width: 190px;}
.marketing-landing a span {
	opacity:0;
	position: absolute;
	left:0;
	padding-top: 5%;
	padding-left: 5px;
  	padding-right: 5px;
	font-family: 'robotobold';
	text-transform: uppercase;
	color: #000;
	height: 100%;
	top: 2px;
	background-color: rgba(116, 146, 200, .6);
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
	}
.marketing-landing a span:hover {opacity:1;}
.marketing-landing img {margin:2px 1px;}
.marketing-link-section a  {display:block;}





/* Marketing Guides Homepage */
.marketing-guides-social-area .button {float:left;}

.marketing-guides-social-area .facebook {width:57px;}

.marketing-guides-social-area .twitter,
.marketing-guides-social-area .linkedin {width:65px;}

.marketing-guides-social-area .googleplus {width:60px;}

.tools-select {
	background: url(../img/tools-select.png) no-repeat right top #2e4875;
}

.tools-select ul {margin:0;}

.content-section .tools-select li {
	background:none;
	font-size:20px;
	text-align:center;
	margin: 0;
	padding: 0;
	line-height: 2.3em;
	position: relative;
}

.content-section .tools-select a {
	color:#ccc;
	display:block;
}

	.content-section .tools-select li li {
		font-size:14px;
		text-transform:uppercase;
		line-height:3.2em;
	}

	.tools-select ul ul {
		display:none;
		background:#1b2a44;
		margin-top:0;
		position: absolute;
		width: 100%;
	}

		.tools-select ul ul li:hover {background:#334F81;}

	.tools-select > ul > li {cursor:pointer;}
	.tools-select > ul > li:hover ul {display:block;}

.marketing-guides .info-block {margin-bottom:35px;}

	.marketing-guides .info-block .image {
		width:150px;
		height:182px;
		float:left;
	}

	.marketing-guides .info-block .text {
		background-color:#1a1a1a;
		width:280px;
		margin-top:10px;
		float:left;
		padding:15px;
		height: 100%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.marketing-guides .info-block h3 {
		margin-top:0;
		font-size:20px;
	}

.marketing-guides .learn-goup .fade {
   opacity: 1;
   transition: opacity .2s ease-in-out;
   -moz-transition: opacity .2s ease-in-out;
   -webkit-transition: opacity .2s ease-in-out;
   }
.marketing-guides .learn-group .fade:hover {
    opacity: 0.8;
    }
.marketing-guides .learn-group {
  padding-bottom:50px;
}
.marketing-guides .learn-group .clearfix{
  padding-top:15px;
}
.marketing-guides .learn-group .text h2 {
  padding-top:10px;
}

/* Marketing Guides Article Page */
.marketing-guides-article #affixNav {
	background:none;
}

@media only screen and (max-width: 1026px) {
    .marketing-guides-article #affixNav {
        display: none;
    }
}

.marketing-guides-article .article {
	background:#fff;
	padding:30px;
}

	.marketing-guides-article .article h1 {
		font-size:36px;
		line-height: 1.1em;
	}

	.marketing-guides-article .article h2 {
		border-bottom:1px solid #D8D7D7;
		margin: 45px 0 15px 0;
	}

	.marketing-guides-article .article h3 {
		margin: 30px 0 10px 0;
	}

	.marketing-guides-article .article h4 {
		margin: 25px 0 5px 0;
		font-size: 15px;
		color:#555;
	}



	.marketing-guides-article .article p.intro {
		padding-bottom:30px;
		border-bottom:1px solid #D8D7D7;
		font-size: 16px;
		margin-bottom: 25px;
	}

	.marketing-guides-article .article img {max-width:100%;}

	.marketing-guides-article .article figcaption {color:#5d5d5d;}

	.marketing-guides-article .article table {
		width:100%;
		margin-bottom:25px;
	}

	.marketing-guides-article .article th {
		background:#617eb0;
		border-left:1px solid #fff;
		color:#fff;
		text-transform:uppercase;
		font-size:14px;
		line-height:3.2em;
	}

	.marketing-guides-article .article td {
		border-left:1px solid #d6d6d6;
		 color:#898989;
		 border-top:0;
		 border-right:0;
		 border-bottom:0;
		 padding:12px 8px;
		 font-size:14px;
	}

	.marketing-guides-article .article tr:nth-child(even) {background:#fff;}

	.marketing-guides-article .article tr:nth-child(odd) {background:#e6e6e6;}

	.marketing-guides-article .article th:first-child,
	.marketing-guides-article .article td:first-child {border:0;}

	.marketing-guides-article .article table a {color:#7492c8;}

		.marketing-guides-article .article table a:hover {color:#333;}
		.marketing-guides-article .article table a:active {color:#45659f;}

	.marketing-guides-article .article input[type="text"] {
		font-size:14px;
		line-height:2em;
		padding:7px 10px;
	}



.marketing-guides-article .marketing-guides-social-area {
	width:100%;
	background:#E6E6E6;
	padding: 10px 0 5px 0;
	margin-bottom: 20px;
}

	.marketing-guides-article .marketing-guides-social-area .buttons {
		margin:0 auto;
		max-width:320px;
	}

.marketing-guides-article .full-width {
	width:100%;
	float:left;
	margin-bottom:30px;
}

.marketing-guides-article .half-width {
	width:50%;
	margin:0 0 20px 20px;
}

.marketing-guides-article .half-width.left {
	float:left;
	margin:0 20px 20px 0;
}

.marketing-guides-article .half-width.right {float:right;}

.marketing-guides-article .callout {
	margin-bottom:25px;
	width:100%;
	float:left;
}

.marketing-guides-article .callout img {
	display:block;
	width:250px;
	height:auto;
}

.marketing-guides-article .callout .callout-text {
	width:402px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

	.marketing-guides-article .callout p,
	.marketing-guides-article .callout li,
	.marketing-guides-article .testimonial p,
	.marketing-guides-article .testimonial li {
		font-size:12px;
		line-height: 1.6em;
	}

	.marketing-guides-article .callout h3 {
		font-size:17px;
		border-bottom: 1px solid #CCC;
		padding-bottom: 5px;
		margin-top: 15px;
	}

	.marketing-guides-article .callout.image.left img,
	.marketing-guides-article .callout.list.left ul,
	.marketing-guides-article .callout.list.left ol {float:left;}

	.marketing-guides-article .callout.image.right .callout-text,
	.marketing-guides-article .callout.list.right .callout-text {
		padding:10px 35px 10px 30px ;
		float:left;
		background:url(../img/callout-arrow-right.png) no-repeat right center #e6e6e6;
	}

	.marketing-guides-article .callout.image.right img,
	.marketing-guides-article .callout.list.right ul,
	.marketing-guides-article .callout.list.right ol {float:right;}

	.marketing-guides-article .callout.image.left .callout-text,
	.marketing-guides-article .callout.list.left .callout-text {
		padding:10px 30px 10px 35px;
		float:right;
		background:url(../img/callout-arrow-left.png) no-repeat left center #e6e6e6;
	}

	.marketing-guides-article .callout.list ul,
	.marketing-guides-article .callout.list ol {
		width:210px;
		margin: 0;
		line-height: 1.2em;
		padding:20px;
	}

	.marketing-guides-article .callout.list li {
		font-size:14px;
		color: #777;
	}

.marketing-guides-article .testimonial {
	background:#E6E6E6;
	margin-bottom:25px;
	padding: 20px 30px 10px 35px;
	float: left;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

	.marketing-guides-article .testimonial.image-right img {
		float:right;
		display:block;
		margin:0 0 20px 20px;
	}

	.marketing-guides-article .testimonial.image-left img {
		float:left;
		display:block;
		margin:0 20px 20px 0 ;
	}

	.marketing-guides-article .testimonial h3 {
		font-size:20px;
		margin-top:0;
		border-bottom: 1px solid #CCC;
		padding-bottom: 5px;
	}



.marketing-guides-sidebar .sidebar-form {margin-bottom:30px;}

	.marketing-guides-sidebar .sidebar-form header {
		background:#44608f;
		padding:5px 30px 15px 30px;
	}

	.marketing-guides-sidebar .sidebar-form h2 {
		color:#fff;
		margin: 0;
	}

		.marketing-guides-sidebar .sidebar-form h2 span {
			font-size:20px;
			line-height: 1em;
		}

	.marketing-guides-sidebar .sidebar-form .content-area {
		background:#2e4875 url(../img/bg-marketing-guide-sidebar.jpg) no-repeat center top;
		padding:15px 30px 25px 30px;
	}

	.content-section .marketing-guides-sidebar .sidebar-form ul {
		margin-bottom:15px;
	}

	.content-section .marketing-guides-sidebar .sidebar-form li {
		background:url(../img/bullet-check-yellow.png) no-repeat left top;
		color:#fff;
		font-size:14px;
		margin: 0 0 5px 0;
	}

	.marketing-guides-sidebar .sidebar-form input {width:100%;}

	.marketing-guides-sidebar .sidebar-form input[type="text"] {
		padding:5px;
		margin-bottom:5px;
		color:#999;
	}

		.marketing-guides-sidebar .sidebar-form input[type="text"]:focus {color:#000;}

	.marketing-guides-sidebar .sidebar-form input[type="submit"] {font-size:16px;}

	.marketing-guides-sidebar .sidebar-form .error {
		line-height: 1em;
		display: block;
		margin-bottom: 5px;
	}

	.marketing-guides-sidebar .sidebar-form.fixed {
		position:fixed;
		top: 49px;
		width: 220px;
	}

	.marketing-guides-sidebar .sidebar-form.fixed.bottom {
		top:auto;
		bottom:428px;
		margin-bottom: 0;
	}

.marketing-guides-sidebar .other-links h3 {
	color:#fff;
	padding:10px 30px;
	margin:0;
	background:#5472a5;
	font-size:14px;
}

.content-section .marketing-guides-sidebar .other-links li {
	list-style-type:none;
	padding:0;
	margin:0;
	border-top:1px solid #5472A5;
}

.marketing-guides-sidebar .other-links a {
	background:url(../img/marketing-guide-subnav-arrow.png) no-repeat 190px center #44608f;
	color:#fff;
	display:block;
	font-size:13px;
	padding:10px 60px 10px 30px;
}

.marketing-guides-sidebar .other-links a:hover {
	background:url(../img/marketing-guide-subnav-arrow.png) no-repeat 190px center #5472A5;
}



/* Marketing Guides Download Form Page */
.marketing-guides-download-form .intro {background:url(../img/bg-marketing-guides-downloads-intro.jpg) no-repeat center bottom; text-align:center;}
.marketing-guides-download-form .intro h1 {font-size: 50px; line-height: 1.1em;}
.marketing-guides-download-form .intro p {font-size: 17px;}
.marketing-guides-download-form .book {margin:10px 0px;}
.marketing-guides-download-form .marketing-guides-social-area .buttons {margin:0 auto; max-width:320px;}
.book-form-wrapper {background:#1b2e4e;}
.book-form-wrapper .content-section {background:url(../img/bg-marketing-guides-downloads-book-form.jpg) no-repeat center top;}
.book-form-wrapper figure {margin:0 0 0 40px; width: 300px; float:left;}
.book-form-wrapper figure img {width:300px; height:auto;}
.book-form-wrapper .look-inside {width:70%; display:block; margin:15px auto 0 auto;}
.book-form-wrapper form {float:right; width:500px;}
.book-form-wrapper form p {color:#fff; font-size:23px; text-align:center; line-height: 1.4em;}
.book-form-wrapper input {width:80%; margin-top:25px;}
.book-form-wrapper .guide-label {width:14%; margin-right:5%; display:inline-block;}
.book-form-wrapper label.error {display:inline-block; width:80%; margin-left:20%;}
.book-form-wrapper input[type="text"] {padding: 10px; border:0;}
.book-form-wrapper input[type="submit"] {padding:15px 24px;}
.download-page-additional-details .span-3 p {font-size:13px;}
.download-page-additional-details .span-3 p:first-child {font-size:18px;}
.download-page-additional-details .content-section ul li {background: url(../img/bullet-check-yellow.png) no-repeat left top; font-size: 14px; margin: 0 0 5px 0;}






/*====== Free Quote Page Styles ======*/
.free-quote-wrapper {background:#142748; position:relative;}
.free-quote-wrapper > .btn {position:absolute; left:5%; top:5%;}
.free-quote-wrapper .underline {border-bottom:1px solid #334f81;}
.free-quote-wrapper .free-quote-intro {padding-bottom:15px; padding-top:45px;}
.free-quote-intro {background:url(../img/bg-free-quote-header.jpg) no-repeat top center; text-align:center;}
.free-quote-intro h1 {line-height: 1.1em; margin-bottom: 25px;}
.free-quote-intro .phone-number {margin-bottom:0; color:#ffd02b;}
.free-quote-intro .phone-number .pictogram{color:#ffd02b; font-size:30px;}
.free-quote-form { margin:0 70px; background:#eaeaea; border:8px solid #ccc; padding:50px 40px; overflow:auto;}
.free-quote-form form {float: left; width: 66%; margin: 0 2% 0 0; }
.free-quote-form input[type="text"], .free-quote-form textarea, .free-quote-form select {border:1px solid #999; -webkit-box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, .4); box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, .4);}

.free-quote-form input[type="text"]:focus,
.free-quote-form textarea:focus,
.free-quote-form select:focus,
.free-quote-form input[type="text"].input-highlighted,
.free-quote-form textarea:focus.input-highlighted,
.free-quote-form select:focus.input-highlighted {
	-webkit-box-shadow: 0 0 10px 0 #ffd02b;
	box-shadow: 0 0 10px 0 #ffd02b;
}

.free-quote-form input[type="text"].input-highlighted.valid,
.free-quote-form input[type="text"].input-highlighted.error {
	background:#F2F2F2;
	-webkit-box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, .4);
	box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, .4);
}
.free-quote-form label, .free-quote-form legend {color:#333;}
.free-quote-form label.error {color: #f56a6a;}
.free-quote-form input[type="submit"] {width: 70%; font-size:1.6em;}
.free-quote-header .header-top {width:380px; padding: 0;}
.free-quote-header .phone-number {float:left; border-left:1px solid #294575; padding:0 0 0 30px; margin-left:30px; color:#fff; line-height:3.6em;}
.free-quote-header .phone-number .pictogram {color:#142748; font-size: 1.6em; line-height: 0em;}
.free-quote-sidebar {width:32%; background:#fff; float:left; padding: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ccc; color:#000;}
.free-quote-sidebar h2 {color:#333; border-bottom:1px solid #ccc;}
.free-quote-sidebar hr {border-color:#ccc;}

aside.free-quote-sidebar p {
    font-size: 12px;
}
/*====== Free-Quote-b.php Styles ======*/
.free-quote-wrapper-new .free-quote-form{
    margin:0;
    background:#fff;
    border-color:#eaeaea;
    padding:50px 55px;
}
.free-quote-wrapper-new .free-quote-form form{
    width:50%;
}
.free-quote-wrapper-new .free-quote-heading{
    background:#445b8d;
    padding:20px 0;
}
.free-quote-wrapper-new .free-quote-heading h2{
    margin-bottom:0;
}
.free-quote-wrapper-new .free-quote-heading .phone-number {
    font-size:25px;
    color:#ffd02b;
}
.free-quote-wrapper-new .phone-number .pictogram{
    color:#ffd02b;
    font-size:60px;
    line-height: 0;
}
.free-quote-wrapper-new .free-quote-sidebar{
    width:50%;
    padding:0;
    padding-left:50px;
    border:0;
}

.free-quote-wrapper-new .form-fieldset {
    padding-right:50px;
}
.free-quote-wrapper-new label {
    width:100%;
    margin:0;
}
.free-quote-wrapper-new form,
.free-quote-wrapper-new fieldset fieldset,
.free-quote-wrapper-new input[type="submit"] {
    margin:0;
}
.free-quote-wrapper-new fieldset fieldset {
    padding-bottom:10px;
}
.free-quote-wrapper-new label,
.free-quote-wrapper-new fieldset fieldset legend{
    font-size:12px;
}
.free-quote-wrapper-new textarea{
    height:115px;
}
.free-quote-wrapper-new input,
.free-quote-wrapper-new textarea,
.free-quote-wrapper-new fieldset fieldset,
.free-quote-wrapper-new fieldset fieldset select {
    background:#fff;
    width:100% !important;
}
.free-quote-header .header-top {
    width:450px;
}
.free-quote-header .header-top h2{
    margin-bottom:5px;
}
@media screen and (max-width: 600px) {
    .free-quote-wrapper-new .free-quote-form form{
        width:100%;
    }
    .free-quote-wrapper-new .form-fieldset {
        padding:0;
    }
    .free-quote-header .header-top h2{
        margin-bottom:0px;
        font-size:14px;
    }

}

/* Convince Your Boss SEO - Marketing Guide Styles */
.convince-boss-bg {
	background:url(../img/SEO-bg.jpg) no-repeat;
	height:844px;
}

.convince-boss-links {
	padding-top: 200px;
	text-align: right;
}

.convince-boss-links a {
	text-transform:uppercase;
	color:#fff;
	font-size:19px;
	padding: 30px;
	background:#2c7c74;
	float: right;
	display:inline-block;
	clear:both;
}

.dark-green {
	background:#064640 !important;
}

.light-green {
	background:#489089 !important;
}
.convince-boss-links a:hover {
	padding:35px;
	text-decoration:underline;
}

.convince-boss-links a {
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}





/*====== Wisepops ======*/
.wisepop-popin input[type="submit"],
.wisepop-popin .sans-serif--bold {
	font-family: 'robotobold' !important;
}

.wisepop-popin p {
	font-family: 'robotoregular' !important;
}

.wisepop-popin [class^="icon-"],
.wisepop-popin [class*=" icon-"] {
	font-family: 'icomoonfont' !important;
}

.wisepop-popin {
	background-color:#EAEAEA !important;
	border:none !important;
}

.wisepop-popin > a {
	right: 5px !important;
	top: 5px !important;
}

.wisepop-popin .popup-form--email-signup__content {
	padding:30px 30px 0 30px !important;
}


/*====== Website Cost Page ======*/
.masthead--website-cost .masthead__content-wrapper{max-width:800px;}
.masthead--website-cost-calculator .masthead__content-wrapper{max-width:1000px;width:1000px;}
.ribbon-title{position:relative;text-align: left;font-size: 24px;font-family: 'roboto_thregular';padding: 0 5%;height:64px;line-height:64px;margin: 50px 0 25px;color: #fff;text-transform: uppercase;width: 385px;}
.ribbon-title.blue{background-color: #7492C8;}
.ribbon-title:after{border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(116,146,200,0);border-left-color: #7492C8;border-width: 32px 10px;left: 100%;top: 0;}

.website-cost-calculator-header{text-align:center;background-color:#324877;font-family:'roboto_thregular';padding:25px 0;color:#fff;font-size:24px;margin:0;position: relative;z-index: 1;}
.website-cost-calculator-header:after{padding-top: 50px;content: "\e724";font-family:'icomoonfont';color: #fff;background: #324877;-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px;width: 75px;height: auto;position: absolute;left: 50%;margin-left: -37px;z-index: -1;}
.website-cost-breakdown-section{margin:45px 0;}
.website-cost-breakdown-heading{height:70px;}
.website-cost-breakdown-heading h4{float:left;margin:0;line-height:70px;font-size:20px;padding-left:20px;color:#fff;}
.website-cost-breakdown-dollar{float:left;padding:15px;}
.website-cost-breakdown-circle{line-height:40px;border-radius:25px;width:40px;height:40px;font-size:24px;font-family:'robotobold';background-color:#fff;text-align:center;margin:0 auto;}
.website-cost-breakdown-cost{font-family:'robotobold';font-size:20px;}
.website-cost-breakdown-info{padding:45px 45px 25px 45px;background-color:#fff;}

.website-cost-breakdown-color--teal .website-cost-breakdown-heading{background-color:#4CCCBF;}
.website-cost-breakdown-color--teal .website-cost-breakdown-dollar{background-color:#27A494;}
.website-cost-breakdown-color--teal .website-cost-breakdown-circle,
.website-cost-breakdown-color--teal .website-cost-breakdown-cost{color:#27A494;}
.website-cost-breakdown-color--green .website-cost-breakdown-heading{background-color:#9BCC59;}
.website-cost-breakdown-color--green .website-cost-breakdown-dollar{background-color:#8CB650;}
.website-cost-breakdown-color--green .website-cost-breakdown-circle,
.website-cost-breakdown-color--green .website-cost-breakdown-cost{color:#8CB650;}
.website-cost-breakdown-color--orange .website-cost-breakdown-heading{background-color:#DD9701;}
.website-cost-breakdown-color--orange .website-cost-breakdown-dollar{background-color:#CC8801;}
.website-cost-breakdown-color--orange .website-cost-breakdown-circle,
.website-cost-breakdown-color--orange .website-cost-breakdown-cost{color:#CC8801;}
.website-cost-breakdown-color--red .website-cost-breakdown-heading{background-color:#F9494C;}
.website-cost-breakdown-color--red .website-cost-breakdown-dollar{background-color:#D63D3F;}
.website-cost-breakdown-color--red .website-cost-breakdown-circle,
.website-cost-breakdown-color--red .website-cost-breakdown-cost{color:#D63D3F;}
.website-cost-breakdown-select{border:1px solid #999; -webkit-box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, .4); box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, .4);padding: 8px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;font-family: robotobold;text-transform: uppercase;}

.content-page .price-calculator{padding:10%;}
.content-page .price-calculator .slider{width:18%;}
.price-calculator {background:#EAEAEA; padding:50px 150px; margin:30px 0; overflow: auto; width:auto;}


.price-calculator .slider-left,
.price-calculator .slider-right {float:left; -webkit-border-radius: 10px; border-radius: 10px; width: 20px; padding: 0; margin:10px 0; height: 20px; cursor:pointer; position: relative; line-height: 1.4em;
font-size: 16px;}
.price-calculator .slider-left .pictogram,
.price-calculator .slider-right .pictogram {padding: 0; position: absolute; top: 2px; left: 6px;}
.price-calculator .slider {float:left; height: 20px; width: 240px; position:relative; background:url(../img/repeat-slider-bg.gif) repeat-x; -webkit-border-radius: 10px; border-radius: 10px; margin:10px; }
.price-calculator .slider .ui-slider-handle {background-color: #eee; display: block; height: 20px; position: absolute; width:20px; top:0; -webkit-border-radius: 10px; border-radius: 10px; outline:none;-webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, .3);
box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, .3); margin-left:-10px; }
.price-calculator .button-row {margin-top:20px;}
.price-calculator table {color: #333; border-top: #d8d7d7 solid 1px; border-left: #d8d7d7 solid 1px; width: 100%; margin-bottom: 30px;}
.price-calculator td, .price-calculator th {border-right: #d8d7d7 solid 1px; border-bottom: #d8d7d7 solid 1px; padding:8px; font-weight:normal;}
.price-calculator td {font-size:.813em;}
.price-calculator th.service {text-align:left;}
.price-calculator .total,
.price-calculator tr.total .low,
.price-calculator tr.total .high {background:#99CC62;}
.price-calculator .low {background:#d8d7d7; text-align:right;}
.price-calculator .high {background:#ccc; text-align:right;}
.price-calculator .top th {font-size:.813em; text-transform:uppercase;}
.price-calculator.main-form input[type="text"],
.price-calculator.main-form textarea {border:1px solid #999; -webkit-box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, .4); box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, .4);}
.price-calculator .quote-details .arrow {font-size:200px; display:block; text-align:center; line-height: 80px; color: #CCC;}

.website-cost-download-cta{padding:20px 0;}
.website-cost-download-cta img{float:left;margin-right:45px;}
.website-cost-download-cta p.big{margin:0; line-height: 1.4em;}
.website-cost-download-cta .dark-blue{background: #333;}

/*====== Portfolio Styles ======*/
/*====== 2015 Redesign ======*/
.portfolio-featured-projects{padding-bottom: 5px;}
.portfolio-featured-project-panel{width:100%; background-color:#000;}
.portfolio-featured-project-info,
.portfolio-featured-project-preview{display:table;table-layout:fixed;height:435px;width:55%;position:relative;}
.portfolio-featured-project-preview-image{display:table-cell;width:100%;height:100%;vertical-align:middle;padding:0 5%;}
.portfolio-featured-project-preview img{display:block; margin:0 auto;max-width:100%;max-height:90%;}

.portfolio-featured-project-info{width:45%;}
.portfolio-featured-project-info.red{background-color:#DD1C24;}
.portfolio-featured-project-info.blue{background-color:#6785B1;}
.portfolio-featured-project-info.green{background-color:#ACE143;}
.portfolio-featured-project-info.yellow{background-color:#F6C800;}
.portfolio-featured-project-info-text{display:table-cell;vertical-align: middle;text-align:center;padding:0 20%;}
.portfolio-featured-project-panel:nth-child(odd) .portfolio-featured-project-info{float:right;}
.portfolio-featured-project-panel:nth-child(odd) .portfolio-featured-project-preview{float:right;}
.portfolio-featured-project-panel:nth-child(even) .portfolio-featured-project-info{float:left;}
.portfolio-featured-project-panel:nth-child(even) .portfolio-featured-project-preview{float:left;}
.portfolio-featured-project-info-wrapper{}
.portfolio-featured-project-info-text h2{text-transform:uppercase;font-size:54px;line-height:1em; color:#fff;margin-bottom:25px;}
.portfolio-featured-project-info-text h3{text-transform:uppercase;font-size:20px;color:#111;margin:30px 0 0;}
.portfolio-featured-project-info-text h4{font-size:16px;color:#111;margin:0 0 30px;font-family:'robotoregular';text-transform:none;}
.portfolio-featured-project-divider{border-bottom:1px solid #fff;margin:0 20%;}
.portfolio-featured-project-info-text .dark-blue{background:#15223A;padding:12px 30px;}

.portfolio-featured-project-bronze:after,
.portfolio-featured-project-silver:after,
.portfolio-featured-project-gold:after{border: solid transparent;content: " ";position: absolute;pointer-events: none;border-width: 110px;top:0;z-index:0;}

.portfolio-featured-project-panel:nth-child(odd) .portfolio-featured-project-bronze:after,
.portfolio-featured-project-panel:nth-child(odd) .portfolio-featured-project-silver:after,
.portfolio-featured-project-panel:nth-child(odd) .portfolio-featured-project-gold:after{right:0;}
.portfolio-featured-project-panel:nth-child(even) .portfolio-featured-project-bronze:after,
.portfolio-featured-project-panel:nth-child(even) .portfolio-featured-project-silver:after,
.portfolio-featured-project-panel:nth-child(even) .portfolio-featured-project-gold:after{left:0;}

.portfolio-featured-project-panel:nth-child(odd) .portfolio-featured-project-bronze:after{border-right-color: rgba(150,90,56,.5);border-top-color: rgba(150,90,56,.5);}
.portfolio-featured-project-panel:nth-child(odd) .portfolio-featured-project-silver:after{border-right-color: rgba(168,168,168,.5);border-top-color: rgba(168,168,168,.5);}
.portfolio-featured-project-panel:nth-child(odd) .portfolio-featured-project-gold:after{border-right-color: rgba(201,137,16,.5);border-top-color: rgba(201,137,16,.5);}
.portfolio-featured-project-panel:nth-child(even) .portfolio-featured-project-bronze:after{border-left-color: rgba(150,90,56,.5);border-top-color: rgba(150,90,56,.5);}
.portfolio-featured-project-panel:nth-child(even) .portfolio-featured-project-silver:after{border-left-color: rgba(168,168,168,.5);border-top-color: rgba(168,168,168,.5);}
.portfolio-featured-project-panel:nth-child(even) .portfolio-featured-project-gold:after{border-left-color: rgba(201,137,16,.5);border-top-color: rgba(201,137,16,.5);}
.portfolio-featured-project-bronze:before,
.portfolio-featured-project-silver:before,
.portfolio-featured-project-gold:before{content: '';top: 25px;background-image: url(../img/horizon-awards.png);position: absolute;width: 70px;height: 68px;z-index: 1;}
.portfolio-featured-project-panel:nth-child(odd) .portfolio-featured-project-bronze:before,
.portfolio-featured-project-panel:nth-child(odd) .portfolio-featured-project-silver:before,
.portfolio-featured-project-panel:nth-child(odd) .portfolio-featured-project-gold:before{right:25px;}
.portfolio-featured-project-panel:nth-child(even) .portfolio-featured-project-bronze:before,
.portfolio-featured-project-panel:nth-child(even) .portfolio-featured-project-silver:before,
.portfolio-featured-project-panel:nth-child(even) .portfolio-featured-project-gold:before{left:25px;}
.portfolio-featured-project-bronze:before{background-position:-280px 0;}
.portfolio-featured-project-silver:before{background-position:-210px 0;}
.portfolio-featured-project-gold:before{background-position:-140px 0;}

.portfolio-industry-filter{float:right;}
.portfolio-clients-title{text-transform:uppercase;border-bottom:1px solid #e1e1e1;}
.portfolio-clients-title h2{padding:0 10px;background-color:#fff;}

.additional-work-thumbnail {float:left; margin:0 10px 15px 0; font-size:.75em; color:#7492c8; text-transform: uppercase;height:201px;}
.additional-work-thumbnail-title{background-color:rgba(17,17,17,.8);position: relative;width:280px;height:201px;padding:0 5px;bottom:201px;display:table-cell;vertical-align:middle;text-align:center;color:#EBEBEB;font-size:12px;text-transform: none;}
.additional-work-thumbnail-title-project{color:#fff;font-size:30px;font-family:'robotobold';text-transform: uppercase; line-height: 1.2em;}
.additional-work-thumbnail-title-divider{border-bottom:3px solid #7A92C9; width:50px; margin:5px auto;}
.filter-form {position:absolute; right:10px; top:35px; z-index:2;}

/*====== Old Styling ======*/
.featured-work {margin:0 0 60px 0;}
.featured-work h2 {margin-bottom:40px;}
.featured-work .fivecol {position:relative;}

.featured-work-row {width:100%; margin-bottom:40px; float:left;}
.featured-thumbnail {display:block; float:left; margin-left:8px; color:#333; font-size: 1.25em; line-height: 1.2em; position:relative; width:316px; min-height:370px;}

.featured-thumbnail:nth-child(3n+1) {margin-left:0;}
.featured-thumbnail .services {font-size:.6em; display:block; margin-top:5px; line-height: 1.5em;}
.featured-thumbnail img {display:block; margin-bottom:10px; width:316px; height:auto; }
.featured-thumbnail .btn {opacity:0; position:absolute; top:100px; z-index:100; color:#fff; text-align: center; width: 100%;}



.additional-work-row {width:100%; margin-bottom:20px; float:left;}
.additional-work-thumbnail:hover {color:#fff;}
.additional-work-thumbnail img {display:block; width:290px; height:auto;}



.filter-form select{
	-webkit-appearance: none;
	-moz-appearance:   	none;
	appearance:         none;
	background:url(../img/dropdown-arrow.png) no-repeat top 6px right 12px #ffd02b !important;
	border:none;
	height:25px;
	width:280px;
	color:#000;
	border-radius:0px;
	font-size:12px;
	text-transform: uppercase;
	padding-left:13px;
	font-family: 'robotobold';
}

.customDropdown {
	top:0px !important;
}

	/*.customDropdown:after {
		content:'\e718';
		color:#000;
		font-size: 21px;
		position:absolute;
		right:10px;
		top:2px;
	}*/

.portfolio-page {position:relative;}
.content-section .portfolio-page li {margin-bottom:0; float:left; margin-left:10px;}
.portfolio-page h1 {margin-top:0;}
.portfolio-page .btn {position:absolute; top:0; right:0;}
.portfolio-nav {position:absolute; top: 150px; display:table; width:150px; height:150px; border:1px solid #2C2C2C; -webkit-border-radius: 75px; border-radius: 75px; text-align:center;}
.portfolio-nav:hover {border:1px solid #fff;}
.portfolio-nav a {display:table-cell; vertical-align:middle; max-width: 120px; padding:15px; font-size:12px; color:#7492C8; line-height: 1.5em;}
.portfolio-nav:hover a {color:#fff;}
.portfolio-nav.prev {right:50px;}
.portfolio-nav:hover.prev {right:40px;}
.portfolio-nav.next {left:50px;}
.portfolio-nav:hover.next {left:40px;}
.portfolio-nav.prev:after,
.portfolio-nav.next:before {position:absolute; top:50px; font-size:50px; color:#2C2C2C;}
.portfolio-nav.prev:after { right:-50px; content: "\e726";}
.portfolio-nav.next:before { left:-50px;}
.portfolio-nav.prev:before {content: "";}
.portfolio-section-2 .featured-thumbnail {color:#ccc;margin:0;}
.portfolio-section-2 .featured-thumbnail.even {margin:0 8px;}
.portfolio-section-2 {padding:10px 0;}

/* Awards - General */
.award.horizon,

/* Awards - Portfolio Page */
.post-703:before {content:''; background-position:-210px 0; right:5px; top:146px;} /*Silver*/

/*Awards - Real Results Page */
.real-result__vf-outlet:before {content:''; background-position:-210px 0; left:15px; top:156px;} /*Silver*/
.real-result__ocean-city:before {content:''; background-position:-280px 0; left:15px; top:156px;} /*Bronze*/
.real-result__cleveland-brothers:before {content:''; background-position:-140px 0; left:15px; top:156px;} /*Gold*/

/* Awards - Individual Portfolio Page */
.postid-661 .slide-wrapper-portfolio:before,
.postid-581 .slide-wrapper-portfolio:before,
.postid-785 .slide-wrapper-portfolio:before,
.postid-22 .slide-wrapper-portfolio:before {content:''; background-position:-140px 0; right:15px; bottom:15px;} /*Gold*/
.postid-793 .slide-wrapper-portfolio:before,
.postid-497 .slide-wrapper-portfolio:before,
.postid-537 .slide-wrapper-portfolio:before {content:''; background-position:-210px 0; right:15px; bottom:15px;} /*Silver*/
.postid-574 .slide-wrapper-portfolio:before {content:''; background-position:-280px 0; right:15px; bottom:15px;} /*Bronze*/

/* Awards - Case Studies */
.case-study .award.horizon {right:5px; top:5px;}






/*====== Cast Study Page Styles ======*/
.content-section .case-study-intro {font-size:1.313em; color:#fff; line-height:1.9em; max-width: 500px; margin:0 0 40px 0;}
.case-study .content-section {padding:60px 0;}
.case-study .content-section.no-padding-top {padding-top:0;}
.case-study .masthead h1 {margin-top:30px;}
.case-study .masthead .btn {width:170px; margin-right:10px;}
.case-study h2 {margin-bottom:30px; line-height:1.3em;}
.case-study h2.underline {padding-bottom:20px;}
.case-study .company-intro h2 {margin-bottom:10px;}
.case-study .company-intro .intro {line-height:1.9em;}
.case-study .company-intro-copy {width: 70%; float: left; padding-right:40px; border-right: 1px solid #333;}
.case-study .company-intro .content-section {padding:0 0 60px 0;}
.case-study .services {float: right; width: 20%; }
.case-study .services ul {font-size:1em;}
.case-study .services li {background:none; padding:0 0 10px 0;}
.case-study .services li span {background:#2e4875; padding: 5px; border-radius: 20px; width: 20px; height: 20px; display: inline-block; text-align: center; font-size: 1em; margin-right: 5px; line-height: 1.3em;}
.case-study .portfolio-nav {position:fixed; top:350px; border:1px solid #666; z-index: 20;}
.case-study .portfolio-nav.prev:after,
.case-study .portfolio-nav.next:before {color:#666;}
.case-study .portfolio-nav.prev {right:50px;}
.case-study .portfolio-nav:hover.prev {right:40px;}
.case-study .portfolio-nav.next {left:50px;}
.case-study .portfolio-nav:hover.next {left:40px;}

.case-study-tab-section.content-section {padding:150px 0 60px 0; width:1024px;}
.case-study .case-study-tab-section--header {background:url(../img/repeat-transparent-white-85.png); font-size:50px; margin:0; padding: 10px 0 50px 0;}
.case-study-tab-section--tabs {width:964px;}
.content-section .case-study-tab-section--tabs {margin:-40px auto 0 auto;}
.case-study-tab-section__content-image {display:block; float: right; margin:0 0 30px 30px}
.case-study .tabs--content {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin:0 auto; width:964px;}
.case-study .tabs--content h3:first-of-type {margin-top:0;}


/* Cleveland Brothers */
.cleveland-brothers .masthead {background:url(../img/case-study-img/cleveland-brothes/bg-masthead.jpg) no-repeat top center #000;}
.cleveland-brothers .masthead h1 {font-size:5.1em; line-height: 1em;}
.cleveland-brothers .masthead h1 span {font-size:1.5em;}
.cleveland-brothers .masthead .content-section {padding-bottom:165px;}
.cleveland-brothers .case-study-website-screenshot {background:url(../img/case-study-img/cleveland-brothes/repeat-website-screenshot.jpg) repeat-x;}
.cleveland-brothers .case-study-website-screenshot .screenshot {background:url(../img/case-study-img/cleveland-brothes/bg-website-screenshot.jpg) no-repeat top center; height:731px;}
.cleveland-brothers .design-process {background:url(../img/case-study-img/cleveland-brothes/bg-design-process.png) no-repeat 5% bottom #eaeaea;}
.cleveland-brothers .cleveland-brothers-mining {background:url(../img/case-study-img/cleveland-brothes/bg-cb-mining.jpg) no-repeat center top #151515;}
.cleveland-brothers .cleveland-brothers-mining h4 {margin-top:25px;}
.cleveland-brothers .cleveland-brothers-mining p {margin-bottom:30px;}
.cleveland-brothers .intranet {position:relative;}
.cleveland-brothers .intranet .worker {position:absolute; bottom:0; left:200px;}
.cleveland-brothers .promotion p {margin-top:30px;}

/* Ocean City New Jersey */
.ocnj .masthead {background:url(../img/case-study-img/ocnj/bg-masthead.jpg) no-repeat top center #000; height: 680px; border-bottom:5px solid #fff;}
.ocnj .masthead h1 {font-size:5.1em; line-height: 1em;}
.ocnj .masthead h1 span {font-size:1.5em;}
.ocnj .case-study-intro {color:#5b7583;}
.ocnj .case-study-website-screenshot {background:url(../img/case-study-img/ocnj/repeat-website-screenshot.jpg) repeat-x;}
.ocnj .case-study-website-screenshot .screenshot {background:url(../img/case-study-img/ocnj/bg-website-screenshot.jpg) no-repeat top center; height:724px;}
.ocnj .design-process {background:url(../img/case-study-img/ocnj/bg-design-process.jpg) no-repeat center bottom #eaeaea; padding-bottom: 150px;}
.ocnj .design-process .span-3 {position:relative;}
.ocnj .map-img {position: absolute; bottom: -160px; left: -240px;}
.ocnj .map-caption {width:367px; padding-left:597px; margin:30px 0 50px 0; float: left;}
.ocnj .mobile {background:url(../img/case-study-img/ocnj/screenshot-mobile.jpg) right top no-repeat; height: 670px;}
.ocnj .promo {margin:20px 0; float:left;}

/* Sharretts Plating */
.sharretts-plating .masthead{background:url(../img/case-study-img/sharretts-plating/bg-masthead.jpg) no-repeat top center#000; height: 680px; border-bottom: 5px solid #fff;}
.sharretts-plating .masthead h1 {font-size:5.1em; line-height: 1em;}
.sharretts-plating .masthead h1 span {font-size:1.5em;}
.sharretts-plating .case-study-intro {color:#fff;}
.sharretts-plating .case-study-website-screenshot .screenshot {background:url(../img/case-study-img/sharretts-plating/bg-website-screenshot.jpg) no-repeat top center; height:733px;}
.sharretts-plating .case-study .services ul{ font-size:.85em;}
.sharretts-plating .design-process .span-3 {position:relative;}
.sharretts-plating  .pull-img {position: absolute; bottom: -160px; left: -240px;}
.sharretts-plating  .search-caption {width:367px; padding-left:597px; margin:30px 0 50px 0; float: left;}
.sharretts-plating .macbook {background:url(../img/case-study-img/sharretts-plating/macbook.png) right bottom no-repeat; height: 498px;}
.sharretts-plating-quote-requests-result-left {margin-left: 290px;}
.product-cart-checkout{margin-left: -140px; margin-bottom: 30px;}



/*CJ Pony Parts*/
.cj-pony-parts .masthead{background: url(../img/case-study-img/cj-pony-parts/bg-masthead.jpg) no-repeat top center #000; height: 680px; border-bottom: 5px solid #fff;}
.cj-pony-parts .masthead h1 {font-size:5.1em; line-height: 1em;}
.cj-pony-parts .masthead h1 span {font-size:1.5em;}
.cj-pony-parts .case-study-intro {color:#fff;}
.cj-pony-parts .case-study-website-screenshot .screenshot {background:url(../img/case-study-img/cj-pony-parts/bg-website-screenshot.jpg) no-repeat top center; height:732px;}
.cj-pony-parts .design-process .span-3 {position:relative; margin-bottom: 120px;}
.cj-pony-parts .pull-img {position: absolute; bottom: -160px; left: -100px;}

/* VF Outlet */
.vf-outlet .masthead {background:url(../img/case-study-img/vf-outlet/bg-masthead.jpg) no-repeat top center #adb9d2; height: 688px; border-bottom:5px solid #fff;}
.vf-outlet .masthead h1 {font-size: 4em; line-height: 1.3em;}
.vf-outlet .masthead h1 span {font-size: 2.2em;}
.vf-outlet .case-study-website-screenshot {background:url(../img/case-study-img/vf-outlet/repeat-website-screenshot.jpg) repeat-x;}
.vf-outlet .case-study-website-screenshot .screenshot {background:url(../img/case-study-img/vf-outlet/bg-website-screenshot.jpg) no-repeat top center; height:725px;}
.vf-outlet-center {background:url(../img/case-study-img/vf-outlet/bg-vfoutletcenter.jpg) no-repeat top center #151515;}
.vf-outlet-center .result {position:relative; margin-top:50px; padding:30px 0 0 80px; border-top:1px solid #2c2c2c;}
.vf-outlet-center .result .result-circle {height:168px; width:168px; position:absolute; left:-114px; top:10px;}
.vf-outlet-center .before-after h4 {margin-top:0;}
.vf-outlet-center-mobile {background:url(../img/case-study-img/vf-outlet/bg-mobile-vfoutletcenter.jpg) no-repeat center top #151515;}
.vf-outlet-center-mobile .content-section {padding-bottom:0;}


/* Saferbrand */
.saferbrand .masthead {
	background: url(../img/case-study-img/saferbrand/bg-masthead.jpg) no-repeat top center;
	height: 688px;
}

.saferbrand .masthead h1 {font-size:66px; line-height: 1em;}
.saferbrand .masthead h1 span {font-size:120px;}

.saferbrand.case-study .company-intro .content-section {
	padding:60px 0;
}

.saferbrand .facebook-section {background:url(../img/case-study-img/saferbrand/bg-facebook.jpg) no-repeat top center #eaeaea;}
.saferbrand .pinterest-section {background:url(../img/case-study-img/saferbrand/bg-pinterest.jpg) no-repeat top center #eaeaea;}
.saferbrand .twitter-section {background:url(../img/case-study-img/saferbrand/bg-twitter.jpg) no-repeat top center #eaeaea;}

.saferbrand .tab-item {
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	width:33.3333%;
}

.saferbrand .content-section ul li {margin:0;}


/* Ceramcor */
.ceramcor .masthead {
	height: 600px;
	background: url(../img/case-study-img/ceramcor/bg-masthead.jpg) no-repeat top center;
	overflow: hidden;
	position: relative;
}

.ceramcor .masthead h1 {
	font-size: 52px;
	line-height: 1.35em;
	font-weight: 300;
	margin-top: 120px;
}

.ceramcor .pan {
	background: url(../img/case-study-img/ceramcor/pan.png) no-repeat top center;
	width: 1046px;
	height: 600px;
	position: absolute;
	bottom: 0;
	left: 423px;
}

.ceramcor .masthead .content-section {
	height: 600px;
	position: relative;
}

.ceramcor .masthead h1 strong {
	font-size: 104px;
	font-weight: 600;
}

.ceramcor .case-study-website-screenshot {
	height: 803px;
	width: 100%;
	background:url(../img/case-study-img/ceramcor/screenshot-comp.jpg) no-repeat center top;
}

.ceramcor .case-study-website-screenshot .screenshot {
	background:url(../img/case-study-img/ceramcor/bg-website-screenshot.jpg) no-repeat top center;
	height:725px;
}

.ceramcor .result {
	position:relative;
	margin-top:50px;
	padding:30px 0 0 80px;
	border-top:1px solid #2c2c2c;
}

.ceramcor .result .result-circle {
	width:168px;
	height: 128px;
	position:absolute;
	left:-114px;
	top:10px;
}

.ceramcor .before-after h4 {
	margin-top:0;
}

.ceramcor-mobile {
	background:url(../img/case-study-img/ceramcor/bg-mobile-vfoutletcenter.jpg) no-repeat center top;
}

.ceramcor-mobile .content-section {
	padding-bottom:0;
}




/*====== SEO Tool Page Styling ======*/

.toolsPadding {
	clear:both;
	padding-top:40px;
}

	.toolsPadding .right {
		float:right;
		margin-left:40px;
	}

	.toolsPadding .btn {
		padding: 0 12px;
		font-size: 13px;
		line-height: 3.2em;
		color:#fff;
	}

.btn.toolsGreen {background:#9ab933;}
	.btn.toolsGreen:hover {background:#8aa62e;}

.btn.toolsMaroon {background:#763839;}
	.btn.toolsMaroon:hover {background:#5c2c2c;}

.btn.toolsTeal {background:#0c74b9;}
	.btn.toolsTeal:hover {background:#0a629c;}

.btn.toolsRed {background:#a81d21;}
	.btn.toolsRed:hover {background:#8c181c;}







/*====== Our Culture Styles ======*/
.our-culture h2 {font-size:1.8em;}
.our-culture.border-top {border-top: 3px solid #2c2c2c;}

.family-images .image-box {float:left;}

	@media only screen and (max-width:2000px) {
		.family-images .image-box {width:10%;}
	}

	@media only screen and (max-width:1800px) {
		.family-images .image-box {width:11.111%;}
	}

	@media only screen and (max-width:1600px) {
		.family-images .image-box {width:12.5%;}
	}

	@media only screen and (max-width:1400px) {
		.family-images .image-box {width:14.2857%;}
	}

	@media only screen and (max-width:1200px) {
		.family-images .image-box {width:16.666666666%;}
	}

	@media only screen and (max-width:1000px) {
		.family-images .image-box {width:20%;}
	}


.GITheWall ul {
  list-style: none;
  padding: 20px 0;
  margin: 0 auto;
  text-align: left;
  width: 100%;
}
.GITheWall ul li {
  display: inline-block;
  vertical-align: top;
  width: 200px;
  list-style-tpe:none;
  -webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.GITheWall ul li:hover {
	cursor:pointer;
	opacity:.5;
}

.GITheWall ul li.GI_TW_Selected_Row {
  -webkit-transition: margin-bottom 0.3s ease-in;
  -moz-transition: margin-bottom 0.3s ease-in;
  -o-transition: margin-bottom 0.3s ease-in;
  transition: margin-bottom 0.3s ease-in;
}

.GI_TW_expander {
  position: absolute;
  z-index: 1;
  top: 0;
  background: black;
  left: 0;
  width: 100%;
  margin-top: 10px;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.3s ease-in;
  -moz-transition: height 0.3s ease-in;
  -o-transition: height 0.3s ease-in;
  transition: height 0.3s ease-in;
}
.GI_TW_expander.animating {
  overflow: hidden !important;
}
.GI_TW_expander.opened {
  overflow: visible;
}
.GI_TW_expander .GI_TW_pointer {
  position: absolute;
  margin-left: -20px;
  margin-top: -20px;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid black;
  -webkit-transition: left 0.3s ease-in;
  -moz-transition: left 0.3s ease-in;
  -o-transition: left 0.3s ease-in;
  transition: left 0.3s ease-in;
}
.GI_TW_expander .GI_TW_expander-inner {
  width: 80%;
  height: 560px;
  margin: 0 auto;
  overflow: hidden;
}
.GI_TW_expander .GI_TW_expander-inner .GI_TW_fullimg {
  position: relative;
  width: 100%;
  height: 580px;
  margin: 10px 0 0;
  text-align: center;
  overflow: hidden;
}
.GI_TW_expander .GI_TW_expander-inner .GI_TW_fullimg img {
  position: relative;
}
.GI_TW_expander .GI_TW_Controls {
  z-index: 1;
}
.GI_TW_expander .GI_TW_close {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 20px;
  right: 20px;
  cursor: pointer;
}
.GI_TW_expander .GI_TW_arrow {
  position: absolute;
  top: 50%;
  cursor: pointer;
}
.GI_TW_expander .GI_TW_arrow.GI_TW_hidden {
  display: none;
}
.GI_TW_expander .GI_TW_arrow.GI_TW_next {
  right: 30px;
}
.GI_TW_expander .GI_TW_arrow.GI_TW_prev {
  left: 30px;
}
.GI_TW_expander .GI_TW_loading {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #ddd;
  box-shadow: 0 0 1px #cccccc, 15px 30px 1px #cccccc, -15px 30px 1px #cccccc;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0;
  -webkit-animation: loader 0.5s infinite ease-in-out both;
  -moz-animation: loader 0.5s infinite ease-in-out both;
  -ms-animation: loader 0.5s infinite ease-in-out both;
  -o-animation: loader 0.5s infinite ease-in-out both;
  animation: loader 0.5s infinite ease-in-out both;
}

.family-images .ajax {
	padding: 20px 0;
	color: white;
	min-height: 550px;
}

.family-images .txt {
	font-size: 0.8em;
	float: left;
	padding: 0 5% 0 0;
	width: 45%;
	text-align: right;
	padding-top: 10%;
}

	.family-images .txt h2 {
		font-size:40px;
	}

	.family-images .txt p {
		font-size: 25px;
		margin-top: 0px;
		line-height: 30px;
	}

.family-images .img {
	position: relative;
	width: 50%;
	height: 550px;
	float: left;
	background-size: cover;
	background-position: center;
}

	.family-images .image-box img {
		display:block;
		width:100%;
		height:auto;
	}

@-moz-keyframes loader {
  0% {
    background: #ddd;
  }

  33% {
    background: #ccc;
    box-shadow: 0 0 1px #cccccc, 15px 30px 1px #cccccc, -15px 30px 1px #dddddd;
  }

  66% {
    background: #ccc;
    box-shadow: 0 0 1px #cccccc, 15px 30px 1px #dddddd, -15px 30px 1px #cccccc;
  }
}

@-webkit-keyframes loader {
  0% {
    background: #ddd;
  }

  33% {
    background: #ccc;
    box-shadow: 0 0 1px #cccccc, 15px 30px 1px #cccccc, -15px 30px 1px #dddddd;
  }

  66% {
    background: #ccc;
    box-shadow: 0 0 1px #cccccc, 15px 30px 1px #dddddd, -15px 30px 1px #cccccc;
  }
}

@-o-keyframes loader {
  0% {
    background: #ddd;
  }

  33% {
    background: #ccc;
    box-shadow: 0 0 1px #cccccc, 15px 30px 1px #cccccc, -15px 30px 1px #dddddd;
  }

  66% {
    background: #ccc;
    box-shadow: 0 0 1px #cccccc, 15px 30px 1px #dddddd, -15px 30px 1px #cccccc;
  }
}

@-ms-keyframes loader {
  0% {
    background: #ddd;
  }

  33% {
    background: #ccc;
    box-shadow: 0 0 1px #cccccc, 15px 30px 1px #cccccc, -15px 30px 1px #dddddd;
  }

  66% {
    background: #ccc;
    box-shadow: 0 0 1px #cccccc, 15px 30px 1px #dddddd, -15px 30px 1px #cccccc;
  }
}

@keyframes loader {
  0% {
    background: #ddd;
  }

  33% {
    background: #ccc;
    box-shadow: 0 0 1px #cccccc, 15px 30px 1px #cccccc, -15px 30px 1px #dddddd;
  }

  66% {
    background: #ccc;
    box-shadow: 0 0 1px #cccccc, 15px 30px 1px #dddddd, -15px 30px 1px #cccccc;
  }
}




/*====== CrawlerFX Styles ======*/
/*=== 2015 redesign ===*/
.crawlerfx-top-content-section{background: url(../img/crawlerfx-background.jpg) no-repeat 0 0;background-size:cover;position:relative;z-index:0;}
.crawlerfx-header-image{padding:45px 0;background-color:rgba(49,71,120,.7);}
ul.crawlerfx-social {width:485px;margin:0 auto;padding:20px 0;}
ul.crawlerfx-social li{background:none;float:left;margin-right:5px;padding:0;}
.crawlerfx-top-social-icons {float:left;margin-right:5px;}
.crawlerfx-social-bar{border-bottom:1px solid #d3d3d3;margin:20px 40px;}

.crawlerfx-form-section{padding-right:30px !important;}
.crawlerfx-form-section p{margin:0 20% 20px;}
.crawlerfx-main-form{padding-top:20px;}
.crawlerfx-main-form .form-row{float:left;width:45%;margin-right:5%;}
.crawlerfx-main-form .form-row-full{width:95%;}
.crawlerfx-main-form label{margin-bottom:5px;width:100%;}
.crawlerfx-main-form input[type="text"], .crawlerfx-main-form input[type="email"], .crawlerfx-main-form input[type="password"], .crawlerfx-main-form textarea, .crawlerfx-main-form select{width:100%;}
.crawlerfx-main-form input[type="submit"]{margin-left:0;width: 50%;margin-top: 15px;}
.crawlerfx-gray-content-section{background-color:#252525;padding:40px;}
.crawlerfx-white-content-section ul{width:33%;float:left;}
.crawlerfx-gray-content-section p:first-of-type {font-size:20px;}
.crawlerfx-rankings-factors{padding:20px 0;margin-left:10%;width:90%;}

.crawlerfx-overall-score{margin-top:50px;}
.crawlerfx-overall-score h2{color:#333;font-size: 32px;}
.crawlerfx-overall-score-tag{background-color: #fff;float: right;padding: 5px;margin-top: 15px;width: auto;font-size: 25px;font-family: 'robotobold';margin-right: -29px;}
.crawlerfx-overall-score-tag:after {content: '';display: block;width: 0;height: 0;position: absolute;bottom: -15px;right:-9px;border-width: 10px;border-style: solid;border-color: transparent transparent #fff transparent;}
.crawlerfx-overall-details{background:#fff; margin:40px 0; padding:5%;}
.crawlerfx-overall-details-box{width:33%;float:left; color:#333; text-align:center;padding-top:25px;}
.crawlerfx-overall-details-box:nth-child(2){border-right:1px #EBEBEB solid;border-left:1px #EBEBEB solid;}
.crawlerfx-overall-details-box h4{color:#333; margin:0; font-size:20px;padding-top:5px;}
.crawlerfx-overall-details-box .icon{color:#b6b6b6; font-size:40px;padding-bottom:10px;}
.crawlerfx-overall-details-box-score{margin: 0;font-size: 50px;line-height: 1;font-family: 'roboto_thregular';font-weight: bold;}
.crawlerfx-overall-details-box-score-green{color:#99cc62; font-family:'robotobold';}
.crawlerfx-overall-help{background-color:#4C6EB5;height:85px;position:relative;right:10px;margin-right:90px;}
.crawlerfx-overall-help-text{float:left; padding-left:70px;}
.crawlerfx-overall-help .btn{float:right; margin:24px 45px 0 0;}
.crawlerfx-overall-help-text h2{margin:15px 0 5px;}
.crawlerfx-overall-help:after{left: 100%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none; border-color: rgba(66,96,164,0);border-left-color: #4C6EB5;border-width: 42px 0 43px 20px;}
.crawlerfx-overall-help:before{border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none; border-color: rgba(66,96,164,0);border-bottom-color: #2F4576;border-width: 10px;	left: 0;margin-top: -20px; z-index: -1;}

.crawlerfx-result-section-info{float:left;width:75%;background-color: #252525;}
.crawlerfx-result-section-header{background-color:#111111;padding:0 50px 10px 40px; height:auto;}
.crawlerfx-result-section-header h2,
.crawlerfx-result-section-header p{float:left; padding-top:25px;margin:0;}
.crawlerfx-result-section-header h2{width:46%;}
.crawlerfx-result-section-header p{width:54%;}
.crawlerfx-result-section-header p.score{text-transform: uppercase;font-size:16px;color:#fff;text-align:right;}
.crawlerfx-result-section-description ol li{padding: 0px 0 10px 30px;border-left: 4px #363636 solid;margin:0 0 0 5px; word-break:break-all;}

	/*=== CrawlerFX Section Score Colors ===*/
	.crawlerfx-result-section-header p.score.Poor .number,
	.crawlerfx-result-section-header p.score.Poor .diagnosis,
	.crawlerfx-result-section-pagerank.Poor .crawlerfx-pagerank-score{color:#CF2228;}
	.crawlerfx-result-section-pagerank.Poor li.crawlerfx-pagerank-bar.filled{background-color:#CF2228;}

	.crawlerfx-result-section-header p.score.Fair .number,
	.crawlerfx-result-section-header p.score.Fair .diagnosis,
	.crawlerfx-result-section-pagerank.Fair .crawlerfx-pagerank-score{color:#fbac15;}
	.crawlerfx-result-section-pagerank.Fair li.crawlerfx-pagerank-bar.filled{background-color:#fbac15;}

	.crawlerfx-result-section-header p.score.Good .number,
	.crawlerfx-result-section-header p.score.Good .diagnosis,
	.crawlerfx-result-section-pagerank.Good .crawlerfx-pagerank-score{color:#99cc62;}
	.crawlerfx-result-section-pagerank.Good li.crawlerfx-pagerank-bar.filled{background-color:#99cc62;}

	.crawlerfx-result-section-header p.score.Excellent .number,
	.crawlerfx-result-section-header p.score.Excellent .diagnosis,
	.crawlerfx-result-section-pagerank.Excellent .crawlerfx-pagerank-score{color:#76c423;}
	.crawlerfx-result-section-pagerank.Excellent li.crawlerfx-pagerank-bar.filled{background-color:#76c423;}

	.crawlerfx-result-section .icon-cross{color:#CF2228;}
	.crawlerfx-result-section .icon-checkmark{color:#99cc62;}

.crawlerfx-result-section-description {padding:40px 40px 0 40px;}
.crawlerfx-result-section-details {border:4px #464646; border-style:solid none; margin:30px 40px;}
.crawlerfx-result-section-details p{text-transform: uppercase;color:#fff;font-family:'robotobold';font-size:16px;float:left;margin:10px 0;}
.crawlerfx-result-section-details p:not(:last-child){padding-right:10%;}
.crawlerfx-result-section-details p .result{color:#cecece;}
.crawlerfx-result-section-recommendation{float:left;width:25%;background-color:#314778;}
.crawlerfx-result-section-recommendation:before{border: solid transparent;content: " "; position: absolute;pointer-events: none;border-color: rgba(66,96,164,0);border-right-color: #314778;border-width: 20px;margin-left:-40px;margin-top:20px;}
.crawlerfx-result-section-recommendation p{padding:35px;margin:0;}
.crawlerfx-result-section-pagerank{padding-left:40px; font-size:18px; font-family:'roboto_thregular';}
.crawlerfx-pagerank-bars li.crawlerfx-pagerank-bar {float:left;width:17px;height:24px;background:#959595 none;margin:1px;padding:0;}
.crawlerfx-pagerank-score{font-weight:bold;}
.crawlerfx-keyword-page-density-result-section{border-top:4px #363636 solid;}
.crawlerfx-keyword-page-density-result-section:last-child{border-bottom:4px #363636 solid;margin-bottom:50px;}
.crawlerfx-keyword-page-density-result-section h3{color:#fff;margin:30px 0 10px 0; text-transform: uppercase;}
.crawlerfx-keyword-page-density-result-section h3 .icon{vertical-align: sub;font-size:25px;}
.crawlerfx-result-section-table th.first{width:70%;}
.crawlerfx-result-section-table td{word-break:break-all;}


/*=== original ===*/
.crawlerfx .form-wrapper {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 40px 50px 30px 50px; border: 8px solid #ccc;}
.crawlerfx input[type="text"] {border:1px solid #999;}
.crawlerfx .errormessages {background:#ffc8c8; border:1px solid red; padding:20px; font-size:.75em;}
.crawlerfx .content-section:first-child {position:relative;}
.crawlerfx .content-section:first-child .sample-report {position:absolute; top:40px; right:0;}
.crawlerfx .crawlerfx-logo {margin:0 auto; display:block;}
.crawlerfx .loading h2 {text-align:center;}
.crawlerfx .loading img {display:block; margin:0 auto;}
.crawlerfx-top-results {background:#ebebeb; margin-bottom: 40px;}
.crawlerfx-top-results .span-3 {padding-right:30px;}
.crawlerfx-top-results .badge {display:block; margin-bottom:10px; color:#7492c8; float:right;}
.crawlerfx-top-results .badge p {margin:0;}
.crawlerfx-top-results .badge .pictogram {font-size: 1.5em; padding-left: 5px;}
.crawlerfx-top-results .badge:hover {color:#fff;}
.crawlerfx-top-results .help {padding:20px; background:#151515; border:8px solid #333; margin-top:20px;}
.crawlerfx-top-results .help p {margin-bottom:0;}
.crawlerfx .crawler-cover {	background: url(../img/crawler-cover.png) #063 no-repeat 0 0;	width: 216px;	height: 96px;	display: block;	z-index: 99999;	position: relative;	top: -106px;	left: 30px;}
.crawlerfx .content-section .content-section {position:relative; padding: 40px 100px 30px 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

.crawlerfx .content-section .content-section dt,
.crawlerfx .content-section .content-section dd {display:inline;}
.crawlerfx .content-section .content-section .diagnosis {font-size:1.1em;}
.crawlerfx .content-section .content-section dt {text-transform:uppercase; color:#fff;}
.crawlerfx .content-section .content-section .Poor,
.thermometer .progress.poor .amount {color:#e22a2a;}
.crawlerfx .content-section .content-section .Fair,
.thermometer .progress.fair .amount {color:#fbac15;}
.crawlerfx .content-section .content-section .Good,
.thermometer .progress.good .amount {color:#99cc62;}
.crawlerfx .content-section .content-section .Excellent,
.thermometer .progress.excellent .amount {color:#76c423;}
.crawlerfx .content-section .content-section a {color:#7492c8;}
.crawlerfx .content-section .content-section a:hover {color:#fff;}
.crawlerfx .content-section .content-section table {border:#2c2c2c; margin-bottom:20px;}
.crawlerfx .content-section .content-section table td {padding:8px;}
.crawlerfx .content-section .content-section table .sg {background:#466db2; color:#fff; font-size:.813em;}
#searchtraffic {clear: both;}
.seometer {height:100px;}
.thermometer {margin:40px auto; width:600px;height:40px;}
.thermometer .goal {
	font-size: 2em;
	color: #333;
	float:left;
	padding-left:15px;
}

.thermometer .progress .amount {
	padding: 40px 0 0 0;
	text-align:right;
	border-right: 1px solid #a1a1a1;
	color: white;
}


.thermometer .track {
	height:40px;
	width:500px;
	position: relative;
	background: #BFBFBF;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	float:left;
}
.thermometer .progress {
	height:100%;
	width:0%;
	position: absolute;
	bottom:0;
	left:0;
	-webkit-border-radius: 20px 0 0 20px;
	border-radius: 20px 0 0 20px;
}

.thermometer .poor {
	background: rgb(224,74,74); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(224,74,74,1) 0%, rgba(226,42,42,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(224,74,74,1)), color-stop(100%,rgba(226,42,42,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(224,74,74,1) 0%,rgba(226,42,42,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(224,74,74,1) 0%,rgba(226,42,42,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(224,74,74,1) 0%,rgba(226,42,42,1) 100%); /* IE10+ */
	background: linear-gradient(to right, rgba(224,74,74,1) 0%,rgba(226,42,42,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e04a4a', endColorstr='#e22a2a',GradientType=1 ); /* IE6-9 */
}

.thermometer .fair {
	background: rgb(249,193,87); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(249,193,87,1) 0%, rgba(251,172,21,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(249,193,87,1)), color-stop(100%,rgba(251,172,21,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(249,193,87,1) 0%,rgba(251,172,21,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(249,193,87,1) 0%,rgba(251,172,21,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(249,193,87,1) 0%,rgba(251,172,21,1) 100%); /* IE10+ */
	background: linear-gradient(to right, rgba(249,193,87,1) 0%,rgba(251,172,21,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c157', endColorstr='#fbac15',GradientType=1 ); /* IE6-9 */
}

.thermometer .good {
	background: rgba(124,175,69,1);
	background: -moz-linear-gradient(left, rgba(124,175,69,1) 0%, rgba(136,188,80,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(124,175,69,1)), color-stop(100%, rgba(136,188,80,1)));
	background: -webkit-linear-gradient(left, rgba(124,175,69,1) 0%, rgba(136,188,80,1) 100%);
	background: -o-linear-gradient(left, rgba(124,175,69,1) 0%, rgba(136,188,80,1) 100%);
	background: -ms-linear-gradient(left, rgba(124,175,69,1) 0%, rgba(136,188,80,1) 100%);
	background: linear-gradient(to right, rgba(124,175,69,1) 0%, rgba(136,188,80,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7caf45', endColorstr='#88bc50', GradientType=1 );
}

.thermometer .excellent {
	background: rgb(141,193,85); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(141,193,85,1) 0%, rgba(118,196,35,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(141,193,85,1)), color-stop(100%,rgba(118,196,35,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(141,193,85,1) 0%,rgba(118,196,35,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(141,193,85,1) 0%,rgba(118,196,35,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(141,193,85,1) 0%,rgba(118,196,35,1) 100%); /* IE10+ */
	background: linear-gradient(to right, rgba(141,193,85,1) 0%,rgba(118,196,35,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8dc155', endColorstr='#76c423',GradientType=1 ); /* IE6-9 */
}

/*====== Marketing Calculator Styles ======*/
.marketing-calculator-module {overflow: hidden; background: #333; margin:0 30px;}
.marketing-calculator-module-head {padding:30px;background-color:#283650;margin:0; font-family: 'roboto_thregular';font-size:24px;}
.marketing-chart, .chart-selectors {height:auto;}
.marketing-chart {width:52%; float:right; background:#333;}
.chart-selectors {float:left; width:42%; color:#333;}
.marketing-calculator-module-selector {padding:15px 25px;height:auto;}
.marketing-calculator-module-selector:nth-child(even){background-color:#fff;}
.marketing-calculator-module-selector:nth-child(odd){background-color:#eaeaea;}
.marketing-calculator-module-selector .ui-slider {height: 20px; position: relative; background-color:#EBEBEB; -webkit-border-radius: 10px; border-radius: 10px; margin-top:5px;width: 100%;}
.marketing-calculator-module-selector .ui-slider a {background-color: #959595; display: block; height: 36px; position: absolute; width: 13px; top: 0; -webkit-border-radius: 4px; border-radius: 4px; outline: none; margin-left: -10px;margin-top:-8px;}
.marketing-calculator-module-selector .ui-slider-range {background: #8BA9DB;height:100%;-webkit-border-radius: 10px; border-radius: 10px;}
.marketing-calculator-module-selector fieldset label {font-size: 15px;font-family: 'robotobold';text-transform: uppercase;padding-right:20px;}
.marketing-calculator-module-selector fieldset input {margin-right:5px;}
.marketing-calculator-module-selector label.left-label {text-transform:none; width:55%; float:left; color:#333; line-height: 1.4em; font-size:16px; display: block;}
.marketing-calculator-module-selector .custom-dropdown,
.marketing-calculator-module-selector fieldset,
.marketing-calculator-module-selector #price-target {float:right;font-size:26px;}
.marketing-calculator-module-selector #price-target {color:#5C7BBC;}
.marketing-calculator-module-selector .custom-dropdown{width:35%;height:30px;}
.marketing-calculator-module-selector #location{background-color:#8BAAD8;padding-left: 13px; border:none; width:100%;height:30px;color: #fff;font-size: 14px;text-transform: uppercase;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

.marketing-calc-results h2 .icon-arrow-down4 {font-size: 24px;color: #8BA9DB;vertical-align: sub;}
.marketing-calculator-result{padding:25px 35px;margin-bottom:30px;background:#fff;-webkit-box-shadow: -8px 8px 0px 0px rgba(0,0,0,0.1);
-moz-box-shadow: -8px 8px 0px 0px rgba(0,0,0,0.1);
box-shadow: -8px 8px 0px 0px rgba(0,0,0,0.1);}
.marketing-calculator-result p {margin:0;}
.marketing-calculator-result-description {margin:0 0 10px 0;color:#4c4c4c;}
.marketing-calculator-result-head{float:left;}
.marketing-calculator-result h3{font-size:24px;font-family:'robotobold';margin:0 0 5px;}
.marketing-calculator-result a{color:#122239 !important;}
.marketing-calculator-result-subhead{font-size:16px;color:#4E69B0;font-family:'robotobold';margin:0 0 5px;}
.marketing-calculator-result-plan{text-transform: uppercase;}
.marketing-calculator-result-cost {position: relative;float: right;top:0;left: 49px;width: auto;color: #fff;background-color: #4C6EB5;font-size: 27px;padding: 10px 20px;}
.marketing-calculator-result-cost:after {content: '';display: block;width: 0;height: 0;position: absolute;bottom: 57px;z-index: -10;right:-1px;border-width: 8px 15px;border-style: solid;border-color: transparent transparent #293d72 transparent;}
.marketing-calculator-result hr{width:100%;border-color:#e1e1e1 ;}

@media screen and (max-width:1024px) {
	.marketing-calculator-module{margin:0;}
	.chart-selectors {width:100%;}
	#chart1{display:none;}
}
@media screen and (max-width:400px){
	.marketing-calculator-module-selector label.left-label {width:100%;}
	.marketing-calculator-module-selector #location,
	.marketing-calculator-module-selector fieldset,
	.marketing-calculator-module-selector #price-target{float:none;}
	.marketing-calculator-module-selector .custom-dropdown{width:100%;}
}
/*====== FX Builds ======*/

.meter-block {
	background: black;
	margin-bottom: 60px;
}

.meter-header {
	padding: 20px;
	overflow: hidden;
}

.meter-header h2 {
	font-size: 28px;
	color: white;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	font-family: 'roboto_thregular';
	font-weight: normal;
	float: left;
}

.meter-header h3 {
	float: right;
	color: #ffcb2c;
	font-size: 22px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}

.meter-logo {
	margin-left: 10px;
}

.meter {
	background: #1f1f1f;
	position: relative;
	height: 40px;
	border-right: 5px solid #ffcb2c;
}

.meter-bar {
	background: #446090;
	height: 100%;
	position: relative;
}

.meter-value {
	position: absolute;
	bottom: -44px;
	right: -50px;

	background: white;
	border-radius: 5px;
	padding: 2px 15px;
	color: black;
	font-size: 19px;
	font-family: 'robotobold';
}

.meter-value:before {
	content: "";
	display: block;
	background: white;
	position: absolute;
	width: 10px;
	height: 10px;
	left: 45%;
	margin-top: -6px;
	z-index: 100;

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		 -o-transform: rotate(45deg);
			transform: rotate(45deg);
}

.meter-value span {
	position: relative;
	z-index: 200;
}

.meter-total {
	color: white;
	font-size: 21px;
	position: absolute;
	right: 15px;
	top: 2px;
	font-family: 'robotobold';
	line-height: 1;
}

.meter-total small {
	font-size: 13px;
	font-family: 'roboto_thregular';
	/* this is now set inline dynamically in fxbuilds.html
	text-align: right;
	*/
	display: block;
}

.projects-pagination {
	overflow: hidden;
	text-transform: uppercase;
	margin-bottom: 5px;
}

.projects-pagination a {
	color: white;
	text-transform: uppercase;
	font-family: 'robotobold';
	font-size: 11px;
}

.projects-pagination .previous {
	float: left;
}

.projects-pagination .next {
	float: right;
}

.fxbuilds-projects {
	overflow: hidden;
}

.fxbuilds-projects a {
	display: block;
	margin-left: 5%;
	width: 30%;
	background: black;
	position: relative;
	float: left;
}

.fxbuilds-projects a:first-child {
	margin-left: 0;
}

.fxbuilds-projects a:hover {
	background: #2f4f8a;
}

.fxbuilds-projects .bg-image {
	position: absolute;
	z-index: 100;
	max-width: 100%;
	height: auto;
	opacity: .3;
}

.fxbuilds-projects h3 {
	z-index: 200;
	font-family: 'robotobold';
	font-size: 54px;
	margin: 0;
	text-align: center;
	display: block;
	position: relative;
	line-height: 1;
	padding: 30px 20px 8px;
}

.fxbuilds-projects h4 strong {
	z-index: 200;
	font-size: 24px;
	margin: 0;
	text-transform: uppercase;
	display: block;
	font-family: 'robotobold';
}

.fxbuilds-projects h4 {
	font-size: 20px;
	font-family: 'robotoregular';
	font-weight: normal;
	line-height: 1;
	position: relative;
	text-align: center;
	z-index: 200;
	margin: 0;
	text-transform: none;
	padding: 0 20px;
}

.fxbuilds-projects h4 img {
	margin-top: 10px;
	margin-bottom: 40px;
}






/*====== Real Results ======*/

.real-results--latest-blog-posts .fivecol.span-1 {
	float: none;
	margin: 0 auto 40px auto;
	width: 60%;
}

.real-results--latest-blog-posts .fivecol img {display:none;}
.real-results--latest-blog-posts .fivecol.span-1:nth-child(5n) {display:none;}

.real-results--latest-blog-posts a {color:#7492c8;}
.real-results--latest-blog-posts a:hover {color:#fff;}

.real-results--get-started {background:url(../img/bg-real-results-get-started.jpg) no-repeat;}
.real-results--get-started .button-row {margin:50px;}

.real-result {
	background:#fff;
	box-sizing:border-box;
	max-width: 964px;
	padding:10px;
	position:relative;
}

	.real-result__slider.royalSlider {
		height:280px;
		margin:0 auto;
		width:964px;
	}

		.real-result__slider .rsVisibleNearbyWrap {
			overflow:visible;
		}

		.real-result__slider .rsSlide {opacity:.2;}
		.real-result__slider .rsSlide.rsActiveSlide {opacity:1;}

		.real-result__slider .rsArrow {
			border:3px solid #acacac;
			-webkit-border-radius: 20px;
			border-radius: 20px;
			color:#acacac;
			font-size: 24px;
			position:absolute;
			top:40%;
		}

		.real-result__slider .rsArrowLeft {
			left: 20px;
		}

		.real-result__slider .rsArrowRight {
			right: 20px;
		}

	.real-result img {
		float:left;
		margin-right:25px;
		display:block;
	}

	.real-result p {color:#fff;}
	.real-result span {font-size: 1.25em;}

	.real-result__content {

	}

		.real-result__content h2 {
			margin:20px 0 0 0;
		}

		.real-result__content dl {
			border-bottom:1px solid #eaeaea;
			border-top:1px solid #eaeaea;
			margin:0 0 20px 0;
		}

		.real-result__results-grouping {
			box-sizing:border-box;
			border-left:1px solid #eaeaea;
			float:left;
			padding:10px 20px;
			width:15%;
			margin-bottom:10px;
		}

			.real-result__results-grouping:first-child {
				border-left:none;
			}

		.real-result__content dt {
			color:#999;
			font-size:12px;
		}

		.real-result__content dd {
			color:#333;
			font-size:36px;
			margin:0;
		}

.real-results--resource-column{background-color:#fff;padding:40px 10px;}
.real-results--resource-column img{width:100%;}




/*====== Footer Results / Testionials ======*/
.footer-section {margin:0 auto; width:964px; padding:0 30px;}

.footer-testimonial {position:relative;}
.footer-testimonial .testimonial-cta {/*background:url(../img/footer-testimonials-speech-bubbles.gif) no-repeat right 15px;*/float:right; width: 200px; padding: 10px 0 15px 20px; margin-left:20px; border-left:1px solid #333;}
.footer-testimonial .testimonial-cta h2 {margin-bottom:10px; margin-left: 40px; font-size: 18px;}
.footer-testimonial .testimonial-cta .speech-bubbles{position: absolute; top: 22px; left: 795px;}
.footer-testimonial .testimonial-cta .btn {padding: 7px 30px;}
.footer-testimonial .author {text-transform:uppercase; font-size:12px;}
.footer-testimonial img {position:absolute; left:30px; bottom:0;}
.footer-testimonial p {padding-left:150px; font-size: .9em; line-height: 1.6em; padding-top: 20px; margin: 0;}






/*====== Footer Styles ======*/
.site-footer {padding:40px 30px 50px 30px; width:964px; margin:0 auto; overflow:hidden;}
.site-footer.simple-footer {padding:20px 30px;}
.site-footer p {font-size: .813em; margin: 0 0 15px 0;}
.site-footer h3 {margin-top:0;}

.newsletter-signup {padding:7px; background:#151515;}
.newsletter-signup h3 .pictogram {font-size:1.6em; line-height:.7em;}
.newsletter-signup-form {position:relative;}
.newsletter-signup-form input[type="email"] {width:100%; padding:4% 28% 4% 4%; border:1px solid #2c2c2c; color:#7d7d7d;}
.newsletter-signup-form input.btn-signup {background:none; border-left:1px solid #bdbdbd; border-top:none; border-right:none; border-bottom:none; color:#294069; text-transform:uppercase; cursor:pointer; font-size:.813em; position:absolute; right:10px; top:10px; padding: 0 5px 0 10px; -webkit-appearance: none; border-radius: 0;}
.newsletter-signup-form input.btn-signup:hover {color:#666;}
.newsletter-signup-form input.btn-signup:active {color:#000;}

.footer-blog-feed {background:url(../img/icon-blog.png) no-repeat left 7px; padding:7px 0 0 40px; margin-bottom:12px;}
.footer-blog-feed .title {font-size:.813em; color:#ccc; line-height: 1.4em; display: block;}
.footer-blog-feed .title:hover {color:#fff;}

.footer-logos {margin-top:10px;}

.footer-cta {border:1px solid #151515; font-size:.65em; color:#fff; text-align:center; line-height:1em; padding:50px 10px 10px 10px; margin-right:14px; width:122px; float:left;}
.footer-cta.crawlerfx {background:url(../img/icon-crawlerfx.png) no-repeat center 20px; background-size:80px 17px;}
.footer-cta.crawlerfx:hover {background:url(../img/icon-crawlerfx.png) no-repeat center 20px #151515; background-size:80px 17px;}
.footer-cta.crawlerfx:active {background:url(../img/icon-crawlerfx.png) no-repeat center 20px #000; background-size:80px 17px;}
.footer-cta.marketing-calculator {background:url(../img/icon-marketing-calculator.png) no-repeat center 10px; background-size:30px 30px;}
.footer-cta.marketing-calculator:hover {background:url(../img/icon-marketing-calculator.png) no-repeat center 10px #151515; background-size:30px 30px;}
.footer-cta.marketing-calculator:active {background:url(../img/icon-marketing-calculator.png) no-repeat center 10px #000; background-size:30px 30px;}
.footer-cta.marketing-guide {background:url(../img/ebookFooter.png) no-repeat center -2px; background-size:100px 50px;}
.footer-cta.marketing-guide:hover {background:url(../img/ebookFooter.png) no-repeat center -2px #151515; background-size:100px 50px;}
.footer-cta.marketing-guide:active {background:url(../img/ebookFooter.png) no-repeat center -2px #000; background-size:100px 50px;}

.footer-nav {text-align:center; margin:20px 0 0 0; padding:20px 0 0 0; border-top:1px solid #151515;}
.footer-nav li {list-style-type:none; display:inline; text-transform:uppercase; font-size:.7em; border-left:1px solid #333; padding-left:8px; margin-left:5px;}
.footer-nav li:first-child {border-left:none; padding-left:0; margin-left:0;}
.footer-nav li a {color:#fff;}
.footer-nav li a:hover {color:#ccc;}
.footer-nav li a:active {color:#999;}

p.footer-subnav {text-align:center; font-size:.7em; color:#666; margin-top:5px;}
.footer-subnav .divider {padding:0 5px;}
.footer-subnav a {color:#666;}
.footer-subnav a:hover {color:#fff;}

.site-footer .social-buttons {margin-top:10px;}
.site-footer .footer-blog-feed img {display:none;}
.site-footer .footer-blog-feed .fivecol.span-1 {width: 100%;}

.site-footer.home .newsletter-signup {margin-top: 0px;}
.site-footer.home .get-quote .btn {float: left; padding: 0 40px; line-height: 3.5em;}
.site-footer.home .or-call {float:left; text-align:center; color:#fff; font-size:.75em; margin-left:10px;}
.site-footer.home .or-call em {color:#ccc;}
.site-footer.home .or-call span,
.site-footer.home .or-call a {color:#FFD02B;}
.site-footer.home .footer-arrow {background:url(../img/footer-arrow.png); width:49px; height:60px; position:relative; top:0; left:50%; display:block;}

#main page-title-wrapper iframe.newss {margin-left:100px;}

/*====== Testimonials Page ======*/
.arrow-bar .testimonial-filter {float:right;bottom:35px;position:relative;}
select.testimonial-filter {-webkit-appearance: none;-moz-appearance: none;appearance: none;background: url(../img/dropdown-arrow.png) no-repeat top 6px right 12px #ffd02b !important;border: none;height: 25px;width: 280px;color: #000;border-radius: 0px;font-size: 12px;text-transform: uppercase;padding-left: 13px;font-family: 'robotobold';}

.testimonial-video-box,
.testimonial-text-box {width:385px;background-color:#fff;}


.testimonial-video-box .video-image {height:100%;width:100%;}
.testimonial-video-box .video-image:after{content:'\A';width:100%;height:100%;background:#314778;opacity:.3;position:absolute;top:0;}
.testimonial-video-box img {width:100%;display:block;height:auto;}
.testimonial-video-box .video-info-box{background:#314778;position: absolute;width: 100%;background: rgba(49,71,120,.9);bottom: 0px;display:none;}
.testimonial-video-box .video-info-box p{color:#fff;text-transform:uppercase;}
.testimonial-video-box .video-info-box .padding{padding:30px;}
.testimonial-video-box .video-info-box .text{float:left;}
.testimonial-video-box .video-info-box .text p.author{margin:0;font-size: 20px;font-weight: bold;font-family:'roboto_thregular';}
.testimonial-video-box .video-info-box .text p.company{font-size:14px;font-family:'robotobold';}
.testimonial-video-box .video-info-box .icon-play{float:right;color:#B3CDFE;font-size:38px;line-height: 1.3em;}


.testimonial-text-box {height:auto; -webkit-box-shadow: 8px 8px 0px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 8px 8px 0px 0px rgba(0,0,0,0.1);
box-shadow: 8px 8px 0px 0px rgba(0,0,0,0.1);}
.testimonial-text-box .testimonial-box{padding:40px;}
.testimonial-text-box .testimonial-box .icon-quote{color:#B3CDFE;font-size:60px;}
.testimonial-text-box .testimonial-box p.author,
.testimonial-text-box .testimonial-box p.company{color:#314778;text-transform:uppercase;}
.testimonial-text-box .testimonial-box p.author{margin: 0;font-size: 20px;font-weight: bold;font-family:'roboto_thregular';}
.testimonial-text-box .testimonial-box p.company{font-size:14px;font-family:'robotobold';}
.testimonial-text-box .testimonial-box .divider hr{border:0;border-bottom:2px #EBEBEB solid;}
.testimonial-text-box .testimonial-box .viewport {height:175px;margin-bottom:20px;}
.testimonial-text-box .custom-scroll .scrollbar {right:40px;}
.testimonial-text-box .testimonial-box .testimonial {color:#333;height:auto;font-size:15px;}
.testimonial-text-box .testimonial-box .testimonial-logo img {display:block;margin:0 auto;}

	/* Testimonials page Masonry */
	#masonry .masonry-item{
		margin-bottom:20px;
	}
	#masonry .masonry-sizer{
		width:385px;
	}
	#masonry .masonry-gutter{
		width:20px;
	}
	.masonry-item.lazy {
		opacity:0;
	}
	@media screen and (max-width: 1250px) {
	  	#masonry .masonry-sizer,
	  	#masonry .masonry-item{
			width:32%;
		}
		#masonry .masonry-gutter{
			width:2%;
		}
	}
	@media screen and (max-width:1024px){
	  	#masonry .masonry-sizer,
	  	#masonry .masonry-item{
			width:42.5%;
		}
		#masonry .masonry-gutter{
			width:9%;
		}
		.testimonial-video-box .video-info-box{
			display:block;
		}
		.arrow-bar .testimonial-filter{width:43%;}
	}
	@media screen and (max-width: 650px) {
	  	#masonry .masonry-sizer,
	  	#masonry .masonry-item{
			width:90%;
		}
		.arrow-bar .testimonial-filter{width:auto;position:static;float: none;}
	}

/*==================================================== Jquery Styles ====================================================*/
/*====== Custom Scroll Bar ======*/
.custom-scroll .viewport
{
    overflow:hidden;
    position:relative;
}

.custom-scroll .overview
{
    list-style:none;
    position:absolute;
    left:0;
    top:0;
    margin:0;
    padding: 10px 20px;
}

.custom-scroll .scrollbar
{
    background:transparent url(../img/custom-scroll/bg-scrollbar-track-y.png) no-repeat 0 0;
    position:absolute;
    background-position:0 0;
    width:15px;
    z-index:998;
}

.custom-scroll .track
{
    background:transparent url(../img/custom-scroll/bg-scrollbar-trackend-y.png) no-repeat 0 100%;
    height:100%;
    width:13px;
    position:relative;
    padding:0 1px;
}

.custom-scroll .thumb
{
    background:transparent url(../img/custom-scroll/bg-scrollbar-thumb-y.png) no-repeat 50% 100%;
    height:20px;
    width:25px;
    cursor:pointer;
    overflow:hidden;
    position:absolute;
    top:0;
    left:-5px;
}

.custom-scroll .thumb .end
{
    background:transparent url(../img/custom-scroll/bg-scrollbar-thumb-y.png) no-repeat 50% 0;
    overflow:hidden;
    height:5px;
    width:25px;
}

.custom-scroll .disable
{
    display:none;
}

.noSelect
{
    user-select:none;
    -o-user-select:none;
    -moz-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:none;
}
/*====== Scroller ======*/
/*====== Scroller ======*/

.scrollable {
	max-width:1524px;
	margin:0 auto;
	position:relative;
}

.scrollable-section--logos,
.scrollable-section--logos .scrollable {height:100px;}

.scrollable-section--logos .scrollable {
	width: 90%;
	margin:0 auto;
}

.scrollable-section--logos .slick-prev,
.scrollable-section--logos .slick-next {
	height: 40px;
	width: 40px;
	margin-top: -20px;
}

	.scrollable-section--logos .slick-prev {left:-40px;}

	.scrollable-section--logos .slick-next {right:-40px;}

	.scrollable-section--logos .slick-prev:before,
	.scrollable-section--logos .slick-next:before {
		color:#333;
		font-size:40px;
	}

		.scrollable-section--logos .slick-prev:hover:before,
		.scrollable-section--logos .slick-next:hover:before {color:#999;}


.scrollable-section--image-banner {
	overflow:hidden;
	max-height: 515px;
}

	.scrollable-section--image-banner .slick-prev,
	.scrollable-section--image-banner .slick-next,
	.scrollable-section--portfolio-banner .slick-prev,
	.scrollable-section--portfolio-banner .slick-next {
		height:60px;
		top: 50%;
		margin-top:-30px;
		position: absolute;
		display: block;
		width:60px;
		-webkit-transition: all .2s ease;
		-moz-transition: all .2s ease;
		-ms-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
	}

		.scrollable-section--image-banner .slick-prev:before,
		.scrollable-section--image-banner .slick-next:before,
		.scrollable-section--portfolio-banner .slick-prev:before,
		.scrollable-section--portfolio-banner .slick-next:before {font-size:40px;}

		.scrollable-section--image-banner .slick-prev {left:5%;}

		.scrollable-section--image-banner .slick-next {right:5%;}

		.scrollable-section--image-banner .slick-prev:hover {left:4%;}

		.scrollable-section--image-banner .slick-next:hover {right:4%;}


.scrollable-section--portfolio-banner {
	max-height:450px;
	overflow:hidden;
	position:relative;
}

	.scrollable-section--portfolio-banner .scrollable {max-width:964px;}

		.scrollable-section--portfolio-banner .slick-prev {left:-5%;}

		.scrollable-section--portfolio-banner .slick-next {right:-5%;}

		.scrollable-section--portfolio-banner .slick-prev:hover {left:-6%;}

		.scrollable-section--portfolio-banner .slick-next:hover {right:-6%;}

	.scrollable-section--portfolio-banner .slick-dots li button:before {
		color:#fff;
		font-size:24px;
	}

		.scrollable-section--portfolio-banner .slick-dots li.slick-active button:before {color:#fff;}

.scrollable-section__caption-section {width:1000px; margin:0 auto; position:relative;}
.scrollable-section__caption {position:absolute; background:url(../img/transparent-circle.png) no-repeat; width:329px; height:329px; text-align:center; padding:50px 0 0 0; z-index: 10; top: 70px; left:30px;}
.scrollable-section__caption h1 {margin-bottom: 20px; font-size:1.2em;}




/*====== Extended Portfolio Slideshow ======*/
.slide-wrapper-portfolio {height:450px; margin: 0 auto; position: relative; max-width:964px;}



/*====== Olark Livechat ======*/
#habla_window_div {font-family: 'robotoregular' !important;}
#habla_window_div #habla_topbar_div {background: #334f81 none repeat scroll 0 0 !important; font-family: 'robotobold' !important;}
#habla_window_div #habla_topbar_div:hover {background:#4f6b9e !important;}
#habla_window_div #habla_topbar_div:active {background:#1f3967 !important;}
#habla_window_div #habla_topbar_div a {text-transform:uppercase; text-shadow: 0px -1px 0px #1f3967;}
#habla_window_div #habla_topbar_div a:hover {text-decoration:none !important;}
#habla_window_div #habla_middle_div {padding:15px !important;}
#habla_window_div #habla_offline_message_span {line-height: 1.3em; margin: 5px 0 10px !important;}
#habla_window_div .habla_offline_submit_input {float:left !important; padding: 0 20px !important; text-transform: uppercase; font-size: 12px; line-height: 2.4em; background: #7492c8 none repeat scroll 0 0 !important;}
#habla_window_div #habla_offline_body_input,
#habla_window_div #habla_wcsend_input {-webkit-box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, .4); box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, .4);}
#hblink99 {display:none;}



/*====== jQuery UI Datepicker ======*/
#ui-datepicker-div {background: #333; border: 1px solid #666; padding: 10px;}
.ui-datepicker-header {margin-bottom:8px;}
.ui-datepicker-prev, .ui-datepicker-next {display:block; cursor:pointer; text-transform:uppercase; font-size:.75em; margin-top:5px;}
.ui-datepicker-prev {float:left;}
.ui-datepicker-next {float:right;}
.ui-datepicker-title {text-align:center; color:#fff;}
#ui-datepicker-div thead {font-size:.75em; color:#666; background: #222;}
#ui-datepicker-div tbody a {display:block; color:#7492c8;}
#ui-datepicker-div tbody a:hover {color:#fff;}



/*====== Fancybox ======*/
#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('../js/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: fixed;
	top: 100px !important;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('../js/fancybox/fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('../js/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('../js/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('../js/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('../js/fancybox/fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('../js/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('../js/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('../js/fancybox/fancybox.png');
	background-position: -40px -182px;
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('../js/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('../js/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('../js/fancybox/fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('../js/fancybox/fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('../js/fancybox/fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('../js/fancybox/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('../js/fancybox/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('../js/fancybox/fancybox.png') -55px -90px no-repeat;
}

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../js/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../js/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../js/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../js/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../js/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../js/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../js/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../js/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }






/*====== Royal Slider ======*/

/* v1.0.5 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
.royalSlider {
	width: 100%;
	height: auto;
	position: relative;
	direction: ltr;
}
.royalSlider > * {
	float: left;
}

.rsWebkit3d .rsSlide {
	-webkit-transform: translateZ(0);
}


.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl,
.rsWebkit3d .rsABlock,
.rsWebkit3d .rsLink {
	-webkit-backface-visibility: hidden;
}
.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
    -webkit-transform: none;
}
.rsOverflow {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	float: left;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsVisibleNearbyWrap {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	left: 0;
	top: 0;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsVisibleNearbyWrap .rsOverflow {
	position: absolute;
	left: 0;
	top: 0;

}
.rsContainer {
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

.rsArrow,
.rsThumbsArrow {
	cursor: pointer;
}

.rsThumb {
	float: left;
	position: relative;
}


.rsArrow,
.rsNav,
.rsThumbsArrow {
	opacity: 1;
	-webkit-transition:opacity 0.3s linear;
	-moz-transition:opacity 0.3s linear;
	-o-transition:opacity 0.3s linear;
	transition:opacity 0.3s linear;
}
.rsHidden {
	opacity: 0;
	visibility: hidden;
	-webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
	-moz-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
	-o-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
	transition:visibility 0s linear 0.3s,opacity 0.3s linear;
}


.rsGCaption {
	width: 100%;
	float: left;
	text-align: center;
}

/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen {
	position: fixed !important;
	height: auto !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	z-index: 2147483647 !important;
	top: 0 !important;
	left: 0 !important;
	bottom: 0 !important;
	right: 0 !important;
}

.royalSlider .rsSlide.rsFakePreloader {
	opacity: 1 !important;
	-webkit-transition: 0s;
	-moz-transition: 0s;
	-o-transition:  0s;
	transition:  0s;
	display: none;
}

.rsSlide {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	overflow: hidden;

	height: 100%;
	width: 100%;
}

.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
	height: auto;
}

.rsContent {
	width: 100%;
	height: 100%;
	position: relative;
}

.rsPreloader {
	position:absolute;
	z-index: 0;
}

.rsNav {
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	user-select: none;
}
.rsNavItem {
	-webkit-tap-highlight-color:rgba(0,0,0,0.25);
}

.rsThumbs {
	cursor: pointer;
	position: relative;
	overflow: hidden;
	float: left;
	z-index: 22;
}
.rsTabs {
	float: left;
	background: none !important;
}
.rsTabs,
.rsThumbs {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}


.rsVideoContainer {
	width: auto;
	height: auto;
	line-height: 0;
	position: relative;
}
.rsVideoFrameHolder {
	position: absolute;
	left: 0;
	top: 0;
	background: #141414;
	opacity: 0;
	-webkit-transition: .3s;
}
.rsVideoFrameHolder.rsVideoActive {
	opacity: 1;
}
.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
	position: absolute;
	z-index: 50;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 44px;
}

.rsABlock {
	left: 0;
	top: 0;
	position: absolute;
	z-index: 15;

}

img.rsImg {
	max-width: none;
}

.grab-cursor {
	cursor:url(grab.png) 8 8, move;
}

.grabbing-cursor{
	cursor:url(grabbing.png) 8 8, move;
}

.rsNoDrag {
	cursor: auto;
}

.rsLink {
	left:0;
	top:0;
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	z-index: 20;
	background: url(blank.gif);
}




/*====== Slick Slider ======*/

.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #fff url("../img/loading.gif") center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before {font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-ms-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease; }

.slick-prev { left: -25px; }
[dir="rtl"] .slick-prev { left: auto; right: -25px; }
.slick-prev:before {content: "\e717";}
[dir="rtl"] .slick-prev:before { content: "→"; }

.slick-next { right: -25px; }
[dir="rtl"] .slick-next { left: -25px; right: auto; }
.slick-next:before {content: "\e71a";}
[dir="rtl"] .slick-next:before { content: "←"; }

/* Dots */
.slick-slider { margin-bottom: 30px; }

.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots ul li {background:none;}
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { color: black; opacity: 0.75; }




/* Wisepopups */
.wisepop-popin input[type="submit"],
.wisepop-popin .sans-serif--bold {
	font-family: 'robotobold' !important;
}

.wisepop-popin p {
	font-family: 'robotoregular' !important;
}

.wisepop-popin [class^="icon-"],
.wisepop-popin [class*=" icon-"] {
	font-family: 'icomoonfont' !important;
}

.wisepop-popin {
	background-color:#EAEAEA !important;
	border:none !important;
}

.wisepop-popin > a {
	right: 5px !important;
	top: 5px !important;
}

.wisepop-popin .popup-form--email-signup__content {
	padding:30px 30px 0 30px !important;
}









/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}




/*============================================== Browser Fixes ==============================================*/
.lt-ie9 .revenue {padding:0 5px 5px 5px;}
.lt-ie9 .revenue .pictogram {line-height:.5em;}
.lt-ie9 .btn,
.lt-ie9 input[type="text"], .lt-ie9 textarea, .lt-ie9 input [type="submit"],
.lt-ie9 .sidenav,
.lt-ie9 .top-info .phone,
.lt-ie9 .social-buttons .share,
.lt-ie9 .sidenav li.first a,
.lt-ie9 .sidenav li.last a,
.lt-ie9 .price-calculator .slider,
.lt-ie9 .chart-selectors .ui-slider {behavior: url(js/PIE.htc); z-index:1; position:relative;}
.lt-ie9 .price-calculator .slider .ui-slider-handle,
.lt-ie9 .chart-selectors .ui-slider a {behavior: url(js/PIE.htc); z-index:1;}
.lt-ie9 .price-calculator .btn .pictogram {line-height:.6em;}
.lt-ie9 .price-calculator input[type="text"] {min-height:0;}
.lt-ie9 .scrollable-section .browse {line-height:.6em;}
.lt-ie9 .btn-free-quote-hidden {line-height:4.1em;}
.lt-ie9 .recent-work-holder a:hover .tint {background:none;}
.lt-ie9 .newsletter-signup-form input.btn-signup {z-index:2;}
.lt-ie9 .top-social li a {line-height:0em;}
.lt-ie9 .top-social .icon-icon-blog {line-height:.6em;}
.lt-ie9 .see-our-results {padding:5px 0 15px 0;}
.lt-ie9 .keyword-check input[type="text"] { background: #F2F2F2; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 1); box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 1); outline: none; color: #333; font-size: .813em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; behavior: url(js/PIE.htc); z-index:1; position:relative;}
.lt-ie9 .keyword-check input[type="text"]:focus {background:#fff; -webkit-box-shadow: inset 0px 0px 6px 0px rgba(255, 255, 255, .5); box-shadow: inset 0px 0px 6px 0px rgba(255, 255, 255, .5);}
.lt-ie9 .keyword-check .btn.blue {background: #7492c8; color: #fff; -webkit-box-shadow: 0px 1px 0px 0px rgba(66, 96, 164, 1); box-shadow: 0px 1px 0px 0px rgba(66, 96, 164, 1); text-shadow: 0px -1px 0px #466db2; behavior: url(js/PIE.htc); z-index:1; position:relative;}
.lt-ie9 .keyword-check .btn.blue:active { background: #466db2; color: #fff;}
.lt-ie9 .keyword-check .btn.blue:hover { background: #a4b8db;}
.lt-ie9 .keyword-check li {color:#ccc;}
.lt-ie9 .portfolio-page .btn,
.lt-ie9 .free-quote-wrapper > .btn {position:absolute !important;}
.lt-ie9 form.filter-form {display:none;}
.lt-ie9 .alert {padding-bottom:0;}
.lt-ie9 .alert h2 {margin-top:0;}
.lt-ie9 .page-title .pictogram {line-height:.5em;}
.lt-ie9 .real-result__slider .rsArrow {border:none;}



/*============================================== Media Queries ==============================================*/

/* $1400 */
@media screen and (max-width:1400px) {

	.portfolio-nav,
	.case-study .portfolio-nav {
		position:static;
		top:0;
		left:0;
		right:0;
		display: block;
		width: 50%;
		height: auto;
		border: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
		text-align: center;
		padding: 5px;
		background:#000;
		-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	}

	.case-study .portfolio-nav {
		background:#333;
		padding: 10px 5px;
		z-index: 20;
	}

	.portfolio-nav:hover {border:0;}

	.portfolio-nav.prev {
		float:right;
		text-align:right;
	}

	.portfolio-nav.next {
		float:left;
		text-align:left;
	}

	.portfolio-nav a {
		display: inline-block;
		max-width: 100%;
		padding: 0;
		font-size: 14px;
		color: #7492C8;
	}

	.portfolio-nav.prev:after,
	.portfolio-nav.next:before {position:static; top:0; font-size:14px; display:inline; z-index: 20;}
	.portfolio-nav.prev:after { right:0;}
	.portfolio-nav.next:before { left:0;}

	.scrollable-section--portfolio-banner .slick-slider {margin-bottom:40px;}

}

/* $1250 for .content-section.wide*/
@media screen and (min-width:1250px) {
	.content-section.wide,.page-title{width:1200px;}
	.content-section.wide .twocol.span-1{width:585px;}
	.content-section.wide .twocol.span-2{width:1200px;}
	.content-section.wide .threecol.span-1 {width:380px;}
	.content-section.wide .threecol.span-2 {width:791px;}
	.content-section.wide .threecol.span-3 {width:1200px;}
	.content-section.wide .fourcol.span-1 {width:279px;}
	.content-section.wide .fourcol.span-2 {width:586px;}
	.content-section.wide .fourcol.span-3 {width:893px;}
	.content-section.wide .fourcol.span-4 {width:1200px;}
	.content-section.wide .fivecol.span-1 {width:215px;}
	.content-section.wide .fivecol.span-2 {width:462px;}
	.content-section.wide .fivecol.span-3 {width:707px;}
	.content-section.wide .fivecol.span-4 {width:954px;}
	.content-section.wide .fivecol.span-5 {width:1200px;}
	.page-title{padding:0;}
	.crawlerfx .content-section{width:1070px;}
	.split-content-section{width:1000px;}
	.split-content-section-divider-circle{padding-top:80%;}

}

@media screen and (max-width:1250px) {
	.marketing-calculator-module{margin:0;}
	.marketing-chart{width:58%;}
}

/* $1024 */
@media screen and (max-width:1024px) {

	* {
		box-sizing:border-box;
	}

	html {
		min-width:0;
		overflow-x: hidden;
	}

	.responsive-image {
		display:block;
		height:auto;
		width:100%;
	}

	.fluid-width-video-wrapper {
		float:left;
		margin-bottom:20px;
	}


	/*====== Content Font Styles ======*/
	.big,
	.full-column-page h1 {font-size:29px !important;}
	.bigger {font-size:43px !important;}
	.biggest {font-size:64px !important;}

	.big.pictogram {font-size:36px !important;}


	/*====== Display ======*/
	.show--tablet,
	.display--tablet {
		display:block !important;
	}

	.hide--tablet {
		display:none !important;
	}


	/*====== Content Sections ======*/
	.content-section {
		padding: 60px 5%;
		width:100%;
	}
	.arrow-bar {
		padding:30px 5%;
	}

	.new-bottom-quote-form.bottom-quote-form {
		width: 100%;
	}

	.content-section-overlap {
		padding:0 5%;
		width:100%;
	}

	/*====== All Columns ======*/
	.twocol.span-2,
	.threecol.span-3,
	.fourcol.span-4,
	.fivecol.span-5 {width:100%; margin-right:0;}

	.twocol.span-1,
	.threecol.span-1,
	.threecol.span-2,
	.fourcol.span-1,
	.fourcol.span-2,
	.fourcol.span-3,
	.fivecol.span-1,
	.fivecol.span-2,
	.fivecol.span-3,
	.fivecol.span-4 {margin-right:4%;}



	/*====== 2 Columns ======*/
	.twocol.span-1 {width:48%}



	/*====== 3 Columns ======*/
	.threecol.span-1 {width:30.6667%;}
		img.threecol.span-1 {height:auto;}
	.threecol.span-2 {width:65.3334%;}



	/*====== 4 Columns ======*/
	.fourcol.span-1 {width:22%;}
	.fourcol.span-2 {width:48%;}
	.fourcol.span-3 {width:74%;}



	/*====== 5 Columns ======*/
	.fivecol.span-1 {width:16.8%;}
	.fivecol.span-2 {width:37.6%;}
		.fivecol.span-4 .fivecol.span-2 {width:48%;}
	.fivecol.span-3 {width:58.4%;}
	.fivecol.span-4 {width:79.2%;}
		.fivecol.span-4 .fivecol.span-4 {width:100%;}

	img.fivecol.span-1,
	img.fivecol.span-2,
	img.fivecol.span-3,
	img.fivecol.span-4 {width:auto;}


	/*====== Asides ======*/
	aside.right {float:right; margin:0 0 4% 4%;}
	aside.right.span-1 {width:22%;}
	aside.right.span-2 {width:48%;}

	aside.left {float:left;}
	aside.left.span-1 {width:22%; margin:0 4% 4% 0;}
	aside.left.span-2 {width:48%; margin:0 4% 4% 0;}
	aside.left.span-4 {width:100%;}



	/*====== Call to Actions ======*/
	.fivecol.span-1.cta,
	.request-info {width:100%;}

	/*====== Forms ======*/

	.popup-form label,
	.popup-form label.error,
	.popup-form input[type="text"],
	.popup-form textarea,
	.popup-form select {
		width:100%;
	}

	.popup-form label {
		margin:0;
		text-align:left;
	}

		.popup-form label.error {margin:5px 0 0 0;}

	.popup-form input[type="submit"] {margin-left:0;}

		.bottom-quote-form .form-row {width:100%;}

		.bottom-quote-form .or-call {right:5%;}

		.bottom-quote-form .left-column {width:48%; }

		.bottom-quote-form .right-column {
			width:48%;
			margin:0 0 20px 4%;
		}



	/*====== Alerts ======*/
	.alert {
		padding:10px 5%;
		text-align:center;
		width:100%;
	}

	.alert h2 {
		float: none;
		max-width: 100%;
		margin-right: 0;
	}

	.alert-content {display:none;}

	.alert .btn {float:none;}



	/*====== Tables ======*/
	.table-head {
		left:auto !important;
		position:static !important;
		top: auto !important;
		width: 100%;
	}

		.span-4 .table-head {width:100%;}

	.table-heading .italic,
	.static-table-heading .italic {font-size:10px;}

	.table-wrapper {overflow:scroll;}

	.table-wrapper thead {display:table-row-group !important;}

	.table-wrapper td {line-height: 1.4;}

	.table-wrapper th {
		background: #466db2;
		color:#fff;
		font-family: 'robotobold';
		text-transform:uppercase;
		padding: 8px;
		line-height: 1.4em;
	}

		.table-wrapper th:nth-child(3n) {background: #4166a6;}
		.table-wrapper th:nth-child(4n) {background: #3c5e9a;}
		.table-wrapper th:nth-child(5n) {background: #325189;}

		.table-wrapper .italic {
			font-size:10px;
			text-transform:none;
		}

	.pricing-table .item {padding:8px;}

	.table-wrapper td,
	.table-wrapper th,
	.pricing-table .item {font-size:14px;}
	.small-pricing-table-heading h4{font-size:12px;}
	ul.small-pricing-table-info li{font-size:12px;height:50px;}


	/*====== Header ======*/
	.header-top {
		width:100%;
		padding:0 5% 10px 5%;
	}

	.header-top-right {
		max-width: none;
		width:60%;
	}

	.logo-container .logo-text {display:none;}

	.logo-container:hover .logo {
		left:auto;
		opacity:1;
	}

	.btn-free-quote {left:5%;}

	.condensed-nav .hidden-logo {left:5%;}

	.condensed-nav .btn-free-quote-hidden {
		position:absolute;
		right:156px;
	}

	.condensed-nav .mobile-site-menu__trigger {border-left:none;}

	.site-wrapper {
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
		-ms-transition: all .3s ease;
		-o-transition: all .3s ease;
		transition: all .3s ease;
	}

	.site-wrapper.fade {
		opacity:.05;
	}

	#nav-list > :nth-child(6) {display:block !important;}

	#nav-list > :nth-child(6) > ul > :nth-child(2) {display:none;}


	/*====== Main Nav ======*/
	nav[role="navigation"] {
		width:100%;
		padding:0 5%;
	}

	.mobile-navigation-overlay {
		background-color: rgba(0, 0, 0, .95);
		display:table !important;
		height:100%;
		position:fixed;
		left:0;
		opacity:0;
		top:0;
		-webkit-transition: all .4s ease;
		-moz-transition: all .4s ease;
		-ms-transition: all .4s ease;
		-o-transition: all .4s ease;
		transition: all .4s ease;
		width:100%;
		z-index:-1;
	}

		.mobile-navigation-overlay.visible {
			opacity:1;
			z-index:1000;
		}

	.mobile-navigation-overlay button {
		-webkit-transition: all .4s ease;
		-moz-transition: all .4s ease;
		-ms-transition: all .4s ease;
		-o-transition: all .4s ease;
		transition: all .4s ease;
	}

	.mobile-navigation-overlay__close-row,
	.mobile-navigation-overlay__menu-row {display:table-row;}

	.mobile-navigation-overlay__close-row {height:50px;}

	.mobile-navigation-close {margin:2% 5%;}

	.mobile-navigation-overlay a {
		color:#fff;
		display:block;
		font-size:24px;
		padding: 1.2% 5%;
	}

		.mobile-navigation-overlay a:hover {background:#466DB2;}

		.mobile-navigation-overlay ul ul a {
			font-size:16px;
			padding: 1.2% 10%;
		}

	.sub-menu-arrow {
		border: 3px solid #333;
		border-radius: 100px;
		cursor:pointer;
		position: absolute;
		right: 5%;
		top: 0;
		padding: 1.2%;
		font-size: 24px;
		-webkit-transition: all .4s ease;
		-moz-transition: all .4s ease;
		-ms-transition: all .4s ease;
		-o-transition: all .4s ease;
		transition: all .4s ease;
	}

		.sub-menu-arrow:hover {border: 3px solid #7492c8;}

	.sub-menu-arrow.icon-arrow-down.toggled:before {
		content: "\e6cc";
	}

	.untoggled .sub-menu-arrow.icon-arrow-down.toggled:before {
		content: "\e70c";
	}

	.sub-menu-back {display:none;}

	.mobile-navigation-overlay > div > ul {
		list-style:none;
		margin:0;
		padding:0;
		display: table-cell;
		vertical-align: middle;
	}

		.mobile-navigation-overlay > div > ul > li {position:relative;}

			.mobile-navigation-overlay > div > ul > li:last-child .sub-menu-arrow {display:none !important;}

		.mobile-navigation-overlay > div > ul ul {
			border-bottom:1px solid #222;
			border-top:1px solid #222;
			max-height:0;
			list-style:none;
			opacity:0;
			overflow:hidden;
			padding:0;
			margin:0;
			-webkit-transition: all .4s ease;
			-moz-transition: all .4s ease;
			-ms-transition: all .4s ease;
			-o-transition: all .4s ease;
			transition: all .4s ease;
		}

			.mobile-navigation-overlay > div > ul ul.toggled {
				opacity:1;
				max-height:1000px;
			}

		.mobile-navigation-overlay > div ul ul > li {
			float:left;
			position:relative;
			width:50%;
		}

		.mobile-navigation-overlay .current-menu-item > a {background:#2E4875;}


	/*====== Masthead ======*/
	.masthead {
		background-size:cover;
		min-width:0;
	}


	/*====== Homepage Section Styles ======*/
	.top-logos {
		height:auto;
	}

		.top-logos ul {
			display:table;
			height:auto;
			padding:0;
			width:100%;
		}

			.top-logos li {
				display:table-cell;
				vertical-align:middle;
			}

			.top-logos li.inc {
				float:none;
				margin-right:5%;
				width:35%;
			}

			.top-logos li.heardable {
				float:none;
				width:20%;
			}

			.top-logos li.db {
				float:none;
				margin-left:5%;
				width:35%;
			}

				.top-logos li.inc img,
				.top-logos li.db img {
					height:auto;
					width:100%;
				}

				.top-logos li.heardable img {
					height:auto;
					left:auto;
					position:static;
					top:auto;
					width:100%;
				}

	.client-spotlight {
		padding:0 !important;
	}

		.case-study-img.cleveland-brothers {
			left: 50%;
			margin-left: -301px;
		}

		.case-study-info-box {
			float: left;
			width: 100%;
			margin-top: 400px;
		}

			.case-study-info-box .client-area,
			.case-study-info-box .fact-area {
				width:100%;
			}

			.case-study-info-box .client-area {padding: 6px 5% 6px 5%;}

			.case-study-info-box .fact-area {padding: 30px 5% 20px 5%;}

			.case-study-info-box .fact-area br,
			.case-study-small-copy {display:none;}


	.company-facts-infographic .span-1 img {
		height:auto;
		width:100%;
	}

	.cta-row .span-1.crawlerfx,
	.cta-row .span-1.marketing-calculator {display:none;}

	.homepage-roi .threecol.span-1 {
		margin-right:0;
		width:100%;
	}



	.blog-feed .fivecol.span-1 {
		margin-left:4%;
	}

	.blog-feed img {
		width:100%;
	}


	/*====== Innerpage Styles ======*/
	.page-header,
	.design-header,
	.development-header,
	.internet-marketing-header,
	.team-header2 {background-size:cover;}

	.yellow-arrow-form.fivecol.span-4 {width:100%;}
	.ribbon-title{width:auto;}

	.page-title,
	.top-info {width:100%;}

	.page-title {padding: 0 5%;}

		.page-title p {padding-right:0;}

		.top-info .left-section,
		.top-info .right-section {
			width:48%;
		}

		.top-info .left-section {
			margin:0 4% 0 0;
		}

		.top-info .case-study {
			width:345px;
		}

		.top-info .btn.half,
		.top-info .phone,
		.top-info .btn.blue-small.half,
		.top-info .btn.yellow-small.half {
			text-align:center;
			width:49%;
		}

		.top-info .btn.half {
			font-size: 10px;
		}

		.industry-stats img {
			height:auto;
			width:100%;
		}

	.sidenav,
	.site-sidebar {display:none;}

	.right-column-content.fivecol.span-4 {
		width:100%;
	}

	.sidebar.trust-logos img {
		height:auto;
		width:100%;
	}

	.successes a {
		height:auto;
		margin-right:2%;
		width:32%;
	}

	.successes img {
		height:auto;
		width:100%;
	}

	.success-overlay,
	.successes-section-wide .success-overlay {
		padding:5%;
	}

	.success-mini-form-section__form {
		background:#ffd02b;
		height:auto;
		text-align:center;
	}

		.success-mini-form-section__form .title,
		.success-mini-form-section__form label,
		.success-mini-form-section__form input {
			float:none;
		}

		.success-mini-form-section__form header {
			margin-bottom:10px;
			width:100%;
		}

		.success-mini-form-section__form label {
			background:none;
			display:block;
			margin-left:0;
			max-width:inherit;
			width:100%;
		}

	.successes-section-wide .heading{width:100%;background:none;height:auto;}
	.successes-section-wide h2{margin:0 0 10px;color:#122239;border-color:#e1e1e1;}
	.successes-section-wide .success-mini-form-section:after{content:none;}
	.successes-section-wide .success-mini-form-section{width:100%;height:auto;}
	.successes-section-wide .success-mini-form-section__form label{max-width:none;padding:0;}
	.successes-section-wide .success-mini-form-section__form input[type="submit"]{margin-left:0;}


	.btn-take-first-step {
		background:#ffd02b;
		padding:10px;
		text-align:center;
		width:100%;
	}

	.whats-this-popup {
		background:#fff;
		float:left;
	}

	.take-first-step .call {margin-left:0;}

	.content-section iframe {width:100%;}

		#iframe-stmblpn-widget-1 {width:60px;}

	#fancybox-wrap {top:50px !important;}

	.knowledgebase {display:none;}

	.scrollable-section--image-banner img {
		height:auto;
		width:100%;
	}

	.scrollable-section__caption-section {display:none;}





	/*====== Portfolio ======*/
	.featured-thumbnail {
		margin-right:.5%;
		width:33%;
	}

		.featured-thumbnail img {width:100%;}

		.featured-thumbnail .btn {top:25%;}



	.additional-work-thumbnail {margin:0 1% 1% 0;width:32%;height:auto;}
	.additional-work-thumbnail img{width:100%;}

	.scrollable-section--portfolio-banner .slick-slider {max-width:100%;}

	.scrollable-section--portfolio-banner .slick-slide img {
		height:auto;
		width:100%;
	}

	.scrollable-section--portfolio-banner .slick-prev,
	.scrollable-section--portfolio-banner .slick-next {display:none !important;}

	.portfolio-nav a {font-size:12px;}

	.case-study .content-section,
	.ceramcor.case-study .content-section,
	.saferbrand.case-study .company-intro .content-section {padding:60px 5%;}

	.case-study .company-intro .content-section {padding:40px 5% 60px 5%;}

	.case-study-tab-section.content-section {
		padding: 150px 5% 60px 5%;
		width: 100%;
	}

	.case-study-tab-section--tabs,
	.case-study .tabs--content {width: 100%;}

	.case-study .services {width:25%;}

	.case-study .services li span {
		height:30px;
		width:30px;
	}

	.ceramcor .masthead {
		overflow:hidden;
		position:static;
		width:100%;
	}

	.ceramcor .content-section {padding:0 5%;}

	.ceramcor .pan {left:550px;}

	.ceramcor .case-study-website-screenshot,
	.ocnj .case-study-website-screenshot .screenshot,
	.cleveland-brothers .case-study-website-screenshot .screenshot,
	.vf-outlet .case-study-website-screenshot .screenshot, .sharretts-plating .case-study-website-screenshot .screenshot, .cj-pony-parts .case-study-website-screenshot .screenshot {
		background-size: cover;
		height: 650px;
	}

	.saferbrand .masthead h1 {font-size: 52px;}

	.saferbrand .masthead h1 span {font-size: 84px;}

	.ocnj .map-caption {
		padding-left: 66%;
		width: 100%;
	}

	.ocnj .map-img {
		height:auto;
		left: -150px;
		width:70%;
	}

	.cleveland-brothers .intranet .worker,
	.vf-outlet-center .result {display:none;}

	.sharretts-plating .macbook{background: none; height: auto;}
	.sharretts-plating .search-caption {
		padding-left: 66%;
		width: 100%;
	}

	.sharretts-plating .pull-img {
		height:auto;
		left: -110px;
		width:70%;
	}

	.portfolio-featured-project-info-text{padding:0 10%;}
	.portfolio-featured-project-info-text h2{font-size:48px;}
	.additional-work-thumbnail-title{display: none !important;}

	/*====== Testimonial Page ======*/
	blockquote .testimonial-text {
		float:left;
		width:100%;
	}

	blockquote .testimonial-logo {margin-bottom:20px;}

	/*====== Inside WebpageFX Page ======*/


	.team-header:hover {background-position:inherit;}

	.accordion.news p {font-size:inherit;}

	.btn.toolsGreen, .btn.toolsMaroon {display:none;}


	/*====== Employment Page ======*/


	.industry-learn-more.threecol.span-1 {width:100%;}

	.industry-learn-more .btn.blue {
		float:right;
		margin:5% 5% 0 10px;
	}


	/*====== Free Quote Page ======*/
	.free-quote-form {margin:0;}

	.free-quote-form input[type="submit"] {font-size:inherit;}


	/*====== Results Page ======*/
	.meet-the-team--wrapper {
		background:#000;
		min-height:0;
	}

		.meet-the-team--wrapper .fivecol.span-2 {
			margin-right:0;
			text-align: center;
			width:100%;
		}

			.meet-the-team--wrapper .fivecol.span-2 br:first-of-type {display:none;}

		.meet-the-team--wrapper .btn {display:inline-block;}

		.meet-the-team--wrapper .responsive-image {margin-bottom:30px;}

	.real-results--marketing-software .fourcol.span-2 {
		margin-right:0;
		text-align:center;
		width:100%;
	}

	.real-result__slider.royalSlider {
		height:auto;
		overflow: hidden;
		width:auto;
	}

	.real-result__slider .rsArrowLeft {left:5px;}
	.real-result__slider .rsArrowRight {right:5px;}

	.real-result__content h2 {margin:0;}

	.real-result__content dt {font-size:11px;}

	.real-result__content dd {font-size:20px;}

	.real-result {margin: 0 40px;}

	.real-result img {
		margin-right:5%;
		width:35%;
	}

	.real-result__vf-outlet:before,
	.real-result__ocean-city:before {top:15px;}

	.real-results--marketing-software .fourcol.span-2 {width:100%;}

	.result-circle__row .fivecol.span-1 {
		margin-right:0;
		width:50%;
	}

	.result-circle__row .result-circle {margin:4% auto;}


	/*====== Employment Page Styles ======*/
	.content-section .accordion .vid-list {
		padding:4%;
	}

		.accordion .vid-list h3,
		.accordion .vid-list em {
			padding:0;
		}

		.content-section .vid-list iframe {
			margin-bottom:0;
		}

		.content-section .accordion .vid-list li {
			margin-top:4%;
			width:100%;
		}

			.content-section .accordion .vid-list li:first-child {
				margin-top:0;
			}


	/*====== Marketing Guides Page Styles ======*/
	.marketing-guides .info-block .image {
		height:auto;
		width:35%;
	}

	.marketing-guides .info-block .text {width:65%;}

	.marketing-guides-article .article {
		margin-right:0;
		width:100%;
	}

	.marketing-guides-article #affixNav {display:none;}

	.marketing-guides-sidebar.fourcol.span-1 {width:100%;}

		.marketing-guides-sidebar .sidebar-form {margin-bottom:0;}

			.marketing-guides-sidebar .sidebar-form.fixed {
				position:static;
				width:100%;
			}

			.marketing-guides-sidebar .sidebar-form header {
				padding:5px 5%;
				text-align:center;
			}

			.marketing-guides-sidebar .sidebar-form h2 {
				font-size:20px;
			}

				.marketing-guides-sidebar .sidebar-form h2 br,
				.marketing-guides-sidebar .sidebar-form ul {display:none;}

			.marketing-guides-sidebar .sidebar-form .content-area {
				background: #2e4875;
				overflow:hidden;
				padding: 10px 30px;
			}

			.marketing-guides-sidebar .sidebar-form img {
				float:left;
				width: 20%;
			}

			.marketing-guides-sidebar .sidebar-form form {
				float: left;
				margin-top: 20px;
				margin-left: 5%;
				width: 75%;
			}

			.marketing-guides-sidebar .sidebar-form input[type="text"] {
				float:left;
				width:49%;
			}

				.marketing-guides-sidebar .sidebar-form input[type="text"]:nth-child(even) {
					margin-left:2%;
				}

	.book-form-wrapper figure {
		margin:0;
		width:30%;
	}

		.book-form-wrapper figure img {width:100%;}

	.book-form-wrapper form {
		margin-left:10%;
		width:60%;
	}

	.knowledge-base-ending {background-size:cover;}


	/*====== Footer ======*/
	.footer-section {
		padding:0 5%;
		width:100%;
	}

	.footer-testimonial p {
		padding-bottom:20px;
	}

	.site-footer {
		padding:40px 5% 50px 5%;
		width:100%;
	}

	.footer-cta {
		margin-left:4%;
		margin-right:0;
		width:48%;
	}

		.footer-cta:first-child {
			margin-left:0;
		}

	.site-footer.home .get-quote .btn {
		padding:0 7px;
	}

	.footer-logos img {
		height:auto;
		width:100%;
	}

	.footer-nav li {
		border-left:none;
		display:inline-block;
		float:left;
		line-height:2.4em;
		width:25%;
		padding-left: 0;
		margin-left: 0;
		text-align: left;
	}

	p.footer-subnav {
		clear:left;
		float:left;
		width:100%;
	}

	.marketing-landing a span {opacity:1; background-color: transparent;}

	/*bottom quote form */
	.new-bottom-quote-form .btn-get-quote{
        width:100% !important;
        padding:12px;
        font-size:20px !important;
    }

    /*====== CrawlerFX ======*/
    .crawlerfx-overall-help::before,
    .crawlerfx-overall-help::after{content:none;}
    .crawlerfx-overall-help{right:0;margin-right:0;height:auto;text-align:center;}
    .crawlerfx-overall-help-text{float:none;padding:20px 0 0 0;}
    .crawlerfx-overall-help .btn{float:none;margin:0 0 20px;}
    .crawlerfx-top-results{padding:0 !important;}
    .crawlerfx-result-section-info{width:100%;}
    .crawlerfx-result-section-recommendation{width:100%;}
    .crawlerfx-result-section-recommendation p{padding:25px 35px 0;}
    .crawlerfx-result-section-info{padding-bottom:20px;}
    .crawlerfx-result-section-recommendation:before{border-right-color:transparent;border-bottom-color:#314778;margin-left:5%;margin-top:-40px;}
    .crawlerfx-result-section-header p.score{font-size:14px;}

    /*====== Website Cost ======*/
    .masthead--website-cost-calculator .masthead__content-wrapper{width:auto;}
    .price-calculator{padding:50px;}
}

/* $992 */
@media (max-width:992px) {

	.case-study .portfolio-nav {display: none;}


	/*====== Innerppage ======*/
	.page-title p {font-size:36px;}

	.result-circle {
		height:140px;
		width:140px;
	}


	/*====== Employment Page ======*/
	.employment-sidebar > img {display:none;}

	.refer-employee__column {width:100% !important;}


	/*====== Footer ======*/
	.site-footer .threecol.span-1 {
		margin:0 2% 0 0;
		width:49%;
	}

		.site-footer .threecol.span-1:first-child {display:none;}

		.site-footer .threecol.span-1.last {margin:0;}

	.site-footer.home .footer-blog-feed,
	.site-footer.home .newsletter-signup {
		margin-top:0;
	}

	.site-footer .get-quote {
		display:none;
	}

	.footer-logos {margin-top:0;}

		.footer-logos h3 {text-align:center;}

		.footer-logos img {
			display:block;
			margin:0 auto;
		}

	.footer-ctas {
		margin-left:4%;
	}

	.newsletter-signup {
		padding:3%;
	}

	.newsletter-signup-form input[type="email"] {
		padding:10px;
	}

	.footer-logos img {
		width:auto;
	}

	.website-cost-download-cta img{display:none;}
	.website-cost-download-cta p,
	.website-cost-download-cta-btn{text-align:center;}

}

/* $767 */
@media screen and (max-width:767px) {

	/*====== Display / Hide ======*/

	.revenue,
	.top-social,
	.client-spotlight .headline,
	.case-study-img.cleveland-brothers,
	.homepage-roi .cta-row,
	.main .blog-feed,
	.footer-testimonial,
	.real-result__results .btn {
		display:none;
	}


	/*====== Content Font Styles ======*/
	.big,
	.full-column-page h1 {font-size:23px !important;}
	.bigger {font-size:34px !important;}
	.biggest {font-size:51px !important;}

	.big.pictogram {font-size:36px !important;}


	/*====== Structure ======*/

	.content-section {padding:45px 5%;}

	.fivecol.span-1,
	.fivecol.span-2,
	.fivecol.span-3,
	.fivecol.span-4,
	.fivecol.span-4 .fivecol.span-2 {
		margin-right:0;
		width:100%;
	}

	.fourcol.span-1 {width:50%;}

	.learn-group .fourcol.span-1 {width: 22%;}


	/*====== Buttons ======*/

	.btn {margin-bottom:10px;}


	/*====== Tables ======*/

	.table-wrapper td,
	.table-wrapper th,
	.pricing-table .item,
	.pricing-table .item-info {font-size:12px;}
	.small-pricing-table{width:50%;}
	ul.small-pricing-table-info li{height:35px;}


	/*====== Homepage ======*/

	.client-spotlight {
		background: none;
		height: auto;
	}

	.case-study-info-box {margin-top:0;}

	.homepage-roi .company-facts-infographic {margin-top:20px;}

	.three-main-service-offerings > section {padding:50px 10px 0 10px;}

	.three-main-service-offerings__development,
	.three-main-service-offerings__design,
	.three-main-service-offerings__marketing {background:none;}

	.homepage-slider--put-the-web-to-work-two .quick-form {
		height:auto;
		width:100%;
	}


	/*====== Innerpage ======*/

	.page-title p {font-size:28px;}

	.table-heading {font-size:11px;}

	.marketing-guides .info-block .text,
	.marketing-guides .info-block .image {
		text-align:center;
		width:100%;
	}

	.marketing-guides.main .tools-intro,
	.marketing-guides-social-area.fivecol.span-2 {
		margin-right:0;
		width:100%;
	}

	.marketing-guides-download-form .intro h1 {font-size:40px;}






	.top-info aside{padding-top:20px;}
	.top-info .proof-logos {
		display:block;
		height:auto;
	}

	.result-circle {
		height:156px;
		width:156px;
	}

	.contact-page-content .fourcol.span-1,
	.contact-page-content .fourcol.span-3 {width:100%;}

	.contact-info dl {
		float:left;
		width:50%;
	}

	.free-quote-sidebar p {font-size:14px;}


	/*====== Portfolio ======*/
	.featured-thumbnail {
		margin-bottom:20px;
		margin-right:2%;
		width:49%;
	}

		.featured-thumbnail:nth-child(3n+0) {
			clear:left;
			margin-right:2%;
		}

		.featured-thumbnail:nth-child(2n+0) {margin-right:0;}

	.case-study .company-intro .fivecol.span-1 {
		margin-right:4%;
		width:16.8%;
	}

	.case-study .company-intro .fivecol.span-4 {width: 79.2%;}

	.case-study .company-intro-copy {
		border-right:none;
		padding-right:0;
		width:100%;
	}

	.case-study .services {width:100%;}

	.case-study .tabs--content img {width: 50%;}

	.ceramcor .case-study-website-screenshot,
	.ocnj .case-study-website-screenshot .screenshot,
	.cleveland-brothers .case-study-website-screenshot .screenshot,
	.vf-outlet .case-study-website-screenshot .screenshot, .sharretts-plating .case-study-website-screenshot .screenshot, .cj-pony-parts .case-study-website-screenshot .screenshot {height: 500px;}

	.ceramcor .masthead h1 {
		font-size:42px;
		line-height: 1.1em;
		margin-top: 0;
	}

	.ceramcor .masthead h1 strong {
		font-size:80px;
		line-height: .9em;
	}

	.ocnj .result-circle,
	.saferbrand .result-circle,
	.ceramcor .promotion .result-circle {margin: 0 auto 20px auto;}

	.ocnj .masthead h1 {font-size:4em;}

	.ocnj .map-img,
	.ocnj .map-caption {display:none;}

	.ocnj .design-process {padding-bottom:0;}

	.ocnj .mobile {background: url(../img/case-study-img/ocnj/screenshot-mobile.jpg) center 400px no-repeat;}

	.sharretts-plating-quote-requests-result-left {margin: 0; margin-bottom: 40px}
	.sharretts-plating .pull-img,
	.sharretts-plating .search-caption {display:none;}
	.sharretts-plating .masthead h1 {font-size:4em;}
	.sharretts-plating .design-process {padding-bottom:0;}

	.cj-pony-parts .pull-img {display:none;}
	.cj-pony-parts .masthead h1 {font-size:4em;}

	.portfolio-featured-project-info-text h2{font-size:38px;}
	.portfolio-featured-project-info-text h3{font-size:16px;margin:20px 0 0;}
	.filter-form.portfolio-industry-filter{position:static;float:none;}
	/*====== Inside WebpageFX ======*/

	.family-images .image-box {width:25%;}

	.GI_TW_expander .GI_TW_expander-inner {width:100%;}

	.family-images .img {height:400px;}

	#fancybox-content iframe {width:100%;}




	/*====== Footer ======*/

	.bottom-quote-form .or-call {
		position:static;
	}

	.new-bottom-quote-form .twocol.rightcol,
    .new-bottom-quote-form .twocol.leftcol {
        padding:0;
    }

    .new-bottom-quote-form h2.call {
        font-size:20px;
    }

	p.footer-subnav {
		border-top: 1px solid #151515;
		margin-top: 20px;
		padding-top: 20px;
		line-height: 2.3em;
	}

	/*===== CrawlerFX =====*/
	.crawlerfx-overall-score .thermometer {width:auto;margin:40px 5%;}
	.crawlerfx-overall-score .thermometer .track{width:100%;}
	.crawlerfx-overall-score .thermometer .goal{display:none;}
	.crawlerfx-overall-details-box {padding:25px 5px 0 5px;}
   	.crawlerfx-result-section-header p,
   	.crawlerfx-result-section-header h2 {width:100%;text-align:left !important;padding-top:15px;}

   	/*====== WEbsite COst =====*/


}

/* $600 */
@media screen and (max-width:600px) {

	.site-footer.home .footer-blog-feed,
	.top-logos-wrapper,
	.footer-ctas,
	.footer-logos,
	.btn-free-quote,
	.three-main-service-offerings .span-1 h2,
	.three-main-service-offerings .span-1 h3,
	.three-main-service-offerings .span-1 p,
	.three-main-service-offerings .span-1 span,
	.homepage-slider--put-the-web-to-work-two .quick-form,
	.free-quote-sidebar,
	.portfolio-nav {
		display:none;
	}

	.show--mobile {display:block !important;}
		.table-wrapper__expand.show--mobile {display:none !important;}

	.hide--mobile,
	.show--mobile.hide {display:none !important;}

	.responsive-image--mobile {
		display:block;
		height:auto;
		width:100%;
	}


	/*====== Content Font Styles ======*/
	.big,
	.full-column-page h1 {font-size:18px !important;}
	.bigger {font-size:27px !important;}
	.biggest {font-size:41px !important;}

	.big.pictogram {font-size:36px !important;}

	h1 {font-size:18px;}
	h2 {font-size:16px;}
	h3 {font-size:14px;}
	h4 {font-size:13px;}
	.content-page h1{font-size:24px;}


	/*====== Structure ======*/

	.content-section,
	.homepage-slider,
	.arrow-bar {
		padding:30px 5%;
	}

	.masthead__content-wrapper.content-section {
		padding: 50px 5% 70px 5%;
	}

	.twocol.span-1,
	.threecol.span-1,
	.threecol.span-2,
	.twocol--no-gutter .span-1,
	.twocol--no-gutter.border-center .span-1,
	.fourcol.span-1,
	.fourcol.span-2,
	.fourcol.span-3,
	.result-circle__row .fivecol.span-1,
	aside.left.span-2,
	aside.right.span-2 {
		margin-right:0;
		width:100%;
	}

	.twocol--no-gutter.border-center .span-1 {padding:0;}

	.span-1.border-left,
	.twocol--no-gutter.border-center .span-1,
	.twocol--no-gutter.border-center .span-1:first-child {
		border:none;
		border-width:0;
	}

	.span-1.border-left,
	.span-2.border-left,
	.span-3.border-left,
	.span-4.border-left {padding-left:0;}

   	.split-content-section-paragraph,
   	.split-content-section-divider,
   	.split-content-section-divider-circle{width:100%;margin-bottom:0;padding-bottom:0;}
   	.split-content-section-divider{text-align:center;}
   	.split-content-section-divider-circle{border:none;left:0;padding-top:0; border-bottom:2px solid #ddd;margin:50px 0;}
   	.split-content-section-divider-circle span{left:50%;margin-left:-35px;top:-35px;}

	/*====== Forms ======*/
	.main-form {
		margin-left:0;
		margin-right:0;
		width:100%;
	}

	.main-form .valid-invalid {display:none;}

	.main-form label {
		width: 100%;
		margin-right: 0;
	}

	.main-form input[type="text"],
	.main-form input[type="email"],
	.main-form input[type="password"],
	.main-form textarea,
	.main-form select {
		width:100%;
	}

	.main-form fieldset fieldset {
		margin:0 0 20px 0;
		width:100%;
	}

	.main-form input[type="submit"] {
		margin-left:0;
		width:100%;
	}

	.bottom-quote-form .btn-get-quote {padding:15px;}


	/*====== Masthead ======*/

	.masthead__content-wrapper--transparent-box.masthead__content-wrapper {
		margin:0;
		max-width:100%;
	}

	.masthead__case-study-label {padding:15px 5%;}

	.vf-outlet .masthead {
		height:500px;
	}

	.vf-outlet .masthead h1,
	.ocnj .masthead h1,
	.cleveland-brothers .masthead h1, .sharretts-plating .masthead h1, .cj-pony-parts .masthead h1 {font-size:2em;}


	/*====== Header ======*/

	.page-header,
	.design-header,
	.development-header,
	.internet-marketing-header,
	.team-header,
	.team-header2 {height:100px !important;}

	.btn-free-quote-hidden {
		display:block;
		float: left;
	}

	nav[role="navigation"] {padding:0;}

	.logo-container {
		height:30px;
		margin-top: 20px;
	}

	div.logo,
	.logo-container .logo {
		background-size:135px 30px !important;
		height:30px;
		width: 135px;
	}

	.condensed-nav nav[role="navigation"] .phone-number {
		margin-left:72px;
		padding: 16px 5px;
		font-size: 12px;
	}

	.condensed-nav .mobile-site-menu__trigger {
		border-left: none;
		padding:0 7px;
		width:auto;
	}

	.condensed-nav .mobile-site-menu__trigger-icon,
	.condensed-nav .mobile-site-menu__trigger-text {
		float:left;
		position:static;
		left:auto;
		top:auto;
	}

	.condensed-nav .mobile-site-menu__trigger-text {
		clear:left;
		font-size:11px;
		line-height:1;
	}

	.condensed-nav .btn-free-quote-hidden {
		float:left;
		right:auto;
		padding:0 8px;
		position:static;
	}


	/*====== Homepage ======*/

	.logo-container:hover .logo,
	.logo-container:hover .logo-text {left:auto; }

	.homepage-slider {background-size:cover;}

	.homepage-slider,
	.homepage-slider .slide {height:auto;}

	.homepage-slider--put-the-web-to-work-two h2 {margin: 10% 0;}

	.three-main-service-offerings > section {padding:10px 0;}




	.company-facts-infographic .span-1 img {
		width: 70%;
		margin: 0 auto;
		display: inherit;
	}


	/*====== Innerpage ======*/

	.page-title p {font-size:24px;}
	.ribbon-title{font-size:15px;}

	.top-info .left-section,
	.top-info .right-section {width:100%;}

	.top-info .right-section {
		margin:40px 15% 20px 15%;
		width:70%;
	}

	.top-info .proof-logos {margin-top:20px;}

	#fancybox-wrap {top:0 !important;}

	.keyword-check input[type="text"] {
		margin-right:2%;
		width:78%;
	}

	.keyword-check input[type="submit"] {width:20%;}

	.successes a {
		margin: 5px 0;
	    width: 100%;
	    height: 100px;
	    overflow: hidden;
	}

	.scrollable-section--logos .slick-prev {left:-30px;}
	.scrollable-section--logos .slick-next {right:-30px;}

	.contact-info dl {width:100%;}

	.tabs--content {padding:20px 0;}

	.tab-item {width:100% !important;}

		.white-section-wrapper .tab-item {
			border-top:none;
			border-left:1px solid #bcbcbc;
		}

			.white-section-wrapper .tab-item:first-child {border-top:1px solid #bcbcbc;}

		.tab-item.active {
			position:relative;
			z-index:1;
		}


	/*====== Portfolio Page ======*/

	.additional-work-thumbnail {margin-right:1%;width:49%;}

	.featured-work h2 {margin-bottom:60px;}

	.customDropdown {
		top: 40px !important;
		right: auto;
	}

	.service-filter {
		top: 70px;
		right:auto;
	}

	.ceramcor .case-study-website-screenshot,
	.ocnj .case-study-website-screenshot .screenshot,
	.cleveland-brothers .case-study-website-screenshot .screenshot,
	.vf-outlet .case-study-website-screenshot .screenshot {height: 300px;}

	.content-section .case-study-intro {
		font-size:14px;
		line-height: 1.7em;
		max-width:100%;
	}

	.ceramcor .masthead,
	 {height:500px;}

	.ceramcor .pan {display:none;}

	.case-study .case-study-tab-section--header {font-size: 40px;}

	.saferbrand .masthead h1 {font-size: 36px;}

	.saferbrand .masthead h1 span {font-size: 48px;}

	.ocnj .masthead {
		background-size:cover;
		height:400px;
	}
	.sharretts-plating .masthead {
		background-size:cover;
		height:400px;
	}

	.cj-pony-parts .masthead{
		background-size:cover;
		height: 450px;
	}

	.cj-pony-parts .design-process .span-3{margin-bottom: 0;}

	.product-cart-checkout {margin-left: -50px;}

	.sharretts-plating .case-study-website-screenshot .screenshot,
	.cj-pony-parts .case-study-website-screenshot .screenshot{height: 300px;}

	.portfolio-featured-project-info, .portfolio-featured-project-preview{width:100%; height:auto; padding:30px 0;}
	.portfolio-featured-project-bronze:after, .portfolio-featured-project-silver:after, .portfolio-featured-project-gold:after{border-width:85px;}
	.portfolio-featured-project-bronze:before, .portfolio-featured-project-silver:before, .portfolio-featured-project-gold:before{top:10px;}
	.portfolio-featured-project-panel:nth-child(odd) .portfolio-featured-project-bronze:before,
	.portfolio-featured-project-panel:nth-child(odd) .portfolio-featured-project-silver:before,
	.portfolio-featured-project-panel:nth-child(odd) .portfolio-featured-project-gold:before{right:10px;}
	.portfolio-featured-project-panel:nth-child(even) .portfolio-featured-project-bronze:before,
	.portfolio-featured-project-panel:nth-child(even) .portfolio-featured-project-silver:before,
	.portfolio-featured-project-panel:nth-child(even) .portfolio-featured-project-gold:before{left:10px;}
	.portfolio-featured-project-info,.portfolio-featured-project-info-text{display:block;}
	.portfolio-featured-project-info:before{left:50%;margin-left:-20px;border: solid transparent;content: " "; position: absolute;pointer-events: none;border-color: rgba(66,96,164,0);border-bottom-color: #314778;border-width: 20px;top:-40px;}
	.portfolio-featured-project-info.red:before{border-color: rgba(221,28,36,0);border-bottom-color: #DD1C24;}
	.portfolio-featured-project-info.blue:before{border-color: rgba(103,133,177,0);border-bottom-color: #6785B1;}
	.portfolio-featured-project-info.green:before{border-color: rgba(172,225,67,0);border-bottom-color: #ACE143;}
	.portfolio-featured-project-info.yellow:before{border-color: rgba(246,200,0,0);border-bottom-color: #F6C800;}

	/*====== Marketing Page ======*/

	.book-form-wrapper .content-section {background:none;}

	.book-form-wrapper figure,
	.book-form-wrapper form {
		margin-left:0;
		width:100%;
	}

	.book-form-wrapper figure img {
		display:block;
		margin:0 auto;
		/*width:auto;*/
	}

	.marketing-guides-sidebar .sidebar-form form {margin-top:0;}

	.marketing-guides-sidebar .sidebar-form input[type="text"],
	.marketing-guides-sidebar .sidebar-form input[type="text"]:nth-child(even) {
		margin-left:0;
		width:100%;
	}

	/*====== Marketing Calculator ======*/
	.marketing-calculator-result {padding:15px 20px;}
	.marketing-calculator-result-cost {font-size:16px;left:20px;}
	.marketing-calculator-result-cost:after {content:none;}
	.marketing-calculator-result-head {width:50%;}
	.marketing-calculator-result h3{font-size:20px;}
	.marketing-calculator-result-subhead {font-size:14px;}


	/*====== Quote Page ======*/

	.free-quote-wrapper > .btn {
		margin:10px;
		position: static;
		left: auto;
		top: auto;
	}

	.free-quote-header .header-top {
		padding:0 5%;
		width:100%;
	}

	.free-quote-intro.full-column-page  h1 {
		line-height: 1.4em;
		margin-bottom: 15px !important;
	}

	.free-quote-header .phone-number {
		border:0;
		margin:10px 0 10px 15px;
		padding:0;
	}

	.free-quote-form form {
		margin:0;
		width:100%;
	}

	.free-quote-wrapper .free-quote-intro {padding:20px 5% !important;}

	.free-quote-form {padding:20px !important;}



	/*====== Results Page ======*/

	.real-result img,
	.real-result__vf-outlet:before,
	.real-result__ocean-city:before {display:none;}

	.real-result__results-grouping {
		padding:5px;
		width:25%;
	}

	.real-result__slider.royalSlider {height:170px !important;}

	.real-result__content dt {font-size:10px;}

	.real-results--latest-blog-posts {margin-top:20px;}

		.real-results--latest-blog-posts .fivecol.span-1 {width:100%;}

	.real-results--marketing-software img {
		height:39px;
		margin:0 auto;
		width:auto;
	}

	.result-circle__row .result-circle {margin:1% auto;}



	/*====== Marketing Guides ======*/

	.learn-group .fourcol.span-1.text,
	.learn-group .fourcol.span-1.text.last {
		margin-right:3% !important;
		width:30%;
	}

	.learn-group .fourcol.span-1.intro {width:100%;}



	/*====== Inside WebpageFX Pages ======*/

	.industry-learn-more .btn.blue {float:none;}

	.our-culture h2 {font-size:16px;}

	.family-images .image-box {width:33.3333%;}

	.family-images .img {height:300px;}

	.toolsPadding .right {margin-bottom:20px;}




	/*====== Footer ======*/

	.bottom-quote-form .left-column,
	.bottom-quote-form .right-column {
		margin:0;
		width:100%;
	}

	.bottom-quote-form .btn-get-quote,
	.site-footer .threecol.span-1 {
		width:100%;
	}

	.footer-nav {
		text-align:left;
	}

		.footer-nav li {
			width:50%;
		}

	.new-bottom-quote-form .twocol.rightcol {
        margin-top:30px;
    }

    /*====== CrawlerFX ======*/
    .crawlerfx-main-form .form-row {width:95%;}
    .crawlerfx-rankings-factors{width:200px;margin:0 auto;}
    .crawlerfx-white-content-section ul{font-size:16px;width:100%;}
    .form-row-full .btn{width:100%;}
    .crawlerfx-overall-details{margin:40px 20px;}
   	.crawlerfx-overall-details-box {width:100%;}
   	.crawlerfx-overall-details-box:nth-child(2){border-right:none; border-left:none; border-top:1px #EBEBEB solid;border-bottom:1px #EBEBEB solid;}
   	.crawlerfx-social{width:100%;margin:0 0 5px 0;padding:20px 30px;}
   	.crawlerfx-social-bar{margin:40px;}
   	.crawlerfx-form-section p{margin:0 5% 20px;}

   	/*====== Website Cost =====*/

}

/* $400 */
@media screen and (max-width:400px) {

	body {font-size:15px;}

	nav[role="navigation"] .phone-number {
		font-size: 12px;
		padding: 16px 10px;
	}

	.mobile-site-menu__trigger {
		border-left:none;
		width:105px;
	}

	.mobile-site-menu__trigger-text {font-size:12px !important;}

	.mobile-navigation-overlay ul ul a {font-size:14px;}

	.btn-free-quote-hidden {
		font-size:11px;
		line-height: 4.3em;
	}

	.content-section p {word-wrap:break-word;}

	.page-title p {font-size:20px;}

	p.intro {font-size: 16px;}

	.top-info .right-section {
		margin:20px 0;
		width:100%;
	}

	.top-info .btn.half,
	.top-info .phone,
	.top-info .btn.blue-small.half,
	.top-info .btn.yellow-small.half,
	.top-info img {
		width:100%;
	}
	.top-info img{height:auto;}
	.top-info aside{padding-top:20px;}
	.top-info .case-study{width:100%;}

	.table-wrapper {
		max-height:300px;
		overflow-y: hidden;
		position:relative;
	}

		.table-wrapper.expand-table {
			overflow-y:scroll;
			max-height:100%;
		}

			.table-wrapper.expand-table table {margin-bottom:40px;}

		.table-wrapper__expand {
			background-color: #151515;
			background-color: rgba(21, 21, 21, .8);
			bottom:0;
			left:0;
			position:absolute;
			width:100%;
		}

			.table-wrapper__expand.show--mobile {display:block !important;}

		.table-wrapper__expand-button {
			display: inherit;
			margin:5px auto;
		}
	.small-pricing-table{width:100%;}
	.small-pricing-table-heading h4{font-size:16px;}
	ul.small-pricing-table-info li{font-size:14px;height:auto;}

	.successes a {
		height:110px;
		margin-bottom:5px;
		overflow: hidden;
		width:100%;
	}

	.successes img {height:auto;}

		.successes .success-overlay .big {font-size:36px !important;}

	.real-result {padding:10px 0;}

	.family-images .image-box {width:50%;}

	.family-images .txt,
	.family-images .img {width:100%;}

	.family-images .ajax {min-height:100%;}

	.accordion.news {
		border-bottom: 1px solid #222;
		margin-bottom: 5px;
		margin-right:0;
		text-align:center;
		width:100%;
	}
	.accordion.news img 	{width:25%;}
	.accordion.news p 		{width:70%;}

	.book-form-wrapper figure img {
		height:auto;
		width:100%;
	}

	.marketing-guides .learn-group .button-wrapper {margin-bottom:20px;}

	.marketing-guides-sidebar .sidebar-form img {
		display:block;
		float:none;
		margin:0 auto;
		width:auto;
	}

	.marketing-guides-sidebar .sidebar-form form {
		margin-left:0;
		margin-top:20px;
		width:100%;
	}

	#fancybox-wrap {
		left: 0 !important;
		width: 100% !important;
	}

	#fancybox-content {width: 100% !important;}

	blockquote {padding:15px;}

	.service-listing dd, .content-section .service-listing dd {font-size:15px;}

	.team-header {background-size:121%;}

	.application input[type="text"],
	.application textarea {width:100%;}

	.application input[type="submit"] {margin-left:0;}

	iframe.content-img {margin-left:0;}

	/*====== Portfolio ======*/
	.featured-thumbnail {
		margin-right:0;
		width:100%;
	}



		.featured-thumbnail:nth-child(3n+0) {margin-right:0;}

		.featured-thumbnail .btn:first-child,
		.featured-thumbnail .services {display:none}

		.featured-thumbnail .btn.blue,
		.featured-thumbnail:hover .btn.blue {
			color:#fff !important;
			margin-top:15px;
			opacity:1;
			position:static;
			top:auto;
		}

	.additional-work-thumbnail {
		margin-right:1%;
		width:99%;
	}

	.case-study .company-intro .fivecol.span-1,
	.case-study .tabs--content img {display: none;}

	.case-study .company-intro .fivecol.span-4 {width: 100%;}

	.case-study .company-intro .content-section {padding: 0 5% 20px 5%;}

	.ceramcor.case-study .content-section,
	.case-study .content-section,
	.saferbrand.case-study .company-intro .content-section {padding: 20px 5%;}

	.case-study-tab-section.content-section {padding: 150px 5% 20px 5%;}

	.saferbrand .masthead {height: 500px;}

	.cleveland-brothers .masthead .content-section {padding-bottom:40px;}
	.sharretts-plating .macbook {background-color: #151515; height: auto; background: none !important;}

	.marketing-landing a {float: none;}
	.marketing-landing a span {background-color: none;}

	/*====== CrawlerFX ======*/
	.crawlerfx-result-section{padding:30px 0;}
	ul.crawlerfx-pagerank-bars {margin:1em 0;height:20px;}
	.crawlerfx-result-section-header,
	.crawlerfx-result-section-description{padding-left:25px;padding-right:25px;}
	.crawlerfx-result-section-details{margin-left:25px;margin-right:25px;}

	/*====== Website Cost ======*/
	.content-page .price-calculator .slider{max-width:55%;width:100%;}
	.price-calculator .slider{max-width:70%;}
	.price-calculator td, .price-calculator th{font-size:10px;}

}



/* Media Queries for specific dimensions */

@media
screen and (max-width:600px),
screen and (max-width:1024px) and (max-height:600px) {

	.mobile-navigation-overlay a {
		font-size:18px;
		padding: 3% 5%;
	}

	.mobile-navigation-overlay > div > ul ul {
		position:fixed;
		top:0;
	}

	.mobile-navigation-overlay > div > ul ul.toggled {
		background:#000;
		height:100%;
		padding-top:50px;
		width:100%;
		z-index:1;
	}

	.mobile-navigation-overlay > div > ul ul + button {
		height:0;
		opacity:0;
		padding:0 !important;
		position: fixed;
		top: 0;
		margin:2% 0 0 0;
		transition:none;
		z-index:-1;
	}

	.mobile-navigation-overlay > div > ul ul.toggled + button {
		height:auto;
		opacity:1;
		padding:8px 12px !important;
		z-index: 1;
		left: 5%;
	}

	.mobile-navigation-overlay > div ul ul > li {width:100%;}

	.mobile-navigation-overlay ul ul a {
		font-size: 15px;
		padding: 1% 5%;
	}

	.sub-menu-arrow {
		font-size:22px;
		margin:2px 0;
	}

	.sub-menu-back {display:block;}

}

@media screen and (max-width:1024px) and (max-height:600px) {

	.mobile-navigation-overlay > div ul ul > li {width:50%;}

	.mobile-navigation-overlay ul ul {height:0;}

	.mobile-navigation-overlay ul ul a {padding:1.3% 10%;}

}

@media screen and (max-width:1024px) and (max-height:500px) {

	.mobile-navigation-overlay a {
		font-size:18px;
		padding: 1% 5%;
	}

	.sub-menu-arrow {
		font-size:18px;
		padding: 1%;
	}

}


@media screen and (max-width:400px) and (max-height:600px) {

	.mobile-navigation-overlay > div ul ul > li {width:100%;}

	.mobile-navigation-overlay ul ul a {padding:1% 5%;}

}


/* Media Queries based on height */

@media screen and (max-height:700px) {

	.free-quote-intro {padding:20px 0;}
	.free-quote-intro.full-column-page h1 {font-size:2em; margin-bottom:10px;}
	.free-quote-intro.full-column-page h1 br {display:none;}
	.free-quote-intro.full-column-page h2 {margin-bottom:0;}
	.free-quote-form {padding:25px 40px;}

	.page-header,
	.design-header,
	.development-header,
	.internet-marketing-header,
	.team-header,
	.team-header2 {
		height:180px;
	}

	.marketing-guides-sidebar li {
		display:none;
	}

	.popup-form {padding:10px;}

		.popup-form label {font-size: 13px;}

		.popup-form input[type="text"],
		.popup-form textarea,
		.popup-form select {padding: 4px;}

		.popup-form textarea {height: 80px;}

		.popup-form select {height: 26px;}



}

@media screen and (max-height:500px) {

	.form-row {margin-bottom: 5px;}

}




/* Resolution-based media queries */

@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) and (max-width:600px) {

	div.logo, .logo-container .logo {
		background:url(../img/logo-webpagefx-2x-res.png);
		background-size:135px 30px;
	}

}

@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {

	div.logo, .logo-container .logo {
		background:url(../img/logo-webpagefx-2x-res.png);
		background-size: 178px 40px;
	}

	.hidden-logo {
		background:url(../img/webpageFX-fx-2x-res.png);
		background-size:41px 36px;
	}

}

/****** New Grid Layout ******/
.container,
.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 0px;
    padding-right: 0px;
	max-width: 1389px;
	box-sizing:border-box;
}

/**
 * Grid System
 *
 * Bootstrap v3.3.1 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * --------------------------------------------------------------------------
 * Base setup 20px gutters
 *
 * Phones         - xxs - <  600px    ** Default **
 * Small Tablets  - xs - >=  600px
 * Tablets        - sm - >= 768px
 * Desktop        - md - >= 1025px
 * Large Desktop  - lg - >= 1200px
 * --------------------------------------------------------------------------
 * Learn more here: http://getbootstrap.com/css/#grid
 * -------------------------------------------------------------------------- */



    [class*="col-"] {
        position: relative;
        min-height: 1px;
        padding-left: 24px;
        padding-right: 24px;
        box-sizing:border-box;
    }





/**
 * Clearfix
 * Apply clearing without adding additional markup
 */

.clearfix:before, .clearfix:after,
.container:before, .container:after,
.container-fluid:before, .container-fluid:after,


.clearfix:after,
.container:after,
.container-fluid:after,