/*============================================== Reset ==============================================*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 16px; line-height: 1.4; }
	body.top-padding { padding-top: 49px; }
	.top-fix{
		margin-top: -49px;
	}

::-moz-selection { background: #334f81; color: #fff; text-shadow: none; }
::selection { background: #334f81; color: #fff; text-shadow: none; }
a:hover, a:active { outline: 0; }

/*abbr[title] { border-bottom: 1px dotted; }*/
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] {  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
em {font-style:normal;}
a img {border:0;}

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
th {font-weight:normal;}

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













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

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

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

/* Roboto Light */
.font-weight-light {font-family: 'roboto_light';}

/* Roboto Regular */
body,
.marketing-guides-article .callout .callout-text,
.marketing-guides-sidebar .sidebar-form h2,
.portfolio-nav a,
.font-weight-regular,
.sans-serif {font-family: 'robotoregular';}

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

/* Roboto Bold */
h1, h2, h3, h4, h5, h6,
.btn,
.footer-nav li a,
.newsletter-signup-form input[type="text"],
.newsletter-signup-form input.btn-signup,
.nav-wrapper nav,
.pricing-table .signup span.white,
.pricing-table .signup span.yellow,
.real-result .results,
.popup-form .text label,
.inside-webfx-cta,
.content-menu a,
.table-heading,
label, legend,
.bottom-quote-form select,
.featured-thumbnail,
blockquote .author,
strong,
.static-table-heading,
.contact-info dt,
.featured-thumbnail .btn,
.price-calculator .total td,
.price-calculator .total th,
.price-calculator .top th,
.crawlerfx .score span,
.crawlerfx .content-section .content-section .diagnosis dt,
.crawlerfx .content-section .content-section .diagnosis dd,
.crawlerfx .content-section .content-section dt,
.logo-container:hover .logo-text,
.ui-datepicker-title,
.footer-testimonial .author,
.marketing-guides-article .article th,
.marketing-guides-sidebar .sidebar-form h2 span,
.ceramcor .masthead h1 strong,
.tab-item,
.sans-serif--bold,
.mobile-navigation-overlay a {font-family: 'robotobold';}

/* Roboto Bold Italic */
element,
.content-section p em strong,
.content-section p strong em,
.content-section li em strong,
.content-section li strong em,
.content-section--full p em strong,
.content-section--full p strong em,
.content-section--full li em strong,
.content-section--full 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,
.masthead-home__message h2:after,
.video-block:after,
nav[role="navigation"] .menu-has-children:after,
.photo-caption-block__link:after,
.fixed-sidebar__menu a:after,
.img-card--marketing-guide .img-card__title: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-design2:before {
    content: "\e903";
}
.icon-project-management:before {
    content: "\e904";
}
.icon-earned-media:before {
    content: "\e905";
}
.icon-internet-marketing:before {
    content: "\e906";
}
.icon-social-media:before {
    content: "\e907";
}
.icon-sales-strategy:before {
    content: "\e908";
}
.icon-creative-design:before {
    content: "\e900";
}
.icon-revenue-growth:before {
    content: "\e901";
}
.icon-ux-ecommerce:before {
    content: "\e902";
}
.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,
#habla_window_div #habla_topbar_div,
.accordion .header,
.portfolio-nav,
.anythingSlider-default .arrow,
.tab-item,
.tab-item a:after {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s 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;
}












/*============================================== Layout ==============================================*/


.container,
.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 24px;
    padding-right: 24px;
	max-width: 1366px;
	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
 * -------------------------------------------------------------------------- */

.row {
    margin-left: -24px;
    margin-right: -24px;
    box-sizing:border-box;
}

    [class*="col-"] {
        position: relative;
        min-height: 1px;
        padding-left: 24px;
        padding-right: 24px;
        box-sizing:border-box;
    }

/* Extra Extra small devices (devices, less than 600px) */
[class*="col-xxs-"] { float:left; }

.col-xxs-12 { width: 100%; }
.col-xxs-11 { width: 91.66666667%; }
.col-xxs-10 { width: 83.33333333%; }
.col-xxs-9  { width: 75%; }
.col-xxs-8  { width: 66.66666667%; }
.col-xxs-7  { width: 58.33333333%; }
.col-xxs-6  { width: 50%; }
.col-xxs-5  { width: 41.66666667%; }
.col-xxs-4  { width: 33.33333333%; }
.col-xxs-3  { width: 25%; }
.col-xxs-2  { width: 16.66666667%; }
.col-xxs-1  { width: 8.33333333%; }

.col-xxs-pull-12 { right: 100%; }
.col-xxs-pull-11 { right: 91.66666667%; }
.col-xxs-pull-10 { right: 83.33333333%; }
.col-xxs-pull-9  { right: 75%; }
.col-xxs-pull-8  { right: 66.66666667%; }
.col-xxs-pull-7  { right: 58.33333333%; }
.col-xxs-pull-6  { right: 50%; }
.col-xxs-pull-5  { right: 41.66666667%; }
.col-xxs-pull-4  { right: 33.33333333%; }
.col-xxs-pull-3  { right: 25%; }
.col-xxs-pull-2  { right: 16.66666667%; }
.col-xxs-pull-1  { right: 8.33333333%; }
.col-xxs-pull-0  { right: auto; }

.col-xxs-push-12 { left: 100%; }
.col-xxs-push-11 { left: 91.66666667%; }
.col-xxs-push-10 { left: 83.33333333%; }
.col-xxs-push-9  { left: 75%; }
.col-xxs-push-8  { left: 66.66666667%; }
.col-xxs-push-7  { left: 58.33333333%; }
.col-xxs-push-6  { left: 50%; }
.col-xxs-push-5  { left: 41.66666667%; }
.col-xxs-push-4  { left: 33.33333333%; }
.col-xxs-push-3  { left: 25%; }
.col-xxs-push-2  { left: 16.66666667%; }
.col-xxs-push-1  { left: 8.33333333%; }
.col-xxs-push-0  { left: auto; }

.col-xxs-offset-12 { margin-left: 100%; }
.col-xxs-offset-11 { margin-left: 91.66666667%; }
.col-xxs-offset-10 { margin-left: 83.33333333%; }
.col-xxs-offset-9  { margin-left: 75%; }
.col-xxs-offset-8  { margin-left: 66.66666667%; }
.col-xxs-offset-7  { margin-left: 58.33333333%; }
.col-xxs-offset-6  { margin-left: 50%; }
.col-xxs-offset-5  { margin-left: 41.66666667%; }
.col-xxs-offset-4  { margin-left: 33.33333333%; }
.col-xxs-offset-3  { margin-left: 25%; }
.col-xxs-offset-2  { margin-left: 16.66666667%; }
.col-xxs-offset-1  { margin-left: 8.33333333%; }
.col-xxs-offset-0  { margin-left: 0%; }

/* Extra small devices (phones, 600px and up) */
@media (min-width: 600px) {
    [class*="col-xs-"] {float:left;}

    .col-xs-12 { width: 100%; }
    .col-xs-11 { width: 91.66666667%; }
    .col-xs-10 { width: 83.33333333%; }
    .col-xs-9  { width: 75%; }
    .col-xs-8  { width: 66.66666667%; }
    .col-xs-7  { width: 58.33333333%; }
    .col-xs-6  { width: 50%; }
    .col-xs-5  { width: 41.66666667%; }
    .col-xs-4  { width: 33.33333333%; }
    .col-xs-3  { width: 25%; }
    .col-xs-2  { width: 16.66666667%; }
    .col-xs-1  { width: 8.33333333%; }

    .col-xs-pull-12 { right: 100%; }
    .col-xs-pull-11 { right: 91.66666667%; }
    .col-xs-pull-10 { right: 83.33333333%; }
    .col-xs-pull-9  { right: 75%; }
    .col-xs-pull-8  { right: 66.66666667%; }
    .col-xs-pull-7  { right: 58.33333333%; }
    .col-xs-pull-6  { right: 50%; }
    .col-xs-pull-5  { right: 41.66666667%; }
    .col-xs-pull-4  { right: 33.33333333%; }
    .col-xs-pull-3  { right: 25%; }
    .col-xs-pull-2  { right: 16.66666667%; }
    .col-xs-pull-1  { right: 8.33333333%; }
    .col-xs-pull-0  { right: auto; }

    .col-xs-push-12 { left: 100%; }
    .col-xs-push-11 { left: 91.66666667%; }
    .col-xs-push-10 { left: 83.33333333%; }
    .col-xs-push-9  { left: 75%; }
    .col-xs-push-8  { left: 66.66666667%; }
    .col-xs-push-7  { left: 58.33333333%; }
    .col-xs-push-6  { left: 50%; }
    .col-xs-push-5  { left: 41.66666667%; }
    .col-xs-push-4  { left: 33.33333333%; }
    .col-xs-push-3  { left: 25%; }
    .col-xs-push-2  { left: 16.66666667%; }
    .col-xs-push-1  { left: 8.33333333%; }
    .col-xs-push-0  { left: auto; }

    .col-xs-offset-12 { margin-left: 100%; }
    .col-xs-offset-11 { margin-left: 91.66666667%; }
    .col-xs-offset-10 { margin-left: 83.33333333%; }
    .col-xs-offset-9  { margin-left: 75%; }
    .col-xs-offset-8  { margin-left: 66.66666667%; }
    .col-xs-offset-7  { margin-left: 58.33333333%; }
    .col-xs-offset-6  { margin-left: 50%; }
    .col-xs-offset-5  { margin-left: 41.66666667%; }
    .col-xs-offset-4  { margin-left: 33.33333333%; }
    .col-xs-offset-3  { margin-left: 25%; }
    .col-xs-offset-2  { margin-left: 16.66666667%; }
    .col-xs-offset-1  { margin-left: 8.33333333%; }
    .col-xs-offset-0  { margin-left: 0%; }

}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    [class*="col-sm-"] {float:left;}

    .col-sm-12 { width: 100%; }
    .col-sm-11 { width: 91.66666667%; }
    .col-sm-10 { width: 83.33333333%; }
    .col-sm-9  { width: 75%; }
    .col-sm-8  { width: 66.66666667%; }
    .col-sm-7  { width: 58.33333333%; }
    .col-sm-6  { width: 50%; }
    .col-sm-5  { width: 41.66666667%; }
    .col-sm-4  { width: 33.33333333%; }
    .col-sm-3  { width: 25%; }
    .col-sm-2  { width: 16.66666667%; }
    .col-sm-1  { width: 8.33333333%; }

    .col-sm-pull-12 { right: 100%; }
    .col-sm-pull-11 { right: 91.66666667%; }
    .col-sm-pull-10 { right: 83.33333333%; }
    .col-sm-pull-9  { right: 75%; }
    .col-sm-pull-8  { right: 66.66666667%; }
    .col-sm-pull-7  { right: 58.33333333%; }
    .col-sm-pull-6  { right: 50%; }
    .col-sm-pull-5  { right: 41.66666667%; }
    .col-sm-pull-4  { right: 33.33333333%; }
    .col-sm-pull-3  { right: 25%; }
    .col-sm-pull-2  { right: 16.66666667%; }
    .col-sm-pull-1  { right: 8.33333333%; }
    .col-sm-pull-0  { right: auto; }

    .col-sm-push-12 { left: 100%; }
    .col-sm-push-11 { left: 91.66666667%; }
    .col-sm-push-10 { left: 83.33333333%; }
    .col-sm-push-9  { left: 75%; }
    .col-sm-push-8  { left: 66.66666667%; }
    .col-sm-push-7  { left: 58.33333333%; }
    .col-sm-push-6  { left: 50%; }
    .col-sm-push-5  { left: 41.66666667%; }
    .col-sm-push-4  { left: 33.33333333%; }
    .col-sm-push-3  { left: 25%; }
    .col-sm-push-2  { left: 16.66666667%; }
    .col-sm-push-1  { left: 8.33333333%; }
    .col-sm-push-0  { left: auto; }

    .col-sm-offset-12 { margin-left: 100%; }
    .col-sm-offset-11 { margin-left: 91.66666667%; }
    .col-sm-offset-10 { margin-left: 83.33333333%; }
    .col-sm-offset-9  { margin-left: 75%; }
    .col-sm-offset-8  { margin-left: 66.66666667%; }
    .col-sm-offset-7  { margin-left: 58.33333333%; }
    .col-sm-offset-6  { margin-left: 50%; }
    .col-sm-offset-5  { margin-left: 41.66666667%; }
    .col-sm-offset-4  { margin-left: 33.33333333%; }
    .col-sm-offset-3  { margin-left: 25%; }
    .col-sm-offset-2  { margin-left: 16.66666667%; }
    .col-sm-offset-1  { margin-left: 8.33333333%; }
    .col-sm-offset-0  { margin-left: 0%; }

}

/* Medium devices (desktops, 1025px and up) */
@media (min-width: 1025px) {
  [class*="col-md-"] {float:left;}

  .col-md-12 { width: 100%; }
  .col-md-11 { width: 91.66666667%; }
  .col-md-10 { width: 83.33333333%; }
  .col-md-9  { width: 75%; }
  .col-md-8  { width: 66.66666667%; }
  .col-md-7  { width: 58.33333333%; }
  .col-md-6  { width: 50%; }
  .col-md-5  { width: 41.66666667%; }
  .col-md-4  { width: 33.33333333%; }
  .col-md-3  { width: 25%; }
  .col-md-2  { width: 16.66666667%; }
  .col-md-1  { width: 8.33333333%; }

  .col-md-pull-12 { right: 100%; }
  .col-md-pull-11 { right: 91.66666667%; }
  .col-md-pull-10 { right: 83.33333333%; }
  .col-md-pull-9  { right: 75%; }
  .col-md-pull-8  { right: 66.66666667%; }
  .col-md-pull-7  { right: 58.33333333%; }
  .col-md-pull-6  { right: 50%; }
  .col-md-pull-5  { right: 41.66666667%; }
  .col-md-pull-4  { right: 33.33333333%; }
  .col-md-pull-3  { right: 25%; }
  .col-md-pull-2  { right: 16.66666667%; }
  .col-md-pull-1  { right: 8.33333333%; }
  .col-md-pull-0  { right: auto; }

  .col-md-push-12 { left: 100%; }
  .col-md-push-11 { left: 91.66666667%; }
  .col-md-push-10 { left: 83.33333333%; }
  .col-md-push-9  { left: 75%; }
  .col-md-push-8  { left: 66.66666667%; }
  .col-md-push-7  { left: 58.33333333%; }
  .col-md-push-6  { left: 50%; }
  .col-md-push-5  { left: 41.66666667%; }
  .col-md-push-4  { left: 33.33333333%; }
  .col-md-push-3  { left: 25%; }
  .col-md-push-2  { left: 16.66666667%; }
  .col-md-push-1  { left: 8.33333333%; }
  .col-md-push-0  { left: auto; }

  .col-md-offset-12 { margin-left: 100%; }
  .col-md-offset-11 { margin-left: 91.66666667%; }
  .col-md-offset-10 { margin-left: 83.33333333%; }
  .col-md-offset-9  { margin-left: 75%; }
  .col-md-offset-8  { margin-left: 66.66666667%; }
  .col-md-offset-7  { margin-left: 58.33333333%; }
  .col-md-offset-6  { margin-left: 50%; }
  .col-md-offset-5  { margin-left: 41.66666667%; }
  .col-md-offset-4  { margin-left: 33.33333333%; }
  .col-md-offset-3  { margin-left: 25%; }
  .col-md-offset-2  { margin-left: 16.66666667%; }
  .col-md-offset-1  { margin-left: 8.33333333%; }
  .col-md-offset-0  { margin-left: 0%; }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  [class*="col-lg-"] {float:left;}

  .col-lg-12 { width: 100%; }
  .col-lg-11 { width: 91.66666667%; }
  .col-lg-10 { width: 83.33333333%; }
  .col-lg-9  { width: 75%; }
  .col-lg-8  { width: 66.66666667%; }
  .col-lg-7  { width: 58.33333333%; }
  .col-lg-6  { width: 50%; }
  .col-lg-5  { width: 41.66666667%; }
  .col-lg-4  { width: 33.33333333%; }
  .col-lg-3  { width: 25%; }
  .col-lg-2  { width: 16.66666667%; }
  .col-lg-1  { width: 8.33333333%; }

  .col-lg-pull-12 { right: 100%; }
  .col-lg-pull-11 { right: 91.66666667%; }
  .col-lg-pull-10 { right: 83.33333333%; }
  .col-lg-pull-9  { right: 75%; }
  .col-lg-pull-8  { right: 66.66666667%; }
  .col-lg-pull-7  { right: 58.33333333%; }
  .col-lg-pull-6  { right: 50%; }
  .col-lg-pull-5  { right: 41.66666667%; }
  .col-lg-pull-4  { right: 33.33333333%; }
  .col-lg-pull-3  { right: 25%; }
  .col-lg-pull-2  { right: 16.66666667%; }
  .col-lg-pull-1  { right: 8.33333333%; }
  .col-lg-pull-0  { right: auto; }

  .col-lg-push-12 { left: 100%; }
  .col-lg-push-11 { left: 91.66666667%; }
  .col-lg-push-10 { left: 83.33333333%; }
  .col-lg-push-9  { left: 75%; }
  .col-lg-push-8  { left: 66.66666667%; }
  .col-lg-push-7  { left: 58.33333333%; }
  .col-lg-push-6  { left: 50%; }
  .col-lg-push-5  { left: 41.66666667%; }
  .col-lg-push-4  { left: 33.33333333%; }
  .col-lg-push-3  { left: 25%; }
  .col-lg-push-2  { left: 16.66666667%; }
  .col-lg-push-1  { left: 8.33333333%; }
  .col-lg-push-0  { left: auto; }

  .col-lg-offset-12 { margin-left: 100%; }
  .col-lg-offset-11 { margin-left: 91.66666667%; }
  .col-lg-offset-10 { margin-left: 83.33333333%; }
  .col-lg-offset-9  { margin-left: 75%; }
  .col-lg-offset-8  { margin-left: 66.66666667%; }
  .col-lg-offset-7  { margin-left: 58.33333333%; }
  .col-lg-offset-6  { margin-left: 50%; }
  .col-lg-offset-5  { margin-left: 41.66666667%; }
  .col-lg-offset-4  { margin-left: 33.33333333%; }
  .col-lg-offset-3  { margin-left: 25%; }
  .col-lg-offset-2  { margin-left: 16.66666667%; }
  .col-lg-offset-1  { margin-left: 8.33333333%; }
  .col-lg-offset-0  { margin-left: 0%; }
}


/**
 * Clearfix
 * Apply clearing without adding additional markup
 */

.clearfix:before, .clearfix:after,
.container:before, .container:after,
.container-fluid:before, .container-fluid:after,
.row:before, .row:after,
.cf:before, .cf:after,
.content-section:before, .content-section:after {
    content: " ";
    display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after,
.cf:after,
.content-section:after  { clear: both; }



/**
 * Flexbox
 * Until we can utilise flexbox natively we can kinda, sorta, attempt to emulate
 * it, in a way
 *
 * Demo: jsfiddle.net/inuitcss/ufUh2
 */

.flexbox {
    display: table;
    width: 100%;
}

    /**
     * Nasty hack to circumvent Modernizr conflicts.
     */
    html.flexbox {
        display: block;
        width: auto;
    }

    .flexbox-item {
        display: table-cell;
        float: none;
        vertical-align: middle;
    }











/*============================================== 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;}


@media screen and (max-width:1024px) {

	* {
		box-sizing:border-box;
	}

	html {
		min-width:0;
		overflow-x: hidden;
	}

	.fluid-width-video-wrapper {
		float:left;
		margin-bottom:20px;
	}
    
}

@media screen and (max-width:400px) {

	body {font-size:14px;}
    
}






/*====== Content Font Styles ======*/
h1, h2, h3, h4, h5, h6 {
	color:#fff;
	font-weight:normal;
}

h1 {
	font-size:32px;
	line-height:1.4em;
	margin:5px 0 15px 0;
}

h2 {
	font-size:24px;
	line-height: 1.3em;
	margin: 5px 0 15px 0;
}

h2 .pictogram,
h3 .pictogram,
h4 .pictogram {
	color:#466db2;
	font-size:20px;
}

h3 {
	font-size:18px;
	line-height:1.5em;
	margin:45px 0 10px 0;
}

h4 {
	font-size:16px;
	line-height:1.5em;
	margin:45px 0 10px 0;
	text-transform:uppercase;
}

hgroup {margin-bottom:15px;}

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

.main h1,
.main h2,
.main h3,
.main h4,
.main h5,
.main h6, 
.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,
.white-section-wrapper h1,
.white-section-wrapper h2,
.white-section-wrapper h3,
.white-section-wrapper h4,
.white-section-wrapper h5,
.white-section-wrapper h6,
.bg--white h1,
.bg--white h2,
.bg--white h3,
.bg--white h4,
.bg--white h5,
.bg--white h6,
.bg--light-gray h1,
.bg--light-gray h2,
.bg--light-gray h3,
.bg--light-gray h4,
.bg--light-gray h5,
.bg--light-gray h6,
.bg--light-gray-pattern h1,
.bg--light-gray-pattern h2,
.bg--light-gray-pattern h3,
.bg--light-gray-pattern h4,
.bg--light-gray-pattern h5,
.bg--light-gray-pattern h6 {color:#122239;}

.bg--dkblue h1,
.bg--dkblue h2,
.bg--dkblue h3,
.bg--dkblue h4,
.bg--dkblue h5,
.bg--dkblue h6,
.bg--dkblue-pattern h1,
.bg--dkblue-pattern h2,
.bg--dkblue-pattern h3,
.bg--dkblue-pattern h4,
.bg--dkblue-pattern h5,
.bg--dkblue-pattern h6 { color: #fff; }
.border--dark-blue{border:1px solid #b5c7e3;}


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

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

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

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

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

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

.content-section dd,
.content-section--full 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,
    .content-section--full blockquote cite {margin:0;}

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


/* Font Helper Classes */
.margin-bottom--50 {margin-bottom:50px !important;}
.margin-top--50 {margin-top:50px !important;}
.padding-top--50{padding-top:50px !important;}
.padding-bottom--50{padding-bottom:50px !important;}
.uppercase {text-transform:uppercase;}
.center {text-align:center;}
.align--right {text-align:right;}
.align--left {text-align:left;}
.pictogram.big {font-size:4em;}
.pictogram.blue,
span.blue,
.text--blue {color:#466DB2 !important;}
.pictogram.dark-blue,
span.dark-blue,
.text--dark-blue {color:#142748 !important;}
.green,
.text--green {color:#00b170 !important;}
.highlight-white,
.text--white {color:#fff !important;}
.highlight-yellow,
.text--yellow {color:#ffd02b !important;}
.text--gray{color:#636363 !important;}
.underline {border-bottom:1px solid #e1e1e1;}

.black-section-wrapper .underline { border-bottom: 1px solid #222; }
.blue-section-wrapper .underline {border-bottom: 1px solid #fff;}

.big, .bigger, .biggest {line-height:1em;}
.big {font-size:36px;}
.bigger {font-size:54px;}
.biggest {font-size:80px;}

.twentypx {font-size:20px;}

.small-copy {font-size:14px !important;}
.smaller-copy {font-size:12px !important;}
.smallest-copy {font-size:10px !important;}

.heading-decorated {
    font-size: 36px;
    font-family: 'roboto_thregular';
    margin-bottom: 80px;
    position: relative;
}
    
    .heading-decorated:after {
        content: '';
        background-color: #7492c8;
        height: 8px;
        width: 50%;
        position: absolute;
        left: 0;
        bottom: -40px;
    }
    
.heading-lined {
    position: relative;
    text-align: center;
    text-transform: uppercase;
}

    .heading-lined__text {
        display: inline-block;
        padding: 0 10px;
        position: relative;
        z-index: 1;
    }
        
    .bg--white .heading-lined__text,
    .main .bg--white .heading-lined__text {
        background-color: #fff;
    }
    
    .bg--light-gray .heading-lined__text,
    .white-section-wrapper .heading-lined__text {
        background-color: #f1f1f1;
    }

    .heading-lined:before {
        background-color: #e1e1e1;
        content: '';
        height: 1px;
        position: absolute;
        left: 0;
        top: 11px;
        width: 100%;
    }
    
.heading-box {
    display: inline-block;
    font-size: 18px;
    margin: 0 0 20px 0;
    padding: 12px 40px;
    text-transform: uppercase;
}
    
    .heading-box--blue {
        background-color: #2e4875;
        color: #fff !important;
    }
    
    .heading-box--white {
        background-color: #fff;
        color: #122239 !important;
    }


@media screen and (max-width:1024px) {

	.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;}
    
}

@media screen and (max-width:767px) {

	.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;}
    
    .heading-decorated { 
        font-size: 24px; 
        margin-bottom: 60px;
     }
        
        .heading-decorated:after { 
            bottom: -30px;
            height: 4px; 
         }
    
}

@media screen and (max-width:600px) {

	.big,
	.full-column-page h1 {font-size:18px !important;}
	.bigger {font-size:27px !important;}
	.biggest {font-size:37px !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;}
    
    .heading-decorated { 
        margin-bottom: 40px;
     }
        
        .heading-decorated:after { 
            bottom: -20px;
            height: 4px; 
         }
         
     .heading-box {
         font-size: 16px;
         padding: 8px 20px;
         margin-bottom: 10px;
     }
    
}

@media screen and (max-width:400px) {

	.content-section p,
    .content-section--full p {word-wrap:break-word;}
    
    p.intro {font-size: 16px;}
    
}



/*====== Horizontal Rules ======*/
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #2C2C2C;
	margin: 1em 0;
	padding: 0;
}

	.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,
.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:#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;}

.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 ======*/
img.align--left,
img.align--right {display:block;}

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

img.align--left {
	float: left;
	margin: 0 30px 30px 0;
}






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

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






/*====== Content Links ======*/
a {text-decoration:none;}
a img {border:none;}
/* .white-section-wrapper .content-section p a:hover,
.white-section-wrapper .content-section li a:hover,
.white-section-wrapper .content-section h1 a:hover,
.white-section-wrapper .content-section h2 a:hover,
.white-section-wrapper .content-section h3 a:hover,
.white-section-wrapper .content-section h4 a:hover,
.white-section-wrapper .content-section h5 a:hover,
.white-section-wrapper .content-section h6 a:hover,
article.main .content-section p a:hover,
article.main .content-section li a:hover,
article.main .content-section h1 a:hover,
article.main .content-section h2 a:hover,
article.main .content-section h3 a:hover,
article.main .content-section h4 a:hover,
article.main .content-section h5 a:hover,
article.main .content-section h6 a:hover,
.content-page a:hover {color:#333 !important;} */
.content-section p a,
.content-section li a,
.content-section dl a,
.content-section h1 a,
.content-section h2 a,
.content-section h3 a,
.content-section h4 a,
.content-section h5 a,
.content-section h6 a,
.content-page a,
.content-section--full p a,
.content-section--full li a, 
.content-section--full dl a, 
.content-section--full h1 a, 
.content-section--full h2 a, 
.content-section--full h3 a, 
.content-section--full h4 a, 
.content-section--full h5 a, 
.content-section--full h6 a {color:#7492c8;}
.content-section p a:hover,
.content-section li a:hover,
.content-section dl a:hover,
.content-section h1 a:hover,
.content-section h2 a:hover,
.content-section h3 a:hover,
.content-section h4 a:hover,
.content-section h5 a:hover,
.content-section h6 a:hover,
.content-page a:hover,
.content-section--full p a:hover,
.content-section--full li a:hover, 
.content-section--full dl a:hover, 
.content-section--full h1 a:hover, 
.content-section--full h2 a:hover, 
.content-section--full h3 a:hover, 
.content-section--full h4 a:hover, 
.content-section--full h5 a:hover, 
.content-section--full h6 a:hover  {color:#a8c0eb;}
.content-section p a:active,
.content-section li a:active,
.content-section dl a:active,
.content-section h1 a:active,
.content-section h2 a:active,
.content-section h3 a:active,
.content-section h4 a:active,
.content-section h5 a:active,
.content-section h6 a:active,
.content-page a:active,
.content-section--full p a:active,
.content-section--full li a:active, 
.content-section--full dl a:active, 
.content-section--full h1 a:active, 
.content-section--full h2 a:active, 
.content-section--full h3 a:active, 
.content-section--full h4 a:active, 
.content-section--full h5 a:active, 
.content-section--full h6 a:active {color:#45659f;}

.anchor {
    position: relative;
    z-index: -100;
}

    .anchor:before {
         content: "";
         display: block;
         height: 48px; /* Height of sticky header */
         margin: -48px 0 0; /* Negative height of sticky header */
    }





/*====== Content List Styles ======*/
.content-section ul,
.content-section--full ul {
	line-height: 1.7em;
	margin: 0 0 20px 0;
	padding:0;
}

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

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

.content-section ol,
.content-section--full ol {
	line-height: 1.7em;
	margin: 0 0 20px 0;
	padding:0 0 0 20px;
}

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

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

.content-section .fivecol li,
.content-section--full .fivecol li { margin:0;}

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


.circle {position: relative;display: inline-block;width: 400px;height: 400px;border-radius: 100%;background-color: #c8d5ea;text-align:center;}
.circle-text{position:absolute;top:20%;left:0;right:0;margin-left:auto;margin-right:auto;}



/*====== Content Sections ======*/
.main{ background:#fff; }
.main,
.white-section-wrapper,
.bg--white,
.bg--light-gray,
.bg--light-gray-pattern { color: #666; }
.content-section,
.content-section-overlap {
	margin:0 auto;
	width:964px;
}
	.content-section,
    .content-section--full { padding-top: 70px; padding-bottom: 70px; }
	.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;}
.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;}

.bg--light-gray         { background-color: #f1f1f1; }
.bg--white              { background-color: #fff; }
.bg--light-blue         { background-color: #c8d5ea; }
.bg--dkblue             { background-color: #14233A; }
.bg--dkblue-pattern     { background: url(../img/repeat-dark-blue-pattern.gif); }
.bg--light-gray-pattern { background: url(../img/repeat-light-gray-pattern.jpg); }
.bg--dkgray             { background-color: #1c1c1c; }

.bg--white ul li,
.bg--light-gray ul li,
.white-section-wrapper ul li,
.bg--light-gray-pattern ul li,
article.main ul li { background:url(../img/bullet-light-gray.gif) no-repeat left 5px; }

.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,
.white-section-wrapper .input-attached input[type="text"], 
.white-section-wrapper .input-attached input[type="date"], 
.white-section-wrapper .input-attached input[type="datetime"], 
.white-section-wrapper .input-attached input[type="datetime-local"], 
.white-section-wrapper .input-attached input[type="email"], 
.white-section-wrapper .input-attached input[type="month"], 
.white-section-wrapper .input-attached input[type="number"], 
.white-section-wrapper .input-attached input[type="password"], 
.white-section-wrapper .input-attached input[type="search"], 
.white-section-wrapper .input-attached input[type="tel"], 
.white-section-wrapper .input-attached input[type="url"], 
.white-section-wrapper .input-attached input[type="week"] { border: 1px solid #ccc; }

.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: #fff 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;}

@media screen and (min-width:1250px) {
    
	.split-content-section{width:1000px;}
	.split-content-section-divider-circle{padding-top:80%;}

}

@media screen and (max-width:1024px) {

	.content-section {
		padding-left: 5%;
        padding-right: 5%;
		width:100%;
	}
	.arrow-bar {
		padding:30px 5%;
	}

	.content-section-overlap {
		padding:0 5%;
		width:100%;
	}

}

@media screen and (max-width:767px) {

	.content-section,
    .content-section--full {
        padding-top: 45px;
        padding-bottom: 45px;
    }
    
}

@media screen and (max-width:600px) {

	.content-section,
	.masthead-home,
	.arrow-bar,
    .content-section--full {
		padding-top: 30px;
        padding-bottom: 30px;
	}

	.masthead__content-wrapper.content-section {
		padding: 50px 5% 70px 5%;
	}
    
    .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;}
    
}




/*====== 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: #e1e1e1;
	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;}


@media screen and (min-width:1250px) {
	.content-section.wide{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;}
}

@media screen and (max-width:1024px) {

	/*====== 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;}
    
}

@media screen and (max-width:767px) {

	.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%;}
    
}

@media screen and (max-width:600px) {

	.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;}

}






/*====== 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;}


@media screen and (max-width:1024px) {

	/*====== Asides ======*/
	aside.right {margin:0 0 4% 4%;}
	aside.right.span-1 {width:22%;}
	aside.right.span-2 {width:48%;}

	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%;}
    
}






/*====== 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.med-dark-blue,
.btn.gray {
	padding:15px 20px;
	font-size:13px;
	line-height: 1;
}

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

.btn.yellow {
	background:#ffd02b;
	color:#292929;
}

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

	.btn.yellow-small {
		font-size:12px;
		background:#ffd02b;
		padding: 7px;
		color:#292929;
		line-height: 1;
	}

	.btn.yellow-large {
		padding: 15px 24px;
		background:#ffd02b;
		font-size: 17px;
		color:#292929;
		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;
}

	.btn.blue-small {
		font-size:12px;
		background:#7492c8;
		padding: 7px;
		color:#fff;
		line-height: 1;
	}

	.btn.blue-large {
		font-size:17px;
		background:#7492c8;
		padding: 15px 24px;
		color:#fff;
		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:#26B16D;
	color:#fff !important;
}

	.btn.green-large {
		font-size:17px;
		background:#26B16D;
		padding: 15px 24px;
		color:#fff;
		line-height: 1;
	}

	.btn.green:hover,
	.btn.green-large:hover {background:#3dcc86;}

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

.btn.dark-blue {
	background:#122239;
	color:#fff;
}

	.btn.dark-blue:hover {background:#233a5a; color:#fff !important;}
	.btn.dark-blue:active {background:#081322; color:#fff;}
    
.btn.med-dark-blue {
	background:#143260;
	color:#fff;
}

	.btn.med-dark-blue:hover {background:#1f4176; color:#fff !important;}
	.btn.med-dark-blue:active {background:#0d2750; color:#fff;}

.btn.gray {
	background:#d4d4d4;
	color:#292929;
}

	.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;}

@media screen and (max-width:767px) {
    
    .btn {margin-bottom:10px;}
    
}






/*====== 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;}


.call-to-action-block {
    margin-bottom: 20px;
    padding: 30px 20px;
    text-align: center;
}
    
    .call-to-action-block--blue     { background-color: #2e4875; }
    .call-to-action-block--dk-blue  { background-color: #122239; }
    .call-to-action-block--green	{ background-color: #99cc63; }

    .call-to-action-block p {
        color: #fff;
        font-family: 'roboto_thregular';
        font-size: 20px;
        line-height: 1.3;
    }
    
    .call-to-action-block .btn { display: block; }

    .call-to-action-block--photo{margin-bottom:0;padding:0;}
	.call-to-action-block--photo img{width:100%;height:auto;}

@media screen and (max-width:1024px) {

	.fivecol.span-1.cta,
	.request-info {width:100%;}

}





/*====== Forms ======*/
.form-row {margin-bottom:10px;}

select,
textarea,
input[type="text"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="week"] {
	background:#fff;
    font-family: 'robotoregular';
	font-size:14px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

textarea,
input[type="text"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="week"] {
    border: 0;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding:10px;
	color: #333;
}

input[type="text"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"],
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
input[type="text"].input-highlighted,
input[type="date"].input-highlighted,
input[type="datetime"].input-highlighted,
input[type="datetime-local"].input-highlighted,
input[type="email"].input-highlighted,
input[type="month"].input-highlighted,
input[type="number"].input-highlighted,
input[type="password"].input-highlighted,
input[type="search"].input-highlighted,
input[type="tel"].input-highlighted,
input[type="url"].input-highlighted,
input[type="week"].input-highlighted,
textarea:focus,
textarea.input-highlighted,
select.input-highlighted {
	-webkit-box-shadow: 0 0 10px 0 #ffd02b;
	box-shadow: 0 0 10px 0 #ffd02b;
}

input[type="submit"],
button {
	border: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

input[type="file"] {
	font-size:12px;
}

label,
legend {
	text-transform:uppercase;
	line-height:160%;
	font-size: 14px;
}

	label span,
	legend span {color:red;}

	label span.small {
		color:inherit;
		font-size:12px;
		text-transform:none;
	}

label.error {
	font-size:11px;
	color:#f56a6a;
}

input.error,
select.error {
	background:#fccaca;
}

.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="date"],
.big-form-fields.input-attached input[type="datetime"],
.big-form-fields.input-attached input[type="datetime-local"],
.big-form-fields.input-attached input[type="email"],
.big-form-fields.input-attached input[type="month"],
.big-form-fields.input-attached input[type="number"],
.big-form-fields.input-attached input[type="password"],
.big-form-fields.input-attached input[type="search"],
.big-form-fields.input-attached input[type="tel"],
.big-form-fields.input-attached input[type="url"],
.big-form-fields.input-attached input[type="week"],
.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="date"],
.input-attached input[type="datetime"],
.input-attached input[type="datetime-local"],
.input-attached input[type="email"],
.input-attached input[type="month"],
.input-attached input[type="number"],
.input-attached input[type="password"],
.input-attached input[type="search"],
.input-attached input[type="tel"],
.input-attached input[type="url"],
.input-attached input[type="week"] {
	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;
    padding: 12px;
}



.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 #ccc;
	}

	.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;
	}
   
@media screen and (max-width:1024px) { 

    .new-bottom-quote-form .btn-get-quote{
        width:100% !important;
        padding:12px;
        font-size:20px !important;
    }
    
    .new-bottom-quote-form.bottom-quote-form {
		width: 100%;
	}
    
}
@media screen and (max-width:767px) {
	.bottom-quote-form {
	padding: 45px 5%;}
}



.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 #ccc;
		}

	.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;}

.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;}


@media screen and (max-width:1024px) {

	.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%;
		}
        
}

@media screen and (max-width:600px) {

	.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;}
    
}

@media screen and (max-width: 400px) {
    
    .application input[type="text"],
	.application textarea {width:100%;}

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





/*====== Filters ======*/

.filter-form {
    display: inline-block;
}

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

.filter-form__menu {
	font-size:12px;
	text-transform: uppercase;
	font-family: 'robotobold';
}

    .filter-form__menu > li {
        background:url(../img/dropdown-arrow.png) no-repeat top 10px right 12px #ffd02b !important;
        padding: 10px;
    }






/*====== 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 .option > span { padding: 0 7px; }

	.table-head .item {
		background:#466db2;
		/*padding:0 20px;*/
	}
    
        .table-head .item > span { 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,
    .main .static-table-heading.first,
	.main .table-heading.first {background:#4166a6; /* border-left: 1px solid #4166a6; */}
	.table-heading.second,
	.static-table-heading.second,
	.white-section-wrapper .static-table-heading.second,
	.white-section-wrapper .table-heading.second,
    .main .static-table-heading.second,
	.main .table-heading.second {background:#4166a6; /* border-left: 1px solid #4166a6; */}
	.table-heading.third,
	.static-table-heading.third,
	.white-section-wrapper .static-table-heading.third,
	.white-section-wrapper .table-heading.third,
    .main .static-table-heading.third,
	.main .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,
    .main .static-table-heading.fourth,
	.main .table-heading.fourth {background:#325189;}
	.table-heading .italic,
	.static-table-heading .italic {font-size: 14px;}
    
    .table-head.two-columns .table-heading.first,
    .table-head.two-columns .table-heading.second,
    .table-head.three-columns .table-heading.first,
    .table-head.three-columns .table-heading.second,
    .table-head.four-columns .table-heading.second { border-left: 0; }
    
    .table-heading__contact {
        font-size: 15px;
        padding-left: 20px;
        padding-right: 20px;
    }

.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:#a4b8db;}
	.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;}

@media screen and (max-width:1024px) {

	.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;}
    
}

@media screen and (max-width:767px) {

	.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;}
    
    .table-heading {font-size:11px;}
    
}

@media screen and (max-width:400px) {

	.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;}
    
}




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

	.tabs ul {
		width:100%;
	}

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

	.content-section ul .tab-item,
    .content-section--full 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;
}


@media screen and (max-width:600px) {

	.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;
		}
        
}






/*====== 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;
	}






/*====== Half and Halfs (half text half media) ======*/

.half-and-half {
    display: table;
    width: 100%;
}

    .half-and-half * {
        box-sizing: border-box;
    }

    .half-and-half--blue    { background-color: #7492c8; }
    .half-and-half--green   { background-color: #99cc63; }
    .half-and-half--teal    { background-color: #3accbf; }

    .half-and-half__media,
    .half-and-half__text {
        display: table-cell;
        vertical-align: top;
        width: 50%;
    }
    
    .half-and-half__text {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    
        .half-and-half__text-wrapper {
            width: 589px;
        }
    
        .half-and-half__text--left {
            padding-right: 70px;
        }
        
            .half-and-half__text--left .half-and-half__text-wrapper {
                float: right;
            }
        
        .half-and-half__text--right {
            padding-left: 70px;
        }
        
            .half-and-half__text--right .half-and-half__text-wrapper {
                float: left;
            }
        
        .half-and-half__title {
            color: #16233a;
            font-family: 'roboto_thregular';
            font-size: 36px;
        }
        
            .half-and-half__title-emphasized {
                color: #fff;
                font-family: 'robotobold';
                font-size: 1.5em;
            }
        
        .half-and-half__text p {
            color: #233a5a;
            font-size: 18px;
            line-height: 1.7;
            margin-top: 30px;
            margin-bottom: 30px;
        }
        
    .half-and-half__media { position: relative; }
        
        .half-and-half__media--team         { background: url(../img/half-and-half-team.jpg) no-repeat center top / cover; }
        .half-and-half__media--testimonial  { background: url(../img/half-and-half-testimonial.jpg) no-repeat center top / cover; }
		.half-and-half__media--job-insight  { background: url(../img/half-and-half-job-insight.png) no-repeat center top / cover; }
        .half-and-half__media--garden       { background: url(../img/half-and-half-garden.jpg) no-repeat center top / cover; }
        .half-and-half__media--number-one   { background: url(../img/half-and-half-number-one.jpg) no-repeat center top / cover; }
		.half-and-half__media--analytics	{ background: url(../img/franchise-1.png) no-repeat center top / cover;}

		.half-and-half__media--team			{ background: url(../img/franchise-team.png) no-repeat center top / cover;}
    
@media (max-width: 1366px) {
    
    .half-and-half__text--left { padding-left: 24px; }
    
    .half-and-half__text--right { padding-right: 24px; }
    
    .half-and-half__text-wrapper { width: 100%; }
    
}
    
@media (max-width: 1024px) {
   
    .half-and-half__media { display: none !important; }
    
    .half-and-half,
    .half-and-half__text { display: block; }
    
    .half-and-half__text { 
        padding-top: 60px;
        padding-bottom: 60px;
        width: 100%; 
    }
    
    .half-and-half__text--left { padding-right: 24px; }
    
    .half-and-half__text--right { padding-left: 24px; }
    
    .half-and-half__text--left .half-and-half__text-wrapper,
    .half-and-half__text--right .half-and-half__text-wrapper { float: none; }
    
}

@media (max-width: 767px) {
    
    .half-and-half__text {
        padding-top: 45px;
        padding-bottom: 45px;
    }
    
        .half-and-half__text p { font-size: 16px; }
        
        .half-and-half__title { font-size: 28px; }
    
}

@media (max-width: 600px) {
    
    .half-and-half__text {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    
        .half-and-half__text p { 
            font-size: 14px; 
            margin-top: 20px;
            margin-bottom: 20px;
        }
        
        .half-and-half__title { font-size: 24px; }
    
}






/*====== Service Cards ======*/

.service-card__wrapper {
    background-color: #fff;
    -webkit-box-shadow: 0 0 11px 0 rgba(0,0,0,.1);
            box-shadow: 0 0 11px 0 rgba(0,0,0,.1);
    -webkit-border-radius: 5px;
            border-radius: 5px;
    padding: 50px;
    text-align: center;
}

    .service-card__icon {
        color: #7193c6;
        font-size: 120px;
        line-height: 1;
    }

    .service-card__title {
        border-bottom: 1px solid #ccc;
        color: #122239 !important;
        display: inline-block;
        font-size: 30px;
        padding-bottom: 10px;
        text-transform: uppercase;
    }
    
    .service-card__text {
        font-size: 18px;
        margin-bottom: 30px;
    }
    
    .service-card .btn {
        margin: 0 auto;
        width: 80%;
    }
    
@media (max-width: 767px) {
    
    .service-card { margin-top: 30px; }
    
        .service-card:first-child { margin-top: 0; }
        
        .service-card__text { font-size: 16px; }
    
}

@media (max-width: 600px) {
    
    .service-card { margin-top: 20px; }
    
        .service-card__icon { font-size: 80px; }
    
        .service-card__wrapper { padding: 30px; }
    
        .service-card__title {
            font-size: 24px;
        }
        
        .service-card__text { font-size: 14px; }
    
}






/*====== Profile Card ======*/

.profile-card {
    background-color: #fff;
    padding: 40px;
    text-align: center;
}

    .profile-card__img {
        display: inline-block !important;
        border-radius: 100%;
        margin-bottom: 20px;
    }
    
    .profile-card__name {
        color: #2e4875;
        font-family: 'roboto_thregular';
        font-size: 30px;
    }
    
    .profile-card__title {
        color: #7d7d7d;
        font-size: 14px;
        text-transform: uppercase;
    }
    
    .profile-card__quote {
        background: none;
        font-size: 16px;
        font-family: 'robotoregular';
        line-height: 1.7em;
        padding: 0;
        margin: 20px 0 50px 0;
        overflow: visible;
        position: relative;
        min-height:165px;
    }
    
        .profile-card__quote:after {
            content: '“';
            color: #7492c8;
            font-family: Georgia, serif;
            font-size: 80px;
            position: absolute;
            bottom: -60px;
            left: 50%;
            margin-left: -15px;
        }
@media (min-width: 1024px){
	.scrollable-section--profiles .profile-card {min-height:705px;}
	.profile-card__quote{padding:0 15px;}
}        
@media (min-width:1250px){
	.scrollable-section--profiles .profile-card {min-height:625px;}
	.profile-card__quote{padding:0 30px;}
}
    





/*====== Image Card ======*/

.img-cards {
    margin-top: 40px;
    margin-bottom: 40px;
}

.img-card {
    background-color: #fff;
    border: 1px solid #e1e1e1;
    display: block;
    margin-bottom: 40px;
    position: relative;
    text-align: center;
}

    .img-card:hover {
        border: 1px solid #7492c8;
    }
    
    .img-card img {
        display: block;
        height: auto;
        margin: 0 auto;
        max-width: 100%;
    }
    
    .img-card__title {
        font-size: 20px;
        line-height: 1.2;
        position: relative;
        text-transform: uppercase;
        margin-top: -25px;
        margin-bottom: 0;
        transform: translate(-50%,-50%);
        left: 50%;
        top: 50%;
    }
    
    .img-card__overlay {
        background-color: rgba(255, 255, 255, .8);
        opacity: 0;
        padding: 10px;
        position: absolute;
        top: 0;
        height: 100%;
        width: 100%;
        -webkit-transition: all .3s ease;
           -moz-transition: all .3s ease;
            -ms-transition: all .3s ease;
             -o-transition: all .3s ease;
                transition: all .3s ease;
    }
    
        .img-card:hover .img-card__overlay { opacity: 1; }
    
.img-card--marketing-guide {
    padding-top: 20px;
    padding-bottom: 20px;
}

    .img-card--marketing-guide img {
        max-width: 60%; 
    }
    
    .img-card--marketing-guide .img-card__title:after {
        content: '\e6f1';
        background-color: #7492c8;
        border-radius: 100px;
        color: #fff;
        padding: 5px;
        position: absolute;
        bottom: -50px;
        left: 50%;
        margin-left: -20px;
        height: 30px;
        width: 30px;
    }
    
    
@media (max-width: 1024px) {
    
    .img-card:hover .img-card__overlay { opacity: 0; }
    
}

@media (max-width: 599px) {
    
    .img-cards {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    
    .img-card { margin-bottom: 20px; }
    
}





/*====== Video Block ======*/

.video-block {
    display: block;
    opacity: 1;
    position: relative;
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
}

    .half-and-half__media.video-block { display: table-cell; }

    .video-block:after {
        border: 4px solid #fff;
            border-radius: 100%;
        -webkit-border-radius: 100%;
        content: "\e6f9";
        color: #fff;
            -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
           -moz-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        font-size: 80px;
        padding: 25px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-right: -50%;
    }

    .video-block:hover { opacity: .6; }
    
    
@media (max-width: 1024px) {
    
    .video-block:after {
        border: 3px solid #fff;
        padding: 15px;
        font-size: 40px;
    }
    
}
    





/*====== Social Button Row ======*/
    
.social-button-row {
    list-style: none;
    padding-left: 0;
}

    article.main .social-button-row li { background: none; }

    .social-button-row li {
        display: inline-block;
        margin: 0 5px;
        padding: 0 !important;
    }
    
    .social-button-row a {
        -webkit-border-radius: 5px;
                border-radius: 5px;
        color: #fff !important;
        display: block;
        font-size: 20px;
        line-height: 1;
        padding: 9px 10px;
    }
    
    .social-button--facebook      { background-color: #40609c; }
        .social-button--facebook:hover      { background-color: #5f7eb9; }
        
    .social-button--twitter       { background-color: #20ace1; }
        .social-button--twitter:hover       { background-color: #44c5f6; }
        
    .social-button--googleplus    { background-color: #fd4837; }
        .social-button--googleplus:hover    { background-color: #ff7265; }
        
    .social-button--linkedin      { background-color: #1f76b3; }
        .social-button--linkedin:hover      { background-color: #348bc8; }
        
    .social-button--email         { background-color: #959595; }
        .social-button--email:hover         { background-color: #b9b9b9; }
    
    
@media (max-width: 599px) {
    
    .social-button-row li { margin: 0 3px; }
    
}





/*====== Photo Caption Block ======*/

.photo-caption-block {
    display: table;
    width: 100%;
}

    .photo-caption-block * { box-sizing: border-box; }

    .photo-caption-block__image,
    .photo-caption-block__caption {
        display: table-cell;
        vertical-align: top;
    }
    
    .photo-caption-block__caption {
        background-color: #fff;
        padding: 70px;
        position: relative;
    }
    
        .photo-caption-block__caption:before {
            content: '';
            position: absolute;
            top: 15%;
             width: 0;
            height: 0;
            border-style: solid;
        }
        
            .photo-caption-block--img-left .photo-caption-block__caption:before {
                left: -15px;
                border-width: 15px 15px 15px 0;
                border-color: transparent #ffffff transparent transparent;
            }
            
                .photo-caption-block--img-left .photo-caption-block__caption--blue.photo-caption-block__caption:before {
                    border-color: transparent #7492c8 transparent transparent;
                }
            
            .photo-caption-block--img-right .photo-caption-block__caption:before {
                right: -15px;
                border-width: 15px 0 15px 15px;
                border-color: transparent transparent transparent #ffffff;
            }
            
                .photo-caption-block--img-right .photo-caption-block__caption--blue.photo-caption-block__caption:before {
                    border-color: transparent transparent transparent #7492c8;
                }
    
        .photo-caption-block__image--two-thirds,
        .photo-caption-block__caption--two-thirds {
            width: 66.6666%;
        }
        
        .photo-caption-block__image--one-third,
        .photo-caption-block__caption--one-third {
            width: 33.3333%;
        }
        
        .photo-caption-block__image--mansion-fx { background: url(../img/photo-caption-img-mansionfx.jpg) no-repeat center top / cover; }
        .photo-caption-block__image--events     { background: url(../img/photo-caption-img-events.jpg) no-repeat center top / cover; }
        .photo-caption-block__image--giving     { background: url(../img/photo-caption-img-giving.jpg) no-repeat center top / cover; }
        .photo-caption-block__image--mary       { background: url(../img/photo-caption-img-mary.jpg) no-repeat center top / cover; }
        
        .photo-caption-block__caption p {
            color: #16233a;
            line-height: 1.7;
            margin-top: 30px;
            margin-bottom: 30px;
        }
        
        .photo-caption-block__caption--blue { background-color: #7492c8; }
        
            .photo-caption-block__caption--blue p { color: #fff; }
            
            .photo-caption-block__caption--blue .photo-caption-block__link { color: #122239; }
            
                .photo-caption-block__caption--blue .photo-caption-block__link:hover { color: #143260; }
        
    .photo-caption-block__title {
        font-size: 30px;
        font-family: 'roboto_thregular';
        margin-top: 0;
    }
    
    .photo-caption-block__link {
        color: #7492c8;
        font-family: 'robotobold';
        text-transform: uppercase;
    }
    
        .photo-caption-block__link:hover { color: #a8c0eb; }
        
        .photo-caption-block__link:after { 
            content: '\e71e'; 
            padding-left: 5px;
        }
        
@media (max-width: 1200px) {
    
    .photo-caption-block__caption { padding: 50px; }
    
}

@media (max-width: 1024px) {
    
    .photo-caption-block__image--two-thirds,
    .photo-caption-block__caption--one-third {
        display: block;
        width: 100%;
    }
    
    .photo-caption-block__image--two-thirds { min-height: 300px; }
    
        .photo-caption-block--img-right .photo-caption-block__image--two-thirds { display: none; }
    
    .photo-caption-block--img-left .photo-caption-block__caption.photo-caption-block__caption--one-third:before,
    .photo-caption-block--img-right .photo-caption-block__caption.photo-caption-block__caption--one-third::before {
        left: 5%;
        right: auto;
        top: -15px;
        border-width: 0 15px 15px 15px;
        border-color: transparent transparent #ffffff transparent;
    }
    
        .photo-caption-block--img-left .photo-caption-block__caption.photo-caption-block__caption--blue.photo-caption-block__caption--one-third:before,
        .photo-caption-block--img-right .photo-caption-block__caption.photo-caption-block__caption--blue.photo-caption-block__caption--one-third::before {
            border-color: transparent transparent #7492c8 transparent;
        }
        
}

@media (max-width: 600px) {
    
    .photo-caption-block__image--two-thirds { min-height: 150px; }
    
    .photo-caption-block__caption { padding: 30px; }
    
        .photo-caption-block--img-left .photo-caption-block__caption.photo-caption-block__caption--two-thirds:before,
        .photo-caption-block--img-right .photo-caption-block__caption.photo-caption-block__caption--two-thirds::before {
            left: 5%;
            right: auto;
            top: -15px;
            border-width: 0 15px 15px 15px;
            border-color: transparent transparent #ffffff transparent;
        }
        
             .photo-caption-block--img-left .photo-caption-block__caption.photo-caption-block__caption--blue.photo-caption-block__caption--two-thirds:before,
            .photo-caption-block--img-right .photo-caption-block__caption.photo-caption-block__caption--blue.photo-caption-block__caption--two-thirds::before {
                border-color: transparent transparent #7492c8 transparent;
            }
        
        .photo-caption-block__caption p { 
            font-size: 14px; 
            margin-top: 20px;
            margin-bottom: 20px;
        }
        
    .photo-caption-block__title { font-size: 24px; }
        
    .photo-caption-block__image--one-third,
    .photo-caption-block__caption--two-thirds {
        display: block;
        width: 100%;
    }
    
    .photo-caption-block__image--one-third { min-height: 400px; }
    
}





/*====== 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: #41608f;
	z-index: 9999;
}

.site-header {
	z-index:9999;
	width:100%;
}

.header-top {
	padding-top: 15px;
    padding-bottom: 15px;
}

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

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

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

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

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

	.logo-container .logo-text {
		position:absolute;
		top:13px;
		left:178px;
		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;
	}
    
    .slogan {
        position: relative;
        float: left;
        margin-left: 15px;
        font-size: 15px;
        color: #FFF;
        padding: 7px 0 9px 15px;
        border-left: 1px solid #5170A6;
        line-height: 1.1em;
    }
    
.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);
	}
    
.site-header-quote-form { text-align: right; }
    
.site-header-quote-form input[type="url"] {
    height: 42px;
    width: 60%;
}

.site-header-quote-form .btn {
    font-size: 14px;
    padding: 12px 20px;
}



.condensed-nav .nav-wrapper {
	position:fixed;
	z-index:999;
	width:100%;
	top:0;
	background:#98afd7;
}

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

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

	.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;
}

@media screen and (max-width:1024px) {

	.logo-container .logo-text {display:none;}

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

	.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;}
    
    .site-navigation #nav-list { display: none; }
    
}

@media screen and (max-width:600px) {

	.logo-container {
		height:30px;
		margin-top: 10px;
        width: 135px;
	}

	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;
	}
    
    .site-header-quote-form { margin-top: 10px; }
    
        .site-header-quote-form .btn { 
            padding: 8px; 
            font-size: 13px;
        }
        
    .header-top {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    
}






/*====== Main Nav ======*/
.nav-wrapper {
	background-color: #122239;
}

nav[role="navigation"] {
	position:relative;
	height:48px;
}

	nav[role="navigation"] ul {
		padding:0;
		float:left;
	}
    
    nav[role="navigation"] > ul {
        float: none;
        text-align: right;
    }

	nav[role="navigation"] li {
		list-style-type:none;
		float:left;
		position:relative;
		display:block;
		z-index: 100;
	}
    
    nav[role="navigation"] > ul > li {
        display: inline-block;
        float: none;
        margin-left: 20px;
    }
    
        nav[role="navigation"] .menu-has-children:after {
            content: '\e71c';
            color: #7492c8;
            margin-left: 5px;
            position: absolute;
            right: 10px;
            top: 16px;
        }
        
        nav[role="navigation"] .menu-has-children > a {
            padding: 16px 30px 16px 20px;
        }            

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

	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;
            text-align: left;
			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:#111826;
		float:left;
		margin:0;
		padding: 10px 25px;
		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;}

@media (max-width: 1320px) {

 nav[role="navigation"] > ul > li { margin-left:10px; }

 }

@media (max-width: 1250px) {
    
    nav[role="navigation"] > ul { margin-right: 0px; }
    
    nav[role="navigation"] li a { padding: 16px 13px; }
    
    nav[role="navigation"] .menu-has-children > a { padding: 16px 23px 16px 13px; }
    
        nav[role="navigation"] .menu-has-children:after { right: 5px; }
    
    nav[role="navigation"] .phone-number { padding: 10px 20px; }
    
}

@media (max-width: 1182px) {

 nav[role="navigation"] > ul > li { margin-left:0; }
	
}

@media (max-width: 1112px) {
    
    nav[role="navigation"] li a { padding: 16px 10px; }
    
    nav[role="navigation"] .menu-has-children > a { padding: 16px 18px 16px 8px; }
    
        nav[role="navigation"] .menu-has-children:after { right: 0; }
    
}

@media screen and (max-width:1024px) {

	.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;
        width: 100%;
    }

	.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;}
        
}

@media screen and (max-width:400px) {

	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;}
    
}






/*====== 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 !important;}

	.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;
	}



.masthead-home {
    background: url(../img/bg-homepage-masthead-results.jpg) no-repeat center top / cover;
	width: 100%;
	/*height: 580px; was making homepage masthead content uneven top/bottom margins */
	position: relative;
}

    .masthead-home__content {
        display: table;
        margin-top: 50px;
        margin-bottom: 50px;
        width: 100%;
    }
    
    .masthead-home__message,
    .masthead-home__stats {
        display: table-cell;
        vertical-align: top;
    }
    
    .masthead-home__message {
        border: 4px solid rgba(116, 146, 200, .4);
        padding: 80px 70px;
        width: 68%;
    }
    
        .masthead-home__message h2:after {
            content: '\e6fd';
            color: #7492c8;
            font-size: 0.6em;
            margin-left: 10px;
        }
    
        .masthead-home__message p {
            font-size: 30px;
            margin-top: 0;
            margin-bottom: 20px;
        }
        
        .masthead-home__message .btn {
            font-size: 28px;
        }
    
    .masthead-home__stats {
        background-color: rgba(116, 146, 200, .4);
        padding: 50px;
        width: 32%;
    }
    
    .stat-counter {
        color: #fff;
        margin-top: 30px;
    }
    
        .stat-counter:first-child { margin-top: 0; }
        
        .stat-counter__title {
            background-color: #7492c8;
            font-size: 16px;
            letter-spacing: .05em;
            padding: 3px 15px;
            text-transform: uppercase;
        }
        
            .stat-counter__title span { font-family: 'robotobold'; }
        
        .stat-counter__numbers {
            background-color: rgba(18, 34, 57, .4);
            padding-left: 15px;
            padding-right: 15px;
        }
        
        .stat-counter__number {
            border-left: 1px solid #7492c8;
            float: left;
            font-family: 'robotobold';
            font-size: 24px;
            padding: 3px 10px;
        }
        
            .stat-counter__number:first-child { border-left: 0; }
            
@media (max-width: 1400px) {
    
    .masthead-home__content .biggest { font-size: 60px; }
    
    .masthead-home__message p,
    .masthead-home__message .btn { font-size: 22px; }
    
}

@media (max-width: 1200px) {
    
    .masthead-home__message { padding: 60px 50px; }
    
    .masthead-home__stats { padding: 25px; }
    
    .stat-counter { margin-top: 20px; }
    
        .stat-counter__title { font-size: 13px; }
        
        .stat-counter__number { font-size: 18px; }
    
}

@media (max-width: 1024px) {
    
    .masthead-home__message { 
        width: 55%;
        padding: 40px; 
    }
    
    .masthead-home__stats { width: 45%; }
    
}


@media (max-width: 767px) {
        
    .masthead-home { height: auto; }
    
        .masthead-home__content {
            margin-top: 30px;
            margin-bottom: 30px;
        }
        
        .masthead__content-wrapper h1, 
        .masthead__content-wrapper p { margin-bottom: 30px; }
        
        .masthead-home__content,
        .masthead-home__message {
            display: block;
            width: 100%;
        }
        
        .masthead-home__message h2:after { display: none; }
    
}

@media (max-width: 600px) {
    
    .masthead-home__message { padding: 20px; }
    
     .masthead-home__content {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    
    .masthead__content-wrapper h1, 
    .masthead__content-wrapper p { margin-bottom: 20px; }
    
}
    



.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 / cover;}
.masthead--internet-marketing {background:url(../img/bg-masthead-internet-marketing.jpg) no-repeat top center / cover;}
.masthead--seo-agency {background:url(../img/bg-masthead-seo-agency.jpg) no-repeat top center / cover;}
.masthead--design {background:url(../img/bg-masthead-design.jpg) no-repeat top center / cover;}
.masthead--development {background:url(../img/bg-masthead-development.jpg) no-repeat top center / cover;}
.masthead--knowledgeBase {background:url(../img/knowledge-intro.jpg) no-repeat top center / cover;}
.masthead--hiring-process  {background:url(../img/bg-masthead-hiring-process.jpg) no-repeat top center / cover;}
.masthead--website-cost{background:url(../img/bg-masthead-website-cost.jpg) no-repeat top center / cover;}
.masthead--website-cost-calculator{background:url(../img/bg-masthead-website-cost-calc.jpg) no-repeat top center / cover;}    
.masthead--employment { background:url(../img/header-employment.jpg) no-repeat top center / cover; }

    .masthead--employment .masthead__content-wrapper.content-section { padding: 10% 0; }

    .masthead--employment h1 { font-size: 44px; }
    
     
@media screen and (max-width:1024px) {

	.masthead {
		background-size:cover;
		min-width:0;
	}
    
}

@media (max-width: 767px) {
    
    .masthead--employment h1 { font-size: 23px; }
    
}

@media screen and (max-width:600px) {

	.masthead__content-wrapper--transparent-box.masthead__content-wrapper {
		margin:0;
		max-width:100%;
	}

	.masthead__case-study-label {padding:15px 5%;}
    
    .masthead--employment .masthead__content-wrapper.content-section { padding: 10% 24px; }

	.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;}
    
}




/*====== Homepage Section Styles ======*/

/* Homepage Awards */

.homepage-awards {
    padding-top: 30px;
    padding-bottom: 30px;
}

    .homepage-awards img {
        margin: 0 auto;
    }
    
    
    
 /* Full Service Solutions */
 
.homepage-full-service-solutions {
    background: url(../img/homepage-revenue-mobile.png) no-repeat 80% bottom;
}
    
    .homepage-full-service-solutions p {
        font-size: 18px;
        margin-top: 30px;
    }
            
@media (max-width: 1500px) {
    .homepage-full-service-solutions {
        background: url(../img/homepage-revenue-mobile.png) no-repeat 100% -30px;
    }
}

@media (max-width: 1200px) {
    .homepage-full-service-solutions {
        background: url(../img/homepage-revenue-mobile.png) no-repeat 125% -30px;
    }
}

@media (max-width: 1024px) {
    .homepage-full-service-solutions {
        background: none;
    }
}

@media (max-width: 767px) {
    .homepage-full-service-solutions p { font-size: 16px; }
}

@media (max-width: 600px) {
    .homepage-full-service-solutions p { font-size: 14px; }
}

    
/* Homepage Quick Quote */
        
.homepage-quick-quote {
    text-align: center;
}

    .homepage-quick-quote h2 {
        font-family: 'robotoregular';
        font-size: 28px;
        margin-bottom: 20px;
        margin-top: 0;
    }
    
        .homepage-quick-quote h2 span {
            font-family: 'robotobold';
        }
        
    .homepage-quick-quote p {
        max-width: 1100px;
        margin: 0 auto 20px auto;
    }

    .homepage-quick-quote input[type="url"] {
        height: 47px;
        width: 40%;
    }
    
@media (max-width: 767px) {
    
    .homepage-quick-quote h2 {
        font-size: 24px;
        margin-bottom: 10px;
    }
    
}

@media (max-width: 600px) {
    
    .homepage-quick-quote h2 { font-size: 18px; }
    
    .homepage-quick-quote input[type="url"] {
        margin-bottom: 10px;
        height: auto;
        width: 100%;
    }
    
    .homepage-quick-quote .btn { width: 100%; }
    
}
    
   
/* Homepage Logos */

.homepage-logos .heading-lined { margin-bottom: 40px; }
    
   
/* Homepage Portfolio */

.homepage-portfolio {
    margin-left: 5%;
    margin-right: 5%;
    width: 90%;
}

    .homepage-portfolio-item {
        display: block;
        float: left;
        position: relative;
        width: 33.3333%;
    }
    
        .homepage-portfolio-item:before {
            content: '';
            background: rgb(0,0,0); /* Old browsers */
            background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(54,54,54,1) 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(54,54,54,1) 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(54,54,54,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            opacity: 0;
            position: absolute;
            left: 0;
            top: 0;
            -webkit-transition: all .3s ease;
               -moz-transition: all .3s ease;
                -ms-transition: all .3s ease;
                 -o-transition: all .3s ease;
                    transition: all .3s ease;
            height: 100%;
            width: 100%;
        }
        
            .homepage-portfolio-item:hover:before { opacity: .8; }
    
        .homepage-portfolio-item__caption {
            padding: 5%;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-right: -50%;
            opacity: 0;
            text-align: center;
            -ms-transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            -webkit-transition: all .3s ease;
               -moz-transition: all .3s ease;
                -ms-transition: all .3s ease;
                 -o-transition: all .3s ease;
                    transition: all .3s ease;
            z-index: 1;
        }
        
            .homepage-portfolio-item:hover .homepage-portfolio-item__caption { opacity: 1; }
            
        .homepage-portfolio-item__name {
            color: #fff;
            font-family: 'robotobold';
            font-size: 40px;
            line-height: 1;
            margin-bottom: 40px;
            position: relative;
            text-transform: uppercase;
        }
        
            .homepage-portfolio-item__name:after {
                background-color: #6a84b1;
                content: '';
                height: 3px;
                position: absolute;
                bottom: -20px;
                left: 35%;
                width: 30%;
            }
            
        .homepage-portfolio-item__view {
            color: #ccc;
            font-size: 21px;
        }
        
@media (max-width: 1200px) {
    
    .homepage-portfolio-item__name { font-size: 24px; }
    
    .homepage-portfolio-item__view { font-size: 16px; }
    
}

@media (max-width: 1024px) {
    
    .homepage-portfolio-item { width: 50%; }
    
}


@media (max-width: 600px) {
    
    .homepage-portfolio-item { width: 100%; }
    
}

    
.homepage-image-strip {
    background: url(../img/homepage-image-strip.jpg) center top;
    height: 350px;
}

@media (max-width: 1024px) {
    .homepage-image-strip {
        background: url(../img/homepage-image-strip.jpg) center top / cover;
        height: 200px;
    }
}

@media (max-width: 767px) {
    .homepage-image-strip {
        background: url(../img/homepage-image-strip.jpg) center top / cover;
        height: 100px;
    }
}






/*====== Innerpage Styles ======*/
.page-title-wrapper {border-top:1px solid #000; background:#000;}
.page-title {max-width: 1366px; 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;}

@media screen and (min-width:1250px) {
	.page-title{padding:0;}
}

@media screen and (max-width:1024px) {
	.page-title {width:100%; padding: 0 5%;}
		.page-title p {padding-right:0;}
}

@media (max-width:992px) {
	.page-title p {font-size:36px;}
}

@media (max-width:767px) {
	.page-title p {font-size:28px;}
}

@media screen and (max-width:600px) {
	.page-title p {font-size:24px;}
}

@media screen and (max-width:400px) {
	.page-title p {font-size:20px;}
}


.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; }
.knowledge-base-ending h2 { color: #fff; }
.knowledge-base-ending p { color: #ccc; }

.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 {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;}

@media screen and (max-width:1024px) {

	.top-info {width:100%;}

		.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;
		}
        
}

@media screen and (max-width:767px) {

	.top-info aside{padding-top:20px;}
	.top-info .proof-logos {
		display:block;
		height:auto;
	}
    
}

@media screen and (max-width:600px) {

	.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;}
    
}

@media screen and (max-width: 400px) {
    
    .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%;}
    
}


.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; border-color:#d3d3d3; color:#333;}
.result-circle.blue {background:#2e4875; border:0; color: #fff;}
.result-circle span {font-size:40px; line-height: 1em;}
.result-circle__content {display:table-cell; padding:0 !important; vertical-align:middle;}

@media (max-width:992px) {

	.result-circle {
		height:140px;
		width:140px;
	}
    
}

@media screen and (max-width:767px) {
    
	.result-circle {
		height:156px;
		width:156px;
	}

}



.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;}


.fixed-sidebar-page { 
	background-color: #14233A;
	position: relative;
}
	
    .fixed-sidebar-page p {
        line-height: 1.7em;
        margin-bottom: 20px;
    }

    .fixed-sidebar-page * { box-sizing: border-box; }

    .fixed-sidebar-page__content { 
        margin-left: 25%; 
        padding-top: 60px;
        padding-bottom: 80px;
    }

.fixed-sidebar {
    height: 100%;
    position: absolute;
    width: 25%;
    padding: 35px;
}

    .fixed-sidebar.js-fixed {
        position: fixed;
    }
	
	.fixed-sidebar .custom-scroll .viewport { 
        min-height: 600px; 
        padding-bottom: 50px;
        box-sizing: content-box;
    }
	
		.fixed-sidebar .custom-scroll .viewport:after {
			content: '';
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#14233a+0,14233a+100&0+0,1+100 */
			background: -moz-linear-gradient(top, rgba(20,35,58,0) 0%, rgba(20,35,58,1) 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top, rgba(20,35,58,0) 0%,rgba(20,35,58,1) 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom, rgba(20,35,58,0) 0%,rgba(20,35,58,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			position: absolute;
			bottom: 0;
			left: 0;
			height: 50px;
			width: 100%;
		}
	
	.fixed-sidebar .custom-scroll .scrollbar {
		background: none;
		right: 10px;
	}
	
	.fixed-sidebar .custom-scroll .track,
	.fixed-sidebar .custom-scroll .thumb .end {
		background: none; 
	}
	
	.fixed-sidebar .custom-scroll .thumb {
		background: #41608f;
		border-radius: 50px;
		left: 0;
		width: 5px;
	}
	
	.fixed-sidebar .custom-scroll .overview {
		padding: 0 20px 50px 0;
	}		

    .fixed-sidebar__title {
        line-height: 1.2;
        position: relative;
        margin-bottom: 50px;
        padding-bottom: 10px;
    }
    
        .fixed-sidebar__title:after {
            content: '';
            position: absolute;
            width: 100%;
            background-color: #7492c8;
            height: 6px;
            left: 0;
            bottom: -20px;
        }
    
    .fixed-sidebar p {
        color: #fff;
        font-size: 14px;
        line-height: 1.6;
    }
    
    .fixed-sidebar__menu {
        margin-top: 30px;
        margin-bottom: 40px;
    }
    
        .fixed-sidebar__menu li { border-bottom: 1px solid #425272; }
        
        .fixed-sidebar__menu a {
            display: block;
            color: #b6bac3;
            font-size: 14px;
            padding: 12px 20px 12px 0;
            position: relative;
        }
        
            .fixed-sidebar__menu a:hover { color: #fff; }
            
            .fixed-sidebar__menu a:after {
                content: "\e71e";
                font-size: 1.3em;
                position: absolute;
                right: 0;
            }
            
    .fixed-sidebar__share { margin-top: 60px; }
    
    
@media (max-width: 1199px) {
        
    .fixed-sidebar { 
		width: 35%;
	}

	.fixed-sidebar-page__content {
		margin-left: 35%;
	}
    
}	
	
@media (max-width: 1024px) {
        
    .fixed-sidebar { 
		padding: 35px 30px; 
	}
    
        .fixed-sidebar__title { font-size: 24px; }
        
        .fixed-sidebar p,
        .fixed-sidebar__menu a { font-size: 13px; }  
        
        .fixed-sidebar__menu a { padding: 8px 20px 8px 0; }
        
        .fixed-sidebar .social-button-row li { margin-bottom: 10px; }  
    
}

@media (max-width: 767px) {
    
    .fixed-sidebar { 
        padding: 30px;
        position: static;
        width: 100%; 
    }
    
        .fixed-sidebar.js-fixed { position: static; }
        
        .fixed-sidebar .custom-scroll .scrollbar,
        .fixed-sidebar .custom-scroll .viewport:after { display: none; }
        
        .fixed-sidebar .custom-scroll .viewport {
            min-height: 100%;
            overflow: visible;
        }
        
        .fixed-sidebar .custom-scroll .overview { 
            padding: 0;
            position: static; 
        }
    
        .fixed-sidebar__title {
            margin-bottom: 30px;
            padding-bottom: 0;
        }
    
            .fixed-sidebar__title:after { display: none; }
            
        .fixed-sidebar p { display: none; }
        
        .fixed-sidebar__share { margin-top: 40px; }
    
    .fixed-sidebar-page__content { margin-left: 0; }
    
}

@media (max-width: 599px) {
    
    .fixed-sidebar__title {
        font-size: 18px;
        margin-bottom: 20px;
    }
    
    .fixed-sidebar__menu {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    
    .fixed-sidebar__share { margin-top: 20px; }
    
}



/*====== Alerts ======*/
.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;}

@media screen and (max-width:1024px) {

	.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;}
    
}



.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,
.employment-posting-header-img {
	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-contact.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;}
	.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;}
    .employment-posting-header-img { background: url(../img/header-employment-posting.jpg) no-repeat center top / cover; }

.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 p { color: #ccc; }
.meet-the-team--wrapper .fivecol.span-2 {padding:0 3%;}
.meet-the-team--wrapper .btn {display:block;}

@media screen and (max-width:1024px) {

	.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;}
        
}



.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;}

@media screen and (max-width:1024px) {

	/*====== Innerpage Styles ======*/
    
    .page-header,
	.design-header,
	.development-header,
	.internet-marketing-header,
	.team-header,
	.team-header2,
    .employment-posting-header-img {
        background-size: cover;
        height: 200px !important;
     }

	.yellow-arrow-form.fivecol.span-4 {width:100%;}
	.ribbon-title{width:auto;}
	
	.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;}

}

@media screen and (max-width:767px) {
    
    .page-header,
	.design-header,
	.development-header,
	.internet-marketing-header,
	.team-header,
	.team-header2,
    .employment-posting-header-img {height:150px !important;}

	.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;}
    
}

@media screen and (max-width:600px) {

	.page-header,
	.design-header,
	.development-header,
	.internet-marketing-header,
	.team-header,
	.team-header2,
    .employment-posting-header-img {height:100px !important;}
    
    .ribbon-title{font-size:15px;}

	#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;
	}

	.contact-info dl {width:100%;}
    
    .free-quote-sidebar {
		display:none;
	}
    
}

@media screen and (max-width:400px) {

	.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 .date {
		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%;}
	
	#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%;}

	iframe.content-img {margin-left:0;}

}



/*====== Inside WebpageFX Page Styles ======*/
.inside-webfx-cta {text-align:center; color:#fff !important; text-transform:uppercase; font-size:1.8em; display:block; margin-bottom: 25px;}
.inside-webfx-cta:hover {opacity:.8;}
.inside-webfx-cta.our-culture {background:url(../img/btn-inside-webfx-culture.jpg); background-size:cover; height: 171px; padding-top: 110px;}
.inside-webfx-cta.meet-team {background:url(../img/btn-inside-webfx-team.jpg); background-size:cover; height: 171px; padding-top: 110px;}
.inside-webfx-cta.why-choose-us {background:url(../img/btn-inside-webfx-why-choose-us.jpg); background-size:cover; height: 92px; padding-top: 60px;}
.inside-webfx-cta.apply-for-jobs {background:url(../img/btn-inside-webfx-apply-for-jobs.jpg); background-size:cover; height: 85px; padding-top: 40px;}
.inside-webpagefx .webpagefx-news {background:#2e4875 url(../img/webpagefx-news.png) center center no-repeat; height: 125px; display: block;}
.inside-webpagefx .webpagefx-news:hover {background:#466DB2 url(../img/webpagefx-news.png) center center no-repeat;}
.inside-webpagefx .webpagefx-news:active {background:#203151 url(../img/webpagefx-news.png) center center no-repeat;}
.inside-webpagefx .content-menu {margin-top:10px;}

@media screen and (max-width:1024px) {

	.inside-webfx-cta.our-culture,
	.inside-webfx-cta.meet-team,
	.inside-webfx-cta.why-choose-us,
	.inside-webfx-cta.apply-for-jobs {
		background-size:cover;
		height:auto;
		width:100%;
	}
    
    .inside-webpagefx .webpagefx-news {background-size:80%;}

	.inside-webfx-cta.our-culture {padding:30% 0;}
	.inside-webfx-cta.meet-team {padding:19% 0;}
	.inside-webfx-cta.why-choose-us {padding:5% 0;}
	.inside-webfx-cta.apply-for-jobs {padding:12% 0;}

	.team-header:hover {background-position:inherit;}

	.accordion.news p {font-size:inherit;}

	.btn.toolsGreen, .btn.toolsMaroon {display:none;}
    
}

@media screen and (max-width:767px) {

	.inside-webpagefx .content-menu {margin:20px 0;}
    
    .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%;}

	.inside-webpagefx .webpagefx-news {background-size:auto;}
    
}

@media screen and (max-width:600px) {

	.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;}

	.inside-webfx-cta {font-size:16px;}
    
}

	





/*====== 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 .date {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 ======*/

.employment-awards {
    padding-top: 30px;
    padding-bottom: 30px;
}

.employment-video { background-color: #0d0d0a; }

.employment-stats__title {
    background-color: #111b2f;
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative;
}

    .employment-stats__title:after {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 20px 20px 0 20px;
        border-color: #111b2f transparent transparent transparent;
        position: absolute;
        left: 50%;
        margin-left: -20px;
        bottom: -20px;
    }

    .employment-stats__title h2 {
        color: #fff;
        font-size: 30px;
    }
    
.employment-contact { background: url(../img/bg-employment-questions.jpg) no-repeat center top / cover; }

    .employment-contact-form {
        padding: 0;
        background: none;
        position: relative;
        width: 100%;
    }
        
        .employment-contact-form h2,
        .employment-contact-form p,
        .employment-contact-form label { color: #eaeaea; }
        
        .employment-contact-form .form-row { width: 100%; }
        
.employment-call-to-actions { margin-top: 100px; }
        
    .employment-call-to-actions .call-to-action-block { margin-left: 15%; }
        
.employment-stats {
}

    .employment-stat {
        text-align: center;
        margin-top: 60px;
        margin-bottom: 60px;
    }
    
        .employment-stat__icon {
            color: #fff;
            font-size: 80px;
            line-height: 1;
        }
        
        .employment-stat__number {
            color: #7492c8;
            font-family: 'robotobold';
            font-size: 80px;
            line-height: 1;
            margin-bottom: 10px;
        }
        
        .employment-stat__type {
            color: #fff;
            font-family: 'robotobold';
            font-size: 20px;
        }
        
        .employment-stat:nth-child(4n+1) { clear: left; }
        
.apply-today-button {
    -webkit-border-radius: 100%;
            border-radius: 100%;
    background-color: #ffd02b;
    color: #333;
    display: block;
    font-size: 20px;
    font-family: 'robotobold';
    line-height: 1;
    position: fixed;
    bottom: 30px;
    right: 30px;
    height: 100px;
    width: 100px;
    text-align: center;
    text-transform: uppercase;
    padding: 30px 0;
    box-sizing: border-box;
}

    .apply-today-button span { font-family: 'robotoregular'; }
    
    .apply-today-button:after {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 8px 9px 0 9px;
        border-color: #ffffff transparent transparent transparent;
        position: absolute;
        bottom: 15px;
        right: 50%;
        margin-right: -9px;
    }

    .apply-today-button:hover {
        background-color: #ffe690;
    }
    
.employment-icon {
    background-color: #7492c8;
    color: #fff;
    padding: 5px;
}

.referral-popup { max-width: 800px; }
    
    .employment-page #fancybox-wrap { top: 20px !important; }
	
	.industry-page #fancybox-wrap { top: 20px !important; }

    .referral-popup__header {
        background-color: #111b2f;
        padding: 30px 150px;
        text-align: center;
    }
    
    .referral-popup__title {
        font-family: 'roboto_thregular';
        font-size: 26px;
        margin-bottom: 30px;
        position: relative;
    }
    
        .referral-popup__title:after {
            background-color: #7492c8;
            content: '';
            position: absolute;
            left: 35%;
            bottom: -15px;
            width: 30%;
            height: 4px;
        }
        
    .referral-popup__subtitle { margin: 0; }
    
    .referral-popup__steps {
        background-color: #fff;
        color: #4c4c4c;
        font-size: 12px;
        list-style: none;
        padding: 40px;
        margin: 0;
    }
    
        .referral-popup__steps li {
            margin-top: 15px;
            padding-left: 50px;
            position: relative;
        }
        
            .referral-popup__steps li:first-child { margin-top: 0; }
            
            .referral-popup__steps li:before {
                background-color: #7492c8;
                color: #fff;
                font-family: 'robotobold';
                font-size: 19px;
                padding: 1px 9px;
                position: absolute;
                left: 0;
                top: -5px;
            }
            
            .referral-popup__steps-one:before   { content: '1'; }
            .referral-popup__steps-two:before   { content: '2'; }
            .referral-popup__steps-three:before { content: '3'; }
            .referral-popup__steps-four:before  { content: '4'; }
            
    .referral-popup__form {
        padding: 40px;
    }
    
        .referral-popup__form input[type="text"] {
            border: 1px solid #ccc;
            margin-right: 10px;
            width: 50%
        }
        
.job-opening {
    margin-top: 60px;
}

    .job-opening:first-child { margin-top: 30px; }
    
    .job-opening__title{ 
        background-color: #ebebeb;
        color: #2e4875 !important;
        font-size: 24px;
        margin-top: 0; 
        padding: 15px 30px 15px 100px;
        position: relative;
        text-transform: uppercase;
    }
	
	.job-insight-video{
		background-color: #ebebeb;
        color: #2e4875 !important;
        font-size: 24px;
        margin-top: 0; 
        padding: 15px;
        position: relative;
        text-transform: uppercase;
	}
    
        .job-opening__title [class^="icon-"] {
            background-color: #7492c8;
            color: #fff;
            font-size: 60px;
            line-height: 1;
            position: absolute;
            left: 0;
            top: 0;
            width: 70px;
            height: 100%;
            text-align: center;
        }
        
    .job-opening__content {
        margin-top: 30px;
        padding-left: 100px;
    }
    
        .job-opening__content .btn { 
            margin-right: 10px; 
            margin-bottom: 10px;
        }
    
    
@media (max-width: 1200px) {
    
    .employment-stat:nth-child(4n+1) { clear: none; }
        
    .employment-stat:nth-child(3n+1) { clear: left; }
        
}

@media (max-width: 1024px) {
        
    .employment-additional .container {
        padding-right: 0;
        padding-left: 0;
    }
    
    .employment-contact-form { margin-bottom: 50px; }
    
    .employment-stat {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    
    .employment-stat:nth-child(3n+1) { clear: none; }
    
    .employment-stat:nth-child(2n+1) { clear: left; }
    
    .referral-popup__header { padding: 30px 100px; }
    
    .employment-call-to-actions { margin-top: 60px; }
    
        .employment-call-to-actions .call-to-action-block { 
            float: left;
            margin-left: 4%; 
            width: 48%;
        }
        
            .employment-call-to-actions .call-to-action-block:first-child { margin-left: 0; }

}

@media (max-width: 767px) {
    
    .job-opening__content { padding-left: 0; }
    
    .job-opening__title { font-size: 20px; }
    
    .employment-call-to-actions .call-to-action-block { 
        float: none;
        margin-left: 0; 
        width: 100%;
    }
        
}


@media (max-width: 600px) {
    
    .job-opening { margin-top: 40px; }
    
        .job-opening:first-child { margin-top: 15px; }
    
        .job-opening__title {
            font-size: 18px; 
            padding: 15px 30px 15px 70px;
        }
        
            .job-opening__title [class^="icon-"] { width: 55px; }
            
        .job-opening__content { margin-top: 10px; }
    
    .employment-stats__title h2 { font-size: 24px; }
    
    .employment-stat__number { font-size: 60px; }
    
}

/*====== 2016 Contact Page Styles ======*/
.contact-form-fields::-webkit-input-placeholder, .contact-form-fields:-moz-placeholder, .contact-form-fields::-moz-placeholder, .contact-form-fields:-ms-input-placeholder {
   color: #000;
   font-size:20px;
   font-family: 'roboto_thregular';
}

.contact-form-fields{
	line-height:40px !important;
	width:100% !important;
	border-color:#ccc !important;
	border-radius:5px !important;
	font-family: 'roboto_thregular' !important;
	font-size:20px !important;
}

.contact-form-dropdown{
	height:60px !important;
	text-transform:none !important;
}

.contact-border{
	border: #7491CB;
	border-width: 0 0 6px;
	border-style: solid;
	max-width:600px;
	width:100%;
	margin-top:30px;
	margin-bottom:40px;
}

#contact-form-cta-box{
	height:100% !important;
	padding: 35px !important;
	width: auto !important;
	line-height: 1em !important;
}

#mobile-cta-box{
	height:auto !important;
	width:100% !important;
	padding: 35px !important;
}

.contact-form-cta-box-text{
	padding:50px 15px;
}

.speak-with-strategist-cta{
	font-size:20px !important;
	margin-top:50px !important;
}

.talk-in-person-cta{
	line-height:1.4em !important;
}

.contact-us-phone-info{
	width:430px;
	font-size:25px;
	color:#000;
	background-color:#e8e9ed;
	font-family: 'robotoregular';
}

#contact-us-phone-numbers{
	padding:40px;
}

.strategist-block{
	background: url(../img/contact-background.jpg) no-repeat center top / cover;
	width:430px !important;
	height:415px !important;
}

.contact-location-box{
	border: 1px solid #ccc;
}


/*====== Industry Hub Page Posting Styles ======*/

/* Header Images */
.franchise .masthead-home{ background:url(../img/franchise-header.png) no-repeat top center / cover; }
.b2b .masthead-home{background:url(../img/b2b-header.png) no-repeat top center / cover;}
.dental .masthead-home{background:url(../img/dental-header.png) no-repeat top center / cover;}
.home-services .masthead-home{background:url(../img/home-services-header.png) no-repeat top center / cover;}
.hospitality .masthead-home{background:url(../img/hospitality-header.png) no-repeat top center / cover;}
.manufacturing .masthead-home{background:url(../img/manufacturing-header.png) no-repeat top center / cover;}
.medical .masthead-home{background:url(../img/medical-header.png) no-repeat top center / cover;}
.rehab .masthead-home{background:url(../img/rehab-header.png) no-repeat top center / cover;}

/* "More Resources" Images */
.photo-caption-block__image--more-info{background: url(../img/more-info.png) no-repeat center top / cover;}
.b2b .photo-caption-block__image--more-info{background: url(../img/b2b-resources.jpg) no-repeat center top / cover;}
.dental .photo-caption-block__image--more-info{background: url(../img/dental-resources.jpg) no-repeat center top / cover;}
.home-services .photo-caption-block__image--more-info{background: url(../img/home-services-resources.jpg) no-repeat center top / cover;}
.hospitality .photo-caption-block__image--more-info{background: url(../img/hospitality-resources.jpg) no-repeat center top / cover;}
.manufacturing .photo-caption-block__image--more-info{background: url(../img/manufacturing-resources.jpg) no-repeat center top / cover;}
.medical .photo-caption-block__image--more-info{background: url(../img/medical-resources.jpg) no-repeat center top / cover;}
.rehab .photo-caption-block__image--more-info{background: url(../img/more-info-rehab.jpg) no-repeat center top / cover;}
	
.half-and-half__media--home-services{background: url(../img/home-services-team.jpg) no-repeat center top / cover;}

.industry-page .masthead-home__content{
	width:auto;
	margin-left:auto;
	margin-right:auto;
}

.industry-page .biggest, .masthead-home__message{
	width:auto;
}

.industry-page .second{
	padding:30px 0 0 0;
	text-align:center;
}

#why{
	line-height:1.2em;
}

.industry-page .border{
	border: #7491CB;
	border-width: 0 0 6px;
	border-style: solid;
	max-width:600px;
	width:100%;
	margin-top:30px;
	margin-bottom:40px;
}

.industry-page .photo-caption-block{
	margin:48px 0 0 0;
}

.industry-page .photo-caption-block__title{
	color: #122239 !important;
}

.industry-page .photo-caption-block__image{ 
	border-radius: 5px 0 0 5px; 
}

.industry-page .photo-caption-block__caption{
	border-radius: 0 5px 5px 0;
}

.industry-page .half-and-half--teal{
	background-color:#c8d5ea;
}

.industry-page .cta-testimonials{
	margin: 40px 0 40px 0;
}

#resource-header{
	width:100%;
	margin-bottom:48px;
	padding-left:0;
	padding-right:0;
	border-radius:5;
}

.industry-page .service-card__wrapper h2{
	color:#122239;
}

.industry-page .profile-card{
	color:#c8d5ea;
}

.industry-page .newcard{
	background:#fff;
	padding: 20px 0 20px 0;
	width:100%;
}

.industry-page .heading-decorated::after{
	content:none;
}

.industry-page .heading-decorated{
	margin-bottom:20px;
}

#mobilecard .profile-card__quote:after{
	bottom:30px;
}

#mobilecard .profile-card__quote{
	margin-bottom:0;
}

@media screen and (max-width: 1024px) and (min-width:768px){
	#thirdcard{
		margin-top:48px;
	}

}

@media (max-width: 767px){
	#resource-header{
		margin-bottom:30px;
	}
	
	.industry-page .photo-caption-block{
		margin-top:30px;
	}
}


/*====== Employment Posting Styles ======*/

.employment-posting__header {
    margin-bottom: 60px;
}

.employment-posting__title {
    padding-bottom: 40px;
}

.employment-posting__summary {
    font-family: 'roboto_thregular';
    font-size: 24px;
    line-height: 1.5;
    margin-top: 40px;
    margin-bottom: 20px;
}

.application {
    display: block !important;
    margin-top: 40px;
}

    .application label {
        display: block;
    }
    
    .application .form-row { margin-bottom: 20px; }
    
    .application input[type="text"],
    .application input[type="date"],
    .application input[type="datetime"],
    .application input[type="datetime-local"],
    .application input[type="email"],
    .application input[type="month"],
    .application input[type="number"],
    .application input[type="password"],
    .application input[type="search"],
    .application input[type="tel"],
    .application input[type="url"],
    .application input[type="week"],
    .application textarea,
    .application select {
        border: 1px solid #ccc;
        width: 100%;
    }
    
    .application textarea { min-height: 100px; }

@media (max-width: 767px) {
    
    .employment-posting__summary { font-size: 20px; }
    
}

@media (max-width: 600px) {
    
    .employment-posting__summary { font-size: 18px; }
    
    .employment-posting__header { margin-bottom: 30px; }
    
}






/*====== 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:hover > span{
	height:179px;
	-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 {
	opacity:1;
	position: absolute;
	left:0;
	padding-bottom: 5%;
	padding-left: 5px;
	padding-right: 5px;
	font-family: 'robotobold';
	text-transform: uppercase;
	color: #FFF;
	background-color: rgba(116, 146, 200, .8);
	height: 60px;
	bottom: 0px;
	min-width:180px;
	width:100%
	-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 img {margin:2px 1px;}
.marketing-link-section a  {display:block;}

@media screen and (max-width:1024px) {

    .marketing-landing a span {opacity:1; width:100%;}
	.marketing-landing a:hover > span{
		height:60px;
	}

}

@media screen and (max-width: 400px) {
    
    .marketing-landing a {float: none;}

    
}




/* Marketing Guides Homepage */
.marketing-guides-section {
    border-top: 2px solid #e1e1e1;
    margin-top: 40px;
    padding-top: 40px;
}

    .marketing-guides-section:first-of-type { 
        border-top: 0;
        margin-top: 0;
        padding-top: 0;
    }


/* 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 ul li {
		background:url(../img/bullet-white.gif) no-repeat left 5px;
	}

	.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;}
.marketing-guides-download-form .marketing-guides-social-area .button,
.marketing-guides-social-area.sharrre .button {float:left;margin-right:10px;}
.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;}


@media screen and (max-width:1024px) {

	.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;}
    
}

@media screen and (max-width:767px) {
    
    .learn-group .fourcol.span-1 {width: 22%;}
    
    .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;}

	.book-form-wrapper .guide-label {
		margin-right:0;
		width:100%;
	}

	.book-form-wrapper input {
		margin-top:0;
		margin-bottom:10px;
		width:100%;
	}
    
}

@media screen and (max-width:600px) {

	.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%;
	}
    
    .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%;}
    
}

@media screen and (max-width: 400px) {
    
    .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%;
	}
    
}






/*====== 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 .phone-number {font-size:20px; float:left; border-left:1px solid #5170A6; 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 {
    margin: 0 auto;
    width:450px;
}
.free-quote-header .header-top h2{
    margin-bottom:5px;
}

.free-quote-header .logo { margin-top: 20px; }


@media screen and (max-width:1024px) {

	.free-quote-form {margin:0;}

	.free-quote-form input[type="submit"] {font-size:inherit;}
    
}

@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{
        line-height: inherit;
        margin-bottom:0px;
        margin-top: 5px;
        font-size:14px;
    }
    
    .free-quote-wrapper > .btn {
		margin:10px;
		position: static;
		left: auto;
		top: auto;
	}

	.free-quote-header .header-top {
		padding:5px 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-header .logo {
        margin-top: 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;}

}



/* 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 #ccc; 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 .row {border-bottom: 1px solid #D8D7D7; float: left; width:100%;}
.price-calculator h2, .price-calculator p, .price-calculator label {color:#333 !important;}
.price-calculator .row input.submit {border:none;}
.price-calculator .row label {float:left; font-size:.75em; width: 200px; padding: 10px 0;}
.price-calculator .row input[type="text"] {float:right; font-size:.75em; background: #D8D7D7; border: 0; box-shadow: none; padding: 10px; border-radius:0; min-height: 40px;}
.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 { color: #333; }
.website-cost-download-cta p.big{margin:0; line-height: 1.4em;}
.website-cost-download-cta .dark-blue{background: #333;}


@media screen and (max-width:1024px) {

    .masthead--website-cost-calculator .masthead__content-wrapper{width:auto;}
    
    .price-calculator{padding:50px;}
    
}

@media screen and (max-width:767px) {

   	.price-calculator .row label{width:100%;}
   	.price-calculator td, 
    .price-calculator th {font-size:12px;}
   	.content-page .price-calculator .slider{max-width:50%;width:100%;}

}

@media screen and (max-width:600px) {

   	.masthead--website-cost-calculator .masthead__content-wrapper{padding:50px 0;}
   	.price-calculator{padding:15px;}
   	.price-calculator .row{margin-bottom:25px;padding-bottom:15px;}
   	.price-calculator .row label{width:60%;background-color:#ddd;height:45px;padding-left:15px;}
   	.price-calculator .row input[type="text"]{width:40%;float:left;height:45px;}
   	.price-calculator .slider{margin:10px 20px;width:100%; max-width:77%;}
   	.price-calculator .row{border:none;}
   	.content-page .price-calculator .slider{max-width:67%;width:100%;}
   	.website-cost-breakdown-select{width:100%;}
   	.website-cost-breakdown-info{padding:20px;}
   	.website-cost-breakdown-heading{height:100%;}
   	.website-cost-breakdown-heading h4{font-size:16px;line-height: inherit;width:80%;padding-top:12px;}
   	.website-cost-breakdown-dollar{width:20%;padding:15px 0;}
   	.website-cost-breakdown-cost{font-size:16px;}
    
    .site-footer.home .footer-blog-feed,
	.top-logos-wrapper,
	.footer-ctas,
	.footer-logos,
	.btn-free-quote {
		display:none;
	}
    
}

@media screen and (max-width: 400px) {
    
    .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;}
    
}


/*====== Social Media Pricing Page ======*/
#social-media-quote-form{padding:0 !important;}
#networks{padding:0 !important;}


#mobile-deliverables{
			display:none;
		}
		
		#freequotemobile{
			display:none;
		}
		
		@media screen and (max-width: 527px){
			#heading{
				padding-top:3.5px !important;
				padding-bottom:3.5px !important;
			}
		}
		
		@media screen and (max-width: 425px){
			#heading{
				padding-top:15px !important;
				padding-bottom:15px !important;
			}
		}
		
		@media screen and (max-width: 740px){
			#label2{
				padding-top:5px !important;
			}
		}
			
		@media screen and (max-width: 695px){
			#label1{
				padding-top:5px !important;
			}
		}
		
		@media screen and (max-width: 600px){
		
			.mob{
				background-color:#eaeaea !important;
			}
			
			#label1{
				padding-top:15px !important;
			}
			
			#label2{
				padding-top:15px !important;
			}
			
			#deliverables{
				display:none;
			}
			
			.desktop{
				display:none;
			}
			
			#mobile-deliverables{
				display:inline;
			}
			
			#quotebutton a{
				margin-top:0 !important;
				margin-bottom:10px !important;
			}
			.social-media-cost-banner{
				left:-35px !important;
			}
			
			#freequote{
				display:none;
			}
			
			#freequotemobile{
				display:inline;
			}
			
			.social-media-quote-blog-posts{
				background-color:#3c5e9a !important;

			}
			
			.social-media-quote-social-posts{
				background-color:#3c5e9a !important;

			}
		}
		


		@media screen and (max-width: 302px){
			#testsection{
				height: 716px !important;
				background-color:#334f81!important;
				}
		}
		
		@media screen and (max-width: 725px){
			#social-media-quote-form .marketing-calculator-module-selector{
				padding:15px 10px 15px 10px !important;
			}
		
		}

.social-media-cost-banner {
	position: relative;
	float: left;
	top:0;
	left:-49px;
	width: auto;
	color: #fff;
	border-color:#4C6EB5;
	font-size: 27px;
	padding: 10px 20px;
	color:#FFF !important;
}
.social-media-cost-banner:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	bottom: 55px;
	z-index: -100000;
	left:0px !important;
	border-width: 0 0 8px 15px;
	border-style: solid;
}

#social-media-quote-info-facebook .social-media-cost-banner{background-color:#3b5998 !important;}
#social-media-quote-info-facebook .social-media-cost-banner:after{border-color:transparent transparent #2c406d transparent !important;}


#social-media-quote-info-twitter .social-media-cost-banner{background-color:#55acee !important;}
#social-media-quote-info-twitter .social-media-cost-banner:after{border-color:transparent transparent #157fd1 transparent !important;}


#social-media-quote-info-pinterest .social-media-cost-banner{background-color:#cb2027 !important;}
#social-media-quote-info-pinterest .social-media-cost-banner:after{border-color:transparent transparent #841518 transparent !important;}


#social-media-quote-info-youtube .social-media-cost-banner{background-color:#bb0000 !important;}
#social-media-quote-info-youtube .social-media-cost-banner:after{border-color:transparent transparent #660000 transparent !important;}


#social-media-quote-info-linkedin .social-media-cost-banner{background-color:#007bb5 !important;}
#social-media-quote-info-linkedin .social-media-cost-banner:after{border-color:transparent transparent #004666 transparent !important;}


#social-media-quote-info-instagram .social-media-cost-banner{background-color:#9b6954 !important;}
#social-media-quote-info-instagram .social-media-cost-banner:after{border-color:transparent transparent #634336 transparent !important;}


#social-media-quote-info-tumblr .social-media-cost-banner{background-color:#32506d !important;}
#social-media-quote-info-tumblr .social-media-cost-banner:after{border-color:transparent transparent #203446 transparent !important;}


#social-media-quote-info-google .social-media-cost-banner{background-color:#dd4b39 !important;}
#social-media-quote-info-google .social-media-cost-banner:after{border-color:transparent transparent #99291a transparent !important;}


#social-media-quote-info-houzz .social-media-cost-banner{background-color:#55a32a !important;}
#social-media-quote-info-houzz .social-media-cost-banner:after{border-color:transparent transparent #34651a transparent !important;}

#socialchannels .marketing-calculator-result hr{
	width:100% !important;
	border-color:#e1e1e1 !important;
}

#socialchannels{
	color:#000 !important;
	padding-top:30px;
}

#heading{
background-color:#8BA9DB; 
color:#fff; 
text-align:center;
}

#included{
background-color:#8BA9DB; 
color:#fff; 
text-align:center;
}

#testsection{
padding:0;
color:#fff;
}

#testsection .counter{
color:#fff; 
font-size:30px;
}

#label1{
background-color:#334f81; 
padding-left:0; 
padding-right:0; 
text-align:center;
}

#label2{
background-color:#334f81; 
text-align:center; 
padding-left:0; 
padding-right:0; 
color:#fff
}

#social-media-quote-ongoing, #social-media-quote{
background-color:#3c5e9a; 
text-align:center; 
padding:5.5px 25px 5.5px 25px;
}

#freequote{
height:106px; 
background-color:#334f81; 
padding:5.5px 10px 5.5px 10px;
}

#freequote a{
margin-top:26px;
}

#mobile-deliverables{
background-color:#ccc; 
padding:0;
}

#mobileincluded{
background-color:#334f81; 
color:#fff; 
text-align:center; 
height:24.88%;
}

#mobileincluded label{
	color:#fff;
}

#mobile-deliverables .social-media-quote-social-posts{
	background-color:transparent;
}

#freequotemobile{
height:161px; 
background-color:#334f81;
}

#freequotemobile a{
margin-top:60px;
}

#social-media-quote-has-blog{
background-color:#fff
}


/*====== 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.gray{background-color:#999;}
.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;}
.portfolio-industry-filter {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;}

.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,
.post-703:before,
.postid-661 .slide-wrapper-portfolio:before,
.postid-581 .slide-wrapper-portfolio:before,
.postid-574 .slide-wrapper-portfolio:before,
.postid-785 .slide-wrapper-portfolio:before,
.postid-793 .slide-wrapper-portfolio:before,
.postid-22 .slide-wrapper-portfolio:before,
.postid-497 .slide-wrapper-portfolio:before,
.postid-537 .slide-wrapper-portfolio:before,
.real-result__vf-outlet:before,
.real-result__ocean-city:before,
.real-result__cleveland-brothers:before {background:url(../img/horizon-awards.png); position:absolute; width:70px; height:68px; z-index:1;}
.archive .project:before {background:none !important;}
.award.horizon.best-in-show {background-position:0 0;}
.award.horizon.best-in-category {background-position:-70px 0;}
.award.horizon.gold {background-position:-140px 0;}
.award.horizon.silver {background-position:-210px 0;}
.award.horizon.bronze {background-position:-280px 0;}

/* 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 ======*/
.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 .underline {padding-bottom:10px;}

.case-study .services {
    border-left: 1px solid #e1e1e1;
    padding-left: 40px;
    margin-left: 20px;
}

.case-study .services ul {
    margin-top: 20px;
}

.case-study .services li {
    background:none; 
    margin: 0;
    padding:0 0 10px 0;
}

.case-study .services li span {
    background:#2e4875; 
    color: #fff; 
    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-slider { margin-bottom: 0; }

    .case-study-slider .slick-slide img {
        display: inline-block;
    }
    
    .case-study-slider .slick-prev, 
    .case-study-slider .slick-next {
        background: rgba(0,0,0,.5) !important;
        height: 50px;
        width: 50px;
        border-radius: 100px;
        margin-top: -25px;
        z-index: 1;
    }
        
        .case-study-slider .slick-prev:hover, 
        .case-study-slider .slick-next:hover,
        .case-study-slider .slick-prev:active, 
        .case-study-slider .slick-next:active {
            background: rgba(0,0,0,.8) !important;
        }
    
        .case-study-slider .slick-prev:before, 
        .case-study-slider .slick-next:before {
            color: #fff;
            font-size: 42px;
        }

.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 h2 { color: #fff; }
.cleveland-brothers .cleveland-brothers-mining h4 { color: #fff; margin-top:25px;}
.cleveland-brothers .cleveland-brothers-mining p { color: #ccc; 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; color: #fff;}
.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 {color: #fff; 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;}
.vf-outlet-center h4,
.vf-outlet-center-mobile h4,
.vf-outlet-center h2 { color: #fff; }
.vf-outlet-center p,
.vf-outlet-center-mobile p { color: #ccc; }
.main.vf-outlet-center .border-top { border-color: #222; }


/* 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 .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;
}


/* Wheeler Cat */
.wheeler-personalization .masthead {
    background: url(../img/case-study-img/wheeler/bg-masthead.jpg) no-repeat top center / cover;
    padding-top: 60px;
    padding-bottom: 160px;
}

.wheeler-personalization .masthead h1 {
    font-size: 5.1em; 
    line-height: 1em;
}

.wheeler-personalization .masthead h1 span {
    font-size: 1.6em;
    line-height: 1;
}

.wheeler-slider {
    background: url(../img/case-study-img/wheeler/bg-slider.jpg) no-repeat center top / cover;
}

.wheeler-personalization .case-study-intro { max-width: 700px; }

.wheeler-goals {
    background: url(../img/case-study-img/wheeler/bg-wheeler-goals.jpg) no-repeat right top / contain #F4F4F4;
    padding-top: 50px;
    padding-bottom: 50px;
}

.wheeler-how-it-works__row {
    padding-top: 80px;
    padding-bottom: 80px !important;
}

.wheeler-before-after {
    background: url(../img/case-study-img/wheeler/bg-before-after.jpg) no-repeat center top / cover;
}


@media screen and (max-width:1750px) {

	.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;}

}

@media screen and (max-width:1024px) {

	/*====== Portfolio ======*/
	.featured-thumbnail {
		margin-right:.5%;
		width:33%;
	}

		.featured-thumbnail img {width:100%;}

		.featured-thumbnail .btn {top:25%;}

	.post-703:before,
	.post-440:before {top: 5px;}

	.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-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 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,
    .wheeler-personalization .masthead h1 {font-size: 52px;}

	.saferbrand .masthead h1 span,
    .wheeler-personalization .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;}
    
    .wheeler-goals {
        background: #F4F4F4;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    
    .wheeler-how-it-works__row {
        padding-top: 60px;
        padding-bottom: 60px !important;
    }
    
}

@media (max-width:992px) {

	.case-study .portfolio-nav {display: none;}
    
}

@media screen and (max-width:767px) {

	/*====== 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 .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;}
    
    .wheeler-how-it-works__row {
        padding-top: 40px;
        padding-bottom: 40px !important;
    }
    
}

@media screen and (max-width:600px) {

	.portfolio-nav {
		display:none;
	}

	.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%;
	}
    
    .case-study .services {
        border-left: 0;
        padding-left: 0;
        margin-left: 0;
    }

	.ceramcor .masthead {height:500px;}
    
    .wheeler-personalization .masthead { padding-bottom: 60px; }

	.ceramcor .pan {display:none;}

	.case-study .case-study-tab-section--header {font-size: 40px;}

	.saferbrand .masthead h1,
    .wheeler-personalization .masthead h1 {font-size: 36px;}

	.saferbrand .masthead h1 span,
    .wheeler-personalization .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;}
    
    .wheeler-how-it-works__row {
        padding-top: 40px;
        padding-bottom: 40px !important;
    }
    
}

@media screen and (max-width: 400px) {
    
    .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 .tabs--content img {display: none;}

	.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;}
    
}








/*====== 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;}
    
    .btn.toolsGreen:hover,
    .btn.toolsMaroon:hover,
    .btn.toolsTeal:hover,
    .btn.toolsRed:hover { color: #fff; }







/*====== 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 {
        color: #fff;
		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: 0 5px 0 0;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; color:#FFFFFF !important;}
.crawlerfx-gray-content-section h1, 
.crawlerfx-gray-content-section h3{color:#FFFFFF !important;}
.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; color:#FFFFFF;}
.crawlerfx-overall-help-text h2{color:#FFFFFF;}
.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%; color:#FFFFFF !important;}
.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; color:#cccccc}
.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:#FFFFFF;}
.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;color:#cccccc;}
.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;color:#FFFFFF !important;}
.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 */
}

@media screen and (min-width:1250px) {
	
	.crawlerfx .content-section{width:1070px;}

}

@media screen and (max-width:1024px) {

    .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;}
    
}

@media screen and (max-width:767px) {

	.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;}
    
}

@media screen and (max-width:600px) {
    
    .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;}
    
}

@media screen and (max-width: 400px) {
    
    .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;}
    
}





/*====== 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:1250px) {
	.marketing-calculator-module{margin:0;}
	.marketing-chart{width:58%;}
}

@media screen and (max-width:1024px) {
	.marketing-calculator-module{margin:0;}
	.chart-selectors {width:100%;}
	#chart1{display:none;}
}

@media screen and (max-width:600px) {

	.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;}
    
}

@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 {
    color: #fff;
	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 {
    color: #fff;
	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-results--get-started h2 { color: #fff; }
.real-results--get-started p { color: #ccc; }

.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%;}


@media screen and (max-width:1024px) {

	.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;}
    
}

@media screen and (max-width:767px) {

	.real-result__results .btn {
		display:none;
	}
    
}

@media screen and (max-width:600px) {

	/*====== 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;}
    
}




/*====== 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;}

@media (max-width: 1024px) {
	.footer-testimonial .testimonial-cta h2 {margin-left: 0px;}
}




/*====== 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;}

@media screen and (max-width:1024px) {

	.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%;
	}
    
}

@media (max-width:992px) {
    
	.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;}

}

@media screen and (max-width:767px) {

	.footer-testimonial {
		display:none;
	}
    
    .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;
	}
    
}

@media screen and (max-width:600px) {

	.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;
    }
    
}

	




/*====== 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;}

@media screen and (max-width:1024px) {

	blockquote .testimonial-text {
		float:left;
		width:100%;
	}

	blockquote .testimonial-logo {margin-bottom:20px;}
    
}


	/* 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 =================*/

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


/*======== Logo Scroller ========*/

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

.scrollable-section--logos .slick-slide img {
    margin-left: 30px;
    margin-right: 30px;
}

.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--logos .slick-dots {
    bottom: auto;
    margin-top: 40px;
    position: static;
}
        
    .scrollable-section--logos .slick-dots li {
        margin: 0 2px;
    }
            
    .scrollable-section--logos .slick-dots li button:before {
        font-size: 50px;
    }
    
        .scrollable-section--logos .slick-dots li button:before {
            color: #c5d3e7;
            opacity: 1;
        }
    
        .scrollable-section--logos .slick-dots li.slick-active button:before {
            color: #122239;
            opacity: 1;
        }
        
@media screen and (max-width:600px) {

	.scrollable-section--logos .slick-prev {left:-30px;}
	.scrollable-section--logos .slick-next {right:-30px;}
    
}


/*======== Image Scroller ========*/
.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%;}



/*======== Portfolio Scroller ========*/
.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 { color: #fff; margin-bottom: 20px; font-size:1.2em;}



/*======== Profile Scroller ========*/

.scrollable-section--profiles {
    background-color: #d4dae4;
}

    .scrollable-section--profiles.slick-slider { margin-bottom: 0; }

    .scrollable-section--profiles .profile-card {
        opacity: .5;
        -webkit-transition: all .5s ease;
           -moz-transition: all .5s ease;
            -ms-transition: all .5s ease;
             -o-transition: all .5s ease;
                transition: all .5s ease;
    }
    
    .scrollable-section--profiles .profile-card.slick-active.slick-center { opacity: 1; }
    
    .scrollable-section--profiles .slick-prev, 
    .scrollable-section--profiles .slick-next {
        height: 40px;
        width: 40px;
    }
    
    .scrollable-section--profiles .slick-prev { left: 35%; }
    
    .scrollable-section--profiles .slick-next { right: 35%; }
    
        .scrollable-section--profiles .slick-prev:before, 
        .scrollable-section--profiles .slick-next:before {
            color: #999;
            font-size: 40px;
            opacity: 1;
        }





/*====== 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: #7492c8; 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: "\e71f";}
[dir="rtl"] .slick-prev:before { content: "→"; }

.slick-next { right: -25px; }
[dir="rtl"] .slick-next { left: -25px; right: auto; }
.slick-next:before {content: "\e722";}
[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; }
.white-section-wrapper .slick-dots li, 
article.main .slick-dots li {background:none; padding: 0;}
.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 .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 ==============================================*/





/* 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;
	}

}






/*------------------------------------*\
    Trumps
\*------------------------------------*/


@-ms-viewport { width: device-width; }


/**
 * Images
 */

.img-responsive,
.responsive-image {
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.img-rounded { border-radius: 6px !important; }
.img-circle  { border-radius: 50% !important; }
.img-square  { border-radius: 0   !important; }


/**
 * Visiblity
 */

.show { display: block !important; }

.visible-xxs,
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg { display: none !important; }

.visible-xxs-block,
.visible-xxs-inline,
.visible-xxs-inline-block,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block { display: none !important; }

@media (max-width: 599px) {
    .visible-xxs      { display: block !important; }
    table.visible-xxs { display: table; }
    tr.visible-xxs    { display: table-row !important; }
    th.visible-xxs,
    td.visible-xxs    { display: table-cell !important; }

    .visible-xxs-block        { display: block !important; }
    .visible-xxs-inline       { display: inline !important; }
    .visible-xxs-inline-block { display: inline-block !important; }
}


@media (min-width: 600px) and (max-width: 767px) {
    .visible-xs      { display: block !important; }
    table.visible-xs { display: table; }
    tr.visible-xs    { display: table-row !important; }
    th.visible-xs,
    td.visible-xs    { display: table-cell !important; }

    .visible-xs-block        { display: block !important; }
    .visible-xs-inline       { display: inline !important; }
    .visible-xs-inline-block { display: inline-block !important; }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .visible-sm      { display: block !important; }
    table.visible-sm { display: table; }
    tr.visible-sm    { display: table-row !important; }
    th.visible-sm,
    td.visible-sm    { display: table-cell !important; }

    .visible-sm-block        { display: block !important; }
    .visible-sm-inline       { display: inline !important; }
    .visible-sm-inline-block { display: inline-block !important; }
}

@media (min-width: 1025px) and (max-width: 1199px) {
    .visible-md      { display: block !important; }
    table.visible-md { display: table; }
    tr.visible-md    { display: table-row !important; }
    th.visible-md,
    td.visible-md    { display: table-cell !important; }

    .visible-md-block        { display: block !important; }
    .visible-md-inline       { display: inline !important; }
    .visible-md-inline-block { display: inline-block !important; }
}

@media (min-width: 1200px) {
    .visible-lg      { display: block !important; }
    table.visible-lg { display: table; }
    tr.visible-lg    {  display: table-row !important; }
    th.visible-lg,
    td.visible-lg    { display: table-cell !important; }

    .visible-lg-block        { display: block !important; }
    .visible-lg-inline       { display: inline !important; }
    .visible-lg-inline-block { display: inline-block !important; }
}

/* From old site styling */
@media screen and (max-width:1024px) {

	.show--tablet,
	.display--tablet {
		display:block !important;
	}

	.hide--tablet {
		display:none !important;
	}
    
}

@media screen and (max-width:600px) {

	.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%;
	}
    
}



/**
 * Display
 */

.inline         { display: inline; }
.inline-block   { display: inline-block; }
.block          { display: block; }



/**
 * Hiding
 */

.hide       { display: none !important; }
.hidden     { display: none !important; visibility: hidden !important; }
.invisible  { visibility: hidden !important; }
.text-hide  {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

@media (max-width: 599px) {
    .hidden-xxs { display: none !important; }
}

@media (min-width: 600px) and (max-width: 767px) {
    .hidden-xs { display: none !important; }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .hidden-sm { display: none !important; }
}

@media (min-width: 1025px) and (max-width: 1199px) {
    .hidden-md { display: none !important; }
}

@media (min-width: 1200px) {
    .hidden-lg { display: none !important; }
}


/**
 * Screen Readers
 */

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}


/**
 * Print
 */

.visible-print,
.visible-print-block,
.visible-print-inline,
.visible-print-inline-block { display: none !important; }

@media print {
    .visible-print      { display: block !important; }
    table.visible-print { display: table; }
    tr.visible-print    { display: table-row !important; }
    th.visible-print,
    td.visible-print    { display: table-cell !important; }

    .visible-print-block        { display: block !important; }
    .visible-print-inline       { display: inline !important; }
    .visible-print-inline-block { display: inline-block !important; }

    .hidden-print { display: none !important; }
}



/**
 * Clears
 */
.clear-left    { clear: left !important; }
.clear-right   { clear: right !important; }
.clear-both    { clear: both !important; }
.clear-contain { overflow: hidden !important; }


/**
 * Text alignment
 */
.text-left     { text-align:left  !important; }
.text-center   { text-align:center!important; }
.text-right    { text-align:right !important; }
.text-inline   { display:inline   !important; }
.text-inline-block {display:inline-block   !important; }
.vert-align-top {vertical-align: top !important;}

/**
 * Positioning
 */

.affix-top    { position: fixed!important; top:    0!important; }
.affix-bottom { position: fixed!important; bottom: 0!important; }
.affix-left   { position: fixed!important; left:   0!important; }
.affix-right  { position: fixed!important; right:  0!important; }

.pull-right { float: right!important; }
.pull-left  { float: left !important; }

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.vert-align-top {vertical-align: top !important;}
.vert-align-bottom {vertical-align: bottom !important;}

.vert-align-middle {
    display: inline-block;
    float: none;
    vertical-align: middle !important;
}

/**
 * Add/remove margins
 */

.push           { margin:       20px!important; }
.push-top      { margin-top:   20px!important; }
.push-right    { margin-right: 20px!important; }
.push-bottom   { margin-bottom:20px!important; }
.push-left     { margin-left:  20px!important; }
.push-ends     { margin-top:   20px!important; margin-bottom:20px!important; }
.push-sides    { margin-right: 20px!important; margin-left:  20px!important; }

.push-half          { margin:       10px!important; }
.push-half-top     { margin-top:   10px!important; }
.push-half-right   { margin-right: 10px!important; }
.push-half-bottom  { margin-bottom:10px!important; }
.push-half-left    { margin-left:  10px!important; }
.push-half-ends    { margin-top:   10px!important; margin-bottom:10px!important; }
.push-half-sides   { margin-right: 10px!important; margin-left:  10px!important; }

.flush          { margin:       0!important; }
.flush-top     { margin-top:   0!important; }
.flush-right   { margin-right: 0!important; }
.flush-bottom  { margin-bottom:0!important; }
.flush-left    { margin-left:  0!important; }
.flush-ends    { margin-top:   0!important; margin-bottom:0!important; }
.flush-sides   { margin-right: 0!important; margin-left:  0!important; }

.bootstrap-margins{margin:24px !important;}
.bootstrap-margins-top{margin-top:24px !important;}
.bootstrap-margins-right{margin-right:24px !important;}
.bootstrap-margins-bottom{margin-bottom:24px !important;}
.bootstrap-margins-left{margin-left:24px !important;}
.bootstrap-margins-ends{margin-top:24px !important; margin-bottom:24px !important}
.bootstrap-margins-sides{margin-right: 24px!important; margin-left:  24px!important;}


/**
 * Add/remove paddings
 */
 .bootstrap-padding{padding:24px !important;}
 .bootstrap-padding-top{padding-top:24px !important;}
 .bootstrap-padding-right{padding-right:24px !important;}
 .bootstrap-padding-bottom{padding-bottom:24px !important;}
 .bootstrap-padding-left{padding-left:24px !important;}
 .bootstrap-padding-ends{padding-top:24px !important; padding-bottom:24px !important}
 .bootstrap-padding-sides{padding-right: 24px!important; padding-left:  24px!important;}
 
.soft           { padding:       20px!important; }
.soft-top      { padding-top:   20px!important; }
.soft-right    { padding-right: 20px!important; }
.soft-bottom   { padding-bottom:20px!important; }
.soft-left     { padding-left:  20px!important; }
.soft-ends     { padding-top:   20px!important; padding-bottom:20px!important; }
.soft-sides    { padding-right: 20px!important; padding-left:  20px!important; }

.soft-half           { padding:       10px!important; }
.soft-half-top      { padding-top:   10px!important; }
.soft-half-right    { padding-right: 10px!important; }
.soft-half-bottom   { padding-bottom:10px!important; }
.soft-half-left     { padding-left:  10px!important; }
.soft-half-ends     { padding-top:   10px!important; padding-bottom:10px!important; }
.soft-half-sides    { padding-right: 10px!important; padding-left:  10px!important; }

.soft-five           { padding:       5px!important; }
.soft-five-top      { padding-top:   5px!important; }
.soft-five-right    { padding-right: 5px!important; }
.soft-five-bottom   { padding-bottom:5px!important; }
.soft-five-left     { padding-left:  5px!important; }
.soft-five-ends     { padding-top:   5px!important; padding-bottom:5px!important; }
.soft-five-sides    { padding-right: 5px!important; padding-left:  5px!important; }

.hard           { padding:       0!important; }
.hard-top      { padding-top:   0!important; }
.hard-right    { padding-right: 0!important; }
.hard-bottom   { padding-bottom:0!important; }
.hard-left     { padding-left:  0!important; }
.hard-ends     { padding-top:   0!important; padding-bottom:0!important; }
.hard-sides    { padding-right: 0!important; padding-left:  0!important; }