@font-face {
  font-family: 'wilson';
  src:  url('../fonts/wilson.eot?g8kljk');
  src:  url('../fonts/wilson.eot?g8kljk#iefix') format('embedded-opentype'),
    url('../fonts/wilson.ttf?g8kljk') format('truetype'),
    url('../fonts/wilson.woff?g8kljk') format('woff'),
    url('../fonts/wilson.svg?g8kljk#wilson') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
	font-family: 'proxima-nova-black';
	src: url('../fonts/proximanova-black-webfont.woff2') format('woff2'),
		url('../fonts/proximanova-black-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'proxima-nova-bold';
	src: url('../fonts/proximanova-bold-webfont.woff2') format('woff2'),
		url('../fonts/proximanova-bold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'proxima-nova-semibold';
	src: url('../fonts/proximanova-semibold-webfont.woff2') format('woff2'),
		url('../fonts/proximanova-semibold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'proxima-nova-regular';
	src: url('../fonts/proximanova-regular-webfont.woff2') format('woff2'),
		url('../fonts/proximanova-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'proxima-nova-light';
	src: url('../fonts/proximanova-light-webfont.woff2') format('woff2'),
		url('../fonts/proximanova-light-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
 
[class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'wilson' !important;
	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-play-circle:before {
  content: "\e900";
}
.icon-arrow-button:before {
  content: "\e800";
  transform: rotate(90deg);
  display: inline-block;
}
.icon-arrow:before {
  content: "\e801";
}
.icon-close:before {
  content: "\e802";
}
.icon-logo:before {
  content: "\e803";
}
.icon-menu:before {
  content: "\e804";
}
.icon-share:before {
  content: "\e805";
}
.icon-play:before {
  content: "\e806";
}
.icon-all-work:before {
  content: "\e807";
}
.icon-wilson-text-logo:before {
  content: "\e808";
}
.icon-down-open:before {
  content: "\f004";
}
.icon-twitter:before {
  content: "\f099";
}
.icon-facebook:before {
  content: "\f09a";
}
.icon-linkedin:before {
  content: "\f0e1";
}
.icon-instagram:before {
  content: "\f16d";
}
.icon-vimeo:before {
  content: "\f27d";
}
.icon-play-circle-unfilled:before {
  content: "\e901";
}

* {
	margin: 0;
	padding: 0;
}

.group:after,
.left-button .gform_fields:after {
	content: "";
	display: table;
	clear: both;
}

html.admin-bar {
	margin-top: 0 !important;
}
.admin-bar body {
	margin-top: 32px;
}
.admin-bar .home {
	margin-top: 0;
}

html,
body {
	font-family: sans-serif;
	height: 100%;
}

a {
	text-decoration: none;
}
ul {
	list-style: none;
}

.top-waves {
	height: 32px;
	background: url('../images/wilson-top-banner.jpg') 50% 50% no-repeat;
	background-size: cover;
	border-bottom: 3px solid #fc2e45;
	position: relative;
	z-index: 1;
}
.home .top-waves {
	display: none;
}

.admin-bar .logo {
	top: 90px;
}
.admin-bar .menu,
.admin-bar .menu-close {
	top: 97px;
}
.admin-bar .social-links {
	top: 182px;
}
.logo {
	position: absolute;
	z-index: 99;
	top: 58px;
	left: 50%;
	margin-left: -600px;
	font-size: 60px;
}
.home .logo {
	left: 8px;
	margin: 0;
}
.menu,
.menu-close {
	position: absolute;
	top: 65px;
	right: 50%;
	margin-right: -600px;
	z-index: 99;
	transition: background .3s linear;
}
.fixed-nav .menu {
	position: fixed;
	top: 25px;
	z-index: 100;
	background: #fff;
	padding: 17px 20px 15px;
	box-shadow: 0px 2px 12px rgba(0, 0, 0, .3);
	color: #000;
}
.admin-bar .fixed-nav .menu {
	top: 57px;
}
.home .menu,
.home .menu-close,
.home .social-links {
	right: 15px;
	margin: 0;
}
.logo,
.menu,
.menu-close,
.social-links i {
	color: #000;
}
.has-menu-open .logo,
.has-menu-open .menu-close,
.has-menu-open .social-links i {
	color: #fff;
}
.menu-close {
	display: none;
}
.social-links {
	position: absolute;
	top: 150px;
	right: 50%;
	margin-right: -600px;
	z-index: 99;
}

.social-links a {
	display: block;
	padding: 9px 0;
}
.social-links i {
	font-size: 30px;
}
.menu i:before,
.menu-close i:before {
	font-size: 25px;
	width: auto;
}
.menu-close i:before {
	font-size: 38px;
}
.menu span,
.menu-close span {
	display: block;
	text-transform: uppercase;
	font-family: "proxima-nova-bold";
	font-size: 15px;
	letter-spacing: 1px;
	padding: 3px 0 0 3px;
}

.home .logo,
.home .menu,
.home .menu-close,
.home .social-links {
	position: fixed;
}

.has-menu-open .site-menu {
	left: 0;
	opacity: 1;
}
.has-menu-open .menu-close {
	display: block;
}
.has-menu-open .menu {
	display: none;
}
.has-menu-open .logo,
.has-menu-open .menu-close,
.has-menu-open .social-links {
	position: fixed;
}

.site-menu {
	position: fixed;
	z-index: 98;
	top: 0;
	left: -99999px;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .92);
	opacity: 0;
	transition: opacity linear .3s;
}

.site-menu ul {
	width: 300px;
	margin: 175px auto 0;
}
.site-menu ul a {
	font-size: 40px;
	font-family: "proxima-nova-bold";
	text-transform: uppercase;
	color: #fff;
	display: block;
	padding: 15px 0;
	letter-spacing: 3px;
}
.site-menu ul a:hover {
	color: #ff2537;
	text-decoration: underline;
}

.home-slider {
	height: 100%;
	position: relative;
}

.home .section {
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: 70% 50%;
	box-sizing: border-box;
	overflow: hidden;
}
.home .section .waves {
	height: 32px;
	background: url('../images/wilson-top-banner.jpg') 50% 50% no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
	border-bottom: 1px solid #fff;
}
.page-template-page-case-study header.title {
	background-size: cover;
}

.home .section:before {
	content: "";
	position: absolute;
	top: -550px;
	left: 0;
	height: 2000px;
	border-right: 1px solid #fff;
	transform: rotate(45deg);
}

.home .section h2,
.home .section h3 {
	font-size: 150px;
	color: #fff;
	font-family: "proxima-nova-black";
	text-transform: uppercase;
	padding-left: 40px;
}
.home .section h2 {
	line-height: 123px;
	border-left: 9px solid #fff;
	position: relative;
	left: -5px;
}
.home .section h3 {
	font-size: 30px;
	line-height: 40px;
	padding-top: 40px;
	letter-spacing: 2px;
}
.home .text-container {
	margin: 0 auto;
	width: 70%;
	height: 100%;
	border: 1px solid #fff;
	border-width: 0 1px;
}
.home .text {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.home .section .button-arrow {
	background: rgba(0, 0, 0, .72);
	height: 50px;
	width: 50px;
	line-height: 50px;
	text-align: center;
	border-radius: 50%;
	color: #fff;
	font-size: 36px;
	display: inline-block;
}
.home .section .next,
.home .section .prev {
	position: absolute;
	height: 80px;
	width: 80px;
	background: #1e78f5;
	text-align: center;
	line-height: 56px;
	display: block;
	border-radius: 50%;
	bottom: -40px;
	left: 50%;
	margin-left: -40px;
}
.home .section .next i,
.home .section .prev i {
	font-size: 30px;
	color: #fff;
}
.home .section .prev {
	top: -8px;
	bottom: auto;
	transform: rotate(180deg);
}
.home .section .prev i {
	transform: rotate(180deg);
}

.home .pagination {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 18%;
	z-index: 81;
}
.pagination li a {
	height: 9px;
	width: 9px;
	border: 2px solid #fff;
	font-size: 0;
	overflow: hidden;
	margin-bottom: 10px;
	border-radius: 50%;
	display: block;
}
.pagination li.nav-active a {
	background-color: #fff;
}

.home .section.active {
	animation: slideTransition 2s;
	transition: clip-path linear .5s;
}

header.title {
	background: url('../images/header.jpg') 50% 0% no-repeat;
	background-size: auto 100%;
	padding: 145px 0 80px;
}
.page-template-page-services-individual header.title {
	background-size: cover;
	overflow: hidden;
}
header.title h5,
header.title h1 {
	width: 1000px;
	margin: 0 auto;
}
header.title h1 {
	font-size: 100px;
	color: #000;
	font-family: "proxima-nova-black";
	line-height: 85px;
}
header.title h5 {
	font-size: 18px;
	color: #ff2537;
	font-family: "proxima-nova-black";
	text-transform: uppercase;
	letter-spacing: 2px;
	padding-bottom: 10px;
}
header.title .block-quote {
	width: 1000px;
	border-left: 11px solid #ff2437;
	position: relative;
	top: 50px;
	padding: 0 200px 0 36px;
	font-family: "proxima-nova-regular";
	font-size: 18px;
	line-height: 30px;
	margin: -20px auto 0;
	box-sizing: border-box;
}
header.title .block-quote a {
	color: #ff2537;
}
header.title .block-quote p {
	margin-bottom: 20px;
}
header.title .block-quote h2 {
	font-family: "proxima-nova-black";
	font-size: 32px;
	text-transform: uppercase;
	margin-bottom: 5px;
}

.page-template-page-work .filter {
	display: none;
}

.filter {
	border: 1px solid #ff2437;
	border-width: 1px 0;
	height: 47px;
	overflow: hidden;
}
.filter.open {
	height: auto;
}
.filter ul {
	width: 1000px;
	margin: 0 auto;
	text-transform: uppercase;
	position: relative;
}
.page-template-page-blog .filter ul,
.archive .filter ul {
	height: 47px;
	overflow: hidden;
}
.filter li {
	float: left;
}
.filter li a {
	display: block;
	padding: 11px 8px;
	font-family: "proxima-nova-light";
	font-size: 18px;
	color: #ff2437;
	letter-spacing: 2px;
}
.filter li a:hover,
.filter li.active a {
	background: #ff2437;
	color: #fff;
}

.filter .filter-title {
	font-size: 18px;
	font-family: "proxima-nova-black";
	padding: 11px 0 0;
	letter-spacing: 2px;
}
.filter .close-expand {
	font-family: "proxima-nova-black";
	position: absolute;
	right: 0;
	font-size: 31px;
	cursor: pointer;
	transition: transform .2s linear;
}
.filter.open .close-expand {
	transform: rotate(-45deg);
}
.project {
	position: relative;
	overflow: hidden;
	font-size: 0;
}

.projects .row,
.page-template-page-work .projects {
	display: flex;
	flex-wrap: wrap;
}

.projects .row .video-wrapper {
	padding-top: 0;
}

.page-template-page-work .project,
.page-template-page-landing .project {
	font-size: 0;
	margin-bottom: 10px;
}
.project.full-width,
.project img {
	width: 100%;
}
.project.half-width {
	width: 50%;
}

.video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.project .text-container {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	display: block;
	width: 100%;
	opacity: 0;
	transition: opacity linear .3s;
}
.page-template-page-work .project:before,
.page-template-page-landing .project:before,
.project.image:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, .80);
	opacity: 0;
	transition: opacity linear .3s;
}
.page-template-page-work .project:hover:before,
.page-template-page-landing .project:hover:before,
.project.image:hover:before {
	opacity: 1;
}
.project:hover .text-container {
	opacity: 1;
}
.project .text-container strong {
	font-family: "proxima-nova-black";
	font-size: 68px;
	text-transform: uppercase;
	color: #fff;
	display: block;
	line-height: 66px;
}
.project .text-container span {
	font-family: "proxima-nova-light";
	font-size: 26px;
	color: #fff;
}
.project .text-container i {
	font-size: 50px;
	color: #fff;
	display: block;
	margin-top: 40px;
}
.project.first.half-width,
.project.last.half-width {
	width: calc(50% - 5px);
}
.project.first.half-width {
	margin-right: 5px;
}
.project.last.half-width {
	margin-left: 5px;
}

main {
	position: relative;
	background: #fff;
}
.two-col {
	width: 1000px;
	margin: 0 auto;
}
.two-col .main-content {
	width: 600px;
	float: left;
	padding: 30px 0 60px;
}
.two-col .sidebar {
	float: right;
	width: 300px;
	padding: 30px 0 60px;
}

.footer-separator {
	height: 119px;
	line-height: 119px;
	background: url('../images/footer-separator.jpg') 50% 0% no-repeat;
	background-size: cover;
	position: relative;
}
.footer-separator-callout {
	max-width: 1000px;
	margin: 0 auto;
}
.footer-separator-callout strong {
	float: left;
	font-size: 42px;
	font-family: "proxima-nova-black";
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 2px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	max-width: 734px;
	line-height: 41px;
}
.button {
	height: 45px;
	line-height: 45px;
	padding: 0 60px;
	color: #ff2537;
	font-size: 16px;
	font-family: "proxima-nova-black";
	text-transform: uppercase;
	background: #fff;
	border-radius: 100px;
	letter-spacing: 2px;
	display: inline-block;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.main-content .blog-button {
	display: inline-block;
    border: 2px solid #ff2537;
    background-color: transparent;
    text-decoration: none;
}
.footer-separator-callout .button {
	float: right;
	box-shadow: 0px 2px 12px rgba(0, 0, 0, .3);
	margin-top: 35px;
}

.home .site-footer-wrapper {
	height: 100%;
}

.site-footer-wrapper {
	background: #1e1e1e;
}
.site-footer {
	max-width: 1000px;
	margin: 0 auto;
	padding: 105px 60px 75px;
	display: flex;
	justify-content: space-between;
}
.site-footer a {
	color: #fff;
}
.site-footer .company-info {
	float: left;
}
.site-footer .company-info img {
	width: 217px;
	display: block;
	margin-bottom: 50px;
}
.site-footer .company-info p {
	font-family: 'proxima-nova-regular', serif;
	font-size: 18px;
	color: #fff;
	line-height: 42px;
	margin-bottom: 25px;
}
.site-footer .download-fact-sheet {
	font-family: "proxima-nova-black";
	text-transform: uppercase;
	font-size: 16px;
	color: #ff2537;
	letter-spacing: 1px;
}
.site-footer .site-map {
	float: left;
}
.site-footer .what-we-do {
	float: right;
	width: 250px;
}
.site-footer .instagram li.title {
	float: none;
	width: auto;
	padding-bottom: 15px;
}
.site-footer .instagram li {
	width: 33%;
	float: left;
}
.site-footer .instagram img {
	width: 100%;
}
.site-footer .blog-post {
	padding-top: 30px;
}
.site-footer .what-we-do .blog-post a {
	font-size: 16px;
	font-size: 16px;
	color: #9fa2aa;
    font-family: "proxima-nova-regular";
    line-height: 1.2;
    padding-bottom: 5px;
}
.site-footer .blog-post .date {
    font-family: "proxima-nova-semibold";
}
.site-footer-wrapper .copyright {
	height: 77px;
	line-height: 77px;
	background: #000;
	color: #595959;
	font-size: 16px;
	text-align: center;
	letter-spacing: 4px;
	font-family: "proxima-nova-regular";
	text-transform: uppercase;
}
.home .site-footer-wrapper .copyright {
	position: absolute;
	bottom: 0;
	width: 100%;
}

.site-footer ul li {
	text-transform: uppercase;
	font-size: 14px;
	font-family: "proxima-nova-black";
	color: #595959;
}
.site-footer ul li.title {
	padding-bottom: 5px;
	letter-spacing: 1px;
}
.site-footer ul li a {
	color: #fff;
	display: block;
	padding: 9px 0;
	font-size: 18px;
	letter-spacing: 2px;
}
.site-footer ul li a:hover {
	color: #ff2538;
	text-decoration: underline;
}
.site-footer .what-we-do a {
	padding: 0 12px 12px 0;
	display: block;
	font-size: 0;
}

.site-footer .social-footer {
	margin-bottom: 30px;
}
.site-footer .social-footer li {
	display: inline-block;
	margin-right: 15px;
}
.site-footer .social-footer li a {
	color: #fff;
	font-size: 25px;
}

header.title {
	border-bottom: 1px solid #cfcfcf;
}

.clients-container {
	width: 1000px;
	margin: 0 auto;
	padding: 20px 0;
}
.clients-container .client {
	float: left;
	width: 20%;
	text-align: center;
	margin: 20px 0;
}
.clients-container img {
	width: 95%;
}

main .main-content {
	width: 1000px;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 30px 200px 60px 0;
}
.page-template-page-about main .main-content,
.page-template-page-blog main .main-content,
.page-template-page-services main .main-content,
.page-template-page-services-individual main .main-content,
.page-template-page-case-study main .main-content,
.blog main .main-content,
.archive main .main-content {
	padding-right: 0;
	padding-top: 60px;
}
.page-template-page-case-study main .case-study-content {
	padding-top: 0;
	padding-bottom: 0;
}
.page-template-page-about .main-content h2 {
	margin-bottom: 0;
	line-height: 1;
	font-size: 65px;
}

.main-content h2,
.sidebar h2,
.posts h2,
.sidebar h3 {
	font-size: 35px;
	text-transform: uppercase;
	color: #1d1d1d;
	font-family: "proxima-nova-black";
	letter-spacing: 3px;
	margin-bottom: 20px;
}
.main-content h3,
.main-content h4,
.main-content h5 {
	color: #ff2537;
	font-size: 26px;
	font-family: "proxima-nova-regular";
	margin-bottom: 20px;
}
.main-content p,
.sidebar p {
	margin-bottom: 30px;
	font-size: 18px;
	font-family: "proxima-nova-regular";
	line-height: 30px;
}
.main-content a,
.sidebar a {
	color: #ff2537;
	text-decoration: underline;
}
.page-template-page-contact .sidebar a {
	margin-bottom: 20px;
	display: block;
}

.sidebar h2 {
	font-size: 32px;
	margin-bottom: 0px;
}
.sidebar h3 {
	font-size: 18px;
	margin-bottom: 0;
}
.sidebar p {
	line-height: 26px;
	margin-bottom: 10px;
}
.sidebar strong {
	display: block;
	font-family: "proxima-nova-black";
	font-size: 18px;
}

.page-template-page-contact .main-content .gform_wrapper {
	margin-top: 13px;
}

.main-content .gform_wrapper {
	margin: 0 -13px;
}
.main-content .gform_confirmation_wrapper {
	padding-top: 20px;
}
.main-content .gfield_label {
	display: none;
}
.radio_field .gfield_label {
	display: block;
	text-transform: uppercase;
	padding-bottom: 4px;
}
.gfield_radio li {
	display: inline-block;
	padding-right: 20px;
}
.gfield_radio label {
	display: inline-block;
	padding-left: 7px;
}
.main-content .gfield {
	float: left;
	padding: 0px 13px 26px 13px;
	box-sizing: border-box;
	width: 50%;
	position: relative;
}
.main-content .gfield.full-width {
	width: 100%;
}
.main-content .gfield.large {
	width: 100%;
}
.main-content .gfield_checkbox > li {
	padding: 5px 0;
	font-family: "proxima-nova-regular";
	font-size: 16px;
}
.main-content .gfield_checkbox > li input {
	height: 16px;
	width: 16px;
	margin-right: 3px;
}
.main-content .gfield input[type='text'],
.main-content .gfield textarea,
.main-content .gfield select {
	width: 100%;
	text-transform: uppercase;
	padding: 12px;
	border: 1px solid #8e8e8e;
	box-sizing: border-box;
	font-family: "proxima-nova-regular";
	font-size: 16px;
	-webkit-appearance: none;
	border-radius: 0;
}
.main-content .gfield textarea {
	text-transform: none;
}
.main-content .ginput_container_select:before {
	position: absolute;
	right: 28px;
	top: 10px;
	font-size: 22px;
	color: #727375;
	pointer-events: none;
	content: '\f004';
	font-family: "wilson";
}
.main-content .gfield input:focus,
.main-content .gfield select:focus {
	border-color: #ff1b2a;
	outline: none;
}
.main-content .gfield select {
	background: #fff;
}
.main-content .gform_footer .button {
	border: 2px solid #ff2537;
	float: right;
	margin-right: 13px;
	margin-top: 15px;
}
.one-per-row .gfield_radio > li {
	display: block;
	padding: 5px 0;
}
.left-button .gform_footer .button {
	float: none;
	margin-left: 13px;
	clear: both;
}

.crew {
	position: relative;
}
.crew .person {
	float: left;
	width: 33%;
	padding: 12px;
	box-sizing: border-box;
}
.person .plus {
	display: none;
}
.person .bio {
	display: none;
	position: absolute;
	left: 12px;
	margin-top: -411px;
	width: 967px;
	z-index: 2;
	box-shadow: 0px 0px 50px rgba(0, 0, 0, .2);
}
.bio .bio-close {
	height: 46px;
	width: 46px;
	line-height: 46px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	position: absolute;
	top: -23px;
	right: -23px;
	box-shadow: 0px 0px 50px rgba(0, 0, 0, .2);
	background: #00a77e;
	border-radius: 50%;
}
.bio .bio-close i {
	margin-left: -2px;
}
.person.open .bio {
	display: block;
	background: #fff;
}
.person.open .bio img {
	float: left;
	width: 382px;
	height: 512px;
}
.person.open .bio .writeup {
	float: left;
	width: 585px;
	height: 512px;
	padding: 42px;
	box-sizing: border-box;
	overflow-y: scroll;
}
.crew .person img {
	width: 100%;
	overflow: hidden;
}
.crew .person .still,
.crew .person:hover .animated {
	display: block;
}
.crew .person .animated,
.crew .person:hover .still {
	display: none;
}

.project .content-container {
	padding: 77px 87px;
	width: 370px;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.project.left .content-container {
	right: 0;
	left: auto;
}
.content-container strong,
.content-container h2 {
	font-family: "proxima-nova-black";
	color: #595959;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.content-container h2 {
	font-size: 35px;
	color: #ff2537;
	line-height: .9;
	margin: 5px 0 15px;
}
.content-container p {
	font-size: 18px;
	line-height: 1.6;
	color: #1d1d1d;
	margin-bottom: 30px;
}
.content-container .button {
	background-color: transparent;
	border: 2px solid #ff2537;
	padding: 0 30px;
}
.instagram-feed a {
	float: left;
	width: 20%;
	font-size: 0;
	position: relative;
	overflow: hidden;
}
.instagram-feed a:before,
.instagram-feed a:after {
	opacity: 0;
	transition: opacity linear .2s;
}
.instagram-feed a:before {
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .75);
}
.instagram-feed a:hover:before {
	opacity: 1;
}
.instagram-feed a:after {
	content: '\f16d';
	font-family: "wilson";
	font-size: 100px;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.instagram-feed a:hover:after {
	opacity: 1;
}
.instagram-feed img {
	width: 100%;
}

.posts article {
	float: left;
	width: 475px;
	padding: 17px 20px 30px 38px;
	box-sizing: border-box;
	height: 275px;
	margin: 0 24px 24px 0;
	position: relative;
	transition: box-shadow linear .3s;
	background-size: cover;
	background-repeat: no-repeat;
}
.posts article:before {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .3);
	content: "";
	transition: opacity linear .3s;
}
.posts article:hover:before {
	opacity: 0;
}


.page-template-page-blog header.title h1,
.archive header.title h1 {
    width: 725px;
    padding-right: 275px;
}

.posts article h2 {
	text-transform: none;
	line-height: 1;
	position: absolute;
	bottom: 50px;
	font-size: 42px;
	letter-spacing: 0;
	padding-right: 60px;
}
.posts article h2 a {
	color: #fff;
	text-decoration: none;
	display: block;
	max-height: 170px;
	overflow: hidden;
}
.posts article .date {
	position: absolute;
	top: 12px;
	right: 15px;
	color: #fff;
	font-family: "proxima-nova-black";
	letter-spacing: 2px;
	font-size: 18px;
}
.posts article .date {
	position: absolute;
	top: 12px;
	right: 15px;
	color: #fff;
	font-family: "proxima-nova-black";
	letter-spacing: 2px;
	font-size: 18px;
}
.posts article .link {
	width: 100px;
	height: 104px;
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	background-image: linear-gradient(134deg, transparent 50%, #ff2538 50%);
	transform: scale(1);
	transition: transform linear .3s;
}

.posts article.play-icon .link {
	background-image: linear-gradient(134deg, transparent 50%, #2b86f3 50%);
}
.posts article .share {
	position: absolute;
	bottom: 13px;
	left: 28px;
	color: #fff;
	font-family: "proxima-nova-bold";
	font-size: 16px;
	text-transform: uppercase;
	cursor: pointer;
	padding: 5px 10px;
	background: transparent;
	transition: background .2s linear;
}
.single-post .share {
	background: #ff2537;
	padding: 5px 10px;
	color: #fff;
}
.single-post .share a {
	display: none;
	color: #fff;
}
.single-post .share:hover a {
	display: inline-block;
}
.posts .share:hover {
	color: #ff2538;
	background: #fff;
}
.posts .share .only-open {
	visibility: hidden;
}
.posts .share:hover .only-open {
	visibility: visible;
}
.posts .share:hover .only-open {
	color: #646464;
}
.posts .share:hover .only-open:hover {
	color: #ff2538;
}

.posts article:hover .link {
	transform: scale(1.1);
}
.posts article:hover {
	box-shadow: 10px 10px 20px rgba(0, 0, 0, .2);
}

.posts .link:before {
	font-family: "wilson";
	content: '\e800';
	color: #fff;
	font-size: 30px;
	position: absolute;
	bottom: 13px;
	right: 13px;
	transform: rotate(90deg);
}

.posts .play-icon .link:before {
	content: "\e900";
	transform: none;
}

.single-post .main-content {
	padding-top: 20px;
	padding-right: 0;
}

.single-post .title {
	background-size: cover;
}
.single-post .title h1 {
	font-size: 94px;
}
.single-post .article-info {
	padding-bottom: 20px;
	margin-bottom: 40px;
	border-bottom: 1px solid #ff2537;
	font-family: "proxima-nova-light";
	font-size: 18px;
	color: #1d1d1d;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.single-post .article-info.tags {
	border-bottom: 0;
	border-top: 1px solid #d0d0d0;
	padding-top: 45px;
}
.single-post .article-info a {
	text-decoration: none;
}

.single-post .article-info strong {
	font-family: "proxima-nova-black";
}
.single-post .posted-on span {
	color: #fff;
	font-family: "proxima-nova-semibold";
	font-size: 18px;
	padding: 5px 10px;
	background: #ff2437;
	display: inline-block;
	margin-bottom: 10px;
}

.main-content ol {
	counter-reset: my-counter;
	list-style: none;
}
.main-content ol li:before {
	content: counter(my-counter)". ";
	color: #ff2537;
	font-size: 35px;
	counter-increment: my-counter;
	font-family: "proxima-nova-black";
}
.main-content ol li {
	position: relative;
}
.main-content ol li > strong {
	display: block;
	margin-top: -42px;
	font-size: 35px;
	font-family: "proxima-nova-black";
	line-height: 1;
	text-transform: uppercase;
	padding: 0 0 15px 45px;
	letter-spacing: 3px;
}
.main-content ol li {
	font-family: "proxima-nova-regular";
	color: #1d1d1d;
	font-size: 18px;
	line-height: 1.4;
	margin-bottom: 30px;
}
.main-content blockquote {
	border-left: 12px solid #ff2537;
	padding-left: 40px;
}
.main-content blockquote,
.main-content blockquote p {
	font-size: 29px;
	line-height: 1.4;
	font-family: "proxima-nova-light";
}
.main-content blockquote strong {
	font-family: "proxima-nova-bold";
}

.suggested-posts,
.featured-posts,
.related-case-studies {
	text-align: center;
	padding: 45px 0 70px;
	background: url('../images/suggested-posts-bg.jpg') 50% 50% no-repeat;
	background-size: cover;
}

.page-template-page-services-individual .suggested-posts {
	background-image: url('../images/dark-waves.jpg');
}

.page-template-page-services-individual .suggested-posts h2 {
	color: #fff;
}

.suggested-posts > h2,
.featured-posts > h2,
.related-case-studies > h2 {
	font-size: 40px;
	font-family: "proxima-nova-black";
	letter-spacing: 8px;
	padding-bottom: 45px;
	text-transform: uppercase;
}
.suggested-posts .posts {
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 40px;
}
.suggested-posts article,
.featured-posts article,
.related-case-studies article {
	text-align: left;
}
.suggested-posts .button {
	display: inline-block;
	border: 2px solid #ff2537;
	background-color: transparent;
}

.featured-posts .posts {
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 60px;
}

.featured-post {
	width: 320px;
	background: #fff;
	box-shadow: 10px 10px 20px rgba(0, 0, 0, .1);
	float: left;
	margin-right: 80px;
	text-align: left;
	padding-bottom: 58px;
	position: relative;
}
.featured-posts > h2 {
	padding-bottom: 73px;
}
.featured-post:last-child {
	margin-right: 0;
}
.featured-post img,
.featured-post .img {
	width: 100%;
	transform: translate(28px, -28px);
	box-shadow: 10px 10px 20px rgba(0, 0, 0, .1);
	margin-bottom: 10px;
	background-size: 100% auto;
	height: 180px;
}
.featured-post h2 {
	line-height: 1;
	padding: 0 10px 0 28px;
}
.featured-post h2 a {
	color: #000;
}
.featured-post .share {
	font-size: 16px;
	color: #747474;
	text-transform: uppercase;
	font-family: "proxima-nova-bold";
	position: absolute;
	bottom: 28px;
	left: 28px;
}
.featured-post p {
	font-family: 'proxima-nova-regular', serif;
	font-size: 16px;
	color: #000;
	line-height: 1.6;
	padding: 0 14px 40px 28px;
}
.featured-post .link {
	color: #ff2437;
	float: right;
	font-size: 30px;
	position: absolute;
	right: 14px;
	bottom: 28px;
}

.services-list-headline {
	text-align: center;
	padding-bottom: 20px;
}
.services-list li {
	background-size: cover;
	margin-bottom: 30px;
	position: relative;
	overflow: hidden;
	padding: 0 0 20px 40px;
}
.services-list h2 {
	line-height: .8;
	letter-spacing: 2px;
	position: relative;
	z-index: 2;
}
.services-list h2 a {
	font-size: 120px;
	color: #fff;
	text-decoration: none;
	display: block;
	padding-top: 65px;
}
.services-list .learn-more {
	display: block;
	color: #fff;
	font-size: 30px;
	font-family: "proxima-nova-black";
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 2px;
	line-height: .5;
	padding-bottom: 10px;
}
.services-list i {
	font-size: 50px;
	color: #fff;
	position: relative;
	top: 7px;
}
.services-list .num {
	position: absolute;
	font-family: "Oswald", sans-serif;
	font-size: 420px;
	top: 0;
	right: 0;
	opacity: .35;
	z-index: 1;
	line-height: .7;
}
.other-services {
	padding-left: 40px;
}
.other-services ul {
	margin-left: 20px;
}
.other-services li {
	float: left;
	width: 400px;
	list-style: disc;
	padding-left: 15px;
	margin-bottom: 20px;
}
.other-services a {
	font-size: 26px;
	color: #1d1d1d;
	text-decoration: none;
	border-bottom: 1px solid #909090;
}
.other-services a:hover {
	color: #ff2437;
	border-color: #ff2437;
}

.validation_error {
	color: #ff2437;
	padding-left: 13px;
	margin-bottom: 20px;
}
.validation_message {
	display: none;
}
.main-content .gfield_error input {
	border-color: #ff2437;
}

.related-case-studies .cases {
	width: 976px;
	margin: 0 auto;
}
.cases article {
	width: 478px;
	height: 272px;
	overflow: hidden;
	float: left;
	margin-right: 20px;
	background-position: 50% 50%;
	background-size: cover;
	position: relative;
}
.cases article:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #202020;
	opacity: .5;
	z-index: 1;
}
.cases article:last-child {
	margin-right: 0;
}
.cases article h2 {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	padding-left: 30px;
	z-index: 2;
}
.cases h2 a {
	font-size: 42px;
	color: #fff;
	font-family: "proxima-nova-black";
	text-transform: uppercase;
	line-height: 1;
	display: block;
}
.cases .link {
	position: absolute;
	bottom: 10px;
	right: 10px;
	font-size: 30px;
	color: #fff;
	z-index: 2;
}
.ebook {
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	position: relative;
	padding: 71px 0 0 433px;
}
.ebook img {
	position: absolute;
	left: 30px;
	bottom: -28px;
	box-shadow: 0px 0px 50px rgba(0, 0, 0, .3);
}
.ebook .destination-marketing,
.page-id-291 .ebook .five-gates,
.page-id-21515 .ebook .five-gates {
	display: none;
}
.page-id-291 .ebook .destination-marketing,
.page-id-21515 .ebook .destination-marketing {
	display: block;
}
.ebook h2 {
	margin-bottom: 0;
}
.ebook h2 a {
	font-size: 78px;
	line-height: .5;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
}
.ebook p {
	color: #fff;
	font-size: 18px;
	font-family: "proxima-nova-regular";
	padding: 0 160px 45px 0;
}
.ebook .link {
	position: absolute;
	bottom: 48px;
	right: 80px;
	font-size: 50px;
	color: #fff;
}

.page-template-page-landing .ebook {
	padding: 120px 433px 0 0;
}
.page-template-page-landing .ebook img {
	left: auto;
	right: 30px;
}

.page-template-page-landing .ebook h2 {
	line-height: 40px;
	padding: 0 0 20px 20px;
}

.page-template-page-landing .ebook h2 a b {
	color: #ff2538;
}

.page-template-page-landing .ebook a {
	font-size: 44px;
}

.ebook i {
	color: #fff;
	font-size: 41px;
	position: absolute;
	top: -13px;
	left: 10px;
}
.ebook .icon-wilson-text-logo {
	top: 10px;
}

.header-num {
	font-size: 700px;
	font-family: "Oswald";
	color: #3a3a3a;
	opacity: .15;
	position: absolute;
	z-index: 0;
	left: 50%;
	margin-left: -200px;
	top: -20px;
	line-height: .95;
	pointer-events: none;
}

.image-grid {
	font-size: 0;
}
.case-study-sections .padded {
	width: 1000px;
	margin: 0 auto;
}
.case-study-sections iframe {
	width: 100%;
	height: 563px;
}
.case-study-sections h2 {
	text-align: center;
	padding: 20px 0;
	font-size: 30px;
	font-family: "proxima-nova-black";
	letter-spacing: 2px;
	text-transform: uppercase;
}
.image-grid.padded > div {
	padding: 0 5px 10px;
	box-sizing: border-box;
}
.image-grid > div {
	float: left;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.image-grid .caption {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 3px 20px;
	background: rgba(0, 0, 0, .5);
	color: #fff;
	text-transform: uppercase;
	font-family: "proxima-nova-regular";
}
.image-grid .caption p {
	margin: 0;
	padding: 0;
	font-size: 14px;
}
.image-grid.padded .caption {
	left: 5px;
	bottom: 10px;
}
.image-grid img,
.slider img {
	width: 100%;
}
.slider .caption {
	display: block;
	margin: 20px 0;
	text-align: center;
	font-size: 16px;
	line-height: 1.4;
}
.slider .slick-arrow {
	position: absolute;
	left: -130px;
	top: 50%;
	transform: translateY(-50%) rotate(90deg);
	background: #e5e9f3;
	height: 52px;
	width: 52px;
	border-radius: 50%;
	border: 0;
	font-size: 0;
	z-index: 99;
}
.slider .slick-next {
	right: -130px;
	left: auto;
	transform: translateY(-50%) rotate(-90deg);
}
.slider .slick-arrow:after {
	font-size: 27px;
	content: '\f004';
	font-family: "wilson";
	color: #464555;
	display: block;
	margin-top: 5px;
}
.image-grid > div.full-width {
	clear: both;
}
.image-grid > div.half-width {
	width: 50%;
}
.case-study-sections .overlapping-image {
	margin-bottom: -160px;
	position: relative;
	z-index: 3;
	top: -80px;
}
.overlapping-image img {
	width: 100%;
}

.yearbook-content {
	width: 100%;
	max-width: 1516px;
	margin: 0 auto;
	padding: 17px 0 35px;
	position: relative;
}

.page .work-link {
	position: absolute;
    bottom: 10%;
    right: 0;
    height: 40%;
    width: 45%;
    display: block;
}

.page-template-page-yearbook .title,
.page-template-page-yearbook .logo,
.page-template-page-yearbook .menu,
.page-template-page-yearbook .social-links {
	display: none;
}

.page-template-page-yearbook,
.page-template-page-yearbook main {
	background: #dfdfdf;
}

.page-template-page-yearbook .link-list {
	position: absolute;
	z-index: 99;
	width: 50%;
	max-width: 700px;
	height: 100%;
	justify-content: space-between;
	flex-flow: row;
	top: 18%;
	left: 50%;
	transform: translateX(-50%);
	margin-left: 2%;
}
.page-template-page-yearbook .link-list a {
	width: 20%;
	height: 17%;
	display: block;
	float: left;
	margin-bottom: 2.1%;
}
.page-template-page-yearbook .link-list .back-home {
	left: 0;
	top: -14%;
	width: 33%;
	height: 12%;
}
.yearbook-menu,
.yearbook-logo,
.back-home {
	width: 5%;
	height: 8%;
	display: block;
	position: absolute;
	top: 8px;
	left: 11%;
	z-index: 99;
}

.yearbook-prev,
.yearbook-next {
	display: none;
	position: absolute;
	bottom: 6%;
	left: 8%;
	width: 11%;
	height: 8%;
	background: url('../images/yearbook-arrow-left.png') 50% 50% no-repeat;
	background-size: 100% auto;
	z-index: 99;
	pointer-events: none;
}

.yearbook-menu {
	left: 77%;
}
.page-link-16 {
	margin-left: 20%;
}

.t {
    display: table;
    width: 100%;
    height: 100%;
	max-width: 1516px;
	margin: 0 auto;
}

.tc {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.rel {
    position: relative;
}

/* book */

.book {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.book .page {
    height: 100%;
}

.book .page img {
    max-width: 100%;
    height: 100%;
}

@media screen and (max-width: 767px) {
	.book {
		margin-left: auto !important;
	}
	.page-template-page-yearbook .link-list {
		width: 91%;
	}
	.yearbook-content.even .yearbook-menu,
	.yearbook-logo {
		display: none;
	}
	.yearbook-content.even .yearbook-logo {
		display: block;
		width: 11%;
		left: 21%;
	}
	.yearbook-content .yearbook-menu {
		width: 11%;
		left: 53%;
	}
	.yearbook-content.even .yearbook-next {
		display: block;
		background-image: url('../images/yearbook-arrow-right.png');
		left: 82%;
		
	}
	.yearbook-content.even .yearbook-prev {
		display: none;
	}
	.yearbook-content.odd .yearbook-prev {
		display: block;
	}
	.yearbook-content.first .yearbook-prev,
	.yearbook-content.first .yearbook-next,
	.yearbook-content.last .yearbook-prev,
	.yearbook-content.last .yearbook-next {
		display: none;
	}
}

@keyframes slideTransition {
    from {
	    clip-path: circle(25px at 70%);
    }
    to {
	    clip-path: circle(140% at 70%);
    }
}

/*!
 * fullPage 2.9.4
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */
html.fp-enabled,
.fp-enabled body {
    margin: 0;
    padding: 0;
    overflow:hidden;

    /*Avoid flicker on slides transitions for mobile phones #336 */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
#superContainer {
    height: 100%;
    position: relative;

    /* Touch detection for Windows 8 */
    -ms-touch-action: none;

    /* IE 11 on Windows Phone 8.1*/
    touch-action: none;
}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box; /* <=28 */
    box-sizing: border-box;
}
.fp-slide {
    float: left;
}
.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}
.fp-slides {
    z-index:1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
    transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout:fixed;
    width: 100%;
}
.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.fp-slidesContainer {
    float: left;
    position: relative;
}
.fp-controlArrow {
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
    overflow: hidden;
    position: relative;
}
.fp-scroller{
    overflow: hidden;
}
.iScrollIndicator{
    border: 0 !important;
}
.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}
#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
}
.fp-viewing-6 #fp-nav,
.fp-viewing-6 .logo {
	display: none;
}
#fp-nav.right {
    right: 17%;
}
#fp-nav.left {
    left: 17px;
}
.fp-slidesNav{
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.fp-slidesNav.bottom {
    bottom: 17px;
}
.fp-slidesNav.top {
    top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}

#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 9px;
    height: 9px;
    margin-bottom: 13px;
    position:relative;
}
.fp-slidesNav ul li {
    display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    border-radius: 50%;
	border: 2px solid #fff;
	margin-bottom: 5px;
}
#fp-nav ul li a.active,
.fp-slidesNav ul li a.active,
#fp-nav ul li:hover a.active,
.fp-slidesNav ul li:hover a.active {
    background: #fff;
 }
#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
    cursor: pointer;
}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}
#fp-nav ul li .fp-tooltip.right {
    right: 20px;
}
#fp-nav ul li .fp-tooltip.left {
    left: 20px;
}
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
    height: auto !important;
}

.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
    height: auto !important;
}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -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;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[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;
}
.slick-arrow.slick-hidden {
    display: none;
}

.blog .pagination {
	text-align: center;
	clear: both;
}
.blog .pagination .page-numbers {
	display: inline-block;
	padding: 5px 10px;
	margin: 0 5px;
	color: #1d1d1d;
	text-decoration: none;
}
.blog .pagination .page-numbers.current {
	border: 1px solid #ff2538;
}
.blog .pagination .prev,
.blog .pagination .next {
	font-size: 30px;
	color: #929292;
}
.blog .pagination .prev {
	float: left;
	transform: rotate(180deg);
	padding-right: 0;
	margin-right: 0;
	position: relative;
	left: -10px;
}
.blog .pagination .next {
	float: right;
	margin-right: 10px;
}

.project-navigation {
	text-transform: uppercase;
	width: 100%;
	max-width: 990px;
	margin: 0 auto;
	position: relative;
	margin-top: 80px;
	border-top: 1px solid #d5d5d5;
	padding: 60px 0 80px;
}
.project-navigation .arrow {
	font-family: "proxima-nova-bold";
	font-size: 16px;
	color: #7f7f7f;
}
.project-navigation .prev {
	float: left;
}
.project-navigation i {
	content: '\e801';
	font-family: "wilson";
	color: #ff2a3f;
	font-size: 20px;
	position: relative;
	top: 1px;
}
.project-navigation .next {
	float: right;
}
.project-navigation .prev i {
	transform: rotate(180deg);
	display: inline-block;
	margin-right: 8px;
}
.project-navigation .next i {
	margin-left: 8px;
}
.project-navigation i:before {
	width: auto;
}
.project-navigation .all-work {
	width: 90px;
	display: block;
	margin: 0 auto;
	position: absolute;
	top: 48px;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
}
.project-navigation .all-work i {
	font-size: 41px;
	display: block;
	padding-bottom: 8px;
}
.project-navigation .all-work span {
	display: block;
	font-size: 12px;
	color: #202020;
	font-family: "proxima-nova-black";
}

.page-template-page-landing .main-content {
	padding-right: 0;
	margin: 0 auto;
	max-width: 1000px;
}

/*======================================
  Selectric
======================================*/
.selectric-wrapper {
  position: relative;
  cursor: pointer;
}

.selectric-responsive {
  width: 100%;
}

.selectric {
  border: 1px solid #8E8E8E;
  background: #fff;
  position: relative;
  border-radius: 0px;
}

.selectric .label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 40px 0 12px;
  font-size: 12px;
  line-height: 40px;
  color: #444444;
  height: 40px;
  text-transform: uppercase;
  font-family: "proxima-nova-regular";
  font-size: 16px;
}

.selectric .button {
  background: ;
  border-radius: 0px;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 38px;
  height: 38px;
  color: #444444;
  text-align: center;
  padding: 0;
  background: transparent;
  font: 0/0 a;
  *font: 38px/38px Lucida Sans Unicode, Arial Unicode MS, Arial;
}

.selectric .button:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top-color: #444444;
  border-bottom: none;
}

.selectric-focus .selectric {
  border-color: #AAA;
}

.selectric-hover .selectric {
  border-color: #757575;
}

.selectric-hover .selectric .button {
  color: #757575;
}

.selectric-hover .selectric .button:after {
  border-top-color: #757575;
}

.selectric-open {
  z-index: 9999;
}

.selectric-open .selectric {
  border-color: #ff1b2a;    
  background: #ffffff;
}

.selectric-open .selectric-items {
  display: block;
}

.selectric-disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.selectric-hide-select {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0;
}

.selectric-hide-select select {
  position: absolute;
  left: -100%;
}

.selectric-hide-select.selectric-is-native {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.selectric-hide-select.selectric-is-native select {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  border: none;
  z-index: 1;
  box-sizing: border-box;
  opacity: 0;
}

.selectric-input {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important;
}

.selectric-temp-show {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important;
}

/* Items box */
.selectric-items {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #F8F8F8;
  border: 1px solid #C4C4C4;
  border-top: none;
  z-index: -1;
  box-shadow: 0 0 10px -6px;
}

.selectric-items .selectric-scroll {
  height: 100%;
  overflow: auto;
}

.selectric-above .selectric-items {
  top: auto;
  bottom: 100%;
}

.selectric-items ul, .selectric-items li {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 12px;
  line-height: 20px;
  min-height: 20px;
}

.selectric-items li {
	display: block;
	padding: 8px;
	color: #666;
	cursor: pointer;
    border-bottom: 1px solid #c1c1c1;
	font-family: "proxima-nova-regular";
    font-size: 14px;}

.selectric-items li.selected {
  background: #EFEFEF;
  color: #444;
}

.selectric-items li.highlighted {
  background: #D0D0D0;
  color: #444;
}

.selectric-items li:hover {
	background: #ff1b2a;
    color: #ffffff;
}

.selectric-items .disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default !important;
  background: none !important;
  color: #666 !important;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.selectric-items .selectric-group .selectric-group-label {
  font-weight: bold;
  padding-left: 10px;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: none;
  color: #444;
}

.selectric-items .selectric-group.disabled li {
  filter: alpha(opacity=100);
  opacity: 1;
}

.selectric-items .selectric-group li {
  padding-left: 25px;
}

.modal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .35);
	z-index: 2;
}

.modal {
	background: #fff url('../images/modal-bg.jpg') top right;
	background-size: cover;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	max-width: 230px;
	padding: 20px;
	box-sizing: border-box;
	z-index: 3;
}

.modal,
.modal-overlay {
	visibility: hidden;
	opacity: 0;
	transition: visibility .2s linear, opacity .2s linear;
}

.modal-open .modal,
.modal-open .modal-overlay {
	visibility: visible;
	opacity: 1;
}

.modal p {
	font-family: 'proxima-nova-bold';
	font-size: 22px;
	line-height: 1;
	margin-bottom: 20px;
}

.modal .learn-more {
	color: #fc2e45;
	font-family: 'proxima-nova-bold';
	text-transform: uppercase;
	font-size: 12px;
}

.modal .button {
	background: #fc2e45;
    color: #fff;
    height: auto;
    padding: 2px 40px;
    line-height: inherit;
    font-size: 13px;
    float: right;
    margin-top: -2px;
}

.modal .close {
	background: #fc2e45;
	border-radius: 50%;
	height: 30px;
	width: 30px;
	color: #fff;
	font-family: 'proxima-nova-regular';
	line-height: 30px;
	text-align: center;
	display: block;
	position: absolute;
	top: -10px;
	right: -10px;
	font-size: 30px;
	transform: rotate(45deg);
}

.modal h3 {
	color: #fc2e45;
	margin-bottom: 20px;
}

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

.modal ul li {
	margin-bottom: 15px;
}

.page-template-page-landing .modal {
	max-width: 500px;
}

@media screen and (min-width: 768px) and (max-width: 1220px) {
	.social-links,
	.menu,
	.menu-close {
		right: 20px;
		margin-right: 0;
	}
	.logo {
		left: 20px;
		margin-left: 0;
	}
	header.title h5,
	header.title h1 {
		max-width: calc(100% - 120px);
		margin: 0 0 0 40px;
		box-sizing: border-box;
	}
	
	main .main-content {
		max-width: 100%;
	}
}

@media screen and (max-width: 767px) {
	.logo {
		left: 10px;
		margin-left: 0;
	}
	.social-links,
	.menu, .menu-close {
		right: 20px;
		margin-top: 10px;
		margin-right: 0;
	}
	.social-links {
		display: none;
	}
	.filter ul,
	header.title .block-quote,
	main .main-content,
	.featured-posts .posts,
	.footer-separator-callout,
	header.title h5,
	header.title h1,
	.person .bio,
	.related-case-studies .cases,
	.clients-container,
	.site-footer,
	.suggested-posts .posts,
	.two-col {
		width: auto;
	}
	header.title h1 {
		font-size: 60px;
		line-height: .8;
	}
	header.title h5 {
		font-size: 14px;
	}
	header.title h1,
	header.title h5 {
		padding-left: 30px;
	}
	header.title .block-quote {
		margin-left: 30px;
		padding-right: 30px;
	}
	.featured-post,
	.featured-post:last-child {
		margin: 0 auto 80px;
		float: none;
	}
	.featured-post:last-child {
		margin-bottom: 0;
	}
	.footer-separator {
		height: auto;
		line-height: initial;
		text-align: center;
		padding: 20px 0 40px;
	}
	.footer-separator-callout strong {
		float: none;
		display: block;
		position: relative;
		top: 0;
		transform: none;
	}
	.footer-separator-callout .button {
		float: none;
		margin-top: 10px;
		display: inline-block;
	}
	.site-footer {
		text-align: center;
		padding: 100px 0 120px;
		display: block;
	}
	.site-footer ul {
		display: none;
	}
	.site-footer .social-footer {
		display: block;
	}
	.site-footer .company-info {
		float: none;
		margin: 0 auto;
		display: inline-block;
		text-align: left;
	}
	.company-info a {
		display: inline-block;
	}
	.site-footer-wrapper .copyright {
		height: auto;
		line-height: initial;
		line-height: 1.7;
		padding: 20px 0;
	}
	.page-template-page-about .main-content h2 {
		font-size: 35px;
	}
	.crew {
		padding: 0 6px;
	}
	.crew .person {
		width: 50%;
		padding: 12px 6px;
		position: relative;
	}
	.has-bio-open .crew,
	.has-bio-open .crew .person {
		padding-left: 0;
		padding-right: 0;
	}
	.person.open .bio img,
	.person.open .bio .writeup {
		float: none;
		width: auto;
	}
	.person.open .bio img {
		width: 100%;
		height: auto;
	}
	.bio .bio-close {
		top: 10px;
		right: 10px;
		position: fixed;
	}
	.person.open .bio .writeup {
		height: auto;
		overflow-y: auto;
	}
	.person .bio {
		position: fixed;
	    height: 100%;
	    top: 0;
	    left: 0;
	    margin: 0;
	    overflow-y: scroll;
   	}
   	.person .plus {
	   	width: 68px;
	    height: 68px;
	    display: block;
	    position: absolute;
	    bottom: 12px;
	    right: 6px;
   	}
   	.person .plus:before {
	   	content: "+";
	   	position: absolute;
	   	bottom: 4px;
	   	right: 13px;
	   	color: #fff;
	   	font-size: 30px;
   	}
   	.instagram-feed a {
	   	width: 50%;
   	}
   	.instagram-feed a:last-child {
	   	display: none;
   	}
   	.suggested-posts > h2,
   	.featured-posts > h2,
   	.related-case-studies > h2 {
	   	font-size: 30px;
	   	line-height: 1;
   	}
   	.main-content h2,
   	.sidebar h2,
   	.posts h2,
   	.sidebar h3 {
	   	font-size: 30px;
   	}
   	.footer-separator-callout strong {
	   	font-size: 28px;
	   	line-height: 1.3;
	   	margin-bottom: 20px;
   	}
   	.has-menu-open .site-menu {
	   	text-align: center;
   	}
   	.site-menu ul {
	   	width: auto;
	   	display: inline-block;
   	}
   	.site-menu ul a {
	   	font-size: 30px;
	   	padding: 10px 0;
   	}
   	.services-list li {
	   	padding: 60px 10px;
   	}
   	.services-list h2 a {
	   	font-size: 50px;
	   	padding-top: 0;
   	}
   	.services-list .learn-more {
	   	position: relative;
	   	z-index: 2;
	   	font-size: 18px;
   	}
   	.services-list .num {
	   	font-size: 328px;
   	}
   	.services-list i {
	   	font-size: 38px;
	   	top: 6px;
   	}
   	.other-services {
	   	padding: 0 20px;
   	}
   	.other-services li {
	   	float: none;
	   	width: auto;
   	}
   	.other-services a {
	   	font-size: 18px;
   	}
   	.header-num {
	   	font-size: 80vw;
   	}
   	.ebook {
	   	margin: 28px;
	   	padding: 0;
	   	padding: 70px 25px 300px;
   	}
   	.ebook img {
	   	left: -28px;
   	}
   	.ebook h2 a {
	   	font-size: 49px;
	   	text-transform: none;
   	}
   	.ebook p {
	   	display: none;
   	}
   	.ebook .link {
	   	position: static;
   	}
   	.page-template-page-case-study main .main-content {
	   	padding: 60px 20px 0;
   	}
   	.case-study-sections .padded {
	   	width: auto;
   	}
   	
   	.cases article,
   	.cases article:last-child {
	   	width: auto;
	   	margin: 20px;
	   	float: none;
   	}
   	.clients-container .client {
	   	width: 33%;
   	}
   	.posts article {
	   	width: auto;
	   	margin: 20px;
	   	float: none;
   	}
   	.page-template-page-blog .filter ul,
   	.archive .filter ul {
	   	height: auto;
	   	padding: 0 20px;
   	}
   	.page-template-page-blog header.title h1,
   	.archive header.title h1 {
	   	width: auto;
	   	padding-right: 0;
   	}
   	.two-col .main-content,
   	.two-col .sidebar {
	   	width: auto;
	   	float: none;
	   	padding: 20px;
	   	clear: both;
   	}
   	.two-col .sidebar {
		border-top: 1px solid #ccc;
		margin-top: 40px;
		float: left;
		padding-top: 40px;
		width: 100%;
		box-sizing: border-box;
   	}
   	.main-content .gfield {
	   	width: 100%;
	   	float: none;
	   	padding: 0 0 26px;
   	}
   	.single-post .title h1 {
	   	font-size: 60px;
	   	line-height: 1;
   	}
   	.single-post .main-content {
	   	padding: 20px;
   	}
   	.main-content ol li > strong {
	   	font-size: 25px;
   	}
   	.main-content blockquote, .main-content blockquote p {
	   	font-size: 20px;
   	}
   	.posts article h2 {
	   	font-size: 35px;
   	}
   	.suggested-posts .button {
	   	background-color: #ff2537;
	   	color: #fff;
   	}
   	.project.half-width {
	   	float: none;
	   	width: 100%;
   	}
   	#fp-nav.right {
	   	display: none;
   	}
   	.home .section:before {
	   	display: none;
   	}
   	.home .text {
	   	transform: translateY(-30%);
   	}
   	.home .section h2 {
	   	font-size: 60px;
	   	line-height: .8;
   	}
   	.home .section h3 {
	   	font-size: 20px;
	   	line-height: 1;
	   	padding-top: 20px;
   	}
   	.home .section .button-arrow {
	   	display: block;
	   	margin-top: 5px;
   	}
   	.home .pagination {
	   	display: none;
   	}
   	.home .text-container {
	   	border: 0;
	   	width: auto;
	   	padding: 0 30px;
   	}
   	.home.admin-bar .logo,
   	.home .logo {
	   	top: 40px;
   	}
   	.home.admin-bar .menu,
   	.home.admin-bar .menu-close,
   	.home .menu,
   	.home .menu-close {
	   	top: 47px;
   	}
   	.home .logo, .home .menu,
   	.home .menu-close, .home .social-links {
	   	position: absolute;
   	}
   	.filter ul {
	   	padding: 0 20px;
   	}
   	.project.first.half-width,
   	.project.last.half-width {
	   	margin: 0 0 10px;
	   	width: 100%;
   	}
   	.project .content-container {
	   	position: relative;
	   	padding: 30px 20px;
	   	width: auto;
	   	transform: none;
   	}
   	header.title {
	   	overflow: hidden;
   	}
   	header.title .block-quote h2 {
	   	line-height: 1.3;
   	}
   	.sidebar h3 {
	   	line-height: 1;
	   	font-size: 23px;
	   	margin: 30px 0 0;
   	}
   	.featured-post img {
	   	transform: translate(0, 0);
	   	margin-bottom: 30px;
   	}
   	.fixed-nav .menu {
	   	display: none;
   	}
   	.main-content .gform_wrapper {
	   	margin: 0;
   	}
   	.page-template-page-contact .main-content .gform_wrapper {
	   	margin: 13px 0 0;
   	}
   	.page-template-page-landing .ebook {
	   	padding: 120px 0 0;
	   	margin: 80px 0 0;
   	}
   	.page-template-page-landing .main-content {
	   	padding: 20px;
   	}
   	.left-button .gform_footer .button,
   	.main-content .gform_footer .button {
	   	margin-left: 0;
	   	margin-right: 0;
   	}
   	.page-template-page-about main .main-content.mobile-content-padding {
	   	padding: 20px;
   	}   	
}

header.title h6 { max-width: 1000px; margin: 0 auto; color: #202020; font-size: 30px; font-family: "proxima-nova-black"; padding-left: 30px; box-sizing: border-box; }
body .other-services { padding: 0 40px; }
body .other-services ul { margin-left: 0; margin-bottom: 55px; }
body .other-services li { list-style: none; padding-left: 0; margin-bottom: 5px; }
body .other-services a { font-size: 20px; display: block; border: 0; color: #000; padding: 5px 0; }
body .other-services .child-service a:hover { color: #000; text-decoration: underline; }
body .other-services li.headline a { font-family: "proxima-nova-bold"; color: #ff0000; font-size: 22px; text-transform: uppercase; border-bottom: 4px solid #ff0000; padding-bottom: 5px; margin-bottom: 20px; line-height: 1.2; }
body .other-services li { float: none; width: auto; }

.other-services-container {
	background: url('/wp-content/uploads/2018/10/background-brand-purpose.jpg') 50% 50% no-repeat;
	background-size: cover;
}

.ebook-container-indivdual-service {
	background: url('/wp-content/uploads/2018/10/background-brand-purpose.jpg') 50% 50% no-repeat;
	background-size: cover;
}

@media screen and (min-width: 1024px) {
    header.title h6 { padding-left: 0; }
    .services-text-list { display: flex; justify-content: space-around; flex-wrap: wrap; }
    .services-text-list ul { width: calc(33.33% - 30px); }
    body .services-list li { background-size: 50% auto; background-position: top right; background-repeat: no-repeat; }
    body .services-list h2 a { font-size: 62px; padding-right: 50%; }
    
    body .other-services { text-align: center; }
    body .other-services li.headline a { border: 0; margin-bottom: 5px; }
}