.anti-aliased,
body.p-work .launch-nav {
    -webkit-font-smoothing: antialiased
}
.backface-hidden {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}
.gpu-cache-trick,
.video-shuffle,
.video-shuffle video,
.video-shuffle img,
.video-shuffle .fallback,
.drag-slider,
.drag-slider .slides,
.page-down-arrow,
header {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -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);
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    -o-perspective: 1000;
    perspective: 1000
}
.full-screen {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%
}
.no-touch-fx,
.spokey img,
.page-down-arrow {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-drag: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    touch-callout: none;
    user-drag: none;
    tap-highlight-color: rgba(0, 0, 0, 0)
}
html,
body {
    margin: 0;
    padding: 0
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
cite,
code,
del,
dfn,
em,
img,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dd,
dl,
dt,
li,
ol,
ul,
fieldset,
form,
label,
legend,
button,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: normal;
    font-style: normal;
    font-size: 100%;
    line-height: 1;
    font-family: inherit
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
ol,
ul {
    list-style: none
}
q:before,
q:after,
blockquote:before,
blockquote:after {
    content: ""
}
html {
    overflow-y: scroll;
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}
a:focus {
    outline: none
}
a:hover,
a:active {
    outline: none
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block
}
audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1
}
audio:not([controls]) {
    display: none
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
sup {
    top: -0.5em
}
sub {
    bottom: -0.25em
}
img {
    border: 0;
    -ms-interpolation-mode: bicubic
}
button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle
}
button,
input {
    line-height: normal;
    *overflow: visible
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button
}
input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}
textarea {
    overflow: auto;
    vertical-align: top
}
@font-face{font-family:"proxima-nova-extra-condensed";src:url("../fonts/246C22_2_0.eot");src:url("../fonts/246C22_2_0-.eot#iefix") format("embedded-opentype"),
url("../fonts/246C22_2_0.woff") format("woff"),
url("../fonts/246C22_2_0.ttf") format("truetype");
font-style:normal;
font-weight:600
}
@font-face{font-family:"proxima-nova";src:url("../fonts/246C22_0_0.eot");src:url("../fonts/246C22_0_0-.eot#iefix") format("embedded-opentype"),
url("../fonts/246C22_0_0.woff") format("woff"),
url("../fonts/246C22_0_0.ttf") format("truetype");
font-style:normal;
font-weight:100
}
@font-face{font-family:"proxima-nova";src:url("../fonts/246C22_4_0.eot");src:url("../fonts/246C22_4_0-.eot#iefix") format("embedded-opentype"),
url("../fonts/246C22_4_0.woff") format("woff"),
url("../fonts/246C22_4_0.ttf") format("truetype");
font-style:normal;
font-weight:300
}
@font-face{font-family:"proxima-nova";src:url("../fonts/246C22_1_0.eot");src:url("../fonts/246C22_1_0-.eot#iefix") format("embedded-opentype"),
url("../fonts/246C22_1_0.woff") format("woff"),
url("../fonts/246C22_1_0.ttf") format("truetype");
font-style:normal;
font-weight:400
}
@font-face{font-family:"proxima-nova";src:url("../fonts/246C22_3_0.eot");src:url("../fonts/246C22_3_0-.eot#iefix") format("embedded-opentype"),
url("../fonts/246C22_3_0.woff") format("woff"),
url("../fonts/246C22_3_0.ttf") format("truetype");
font-style:normal;
font-weight:600
}
@font-face{font-family:'socialicoregular';src:url("http://www.bkwld.com/dist/socialico-webfont.eot");src:url("http://www.bkwld.com/dist/socialico-webfont.eot?#iefix") format("embedded-opentype"),
url("http://www.bkwld.com/dist/socialico-webfont.woff") format("woff"),
url("http://www.bkwld.com/dist/socialico-webfont.ttf") format("truetype"),
url("http://www.bkwld.com/dist/socialico-webfont.svg#socialicoregular") format("svg");
font-weight:normal;
font-style:normal
}
body {
    font:12px/1.5em'Helvetica Neue',
    Helvetica,
    Arial,
    sans-serif;
    color:#444
}
a {
    -webkit-transition:color 0.1s cubic-bezier(0.23,
    1,
    0.32,
    1);
    -moz-transition:color 0.1s cubic-bezier(0.23,
    1,
    0.32,
    1);
    -o-transition:color 0.1s cubic-bezier(0.23,
    1,
    0.32,
    1);
    transition:color 0.1s cubic-bezier(0.23,
    1,
    0.32,
    1);
    text-decoration:none;
    color:#333;
    font-weight:bold
}
a:hover {
    color:#77c4bc
}
a:active {
    color:#53b5aa
}
p {
    font-size:13px;
    font-weight:normal;
    line-height:18px;
    margin-bottom:9px
}
h1,
h2,
h3,
h4,
h5,
h6,
h7{
    color:#404040;
    font-weight:bold;
    line-height:1.15em;
    font-family:proxima-nova,
    'Helvetica Neue',
    Helvetica,
    Arial,
    sans-serif;
    margin-bottom:0.25em
	
}
h1 {
    font-weight:100;
    font-size:45px;
    letter-spacing:-1px
}
h1 a {
    font-weight:100
	
	
}
h2 {
    font-weight:300;
    font-size:32px
}
h3 {
    font-weight:300;
    font-size:28px
	
}
h4 {
    font-weight:600;
    font-size:16px
}
h5 {
    font-size:14px
}
h6 {
    font-size:13px
}

h7 {
    font-weight:300;
    font-size:24px
	
}

ul,
ol {
    margin:0 0 18px 25px
}
ul ul,
ul ol,
ol ol,
ol ul {
    margin-bottom:0
}
ul {
    list-style:disc
}
ol {
    list-style:decimal
}
li {
    line-height:18px
}
ul.unstyled {
    list-style:none;
    margin-left:0
}
dl {
    margin-bottom:18px
}
dl dt,
dl dd {
    line-height:18px
}
dl dt {
    font-weight:bold
}
dl dd {
    margin-left:9px
}
hr {
    margin:20px 0 19px;
    border:0;
    border-bottom:1px solid #eee
}
strong {
    font-style:inherit;
    font-weight:bold
}
em {
    font-style:italic;
    font-weight:inherit;
    line-height:inherit
}
.muted {
    color:#bfbfbf
}
blockquote {
    margin-bottom:18px;
    border-left:5px solid #eee;
    padding-left:15px
}
blockquote p {
    font-size:14px;
    font-weight:300;
    line-height:18px;
    margin-bottom:0
}
blockquote small {
    display:block;
    font-size:12px;
    font-weight:300;
    line-height:18px;
    color:#bfbfbf
}
blockquote small:before {
    content:'\2014 \00A0'
}
address {
    display:block;
    line-height:18px;
    margin-bottom:18px
}
code,
pre {
    padding:0 3px 2px;
    font-family:Monaco,
    Andale Mono,
    Courier New,
    monospace;
    font-size:12px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px
}
code {
    background-color:#fee9cc;
    color:rgba(0,
    0,
    0,
    0.75);
    padding:1px 3px
}
pre {
    background-color:#f5f5f5;
    display:block;
    padding:8.5px;
    margin:0 0 18px;
    line-height:18px;
    font-size:12px;
    border:1px solid #ccc;
    border:1px solid rgba(0,
    0,
    0,
    0.15);
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    white-space:pre;
    white-space:pre-wrap;
    word-wrap:break-word
}
::selection {
    background:#555;
    color:white
}
::-moz-selection {
    background:#555;
    color:white
}
.global-sprite {
    background:url('../img/global-sec8c63282a.png') no-repeat
}
.icons-sprite,
body.p-profile #subbar i {
    background:url('../img/icons-sfaeb56c6df.png') no-repeat
}
.button {
    -webkit-transition:background 0.15s cubic-bezier(0.23,
    1,
    0.32,
    1);
    -moz-transition:background 0.15s cubic-bezier(0.23,
    1,
    0.32,
    1);
    -o-transition:background 0.15s cubic-bezier(0.23,
    1,
    0.32,
    1);
    transition:background 0.15s cubic-bezier(0.23,
    1,
    0.32,
    1);
    -webkit-border-radius:70px;
    -moz-border-radius:70px;
    -ms-border-radius:70px;
    -o-border-radius:70px;
    border-radius:70px;
    background:#ececeb;
    width:140px;
    height:140px;
    color:#5a5a5b;
    text-align:center;
    font:600 22px/140px proxima-nova-extra-condensed,
    'Helvetica Neue',
    Helvetica,
    Arial,
    sans-serif;
    text-transform:uppercase;
    display:inline-block
}
.button:hover,
.button.dark {
    background-color:#242424;
    color:#fff
}
.button:active,
.button.active,
.button.dark:hover {
    background-color:#0a0a0a;
    color:#fff
}
.button.dark:active {
    background-color:#000
}
.button.spoked {
    position:relative;
    margin:12px 0
}
.button.spoked:after,
.button.spoked:before {
    -webkit-transition:background-color 0.15s cubic-bezier(0.86,
    0,
    0.07,
    1);
    -moz-transition:background-color 0.15s cubic-bezier(0.86,
    0,
    0.07,
    1);
    -o-transition:background-color 0.15s cubic-bezier(0.86,
    0,
    0.07,
    1);
    transition:background-color 0.15s cubic-bezier(0.86,
    0,
    0.07,
    1);
    background:#ccc;
    width:45px;
    height:1px;
    content:'';
    position:absolute
}
.button.spoked:after {
    right:-26px;
    top:15%;
    -webkit-transform-origin:left 50%;
    -moz-transform-origin:left 50%;
    -ms-transform-origin:left 50%;
    -o-transform-origin:left 50%;
    transform-origin:left 50%;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.button.spoked:before {
    left:-25px;
    top:85%;
    -webkit-transform-origin:right 50%;
    -moz-transform-origin:right 50%;
    -ms-transform-origin:right 50%;
    -o-transform-origin:right 50%;
    transform-origin:right 50%;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.button.spoked:hover:after,
.button.spoked:hover:before {
    background-color:#242424
}
.button.spoked.active:after,
.button.spoked.active:before {
    background-color:#000
}
html.no-csstransforms .button.spoked:after,
html.no-csstransforms .button.spoked:before {
    display:none
}
.page-controls {
    list-style:none;
    overflow:hidden;
    margin:0;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.page-controls li {
    float:left;
    width:16px;
    height:16px;
    margin-left:7px;
    -webkit-transition:background-color 0.05s cubic-bezier(0.86,
    0,
    0.07,
    1);
    -moz-transition:background-color 0.05s cubic-bezier(0.86,
    0,
    0.07,
    1);
    -o-transition:background-color 0.05s cubic-bezier(0.86,
    0,
    0.07,
    1);
    transition:background-color 0.05s cubic-bezier(0.86,
    0,
    0.07,
    1);
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -ms-border-radius:8px;
    -o-border-radius:8px;
    border-radius:8px;
    background-color:#ccc;
    width:16px;
    height:16px;
    text-indent:-9999em;
    display:block;
    cursor:pointer
}
.page-controls li:hover {
    background-color:#77c4bc
}
.page-controls li:active,
.page-controls li.active,
.page-controls li.current {
    background-color:#53b5aa
}
.page-controls li:first-child {
    margin-left:0
}
.page-controls a {
    -webkit-transition:background-color 0.05s cubic-bezier(0.86,
    0,
    0.07,
    1);
    -moz-transition:background-color 0.05s cubic-bezier(0.86,
    0,
    0.07,
    1);
    -o-transition:background-color 0.05s cubic-bezier(0.86,
    0,
    0.07,
    1);
    transition:background-color 0.05s cubic-bezier(0.86,
    0,
    0.07,
    1);
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -ms-border-radius:8px;
    -o-border-radius:8px;
    border-radius:8px;
    background-color:#ccc;
    width:16px;
    height:16px;
    text-indent:-9999em;
    display:block
}
.page-controls a:hover {
    background-color:#77c4bc
}
.page-controls a:active,
.page-controls a.active {
    background-color:#53b5aa
}
.page-controls.small li {
    width:12px;
    height:12px;
    margin-left:4px
}
.page-controls.small a {
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -ms-border-radius:6px;
    -o-border-radius:6px;
    border-radius:6px;
    width:12px;
    height:12px
}
.page-arrows {
    list-style:none;
    overflow:hidden;
    margin:0;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.page-arrows li {
    float:left;
    width:60px;
    height:65px;
    margin-left:1px;
    text-indent:-9999em;
    -webkit-transition:background-color 0.1s cubic-bezier(0.86,
    0,
    0.07,
    1);
    -moz-transition:background-color 0.1s cubic-bezier(0.86,
    0,
    0.07,
    1);
    -o-transition:background-color 0.1s cubic-bezier(0.86,
    0,
    0.07,
    1);
    transition:background-color 0.1s cubic-bezier(0.86,
    0,
    0.07,
    1);
    width:60px;
    height:65px;
    text-indent:-9999em;
    display:block
}
.page-arrows li:first-child {
    margin-left:0
}
.page-arrows li.hidden {
    opacity:0;
    display:none
}
.page-arrows li a {
    -webkit-transition:background-color 0.1s cubic-bezier(0.86,
    0,
    0.07,
    1);
    -moz-transition:background-color 0.1s cubic-bezier(0.86,
    0,
    0.07,
    1);
    -o-transition:background-color 0.1s cubic-bezier(0.86,
    0,
    0.07,
    1);
    transition:background-color 0.1s cubic-bezier(0.86,
    0,
    0.07,
    1);
    width:60px;
    height:65px;
    text-indent:-9999em;
    display:block
}
.page-arrows li.previous:hover,
.page-arrows li.next:hover {
    background-color:#242424
}
.page-arrows li.previous:active,
.page-arrows li.previous.active,
.page-arrows li.next:active,
.page-arrows li.next.active {
    background-color:#0a0a0a
}
.page-arrows li.previous {
    background:#575757 url('../img/global-sec8c63282a.png') 0 -668px no-repeat
}
.page-arrows li.next {
    background:#575757 url('../img/global-sec8c63282a.png') 0 -733px no-repeat
}
.page-arrows.small li,
.page-arrows.small a {
    width:35px;
    height:35px
}
.page-arrows.small li.previous {
    background:#575757 url('../img/global-sec8c63282a.png') 0 -813px no-repeat
}
.page-arrows.small li.next {
    background:#575757 url('../img/global-sec8c63282a.png') 0 -848px no-repeat
}
.page-arrows.green li.previous,
.page-arrows.green li.next {
    background-color:#77c4bc
}
.page-arrows.green li.previous:hover,
.page-arrows.green li.next:hover {
    background-color:#53b5aa
}
.page-arrows.green li.previous:active,
.page-arrows.green li.next:active {
    background-color:#48a69d
}
.page-arrows.rounded li.previous,
.page-arrows.rounded li.next {
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -ms-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px
}
.page-arrows.rounded.small li.previous,
.page-arrows.rounded.small li.next {
    -webkit-border-radius:17px;
    -moz-border-radius:17px;
    -ms-border-radius:17px;
    -o-border-radius:17px;
    border-radius:17px
}
.thumbnail-listing {
    list-style:none;
    overflow:hidden;
    margin:0
}
.thumbnail-listing.small img {
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    -o-border-radius:0;
    border-radius:0;
    height:inherit;
    width:85%
}
.thumbnail-listing img {
    display:block;
    margin:0 auto;
    -webkit-border-radius:300px;
    -moz-border-radius:300px;
    -ms-border-radius:300px;
    -o-border-radius:300px;
    border-radius:300px;
    max-width:80%;
    height:auto
}
.thumbnail-listing li {
    position:relative;
    width:32.39437%;
    float:left;
    margin-right:1.40845%;
    display:inline;
    margin-bottom:1em
}
.thumbnail-listing li:nth-child(3n) {
    float:right;
    margin-right:0
}
@media (max-width: 700px) {
    .thumbnail-listing li {
        width:49.29577%;
        float:left;
        margin-right:1.40845%;
        display:inline
    }
    .thumbnail-listing li:nth-child(3n) {
        float:left;
        margin-right:1.40845%
    }
    .thumbnail-listing li:nth-child(2n) {
        float:right;
        margin-right:0
    }
    .thumbnail-listing li.last {
        display:none
    }
}
@media (max-width: 500px) {
    .thumbnail-listing li {
        width:100%;
        float:left;
        margin-right:1.40845%;
        display:inline
    }
    .thumbnail-listing li:nth-child(2n) {
        float:left;
        margin-right:1.40845%
    }
    .thumbnail-listing li.last {
        display:block
    }
}
.thumbnail-listing .thumbnail {
    position:relative;
    text-align:center;
    margin:3.5em 0 0 0
}
@media (max-width: 400px) {
    .thumbnail-listing .thumbnail {
        margin-top:2.5em
    }
}
.thumbnail-listing h4 {
    line-height:1em;
    margin:2em 1em 1.5em 18%;
    position:relative
}
.thumbnail-listing h4.no-subtitle {
    margin-top:2.5em
}
@media (max-width: 400px) {
    .thumbnail-listing h4.no-subtitle {
        margin-top:1.6em
    }
}
@media (max-width: 400px) {
    .thumbnail-listing h4 {
        margin-bottom:0.8em;
        margin-top:1.3em
    }
}
.thumbnail-listing small {
    font-size:14px;
    display:block;
    color:#666;
    margin-top:0.3em
}
.thumbnail-listing .plus {
    width:25px;
    height:25px;
    position:absolute;
    left:-40px;
    bottom:50%;
    margin-bottom:-12px
}
.thumbnail-listing .plus .x {
    width:25px;
    top:12px
}
.thumbnail-listing .plus .y {
    height:25px;
    left:12px
}
.thumbnail-listing .plus.small {
    margin-bottom:-7px
}
.thumbnail-listing a {
    text-decoration:none;
    display:block;
    position:relative;
    height:99%;
    background-color:#fff;
    padding:1px;
    -webkit-tap-highlight-color:rgba(0,
    0,
    0,
    0);
    tap-highlight-color:rgba(0,
    0,
    0,
    0);
    -webkit-transition:background-color 100ms cubic-bezier(0.23,
    1,
    0.32,
    1);
    -moz-transition:background-color 100ms cubic-bezier(0.23,
    1,
    0.32,
    1);
    -o-transition:background-color 100ms cubic-bezier(0.23,
    1,
    0.32,
    1);
    transition:background-color 100ms cubic-bezier(0.23,
    1,
    0.32,
    1)
}
.thumbnail-listing a:hover {
    background-color:#77c4bc;
    color:#fff
}
.thumbnail-listing a:hover h4,
.thumbnail-listing a:hover small {
    color:#fff
}
.thumbnail-listing a:hover .plus .x,
.thumbnail-listing a:hover .plus .y {
    background-color:#fff
}
@media all and (max-device-width: 1024px) {
    .thumbnail-listing a:hover {
        background-color:#fff;
        color:inherit
    }
    .thumbnail-listing a:hover h4,
    .thumbnail-listing a:hover small {
        color:inherit
    }
    .thumbnail-listing a:hover .plus .x,
    .thumbnail-listing a:hover .plus .y {
        background-color:inherit
    }
}
.thumbnail-listing a:active,
.thumbnail-listing a.active {
    background-color:#53b5aa;
    border-color:#53b5aa;
    color:#fff
}
.thumbnail-listing a:active h4,
.thumbnail-listing a:active small,
.thumbnail-listing a.active h4,
.thumbnail-listing a.active small {
    color:#fff
}
.thumbnail-listing a:active .plus .x,
.thumbnail-listing a:active .plus .y,
.thumbnail-listing a.active .plus .x,
.thumbnail-listing a.active .plus .y {
    background-color:#fff
}
@media all and (max-device-width: 1024px) {
    .thumbnail-listing a:active,
    .thumbnail-listing a.active {
        background-color:#fff;
        color:inherit;
        border-color:#fff
    }
    .thumbnail-listing a:active h4,
    .thumbnail-listing a:active small,
    .thumbnail-listing a.active h4,
    .thumbnail-listing a.active small {
        color:inherit
    }
    .thumbnail-listing a:active .plus .x,
    .thumbnail-listing a:active .plus .y,
    .thumbnail-listing a.active .plus .x,
    .thumbnail-listing a.active .plus .y {
        background-color:inherit
    }
}
@media (max-width: 400px) {
    .thumbnail-listing a:hover {
        background-color:#fff;
        color:#333
    }
    .thumbnail-listing a:hover h4,
    .thumbnail-listing a:hover small {
        color:#666
    }
    .thumbnail-listing a:hover .plus .x,
    .thumbnail-listing a:hover .plus .y {
        background-color:#77c4bc
    }
    .thumbnail-listing a:active,
    .thumbnail-listing a.active {
        background-color:#fff;
        border-color:#e6e6e6;
        color:#333
    }
    .thumbnail-listing a:active h4,
    .thumbnail-listing a:active small,
    .thumbnail-listing a.active h4,
    .thumbnail-listing a.active small {
        color:#666
    }
    .thumbnail-listing a:active .plus .x,
    .thumbnail-listing a:active .plus .y,
    .thumbnail-listing a.active .plus .x,
    .thumbnail-listing a.active .plus .y {
        background-color:#77c4bc
    }
}
.social-wrap {
    position:absolute;
    width:36px;
    height:111px;
    top:100px
}
.social-icons {
    position:absolute;
    list-style:none;
    overflow:hidden;
    margin:0;
    z-index:4;
    top:0;
    left:0;
    padding-top:1px
}
.social-icons li {
    width:30px;
    margin-bottom:1px
}
.social-icons li.facebook a {
    background:#242424 url('../img/global-sec8c63282a.png') 0 -235px no-repeat;
    background:rgba(36,
    36,
    36,
    0.9) url('../img/global-sec8c63282a.png') 0 -235px no-repeat
}
.social-icons li.twitter a {
    background:#242424 url('../img/global-sec8c63282a.png') 0 -175px no-repeat;
    background:rgba(36,
    36,
    36,
    0.9) url('../img/global-sec8c63282a.png') 0 -175px no-repeat
}
.social-icons li.pinterest a {
    background:#242424 url('../img/global-sec8c63282a.png') 0 0 no-repeat;
    background:rgba(36,
    36,
    36,
    0.9) url('../img/global-sec8c63282a.png') 0 0 no-repeat
}
.social-icons li a {
    -webkit-transition:background-color 0.1s cubic-bezier(0.86,
    0,
    0.07,
    1);
    -moz-transition:background-color 0.1s cubic-bezier(0.86,
    0,
    0.07,
    1);
    -o-transition:background-color 0.1s cubic-bezier(0.86,
    0,
    0.07,
    1);
    transition:background-color 0.1s cubic-bezier(0.86,
    0,
    0.07,
    1);
    background:#242424;
    text-indent:-119988px;
    overflow:hidden;
    text-align:left;
    height:35px;
    display:block
}
.social-icons li a:hover {
    background-color:#77c4bc
}
.social-icons li a:active {
    background-color:#53b5aa
}
@media (max-width: 700px) {
    .social-icons {
        display:none
    }
}
.plus {
    width:40px;
    height:40px;
    position:relative;
    display:block
}
.plus:hover .x,
.plus:hover .y {
    background-color:#53b5aa
}
.plus .x,
.plus .y {
    -webkit-transition:background-color 0.1s cubic-bezier(0.86,
    0,
    0.07,
    1);
    -moz-transition:background-color 0.1s cubic-bezier(0.86,
    0,
    0.07,
    1);
    -o-transition:background-color 0.1s cubic-bezier(0.86,
    0,
    0.07,
    1);
    transition:background-color 0.1s cubic-bezier(0.86,
    0,
    0.07,
    1);
    background-color:#77c4bc;
    position:absolute
}
.plus .x {
    width:40px;
    top:19px;
    height:1px
}
.plus .y {
    height:40px;
    width:1px;
    left:19px
}
.plus.small {
    width:15px;
    height:15px
}
.plus.small .x {
    width:15px;
    top:7px
}
.plus.small .y {
    height:15px;
    left:7px
}
.plus.white .x,
.plus.white .y {
    background-color:#fff
}
.dashed {
    background:url('../img/global/dashed-s3f05725243.png') 0 -18px repeat-x;
    display:block;
    text-align:center;
    font:600 18px/18px proxima-nova-extra-condensed,
    'Helvetica Neue',
    Helvetica,
    Arial,
    sans-serif;
    text-transform:uppercase;
    height:18px
}
.dashed span {
    background:#fff;
    padding:0 5%
}
.dashed.right {
    text-align:right
}
.dashed.right span {
    padding-right:0
}
.dashed.left {
    text-align:left
}
.dashed.left span {
    padding-left:0
}
a.dashed:hover {
    background:url('../img/global/dashed-s3f05725243.png') 0 0 repeat-x
}
a.dashed:active {
    background:url('../img/global/dashed-s3f05725243.png') 0 0 repeat-x
}
.boxed {
    background-color:#77c4bc;
    padding:8px 11px;
    color:#fff;
    font:600 15px proxima-nova,
    'Helvetica Neue',
    Helvetica,
    Arial,
    sans-serif;
    text-transform:uppercase
}
.boxed:hover {
    background-color:#53b5aa;
    color:#fff
}
.boxed:active {
    background-color:#40958c;
    color:#fff
}
.boxed.dark {
    background-color:#242424
}
.boxed.dark:hover {
    background-color:#000
}
.boxed.dark:active {
    background-color:#000
}
.boxed.condensed {
    font:600 15px proxima-nova-extra-condensed,
    'Helvetica Neue',
    Helvetica,
    Arial,
    sans-serif;
    padding:4px 14px;
    border-bottom:0!important
}
.modal-wrapper.setLayout {
    position:relative
}
.top {
    -webkit-transition:all 0.1s cubic-bezier(0.86,
    0,
    0.07,
    1);
    -moz-transition:all 0.1s cubic-bezier(0.86,
    0,
    0.07,
    1);
    -o-transition:all 0.1s cubic-bezier(0.86,
    0,
    0.07,
    1);
    transition:all 0.1s cubic-bezier(0.86,
    0,
    0.07,
    1);
    -webkit-border-radius:25px;
    -moz-border-radius:25px;
    -ms-border-radius:25px;
    -o-border-radius:25px;
    border-radius:25px;
    background:#77c4bc;
    width:50px;
    height:50px;
    color:#fff;
    text-align:center;
    font:600 16px/55px proxima-nova-extra-condensed,
    'Helvetica Neue',
    Helvetica,
    Arial,
    sans-serif;
    text-transform:uppercase;
    position:relative
}
.top i {
    background:url('../img/icons-sfaeb56c6df.png') 0 -1574px no-repeat;
    width:9px;
    height:5px;
    position:absolute;
    top:10px;
    left:50%;
    margin-left:-4px
}
.top:hover {
    background-color:#53b5aa;
    color:#fff
}
.top:active {
    background-color:#40958c;
    color:#fff
}
.ie-border-fix,
.button,
.page-controls li,
.page-controls a,
.page-controls.small a,
.page-arrows.rounded li.previous,
.page-arrows.rounded li.next,
.page-arrows.rounded.small li.previous,
.page-arrows.rounded.small li.next,
.thumbnail-listing.small img,
.top,
.spokey .circ,
.drag-slider .slider-pages .wrap,
.slider-pages a,
.page-down-arrow .circle,
.p-careers .sidebar ol li span,
body.p-approach div#lightbox .left .handles ul li a,
body.p-approach .tabs a,
body.p-approach .tabs a:hover,
body.p-approach .tabs a.active {
    behavior:url("http://www.bkwld.com/css/PIE.htc")
}
.mobile-show {
    display:none
}
@media (max-width: 650px) {
    .mobile-show {
        display:block
    }
}
* {
    -webkit-font-smoothing:antialiased
}
#main {
    overflow:hidden
}
@media (max-width: 820px) {
    html {
        font-size:94%
    }
}
@media (max-width: 773.33333px) {
    html {
        font-size:88%
    }
}
@media (max-width: 680px) {
    html {
        font-size:82%
    }
}
@media (max-width: 400px) {
    html {
        font-size:76%
    }
}
.spokey {
    position:absolute;
    display:block;
    text-align:center;
    top:0;
    right:0;
    bottom:0;
    left:0;
    margin:auto;
    max-width:160px;
    max-height:160px;
    font-weight:normal!important
}
.spokey img {
    position:absolute;
    display:block;
    z-index:2;
    width:100%;
    height:auto
}
.spokey.green .circ {
    background-color:#77c4bc
}
.spokey.green .line {
    border-color:#77c4bc
}
.spokey.green.hover:hover .circ {
    background-color:#9bd3ce
}
.spokey.green.hover:hover .line {
    border-color:#9bd3ce
}
.spokey.light-grey .circ {
    background-color:#242424
}
.spokey.light-grey .line {
    border-color:#ccc
}
.spokey.light-grey.hover:hover .circ {
    background-color:#000
}
.spokey.light-grey.hover:hover .line {
    border-color:#000
}
.spokey .circ {
    position:absolute;
    z-index:1;
    display:block;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
    max-width:130px;
    max-height:130px;
    width:130px;
    height:130px;
    background-color:#242424;
    top:0;
    right:0;
    bottom:0;
    left:0;
    margin:auto
}
.spokey .line {
    position:absolute;
    display:block;
    overflow:hidden;
    z-index:0;
    height:1px;
    border-bottom:1px solid #242424;
    -webkit-transform-origin:left 50%;
    -moz-transform-origin:left 50%;
    -ms-transform-origin:left 50%;
    -o-transform-origin:left 50%;
    transform-origin:left 50%;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.shim {
    display:block;
    position:relative;
    width:1px;
    height:1px
}
.clear {
    display:block;
    clear:both
}
#content {
    position:relative;
    background-color:#eee;
    background-image:-webkit-gradient(linear,
    50% 0%,
    50% 100%,
    color-stop(0%,
    #ffffff),
    color-stop(10%,
    #efefef),
    color-stop(100%,
    #efefef));
    background-image:-webkit-linear-gradient(#ffffff,
    #efefef 10%,
    #efefef);
    background-image:-moz-linear-gradient(#ffffff,
    #efefef 10%,
    #efefef);
    background-image:-o-linear-gradient(#ffffff,
    #efefef 10%,
    #efefef);
    background-image:linear-gradient(#ffffff,
    #efefef 10%,
    #efefef);
    padding:0 0 40px 0
}
.grid-wrapper {
    position:relative;
    *zoom:1;
    max-width:85.2em;
    max-width:85.2em;
    _width:85.2em;
    padding-left:2em;
    padding-left:2em;
    padding-right:2em;
    padding-right:2em;
    margin-left:auto;
    margin-right:auto
}
.grid-wrapper:after {
    content:"";
    display:table;
    clear:both
}
@media (max-width: 400px) {
    .grid-wrapper {
        padding-left:1em;
        padding-right:1em
    }
}
.no-quote-single-slide {
    max-width:65%;
    margin:auto
}
@media (max-width: 700px) {
    .no-quote-single-slide {
        max-width:100%
    }
}
footer {
    margin:70px 0
}
footer .column {
    position:relative;
    padding:0
}
footer .dashed {
    position:absolute;
    bottom:0;
    display:block;
    width:100%
}
footer.hovered .column .button.spoked {
    background-color:#ececeb;
    color:#5a5a5b
}
footer.hovered .column .button.spoked:after,
footer.hovered .column .button.spoked:before {
    background-color:#ececeb
}
footer .columns {
    overflow:hidden;
    margin-bottom:40px
}
footer .column {
    float:left;
    padding-bottom:30px;
    text-align:center;
    width:31.25%;
    float:left;
    margin-right:3.125%;
    display:inline
}
footer .column h3 {
    margin-bottom:40px;
    text-align:left
}
footer .column p,
footer .column ul li a {
    font:400 15px"proxima-nova",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
    text-align:left;
    max-width:90%;
    margin:auto;
    font-size:1.2em;
    line-height:1.8em;
    letter-spacing:1px;
    color:#777;
    font-weight:normal;
    -webkit-font-smoothing:antialiased
}
footer .column a {
    -webkit-font-smoothing:antialiased
}
footer .column ul {
    text-align:left;
    margin:auto;
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline
}
footer .column:nth-child(3) {
    float:right;
    margin-right:0
}
@media (max-width: 600px) {
    footer .column {
        width:100%;
        float:left;
        margin-right:20%;
        display:inline;
        margin-bottom:40px
    }
    footer .column:nth-child(3) {
        float:left;
        margin-right:1.40845%
    }
    footer .column:nth-child(3) {
        margin-bottom:0
    }
}
footer .contact .button.spoked,
footer .contact .button.spoked:after,
footer .contact .button.spoked:before,
footer .contact:hover .button.spoked {
    background-color:#242424;
    color:#fff
}
footer .contact .button.spoked:hover,
footer .contact .button.spoked:hover:after,
footer .contact .button.spoked:hover:before {
    background-color:#0a0a0a
}
footer .contact .button.spoked:active,
footer .contact .button.spoked:active:after,
footer .contact .button.spoked:active:before {
    background-color:#000
}
footer .careers .button.spoked,
footer .careers .button.spoked:after,
footer .careers .button.spoked:before,
footer .careers:hover .button.spoked {
    background-color:#77c4bc;
    color:#fff
}
footer .careers .button.spoked:hover,
footer .careers .button.spoked:hover:after,
footer .careers .button.spoked:hover:before {
    background-color:#53b5aa
}
footer .careers .button.spoked:active,
footer .careers .button.spoked:active:after,
footer .careers .button.spoked:active:before {
    background-color:#48a69d
}
footer .follow-us .button.spoked,
footer .follow-us .button.spoked:after,
footer .follow-us .button.spoked:before,
footer .follow-us:hover .button.spoked {
    background-color:#ffd7b0;
    color:#5a5a5b
}
footer .follow-us .button.spoked:hover,
footer .follow-us .button.spoked:hover:after,
footer .follow-us .button.spoked:hover:before {
    background-color:#ffbd7d
}
footer .follow-us .button.spoked:active,
footer .follow-us .button.spoked:active:after,
footer .follow-us .button.spoked:active:before {
    background-color:#ffb064
}
footer .follow-us p {
    -webkit-font-smoothing:antialiased;
    text-align:center
}
footer .copyright {
    font-size:11px;
    color:#999;
    margin-top:30px
}
footer .button.spoked {
    display:block;
    margin:12px auto 35px auto
}
.employee strong {
    color:#242424
}
.employee .title {
    color:#53b5aa;
    display:block
}
.load-more {
    display:block;
    padding:15px 0;
    text-align:center;
    text-transform:uppercase;
    background-color:#77C4BC;
    color:white;
    font:600 16px proxima-nova,
    'Helvetica Neue',
    Helvetica,
    Arial,
    sans-serif;
    cursor:pointer
}
.load-more:hover {
    background-color:#53b5aa;
    color:white
}
.load-more:active {
    background-color:#53b5aa;
    color:#ccc
}
.load-more span {
    display:inline-block;
    width:9px;
    height:5px;
    background:url('../img/global/small-arrow-down-white-1422057211.png') no-repeat left top;
    position:relative;
    top:-2px;
    margin:0 12px 0 0
}
.simple-slider {
    position:relative
}
.simple-slider .slides {
    position:relative;
    height:100%
}
.simple-slider .slide {
    display:none;
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity:0;
    -webkit-transition:opacity 300ms cubic-bezier(0.23,
    1,
    0.32,
    1);
    -moz-transition:opacity 300ms cubic-bezier(0.23,
    1,
    0.32,
    1);
    -o-transition:opacity 300ms cubic-bezier(0.23,
    1,
    0.32,
    1);
    transition:opacity 300ms cubic-bezier(0.23,
    1,
    0.32,
    1)
}
.simple-slider .slide.active {
    display:block;
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity:1
}
.simple-slider .page-controls {
    position:absolute;
    bottom:10%;
    z-index:2
}
.simple-slider .page-arrows {
    position:absolute;
    bottom:0;
    right:0;
    z-index:2
}
.simple-slider.feature {
    margin:80px 0
}
.simple-slider.feature .grid-wrapper {
    min-height:200px
}
.simple-slider.feature .preview {
    width:32.39437%;
    float:left;
    margin-right:1.40845%;
    display:inline
}
.simple-slider.feature .preview img {
    max-width:100%;
    height:auto;
    margin-bottom:20px
}
.simple-slider.feature h1 {
    width:62.23776%;
    float:right;
    margin-right:0;
    *margin-left:-1.2em;
    display:inline;
    padding:5% 0;
    font-size:60px
}
.simple-slider.feature .page-controls {
    margin-left:37.76224%
}
.simple-slider.feature .page-arrows {
    right:2em
}
.marquee {
    min-height:350px;
    padding-top:80px
}
.marquee .header {
    width:49.29577%;
    float:left;
    margin-right:1.40845%;
    display:inline
}
.marquee .preview {
    width:49.29577%;
    float:right;
    margin-right:0;
    *margin-left:-1.2em;
    display:inline
}
.marquee .preview img {
    max-width:100%;
    height:auto
}
#features {
    position:relative;
    height:430px
}

.intro {
    position:relative;
    margin:10px 0
}
.video-shuffle {
    position:absolute;
    width:100%;
    height:100%;
    opacity:0;
    overflow:hidden
}
.video-shuffle video,
.video-shuffle img {
    position:absolute
}
.video-shuffle .fallback {
    position:absolute;
    width:100%;
    height:100%
}

.slider-pages a:active,
.slider-pages a.selected {
    background:#77c4bc
}
.page-down-arrow {
    position:absolute;
    top:-20px;
    left:0;
    right:0;
    margin:0 auto;
    z-index:4;
    width:80px;
    height:80px
}
@media (max-width: 400px) {
    .page-down-arrow {
        top:5px
    }
}
.page-down-arrow:active .circle {
    background-color:#aaa
}
.page-down-arrow .circle {
    position:absolute;
    display:block;
    -webkit-border-radius:40px;
    -moz-border-radius:40px;
    -ms-border-radius:40px;
    -o-border-radius:40px;
    border-radius:40px;
    background-color:#c3c3c3;
    opacity:0.6;
    top:0;
    right:0;
    bottom:0;
    left:0;
    width:80px;
    height:80px;
    z-index:0
}
.page-down-arrow .arrow {
    position:absolute;
    display:block;
    background:url('../img/global-sec8c63282a.png') 0 -634px no-repeat;
    width:29px;
    height:15px;
    margin:auto;
    z-index:1;
    top:0;
    right:0;
    bottom:0;
    left:0
}
.text-slides .slide {
    display:none
}
.text-slides .slide.first {
    display:block
}
.rule,
.rule-sm,
.rule-full {
    margin:auto;
    display:block;
    width:90px;
    height:1px;
    border-bottom:1px solid #d5d5d5
}
.rule-sm {
    width:40px
}
.rule-full {
    width:100%;
    margin:50px auto;
    margin:3.125rem auto
}
.header-wrap {
    position:relative;
    width:100%;
    z-index:99;
    left:0;
    right:0;
    top:0
}
header {
    z-index:99;
    background:#242424;
    left:0;
    right:0;
    top:0;
    position:relative;
    padding-bottom:0;
    overflow:hidden;
    height:69px
}
@media (max-width: 550px) {
    header {
        height:50px
    }
}
header .nav-wrap {
    *zoom:1;
    max-width:85.2em;
    max-width:85.2em;
    _width:85.2em;
    padding-left:2em;
    padding-left:2em;
    padding-right:2em;
    padding-right:2em;
    margin-left:auto;
    margin-right:auto;
    max-width:88%;
    position:relative
}
header .nav-wrap:after {
    content:"";
    display:table;
    clear:both
}
@media (max-width: 550px) {
    header .nav-wrap {
        position:static
    }
}
header #loading {
    background:url('../img/loading-1422057211.gif') no-repeat;
    position:absolute;
    left:27px;
    top:26px;
    width:16px;
    height:16px;
    display:none
}
header h1 {
    margin:20px 0 0;
    min-width:100px;
    height:30px
}
header h1 a {
    width:161px;
    height:33px;
    display:block;
    text-indent:-119988px;
    overflow:hidden;
    text-align:left
}
header h1 a:active {
    opacity:0.8
}
header h1 img {
    width:161px;
    height:33px;
    display:none
	
}
.svg header h1 .vector {
    display:block
	
}
.no-svg header h1 .raster {
    display:block
}
@media (max-width: 550px) {
    header h1 {
        width:120px;
        height:auto;
        margin:15px 0 0
    }
    header h1 a {
        width:120px;
        height:auto
    }
    header h1 a img {
        width:120px;
        height:auto
    }
}
header nav {
    position:absolute;
    right:0;
    bottom:-19px
}
@media (max-width: 550px) {
    header nav {
        display:none
    }
}
header nav ul {
    list-style:none;
    margin:0;
    padding:0;
    *zoom:1
}
header nav ul:after {
    content:"";
    display:table;
    clear:both
}
header nav li {
    z-index:1;
    list-style:none;
    position:relative;
    text-align:center;
    font:600 20px"proxima-nova-extra-condensed",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
    height:43px;
    margin-left:20px;
    padding-left:20px;
    float:left
}
header nav li:before {
    position:absolute;
    content:"";
    z-index:-1;
    background:url('../img/global-sec8c63282a.png') 0 -798px no-repeat;
    width:7px;
    height:15px;
    top:3px;
    left:-3px
}
header nav li:first-child {
    margin-left:0;
    padding-left:0
}
header nav li:first-child:before {
    content:none
}
header nav li:first-child i {
    margin-left:-4px
}
@media (max-width: 700px) {
    header nav li {
        margin-left:12px;
        padding-left:12px
    }
}
header nav li i {
    -webkit-transition:bottom 200ms cubic-bezier(0.23,
    1,
    0.32,
    1);
    -moz-transition:bottom 200ms cubic-bezier(0.23,
    1,
    0.32,
    1);
    -o-transition:bottom 200ms cubic-bezier(0.23,
    1,
    0.32,
    1);
    transition:bottom 200ms cubic-bezier(0.23,
    1,
    0.32,
    1);
    background-image:url("../img/misc/arrow-nav.png");
    width:8px;
    height:4px;
    position:absolute;
    bottom:-5px;
    left:50%;
    margin-left:6px
}
header nav li:hover i,
header nav li.active i {
    bottom:0
}
header nav a {
    color:#fff;
   
    -webkit-font-smoothing:antialiased
}
#subbar {
    -webkit-transition:top 500ms cubic-bezier(0.23,
    1,
    0.32,
    1);
    -moz-transition:top 500ms cubic-bezier(0.23,
    1,
    0.32,
    1);
    -o-transition:top 500ms cubic-bezier(0.23,
    1,
    0.32,
    1);
    transition:top 500ms cubic-bezier(0.23,
    1,
    0.32,
    1);
    position:absolute;
    left:0;
    right:0;
    height:26px;
    line-height:50px;
    padding:12px 6%;
    z-index:5;
    display:none
}
#subbar.hidden {
    opacity:0;
    top:0
}
#subbar .breadcrumbs {
    overflow:hidden;
    list-style:none;
    margin:0;
    padding:0
}
@media (max-width: 550px) {
    #subbar .breadcrumbs {
        display:none
    }
}
#subbar .breadcrumbs a {
    font-weight:normal
}
#subbar .breadcrumbs li {
    font:400 17px proxima-nova,
    'Helvetica Neue',
    Helvetica,
    Arial,
    sans-serif;
    float:left;
    text-transform:uppercase;
    color:#000;
    padding:4px 0 0;
    -webkit-font-smoothing:antialiased;
    margin-left:3px
}
#subbar .breadcrumbs .category {
    margin-left:5px;
    font-size:14px;
    line-height:20px
}
#subbar .breadcrumbs .category:before {
    content:'/ '
}
#subbar .dropdown {
    position:absolute;
    right:0;
    top:0;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    opacity:0.9
}
#subbar .dropdown .title {
    cursor:pointer
}
.dropdown {
    height:50px
}
@media (max-width: 550px) {
    .dropdown {
        width:100%
    }
}
.dropdown.open .title .arrow {
    background:#151515
}
.dropdown.open .title .arrow i {
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    transform:rotate(90deg);
    margin:-10px 0 0 -7px
}
.dropdown.open .items {
    display:block
}
.dropdown .title {
    background-color:#77c4bc;
    float:left;
    height:50px;
    color:#fff;
    font:500 17px/50px proxima-nova,
    'Helvetica Neue',
    Helvetica,
    Arial,
    sans-serif;
    padding:0 150px 0 35px
}
@media (max-width: 550px) {
    .dropdown .title {
        display:block;
        width:100%;
        padding:0;
        text-indent:35px
    }
}
.dropdown .title:active {
    background-image:-webkit-gradient(linear,
    50% 0%,
    50% 100%,
    color-stop(0%,
    #77c4bc),
    color-stop(100%,
    #94ddd5));
    background-image:-webkit-linear-gradient(#77c4bc,
    #94ddd5);
    background-image:-moz-linear-gradient(#77c4bc,
    #94ddd5);
    background-image:-o-linear-gradient(#77c4bc,
    #94ddd5);
    background-image:linear-gradient(#77c4bc,
    #94ddd5)
}
.dropdown .title .arrow {
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    width:70px
}
.dropdown .title .arrow i {
    background:url('../img/global-sec8c63282a.png') -24px -753px no-repeat;
    width:13px;
    height:25px;
    position:absolute;
    left:50%;
    top:50%;
    margin:-12px 0 0 -6px
}
@media (max-width: 400px) {
    .dropdown .title {
        font-size:14px;
        padding:0;
        text-indent:35px
    }
}
.dropdown.open .bkgd {
    display:block
}
.dropdown .items {
    background:#151515;
    padding:35px;
    padding-left:80px;
    position:absolute;
    top:50px;
    left:0;
    right:0;
    margin:0;
    list-style:none;
    display:none;
    height:100%
}
@media (max-width: 700px) {
    .dropdown .items {
        height:450px
    }
}
.dropdown .items li {
    position:relative
}
.dropdown .items li i {
    display:none;
    background:url('../img/global-sec8c63282a.png') 0 -649px no-repeat;
    height:19px;
    width:10px;
    position:absolute;
    left:-25px;
    top:4px
}
.dropdown .items li.active i {
    display:block
}
.dropdown .items li.break {
    height:24px
}
.dropdown .items li a {
    display:block;
    height:48px;
    color:#fff;
    font:200 30px/32px proxima-nova,
    'Helvetica Neue',
    Helvetica,
    Arial,
    sans-serif
}
.dropdown .items li a:hover {
    color:#77C4BC
}
#mobile-nav-button {
    display:none;
    position:absolute;
    width:120px;
    right:0px;
    height:60px;
    top:0;
    background-color:rgba(255,
    255,
    255,
    0.1);
    cursor:pointer
}
#mobile-nav-button:hover {
    background-color:rgba(255,
    255,
    255,
    0.2)
}
#mobile-nav-button h1 {
    font:600 22px"proxima-nova-extra-condensed",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
    color:white;
    margin-left:30px;
    margin-top:18px;
    -webkit-font-smoothing:antialiased
}
@media (max-width: 550px) {
    #mobile-nav-button h1 {
        margin-top:12px
    }
}
#mobile-nav-button .icon {
    display:inline-block;
    position:absolute;
    top:18px;
    right:22px;
    background:url('../img/global-sec8c63282a.png') 0 -939px no-repeat;
    width:18px;
    height:18px
}
#mobile-nav-button .x {
    width:16px;
    height:2px;
    display:block;
    position:absolute;
    top:22px;
    background-color:white;
    right:29px
}
#mobile-nav-button .y {
    height:16px;
    width:2px;
    display:block;
    background-color:white;
    right:36px;
    position:absolute;
    top:16px
}
#mobile-nav-button .close {
    display:none;
    position:absolute;
    background:url('../img/global-sec8c63282a.png') 0 -210px no-repeat;
    width:30px;
    height:30px;
    top:8px;
    right:42px;
    -webkit-transform:scale(0.7,
    0.7);
    -moz-transform:scale(0.7,
    0.7);
    -ms-transform:scale(0.7,
    0.7);
    -o-transform:scale(0.7,
    0.7);
    transform:scale(0.7,
    0.7)
}
#mobile-nav-button.on {
    background-color:#77c4bc
}
#mobile-nav-button.on h1,
#mobile-nav-button.on .icon,
#mobile-nav-button.on .x,
#mobile-nav-button.on .y {
    display:none
}
#mobile-nav-button.on .close {
    display:block
}
@media (max-width: 550px) {
    #mobile-nav-button {
        display:block
    }
}
#mobile-nav {
    display:none;
    position:absolute;
    top:0;
    right:0;
    z-index:9000;
    margin-top:50px;
    width:260px;
    overflow:hidden
}
@media (min-width: 551px) {
    #mobile-nav {
        display:none!important
    }
}
#mobile-nav ul {
    background-color:#77c4bc;
    position:relative;
    top:0px;
    left:0px;
    width:220px;
    padding-left:40px;
    -webkit-transform:translateX(280px);
    -moz-transform:translateX(280px);
    -ms-transform:translateX(280px);
    -o-transform:translateX(280px);
    transform:translateX(280px);
    -webkit-transition:all,
    200ms ease-out;
    -moz-transition:all,
    200ms ease-out;
    -o-transition:all,
    200ms ease-out;
    transition:all,
    200ms ease-out
}
#mobile-nav ul.on {
    -webkit-transform:translateX(0px);
    -moz-transform:translateX(0px);
    -ms-transform:translateX(0px);
    -o-transform:translateX(0px);
    transform:translateX(0px)
}
#mobile-nav li {
    padding:20px 0px;
    width:80%;
    list-style-type:none;
    display:block;
    border-bottom:1px solid rgba(255,
    255,
    255,
    0.7)
}
#mobile-nav li a {
    display:block;
    color:#fff;
    font:600 26px"proxima-nova-extra-condensed",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
    text-transform:uppercase
}
#mobile-nav li:first-child {
    padding-top:30px
}
#mobile-nav li:last-child {
    padding-bottom:25px;
    border-bottom:0px
}
body.p-blog figure {
    padding:0;
    margin:0 0 45px;
    border-bottom:1px solid #deddd8
}
body.p-blog figure figcaption {
    padding:0 0 45px 0;
    font-size:14px
}
body.p-blog p {
    line-height:26px;
    margin:0 0 40px 0
}
body.p-blog code {
    margin:0 0 40px 0;
    display:block;
    background-color:white
}
body.p-blog #blogHeader.postHeader {
    padding:15px 0;
    border-bottom:1px solid #ececeb;
    margin:0 0 0 0
}
body.p-blog #blogHeader.postHeader .wrap {
    *zoom:1;
    width:960px;
    margin:0 auto;
    position:relative;
    padding:62px 0 41px
}
body.p-blog #blogHeader.postHeader .wrap:after {
    content:"";
    display:table;
    clear:both
}
body.p-blog #blogHeader.postHeader h1 {
    font:100 48px/47px proxima-nova,
    'Helvetica Neue',
    Helvetica,
    Arial,
    sans-serif
}
body.p-blog #blogHeader.postHeader .blogCategory {
    position:absolute;
    left:0;
    top:6px;
    font-size:20px
}
body.p-blog #blogHeader.postHeader .blogCategory span {
    position:relative;
    top:8px;
    display:inline-block;
    margin:0 7px 0 0;
    padding:15px;
    background:url('../img/icons/step-welcome-1422057211.png') no-repeat center center #76c5bd;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px
}
body.p-blog #blogHeader.postHeader .postTitleWrap {
    top:50%;
    left:343px;
    position:absolute;
    margin-top:-70px
}
body.p-blog #blogHeader.postHeader .postTitleWrap p {
    font-size:12px;
    font-weight:bold;
    color:#666666
}
body.p-blog #blogHeader.postHeader .postTitleWrap p a {
    border-bottom:2px solid #cccccc;
    height:13px;
    display:inline-block
}
body.p-blog #blogHeader.postHeader .socialWrap {
    width:198px;
    position:absolute;
    right:0px;
    bottom:21px
}
body.p-blog .postImageWrap {
    position:relative;
    width:290px;
    height:290px;
    float:left;
    margin:0 53px 0 0
}
body.p-blog .postImageWrap .mask {
    position:absolute;
    top:0;
    left:0
}
body.p-blog #blogBodyContainer {
    background-color:#ececeb;
    padding:66px 0 66px 0
}
body.p-blog #blogBody {
    width:963px;
    margin:0 auto;
    overflow:hidden;
    background-color:white;
    padding:65px 60px
}
body.p-blog #blogBody #main {
    width:691px;
    float:left;
    margin:0 37px 0 0
}
body.p-blog #blogBody #sidebar {
    width:235px;
    float:left
}
body.p-blog #blogBody #sidebar h4 {
    margin-bottom:30px
}
body.p-blog #blogBody .pane {
    background-color:#ececeb;
    position:relative;
    padding:25px 25px;
    display:block;
    cursor:pointer;
    margin:0 0 16px 0;
    display:none
}
body.p-blog #blogBody .pane:hover {
    background-color:#77C4BC;
    color:white!important
}
body.p-blog #blogBody .pane:hover .readMore {
    background-color:#333
}
body.p-blog #blogBody .pane:hover .readMore:hover {
    background-color:#333
}
body.p-blog #blogBody .pane:hover * {
    color:white
}
body.p-blog #blogBody .pane img {
    border-radius:100px
}
body.p-blog #blogBody .pane h5 {
    font-weight:bold
}
body.p-blog #blogBody .pane h3 {
    font-size:23px;
    line-height:24px;
    padding:0 0 60px 0;
    margin:0
}
body.p-blog #blogBody .pane .mask {
    position:absolute;
    left:25px;
    top:25px
}
body.p-blog #blogBody .pane .readMore {
    position:absolute;
    display:inline-block;
    bottom:12px;
    right:0px;
    margin:0 0 0 0;
    background-color:#76c5bd
}
body.p-blog #blogBody img {
    margin-bottom:25px
}
body.p-blog #blogBody p {
    font-size:14px
}
body.p-blog #authorComments {
    position:relative
}
body.p-blog #authorComments .socialWrap {
    width:198px;
    position:absolute;
    right:0px;
    top:68px
}
body.p-blog #authorComments h4 {
    font-size:13px;
    line-height:15px;
    font-weight:bold
}
body.p-blog #authorComments h4.title {
    color:#68bfb6
}
body.p-blog #authorComments h4.name {
    color:#292929;
    padding:20px 0 0 0
}
body.p-blog #authorComments p.by {
    border-bottom:5px solid #cccccc;
    padding:0 0 5px 0;
    margin:0 0 25px 0
}
body.p-blog #authorComments .postAuthorWrap {
    position:relative;
    width:81px;
    height:81px;
    float:left;
    margin:0 15px 0 0
}
body.p-blog #authorComments .postAuthorWrap .mask {
    position:absolute;
    left:0;
    top:0
}
body.p-blog #authorComments #disqus_thread {
    clear:left;
    margin-top:66px
}
body.p-blog #comments {
    clear:both
}
body.p-blog #blogHeader.authors {
    position:relative;
    margin:0 0 75px 0;
    border-bottom:1px solid #ececeb
}
body.p-blog #blogHeader.authors .wrap {
    *zoom:1;
    padding:30px 0px 10px;
    width:783px;
    margin:0 auto;
    position:relative
}
body.p-blog #blogHeader.authors .wrap:after {
    content:"";
    display:table;
    clear:both
}
body.p-blog #blogHeader.authors .page-arrows {
    position:absolute;
    top:65px;
    left:0;
    overflow:visible
}
body.p-blog #blogHeader.authors .page-arrows li {
    margin-left:806px
}
body.p-blog #blogHeader.authors .page-arrows li:first-child {
    margin-left:-86px
}
body.p-blog #blogHeader.authors .page-arrows .previous a {
    background:url('../img/global/large-arrow-previous-dark-1422057211.png') no-repeat left center
}
body.p-blog #blogHeader.authors .page-arrows .next a {
    background:url('../img/global/large-arrow-next-dark-1422057211.png') no-repeat right center
}
body.p-blog .authorShowcase .author {
    *zoom:1
}
body.p-blog .authorShowcase .author:after {
    content:"";
    display:table;
    clear:both
}
body.p-blog .authorShowcase .author .authorImageWrap {
    position:relative;
    margin:0 30px 0 0;
    background-color:#ececeb;
    width:139px;
    height:138px;
    overflow:hidden;
    float:left
}
body.p-blog .authorShowcase .author .authorImageWrap .mask {
    position:absolute;
    left:0;
    top:0
}
body.p-blog .authorShowcase .author .authorBlurb {
    float:left;
    width:602px
}
body.p-blog .authorShowcase .author .authorBlurb p {
    line-height:20px;
    font-size:13px
}
body.p-blog .authorShowcase .author .authorBlurb .title {
    color:#68bfb6
}
body.p-blog .listing {
    width:966px;
    margin:0 auto 68px
}
body.p-blog .block.listing {
    overflow:hidden
}
body.p-blog .block.listing .post {
    width:268px;
    padding:22px;
    background-color:#ececeb;
    float:left;
    margin:0 15px 11px 0;
    position:relative
}
body.p-blog .block.listing .post:nth-child(3n+3) {
    margin:0 0 11px 0
}
body.p-blog .block.listing .post:hover {
    background-color:#77c4bc;
    color:white
}
body.p-blog .block.listing .post:hover h5,
body.p-blog .block.listing .post:hover h3,
body.p-blog .block.listing .post:hover p {
    color:white
}
body.p-blog .block.listing .post:hover .readMore {
    background-color:white;
    color:#333
}
body.p-blog .block.listing .post:hover p.author {
    color:white
}
body.p-blog .block.listing .post:hover p.author span {
    color:white;
    border-color:white
}
body.p-blog .block.listing .post:hover .postImage {
    background-position:bottom center
}
body.p-blog .block.listing .post .postImage {
    background:url('../img/global/slash-big-1422057211.png') no-repeat top center
}
body.p-blog .block.listing .post a img {
    -webkit-border-radius:100px;
    -moz-border-radius:100px;
    border-radius:100px;
    margin:0 auto 20px;
    display:block
}
body.p-blog .block.listing .post h5 {
    margin-bottom:10px
}
body.p-blog .block.listing .post h3 {
    margin-bottom:92px;
    font-size:28px;
    line-height:28px
}
body.p-blog .block.listing .post p.author {
    font-size:11px;
    font-weight:bold;
    color:#666666;
    position:absolute;
    bottom:25px;
    left:25px;
    margin:0
}
body.p-blog .block.listing .post p.author span {
    border-bottom:2px solid #cccccc;
    color:#333333
}
body.p-blog .block.listing .post p.readMore {
    margin:0;
    background-color:#77c4bc;
    padding:8px 14px;
    position:absolute;
    right:25px;
    bottom:25px
}
body.p-blog hr {
    width:960px;
    margin:0 auto
}
body.p-blog #blogPost {
    position:relative
}
body.p-blog div.viewSettings {
    width:960px;
    margin:0 auto;
    position:relative
}
body.p-blog div.viewSettings>ul {
    right:-3px;
    position:absolute;
    top:-76px;
    color:white
}
body.p-blog div.viewSettings>ul li {
    display:inline-block
}
body.p-blog div.viewSettings>ul li a {
    color:white
}
body.p-blog div.viewSettings>ul li.vertical {
    width:49px;
    height:21px
}
body.p-blog div.viewSettings>ul li.vertical a {
    background-color:#68bfb6;
    padding:13px 15px 12px;
    display:block
}
body.p-blog div.viewSettings>ul li.vertical a span {
    background:url('../img/blog/icon_view-vertical-1422057211.gif') no-repeat left top;
    height:15px;
    width:20px;
    display:block;
    text-indent:-9999em
}
body.p-blog div.viewSettings>ul li.vertical a:hover {
    background-color:#4aa89e
}
body.p-blog div.viewSettings>ul li.vertical a:active {
    background-color:#37988e
}
body.p-blog div.viewSettings>ul li.horizontal {
    width:49px;
    height:37px
}
body.p-blog div.viewSettings>ul li.horizontal a {
    background-color:#68bfb6;
    padding:10px 17px;
    display:block
}
body.p-blog div.viewSettings>ul li.horizontal a span {
    background:url('../img/blog/icon_view-horizontal-1422057211.gif') no-repeat left top;
    height:20px;
    width:15px;
    display:block;
    text-indent:-9999em
}
body.p-blog div.viewSettings>ul li.horizontal a:hover {
    background-color:#4aa89e
}
body.p-blog div.viewSettings>ul li.horizontal a:active {
    background-color:#37988e
}
body.p-blog div.viewSettings>ul li.dropdown {
    height:9px;
    position:relative
}
body.p-blog div.viewSettings>ul li.dropdown a {
    background:#68bfb6 url('../img/global/small-arrow-next-1422057211.png') no-repeat right center;
    padding:13px 67px 12px 17px;
    color:white
}
body.p-blog div.viewSettings>ul li.dropdown a:hover {
    background-color:#4aa89e
}
body.p-blog div.viewSettings ul li>ul {
    display:none
}
body.p-blog div.viewSettings ul li.dropdown:hover>ul {
    display:block;
    position:absolute;
    top:28px;
    left:50px;
    z-index:1000;
    border-top:1px solid white
}
body.p-blog div.viewSettings ul li.dropdown:hover>ul li a {
    display:block;
    width:100px;
    background-image:none;
    padding:13px 17px
}
body.p-blog div.viewSettings ul li.dropdown:hover>ul li a:active {
    background-color:#37988e
}
body.p-blog #blogNavigation {
    background-color:#77c4bc;
    padding:0 0 50px;
    color:white;
    position:fixed;
    top:119px;
    left:0px;
    width:100%;
    z-index:2;
    -webkit-box-shadow:0 2px 3px rgba(0,
    0,
    0,
    0.15);
    -moz-box-shadow:0 2px 3px rgba(0,
    0,
    0,
    0.15);
    -o-box-shadow:0 2px 3px rgba(0,
    0,
    0,
    0.15);
    box-shadow:0 2px 3px rgba(0,
    0,
    0,
    0.15)
}
body.p-blog #blogNavigation a,
body.p-blog #blogNavigation h3 {
    color:white
}
body.p-blog #blogNavigation h3 {
    margin:0 0 25px 0;
    font:800 19px/19px proxima-nova,
    'Helvetica Neue',
    Helvetica,
    Arial,
    sans-serif
}
body.p-blog #blogNavigation .wrap {
    width:960px;
    margin:0 auto;
    overflow:hidden;
    padding-top:50px
}
body.p-blog #blogNavigation .wrap>div {
    float:left
}
body.p-blog #blogNavigation .wrap>div ul {
    margin:0px
}
body.p-blog #blogNavigation .wrap>div ul li {
    list-style:none;
    font-size:16px;
    font:600 16px/18px proxima-nova,
    'Helvetica Neue',
    Helvetica,
    Arial,
    sans-serif
}
body.p-blog #blogNavigation .wrap>div ul li a {
    display:block;
    border-bottom:1px solid #a0d6d0;
    padding:7px 0
}
body.p-blog #blogNavigation .wrap>div ul li a:hover {
    opacity:0.7;
    -moz-opacity:0.7;
    filter:alpha(opacity=7)
}
body.p-blog #blogNavigation .wrap>div ul li:last-child a {
    border:0px
}
body.p-blog #blogNavigation a.viewAll {
    display:inline-block;
    background:#fff url("http://www.bkwld.com/dist/global/li-arrow-dark-alt.png") no-repeat 12px center;
    color:#333;
    font:600 15px/18px proxima-nova,
    'Helvetica Neue',
    Helvetica,
    Arial,
    sans-serif;
    padding:8px 12px 8px 25px
}
body.p-blog #blogNavigation .byPopularity {
    width:270px;
    margin:0 115px 0 0
}
body.p-blog #blogNavigation .byPopularity ul {
    margin-bottom:69px!important
}
body.p-blog #blogNavigation .byTopic {
    width:191px;
    margin:0 85px 0 0
}
body.p-blog #blogNavigation .byTopic li {
    margin-bottom:-4px
}
body.p-blog #blogNavigation .byTopic li a {
    padding:20px 0!important;
    display:inline-block!important;
    border:0!important
}
body.p-blog #blogNavigation .byTopic li span.icon {
    width:47px;
    height:47px;
    display:inline-block;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    border-radius:50px;
    margin:0 8px 0 0
}
body.p-blog #blogNavigation .byTopic li span.text {
    top:-17px;
    position:relative
}
body.p-blog #blogNavigation .byTopic li.design span.icon {
    background:#fff url("http://www.bkwld.com/dist/icons/sprockets-green.png") no-repeat center center
}
body.p-blog #blogNavigation .byTopic li.development span.icon {
    background:#fff url("http://www.bkwld.com/dist/icons/compass-green.png") no-repeat center center
}
body.p-blog #blogNavigation .byTopic li.production span.icon {
    background:#fff url("http://www.bkwld.com/dist/icons/paper-green.png") no-repeat center center
}
body.p-blog #blogNavigation .byTopic li.strategy span.icon {
    background:#fff url("http://www.bkwld.com/dist/icons/pencil-green.png") no-repeat center center
}
body.p-blog #blogNavigation .byTopic li.ramblings span.icon {
    background:#fff url("http://www.bkwld.com/dist/icons/compass-green.png") no-repeat center center
}
body.p-blog #blogNavigation .byTopic li.events span.icon {
    background:#fff url("http://www.bkwld.com/dist/icons/paper-green.png") no-repeat center center
}
body.p-blog #blogNavigation .byPeople {
    width:250px
}
body.p-blog #blogNavigation .byPeople ul li {
    display:block;
    width:47px;
    height:47px;
    float:left;
    margin:0 20px 20px 0
}
body.p-blog #blogNavigation .byPeople ul li a {
    border:0!important;
    position:relative
}
body.p-blog #blogNavigation .byPeople ul li a:hover {
    opacity:1!important;
    -moz-opacity:1;
    filter:alpha(opacity=1)
}
body.p-blog #blogNavigation .byPeople ul li .tooltip {
    display:none;
    position:absolute;
    width:100%;
    left:50%;
    bottom:100%;
    width:114px;
    margin-left:-67px;
    z-index:10000;
    background-color:white;
    padding:10px 12px 8px;
    line-height:15px;
    font-size:13px;
    text-align:left;
    color:#292929;
    -webkit-box-shadow:0 2px 5px rgba(0,
    0,
    0,
    0.3);
    -moz-box-shadow:0 2px 5px rgba(0,
    0,
    0,
    0.3);
    box-shadow:0 2px 5px rgba(0,
    0,
    0,
    0.3)
}
body.p-blog #blogNavigation .byPeople ul li .tooltip em {
    font-style:normal;
    color:#68bfb6
}
body.p-blog #blogNavigation .byPeople ul li .tooltip:after {
    display:block;
    background:url('../img/blog/tooltip_pointer-1422057211.gif') no-repeat left top;
    width:13px;
    height:6px;
    bottom:-6px;
    content:'';
    position:absolute;
    left:50%;
    margin-left:-8px
}
body.p-blog #blogNavigation .byPeople ul li img {
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    border-radius:50px
}
body.p-blog #blogNavigation .byPeople ul li:nth-child(4n+4) {
    margin:0 0 20px 0
}
.p-careers {
    font:400 14px"proxima-nova",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif
}
.p-careers hr {
    border-bottom:1px solid #ececeb;
    margin:0
}
.p-careers .grid-wrapper {
    padding-left:4em;
    padding-bottom:30px
}
@media (max-width: 400px) {
    .p-careers .grid-wrapper {
        padding-left:2em
    }
}
@media (max-width: 700px) {
    .p-careers #header-feature {
        display:none
    }
}
.p-careers #features .slide h2 {
    color:#fff;
    font-size:48px;
    height:66px;
    margin-top:160px
}
.p-careers #features .slide h2 .plus {
    -webkit-transition:rotate 0.3s linear;
    -moz-transition:rotate 0.3s linear;
    -o-transition:rotate 0.3s linear;
    transition:rotate 0.3s linear;
    display:inline-block;
    position:relative;
    top:25px;
    left:20px
}
.p-careers #features .slide h2:hover .plus {
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    transform:rotate(90deg)
}
.p-careers #content {
    background:white;
    padding:0
}
.p-careers .main-container .content {
    margin:0 8% 20px 0
}
@media (max-width: 400px) {
    .p-careers .main-container .content {
        margin-right:0
    }
}
.p-careers .main-container .content h3 {
    font-weight:bold;
    margin-bottom:20px
}
.p-careers .main-container .content h3:first-child {
    margin-top:50px
}
@media (max-width: 400px) {
    .p-careers .main-container .content h3:first-child {
        margin-top:0;
        padding-top:70px
    }
}
.p-careers .main-container .content p,
.p-careers .main-container .content li {
    font-size:14px;
    line-height:20px
}
.p-careers .main-container .content li {
    line-height:28px
}
.p-careers .main-container .content p {
    margin:0 0 20px 0;
    text-align:justify
}
.p-careers .main-container .content-col {
    width:66.19718%;
    float:left;
    margin-right:1.40845%;
    display:inline
}
@media (max-width: 550px) {
    .p-careers .main-container .content-col {
        width:100%;
        float:left;
        margin-right:1.40845%;
        display:inline
    }
}
.p-careers .wrapper.work {
    clear:both;
    padding:25px 0px 10px
}
.p-careers .wrapper.work h3 {
    font-size:22px;
    margin-bottom:25px
}
.p-careers .sidebar-col {
    position:absolute;
    left:66.19718%;
    background-color:#77c4bc;
    right:0;
    top:0;
    bottom:0
}
@media (max-width: 550px) {
    .p-careers .sidebar-col {
        display:none
    }
}
.p-careers .sidebar {
    position:absolute;
    background-color:#77c4bc
}
.p-careers .sidebar .wrap {
    margin:10%
}
.p-careers .sidebar h3 {
    color:#fff;
    font:300 30px"proxima-nova",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
    margin:0 0 30px 0
}
.p-careers .sidebar ol {
    padding:0;
    margin:0
}
.p-careers .sidebar ol li {
    list-style:none;
    color:#fff;
    font-size:15px;
    position:relative;
    margin-bottom:30px
}
.p-careers .sidebar ol li.last {
    border:none
}
.p-careers .sidebar ol li span {
    -webkit-border-radius:34px;
    -moz-border-radius:34px;
    -ms-border-radius:34px;
    -o-border-radius:34px;
    border-radius:34px;
    background-color:#fff;
    position:absolute;
    display:inline-block;
    width:34px;
    height:34px;
    text-align:center;
    top:-2px;
    margin:0 12px 0 0;
    font:bold 18px/34px proxima-nova,
    'Helvetica Neue',
    Helvetica,
    Arial,
    sans-serif
}
.p-careers .sidebar ol li span .num {
    position:relative;
    top:1px;
    color:#188e81
}
.p-careers .sidebar ol li p {
    margin:0 0 20px 64px;
    font:300 15px"proxima-nova",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif
}
.p-careers .related-work {
    position:relative;
    z-index:1;
    background-color:#eee;
    background-image:-webkit-gradient(linear,
    50% 0%,
    50% 100%,
    color-stop(0%,
    #ffffff),
    color-stop(100%,
    #efefef));
    background-image:-webkit-linear-gradient(#ffffff,
    #efefef);
    background-image:-moz-linear-gradient(#ffffff,
    #efefef);
    background-image:-o-linear-gradient(#ffffff,
    #efefef);
    background-image:linear-gradient(#ffffff,
    #efefef);
    padding-top:30px
}
.p-careers .careeranchor {
    height:1px;
    position:relative;
    top:0px
}
.p-contact>footer {
    display:none
}
.p-contact h1 {
    font-size:60px
}
.p-contact hr {
    border-bottom:1px solid #dddee0;
    margin:0 0 60px 0
}
.p-contact .contact-head {
    width:100%;
    background-color:white
}
.p-contact .intro {
    height:160px;
    max-height:160px;
    overflow:hidden;
    max-width:580px;
    margin:90px auto 70px auto
}
.p-contact .intro .icon {
    position:absolute;
    width:30%;
    top:0;
    bottom:0
}
.p-contact .intro .heading {
    position:absolute;
    left:33%;
    width:75%;
    top:0;
    bottom:0
}
.p-contact .intro .heading h1 {
    line-height:150px
}
.p-contact .intro .button {
    background:#9bd3ce url('../img/icons-sfaeb56c6df.png') -19px -100px no-repeat
}
.p-contact .intro .button:after,
.p-contact .intro .button:before {
    -webkit-transition:background-color 0.15s ease-in-out;
    -moz-transition:background-color 0.15s ease-in-out;
    -o-transition:background-color 0.15s ease-in-out;
    transition:background-color 0.15s ease-in-out;
    background:#9BD3CE;
    width:45px;
    height:1px;
    content:'';
    position:absolute
}
.p-contact #content {
    background:#E3E3E2;
    padding-bottom:0
}
.p-contact ul {
    margin:0
}
.p-contact ul li {
    list-style:none
}
.p-contact .contact-wrap {
    background-color:white;
    width:75%;
    margin:70px auto;
    padding:70px 70px 30px 70px
}
@media (max-width: 600px) {
    .p-contact .contact-wrap {
        padding:70px 0;
        width:100%
    }
}
.p-contact .details {
    clear:both;
    margin:auto
}
.p-contact .details h4 {
    margin-bottom:10px;
    font-size:17px
}
.p-contact .details p {
    font:300 15px"proxima-nova",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif
}
.p-contact .details .contact-details {
    display:inline-block
}
.p-contact .details .contact-details h4 {
    text-align:left
}
.p-contact .details .contact-details p {
    text-align:left
}
.p-contact .details .contact-details a {
    text-align:left
}
.p-contact .details li {
    margin-bottom:50px;
    text-align:center;
    width:31.25%;
    float:left;
    margin-right:3.125%;
    display:inline
}
.p-contact .details li:nth-child(3) {
    float:right;
    margin-right:0
	
}
@media (max-width: 750px) {
    .p-contact .details li {
        width:100%;
        float:left;
        margin-right:3.125%;
        display:inline;
        margin-right:3.125%;
        *margin-left:auto
    }
}
.p-contact .details .email a {
    font:300 16px"proxima-nova",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
    text-decoration:underline
}
.p-contact .details .main-p {
    margin-bottom:30px
}
.p-contact .details .phone {
    font:400 15px"proxima-nova",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
    background:url('../img/icons-sfaeb56c6df.png') 0 -1368px no-repeat;
    height:17px;
    font-size:16px;
    padding-left:44px;
	
	
}
.p-contact .details .boxed {
    padding:7px 35px;
    -webkit-font-smoothing:antialiased
}
.p-contact hr {
    clear:both
}
.p-contact .offices .map {
    width:100%;
    height:325px;
    margin-bottom:15px
}
.p-contact .offices h3 {
    margin-bottom:15px
}
.p-contact .offices h4 {
    margin-bottom:20px;
    padding-bottom:10px;
    font-size:16px;
    border-bottom:1px solid #dddee0
}
.p-contact .offices address {
    position:relative;
    font:400 16px"proxima-nova",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
    line-height:20px
}
.p-contact .offices address .right {
    position:absolute;
    right:0px;
    top:-3px;
    text-align:right
}
@media (max-width: 600px) {
    .p-contact .offices address .right {
        position:relative;
        right:auto;
        top:auto;
        text-align:left;
        margin-top:20px
    }
}
.p-contact .offices address div {
    width:70.61905%;
    float:left;
    margin-right:4.7619%;
    display:inline
}
.p-contact .offices address div:nth-child(2) {
    float:right;
    margin-right:0
}
@media (max-width: 750px) {
    .p-contact .offices address div {
        width:100%;
        float:left;
        margin-right:4.7619%;
        display:inline;
        float:left;
        margin-right:4.7619%;
        *margin-left:auto
    }
}
.p-contact .offices li {
    margin-bottom:50px
}
.p-contact footer {
    margin:0
}
.p-contact footer.green {
    -webkit-font-smoothing:antialiased;
    background:#77c4bc;
    padding:80px 0 180px
}
.p-contact footer.green .grid-wrapper {
    text-align:center
}
.p-contact footer.green .grid-wrapper h2 {
    color:#fff;
    font-size:36px;
    font-weight:100
}
@media (max-width: 480px) {
    .p-contact footer.green .grid-wrapper h2 {
        font-size:30px
    }
}
@media screen and (max-width: 500px) {
    body.p-home #header-feature {
        display:none
    }
}
@media only screen and (max-device-width: 1024px) {
    body.p-home #content {
        margin-top:-10px
    }
}
body.p-home .work h3 {
	font-weight:300;
	
    margin-bottom:30px
}
body.p-home .news h3 {
    margin:18px 15px 20px 0
}


body.p-profile .work h3 {
	font-weight:300;
	*margin-left:auto;
	text-align:left;
	width:600px;
    margin-bottom:20px
	
}



body.p-profile .news h3 {
	font-weight:300;
	*margin-left:auto;
	text-align:left;
	width:600px;
	margin-bottom:20px;
    margin-top:20px
	
}
















body.p-home .news h3 {
    margin:18px 15px 20px 0
}






@media (max-width: 700px) {
    body.p-home .thumbnail-listing li.last {
        display:none
    }
}
body.p-home .intro {
    margin:0;
    padding:20px 0 10px 0px;
    overflow:hidden
}
body.p-home .intro .profile-button {
    position:absolute;
    width:20%;
    right:0;
    top:0;
    bottom:0;
    margin-top:20px
}
@media (max-width: 700px) {
    body.p-home .intro .profile-button {
        display:none
    }
}
@media (max-width: 400px) {
    body.p-home .intro {
        padding-top:7px
    }
}
body.p-home .slider .border {
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    margin:0 2em;
    border-bottom:1px solid #ccc
}
#blogroll {
    margin-top:50px
}
#blogroll .wrapper {
    position:relative;
    border-bottom:1px solid #ccc
}
#blogroll .wrapper .page-controls {
    position:absolute;
    bottom:50px;
    left:330px
}
#blogroll .wrapper .page-arrows {
    position:absolute;
    right:0;
    bottom:-1px
}
#blogroll .posts {
    margin:35px 0 40px
}
#blogroll .post {
    display:none;
    overflow:hidden
}
#blogroll .post.active {
    display:block
}
#blogroll .post .author {
    float:left;
    width:280px;
    margin-right:80px
}
#blogroll .post .meta {
    float:left;
    width:600px
}
#blogroll .post .meta h2 a {
    font-weight:normal
}
#blogroll .post .meta time {
    display:block;
    font-weight:bold;
    font-size:13px;
    margin-bottom:10px
}
#blogroll .post .read-more {
    width:275px;
    float:right;
    margin-top:60px
}
#blogroll .post .info {
    margin:25px 0 0 85px
}
.col-left,
.col-right {
    float:left;
    margin:60px 0
}
.col-left h2,
.col-right h2 {
    -webkit-font-smoothing:antialiased;
    font-size:28px;
    line-height:28px;
    font-weight:700;
    letter-spacing:0px
}
.col-left h3,
.col-right h3 {
    -webkit-font-smoothing:antialiased;
    margin-top:30px;
    font-size:30px;
    line-height:40px;
    font-weight:300
}
.col-left h4,
.col-right h4 {
    -webkit-font-smoothing:antialiased;
    margin-top:25px;
    font-weight:bold;
    font-size:30px
}
.col-left {
    width:74%
}
.col-left h3 {
    padding-right:90px
}
.col-right {
    width:24%
}
.col-right ul {
    margin-top:30px;
    margin-left:0
}
.col-right ul li {
    list-style-type:none;
    font:300 20px"proxima-nova",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
    margin-bottom:10px
}
@media (max-width: 768px) {
    .col-left,
    .col-right {
        float:none;
        width:100%
    }
    .col-left h3 {
        font-size:20px;
        line-height:28px;
        padding-right:0
    }
    .col-left h4 {
        font-size:18px
    }
    .col-right li {
        display:inline-block
    }
    .col-right li:after {
        content:', '
    }
    .col-right li:first-child {
        margin-left:0
    }
    .col-right li:last-child:after {
        content:''
    }
}
@media (max-width: 500px) {
    .col-left,
    .col-right {
        text-align:center
    }
}
body.p-news #features,
body.p-work #features {
    height:400px;
    border-bottom:1px solid #fff;
    margin:0 0 30px
}
body.p-news #features .meta,
body.p-work #features .meta {
    float:left;
    width:465px
}
body.p-news #features .meta h2,
body.p-work #features .meta h2 {
    font:300 48px/41px proxima-nova,
    'Helvetica Neue',
    Helvetica,
    Arial,
    sans-serif;
    letter-spacing:-2px
}
body.p-news #features .meta h2 a,
body.p-work #features .meta h2 a {
    font-weight:300
}
body.p-news #features .meta p,
body.p-work #features .meta p {
    font:400 14px/21px proxima-nova,
    'Helvetica Neue',
    Helvetica,
    Arial,
    sans-serif
}
body.p-news #features .meta .boxed,
body.p-work #features .meta .boxed {
    margin-top:10px;
    float:left
}
body.p-news #features .preview,
body.p-work #features .preview {
    float:right
}
body.p-news .wrapper,
body.p-work .wrapper {
    padding:0 0 50px
}
body.p-news .main {
    background:#ECECEB
}
@media (max-width: 400px) {
    body.p-news .marquee {
        padding-top:30px
    }
}
body.p-news .marquee .header {
    width:57.74648%;
    float:left;
    margin-right:1.40845%;
    display:inline;
    padding-bottom:30px
}
@media (max-width: 550px) {
    body.p-news .marquee .header {
        width:100%;
        float:left;
        margin-right:1.40845%;
        display:inline
    }
}
body.p-news .marquee .header h2 {
    font-family:"proxima-nova";
    font-size:4em;
    line-height:1em;
    margin-bottom:20px
}
body.p-news .marquee .header h2 a {
    font-weight:100!important
}
body.p-news .marquee .header p {
    margin-bottom:90px;
    font-size:1.2em;
    letter-spacing:1px;
    line-height:2em;
    color:#555
}
body.p-news .marquee .preview {
    width:32.39437%;
    float:right;
    margin-right:0;
    *margin-left:-1.2em;
    display:inline;
    text-align:right;
    margin-right:30px
}
@media (max-width: 550px) {
    body.p-news .marquee .preview {
        width:100%;
        float:left;
        margin-right:1.40845%;
        display:inline;
        text-align:center;
        margin-top:20px;
        margin-bottom:30px
    }
}
body.p-news .news-marquee-hr {
    height:1px;
    border:0px;
    background-color:#fff;
    margin:50px 0 80px
}
body.p-news .boxed {
    font-family:'proxima-nova-extra-condensed';
    padding:8px 15px;
    font-size:18px
}
body.p-news #features .meta {
    margin-right:165px
}
body.p-news #features .slide {
    overflow:hidden;
    padding:65px 0 0
}
.modal-wrapper {
    background:#ececeb;
    display:none;
    padding:50px 0 90px;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:2
}
@media (max-width: 700px) {
    .modal-wrapper {
        padding:20px;
        background:#fff
    }
}
.modal-content {
    margin:0 auto
}
.modal-content .top {
    position:fixed;
    bottom:100px;
    right:50px
}
.modal-content article {
    background:#fff;
    padding:35px 0px;
    position:relative;
    overflow:hidden;
    margin:auto;
    -webkit-font-smoothing:antialiased
}
@media (max-width: 700px) {
    .modal-content article {
        padding:35px 0px!important
    }
}
.modal-content article a {
    -webkit-font-smoothing:antialiased
}
.modal-content article p {
    color:#676767
}
.modal-content article .boxed {
    position:absolute;
    top:0;
    right:0;
    font:600 15px proxima-nova-extra-condensed,
    'Helvetica Neue',
    Helvetica,
    Arial,
    sans-serif
}
@media (max-width: 700px) {
    .modal-content article .boxed {
        right:5px
    }
}
.modal-content article aside.primary {
    float:left;
    width:58%;
    padding-left:30px
}
.modal-content article aside.primary .meta {
    border-bottom:1px solid #dfdede;
    padding:0 0 20px
}
.modal-content article aside.primary .meta time {
    color:#77c4bc;
    font:13px'Helvetica Neue',
    Helvetica,
    Arial,
    sans-serif;
    display:block;
    margin-bottom:10px
}
.modal-content article aside.primary .meta h1 {
    margin:0;
    color:#333;
    font:300 30px proxima-nova,
    'Helvetica Neue',
    Helvetica,
    Arial,
    sans-serif;
    margin-bottom:5px
}
.modal-content article aside.primary img {
    max-width:100%!important;
    height:auto!important
}
.modal-content article aside.primary .body {
    margin-top:25px
}
.modal-content article aside.primary p {
    font:14px/28px'Helvetica Neue',
    Helvetica,
    Arial,
    sans-serif;
    padding:6px 0
}
.modal-content article aside.primary a {
    color:#09c
}
.modal-content article aside.primary a:hover {
    color:#00bfff
}
.modal-content article aside.primary a:active {
    color:#0086b3
}
.modal-content article aside.primary a:visited {
    color:#77c4bc
}
@media (max-width: 700px) {
    .modal-content article aside.primary {
        float:inherit;
        width:100%;
        padding-left:0
    }
    .modal-content article aside.primary img {
        width:100%!important;
        height:auto!important
    }
}
.modal-content article aside.secondary {
    float:left;
    max-width:300px;
    width:33%;
    margin-left:30px
}
@media (max-width: 700px) {
    .modal-content article aside.secondary {
        margin-right:0;
        background-color:#f2f2f2;
        max-width:none;
        width:100%;
        padding:30px 0px 10px 0px;
        margin:20px 0px
    }
}
.modal-content article aside.secondary .preview {
    background:#f2f2f2;
    height:350px;
    text-align:center;
    line-height:350px;
    margin-bottom:25px
}
@media (max-width: 700px) {
    .modal-content article aside.secondary .preview {
        background-color:none;
        height:auto;
        line-height:0px
    }
}
.modal-content article aside.secondary .preview img {
    vertical-align:middle;
    max-width:100%
}
@media (max-width: 700px) {
    .modal-content article aside.secondary .preview img {
        background-color:none;
        max-width:270px;
        width:100%
    }
}
@media (max-width: 700px) {
    .modal-content article aside.secondary .section {
        display:none
    }
}
.modal-content article aside.secondary h3 {
    padding:10px 0;
    font-size:17px;
    border-bottom:1px solid #dfdede;
    margin-bottom:10px
}
@media (max-width: 700px) {
    .modal-content article aside.secondary {
        float:inherit;
        width:100%
    }
}
.modal-content article .link {
    margin:20px 0 40px
}
.modal-content article .link .thumb {
    margin:0 0 10px
}
.modal-content article .link .thumb a,
.modal-content article .link .thumb img {
    display:block
}
.modal-content article .link p {
    font:13px/18px'Helvetica Neue',
    Helvetica,
    Arial,
    sans-serif
}
@media (max-width: 700px) {
    .modal-content article {
        width:auto;
        padding:35px
    }
}
.modal-content .related {
    margin-top:90px
}
.modal-content .related h3 {
    margin-bottom:25px
}
@media (max-width: 700px) {
    .modal-content {
        width:100%
    }
}
body.p-news .thumbnail-listing.small img {
    height:inherit;
    width:85%
}
body.p-approach {
    padding-top:0px
}
body.p-approach>header {
    display:none
}
body.p-approach .wrap {
    width:960px;
    margin:0 auto
}
body.p-approach .wrap h4 {
    margin:0 0 15px 0
}
body.p-approach .panes {
    margin-bottom:40px
}
body.p-approach .plus {
    display:inline-block;
    margin:0 8px 0 0
}
body.p-approach h4.title small {
    position:relative;
    top:-3px
}
body.p-approach .previous {
    position:absolute;
    top:404px;
    right:0
}
body.p-approach .next {
    position:absolute;
    top:338px;
    right:0
}
body.p-approach .videoSlide iframe {
    display:block;
    margin:70px auto 0
}
body.p-approach .pencil-mid {
    background-image:url('../img/process/process-sprite-1422057211.png');
    background-repeat:no-repeat;
    background-position:0 -360px;
    padding:10px 0 10px 90px;
    margin:0 0 0 0
}
body.p-approach .return {
    background:#77C4BC;
    font:600 15px proxima-nova-extra-condensed,
    "Helvetica Neue",
    Helvetica,
    sans-serif;
    color:white;
    text-transform:uppercase;
    padding:16px 16px 16px 13px;
    position:absolute;
    right:0;
    top:34px
}
body.p-approach .intro {
    padding:0;
    overflow:hidden
}
body.p-approach .intro .wrap .copy {
    width:680px;
    float:left;
    margin:0 40px 0 0
}
body.p-approach .intro .wrap .copy h4 {
    column-span:all;
    -webkit-column-span:all;
    -moz-column-span:all;
    margin:0 0 15px 0
}
body.p-approach .intro .button.next {
    background:#53b5aa url('../img/global/large-arrow-next-1422057211.png') no-repeat right center;
    line-height:15px;
    text-align:left;
    padding-top:54px;
    height:85px;
    padding-left:25px;
    width:115px;
    bottom:-98px!important;
    top:initial
}
body.p-approach .intro .button.next:hover {
    background-position:no-repeat;
    right:-10px
}
body.p-approach .intro .wrap .copy p {
    column-count:2;
    -webkit-column-count:2;
    -moz-column-count:2;
    column-gap:22px;
    -webkit-column-gap:22px;
    -moz-column-gap:22px
}
body.p-approach .intro .wrap .related {
    float:left;
    width:195px
}
body.p-approach .intro .wrap .related img {
    margin:0 0 0 26px
}
body.p-approach .headline {
    height:554px;
    width:100%;
    background-size:100%;
    background:url('../img/process/intro-1422057211.jpg') no-repeat top left;
    margin:0 0 40px 0;
    position:relative
}
body.p-approach .headline .wrap {
    position:absolute;
    bottom:30px;
    left:50%;
    margin-left:-480px
}
body.p-approach .headline h2 {
    font:100 72px/58px proxima-nova,
    'Helvetica Neue',
    Helvetica,
    Arial,
    sans-serif;
    color:white
}
body.p-approach .headline a.button {
    position:absolute;
    bottom:0;
    right:0
}
body.p-approach div#lightbox {
    position:absolute;
    width:890px;
    margin:auto;
    padding:35px;
    background-color:#fff;
    z-index:9999;
    display:none
}
body.p-approach div#lightbox h1 {
    position:relative;
    font-size:30px;
    letter-spacing:normal;
    padding-bottom:30px;
    margin:0 0 30px 0;
    border-bottom:1px solid #dfdede
}
body.p-approach div#lightbox p {
    margin-bottom:30px
}
body.p-approach div#lightbox p:last-child {
    margin-bottom:0
}
body.p-approach div#lightbox a.close {
    position:absolute;
    padding:15px 25px;
    top:0;
    right:0;
    font-size:32px;
    font-weight:normal;
    color:#fff;
    text-align:center;
    background-color:#77c4bc;
    display:inline-block;
    cursor:pointer;
    z-index:100
}
body.p-approach div#lightbox a.close:hover {
    background-color:#9bd3ce
}
body.p-approach div#lightbox .section {
    position:relative;
    width:inherit;
    display:inline-block
}
body.p-approach div#lightbox .section .video {
    position:relative;
    width:inherit
}
body.p-approach div#lightbox #spyder-video {
    display:none
}
body.p-approach div#lightbox a.view-case {
    position:absolute;
    right:0;
    bottom:-1px;
    color:#fff;
    font-size:10px;
    letter-spacing:normal;
    text-transform:uppercase;
    background-color:#525151;
    padding:10px;
    font-weight:normal;
    cursor:pointer
}
body.p-approach div#lightbox .left {
    position:relative;
    float:left;
    width:295px
}
body.p-approach div#lightbox .left ul.slides {
    position:relative;
    width:295px;
    height:350px;
    margin:0;
    overflow:hidden
}
body.p-approach div#lightbox .left ul.slides li {
    position:absolute;
    float:left;
    list-style:none;
    width:295px;
    height:350px
}
body.p-approach div#lightbox .left .handles {
    width:inherit;
    margin-top:5px
}
body.p-approach div#lightbox .left .handles p {
    width:60%;
    float:left
}
body.p-approach div#lightbox .left .handles ul {
    width:40%;
    float:right;
    margin:0;
    padding:0;
    display:inline-block
}
body.p-approach div#lightbox .left .handles ul li {
    float:right;
    list-style:none;
    padding-left:10px
}
body.p-approach div#lightbox .left .handles ul li a {
    height:20px;
    width:20px;
    text-indent:-99999px;
    display:block;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    -ms-border-radius:15px;
    -o-border-radius:15px;
    border-radius:15px;
    background-color:#ccc
}
body.p-approach div#lightbox .left .handles ul li:hover {
    background-color:#9bd3ce
}
body.p-approach div#lightbox .left .handles ul li:hover.curr,
body.p-approach div#lightbox .left .handles ul li .curr {
    background-color:#77c4bc
}
body.p-approach div#lightbox .right {
    width:550px;
    float:right;
    padding:50px 0 0 0
}
body.p-approach dl.contact {
    width:50%;
    float:left;
    display:inline-block;
    margin:50px 0 0 0
}
body.p-approach dl.contact:nth-child(2) {
    padding:25px 0 5px 0
}
body.p-approach dl.contact dt {
    width:160px;
    height:150px;
    float:left;
    text-indent:-99999px;
    display:inline-block;
    margin:0
}
body.p-approach dl.contact dd {
    width:inherit;
    float:left;
    display:inline-block;
    line-height:25px;
    margin:0
}
body.p-approach dl.contact .process-hello {
    background-image:url('../img/process/process-sprite-1422057211.png');
    background-repeat:no-repeat;
    background-position:0 0;
    margin:0 0 0 0
}
body.p-approach dl.contact .process-questions {
    background-image:url('../img/process/process-sprite-1422057211.png');
    background-repeat:no-repeat;
    background-position:0 -180px;
    margin:0 0 0 0
}
body.p-approach dl.contact .tele-icon {
    background-image:url('../img/process/process-sprite-1422057211.png');
    background-repeat:no-repeat;
    background-position:0 -465px;
    padding:0px 0 0px 30px
}
body.p-approach .tabs {
    background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAAAAAA6fptVAAAACklEQVQIHWN4CgAA5wDmqyWhugAAAABJRU5ErkJggg==') repeat-x 0 50%;
    position:relative;
    height:14px;
    margin:0 auto 50px;
    width:960px;
    overflow:visible
}
body.p-approach .tabs li {
    display:inline-block;
    position:absolute;
    float:left;
    width:14px;
    height:14px;
    list-style:none
}
body.p-approach .tabs li.step-two {
    left:56px
}
body.p-approach .tabs li.step-three {
    left:114px
}
body.p-approach .tabs li.step-four {
    left:216px
}
body.p-approach .tabs a {
    -webkit-transition:all 0.25s cubic-bezier(0.075,
    0.82,
    0.165,
    1);
    -moz-transition:all 0.25s cubic-bezier(0.075,
    0.82,
    0.165,
    1);
    -o-transition:all 0.25s cubic-bezier(0.075,
    0.82,
    0.165,
    1);
    transition:all 0.25s cubic-bezier(0.075,
    0.82,
    0.165,
    1);
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    -ms-border-radius:15px;
    -o-border-radius:15px;
    border-radius:15px;
    background-color:#ccc;
    width:15px;
    height:15px;
    display:block;
    text-indent:-9999em;
    pointer-events:stroke
}
body.p-approach .tabs a.current {
    background-color:#fff;
    border:3px solid #77c4bc;
    width:10px;
    height:10px
}
body.p-approach .tabs a:hover,
body.p-approach .tabs a.active {
    -webkit-border-radius:34px;
    -moz-border-radius:34px;
    -ms-border-radius:34px;
    -o-border-radius:34px;
    border-radius:34px;
    background-color:#242424;
    width:35px;
    height:35px;
    margin:-10px 0 0 -10px;
    border:0
}
body.p-approach .tabs a:active,
body.p-approach .tabs a.visited {
    background-color:#77c4bc
}
body.p-approach .tabs .step-welcome a {
    background:#ccc url('../img/icons-sfaeb56c6df.png') 15px -1465px no-repeat
}
body.p-approach .tabs .step-welcome a:hover {
    background-color:#242424;
    background-position:0 -1465px
}
body.p-approach ul.list-column {
    width:inherit;
    display:inline-block;
    margin:0 0 0 0
}
body.p-approach ul.list-column li {
    width:50%;
    float:left;
    display:inline-block;
    list-style-image:none
}
body.p-approach ul.list-column li p {
    text-align:left;
    padding:0 20px 20px 0
}
body.p-approach ul.list-column-3 {
    width:inherit;
    display:inline-block;
    margin:0 0 0 0
}
body.p-approach ul.list-column-3 li {
    width:33.3%;
    float:left;
    display:inline-block;
    list-style-image:none
}
body.p-approach ul.list-column-3 li p {
    text-align:left;
    padding:0 20px 20px 0
}
body.p-approach ul.list-column-3 li div.spyder-callout {
    width:250px;
    margin:0 auto;
    text-align:left
}
body.p-approach ul.list-column-3 li div.spyder-callout>a {
    text-align:center;
    display:block;
    margin-bottom:10px
}
body.p-approach ul.list-column-3 li:last-child {
    text-align:center
}
body.p-profile #subbar i {
    background-position:0 -1175px
}
@media (max-width: 700px) {
    body.p-profile #header-feature {
        display:none
    }
}
body.p-profile .content {
    background:white;
    text-align:center
}
body.p-profile .content h1 {
    font:100 55px"proxima-nova",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
    color:#000;
    line-height:60px;
    margin:50px auto 30px;
    margin:3.125rem auto 1.875rem;
    text-align:center
}
@media (max-width: 400px) {
    body.p-profile .content h1 {
        line-height:40px
    }
}
body.p-profile .content p {
    font:300 24px"proxima-nova",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
    color:#242424;
    font-size:24px;
    font-size:1.5rem;
    margin:30px auto;
    text-align:center;
    line-height:1.5em;
    max-width:850px
}
body.p-profile .intro-belief {
    -webkit-font-smoothing:antialiased;
    font:400 23px"proxima-nova",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
    color:#fff;
    margin:0px auto 60px;
    padding:20px 40px;
    text-align:center;
    background:#77c4bc;
    display:inline-block
}
body.p-profile .hide-border {
    width:100%;
    overflow:hidden
}
body.p-profile .grid {
    *zoom:1;
    margin-right:-1px
}
body.p-profile .grid:after {
    content:"";
    display:table;
    clear:both
}
body.p-profile .box {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    float:left;
    width:33.33333%;
    position:relative;
    cursor:pointer;
    overflow:hidden;
    line-height:0;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    border:1px solid white;
    border-left:none;
    border-top:none
}
body.p-profile .box.no-hover {
    cursor:default
}
body.p-profile .box.hide-3-up {
    display:none
}
@media (max-width: 1020px) {
    body.p-profile .box {
        width:50%
    }
    body.p-profile .box.hide-3-up {
        display:block
    }
    body.p-profile .box.hide-2-up {
        display:none
    }
}
@media (max-width: 660px) {
    body.p-profile .box {
        width:auto;
        float:none
    }
    body.p-profile .box.placeholder {
        display:none
    }
}
body.p-profile .box>* {
    position:absolute
}
body.p-profile .box .expand {
    width:100%;
    position:static
}
body.p-profile .box hr {
    width:44px;
    top:50%;
    left:50%;
    margin:0;
    margin-left:-22px;
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity:0;
    -webkit-transition:all 300ms;
    -moz-transition:all 300ms;
    -o-transition:all 300ms;
    transition:all 300ms
}
body.p-profile .offerings h1 {
    margin-bottom:60px;
    margin-bottom:3.75rem
}
body.p-profile .offering h2 {
    font:400 30px"proxima-nova",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
    color:#fff;
    -webkit-font-smoothing:antialiased;
    top:46%;
    width:100%;
    text-align:center;
    -webkit-transition:all 300ms;
    -moz-transition:all 300ms;
    -o-transition:all 300ms;
    transition:all 300ms;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -o-backface-visibility:hidden;
    backface-visibility:hidden;
    -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)
}
body.p-profile .offering .bullets-wrap {
    top:50%;
    text-align:center;
    width:100%;
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity:0;
    -webkit-transition:all 300ms;
    -moz-transition:all 300ms;
    -o-transition:all 300ms;
    transition:all 300ms;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -o-backface-visibility:hidden;
    backface-visibility:hidden;
    -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)
}
body.p-profile .offering .bullets {
    display:inline-block;
    text-align:left;
    margin:0;
    list-style-type:none
}
body.p-profile .offering .bullets li {
    font:400 18px"proxima-nova",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
    color:#fff;
    line-height:1.8em
}
@media (max-width: 400px) {
    body.p-profile .offering .bullets li {
        font-size:16px
    }
}
.no-touch body.p-profile .offering:hover h2,
.touch body.p-profile .offering h2,
body.p-profile .offering.invert h2 {
    margin-top:-37px
}
.no-touch body.p-profile .offering:hover hr,
.touch body.p-profile .offering hr,
body.p-profile .offering.invert hr {
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity:1
}
.no-touch body.p-profile .offering:hover .bullets-wrap,
.touch body.p-profile .offering .bullets-wrap,
body.p-profile .offering.invert .bullets-wrap {
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity:1;
    margin-top:25px
}
body.p-profile .rule.gappy,
body.p-profile .gappy.rule-sm,
body.p-profile .gappy.rule-full {
    margin:45px auto;
    margin:2.8125rem auto
}
body.p-profile .staff .gappy,
body.p-profile .students .gappy {
    margin-bottom:80px
}
body.p-profile .person .photo {
    -webkit-transform:scale(1.1,
    1.1);
    -moz-transform:scale(1.1,
    1.1);
    -ms-transform:scale(1.1,
    1.1);
    -o-transform:scale(1.1,
    1.1);
    transform:scale(1.1,
    1.1);
    -webkit-transition:all 300ms;
    -moz-transition:all 300ms;
    -o-transition:all 300ms;
    transition:all 300ms
}
body.p-profile .person .shade {
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAQAAAAnZu5uAAAAEklEQVR4nGNiqIdBJgY4IMgEAHsMAoYy93i9AAAAAElFTkSuQmCC');
    background:rgba(0,
    0,
    0,
    0.5);
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity:0;
    -webkit-transition:all 300ms;
    -moz-transition:all 300ms;
    -o-transition:all 300ms;
    transition:all 300ms
}
body.p-profile .person .name {
    bottom:47%;
    width:100%;
    text-align:center;
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity:0;
    -webkit-transition:all 300ms;
    -moz-transition:all 300ms;
    -o-transition:all 300ms;
    transition:all 300ms
}
body.p-profile .person h2 {
    font:400 30px"proxima-nova",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
    color:#fff;
    -webkit-font-smoothing:antialiased;
    margin:0
}
body.p-profile .person h3 {
    font:400 19px"proxima-nova",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
    color:#fff;
    -webkit-font-smoothing:antialiased;
    margin:0;
    margin-top:4px
}
body.p-profile .person .links {
    top:50%;
    padding:0px 15%;
    text-align:center;
    width:100%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity:0;
    -webkit-transition:all 300ms;
    -moz-transition:all 300ms;
    -o-transition:all 300ms;
    transition:all 300ms
}
body.p-profile .person .links a {
    padding:10px;
    -webkit-border-radius:100px;
    -moz-border-radius:100px;
    -ms-border-radius:100px;
    -o-border-radius:100px;
    border-radius:100px;
    display:inline-block;
    background:#68bfb6;
    -webkit-transition:background 200ms;
    -moz-transition:background 200ms;
    -o-transition:background 200ms;
    transition:background 200ms;
    margin:0 5px 5px 0
}
body.p-profile .person .links a:hover {
    background-color:#49aba1
}
body.p-profile .person .links a:active {
    background-color:#419990
}
body.p-profile .person .links a.facebook:before {
    content:'';
    display:block;
    height:30px;
    width:30px;
    background-image:url('../img/sprites-sd6f9c8bb15.png');
    background-position:0 -350px;
    background-repeat:no-repeat
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    body.p-profile .person .links a.facebook:before {
        background-image:url('../img/sprites-2x-sc5e6a1b611.png');
        background-position:0 -350px;
        -webkit-background-size:30px,
        auto;
        -moz-background-size:30px,
        auto;
        -o-background-size:30px,
        auto;
        background-size:30px,
        auto
    }
}
body.p-profile .person .links a.twitter:before {
    content:'';
    display:block;
    height:30px;
    width:30px;
    background-image:url('../img/sprites-sd6f9c8bb15.png');
    background-position:0 -150px;
    background-repeat:no-repeat
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    body.p-profile .person .links a.twitter:before {
        background-image:url('../img/sprites-2x-sc5e6a1b611.png');
        background-position:0 -150px;
        -webkit-background-size:30px,
        auto;
        -moz-background-size:30px,
        auto;
        -o-background-size:30px,
        auto;
        background-size:30px,
        auto
    }
}
body.p-profile .person .links a.pinterest:before {
    content:'';
    display:block;
    height:30px;
    width:30px;
    background-image:url('../img/sprites-sd6f9c8bb15.png');
    background-position:0 -100px;
    background-repeat:no-repeat
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    body.p-profile .person .links a.pinterest:before {
        background-image:url('../img/sprites-2x-sc5e6a1b611.png');
        background-position:0 -50px;
        -webkit-background-size:30px,
        auto;
        -moz-background-size:30px,
        auto;
        -o-background-size:30px,
        auto;
        background-size:30px,
        auto
    }
}
body.p-profile .person .links a.instagram:before {
    content:'';
    display:block;
    height:30px;
    width:30px;
    background-image:url('../img/sprites-sd6f9c8bb15.png');
    background-position:0 -200px;
    background-repeat:no-repeat
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    body.p-profile .person .links a.instagram:before {
        background-image:url('../img/sprites-2x-sc5e6a1b611.png');
        background-position:0 -200px;
        -webkit-background-size:30px,
        auto;
        -moz-background-size:30px,
        auto;
        -o-background-size:30px,
        auto;
        background-size:30px,
        auto
    }
}
body.p-profile .person .links a.dribbble:before {
    content:'';
    display:block;
    height:30px;
    width:30px;
    background-image:url('../img/sprites-sd6f9c8bb15.png');
    background-position:0 0;
    background-repeat:no-repeat
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    body.p-profile .person .links a.dribbble:before {
        background-image:url('../img/sprites-2x-sc5e6a1b611.png');
        background-position:0 0;
        -webkit-background-size:30px,
        auto;
        -moz-background-size:30px,
        auto;
        -o-background-size:30px,
        auto;
        background-size:30px,
        auto
    }
}
body.p-profile .person .links a.linkedin:before {
    content:'';
    display:block;
    height:30px;
    width:30px;
    background-image:url('../img/sprites-sd6f9c8bb15.png');
    background-position:0 -250px;
    background-repeat:no-repeat
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    body.p-profile .person .links a.linkedin:before {
        background-image:url('../img/sprites-2x-sc5e6a1b611.png');
        background-position:0 -250px;
        -webkit-background-size:30px,
        auto;
        -moz-background-size:30px,
        auto;
        -o-background-size:30px,
        auto;
        background-size:30px,
        auto
    }
}
body.p-profile .person .links a.github:before {
    content:'';
    display:block;
    height:30px;
    width:30px;
    background-image:url('../img/sprites-sd6f9c8bb15.png');
    background-position:0 -50px;
    background-repeat:no-repeat
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    body.p-profile .person .links a.github:before {
        background-image:url('../img/sprites-2x-sc5e6a1b611.png');
        background-position:0 -100px;
        -webkit-background-size:30px,
        auto;
        -moz-background-size:30px,
        auto;
        -o-background-size:30px,
        auto;
        background-size:30px,
        auto
    }
}
body.p-profile .person .links a.tumblr:before {
    content:'';
    display:block;
    height:30px;
    width:30px;
    background-image:url('../img/sprites-sd6f9c8bb15.png');
    background-position:0 -300px;
    background-repeat:no-repeat
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    body.p-profile .person .links a.tumblr:before {
        background-image:url('../img/sprites-2x-sc5e6a1b611.png');
        background-position:0 -300px;
        -webkit-background-size:30px,
        auto;
        -moz-background-size:30px,
        auto;
        -o-background-size:30px,
        auto;
        background-size:30px,
        auto
    }
}
.no-touch body.p-profile .person.hover:hover .photo,
.touch body.p-profile .person.hover .photo,
body.p-profile .person.hover.invert .photo {
    -webkit-transform:scale(1,
    1);
    -moz-transform:scale(1,
    1);
    -ms-transform:scale(1,
    1);
    -o-transform:scale(1,
    1);
    transform:scale(1,
    1)
}
.no-touch body.p-profile .person.hover:hover .name,
.touch body.p-profile .person.hover .name,
body.p-profile .person.hover.invert .name {
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity:1
}
.no-touch body.p-profile .person.hover:hover.has-links .name,
.touch body.p-profile .person.hover.has-links .name,
body.p-profile .person.hover.invert.has-links .name {
    margin-bottom:40px
}
.no-touch body.p-profile .person.hover:hover hr,
.touch body.p-profile .person.hover hr,
body.p-profile .person.hover.invert hr {
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity:1
}
.no-touch body.p-profile .person.hover:hover .shade,
.touch body.p-profile .person.hover .shade,
body.p-profile .person.hover.invert .shade {
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity:1
}
.no-touch body.p-profile .person.hover:hover .links,
.touch body.p-profile .person.hover .links,
body.p-profile .person.hover.invert .links {
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity:1;
    margin-top:30px
}
body.p-profile footer {
    margin-top:120px
}
@media (max-width: 550px) {
    body.p-work #main {
        margin-top:46px
    }
}
body.p-work .content-title {
    position:absolute;
    left:31px;
    top:101px;
    min-height:71px;
    z-index:1;
    background:#242424;
    background:rgba(36,
    36,
    36,
    0.9)
}
body.p-work .content-title .plus {
    position:absolute;
    margin:15px
}
body.p-work .content-title h1 {
    padding:12px 40px 0 40px;
    margin-left:30px;
    font:300 32px"proxima-nova",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
    color:#fff;
    line-height:0.9em
}
body.p-work .content-title small {
    margin-top:5px;
    font:400 14px"proxima-nova",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
    color:#fff;
    text-transform:uppercase;
    display:block;
    letter-spacing:1px
}
@media (max-width: 550px) {
    body.p-work .content-title {
        position:absolute;
        left:0;
        top:48px;
        padding-bottom:0px;
        width:100%;
        opacity:1;
        min-height:48px
    }
    body.p-work .content-title h1 {
        font-size:18px;
        padding-top:12px;
        margin-left:-17px
    }
    body.p-work .content-title h1 small {
        font-size:12px;
        font-weight:200;
        letter-spacing:1px;
        margin-top:0
    }
    body.p-work .content-title .plus {
        display:none
    }
}
@media (max-width: 600px) {
    body.p-work.index .page-down-arrow {
        display:none!important
    }
}
@media (max-width: 600px) {
    body.p-work .drag-slider .slider-pages {
        height:32px;
        bottom:0
    }
}
@media (max-width: 600px) and (max-width: 600px) {
    body.p-work .drag-slider .slider-pages .wrap a {
        width:10px;
        height:10px;
        margin:6px 3px
    }
}
body.p-work #subbar {
    display:block
}
body.p-work #content {
    padding:50px 0 40px 0
}
body.p-work .launch-nav {
    -webkit-transition:color 0.15s cubic-bezier(0.23,
    1,
    0.32,
    1);
    -moz-transition:color 0.15s cubic-bezier(0.23,
    1,
    0.32,
    1);
    -o-transition:color 0.15s cubic-bezier(0.23,
    1,
    0.32,
    1);
    transition:color 0.15s cubic-bezier(0.23,
    1,
    0.32,
    1);
    position:absolute;
    z-index:4;
    bottom:0;
    right:0;
    width:200px;
    height:37px;
    background:#242424;
    background:rgba(36,
    36,
    36,
    0.9);
    font:600 15px"proxima-nova",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
    color:#fff;
    line-height:38px;
    text-transform:uppercase;
    text-align:center;
    padding-left:8px
}
body.p-work .launch-nav:hover {
    color:#77c4bc
}
body.p-work .launch-nav:active {
    color:#53b5aa
}
body.p-work .launch-nav .arrow {
    position:absolute;
    top:13px;
    left:24px;
    width:7px;
    height:11px;
    background:url('../img/global-sec8c63282a.png') 0 -928px no-repeat
}
@media (max-width: 700px) {
    body.p-work #header-feature .launch-nav {
        width:80px;
        font-size:13px;
        bottom:-30px;
        height:30px;
        line-height:33px;
        padding-left:10px;
        right:0
    }
    body.p-work #header-feature .launch-nav span {
        display:none
    }
    body.p-work #header-feature .launch-nav .arrow {
        top:10px;
        left:10px
    }
}
body.p-work #header-feature {
    margin-top:0;
    overflow:visible
}
@media (max-width: 700px) {
    body.p-work #header-feature {
        display:none
    }
}
@media (max-width: 550px) {
    body.p-work #header-feature {
        overflow:hidden
    }
}
body.p-work.case-study #subbar {
    display:none
}
body.p-work.case-study #content {
    background:#e3e3e2
}
@media (max-width: 700px) {
    body.p-work.case-study #header-feature {
        display:block
    }
}
@media (max-width: 550px) {
    body.p-work.case-study #header-feature {
        overflow:visible
    }
}
body.p-work .case-study-wrap {
    background:white;
    position:relative;
    max-width:1190px;
    margin:0 auto 80px auto;
    padding:50px 0 80px 0
}
body.p-work .case-study-wrap .grid-wrapper {
    max-width:960px
}
body.p-work .case-study-wrap .slide p {
    max-width:650px;
    margin:10px auto
}
body.p-work .case-study-wrap .slide h2 {
    max-width:650px;
    margin:35px auto
}
body.p-work .case-study-wrap h2 {
    font:400 23px"proxima-nova",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
    margin:35px 0
}
body.p-work .case-study-wrap p {
    font:400 17px"proxima-nova",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
    margin:10px 0;
    line-height:1.6em;
    -webkit-font-smoothing:antialiased
}
body.p-work .related h3 {
    margin-bottom:25px
}
@media (max-width: 1190px) {
    body.p-work.case-study #content {
        padding-top:0
    }
}
body.p-work.case-study #content .case-study-wrap {
    padding-bottom:130px
}
body.p-work.case-study #content .pre-nuggets {
    margin-bottom:-100px;
    margin-bottom:-6.25rem
}
body.p-work.case-study #content p {
    margin:1em auto
}
body.p-work.case-study #content .opening {
    max-width:875px;
    margin:auto
}
body.p-work.case-study #content .opening .quote {
    font:100 48px"proxima-nova",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
    color:#4f4f4f;
    text-align:center;
    margin:30px auto 60px;
    margin:1.875rem auto 3.75rem;
    line-height:1.3em;
    -webkit-font-smoothing:antialiased;
    width:80%
}
@media (max-width: 400px) {
    body.p-work.case-study #content .opening .quote {
        width:auto;
        font-size:36px
    }
}
body.p-work.case-study #content .opening .intro {
    font:100 24px"proxima-nova",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
    color:#4f4f4f;
    text-align:center;
    margin-bottom:70px;
    margin-bottom:4.375rem;
    line-height:1.3em;
    -webkit-font-smoothing:antialiased;
    width:90%;
    margin-left:auto;
    margin-right:auto
}
@media (max-width: 400px) {
    body.p-work.case-study #content .opening .intro {
        width:auto;
        font-size:20px
    }
}
body.p-work.case-study #content .opening p {
    text-align:justify
}
@media (max-width: 400px) {
    body.p-work.case-study #content .opening p {
        font-size:16px
    }
}
body.p-work.case-study #content .video {
    margin-bottom:70px;
    margin-bottom:4.375rem;
    position:relative;
    line-height:0
}
body.p-work.case-study #content .video .expand {
    width:100%
}
body.p-work.case-study #content .video iframe {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0
}
body.p-work.case-study #content .count {
    font:400 48px"proxima-nova",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
    color:#77c4bc;
    -webkit-font-smoothing:antialiased
}
body.p-work.case-study #content .nugget-abstracts {
    *zoom:1;
    list-style-type:none;
    margin-left:-4.33333%;
    margin-top:90px;
    margin-top:5.625rem;
    margin-bottom:130px;
    margin-bottom:8.125rem
}
body.p-work.case-study #content .nugget-abstracts:after {
    content:"";
    display:table;
    clear:both
}
body.p-work.case-study #content .nugget-abstracts .nugget-abstract {
    float:left;
    width:29%;
    margin-left:4.33333%;
    border-top:1px solid #c3c3c3;
    padding-top:50px;
    padding-top:3.125rem;
    margin-bottom:50px;
    margin-bottom:3.125rem;
    position:relative
}
body.p-work.case-study #content .nugget-abstracts .count {
    display:inline-block;
    vertical-align:middle;
    margin:0;
    margin-left:-3px;
    width:70px
}
body.p-work.case-study #content .nugget-abstracts .title {
    font:600 15px"proxima-nova",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
    color:#4f4f4f;
    display:inline-block;
    width:70%;
    margin:0;
    vertical-align:middle;
    margin-top:-5px;
    line-height:1.3em
}
body.p-work.case-study #content .nugget-abstracts p {
    margin:5px 0 30px
}
@media (max-width: 840px) {
    body.p-work.case-study #content .nugget-abstracts {
        margin-left:0
    }
    body.p-work.case-study #content .nugget-abstracts .nugget-abstract {
        width:100%;
        margin-left:0;
        height:auto!important
    }
    body.p-work.case-study #content .nugget-abstracts p {
        margin-bottom:10px
    }
    body.p-work.case-study #content .nugget-abstracts .page-down-arrow {
        margin:15px auto -20px;
        position:relative
    }
}
body.p-work.case-study #content .nugget-abstracts .page-down-arrow {
    width:50px;
    height:50px;
    top:auto;
    bottom:0;
    display:block;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
body.p-work.case-study #content .nugget-abstracts .page-down-arrow .arrow {
    -webkit-transform:scale(0.85,
    0.85);
    -moz-transform:scale(0.85,
    0.85);
    -ms-transform:scale(0.85,
    0.85);
    -o-transform:scale(0.85,
    0.85);
    transform:scale(0.85,
    0.85);
    top:5px;
    -webkit-transition:all 300ms;
    -moz-transition:all 300ms;
    -o-transition:all 300ms;
    transition:all 300ms
}
body.p-work.case-study #content .nugget-abstracts .page-down-arrow .circle {
    width:50px;
    height:50px;
    background:white;
    border:1px solid #777;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-transition:all 100ms;
    -moz-transition:all 100ms;
    -o-transition:all 100ms;
    transition:all 100ms
}
.no-touch body.p-work.case-study #content .nugget-abstracts .page-down-arrow:hover .circle {
    background:#c3c3c3
}
.no-touch body.p-work.case-study #content .nugget-abstracts .page-down-arrow:hover .arrow {
    top:20px
}
.no-touch body.p-work.case-study #content .nugget-abstracts .page-down-arrow:active .circle,
body.p-work.case-study #content .nugget-abstracts .page-down-arrow:active .circle,
body.p-work.case-study #content .nugget-abstracts .page-down-arrow.down .circle,
body.p-work.case-study #content .nugget-abstracts .page-down-arrow.active .circle {
    background:#77c4bc
}
body.p-work.case-study #content .nuggets {
    margin-bottom:-130px;
    margin-bottom:-8.125rem
}
body.p-work.case-study #content .nuggets .grid-wrapper {
    max-width:875px
}
body.p-work.case-study #content .nuggets .nugget {
    margin-bottom:130px;
    margin-bottom:8.125rem
}
body.p-work.case-study #content .nuggets .sliver {
    width:100%;
    margin-bottom:75px;
    margin-bottom:4.6875rem
}
body.p-work.case-study #content .nuggets .count {
    margin-bottom:20px;
    margin-bottom:1.25rem;
    text-align:center;
    line-height:1em
}
body.p-work.case-study #content .nuggets .title {
    font:100 24px"proxima-nova",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
    color:#4f4f4f;
    text-align:center;
    margin:0 auto 30px;
    margin:0 auto 1.875rem;
    line-height:1.4em;
    width:70%
}
@media (max-width: 400px) {
    body.p-work.case-study #content .nuggets .title {
        width:auto
    }
}
body.p-work.case-study #content .nuggets .rule,
body.p-work.case-study #content .nuggets .rule-sm,
body.p-work.case-study #content .nuggets .rule-full {
    margin-bottom:70px;
    margin-bottom:4.375rem;
    width:45px
}
body.p-work.case-study #content .nuggets p {
    text-align:justify
}
@media (max-width: 400px) {
    body.p-work.case-study #content .nuggets p {
        font-size:16px
    }
}
body.buk-u #main .buk-u-logo {
    position:fixed;
    width:108px;
    top:0;
    left:5%;
    z-index:10
}
@media (max-width: 550px) {
    body.buk-u #main .buk-u-logo {
        position:absolute
    }
}
body.buk-u #main .crocker {
    width:90%;
    margin:0 auto;
    max-width:800px
}
body.buk-u #main .wood {
    height:550px;
    height:34.375rem;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-position:center center;
    background-repeat:none;
    text-align:center;
    position:relative
}
body.buk-u #main .wood .deer {
    width:auto;
    height:335px;
    margin-top:-167.5px;
    position:relative;
    top:50%
}
@media (max-width: 550px) {
    body.buk-u #main .wood {
        height:240px
    }
    body.buk-u #main .wood .deer {
        height:200px;
        margin-top:-100px
    }
}
body.buk-u #main h1 {
    font-size:48px;
    line-height:1.3em
}
body.buk-u #main h1.title {
    margin-bottom:0;
    text-transform:uppercase;
    font-weight:300
}
body.buk-u #main h1.subtitle {
    margin-top:0
}
body.buk-u #main .apply-btn {
    border:1px solid #77c4bc;
    -webkit-transition:background 300ms,
    color 300ms;
    -moz-transition:background 300ms,
    color 300ms;
    -o-transition:background 300ms,
    color 300ms;
    transition:background 300ms,
    color 300ms
}
.no-touch body.buk-u #main .apply-btn:hover {
    background:white;
    color:#77c4bc;
    -webkit-transition:background 100ms,
    color 100ms;
    -moz-transition:background 100ms,
    color 100ms;
    -o-transition:background 100ms,
    color 100ms;
    transition:background 100ms,
    color 100ms
}
.no-touch body.buk-u #main .apply-btn:active,
body.buk-u #main .apply-btn:active,
body.buk-u #main .apply-btn.down,
body.buk-u #main .apply-btn.active {
    background:white;
    color:#77c4bc;
    -webkit-transition:background 100ms,
    color 100ms;
    -moz-transition:background 100ms,
    color 100ms;
    -o-transition:background 100ms,
    color 100ms;
    transition:background 100ms,
    color 100ms
}
body.buk-u #main .sessions .session .interior {
    position:absolute;
    top:50%;
    -webkit-transition:top 300ms;
    -moz-transition:top 300ms;
    -o-transition:top 300ms;
    transition:top 300ms;
    width:100%
}
body.buk-u #main .sessions .session .title {
    font-size:36px;
    font-weight:600;
    color:white;
    margin-top:-45px
}
body.buk-u #main .sessions .session hr {
    position:relative
}
body.buk-u #main .sessions .session .focus,
body.buk-u #main .sessions .session .date {
    font-size:30px;
    font-weight:400;
    color:white
}
body.buk-u #main .sessions .session .body {
    font-size:16px;
    font-weight:400;
    color:white;
    margin-top:25px;
    margin-bottom:0;
    padding:0 5%;
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity:0;
    -webkit-transition:opacity 300ms;
    -moz-transition:opacity 300ms;
    -o-transition:opacity 300ms;
    transition:opacity 300ms
}
.no-touch body.buk-u #main .sessions .session:hover .interior,
.touch body.buk-u #main .sessions .session .interior {
    top:25%
}
.no-touch body.buk-u #main .sessions .session:hover .body,
.touch body.buk-u #main .sessions .session .body {
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity:1
}
body.buk-u #main .basic-list {
    display:inline-block;
    max-width:80%;
    margin:auto;
    font-size:20px;
    font-weight:300;
    text-align:left;
    list-style:none
}
@media (max-width: 500px) {
    body.buk-u #main .basic-list {
        width:auto
    }
}
body.buk-u #main .basic-list li {
    margin:.5em 0;
    line-height:1.5em
}
body.buk-u #main .plus-bullets li {
    margin:1em 0;
    margin-left:1.25em
}
body.buk-u #main .plus-bullets li:before {
    content:'+';
    margin-left:-1.25em;
    padding-right:10px;
    position:relative;
    top:-2px
}
body.buk-u #main .footer {
    background:#77c4bc;
    padding-top:70px;
    padding-top:4.375rem;
    padding-bottom:70px;
    padding-bottom:4.375rem;
    margin-top:80px;
    margin-top:5rem
}
body.buk-u #main .footer p {
    color:white;
    font-size:24px;
    text-align:left;
    margin:0
}
body.buk-u #main .footer p em {
    border-bottom:1px solid white;
    padding-bottom:0px;
    font-style:normal;
    display:inline-block
}
body.buk-u #main .footer p a {
    color:white;
    display:inline-block;
    border:1px solid white;
    padding:4px 20px 6px;
    margin-left:4px;
    -webkit-transition:all 300ms;
    -moz-transition:all 300ms;
    -o-transition:all 300ms;
    transition:all 300ms
}
.no-touch body.buk-u #main .footer p a:hover {
    color:#77c4bc;
    background:white;
    -webkit-transition:all 100ms;
    -moz-transition:all 100ms;
    -o-transition:all 100ms;
    transition:all 100ms
}
.no-touch body.buk-u #main .footer p a:active,
body.buk-u #main .footer p a:active,
body.buk-u #main .footer p a.down,
body.buk-u #main .footer p a.active {
    color:#77c4bc;
    background:white;
    -webkit-transition:all 100ms;
    -moz-transition:all 100ms;
    -o-transition:all 100ms;
    transition:all 100ms
}
.home-video-slider {

    position:relative;
    overflow:hidden;
    width:100%;
    position:relative;
    cursor:-webkit-grab;
    cursor:grab;
    cursor:-moz-grab;
    font-family:'proxima-nova'
	
}
.home-video-slider .mobilebg {
	
    display:none
}
.home-video-slider .overlay {
	
    position:absolute;
    background:url("") repeat;
    top:0;
    left:0;
    bottom:0;
    right:0;
    z-index:1
}
.home-video-slider video {
		background-image: url("../intro.jpg");
	background-repeat: no-repeat;
    position:relative;
    z-index:0;
  
}
.home-video-slider .line {
    width:100%;
    display:block;
    height:1px;
    background:rgba(255,
    255,
    255,
    0.4);
    margin:10px 0
}
.home-video-slider .slide-wrap {
	
    position:absolute;
    height:100%
}
.home-video-slider .card {
	
    position:relative;
    height:100%;
    float:left;
    box-sizing:border-box;
    opacity:0
}
.home-video-slider .card .card-center {
	
    position:absolute;
    top:50%;
    padding-right:40px;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%)
}
.home-video-slider .card .card-content {
	
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:45%;
   
    padding:40px;
    padding-left:60px;
    color:#fff;
    z-index:2
}
.home-video-slider .card .card-content .title {
    font-family:'proxima-nova';
    color:#fff;
    font-size:55px;
    font-weight:600;
    line-height:1
}
.home-video-slider .card .card-content .subtitle {
    font-family:'proxima-nova';
    color:#fff;
    margin-bottom:30px;
    font-size:24px;
    color:#77c4bc;
    font-weight:300
}
.home-video-slider .card .card-content .description {
    font-size:18px;
    margin-bottom:32px
}
.home-video-slider .card .card-content h5 {
    color:#77c4bc;
    text-transform:uppercase;
    font-size:14px;
    margin-bottom:5px
}
.home-video-slider .card .card-content .partner {
    display:inline-block;
    width:100%;
    margin-bottom:20px
}
.home-video-slider .card .card-content .partner img {
	
    width:23%;
    max-width:200px;
    margin-right:5%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
    display:inline-block;
    vertical-align:middle
}
.home-video-slider .card .card-content .partner .body {
    width:70%;
    display:inline-block;
    vertical-align:middle;
    margin-top:20px
}
.home-video-slider .card .card-content .partner .body p {
    font-size:18px;
    line-height:22px;
    font-weight:400;
    margin-bottom:20px;
    font-style:italic
}
.home-video-slider .card .card-content .partner .person {
    display:inline-block;
    clear:both;
    color:#fff;
    font-weight:600;
    font-size:18px
}
.home-video-slider .card .card-content .partner .person:after {
    content:'|';
    color:#fff;
    padding-left:10px;
    margin-right:10px
}
.home-video-slider .card .card-content .partner .position {
    color:#fff;
    display:inline-block;
    font-size:18px;
    font-weight:600
}
.home-video-slider .card .card-content .accolades {
    margin-top:30px
}
.home-video-slider .card .card-content .accolades h5 {
    margin-bottom:20px
}
.home-video-slider .card .card-content .accolades img {
    display:inline-block;
    vertical-align:middle;
    margin-right:20px
}
.home-video-slider .card .card-content .accolades img:last-of-type {
    margin-right:0
}
.home-video-slider .card .card-content .btn {
    font-family:'proxima-nova-extra-condensed';
    background:#40958c;
    padding:10px 20px;
    text-transform:uppercase;
    color:#fff;
    position:absolute;
    bottom:40px;
    right:40px;
    font-size:18px;
    -webkit-transition:background-color 200ms;
    -moz-transition:background-color 200ms;
    -o-transition:background-color 200ms;
    transition:background-color 200ms
}
.home-video-slider .card .card-content .btn:hover {
    background:#31716a
}
.home-video-slider .pagination {
    display:block;
    position:absolute;
    bottom:15px;
    right:30px;
    z-index:1
}
.home-video-slider .pagination .bullet {
    width:15px;
    height:15px;
    display:inline-block;
    margin:0 2px;
    background:#9bd3ce;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
    -webkit-transition:background-color 200ms;
    -moz-transition:background-color 200ms;
    -o-transition:background-color 200ms;
    transition:background-color 200ms
}
.home-video-slider .pagination .bullet:hover {
    background:#53b5aa
}
.home-video-slider .pagination .bullet.active {
    background:#fff
}
@media (max-width: 1024px) {
    .home-video-slider .card .card-content {
        width:65%
		
    }
    .home-video-slider .card .card-content .title {
        font-size:33px
    }
    .home-video-slider .card .card-content .subtitle {
        font-size:21px;
        margin-bottom:20px
    }
    .home-video-slider .card .card-content .description {
        font-size:16px;
        margin-bottom:0
    }
}
@media (max-width: 767px) {
    .home-video-slider {
        display:block!important;
        height:auto!important
    }
    .home-video-slider .slide-wrap {
        position:relative;
        width:100%!important
    }
    .home-video-slider .mobilebg {
        display:block;
        position:absolute;
        top:0;
        left:0;
        bottom:0;
        right:0;
        background-size:cover
    }
    .home-video-slider video {
        display:none
    }
    .home-video-slider .card {
        display:block;
        position:relative;
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity:1
    }
    .home-video-slider .card:last-of-type .card-content {
        margin-bottom:3em
    }
    .home-video-slider .card .card-content {
        position:relative;
        box-sizing:border-box;
        width:auto;
        margin:2em;
        padding-left:2em;
        padding:2em;
        background:rgba(50,
        50,
        50,
        0.85)
    }
    .home-video-slider .card .card-content .title {
        font-size:24px
    }
    .home-video-slider .card .card-content .subtitle {
        font-size:18px
    }
    .home-video-slider .card .card-content .partner {
        position:relative
    }
    .home-video-slider .card .card-content .partner img {
        position:absolute;
        top:50px;
        width:100px;
        max-width:100px;
        left:50%;
        -webkit-transform:translateX(-50%);
        -moz-transform:translateX(-50%);
        -ms-transform:translateX(-50%);
        -o-transform:translateX(-50%);
        transform:translateX(-50%)
    }
    .home-video-slider .card .card-content .partner .body {
        width:100%
    }
    .home-video-slider .card .card-content .partner .body h5 {
        margin-bottom:130px
    }
    .home-video-slider .card .card-content .btn {
        position:relative;
        display:block;
        text-align:center;
        margin-top:20px;
        top:initial;
        right:initial;
        bottom:initial;
        padding-bottom:9px
    }
    .home-video-slider .card .card-center {
        top:0;
        position:relative;
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -ms-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0);
        padding-right:0
    }
    .home-video-slider .pagination {
        display:none
    }
}
@media (min-width: 601px) {
    body {
        padding-top:69px
    }
    body .header-wrap {
        position:fixed
    }
}