/** Deep Nested Map Fetch
*
* An easy way to fetch a deep value in a multi-level map. Works much like
* map-get() except that you pass multiple comma seperated keys to go down
* multiple levels in the nested map.
*
**/
/** 
*
* Vocativ Get
*
* A shortcut function for map-fetch that sets $voc namespace
*
**/
/**
 * Vertical align anything
 */
/**
 * From PATTERNIFY
 * http://ptrn.it/1jbnmQW
 */
.voc-border-diagonal-red {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVQYV2NkIAK8d1T+z0hIHUiR4P67jHgVwhSBDMOpEFkRToXoirAqxKYIQyEuRSgK8SmCKySkCKyQGEUghQBnmiZdHUTSiAAAAABJRU5ErkJggg==") repeat; }

/**
 * Set placeholder styles
 */
/**
 * Core Variables
 */
/**
 * Variable Overrides
 */
/**
 * Core mixins.
 */
/**
 * Typography.
 */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit; }
  h1 small,
  h1 .small, h2 small,
  h2 .small, h3 small,
  h3 .small, h4 small,
  h4 .small, h5 small,
  h5 .small, h6 small,
  h6 .small,
  .h1 small,
  .h1 .small, .h2 small,
  .h2 .small, .h3 small,
  .h3 .small, .h4 small,
  .h4 .small, .h5 small,
  .h5 .small, .h6 small,
  .h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #777777; }

h1, .h1,
h2, .h2,
h3, .h3 {
  margin-top: 20px;
  margin-bottom: 10px; }
  h1 small,
  h1 .small, .h1 small,
  .h1 .small,
  h2 small,
  h2 .small, .h2 small,
  .h2 .small,
  h3 small,
  h3 .small, .h3 small,
  .h3 .small {
    font-size: 65%; }

h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 10px;
  margin-bottom: 10px; }
  h4 small,
  h4 .small, .h4 small,
  .h4 .small,
  h5 small,
  h5 .small, .h5 small,
  .h5 .small,
  h6 small,
  h6 .small, .h6 small,
  .h6 .small {
    font-size: 75%; }

h1, .h1 {
  font-size: 36px; }

h2, .h2 {
  font-size: 30px; }

h3, .h3 {
  font-size: 24px; }

h4, .h4 {
  font-size: 18px; }

h5, .h5 {
  font-size: 14px; }

h6, .h6 {
  font-size: 12px; }

p {
  margin: 0 0 10px; }

.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4; }
  @media (min-width: 768px) {
    .lead {
      font-size: 21px; } }

small,
.small {
  font-size: 85%; }

mark,
.mark {
  background-color: #fcf8e3;
  padding: .2em; }

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

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

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

.text-justify {
  text-align: justify; }

.text-nowrap {
  white-space: nowrap; }

.text-lowercase {
  text-transform: lowercase; }

.text-uppercase, .initialism {
  text-transform: uppercase; }

.text-capitalize {
  text-transform: capitalize; }

.text-muted {
  color: #777777; }

.text-primary {
  color: #337ab7; }

a.text-primary:hover,
a.text-primary:focus {
  color: #286090; }

.text-success {
  color: #3c763d; }

a.text-success:hover,
a.text-success:focus {
  color: #2b542c; }

.text-info {
  color: #31708f; }

a.text-info:hover,
a.text-info:focus {
  color: #245269; }

.text-warning {
  color: #8a6d3b; }

a.text-warning:hover,
a.text-warning:focus {
  color: #66512c; }

.text-danger {
  color: #a94442; }

a.text-danger:hover,
a.text-danger:focus {
  color: #843534; }

.bg-primary {
  color: #fff; }

.bg-primary {
  background-color: #337ab7; }

a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #286090; }

.bg-success {
  background-color: #dff0d8; }

a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3; }

.bg-info {
  background-color: #d9edf7; }

a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee; }

.bg-warning {
  background-color: #fcf8e3; }

a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5; }

.bg-danger {
  background-color: #f2dede; }

a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9; }

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee; }

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px; }
  ul ul,
  ul ol,
  ol ul,
  ol ol {
    margin-bottom: 0; }

.list-unstyled {
  padding-left: 0;
  list-style: none; }

.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px; }
  .list-inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px; }

dl {
  margin-top: 0;
  margin-bottom: 20px; }

dt,
dd {
  line-height: 1.42857; }

dt {
  font-weight: bold; }

dd {
  margin-left: 0; }

.dl-horizontal dd:before, .dl-horizontal dd:after {
  content: " ";
  display: table; }

.dl-horizontal dd:after {
  clear: both; }

@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .dl-horizontal dd {
    margin-left: 180px; } }

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777777; }

.initialism {
  font-size: 90%; }

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee; }
  blockquote p:last-child,
  blockquote ul:last-child,
  blockquote ol:last-child {
    margin-bottom: 0; }
  blockquote footer,
  blockquote small,
  blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.42857;
    color: #777777; }
    blockquote footer:before,
    blockquote small:before,
    blockquote .small:before {
      content: '\2014 \00A0'; }

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right; }
  .blockquote-reverse footer:before,
  .blockquote-reverse small:before,
  .blockquote-reverse .small:before,
  blockquote.pull-right footer:before,
  blockquote.pull-right small:before,
  blockquote.pull-right .small:before {
    content: ''; }
  .blockquote-reverse footer:after,
  .blockquote-reverse small:after,
  .blockquote-reverse .small:after,
  blockquote.pull-right footer:after,
  blockquote.pull-right small:after,
  blockquote.pull-right .small:after {
    content: '\00A0 \2014'; }

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857; }

/**
 * Grid system.
 */
* {
  box-sizing: border-box; }

*:before,
*:after {
  box-sizing: border-box; }

html {
  font-size: 10px;
  -webkit-tap-highlight-color: transparent; }

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857;
  color: #333333;
  background-color: #fff; }

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

a {
  color: #337ab7;
  text-decoration: none; }
  a:hover, a:focus {
    color: #23527c;
    text-decoration: underline; }
  a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }

figure {
  margin: 0; }

img {
  vertical-align: middle; }

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto; }

.img-rounded {
  border-radius: 6px; }

.img-thumbnail {
  padding: 4px;
  line-height: 1.42857;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto; }

.img-circle {
  border-radius: 50%; }

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

[role="button"] {
  cursor: pointer; }

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container:before, .container:after {
    content: " ";
    display: table; }
  .container:after {
    clear: both; }
  @media (min-width: 768px) {
    .container {
      width: 765px; } }
  @media (min-width: 992px) {
    .container {
      width: 990px; } }
  @media (min-width: 1200px) {
    .container {
      width: 1191px; } }

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container-fluid:before, .container-fluid:after {
    content: " ";
    display: table; }
  .container-fluid:after {
    clear: both; }

.row {
  margin-left: -15px;
  margin-right: -15px; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left; }

.col-xs-1 {
  width: 8.33333%; }

.col-xs-2 {
  width: 16.66667%; }

.col-xs-3 {
  width: 25%; }

.col-xs-4 {
  width: 33.33333%; }

.col-xs-5 {
  width: 41.66667%; }

.col-xs-6 {
  width: 50%; }

.col-xs-7 {
  width: 58.33333%; }

.col-xs-8 {
  width: 66.66667%; }

.col-xs-9 {
  width: 75%; }

.col-xs-10 {
  width: 83.33333%; }

.col-xs-11 {
  width: 91.66667%; }

.col-xs-12 {
  width: 100%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-pull-1 {
  right: 8.33333%; }

.col-xs-pull-2 {
  right: 16.66667%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-4 {
  right: 33.33333%; }

.col-xs-pull-5 {
  right: 41.66667%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-7 {
  right: 58.33333%; }

.col-xs-pull-8 {
  right: 66.66667%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-10 {
  right: 83.33333%; }

.col-xs-pull-11 {
  right: 91.66667%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-push-1 {
  left: 8.33333%; }

.col-xs-push-2 {
  left: 16.66667%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-4 {
  left: 33.33333%; }

.col-xs-push-5 {
  left: 41.66667%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-7 {
  left: 58.33333%; }

.col-xs-push-8 {
  left: 66.66667%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-10 {
  left: 83.33333%; }

.col-xs-push-11 {
  left: 91.66667%; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-offset-0 {
  margin-left: 0%; }

.col-xs-offset-1 {
  margin-left: 8.33333%; }

.col-xs-offset-2 {
  margin-left: 16.66667%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-4 {
  margin-left: 33.33333%; }

.col-xs-offset-5 {
  margin-left: 41.66667%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-7 {
  margin-left: 58.33333%; }

.col-xs-offset-8 {
  margin-left: 66.66667%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-10 {
  margin-left: 83.33333%; }

.col-xs-offset-11 {
  margin-left: 91.66667%; }

.col-xs-offset-12 {
  margin-left: 100%; }

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }
  .col-sm-1 {
    width: 8.33333%; }
  .col-sm-2 {
    width: 16.66667%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-4 {
    width: 33.33333%; }
  .col-sm-5 {
    width: 41.66667%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-7 {
    width: 58.33333%; }
  .col-sm-8 {
    width: 66.66667%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-10 {
    width: 83.33333%; }
  .col-sm-11 {
    width: 91.66667%; }
  .col-sm-12 {
    width: 100%; }
  .col-sm-pull-0 {
    right: auto; }
  .col-sm-pull-1 {
    right: 8.33333%; }
  .col-sm-pull-2 {
    right: 16.66667%; }
  .col-sm-pull-3 {
    right: 25%; }
  .col-sm-pull-4 {
    right: 33.33333%; }
  .col-sm-pull-5 {
    right: 41.66667%; }
  .col-sm-pull-6 {
    right: 50%; }
  .col-sm-pull-7 {
    right: 58.33333%; }
  .col-sm-pull-8 {
    right: 66.66667%; }
  .col-sm-pull-9 {
    right: 75%; }
  .col-sm-pull-10 {
    right: 83.33333%; }
  .col-sm-pull-11 {
    right: 91.66667%; }
  .col-sm-pull-12 {
    right: 100%; }
  .col-sm-push-0 {
    left: auto; }
  .col-sm-push-1 {
    left: 8.33333%; }
  .col-sm-push-2 {
    left: 16.66667%; }
  .col-sm-push-3 {
    left: 25%; }
  .col-sm-push-4 {
    left: 33.33333%; }
  .col-sm-push-5 {
    left: 41.66667%; }
  .col-sm-push-6 {
    left: 50%; }
  .col-sm-push-7 {
    left: 58.33333%; }
  .col-sm-push-8 {
    left: 66.66667%; }
  .col-sm-push-9 {
    left: 75%; }
  .col-sm-push-10 {
    left: 83.33333%; }
  .col-sm-push-11 {
    left: 91.66667%; }
  .col-sm-push-12 {
    left: 100%; }
  .col-sm-offset-0 {
    margin-left: 0%; }
  .col-sm-offset-1 {
    margin-left: 8.33333%; }
  .col-sm-offset-2 {
    margin-left: 16.66667%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-4 {
    margin-left: 33.33333%; }
  .col-sm-offset-5 {
    margin-left: 41.66667%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-7 {
    margin-left: 58.33333%; }
  .col-sm-offset-8 {
    margin-left: 66.66667%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-10 {
    margin-left: 83.33333%; }
  .col-sm-offset-11 {
    margin-left: 91.66667%; }
  .col-sm-offset-12 {
    margin-left: 100%; } }

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }
  .col-md-1 {
    width: 8.33333%; }
  .col-md-2 {
    width: 16.66667%; }
  .col-md-3 {
    width: 25%; }
  .col-md-4 {
    width: 33.33333%; }
  .col-md-5 {
    width: 41.66667%; }
  .col-md-6 {
    width: 50%; }
  .col-md-7 {
    width: 58.33333%; }
  .col-md-8 {
    width: 66.66667%; }
  .col-md-9 {
    width: 75%; }
  .col-md-10 {
    width: 83.33333%; }
  .col-md-11 {
    width: 91.66667%; }
  .col-md-12 {
    width: 100%; }
  .col-md-pull-0 {
    right: auto; }
  .col-md-pull-1 {
    right: 8.33333%; }
  .col-md-pull-2 {
    right: 16.66667%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-4 {
    right: 33.33333%; }
  .col-md-pull-5 {
    right: 41.66667%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-7 {
    right: 58.33333%; }
  .col-md-pull-8 {
    right: 66.66667%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-10 {
    right: 83.33333%; }
  .col-md-pull-11 {
    right: 91.66667%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-push-0 {
    left: auto; }
  .col-md-push-1 {
    left: 8.33333%; }
  .col-md-push-2 {
    left: 16.66667%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-4 {
    left: 33.33333%; }
  .col-md-push-5 {
    left: 41.66667%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-7 {
    left: 58.33333%; }
  .col-md-push-8 {
    left: 66.66667%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-10 {
    left: 83.33333%; }
  .col-md-push-11 {
    left: 91.66667%; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-offset-0 {
    margin-left: 0%; }
  .col-md-offset-1 {
    margin-left: 8.33333%; }
  .col-md-offset-2 {
    margin-left: 16.66667%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-4 {
    margin-left: 33.33333%; }
  .col-md-offset-5 {
    margin-left: 41.66667%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-7 {
    margin-left: 58.33333%; }
  .col-md-offset-8 {
    margin-left: 66.66667%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-10 {
    margin-left: 83.33333%; }
  .col-md-offset-11 {
    margin-left: 91.66667%; }
  .col-md-offset-12 {
    margin-left: 100%; } }

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }
  .col-lg-1 {
    width: 8.33333%; }
  .col-lg-2 {
    width: 16.66667%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-4 {
    width: 33.33333%; }
  .col-lg-5 {
    width: 41.66667%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-7 {
    width: 58.33333%; }
  .col-lg-8 {
    width: 66.66667%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-10 {
    width: 83.33333%; }
  .col-lg-11 {
    width: 91.66667%; }
  .col-lg-12 {
    width: 100%; }
  .col-lg-pull-0 {
    right: auto; }
  .col-lg-pull-1 {
    right: 8.33333%; }
  .col-lg-pull-2 {
    right: 16.66667%; }
  .col-lg-pull-3 {
    right: 25%; }
  .col-lg-pull-4 {
    right: 33.33333%; }
  .col-lg-pull-5 {
    right: 41.66667%; }
  .col-lg-pull-6 {
    right: 50%; }
  .col-lg-pull-7 {
    right: 58.33333%; }
  .col-lg-pull-8 {
    right: 66.66667%; }
  .col-lg-pull-9 {
    right: 75%; }
  .col-lg-pull-10 {
    right: 83.33333%; }
  .col-lg-pull-11 {
    right: 91.66667%; }
  .col-lg-pull-12 {
    right: 100%; }
  .col-lg-push-0 {
    left: auto; }
  .col-lg-push-1 {
    left: 8.33333%; }
  .col-lg-push-2 {
    left: 16.66667%; }
  .col-lg-push-3 {
    left: 25%; }
  .col-lg-push-4 {
    left: 33.33333%; }
  .col-lg-push-5 {
    left: 41.66667%; }
  .col-lg-push-6 {
    left: 50%; }
  .col-lg-push-7 {
    left: 58.33333%; }
  .col-lg-push-8 {
    left: 66.66667%; }
  .col-lg-push-9 {
    left: 75%; }
  .col-lg-push-10 {
    left: 83.33333%; }
  .col-lg-push-11 {
    left: 91.66667%; }
  .col-lg-push-12 {
    left: 100%; }
  .col-lg-offset-0 {
    margin-left: 0%; }
  .col-lg-offset-1 {
    margin-left: 8.33333%; }
  .col-lg-offset-2 {
    margin-left: 16.66667%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-4 {
    margin-left: 33.33333%; }
  .col-lg-offset-5 {
    margin-left: 41.66667%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-7 {
    margin-left: 58.33333%; }
  .col-lg-offset-8 {
    margin-left: 66.66667%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-10 {
    margin-left: 83.33333%; }
  .col-lg-offset-11 {
    margin-left: 91.66667%; }
  .col-lg-offset-12 {
    margin-left: 100%; } }

.media {
  margin-top: 15px; }
  .media:first-child {
    margin-top: 0; }

.media,
.media-body {
  zoom: 1;
  overflow: hidden; }

.media-body {
  width: 10000px; }

.media-object {
  display: block; }
  .media-object.img-thumbnail {
    max-width: none; }

.media-right,
.media > .pull-right {
  padding-left: 10px; }

.media-left,
.media > .pull-left {
  padding-right: 10px; }

.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top; }

.media-middle {
  vertical-align: middle; }

.media-bottom {
  vertical-align: bottom; }

.media-heading {
  margin-top: 0;
  margin-bottom: 5px; }

.media-list {
  padding-left: 0;
  list-style: none; }

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0; }

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5; }

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold; }

input[type="search"] {
  box-sizing: border-box; }

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal; }

input[type="file"] {
  display: block; }

input[type="range"] {
  display: block;
  width: 100%; }

select[multiple],
select[size] {
  height: auto; }

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857;
  color: #555555; }

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
  .form-control:focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
  .form-control::-moz-placeholder {
    color: #999;
    opacity: 1; }
  .form-control:-ms-input-placeholder {
    color: #999; }
  .form-control::-webkit-input-placeholder {
    color: #999; }
  .form-control::-ms-expand {
    border: 0;
    background-color: transparent; }
  .form-control[disabled], .form-control[readonly],
  fieldset[disabled] .form-control {
    background-color: #eeeeee;
    opacity: 1; }
  .form-control[disabled],
  fieldset[disabled] .form-control {
    cursor: not-allowed; }

textarea.form-control {
  height: auto; }

input[type="search"] {
  -webkit-appearance: none; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 34px; }
  input[type="date"].input-sm, .input-group-sm > input[type="date"].form-control,
  .input-group-sm > input[type="date"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="date"].btn,
  .input-group-sm input[type="date"],
  input[type="time"].input-sm,
  .input-group-sm > input[type="time"].form-control,
  .input-group-sm > input[type="time"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="time"].btn,
  .input-group-sm
  input[type="time"],
  input[type="datetime-local"].input-sm,
  .input-group-sm > input[type="datetime-local"].form-control,
  .input-group-sm > input[type="datetime-local"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="datetime-local"].btn,
  .input-group-sm
  input[type="datetime-local"],
  input[type="month"].input-sm,
  .input-group-sm > input[type="month"].form-control,
  .input-group-sm > input[type="month"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="month"].btn,
  .input-group-sm
  input[type="month"] {
    line-height: 30px; }
  input[type="date"].input-lg, .input-group-lg > input[type="date"].form-control,
  .input-group-lg > input[type="date"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="date"].btn,
  .input-group-lg input[type="date"],
  input[type="time"].input-lg,
  .input-group-lg > input[type="time"].form-control,
  .input-group-lg > input[type="time"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="time"].btn,
  .input-group-lg
  input[type="time"],
  input[type="datetime-local"].input-lg,
  .input-group-lg > input[type="datetime-local"].form-control,
  .input-group-lg > input[type="datetime-local"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="datetime-local"].btn,
  .input-group-lg
  input[type="datetime-local"],
  input[type="month"].input-lg,
  .input-group-lg > input[type="month"].form-control,
  .input-group-lg > input[type="month"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="month"].btn,
  .input-group-lg
  input[type="month"] {
    line-height: 46px; } }

.form-group {
  margin-bottom: 15px; }

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px; }
  .radio label,
  .checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer; }

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9; }

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px; }

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer; }

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px; }

input[type="radio"][disabled], input[type="radio"].disabled,
fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
input[type="checkbox"].disabled,
fieldset[disabled]
input[type="checkbox"] {
  cursor: not-allowed; }

.radio-inline.disabled,
fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled]
.checkbox-inline {
  cursor: not-allowed; }

.radio.disabled label,
fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled]
.checkbox label {
  cursor: not-allowed; }

.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 34px; }
  .form-control-static.input-lg, .input-group-lg > .form-control-static.form-control,
  .input-group-lg > .form-control-static.input-group-addon,
  .input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control,
  .input-group-sm > .form-control-static.input-group-addon,
  .input-group-sm > .input-group-btn > .form-control-static.btn {
    padding-left: 0;
    padding-right: 0; }

.input-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

select.input-sm, .input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
.input-group-sm > .input-group-btn > select.btn {
  height: 30px;
  line-height: 30px; }

textarea.input-sm, .input-group-sm > textarea.form-control,
.input-group-sm > textarea.input-group-addon,
.input-group-sm > .input-group-btn > textarea.btn,
select[multiple].input-sm,
.input-group-sm > select[multiple].form-control,
.input-group-sm > select[multiple].input-group-addon,
.input-group-sm > .input-group-btn > select[multiple].btn {
  height: auto; }

.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px; }

.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto; }

.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5; }

.input-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 6px; }

select.input-lg, .input-group-lg > select.form-control,
.input-group-lg > select.input-group-addon,
.input-group-lg > .input-group-btn > select.btn {
  height: 46px;
  line-height: 46px; }

textarea.input-lg, .input-group-lg > textarea.form-control,
.input-group-lg > textarea.input-group-addon,
.input-group-lg > .input-group-btn > textarea.btn,
select[multiple].input-lg,
.input-group-lg > select[multiple].form-control,
.input-group-lg > select[multiple].input-group-addon,
.input-group-lg > .input-group-btn > select[multiple].btn {
  height: auto; }

.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 6px; }

.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px; }

.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto; }

.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.33333; }

.has-feedback {
  position: relative; }
  .has-feedback .form-control {
    padding-right: 42.5px; }

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none; }

.input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback,
.input-group-lg > .input-group-addon + .form-control-feedback,
.input-group-lg > .input-group-btn > .btn + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px; }

.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback,
.input-group-sm > .input-group-addon + .form-control-feedback,
.input-group-sm > .input-group-btn > .btn + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px; }

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d; }

.has-success .form-control {
  border-color: #3c763d;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-success .form-control:focus {
    border-color: #2b542c;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; }

.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8; }

.has-success .form-control-feedback {
  color: #3c763d; }

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b; }

.has-warning .form-control {
  border-color: #8a6d3b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-warning .form-control:focus {
    border-color: #66512c;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; }

.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3; }

.has-warning .form-control-feedback {
  color: #8a6d3b; }

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442; }

.has-error .form-control {
  border-color: #a94442;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-error .form-control:focus {
    border-color: #843534;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; }

.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede; }

.has-error .form-control-feedback {
  color: #a94442; }

.has-feedback label ~ .form-control-feedback {
  top: 25px; }

.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0; }

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373; }

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle; }
  .form-inline .form-control-static {
    display: inline-block; }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle; }
    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn,
    .form-inline .input-group .form-control {
      width: auto; }
  .form-inline .input-group > .form-control {
    width: 100%; }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle; }
    .form-inline .radio label,
    .form-inline .checkbox label {
      padding-left: 0; }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0; }
  .form-inline .has-feedback .form-control-feedback {
    top: 0; } }

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px; }

.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px; }

.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px; }
  .form-horizontal .form-group:before, .form-horizontal .form-group:after {
    content: " ";
    display: table; }
  .form-horizontal .form-group:after {
    clear: both; }

@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px; } }

.form-horizontal .has-feedback .form-control-feedback {
  right: 15px; }

@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px; } }

@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px; } }

.input-group {
  position: relative;
  display: table;
  border-collapse: separate; }
  .input-group[class*="col-"] {
    float: none;
    padding-left: 0;
    padding-right: 0; }
  .input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0; }
    .input-group .form-control:focus {
      z-index: 3; }

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell; }
  .input-group-addon:not(:first-child):not(:last-child),
  .input-group-btn:not(:first-child):not(:last-child),
  .input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0; }

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle; }

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  border-radius: 4px; }
  .input-group-addon.input-sm,
  .input-group-sm > .input-group-addon,
  .input-group-sm > .input-group-btn > .input-group-addon.btn {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px; }
  .input-group-addon.input-lg,
  .input-group-lg > .input-group-addon,
  .input-group-lg > .input-group-btn > .input-group-addon.btn {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px; }
  .input-group-addon input[type="radio"],
  .input-group-addon input[type="checkbox"] {
    margin-top: 0; }

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.input-group-addon:first-child {
  border-right: 0; }

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.input-group-addon:last-child {
  border-left: 0; }

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap; }
  .input-group-btn > .btn {
    position: relative; }
    .input-group-btn > .btn + .btn {
      margin-left: -1px; }
    .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
      z-index: 2; }
  .input-group-btn:first-child > .btn,
  .input-group-btn:first-child > .btn-group {
    margin-right: -1px; }
  .input-group-btn:last-child > .btn,
  .input-group-btn:last-child > .btn-group {
    z-index: 2;
    margin-left: -1px; }

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none; }
  .nav:before, .nav:after {
    content: " ";
    display: table; }
  .nav:after {
    clear: both; }
  .nav > li {
    position: relative;
    display: block; }
    .nav > li > a {
      position: relative;
      display: block;
      padding: 10px 15px; }
      .nav > li > a:hover, .nav > li > a:focus {
        text-decoration: none;
        background-color: #eeeeee; }
    .nav > li.disabled > a {
      color: #777777; }
      .nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
        color: #777777;
        text-decoration: none;
        background-color: transparent;
        cursor: not-allowed; }
  .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #eeeeee;
    border-color: #337ab7; }
  .nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5; }
  .nav > li > a > img {
    max-width: none; }

.nav-tabs {
  border-bottom: 1px solid #ddd; }
  .nav-tabs > li {
    float: left;
    margin-bottom: -1px; }
    .nav-tabs > li > a {
      margin-right: 2px;
      line-height: 1.42857;
      border: 1px solid transparent;
      border-radius: 4px 4px 0 0; }
      .nav-tabs > li > a:hover {
        border-color: #eeeeee #eeeeee #ddd; }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
      color: #555555;
      background-color: #fff;
      border: 1px solid #ddd;
      border-bottom-color: transparent;
      cursor: default; }

.nav-pills > li {
  float: left; }
  .nav-pills > li > a {
    border-radius: 4px; }
  .nav-pills > li + li {
    margin-left: 2px; }
  .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #337ab7; }

.nav-stacked > li {
  float: none; }
  .nav-stacked > li + li {
    margin-top: 2px;
    margin-left: 0; }

.nav-justified, .nav-tabs.nav-justified {
  width: 100%; }
  .nav-justified > li, .nav-tabs.nav-justified > li {
    float: none; }
    .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
      text-align: center;
      margin-bottom: 5px; }
  .nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto; }
  @media (min-width: 768px) {
    .nav-justified > li, .nav-tabs.nav-justified > li {
      display: table-cell;
      width: 1%; }
      .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
        margin-bottom: 0; } }

.nav-tabs-justified, .nav-tabs.nav-justified {
  border-bottom: 0; }
  .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 4px; }
  .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
  .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus {
    border: 1px solid #ddd; }
  @media (min-width: 768px) {
    .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
      border-bottom: 1px solid #ddd;
      border-radius: 4px 4px 0 0; }
    .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
    .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover,
    .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus {
      border-bottom-color: #fff; } }

.tab-content > .tab-pane {
  display: none; }

.tab-content > .active {
  display: block; }

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent; }
  .navbar:before, .navbar:after {
    content: " ";
    display: table; }
  .navbar:after {
    clear: both; }
  @media (min-width: 768px) {
    .navbar {
      border-radius: 4px; } }

.navbar-header:before, .navbar-header:after {
  content: " ";
  display: table; }

.navbar-header:after {
  clear: both; }

@media (min-width: 768px) {
  .navbar-header {
    float: left; } }

.navbar-collapse {
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch; }
  .navbar-collapse:before, .navbar-collapse:after {
    content: " ";
    display: table; }
  .navbar-collapse:after {
    clear: both; }
  .navbar-collapse.in {
    overflow-y: auto; }
  @media (min-width: 768px) {
    .navbar-collapse {
      width: auto;
      border-top: 0;
      box-shadow: none; }
      .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important; }
      .navbar-collapse.in {
        overflow-y: visible; }
      .navbar-fixed-top .navbar-collapse,
      .navbar-static-top .navbar-collapse,
      .navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 0; } }

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px; }
  @media (max-device-width: 480px) and (orientation: landscape) {
    .navbar-fixed-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
      max-height: 200px; } }

.container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px; }
  @media (min-width: 768px) {
    .container > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-header,
    .container-fluid > .navbar-collapse {
      margin-right: 0;
      margin-left: 0; } }

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px; }
  @media (min-width: 768px) {
    .navbar-static-top {
      border-radius: 0; } }

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030; }
  @media (min-width: 768px) {
    .navbar-fixed-top,
    .navbar-fixed-bottom {
      border-radius: 0; } }

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px; }

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0; }

.navbar-brand {
  float: left;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
  height: 50px; }
  .navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none; }
  .navbar-brand > img {
    display: block; }
  @media (min-width: 768px) {
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
      margin-left: -15px; } }

.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 15px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px; }
  .navbar-toggle:focus {
    outline: 0; }
  .navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px; }
  .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px; }
  @media (min-width: 768px) {
    .navbar-toggle {
      display: none; } }

.navbar-nav {
  margin: 7.5px -15px; }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px; }
  @media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
      position: static;
      float: none;
      width: auto;
      margin-top: 0;
      background-color: transparent;
      border: 0;
      box-shadow: none; }
      .navbar-nav .open .dropdown-menu > li > a,
      .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px; }
      .navbar-nav .open .dropdown-menu > li > a {
        line-height: 20px; }
        .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
          background-image: none; } }
  @media (min-width: 768px) {
    .navbar-nav {
      float: left;
      margin: 0; }
      .navbar-nav > li {
        float: left; }
        .navbar-nav > li > a {
          padding-top: 15px;
          padding-bottom: 15px; } }

.navbar-form {
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 8px;
  margin-bottom: 8px; }
  @media (min-width: 768px) {
    .navbar-form .form-group {
      display: inline-block;
      margin-bottom: 0;
      vertical-align: middle; }
    .navbar-form .form-control {
      display: inline-block;
      width: auto;
      vertical-align: middle; }
    .navbar-form .form-control-static {
      display: inline-block; }
    .navbar-form .input-group {
      display: inline-table;
      vertical-align: middle; }
      .navbar-form .input-group .input-group-addon,
      .navbar-form .input-group .input-group-btn,
      .navbar-form .input-group .form-control {
        width: auto; }
    .navbar-form .input-group > .form-control {
      width: 100%; }
    .navbar-form .control-label {
      margin-bottom: 0;
      vertical-align: middle; }
    .navbar-form .radio,
    .navbar-form .checkbox {
      display: inline-block;
      margin-top: 0;
      margin-bottom: 0;
      vertical-align: middle; }
      .navbar-form .radio label,
      .navbar-form .checkbox label {
        padding-left: 0; }
    .navbar-form .radio input[type="radio"],
    .navbar-form .checkbox input[type="checkbox"] {
      position: relative;
      margin-left: 0; }
    .navbar-form .has-feedback .form-control-feedback {
      top: 0; } }
  @media (max-width: 767px) {
    .navbar-form .form-group {
      margin-bottom: 5px; }
      .navbar-form .form-group:last-child {
        margin-bottom: 0; } }
  @media (min-width: 768px) {
    .navbar-form {
      width: auto;
      border: 0;
      margin-left: 0;
      margin-right: 0;
      padding-top: 0;
      padding-bottom: 0;
      box-shadow: none; } }

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px; }
  .navbar-btn.btn-sm {
    margin-top: 10px;
    margin-bottom: 10px; }
  .navbar-btn.btn-xs {
    margin-top: 14px;
    margin-bottom: 14px; }

.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px; }
  @media (min-width: 768px) {
    .navbar-text {
      float: left;
      margin-left: 15px;
      margin-right: 15px; } }

@media (min-width: 768px) {
  .navbar-left {
    float: left !important; }
  .navbar-right {
    float: right !important;
    margin-right: -15px; }
    .navbar-right ~ .navbar-right {
      margin-right: 0; } }

.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7; }
  .navbar-default .navbar-brand {
    color: #777; }
    .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
      color: #5e5e5e;
      background-color: transparent; }
  .navbar-default .navbar-text {
    color: #777; }
  .navbar-default .navbar-nav > li > a {
    color: #777; }
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
      color: #333;
      background-color: transparent; }
  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #e7e7e7; }
  .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
    color: #ccc;
    background-color: transparent; }
  .navbar-default .navbar-toggle {
    border-color: #ddd; }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
      background-color: #ddd; }
    .navbar-default .navbar-toggle .icon-bar {
      background-color: #888; }
  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
    border-color: #e7e7e7; }
  .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #e7e7e7;
    color: #555; }
  @media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
      color: #777; }
      .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
        background-color: transparent; }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #555;
      background-color: #e7e7e7; }
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
      color: #ccc;
      background-color: transparent; } }
  .navbar-default .navbar-link {
    color: #777; }
    .navbar-default .navbar-link:hover {
      color: #333; }
  .navbar-default .btn-link {
    color: #777; }
    .navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
      color: #333; }
    .navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus,
    fieldset[disabled] .navbar-default .btn-link:hover,
    fieldset[disabled] .navbar-default .btn-link:focus {
      color: #ccc; }

.navbar-inverse {
  background-color: #222;
  border-color: #090909; }
  .navbar-inverse .navbar-brand {
    color: #9d9d9d; }
    .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
      color: #fff;
      background-color: transparent; }
  .navbar-inverse .navbar-text {
    color: #9d9d9d; }
  .navbar-inverse .navbar-nav > li > a {
    color: #9d9d9d; }
    .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
      color: #fff;
      background-color: transparent; }
  .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #090909; }
  .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
    color: #444;
    background-color: transparent; }
  .navbar-inverse .navbar-toggle {
    border-color: #333; }
    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
      background-color: #333; }
    .navbar-inverse .navbar-toggle .icon-bar {
      background-color: #fff; }
  .navbar-inverse .navbar-collapse,
  .navbar-inverse .navbar-form {
    border-color: #101010; }
  .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #090909;
    color: #fff; }
  @media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
      border-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
      background-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
      color: #9d9d9d; }
      .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #fff;
        background-color: transparent; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #fff;
      background-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
      color: #444;
      background-color: transparent; } }
  .navbar-inverse .navbar-link {
    color: #9d9d9d; }
    .navbar-inverse .navbar-link:hover {
      color: #fff; }
  .navbar-inverse .btn-link {
    color: #9d9d9d; }
    .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
      color: #fff; }
    .navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus,
    fieldset[disabled] .navbar-inverse .btn-link:hover,
    fieldset[disabled] .navbar-inverse .btn-link:focus {
      color: #444; }

/**
 * Utilities.
 */
@-ms-viewport {
  width: device-width; }

.visible-xs {
  display: none !important; }

.visible-sm {
  display: none !important; }

.visible-md {
  display: none !important; }

.visible-lg {
  display: none !important; }

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important; }

@media (max-width: 767px) {
  .visible-xs {
    display: block !important; }
  table.visible-xs {
    display: table !important; }
  tr.visible-xs {
    display: table-row !important; }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important; } }

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important; } }

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important; } }

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important; }
  table.visible-sm {
    display: table !important; }
  tr.visible-sm {
    display: table-row !important; }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important; }
  table.visible-md {
    display: table !important; }
  tr.visible-md {
    display: table-row !important; }
  th.visible-md,
  td.visible-md {
    display: table-cell !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important; } }

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important; }
  table.visible-lg {
    display: table !important; }
  tr.visible-lg {
    display: table-row !important; }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important; } }

@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important; } }

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important; } }

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important; } }

.visible-print {
  display: none !important; }

@media print {
  .visible-print {
    display: block !important; }
  table.visible-print {
    display: table !important; }
  tr.visible-print {
    display: table-row !important; }
  th.visible-print,
  td.visible-print {
    display: table-cell !important; } }

.visible-print-block {
  display: none !important; }
  @media print {
    .visible-print-block {
      display: block !important; } }

.visible-print-inline {
  display: none !important; }
  @media print {
    .visible-print-inline {
      display: inline !important; } }

.visible-print-inline-block {
  display: none !important; }
  @media print {
    .visible-print-inline-block {
      display: inline-block !important; } }

@media print {
  .hidden-print {
    display: none !important; } }

.flowplayer.is-paused .fp-ui {
  background: url("/img/vocativ-video-icon.svg") center no-repeat;
  background-size: 12.5%; }

.flowplayer .fp-controls .fp-timeline {
  background: #111; }
  .flowplayer .fp-controls .fp-timeline .fp-buffer {
    background: #333; }
  .flowplayer .fp-controls .fp-timeline .fp-progress {
    background: #fd2626; }

.flowplayer .fp-controls .fp-volume .fp-volumeslider {
  background: #333; }
  .flowplayer .fp-controls .fp-volume .fp-volumeslider .fp-volumelevel {
    background: #fd2626; }

.flowplayer .fp-engine {
  top: 0 !important; }

.flowplayer .fp-controls .fp-play {
  height: 20px !important;
  line-height: 20px !important;
  font-size: 12px !important; }

.flowplayer .fp-volume {
  bottom: 5px; }
  .flowplayer .fp-volume .fp-mute {
    height: 20px !important;
    line-height: 20px !important;
    font-size: 12px !important;
    top: -8px; }
  .flowplayer .fp-volume .fp-volumeslider {
    height: 5px; }

.flowplayer .fp-time .fp-elapsed, .flowplayer .fp-time .fp-duration {
  bottom: 4px; }

.flowplayer.is-mouseover .fp-controls {
  height: 20px; }
  .flowplayer.is-mouseover .fp-controls .fp-timeline {
    height: 5px;
    top: 8px; }

.flowplayer.is-touch.is-mouseover .fp-progress:before, .flowplayer.is-touch.is-mouseover .fp-progress:after {
  display: none !important; }

/**
 * General.
 */
body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 101vh;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-family: 'Solido-Bold', 'Helvetica-Neue', Helvetica, Arial, sans-serif;
  margin: 0; }

body.falsestart {
  background-color: #F9F8F9; }

p {
  color: #333333;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  margin-bottom: 25px; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  margin: 0;
  padding: 0; }

img {
  width: 100%;
  max-width: 100%; }

video {
  width: 100%; }

.fixed {
  position: fixed; }

.hidden {
  display: none; }

.table {
  display: table; }

.table-row {
  display: table-row; }

.table-cell {
  display: table-cell; }

@media (max-width: 768px) {
  .container {
    width: 100%; } }

@media (max-width: 992px) {
  .dropdown-menu-open {
    overflow: hidden; }
  .row .container {
    padding-left: 0px;
    padding-right: 0px; } }

.voc-video-overlay {
  content: ' ';
  background: url("/img/vocativ-video-icon.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10; }

.no-svg .voc-video-overlay {
  content: ' ';
  background: url("/img/vocativ-video-icon.png"); }

.voc-cut {
  position: relative; }
  .voc-cut:before {
    content: " ";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-bottom: 70px solid #fff;
    border-left: 70px solid transparent;
    z-index: 2; }

.voc-onhover-dim {
  position: relative; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .voc-onhover-dim {
      height: 100%; } }
  .voc-onhover-dim:before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    background: #000000;
    opacity: 0;
    z-index: 1; }
  .voc-onhover-dim:hover:before {
    opacity: 0.30;
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in; }
  .voc-onhover-dim .voc-exempt-dim {
    position: relative;
    z-index: 2; }

a.voc-onhover-dim {
  text-decoration: none; }

a.no-hover {
  text-decoration: none; }

/**
 * Layout.
 */
.voc-main {
  padding-top: 90px; }

.voc-dropdown {
  top: 60px; }

@media only screen and (min-width: 768px) {
  .voc-main {
    padding-top: 95px; }
  .voc-dropdown {
    top: 60px; } }

/**
 * Iframe.
 */
.voc-preserve-aspect-ratio {
  position: relative;
  padding-bottom: 56.25%;
  width: 100%;
  height: 0; }
  .voc-preserve-aspect-ratio iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.tile-image-container {
  position: relative;
  width: 100%;
  background-color: #D8D8D8; }
  .tile-image-container img {
    position: absolute;
    top: 0;
    height: 100%; }

.fb_iframe_widget iframe {
  z-index: 5 !important; }

.voc-grey-divider {
  margin: 0; }

@media (min-width: 768px) {
  .voc-grey-divider {
    margin: 0 -15px; } }

figure.op-tracker {
  display: none; }

@font-face {
  font-family: Solido-Heavy;
  src: url("../../fonts/Solido-Heavy.otf"); }

.falsestart .ecap {
  padding-bottom: 10px !important; }
  @media only screen and (min-width: 768px) {
    .falsestart .ecap {
      margin-bottom: 20px;
      padding-bottom: 0 !important; } }
  .falsestart .ecap .subscribe-title {
    font-family: RionaSans-BlackItalic;
    font-size: 5.86vw;
    text-transform: none; }
  .falsestart .ecap .hidden-xs {
    display: block !important;
    margin-bottom: 10.8px !important;
    margin-top: 0px !important; }
  .falsestart .ecap .subscribe-title-bottom {
    display: none; }
  .falsestart .ecap input[type="email"] {
    height: 44px !important;
    width: 55.66vw !important;
    padding: 18px !important;
    margin-right: 0px !important;
    font-size: 14px !important; }
  .falsestart .ecap .submitBtn {
    background: #ffcc00;
    height: 44px;
    display: inline-block;
    position: relative;
    width: 28vw;
    text-align: center;
    padding: 11px;
    color: white;
    font-family: Solido-Bold;
    font-size: 16px; }
  .falsestart .ecap .submitBtn.successful {
    height: 44px;
    width: 102px;
    padding: 9px;
    top: 2px; }
  .falsestart .ecap .visible-xs-inline-block {
    margin-top: 0px !important;
    margin-bottom: 0px !important; }
  @media only screen and (max-width: 375px) {
    .falsestart .ecap input[type="email"] {
      font-size: 13px !important;
      margin-bottom: 3px;
      padding: 0px 0px 0px 10px !important;
      width: 56.66vw !important; } }
  @media only screen and (min-width: 768px) {
    .falsestart .ecap .subscribe-title {
      font-size: 22px; }
    .falsestart .ecap .subscribe-title-bottom {
      display: inline-block;
      font-size: 20px;
      padding-right: 13px; }
    .falsestart .ecap .subscribe-title-top {
      display: none; }
    .falsestart .ecap input[type="email"] {
      height: 50px !important;
      width: 206px !important; }
    .falsestart .ecap .submitBtn {
      height: 50px;
      width: 102px;
      padding: 14px; }
    .falsestart .ecap .submitBtn.successful {
      height: 50px;
      width: 102px;
      padding: 12px;
      top: 2px; }
    .falsestart .ecap .voc-fatty-bit {
      width: 615px; } }
  @media only screen and (min-width: 1336px) {
    .falsestart .ecap .subscribe-title-bottom {
      font-size: 22px;
      padding-right: 24px; }
    .falsestart .ecap .voc-fatty-bit {
      font-size: 26px;
      padding-right: 5px;
      width: initial; } }
  .falsestart .ecap ::-webkit-input-placeholder {
    color: #a7a7a7; }
  .falsestart .ecap input.successful::-webkit-input-placeholder {
    color: #71ba51; }

.ecap {
  padding-top: 16px;
  padding-bottom: 22px; }
  .ecap button:focus {
    outline: none; }
  .ecap input::-webkit-input-placeholder {
    color: #333333; }
  .ecap input:-moz-placeholder {
    color: #333333; }
  .ecap input::-moz-placeholder {
    color: #333333; }
  .ecap input:-ms-input-placeholder {
    color: #333333; }
  .ecap input.error::-webkit-input-placeholder {
    color: #EF4123; }
  .ecap input.error:-moz-placeholder {
    color: #EF4123; }
  .ecap input.error::-moz-placeholder {
    color: #EF4123; }
  .ecap input.error:-ms-input-placeholder {
    color: #EF4123; }
  .ecap .subscribe-title-bottom {
    font-family: solido; }
  @media only screen and (min-width: 768px) {
    .ecap {
      margin-bottom: 20px;
      padding-bottom: 0 !important; } }
  .ecap .subscribe-title {
    font-family: Solido-Heavy;
    letter-spacing: -0.3px;
    font-size: 5.86vw;
    text-transform: uppercase; }
  .ecap .hidden-xs {
    display: block !important;
    margin-bottom: 10.8px !important;
    margin-top: 0px !important; }
  .ecap .subscribe-title-bottom {
    display: none; }
  .ecap input[type="email"] {
    height: 44px !important;
    width: 55.66vw !important;
    padding: 18px !important;
    margin-right: 0px !important;
    font-size: 14px !important; }
  .ecap .submitBtn {
    background: #333333;
    height: 44px;
    display: inline-block;
    position: relative;
    width: 28vw;
    text-align: center;
    padding: 11px;
    color: white;
    font-family: Solido-Bold;
    font-size: 16px;
    top: 1px; }
  .ecap .submitBtn.successful {
    height: 44px;
    width: 102px;
    padding: 9px;
    top: 2px; }
  .ecap .visible-xs-inline-block {
    margin-top: 0px !important;
    margin-bottom: 0px !important; }
  @media only screen and (max-width: 412px) {
    .ecap input[type="email"] {
      font-size: 13px !important;
      margin-bottom: 3px;
      padding: 0px 0px 0px 10px !important;
      width: 56.66vw !important; } }
  @media only screen and (min-width: 768px) {
    .ecap .subscribe-title {
      font-size: 22px; }
    .ecap .subscribe-title-bottom {
      display: inline-block;
      font-size: 20px;
      padding-right: 13px; }
    .ecap .subscribe-title-top {
      display: none; }
    .ecap input[type="email"] {
      height: 50px !important;
      width: 206px !important; }
    .ecap .submitBtn {
      height: 50px;
      width: 102px;
      padding: 14px; }
    .ecap .submitBtn.successful {
      height: 50px;
      width: 102px;
      padding: 12px;
      top: 2px; }
    .ecap .voc-fatty-bit {
      padding-right: 5px;
      margin-bottom: 26px;
      width: 621px; } }
  @media only screen and (min-width: 1336px) {
    .ecap .subscribe-title-bottom {
      font-size: 23px;
      padding-right: 20px;
      text-transform: uppercase;
      font-family: solido;
      font-weight: 900; }
    .ecap .voc-fatty-bit {
      font-size: 26px;
      width: initial; } }
  .ecap ::-webkit-input-placeholder {
    color: #a7a7a7; }
  .ecap input.successful::-webkit-input-placeholder {
    color: #71ba51; }

@media only screen and (max-width: 412px) {
  .ecap {
    padding-bottom: 8px; } }

.ecap.newsletter-origin {
  display: none; }

/**
 * <News> styles
 */
.voc-news-view {
  /**
     * Motif strip decorator.
     */ }
  @media (max-width: 767px) {
    .voc-news-view {
      margin: 0 -15px; } }
  .voc-news-view .voc-content {
    margin-right: auto; }
    .voc-news-view .voc-content .voc-sticky-social-strip {
      display: table; }
      .voc-news-view .voc-content .voc-sticky-social-strip > div {
        display: table-cell;
        width: 33.33333%;
        height: 100%;
        color: #FFFFFF;
        font-size: 20px;
        text-align: center;
        line-height: 48px; }
  .voc-news-view .voc-news-article {
    margin: 0 0 30px 0; }
  .voc-news-view .voc-content-blooper {
    margin: 0 0 30px 0;
    padding: 0 22px; }
  @media (min-width: 768px) {
    .voc-news-view .voc-content {
      margin-right: auto; }
    .voc-news-view .voc-news-article {
      margin: 0 auto 30px; }
    .voc-news-view .voc-content-blooper {
      margin: 0 auto 30px;
      padding: 0; } }
  @media (min-width: 992px) {
    .voc-news-view .voc-content {
      margin-right: 307px;
      padding-right: 120px;
      /* Hide sticky bottom social share strip in tablet landscape and up. */ }
      .voc-news-view .voc-content .voc-sticky-social-strip {
        display: none; }
    .voc-news-view .voc-news-article {
      margin: 0 auto 30px; }
    .voc-news-view .voc-content-blooper {
      margin: 0 auto 30px;
      padding: 0; } }
  @media (min-width: 1200px) {
    .voc-news-view .voc-content {
      margin-right: 307px; }
    .voc-news-view .voc-news-article {
      margin: 0 auto 30px 0; }
    .voc-news-view .voc-content-blooper {
      margin: 0 auto 30px 0;
      padding: 0; } }
  .voc-news-view .motif-strip {
    top: 60px;
    width: 100%;
    height: 39px;
    font-size: 16px;
    line-height: 14px;
    letter-spacing: 0.8px;
    padding: 11px 15px 0; }
    @media (min-width: 480px) {
      .voc-news-view .motif-strip {
        top: 60px; } }
    @media (min-width: 768px) {
      .voc-news-view .motif-strip {
        top: 60px;
        width: calc(768px - 30px);
        height: 60px;
        font-size: 30px;
        line-height: 39.02px;
        letter-spacing: 1.41px;
        padding: 9px 0 0; } }
    @media (min-width: 992px) {
      .voc-news-view .motif-strip {
        display: none; } }
    .voc-news-view .motif-strip .motif-display {
      padding-bottom: 14px; }
      @media (min-width: 768px) {
        .voc-news-view .motif-strip .motif-display {
          padding-bottom: 11px; } }
  .voc-news-view .top-spacer {
    height: 16px; }
    @media (min-width: 768px) {
      .voc-news-view .top-spacer {
        height: 36px; } }
    @media (min-width: 992px) {
      .voc-news-view .top-spacer {
        height: 0; } }
  .voc-news-view .voc-news-header-ad {
    margin: 0 0 40px; }
    @media (min-width: 768px) {
      .voc-news-view .voc-news-header-ad {
        margin: 24px 0 30px; } }
    @media (min-width: 992px) {
      .voc-news-view .voc-news-header-ad {
        margin: -20px 0 30px; } }
    @media (min-width: 1200px) {
      .voc-news-view .voc-news-header-ad {
        margin: -5px 0 45px; } }

/**
 * News <Line>
 */
.voc-news-line {
  margin: 0 auto;
  width: 605px; }
  @media (min-width: 768px) {
    .voc-news-line {
      margin-bottom: 28px; } }
  @media (min-width: 992px) {
    .voc-news-line {
      width: 100%; } }

/**
 * Feed.jsx component styling
 */
.voc-feed {
  margin-left: 0;
  width: 0; }
  .voc-feed .voc-feed-section-label {
    display: none; }
  @media (min-width: 992px) {
    .voc-feed {
      margin-left: 653px; } }
  @media (min-width: 1200px) {
    .voc-feed {
      margin-left: 854px; } }
  .voc-feed .voc-news-feed-ad {
    padding: 20px 0; }
  .voc-feed .voc-feed-thumbroll {
    -webkit-overflow-scrolling: touch; }
    .voc-feed .voc-feed-thumbroll::-webkit-scrollbar {
      display: none; }
  @media (min-width: 992px) {
    .voc-feed {
      width: 307px; }
      .voc-feed .voc-feed-section-label {
        display: inline-block; } }

/**
 * Thumb.jsx component styling
 */
.voc-feed-thumb {
  display: block;
  min-height: 82px;
  max-height: 82px;
  font-size: 10px;
  line-height: 13px; }
  @media (min-width: 992px) {
    .voc-feed-thumb {
      min-height: 103px;
      max-height: 103px;
      font-size: 12px;
      line-height: 16px; } }
  .voc-feed-thumb img {
    min-width: 123px;
    min-height: 82px; }
    @media (min-width: 992px) {
      .voc-feed-thumb img {
        min-width: 154.5px;
        min-height: 103px; } }
  .voc-feed-thumb .media-left {
    padding-right: 0; }
  .voc-feed-thumb .media-middle {
    padding-left: 11px;
    padding-right: 11px; }
    @media (min-width: 1200px) {
      .voc-feed-thumb .media-middle {
        padding-left: 15px;
        padding-right: 15px; } }
  .voc-feed-thumb .voc-thumb-image-container {
    position: relative; }
    .voc-feed-thumb .voc-thumb-image-container .voc-video-overlay {
      background-size: 40px; }

/**
 * <FacebookShareBtn> and <TwitterTweetBtn>  and <SmsTweetBtn> styles
 */
.voc-article-share-btn {
  height: 35px;
  letter-spacing: 1px;
  line-height: 35px;
  margin-right: 4.5px;
  width: 20vw;
  font-size: 21.5px; }
  @media (min-width: 768px) {
    .voc-article-share-btn {
      width: 107px; } }

.fa-sms {
  content: "\f232"; }

.voc-header-share-btn {
  height: 32px;
  letter-spacing: 1px;
  line-height: 32px;
  margin-right: 6.5px;
  width: 96px; }

.voc-article-sms-share-btn {
  background: url("/img/sms-icon.svg") center center no-repeat;
  background-size: 30px; }
  .voc-article-sms-share-btn i {
    visibility: hidden; }

.voc-article-whatsapp-share-btn {
  background: url("/img/whatsapp-icon.svg") center center no-repeat;
  background-size: 20px; }
  .voc-article-whatsapp-share-btn i {
    visibility: hidden; }

.voc-article-facebook-messenger-share-btn {
  background: url("/img/facebook-messenger-icon.svg") center center no-repeat;
  background-size: 20px; }
  .voc-article-facebook-messenger-share-btn i {
    visibility: hidden; }

/**
 * FacebookShareBtn.jsx & TwitterTweetBtn.jsx component styling
 */
.post-item-type {
  position: relative;
  text-align: center; }
  .post-item-type table, .post-item-type td, .post-item-type tr, .post-item-type tbody {
    border-collapse: separate;
    border-spacing: 0;
    margin: 0;
    padding: 0; }

.post-item-type-content {
  position: relative;
  z-index: 10;
  background-color: #FFFFFF; }

.falsestart .post-item-type-content {
  background-color: #F9F8F9; }

.voc-social-share .voc-social-share-btn {
  z-index: -1;
  font-size: 14px;
  width: 25%;
  height: 35px;
  line-height: 36px;
  display: inline-block;
  text-align: center; }

.voc-social-share-desktop {
  position: absolute;
  top: 0;
  -webkit-transition: 600ms;
  transition: 600ms; }
  .voc-social-share-desktop .voc-social-share-btn {
    width: 43px;
    display: block; }

/**
 * Article post items.
 */
.voc-news-article iframe {
  max-width: 100%;
  border: 0; }

.voc-news-article .post-item-type,
.voc-news-article .video-container {
  margin: 36px auto; }
  @media only screen and (min-width: 768px) {
    .voc-news-article .post-item-type,
    .voc-news-article .video-container {
      margin: 45px auto; } }

.voc-news-article .post-item-type-html .post-item-type-content .post-item-title {
  margin-bottom: 20px; }

.voc-news-article .post-item-what-do-you-think {
  padding: 18px;
  width: 100%; }
  .voc-news-article .post-item-what-do-you-think .voc-wrapper {
    background: #FFFFFF;
    line-height: 24px;
    padding: 20px;
    text-align: center; }
  .voc-news-article .post-item-what-do-you-think h2 {
    font-family: Solido-Heavy;
    font-size: 14px;
    margin-bottom: 15px; }
  .voc-news-article .post-item-what-do-you-think p {
    font-family: Solido-Medium;
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 15px; }
  .voc-news-article .post-item-what-do-you-think a {
    background: #EF4123;
    color: #FFFFFF;
    display: inline-block;
    font-family: Solido-Medium;
    font-size: 12px;
    padding: 2px 6px; }
  @media only screen and (min-width: 768px) {
    .voc-news-article .post-item-what-do-you-think {
      padding: 33px; }
      .voc-news-article .post-item-what-do-you-think h2 {
        font-family: Solido-Heavy;
        font-size: 28px; }
      .voc-news-article .post-item-what-do-you-think p {
        font-size: 16px; } }

.voc-news-article .post-item-type-image .image-wrapper {
  margin: 0 auto; }

.voc-news-article .post-item-type-image img {
  height: auto; }

.voc-news-article .post-item-speed-bump-content .more,
.voc-news-article .post-item-speed-bump-content a {
  height: 41px; }

.voc-news-article .post-item-speed-bump-content .more {
  background-color: #EF4123;
  color: #FFFFFF;
  font-family: Solido-Book;
  font-size: 12px;
  float: left;
  line-height: 41px;
  margin-right: 10px;
  text-align: center;
  text-transform: uppercase;
  width: 50px; }
  @media only screen and (min-width: 480px) {
    .voc-news-article .post-item-speed-bump-content .more {
      height: 22px;
      line-height: 22px;
      margin-right: 15px; } }

.voc-news-article .post-item-speed-bump-content a {
  color: #333333;
  font-family: Solido-Bold;
  font-size: 16px;
  vertical-align: middle; }
  @media only screen and (min-width: 480px) {
    .voc-news-article .post-item-speed-bump-content a {
      height: initial;
      vertical-align: top; } }

.voc-news-article .post-item-speed-bump-content > span {
  display: table-cell; }

.voc-news-article .post-item-speed-bump-content > span:not(.more) {
  text-align: left; }

.voc-news-article .vocativ-translation {
  border-left: 1px solid #9B9B9B;
  color: #333333;
  display: block;
  font-family: Georgia;
  font-size: 16px;
  font-style: italic;
  margin: 36px auto;
  padding-left: 15px; }
  @media only screen and (min-width: 768px) {
    .voc-news-article .vocativ-translation {
      margin: 45px auto; } }

.voc-news-article .post-item-type-facebook > .post-item-type-content {
  text-align: center; }

.voc-news-article .post-item-type-facebook .fb_iframe_widget {
  overflow: hidden !important; }

.voc-news-article iframe.fb_iframe_widget {
  -ms-overflow-style: none; }

.voc-news-article .twitter-tweet,
.voc-news-article iframe.instagram-media,
.voc-news-article blockquote[data-instgrm-captioned],
.voc-news-article .tumblr-embed {
  margin: 36px auto !important; }
  @media only screen and (min-width: 768px) {
    .voc-news-article .twitter-tweet,
    .voc-news-article iframe.instagram-media,
    .voc-news-article blockquote[data-instgrm-captioned],
    .voc-news-article .tumblr-embed {
      margin: 45px auto !important; } }

.voc-news-article blockquote[data-instgrm-captioned]:before, .voc-news-article blockquote[data-instgrm-captioned]:after {
  visibility: hidden; }

.voc-news-article video {
  width: 100%    !important;
  height: auto   !important; }

.voc-news-article .post-item-youtube,
.voc-news-article .video-container {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0; }

.voc-news-article .post-item-youtube iframe,
.voc-news-article .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0; }

.voc-news-article .post-item-type-mid-article-ecap {
  margin-bottom: 20px;
  margin-top: 20px; }

.voc-front .container {
  padding: 0; }

/**
 * StoryGroup.
 */
.voc-story-group .voc-sub-story .voc-video-overlay, .voc-story-group .voc-feature-story .voc-video-overlay {
  background-size: 52px; }

@media only screen and (min-width: 768px) {
  .voc-story-group .voc-feature-story .voc-video-overlay {
    background-size: 120px; }
  .voc-story-group .voc-sub-story .voc-video-overlay {
    background-size: 78px; } }

.voc-story-group .voc-headline-block {
  display: table;
  width: calc(100% + 1px); }
  .voc-story-group .voc-headline-block > .table-cell {
    vertical-align: middle; }

.voc-story-group .voc-headline-block {
  height: 180px;
  padding: 0 14px; }
  .voc-story-group .voc-headline-block .voc-category-text {
    font-size: 19px;
    line-height: 10.94px;
    letter-spacing: 1.11px; }
  .voc-story-group .voc-headline-block .voc-headline-text {
    font-size: 30px;
    line-height: 35px;
    margin-top: 4px; }

@media only screen and (min-width: 768px) {
  .voc-story-group .voc-headline-block {
    height: 110px;
    padding: 0 18px; }
    .voc-story-group .voc-headline-block .voc-category-text {
      font-size: 18px;
      line-height: 14px;
      letter-spacing: 1px; }
    .voc-story-group .voc-headline-block .voc-headline-text {
      margin-top: inherit; }
  .voc-story-group .voc-sub-story .voc-headline-text {
    font-size: 26px;
    line-height: 30px;
    max-height: 60px;
    overflow: hidden; }
  .voc-story-group .voc-feature-story .voc-headline-block {
    height: 230px; }
    .voc-story-group .voc-feature-story .voc-headline-block .voc-headline-text {
      font-size: 52px;
      line-height: 60px; } }

@media only screen and (min-width: 992px) {
  .voc-story-group .voc-sub-story .voc-headline-block {
    height: 110px;
    padding: 0 18px; }
    .voc-story-group .voc-sub-story .voc-headline-block .voc-headline-text {
      font-size: 22px;
      line-height: 26px;
      max-height: 52px;
      overflow: hidden; } }

@media only screen and (min-width: 1200px) {
  .voc-story-group .voc-sub-story .voc-headline-text {
    font-size: 26px;
    line-height: 30px;
    max-height: 60px;
    overflow: hidden; } }

.voc-story-group .voc-feature-story,
.voc-story-group .voc-sub-story {
  padding-bottom: 23px; }
  @media only screen and (min-width: 768px) {
    .voc-story-group .voc-feature-story,
    .voc-story-group .voc-sub-story {
      padding-bottom: 30px; } }

.voc-story-group .voc-cut:before {
  right: 14px; }
  @media only screen and (max-width: 991px) {
    .voc-story-group .voc-cut:before {
      border-bottom-width: 46px;
      border-left-width: 46px;
      bottom: 22px; } }
  @media only screen and (min-width: 768px) {
    .voc-story-group .voc-cut:before {
      border-bottom-width: 60px;
      border-left-width: 60px;
      bottom: 29px; } }

.voc-menu-section {
  background-color: #E8E5DD; }
  @media only screen and (min-width: 768px) {
    .voc-menu-section {
      margin-bottom: 45px;
      padding-bottom: 28px; } }
  .voc-menu-section h1 {
    color: #EF4123;
    text-transform: capitalize;
    font-size: 30px;
    padding: 25px 15px 17px; }
    @media only screen and (min-width: 768px) {
      .voc-menu-section h1 {
        font-size: 54px;
        padding: 30px 15px; } }
  .voc-menu-section .voc-cut:before {
    border-bottom-color: #E8E5DD;
    border-left-color: transparent; }
  .voc-menu-section:nth-child(odd) {
    background-color: #FFFFFF; }
    .voc-menu-section:nth-child(odd) .voc-cut:before {
      border-bottom-color: #FFFFFF; }

.voc-media-group .voc-feature-media a, .voc-media-group .voc-sub-media a {
  display: block; }

.voc-media-group > .row {
  background-color: #333333;
  margin-bottom: 36px;
  padding: 30px 0; }
  @media only screen and (min-width: 768px) {
    .voc-media-group > .row {
      margin-bottom: 50px;
      padding: 40px 0; } }
  @media only screen and (min-width: 992px) {
    .voc-media-group > .row {
      margin-bottom: 60px;
      padding: 30px 0; } }
  @media only screen and (min-width: 1200px) {
    .voc-media-group > .row {
      margin-bottom: 90px;
      padding: 50px 0; } }

.voc-media-group .media-tile-image-container {
  position: relative;
  width: 100%;
  background-color: #E6E6E6;
  position: relative;
  padding-top: 56.25%; }

.voc-media-group .voc-sub-media .voc-video-overlay {
  background-size: 52px; }

.voc-media-group .voc-feature-media .voc-video-overlay {
  background-size: 52px; }

@media only screen and (min-width: 768px) {
  .voc-media-group .voc-feature-media .voc-video-overlay {
    background-size: 120px; }
  .voc-media-group .voc-sub-media .voc-video-overlay {
    background-size: 78px; } }

@media only screen and (min-width: 992px) {
  .voc-media-group .voc-feature-media .voc-video-overlay {
    background-size: 78px; } }

.voc-media-group .voc-text-container {
  padding-top: 15px;
  background-color: #333333; }

.voc-media-group .voc-category-text {
  font-family: Solido-Bold;
  color: #EF4123;
  text-transform: uppercase;
  font-size: 20px; }
  @media (min-width: 768px) {
    .voc-media-group .voc-category-text {
      font-size: 18px; } }
  @media (min-width: 992px) {
    .voc-media-group .voc-category-text {
      font-size: 19px; } }

.voc-media-group .voc-feature-media .voc-headline-text, .voc-media-group .voc-sub-media .voc-headline-text {
  font-family: Solido-Bold;
  color: #FFFFFF;
  font-size: 30px;
  line-height: 35px; }

.voc-media-group .voc-feature-media {
  margin-bottom: 36px; }
  @media (min-width: 768px) {
    .voc-media-group .voc-feature-media {
      margin-bottom: 30px; } }
  @media (min-width: 992px) {
    .voc-media-group .voc-feature-media {
      margin-bottom: 0px; } }

.voc-media-group .voc-sub-media:first-child {
  margin-bottom: 36px; }
  @media (min-width: 768px) {
    .voc-media-group .voc-sub-media:first-child {
      margin-bottom: 0px; } }

@media (min-width: 768px) {
  .voc-media-group .voc-feature-media .voc-headline-text {
    font-size: 38px;
    line-height: 42px; } }

@media (min-width: 992px) {
  .voc-media-group .voc-feature-media .voc-headline-text {
    font-size: 22px;
    line-height: 26px; } }

@media (min-width: 1200px) {
  .voc-media-group .voc-feature-media .voc-headline-text {
    font-size: 26px;
    line-height: 30px; } }

@media (min-width: 768px) {
  .voc-media-group .voc-sub-media .voc-headline-text {
    font-size: 24px;
    line-height: 28px; } }

@media (min-width: 992px) {
  .voc-media-group .voc-sub-media .voc-headline-text {
    font-size: 22px;
    line-height: 26px; } }

@media (min-width: 1200px) {
  .voc-media-group .voc-sub-media .voc-headline-text {
    font-size: 26px;
    line-height: 30px; } }

/**
 * Variables.
 */
.voc-article-list {
  padding-bottom: 23px;
  /**
     * Note:
     * ArticleList component should be vertically aligned with its surrounding
     * story tiles at each break point accordingly. It consists of one header
     * (at fixed height) and variable number of article rows, so we do some math
     * to figure out what the height of each article row should be and when,
     * in order to achieve the vertical alignment.
     * We use the big feature story tile as a benchmark to match the height.
     */ }
  @media (min-width: 768px) {
    .voc-article-list {
      padding-bottom: 30px; } }
  @media (max-width: 767px) {
    .voc-article-list {
      margin: 13px 0; } }
  .voc-article-list .articlelist-image-container {
    position: relative; }
    .voc-article-list .articlelist-image-container .voc-video-overlay {
      background-size: 40px; }
  .voc-article-list .voc-article-list-header {
    font-size: 25.43px;
    line-height: 24.58px;
    letter-spacing: 0.73px; }
  .voc-article-list .voc-article-list-headline {
    font-size: 15.26px;
    line-height: 16.9px; }
  @media only screen and (min-width: 768px) {
    .voc-article-list .voc-article-list-header {
      font-size: 28px;
      line-height: 29.74px;
      letter-spacing: 0.8px; }
    .voc-article-list .voc-article-list-headline {
      font-size: 18.59px;
      line-height: 20.45px; } }
  @media only screen and (min-width: 992px) {
    .voc-article-list .voc-article-list-headline {
      font-size: 16px;
      line-height: 20px; } }
  @media only screen and (min-width: 1200px) {
    .voc-article-list .voc-article-list-header {
      font-size: 33.33px;
      line-height: 32px;
      letter-spacing: 0.9px; }
    .voc-article-list .voc-article-list-headline {
      font-size: 18px;
      line-height: 22px; } }
  .voc-article-list .article-row {
    height: 90px;
    display: block;
    overflow-y: hidden;
    display: block; }
    @media only screen and (min-width: 768px) {
      .voc-article-list .article-row {
        height: 107.66667px; } }
    @media only screen and (min-width: 992px) {
      .voc-article-list .article-row {
        height: 96px; } }
    @media only screen and (min-width: 1200px) {
      .voc-article-list .article-row {
        height: 110.88889px; } }
  .voc-article-list img {
    min-width: 135px;
    min-height: 90px;
    max-width: 135px;
    max-height: 90px; }
    @media only screen and (min-width: 768px) {
      .voc-article-list img {
        min-width: 161.5px;
        min-height: 107.66667px;
        max-width: 161.5px;
        max-height: 107.66667px; } }
    @media only screen and (min-width: 992px) {
      .voc-article-list img {
        min-width: 144px;
        min-height: 96px;
        max-width: 144px;
        max-height: 96px; } }
    @media only screen and (min-width: 1200px) {
      .voc-article-list img {
        min-width: 166.33333px;
        min-height: 110.88889px;
        max-width: 166.33333px;
        max-height: 110.88889px; } }

.voc-call-to-action {
  width: 100%;
  margin: 36px auto;
  margin-top: 13px; }
  @media (min-width: 768px) {
    .voc-call-to-action {
      margin: 90px auto;
      margin-top: 60px; } }
  .voc-call-to-action .container {
    padding: 0px 30px; }
    @media (max-width: 768px) {
      .voc-call-to-action .container {
        padding: 0px;
        width: 100%; } }
  .voc-call-to-action .voc-border {
    display: block;
    padding: 15px; }
    @media (min-width: 768px) {
      .voc-call-to-action .voc-border {
        padding: 32px; } }
  .voc-call-to-action .wrapper {
    background: white;
    width: 100%;
    display: block;
    margin-left: 0;
    margin-right: 0;
    padding: 20px; }
    .voc-call-to-action .wrapper .text-col {
      text-align: center; }
      .voc-call-to-action .wrapper .text-col h3 {
        line-height: 1.5em;
        font-size: 15px;
        font-family: Solido-ExtraBold; }
        @media (min-width: 768px) {
          .voc-call-to-action .wrapper .text-col h3 {
            font-size: 27px; } }
      .voc-call-to-action .wrapper .text-col p {
        font-size: 15px;
        font-family: Solido-Medium;
        line-height: 22px;
        margin-bottom: 0px; }
        @media (min-width: 768px) {
          .voc-call-to-action .wrapper .text-col p {
            font-size: 27px;
            line-height: 1.5em; } }
        .voc-call-to-action .wrapper .text-col p .nowrap {
          white-space: nowrap; }
    .voc-call-to-action .wrapper .share-col {
      text-align: center;
      margin-top: 16px;
      line-height: 20px; }
      .voc-call-to-action .wrapper .share-col .fb-like span {
        overflow: hidden; }
        @media (min-width: 992px) {
          .voc-call-to-action .wrapper .share-col .fb-like span {
            overflow: visible; } }

/**
 * Styles for FeatureTile component
 */
.voc-feature-tile {
  margin-bottom: 36px;
  /*
      Feature Title - Style B (Vertical)
    */ }
  @media (min-width: 768px) {
    .voc-feature-tile {
      margin-bottom: 50px; } }
  @media (min-width: 992px) {
    .voc-feature-tile {
      margin-bottom: 60px; } }
  @media (min-width: 1200px) {
    .voc-feature-tile {
      margin-bottom: 90px; } }
  .voc-feature-tile .voc-onhover-dim {
    display: block; }
  .voc-feature-tile.voc-cut:before {
    right: 14px; }
    @media only screen and (max-width: 991px) {
      .voc-feature-tile.voc-cut:before {
        border-bottom-width: 46px;
        border-left-width: 46px; } }
    @media only screen and (min-width: 768px) {
      .voc-feature-tile.voc-cut:before {
        border-bottom-width: 60px;
        border-left-width: 60px; } }
  .voc-feature-tile .voc-feature-image-container, .voc-feature-tile .voc-headline-block {
    vertical-align: top; }
    @media (min-width: 992px) {
      .voc-feature-tile .voc-feature-image-container, .voc-feature-tile .voc-headline-block {
        display: inline-block; } }
  .voc-feature-tile .voc-feature-image-container {
    position: relative; }
    @media (min-width: 992px) {
      .voc-feature-tile .voc-feature-image-container {
        width: 654px; } }
    @media (min-width: 1200px) {
      .voc-feature-tile .voc-feature-image-container {
        width: 794px; } }
  .voc-feature-tile .voc-video-overlay {
    background-size: 45px; }
    @media (min-width: 768px) {
      .voc-feature-tile .voc-video-overlay {
        background-size: 135px; } }
    @media (min-width: 992px) {
      .voc-feature-tile .voc-video-overlay {
        background-size: 79px; } }
    @media (min-width: 1200px) {
      .voc-feature-tile .voc-video-overlay {
        background-size: 135px; } }
  .voc-feature-tile .voc-headline-block {
    background: #4A4A4A;
    width: auto;
    height: 180px;
    padding: 18px; }
    @media (max-width: 992px) {
      .voc-feature-tile .voc-headline-block {
        display: table;
        width: calc(100% + 1px); }
        .voc-feature-tile .voc-headline-block > .table-cell {
          vertical-align: middle; } }
    @media (min-width: 992px) {
      .voc-feature-tile .voc-headline-block {
        width: 306px;
        height: 368px; } }
    @media (min-width: 1200px) {
      .voc-feature-tile .voc-headline-block {
        width: 367px;
        height: 447px; } }
  .voc-feature-tile .voc-category-text {
    font-family: Solido-ExtraBold;
    color: #EF4123;
    text-transform: uppercase;
    font-size: 20px; }
    @media (min-width: 768px) {
      .voc-feature-tile .voc-category-text {
        font-size: 16px; } }
    @media (min-width: 992px) {
      .voc-feature-tile .voc-category-text {
        font-size: 18px; } }
  .voc-feature-tile .voc-title-text {
    font-family: Solido-Bold;
    color: #FFFFFF;
    font-size: 30px;
    line-height: 35px;
    margin-top: 10px; }
    @media (min-width: 768px) {
      .voc-feature-tile .voc-title-text {
        font-size: 38px;
        line-height: 42px;
        margin-top: 3px; } }
    @media (min-width: 992px) {
      .voc-feature-tile .voc-title-text {
        font-size: 34px;
        line-height: 38px;
        margin-top: 3px; } }
    @media (min-width: 1200px) {
      .voc-feature-tile .voc-title-text {
        font-size: 38px;
        line-height: 42px;
        margin-top: 9px; } }
  .voc-feature-tile .voc-subheading-text {
    font-family: Solido-Medium;
    color: #FFFFFF;
    overflow: hidden;
    line-height: 26px;
    height: 156px;
    font-size: 22px;
    margin-top: 20px;
    display: none; }
    @media (min-width: 768px) {
      .voc-feature-tile .voc-subheading-text {
        line-height: 26px;
        height: 52px;
        font-size: 22px;
        margin-top: 30px; } }
    @media (min-width: 992px) {
      .voc-feature-tile .voc-subheading-text {
        display: block;
        line-height: 25px;
        height: 125px;
        font-size: 21px; } }
    @media (min-width: 1200px) {
      .voc-feature-tile .voc-subheading-text {
        line-height: 32px;
        height: 192px;
        font-size: 27px; } }
  .voc-feature-tile.voc-feature-tile-vertical .voc-feature-image-container,
  .voc-feature-tile.voc-feature-tile-vertical .voc-headline-block {
    width: 100%; }
  .voc-feature-tile.voc-feature-tile-vertical .voc-headline-block {
    height: 180px;
    display: table;
    width: calc(100% + 1px); }
    .voc-feature-tile.voc-feature-tile-vertical .voc-headline-block > .table-cell {
      vertical-align: middle; }
  .voc-feature-tile.voc-feature-tile-vertical .voc-subheading-text {
    display: none; }

/**
 * Outbrain.
 */
.voc-recommendations-container img {
  width: auto; }

.voc-recommendations-container .voc-placeholder-rec-slot {
  background: #cccccc;
  width: 32%;
  margin-left: 2%;
  height: 0;
  padding-top: 15%; }
  @media only screen and (min-width: 768px) {
    .voc-recommendations-container .voc-placeholder-rec-slot {
      width: 233.7px;
      height: 110.6px;
      margin-left: 16.9px;
      padding-top: 0; } }
  @media only screen and (min-width: 992px) {
    .voc-recommendations-container .voc-placeholder-rec-slot {
      width: 192.4px;
      height: 91px;
      margin-left: 13.9px;
      padding-top: 0; } }
  @media only screen and (min-width: 1200px) {
    .voc-recommendations-container .voc-placeholder-rec-slot {
      width: 213px;
      height: 101px;
      margin-left: 15.4px;
      padding-top: 0; } }

.voc-recommendations-container .voc-placeholder-rec-slot:first-child {
  margin-left: 0; }

/**
 * Error (404) page.
 */
.voc-404 .voc-lead {
  color: #EF4123;
  font-size: 30px;
  margin-bottom: 29px; }

.voc-404 .voc-copy {
  font-family: Solido-Medium;
  font-size: 27px;
  line-height: 35px; }
  .voc-404 .voc-copy:last-child {
    margin-bottom: 45px; }

.voc-404 .voc-story-group {
  margin-bottom: 36px; }

@media only screen and (min-width: 992px) {
  .voc-404 .voc-lead {
    font-size: 53px;
    margin-bottom: 40px; }
  .voc-404 .voc-copy {
    font-size: 30px;
    margin-bottom: 20px; }
    .voc-404 .voc-copy:last-child {
      margin-bottom: 83px; }
  .voc-404 .voc-story-group {
    margin-bottom: 66px; } }

/**
 * Author page.
 */
.voc-author {
  color: #333333; }
  .voc-author .voc-author-title {
    color: #EF4123;
    font-size: 20px;
    margin-bottom: 20px; }
  .voc-author .voc-author-name {
    font-size: 30px;
    margin-bottom: 10px; }
  .voc-author .voc-author-description {
    font-family: Solido-Medium;
    font-size: 18px;
    margin-bottom: 16px; }
  .voc-author .voc-author-social a:nth-child(n+2) {
    margin-left: 14px; }
  .voc-author .voc-author-recent {
    font-size: 20px;
    margin-top: 26px;
    margin-bottom: 14px; }
  @media only screen and (min-width: 992px) {
    .voc-author .voc-author-title {
      font-size: 36px;
      margin-bottom: 27px; }
    .voc-author .voc-author-name {
      font-size: 54px;
      margin-bottom: 15px; }
    .voc-author .voc-author-description {
      font-size: 22px;
      margin-bottom: 18px; }
    .voc-author .voc-author-recent {
      font-family: Solido-Medium;
      font-size: 36px;
      margin-top: 39px;
      margin-bottom: 33px; } }

/**
 * Tweets
 */
.post-item-type-tweets {
  margin: 30px 0; }
  .post-item-type-tweets img {
    max-width: initial;
    width: initial; }
  @media (max-width: 960px) {
    .post-item-type-tweets {
      width: 100%; } }
  .post-item-type-tweets .post-item-tweet {
    padding: 20px 10px;
    border: 1px solid #E6E6E6;
    background: #FFFFFF;
    position: relative;
    z-index: 5;
    width: 100%; }
    @media (max-width: 960px) {
      .post-item-type-tweets .post-item-tweet {
        min-width: 0;
        margin-bottom: 55px; } }
    .post-item-type-tweets .post-item-tweet .tweet-avatar {
      float: left; }
    .post-item-type-tweets .post-item-tweet .tweet-contents {
      text-align: left;
      margin-left: 65px;
      padding-bottom: 5px; }
      .post-item-type-tweets .post-item-tweet .tweet-contents h4 {
        clear: none; }
        .post-item-type-tweets .post-item-tweet .tweet-contents h4 a.tweet-username {
          font-size: 16px;
          color: #333333;
          display: inline-block; }
          .post-item-type-tweets .post-item-tweet .tweet-contents h4 a.tweet-username i.fa-twitter {
            color: #2F92DD;
            text-decoration: none;
            margin-left: 5px;
            font-size: 18px; }
      .post-item-type-tweets .post-item-tweet .tweet-contents .tweet-date {
        float: right;
        color: #2F92DD;
        font-size: 11px; }
      .post-item-type-tweets .post-item-tweet .tweet-contents p {
        font-family: Solido-Medium;
        font-size: 14px;
        margin-top: 0;
        margin-bottom: 15px;
        line-height: 1.4;
        word-wrap: break-word;
        color: #333333 !important; }
      .post-item-type-tweets .post-item-tweet .tweet-contents a {
        color: #2F92DD; }
      .post-item-type-tweets .post-item-tweet .tweet-contents .tweet-actions {
        float: right;
        font-size: 14px; }
        .post-item-type-tweets .post-item-tweet .tweet-contents .tweet-actions a {
          display: inline-block;
          color: #9B9B9B; }
          .post-item-type-tweets .post-item-tweet .tweet-contents .tweet-actions a:hover {
            text-decoration: none;
            color: #2F92DD; }

@font-face {
  font-family: 'Solido-Light';
  src: url("/fonts/Solido-Light.eot") format("eot"), url("/fonts/Solido-Light.woff") format("woff"), url("/fonts/Solido-Light.ttf") format("truetype"), url("/fonts/Solido-Light.svg#9c466b8e24dfbf7c8505f0e06a43f189") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Solido-Book';
  src: url("/fonts/Solido-Book.eot") format("eot"), url("/fonts/Solido-Book.woff") format("woff"), url("/fonts/Solido-Book.ttf") format("truetype"), url("/fonts/Solido-Book.svg#d144a2467e146c3758c9f9c3dc1988ca") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Solido-Medium';
  src: url("/fonts/Solido-Medium.eot") format("eot"), url("/fonts/Solido-Medium.woff") format("woff"), url("/fonts/Solido-Medium.ttf") format("truetype"), url("/fonts/Solido-Medium.svg#d416fb359c839ea97e3f19ca18da5251") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Solido-Bold';
  src: url("/fonts/Solido-Bold.eot") format("eot"), url("/fonts/Solido-Bold.woff") format("woff"), url("/fonts/Solido-Bold.ttf") format("truetype"), url("/fonts/Solido-Bold.svg#e50f946e1d90d2f1108238db4acb85e4") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Solido-ExtraBold';
  src: url("/fonts/Solido-ExtraBold.eot") format("eot"), url("/fonts/Solido-ExtraBold.woff") format("woff"), url("/fonts/Solido-ExtraBold.ttf") format("truetype"), url("/fonts/Solido-ExtraBold.svg#decb6733308e8a62b168dfc5ddd2950d") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Solido-Black';
  src: url("/fonts/Solido-Black.otf") format("opentype");
  font-weight: normal; }

@font-face {
  font-family: 'RionaSans-Black';
  src: url("/fonts/RionaSans-Black.eot") format("eot"), url("/fonts/RionaSans-Black.woff") format("woff"), url("/fonts/RionaSans-Black.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'RionaSans-BlackItalic';
  src: url("/fonts/RionaSans-BlackItalic.eot") format("eot"), url("/fonts/RionaSans-BlackItalic.woff") format("woff"), url("/fonts/RionaSans-BlackItalic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'OpenSans-ExtraBold';
  src: url("/fonts/OpenSans-ExtraBold.ttf") format("truetype");
  font-weight: normal; }