.clearfix::after { content: " "; clear: both; display: block; width: 100%; }
.anti-clearfix::after { clear: none; display: none; width: auto; }
.pull-left { float: left; }
.pull-right { float: right; }
.hidden { display: none; }
.invisible { visibility: hidden; }
.vertical-center-box { display: table; height: 100%; }
.vertical-center-cell { display: table-cell; vertical-align: middle; }
.plain-list { margin: 0px; padding: 0px; }
.plain-list > li { list-style: outside none none; margin: 0px; padding: 0px; }
.list-group { margin-bottom: 20px; padding-left: 0px; }
.list-group-item { display: inline-block; margin-bottom: -1px; padding: 10px 15px; position: relative; }
.list-inline { padding-left: 0px; margin: 0px; list-style: outside none none; }
.list-inline > li { display: inline-block; padding-right: 5px; padding-left: 5px; }
.list-inline-with-style > li { margin-left: 20px; list-style: outside none circle ! important; }
.bg-white { background-color: rgb(255, 255, 255); }
.bg-grey { background-color: rgb(247, 247, 247); }
.bg-black { background-color: rgb(0, 0, 0); }
.bg-highlight { background-color: rgb(183, 23, 49); }
.bg-footer { background-color: rgb(51, 51, 51); }
.icon-twitter-action { background: transparent url(f5c7700dfea96bd86d60ce3846d1f3d4a5069cf1.png)  no-repeat scroll 0% 0%; display: inline-block; }
.icon-twitter-action.icon-twitter-reply { background-position: -3px -1px; height: 15px; width: 11px; }
.icon-twitter-action.icon-twitter-reply:hover { background-position: -19px -1px; }
.icon-twitter-action.icon-twitter-favorite { background-position: -33px -1px; height: 15px; width: 15px; }
.icon-twitter-action.icon-twitter-favorite:hover { background-position: -49px -1px; }
.icon-twitter-action.icon-twitter-retweet { background-position: -81px -1px; height: 15px; width: 14px; }
.icon-twitter-action.icon-twitter-retweet:hover { background-position: -97px -1px; }
.icon-twitter { background: transparent url(90d59eaed00252d6343397b91aeafbf1a1b67ca9.png)  no-repeat scroll 0% 0%; display: inline-block; height: 11px; width: 16px; }
.icon-box { position: relative; }
.icon-box .icon-shapes { margin: 0px; padding: 0px; position: relative; height: 100%; width: 100%; }
.icon-box .icon-shapes > li { list-style: outside none none; margin: 0px; padding: 0px; }
.icon-box li { color: rgb(255, 0, 0); display: block; margin: 0px; }
.icon-list li { height: 21%; margin-bottom: 1px; width: 100%; }
.icon-squares li { float: left; height: 45%; margin-bottom: 5%; margin-right: 5%; width: 45%; }
.icon-pagination { background: transparent url(ebac78ef2711416e7223e7bf25d0ef7338e9131c.png)  no-repeat scroll 0% 0%; display: inline-block; height: 27px; width: 16px; }
.icon-pagination-previous { background-position: -5px -5px; }
.icon-pagination-previous-red { background-position: -25px -5px; }
.icon-pagination-next { background-position: -5px -35px; }
.icon-pagination-next-red { background-position: -25px -35px; }
.sort-arrow { border-left: 6px solid transparent; border-right: 6px solid transparent; height: 0px; width: 0px; }
.entypo-social { background: transparent url(89ac6032c67e53297bf21609476fcdfe4d099f6e.png)  no-repeat scroll 0% 0%; height: 20px; width: 20px; }
.entypo-social.linkedin { background-position: -5px -5px; }
.entypo-social-linkedin-red { background-position: -5px -30px; }
.entypo-social.twitter { background-position: -30px -5px; }
.entypo-social-twitter-red { background-position: -30px -30px; }
.entypo-social.facebook { background-position: -55px -5px; }
.entypo-social-facebook-red { background-position: -55px -30px; }
.primary-family { font-family: "Neue Haas Grotesk W01 Disp","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; }
.primary-bold-family { font-family: "NHaasGroteskTXW01-75Bd","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; }
.h1-font { font-size: 52px; line-height: 52px; }
.h2-font { font-size: 44px; line-height: 44px; }
.h3-font { font-size: 30px; line-height: 30px; }
.h4-font { font-size: 21px; line-height: 21px; }
.h5-font { font-size: 17px; line-height: 17px; }
.page-title { font-family: "NHaasGroteskTXW01-75Bd","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; font-size: 52px; padding: 40px; }
.p-font { font-size: 21px; line-height: 32px; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-justify { text-align: justify; }
.text-justify { white-space: nowrap; }
.leading-small { line-height: 100%; }
.leading-medium { line-height: 125%; }
.leading-large { line-height: 150%; }
.leading-huge { line-height: 165%; }
.container { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1280px; position: relative; width: 1280px; }
.container::after { content: " "; clear: both; display: block; width: 100%; }
.inner-container { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 960px; position: relative; width: 960px; }
.inner-container::after { content: " "; clear: both; display: block; width: 100%; }
.inner-container.inner-container-body { padding: 40px 0px; }
.row { position: relative; }
.row::after { content: " "; clear: both; display: block; width: 100%; }
.col { box-sizing: border-box; display: block; float: left; position: relative; }
.col-12_5 { box-sizing: border-box; display: block; float: left; position: relative; width: 12.5%; }
.col-16 { box-sizing: border-box; display: block; float: left; position: relative; width: 16.666%; }
.col-25 { box-sizing: border-box; display: block; float: left; position: relative; width: 25%; }
.col-33 { box-sizing: border-box; display: block; float: left; position: relative; width: 33.333%; }
.col-50 { box-sizing: border-box; display: block; position: relative; float: left; width: 50%; }
.col-100 { box-sizing: border-box; display: block; float: left; position: relative; width: 100%; }
[class^="col-25-break"] { border: medium none; display: none; margin: 0px; padding: 0px; }
.col-break-visible { display: block; }
.col-break-visible::after { content: " "; clear: both; display: block; width: 100%; }
.col-25-break-4 { display: block; }
.col-25-break-4::after { content: " "; clear: both; display: block; width: 100%; }
.box-content { bottom: 0px; left: 0px; position: absolute; right: 0px; top: 0px; }
.box-col-sq::before { content: ""; display: block; padding-top: 100%; }
.box-12_5-sq { box-sizing: border-box; display: block; float: left; position: relative; width: 12.5%; }
.box-12_5-sq::before { content: ""; display: block; padding-top: 100%; }
.box-16-sq { box-sizing: border-box; display: block; float: left; position: relative; width: 16.666%; }
.box-16-sq::before { content: ""; display: block; padding-top: 100%; }
.box-25-sq { box-sizing: border-box; display: block; float: left; position: relative; width: 25%; }
.box-25-sq::before { content: ""; display: block; padding-top: 100%; }
.box-33-sq { box-sizing: border-box; display: block; float: left; position: relative; width: 33.333%; }
.box-33-sq::before { content: ""; display: block; padding-top: 100%; }
.box-50-sq { box-sizing: border-box; display: block; position: relative; float: left; width: 50%; }
.box-50-sq::before { content: ""; display: block; padding-top: 100%; }
.box-col-rect::before { content: ""; display: block; padding-top: 50%; }
.box-12_5-rect { box-sizing: border-box; display: block; float: left; position: relative; width: 12.5%; }
.box-12_5-rect::before { content: ""; display: block; padding-top: 50%; }
.box-16-rect { box-sizing: border-box; display: block; float: left; position: relative; width: 16.666%; }
.box-16-rect::before { content: ""; display: block; padding-top: 50%; }
.box-25-rect { box-sizing: border-box; display: block; float: left; position: relative; width: 25%; }
.box-25-rect::before { content: ""; display: block; padding-top: 50%; }
.box-33-rect { box-sizing: border-box; display: block; float: left; position: relative; width: 33.333%; }
.box-33-rect::before { content: ""; display: block; padding-top: 50%; }
.box-50-rect { box-sizing: border-box; display: block; position: relative; float: left; width: 50%; }
.box-50-rect::before { content: ""; display: block; padding-top: 50%; }
.box-100-rect { box-sizing: border-box; display: block; float: left; position: relative; width: 100%; }
.box-100-rect::before { content: ""; display: block; padding-top: 50%; }
.marg-half { padding: 10px; }
.marg-base { padding: 20px; }
.marg-double { padding: 40px; }
.marg-quad { padding: 80px; }
.marg-half-vert { margin-bottom: 10px; margin-top: 10px; }
.marg-base-vert { margin-bottom: 20px; margin-top: 20px; }
.marg-double-vert { margin-bottom: 40px; margin-top: 40px; }
.marg-quad-vert { margin-bottom: 80px; margin-top: 80px; }
.marg-half-hor { margin-left: 10px; margin-right: 10px; }
.marg-base-hor { margin-left: 20px; margin-right: 20px; }
.marg-double-hor { margin-left: 40px; margin-right: 40px; }
.marg-quad-hor { margin-left: 80px; margin-right: 80px; }
.marg-half-bottom { margin-bottom: 10px; }
.marg-base-bottom { margin-bottom: 20px; }
.marg-double-bottom { margin-bottom: 40px; }
.marg-quad-bottom { margin-bottom: 80px; }
.marg-half-top { margin-top: 10px; }
.marg-base-top { margin-top: 20px; }
.marg-double-top { margin-top: 40px; }
.marg-quad-top { margin-top: 80px; }
.marg-half-right { margin-right: 10px; }
.marg-base-right { margin-right: 20px; }
.marg-double-right { margin-right: 40px; }
.marg-quad-right { margin-right: 80px; }
.marg-half-left { margin-left: 10px; }
.marg-base-left { margin-left: 20px; }
.marg-double-left { margin-left: 40px; }
.marg-quad-left { margin-left: 80px; }
.pad-half { padding: 10px; }
.pad-base { padding: 20px; }
.pad-double { padding: 40px; }
.pad-quad { padding: 80px; }
.pad-half-vert { padding-bottom: 10px; padding-top: 10px; }
.pad-base-vert { padding-bottom: 20px; padding-top: 20px; }
.pad-double-vert { padding-bottom: 40px; padding-top: 40px; }
.pad-quad-vert { padding-bottom: 80px; padding-top: 80px; }
.pad-half-hor { padding-left: 10px; padding-right: 10px; }
.pad-base-hor { padding-left: 20px; padding-right: 20px; }
.pad-double-hor { padding-left: 40px; padding-right: 40px; }
.pad-quad-hor { padding-left: 80px; padding-right: 80px; }
.pad-half-bottom { padding-bottom: 10px; }
.pad-base-bottom { padding-bottom: 20px; }
.pad-double-bottom { padding-bottom: 40px; }
.pad-quad-bottom { padding-bottom: 80px; }
.pad-half-top { padding-top: 10px; }
.pad-base-top { padding-top: 20px; }
.pad-double-top { padding-top: 40px; }
.pad-quad-top { padding-top: 80px; }
.pad-half-right { padding-right: 10px; }
.pad-base-right { padding-right: 20px; }
.pad-double-right { padding-right: 40px; }
.pad-quad-right { padding-right: 80px; }
.pad-half-left { padding-left: 10px; }
.pad-base-left { padding-left: 20px; }
.pad-double-left { padding-left: 40px; }
.pad-quad-left { padding-left: 80px; }
.visible-xs-inline, .visible-xs-inline-block, .visible-xs-block { display: none; }
.visible-sm-inline, .visible-sm-inline-block, .visible-sm-block { display: none; }
.visible-md-inline, .visible-md-inline-block, .visible-md-block { display: none; }
.visible-lg-inline { display: inline; }
.visible-lg-inline-block { display: inline-block; }
.visible-lg-block { display: block; }
@media (max-width: 1280px) {
  .container { width: auto; }
  .box-col-sq-lg::before { content: ""; display: block; padding-top: 100%; }
  .box-col-rect-lg::before { content: ""; display: block; padding-top: 50%; }
  .col-12_5-lg { box-sizing: border-box; display: block; float: left; position: relative; width: 12.5%; }
  .col-16-lg { box-sizing: border-box; display: block; float: left; position: relative; width: 16.666%; }
  .col-25-lg { box-sizing: border-box; display: block; float: left; position: relative; width: 25%; }
  .col-33-lg { box-sizing: border-box; display: block; float: left; position: relative; width: 33.333%; }
  .col-50-lg { box-sizing: border-box; display: block; position: relative; float: left; width: 50%; }
  .col-100-lg { box-sizing: border-box; display: block; float: left; position: relative; width: 100%; }
  .hidden-lg { display: none; }
}
@media (max-width: 1120px) {
  .inner-container.inner-container-body { box-sizing: content-box; padding: 40px 80px; width: auto; }
}
@media (max-width: 960px) {
  .inner-container { width: auto; }
  .box-col-sq-md::before { content: ""; display: block; padding-top: 100%; }
  .box-col-rect-md::before { content: ""; display: block; padding-top: 50%; }
  .col-25 { width: 50%; }
  .col-25-break-2 { display: block; }
  .col-25-break-2::after { content: " "; clear: both; display: block; width: 100%; }
  .col-12_5-md { box-sizing: border-box; display: block; float: left; position: relative; width: 12.5%; }
  .col-16-md { box-sizing: border-box; display: block; float: left; position: relative; width: 16.666%; }
  .col-25-md { width: 50%; }
  .col-33-md { box-sizing: border-box; display: block; float: left; position: relative; width: 33.333%; }
  .col-50-md { box-sizing: border-box; display: block; position: relative; float: left; width: 50%; }
  .col-100-md { box-sizing: border-box; display: block; float: left; position: relative; width: 100%; }
  .visible-lg-inline, .visible-lg-inline-block, .visible-lg-block { display: none; }
  .visible-md-inline { display: inline; }
  .visible-md-inline-block { display: inline-block; }
  .visible-md-block { display: block; }
  .hidden-md { display: none; }
}
@media (max-width: 768px) {
  .box-col-sq-sm::before { content: ""; display: block; padding-top: 100%; }
  .box-col-rect-sm::before { content: ""; display: block; padding-top: 50%; }
  .col-12_5-sm { box-sizing: border-box; display: block; float: left; position: relative; width: 12.5%; }
  .col-16-sm { box-sizing: border-box; display: block; float: left; position: relative; width: 16.666%; }
  .col-25-sm { box-sizing: border-box; display: block; float: left; position: relative; width: 25%; }
  .col-33-sm { box-sizing: border-box; display: block; float: left; position: relative; width: 33.333%; }
  .col-50-sm { box-sizing: border-box; display: block; position: relative; float: left; width: 50%; }
  .col-100-sm { box-sizing: border-box; display: block; float: left; position: relative; width: 100%; }
  .visible-md-inline, .visible-md-inline-block, .visible-md-block { display: none; }
  .visible-sm-inline { display: inline; }
  .visible-sm-inline-block { display: inline-block; }
  .visible-sm-block { display: block; }
  .hidden-sm { display: none; }
}
@media (max-width: 560px) {
  .inner-container.inner-container-body { padding: 20px 40px; }
}
@media (max-width: 480px) {
  .box-col-sq-xs::before { content: ""; display: block; padding-top: 100%; }
  .box-col-rect-xs::before { content: ""; display: block; padding-top: 50%; }
  .col-12_5-xs { box-sizing: border-box; display: block; float: left; position: relative; width: 12.5%; }
  .col-16-xs { box-sizing: border-box; display: block; float: left; position: relative; width: 16.666%; }
  .col-25-xs { box-sizing: border-box; display: block; float: left; position: relative; width: 25%; }
  .col-33-xs { box-sizing: border-box; display: block; float: left; position: relative; width: 33.333%; }
  .col-50-xs { box-sizing: border-box; display: block; position: relative; float: left; width: 50%; }
  .col-100-xs { box-sizing: border-box; display: block; float: left; position: relative; width: 100%; }
  .visible-sm-inline, .visible-sm-inline-block, .visible-sm-block { display: none; }
  .visible-xs-inline { display: inline; }
  .visible-xs-inline-block { display: inline-block; }
  .visible-xs-block { display: block; }
  .hidden-xs { display: none; }
}
video { display: block; }
img { vertical-align: top; }
.img-responsive { max-width: 100%; }
.full-banner { width: 100%; }
.full-banner > img { max-width: 100%; }
.white-text { color: rgb(255, 255, 255); }
.banner-button { border: medium none; background-color: rgb(241, 241, 241); color: rgb(0, 0, 0); font-size: 21px; text-align: center; transition: all 300ms ease 0s; height: 300px; width: 100%; }
.banner-button:focus { outline: medium none; }
.banner-button:hover { background-color: rgb(183, 23, 49); color: rgb(255, 255, 255); font-size: 30px; }
.banner-button .vertical-center-box { width: 100%; }
input[type="text"], textarea { background-color: rgb(241, 241, 241); border: medium none; box-sizing: border-box; color: rgb(0, 0, 0); display: block; font-size: 30px; margin-bottom: 20px; padding: 20px; width: 100%; }
input[type="text"]:focus, textarea:focus { outline: medium none; }
input.error[type="text"], textarea.error { background-color: rgb(250, 211, 218); }
label { display: block; font-size: 21px; margin-bottom: 4px; }
.dropdown { cursor: pointer; display: block; overflow: hidden; position: relative; }
.dropdown::after { background: transparent none repeat scroll 0% 0%; color: rgb(0, 0, 0); content: "▼"; font-size: 1em; padding: 0px; pointer-events: none; position: absolute; right: 0px; top: 0px; z-index: 1; }
.dropdown select { -moz-appearance: window; background: transparent none repeat scroll 0% 0%; border: medium none; cursor: pointer; font-size: 16px; font-weight: bold; max-width: 120%; min-width: 120%; outline: medium none; text-indent: 0.01px; text-overflow: ""; width: 120%; }
.dropdown select:focus { outline: medium none; box-shadow: none; }
.dropdown select:-moz-focusring { color: transparent; text-shadow: 0px 0px 0px rgb(0, 0, 0); }
.dropdown.previous-years-dropdown { font-size: 30px; line-height: 30px; float: left; width: 120px; }
.dropdown.previous-years-dropdown select { font-size: 30px; line-height: 30px; font-family: "Neue Haas Grotesk W01 Disp","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; color: rgb(183, 23, 49); }
.dropdown.previous-years-dropdown select:-moz-focusring { color: transparent; text-shadow: 0px 0px 0px rgb(183, 23, 49); }
.previous-years-dropdown-label { font-size: 30px; line-height: 30px; float: left; margin-right: 10px; }
.paginate-box { background-color: rgb(241, 241, 241); color: rgb(166, 168, 171); font-size: 21px; height: 110px; padding-bottom: 20px; padding-top: 20px; }
.paginate-box .icon-pagination { display: block; position: absolute; }
.paginate-box .vertical-center-box { table-layout: fixed; width: 100%; }
.paginate-box .vertical-center-box .vertical-center-cell { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.paginate-box:hover { color: rgb(198, 12, 48); }
.paginate-previous { padding-left: 60px; padding-right: 30px; }
.paginate-previous:hover .icon-pagination { background-position: -25px -5px; }
.paginate-previous .icon-pagination { left: 20px; top: 41px; }
.paginate-next { border-left: 1px solid rgb(230, 231, 232); text-align: right; padding-left: 30px; padding-right: 60px; }
.paginate-next:hover .icon-pagination { background-position: -25px -35px; }
.paginate-next.hide-pagination-border { border: medium none; }
.paginate-next .icon-pagination { right: 20px; top: 41px; }
@media (max-width: 480px) {
  .paginate-next { border-left: medium none; border-top: 1px solid rgb(230, 231, 232); }
  #footer p { font-size: 17px; line-height: 21px; }
}
.filter-menu { color: rgb(255, 255, 255); position: relative; }
.filter-menu.expanded .filter-body { height: auto; opacity: 1; pointer-events: all; visibility: visible; transition: opacity 300ms ease-out 0s, height 300ms linear 0s; }
.filter-menu.expanded .hide-on-expand { display: none; }
.filter-menu.expanded .show-on-expand { display: inline; }
.filter-menu .selected { color: rgb(183, 23, 49); }
.filter-menu .show-on-expand { display: none; }
.filter-menu .bg { bottom: 0px; background-color: rgb(0, 0, 0); left: 0px; opacity: 0.9; position: absolute; right: 0px; top: 0px; }
.filter-menu .filter-head, .filter-menu .filter-body { background-color: rgb(0, 0, 0); padding-left: 15px; padding-right: 15px; }
.filter-head { padding-bottom: 10px; padding-top: 10px; position: relative; }
.filter-head .filter-click-area { bottom: 0px; left: 0px; cursor: pointer; position: absolute; right: 100px; top: 0px; }
.filter-head .filter-toggle { cursor: pointer; font-size: 1.5em; line-height: 1.5em; }
.filter-head .toggle-icons { margin-left: 5px; font-size: 1.5em; line-height: 0em; }
.filter-head .icon-box { height: 32px; width: 32px; }
.filter-head .icon-box li { background-color: rgb(119, 119, 119); }
.filter-head .selected li { background-color: rgb(255, 255, 255); }
.filter-head .icon-list li { height: 7px; margin-bottom: 1px; }
.filter-head .icon-squares li { height: 15px; margin-bottom: 1px; margin-right: 1px; width: 15px; }
.filter-format { margin: 0px; padding: 0px; color: rgb(119, 119, 119); float: right; }
.filter-format > li { list-style: outside none none; margin: 0px; padding: 0px; }
.filter-format > li { cursor: pointer; float: left; margin-left: 10px; }
.filter-format .selected { color: rgb(255, 255, 255); }
.filter-body { height: 0px; overflow: hidden; opacity: 0; padding-bottom: 20px; padding-top: 20px; transition: opacity 300ms ease-out 0s, visibility 0ms linear 300ms, height 300ms linear 0s; visibility: hidden; }
.filter-body ul { margin: 0px; padding: 0px; }
.filter-body ul::after { content: " "; clear: both; display: block; width: 100%; }
.filter-body ul > li { list-style: outside none none; margin: 0px; padding: 0px; }
.filter-body ul li { margin-bottom: 5px; }
.filter-body .filter-h1 { display: block; margin-bottom: 10px; }
.filter-section > li { display: block; margin-bottom: 20px; clear: both; }
.filter-section > li::after { content: " "; clear: both; display: block; width: 100%; }
.filter-section-options { color: rgb(119, 119, 119); }
.filter-section-options > li { box-sizing: border-box; cursor: pointer; float: left; padding-right: 5px; width: 25%; }
.filter-section-options > li:hover { color: rgb(183, 23, 49); }
.filter-section-options .select-box { transition: all 200ms ease 0s; }
.filter-section-options .selected::after { content: " "; clear: both; display: block; width: 100%; }
.filter-section-options .selected .select-box { background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); display: block; float: left; padding: 1px 6px 2px; margin: -1px -6px -2px; }
@media (max-width: 960px) {
  .filter-section-options > li { width: 33.33%; }
}
@media (max-width: 480px) {
  .filter-section-options > li { width: 50%; }
}
.no-results-alert { color: rgb(183, 23, 49); display: none; font-size: 28px; font-weight: bold; left: 0px; margin-top: -20px; position: absolute; right: 0px; text-align: center; top: 50%; }
.brand-list { margin: 20px 0px 30px; padding: 0px; min-height: 400px; }
.brand-list > li { list-style: outside none none; margin: 0px; padding: 0px; }
.brand-list .vert-center-helper { display: inline-block; height: 100%; vertical-align: middle; }
.brand-list .logo-img { max-width: 60%; vertical-align: middle; }
.brand-list.no-results .no-results-alert { display: block; }
.brand-list.no-results .brand-header { display: none; }
.brand-list .brand-item { color: rgb(0, 0, 0); box-sizing: border-box; float: left; position: relative; }
.brand-list .brand-item:hover .brand-box { bottom: 8px; left: -3px; right: 8px; top: -3px; }
.brand-list .brand-item:hover .box-riser .ur-corener { border-left: 8px solid rgb(0, 0, 0); border-bottom: 8px solid transparent; border-top: 8px solid transparent; top: -3px; }
.brand-list .brand-item:hover .box-riser .ll-corener { border-left: 8px solid transparent; border-top: 8px solid rgb(0, 0, 0); border-right: 8px solid transparent; left: -3px; }
.brand-list .brand-info { display: none; }
.brand-list .brand-box { background-color: rgb(255, 255, 255); border: 1px solid rgb(0, 0, 0); margin-left: -6px; margin-bottom: -6px; bottom: 5px; left: 0px; padding: 5px; position: absolute; right: 5px; top: 0px; transition: all 200ms ease 0s; z-index: 2; }
.brand-list .top-riser-badge { bottom: 5px; position: absolute; right: 5px; width: 20%; }
.brand-list .vertical-center-box { width: 100%; }
.brand-list .box-riser { bottom: 0px; left: 0px; position: absolute; right: 0px; top: 0px; transition: all 200ms ease 0s; z-index: 1; }
.brand-list .box-riser .mid-box { background-color: rgb(0, 0, 0); bottom: 0px; left: 5px; position: absolute; right: 0px; top: 5px; transition: all 200ms ease 0s; }
.brand-list .box-riser .ll-corener, .brand-list .box-riser .ur-corener { position: absolute; height: 0px; transition: all 200ms ease 0s; width: 0px; }
.brand-list .box-riser .ur-corener { border-left: 5px solid rgb(0, 0, 0); border-bottom: 5px solid transparent; border-top: 5px solid transparent; right: 0px; top: 0px; }
.brand-list .box-riser .ll-corener { border-left: 5px solid transparent; border-top: 5px solid rgb(0, 0, 0); border-right: 5px solid transparent; bottom: 0px; left: 0px; }
.format-grid .table-container, .format-grid .table-row-container { bottom: 0px; display: block; left: 0px; position: absolute; right: 0px; top: 0px; }
.format-grid .brand-item { box-sizing: border-box; display: block; float: left; position: relative; width: 12.5%; }
.format-grid .brand-item::before { content: ""; display: block; padding-top: 100%; }
.format-grid .brand-logo, .format-grid .brand-rank, .format-grid .brand-value-change, .format-grid .brand-value { display: block; position: absolute; }
.format-grid .brand-value-change { color: rgb(0, 0, 0); font-weight: bold; }
.format-grid .brand-logo { bottom: 0px; left: 5px; padding: 20px 0px 35px; right: 5px; text-align: center; top: 0px; z-index: 1; }
.format-grid .brand-logo .vertical-center-box { width: 100%; }
.format-grid .brand-rank { color: rgb(0, 0, 0); font-weight: bold; left: 5px; top: 5px; z-index: 2; }
.format-grid .brand-value-change { bottom: 20px; left: 5px; z-index: 2; }
.format-grid .brand-value { bottom: 5px; left: 5px; z-index: 2; color: rgb(0, 0, 0); }
.format-list { font-size: 14px; margin-top: 50px; }
.format-list .top-riser-badge { display: none; }
.format-list .table-container, .format-list .table-row-container { position: relative; }
.format-list .table-container { display: table; height: 100%; table-layout: fixed; width: 100%; }
.format-list .table-row-container { display: table-row; }
.format-list .brand-header { font-weight: bold; left: 0px; position: absolute; right: 0px; top: -40px; }
.format-list .brand-header .brand-info { cursor: pointer; height: 40px; vertical-align: middle; }
.format-list .brand-item { float: none; width: 100%; }
.format-list .brand-item::before { content: ""; display: block; padding-top: 100px; }
.format-list .brand-item.brand-featured { width: 100%; }
.format-list .brand-info { display: table-cell; text-align: center; vertical-align: middle; }
.format-list .brand-region { display: none; }
.format-list .sort-arrow { display: none; margin-bottom: 1px; margin-left: 3px; }
.format-list .brand-col-2, .format-list .brand-col-4 { display: none; }
.format-list .brand-col-1, .format-list .brand-col-3, .format-list .brand-col-5, .format-list .brand-col-6, .format-list .brand-col-7, .format-list .brand-col-8 { width: 16.66%; }
.previous-ranking .format-list .brand-col-2 { display: table-cell; }
.previous-ranking .format-list .brand-col-1, .previous-ranking .format-list .brand-col-2 { width: 10%; }
.previous-ranking .format-list .brand-col-3 { width: 13.36%; }
.desc .sort-arrow { border-bottom: 6px solid rgb(0, 0, 0); display: inline-block; }
.asc .sort-arrow { border-top: 6px solid rgb(0, 0, 0); display: inline-block; }
@media (max-width: 1280px) {
  .format-grid .brand-item { box-sizing: border-box; display: block; float: left; position: relative; width: 25%; }
  .format-grid .brand-item::before { content: ""; display: block; padding-top: 100%; }
  .format-list .brand-col-5 { display: none; }
  .format-list .brand-col-1, .format-list .brand-col-6, .format-list .brand-col-7 { width: 20%; }
  .format-list .brand-col-3 { width: 15%; }
  .format-list .brand-col-8 { width: 25%; }
  .previous-ranking .format-list .brand-col-2 { display: none; }
  .previous-ranking .format-list .brand-col-3 { width: 15%; }
}
@media (max-width: 480px) {
  .format-grid .brand-item { box-sizing: border-box; display: block; position: relative; float: left; width: 50%; }
  .format-grid .brand-item::before { content: ""; display: block; padding-top: 100%; }
  .format-list .brand-header .brand-info { font-size: 12px; }
  .format-list .brand-col-6 { display: none; }
  .format-list .brand-col-1, .format-list .brand-col-3, .format-list .brand-col-7 { width: 24%; }
  .format-list .brand-col-8 { width: 28%; }
  .previous-ranking .format-list .brand-col-3 { width: 24%; }
}
#footer { color: rgb(255, 255, 255); margin: 0px auto; }
#footer a { color: rgb(255, 255, 255); }
#footer a:hover { color: rgb(183, 23, 49); }
#footer .container { padding: 30px; }
#footer .list-group-item { background-color: rgb(0, 0, 0); border: 0px none; display: block; margin-bottom: -1px; padding: 5px 0px; position: relative; }
#footer .copyright .container { background-color: rgb(51, 51, 51); }
#footer .ftr-grey a { color: rgb(119, 119, 119); }
#footer .ftr-grey a:hover { color: rgb(183, 23, 49); }
@media (max-width: 480px) {
  #footer p { font-size: 17px; line-height: 21px; }
}
.landing-title { font-size: 30px; margin-bottom: 20px; }
.landing-title a { color: rgb(0, 0, 0); }
.landing-title a:hover { color: rgb(119, 119, 119); }
.featured .description { padding: 21px; }
.featured .title { font-size: 30px; margin-bottom: 20px; }
.featured .title a { color: rgb(0, 0, 0); }
.featured .title a:hover { color: rgb(119, 119, 119); }
.featured .author { font-size: 21px; }
.interview .description { padding: 21px; }
.interview .title { font-size: 30px; margin-bottom: 20px; }
.interview .title a { color: rgb(0, 0, 0); }
.interview .title a:hover { color: rgb(119, 119, 119); }
.interview .author { font-size: 21px; }
.sector-overview .description { padding: 21px; }
.sector-overview .title { font-size: 30px; margin-bottom: 20px; }
.sector-overview .title a { color: rgb(0, 0, 0); }
.sector-overview .title a:hover { color: rgb(119, 119, 119); }
.sector-overview .author { font-size: 21px; }
.article .sector { font-size: 44px; }
.article .description { padding: 21px; }
.article .title { font-size: 30px; margin-bottom: 20px; }
.article .title a { color: rgb(0, 0, 0); }
.article .title a:hover { color: rgb(119, 119, 119); }
.article .author { font-size: 21px; }
.publication-list .title { font-size: 27px; line-height: 30px; margin-bottom: 10px; }
.publication-title { font-size: 44px; line-height: 44px; clear: both; margin-bottom: 20px; }
.publication-title a { color: rgb(0, 0, 0); }
.publication-title a:hover { color: rgb(119, 119, 119); }
.author { color: rgb(119, 119, 119); }
.blurb { font-size: 21px; line-height: 25px; margin-bottom: 10px; }
.content img { max-width: 100%; }
.content ul { margin-left: 20px; margin-right: 80px; }
.content ul li { font-size: 17px; line-height: 24px; margin-bottom: 5px; }
.content blockquote { font-size: 44px; line-height: 44px; }
.feature-caption { font-size: 30px; line-height: 30px; margin-top: 20px; position: absolute; width: 70%; }
.col-100 .feature-caption { width: 30%; }
.page-share { display: inline-block; }
.page-share .date { float: left; height: 40px; line-height: 40px; vertical-align: middle; }
.page-share .share-button { float: left; }
.page-share .share-button.twitter:hover { background-position: -30px -30px; }
.page-share .share-button.facebook:hover { background-position: -55px -30px; }
.page-share .share-button.linkedin:hover { background-position: -5px -30px; }
[data-show-on-enter] { bottom: -50px; opacity: 0; transition: opacity 300ms ease 0s, bottom 300ms ease 0s; }
.visible[data-show-on-enter] { bottom: 0px; opacity: 1; }
@media (max-width: 960px) {
  .publication-title { width: auto; }
}
@media (max-width: 480px) {
  .content ul { margin-left: 0px; margin-right: 20px; }
  .publication-title { font-size: 30px; line-height: 30px; }
  .article-title { font-size: 30px; line-height: 30px; clear: both; width: auto; }
  .feature-caption { font-size: 17px; line-height: 17px; }
  .feature-caption.marg-double-left { margin-left: 20px; }
  .brandlogo { top: 0px ! important; right: -353px ! important; }
  .brandlogo img { height: 25%; width: 25%; }
}
.brandinfo { position: relative; }
.brandinfo.play-animation .brandprofile-hero { animation: 1250ms ease-in 400ms normal forwards 1 running fade-in; }
.brandinfo.play-animation .brandlogo { animation: 1250ms ease-in 400ms normal forwards 1 running fade-in; }
.brandinfo.play-animation .brandprofile-info { animation: 1250ms linear 0ms normal forwards 1 running fade-in; }
.brandinfo.play-animation .brandprofile-info .brandrank { animation: 1250ms cubic-bezier(0, 1, 0.63, 1.24) 0ms normal forwards 1 running bounce-in-left; }
.brandinfo.play-animation .brandprofile-info .brandname { animation: 1250ms cubic-bezier(0, 1, 0.63, 1.24) 100ms normal forwards 1 running bounce-in-left; }
.brandinfo.play-animation .brandprofile-info .sector { animation: 1250ms cubic-bezier(0, 1, 0.63, 1.24) 200ms normal forwards 1 running bounce-in-left; }
.brandinfo.play-animation .brandprofile-info .brandvalue { animation: 1250ms cubic-bezier(0, 1, 0.63, 1.24) 300ms normal forwards 1 running bounce-in-left; }
.brandinfo.play-animation .brandprofile-info .changeinbv { animation: 1250ms cubic-bezier(0, 1, 0.63, 1.24) 400ms normal forwards 1 running bounce-in-left; }
.brandinfo .brandlogo { opacity: 0; }
.brandprofile-info { left: 0px; opacity: 0; overflow: hidden; padding-top: 40px; padding-bottom: 40px; top: 0px; width: 400px; z-index: 5; }
.brandprofile-info .brandrank, .brandprofile-info .brandname, .brandprofile-info .sector, .brandprofile-info .brandvalue, .brandprofile-info .changeinbv { margin-left: 0px; opacity: 0; position: relative; }
.brandlogo { position: absolute; top: 0px; right: -40px; padding: 40px; }
.brandprofile-hero { animation: 2450ms cubic-bezier(0, 1, 0.63, 1.24) 100ms normal forwards 1 running fade-in; }
@keyframes fade-in {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes bounce-in-left {
0% { margin-left: -400px; opacity: 0; }
100% { margin-left: 0px; opacity: 1; }
}
@keyframes ease-up {
0% { opacity: 0; margin-top: -600px; }
100% { opacity: 1; margin-top: 0px; }
}
#selector { background-color: rgb(171, 171, 171); transition: background-color 3s ease 0s; }
.ranking { padding-top: 56px; position: relative; }
.ranking .filter-menu { left: 0px; position: absolute; right: 0px; top: 0px; z-index: 10; }
.cover-box { height: 100%; }
.brand-box-no-margin { padding: 0px ! important; border: medium none ! important; }
.a-z-sort-button { cursor: pointer; font-size: 30px; }
.a-z-sort-button.selected, .a-z-sort-button:hover { color: rgb(183, 23, 49); }
.contributor-image { margin: 0px auto 5px; width: 80%; }
.report-contributor { font-size: 14px; text-align: center; }
.tweet-box { padding: 20px 40px; text-align: left; }
.tweet-header { margin-bottom: 40px; position: relative; }
.tweet-user-info { display: inline-block; }
.tweet-user-info a { clear: both; display: block; float: left; }
.tweet-thumb img { height: 32px; margin-right: 5px; width: 32px; }
.tweet-name { color: rgb(0, 0, 0); }
.tweet-screen-name { font-size: 12px; color: rgb(183, 23, 49); }
.tweet-body { display: inline-block; }
.tweet-text { display: inline-block; font-size: 30px; line-height: 30px; }
.col-100 .tweet-text { line-height: 52px; font-size: 52px; }
.tweet-text a { color: rgb(183, 23, 49); }
.twitter-date { bottom: 10px; color: rgb(174, 174, 174); font-size: 12px; left: 40px; position: absolute; }
.twitter-date .icon-twitter { margin-right: 5px; }
.twitter-actions { bottom: 10px; position: absolute; right: 40px; text-align: right; }
.twitter-no-results { color: rgb(183, 23, 49); }
.twitter-no-results h3 { font-weight: bold; }
.twitter-no-results .vertical-center-box { width: 100%; }
@media (max-width: 960px) {
  .tweet-box { font-size: 14px; }
  .tweet-text { font-size: 17px; line-height: 17px; }
  .col-100 .tweet-text { line-height: 30px; font-size: 30px; }
}
@media (max-width: 768px) {
  .tweet-box { font-size: 12px; max-width: 100%; padding: 20px; }
  .tweet-thumb img { height: 28px; width: 28px; }
  .tweet-text { font-size: 16px; line-height: 16px; }
  .col-100 .tweet-text { line-height: 21px; font-size: 21px; }
  .twitter-date { left: 20px; }
  .twitter-actions { right: 20px; }
}