a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline
}
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:after, blockquote:before, q:after, q:before {
	content: '';
	content: none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
.animated {
	-webkit-animation-duration: 400ms;
	animation-duration: 400ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
@-webkit-keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translate3d(0, -10%, 0);
transform:translate3d(0, -10%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translate3d(0, -10%, 0);
transform:translate3d(0, -10%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}
@-webkit-keyframes fadeOutDown {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(0, 10%, 0);
transform:translate3d(0, 10%, 0)
}
}
@keyframes fadeOutDown {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(0, 10%, 0);
transform:translate3d(0, 10%, 0)
}
}
.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown
}
.owl-carousel .animated {
	-webkit-animation-duration: 1000ms;
	animation-duration: 1000ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
.owl-carousel .owl-animated-in {
	z-index: 0
}
.owl-carousel .owl-animated-out {
	z-index: 1
}
.owl-carousel .fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut
}
@-webkit-keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
@keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
.owl-height {
	transition: height 500ms ease-in-out
}
.owl-carousel {
	display: none;
	-webkit-tap-highlight-color: transparent;
	z-index: 1
}
.owl-carousel .owl-stage {
	position: relative;
	-ms-touch-action: pan-Y
}
.owl-carousel .owl-stage:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}
.owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
	-webkit-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-controls .owl-dot, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-nav .owl-prev {
	cursor: pointer;
	cursor: hand;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.owl-carousel.owl-loaded {
	display: block
}
.owl-carousel.owl-loading {
	opacity: 0;
	display: block
}
.owl-carousel.owl-hidden {
	opacity: 0
}
.owl-carousel .owl-refresh .owl-item {
	display: none
}
.owl-carousel .owl-item {
	position: relative;
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.owl-carousel .owl-item img {
	display: block;
	width: 100%
}
.owl-carousel.owl-text-select-on .owl-item {
	-webkit-user-select: auto;
	-moz-user-select: auto;
	-ms-user-select: auto;
	user-select: auto
}
.owl-carousel .owl-grab {
	cursor: move;
	cursor: -webkit-grab;
	cursor: -o-grab;
	cursor: -ms-grab;
	cursor: grab
}
.owl-carousel.owl-rtl {
	direction: rtl
}
.owl-carousel.owl-rtl .owl-item {
	float: right
}
.no-js .owl-carousel {
	display: block
}
.owl-carousel .owl-item .owl-lazy {
	opacity: 0;
	transition: opacity 400ms ease
}
.owl-carousel .owl-item img {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}
.owl-carousel .owl-video-wrapper {
	position: relative;
	height: 100%;
	background: #000
}
.owl-carousel .owl-video-play-icon {
	position: absolute;
	height: 80px;
	width: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	background: url(../images/owl.video.play.png) no-repeat;
	cursor: pointer;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	transition: scale 100ms ease
}
.owl-carousel .owl-video-play-icon:hover {
	transition: scale(1.3, 1.3)
}
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
	display: none
}
.owl-carousel .owl-video-tn {
	opacity: 0;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	transition: opacity 400ms ease
}
.owl-carousel .owl-video-frame {
	position: relative;
	z-index: 1
}
.valigner {
	display: table;
	height: 100%;
	width: 100%
}
.valigner__cell {
	display: table-cell;
	vertical-align: middle;
	width: 100%
}
.owl-carousel .valigner, .owl-carousel .valigner__cell {
	pointer-events: none
}
.cf:after, .cf:before {
	content: " ";
	display: table
}
.cf:after {
	clear: both
}
@font-face {
	font-family: 'Open Sans', sans-serif;
	
}
.pure-g [class*=pure-u], button, html, input, select, textarea {
	font-family: "Akzidenz Grotesk", HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif
}
a {
	text-decoration: none;
	color: inherit
}
a:hover {
	color: inherit;
	text-decoration: underline
}
a.active:hover, a[href*='tel:']:hover {
	text-decoration: none
}
em {
	font-style: italic
}
strong {
	font-weight: 700
}
blockquote p {
	font-size: 1.5625em;
	line-height: 1.3;
	color: #0093d0;
	display: inline-block;
	position: relative;
	text-indent: -8px
}
h3 {
	color: #707070;
	line-height: 20px;
	font-size:22px;
}
@media (min-width:48em) {
blockquote p {
	font-size: 1.75em
}
}

@media (min-width:64em) {
blockquote p {
	font-size: 1.875em
}
}
blockquote footer {
	margin-top: 10px
}
.blue {
	color: #0093d0
}
.button {
	position: relative;
	color: #0093d0;
	padding: 3px 15px 5px;
	border-radius: 3px;
	border: 1px solid #0093d0;
	transition: all 150ms linear
}
.button:hover {
	background: #0093d0;
	color: #fff;
	text-decoration: none
}
p>a:hover {
	color: #0093d0
}
.kern {
	display: inline!important
}
html {
	box-sizing: border-box
}
*, :after, :before {
	box-sizing: inherit;
	margin: 0;
	padding: 0
}
body, html {
	height: 100%;
	width: 100%
}
html {
	-webkit-font-smoothing: antialiased;
	-webkit-tap-highlight-color: transparent
}
body {
	background: #fff;
	font-family: "Open Sans", HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 16;
	color: #707070;
	position: relative;
	max-width: 1500px;
	margin: 0 auto
}
body.homepage {
	max-width: 100%
}
img {
	width: 100%;
	height: auto;
	vertical-align: middle
}
a.active {
	color: #0093d0
}
.wrapper {
	max-width: 93.75em;
	margin: 0 auto;
	position: relative
}
.wrapper.padded {
	padding: 0 2.5em
}

@media (min-width:64em) {
.wrapper.padded {
	max-width: 46.875em;
	padding: 0
}
}
.container {
	min-height: 100%;
	height: auto!important;
	height: 100%;
	margin: 0 auto -712px
}

@media (min-width:860px) {
.container {
	margin: 0 auto -295px
}
}
.content {
	display: none
}
h2 {
	font-size: 1.5625em;
	line-height: 32px;
	color: #3f81d7
}

@media (min-width:64em) {
h2 {
	font-size: 1.6875em;
	line-height: 35px
}
}
h2+p {
	margin-top: .3125em
}




@media (min-width:64em) {
}
p {
	line-height: 1.5em
}

@media (min-width:64em) {
p {
	font-size: 1.125em
}
}
p>a {
	color: #0093d0
}
.half {
	width: 50%;
	float: left
}

@media (min-width:64em) {
.narrow {
	max-width: 830px;
	margin: 0 auto
}
}
.browsehappy {
	position: fixed;
	background: #fff;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9999
}
.header {
	position: relative;
	width: 100%;
	height: 3.75em;
	z-index: 100;
	background: #fff;
	margin-bottom: 2.5em;
	transition: all 300ms
}

@media (min-width:48em) {
.header {
	height: 160px;
	margin-bottom: 0
}
}
.header-push {
	position: relative
}

@media (min-width:48em) {
.header-push {
	margin-bottom: 6.25em
}
}
.header--open, .homepage {
	top: 0;
	left: 0;
	position: fixed
}

@media (min-width:48em) {
.header--open, .homepage {
	position: relative
}
}
.logo a {
	display: inline-block;
	width: 14.1875em;
	height: 3.95em;
	background: url(/images/brand/logo-resurrection-media.svg) center center no-repeat;
	background-size: 10.25em 1.8375em;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	float: left
}

@media (min-width:48em) {
.logo a {
	width: 24.8125em;
	height: 10.625em;
	background-size: 256px 46px
}
}
.background--dark .logo a {
	background: url(/images/logo-white.svg) center center no-repeat;
	background-size: 5.25em .9375em
}

@media (min-width:48em) {
.background--dark .logo a {
	background-size: 128px 23px
}
}
.logo.logo--insider a {
	background: url(../images/logo-insider.svg) center center no-repeat
}

@media (min-width:48em) {
.logo.logo--insider a {
	margin-top: 0;
	margin-left: 40px
}
}
.nav--main {
	margin-top: 40px;
	display: none;
	float: left
}
.nav--main li {
	display: inline-block
}

@media (min-width:48em) {
.nav--main {
	display: block
}
}

@media (min-width:1150px) {
.nav--main {
	width: 750px;
	position: absolute;
	left: 50%;
	margin-left: -375px
}
}
.nav__item {
	color: #707070;
	font-size: 10px;
	margin-right: 10px;
	display: block;
	text-align:center;
	
}
.nav__item a {
	display: inline-block
}
.nav__item a:hover {
	line-height: .8;
	text-decoration: none;
	border-bottom: 1px solid
}

@media (min-width:48em) {
.nav__item {
	font-size: 20px
}
}
.nav__link {
	margin-right: 10px
}
.nav__link.active {
	display: inline-block;
	line-height: .8
}
.nav--mobile {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: red!important;
	z-index: 99
}
.nav--mobile a:hover {
	text-decoration: none
}
.nav--mobile::before {
	content: '';
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #fff;
	z-index: -1
}
.nav--mobile .nav__menu {
	opacity: 0;
	padding-left: 2.5em;
	line-height: 2.5em
}
.nav--mobile .nav__item {
	color: #3f81d7
}

@media (min-width:48em) {
.nav--mobile {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: red!important;
	z-index: 99
}
}
.mobile--open {
	opacity: 1!important
}
.menu__icon {
	cursor: pointer;
	text-align: left;
	width: 6.25em;
	height: 3.75em;
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0
}
.menu__icon .bars {
	background: #3f81d7;
	height: .125em;
	width: 1.25em;
	position: absolute;
	top: 39%;
	left: 2.5em;
	margin-top: -.0625em
}
.menu__icon .bars:after, .menu__icon .bars:before {
	content: "";
	background: #3f81d7;
	height: .125em;
	width: 1.25em;
	position: absolute;
	transition: .1s linear;
	top: -.375em
}
.menu__icon .bars:after {
	top: .375em
}
.menu__icon.menu--open .bars {
	background: 0 0;
	transition: all .1s linear
}
.menu__icon.menu--open .bars:after {
	top: 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
.menu__icon.menu--open .bars:before {
	top: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

@media (min-width:48em) {
.menu__icon {
	cursor: pointer;
    text-align: left;
    width: 6.25em;
    height: 3.75em;
    display: inline-block;
    position: absolute;
    top: 40px;
    right: 0;
}
}
.page-heading {
	widows: 100%;
	display: block;
	position: absolute;
	font-size: 1.5625em;
	text-transform: lowercase;
	color: #3F81D7;
	left: 30px;
	bottom: -40px;
	z-index: 99
}
.page-heading h2 {
	display: inline-block;
	margin-right: 60px
}

@media (min-width:48em) {
.page-heading {
	display: none!important
}
}
.filter__button {
	font-size: 16px;
	color: #707070;
	cursor: pointer
}
.logout {
	position: absolute;
	z-index: 500;
	top: 25px;
	right: 20px
}

@media (min-width:48em) {
.logout {
	margin: 18px
}
}
.footer {
	display: none;
	background: #f2f2f2;
	padding: 40px 0 80px;
	font-size: 18px;
	line-height: 1.5
}
.footer .nav__item {
	font-size: 18px
}
.footer ul {
	line-height: 1.5
}
.footer>ul>li {
	padding: 40px 40px 0;
	float: left;
	width: 100%
}

@media (min-width:860px) {
.footer>ul>li {
	width: 25%
}
}
.footer, .push {
	height: 712px
}

@media (min-width:860px) {
.footer, .push {
	height: 295px
}
}
.hover__details {
	width: 100%;
	height: 100%;
	position: absolute;
	background: rgba(255,255,255,.95);
	padding: 2.5em;
	opacity: 0;
	transition: all 300ms
}
.hover__details:hover {
	opacity: 1
}
.hover__details span {
	display: block
}
.hover__details.tapped {
	opacity: 1!important
}
.hover--primary {
	font-size: 1.5em;
	line-height: 32px;
	color: #0093d0
}
.hover--secondary {
	line-height: 20px;
	color: #707070
}
.hover--details {
	margin-top: 2.1875em
}
.grid {
	max-width: 93.75em;
	margin: 0 auto
}
.grid__item {
	width: 100%;
	display: inline-block;
	position: relative;
	float: left;
	overflow: hidden
}
.grid__details {
	top: 0;
	left: 0
}
.block__copy, .block__quote {
	margin: 2.5em
}

@media (min-width:64em) {
.block__copy, .block__quote {
	margin: 5em
}
}

@media (min-width:830px) {
.block__copy, .block__quote {
	max-width: 750px;
	position: relative;
	left: 50%;
	margin-left: -375px
}
}
.block__copy p+p {
	margin-top: 2.5em
}
.block__quote {
	text-align: center
}
.quote--small p {
	font-size: 1em
}

@media (min-width:48em) {
.quote--small p {
	font-size: 18px
}
}
.quote--medium p {
	font-size: 1.125em
}

@media (min-width:48em) {
.quote--medium p {
	font-size: 1.25em
}
}

@media (min-width:80em) {
.quote--medium p {
	font-size: 1.375em
}
}
.quote--large p {
	font-size: 1.375em
}

@media (min-width:48em) {
.quote--large p {
	font-size: 1.625em
}
}

@media (min-width:80em) {
.quote--large p {
	font-size: 2em
}
}
.block__banner {
	padding: 2.5em;
	background: #ccc
}

@media (min-width:64em) {
.block__banner {
	padding: 5em
}
}
.block__banner+.block__banner {
	margin-top: 2.5em
}

@media (min-width:64em) {
.block__banner+.block__banner {
	margin-top: 5em
}
}
.block__image+.block__statistic, .block__video+.block__statistic {
	margin-top: 2.5em;
	border-color: orange
}

@media (min-width:64em) {
.block__image+.block__statistic, .block__video+.block__statistic {
	margin-top: 5em
}
}
.block__statistic {
	margin: 0 auto
}
.block__statistic .circle {
	position: relative;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background: url(../images/circle.svg);
	margin: 0 auto 10px
}

@media (min-width:48em) {
.block__statistic .circle {
	width: 150px;
	height: 150px;
	margin-bottom: 15px
}
}

@media (min-width:64em) {
.block__statistic .circle {
	width: 200px;
	height: 200px;
	margin-bottom: 20px
}
}
.block__statistic .metric {
	position: absolute;
	line-height: 100px;
	font-size: 30px;
	color: #0093d0;
	width: 100%;
	text-align: center
}

@media (min-width:48em) {
.block__statistic .metric {
	font-size: 48px;
	line-height: 150px
}
}

@media (min-width:64em) {
.block__statistic .metric {
	font-size: 60px;
	line-height: 205px
}
}
.block__statistic p {
	text-align: center;
	font-size: 16px;
	line-height: 20px;
	max-width: 50%;
	margin: 0 auto
}

@media (min-width:35.5em) {
.block__statistic p {
	max-width: 40%
}
}

@media (min-width:48em) {
.block__statistic p {
	max-width: 200px
}
}

@media (min-width:64em) {
.block__statistic {
	margin-bottom: 2.5em
}
}
.block__statistic .results {
	color: #0093d0;
	text-align: center;
	padding: 0 1.25em 1.25em;
	font-size: 24px
}

@media (min-width:48em) {
.block__statistic .results {
	font-size: 28px
}
}

@media (min-width:64em) {
.block__statistic .results {
	font-size: 32px
}
}
.size-2 {
	max-width: 800px
}
.size-2 li {
	margin-bottom: 2.5em;
	width: 100%
}

@media (min-width:48em) {
.size-2 li:first-child {
	margin-bottom: 0
}
}
.size-2 li:last-child {
	margin-bottom: 0
}

@media (min-width:48em) {
.size-2 li {
	width: 50%;
	float: left
}
}
.size-3 {
	max-width: 1120px
}
.size-3 li {
	margin-bottom: 2.5em;
	width: 100%
}

@media (min-width:48em) {
.size-3 li {
	width: 33.3333%;
	float: left
}
}
.login {
	width: 300px;
	margin: 50px auto
}
.login .logo a {
	display: block;
	width: 163px;
	left: 50%;
	position: relative;
	margin-left: -81px
}
.login label {
	font-size: 16px;
	display: block;
	clear: both;
	margin-bottom: 5px
}
.login input[type=password], .login input[type=text] {
	width: 100%;
	padding: 5px;
	margin-bottom: 15px;
	font-size: 15px;
	color: #707070
}
.login .remember {
	float: right
}
.owl-carousel {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-top: 60px
}

@media (min-width:48em) {
.owl-carousel {
	padding-top: 160px
}
}
.owl-carousel .item {
	height: 100%;
	background: #f2f2f2
}
.owl-carousel .item a {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden
}
.owl-carousel .owl__image {
	width: 100%;
	height: 100%;
	background-size: cover
}
.owl-carousel .overlay {
	top: 0;
	left: 0;
	position: absolute;
	color: #0093d0;
	width: 100%;
	text-align: center;
	font-size: 22px
}
.owl-carousel .overlay p {
	max-width: 80%;
	margin: 0 auto;
	background: rgba(255,255,255,.8);
	border-radius: 3px;
	padding: 20px;
	line-height: 1.1
}

@media (min-width:35.5em) {
.owl-carousel .overlay p {
	max-width: 70%
}
}

@media (min-width:48em) {
.owl-carousel .overlay p {
	max-width: 55%
}
}

@media (min-width:64em) {
.owl-carousel .overlay p {
	max-width: 40%
}
}

@media (min-width:48em) {
.owl-carousel .overlay {
	font-size: 26px
}
}

@media (min-width:64em) {
.owl-carousel .overlay {
	font-size: 32px
}
}
.item-video, .owl-item, .owl-stage, .owl-stage-outer {
	height: 100%
}
.owl-next, .owl-prev {
	cursor: pointer;
	position: absolute;
	z-index: 99;
	background: url(../images/arrow.svg) center center no-repeat;
	background-size: 52px 100px;
	width: 52px;
	height: 100px;
	top: 53%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: none!important;
	border-radius: 50%
}

@media (min-width:48em) {
.owl-next, .owl-prev {
	display: block!important
}
}
.owl-prev {
	left: 40px;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}
.owl-next {
	right: 40px
}
.owl-dots {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	height: 110px;
	line-height: 110px
}
.owl-controls {
	text-align: center!important
}
.owl-dot {
	width: .625em;
	height: .625em;
	border: 2px solid #3f81d7;
	background: 0 0;
	display: inline-block;
	border-radius: 50%;
	margin: 0 10px
}
.owl-dot:first-child {
	margin-left: 0
}
.owl-dot:last-child {
	margin-right: 0
}
.owl-dot.active {
	background: #3f81d7
}
.work .grid__item {
	display: none
}

@media (min-width:1000px) {
.work .grid__item {
	width: 33.333333%
}
}

@media (min-width:650px) {
.work .grid__item {
	width: 50%
}
}

@media (min-width:1000px) {
.work .grid__item {
	width: 33.333333%
}
}
.work .hover--secondary {
	max-width: 75%
}

@media (min-width:600px) {
.work .hover--secondary {
	max-width: 100%
}
}

@media (min-width:64em) {
.work .hover--secondary {
	max-width: 75%
}
}

@media (min-width:48em) {
.work .grid__item:nth-child(1), .work .grid__item:nth-child(2), .work .grid__item:nth-child(3), .work .grid__item:nth-child(4) {
	width: 50%
}
}

@media (min-width:500px) {
.work .grid__item:nth-child(1).sorting, .work .grid__item:nth-child(2).sorting, .work .grid__item:nth-child(3).sorting, .work .grid__item:nth-child(4).sorting {
	width: 50%
}
}

@media (min-width:1000px) {
.work .grid__item:nth-child(1).sorting, .work .grid__item:nth-child(2).sorting, .work .grid__item:nth-child(3).sorting, .work .grid__item:nth-child(4).sorting {
	width: 33.333333%
}
}
.work--sorting li {
	width: 100%!important
}

@media (min-width:500px) {
.work--sorting li {
	width: 50%!important
}
}

@media (min-width:1000px) {
.work--sorting li {
	width: 33.33333%!important
}
}
.filters {
	position: relative;
	margin: 2.5em
}

@media (min-width:48em) {
.filters {
	margin: 0 2.5em 5.25em 12.8125em
}
}

@media (min-width:1150px) {
.filters {
	width: 750px;
	left: 50%;
	margin-left: -375px
}
}
.filters li {
	word-spacing: -3px;
	line-height: 2.25em
}

@media (min-width:48em) {
.filters li {
	line-height: 1;
	display: inline-block;
	margin-right: .9375em
}
}
.intro {
	margin: 2.5em 0;
	padding: 0 2.5em
}
.intro h2 {
	line-height: 1.1;
	margin-bottom: 10px
}

@media (min-width:64em) {
.intro h2 {
	font-size: 48px;
	margin-bottom: 20px
}
}
.intro h3 {
	margin-bottom: 2.5em
}

@media (min-width:64em) {
.intro h3 {
	font-size: 24px;
	margin-bottom: 80px
}
}

@media (min-width:64em) {
.intro {
	position: relative;
	max-width: 750px;
	margin: 6.25em 0 5em -375px;
	padding: 0;
	left: 50%
}
}
.video-container {
	position: relative;
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%
}
.video-container .map-holder, .video-container embed, .video-container iframe, .video-container object, .video-container video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.video-container .play {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/play.svg) center center no-repeat;
	background-size: 60px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	z-index: 50
}

@media (min-width:48em) {
.video-container .play {
	background-size: 75px
}
}

@media (min-width:80em) {
.video-container .play {
	background-size: 90px
}
}
.paginate .arrow {
	height: 3.75em;
	vertical-align: top
}
.categories {
	font-size: 1em;
	line-height: 24px;
	margin-top: 1.25em
}

@media (min-width:64em) {
.categories {
	font-size: 1.125em
}
}
.categories li {
	width: 50%;
	float: left
}

@media (min-width:35.5em) {
.categories li {
	width: 33.3333%
}
}
.clients {
	max-width: 1250px;
	width: 100%;
	margin: 0 auto;
	padding: 0 1.875em
}

@media (min-width:64em) {
.clients {
	padding: 0
}
}
.clients li {
	width: 100%;
	height: 100%
}
.clients li a:hover>div {
	opacity: .7
}
.clients .logo {
	float: left;
	display: inline-block;
	width: 50%;
	padding-top: 50%
}

@media (min-width:35.5em) {
.clients .logo {
	width: 33.3333%;
	padding-top: 33.3333%
}
}

@media (min-width:48em) {
.clients .logo {
	width: 25%;
	padding-top: 25%
}
}

@media (min-width:64em) {
.clients .logo {
	width: 20%;
	padding-top: 20%
}
}
.experience li {
	margin-bottom: 40px
}

@media (min-width:500px) {
.experience li {
	width: 50%;
	float: left
}
}

@media (min-width:48em) {
.experience li {
	width: 33.33333%
}
}
.experience li p {
	line-height: 1.2;
	margin: 0;
	padding: 0
}
.experience h3 {
	color: #0093d0;
	font-size: 20px
}

@media (min-width:48em) {
.experience h3 {
	font-size: 24px;
	line-height: 1.3
}
}
.values li {
	margin-top: 50px;
	overflow: auto
}
.values .icon {
	text-align: center
}

@media (min-width:700px) {
.values .icon {
	float: left;
	width: 30%
}
}
.values img {
	position: relative;
	background: #0093d0;
	border-radius: 50%;
	width: 50%;
	max-width: 180px
}

@media (min-width:700px) {
.values img {
	max-width: 100%;
	width: 100%
}
}
.values h3 {
	color: #0093d0;
	font-size: 22px;
	margin: 25px 0 15px;
	line-height: 1.2
}

@media (min-width:700px) {
.values h3 {
	margin-top: 0
}
}
.values__details {
	max-width: 100%;
	float: left
}

@media (min-width:700px) {
.values__details {
	width: 70%;
	padding-left: 30px
}
}

@media (min-width:600px) {
.people .grid__item {
	width: 50%
}
}

@media (min-width:1000px) {
.people .grid__item {
	width: 33.333333%
}
}
.people p a:hover {
	color: #0093d0
}
.blog .grid__item, .grid--insider .grid__item {
	margin-bottom: 5em
}

@media (min-width:600px) {
.blog .grid__item, .grid--insider .grid__item {
	width: 50%
}
}

@media (min-width:1000px) {
.blog .grid__item, .grid--insider .grid__item {
	width: 33.333333%
}
}
.blog .button, .grid--insider .button {
	top: 20px
}
.blog .play, .grid--insider .play {
	background-size: 60px
}
.date {
	font-size: .8125em
}

@media (min-width:64em) {
.date {
	font-size: .875em
}
}
article {
	padding: 2.5em;
	heigth: 50%
}
article p {
	margin-top: 1.875em;
	max-height: 120px
}
article a:hover {
	text-decoration: none
}
.postdate {
	font-size: .875em;
	letter-spacing: -.5px
}
.paginate {
	padding: 0 2.5em;
	margin: 2.5em 0
}

@media (min-width:64em) {
.paginate {
	margin: 5em 0
}
}
.paginate.paginate--two li, .paginate.paginate--two li:nth-child(2) {
	width: 50%
}
.paginate li {
	width: 40%;
	float: left;
	line-height: 1.2;
	color: #0093d0;
	height: 3.75em!important
}
.paginate li:nth-child(2) {
	width: 20%
}
.paginate li:last-child {
	text-align: right
}
.paginate .grid a {
	width: 100%;
	height: 100%;
	display: block;
	background: url(/dist/images/grid.svg) center center no-repeat;
	background-size: 2.1875em;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden
}

@media (min-width:48em) {
.paginate .grid a {
	background-size: 3.125em
}
}

@media (min-width:64em) {
.paginate .grid a {
	background-size: 3.75em
}
}
.paginate a {
	text-transform: lowercase;
	color: #0093d0
}
.paginate a .desktop__copy {
	display: none
}

@media (min-width:48em) {
.paginate a .desktop__copy {
	display: block
}
}

@media (min-width:48em) {
.paginate a .mobile__copy {
	display: none
}
}
.arrow {
	display: inline-block;
	height: 100%
}
.prev {
	margin-right: 5px
}
.next {
	margin-left: 5px
}
.single {
	max-width: 1000px;
	margin-bottom: 2.5em
}
.social {
	color: red;
	float: right
}
.blog__body {
	padding: 0 2.5em;
	width: 100%;
	margin-top: 2.5em
}

@media (min-width:64em) {
.blog__body {
	max-width: 750px;
	margin: 2.5em auto;
	padding: 0
}
}
.blog__body p+p {
	margin-top: 20px
}
.blog__body a:hover {
	color: #0093d0
}
ul.contact {
	max-width: 77.5em;
	text-align: center;
	margin: 40px auto
}

@media (min-width:64em) {
ul.contact {
	margin-top: 5em;
	margin-bottom: 5em
}
}
ul.contact div {
	line-height: 1.4
}

@media (min-width:64em) {
ul.contact div {
	font-size: 18px
}
}
ul.contact li {
	position: relative;
	width: 100%;
	float: left;
	margin-bottom: 2.5em
}

@media (min-width:35.5em) {
ul.contact li {
	width: 50%;
	margin-bottom: 2.5em
}
ul.contact li:nth-child(odd) {
	left: 5%
}
ul.contact li:nth-child(even) {
	left: -5%
}
ul.contact li:nth-child(5) {
	margin-bottom: 0;
	width: 100%;
	margin-left: -5%
}
}

@media (min-width:64em) {
ul.contact li {
	width: 33.33333%!important;
	padding: 0;
	margin-bottom: 0!important;
	left: 0!important
}
ul.contact li:nth-child(1), ul.contact li:nth-child(2), ul.contact li:nth-child(3) {
	width: 20%
}
ul.contact li:nth-child(4), ul.contact li:nth-child(5) {
	margin-left: 0
}
}
ul.contact li:last-child {
	margin-bottom: 0
}
ul.contact img {
	max-width: 100px;
	margin-bottom: 10px
}

@media (min-width:35.5em) {
ul.contact img {
	max-width: 125px;
	margin-bottom: 15px
}
}

@media (min-width:35.5em) {
ul.contact img {
	max-width: 160px;
	margin-bottom: 22px
}
}

@media (min-width:80em) {
ul.contact img {
	max-width: 200px;
	margin-bottom: 30px
}
}
ul.contact a {
	color: #707070
}
.map-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0
}
.map-container .map-holder {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
ul.offices .address {
	padding: 0 40px 40px
}
ul.offices li {
	width: 100%;
	margin-bottom: 40px
}

@media (min-width:48em) {
ul.offices li {
	width: 50%;
	float: left;
	margin-bottom: 0
}
ul.offices li:first-child .map-container {
	border-right: 10px solid #fff
}
ul.offices li:last-child .map-container {
	border-left: 10px solid #fff
}
}
ul.offices .location {
	margin-top: 20px
}
ul.offices .button {
	display: inline-block;
	margin-top: 20px
}
ul.offices .phone--type {
	width: 10px;
	display: inline-block
}
a[href^=tel], a[href^=tel]:hover {
	color: inherit
}
.jobs {
	margin-top: 40px
}
.jobs .title {
	font-size: 22px;
	color: #0093d0;
	margin-bottom: 10px
}
.jobs li {
	margin-top: 2.5em
}
.jobs .button {
	margin: 1.25em 0 3.75em;
	display: inline-block
}
.jobs .description {
	margin-top: 0
}
body.body--insider {
	padding-top: 65px
}

@media (min-width:768px) {
body.body--insider {
	padding-top: 100px
}
}
.header--insider {
	position: fixed;
	top: 0;
	left: 0;
	height: 65px
}

@media (min-width:768px) {
.header--insider {
	height: 100px
}
}
.header--insider:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 7px;
	background: linear-gradient(rgba(0,0,0,.05), transparent);
	bottom: -7px
}
.header--insider .menu__icon {
	display: none
}

@media (min-width:768px) {
.header--insider .nav__menu {
	margin-right: 120px
}
}

@media (min-width:1150px) {
.header--insider .nav__menu {
	position: absolute;
	margin-left: 80px
}
}

@media (min-width:1280px) {
.header--insider .nav__menu {
	margin-left: 0
}
}
.header--insider .nav--main {
	position: absolute!important;
	top: 0!important;
	right: 0!important
}
.logo.logo--insider a {
	padding: 0;
	margin-top: 0;
	margin-left: 30px
}
.grid--services {
	padding: 0 10px
}
.grid--services .grid__item {
	margin-bottom: 3em
}
.grid--services h5, .grid--services p {
	padding: 0 40px
}
.grid--services h5 {
	color: #0093d0;
	font-size: 22px;
	margin: 20px 0 10px
}
.grid--services p {
	font-size: 16px
}
.grid--services img {
	padding: 10px
}
.business-focus li {
	width: 100%;
	float: left;
	margin: 25px 0 40px
}

@media (min-width:500px) {
.business-focus li {
	width: 45%;
	margin-right: 10%
}
.business-focus li:nth-child(2n) {
	margin-right: 0
}
}
.business-focus li .circle {
	background: #0093d0;
	width: 120px;
	height: 120px;
	border-radius: 100%;
	color: #fff;
	text-align: center;
	line-height: 120px;
	font-size: 18px;
	margin-bottom: 15px
}
.business-focus a {
	color: #0093d0;
	display: inline-block;
	margin-top: 15px
}
.insider-back {
	color: #0093d0;
	display: inline-block
}
.all-insider-news {
	position: relative;
	top: 3px
}

@media (min-width:500px) {
.all-insider-news {
	float: right;
	top: -80px
}
}

@media (min-width:1500px) {
.all-insider-news {
	left: 20px
}
}
.insider-partner-details {
	padding: 40px
}
.insider-stats .number-cheat {
	position: relative;
	left: -12px
}
.insider-stats li {
	width: 100%;
	float: left;
	padding: 20px 40px
}

@media (min-width:500px) {
.insider-stats li {
	width: 50%
}
}

@media (min-width:900px) {
.insider-stats li {
	width: 25%
}
}

@media (min-width:1024px) {
.insider-stats li {
	padding: 0 40px 40px
}
}
.insider-stats li span {
	color: #0093d0;
	font-size: 60px;
	letter-spacing: -4px;
	position: relative;
	left: -2px
}

@media (min-width:1024px) {
.insider-stats li span {
	font-size: 80px;
	left: -4px
}
}
.insider-stats li p {
	font-size: 16px
}

@media (min-width:1024px) {
.insider-stats li p {
	font-size: 22px
}
}
.logout-button {
	color: #8b8b8b;
	border: 1px solid #bfbfbf;
	padding: 3px 5px 2px;
	border-radius: 2px;
	font-size: 18px;
	font-weight: 400;
	display: inline;
	transition: color 200ms, border-color 200ms
}
.logout-button:hover {
	color: #0093d0;
	border-color: currentColor;
	text-decoration: none
}
.awards {
	margin: 30px 0;
	text-align: center
}
.awards li {
	float: left;
	width: 50%;
	padding: 20px
}

@media (min-width:750px) {
.awards li {
	width: 33.33333%
}
}

@media (min-width:1200px) {
.awards li {
	width: 16.666666667%
}
}
.awards img {
	max-width: 130px
}
.awards p {
	margin-top: 15px;
	font-size: 13px
}
.awards p>span {
	color: #0093d0;
	font-size: 24px;
	margin-right: 7px;
	position: relative;
	top: 3px
}

@media (min-width:750px) {
.insider--heading {
	font-size: 2em
}
}
.people--leadership .hover--details {
	display: none
}

@media (min-width:750px) {
.people--leadership .hover--details {
	display: block
}
}
.people--leadership .hover__details {
	position: relative;
	display: block;
	opacity: 1
}

@media (min-width:750px) {
.people--leadership .hover__details {
	opacity: 0;
	position: absolute!important
}
.people--leadership .hover__details:hover {
	opacity: 1;
	top: 0;
	left: 0;
	z-index: 999999
}
}
.insider-back {
	margin: 30px
}