.u-table-md {
  display: table;
  table-layout: fixed;
  width: 100%;
}
@media handheld, only screen and (max-width: 1023px) {
  .u-table-md {
    display: block;
  }
}
.u-table-md .th,
.u-table-md .td {
  display: table-cell;
  vertical-align: middle;
}
@media handheld, only screen and (max-width: 1023px) {
  .u-table-md .th,
  .u-table-md .td {
    display: block;
  }
}
.u-hidden-visually {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}
.u-text-center {
  text-align: center;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
.mobile {
  display: none;
}
.tablet {
  display: none;
}
.u-show-md {
  display: none;
}
@media handheld, only screen and (max-width: 1023px) {
  .u-show-md {
    display: block;
  }
}
@media handheld, only screen and (max-width: 1023px) {
  .u-hide-md {
    display: none;
  }
}
/* ============================================================================= 
   Reset
   ========================================================================== */

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
q,
small,
strong,
sub,
sup,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  border: 0;
  margin: 0;
  padding: 0;
}
article,
aside,
figure,
figure img,
figcaption,
hgroup,
footer,
header,
nav,
section,
video,
object {
  display: block;
}
a img {
  border: 0;
}
figure {
  position: relative;
}
figure img {
  width: 100%;
}
/* ============================================================================= 
   Forms
   ========================================================================== */

input[type="text"],
input[type="tel"],
input[type="password"],
input[type="email"],
input[type="search"],
textarea {
  border: none;
  -webkit-appearance: none;
  outline: none;
  color: #333333;
  margin: 0;
  width: 100%;
  padding: 0.6em 2%;
  display: block;
  background: white;
  font-size: 1em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
input[type="text"]::-ms-clear,
input[type="tel"]::-ms-clear,
input[type="password"]::-ms-clear,
input[type="email"]::-ms-clear,
input[type="search"]::-ms-clear,
textarea::-ms-clear {
  display: none;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
  border: none;
  color: #444444;
}
textarea {
  min-height: 200px;
  font-family: sans-serif;
  -webkit-appearance: none;
}
input[type="submit"] {
  -webkit-appearance: none;
  border: 0;
  background: white;
  display: inline-block;
  color: #333333;
  text-transform: uppercase;
  padding: 0.5em 4%;
  width: 100%;
  font-size: 0.8em;
  font-weight: 600;
  text-align: center;
}
input[type="submit"]:hover {
  background: #b3b3b3;
}
label {
  display: block;
  font-weight: bold;
  font-size: 0.6em;
  text-transform: uppercase;
}
.hidden-label label {
  position: absolute;
  top: 0;
  right: 1em;
  background: white;
  display: inline-block;
  padding: 3px 2px;
  line-height: 1;
}
input[type="checkbox"] {
  display: inline;
}
select {
  width: 100%;
  font-size: 1em;
  background: white;
  border: 1px solid #cccccc;
}
select option[default] {
  color: #cccccc;
}
.form-field {
  margin-bottom: 20px;
  position: relative;
}
.form-field .inline-fields label,
.form-field .inline-fields input {
  display: inline;
}
.field-validation-error {
  font-size: 13px;
  color: red;
}
.select-wrapper {
  background: #e8e9e8;
  padding: 0.5em 4%;
}
.checkboxlist legend {
  margin-bottom: 0.3em;
}
.checkboxlist .form-field label {
  background: #e8e9e8;
  padding: 0.8em 4%;
  margin-bottom: 2px;
  cursor: pointer;
}
.checkboxlist .form-field label:hover {
  background: #edeeed;
}
.rich-text form input[type="text"],
.rich-text form input[type="tel"],
.rich-text form input[type="password"],
.rich-text form input[type="email"],
.rich-text form input[type="search"],
.rich-text form textarea {
  background: #f7f8f9;
  border: 1px solid #cccccc;
}
.rich-text form label {
  margin-bottom: 0.2em;
  font-size: 0.8em;
}
.rich-text form input[type="text"]:focus,
.rich-text form input[type="tel"]:focus,
.rich-text form input[type="password"]:focus,
.rich-text form input[type="email"]:focus,
.rich-text form input[type="search"]:focus,
.rich-text form textarea:focus {
  background: white;
  border: 1px solid #333333;
}
.rich-text input[type="submit"] {
  background: #cccccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 1em;
}
.browsehappy {
  background: white;
  text-align: center;
  color: #333333;
}
.center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.remove {
  display: none;
}
.hide {
  visibility: hidden;
}
.quiz {
  margin-top: 25px;
}
.quiz ul {
  margin-left: 35px;
}
.quiz input[type="button"],
.quiz input[type="submit"] {
  -webkit-appearance: none;
  border: 0;
  background: #8ba4b2;
  display: inline-block;
  color: white;
  text-transform: uppercase;
  padding: 0.5em 4%;
  margin: 2em 0;
  width: 100%;
  font-size: 19px;
  font-weight: 600;
  text-align: center;
}
.quiz input[type="button"]:hover,
.quiz input[type="submit"]:hover {
  background: #b3b3b3;
}
.quiz .quiz-form {
  margin-top: 25px;
}
.quiz .quiz-form ul {
  clear: both;
  list-style: none;
  margin-left: 35px;
}
.quiz .quiz-form ul label {
  text-transform: none;
  font-size: 0.8em;
}
.quiz .quiz-form ul label.answer {
  font-weight: normal;
  margin-bottom: 5px;
  padding-left: 20px;
  text-indent: -20px;
  display: inline-block;
}
.quiz .quiz-form ul label.answer input[type='checkbox'],
.quiz .quiz-form ul label.answer input[type='radio'] {
  display: inline-block;
  margin-right: 5px;
}
.quiz input[type='text'] {
  border: 1px solid #999999;
  width: 400px;
}
.quiz div.question {
  margin-top: 15px;
}
.quiz div.question div {
  float: left;
  max-width: 90%;
}
.quiz div.question div:first-child {
  width: 35px;
}
.quiz div.answer {
  clear: both;
  margin-left: 35px;
  font-size: 0.8em;
}
.quiz div.answer div {
  float: left;
  display: inline-block;
  max-width: 80%;
  margin-right: 10px;
}
.quiz .correct {
  clear: both;
  margin-left: 35px;
  font-size: 0.8em;
}
.quiz .correct i {
  color: green;
  margin-right: 10px;
}
.quiz .incorrect {
  clear: both;
  margin-left: 35px;
  font-size: 0.8em;
}
.quiz .incorrect i {
  color: red;
  margin-right: 10px;
}
.txt-center {
  text-align: center;
}
/* ==================================================================================================================== 
  Phosphor Grid
  ==================================================================================================================== */
.container {
  padding: 0 2%;
  margin: 0 auto;
}
.onecol,
.twocol,
.threecol,
.fourcol,
.fivecol,
.sixcol,
.sevencol,
.eightcol,
.ninecol,
.tencol,
.elevencol {
  margin-right: 0.95%;
  margin-left: 0.95%;
  float: left;
  min-height: 1px;
}
.onecolumn,
.twocolumn,
.threecolumn,
.fourcolumn,
.fivecolumn,
.sixcolumn,
.sevencolumn,
.eightcolumn,
.ninecolumn,
.tencolumn,
.elevencolumn {
  margin-right: 0;
  margin-left: 0;
  float: left;
  min-height: 1px;
  overflow: hidden;
}
.row {
  max-width: 1480px;
  margin: 0 auto;
  zoom: 1;
}
.row:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  clear: both;
}
.row:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  clear: both;
}
.row .onecol {
  width: 6.43%;
}
.row .twocol {
  width: 14.76%;
}
.row .threecol {
  width: 23.1%;
}
.row .fourcol {
  width: 31.43%;
}
.row .fivecol {
  width: 39.77%;
}
.row .sixcol {
  width: 48.1%;
}
.row .sevencol {
  width: 56.43%;
}
.row .eightcol {
  width: 64.76%;
}
.row .ninecol {
  width: 73.1%;
}
.row .tencol {
  width: 81.44%;
}
.row .elevencol {
  width: 89.77%;
}
.row .twelvecol {
  width: 98.1%;
  margin: 0 0.95%;
  float: left;
}
.onecolumn {
  width: 8.33333333333333%;
}
.twocolumn {
  width: 16.6666666666667%;
}
.threecolumn {
  width: 25%;
}
.fourcolumn {
  width: 33.3333333333333%;
}
.fivecolumn {
  width: 41.6666666666665%;
}
.sixcolumn {
  width: 50%;
}
.sevencolumn {
  width: 58.3333333333333%;
}
.eightcolumn {
  width: 66.6666666666666%;
}
.ninecolumn {
  width: 75%;
}
.tencolumn {
  width: 83.33333333333%;
}
.elevencolumn {
  width: 91.6666666666%;
}
.twelvecolumn {
  width: 100%;
  float: left;
}
img,
object,
embed {
  max-width: 100%;
}
img {
  height: auto;
}
img[alt] {
  font-size: 0.7em;
}
/* =============================================================================
   Media Queries 
   ========================================================================== */

@media handheld, only screen and (max-width: 1023px) {
  .row .onecol-md {
    width: 6.43%;
    float: left;
  }
  .row .twocol-md {
    width: 14.76%;
    float: left;
  }
  .row .threecol-md {
    width: 23.1%;
    float: left;
  }
  .row .fourcol-md {
    width: 31.43%;
    float: left;
  }
  .row .fivecol-md {
    width: 39.77%;
    float: left;
  }
  .row .sixcol-md {
    width: 48.1%;
    float: left;
  }
  .row .sevencol-md {
    width: 56.43%;
    float: left;
  }
  .row .eightcol-md {
    width: 64.76%;
    float: left;
  }
  .row .ninecol-md {
    width: 73.1%;
    float: left;
  }
  .row .tencol-md {
    width: 81.44%;
    float: left;
  }
  .row .elevencol-md {
    width: 89.77%;
    float: left;
  }
  .row .twelvecol-md {
    width: 98.1%;
    margin: 0 0.95%;
    float: left;
  }
  .row .onecolumn-md,
  .row .twocolumn-md,
  .row .threecolumn-md,
  .row .fourcolumn-md,
  .row .fivecolumn-md,
  .row .sixcolumn-md,
  .row .sevencolumn-md,
  .row .eightcolumn-md,
  .row .ninecolumn-md,
  .row .tencolumn-md,
  .row .elevencolumn-md,
  .row .twelvecolumn-md {
    margin-left: 0;
    margin-right: 0;
  }
  .row .onecolumn-md {
    width: 8.33333333333333%;
  }
  .row .twocolumn-md {
    width: 16.6666666666667%;
  }
  .row .threecolumn-md {
    width: 25%;
  }
  .row .fourcolumn-md {
    width: 33.3333333333333%;
  }
  .row .fivecolumn {
    width: 41.6666666666665%;
  }
  .row .sixcolumn-md {
    width: 50%;
  }
  .row .sevencolumn-md {
    width: 58.3333333333333%;
  }
  .row .eightcolumn-md {
    width: 66.6666666666666%;
  }
  .row .ninecolumn-md {
    width: 75%;
  }
  .row .tencolumn-md {
    width: 83.33333333333%;
  }
  .row .elevencolumn-md {
    width: 91.6666666666%;
  }
  .row .twelvecolumn-md {
    width: 100%;
    float: left;
  }
}
/* =============================================================================
   Media Queries 
   ========================================================================== */

@media handheld, only screen and (max-width: 800px) {
  .row,
  body,
  .container {
    width: 100%;
    min-width: 0;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
  .row .onecol,
  .row .twocol,
  .row .threecol,
  .row .fourcol,
  .row .fivecol,
  .row .sixcol,
  .row .sevencol,
  .row .eightcol,
  .row .ninecol,
  .row .tencol,
  .row .elevencol,
  .row .twelvecol {
    width: auto !important;
    float: none;
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 0px;
    padding-right: 0px;
  }
  .row .onecolumn,
  .row .twocolumn,
  .row .threecolumn,
  .row .fourcolumn,
  .row .fivecolumn,
  .row .sixcolumn,
  .row .sevencolumn,
  .row .eightcolumn,
  .row .ninecolumn,
  .row .tencolumn,
  .row .elevencolumn,
  .row .twelvecolumn {
    width: auto;
    float: none;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@font-face {
  font-family: 'Montserrat';
  src: url("/cassette.axd/file/Content/fonts/Montserrat/Montserrat-Bold-5b9528859d7f0f62267d4af547217fc5d14107ee.woff");
  font-weight: 700;
}
@font-face {
  font-family: 'Montserrat';
  src: url("/cassette.axd/file/Content/fonts/Montserrat/Montserrat-Medium-d7ba73b8f39778eef1e9c1f77c33af601193a546.woff");
  font-weight: 600;
}
@font-face {
  font-family: 'Montserrat';
  src: url("/cassette.axd/file/Content/fonts/Montserrat/Montserrat-Regular-f6e5c13f74f8562c468ebff4b3dbdb7645e3a1ee.woff");
  font-weight: 400;
}
.rich-text {
  overflow: hidden;
}
.rich-text > * {
  margin-top: 24px;
  margin-bottom: 24px;
}
.rich-text > *:first-child {
  margin-top: 0;
}
.rich-text > *:last-child {
  margin-bottom: 0;
}
.rich-text a {
  color: #05a4d5;
  text-decoration: none;
}
.rich-text a:hover {
  text-decoration: underline;
}
.rich-text h1 a,
.rich-text h2 a,
.rich-text h3 a,
.rich-text h4 a,
.rich-text h5 a,
.rich-text h6 a,
.rich-text .h1 a,
.rich-text .h2 a,
.rich-text .h3 a,
.rich-text .h4 a,
.rich-text .h5 a,
.rich-text .h6 a {
  border-bottom: 0;
}
.rich-text .videoLink,
.rich-text .img-link {
  display: block;
  margin: 1em 0;
}
.rich-text .videoLink img,
.rich-text .img-link img {
  display: block;
}
.rich-text img {
  display: block;
  max-width: 100%;
  height: auto;
}
.rich-text ul,
.rich-text ol {
  padding-left: 1.3em;
  margin: 24px 0;
}
.rich-text ul li,
.rich-text ol li {
  line-height: 1.4;
  margin-bottom: 12px;
  font-size: 0.9em;
}
.rich-text ul {
  list-style-type: disc;
}
.rich-text ol {
  list-style-type: decimal;
}
.rich-text table {
  background: white;
  border: 1px solid #cccccc;
  border-collapse: collapse;
  width: 100%;
  margin-top: 24px;
  margin-bottom: 24px;
  font-size: 0.9em;
}
.rich-text table td,
.rich-text table th {
  border: 1px solid #cccccc;
  padding: 24px;
}
.rich-text table th {
  background: #cccccc;
  font-weight: 500;
  border: 1px solid white;
}
.rich-text hr {
  margin: 72px 0 0 0;
}
.rich-text .button,
.rich-text a.button {
  color: white;
}
.rich-text .button:hover,
.rich-text a.button:hover {
  text-decoration: none !important;
  opacity: 0.8;
}
.rich-text .small {
  display: inline-block;
  font-size: 0.65rem;
  line-height: 1rem;
  letter-spacing: 0.02rem;
  color: #9b9b9b;
}
.nav-text {
  font-size: 0.778rem;
}
.fvp-h1 {
  font-size: 2rem;
  line-height: 2.389rem;
  font-weight: 700;
}
.fvp-h2 {
  font-size: 1.667rem;
  line-height: 2rem;
  font-weight: 700;
}
.fvp-h3 {
  font-size: 1.333rem;
  line-height: 1.611rem;
  font-weight: 700;
}
.fvp-h4 {
  font-size: 1.222rem;
  line-height: 1.667rem;
  font-weight: 700;
}
.fvp-h5 {
  font-size: 1.167rem;
  line-height: 1.389rem;
  font-weight: 700;
}
.fvp-h6 {
  font-size: 1.167rem;
  line-height: 1.389rem;
  font-weight: 400;
}
.fvp-p {
  font-size: 1rem;
  line-height: 1.333rem;
  font-weight: 400;
}
.fvp-quiz-banner-text {
  font-size: 0.778rem;
  line-height: 0.944rem;
  font-weight: 400;
}
.fvp-overlap-label-text {
  font-size: 0.667rem;
  line-height: 0.778rem;
  font-weight: 700;
}
.fvp-form-text {
  font-size: 0.833rem;
  line-height: 1rem;
  font-weight: 400;
}
.fvp-question-text {
  font-size: 0.889rem;
  line-height: 1.056rem;
  font-weight: 700;
}
.fvp-answer-text {
  font-size: 0.778rem;
  line-height: 1rem;
  font-weight: 400;
}
.fvp-question-number-text {
  font-size: 0.778rem;
  font-weight: 700;
}
.fvp-button-text {
  font-size: 1.333rem;
  line-height: 1.611rem;
}
.fvp-price-number {
  font-size: 2rem;
  line-height: 2.389rem;
  font-weight: 400;
}
.fvp-price-type {
  font-size: 1.333rem;
  font-weight: 700;
}
.fvp-price-currency {
  font-size: 0.778rem;
  font-weight: 400;
}
/*!
 * animsition v4.0.2
 * A simple and easy jQuery plugin for CSS animated page transitions.
 * http://blivesta.github.io/animsition
 * License : MIT
 * Author : blivesta (http://blivesta.com/)
 */

.animsition,
.animsition-overlay {
  position: relative;
  opacity: 0;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
/**
 * overlay option
 */

.animsition-overlay-slide {
  position: fixed;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: #dddddd;
}
/* loading option */

.animsition-loading,
.animsition-loading:after {
  width: 32px;
  height: 32px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -16px;
  margin-left: -16px;
  border-radius: 50%;
  z-index: 100;
}
.animsition-loading {
  background-color: transparent;
  border-top: 5px solid rgba(0, 0, 0, 0.2);
  border-right: 5px solid rgba(0, 0, 0, 0.2);
  border-bottom: 5px solid rgba(0, 0, 0, 0.2);
  border-left: 5px solid #eeeeee;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-name: animsition-loading;
  animation-name: animsition-loading;
}
@-webkit-keyframes animsition-loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes animsition-loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fade-in {
  -webkit-animation-name: fade-in;
  animation-name: fade-in;
}
@-webkit-keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fade-out {
  -webkit-animation-name: fade-out;
  animation-name: fade-out;
}
@-webkit-keyframes fade-in-up {
  0% {
    -webkit-transform: translateY(500px);
    transform: translateY(500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-up {
  0% {
    -webkit-transform: translateY(500px);
    transform: translateY(500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
.fade-in-up {
  -webkit-animation-name: fade-in-up;
  animation-name: fade-in-up;
}
@-webkit-keyframes fade-out-up {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
    opacity: 0;
  }
}
@keyframes fade-out-up {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
    opacity: 0;
  }
}
.fade-out-up {
  -webkit-animation-name: fade-out-up;
  animation-name: fade-out-up;
}
@-webkit-keyframes fade-in-up-sm {
  0% {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-up-sm {
  0% {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
.fade-in-up-sm {
  -webkit-animation-name: fade-in-up-sm;
  animation-name: fade-in-up-sm;
}
@-webkit-keyframes fade-out-up-sm {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    opacity: 0;
  }
}
@keyframes fade-out-up-sm {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    opacity: 0;
  }
}
.fade-out-up-sm {
  -webkit-animation-name: fade-out-up-sm;
  animation-name: fade-out-up-sm;
}
@-webkit-keyframes fade-in-up-lg {
  0% {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-up-lg {
  0% {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
.fade-in-up-lg {
  -webkit-animation-name: fade-in-up-lg;
  animation-name: fade-in-up-lg;
}
@-webkit-keyframes fade-out-up-lg {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    opacity: 0;
  }
}
@keyframes fade-out-up-lg {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    opacity: 0;
  }
}
.fade-out-up-lg {
  -webkit-animation-name: fade-out-up-lg;
  animation-name: fade-out-up-lg;
}
@-webkit-keyframes fade-in-down {
  0% {
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-down {
  0% {
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
.fade-in-down {
  -webkit-animation-name: fade-in-down;
  animation-name: fade-in-down;
}
@-webkit-keyframes fade-out-down {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(500px);
    transform: translateY(500px);
    opacity: 0;
  }
}
@keyframes fade-out-down {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(500px);
    transform: translateY(500px);
    opacity: 0;
  }
}
.fade-out-down {
  -webkit-animation-name: fade-out-down;
  animation-name: fade-out-down;
}
@-webkit-keyframes fade-in-down-sm {
  0% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-down-sm {
  0% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
.fade-in-down-sm {
  -webkit-animation-name: fade-in-down-sm;
  animation-name: fade-in-down-sm;
}
@-webkit-keyframes fade-out-down-sm {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
  }
}
@keyframes fade-out-down-sm {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
  }
}
.fade-out-down-sm {
  -webkit-animation-name: fade-out-down-sm;
  animation-name: fade-out-down-sm;
}
@-webkit-keyframes fade-in-down-lg {
  0% {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-down-lg {
  0% {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
.fade-in-down-lg {
  -webkit-animation-name: fade-in-down;
  animation-name: fade-in-down;
}
@-webkit-keyframes fade-out-down-lg {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px);
    opacity: 0;
  }
}
@keyframes fade-out-down-lg {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px);
    opacity: 0;
  }
}
.fade-out-down-lg {
  -webkit-animation-name: fade-out-down-lg;
  animation-name: fade-out-down-lg;
}
@-webkit-keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-500px);
    transform: translateX(-500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-500px);
    transform: translateX(-500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
.fade-in-left {
  -webkit-animation-name: fade-in-left;
  animation-name: fade-in-left;
}
@-webkit-keyframes fade-out-left {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-500px);
    transform: translateX(-500px);
    opacity: 0;
  }
}
@keyframes fade-out-left {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-500px);
    transform: translateX(-500px);
    opacity: 0;
  }
}
.fade-out-left {
  -webkit-animation-name: fade-out-left;
  animation-name: fade-out-left;
}
@-webkit-keyframes fade-in-left-sm {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-left-sm {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
.fade-in-left-sm {
  -webkit-animation-name: fade-in-left-sm;
  animation-name: fade-in-left-sm;
}
@-webkit-keyframes fade-out-left-sm {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
}
@keyframes fade-out-left-sm {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
}
.fade-out-left-sm {
  -webkit-animation-name: fade-out-left-sm;
  animation-name: fade-out-left-sm;
}
@-webkit-keyframes fade-in-left-lg {
  0% {
    -webkit-transform: translateX(-1500px);
    transform: translateX(-1500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-left-lg {
  0% {
    -webkit-transform: translateX(-1500px);
    transform: translateX(-1500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
.fade-in-left-lg {
  -webkit-animation-name: fade-in-left-lg;
  animation-name: fade-in-left-lg;
}
@-webkit-keyframes fade-out-left-lg {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-1500px);
    transform: translateX(-1500px);
    opacity: 0;
  }
}
@keyframes fade-out-left-lg {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-1500px);
    transform: translateX(-1500px);
    opacity: 0;
  }
}
.fade-out-left-lg {
  -webkit-animation-name: fade-out-left-lg;
  animation-name: fade-out-left-lg;
}
@-webkit-keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(500px);
    transform: translateX(500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(500px);
    transform: translateX(500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
.fade-in-right {
  -webkit-animation-name: fade-in-right;
  animation-name: fade-in-right;
}
@-webkit-keyframes fade-out-right {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(500px);
    transform: translateX(500px);
    opacity: 0;
  }
}
@keyframes fade-out-right {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(500px);
    transform: translateX(500px);
    opacity: 0;
  }
}
.fade-out-right {
  -webkit-animation-name: fade-out-right;
  animation-name: fade-out-right;
}
@-webkit-keyframes fade-in-right-sm {
  0% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-right-sm {
  0% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
.fade-in-right-sm {
  -webkit-animation-name: fade-in-right-sm;
  animation-name: fade-in-right-sm;
}
@-webkit-keyframes fade-out-right-sm {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
}
@keyframes fade-out-right-sm {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
}
.fade-out-right-sm {
  -webkit-animation-name: fade-out-right-sm;
  animation-name: fade-out-right-sm;
}
@-webkit-keyframes fade-in-right-lg {
  0% {
    -webkit-transform: translateX(1500px);
    transform: translateX(1500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-right-lg {
  0% {
    -webkit-transform: translateX(1500px);
    transform: translateX(1500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
.fade-in-right-lg {
  -webkit-animation-name: fade-in-right-lg;
  animation-name: fade-in-right-lg;
}
@-webkit-keyframes fade-out-right-lg {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(1500px);
    transform: translateX(1500px);
    opacity: 0;
  }
}
@keyframes fade-out-right-lg {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(1500px);
    transform: translateX(1500px);
    opacity: 0;
  }
}
.fade-out-right-lg {
  -webkit-animation-name: fade-out-right-lg;
  animation-name: fade-out-right-lg;
}
@-webkit-keyframes rotate-in {
  0% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
}
@keyframes rotate-in {
  0% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
}
.rotate-in {
  -webkit-animation-name: rotate-in;
  animation-name: rotate-in;
}
@-webkit-keyframes rotate-out {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
}
@keyframes rotate-out {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
}
.rotate-out {
  -webkit-animation-name: rotate-out;
  animation-name: rotate-out;
}
@-webkit-keyframes rotate-in-sm {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
}
@keyframes rotate-in-sm {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
}
.rotate-in-sm {
  -webkit-animation-name: rotate-in-sm;
  animation-name: rotate-in-sm;
}
@-webkit-keyframes rotate-out-sm {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
}
@keyframes rotate-out-sm {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
}
.rotate-out-sm {
  -webkit-animation-name: rotate-out-sm;
  animation-name: rotate-out-sm;
}
@-webkit-keyframes rotate-in-lg {
  0% {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
}
@keyframes rotate-in-lg {
  0% {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
}
.rotate-in-lg {
  -webkit-animation-name: rotate-in-lg;
  animation-name: rotate-in-lg;
}
@-webkit-keyframes rotate-out-lg {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
}
@keyframes rotate-out-lg {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
}
.rotate-out-lg {
  -webkit-animation-name: rotate-out-lg;
  animation-name: rotate-out-lg;
}
@-webkit-keyframes flip-in-x {
  0% {
    -webkit-transform: perspective(550px) rotateX(90deg);
    transform: perspective(550px) rotateX(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(550px) rotateX(0deg);
    transform: perspective(550px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes flip-in-x {
  0% {
    -webkit-transform: perspective(550px) rotateX(90deg);
    transform: perspective(550px) rotateX(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(550px) rotateX(0deg);
    transform: perspective(550px) rotateX(0deg);
    opacity: 1;
  }
}
.flip-in-x {
  -webkit-animation-name: flip-in-x;
  animation-name: flip-in-x;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flip-out-x {
  0% {
    -webkit-transform: perspective(550px) rotateX(0deg);
    transform: perspective(550px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(550px) rotateX(90deg);
    transform: perspective(550px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flip-out-x {
  0% {
    -webkit-transform: perspective(550px) rotateX(0deg);
    transform: perspective(550px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(550px) rotateX(90deg);
    transform: perspective(550px) rotateX(90deg);
    opacity: 0;
  }
}
.flip-out-x {
  -webkit-animation-name: flip-out-x;
  animation-name: flip-out-x;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flip-in-x-nr {
  0% {
    -webkit-transform: perspective(100px) rotateX(90deg);
    transform: perspective(100px) rotateX(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(100px) rotateX(0deg);
    transform: perspective(100px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes flip-in-x-nr {
  0% {
    -webkit-transform: perspective(100px) rotateX(90deg);
    transform: perspective(100px) rotateX(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(100px) rotateX(0deg);
    transform: perspective(100px) rotateX(0deg);
    opacity: 1;
  }
}
.flip-in-x-nr {
  -webkit-animation-name: flip-in-x-nr;
  animation-name: flip-in-x-nr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flip-out-x-nr {
  0% {
    -webkit-transform: perspective(100px) rotateX(0deg);
    transform: perspective(100px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(100px) rotateX(90deg);
    transform: perspective(100px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flip-out-x-nr {
  0% {
    -webkit-transform: perspective(100px) rotateX(0deg);
    transform: perspective(100px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(100px) rotateX(90deg);
    transform: perspective(100px) rotateX(90deg);
    opacity: 0;
  }
}
.flip-out-x-nr {
  -webkit-animation-name: flip-out-x-nr;
  animation-name: flip-out-x-nr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flip-in-x-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes flip-in-x-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg);
    opacity: 1;
  }
}
.flip-in-x-fr {
  -webkit-animation-name: flip-in-x-fr;
  animation-name: flip-in-x-fr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flip-out-x-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flip-out-x-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
}
.flip-out-x-fr {
  -webkit-animation-name: flip-out-x-fr;
  animation-name: flip-out-x-fr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flip-in-y {
  0% {
    -webkit-transform: perspective(550px) rotateY(90deg);
    transform: perspective(550px) rotateY(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(550px) rotateY(0deg);
    transform: perspective(550px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes flip-in-y {
  0% {
    -webkit-transform: perspective(550px) rotateY(90deg);
    transform: perspective(550px) rotateY(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(550px) rotateY(0deg);
    transform: perspective(550px) rotateY(0deg);
    opacity: 1;
  }
}
.flip-in-y {
  -webkit-animation-name: flip-in-y;
  animation-name: flip-in-y;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flip-out-y {
  0% {
    -webkit-transform: perspective(550px) rotateY(0deg);
    transform: perspective(550px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(550px) rotateY(90deg);
    transform: perspective(550px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flip-out-y {
  0% {
    -webkit-transform: perspective(550px) rotateY(0deg);
    transform: perspective(550px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(550px) rotateY(90deg);
    transform: perspective(550px) rotateY(90deg);
    opacity: 0;
  }
}
.flip-out-y {
  -webkit-animation-name: flip-out-y;
  animation-name: flip-out-y;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flip-in-y-nr {
  0% {
    -webkit-transform: perspective(100px) rotateY(90deg);
    transform: perspective(100px) rotateY(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(100px) rotateY(0deg);
    transform: perspective(100px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes flip-in-y-nr {
  0% {
    -webkit-transform: perspective(100px) rotateY(90deg);
    transform: perspective(100px) rotateY(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(100px) rotateY(0deg);
    transform: perspective(100px) rotateY(0deg);
    opacity: 1;
  }
}
.flip-in-y-nr {
  -webkit-animation-name: flip-in-y-nr;
  animation-name: flip-in-y-nr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flip-out-y-nr {
  0% {
    -webkit-transform: perspective(100px) rotateY(0deg);
    transform: perspective(100px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(100px) rotateY(90deg);
    transform: perspective(100px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flip-out-y-nr {
  0% {
    -webkit-transform: perspective(100px) rotateY(0deg);
    transform: perspective(100px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(100px) rotateY(90deg);
    transform: perspective(100px) rotateY(90deg);
    opacity: 0;
  }
}
.flip-out-y-nr {
  -webkit-animation-name: flip-out-y-nr;
  animation-name: flip-out-y-nr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flip-in-y-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateY(90deg);
    transform: perspective(1000px) rotateY(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes flip-in-y-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateY(90deg);
    transform: perspective(1000px) rotateY(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg);
    opacity: 1;
  }
}
.flip-in-y-fr {
  -webkit-animation-name: flip-in-y-fr;
  animation-name: flip-in-y-fr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flip-out-y-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateY(90deg);
    transform: perspective(1000px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flip-out-y-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateY(90deg);
    transform: perspective(1000px) rotateY(90deg);
    opacity: 0;
  }
}
.flip-out-y-fr {
  -webkit-animation-name: flip-out-y-fr;
  animation-name: flip-out-y-fr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes zoom-in {
  0% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes zoom-in {
  0% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.zoom-in {
  -webkit-animation-name: zoom-in;
  animation-name: zoom-in;
}
@-webkit-keyframes zoom-out {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoom-out {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.zoom-out {
  -webkit-animation-name: zoom-out;
  animation-name: zoom-out;
}
@-webkit-keyframes zoom-in-sm {
  0% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes zoom-in-sm {
  0% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.zoom-in-sm {
  -webkit-animation-name: zoom-in-sm;
  animation-name: zoom-in-sm;
}
@-webkit-keyframes zoom-out-sm {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoom-out-sm {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.zoom-out-sm {
  -webkit-animation-name: zoom-out-sm;
  animation-name: zoom-out-sm;
}
@-webkit-keyframes zoom-in-lg {
  0% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes zoom-in-lg {
  0% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.zoom-in-lg {
  -webkit-animation-name: zoom-in-lg;
  animation-name: zoom-in-lg;
}
@-webkit-keyframes zoom-out-lg {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoom-out-lg {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.zoom-out-lg {
  -webkit-animation-name: zoom-out-lg;
  animation-name: zoom-out-lg;
}
@-webkit-keyframes overlay-slide-in-top {
  0% {
    height: 100%;
  }
  100% {
    height: 0;
  }
}
@keyframes overlay-slide-in-top {
  0% {
    height: 100%;
  }
  100% {
    height: 0;
  }
}
.overlay-slide-in-top {
  top: 0;
  height: 0;
  -webkit-animation-name: overlay-slide-in-top;
  animation-name: overlay-slide-in-top;
}
@-webkit-keyframes overlay-slide-out-top {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
@keyframes overlay-slide-out-top {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
.overlay-slide-out-top {
  top: 0;
  height: 100%;
  -webkit-animation-name: overlay-slide-out-top;
  animation-name: overlay-slide-out-top;
}
@-webkit-keyframes overlay-slide-in-bottom {
  0% {
    height: 100%;
  }
  100% {
    height: 0;
  }
}
@keyframes overlay-slide-in-bottom {
  0% {
    height: 100%;
  }
  100% {
    height: 0;
  }
}
.overlay-slide-in-bottom {
  bottom: 0;
  height: 0;
  -webkit-animation-name: overlay-slide-in-bottom;
  animation-name: overlay-slide-in-bottom;
}
@-webkit-keyframes overlay-slide-out-bottom {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
@keyframes overlay-slide-out-bottom {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
.overlay-slide-out-bottom {
  bottom: 0;
  height: 100%;
  -webkit-animation-name: overlay-slide-out-bottom;
  animation-name: overlay-slide-out-bottom;
}
@-webkit-keyframes overlay-slide-in-left {
  0% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}
@keyframes overlay-slide-in-left {
  0% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}
.overlay-slide-in-left {
  width: 0;
  -webkit-animation-name: overlay-slide-in-left;
  animation-name: overlay-slide-in-left;
}
@-webkit-keyframes overlay-slide-out-left {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes overlay-slide-out-left {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.overlay-slide-out-left {
  left: 0;
  width: 100%;
  -webkit-animation-name: overlay-slide-out-left;
  animation-name: overlay-slide-out-left;
}
@-webkit-keyframes overlay-slide-in-right {
  0% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}
@keyframes overlay-slide-in-right {
  0% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}
.overlay-slide-in-right {
  right: 0;
  width: 0;
  -webkit-animation-name: overlay-slide-in-right;
  animation-name: overlay-slide-in-right;
}
@-webkit-keyframes overlay-slide-out-right {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes overlay-slide-out-right {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.overlay-slide-out-right {
  right: 0;
  width: 100%;
  -webkit-animation-name: overlay-slide-out-right;
  animation-name: overlay-slide-out-right;
}
/*!
 *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

/* FONT PATH
 * -------------------------- */

@font-face {
  font-family: 'FontAwesome';
  src: url('/cassette.axd/file/content/fonts/fontawesome-webfont-3e63fc9b3de4580f1f3bec0631436f755b80f167.eot?v=4.3.0');
  src: url('/cassette.axd/file/content/fonts/fontawesome-webfont-3e63fc9b3de4580f1f3bec0631436f755b80f167.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('/cassette.axd/file/content/fonts/fontawesome-webfont-1075231650f579955905bb2f6527148a8e2b4b16.woff2?v=4.3.0') format('woff2'), url('/cassette.axd/file/content/fonts/fontawesome-webfont-56ce13e71c2150d81bc972940584915181bd6081.woff?v=4.3.0') format('woff'), url('/cassette.axd/file/content/fonts/fontawesome-webfont-9088143b19979779b2116cef38b661f72d982e19.ttf?v=4.3.0') format('truetype'), url('/cassette.axd/file/content/fonts/fontawesome-webfont-0b42e5ee7daafb72b1237b9d5b7f5ab0775fffc7.svg?v=4.3.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* makes the font 33% larger relative to the icon container */

.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: white;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */

.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-genderless:before,
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}
.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}
.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444444;
  text-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.fancybox-opened {
  z-index: 8030;
}
.fancybox-outer,
.fancybox-inner {
  position: relative;
}
.fancybox-inner {
  overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}
.fancybox-error {
  color: #444444;
  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}
.fancybox-image,
.fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}
.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}
#fancybox-loading,
.fancybox-prev span,
.fancybox-next span {
  background-image: url('/cassette.axd/file/Content/Images/FancyBox/fancybox_sprite-17df19f97628e77be09c352bf27425faea248251.png');
}
#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: 22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}
#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url('/cassette.axd/file/Content/Images/FancyBox/fancybox_loading-1a755fb2599f3a313cc6cfdb14df043f8c14a99c.gif') center center no-repeat;
}
.fancybox-close {
  position: absolute;
  top: -50px;
  right: 50%;
  -moz-transform: translateX(50%);
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
  border: 2px solid white;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}
.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url('/cassette.axd/file/Content/Images/FancyBox/blank-2daeaa8b5f19f0bc209d976c02bd6acb51b00b0a.gif');
  /* helps IE */
  -webkit-tap-highlight-color: transparent;
  z-index: 8040;
}
.fancybox-prev {
  left: 0;
}
.fancybox-next {
  right: 0;
}
.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}
.touch-device .fancybox-nav span {
  visibility: visible ;
}
.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}
.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}
.fancybox-nav:hover span {
  visibility: visible;
}
.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}
/* Overlay helper */

.fancybox-lock {
  overflow: hidden !important;
  width: auto;
}
/*
.fancybox-lock body {
    overflow: hidden !important;
}
*/

.fancybox-lock-test {
  overflow-y: hidden !important;
}
.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url('/cassette.axd/file/Content/Images/FancyBox/fancybox_overlay-b3a4ee645ba494f52840ef8412015ba0f465dbe0.png');
}
.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}
.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}
/* Title helper */

.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}
.fancybox-opened .fancybox-title {
  visibility: visible;
}
.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}
.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222222;
  color: white;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}
.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: white;
}
.fancybox-title-inside-wrap {
  padding-top: 10px;
}
.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: white;
  padding: 10px;
  background: black;
  background: rgba(0, 0, 0, 0.8);
}
/*Retina graphics!*/

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #fancybox-loading,
  .fancybox-prev span,
  .fancybox-next span {
    background-image: url('/cassette.axd/file/Content/Images/FancyBox/fancybox_sprite%402x-30c58913f327e28f466a00f4c1ac8001b560aed8.png');
    background-size: 44px 152px;
    /*The size of the normal image, half the size of the hi-res image*/
  
  }
  #fancybox-loading div {
    background-image: url('/cassette.axd/file/Content/Images/FancyBox/fancybox_loading%402x-273b123496a42ba45c3416adb027cd99745058b0.gif');
    background-size: 24px 24px;
    /*The size of the normal image, half the size of the hi-res image*/
  
  }
}
/*UtilCarousel Base Style*/

.util-carousel {
  display: none;
  position: relative;
  -ms-touch-action: pan-y;
}
.util-carousel .util-wrapper-holder {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.util-carousel .util-wrapper {
  *zoom: 1;
  position: relative;
  display: none;
}
.util-carousel .util-wrapper:before,
.util-carousel .util-wrapper:after {
  display: table;
  content: "";
  line-height: 0;
}
.util-carousel .util-wrapper:after {
  clear: both;
}
.util-carousel .util-item {
  float: left;
}
.dragging,
.dragging * {
  cursor: url('https://www.google.com/intl/en_ALL/mapfiles/closedhand.cur'), move;
}
/**/
.util-carousel .util-wrapper,
.util-carousel .util-item {
  -webkit-transform-style: preserve- 3 d;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  -webkit-transform: translate3d(0, 0, 0);
}
/*UtilCarousel Defualt Theme*/

.util-theme-default .util-pagination {
  text-align: center;
  margin-top: 10px;
}
.util-theme-default .util-page span {
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #bbbbbb;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  margin: 5px;
}
.util-theme-default .util-page {
  display: inline-block;
  cursor: pointer;
  zoom: 1;
  *display: inline;
}
.util-theme-default  .util-page.active-page span {
  background-color: #555555;
}
.util-theme-default  .util-page:hover span {
  background-color: #888888;
}
.util-theme-default .util-navigation {
  text-align: center;
}
.util-theme-default .util-prev,
.util-theme-default .util-next {
  display: inline-block;
  padding: 4px 8px;
  margin: 5px;
  background-color: #bbbbbb;
  color: white;
  border-radius: 3px;
  cursor: pointer;
  font-size: 13px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.util-theme-default .util-prev:hover,
.util-theme-default .util-next:hover {
  background-color: #555555;
}
.util-theme-default .util-disable,
.util-theme-default .util-disable:hover {
  background-color: #bbbbbb;
  opacity: 0.4;
  cursor: default;
}
/* ==========================================================================
   $BASE-PICKER
   ========================================================================== */

/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */

.picker {
  font-size: 16px;
  text-align: left;
  line-height: 1.2;
  color: black;
  position: absolute;
  z-index: 10000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/**
 * The picker input element.
 */

.picker__input {
  cursor: default;
}
/**
 * When the picker is opened, the input element is “activated”.
 */

.picker__input.picker__input--active {
  border-color: #0089ec;
}
/**
 * The holder is the only “scrollable” top-level container element.
 */

.picker__holder {
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
/*!
 * Default mobile-first, responsive styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */

/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */

/**
 * Make the holder and frame fullscreen.
 */

.picker__holder,
.picker__frame {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}
/**
 * The holder should overlay the entire screen.
 */

.picker__holder {
  position: fixed;
  transition: background 0.15s ease-out, -webkit-transform 0s 0.15s;
  transition: background 0.15s ease-out, transform 0s 0.15s;
  -webkit-backface-visibility: hidden;
}
/**
 * The frame that bounds the box contents of the picker.
 */

.picker__frame {
  position: absolute;
  margin: 0 auto;
  min-width: 256px;
  max-width: 666px;
  width: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  transition: all 0.15s ease-out;
}
@media (min-height: 33.875em) {
  .picker__frame {
    overflow: visible;
    top: auto;
    bottom: -100%;
    max-height: 80%;
  }
}
@media (min-height: 40.125em) {
  .picker__frame {
    margin-bottom: 7.5%;
  }
}
/**
 * The wrapper sets the stage to vertically align the box contents.
 */

.picker__wrap {
  display: table;
  width: 100%;
  height: 100%;
}
@media (min-height: 33.875em) {
  .picker__wrap {
    display: block;
  }
}
/**
 * The box contains all the picker contents.
 */

.picker__box {
  background: white;
  display: table-cell;
  vertical-align: middle;
}
@media (min-height: 26.5em) {
  .picker__box {
    font-size: 1.25em;
  }
}
@media (min-height: 33.875em) {
  .picker__box {
    display: block;
    font-size: 1.33em;
    border: 1px solid #777777;
    border-top-color: #898989;
    border-bottom-width: 0;
    border-radius: 5px 5px 0 0;
    box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
  }
}
@media (min-height: 40.125em) {
  .picker__box {
    font-size: 1.5em;
    border-bottom-width: 1px;
    border-radius: 5px;
  }
}
/**
 * When the picker opens...
 */

.picker--opened .picker__holder {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)";
  zoom: 1;
  background: rgba(0, 0, 0, 0.32);
  transition: background 0.15s ease-out;
}
.picker--opened .picker__frame {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
@media (min-height: 33.875em) {
  .picker--opened .picker__frame {
    top: auto;
    bottom: 0;
  }
}
/* ==========================================================================
   $BASE-DATE-PICKER
   ========================================================================== */

/**
 * The picker box.
 */

.picker__box {
  padding: 0 1em;
}
/**
 * The header containing the month and year stuff.
 */

.picker__header {
  text-align: center;
  position: relative;
  margin-top: .75em;
}
/**
 * The month and year labels.
 */

.picker__month,
.picker__year {
  font-weight: 500;
  display: inline-block;
  margin-left: .25em;
  margin-right: .25em;
}
.picker__year {
  color: #999999;
  font-size: .8em;
  font-style: italic;
}
/**
 * The month and year selectors.
 */

.picker__select--month,
.picker__select--year {
  border: 1px solid #b7b7b7;
  height: 2em;
  padding: .5em;
  margin-left: .25em;
  margin-right: .25em;
}
@media (min-width: 24.5em) {
  .picker__select--month,
  .picker__select--year {
    margin-top: -0.5em;
  }
}
.picker__select--month {
  width: 35%;
}
.picker__select--year {
  width: 22.5%;
}
.picker__select--month:focus,
.picker__select--year:focus {
  border-color: #0089ec;
}
/**
 * The month navigation buttons.
 */

.picker__nav--prev,
.picker__nav--next {
  position: absolute;
  padding: .5em 1.25em;
  width: 1em;
  height: 1em;
  box-sizing: content-box;
  top: -0.25em;
}
@media (min-width: 24.5em) {
  .picker__nav--prev,
  .picker__nav--next {
    top: -0.33em;
  }
}
.picker__nav--prev {
  left: -1em;
  padding-right: 1.25em;
}
@media (min-width: 24.5em) {
  .picker__nav--prev {
    padding-right: 1.5em;
  }
}
.picker__nav--next {
  right: -1em;
  padding-left: 1.25em;
}
@media (min-width: 24.5em) {
  .picker__nav--next {
    padding-left: 1.5em;
  }
}
.picker__nav--prev:before,
.picker__nav--next:before {
  content: " ";
  border-top: .5em solid transparent;
  border-bottom: .5em solid transparent;
  border-right: 0.75em solid black;
  width: 0;
  height: 0;
  display: block;
  margin: 0 auto;
}
.picker__nav--next:before {
  border-right: 0;
  border-left: 0.75em solid black;
}
.picker__nav--prev:hover,
.picker__nav--next:hover {
  cursor: pointer;
  color: black;
  background: #b1dcfb;
}
.picker__nav--disabled,
.picker__nav--disabled:hover,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover {
  cursor: default;
  background: none;
  border-right-color: whitesmoke;
  border-left-color: whitesmoke;
}
/**
 * The calendar table of dates
 */

.picker__table {
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: inherit;
  width: 100%;
  margin-top: .75em;
  margin-bottom: .5em;
}
@media (min-height: 33.875em) {
  .picker__table {
    margin-bottom: .75em;
  }
}
.picker__table td {
  margin: 0;
  padding: 0;
}
/**
 * The weekday labels
 */

.picker__weekday {
  width: 14.285714286%;
  font-size: .75em;
  padding-bottom: .25em;
  color: #999999;
  font-weight: 500;
  /* Increase the spacing a tad */

}
@media (min-height: 33.875em) {
  .picker__weekday {
    padding-bottom: .5em;
  }
}
/**
 * The days on the calendar
 */

.picker__day {
  padding: .3125em 0;
  font-weight: 200;
  border: 1px solid transparent;
}
.picker__day--today {
  position: relative;
}
.picker__day--today:before {
  content: " ";
  position: absolute;
  top: 2px;
  right: 2px;
  width: 0;
  height: 0;
  border-top: 0.5em solid #0059bc;
  border-left: .5em solid transparent;
}
.picker__day--disabled:before {
  border-top-color: #aaaaaa;
}
.picker__day--outfocus {
  color: #dddddd;
}
.picker__day--infocus:hover,
.picker__day--outfocus:hover {
  cursor: pointer;
  color: black;
  background: #b1dcfb;
}
.picker__day--highlighted {
  border-color: #0089ec;
}
.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
  cursor: pointer;
  color: black;
  background: #b1dcfb;
}
.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
  background: #0089ec;
  color: white;
}
.picker__day--disabled,
.picker__day--disabled:hover,
.picker--focused .picker__day--disabled {
  background: whitesmoke;
  border-color: whitesmoke;
  color: #dddddd;
  cursor: default;
}
.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
  background: #bbbbbb;
}
/**
 * The footer containing the "today", "clear", and "close" buttons.
 */

.picker__footer {
  text-align: center;
}
.picker__button--today,
.picker__button--clear,
.picker__button--close {
  border: 1px solid white;
  background: white;
  font-size: .8em;
  padding: .66em 0;
  font-weight: bold;
  width: 33%;
  display: inline-block;
  vertical-align: bottom;
}
.picker__button--today:hover,
.picker__button--clear:hover,
.picker__button--close:hover {
  cursor: pointer;
  color: black;
  background: #b1dcfb;
  border-bottom-color: #b1dcfb;
}
.picker__button--today:focus,
.picker__button--clear:focus,
.picker__button--close:focus {
  background: #b1dcfb;
  border-color: #0089ec;
  outline: none;
}
.picker__button--today:before,
.picker__button--clear:before,
.picker__button--close:before {
  position: relative;
  display: inline-block;
  height: 0;
}
.picker__button--today:before,
.picker__button--clear:before {
  content: " ";
  margin-right: .45em;
}
.picker__button--today:before {
  top: -0.05em;
  width: 0;
  border-top: 0.66em solid #0059bc;
  border-left: .66em solid transparent;
}
.picker__button--clear:before {
  top: -0.25em;
  width: .66em;
  border-top: 3px solid #ee2200;
}
.picker__button--close:before {
  content: "\D7";
  top: -0.1em;
  vertical-align: top;
  font-size: 1.1em;
  margin-right: .35em;
  color: #777777;
}
.picker__button--today[disabled],
.picker__button--today[disabled]:hover {
  background: whitesmoke;
  border-color: whitesmoke;
  color: #dddddd;
  cursor: default;
}
.picker__button--today[disabled]:before {
  border-top-color: #aaaaaa;
}
/* ==========================================================================
   $DEFAULT-DATE-PICKER
   ========================================================================== */

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */

/*
 *  Owl Carousel - Core
 */

.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
  /* fix firefox animation glitch */

}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}
/* No Js */

.no-js .owl-carousel {
  display: block;
}
/*
 *  Owl Carousel - Animate Plugin
 */

.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*
 * 	Owl Carousel - Auto Height Plugin
 */

.owl-height {
  transition: height 500ms ease-in-out;
}
/*
 * 	Owl Carousel - Lazy Load Plugin
 */

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item .owl-lazy[src^=""],
.owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve- 3 d;
}
/*
 * 	Owl Carousel - Video Plugin
 */

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: black;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("/cassette.axd/file/Content/Images/OwlCarousel/owl.video.play-c0d64356ec2758cb280d183b4829c923e5ff61e5.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}
.owl-carousel {
  position: relative;
}
.owl-carousel .owl-nav {
  opacity: 0;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
  position: absolute;
  top: 50%;
  width: 40px;
  height: 100%;
  transform: translateY(-50%);
  box-shadow: none;
  border-radius: 0;
  outline: none;
}
.owl-carousel .owl-nav .owl-prev span,
.owl-carousel .owl-nav .owl-next span {
  font-size: 60px;
  color: white;
}
.owl-carousel .owl-nav .owl-prev {
  left: 0;
}
.owl-carousel .owl-nav .owl-next {
  right: 0;
}
.owl-carousel.owl-rtl .owl-nav {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.owl-carousel.owl-rtl .owl-nav .owl-prev {
  left: auto;
  right: 0;
}
.owl-carousel.owl-rtl .owl-nav .owl-next {
  left: 0;
  right: auto;
}
/*!
 * fullPage 3.0.3
 * https://github.com/alvarotrigo/fullPage.js
 *
 * @license GPLv3 for open source use only
 * or Fullpage Commercial License for commercial use
 * http://alvarotrigo.com/fullPage/pricing/
 *
 * Copyright (C) 2018 http://alvarotrigo.com/fullPage - A project by Alvaro Trigo
 */

html.fp-enabled,
.fp-enabled body {
  margin: 0;
  padding: 0;
  overflow: hidden;
  /*Avoid flicker on slides transitions for mobile phones #336 */
  -webkit-tap-highlight-color: transparent;
}
.fp-section {
  position: relative;
  -webkit-box-sizing: border-box;
  /* Safari<=5 Android<=3 */
  -moz-box-sizing: border-box;
  /* <=28 */
  box-sizing: border-box;
}
.fp-slide {
  float: left;
}
.fp-slide,
.fp-slidesContainer {
  height: 100%;
  display: block;
}
.fp-slides {
  z-index: 1;
  height: 100%;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.3s ease-out;
  /* Safari<=6 Android<=4.3 */
  transition: all 0.3s ease-out;
}
.fp-section.fp-table,
.fp-slide.fp-table {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.fp-tableCell {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}
.fp-slidesContainer {
  float: left;
  position: relative;
}
.fp-controlArrow {
  -webkit-user-select: none;
  /* webkit (safari, chrome) browsers */
  -moz-user-select: none;
  /* mozilla browsers */
  -khtml-user-select: none;
  /* webkit (konqueror) browsers */
  -ms-user-select: none;
  /* IE10+ */
  position: absolute;
  z-index: 4;
  top: 50%;
  cursor: pointer;
  width: 0;
  height: 0;
  border-style: solid;
  margin-top: -38px;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.fp-controlArrow.fp-prev {
  left: 15px;
  width: 0;
  border-width: 38.5px 34px 38.5px 0;
  border-color: transparent white transparent transparent;
}
.fp-controlArrow.fp-next {
  right: 15px;
  border-width: 38.5px 0 38.5px 34px;
  border-color: transparent transparent transparent white;
}
.fp-scrollable {
  overflow: hidden;
  position: relative;
}
.fp-scroller {
  overflow: hidden;
}
.iScrollIndicator {
  border: 0 !important;
}
.fp-notransition {
  -webkit-transition: none !important;
  transition: none !important;
}
#fp-nav {
  position: fixed;
  z-index: 100;
  margin-top: -32px;
  top: 50%;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
}
#fp-nav.fp-right {
  right: 17px;
}
#fp-nav.fp-left {
  left: 17px;
}
.fp-slidesNav {
  position: absolute;
  z-index: 4;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  left: 0 !important;
  right: 0;
  margin: 0 auto !important;
}
.fp-slidesNav.fp-bottom {
  bottom: 17px;
}
.fp-slidesNav.fp-top {
  top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
  display: block;
  width: 14px;
  height: 13px;
  margin: 7px;
  position: relative;
}
.fp-slidesNav ul li {
  display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span {
  height: 12px;
  width: 12px;
  margin: -6px 0 0 -6px;
  border-radius: 100%;
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
  border-radius: 50%;
  position: absolute;
  z-index: 1;
  height: 4px;
  width: 4px;
  border: 0;
  background: #333333;
  left: 50%;
  top: 50%;
  margin: -2px 0 0 -2px;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span {
  width: 10px;
  height: 10px;
  margin: -5px 0px 0px -5px;
}
#fp-nav ul li .fp-tooltip {
  position: absolute;
  top: -2px;
  color: white;
  font-size: 14px;
  font-family: arial, helvetica, sans-serif;
  white-space: nowrap;
  max-width: 220px;
  overflow: hidden;
  display: block;
  opacity: 0;
  width: 0;
  cursor: pointer;
}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
  -webkit-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
  width: auto;
  opacity: 1;
}
#fp-nav ul li .fp-tooltip.fp-right {
  right: 20px;
}
#fp-nav ul li .fp-tooltip.fp-left {
  left: 20px;
}
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell {
  height: auto !important;
}
.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
  height: auto !important;
}
/*Only display content to screen readers*/

.fp-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.footnote .row {
  padding-top: 48px;
  padding-bottom: 48px;
  border-top: 1px solid #cccccc;
}
html {
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  /* Prevent font scaling in landscape while allowing user zoom */

}
html,
body {
  height: 100%;
}
body {
  font-family: "omnes-pro", helvetica, arial, sans-serif;
  color: #575757;
  font-size: 19px;
  line-height: 1.6;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 0 none;
  margin: 0;
  padding: 0;
}
.top-wrapper {
  position: fixed;
  bottom: -25px;
  left: 50%;
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 1000;
  font-size: 1.3em;
  text-align: center;
  line-height: 0;
  width: 50px;
  height: 50px;
  color: white;
  background: #333333;
  -webkit-border-radius: 100% 100% 0 0;
  -moz-border-radius: 100% 100% 0 0;
  border-radius: 100% 100% 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
}
.touch .top-wrapper {
  bottom: -35px;
  font-size: 1.6em;
  width: 80px;
  height: 80px;
}
.touch .top-wrapper i {
  padding-top: 0.2em;
}
a.img-link {
  display: inline-block;
}
a.img-link img {
  display: block;
}
svg {
  fill: #7893a3;
}
a:hover {
  opacity: 0.7;
}
a.fancybox-close {
  border: 2px solid white;
  text-decoration: none;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-family: "fontAwesome";
  text-align: center;
}
a.fancybox-close:after {
  color: white;
  content: "\f00d";
}
a.fancybox-close:hover {
  text-decoration: none;
}
.fancybox-inner {
  -webkit-overflow-scrolling: touch;
}
.items {
  zoom: 1;
}
.items:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  clear: both;
}
.items:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  clear: both;
}
header.site-header {
  position: fixed;
  width: 100%;
  z-index: 100;
  background: #7893a3;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
}
header.site-header nav {
  padding-top: 24px;
  padding-bottom: 24px;
  color: white;
}
header.site-header .row {
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
}
header.site-header.tiny {
  padding: 0;
}
header.site-header.tiny .nav-wrapper,
header.site-header.tiny .search-wrapper {
  padding-left: 0;
  padding-right: 0;
}
header.site-header.tiny .row {
  max-width: 100%;
}
header.site-header.tiny nav {
  padding-top: 12px;
  padding-bottom: 12px;
}
header.site-header.tiny nav .logo {
  max-width: 90px;
  position: relative;
}
header.site-header.tiny nav .logo svg {
  width: 90px;
  height: 35px;
}
header.site-header .mega-nav {
  background: white;
  border-bottom: 1px solid #dddddd;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
header.site-header .mega-nav .close {
  position: absolute;
  top: 12px;
  width: 96%;
  text-align: center;
  font-size: 1.8em;
  z-index: 1000;
  cursor: pointer;
}
header.site-header .mega-nav .close:hover {
  opacity: 0.7;
}
header.site-header .mega-nav .close span {
  display: inline-block;
  position: relative;
  height: 36px;
  width: 36px;
}
header.site-header .mega-nav .close span:after,
header.site-header .mega-nav .close span:before {
  background: black;
  height: 3px;
  content: "";
  display: block;
  position: absolute;
  top: -6px;
  width: 100%;
}
header.site-header .mega-nav .close span:after {
  -webkit-transform: rotate(45deg) translateX(18px) translateY(18px);
  -moz-transform: rotate(45deg) translateX(18px) translateY(18px);
  -o-transform: rotate(45deg) translateX(18px) translateY(18px);
  -ms-transform: rotate(45deg) translateX(18px) translateY(18px);
  transform: rotate(45deg) translateX(18px) translateY(18px);
}
header.site-header .mega-nav .close span:before {
  -webkit-transform: rotate(-45deg) translateX(-18px) translateY(18px);
  -moz-transform: rotate(-45deg) translateX(-18px) translateY(18px);
  -o-transform: rotate(-45deg) translateX(-18px) translateY(18px);
  -ms-transform: rotate(-45deg) translateX(-18px) translateY(18px);
  transform: rotate(-45deg) translateX(-18px) translateY(18px);
}
header.site-header .mega-nav ul {
  list-style-type: none;
}
header.site-header .mega-nav ul li {
  display: block;
}
header.site-header .mega-nav .nav {
  padding: 6em 0 4em 0;
  font-size: 0.75em;
  line-height: 1.3;
  zoom: 1;
}
header.site-header .mega-nav .nav:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  clear: both;
}
header.site-header .mega-nav .nav:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  clear: both;
}
header.site-header .mega-nav .nav .column {
  width: 20%;
  padding: 0 1%;
  float: left;
}
header.site-header .mega-nav .nav .column a.first {
  text-transform: uppercase;
  font-weight: 500;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 1em;
}
header.site-header .mega-nav .nav a {
  text-decoration: none;
  color: #333333;
  font-weight: 500;
  display: block;
  padding: 0.4em 0.3em;
}
header.site-header .mega-nav.dark-theme {
  background: #1b1b1b;
}
header.site-header .mega-nav.dark-theme .nav a {
  color: white;
}
header.site-header ul.mobile-nav.dark-theme {
  background: #1b1b1b;
}
header.site-header ul.mobile-nav.dark-theme li {
  border-bottom: 1px solid #404040;
}
header.site-header ul.mobile-nav.dark-theme li a {
  color: white;
}
header.site-header ul.mobile-nav.dark-theme li a.selected {
  background: #404040;
}
header.site-header.dark-theme .logo svg path {
  fill: black;
}
header.site-header.dark-theme .main-nav li a {
  color: black;
}
header.site-header.dark-theme i {
  color: black;
}
.js .mega-nav {
  display: none;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 5001;
}
.js.touch .mega-nav .nav {
  padding-bottom: 1em;
}
.js.touch .mega-nav .nav a {
  padding: 0.6em 0.3em;
}
.search-wrapper {
  display: none;
  padding-top: 15px;
  padding-bottom: 15px;
  background: rgba(0, 0, 0, 0.05);
}
.search-wrapper h1.filter-label {
  margin-top: 0.3em;
  color: white;
}
.search-wrapper .h1 {
  float: left;
  margin-right: 12px;
  font-size: 1em;
  line-height: 1.4;
}
.search-wrapper input,
.search-wrapper select {
  display: block;
}
.search-wrapper select {
  float: left;
  width: auto;
  margin-top: 0.25em;
  margin-right: 7px;
  font-size: 0.85em;
}
.search-wrapper input[type="submit"] {
  background: #e1e2e1;
  padding: 6px 0;
  float: right;
  width: 50px;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
}
.search-wrapper input[type="submit"]:hover {
  background: #c7c9c7 !important;
  box-shadow: none !important;
  color: white !important;
}
.search-wrapper .search-form {
  zoom: 1;
  width: 33%;
  max-width: 560px;
  float: right;
  background: white;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.search-wrapper .search-form:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  clear: both;
}
.search-wrapper .search-form:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  clear: both;
}
.search-wrapper .search-form input[type="search"],
.search-wrapper .search-form input[type="text"] {
  float: left;
  width: 100%;
  max-width: calc(100% - 160px);
  padding: 7px 7px 6px 7px;
  background: none;
}
.search-wrapper .search-form .actions {
  float: right;
  min-width: 146px;
}
@media handheld, only screen and (max-width: 800px) {
  .search-wrapper .search-form .actions {
    min-width: 1px;
  }
}
.search-wrapper .search-form .actions select {
  padding: 2px 0;
  margin-top: 6px;
  margin-right: 5px;
  font-size: 15px;
}
.search-wrapper .search-form .actions input [type="submit"] {
  padding: 9px;
}
.search-wrapper .search-title {
  float: left;
  color: white;
  font-weight: 500;
  line-height: 37px;
}
.search-wrapper .search-title .productCategories {
  max-width: 160px;
}
.search-wrapper .search-title .antennaTypes {
  max-width: 180px;
}
.search-wrapper .search-title .productTypes {
  max-width: 150px;
}
.search-wrapper .search-title .productBrands {
  max-width: 90px;
}
nav {
  list-style-type: none;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
}
nav .logo {
  float: left;
  display: block;
  max-width: 140px;
  top: 5px;
  position: relative;
  -webkit-transition: all .3s;
  transition: all .3s;
}
nav .logo svg {
  width: 140px;
  height: 30px;
  display: block;
  fill: white;
}
nav ul {
  float: right;
  padding: 0;
}
nav ul li {
  display: inline-block;
  color: white;
}
nav ul li a {
  display: block;
  text-decoration: none;
  color: white;
  font-weight: 500;
  font-size: 0.9em;
  padding: 0.5em;
}
nav ul li i.fa {
  font-size: 1.2em;
  margin-left: 1em;
  position: relative;
  top: 2px;
  cursor: pointer;
}
nav ul li i.fa:hover {
  opacity: 0.7;
}
footer {
  background: white;
  border-top: 1px solid #eeeeee;
  position: relative;
  z-index: 101;
}
footer .footer-links {
  padding-top: 5em;
  padding-bottom: 5em;
  font-size: 0.7em;
}
footer .sharing-links {
  float: left;
}
footer .sharing-links span {
  display: inline-block;
  margin-right: 1em;
  text-transform: uppercase;
  font-size: 1em;
}
footer .sharing-links a {
  display: inline-block;
  padding: 0 0.5em;
  font-size: 1.1em;
}
footer .sharing-links a .fa-twitter {
  font-size: 1.2em;
  position: relative;
  top: 1px;
}
footer ul.utils {
  float: right;
}
footer ul.utils li {
  display: inline-block;
}
footer ul.utils li a {
  display: block;
  padding: 0 1em;
}
footer a {
  text-decoration: none;
  color: #333333;
  padding: 0.3em 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-weight: 600;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a {
  border-bottom: 2px dotted #cccccc;
}
h1strong,
h2strong,
h3strong,
h4strong,
h5strong,
h6strong,
.h1strong,
.h2strong,
.h3strong,
.h4strong,
.h5strong,
.h6strong {
  font-weight: 600;
}
h1,
.h1 {
  font-size: 2.5em;
  margin: 0.2em 0;
  line-height: 1.2;
}
h2,
.h2 {
  font-size: 1.5em;
  margin: 0.3em 0;
  line-height: 1.4;
}
h3,
.h3 {
  font-size: 1.3em;
  margin: 1em 0;
  line-height: 1.3;
}
h4,
.h4 {
  font-size: 1.1em;
  margin: 1em 0 0.3em 0;
  line-height: 1.3;
}
h5,
.h5 {
  font-size: 1em;
  margin: 1em 0 0.3em 0;
  line-height: 1.3;
  font-weight: 600;
}
h6,
.h6 {
  font-size: 0.9em;
  margin: 1em 0 0.3em 0;
  line-height: 1.3;
  font-weight: 600;
}
p {
  margin: 1em 0;
}
p:first-child {
  margin-top: 0;
}
p:last-child {
  margin-bottom: 0;
}
.label-required:after {
  content: "*";
}
small {
  font-size: 0.65rem;
  letter-spacing: 0.02rem;
}
.main-content {
  min-height: 85%;
  position: relative;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
}
.featured-program {
  background: white;
}
.featured-program.search-open .text-page-wrapper {
  padding-top: 8em;
}
.featured-program .text-page-wrapper {
  padding-top: 6em;
  padding-bottom: 5em;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
}
.featured-program .content-width {
  max-width: 900px;
}
.featured-program.featured-program .main-content {
  background: #2dc4d3;
}
.featured-program.featured-program .main-content .text-page-wrapper {
  background: white;
}
.featured-program.featured-program .main-content header {
  background: #2dc4d3;
}
.featured-program.featured-program .main-content header.tiny {
  background: #28b1bf;
}
.featured-program.featured-program .main-content .rich-text a {
  color: #1f8a94;
}
.service-header {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  text-align: center;
  color: white;
  padding-top: 9em;
  padding-bottom: 5em;
  background: #7893a3;
}
.service-header .content-width {
  max-width: 900px;
  margin: 0 auto;
}
.service-header h1,
.service-header h2,
.service-header .h2 {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}
.service-header svg {
  fill: white;
}
.service-header a {
  color: white;
  text-decoration: none;
}
.service-header a span {
  color: white;
}
.service-header .icons {
  margin-top: 2em;
}
.service-header .icons span.icon,
.service-header .icons a.icon {
  width: 100px;
}
.service-header .icons span.icon svg,
.service-header .icons a.icon svg {
  width: 90px;
  height: 90px;
}
.service-header .icons span.icon .label,
.service-header .icons a.icon .label {
  display: block;
  font-size: 13px;
  font-weight: 600;
}
.video-wrapper {
  position: relative;
}
.video-wrapper span {
  position: absolute;
  top: 1px;
  bottom: 1px;
  right: 1px;
  left: 1px;
  text-align: center;
  background: rgba(0, 0, 0, 0.1) url(/cassette.axd/file/content/images/play-7593ace821dc9f70a1e4252dac6f701421f1e237.svg) center center no-repeat;
  opacity: 0.7;
  background-size: 15%;
  max-width: 100% !important;
}
.content-block {
  background: white;
}
.content-block h3 {
  text-transform: uppercase;
  font-size: 1.1em;
  font-weight: 600;
}
.content-block.content-block-banner {
  padding: 0;
  padding-bottom: 2px;
  position: relative;
}
.content-block.content-block-banner .banner-wrapper {
  display: block;
}
.content-block.content-block-banner span.overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.1);
}
.content-block.content-block-banner img.full-banner {
  display: block;
  width: 100%;
}
.content-block.content-block-banner .text-wrapper {
  position: absolute;
  width: 100%;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.content-block.content-block-banner .text-wrapper .content-width {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
  color: white;
}
.content-block.content-block-banner .text-wrapper .content-width h3 {
  font-size: 2em;
  font-weight: 500;
}
.content-block.gallery {
  padding: 1px 0 0 0!important;
  background: white;
}
.content-block.gallery .row {
  max-width: 100%;
  padding-bottom: 70px;
}
@media handheld, only screen and (max-width: 1480px) {
  .content-block.gallery .row {
    padding-bottom: 35px;
  }
}
.content-block.gallery .text-wrapper {
  max-width: 400px;
  margin: 0 auto;
}
.content-block.gallery div,
.content-block.gallery a {
  display: block;
  text-decoration: none;
}
.content-block.gallery div h3,
.content-block.gallery a h3,
.content-block.gallery div h4,
.content-block.gallery a h4,
.content-block.gallery div h5,
.content-block.gallery a h5 {
  margin: 0.5em auto 0.5em auto;
}
.home .content-block.gallery div h3,
.home .content-block.gallery a h3,
.home .content-block.gallery div h4,
.home .content-block.gallery a h4,
.home .content-block.gallery div h5,
.home .content-block.gallery a h5 {
  max-width: 370px;
}
.content-block.gallery div h4,
.content-block.gallery a h4 {
  font-size: 0.8em;
  color: #848484;
  text-align: center;
  font-weight: 500;
}
.content-block.gallery div h3,
.content-block.gallery a h3 {
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 1.2em;
  color: black;
}
.home .content-block.gallery div h3,
.home .content-block.gallery a h3 {
  font-weight: 600;
}
.content-block.gallery div h5,
.content-block.gallery a h5 {
  text-align: center;
  font-size: 0.8em;
  color: #333333;
  font-weight: 500;
}
.content-block.gallery div img,
.content-block.gallery a img {
  display: block;
  margin-bottom: 2.8em;
  padding-left: 1px;
  padding-right: 1px;
  background: white;
}
.home .content-block.gallery div img,
.home .content-block.gallery a img {
  margin-bottom: 1.3em;
}
.content-block.gallery div.video-wrapper,
.content-block.gallery a.video-wrapper {
  padding-bottom: 0;
}
.content-block.gallery .videoLink {
  display: block;
}
@media handheld, only screen and (max-width: 800px) {
  .content-block.gallery .gallery-item {
    padding-bottom: 1em;
  }
}
.content-block.gallery .gallery-item img {
  margin-bottom: 0;
}
.full-width-text {
  text-align: center;
}
.full-width-text.themed-hero-richtext-block {
  color: white;
  padding-top: 3em;
  padding-bottom: 3em;
}
.full-width-text.themed-hero-richtext-block img {
  display: block;
  margin: 0 auto;
}
.full-width-text.themed-hero-richtext-block a {
  color: white;
}
.youll-need-content-block {
  text-align: center;
  background: #f7f8f9;
  padding-top: 5em;
  padding-bottom: 5em;
}
.youll-need-content-block h4 {
  margin: 0 0 1em 0;
  font-size: 2em;
}
.youll-need-content-block h5 {
  text-transform: uppercase;
  text-align: center;
  margin: 0 0 1em 0;
}
.youll-need-content-block .logical {
  position: relative;
  top: 25px;
  margin: 0 0.3em;
  display: inline-block;
  line-height: 1;
  text-transform: uppercase;
  font-size: 1em;
  font-weight: 600;
  color: #686868;
}
.image-left-content-block,
.image-right-content-block {
  padding: 0;
}
.image-left-content-block h3,
.image-right-content-block h3 {
  margin-top: 0;
}
.image-left-content-block img,
.image-right-content-block img {
  display: block;
}
.image-left-content-block .row,
.image-right-content-block .row {
  max-width: 100%;
  position: relative;
}
@media handheld, only screen and (min-width: 1023px) {
  .image-left-content-block .img-left-right-wrap,
  .image-right-content-block .img-left-right-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.image-left-content-block .img-left-right-wrap .rich-text,
.image-right-content-block .img-left-right-wrap .rich-text {
  padding: 3em;
}
@media handheld, only screen and (min-width: 1023px) {
  .image-right-content-block .img-left-right-wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
.image-right-content-block .img-left-right-wrap .rich-text {
  padding: 3em;
}
.image-right-content-block .image-wrapper {
  float: right;
}
.no-svg-icon:nth-child(even) {
  background: #f7f8f9;
}
.svg-icon-content-block {
  padding-top: 3em;
  padding-bottom: 3em;
}
.svg-icon-content-block .content-width {
  max-width: 900px;
  margin: 0 auto;
}
.svg-icon-content-block h3 {
  margin-top: 0;
}
.svg-icon-content-block .image-wrapper span {
  display: block;
  padding-right: 1em;
  margin-top: 0.4em;
}
.svg-icon-content-block .image-wrapper span svg {
  width: 144px;
  height: 144px;
  display: block;
}
.svg-icon-content-block.image-right-content-block .image-wrapper {
  padding: 0 0 0 1em;
}
.content-block .twelvecol.rich-text {
  padding-top: 3em;
  padding-bottom: 3em;
}
.content-block .content-width {
  max-width: 900px;
  padding-left: 50px;
  padding-right: 50px;
  margin: 0 auto;
}
.icons {
  display: inline-block;
}
.icons span.icon,
.icons a.icon {
  vertical-align: text-top;
  margin: 0 1em;
  display: inline-block;
  line-height: 1.2;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 400;
  color: #686868;
  width: 80px;
}
.icons span.icon svg,
.icons a.icon svg {
  width: 70px;
  height: 70px;
  margin-bottom: 0.5em;
}
.icons span.icon .label,
.icons a.icon .label {
  display: block;
  text-align: center;
}
.icons span.icon .label div,
.icons a.icon .label div {
  text-transform: none;
}
.icons a.icon {
  text-decoration: none;
}
.top-icon-container {
  padding-top: 7em;
}
.bottom-icon-container {
  padding-bottom: 7em;
}
.selected-products,
.selected-brands {
  text-align: center;
  background: #f7f8f9;
  padding-bottom: 2em;
  padding-top: 2em;
}
.selected-products h3,
.selected-brands h3 {
  text-transform: uppercase;
  margin-bottom: 1.4em;
  font-weight: 500;
}
.selected-products h3 span,
.selected-brands h3 span {
  font-weight: 600;
}
.freeviewplus .selected-products.selected-products h3,
.freeviewplus .selected-brands.selected-products h3 {
  display: none;
}
.selected-products.selected-brands,
.selected-brands.selected-brands {
  padding-bottom: 1em;
  padding-top: 3em;
}
.selected-products.selected-brands .img-link,
.selected-brands.selected-brands .img-link {
  padding: 0 1em;
}
.selected-products.selected-brands h3,
.selected-brands.selected-brands h3 {
  margin-bottom: 1.2em;
  margin-top: 0;
}
.service-links {
  background: #f7f8f9;
  padding-bottom: 5em;
}
.service-links a {
  display: block;
  line-height: 1;
  padding: 1em 0 !important;
  text-align: center;
  color: white;
  text-decoration: none;
  font-weight: 600;
  font-size: 1.4em;
  width: 95.2% !important;
}
.service-links a.equip-link {
  background: #990026;
  margin-right: 1.3%;
  margin-left: 3.4%;
}
.service-links a.retail-link {
  background: #959597;
  margin-left: 1.3%;
  margin-right: 3.4%;
}
.featured-product-wrapper {
  zoom: 1;
  padding: 0 3%;
  margin-bottom: 2em;
}
.featured-product-wrapper:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  clear: both;
}
.featured-product-wrapper:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  clear: both;
}
.featured-product-wrapper .product.product-featured {
  width: 100%;
  margin-bottom: 0;
  margin: 0;
  float: none;
}
.featured-product-wrapper .product.product-featured a {
  display: block;
}
.featured-product-wrapper .product.product-featured .icons {
  display: table;
}
.featured-product-wrapper .product.product-featured .icons a {
  display: table-cell;
}
.separator {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
.sub-name {
  display: inline-block;
  text-transform: none;
  padding: 0;
  color: #9b9b9b;
  font-weight: 500;
}
a.btn-reset-filters {
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  font-weight: 400;
  color: currentColor;
}
a.btn-reset-filters i {
  color: currentColor;
}
.product {
  background: white;
  width: 23%;
  margin: 0 1%;
  display: block;
  float: left;
  text-align: center;
  padding-bottom: 1em;
  padding-top: 40px;
  margin-bottom: 2em;
  position: relative;
}
.product a {
  text-decoration: none;
  color: black;
}
.product .icons {
  display: table;
  position: absolute;
  width: 100%;
  top: 20px;
  height: 40px;
}
.product .icons a,
.product .icons span {
  display: table-cell;
  vertical-align: middle;
  line-height: 1;
  color: #cccccc;
  font-weight: bold;
  text-align: center;
}
.product .icons a.left-td,
.product .icons span.left-td {
  text-align: right;
}
.product .icons a.right-td,
.product .icons span.right-td {
  text-align: left;
}
.product .icons svg {
  width: 40px;
  height: 40px;
  fill: #cccccc;
}
.product img {
  display: block;
  padding: 1em;
  margin: 0 auto;
}
.product span {
  display: block;
  padding: 0 1em;
}
.product .separator {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
.product .brand {
  text-transform: uppercase;
  font-weight: 500;
  margin: 1em 0 0.3em 0;
  line-height: 1.1;
}
.product .sub-name {
  display: block;
  text-transform: none;
  padding: 0;
  color: #9b9b9b;
  font-weight: 500;
  margin-bottom: 24px;
}
.product .fv-option {
  font-size: 12px;
  font-weight: 600;
  color: #777777;
}
.product .type {
  font-size: 0.8em;
  line-height: 1.2;
}
.product .model {
  text-transform: uppercase;
  color: #848484;
  font-size: 0.8em;
  font-weight: 500;
  margin: 1em 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product .price {
  margin: 1em 0 0 0;
  font-size: 0.8em;
}
.product .product-notes {
  font-size: 0.7em;
}
.standard-paging {
  text-align: center;
  padding: 1em 0 3em 0;
}
.standard-paging a {
  display: inline-block;
  text-decoration: none;
  color: #333333;
  max-width: 50%;
  min-width: 150px;
  margin: 0 0.85%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-transform: uppercase;
  padding: 10px;
  font-size: 0.8em;
  font-weight: 500;
  background: #e8ebf2;
}
.standard-paging a i {
  font-size: 0.8em;
  margin: 0 0.2em;
}
.standard-paging .pg-count {
  font-size: 0.7em;
  padding-top: 1em;
  text-transform: uppercase;
}
.js .search-title input[type="submit"] {
  display: none;
}
.product-details {
  background: white;
}
.product-details .product-wrapper {
  padding: 8em 0;
  background: white;
}
.product-details .main-content {
  background: #7893a3;
}
.product-details .main-content header {
  background: #7893a3;
}
.product-details .main-content header.tiny {
  background: #698799;
}
.product-details .main-content .content-block svg {
  fill: #7893a3;
}
.js-coverage-result a:hover {
  text-decoration: none;
}
.js-coverage-result .button {
  display: block;
  margin: 0;
  margin-bottom: 5px;
}
.record .js-coverage-result .button {
  background-color: darkorange;
}
.live-tv .js-coverage-result .button {
  background-color: #cc0033;
}
.on-demand .js-coverage-result .button {
  background-color: #2dc4d3;
}
.js-coverage-result .button a {
  color: white;
}
.js-coverage-result .button a:hover {
  text-decoration: none;
}
.get-freeview.installers-page .text-page-wrapper,
.get-freeview.retailers-page .text-page-wrapper {
  padding-top: 72px;
  padding-bottom: 72px;
}
@media handheld, only screen and (max-width: 800px) {
  .get-freeview.installers-page .text-page-wrapper,
  .get-freeview.retailers-page .text-page-wrapper {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
.get-freeview.installers-page .content-width,
.get-freeview.retailers-page .content-width {
  max-width: 900px;
}
.retailer-websites {
  zoom: 1;
}
.retailer-websites:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  clear: both;
}
.retailer-websites:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  clear: both;
}
.retailer-websites a {
  display: block;
  float: left;
  width: 16.6%;
}
.retailer-websites img {
  display: block;
  padding: 2px;
}
.diy {
  float: right;
}
#retailers,
#installers {
  font-size: 0.85em;
}
#retailers div,
#installers div,
#retailers h4,
#installers h4,
#retailers h3,
#installers h3 {
  zoom: 1;
  margin: 0;
}
#retailers div:after,
#installers div:after,
#retailers h4:after,
#installers h4:after,
#retailers h3:after,
#installers h3:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  clear: both;
}
#retailers div:after,
#installers div:after,
#retailers h4:after,
#installers h4:after,
#retailers h3:after,
#installers h3:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  clear: both;
}
#retailers h4,
#installers h4,
#retailers h3,
#installers h3 {
  margin-bottom: 0.3em;
}
#retailers a,
#installers a,
#retailers span,
#installers span {
  display: block;
  float: left;
  width: 90%;
}
#retailers i,
#installers i {
  display: block;
  float: left;
  width: 20px;
  position: relative;
  top: 0.3em;
  color: #7893a3;
}
.banner img {
  display: block;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#retailers .retailer {
  background: white;
  padding: 1em;
  float: left;
  width: 49%;
  margin: 0.3em 0.5%;
}
#retailers .retailer a {
  text-decoration: none;
  color: #333333;
}
#installers .installer {
  background: #f8f9fb;
  padding: 1em;
  float: left;
  width: 49%;
  margin: 0.3em 0.5%;
}
#installers .installer h3,
#installers .installer h4 {
  margin: 0;
  line-height: 1.5;
  font-size: 1em;
}
#installers .installer a {
  text-decoration: none;
  color: #333333;
}
.faq {
  background: white;
  padding-top: 7em;
}
.helpful {
  background: #e5e3e3;
  padding: 1em 2em;
  margin-top: 1em;
}
.helpful .button {
  color: white;
  padding: 0.5em 1.5em;
  margin: 0 0 0 0.8em;
  min-width: 0;
  background: #6d6d6d;
  text-transform: uppercase;
  font-size: 1em;
  cursor: pointer;
}
.helpful .yes {
  background: #8ba4b2;
}
.helpful .checkyes {
  display: none;
  margin-left: 5px;
  margin-right: 0;
  line-height: 0;
}
.helpful strong {
  color: #6d6d6d;
}
.helpful .sharing-links {
  display: none;
  margin-top: 0.3em;
  float: right;
  font-size: 0.9em;
}
.helpful .sharing-links span {
  display: inline-block;
  margin-right: 1em;
  text-transform: uppercase;
  font-size: 1em;
  color: #6d6d6d;
}
.helpful .sharing-links a {
  display: inline-block;
  padding: 0 0.5em;
  color: #6d6d6d;
}
.helpful .sharing-links a .fa-twitter {
  font-size: 1.2em;
  position: relative;
  top: 1px;
}
.is-this-right .items {
  display: table;
  width: 100%;
}
.is-this-right .items h3 {
  display: table-cell;
  background: #990026;
  border: 5px solid white;
  font-size: 32px;
  color: white;
  text-align: center;
  /*width: 50%;
            padding: @s*3;*/
  width: calc(33.333333333%);
  padding: 48px;
}
.is-this-right .items h3 a {
  color: white;
}
@media handheld, only screen and (max-width: 800px) {
  .is-this-right .items {
    display: block;
  }
  .is-this-right .items h3 {
    display: block;
    width: auto;
    margin-bottom: 24px;
  }
}
.tv-guide-listing.search-open .whats-on-banner {
  padding-top: 5em;
}
.tv-guide-listing .main-content {
  background: #2dc4d3;
}
.tv-guide-listing .whats-on-banner {
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s;
}
.tv-guide-listing .whats-on-banner .button.outlined {
  color: white !important;
  box-shadow: 0px 0px 0px 2px white inset !important;
}
.tv-guide-listing .whats-on-banner .bg {
  position: relative;
  background-size: cover;
  background-position: center top;
  padding: 12em 2% 10em 2%;
}
.tv-guide-listing .whats-on-banner .bg a {
  position: relative;
  z-index: 11;
}
.tv-guide-listing .whats-on-banner .bg span {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
  background: rgba(0, 0, 0, 0.3);
}
.tv-guide-listing .content-width {
  max-width: 1024px;
}
.tv-guide-listing header {
  background: none;
}
.tv-guide-listing header.tiny {
  background: #333333;
}
.tv-guide-listing .app-remote {
  background: white;
  padding-top: 5em;
  padding-bottom: 5em;
}
.tv-guide-listing .app-remote .app-store-icons {
  padding-top: 24px;
}
.tv-guide-listing .app-remote .button {
  background: #2dc4d3;
  margin: 0;
}
.tv-guide-listing .app-remote .rich-text {
  min-height: 160px;
}
.tv-guide-listing .app-remote .rich-text img {
  display: none;
}
.tv-guide-listing .app-remote .itunes {
  margin-right: 0.5em;
}
.tv-guide-listing .channels {
  background: #f8f9fb;
  padding-top: 5em;
  padding-bottom: 5em;
}
.tv-guide-listing .channels .channel-categories span.selected {
  background: #2dc4d3;
}
.tv-guide-listing .on-demand-channels {
  background: #2dc4d3;
  padding-top: 3em;
  padding-bottom: 3em;
  color: white;
  text-align: center;
}
.tv-guide-listing .on-demand-channels ul {
  list-style-type: none;
  padding: 0;
}
.tv-guide-listing .on-demand-channels ul li {
  display: inline-block;
  width: 250px;
  margin: 0 2%;
}
.channel-listing.od {
  margin-top: 2.5em;
}
.channel-listing.od ul {
  text-align: center;
  list-style-type: none;
}
.channel-listing.od ul li {
  display: inline-block;
}
.channel-listing.od ul li a {
  display: block;
}
.tv-channels {
  zoom: 1;
}
.tv-channels:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  clear: both;
}
.tv-channels:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  clear: both;
}
.tv-channels a {
  display: block;
}
.tv-channels a img {
  display: block;
  margin: 0 auto;
  padding: 0.7em;
}
.home .service-header {
  background: #cc0033;
}
.home .home-banner {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.home .home-banner h1 {
  padding: 0;
}
@media handheld, only screen and (max-width: 800px) {
  .home .home-banner .button.outlined {
    min-width: 280px;
  }
}
.home .home-banner .button.outlined h2 {
  margin: 0;
  padding: 0;
}
.home .home-banner.dark-theme {
  background-color: #010101;
}
.home .home-banner.dark-theme .rich-text {
  color: white;
}
.home .home-banner.dark-theme a:hover {
  opacity: 1 !important;
}
.home .home-banner.dark-theme .button {
  background-color: white;
  box-shadow: 0px 0px 0px 2px white inset;
  color: black;
}
.home .home-banner.light-theme {
  background-color: white;
  position: relative;
}
.home .home-banner.light-theme:before {
  content: '';
  display: block;
  background: rgba(255, 255, 255, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.home .home-banner.light-theme .row {
  z-index: 2;
  position: relative;
}
.home .home-banner.light-theme h1,
.home .home-banner.light-theme h3 {
  color: #010101;
}
.home .home-banner.light-theme a:hover {
  opacity: 1 !important;
}
.home .home-banner.light-theme .button {
  background-color: #010101;
  box-shadow: 0px 0px 0px 2px #010101 inset;
  color: white;
}
.home .featured-page:not(:first-child) {
  display: none;
}
.home .content-width {
  max-width: 1024px;
}
.home .main-content {
  background: #cc0033;
}
.home .main-content header {
  background: #cc0033;
}
.home .main-content header.tiny {
  background: #990026;
}
.home .campaign-featured {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}
@media handheld, only screen and (max-width: 768px) {
  .home .campaign-featured {
    max-width: 600px;
  }
}
.channel-listing.container {
  background: #f8f9fb;
  padding-top: 72px;
  padding-bottom: 72px;
}
.channel-listing.container .row {
  max-width: 1200px;
}
.channels-page header {
  background: #2dc4d3;
}
.channels-page header.tiny {
  background: #28b1bf;
}
.channels-page .channel-listing.container {
  padding-top: 8em;
}
.channel-page .main-content {
  background: #2dc4d3;
}
.channel-page .main-content header {
  background: #2dc4d3;
}
.channel-page .main-content header.tiny {
  background: #28b1bf;
}
.channel-page .main-content .service-header {
  color: #333333;
  background: white;
}
.channel-page .main-content .service-header a {
  color: #2dc4d3;
}
.channel-page .main-content .service-header img {
  padding: 3em 0;
}
.channel-page .main-content .rich-text a {
  color: #1f8a94;
}
.search-results {
  background: white;
}
.search-results header .search,
.search-results header.tiny .search {
  visibility: hidden;
}
.search-results.mobile header .search,
.search-results.mobile header.tiny .search {
  visibility: hidden;
}
.search-results .search-wrapper {
  display: block;
}
.search-results .main-content .content-width {
  padding: 10em 0;
  max-width: 900px;
}
.search-results .main-content .content-width .result {
  margin-bottom: 2em;
}
.search-results .main-content .content-width .result h3 {
  margin: 0.5em 0;
}
.search-results .main-content .content-width .result h3 strong {
  font-weight: 600;
}
.search-results .main-content .content-width .result h3 a {
  text-decoration: none;
  color: #333333;
}
.search-results .main-content .content-width h2 {
  border-top: 5px solid #eeeeee;
  margin-left: -10px;
}
.search-results .main-content .content-width h2 strong {
  background: #eeeeee;
  padding: 0 10px;
}
.search-results .main-content .content-width h2 span {
  font-size: 0.7em;
  color: #7893a3;
}
.search-results .main-content .content-width .date {
  border: 0;
  font-size: 0.9em;
  color: black;
  margin: 0;
}
.news-article .button-content-block {
  background: #7893a3;
}
time {
  text-transform: uppercase;
  font-size: 0.7em;
  display: block;
  margin-bottom: 0.5em;
}
.news {
  background: #f8f9fb;
}
.news article {
  background: white;
  padding: 2em;
  margin-bottom: 1em;
  font-weight: 500;
}
.news article h3 {
  margin: 0 0 0.3em 0;
}
.news article p {
  margin: 0 0 1em 0;
}
.news article p:last-child {
  margin: 0;
}
.freeview-types-wrapper select {
  display: none;
}
.freeview-types-wrapper .table-features {
  border: 2px solid #f8f9fb;
  width: 100%;
  border-spacing: 0px;
  border-collapse: collapse;
  font-size: 0.75em;
  margin: 1em 0;
  line-height: 1.2;
}
.freeview-types-wrapper .table-features tbody tr:nth-child(2n+1) {
  background: #f8f9fb;
}
.freeview-types-wrapper .table-features td,
.freeview-types-wrapper .table-features th {
  padding: 0.7em;
  font-weight: 500;
}
.freeview-types-wrapper .table-features th {
  font-weight: 600;
  font-size: 1.2em;
}
.freeview-types-wrapper .table-features th a {
  text-decoration: none;
  display: block;
  padding-bottom: 0.2em;
}
.freeview-types-wrapper .table-features th .fa {
  opacity: 0.3;
}
.freeview-types-wrapper .table-features .tr-features,
.freeview-types-wrapper .table-features tr.greybg {
  background: #333333 !important;
}
.freeview-types-wrapper .table-features .tr-features th,
.freeview-types-wrapper .table-features tr.greybg th,
.freeview-types-wrapper .table-features .tr-features td,
.freeview-types-wrapper .table-features tr.greybg td {
  background: none;
  color: white;
}
.freeview-types-wrapper .table-features a {
  color: #333333;
}
.freeview-types-wrapper ul.key {
  font-size: 0.9em;
  padding: 0 0 0 0.7em;
  list-style-type: none;
  font-weight: 500;
}
.freeview-types-wrapper ul.key li {
  position: relative;
  padding-left: 20px;
}
.freeview-types-wrapper ul.key strong {
  min-width: 18px;
  display: inline-block;
  position: absolute;
  left: 0;
}
.freeview-types-wrapper .col__zero-trans {
  background: rgba(255, 49, 88, 0.15);
}
.freeview-types-wrapper .col__zero-trans .fa.fill {
  color: #ff3158;
  opacity: 1;
}
.freeview-types-wrapper .col__one-trans {
  background: rgba(204, 0, 51, 0.15);
}
.freeview-types-wrapper .col__one-trans .fa.fill {
  color: #cc0033;
  opacity: 1;
}
.freeview-types-wrapper .col__two-trans {
  background: rgba(255, 140, 0, 0.15);
}
.freeview-types-wrapper .col__two-trans .fa.fill {
  color: darkorange;
  opacity: 1;
}
.freeview-types-wrapper .col__three-trans {
  background: rgba(51, 153, 153, 0.15);
}
.freeview-types-wrapper .col__three-trans .fa.fill {
  color: #339999;
  opacity: 1;
}
.freeview-types-wrapper .col__four-trans {
  background: rgba(45, 196, 211, 0.15);
}
.freeview-types-wrapper .col__four-trans .fa.fill {
  color: #2dc4d3;
  opacity: 1;
}
.freeview-types-wrapper .col__five-trans {
  background: rgba(51, 153, 153, 0.15);
}
.freeview-types-wrapper .col__five-trans .fa.fill {
  color: #339999;
  opacity: 1;
}
html.live-tv body .main-content {
  background-color: #cc0033;
}
html.live-tv body .main-content .service-header {
  background: #cc0033;
}
html.live-tv body .main-content header {
  background: #cc0033;
}
html.live-tv body .main-content header.tiny {
  background: #b3002d;
}
html.live-tv body .main-content .content-block svg {
  fill: #cc0033;
}
html.live-tv body .main-content .rich-text a:not(.button) {
  color: #800020;
}
html.live-tv body .main-content .service-links .equip-link {
  background: #660019;
}
html.live-tv body .main-content .service-links .retail-link {
  background: #cc0033;
}
html.live-tv body .channel-listing.od {
  display: none;
}
html.live-tv body .channel-categories span.selected {
  background: #cc0033;
}
html.red-theme body {
  background: white;
}
html.red-theme body header,
html.red-theme body .service-header {
  background: #cc0033;
}
html.live-tv body .main-content header {
  background: none;
}
html.live-tv body .service-header {
  background: #cc0033;
  background-size: cover;
  position: relative;
}
@media handheld, only screen and (max-width: 600px) {
  
}
html.live-tv body .service-header .row {
  position: relative;
  z-index: 1;
}
html.live-tv body .themed-button {
  background: #cc0033;
}
html.record body .main-content {
  background: darkorange;
}
html.record body .main-content header {
  background: darkorange;
}
html.record body .main-content header.tiny {
  background: #e67e00;
}
html.record body .main-content .service-header {
  background: darkorange;
}
html.record body .main-content .content-block svg {
  fill: darkorange;
}
html.record body .main-content .rich-text a:not(.button) {
  color: #b36200;
}
html.record body .main-content .service-links .equip-link {
  background: #995400;
}
html.record body .main-content .service-links .retail-link {
  background: darkorange;
}
html.record body .channel-categories span.selected {
  background: darkorange;
}
html.record body .themed-button {
  background: darkorange;
}
html.on-demand body .channel-listing.od {
  margin-top: 0;
}
html.on-demand body .channel-listing.od h2 {
  display: none;
}
html.on-demand body .service-header {
  background: #2dc4d3;
}
html.on-demand body .main-content {
  background: #2dc4d3;
}
html.on-demand body .main-content header {
  background: #2dc4d3;
}
html.on-demand body .main-content header.tiny {
  background: #28b1bf;
}
html.on-demand body .main-content .content-block svg {
  fill: #2dc4d3;
}
html.on-demand body .main-content .rich-text a:not(.button) {
  color: #1f8a94;
}
html.on-demand body .main-content .service-links .equip-link {
  background: #1b767f;
}
html.on-demand body .main-content .service-links .retail-link {
  background: #2dc4d3;
}
html.on-demand body .channel-categories span.selected {
  background: #2dc4d3;
}
html.on-demand body .themed-button {
  background: #2dc4d3;
}
.mobile-home-nav {
  display: none;
}
/* =============================================================================
conditionals
========================================================================== */

.lt-ie9 body {
  font-style: none;
  font-family: arial, helvetica, sans-serif;
}
.lt-ie9 body header,
.lt-ie9 body header.tiny {
  position: static;
}
/* =============================================================================
Media Queries
========================================================================== */

@media handheld, only screen and (max-width: 1100px) {
  header .nav-wrapper {
    padding: 0;
  }
  header .nav-wrapper .twelvecol {
    margin: 0;
    width: 100%;
  }
  header .nav-wrapper .logo {
    margin-top: 3px;
    margin-left: 8px;
  }
  header .main-nav li i.search,
  header .main-nav li i.menu-toggle {
    padding: 10px 9px;
    font-size: 1.2em;
    margin: 0;
  }
  header.tiny .logo {
    margin-top: 0px;
  }
  header.tiny .main-nav li i.search,
  header.tiny .main-nav li i.menu-toggle {
    margin-top: -5px;
  }
}
@media handheld, only screen and (max-width: 1260px) {
  header .nav-wrapper .logo {
    top: -7px;
    width: 80px;
    height: 36px;
  }
  header .nav-wrapper .logo svg {
    width: 80px;
    height: 36px;
  }
  header.tiny .nav-wrapper .logo {
    top: 0;
    width: 80px;
    height: 36px;
  }
  header.tiny .nav-wrapper .logo svg {
    width: 80px;
    height: 36px;
  }
  header .main-nav {
    font-size: 0.9em;
  }
  header .main-nav li a {
    padding: 0.3em 0.5em;
  }
  header .main-nav .search,
  header .main-nav .menu-toggle {
    padding-left: 20px;
    font-size: 1.5em;
    margin: 0;
  }
  header .main-nav .menu-toggle {
    padding-top: 2px;
  }
  .service-links .button {
    font-size: 1em;
  }
}
@media handheld, only screen and (max-width: 1023px) {
  .main-nav li {
    display: none;
  }
  .main-nav li.js {
    display: inline-block;
  }
  .tablet {
    display: block;
  }
  .search-wrapper .search-title {
    display: none;
  }
  .search-wrapper .search-form {
    float: none;
    width: 100%;
    max-width: 560px;
    margin: 0 auto;
  }
  .search-wrapper .search-form .actions select {
    margin-top: 5px;
  }
  .alert-wrap {
    padding: 0.6em 1em;
  }
  .get-freeview .alert-wrap {
    text-align: center;
  }
}
@media handheld, only screen and (max-width: 800px) {
  input {
    font-size: 16px !important;
  }
  .button {
    padding: 0.7em;
    display: inline-block;
    min-width: initial;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  .content-width {
    max-width: 500px !important;
    margin: 0 auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .helpful a.button {
    margin-bottom: 0.5em;
  }
  .helpful .sharing-links {
    margin: 1.3em 0 1em 0;
    float: none;
    font-size: 1.1em;
    text-align: center;
  }
  .helpful .sharing-links span {
    margin: 0;
    display: block;
  }
  .content-block.gallery .row {
    padding-bottom: 0;
  }
  .content-block.gallery .content-width {
    max-width: 100% !important;
  }
  body {
    font-size: 1em;
  }
  body h1,
  body .h1 {
    font-size: 1.6em;
    font-weight: 600;
  }
  body h2,
  body .h2 {
    font-size: 1.3em;
    line-height: 1.5;
  }
  .mobile {
    display: block;
  }
  body {
    background: white;
  }
  header,
  header.tiny {
    padding: 0;
    text-align: center;
  }
  header .nav-wrapper .logo,
  header.tiny .nav-wrapper .logo {
    width: 80px !important;
    height: 27px !important;
    margin-top: 3px;
    position: static;
    float: none;
    display: inline-block;
  }
  header .nav-wrapper .logo svg,
  header.tiny .nav-wrapper .logo svg {
    width: 80px !important;
    height: 27px !important;
  }
  header .nav-wrapper i.fa,
  header.tiny .nav-wrapper i.fa {
    width: 20px;
  }
  header .nav-wrapper .twelvecol,
  header.tiny .nav-wrapper .twelvecol {
    padding: 0 10px;
    margin: 0;
  }
  header .nav-wrapper,
  header.tiny .nav-wrapper,
  header .search-wrapper,
  header.tiny .search-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
  header .nav-wrapper .main-nav,
  header.tiny .nav-wrapper .main-nav,
  header .search-wrapper .main-nav,
  header.tiny .search-wrapper .main-nav {
    display: none;
  }
  header .row,
  header.tiny .row {
    max-width: 100%;
  }
  header nav,
  header.tiny nav {
    padding-top: 0 !important;
    color: white;
  }
  header nav .mobile.menu-button,
  header.tiny nav .mobile.menu-button {
    float: left;
    font-size: 1.4em;
    display: block;
    padding: 7px 3px 7px 0;
    width: auto;
    cursor: pointer;
  }
  header nav .mobile.search,
  header.tiny nav .mobile.search {
    float: right;
    font-size: 1.3em;
    display: block;
    padding: 7px 3px;
    cursor: pointer;
  }
  .search-wrapper {
    padding: 0.7em 0;
    background: rgba(0, 0, 0, 0.2);
  }
  .search-wrapper .search-title {
    display: none;
  }
  .search-wrapper .search-form {
    float: none;
    zoom: 1;
    padding: 0.3em 2%;
  }
  .search-wrapper .search-form:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    clear: both;
  }
  .search-wrapper .search-form:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    clear: both;
  }
  .search-wrapper .search-form .actions {
    width: auto;
  }
  .search-wrapper .search-form .actions select {
    margin-top: 3px;
  }
  .search-wrapper .search-form input[type="submit"] {
    display: none;
  }
  .search-wrapper .search-form select {
    margin: 0.1em;
    margin-right: 0;
    font-size: 0.8em;
  }
  ul.mobile-nav {
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
    float: none;
    background: #f7f8f9;
    z-index: 99;
    position: fixed;
    height: 100%;
    width: 80%;
    top: 0;
    float: left;
    overflow-y: auto;
    display: none;
    left: 0;
    text-align: left;
  }
  ul.mobile-nav li {
    display: block;
    border-bottom: 1px solid #cccccc;
  }
  ul.mobile-nav li.js {
    display: none;
  }
  ul.mobile-nav li a {
    text-transform: uppercase;
    font-size: 0.9em;
    font-weight: 600;
    display: block;
    color: #333333;
    padding: 1em;
    text-decoration: none;
  }
  ul.mobile-nav li a.selected {
    background: #dadfe3;
  }
  .main-content {
    position: relative;
    z-index: 300;
  }
  body.menu-open {
    overflow-x: hidden;
    overflow-y: hidden;
  }
  body.menu-open .main-content {
    left: 80%;
  }
  body.menu-open header {
    left: 80%;
  }
  body.menu-open .mobile-nav {
    -webkit-overflow-scrolling: touch;
    display: block;
  }
  footer .sharing-links {
    float: none;
    text-align: center;
    font-size: 1.3em;
    margin-bottom: 2em;
  }
  footer ul.utils {
    font-size: 1.2em;
    float: none;
  }
  footer ul.utils li {
    display: block;
    text-align: center;
  }
  footer ul.utils li a {
    padding: 0.5em 0;
    font-weight: 500;
  }
  .mobile-home-nav {
    background: #f8f9fb;
    display: block;
  }
  .mobile-home-nav li {
    display: block;
  }
  .mobile-home-nav li.js {
    display: none;
  }
  .mobile-home-nav li a {
    text-transform: uppercase;
    font-size: 0.9em;
    border-bottom: 1px solid #cccccc;
    font-weight: 600;
    display: block;
    color: #333333;
    padding: 1em 20px;
    text-decoration: none;
  }
  .channel-categories span {
    cursor: pointer;
    display: block;
    float: left;
    font-size: 1em;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 1em;
    border: 1px solid white;
  }
  .tv-channels li.twocolumn {
    float: left;
    width: 33.333%;
  }
  .channels-page .channel-listing.container {
    padding-top: 3.5em;
  }
  .text-page .text-page-wrapper,
  .featured-program .text-page-wrapper {
    padding: 3.5em 0;
    background: white;
  }
  .text-page .featured-banner .twelvecol,
  .featured-program .featured-banner .twelvecol {
    margin: 0;
  }
  .featured-program .text-page-wrapper {
    padding: 2em 0;
    background: white;
  }
  .featured-program .featured-banner .twelvecol {
    margin: 0 0 1em 0;
  }
  .product-details .product-wrapper {
    padding: 3em 0;
  }
  .product-details .product-wrapper .features h2 {
    font-size: 1.8em;
  }
  .product-details .product-wrapper .features ul li {
    display: block;
    zoom: 1;
  }
  .product-details .product-wrapper .features ul li:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    clear: both;
  }
  .product-details .product-wrapper .features ul li:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    clear: both;
  }
  .product-details.search-open .product-wrapper {
    padding-top: 5em;
  }
  body.search-open .service-header {
    padding-top: 8em;
  }
  .service-header {
    padding-top: 5em;
  }
  .service-header h1,
  .service-header h2,
  .service-header .h1,
  .service-header .h2 {
    padding: 0 6%;
  }
  .service-header .icons {
    margin-top: 0;
  }
  .service-header .icons a.icon {
    width: 80px;
    margin: 0.7em;
  }
  .service-header .icons a.icon .label {
    font-size: 1.3em;
  }
  .service-header .icons a.icon svg {
    width: 70px;
  }
  .service-links a.equip-link,
  .service-links a.retail-link {
    margin-left: 4%;
    margin-right: 4%;
    width: 92% !important;
    padding: 0.6em;
    font-size: 1.2em;
  }
  .product {
    background: white;
    width: 48%;
  }
  .youll-need-content-block h4 {
    font-size: 1.3em;
    line-height: 1.4;
  }
  .youll-need-content-block .icons {
    display: block;
  }
  .youll-need-content-block .icons .icon {
    margin: 1.3em 1em;
  }
  .youll-need-content-block .icons span.label {
    font-size: 1.3em;
  }
  .youll-need-content-block .icons .logical {
    position: static;
    font-size: 1.2em;
    padding: 1em 0;
  }
  .content-block {
    text-align: center;
  }
  .content-block .image-wrapper {
    padding: 0;
    margin-bottom: 1em;
  }
  .content-block .image-wrapper span {
    max-width: 150px;
    display: inline-block;
  }
  .content-block.gallery a {
    display: block;
  }
  .image-right-content-block .content-width,
  .image-left-content-block .content-width {
    padding-left: 0px;
    padding-right: 0px;
  }
  .image-right-content-block .image-wrapper {
    float: none;
  }
  .image-right-content-block .image-wrapper span {
    padding: 0 !important;
  }
  .svg-icon-content-block .image-wrapper span,
  .image-left-content-block .image-wrapper span {
    padding: 0 !important;
  }
  .selected-products h3 {
    margin-top: 0;
    margin-bottom: 1em;
  }
  .product {
    margin-bottom: 0.5em;
  }
  .get-freeview .icons,
  .youll-need-content-block .icons {
    display: block;
  }
  .get-freeview .icons .icon,
  .youll-need-content-block .icons .icon {
    display: block;
    width: auto;
    margin: 0.3em 0;
    background: white;
    padding: 1.7em 1em 1.5em 0;
    position: relative;
    min-height: 70px;
    text-align: left !important;
  }
  .get-freeview .icons .icon svg,
  .youll-need-content-block .icons .icon svg {
    display: inline-block;
    position: absolute;
    left: 10px;
    top: 0;
    vertical-align: middle;
    width: 50px;
    margin: 0;
  }
  .get-freeview .icons .icon .label,
  .youll-need-content-block .icons .icon .label {
    display: inline-block;
    vertical-align: middle;
    margin-left: 85px;
    text-align: left !important;
    font-weight: 600;
  }
  .get-freeview .icons .logical,
  .youll-need-content-block .icons .logical {
    position: static !important;
    text-align: center;
    display: block;
    margin: 0;
    font-size: 1em;
  }
  .get-freeview.get-freeview .icons,
  .youll-need-content-block.get-freeview .icons {
    font-size: 1.6em;
  }
  .get-freeview.youll-need-content-block .icons,
  .youll-need-content-block.youll-need-content-block .icons {
    font-size: 1.3em;
  }
  .get-freeview.get-freeview .service-lists .content-block:nth-child(odd) .icons .icon,
  .youll-need-content-block.get-freeview .service-lists .content-block:nth-child(odd) .icons .icon {
    background: #f7f8f9;
  }
  .get-freeview .options.container {
    font-size: 0.9em;
  }
  .get-freeview .options.container #hideOptions {
    padding: 0.3em 1em 0.6em 1em;
    font-weight: 500;
  }
  .get-freeview .service-header .h2 {
    font-size: 1.1em;
  }
  .get-freeview .service-header .button {
    padding: 0.7em 1em !important;
    display: inline-block;
    min-width: initial;
    margin-left: 0;
    margin-right: 0;
  }
  .get-freeview .service-header .address-text-wrapper {
    text-align: left;
  }
  .get-freeview .service-header .address-text-wrapper .field-wrapper {
    width: 92%;
    padding: 0;
  }
  .get-freeview .service-header .address-text-wrapper i {
    width: 4%;
    margin-left: 2% !important;
    display: inline-block;
  }
  .get-freeview .service-header .address-text-wrapper input {
    width: 100%;
    font-size: 0.9em;
    padding-top: 1em;
    padding-bottom: 1em;
  }
  .get-freeview .service-header #geolocation-found {
    padding: 1em 0;
    text-align: left;
  }
  .get-freeview .service-header #geolocation-found a {
    max-width: 100%;
    text-align: center;
    width: 92%;
    margin-right: 8%;
    position: static;
  }
  .get-freeview .service-lists .service-list-h {
    text-align: center;
    font-weight: 500;
  }
  .get-freeview .service-lists .service-list-h span {
    padding: 1.5em 20px 0 1em;
  }
  .get-freeview .service-lists .h2 span {
    min-width: 0px;
    display: block;
  }
  .get-freeview .service-lists a.button {
    width: 100%;
    margin: 1em 0 0 0 !important;
  }
  .get-freeview .retailers-section {
    padding: 3em 0;
  }
  .get-freeview .retailers-section h2 {
    line-height: 1.3;
  }
  .get-freeview .retailer-websites {
    margin: 2em 0;
  }
  .get-freeview .retailer-websites a {
    width: 25%;
  }
  .get-freeview .retailer-selects {
    padding-top: 0;
  }
  .get-freeview .retailer-selects select {
    width: 100%;
    margin-bottom: 1em;
  }
  .get-freeview .retailer-selects select#ddlRetailers {
    margin: 0;
  }
  .get-freeview #retailers,
  .get-freeview #installers {
    font-size: 1em;
  }
  .get-freeview #retailers h4:first-child,
  .get-freeview #installers h4:first-child {
    font-size: 1em;
    line-height: 1.4;
    text-transform: uppercase;
    font-weight: 600;
  }
  .get-freeview #retailers .retailer,
  .get-freeview #installers .retailer,
  .get-freeview #retailers .installer,
  .get-freeview #installers .installer {
    float: none;
    width: 100%;
  }
  .get-freeview .installers-section {
    padding: 3em 0;
  }
  .get-freeview .installers-section h4 {
    margin-top: 0.5em;
  }
  .get-freeview .installers-section .diy {
    margin-bottom: 5em;
  }
  .standard-paging a {
    margin: 0;
    min-width: 0;
    width: 49%;
  }
  body.ex-nav ul ul {
    margin-top: 0.4em;
  }
  body.ex-nav ul ul li {
    margin-bottom: 1.5em;
  }
  body.ex-nav a {
    display: block;
    font-size: 1.1em;
  }
  body.ex-nav .sharing-links a {
    display: inline-block;
  }
  html.search-results body .main-content .content-width {
    padding: 7em 0;
  }
  .fancybox-inner h1 {
    font-size: 1.1em;
    line-height: 1.3;
    font-weight: 600;
  }
  .fancybox-inner .rich-text {
    padding: 0;
    width: 100%;
    min-width: 0;
  }
  a.fancybox-close:after {
    font-size: 1.22em;
  }
  .helpful {
    padding: 1em 0.4em;
    text-align: center;
  }
  .helpful .button {
    color: white;
    padding: 0.3em;
    width: 40%;
    display: inline-block !important;
    margin: 0 0.1em;
    min-width: 0;
    font-size: 1em;
  }
  .helpful .yes {
    background: #8ba4b2;
  }
  .helpful strong {
    color: #6d6d6d;
    line-height: 1;
    display: block;
    margin-bottom: 1em;
  }
  .tv-guide-listing .app-remote {
    padding: 3em 0;
  }
  .tv-guide-listing .app-remote h2 {
    line-height: 1.2;
  }
  .tv-guide-listing .app-remote .rich-text {
    min-height: 0;
  }
  .tv-guide-listing .app-remote .mobile-app {
    margin-bottom: 3em;
  }
  .tv-guide-listing .app-remote .img-link {
    margin: 0;
    max-width: 49%;
  }
  .tv-guide-listing .on-demand-channels ul li {
    width: 28%;
  }
  .mobile .freeview-types-wrapper select {
    display: block;
    margin-bottom: 0.8em;
  }
  .mobile .freeview-types-wrapper .table-features {
    table-layout: fixed;
  }
  .news {
    background: white;
  }
  .news article {
    background: #f8f9fb;
    padding: 1em;
    margin-bottom: 1em;
  }
}
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  /* Black prints faster: h5bp.com/s */
  
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
    font-size: 0.7em;
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  /* Don't show links for images, or javascript/internal links */
  
  pre,
  blockquote {
    border: 1px solid #999999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  header,
  footer {
    display: none;
  }
  svg {
    fill: black !important;
    width: 6em !important;
  }
}
/*Break it at 500, 800 breaks best here*/

@media screen and (max-width: 800px) {
  .col__zero-trans.hide-cell,
  .col__one-trans.hide-cell,
  .col__two-trans.hide-cell,
  .col__three-trans.hide-cell,
  .col__four-trans.hide-cell,
  .col__five-trans.hide-cell {
    display: none;
  }
}
.options-table {
  display: none;
}
.content-block.themed-coloured-section {
  background: none;
  color: white;
  text-align: center;
  padding-top: 3em;
  padding-bottom: 3em;
}
@media handheld, only screen and (max-width: 800px) {
  .content-block.themed-coloured-section {
    padding-top: 2em;
    padding-bottom: 2em;
  }
}
.content-block.themed-coloured-section.border-top {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.content-block.themed-coloured-section a.button {
  background: rgba(0, 0, 0, 0.2);
}
.content-block.themed-coloured-section a {
  color: white;
}
.button-content-block {
  text-align: center;
  padding-top: 7em;
  padding-bottom: 7em;
  background: none;
}
@media handheld, only screen and (max-width: 800px) {
  .button-content-block {
    padding-top: 4em;
    padding-bottom: 4em;
  }
}
.button-content-block .row.content-width {
  padding-top: 0;
  padding-bottom: 0;
}
.button-content-block a.button {
  background: rgba(0, 0, 0, 0.2);
}
.content-block.dark-theme {
  background-color: #010101;
}
.content-block.dark-theme .rich-text {
  color: white;
}
.content-block.dark-theme a:hover {
  opacity: 1 !important;
}
.content-block.dark-theme .button {
  background-color: white;
  box-shadow: 0px 0px 0px 2px white inset;
  color: black;
}
.content-block.on-demand,
.content-block.record,
.content-block.live-tv {
  color: white;
}
.content-block.on-demand a:not(.button),
.content-block.record a:not(.button),
.content-block.live-tv a:not(.button) {
  color: white !important;
}
.content-block.on-demand .button,
.content-block.record .button,
.content-block.live-tv .button {
  background: rgba(0, 0, 0, 0.2);
  color: white;
}
.content-block.on-demand .rich-text,
.content-block.record .rich-text,
.content-block.live-tv .rich-text {
  color: white;
}
.content-block.on-demand .rich-text a:not(.button),
.content-block.record .rich-text a:not(.button),
.content-block.live-tv .rich-text a:not(.button) {
  color: white !important;
  text-decoration: underline;
}
.content-block.on-demand {
  background-color: #2dc4d3;
}
.content-block.live-tv {
  background-color: #cc0033;
}
.content-block.record {
  background-color: darkorange;
}
html.transparent-header main {
  padding-top: 0 !important;
}
html.transparent-header .main-content main {
  padding-top: 0 !important;
}
html.transparent-header .main-content header {
  background-color: transparent;
}
html.transparent-header .main-content header .search-wrapper {
  background: rgba(0, 0, 0, 0.2);
}
html.transparent-header .main-content header.tiny {
  background: rgba(255, 255, 255, 0.8);
  border-bottom: 1px solid #ececec;
}
html.transparent-header .main-content header.tiny nav .logo svg {
  fill: black;
}
html.transparent-header .main-content header.tiny nav a {
  color: black;
}
html.transparent-header .main-content header.tiny nav .fa {
  color: black;
}
.secondary-header {
  position: fixed;
  top: 90px;
  left: 0;
  width: 100%;
  z-index: 99;
  background-color: black;
  padding-top: 12px;
  padding-bottom: 12px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
@media handheld, only screen and (max-width: 1260px) {
  .secondary-header {
    top: 76px;
  }
}
@media handheld, only screen and (max-width: 1100px) {
  .secondary-header {
    top: 83px;
  }
}
@media handheld, only screen and (max-width: 800px) {
  .secondary-header {
    top: 35px;
  }
}
.search-open .secondary-header {
  display: none;
}
.secondary-header.tiny {
  top: 64px;
  padding-top: 3px;
  padding-bottom: 3px;
}
@media handheld, only screen and (max-width: 1260px) {
  .secondary-header.tiny {
    top: 59px;
  }
}
@media handheld, only screen and (max-width: 802px) {
  .secondary-header.tiny {
    top: 31px;
  }
}
.secondary-header.tiny .btn-buy {
  padding: 3px 12px;
}
.secondary-header.tiny .container .row {
  max-width: 100%;
}
.secondary-header .container {
  padding-left: 0;
  padding-right: 0;
}
.secondary-header .container.nav-wrapper {
  padding-left: 0px;
  padding-right: 0px;
}
@media handheld, only screen and (max-width: 1100px) {
  .secondary-header .container.nav-wrapper {
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media handheld, only screen and (max-width: 1100px) {
  .secondary-header .container.nav-wrapper .row .twelvecol {
    width: 100% !important;
    margin-left: 0;
    margin-right: 0;
  }
}
.secondary-header .container .row {
  max-width: 1480px;
}
.secondary-header .flex-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 98.1% !important;
  align-items: center;
}
.secondary-header .nav-label {
  font-size: 0.778rem;
  font-weight: 500;
  color: white;
  text-decoration: none;
  padding-top: 5px;
}
@media handheld, only screen and (max-width: 800px) {
  .secondary-header .nav-label {
    display: none;
  }
}
@media handheld, only screen and (max-width: 800px) {
  .secondary-header ul {
    width: 100%;
    text-align: center;
  }
}
.secondary-header ul li {
  display: inline-block;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 0.778rem;
  color: white;
}
.secondary-header ul li:last-child {
  padding-right: 0;
}
@media handheld, only screen and (max-width: 800px) {
  .secondary-header ul li:last-child {
    padding-right: 12px;
  }
}
.secondary-header ul li.selected {
  color: #7c7c7c;
}
.secondary-header ul li.selected a {
  color: #7c7c7c;
}
.secondary-header ul li.hide {
  display: none;
}
.secondary-header ul li a {
  display: block;
  color: white;
  text-decoration: none;
}
.btn-buy {
  background-color: #cccccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 6px 12px;
  line-height: 1;
  font-weight: 500;
  color: black;
  letter-spacing: 1px;
  text-transform: uppercase;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
}
.btn-buy.inverted {
  background-color: transparent;
  box-shadow: 0px 0px 0px 1px white inset;
  color: white;
}
.ui-autocomplete {
  top: -3px !important;
  width: 100%;
  max-height: 242px;
  background-color: white;
  border-top: 1px solid #cccccc;
  border-radius: 0 0 3px 3px;
  list-style: none;
  overflow-y: auto;
}
@media handheld, only screen and (max-width: 1023px) {
  .ui-autocomplete {
    height: 190px;
  }
}
.ui-autocomplete li {
  padding: 12px 24px;
  font-size: 1rem;
  line-height: 1.2rem;
  color: black;
  border-bottom: 1px solid #cccccc;
  cursor: pointer;
}
.ui-autocomplete li.ui-menu-divider:first-child {
  display: none;
}
.button,
button,
button[type="submit"],
input[type="submit"] {
  display: inline-block;
  width: auto;
  min-width: 1px;
  padding: 12px 48px;
  background-color: #333333;
  box-shadow: 0px 0px 0px 2px transparent inset;
  text-decoration: none !important;
  text-align: center;
  color: white;
  font-weight: 600;
  cursor: pointer;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  font-size: 1.333rem;
  line-height: 1.611rem;
}
.button.inverted,
button.inverted,
button[type="submit"].inverted,
input[type="submit"].inverted {
  background-color: white;
  box-shadow: 0px 0px 0px 2px white inset;
  color: #333333;
}
.button.inverted.outlined,
button.inverted.outlined,
button[type="submit"].inverted.outlined,
input[type="submit"].inverted.outlined {
  background-color: transparent;
  color: white;
  box-shadow: 0px 0px 0px 2px white inset;
}
.button.outlined,
button.outlined,
button[type="submit"].outlined,
input[type="submit"].outlined {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px #333333 inset;
  color: #333333;
}
.button span,
.button i {
  position: relative;
  top: -0.1em;
  vertical-align: middle;
}
.button i {
  margin-right: 0.5em;
}
.button.full-width {
  width: 100%;
}
.button h2.button-label {
  font-size: 1.2em;
  line-height: 1;
  margin: 0;
}
.hero-slideshow {
  background-color: darkorange;
}
.hero-slideshow.record {
  background-color: darkorange;
}
.hero-slideshow.live-tv {
  background-color: #b00e23;
}
.hero-slideshow.on-demand {
  background-color: #73bdbe;
}
#record {
  background-color: darkorange;
}
#record .bg-shape {
  background-color: rgba(209, 109, 0, 0.66);
}
#live-tv {
  background-color: #b00e23;
}
#live-tv .bg-shape {
  left: auto;
  right: -165px;
  background-color: rgba(102, 4, 21, 0.48);
}
#live-tv .bg-top img {
  left: auto;
  right: 0;
}
#on-demand {
  background-color: #73bdbe;
}
#on-demand .bg-shape {
  background-color: rgba(0, 99, 99, 0.47);
}
@media handheld, only screen and (max-width: 1024px) {
  .animated .active .bg-text {
    display: none;
  }
}
.animated .active #on-demand .bg-container .bg-top {
  top: 0;
}
.animated .active #on-demand .bg-container .bg-top img {
  top: 18.5vh;
}
@media handheld, only screen and (max-width: 1023px) {
  .animated .active #on-demand .bg-container .bg-top img {
    left: -5vw;
  }
}
.animated .active #on-demand .bg-container .bg-top .bg-text {
  top: 36vh;
  left: -5vw;
}
.animated .active #on-demand .bg-container .bg-left img {
  top: 55vh;
  right: 20vw;
}
@media handheld, only screen and (max-width: 1023px) {
  .animated .active #on-demand .bg-container .bg-left img {
    top: 64vh;
  }
}
@media handheld, only screen and (max-width: 800px) {
  .animated .active #on-demand .bg-container .bg-left img {
    right: 34vw;
  }
}
.animated .active #on-demand .bg-container .bg-right img {
  top: 49vh;
  left: 20vw;
}
@media handheld, only screen and (max-width: 1023px) {
  .animated .active #on-demand .bg-container .bg-right img {
    top: 54vh;
    left: 32vw;
  }
}
.animated .active #live-tv .bg-container .bg-top img {
  top: 27vh;
  left: auto;
  right: 0;
}
@media handheld, only screen and (max-width: 1023px) {
  .animated .active #live-tv .bg-container .bg-top img {
    top: 20vh;
    right: -23vw;
  }
}
.animated .active #live-tv .bg-container .bg-top .bg-text {
  top: 39vh;
}
.animated .active #live-tv .bg-container .bg-left img {
  top: 55vh;
  right: 20vw;
}
@media handheld, only screen and (max-width: 1023px) {
  .animated .active #live-tv .bg-container .bg-left img {
    right: 31vw;
  }
}
.animated .active #live-tv .bg-container .bg-right img {
  top: 55vh;
  left: 20vw;
}
@media handheld, only screen and (max-width: 1023px) {
  .animated .active #live-tv .bg-container .bg-right img {
    left: 31vw;
  }
}
.animated .active #record .bg-container .bg-left img {
  top: 36vh;
  right: 13vw;
}
@media handheld, only screen and (max-width: 1023px) {
  .animated .active #record .bg-container .bg-left img {
    right: 5vw;
  }
}
.animated .active #record .bg-container .bg-left .bg-text {
  top: 36vh;
}
.animated .active #record .bg-container .bg-right img {
  top: 18vh;
  left: 16vw;
  opacity: 0.5;
}
@media handheld, only screen and (max-width: 1023px) {
  .animated .active #record .bg-container .bg-right img {
    top: 15vh;
    left: 30vw;
  }
}
.animated .active .bg-container .bg-shape {
  opacity: 1;
  transform: scale(1);
}
.animated .active .bg-container .bg-text {
  opacity: 1;
}
@media handheld, only screen and (max-width: 800px) {
  .animated .active .bg-container .bg-text {
    display: none;
  }
}
.animated .active .bg-container .bg-text.front {
  z-index: 5;
}
.animated .active .bg-container .bg-text.behind {
  z-index: 1;
}
.animated .active .bg-container .bg-text + img {
  opacity: 0.7;
}
.animated .active .bg-container .bg-top {
  opacity: 1;
  top: 0;
}
@media handheld, only screen and (max-width: 800px) {
  .animated .active .bg-container .bg-top {
    display: none;
  }
}
.animated .active .bg-container .bg-top .bg-text {
  left: -5vw;
}
.animated .active .bg-container .bg-left {
  opacity: 1;
  left: 0;
}
@media handheld, only screen and (max-width: 800px) {
  .animated .active .bg-container .bg-left {
    display: none;
  }
}
.animated .active .bg-container .bg-left img {
  right: 215px;
}
@media handheld, only screen and (max-width: 800px) {
  .animated .active .bg-container .bg-left img {
    right: 29vw;
  }
}
.animated .active .bg-container .bg-right {
  opacity: 1;
  right: 0;
}
@media handheld, only screen and (max-width: 800px) {
  .animated .active .bg-container .bg-right {
    display: none;
  }
}
.animated .active .bg-container .bg-right img {
  left: 215px;
}
@media handheld, only screen and (max-width: 800px) {
  .animated .active .bg-container .bg-right img {
    left: 29vw;
  }
}
.featured-page-carousel {
  padding-top: 24px;
  padding-bottom: 24px;
  background-color: white;
}
.featured-page-carousel .util-wrapper {
  display: flex !important;
  align-content: center;
}
.featured-page-carousel .util-item {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.featured-page-carousel .featured-page {
  text-align: center;
  margin-left: 0.95%;
  margin-right: 0.95%;
  padding: 24px 48px;
}
.featured-page-carousel .featured-page .button {
  display: block;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.featured-page-carousel .featured-page .hgroup > * {
  margin-top: 12px;
  margin-bottom: 12px;
}
.featured-page-carousel .featured-page .hgroup > *:first-child {
  margin-top: 0;
}
.featured-page-carousel .featured-page .hgroup > *:last-child {
  margin-bottom: 0;
}
.featured-pages {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.featured-shows-carousel {
  margin-top: 24px;
  padding-top: 48px;
  border-top: 1px solid white;
}
@media handheld, only screen and (min-width: 800px) {
  .featured-shows-carousel {
    margin-top: 72px;
    padding-top: 72px;
  }
}
.featured-show {
  color: white;
  text-decoration: none;
  text-align: center;
}
.featured-show img {
  display: block;
  margin-bottom: 24px;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.6);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.featured-show .hgroup > * {
  margin-top: 12px;
  margin-bottom: 12px;
}
.featured-show .hgroup > *:first-child {
  margin-top: 0;
}
.featured-show .hgroup > *:last-child {
  margin-bottom: 0;
}
.owl-item .insitu-tv,
.insitu-tv {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.owl-item .insitu-tv.small,
.insitu-tv.small {
  width: 790px;
  max-width: 100%;
}
@media handheld, only screen and (max-width: 768px) {
  .owl-item .insitu-tv.small,
  .insitu-tv.small {
    width: 600px;
  }
}
.owl-item .insitu-tv.small .featured-product,
.insitu-tv.small .featured-product {
  bottom: 0;
}
.owl-item .insitu-tv .featured-product,
.insitu-tv .featured-product {
  display: block;
  position: absolute;
  width: 25.7%;
  max-width: 422px;
  bottom: 9%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}
.ui-container {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 39.86486486486486%);
  margin-top: 6.891891891891892%;
  margin-right: 20.2027027027027%;
  margin-left: 19.66216216216216%;
}
.insitu-tv.small .ui-container {
  margin-top: 3.175675675675676%;
}
.ui-container .logo-container {
  display: flex;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  position: absolute;
  z-index: 2;
  width: 100%;
  padding-bottom: 56%;
  top: 0;
  left: 0;
}
.ui-container .logo-container .logo-wrapper {
  position: relative;
  position: absolute;
  top: 50%;
  width: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  transform: translateY(-50%);
  margin: 0;
  text-align: center;
  color: white;
}
@media handheld, only screen and (min-width: 800px) {
  .ui-container .logo-container .logo-wrapper {
    padding: 40px;
    padding-bottom: 0;
    margin-top: -20px;
  }
}
.ui-container .logo-container .logo-wrapper:after {
  content: "";
  display: block;
  position: absolute;
  left: calc(50% - 1px);
  top: 100%;
  border: 2px dashed #fafafa;
  width: 0;
  height: 70%;
  opacity: 0;
  height: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition-delay: 1s;
}
@media handheld, only screen and (max-width: 800px) {
  .ui-container .logo-container .logo-wrapper:after {
    border: 1px dashed #fafafa;
  }
}
.ui-container .logo-container .logo-wrapper:first-child {
  left: 0;
}
.ui-container .logo-container .logo-wrapper:first-child:after {
  transform-origin: top left;
  transform: rotate(-45deg);
}
.ui-container .logo-container .logo-wrapper:nth-child(2) {
  right: 0;
}
.ui-container .logo-container .logo-wrapper:nth-child(2):after {
  transform-origin: top right;
  transform: rotate(45deg);
}
.ui-container .logo-container .logo-wrapper img {
  display: block;
}
.ui-container .logo-container .logo-wrapper figcaption {
  font-size: 1.222rem;
  line-height: 1.667rem;
  font-weight: 700;
}
.sofa {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 100%;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}
.channel-categories {
  text-align: center;
  display: table;
  margin: 0 auto 1em auto;
  font-size: 0.8em;
  border: 1px solid white;
  line-height: 1.2;
}
@media handheld, only screen and (max-width: 800px) {
  .channel-categories {
    display: block;
    zoom: 1;
  }
  .channel-categories:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    clear: both;
  }
  .channel-categories:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    clear: both;
  }
}
.channel-categories span {
  display: table-cell;
  background: #ececec;
  padding: 0.4em 1.8em;
  border: 1px solid white;
  vertical-align: middle;
  cursor: pointer;
}
@media handheld, only screen and (max-width: 800px) {
  .channel-categories span {
    display: block;
    width: 50%;
  }
}
.channel-categories span.selected {
  background: #cc0033;
  color: white;
}
.channels {
  background: #f8f9fb;
  padding-top: 5em;
  padding-bottom: 5em;
}
.channel-listing .hgroup {
  margin: 0 auto 1.2em auto;
  max-width: 760px;
}
.channel-listing .hgroup p {
  margin-top: 0;
}
.channel-listing .h2,
.channel-listing h2 {
  text-align: center;
  margin-bottom: 24px;
  line-height: 1.3;
}
.fancybox-inner .rich-text {
  padding: 1em;
}
@media handheld, only screen and (min-width: 801px) {
  .fancybox-inner .rich-text {
    padding: 2em;
    min-width: 600px;
  }
}
.fancybox-inner .faq-wrapper h1 {
  font-size: 1.1em;
  font-weight: 600;
}
.fancybox-inner .channel-listing.container {
  padding-top: 0;
  padding-bottom: 0;
}
.fancybox-inner .channel-listing.container .rich-text {
  padding-top: 0;
  padding-bottom: 0;
}
.fancybox-inner .sharing-links {
  display: block;
}
.product-details-lightbox {
  font-size: 0.9em;
  background: white;
  padding: 2%;
}
@media handheld, only screen and (max-width: 800px) {
  .product-details-lightbox {
    padding: 1em 0;
  }
}
.fancybox-inner .product-details-lightbox .image-wrapper {
  padding-left: 24px;
}
.fancybox-inner .product-details-lightbox .image-wrapper a {
  text-decoration: none;
}
.fancybox-inner .product-details-lightbox .twelvecol {
  margin-left: 0.95%;
  margin-right: 0.95%;
}
.fancybox-inner .product-details-lightbox .rich-text {
  padding: 0;
  min-width: 1px;
}
.fancybox-inner .product-details-lightbox .rich-text hr {
  margin: 1em 0;
  border-top: 1px solid #cccccc;
}
.fancybox-inner .product-details-lightbox .rich-text strong {
  font-weight: 500;
}
.fancybox-inner .product-details-lightbox .rich-text ul,
.fancybox-inner .product-details-lightbox .rich-text ol {
  padding: 0;
}
.fancybox-inner .product-details-lightbox .rich-text h3.emphasis {
  color: #cc0033;
}
.fancybox-inner .product-details-lightbox .rich-text p.product-specs {
  font-weight: 500;
}
.fancybox-inner .product-details-lightbox .rich-text p.product-notes {
  font-size: 0.8em;
  opacity: 0.7;
}
.fancybox-inner .product-details-lightbox .rich-text .details {
  list-style-type: none;
  padding-left: 0;
}
@media handheld, only screen and (max-width: 800px) {
  .fancybox-inner .product-details-lightbox .rich-text .sixcol {
    padding: 0;
  }
}
@media handheld, only screen and (max-width: 800px) {
  .fancybox-inner .product-details-lightbox .rich-text a.sixcol {
    display: block;
  }
}
.fancybox-inner .product-details-lightbox .retailers ul li {
  margin-bottom: 0;
  width: calc(100%/6);
}
@media handheld, only screen and (max-width: 1023px) {
  .fancybox-inner .product-details-lightbox .retailers ul li {
    width: calc(100%/4);
  }
}
@media handheld, only screen and (max-width: 800px) {
  .fancybox-inner .product-details-lightbox .retailers ul li {
    width: calc(100%/3);
  }
}
.fancybox-inner .product-details-lightbox .retailers ul li img {
  display: block;
  width: 100%;
}
.product-details-lightbox .features h3 {
  margin-left: 0.95%;
  margin-right: 0.95%;
}
.product-details-lightbox .features-list {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
@media handheld, only screen and (min-width: 801px) {
  .product-details-lightbox .features-list {
    font-size: 0.85em;
  }
}
.product-details-lightbox .features-list li {
  display: flex;
  margin-top: 0.95%;
  margin-bottom: 0.95%;
  text-align: left;
  zoom: 1;
}
.product-details-lightbox .features-list li:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  clear: both;
}
.product-details-lightbox .features-list li:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  clear: both;
}
@media handheld, only screen and (max-width: 800px) {
  .product-details-lightbox .features-list li {
    width: 100% !important;
    align-items: center;
    margin-left: 0.95%;
    margin-right: 0.95%;
  }
}
@media handheld, only screen and (max-width: 800px) {
  .product-details-lightbox .features-list li:first-child {
    margin-top: 0;
  }
}
.product-details-lightbox .features-list li svg {
  width: 68px;
  height: 68px;
  flex-shrink: 0;
}
.product-details-lightbox .features-list li .rich-text {
  padding-left: 12px;
}
.product-details-lightbox .features-list li .rich-text p {
  margin: 0;
}
.product-details-lightbox .retailers {
  padding: 1em 0;
}
.product-details-lightbox .retailers ul {
  list-style-type: none;
}
.product-details-lightbox .retailers ul li {
  float: left;
}
.product-details-lightbox .retailers ul li a {
  display: block;
}
.product-details-lightbox .retailers ul li a img {
  display: block;
  padding: 1px;
}
.product-details-lightbox .additional-actions {
  width: 100%;
  padding: 1em 0;
  font-size: 19px;
  line-height: 1.2;
}
.red-theme .product-details-lightbox .additional-actions .emphasise {
  background-color: #cc0033;
}
.product-details-lightbox .additional-actions .button {
  display: block;
  float: left;
  width: calc(50% - 10px);
  margin: 0;
  margin-right: 10px;
}
@media handheld, only screen and (max-width: 800px) {
  .product-details-lightbox .additional-actions .button {
    padding-left: 12px;
    padding-right: 12px;
  }
}
.product-details-lightbox .additional-actions .button:after {
  content: "";
  margin-left: 8px;
  width: 10px;
  height: 10px;
  display: inline-block;
  border: 3px solid white;
  border-bottom: 0;
  border-left: 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}
@media handheld, only screen and (max-width: 800px) {
  .product-details-lightbox .additional-actions .button:after {
    margin: 0;
    margin-left: 3px;
    transform: rotate(45deg) scale(0.8);
    -webkit-transform: rotate(45deg) scale(0.8);
    -moz-transform: rotate(45deg) scale(0.8);
    -o-transform: rotate(45deg) scale(0.8);
    -ms-transform: rotate(45deg) scale(0.8);
  }
}
.product-details-lightbox .additional-actions .button:last-child {
  margin-right: 0;
}
.product-details-lightbox .additional-actions .cta-tile {
  display: table-cell;
  vertical-align: middle;
  padding: 30px 10px;
  min-width: 1px;
  width: 25%;
  border-right: 5px solid white;
}
@media handheld, only screen and (max-width: 800px) {
  .product-details-lightbox .additional-actions .cta-tile {
    display: block;
    width: 100%;
    padding: 15px 20px;
    border-right: 0;
  }
}
.product-details-lightbox .additional-actions .cta-tile:after {
  content: "";
  width: 10px;
  height: 10px;
  display: inline-block;
  border: 3px solid white;
  border-bottom: 0;
  border-left: 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  margin: 15px auto 0 auto;
}
@media handheld, only screen and (max-width: 800px) {
  .product-details-lightbox .additional-actions .cta-tile:after {
    margin: 0;
    margin-left: 3px;
    transform: rotate(45deg) scale(0.8);
    -webkit-transform: rotate(45deg) scale(0.8);
    -moz-transform: rotate(45deg) scale(0.8);
    -o-transform: rotate(45deg) scale(0.8);
    -ms-transform: rotate(45deg) scale(0.8);
  }
}
.product-details-lightbox .additional-actions .cta-tile:last-child {
  border-right: 0;
}
.red-theme .product-details-lightbox .additional-actions .cta-tile.emphasise {
  background-color: #cc0033;
}
.product-details-lightbox .support-contacts h4 {
  margin: 0;
  margin-bottom: 0.5em;
  font-weight: 500;
}
.product-details-lightbox .support-contacts ul {
  margin: 0;
  padding-left: 20px;
}
html.hover .ui-autocomplete li:hover {
  background-color: #ececec;
}
html.hover .question .checkbox-wrapper label:hover:before,
html.hover .question .radio-wrapper label:hover:before {
  opacity: 1;
}
html.hover.freeview-product main .button:hover,
html.hover.freeview-product main button:hover,
html.hover.freeview-product main button[type="submit"]:hover,
html.hover.freeview-product main input[type="submit"]:hover {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px black inset;
  color: black;
  opacity: 1;
}
html.hover.freeview-product main .button.outlined:hover,
html.hover.freeview-product main button.outlined:hover,
html.hover.freeview-product main button[type="submit"].outlined:hover,
html.hover.freeview-product main input[type="submit"].outlined:hover {
  background-color: black;
  box-shadow: 0px 0px 0px 2px transparent inset;
  color: white;
  opacity: 1;
}
html.hover.freeview-product main .button.inverted:hover,
html.hover.freeview-product main button.inverted:hover,
html.hover.freeview-product main button[type="submit"].inverted:hover,
html.hover.freeview-product main input[type="submit"].inverted:hover {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px white inset;
  color: white;
  opacity: 1;
}
html.hover.freeview-product main .button.inverted.outlined:hover,
html.hover.freeview-product main button.inverted.outlined:hover,
html.hover.freeview-product main button[type="submit"].inverted.outlined:hover,
html.hover.freeview-product main input[type="submit"].inverted.outlined:hover {
  background-color: white;
  box-shadow: 0px 0px 0px 2px transparent inset;
  color: black;
  opacity: 1;
}
html.hover.quiz-page .btn-buy:hover {
  background-color: white;
  box-shadow: 0px 0px 0px 1px transparent inset;
  color: black;
  opacity: 1;
}
html.hover .btn-buy:hover {
  background-color: transparent;
  box-shadow: 0px 0px 0px 1px white inset;
  color: white;
  opacity: 1;
}
html.hover .btn-buy.inverted:hover {
  background-color: white;
  box-shadow: 0px 0px 0px 1px transparent inset;
  color: black;
  opacity: 1;
}
html.hover .gallery-container:hover {
  opacity: 0.8;
}
html.hover .owl-carousel:hover .owl-nav {
  opacity: 1;
}
html.hover .owl-carousel .owl-prev:hover,
html.hover .owl-carousel .owl-next:hover {
  background-color: transparent;
  box-shadow: none;
  opacity: 1;
  color: white;
}
.content-section {
  width: 100%;
  padding-top: 60px;
  padding-bottom: 60px;
  border-top: 1px solid #cccccc;
  background-repeat: no-repeat;
  background-size: cover;
}
@media handheld, only screen and (min-width: 1024px) {
  .content-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media handheld, only screen and (max-width: 1023px) {
  .content-section .row > div[class*=-md].right {
    margin-top: 24px;
  }
}
@media handheld, only screen and (max-width: 800px) {
  .content-section .row > div[class*=-sm].right {
    margin-top: 24px;
  }
}
.logo-container > .twelvecol {
  display: flex;
  justify-content: center;
}
.logo-container .logo-wrapper {
  margin-left: 10px;
  margin-right: 10px;
}
.logo-container .logo-wrapper img {
  display: block;
  width: 100%;
}
.section-tech-spec-two-column .drawings {
  margin-bottom: 24px;
}
@media handheld, only screen and (min-width: 1024px) {
  .section-tech-spec-two-column .flex-container {
    display: flex;
  }
}
@media handheld, only screen and (max-width: 1023px) {
  .section-tech-spec-two-column .flex-container > .rich-text {
    margin-left: 0;
    margin-right: 0;
  }
}
@media handheld, only screen and (min-width: 1024px) {
  .section-tech-spec-two-column .flex-container > .rich-text {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
  }
}
@media handheld, only screen and (max-width: 1023px) {
  .section-tech-spec-two-column .flex-container > .rich-text + .rich-text {
    margin-left: 0;
    margin-right: 0;
    margin-top: 48px;
  }
}
@media handheld, only screen and (max-width: 1023px) {
  .section-tech-spec-two-column .flex-container > .rich-text + .rich-text img {
    width: 31.600547195622436%;
  }
}
.image-list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: center;
  margin-bottom: 96px;
  padding: 24px;
  background-color: #f7f7f7;
}
@media handheld, only screen and (min-width: 800px) {
  .image-list {
    flex-wrap: nowrap;
    padding: 48px;
    padding-bottom: 0;
  }
}
.image-list figure {
  position: relative;
  margin-left: 5px;
  margin-right: 5px;
}
@media handheld, only screen and (max-width: 800px) {
  .image-list figure {
    max-width: calc(33% - 10px);
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
@media handheld, only screen and (max-width: 800px) {
  .image-list figure:first-child {
    width: 100%;
    max-width: 400px;
  }
}
.image-list figcaption {
  display: block;
  max-width: 80px;
  text-align: center;
  font-size: 1rem;
  line-height: 1.333rem;
  font-weight: 400;
}
@media handheld, only screen and (min-width: 801px) {
  .image-list figcaption {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    max-width: 100%;
  }
}
@media handheld, only screen and (max-width: 800px) {
  .image-list figcaption {
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
  }
}
.image-list figcaption:before {
  content: "";
  display: block;
  width: 1px;
  height: 24px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5px;
  background-color: black;
}
@media handheld, only screen and (max-width: 800px) {
  .image-list figcaption:before {
    display: none;
  }
}
.image-list img {
  display: block;
  margin-right: 24px;
}
@media handheld, only screen and (min-width: 800px) {
  .image-list img {
    margin-right: 48px;
  }
}
.image-list img:last-child {
  margin-right: 0;
}
.section-hero-banner {
  position: relative;
  display: flex;
  align-items: center;
  align-content: center;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  overflow: hidden;
  padding-left: 2%;
  padding-right: 2%;
  background-size: cover;
  background-position: center center;
}
.section-hero-banner.dark-theme {
  background-color: #212121;
}
.section-hero-banner.dark-theme .rich-text {
  color: white;
}
.section-hero-banner .row {
  position: relative;
}
.section-hero-banner .featured-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media handheld, only screen and (min-width: 801px) {
  .section-hero-banner .logo-container {
    position: absolute;
    left: 50%;
    bottom: 60px;
    transform: translateX(-50%);
  }
}
.section-hero-banner .logo-container.row {
  max-width: 1480px;
}
.section-hero-banner .logo-container .logo-wrapper {
  width: 80px;
  margin-left: auto;
}
@media handheld, only screen and (max-width: 800px) {
  .section-hero-banner .logo-container .logo-wrapper {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
}
.section-hero-banner .logo-container .logo-wrapper:before {
  content: "Powered by";
  font-size: 0.444rem;
  color: white;
}
.section-hero-banner .logo-container .logo-wrapper img {
  display: block;
}
.section-hero-slideshow {
  display: flex;
  align-items: center;
  align-content: center;
  flex-direction: column;
  justify-content: center;
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-left: 2%;
  padding-right: 2%;
  color: white;
}
.hero-slideshow-content {
  position: relative;
  width: 100%;
  z-index: 50;
}
.hero-slideshow-content .rich-text > * {
  width: 100%;
}
.hero-slideshow-content .lockup {
  text-align: center;
  margin-bottom: 24px;
}
@media handheld, only screen and (min-width: 1025px) {
  .hero-slideshow-content .lockup {
    display: none;
  }
}
.hero-slideshow-content .lockup h5 {
  margin-top: 5px;
}
.hero-slideshow-content .lockup img,
.hero-slideshow-content .lockup svg {
  display: block;
  width: 50px;
  margin-left: auto;
  margin-right: auto;
  fill: white;
}
.hero-slideshow-content .intro .rich-text h2 {
  margin: 0;
}
.hero-slideshow-content .insitu-tv {
  margin-top: 12px;
}
.hero-slideshow-content .row.tabs-container {
  max-width: 430px;
}
.hero-slideshow-content .logo-container {
  margin-top: 24px;
}
.hero-slideshow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex !important;
  flex-wrap: wrap;
}
.hero-slideshow.animate {
  -webkit-transition: none 0s linear;
  -moz-transition: none 0s linear;
  -ms-transition: none 0s linear;
  -o-transition: none 0s linear;
  transition-delay: 0;
}
/*.slide-next{
    position: relative;
    &:before{
        content:"";
        display: block;
        width: 14px;
        height: 1px;
        background-color: #fff;
    }
    &:after{
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        border: 6px solid #fff;
        transform: rotate(45deg);
    }
}*/

.tabs-container {
  position: relative;
  width: 100%;
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}
.tabs-container .slide-nav {
  position: relative;
}
.tabs-container .slide-prev,
.tabs-container .slide-next {
  position: absolute;
  top: 6px;
  color: white;
  text-decoration: none;
}
@media handheld, only screen and (max-width: 800px) {
  .tabs-container .slide-prev,
  .tabs-container .slide-next {
    display: none;
  }
}
.tabs-container .slide-prev {
  left: -40px;
}
@media handheld, only screen and (max-width: 800px) {
  .tabs-container .slide-prev {
    left: -20px;
  }
}
.tabs-container .slide-next {
  right: -40px;
}
@media handheld, only screen and (max-width: 800px) {
  .tabs-container .slide-next {
    right: -20px;
  }
}
.tab-content .tab-item {
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.tab-content .tab-item.active {
  opacity: 1;
}
.tab-content .tab-item:not(.active) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
}
.tab-content .rich-text {
  padding-top: 24px;
  text-align: center;
  color: white;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.tab-nav {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
  text-align: center;
}
.tab-nav a {
  display: inline-block;
  position: relative;
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 12px;
  color: white;
  text-decoration: none;
  opacity: 0.7;
}
@media handheld, only screen and (max-width: 800px) {
  .tab-nav a {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media handheld, only screen and (max-width: 600px) {
  .tab-nav a {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.tab-nav a.active {
  opacity: 1;
  font-weight: 600;
}
.tab-nav a.active:after {
  border-width: 2px;
}
.tab-nav a:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  width: 100%;
  border-bottom: 1px solid white;
  border-width: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.hero-slide-item {
  width: 100%;
  min-height: 100vh;
  padding-top: 60px;
  padding-bottom: 60px;
  overflow: hidden;
}
.hero-slide-item .row {
  position: relative;
  z-index: 50;
  max-width: 610px;
}
.hero-slide-item .rich-text {
  color: white;
}
.hero-slide-item .bg-container {
  position: absolute;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
}
.hero-slide-item .bg-container .row {
  position: relative;
  max-width: 1480px;
  height: 100vh;
}
.hero-slide-item .bg-container img {
  display: block;
  width: auto;
}
.hero-slide-item .bg-item {
  position: absolute;
  height: 100%;
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
}
@media handheld, only screen and (max-width: 800px) {
  .hero-slide-item .bg-item {
    height: 50%;
  }
}
.hero-slide-item .bg-item img {
  position: absolute;
  z-index: 2;
}
.hero-slide-item .bg-item img:not(.bg-text) {
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
}
.hero-slide-item .bg-shape {
  width: 850px;
  height: 850px;
  top: -140px;
  left: -165px;
  opacity: 0;
  transform: scale(0.7);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  transform-origin: top left;
  transition-duration: 0.25s;
}
@media handheld, only screen and (max-width: 800px) {
  .hero-slide-item .bg-shape {
    width: 100vw;
    height: 100vw;
    top: -10vh;
    left: -33vw;
  }
}
.hero-slide-item .bg-text {
  opacity: 0;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition-delay: 0.5s;
}
.hero-slide-item .bg-top {
  width: 100%;
  top: -100%;
  left: 0;
  transition-delay: 0s;
}
.hero-slide-item .bg-top img {
  top: 0;
  left: 0;
}
.hero-slide-item .bg-top .bg-text {
  left: -100%;
}
.hero-slide-item .bg-left {
  opacity: 0;
  width: 50%;
  left: -100%;
  transition-delay: 0.15s;
}
.hero-slide-item .bg-left img {
  top: 50%;
  right: 50vw;
  opacity: 0.7;
}
.hero-slide-item .bg-right {
  width: 50%;
  right: -100%;
  transition-delay: 0.2s;
}
.hero-slide-item .bg-right img {
  top: 50%;
  left: 50vw;
  opacity: 0.75;
}
.section-generic-content {
  display: flex;
  align-items: center;
  align-content: center;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  padding-left: 2%;
  padding-right: 2%;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.section-generic-content.dark-theme {
  background-color: #060606;
}
.section-generic-content.dark-theme .rich-text {
  color: white;
}
.section-generic-content .intro {
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.section-generic-content .featured-image {
  margin-top: 48px;
}
@media handheld, only screen and (max-width: 800px) {
  .section-generic-content .featured-image {
    margin-top: 24px;
  }
}
.section-generic-content .logo-container {
  margin-bottom: 60px;
}
@media handheld, only screen and (min-width: 1024px) {
  .section-generic-content .logo-container {
    margin-bottom: 90px;
  }
}
.section-tiled-layout {
  display: flex;
  align-items: center;
  align-content: center;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  overflow: hidden;
  padding-left: 2%;
  padding-right: 2%;
  background-color: #f2f2f2;
}
.section-tiled-layout .row.intro {
  max-width: 780px;
  margin-bottom: 60px;
}
@media handheld, only screen and (min-width: 1024px) {
  .section-tiled-layout .intro .threecol {
    padding-right: 24px;
    text-align: right;
  }
}
@media handheld, only screen and (max-width: 1023px) {
  .section-tiled-layout .intro .threecol {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 24px;
  }
}
@media handheld, only screen and (min-width: 1024px) {
  .section-tiled-layout .intro .ninecol {
    padding-top: 7px;
    text-align: left;
  }
}
@media handheld, only screen and (max-width: 1023px) {
  .section-tiled-layout .intro .ninecol {
    margin-left: 0;
    margin-right: 0;
  }
}
.section-tiled-layout .rich-text h2 {
  font-size: 27px;
  line-height: 32px;
  font-size: 1.5rem;
  line-height: 1.778rem;
}
@media handheld, only screen and (max-width: 1023px) {
  .section-tiled-layout .rich-text h2 {
    font-size: 1.667rem;
    line-height: 2rem;
    font-weight: 700;
  }
}
.section-tiled-layout .rich-text p {
  font-size: 0.778rem;
  line-height: 1.111rem;
}
@media handheld, only screen and (max-width: 1023px) {
  .section-tiled-layout .rich-text p {
    font-size: 1rem;
    line-height: 1.333rem;
    font-weight: 400;
  }
}
@media handheld, only screen and (min-width: 801px) {
  .section-tiled-layout .tile-group {
    display: flex;
  }
}
.section-tiled-layout .tile-group .left {
  display: flex;
  flex-wrap: wrap;
}
@media handheld, only screen and (max-width: 800px) {
  .section-tiled-layout .tile-group .left.sixcol {
    margin-left: 0;
    margin-right: 0;
  }
}
.section-tiled-layout .tile-group .left .tile-item {
  background-size: 100% 100%;
}
.section-tiled-layout .tile-group .right {
  display: flex;
}
@media handheld, only screen and (max-width: 800px) {
  .section-tiled-layout .tile-group .right {
    margin-top: 3.8%;
  }
}
@media handheld, only screen and (max-width: 800px) {
  .section-tiled-layout .tile-group .right.sixcol {
    margin-left: 0;
    margin-right: 0;
  }
}
.section-tiled-layout .tile-group .right .tile-item {
  background-size: 100% auto;
  background-position: center bottom;
}
.section-tiled-layout .tile-group .tile-item {
  margin-bottom: 3.8%;
}
.section-tiled-layout .tile-group .tile-item:last-child {
  margin-bottom: 0;
}
.section-tiled-layout .tile-group .tile-item.dark-theme {
  color: white;
  background-color: #171a1e;
}
.section-tiled-layout .tile-item {
  width: 100%;
  padding: 36px 48px;
  background-color: white;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
@media handheld, only screen and (min-width: 801px) {
  .section-tiled-layout .tile-item {
    padding: 60px 90px;
  }
}
.section-tiled-layout .tile-item.featured-tile {
  padding: 0;
}
@media handheld, only screen and (min-width: 801px) {
  .section-tiled-layout .tile-item.featured-tile {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
.section-tiled-layout .tile-item.featured-tile .rich-text {
  padding: 24px 48px;
}
@media handheld, only screen and (min-width: 801px) {
  .section-tiled-layout .tile-item.featured-tile .rich-text {
    padding: 60px 90px;
  }
}
.section-tiled-layout .tile-item.featured-tile img {
  display: block;
}
.section-tiled-layout .tile-item .logo {
  max-width: 240px;
  margin-left: auto;
  margin-right: auto;
}
.section-row-carousel {
  display: flex;
  align-items: center;
  align-content: center;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  overflow: hidden;
  padding-left: 0;
  padding-right: 0;
  background-color: #2b2b33;
  color: white;
}
.section-row-carousel > .row {
  margin-bottom: 24px;
}
.section-row-carousel > .row:last-child {
  margin-bottom: 0;
}
.section-row-carousel > .row:not(.intro) {
  max-width: 1480px;
}
.section-row-carousel .rich-text {
  color: white;
}
.carousel-item {
  display: block;
}
.carousel-item img {
  display: block;
}
.section-tv-insitu {
  display: flex;
  align-items: center;
  align-content: center;
  flex-direction: column;
  justify-content: center;
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-left: 2%;
  padding-right: 2%;
  padding-bottom: 15%;
  background-color: #010101;
  background-size: cover;
  background-position: center center;
}
.section-tv-insitu .rich-text {
  color: white;
}
.section-cta {
  display: flex;
  align-items: center;
  align-content: center;
  flex-direction: column;
  justify-content: center;
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-left: 2%;
  padding-right: 2%;
  background-color: #010101;
  color: white;
  background-size: cover;
  background-position: center center;
}
.section-cta .rich-text {
  color: white;
}
.section-cta .cta {
  margin-top: 48px;
}
@media handheld, only screen and (max-width: 800px) {
  .section-cta .cta {
    margin-top: 24px;
  }
}
.clearfix {
  overflow: auto;
  zoom: 1;
}
.view-mobile {
  font-size: 0.8em;
  display: block;
  padding: 10px 0 0 10px;
}
.view-mobile a {
  color: #333333;
}
html.whats-on {
  background: white;
}
html.whats-on header,
html.whats-on header.tiny {
  position: static;
  background: #2c3e50 !important;
  padding: 0;
}
html.whats-on header .nav-wrapper,
html.whats-on header.tiny .nav-wrapper,
html.whats-on header .search-wrapper,
html.whats-on header.tiny .search-wrapper {
  padding-left: 0;
  padding-right: 0;
}
html.whats-on header .row,
html.whats-on header.tiny .row {
  max-width: 100%;
}
html.whats-on header nav,
html.whats-on header.tiny nav {
  padding-top: 0;
  padding-bottom: 0;
}
html.whats-on header nav .logo,
html.whats-on header.tiny nav .logo {
  max-width: 90px;
  position: relative;
  top: 5px;
}
html.whats-on header nav .logo svg,
html.whats-on header.tiny nav .logo svg {
  width: 90px;
  height: 35px;
}
html.whats-on header.dark-theme .logo svg path,
html.whats-on header.tiny.dark-theme .logo svg path {
  fill: white;
}
html.whats-on header.dark-theme .main-nav li a,
html.whats-on header.tiny.dark-theme .main-nav li a {
  color: white;
}
html.whats-on header.dark-theme i,
html.whats-on header.tiny.dark-theme i {
  color: white;
}
html.whats-on main {
  padding-top: 0 !important;
}
html.whats-on footer .footer-links {
  display: none;
}
html.whats-on h3 {
  margin: 0;
}
html.whats-on .tv-guide-wrapper {
  font-size: 14px;
  font-family: arial, sans-serif;
}
html.whats-on .schedule {
  width: 11620px;
  overflow: hidden;
}
html.whats-on .schedule .schedule-item {
  height: 98px;
}
html.whats-on .schedule:nth-child(even) .schedule-item {
  background: #e6dfd9;
}
html.whats-on .schedule:nth-child(even) .schedule-inner {
  border-right: 2px solid white;
}
html.whats-on .schedule:nth-child(odd) .schedule-item {
  background: white;
}
html.whats-on .schedule:nth-child(odd) .schedule-inner {
  border-right: 2px solid #e6dfd9;
}
html.whats-on .schedule:before,
html.whats-on .schedule:after {
  content: " ";
  display: table;
}
html.whats-on .schedule:after {
  clear: both;
}
html.whats-on .schedule-item {
  box-sizing: border-box;
  display: block;
  float: left;
  width: 11620px;
}
html.whats-on .schedule-inner {
  -moz-user-select: none;
  backface-visibility: hidden;
  color: #eeeeee;
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 1;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
html.whats-on .schedule-inner:before,
html.whats-on .schedule-inner:after {
  content: " ";
  display: table;
}
html.whats-on .schedule-inner:after {
  clear: both;
}
html.whats-on .schedule-main-content {
  color: #bbbbbb;
}
html.whats-on .schedule-main-content div {
  oveflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html.whats-on .schedule-main-content i.icon {
  margin-top: 5px;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: top;
}
html.whats-on .schedule-main-content i.icon.dolby {
  width: 19px;
  height: 11px;
  background-image: url(/cassette.axd/file/content/images/tv-guide-svg/dolby-d2690bbd8e390c23f05840ffcfac77de34742ac1.svg);
  position: relative;
  top: 1px;
}
html.whats-on .schedule-main-content i.icon.HD {
  width: 22px;
  height: 11px;
  position: relative;
  top: 1px;
  background-image: url(/cassette.axd/file/content/images/tv-guide-svg/hd-bebb97238095c7f2f30e1ba4143bb98f852b0d30.svg);
}
html.whats-on .schedule-main-content i.icon.ear {
  background-image: url(/cassette.axd/file/content/images/tv-guide-svg/ear-0cb0c1dfa4fd14d501a3671eaa7e0b331078ed67.svg);
  width: 16px;
  height: 14px;
  position: relative;
  top: -1px;
}
html.whats-on .schedule-main-content i.icon.ad {
  background-image: url(/cassette.axd/file/content/images/tv-guide-svg/ad-be4bc7ff04d84c5f683deac86784932c83d3c05f.svg);
  width: 23px;
  height: 12px;
}
html.whats-on .schedule-inner .schedule-extra-info {
  opacity: 0;
  overflow: hidden;
  color: #333333;
  font-size: 0.96em;
  line-height: 1.32;
  max-width: 400px;
}
html.whats-on .schedule-inner .schedule-extra-info .external {
  color: white;
  text-decoration: none;
  font-size: 0.8em;
  opacity: 0.8;
}
html.whats-on .schedule-inner .schedule-extra-info .external:hover {
  opacity: 1;
}
html.whats-on .schedule-inner .schedule-extra-info .external span {
  text-decoration: underline;
  text-transform: uppercase;
}
html.whats-on .schedule-inner .schedule-extra-info .title {
  width: 368px;
}
html.whats-on .schedule-inner .schedule-extra-info .subtitle {
  display: inline-block;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html.whats-on .schedule-content {
  height: 98px;
  padding: 8px;
}
html.whats-on .title,
html.whats-on .sub-title,
html.whats-on .icons,
html.whats-on .more-info {
  white-space: nowrap;
  float: left;
  clear: left;
  margin: 0;
}
html.whats-on .more-info {
  color: #595959;
  position: absolute;
  bottom: 5px;
  cursor: pointer !important;
}
html.whats-on .more-info i {
  margin-right: 5px;
}
html.whats-on .icons {
  line-height: 1;
}
html.whats-on .icons i {
  font-style: normal;
  font-size: 1.1em;
  line-height: 1;
  margin: 4px 0 0 0;
  font-weight: bold;
  display: inline-block;
  color: #9e9e9e;
}
html.whats-on .title {
  display: block;
  font-size: 1.1em;
  font-weight: normal;
  line-height: 1.2em;
  width: 100%;
  overflow: hidden;
  padding-bottom: 4px;
  text-overflow: ellipsis;
  -webkit-transition: color 0.4s ease 0s;
  transition: color 0.4s ease 0s;
  white-space: nowrap;
  color: #333333;
  font-weight: bold;
}
html.whats-on .title .fa {
  font-size: 0.9em;
  top: -1px;
  position: relative;
  color: gray;
}
html.whats-on .sub-title {
  color: #333333;
  font-size: 1em;
  display: block;
  line-height: 1;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  -webkit-transition: color 0.4s ease 0s;
  transition: color 0.4s ease 0s;
  white-space: nowrap;
}
html.whats-on .arrow-nav {
  list-style: outside none none;
  position: absolute;
  right: 0;
  z-index: 91;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
html.whats-on .arrow-nav:before,
html.whats-on .arrow-nav:after {
  content: " ";
  display: table;
}
html.whats-on .arrow-nav:after {
  clear: both;
}
html.whats-on .arrow-nav li {
  display: block;
  float: left;
}
html.whats-on .arrow-nav li:first-child button {
  border-left: 0 none;
}
html.whats-on .arrow-nav button {
  background: #e74c3c;
  border-left: 1px solid #eeeeee;
  color: #eeeeee;
  cursor: pointer;
  display: block;
  font-size: 1.23077em;
  height: 44px;
  line-height: 1.625em;
  width: 44px;
}
html.whats-on .tv-guide {
  overflow: hidden;
  padding: 0 0 8px 0;
}
html.whats-on .tv-guide:before,
html.whats-on .tv-guide:after {
  content: " ";
  display: table;
}
html.whats-on .tv-guide:after {
  clear: both;
}
html.whats-on .tv-guide-channels {
  display: block;
  width: 145px;
  position: absolute;
  left: 0;
  z-index: 80;
}
html.whats-on .tv-guide-channels .overlay {
  position: absolute;
  top: 0;
  height: 44px;
  background: #747474;
  z-index: 92;
  width: 145px;
  display: block;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  display: table;
}
html.whats-on .tv-guide-channels .overlay a {
  display: table-cell;
  cursor: pointer;
  height: 44px;
  width: 72px !important;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #262525;
  opacity: 1;
  position: relative;
  background: #333333;
  color: white;
  text-decoration: none;
  font-weight: bold;
  font-size: 0.7rem;
  text-transform: uppercase;
}
html.whats-on .tv-guide-channels .overlay a i {
  color: white;
  position: absolute;
  left: 3px;
  bottom: 3px;
}
html.whats-on .tv-guide-channels .overlay a .tooltip-text {
  display: none;
  position: absolute;
  left: 0.1rem;
  border: 1px solid #262525;
  opacity: 1;
  top: 100%;
  background-color: white;
  color: #262525;
  padding: 0.3rem 1rem;
}
html.whats-on .tv-guide-channels .overlay a .tooltip-text:after {
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  background-color: white;
  display: block;
  top: -0.4rem;
  left: 0.4rem;
  position: absolute;
  transform: rotate(-45deg);
}
html.whats-on .tv-guide-channels .overlay a.selected,
html.whats-on .tv-guide-channels .overlay a:hover {
  opacity: 1;
}
html.whats-on .tv-guide-channels .overlay a:hover .tooltip-text {
  display: block;
  white-space: nowrap;
}
html.whats-on .tv-guide-channels .overlay a.selected {
  background: #e74c3c;
  color: white;
}
html.whats-on .tv-guide-channels .overlay a svg {
  height: 24px;
  width: 21px;
  fill: white;
  margin-top: 5px;
  display: inline-block;
}
html.whats-on .tv-guide-channels .overlay a svg#uhf-svg {
  height: 30px;
}
html.whats-on .tv-guide-channels .overlay a svg#sat-svg {
  height: 22px;
}
html.whats-on .tv-guide .guide-grid {
  display: block;
  margin-left: 145px;
  overflow-x: scroll;
  overflow-y: hidden;
  padding-bottom: 25px;
  position: relative;
  width: 100%;
  -webkit-overflow-scrolling: touch;
}
html.whats-on .channel-nav {
  list-style-type: none;
  margin-top: 44px;
}
html.whats-on .channel-nav .channel {
  padding: 0;
  margin: 0;
  overflow: hidden;
}
html.whats-on .channel-link {
  background: white;
  display: block;
  height: 98px;
  border: 1px solid #eeeeee;
  max-height: 100px;
  color: #eeeeee;
  font-size: 1.07692em;
  line-height: 1.85714em;
  text-align: center;
  position: relative;
}
html.whats-on .channel-link span.ch-number {
  display: block;
  position: absolute;
  top: 5px;
  left: 5px;
  color: #cccccc;
  z-index: 5;
  line-height: 1;
  font-weight: bold;
}
html.whats-on .channel-link img {
  display: block;
  position: relative;
  z-index: 4;
  max-height: 100px;
  margin: 0 auto;
}
html.whats-on .channel-link .channel-info {
  display: none;
}
html.whats-on .time-nav-wrapper {
  min-height: 44px;
  min-width: 1000px;
}
html.whats-on .time-nav {
  position: relative;
  z-index: 89;
  -webkit-transform-style: preserve- 3 d;
  -webkit-backface-visibility: hidden;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
html.whats-on .time-nav ul {
  background: #262525;
  display: table;
  height: 28px;
  margin-bottom: 0;
  padding: 8px 0;
  table-layout: fixed;
  width: 100%;
}
html.whats-on .time-nav ul:before,
html.whats-on .time-nav ul:after {
  content: " ";
  display: table;
}
html.whats-on .time-nav ul:after {
  clear: both;
}
html.whats-on .time-nav .time-nav-item {
  display: table-cell;
  vertical-align: middle;
}
html.whats-on .time-nav .label {
  border-left: 1px solid white;
  color: white;
  display: block;
  font-size: 1.23077em;
  line-height: 1.625em;
  padding: 0 8px;
  position: relative;
}
html.whats-on .time-nav .label:after {
  background: white;
  bottom: 0;
  content: "";
  height: 14px;
  left: 50%;
  position: absolute;
  width: 1px;
}
html.whats-on .time-nav .on-now {
  background: red;
  color: #eeeeee;
  display: block;
  font-weight: bold;
  left: 0;
  overflow: hidden;
  padding: 5px 8px;
  position: absolute;
  text-overflow: ellipsis;
  text-transform: uppercase;
  top: 12px;
  -ms-transform: translateX(-50%);
  /* IE 9 */
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  /* Safari */
  transform: translateX(-50%);
  white-space: nowrap;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
html.whats-on .time-nav .on-now-arrow {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid red;
  left: 50%;
  margin-left: -8px;
  position: absolute;
  top: 42px;
}
html.whats-on .time-nav .schedules-marker {
  position: absolute;
  color: red;
  border-left: 2px dotted red;
  bottom: 29px;
  opacity: 0.4;
  top: 44px;
  width: 1px;
  z-index: 4;
  height: 4000px;
}
html.whats-on .dates-wrapper {
  min-height: 51px;
}
html.whats-on .dates {
  padding: 0;
  margin: 0;
  text-transform: uppercase;
  position: relative;
  zoom: 1;
  z-index: 90;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  line-height: 1;
}
html.whats-on .dates:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  clear: both;
}
html.whats-on .dates:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  clear: both;
}
html.whats-on .dates li {
  position: relative;
  margin: 0;
  display: block;
  width: 12.5%;
  background: #ecf0f1;
  text-align: center;
  float: left;
}
html.whats-on .dates li a {
  font-size: 0.9em;
  font-weight: 600;
}
html.whats-on .dates li a span {
  display: block;
}
html.whats-on .dates li:hover {
  background: #bedcf0;
  border-left: #bedcf0;
  border-right: #bedcf0;
}
html.whats-on .dates li.selected {
  background: #2980b9;
}
html.whats-on .dates li.selected a {
  color: white;
}
html.whats-on .dates li:first-child a {
  border-left: 0;
}
html.whats-on .dates li:last-child a {
  border-right: 0;
}
html.whats-on .dates li a {
  display: block;
  color: #333333;
  padding: 1em 0;
  border: 1px solid white;
  border-bottom: 0;
  border-top: 0;
  text-decoration: none;
}
html.whats-on .dates li a span.hidden {
  visibility: hidden;
}
html.whats-on .schedule-item .js-schedule-item-hover.is-hovered {
  z-index: 4;
  background: #7893a3 !important;
}
html.whats-on .schedule-item .js-schedule-item-hover.is-hovered .title,
html.whats-on .schedule-item .js-schedule-item-hover.is-hovered .sub-title,
html.whats-on .schedule-item .js-schedule-item-hover.is-hovered .schedule-extra-info,
html.whats-on .schedule-item .js-schedule-item-hover.is-hovered .more-info,
html.whats-on .schedule-item .js-schedule-item-hover.is-hovered i {
  color: white !important;
}
html.whats-on .schedule-item .js-schedule-item-hover.is-hovered i.dolby {
  background-image: url(/cassette.axd/file/content/images/tv-guide-svg/dolby-on-2448eb2fa43ed6ec4dbcc13948cd3f714fd2c750.svg);
}
html.whats-on .schedule-item .js-schedule-item-hover.is-hovered i.HD {
  background-image: url(/cassette.axd/file/content/images/tv-guide-svg/hd-on-edea3506c3f94f061b50c9342b3d33958f4763d0.svg);
}
html.whats-on .schedule-item .js-schedule-item-hover.is-hovered i.ear {
  background-image: url(/cassette.axd/file/content/images/tv-guide-svg/ear-on-249ee4aabee8ffde67d258af61fb237b2432bd6d.svg);
}
html.whats-on .schedule-item .js-schedule-item-hover.is-hovered i.ad {
  background-image: url(/cassette.axd/file/content/images/tv-guide-svg/ad-on-7c7c89bc74db81e88f7c3c488f73e959d9b06d0f.svg);
}
/* =============================================================================
Media Queries 
========================================================================== */

@media handheld, only screen and (max-width: 1100px) {
  header .nav-wrapper {
    padding: 0;
  }
  header .nav-wrapper .twelvecol {
    margin: 0;
    width: 100%;
  }
  header .nav-wrapper .logo {
    margin-top: 3px;
    margin-left: 8px;
  }
  header .main-nav li i.search,
  header .main-nav li i.menu-toggle {
    padding: 10px 9px;
    font-size: 1.2em;
    margin: 0;
  }
  header.tiny .logo {
    margin-top: 0px;
  }
  header.tiny .main-nav li i.search,
  header.tiny .main-nav li i.menu-toggle {
    margin-top: -5px;
  }
}
@media handheld, only screen and (max-width: 1260px) {
  html.whats-on header .nav-wrapper .logo,
  html.whats-on header.tiny .nav-wrapper .logo {
    top: 0;
    width: 80px;
    height: 36px;
  }
  html.whats-on header .nav-wrapper .logo svg,
  html.whats-on header.tiny .nav-wrapper .logo svg {
    width: 80px;
    height: 36px;
  }
}
@media handheld, only screen and (max-width: 800px) {
  html.whats-on .dates li a span {
    display: block;
  }
}
html.whats-on.loading {
  overflow: hidden;
}
html.whats-on.loading body {
  overflow: hidden;
}
html.whats-on.loading .loader {
  display: block;
}
.clearfix {
  overflow: auto;
  zoom: 1;
}
.view-desktop {
  font-size: 0.7em;
  display: block;
  padding: 50px 0 0 10px;
  text-align: center;
  margin-bottom: 2em;
}
.view-desktop a {
  color: #333333;
}
.tv-guide-footer-promotion {
  z-index: 4000;
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #ff0066;
  background: linear-gradient(60deg, #ff0066 50%, #cc0000 100%);
  display: block;
}
.tv-guide-footer-promotion br.mobile-only {
  display: block;
}
@media screen and (min-width: 1024px) {
  .tv-guide-footer-promotion br.mobile-only {
    display: none;
  }
}
.tv-guide-footer-promotion.dismissed {
  display: none;
}
.tv-guide-footer-promotion .wrapper {
  position: relative;
}
.tv-guide-footer-promotion .wrapper * {
  margin: 0.3rem 0;
  text-align: center;
  line-height: 1.3;
}
@media screen and (min-width: 1024px) {
  .tv-guide-footer-promotion .wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
  }
  .tv-guide-footer-promotion .wrapper * {
    margin: 0;
  }
}
.tv-guide-footer-promotion p {
  padding: 0.5rem 1rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0;
  min-height: 100px;
  color: white;
  flex-wrap: wrap;
  font-weight: 400;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
@media screen and (min-width: 1024px) {
  .tv-guide-footer-promotion p {
    padding: 1rem 0;
  }
}
@media screen and (min-width: 1024px) {
  .tv-guide-footer-promotion p {
    font-size: 1.5vw;
    flex: 1;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
@media screen and (min-width: 1600px) {
  .tv-guide-footer-promotion p {
    font-size: 1.4rem;
  }
}
.tv-guide-footer-promotion p a.tv-btn {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: -ms-inline-flex;
  display: inline-flex;
  color: #ff0066;
  padding: 0.7rem 1.2rem;
  margin: 0 1rem!important;
  background: white;
  text-decoration: none;
  font-weight: 800;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  border-radius: 2rem;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.tv-guide-footer-promotion p a.tv-btn:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.tv-guide-footer-promotion .hide-this {
  font-size: 1.3vw;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  cursor: pointer;
  color: white;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .tv-guide-footer-promotion .hide-this {
    position: absolute;
    top: -40px;
    right: 0;
    margin: 0;
    background: #cc0000;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
}
@media screen and (min-width: 1600px) {
  .tv-guide-footer-promotion .hide-this {
    font-size: 1.2rem;
  }
}
.tv-guide-footer-promotion .hide-this b {
  font-weight: 300;
  display: none;
}
@media screen and (min-width: 1024px) {
  .tv-guide-footer-promotion .hide-this b {
    display: block;
  }
}
.tv-guide-footer-promotion .hide-this i {
  width: 40px;
  height: 40px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  background: #cc0000;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .tv-guide-footer-promotion .hide-this i {
    background: none;
    width: 30px;
    height: 30px;
    margin-right: 0.4rem;
  }
}
.tv-guide-footer-promotion .hide-this i:before,
.tv-guide-footer-promotion .hide-this i:after {
  content: "";
  display: block;
  height: 3px;
  background: white;
  position: absolute;
  top: 15px;
  width: 30px;
}
.tv-guide-footer-promotion .hide-this i:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.tv-guide-footer-promotion .hide-this i:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
html.mobile-tvguide .channeltabs {
  background-color: whitesmoke;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  width: 100%;
  margin: 1rem 0;
}
html.mobile-tvguide .channeltabs a {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  padding: 0.4rem 0.3rem;
  line-height: 1;
  text-decoration: none;
  font-weight: 600;
  color: white;
  background: #333333;
  border: 1px solid black;
}
html.mobile-tvguide .channeltabs a:first-child {
  padding: 0.4rem 1rem;
}
html.mobile-tvguide .channeltabs a:not(:first-child) {
  flex: 1;
}
html.mobile-tvguide .channeltabs a svg {
  height: 0.9rem;
  margin-right: 0.3rem;
  fill: white;
}
html.mobile-tvguide .channeltabs a.selected {
  background: #e74c3c;
}
html.mobile-tvguide main {
  padding-top: 0 !important;
}
html.mobile-tvguide .tvguide-wrapper {
  padding-top: 7em;
  background: white;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
}
html.mobile-tvguide .tvguide-wrapper .content-width {
  max-width: 900px;
  margin: 0 auto 4em auto;
  padding-top: 9px;
  padding-bottom: 9px;
  background: white;
}
html.mobile-tvguide .schedule-wrapper h3 {
  text-align: center;
  position: relative;
  margin: 0.7em 0 0 0;
  font-weight: bold;
  line-height: 1;
  font-size: 1em;
}
html.mobile-tvguide .schedule-wrapper h3 i {
  line-height: 0;
}
html.mobile-tvguide .schedule-wrapper a.channel {
  display: block;
  width: 20%;
  float: left;
  position: relative;
  padding: 3px;
  color: #333333;
  line-height: 1;
}
html.mobile-tvguide .schedule-wrapper a.channel img {
  background: #f7f8f3;
  display: block;
}
html.mobile-tvguide .schedule-wrapper a.channel span {
  position: absolute;
  top: 5px;
  left: 5px;
  font-weight: bold;
  opacity: 0.5;
}
html.mobile-tvguide .mobile-channel-next-prev {
  display: table;
  width: 100%;
  text-align: center;
}
html.mobile-tvguide .mobile-channel-next-prev a,
html.mobile-tvguide .mobile-channel-next-prev .time-span {
  display: table-cell;
  vertical-align: middle;
}
html.mobile-tvguide .mobile-channel-next-prev .channel-link {
  width: 80%;
}
html.mobile-tvguide .mobile-channel-next-prev .time-span {
  width: 80%;
  background: #333333;
  color: white;
  padding: 1em 0;
}
html.mobile-tvguide .mobile-channel-next-prev .prev,
html.mobile-tvguide .mobile-channel-next-prev .next {
  width: 10%;
  background: #e74c3c;
  border: 1px solid white;
  color: white;
}
html.mobile-tvguide .top-bar {
  display: table;
  width: 100%;
  padding: 0;
  margin-bottom: 5px;
}
html.mobile-tvguide .top-bar li {
  display: table-cell;
  width: 50%;
  border: 1px solid white;
  vertical-align: middle;
  background: #cccccc;
  line-height: 1.1;
}
html.mobile-tvguide .top-bar li a {
  display: block;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  color: #333333;
  padding: 0.4em 0;
}
html.mobile-tvguide .top-bar li a.selected {
  background: #333333;
  color: white;
  position: relative;
}
html.mobile-tvguide .top-bar li a.selected:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(51, 51, 51, 0);
  border-top-color: #333333;
  border-width: 5px;
  margin-left: -5px;
  z-index: 100;
}
html.mobile-tvguide .mobile-dates {
  display: table;
  width: 100%;
  padding: 0;
  height: auto;
}
html.mobile-tvguide .mobile-dates a {
  display: table-cell;
  color: #333333;
  display: block;
  text-align: center;
  text-decoration: none;
  font-size: 0.8em;
  font-weight: 500;
  background: #ecf0f1;
  border: 1px solid white;
  padding: 1.2em 0;
}
html.mobile-tvguide .mobile-dates a.selected {
  background: #2980b9;
  color: white;
}
html.mobile-tvguide .day {
  margin-bottom: 4em;
}
html.mobile-tvguide .day .program:last-child {
  border-bottom: 1px solid #333333;
}
html.mobile-tvguide .on-now {
  display: block;
  background: #e74c3c;
  padding: 3px 0;
  color: white;
  font-size: 0.7em;
  max-width: 80%;
  text-transform: uppercase;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin: 5px auto 0 auto;
}
html.mobile-tvguide .program {
  line-height: 1.2;
  background: white;
  display: table;
  width: 100%;
}
html.mobile-tvguide .program.selected .more-info {
  display: none;
}
html.mobile-tvguide .program.selected .time,
html.mobile-tvguide .program.selected .details {
  vertical-align: top;
}
html.mobile-tvguide .program .time,
html.mobile-tvguide .program .details {
  display: table-cell;
  padding: 1.2em 0;
  vertical-align: middle;
}
html.mobile-tvguide .program h3 {
  font-weight: 600;
  margin: 0;
  font-size: 1em;
  padding-right: 1em;
}
html.mobile-tvguide .program .time {
  width: 95px;
  font-size: 0.85em;
  text-align: center;
  font-weight: 600;
  vertical-align: middle;
}
html.mobile-tvguide .program:nth-child(even) {
  background: #e6dfd9;
}
html.mobile-tvguide .program .details {
  position: relative;
}
html.mobile-tvguide .program .more-info {
  color: #595959;
  position: absolute;
  top: 5px;
  right: 10px;
  font-size: 0.8em;
  font-weight: 500;
  cursor: pointer !important;
}
html.mobile-tvguide .program .more-info i {
  margin-right: 5px;
}
html.mobile-tvguide .program .icons {
  position: absolute;
  bottom: 2px;
  right: 10px;
}
html.mobile-tvguide .program .icons i {
  margin: 6px 2px 0 2px;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: top;
}
html.mobile-tvguide .program .icons i.dolby {
  width: 19px;
  height: 11px;
  background-image: url(/cassette.axd/file/content/images/tv-guide-svg/dolby-d2690bbd8e390c23f05840ffcfac77de34742ac1.svg);
  position: relative;
  top: 1px;
}
html.mobile-tvguide .program .icons i.HD {
  width: 22px;
  height: 11px;
  position: relative;
  top: 1px;
  background-image: url(/cassette.axd/file/content/images/tv-guide-svg/hd-bebb97238095c7f2f30e1ba4143bb98f852b0d30.svg);
}
html.mobile-tvguide .program .icons i.ear {
  background-image: url(/cassette.axd/file/content/images/tv-guide-svg/ear-0cb0c1dfa4fd14d501a3671eaa7e0b331078ed67.svg);
  width: 16px;
  height: 14px;
  position: relative;
  top: -1px;
}
html.mobile-tvguide .program .icons i.ad {
  background-image: url(/cassette.axd/file/content/images/tv-guide-svg/ad-be4bc7ff04d84c5f683deac86784932c83d3c05f.svg);
  width: 23px;
  height: 12px;
}
html.mobile-tvguide .program .icons span {
  font-style: normal;
  font-size: 0.95em;
  line-height: 1;
  margin: 0 0 0 4px;
  font-weight: 600;
  display: inline-block;
  color: #9e9e9e;
}
html.mobile-tvguide .program .synopsis {
  display: none;
  padding-right: 1em;
  font-weight: 400;
  line-height: 1.3;
}
html.mobile-tvguide .channel-listing {
  display: table;
  width: 100%;
  text-align: center;
  position: relative;
  border-top: 3px solid #333333;
  color: #333333;
  padding: 0.7em 0 0.5em 0;
}
html.mobile-tvguide .channel-listing span {
  position: absolute;
  left: 1em;
  top: 15px;
  font-weight: bold;
}
html.mobile-tvguide .channel-listing img {
  max-width: 80px;
}
@media handheld, only screen and (max-width: 800px) {
  html.mobile-tvguide .tvguide-wrapper .twelvecol {
    margin: 0 10px;
  }
  html.mobile-tvguide .schedule-wrapper a.channel {
    width: 33.333%;
  }
  html.mobile-tvguide .tvguide-wrapper {
    padding-top: 3em;
  }
  html.mobile-tvguide.search-open .tvguide-wrapper {
    padding-top: 6.3em;
  }
  html.mobile-tvguide .program .icons span {
    font-size: 17px;
    margin-top: 3px;
  }
  html.mobile-tvguide .view-desktop {
    font-size: 0.8em;
  }
}
@media handheld, only screen and (max-width: 400px) {
  html.mobile-tvguide .schedule-wrapper a.channel {
    width: 50%;
  }
  html.mobile-tvguide .schedule-wrapper a.channel span {
    position: absolute;
    top: 5px;
    left: 5px;
  }
}
@font-face {
  font-weight: 300;
  font-family: 'handwriting';
  src: url('/cassette.axd/file/content/fonts/handwriting-webfont-fd2da70418f537693cd782fc1767bc5ca63028ff.eot');
  src: url('/cassette.axd/file/content/fonts/handwriting-webfont-fd2da70418f537693cd782fc1767bc5ca63028ff.eot?#iefix') format('embedded-opentype'), url('/cassette.axd/file/content/fonts/handwriting-webfont-022d6acee3a66cb00823216a519a88638ced36fc.woff2') format('woff2'), url('/cassette.axd/file/content/fonts/handwriting-webfont-f4a94a1a94fad467d4545cf14908408f1b5ddf02.woff') format('woff');
}
.get-freeview-2 {
  background: #cccccc;
}
.get-freeview-2 label.no-placeholder {
  display: none;
}
.get-freeview-2 .lt-ie10 label.no-placeholder {
  display: block;
}
.get-freeview-2 .btn {
  background: #cc0033;
  color: white;
  font-size: 22px;
  padding: 12px 48px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: inline-block;
  font-weight: bold;
  margin: 0 auto;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  font-family: "omnes-pro", helvetica, arial, sans-serif;
  cursor: pointer;
  outline: none;
}
.get-freeview-2 .btn:hover,
.get-freeview-2 .btn:active {
  outline: none;
}
.get-freeview-2 .btn:hover {
  opacity: 0.8;
}
@media handheld, only screen and (max-width: 800px) {
  .get-freeview-2 .btn {
    font-size: 18px;
    padding: 12px 36px;
  }
}
.get-freeview-2 .btn-o {
  border: 2px solid white;
  background: none;
}
.get-freeview-2 .btn-inv-o {
  border: 2px solid #cc0033;
  background: none;
  color: #cc0033;
}
.get-freeview-2 .form .btn-wrapper {
  position: absolute;
  bottom: 24px;
  right: 24px;
  left: 24px;
  z-index: 100;
  margin: 0 !important;
}
.get-freeview-2 .form .btn-wrapper .btn {
  float: right;
}
.get-freeview-2 .form .btn-wrapper a {
  display: inline-block;
  margin-top: 0;
}
.get-freeview-2 .form .btn-wrapper br {
  display: none;
}
@media handheld, only screen and (max-width: 800px) {
  .get-freeview-2 .form .btn-wrapper {
    position: static;
  }
  .get-freeview-2 .form .btn-wrapper .btn {
    float: none;
  }
  .get-freeview-2 .form .btn-wrapper br {
    display: block;
  }
}
.get-freeview-2 .btn-wrapper {
  margin: 0;
}
@media handheld, only screen and (max-width: 800px) {
  .get-freeview-2 .btn-wrapper {
    position: static;
    margin: 24px auto 0 auto;
    text-align: center;
  }
}
.get-freeview-2 .btn-wrapper a {
  font-family: "handwriting", helvetica, arial, sans-serif;
  color: #333333 !important;
  text-decoration: none;
  display: block;
  margin-top: 24px;
}
@media handheld, only screen and (max-width: 800px) {
  .get-freeview-2 .btn-wrapper a {
    margin-top: 0;
  }
}
.get-freeview-2 .btn-wrapper a span {
  position: relative;
  top: 13px;
  padding-left: 40px;
}
.get-freeview-2 .btn-wrapper a span:before {
  content: "";
  position: absolute;
  width: 37px;
  height: 12px;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  background: url(/cassette.axd/file/content/images/how-to-get-freeview-2/back-e25016de692150f572076613a1c8d0b45b3d7ba2.svg) no-repeat left center;
}
.get-freeview-2 .btn-wrapper a:hover {
  opacity: 0.8;
}
@media handheld, only screen and (max-width: 800px) {
  .get-freeview-2 .btn-wrapper .btn {
    float: none;
    margin-bottom: 24px;
  }
  .get-freeview-2 .btn-wrapper a {
    display: block;
    top: 0;
  }
}
.get-freeview-2 .form-pop {
  max-width: 360px;
  padding: 24px;
}
.get-freeview-2 .form-pop label {
  font-size: 16px;
}
.get-freeview-2 .form-pop input {
  margin: 24px 0 !important;
}
.get-freeview-2 .form-pop .btn {
  display: block;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}
.get-freeview-2 #emailpop,
.get-freeview-2 #divEmailResult {
  text-align: center;
  padding: 24px;
}
.get-freeview-2 header {
  background: #cccccc;
}
.get-freeview-2 header nav ul li a {
  color: black;
}
.get-freeview-2 header nav .logo svg {
  fill: black;
}
.get-freeview-2 header nav ul li i.fa,
.get-freeview-2 header .nav-wrapper i.fa,
.get-freeview-2 header .tiny .nav-wrapper i.fa {
  color: black;
}
.get-freeview-2 footer {
  background: transparent;
  border: 0;
}
.get-freeview-2 .wizard .row {
  max-width: 1280px;
  margin: 0 auto;
}
@media handheld, only screen and (max-width: 800px) {
  .get-freeview-2 .wizard {
    padding: 24px;
  }
}
.get-freeview-2 .note {
  font-family: "handwriting", helvetica, arial, sans-serif;
  color: white;
  position: absolute;
  right: 0;
  top: 100px;
  line-height: 1.2;
  z-index: 100;
  text-align: center;
}
@media handheld, only screen and (max-width: 800px) {
  .get-freeview-2 .note {
    position: relative;
    z-index: 30;
    top: 0;
    padding-left: 60px;
    display: inline-block;
  }
  .get-freeview-2 .note img {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    left: 0;
    bottom: 20px;
    height: 30px;
    position: absolute;
  }
}
.get-freeview-2 .note span {
  display: block;
  padding-right: 20px;
  -webkit-transform: rotate(-25deg);
  -moz-transform: rotate(-25deg);
  -ms-transform: rotate(-25deg);
  -o-transform: rotate(-25deg);
  transform: rotate(-25deg);
  padding-bottom: 24px;
}
@media handheld, only screen and (max-width: 800px) {
  .get-freeview-2 .note span {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
.get-freeview-2 input[type="text"],
.get-freeview-2 input[type="tel"],
.get-freeview-2 input[type="password"],
.get-freeview-2 input[type="email"],
.get-freeview-2 input[type="search"],
.get-freeview-2 textarea {
  padding: 20px;
  font-size: 16px;
  border: 1px solid #cccccc;
  margin: 6px 0;
}
.get-freeview-2 textarea {
  line-height: 1.3;
  resize: vertical;
}
.get-freeview-2 select {
  margin: 6px 0;
  font-size: 16px;
}
.get-freeview-2 .form-wrapper {
  -moz-box-shadow: 12px 12px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 12px 12px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 12px 12px 0px rgba(0, 0, 0, 0.5);
  display: table;
  width: 100%;
  height: 580px;
}
@media handheld, only screen and (max-width: 800px) {
  .get-freeview-2 .form-wrapper {
    display: block;
    height: auto;
    text-align: center;
  }
  .get-freeview-2 .form-wrapper label {
    display: inline-block;
  }
}
.get-freeview-2 .form-wrapper label {
  font-weight: 700;
  text-transform: none;
  font-size: 20px;
  line-height: 1.2;
  font-family: "omnes-pro", helvetica, arial, sans-serif;
}
.get-freeview-2 .form-wrapper .field.chkrad label {
  position: relative;
  padding-left: 24px;
}
.get-freeview-2 .form-wrapper .field.chkrad label input {
  position: absolute;
  left: 0;
  top: 6px;
}
.get-freeview-2 .form-wrapper span.label {
  display: block;
}
.get-freeview-2 .form-wrapper .field {
  margin: 24px 0;
}
.get-freeview-2 .form-wrapper .question {
  float: none;
  display: table-cell;
  vertical-align: middle;
  background-color: #cc0033;
  color: white;
  padding: 0 48px;
  position: relative;
  overflow: hidden;
  background-position: right center;
  background-size: cover;
}
@media handheld, only screen and (max-width: 800px) {
  .get-freeview-2 .form-wrapper .question {
    display: block;
    width: 100%;
    margin: 0;
  }
}
.get-freeview-2 .form-wrapper .question h1.bigtext {
  text-shadow: 4px 4px rgba(0, 0, 0, 0.2);
  font-weight: 700;
  max-width: 270px;
  margin-left: 72px;
  position: relative;
  z-index: 2;
  text-align: center;
}
@media handheld, only screen and (max-width: 800px) {
  .get-freeview-2 .form-wrapper .question h1.bigtext {
    margin: 24px auto;
    max-width: 150px;
  }
}
.get-freeview-2 .form-wrapper .question:after {
  content: "";
  display: block;
  background: grey;
  opacity: 0.2;
  position: absolute;
  width: 800px;
  height: 800px;
  left: -20%;
  top: 50%;
  z-index: 1;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.get-freeview-2 .form-wrapper .form {
  float: none;
  display: table-cell;
  vertical-align: middle;
  padding: 24px 24px 100px 24px;
  position: relative;
  width: 419px;
}
@media handheld, only screen and (max-width: 800px) {
  .get-freeview-2 .form-wrapper .form {
    display: block;
    width: 100%;
    margin: 0;
    padding: 24px;
    max-width: 100%;
  }
}
.get-freeview-2 .form-wrapper .form p {
  margin: 12px 0;
}
.get-freeview-2 .form-wrapper .form p:first-child {
  margin-top: 0;
}
.get-freeview-2 .main-content {
  background: #cccccc;
}
.get-freeview-2 .wizard {
  padding-top: 100px;
}
@media handheld, only screen and (max-width: 800px) {
  .get-freeview-2 .wizard {
    padding-top: 42px;
  }
}
.get-freeview-2 .wizard .wizard-wrap {
  background: white;
}
.get-freeview-2 .wizard.v-middle .wizard-wrap {
  background: white;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.get-freeview-2 .step1 .question h1.bigtext .bigtext-line0 {
  line-height: 0.7em;
  text-transform: uppercase;
}
.get-freeview-2 .step1 .question h1.bigtext .bigtext-line1 {
  line-height: 1.2em;
  text-transform: uppercase;
}
.get-freeview-2 .step1 .question h1.bigtext .bigtext-line2 {
  line-height: 0.75em;
  text-transform: uppercase;
}
.get-freeview-2 .step1 .question h1.bigtext .bigtext-line3 {
  line-height: 1.1em;
  text-transform: uppercase;
}
.get-freeview-2 .step1 .question h1.bigtext .bigtext-line4 {
  line-height: 0.8em;
}
.get-freeview-2 .step1 input[type="text"] {
  margin-top: 24px;
}
.get-freeview-2 .step2 .question {
  background: darkorange;
}
.get-freeview-2 .step2 .question h1.bigtext {
  text-transform: uppercase;
}
.get-freeview-2 .step2 .question h1.bigtext .bigtext-line0 {
  line-height: 0.9em;
}
.get-freeview-2 .step2 .question h1.bigtext .bigtext-line1 {
  line-height: 1.2em;
}
.get-freeview-2 .step2 .question h1.bigtext .bigtext-line2 {
  line-height: 1em;
}
.get-freeview-2 .step2 .question h1.bigtext .bigtext-line3 {
  line-height: 0.7em;
}
.get-freeview-2 .step2 .question .note {
  width: 200px;
}
@media handheld, only screen and (max-width: 800px) {
  .get-freeview-2 .step2 .question .note {
    width: auto;
  }
}
.get-freeview-2 .step3 .question {
  background: #2dc4d3;
}
.get-freeview-2 .step3 .question h1.bigtext .bigtext-line0 {
  line-height: 0.7em;
}
.get-freeview-2 .step3 .question h1.bigtext .bigtext-line1 {
  line-height: 0.9em;
  text-transform: uppercase;
}
.get-freeview-2 .step3 .question h1.bigtext .bigtext-line2 {
  line-height: 0.75em;
}
.get-freeview-2 .step3 .question h1.bigtext .bigtext-line3 {
  line-height: 1.3em;
}
.get-freeview-2 .step3 .form {
  vertical-align: top;
  padding-top: 120px;
}
@media handheld, only screen and (max-width: 800px) {
  .get-freeview-2 .step3 .form {
    padding-top: 24px;
  }
}
.get-freeview-2 .step3 .form #geolocation-found a {
  display: block;
  padding: 20px;
  font-weight: 500;
  color: black;
  text-decoration: none;
  font-size: 16px;
  border: 1px dashed #333333;
  margin: 5px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.get-freeview-2 .step3 .form .btn-wrapper .btn {
  visibility: hidden;
}
.get-freeview-2 .step41 .question h1.bigtext {
  text-transform: uppercase;
}
.get-freeview-2 .step41 .question h1.bigtext .bigtext-line0 {
  line-height: 0.7em;
}
.get-freeview-2 .step41 .question h1.bigtext .bigtext-line1 {
  line-height: 0.9em;
}
.get-freeview-2 .step41 .question h1.bigtext .bigtext-line2 {
  line-height: 0.75em;
}
.get-freeview-2 .step41 .question h1.bigtext .bigtext-line3 {
  line-height: 1.3em;
}
.get-freeview-2 .step41 .question .note {
  width: 200px;
}
@media handheld, only screen and (max-width: 800px) {
  .get-freeview-2 .step41 .question .note {
    width: auto;
  }
}
.get-freeview-2 .step41 .image-wrapper {
  margin-bottom: 24px;
}
.get-freeview-2 .step42 .question {
  background: #339999;
}
.get-freeview-2 .step42 .question h1.bigtext {
  text-transform: uppercase;
}
.get-freeview-2 .step42 .question h1.bigtext .bigtext-line0 {
  line-height: 0.9em;
}
.get-freeview-2 .step42 .question h1.bigtext .bigtext-line1 {
  line-height: 0.9em;
}
.get-freeview-2 .step42 .question h1.bigtext .bigtext-line2 {
  line-height: 0.9em;
  text-transform: none;
}
.get-freeview-2 .step42 .question h1.bigtext .bigtext-line3 {
  line-height: 1em;
}
.get-freeview-2 .step51 .question h1.bigtext {
  text-transform: uppercase;
}
.get-freeview-2 .step51 .question h1.bigtext .bigtext-line0 {
  line-height: 0.9em;
}
.get-freeview-2 .step51 .question h1.bigtext .bigtext-line1 {
  line-height: 1em;
}
.get-freeview-2 .step51 .question h1.bigtext .bigtext-line2 {
  line-height: 0.8em;
}
.get-freeview-2 .step51 .question h1.bigtext .bigtext-line3 {
  line-height: 0.7em;
}
.get-freeview-2 .step51 .question h1.bigtext .bigtext-line4 {
  line-height: 1.1em;
}
.get-freeview-2 .step52 .question h1.bigtext {
  text-transform: uppercase;
}
.get-freeview-2 .step52 .question h1.bigtext .bigtext-line0 {
  line-height: 0.9em;
}
.get-freeview-2 .step52 .question h1.bigtext .bigtext-line1 {
  line-height: 1em;
}
.get-freeview-2 .step52 .question h1.bigtext .bigtext-line2 {
  line-height: 0.8em;
}
.get-freeview-2 .step52 .question h1.bigtext .bigtext-line3 {
  line-height: 0.9em;
}
.get-freeview-2 .step52 .question h1.bigtext .bigtext-line4 {
  line-height: 1.3em;
}
.get-freeview-2 .step54 .heading,
.get-freeview-2 .step96 .heading,
.get-freeview-2 .step97 .heading {
  background-color: #cc0033;
  background-size: cover;
  background-position: center;
  padding: 48px;
  color: white;
}
.get-freeview-2 .step54 .heading .bigtext,
.get-freeview-2 .step96 .heading .bigtext,
.get-freeview-2 .step97 .heading .bigtext {
  color: white;
  max-width: 400px;
  font-weight: 700;
}
.get-freeview-2 .step54 .rich-text,
.get-freeview-2 .step96 .rich-text,
.get-freeview-2 .step97 .rich-text {
  padding: 48px;
}
@media handheld, only screen and (max-width: 800px) {
  .get-freeview-2 .step54 .rich-text img,
  .get-freeview-2 .step96 .rich-text img,
  .get-freeview-2 .step97 .rich-text img {
    margin: 24px auto;
  }
  .get-freeview-2 .step54 .rich-text ul,
  .get-freeview-2 .step96 .rich-text ul,
  .get-freeview-2 .step97 .rich-text ul,
  .get-freeview-2 .step54 .rich-text ol,
  .get-freeview-2 .step96 .rich-text ol,
  .get-freeview-2 .step97 .rich-text ol {
    text-align: left;
    display: inline-block;
  }
}
.get-freeview-2 .step54 .form-foot,
.get-freeview-2 .step96 .form-foot,
.get-freeview-2 .step97 .form-foot {
  padding: 48px;
}
@media handheld, only screen and (max-width: 800px) {
  .get-freeview-2 .step54 .rich-text,
  .get-freeview-2 .step96 .rich-text,
  .get-freeview-2 .step97 .rich-text,
  .get-freeview-2 .step54 .heading,
  .get-freeview-2 .step96 .heading,
  .get-freeview-2 .step97 .heading,
  .get-freeview-2 .step54 .form-foot,
  .get-freeview-2 .step96 .form-foot,
  .get-freeview-2 .step97 .form-foot {
    padding: 24px;
  }
}
.get-freeview-2 .step53 .question:after {
  left: -380px;
}
.get-freeview-2 .step53 h1.bigtext .bigtext-line0 {
  line-height: 1em;
}
.get-freeview-2 .step53 h1.bigtext .bigtext-line1 {
  line-height: 1em;
}
.get-freeview-2 .step53 h1.bigtext .bigtext-line2 {
  line-height: 0.8em;
}
.get-freeview-2 .step53 h1.bigtext .bigtext-line3 {
  line-height: 1.3em;
}
.get-freeview-2 .step97 .bigtext {
  text-transform: uppercase;
}
.get-freeview-2 .step97 .bigtext .bigtext-line0 {
  line-height: 0.9em;
}
.get-freeview-2 .step97 .bigtext .bigtext-line1 {
  line-height: 1.1em;
}
.get-freeview-2-results .content-width {
  max-width: 1024px;
}
.get-freeview-2-results header {
  background: transparent;
}
.get-freeview-2-results header.tiny {
  background: #cc0033;
}
.get-freeview-2-results .banner {
  background: #cc0033;
  overflow: hidden;
  color: white;
  padding: 144px 0 48px 0;
  position: relative;
}
@media handheld, only screen and (max-width: 800px) {
  .get-freeview-2-results .banner {
    padding: 72px 0 24px 0;
  }
}
.get-freeview-2-results .banner .content-wrapper .content-width {
  margin: 0 auto;
  position: relative;
  z-index: 50;
  max-width: 768px;
}
.get-freeview-2-results .banner .bigtext-wrapper .arrow-down {
  position: absolute;
  right: 30px;
}
.get-freeview-2-results .banner .start-again {
  font-family: "handwriting", helvetica, arial, sans-serif;
  color: white;
  display: inline-block;
  text-decoration: none;
  position: relative;
  padding-left: 75px;
  margin-bottom: 24px;
}
.get-freeview-2-results .banner .start-again span {
  background: pink;
  display: block;
  width: 60px;
  height: 30px;
  position: absolute;
  left: 0;
  background: url(/cassette.axd/file/content/images/how-to-get-freeview-2/arrow-left-35240b501a617ec90afca9b3fa56d83e182a0195.svg) left 10px no-repeat;
}
.get-freeview-2-results .banner .bigtext2 {
  margin: 0 auto 48px auto;
  text-shadow: 4px 4px rgba(0, 0, 0, 0.2);
  font-weight: 700;
  z-index: 1;
  text-align: center;
}
.get-freeview-2-results .banner .bigtext2 .bigtext-line0 {
  line-height: 0.7em;
}
@media handheld, only screen and (max-width: 800px) {
  .get-freeview-2-results .banner .bigtext2 span {
    display: inline !important;
    white-space: normal !important;
    font-size: 24px !important;
    line-height: 1em !important;
  }
}
.get-freeview-2-results .what-you-need {
  padding-top: 48px;
  padding-bottom: 72px;
}
.get-freeview-2-results .what-you-need h1 {
  font-size: 30px;
  color: black;
  margin-bottom: 12px;
}
@media handheld, only screen and (max-width: 800px) {
  .get-freeview-2-results .what-you-need h1 {
    font-size: 24px;
  }
}
.get-freeview-2-results .what-you-need h3 {
  margin: 12px 0;
}
.get-freeview-2-results .what-you-need img {
  margin: 24px auto;
  display: block;
}
.get-freeview-2-results .what-you-need .what-you-need-options .item {
  display: inline-block;
  text-align: center;
  padding: 0 24px;
  max-width: 45%;
}
.get-freeview-2-results .what-you-need .what-you-need-options .item h3 {
  font-size: 22px;
  font-weight: 700;
  color: black;
}
.get-freeview-2-results .what-you-need .what-you-need-options .item h3 span {
  display: block;
  font-weight: 400;
  font-size: 80%;
}
.get-freeview-2-results .what-you-need .what-you-need-options .or {
  background: url(/cassette.axd/file/content/images/or-6c5151b864dc50409988aa282caba9dc6246d7ce.png) no-repeat center center;
  background-size: 90%;
  height: 200px;
}
@media handheld, only screen and (max-width: 1023px) {
  .get-freeview-2-results .what-you-need .what-you-need-options .or {
    height: 30px;
    width: 280px;
    margin: 24px auto;
    background: url(/cassette.axd/file/content/images/how-to-get-freeview-2/or-side-b3920cad0d6a3e5c1eddd0122d25c07502722e84.png) no-repeat center center;
    background-size: 70%;
  }
}
@media handheld, only screen and (max-width: 1023px) {
  .get-freeview-2-results .what-you-need .what-you-need-options img {
    max-width: 330px;
  }
}
@media handheld, only screen and (max-width: 500px) {
  .get-freeview-2-results .what-you-need .what-you-need-options img {
    max-width: 100%;
  }
}
@media handheld, only screen and (max-width: 1023px) {
  .get-freeview-2-results .what-you-need {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .get-freeview-2-results .what-you-need .what-you-need-options .item {
    display: block;
    max-width: 100%;
  }
}
.get-freeview-2-results .recommended-products {
  padding-top: 96px;
  padding-bottom: 96px;
  text-align: center;
}
@media handheld, only screen and (max-width: 1023px) {
  .get-freeview-2-results .recommended-products {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}
@media handheld, only screen and (max-width: 800px) {
  .get-freeview-2-results .retailer-websites a {
    width: 33.33333333%;
  }
}
.get-freeview-2-results .setup {
  padding-top: 120px;
  padding-bottom: 168px;
  background: #cc0033;
  background-size: cover;
  position: relative;
}
.get-freeview-2-results .setup h3 a i {
  position: relative;
  top: 0;
  font-size: 0.8em;
}
.get-freeview-2-results .btn-block {
  padding-top: 72px;
  padding-bottom: 72px;
}
.get-freeview-2-results .btn-block .btn-inv-o {
  display: none;
}
@media handheld, only screen and (max-width: 550px) {
  .get-freeview-2-results .btn-block .btn {
    display: block;
    margin: 12px 0;
    width: 100%;
  }
}
.get-freeview-2-results footer {
  border: none;
}
.get-freeview-2-results .hgroup {
  display: block;
  margin-bottom: 24px;
}
.get-freeview-2-results .hgroup h3 {
  margin-top: 0;
  line-height: 1.2;
  margin-bottom: 12px;
  font-weight: 700;
  font-size: 28px;
}
@media handheld, only screen and (max-width: 800px) {
  .get-freeview-2-results .hgroup h3 {
    font-size: 20px;
  }
}
.get-freeview-2-results .hgroup h3.heading2 {
  margin-top: 48px;
}
.get-freeview-2-results .hgroup p {
  margin: 12px 0;
}
.get-freeview-2-results .arrow-down {
  position: relative;
  width: 59px;
  height: 98px;
  fill: none;
  stroke: white;
  stroke-miterlimit: 10;
}
.get-freeview-2-results svg.white-curve {
  display: block;
  fill: white;
  position: absolute;
  bottom: -10px;
  left: -2%;
  right: -2%;
  width: 104%;
}
.get-freeview-2-results .dark-theme {
  background: #303030;
  color: white;
  zoom: 1;
}
.get-freeview-2-results .dark-theme:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  clear: both;
}
.get-freeview-2-results .dark-theme:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  clear: both;
}
.get-freeview-2-results .light-grey-theme {
  background: #eeeeee;
  color: #333333;
  zoom: 1;
}
.get-freeview-2-results .light-grey-theme:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  clear: both;
}
.get-freeview-2-results .light-grey-theme:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  clear: both;
}
.get-freeview-2-results .red-theme {
  background: #cc0033;
  color: white;
  zoom: 1;
}
.get-freeview-2-results .red-theme:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  clear: both;
}
.get-freeview-2-results .red-theme:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  clear: both;
}
.get-freeview-2-results .red-theme a {
  color: white !important;
}
@media handheld, only screen and (max-width: 480px) {
  .products .product {
    width: 100%;
    margin: 0.3em 0;
  }
}
html.get-freeview .no-anntena-info .tip {
  display: none;
}
html.get-freeview.on-demand .service-header,
html.get-freeview.on-demand .service-header:after,
html.get-freeview.on-demand header,
html.get-freeview.on-demand header.tiny {
  background: #2dc4d3;
}
html.get-freeview.on-demand .hgroup .decimal .dot {
  color: #2dc4d3;
}
html.get-freeview.on-demand .hgroup span {
  color: #249da9;
}
html.get-freeview.on-demand .antenna-types .st0 {
  fill: #2dc4d3;
}
html.get-freeview.on-demand .freeview-types .on-demand:after,
html.get-freeview.on-demand .freeview-types .on-demand label {
  background: #249da9;
}
html.get-freeview.live-tv .service-header,
html.get-freeview.live-tv .service-header:after,
html.get-freeview.live-tv header,
html.get-freeview.live-tv header.tiny {
  background: #cc0033;
}
html.get-freeview.live-tv .hgroup .decimal .dot {
  color: #cc0033;
}
html.get-freeview.live-tv .hgroup span {
  color: #990026;
}
html.get-freeview.live-tv .antenna-types .st0 {
  fill: #cc0033;
}
html.get-freeview.live-tv .freeview-types .live-tv:after,
html.get-freeview.live-tv .freeview-types .live-tv label {
  background: #990026;
}
html.get-freeview.record .service-header,
html.get-freeview.record .service-header:after,
html.get-freeview.record header,
html.get-freeview.record header.tiny {
  background: darkorange;
}
html.get-freeview.record .no-anntena-info .tip {
  display: block!important;
}
html.get-freeview.record .hgroup .decimal .dot {
  color: darkorange;
}
html.get-freeview.record .hgroup span {
  color: #cc7000;
}
html.get-freeview.record .antenna-types .st0 {
  fill: darkorange;
}
html.get-freeview.record .freeview-types .record:after,
html.get-freeview.record .freeview-types .record label {
  background: #cc7000;
}
html.get-freeview .live-tv {
  background: #cc0033;
  color: white;
}
html.get-freeview .on-demand {
  background: #2dc4d3;
  color: white;
}
html.get-freeview .record {
  background: darkorange;
  color: white;
}
html.get-freeview header {
  background: #2dc4d3;
}
html.get-freeview header.tiny {
  background: #28b1bf;
}
html.get-freeview .item {
  cursor: pointer;
}
html.get-freeview .item:hover {
  opacity: 0.8;
}
html.get-freeview .service-header {
  background: #2dc4d3;
  position: relative;
}
html.get-freeview .service-header .rich-text {
  font-weight: 500;
  font-size: 22px;
}
@media handheld, only screen and (max-width: 800px) {
  html.get-freeview .service-header .rich-text {
    font-size: 16px;
  }
}
html.get-freeview .service-header .rich-text p {
  margin: 8px 0;
}
html.get-freeview .service-header:after {
  position: absolute;
  bottom: -18px;
  content: "";
  width: 26px;
  height: 26px;
  display: block;
  background: #2dc4d3;
  -webkit-transform: rotate(45deg) translateX(-50%) translateY(0);
  -moz-transform: rotate(45deg) translateX(-50%) translateY(0);
  -o-transform: rotate(45deg) translateX(-50%) translateY(0);
  -ms-transform: rotate(45deg) translateX(-50%) translateY(0);
  transform: rotate(45deg) translateX(-50%) translateY(0);
  left: 50%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
@media handheld, only screen and (max-width: 800px) {
  html.get-freeview .service-header {
    padding-top: 48px;
    padding-bottom: 24px;
  }
}
html.get-freeview.no-arrows .service-header:after {
  display: none;
}
html.get-freeview .content-width {
  max-width: 1280px;
  zoom: 1;
  margin: 0 auto;
  padding: 0;
}
html.get-freeview .content-width:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  clear: both;
}
html.get-freeview .content-width:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  clear: both;
}
html.get-freeview .hgroup {
  position: relative;
  padding: 0 0 24px 40px;
}
html.get-freeview .hgroup .decimal {
  font-size: 40px;
  line-height: 1;
  font-weight: bold;
  position: absolute;
  left: 0;
  top: -22px;
}
html.get-freeview .hgroup .decimal .dot {
  line-height: 1;
  font-size: 60px;
}
html.get-freeview .hgroup h3,
html.get-freeview .hgroup h4 {
  margin: 0;
}
html.get-freeview .hgroup h3 {
  font-weight: bold;
  font-size: 30px;
}
html.get-freeview .hgroup h4 {
  font-size: 16px;
}
@media handheld, only screen and (max-width: 800px) {
  html.get-freeview .hgroup {
    text-align: center;
    padding: 12px;
  }
  html.get-freeview .hgroup h3 {
    font-size: 20px;
  }
  html.get-freeview .hgroup .decimal {
    position: static;
    top: 0;
  }
  html.get-freeview .hgroup .decimal .dot {
    line-height: 0;
  }
}
html.get-freeview .items label,
html.get-freeview .items .label {
  background: #333333;
  font-size: 18px;
  text-transform: none;
  font-weight: bold;
  line-height: 1;
  display: block;
  color: white;
  padding: 12px;
  cursor: pointer;
  text-decoration: none;
  position: relative;
}
html.get-freeview .items label {
  padding-left: 30px;
}
html.get-freeview .items label input {
  position: absolute;
  left: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
html.get-freeview .items .label {
  padding-right: 30px;
}
html.get-freeview .items .label:after {
  display: block;
  content: "";
  width: 6px;
  height: 6px;
  border-right: 3px solid white;
  border-top: 3px solid white;
  position: absolute;
  right: 18px;
  top: 50%;
  -webkit-transform: rotate(45deg) translateX(0) translateY(-50%);
  -moz-transform: rotate(45deg) translateX(0) translateY(-50%);
  -o-transform: rotate(45deg) translateX(0) translateY(-50%);
  -ms-transform: rotate(45deg) translateX(0) translateY(-50%);
  transform: rotate(45deg) translateX(0) translateY(-50%);
}
@media handheld, only screen and (max-width: 1023px) {
  html.get-freeview .item {
    margin-bottom: 24px;
  }
}
@media handheld, only screen and (max-width: 800px) {
  html.get-freeview .item {
    margin-bottom: 12px;
  }
}
html.get-freeview .antenna-types,
html.get-freeview .freeview-types,
html.get-freeview .results,
html.get-freeview .no-anntena-info {
  padding-top: 48px;
}
@media handheld, only screen and (max-width: 800px) {
  html.get-freeview .antenna-types,
  html.get-freeview .freeview-types,
  html.get-freeview .results,
  html.get-freeview .no-anntena-info {
    padding-top: 12px;
  }
}
html.get-freeview .freeview-types {
  padding-bottom: 48px;
  background: white;
}
@media handheld, only screen and (max-width: 800px) {
  html.get-freeview .freeview-types {
    padding-top: 12px;
    padding-bottom: 24px;
  }
}
html.get-freeview .freeview-types .item {
  position: relative;
}
html.get-freeview .freeview-types .item.selected:after {
  position: absolute;
  bottom: -15px;
  -webkit-transform: rotate(45deg) translateX(-50%) translateY(0);
  -moz-transform: rotate(45deg) translateX(-50%) translateY(0);
  -o-transform: rotate(45deg) translateX(-50%) translateY(0);
  -ms-transform: rotate(45deg) translateX(-50%) translateY(0);
  transform: rotate(45deg) translateX(-50%) translateY(0);
  left: 50%;
  content: "";
  width: 20px;
  height: 20px;
  display: block;
}
@media handheld, only screen and (max-width: 800px) {
  html.get-freeview .freeview-types .item.selected:after {
    display: none;
  }
}
html.get-freeview .freeview-types .desc {
  padding: 24px;
  font-size: 20px;
  font-weight: 500;
}
html.get-freeview .freeview-types .desc h3 {
  text-transform: uppercase;
  margin: 0;
  font-weight: bold;
}
html.get-freeview .freeview-types .desc p {
  margin: 8px 0;
  line-height: 1.3;
}
html.get-freeview .freeview-types .desc .cta {
  color: white;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
}
html.get-freeview .freeview-types .desc .cta:after {
  display: inline-block;
  content: "";
  width: 5px;
  height: 5px;
  border-right: 2px solid white;
  border-top: 2px solid white;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-left: 3px;
}
@media handheld, only screen and (max-width: 800px) {
  html.get-freeview .freeview-types .desc {
    padding: 12px;
    font-size: 16px;
  }
}
html.get-freeview .antenna-types {
  padding-bottom: 48px;
  background: white;
}
html.get-freeview .antenna-types .st0 {
  fill: #f68c1f;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
html.get-freeview .antenna-types .st1 {
  fill: #b5b5b5;
  opacity: 0.4;
}
html.get-freeview .antenna-types .st2 {
  opacity: 0.1;
}
html.get-freeview .antenna-types .st3 {
  fill: lightgray;
  opacity: 0.3;
}
html.get-freeview .antenna-types .item {
  background: #ededed;
  position: relative;
  color: #333333;
  display: block;
  text-decoration: none;
}
html.get-freeview .antenna-types .item.selected:after {
  position: absolute;
  bottom: -15px;
  -webkit-transform: rotate(45deg) translateX(-50%) translateY(0);
  -moz-transform: rotate(45deg) translateX(-50%) translateY(0);
  -o-transform: rotate(45deg) translateX(-50%) translateY(0);
  -ms-transform: rotate(45deg) translateX(-50%) translateY(0);
  transform: rotate(45deg) translateX(-50%) translateY(0);
  left: 50%;
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  background: #333333;
}
@media handheld, only screen and (max-width: 1023px) {
  html.get-freeview .antenna-types .item.selected:after {
    display: none;
  }
}
html.get-freeview .antenna-types .item h4 {
  position: static;
  margin: 0;
  line-height: 1.3;
  z-index: 60;
  font-size: 20px;
  font-weight: bold;
  padding: 18px 24px 0 24px;
}
html.get-freeview .antenna-types .item h4 span {
  display: block;
  font-size: 16px;
}
html.get-freeview .antenna-types .item svg.main-svg {
  display: block;
  position: relative;
  z-index: 99;
}
html.get-freeview .antenna-types .item svg.mob-svg {
  display: none;
}
html.get-freeview .antenna-types .item .title {
  position: absolute;
  font-weight: 400;
}
@media handheld, only screen and (max-width: 800px) {
  html.get-freeview .antenna-types .item .tbl {
    width: 100%;
    display: table;
    vertical-align: middle;
  }
  html.get-freeview .antenna-types .item .tbl svg,
  html.get-freeview .antenna-types .item .tbl h4 {
    display: table-cell;
    vertical-align: middle;
  }
  html.get-freeview .antenna-types .item h4 {
    position: static;
    margin: 0;
    width: 100%;
    padding: 0 0 0 12px;
  }
  html.get-freeview .antenna-types .item svg.main-svg {
    display: none;
  }
  html.get-freeview .antenna-types .item svg.mob-svg {
    display: inline-block;
    background: white;
    padding: 10px;
    border: 2px solid #ededed;
    width: 60px;
    height: 60px;
  }
}
html.get-freeview .on-demand-info {
  padding: 24px 0 48px 0;
  background: white;
  text-align: center;
}
html.get-freeview .on-demand-info h3 {
  margin: 0;
  font-weight: bold;
}
html.get-freeview .on-demand-info p {
  margin-top: 12px;
}
html.get-freeview .on-demand-info .button-wrapper {
  margin-top: 24px;
}
html.get-freeview .no-anntena-info {
  padding-bottom: 48px;
  background: white;
}
@media handheld, only screen and (min-width: 800px) {
  html.get-freeview .no-anntena-info .items {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
  }
}
html.get-freeview .no-anntena-info .items .item {
  padding: 2rem;
  background-color: whitesmoke;
  flex: 1;
}
@media handheld, only screen and (min-width: 800px) {
  html.get-freeview .no-anntena-info .items .item:first-child {
    margin-right: 1rem;
  }
  html.get-freeview .no-anntena-info .items .item:last-child {
    margin-left: 1rem;
  }
}
html.get-freeview .no-anntena-info .items .item a:not(.button) {
  text-decoration: underline;
}
html.get-freeview .no-anntena-info .items .item.live-tv-section.rich-text a:not(.button) {
  color: #cc0033;
}
html.get-freeview .no-anntena-info .items .item.live-tv-section.rich-text .title {
  color: #cc0033;
}
html.get-freeview .no-anntena-info .items .item.on-demand-section.rich-text .title {
  color: #2dc4d3;
}
html.get-freeview .no-anntena-info .items .item.on-demand-section.rich-text a:not(.button) {
  color: #249da9;
}
html.get-freeview .results {
  background: #f7f8f9;
  padding-bottom: 72px;
}
html.get-freeview .results hr {
  height: 3px;
  background-color: white;
  display: block;
  border: 0;
  margin: 24px 0;
}
html.get-freeview .results svg.loader {
  width: 100px;
  height: 100px;
  display: block;
  margin: 0 auto;
}
html.get-freeview .results .btn-wrapper {
  text-align: center;
}
html.get-freeview .results .themed-button {
  padding-left: 24px;
  padding-right: 24px;
}
@media handheld, only screen and (max-width: 800px) {
  html.get-freeview .txt-center-mob {
    text-align: center;
  }
}
html.get-freeview .retailer-selects {
  padding: 1em 0;
}
html.get-freeview .retailers-section {
  background: #f8f9fb;
  padding-top: 48px;
  padding-bottom: 48px;
}
html.get-freeview .retailers-section h2 {
  margin: 0;
  line-height: 1.3;
}
html.get-freeview .retailers-section h4 {
  text-transform: uppercase;
  font-size: 0.9em;
}
html.get-freeview .retailers-section select {
  width: 30%;
  margin-right: 1em;
}
html.get-freeview .installers-section {
  background: #f8f9fb;
  padding-top: 48px;
  padding-bottom: 48px;
}
html.get-freeview .installers-section h2 {
  margin-bottom: 1em;
  line-height: 1.3;
}
html.get-freeview .installers-section h4 {
  margin: 1.5em 0 0.1em 0;
  font-size: 1.5em;
}
html.get-freeview .installers-section p:first-of-type {
  margin-top: 0;
}
html.get-freeview .installers-section .button {
  background: #626262;
  display: block;
  color: white;
  cursor: pointer;
}
html.get-freeview .installers-section .select-wrapper {
  background: #626262;
  display: block;
  padding: 0.4em 1em 0.5em 1em;
  margin: 1em 0;
  font-weight: 500;
  font-size: 1.2em;
  line-height: 1;
}
html.get-freeview .installers-section .select-wrapper select {
  font-size: initial;
}
html.get-freeview .js-geolocation-found a {
  background: #333333;
  color: white;
  display: block;
  font-weight: 500;
  font-size: 16px;
  text-decoration: none;
  margin-bottom: 3px;
  padding: 8px;
}
html.get-freeview .pop-up {
  max-width: 800px;
  min-height: 400px;
  background: white;
}
html.get-freeview .pop-up .rich-text h2 {
  font-weight: bold;
  font-size: 23px;
  line-height: 1.3;
}
@media handheld, only screen and (min-width: 800px) {
  html.get-freeview .pop-up .items {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
  }
}
html.get-freeview .pop-up .items .item {
  flex: 1;
  background-color: whitesmoke;
}
@media handheld, only screen and (min-width: 800px) {
  html.get-freeview .pop-up .items .item:first-child {
    margin-right: 1rem;
  }
  html.get-freeview .pop-up .items .item:last-child {
    margin-left: 1rem;
  }
}
html.get-freeview .pop-up .items .item img {
  mix-blend-mode: multiply;
  padding: 1rem;
  max-width: 120px;
}
html.get-freeview .pop-up .items .item .content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  padding: 1rem;
}
html.get-freeview .pop-up .items .item .content .desc a {
  font-size: 14px;
  display: inline;
}
html.get-freeview .pop-up .items h3 {
  font-weight: bold;
  font-size: 23px;
  line-height: 1.3;
  margin: 0;
}
html.get-freeview .pop-up .items p {
  margin: 0;
  font-size: 14px;
}
html.get-freeview .pop-up .items .button {
  min-width: 1px;
  border: 2px solid white;
}
html.get-freeview .pop-up input[type="text"] {
  border: 1px solid #cccccc;
}
html.get-freeview .pop-up .button {
  display: block;
}
html.get-freeview .pop-up button.full-width {
  width: 100%;
}
html.get-freeview .pop-up .js-coverage-result {
  font-weight: 600;
}
.product-preview .info {
  padding: 10px 0;
  border-bottom: 1px solid #cccccc;
  color: #333333;
}
.product-preview .info:last-child {
  border-bottom: none;
}
.product-preview .info h5 {
  margin: 0;
  margin-bottom: 5px;
}
.product-preview .info a {
  color: currentColor;
  text-decoration: underline;
}
.product-preview .info p {
  margin-top: 0;
}
.product-preview .info ul,
.product-preview .info ol {
  margin: 0;
  margin-bottom: 1em;
}
.product-preview .info ol {
  padding-left: 0.8em;
}
.product-preview .info *:last-child {
  margin-bottom: 0;
}
.product-preview .stylised-table th,
.product-preview .stylised-table td {
  border-right: 5px solid white;
  width: 50%;
}
.product-preview .stylised-table td {
  vertical-align: top;
}
ul.availability {
  padding-left: 0;
  list-style: none;
}
ul.availability li {
  margin-bottom: 0.4em;
  padding-left: 20px;
  font-size: 1em;
  line-height: 1.2;
}
ul.availability li:before {
  width: 20px;
  margin-left: -20px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
ul.availability li.avail {
  opacity: 1;
}
ul.availability li.avail:before {
  content: "\f00c";
}
ul.availability li.not-avail {
  opacity: 0.6;
}
ul.availability li.not-avail:before {
  content: "\f00d";
}
ul.availability a {
  font-weight: 600;
}
ul.availability a:hover {
  opacity: 1;
}
.stylised-table {
  border: none;
}
.stylised-table th,
.stylised-table td {
  border: none;
  border-right: 5px solid white;
}
.stylised-table th:last-child,
.stylised-table td:last-child {
  border-right: none;
}
.stylised-table thead th {
  background-color: #333333;
  border-bottom: 3px solid white;
  color: white;
  border-top-left-radius: 20px;
}
.stylised-table tbody td {
  background-color: #e3e3e3;
  border-right: 5px solid white;
  font-size: 0.95em;
  line-height: 1.3;
}
.coverage-check .main-content {
  min-height: 100%;
}
.coverage-check .content-width {
  max-width: 1024px;
  margin: 0 auto;
}
.coverage-check .freeview-types {
  min-height: 0px;
  background-color: white;
  padding-top: 24px;
  padding-bottom: 72px;
}
.coverage-check .freeview-types .rich-text a {
  font-weight: 600;
}
.coverage-check span.overlay {
  opacity: 0;
  background: rgba(18, 79, 85, 0.7);
  position: absolute !important;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
}
.coverage-check #map-canvas {
  opacity: 0;
  position: absolute !important;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
}
.coverage-check #map-canvas img {
  max-width: initial;
}
.coverage-check .service-header-wrapper {
  position: relative;
  text-align: center;
  height: 100vh;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  background: #2dc4d3;
}
.coverage-check .service-header {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  width: 100%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  padding-top: 24px;
  padding-bottom: 24px;
}
.coverage-check footer {
  position: static;
}
.coverage-check .options {
  position: fixed;
  bottom: 0;
  left: 0;
  text-align: left;
  width: 100%;
  z-index: 500;
  background: #cc0033;
}
.coverage-check .options .inner-options {
  position: relative;
  padding-top: 30px;
  padding-bottom: 30px;
}
.coverage-check .options .inner-options .showAll {
  display: inline-block;
  padding: 0.5em 0;
  font-weight: 500;
  cursor: pointer;
  display: none;
}
.coverage-check .options .inner-options #hideOptions {
  display: inline-block;
  position: absolute;
  top: -30px;
  right: 0;
  padding: 0 1em;
  cursor: pointer;
  background: #cc0033;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-weight: 500;
}
.coverage-check .options .inner-options h3 {
  margin: 0;
  font-weight: 700;
}
.coverage-check .options .inner-options p {
  margin: 10px 0;
  font-weight: 500;
}
.coverage-check .options .inner-options .button {
  margin: 0 0 0 30px;
  background: rgba(0, 0, 0, 0.5);
  padding-left: 10px;
  padding-right: 10px;
}
.coverage-check .options .inner-options label {
  font-weight: 500;
  text-transform: none;
  font-size: 1em;
  cursor: pointer;
}
.coverage-check .options .inner-options label input[type="radio"] {
  margin-right: 10px;
}
.coverage-check .options .inner-options .button-radio-wrapper {
  display: table;
}
.coverage-check .options .inner-options .button-radio-wrapper .radio-wrapper,
.coverage-check .options .inner-options .button-radio-wrapper .button-wrapper {
  display: table-cell;
  vertical-align: bottom;
}
.coverage-check header {
  background: #2dc4d3;
}
.coverage-check header.tiny {
  background: #28b1bf;
}
.coverage-check .service-header {
  position: relative;
  z-index: 2;
  background-color: transparent;
}
.coverage-check .service-header .address {
  display: block;
}
.coverage-check .service-header .button {
  margin: 1em 0.8% 0 0.8em;
  cursor: pointer;
}
.coverage-check .service-header .address-text-wrapper {
  position: relative;
  margin: 1.4em auto 0 auto;
  max-width: 600px;
}
.coverage-check .service-header .address-text-wrapper.active .field-wrapper {
  margin-right: 40px;
  width: calc(100% - 40px);
}
.coverage-check .service-header .address-text-wrapper.active .close-address {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  right: 0;
}
.coverage-check .service-header .address-text-wrapper .close-address {
  position: absolute;
  right: -40px;
  top: 0;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.1s ease-in;
  -moz-transition: all 0.1s ease-in;
  -ms-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  display: inline-block;
  float: right;
  width: 40px;
  height: 45px;
  font-size: 26px;
  line-height: 45px;
  text-align: center;
  /*&.active {
                    opacity: 1; //temp05072017
                    visibility: visible; //temp05072017
                    .scale(1) //temp05072017
                }*/

}
.coverage-check .service-header .address-text-wrapper .field-wrapper {
  display: inline-block;
  background: white;
  width: 100%;
  -webkit-transition: all 0.1s ease-in;
  -moz-transition: all 0.1s ease-in;
  -ms-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
}
.coverage-check .service-header .address-text-wrapper input {
  margin: 0 auto;
  float: left;
}
.coverage-check .service-header .geolocation-found {
  padding: 0;
}
.coverage-check .service-header .geolocation-found a {
  display: block;
  width: 100%;
  max-width: 600px;
  position: relative;
  font-weight: 500;
  background: #249da9;
  padding: 0.5em 1em;
  line-height: 1.2;
  margin: 4px auto;
}
.coverage-check .service-header .geolocation-found a:hover {
  background: #28b1bf;
}
.coverage-check .has-map header,
.coverage-check.has-map header {
  background: none;
}
.coverage-check .has-map header.tiny,
.coverage-check.has-map header.tiny {
  background: #28b1bf;
}
.coverage-check .has-map span.overlay,
.coverage-check.has-map span.overlay {
  opacity: 1;
}
.coverage-check .has-map #map-canvas,
.coverage-check.has-map #map-canvas {
  opacity: 1;
}
.coverage-check .has-map .service-header-wrapper,
.coverage-check.has-map .service-header-wrapper {
  min-height: 1px;
  height: auto;
}
.coverage-check .has-map .service-header,
.coverage-check.has-map .service-header {
  top: 0;
  -webkit-transform: translateX(-50%) translateY(0);
  -moz-transform: translateX(-50%) translateY(0);
  -ms-transform: translateX(-50%) translateY(0);
  -o-transform: translateX(-50%) translateY(0);
  transform: translateX(-50%) translateY(0);
  padding-top: 310px;
}
@media handheld, only screen and (max-width: 800px) {
  .coverage-check .has-map .service-header,
  .coverage-check.has-map .service-header {
    padding-top: 210px;
  }
}
.coverage-check .has-map .freeview-types,
.coverage-check.has-map .freeview-types {
  min-height: 50vh;
}
.coverage-check.filtered .service-lists .content-block {
  background: white !important;
}
.coverage-check .service-lists .service-list-h {
  background: white;
}
.coverage-check .service-lists .service-list-h h3 {
  margin: 0;
}
.coverage-check .service-lists .service-list-h span {
  display: block;
  margin: 0 auto;
  padding-top: 2em;
}
.coverage-check .service-lists .content-block {
  padding-top: 2em;
  padding-bottom: 2em;
}
.coverage-check .service-lists .content-block:nth-child(odd) {
  background: #f7f8f9;
}
.coverage-check .service-lists .content-block .logical {
  position: relative;
  top: 20px;
  left: -3px;
  margin: 0 0.3em;
  display: inline-block;
  line-height: 1;
  text-transform: uppercase;
  font-size: 1em;
  font-weight: 600;
  color: #686868;
}
.coverage-check .service-lists .button {
  background: #aaaaaa;
  width: auto;
  min-width: initial;
  padding-left: 1em;
  padding-right: 1em;
}
.coverage-check .service-lists .button.more {
  margin-right: 0.5em;
}
.coverage-check .service-lists .icons h5 {
  display: none;
}
.coverage-check .service-lists .icons .icon {
  text-align: center;
}
.coverage-check .service-lists .h2 {
  color: #515151;
}
.coverage-check .service-lists .h2 span {
  font-size: 1.5em;
  display: inline-block;
  min-width: 450px;
}
.coverage-check .service-lists .h2 i {
  font-size: 1em;
}
.coverage-check .service-lists .h2 i.fa-star {
  opacity: 0.2;
}
.coverage-check .service-lists .freeviewplus .h2 span,
.coverage-check .service-lists .myfreeviewplus .h2 span {
  color: #cc0033;
}
.coverage-check .service-lists .freeviewplus svg,
.coverage-check .service-lists .myfreeviewplus svg {
  fill: #cc0033;
}
.coverage-check .service-lists .freeviewplus .more,
.coverage-check .service-lists .myfreeviewplus .more {
  background: #cc0033;
}
.coverage-check .service-lists .freeviewplus .fa-star.fill,
.coverage-check .service-lists .myfreeviewplus .fa-star.fill {
  opacity: 1;
  color: #cc0033;
}
.coverage-check .service-lists .freeviewhd .h2 span {
  color: #2dc4d3;
}
.coverage-check .service-lists .freeviewhd svg {
  fill: #2dc4d3;
}
.coverage-check .service-lists .freeviewhd .more {
  background: #2dc4d3;
}
.coverage-check .service-lists .freeviewhd .fa-star.fill {
  opacity: 1;
  color: #2dc4d3;
}
.coverage-check .service-lists .myfreeview .h2 span,
.coverage-check .service-lists .myfreeviewsatellite .h2 span {
  color: darkorange;
}
.coverage-check .service-lists .myfreeview svg,
.coverage-check .service-lists .myfreeviewsatellite svg {
  fill: darkorange;
}
.coverage-check .service-lists .myfreeview .more,
.coverage-check .service-lists .myfreeviewsatellite .more {
  background: darkorange;
}
.coverage-check .service-lists .myfreeview .fa-star.fill,
.coverage-check .service-lists .myfreeviewsatellite .fa-star.fill {
  opacity: 1;
  color: darkorange;
}
.coverage-check .service-lists .freeviewsatellite .h2 span {
  color: #339999;
}
.coverage-check .service-lists .freeviewsatellite svg {
  fill: #339999;
}
.coverage-check .service-lists .freeviewsatellite .more {
  background: #339999;
}
.coverage-check .service-lists .freeviewsatellite .fa-star.fill {
  opacity: 1;
  color: #339999;
}
.coverage-check .retailer-selects {
  padding: 1em 0;
}
.coverage-check .retailers-section {
  background: #f8f9fb;
  padding-top: 6em;
  padding-bottom: 6em;
}
.coverage-check .retailers-section h2 {
  margin: 0;
  line-height: 1.3;
}
.coverage-check .retailers-section h4 {
  text-transform: uppercase;
  font-size: 0.9em;
}
.coverage-check .retailers-section select {
  width: 30%;
  margin-right: 1em;
}
.coverage-check .installers-section {
  background: white;
  padding-top: 6em;
  padding-bottom: 6em;
}
.coverage-check .installers-section .h2 {
  margin-bottom: 1em;
  line-height: 1.3;
}
.coverage-check .installers-section h4 {
  font-weight: 400;
  margin: 1.5em 0 0.1em 0;
  font-size: 1.5em;
}
.coverage-check .installers-section p:first-of-type {
  margin-top: 0;
}
.coverage-check .installers-section .button {
  background: #626262;
  display: block;
  color: white;
  cursor: pointer;
}
.coverage-check .installers-section .select-wrapper {
  background: #626262;
  display: block;
  padding: 0.4em 1em 0.5em 1em;
  margin: 1em 0;
  font-weight: 500;
  font-size: 1.2em;
  line-height: 1;
}
.coverage-check .installers-section .select-wrapper select {
  font-size: initial;
}
@media handheld, only screen and (max-width: 800px) {
  .coverage-check .service-header {
    text-align: left;
  }
  .coverage-check .service-header h1,
  .coverage-check .service-header h2,
  .coverage-check .service-header .h1,
  .coverage-check .service-header .h2 {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }
  .coverage-check .service-header .address-text-wrapper .close-address {
    height: 37px;
    line-height: 37px;
  }
  .coverage-check.has-map .address-text-wrapper .field-wrapper {
    width: calc(100% - 37px);
  }
  .coverage-check.has-map .address-text-wrapper .close-address {
    right: -3px;
  }
}
.register-device label {
  display: inline-block;
  font-size: 0.8em;
}
.register-device .form-wrapper {
  margin: 0 auto;
  max-width: 600px;
}
.register-device .form-section {
  margin-bottom: 48px;
}
.register-device .section-header {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: .2em;
  margin-bottom: .8em;
}
.register-device .input {
  padding: 5px;
  display: block;
  margin: 0.5em 0;
}
.register-device .dob-picker .picker__select--month,
.register-device .dob-picker .picker__select--year {
  padding: .3em .5em;
}
.register-device .dob-picker .picker__nav--prev,
.register-device .dob-picker .picker__nav--next {
  display: none;
  visibility: hidden;
}
@media handheld, only screen and (max-width: 800px) {
  .register-device .dob-row .row .twelvecol {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}
.register-device .dob-row .row div.fourcol:first-child {
  margin-left: 0;
  margin-right: calc(1.9%);
}
.register-device .dob-row .row div.fourcol:last-child {
  margin-right: 0;
  margin-left: calc(1.9%);
}
@media handheld, only screen and (max-width: 800px) {
  .register-device .dob-row .row div.fourcol {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}
.register-device #Submit,
.register-device input[type="submit"] {
  cursor: pointer;
}
.register-device #Submit:disabled,
.register-device input[type="submit"]:disabled,
.register-device #Submit:disabled:hover,
.register-device input[type="submit"]:disabled:hover {
  opacity: 0.6;
  cursor: not-allowed;
}
.register-device .validation-summary-errors {
  color: red;
}
.register-device #Submit {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-appearance: none;
  border: 0;
  background: #cccccc;
  display: inline-block;
  color: #333333;
  text-transform: uppercase;
  padding: 1em;
  width: 100%;
  font-size: 0.8em;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
}
.register-device #Submit:hover {
  opacity: 1;
}
html.faq-page {
  background: white;
}
html.faq-page.search-open .text-page-wrapper {
  padding-top: 8em;
}
html.faq-page.featured-program .main-content {
  background: #2dc4d3;
}
html.faq-page.featured-program .main-content .text-page-wrapper {
  background: white;
}
html.faq-page.featured-program .main-content header {
  background: #2dc4d3;
}
html.faq-page.featured-program .main-content header.tiny {
  background: #28b1bf;
}
html.faq-page.featured-program .main-content .rich-text a {
  color: #1f8a94;
}
html.faq-page .helpful {
  margin-top: 48px;
}
html.faq-page .content-width {
  max-width: 900px;
}
html.faq-page .main-content .rich-text a {
  color: #1f8a94;
}
html.faq-page header .search,
html.faq-page header.tiny .search {
  visibility: hidden;
}
html.faq-page.mobile header .search,
html.faq-page.mobile header.tiny .search {
  visibility: hidden;
}
html.faq-page .unselected {
  font-weight: bold;
}
html.faq-page .search-wrapper {
  display: block;
  background: #f3363e;
}
html.faq-page .search-wrapper .search-title select {
  width: auto;
}
html.faq-page header {
  background: white;
}
html.faq-page header i {
  color: #333333;
}
html.faq-page header a {
  color: #333333;
}
html.faq-page header svg {
  fill: #333333;
}
html.faq-page header h1 {
  font-size: 1em;
  color: white;
  float: left;
  margin-right: 1em;
}
html.faq-page .content-width {
  max-width: 900px;
}
html.faq-page .page-wrapper {
  padding-top: 3em;
  padding-bottom: 3em;
}
@media handheld, only screen and (max-width: 800px) {
  html.faq-page .page-wrapper {
    padding-top: 2em;
    padding-bottom: 2em;
  }
}
html.faq-page .button-content-block {
  background: #f3363e;
}
@media handheld, only screen and (max-width: 800px) {
  html.faq-page ul li a {
    font-size: 1.1em;
  }
}
html.faq-page .categories {
  font-weight: 500;
  font-size: 0.9em;
  min-height: 400px;
  list-style-type: none;
}
@media handheld, only screen and (max-width: 800px) {
  html.faq-page .categories {
    min-height: 0px;
  }
}
@media handheld, only screen and (max-width: 800px) {
  html.faq-page .categories.faq-mobile-nav a.faq-category-selected {
    font-weight: bold;
    background: #dadfe3;
    cursor: pointer;
  }
}
@media handheld, only screen and (max-width: 800px) {
  html.faq-page .categories.faq-mobile-nav a span {
    margin-left: 1em;
  }
}
html.faq-page .categories.faq-mobile-nav a i {
  position: relative;
  top: 0.55em;
  left: 0em;
  color: #333333;
}
html.faq-page .categories li {
  margin-bottom: 1px;
}
html.faq-page .categories li a {
  text-decoration: none;
  color: #333333;
  display: block;
  padding: 0.6em 1em;
  font-size: 0.9em;
  line-height: 1.2;
  background: #f7f8f9;
  position: relative;
  padding-right: 2em;
}
html.faq-page .categories li a.selected {
  background: #dadfe3;
}
@media handheld, only screen and (max-width: 800px) {
  html.faq-page .categories li a.selected {
    background: #f7f8f9;
  }
}
html.faq-page .categories li a.selected i {
  color: #7893a3;
}
html.faq-page .categories li a i {
  position: absolute;
  top: 50%;
  color: #cccccc;
  right: 1em;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
html.faq-page .questions,
html.faq-page .unselected {
  margin-left: 2em;
}
html.faq-page .questions,
html.faq-page .faq-mobile-nav {
  display: none;
}
html.faq-page .questions {
  margin-left: 0;
  list-style-type: none;
  font-weight: 700;
}
@media handheld, only screen and (max-width: 800px) {
  html.faq-page .questions {
    margin-left: 0;
    font-weight: 500;
  }
}
html.faq-page .questions li {
  margin: 1em 0;
  font-size: 1em;
  line-height: 1.2;
}
html.faq-page .banners {
  margin-top: 3em;
}
@media handheld, only screen and (max-width: 800px) {
  html.faq-page .banners {
    margin-top: 1.5em;
  }
}
html.faq-page .banner {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #7893a3;
  padding: 2em;
  margin-bottom: 1em;
  color: white;
  text-align: center;
  line-height: 1.2;
}
@media handheld, only screen and (max-width: 800px) {
  html.faq-page .banner {
    padding: 1em 1em 1em 3.2em;
    position: relative;
    text-align: left;
    margin-top: 0.2em;
    margin-bottom: 0.5em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
}
@media handheld, only screen and (max-width: 800px) {
  html.faq-page .banner h3,
  html.faq-page .banner h4 {
    margin: 0;
    display: inline;
  }
}
html.faq-page .banner h3 {
  font-weight: bold;
  margin-top: 0;
}
html.faq-page .banner a {
  text-decoration: none;
  color: white;
}
html.faq-page .banner i {
  margin: 0 0.5em 0 0;
}
@media handheld, only screen and (max-width: 800px) {
  html.faq-page .banner i {
    position: absolute;
    left: 1em;
    top: 1.1em;
  }
}
html.faq-page .banner.good {
  background: #abc8a4;
}
html.faq-page .banner.bad {
  background: #f3363e;
}
html.faq-page .banner.community {
  background: #595959;
}
html.freeview-product {
  font-family: "Montserrat", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  line-height: 1.8;
  font-weight: 400;
}
html.freeview-product .container {
  padding-left: 2%;
  padding-right: 2%;
}
html.freeview-product .row {
  width: 100%;
}
html.freeview-product .row .twelvecol {
  width: 98.1% !important;
  margin-left: 0.95%;
  margin-right: 0.95%;
  float: none;
}
html.freeview-product .row .nav-twelvecol {
  float: left;
}
html.freeview-product .menu-open .secondary-header {
  position: absolute;
}
html.freeview-product .menu-open .scroll-nav {
  right: -40px;
  opacity: 0;
}
html.freeview-product header {
  background-color: #232323;
}
html.freeview-product header .nav-wrapper {
  padding-left: 0;
  padding-right: 0;
}
@media handheld, only screen and (max-width: 1100px) {
  html.freeview-product header .nav-wrapper .row .twelvecol {
    width: 100% !important;
    margin-left: 0;
    margin-right: 0;
  }
}
html.freeview-product header.tiny .nav-wrapper {
  padding-left: 0;
  padding-right: 0;
}
html.freeview-product .search-wrapper {
  background: rgba(255, 255, 255, 0.4);
}
html.freeview-product .cta {
  text-align: center;
}
html.freeview-product .cta img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
html.freeview-product .cta .button {
  margin-top: 0;
  margin-bottom: 0;
}
html.freeview-product main {
  font-family: "Montserrat", "Helvetica", "Arial", sans-serif;
}
html.freeview-product main h1 sub,
html.freeview-product main h2 sub,
html.freeview-product main h3 sub,
html.freeview-product main h4 sub,
html.freeview-product main h5 sub,
html.freeview-product main h6 sub,
html.freeview-product main .h1 sub,
html.freeview-product main .h2 sub,
html.freeview-product main .h3 sub,
html.freeview-product main .h4 sub,
html.freeview-product main .h5 sub,
html.freeview-product main .h6 sub {
  font-size: 1.333rem;
  font-weight: 700;
  vertical-align: baseline;
}
html.freeview-product main h1 span,
html.freeview-product main h2 span,
html.freeview-product main h3 span,
html.freeview-product main h4 span,
html.freeview-product main h5 span,
html.freeview-product main h6 span,
html.freeview-product main .h1 span,
html.freeview-product main .h2 span,
html.freeview-product main .h3 span,
html.freeview-product main .h4 span,
html.freeview-product main .h5 span,
html.freeview-product main .h6 span {
  font-weight: 400;
}
html.freeview-product main h1 small,
html.freeview-product main h2 small,
html.freeview-product main h3 small,
html.freeview-product main h4 small,
html.freeview-product main h5 small,
html.freeview-product main h6 small,
html.freeview-product main .h1 small,
html.freeview-product main .h2 small,
html.freeview-product main .h3 small,
html.freeview-product main .h4 small,
html.freeview-product main .h5 small,
html.freeview-product main .h6 small {
  font-size: 0.778rem;
  font-weight: 400;
}
html.freeview-product main h1,
html.freeview-product main .h1 {
  font-size: 2rem;
  line-height: 2.389rem;
  font-weight: 700;
}
html.freeview-product main h2,
html.freeview-product main .h2 {
  font-size: 1.667rem;
  line-height: 2rem;
  font-weight: 700;
}
html.freeview-product main h3,
html.freeview-product main .h3 {
  font-size: 1.333rem;
  line-height: 1.611rem;
  font-weight: 700;
}
html.freeview-product main h4,
html.freeview-product main .h4 {
  font-size: 1.222rem;
  line-height: 1.667rem;
  font-weight: 700;
}
html.freeview-product main h5,
html.freeview-product main .h5 {
  font-size: 1.167rem;
  line-height: 1.389rem;
  font-weight: 700;
}
html.freeview-product main h6,
html.freeview-product main .h6 {
  font-size: 1.167rem;
  line-height: 1.389rem;
  font-weight: 400;
}
html.freeview-product main p,
html.freeview-product main .p,
html.freeview-product main li {
  font-size: 1rem;
  line-height: 1.333rem;
  font-weight: 400;
}
html.freeview-product main b,
html.freeview-product main strong {
  font-weight: 700;
}
html.freeview-product main ::-webkit-input-placeholder {
  color: #5e5e5e;
}
html.freeview-product main ::-moz-placeholder {
  color: #5e5e5e;
}
html.freeview-product main :-ms-input-placeholder {
  color: #5e5e5e;
}
html.freeview-product main :-moz-placeholder {
  color: #5e5e5e;
}
html.freeview-product main textarea,
html.freeview-product main select,
html.freeview-product main input:not(.button) {
  font-size: 0.833rem;
  line-height: 1rem;
  font-weight: 400;
  color: #5e5e5e;
}
html.freeview-product main .button,
html.freeview-product main button,
html.freeview-product main button[type="submit"],
html.freeview-product main input[type="submit"] {
  display: inline-block;
  width: auto;
  min-width: 1px;
  padding: 12px 48px;
  background-color: black;
  box-shadow: 0px 0px 0px 2px transparent inset;
  color: white;
  cursor: pointer;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  font-size: 1.333rem;
  line-height: 1.611rem;
}
html.freeview-product main .button.inverted,
html.freeview-product main button.inverted,
html.freeview-product main button[type="submit"].inverted,
html.freeview-product main input[type="submit"].inverted {
  background-color: white;
  box-shadow: 0px 0px 0px 2px white inset;
  color: black;
}
html.freeview-product main .button.inverted.outlined,
html.freeview-product main button.inverted.outlined,
html.freeview-product main button[type="submit"].inverted.outlined,
html.freeview-product main input[type="submit"].inverted.outlined {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px white inset;
  color: white;
}
html.freeview-product main .button.outlined,
html.freeview-product main button.outlined,
html.freeview-product main button[type="submit"].outlined,
html.freeview-product main input[type="submit"].outlined {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px black inset;
  color: black;
}
html.freeview-product main .secondary-nav li {
  font-size: 0.778rem;
}
html.freeview-product .intro {
  max-width: 950px;
  margin-bottom: 24px;
  text-align: center;
}
html.freeview-product .intro:last-child {
  margin-bottom: 0;
}
html.freeview-product .intro img {
  margin-left: auto;
  margin-right: auto;
}
html.freeview-product .hgroup > *,
html.freeview-product .rich-text > * {
  margin-bottom: 24px;
}
html.freeview-product .hgroup > *:first-child,
html.freeview-product .rich-text > *:first-child {
  margin-top: 0;
}
html.freeview-product .hgroup > *:last-child,
html.freeview-product .rich-text > *:last-child {
  margin-bottom: 0;
}
html.freeview-product .rich-text a {
  color: currentColor;
  opacity: 0.8;
}
html.freeview-product .rich-text strong,
html.freeview-product .rich-text b {
  font-weight: 600;
}
html.freeview-product label {
  text-transform: none;
}
html.freeview-product label[for] {
  cursor: pointer;
}
html.freeview-product .form-field {
  margin-bottom: 24px;
}
html.freeview-product .form-field:last-child {
  margin-bottom: 0;
}
html.freeview-product .radio-wrapper {
  position: relative;
}
html.freeview-product .radio-wrapper.summary > * {
  display: block;
  margin: 12px 0;
}
html.freeview-product .radio-wrapper.summary > *:first-child {
  margin-top: 0;
}
html.freeview-product .radio-wrapper.summary > *:last-child {
  margin-bottom: 0;
}
html.freeview-product .radio-wrapper.summary .label,
html.freeview-product .radio-wrapper.summary label {
  margin-bottom: 12px;
  padding-left: 0;
}
html.freeview-product .radio-wrapper.summary .result {
  font-size: 0.889rem;
  line-height: 1.056rem;
  font-weight: 700;
}
html.freeview-product .radio-wrapper .label,
html.freeview-product .radio-wrapper label {
  position: relative;
  width: auto;
  margin-bottom: 20px;
  padding: 0;
  padding-left: 30px;
  text-transform: none;
  font-size: 0.778rem;
  line-height: 1rem;
  font-weight: 400;
}
html.freeview-product .radio-wrapper .label:last-child,
html.freeview-product .radio-wrapper label:last-child {
  margin-bottom: 0;
}
html.freeview-product .radio-wrapper .label strong,
html.freeview-product .radio-wrapper label strong,
html.freeview-product .radio-wrapper .label b,
html.freeview-product .radio-wrapper label b {
  font-size: 0.889rem;
  line-height: 1.056rem;
  font-weight: 700;
}
html.freeview-product .radio-wrapper input {
  position: absolute;
  opacity: 0;
}
html.freeview-product .radio-wrapper input:checked + .radiobox:before {
  opacity: 1;
  transform: scale(1);
}
html.freeview-product .radio-wrapper .radiobox {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 17px;
  height: 17px;
  border: 2px solid #545454;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  vertical-align: middle;
}
html.freeview-product .radio-wrapper .radiobox:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 9px;
  height: 9px;
  background-color: #545454;
  transform: scale(0.5);
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  opacity: 0;
}
html.freeview-product .checkbox-wrapper {
  position: relative;
}
html.freeview-product .checkbox-wrapper.summary .label,
html.freeview-product .checkbox-wrapper.summary label {
  padding-left: 0;
}
html.freeview-product .checkbox-wrapper .label,
html.freeview-product .checkbox-wrapper label {
  position: relative;
  width: auto;
  margin-bottom: 20px;
  padding: 0;
  padding-left: 30px;
  text-transform: none;
  font-size: 0.778rem;
  line-height: 1rem;
  font-weight: 400;
}
html.freeview-product .checkbox-wrapper .label:last-child,
html.freeview-product .checkbox-wrapper label:last-child {
  margin-bottom: 0;
}
html.freeview-product .checkbox-wrapper input {
  position: absolute;
  opacity: 0;
}
html.freeview-product .checkbox-wrapper input:checked + .checkbox:before {
  opacity: 1;
  transform: rotate(45deg) scale(1);
}
html.freeview-product .checkbox-wrapper .checkbox {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 17px;
  height: 17px;
  border: 2px solid #545454;
}
html.freeview-product .checkbox-wrapper .checkbox:before {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  left: 4px;
  width: 4px;
  height: 8px;
  border: solid #545454;
  border-width: 0 2px 2px 0;
  opacity: 0;
  transform: rotate(45deg) scale(0);
}
html.freeview-product .field-validation-error {
  display: block;
  width: 100%;
  padding: 6px 24px;
  background-color: #590d03;
  font-size: 0.889rem;
  line-height: 1.056rem;
  font-weight: 700;
  color: white;
}
@media handheld, only screen and (max-width: 800px) {
  html.freeview-product .field-validation-error {
    padding-left: 12px;
    padding-right: 12px;
  }
}
html.freeview-product .featured-info {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 60px;
  margin-bottom: 30px;
  border-top: none;
}
@media handheld, only screen and (min-width: 1024px) {
  html.freeview-product .featured-info .right {
    padding-left: 8%;
  }
}
html.freeview-product .featured-info .gallery-wrapper {
  display: none;
}
html.freeview-product .retailers {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 30px;
  margin-bottom: 60px;
  text-align: center;
  border-top: none;
}
.section-title {
  margin-top: 24px;
  margin-bottom: 24px;
}
.product-info {
  padding-top: 12px;
  border-top: 1px solid #cccccc;
}
@media handheld, only screen and (min-width: 1024px) {
  .product-info {
    padding-top: 36px;
  }
}
.product-info > .container {
  padding-left: 0;
  padding-right: 0;
}
.product-info .content-section {
  padding-top: 0;
  padding-bottom: 0;
}
@media handheld, only screen and (min-width: 1024px) {
  .product-info .content-section {
    border-top: none;
  }
}
.product-info .content-section:first-child,
.product-info .content-section:first-of-type {
  border-top: none;
}
@media handheld, only screen and (max-width: 1023px) {
  .product-info .content-section:first-child .left,
  .product-info .content-section:first-of-type .left {
    padding-top: 0;
  }
}
.product-info .content-section:first-child .right,
.product-info .content-section:first-of-type .right {
  border-top: none;
}
@media handheld, only screen and (min-width: 1024px) {
  .product-info .content-section.section-equipment-list {
    padding-top: 36px;
    padding-bottom: 36px;
  }
}
.product-info .content-section.section-equipment-list .image-list {
  margin-bottom: 96px;
  padding: 24px;
}
@media handheld, only screen and (min-width: 800px) {
  .product-info .content-section.section-equipment-list .image-list {
    padding: 36px;
    padding-bottom: 0;
  }
}
.product-info .content-section.section-equipment-list .image-list img {
  margin-right: 6px;
}
.product-info .content-section.section-equipment-list .image-list img:last-child {
  margin-right: 0;
}
.product-info .content-section.section-equipment-list .intro {
  text-align: left;
}
.product-info .content-section .left {
  padding-top: 36px;
  padding-bottom: 0;
}
@media handheld, only screen and (min-width: 1024px) {
  .product-info .content-section .left {
    padding-top: 36px;
    padding-bottom: 36px;
  }
}
.product-info .content-section .right {
  padding-top: 0;
  padding-bottom: 36px;
}
@media handheld, only screen and (min-width: 1024px) {
  .product-info .content-section .right {
    padding-top: 36px;
    padding-bottom: 36px;
  }
}
@media handheld, only screen and (min-width: 1024px) {
  .product-info .right {
    border-top: 1px solid #cccccc;
  }
}
.price {
  font-size: 2rem;
  line-height: 2.389rem;
  font-weight: 400;
}
.price b {
  font-size: 1.333rem;
  font-weight: 700;
}
.price small {
  font-size: 0.778rem;
  font-weight: 400;
}
.image-grid {
  list-style: none;
}
.gallery-container {
  display: block;
  text-align: center;
}
.gallery-container img {
  display: block;
}
.gallery-container span {
  display: inline-block;
  margin-top: 12px;
  color: #969696;
  text-decoration: underline;
}
.image-wrapper img {
  display: block;
}
.logo-group {
  list-style: none;
}
.logo-group li {
  width: 12.38%;
  float: left;
  margin-left: 0.95%;
  margin-right: 0.95%;
  margin-top: 0.95%;
  margin-bottom: 0.95%;
}
@media handheld, only screen and (max-width: 800px) {
  .logo-group li.sixcol-sm {
    width: 48.1% !important;
    float: left;
    margin-left: 0.95%;
    margin-right: 0.95%;
  }
}
@media handheld, only screen and (max-width: 800px) {
  .logo-group li.threecol-sm {
    width: 23.1% !important;
    float: left;
    margin-left: 0.95%;
    margin-right: 0.95%;
  }
}
.logo-item {
  display: block;
}
.logo-item img {
  display: block;
  width: 100%;
}
html.landing-page header.tiny .row {
  max-width: 100%;
}
html.landing-page header .row {
  max-width: 1480px;
}
html.landing-page .row {
  max-width: 950px;
}
html.landing-page .footnote {
  background-color: #010101;
}
html.landing-page .footnote .rich-text {
  color: white;
}
html.landing-page .footnote .rich-text .small,
html.landing-page .footnote .rich-text small {
  color: #9b9b9b;
}
html.landing-page .intro,
html.landing-page .cta {
  max-width: 780px;
}
@media handheld, only screen and (max-width: 800px) {
  html.landing-page .intro,
  html.landing-page .cta {
    padding-left: 24px;
    padding-right: 24px;
  }
}
html.landing-page .hero-slide-item,
html.landing-page .content-section {
  min-height: 100vh;
}
html.landing-page .content-section {
  border-top: none;
}
@media handheld, only screen and (max-width: 800px) {
  html.landing-page .content-section:not(.section-row-carousel) {
    padding-left: 30px;
    padding-right: 30px;
  }
}
html.landing-page .section-row-carousel {
  min-height: 1px;
}
@media handheld, only screen and (min-width: 801px) {
  html.landing-page .section-row-carousel {
    min-height: 600px;
  }
}
html.landing-page .section-hero-banner {
  min-height: calc(100vh - 137px);
}
@media handheld, only screen and (max-width: 1100px) {
  html.landing-page .section-hero-banner {
    min-height: calc(100vh - 132px);
  }
}
@media handheld, only screen and (max-width: 800px) {
  html.landing-page .section-hero-banner {
    min-height: calc(100vh - 145px);
  }
}
html.landing-page .section-label {
  position: absolute;
  font-size: 110px;
  font-weight: 800;
  color: #eaeaea;
}
.owl-item .insitu-container,
.insitu-container {
  position: relative;
  width: 700px;
  margin-left: auto;
  margin-right: auto;
}
@media handheld, only screen and (max-width: 768px) {
  .owl-item .insitu-container,
  .insitu-container {
    width: 600px;
  }
}
@media handheld, only screen and (max-width: 600px) {
  .owl-item .insitu-container,
  .insitu-container {
    width: 500px;
  }
}
@media handheld, only screen and (max-width: 414px) {
  .owl-item .insitu-container,
  .insitu-container {
    width: 395px;
  }
}
@media handheld, only screen and (max-width: 375px) {
  .owl-item .insitu-container,
  .insitu-container {
    width: 370px;
  }
}
@media handheld, only screen and (max-width: 325px) {
  .owl-item .insitu-container,
  .insitu-container {
    width: 300px;
  }
}
.scroll-nav {
  position: fixed;
  top: 50%;
  right: 6px;
  z-index: 200;
  transform: translateY(-50%);
}
@media handheld, only screen and (min-width: 801px) {
  .scroll-nav {
    right: 24px;
  }
}
.scroll-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.scroll-nav a {
  display: block;
  width: 20px;
  height: 20px;
  text-align: center;
}
.scroll-nav a.active span {
  opacity: 1;
  width: 10px;
  height: 10px;
}
.scroll-nav a span {
  display: inline-block;
  line-height: 20px;
  width: 6px;
  height: 6px;
  background-color: white;
  border: 1px solid #cccccc;
  opacity: 0.8;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.animate {
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  opacity: 0;
  transform: translateY(80px);
}
.animate.sofa {
  opacity: 1;
  transform: translateX(-50%) translateY(80px);
}
.animate.button,
.animate.featured-product,
.animate.logo-wrapper,
.animate.screen {
  transform: translateY(0px);
}
.ui-container .logo-container .animate.logo-wrapper:first-child:after {
  transform: rotate(-45deg) translateY(0px);
}
.ui-container .logo-container .animate.logo-wrapper:nth-child(2):after {
  transform: rotate(45deg) translateY(0px);
}
.hero-slideshow-content .animate.featured-product,
.section-tv-insitu .animate.featured-product,
.section-hero-banner .animate.featured-product {
  transform: translateX(-50%) translateY(0px);
}
.animate:nth-child(1) {
  transition-delay: 0s;
}
.animate:nth-child(2) {
  transition-delay: 0.2s;
}
.animate:nth-child(3) {
  transition-delay: 0.25s;
}
.animate:nth-child(4) {
  transition-delay: 0.3s;
}
.animate:nth-child(5) {
  transition-delay: 0.35s;
}
.animate:nth-child(6) {
  transition-delay: 0.4s;
}
.animate:nth-child(7) {
  transition-delay: 0.45s;
}
.animate:nth-child(8) {
  transition-delay: 0.5s;
}
.animate:nth-child(9) {
  transition-delay: 0.55s;
}
.animate:nth-child(10) {
  transition-delay: 0.6s;
}
.animate .animate:nth-child(1) {
  transition-delay: 0.6s;
}
.animate .animate:nth-child(2) {
  transition-delay: 0.65s;
}
.animate .animate:nth-child(3) {
  transition-delay: 0.7s;
}
.animate .animate:nth-child(4) {
  transition-delay: 0.75s;
}
.animate .animate:nth-child(5) {
  transition-delay: 0.8s;
}
.animate .animate:nth-child(6) {
  transition-delay: 0.85s;
}
.animate .animate:nth-child(7) {
  transition-delay: 0.9s;
}
.animate .animate:nth-child(8) {
  transition-delay: 1s;
}
.animate .animate:nth-child(9) {
  transition-delay: 1.05s;
}
.animate .animate:nth-child(10) {
  transition-delay: 1.1s;
}
.animated {
  opacity: 1;
  transform: translateY(0px);
}
.animated.sofa {
  opacity: 1;
  transform: translateX(-50%) translateY(0px);
}
.animated.logo-wrapper,
.animated.screen {
  transform: translateY(0px);
}
.ui-container .logo-container .animated.logo-wrapper:first-child:after {
  transform: rotate(-45deg) translateY(0px);
}
.ui-container .logo-container .animated.logo-wrapper:nth-child(2):after {
  transform: rotate(45deg) translateY(0px);
}
.ui-container .logo-container .animated.logo-wrapper:after {
  opacity: 1;
  height: 70%;
}
.hero-slideshow-content .animated.featured-product,
.section-hero-banner .animated.featured-product,
.section-tv-insitu .animated.featured-product,
.section-hero-banner .animated.featured-product {
  transform: translateX(-50%) translateY(0px);
}
html.specs-page main .row {
  max-width: 1110px;
}
html.specs-page .rich-text .p,
html.specs-page .rich-text p,
html.specs-page .rich-text li {
  font-size: 1.167rem;
  line-height: 1.389rem;
  font-weight: 700;
  font-weight: 400;
}
html.specs-page .cta {
  padding-top: 0;
  border-top: none;
}
html.purchase-page .product-info .row,
html.purchase-page .footnote .row,
html.purchase-page section .row {
  max-width: 1110px;
}
html.purchase-page .cta {
  padding-top: 0;
  padding-bottom: 0;
}
html.purchase-page .cta > .row {
  padding-top: 24px;
  padding-bottom: 24px;
  border-top: 1px solid #cccccc;
}
@media handheld, only screen and (min-width: 1024px) {
  html.purchase-page .cta > .row {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
html.purchase-page .cta .button:first-child:last-child {
  margin-top: 0;
  margin-bottom: 0;
}
html.quiz-page {
  background-color: black;
}
html.quiz-page body {
  color: white;
  background-color: black;
}
html.quiz-page .secondary-header {
  border-bottom: 1px solid transparent;
}
html.quiz-page .secondary-header.tiny {
  border-color: #333333;
}
html.quiz-page .btn-buy {
  background-color: transparent;
  box-shadow: 0px 0px 0px 1px white inset;
  color: white;
}
html.quiz-page .main-content {
  position: relative;
  background-image: url(/cassette.axd/file/Content/Images/FreeviewRecorder/lights-bg-4f3bb39b25349b22168ef16875d9b751f8ad4698.jpg);
  background-repeat: no-repeat;
  background-size: 100% auto;
}
html.quiz-page .main-content:before,
html.quiz-page .main-content:after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  width: 50px;
  height: 100%;
}
@media handheld, only screen and (min-width: 801px) {
  html.quiz-page .main-content:before,
  html.quiz-page .main-content:after {
    width: 100px;
  }
}
@media handheld, only screen and (min-width: 1024px) {
  html.quiz-page .main-content:before,
  html.quiz-page .main-content:after {
    width: 200px;
  }
}
html.quiz-page .main-content:before {
  left: 0;
  background: -moz-linear-gradient(left, black 0%, #070707 50%, rgba(13, 13, 13, 0) 100%);
  background: -webkit-linear-gradient(left, black 0%, #070707 50%, rgba(13, 13, 13, 0) 100%);
  background: linear-gradient(to right, black 0%, #070707 50%, rgba(13, 13, 13, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000d0d0d', GradientType=1);
}
html.quiz-page .main-content:after {
  right: 0;
  background: -moz-linear-gradient(left, rgba(13, 13, 13, 0) 0%, rgba(12, 12, 12, 0) 9%, black 100%);
  background: -webkit-linear-gradient(left, rgba(13, 13, 13, 0) 0%, rgba(12, 12, 12, 0) 9%, black 100%);
  background: linear-gradient(to right, rgba(13, 13, 13, 0) 0%, rgba(12, 12, 12, 0) 9%, black 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000d0d0d', endColorstr='#000000', GradientType=1);
}
html.quiz-page main {
  position: relative;
  z-index: 1;
}
html.quiz-page main .button,
html.quiz-page main button,
html.quiz-page main button[type="submit"],
html.quiz-page main input[type="submit"] {
  background-color: white;
  box-shadow: 0px 0px 0px 2px transparent inset;
  color: black;
}
html.quiz-page main .button.inverted,
html.quiz-page main button.inverted,
html.quiz-page main button[type="submit"].inverted,
html.quiz-page main input[type="submit"].inverted {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px white inset;
  color: white;
}
html.quiz-page .footnote .row,
html.quiz-page section .row {
  max-width: 770px;
}
html.quiz-page .row.intro {
  max-width: 460px;
}
html.quiz-page .footnote {
  border-color: #ececec;
}
html.quiz-page .quiz-banner {
  padding-bottom: 0;
}
html.quiz-page .quiz-form {
  padding-top: 0;
  padding-bottom: 0;
}
html.quiz-page .quiz-form > h3 {
  margin-top: 60px;
}
html.quiz-page .cta {
  padding-bottom: 40px;
}
html.quiz-page .container {
  padding-left: 25px;
  padding-right: 25px;
}
html.quiz-page footer {
  background-color: black;
}
html.quiz-page footer a {
  color: white;
}
.quiz-banner .row.intro {
  max-width: 460px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 24px;
  text-align: center;
  color: white;
}
.quiz-banner .row.intro:last-child {
  margin-bottom: 0;
}
.quiz-banner .row.intro .rich-text {
  color: #c6c6c6;
  font-size: 0.778rem;
  line-height: 0.944rem;
  font-weight: 400;
}
.quiz-form > h3 {
  font-weight: 400;
}
.quiz-form .person-details {
  padding-top: 40px;
  padding-bottom: 40px;
}
.quiz-form .person-details .overlap-label {
  position: relative;
}
.quiz-form .person-details .overlap-label label {
  display: inline-block;
  position: absolute;
  left: 24px;
  top: -10px;
  padding: 3px 12px;
  background-color: #969696;
  color: white;
  text-align: center;
  text-transform: uppercase;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 0.667rem;
  line-height: 0.778rem;
  font-weight: 700;
}
@media handheld, only screen and (max-width: 800px) {
  .quiz-form .person-details .overlap-label label {
    left: 12px;
  }
}
.quiz-form .person-details .overlap-label label.required:after {
  content: "*";
  font-size: 30px;
  color: #969696;
  position: absolute;
  top: 16px;
  right: -15px;
  line-height: 0;
}
.quiz-form .person-details .overlap-label input:not([type="submit"]) {
  padding: 12px 24px;
  padding-top: 19px;
}
@media handheld, only screen and (max-width: 800px) {
  .quiz-form .person-details .overlap-label input:not([type="submit"]) {
    padding-left: 12px;
    padding-right: 12px;
  }
}
.quiz-form .person-details .overlap-label .select-wrapper {
  padding: 0;
  background-color: white;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.quiz-form .person-details .overlap-label .select-wrapper:after {
  content: "";
  position: absolute;
  right: 24px;
  top: 18px;
  width: 9px;
  height: 9px;
  border: 3px solid #969696;
  border-top: 0;
  border-left: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  pointer-events: none;
}
.quiz-form .person-details .overlap-label .select-wrapper select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  display: block;
  padding: 12px 24px;
  padding-top: 19px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
}
@media handheld, only screen and (max-width: 800px) {
  .quiz-form .person-details .overlap-label .select-wrapper select {
    padding-left: 12px;
    padding-right: 12px;
  }
}
.quiz-form .person-details .checkbox-wrapper .checkbox {
  border: 2px solid white;
}
.quiz-form .person-details .checkbox-wrapper .checkbox:before {
  border-color: white;
}
.quiz-form .person-details .radio-wrapper .radiobox {
  border: 2px solid white;
}
.quiz-form .person-details .radio-wrapper .radiobox:before {
  background-color: white;
}
.quiz-form .person-details .newsletter-checkbox {
  padding-left: 12px;
  padding-right: 12px;
}
@media handheld, only screen and (min-width: 801px) {
  .quiz-form .person-details .newsletter-checkbox {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.quiz-form .person-details .newsletter-checkbox input:checked + input + .checkbox:before {
  opacity: 1;
  transform: rotate(45deg) scale(1);
}
.quiz-form .person-details .field-validation-error {
  margin-top: -3px;
}
.quiz-form .store-names {
  display: none;
}
.quiz-form .feedback-container.rich-text h4 {
  font-size: 0.889rem;
  line-height: 1.056rem;
  font-weight: 700;
}
.quiz-form .feedback-container.rich-text p {
  font-size: 0.778rem;
  line-height: 1rem;
  font-weight: 400;
}
.quiz-form .feedback-container.rich-text > * {
  margin-bottom: 12px;
}
.quiz-form .feedback-container.rich-text > *:last-child {
  margin-bottom: 0;
}
.question {
  position: relative;
  border-top: 1px solid #333333;
  padding-top: 40px;
  padding-bottom: 40px;
  color: black;
}
.question .twelvecol {
  width: 98.1% !important;
  margin-left: 0.95%;
  margin-right: 0.95%;
  float: none;
}
@media handheld, only screen and (min-width: 801px) {
  .question.correct .label,
  .question.incorrect .label,
  .question.correct .summary,
  .question.incorrect .summary {
    padding-bottom: 20px;
  }
}
.question.correct .count {
  background-color: #0f6d01;
}
.question.correct .result {
  color: #0f6d01;
  font-weight: 800;
}
.question.correct .icon:before {
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  left: 3px;
  width: 6px;
  height: 14px;
  border: solid #0f6d01;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.question.incorrect .count {
  background-color: #590d03;
}
.question.incorrect .result {
  color: #590d03;
}
.question.incorrect .icon:before,
.question.incorrect .icon:after {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  left: 5px;
  width: 2px;
  height: 16px;
  background-color: #590d03;
}
.question.incorrect .icon:before {
  transform: rotate(45deg);
}
.question.incorrect .icon:after {
  transform: rotate(-45deg);
}
@media handheld, only screen and (min-width: 801px) {
  .question .flex-container {
    display: flex;
    flex-wrap: wrap;
  }
}
.question .count {
  display: block;
  position: absolute;
  top: -21px;
  left: -21px;
  width: 42px;
  height: 42px;
  background-color: #969696;
  color: white;
  text-align: center;
  line-height: 42px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 0.778rem;
  font-weight: 700;
}
.question .form-field {
  margin-bottom: 0;
  background-color: white;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.question .label {
  display: block;
  width: 100%;
  padding: 35px;
  font-size: 0.889rem;
  line-height: 1.056rem;
  font-weight: 700;
}
@media handheld, only screen and (min-width: 801px) {
  .question .label {
    width: 40%;
  }
}
@media handheld, only screen and (max-width: 800px) {
  .question .label {
    padding: 25px;
    padding-bottom: 10px;
  }
}
.question .checkbox-wrapper,
.question .radio-wrapper {
  position: relative;
  width: 100%;
  padding: 35px;
}
@media handheld, only screen and (min-width: 801px) {
  .question .checkbox-wrapper,
  .question .radio-wrapper {
    width: 60%;
    border-left: 1px solid #969696;
  }
}
@media handheld, only screen and (max-width: 800px) {
  .question .checkbox-wrapper,
  .question .radio-wrapper {
    padding: 25px;
    padding-top: 10px;
  }
}
.question .checkbox-wrapper .label:before,
.question .radio-wrapper .label:before,
.question .checkbox-wrapper label:before,
.question .radio-wrapper label:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: -1px;
  left: -35px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #969696;
  opacity: 0;
}
@media handheld, only screen and (max-width: 800px) {
  .question .checkbox-wrapper .label:before,
  .question .radio-wrapper .label:before,
  .question .checkbox-wrapper label:before,
  .question .radio-wrapper label:before {
    left: -25px;
  }
}
.question .checkbox-wrapper .label.selected:before,
.question .radio-wrapper .label.selected:before,
.question .checkbox-wrapper label.selected:before,
.question .radio-wrapper label.selected:before {
  opacity: 1;
}
.question .checkbox-wrapper input,
.question .radio-wrapper input {
  position: absolute;
  opacity: 0;
}
.question .checkbox-wrapper input:checked + .radiobox:before,
.question .radio-wrapper input:checked + .radiobox:before {
  opacity: 1;
  transform: scale(1);
}
.question .checkbox-wrapper .checkbox,
.question .radio-wrapper .checkbox {
  border: 2px solid #545454;
}
.question .checkbox-wrapper .checkbox:before,
.question .radio-wrapper .checkbox:before {
  border-color: #545454;
}
.question .checkbox-wrapper .radiobox,
.question .radio-wrapper .radiobox {
  border: 2px solid #545454;
}
.question .checkbox-wrapper .radiobox:before,
.question .radio-wrapper .radiobox:before {
  background-color: #545454;
}
.question .result {
  font-weight: 600;
}
.question .result .icon {
  display: inline-block;
  vertical-align: sub;
  position: relative;
  width: 20px;
  height: 15px;
}
.question .feedback-container {
  display: block;
  width: 100%;
  flex-shrink: 0;
  padding: 20px 35px;
  border-top: 1px solid #969696;
}
@media handheld, only screen and (max-width: 800px) {
  .question .feedback-container {
    padding: 25px;
  }
}
.question .field-validation-error {
  flex-shrink: 0;
  padding: 10px 35px;
  border-radius: 0 0 9px 9px;
}
@media handheld, only screen and (max-width: 800px) {
  .question .field-validation-error {
    padding-left: 25px;
    padding-right: 25px;
  }
}
html.approved-products-page {
  background: #f8f9fb;
}
@media handheld, only screen and (max-width: 480px) {
  html.approved-products-page {
    width: 100%;
    margin: 0.3em 0;
  }
}
html.approved-products-page.mobile .search {
  visibility: hidden;
}
@media handheld, only screen and (max-width: 800px) {
  html.approved-products-page body {
    background: transparent;
  }
}
html.approved-products-page .page-wrapper {
  padding-top: 3em;
  padding-bottom: 3em;
}
@media handheld, only screen and (max-width: 1023px) {
  html.approved-products-page .page-wrapper {
    padding-top: 2em;
    padding-bottom: 2em;
  }
}
html.approved-products-page .search {
  visibility: hidden;
}
html.approved-products-page .search-wrapper {
  display: block;
  background: #333333;
}
html.approved-products-page .search-wrapper .search-title select {
  width: auto;
  height: 35px;
  margin-top: 0;
  font-size: 0.8em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
html.approved-products-page .search-wrapper .search-title select:last-of-type {
  margin-right: 0;
}
html.approved-products-page .search-wrapper .search-form {
  max-width: calc(100% - 810px);
}
@media handheld, only screen and (max-width: 1200px) {
  html.approved-products-page .search-wrapper .search-form {
    max-width: calc(100% - 680px);
  }
}
@media handheld, only screen and (max-width: 1023px) {
  html.approved-products-page .search-wrapper .search-form {
    max-width: 560px;
  }
}
html.approved-products-page .search-wrapper a {
  color: white;
}
html.approved-products-page .search-wrapper a i {
  color: currentColor;
}
html.approved-products-page .search-wrapper .btn-reset-filters {
  margin-left: 7px;
  opacity: 0.8;
}
html.approved-products-page header {
  background: white;
}
html.approved-products-page header i {
  color: #333333;
}
html.approved-products-page header a {
  color: #333333;
}
html.approved-products-page header svg {
  fill: #333333;
}
html.approved-products-page header h1 {
  font-size: 1em;
  color: #333333;
  float: left;
  margin-right: 1em;
}
html.approved-products-page .products {
  margin-top: 48px;
}
@media handheld, only screen and (max-width: 800px) {
  html.approved-products-page .products {
    padding-top: 0;
  }
}
html.approved-products-page .products .product {
  width: 19%;
  margin: 0 0.5% 0.7em 0.5%;
}
@media handheld, only screen and (max-width: 1260px) {
  html.approved-products-page .products .product {
    width: 23%;
    margin: 0.3em 1%;
  }
}
@media handheld, only screen and (max-width: 800px) {
  html.approved-products-page .products .product {
    width: 48%;
    margin: 0.3em 1%;
  }
}
html.approved-products-page .service-logo {
  padding-top: 8em;
  margin-bottom: 2em;
}
@media handheld, only screen and (max-width: 1023px) {
  html.approved-products-page .service-logo {
    margin-bottom: 0;
  }
}
@media handheld, only screen and (max-width: 800px) {
  html.approved-products-page .service-logo {
    display: none;
  }
}
html.approved-products-page .service-logo.live-tv {
  background: #cc0033;
}
html.approved-products-page .service-logo.live-tv svg {
  width: 200px;
  height: 82px;
}
html.approved-products-page .service-logo.mylive-tv {
  background: #cc0033;
}
html.approved-products-page .service-logo.mylive-tv svg {
  width: 200px;
  height: 82px;
}
html.approved-products-page .service-logo.freeviewsatellite {
  background: #339999;
}
html.approved-products-page .service-logo.freeviewsatellite svg {
  width: 130px;
  height: 82px;
}
html.approved-products-page .service-logo.on-demand {
  background: #2dc4d3;
}
html.approved-products-page .service-logo.on-demand svg {
  width: 180px;
  height: 82px;
}
html.approved-products-page .service-logo.recordsatellite {
  background: darkorange;
}
html.approved-products-page .service-logo.recordsatellite svg {
  width: 162px;
  height: 82px;
}
html.approved-products-page .service-logo.recordhd {
  background: darkorange;
}
html.approved-products-page .service-logo.recordhd svg {
  width: 200px;
  height: 82px;
}
html.approved-products-page .service-logo.none {
  padding-top: 5em;
}
html.approved-products-page .service-logo a {
  display: inline-block;
  min-height: 90px;
}
html.approved-products-page .service-logo svg {
  fill: white;
  padding: 1em 0;
}
@media handheld, only screen and (max-width: 1023px) {
  .filter-mobile {
    margin-bottom: 48px;
  }
}
.filter-mobile .filter-label {
  display: table;
}
@media handheld, only screen and (min-width: 1025px) {
  .filter-mobile .filter-label .h2 {
    font-size: 1.3em;
    line-height: 1.5;
  }
}
.filter-mobile .filter-label .btn-reset-filters {
  padding-left: 10px;
  text-decoration: underline;
}
.filter-mobile .filter-label > * {
  display: table-cell;
  vertical-align: text-bottom;
}
.filter-mobile select {
  padding: 0.3em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
@media handheld, only screen and (max-width: 1023px) {
  .filter-mobile select {
    margin: 0.5em 0;
  }
}
@media handheld, only screen and (max-width: 800px) {
  .filter-mobile select {
    margin: 0.5em 0;
  }
}
.filter-mobile select:last-of-type {
  margin-bottom: 0;
}
@media handheld, only screen and (max-width: 1023px) {
  .filter-mobile input[type="submit"] {
    display: none;
  }
}
@media handheld, only screen and (max-width: 1200px) {
  .filter-label {
    display: none;
  }
}
@media handheld, only screen and (max-width: 1023px) {
  .filter-label {
    display: inline-block;
    vertical-align: middle;
  }
}
.alert-wrap {
  width: 100%;
  clear: both;
  margin-bottom: 12px;
  padding: 1em;
  background-color: #e5e3e3;
}
.alert-wrap.warning {
  border: 1px solid #d26e6e;
  background-color: #ffeaea;
  color: #d05656;
}
.get-freeview .alert-wrap {
  margin-bottom: 2em;
}
.get-freeview .alert-wrap.rich-text {
  padding: 0;
  background-color: transparent;
}
.alert-wrap.rich-text *:first-child {
  margin-top: 0;
}
.alert-wrap.rich-text *:last-child {
  margin-bottom: 0;
}
.alert-wrap.rich-text p {
  margin: 0.5em 0;
}
.alert-wrap.rich-text p + ul {
  margin-top: 0;
}
.alert-wrap.rich-text h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 0.5em;
}
.alert-wrap a {
  color: currentColor;
  font-weight: 600;
}
.alert-wrap strong {
  font-weight: 600;
}
html.product-helper-page .filter-mobile .number {
  font-weight: 800;
  background: pink;
  text-align: center;
  width: 50px;
  line-height: 0.8;
  height: 50px;
  font-size: 34px;
  display: inline-block;
  padding-top: 10px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: white;
  left: 24px;
}
html.product-helper-page .filter-mobile label {
  color: white;
}
html.product-helper-page .filter-mobile .form-field {
  position: relative;
  background: #cc0033;
  padding: 24px 24px 24px 96px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
html.product-helper-page .filter-mobile .button {
  margin-top: 0;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-weight: 600;
  padding: 24px;
  text-transform: uppercase;
}
html.product-helper-page .filter-mobile .button span {
  display: inline-block;
}
html.product-helper-page .filter-mobile .button span:after {
  content: "";
  margin-left: 8px;
  width: 10px;
  height: 10px;
  display: inline-block;
  border: 3px solid white;
  border-bottom: 0;
  border-left: 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}
html.product-helper-page .product-preview .img-wrapper {
  padding: 48px;
}
html.product-helper-page .product-preview .desc {
  padding: 24px 24px 48px 24px;
}
html.product-helper-page .product-preview .details {
  margin: 12px 0;
  font-size: 18px;
}
html.product-helper-page .product-preview .details li {
  margin-bottom: 0;
  font-size: 1em;
}
@media handheld, only screen and (max-width: 800px) {
  html.product-helper-page .product-preview .img-wrapper {
    padding: 24px;
  }
  html.product-helper-page .product-preview .desc {
    padding: 0 0 48px 0;
  }
}
html.text-page {
  background: white;
}
html.text-page.search-open .text-page-wrapper {
  padding-top: 8em;
}
html.text-page .content-width {
  max-width: 900px;
}
html.text-page.featured-program .main-content {
  background: #2dc4d3;
}
html.text-page.featured-program .main-content .text-page-wrapper {
  background: white;
}
html.text-page.featured-program .main-content header {
  background: #2dc4d3;
}
html.text-page.featured-program .main-content header.tiny {
  background: #28b1bf;
}
html.text-page.featured-program .main-content .rich-text a {
  color: #1f8a94;
}
html.text-page .page-wrapper {
  padding-top: 5em;
  padding-bottom: 5em;
}
@media handheld, only screen and (max-width: 800px) {
  html.text-page .page-wrapper {
    padding-top: 2em;
    padding-bottom: 2em;
  }
}
.bsa-landing-page {
  background: #cc0033;
}
.bsa-landing-page a.btn {
  background: #e60b78;
  color: white;
  font-size: 1.1rem;
  padding: 0.8rem 2rem;
  cursor: pointer;
  text-decoration: none;
  font-weight: 500;
  display: inline-block;
}
@media handheld, only screen and (min-width: 1400px) {
  .bsa-landing-page a.btn {
    font-size: 1.5rem;
    padding: 1rem 3rem;
  }
}
.bsa-landing-page .banner {
  background: #cc0033;
  color: white;
}
.bsa-landing-page .banner .container {
  padding: 0 6%;
}
.bsa-landing-page .banner .row {
  max-width: 1200px;
}
.bsa-landing-page .banner .inner-wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.bsa-landing-page .banner .column {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.bsa-landing-page .banner .column:first-child {
  padding: 24px 0;
}
.bsa-landing-page .banner .column svg {
  -webkit-transform: translateX(20px) translateY(14%);
  -moz-transform: translateX(20px) translateY(14%);
  -ms-transform: translateX(20px) translateY(14%);
  -o-transform: translateX(20px) translateY(14%);
  transform: translateX(20px) translateY(14%);
}
@media handheld, only screen and (min-width: 600px) and (max-width: 1400px) {
  .bsa-landing-page .banner .column svg {
    max-height: 40vw;
  }
}
.bsa-landing-page .banner h1 {
  font-weight: 500;
  margin: 0 0 8px 0;
  font-size: 0.8rem;
}
@media handheld, only screen and (min-width: 769px) {
  .bsa-landing-page .banner h1 {
    font-size: 1rem;
  }
}
.bsa-landing-page .banner p {
  margin: 0;
  font-size: 1.5rem;
  line-height: 1.1;
}
@media handheld, only screen and (min-width: 500px) {
  .bsa-landing-page .banner p {
    font-size: 5vw;
  }
}
@media handheld, only screen and (min-width: 1000px) {
  .bsa-landing-page .banner p {
    font-size: 4vw;
  }
}
@media handheld, only screen and (min-width: 1400px) {
  .bsa-landing-page .banner p {
    font-size: 4.2rem;
  }
}
.bsa-landing-page .banner .arrow {
  display: block;
  max-width: 30px;
  margin: 24px auto 0 auto;
}
@media handheld, only screen and (min-width: 769px) {
  .bsa-landing-page .banner .arrow {
    max-width: 59px;
  }
}
.bsa-landing-page .site-header {
  background: #cc0033;
}
.bsa-landing-page main {
  background: #cc0033;
}
.bsa-landing-page #mainContent {
  background: white;
}
.bsa-landing-page #mainContent .container {
  padding: 0 6%;
}
.bsa-landing-page #mainContent .row {
  max-width: 1200px;
}
.bsa-landing-page .content-section {
  padding-top: 24px;
  padding-bottom: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  border: 0;
  color: #2b2b33;
}
@media handheld, only screen and (min-width: 769px) {
  .bsa-landing-page .content-section {
    font-size: 1.2rem;
    min-height: 320px;
    padding-top: 48px;
    padding-bottom: 48px;
  }
}
@media handheld, only screen and (min-width: 1400px) {
  .bsa-landing-page .content-section {
    font-size: 1.3rem;
    min-height: 500px;
    padding-top: 48px;
    padding-bottom: 48px;
  }
}
.bsa-landing-page .content-section a:not(.btn) {
  color: #cc0033;
}
.bsa-landing-page .content-section img,
.bsa-landing-page .content-section svg {
  display: block;
}
@media handheld, only screen and (max-width: 769px) {
  .bsa-landing-page .content-section img,
  .bsa-landing-page .content-section svg {
    max-width: 45vw;
  }
}
@media handheld, only screen and (min-width: 769px) and (max-width: 1400px) {
  .bsa-landing-page .content-section img,
  .bsa-landing-page .content-section svg {
    max-width: 35vw;
    margin: 0 auto;
  }
}
.bsa-landing-page .content-section .column {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  position: relative;
}
.bsa-landing-page .content-section .column.rich-text {
  -webkit-transform: translateY(-50px);
  -moz-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  -o-transform: translateY(-50px);
  transform: translateY(-50px);
}
@media handheld, only screen and (min-width: 769px) {
  .bsa-landing-page .content-section .column {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .bsa-landing-page .content-section .image-wrapper {
    padding-right: 48px;
    position: static;
  }
}
@media handheld, only screen and (min-width: 769px) {
  .bsa-landing-page .content-section.row-reverse {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .bsa-landing-page .content-section.row-reverse h3 {
    left: -12px;
  }
  .bsa-landing-page .content-section.row-reverse .image-wrapper {
    padding-right: 0;
    padding-left: 48px;
  }
}
.bsa-landing-page .content-section .rich-text {
  overflow: visible;
}
@media handheld, only screen and (min-width: 769px) {
  .bsa-landing-page .content-section h3 {
    position: relative;
    left: -20vw;
    z-index: 20;
  }
}
@media handheld, only screen and (min-width: 1400px) {
  .bsa-landing-page .content-section h3 {
    left: -25%;
  }
}
.bsa-landing-page .content-section h3 span {
  font-size: 1.8rem;
  background: #cc0033;
  color: white;
  padding: 6px 24px;
  display: inline-block;
  position: relative;
}
@media handheld, only screen and (min-width: 1400px) {
  .bsa-landing-page .content-section h3 span {
    font-size: 2.7rem;
  }
}
.bsa-landing-page .content-section h3 span:last-child {
  z-index: 2;
  padding: 6px 12px;
  margin-left: 12px;
  background: #e60b78;
  top: -3px;
}
@media handheld, only screen and (min-width: 769px) {
  .bsa-landing-page .content-section h3 span:last-child {
    top: -6px;
  }
}
.bsa-landing-page .cta {
  background: #2b2b33;
  text-align: center;
}
@media handheld, only screen and (max-width: 769px) {
  .bsa-landing-page .cta {
    padding-bottom: 24px !important;
  }
}
.bsa-landing-page .cta .title {
  margin: 0;
}
.bsa-landing-page .cta .content-section {
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  color: white;
}
.bsa-landing-page .cta .content-section h3 {
  position: static;
}
.bsa-landing-page .cta .row {
  max-width: 900px !important;
}
.bsa-landing-page .is-logo .content-section img {
  max-width: 200px;
  margin-bottom: 24px;
  display: none;
}
@media handheld, only screen and (min-width: 769px) {
  .bsa-landing-page .is-logo .content-section img {
    display: block;
    max-width: 300px;
    margin: 0 auto;
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
    transform: translateY(100px);
  }
}
.bsa-landing-page .is-logo .content-section .column.rich-text {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
@media handheld, only screen and (max-width: 769px) {
  .bsa-landing-page .is-logo .content-section .column.rich-text {
    padding-top: 24px;
  }
}
.bsa-find-instructions body {
  background: url(/cassette.axd/file/content/images/blob-4898ce3c6a3e11dcda8030dd3bc5d180470762b0.svg);
  background-repeat: no-repeat;
  background-position: top 100px center;
  background-size: cover;
}
.bsa-find-instructions .site-header {
  background: white;
  color: #cc0033;
}
.bsa-find-instructions .site-header .fa {
  color: #cc0033;
}
.bsa-find-instructions .site-header a {
  color: #cc0033;
}
.bsa-find-instructions .site-header svg {
  fill: #cc0033;
}
.bsa-find-instructions .banner {
  background: none;
  color: white;
}
.bsa-find-instructions .banner .container {
  padding: 0 6%;
}
.bsa-find-instructions .banner .column {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  position: relative;
}
.bsa-find-instructions .banner .column:first-child {
  padding: 24px 0;
}
.bsa-find-instructions .banner .column svg {
  -webkit-transform: translateX(20px) translateY(24%);
  -moz-transform: translateX(20px) translateY(24%);
  -ms-transform: translateX(20px) translateY(24%);
  -o-transform: translateX(20px) translateY(24%);
  transform: translateX(20px) translateY(24%);
  max-width: 35vw;
}
@media handheld, only screen and (min-width: 600px) and (max-width: 1400px) {
  .bsa-find-instructions .banner .column svg {
    max-height: 32vw;
  }
}
.bsa-find-instructions .banner .row {
  max-width: 1200px;
}
.bsa-find-instructions .banner .inner-wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.bsa-find-instructions .banner .breacrumbs {
  color: #2b2b33;
  margin: 0 0 8px 0;
}
.bsa-find-instructions .banner .breacrumbs h1,
.bsa-find-instructions .banner .breacrumbs a {
  font-size: 0.9rem;
  font-weight: 500;
  display: inline-block;
}
.bsa-find-instructions .banner .breacrumbs a {
  color: #e60b78;
  position: relative;
  padding-right: 1.6rem;
}
.bsa-find-instructions .banner .breacrumbs a:after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border: 2px solid #cccccc;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-left: 0;
  border-bottom: 0;
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
}
@media handheld, only screen and (max-width: 800px) {
  .bsa-find-instructions .banner .breacrumbs h1 {
    font-size: 0.8rem;
  }
  .bsa-find-instructions .banner .breacrumbs a {
    display: none;
  }
}
.bsa-find-instructions .banner p {
  color: #2b2b33;
  margin: 0;
  font-size: 1.5rem;
  line-height: 1.1;
}
.bsa-find-instructions .banner p strong {
  color: #cc0033;
}
@media handheld, only screen and (min-width: 500px) {
  .bsa-find-instructions .banner p {
    font-size: 5vw;
  }
}
@media handheld, only screen and (min-width: 1000px) {
  .bsa-find-instructions .banner p {
    font-size: 4.5vw;
  }
}
@media handheld, only screen and (min-width: 1400px) {
  .bsa-find-instructions .banner p {
    font-size: 4.6rem;
  }
}
.bsa-find-instructions .banner .arrow {
  display: block;
  max-width: 59px;
  margin: 24px auto 0 auto;
}
.bsa-find-instructions .results-container {
  position: relative;
  z-index: 30;
  padding-bottom: 72px;
}
.bsa-find-instructions .results-container .row {
  max-width: 1200px;
}
.bsa-find-instructions .tab-wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.bsa-find-instructions .tab-wrapper a.btn {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  margin: 0 6px;
  background: #8e2e52;
  font-size: 1.2rem;
  padding: 12px;
  font-weight: 500;
  width: 50%;
  max-width: 300px;
  text-align: center;
  color: white;
  cursor: pointer;
  text-decoration: none;
}
@media handheld, only screen and (min-width: 1000px) {
  .bsa-find-instructions .tab-wrapper a.btn {
    font-size: 1.5rem;
    padding: 24px;
  }
}
@media handheld, only screen and (min-width: 1400px) {
  .bsa-find-instructions .tab-wrapper a.btn {
    font-size: 2rem;
    padding: 24px 48px;
  }
}
.bsa-find-instructions .tab-wrapper a.btn.selected {
  background: #cc0033;
  position: relative;
  z-index: 5;
}
.bsa-find-instructions .tab-wrapper a.btn.selected:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -20px;
  left: 50%;
  width: 0;
  height: 0;
  -webkit-transform: translateX(-10px);
  -moz-transform: translateX(-10px);
  -ms-transform: translateX(-10px);
  -o-transform: translateX(-10px);
  transform: translateX(-10px);
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #cc0033;
}
.bsa-find-instructions .tab-wrapper a.btn.selected:hover {
  opacity: 1;
}
.bsa-find-instructions .instruction-finder {
  margin-bottom: 48px;
  padding: 24px;
  border-top: 5px solid #cc0033;
  background: white;
  min-height: 600px;
  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
  display: none;
}
@media handheld, only screen and (min-width: 1000px) {
  .bsa-find-instructions .instruction-finder {
    padding: 72px;
  }
}
.bsa-find-instructions .instruction-finder .rich-text {
  padding-top: 24px;
}
@media handheld, only screen and (min-width: 1000px) {
  .bsa-find-instructions .instruction-finder .rich-text {
    padding-top: 72px;
  }
}
.bsa-find-instructions .select-wrapper {
  border: 1px solid #8e2e52;
  padding: 0;
  background: white;
  overflow: hidden;
  color: #707070;
  position: relative;
  margin-bottom: 4px;
}
.bsa-find-instructions .select-wrapper label {
  font-size: 0.9rem;
  font-weight: 500;
  padding: 5px 5px 0 5px;
  text-transform: none;
  color: #cc0033;
  line-height: 1;
  pointer-events: none;
}
@media handheld, only screen and (min-width: 1000px) {
  .bsa-find-instructions .select-wrapper label {
    position: absolute;
    left: 0;
    top: 0;
    width: 25%;
    text-align: right;
    font-size: 1.5rem;
    font-weight: 400;
    padding: 23px 2% 23px 23px;
    background: white;
  }
}
@media handheld, only screen and (min-width: 1400px) {
  .bsa-find-instructions .select-wrapper label {
    font-size: 2rem;
  }
}
.bsa-find-instructions .select-wrapper label:after {
  content: ":";
  position: relative;
  left: 20px;
  color: #2dc4d3;
}
.bsa-find-instructions .select-wrapper:after,
.bsa-find-instructions .select-wrapper:before {
  content: "";
  display: block;
  position: absolute;
  pointer-events: none;
  z-index: 5;
}
.bsa-find-instructions .select-wrapper:before {
  background: #e60b78;
  right: 0;
  top: 0;
  bottom: 0;
  width: 40px;
}
@media handheld, only screen and (min-width: 1000px) {
  .bsa-find-instructions .select-wrapper:before {
    width: 68px;
  }
}
@media handheld, only screen and (min-width: 1400px) {
  .bsa-find-instructions .select-wrapper:before {
    width: 80px;
  }
}
.bsa-find-instructions .select-wrapper:after {
  width: 10px;
  height: 10px;
  right: 14px;
  top: 15px;
  border: 3px solid white;
  border-top: 0;
  border-right: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  z-index: 6;
}
@media handheld, only screen and (min-width: 1000px) {
  .bsa-find-instructions .select-wrapper:after {
    width: 15px;
    height: 15px;
    right: 24px;
    top: 20px;
  }
}
@media handheld, only screen and (min-width: 1400px) {
  .bsa-find-instructions .select-wrapper:after {
    width: 20px;
    height: 20px;
    right: 26px;
    top: 20px;
  }
}
.bsa-find-instructions .select-wrapper select {
  border: none;
  outline: 0;
  padding: 12px;
  font-size: 1.1rem;
  padding: 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media handheld, only screen and (min-width: 1000px) {
  .bsa-find-instructions .select-wrapper select {
    padding: 20px 40px 20px 27%;
    font-size: 1.5rem;
  }
}
@media handheld, only screen and (min-width: 1400px) {
  .bsa-find-instructions .select-wrapper select {
    font-size: 2rem;
  }
}
.ondemand-page,
.bsa-find-instructions-new {
  background: #232323 !important;
  overflow-y: auto !important;
  font-family: "Montserrat", "Helvetica", "Arial", sans-serif !important;
}
@media screen and (min-width: 1025px) {
  .ondemand-page main,
  .bsa-find-instructions-new main {
    padding-top: 91px !important;
  }
}
.ondemand-page .ondemand-footnote,
.bsa-find-instructions-new .ondemand-footnote {
  background: white;
}
.ondemand-page body,
.bsa-find-instructions-new body {
  font-family: "Montserrat", "Helvetica", "Arial", sans-serif !important;
}
@media screen and (max-width: 980px) {
  .ondemand-page .utils,
  .bsa-find-instructions-new .utils,
  .ondemand-page .sharing-links,
  .bsa-find-instructions-new .sharing-links {
    float: none;
    text-align: center;
    margin-bottom: 2em;
  }
}
.ondemand-page .sharing-links,
.bsa-find-instructions-new .sharing-links {
  color: #232323;
}
.ondemand-page header,
.bsa-find-instructions-new header {
  background-color: #232323;
}
.ondemand-page header.tiny .row,
.bsa-find-instructions-new header.tiny .row {
  max-width: 100%;
}
.ondemand-page header .row,
.bsa-find-instructions-new header .row {
  max-width: 1480px;
}
.ondemand-page .channels-row,
.bsa-find-instructions-new .channels-row {
  margin-top: 48px;
}
@media screen and (max-width: 1024px) {
  .ondemand-page .channels-row,
  .bsa-find-instructions-new .channels-row {
    margin-top: 24px;
  }
}
.ondemand-page .channels-row .hidden,
.bsa-find-instructions-new .channels-row .hidden {
  display: none;
}
@media screen and (max-width: 800px) {
  .ondemand-page .streaming.fade-list:nth-child(-n+15),
  .bsa-find-instructions-new .streaming.fade-list:nth-child(-n+15) {
    opacity: 0.1;
  }
  .ondemand-page .streaming.fade-list:nth-child(-n+12),
  .bsa-find-instructions-new .streaming.fade-list:nth-child(-n+12) {
    opacity: 0.5;
  }
  .ondemand-page .streaming.fade-list:nth-child(-n+9),
  .bsa-find-instructions-new .streaming.fade-list:nth-child(-n+9) {
    opacity: 0.8;
  }
  .ondemand-page .streaming.fade-list:nth-child(-n+6),
  .bsa-find-instructions-new .streaming.fade-list:nth-child(-n+6) {
    opacity: 0.9;
  }
  .ondemand-page .streaming.fade-list:nth-child(-n+3),
  .bsa-find-instructions-new .streaming.fade-list:nth-child(-n+3) {
    opacity: 1;
  }
}
.ondemand-page .header-content,
.bsa-find-instructions-new .header-content {
  padding-top: 12px;
}
.ondemand-page .overlay-black,
.bsa-find-instructions-new .overlay-black {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: linear-gradient(181deg, rgba(0, 0, 0, 0.5) 16%, black 50%);
  width: 100%;
  opacity: 0.3;
  z-index: 2;
}
.ondemand-page .overlay,
.bsa-find-instructions-new .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
  filter: blur(35px);
}
.ondemand-page .img,
.bsa-find-instructions-new .img {
  text-align: center;
}
.ondemand-page .img img,
.bsa-find-instructions-new .img img {
  max-width: 550px;
  margin: 0 auto;
  width: 100%;
}
.ondemand-page .down-arrow,
.bsa-find-instructions-new .down-arrow {
  cursor: pointer;
  position: absolute;
  bottom: 30px;
  width: 25px;
  transform: rotate(90deg);
  opacity: 0.5;
  z-index: 3;
}
.ondemand-page .down-arrow:hover,
.bsa-find-instructions-new .down-arrow:hover {
  opacity: 0.8;
}
.ondemand-page .footnote,
.bsa-find-instructions-new .footnote {
  background-color: #010101;
}
.ondemand-page .footnote .row,
.bsa-find-instructions-new .footnote .row {
  border-top: none;
}
.ondemand-page .footnote .rich-text,
.bsa-find-instructions-new .footnote .rich-text {
  color: white;
}
.ondemand-page .footnote .rich-text .small,
.bsa-find-instructions-new .footnote .rich-text .small,
.ondemand-page .footnote .rich-text small,
.bsa-find-instructions-new .footnote .rich-text small {
  color: #9b9b9b;
}
.ondemand-page .disclaimer,
.bsa-find-instructions-new .disclaimer {
  padding-top: 24px;
  padding-bottom: 24px;
}
.ondemand-page .button,
.bsa-find-instructions-new .button {
  font-size: 1rem !important;
}
.ondemand-page .intro,
.bsa-find-instructions-new .intro,
.ondemand-page .cta,
.bsa-find-instructions-new .cta {
  max-width: 900px;
  width: 100%;
}
@media handheld, only screen and (max-width: 800px) {
  
}
.ondemand-page .intro,
.bsa-find-instructions-new .intro {
  text-align: center;
  margin-bottom: 24px;
  z-index: 3;
}
.ondemand-page .hero-slide-item,
.bsa-find-instructions-new .hero-slide-item,
.ondemand-page .content-section,
.bsa-find-instructions-new .content-section {
  min-height: 100vh;
}
.ondemand-page .content-section,
.bsa-find-instructions-new .content-section {
  border-top: none;
}
@media handheld, only screen and (max-width: 800px) {
  .ondemand-page .content-section:not(.section-row-carousel),
  .bsa-find-instructions-new .content-section:not(.section-row-carousel) {
    padding-left: 12px;
    padding-right: 12px;
  }
}
.ondemand-page h2,
.bsa-find-instructions-new h2 {
  font-size: 2rem;
  line-height: 2.389rem;
  font-weight: 700;
}
@media screen and (min-width: 1080px) {
  .ondemand-page h2,
  .bsa-find-instructions-new h2 {
    font-size: 2.85rem;
    line-height: 3.289rem;
  }
}
.ondemand-page h2 span,
.bsa-find-instructions-new h2 span {
  font-weight: 400;
}
.ondemand-page p,
.bsa-find-instructions-new p {
  font-size: 1rem;
  line-height: 1.333rem;
  font-weight: 400;
}
.ondemand-page .section-row-carousel,
.bsa-find-instructions-new .section-row-carousel {
  min-height: 1px;
}
@media handheld, only screen and (min-width: 801px) {
  .ondemand-page .section-row-carousel,
  .bsa-find-instructions-new .section-row-carousel {
    min-height: 600px;
  }
}
.ondemand-page .mobile-list,
.bsa-find-instructions-new .mobile-list {
  display: block;
}
.ondemand-page .btn-wrapper,
.bsa-find-instructions-new .btn-wrapper {
  display: none;
  margin-top: 36px;
}
.ondemand-page .btn-wrapper .btn,
.bsa-find-instructions-new .btn-wrapper .btn {
  font-size: 1rem;
}
@media handheld, only screen and (max-width: 800px) {
  .ondemand-page .mobile-list,
  .bsa-find-instructions-new .mobile-list {
    display: none;
  }
  .ondemand-page .btn-wrapper.mobile,
  .bsa-find-instructions-new .btn-wrapper.mobile {
    display: block;
  }
}
.ondemand-page .btn-wrapper,
.bsa-find-instructions-new .btn-wrapper {
  text-align: center;
}
.ondemand-page .section-hero-banner,
.bsa-find-instructions-new .section-hero-banner {
  min-height: calc(100vh - 137px);
}
@media handheld, only screen and (max-width: 1100px) {
  .ondemand-page .section-hero-banner,
  .bsa-find-instructions-new .section-hero-banner {
    min-height: calc(100vh - 132px);
  }
}
@media handheld, only screen and (max-width: 800px) {
  .ondemand-page .section-hero-banner,
  .bsa-find-instructions-new .section-hero-banner {
    min-height: calc(100vh - 145px);
  }
}
.ondemand-page .section-label,
.bsa-find-instructions-new .section-label {
  position: absolute;
  font-size: 110px;
  font-weight: 800;
  color: #eaeaea;
}
.ondemand-page .intro-image,
.bsa-find-instructions-new .intro-image {
  width: 100%;
  z-index: 3;
  max-width: 650px;
  margin-top: 24px;
}
.ondemand-page .intro-image img,
.bsa-find-instructions-new .intro-image img {
  width: 100%;
}
.owl-item .insitu-container,
.insitu-container,
.owl-item {
  position: relative;
  width: 700px;
  margin-left: auto;
  margin-right: auto;
}
@media handheld, only screen and (max-width: 768px) {
  .owl-item .insitu-container,
  .insitu-container,
  .owl-item {
    width: 600px;
  }
}
@media handheld, only screen and (max-width: 600px) {
  .owl-item .insitu-container,
  .insitu-container,
  .owl-item {
    width: 500px;
  }
}
@media handheld, only screen and (max-width: 414px) {
  .owl-item .insitu-container,
  .insitu-container,
  .owl-item {
    width: 395px;
  }
}
@media handheld, only screen and (max-width: 375px) {
  .owl-item .insitu-container,
  .insitu-container,
  .owl-item {
    width: 370px;
  }
}
@media handheld, only screen and (max-width: 325px) {
  .owl-item .insitu-container,
  .insitu-container,
  .owl-item {
    width: 300px;
  }
}
.scroll-nav {
  position: fixed;
  top: 50%;
  right: 6px;
  z-index: 200;
  transform: translateY(-50%);
}
@media handheld, only screen and (min-width: 801px) {
  .scroll-nav {
    right: 24px;
  }
}
.scroll-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.scroll-nav a {
  display: block;
  width: 20px;
  height: 20px;
  text-align: center;
}
.scroll-nav a.active span {
  opacity: 1;
  width: 10px;
  height: 10px;
}
.scroll-nav a span {
  display: inline-block;
  line-height: 20px;
  width: 6px;
  height: 6px;
  background-color: white;
  border: 1px solid #cccccc;
  opacity: 0.8;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.animate {
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  opacity: 0;
  transform: translateY(80px);
}
.animate.sofa {
  opacity: 1;
  transform: translateX(-50%) translateY(80px);
}
.animate.button,
.animate.featured-product,
.animate.logo-wrapper,
.animate.screen {
  transform: translateY(0px);
}
.ui-container .logo-container .animate.logo-wrapper:first-child:after {
  transform: rotate(-45deg) translateY(0px);
}
.ui-container .logo-container .animate.logo-wrapper:nth-child(2):after {
  transform: rotate(45deg) translateY(0px);
}
.hero-slideshow-content .animate.featured-product,
.section-tv-insitu .animate.featured-product,
.section-hero-banner .animate.featured-product {
  transform: translateX(-50%) translateY(0px);
}
.animate:nth-child(1) {
  transition-delay: 0s;
}
.animate:nth-child(2) {
  transition-delay: 0.2s;
}
.animate:nth-child(3) {
  transition-delay: 0.25s;
}
.animate:nth-child(4) {
  transition-delay: 0.3s;
}
.animate:nth-child(5) {
  transition-delay: 0.35s;
}
.animate:nth-child(6) {
  transition-delay: 0.4s;
}
.animate:nth-child(7) {
  transition-delay: 0.45s;
}
.animate:nth-child(8) {
  transition-delay: 0.5s;
}
.animate:nth-child(9) {
  transition-delay: 0.55s;
}
.animate:nth-child(10) {
  transition-delay: 0.6s;
}
.animate .animate:nth-child(1) {
  transition-delay: 0.6s;
}
.animate .animate:nth-child(2) {
  transition-delay: 0.65s;
}
.animate .animate:nth-child(3) {
  transition-delay: 0.7s;
}
.animate .animate:nth-child(4) {
  transition-delay: 0.75s;
}
.animate .animate:nth-child(5) {
  transition-delay: 0.8s;
}
.animate .animate:nth-child(6) {
  transition-delay: 0.85s;
}
.animate .animate:nth-child(7) {
  transition-delay: 0.9s;
}
.animate .animate:nth-child(8) {
  transition-delay: 1s;
}
.animate .animate:nth-child(9) {
  transition-delay: 1.05s;
}
.animate .animate:nth-child(10) {
  transition-delay: 1.1s;
}
.animated {
  opacity: 1;
  transform: translateY(0px);
}
.animated.sofa {
  opacity: 1;
  transform: translateX(-50%) translateY(0px);
}
.animated.logo-wrapper,
.animated.screen {
  transform: translateY(0px);
}
.ui-container .logo-container .animated.logo-wrapper:first-child:after {
  transform: rotate(-45deg) translateY(0px);
}
.ui-container .logo-container .animated.logo-wrapper:nth-child(2):after {
  transform: rotate(45deg) translateY(0px);
}
.ui-container .logo-container .animated.logo-wrapper:after {
  opacity: 1;
  height: 70%;
}
.hero-slideshow-content .animated.featured-product,
.section-hero-banner .animated.featured-product,
.section-tv-insitu .animated.featured-product,
.section-hero-banner .animated.featured-product {
  transform: translateX(-50%) translateY(0px);
}
.bsa-find-instructions-new {
  background-color: #2b2b33;
  min-height: 0;
}
.bsa-find-instructions-new body {
  background-color: #2b2b33 !important;
}
.bsa-find-instructions-new main {
  background: #2b2b33;
}
.bsa-find-instructions-new .results-container .section-row-carousel {
  background: transparent;
  min-height: unset;
  padding: 0px 24px;
  padding-left: 0px;
}
.bsa-find-instructions-new .instruction-finder .rich-text {
  padding: 24px;
  padding-left: 0px !important;
  color: white;
}
@media screen and (min-width: 1000px) {
  .bsa-find-instructions-new .instruction-finder .rich-text {
    padding: 24px;
  }
}
.bsa-find-instructions-new .banner {
  color: white;
  padding-top: 72px;
  padding-bottom: 24px;
}
@media screen and (min-width: 1025px) {
  .bsa-find-instructions-new .banner {
    min-height: 50vh;
  }
}
.bsa-find-instructions-new .tab-wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin-top: 36px;
}
.bsa-find-instructions-new .tab-wrapper .btn {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  background: #8e2e52;
  font-size: 1.2rem;
  padding: 12px;
  font-weight: 500;
  width: 50%;
  max-width: 300px;
  text-align: center;
  color: white;
  cursor: pointer;
  text-decoration: none;
  margin: 0 3px;
}
@media handheld, only screen and (min-width: 1400px) {
  .bsa-find-instructions-new .tab-wrapper .btn {
    padding: 24px 48px;
    font-size: 2rem;
    margin: 0 6px;
  }
}
.bsa-find-instructions-new .tab-wrapper .btn.selected {
  background: white;
  position: relative;
  z-index: 5;
  color: #2b2b33;
}
.bsa-find-instructions-new .tab-wrapper .btn.selected:hover {
  opacity: 1;
}
.bsa-find-instructions-new .select-wrapper {
  padding: 0;
  position: relative;
  border: 1px solid rgba(35, 35, 35, 0.3);
}
.bsa-find-instructions-new .select-wrapper label {
  font-size: 1rem;
  margin-bottom: 3px;
}
.bsa-find-instructions-new .select-wrapper::after {
  content: "";
  border: 2px solid black;
  border-top: 0;
  border-right: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  z-index: 6;
  width: 10px;
  height: 10px;
  right: 20px;
  top: 16px;
  display: block;
  position: absolute;
  pointer-events: none;
  z-index: 5;
}
.bsa-find-instructions-new .select-wrapper select {
  border: none;
  outline: 0;
  font-size: 1.1rem;
  padding: 3px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-overflow: ellipsis;
  padding-right: 50px;
}
.bsa-find-instructions-new .select-wrapper input,
.bsa-find-instructions-new .select-wrapper select {
  height: 50px;
  padding-left: 12px;
  width: 100%;
}
.bsa-find-instructions-new .select-wrapper input:focus,
.bsa-find-instructions-new .select-wrapper select:focus {
  outline: none;
}
.bsa-find-instructions-new .instruction-finder {
  margin-bottom: 48px;
  padding: 24px;
  background: rgba(0, 0, 0, 0.2);
  min-height: 600px;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
  display: none;
}
@media screen and (max-width: 1025px) {
  .bsa-find-instructions-new .instruction-finder {
    min-height: 400px;
  }
}
.bsa-find-instructions-new .inner-wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
@media screen and (max-width: 1025px) {
  .bsa-find-instructions-new .inner-wrapper {
    flex-direction: column;
    align-items: flex-start !important;
  }
}
.bsa-find-instructions-new .sm-show {
  display: none;
}
@media screen and (max-width: 1025px) {
  .bsa-find-instructions-new .sm-show {
    display: block;
  }
}
@media screen and (max-width: 1025px) {
  .bsa-find-instructions-new .sm-hide {
    display: none;
  }
}
.bsa-find-instructions-new .column {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  position: relative;
}
@media screen and (max-width: 1025px) {
  .bsa-find-instructions-new .column {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
  }
}
.bsa-find-instructions-new .breacrumbs {
  color: white;
  margin: 0 0 8px 0;
}
.bsa-find-instructions-new .breacrumbs h1,
.bsa-find-instructions-new .breacrumbs a {
  font-size: 0.9rem;
  font-weight: 500;
  display: inline-block;
}
.bsa-find-instructions-new .breacrumbs a {
  color: white;
  position: relative;
  padding-right: 1.6rem;
  text-decoration: none;
  font-weight: 600;
}
.bsa-find-instructions-new .breacrumbs a:after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border: 2px solid #cccccc;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-left: 0;
  border-bottom: 0;
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
}
.ondemand-product-instruction-page .sharing-links {
  color: #232323;
}
@media screen and (max-width: 980px) {
  .ondemand-product-instruction-page .utils,
  .ondemand-product-instruction-page .sharing-links {
    float: none;
    text-align: center;
    margin-bottom: 2em;
  }
}
.ondemand-product-instruction-page .content-section {
  border: none;
  padding-top: 48px;
  padding-bottom: 48px;
  color: #575757;
  text-align: center;
}
.ondemand-product-instruction-page .intro,
.ondemand-product-instruction-page .cta {
  max-width: 900px;
  width: 100%;
}
@media handheld, only screen and (max-width: 800px) {
  
}
.ondemand-product-instruction-page .intro {
  text-align: center;
  margin-bottom: 24px;
  z-index: 3;
}
.ondemand-product-instruction-page .button {
  font-size: 1rem;
}
.ondemand-product-instruction-page p {
  font-size: 1rem;
  line-height: 1.333rem;
  font-weight: 400;
}
.ondemand-product-instruction-page .ondemand-footnote {
  background: white;
}
.bg-white {
  background-color: white;
}
.ondemand-product-instruction-page {
  font-family: "Montserrat", "Helvetica", "Arial", sans-serif !important;
}
.ondemand-product-instruction-page body {
  font-family: "Montserrat", "Helvetica", "Arial", sans-serif !important;
  color: white;
  background-color: #2b2b33;
}
.ondemand-product-instruction-page header {
  background-color: #232323;
}
.ondemand-product-instruction-page .instruction-result {
  padding-top: 24px;
}
.ondemand-product-instruction-page h2 {
  font-size: 2rem;
  line-height: 2.389rem;
  font-weight: 700;
}
@media screen and (min-width: 1080px) {
  .ondemand-product-instruction-page h2 {
    font-size: 2.85rem;
    line-height: 3.289rem;
  }
}
.ondemand-product-instruction-page h2 span {
  font-weight: 400;
}
.ondemand-product-instruction-page p {
  font-size: 1rem;
  line-height: 1.333rem;
  font-weight: 400;
}
.hide-service-links .service-links {
  display: none !important;
}