/*!
 *  Start Custom CSS
 */
body {
  color: #65686a;
  font-family: "museo sans", sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.4em;
  padding-top: 50px; }
  body.withsubnav {
    padding-top: 50px; }
  body.wowza-international {
    padding-top: 0; }

h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul {
  margin: 0;
  padding: 0; }

ol,
ul {
  list-style-type: none; }

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #65686a;
  font-family: "museo sans", sans-serif;
  font-weight: 300; }

h1, .h1 {
  font-size: 2.5em;
  font-weight: 700; }

h2, .h2 {
  font-size: 2.1em; }

h3, .h3 {
  font-size: 1.7em; }

.highlight {
  position: relative; }
  .highlight ol, .highlight ul {
    padding-left: 30px; }

.hr {
  display: block;
  border-top: 1px solid #CCCCCC;
  margin-top: 20px;
  padding-top: 20px; }

.text-small {
  font-size: .8em;
  line-height: 1em; }

.text-xlarge {
  font-size: 1.5em;
  line-height: 1.2em; }

.text-large {
  font-size: 1.2em;
  line-height: 1.2em; }

.text-normal {
  font-weight: 300; }

.text-bold {
  font-weight: 700; }

.text-red {
  color: #c62323; }

.text-green {
  color: #0d830d; }

.text-black {
  color: #000000; }

.background-graylight {
  background: #f0f0f0; }

.background-graylight2 {
  background: #CCCCCC; }

.ordered-list {
  list-style: decimal;
  padding-left: 30px; }

.margin-top-0 {
  margin-top: 0 !important; }

.margin-top-10 {
  margin-top: 10px !important; }

.margin-top-20 {
  margin-top: 20px !important; }

.margin-bottom-10 {
  margin-bottom: 10px !important; }

.margin-bottom-20 {
  margin-bottom: 20px !important; }

.padding-0 {
  padding: 0 !important; }

.padding-20 {
  padding: 20px !important; }

.padding-top-0 {
  padding-top: 0 !important; }

.padding-top-10 {
  padding-top: 10px !important; }

.padding-top-20 {
  padding-top: 20px !important; }

.padding-top-30 {
  padding-top: 30px !important; }

.padding-top-40 {
  padding-top: 40px !important; }

.padding-right-10 {
  padding-right: 10px !important; }

.padding-right-20 {
  padding-right: 20px !important; }

.padding-right-30 {
  padding-right: 30px !important; }

.padding-right-40 {
  padding-right: 40px !important; }

.padding-bottom-10 {
  padding-bottom: 10px !important; }

.padding-bottom-20 {
  padding-bottom: 20px !important; }

.padding-bottom-30 {
  padding-bottom: 30px !important; }

.padding-bottom-40 {
  padding-bottom: 40px !important; }

.padding-left-0 {
  padding-left: 0 !important; }

.padding-left-10 {
  padding-left: 10px !important; }

.padding-left-15 {
  padding-left: 15px !important; }

.padding-left-20 {
  padding-left: 20px !important; }

.padding-left-30 {
  padding-left: 30px !important; }

.padding-left-40 {
  padding-left: 40px !important; }

.absolute-bottom-25 {
  position: absolute;
  bottom: 25px;
  left: 0; }

.btn {
  padding: 10px 12px; }

.btn-full {
  display: block;
  font-weight: 500;
  font-size: 1.5em; }

.btn-sm, .btn-slim {
  padding: 5px 12px; }

.btn-blue {
  color: #ffffff;
  background-color: #0081bc; }
  .btn-blue:hover, .btn-blue:active {
    color: #ffffff;
    background-color: #006a9b; }

.btn-orange {
  color: #ffffff;
  background-color: #ff8400; }
  .btn-orange:hover, .btn-orange:active {
    color: #ffffff;
    background-color: #de7300; }

.btn-gray {
  color: #bfbfbf;
  background-color: #f0f0f0; }
  .btn-gray:hover, .btn-gray:active {
    color: #bfbfbf;
    background-color: #f0f0f0; }

.btn-white {
  color: #65686a;
  background-color: #ffffff;
  border: 1px solid #65686a; }
  .btn-white:hover, .btn-white:active {
    color: #65686a;
    background-color: #f0f0f0; }

a.blue-link {
  color: #0081bc; }
  a.blue-link:active, a.blue-link:hover {
    color: #ff8400; }

a.blue-light-link {
  color: #7dc8fe; }
  a.blue-light-link:active, a.blue-light-link:hover {
    color: #ff8400; }

a.gold-link {
  color: #ffc627; }
  a.gold-link:active, a.gold-link:hover {
    color: #d77001; }

a.orange-link {
  color: #ff8400; }
  a.orange-link:active, a.orange-link:hover {
    color: #d77001; }

a.orange-light-link {
  color: #fffae1; }
  a.orange-light-link:active, a.orange-light-link:hover {
    color: #d77001; }

a.gray-link {
  color: #65686a; }
  a.gray-link:active, a.gray-link:hover {
    color: #ff8400; }

a.white-link {
  color: #ffffff; }
  a.white-link:active, a.white-link:hover {
    color: #ff8400; }

.button {
  display: block;
  font-weight: 500;
  padding: 15px 5px;
  text-align: center;
  font-size: 1.3em;
  margin-top: 10px;
  border-radius: 3px;
  transition: background-color 0.5s ease; }

.fa-li {
  list-style: none; }

button.orange-button {
  display: block;
  font-weight: 500;
  padding: 5px 20px;
  text-align: center;
  border-radius: 3px;
  transition: background-color 0.5s ease; }

.button-slim {
  display: inline-block;
  font-weight: 500;
  padding: 5px 20px;
  text-align: center;
  font-size: 1.3em;
  margin-top: 10px;
  border-radius: 3px;
  transition: background-color 0.5s ease; }

input, button, a {
  transition: color 0.5s ease; }
  input.orange-button, button.orange-button, a.orange-button {
    background: #ff8400;
    color: #ffffff;
    border: 1px solid #ff8400; }
    input.orange-button:hover, input.orange-button:focus, button.orange-button:hover, button.orange-button:focus, a.orange-button:hover, a.orange-button:focus {
      text-decoration: none !important;
      background: #d77001 !important; }
  input.gray-button, button.gray-button, a.gray-button {
    background: #f0f0f0;
    color: #65686a;
    border: 1px solid #a5a7aa; }
    input.gray-button:hover, input.gray-button:focus, button.gray-button:hover, button.gray-button:focus, a.gray-button:hover, a.gray-button:focus {
      text-decoration: none !important;
      background: #d3d5d7 !important; }
  input.gray-dark-button, button.gray-dark-button, a.gray-dark-button {
    background: #a5a7aa;
    color: #ffffff;
    border: 1px solid #65686a; }
    input.gray-dark-button:hover, input.gray-dark-button:focus, button.gray-dark-button:hover, button.gray-dark-button:focus, a.gray-dark-button:hover, a.gray-dark-button:focus {
      text-decoration: none !important;
      background: #2E2F34 !important; }
  input.blue-button, button.blue-button, a.blue-button {
    background: #0081bc;
    color: #ffffff;
    border: 1px solid #0081bc; }
    input.blue-button:hover, input.blue-button:focus, button.blue-button:hover, button.blue-button:focus, a.blue-button:hover, a.blue-button:focus {
      text-decoration: none !important;
      background: #006a9b !important; }
  input.white-button, button.white-button, a.white-button {
    background: #ffffff;
    color: #65686a;
    border: 1px solid #a5a7aa; }
    input.white-button:hover, input.white-button:focus, button.white-button:hover, button.white-button:focus, a.white-button:hover, a.white-button:focus {
      text-decoration: none !important;
      background: #f0f0f0 !important; }
    input.white-button.text-orange, button.white-button.text-orange, a.white-button.text-orange {
      color: #ff8400;
      border: 1px solid #ff8400; }
      input.white-button.text-orange:hover, input.white-button.text-orange:focus, button.white-button.text-orange:hover, button.white-button.text-orange:focus, a.white-button.text-orange:hover, a.white-button.text-orange:focus {
        text-decoration: none !important;
        background: #f0f0f0 !important; }
  input.datasheet, button.datasheet, a.datasheet {
    color: #000000;
    font-size: 1.3em;
    line-height: 1.3em;
    display: inline-block;
    padding: 10px 0; }

.navbar-choose {
  padding: 10px 20px;
  line-height: 32px;
  margin-bottom: 10px;
  background: #f0f0f0;
  box-shadow: none; }

/* Mini header and footer styles */
.mini-header {
  padding-top: 0; }
  .mini-header header {
    background: #2E2F34;
    height: 50px; }
    .mini-header header img {
      max-height: 50px;
      padding: 8px 0; }
  .mini-header nav {
    height: 50px;
    line-height: 50px;
    font-weight: 500; }
    .mini-header nav a, .mini-header nav a:active, .mini-header nav a:link, .mini-header nav a:visited {
      color: #ffffff;
      margin: 0 0 0 30px; }
      .mini-header nav a:hover, .mini-header nav a:active:hover, .mini-header nav a:link:hover, .mini-header nav a:visited:hover {
        color: #ff8400;
        text-decoration: none; }

.copyright {
  background: #2E2F34;
  padding: 10px 0;
  color: #ffffff; }
  .copyright .copyright-legal {
    background: url(//www.wowza.com/images/wowza4/wowza-icon@2x.png) left 50% no-repeat;
    background-size: auto auto;
    background-size: 26px 26px;
    padding-left: 40px;
    min-height: 26px;
    line-height: 26px; }
    .copyright .copyright-legal a, .copyright .copyright-legal a:active, .copyright .copyright-legal a:link, .copyright .copyright-legal a:visited {
      color: #ffffff; }
      .copyright .copyright-legal a:hover, .copyright .copyright-legal a:active:hover, .copyright .copyright-legal a:link:hover, .copyright .copyright-legal a:visited:hover {
        color: #ff8400;
        text-decoration: none; }

/* Bootstrap overrides */
body.modal-open {
  margin-right: 0 !important;
  overflow-y: hidden; }

.col-xs-1-5 {
  width: 11.5%; }

.col-xs-10-5 {
  width: 88.5%; }

@media (min-width: 768px) {
  .col-sm-1-5 {
    width: 11.5%; }
  .col-sm-10-5 {
    width: 88.5%; } }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  background-color: #f0f0f0;
  border: 0;
  color: #65686a; }

.ui-accordion .ui-accordion-header {
  font-size: 1.1em;
  font-weight: 700; }

.ui-accordion .ui-accordion-content {
  border: 0; }

.bg-info {
  background: #feffe1; }

.btn-lg {
  font-size: 1.5em;
  font-weight: 700;
  padding: 15px 25px; }

.row-header {
  border-bottom: 2px solid #65686a; }

.has-error .form-control {
  border-color: #c62323;
  background: #fee3e3; }

.alert {
  border-radius: 0;
  border: 0; }

.alert-warning {
  color: #65686a; }

.content-inner {
  padding-top: 40px; }

.left-shadow {
  -webkit-box-shadow: -7px 0 22px -13px #000;
  -moz-box-shadow: -7px 0 22px -13px #000;
  box-shadow: -7px 0 22px -13px #000; }

.promo-shell {
  float: right; }

.input-promo {
  max-width: 120px;
  height: 30px;
  margin: 0 5px; }

/* Forms*/
.col-form-label {
  padding-top: 7px; }

/* Panel Blocks */
@media (min-width: 768px) {
  .flexbox {
    display: flex;
    padding-top: 20px; }
  .v-center {
    align-items: center; } }

.panel-block-shell {
  padding: 40px 0; }
  .panel-block-shell .flexbox {
    margin-top: 25px;
    margin-right: 15px; }
    .panel-block-shell .flexbox .panel-callout {
      position: absolute;
      top: -25px;
      left: 0;
      width: 100%;
      text-align: center;
      font-weight: 500;
      color: #d3d5d7; }
    .panel-block-shell .flexbox .panel-cell {
      background: #f0f0f0;
      min-height: 226px;
      border-top: 3px solid #d3d5d7;
      margin-bottom: 20px;
      margin-left: 15px; }
    .panel-block-shell .flexbox .panel-cell-hidden {
      background: transparent !important; }
    .panel-block-shell .flexbox .panel-sub-cell {
      position: relative;
      padding: 30px 15px 100px 15px; }
      .panel-block-shell .flexbox .panel-sub-cell .bottom-link {
        position: absolute;
        left: 15px;
        bottom: 30px;
        color: #FF8300;
        font-weight: 500;
        -moz-transition: none;
        -webkit-transition: none;
        -o-transition: color 0 ease-in;
        transition: none; }
    .panel-block-shell .flexbox .panel-pricing {
      text-align: center;
      padding: 20px 0 0 0; }
      .panel-block-shell .flexbox .panel-pricing .panel-pricing-center {
        display: inline-block; }
        .panel-block-shell .flexbox .panel-pricing .panel-pricing-center .panel-pricing-price {
          font-size: 2.5em;
          font-weight: bold;
          float: left;
          line-height: 1em; }
        .panel-block-shell .flexbox .panel-pricing .panel-pricing-center .panel-pricing-time {
          float: left;
          text-align: left;
          line-height: 1em; }
        .panel-block-shell .flexbox .panel-pricing .panel-pricing-center .panel-pricing-bill {
          clear: both; }
    .panel-block-shell .flexbox .panel-cell-gray-dark {
      border-top: 3px solid #65686a; }
      .panel-block-shell .flexbox .panel-cell-gray-dark .panel-callout {
        color: #65686a; }
    .panel-block-shell .flexbox .panel-cell-blue {
      border-top: 3px solid #0081bc; }
      .panel-block-shell .flexbox .panel-cell-blue .panel-callout {
        color: #0081bc; }
    .panel-block-shell .flexbox .panel-cell-blue-light {
      border-top: 3px solid #7dc8fe; }
      .panel-block-shell .flexbox .panel-cell-blue-light .panel-callout {
        color: #7dc8fe; }
    .panel-block-shell .flexbox .panel-cell-orange {
      border-top: 3px solid #ff8400; }
      .panel-block-shell .flexbox .panel-cell-orange .panel-callout {
        color: #ff8400; }
    .panel-block-shell .flexbox .panel-cell-gold {
      border-top: 3px solid #ffc627; }
      .panel-block-shell .flexbox .panel-cell-gold .panel-callout {
        color: #ffc627; }
    .panel-block-shell .flexbox .panel-cell-orange-light {
      border-top: 3px solid #fffae1; }
      .panel-block-shell .flexbox .panel-cell-orange-light .panel-callout {
        color: #fffae1; }
    .panel-block-shell .flexbox.flexbox-nogut .panel-cell {
      margin-left: 0;
      background: transparent; }
      .panel-block-shell .flexbox.flexbox-nogut .panel-cell:first-child {
        margin-left: 15px; }
    .panel-block-shell .flexbox.flexbox-hover .panel-cell:hover {
      cursor: pointer;
      background: #d3d5d7; }
    .panel-block-shell .flexbox.flexbox-hover .panel-cell-gray-dark:hover {
      background: #65686a; }
    .panel-block-shell .flexbox.flexbox-hover .panel-cell-blue:hover {
      background: #0081bc; }
    .panel-block-shell .flexbox.flexbox-hover .panel-cell-blue-light:hover {
      background: #7dc8fe; }
    .panel-block-shell .flexbox.flexbox-hover .panel-cell-orange:hover {
      background: #ff8400; }
    .panel-block-shell .flexbox.flexbox-hover .panel-cell-gold:hover {
      background: #ffc627; }
    .panel-block-shell .flexbox.flexbox-hover .panel-cell:hover .panel-sub-cell, .panel-block-shell .flexbox.flexbox-hover .panel-cell:hover h3, .panel-block-shell .flexbox.flexbox-hover .panel-cell:hover p, .panel-block-shell .flexbox.flexbox-hover .panel-cell:hover a.bottom-link {
      color: #ffffff; }
  .panel-block-shell .flexbox .panel-cell h3 {
    font-size: 1.5em;
    font-weight: 700; }
  .panel-block-shell .static-mantle-title {
    font-weight: 700; }
  .panel-block-shell .full-link {
    position: absolute;
    height: 100%;
    width: 100%;
    display: block;
    z-index: 99;
    margin-left: -15px; }

@media (min-width: 768px) {
  body {
    padding-top: 110px; }
    body.withsubnav {
      padding-top: 110px; }
    body.wowza-international {
      padding-top: 0; }
  .addendum {
    padding: 50px 0 20px 0; }
    .addendum .subscription-form {
      padding-top: 50px; }
    .addendum .country-select {
      padding-top: 50px; } }

@media only screen and (min-width: 992px) {
  .addendum .country-select, .addendum .subscription-form {
    padding-top: 70px; }
  .addendum .border-right {
    border-right: 1px solid #a5a7aa;
    min-height: 340px; }
  .addendum .border-left {
    border-left: 1px solid #a5a7aa;
    min-height: 340px; } }

@media only screen and (min-width: 1200px) {
  .addendum .country-select, .addendum .subscription-form {
    padding-top: 32px; }
  .addendum .border-right, .addendum .border-left {
    min-height: 280px; } }