gistfile1.css

100% {
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
transform:rotate(360deg);
-webkit-backface-visibility:hidden;
opacity:0;
top:35px;
}

* {
font-size:100%;
font:inherit;
outline:none;
margin:0;
padding:0;
}

a img,iframe {
border:none;
}

ul {
list-style-type:none;
}

th,h1,h2,h3,h4,h5,h6 {
font-weight:400;
}

cite,em {
font-style:normal;
}

sub,sup {
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline;
}

sup {
top:-.5em;
}

sub {
bottom:-.25em;
}

button,input,select,textarea {
vertical-align:middle;
}

button,input {
overflow:visible;
line-height:normal;
}

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

.hidden {
display:none;
}

body {
background-color:#f6f1ef;
color:#3f4f6d;
cursor:default;
font:18px/1.5 gotham_htflight, Gotham, sans-serif;
}

a {
color:#ff4f00;
text-decoration:none;
-webkit-transition:all .25s font-size .1s;
-moz-transition:all .25s font-size .1s;
-o-transition:all .25s font-size .1s;
transition:all .25s font-size .1s;
}

a:hover,a:active {
color:#cc3f00;
}

h1 {
font-family:gotham_htfultra, Gotham, sans-serif;
font-size:56px;
line-height:1.3;
margin-bottom:25px;
-webkit-font-smoothing:antialiased;
}

h2 {
font-size:32px;
}

h3 {
font-size:24px;
}

.Static-container {
width:960px;
zoom:1;
margin:auto;
}

.Static-app {
opacity:1;
visibility:visible;
-webkit-transition:opacity .5s;
-moz-transition:opacity .5s;
-o-transition:opacity .5s;
transition:opacity .5s;
}

.Static-app.is-inactive {
opacity:0;
visibility:hidden;
}

.Static-logo {
background:url(/assets/static/logo-dark-mini.png) no-repeat 0 0;
height:35px;
width:160px;
zoom:1;
display:inline;
margin:20px 0;
}

.Static-spinner {
background:#3f4f6d url(/assets/static/spinner.png) center no-repeat;
border-radius:50%;
height:60px;
left:50%;
margin-left:-30px;
opacity:0;
position:fixed;
top:-60px;
width:60px;
z-index:9999;
-webkit-animation:rotating 2s linear infinite;
-moz-animation:rotating 2s linear infinite;
animation:rotating 2s linear infinite;
-webkit-transition:top .5s opacity .5s;
-moz-transition:top .5s opacity .5s;
-o-transition:top .5s opacity .5s;
transition:top .5s opacity .5s;
}

.Static-spinner.is-shown {
opacity:1;
top:-30px;
}

.Static-server-error {
height:200px;
left:50%;
position:absolute;
text-align:center;
top:50%;
width:640px;
margin:-100px 0 0 -320px;
}

.Static-server-error p {
margin-bottom:35px;
}

.Static-content h4 {
font-size:125%;
}

.Static-content ul {
list-style-type:disc;
margin:0 20px 35px;
}

.Static-alert-rebranding {
font-size:32px;
padding-bottom:20px;
padding-top:20px;
}

.alert {
background-color:#e2c80d;
bottom:-100%;
color:#FFF;
left:0;
opacity:0;
position:fixed;
text-align:center;
width:100%;
z-index:1001;
-webkit-transition:.25s;
-moz-transition:.25s;
-o-transition:.25s;
transition:.25s;
}

.alert.is-shown {
bottom:0;
opacity:1;
}

.alert.is-error {
background-color:#e20d0d;
}

.alert.is-success {
background-color:#29b334;
}

.alert.is-info {
background-color:#0db7e2;
}

.alert.is-firm {
background-color:#ff4f00;
}

.alert-container {
position:relative;
vertical-align:middle;
width:920px;
margin:auto;
padding:20px;
}

.alert-close {
color:#FFF;
cursor:pointer;
font-size:24px;
height:24px;
line-height:1;
margin-top:-12px;
opacity:0.5;
position:absolute;
right:15px;
top:50%;
width:32px;
z-index:2;
-webkit-transition:.25s;
-moz-transition:.25s;
-o-transition:.25s;
transition:.25s;
}

.alert-close:hover {
color:#3f4f6d;
opacity:1;
}

.article {
text-align:center;
padding:120px 0 30px;
}

.article-head {
padding-bottom:40px;
}

.bonocase {
margin-bottom:120px;
}

.bonocase-photo {
margin:50px 0 25px;
}

.bonocase-signature {
color:#b1968c;
}

.bonograph {
background:url(/assets/static/bonograph/horizontals.png) 0 0 repeat-x;
cursor:default;
height:501px;
margin-bottom:100px;
position:relative;
}

.bonograph-description {
border:1px solid #ccc0c0;
border-radius:5px 5px 0 0;
color:#ad9f9f;
font-size:14px;
left:0;
position:absolute;
top:-38px;
width:100%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
behavior:url(/javascripts/liquid/boxsizing.htc);
padding:8px 15px;
}

.bonograph-graph {
background:url(/assets/static/bonograph/graph.png) -120px 0 no-repeat;
height:100%;
left:50%;
margin-left:-480px;
position:absolute;
top:0;
width:960px;
}

.bonograph-graph-line {
background:url(/assets/static/bonograph/graph-line.png) 0 -50px no-repeat;
height:100%;
left:50%;
margin-left:-480px;
opacity:1;
position:absolute;
top:20px;
width:960px;
-webkit-transition:opacity 1s ease, width 2s linear;
-moz-transition:opacity 1s ease, width 2s linear;
-o-transition:opacity 1s ease, width 2s linear;
transition:opacity 1s ease, width 2s linear;
}

.bonograph-time {
bottom:-30px;
color:#b1968c;
font-size:14px;
left:0;
margin-left:-18px;
position:absolute;
width:100%;
zoom:1;
}

.bonograph-time > li {
float:left;
position:relative;
text-align:left;
width:25%;
}

.bonograph-time-last {
float:right;
position:absolute;
right:-44px;
top:0;
}

.bonograph-revenue {
background:url(/assets/static/bonograph/graph-scale.png) 0 15px no-repeat;
bottom:35px;
font-size:14px;
left:0;
opacity:1;
overflow:hidden;
padding-bottom:20px;
position:absolute;
width:100%;
zoom:1;
-webkit-transition:opacity 1s ease, width 2s linear;
-moz-transition:opacity 1s ease, width 2s linear;
-o-transition:opacity 1s ease, width 2s linear;
transition:opacity 1s ease, width 2s linear;
}

.bonograph-revenue.is-hidden > li {
opacity:0;
top:40px;
}

.bonograph-revenue > li {
float:left;
opacity:1;
position:relative;
top:0;
width:25%;
-webkit-transition:.5s 2s;
-moz-transition:.5s 2s;
-o-transition:.5s 2s;
transition:.5s 2s;
}

.bonograph-tip {
background-color:#FFF;
border-radius:5px;
font-size:14px;
opacity:1;
position:absolute;
width:120px;
z-index:2;
-webkit-box-shadow:0 3px 10px rgba(0,0,0,0.15);
-moz-box-shadow:0 3px 10px rgba(0,0,0,0.15);
box-shadow:0 3px 10px rgba(0,0,0,0.15);
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
-webkit-backface-visibility:hidden;
-webkit-transition:.25s;
-moz-transition:.25s;
-o-transition:.25s;
transition:.25s;
padding:5px 10px;
}

.bonograph-tip.is-1 {
left:169px;
top:370px;
}

.bonograph-tip.is-2 {
left:409px;
top:270px;
}

.bonograph-tip.is-3 {
left:649px;
top:20px;
}

.bonograph-tip:after {
bottom:-6px;
content:"";
position:absolute;
height:0;
left:50%;
margin-left:-6px;
width:0;
border-color:#FFF transparent transparent;
border-style:solid;
border-width:6px 6.5px 0;
}

.bonograph-tip.is-hidden {
opacity:0;
-webkit-transform:scale(0);
-moz-transform:scale(0);
-ms-transform:scale(0);
transform:scale(0);
-webkit-backface-visibility:hidden;
}

.button {
background-color:#ff4f00;
border:2px solid transparent;
color:#FFF;
cursor:pointer;
font-size:18px;
display:inline-block;
line-height:normal;
text-align:center;
vertical-align:middle;
-webkit-transition:all .25s font-size .1s;
-moz-transition:all .25s font-size .1s;
-o-transition:all .25s font-size .1s;
transition:all .25s font-size .1s;
padding:9px 18px;
}

.button:hover,.button:focus {
background-color:#e64700;
color:#FFF;
}

.button:active {
background-color:#cc3f00;
-webkit-transform:translateY(3px) scale(0.98,0.98);
-moz-transform:translateY(3px) scale(0.98,0.98);
-ms-transform:translateY(3px) scale(0.98,0.98);
transform:translateY(3px) scale(0.98,0.98);
-webkit-backface-visibility:hidden;
}

.button.is-hollow {
background-color:transparent;
color:#ff4f00;
border-color:#ff4f00;
}

.button.is-hollow:hover,.button.is-hollow:focus {
color:#e64700;
border-color:#e64700;
}

.button.is-large {
font-size:22px;
padding:12px 30px 13px;
}

.button.is-block {
display:block;
width:100%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
behavior:url(/javascripts/liquid/boxsizing.htc);
}

.button.is-inverse {
background-color:#FFF;
color:#ff4f00;
}

.button.is-inverse.is-hollow {
background-color:transparent;
color:#FFF;
border-color:#FFF;
}

.form-text {
background-color:#FFF;
border:2px solid rgba(63,79,109,0.5);
display:block;
height:40px;
line-height:normal;
width:100%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
behavior:url(/javascripts/liquid/boxsizing.htc);
-webkit-transition:border-color .25s;
-moz-transition:border-color .25s;
-o-transition:border-color .25s;
transition:border-color .25s;
padding:0 15px;
}

.form-text:focus {
border-color:#3f4f6d;
}

.header {
position:fixed;
top:0;
width:100%;
z-index:1001;
-webkit-backface-visibility:hidden;
zoom:1;
-webkit-transition:background .5s;
-moz-transition:background .5s;
-o-transition:background .5s;
transition:background .5s;
}

.header.is-sticky {
background-color:rgba(246,241,239,0.95);
border-bottom:1px solid rgba(63,79,109,0.1);
}

.header.is-sticky .header-logo {
background-image:url(/assets/static/logo-dark-mini.png);
margin-bottom:10px;
margin-top:11px;
}

.header.is-sticky .header-nav {
padding-bottom:10px;
padding-top:10px;
}

.header.is-sticky .header-nav a {
font-size:16px;
}

.header.is-sticky .header-nav a:hover,.header.is-sticky .header-nav a:focus {
color:#3f4f6d;
}

.header.is-sticky .header-nav .button {
font-size:16px;
padding:7px 10px;
}

.header-logo {
background:url(/assets/static/logo-inverse.png) 0 0 no-repeat;
float:left;
font-size:1px;
height:32px;
margin-top:27px;
overflow:hidden;
text-indent:-99999em;
width:146px;
-webkit-transition:0;
-moz-transition:0;
-o-transition:0;
transition:0;
}

.header-nav {
float:right;
padding-top:28px;
-webkit-transition:padding .25s;
-moz-transition:padding .25s;
-o-transition:padding .25s;
transition:padding .25s;
}

.header-nav > li {
display:inline-block;
margin-left:30px;
}

.header-nav > li.is-button {
margin-left:15px;
width:120px;
}

.header-nav > li.is-button + .is-button {
margin-left:15px;
}

.header-nav > li + .is-button {
margin-left:30px;
}

25% {
opacity:1;
top:35px;
}

50% {
opacity:0;
top:35px;
}

.hero {
background-color:rgba(0,0,0,0.4);
background-image:url(/assets/static/hero.jpg);
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
color:#FFF;
height:1000px;
margin-bottom:-110px;
position:relative;
text-align:center;
}

.hero .Static-container {
position:relative;
z-index:2;
}

.hero h1 {
margin-bottom:0;
text-shadow:0 5px 8px rgba(0,0,0,0.15);
}

.hero .button.is-hollow:hover {
color:#FFF;
border-color:#FFF;
}

.hero-shadow {
background:url(/assets/static/hero-shadow.png) 0 0 repeat-x;
height:150px;
left:0;
position:absolute;
top:0;
width:100%;
}

.hero-content {
position:relative;
top:60px;
vertical-align:middle;
z-index:2;
zoom:1;
display:inline;
}

.hero-content-helper {
height:100%;
margin-top:-77px;
vertical-align:middle;
width:0;
zoom:1;
display:inline;
}

.hero-cta {
margin-top:35px;
}

.hero-logos {
bottom:0;
height:73px;
left:50%;
margin-left:-480px;
position:absolute;
text-align:justify;
width:960px;
z-index:1;
-ms-text-justify:distribute-all-lines;
text-justify:distribute-all-lines;
opacity:0.7;
filter:alpha(opacity=70);
zoom:1;
}

.hero-logos > img {
position:relative;
vertical-align:top;
zoom:1;
display:inline;
}

.hero-logos > img.is-adoreme {
top:9px;
}

.hero-logos > img.is-shutterfly {
top:7px;
}

.hero-logos-helper {
display:inline-block;
font-size:0;
line-height:0;
width:100%;
}

.hero-tick {
background:url(/assets/static/hero/tick.png) 0 0 no-repeat;
height:28px;
position:relative;
top:20px;
width:46px;
zoom:1;
display:inline;
-webkit-animation:teasing 3s ease-out infinite;
-moz-animation:teasing 3s ease-out infinite;
animation:teasing 3s ease-out infinite;
}

.jobs .smartWidget * {
font-family:gotham_htflight, Gotham, sans-serif!important;
font-size:18px!important;
}

.jobs .smartWidget table.srJobList {
background:none!important;
border:none!important;
width:100%!important;
padding:0!important;
}

.jobs .smartWidget table.srJobList td,.jobs .smartWidget table.srJobList th {
background-color:transparent!important;
border:none!important;
border-bottom:1px solid rgba(63,79,109,0.2)!important;
text-align:left!important;
-webkit-transition:.25s;
-moz-transition:.25s;
-o-transition:.25s;
transition:.25s;
padding:8px 0!important;
}

.jobs .smartWidget table.srJobList th * {
color:#3f4f6d!important;
}

.jobs .smartWidget table.srJobList td.srJobListJobTitle {
color:#ff4f00!important;
}

.jobs .smartWidget table.srJobList td.srJobListJobTitle:hover {
color:#cc3f00!important;
}

.jobs .smartWidget table.srJobList td.srJobListLocation {
color:#3f4f6d!important;
cursor:default!important;
}

.jobs-headline {
border-bottom:1px solid #d0cfd4;
margin-bottom:20px;
padding-bottom:10px;
}

.jobs-headline h2 {
font-family:gotham_htfultra, Gotham, sans-serif;
font-size:40px;
}

.jobs-description {
line-height:1.8;
}

.jobs-form {
background-color:#FFF;
margin-bottom:-110px;
}

.jobs-form .form {
width:92%;
padding:40px 0 100px;
}

.jobs-form .form-tip {
font-size:80%;
}

.jobs-nav {
padding-top:25px;
}

.jobs-share {
padding:40px 0 0 40px;
}

.jobs-share-title p {
opacity:0.75;
}

.jobs-share-icons {
margin-left:-12px;
}

.jobs-share-icons a {
background-color:#9ea6b6;
background-image:url(/assets/static/jobs/social-icons.png);
background-repeat:no-repeat;
display:inline-block;
height:40px;
margin-left:12px;
text-decoration:none;
width:40px;
-webkit-transition:.25s;
-moz-transition:.25s;
-o-transition:.25s;
transition:.25s;
}

.jobs-share-icons a.is-linkedin {
background-position:0 0;
}

.jobs-share-icons a.is-linkedin:hover,.jobs-share-icons a.is-linkedin:focus {
background-color:#0075b7;
}

.jobs-share-icons a.is-facebook {
background-position:-55px 0;
}

.jobs-share-icons a.is-facebook:hover,.jobs-share-icons a.is-facebook:focus {
background-color:#4760a5;
}

.jobs-share-icons a.is-twitter {
background-position:-110px 0;
}

.jobs-share-icons a.is-twitter:hover,.jobs-share-icons a.is-twitter:focus {
background-color:#55acee;
}

.jobs-share-icons a.is-gplus {
background-position:-165px 0;
}

.jobs-share-icons a.is-gplus:hover,.jobs-share-icons a.is-gplus:focus {
background-color:#d63a23;
}

.jobs-share-icons a.is-email {
background-position:-220px 0;
}

.jobs-share-icons a.is-email:hover,.jobs-share-icons a.is-email:focus {
background-color:#4f9e28;
}

.map {
background:#3d271d url(/assets/static/map.jpg) center 0 no-repeat;
color:#FFF;
height:240px;
margin-top:110px;
position:relative;
text-align:right;
padding:150px 0;
}

.map .Static-container {
position:relative;
}

.map h3 {
margin-bottom:15px;
}

.map-location {
background:url(/assets/static/map-location.png) 0 0 no-repeat;
height:72px;
left:200px;
opacity:1;
position:absolute;
top:63px;
width:42px;
-webkit-transition:.5s;
-moz-transition:.5s;
-o-transition:.5s;
transition:.5s;
}

.map-location.is-hidden {
opacity:0;
top:-200px;
}

.map-button {
border:1px solid;
font-size:16px;
line-height:1.5;
margin-left:17px;
text-align:center;
text-transform:uppercase;
vertical-align:middle;
zoom:1;
display:inline;
padding:15px 20px;
}

.modal {
visibility:visible;
}

.modal.is-inactive {
visibility:hidden;
}

.modal.is-inactive .modal-overlay {
opacity:0;
visibility:hidden;
z-index:-1;
}

.modal.is-inactive .modal-window {
visibility:hidden;
z-index:-1;
}

.modal.is-inactive .modal-container {
opacity:0;
top:-1000px;
visibility:hidden;
-webkit-transform:translateY(-1000px);
-moz-transform:translateY(-1000px);
-ms-transform:translateY(-1000px);
transform:translateY(-1000px);
-webkit-backface-visibility:hidden;
}

.modal-overlay,.modal-overlay-area {
background-color:#3f4f6d;
bottom:0;
left:0;
opacity:0.85;
position:fixed;
right:0;
top:0;
visibility:visible;
z-index:0;
-webkit-transition:.5s;
-moz-transition:.5s;
-o-transition:.5s;
transition:.5s;
}

.modal-overlay-area {
background-color:transparent;
}

.modal-window {
bottom:0;
left:0;
position:fixed;
right:0;
text-align:center;
top:0;
visibility:visible;
z-index:1001;
}

.modal-container {
background-color:#FFF;
border-radius:5px;
opacity:1;
position:relative;
text-align:left;
vertical-align:middle;
visibility:visible;
width:640px;
z-index:1;
zoom:1;
display:inline;
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0);
-webkit-backface-visibility:hidden;
-webkit-transition:1s;
-moz-transition:1s;
-o-transition:1s;
transition:1s;
}

.modal-head {
padding:30px 50px 0;
}

.modal-content {
position:relative;
padding:30px 50px 50px;
}

.modal-validation {
display:none;
position:relative;
top:20px;
}

.modal-validation.is-error {
color:#e20d0d;
}

.modal-close {
color:#3f4f6d;
cursor:pointer;
font-size:36px;
height:32px;
position:absolute;
right:0;
top:0;
visibility:visible;
width:32px;
-webkit-transition:top .25s .6s color .25s;
-moz-transition:top .25s .6s color .25s;
-o-transition:top .25s .6s color .25s;
transition:top .25s .6s color .25s;
padding:3px 10px 0 0;
}

.modal-close:hover {
color:#ff4f00;
}

.press {
margin-bottom:60px;
}

.shot-list {
margin-bottom:50px;
position:relative;
zoom:1;
}

.shot {
background-repeat:no-repeat;
background-position:center 0;
background-size:cover;
cursor:pointer;
float:left;
position:absolute;
-webkit-transition:1s;
-moz-transition:1s;
-o-transition:1s;
transition:1s;
}

.shot:after {
border:3px solid #f6f1ef;
color:#3f4f6d;
content:"";
font-size:25px;
height:100%;
line-height:0.95;
position:absolute;
right:0;
top:0;
width:100%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
behavior:url(/javascripts/liquid/boxsizing.htc);
-webkit-transition:.25s;
-moz-transition:.25s;
-o-transition:.25s;
transition:.25s;
}

.shot.is-1 {
background-image:url(/assets/static/shots/bonobos-winter-12.jpg);
background-position:right 0;
height:100%;
left:0;
top:0;
width:58.5%;
}

.shot.is-2 {
background-image:url(/assets/static/shots/bonobos-dashboard.jpg);
height:48%;
left:61%;
top:0;
width:39%;
}

.shot.is-3 {
background-image:url(/assets/static/shots/bonobos-man-tastic.jpg);
height:48%;
left:61%;
top:52%;
width:18%;
}

.shot.is-4 {
background-image:url(/assets/static/shots/bonobos-cyber-monday.jpg);
height:48%;
left:82%;
top:52%;
width:18%;
}

.shot.is-active {
height:960px;
left:0;
top:0;
width:100%;
z-index:2;
}

.shot.is-active:hover:after {
background-color:#ff4f00;
color:#FFF;
border-color:transparent;
}

.shot.is-active:after {
background-color:transparent;
content:"\00d7";
height:32px;
width:32px;
border-color:#3f4f6d;
}

.shot:hover {
z-index:2;
}

.shot:hover:after {
background-color:rgba(255,79,0,0.5);
border-color:#ff4f00;
}

.rebrand {
background:#3f4f6d url(/assets/static/rebrand/bg.jpg) center 0;
background-size:50%;
color:#FFF;
height:600px;
margin-bottom:60px;
}

.rebrand-content {
position:relative;
vertical-align:middle;
top:30px;
width:800px;
z-index:2;
zoom:1;
display:inline;
margin:0 auto;
}

.row {
zoom:1;
}

.col1of2,.col1of3,.col2of3,.col1of4,.col2of4,.col3of4,.col1of5,.col2of5,.col3of5,.col4of5,.col1of6,.col2of6,.col3of6,.col4of6,.col5of6 {
float:left;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
behavior:url(/javascripts/liquid/boxsizing.htc);
}

.last-col {
display:table-cell;
float:none;
width:auto;
}

.last-col:after {
content:" . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
clear:both;
display:block;
height:0!important;
line-height:0;
visibility:hidden;
}

.col1of2,.col3of6 {
width:50%;
}

.col1of3,.col2of6 {
width:33.33333%;
}

.col2of3,.col4of6 {
width:66.66667%;
}

.col1of4 {
width:25%;
}

.col3of4 {
width:75%;
}

.col1of5 {
width:20%;
}

.col2of5 {
width:40%;
}

.col3of5 {
width:60%;
}

.col4of5 {
width:80%;
}

.col1of6 {
width:16.66667%;
}

.col5of6 {
width:83.33333%;
}

.right {
float:right;
}

.left {
float:left;
}

.center {
clear:both;
float:none!important;
margin-left:auto;
margin-right:auto;
}

.by-left {
text-align:left;
}

.by-right {
text-align:right;
}

.by-center {
text-align:center;
}

.ptn,.pvn,.pan {
padding-top:0;
}

.ptx,.pvx,.pax {
padding-top:3px;
}

.pts,.pvs,.pas {
padding-top:5px;
}

.ptm,.pvm,.pam {
padding-top:10px;
}

.ptl,.pvl,.pal {
padding-top:20px;
}

.prn,.phn,.pan {
padding-right:0;
}

.prx,.phx,.pax {
padding-right:3px;
}

.prs,.phs,.pas {
padding-right:5px;
}

.prm,.phm,.pam {
padding-right:10px;
}

.prl,.phl,.pal {
padding-right:20px;
}

.pbn,.pvn,.pan {
padding-bottom:0;
}

.pbx,.pvx,.pax {
padding-bottom:3px;
}

.pbs,.pvs,.pas {
padding-bottom:5px;
}

.pbm,.pvm,.pam {
padding-bottom:10px;
}

.pbl,.pvl,.pal {
padding-bottom:20px;
}

.pln,.phn,.pan {
padding-left:0;
}

.plx,.phx,.pax {
padding-left:3px;
}

.pls,.phs,.pas {
padding-left:5px;
}

.plm,.phm,.pam {
padding-left:10px;
}

.pll,.phl,.pal {
padding-left:20px;
}

.mtn,.mvn,.man {
margin-top:0;
}

.mtx,.mvx,.max {
margin-top:3px;
}

.mts,.mvs,.mas {
margin-top:5px;
}

.mtm,.mvm,.mam {
margin-top:10px;
}

.mtl,.mvl,.mal {
margin-top:20px;
}

.mrn,.mhn,.man {
margin-right:0;
}

.mrx,.mhx,.max {
margin-right:3px;
}

.mrs,.mhs,.mas {
margin-right:5px;
}

.mrm,.mhm,.mam {
margin-right:10px;
}

.mrl,.mhl,.mal {
margin-right:20px;
}

.mbx,.mvx,.max {
margin-bottom:3px;
}

.mbm,.mvm,.mam {
margin-bottom:10px;
}

.mln,.mhn,.man {
margin-left:0;
}

.mlx,.mhx,.max {
margin-left:3px;
}

.mls,.mhs,.mas {
margin-left:5px;
}

.mlm,.mhm,.mam {
margin-left:10px;
}

.mll,.mhl,.mal {
margin-left:20px;
}

.Static-container:before,.Static-container:after,.bonograph-time:before,.bonograph-time:after,.bonograph-revenue:before,.bonograph-revenue:after,.header:before,.header:after,.shot-list:before,.shot-list:after,.row:before,.row:after {
display:table;
content:"";
}

.Static-container:after,.bonograph-time:after,.bonograph-revenue:after,.header:after,.shot-list:after,.row:after {
clear:both;
}

.Static-content p,.jobs-form .form-row,.mbl,.mvl,.mal {
margin-bottom:20px;
}

.bonocase > p,.press > p {
font-size:18px;
line-height:1.7;
margin:0 15%;
}

.bonocase-title,.press-title {
margin-bottom:50px;
}

.bonocase-cta,.press-cta {
margin-top:50px;
}

.bonograph-graph-line.is-hidden,.bonograph-revenue.is-hidden {
opacity:0;
width:0;
}

.button.is-inverse.is-hollow:hover,.button.is-inverse.is-hollow:focus,.header.is-sticky .header-nav .button.is-hollow:hover,.header.is-sticky .header-nav .button.is-hollow:focus {
color:#3f4f6d;
border-color:#3f4f6d;
}

.form-label,.shown {
display:block;
}

.header a:hover,.header a:focus,.map a:hover,.map a:focus {
color:#FFF;
}

.jobs-form .form-label,.mbs,.mvs,.mas {
margin-bottom:5px;
}

.map-label,.inline {
vertical-align:middle;
zoom:1;
display:inline;
}

.modal-helper,.rebrand-content-helper {
height:100%;
vertical-align:middle;
width:0;
zoom:1;
display:inline;
}

.modal-head h1,.mbn,.mvn,.man {
margin-bottom:0;
}