/* =Reset
============================================================================== */

    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed,
    figure, figcaption, footer, header, hgroup,
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
    	margin: 0;
    	padding: 0;
    	border: 0;
    	font-size: 100%;
    	outline: 0;
    	font: inherit;
    	vertical-align: baseline;
		}

    /* HTML5 display-role reset for older browsers */

    article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
    body { line-height: 1; }
    ol, ul { list-style: none; }
    blockquote, q { quotes: none; }
    blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
    table { border-collapse: collapse; border-spacing: 0; }

    /* clear */

    .clear:after {
    	display: table;
    	content: "";
    	clear: both;
    	}

/* =Global
============================================================================== */

	/* Base
	-------------------------------------------------------------------------- */

		html { -webkit-text-size-adjust: none; } /* prevent font scaling in landscape view on mobile devices */

		body {
			font: 19px/1.4 "proxima-nova", Arial, Helvetica, "Lucida Grande", "Lucida Sans", Tahoma, Verdana, sans-serif;
			color: #656d79;
			background: #fff;
			-webkit-font-smoothing: antialiased;
			}

	/* Text
	-------------------------------------------------------------------------- */

		/*
			Typekit fonts in use:

			font-family: "proxima-nova"; (light 300, light italic 300, normal 400, normal italic 400, bold 700, bold italic 700)
			font-family: "ltc-bodoni-175"; (normal 400, italic 400)
		*/

		p, ul, ol, dl, pre {
			margin-bottom: 15px;
			}

		h1, h2, h3, h4, h5 {
			margin-bottom: 20px;
			font-weight: 300;
			}

		h1 { font-size: 80px; line-height: 1.1; }
		h2 { font-size: 70px; line-height: 1.2; }
		h3 { font-size: 45px; line-height: 1.3; font-weight: 400; }
		h4 { font-size: 30px; line-height: 1.4; font-weight: 400; }
		h5 { font-size: 20px; line-height: 1.5; font-weight: 400; }

		/* strong + em */

		strong { font-weight: 700; }
		em { font-style: italic; }

		/* lists */

		ol {
			margin-left: 20px;
			list-style: decimal;
			}

		ul.indent {
			margin-left: 20px;
			}

		ul.bullets {
			margin-left: 20px;
			list-style: disc;
			}

		/* superscript */

		sup {
			font-size: 60%;
			vertical-align: super;
			}

		/* all caps */

		.allCaps {
			text-transform: uppercase;
			letter-spacing: 1px;
			font-weight: 700;
			}

		/* italic serif */

		.serifText {
			font-family: "ltc-bodoni-175", Georgia, Times, serif;
			letter-spacing: -2px;
			}

		/* colored type */

		.whiteText { color: #fff; }
		.greyText { color: #363a3b; }
		.blueText { color: #177aff; }

		/* background colors */

		.blueBg { background-color: #177aff; }
		.greyLightBg { background-color: #dbdee3; }
		.greyMediumBg { background-color: #656d79; }
		.greyDarkBg { background-color: #363a3b; }

		/* links */

		a, a:visited { color: #177aff; text-decoration: none; }
		a:hover { text-decoration: underline; }

		/* media queries */

		@media (max-width: 1200px) {
			h1 { font-size: 73px; }
			h2 { font-size: 63px; }
			h3 { font-size: 40px; }
		}

		@media (max-width: 1024px) {
			h1 { font-size: 63px; }
			h2 { font-size: 53px; }
			h3 { font-size: 35px; }
			h4 { font-size: 28px; }
		}

		@media (max-width: 768px) {
			h1 { font-size: 53px; }
			h2 { font-size: 43px; }
			h3 { font-size: 30px; }
			h4 { font-size: 26px; }
		}

		@media (max-width: 480px) {
			h1 { font-size: 43px; }
			h2 { font-size: 33px; }
			h3 { font-size: 26px; }
			h4 { font-size: 24px; }
		}

	/* Forms
	-------------------------------------------------------------------------- */

		/* basic form layout */

		form fieldset + fieldset {
			padding-top: 20px;
			}

		form ul {
			width: 100%;
			margin: 0;
			clear: both;
			}

		form li {
			width: 100%;
			padding-bottom: 10px;
			float: left;
			}

		form input:not([type='checkbox']):not([type='radio']), form textarea {
			width: 100%;
			}

		form fieldset ul li.halfWidth {
			width: 49%;
			}

		form fieldset ul li.halfWidth:nth-child(even) {
			float: right;
			}

		/* textareas and inputs */

		textarea {
			line-height: 1.3;
			resize: none;
			display: block;
			}

		textarea, input, button {
			margin: 0;
			padding: 0;
			color: #4d4d4d;
			font-size: 19px;
		    font-family: "proxima-nova", Arial, Helvetica, "Lucida Grande", "Lucida Sans", Tahoma, Verdana, sans-serif;
		    outline: 0;
		    }

		textarea, input[type=text], input[type=password], input[type=email], input[type=tel] {
			padding: 17px 15px 14px 15px;
			background: #fff;
			border: 1px solid #ccc;
			-webkit-appearance: none;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
				    box-sizing: border-box;
			-webkit-border-radius: 5px;
			   -moz-border-radius: 5px;
			   		border-radius: 5px;
			}

		textarea:focus, input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=tel]:focus {
			color: #424242;
			border-color: #aaa;
			}

		/* multiple inputs side-by-side */

		.multipleInputs label { margin-right: 50px; }
		.multipleInputs label:last-child { margin-right: 0; }

		/* errors */

		input.error, textarea.error { border-color: #d53e2e !important; }
		label.error {
			margin: 0;
			padding: 5px 0 0 0;
			display: block;
			color: #d53e2e !important;
			}

		/* success message */

		.successMsg {
			color: #2fb591;
			font-weight: 700;
			display: none;
			}

		.spinner {
			display: none;
			position: relative;
			top: 5px;
			left: 10px;
			}

		/* custom checkbox & radio inputs */

		input.customCheckbox,
		input.customRadio {
			position: absolute;
		    clip: rect(0,0,0,0);
		    clip: rect(0 0 0 0);
			}

		input.customCheckbox + label:before,
		input.customRadio + label:before {
			width: 20px;
			height: 20px;
			margin: 0 10px 0 0;
		    vertical-align: top;
		    display: inline-block;
		    position: relative;
		    top: 2px;
			}

		input.customCheckbox + label:before { content: url(../img/custom-check-off.png); }
		input.customCheckbox:checked + label:before { content: url(../img/custom-check-on.png); }

		input.customRadio + label:before { content: url(../img/custom-radio-off.png); }
		input.customRadio:checked + label:before { content: url(../img/custom-radio-on.png); }

		input.customCheckbox + label, input.customCheckbox + label:before,
		input.customRadio + label, input.customRadio + label:before {
			cursor: pointer;
			}

		/* media queries */

		@media (max-width: 768px) {
			form fieldset ul li.halfWidth {
				width: 100%;
				}
		}

	/* Images
	-------------------------------------------------------------------------- */

		/* responsive */

		.imgResponsive {
			max-width: 100%;
			height: auto;
			display: inline-block;
			}

		/* rounded corners */

		.imgRound {
			-webkit-border-radius: 8px;
			   -moz-border-radius: 8px;
			   		border-radius: 8px;
			}

	/* Buttons
	-------------------------------------------------------------------------- */

		/* default state and shape */

		.btnBlue, .btnBlue:visited, .btnWhite, .btnWhite:visited {
			padding: 22px 25px;
	    	font-size: 24px;
			font-weight: 700;
	    	line-height: 24px;
			text-align: center;
			border: 0;
			display: inline-block;
			position: relative;
	    	-webkit-border-radius: 5px;
	    	   -moz-border-radius: 5px;
	    		 	border-radius: 5px;
	    	-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
				    box-sizing: border-box;
			-webkit-transition: background 0.1s linear;
			   -moz-transition: background 0.1s linear;
				-ms-transition: background 0.1s linear;
			     -o-transition: background 0.1s linear;
					transition: background 0.1s linear;
			}

		.btnBlue:hover, .btnWhite:hover { text-decoration: none; }

		/* colors */

		.btnBlue, .btnBlue:visited { color: #fff; background: rgba(8,98,255,0.85); }
		.btnBlue:hover { background: #085ed6; }

		.btnWhite, .btnWhite:visited { color: #085ed6; background: #fff; }
		.btnWhite:hover { background: rgba(255,255,255,0.75); }

		/* form buttons */

		button.btnBlue, button.btnWhite {
			cursor: pointer;
			-webkit-font-smoothing: antialiased;
			}

		button::-moz-focus-inner {
		    padding: 0;
		    border: none;
			}

		/* button with document icon */

		.btnDoc { padding-left: 70px; }

		.btnDoc > img {
			width: auto;
			height: 100%;
			position: absolute;
			top: 0;
			left: -2px;
			}

	/* Common
	-------------------------------------------------------------------------- */

		/* wrapper */

		.wrapper {
			max-width: 1600px;
			margin: 0 auto;
			padding: 0 5%;
			position: relative;
			}

		/* hide */

		.hidden {
			display: none;
			}

		/* float left or right */

		.floatLeft {
			float: left;
			}

		.floatRight {
			float: right;
			}

		/* center button */

		.centerButton {
			float: left;
			position: relative;
			left: 50%;
			}

		.centerButton a, .centerButton button {
			position: relative;
			left: -50%;
			}

		/* center text */

		.centerText { text-align: center; }

		/* underline */

		.underline {
			border-bottom: 1px solid;
			}

		/* vertically center content */

		.verticalCenter {
			position: absolute;
			top: 50%;
			-webkit-transform: translateY(-50%);
			   -moz-transform: translateY(-50%);
			    -ms-transform: translateY(-50%);
				 -o-transform: translateY(-50%);
				 	transform: translateY(-50%);
			}

		/* lowest z-index */

		.lowestIndex { z-index: -1 !important; }

/* =Header
============================================================================== */

	/* Base
	-------------------------------------------------------------------------- */

		#homePage #header {
			background: #1a1b1d url(../img/backgrounds/bg-home-header.jpg) 0 0 no-repeat;
			background-size: cover;
			}

		#advertisePage #header {
			background: #1a1b1d url(../img/backgrounds/bg-advertise-header.jpg) 50% 0 no-repeat;
			background-size: cover;
			}

		#publishPage #header {
			background: #1a1b1d url(../img/backgrounds/bg-publish-header.jpg) 50% 0 no-repeat;
			background-size: cover;
			}

		#interiorPage #header { background: #1a1b1d; }

	/* Primary Navigation & Logo
	-------------------------------------------------------------------------- */

		#primaryNav {
			padding-top: 30px;
			padding-bottom: 30px;
			}

		/* logo */

		a#logo, a#logo:visited {
			line-height: 0; /* eliminate space below img */
			float: left;
			-webkit-transition: opacity 0.1s linear;
			   -moz-transition: opacity 0.1s linear;
				-ms-transition: opacity 0.1s linear;
			     -o-transition: opacity 0.1s linear;
					transition: opacity 0.1s linear;
			}

		a#logo:hover {
			text-decoration: none;
			opacity: 0.7;
			}

		a#logo img {
			width: 155px;
			height: auto;
			}

		@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* IE10+ specific styles */
			a#logo img { height: 100%; }
		}

		/* toggle mobile */

		a#toggleNav, a#toggleNav:visited {
			width: 30px;
			height: 15px;
			margin: 1px 0 0 0;
			color: #fff;
			border-top: 3px solid #fff;
			border-bottom: 3px solid #fff;
			float: right;
			display: none;
			position: relative;
			-webkit-transition: opacity 0.1s linear;
			   -moz-transition: opacity 0.1s linear;
				-ms-transition: opacity 0.1s linear;
			     -o-transition: opacity 0.1s linear;
					transition: opacity 0.1s linear;
			}

		a#toggleNav:hover {
			opacity: 0.65;
			}

		a#toggleNav:after {
			content: "";
			height: 3px;
			display: block;
			background: #fff;
			position: absolute;
			top: 6px;
			left: 0;
			right: 0;
			}

		/* main nav links */

		#primaryNav ul {
			margin: 0;
			float: right;
			}

		#primaryNav li { display: inline-block; }

		#primaryNav li a, #primaryNav li a:visited {
			padding: 0 15px;
			color: #c3c6cd;
			font-size: 24px;
			font-weight: 300;
			line-height: 1.1;
			display: block;
			-webkit-transition: color 0.1s linear;
			   -moz-transition: color 0.1s linear;
				-ms-transition: color 0.1s linear;
			     -o-transition: color 0.1s linear;
					transition: color 0.1s linear;
			}

		#primaryNav li a:hover {
			color: #fff;
			text-decoration: none;
			}

		#primaryNav li a.selected {
			color: #177aff;
			font-weight: 700;
			}

		/* media queries */

		@media (max-width: 768px) {
			a#logo {
				margin-bottom: 30px;
				}
			#primaryNav {
				padding-bottom: 0;
				}
			a#toggleNav {
				display: block;
				}
			#primaryNav ul {
				width: 100%;
				display: none;
				}
			#primaryNav li {
				width: 100%;
				display: block;
				border-top: 1px solid rgba(255,255,255,0.15);
				}
			#primaryNav li a, #primaryNav li a:visited {
				padding: 10px 0;
				text-align: center;
				}
		}

	/* Intro
	-------------------------------------------------------------------------- */

		#intro {
			padding: 50px 0;
			border-top: 1px solid rgba(255,255,255,0.15);
			}

		#intro h1, #intro h2 { color: #fff; }

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

	/* Layouts
	-------------------------------------------------------------------------- */

		.twoColLayout .leftCol { width: 48%; float: left; }
		.twoColLayout .rightCol { width: 48%; float: right; }

		/* media queries */

		@media (max-width: 1024px) {
			.twoColLayout .leftCol, .twoColLayout .rightCol {
				width: 100%;
				}
		}

	/* Top and bottom margins for extra spacing
	-------------------------------------------------------------------------- */

		.top5 { padding-top: 5px; }
		.top10 { padding-top: 10px; }
		.top15 { padding-top: 10px; }
		.top20 { padding-top: 20px; }
		.top30 { padding-top: 30px; }
		.top40 { padding-top: 40px; }
		.top50 { padding-top: 50px; }
		.top60 { padding-top: 60px; }
		.top70 { padding-top: 70px; }
		.top80 { padding-top: 80px; }
		.top90 { padding-top: 90px; }
		.top100 { padding-top: 100px; }

		.bottom5 { padding-bottom: 5px; }
		.bottom10 { padding-bottom: 10px; }
		.bottom15 { padding-bottom: 10px; }
		.bottom20 { padding-bottom: 20px; }
		.bottom30 { padding-bottom: 30px; }
		.bottom40 { padding-bottom: 40px; }
		.bottom50 { padding-bottom: 50px; }
		.bottom60 { padding-bottom: 60px; }
		.bottom70 { padding-bottom: 70px; }
		.bottom80 { padding-bottom: 80px; }
		.bottom90 { padding-bottom: 90px; }
		.bottom100 { padding-bottom: 100px; }

	/* Main Headings
	-------------------------------------------------------------------------- */

		.mainHeading {
			margin-bottom: 50px;
			text-align: center;
			}

		.mainHeading h1 {
			margin: 0;
			}

		.mainHeading h2 {
			margin-bottom: 5px;
			font-size: 60px;
			}

		.mainHeading h3 {
			font-size: 45px;
			font-weight: 300;
			letter-spacing: 1px;
			}

		.mainHeading p {
			max-width: 1100px;
			margin: 0 auto;
			font-size: 30px;
			font-weight: 300;
			line-height: 1.2;
			}

		/* media queries */

		@media (max-width: 1200px) {
			.mainHeading h2 {
				font-size: 55px;
				}
			.mainHeading h3 {
				font-size: 40px;
				}
		}

		@media (max-width: 768px) {
			.mainHeading h2 {
				font-size: 40px;
				}
			.mainHeading h3 {
				font-size: 30px;
				}
			.mainHeading p {
				font-size: 24px;
				}
		}

	/* Divides
	-------------------------------------------------------------------------- */

		/* dot divide */

		.dotDivide {
			width: 100%;
			height: 55px;
			margin: 50px 0;
			border: 0;
			background: url(../img/dot-divide.svg) 50% 100% no-repeat;
			display: block;
			}

		/* vertical line, solid */

		.vertLineDivide {
			width: 2px;
			height: 135px;
			margin: 0 auto 80px auto;
			border: 0;
			background: #c2c6c9;
			display: block;
			position: relative;
			overflow: visible;
			z-index: 0;
			}

		.vertLineDivide:after {
			content: "";
			width: 18px;
			height: 18px;
			margin-left: -10px;
			border: 2px solid #c2c6c9;
			display: block;
			position: absolute;
			top: 100%;
			left: 0;
			-webkit-border-radius: 100%;
			   -moz-border-radius: 100%;
			   		border-radius: 100%;
			}

		/* vertical line, dashed */

		.vertLineDashedDivide {
			width: 2px;
			height: 190px;
			margin: 0 auto 80px auto;
			border: 0;
			background: url(../img/divide-vert-dashed.jpg) 0 0 no-repeat;
			display: block;
			position: relative;
			overflow: visible;
			z-index: 0;
			}

		.vertLineDashedDivide:after {
			content: "";
			width: 18px;
			height: 18px;
			margin-left: -10px;
			border: 2px solid #c2c6c9;
			display: block;
			position: absolute;
			top: 100%;
			left: 0;
			-webkit-border-radius: 100%;
			   -moz-border-radius: 100%;
			   		border-radius: 100%;
			}

		/* media queries */

		@media (max-width: 1024px) {
			.vertLineDivide, .vertLineDashedDivide {
				margin-bottom: 50px;
				}
			.vertLineDashedDivide {
				margin-top: -30px;
				}
		}

	/* Section Intro
	-------------------------------------------------------------------------- */

		.sectionIntro section {
			position: relative;
			}

		/* heading and next link */

		.sectionIntro header {
			padding-bottom: 100px;
			text-align: center;
			}

		.sectionIntro header h2 {
			margin-bottom: 50px;
			font-size: 60px;
			}

		.sectionIntro header a, .sectionIntro header a:visited {
			width: 44px;
			height: 23px;
			margin: 0 auto;
			padding: 15px;
			background: url(../img/arrow-down.svg) 50% 50% no-repeat;
			display: block;
			-webkit-border-radius: 5px;
			   -moz-border-radius: 5px;
			   		border-radius: 5px;
			-webkit-transition: background-color 0.1s linear;
			   -moz-transition: background-color 0.1s linear;
				-ms-transition: background-color 0.1s linear;
			     -o-transition: background-color 0.1s linear;
					transition: background-color 0.1s linear;
			}

		.sectionIntro header a:hover { background-color: #eff1f5; }

		/* intro */

		.sectionIntro section {
			text-align: center;
			position: relative;
			z-index: 0;
			}

		.sectionIntro section:before {
			content: "";
			width: 210px;
			height: 210px;
			margin-left: -105px;
			background: url(../img/dot-circle.svg) 0 0 no-repeat;
			background-size: cover;
			display: block;
			position: absolute;
			top: -47px;
			left: 50%;
			}

		/* number title with dot circle */

		.sectionIntro section h1 {
			width: 115px;
			height: 115px;
			margin: 0 auto -56px auto;
			color: #177aff;
			text-align: center;
			font-family: "ltc-bodoni-175", Georgia, Times, serif;
			font-size: 60px;
			line-height: 110px;
			background: #fff;
			display: block;
			position: relative;
			z-index: 2;
			-webkit-border-radius: 100%;
			   -moz-border-radius: 100%;
			   		border-radius: 100%;
			}

		/* title with blue color and photo backgrounds */

		.sectionIntro section h2 {
			margin: 0;
			padding: 120px 0 40px 0;
			color: #fff;
			position: relative;
			z-index: 1;
			}

		.sectionIntro section h2 strong {
			margin-top: -1%;
			font-size: 57px;
			text-transform: uppercase;
			display: block;
			position: absolute;
			top: 50%;
			left: 0;
			right: 0;
			z-index: 2;
			}

		.sectionIntro section h2 svg {
			width: 100%;
			height: 100%;
			padding: 85px 20px 35px 32px; /* extra left padding to offset the "tail" on the speech bubble */
			display: block;
			position: absolute;
			top: 0;
			bottom: 0;
			z-index: 1;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
				    box-sizing: border-box;
			}

		.sectionIntro section h2 svg path {
			fill: rgba(0,87,238,0.75);
			}

		/* media queries */

		@media (max-width: 1200px) {
			.sectionIntro header h2 {
				font-size: 55px;
				}
			.sectionIntro section h2 strong {
				font-size: 50px;
				}
			.sectionIntro header h2 {
				margin-bottom: 30px;
				}
			.sectionIntro section h2 {
				max-height: 350px;
				}
		}

		@media (max-width: 768px) {
			.sectionIntro header h2, .sectionIntro section h2 strong {
				font-size: 40px;
				}
		}

	/* Large Photo Backgrounds
	-------------------------------------------------------------------------- */

		[data-photobg] { max-height: 450px; }
		#advertisePage [data-photobg] { max-height: 400px; }

		[data-photobg="platform"] { background: url(../img/backgrounds/bg-photo-platform.jpg) 50% 0 no-repeat; background-size: cover; }
		[data-photobg="network"] { background: url(../img/backgrounds/bg-photo-network.jpg) 50% 0 no-repeat; background-size: cover; }
		[data-photobg="audience"] { background: url(../img/backgrounds/bg-photo-audience.jpg) 50% 0 no-repeat; background-size: cover; }
		[data-photobg="advertise"] { background: url(../img/backgrounds/bg-photo-advertise.jpg) 50% 0 no-repeat; background-size: cover; }
		[data-photobg="sponsored-comments"] { background: url(../img/backgrounds/bg-photo-sponsored-comments.jpg) 50% 0 no-repeat; background-size: cover; }
		[data-photobg="topic-targeting"] { background: url(../img/backgrounds/bg-photo-topic-targeting.jpg) 50% 50% no-repeat; background-size: cover; }
		[data-photobg="brand-safety"] { background: url(../img/backgrounds/bg-photo-brand-safety.jpg) 50% 50% no-repeat; background-size: cover; }
		[data-photobg="footer"] { background: url(../img/backgrounds/bg-photo-footer.jpg) 50% 0 no-repeat; background-size: cover; }

		/* media queries */

		@media (max-width: 1200px) {
			[data-photobg] { max-height: 350px; }
			#advertisePage [data-photobg] { max-height: 300px; }
		}

	/* Section Navigation
	-------------------------------------------------------------------------- */

		.sectionNav {
			width: 100px;
			background: #fff;
			position: absolute;
			top: 59px;
			right: 0;
			bottom: 0;
			z-index: 1;
			}

		.sectionNav span {
			display: block;
			position: absolute;
			top: 50px;
			left: 0;
			right: 0;
			bottom: 50px;
			}

		.sectionNav span:before {
			content: "";
			width: 0;
			border-right: 2px dashed #c2c6c9;
			position: absolute;
			top: 0;
			left: 49px;
			bottom: 0;
			z-index: 0;
			}

		.sectionNav a, .sectionNav a:visited {
			width: 18px;
			height: 18px;
			margin: -10px 0 0 -11px;
			border: 2px solid #c2c6c9;
			background: #fff;
			display: block;
			position: absolute;
			left: 50%;
			z-index: 1;
			-webkit-border-radius: 100%;
			   -moz-border-radius: 100%;
			   		border-radius: 100%;
			-webkit-transition: background 0.1s linear;
			   -moz-transition: background 0.1s linear;
				-ms-transition: background 0.1s linear;
			     -o-transition: background 0.1s linear;
					transition: background 0.1s linear;
			}

		.sectionNav a:hover { background: #e2e5e7; }

		.sectionNav a.active {
			background: #177aff;
			border-color: #177aff;
			}

		.sectionNav a:nth-child(1) { top: 0; }
		.sectionNav a:nth-child(2) { top: 33%; }
		.sectionNav a:nth-child(3) { top: 66%; }
		.sectionNav a:nth-child(4) { top: 100%; }

		/* media queries */

		@media (max-width: 768px) {
			.sectionNav {
				width: 100%;
				height: 100px;
				position: relative;
				top: 0;
				}
			.sectionNav span {
				top: 0;
				left: 30px;
				right: 30px;
				bottom: 0;
				}
			.sectionNav span:before {
				width: 100%;
				height: 0;
				border-right: 0;
				border-bottom: 2px dashed #c2c6c9;
				top: 49px;
				left: 0;
				right: 0;
				bottom: auto;
				}
			.sectionNav a, .sectionNav a:visited {
				margin: -11px 0 0 -11px;
				top: 50% !important;
				}
			.sectionNav a:nth-child(1) { left: 0; }
			.sectionNav a:nth-child(2) { left: 33%; }
			.sectionNav a:nth-child(3) { left: 66%; }
			.sectionNav a:nth-child(4) { left: 100%; }
		}

	/* Call to Action
	-------------------------------------------------------------------------- */

		.highlightBuckets {
			text-align: center;
			display: block;
			}

		.highlightBuckets ul {
			max-width: 1000px;
			margin: 50px auto 20px auto;
			display: block;
			}

		.rightCol .highlightBuckets ul { margin: 50px 0 20px 0; }

		.highlightBuckets li {
			width: 17%;
			height: 0;
			margin: 0 1%;
			padding: 0 30px 17% 30px;
			display: inline-block;
			position: relative;
			-webkit-border-radius: 10px;
			   -moz-border-radius: 10px;
			   		border-radius: 10px;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
				    box-sizing: border-box;
			}

		.highlightBuckets[data-col="3"] ul { max-width: 600px; }
		.highlightBuckets[data-col="3"] li {
			width: 30%;
			padding-bottom: 30%;
			}

		.highlightBuckets li:nth-child(1) { background: #34373e; }
		.highlightBuckets li:nth-child(2) { background: #4a4e59; }
		.highlightBuckets li:nth-child(3) { background: #666c7a; }
		.highlightBuckets li:nth-child(4) { background: #878d9b; }
		.highlightBuckets li:nth-child(5) { background: #abafbb; }

		.highlightBuckets li strong {
			color: #fff;
			font-size: 19px;
			line-height: 1.2;
			position: absolute;
			top: 50%;
			left: 20px;
			right: 20px;
			-webkit-transform: translateY(-50%);
			   -moz-transform: translateY(-50%);
			    -ms-transform: translateY(-50%);
				 -o-transform: translateY(-50%);
				 	transform: translateY(-50%);
			}

		/* media queries */

		@media (max-width: 1024px) {
			.rightCol .highlightBuckets ul { margin: 50px auto 20px auto; }
			.highlightBuckets[data-col="5"] li {
			    width: 25%;
			    margin-top: 5px;
			    margin-bottom: 5px;
			    padding-bottom: 25%;
			    }
		}

		@media (max-width: 768px) {
			.highlightBuckets[data-col="5"] li {
			    width: 40%;
			    margin-top: 5px;
			    margin-bottom: 5px;
			    padding-bottom: 40%;
			    }
		}

		@media (max-width: 480px) {
			.highlightBuckets[data-col="3"] li, .highlightBuckets[data-col="5"] li {
			    width: 70%;
			    margin: 5px 0;
			    padding-bottom: 70%;
			    }
		}

	/* Call to Action
	-------------------------------------------------------------------------- */

		.cta {
			width: 100%;
			padding-top: 50px;
			text-align: center;
			}

		.twoColLayout .cta {
			float: left;
			clear: both;
			}

	/* Image Effects
	-------------------------------------------------------------------------- */

		/* clone and fade */

		.cloneAndFade {
			width: 100%;
			position: relative;
			}

		.cloneAndFade img {
			max-width: 90%;
			position: relative;
			z-index: 1;
			}

		.cloneAndFade .imgClone {
			opacity: 0;
			position: absolute;
			top: 0;
			right: 0;
			z-index: 2;
			}

		.cloneAndFade .imgClone { z-index: 0; }
		.cloneAndFade .imgClone + .imgClone { z-index: 1; }

		/* fade in and up */

		.fadeInUp { position: relative; }

		/* media queries */

		@media (max-width: 768px) {
			.cloneAndFade {
				min-height: inherit !important;
				}
			.cloneAndFade img {
				margin: 0 !important;
				max-width: 100%;
				width: 100%;
				}
			.cloneAndFade .imgClone {
				display: none;
				}
		}

	/* Fancybox
	-------------------------------------------------------------------------- */

		.fancybox-inner { max-width: 950px; }

		.fancybox-skin {
			margin: 0;
			padding: 0;
			border: 1px solid #999;
			background: #fff;
			}

		.fancybox-opened .fancybox-skin {
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
			}

		/* close button */

		.fancybox-close {
			width: 30px;
			height: 30px;
			background: #177aff;
			top: -18px;
			right: -18px;
			-webkit-border-radius: 5px;
			   -moz-border-radius: 5px;
			   		border-radius: 5px;
			}

		.fancybox-close:hover { opacity: 0.65; }

		.fancybox-close:before, .fancybox-close:after {
			content: "";
			width: 20px;
			height: 1px;
			background: #fff;
			display: block;
			position: absolute;
			top: 15px;
			left: 5px;
			}

		.fancybox-close:before {
			-webkit-transform: rotate(45deg);
				-ms-transform: rotate(45deg);
					transform: rotate(45deg);
			}

		.fancybox-close:after {
			-webkit-transform: rotate(-45deg);
				-ms-transform: rotate(-45deg);
					transform: rotate(-45deg);
			}

/* =Homepage
============================================================================== */

	/* Discussion Threads
	-------------------------------------------------------------------------- */

		/* left column */

		#discussionThreads .leftCol {
			padding-left: 50px;
			position: relative;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
				    box-sizing: border-box;
			}

		/* discussion nav */

		#discussionNav {
			width: 50px;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			}

		#discussionNav span {
			display: block;
			position: relative;
			top: 50%;
			}

		#discussionNav a, #discussionNav a:visited, #discussionNav a:before {
			display: block;
			position: relative;
			-webkit-border-radius: 100%;
			   -moz-border-radius: 100%;
			   		border-radius: 100%;

			}

		#discussionNav a, #discussionNav a:visited {
			width: 18px;
			height: 18px;
			margin: 15px 0 15px 2px;
			-webkit-transition: background 0.1s linear;
			   -moz-transition: background 0.1s linear;
				-ms-transition: background 0.1s linear;
			     -o-transition: background 0.1s linear;
					transition: background 0.1s linear;
			}

		#discussionNav a:hover { background: #2e9eff; }

		#discussionNav a:before {
			content: "";
			width: 8px;
			height: 8px;
			border: 2px solid #2e9eff;
			top: 3px;
			left: 3px;
			}

		#discussionNav a.active {
			border: 0;
			background: #2e9eff;
			}

		#discussionNav a.active:before { display: none; }

		/* discussion threads */

		#discussionThreads .discussion {
			line-height: 0; /* eliminate space below img */
			overflow: hidden;
			display: none;
			position: relative;
			-webkit-perspective: 1150px;
			   -moz-perspective: 1150px;
			     -o-perspective: 1150px;
			    -ms-perspective: 1150px;
					perspective: 1150px;
			}

		#discussionThreads .discussion.active { display: block; }

		#discussionThreads .discussion img {
			width: 100%;
			height: auto;
			-webkit-transform: translate3d(0,0,0); /* eliminate the pixelated image appearance when resized */
			-webkit-border-radius: 0 0 8px 8px;
			   -moz-border-radius: 0 0 8px 8px;
			   		border-radius: 0 0 8px 8px;
			}

		#discussionThreads .discussion img + img { margin-top: -1px; }

		#discussionThreads .discussion img.removeCorners {
			-webkit-border-radius: 0;
			   -moz-border-radius: 0;
			   		border-radius: 0;
			}

		#discussionThreads .discussion [data-reply="one"] {
			-webkit-border-radius: 8px;
			   -moz-border-radius: 8px;
			   		border-radius: 8px;
			}

		#discussionThreads .discussion [data-reply="one"].removeCorners {
			-webkit-border-radius: 8px 8px 0 0;
			   -moz-border-radius: 8px 8px 0 0;
			   		border-radius: 8px 8px 0 0;
			}

		#discussionThreads .discussion [data-reply="two"].hidden, #discussionThreads .discussion [data-reply="three"].hidden {
			display: block;
			opacity: 0;
			-webkit-transition: all 0.4s ease;
			   -moz-transition: all 0.4s ease;
			     -o-transition: all 0.4s ease;
				-ms-transition: all 0.4s ease;
					transition: all 0.4s ease;
			-webkit-transform-origin: 50% 0%;
			   -moz-transform-origin: 50% 0%;
			     -o-transform-origin: 50% 0%;
				-ms-transform-origin: 50% 0%;
					transform-origin: 50% 0%;
			-webkit-transform: translate3d(0,0,0) rotate3d(1,0,0,-90deg);
			   -moz-transform: translate3d(0,0,0) rotate3d(1,0,0,-90deg);
				 -o-transform: translate3d(0,0,0) rotate3d(1,0,0,-90deg);
				-ms-transform: translate3d(0,0,0) rotate3d(1,0,0,-90deg);
					transform: translate3d(0,0,0) rotate3d(1,0,0,-90deg);
			}

		#discussionThreads .discussion [data-reply="two"].active, #discussionThreads .discussion [data-reply="three"].active {
			opacity: 1;
			-webkit-transform: rotate3d(1,0,0,0deg);
			   -moz-transform: rotate3d(1,0,0,0deg);
			     -o-transform: rotate3d(1,0,0,0deg);
				-ms-transform: rotate3d(1,0,0,0deg);
					transform: rotate3d(1,0,0,0deg);
			}

		/* right column */

		#discussionThreads .rightCol {
			color: #dbdee3;
			font-size: 24px;
			font-weight: 300;
			text-align: center;
			}

		#discussionThreads .rightCol .blueText { color: #2e9eff; }

		/* "color" dot logo */

		#discussionThreads .dotLogo {
			width: 100%;
			max-width: 360px;
			margin: 0 auto 20px auto;
			display: inline-block;
			position: relative;
			}

		#discussionThreads .dotLogo img {
			width: 68.5%;
			height: 68.5%;
			margin: -1.5% 0 0 -1.5%;
			position: absolute;
			top: 16%;
			left: 16%;
			}

		/* animate the color of the dot circle SVG */

		#discussionThreads .dotLogo svg {
			width: 100%;
			height: 100%;
			}

		#discussionThreads .dotLogo svg g > * {
			-webkit-animation: fourColorFade 20s infinite;
			animation: fourColorFade 20s infinite;
			}

		@-webkit-keyframes fourColorFade {
		    0%   { fill: #2e9fff; /* blue */ }
		    25%  { fill: #ff2e2e; /* red */ }
		    50%  { fill: #eee225; /* yellow */ }
		    75%  { fill: #45e86b; /* green */ }
		    100% { fill: #2e9fff; /* blue */ }
		    }

		@keyframes fourColorFade {
		    0%   { fill: #2e9fff; /* blue */ }
		    25%  { fill: #ff2e2e; /* red */ }
		    50%  { fill: #eee225; /* yellow */ }
		    75%  { fill: #45e86b; /* green */ }
		    100% { fill: #2e9fff; /* blue */ }
		    }

		/* "See how" link */

		#getStarted {
			margin: 0 0 -20px 0;
			padding-top: 40px;
			text-align: center;
			}

		#getStarted a, #getStarted a:visited {
			margin: 0 auto;
			padding: 15px 15px 40px 15px;
			color: #2e9eff;
			font-size: 30px;
			background: url(../img/arrow-down.svg) 50% 70px no-repeat;
			display: inline-block;
			-webkit-border-radius: 5px;
			   -moz-border-radius: 5px;
			   		border-radius: 5px;
			-webkit-transition: background-position 0.1s linear;
			   -moz-transition: background-position 0.1s linear;
				-ms-transition: background-position 0.1s linear;
			     -o-transition: background-position 0.1s linear;
					transition: background-position 0.1s linear;
			}

		#getStarted a:hover {
			text-decoration: none;
			background-position: 50% 75px;
			}

		/* media queries */

		@media (max-width: 1600px) {
			#discussionThreads .rightCol h2 {
				font-size: 58px;
				}
		}

		@media (max-width: 1400px) {
			#discussionThreads .rightCol h2 {
				font-size: 48px;
				}
			#discussionThreads .dotLogo {
			    width: 275px;
			    height: 275px;
			    }
			#getStarted a, #getStarted a:visited {
				padding: 15px 15px 40px 15px;
				font-size: 26px;
				background-position: 50% 60px;
				}
			#getStarted a:hover {
				background-position: 50% 65px;
				}
		}

		@media (max-width: 1024px) {
			#discussionThreads.twoColLayout {
			    display: -webkit-box;
			    display: -moz-box;
			    display: -ms-flexbox;
			    display: -webkit-flex;
			    display: flex;
			    -moz-box-orient:vertical;
			    -webkit-box-orient:vertical;
			    -ms-box-orient: vertical;
			    -webkit-flex-direction: column;
			    flex-direction: column;
			    }
			#discussionThreads .leftCol {
				width: 100%;
			    -webkit-box-ordinal-group: 2;
			    -moz-box-ordinal-group: 2;
			    -ms-flex-order: 2;
			    -webkit-order: 2;
			    order: 2;
			    }
			#discussionThreads .rightCol {
				width: 100%;
				padding-bottom: 40px;
			    -webkit-box-ordinal-group: 1;
			    -moz-box-ordinal-group: 1;
			    -ms-flex-order: 1;
			    -webkit-order: 1;
			    order: 1;
			    }
			#discussionThreads .discussion {
				max-width: 768px;
				margin: 0 auto;
				}
		}

		@media (max-width: 480px) {
			#discussionThreads .dotLogo {
				max-width: 250px;
			    width: 100%;
			    height: auto;
			    }
		}

	/* Latest News
	-------------------------------------------------------------------------- */

		#latestNews {
			margin-bottom: -400px; /* offset bokeh background */
			padding: 0 0 400px 0;
			background: url(../img/backgrounds/bg-bokeh.jpg) 50% 100% no-repeat;
			background-size: cover;
			position: relative;
			}

		#latestNews:before {
			content: "";
			width: 2px;
			height: 135px;
			margin: 0 auto 0 auto;
			border: 0;
			background: #c2c6c9;
			display: block;
			position: relative;
			overflow: visible;
			}

		#latestNews .wrapper {
			max-width: 1000px;
			margin: 0 auto;
			padding: 0;
			background: #fff;
			}

		#latestNews header, #latestNews section {
			padding: 30px;
			text-align: center;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
				    box-sizing: border-box;
			}

		/* header */

		#latestNews header {
			width: 35%;
			background: url(../img/blue-globe.jpg) 50% 50% no-repeat;
			background-size: cover;
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			}

		#latestNews header h4 {
			margin: 0;
			padding-top: 105px;
			color: #fff;
			font-size: 35px;
			font-weight: 700;
			line-height: 1.3;
			text-transform: uppercase;
			display: block;
			}

		/* section */

		#latestNews section {
			width: 65%;
			float: right;
			}

		/* news item */

		#latestNews .newsItem p {
			font-size: 24px;
			}

		/* media queries */

		@media (max-width: 1024px) {
			#latestNews .wrapper {
				margin: 0 5%;
				}
			#latestNews header {
				width: 100%;
				position: relative;
				}
			#latestNews header h4 {
				padding-top: 0;
				}
			#latestNews section {
				width: 100%;
				}
		}

		@media (max-width: 768px) {
			#latestNews header h4, #latestNews section h3 {
				font-size: 24px;
				}
			#latestNews .newsItem p {
				font-size: 19px;
				}
		}

		@media (max-width: 480px) {
			#latestNews .wrapper {
				margin: 0;
				}
		}

	/* Platform
	-------------------------------------------------------------------------- */

		#platform {
			padding-top: 20px;
			}

		#platform .cloneAndFade {
			min-height: 565px;
			max-width: 640px;
			margin: 0 auto;
			display: block;
			}

		#platform .imgRound {
			box-shadow: 0 3px 20px rgba(0,0,0,0.1);
			}

		/* media queries */

		@media (max-width: 1024px) {
			#platform .leftCol {
				padding-bottom: 40px;
				}
		}

	/* Network
	-------------------------------------------------------------------------- */

		#network {
			position: relative;
			overflow: hidden;
			}

		#network:after {
			content: "";
			width: 2010px;
			height: 654px;
			margin-left: -1005px;
			display: block;
			position: absolute;
			left: 50%;
			bottom: 50px;
			z-index: 0;
			}

		/* statistics */

		#networkStats {
			width: 100%;
			margin: 0;
			padding: 10px 0;
			display: table;
			table-layout: fixed;
			}

		#networkStats li {
			text-align: center;
			display: table-cell;
			vertical-align: middle;
			}

		#networkStats li:nth-child(odd) {
			width: 375px;
			height: 375px;
			color: #fff;
			text-transform: uppercase;
			-webkit-border-radius: 100%;
			   -moz-border-radius: 100%;
			   		border-radius: 100%;
			}

		#networkStats li:nth-child(even) {
			font-size: 35px;
			font-style: normal;
			font-weight: 300;
			position: relative;
			overflow: hidden;
			}

		#networkStats li:nth-child(even):before {
			content: ".......................................................................";
			width: 100%;
			margin-top: -6px;
			font-size: 30px;
			line-height: 1px;
			letter-spacing: 4px; /* used to increase spacing between dots */
			display: block;
			position: absolute;
			top: 50%;
			left: 0;
			right: 0;
			z-index: 0;
			}

		#networkStats li:nth-child(even) em {
			padding: 15px 10px;
			font-style: normal;
			background: #fff;
			position: relative;
			z-index: 1;
			}

		#networkStats h1 {
			margin: 0;
			padding: 0 0 15px 0;
			font-size: 34px;
			font-family: "ltc-bodoni-175", Georgia, Times, serif;
			position: relative;
			}

		#networkStats h1:after {
			content: "";
			margin: 15px 80px 0 80px;
			height: 2px;
			background: rgba(255,255,255,0.3);
			display: block;
			}

		#networkStats h1 strong {
			margin-bottom: -5px;
			font-size: 125px;
			line-height: 125px;
			font-weight: 400;
			display: block;
			}

		#networkStats h5 {
			font-size: 24px;
			font-weight: 700;
			line-height: 1.3;
			}

		/* conversation hours */

		#convoHours {
			padding: 60px 0 0 0;
			text-align: center;
			}

		#convoHours h5 {
			max-width: 850px;
			margin: 0 auto;
			font-size: 29px;
			font-weight: 300;
			line-height: 1.4;
			text-transform: uppercase;
			}

		#convoHours h1 {
			color: #177aff;
			position: relative;
			}

		#convoHours h1:after {
			content: "";
			max-width: 850px;
			height: 2px;
			margin: 10px auto 15px auto;
			background: #dfe2e8;
			display: block;
			}

		#convoHours h1 strong {
			font-size: 153px;
			font-weight: 400;
			font-family: "ltc-bodoni-175", Georgia, Times, serif;
			letter-spacing: -8px;
			vertical-align: middle;
			}

		#convoHours h1 em {
			padding-left: 20px;
			font-size: 36px;
			font-weight: 400;
			vertical-align: middle;
			}

		#convoHours p {
			max-width: 850px;
			margin: 0 auto;
			font-size: 28px;
			}

		/* media queries */

		@media (max-width: 1600px) {
			#networkStats li:nth-child(odd) {
				width: 310px;
				height: 310px;
				}
			#networkStats h1 {
			    padding: 0 0 10px 0;
			    font-size: 27px;
			    }
			#networkStats h1:after {
			    margin-top: 10px;
			    }
			#networkStats h1 strong {
			    font-size: 120px;
			    line-height: 120px;
			    }
			#networkStats h5 {
			    font-size: 21px;
			    }
		}

		@media (max-width: 1400px) {
			#networkStats {
			    width: auto;
			    margin: 0 auto;
			    text-align: center;
			    display: block;
			    }
			#networkStats li {
				display: inline-block;
				}
			#networkStats li:nth-child(even) {
				width: 32px;
				height: 10px;
				}
			#networkStats li:nth-child(even) em {
				display: none;
				}
			#networkStats h1 {
				margin-top: 52px;
				}
			#networkStats li:last-child h1 {
				margin-top: 40px;
				}
			#convoHours h1 strong {
				font-size: 140px;
				}
		}

		@media (max-width: 1200px) {
			#networkStats li:nth-child(odd) {
				width: 250px;
				height: 250px;
				}
			#networkStats h1 {
				margin-top: 35px;
			    font-size: 25px;
			    }
			#networkStats li:last-child h1 {
				margin-top: 22px;
				}
			#networkStats h1 strong {
			    font-size: 100px;
			    line-height: 100px;
			    }
			#networkStats h5 {
			    font-size: 20px;
			    }
		}

		@media (max-width: 1000px) {
			#networkStats li:nth-child(even) {
				display: none;
				}
			#networkStats li:nth-child(odd) {
				margin: 10px;
				}
			#convoHours h1 strong {
				margin-bottom: -20px;
				display: block;
				}
			#convoHours h1 em {
				padding-left: 0;
				}
		}

		@media (max-width: 768px) {
			#convoHours {
				padding: 80px 0 10px 0;
				}
			#convoHours h1 strong {
				margin-bottom: -15px;
				font-size: 120px;
				}
		}

		@media (max-width: 480px) {
			#convoHours {
				margin-bottom: -20px;
				padding: 50px 0 0 0;
				}
			#convoHours h1 strong {
				margin-bottom: 0;
				font-size: 100px;
				}
			#convoHours h1 em {
				font-size: 29px;
				}
		}

	/* Audience
	-------------------------------------------------------------------------- */

		#audience {
			max-width: 1120px;
			margin: 0 auto;
			}

		/* stats */

		#audienceStats {
			margin: 0px 160px;
			position: relative;
			z-index: 0;
			transform: scale(0.75);
			}

		/* dot logo with photo */

		#audienceStats .dotLogo {
			width: 100%;
			display: block;
			position: relative;
			z-index: 0;
			}

		#audienceStats .dotLogo .statPhoto {
			width: 67%;
			height: 67%;
			position: absolute;
			top: 16%;
			left: 16.5%;
			z-index: 2;
			-webkit-border-radius: 100%;
			   -moz-border-radius: 100%;
			   		border-radius: 100%;
			}

		#audienceStats .dotLogo .colorLogo {
			width: 65%;
			height: 65%;
			position: absolute;
			top: 16%;
			left: 16.5%;
			z-index: 3;
			}

		#audienceStats .dotLogo .colorLogo g > * {
			fill: rgba(8,98,255,0.85);
			}

		#audienceStats .dotLogo .dotCircle {
			width: 100%;
			height: 100%;
			opacity: 0.6;
			position: relative;
			z-index: 1;
			}

		#audienceStats .dotLogo .dotCircle g > * {
			-webkit-animation: fourColorFade 20s infinite;
			animation: fourColorFade 20s infinite;
			}

		@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* IE10+ specific styles */
   			#audienceStats .dotLogo .dotCircle {
				height: 600px;
				}
			#audienceStats .dotLogo .statPhoto {
				width: 400px;
				height: 400px;
				margin-left: -200px;
				left: 50%;
				}
			#audienceStats .dotLogo .colorLogo {
				width: 400px;
				margin-left: -200px;
				left: 50%;
				}
   		}

		/* statistics */

		#audienceStats ul {
			margin: 0;
			text-align: center;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			z-index: 1;
			}

		#audienceStats li {
			width: 235px;
			height: 235px;
			position: absolute;
			}

		#audienceStats li:nth-child(1) { top: -30px; left: -30px; }
		#audienceStats li:nth-child(2) { margin-left: -117px; top: -160px; left: 50%; }
		#audienceStats li:nth-child(3) { top: -30px; right: -30px; }
		#audienceStats li:nth-child(4) { margin-top: -117px; top: 50%; right: -160px; }
		#audienceStats li:nth-child(5) { bottom: -30px; right: -30px; }
		#audienceStats li:nth-child(6) { margin-left: -117px; bottom: -160px; left: 50%; }
		#audienceStats li:nth-child(7) { bottom: -30px; left: -30px; }
		#audienceStats li:nth-child(8) { margin-top: -117px; top: 50%; left: -160px; }

		#audienceStats li span {
			width: 235px;
			height: 235px;
			color: #fff;
			display: table-cell;
			vertical-align: middle;
			-webkit-border-radius: 100%;
			   -moz-border-radius: 100%;
			   		border-radius: 100%;
			}

		#audienceStats li span.greyLightBg { color: #363a3b; }
		#audienceStats li span.greyDarkBg { color: #4c98ff; }

		#audienceStats h1 {
			margin: 0;
			margin-bottom: 0;
			font-family: "ltc-bodoni-175", Georgia, Times, serif;
			font-size: 81px;
			font-weight: 400;
			letter-spacing: -2px;
			line-height: 81px;
			display: block;
			}

		#audienceStats h5 {
			max-width: 150px;
			margin: 0 auto;
			font-size: 16px;
			font-weight: 700;
			text-transform: uppercase;
			}

		#audienceStats h5 + h1 { margin-top: -5px;}

		/* cta */

		#audience .cta {
			margin-bottom: -50px;
			}

		#audience .cta h3 {
			margin-bottom: 30px;
			}

		/* media queries */

		@media (max-width: 1200px) {
			#audienceStats li, #audienceStats li span {
				width: 200px;
				height: 200px;
				}
			#audienceStats li:nth-child(2) { margin-left: -100px; top: -140px; }
    		#audienceStats li:nth-child(4) { margin-top: -100px; right: -140px; }
    		#audienceStats li:nth-child(6) { margin-left: -100px; bottom: -140px; }
    		#audienceStats li:nth-child(8) { margin-top: -100px; left: -140px; }
		}

		@media (max-width: 1024px) {
			#audienceStats {
				margin: 0;
			    display: -webkit-box;
			    display: -moz-box;
			    display: -ms-flexbox;
			    display: -webkit-flex;
			    display: flex;
			    -moz-box-orient:vertical;
			    -webkit-box-orient:vertical;
			    -ms-box-orient: vertical;
			    -webkit-flex-direction: column;
			    flex-direction: column;
				}
			#audienceStats ul {
				position: relative;
			    -webkit-box-ordinal-group: 2;
			    -moz-box-ordinal-group: 2;
			    -ms-flex-order: 2;
			    -webkit-order: 2;
			    order: 2;
				}
			#audienceStats li {
				margin: 10px !important;
				display: inline-block;
				position: relative;
				top: 0 !important;
				left: 0 !important;
				right: 0 !important;
				bottom: 0 !important;
				}
			#audienceStats .dotLogo {
			    max-width: 300px;
			    margin: 0 auto;
			    -webkit-box-ordinal-group: 1;
			    -moz-box-ordinal-group: 1;
			    -ms-flex-order: 1;
			    -webkit-order: 1;
			    order: 1;
			    }
		}

		@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 1024px) { /* IE10+ specific styles */
   			#audienceStats .dotLogo .dotCircle {
   				width: 290px;
				height: 290px;
				margin: 5px 0 0 5px;
				}
			#audienceStats .dotLogo .statPhoto {
				width: 200px;
				height: 200px;
				margin-left: -100px;
				left: 50%;
				}
			#audienceStats .dotLogo .colorLogo {
				width: 150px;
				margin-left: -75px;
				left: 50%;
				}
   		}

	/* Advertise
	-------------------------------------------------------------------------- */

		#advertise .leftCol .cloneAndFade {
			padding-top: 75px;
			min-height: 300px;
			max-width: 830px;
			margin: 0 auto;
			display: block;
			}

		#advertise .leftCol .cloneAndFade .imgClone {
			top: 75px;
			}

		#advertise .leftCol .imgRound {
			opacity: 0.9;
			box-shadow: 0 0 17px rgba(0,0,0,0.25);
			}

		#advertise .rightCol h4 {
			padding-top: 15px;
			}

		/* media queries */

		@media (max-width: 1024px) {
			#advertise .leftCol {
				padding-bottom: 40px;
				}
		}

/* =Advertise
============================================================================== */

	/* Intro
	-------------------------------------------------------------------------- */

		#advertisePage #intro { padding: 15% 0; }

	/* Section Navigation
	-------------------------------------------------------------------------- */

		.advertiseNav {
			width: 100%;
			border-bottom: 1px solid #dddee2;
			display: table;
			}

		.advertiseNav a, .advertiseNav a:visited {
			width: 33.33%;
			color: #696d79;
			text-align: center;
			display: table-cell;
			vertical-align: bottom;
			}

		.advertiseNav a:nth-child(2) {
			border-left: 1px solid #dddee2;
			border-right: 1px solid #dddee2;
			}

		.advertiseNav a.active { color: #177aff; }

		.advertiseNav a:hover {
			text-decoration: none;
			background: -moz-linear-gradient(top,  rgba(255,255,255,1) 33%, rgba(243,243,245,1) 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(33%,rgba(255,255,255,1)), color-stop(100%,rgba(243,243,245,1)));
			background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 33%,rgba(243,243,245,1) 100%);
			background: -o-linear-gradient(top,  rgba(255,255,255,1) 33%,rgba(243,243,245,1) 100%);
			background: -ms-linear-gradient(top,  rgba(255,255,255,1) 33%,rgba(243,243,245,1) 100%);
			background: linear-gradient(to bottom,  rgba(255,255,255,1) 33%,rgba(243,243,245,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f5',GradientType=0 );
			}

		.advertiseNav a svg {
			max-width: 65px;
			max-height: 60px;
			}

		.advertiseNav svg path { fill: #dddee2; }
		.advertiseNav a.active svg path { fill: #177aff; }

		.advertiseNav a strong {
			padding: 0 15px 20px 15px;
			font-size: 22px;
			font-weight: 300;
			text-transform: uppercase;
			display: block;
			}

		/* media queries */

		@media (max-width: 768px) {
			.advertiseNav a strong {
				font-size: 18px;
				}
		}

		@media (max-width: 480px) {
			.advertiseNav {
				display: block;
				}
			.advertiseNav a, .advertiseNav a:visited {
				width: auto;
				padding: 10px 0;
				display: block;
				}
			.advertiseNav a:nth-child(2) {
				border-top: 1px solid #dddee2;
				border-bottom: 1px solid #dddee2;
				border-left: none;
				border-right: none;
				}
			.advertiseNav a svg {
				max-width: 45px;
				max-height: 40px;
				}
			.advertiseNav a strong {
				padding-bottom: 0;
				}
		}

	/* Sponsors
	-------------------------------------------------------------------------- */

		/* comments */

		a.videoLightbox, a.videoLightbox:visited {
			-webkit-transition: opacity 0.1s linear;
			   -moz-transition: opacity 0.1s linear;
				-ms-transition: opacity 0.1s linear;
			     -o-transition: opacity 0.1s linear;
					transition: opacity 0.1s linear;
			}

		a.videoLightbox:hover { opacity: 0.75; }

		/* stories */

		#sponsoredStories .wrapper {
			max-width: 800px;
			}

		/* media queries */

		@media (max-width: 1400px) {
			#sponsoredStories {
				background-position: -10% 0, 110% 0;
				}
		}

		@media (max-width: 1200px) {
			#sponsoredStories {
				background-position: -25% 0, 125% 0;
				}
		}

		@media (max-width: 1024px) {
			#sponsoredStories {
				background-position: -60% 0, 160% 0;
				}
		}

		@media (max-width: 768px) {
			#sponsoredStories {
				background: none;
				}
		}

	/* Topic Target Stat
	-------------------------------------------------------------------------- */

		/* stats */

		#targetStats ul {
			width: 100%;
			margin: 0;
			padding: 20px 0 0 0;
			text-align: center;
			display: block;
			}

		#targetStats li {
			width: 375px;
			height: 290px;
			padding-top: 85px;
			color: #fff;
			text-transform: uppercase;
			vertical-align: middle;
			display: inline-block;
			-webkit-border-radius: 100%;
			   -moz-border-radius: 100%;
			   		border-radius: 100%;
			}

		#targetStats li:first-child { margin-right: -22px; }
		#targetStats li:last-child { margin-left: -22px; }

		#targetStats li.greyDarkBg {
			border: 15px solid #fff;
			background: rgba(0,0,0,0.77);
			}

		#targetStats h1 {
			margin: 0;
			padding: 0 0 15px 0;
			font-size: 24px;
			font-family: "ltc-bodoni-175", Georgia, Times, serif;
			position: relative;
			}

		#targetStats h1:after {
			content: "";
			margin: 15px 80px 0 80px;
			height: 2px;
			background: rgba(255,255,255,0.3);
			display: block;
			}

		#targetStats h1 strong {
			margin-bottom: -5px;
			font-size: 125px;
			line-height: 125px;
			font-weight: 400;
			display: block;
			}

		#targetStats h5 {
			font-size: 24px;
			font-weight: 700;
			line-height: 1.3;
			}

		/* case studies button */

		#targetStats p {
			padding-top: 60px;
			text-align: center;
			}

		/* media queries */

		@media (max-width: 1024px) {
			#targetStats li {
				width: 285px;
				height: 220px;
				padding-top: 65px;
				}
			#targetStats h1 strong {
				font-size: 95px;
				line-height: 95px;
				}
			#targetStats h1, #targetStats h5 {
				font-size: 19px;
				}
		}

		@media (max-width: 768px) {
			#targetStats li {
				margin: 10px 5px !important;
				display: inline-block;
				}
			#targetStats li.greyDarkBg {
				border: 0;
				background: rgba(0,0,0,0.77);
				}
		}

	/* Brand Safety
	-------------------------------------------------------------------------- */

		/* dot logo with photo */

		#brandSafety .dotLogo {
			width: 100%;
			max-width: 430px;
			margin: -50px auto 40px auto;
			display: block;
			position: relative;
			z-index: 0;
			}

		#brandSafety .dotLogo .statPhoto {
			width: 67%;
			height: 67%;
			position: absolute;
			top: 16%;
			left: 16.5%;
			z-index: 2;
			-webkit-border-radius: 100%;
			   -moz-border-radius: 100%;
			   		border-radius: 100%;
			}

		.statPhoto.-mw {
				max-width: 100%;
			}

		#brandSafety .dotLogo .colorLogo {
			width: 45%;
			height: 45%;
			position: absolute;
			top: 27%;
			left: 26.5%;
			z-index: 3;
			}

		#brandSafety .dotLogo .colorLogo g > * {
			fill: rgba(8,98,255,0.85);
			}

		#brandSafety .dotLogo .dotCircle {
			width: 100%;
			height: 100%;
			opacity: 0.6;
			position: relative;
			z-index: 1;
			}

		#brandSafety .dotLogo .dotCircle g > * {
			-webkit-animation: fourColorFade 20s infinite;
			animation: fourColorFade 20s infinite;
			}

		@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* IE10+ specific styles */
   			#brandSafety .dotLogo .dotCircle {
				height: 430px;
				}
			#brandSafety .dotLogo .statPhoto {
				width: 250px;
				height: 250px;
				margin-left: -125px;
				top: 20%;
				left: 50%;
				}
			#brandSafety .dotLogo .colorLogo {
				width: 150px;
				margin-left: -75px;
				top: 25%;
				left: 50%;
				}
   		}

		/* media queries */

		@media (max-width: 1024px) {
			#brandSafety .dotLogo {
			    max-width: 300px;
			    margin-top: 20px;
			    }
		}

		@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 1024px) { /* IE10+ specific styles */
   			#brandSafety .dotLogo .dotCircle {
   				width: 290px;
				height: 290px;
				margin: 5px 0 0 5px;
				}
			#brandSafety .dotLogo .statPhoto {
				width: 200px;
				height: 200px;
				margin-left: -100px;
				top: 16%;
				left: 50%;
				}
			#brandSafety .dotLogo .colorLogo {
				width: 150px;
				margin-left: -75px;
				top: 27%;
				left: 50%;
				}
   		}

	/* Partnerships
	-------------------------------------------------------------------------- */

		#partnerships {
			padding: 50px 0;
			background: #686e7a url(../img/backgrounds/bg-bokeh-dark.jpg) 50% 0 no-repeat;
			background-size: cover;
			}

		#partnerships .wrapper { max-width: 1180px; }

		#partnerships header h2 { font-size: 60px; }

		#partnerships section {
			font-size: 28px;
			}

		#partnerships section p:first-child:after {
			content: "";
			height: 1px;
			margin: 20px 0 25px 0;
			background: rgba(255,255,255,0.15);;
			display: block;
			}

		/* media queries */

		@media (max-width: 1200px) {
			#partnerships header h2 {
				font-size: 55px;
				}
		}

		@media (max-width: 768px) {
			#partnerships header h2 {
				font-size: 40px;
				}
			#partnerships section {
				font-size: 24px;
				}
		}

/* =Publish
============================================================================== */

	/* Intro
	-------------------------------------------------------------------------- */

		#publishPage #intro { padding: 15% 0; }

	/* Commenting Platform
	-------------------------------------------------------------------------- */

		#commentingPlatform .cloneAndFade {
			min-height: 575px;
			max-width: 640px;
			margin: 0 auto;
			display: block;
			}

		#commentingPlatform .cloneAndFade img {
			opacity: 1 !important;
			}

		#commentingPlatform .cloneAndFade img:first-child { z-index: 2 !important; }
		#commentingPlatform .cloneAndFade img:last-child { z-index: 3 !important; }

		/* media queries */

		@media (max-width: 1024px) {
			#commentingPlatform .leftCol {
				padding-bottom: 40px;
				}
		}

	/* Revenue Sharing
	-------------------------------------------------------------------------- */

		#revenueSharing {
			background: url(../img/revenue-sharing-bg.jpg) 0 0 repeat-x;
			background-size: auto 100%;
			}

		/* left col */

		#revenueSharing .leftCol h5 {
			width: 43%;
			margin: 0;
			text-align: center;
			vertical-align: baseline;
			display: block;
			position: absolute;
			top: 30%;
			left: 5%;
			}

		#revenueSharing .leftCol h5 img { margin-right: 5px; }

		#revenueSharing .leftCol .belowTheFold {
			width: 43%;
			display: block;
			position: absolute;
			top: 50%;
			left: 5%;
			}

		#revenueSharing .leftCol .belowTheFold h1 {
			margin-bottom: 20px;
			font-family: "ltc-bodoni-175", Georgia, Times, serif;
			font-size: 81px;
			font-weight: 400;
			letter-spacing: -2px;
			line-height: 81px;
			}

		#revenueSharing .leftCol .belowTheFold h1 em {
		    font-family: "proxima-nova", Arial, Helvetica, "Lucida Grande", "Lucida Sans", Tahoma, Verdana, sans-serif;
			font-size: 30px;
			font-weight: 300;
			letter-spacing: 0;
			line-height: 32px;
			display: inline-block;
			}

		#revenueSharing .leftCol .belowTheFold p {
			padding-left: 20px;
			border-left: 1px solid #c1c1c3;
			}

		/* right col */

		#revenueSharing .rightCol {
			padding-right: 100px;
			line-height: 0; /* eliminate space below img */
			position: relative;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
				  	box-sizing: border-box;
			}

		#revenueSharing .rightCol .activeSpace {
			width: 80px;
			color: #f81d08;
			font-weight: 700;
			display: block;
			position: absolute;
			top: 55%;
			right: 0;
			}

		#revenueSharing .rightCol .activeSpace svg path {
			fill: #f81d08;
			}

		/* cta */

		#revenueSharing + .wrapper .cta { padding-top: 0; }

		#revenueSharing + .wrapper .cta h4 {
			max-width: 800px;
			margin: 0 auto 20px auto;
			}

		/* media queries */

		@media (max-width: 1024px) {
			#revenueSharing {
				margin-top: -30px;
				background: none;
				}
			#revenueSharing .twoColLayout {
				display: -webkit-box;
			    display: -moz-box;
			    display: -ms-flexbox;
			    display: -webkit-flex;
			    display: flex;
			    -moz-box-orient:vertical;
			    -webkit-box-orient:vertical;
			    -ms-box-orient: vertical;
			    -webkit-flex-direction: column;
			    flex-direction: column;
				}
			#revenueSharing .leftCol {
				width: 100%;
			    -webkit-box-ordinal-group: 2;
			    -moz-box-ordinal-group: 2;
			    -ms-flex-order: 2;
			    -webkit-order: 2;
			    order: 2;
			    }
			#revenueSharing .rightCol {
				width: 100%;
				padding-bottom: 40px;
			    -webkit-box-ordinal-group: 1;
			    -moz-box-ordinal-group: 1;
			    -ms-flex-order: 1;
			    -webkit-order: 1;
			    order: 1;
			    }
			#revenueSharing .leftCol h5 {
				display: none;
				}
			#revenueSharing .leftCol .belowTheFold {
				width: 100%;
				text-align: center;
				position: relative;
				top: 0;
				left: 0;
				}
			#revenueSharing .leftCol .belowTheFold p {
				padding-left: 0;
				padding-top: 30px;
				border-left: none;
				}
			#revenueSharing .rightCol {
				padding: 0;
				text-align: center;
				}
			#revenueSharing .rightCol img.imgResponsive {
				width: 100%;
				max-width: 600px;
				}
			#revenueSharing .rightCol .activeSpace {
				display: none;
				}
		}
	/* Logos
	-------------------------------------------------------------------------- */

		#publisherLogos ul {
			width: 100%;
			display: table;
			}

		#publisherLogos li {
			width: 33.33%;
			height: 150px;
			padding: 0 30px;
			text-align: center;
			vertical-align: middle;
			display: table-cell;
			}

		#publisherLogos li img {
			max-width: 100%;
			height: auto;
			display: inline-block;
			vertical-align: middle;
			}

		/* media queries */

		@media (max-width: 768px) {
			#publisherLogos ul, #publisherLogos li {
				display: block;
				}
			#publisherLogos li {
				width: 50%;
				line-height: 150px;
				float: left;
				-webkit-box-sizing: border-box;
				   -moz-box-sizing: border-box;
				    	box-sizing: border-box;
				}
		}

		@media (max-width: 480px) {
			#publisherLogos {
				position: relative;
				top: -30px;
				}
			#publisherLogos li {
				width: 100%;
				}
		}

/* =Contact
============================================================================== */

	/* Form
	-------------------------------------------------------------------------- */

		#contactForm {
			max-width: 980px;
			margin: 0 auto;
			padding: 60px 0;
			}

/* =Footer
============================================================================== */

	/* Base
	-------------------------------------------------------------------------- */

		#footer {
			text-align: center;
			background: #28292b;
			}

	/* Contact Us
	-------------------------------------------------------------------------- */

		#contactUs { max-height: none !important; }

		#contactUs svg {
			width: 215px;
			height: 100%;
			}

		#contactUs svg g > * {
			fill: rgba(8,98,255,0.85);
			}

		#contactUs {
			padding: 110px 0;
			}

		#contactUs ul {
			margin: 0;
			padding: 50px 0;
			}

		#contactUs li { display: inline-block; }

		#contactUs li a, #contactUs li a:visited {
			padding: 0 15px;
			color: #272a2b;
			font-size: 28px;
			display: block;
			-webkit-transition: color 0.1s linear;
			   -moz-transition: color 0.1s linear;
				-ms-transition: color 0.1s linear;
			     -o-transition: color 0.1s linear;
					transition: color 0.1s linear;
			}

		#contactUs li a:hover, #contactUs li a.selected {
			color: #626a6b;
			text-decoration: none;
			}

		/* media queries */

		@media (max-width: 1024px) {
			#contactUs svg {
				width: 195px;
				}
		}

		@media (max-width: 480px) {
			#contactUs li {
				width: 100%;
				display: block;
				border-top: 1px solid rgba(255,255,255,0.75);
				}
			#contactUs li:last-child {
				border-bottom: 1px solid rgba(255,255,255,0.75);
				}
			#contactUs li a, #contactUs li a:visited {
				padding: 10px 0;
				}
		}

	/* Sitemap
	-------------------------------------------------------------------------- */

		#sitemap ul {
			margin: 0 0 20px 0;
			}

		#sitemap ul li {
			padding: 0 12px;
			display: inline-block;
			}

		#sitemap ul li:first-child { padding-left: 0; }
		#sitemap ul li:last-child { padding-right: 0; }

		#sitemap ul:nth-child(1) a, #sitemap ul:nth-child(1) a:visited {
			color: #919799;
			text-transform: uppercase;
			letter-spacing: 1px;
			}

		#sitemap ul:nth-child(2) a, #sitemap ul:nth-child(2) a:visited {
			color: #595d5f;
			font-weight: 700;
			}

		#sitemap p, #sitemap a, #sitemap a:visited {
			margin: 0;
			color: #535a5c;
			}

		/* media queries */

		@media (max-width: 480px) {
			#sitemap ul li {
				width: 100%;
				padding: 0;
				display: block;
				}
			#sitemap li a, #sitemap li a:visited {
				padding: 3px 0;
				display: block;
				}
		}