@charset "UTF-8";
/*VM Colours*/
/*Primary*/
/*Secondary*/
/*background colours*/
/*Type*/
/*Buttons*/
/*tooltip*/
/*links*/
/*Prosseco Colours*/
/*Main*/
/*Secondary Red*/
/*Support colours*/
/*Backgrounds*/
/*Accents*/
/*Blacks*/
/*Text Colours*/
/*Prosseco 2.0 Colours*/
/*Main*/
/*Secondary Red*/
/*Support colours*/
/*Backgrounds*/
/*Accents*/
/*Blacks*/
/*Text Colours*/
/*Link Colours*/
/*compare panel*/
/* ACE Form Builder */
/* CSJT */
/* Ookla Speedtest */
/*!
 * Bootstrap-select v1.8.0 (http://silviomoreto.github.io/bootstrap-select)
 *
 * Copyright 2013-2015 bootstrap-select
 * Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE)
 */
select.bs-select-hidden,
select.selectpicker {
  display: none !important;
}

.bootstrap-select {
  width: 220px \0;
  /*IE9 and below*/
}

.bootstrap-select > .dropdown-toggle {
  width: 100%;
  padding-right: 25px;
  z-index: 1;
}

.bootstrap-select > select {
  position: absolute !important;
  bottom: 0;
  left: 50%;
  display: block !important;
  width: 0.5px !important;
  height: 100% !important;
  padding: 0 !important;
  opacity: 0 !important;
  border: none;
}

.bootstrap-select > select.mobile-device {
  top: 0;
  left: 0;
  display: block !important;
  width: 100% !important;
  z-index: 2;
}

.has-error .bootstrap-select .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle {
  border-color: #b94a48;
}

.bootstrap-select.fit-width {
  width: auto !important;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 220px;
}

.bootstrap-select .dropdown-toggle:focus {
  outline: thin dotted #333333 !important;
  outline: 5px auto -webkit-focus-ring-color !important;
  outline-offset: -2px;
}

.bootstrap-select.form-control {
  margin-bottom: 0;
  padding: 0;
  border: none;
}

.bootstrap-select.form-control:not([class*="col-"]) {
  width: 100%;
}

.bootstrap-select.form-control.input-group-btn {
  z-index: auto;
}

.bootstrap-select.btn-group .btn {
  border-radius: 4px;
  color: inherit;
  font-family: sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  padding: 10px;
  height: 38px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out false;
  -o-transition: all 0.5s ease-out false;
  transition: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.bootstrap-select.btn-group .btn:hover, .bootstrap-select.btn-group .btn:focus, .bootstrap-select.btn-group .btn:active {
  background: #fff;
  border-color: #ccc;
  outline: none !important;
}

.bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="col-"] {
  float: none;
  display: inline-block;
  margin-left: 0;
}

.bootstrap-select.btn-group.dropdown-menu-right, .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right,
.row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
  float: right;
}

.form-inline .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group,
.form-group .bootstrap-select.btn-group {
  margin-bottom: 0;
}

.form-group-lg .bootstrap-select.btn-group.form-control,
.form-group-sm .bootstrap-select.btn-group.form-control {
  padding: 0;
}

.form-inline .bootstrap-select.btn-group .form-control {
  width: 100%;
}

.bootstrap-select.btn-group.disabled,
.bootstrap-select.btn-group > .disabled {
  cursor: not-allowed;
}

.bootstrap-select.btn-group.disabled:focus,
.bootstrap-select.btn-group > .disabled:focus {
  outline: none !important;
}

.bootstrap-select.btn-group.bs-container {
  position: absolute;
}

.bootstrap-select.btn-group.bs-container .dropdown-menu {
  z-index: 1060;
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  text-align: left;
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -2px;
  vertical-align: middle;
}

.bootstrap-select.btn-group[class*="col-"] .dropdown-toggle {
  width: 100%;
}

.bootstrap-select.btn-group .dropdown-menu {
  min-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.bootstrap-select.btn-group .dropdown-menu.inner {
  position: static;
  float: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
}

.bootstrap-select.btn-group .dropdown-menu li {
  position: relative;
  background: #fff;
}

.bootstrap-select.btn-group .dropdown-menu li:focus {
  outline: none !important;
}

.bootstrap-select.btn-group .dropdown-menu li.active small {
  color: #fff;
}

.bootstrap-select.btn-group .dropdown-menu li.disabled a, .bootstrap-select.btn-group .dropdown-menu li.disabled .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .bootstrap-select.btn-group .dropdown-menu li.disabled span {
  cursor: not-allowed;
}

.bootstrap-select.btn-group .dropdown-menu li:hover {
  background-color: #fdebf4;
}

.bootstrap-select.btn-group .dropdown-menu li a, .bootstrap-select.btn-group .dropdown-menu li .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .bootstrap-select.btn-group .dropdown-menu li span {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.bootstrap-select.btn-group .dropdown-menu li a.opt, .bootstrap-select.btn-group .dropdown-menu li .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span.opt, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .bootstrap-select.btn-group .dropdown-menu li span.opt {
  position: relative;
  padding-left: 2.25em;
}

.bootstrap-select.btn-group .dropdown-menu li a span.check-mark, .bootstrap-select.btn-group .dropdown-menu li .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span span.check-mark, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .bootstrap-select.btn-group .dropdown-menu li span span.check-mark {
  display: none;
}

.bootstrap-select.btn-group .dropdown-menu li a span.text, .bootstrap-select.btn-group .dropdown-menu li .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span span.text, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .bootstrap-select.btn-group .dropdown-menu li span span.text {
  display: inline-block;
}

.bootstrap-select.btn-group .dropdown-menu li a:hover, .bootstrap-select.btn-group .dropdown-menu li .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:hover, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .bootstrap-select.btn-group .dropdown-menu li span:hover, .bootstrap-select.btn-group .dropdown-menu li a:focus, .bootstrap-select.btn-group .dropdown-menu li .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:focus, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .bootstrap-select.btn-group .dropdown-menu li span:focus {
  outline: none !important;
}

.bootstrap-select.btn-group .dropdown-menu li a:hover, .bootstrap-select.btn-group .dropdown-menu li .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:hover, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .bootstrap-select.btn-group .dropdown-menu li span:hover, .bootstrap-select.btn-group .dropdown-menu li a:focus, .bootstrap-select.btn-group .dropdown-menu li .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:focus, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .bootstrap-select.btn-group .dropdown-menu li span:focus {
  background-color: #fdebf4;
}

.bootstrap-select.btn-group .dropdown-menu li small {
  padding-left: 0.5em;
}

.bootstrap-select.btn-group .dropdown-menu .notify {
  position: absolute;
  bottom: 5px;
  width: 96%;
  margin: 0 2%;
  min-height: 26px;
  padding: 3px 5px;
  background: whitesmoke;
  border: 1px solid #e3e3e3;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  pointer-events: none;
  opacity: 0.9;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.bootstrap-select.btn-group .no-results {
  padding: 3px;
  background: #f5f5f5;
  margin: 0 5px;
  white-space: nowrap;
}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
  position: static;
}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
  position: static;
  top: auto;
  margin-top: -1px;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark, .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span span.check-mark, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected span span.check-mark {
  position: absolute;
  display: inline-block;
  right: 15px;
  margin-top: 5px;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text, .bootstrap-select.btn-group.show-tick .dropdown-menu li .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span span.text, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .bootstrap-select.btn-group.show-tick .dropdown-menu li span span.text {
  margin-right: 34px;
}

.bootstrap-select.open .btn {
  background-color: #f7f7f7;
}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle {
  z-index: 1061;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(204, 204, 204, 0.2);
  position: absolute;
  bottom: -4px;
  left: 9px;
  display: none;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  bottom: -4px;
  left: 10px;
  display: none;
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
  bottom: auto;
  top: -3px;
  border-top: 7px solid rgba(204, 204, 204, 0.2);
  border-bottom: 0;
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
  bottom: auto;
  top: -3px;
  border-top: 6px solid white;
  border-bottom: 0;
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
  right: 12px;
  left: auto;
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
  right: 13px;
  left: auto;
}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
  display: block;
}

.bs-searchbox,
.bs-actionsbox,
.bs-donebutton {
  padding: 4px 8px;
}

.bs-actionsbox {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.bs-actionsbox .btn-group button {
  width: 50%;
}

.bs-donebutton {
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.bs-donebutton .btn-group button {
  width: 100%;
}

.bs-searchbox + .bs-actionsbox {
  padding: 0 8px 4px;
}

.bs-searchbox .form-control {
  margin-bottom: 0;
  width: 100%;
  float: none;
}

/*!
 *  Font Awesome 4.7.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("onecms/fonts/fontawesome-webfont.eot");
  src: url("onecms/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("onecms/fonts/fontawesome-webfont.woff") format("woff"), url("onecms/fonts/fontawesome-webfont.ttf") format("truetype"), url("onecms/fonts/fontawesome-webfont.svg#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

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

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.3333333333em;
  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.2857142857em;
  text-align: center;
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.1428571429em;
  list-style-type: none;
}

.fa-ul > li {
  position: relative;
}

.fa-li {
  position: absolute;
  left: -2.1428571429em;
  width: 2.1428571429em;
  top: 0.1428571429em;
  text-align: center;
}

.fa-li.fa-lg {
  left: -1.8571428571em;
}

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left {
  margin-right: .3em;
}

.fa.fa-pull-right {
  margin-left: .3em;
}

/* Deprecated as of 4.4.0 */
.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 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  -ms-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 {
  -ms-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: #fff;
}

/* 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: "";
}

.fa-music:before {
  content: "";
}

.fa-search:before {
  content: "";
}

.fa-envelope-o:before {
  content: "";
}

.fa-heart:before {
  content: "";
}

.fa-star:before {
  content: "";
}

.fa-star-o:before {
  content: "";
}

.fa-user:before {
  content: "";
}

.fa-film:before {
  content: "";
}

.fa-th-large:before {
  content: "";
}

.fa-th:before {
  content: "";
}

.fa-th-list:before {
  content: "";
}

.fa-check:before {
  content: "";
}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "";
}

.fa-search-plus:before {
  content: "";
}

.fa-search-minus:before {
  content: "";
}

.fa-power-off:before {
  content: "";
}

.fa-signal:before {
  content: "";
}

.fa-gear:before,
.fa-cog:before {
  content: "";
}

.fa-trash-o:before {
  content: "";
}

.fa-home:before {
  content: "";
}

.fa-file-o:before {
  content: "";
}

.fa-clock-o:before {
  content: "";
}

.fa-road:before {
  content: "";
}

.fa-download:before {
  content: "";
}

.fa-arrow-circle-o-down:before {
  content: "";
}

.fa-arrow-circle-o-up:before {
  content: "";
}

.fa-inbox:before {
  content: "";
}

.fa-play-circle-o:before {
  content: "";
}

.fa-rotate-right:before,
.fa-repeat:before {
  content: "";
}

.fa-refresh:before {
  content: "";
}

.fa-list-alt:before {
  content: "";
}

.fa-lock:before {
  content: "";
}

.fa-flag:before {
  content: "";
}

.fa-headphones:before {
  content: "";
}

.fa-volume-off:before {
  content: "";
}

.fa-volume-down:before {
  content: "";
}

.fa-volume-up:before {
  content: "";
}

.fa-qrcode:before {
  content: "";
}

.fa-barcode:before {
  content: "";
}

.fa-tag:before {
  content: "";
}

.fa-tags:before {
  content: "";
}

.fa-book:before {
  content: "";
}

.fa-bookmark:before {
  content: "";
}

.fa-print:before {
  content: "";
}

.fa-camera:before {
  content: "";
}

.fa-font:before {
  content: "";
}

.fa-bold:before {
  content: "";
}

.fa-italic:before {
  content: "";
}

.fa-text-height:before {
  content: "";
}

.fa-text-width:before {
  content: "";
}

.fa-align-left:before {
  content: "";
}

.fa-align-center:before {
  content: "";
}

.fa-align-right:before {
  content: "";
}

.fa-align-justify:before {
  content: "";
}

.fa-list:before {
  content: "";
}

.fa-dedent:before,
.fa-outdent:before {
  content: "";
}

.fa-indent:before {
  content: "";
}

.fa-video-camera:before {
  content: "";
}

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "";
}

.fa-pencil:before {
  content: "";
}

.fa-map-marker:before {
  content: "";
}

.fa-adjust:before {
  content: "";
}

.fa-tint:before {
  content: "";
}

.fa-edit:before,
.fa-pencil-square-o:before {
  content: "";
}

.fa-share-square-o:before {
  content: "";
}

.fa-check-square-o:before {
  content: "";
}

.fa-arrows:before {
  content: "";
}

.fa-step-backward:before {
  content: "";
}

.fa-fast-backward:before {
  content: "";
}

.fa-backward:before {
  content: "";
}

.fa-play:before {
  content: "";
}

.fa-pause:before {
  content: "";
}

.fa-stop:before {
  content: "";
}

.fa-forward:before {
  content: "";
}

.fa-fast-forward:before {
  content: "";
}

.fa-step-forward:before {
  content: "";
}

.fa-eject:before {
  content: "";
}

.fa-chevron-left:before {
  content: "";
}

.fa-chevron-right:before {
  content: "";
}

.fa-plus-circle:before {
  content: "";
}

.fa-minus-circle:before {
  content: "";
}

.fa-times-circle:before {
  content: "";
}

.fa-check-circle:before {
  content: "";
}

.fa-question-circle:before {
  content: "";
}

.fa-info-circle:before {
  content: "";
}

.fa-crosshairs:before {
  content: "";
}

.fa-times-circle-o:before {
  content: "";
}

.fa-check-circle-o:before {
  content: "";
}

.fa-ban:before {
  content: "";
}

.fa-arrow-left:before {
  content: "";
}

.fa-arrow-right:before {
  content: "";
}

.fa-arrow-up:before {
  content: "";
}

.fa-arrow-down:before {
  content: "";
}

.fa-mail-forward:before,
.fa-share:before {
  content: "";
}

.fa-expand:before {
  content: "";
}

.fa-compress:before {
  content: "";
}

.fa-plus:before {
  content: "";
}

.fa-minus:before {
  content: "";
}

.fa-asterisk:before {
  content: "";
}

.fa-exclamation-circle:before {
  content: "";
}

.fa-gift:before {
  content: "";
}

.fa-leaf:before {
  content: "";
}

.fa-fire:before {
  content: "";
}

.fa-eye:before {
  content: "";
}

.fa-eye-slash:before {
  content: "";
}

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "";
}

.fa-plane:before {
  content: "";
}

.fa-calendar:before {
  content: "";
}

.fa-random:before {
  content: "";
}

.fa-comment:before {
  content: "";
}

.fa-magnet:before {
  content: "";
}

.fa-chevron-up:before {
  content: "";
}

.fa-chevron-down:before {
  content: "";
}

.fa-retweet:before {
  content: "";
}

.fa-shopping-cart:before {
  content: "";
}

.fa-folder:before {
  content: "";
}

.fa-folder-open:before {
  content: "";
}

.fa-arrows-v:before {
  content: "";
}

.fa-arrows-h:before {
  content: "";
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "";
}

.fa-twitter-square:before {
  content: "";
}

.fa-facebook-square:before {
  content: "";
}

.fa-camera-retro:before {
  content: "";
}

.fa-key:before {
  content: "";
}

.fa-gears:before,
.fa-cogs:before {
  content: "";
}

.fa-comments:before {
  content: "";
}

.fa-thumbs-o-up:before {
  content: "";
}

.fa-thumbs-o-down:before {
  content: "";
}

.fa-star-half:before {
  content: "";
}

.fa-heart-o:before {
  content: "";
}

.fa-sign-out:before {
  content: "";
}

.fa-linkedin-square:before {
  content: "";
}

.fa-thumb-tack:before {
  content: "";
}

.fa-external-link:before {
  content: "";
}

.fa-sign-in:before {
  content: "";
}

.fa-trophy:before {
  content: "";
}

.fa-github-square:before {
  content: "";
}

.fa-upload:before {
  content: "";
}

.fa-lemon-o:before {
  content: "";
}

.fa-phone:before {
  content: "";
}

.fa-square-o:before {
  content: "";
}

.fa-bookmark-o:before {
  content: "";
}

.fa-phone-square:before {
  content: "";
}

.fa-twitter:before {
  content: "";
}

.fa-facebook-f:before,
.fa-facebook:before {
  content: "";
}

.fa-github:before {
  content: "";
}

.fa-unlock:before {
  content: "";
}

.fa-credit-card:before {
  content: "";
}

.fa-feed:before,
.fa-rss:before {
  content: "";
}

.fa-hdd-o:before {
  content: "";
}

.fa-bullhorn:before {
  content: "";
}

.fa-bell:before {
  content: "";
}

.fa-certificate:before {
  content: "";
}

.fa-hand-o-right:before {
  content: "";
}

.fa-hand-o-left:before {
  content: "";
}

.fa-hand-o-up:before {
  content: "";
}

.fa-hand-o-down:before {
  content: "";
}

.fa-arrow-circle-left:before {
  content: "";
}

.fa-arrow-circle-right:before {
  content: "";
}

.fa-arrow-circle-up:before {
  content: "";
}

.fa-arrow-circle-down:before {
  content: "";
}

.fa-globe:before {
  content: "";
}

.fa-wrench:before {
  content: "";
}

.fa-tasks:before {
  content: "";
}

.fa-filter:before {
  content: "";
}

.fa-briefcase:before {
  content: "";
}

.fa-arrows-alt:before {
  content: "";
}

.fa-group:before,
.fa-users:before {
  content: "";
}

.fa-chain:before,
.fa-link:before {
  content: "";
}

.fa-cloud:before {
  content: "";
}

.fa-flask:before {
  content: "";
}

.fa-cut:before,
.fa-scissors:before {
  content: "";
}

.fa-copy:before,
.fa-files-o:before {
  content: "";
}

.fa-paperclip:before {
  content: "";
}

.fa-save:before,
.fa-floppy-o:before {
  content: "";
}

.fa-square:before {
  content: "";
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "";
}

.fa-list-ul:before {
  content: "";
}

.fa-list-ol:before {
  content: "";
}

.fa-strikethrough:before {
  content: "";
}

.fa-underline:before {
  content: "";
}

.fa-table:before {
  content: "";
}

.fa-magic:before {
  content: "";
}

.fa-truck:before {
  content: "";
}

.fa-pinterest:before {
  content: "";
}

.fa-pinterest-square:before {
  content: "";
}

.fa-google-plus-square:before {
  content: "";
}

.fa-google-plus:before {
  content: "";
}

.fa-money:before {
  content: "";
}

.fa-caret-down:before {
  content: "";
}

.fa-caret-up:before {
  content: "";
}

.fa-caret-left:before {
  content: "";
}

.fa-caret-right:before {
  content: "";
}

.fa-columns:before {
  content: "";
}

.fa-unsorted:before,
.fa-sort:before {
  content: "";
}

.fa-sort-down:before,
.fa-sort-desc:before {
  content: "";
}

.fa-sort-up:before,
.fa-sort-asc:before {
  content: "";
}

.fa-envelope:before {
  content: "";
}

.fa-linkedin:before {
  content: "";
}

.fa-rotate-left:before,
.fa-undo:before {
  content: "";
}

.fa-legal:before,
.fa-gavel:before {
  content: "";
}

.fa-dashboard:before,
.fa-tachometer:before {
  content: "";
}

.fa-comment-o:before {
  content: "";
}

.fa-comments-o:before {
  content: "";
}

.fa-flash:before,
.fa-bolt:before {
  content: "";
}

.fa-sitemap:before {
  content: "";
}

.fa-umbrella:before {
  content: "";
}

.fa-paste:before,
.fa-clipboard:before {
  content: "";
}

.fa-lightbulb-o:before {
  content: "";
}

.fa-exchange:before {
  content: "";
}

.fa-cloud-download:before {
  content: "";
}

.fa-cloud-upload:before {
  content: "";
}

.fa-user-md:before {
  content: "";
}

.fa-stethoscope:before {
  content: "";
}

.fa-suitcase:before {
  content: "";
}

.fa-bell-o:before {
  content: "";
}

.fa-coffee:before {
  content: "";
}

.fa-cutlery:before {
  content: "";
}

.fa-file-text-o:before {
  content: "";
}

.fa-building-o:before {
  content: "";
}

.fa-hospital-o:before {
  content: "";
}

.fa-ambulance:before {
  content: "";
}

.fa-medkit:before {
  content: "";
}

.fa-fighter-jet:before {
  content: "";
}

.fa-beer:before {
  content: "";
}

.fa-h-square:before {
  content: "";
}

.fa-plus-square:before {
  content: "";
}

.fa-angle-double-left:before {
  content: "";
}

.fa-angle-double-right:before {
  content: "";
}

.fa-angle-double-up:before {
  content: "";
}

.fa-angle-double-down:before {
  content: "";
}

.fa-angle-left:before {
  content: "";
}

.fa-angle-right:before {
  content: "";
}

.fa-angle-up:before {
  content: "";
}

.fa-angle-down:before {
  content: "";
}

.fa-desktop:before {
  content: "";
}

.fa-laptop:before {
  content: "";
}

.fa-tablet:before {
  content: "";
}

.fa-mobile-phone:before,
.fa-mobile:before {
  content: "";
}

.fa-circle-o:before {
  content: "";
}

.fa-quote-left:before {
  content: "";
}

.fa-quote-right:before {
  content: "";
}

.fa-spinner:before {
  content: "";
}

.fa-circle:before {
  content: "";
}

.fa-mail-reply:before,
.fa-reply:before {
  content: "";
}

.fa-github-alt:before {
  content: "";
}

.fa-folder-o:before {
  content: "";
}

.fa-folder-open-o:before {
  content: "";
}

.fa-smile-o:before {
  content: "";
}

.fa-frown-o:before {
  content: "";
}

.fa-meh-o:before {
  content: "";
}

.fa-gamepad:before {
  content: "";
}

.fa-keyboard-o:before {
  content: "";
}

.fa-flag-o:before {
  content: "";
}

.fa-flag-checkered:before {
  content: "";
}

.fa-terminal:before {
  content: "";
}

.fa-code:before {
  content: "";
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "";
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "";
}

.fa-location-arrow:before {
  content: "";
}

.fa-crop:before {
  content: "";
}

.fa-code-fork:before {
  content: "";
}

.fa-unlink:before,
.fa-chain-broken:before {
  content: "";
}

.fa-question:before {
  content: "";
}

.fa-info:before {
  content: "";
}

.fa-exclamation:before {
  content: "";
}

.fa-superscript:before {
  content: "";
}

.fa-subscript:before {
  content: "";
}

.fa-eraser:before {
  content: "";
}

.fa-puzzle-piece:before {
  content: "";
}

.fa-microphone:before {
  content: "";
}

.fa-microphone-slash:before {
  content: "";
}

.fa-shield:before {
  content: "";
}

.fa-calendar-o:before {
  content: "";
}

.fa-fire-extinguisher:before {
  content: "";
}

.fa-rocket:before {
  content: "";
}

.fa-maxcdn:before {
  content: "";
}

.fa-chevron-circle-left:before {
  content: "";
}

.fa-chevron-circle-right:before {
  content: "";
}

.fa-chevron-circle-up:before {
  content: "";
}

.fa-chevron-circle-down:before {
  content: "";
}

.fa-html5:before {
  content: "";
}

.fa-css3:before {
  content: "";
}

.fa-anchor:before {
  content: "";
}

.fa-unlock-alt:before {
  content: "";
}

.fa-bullseye:before {
  content: "";
}

.fa-ellipsis-h:before {
  content: "";
}

.fa-ellipsis-v:before {
  content: "";
}

.fa-rss-square:before {
  content: "";
}

.fa-play-circle:before {
  content: "";
}

.fa-ticket:before {
  content: "";
}

.fa-minus-square:before {
  content: "";
}

.fa-minus-square-o:before {
  content: "";
}

.fa-level-up:before {
  content: "";
}

.fa-level-down:before {
  content: "";
}

.fa-check-square:before {
  content: "";
}

.fa-pencil-square:before {
  content: "";
}

.fa-external-link-square:before {
  content: "";
}

.fa-share-square:before {
  content: "";
}

.fa-compass:before {
  content: "";
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "";
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "";
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "";
}

.fa-euro:before,
.fa-eur:before {
  content: "";
}

.fa-gbp:before {
  content: "";
}

.fa-dollar:before,
.fa-usd:before {
  content: "";
}

.fa-rupee:before,
.fa-inr:before {
  content: "";
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "";
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "";
}

.fa-won:before,
.fa-krw:before {
  content: "";
}

.fa-bitcoin:before,
.fa-btc:before {
  content: "";
}

.fa-file:before {
  content: "";
}

.fa-file-text:before {
  content: "";
}

.fa-sort-alpha-asc:before {
  content: "";
}

.fa-sort-alpha-desc:before {
  content: "";
}

.fa-sort-amount-asc:before {
  content: "";
}

.fa-sort-amount-desc:before {
  content: "";
}

.fa-sort-numeric-asc:before {
  content: "";
}

.fa-sort-numeric-desc:before {
  content: "";
}

.fa-thumbs-up:before {
  content: "";
}

.fa-thumbs-down:before {
  content: "";
}

.fa-youtube-square:before {
  content: "";
}

.fa-youtube:before {
  content: "";
}

.fa-xing:before {
  content: "";
}

.fa-xing-square:before {
  content: "";
}

.fa-youtube-play:before {
  content: "";
}

.fa-dropbox:before {
  content: "";
}

.fa-stack-overflow:before {
  content: "";
}

.fa-instagram:before {
  content: "";
}

.fa-flickr:before {
  content: "";
}

.fa-adn:before {
  content: "";
}

.fa-bitbucket:before {
  content: "";
}

.fa-bitbucket-square:before {
  content: "";
}

.fa-tumblr:before {
  content: "";
}

.fa-tumblr-square:before {
  content: "";
}

.fa-long-arrow-down:before {
  content: "";
}

.fa-long-arrow-up:before {
  content: "";
}

.fa-long-arrow-left:before {
  content: "";
}

.fa-long-arrow-right:before {
  content: "";
}

.fa-apple:before {
  content: "";
}

.fa-windows:before {
  content: "";
}

.fa-android:before {
  content: "";
}

.fa-linux:before {
  content: "";
}

.fa-dribbble:before {
  content: "";
}

.fa-skype:before {
  content: "";
}

.fa-foursquare:before {
  content: "";
}

.fa-trello:before {
  content: "";
}

.fa-female:before {
  content: "";
}

.fa-male:before {
  content: "";
}

.fa-gittip:before,
.fa-gratipay:before {
  content: "";
}

.fa-sun-o:before {
  content: "";
}

.fa-moon-o:before {
  content: "";
}

.fa-archive:before {
  content: "";
}

.fa-bug:before {
  content: "";
}

.fa-vk:before {
  content: "";
}

.fa-weibo:before {
  content: "";
}

.fa-renren:before {
  content: "";
}

.fa-pagelines:before {
  content: "";
}

.fa-stack-exchange:before {
  content: "";
}

.fa-arrow-circle-o-right:before {
  content: "";
}

.fa-arrow-circle-o-left:before {
  content: "";
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "";
}

.fa-dot-circle-o:before {
  content: "";
}

.fa-wheelchair:before {
  content: "";
}

.fa-vimeo-square:before {
  content: "";
}

.fa-turkish-lira:before,
.fa-try:before {
  content: "";
}

.fa-plus-square-o:before {
  content: "";
}

.fa-space-shuttle:before {
  content: "";
}

.fa-slack:before {
  content: "";
}

.fa-envelope-square:before {
  content: "";
}

.fa-wordpress:before {
  content: "";
}

.fa-openid:before {
  content: "";
}

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "";
}

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "";
}

.fa-yahoo:before {
  content: "";
}

.fa-google:before {
  content: "";
}

.fa-reddit:before {
  content: "";
}

.fa-reddit-square:before {
  content: "";
}

.fa-stumbleupon-circle:before {
  content: "";
}

.fa-stumbleupon:before {
  content: "";
}

.fa-delicious:before {
  content: "";
}

.fa-digg:before {
  content: "";
}

.fa-pied-piper-pp:before {
  content: "";
}

.fa-pied-piper-alt:before {
  content: "";
}

.fa-drupal:before {
  content: "";
}

.fa-joomla:before {
  content: "";
}

.fa-language:before {
  content: "";
}

.fa-fax:before {
  content: "";
}

.fa-building:before {
  content: "";
}

.fa-child:before {
  content: "";
}

.fa-paw:before {
  content: "";
}

.fa-spoon:before {
  content: "";
}

.fa-cube:before {
  content: "";
}

.fa-cubes:before {
  content: "";
}

.fa-behance:before {
  content: "";
}

.fa-behance-square:before {
  content: "";
}

.fa-steam:before {
  content: "";
}

.fa-steam-square:before {
  content: "";
}

.fa-recycle:before {
  content: "";
}

.fa-automobile:before,
.fa-car:before {
  content: "";
}

.fa-cab:before,
.fa-taxi:before {
  content: "";
}

.fa-tree:before {
  content: "";
}

.fa-spotify:before {
  content: "";
}

.fa-deviantart:before {
  content: "";
}

.fa-soundcloud:before {
  content: "";
}

.fa-database:before {
  content: "";
}

.fa-file-pdf-o:before {
  content: "";
}

.fa-file-word-o:before {
  content: "";
}

.fa-file-excel-o:before {
  content: "";
}

.fa-file-powerpoint-o:before {
  content: "";
}

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "";
}

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "";
}

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "";
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "";
}

.fa-file-code-o:before {
  content: "";
}

.fa-vine:before {
  content: "";
}

.fa-codepen:before {
  content: "";
}

.fa-jsfiddle:before {
  content: "";
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "";
}

.fa-circle-o-notch:before {
  content: "";
}

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "";
}

.fa-ge:before,
.fa-empire:before {
  content: "";
}

.fa-git-square:before {
  content: "";
}

.fa-git:before {
  content: "";
}

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "";
}

.fa-tencent-weibo:before {
  content: "";
}

.fa-qq:before {
  content: "";
}

.fa-wechat:before,
.fa-weixin:before {
  content: "";
}

.fa-send:before,
.fa-paper-plane:before {
  content: "";
}

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "";
}

.fa-history:before {
  content: "";
}

.fa-circle-thin:before {
  content: "";
}

.fa-header:before {
  content: "";
}

.fa-paragraph:before {
  content: "";
}

.fa-sliders:before {
  content: "";
}

.fa-share-alt:before {
  content: "";
}

.fa-share-alt-square:before {
  content: "";
}

.fa-bomb:before {
  content: "";
}

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "";
}

.fa-tty:before {
  content: "";
}

.fa-binoculars:before {
  content: "";
}

.fa-plug:before {
  content: "";
}

.fa-slideshare:before {
  content: "";
}

.fa-twitch:before {
  content: "";
}

.fa-yelp:before {
  content: "";
}

.fa-newspaper-o:before {
  content: "";
}

.fa-wifi:before {
  content: "";
}

.fa-calculator:before {
  content: "";
}

.fa-paypal:before {
  content: "";
}

.fa-google-wallet:before {
  content: "";
}

.fa-cc-visa:before {
  content: "";
}

.fa-cc-mastercard:before {
  content: "";
}

.fa-cc-discover:before {
  content: "";
}

.fa-cc-amex:before {
  content: "";
}

.fa-cc-paypal:before {
  content: "";
}

.fa-cc-stripe:before {
  content: "";
}

.fa-bell-slash:before {
  content: "";
}

.fa-bell-slash-o:before {
  content: "";
}

.fa-trash:before {
  content: "";
}

.fa-copyright:before {
  content: "";
}

.fa-at:before {
  content: "";
}

.fa-eyedropper:before {
  content: "";
}

.fa-paint-brush:before {
  content: "";
}

.fa-birthday-cake:before {
  content: "";
}

.fa-area-chart:before {
  content: "";
}

.fa-pie-chart:before {
  content: "";
}

.fa-line-chart:before {
  content: "";
}

.fa-lastfm:before {
  content: "";
}

.fa-lastfm-square:before {
  content: "";
}

.fa-toggle-off:before {
  content: "";
}

.fa-toggle-on:before {
  content: "";
}

.fa-bicycle:before {
  content: "";
}

.fa-bus:before {
  content: "";
}

.fa-ioxhost:before {
  content: "";
}

.fa-angellist:before {
  content: "";
}

.fa-cc:before {
  content: "";
}

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "";
}

.fa-meanpath:before {
  content: "";
}

.fa-buysellads:before {
  content: "";
}

.fa-connectdevelop:before {
  content: "";
}

.fa-dashcube:before {
  content: "";
}

.fa-forumbee:before {
  content: "";
}

.fa-leanpub:before {
  content: "";
}

.fa-sellsy:before {
  content: "";
}

.fa-shirtsinbulk:before {
  content: "";
}

.fa-simplybuilt:before {
  content: "";
}

.fa-skyatlas:before {
  content: "";
}

.fa-cart-plus:before {
  content: "";
}

.fa-cart-arrow-down:before {
  content: "";
}

.fa-diamond:before {
  content: "";
}

.fa-ship:before {
  content: "";
}

.fa-user-secret:before {
  content: "";
}

.fa-motorcycle:before {
  content: "";
}

.fa-street-view:before {
  content: "";
}

.fa-heartbeat:before {
  content: "";
}

.fa-venus:before {
  content: "";
}

.fa-mars:before {
  content: "";
}

.fa-mercury:before {
  content: "";
}

.fa-intersex:before,
.fa-transgender:before {
  content: "";
}

.fa-transgender-alt:before {
  content: "";
}

.fa-venus-double:before {
  content: "";
}

.fa-mars-double:before {
  content: "";
}

.fa-venus-mars:before {
  content: "";
}

.fa-mars-stroke:before {
  content: "";
}

.fa-mars-stroke-v:before {
  content: "";
}

.fa-mars-stroke-h:before {
  content: "";
}

.fa-neuter:before {
  content: "";
}

.fa-genderless:before {
  content: "";
}

.fa-facebook-official:before {
  content: "";
}

.fa-pinterest-p:before {
  content: "";
}

.fa-whatsapp:before {
  content: "";
}

.fa-server:before {
  content: "";
}

.fa-user-plus:before {
  content: "";
}

.fa-user-times:before {
  content: "";
}

.fa-hotel:before,
.fa-bed:before {
  content: "";
}

.fa-viacoin:before {
  content: "";
}

.fa-train:before {
  content: "";
}

.fa-subway:before {
  content: "";
}

.fa-medium:before {
  content: "";
}

.fa-yc:before,
.fa-y-combinator:before {
  content: "";
}

.fa-optin-monster:before {
  content: "";
}

.fa-opencart:before {
  content: "";
}

.fa-expeditedssl:before {
  content: "";
}

.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "";
}

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "";
}

.fa-battery-2:before,
.fa-battery-half:before {
  content: "";
}

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "";
}

.fa-battery-0:before,
.fa-battery-empty:before {
  content: "";
}

.fa-mouse-pointer:before {
  content: "";
}

.fa-i-cursor:before {
  content: "";
}

.fa-object-group:before {
  content: "";
}

.fa-object-ungroup:before {
  content: "";
}

.fa-sticky-note:before {
  content: "";
}

.fa-sticky-note-o:before {
  content: "";
}

.fa-cc-jcb:before {
  content: "";
}

.fa-cc-diners-club:before {
  content: "";
}

.fa-clone:before {
  content: "";
}

.fa-balance-scale:before {
  content: "";
}

.fa-hourglass-o:before {
  content: "";
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "";
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "";
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "";
}

.fa-hourglass:before {
  content: "";
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "";
}

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "";
}

.fa-hand-scissors-o:before {
  content: "";
}

.fa-hand-lizard-o:before {
  content: "";
}

.fa-hand-spock-o:before {
  content: "";
}

.fa-hand-pointer-o:before {
  content: "";
}

.fa-hand-peace-o:before {
  content: "";
}

.fa-trademark:before {
  content: "";
}

.fa-registered:before {
  content: "";
}

.fa-creative-commons:before {
  content: "";
}

.fa-gg:before {
  content: "";
}

.fa-gg-circle:before {
  content: "";
}

.fa-tripadvisor:before {
  content: "";
}

.fa-odnoklassniki:before {
  content: "";
}

.fa-odnoklassniki-square:before {
  content: "";
}

.fa-get-pocket:before {
  content: "";
}

.fa-wikipedia-w:before {
  content: "";
}

.fa-safari:before {
  content: "";
}

.fa-chrome:before {
  content: "";
}

.fa-firefox:before {
  content: "";
}

.fa-opera:before {
  content: "";
}

.fa-internet-explorer:before {
  content: "";
}

.fa-tv:before,
.fa-television:before {
  content: "";
}

.fa-contao:before {
  content: "";
}

.fa-500px:before {
  content: "";
}

.fa-amazon:before {
  content: "";
}

.fa-calendar-plus-o:before {
  content: "";
}

.fa-calendar-minus-o:before {
  content: "";
}

.fa-calendar-times-o:before {
  content: "";
}

.fa-calendar-check-o:before {
  content: "";
}

.fa-industry:before {
  content: "";
}

.fa-map-pin:before {
  content: "";
}

.fa-map-signs:before {
  content: "";
}

.fa-map-o:before {
  content: "";
}

.fa-map:before {
  content: "";
}

.fa-commenting:before {
  content: "";
}

.fa-commenting-o:before {
  content: "";
}

.fa-houzz:before {
  content: "";
}

.fa-vimeo:before {
  content: "";
}

.fa-black-tie:before {
  content: "";
}

.fa-fonticons:before {
  content: "";
}

.fa-reddit-alien:before {
  content: "";
}

.fa-edge:before {
  content: "";
}

.fa-credit-card-alt:before {
  content: "";
}

.fa-codiepie:before {
  content: "";
}

.fa-modx:before {
  content: "";
}

.fa-fort-awesome:before {
  content: "";
}

.fa-usb:before {
  content: "";
}

.fa-product-hunt:before {
  content: "";
}

.fa-mixcloud:before {
  content: "";
}

.fa-scribd:before {
  content: "";
}

.fa-pause-circle:before {
  content: "";
}

.fa-pause-circle-o:before {
  content: "";
}

.fa-stop-circle:before {
  content: "";
}

.fa-stop-circle-o:before {
  content: "";
}

.fa-shopping-bag:before {
  content: "";
}

.fa-shopping-basket:before {
  content: "";
}

.fa-hashtag:before {
  content: "";
}

.fa-bluetooth:before {
  content: "";
}

.fa-bluetooth-b:before {
  content: "";
}

.fa-percent:before {
  content: "";
}

.fa-gitlab:before {
  content: "";
}

.fa-wpbeginner:before {
  content: "";
}

.fa-wpforms:before {
  content: "";
}

.fa-envira:before {
  content: "";
}

.fa-universal-access:before {
  content: "";
}

.fa-wheelchair-alt:before {
  content: "";
}

.fa-question-circle-o:before {
  content: "";
}

.fa-blind:before {
  content: "";
}

.fa-audio-description:before {
  content: "";
}

.fa-volume-control-phone:before {
  content: "";
}

.fa-braille:before {
  content: "";
}

.fa-assistive-listening-systems:before {
  content: "";
}

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "";
}

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "";
}

.fa-glide:before {
  content: "";
}

.fa-glide-g:before {
  content: "";
}

.fa-signing:before,
.fa-sign-language:before {
  content: "";
}

.fa-low-vision:before {
  content: "";
}

.fa-viadeo:before {
  content: "";
}

.fa-viadeo-square:before {
  content: "";
}

.fa-snapchat:before {
  content: "";
}

.fa-snapchat-ghost:before {
  content: "";
}

.fa-snapchat-square:before {
  content: "";
}

.fa-pied-piper:before {
  content: "";
}

.fa-first-order:before {
  content: "";
}

.fa-yoast:before {
  content: "";
}

.fa-themeisle:before {
  content: "";
}

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "";
}

.fa-fa:before,
.fa-font-awesome:before {
  content: "";
}

.fa-handshake-o:before {
  content: "";
}

.fa-envelope-open:before {
  content: "";
}

.fa-envelope-open-o:before {
  content: "";
}

.fa-linode:before {
  content: "";
}

.fa-address-book:before {
  content: "";
}

.fa-address-book-o:before {
  content: "";
}

.fa-vcard:before,
.fa-address-card:before {
  content: "";
}

.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "";
}

.fa-user-circle:before {
  content: "";
}

.fa-user-circle-o:before {
  content: "";
}

.fa-user-o:before {
  content: "";
}

.fa-id-badge:before {
  content: "";
}

.fa-drivers-license:before,
.fa-id-card:before {
  content: "";
}

.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "";
}

.fa-quora:before {
  content: "";
}

.fa-free-code-camp:before {
  content: "";
}

.fa-telegram:before {
  content: "";
}

.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "";
}

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "";
}

.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "";
}

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "";
}

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "";
}

.fa-shower:before {
  content: "";
}

.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "";
}

.fa-podcast:before {
  content: "";
}

.fa-window-maximize:before {
  content: "";
}

.fa-window-minimize:before {
  content: "";
}

.fa-window-restore:before {
  content: "";
}

.fa-times-rectangle:before,
.fa-window-close:before {
  content: "";
}

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "";
}

.fa-bandcamp:before {
  content: "";
}

.fa-grav:before {
  content: "";
}

.fa-etsy:before {
  content: "";
}

.fa-imdb:before {
  content: "";
}

.fa-ravelry:before {
  content: "";
}

.fa-eercast:before {
  content: "";
}

.fa-microchip:before {
  content: "";
}

.fa-snowflake-o:before {
  content: "";
}

.fa-superpowers:before {
  content: "";
}

.fa-wpexplorer:before {
  content: "";
}

.fa-meetup:before {
  content: "";
}

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

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

@font-face {
  font-family: "fontcustom";
  src: url("onecms/fonts/fontcustom.eot");
  src: url("onecms/fonts/fontcustom.eot?#iefix") format("embedded-opentype"), url("onecms/fonts/fontcustom.woff") format("woff"), url("onecms/fonts/fontcustom.ttf") format("truetype"), url("onecms/fonts/fontcustom.svg#fontcustom") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "fontcustom";
    src: url("onecms/fonts/fontcustom.svg#fontcustom") format("svg");
  }
}

@font-face {
  font-family: "FontAwesome";
  src: url("onecms/fonts/fontawesome-webfont.eot");
  src: url("onecms/fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("onecms/fonts/fontawesome-webfont.woff2") format("woff2"), url("onecms/fonts/fontawesome-webfont.woff") format("woff"), url("onecms/fonts/fontawesome-webfont.ttf") format("truetype"), url("onecms/fonts/fontawesome-webfont.svg#fontcustom") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

/*
 * Legal Disclaimer
 *
 * These fonts are licensed only for use on these domains and their subdomains:
 * virginmedia.com
 * virginmediabusiness.co.uk
 *
 * It is illegal to download or use them on other websites.
 *
 * While the @font-face statements below may be modified by the client, this
 * disclaimer may not be removed.
 *
 * Lineto.com, 2013
 */
@font-face {
  font-family: 'VM Circular Light';
  src: url("onecms/fonts/circular/lineto-vm-circular-whisper-light.eot");
  src: url("onecms/fonts/circular/lineto-vm-circular-whisper-light.eot?#iefix") format("embedded-opentype"), url("onecms/fonts/circular/lineto-vm-circular-whisper-light.woff2") format("woff2"), url("onecms/fonts/circular/lineto-vm-circular-whisper-light.woff") format("woff"), url("onecms/fonts/circular/lineto-vm-circular-whisper-light.ttf") format("truetype"), url("onecms/fonts/circular/lineto-vm-circular-whisper-light.svg#VMCircularLight") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'VM Circular Light Italic';
  src: url("onecms/fonts/circular/lineto-vm-circular-whisper-lightitalic.eot");
  src: url("onecms/fonts/circular/lineto-vm-circular-whisper-lightitalic.eot?#iefix") format("embedded-opentype"), url("onecms/fonts/circular/lineto-vm-circular-whisper-lightitalic.woff2") format("woff2"), url("onecms/fonts/circular/lineto-vm-circular-whisper-lightitalic.woff") format("woff"), url("onecms/fonts/circular/lineto-vm-circular-whisper-lightitalic.ttf") format("truetype"), url("onecms/fonts/circular/lineto-vm-circular-whisper-lightitalic.svg#VMCircularLightItalic") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'VM Circular Book';
  src: url("onecms/fonts/circular/lineto-vm-circular-chat-book.eot");
  src: url("onecms/fonts/circular/lineto-vm-circular-chat-book.eot?#iefix") format("embedded-opentype"), url("onecms/fonts/circular/lineto-vm-circular-chat-book.woff2") format("woff2"), url("onecms/fonts/circular/lineto-vm-circular-chat-book.woff") format("woff"), url("onecms/fonts/circular/lineto-vm-circular-chat-book.ttf") format("truetype"), url("onecms/fonts/circular/lineto-vm-circular-chat-book.svg#VMCircularBook") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'VM Circular Book Italic';
  src: url("onecms/fonts/circular/lineto-vm-circular-chat-bookitalic.eot");
  src: url("onecms/fonts/circular/lineto-vm-circular-chat-bookitalic.eot?#iefix") format("embedded-opentype"), url("onecms/fonts/circular/lineto-vm-circular-chat-bookitalic.woff2") format("woff2"), url("onecms/fonts/circular/lineto-vm-circular-chat-bookitalic.woff") format("woff"), url("onecms/fonts/circular/lineto-vm-circular-chat-bookitalic.ttf") format("truetype"), url("onecms/fonts/circular/lineto-vm-circular-chat-bookitalic.svg#VMCircularBookItalic") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'VM Circular Medium';
  src: url("onecms/fonts/circular/lineto-vm-circular-natter-medium.eot");
  src: url("onecms/fonts/circular/lineto-vm-circular-natter-medium.eot?#iefix") format("embedded-opentype"), url("onecms/fonts/circular/lineto-vm-circular-natter-medium.woff2") format("woff2"), url("onecms/fonts/circular/lineto-vm-circular-natter-medium.woff") format("woff"), url("onecms/fonts/circular/lineto-vm-circular-natter-medium.ttf") format("truetype"), url("onecms/fonts/circular/lineto-vm-circular-natter-medium.svg#VMCircularMedium") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'VM Circular Medium Italic';
  src: url("onecms/fonts/circular/lineto-vm-circular-natter-mediumitalic.eot");
  src: url("onecms/fonts/circular/lineto-vm-circular-natter-mediumitalic.eot?#iefix") format("embedded-opentype"), url("onecms/fonts/circular/lineto-vm-circular-natter-mediumitalic.woff2") format("woff2"), url("onecms/fonts/circular/lineto-vm-circular-natter-mediumitalic.woff") format("woff"), url("onecms/fonts/circular/lineto-vm-circular-natter-mediumitalic.ttf") format("truetype"), url("onecms/fonts/circular/lineto-vm-circular-natter-mediumitalic.svg#VMCircularMediumItalic") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'VM Circular Bold';
  src: url("onecms/fonts/circular/lineto-vm-circular-shout-bold.eot");
  src: url("onecms/fonts/circular/lineto-vm-circular-shout-bold.eot?#iefix") format("embedded-opentype"), url("onecms/fonts/circular/lineto-vm-circular-shout-bold.woff2") format("woff2"), url("onecms/fonts/circular/lineto-vm-circular-shout-bold.woff") format("woff"), url("onecms/fonts/circular/lineto-vm-circular-shout-bold.ttf") format("truetype"), url("onecms/fonts/circular/lineto-vm-circular-shout-bold.svg#VMCircularBold") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'VM Circular Bold Italic';
  src: url("onecms/fonts/circular/lineto-vm-circular-shout-bolditalic.eot");
  src: url("onecms/fonts/circular/lineto-vm-circular-shout-bolditalic.eot?#iefix") format("embedded-opentype"), url("onecms/fonts/circular/lineto-vm-circular-shout-bolditalic.woff2") format("woff2"), url("onecms/fonts/circular/lineto-vm-circular-shout-bolditalic.woff") format("woff"), url("onecms/fonts/circular/lineto-vm-circular-shout-bolditalic.ttf") format("truetype"), url("onecms/fonts/circular/lineto-vm-circular-shout-bolditalic.svg#VMCircularBoldItalic") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'VM Circular Black';
  src: url("onecms/fonts/circular/lineto-vm-circular-yell-black.eot");
  src: url("onecms/fonts/circular/lineto-vm-circular-yell-black.eot?#iefix") format("embedded-opentype"), url("onecms/fonts/circular/lineto-vm-circular-yell-black.woff2") format("woff2"), url("onecms/fonts/circular/lineto-vm-circular-yell-black.woff") format("woff"), url("onecms/fonts/circular/lineto-vm-circular-yell-black.ttf") format("truetype"), url("onecms/fonts/circular/lineto-vm-circular-yell-black.svg#VMCircularBlack") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'VM Circular Black Italic';
  src: url("onecms/fonts/circular/lineto-vm-circular-yell-blackitalic.eot");
  src: url("onecms/fonts/circular/lineto-vm-circular-yell-blackitalic.eot?#iefix") format("embedded-opentype"), url("onecms/fonts/circular/lineto-vm-circular-yell-blackitalic.woff2") format("woff2"), url("onecms/fonts/circular/lineto-vm-circular-yell-blackitalic.woff") format("woff"), url("onecms/fonts/circular/lineto-vm-circular-yell-blackitalic.ttf") format("truetype"), url("onecms/fonts/circular/lineto-vm-circular-yell-blackitalic.svg#VMCircularBlackItalic") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

[data-icon]:before {
  content: attr(data-icon);
}

[data-icon]:before,
.burger:before,
.direct-debit:before,
.map-pin:before,
.sim:before,
.vivid:before,
.pricing-block.dark-bg.red-bg .icon-vivid-pre:before,
.pricing-block.dark-bg.red-bg .icon-vivid-post:after,
.icon-vivid-pre:before,
.icon-vivid-post:after,
.vm-bullet:before,
.vm-icon-broadband:before,
.vm-icon-mobile:before,
.vm-icon-phone:before,
.vm-icon-phone-alt:before,
.vm-icon-sim:before,
.vm-icon-tv:before,
.vm-icon-tv-with-tivo:before,
.vm-logo:before,
.vm-logo-clear:before {
  display: inline-block;
  font-family: "fontcustom";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

.burger:before {
  content: "\f100";
}

.direct-debit:before {
  content: "\f101";
}

.map-pin:before {
  content: "\f102";
}

.sim:before {
  content: "\f103";
}

.vivid:before, .pricing-block.dark-bg.red-bg .icon-vivid-pre:before, .pricing-block.dark-bg.red-bg .icon-vivid-post:after, .icon-vivid-pre:before, .icon-vivid-post:after {
  content: "\f110";
}

.vm-bullet:before {
  content: "\f106";
}

.vm-icon-broadband:before {
  content: "\f107";
}

.vm-icon-mobile:before {
  content: "\f108";
}

.vm-icon-phone:before {
  content: "\f109";
}

.vm-icon-phone-alt:before {
  content: "\f10a";
}

.vm-icon-sim:before {
  content: "\f10b";
}

.vm-icon-tv:before {
  content: "\f10c";
}

.vm-icon-tv-with-tivo:before {
  content: "\f10d";
}

.vm-logo:before {
  content: "\f10e";
}

.vm-logo-clear:before {
  content: "\f10f";
}

/* VMCustomFont --------------------------------------- */
@font-face {
  font-family: "VMCustomFont";
  src: url("onecms/fonts/vmcustomfont/VMCustomFont.eot");
  src: url("onecms/fonts/vmcustomfont/VMCustomFont.eot?#iefix") format("embedded-opentype"), url("onecms/fonts/vmcustomfont/VMCustomFont.woff2") format("woff2"), url("onecms/fonts/vmcustomfont/VMCustomFont.woff") format("woff"), url("onecms/fonts/vmcustomfont/VMCustomFont.ttf") format("truetype");
}

[class^="vmicon-"], [class^="vmicon-"]:before {
  display: inline-block;
  font-family: "VMCustomFont";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

[class^="vmicon-"].block {
  display: block;
}

.vmicon-1tb:before {
  content: "";
}

.vmicon-4g:before {
  content: "";
}

.vmicon-alert:before {
  content: "";
}

.vmicon-all-cable:before {
  content: "";
}

.vmicon-apps:before {
  content: "";
}

.vmicon-award:before {
  content: "";
}

.vmicon-basket:before {
  content: "";
}

.vmicon-bike:before {
  content: "";
}

.vmicon-bill:before {
  content: "";
}

.vmicon-billing:before {
  content: "";
}

.vmicon-bluetooth:before {
  content: "";
}

.vmicon-booster-benefit:before {
  content: "";
}

.vmicon-booster:before {
  content: "";
}

.vmicon-boxsets:before {
  content: "";
}

.vmicon-bundle:before {
  content: "";
}

.vmicon-cable:before {
  content: "";
}

.vmicon-cake:before {
  content: "";
}

.vmicon-calls:before {
  content: "";
}

.vmicon-camera:before {
  content: "";
}

.vmicon-car:before {
  content: "";
}

.vmicon-check:before {
  content: "";
}

.vmicon-clock:before {
  content: "";
}

.vmicon-close:before {
  content: "";
}

.vmicon-connection:before {
  content: "";
}

.vmicon-coverage:before {
  content: "";
}

.vmicon-credit-card:before {
  content: "";
}

.vmicon-data-free:before {
  content: "";
}

.vmicon-data-rollover:before {
  content: "";
}

.vmicon-direction:before {
  content: "";
}

.vmicon-document:before {
  content: "";
}

.vmicon-download:before {
  content: "";
}

.vmicon-email-to-read:before {
  content: "";
}

.vmicon-enable-location:before {
  content: "";
}

.vmicon-fastest-box:before {
  content: "";
}

.vmicon-film:before {
  content: "";
}

.vmicon-find-remote:before {
  content: "";
}

.vmicon-fingerprint:before {
  content: "";
}

.vmicon-firework:before {
  content: "";
}

.vmicon-gaming:before {
  content: "";
}

.vmicon-gift:before {
  content: "";
}

.vmicon-headset:before {
  content: "";
}

.vmicon-home:before {
  content: "";
}

.vmicon-hub-3:before {
  content: "";
}

.vmicon-hub-4:before {
  content: "";
}

.vmicon-info:before {
  content: "";
}

.vmicon-landline:before {
  content: "";
}

.vmicon-laptop:before {
  content: "";
}

.vmicon-lightbulb:before {
  content: "";
}

.vmicon-lightning:before {
  content: "";
}

.vmicon-message:before {
  content: "";
}

.vmicon-messaging-add-chat:before {
  content: "";
}

.vmicon-messaging-chat:before {
  content: "";
}

.vmicon-mobile-unavailable:before {
  content: "";
}

.vmicon-mobile:before {
  content: "";
}

.vmicon-money:before {
  content: "";
}

.vmicon-more:before {
  content: "";
}

.vmicon-moving-home:before {
  content: "";
}

.vmicon-notebook:before {
  content: "";
}

.vmicon-phone:before {
  content: "";
}

.vmicon-piggy-bank:before {
  content: "";
}

.vmicon-pin:before {
  content: "";
}

.vmicon-plane:before {
  content: "";
}

.vmicon-plek:before {
  content: "";
}

.vmicon-popcorn:before {
  content: "";
}

.vmicon-postage:before {
  content: "";
}

.vmicon-pound-dots:before {
  content: "";
}

.vmicon-profile-picture:before {
  content: "";
}

.vmicon-question:before {
  content: "";
}

.vmicon-quickstart:before {
  content: "";
}

.vmicon-radio:before {
  content: "";
}

.vmicon-raf:before {
  content: "";
}

.vmicon-remote:before {
  content: "";
}

.vmicon-rocket:before {
  content: "";
}

.vmicon-scan-your-home:before {
  content: "";
}

.vmicon-secure-file:before {
  content: "";
}

.vmicon-secure-network:before {
  content: "";
}

.vmicon-settings:before {
  content: "";
}

.vmicon-sim-exchange:before {
  content: "";
}

.vmicon-sim-swap:before {
  content: "";
}

.vmicon-sim:before {
  content: "";
}

.vmicon-spanner:before {
  content: "";
}

.vmicon-speed-dial:before {
  content: "";
}

.vmicon-stream:before {
  content: "";
}

.vmicon-terms-of-use:before {
  content: "";
}

.vmicon-tickets:before {
  content: "";
}

.vmicon-time:before {
  content: "";
}

.vmicon-train:before {
  content: "";
}

.vmicon-truck-alt:before {
  content: "";
}

.vmicon-truck:before {
  content: "";
}

.vmicon-tv:before {
  content: "";
}

.vmicon-uhd:before {
  content: "";
}

.vmicon-umbrella:before {
  content: "";
}

.vmicon-update:before {
  content: "";
}

.vmicon-user-plek:before {
  content: "";
}

.vmicon-user:before {
  content: "";
}

.vmicon-v6-box-times-two:before {
  content: "";
}

.vmicon-v6-box:before {
  content: "";
}

.vmicon-virgin-full:before {
  content: "";
}

.vmicon-virgin-simple:before {
  content: "";
}

.vmicon-virus-protect:before {
  content: "";
}

.vmicon-vm-at-home:before {
  content: "";
}

.vmicon-wall-box-internal:before {
  content: "";
}

.vmicon-websafe-child:before {
  content: "";
}

.vmicon-websafe:before {
  content: "";
}

.vmicon-wifi-home-unavailable:before {
  content: "";
}

.vmicon-wifi-home:before {
  content: "";
}

.vmicon-wifi-hotspot-unavailable:before {
  content: "";
}

.vmicon-wifi-hotspot:before {
  content: "";
}

.vmicon-wifi-unavailable:before {
  content: "";
}

.vmicon-wifi:before {
  content: "";
}

/* VMCustomFont support classes ------------------------- */
[class^="vmicon-"].white, [class^="vmicon-"].hover-color-white:hover:not(.active), [class^="vmicon-"].hover-white:hover:not(.active) {
  color: #ffffff;
}

[class^="vmicon-"].black, [class^="vmicon-"].hover-color-black:hover:not(.active), [class^="vmicon-"].hover-black:hover:not(.active) {
  color: #000000;
}

[class^="vmicon-"].black-80, [class^="vmicon-"].hover-color-black-80:hover:not(.active), [class^="vmicon-"].hover-black-80:hover:not(.active) {
  color: #333333;
}

[class^="vmicon-"].black-60, [class^="vmicon-"].hover-color-black-60:hover:not(.active), [class^="vmicon-"].hover-black-60:hover:not(.active) {
  color: #666666;
}

[class^="vmicon-"].black-40, [class^="vmicon-"].hover-color-black-40:hover:not(.active), [class^="vmicon-"].hover-black-40:hover:not(.active) {
  color: #999999;
}

[class^="vmicon-"].black-20, [class^="vmicon-"].hover-color-black-20:hover:not(.active), [class^="vmicon-"].hover-black-20:hover:not(.active) {
  color: #cccccc;
}

[class^="vmicon-"].grey1, [class^="vmicon-"].hover-color-grey1:hover:not(.active), [class^="vmicon-"].hover-grey1:hover:not(.active) {
  color: #888888;
}

[class^="vmicon-"].grey2, [class^="vmicon-"].hover-color-grey2:hover:not(.active), [class^="vmicon-"].hover-grey2:hover:not(.active) {
  color: #DBDBDB;
}

[class^="vmicon-"].grey3, [class^="vmicon-"].hover-color-grey3:hover:not(.active), [class^="vmicon-"].hover-grey3:hover:not(.active) {
  color: #EFEFEF;
}

[class^="vmicon-"].grey4, [class^="vmicon-"].hover-color-grey4:hover:not(.active), [class^="vmicon-"].hover-grey4:hover:not(.active) {
  color: #F7F7F7;
}

[class^="vmicon-"].grey5, [class^="vmicon-"].hover-color-grey5:hover:not(.active), [class^="vmicon-"].hover-grey5:hover:not(.active) {
  color: #FBFBFB;
}

[class^="vmicon-"].red, [class^="vmicon-"].hover-color-red:hover:not(.active), [class^="vmicon-"].hover-red:hover:not(.active) {
  color: #ED0000;
}

[class^="vmicon-"].plum, [class^="vmicon-"].hover-color-plum:hover:not(.active), [class^="vmicon-"].hover-plum:hover:not(.active) {
  color: #322332;
}

[class^="vmicon-"].dark-purple, [class^="vmicon-"].hover-color-dark-purple:hover:not(.active), [class^="vmicon-"].hover-dark-purple:hover:not(.active) {
  color: #4C225F;
}

[class^="vmicon-"].purple, [class^="vmicon-"].hover-color-purple:hover:not(.active), [class^="vmicon-"].hover-purple:hover:not(.active) {
  color: #5F2878;
}

[class^="vmicon-"].purple2, [class^="vmicon-"].hover-color-purple2:hover:not(.active), [class^="vmicon-"].hover-purple2:hover:not(.active) {
  color: #645096;
}

[class^="vmicon-"].magenta, [class^="vmicon-"].hover-color-magenta:hover:not(.active), [class^="vmicon-"].hover-magenta:hover:not(.active) {
  color: #9B1478;
}

[class^="vmicon-"].pink, [class^="vmicon-"].hover-color-pink:hover:not(.active), [class^="vmicon-"].hover-pink:hover:not(.active) {
  color: #EA85B6;
}

[class^="vmicon-"].light-pink, [class^="vmicon-"].hover-color-light-pink:hover:not(.active), [class^="vmicon-"].hover-light-pink:hover:not(.active) {
  color: #FDEBF4;
}

[class^="vmicon-"].light-green, [class^="vmicon-"].hover-color-light-green:hover:not(.active), [class^="vmicon-"].hover-light-green:hover:not(.active) {
  color: #64A541;
}

[class^="vmicon-"].green, [class^="vmicon-"].hover-color-green:hover:not(.active), [class^="vmicon-"].hover-green:hover:not(.active) {
  color: #348437;
}

[class^="vmicon-"].light-blue, [class^="vmicon-"].hover-color-light-blue:hover:not(.active), [class^="vmicon-"].hover-light-blue:hover:not(.active) {
  color: #A5D2EB;
}

[class^="vmicon-"].cerulean, [class^="vmicon-"].hover-color-cerulean:hover:not(.active), [class^="vmicon-"].hover-cerulean:hover:not(.active) {
  color: #4196D2;
}

[class^="vmicon-"].blue, [class^="vmicon-"].hover-color-blue:hover:not(.active), [class^="vmicon-"].hover-blue:hover:not(.active) {
  color: #3E55A0;
}

[class^="vmicon-"].orange, [class^="vmicon-"].hover-color-orange:hover:not(.active), [class^="vmicon-"].hover-orange:hover:not(.active) {
  color: #E5931D;
}

[class^="vmicon-"].alert-yellow, [class^="vmicon-"].hover-color-alert-yellow:hover:not(.active), [class^="vmicon-"].hover-alert-yellow:hover:not(.active) {
  color: #FFCC00;
}

[class^="vmicon-"].yellow, [class^="vmicon-"].hover-color-yellow:hover:not(.active), [class^="vmicon-"].hover-yellow:hover:not(.active) {
  color: #FAE619;
}

[class^="vmicon-"].body, [class^="vmicon-"].hover-color-body:hover:not(.active), [class^="vmicon-"].hover-body:hover:not(.active) {
  color: #322332;
}

[class^="vmicon-"].primary, [class^="vmicon-"].hover-color-primary:hover:not(.active), [class^="vmicon-"].hover-primary:hover:not(.active) {
  color: #ED0000;
}

[class^="vmicon-"].secondary, [class^="vmicon-"].hover-color-secondary:hover:not(.active), [class^="vmicon-"].hover-secondary:hover:not(.active) {
  color: #5F2878;
}

[class^="vmicon-"].grey, [class^="vmicon-"].hover-color-grey:hover:not(.active), [class^="vmicon-"].hover-grey:hover:not(.active) {
  color: #DBDBDB;
}

[class^="vmicon-"].font-size-10 {
  font-size: 10px;
}

[class^="vmicon-"].font-size-12 {
  font-size: 12px;
}

[class^="vmicon-"].font-size-14 {
  font-size: 14px;
}

[class^="vmicon-"].font-size-15 {
  font-size: 15px;
}

[class^="vmicon-"].font-size-16 {
  font-size: 16px;
}

[class^="vmicon-"].font-size-17 {
  font-size: 17px;
}

[class^="vmicon-"].font-size-18 {
  font-size: 18px;
}

[class^="vmicon-"].font-size-19 {
  font-size: 19px;
}

[class^="vmicon-"].font-size-20 {
  font-size: 20px;
}

[class^="vmicon-"].font-size-21 {
  font-size: 21px;
}

[class^="vmicon-"].font-size-22 {
  font-size: 22px;
}

[class^="vmicon-"].font-size-23 {
  font-size: 23px;
}

[class^="vmicon-"].font-size-24 {
  font-size: 24px;
}

[class^="vmicon-"].font-size-25 {
  font-size: 25px;
}

[class^="vmicon-"].font-size-26 {
  font-size: 26px;
}

[class^="vmicon-"].font-size-27 {
  font-size: 27px;
}

[class^="vmicon-"].font-size-28 {
  font-size: 28px;
}

[class^="vmicon-"].font-size-29 {
  font-size: 29px;
}

[class^="vmicon-"].font-size-30 {
  font-size: 30px;
}

[class^="vmicon-"].font-size-35 {
  font-size: 35px;
}

[class^="vmicon-"].font-size-40 {
  font-size: 40px;
}

[class^="vmicon-"].font-size-45 {
  font-size: 45px;
}

[class^="vmicon-"].font-size-50 {
  font-size: 50px;
}

[class^="vmicon-"].font-size-55 {
  font-size: 55px;
}

[class^="vmicon-"].font-size-60 {
  font-size: 60px;
}

[class^="vmicon-"].font-size-70 {
  font-size: 70px;
}

[class^="vmicon-"].font-size-80 {
  font-size: 80px;
}

[class^="vmicon-"].font-size-100 {
  font-size: 100px;
}

/*
 * Legal Disclaimer
 *
 * These fonts are licensed only for use on these domains and their subdomains:
 * virginmedia.com
 * virginmediabusiness.co.uk
 *
 * It is illegal to download or use them on other websites.
 *
 * While the @font-face statements below may be modified by the client, this
 * disclaimer may not be removed.
 *
 * Lineto.com, 2013
 */
@font-face {
  font-family: 'Johnston Light';
  src: url("onecms/fonts/johnston/JohnstonITCStd-Light.eot");
  src: url("onecms/fonts/johnston/JohnstonITCStd-Light.eot?#iefix") format("embedded-opentype"), url("onecms/fonts/johnston/JohnstonITCStd-Light.woff") format("woff"), url("onecms/fonts/johnston/JohnstonITCStd-Light.ttf") format("truetype"), url("onecms/fonts/johnston/JohnstonITCStd-Light.svg#JohnstonITCStd-Light") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Johnston Medium';
  src: url("onecms/fonts/johnston/JohnstonITCStd-Medium.eot");
  src: url("onecms/fonts/johnston/JohnstonITCStd-Medium.eot?#iefix") format("embedded-opentype"), url("onecms/fonts/johnston/JohnstonITCStd-Medium.woff") format("woff"), url("onecms/fonts/johnston/JohnstonITCStd-Medium.ttf") format("truetype"), url("onecms/fonts/johnston/JohnstonITCStd-Medium.svg#JohnstonITCStd-Medium") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Johnston Bold';
  src: url("onecms/fonts/johnston/JohnstonITCStd-Bold.eot");
  src: url("onecms/fonts/johnston/JohnstonITCStd-Bold.eot?#iefix") format("embedded-opentype"), url("onecms/fonts/johnston/JohnstonITCStd-Bold.woff") format("woff"), url("onecms/fonts/johnston/JohnstonITCStd-Bold.ttf") format("truetype"), url("onecms/fonts/johnston/JohnstonITCStd-Bold.svg#JohnstonITCStd-Bold") format("svg");
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: "VM Circular Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.container-fluid {
  position: relative;
  max-width: 1200px;
  padding-right: 20px;
  padding-left: 20px;
}

@media only screen and (min-width: 992px) {
  .container-fluid {
    padding-right: 30px;
    padding-left: 30px;
  }
}

.adaptive-content img {
  max-width: 100%;
  height: auto;
}

body:not(.cq-wcm-edit) .component:empty {
  display: none !important;
}

.component-empty {
  display: none !important;
}

.column-splitter-blank {
  width: 100%;
}

.column-splitter:before {
  display: table;
  content: "";
}

.column-splitter:after {
  clear: both;
}

.column-splitter-container {
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
}

@media only screen and (min-width: 992px) {
  .col-sm-2point4 {
    width: 20%;
  }
}

@media only screen and (min-width: 992px) {
  .col-seven {
    width: 14.2857%;
  }
}

@media only screen and (min-width: 992px) {
  .col-eight {
    width: 12.5%;
  }
}

@media only screen and (min-width: 992px) {
  .col-nine {
    width: 11.1111%;
  }
}

@media only screen and (min-width: 992px) {
  .col-ten {
    width: 10%;
  }
}

@media only screen and (min-width: 768px) {
  .column-enhancement .col-three {
    width: 33.3333333333%;
  }
}

@media only screen and (min-width: 768px) {
  .column-enhancement .col-four {
    width: 25%;
  }
}

@media only screen and (min-width: 768px) {
  .column-enhancement .col-sm-2point4 {
    width: 20%;
  }
}

@media only screen and (min-width: 768px) {
  .column-enhancement .col-six {
    width: 16.6666666667%;
  }
}

@media only screen and (min-width: 768px) {
  .column-enhancement .col-seven {
    width: 14.2857%;
  }
}

@media only screen and (min-width: 768px) {
  .column-enhancement .col-eight {
    width: 12.5%;
  }
}

@media only screen and (min-width: 768px) {
  .column-enhancement .col-nine {
    width: 11.1111%;
  }
}

@media only screen and (min-width: 768px) {
  .column-enhancement .col-ten {
    width: 10%;
  }
}

.vm-bg-red, .accordion.js-accordion-concertina.vm-bg-red {
  background-color: #ed0000;
}

.vm-bg-white, .accordion.js-accordion-concertina.vm-bg-white {
  background-color: #ffffff;
}

.vm-bg-plum, .accordion.js-accordion-concertina.vm-bg-plum {
  background-color: #322332;
}

.vm-bg-dark-purple {
  background-color: #42254c;
}

.vm-bg-purple, .accordion.js-accordion-concertina.vm-bg-purple {
  background-color: #5f2878;
}

.vm-bg-pink, .accordion.js-accordion-concertina.vm-bg-pink {
  background-color: #fdebf4;
}

.vm-bg-grey1, .accordion.js-accordion-concertina.vm-bg-grey1 {
  background-color: #dbdbdb;
}

.vm-bg-grey2, .accordion.js-accordion-concertina.vm-bg-grey2 {
  background-color: #efefef;
}

.vm-bg-grey3, .accordion.js-accordion-concertina.vm-bg-grey3 {
  background-color: #f7f7f7;
}

.vm-bg-grey4, .accordion.js-accordion-concertina.vm-bg-grey4 {
  background-color: #fbfbfb;
}

.vm-bg-yellow {
  background-color: #fae619;
}

.corporate-hero-padding {
  padding-top: 20px;
}

#egot_iframe {
  position: absolute;
}

@media only screen and (max-width: 1024px) {
  .page-takeover {
    background: none !important;
  }
}

.page-takeover {
  background-position: top center;
  background-repeat: no-repeat;
}

@media only screen and (min-width: 1024px) {
  .page-takeover .page-takeover-gap {
    margin-top: 30px;
    background: #fff;
    padding-left: 30px;
    padding-right: 30px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    max-width: 1200px;
  }
}

/* Margin Option */
@media only screen and (min-width: 1024px) {
  .page-takeover .page-takeover-option-1 {
    margin-top: 10px;
  }
  .page-takeover .page-takeover-option-2 {
    margin-top: 20px;
  }
  .page-takeover .page-takeover-option-3 {
    margin-top: 30px;
  }
  .page-takeover .page-takeover-option-4 {
    margin-top: 40px;
  }
  .page-takeover .page-takeover-option-5 {
    margin-top: 50px;
  }
  .page-takeover .page-takeover-option-6 {
    margin-top: 60px;
  }
}

.page {
  position: relative;
}

.page:not(.no-overflow) {
  overflow: hidden;
}

.affiliate-logo.component {
  margin-bottom: 0;
}

.affiliate-logo .affiliate-logo--blank {
  border: 1px solid #000;
  padding: 20px;
  margin: 20px;
}

.affiliate-logo .affiliate-logo--content .row {
  padding: 10px 0;
  display: flex;
  align-items: center;
}

.affiliate-logo .affiliate-logo--content.affiliate-logo--loading {
  border: 8px solid #f3f3f3;
  border-top: 8px solid #f00;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  margin: 0 auto;
  animation: affiliate-logo--spin 2s linear infinite;
}

.affiliate-logo .affiliate-logo--text {
  padding-right: 0;
  font-size: 22px;
  font-size: 2.2rem;
}

.affiliate-logo .affiliate-logo--text br:last-child {
  display: none;
}

.affiliate-logo .affiliate-logo--image {
  padding-left: 5px;
}

.affiliate-logo .affiliate-logo--image img {
  max-height: 80px;
}

@keyframes affiliate-logo--spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes affiliate-logo--spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

#prosecco-footer .container-fluid {
  padding: 0 15px;
}

#prosecco-footer .container-fluid .links-section {
  width: 100%;
}

#prosecco-footer .container-fluid .links-section .menu-item {
  margin-right: 10px;
}

.container-full {
  width: 100%;
  margin: 0 auto;
  position: relative;
}

#direct-venue-header .navbar {
  height: 64px;
  font-size: 14px;
  font-size: 1.4rem;
  border: none;
  margin-bottom: 0;
}

#direct-venue-header .navbar.navbar-default {
  background-color: #322332;
  border-radius: 0;
}

#direct-venue-header ul {
  flex: 1 1 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin: 0;
  border-bottom: 1px solid #e2e2e2;
}

#direct-venue-header ul li {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  flex-direction: column;
  padding: 0 10px 0 0;
  line-height: 64px;
  height: 64px;
}

#direct-venue-header ul li:first-child {
  padding-left: 28px;
}

#direct-venue-header ul li:first-child a, #direct-venue-header ul li:first-child .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles #direct-venue-header ul li:first-child span {
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

#direct-venue-header ul li:last-child {
  padding-right: 28px;
}

#direct-venue-header ul li.right-menu-item {
  padding-left: 15px;
}

#direct-venue-header ul li .back {
  font-size: 25px;
  font-size: 2.5rem;
  height: inherit;
  background: transparent;
  outline: none;
  padding: 0;
  border: none;
  color: #fff;
}

#direct-venue-header ul li a, #direct-venue-header ul li .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles #direct-venue-header ul li span {
  cursor: pointer;
  color: #fff;
  font-family: "VM Circular Book", sans-serif;
  outline: none;
  line-height: 1;
  font-size: 13px;
  font-size: 1.3rem;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}

#direct-venue-header ul li a:hover, #direct-venue-header ul li .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:hover, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles #direct-venue-header ul li span:hover, #direct-venue-header ul li a:focus, #direct-venue-header ul li .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:focus, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles #direct-venue-header ul li span:focus {
  text-decoration: none;
}

#direct-venue-header ul li a.align-row, #direct-venue-header ul li .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span.align-row, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles #direct-venue-header ul li span.align-row {
  -webkit-flex-direction: row;
  flex-direction: row;
}

#direct-venue-header ul li a p, #direct-venue-header ul li .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span p, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles #direct-venue-header ul li span p {
  margin: 0;
  color: inherit;
  font-size: 13px;
  font-size: 1.3rem;
  font-family: inherit;
}

#direct-venue-header ul li.direct-venue-header {
  color: #fff;
  -webkit-flex-grow: 30;
  flex-grow: 30;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "VM Circular Book", sans-serif;
}

#direct-venue-header ul li img {
  height: 20px;
  margin-bottom: 3px;
}

#direct-venue-header .navbar-brand {
  font-size: inherit;
  padding: 0;
}

.container-full {
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.serviceability-bar {
  background-color: #2C1F2C;
  position: relative;
  padding-left: 28px;
  border-top: 1px solid #000;
}

.serviceability-bar .serviceability-bar-template {
  flex: 1 1 auto;
  font-size: 10px;
  font-size: 1rem;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  padding: 2px 0;
}

.serviceability-bar .serviceability-bar-template .serv-item {
  line-height: 10px;
  display: inline-block;
  font-family: "VM Circular Book", sans-serif;
  border-right: 1px solid #999;
  text-align: center;
  padding: 0 5px;
  margin: 3px 0;
  color: #fff;
  display: -webkit-flex;
  display: flex;
}

.serviceability-bar .serviceability-bar-template .serv-item:last-of-type {
  border-right: none;
}

.serviceability-bar .serviceability-bar-template .serv-item p {
  margin: 0;
  color: inherit;
}

.construction-method-dropdown .construction-method-title {
  padding: 60px 15px 37px 15px;
}

.construction-method-dropdown .select-container {
  text-align: center;
  padding-bottom: 49px;
}

@media only screen and (min-width: 768px) {
  .construction-method-dropdown .select-container .bootstrap-select.select-option {
    min-width: 361px;
  }
}

@media only screen and (max-width: 767px) {
  .construction-method-dropdown .select-container .bootstrap-select.select-option {
    width: 90%;
  }
}

.construction-method-dropdown .select-container .bootstrap-select.btn-group .dropdown-toggle .filter-option {
  width: 95%;
}

.construction-method-dropdown .select-container .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn).bs-caret {
  position: relative;
}

.construction-method-dropdown .select-container .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn).dropup .caret {
  border-top: 4px solid;
  border-bottom: none;
}

.construction-method-dropdown .select-container .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn).btn-group .dropdown-toggle .caret {
  margin-top: 0;
  right: 10px;
}

.construction-method-dropdown .select-container .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn).btn-group .dropdown-toggle .caret:before {
  content: "";
  display: block;
  position: relative;
  left: -4px;
  top: -10px;
  width: 0;
  height: 0;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-bottom: 4px solid;
}

.construction-method-dropdown .method-container {
  padding-bottom: 28px;
}

.construction-method-dropdown .method-container .construction-method-list {
  list-style-type: none;
}

.construction-method-dropdown .method-details {
  display: flex;
  flex-grow: 2;
  max-width: 80%;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .construction-method-dropdown .method-details {
    flex-direction: column;
  }
}

.construction-method-dropdown .method-details .method-image {
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
  min-width: 33%;
}

.construction-method-dropdown .method-details .method-image img {
  width: 100%;
}

.construction-method-dropdown .method-details .method-description {
  flex-grow: 2;
  padding: 0 15px;
}

.vmp-article-template .container {
  width: 1200px;
  padding: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .vmp-article-template .container {
    width: 780px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vmp-article-template .container {
    width: 600px;
  }
}

@media only screen and (max-width: 767px) {
  .vmp-article-template .container {
    width: auto;
    max-width: 600px;
    padding-right: 15px;
    padding-left: 15px;
  }
}

.vmp-article-template .rte-blank {
  float: none;
}

.vmp-article-template .info-and-share-mobile {
  padding-top: 10px;
  padding-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .vmp-article-template .info-and-share-mobile {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.vmp-article-template .left-pannel {
  padding-right: 0;
}

.vmp-article-template .vmp-article-parsys-description p {
  margin: 0;
}

.vmp-article-template .vmp-article-parsys-description h6 {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 14px;
  margin: 0;
}

.vmp-article-template .article-image-parsys .page-image.simple-image {
  margin-bottom: 0;
}

.vmp-article-template .first-hero {
  z-index: 1;
}

.vmp-article-template .first-hero.fixed {
  position: fixed;
  top: 0;
  width: 100%;
}

.vmp-article-template .first-hero.relative {
  position: relative;
}

.vmp-article-template .scrolled-content {
  z-index: 100;
  position: relative;
  background-color: #fff;
}

@media only screen and (min-width: 1200px) {
  .vmp-article-template .scrolled-content .social-widget-desktop {
    position: absolute;
  }
}

@media only screen and (min-width: 1200px) {
  .vmp-article-template .scrolled-content .article-title {
    float: right;
  }
}

.vmp-article-template .scrolled-content .white-line-diagonal {
  position: absolute;
  display: block;
  height: 69px;
  left: 0;
  top: -69px;
  right: 0;
  width: 1000px;
  overflow: hidden;
  background: transparent;
  margin: 0 auto;
}

.vmp-article-template .scrolled-content .white-line-diagonal:before {
  content: '';
  position: absolute;
  left: -1px;
  right: 0;
  top: 21px;
  width: 100%;
  height: 68px;
  background: #fff;
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  transform: rotate(2deg);
}

.carousel-blank {
  width: 100%;
}

.carousel-blank.carousel-full {
  overflow: visible;
}

.carousel-blank.carousel-full > .carousel-content {
  margin-left: -15px;
  margin-right: -15px;
}

.carousel-blank img {
  width: 100%;
  max-width: 550px;
}

/* Carousel slide */
.carousel {
  padding: 0;
  margin-top: 20px;
  opacity: 0;
}

@media only screen and (min-width: 992px) {
  .carousel {
    min-height: 300px;
  }
}

.carousel-show {
  opacity: 1;
}

.carousel-main {
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.carousel-slide {
  -webkit-transition: opacity false false, ease-in-out false false, 0.15s false false;
  -moz-transition: opacity false false false, ease-in-out false false false, 0.15s false false false;
  -o-transition: opacity false false false, ease-in-out false false false, 0.15s false false false;
  transition: opacity ease-in-out 0.15s;
  position: absolute;
  top: 0;
  z-index: 1;
  opacity: 0;
  width: 100%;
}

.carousel-slide:first-child {
  position: relative;
}

.carousel-slide.active {
  z-index: 3;
  opacity: 1;
}

.carousel-slide img {
  width: 100%;
  max-width: 100%;
}

.carousel-slide .carousel-image {
  display: block;
  max-width: 100%;
  height: auto;
  width: 100%;
}

.carousel-slide .carousel-slide-content {
  top: 3%;
  position: absolute;
  padding: 0 35px;
}

.carousel-slide .carousel-slide-content h3, .carousel-slide .carousel-slide-content .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina .carousel-slide .carousel-slide-content .acc-panel-title {
  font-size: 30px;
  font-size: 3rem;
  font-family: "VM Circular Light", sans-serif;
  color: #fff;
  line-height: 28px;
}

.carousel-slide .carousel-slide-content p {
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  line-height: 20px;
}

.carousel-slide .carousel-slide-content .btn-vm {
  background: #fc0001;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fc0001 0%, #e00000 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fc0001), color-stop(100%, #e00000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fc0001 0%, #e00000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fc0001 0%, #e00000 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fc0001 0%, #e00000 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #fc0001 0%, #e00000 100%);
  /* W3C */
  filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$stop-color',GradientType=0 )";
  /* IE6-9 */
  color: #fff;
}

@media only screen and (min-width: 992px) {
  .carousel-slide-content {
    top: 10%;
    padding: 0 100px;
  }
}

/* Carousel Pagination */
.carousel-indicators {
  width: 100%;
  margin-left: 0;
  left: 0;
  bottom: 8px;
  height: 25px;
}

.carousel-indicators ol {
  padding-left: 0;
  margin-bottom: 0;
}

.carousel-indicators ol .active {
  width: 11px;
  height: 11px;
  background-color: #F00;
  margin: 0 5px;
}

.carousel-indicators ol li {
  font-family: "VM Circular Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  width: 11px;
  height: 11px;
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.8) inset;
  border: none;
  background-color: #fff;
  margin: 0 5px;
  text-indent: -9999px;
}

.carousel-indicators ol li a, .carousel-indicators ol li .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .carousel-indicators ol li span {
  text-decoration: none;
}

.carousel-indicators ol li p {
  display: none;
}

@media only screen and (min-width: 992px) {
  .carousel-indicators ol li p {
    display: block;
  }
}

@media only screen and (min-width: 992px) {
  .carousel-indicators {
    position: static;
    margin: 0 auto;
    width: 100%;
    height: auto;
  }
  .carousel-indicators ol li {
    display: block;
    cursor: pointer;
    float: left;
    text-align: center;
    text-decoration: none;
    position: relative;
    border-right: 1px solid #fff;
    margin: 0;
    border-radius: 0;
    height: 84px;
    text-indent: 0;
    box-shadow: none;
    overflow: hidden;
    background: #f2f2f2;
  }
  .carousel-indicators ol li a, .carousel-indicators ol li .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .carousel-indicators ol li span {
    overflow: hidden;
    padding: 21px 5px;
    display: block;
    text-decoration: none;
    height: 84px;
  }
  .carousel-indicators ol li:hover {
    background: #e5e5e5;
    /* Old browsers */
    background: -moz-linear-gradient(top, #e5e5e5 0%, #d6d6d6 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(100%, #d6d6d6));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e5e5e5 0%, #d6d6d6 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e5e5e5 0%, #d6d6d6 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e5e5e5 0%, #d6d6d6 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #e5e5e5 0%, #d6d6d6 100%);
    /* W3C */
    filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$stop-color',GradientType=0 )";
    /* IE6-9 */
    color: #666;
    text-decoration: none;
  }
  .carousel-indicators ol .active {
    height: 84px;
    margin: 0;
    background: #cacaca;
    color: #333;
    font-weight: bold;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    overflow: visible;
  }
  .carousel-indicators ol li.active:hover {
    background: #cacaca;
  }
  .carousel-indicators ol li.active p {
    color: #333;
  }
  li p {
    font-size: 14px;
    font-size: 1.4rem;
    color: #666;
    margin: 5px 0;
    line-height: normal;
  }
  li .rte-content p {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 26px;
    color: #333;
    margin: 0 0 10px;
  }
  .active .arrow {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #cacaca transparent;
    display: block;
    position: absolute;
    left: 50%;
    z-index: 3;
    top: -10px;
  }
}

.carousel-full > .carousel-content {
  margin-left: -30px;
  margin-right: -30px;
}

@media only screen and (min-width: 992px) {
  .carousel-full > .carousel-content {
    margin-left: 0;
    margin-right: 0;
  }
}

.carousel-full .edit-mode {
  min-height: 300px;
}

.carousel-full .carousel-slide a, .carousel-full .carousel-slide .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .carousel-full .carousel-slide span {
  display: block;
  overflow: hidden;
}

@media only screen and (min-width: 768px) {
  .carousel-full .carousel-slide a > span, .carousel-full .carousel-slide .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span > span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .carousel-full .carousel-slide span > span {
    display: block;
    margin-left: -7.627%;
    width: 115.254%;
  }
}

@media only screen and (min-width: 992px) {
  .carousel-full .carousel-slide a > span, .carousel-full .carousel-slide .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span > span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .carousel-full .carousel-slide span > span {
    margin-left: 0;
    width: 100%;
  }
}

.carousel-segment {
  float: left;
}

.carousel-segment > .carousel-content {
  margin-left: -20px;
  margin-right: -20px;
}

@media only screen and (min-width: 992px) {
  .carousel-segment > .carousel-content {
    margin: 0;
  }
}

.carousel-segment .carousel-slide a, .carousel-segment .carousel-slide .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .carousel-segment .carousel-slide span {
  display: block;
  overflow: hidden;
}

.carousel-segment .carousel-slide a > span, .carousel-segment .carousel-slide .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span > span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .carousel-segment .carousel-slide span > span {
  display: block;
  margin-left: 0;
  width: inherit;
}

@media only screen and (min-width: 992px) {
  .carousel-segment {
    width: 67%;
    padding-right: 10px;
  }
}

@media (min-width: 1100px) {
  .carousel-segment {
    width: 71%;
  }
}

@media (min-width: 1180px) {
  .carousel-segment {
    width: 73%;
  }
}

.btn.btn-primary {
  background-color: #ed0000;
  border: transparent;
  color: #fff;
}

.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary.hover {
  background-color: #ff6666;
  color: #fff;
  font-family: "VM Circular Medium", sans-serif;
}

.btn.btn-primary:active, .btn.btn-primary.active,
.btn.btn-primary .open > .dropdown-toggle {
  background-color: #f33;
}

.btn.btn-secondary {
  background-color: #ccc;
  color: #333;
}

.btn.btn-secondary:hover, .btn.btn-secondary:focus, .btn.btn-secondary.hover {
  background-color: #e2e2e2;
  color: #333;
  font-family: "VM Circular Medium", sans-serif;
}

.btn.btn-secondary:active, .btn.btn-secondary.active {
  background-color: #dbdbdb;
  color: #333;
}

.btn.btn-tertiary {
  background-color: #322332;
  color: #fff;
}

.btn.btn-tertiary:hover, .btn.btn-tertiary:focus, .btn.btn-tertiary.hover {
  background-color: #5f2878;
  color: #fff;
  font-family: "VM Circular Medium", sans-serif;
}

.btn.btn-tertiary:active,
.btn.btn-tertiary .active {
  background-color: #42254c;
  color: #fff;
}

.btn {
  border-radius: 19px;
  color: #fff;
  font-family: "VM Circular Medium", sans-serif;
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 1;
  padding: 10.5px 30px;
  -webkit-transition: all false false, 1s false false, ease false false;
  -moz-transition: all false false false, 1s false false false, ease false false false;
  -o-transition: all false false false, 1s false false false, ease false false false;
  transition: all 1s ease;
}

.btn.active, .btn:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn.btn-lg {
  border-radius: 22px;
  padding: 11px 30px;
}

.btn .fa {
  vertical-align: middle;
  margin: 0 5px;
}

.btn:active, .btn:hover, .btn:focus, .btn.active, .btn.hover, .btn.focus {
  outline: none !important;
}

.pricing-block.price-md strong {
  display: block;
  font-size: 60px;
  font-size: 6rem;
  line-height: 1;
  font-family: "VM Circular Book", sans-serif;
  position: relative;
}

.pricing-block.price-md strong small {
  font-family: "VM Circular Light", sans-serif;
  position: absolute;
  top: 0;
  margin-left: -10px;
  margin-top: 10px;
  font-size: 50%;
}

.pricing-block.price-md strong span {
  font-size: 16px;
  font-size: 1.6rem;
  margin-left: -10px;
  color: #333;
}

.pricing-block.price-lg strong {
  display: block;
  font-size: 100px;
  font-size: 10rem;
  line-height: 1;
  font-family: "VM Circular Book", sans-serif;
  position: relative;
}

.pricing-block.price-lg strong small {
  font-family: "VM Circular Light", sans-serif;
  position: absolute;
  top: 0;
  margin-left: -20px;
  margin-top: 10px;
  font-size: 50%;
}

.pricing-block.price-lg strong span {
  font-size: 16px;
  font-size: 1.6rem;
  margin-left: -10px;
  color: #333;
}

.pricing-block.dark-bg {
  background: #322332;
  color: #fff;
}

.pricing-block.dark-bg .legal {
  color: #fff;
}

.pricing-block.dark-bg strong span {
  color: #fff;
}

.pricing-block.dark-bg.red-bg {
  background: #ed0000;
}

.pricing-block.dark-bg.red-bg .icon-vivid-post:before, .pricing-block.dark-bg.red-bg .icon-vivid-post:after, .pricing-block.dark-bg.red-bg .icon-vivid-pre:before, .pricing-block.dark-bg.red-bg .icon-vivid-pre:after {
  color: white;
  background: -webkit-gradient(linear, left bottom, right top, from(#fff), to(#fff));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.pricing-block.dark-bg a, .pricing-block.dark-bg .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .pricing-block.dark-bg span, .pricing-block.dark-bg a:hover, .pricing-block.dark-bg .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:hover, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .pricing-block.dark-bg span:hover {
  color: #fff;
}

.pricing-block .purple {
  color: #4c225f;
}

.pricing-block .plum {
  color: #322332;
}

.pricing-block .red {
  color: #ed0000;
}

.strikethrough {
  text-decoration: line-through;
}

.price-container.component {
  padding-top: 16px;
}

.pricing-block {
  font-family: "VM Circular Light", sans-serif;
  position: relative;
}

.pricing-block .contentContainer {
  display: flex;
}

.pricing-block .contentContainer .imgContainer {
  margin-top: 13px;
  margin-left: 5px;
}

@media only screen and (min-width: 1200px) {
  .pricing-block .contentContainer .imgContainer {
    float: right;
    margin-right: 200px;
  }
}

.pricing-block p {
  margin: 0;
  font-size: 25px;
  font-size: 2.5rem;
}

.pricing-block p small {
  font-size: 16px;
  font-size: 1.6rem;
  display: block;
}

.pricing-block p a, .pricing-block p .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .pricing-block p span, .pricing-block p a:hover, .pricing-block p .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:hover, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .pricing-block p span:hover {
  font-size: 20px;
  font-size: 2rem;
  font-family: "VM Circular Medium", sans-serif;
}

.pricing-block .imgContainer img {
  width: 100%;
  height: 100%;
}

.pricing-block .legal {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
}

.pricing-block .btn {
  margin-top: 20px;
  max-width: 100%;
  white-space: inherit;
}

.sales-component.price-border {
  border: 1px solid #ccc;
}

.sales-component.price-border .sales-block {
  padding: 16px;
}

@media only screen and (min-width: 768px) {
  .sales-component.fifty-fifty .sales-block,
  .sales-component.fifty-fifty .pricing-block {
    max-width: 50%;
    flex: 1 50%;
  }
}

.sales-wrapper {
  overflow: hidden;
}

.sales-wrapper .sales-block-spacing {
  padding: 20px;
}

.sales-wrapper .sales-block {
  padding: 16px;
}

.sales-wrapper .sales-block .page-image.component {
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
  .sales-wrapper {
    display: flex;
  }
  .sales-wrapper .sales-block {
    max-width: 60%;
    flex: 1 60%;
  }
  .sales-wrapper .pricing-block {
    max-width: 40%;
    flex: 2 40%;
    margin-left: 16px;
  }
}

.sales-wrapper .price-tile.component {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .sales-wrapper.stacked-sales {
    display: flex;
    flex-direction: column-reverse;
  }
}

.cq-wcm-edit .sales-component.fifty-fifty .sales-block,
.cq-wcm-edit .sales-component.fifty-fifty .pricing-block {
  width: 50%;
}

.cq-wcm-edit .sales-wrapper {
  display: block;
}

.cq-wcm-edit .sales-wrapper .sales-block,
.cq-wcm-edit .sales-wrapper .pricing-block {
  display: block;
  float: left;
  margin-left: 0;
}

.cq-wcm-edit .sales-wrapper .sales-bottom-block {
  display: inline-block;
  width: 100%;
}

.cq-wcm-edit .sales-wrapper .sales-block {
  width: 60%;
}

.cq-wcm-edit .sales-wrapper .pricing-block {
  width: 40%;
}

.cq-wcm-edit .sales-wrapper .tile-image img {
  max-width: 100%;
  float: none;
  margin-right: 0;
}

.rte {
  font-family: "VM Circular Light", sans-serif;
}

.rte a, .rte .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .rte span {
  text-decoration: none;
}

.rte a:hover, .rte .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:hover, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .rte span:hover {
  text-decoration: underline;
}

.rte.notEditable:active {
  pointer-events: none;
}

.rte.embed-mpu {
  display: flex;
  flex-direction: column-reverse;
}

@media only screen and (min-width: 768px) {
  .rte.embed-mpu {
    display: block;
  }
}

.rte .top-mpu {
  margin-top: 0;
}

@media only screen and (min-width: 768px) {
  .rte .top-mpu {
    float: right;
    margin-left: 50px;
  }
}

.rte .vm-red, .rte .vm-red .lead {
  color: #ed0000;
}

.rte .vm-plum, .rte .vm-plum .lead {
  color: #322332;
}

.rte .vm-white, .rte .vm-white .lead {
  color: #ffffff;
}

.rte .vm-pink, .rte .vm-pink .lead {
  color: #ffd2e6;
}

.rte .vm-grey, .rte .vm-grey .lead {
  color: #666666;
}

.rte .vm-grey1, .rte .vm-grey1 .lead {
  color: #333;
}

.rte .vm-purple, .rte .vm-purple .lead {
  color: #5F2878;
}

.rte .prosecco-support-text, .rte .prosecco-support-text .lead {
  color: #7C7C7C;
}

.rte .prosecco-purple-text, .rte .prosecco-purple-text .lead {
  color: #B40A4B;
}

.rte .prosecco-wine-text, .rte .prosecco-wine-text .lead {
  color: #A60126;
}

.rte .prosecco-burgendy-text, .rte .prosecco-burgendy-text .lead {
  color: #D70736;
}

.rte .prosecco-crimson-text, .rte .prosecco-crimson-text .lead {
  color: #D70224;
}

.rte .prosecco-cherry-text, .rte .prosecco-cherry-text .lead {
  color: #B40333;
}

.rte .lead {
  font-family: "VM Circular Light", sans-serif;
  color: #555;
}

.rte .lead .vm-red {
  color: #ed0000;
}

.rte .lead .vm-plum {
  color: #322332;
}

.rte .lead .vm-white {
  color: #ffffff;
}

.rte .lead .vm-pink {
  color: #ffd2e6;
}

.rte .lead .vm-grey {
  color: #666666;
}

.rte .lead .vm-grey1 {
  color: #333;
}

.rte .lead .vm-purple {
  color: #5F2878;
}

.rte .lead .prosecco-support-text {
  color: #7C7C7C;
}

.rte .lead .prosecco-purple-text {
  color: #B40A4B;
}

.rte .lead .prosecco-wine-text {
  color: #A60126;
}

.rte .lead .prosecco-burgendy-text {
  color: #D70736;
}

.rte .lead .prosecco-crimson-text {
  color: #D70224;
}

.rte .lead .prosecco-cherry-text {
  color: #B40333;
}

.rte blockquote {
  font-family: "VM Circular Light", sans-serif;
  line-height: 29px;
  border: 0;
  margin-top: 5px;
  margin-bottom: 20px;
  padding: 10px 0;
}

.rte blockquote:before {
  content: "\f10d";
  color: #ffd2e6;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 36px;
  font-size: 3.6rem;
  float: left;
  line-height: 1;
  display: inline-block;
  text-rendering: auto;
}

.rte blockquote p {
  font-size: 19px;
  font-size: 1.9rem;
  display: block;
  margin-left: 40px;
  color: #333;
  -webkit-font-smoothing: auto;
}

.vm-red {
  color: #ed0000;
}

.vm-red:hover, .vm-red:focus {
  color: #ed0000;
}

.vm-plum {
  color: #322332;
}

.vm-plum:hover, .vm-plum:focus {
  color: #322332;
}

.vm-white {
  color: #ffffff;
}

.vm-white:hover, .vm-white:focus {
  color: #ffffff;
}

.vm-pink {
  color: #ffd2e6;
}

.vm-pink:hover, .vm-pink:focus {
  color: #ffd2e6;
}

.vm-grey {
  color: #666666;
}

.vm-grey:hover, .vm-grey:focus {
  color: #666666;
}

.vm-grey1 {
  color: #333;
}

.vm-grey1:hover, .vm-grey1:focus {
  color: #333;
}

.vm-purple {
  color: #5F2878;
}

.vm-purple:hover, .vm-purple:focus {
  color: #5F2878;
}

.prosecco-support-text {
  color: #7C7C7C;
}

.prosecco-support-text:hover, .prosecco-support-text:focus {
  color: #7C7C7C;
}

.prosecco-purple-text {
  color: #B40A4B;
}

.prosecco-purple-text:hover, .prosecco-purple-text:focus {
  color: #B40A4B;
}

.prosecco-wine-text {
  color: #A60126;
}

.prosecco-wine-text:hover, .prosecco-wine-text:focus {
  color: #A60126;
}

.prosecco-burgendy-text {
  color: #D70736;
}

.prosecco-burgendy-text:hover, .prosecco-burgendy-text:focus {
  color: #D70736;
}

.prosecco-crimson-text {
  color: #D70224;
}

.prosecco-crimson-text:hover, .prosecco-crimson-text:focus {
  color: #D70224;
}

.prosecco-cherry-text {
  color: #B40333;
}

.prosecco-cherry-text:hover, .prosecco-cherry-text:focus {
  color: #B40333;
}

#CQ .x-color-palette {
  width: 120px;
}

#CQ .x-color-palette a, #CQ .x-color-palette .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles #CQ .x-color-palette span {
  position: relative;
}

#CQ .x-color-palette a:hover:after, #CQ .x-color-palette .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:hover:after, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles #CQ .x-color-palette span:hover:after {
  display: block;
  position: absolute;
  top: -15px;
  left: 0;
  padding: 1px 3px;
  background: #fff;
  border: 1px solid #ccc;
  line-height: 1;
  font-size: 10px;
  font-size: 1rem;
  white-space: nowrap;
}

#CQ .x-color-palette .color-ED0000:hover:after {
  content: 'vm-red';
}

#CQ .x-color-palette .color-322332:hover:after {
  content: 'vm-plum';
}

#CQ .x-color-palette .color-FFFFFF:hover:after {
  content: 'vm-white';
}

#CQ .x-color-palette .color-FFD2E6:hover:after {
  content: 'vm-pink';
}

#CQ .x-color-palette .color-666666:hover:after {
  content: 'vm-grey';
}

#CQ .x-color-palette .color-333333:hover:after {
  content: 'vm-grey-dark';
}

#CQ .x-color-palette .color-5F2878:hover:after {
  content: 'vm-purple';
}

#CQ .x-color-palette .color-7C7C7C:hover:after {
  content: 'prosecco-support-text';
}

#CQ .x-color-palette .color-B40A4B:hover:after {
  content: 'prosecco-purple-text';
}

#CQ .x-color-palette .color-A60126:hover:after {
  content: 'prosecco-wine-text';
}

#CQ .x-color-palette .color-D70736:hover:after {
  content: 'prosecco-burgendy-text';
}

#CQ .x-color-palette .color-D70224:hover:after {
  content: 'prosecco-crimson-text';
}

#CQ .x-color-palette .color-B40333:hover:after {
  content: 'prosecco-cherry-text';
}

.rte-list {
  /* Bootstrap extenders */
  overflow: hidden;
  padding-right: 0;
  padding-left: 0;
  min-width: 192px;
  margin-top: 20px;
}

@media only screen and (min-width: 768px) {
  .rte-list {
    width: 20%;
  }
}

@media only screen and (min-width: 992px) {
  .rte-list {
    width: 16.66666667%;
    padding-right: 20px;
  }
}

.rte-list ul {
  color: #999;
  padding-left: 15px;
  margin-bottom: 0;
}

.rte-list ul > li {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 21px;
}

.rte-list ul > li a, .rte-list ul > li .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .rte-list ul > li span {
  color: #999;
}

.rte-list ul > li a:hover, .rte-list ul > li .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:hover, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .rte-list ul > li span:hover {
  color: #000;
  text-decoration: none;
}

.rte-list ul > li a:hover, .rte-list ul > li .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:hover, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .rte-list ul > li span:hover {
  text-decoration: none;
  color: #333;
}

.rte-list.plectrum ul {
  margin-left: 5px;
}

.rte-list.plectrum ul li {
  list-style-image: url("onecms/base/img/plectrum.png");
  list-style-position: inside;
}

.rte-list.check {
  padding-right: 0;
  margin: 0;
}

.rte-list.check ul {
  color: #333;
  list-style: none;
  padding-left: 34px;
}

.rte-list.check ul li {
  font-family: "VM Circular Book", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 24px;
  position: relative;
  padding-bottom: 31px;
}

.rte-list.check ul li:last-child {
  padding-bottom: 0;
}

.rte-list.check ul li:before {
  font-family: "FontAwesome", sans-serif;
  font-size: 24px;
  font-size: 2.4rem;
  color: #5f2878;
  content: '\f00c';
  position: absolute;
  display: block;
  left: -34px;
}

.rte-strip {
  clear: both;
  overflow: hidden;
  padding-top: 30px;
  margin-bottom: 20px;
}

.rte-strip h2 {
  margin: 0;
}

@media only screen and (min-width: 768px) {
  .rte-strip h2 {
    display: inline-block;
    margin-top: 0;
  }
}

.rte-strip h2 a, .rte-strip h2 .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .rte-strip h2 span {
  color: #000;
}

.rte-strip h2 a:hover, .rte-strip h2 .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:hover, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .rte-strip h2 span:hover {
  text-decoration: none;
}

.rte-strip p {
  font-size: 14px;
  font-size: 1.4rem;
  display: block;
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
  .rte-strip p {
    display: inline-block;
  }
}

.rte-strip p a:after, .rte-strip p .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:after, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .rte-strip p span:after {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  content: "\f105";
  font-family: FontAwesome;
  font-weight: bold;
  padding-left: 5px;
}

.rte-title {
  overflow: hidden;
  padding-top: 30px;
  margin-bottom: 0;
}

.rte-title h2 {
  font-size: 21px;
  font-size: 2.1rem;
  padding-bottom: 20px;
  border-bottom: 1px solid #e2e2e2;
  line-height: 1.1;
  color: #32232f;
  width: 100%;
}

.rte-error-blank {
  width: 100%;
}

.rte-error {
  overflow: hidden;
  margin: 20px 0;
}

.rte-error img {
  display: none;
}

@media only screen and (min-width: 768px) {
  .rte-error img {
    display: block;
    width: 100px;
    margin: 0 20px 20px 0;
  }
}

@media only screen and (min-width: 992px) {
  .rte-error img {
    float: left;
  }
}

.rte-error h2 {
  font-size: 22px;
  font-size: 2.2rem;
  color: #333;
  font-weight: normal;
  line-height: 30px;
  margin-bottom: 14px;
}

@media only screen and (min-width: 768px) {
  .rte-error h2 {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 30px;
  }
}

.rte-error p {
  font-size: 16px;
  font-size: 1.6rem;
  color: #555;
  line-height: 24px;
  margin-bottom: 24px;
}

.icon-vivid-post:before, .icon-vivid-post:after, .icon-vivid-pre:before, .icon-vivid-pre:after {
  font-size: 75%;
  vertical-align: top;
  padding: 1px;
  color: #f60663;
  background: -webkit-gradient(linear, left bottom, right top, from(#ed0000), to(#ff0cc5));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.column-splitter [class*="vm-bg-"]:not([class*="-white"]) .icon-vivid-post:before, .column-splitter [class*="vm-bg-"]:not([class*="-white"]) .icon-vivid-post:after, .column-splitter [class*="vm-bg-"]:not([class*="-white"]) .icon-vivid-pre:before, .column-splitter [class*="vm-bg-"]:not([class*="-white"]) .icon-vivid-pre:after {
  color: #ffffff;
  -webkit-text-fill-color: inherit;
  background: none;
}

@media only screen and (min-width: 768px) {
  .hero-info.white .icon-vivid-post:before, .hero-info.white .icon-vivid-post:after, .hero-info.white .icon-vivid-pre:before, .hero-info.white .icon-vivid-pre:after {
    color: #ffffff;
    -webkit-text-fill-color: inherit;
    background: none;
  }
}

.rte-symbol {
  font-family: FontAwesome;
  font-size: 24px;
  font-size: 2.4rem;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

#CQ .rte-symbol {
  text-decoration: none;
  font-size: 16px;
  font-size: 1.6rem;
}

.rte-symbol.tick:before {
  content: '\f00c';
  color: #64a541;
}

.rte-symbol.cross:before {
  content: '\f00d';
  color: #ed0000;
}

.rte-symbol {
  font-family: FontAwesome;
  font-size: 24px;
  font-size: 2.4rem;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

#CQ .rte-symbol {
  text-decoration: none;
  font-size: 16px;
  font-size: 1.6rem;
}

.rte-symbol.tick:before {
  content: '\f00c';
  color: #64a541;
}

.rte-symbol.cross:before {
  content: '\f00d';
  color: #ed0000;
}

.rte-table-12-grid {
  border: none;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .rte-content {
    overflow-x: auto;
  }
  .rte-table-12-grid th {
    min-width: 150px;
  }
}

.rte-table-12-grid p {
  margin: 0;
}

.rte-table-12-grid td, .rte-table-12-grid th {
  text-align: center;
  border-color: #cdcdcd;
  border-left: none;
  border-top: none;
  padding: 15px;
}

.rte-table-12-grid td:last-child, .rte-table-12-grid th:last-child {
  border-right: none;
}

.rte-table-12-grid th:not(:first-child) {
  width: 16.66666666666667%;
}

.rte-table-12-grid tr td:first-child {
  text-align: left;
  padding-left: 0;
}

.rte-table-12-grid tr:last-child td {
  border-bottom: none;
}

table.rte-table-fixed {
  width: 100%;
  table-layout: fixed;
  border: none #E8E8E8;
}

table.rte-table-fixed tr {
  font-size: 16px;
  font-size: 1.6rem;
}

table.rte-table-fixed tr:first-child {
  background-color: #EFEFEF;
  color: #000000;
}

table.rte-table-fixed tr:first-child th {
  padding-left: 10px;
  font-family: "VM Circular Book", sans-serif;
}

table.rte-table-fixed tr td {
  padding: 10px;
}

table.rte-table-fixed tr td p {
  margin: 0;
}

table.rte-table-fixed tr td.align-center {
  text-align: center;
}

table.rte-table-fixed tr .rte-symbol:before {
  color: #4C225F;
}

.rte-table-scroll .table-wrapper .clone {
  visibility: hidden;
  position: absolute;
  top: -99999px;
}

@media only screen and (max-width: 991px) {
  .rte-table-scroll .table-wrapper {
    position: relative;
    margin: auto;
    overflow: hidden;
  }
  .rte-table-scroll .table-wrapper .table-wrapper-inner {
    overflow: auto;
  }
  .rte-table-scroll .table-wrapper .table-wrapper-inner::-webkit-scrollbar {
    -webkit-appearance: progress-bar;
    height: 7px;
  }
  .rte-table-scroll .table-wrapper .table-wrapper-inner::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #c5c5c5;
    -webkit-box-shadow: 0 0 1px #c5c5c5;
  }
  .rte-table-scroll .table-wrapper table {
    margin: 0;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 18px;
  }
  .rte-table-scroll .table-wrapper table th, .rte-table-scroll .table-wrapper table td {
    padding: 5px 10px;
    vertical-align: middle;
    background: #FFFFFF;
  }
  .rte-table-scroll .table-wrapper table tr:nth-child(1) th, .rte-table-scroll .table-wrapper table tr:nth-child(1) td {
    background: #c5c5c5;
  }
  .rte-table-scroll .table-wrapper table tr:nth-child(1) td:nth-child(2) {
    background: #999;
    color: white;
  }
  .rte-table-scroll .table-wrapper table tr:nth-child(1) td:nth-child(3) {
    background: #333;
    color: white;
  }
  .rte-table-scroll .table-wrapper table tr:nth-child(2) th, .rte-table-scroll .table-wrapper table tr:nth-child(2) td {
    font-family: "VM Circular Bold", sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 16px;
    background: #c5c5c5;
  }
  .rte-table-scroll .table-wrapper table tr:nth-child(3) td, .rte-table-scroll .table-wrapper table tr:nth-child(3) th {
    white-space: nowrap;
  }
  .rte-table-scroll .table-wrapper .clone {
    top: 0;
    left: 0;
    pointer-events: none;
    visibility: visible;
  }
  .rte-table-scroll .table-wrapper .clone th, .rte-table-scroll .table-wrapper .clone td {
    visibility: hidden;
  }
  .rte-table-scroll .table-wrapper .clone .fixed-side {
    visibility: visible;
  }
  .rte-table-scroll .table-wrapper .clone thead {
    background: transparent;
  }
}

.vmp-rte {
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "VM Circular Light", sans-serif;
  color: #333;
  line-height: normal;
}

@media only screen and (min-width: 768px) {
  .vmp-rte {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: normal;
  }
}

@media only screen and (min-width: 992px) {
  .vmp-rte {
    font-size: 21px;
    font-size: 2.1rem;
    line-height: normal;
  }
}

.vmp-rte p {
  margin-bottom: 6px;
}

.vmp-rte .vmp-red-text {
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "VM Circular Medium", sans-serif;
  color: #e30f0f;
  line-height: normal;
  display: block;
  padding-bottom: 15px;
}

@media only screen and (min-width: 992px) {
  .vmp-rte .vmp-red-text {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: normal;
  }
}

@media only screen and (min-width: 1200px) {
  .vmp-rte .vmp-red-text {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: normal;
  }
}

.vmp-rte .vmp-caption {
  font-size: 14px;
  font-size: 1.4rem;
  font-family: "VM Circular Light", sans-serif;
  color: #999;
  line-height: 18px;
}

.vmp-rte h1, .vmp-rte .h1,
.vmp-rte h2, .vmp-rte .h2,
.vmp-rte h3,
.vmp-rte .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina
.vmp-rte .acc-panel-title, .vmp-rte .h3,
.vmp-rte h4, .vmp-rte .h4,
.vmp-rte h5, .vmp-rte .h5,
.vmp-rte h6, .vmp-rte .h6 {
  font-family: "VM Circular Book", sans-serif;
  color: #333;
}

@media only screen and (min-width: 480px) {
  .vmp-rte h1, .vmp-rte .h1,
  .vmp-rte h2, .vmp-rte .h2,
  .vmp-rte h3,
  .vmp-rte .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina
  .vmp-rte .acc-panel-title, .vmp-rte .h3,
  .vmp-rte h4, .vmp-rte .h4,
  .vmp-rte h5, .vmp-rte .h5,
  .vmp-rte h6, .vmp-rte .h6 {
    font-size: 20px;
    font-size: 2rem;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .vmp-rte h1, .vmp-rte .h1,
  .vmp-rte h2, .vmp-rte .h2,
  .vmp-rte h3,
  .vmp-rte .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina
  .vmp-rte .acc-panel-title, .vmp-rte .h3,
  .vmp-rte h4, .vmp-rte .h4,
  .vmp-rte h5, .vmp-rte .h5,
  .vmp-rte h6, .vmp-rte .h6 {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 36px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vmp-rte h1, .vmp-rte .h1,
  .vmp-rte h2, .vmp-rte .h2,
  .vmp-rte h3,
  .vmp-rte .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina
  .vmp-rte .acc-panel-title, .vmp-rte .h3,
  .vmp-rte h4, .vmp-rte .h4,
  .vmp-rte h5, .vmp-rte .h5,
  .vmp-rte h6, .vmp-rte .h6 {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 28px;
  }
}

@media only screen and (max-width: 767px) {
  .vmp-rte h1, .vmp-rte .h1,
  .vmp-rte h2, .vmp-rte .h2,
  .vmp-rte h3,
  .vmp-rte .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina
  .vmp-rte .acc-panel-title, .vmp-rte .h3,
  .vmp-rte h4, .vmp-rte .h4,
  .vmp-rte h5, .vmp-rte .h5,
  .vmp-rte h6, .vmp-rte .h6 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 23px;
    margin: 0;
  }
}

@media only screen and (min-width: 1200px) {
  .vmp-rte h1, .vmp-rte .h1,
  .vmp-rte h2, .vmp-rte .h2,
  .vmp-rte h3,
  .vmp-rte .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina
  .vmp-rte .acc-panel-title, .vmp-rte .h3,
  .vmp-rte h4, .vmp-rte .h4,
  .vmp-rte h5, .vmp-rte .h5,
  .vmp-rte h6, .vmp-rte .h6 {
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 43px;
  }
}

.rte-blank {
  width: 195px;
  float: left;
  overflow: hidden;
}

.rte-blank img {
  width: 100%;
  max-width: 550px;
}

.leaderboard {
  margin: 3px auto;
  text-align: center;
}

#header-secondary-adspace {
  height: 0px;
  overflow: hidden;
}

.lightning-on-off-splitter.component {
  margin-bottom: 0;
}

.lightning-on-off-splitter .lightning-splitter-content.add-author-border {
  border: 1px solid #645096;
}

.page-image-blank {
  width: 100%;
}

.page-image-blank img {
  max-width: 550px;
  width: 100%;
}

.page-image-blank .image-default-size {
  max-width: 550px !important;
}

figure a, figure .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles figure span {
  display: block;
}

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

figcaption {
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "VM Circular Light", sans-serif;
  line-height: 26px;
}

figcaption p {
  margin-top: 10px;
  margin-bottom: 10px;
}

.simple-image.page-image .hero-caption {
  display: none;
}

.simple-image .text-center picture img {
  margin: 0 auto;
}

.simple-image .image-content .full-width picture img {
  width: 100%;
}

.simple-image.no-bottom-margin {
  margin-bottom: 0;
}

.simple-image.tile-variant figcaption.simple-caption {
  font-family: "VM Circular Medium", sans-serif;
  color: #ffffff;
  font-size: 16px;
  font-size: 1.6rem;
}

.simple-image.tile-variant .image-content {
  background: -owg-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(0, 0, 0, 0.8) 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(0, 0, 0, 0.8) 100%);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(0, 0, 0, 0.8) 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(0, 0, 0, 0.8) 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(0, 0, 0, 0.8) 100%);
  -pie-background: -pie-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(0, 0, 0, 0.8) 100%);
  background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(0, 0, 0, 0.8) 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(0, 0, 0, 0.7) 100%);
  position: relative;
}

.simple-image.tile-variant .image-content img {
  position: relative;
  width: 100%;
  z-index: -1;
}

.simple-image.tile-variant .page-img-content > div:not(.channel-info) {
  position: absolute;
  bottom: 0;
  padding: 0 15px;
}

.hero-image {
  color: #333;
  position: relative;
}

@media only screen and (min-width: 768px) {
  .hero-image {
    color: #fff;
  }
}

.hero-image.page-image .simple-caption {
  display: none;
}

.hero-image .cat {
  color: #dd0000;
  margin-left: 13px;
}

.hero-image h1 {
  font-size: 50px;
  font-size: 5rem;
  line-height: 55px;
  color: #333;
}

@media only screen and (min-width: 768px) {
  .hero-image h1 {
    color: #fff;
  }
}

@media only screen and (max-width: 767px) {
  .hero-image h1 {
    font-size: 29px;
    font-size: 2.9rem;
    line-height: 34px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-image h1 {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 41px;
  }
}

.hero-image h1 small {
  color: #333;
  display: block;
}

@media only screen and (min-width: 768px) {
  .hero-image h1 small {
    color: #fff;
  }
}

.hero-image .hero-caption {
  font-family: "VM Circular Medium", sans-serif;
  text-shadow: rgba(0, 0, 0, 0.24) 0px 1px 5px;
}

.hero-image .hero-caption p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
}

@media only screen and (min-width: 1200px) {
  .hero-image .page-img-content > div:not(.channel-info) {
    left: 0;
  }
}

@media only screen and (min-width: 768px) {
  .hero-image .page-img-content > div:not(.channel-info) {
    position: absolute;
    bottom: 0;
  }
}

.hero-image figure img {
  margin: 0 auto;
}

.page-image .page-img-content, .vmp-image .page-img-content {
  position: relative;
}

.column-splitter-container .page-img-content {
  position: static;
}

.column-splitter-container .image-content {
  position: relative;
}

.column-splitter-container .hero-price-tile .image-content {
  position: static;
}

.image-content.simple-image-gradient, .hero-image-gradient {
  background: -owg-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 79%, rgba(0, 0, 0, 0.7) 92%, rgba(0, 0, 0, 0.9) 96%, black 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 79%, rgba(0, 0, 0, 0.7) 92%, rgba(0, 0, 0, 0.9) 96%, black 100%);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 79%, rgba(0, 0, 0, 0.7) 92%, rgba(0, 0, 0, 0.9) 96%, black 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 79%, rgba(0, 0, 0, 0.7) 92%, rgba(0, 0, 0, 0.9) 96%, black 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 79%, rgba(0, 0, 0, 0.7) 92%, rgba(0, 0, 0, 0.9) 96%, black 100%);
  -pie-background: -pie-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 79%, rgba(0, 0, 0, 0.7) 92%, rgba(0, 0, 0, 0.9) 96%, black 100%);
  background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 79%, rgba(0, 0, 0, 0.7) 92%, rgba(0, 0, 0, 0.9) 96%, black 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 79%, rgba(0, 0, 0, 0.7) 92%, rgba(0, 0, 0, 0.9) 96%, black 100%);
}

@media only screen and (max-width: 767px) {
  .image-content.simple-image-gradient, .hero-image-gradient {
    filter: none;
    background-image: none;
  }
}

.image-content.simple-image-gradient img, .hero-image-gradient img {
  position: relative;
  z-index: -1;
}

.image-content.simple-image-gradient span img, .hero-image-gradient span img {
  margin: auto;
}

.hero-image .page-img-content, .hero-image-custom .page-img-content {
  max-width: 1200px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 16px;
  font-size: 1.6rem;
}

.component.hero-image-custom {
  margin-bottom: 0;
}

.component.hero-image-custom.with-margin-bottom {
  margin-bottom: 16px;
}

.hero-image-custom .hero-caption-static {
  position: static;
}

.hero-image-custom .hero-info {
  position: absolute;
  z-index: 1;
  bottom: 68px;
  width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-image-custom .hero-info {
    max-width: 400px !important;
  }
}

@media only screen and (max-width: 767px) {
  .hero-image-custom .hero-info {
    max-width: 400px !important;
  }
}

.hero-image-custom .hero-info .cta a, .hero-image-custom .hero-info .cta .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .hero-image-custom .hero-info .cta span {
  font-weight: 500;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 0 40px 0 40px;
  height: 34px;
  line-height: 34px;
  display: inline-block;
}

.hero-image-custom .hero-info.text-center .cta a, .hero-image-custom .hero-info.text-center .cta .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .hero-image-custom .hero-info.text-center .cta span {
  float: none;
  margin-bottom: 5px;
}

.hero-image-custom .hero-info.white {
  color: #fff;
}

@media only screen and (max-width: 767px) {
  .hero-image-custom .hero-info.white {
    color: #333;
  }
}

.hero-image-custom .hero-info.grey {
  color: #333;
}

.hero-image-custom .hero-info.grey .vivid:before, .hero-image-custom .hero-info.grey .icon-vivid-pre:before, .hero-image-custom .hero-info.grey .icon-vivid-post:after {
  color: #f60663;
  background: -webkit-gradient(linear, left bottom, right top, from(#ed0000), to(#ff0cc5));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.hero-image-custom .hero-info ul {
  margin: 0;
}

.hero-image-custom .hero-info ul.list-inline {
  display: inline-block;
}

@media only screen and (min-width: 768px) {
  .hero-image-custom .hero-info ul:not(.bundle-icons) li {
    float: left;
    margin-top: 15px;
  }
  .hero-image-custom .hero-info ul:not(.bundle-icons) li:first-child {
    padding-left: 0;
  }
}

.hero-image-custom .hero-info img {
  display: inline-block;
  max-width: 140px;
}

@media only screen and (max-width: 767px) {
  .hero-image-custom .hero-info img {
    max-width: 124px;
  }
}

.hero-image-custom .hero-info .rte-content {
  font-family: "VM Circular Medium", sans-serif;
}

.hero-image-custom .hero-info .rte-content a, .hero-image-custom .hero-info .rte-content .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .hero-image-custom .hero-info .rte-content span {
  color: inherit;
}

.hero-image-custom .hero-info .rte-content a:hover, .hero-image-custom .hero-info .rte-content .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:hover, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .hero-image-custom .hero-info .rte-content span:hover {
  color: #ed0000;
  text-decoration: underline;
}

.hero-image-custom .hero-info .rte-content p {
  clear: both;
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .hero-image-custom .hero-info .rte-content {
    margin-bottom: 20px;
  }
}

.hero-image-custom .hero-info .hero-title {
  font-family: inherit;
  font-size: 42px;
  font-size: 4.2rem;
}

@media only screen and (max-width: 767px) {
  .hero-image-custom .hero-info .hero-title {
    font-size: 32px;
    font-size: 3.2rem;
  }
}

.hero-image-custom .hero-info.is-opt {
  max-width: 500px;
}

@media only screen and (min-width: 768px) {
  .hero-image-custom .hero-info.is-opt {
    bottom: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .hero-image-custom .hero-info {
    max-width: 85%;
  }
  .hero-image-custom .hero-info.is-opt {
    max-width: 65%;
  }
}

@media only screen and (max-width: 767px) {
  .hero-image-custom .hero-info {
    position: relative;
    bottom: 0;
    margin-top: 25px;
  }
  .hero-image-custom .hero-info, .hero-image-custom .hero-info.is-opt {
    max-width: 100%;
  }
  .hero-image-custom .hero-info .cta {
    width: 100%;
    padding: 0;
  }
  .hero-image-custom .hero-info:not(.text-center) .cta a, .hero-image-custom .hero-info:not(.text-center) .cta .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .hero-image-custom .hero-info:not(.text-center) .cta span {
    float: left;
  }
}

@media only screen and (min-width: 900px) {
  .hero-image-custom .hero-info {
    bottom: 20px;
    max-width: 50%;
  }
  .hero-image-custom .hero-info img {
    max-width: 90px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 899px) {
  .hero-image-custom .hero-info {
    bottom: 20px;
    max-width: 90%;
  }
  .hero-image-custom .hero-info img {
    max-width: 90px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-image-custom .hero-info.mobile-centered {
    left: 50%;
    text-align: center;
    -webkit-transform: translatex(-50%);
    -moz-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    -o-transform: translatex(-50%);
    transform: translatex(-50%);
  }
}

.hero-image-custom .hero-info.mobile-centered .cta a, .hero-image-custom .hero-info.mobile-centered .cta .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .hero-image-custom .hero-info.mobile-centered .cta span {
  float: none;
  margin-bottom: 5px;
}

.hero-image-custom .center .hero-info {
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}

.hero-image-custom .center .hero-info .cta a, .hero-image-custom .center .hero-info .cta .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .hero-image-custom .center .hero-info .cta span {
  float: none;
  margin-bottom: 5px;
}

.hero-image-custom .right .hero-info {
  margin-left: auto;
  right: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .hero-image-custom .right .hero-info {
    max-width: 80%;
  }
}

.img-channel-wrap {
  position: relative;
}

.column-splitter-container .hero-info {
  left: 15px;
}

.hero-title .vivid:before, .hero-title .pricing-block.dark-bg.red-bg .icon-vivid-pre:before, .pricing-block.dark-bg.red-bg .hero-title .icon-vivid-pre:before, .hero-title .pricing-block.dark-bg.red-bg .icon-vivid-post:after, .pricing-block.dark-bg.red-bg .hero-title .icon-vivid-post:after, .hero-title .icon-vivid-pre:before, .hero-title .icon-vivid-post:after {
  font-size: 20px;
  font-size: 2rem;
  vertical-align: top;
  padding: 1px;
}

@media only screen and (max-width: 767px) {
  .hero-title .vivid:before, .hero-title .pricing-block.dark-bg.red-bg .icon-vivid-pre:before, .pricing-block.dark-bg.red-bg .hero-title .icon-vivid-pre:before, .hero-title .pricing-block.dark-bg.red-bg .icon-vivid-post:after, .pricing-block.dark-bg.red-bg .hero-title .icon-vivid-post:after, .hero-title .icon-vivid-pre:before, .hero-title .icon-vivid-post:after {
    color: #f60663;
    background: -webkit-gradient(linear, left bottom, right top, from(#ed0000), to(#ff0cc5));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}

.no-cssgradients .hero-image .image-content, .no-cssgradients .hero-image-custom .image-content {
  filter: none;
}

.no-cssgradients .simple-image.tile-variant .image-content {
  filter: none;
}

.fade-in-img {
  opacity: 0;
  -webkit-transition: opacity 1s ease-in;
  -moz-transition: opacity 1s ease-in;
  -o-transition: opacity 1s ease-in;
  transition: opacity 1s ease-in;
}

.lazyloaded {
  opacity: 1;
}

.panning-image .panning-wrapper {
  width: 100%;
  overflow: hidden;
  left: 0;
  bottom: 0;
}

.panning-image .panning-wrapper span.img-span-hide {
  display: none;
}

.panning-image .panning-wrapper span img {
  max-height: 444px;
}

@media only screen and (min-width: 768px) {
  .panning-image .panning-wrapper span img {
    max-height: 539px;
  }
}

@media only screen and (min-width: 992px) {
  .panning-image .panning-wrapper span img {
    max-height: none;
  }
}

.panning-image .caroufredsel_wrapper {
  display: inline !important;
}

.corporate-hero-image {
  color: #fff;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .corporate-hero-image {
    color: #333;
    padding-left: 15px;
    padding-right: 15px;
  }
}

.corporate-hero-image .component {
  margin-bottom: 0;
}

.corporate-hero-image figure img {
  margin: 0 auto;
}

@media only screen and (min-width: 768px) {
  .corporate-hero-image .page-img-content {
    max-width: 1140px;
    margin: 0 auto;
  }
  .corporate-hero-image .page-img-content > div:not(.channel-info) {
    position: absolute;
    bottom: 24px;
  }
}

.corporate-hero-image .hero-caption {
  font-family: "VM Circular Medium", sans-serif;
  text-shadow: rgba(0, 0, 0, 0.24), 0px, 1px, 5px;
}

.corporate-hero-image .hero-caption p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
}

.corporate-hero-image h1 {
  font-size: 50px;
  font-size: 5rem;
  line-height: 55px;
  color: #333;
}

.corporate-hero-image h1 small {
  color: #fff;
  display: block;
}

@media only screen and (max-width: 767px) {
  .corporate-hero-image h1 small {
    color: #333;
  }
}

@media only screen and (min-width: 768px) {
  .corporate-hero-image h1 {
    color: #fff;
  }
}

@media only screen and (max-width: 767px) {
  .corporate-hero-image h1 {
    font-size: 29px;
    font-size: 2.9rem;
    line-height: 34px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .corporate-hero-image h1 {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 41px;
  }
}

.corporate-hero-image .cat {
  display: none;
}

.hero-price-tile {
  min-height: 580px;
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  width: 100%;
  max-width: 1920px;
  height: 100%;
  margin: 0 auto;
}

.hero-price-tile.component {
  margin-bottom: 0;
}

.hero-price-tile figcaption:not(.simple-caption) {
  display: none;
}

@media only screen and (min-width: 1200px) {
  .hero-price-tile {
    width: 100%;
    display: table;
    overflow: hidden;
  }
  .hero-price-tile.bottom-edge-ten .hero-price-container {
    padding-bottom: 3%;
  }
  .hero-price-tile.bottom-edge-twenty .hero-price-container {
    padding-bottom: 7%;
  }
  .hero-price-tile.bottom-edge-thirty .hero-price-container {
    padding-bottom: 10%;
  }
  .hero-price-tile.bottom-edge-forty .hero-price-container {
    padding-bottom: 13.5%;
  }
  .hero-price-tile.bottom-edge-fifty .hero-price-container {
    padding-bottom: 17%;
  }
}

@media only screen and (min-width: 1200px) {
  .hero-price-tile .hero-price-container {
    display: table-cell;
    vertical-align: bottom;
  }
}

@media only screen and (min-width: 1200px) {
  .hero-price-tile .hero-price-container .text-white {
    color: #fff;
  }
  .hero-price-tile .hero-price-container .text-white.pricing-block .legal {
    color: #fff;
  }
  .hero-price-tile .hero-price-container .text-white.pricing-block.price-md strong span {
    color: #fff;
  }
  .hero-price-tile .hero-price-container .pricing-block.white-text {
    color: #fff;
  }
  .hero-price-tile .hero-price-container .pricing-block.white-text .legal {
    color: #fff;
  }
  .hero-price-tile .hero-price-container .pricing-block.white-text strong span {
    color: #fff;
  }
  .hero-price-tile .hero-price-container .pricing-block.white-text a, .hero-price-tile .hero-price-container .pricing-block.white-text .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .hero-price-tile .hero-price-container .pricing-block.white-text span, .hero-price-tile .hero-price-container .pricing-block.white-text a:hover, .hero-price-tile .hero-price-container .pricing-block.white-text .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:hover, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .hero-price-tile .hero-price-container .pricing-block.white-text span:hover {
    color: #fff;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .hero-price-tile .hero-price-container .rte.text-white a, .hero-price-tile .hero-price-container .rte.text-white .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .hero-price-tile .hero-price-container .rte.text-white span {
    color: #dd0000;
  }
  .hero-price-tile .hero-price-container .rte.text-white a span, .hero-price-tile .hero-price-container .rte.text-white .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .hero-price-tile .hero-price-container .rte.text-white span span {
    color: #dd0000;
  }
  .hero-price-tile .hero-price-container .cta.callToAction, .hero-price-tile .hero-price-container .cta.tertiary a, .hero-price-tile .hero-price-container .cta.tertiary .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .hero-price-tile .hero-price-container .cta.tertiary span {
    text-align: center;
    float: none;
  }
  .hero-price-tile .hero-price-container .flash-countdown-clock .timer-wrapper {
    text-align: center;
  }
  .hero-price-tile .hero-price-container .flash-countdown-clock .timer-wrapper .timer li {
    text-align: left;
  }
  .hero-price-tile .hero-price-container .flash-countdown-clock.flash-cc-clock-only .flash-cc-clock {
    max-width: 100%;
  }
  .hero-price-tile .hero-price-container.medium-order-bottom {
    -webkit-order: 1;
    order: 1;
  }
  .hero-price-tile .hero-price-container.medium-order-top {
    -webkit-order: 2;
    order: 2;
  }
}

@media only screen and (max-width: 767px) {
  .hero-price-tile .hero-price-container .rte.text-white a, .hero-price-tile .hero-price-container .rte.text-white .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .hero-price-tile .hero-price-container .rte.text-white span {
    color: #dd0000;
  }
  .hero-price-tile .hero-price-container .rte.text-white a span, .hero-price-tile .hero-price-container .rte.text-white .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .hero-price-tile .hero-price-container .rte.text-white span span {
    color: #dd0000;
  }
  .hero-price-tile .hero-price-container.small-order-bottom {
    -webkit-order: 1;
    order: 1;
  }
  .hero-price-tile .hero-price-container.small-order-top {
    -webkit-order: 2;
    order: 2;
  }
}

@media only screen and (max-width: 320px) {
  .hero-price-tile .hero-price-container .flash-countdown-clock.flash-cc-clock-only .flash-cc-clock {
    padding: 10px;
  }
  .hero-price-tile .hero-price-container.small-order-bottom {
    -webkit-order: unset;
    order: unset;
  }
  .hero-price-tile .hero-price-container.small-order-top {
    -webkit-order: unset;
    order: unset;
  }
  .hero-price-tile .hero-price-container.extra-small-order-bottom {
    -webkit-order: 1;
    order: 1;
  }
  .hero-price-tile .hero-price-container.extra-small-order-top {
    -webkit-order: 2;
    order: 2;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .hero-price-tile .image-content.medium-order-bottom {
    -webkit-order: 2;
    order: 2;
  }
  .hero-price-tile .image-content.medium-order-top {
    -webkit-order: 1;
    order: 1;
  }
}

@media only screen and (max-width: 767px) {
  .hero-price-tile .image-content.small-order-bottom {
    -webkit-order: 2;
    order: 2;
  }
  .hero-price-tile .image-content.small-order-top {
    -webkit-order: 1;
    order: 1;
  }
}

@media only screen and (max-width: 320px) {
  .hero-price-tile .image-content.small-order-bottom {
    -webkit-order: unset;
    order: unset;
  }
  .hero-price-tile .image-content.small-order-top {
    -webkit-order: unset;
    order: unset;
  }
  .hero-price-tile .image-content.extra-small-order-bottom {
    -webkit-order: 2;
    order: 2;
  }
  .hero-price-tile .image-content.extra-small-order-top {
    -webkit-order: 1;
    order: 1;
  }
}

.hero-price-tile .image-content .img-channel-wrap {
  background-size: cover;
  background-position-x: center;
  display: none;
  width: 100%;
}

@media only screen and (min-width: 1200px) {
  .hero-price-tile .image-content .img-channel-wrap {
    position: absolute;
  }
}

.hero-price-tile .image-content .img-channel-wrap.top {
  top: 0;
}

@media only screen and (min-width: 1200px) {
  .hero-price-tile .image-content .img-channel-wrap.top {
    max-height: 580px;
    background-position-y: bottom;
  }
}

.hero-price-tile .image-content .img-channel-wrap.middle {
  top: 50%;
  transform: translatey(-50%);
  left: 0;
  right: 0;
  margin: auto;
}

@media only screen and (min-width: 1200px) {
  .hero-price-tile .image-content .img-channel-wrap.middle {
    max-height: 580px;
    background-position-y: bottom;
  }
}

.hero-price-tile .image-content .img-channel-wrap.bottom {
  bottom: 0;
}

@media only screen and (max-width: 767px) {
  .hero-price-tile .image-content .img-channel-wrap.visible-xs-no-xxs {
    display: block !important;
  }
}

@media only screen and (max-width: 320px) {
  .hero-price-tile .image-content .img-channel-wrap.visible-xs-no-xxs {
    display: none !important;
  }
}

@media only screen and (max-width: 320px) {
  .hero-price-tile .image-content .img-channel-wrap.visible-xxs {
    display: block !important;
  }
}

.hero-price-tile .image-content .img-channel-wrap:before {
  content: "";
  display: block;
  width: 100%;
}

@media only screen and (min-width: 1200px) {
  .hero-price-tile .image-content .img-channel-wrap:before {
    padding-bottom: 33.3332%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .hero-price-tile .image-content .img-channel-wrap:before {
    padding-bottom: 48.6665%;
  }
}

@media only screen and (max-width: 767px) {
  .hero-price-tile .image-content .img-channel-wrap:before {
    padding-bottom: 70.6665%;
  }
}

@media only screen and (max-width: 320px) {
  .hero-price-tile .image-content .img-channel-wrap:before {
    padding-bottom: 70.6665%;
  }
}

.hero-price-tile .image-content .simple-image .img-channel-wrap {
  display: block;
}

.hero-price-tile .hero-price-container .simple-image .img-channel-wrap {
  display: block;
  position: relative;
}

.hero-price-tile .hero-price-container .simple-image .img-channel-wrap:before {
  padding: 0;
  display: none;
}

.cq-wcm-edit .hero-price-tile .hero-price-container .pricing-block .tile-image img {
  float: none;
  margin-right: 0;
}

.video-player-blank {
  width: 100%;
}

.video-player-container {
  position: relative;
}

@media only screen and (min-width: 768px) {
  .video-player-container {
    border-width: 0 0 3px 0;
    border-color: #600061;
    /* Old browsers */
    -webkit-border-image: -webkit-linear-gradient(left, #600061 10%, #390023 40%, #960024 80%) 100% 1;
    -moz-border-image: -moz-linear-gradient(left, #600061 10%, #390023 40%, #960024 80%) 100% 1;
    -o-border-image: -o-linear-gradient(left, #600061 10%, #390023 40%, #960024 80%) 100% 1;
    border-image: linear-gradient(left, #600061 10%, #390023 40%, #960024 80%) 100% 1;
  }
}

.video-player-container .embed-responsive.embed-responsive-16by9-with-playlist {
  width: 70%;
  padding-bottom: 39.4%;
}

@media only screen and (max-width: 767px) {
  .video-player-container .embed-responsive.embed-responsive-16by9-with-playlist {
    width: 100%;
    padding-bottom: 56.25%;
  }
}

.video-player-container .playlist-header {
  font-size: 20px;
  font-size: 2rem;
  position: absolute;
  top: 0;
  right: 0;
  width: 30%;
  min-width: 220px;
  margin: 0;
  z-index: 1;
  color: #fff;
  text-align: center;
  background: #1a1a1a;
  line-height: 50px;
  border-bottom: 2px solid #555;
  border-left: 1px solid #555;
}

@media only screen and (max-width: 767px) {
  .video-player-container .playlist-header {
    display: none;
  }
}

.video-player-container .vjs-playlist {
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  width: 30%;
  bottom: -10px;
}

@media only screen and (min-width: 768px) {
  .video-player-container .vjs-playlist {
    top: 50px;
    min-width: 220px;
    border-left: 1px solid #555;
  }
}

@media only screen and (max-width: 767px) {
  .video-player-container .vjs-playlist {
    white-space: nowrap;
    margin: 0;
    width: 100%;
    min-width: 100%;
    position: static;
  }
  .video-player-container .vjs-playlist .vjs-playlist-description {
    display: none;
  }
}

.video-player-container .vjs-playlist .vjs-playlist-name {
  position: relative;
  margin-top: 10px;
}

@media only screen and (max-width: 767px) {
  .video-player-container .vjs-playlist .vjs-playlist-name {
    margin-top: 0;
    padding: 0 5px;
  }
}

.video-player-container .vjs-playlist .vjs-playlist-name, .video-player-container .vjs-playlist .vjs-playlist-description {
  font-size: 14px;
  font-size: 1.4rem;
}

.video-player-container .vjs-playlist .vjs-playlist-duration {
  display: none;
}

.video-player-container .vjs-playlist .vjs-playlist-item {
  outline: 0;
  margin: 0;
  height: 88px;
  border-bottom: 1px solid #555;
}

@media only screen and (max-width: 767px) {
  .video-player-container .vjs-playlist .vjs-playlist-item {
    border: none;
    width: 28%;
    height: 100%;
    display: inline-block;
  }
}

.video-player-container .vjs-playlist .vjs-playlist-item.vjs-selected {
  background: #bf0902;
  /* Old browsers */
  background: -moz-linear-gradient(top, #bf0902 0%, #ed0000 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bf0902), color-stop(100%, #ed0000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #bf0902 0%, #ed0000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #bf0902 0%, #ed0000 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #bf0902 0%, #ed0000 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #bf0902 0%, #ed0000 100%);
  /* W3C */
  filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$stop-color',GradientType=0 )";
  /* IE6-9 */
  cursor: default;
}

.video-player-container .vjs-playlist .vjs-playlist-item.vjs-selected .vjs-playlist-thumbnail, .video-player-container .vjs-playlist .vjs-playlist-item.vjs-selected .vjs-playlist-description {
  display: none;
}

@media only screen and (min-width: 992px) {
  .video-player-container .vjs-playlist .vjs-playlist-item.vjs-selected .vjs-playlist-name {
    left: 5px;
    margin-top: 7px;
  }
}

@media only screen and (max-width: 767px) {
  .video-player-container .vjs-playlist .vjs-playlist-item.vjs-selected {
    background: none;
  }
  .video-player-container .vjs-playlist .vjs-playlist-item.vjs-selected .vjs-playlist-thumbnail {
    display: block;
  }
  .video-player-container .vjs-playlist .vjs-playlist-item.vjs-selected .vjs-playlist-thumbnail img {
    border: 2px solid #ed0000;
  }
}

.video-player-container .vjs-playlist .vjs-playlist-thumbnail {
  margin-right: 5px;
  height: 100%;
  width: 102px;
  padding: 6px;
  background: inherit;
}

@media only screen and (max-width: 767px) {
  .video-player-container .vjs-playlist .vjs-playlist-thumbnail {
    width: 100%;
    height: 80%;
  }
}

.video-player-container .vjs-playlist .vjs-playlist-thumbnail:before {
  display: none;
}

.video-player-container .vjs-mouse.vjs-has-started.vjs-user-inactive .vjs-control-bar {
  -webkit-transform: translateY(36px);
  -moz-transform: translateY(36px);
  -ms-transform: translateY(36px);
  -o-transform: translateY(36px);
  transform: translateY(36px);
}

.video-player-container .video-js {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
}

@media only screen and (min-width: 992px) {
  .video-player-container .video-js {
    position: static;
  }
}

.video-player-container .video-js .vjs-big-play-button {
  width: 105px;
  height: 105px;
  top: 0;
  left: 0;
  border-radius: 105px;
  right: 0;
  bottom: 0;
  margin: auto;
}

.video-player-container .video-js .vjs-big-play-button:hover {
  background: #ed0000;
  box-shadow: none;
}

.video-player-container .video-js .vjs-big-play-button:hover:before {
  opacity: 1;
}

.video-player-container .video-js .vjs-big-play-button:before {
  font-size: 45px;
  font-size: 4.5rem;
  width: 36%;
  line-height: 25px;
}

.video-player-container .vjs-control-bar {
  border: none;
  height: 40px !important;
  background: #7a7a7a;
  /* Old browsers */
  background: -webkit-linear-gradient(to bottom, #7a7a7a 0%, #000 30%, #000 85%, #7a7a7a 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, to bottom, #7a7a7a 0%, #000 30%, #000 85%, #7a7a7a 100%);
  /* FF3.6+ */
  background: -o-linear-gradient(top, to bottom, #7a7a7a 0%, #000 30%, #000 85%, #7a7a7a 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, to bottom, #7a7a7a 0%, #000 30%, #000 85%, #7a7a7a 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #7a7a7a 0%, #000 30%, #000 85%, #7a7a7a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$first-color, endColorstr=$last-color, GradientType=0);
  /* IE6-9 */
}

.video-player-container .vjs-control-bar .vjs-current-time {
  margin: 0;
}

.video-player-container .vjs-control-bar .vjs-menu {
  margin: 0 -17px 40px -17px;
}

.video-player-container .vjs-control-bar .vjs-play-progress, .video-player-container .vjs-control-bar .vjs-volume-level {
  background: #ed0000;
}

.video-player-container .vjs-control-bar .vjs-time-control {
  padding: 0 .5em;
}

.video-player-container .vjs-control-bar .vjs-time-divider, .video-player-container .vjs-control-bar .vjs-custom-control-spacer {
  display: none;
}

.video-player-container .vjs-control-bar .vjs-duration {
  order: 5;
}

.video-player-container .vjs-control-bar .vjs-progress-control {
  order: 4;
}

.video-player-container .vjs-control-bar .vjs-current-time, .video-player-container .vjs-control-bar .vjs-duration {
  font-size: 14px;
  font-size: 1.4rem;
}

.video-player-container .vjs-control-bar .vjs-control {
  width: 40px;
}

.video-player-container .vjs-control-bar .vjs-control:before {
  top: 7px;
}

.video-player-container .vjs-control-bar .vjs-load-progress {
  background: #ccc;
}

.video-player-container .vjs-control-bar .vjs-progress-holder:before {
  background: rgba(255, 255, 255, 0.2);
}

.accordion a:focus, .accordion .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:focus, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .accordion span:focus {
  outline: none;
}

.accordion .panel-heading a, .accordion .panel-heading .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .accordion .panel-heading span {
  display: flex;
  justify-content: space-between;
  line-height: 1;
  padding: 0 15px 0 10px;
  color: #42254c;
}

.accordion .panel-heading a span:focus, .accordion .panel-heading .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span span:focus, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .accordion .panel-heading span span:focus, .accordion .panel-heading a span:hover, .accordion .panel-heading .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span span:hover, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .accordion .panel-heading span span:hover {
  text-decoration: underline;
}

.accordion .acc-panel-title {
  line-height: 1.1;
  margin-top: 0;
  margin-bottom: 0;
}

.accordion .acc-panel-title .fa {
  margin-top: -8px;
  color: #ed0000;
}

.accordion .acc-panel-title .collapsed .fa {
  color: #333;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.accordion .acc-panel-title .collapsed:hover .fa {
  color: #ed0000;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.accordion .acc-panel-title .acc-item-title {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 29px;
  padding-top: 13px;
  padding-bottom: 13px;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .accordion .acc-panel-title .acc-item-title {
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 30px;
    padding-top: 19px;
    padding-bottom: 19px;
  }
}

@media only screen and (min-width: 1200px) {
  .accordion .acc-panel-title .acc-item-title {
    font-size: 30px;
    font-size: 3rem;
    line-height: 35px;
  }
}

.accordion .panel-body {
  position: relative;
  z-index: 0;
}

.accordion .panel-body p {
  color: #666;
}

.accordion.accordion-group .panel-heading {
  padding: 0;
}

.accordion .collapsed .collapse-hide,
.accordion.accordion-group .fa-angle-down,
.accordion.accordion-group .collapsed .fa-angle-up {
  display: none;
}

.accordion .collapsed .collapse-show,
.accordion.accordion-group .collapsed .fa-angle-down {
  display: inline-block;
}

.accordion.panel-group .panel-heading + .panel-collapse > .list-group,
.accordion.panel-group .panel-heading + .panel-collapse > .panel-body {
  border-top: 0;
}

.accordion .panel {
  border-bottom: 1px solid #ccc;
}

.accordion .panel:first-child {
  border-top: 1px solid #ccc;
}

.accordion .btn-collapse {
  background-color: #ffffff;
  color: #322332;
  text-align: center;
  width: 140px;
  display: block;
  margin: 0 auto 15px;
}

.accordion .panel + .panel {
  margin-top: 0;
}

.js-accordion-showhide.borderless .panel {
  border: 0;
}

.js-accordion-showhide .panel-title {
  display: none;
}

.js-accordion-showhide .accordion .panel {
  box-shadow: none;
  margin-top: 0;
}

.js-accordion-showhide .btn-acc-show-hide {
  display: block;
}

.js-accordion-showhide .btn {
  line-height: 1.4;
}

.js-accordion-showhide .btn-link {
  border: 0;
  color: #42254c;
  display: block;
  text-align: center;
  cursor: pointer;
  width: 100%;
  line-height: 26px;
}

@media only screen and (min-width: 768px) {
  .js-accordion-showhide .btn-link {
    padding-top: 7px;
    padding-bottom: 7px;
    line-height: 24px;
  }
}

.js-accordion-showhide .btn-link:focus {
  outline: none;
}

.js-accordion-showhide .btn-link .show-more {
  display: none;
}

.js-accordion-showhide .btn-link .show-less {
  display: inline-block;
}

.js-accordion-showhide .btn-link.collapsed .show-less {
  display: none;
}

.js-accordion-showhide .btn-link.collapsed .show-more {
  display: inline-block;
}

.js-accordion .show-more, .js-accordion-concertina .show-more {
  display: none;
}

.js-accordion .show-less, .js-accordion-concertina .show-less {
  display: inline-block;
}

.js-accordion .collapsed .show-less, .js-accordion-concertina .collapsed .show-less {
  display: none;
}

.js-accordion .collapsed .show-more, .js-accordion-concertina .collapsed .show-more {
  display: inline-block;
}

.btn-acc-show-hide {
  display: none;
}

.btn-acc-show-hide h4 {
  white-space: normal;
  margin-top: 0;
  margin-bottom: 0;
}

.accordion.js-accordion-concertina {
  background-color: #322332;
  color: #fff;
}

.js-accordion-concertina.borderless .panel {
  box-shadow: none;
}

.accordion.js-accordion-concertina .panel-heading a, .accordion.js-accordion-concertina .panel-heading .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .accordion.js-accordion-concertina .panel-heading span {
  color: #fff;
  font-family: "VM Circular Light", sans-serif;
}

.accordion.js-accordion-concertina .panel-heading a:hover, .accordion.js-accordion-concertina .panel-heading .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:hover, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .accordion.js-accordion-concertina .panel-heading span:hover, .accordion.js-accordion-concertina .panel-heading a:focus, .accordion.js-accordion-concertina .panel-heading .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:focus, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .accordion.js-accordion-concertina .panel-heading span:focus {
  color: #fff;
}

.accordion.js-accordion-concertina .panel-heading a:hover .acc-item-title, .accordion.js-accordion-concertina .panel-heading .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:hover .acc-item-title, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .accordion.js-accordion-concertina .panel-heading span:hover .acc-item-title, .accordion.js-accordion-concertina .panel-heading a:focus .acc-item-title, .accordion.js-accordion-concertina .panel-heading .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:focus .acc-item-title, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .accordion.js-accordion-concertina .panel-heading span:focus .acc-item-title {
  text-decoration: underline;
}

.accordion.js-accordion-concertina .panel-heading a:hover .fa, .accordion.js-accordion-concertina .panel-heading .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:hover .fa, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .accordion.js-accordion-concertina .panel-heading span:hover .fa, .accordion.js-accordion-concertina .panel-heading a:focus .fa, .accordion.js-accordion-concertina .panel-heading .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:focus .fa, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .accordion.js-accordion-concertina .panel-heading span:focus .fa {
  color: #ed0000;
}

.accordion.js-accordion-concertina .panel {
  background-color: inherit;
  border-bottom: none;
}

.accordion.js-accordion-concertina .panel:first-child {
  border-top: none;
}

.accordion.js-accordion-concertina .acc-panel-title .acc-item-title {
  text-decoration: none;
}

.accordion.js-accordion-concertina .acc-panel-title .fa {
  color: #fff;
}

.accordion.js-accordion-concertina.dark .acc-panel-title {
  padding-bottom: 12px;
}

@media only screen and (min-width: 992px) {
  .accordion.js-accordion-concertina.dark .acc-panel-title {
    padding-bottom: 18px;
  }
}

.accordion.js-accordion-concertina.dark .panel-heading a, .accordion.js-accordion-concertina.dark .panel-heading .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .accordion.js-accordion-concertina.dark .panel-heading span {
  color: #fff;
}

.accordion.js-accordion-concertina.dark .panel-heading a:hover, .accordion.js-accordion-concertina.dark .panel-heading .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:hover, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .accordion.js-accordion-concertina.dark .panel-heading span:hover, .accordion.js-accordion-concertina.dark .panel-heading a:focus, .accordion.js-accordion-concertina.dark .panel-heading .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:focus, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .accordion.js-accordion-concertina.dark .panel-heading span:focus {
  color: #fff;
}

.accordion.js-accordion-concertina.dark .panel-heading a:hover .acc-item-title, .accordion.js-accordion-concertina.dark .panel-heading .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:hover .acc-item-title, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .accordion.js-accordion-concertina.dark .panel-heading span:hover .acc-item-title, .accordion.js-accordion-concertina.dark .panel-heading a:focus .acc-item-title, .accordion.js-accordion-concertina.dark .panel-heading .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:focus .acc-item-title, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .accordion.js-accordion-concertina.dark .panel-heading span:focus .acc-item-title {
  text-decoration: underline;
}

.accordion.js-accordion-concertina.dark .panel-heading a:hover .fa, .accordion.js-accordion-concertina.dark .panel-heading .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:hover .fa, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .accordion.js-accordion-concertina.dark .panel-heading span:hover .fa, .accordion.js-accordion-concertina.dark .panel-heading a:focus .fa, .accordion.js-accordion-concertina.dark .panel-heading .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:focus .fa, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .accordion.js-accordion-concertina.dark .panel-heading span:focus .fa {
  color: #ed0000;
}

.accordion.js-accordion-concertina.dark.vm-bg-red .panel-heading a:hover .fa, .accordion.js-accordion-concertina.dark.vm-bg-red .panel-heading .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:hover .fa, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .accordion.js-accordion-concertina.dark.vm-bg-red .panel-heading span:hover .fa, .accordion.js-accordion-concertina.dark.vm-bg-red .panel-heading a:focus .fa, .accordion.js-accordion-concertina.dark.vm-bg-red .panel-heading .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:focus .fa, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .accordion.js-accordion-concertina.dark.vm-bg-red .panel-heading span:focus .fa {
  color: #fff;
}

.accordion.js-accordion-concertina.dark .acc-panel-title .fa {
  color: #fff;
}

.accordion.js-accordion-concertina.light .panel-heading {
  border-bottom: none;
  padding-bottom: 1px;
}

.accordion.js-accordion-concertina.light .panel-heading a, .accordion.js-accordion-concertina.light .panel-heading .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .accordion.js-accordion-concertina.light .panel-heading span {
  color: #333;
}

.accordion.js-accordion-concertina.light .panel-heading a:hover, .accordion.js-accordion-concertina.light .panel-heading .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:hover, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .accordion.js-accordion-concertina.light .panel-heading span:hover, .accordion.js-accordion-concertina.light .panel-heading a:focus, .accordion.js-accordion-concertina.light .panel-heading .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:focus, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .accordion.js-accordion-concertina.light .panel-heading span:focus {
  color: #333;
}

.accordion.js-accordion-concertina.light .panel-heading a:hover .acc-item-title, .accordion.js-accordion-concertina.light .panel-heading .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:hover .acc-item-title, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .accordion.js-accordion-concertina.light .panel-heading span:hover .acc-item-title, .accordion.js-accordion-concertina.light .panel-heading a:focus .acc-item-title, .accordion.js-accordion-concertina.light .panel-heading .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:focus .acc-item-title, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .accordion.js-accordion-concertina.light .panel-heading span:focus .acc-item-title {
  text-decoration: underline;
}

.accordion.js-accordion-concertina.light .panel-heading a:hover .fa, .accordion.js-accordion-concertina.light .panel-heading .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:hover .fa, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .accordion.js-accordion-concertina.light .panel-heading span:hover .fa, .accordion.js-accordion-concertina.light .panel-heading a:focus .fa, .accordion.js-accordion-concertina.light .panel-heading .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:focus .fa, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .accordion.js-accordion-concertina.light .panel-heading span:focus .fa {
  color: #ed0000;
}

.accordion.js-accordion-concertina.light .acc-panel-title .fa {
  color: #333;
}

.accordion.js-accordion-concertina .collapsed .fa-minus {
  display: none;
}

.accordion.js-accordion-concertina .collapsed .fa-plus {
  display: inline-block;
}

.accordion.js-accordion-concertina .fa-minus {
  display: inline-block;
}

.accordion.js-accordion-concertina .fa-plus {
  display: none;
}

.channel-info {
  position: absolute;
  z-index: 1;
  bottom: 35px;
  color: #fff;
}

.channel-info.right {
  right: 35px;
  text-align: right;
}

.channel-info.small-gap {
  bottom: 20px;
}

.channel-info.small-gap.right {
  right: 20px;
  text-align: right;
}

.channel-info p, .channel-info span {
  margin: 0;
  clear: both;
  line-height: 14px;
  text-shadow: 0 1px 5px #000;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff !important;
}

.channel-info p {
  font-family: "VM Circular Bold", sans-serif;
}

.channel-info span {
  display: block;
  font-family: "VM Circular Book", sans-serif;
}

.channel-info img {
  max-width: 54px;
  margin-bottom: 7px;
  display: inline-block;
}

.channel-info .cta a, .channel-info .cta .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .channel-info .cta span {
  font-weight: 500;
  font-size: 13px;
  font-size: 1.3rem;
  padding-left: 40px;
  padding-right: 40px;
}

@media only screen and (min-width: 1200px) {
  .channel-info.right, .channel-info.small-gap.right {
    right: 0px;
  }
}

.simple-caption .channel-info.right {
  right: 35px;
}

.simple-caption.simple-image .channel-info.right {
  right: 20px;
}

@media only screen and (max-width: 767px) {
  .corporate-hero-image .channel-info {
    display: none;
  }
}

@media only screen and (min-width: 1200px) {
  .column-splitter-container .channel-info.right {
    right: 35px;
  }
  .column-splitter-container .channel-info.small-gap.right {
    right: 20px;
  }
}

.bundle-icons {
  list-style-type: none;
  padding: 0;
}

.bundle-icons li {
  font-family: "VM Circular Bold", sans-serif;
  display: inline-block;
  font-size: 21px;
  font-size: 2.1rem;
}

@media only screen and (min-width: 768px) {
  .bundle-icons li {
    color: #fff;
  }
}

.bundle-icons li span {
  padding: 0 5px;
}

.bundle-icons li span:before {
  padding-right: 2px;
}

@media only screen and (min-width: 768px) {
  .bundle-icons li span {
    padding: 0 5px;
  }
}

.bundle-icons li:before {
  padding-right: 3px;
  content: "+";
}

.bundle-icons li:first-child {
  display: inline;
}

.bundle-icons li:first-child span:before {
  padding-left: 0;
}

.bundle-icons li:first-child:before {
  content: "";
}

.bundle-icons-container li {
  color: #333;
}

.bundle-icons-container .vm-icon-tv:before, .bundle-icons-container .vm-icon-broadband:before, .bundle-icons-container .vm-icon-phone:before {
  color: #ed0000;
  font-size: 30px;
  font-size: 3rem;
  padding-right: 5px;
}

.asa-variant {
  line-height: 1;
  font-family: "VM Circular Light", sans-serif;
  color: #333;
}

.asa-variant.font-asa-12 {
  font-size: 12px;
  font-size: 1.2rem;
}

.asa-variant.font-asa-13 {
  font-size: 13px;
  font-size: 1.3rem;
}

.asa-variant.font-asa-14 {
  font-size: 14px;
  font-size: 1.4rem;
}

.asa-variant.font-asa-15 {
  font-size: 15px;
  font-size: 1.5rem;
}

.asa-variant.font-asa-16 {
  font-size: 16px;
  font-size: 1.6rem;
}

.asa-variant.font-asa-17 {
  font-size: 17px;
  font-size: 1.7rem;
}

.asa-variant.font-asa-18 {
  font-size: 18px;
  font-size: 1.8rem;
}

.asa-variant.font-asa-19 {
  font-size: 19px;
  font-size: 1.9rem;
}

.asa-variant.font-asa-20 {
  font-size: 20px;
  font-size: 2rem;
}

.asa-variant.font-asa-21 {
  font-size: 21px;
  font-size: 2.1rem;
}

.asa-variant.font-asa-22 {
  font-size: 22px;
  font-size: 2.2rem;
}

.asa-variant.font-asa-23 {
  font-size: 23px;
  font-size: 2.3rem;
}

.asa-variant.font-asa-24 {
  font-size: 24px;
  font-size: 2.4rem;
}

.asa-variant.font-asa-25 {
  font-size: 25px;
  font-size: 2.5rem;
}

.asa-variant.font-asa-26 {
  font-size: 26px;
  font-size: 2.6rem;
}

.asa-variant.font-asa-27 {
  font-size: 27px;
  font-size: 2.7rem;
}

.asa-variant.font-asa-28 {
  font-size: 28px;
  font-size: 2.8rem;
}

.asa-variant.font-asa-29 {
  font-size: 29px;
  font-size: 2.9rem;
}

.asa-variant.font-asa-30 {
  font-size: 30px;
  font-size: 3rem;
}

.asa-variant.font-asa-31 {
  font-size: 31px;
  font-size: 3.1rem;
}

.asa-variant.font-asa-32 {
  font-size: 32px;
  font-size: 3.2rem;
}

.asa-variant.font-asa-33 {
  font-size: 33px;
  font-size: 3.3rem;
}

.asa-variant.font-asa-34 {
  font-size: 34px;
  font-size: 3.4rem;
}

.asa-variant.font-asa-35 {
  font-size: 35px;
  font-size: 3.5rem;
}

.asa-variant.font-asa-36 {
  font-size: 36px;
  font-size: 3.6rem;
}

.asa-variant.font-asa-37 {
  font-size: 37px;
  font-size: 3.7rem;
}

.asa-variant.font-asa-38 {
  font-size: 38px;
  font-size: 3.8rem;
}

.asa-variant.font-asa-39 {
  font-size: 39px;
  font-size: 3.9rem;
}

.asa-variant.font-asa-40 {
  font-size: 40px;
  font-size: 4rem;
}

.asa-variant.font-asa-41 {
  font-size: 41px;
  font-size: 4.1rem;
}

.asa-variant.font-asa-42 {
  font-size: 42px;
  font-size: 4.2rem;
}

.asa-variant.font-asa-43 {
  font-size: 43px;
  font-size: 4.3rem;
}

.asa-variant.font-asa-44 {
  font-size: 44px;
  font-size: 4.4rem;
}

.asa-variant.font-asa-45 {
  font-size: 45px;
  font-size: 4.5rem;
}

.asa-variant.font-asa-46 {
  font-size: 46px;
  font-size: 4.6rem;
}

.asa-variant.font-asa-47 {
  font-size: 47px;
  font-size: 4.7rem;
}

.asa-variant.font-asa-48 {
  font-size: 48px;
  font-size: 4.8rem;
}

.asa-variant.font-asa-49 {
  font-size: 49px;
  font-size: 4.9rem;
}

.asa-variant.font-asa-50 {
  font-size: 50px;
  font-size: 5rem;
}

.asa-variant.font-asa-51 {
  font-size: 51px;
  font-size: 5.1rem;
}

.asa-variant.font-asa-52 {
  font-size: 52px;
  font-size: 5.2rem;
}

.asa-variant.font-asa-53 {
  font-size: 53px;
  font-size: 5.3rem;
}

.asa-variant.font-asa-54 {
  font-size: 54px;
  font-size: 5.4rem;
}

.asa-variant.font-asa-55 {
  font-size: 55px;
  font-size: 5.5rem;
}

.asa-variant.font-asa-56 {
  font-size: 56px;
  font-size: 5.6rem;
}

.asa-variant.font-asa-57 {
  font-size: 57px;
  font-size: 5.7rem;
}

.asa-variant.font-asa-58 {
  font-size: 58px;
  font-size: 5.8rem;
}

.asa-variant.font-asa-59 {
  font-size: 59px;
  font-size: 5.9rem;
}

.asa-variant.font-asa-60 {
  font-size: 60px;
  font-size: 6rem;
}

.asa-variant.font-asa-61 {
  font-size: 61px;
  font-size: 6.1rem;
}

.asa-variant.font-asa-62 {
  font-size: 62px;
  font-size: 6.2rem;
}

.asa-variant.font-asa-63 {
  font-size: 63px;
  font-size: 6.3rem;
}

.asa-variant.font-asa-64 {
  font-size: 64px;
  font-size: 6.4rem;
}

.asa-variant.font-asa-65 {
  font-size: 65px;
  font-size: 6.5rem;
}

.asa-variant.font-asa-66 {
  font-size: 66px;
  font-size: 6.6rem;
}

.asa-variant.font-asa-67 {
  font-size: 67px;
  font-size: 6.7rem;
}

.asa-variant.font-asa-68 {
  font-size: 68px;
  font-size: 6.8rem;
}

.asa-variant.font-asa-69 {
  font-size: 69px;
  font-size: 6.9rem;
}

.asa-variant.font-asa-70 {
  font-size: 70px;
  font-size: 7rem;
}

.asa-variant.font-asa-71 {
  font-size: 71px;
  font-size: 7.1rem;
}

.asa-variant.font-asa-72 {
  font-size: 72px;
  font-size: 7.2rem;
}

.asa-variant.font-asa-73 {
  font-size: 73px;
  font-size: 7.3rem;
}

.asa-variant.font-asa-74 {
  font-size: 74px;
  font-size: 7.4rem;
}

.asa-variant.font-asa-75 {
  font-size: 75px;
  font-size: 7.5rem;
}

.asa-variant.font-asa-76 {
  font-size: 76px;
  font-size: 7.6rem;
}

.asa-variant.font-asa-77 {
  font-size: 77px;
  font-size: 7.7rem;
}

.asa-variant.font-asa-78 {
  font-size: 78px;
  font-size: 7.8rem;
}

.asa-variant.font-asa-79 {
  font-size: 79px;
  font-size: 7.9rem;
}

.asa-variant.font-asa-80 {
  font-size: 80px;
  font-size: 8rem;
}

.asa-variant.font-asa-81 {
  font-size: 81px;
  font-size: 8.1rem;
}

.asa-variant.font-asa-82 {
  font-size: 82px;
  font-size: 8.2rem;
}

.asa-variant.font-asa-83 {
  font-size: 83px;
  font-size: 8.3rem;
}

.asa-variant.font-asa-84 {
  font-size: 84px;
  font-size: 8.4rem;
}

.asa-variant.font-asa-85 {
  font-size: 85px;
  font-size: 8.5rem;
}

.asa-variant.font-asa-86 {
  font-size: 86px;
  font-size: 8.6rem;
}

.asa-variant.font-asa-87 {
  font-size: 87px;
  font-size: 8.7rem;
}

.asa-variant.font-asa-88 {
  font-size: 88px;
  font-size: 8.8rem;
}

.asa-variant.font-asa-89 {
  font-size: 89px;
  font-size: 8.9rem;
}

.asa-variant.font-asa-90 {
  font-size: 90px;
  font-size: 9rem;
}

.asa-variant.font-asa-91 {
  font-size: 91px;
  font-size: 9.1rem;
}

.asa-variant.font-asa-92 {
  font-size: 92px;
  font-size: 9.2rem;
}

.asa-variant.font-asa-93 {
  font-size: 93px;
  font-size: 9.3rem;
}

.asa-variant.font-asa-94 {
  font-size: 94px;
  font-size: 9.4rem;
}

.asa-variant.font-asa-95 {
  font-size: 95px;
  font-size: 9.5rem;
}

.asa-variant.font-asa-96 {
  font-size: 96px;
  font-size: 9.6rem;
}

.asa-variant.font-asa-97 {
  font-size: 97px;
  font-size: 9.7rem;
}

.asa-variant.font-asa-98 {
  font-size: 98px;
  font-size: 9.8rem;
}

.asa-variant.font-asa-99 {
  font-size: 99px;
  font-size: 9.9rem;
}

.asa-variant.font-asa-100 {
  font-size: 100px;
  font-size: 10rem;
}

.asa-variant span {
  font-size: inherit;
}

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

@media only screen and (min-width: 321px) {
  .asa-variant.left.with-image img {
    float: right;
  }
}

.asa-variant.left.with-image .asa-variant-wrapper {
  float: left;
}

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

@media only screen and (min-width: 321px) {
  .asa-variant.right.with-image img {
    float: left;
  }
}

.asa-variant.right.with-image .asa-variant-wrapper {
  float: right;
}

.asa-variant.right a, .asa-variant.right .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .asa-variant.right span {
  float: right;
}

@media only screen and (min-width: 1200px) {
  .asa-variant.white {
    color: #fff;
  }
}

.sales-component .asa-variant.white, .column-splitter .asa-variant.white {
  color: #fff;
}

.asa-variant.grey {
  color: #333;
}

.asa-variant .activation-fee {
  clear: both;
  margin-top: 15px;
}

.asa-variant .activation-fee.font-size-half {
  font-size: 50%;
}

.asa-variant .second-price.font-size-half {
  margin-top: 3px;
  font-size: 50%;
  display: block;
}

.asa-variant.with-image .asa-variant-wrapper {
  padding-top: 30px;
}

@media only screen and (min-width: 321px) {
  .asa-variant.with-image .asa-variant-wrapper {
    max-width: 200px;
  }
}

.asa-variant a, .asa-variant .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .asa-variant span {
  float: left;
  clear: both;
}

.asa-variant img {
  max-height: 125px;
  width: auto;
  margin-right: 0 !important;
}

@media only screen and (max-width: 767px) {
  .asa-variant img {
    max-height: 100px;
  }
}

@media only screen and (max-width: 320px) {
  .asa-variant img {
    margin-top: 10px;
  }
}

.asa-variant.pricing-block {
  margin-left: 0;
}

.asa-variant.red-bg {
  background: none;
}

.asa-variant.red-bg .asa-color-wrapper {
  background: #ed0000;
  padding: 16px;
}

.asa-variant.dark-bg {
  background: none;
}

.asa-variant.dark-bg .asa-color-wrapper {
  background: #322332;
  padding: 16px;
}

.asa-variant .description {
  clear: both;
  margin-top: 30px;
  float: left;
}

.asa-variant .description a, .asa-variant .description .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .asa-variant .description span, .asa-variant .description a:hover, .asa-variant .description .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:hover, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .asa-variant .description span:hover {
  font-size: inherit;
  margin-top: 15px;
  font-family: inherit;
}

.asa-variant .full-height {
  height: 100%;
}

.salesParsys ~ .asa-variant {
  float: left;
}

.page-image {
  position: relative;
  z-index: 1;
}

.page-image .asa-variant {
  margin-top: 15px;
}

@media only screen and (min-width: 1200px) {
  .page-image .asa-variant {
    margin-top: 0;
  }
}

.expandable-content-area .expandable-content.collapsed {
  display: none;
}

.expandable-content-area button {
  font-size: 13px;
  font-size: 1.3rem;
  display: block;
  width: auto;
  margin: 20px auto 0 auto;
  float: none;
}

@media only screen and (max-width: 767px) {
  .expandable-content-area button {
    width: 100%;
  }
}

.compare-bundles-vertical-wrap {
  padding: 45px 20px;
}

.compare-bundles-vertical-wrap .bundle-wrapper {
  background-color: #ffffff;
  padding: 0 15px 0 15px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .compare-bundles-vertical-wrap .bundle-wrapper {
    padding: 0 10px 0 10px;
  }
}

@media only screen and (max-width: 767px) {
  .compare-bundles-vertical-wrap .bundle-wrapper .eq-height {
    min-height: unset !important;
  }
}

@media only screen and (max-width: 767px) {
  .compare-bundles-vertical-wrap .bundle-wrapper.bundle2, .compare-bundles-vertical-wrap .bundle-wrapper.bundle3, .compare-bundles-vertical-wrap .bundle-wrapper.bundle4 {
    margin-top: 20px;
  }
}

.compare-bundles-vertical-wrap .bundle-wrapper span[class*="vm-icon"]:before {
  color: #ed0000;
  font-size: 42px;
  font-size: 4.2rem;
  margin-left: -0.1em;
}

.compare-bundles-vertical-wrap .bundle-wrapper .bundle-flash {
  margin: 0 -15px;
  padding: 3px 15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .compare-bundles-vertical-wrap .bundle-wrapper .bundle-flash {
    margin: 0 -10px;
  }
}

.compare-bundles-vertical-wrap .bundle-wrapper .bundle-flash:empty {
  display: none;
}

.compare-bundles-vertical-wrap .bundle-wrapper .bundle-icons-top {
  margin-bottom: 30px;
}

.compare-bundles-vertical-wrap .bundle-wrapper .bundle-icons-top span[class*="vm-icon"] {
  display: block;
  position: relative;
}

.compare-bundles-vertical-wrap .bundle-wrapper .bundle-icons-top span[class*="vm-icon"]:before {
  font-size: 33px;
  font-size: 3.3rem;
  position: absolute;
  top: 0;
  left: 0;
}

.compare-bundles-vertical-wrap .bundle-wrapper .bundle-icons-top span[class*="vm-icon"] p:first-of-type {
  font-family: "VM Circular Medium", sans-serif;
  font-size: 19px;
  font-size: 1.9rem;
  padding-top: 7px;
}

.compare-bundles-vertical-wrap .bundle-wrapper .bundle-icons-top span[class*="vm-icon"] p {
  font-family: "VM Circular Light", sans-serif;
  padding: 0 0 0 40px;
  margin: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .compare-bundles-vertical-wrap .bundle-wrapper .bundle-icons-top span[class*="vm-icon"] p {
    padding: 0 0 0 35px;
  }
}

.compare-bundles-vertical-wrap .bundle-wrapper .bundle-icons-top span[class*="vm-icon"] .expand-section a, .compare-bundles-vertical-wrap .bundle-wrapper .bundle-icons-top span[class*="vm-icon"] .expand-section .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .compare-bundles-vertical-wrap .bundle-wrapper .bundle-icons-top span[class*="vm-icon"] .expand-section span {
  text-decoration: none;
  padding-left: 40px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .compare-bundles-vertical-wrap .bundle-wrapper .bundle-icons-top span[class*="vm-icon"] .expand-section a, .compare-bundles-vertical-wrap .bundle-wrapper .bundle-icons-top span[class*="vm-icon"] .expand-section .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .compare-bundles-vertical-wrap .bundle-wrapper .bundle-icons-top span[class*="vm-icon"] .expand-section span {
    padding-left: 35px;
  }
}

.compare-bundles-vertical-wrap .bundle-wrapper .bundle-icons-top span[class*="vm-icon"] .expand-section [aria-expanded="false"] > .expanded,
.compare-bundles-vertical-wrap .bundle-wrapper .bundle-icons-top span[class*="vm-icon"] .expand-section [aria-expanded="true"] > .collapsed {
  display: none;
}

.compare-bundles-vertical-wrap .bundle-wrapper .bundle-icons-top span[class*="vm-icon"] .expand-section span {
  color: #B40A4B;
}

.compare-bundles-vertical-wrap .bundle-wrapper .bundle-icons-top span[class*="vm-icon"] .expand-section p {
  font-family: "VM Circular Light", sans-serif;
}

.compare-bundles-vertical-wrap .bundle-wrapper .cta-contain a > *, .compare-bundles-vertical-wrap .bundle-wrapper .cta-contain .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span > *, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .compare-bundles-vertical-wrap .bundle-wrapper .cta-contain span > * {
  margin: 0;
}

.compare-bundles-vertical-wrap .bundle-wrapper .cta-contain.bundle-top-cta a, .compare-bundles-vertical-wrap .bundle-wrapper .cta-contain.bundle-top-cta .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .compare-bundles-vertical-wrap .bundle-wrapper .cta-contain.bundle-top-cta span {
  margin-bottom: 5px;
}

.compare-bundles-vertical-wrap .bundle-wrapper .cta-contain a, .compare-bundles-vertical-wrap .bundle-wrapper .cta-contain .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .compare-bundles-vertical-wrap .bundle-wrapper .cta-contain span {
  float: left;
  font-weight: normal;
  width: 95%;
}

@media only screen and (max-width: 767px) {
  .compare-bundles-vertical-wrap .bundle-wrapper .cta-contain a, .compare-bundles-vertical-wrap .bundle-wrapper .cta-contain .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .compare-bundles-vertical-wrap .bundle-wrapper .cta-contain span {
    width: 100%;
  }
}

.compare-bundles-vertical-wrap .bundle-wrapper .service-desc {
  border-top: 1px solid #dbdbdb;
  padding: 20px 0;
}

.compare-bundles-vertical-wrap .bundle-wrapper .service-desc .postcode-alert {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20px;
  padding: 10px 15px;
  background-color: #fdebf4;
  margin-top: 15px;
}

.compare-bundles-vertical-wrap .bundle-wrapper .flash-sales-above-price ~ .price-area-bottom {
  border-top: none;
}

.compare-bundles-vertical-wrap .bundle-wrapper .price-area-bottom {
  border-top: 1px solid #dbdbdb;
  padding-top: 15px;
  padding-bottom: 30px;
  position: relative;
}

.compare-bundles-vertical-wrap .bundle-wrapper .price-area-bottom.vm-bg-purple, .compare-bundles-vertical-wrap .bundle-wrapper .price-area-bottom.vm-bg-pink, .compare-bundles-vertical-wrap .bundle-wrapper .price-area-bottom.vm-bg-grey2 {
  margin: 0 -15px -30px -15px;
  padding: 15px 15px 30px 15px;
  border-top: none;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .compare-bundles-vertical-wrap .bundle-wrapper .price-area-bottom.vm-bg-purple, .compare-bundles-vertical-wrap .bundle-wrapper .price-area-bottom.vm-bg-pink, .compare-bundles-vertical-wrap .bundle-wrapper .price-area-bottom.vm-bg-grey2 {
    margin: 0 -10px -30px -10px;
    padding: 10px 10px 30px 10px;
  }
}

@media only screen and (max-width: 767px) {
  .compare-bundles-vertical-wrap .bundle-wrapper .price-area-bottom .cta-contain.secondary {
    margin-top: 10px;
  }
}

.compare-bundles-vertical-wrap .bundle-wrapper .price-area-bottom.is-pricing-highlighted {
  margin: 0 -15px;
  padding-left: 15px;
  padding-right: 15px;
}

.compare-bundles-vertical-wrap .bundle-wrapper .price-area-bottom.is-pricing-highlighted .highlightLabelBox {
  top: 0;
  margin-top: 0;
}

.compare-bundles-vertical-wrap .bundle-wrapper .bundle-img {
  margin: 20px 0;
}

.compare-bundles-vertical-wrap .bundle-wrapper .channels-section {
  margin: 10px 0;
}

.compare-bundles-vertical-wrap .bundle-wrapper .channels-section h1, .compare-bundles-vertical-wrap .bundle-wrapper .channels-section h2, .compare-bundles-vertical-wrap .bundle-wrapper .channels-section h3, .compare-bundles-vertical-wrap .bundle-wrapper .channels-section .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina .compare-bundles-vertical-wrap .bundle-wrapper .channels-section .acc-panel-title, .compare-bundles-vertical-wrap .bundle-wrapper .channels-section h4, .compare-bundles-vertical-wrap .bundle-wrapper .channels-section h5, .compare-bundles-vertical-wrap .bundle-wrapper .channels-section h6, .compare-bundles-vertical-wrap .bundle-wrapper .channels-section p:last-of-type {
  margin: 0;
}

.compare-bundles-vertical-wrap .bundle-wrapper .channels-section .plus-section {
  margin-top: 15px;
}

.compare-bundles-vertical-wrap .bundle-wrapper .bundle-title {
  padding: 15px 0;
  margin-bottom: 15px;
  position: relative;
  display: flex;
  align-items: center;
}

.compare-bundles-vertical-wrap .bundle-wrapper .bundle-title.title-image-left img {
  margin-right: 10px;
  max-width: 30%;
}

.compare-bundles-vertical-wrap .bundle-wrapper .bundle-title.title-image-right {
  justify-content: space-between;
}

.compare-bundles-vertical-wrap .bundle-wrapper .bundle-title.title-image-right img {
  order: 1;
}

.compare-bundles-vertical-wrap .bundle-wrapper .bundle-title > h1, .compare-bundles-vertical-wrap .bundle-wrapper .bundle-title h2, .compare-bundles-vertical-wrap .bundle-wrapper .bundle-title h3, .compare-bundles-vertical-wrap .bundle-wrapper .bundle-title .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina .compare-bundles-vertical-wrap .bundle-wrapper .bundle-title .acc-panel-title, .compare-bundles-vertical-wrap .bundle-wrapper .bundle-title h4, .compare-bundles-vertical-wrap .bundle-wrapper .bundle-title h5, .compare-bundles-vertical-wrap .bundle-wrapper .bundle-title h6 {
  margin: 0;
}

.compare-bundles-vertical-wrap .bundle-wrapper .bundle-title[class^="vm-bg"] {
  margin: 0 -15px 15px;
  padding: 15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .compare-bundles-vertical-wrap .bundle-wrapper .bundle-title[class^="vm-bg"] {
    margin: 0 -10px 15px;
  }
}

.compare-bundles-vertical-wrap .bundle-wrapper .bundle-title:after {
  content: '';
  display: block;
  height: 8px;
  margin: 0px -15px;
  position: absolute;
  left: 0;
  bottom: 0;
  width: calc(100% + 30px);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .compare-bundles-vertical-wrap .bundle-wrapper .bundle-title:after {
    margin: 0px -10px;
    width: calc(100% + 20px);
  }
}

.compare-bundles-vertical-wrap .bundle-wrapper .bundle-subtitle img {
  margin: auto;
}

.compare-bundles-vertical-wrap .bundle-wrapper .highlightLabelBox {
  border-radius: 3px;
  position: absolute;
  top: auto;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin-top: -2px;
  padding: 5px 20px;
  line-height: 1;
  white-space: nowrap;
  font-family: "VM Circular Bold", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: -0.03em;
}

.compare-bundles-vertical-wrap .bundle-wrapper .vm-underline-orange.bundle-title:after {
  background: -owg-linear-gradient(left, #E4893A 0%, #D3701D 100%);
  background: -webkit-linear-gradient(left, #E4893A 0%, #D3701D 100%);
  background: -moz-linear-gradient(left, #E4893A 0%, #D3701D 100%);
  background: -o-linear-gradient(left, #E4893A 0%, #D3701D 100%);
  background: -ms-linear-gradient(left, #E4893A 0%, #D3701D 100%);
  -pie-background: -pie-linear-gradient(left, #E4893A 0%, #D3701D 100%);
  background: linear-gradient(left, #E4893A 0%, #D3701D 100%);
}

.compare-bundles-vertical-wrap .bundle-wrapper .vm-underline-pink.bundle-title:after {
  background: -owg-linear-gradient(left, #DA64A1 0%, #DB3C8E 100%);
  background: -webkit-linear-gradient(left, #DA64A1 0%, #DB3C8E 100%);
  background: -moz-linear-gradient(left, #DA64A1 0%, #DB3C8E 100%);
  background: -o-linear-gradient(left, #DA64A1 0%, #DB3C8E 100%);
  background: -ms-linear-gradient(left, #DA64A1 0%, #DB3C8E 100%);
  -pie-background: -pie-linear-gradient(left, #DA64A1 0%, #DB3C8E 100%);
  background: linear-gradient(left, #DA64A1 0%, #DB3C8E 100%);
}

.compare-bundles-vertical-wrap .bundle-wrapper .vm-underline-purple.bundle-title:after {
  background: -owg-linear-gradient(left, #A9207C 0%, #820D5C 100%);
  background: -webkit-linear-gradient(left, #A9207C 0%, #820D5C 100%);
  background: -moz-linear-gradient(left, #A9207C 0%, #820D5C 100%);
  background: -o-linear-gradient(left, #A9207C 0%, #820D5C 100%);
  background: -ms-linear-gradient(left, #A9207C 0%, #820D5C 100%);
  -pie-background: -pie-linear-gradient(left, #A9207C 0%, #820D5C 100%);
  background: linear-gradient(left, #A9207C 0%, #820D5C 100%);
}

.compare-bundles-vertical-wrap .bundle-wrapper .vm-underline-blue.bundle-title:after {
  background: -owg-linear-gradient(left, #5D2D6B 0%, #5D2D6B 100%);
  background: -webkit-linear-gradient(left, #5D2D6B 0%, #5D2D6B 100%);
  background: -moz-linear-gradient(left, #5D2D6B 0%, #5D2D6B 100%);
  background: -o-linear-gradient(left, #5D2D6B 0%, #5D2D6B 100%);
  background: -ms-linear-gradient(left, #5D2D6B 0%, #5D2D6B 100%);
  -pie-background: -pie-linear-gradient(left, #5D2D6B 0%, #5D2D6B 100%);
  background: linear-gradient(left, #5D2D6B 0%, #5D2D6B 100%);
}

.compare-bundles-vertical-wrap .bundle-wrapper .vm-bg-red-pink1 {
  background: -owg-radial-gradient(circle at top right, #FF009D 10%, #FE0000 55%);
  background: -webkit-radial-gradient(circle at top right, #FF009D 10%, #FE0000 55%);
  background: -moz-radial-gradient(circle at top right, #FF009D 10%, #FE0000 55%);
  background: -o-radial-gradient(circle at top right, #FF009D 10%, #FE0000 55%);
  background: -ms-radial-gradient(circle at top right, #FF009D 10%, #FE0000 55%);
  -pie-background: -pie-radial-gradient(circle at top right, #FF009D 10%, #FE0000 55%);
  background: radial-gradient(circle at top right, #FF009D 10%, #FE0000 55%);
}

.compare-bundles-vertical-wrap .bundle-wrapper .vm-bg-red-pink2 {
  background: -owg-radial-gradient(circle at top right, #FFA0E3 10%, #FE0000 55%);
  background: -webkit-radial-gradient(circle at top right, #FFA0E3 10%, #FE0000 55%);
  background: -moz-radial-gradient(circle at top right, #FFA0E3 10%, #FE0000 55%);
  background: -o-radial-gradient(circle at top right, #FFA0E3 10%, #FE0000 55%);
  background: -ms-radial-gradient(circle at top right, #FFA0E3 10%, #FE0000 55%);
  -pie-background: -pie-radial-gradient(circle at top right, #FFA0E3 10%, #FE0000 55%);
  background: radial-gradient(circle at top right, #FFA0E3 10%, #FE0000 55%);
}

.compare-bundles-vertical-wrap .bundle-wrapper .vm-bg-red-yellow {
  background: -owg-radial-gradient(circle at top right, #FFD200 10%, #FE0000 55%);
  background: -webkit-radial-gradient(circle at top right, #FFD200 10%, #FE0000 55%);
  background: -moz-radial-gradient(circle at top right, #FFD200 10%, #FE0000 55%);
  background: -o-radial-gradient(circle at top right, #FFD200 10%, #FE0000 55%);
  background: -ms-radial-gradient(circle at top right, #FFD200 10%, #FE0000 55%);
  -pie-background: -pie-radial-gradient(circle at top right, #FFD200 10%, #FE0000 55%);
  background: radial-gradient(circle at top right, #FFD200 10%, #FE0000 55%);
}

.compare-bundles-vertical-wrap .bundle-wrapper .vm-bg-red-mauve {
  background: -owg-radial-gradient(circle at top right, #8A44D8 10%, #FE0000 55%);
  background: -webkit-radial-gradient(circle at top right, #8A44D8 10%, #FE0000 55%);
  background: -moz-radial-gradient(circle at top right, #8A44D8 10%, #FE0000 55%);
  background: -o-radial-gradient(circle at top right, #8A44D8 10%, #FE0000 55%);
  background: -ms-radial-gradient(circle at top right, #8A44D8 10%, #FE0000 55%);
  -pie-background: -pie-radial-gradient(circle at top right, #8A44D8 10%, #FE0000 55%);
  background: radial-gradient(circle at top right, #8A44D8 10%, #FE0000 55%);
}

.compare-bundles-vertical-wrap .bundle-wrapper .vm-bg-dark-red {
  background: -owg-linear-gradient(left, #FE0000 0%, #8A0506 100%);
  background: -webkit-linear-gradient(left, #FE0000 0%, #8A0506 100%);
  background: -moz-linear-gradient(left, #FE0000 0%, #8A0506 100%);
  background: -o-linear-gradient(left, #FE0000 0%, #8A0506 100%);
  background: -ms-linear-gradient(left, #FE0000 0%, #8A0506 100%);
  -pie-background: -pie-linear-gradient(left, #FE0000 0%, #8A0506 100%);
  background: linear-gradient(left, #FE0000 0%, #8A0506 100%);
}

.compare-bundles-vertical-wrap .bundle-wrapper .vm-bg-black {
  background-color: #000000;
}

@media only screen and (max-width: 767px) {
  .custom-owl-tab {
    padding-left: 0;
    padding-right: 0;
    margin: 0;
  }
}

.compare-products .clearfix.col-md-3 {
  padding: 0;
}

.compare-products .owl-carousel.row {
  margin: 0;
}

.compare-products .owl-carousel .owl-item img {
  display: inherit;
  width: auto;
}

.compare-products .owl-carousel .owl-item .compare-product-item {
  margin-top: 10px;
}

.compare-products .nav-cont {
  position: absolute;
  bottom: 22px;
  z-index: 99;
  left: 50%;
  transform: translateX(-50%);
  padding-left: 40px;
  padding-right: 40px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .compare-products .nav-cont {
    bottom: 8px;
    padding-left: 34px;
    padding-right: 34px;
  }
}

@media only screen and (max-width: 767px) {
  .compare-products .nav-cont {
    bottom: 3px;
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media only screen and (max-width: 480px) {
  .compare-products .nav-cont {
    position: relative;
    bottom: auto;
    margin-top: 22px;
    margin-bottom: 22px;
    left: auto;
    transform: none;
    width: 100%;
    text-align: center;
  }
}

.compare-products .nav-cont .owl-dots {
  height: 23px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-left: 25px;
  margin-right: 25px;
}

.compare-products .nav-cont .owl-dots .owl-dot {
  height: 13px;
  width: 13px;
  border-radius: 13px;
  border: 2px solid;
  margin-left: 5px;
  margin-right: 5px;
  display: block;
  cursor: pointer;
}

.compare-products .nav-cont .owl-prev, .compare-products .nav-cont .owl-next {
  color: inherit;
  cursor: pointer;
}

.compare-products .nav-cont .owl-prev i, .compare-products .nav-cont .owl-next i {
  font-size: 23px;
  font-size: 2.3rem;
  display: block;
}

.compare-products .nav-cont .owl-prev.disabled {
  cursor: not-allowed;
  opacity: .3;
}

.compare-products .nav-cont .owl-next.disabled {
  cursor: not-allowed;
  opacity: .3;
}

.compare-products .row.publish .hide-item {
  display: none;
}

.compare-products .row .compare-product-item {
  padding: 0 15px;
  font-family: "VM Circular Book", sans-serif;
  margin-bottom: 2px;
}

.compare-products .row .compare-product-item .bundle-wrapper .box {
  background-color: #ffffff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}

.compare-products .row .compare-product-item .bundle-wrapper .box .bundle-flash {
  margin: 0 -15px;
  padding: 3px 15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .compare-products .row .compare-product-item .bundle-wrapper .box .bundle-flash {
    margin: 0 -10px;
  }
}

.compare-products .row .compare-product-item .bundle-wrapper .box .bundle-flash:empty {
  display: none;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .bundle-icons-top {
  margin-bottom: 30px;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .bundle-icons-top span[class*="vm-icon"] {
  display: block;
  position: relative;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .bundle-icons-top span[class*="vm-icon"]:before {
  font-size: 33px;
  font-size: 3.3rem;
  position: absolute;
  top: 0;
  left: 0;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .bundle-icons-top span[class*="vm-icon"] p:first-of-type {
  font-family: "VM Circular Book", sans-serif;
  font-size: 19px;
  font-size: 1.9rem;
  padding-top: 7px;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .bundle-icons-top span[class*="vm-icon"] p {
  font-family: "VM Circular Book", sans-serif;
  padding: 0 0 0 40px;
  margin: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .compare-products .row .compare-product-item .bundle-wrapper .box .bundle-icons-top span[class*="vm-icon"] p {
    padding: 0 0 0 35px;
  }
}

.compare-products .row .compare-product-item .bundle-wrapper .box .bundle-icons-top span[class*="vm-icon"] .expand-section a, .compare-products .row .compare-product-item .bundle-wrapper .box .bundle-icons-top span[class*="vm-icon"] .expand-section .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .compare-products .row .compare-product-item .bundle-wrapper .box .bundle-icons-top span[class*="vm-icon"] .expand-section span {
  text-decoration: none;
  padding-left: 40px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .compare-products .row .compare-product-item .bundle-wrapper .box .bundle-icons-top span[class*="vm-icon"] .expand-section a, .compare-products .row .compare-product-item .bundle-wrapper .box .bundle-icons-top span[class*="vm-icon"] .expand-section .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .compare-products .row .compare-product-item .bundle-wrapper .box .bundle-icons-top span[class*="vm-icon"] .expand-section span {
    padding-left: 35px;
  }
}

.compare-products .row .compare-product-item .bundle-wrapper .box .bundle-icons-top span[class*="vm-icon"] .expand-section [aria-expanded="false"] > .expanded,
.compare-products .row .compare-product-item .bundle-wrapper .box .bundle-icons-top span[class*="vm-icon"] .expand-section [aria-expanded="true"] > .collapsed {
  display: none;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .bundle-icons-top span[class*="vm-icon"] .expand-section span {
  color: #B40A4B;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .bundle-icons-top span[class*="vm-icon"] .expand-section p {
  font-family: "VM Circular Book", sans-serif;
  color: #333;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .cta-contain a > *, .compare-products .row .compare-product-item .bundle-wrapper .box .cta-contain .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span > *, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .compare-products .row .compare-product-item .bundle-wrapper .box .cta-contain span > * {
  margin: 0;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .cta-contain.bundle-top-cta a, .compare-products .row .compare-product-item .bundle-wrapper .box .cta-contain.bundle-top-cta .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .compare-products .row .compare-product-item .bundle-wrapper .box .cta-contain.bundle-top-cta span {
  margin-bottom: 5px;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .cta-contain a, .compare-products .row .compare-product-item .bundle-wrapper .box .cta-contain .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .compare-products .row .compare-product-item .bundle-wrapper .box .cta-contain span {
  float: left;
  font-weight: normal;
  width: 95%;
}

@media only screen and (max-width: 767px) {
  .compare-products .row .compare-product-item .bundle-wrapper .box .cta-contain a, .compare-products .row .compare-product-item .bundle-wrapper .box .cta-contain .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .compare-products .row .compare-product-item .bundle-wrapper .box .cta-contain span {
    width: 100%;
  }
}

.compare-products .row .compare-product-item .bundle-wrapper .box .service-desc {
  border-top: 1px solid #dbdbdb;
  padding: 20px 0;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .service-desc .postcode-alert {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20px;
  padding: 10px 15px;
  background-color: #fdebf4;
  margin-top: 15px;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .price-area-bottom {
  border-top: 1px solid #dbdbdb;
  padding-top: 15px;
  padding-bottom: 30px;
  position: relative;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .price-area-bottom.vm-bg-purple, .compare-products .row .compare-product-item .bundle-wrapper .box .price-area-bottom.vm-bg-pink, .compare-products .row .compare-product-item .bundle-wrapper .box .price-area-bottom.vm-bg-grey2 {
  margin: 0 -15px -30px -15px;
  padding: 15px 15px 30px 15px;
  border-top: none;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .compare-products .row .compare-product-item .bundle-wrapper .box .price-area-bottom.vm-bg-purple, .compare-products .row .compare-product-item .bundle-wrapper .box .price-area-bottom.vm-bg-pink, .compare-products .row .compare-product-item .bundle-wrapper .box .price-area-bottom.vm-bg-grey2 {
    margin: 0 -10px -30px -10px;
    padding: 10px 10px 30px 10px;
  }
}

@media only screen and (max-width: 767px) {
  .compare-products .row .compare-product-item .bundle-wrapper .box .price-area-bottom .cta-contain.secondary {
    margin-top: 10px;
  }
}

.compare-products .row .compare-product-item .bundle-wrapper .box .price-area-bottom.is-pricing-highlighted {
  margin: 0 -15px;
  padding-left: 15px;
  padding-right: 15px;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .price-area-bottom.is-pricing-highlighted .highlightLabelBox {
  top: 0;
  margin-top: 0;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .bundle-img {
  margin: 20px 0;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .channels-section {
  margin: 10px 0;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .channels-section h1, .compare-products .row .compare-product-item .bundle-wrapper .box .channels-section h2, .compare-products .row .compare-product-item .bundle-wrapper .box .channels-section h3, .compare-products .row .compare-product-item .bundle-wrapper .box .channels-section .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina .compare-products .row .compare-product-item .bundle-wrapper .box .channels-section .acc-panel-title, .compare-products .row .compare-product-item .bundle-wrapper .box .channels-section h4, .compare-products .row .compare-product-item .bundle-wrapper .box .channels-section h5, .compare-products .row .compare-product-item .bundle-wrapper .box .channels-section h6, .compare-products .row .compare-product-item .bundle-wrapper .box .channels-section p:last-of-type {
  margin: 0;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .channels-section .plus-section {
  margin-top: 15px;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .bundle-title {
  padding: 15px 0;
  margin-bottom: 15px;
  position: relative;
  display: flex;
  align-items: center;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .bundle-title.title-image-left img {
  margin-right: 10px;
  max-width: 30%;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .bundle-title.title-image-right {
  justify-content: space-between;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .bundle-title.title-image-right img {
  order: 1;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .bundle-title > h1, .compare-products .row .compare-product-item .bundle-wrapper .box .bundle-title h2, .compare-products .row .compare-product-item .bundle-wrapper .box .bundle-title h3, .compare-products .row .compare-product-item .bundle-wrapper .box .bundle-title .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina .compare-products .row .compare-product-item .bundle-wrapper .box .bundle-title .acc-panel-title, .compare-products .row .compare-product-item .bundle-wrapper .box .bundle-title h4, .compare-products .row .compare-product-item .bundle-wrapper .box .bundle-title h5, .compare-products .row .compare-product-item .bundle-wrapper .box .bundle-title h6 {
  margin: 0;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .bundle-title[class^="vm-bg"] {
  margin: 0 -15px 15px;
  padding: 15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .compare-products .row .compare-product-item .bundle-wrapper .box .bundle-title[class^="vm-bg"] {
    margin: 0 -10px 15px;
  }
}

.compare-products .row .compare-product-item .bundle-wrapper .box .bundle-title:after {
  content: '';
  display: block;
  height: 8px;
  margin: 0px -15px;
  position: absolute;
  left: 0;
  bottom: 0;
  width: calc(100% + 30px);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .compare-products .row .compare-product-item .bundle-wrapper .box .bundle-title:after {
    margin: 0px -10px;
    width: calc(100% + 20px);
  }
}

.compare-products .row .compare-product-item .bundle-wrapper .box .bundle-subtitle img {
  margin: auto;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .header {
  overflow: hidden;
  position: relative;
  padding: 10px;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .header .header-title-text p, .compare-products .row .compare-product-item .bundle-wrapper .box .header .header-title-text small {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .compare-products .row .compare-product-item .bundle-wrapper .box .header .header-title-text p, .compare-products .row .compare-product-item .bundle-wrapper .box .header .header-title-text small {
    font-size: inherit;
  }
}

.compare-products .row .compare-product-item .bundle-wrapper .box .header .compare-product-overlay {
  position: absolute;
  overflow: hidden;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  z-index: 0;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .header .compare-product-overlay p {
  margin: 0;
  font-size: inherit;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .header .compare-product-overlay small {
  margin: 0;
  font-size: inherit;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .header .compare-product-overlay.overlay-left-align {
  padding: 0 26px 0 5px;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

@media only screen and (max-width: 767px) {
  .compare-products .row .compare-product-item .bundle-wrapper .box .header .compare-product-overlay.overlay-left-align {
    padding: 0 17px 0 5px;
  }
}

.compare-products .row .compare-product-item .bundle-wrapper .box .header .compare-product-overlay.overlay-left-align .compare-product-overlay-bg {
  position: absolute;
  top: 0;
  right: 10px;
  z-index: -1;
  height: 100%;
  width: 100%;
  transform: skew(-12.8deg);
}

.compare-products .row .compare-product-item .bundle-wrapper .box .header .compare-product-overlay.overlay-right-align {
  padding: 0 5px 0 16px;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .compare-products .row .compare-product-item .bundle-wrapper .box .header .compare-product-overlay.overlay-right-align {
    padding: 0 65px 0 26px;
  }
}

.compare-products .row .compare-product-item .bundle-wrapper .box .header .compare-product-overlay.overlay-right-align .compare-product-overlay-bg {
  position: absolute;
  top: 0;
  left: 10px;
  z-index: -1;
  height: 100%;
  width: 104%;
  transform: skew(12.8deg);
}

.compare-products .row .compare-product-item .bundle-wrapper .box .header.visible-xs {
  cursor: pointer;
}

@media only screen and (max-width: 991px) {
  .compare-products .row .compare-product-item .bundle-wrapper .box .header .fa {
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
  }
  .compare-products .row .compare-product-item .bundle-wrapper .box .header .fa-chevron-down {
    display: block;
  }
  .compare-products .row .compare-product-item .bundle-wrapper .box .header .fa-chevron-up {
    display: none;
  }
  .compare-products .row .compare-product-item .bundle-wrapper .box .header.openned .fa-chevron-down {
    display: none;
  }
  .compare-products .row .compare-product-item .bundle-wrapper .box .header.openned .fa-chevron-up {
    display: block;
  }
}

.compare-products .row .compare-product-item .bundle-wrapper .box .bundle-body.collapse {
  display: block;
  visibility: visible;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .bundle-body.collapse .flip-box {
  overflow: hidden;
  position: relative;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .bundle-body.collapse .flip-box .highlight-body {
  margin-bottom: 0;
  position: absolute;
  z-index: 999;
  background: #ffffff;
  bottom: 0;
  right: 0;
  left: 0px;
  top: 0;
  margin-left: 0;
  padding: 30px 10px;
  border: 1px solid #ccc;
  transition: all .1s ease;
  border-bottom: 0;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .bundle-body.collapse .flip-box .highlight-body .back-btn {
  display: block;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #333;
  position: absolute;
  bottom: 10px;
  left: 37%;
  border: none;
  background: transparent;
}

@media only screen and (max-width: 991px) {
  .compare-products .row .compare-product-item .bundle-wrapper .box .bundle-body.collapse {
    display: none;
    visibility: hidden;
  }
  .compare-products .row .compare-product-item .bundle-wrapper .box .bundle-body.collapse.in {
    display: block;
    visibility: visible;
  }
}

@media only screen and (max-width: 767px) {
  .compare-products .row .compare-product-item .bundle-wrapper .box .bundle-body.collapse.carousel {
    display: block;
    visibility: visible;
  }
}

.compare-products .row .compare-product-item .bundle-wrapper .box .bundle-body .product-details-wrapper {
  height: 100%;
  position: relative;
  font-size: 16px;
  font-size: 1.6rem;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .bundle-body .product-details-wrapper > div {
  padding: 15px;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .bundle-body .product-details-wrapper > div h1, .compare-products .row .compare-product-item .bundle-wrapper .box .bundle-body .product-details-wrapper > div h2, .compare-products .row .compare-product-item .bundle-wrapper .box .bundle-body .product-details-wrapper > div h3, .compare-products .row .compare-product-item .bundle-wrapper .box .bundle-body .product-details-wrapper > div .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina .compare-products .row .compare-product-item .bundle-wrapper .box .bundle-body .product-details-wrapper > div .acc-panel-title, .compare-products .row .compare-product-item .bundle-wrapper .box .bundle-body .product-details-wrapper > div h4, .compare-products .row .compare-product-item .bundle-wrapper .box .bundle-body .product-details-wrapper > div h5, .compare-products .row .compare-product-item .bundle-wrapper .box .bundle-body .product-details-wrapper > div h6 {
  text-align: center;
  margin: 0 auto;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .bundle-body .product-details-wrapper > div .back-btn {
  display: block;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #333;
  position: absolute;
  bottom: 10px;
  left: 37%;
  border: none;
  background: transparent;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .bundle-body .product-details-wrapper > div .tile-image img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .bundle-body .flip-box-top {
  top: 0;
  position: relative;
  transition: all 0.5s ease;
  height: 100%;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .pricing-details {
  text-align: center;
  padding: 0 10px 20px 10px;
  overflow: hidden;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .pricing-details p {
  margin: 0;
  line-height: 1;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .product-section-wrapper {
  overflow: hidden;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .product-section-wrapper .icons-set {
  text-align: center;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .product-section-wrapper .icons-set .top-border {
  border-top: 1px solid #ccc;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .product-section-wrapper .icons-set .bottom-border {
  border-bottom: 1px solid #ccc;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .product-section-wrapper .icons-set .top-icons {
  overflow: hidden;
}

@media only screen and (max-width: 991px) {
  .compare-products .row .compare-product-item .bundle-wrapper .box .product-section-wrapper .icons-set .top-icons {
    display: -webkit-flex;
    display: flex;
  }
  .compare-products .row .compare-product-item .bundle-wrapper .box .product-section-wrapper .icons-set .top-icons .tile {
    -webkit-flex-grow: 1;
    flex-grow: 1;
  }
}

.compare-products .row .compare-product-item .bundle-wrapper .box .product-section-wrapper .icons-set .top-icons .tile {
  padding: 10px;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .product-section-wrapper .icons-set .top-icons .tile:last-child {
  border-left: 1px solid #ccc;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .product-section-wrapper .icons-set .top-icons .tile:hover {
  background: #f5f5f5;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .product-section-wrapper .icons-set .top-icons .tile img {
  width: 60px;
  height: auto;
  display: inline;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .product-section-wrapper .icons-set .bottom-icons {
  overflow: hidden;
}

@media only screen and (max-width: 991px) {
  .compare-products .row .compare-product-item .bundle-wrapper .box .product-section-wrapper .icons-set .bottom-icons {
    display: -webkit-flex;
    display: flex;
  }
  .compare-products .row .compare-product-item .bundle-wrapper .box .product-section-wrapper .icons-set .bottom-icons .tile {
    -webkit-flex-grow: 1;
    flex-grow: 1;
  }
}

.compare-products .row .compare-product-item .bundle-wrapper .box .product-section-wrapper .icons-set .bottom-icons .bottom-tiles {
  padding: 10px;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .product-section-wrapper .icons-set .bottom-icons .bottom-tiles:hover {
  background: #f5f5f5;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .product-section-wrapper .icons-set .bottom-icons .bottom-tiles img {
  width: 44px;
  display: inline;
  margin-bottom: 7px;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .product-section-wrapper .icons-set .bottom-icons .bottom-tiles .bottom-txt {
  line-height: 16px;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .product-section-wrapper .icons-set .tile {
  cursor: pointer;
  font-family: "VM Circular Book", sans-serif;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .product-section-wrapper .icons-set .tile p {
  font-family: "VM Circular Book", sans-serif;
  margin-bottom: 0;
  font-size: 14px;
  font-size: 1.4rem;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .product-section-wrapper .icons-set .tile .bottom-txt p {
  font-size: 12px;
  font-size: 1.2rem;
  padding: 0 6px;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .product-section-wrapper .icons-set .left-border {
  border-left: 1px solid #ccc;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .product-section-wrapper .icons-set .bottom-section {
  padding-top: 10px;
  overflow: hidden;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .product-section-wrapper .icons-set .bottom-section .number-txt {
  font-size: 40px;
  font-size: 4rem;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .compare-products .row .compare-product-item .bundle-wrapper .box .product-section-wrapper .icons-set .bottom-section .number-txt {
    font-size: 30px;
    font-size: 3rem;
  }
}

.compare-products .row .compare-product-item .bundle-wrapper .box .product-section-wrapper .icons-set .bottom-section .bottom-txt {
  font-size: 14px;
  font-size: 1.4rem;
  padding-top: 10px;
  line-height: 16px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .compare-products .row .compare-product-item .bundle-wrapper .box .product-section-wrapper .icons-set .bottom-section .bottom-txt {
    font-size: 13px;
    font-size: 1.3rem;
  }
}

.compare-products .row .compare-product-item .bundle-wrapper .box .highlight-section {
  padding: 0px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .highlight-section.no-bottom-border {
  border-bottom: 0;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .highlight-section a.highlight-anchor, .compare-products .row .compare-product-item .bundle-wrapper .box .highlight-section .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span.highlight-anchor, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .compare-products .row .compare-product-item .bundle-wrapper .box .highlight-section span.highlight-anchor, .compare-products .row .compare-product-item .bundle-wrapper .box .highlight-section a.highlight-anchor:hover, .compare-products .row .compare-product-item .bundle-wrapper .box .highlight-section .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span.highlight-anchor:hover, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .compare-products .row .compare-product-item .bundle-wrapper .box .highlight-section span.highlight-anchor:hover, .compare-products .row .compare-product-item .bundle-wrapper .box .highlight-section a.highlight-anchor:active, .compare-products .row .compare-product-item .bundle-wrapper .box .highlight-section .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span.highlight-anchor:active, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .compare-products .row .compare-product-item .bundle-wrapper .box .highlight-section span.highlight-anchor:active {
  display: block;
  padding: 10px;
  align-items: center;
  text-decoration: none;
  color: #333;
  position: relative;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .highlight-section a.highlight-anchor img, .compare-products .row .compare-product-item .bundle-wrapper .box .highlight-section .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span.highlight-anchor img, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .compare-products .row .compare-product-item .bundle-wrapper .box .highlight-section span.highlight-anchor img {
  max-width: 30px;
  vertical-align: sub;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .highlight-section a.highlight-anchor .fa, .compare-products .row .compare-product-item .bundle-wrapper .box .highlight-section .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span.highlight-anchor .fa, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .compare-products .row .compare-product-item .bundle-wrapper .box .highlight-section span.highlight-anchor .fa {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}

.compare-products .row .compare-product-item .bundle-wrapper .box .highlight-section a.highlight-anchor .fa-plus, .compare-products .row .compare-product-item .bundle-wrapper .box .highlight-section .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span.highlight-anchor .fa-plus, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .compare-products .row .compare-product-item .bundle-wrapper .box .highlight-section span.highlight-anchor .fa-plus {
  display: none;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .highlight-section a.highlight-anchor .fa-minus, .compare-products .row .compare-product-item .bundle-wrapper .box .highlight-section .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span.highlight-anchor .fa-minus, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .compare-products .row .compare-product-item .bundle-wrapper .box .highlight-section span.highlight-anchor .fa-minus {
  display: inline;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .highlight-section a.highlight-anchor.collapsed .fa-plus, .compare-products .row .compare-product-item .bundle-wrapper .box .highlight-section .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span.highlight-anchor.collapsed .fa-plus, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .compare-products .row .compare-product-item .bundle-wrapper .box .highlight-section span.highlight-anchor.collapsed .fa-plus {
  display: inline;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .highlight-section a.highlight-anchor.collapsed .fa-minus, .compare-products .row .compare-product-item .bundle-wrapper .box .highlight-section .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span.highlight-anchor.collapsed .fa-minus, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .compare-products .row .compare-product-item .bundle-wrapper .box .highlight-section span.highlight-anchor.collapsed .fa-minus {
  display: none;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .footer {
  padding: 0px 20px;
  overflow: hidden;
}

.compare-products .row .compare-product-item .bundle-wrapper .box .footer .btn {
  margin-bottom: 10px;
  width: 100%;
}

.compare-products .row .compare-product-item .flash-sale {
  display: grid;
  align-content: end;
}

.compare-products .row .compare-product-item .flash-sale > div {
  text-align: center;
}

.compare-products .row .compare-product-item .flash-sale > div:last-child {
  margin-top: 5px;
}

.compare-products .row .compare-product-item .flash-sale p {
  margin-bottom: 0;
}

.compare-products .row .compare-product-item .flash-sale.mobile {
  display: none;
}

@media only screen and (max-width: 991px) {
  .compare-products .row .compare-product-item .flash-sale.mobile {
    display: block;
  }
}

.compare-products .row .compare-product-item .flash-sale.aboveHeader {
  overflow: auto;
}

@media only screen and (max-width: 991px) {
  .compare-products .row .compare-product-item .flash-sale.aboveHeader {
    display: none;
  }
}

.component.generic-sticky-component {
  margin-bottom: 0;
}

.generic-sticky-wrapper.publish-mode {
  display: none;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 9999;
}

.generic-sticky-wrapper .shadow-border {
  box-shadow: 0 -3px 6px 0 rgba(0, 0, 0, 0.45);
}

.generic-sticky-wrapper .generic-sticky-wrapper-inner {
  position: relative;
}

.generic-sticky-wrapper .content-wrap {
  display: table;
  min-height: 105px;
}

.generic-sticky-wrapper .content-wrap .copy-wrap {
  display: table-cell;
  padding: 5px 0 5px 20px;
}

.generic-sticky-wrapper .content-wrap .copy-wrap h1, .generic-sticky-wrapper .content-wrap .copy-wrap h2, .generic-sticky-wrapper .content-wrap .copy-wrap h3, .generic-sticky-wrapper .content-wrap .copy-wrap .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina .generic-sticky-wrapper .content-wrap .copy-wrap .acc-panel-title, .generic-sticky-wrapper .content-wrap .copy-wrap h4, .generic-sticky-wrapper .content-wrap .copy-wrap h5, .generic-sticky-wrapper .content-wrap .copy-wrap h6, .generic-sticky-wrapper .content-wrap .copy-wrap p {
  margin: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .generic-sticky-wrapper .content-wrap .copy-wrap {
    padding: 5px 0 5px 15px;
  }
}

@media only screen and (max-width: 767px) {
  .generic-sticky-wrapper .content-wrap .copy-wrap {
    display: block;
    padding: 5px 0 5px 0;
  }
}

.generic-sticky-wrapper .content-wrap .image-wrap {
  display: table-cell;
  vertical-align: bottom;
}

.generic-sticky-wrapper .content-wrap .image-wrap img {
  max-height: 134px;
  margin-top: -24px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .generic-sticky-wrapper .content-wrap .image-wrap img {
    max-height: 110px;
  }
}

@media only screen and (max-width: 767px) {
  .generic-sticky-wrapper .content-wrap .image-wrap {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .generic-sticky-wrapper .content-wrap {
    max-width: calc(100% - 250px);
  }
}

@media only screen and (max-width: 767px) {
  .generic-sticky-wrapper .content-wrap {
    display: block;
    text-align: center;
    min-height: auto;
  }
}

.generic-sticky-wrapper .cta {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.generic-sticky-wrapper .cta a, .generic-sticky-wrapper .cta .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .generic-sticky-wrapper .cta span {
  font-family: "VM Circular Book";
  min-width: 260px;
  margin: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .generic-sticky-wrapper .cta a, .generic-sticky-wrapper .cta .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .generic-sticky-wrapper .cta span {
    min-width: 220px;
  }
}

@media only screen and (max-width: 767px) {
  .generic-sticky-wrapper .cta a, .generic-sticky-wrapper .cta .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .generic-sticky-wrapper .cta span {
    float: none;
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .generic-sticky-wrapper .cta {
    position: static;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    margin-bottom: 10px;
  }
}

.bg-search-modal {
  background: #322332;
  opacity: .88;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 9992;
}

.page-takeover-gap.search-modal-visible {
  position: relative;
}

.page-takeover-gap.search-modal-visible .snippetRenderer {
  overflow: visible;
}

.help-search-wrapper {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.help-search-wrapper .container-fluid {
  display: table;
  width: 100%;
}

.help-search-wrapper .container-fluid .search-form {
  display: table-cell;
  vertical-align: middle;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .help-search-wrapper .container-fluid {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .help-search-wrapper .container-fluid {
    width: 100%;
  }
}

.help-search-wrapper .help-search-title {
  font-size: 50px;
  font-size: 5rem;
  line-height: 55px;
  color: #ffffff;
  display: block;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .help-search-wrapper .help-search-title {
    font-size: 40px;
    font-size: 4rem;
    line-height: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .help-search-wrapper .help-search-title {
    font-size: 35px;
    font-size: 3.5rem;
    line-height: 40px;
  }
}

.help-search-wrapper .click-inside {
  margin-bottom: 15px;
}

.help-search-wrapper .input-group {
  margin-top: 22px;
  display: block;
  position: relative;
  box-shadow: 0 2px 15px 1px rgba(0, 0, 0, 0.23);
  background: #ffffff;
  z-index: 9993;
}

.help-search-wrapper .input-group.no-z-index {
  z-index: 0;
}

.help-search-wrapper .input-group .input-group-btn {
  white-space: normal;
  position: absolute;
  width: 69px;
  height: 60px;
  top: 0;
  right: 0;
  z-index: 9;
}

.help-search-wrapper .input-group .helpSearchField {
  border: 0;
  background: none;
  border-radius: 4px;
  color: #322332;
  height: 62px;
  line-height: 1.18;
  padding-left: 26px;
  padding-right: 92px;
  font-family: "VM Circular Book", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  float: none;
  width: 100%;
  position: relative;
  z-index: 2;
}

.help-search-wrapper .input-group .helpSearchField:focus {
  outline: 1px #000 dotted !important;
  outline: -webkit-focus-ring-color auto 5px !important;
}

.help-search-wrapper .input-group .helpSearchField::-ms-clear {
  display: none;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .help-search-wrapper .input-group .helpSearchField {
    padding-left: 17px;
  }
}

@media only screen and (max-width: 767px) {
  .help-search-wrapper .input-group .helpSearchField {
    padding-left: 17px;
  }
}

.help-search-wrapper .input-group label {
  position: absolute;
  top: 17px;
  left: 26px;
  right: 80px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  z-index: 1;
  font-family: "VM Circular Light", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  color: #322332;
  opacity: 0.49;
}

@media only screen and (max-width: 767px) {
  .help-search-wrapper .input-group label {
    left: 17px;
    top: 19px;
  }
}

@media only screen and (max-width: 767px) {
  .help-search-wrapper .input-group label {
    left: 17px;
    top: 19px;
  }
}

.help-search-wrapper .input-group .btn-search {
  width: 69px;
  height: 62px;
  background: #efefef;
  border: none;
  padding: 0;
  border-radius: 0 4px 4px 0;
}

.help-search-wrapper .input-group .btn-search:focus {
  outline: 1px #000 dotted !important;
  outline: -webkit-focus-ring-color auto 5px !important;
}

.help-search-wrapper .input-group .btn-search .search-button {
  color: #ed0000;
  font-size: 28px;
  font-size: 2.8rem;
}

.help-search-wrapper .clear-search {
  font-size: 18px;
  font-size: 1.8rem;
  display: none;
  position: absolute;
  left: -22px;
  top: 22px;
  z-index: 2;
  cursor: pointer;
  color: #888;
  background: none;
  border: none;
  padding: 0;
}

.help-search-wrapper .search-suggestions {
  position: absolute;
  left: 15px;
  right: 15px;
  z-index: 9993;
}

.help-search-wrapper .search-suggestions.no-z-index {
  z-index: 0;
}

.help-search-wrapper .search-suggestions .search-sugestion-wrapper {
  background: #ffffff;
  width: 100%;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.13);
  border-radius: 4px;
  position: relative;
  z-index: 9;
  padding: 14px 22px;
}

.help-search-wrapper .search-suggestions .search-sugestion-wrapper p {
  font-family: "VM Circular Book", sans-serif;
  font-size: 20px;
  font-size: 2rem;
  line-height: 25px;
  color: #333;
  margin-bottom: 0;
}

.help-search-wrapper .search-suggestions .search-sugestion-wrapper ul {
  list-style: none;
  padding-left: 0;
  padding-top: 5px;
  margin-bottom: 0;
}

.help-search-wrapper .search-suggestions .search-sugestion-wrapper ul.border-bottom {
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 9px;
  margin-bottom: 15px;
}

.help-search-wrapper .search-suggestions .search-sugestion-wrapper ul li {
  margin-bottom: 8px;
}

.help-search-wrapper .search-suggestions .search-sugestion-wrapper ul li i {
  font-size: 19px;
  font-size: 1.9rem;
  color: #ed0000;
  margin-right: 8px;
}

.help-search-wrapper .search-suggestions .search-sugestion-wrapper ul li a, .help-search-wrapper .search-suggestions .search-sugestion-wrapper ul li .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .help-search-wrapper .search-suggestions .search-sugestion-wrapper ul li span {
  font-family: "VM Circular Book", sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: normal;
  color: #ed0000;
  cursor: pointer;
}

.help-search-wrapper .search-suggestions .search-sugestion-wrapper ul li a b, .help-search-wrapper .search-suggestions .search-sugestion-wrapper ul li .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span b, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .help-search-wrapper .search-suggestions .search-sugestion-wrapper ul li span b {
  font-weight: 200;
}

.help-search-wrapper.big-search-banner {
  min-height: 322px;
}

.help-search-wrapper.big-search-banner .container-fluid .search-form {
  height: 322px;
}

@media only screen and (max-width: 767px) {
  .help-search-wrapper.big-search-banner .container-fluid .search-form {
    height: auto;
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .help-search-wrapper.big-search-banner {
    min-height: 200px;
    padding-top: 15px;
    padding-bottom: 10px;
  }
}

.help-search-wrapper.narrow-search-banner {
  min-height: 125px;
}

.help-search-wrapper.narrow-search-banner .flex-container {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  padding-left: 15px;
  padding-right: 15px;
}

@media only screen and (max-width: 767px) {
  .help-search-wrapper.narrow-search-banner .flex-container {
    display: block;
  }
}

.help-search-wrapper.narrow-search-banner .flex-container .flex-item {
  margin-right: 50px;
  white-space: nowrap;
}

@media only screen and (max-width: 767px) {
  .help-search-wrapper.narrow-search-banner .flex-container .flex-item {
    white-space: normal;
    margin-right: 0;
  }
}

.help-search-wrapper.narrow-search-banner .flex-container .flex-item-full {
  width: 100%;
  position: relative;
  flex: 1;
}

.help-search-wrapper.narrow-search-banner .flex-container .flex-item-full .search-suggestions {
  left: 0;
  right: 0;
}

.help-search-wrapper.narrow-search-banner .container-fluid .search-form {
  height: 125px;
}

@media only screen and (max-width: 767px) {
  .help-search-wrapper.narrow-search-banner .container-fluid .search-form {
    height: auto;
  }
}

@media only screen and (max-width: 767px) {
  .help-search-wrapper.narrow-search-banner {
    min-height: auto;
    padding-top: 17px;
    padding-bottom: 19px;
  }
}

.help-search-wrapper.narrow-search-banner .help-search-title {
  font-size: 30px;
  font-size: 3rem;
  line-height: 35px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .help-search-wrapper.narrow-search-banner .help-search-title {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 28px;
  }
}

@media only screen and (max-width: 767px) {
  .help-search-wrapper.narrow-search-banner .help-search-title {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 23px;
    text-align: left;
  }
}

.help-search-wrapper.narrow-search-banner .input-group {
  margin-top: 0;
}

.help-search-wrapper.narrow-search-banner .click-inside {
  margin-bottom: 0;
}

.help-search-wrapper.narrow-search-banner .align-middle {
  min-height: 62px;
  height: 62px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  -ms-flex-pack: center;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .help-search-wrapper.narrow-search-banner .align-middle {
    justify-content: flex-end;
    padding: 0;
  }
}

@media only screen and (max-width: 767px) {
  .help-search-wrapper.narrow-search-banner .align-middle {
    justify-content: flex-start;
    min-height: auto;
    margin-bottom: 16px;
    height: auto;
  }
}

.help-no-results-parsys {
  margin-bottom: 30px;
}

.search-results-wrapper.publish-mode {
  padding-bottom: 30px;
  min-height: 230px;
}

.search-results-wrapper .search-results-item {
  border-bottom: 1px solid #dbdbdb;
  padding: 20px 0 10px 0;
}

.search-results-wrapper .search-results-item:last-child {
  border-bottom: none;
}

.search-results-wrapper .search-results-item:first-child {
  padding-top: 0;
}

.search-results-wrapper .sr-grey-box {
  background-color: #f7f7f7;
  padding: 20px 27px;
}

.search-results-wrapper .search-results-didyoumean .sr-grey-box {
  margin-bottom: 30px;
}

.search-results-wrapper .search-results-didyoumean .didyoumean-term {
  font-family: "VM Circular Book", sans-serif;
  color: #ed0000;
  cursor: pointer;
}

.search-results-wrapper .search-results-didyoumean .didyoumean-term:hover {
  text-decoration: underline;
}

.search-results-wrapper .results-pagination {
  margin: 15px 0;
}

.search-results-wrapper .results-pagination a.btn, .search-results-wrapper .results-pagination .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span.btn, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .search-results-wrapper .results-pagination span.btn {
  float: left;
  font-weight: normal;
}

.search-results-wrapper .results-pagination a.btn.disabled, .search-results-wrapper .results-pagination .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span.btn.disabled, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .search-results-wrapper .results-pagination span.btn.disabled {
  color: #333;
  background-color: #ccc;
  opacity: .29;
}

.search-results-wrapper .results-pagination a.btn:last-child, .search-results-wrapper .results-pagination .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span.btn:last-child, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .search-results-wrapper .results-pagination span.btn:last-child {
  margin-left: 15px;
}

@media only screen and (max-width: 767px) {
  .search-results-wrapper .results-pagination a.btn.btn-prev, .search-results-wrapper .results-pagination .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span.btn.btn-prev, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .search-results-wrapper .results-pagination span.btn.btn-prev {
    display: none;
  }
}

.search-results-wrapper .results-pagination .page-link {
  margin: 7px 0 0 15px;
  display: block;
  float: left;
  font-size: 22px;
  font-size: 2.2rem;
  font-family: 'VM Circular Book';
}

.search-results-wrapper .results-pagination .page-link.active {
  color: #333;
}

.search-results-wrapper .results-pagination .page-link.active:hover {
  text-decoration: none;
}

.search-results-wrapper .showing-results-no {
  margin: 0 0 30px;
}

.search-results-wrapper .sr-title {
  margin-top: 0;
}

.search-results-wrapper .search-results-not-found .sr-title {
  margin-bottom: 30px;
}

.lightning-column-splitter.component {
  margin-bottom: 0;
}

.lightning-column-splitter .lightning-splitter-content.add-author-border {
  border: 1px solid #645096;
}

.conditional-cta .conditional-cta-options {
  margin-bottom: 21px;
}

.conditional-cta .conditional-cta-options .radio {
  margin: 0;
  height: 60px;
}

.conditional-cta .conditional-cta-options .radio label {
  padding-left: 36px;
  font-family: "VM Circular Light", sans-serif;
  line-height: 60px;
  font-size: 20px;
  font-size: 2rem;
}

.conditional-cta .conditional-cta-options .radio label input {
  margin: 0;
  opacity: 0;
  pointer-events: none;
}

.conditional-cta .conditional-cta-options .radio label input ~ .circle-radio {
  position: absolute;
  display: block;
  height: 30px;
  width: 30px;
  top: 15px;
  left: 2px;
  background-color: #ffffff;
  border: 2px solid #dddddd;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
}

.conditional-cta .conditional-cta-options .radio label input:checked ~ .circle-radio:before {
  content: "";
  position: absolute;
  height: 13.5px;
  width: 13.5px;
  top: 6px;
  left: 6px;
  background-color: #ed0000;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
}

.conditional-cta .conditional-cta-options .radio label span {
  padding: 0px 10px;
}

.conditional-cta .conditional-btn {
  background: #ed0000;
  height: 38px;
  width: 100%;
  text-align: center;
  border: none;
  padding: 0 40px;
  font-weight: 500;
  color: #ffffff;
  line-height: 38px;
  display: inline-block;
  text-decoration: none;
  font-size: 17px;
  font-size: 1.7rem;
  -webkit-border-radius: 19px;
  -moz-border-radius: 19px;
  -ms-border-radius: 19px;
  border-radius: 19px;
}

.conditional-cta .conditional-btn:hover {
  color: #ffffff;
  text-decoration: none;
}

.conditional-cta .conditional-btn.inactive {
  opacity: 0.5;
  pointer-events: none;
}

.guide-me .owl-carousel .owl-item img {
  width: initial;
}

.guide-me .guide-me-progress-bar {
  text-align: center;
  margin: 0 15px 12px 15px;
}

@media only screen and (min-width: 768px) {
  .guide-me .guide-me-progress-bar {
    margin: 0 0 12px 0;
  }
}

.guide-me .guide-me-progress-bar ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0;
}

@media only screen and (min-width: 768px) {
  .guide-me .guide-me-progress-bar ul {
    display: inline-block;
  }
}

.guide-me .guide-me-progress-bar ul:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 4px;
  margin-top: -2px;
  background-color: #e6e6e6;
  z-index: 1;
}

.guide-me .guide-me-progress-bar ul li {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  cursor: pointer;
  background-color: #e6e6e6;
  position: relative;
  float: left;
  width: 32px;
  height: 32px;
  z-index: 2;
  color: #ffffff;
  font-family: "VM Circular Medium", sans-serif;
  text-align: center;
}

.guide-me .guide-me-progress-bar ul li span {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
  position: relative;
  top: -1px;
}

.guide-me .guide-me-progress-bar ul li.visited {
  background-color: #64a541;
}

@media only screen and (min-width: 1200px) {
  .guide-me .guide-me-progress-bar ul li.visited:hover {
    background-color: #83b767;
  }
}

.guide-me .guide-me-progress-bar ul li.active {
  background-color: #5f2878;
}

@media only screen and (min-width: 1200px) {
  .guide-me .guide-me-progress-bar ul li.active:hover {
    background-color: #7f5393;
  }
}

@media only screen and (min-width: 768px) {
  .guide-me .guide-me-progress-bar ul li {
    margin: 0 42px;
  }
  .guide-me .guide-me-progress-bar ul li:first-child {
    margin-left: 0;
  }
  .guide-me .guide-me-progress-bar ul li:last-child {
    margin-right: 0;
  }
}

.generic-carousel.component {
  margin-bottom: 0;
}

.generic-carousel .edit-mode .generic-carousel-item.section {
  border: 2px solid #a5d2eb;
  margin-bottom: 16px;
}

.generic-carousel .owl-item > div, .generic-carousel .generic-carousel-item {
  height: 100%;
}

.banner-messaging.component {
  margin-bottom: 0;
  height: 100%;
}

.banner-messaging .banner-msg-wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 100%;
  min-height: 40px;
  padding: 8px 20px;
  background-size: cover;
  background-repeat: no-repeat;
}

.banner-messaging .banner-msg-wrapper p {
  margin: 0;
  line-height: 1;
}

.banner-messaging .banner-msg-wrapper small {
  line-height: 1.2;
}

.banner-messaging .banner-msg-wrapper img {
  display: inline-block;
  width: auto;
}

.banner-messaging .banner-msg-wrapper .banner-msg-icon-left {
  margin-right: 15px;
}

.banner-messaging .banner-msg-wrapper .banner-msg-icon-right {
  margin-left: 15px;
}

.lightbox-popup .lightbox-popup-overlay {
  height: 100%;
}

.lightbox-popup .lightbox-popup-overlay.modal.in .modal-dialog {
  top: 25px;
  transform: none;
  margin: 0 20px;
}

@media only screen and (min-width: 768px) {
  .lightbox-popup .lightbox-popup-overlay.modal.in .modal-dialog {
    top: 90px;
    width: 546px;
    margin: 0 auto;
  }
}

@media only screen and (min-width: 992px) {
  .lightbox-popup .lightbox-popup-overlay.modal.in .modal-dialog {
    width: 624px;
  }
}

.lightbox-popup .lightbox-popup-overlay.modal-author-mode {
  background-color: #333;
  padding: 40px 0;
  opacity: 1;
}

.lightbox-popup .lightbox-popup-overlay .modal-dialog {
  border: none;
  margin: 0 auto;
}

.lightbox-popup .lightbox-popup-overlay .modal-content {
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.22);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.22);
  margin: 0 auto;
  border-radius: 0;
  border: none;
}

.lightbox-popup .lightbox-popup-overlay .modal-header {
  border: none;
  padding: 0;
}

.lightbox-popup .lightbox-popup-overlay .modal-body {
  overflow-y: auto;
  padding: 0 15px 20px 15px;
}

.lightbox-popup .lightbox-popup-overlay .modal-backdrop.in {
  opacity: 0.75;
  filter: alpha(opacity=75);
  position: fixed;
}

.lightbox-popup .lightbox-popup-overlay .close-modal {
  font-size: 16px;
  font-size: 1.6rem;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  float: right;
  width: auto;
  background: transparent;
  font-family: "VM Circular Book", sans-serif;
  cursor: pointer;
  margin: 10px 10px 0 0;
}

.lightbox-popup .lightbox-popup-overlay .close-modal .fa {
  font-size: 30px;
  font-size: 3rem;
  margin-left: 3px;
}

@media only screen and (min-width: 768px) {
  .lightbox-popup .lightbox-popup-overlay .close-modal .fa {
    font-size: 25px;
    font-size: 2.5rem;
  }
}

.component.in-page-nav {
  margin-bottom: 0;
}

.component.in-page-nav-blank {
  background: transparent;
}

.link-based-navigation {
  background: #fcebf5;
}

.link-based-navigation .a-txt {
  display: inline-block;
}

.link-based-navigation .a-txt:focus, .link-based-navigation .a-txt:hover {
  text-decoration: underline;
}

.link-based-navigation .in-page-nav {
  margin: 20px auto;
  padding-left: 0;
  list-style: none;
  text-align: left;
}

.link-based-navigation .in-page-nav .panel-title {
  border-bottom: 1px solid #ccc;
  text-align: center;
}

.link-based-navigation .in-page-nav li a, .link-based-navigation .in-page-nav li .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .link-based-navigation .in-page-nav li span {
  font-family: "VM Circular Bold", sans-serif;
  font-size: 20px;
  font-size: 2rem;
  border-bottom: 1px solid #ccc;
  color: #322332;
  display: block;
  padding: 8px 20px;
  text-decoration: none;
  outline: 0;
}

.link-based-navigation .in-page-nav li a:focus .a-txt, .link-based-navigation .in-page-nav li .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:focus .a-txt, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .link-based-navigation .in-page-nav li span:focus .a-txt {
  text-decoration: underline;
}

.link-based-navigation .in-page-nav li a:before, .link-based-navigation .in-page-nav li .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:before, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .link-based-navigation .in-page-nav li span:before {
  content: "\f106";
  color: #ed0000;
  font-family: fontcustom;
  display: inline-block;
  font-size: 10px;
  font-size: 1rem;
  width: 2em;
}

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

@media only screen and (min-width: 768px) {
  .link-based-navigation .in-page-nav {
    text-align: center;
  }
  .link-based-navigation .in-page-nav li {
    border-bottom: 0;
    display: inline-block;
    text-align: center;
    float: none;
    width: 19%;
  }
  .link-based-navigation .in-page-nav li a, .link-based-navigation .in-page-nav li .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .link-based-navigation .in-page-nav li span {
    padding: 8px 0;
    border-bottom: 0;
    text-decoration: none;
  }
}

/*navigation image based*/
.image-based-navigation ul {
  background: #ffffff;
  color: #efefef;
  margin: 15px 0;
  padding: 0;
}

.image-based-navigation li {
  border-bottom: 1px solid #ccc;
  list-style: none;
  padding: 0;
}

.image-based-navigation li a, .image-based-navigation li .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .image-based-navigation li span {
  font-family: "VM Circular Bold", sans-serif;
  font-size: 20px;
  font-size: 2rem;
  border-radius: 0;
  color: #333;
  display: block;
  padding: 20px;
  text-decoration: none;
}

.image-based-navigation li a:hover, .image-based-navigation li .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:hover, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .image-based-navigation li span:hover {
  background-color: #fdebf4;
}

.image-based-navigation li:first-child {
  border-top: 1px solid #ccc;
}

.image-based-navigation li span.icon {
  background-image: url("onecms/img/tv-anywhere-icons-m.png");
  display: block;
  height: 32px;
  width: 32px;
  margin-right: 10px;
  float: left;
}

.image-based-navigation .icon-0 span.icon {
  background-position: 0 0;
}

.image-based-navigation .icon-1 span.icon {
  background-position: 0 -37px;
}

.image-based-navigation .icon-2 span.icon {
  background-position: 0 -78px;
}

.image-based-navigation .icon-3 span.icon {
  background-position: 0 -116px;
}

.image-based-navigation .icon-4 span.icon {
  background-position: 0 -151px;
}

@media only screen and (min-width: 768px) {
  .image-based-navigation {
    background-color: #ed0000;
  }
  .image-based-navigation ul {
    background-color: transparent;
    text-align: center;
  }
  .image-based-navigation li {
    display: inline-block;
    width: 19%;
    text-align: center;
    border: none;
  }
  .image-based-navigation li a, .image-based-navigation li .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .image-based-navigation li span {
    font-family: "VM Circular Bold", sans-serif;
    font-size: 20px;
    font-size: 2rem;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    color: #ffffff;
    display: block;
    padding: 10px;
    text-decoration: none;
  }
  .image-based-navigation li a:hover, .image-based-navigation li .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:hover, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .image-based-navigation li span:hover {
    color: #ed0000;
    background: #ffffff;
  }
  .image-based-navigation li span.icon {
    background-image: url("onecms/img/tv-anywhere-icons.png");
    display: block;
    float: none;
    height: 66px;
    margin: 20px auto;
  }
  .image-based-navigation li:first-child {
    border: none;
  }
  .image-based-navigation .icon-0 span.icon {
    background-position: -83px 8px;
    width: 57px;
  }
  .image-based-navigation .icon-0 a:hover span.icon, .image-based-navigation .icon-0 .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:hover span.icon, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .image-based-navigation .icon-0 span:hover span.icon {
    background-position: 1px 8px;
  }
  .image-based-navigation .icon-1 span.icon {
    background-position: -83px -77px;
    width: 55px;
  }
  .image-based-navigation .icon-1 a:hover span.icon, .image-based-navigation .icon-1 .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:hover span.icon, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .image-based-navigation .icon-1 span:hover span.icon {
    background-position: 1px -77px;
  }
  .image-based-navigation .icon-2 span.icon {
    background-position: -83px -154px;
    width: 55px;
  }
  .image-based-navigation .icon-2 a:hover span.icon, .image-based-navigation .icon-2 .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:hover span.icon, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .image-based-navigation .icon-2 span:hover span.icon {
    background-position: 1px -154px;
  }
  .image-based-navigation .icon-3 span.icon {
    background-position: -83px -229px;
    width: 56px;
  }
  .image-based-navigation .icon-3 a:hover span.icon, .image-based-navigation .icon-3 .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:hover span.icon, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .image-based-navigation .icon-3 span:hover span.icon {
    background-position: 1px -229px;
  }
  .image-based-navigation .icon-4 span.icon {
    background-position: -83px -312px;
    width: 64px;
  }
  .image-based-navigation .icon-4 a:hover span.icon, .image-based-navigation .icon-4 .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:hover span.icon, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .image-based-navigation .icon-4 span:hover span.icon {
    background-position: 1px -312px;
  }
}

.component.in-page-nav {
  margin-bottom: 0;
}

.component.in-page-nav-blank {
  background: transparent;
}

.grey-link-based-navigation {
  background: #efefef;
  height: 60px;
}

.grey-link-based-navigation li {
  border-bottom: 0;
  display: inline-block;
  text-align: center;
}

.grey-link-based-navigation li a, .grey-link-based-navigation li .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .grey-link-based-navigation li span {
  border-bottom: 0;
  text-decoration: none;
  font-family: "VM Circular Book", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  color: #322332;
  display: block;
  padding: 16px 10px;
  outline: 0;
}

.grey-link-based-navigation li a:focus .a-txt, .grey-link-based-navigation li .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:focus .a-txt, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .grey-link-based-navigation li span:focus .a-txt {
  text-decoration: underline;
}

.grey-link-based-navigation .a-txt {
  display: inline-block;
}

.grey-link-based-navigation .a-txt:focus, .grey-link-based-navigation .a-txt:hover {
  text-decoration: underline;
}

.grey-link-based-navigation .in-page-nav {
  margin: auto;
  padding-left: 0;
  list-style: none;
  text-align: center;
}

.grey-link-based-navigation .in-page-nav .panel-title {
  border-bottom: 1px solid #ccc;
  text-align: center;
}

.grey-link-based-navigation .visible-xs {
  display: none !important;
}

@media only screen and (max-width: 320px) {
  .grey-link-based-navigation .in-page-nav li a, .grey-link-based-navigation .in-page-nav li .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .grey-link-based-navigation .in-page-nav li span {
    padding: 16px 5px;
    font-size: 12px;
    font-size: 1.2rem;
  }
}

.tv-channel-list h3, .tv-channel-list .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina .tv-channel-list .acc-panel-title, .tv-channel-list strong, .tv-channel-list p, .tv-channel-list span {
  color: #333;
  font-family: "VM Circular Light", sans-serif;
  margin: 0;
}

.tv-channel-list .tvlistings-controls--filter .dropdown-menu {
  z-index: 100;
}

.tv-channel-list .tvlistings-controls--filter .dropdown-backdrop {
  z-index: 90;
}

.tv-channel-list .tvlistings-controls--filter .bootstrap-select.btn-group .btn {
  height: auto;
  padding: 10px 25px 10px 12px;
}

.tv-channel-list .tab-title {
  font-size: 30px;
  line-height: 35px;
  margin-top: 10px;
  margin-bottom: 27px;
}

.tv-channel-list .tab-sub-title {
  font: 18px/23px "VM Circular Book", sans-serif;
}

.tv-channel-list .tv-nochannel-title {
  margin-bottom: 10px;
}

.tv-channel-list .tvlistings-controls--packages {
  list-style: none;
  padding: 0;
  margin: 0 -19px 64px -19px;
}

.tv-channel-list .tvlistings-controls--packages li {
  width: 20%;
  float: left;
  text-align: center;
  padding: 20px 19px 0 19px;
}

.tv-channel-list .tvlistings-controls--packages li .tvlistings-controls--packages-inner {
  border: 1px solid #ccc;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  box-sizing: border-box;
  cursor: pointer;
  height: auto;
  padding: 6px 15px 15px 15px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.tv-channel-list .tvlistings-controls--packages li .tvlistings-controls--packages-inner:hover {
  background: #f7f7f7;
}

.tv-channel-list .tvlistings-controls--packages li .tvlistings-controls--packages-inner p {
  color: #5f2878;
  margin: 0;
  font: normal 20px/25px "VM Circular Book", sans-serif;
  min-height: 50px;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  display: -webkit-flex;
  display: flex;
}

.tv-channel-list .tvlistings-controls--packages li .tvlistings-controls--packages-inner h3, .tv-channel-list .tvlistings-controls--packages li .tvlistings-controls--packages-inner .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina .tv-channel-list .tvlistings-controls--packages li .tvlistings-controls--packages-inner .acc-panel-title {
  font: 18px/24px "VM Circular Light", sans-serif;
}

.tv-channel-list .tvlistings-controls--packages li.is-current .tvlistings-controls--packages-inner {
  background: #efefef;
  cursor: default;
}

.tv-channel-list .tvlistings-controls--packages li.is-current .tvlistings-controls--packages-inner:hover {
  background: #efefef;
  cursor: default;
}

.tv-channel-list .tvlistings-controls--filter--list {
  width: calc(40% - 23px);
}

.tv-channel-list .tvlistings-controls--filter--list .dropdown-menu {
  width: 100%;
}

.tv-channel-list .tvlistings-channels-list > li {
  width: 12.5%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tv-channel-list .tvlistings-channels-list > li {
    width: 24.5%;
  }
}

@media only screen and (max-width: 767px) {
  .tv-channel-list .tvlistings-channels-list > li {
    width: 33%;
  }
}

.tv-channel-list .tvlistings-channels-list-channel--title {
  padding: 10px 5px 0 5px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 23px;
  display: block;
}

.tv-channel-list .tvlistings {
  position: relative;
  border-bottom: 1px solid #dbdbdb;
}

.tv-channel-list .tvlistings-alt {
  padding: 2% 0;
}

.tv-channel-list .tvlisting-maintitle {
  margin-bottom: 0;
  padding-top: 2.13%;
  padding-left: 2.13%;
}

.tv-channel-list .tvlistings-controls {
  margin: 23px 0 7px;
  box-sizing: border-box;
}

.tv-channel-list .tvlistings-controls.is-sticky {
  z-index: 1;
  position: fixed;
  top: 0;
  width: 100%;
}

.tv-channel-list .tvlistings-controls.is-stuck {
  position: absolute;
  bottom: 70px;
  z-index: 2;
}

@media (min-width: 768px) {
  .tv-channel-list .tvlistings-controls--links {
    width: 65%;
    float: right;
    text-align: right;
    display: block;
  }
  .tv-channel-list .tvlistings-controls--links-package {
    display: inline;
  }
  .tv-channel-list .tvlistings-controls--links-bundle {
    display: inline;
    margin-right: 3%;
    width: 40%;
  }
  .tv-channel-list .premiumchannels-title {
    margin-bottom: 1.2%;
  }
  .tv-channel-list .tvlistings-channels-title {
    font-size: 2em;
  }
  .tv-channel-list .premiumchannels-description {
    padding: 15px;
  }
  .tv-channel-list [data-package='player-package'] > .player {
    display: block;
  }
  .tv-channel-list [data-package='mix-package'] > .player {
    display: block;
  }
  .tv-channel-list [data-package='mix-package'] > .mix {
    display: block;
  }
  .tv-channel-list [data-package='fun-package'] > .player {
    display: block;
  }
  .tv-channel-list [data-package='fun-package'] > .mix {
    display: block;
  }
  .tv-channel-list [data-package='fun-package'] > .fun {
    display: block;
  }
  .tv-channel-list [data-package='full-house-package'] > .player {
    display: block;
  }
  .tv-channel-list [data-package='full-house-package'] > .mix {
    display: block;
  }
  .tv-channel-list [data-package='full-house-package'] > .fun {
    display: block;
  }
  .tv-channel-list [data-package='full-house-package'] > .full-house {
    display: block;
  }
  .tv-channel-list [data-package='vip-package'] > .player {
    display: block;
  }
  .tv-channel-list [data-package='vip-package'] > .mix {
    display: block;
  }
  .tv-channel-list [data-package='vip-package'] > .fun {
    display: block;
  }
  .tv-channel-list [data-package='vip-package'] > .full-house {
    display: block;
  }
  .tv-channel-list [data-package='vip-package'] > .vip {
    display: block;
  }
  .tv-channel-list [data-package='premium-package'] > li {
    display: block;
  }
}

.tv-channel-list .ie8 .tvlistings-controls {
  padding: 20px;
}

.tv-channel-list .ie8 .tvlistings-controls--filter--list {
  width: 45%;
  float: left;
}

.tv-channel-list .ie8 .tvlistings-controls--links {
  width: 55%;
  float: right;
  text-align: right;
  display: block;
}

.tv-channel-list .ie8 .tvlistings-controls--links-package {
  display: inline;
}

.tv-channel-list .ie8 .tvlistings-accordion-title {
  padding: 5px;
}

.tv-channel-list .ie8 .tvlistings-channels-list-channel--img-img {
  width: auto;
}

.tv-channel-list .ie8 #tvlistings-accordion .tvlistings-accordion-title > .fa {
  top: 50%;
  right: 10px;
  margin-top: -15px;
  padding: 5px;
}

@media (min-width: 992px) {
  .tv-channel-list .tvlistings-controls--links {
    width: 55%;
    float: right;
    text-align: right;
    display: block;
  }
  .tv-channel-list .tvlistings-controls.is-sticky {
    z-index: 1;
    position: fixed;
    top: 0;
    width: 100%;
  }
}

.tv-channel-list .tvlistings-controls--packages-subtitle {
  margin-bottom: 0;
  text-align: right;
  display: inline-block;
}

.tv-channel-list .tvlistings-controls--filter {
  margin: auto;
}

@media only screen and (max-width: 767px) {
  .tv-channel-list .tvlistings-controls--filter .bootstrap-select.btn-group .btn {
    min-height: 30px;
    height: auto;
  }
}

.tv-channel-list .tvlistings-controls--filter .bootstrap-select.btn-group .dropdown-toggle span.caret {
  margin-top: 2px;
  border-top: 4px solid;
  border-bottom: none;
}

.tv-channel-list .tvlistings-controls--filter .bootstrap-select.btn-group .dropdown-toggle span.caret:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  transform: rotate(180deg);
  left: -4px;
  bottom: 7px;
  position: absolute;
}

.tv-channel-list .tvlistings-controls--filter .bootstrap-select.btn-group .dropdown-toggle .filter-option {
  font-size: 18px;
  letter-spacing: 0;
  line-height: 23px;
  white-space: normal;
}

.tv-channel-list .tvlistings-controls--filter .dropdown-menu > li > a span, .tv-channel-list .tvlistings-controls--filter .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .dropdown-menu > li > span span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .tv-channel-list .tvlistings-controls--filter .dropdown-menu > li > span span {
  white-space: normal;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 23px;
}

.tv-channel-list .tvlistings-controls--filter--list {
  padding-left: 0;
  padding-right: 0;
}

.tv-channel-list .tvlistings-controls--links {
  text-align: left;
  display: none;
}

.tv-channel-list .tvlistings-controls--links > a:hover, .tv-channel-list .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .tvlistings-controls--links > span:hover, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .tv-channel-list .tvlistings-controls--links > span:hover {
  text-decoration: underline;
}

.tv-channel-list .tvlistings-controls--links-package {
  color: #000;
  font-size: 1em;
  position: relative;
  padding-right: 16px;
  display: inline-block;
  width: 39%;
  float: right;
}

.tv-channel-list .tvlistings-controls--links-package:hover {
  color: #000;
  text-decoration: none;
}

.tv-channel-list .tvlistings-controls--links-package:focus {
  color: #000;
  text-decoration: none;
}

.tv-channel-list .tvlistings-controls--links-package .fa-chevron-right {
  top: 3px;
}

.tv-channel-list .tvlistings-controls--links-package > .fa-chevron-right {
  color: #f00;
  font-size: 1.3em;
  position: absolute;
  right: 0;
  top: 0;
}

.tv-channel-list .tvlistings-controls--links-bundle {
  display: block;
  color: #000;
  font-size: 1em;
  position: relative;
  padding-right: 16px;
  display: inline;
}

.tv-channel-list .tvlistings-controls--links-bundle:hover {
  color: #000;
  text-decoration: none;
}

.tv-channel-list .tvlistings-controls--links-bundle:focus {
  color: #000;
  text-decoration: none;
}

.tv-channel-list .tvlistings-controls--links-bundle > .fa-chevron-right {
  color: #f00;
  font-size: 1.3em;
  position: absolute;
  right: 0;
  top: 0;
}

.tv-channel-list .tvlistings-channels-title {
  display: none;
  font-size: 1.6em;
}

.tv-channel-list .premiumchannels-description {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  padding: 10px;
  background: #ffffff;
  margin-bottom: 20px;
  position: relative;
  display: none;
}

.tv-channel-list .premiumchannels-description:hover {
  cursor: pointer;
}

.tv-channel-list .premiumchannels-description p {
  font-size: 11px;
  line-height: 1.3;
  margin-bottom: 0;
}

.tv-channel-list .premiumchannels-description .close-button {
  position: absolute;
  top: -5px;
  right: -5px;
  color: #555;
  font-size: 1.8em;
  display: none;
  cursor: pointer;
}

.tv-channel-list .tvlistings-channels-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.tv-channel-list .tvlistings-channels-list > li {
  float: left;
  height: 144px;
  text-align: center;
  padding-top: 10px;
  display: none;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tv-channel-list .tvlistings-channels-list > li {
    height: auto;
    flex-direction: column;
  }
}

@media only screen and (max-width: 767px) {
  .tv-channel-list .tvlistings-channels-list > li {
    height: auto;
    flex-direction: column;
  }
}

.tv-channel-list .tvlistings-channels-list-channel--img {
  height: 45px;
}

.tv-channel-list .tvlistings-channels-list-channel--img-img {
  margin: 0 auto;
  width: 100%;
  max-width: 81px;
}

.tv-channel-list .tvlistings-footer {
  margin-bottom: 2.13%;
  text-align: center;
  padding: 0 2.13%;
  border-bottom: 1px solid #dbdbdb;
}

.tv-channel-list .tvlistings-footer .expand-trigger {
  cursor: pointer;
}

.tv-channel-list .tvlistings-footer > .footer-expand {
  width: 100%;
}

.tv-channel-list .tvlistings-footer > .footer-expand > .footer-controls {
  margin-bottom: 10px;
  color: #5f2878;
}

.tv-channel-list .tvlistings-footer > .footer-expand > .footer-controls i {
  margin-left: 10px;
}

.tv-channel-list .tvlistings-footer > .footer-expand > .footer-controls:hover i {
  color: #ed0000;
}

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

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

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

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

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

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

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

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

.tv-channel-list .hidden {
  display: none;
}

.tv-channel-list #js-accordion.closed .tvlistings-controls.is-sticky {
  position: static;
}

.tv-channel-list .touch .tvlistings-controls--filter--list {
  width: 100%;
}

.tv-channel-list .premiumchannels-title .info-icon {
  font-size: 0.8em;
  vertical-align: super;
  color: #555;
}

.tv-channel-list .tvlistings-channels-list-premium > li {
  display: block;
}

.tv-channel-list [data-package='player-package'] > .player {
  display: block;
}

.tv-channel-list [data-package='mix-package'] > .player {
  display: block;
}

.tv-channel-list [data-package='mix-package'] > .mix {
  display: block;
}

.tv-channel-list [data-package='fun-package'] > .player {
  display: block;
}

.tv-channel-list [data-package='fun-package'] > .mix {
  display: block;
}

.tv-channel-list [data-package='fun-package'] > .fun {
  display: block;
}

.tv-channel-list [data-package='full-house-package'] > .player {
  display: block;
}

.tv-channel-list [data-package='full-house-package'] > .mix {
  display: block;
}

.tv-channel-list [data-package='full-house-package'] > .fun {
  display: block;
}

.tv-channel-list [data-package='full-house-package'] > .full-house {
  display: block;
}

.tv-channel-list [data-package='vip-package'] > .player {
  display: block;
}

.tv-channel-list [data-package='vip-package'] > .mix {
  display: block;
}

.tv-channel-list [data-package='vip-package'] > .fun {
  display: block;
}

.tv-channel-list [data-package='vip-package'] > .full-house {
  display: block;
}

.tv-channel-list [data-package='vip-package'] > .vip {
  display: block;
}

.tv-channel-list [data-package='premium-package'] > li {
  display: block;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tv-channel-list .tab-title {
    font-size: 25px;
    line-height: 30px;
    padding-bottom: 9.5px;
    margin-bottom: 24.5px;
    border-bottom: 1px solid #dbdbdb;
  }
  .tv-channel-list .tvlistings-controls--filter--list {
    width: 100%;
  }
  .tv-channel-list .tvlistings-controls--packages {
    margin: 0 -15px 15px -15px;
  }
  .tv-channel-list .tvlistings-controls--packages li {
    width: 33.3%;
    padding: 18px 15px 15px 15px;
  }
  .tv-channel-list .tvlistings-controls--packages .tvlistings-controls--packages-title br:last-child {
    display: none;
  }
  .tv-channel-list .tvlistings-channels-list-channel--title {
    flex: 1 0 auto;
    padding-bottom: 22px;
  }
  .tv-channel-list #standard-channels, .tv-channel-list #premium-channels-list {
    display: flex;
    flex-wrap: wrap;
  }
}

@media only screen and (max-width: 767px) {
  .tv-channel-list .tab-title {
    font-size: 24px;
    line-height: 27px;
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid #dbdbdb;
  }
  .tv-channel-list .tvlistings-controls--filter--list {
    width: 100%;
  }
  .tv-channel-list .tvlistings {
    border-bottom: none;
  }
  .tv-channel-list .tvlistings-controls {
    margin-top: 22px;
  }
  .tv-channel-list .tvlistings-controls--filter .bootstrap-select.btn-group .btn {
    padding: 11px 26px 11px 12px;
  }
  .tv-channel-list .tvlistings-controls--packages {
    margin: 0 -5px 15px -5px;
  }
  .tv-channel-list .tvlistings-controls--packages li {
    width: 33.3%;
    padding: 20px 5px 0 5px;
  }
  .tv-channel-list .tvlistings-controls--packages li .tvlistings-controls--packages-inner {
    padding: 0 6px 12px 6px;
  }
  .tv-channel-list .tvlistings-controls--packages li .tvlistings-controls--packages-inner:hover {
    background: none;
  }
  .tv-channel-list .tvlistings-controls--packages li .tvlistings-controls--packages-inner p {
    font: normal 14px/18px "VM Circular Book", sans-serif;
    padding: 5px 5px 0 5px;
  }
  .tv-channel-list .tvlistings-controls--packages li .tvlistings-controls--packages-inner h3, .tv-channel-list .tvlistings-controls--packages li .tvlistings-controls--packages-inner .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina .tv-channel-list .tvlistings-controls--packages li .tvlistings-controls--packages-inner .acc-panel-title {
    font: normal 12px/15px "VM Circular Light", sans-serif;
  }
  .tv-channel-list .tvlistings-channels-list-channel--img {
    height: 35px;
  }
  .tv-channel-list .tvlistings-channels-list-channel--img-img {
    max-width: 70px;
    max-height: 35px;
  }
  .tv-channel-list .tvlistings-channels-list-channel--title {
    flex: 1 0 auto;
    padding-bottom: 12px;
    line-height: 20px;
  }
  .tv-channel-list #standard-channels, .tv-channel-list #premium-channels-list {
    display: flex;
    flex-wrap: wrap;
  }
}

.tv-channel-list .tab.promo .tab-panel .tvlistings > .tvlistings-controls {
  display: block;
}

.tv-channel-list .tab.closed {
  margin-bottom: 10px;
}

.tv-channel-list .tab.closed .tab-panel {
  position: relative;
  overflow: hidden;
  height: 0;
}

.tv-channel-list .tab.closed.promo .tab-panel {
  height: 100px;
}

.tv-channel-list .tab.closed.promo .tab-panel .tvlistings > .tvlistings-controls {
  margin-top: -275px;
  display: none;
}

.tv-channel-list .tab.closed.promo .tab-panel .tvlistings > .tvlistings-controls.package-hidden {
  margin-top: -25px;
}

.tv-channel-list .tab.closed.promo .tab-panel .tvlistings > .tvlistings-controls.dropdown-hidden {
  margin-top: -116px;
}

.tv-channel-list .tab.closed.promo .tvlistings > .tvlistings-channels {
  padding-top: 25px;
}

@media only screen and (min-width: 768px) {
  .tv-channel-list .tab.closed.promo .tab-panel {
    height: 270px;
  }
  .tv-channel-list .tab.closed.promo .tab-panel .tvlistings > .tvlistings-controls {
    margin-top: -195px;
    display: none;
  }
  .tv-channel-list .tab.closed.promo .tab-panel .tvlistings > .tvlistings-controls.package-hidden {
    margin-top: -75px;
  }
  .tv-channel-list .tab.closed.promo .tab-panel .tvlistings > .tvlistings-controls.dropdown-hidden {
    margin-top: -107px;
  }
}

.tv-channel-list .tab-link > a, .tv-channel-list .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .tab-link > span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .tv-channel-list .tab-link > span {
  padding: 5% 13% 5% 5%;
  border-radius: 5px 5px 0 0;
  position: relative;
  display: block;
}

.tv-channel-list .tab-link > a:hover, .tv-channel-list .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .tab-link > span:hover, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .tv-channel-list .tab-link > span:hover {
  color: #ffffff;
  text-decoration: none;
}

.tv-channel-list .tab-link h2 {
  font-size: 1.4em;
  line-height: 1.1;
  font-weight: normal;
  margin-bottom: 0;
}

.tv-channel-list #js-accordion .tab-link > a .fa, .tv-channel-list #js-accordion .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .tab-link > span .fa, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .tv-channel-list #js-accordion .tab-link > span .fa {
  position: absolute;
  top: 24%;
  right: 1%;
  padding: 3%;
}

.tv-channel-list #js-accordion.closed .tab-link > a .fa-chevron-up:before, .tv-channel-list #js-accordion.closed .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .tab-link > span .fa-chevron-up:before, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .tv-channel-list #js-accordion.closed .tab-link > span .fa-chevron-up:before {
  content: "\f078";
}

.tv-channel-list .ie8 .tab-link > a, .tv-channel-list .ie8 .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .tab-link > span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .tv-channel-list .ie8 .tab-link > span {
  padding: 0.8% 2%;
}

.tv-channel-list .ie8 .tab-link h2 {
  font-size: 1.67em;
  line-height: 1.5;
}

.tv-channel-list .ie8 #js-accordion .tab-link > a .fa, .tv-channel-list .ie8 #js-accordion .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .tab-link > span .fa, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .tv-channel-list .ie8 #js-accordion .tab-link > span .fa {
  top: 17%;
  right: 1%;
  padding: 0.6%;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
  .tv-channel-list .tab.closed.promo .tvlistings > .tvlistings-controls {
    margin-top: -98px;
    display: none;
  }
  .tv-channel-list .tab.closed.promo .tvlistings > .tvlistings-controls.package-hidden {
    margin-top: -41px;
  }
  .tv-channel-list .tab.closed.promo .tvlistings > .tvlistings-controls.dropdown-hidden {
    margin-top: -66px;
  }
  .tv-channel-list .tab-link > a, .tv-channel-list .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .tab-link > span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .tv-channel-list .tab-link > span {
    padding-top: 3%;
    padding-bottom: 3%;
  }
  .tv-channel-list #js-accordion .tab-link > a .fa, .tv-channel-list #js-accordion .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .tab-link > span .fa, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .tv-channel-list #js-accordion .tab-link > span .fa {
    top: 7%;
  }
}

@media (min-width: 992px) {
  .tv-channel-list .tab.closed.promo .tvlistings > .tvlistings-controls {
    display: none;
  }
  .tv-channel-list .tab.closed.promo .tvlistings > .tvlistings-controls.package-hidden {
    margin-top: -85px;
  }
  .tv-channel-list .tab.closed.promo .tvlistings > .tvlistings-controls.dropdown-hidden {
    margin-top: -102px;
  }
}

@media (min-width: 768px) {
  .tv-channel-list .tab-link > a, .tv-channel-list .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .tab-link > span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .tv-channel-list .tab-link > span {
    padding: 0.8% 2%;
  }
  .tv-channel-list .tab-link h2 {
    font-size: 1.67em;
    line-height: 1.5;
  }
  .tv-channel-list #js-accordion .tab-link > a .fa, .tv-channel-list #js-accordion .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .tab-link > span .fa, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .tv-channel-list #js-accordion .tab-link > span .fa {
    top: 17%;
    right: 1%;
    padding: 0.6%;
  }
}

.table-channels-compare .tv-channel-list .tab.promo .tab-panel .tvlistings > .tvlistings-controls {
  display: -webkit-flex;
  display: flex;
  margin-bottom: 20px;
}

.table-channels-compare .tv-channel-list .tab.promo .tab-panel .tvlistings > .tvlistings-controls .search-input-wrapper {
  flex: 1 0 50%;
}

.table-channels-compare .tv-channel-list .tab.promo .tab-panel .tvlistings > .tvlistings-controls .search-input-wrapper #channelSearch {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  font-size: 18px;
  font-size: 1.8rem;
  width: 340px;
  height: 45px;
  line-height: 18px;
  padding: 10px 35px 10px 12px;
  border: 1px solid #d2d2d2;
  color: #666666;
}

.table-channels-compare .tv-channel-list .tab.promo .tab-panel .tvlistings > .tvlistings-controls .search-input-wrapper #channelSearch:focus {
  color: #333333;
  outline: none;
}

.table-channels-compare .tv-channel-list .tab.promo .tab-panel .tvlistings > .tvlistings-controls .search-input-wrapper .searchButton {
  position: absolute;
  width: 40px;
  height: 45px;
  border: 0;
  background: #ffffff;
  padding-left: 0;
}

.table-channels-compare .tv-channel-list .tab.promo .tab-panel .tvlistings > .tvlistings-controls .search-input-wrapper .searchButton:focus {
  outline: none;
}

.table-channels-compare .tv-channel-list .tab.promo .tab-panel .tvlistings > .tvlistings-controls .tvlistings-controls--filter {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  position: relative;
  flex: 1 0 50%;
}

.table-channels-compare .tv-channel-list .tab.promo .tab-panel .tvlistings > .tvlistings-controls .tvlistings-controls--filter .bootstrap-select.btn-group .btn {
  padding: 10px 35px 10px 12px;
}

.table-channels-compare .tv-channel-list .tab.promo .tab-panel .tvlistings > .tvlistings-controls .tvlistings-controls--filter .tvlistings-controls--filter--list {
  width: 340px;
}

.table-channels-compare .tv-channel-list .tab.promo .tab-panel .tvlistings > .tvlistings-controls .tvlistings-controls--filter .tvlistings-controls--filter--list .bs-caret {
  display: inline-flex;
  width: 20px;
  height: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAYAAADphp8SAAAAAXNSR0IArs4c6QAAAIlJREFUOBFjNDExaf3//38JAwMDGxCTA34xMjL2MBobG38G6uYhxwQkPV+YgKZNAgr8QhIklQlyEciM4QoYkT1GQgyCY+rMmTPVMP1MMAaIBiaDPCBFTDJgg6qFa0cxiIQYHO4xBQ8gIAMl1pAlsMQgRkwhq0cJbGQJLDGIEVPI6nEahCUG8cYUAMNbMdojw6wFAAAAAElFTkSuQmCC) no-repeat center;
}

.table-channels-compare .tv-channel-list .tab.promo .tab-panel .tvlistings > .tvlistings-controls .tvlistings-controls--filter .tvlistings-controls--filter--list .bs-caret .caret {
  display: none;
}

.table-channels-compare .tv-channel-list .table-channels-content .search-error-message {
  font-size: 18px;
  font-size: 1.8rem;
  padding: 10px;
  margin: 10px 0 20px;
  background: #FDEBF4;
  color: #333333;
  font-family: 'VM Circular Book';
}

.table-channels-compare .tv-channel-list .table-channels-content .search-error-message.hidden-content {
  display: none;
}

.table-channels-compare .tv-channel-list .table-channels-content .tv-channels-table {
  position: relative;
  overflow: hidden;
  padding: 0;
}

.table-channels-compare .tv-channel-list .table-channels-content .tv-channels-table .table-row-content {
  overflow-x: auto;
  width: 100%;
}

.table-channels-compare .tv-channel-list .table-channels-content .tv-channels-table .table-row-content .table-row-wrapper {
  overflow-y: hidden;
}

.table-channels-compare .tv-channel-list .table-channels-content .tv-channels-table .table-row-content .table-row-wrapper.less-content {
  overflow-y: hidden;
}

.table-channels-compare .tv-channel-list .table-channels-content .tv-channels-table .table-row-content .table-row-wrapper .table-header {
  display: -webkit-flex;
  display: flex;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  height: 72px;
  line-height: 72px;
  padding: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background: #322332;
  color: #ffffff;
}

.table-channels-compare .tv-channel-list .table-channels-content .tv-channels-table .table-row-content .table-row-wrapper .table-header .table-column {
  height: 72px;
  padding-top: 10px;
  text-align: center;
}

.table-channels-compare .tv-channel-list .table-channels-content .tv-channels-table .table-row-content .table-row-wrapper .table-header .table-column .header-bundle-name {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 25px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: 'VM Circular Book';
}

.table-channels-compare .tv-channel-list .table-channels-content .tv-channels-table .table-row-content .table-row-wrapper .table-header .table-column .column-channels {
  font-size: 14px;
  font-size: 1.4rem;
  opacity: 0.8;
  line-height: 24px;
  color: #ffffff;
}

.table-channels-compare .tv-channel-list .table-channels-content .tv-channels-table .table-row-content .table-row-wrapper .table-body {
  border-bottom: 1px solid #EFEFEF;
}

.table-channels-compare .tv-channel-list .table-channels-content .tv-channels-table .table-row-content .table-row-wrapper .table-body .table-row {
  display: -webkit-flex;
  display: flex;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 80px;
}

.table-channels-compare .tv-channel-list .table-channels-content .tv-channels-table .table-row-content .table-row-wrapper .table-body .table-row .logo-column {
  border-left: 1px solid #EFEFEF;
}

.table-channels-compare .tv-channel-list .table-channels-content .tv-channels-table .table-row-content .table-row-wrapper .table-body .table-row .logo-column.sticky-left {
  position: absolute;
  left: 0;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.table-channels-compare .tv-channel-list .table-channels-content .tv-channels-table .table-row-content .table-row-wrapper .table-body .table-row .logo-column .channel-logo {
  max-width: 80px;
  height: 40px;
  margin-top: 5px;
}

.table-channels-compare .tv-channel-list .table-channels-content .tv-channels-table .table-row-content .table-row-wrapper .table-body .table-row .logo-column .channel-name {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 14px;
  font-size: 1.4rem;
  -webkit-align-items: center;
  align-items: center;
  height: 35px;
  line-height: 16px;
  text-align: center;
  color: #333333;
}

.table-channels-compare .tv-channel-list .table-channels-content .tv-channels-table .table-row-content .table-row-wrapper .table-body .table-row .column-width {
  border-right: 1px solid #EFEFEF;
}

.table-channels-compare .tv-channel-list .table-channels-content .tv-channels-table .table-row-content .table-row-wrapper .table-body .table-row:nth-child(odd), .table-channels-compare .tv-channel-list .table-channels-content .tv-channels-table .table-row-content .table-row-wrapper .table-body .table-row:nth-child(odd) .logo-column {
  background: #F7F7F7;
}

.table-channels-compare .tv-channel-list .table-channels-content .tv-channels-table .table-row-content .table-row-wrapper .table-body .table-row:nth-child(even) .logo-column {
  background: #ffffff;
}

.table-channels-compare .tv-channel-list .table-channels-content .tv-channels-table .table-row-content .table-row-wrapper .table-body .horizontal-opacity-left {
  z-index: 1;
  position: absolute;
  height: 100%;
  width: 20px;
  background: linear-gradient(to left, rgba(180, 180, 180, 0) 0%, #b4b4b4 100%);
}

.table-channels-compare .tv-channel-list .table-channels-content .tv-channels-table .table-row-content .table-row-wrapper .table-body .horizontal-opacity-right {
  z-index: 1;
  position: absolute;
  height: 100%;
  width: 20px;
  background: linear-gradient(to right, rgba(180, 180, 180, 0) 0%, #b4b4b4 100%);
}

.table-channels-compare .tv-channel-list .table-channels-content .tv-channels-table .table-row-content .table-row-wrapper .table-body .gradient-opacity {
  z-index: 2;
  position: absolute;
  left: 0;
  bottom: -2px;
  height: 50px;
  width: 100%;
  background: rgba(255, 255, 255, 0);
  /* Old browsers */
  background: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 0), white);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, to bottom, rgba(255, 255, 255, 0), white);
  /* FF3.6+ */
  background: -o-linear-gradient(top, to bottom, rgba(255, 255, 255, 0), white);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, to bottom, rgba(255, 255, 255, 0), white);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$first-color, endColorstr=$last-color, GradientType=0);
  /* IE6-9 */
}

.table-channels-compare .tv-channel-list .table-channels-content .tv-channels-table .table-row-content .table-row-wrapper .column-width {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  flex: 1 0 10%;
  height: 80px;
  min-width: 80px;
  text-align: center;
}

.table-channels-compare .tv-channel-list .table-channels-content .tv-channels-table .table-row-content .table-row-wrapper .column-width.checked {
  background: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2214px%22%20height%3D%2210px%22%20viewBox%3D%220%200%2014%2010%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3C%21--%20Generator%3A%20Sketch%2043.2%20%2839069%29%20-%20http%3A//www.bohemiancoding.com/sketch%20--%3E%0A%20%20%20%20%3Ctitle%3ETick_icon%3C/title%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C/desc%3E%0A%20%20%20%20%3Cdefs%3E%3C/defs%3E%0A%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Comapre-TV-Extra-channels-tablet-v1%22%20transform%3D%22translate%28-196.000000%2C%20-536.000000%29%22%20fill%3D%22%235F2878%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Group%22%20transform%3D%22translate%2822.000000%2C%20392.000000%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Availabilty%22%20transform%3D%22translate%280.000000%2C%2065.000000%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Ticks%22%20transform%3D%22translate%28169.000000%2C%2027.000000%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Group-7%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M18.0547031%2C54.421866%20C18.0547031%2C54.2265532%2017.976578%2C54.0312405%2017.8359528%2C53.8906153%20L16.7734515%2C52.8281141%20C16.6328264%2C52.6874889%2016.4375136%2C52.6093638%2016.2422009%2C52.6093638%20C16.0468882%2C52.6093638%2015.8515754%2C52.6874889%2015.7109503%2C52.8281141%20L10.5859442%2C57.9609327%20L8.28906642%2C55.6562424%20C8.14844125%2C55.5156173%207.95312852%2C55.4374922%207.75781579%2C55.4374922%20C7.56250305%2C55.4374922%207.36719032%2C55.5156173%207.22656515%2C55.6562424%20L6.16406389%2C56.7187437%20C6.02343872%2C56.8593689%205.94531363%2C57.0546816%205.94531363%2C57.2499943%20C5.94531363%2C57.4453071%206.02343872%2C57.6406198%206.16406389%2C57.781245%20L10.0546935%2C61.6718746%20C10.1953187%2C61.8124998%2010.3906314%2C61.8906249%2010.5859442%2C61.8906249%20C10.7812569%2C61.8906249%2010.9765696%2C61.8124998%2011.1171948%2C61.6718746%20L17.8359528%2C54.9531166%20C17.976578%2C54.8124914%2018.0547031%2C54.6171787%2018.0547031%2C54.421866%20Z%22%20id%3D%22Tick_icon%22%3E%3C/path%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E) no-repeat center;
}

.table-channels-compare .tv-channel-list .table-channels-content .tv-channels-table .table-row-content.small {
  max-height: 450px;
  overflow: hidden;
}

.table-channels-compare .tv-channel-list .table-channels-content .tv-channels-table.hidden-content {
  display: none;
}

.table-channels-compare .tv-channel-list .table-channels-content .button-show-more-less-wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  height: 84px;
}

.table-channels-compare .tv-channel-list .table-channels-content .button-show-more-less-wrapper .button-show-more-less {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px;
  font-size: 14px;
  font-size: 1.4rem;
  height: 30px;
  padding: 2px 20px;
  color: #ffffff;
  background: #ED0000;
  cursor: pointer;
  font-family: 'VM Circular Book';
}

.table-channels-compare .tv-channel-list .table-channels-content .button-show-more-less-wrapper.hidden-content {
  display: none;
}

.table-channels-compare .fixed {
  position: fixed;
  top: 50px;
  z-index: 5;
}

.table-channels-compare .blank {
  flex: 1 0 10%;
}

@media only screen and (max-width: 767px) {
  .table-channels-compare .tv-channel-list .tab.promo .tab-panel .tvlistings > .tvlistings-controls {
    position: relative;
    display: block;
    height: 35px;
    margin-right: 0;
    margin-left: 0;
  }
  .table-channels-compare .tv-channel-list .tab.promo .tab-panel .tvlistings > .tvlistings-controls .search-input-wrapper {
    z-index: 7;
    position: absolute;
    width: calc(100% - 50px);
    left: calc(-85% + 55px);
    -webkit-transition: all 0.2s;
    /* For Safari 3.1 to 6.0 */
    transition: all 0.2s;
    background: #ffffff;
    height: 45px;
  }
  .table-channels-compare .tv-channel-list .tab.promo .tab-panel .tvlistings > .tvlistings-controls .search-input-wrapper #searchForm {
    z-index: 91;
    position: absolute;
    width: 100%;
  }
  .table-channels-compare .tv-channel-list .tab.promo .tab-panel .tvlistings > .tvlistings-controls .search-input-wrapper #searchForm #channelSearch {
    width: 65%;
    padding: 10px;
    margin-left: 20px;
    -webkit-transition: all 0.2s;
    /* For Safari 3.1 to 6.0 */
    transition: all 0.2s;
  }
  .table-channels-compare .tv-channel-list .tab.promo .tab-panel .tvlistings > .tvlistings-controls .search-input-wrapper #searchForm .searchButton {
    right: 0;
    border-right: 1px solid #d2d2d2;
    padding-right: 10px;
    margin-right: 10px;
  }
  .table-channels-compare .tv-channel-list .tab.promo .tab-panel .tvlistings > .tvlistings-controls .search-input-wrapper .search-backdrop.activate {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 90;
  }
  .table-channels-compare .tv-channel-list .tab.promo .tab-panel .tvlistings > .tvlistings-controls .tvlistings-controls--filter {
    position: unset;
    margin-left: calc(100% - 205px);
    margin-right: 10px;
  }
  .table-channels-compare .tv-channel-list .tab.promo .tab-panel .tvlistings > .tvlistings-controls .tvlistings-controls--filter .tvlistings-controls--filter--list {
    flex: none;
    position: unset !important;
    right: 0;
    width: 200px;
    height: 37px;
    overflow: hidden;
  }
  .table-channels-compare .tv-channel-list .tab.promo .tab-panel .tvlistings > .tvlistings-controls .tvlistings-controls--filter .tvlistings-controls--filter--list .dropdown-toggle {
    padding: 11px 50px 11px 0px;
    border: none;
  }
  .table-channels-compare .tv-channel-list .tab.promo .tab-panel .tvlistings > .tvlistings-controls .tvlistings-controls--filter .tvlistings-controls--filter--list .dropdown-menu {
    position: absolute;
    top: 0;
  }
  .table-channels-compare .tv-channel-list .tab.promo .tab-panel .tvlistings > .tvlistings-controls .tvlistings-controls--filter .tvlistings-controls--filter--list .dropdown-menu.open {
    height: 0px !important;
    min-height: 0 !important;
    margin-top: 54px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    border-left: 0;
  }
  .table-channels-compare .tv-channel-list .tab.promo .tab-panel .tvlistings > .tvlistings-controls .tvlistings-controls--filter .tvlistings-controls--filter--list.open .dropdown-menu {
    height: 315px !important;
    border-borom: 0;
  }
  .table-channels-compare .tv-channel-list .tab.promo .tab-panel .tvlistings > .tvlistings-controls .tvlistings-controls--filter .tvlistings-controls--filter--list.open .dropdown-menu.open {
    -webkit-transition: all 0.2s;
    /* For Safari 3.1 to 6.0 */
    transition: all 0.2s;
  }
  .table-channels-compare .tv-channel-list .tab.promo .tab-panel .tvlistings > .tvlistings-controls.dropDownPadding {
    padding-bottom: 350px;
    -webkit-transition: all 0.2s;
    /* For Safari 3.1 to 6.0 */
    transition: all 0.2s;
  }
  .table-channels-compare .tv-channel-list .table-channels-content .tv-channels-table {
    margin: 0;
  }
  .table-channels-compare .tv-channel-list .table-channels-content .tv-channels-table .table-row-content .table-row-wrapper .extra-layer {
    z-index: 6;
    position: absolute;
    left: 0;
    min-width: 80px;
    height: 72px;
    background: #322332;
  }
  .table-channels-compare .tv-channel-list .table-channels-content .tv-channels-table .table-row-content .table-row-wrapper .extra-layer.extra-fixed {
    position: fixed;
    top: 0;
  }
  .table-channels-compare .tv-channel-list .table-channels-content .tv-channels-table .table-row-content .table-row-wrapper .table-header {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }
  .table-channels-compare .tv-channel-list .table-channels-content .tv-channels-table .table-row-content .table-row-wrapper .table-body .table-row .logo-column .channel-name {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 11px;
  }
}

@media only screen and (min-width: 768px) {
  .table-channels-compare .tv-channels-table {
    margin: 0px;
  }
  .table-channels-compare .table-header {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }
}

@media only screen and (max-width: 767px) {
  .column-splitter-container.container-fluid:not(.no-padding-LR) .tv-channel-list .tab.promo .tab-panel .tvlistings > .tvlistings-controls {
    margin-right: -20px;
    margin-left: -20px;
  }
  .column-splitter-container.container-fluid:not(.no-padding-LR) .table-channels-content .tv-channels-table {
    margin: 0 -20px 0 -20px;
  }
}

@keyframes contact-us-nav--slide-in {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0%);
  }
}

@-webkit-keyframes contact-us-nav--slide-in {
  from {
    -webkit-transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(0%);
  }
}

@keyframes contact-us-nav--slide-out {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}

@-webkit-keyframes contact-us-nav--slide-out {
  0% {
    -webkit-transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(-100%);
  }
}

.contact-us-nav {
  overflow: hidden;
  /*
        Change animation for mobile
    */
}

@media only screen and (min-width: 992px) {
  .contact-us-nav .no-padding {
    padding-left: 0;
    padding-right: 0;
  }
}

.contact-us-nav .contact-us-nav--selection-panel {
  border-bottom: 1px solid #888;
  border-right: none;
  padding-left: 0;
  padding-right: 0;
  background-color: #fff;
}

@media only screen and (max-width: 767px) {
  .contact-us-nav .contact-us-nav--selection-panel {
    border: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-us-nav .contact-us-nav--selection-panel {
    border: none;
  }
}

.contact-us-nav .contact-us-nav--selection-panel.contact-us-nav--suggestions-panel .contact-us-nav--panel-content {
  overflow: visible;
}

.contact-us-nav .contact-us-nav--selection-panel .custom-height, .contact-us-nav .contact-us-nav--selection-panel .custom-height-first {
  padding-top: 15px;
}

@media only screen and (max-width: 767px) {
  .contact-us-nav .contact-us-nav--selection-panel .custom-height, .contact-us-nav .contact-us-nav--selection-panel .custom-height-first {
    height: auto !important;
    min-height: initial;
    max-height: initial;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-us-nav .contact-us-nav--selection-panel .custom-height, .contact-us-nav .contact-us-nav--selection-panel .custom-height-first {
    height: auto !important;
    min-height: initial;
    max-height: initial;
  }
}

.contact-us-nav .contact-us-nav--selection-panel ul {
  display: table;
  width: 100%;
  list-style: none;
  padding-left: 0;
  margin: 0;
  padding-bottom: 0;
}

.contact-us-nav .contact-us-nav--selection-panel ul li {
  display: table-row;
  position: relative;
  height: 50px;
}

.contact-us-nav .contact-us-nav--selection-panel ul.topic-fixed {
  padding-top: 0;
}

.contact-us-nav .contact-us-nav--selection-panel .contact-us-nav--item {
  display: table-cell;
  vertical-align: middle;
  font-size: 18px;
  font-size: 1.8rem;
  color: #F02200;
  text-decoration: none;
  padding-left: 20px;
  padding-right: 20px;
  outline: 0;
  line-height: 20px;
}

.contact-us-nav .contact-us-nav--selection-panel .contact-us-nav--item.contact-us-nav--selected {
  background-color: #fdebf4;
  color: #333;
}

.contact-us-nav .contact-us-nav--selection-panel .contact-us-nav--item:hover:not(.contact-us-nav--selected) {
  background-color: #f7f7f7;
  color: #333;
}

.contact-us-nav .contact-us-nav--selection-panel .contact-us-nav--item i {
  margin-right: 20px;
  font-size: 26px;
  font-size: 2.6rem;
  vertical-align: middle;
}

.contact-us-nav .contact-us-nav--selection-panel .suggested-links {
  overflow: auto;
}

@media only screen and (max-width: 767px) {
  .contact-us-nav .contact-us-nav--selection-panel .suggested-links {
    height: auto !important;
    min-height: initial;
    max-height: initial;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-us-nav .contact-us-nav--selection-panel .suggested-links {
    height: auto !important;
    min-height: initial;
    max-height: initial;
  }
}

.contact-us-nav .contact-us-nav--selection-panel .suggested-links .contact-us-nav--item {
  display: block;
  padding-top: 7px;
  padding-bottom: 7px;
}

.contact-us-nav .contact-us-nav--selection-panel .suggested-links .contact-us-nav--item:hover:not(.contact-us-nav--selected) {
  background: none;
  color: #F02200;
  text-decoration: underline;
}

.contact-us-nav .contact-us-nav--selection-panel.contact-us-nav--topics-panel ul li.separator a, .contact-us-nav .contact-us-nav--selection-panel.contact-us-nav--topics-panel ul li.separator .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .contact-us-nav .contact-us-nav--selection-panel.contact-us-nav--topics-panel ul li.separator span {
  border-bottom: 1px solid #888;
}

.contact-us-nav .contact-us-nav--selection-panel.contact-us-nav--topics-panel ul li.fixed {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 9;
  border-left: 1px solid #888;
  border-right: 1px solid #888;
}

@media only screen and (max-width: 767px) {
  .contact-us-nav .contact-us-nav--selection-panel.contact-us-nav--topics-panel ul li.fixed {
    position: relative;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-us-nav .contact-us-nav--selection-panel.contact-us-nav--topics-panel ul li.fixed {
    position: relative;
  }
}

.contact-us-nav .contact-us-nav--selection-panel.contact-us-nav--topics-panel ul li.fixed a, .contact-us-nav .contact-us-nav--selection-panel.contact-us-nav--topics-panel ul li.fixed .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .contact-us-nav .contact-us-nav--selection-panel.contact-us-nav--topics-panel ul li.fixed span {
  text-align: center;
  display: block;
  height: 50px;
  padding-top: 14px;
  border-bottom: none;
  border-top: 1px solid #888;
}

.contact-us-nav .contact-us-nav--selection-panel.contact-us-nav--topics-panel ul li.fixed a i, .contact-us-nav .contact-us-nav--selection-panel.contact-us-nav--topics-panel ul li.fixed .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span i, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .contact-us-nav .contact-us-nav--selection-panel.contact-us-nav--topics-panel ul li.fixed span i {
  margin-right: 0;
  width: auto;
  display: none;
}

.contact-us-nav .contact-us-nav--selection-panel.contact-us-nav--topics-panel ul li .contact-us-nav--item {
  color: #333;
  font-size: 20px;
  font-size: 2rem;
}

@media only screen and (max-width: 767px) {
  .contact-us-nav .contact-us-nav--selection-panel.contact-us-nav--selection-panel-active {
    border: 1px solid #888;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-us-nav .contact-us-nav--selection-panel.contact-us-nav--selection-panel-active {
    border: 1px solid #888;
  }
}

.contact-us-nav .contact-us-nav--selection-panel.contact-us-nav--selection-panel-active .separator .contact-us-nav--item {
  border-bottom: 1px solid #888;
}

.contact-us-nav .contact-us-nav--selection-panel.contact-us-nav--selection-panel-active .fixed .contact-us-nav--item {
  border-bottom: none;
  border-top: 1px solid #888;
}

.contact-us-nav .contact-us-nav--selection-panel:not(.contact-us-nav--selection-panel-active) .contact-us-nav--panel-indicator {
  display: none;
}

.contact-us-nav .contact-us-nav--content {
  border-radius: .5em;
  background-color: #fff;
}

.contact-us-nav .contact-us-nav--content .scrollable.default-skin {
  padding-right: 0;
  padding-bottom: 0;
}

.contact-us-nav .contact-us-nav--content .scrollable .scroll-bar.vertical {
  z-index: 1;
  right: 5px;
}

.contact-us-nav .contact-us-nav--content .scrollable.default-skin .scroll-bar .thumb {
  transition: background-color 0.5s ease;
  background-color: rgba(0, 0, 0, 0.25);
}

.contact-us-nav .contact-us-nav--content .scrollable.default-skin .scroll-bar .thumb:hover {
  transition: background-color 0.5s ease;
  background-color: rgba(0, 0, 0, 0.7);
}

@media only screen and (max-width: 767px) {
  .contact-us-nav .contact-us-nav--content {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-us-nav .contact-us-nav--content {
    padding: 20px 20px 0 20px;
    margin-top: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-us-nav .contact-us-nav--content .scrollable .viewport {
    height: auto !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-us-nav .contact-us-nav--content .scrollable .viewport {
    height: auto !important;
  }
}

@media only screen and (max-width: 767px) {
  .contact-us-nav .contact-us-nav--content .scrollable .viewport .overview {
    position: relative;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-us-nav .contact-us-nav--content .scrollable .viewport .overview {
    position: relative;
  }
}

@media only screen and (max-width: 767px) {
  .contact-us-nav .contact-us-nav--content .scrollable.default-skin .scroll-bar.vertical, .contact-us-nav .contact-us-nav--content .scrollable.default-skin .scroll-bar.horizontal {
    display: none !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-us-nav .contact-us-nav--content .scrollable.default-skin .scroll-bar.vertical, .contact-us-nav .contact-us-nav--content .scrollable.default-skin .scroll-bar.horizontal {
    display: none !important;
  }
}

.contact-us-nav .contact-us-nav--info-panel-wrapper {
  border-radius: .5em;
  background-color: #fff;
  max-height: 0;
  overflow: hidden;
  transition-property: max-height;
  transition-duration: 350ms;
  transition-timing-function: linear;
  transition-delay: 250ms;
}

.contact-us-nav .contact-us-nav--info-panel-wrapper.contact-us-nav--info-panel-open {
  max-height: inherit;
}

@media only screen and (max-width: 767px) {
  .contact-us-nav .contact-us-nav--info-panel-wrapper.contact-us-nav--info-panel-open {
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-us-nav .contact-us-nav--info-panel-wrapper.contact-us-nav--info-panel-open {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.contact-us-nav .contact-us-nav--info-panel-wrapper {
  border-radius: .5em;
  background-color: #fff;
  max-height: 0;
  overflow: hidden;
  transition-property: max-height;
  transition-duration: 350ms;
  transition-timing-function: linear;
  transition-delay: 250ms;
}

.contact-us-nav .contact-us-nav--info-panel-wrapper.contact-us-nav--info-panel-open {
  max-height: inherit;
}

@media only screen and (max-width: 767px) {
  .contact-us-nav .contact-us-nav--info-panel-wrapper {
    padding-left: 0px;
    padding-right: 0px;
  }
}

.contact-us-nav .contact-us-nav--topics-panel {
  z-index: 3;
  position: relative;
}

.contact-us-nav .contact-us-nav--topics-panel .contact-us-nav--panel-content {
  border-left: 1px solid #888;
  border-right: 1px solid #888;
}

@media only screen and (max-width: 767px) {
  .contact-us-nav .contact-us-nav--topics-panel .contact-us-nav--panel-content {
    border-left: none;
    border-right: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-us-nav .contact-us-nav--topics-panel .contact-us-nav--panel-content {
    border-left: none;
    border-right: none;
  }
}

.contact-us-nav .contact-us-nav--categories-slider {
  z-index: 2;
  position: relative;
}

.contact-us-nav .contact-us-nav--categories-slider .contact-us-nav--panel-content {
  border-right: 1px solid #888;
}

@media only screen and (max-width: 767px) {
  .contact-us-nav .contact-us-nav--categories-slider .contact-us-nav--panel-content {
    border-right: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-us-nav .contact-us-nav--categories-slider .contact-us-nav--panel-content {
    border-right: none;
  }
}

.contact-us-nav .contact-us-nav--suggestions-slider {
  z-index: 1;
  position: relative;
}

.contact-us-nav .contact-us-nav--suggestions-slider .contact-us-nav--panel-content {
  border-right: 1px solid #888;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .contact-us-nav .contact-us-nav--suggestions-slider .contact-us-nav--panel-content {
    border-right: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-us-nav .contact-us-nav--suggestions-slider .contact-us-nav--panel-content {
    border-right: none;
  }
}

.contact-us-nav .contact-us-nav--suggestions-slider .fa-chevron-right {
  padding-left: 5px;
  font-size: 14px;
  font-size: 1.4rem;
}

.contact-us-nav .contact-us-nav--suggestions-slider .contact-us-nav--ask-community-text {
  font-family: "VM Circular Book", sans-serif;
  font-size: 1.6rem;
  display: block;
  line-height: 20px;
  padding-bottom: 15px;
}

.contact-us-nav .contact-us-nav--suggestions-slider .contact-us-nav--ask-community {
  border-top: 1px solid #888;
  border-bottom: 1px solid #888;
}

@media only screen and (max-width: 767px) {
  .contact-us-nav .contact-us-nav--suggestions-slider .contact-us-nav--ask-community {
    border-bottom: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-us-nav .contact-us-nav--suggestions-slider .contact-us-nav--ask-community {
    border-bottom: none;
  }
}

.contact-us-nav .contact-us-nav--suggestions-slider .contact-us-nav--ask-community .col-xs-10 {
  padding-left: 0;
}

.contact-us-nav .contact-us-nav--suggestions-slider .contact-us-nav--ask-community .contact-us-nav--ask-community-link {
  padding-top: 15px;
  display: block;
}

@media only screen and (max-width: 767px) {
  .contact-us-nav .mobile-suggestion-wrapper {
    border-bottom: 1px solid #888;
    margin-bottom: 145px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-us-nav .mobile-suggestion-wrapper {
    border-bottom: 1px solid #888;
    margin-bottom: 145px;
  }
}

.contact-us-nav .contact-us-nav--introduction-panel {
  padding: 0;
}

.contact-us-nav .contact-us-nav--introduction-panel .contact-us-nav-introduction-middle {
  padding: 110px 0 0 50px;
  height: 25em;
}

.contact-us-nav .contact-us-nav--introduction-panel .contact-us-nav--introduction-text {
  display: block;
  position: relative;
  line-height: 1;
  font-size: 50px;
  font-size: 5rem;
  font-family: "VM Circular Light", sans-serif;
}

.contact-us-nav .contact-us-nav--introduction-panel .contact-us-nav--introduction-text.smaller {
  padding-top: 25px;
  display: block;
  font-size: 22px;
  font-size: 2.2rem;
}

@media only screen and (min-width: 992px) {
  .contact-us-nav .contact-us-nav--categories-slider.slide-in,
  .contact-us-nav .contact-us-nav--suggestions-slider.slide-in {
    animation: contact-us-nav--slide-in 0.5s forwards;
    -webkit-animation: contact-us-nav--slide-in 0.5s forwards;
  }
  .contact-us-nav .contact-us-nav--categories-slider.slide-out,
  .contact-us-nav .contact-us-nav--suggestions-slider.slide-out {
    animation: contact-us-nav--slide-out 0.5s forwards;
    -webkit-animation: contact-us-nav--slide-out 0.5s forwards;
  }
}

.contact-us-nav .contact-us-nav--panel-title {
  background-color: #322332;
  font-family: "VM Circular Book", sans-serif;
  color: #fff;
  font-size: 22px;
  font-size: 2.2rem;
  padding: 20px;
  position: relative;
}

.contact-us-nav .contact-us-nav--panel-title:after {
  content: '';
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #322332;
  position: absolute;
  top: 99%;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 9;
}

.contact-us-nav .contact-us-nav--topic-info p {
  padding-left: 20px;
  padding-right: 20px;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .contact-us-nav {
    margin-left: -20px;
    margin-right: -20px;
  }
  .contact-us-nav .contact-us-nav--panel-title {
    padding: 0px 20px;
    background-color: #f7f7f7;
    color: #333;
    margin-bottom: 0px;
  }
  .contact-us-nav .contact-us-nav--panel-title:after {
    border: none;
  }
  .contact-us-nav .contact-us-nav--panel-title.contact-us-nav--panel-title-active {
    background-color: #322332;
    color: #fff;
  }
  .contact-us-nav .contact-us-nav--panel-title.contact-us-nav--panel-title-active:after {
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #322332;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-us-nav {
    margin-left: -15px;
    margin-right: -15px;
  }
  .contact-us-nav .contact-us-nav--panel-title {
    padding: 0px 20px;
    background-color: #f7f7f7;
    color: #333;
    border-bottom: 1px solid #888;
    margin-bottom: 0px;
  }
  .contact-us-nav .contact-us-nav--panel-title:after {
    border: none;
  }
  .contact-us-nav .contact-us-nav--panel-title.contact-us-nav--panel-title-active {
    background-color: #322332;
    color: #fff;
    margin-bottom: 15px;
  }
  .contact-us-nav .contact-us-nav--panel-title.contact-us-nav--panel-title-active:after {
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #322332;
  }
}

.contact-us-nav .contact-us-nav--contact-options {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.contact-us-nav .contact-us-nav--contact-options .contact-us-nav--header {
  padding: 5px 20px;
}

.contact-us-nav .contact-us-nav--contact-options .contact-us-nav--contact-option {
  padding-left: 0;
  padding-right: 0;
  height: 90px;
  position: relative;
}

.contact-us-nav .contact-us-nav--contact-options .contact-us-nav--contact-option.recommended-background {
  border: 1px solid #5f2878;
}

.contact-us-nav .contact-us-nav--contact-options .contact-us-nav--contact-option a, .contact-us-nav .contact-us-nav--contact-options .contact-us-nav--contact-option .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .contact-us-nav .contact-us-nav--contact-options .contact-us-nav--contact-option span {
  position: absolute;
  right: 0;
  width: 100%;
  left: 0;
  margin: auto;
  top: 26px;
  bottom: 0;
  color: #F02200;
  padding-top: 5px;
}

.contact-us-nav .contact-us-nav--contact-options .contact-us-nav--contact-option a:hover, .contact-us-nav .contact-us-nav--contact-options .contact-us-nav--contact-option .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:hover, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .contact-us-nav .contact-us-nav--contact-options .contact-us-nav--contact-option span:hover, .contact-us-nav .contact-us-nav--contact-options .contact-us-nav--contact-option a:focus, .contact-us-nav .contact-us-nav--contact-options .contact-us-nav--contact-option .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:focus, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .contact-us-nav .contact-us-nav--contact-options .contact-us-nav--contact-option span:focus {
  text-decoration: none;
  outline: none;
}

.contact-us-nav .contact-us-nav--contact-options .contact-us-nav--contact-option a::-moz-focus-inner, .contact-us-nav .contact-us-nav--contact-options .contact-us-nav--contact-option .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span::-moz-focus-inner, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .contact-us-nav .contact-us-nav--contact-options .contact-us-nav--contact-option span::-moz-focus-inner {
  border: 0;
}

.contact-us-nav .contact-us-nav--contact-options .contact-us-nav--contact-option a .contact-us-nav--contact-icon, .contact-us-nav .contact-us-nav--contact-options .contact-us-nav--contact-option .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span .contact-us-nav--contact-icon, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .contact-us-nav .contact-us-nav--contact-options .contact-us-nav--contact-option span .contact-us-nav--contact-icon {
  font-size: 28px;
  font-size: 2.8rem;
  display: block;
  color: #000;
}

.contact-us-nav .contact-us-nav--contact-options .contact-us-nav--contact-option a .contact-us-nav--contact-text, .contact-us-nav .contact-us-nav--contact-options .contact-us-nav--contact-option .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span .contact-us-nav--contact-text, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .contact-us-nav .contact-us-nav--contact-options .contact-us-nav--contact-option span .contact-us-nav--contact-text {
  font-family: "VM Circular Book", sans-serif;
  font-size: 1.4rem;
}

.contact-us-nav .contact-us-nav--contact-options .contact-us-nav--contact-option .contact-us-nav--recommended {
  background: #5f2878;
  color: #ffffff;
  font-size: 11px;
  font-size: 1.1rem;
  font-family: "VM Circular Book", sans-serif;
}

.contact-us-nav .contact-us-nav--contact-options .contact-us-nav--contact-option.contact-us-nav--contact-option-active {
  color: #fff;
}

.contact-us-nav .contact-us-nav--contact-options .contact-us-nav--contact-option.contact-us-nav--contact-option-active a, .contact-us-nav .contact-us-nav--contact-options .contact-us-nav--contact-option.contact-us-nav--contact-option-active .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .contact-us-nav .contact-us-nav--contact-options .contact-us-nav--contact-option.contact-us-nav--contact-option-active span {
  background: #5f2878;
}

.contact-us-nav .contact-us-nav--contact-options .contact-us-nav--contact-option.contact-us-nav--contact-option-active .contact-us-nav--contact-icon {
  color: #fff;
}

.contact-us-nav .contact-us-nav--contact-options .contact-us-nav--contact-option.contact-us-nav--contact-option-active .contact-us-nav--contact-text {
  color: #fff;
  font-size: 1.4rem;
}

.contact-us-nav .contact-us-nav--contact-options .contact-us-nav--contact-option.contact-us-nav--contact-option-active .contact-us-nav--recommended {
  background: #ffffff;
  color: #333;
  font-size: 1.1rem;
}

.contact-us-nav .contact-us-nav--contact-options .contact-us-nav--contact-option.contact-us-nav--contact-option-active:not(.recommended-background):before {
  content: "\00a0";
  position: absolute;
  top: -1px;
  left: 0px;
  right: 0px;
  background: #fff;
}

.contact-us-nav .contact-us-nav--contact-options .contact-us-nav--contact-option.contact-us-nav--contact-option-active:after {
  content: '';
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #5f2878;
  position: absolute;
  top: 99%;
  left: 0;
  right: 0;
  margin: auto;
}

.contact-us-nav .contact-us-nav--header {
  padding: 20px;
}

.contact-us-nav .contact-us-nav--header .contact-options-title {
  font-family: "VM Circular Book", sans-serif;
}

.contact-us-nav .contact-us-nav--header .contact-us-nav--title {
  padding-left: 0;
}

.contact-us-nav .contact-us-nav--header .contact-us-nav--title h2 {
  font-size: 32px;
  font-size: 3.2rem;
  font-family: "VM Circular Medium", sans-serif;
  margin: 0;
  line-height: 32px;
}

.contact-us-nav .contact-us-nav--header .contact-us-nav--restart {
  padding-right: 0;
}

.contact-us-nav .contact-us-nav--header .contact-us-nav--restart a, .contact-us-nav .contact-us-nav--header .contact-us-nav--restart .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .contact-us-nav .contact-us-nav--header .contact-us-nav--restart span {
  color: #F02200;
  font-family: "VM Circular Book", sans-serif;
  margin-top: 3px;
  font-size: 16px;
  font-size: 1.6rem;
}

.contact-us-nav .forumIcon {
  font-size: 26px;
  font-size: 2.6rem;
  color: #322332;
  padding-top: 13px;
}

.contact-us-nav .modifiable-tile {
  display: block;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 15px;
  position: relative;
}

.contact-us-nav .modifiable-tile:before {
  width: 90%;
  content: attr(title);
  height: 55px;
  display: table-cell;
  vertical-align: middle;
  font-size: 18px;
  font-size: 1.8rem;
}

.contact-us-nav .close-wrapper-button {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 0.5em;
  color: #333;
}

.contact-us-nav .close-wrapper-button i {
  position: absolute;
  top: 50%;
  margin-top: -11px;
  right: 0;
}

.contact-us-nav .first-level {
  min-height: 415px;
  max-height: 615px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-us-nav .first-level .custom-height-scroll {
    height: auto !important;
    min-height: initial;
    max-height: initial;
  }
}

@media only screen and (max-width: 767px) {
  .contact-us-nav .first-level .custom-height-scroll {
    height: auto !important;
    min-height: initial;
    max-height: initial;
  }
}

.contact-us-nav .first-level .contact-us-nav--panel-content.fixed-padding {
  padding-bottom: 50px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-us-nav .first-level .contact-us-nav--panel-content.fixed-padding {
    padding-bottom: 0;
  }
}

@media only screen and (max-width: 767px) {
  .contact-us-nav .first-level .contact-us-nav--panel-content.fixed-padding {
    padding-bottom: 0;
  }
}

@media only screen and (max-width: 767px) {
  .contact-us-nav .first-level {
    height: auto !important;
    min-height: initial;
    max-height: initial;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-us-nav .first-level {
    height: auto !important;
    min-height: initial;
    max-height: initial;
  }
}

@media only screen and (max-width: 767px) {
  .contact-us-nav .contact-us-nav--topic-panel-init {
    border-bottom: 1px solid #888;
    border-left: 1px solid #888;
    border-right: 1px solid #888;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-us-nav .contact-us-nav--topic-panel-init {
    border-bottom: 1px solid #888;
    border-left: 1px solid #888;
    border-right: 1px solid #888;
  }
}

.contact-us-nav .contact-us-nav--info-panel-wrapper {
  border-radius: 0;
}

.contact-us-nav .contact-us-nav--info-panel-wrapper .contact-us-nav--info-panel {
  margin: 0;
  border-left: 1px solid #888;
  border-right: 1px solid #888;
  border-bottom: 1px solid #888;
  padding: 41px 0 30px 0;
}

@media only screen and (max-width: 767px) {
  .contact-us-nav .contact-us-nav--info-panel-wrapper .contact-us-nav--info-panel {
    padding: 26px 0 15px 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-us-nav .contact-us-nav--info-panel-wrapper .contact-us-nav--info-panel {
    padding: 26px 0 15px 0;
  }
}

.contact-us-nav .contact-us-nav--info-panel-wrapper .contact-us-nav--info-panel .contact-us-title-outer {
  padding-left: 55px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .contact-us-nav .contact-us-nav--info-panel-wrapper .contact-us-nav--info-panel .contact-us-title-outer {
    padding-left: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-us-nav .contact-us-nav--info-panel-wrapper .contact-us-nav--info-panel .contact-us-title-outer {
    padding-left: 0;
  }
}

.contact-us-nav .contact-us-nav--info-panel-wrapper .contact-us-nav--info-panel .contact-us-title-outer .contact-us-nav--contact-icon {
  position: absolute;
  top: 0;
  left: 5px;
  font-size: 26px;
  font-size: 2.6rem;
}

@media only screen and (max-width: 767px) {
  .contact-us-nav .contact-us-nav--info-panel-wrapper .contact-us-nav--info-panel .contact-us-title-outer .contact-us-nav--contact-icon {
    left: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-us-nav .contact-us-nav--info-panel-wrapper .contact-us-nav--info-panel .contact-us-title-outer .contact-us-nav--contact-icon {
    left: 0px;
  }
}

.contact-us-nav .contact-us-nav--info-panel-wrapper .contact-us-nav--info-panel .contact-us-title-outer .contact-us-title-wrapper {
  padding-right: 0;
}

@media only screen and (max-width: 767px) {
  .contact-us-nav .contact-us-nav--info-panel-wrapper .contact-us-nav--info-panel .contact-us-title-outer .contact-us-title-wrapper {
    padding-right: auto;
  }
}

.contact-us-nav .contact-us-nav--info-panel-wrapper .contact-us-nav--info-panel .contact-us-title-outer .contact-us-title-wrapper .contact-us-nav--info-panel-title,
.contact-us-nav .contact-us-nav--info-panel-wrapper .contact-us-nav--info-panel .contact-us-title-outer .contact-us-title-wrapper .contact-us-nav--info-panel-text {
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .contact-us-nav .contact-us-nav--info-panel-wrapper .contact-us-nav--info-panel .contact-us-title-outer .contact-us-title-wrapper .contact-us-nav--info-panel-title,
  .contact-us-nav .contact-us-nav--info-panel-wrapper .contact-us-nav--info-panel .contact-us-title-outer .contact-us-title-wrapper .contact-us-nav--info-panel-text {
    padding-left: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-us-nav .contact-us-nav--info-panel-wrapper .contact-us-nav--info-panel .contact-us-title-outer .contact-us-title-wrapper .contact-us-nav--info-panel-title,
  .contact-us-nav .contact-us-nav--info-panel-wrapper .contact-us-nav--info-panel .contact-us-title-outer .contact-us-title-wrapper .contact-us-nav--info-panel-text {
    padding-left: 40px;
  }
}

.contact-us-nav .contact-us-nav--info-panel-wrapper .contact-us-nav--info-panel .contact-us-nav--info-panel-icon {
  padding-right: 0;
  text-align: center;
}

.contact-us-nav .contact-us-nav--info-panel-wrapper .contact-us-nav--info-panel .contact-us-nav--info-panel-title {
  font-family: "VM Circular Book", sans-serif;
  font-size: 20px;
  font-size: 2rem;
}

@media only screen and (max-width: 767px) {
  .contact-us-nav .contact-us-nav--info-panel-wrapper .contact-us-nav--info-panel .contact-us-nav--info-panel-title {
    padding-left: 15px;
    font-size: 18px;
    font-size: 1.8rem;
  }
}

.contact-us-nav .contact-us-nav--info-panel-wrapper .contact-us-nav--info-panel .contact-us-nav--info-panel-item-header {
  font-family: "VM Circular Book", sans-serif;
  font-size: 20px;
  font-size: 2rem;
}

.contact-us-nav .contact-us-nav--info-panel-wrapper .contact-us-nav--info-panel .contact-us-nav--info-panel-text {
  font-family: "VM Circular Light", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  text-transform: capitalize;
}

@media only screen and (max-width: 767px) {
  .contact-us-nav .contact-us-nav--info-panel-wrapper .contact-us-nav--info-panel .contact-us-nav--info-panel-text {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.contact-us-nav .contact-us-nav--info-panel-wrapper .contact-us-nav--info-panel .contact-us-nav--info-panel-text.contact-us-nav--info-panel-text-lowercase {
  text-transform: lowercase;
}

@media only screen and (max-width: 767px) {
  .contact-us-nav .contact-us-nav--info-panel-wrapper .contact-us-nav--info-panel .contact-us-nav--info-panel-text {
    padding-right: 15px;
  }
}

.contact-us-nav .contact-us-nav--info-panel-wrapper .contact-us-nav--info-panel .contact-us-nav--info-panel-footnote {
  font-family: "VM Circular Light", sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
}

.contact-us-nav .contact-us-nav--info-panel-wrapper .contact-us-nav--info-panel .chat-online--start-chat:focus {
  outline: none;
}

@media only screen and (max-width: 767px) {
  .contact-us-nav .contact-us-nav--info-panel-wrapper .contact-us-nav--call-us-info .padding-top-mobile {
    padding-top: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-us-nav .contact-us-nav--info-panel-wrapper .contact-us-nav--call-us-info .padding-top-mobile {
    padding-top: 20px;
  }
}

.contact-us-nav .contact-us-nav--info-panel-wrapper .contact-us-nav--call-us-info .contact-us-nav--info-panel-icon i {
  font-size: 2.6em;
}

.contact-us-nav .contact-us-nav--info-panel-wrapper .contact-us-nav--call-us-info .contact-us-nav--info-panel-item-header {
  padding-top: 36px;
  padding-bottom: 19px;
  display: block;
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .contact-us-nav .contact-us-nav--info-panel-wrapper .contact-us-nav--call-us-info .contact-us-nav--info-panel-icon i {
    font-size: 2.5em;
  }
  .contact-us-nav .contact-us-nav--info-panel-wrapper .contact-us-nav--call-us-info .contact-us-nav--info-panel-title {
    padding-left: 65px;
  }
  .contact-us-nav .contact-us-nav--info-panel-wrapper .contact-us-nav--call-us-info a.contact-us-nav--info-panel-item-header, .contact-us-nav .contact-us-nav--info-panel-wrapper .contact-us-nav--call-us-info .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span.contact-us-nav--info-panel-item-header, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .contact-us-nav .contact-us-nav--info-panel-wrapper .contact-us-nav--call-us-info span.contact-us-nav--info-panel-item-header {
    color: #333;
    text-decoration: none;
  }
  .contact-us-nav .contact-us-nav--info-panel-wrapper .contact-us-nav--call-us-info .contact-us-nav--info-panel-item-header {
    padding-top: 15px;
  }
  .contact-us-nav .contact-us-nav--info-panel-wrapper .contact-us-nav--call-us-info .contact-us-nav--info-panel-item-header.contact-us-nav--info-panel-lines-open {
    padding-bottom: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-us-nav .contact-us-nav--info-panel-wrapper .contact-us-nav--call-us-info .contact-us-nav--info-panel-icon i {
    font-size: 2.5em;
  }
  .contact-us-nav .contact-us-nav--info-panel-wrapper .contact-us-nav--call-us-info .contact-us-nav--info-panel-title {
    padding-left: 65px;
  }
  .contact-us-nav .contact-us-nav--info-panel-wrapper .contact-us-nav--call-us-info a.contact-us-nav--info-panel-item-header, .contact-us-nav .contact-us-nav--info-panel-wrapper .contact-us-nav--call-us-info .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span.contact-us-nav--info-panel-item-header, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .contact-us-nav .contact-us-nav--info-panel-wrapper .contact-us-nav--call-us-info span.contact-us-nav--info-panel-item-header {
    color: #333;
    text-decoration: none;
  }
  .contact-us-nav .contact-us-nav--info-panel-wrapper .contact-us-nav--call-us-info .contact-us-nav--info-panel-item-header {
    padding-top: 15px;
  }
  .contact-us-nav .contact-us-nav--info-panel-wrapper .contact-us-nav--call-us-info .contact-us-nav--info-panel-item-header.contact-us-nav--info-panel-lines-open {
    padding-bottom: 0;
  }
}

@media (max-width: 992px) {
  .contact-us-nav .contact-us-nav--categories-slider,
  .contact-us-nav .contact-us-nav--suggestions-slider {
    max-height: 0;
  }
  .contact-us-nav .contact-us-nav--categories-slider .contact-us-nav--categories-panel,
  .contact-us-nav .contact-us-nav--categories-slider .contact-us-nav--suggestions-panel,
  .contact-us-nav .contact-us-nav--suggestions-slider .contact-us-nav--categories-panel,
  .contact-us-nav .contact-us-nav--suggestions-slider .contact-us-nav--suggestions-panel {
    overflow: inherit;
    transform: none;
    -webkit-transform: none;
  }
  .contact-us-nav .contact-us-nav--categories-slider.slide-in,
  .contact-us-nav .contact-us-nav--suggestions-slider.slide-in {
    max-height: 90em;
  }
  .contact-us-nav .contact-us-nav--categories-slider.slide-in .contact-us-nav--categories-panel,
  .contact-us-nav .contact-us-nav--categories-slider.slide-in .contact-us-nav--suggestions-panel,
  .contact-us-nav .contact-us-nav--suggestions-slider.slide-in .contact-us-nav--categories-panel,
  .contact-us-nav .contact-us-nav--suggestions-slider.slide-in .contact-us-nav--suggestions-panel {
    animation: none;
  }
  .contact-us-nav .contact-us-nav--categories-slider.slide-out,
  .contact-us-nav .contact-us-nav--suggestions-slider.slide-out {
    max-height: 0;
  }
  .contact-us-nav .contact-us-nav--categories-slider.slide-out .contact-us-nav--categories-panel,
  .contact-us-nav .contact-us-nav--categories-slider.slide-out .contact-us-nav--suggestions-panel,
  .contact-us-nav .contact-us-nav--suggestions-slider.slide-out .contact-us-nav--categories-panel,
  .contact-us-nav .contact-us-nav--suggestions-slider.slide-out .contact-us-nav--suggestions-panel {
    animation: none;
  }
}

.calendar-wrapper .calendar {
  padding: 0;
}

@media only screen and (max-width: 767px) {
  .calendar-wrapper .calendar {
    padding-left: 5px;
    padding-right: 5px;
  }
}

.calendar-wrapper .calendar li {
  list-style-type: none;
  border-bottom: 1px solid #979797;
}

.calendar-wrapper .calendar li div {
  font-family: "VM Circular Light", sans-serif;
  color: #333;
  text-align: left;
  font-size: 18px;
  font-size: 1.8rem;
  padding-top: 12px;
  padding-bottom: 12px;
}

@media only screen and (max-width: 767px) {
  .calendar-wrapper .calendar li div {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.calendar-wrapper .calendar .calendar-header div {
  font-family: "VM Circular Book", sans-serif;
  font-size: 20px;
  font-size: 2rem;
  color: #333;
  letter-spacing: 0px;
  text-align: left;
}

@media only screen and (max-width: 767px) {
  .calendar-wrapper .calendar .calendar-header div {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

.calendar-wrapper .calendar .calendar-item-current {
  background: #f7f7f7;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.calendar-wrapper .calendar .calendar-item-current div {
  font-size: 30px;
  font-size: 3rem;
}

@media only screen and (max-width: 767px) {
  .calendar-wrapper .calendar .calendar-item-current div {
    font-size: 24px;
    font-size: 2.4rem;
  }
}

.calendar-wrapper .calendar .calendar-item-closed {
  font-size: 20px;
  font-size: 2rem;
  font-family: "VM Circular Book", sans-serif;
  padding-left: 0;
}

.calendar-wrapper .availability-message {
  background: #f7f7f7;
  border: 1px solid #888888;
  border-radius: 8px;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  margin-right: 25px;
  margin-left: 25px;
  margin-top: 15px;
}

@media only screen and (max-width: 767px) {
  .calendar-wrapper .availability-message {
    margin-right: 0;
    margin-left: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .calendar-wrapper .availability-message {
    margin-right: 0;
    margin-left: 0;
  }
}

.calendar-wrapper .availability-message #lpButton-contactus {
  padding: 20px;
}

.calendar-wrapper .availability-message #lpButton-contactus a.btn.btn-virgin-media, .calendar-wrapper .availability-message #lpButton-contactus .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span.btn.btn-virgin-media, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .calendar-wrapper .availability-message #lpButton-contactus span.btn.btn-virgin-media {
  background: red;
}

.calendar-wrapper .availability-message #lpButton-contactus .panel-title {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
}

.calendar-wrapper .availability-message #lpButton-contactus *:focus {
  outline: none;
}

.calendar-wrapper .availability-message .availability-message-content {
  padding: 20px;
}

.calendar-wrapper .availability-message .availability-message-content i {
  margin-bottom: 15px;
}

.calendar-wrapper .availability-message .availability-message-content p {
  margin: 0;
  font-family: "VM Circular Book", sans-serif;
  line-height: 28px;
}

.calendar-wrapper .availability-message .availability-message-placeholder {
  width: 100%;
  min-height: 30px;
}

.calendar-wrapper .availability-message .availability-message-placeholderloading {
  background: transparent url(onecms/img/ajax-loader.gif) no-repeat center center;
}

@keyframes contact-us-nav-mobile--slide-in {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0%);
  }
}

@-webkit-keyframes contact-us-nav-mobile--slide-in {
  from {
    -webkit-transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(0%);
  }
}

@keyframes contact-us-nav-mobile--slide-out {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(100%);
  }
}

@-webkit-keyframes contact-us-nav-mobile--slide-out {
  0% {
    -webkit-transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(100%);
  }
}

.contact-us-navigation-mobile {
  margin-bottom: 0 !important;
}

.contact-us-navigation-mobile .overflow-hidden {
  overflow: hidden;
}

.contact-us-nav-mobile {
  overflow: hidden;
  height: 100vh;
}

.contact-us-nav-mobile .contact-us-nav-mobile--header {
  background-image: url("commons/components/img/core/contact-us-mobile/bg-contact-mobile.svg");
  background-size: cover;
  background-position-y: bottom;
  background-repeat: no-repeat;
  height: 64px;
  text-align: center;
  position: relative;
  margin-bottom: 6px;
}

.contact-us-nav-mobile .contact-us-nav-mobile--header.user-header .contact-us-nav-mobile--content {
  height: calc(100% - 150px);
}

.contact-us-nav-mobile .contact-us-nav-mobile--header.user-header h2 {
  display: none;
}

.contact-us-nav-mobile .contact-us-nav-mobile--header.user-header h2.contact-us-title-phone-us {
  display: block;
}

.contact-us-nav-mobile .contact-us-nav-mobile--header.user-header .user-phone-us {
  margin-top: 15px;
}

.contact-us-nav-mobile .contact-us-nav-mobile--header.user-header .user-phone-us .user-image {
  width: 20%;
  float: left;
  display: inline-block;
  padding-left: 15px;
}

.contact-us-nav-mobile .contact-us-nav-mobile--header.user-header .user-phone-us .user-image img {
  margin-top: 6px;
}

.contact-us-nav-mobile .contact-us-nav-mobile--header.user-header .user-phone-us .user-content {
  width: 80%;
  float: left;
  display: inline-block;
}

.contact-us-nav-mobile .contact-us-nav-mobile--header.user-header .user-phone-us .user-content .half {
  width: 50%;
  float: left;
  display: inline-block;
}

.contact-us-nav-mobile .contact-us-nav-mobile--header.user-header .user-phone-us .user-content .half p {
  margin: 0;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  padding-right: 20px;
}

.contact-us-nav-mobile .contact-us-nav-mobile--header.user-header .user-phone-us .user-content .half p.user-label {
  font-family: "VM Circular Medium", sans-serif;
}

.contact-us-nav-mobile .contact-us-nav-mobile--header .contact-us-nav-mobile--back-button {
  color: #fff;
  position: absolute;
  top: 13px;
  left: 5px;
  display: block;
  width: 40px;
  height: 40px;
  z-index: 2;
}

.contact-us-nav-mobile .contact-us-nav-mobile--header .contact-us-nav-mobile--back-button:before {
  border: 3px solid #fff;
  border-left: 0;
  border-bottom: 0;
  content: '';
  display: inline-block;
  position: relative;
  height: 15px;
  width: 15px;
  top: 13px;
  left: 3px;
  vertical-align: top;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.contact-us-nav-mobile .contact-us-nav-mobile--header h2 {
  font-size: 20px;
  font-size: 2rem;
  color: #fff;
  margin: 0;
  font-family: "VM Circular Medium", sans-serif;
  font-weight: normal;
  padding-top: 14px;
  position: relative;
  z-index: 1;
}

.contact-us-nav-mobile .contact-us-nav-mobile--header h2.contact-us-title-phone-us {
  display: none;
}

.contact-us-nav-mobile .contact-us-nav-mobile--header .user-phone-us {
  display: none;
}

.contact-us-nav-mobile .contact-us-nav-mobile--selection-panel.slide-in {
  animation: contact-us-nav-mobile--slide-in 0.5s forwards;
  -webkit-animation: contact-us-nav-mobile--slide-in 0.5s forwards;
}

.contact-us-nav-mobile .contact-us-nav-mobile--selection-panel.slide-out {
  animation: contact-us-nav-mobile--slide-out 0.5s forwards;
  -webkit-animation: contact-us-nav-mobile--slide-out 0.5s forwards;
}

.contact-us-nav-mobile .contact-us-nav-mobile--selection-panel .contact-us-nav-mobile--panel-title {
  padding: 25px 20px 22px 20px;
}

.contact-us-nav-mobile .contact-us-nav-mobile--selection-panel .contact-us-nav-mobile--panel-title h3, .contact-us-nav-mobile .contact-us-nav-mobile--selection-panel .contact-us-nav-mobile--panel-title .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina .contact-us-nav-mobile .contact-us-nav-mobile--selection-panel .contact-us-nav-mobile--panel-title .acc-panel-title {
  margin: 0;
}

.contact-us-nav-mobile .contact-us-nav-mobile--content {
  height: calc(100% - 70px);
  position: relative;
  overflow-x: scroll;
}

.contact-us-nav-mobile .contact-us-nav-mobile--content .contact-us-nav-mobile--first-panel {
  height: 100%;
  background: #fff;
}

.contact-us-nav-mobile .contact-us-nav-mobile--content .contact-us-nav-mobile--second-panel,
.contact-us-nav-mobile .contact-us-nav-mobile--content .contact-us-nav-mobile--third-panel,
.contact-us-nav-mobile .contact-us-nav-mobile--content .contact-us-nav-mobile--fourth-panel {
  height: 100%;
  background: #fff;
  position: absolute;
  top: 0;
  width: 100%;
  -webkit-transform: translateX(-100%);
}

.contact-us-nav-mobile .contact-us-nav-mobile--item-wrapper {
  list-style: none;
  padding: 0;
  margin: 0;
}

.contact-us-nav-mobile .contact-us-nav-mobile--item-wrapper .contact-us-nav-mobile--item {
  min-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: left;
  height: 54px;
  color: #333;
  font-family: "VM Circular Medium", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: normal;
}

.contact-us-nav-mobile .contact-us-nav-mobile--item-wrapper .contact-us-nav-mobile--item .contact-us-nav-mobile--chevron {
  position: absolute;
  top: -3px;
  right: 0;
  width: 54px;
  height: 54px;
  padding-top: 21px;
  text-align: center;
  border-radius: 50%;
}

.contact-us-nav-mobile .contact-us-nav-mobile--item-wrapper .contact-us-nav-mobile--item .contact-us-nav-mobile--chevron:before {
  border: 2px solid #ed0000;
  border-left: 0;
  border-bottom: 0;
  content: '';
  display: inline-block;
  height: 12px;
  width: 12px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.contact-us-nav-mobile .contact-us-nav-mobile--item-wrapper .contact-us-nav-mobile--item span {
  width: 100%;
}

.contact-us-nav-mobile .contact-us-nav-mobile--item-wrapper li {
  background: #fff;
  padding: 0 54px 0 20px;
  position: relative;
}

.contact-us-nav-mobile .contact-us-nav-mobile--item-wrapper li .contact-us-nav-mobile--chevron {
  background: #fff;
}

.contact-us-nav-mobile .contact-us-nav-mobile--item-wrapper li:nth-child(2n+1) {
  background: #fbfbfb;
}

.contact-us-nav-mobile .contact-us-nav-mobile--item-wrapper li:nth-child(2n+1) .contact-us-nav-mobile--chevron {
  background: #fbfbfb;
}

.contact-us-nav-mobile .suggested-links .contact-us-nav-mobile--item {
  width: 100%;
  display: block;
  padding: 20px;
  background: #5d4a8a;
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: normal;
  position: relative;
  padding-right: 55px;
}

.contact-us-nav-mobile .suggested-links .contact-us-nav-mobile--item p {
  margin: 0;
  font-family: "VM Circular Light", sans-serif;
}

.contact-us-nav-mobile .suggested-links .contact-us-nav-mobile--item .contact-us-nav-mobile--chevron {
  position: absolute;
  top: -3px;
  right: 0;
  width: 54px;
  height: 54px;
  padding-top: 21px;
  text-align: center;
  border-radius: 50%;
  background: #5d4a8a;
}

.contact-us-nav-mobile .suggested-links .contact-us-nav-mobile--item .contact-us-nav-mobile--chevron:before {
  border: 2px solid #fff;
  border-left: 0;
  border-bottom: 0;
  content: '';
  display: inline-block;
  height: 12px;
  width: 12px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.contact-us-nav-mobile .suggested-links .contact-us-nav-mobile--item:nth-child(2n+1) {
  background: #645096;
}

.contact-us-nav-mobile .suggested-links .contact-us-nav-mobile--item:nth-child(2n+1) .contact-us-nav-mobile--chevron {
  background: #645096;
}

.contact-us-nav-mobile .contact-us-nav-mobile--ask-community-link {
  padding: 20px 0;
  color: #333;
  display: block;
  position: relative;
  background: #fbfbfb;
}

.contact-us-nav-mobile .contact-us-nav-mobile--ask-community-link .contact-us-nav-mobile--ask-community {
  display: flex;
  align-items: center;
  justify-content: center;
}

.contact-us-nav-mobile .contact-us-nav-mobile--ask-community-link .left-panel {
  width: 30%;
  float: left;
  display: inline-block;
  flex: 0 0 auto;
}

.contact-us-nav-mobile .contact-us-nav-mobile--ask-community-link .left-panel i {
  font-size: 56px;
  font-size: 5.6rem;
}

.contact-us-nav-mobile .contact-us-nav-mobile--ask-community-link .right-panel {
  width: 70%;
  float: left;
  display: inline-block;
  padding-right: 40px;
}

.contact-us-nav-mobile .contact-us-nav-mobile--ask-community-link .right-panel p {
  margin: 0;
  font-family: "VM Circular Book", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: normal;
}

.contact-us-nav-mobile .contact-us-nav-mobile--ask-community-link .right-panel p.contact-us-nav-mobile--ask-community-text {
  font-family: "VM Circular Light", sans-serif;
}

.contact-us-nav-mobile .contact-us-nav-mobile--ask-community-link .contact-us-nav-mobile--chevron {
  position: absolute;
  top: -3px;
  right: 0;
  width: 54px;
  height: 54px;
  padding-top: 21px;
  text-align: center;
  border-radius: 50%;
  background: #fbfbfb;
}

.contact-us-nav-mobile .contact-us-nav-mobile--ask-community-link .contact-us-nav-mobile--chevron:before {
  border: 2px solid #ed0000;
  border-left: 0;
  border-bottom: 0;
  content: '';
  display: inline-block;
  height: 12px;
  width: 12px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.contact-us-nav-mobile .contact-us-nav-mobile--contact-options a, .contact-us-nav-mobile .contact-us-nav-mobile--contact-options .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .contact-us-nav-mobile .contact-us-nav-mobile--contact-options span {
  width: 100%;
  display: block;
  padding: 17px 20px;
  background: #453945;
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: normal;
  position: relative;
}

.contact-us-nav-mobile .contact-us-nav-mobile--contact-options a .contact-us-nav-mobile--chevron, .contact-us-nav-mobile .contact-us-nav-mobile--contact-options .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span .contact-us-nav-mobile--chevron, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .contact-us-nav-mobile .contact-us-nav-mobile--contact-options span .contact-us-nav-mobile--chevron {
  position: absolute;
  top: -3px;
  right: 0;
  width: 54px;
  height: 54px;
  padding-top: 21px;
  text-align: center;
  border-radius: 50%;
  background: #453945;
}

.contact-us-nav-mobile .contact-us-nav-mobile--contact-options a .contact-us-nav-mobile--chevron:before, .contact-us-nav-mobile .contact-us-nav-mobile--contact-options .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span .contact-us-nav-mobile--chevron:before, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .contact-us-nav-mobile .contact-us-nav-mobile--contact-options span .contact-us-nav-mobile--chevron:before {
  border: 2px solid #fff;
  border-left: 0;
  border-bottom: 0;
  content: '';
  display: inline-block;
  height: 12px;
  width: 12px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.contact-us-nav-mobile .contact-us-nav-mobile--info-container .contact-us-title-outer {
  margin-top: 30px;
  margin-bottom: 20px;
}

.contact-us-nav-mobile .contact-us-nav-mobile--info-container .contact-us-nav-mobile--info-panel-icon {
  width: 20%;
  float: left;
  display: inline-block;
}

.contact-us-nav-mobile .contact-us-nav-mobile--info-container .contact-us-nav-mobile--info-panel-icon i {
  font-size: 30px;
  font-size: 3rem;
  margin-top: 5px;
}

.contact-us-nav-mobile .contact-us-nav-mobile--info-container .contact-us-title-wrapper {
  width: 70%;
  float: left;
  display: inline-block;
}

.contact-us-nav-mobile .contact-us-nav-mobile--info-container .contact-us-title-wrapper h3, .contact-us-nav-mobile .contact-us-nav-mobile--info-container .contact-us-title-wrapper .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina .contact-us-nav-mobile .contact-us-nav-mobile--info-container .contact-us-title-wrapper .acc-panel-title {
  margin: 0;
}

.contact-us-nav-mobile .contact-us-nav-mobile--info-container .contact-us-title-wrapper p {
  margin: 0;
  line-height: normal;
  font-size: 14px;
  font-size: 1.4rem;
}

.contact-us-nav-mobile .openning-hours {
  background: #efefef;
  padding: 10px 20px;
}

.contact-us-nav-mobile .openning-hours p {
  margin: 0;
  line-height: normal;
  font-family: "VM Circular Bold", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
}

.contact-us-nav-mobile .openning-hours p.contact-us-nav-mobile--info-panel-lines-open {
  font-family: "VM Circular Light", sans-serif;
}

.contact-us-nav-mobile .call-us-short,
.contact-us-nav-mobile .call-us-long {
  padding: 0 20px;
}

.contact-us-nav-mobile .call-us-short .contact-us-nav-mobile--info-panel-text,
.contact-us-nav-mobile .call-us-long .contact-us-nav-mobile--info-panel-text {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: normal;
  margin: 0;
  margin-top: 20px;
}

.contact-us-nav-mobile .call-us-short .contact-us-nav-mobile--info-panel-item-header,
.contact-us-nav-mobile .call-us-long .contact-us-nav-mobile--info-panel-item-header {
  display: block;
  width: 100%;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  -ms-border-radius: 22px;
  border-radius: 22px;
  border: 1px solid #ed0000;
  padding: 6px;
  line-height: normal;
  margin-top: 10px;
}

.contact-us-nav-mobile .call-us-long .contact-us-nav-mobile--info-panel-item-header {
  width: 86%;
  float: left;
  display: inline-block;
}

.contact-us-nav-mobile .call-us-long .contact-us-nav--call-us-info-button {
  width: 14%;
  float: left;
  display: inline-block;
  margin-top: 10px;
}

.contact-us-nav-mobile .call-us-long .contact-us-nav--call-us-info-button .pink-cta {
  width: 37px;
  height: 37px;
  -webkit-border-radius: 37px;
  -moz-border-radius: 37px;
  -ms-border-radius: 37px;
  border-radius: 37px;
  color: #fff;
  background: #e884b6;
  line-height: 37px;
  margin-left: 10px;
}

.contact-us-nav-mobile .call-us-long .contact-us-nav--call-us-info-button .pink-cta span {
  margin-top: -12px;
  font-size: 14px;
  font-size: 1.4rem;
}

.contact-us-nav-mobile .call-us-long.full-width {
  padding: 0;
}

.contact-us-nav-mobile .call-us-long.full-width .contact-us-nav-mobile--info-panel-text {
  margin-left: 20px;
  margin-right: 20px;
}

.contact-us-nav-mobile .call-us-long.full-width .contact-us-nav-mobile--info-panel-item-header {
  width: initial;
  float: none;
  display: block;
  margin-left: 20px;
  margin-right: 20px;
}

.contact-us-nav-mobile .call-us-long.full-width .contact-us-nav--call-us-info-button {
  width: 100%;
  float: none;
  display: block;
  background: #ea91bd;
  position: relative;
  margin-top: 20px;
}

.contact-us-nav-mobile .call-us-long.full-width .contact-us-nav--call-us-info-button .pink-cta {
  position: absolute;
  top: 3px;
  right: 20px;
  -webkit-box-shadow: 0 0 0 8px #ea91bd;
  -moz-box-shadow: 0 0 0 8px #ea91bd;
  box-shadow: 0 0 0 8px #ea91bd;
}

.contact-us-nav-mobile .call-us-long .contact-us-nav--call-us-call-charges {
  padding: 20px;
  color: #fff;
}

.contact-us-nav-mobile .call-us-long .contact-us-nav--call-us-call-charges .call-charges {
  margin: 0;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "VM Circular Medium", sans-serif;
}

.contact-us-nav-mobile .call-us-long .contact-us-nav--call-us-call-charges ul {
  padding-left: 15px;
  margin: 0;
  font-size: 16px;
  font-size: 1.6rem;
}

.contact-us-nav-mobile .call-us-long .contact-us-nav--call-us-call-charges ul li {
  line-height: normal;
  font-size: 14px;
  font-size: 1.4rem;
}

.back-to-top-button {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  margin-bottom: 60px;
  margin-top: 20px;
}

.back-to-top-button .data-back-top-wrapper {
  cursor: pointer;
}

.back-to-top-button .data-back-top-wrapper i {
  width: 100%;
  text-align: center;
}

.back-to-top-button .data-back-top-wrapper .data-back-top-link {
  font-size: 24px;
  font-size: 2.4rem;
  font-family: "VM Circular Book", sans-serif;
  color: #333;
  padding-top: 5px;
}

.component.key-value-message {
  margin: 0;
}

.key-value-message {
  margin: 0;
  background: inherit;
}

.key-value-message .kvm--wrapper {
  max-height: 100px;
  padding: 0 100px;
}

.key-value-message .kvm--item {
  display: -webkit-flex;
  display: flex;
  align-items: center;
}

.key-value-message .kvm--item img {
  height: 40px;
  width: 40px;
  margin: 30px 14px 30px 0;
}

.key-value-message .kvm--item span {
  font-weight: bold;
  color: #818485;
  line-height: 20px;
}

@media only screen and (max-width: 767px) {
  .key-value-message .kvm--wrapper {
    max-height: inherit;
    padding: 20px 15px;
    margin: 20px;
    background: inherit;
  }
  .key-value-message .kvm--wrapper .kvm--item {
    padding: 0;
  }
  .key-value-message .kvm--wrapper .kvm--item img {
    height: 20px;
    width: 20px;
    margin: 7px 14px;
  }
  .key-value-message .kvm--wrapper .kvm--item span {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 14px;
  }
}

a, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span,
a:hover,
.browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:hover,
a:focus,
.browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:focus {
  color: #dd0000;
  font-family: "VM Circular Book", sans-serif;
}

body {
  color: #333;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 26px;
  font-family: "VM Circular Light", sans-serif;
  -ms-overflow-style: scrollbar;
}

body.modal-open {
  position: fixed;
  width: 100%;
  overflow: hidden;
}

.dark-bg {
  color: #fff;
}

.dark-bg a, .dark-bg .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .dark-bg span,
.dark-bg a:hover,
.dark-bg .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:hover, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles
.dark-bg span:hover,
.dark-bg a:focus,
.dark-bg .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:focus, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles
.dark-bg span:focus {
  color: #fff;
  font-family: "VM Circular Book", sans-serif;
}

h1, .h1,
h2, .h2,
h3,
.accordion.js-accordion-concertina .acc-panel-title, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}

h1, .h1,
h2, .h2,
h3,
.accordion.js-accordion-concertina .acc-panel-title, .h3 {
  font-family: "VM Circular Light", sans-serif;
}

h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: "VM Circular Book", sans-serif;
}

h1, .h1 {
  font-size: 35px;
  font-size: 3.5rem;
  line-height: 40px;
}

@media only screen and (min-width: 768px) {
  h1, .h1 {
    font-size: 40px;
    font-size: 4rem;
    line-height: 45px;
  }
}

@media only screen and (min-width: 992px) {
  h1, .h1 {
    font-size: 50px;
    font-size: 5rem;
    line-height: 55px;
  }
}

h2, .h2 {
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 33px;
}

@media only screen and (min-width: 768px) {
  h2, .h2 {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 37px;
  }
}

@media only screen and (min-width: 992px) {
  h2, .h2 {
    font-size: 40px;
    font-size: 4rem;
    line-height: 45px;
  }
}

h3, .accordion.js-accordion-concertina .acc-panel-title, .h3 {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 29px;
}

@media only screen and (min-width: 768px) {
  h3, .accordion.js-accordion-concertina .acc-panel-title, .h3 {
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 30px;
  }
}

@media only screen and (min-width: 992px) {
  h3, .accordion.js-accordion-concertina .acc-panel-title, .h3 {
    font-size: 30px;
    font-size: 3rem;
    line-height: 35px;
  }
}

h4, .h4 {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 27px;
}

h5, .h5 {
  font-size: 20px;
  font-size: 2rem;
  line-height: 25px;
}

h6, .h6 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 25px;
}

.vm-heading {
  font-size: 30px;
  font-size: 3rem;
  line-height: 1;
  margin-bottom: 16px;
}

.lead {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 34px;
}

.lead {
  font-family: "VM Circular Light", sans-serif;
}

.lead h1, .lead h2, .lead h3, .lead .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina .lead .acc-panel-title, .lead h4, .lead h5, .lead h6 {
  font-family: "VM Circular Light", sans-serif;
}

.lead {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.619;
}

/* Horizontal Rules */
hr {
  border-top-width: 4px;
  border-top-style: solid;
  border-top-color: #ccc;
}

hr.red-hr {
  border-top-color: #ed0000;
}

hr.dotted {
  border-top-style: dotted;
}

.vm-bg-grey2, .accordion.js-accordion-concertina.vm-bg-grey2 {
  background: #efefef;
}

.vm-bg-pink, .accordion.js-accordion-concertina.vm-bg-pink {
  background: #ffd2e6;
}

.vm-bg-pink2 {
  background: #fdebf4;
}

/*legal*/
.legal {
  font-size: 16px;
  line-height: 24px;
  color: #666;
}

/*blockquotes*/
blockquote {
  border-left: 0 !important;
  font-family: "VM Circular Light", sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 30px;
}

blockquote:before {
  content: "\f10d";
  color: #ffd2e6;
  font: normal normal normal 14px/1 "FontAwesome", sans-serif;
  font-size: 36px;
  font-size: 3.6rem;
  float: left;
  line-height: 1;
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

blockquote p {
  margin-left: 50px;
}

/*Price tile typography*/
.price-container .sales-block h3, .price-container .sales-block .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina .price-container .sales-block .acc-panel-title {
  font-family: "VM Circular Book", sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 27px;
}

@media only screen and (min-width: 992px) {
  .price-container .sales-block h3, .price-container .sales-block .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina .price-container .sales-block .acc-panel-title {
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 30px;
  }
}

/*captions*/
figcaption p {
  font-family: "VM Circular Light", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 21px;
}

caption {
  font-size: 12px;
  font-size: 1.2rem;
}

.pagefilter.component {
  margin-bottom: 0;
}

.cq-wcm-edit .fade-in-img {
  opacity: 1;
}

.global-messages {
  position: fixed;
  z-index: 999999;
}

.global-messages.edit {
  position: static;
}

.global-messages .unsupported-msg {
  background-color: #fff0b2;
  padding: 30px 10%;
}

@media only screen and (max-width: 767px) {
  .global-messages .unsupported-msg {
    padding: 30px 3%;
  }
}

.no-margin-bottom .component {
  margin-bottom: 0;
}

.snippet-importer.component {
  margin-bottom: 0;
}

.full-width-image {
  width: 100%;
}

.vmp-article-hero .pgImgBreadcrumbs {
  position: absolute;
  z-index: 10;
}

.vmp-article-hero .pgImgBreadcrumbs a, .vmp-article-hero .pgImgBreadcrumbs .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .vmp-article-hero .pgImgBreadcrumbs span, .vmp-article-hero .pgImgBreadcrumbs p {
  display: inline;
  font-family: "VM Circular Black", sans-serif;
  font-size: 13px;
  color: #fff;
}

@media only screen and (max-width: 320px) {
  .vmp-article-hero .pgImgBreadcrumbs {
    top: 10px;
    left: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .vmp-article-hero .pgImgBreadcrumbs {
    top: 10px;
    left: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vmp-article-hero .pgImgBreadcrumbs {
    top: 36px;
    left: 25px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .vmp-article-hero .pgImgBreadcrumbs {
    top: 36px;
    left: 33px;
  }
}

@media only screen and (min-width: 1200px) {
  .vmp-article-hero .pgImgBreadcrumbs {
    top: 36px;
    left: 33px;
  }
}

.vmp-article-hero .hero-content {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  flex-direction: column;
  min-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.vmp-article-hero .hero-content .hero-content-title {
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 50%;
  flex: 50%;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  height: 50%;
}

.vmp-article-hero .hero-content .hero-content-subtitle {
  -webkit-flex: 50%;
  flex: 50%;
  height: 50%;
}

.vmp-article-hero .hero-content .hero-heading, .vmp-article-hero .hero-content .mobile-hero-heading {
  position: relative;
  font-family: "VM Circular Black", sans-serif;
  color: #fff;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}

.vmp-article-hero .hero-content .hero-heading p, .vmp-article-hero .hero-content .mobile-hero-heading p {
  display: inline;
}

@media only screen and (max-width: 320px) {
  .vmp-article-hero .hero-content .hero-heading, .vmp-article-hero .hero-content .mobile-hero-heading {
    font-size: 44px;
    line-height: 50px;
    margin-bottom: 40px;
    padding-left: 4.7%;
    padding-right: 4.7%;
  }
}

@media only screen and (min-width: 321px) {
  .vmp-article-hero .hero-content .hero-heading, .vmp-article-hero .hero-content .mobile-hero-heading {
    font-size: 44px;
    line-height: 50px;
    margin-bottom: 40px;
    padding-left: 4.7%;
    padding-right: 4.7%;
  }
}

@media only screen and (min-width: 768px) {
  .vmp-article-hero .hero-content .hero-heading, .vmp-article-hero .hero-content .mobile-hero-heading {
    font-size: 45px;
    margin-bottom: 10px;
    padding-left: 10.9%;
    padding-right: 10.9%;
  }
}

@media only screen and (min-width: 992px) {
  .vmp-article-hero .hero-content .hero-heading, .vmp-article-hero .hero-content .mobile-hero-heading {
    font-size: 58px;
    line-height: 79px;
    margin-bottom: 60px;
    padding-left: 10.7%;
    padding-right: 10.7%;
  }
}

@media only screen and (min-width: 1200px) {
  .vmp-article-hero .hero-content .hero-heading, .vmp-article-hero .hero-content .mobile-hero-heading {
    font-size: 70px;
    line-height: 79px;
    padding-left: 16.4%;
    padding-right: 16.4%;
  }
}

.vmp-article-hero .line-color {
  width: 222px;
  height: 6px;
  display: block;
  background: #fff;
  position: relative;
  left: 0;
  right: 0;
  margin: 0 auto;
}

@media only screen and (max-width: 320px) {
  .vmp-article-hero .line-color {
    width: 145px;
    height: 4px;
    margin-bottom: 40px;
  }
}

@media only screen and (min-width: 321px) {
  .vmp-article-hero .line-color {
    width: 145px;
    height: 4px;
    margin-bottom: 40px;
  }
}

@media only screen and (min-width: 768px) {
  .vmp-article-hero .line-color {
    width: 202px;
    height: 4px;
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 992px) {
  .vmp-article-hero .line-color {
    width: 222px;
    height: 6px;
    margin-bottom: 60px;
  }
}

@media only screen and (min-width: 1200px) {
  .vmp-article-hero .line-color {
    width: 222px;
    height: 6px;
  }
}

.vmp-article-hero .hero-snippet, .vmp-article-hero .mobile-hero-snippet {
  font-family: "VM Circular Light", sans-serif;
  font-size: 26px;
  color: #fff;
  position: relative;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}

.vmp-article-hero .hero-snippet p, .vmp-article-hero .mobile-hero-snippet p {
  display: inline;
}

@media only screen and (max-width: 320px) {
  .vmp-article-hero .hero-snippet, .vmp-article-hero .mobile-hero-snippet {
    font-size: 20px;
    padding-left: 4.7%;
    padding-right: 4.7%;
  }
}

@media only screen and (min-width: 321px) {
  .vmp-article-hero .hero-snippet, .vmp-article-hero .mobile-hero-snippet {
    font-size: 20px;
    padding-left: 4.7%;
    padding-right: 4.7%;
  }
}

@media only screen and (min-width: 768px) {
  .vmp-article-hero .hero-snippet, .vmp-article-hero .mobile-hero-snippet {
    font-size: 16px;
    padding-left: 27.3%;
    padding-right: 27.3%;
  }
}

@media only screen and (min-width: 992px) {
  .vmp-article-hero .hero-snippet, .vmp-article-hero .mobile-hero-snippet {
    font-size: 18px;
    padding-left: 35.2%;
    padding-right: 35.2%;
  }
}

@media only screen and (min-width: 1200px) {
  .vmp-article-hero .hero-snippet, .vmp-article-hero .mobile-hero-snippet {
    font-size: 26px;
    padding-left: 32.6%;
    padding-right: 32.6%;
  }
}

.vmp-article-hero .arrow-left-btn,
.vmp-article-hero .arrow-right-btn {
  background-image: url("commons/components/img/vmpresents/anchor_right.png");
  background-size: contain;
  width: 44px;
  height: 44px;
  top: 50%;
  right: 33px;
  position: absolute;
  display: none;
  cursor: pointer;
  margin-top: -22px;
}

@media only screen and (max-width: 320px) {
  .vmp-article-hero .arrow-left-btn,
  .vmp-article-hero .arrow-right-btn {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .vmp-article-hero .arrow-left-btn,
  .vmp-article-hero .arrow-right-btn {
    width: 29px;
    height: 29px;
    right: 21px;
    display: block;
    margin-top: -15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vmp-article-hero .arrow-left-btn,
  .vmp-article-hero .arrow-right-btn {
    width: 44px;
    height: 44px;
    right: 25px;
    display: block;
    margin-top: -22px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .vmp-article-hero .arrow-left-btn,
  .vmp-article-hero .arrow-right-btn {
    width: 44px;
    height: 44px;
    right: 33px;
    display: block;
  }
}

@media only screen and (min-width: 1200px) {
  .vmp-article-hero .arrow-left-btn,
  .vmp-article-hero .arrow-right-btn {
    width: 44px;
    height: 44px;
    right: 33px;
    display: block;
  }
}

.vmp-article-hero .arrow-left-btn {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
  right: auto;
  left: 33px;
}

@media only screen and (max-width: 767px) {
  .vmp-article-hero .arrow-left-btn {
    right: auto;
    left: 21px;
  }
}

@media only screen and (min-width: 992px) {
  .vmp-article-hero .arrow-left-btn {
    right: auto;
    left: 25px;
  }
}

@media only screen and (min-width: 1200px) {
  .vmp-article-hero .arrow-left-btn {
    right: auto;
    left: 33px;
  }
}

.vmp-article-hero .arrow-down-btn {
  background-image: url("commons/components/img/vmpresents/anchor_down.png");
  background-size: contain;
  width: 28px;
  height: 28px;
  position: absolute;
  bottom: 22px;
  left: 0;
  right: 0;
  margin: 0 auto;
  cursor: pointer;
}

@media only screen and (max-width: 320px) {
  .vmp-article-hero .arrow-down-btn {
    width: 28px;
    height: 28px;
    bottom: 22px;
  }
}

@media only screen and (max-width: 767px) {
  .vmp-article-hero .arrow-down-btn {
    width: 28px;
    height: 28px;
    bottom: 68px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vmp-article-hero .arrow-down-btn {
    width: 43px;
    height: 43px;
    bottom: 68px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .vmp-article-hero .arrow-down-btn {
    width: 43px;
    height: 43px;
    bottom: 68px;
  }
}

@media only screen and (min-width: 1200px) {
  .vmp-article-hero .arrow-down-btn {
    width: 43px;
    height: 43px;
    bottom: 68px;
  }
}

.vmp-article-hero .white-line-diagonal {
  position: absolute;
  display: block;
  height: 69px;
  left: 0;
  bottom: -1px;
  right: 0;
  width: 1000px;
  overflow: hidden;
  background: transparent;
  margin: 0 auto;
}

.vmp-article-hero .white-line-diagonal:before {
  content: '';
  position: absolute;
  left: -1px;
  right: 0;
  top: 21px;
  width: 100%;
  height: 68px;
  background: #fff;
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  transform: rotate(2deg);
}

@media only screen and (max-width: 320px) {
  .vmp-article-hero .white-line-diagonal {
    height: 27px;
    width: 320px;
  }
  .vmp-article-hero .white-line-diagonal:before {
    height: 27px;
  }
}

@media only screen and (max-width: 767px) {
  .vmp-article-hero .white-line-diagonal {
    height: 26px;
    width: 600px;
  }
  .vmp-article-hero .white-line-diagonal:before {
    height: 68px;
  }
}

@media only screen and (min-width: 768px) {
  .vmp-article-hero .white-line-diagonal {
    width: 600px;
  }
}

@media only screen and (min-width: 992px) {
  .vmp-article-hero .white-line-diagonal {
    width: 780px;
  }
}

@media only screen and (min-width: 1200px) {
  .vmp-article-hero .white-line-diagonal {
    width: 1000px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vmp-article-hero .hero-heading.highlight-font-size-xxs {
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 34px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .vmp-article-hero .hero-heading.highlight-font-size-xxs {
    font-size: 44px;
    font-size: 4.4rem;
    line-height: 44px;
  }
}

@media only screen and (min-width: 1200px) {
  .vmp-article-hero .hero-heading.highlight-font-size-xxs {
    font-size: 53px;
    font-size: 5.3rem;
    line-height: 53px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vmp-article-hero .hero-heading.highlight-font-size-xs {
    font-size: 40px;
    font-size: 4rem;
    line-height: 40px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .vmp-article-hero .hero-heading.highlight-font-size-xs {
    font-size: 52px;
    font-size: 5.2rem;
    line-height: 52px;
  }
}

@media only screen and (min-width: 1200px) {
  .vmp-article-hero .hero-heading.highlight-font-size-xs {
    font-size: 63px;
    font-size: 6.3rem;
    line-height: 63px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vmp-article-hero .hero-heading.highlight-font-size-s {
    font-size: 46px;
    font-size: 4.6rem;
    line-height: 46px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .vmp-article-hero .hero-heading.highlight-font-size-s {
    font-size: 60px;
    font-size: 6rem;
    line-height: 60px;
  }
}

@media only screen and (min-width: 1200px) {
  .vmp-article-hero .hero-heading.highlight-font-size-s {
    font-size: 72px;
    font-size: 7.2rem;
    line-height: 72px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vmp-article-hero .hero-heading.highlight-font-size-m {
    font-size: 52px;
    font-size: 5.2rem;
    line-height: 52px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .vmp-article-hero .hero-heading.highlight-font-size-m {
    font-size: 68px;
    font-size: 6.8rem;
    line-height: 68px;
  }
}

@media only screen and (min-width: 1200px) {
  .vmp-article-hero .hero-heading.highlight-font-size-m {
    font-size: 82px;
    font-size: 8.2rem;
    line-height: 82px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vmp-article-hero .hero-heading.highlight-font-size-l {
    font-size: 58px;
    font-size: 5.8rem;
    line-height: 58px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .vmp-article-hero .hero-heading.highlight-font-size-l {
    font-size: 75px;
    font-size: 7.5rem;
    line-height: 75px;
  }
}

@media only screen and (min-width: 1200px) {
  .vmp-article-hero .hero-heading.highlight-font-size-l {
    font-size: 91px;
    font-size: 9.1rem;
    line-height: 91px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vmp-article-hero .hero-heading.highlight-font-size-xl {
    font-size: 64px;
    font-size: 6.4rem;
    line-height: 64px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .vmp-article-hero .hero-heading.highlight-font-size-xl {
    font-size: 83px;
    font-size: 8.3rem;
    line-height: 83px;
  }
}

@media only screen and (min-width: 1200px) {
  .vmp-article-hero .hero-heading.highlight-font-size-xl {
    font-size: 101px;
    font-size: 10.1rem;
    line-height: 101px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vmp-article-hero .hero-heading.highlight-font-size-xxl {
    font-size: 70px;
    font-size: 7rem;
    line-height: 70px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .vmp-article-hero .hero-heading.highlight-font-size-xxl {
    font-size: 91px;
    font-size: 9.1rem;
    line-height: 91px;
  }
}

@media only screen and (min-width: 1200px) {
  .vmp-article-hero .hero-heading.highlight-font-size-xxl {
    font-size: 110px;
    font-size: 11rem;
    line-height: 110px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vmp-article-hero .hero-snippet.highlight-font-size-s {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 14px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .vmp-article-hero .hero-snippet.highlight-font-size-s {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 18px;
  }
}

@media only screen and (min-width: 1200px) {
  .vmp-article-hero .hero-snippet.highlight-font-size-s {
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 21px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vmp-article-hero .hero-snippet.highlight-font-size-m {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .vmp-article-hero .hero-snippet.highlight-font-size-m {
    font-size: 19px;
    font-size: 1.9rem;
    line-height: 19px;
  }
}

@media only screen and (min-width: 1200px) {
  .vmp-article-hero .hero-snippet.highlight-font-size-m {
    font-size: 23px;
    font-size: 2.3rem;
    line-height: 23px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vmp-article-hero .hero-snippet.highlight-font-size-l {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 16px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .vmp-article-hero .hero-snippet.highlight-font-size-l {
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 21px;
  }
}

@media only screen and (min-width: 1200px) {
  .vmp-article-hero .hero-snippet.highlight-font-size-l {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 24px;
  }
}

@media only screen and (max-width: 320px) {
  .vmp-article-hero .mobile-hero-heading.highlight-font-size-xs {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 28px;
  }
}

@media only screen and (min-width: 321px) {
  .vmp-article-hero .mobile-hero-heading.highlight-font-size-xs {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 28px;
  }
}

@media only screen and (min-width: 375px) {
  .vmp-article-hero .mobile-hero-heading.highlight-font-size-xs {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 28px;
  }
}

@media only screen and (min-width: 414px) {
  .vmp-article-hero .mobile-hero-heading.highlight-font-size-xs {
    font-size: 31px;
    font-size: 3.1rem;
    line-height: 31px;
  }
}

@media only screen and (min-width: 480px) {
  .vmp-article-hero .mobile-hero-heading.highlight-font-size-xs {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 36px;
  }
}

@media only screen and (min-width: 600px) {
  .vmp-article-hero .mobile-hero-heading.highlight-font-size-xs {
    font-size: 45px;
    font-size: 4.5rem;
    line-height: 45px;
  }
}

@media only screen and (min-width: 700px) {
  .vmp-article-hero .mobile-hero-heading.highlight-font-size-xs {
    font-size: 53px;
    font-size: 5.3rem;
    line-height: 53px;
  }
}

@media only screen and (max-width: 320px) {
  .vmp-article-hero .mobile-hero-heading.highlight-font-size-s {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 32px;
  }
}

@media only screen and (min-width: 321px) {
  .vmp-article-hero .mobile-hero-heading.highlight-font-size-s {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 32px;
  }
}

@media only screen and (min-width: 375px) {
  .vmp-article-hero .mobile-hero-heading.highlight-font-size-s {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 32px;
  }
}

@media only screen and (min-width: 414px) {
  .vmp-article-hero .mobile-hero-heading.highlight-font-size-s {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 36px;
  }
}

@media only screen and (min-width: 480px) {
  .vmp-article-hero .mobile-hero-heading.highlight-font-size-s {
    font-size: 41px;
    font-size: 4.1rem;
    line-height: 41px;
  }
}

@media only screen and (min-width: 600px) {
  .vmp-article-hero .mobile-hero-heading.highlight-font-size-s {
    font-size: 52px;
    font-size: 5.2rem;
    line-height: 52px;
  }
}

@media only screen and (min-width: 700px) {
  .vmp-article-hero .mobile-hero-heading.highlight-font-size-s {
    font-size: 60px;
    font-size: 6rem;
    line-height: 60px;
  }
}

@media only screen and (max-width: 320px) {
  .vmp-article-hero .mobile-hero-heading.highlight-font-size-m {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 36px;
  }
}

@media only screen and (min-width: 321px) {
  .vmp-article-hero .mobile-hero-heading.highlight-font-size-m {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 36px;
  }
}

@media only screen and (min-width: 375px) {
  .vmp-article-hero .mobile-hero-heading.highlight-font-size-m {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 36px;
  }
}

@media only screen and (min-width: 414px) {
  .vmp-article-hero .mobile-hero-heading.highlight-font-size-m {
    font-size: 40px;
    font-size: 4rem;
    line-height: 40px;
  }
}

@media only screen and (min-width: 480px) {
  .vmp-article-hero .mobile-hero-heading.highlight-font-size-m {
    font-size: 47px;
    font-size: 4.7rem;
    line-height: 47px;
  }
}

@media only screen and (min-width: 600px) {
  .vmp-article-hero .mobile-hero-heading.highlight-font-size-m {
    font-size: 58px;
    font-size: 5.8rem;
    line-height: 58px;
  }
}

@media only screen and (min-width: 700px) {
  .vmp-article-hero .mobile-hero-heading.highlight-font-size-m {
    font-size: 68px;
    font-size: 6.8rem;
    line-height: 68px;
  }
}

@media only screen and (max-width: 320px) {
  .vmp-article-hero .mobile-hero-heading.highlight-font-size-l {
    font-size: 40px;
    font-size: 4rem;
    line-height: 40px;
  }
}

@media only screen and (min-width: 321px) {
  .vmp-article-hero .mobile-hero-heading.highlight-font-size-l {
    font-size: 40px;
    font-size: 4rem;
    line-height: 40px;
  }
}

@media only screen and (min-width: 375px) {
  .vmp-article-hero .mobile-hero-heading.highlight-font-size-l {
    font-size: 40px;
    font-size: 4rem;
    line-height: 40px;
  }
}

@media only screen and (min-width: 414px) {
  .vmp-article-hero .mobile-hero-heading.highlight-font-size-l {
    font-size: 45px;
    font-size: 4.5rem;
    line-height: 45px;
  }
}

@media only screen and (min-width: 480px) {
  .vmp-article-hero .mobile-hero-heading.highlight-font-size-l {
    font-size: 52px;
    font-size: 5.2rem;
    line-height: 52px;
  }
}

@media only screen and (min-width: 600px) {
  .vmp-article-hero .mobile-hero-heading.highlight-font-size-l {
    font-size: 65px;
    font-size: 6.5rem;
    line-height: 65px;
  }
}

@media only screen and (min-width: 700px) {
  .vmp-article-hero .mobile-hero-heading.highlight-font-size-l {
    font-size: 75px;
    font-size: 7.5rem;
    line-height: 75px;
  }
}

@media only screen and (max-width: 320px) {
  .vmp-article-hero .mobile-hero-heading.highlight-font-size-xl {
    font-size: 44px;
    font-size: 4.4rem;
    line-height: 44px;
  }
}

@media only screen and (min-width: 321px) {
  .vmp-article-hero .mobile-hero-heading.highlight-font-size-xl {
    font-size: 44px;
    font-size: 4.4rem;
    line-height: 44px;
  }
}

@media only screen and (min-width: 375px) {
  .vmp-article-hero .mobile-hero-heading.highlight-font-size-xl {
    font-size: 44px;
    font-size: 4.4rem;
    line-height: 44px;
  }
}

@media only screen and (min-width: 414px) {
  .vmp-article-hero .mobile-hero-heading.highlight-font-size-xl {
    font-size: 49px;
    font-size: 4.9rem;
    line-height: 49px;
  }
}

@media only screen and (min-width: 480px) {
  .vmp-article-hero .mobile-hero-heading.highlight-font-size-xl {
    font-size: 57px;
    font-size: 5.7rem;
    line-height: 57px;
  }
}

@media only screen and (min-width: 600px) {
  .vmp-article-hero .mobile-hero-heading.highlight-font-size-xl {
    font-size: 71px;
    font-size: 7.1rem;
    line-height: 71px;
  }
}

@media only screen and (min-width: 700px) {
  .vmp-article-hero .mobile-hero-heading.highlight-font-size-xl {
    font-size: 83px;
    font-size: 8.3rem;
    line-height: 83px;
  }
}

@media only screen and (max-width: 320px) {
  .vmp-article-hero .mobile-hero-snippet.highlight-font-size-xs {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 18px;
  }
}

@media only screen and (min-width: 321px) {
  .vmp-article-hero .mobile-hero-snippet.highlight-font-size-xs {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 18px;
  }
}

@media only screen and (min-width: 375px) {
  .vmp-article-hero .mobile-hero-snippet.highlight-font-size-xs {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 18px;
  }
}

@media only screen and (min-width: 414px) {
  .vmp-article-hero .mobile-hero-snippet.highlight-font-size-xs {
    font-size: 20px;
    font-size: 2rem;
    line-height: 20px;
  }
}

@media only screen and (min-width: 480px) {
  .vmp-article-hero .mobile-hero-snippet.highlight-font-size-xs {
    font-size: 23px;
    font-size: 2.3rem;
    line-height: 23px;
  }
}

@media only screen and (min-width: 600px) {
  .vmp-article-hero .mobile-hero-snippet.highlight-font-size-xs {
    font-size: 29px;
    font-size: 2.9rem;
    line-height: 29px;
  }
}

@media only screen and (min-width: 700px) {
  .vmp-article-hero .mobile-hero-snippet.highlight-font-size-xs {
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 34px;
  }
}

@media only screen and (max-width: 320px) {
  .vmp-article-hero .mobile-hero-snippet.highlight-font-size-s {
    font-size: 23px;
    font-size: 2.3rem;
    line-height: 23px;
  }
}

@media only screen and (min-width: 321px) {
  .vmp-article-hero .mobile-hero-snippet.highlight-font-size-s {
    font-size: 23px;
    font-size: 2.3rem;
    line-height: 23px;
  }
}

@media only screen and (min-width: 375px) {
  .vmp-article-hero .mobile-hero-snippet.highlight-font-size-s {
    font-size: 23px;
    font-size: 2.3rem;
    line-height: 23px;
  }
}

@media only screen and (min-width: 414px) {
  .vmp-article-hero .mobile-hero-snippet.highlight-font-size-s {
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 26px;
  }
}

@media only screen and (min-width: 480px) {
  .vmp-article-hero .mobile-hero-snippet.highlight-font-size-s {
    font-size: 30px;
    font-size: 3rem;
    line-height: 30px;
  }
}

@media only screen and (min-width: 600px) {
  .vmp-article-hero .mobile-hero-snippet.highlight-font-size-s {
    font-size: 37px;
    font-size: 3.7rem;
    line-height: 37px;
  }
}

@media only screen and (min-width: 700px) {
  .vmp-article-hero .mobile-hero-snippet.highlight-font-size-s {
    font-size: 43px;
    font-size: 4.3rem;
    line-height: 43px;
  }
}

@media only screen and (max-width: 320px) {
  .vmp-article-hero .mobile-hero-snippet.highlight-font-size-m {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 28px;
  }
}

@media only screen and (min-width: 321px) {
  .vmp-article-hero .mobile-hero-snippet.highlight-font-size-m {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 28px;
  }
}

@media only screen and (min-width: 375px) {
  .vmp-article-hero .mobile-hero-snippet.highlight-font-size-m {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 28px;
  }
}

@media only screen and (min-width: 414px) {
  .vmp-article-hero .mobile-hero-snippet.highlight-font-size-m {
    font-size: 31px;
    font-size: 3.1rem;
    line-height: 31px;
  }
}

@media only screen and (min-width: 480px) {
  .vmp-article-hero .mobile-hero-snippet.highlight-font-size-m {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 36px;
  }
}

@media only screen and (min-width: 600px) {
  .vmp-article-hero .mobile-hero-snippet.highlight-font-size-m {
    font-size: 45px;
    font-size: 4.5rem;
    line-height: 45px;
  }
}

@media only screen and (min-width: 700px) {
  .vmp-article-hero .mobile-hero-snippet.highlight-font-size-m {
    font-size: 53px;
    font-size: 5.3rem;
    line-height: 53px;
  }
}

@media only screen and (max-width: 320px) {
  .vmp-article-hero .mobile-hero-snippet.highlight-font-size-l {
    font-size: 33px;
    font-size: 3.3rem;
    line-height: 33px;
  }
}

@media only screen and (min-width: 321px) {
  .vmp-article-hero .mobile-hero-snippet.highlight-font-size-l {
    font-size: 33px;
    font-size: 3.3rem;
    line-height: 33px;
  }
}

@media only screen and (min-width: 375px) {
  .vmp-article-hero .mobile-hero-snippet.highlight-font-size-l {
    font-size: 33px;
    font-size: 3.3rem;
    line-height: 33px;
  }
}

@media only screen and (min-width: 414px) {
  .vmp-article-hero .mobile-hero-snippet.highlight-font-size-l {
    font-size: 37px;
    font-size: 3.7rem;
    line-height: 37px;
  }
}

@media only screen and (min-width: 480px) {
  .vmp-article-hero .mobile-hero-snippet.highlight-font-size-l {
    font-size: 43px;
    font-size: 4.3rem;
    line-height: 43px;
  }
}

@media only screen and (min-width: 600px) {
  .vmp-article-hero .mobile-hero-snippet.highlight-font-size-l {
    font-size: 53px;
    font-size: 5.3rem;
    line-height: 53px;
  }
}

@media only screen and (min-width: 700px) {
  .vmp-article-hero .mobile-hero-snippet.highlight-font-size-l {
    font-size: 62px;
    font-size: 6.2rem;
    line-height: 62px;
  }
}

@media only screen and (max-width: 320px) {
  .vmp-article-hero .mobile-hero-snippet.highlight-font-size-xl {
    font-size: 38px;
    font-size: 3.8rem;
    line-height: 38px;
  }
}

@media only screen and (min-width: 321px) {
  .vmp-article-hero .mobile-hero-snippet.highlight-font-size-xl {
    font-size: 38px;
    font-size: 3.8rem;
    line-height: 38px;
  }
}

@media only screen and (min-width: 375px) {
  .vmp-article-hero .mobile-hero-snippet.highlight-font-size-xl {
    font-size: 38px;
    font-size: 3.8rem;
    line-height: 38px;
  }
}

@media only screen and (min-width: 414px) {
  .vmp-article-hero .mobile-hero-snippet.highlight-font-size-xl {
    font-size: 42px;
    font-size: 4.2rem;
    line-height: 42px;
  }
}

@media only screen and (min-width: 480px) {
  .vmp-article-hero .mobile-hero-snippet.highlight-font-size-xl {
    font-size: 49px;
    font-size: 4.9rem;
    line-height: 49px;
  }
}

@media only screen and (min-width: 600px) {
  .vmp-article-hero .mobile-hero-snippet.highlight-font-size-xl {
    font-size: 61px;
    font-size: 6.1rem;
    line-height: 61px;
  }
}

@media only screen and (min-width: 700px) {
  .vmp-article-hero .mobile-hero-snippet.highlight-font-size-xl {
    font-size: 72px;
    font-size: 7.2rem;
    line-height: 72px;
  }
}

.ookla-speedtest .ookla-speedtest-wrapper .ookla-speedtest-intro, .ookla-speedtest .ookla-speedtest-wrapper .ookla-speedtest-results {
  margin: 0 auto;
  max-width: 660px;
  text-align: center;
}

.ookla-speedtest .ookla-speedtest-wrapper .ookla-speedtest-intro {
  padding-top: 40px;
  padding-bottom: 40px;
  color: #322332;
}

@media only screen and (max-width: 767px) {
  .ookla-speedtest .ookla-speedtest-wrapper .ookla-speedtest-intro {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.ookla-speedtest .ookla-speedtest-wrapper .ookla-speedtest-intro .ookla-speedtest-title h1 {
  margin: 0;
}

.ookla-speedtest .ookla-speedtest-wrapper .ookla-speedtest-intro .ookla-speedtest-subtitle {
  padding-top: 10px;
  font-size: 20px;
  font-size: 2rem;
  font-family: "VM Circular Book", sans-serif;
}

@media only screen and (max-width: 767px) {
  .ookla-speedtest .ookla-speedtest-wrapper .ookla-speedtest-intro .ookla-speedtest-subtitle {
    font-family: "VM Circular Light", sans-serif;
  }
}

.ookla-speedtest .ookla-speedtest-wrapper .ookla-speedtest-results {
  padding-top: 40px;
  padding-bottom: 65px;
  position: relative;
}

.ookla-speedtest .ookla-speedtest-wrapper .ookla-speedtest-results:after {
  content: "";
  position: absolute;
  bottom: 0;
  margin-left: -21px;
  width: 0;
  height: 0;
  border-left: 21px solid transparent;
  border-right: 21px solid transparent;
  border-bottom: 21px solid #422942;
}

@media only screen and (max-width: 767px) {
  .ookla-speedtest .ookla-speedtest-wrapper .ookla-speedtest-results {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 26px;
  }
  .ookla-speedtest .ookla-speedtest-wrapper .ookla-speedtest-results:after {
    margin-left: -14px;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-bottom: 14px solid #422942;
  }
}

.ookla-speedtest .ookla-speedtest-wrapper .ookla-speedtest-results h3, .ookla-speedtest .ookla-speedtest-wrapper .ookla-speedtest-results .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina .ookla-speedtest .ookla-speedtest-wrapper .ookla-speedtest-results .acc-panel-title {
  font-size: 30px;
  font-size: 3rem;
}

.ookla-speedtest .ookla-speedtest-wrapper .ookla-speedtest-results .ookla-speedtest-results-speed {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 25px 0;
}

.ookla-speedtest .ookla-speedtest-wrapper .ookla-speedtest-results .ookla-speedtest-results-speed .ookla-speedtest-results-speed-down {
  margin-right: 80px;
}

.ookla-speedtest .ookla-speedtest-wrapper .ookla-speedtest-results .ookla-speedtest-results-speed .ookla-speedtest-results-speed-up {
  margin-left: 80px;
}

@media only screen and (max-width: 767px) {
  .ookla-speedtest .ookla-speedtest-wrapper .ookla-speedtest-results .ookla-speedtest-results-speed {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .ookla-speedtest .ookla-speedtest-wrapper .ookla-speedtest-results .ookla-speedtest-results-speed .ookla-speedtest-results-speed-down {
    margin-right: 0;
  }
  .ookla-speedtest .ookla-speedtest-wrapper .ookla-speedtest-results .ookla-speedtest-results-speed .ookla-speedtest-results-speed-up {
    margin-left: 0;
  }
  .ookla-speedtest .ookla-speedtest-wrapper .ookla-speedtest-results .ookla-speedtest-results-speed > div {
    margin-bottom: 20px;
  }
}

.ookla-speedtest .ookla-speedtest-wrapper .ookla-speedtest-results .ookla-speedtest-results-speed .ookla-speedtest-results-speed-units {
  font-size: 30px;
  font-size: 3rem;
  line-height: 38px;
  font-family: "VM Circular Book", sans-serif;
  color: #9b1478;
}

.ookla-speedtest .ookla-speedtest-wrapper .ookla-speedtest-results .ookla-speedtest-results-speed .ookla-speedtest-results-speed-desc {
  font-size: 16px;
  font-size: 1.6rem;
}

.ookla-speedtest .ookla-speedtest-wrapper .ookla-speedtest-results .ookla-speedtest-results-bottom {
  margin-bottom: 30px;
}

.ookla-speedtest .ookla-speedtest-wrapper .ookla-speedtest-intro + .ookla-speedtest-results {
  padding-top: 0;
}

.ookla-speedtest .ookla-speedtest-wrapper .ookla-speedtest-test {
  background-color: #422942;
}

.ookla-speedtest .ookla-speedtest-wrapper .ookla-speedtest-test iframe {
  overflow: hidden;
}

.coverage-checker .coverage-checker-wrapper .coverage-checker-container {
  margin: 0 auto;
  max-width: 750px;
  padding: 0 30px;
  text-align: center;
}

.coverage-checker .coverage-checker-wrapper .coverage-checker-intro {
  padding: 50px 0;
}

.coverage-checker .coverage-checker-wrapper .coverage-checker-question .coverage-checker-question-wrapper {
  border-top: 1px #d8d8d8 solid;
  padding: 35px 0 50px;
}

.coverage-checker .coverage-checker-wrapper .coverage-checker-question.coverage-checker-question-current {
  background-color: #f7f7f7;
}

.coverage-checker .coverage-checker-wrapper .coverage-checker-question.coverage-checker-question-current .coverage-checker-question-wrapper {
  border-top-color: #f7f7f7;
}

.coverage-checker .coverage-checker-wrapper .coverage-checker-question .coverage-checker-question-text {
  margin-bottom: 45px;
}

.coverage-checker .coverage-checker-wrapper .coverage-checker-question .coverage-checker-answer {
  min-width: 200px;
  margin: 0 7px;
}

@media only screen and (max-width: 767px) {
  .coverage-checker .coverage-checker-wrapper .coverage-checker-question .coverage-checker-answer {
    width: 100%;
    margin: 0;
  }
  .coverage-checker .coverage-checker-wrapper .coverage-checker-question .coverage-checker-answer:not(:last-child) {
    margin: 0 0 20px 0;
  }
}

@media only screen and (max-width: 767px) {
  .coverage-checker .coverage-checker-wrapper .coverage-checker-map .coverage-checker-iframe.container-fluid {
    padding: 0 10px;
  }
}

@media only screen and (min-width: 768px) {
  .coverage-checker .coverage-checker-wrapper .coverage-checker-map .coverage-checker-iframe.container-fluid {
    padding: 0;
  }
}

.coverage-checker .coverage-checker-wrapper .coverage-checker-map .coverage-checker-iframe iframe {
  width: 100%;
  margin: 0;
  border: none;
}

@media only screen and (max-width: 320px) {
  .coverage-checker .coverage-checker-wrapper .coverage-checker-map .coverage-checker-iframe iframe {
    min-height: 1524px;
  }
}

@media only screen and (min-width: 321px) and (max-width: 599px) {
  .coverage-checker .coverage-checker-wrapper .coverage-checker-map .coverage-checker-iframe iframe {
    min-height: 1508px;
  }
}

@media only screen and (min-width: 600px) {
  .coverage-checker .coverage-checker-wrapper .coverage-checker-map .coverage-checker-iframe iframe {
    min-height: 819px;
  }
}

.coverage-checker .coverage-checker-wrapper .coverage-checker-map .coverage-checker-iframe div {
  background-color: #f7f7f7;
  padding: 50px 0;
  text-align: center;
}

.coverage-checker .coverage-checker-wrapper .coverage-checker-map .coverage-checker-iframe div span {
  font-weight: 700;
}

.coverage-checker .coverage-checker-wrapper .coverage-checker-map .coverage-checker-disclaimer {
  padding: 30px 0 20px;
}

.coverage-checker .coverage-checker-wrapper .coverage-checker-map .coverage-checker-cta {
  padding-bottom: 20px;
}

.coverage-checker .coverage-checker-wrapper .coverage-checker-map .coverage-checker-cta span.fa {
  font-size: 11px;
  font-size: 1.1rem;
}

@media only screen and (min-width: 768px) {
  .addthis_button_whatsapp {
    display: none !important;
  }
  .corporate-social {
    float: right;
  }
}

.cablemystreet-social-widget {
  background: #dbdbdb;
  padding: 40px 0;
}

.cablemystreet-social-widget.component {
  margin-bottom: 0;
}

.cablemystreet-social-widget .addthis_toolbox {
  display: block;
}

@media only screen and (min-width: 768px) {
  .cablemystreet-social-widget .addthis_toolbox {
    display: inline-block;
  }
}

.cablemystreet-social-widget .addthis_toolbox a, .cablemystreet-social-widget .addthis_toolbox .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .cablemystreet-social-widget .addthis_toolbox span {
  color: #4c225f;
}

.article-social-icons {
  position: relative;
  display: inline-block;
}

.article-social-icons .addthis_toolbox {
  display: inline-block;
  float: left;
}

.article-social-icons .share-title {
  font-family: "VM Circular Medium", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  color: #999;
  margin-bottom: 10px;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .article-social-icons .share-title {
    float: left;
    display: inline-block;
    margin-bottom: 0;
    margin-right: 18px;
    line-height: 22px;
  }
}

@media only screen and (max-width: 767px) {
  .article-social-icons .share-title {
    float: left;
    display: inline-block;
    margin-bottom: 0;
    margin-right: 18px;
    line-height: 22px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .article-social-icons .share-title {
    margin-right: 16px !important;
  }
}

.article-social-icons a, .article-social-icons .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .article-social-icons span {
  display: block;
  width: 24px !important;
  height: 24px;
  margin-bottom: 8px !important;
  position: relative;
}

.article-social-icons a i, .article-social-icons .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span i, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .article-social-icons span i {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
  display: block;
  position: absolute;
  top: -2px;
  left: 0;
}

.article-social-icons a i.fa-google-plus-official, .article-social-icons .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span i.fa-google-plus-official, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .article-social-icons span i.fa-google-plus-official {
  font-size: 28px;
  font-size: 2.8rem;
}

.article-social-icons a img, .article-social-icons .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span img, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .article-social-icons span img {
  width: 100%;
  vertical-align: top;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .article-social-icons a, .article-social-icons .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .article-social-icons span {
    float: left;
    display: inline-block;
    margin-bottom: 0 !important;
    margin-right: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .article-social-icons a, .article-social-icons .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .article-social-icons span {
    float: left;
    display: inline-block;
    margin-bottom: 0 !important;
    margin-right: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .article-social-icons a, .article-social-icons .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .article-social-icons span {
    margin-right: 16px !important;
  }
}

.article-social-icons .content-tooltip {
  float: left;
  display: inline-block;
}

.article-social-icons .mobile-content-tooltip {
  float: left;
  display: inline-block;
  cursor: pointer;
}

.article-social-icons .mobile-content-tooltip .mobile-content-dots {
  color: #dd0000;
  font-family: "VM Circular Bold", sans-serif;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 0.4;
  text-align: center;
  display: block;
  width: 34px;
  height: 34px;
  background: #fff;
}

.article-social-icons .mobile-content-tooltip .mobile-content-tooltip-inner {
  top: 88%;
  position: absolute;
  right: 0;
  background: #fff;
  padding-bottom: 7px;
  display: none;
}

.article-social-icons .mobile-content-tooltip .mobile-content-tooltip-inner a, .article-social-icons .mobile-content-tooltip .mobile-content-tooltip-inner .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .article-social-icons .mobile-content-tooltip .mobile-content-tooltip-inner span {
  margin-right: 10px;
  margin-left: 10px;
}

.article-social-icons .mobile-content-tooltip .mobile-content-tooltip-inner:after {
  content: '';
  display: block;
  width: 100%;
  height: 7px;
  background: #fff;
  position: absolute;
  bottom: 100%;
}

.article-social-icons .mobile-content-tooltip.show-menu {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.17);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.17);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.17);
}

.article-social-icons .mobile-content-tooltip.show-menu .mobile-content-tooltip-inner {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.17);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.17);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.17);
  display: block;
}

.social-sharing-widget {
  position: relative;
  z-index: 9;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .social-sharing-widget {
    padding-top: 4px;
  }
}

.breadcrumb {
  background-color: transparent;
  padding: 0 0 8px;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "VM Circular Book", sans-serif;
}

.breadcrumb > li + li:before {
  content: ">";
}

.breadcrumb > .active {
  color: #666;
}

.breadcrumb-wrapper.breadcrumb {
  padding: 0;
  margin: 0;
}

.btn {
  border-radius: 19px;
  color: #fff;
  font-family: "VM Circular Medium", sans-serif;
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 1;
  padding: 10.5px 30px;
  -webkit-transition: all false false, 0.5s false false, ease-out false false;
  -moz-transition: all false false false, 0.5s false false false, ease-out false false false;
  -o-transition: all false false false, 0.5s false false false, ease-out false false false;
  transition: all 0.5s ease-out;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-primary {
  background-color: #ed0000;
  border: none;
  font-weight: 600;
}

.btn-primary:hover, .btn-primary:focus {
  background-color: #ff6666;
}

.btn-primary[disabled] {
  background-color: #ed0000;
  opacity: 1;
  pointer-events: all;
  cursor: default;
}

.navigation-content {
  padding: 18px 0px;
}

.navigation-content .navigation-link a, .navigation-content .navigation-link .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .navigation-content .navigation-link span {
  cursor: pointer;
}

.navigation-content .navigation-right {
  float: none;
  text-align: center;
}

.navigation-content .navigation-right .navigation-link {
  float: left;
  font-family: "VM Circular Book", sans-serif;
  font-weight: 400;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: normal;
  text-align: center;
}

.navigation-content .navigation-right .navigation-link a, .navigation-content .navigation-right .navigation-link .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .navigation-content .navigation-right .navigation-link span {
  color: #4c225f;
  text-decoration: none;
}

.navigation-content .navigation-right .navigation-link a:hover, .navigation-content .navigation-right .navigation-link .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:hover, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .navigation-content .navigation-right .navigation-link span:hover {
  text-decoration: underline;
}

.navigation-content .navigation-right .navigation-link.cms-navigation-home a, .navigation-content .navigation-right .navigation-link.cms-navigation-home .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .navigation-content .navigation-right .navigation-link.cms-navigation-home span {
  cursor: pointer;
}

.navigation-content .navigation-right .navigation-link.active a, .navigation-content .navigation-right .navigation-link.active .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .navigation-content .navigation-right .navigation-link.active span {
  color: #333;
}

@media only screen and (min-width: 768px) {
  .navigation-content {
    display: block;
    overflow: hidden;
    font-style: normal;
    padding: 20px 0px;
  }
  .navigation-content .navigation-right {
    padding-top: 15px;
    float: right;
  }
  .navigation-content .navigation-right .navigation-link {
    text-align: right;
  }
}

.cms-speed-checker-accelerometer #cms-speed-checker-accelerometer-pointer-user, .cms-speed-checker-accelerometer #cms-speed-checker-accelerometer-pointer-vm {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 15px;
  left: 0;
}

html.ie8 .cms-speed-checker-broadband-speed-container td .cms-speed-checker-broadband-speed-select, html.ie9 .cms-speed-checker-broadband-speed-container td .cms-speed-checker-broadband-speed-select {
  cursor: pointer;
  background-image: url(onecms/base/img/speed-checker/select-background-alt.png);
  background-repeat: no-repeat;
  background-position: right 50%;
}

.speed-checker-placeholder {
  width: 100%;
}

.speed-checker-blank {
  width: 100%;
}

.cms-speed-checker {
  padding: 60px 0 0;
}

.cms-speed-checker strong {
  font-weight: 700;
}

.cms-speed-checker p {
  font-family: "VM Circular Book", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
}

.icon-camera {
  background-image: url("onecms/base/img/speed-checker/HD-ready-icon.png");
}

.cms-speed-compare-title {
  font-family: "VM Circular Medium", sans-serif;
  margin: 40px 0;
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 30px;
}

.cms-speed-checker-intro-title {
  font-family: "VM Circular Medium", sans-serif;
  padding-bottom: 40px;
  font-size: 33px;
  font-size: 3.3rem;
  line-height: 38px;
  text-align: center;
  margin: 0;
}

.cms-speed-checker-intro-text {
  text-align: center;
}

/*.cms-speed-checker__text {
	text-align: center;
	color: $core-grey;
	font-size: 16px;
	line-height: 23px;
	padding: 0 0 20px;
}*/
/*.cms-speed-checker_table-toggle {
	padding-bottom: 20px;
	color: $vm-bg-purple;
	a {
		display: block;
		text-align: center;
		font-size: 15px;
		color: $core-black;
	}
	h5 {
		color: $vm-bg-purple;
	}
}*/
/*.cms-speed-checker_table-container {
	width: 100%;
	height: 0;
	overflow: hidden;
	-webkit-transition: height .5s ease;
	//Instead of the line below you could use @include transition($transition-1, $transition-2, $transition-3, $transition-4, $transition-5, $transition-6, $transition-7, $transition-8, $transition-9, $transition-10)
	transition: height .5s ease;
	margin-bottom: 30px;
	.cms-speed-checker_table {
		width: 100%;
		border-collapse: collapse;
		font-size: 12px;
		margin-top: 40px;
		.cms-speed-checker_table_column {
			background: $vm-bg-grey3;
		}
		td {
			border: 1px solid $core-black;
			padding: 10px;
		}
		th {
			border: 1px solid $core-black;
			background-color: $core-black;
			color: $core-white;
			font-weight: 700;
			padding: 10px;
		}
		tr {
			border: 1px solid $core-black;
			&.-virgin-media-row td {
				background-color: $vm-bg-red;
				color: $core-white;
				font-weight: 700;
			}
		}
	}
	&.-expand {
		height: 300px;
	}
}*/
.cms-speed-checker-broadband-speed {
  background-color: #f3f3f3;
  border-radius: 10px;
  position: relative;
}

.cms-speed-checker-broadband-speed:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-top-color: #f3f3f3;
  border-width: 20px;
  margin-left: -20px;
}

.cms-speed-checker-broadband-speed .cms-speed-checker-broadband-speed-container {
  width: 100%;
}

.cms-speed-checker-broadband-speed .cms-speed-checker-broadband-speed-container td {
  width: 45%;
  padding: 15px;
  vertical-align: middle;
}

.cms-speed-checker-broadband-speed .cms-speed-checker-broadband-speed-container td .cms-speed-checker-broadband-speed-header {
  color: #666;
  padding-bottom: 5px;
  text-align: center;
  margin: 0;
  font-family: "VM Circular Medium", sans-serif;
  font-size: 20px;
  font-size: 2rem;
  line-height: 25px;
}

.cms-speed-checker-broadband-speed .cms-speed-checker-broadband-speed-container td .cms-speed-checker-broadband-speed-mbps {
  text-align: center;
  color: #ed0000;
  font-family: "VM Circular Medium", sans-serif;
  margin: 0;
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 30px;
}

.cms-speed-checker-broadband-speed .cms-speed-checker-broadband-speed-container td .cms-speed-checker-broadband-speed-select {
  color: #666;
  position: relative;
  height: 42px;
  width: 285px;
  border: 2px solid #eae8ea;
  border-radius: 5px;
  background-color: #fff;
  margin: 0 auto;
  pointer-events: all;
  outline: 0;
  overflow: hidden;
}

.cms-speed-checker-broadband-speed .cms-speed-checker-broadband-speed-container td .cms-speed-checker-broadband-speed-select select {
  background: 0 0;
  width: 100%;
  padding: 0 10px !important;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 37px;
  border: 0;
  border-radius: 0;
  margin: 0;
  height: 34px;
  outline: 0;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  pointer-events: all;
}

.cms-speed-checker-broadband-speed .cms-speed-checker-broadband-speed-container td .cms-speed-checker-broadband-speed-select select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #666;
}

.cms-speed-checker-broadband-speed .cms-speed-checker-broadband-speed-container td .cms-speed-checker-broadband-speed-select select::-ms-expand {
  display: none;
}

.cms-speed-checker-broadband-speed .cms-speed-checker-broadband-speed-container td .cms-speed-checker-broadband-speed-select .cms-speed-checker-broadband-speed-select-arrow {
  background: url("onecms/base/img/speed-checker/select-arrow-white.png") center center no-repeat #fff;
  position: absolute;
  right: 2px;
  top: 0;
  width: 40px;
  height: 40px;
  border-left: 2px solid #eae8ea;
  pointer-events: none;
  border-radius: 0 10px 10px 0;
  cursor: pointer;
}

.cms-speed-checker-broadband-speed .cms-speed-checker-broadband-speed-container td.cms-speed-checker-broadband-speed-vs {
  width: 10%;
  text-align: center;
  color: #333;
}

.cms-speed-checker-broadband-speed .cms-speed-checker-broadband-speed-container td.cms-speed-checker-broadband-speed-vs h3, .cms-speed-checker-broadband-speed .cms-speed-checker-broadband-speed-container td.cms-speed-checker-broadband-speed-vs .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina .cms-speed-checker-broadband-speed .cms-speed-checker-broadband-speed-container td.cms-speed-checker-broadband-speed-vs .acc-panel-title {
  font-size: 25px;
  font-size: 2.5rem;
  font-family: "VM Circular Medium", sans-serif;
  line-height: 30px;
}

.cms-speed-checker-content-types {
  padding-top: 36px;
}

.cms-speed-checker-content-types ul {
  padding: 0;
  list-style: none;
}

.cms-speed-checker-content-type {
  width: 140px;
  height: 150px;
  display: block;
  text-align: center;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  margin: 0 auto;
}

.cms-speed-checker-content-type img {
  position: absolute;
  width: 140px;
  height: 150px;
  top: 0;
  left: 0;
  z-index: 1;
}

.cms-speed-checker-content-type i {
  font-size: 40px;
  font-size: 4rem;
  width: 100%;
  display: block;
  position: absolute;
  top: 28px;
  left: 0;
  color: #fff;
  z-index: 2;
  opacity: .8;
}

.cms-speed-checker-content-type i.icon-camera {
  top: 28px;
  left: -10px;
}

.cms-speed-checker-content-type i.icon-joystick {
  font-size: 50px;
  font-size: 5rem;
  top: 27px;
  left: -1px;
}

.cms-speed-checker-content-type i.icon-tv {
  font-size: 49px;
  font-size: 4.9rem;
  top: 23px;
  left: -1px;
}

.cms-speed-checker-content-type span {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 15px;
  text-align: center;
  display: block;
  position: relative;
  margin-top: 87px;
  color: #000;
  z-index: 2;
  font-weight: 700;
  font-family: "VM Circular Medium", sans-serif;
}

.cms-speed-checker-content-type.cms-speed-checker__movie {
  background-position: 0 0;
}

.cms-speed-checker-content-type.cms-speed-checker__movie.selected {
  background-position: -140px 0;
}

.cms-speed-checker-content-type.cms-speed-checker__album {
  background-position: -280px 0;
}

.cms-speed-checker-content-type.cms-speed-checker__album.selected {
  background-position: -420px 0;
}

.cms-speed-checker-content-type.cms-speed-checker__game {
  background-position: -560px 0;
}

.cms-speed-checker-content-type.cms-speed-checker__game.selected {
  background-position: -700px 0;
}

.cms-speed-checker-content-type.cms-speed-checker__tv {
  background-position: -840px 0;
}

.cms-speed-checker-content-type.cms-speed-checker__tv.selected {
  background-position: -980px 0;
}

.cms-speed-checker-content-type.selected span {
  color: #fff;
}

.cms-speed-checker-compare-now-button {
  padding: 9px 30px 12px;
  border-radius: 20px;
  margin: 40px auto 0;
  font-family: "VM Circular Medium", sans-serif;
  display: table;
  border: 0;
  color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  background-color: red;
  clear: both;
  overflow: hidden;
  cursor: pointer;
  line-height: 18px;
}

.cms-speed-checker-compare-now-button.-compare-again {
  margin-top: 0;
  margin-bottom: 0;
}

.cms-speed-checker-accelerometer {
  height: 205px;
  margin: 0 auto 30px;
  width: 366px;
  position: relative;
  background-image: url("onecms/base/img/speed-checker/speed-test-points-grey.png");
  background-repeat: no-repeat;
}

.cms-speed-checker-accelerometer .cms-speed-checker-accelerometer-overlay {
  height: 205px;
  width: 366px;
  background-repeat: no-repeat;
  position: relative;
  background-position: 0 -3075px;
}

.cms-speed-checker-accelerometer .cms-speed-checker-accelerometer-overlay .cms-speed-checker-accelerometer-pointer-image {
  position: absolute;
  bottom: 0;
  left: 50px;
  width: 112px;
  height: 112px;
}

.cms-speed-checker-accelerometer .cms-speed-checker-accelerometer-overlay-vm {
  background-image: url("onecms/base/img/speed-checker/speed-test-points-vm.png");
}

.cms-speed-checker-accelerometer .cms-speed-checker-accelerometer-overlay-user {
  background-image: url("onecms/base/img/speed-checker/speed-test-points-user.png");
}

.cms-speed-checker-accelerometer-text {
  color: #666;
  padding-bottom: 10px;
  text-align: center;
  font-family: sans-serif;
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 29.47px;
  font-weight: 700;
  margin: 0;
}

.cms-speed-checker-accelerometer-time {
  padding-bottom: 10px;
  text-align: center;
  margin: 0;
  font-size: 20px;
  font-size: 2rem;
  line-height: 25px;
  font-family: "VM Circular Medium", sans-serif;
}

.cms-speed-checker-accelerometer-time.-virgin {
  color: #ed0000;
}

.cms-speed-checker-accelerometer-time.-current {
  color: #e19b2d;
}

.cms-speed-checker-accelerometer-container {
  position: relative;
  padding-right: 10px;
  padding-left: 10px;
}

.cms-speed-checker-accelerometer-winner {
  text-align: center;
  display: none;
  height: 45px;
}

.cms-speed-checker-accelerometer-winner #cms-speed-checker-accelerometer-winner {
  color: #ed0000;
  display: inline-block;
  font-weight: 700;
  font-size: 0px;
  font-size: 0rem;
}

.cms-speed-checker-download-text {
  font-size: 18px;
  font-size: 1.8rem;
  color: #535353;
  padding-bottom: 30px;
  text-align: center;
  padding-top: 0;
  margin: 0;
}

@media (max-width: 1200px) {
  .cms-speed-checker-accelerometer-winner {
    margin-bottom: 0;
    height: 55px;
  }
  .cms-speed-checker-accelerometer-time {
    margin-bottom: 10px;
  }
}

@media (max-width: 992px) {
  .cms-speed-checker-content-type {
    margin: 0 auto 20px;
  }
  .cms-speed-checker-accelerometer {
    margin: 0 auto 30px;
  }
  .cms-speed-checker-broadband-speed .cms-speed-checker-broadband-speed-container {
    height: 155px;
  }
  .cms-speed-checker-broadband-speed .cms-speed-checker-broadband-speed-container td h3.cms-speed-checker-broadband-speed-mbps, .cms-speed-checker-broadband-speed .cms-speed-checker-broadband-speed-container td .accordion.js-accordion-concertina .cms-speed-checker-broadband-speed-mbps.acc-panel-title, .accordion.js-accordion-concertina .cms-speed-checker-broadband-speed .cms-speed-checker-broadband-speed-container td .cms-speed-checker-broadband-speed-mbps.acc-panel-title {
    padding-top: 0 !important;
  }
}

@media only screen and (max-width: 320px) {
  .cms-speed-checker-accelerometer {
    margin: 0 auto 30px;
    zoom: 85%;
  }
}

@media (max-width: 544px) {
  .cms-speed-checker {
    padding-top: 40px;
  }
  .cms-speed-checker-broadband-speed .cms-speed-checker-broadband-speed-container td {
    padding: 10px 5px;
  }
  .cms-speed-checker-broadband-speed .cms-speed-checker-broadband-speed-container td .cms-speed-checker-broadband-speed-mbps {
    padding: 5px;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 26px;
  }
  .cms-speed-checker-broadband-speed .cms-speed-checker-broadband-speed-container td .cms-speed-checker-broadband-speed-select {
    width: 100%;
  }
  .cms-speed-checker-broadband-speed .cms-speed-checker-broadband-speed-container td .cms-speed-checker-broadband-speed-select select {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 0 5px;
  }
  .cms-speed-checker-broadband-speed .cms-speed-checker-broadband-speed-container td.cms-speed-checker-broadband-speed-vs {
    font-size: 20px;
    font-size: 2rem;
  }
}

.cms-speed-checker-broadband-speed-container-vm-title {
  position: relative;
}

.cms-speed-checker-broadband-speed-container-vm-title img {
  width: 25%;
  max-width: 85px;
  height: auto;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  top: 0;
  bottom: 0;
}

.cms-speed-checker-broadband-speed-container-vm-title-text {
  width: 70%;
  float: right;
}

html.ie8 .cms-speed-checker-accelerometer-container {
  width: 100%;
}

html.ie8 .cms-speed-checker-content-types ul.row li {
  width: 25%;
}

html.ie8 .cms-speed-checker-content-types ul.row li .cms-speed-checker-content-type {
  margin: 0 auto;
}

html.ie8 .cms-speed-checker-broadband-speed-container td .cms-speed-checker-broadband-speed-select-arrow {
  display: none;
}

html.ie8 .cms-speed-checker-broadband-speed-container td .cms-speed-checker-broadband-speed-select select {
  width: 130%;
}

html.ie8 .cms-speed-checker-broadband-speed-container td .cms-speed-checker-broadband-speed-select select::-ms-expand {
  display: none;
}

html.ie9 .cms-speed-checker-broadband-speed-container td .cms-speed-checker-broadband-speed-select-arrow {
  display: none;
}

html.ie9 .cms-speed-checker-broadband-speed-container td .cms-speed-checker-broadband-speed-select select {
  width: 130%;
}

html.ie9 .cms-speed-checker-broadband-speed-container td .cms-speed-checker-broadband-speed-select select::-ms-expand {
  display: none;
}

@-moz-document url-prefix() {
  .cms-speed-checker-broadband-speed .cms-speed-checker-broadband-speed-container td .cms-speed-checker-broadband-speed-select select {
    width: 118%;
  }
}

.general-selected, .movie-selected, .movie-unselected, .music-selected, .music-unselected, .game-selected, .game-unselected, .tvShow-selected, .tvShow-unselected {
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  width: 140px;
  height: 150px;
}

.movie-selected {
  background-image: url(onecms/base/img/speed-checker/HD-movie-selected.png);
}

.movie-unselected {
  background-image: url(onecms/base/img/speed-checker/HD-movie-unselected.png);
}

.music-selected {
  background-image: url(onecms/base/img/speed-checker/music-album-selected.png);
}

.music-unselected {
  background-image: url(onecms/base/img/speed-checker/music-album-unselected.png);
}

.game-selected {
  background-image: url(onecms/base/img/speed-checker/XBOX-game-selected.png);
}

.game-unselected {
  background-image: url(onecms/base/img/speed-checker/XBOX-game-unselected.png);
}

.tvShow-selected {
  background-image: url(onecms/base/img/speed-checker/TV-show-selected.png);
}

.tvShow-unselected {
  background-image: url(onecms/base/img/speed-checker/TV-show-unselected.png);
}

span.core-white {
  color: #fff;
}

span.core-black {
  color: #000;
}

.cms-speed-checker-time-virgin {
  color: #ed0000;
  text-align: center;
}

.speed-checker-pointer, .virgin-pointer, .competitor-pointer {
  position: relative;
  width: 75px;
  height: 65px;
  background-repeat: no-repeat;
  margin: 40% auto;
}

.virgin-pointer {
  background-image: url(onecms/base/img/speed-checker/speed-test-pointer-vm.png);
}

.competitor-pointer {
  background-image: url(onecms/base/img/speed-checker/speed-test-pointer-user.png);
}

.cms-speed-checker__animation {
  display: none;
}

@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) {
  .cms-speed-checker-accelerometer {
    zoom: 98%;
  }
}

.auto-article-module .main-article {
  margin-bottom: 0;
}

.auto-article-module .main-article .simple-image .page-img-content > div {
  padding-left: 16px;
  padding-right: 16px;
}

.auto-article-module .main-article .simple-image .page-img-content > div p {
  margin-bottom: 16px;
  line-height: 18px;
}

.auto-article-module .main-article .simple-image .simple-caption a, .auto-article-module .main-article .simple-image .simple-caption .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .auto-article-module .main-article .simple-image .simple-caption span {
  display: inline;
  font-family: "VM Circular Light", sans-serif;
}

.auto-article-module .main-article .simple-image .simple-caption .three-horizontal-tile-title {
  line-height: 30px;
  font-size: 25px;
  font-size: 2.5rem;
  color: #fff;
}

.auto-article-module .main-article .simple-image .simple-caption .three-horizontal-tile-title:hover {
  text-decoration: underline;
}

.auto-article-module .main-article .simple-image .simple-caption a.white, .auto-article-module .main-article .simple-image .simple-caption .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span.white, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .auto-article-module .main-article .simple-image .simple-caption span.white {
  color: #fff;
}

.auto-article-module .main-article .simple-image .simple-caption a.white:hover, .auto-article-module .main-article .simple-image .simple-caption .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span.white:hover, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .auto-article-module .main-article .simple-image .simple-caption span.white:hover {
  text-decoration: none;
}

.auto-article-module .grey-tile-contain .tile-grey-background {
  position: relative;
  margin-bottom: 16px;
}

.auto-article-module .grey-tile-contain .tile-grey-background:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .auto-article-module .grey-tile-contain .tile-grey-background {
    margin-top: 16px;
  }
  .auto-article-module .grey-tile-contain .tile-grey-background .tile-text p {
    margin-bottom: 0;
    line-height: 1;
    color: #666;
  }
  .auto-article-module .grey-tile-contain .tile-grey-background .tile-text .tile-title {
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 30px;
    margin-bottom: 15px;
  }
  .auto-article-module .grey-tile-contain .tile-grey-background .tile-text .tile-title a, .auto-article-module .grey-tile-contain .tile-grey-background .tile-text .tile-title .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .auto-article-module .grey-tile-contain .tile-grey-background .tile-text .tile-title span {
    font-family: "VM Circular Light", sans-serif;
  }
}

.auto-article-module.blogs .main-article h2 {
  margin-bottom: 16px;
}

.grey-tile-contain .tile, .sub-headline .tile {
  margin-bottom: 20px;
}

@media only screen and (min-width: 768px) {
  .grey-tile-contain .tile .tile-image a, .grey-tile-contain .tile .tile-image .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .grey-tile-contain .tile .tile-image span, .sub-headline .tile .tile-image a, .sub-headline .tile .tile-image .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .sub-headline .tile .tile-image span {
    display: block;
    overflow: hidden;
  }
  .grey-tile-contain .tile .tile-image a img, .grey-tile-contain .tile .tile-image .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span img, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .grey-tile-contain .tile .tile-image span img, .sub-headline .tile .tile-image a img, .sub-headline .tile .tile-image .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span img, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .sub-headline .tile .tile-image span img {
    height: 180px;
    width: 100%;
  }
  .grey-tile-contain .tile .tile-text, .sub-headline .tile .tile-text {
    padding: 10px 10px 0 10px;
  }
  .grey-tile-contain .tile .tile-text .tile-title, .sub-headline .tile .tile-text .tile-title {
    line-height: 30px;
    min-height: 32px;
    overflow: hidden;
    max-height: 94px;
    font-size: 25px;
    font-size: 2.5rem;
  }
  .grey-tile-contain .tile .tile-text .tile-title a, .grey-tile-contain .tile .tile-text .tile-title .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .grey-tile-contain .tile .tile-text .tile-title span, .sub-headline .tile .tile-text .tile-title a, .sub-headline .tile .tile-text .tile-title .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .sub-headline .tile .tile-text .tile-title span {
    font-family: "VM Circular Light", sans-serif;
  }
}

.three-article .tile .tile-text a, .three-article .tile .tile-text .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .three-article .tile .tile-text span {
  color: #4c225f;
}

@media only screen and (min-width: 768px) {
  .auto-article-module .main-article {
    padding-right: 10px;
  }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 991px) {
  .auto-article-module .main-article {
    padding-right: 15px;
  }
}

@media only screen and (min-width: 768px) {
  .auto-article-module .main-article .simple-image a, .auto-article-module .main-article .simple-image .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .auto-article-module .main-article .simple-image span {
    display: block;
    overflow: hidden;
    height: 356px;
  }
  .auto-article-module .main-article .simple-image a img, .auto-article-module .main-article .simple-image .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span img, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .auto-article-module .main-article .simple-image span img {
    width: 100%;
    min-height: 356px;
  }
  .auto-article-module .main-article .simple-image .simple-caption .three-horizontal-tile-title {
    line-height: 35px;
    font-size: 30px;
    font-size: 3rem;
  }
  .auto-article-module .grey-tile-contain {
    padding-left: 10px;
  }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 991px) {
  .auto-article-module .grey-tile-contain {
    padding-left: 15px;
    margin-top: 15px;
  }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 991px) and (min-width: 768px) and (max-width: 991px) {
  .auto-article-module .grey-tile-contain .stacked-mobile .tile-content .tile-image {
    width: 33%;
  }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 991px) and (min-width: 768px) and (max-width: 991px) {
  .auto-article-module .grey-tile-contain .stacked-mobile .tile-content .tile-text {
    width: 66%;
  }
}

@media only screen and (min-width: 768px) {
  .auto-article-module .grey-tile-contain .tile-grey-background .tile-image {
    height: 170px;
  }
  .auto-article-module .grey-tile-contain .tile-grey-background .tile-image a, .auto-article-module .grey-tile-contain .tile-grey-background .tile-image .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .auto-article-module .grey-tile-contain .tile-grey-background .tile-image span {
    background-size: cover;
    background-position: center center;
    display: block;
    height: 170px;
  }
  .auto-article-module .grey-tile-contain .tile-grey-background .tile-text p {
    position: absolute;
    bottom: 16px;
    margin-bottom: 0;
    line-height: 1;
    color: #666;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .auto-article-module .main-article .simple-image .simple-caption .three-horizontal-tile-title {
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 30px;
  }
  .auto-article-module .grey-tile-contain .tile .tile-text .tile-title {
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 30px;
    max-height: 94px;
  }
  .auto-article-module .grey-tile-contain .tile .tile-text .tile-title a, .auto-article-module .grey-tile-contain .tile .tile-text .tile-title .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .auto-article-module .grey-tile-contain .tile .tile-text .tile-title span {
    font-family: "VM Circular Light", sans-serif;
  }
}

@media only screen and (max-width: 767px) {
  .auto-article-module .grey-tile-contain .tile-grey-background .tile-image a, .auto-article-module .grey-tile-contain .tile-grey-background .tile-image .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .auto-article-module .grey-tile-contain .tile-grey-background .tile-image span {
    background-image: none !important;
  }
}

.three-article-vertical .main-article {
  margin-bottom: 16px;
}

.three-article-vertical .main-article .tile .tile-text .tile-title {
  margin-bottom: 0;
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 30px;
}

.three-article-vertical .main-article .tile .tile-text .tile-title a, .three-article-vertical .main-article .tile .tile-text .tile-title .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .three-article-vertical .main-article .tile .tile-text .tile-title span {
  color: #4c225f;
  font-family: "VM Circular Light", sans-serif;
}

@media only screen and (min-width: 768px) {
  .three-article-vertical .main-article {
    margin-bottom: 30px;
  }
  .three-article-vertical .main-article .stacked-mobile .tile-content .tile-image {
    width: 51.9%;
  }
  .three-article-vertical .main-article .stacked-mobile .tile-content .tile-text {
    width: 48%;
    padding-left: 20px;
    max-height: 290px;
    overflow: hidden;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .three-article-vertical .main-article .stacked-mobile .tile-content .tile-text {
    max-height: 185px;
  }
}

.three-article-vertical .three-sub-headline .corp-sub-tile {
  padding-right: 15px;
  padding-left: 15px;
}

@media only screen and (min-width: 768px) {
  .three-article-vertical .three-sub-headline .corp-sub-tile .tile-image {
    height: 186px;
  }
}

@media only screen and (min-width: 992px) {
  .three-article-vertical .three-sub-headline .corp-sub-tile .tile-image {
    height: 270px;
  }
}

.three-article-vertical .three-sub-headline .corp-sub-tile .tile-title {
  margin-bottom: 0px;
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 30px;
}

.three-article-vertical .three-sub-headline .corp-sub-tile .tile-title a, .three-article-vertical .three-sub-headline .corp-sub-tile .tile-title .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .three-article-vertical .three-sub-headline .corp-sub-tile .tile-title span {
  color: #4c225f;
  font-family: "VM Circular Light", sans-serif;
}

.three-article-vertical .three-sub-headline .corp-sub-tile {
  margin-bottom: 16px;
}

.three-article-vertical .three-sub-headline .corp-sub-tile .tile-title {
  margin-bottom: 0px;
}

.three-article-vertical .three-sub-headline .corp-sub-tile .tile-title a, .three-article-vertical .three-sub-headline .corp-sub-tile .tile-title .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .three-article-vertical .three-sub-headline .corp-sub-tile .tile-title span {
  font-family: "VM Circular Light", sans-serif;
}

@media only screen and (min-width: 768px) {
  .three-article-vertical .three-sub-headline {
    display: flex;
  }
  .three-article-vertical .three-sub-headline .corp-sub-tile {
    width: 50%;
    flex: 1;
    display: flex;
  }
  .three-article-vertical .three-sub-headline .corp-sub-tile .tile .tile-image {
    overflow: hidden;
  }
  .three-article-vertical .three-sub-headline .corp-sub-tile .tile .tile-image a, .three-article-vertical .three-sub-headline .corp-sub-tile .tile .tile-image .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .three-article-vertical .three-sub-headline .corp-sub-tile .tile .tile-image span {
    display: block;
  }
  .three-article-vertical .three-sub-headline .corp-sub-tile .tile .tile-text {
    max-height: 195px;
    overflow: hidden;
  }
  .three-article-vertical .three-sub-headline .corp-sub-tile .tile .tile-text .tile-title {
    margin-bottom: 0px;
  }
  .three-article-vertical .three-sub-headline .corp-sub-tile .tile .tile-text .tile-title a, .three-article-vertical .three-sub-headline .corp-sub-tile .tile .tile-text .tile-title .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .three-article-vertical .three-sub-headline .corp-sub-tile .tile .tile-text .tile-title span {
    font-family: "VM Circular Light", sans-serif;
  }
}

.four-article .auto-article-module .headline .main-tile {
  padding-left: 15px;
  padding-right: 15px;
}

.four-article .auto-article-module .headline .main-tile .tile-text .tile-title {
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 30px;
  margin-bottom: 10px;
}

.four-article .auto-article-module .headline .main-tile .tile-text .tile-title a, .four-article .auto-article-module .headline .main-tile .tile-text .tile-title .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .four-article .auto-article-module .headline .main-tile .tile-text .tile-title span {
  color: #4c225f;
  font-family: "VM Circular Light", sans-serif;
}

.four-article .auto-article-module .headline .main-tile .tile-text p {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 18px;
}

@media only screen and (min-width: 768px) {
  .four-article .auto-article-module .headline {
    display: flex;
  }
  .four-article .auto-article-module .headline .main-tile {
    width: 50%;
    flex: 1;
    display: flex;
  }
  .four-article .auto-article-module .headline .main-tile .tile {
    position: relative;
  }
  .four-article .auto-article-module .headline .main-tile .tile .tile-image {
    overflow: hidden;
  }
  .four-article .auto-article-module .headline .main-tile .tile .tile-image a, .four-article .auto-article-module .headline .main-tile .tile .tile-image .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .four-article .auto-article-module .headline .main-tile .tile .tile-image span {
    display: block;
  }
  .four-article .auto-article-module .headline .main-tile .tile .tile-text {
    height: 150px;
  }
  .four-article .auto-article-module .headline .main-tile .tile .tile-text p {
    position: absolute;
    bottom: 16px;
    margin-bottom: 0;
    line-height: 1;
  }
  .four-article .auto-article-module .headline .main-tile .tile .tile-text .tile-title {
    height: 66px;
    overflow: hidden;
  }
  .four-article .auto-article-module .headline .main-tile .tile .tile-text .tile-title a, .four-article .auto-article-module .headline .main-tile .tile .tile-text .tile-title .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .four-article .auto-article-module .headline .main-tile .tile .tile-text .tile-title span {
    font-family: "VM Circular Light", sans-serif;
  }
  .four-article .auto-article-module .headline .main-tile:first-child {
    padding-right: 15px;
  }
  .four-article .auto-article-module .headline .main-tile:last-child {
    padding-left: 15px;
  }
}

@media only screen and (min-width: 992px) {
  .four-article .auto-article-module .headline .main-tile .tile .tile-text .tile-title {
    height: 92px;
  }
}

@media only screen and (min-width: 768px) {
  .four-article .auto-article-module .headline .tile-image {
    height: 270px;
  }
}

@media only screen and (min-width: 992px) {
  .four-article .auto-article-module .headline .tile-image {
    height: 370px;
  }
}

.four-article .auto-article-module .sub-headline {
  margin-top: 16px;
}

.four-article .auto-article-module .sub-headline .corp-sub-tile {
  margin-bottom: 15px;
}

@media only screen and (min-width: 768px) {
  .four-article .auto-article-module .sub-headline .corp-sub-tile {
    margin-bottom: 0;
  }
}

.four-article .auto-article-module .sub-headline .corp-sub-tile .tile {
  margin-bottom: 0;
}

.four-article .auto-article-module .sub-headline .corp-sub-tile .tile .tile-text .tile-title {
  margin-bottom: 10px;
}

.four-article .auto-article-module .sub-headline .corp-sub-tile .tile .tile-text .tile-title a, .four-article .auto-article-module .sub-headline .corp-sub-tile .tile .tile-text .tile-title .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .four-article .auto-article-module .sub-headline .corp-sub-tile .tile .tile-text .tile-title span {
  font-family: "VM Circular Light", sans-serif;
}

.four-article .auto-article-module .sub-headline .corp-sub-tile .tile .tile-text p {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 18px;
}

@media only screen and (min-width: 768px) {
  .four-article .auto-article-module .sub-headline .corp-sub-tile .tile .tile-text p {
    position: absolute;
    bottom: 16px;
    margin-bottom: 0;
    line-height: 1;
  }
  .four-article .auto-article-module .sub-headline .corp-sub-tile .tile .tile-text .tile-title {
    overflow: hidden;
    height: 126px;
    max-height: 126px;
  }
  .four-article .auto-article-module .sub-headline .corp-sub-tile .tile .tile-text .tile-title a, .four-article .auto-article-module .sub-headline .corp-sub-tile .tile .tile-text .tile-title .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .four-article .auto-article-module .sub-headline .corp-sub-tile .tile .tile-text .tile-title span {
    font-family: "VM Circular Light", sans-serif;
  }
}

.filter-form {
  background: #fff;
}

.filter-form .filter-options {
  padding-left: 10px;
  padding-right: 10px;
}

.filter-form .bootstrap-select.btn-group .dropdown-toggle .filter-option {
  line-height: 1.2;
}

.filter-form div#filterWrapper {
  position: relative;
  z-index: 9000;
}

.filter-form .filter-row {
  margin-left: -20px;
  margin-right: -20px;
}

.filter-form .filter-row .panel-group {
  margin-bottom: 0;
}

.filter-form .filter-row .panel-group .panel {
  box-shadow: none;
}

.filter-form .filter-row .panel-group .panel .panel-heading {
  background: #f7f7f7;
  padding-left: 30px;
  padding-right: 30px;
}

.filter-form .filter-row .panel-group .panel .panel-body {
  padding-top: 0;
}

.filter-form .filter-row .panel-group .filter-form label {
  color: #333;
  font-weight: normal;
  margin-top: 15px;
}

.filter-form .filter-row .panel-group .filter-form .cta button {
  float: none;
  width: 100%;
  margin-top: 20px;
}

.filter-form .filter-tabs {
  background-color: #f7f7f7;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  min-height: 65px;
}

.filter-form .filter-tabs a, .filter-form .filter-tabs .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .filter-form .filter-tabs span {
  padding-left: 30px;
  padding-right: 30px;
}

@media only screen and (max-width: 767px) {
  .filter-form .filter-tabs a, .filter-form .filter-tabs .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .filter-form .filter-tabs span {
    padding-top: 18px;
    padding-bottom: 16px;
  }
}

.filter-form .filter-tabs h4 {
  color: #42254c;
}

@media only screen and (max-width: 767px) {
  .filter-form .filter-tabs h4 {
    text-align: center;
    margin: 0;
  }
}

.filter-form .filter-tabs .nav-tabs {
  padding-left: 15px;
  border-bottom: none;
}

.filter-form .filter-tabs .nav-tabs > li > a, .filter-form .filter-tabs .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .nav-tabs > li > span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .filter-form .filter-tabs .nav-tabs > li > span {
  border-bottom: none;
}

.filter-form .filter-tabs .nav-tabs > li.active > a, .filter-form .filter-tabs .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .nav-tabs > li.active > span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .filter-form .filter-tabs .nav-tabs > li.active > span,
.filter-form .filter-tabs .nav-tabs > li.active > a:hover,
.filter-form .filter-tabs .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .nav-tabs > li.active > span:hover, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles
.filter-form .filter-tabs .nav-tabs > li.active > span:hover,
.filter-form .filter-tabs .nav-tabs > li.active > a:focus,
.filter-form .filter-tabs .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .nav-tabs > li.active > span:focus, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles
.filter-form .filter-tabs .nav-tabs > li.active > span:focus {
  color: #555;
  cursor: default;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border-top: none;
  border-bottom: none;
  border-bottom-color: transparent;
  border-radius: 0;
}

@media only screen and (max-width: 767px) {
  .filter-form .filter-tabs .nav-tabs > li.active > a, .filter-form .filter-tabs .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .nav-tabs > li.active > span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .filter-form .filter-tabs .nav-tabs > li.active > span,
  .filter-form .filter-tabs .nav-tabs > li.active > a:hover,
  .filter-form .filter-tabs .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .nav-tabs > li.active > span:hover, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles
  .filter-form .filter-tabs .nav-tabs > li.active > span:hover,
  .filter-form .filter-tabs .nav-tabs > li.active > a:focus,
  .filter-form .filter-tabs .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .nav-tabs > li.active > span:focus, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles
  .filter-form .filter-tabs .nav-tabs > li.active > span:focus {
    background-color: #fdebf4;
  }
}

.filter-form .filter-tabs .nav-tabs > li {
  margin-bottom: -4px;
}

@media only screen and (max-width: 767px) {
  .filter-form .filter-tabs .nav-tabs > li {
    width: 100%;
    margin-bottom: -1px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }
  .filter-form .filter-tabs .nav-tabs > li:first-child {
    border-top: none;
  }
}

.filter-results {
  background: #f7f7f7;
  padding-bottom: 25px;
}

.filter-results .tile-white-background {
  margin-top: 16px;
  margin-bottom: 16px;
  min-height: 390px;
}

.filter-results .tile-white-background .tile-image {
  height: 197px;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .filter-results .tile-white-background .tile-image {
    height: 263px;
    width: auto;
  }
}

.filter-results .tile-white-background .tile-image img {
  margin: 0 auto;
  height: 197px;
  width: auto;
}

@media only screen and (max-width: 767px) {
  .filter-results .tile-white-background .tile-image img {
    height: 263px;
    width: auto;
  }
}

.filter-results .tile-white-background .tile-text {
  height: 205px;
  position: relative;
}

.filter-results .tile-white-background .tile-text .tile-title {
  overflow: hidden;
  max-height: 94px;
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 30px;
}

.filter-results .tile-white-background .tile-text .tile-title a, .filter-results .tile-white-background .tile-text .tile-title .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .filter-results .tile-white-background .tile-text .tile-title span {
  color: #4c225f;
  font-family: "VM Circular Light", sans-serif;
}

.filter-results .tile-white-background .tile-text .tile-description {
  position: absolute;
  bottom: 10px;
  color: #666666;
}

.filter-results .tile-white-background .tile-text .tile-description.author {
  bottom: 30px;
}

.filter-results .view-more-link {
  display: none;
  color: #f00;
  cursor: pointer;
  margin-top: 20px;
}

.filter-results .view-more-link:after {
  content: " >";
}

.filter-results .no-result-msg {
  display: none;
  margin-left: 15px;
  margin-top: 30px;
}

@media only screen and (min-width: 768px) {
  .filter-form {
    padding: 20px 0 40px 0;
  }
  .filter-form .filter-dd-options {
    padding-left: 0px;
    padding-right: 15px;
  }
  .filter-form .filter-row {
    margin-left: -15px;
    margin-right: -15px;
  }
  .filter-form .filter-row .panel-heading {
    display: none;
  }
  .filter-form .filter-row .panel-group .panel:first-child {
    border: none;
  }
}

@media only screen and (min-width: 768px) and (min-width: 1200px) {
  .filter-form .filter-row .panel-group .panel .panel-body {
    padding: 0;
  }
}

@media only screen and (min-width: 768px) {
  .filter-form .filter-row .panel-group .filter-form label {
    margin-top: 0;
  }
  .filter-form .filter-row .panel-group .filter-form .cta button {
    float: left;
    width: auto;
    margin-top: 28px;
  }
}

@media screen and (min-width: 481px) and (max-width: 599px) {
  .filter-results .tile-white-background .tile-image {
    height: 406px;
    overflow: hidden;
  }
  .filter-results .tile-white-background .tile-image img {
    height: 406px;
    width: auto;
  }
}

@media screen and (min-width: 600px) and (max-width: 767px) {
  .filter-results .tile-white-background .tile-image {
    height: 481px;
    overflow: hidden;
  }
  .filter-results .tile-white-background .tile-image img {
    height: 481px;
    width: auto;
  }
}

.vm-tabs .tab-contain {
  background: #f7f7f7;
}

.vm-tabs .tab-contain .tab-inner {
  position: relative;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}

.vm-tabs .tab-contain .nav-tabs {
  border: none;
  border-bottom: 1px solid #ddd;
}

.vm-tabs .tab-contain .nav-tabs li {
  float: none;
  margin: 0;
  border-top: 1px solid #ddd;
  height: calc(100% + 1px);
}

@media only screen and (max-width: 767px) {
  .vm-tabs .tab-contain .nav-tabs li {
    height: auto;
  }
}

.vm-tabs .tab-contain .nav-tabs li.active {
  overflow: visible;
}

.vm-tabs .tab-contain .nav-tabs li.active a, .vm-tabs .tab-contain .nav-tabs li.active .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .vm-tabs .tab-contain .nav-tabs li.active span {
  border: 0;
  background-color: #fdecf6;
}

.vm-tabs .tab-contain .nav-tabs li > a, .vm-tabs .tab-contain .nav-tabs .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles li > span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .vm-tabs .tab-contain .nav-tabs li > span {
  display: table;
  border-radius: 0;
  border: 0;
  text-align: center;
  margin-right: 0;
  height: 100%;
  width: 100%;
  padding: 15px;
  outline: none;
}

.vm-tabs .tab-contain .nav-tabs li > a:hover, .vm-tabs .tab-contain .nav-tabs .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles li > span:hover, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .vm-tabs .tab-contain .nav-tabs li > span:hover {
  margin-right: 0;
}

.vm-tabs .tab-contain .nav-tabs li > a span, .vm-tabs .tab-contain .nav-tabs .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles li > span span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .vm-tabs .tab-contain .nav-tabs li > span span {
  color: #4f1f62;
  display: block;
}

.vm-tabs .tab-contain .nav-tabs li > a span.primary-label, .vm-tabs .tab-contain .nav-tabs .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles li > span span.primary-label, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .vm-tabs .tab-contain .nav-tabs li > span span.primary-label {
  display: table-cell;
  font-weight: bold;
  vertical-align: middle;
}

.vm-tabs .tab-contain .nav-tabs li > a span.secondary-label, .vm-tabs .tab-contain .nav-tabs .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles li > span span.secondary-label, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .vm-tabs .tab-contain .nav-tabs li > span span.secondary-label {
  font-weight: normal;
  font-size: 14px;
  font-size: 1.4rem;
}

.vm-tabs .tab-content ul.nav.nav-tabs {
  display: none;
}

@media only screen and (max-width: 767px) {
  .vm-tabs-default .vm-tabs .tab-contain .nav-tabs li {
    height: auto;
  }
}

@media only screen and (min-width: 768px) {
  .vm-tabs-default .vm-tabs .tab-contain {
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
  }
  .vm-tabs-default .vm-tabs .tab-contain .tab-inner {
    padding-right: 30px;
    padding-left: 30px;
  }
  .vm-tabs-default .vm-tabs .tab-contain .nav-tabs {
    border-bottom: 0;
    border-left: 1px solid #ddd;
  }
  .vm-tabs-default .vm-tabs .tab-contain .nav-tabs li {
    float: left;
    border-top: 0;
    border-right: 1px solid #ddd;
  }
  .vm-tabs-default .vm-tabs .tab-contain .nav-tabs li.active a, .vm-tabs-default .vm-tabs .tab-contain .nav-tabs li.active .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .vm-tabs-default .vm-tabs .tab-contain .nav-tabs li.active span {
    background-color: #fff;
  }
  .vm-tabs-default .vm-tabs .tab-contain .nav-tabs li.active a:hover, .vm-tabs-default .vm-tabs .tab-contain .nav-tabs li.active .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:hover, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .vm-tabs-default .vm-tabs .tab-contain .nav-tabs li.active span:hover {
    height: 100%;
  }
  .vm-tabs-default .vm-tabs .tab-contain .nav-tabs li > a, .vm-tabs-default .vm-tabs .tab-contain .nav-tabs .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles li > span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .vm-tabs-default .vm-tabs .tab-contain .nav-tabs li > span {
    width: auto;
    padding: 10px 35px;
  }
  .vm-tabs-default .vm-tabs .tab-contain .nav-tabs li > a:hover, .vm-tabs-default .vm-tabs .tab-contain .nav-tabs .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles li > span:hover, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .vm-tabs-default .vm-tabs .tab-contain .nav-tabs li > span:hover {
    height: 99%;
  }
}

.vm-tabs .tab-content {
  padding-top: 20px;
}

.vm-tabs .acc-panel-title {
  padding-left: 20px;
  padding-right: 20px;
  color: #42254c;
  font-size: 16px;
  font-size: 1.6rem;
  cursor: pointer;
}

.vm-tabs .acc-panel-title a.acc-item-title, .vm-tabs .acc-panel-title .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span.acc-item-title, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .vm-tabs .acc-panel-title span.acc-item-title {
  display: initial;
}

.vm-tabs .acc-panel-title .fa {
  margin-top: -2px;
}

.vm-tabs .accordion {
  margin-bottom: 0;
  border-bottom: 0;
}

.vm-tabs .accordion li {
  height: auto;
}

.vm-tabs .accordion .panel-heading {
  border-bottom: 0;
}

.vm-two-tabs .vm-tabs .tab-contain {
  border-top: 1px solid #d3d3d3;
  border-bottom: 1px solid #d3d3d3;
}

.vm-two-tabs .vm-tabs .tab-contain .tab-inner {
  padding: 0px;
}

.vm-two-tabs .vm-tabs .tab-contain .nav-tabs {
  border-bottom: 0;
}

.vm-two-tabs .vm-tabs .tab-contain .nav-tabs li {
  float: left;
  border-top: 0;
  border-right: 1px solid #ddd;
  width: 50%;
  max-width: 400px;
  word-wrap: break-word;
  word-break: break-all;
}

.vm-two-tabs .vm-tabs .tab-contain .nav-tabs li.active a, .vm-two-tabs .vm-tabs .tab-contain .nav-tabs li.active .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .vm-two-tabs .vm-tabs .tab-contain .nav-tabs li.active span {
  background-color: #fff;
}

.vm-two-tabs .vm-tabs .tab-contain .nav-tabs li.active a:hover, .vm-two-tabs .vm-tabs .tab-contain .nav-tabs li.active .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:hover, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .vm-two-tabs .vm-tabs .tab-contain .nav-tabs li.active span:hover {
  height: 100%;
}

.vm-two-tabs .vm-tabs .tab-contain .nav-tabs li > a, .vm-two-tabs .vm-tabs .tab-contain .nav-tabs .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles li > span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .vm-two-tabs .vm-tabs .tab-contain .nav-tabs li > span {
  width: 100%;
}

.vm-two-tabs .vm-tabs .tab-contain .nav-tabs li > a:hover, .vm-two-tabs .vm-tabs .tab-contain .nav-tabs .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles li > span:hover, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .vm-two-tabs .vm-tabs .tab-contain .nav-tabs li > span:hover {
  height: 99%;
}

@media only screen and (max-width: 767px) {
  .vm-two-tabs .vm-tabs .tab-contain .nav-tabs li > a, .vm-two-tabs .vm-tabs .tab-contain .nav-tabs .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles li > span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .vm-two-tabs .vm-tabs .tab-contain .nav-tabs li > span {
    padding: 10px 15px;
  }
}

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

@media only screen and (min-width: 768px) {
  .vm-two-tabs .vm-tabs .tab-contain {
    border: 0;
    background-color: transparent;
    padding-top: 10px;
  }
  .vm-two-tabs .vm-tabs .tab-contain ul.nav-tabs li:first-child {
    border-radius: 5px 0 0 0;
  }
  .vm-two-tabs .vm-tabs .tab-contain ul.nav-tabs li:last-child {
    border-radius: 0 5px 0 0;
  }
  .vm-two-tabs .vm-tabs .tab-contain ul.nav-tabs li {
    background: #f7f7f7;
    border-top: 1px solid #d3d3d3;
    border-left: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
  }
  .vm-two-tabs .vm-tabs .tab-contain ul.nav-tabs li.active {
    padding-top: 5px;
    position: relative;
    top: -5px;
    height: calc(100% + 6px);
    background-color: #fff;
    overflow: visible;
    z-index: 5;
    box-shadow: 0 -4px 5px 1px #dddddd;
  }
  .vm-two-tabs .vm-tabs .tab-content {
    border: 1px solid #d3d3d3;
    box-shadow: 0px 0px 5px 1px #d3d3d3;
  }
}

.no-js .vm-tabs .tab-content > .tab-pane {
  display: block !important;
  visibility: visible !important;
  opacity: 1;
}

.no-js .tab-content ul.nav.nav-tabs {
  display: block;
}

.no-js ul.nav.nav-tabs {
  display: none;
}

.no-js .tab-contain {
  display: none;
}

.dynamic-tabs-wrapper {
  padding: 30px 0 0;
}

.dynamic-tabs-wrapper .dyn-nav-tabs {
  display: -webkit-flex;
  display: flex;
  list-style: none;
  padding: 0;
}

@media only screen and (max-width: 767px) {
  .dynamic-tabs-wrapper .dyn-nav-tabs {
    display: block;
    margin: 0;
  }
}

.dynamic-tabs-wrapper .dyn-nav-tabs .dyn-tab {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
  box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.13);
  position: relative;
  float: left;
  margin: 0 0 0 32px;
}

@media only screen and (max-width: 767px) {
  .dynamic-tabs-wrapper .dyn-nav-tabs .dyn-tab {
    width: 100%;
    margin: 0 0 20px 0;
    float: none;
  }
}

.dynamic-tabs-wrapper .dyn-nav-tabs .dyn-tab:hover, .dynamic-tabs-wrapper .dyn-nav-tabs .dyn-tab:active, .dynamic-tabs-wrapper .dyn-nav-tabs .dyn-tab:focus, .dynamic-tabs-wrapper .dyn-nav-tabs .dyn-tab:visited {
  text-decoration: none;
}

.dynamic-tabs-wrapper .dyn-nav-tabs .dyn-tab:first-child {
  margin-left: 0;
}

.dynamic-tabs-wrapper .dyn-nav-tabs .dyn-tab.dyn-tab-align-top {
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

.dynamic-tabs-wrapper .dyn-nav-tabs .dyn-tab.dyn-tab-align-bottom {
  -webkit-align-items: flex-end;
  align-items: flex-end;
}

.dynamic-tabs-wrapper .dyn-nav-tabs .dyn-tab.dyn-tab-align-center {
  -webkit-align-items: center;
  align-items: center;
}

.dynamic-tabs-wrapper .dyn-nav-tabs .dyn-tab .dyn-tab-inner {
  position: relative;
  display: block;
  padding: 18px 15px;
  width: 100%;
  text-align: center;
  color: inherit;
}

.dynamic-tabs-wrapper .dyn-nav-tabs .dyn-tab .dyn-tab-inner:hover, .dynamic-tabs-wrapper .dyn-nav-tabs .dyn-tab .dyn-tab-inner:focus {
  text-decoration: none;
}

.dynamic-tabs-wrapper .dyn-nav-tabs .dyn-tab.active {
  text-decoration: none;
}

.dynamic-tabs-wrapper .dyn-nav-tabs .dyn-tab.active .dyn-tab-arrow {
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .dynamic-tabs-wrapper .dyn-nav-tabs .dyn-tab.active {
    margin: 0 0 45px 0;
  }
}

.dynamic-tabs-wrapper .dyn-nav-tabs .dyn-tab .dyn-tab-title p {
  margin: 0;
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 1.1;
  font-family: "VM Circular Book", sans-serif;
}

.dynamic-tabs-wrapper .dyn-nav-tabs .dyn-tab .dyn-tab-copy p {
  margin: 0;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.2;
  font-family: "VM Circular Light", sans-serif;
  color: inherit;
}

.dynamic-tabs-wrapper .dyn-nav-tabs .dyn-tab .dyn-tab-title + .dyn-tab-copy {
  margin-top: 10px;
}

.dynamic-tabs-wrapper .dyn-nav-tabs .dyn-tab .dyn-tab-img {
  max-width: 100%;
  height: auto;
  margin: 0 auto 10px auto;
}

.dynamic-tabs-wrapper .dyn-nav-tabs .dyn-tab .dyn-tab-img-init {
  display: block;
}

.dynamic-tabs-wrapper .dyn-nav-tabs .dyn-tab .dyn-tab-img-hover {
  display: none;
}

.dynamic-tabs-wrapper .dyn-nav-tabs .dyn-tab:hover .dyn-tab-img-init {
  display: none;
}

.dynamic-tabs-wrapper .dyn-nav-tabs .dyn-tab:hover .dyn-tab-img-hover {
  display: block;
}

.dynamic-tabs-wrapper .dyn-nav-tabs .dyn-tab .dyn-tab-arrow {
  display: none;
  width: 0;
  height: 0;
  border-left: 24px solid transparent;
  border-right: 24px solid transparent;
  position: absolute;
  bottom: -45px;
  left: 50%;
  margin: 0 0 0 -24px;
}

.dynamic-tabs-wrapper .dyn-tabs-comp-title {
  margin: 0 0 30px;
}

.dynamic-tabs-wrapper .dyn-tab-content {
  display: none;
}

@media only screen and (max-width: 767px) {
  .dynamic-tabs-wrapper .dyn-tab-content {
    margin: 0 0 20px;
  }
}

.dynamic-tabs-wrapper .dyn-tab-content .dyn-tab-snippet-content {
  margin-top: 40px;
}

.dynamic-tabs-wrapper .dyn-tab-content .dyn-tab-close {
  position: absolute;
  top: 0;
  right: 30px;
}

@media only screen and (max-width: 767px) {
  .dynamic-tabs-wrapper .dyn-tab-content .dyn-tab-close {
    right: 20px;
  }
}

.dynamic-tabs-wrapper .dyn-tab-content .dyn-tab-close button {
  background: none;
  border: none;
  padding: 0;
}

.dynamic-tabs-wrapper .dyn-tab-content .dyn-tab-close span {
  font-family: "VM Circular Book", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  position: relative;
  top: -5px;
}

.dynamic-tabs-wrapper .dyn-tab-content .dyn-tab-close i {
  font-size: 29px;
  font-size: 2.9rem;
}

.dynamic-tabs-wrapper.author {
  max-width: 550px;
}

.hero-link-based-navigation .navigation-right .navigation-link {
  padding-left: 10px;
}

.hero-link-based-navigation .navigation-right .navigation-link a, .hero-link-based-navigation .navigation-right .navigation-link .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .hero-link-based-navigation .navigation-right .navigation-link span {
  color: #ed0000;
}

.hero-link-based-navigation .navigation-right .navigation-link a:hover, .hero-link-based-navigation .navigation-right .navigation-link .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:hover, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .hero-link-based-navigation .navigation-right .navigation-link span:hover {
  text-decoration: none;
}

.hero-link-based-navigation .navigation-right .navigation-link a.active, .hero-link-based-navigation .navigation-right .navigation-link .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span.active, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .hero-link-based-navigation .navigation-right .navigation-link span.active {
  color: #000;
}

.sales-label-inner {
  padding: 1px 20px;
  margin-top: 20px;
  margin-bottom: 4px;
  font-size: 18px;
  font-family: "VM Circular Book", sans-serif;
  display: inline-block;
}

.sales-label-inner p {
  margin-bottom: 0;
}

@media only screen and (min-width: 992px) {
  .sales-label-inner {
    font-size: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sales-label-inner {
    padding: 0 20px;
  }
}

@media only screen and (max-width: 767px) {
  .sales-label-inner {
    padding: 0 20px;
  }
}

.sales-label-inner.bg-yellow {
  background-color: #fae619;
}

.sales-label-inner.bg-purple {
  background-color: #645096;
}

.sales-label-inner.bg-pink {
  background-color: #ffd2e6;
}

.sales-label-inner.bg-black {
  background-color: #000;
  padding: 1px 3px;
}

.sales-label-inner.bg-black p {
  font-family: "VM Circular Bold", sans-serif;
}

.sales-label-inner.txt-blue {
  color: #3e55a0;
}

.sales-label-inner.txt-white {
  color: #fff;
}

.sales-label-inner.txt-plum {
  color: #322332;
}

.default-thank-you {
  display: none;
}

@media only screen and (min-width: 768px) {
  .confirmation-banner .map-background {
    background: url("onecms/base/img/confirmation-banner/map-background.jpg");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
}

.confirmation-banner .dynamic-content-wrapper {
  margin-top: 60px;
  margin-bottom: 60px;
}

@media only screen and (min-width: 768px) {
  .confirmation-banner .dynamic-content-wrapper {
    margin-top: 90px;
    margin-bottom: 90px;
  }
}

.confirmation-banner .dynamic-content-wrapper .address-line {
  margin-bottom: 25px;
}

.confirmation-banner .dynamic-content-wrapper .message-title {
  margin-bottom: 45px;
}

.confirmation-banner.component {
  margin-bottom: 0;
}

.manualAddressFormWrapper .divider.dotted > hr {
  margin: 30px 0;
}

.manualAddressForm .user-address-block {
  padding-left: 12px;
}

.manualAddressForm .user-address-block ul {
  margin: 0;
}

.manualAddressForm .user-address-block ul li {
  padding: 0;
}

.manualAddressForm .user-address-block ul li span {
  font-size: 18px;
  font-size: 1.8rem;
  color: #333;
  font-family: "VM Circular Light", sans-serif;
}

.manualAddressForm .form-group {
  margin-bottom: 20px;
  clear: both;
}

.manualAddressForm .form-group.no-margin {
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .manualAddressForm .form-group .submit-cta {
    text-align: center;
  }
}

.manualAddressForm .form-group .submit-cta button {
  float: none;
  width: 220px;
}

.manualAddressForm .form-group .submit-cta .dots {
  width: 20px;
  display: inline-block;
  text-align: left;
}

.manualAddressForm .form-group a.cms-register-form__error, .manualAddressForm .form-group .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span.cms-register-form__error, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .manualAddressForm .form-group span.cms-register-form__error, .manualAddressForm .form-group a.cms-register-form__info, .manualAddressForm .form-group .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span.cms-register-form__info, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .manualAddressForm .form-group span.cms-register-form__info {
  display: block;
  margin-top: 10px;
  line-height: 20px;
  font-family: "VM Circular Light", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
}

.manualAddressForm .form-group a:hover, .manualAddressForm .form-group .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:hover, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .manualAddressForm .form-group span:hover, .manualAddressForm .form-group a:focus, .manualAddressForm .form-group .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:focus, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .manualAddressForm .form-group span:focus {
  outline: none;
  text-decoration: none;
}

.manualAddressForm .form-group input {
  line-height: 45px;
}

.manualAddressForm .form-group .media {
  margin-top: 0;
}

.manualAddressForm .form-group .help-block {
  margin: 10px 0 0 0;
}

.manualAddressForm .form-group .help-block li {
  padding-left: 12px;
  font-family: "VM Circular Light", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 16px;
  color: #333;
}

.manualAddressForm .form-group .form-control-feedback {
  top: 23px;
  right: 7px;
  height: 45px;
}

.manualAddressForm .form-group .form-control-feedback:before {
  font-size: 22px;
  font-size: 2.2rem;
  color: #ffcc00;
  display: block;
  padding: 11px 0;
}

.manualAddressForm .form-group.has-success .form-control-feedback {
  display: none;
}

.manualAddressForm .form-group.has-error input, .manualAddressForm .form-group.has-error select, .manualAddressForm .form-group.has-error.consent-wrapper .cms-register-form__input-wrapper {
  border-color: #e5931d;
}

.manualAddressForm .form-group.has-error input, .manualAddressForm .form-group.has-error select {
  padding-right: 40px;
}

.manualAddressForm .form-group.consent-wrapper .form-control-feedback {
  position: static;
  margin-left: 9px;
  height: auto;
}

.manualAddressForm .form-group.consent-wrapper .form-control-feedback:before {
  padding: 7px 0;
}

.manualAddressForm .form-group .form-group {
  margin: 20px 0 0 0;
}

.manualAddressForm .form-group .form-group .cms-register-form__form-label {
  margin-bottom: 10px;
}

.manualAddressForm .form-group .form-group .form-control-feedback {
  top: 27px;
}

.manualAddressForm .form-group .collapse-info {
  padding-left: 12px;
}

.manualAddressForm .form-group .toggleCollapse i {
  font-size: 12px;
  font-size: 1.2rem;
  position: relative;
  top: -2px;
}

.manualAddressForm .form-group .toggleCollapse i:before {
  content: '\f077';
}

.manualAddressForm .form-group .toggleCollapse.collapsed i:before {
  content: '\f078';
}

.manualAddressForm .cms-register-form__form-label {
  margin-bottom: 5px;
}

.manualAddressForm .cms-register-form__form-link {
  font-family: "VM Circular Light", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  margin-top: 0;
  padding-left: 12px;
}

.manualAddressForm .cms-register-form__form-label, .manualAddressForm input, .manualAddressForm select {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 18px;
  color: #333;
  font-weight: normal;
  outline: none;
  display: block;
  font-family: "VM Circular Light", sans-serif;
}

.manualAddressForm .cms-register-form__input-wrapper {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 12px;
}

.manualAddressForm .cms-register-form__input-wrapper label, .manualAddressForm .cms-register-form__input-wrapper p {
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "VM Circular Light", sans-serif;
  margin: 0;
  font-weight: normal;
}

.manualAddressForm .cms-register-form__input-wrapper .media-left {
  margin-top: 3px;
}

.manualAddressForm .cms-register-form__input-wrapper .media-body {
  vertical-align: middle;
  line-height: 20px;
}

.manualAddressForm .cms-register-form__input-wrapper .media-left {
  padding-right: 12px;
}

.manualAddressForm .cms-register-form__input-wrapper .media-left input {
  margin: 0;
}

.manualAddressForm .cms-adress-replace-slide {
  display: none;
  clear: both;
}

.manualAddressForm .cms-address-replace__form-link {
  display: block;
  line-height: 20px;
  font-family: "VM Circular Light", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
}

.manualAddressForm .cms-address-replace__form-link:hover, .manualAddressForm .cms-address-replace__form-link:focus {
  outline: none;
  text-decoration: none;
}

.manualAddressForm .address-replace {
  padding-left: 12px;
}

.manualAddressForm .address-replace .adress-replace-content {
  margin-top: 15px;
  margin-bottom: 20px;
}

.manualAddressForm .address-replace .address-replace-submit {
  margin-bottom: 20px;
}

.manualAddressForm .address-replace .cms-address-replace-repeater-box {
  background-color: #ffffff;
  border: 1px solid #dbdbdb;
  border-radius: 3px;
  margin-bottom: 20px;
}

.manualAddressForm .address-replace .cms-address-replace-repeater {
  height: 150px;
  overflow-y: auto;
  font-family: "VM Circular Book", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}

.manualAddressForm .address-replace .cms-address-replace-address-line {
  line-height: 20px;
  padding: 5px 10px;
  border-bottom: 1px solid #ccc;
  cursor: pointer;
  font-family: "VM Circular Book", sans-serif;
  font-weight: 200;
  font-size: 14px;
  font-size: 1.4rem;
}

.manualAddressForm .address-replace .cms-address-replace-address-line:hover {
  background: #f7f7f7;
  color: #000;
}

.manualAddressForm .address-replace .cms-address-replace-address-line.selected {
  background: #fdebf4;
  color: #000;
}

.manualAddressForm input, .manualAddressForm select {
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #fff;
  padding: 0 12px;
  display: block;
  outline: none;
}

.manualAddressForm input:focus, .manualAddressForm select:focus {
  border-color: #ed0000;
}

.manualAddressForm input:not([type=checkbox]), .manualAddressForm select:not([type=checkbox]) {
  height: 45px;
  width: 100%;
}

.manualAddressForm input[type=checkbox], .manualAddressForm select[type=checkbox] {
  position: absolute;
  left: -9999px;
}

.manualAddressForm input[type=checkbox].disabled + label, .manualAddressForm select[type=checkbox].disabled + label {
  cursor: not-allowed;
  opacity: 0.5;
}

.manualAddressForm input[type=checkbox] ~ label, .manualAddressForm select[type=checkbox] ~ label {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  border: 1px solid #ccc;
  position: relative;
  display: block;
}

.manualAddressForm input[type=checkbox] ~ label:before, .manualAddressForm select[type=checkbox] ~ label:before {
  -webkit-transition: opacity false false, ease-in-out false false, 0.15s false false;
  -moz-transition: opacity false false false, ease-in-out false false false, 0.15s false false false;
  -o-transition: opacity false false false, ease-in-out false false false, 0.15s false false false;
  transition: opacity ease-in-out 0.15s;
  font-size: 18px;
  font-size: 1.8rem;
  position: absolute;
  content: "\f00c";
  opacity: 0;
  font-family: "FontAwesome";
  width: 100%;
  text-align: center;
  color: #fff;
}

.manualAddressForm input[type=checkbox]:checked + label, .manualAddressForm select[type=checkbox]:checked + label {
  border: none;
  background-color: #ed0000;
}

.manualAddressForm input[type=checkbox]:checked + label:before, .manualAddressForm select[type=checkbox]:checked + label:before {
  opacity: 1;
}

.manualAddressForm .heading {
  font-size: 24px;
  font-size: 2.4rem;
  color: #000;
  margin-bottom: 30px;
}

.manualAddressForm .heading h4 {
  font-family: "VM Circular Light", sans-serif;
  margin: 0;
  line-height: 22px;
}

.manualAddressForm .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 100%;
  height: 45px;
}

.manualAddressForm .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) .dropdown-menu {
  padding: 0;
}

.manualAddressForm .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) .dropdown-menu > li > a, .manualAddressForm .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .dropdown-menu > li > span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .manualAddressForm .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) .dropdown-menu > li > span {
  margin: 0;
  padding: 12px;
}

.manualAddressForm .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn).btn-group .btn {
  font-family: "VM Circular Light", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  color: #333;
  font-weight: normal;
  height: 100%;
}

.manualAddressForm .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn).bs-caret {
  position: relative;
}

.manualAddressForm .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn).dropup .caret {
  border-top: 4px solid;
  border-bottom: none;
}

.manualAddressForm .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn).btn-group .dropdown-toggle .caret {
  margin-top: 0;
  right: 10px;
}

.manualAddressForm .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn).btn-group .dropdown-toggle .caret:before {
  content: "";
  display: block;
  position: relative;
  left: -4px;
  top: -10px;
  width: 0;
  height: 0;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-bottom: 4px solid;
}

.manualAddressForm .form-label-title ~ .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 84px;
}

.manualAddressForm .disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.manualAddressForm .captcha-error-wrapper {
  position: relative;
}

.manualAddressForm .captcha-error-wrapper .form-control-feedback {
  top: 0;
}

.manualAddressForm .captcha-placeholder {
  height: 74px;
}

.manualAddressForm .already-registerd {
  width: 100%;
  background-color: #fff0b2;
  border-color: #ffcc00;
  margin-bottom: 30px;
}

.manualAddressForm .already-registerd .rte-content {
  display: inline-block;
  padding-left: 45px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #333;
  line-height: 26px;
  font-family: "VM Circular Light", sans-serif;
}

.manualAddressForm .already-registerd .rte-content b {
  font-family: "VM Circular Book", sans-serif;
}

.manualAddressForm .already-registerd::before {
  color: #ffcc00;
  font-size: 32px;
  font-size: 3.2rem;
  position: absolute;
}

.manualAddressForm .registration-form-submit {
  background-color: #ed0000 !important;
}

.ui-menu.manual-address-autocomplete {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 14px;
  font-family: "VM Circular Light", sans-serif;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.ui-menu.manual-address-autocomplete .ui-menu-item {
  background-color: #fff;
  position: relative;
}

.ui-menu.manual-address-autocomplete .ui-menu-item > a, .ui-menu.manual-address-autocomplete .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .ui-menu-item > span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .ui-menu.manual-address-autocomplete .ui-menu-item > span {
  padding: 12px;
}

.ui-menu.manual-address-autocomplete .ui-menu-item > a.ui-state-focus, .ui-menu.manual-address-autocomplete .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .ui-menu-item > span.ui-state-focus, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .ui-menu.manual-address-autocomplete .ui-menu-item > span.ui-state-focus, .ui-menu.manual-address-autocomplete .ui-menu-item > a.ui-state-hover, .ui-menu.manual-address-autocomplete .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .ui-menu-item > span.ui-state-hover, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .ui-menu.manual-address-autocomplete .ui-menu-item > span.ui-state-hover {
  background: #fdebf4;
  border: 1px solid transparent;
  border-radius: 0;
}

.cms-results {
  margin: 90px 0;
}

@media only screen and (max-width: 767px) {
  .cms-results {
    margin: 45px 0;
  }
}

.cms-results .hero-message {
  color: #ffffff;
  margin-bottom: 44px;
  text-align: center;
}

.cms-results .postcode {
  color: #ed0000;
}

.cms-results .status-message-wrapper {
  background-color: #ffffff;
  border-radius: 5px;
  padding: 40px;
}

@media only screen and (max-width: 767px) {
  .cms-results .status-message-wrapper {
    padding: 15px;
  }
}

.cms-wayleave {
  text-align: center;
  padding: 30px 0;
  background-color: #efefef;
}

.cms-wayleave .heading {
  color: #000;
  margin-bottom: 30px;
}

.cms-wayleave .heading h3, .cms-wayleave .heading .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina .cms-wayleave .heading .acc-panel-title {
  font-size: 24px;
  font-size: 2.4rem;
  font-family: "VM Circular Light", sans-serif;
  margin: 0;
  line-height: 22px;
}

.cms-wayleave.policy-message-wrapper {
  position: static;
  margin-left: 9px;
  height: auto;
}

.cms-wayleave.policy-message-wrapper:before {
  padding: 7px 0;
}

.cms-wayleave .cms-form {
  padding: 20px 0;
}

.cms-wayleave .cms-form .form-group {
  padding-bottom: 20px;
}

.cms-wayleave .description {
  text-align: center;
}

.cms-wayleave textarea {
  width: 100%;
  resize: none;
}

.cms-wayleave .get-in-touch {
  text-align: center;
  float: none;
}

@media only screen and (max-width: 767px) {
  .cms-wayleave .submit-cta button {
    width: 100%;
  }
}

.cms-wayleave button {
  min-width: 250px;
}

.cms-wayleave .required-symbol {
  color: #ed0000;
}

.cms-wayleave .fa-exclamation-triangle {
  padding-right: 15px;
}

.cms-wayleave .has-error .bootstrap-select .dropdown-toggle {
  border-color: #e5931d;
}

.wayleave-upfront-consent-form .cms-wayleave-consent {
  background: #e4e4e4;
  padding: 10px 0 20px 0;
}

.wayleave-upfront-consent-form .cms-wayleave-consent .consent-customer-type-fields {
  margin: 30px auto 0 auto;
}

.wayleave-upfront-consent-form .cms-wayleave-consent .consent-customer-type-fields .select-group {
  max-width: 1200px;
  margin-bottom: 25px;
}

.wayleave-upfront-consent-form .cms-wayleave-consent .consent-customer-type-fields .select-group .cms-form__form-label {
  margin-bottom: 10px;
}

.wayleave-upfront-consent-form .cms-wayleave-consent .form-inline {
  margin-top: 20px;
}

.wayleave-upfront-consent-form .cms-wayleave-consent input[type=checkbox] ~ label {
  background: #ffffff;
}

.wayleave-upfront-consent-form .cms-wayleave-consent input[type=checkbox]:checked + label {
  background-color: #ed0000;
}

.wayleave-upfront-consent-form.wayleave-consent-customer-type .separator {
  border-top: 1px solid #999;
  padding-top: 30px;
}

.cms-service-wrap-form {
  margin-top: 30px;
}

.cms-service-wrap-form .form-container {
  max-width: 560px;
  margin: 0 auto;
  float: none;
}

.cms-service-wrap-form .title, .cms-service-wrap-form .moving-date, .cms-service-wrap-form .radio-group {
  max-width: 360px;
}

.cms-service-wrap-form .moving-date-field {
  position: relative;
}

.cms-service-wrap-form .moving-date-field i {
  font-size: 22px;
  font-size: 2.2rem;
  position: absolute;
  top: 12px;
  left: 14px;
  color: #ed0000;
}

.cms-service-wrap-form .moving-date-field input {
  padding-left: 45px;
}

.cms-service-wrap-form .moving-date-bar {
  background: #f7f7f7;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  height: 46px;
  position: relative;
}

.cms-service-wrap-form .moving-date-bar:before {
  content: '';
  position: absolute;
  top: 0;
  width: 100%;
  border-top: 1px solid #ffffff;
}

.cms-service-wrap-form .moving-date-bar span {
  display: block;
  float: left;
  font-weight: bold;
  padding: 0 30px;
  height: 45px;
  line-height: 45px;
  cursor: pointer;
  border-right: 1px solid #ccc;
  color: #42254c;
}

.cms-service-wrap-form .moving-date-bar span:first-child {
  border-left: 1px solid #ccc;
}

.cms-service-wrap-form .moving-date-bar span.active {
  background: #ffffff;
}

@media only screen and (max-width: 767px) {
  .cms-service-wrap-form .moving-date-bar span {
    width: 100%;
    text-align: center;
    border-right: none;
  }
  .cms-service-wrap-form .moving-date-bar span.active {
    background: #fdebf4;
  }
  .cms-service-wrap-form .moving-date-bar span:first-child {
    border-left: none;
    border-bottom: 1px solid #ccc;
  }
}

@media only screen and (max-width: 767px) {
  .cms-service-wrap-form .moving-date-bar {
    background: transparent;
    height: auto;
  }
  .cms-service-wrap-form .moving-date-bar .form-container {
    padding: 0;
    max-width: 100%;
  }
}

.cms-service-wrap-form .privacy-slide-panel {
  display: none;
  max-width: 282px;
  padding: 18px 16px 8px 16px;
  border: 1px solid #ccc;
  position: relative;
  margin-bottom: 20px;
}

.cms-service-wrap-form .privacy-slide-panel #privacy-close {
  font-size: 16px;
  font-size: 1.6rem;
  display: inline-block;
  position: absolute;
  top: 2px;
  right: 8px;
}

.cms-service-wrap-form .privacy-slide-panel span {
  font-family: "VM Circular Light", sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 16px;
}

.cms-service-wrap-form .current-address-label {
  padding: 10px 0 25px;
  font-size: 22px;
  font-size: 2.2rem;
}

.cms-service-wrap-form .datepicker-wrap {
  margin-bottom: 30px;
}

.cms-service-wrap-form .datepicker-wrap > .form-container {
  max-width: 580px;
}

@media only screen and (max-width: 767px) {
  .cms-service-wrap-form .datepicker-wrap button {
    width: 100%;
  }
  .cms-service-wrap-form .datepicker-wrap .cta {
    width: 100%;
    margin: 10px 0;
  }
}

.cms-service-wrap-form.cms-form .form-request-feedback.error {
  padding: 15px 30px;
  margin: 0 0 20px 0;
  border-left-width: 20px;
}

.cms-service-wrap-form.cms-form .form-request-feedback.error .fa-exclamation-triangle {
  position: static;
  padding-right: 20px;
}

.cms-service-wrap-form.cms-form .form-request-feedback.error .fa-exclamation-triangle:before {
  font-size: 22px;
  font-size: 2.2rem;
  color: #ffcc00;
  display: block;
  padding: 11px 0;
}

.datepicker {
  direction: ltr;
}

.datepicker.datepicker-inline {
  width: 100%;
}

.datepicker table {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  margin: 0;
  width: 100%;
  border-spacing: 6px;
  border-collapse: separate;
}

@media only screen and (max-width: 767px) {
  .datepicker table {
    border-spacing: 3px;
  }
}

.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  border: none;
}

.datepicker th.dow {
  font-weight: normal;
}

.datepicker th.next, .datepicker th.prev {
  font-size: 45px;
  font-size: 4.5rem;
}

.datepicker .datepicker-months td {
  background: transparent;
}

.datepicker tr td {
  background-color: #E8E8E8;
  font-family: "VM Circular Book", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  width: 5%;
  height: 70px;
  padding: 0;
}

@media only screen and (max-width: 767px) {
  .datepicker tr td {
    height: 40px;
  }
}

.datepicker tr td.day:hover, .datepicker tr td.day.focused {
  background: #dfdfdf;
  cursor: pointer;
}

.datepicker tr td.old, .datepicker tr td.new {
  color: #999;
}

.datepicker tr td.disabled, .datepicker tr td.disabled:hover {
  color: #999;
  cursor: default;
}

.datepicker tr td.today, .datepicker tr td.today:hover, .datepicker tr td.today.disabled, .datepicker tr td.today.disabled:hover {
  -webkit-box-shadow: inset 0 0 0 5px #ed0000;
  box-shadow: inset 0 0 0 5px #ed0000;
}

@media only screen and (max-width: 767px) {
  .datepicker tr td.today, .datepicker tr td.today:hover, .datepicker tr td.today.disabled, .datepicker tr td.today.disabled:hover {
    -webkit-box-shadow: inset 0 0 0 2px #ed0000;
    box-shadow: inset 0 0 0 2px #ed0000;
  }
}

.datepicker tr td.active, .datepicker tr td.active:hover, .datepicker tr td.active.disabled, .datepicker tr td.active.disabled:hover {
  background-color: #ed0000;
  color: #ffffff;
}

.datepicker tr td span {
  background-color: #E8E8E8;
  display: block;
  width: 29.5%;
  float: left;
  margin: 3px;
  cursor: pointer;
  height: 70px;
  line-height: 70px;
  width: 23.8%;
}

@media only screen and (max-width: 767px) {
  .datepicker tr td span {
    margin: 1px;
    height: 54px;
    line-height: 54px;
    width: 24%;
  }
}

.datepicker tr td span:hover {
  background: #eeeeee;
}

.datepicker tr td span.disabled, .datepicker tr td span.disabled:hover {
  color: #999;
  cursor: default;
}

.datepicker tr td span.current-month, .datepicker tr td span.current-month:hover, .datepicker tr td span.current-month.disabled, .datepicker tr td span.current-month.disabled:hover {
  -webkit-box-shadow: inset 0 0 0 5px #ed0000;
  box-shadow: inset 0 0 0 5px #ed0000;
}

@media only screen and (max-width: 767px) {
  .datepicker tr td span.current-month, .datepicker tr td span.current-month:hover, .datepicker tr td span.current-month.disabled, .datepicker tr td span.current-month.disabled:hover {
    -webkit-box-shadow: inset 0 0 0 2px #ed0000;
    box-shadow: inset 0 0 0 2px #ed0000;
  }
}

.datepicker tr td span.active, .datepicker tr td span.active:hover, .datepicker tr td span.active.disabled, .datepicker tr td span.active.disabled:hover {
  background-color: #ed0000;
  color: #ffffff;
}

.datepicker tr td span.old, .datepicker tr td span.new {
  color: #999;
}

.datepicker .datepicker-switch {
  font-size: 18px;
  font-size: 1.8rem;
}

.datepicker .prev, .datepicker .next {
  cursor: pointer;
}

.datepicker .prev.disabled, .datepicker .next.disabled {
  visibility: hidden;
}

.datepicker .table-condensed > thead > tr > th, .datepicker .table-condensed > tbody > tr > th, .datepicker .table-condensed > tfoot > tr > th, .datepicker .table-condensed > thead > tr > td, .datepicker .table-condensed > tbody > tr > td, .datepicker .table-condensed > tfoot > tr > td {
  padding: 0;
}

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

.cms-form .user-address-block {
  padding-left: 12px;
}

.cms-form .user-address-block ul {
  margin: 0;
}

.cms-form .user-address-block ul li {
  padding: 0;
}

.cms-form .user-address-block ul li span {
  font-size: 18px;
  font-size: 1.8rem;
  color: #333;
  font-family: "VM Circular Light", sans-serif;
}

.cms-form .form-group {
  margin-bottom: 20px;
  clear: both;
}

.cms-form .form-group.no-margin {
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .cms-form .form-group .submit-cta {
    text-align: center;
  }
}

.cms-form .form-group .submit-cta button {
  float: none;
}

.cms-form .form-group a.cms-form__error, .cms-form .form-group .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span.cms-form__error, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .cms-form .form-group span.cms-form__error, .cms-form .form-group a.cms-form__info, .cms-form .form-group .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span.cms-form__info, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .cms-form .form-group span.cms-form__info {
  display: block;
  margin-top: 10px;
  line-height: 20px;
  font-family: "VM Circular Light", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
}

.cms-form .form-group a:hover, .cms-form .form-group .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:hover, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .cms-form .form-group span:hover, .cms-form .form-group a:focus, .cms-form .form-group .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:focus, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .cms-form .form-group span:focus {
  outline: none;
  text-decoration: none;
}

.cms-form .form-group input {
  line-height: 45px;
}

.cms-form .form-group .media {
  margin-top: 0;
}

.cms-form .form-group .help-block {
  margin: 10px 0 0 0;
}

.cms-form .form-group .help-block li {
  padding-left: 12px;
  font-family: "VM Circular Light", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 16px;
  color: #333;
}

.cms-form .form-group .form-control-feedback {
  top: 23px;
  right: 7px;
  height: 45px;
}

.cms-form .form-group .form-control-feedback:before {
  font-size: 22px;
  font-size: 2.2rem;
  color: #ffcc00;
  display: block;
  padding: 11px 0;
}

.cms-form .form-group.has-success .form-control-feedback {
  display: none;
}

.cms-form .form-group.has-error input, .cms-form .form-group.has-error select, .cms-form .form-group.has-error.consent-wrapper .cms-form__input-wrapper {
  border-color: #e5931d;
}

.cms-form .form-group.has-error input, .cms-form .form-group.has-error select {
  padding-right: 40px;
}

.cms-form .form-group.has-error .radio-group {
  border-color: #e5931d;
}

.cms-form .form-group.consent-wrapper .form-control-feedback, .cms-form .form-group.textarea-wrapper .form-control-feedback {
  position: static;
  margin-left: 9px;
  height: auto;
}

.cms-form .form-group.consent-wrapper .form-control-feedback:before, .cms-form .form-group.textarea-wrapper .form-control-feedback:before {
  padding: 7px 0;
}

.cms-form .form-group .form-group {
  margin: 20px 0 0 0;
}

.cms-form .form-group .form-group .cms-form__form-label {
  margin-bottom: 10px;
}

.cms-form .form-group .form-group .form-control-feedback {
  top: 27px;
}

.cms-form .form-group .collapse-info {
  padding-left: 12px;
}

.cms-form .form-group .toggleCollapse i {
  font-size: 12px;
  font-size: 1.2rem;
  position: relative;
  top: -2px;
}

.cms-form .form-group .toggleCollapse i:before {
  content: '\f077';
}

.cms-form .form-group .toggleCollapse.collapsed i:before {
  content: '\f078';
}

.cms-form .form-group .radio-group {
  border: 1px solid #ccc;
  border-radius: 5px;
}

.cms-form .form-group .radio-item {
  border-bottom: 1px solid #ccc;
}

.cms-form .form-group .radio-item:last-child {
  border-bottom: none;
}

.cms-form .cms-form__form-label {
  margin-bottom: 5px;
}

.cms-form .cms-form__form-link {
  font-family: "VM Circular Light", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  margin-top: 0;
  padding-left: 12px;
}

.cms-form .cms-form__form-label, .cms-form input, .cms-form select {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 18px;
  color: #333;
  font-weight: normal;
  outline: none;
  display: block;
  font-family: "VM Circular Light", sans-serif;
}

.cms-form .cms-form__input-wrapper {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 12px;
}

.cms-form .cms-form__input-wrapper label, .cms-form .cms-form__input-wrapper p {
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "VM Circular Light", sans-serif;
  margin: 0;
  font-weight: normal;
}

.cms-form .cms-form__input-wrapper .media-left {
  margin-top: 3px;
}

.cms-form .cms-form__input-wrapper .media-body {
  vertical-align: middle;
  line-height: 20px;
}

.cms-form .cms-form__input-wrapper .media-left {
  padding-right: 12px;
}

.cms-form .cms-form__input-wrapper .media-left input {
  margin: 0;
}

.cms-form .cms-adress-replace-slide {
  display: none;
  clear: both;
}

.cms-form .cms-address-replace__form-link {
  display: block;
  line-height: 20px;
  font-family: "VM Circular Light", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
}

.cms-form .cms-address-replace__form-link:hover, .cms-form .cms-address-replace__form-link:focus {
  outline: none;
  text-decoration: none;
}

.cms-form .address-replace {
  padding-left: 12px;
}

.cms-form .address-replace .adress-replace-content {
  margin-top: 15px;
  margin-bottom: 20px;
}

.cms-form .address-replace .address-replace-submit {
  margin-bottom: 20px;
}

.cms-form .address-replace .cms-address-replace-repeater-box {
  background-color: #ffffff;
  border: 1px solid #dbdbdb;
  border-radius: 3px;
  margin-bottom: 20px;
}

.cms-form .address-replace .cms-address-replace-repeater {
  height: 150px;
  overflow-y: auto;
  font-family: "VM Circular Book", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}

.cms-form .address-replace .cms-address-replace-address-line {
  line-height: 20px;
  padding: 5px 10px;
  border-bottom: 1px solid #ccc;
  cursor: pointer;
  font-family: "VM Circular Book", sans-serif;
  font-weight: 200;
  font-size: 14px;
  font-size: 1.4rem;
}

.cms-form .address-replace .cms-address-replace-address-line:hover {
  background: #f7f7f7;
  color: #000;
}

.cms-form .address-replace .cms-address-replace-address-line.selected {
  background: #fdebf4;
  color: #000;
}

.cms-form input, .cms-form select {
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #fff;
  padding: 0 12px;
  display: block;
  outline: none;
}

.cms-form input:focus, .cms-form select:focus {
  border-color: #ed0000;
}

.cms-form input:not([type=checkbox]):not([type=radio]), .cms-form select:not([type=checkbox]):not([type=radio]) {
  height: 45px;
  width: 100%;
}

.cms-form input[type=checkbox], .cms-form select[type=checkbox] {
  position: absolute;
  left: -9999px;
}

.cms-form input[type=checkbox].disabled + label, .cms-form select[type=checkbox].disabled + label {
  cursor: not-allowed;
  opacity: 0.5;
}

.cms-form input[type=checkbox] ~ label, .cms-form select[type=checkbox] ~ label {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  border: 1px solid #ccc;
  position: relative;
  display: block;
}

.cms-form input[type=checkbox] ~ label:before, .cms-form select[type=checkbox] ~ label:before {
  -webkit-transition: opacity false false, ease-in-out false false, 0.15s false false;
  -moz-transition: opacity false false false, ease-in-out false false false, 0.15s false false false;
  -o-transition: opacity false false false, ease-in-out false false false, 0.15s false false false;
  transition: opacity ease-in-out 0.15s;
  font-size: 18px;
  font-size: 1.8rem;
  position: absolute;
  content: "\f00c";
  opacity: 0;
  font-family: "FontAwesome";
  width: 100%;
  text-align: center;
  color: #fff;
}

.cms-form input[type=checkbox]:checked + label, .cms-form select[type=checkbox]:checked + label {
  border: none;
  background-color: #ed0000;
}

.cms-form input[type=checkbox]:checked + label:before, .cms-form select[type=checkbox]:checked + label:before {
  opacity: 1;
}

.cms-form input[type=radio], .cms-form select[type=radio] {
  position: absolute;
  left: -9999px;
}

.cms-form input[type=radio].disabled + label, .cms-form select[type=radio].disabled + label {
  cursor: not-allowed;
  opacity: 0.5;
}

.cms-form input[type=radio] ~ label, .cms-form select[type=radio] ~ label {
  line-height: 15px;
  position: relative;
  display: block;
  cursor: pointer;
  font-weight: normal;
  margin: 0;
  padding: 10px 0 10px 35px;
}

.cms-form input[type=radio] ~ label:before, .cms-form select[type=radio] ~ label:before {
  display: block;
  content: '';
  border: 1px solid #ccc;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 1px solid #ccc;
  position: absolute;
  left: 12px;
}

.cms-form input[type=radio]:checked + label:before, .cms-form select[type=radio]:checked + label:before {
  background-color: #ed0000;
  -webkit-box-shadow: inset 0 0 0 2px #fff;
  box-shadow: inset 0 0 0 2px #fff;
}

.cms-form .heading {
  font-size: 24px;
  font-size: 2.4rem;
  color: #000;
  margin-bottom: 30px;
}

.cms-form .heading h4 {
  font-family: "VM Circular Light", sans-serif;
  margin: 0;
  line-height: 22px;
}

.cms-form .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 100%;
  height: 45px;
}

.cms-form .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) .dropdown-menu {
  padding: 0;
}

.cms-form .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) .dropdown-menu > li > a, .cms-form .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .dropdown-menu > li > span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .cms-form .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) .dropdown-menu > li > span {
  margin: 0;
  padding: 12px;
}

.cms-form .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn).btn-group .btn {
  font-family: "VM Circular Light", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  color: #333;
  font-weight: normal;
  height: 100%;
  line-height: 20px;
}

.cms-form .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn).bs-caret {
  position: relative;
}

.cms-form .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn).dropup .caret {
  border-top: 4px solid;
  border-bottom: none;
}

.cms-form .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn).btn-group .dropdown-toggle .caret {
  margin-top: 0;
  right: 10px;
}

.cms-form .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn).btn-group .dropdown-toggle .caret:before {
  content: "";
  display: block;
  position: relative;
  left: -4px;
  top: -10px;
  width: 0;
  height: 0;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-bottom: 4px solid;
}

.cms-form .disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.cms-form .captcha-error-wrapper {
  position: relative;
}

.cms-form .captcha-error-wrapper .form-control-feedback {
  top: 0;
}

.cms-form .captcha-placeholder {
  height: 74px;
}

.cms-form .already-registerd {
  width: 100%;
  background-color: #fff0b2;
  border-color: #ffcc00;
  margin-bottom: 30px;
}

.cms-form .already-registerd .rte-content {
  display: inline-block;
  padding-left: 45px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #333;
  line-height: 26px;
  font-family: "VM Circular Light", sans-serif;
}

.cms-form .already-registerd .rte-content b {
  font-family: "VM Circular Book", sans-serif;
}

.cms-form .already-registerd::before {
  color: #ffcc00;
  font-size: 32px;
  font-size: 3.2rem;
  position: absolute;
}

.cms-form .close-form {
  float: right;
}

.cms-form.cms-inline-labels .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn).btn-group .btn {
  padding-right: 30px;
}

.cms-form.cms-inline-labels .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  display: inline-block;
  padding-left: 15px;
}

.cms-form.cms-inline-labels .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) .dropdown-menu.open {
  margin-left: 15px;
}

.cms-form.cms-inline-labels .cms-form__input-wrapper {
  border: none;
  display: inline;
  padding: 15px;
}

@media only screen and (max-width: 767px) {
  .cms-form.cms-inline-labels .cms-form__input-wrapper {
    padding: 12px 0;
  }
}

.cms-form.cms-inline-labels .cms-form__form-label {
  display: inline;
  text-align: right;
  padding-left: 0;
}

.cms-form.cms-inline-labels .submit-cta {
  text-align: center;
}

.cms-form.cms-inline-labels .submit-cta button {
  margin: 15px;
  min-width: 200px;
}

@media only screen and (max-width: 767px) {
  .cms-form.cms-inline-labels .form-group .submit-cta button {
    margin: 5px 0;
    width: 100%;
  }
  .cms-form.cms-inline-labels .form-group .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn).btn-group .btn,
  .cms-form.cms-inline-labels .form-group .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .cms-form.cms-horizontal-form .hero-message span {
    color: #000;
  }
  .cms-form.cms-horizontal-form .status-message span {
    color: #000;
  }
  .cms-form.cms-horizontal-form .title {
    width: 75px;
  }
}

@media only screen and (min-width: 1200px) {
  .cms-form.cms-horizontal-form .cta-contain {
    float: right;
  }
}

@media only screen and (min-width: 1200px) {
  .cms-form.cms-horizontal-form .cms-form .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    min-width: 76px;
  }
}

@media only screen and (max-width: 767px) {
  .cms-form.cms-horizontal-form .no-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

.cms-form.cms-horizontal-form .cta.submit-cta {
  float: none;
  margin-right: 20px;
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .cms-form.cms-horizontal-form .cta.submit-cta {
    width: 100%;
    margin: 0;
  }
}

.cms-form.cms-horizontal-form .required-symbol {
  color: #ed0000;
}

.cms-form.cms-horizontal-form .form-group .privacy-message-text {
  margin-bottom: 15px;
}

.cms-form.cms-horizontal-form .form-group .media-body.consent {
  position: relative;
}

.cms-form.cms-horizontal-form .form-group .help-block li {
  padding-left: 0;
}

.cms-form.cms-horizontal-form .form-group .captcha-error-wrapper {
  display: inline-block;
}

@media only screen and (min-width: 768px) {
  .cms-form.cms-horizontal-form .form-group {
    margin-bottom: 15px;
  }
  .cms-form.cms-horizontal-form .form-group .form-control-feedback {
    top: 38px;
  }
  .cms-form.cms-horizontal-form .form-group .captcha-error.form-control-feedback {
    top: -5px;
    right: -35px;
  }
  .cms-form.cms-horizontal-form .form-group.description {
    margin-top: 30px;
  }
  .cms-form.cms-horizontal-form .form-group:not(.captcha-wrapper) {
    clear: none;
  }
  .cms-form.cms-horizontal-form .form-group:not(.captcha-wrapper) .form-control-feedback {
    right: 15px;
  }
  .cms-form.cms-horizontal-form .form-group:not(.captcha-wrapper) .privacy-check.form-control-feedback {
    bottom: -5px;
    top: auto;
    right: -35px;
  }
}

@media only screen and (max-width: 767px) {
  .cms-form.cms-horizontal-form .form-group .help-block {
    max-width: 240px;
  }
  .cms-form.cms-horizontal-form .form-group .privacy-check.form-control-feedback, .cms-form.cms-horizontal-form .form-group .captcha-error.form-control-feedback {
    bottom: 5px;
    top: auto;
    right: -24px;
  }
}

@media only screen and (min-width: 768px) {
  .cms-form.cms-horizontal-form .form-fields {
    display: flex;
    flex-direction: row;
    clear: left;
  }
  .cms-form.cms-horizontal-form .form-fields .flex-item {
    flex-grow: 1;
    margin-right: 20px;
  }
  .cms-form.cms-horizontal-form .form-fields .flex-item:last-child {
    margin-right: 0;
  }
  .cms-form.cms-horizontal-form .form-fields .title {
    flex-grow: 0;
    min-width: 75px;
    width: auto;
  }
  .cms-form.cms-horizontal-form .form-fields .title .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 75px;
  }
  .cms-form.cms-horizontal-form .form-fields .cms-form__form-label {
    margin-bottom: 15px;
  }
  .cms-form.cms-horizontal-form .form-fields .email {
    flex: 1;
    flex-grow: 2.5;
    width: auto;
  }
  .cms-form.cms-horizontal-form .form-fields .last-name,
  .cms-form.cms-horizontal-form .form-fields .first-name {
    flex: 1;
    flex-grow: 1.8;
    width: auto;
  }
  .cms-form.cms-horizontal-form .form-fields .contact {
    flex: 1;
    flex-grow: 1.7;
  }
}

.cms-form.cms-horizontal-form .form-request-feedback.error {
  background: #ffffff;
  border-left-width: 20px;
  padding: 15px 30px;
  margin: 0 0 20px 0;
}

.cms-form.cms-horizontal-form .form-request-feedback.error .fa-exclamation-triangle {
  position: static;
  padding-right: 20px;
  height: auto;
  width: auto;
}

.cms-form.cms-horizontal-form .form-request-feedback.error .fa-exclamation-triangle:before {
  font-size: 22px;
  font-size: 2.2rem;
  color: #ffcc00;
  display: block;
  padding: 11px 0;
}

.cms-form.cms-horizontal-form .cms-horizontal-submit {
  margin-top: 10px;
  width: 225px;
  background-color: #ed0000 !important;
}

.cms-form.cms-horizontal-form .cms-horizontal-submit .dots {
  width: 20px;
  display: inline-block;
  text-align: left;
}

@media only screen and (max-width: 767px) {
  .cms-form.cms-horizontal-form .cms-horizontal-submit {
    width: 100%;
  }
}

.cms-form-wrapper .close-feedback-message {
  position: absolute;
  right: 15px;
  top: 10px;
}

.cms-form-wrapper .form-request-feedback {
  color: #333;
  font-family: Arial;
  font-size: 14px;
  border-radius: 5px;
  position: relative;
}

.cms-form-wrapper .form-request-feedback p {
  margin: 0;
  padding: 10px;
}

.cms-form-wrapper .form-request-feedback.success {
  background-color: #d6e6d7;
  border: 1px solid #348437;
}

.cms-form-wrapper .form-request-feedback.error {
  background-color: #fff0b2;
  border: 1px solid #ffcc00;
}

.cms-form-wrapper.cms-tell-us-about-you-form-wrapper, .preference-centre-reg-wrapper .your-services-box {
  max-width: 800px;
  margin: 0 auto;
}

.cms-form-wrapper.cms-tell-us-about-you-form-wrapper .tell-us-about-you-button, .preference-centre-reg-wrapper .your-services-box .tell-us-about-you-button {
  float: none;
}

@media only screen and (max-width: 767px) {
  .cms-form-wrapper.cms-tell-us-about-you-form-wrapper .tell-us-about-you-button, .preference-centre-reg-wrapper .your-services-box .tell-us-about-you-button {
    width: 100%;
  }
}

.cms-form-wrapper.cms-tell-us-about-you-form-wrapper .not-now, .preference-centre-reg-wrapper .your-services-box .not-now, .cms-form-wrapper.cms-tell-us-about-you-form-wrapper .not-now:hover, .preference-centre-reg-wrapper .your-services-box .not-now:hover, .cms-form-wrapper.cms-tell-us-about-you-form-wrapper .not-now:active, .preference-centre-reg-wrapper .your-services-box .not-now:active, .cms-form-wrapper.cms-tell-us-about-you-form-wrapper .not-now:focus, .preference-centre-reg-wrapper .your-services-box .not-now:focus {
  background-color: #ccc;
  color: #333;
}

.cms-form-wrapper.cms-tell-us-about-you-form-wrapper .cms-tell-us-about-you-form, .preference-centre-reg-wrapper .your-services-box .cms-tell-us-about-you-form {
  margin: 50px 0;
}

.cms-form-wrapper.cms-tell-us-about-you-form-wrapper .broadband-label, .preference-centre-reg-wrapper .your-services-box .broadband-label {
  line-height: 45px;
}

@media only screen and (max-width: 767px) {
  .cms-form-wrapper.cms-tell-us-about-you-form-wrapper .cms-form__form-label, .preference-centre-reg-wrapper .your-services-box .cms-form__form-label {
    text-align: left;
  }
}

.cms-form-wrapper.cms-tell-us-about-you-form-wrapper .cms-form__form-label.text-left, .preference-centre-reg-wrapper .your-services-box .cms-form__form-label.text-left {
  text-align: left;
}

@media only screen and (min-width: 768px) {
  .cms-form-wrapper.cms-tell-us-about-you-form-wrapper .cms-form__form-label.text-left, .preference-centre-reg-wrapper .your-services-box .cms-form__form-label.text-left {
    padding-left: 15px;
  }
}

@media only screen and (min-width: 768px) {
  .cms-form-wrapper.cms-tell-us-about-you-form-wrapper .right-side.bootstrap-select.btn-group:not(.input-group-btn), .preference-centre-reg-wrapper .your-services-box .right-side.bootstrap-select.btn-group:not(.input-group-btn), .cms-form-wrapper.cms-tell-us-about-you-form-wrapper .right-side.bootstrap-select.btn-group[class*="col-"], .preference-centre-reg-wrapper .your-services-box .right-side.bootstrap-select.btn-group[class*="col-"], .cms-form-wrapper.cms-tell-us-about-you-form-wrapper .right-side, .preference-centre-reg-wrapper .your-services-box .right-side {
    margin-left: 50%;
    padding-left: 15px;
  }
}

@media only screen and (min-width: 768px) {
  .cms-form-wrapper.cms-tell-us-about-you-form-wrapper .select-wrapper, .preference-centre-reg-wrapper .your-services-box .select-wrapper {
    padding-left: 15px;
    display: inline;
    width: 50%;
  }
}

.cms-form-wrapper.cms-tell-us-about-you-form-wrapper .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn), .preference-centre-reg-wrapper .your-services-box .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  padding: 0;
  width: 100%;
}

.cms-form-wrapper.cms-tell-us-about-you-form-wrapper .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) .btn, .preference-centre-reg-wrapper .your-services-box .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) .btn {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .cms-form-wrapper.cms-tell-us-about-you-form-wrapper .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn), .preference-centre-reg-wrapper .your-services-box .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 50%;
  }
  .cms-form-wrapper.cms-tell-us-about-you-form-wrapper .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn).datepicker, .preference-centre-reg-wrapper .your-services-box .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn).datepicker {
    width: 100%;
  }
  .cms-form-wrapper.cms-tell-us-about-you-form-wrapper .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn).datepicker .btn, .preference-centre-reg-wrapper .your-services-box .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn).datepicker .btn {
    width: 100%;
  }
  .cms-form-wrapper.cms-tell-us-about-you-form-wrapper .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn).datepicker-wrapper, .preference-centre-reg-wrapper .your-services-box .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn).datepicker-wrapper {
    display: inline-block;
    width: 25%;
  }
}

.cms-form-wrapper.cms-tell-us-about-you-form-wrapper .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) .dropdown-menu.open, .preference-centre-reg-wrapper .your-services-box .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) .dropdown-menu.open {
  margin: 0;
  right: 0;
}

@media only screen and (min-width: 768px) {
  .cms-form-wrapper.cms-tell-us-about-you-form-wrapper .datepicker-wrapper, .preference-centre-reg-wrapper .your-services-box .datepicker-wrapper {
    display: inline-block;
    width: 25%;
  }
}

.cms-form-wrapper.cms-tell-us-about-you-form-wrapper .form-group.row, .preference-centre-reg-wrapper .your-services-box .form-group.row {
  margin: 0 0 20px 0;
}

.cms-form-wrapper.cms-tell-us-about-you-form-wrapper .form-group.row .form-control-feedback, .preference-centre-reg-wrapper .your-services-box .form-group.row .form-control-feedback {
  top: initial;
  bottom: 27px;
}

@media only screen and (min-width: 768px) {
  .cms-form-wrapper.cms-tell-us-about-you-form-wrapper .form-group.row .form-control-feedback, .preference-centre-reg-wrapper .your-services-box .form-group.row .form-control-feedback {
    bottom: 16px;
  }
}

.cms-form-wrapper.cms-tell-us-about-you-form-wrapper .cms-form input:not([type=checkbox]), .preference-centre-reg-wrapper .your-services-box .cms-form input:not([type=checkbox]),
.cms-form-wrapper.cms-tell-us-about-you-form-wrapper .cms-form select:not([type=checkbox]), .preference-centre-reg-wrapper .your-services-box .cms-form select:not([type=checkbox]) {
  width: 100%;
  display: inline;
}

.cms-form-wrapper.cms-tell-us-about-you-form-wrapper .dropdown-label, .preference-centre-reg-wrapper .your-services-box .dropdown-label {
  line-height: 40px;
}

.cms-form-wrapper.cms-tell-us-about-you-form-wrapper .cms-disabled, .preference-centre-reg-wrapper .your-services-box .cms-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

@media only screen and (min-width: 768px) {
  .cms-form-wrapper.cms-tell-us-about-you-form-wrapper .input-wrapper, .preference-centre-reg-wrapper .your-services-box .input-wrapper {
    margin-right: -15px;
  }
}

@media only screen and (min-width: 768px) {
  .cms-form-wrapper.cms-tell-us-about-you-form-wrapper #bbProvider .select-wrapper, .preference-centre-reg-wrapper .your-services-box #bbProvider .select-wrapper {
    display: inline-block;
    padding-left: 0;
  }
  .cms-form-wrapper.cms-tell-us-about-you-form-wrapper #bbProvider .bootstrap-select, .preference-centre-reg-wrapper .your-services-box #bbProvider .bootstrap-select {
    width: 100%;
  }
  .cms-form-wrapper.cms-tell-us-about-you-form-wrapper #bbProvider .bbProvider.bootstrap-select.btn-group .btn, .preference-centre-reg-wrapper .your-services-box #bbProvider .bbProvider.bootstrap-select.btn-group .btn,
  .cms-form-wrapper.cms-tell-us-about-you-form-wrapper #bbProvider .bbProvider .dropdown-menu.open, .preference-centre-reg-wrapper .your-services-box #bbProvider .bbProvider .dropdown-menu.open {
    margin-left: 15px;
  }
}

.cms-results-enhanced .cms-results {
  margin: 30px 0;
}

.cms-results-enhanced .cms-results .postcode {
  color: #dbdbdb;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .cms-results-enhanced .cms-form .form-group .captcha-error.form-control-feedback {
    top: -5px;
    right: -30px;
  }
}

@media only screen and (max-width: 767px) {
  .cms-results-enhanced .cms-form .form-group .captcha-error.form-control-feedback {
    padding-left: 35px;
    margin-top: 5px;
  }
}

.cms-results-enhanced .cms-form .form-group.description {
  margin-top: 30px;
}

.cms-results-enhanced .cms-form .form-group:not(.captcha-wrapper) {
  clear: none;
}

.cms-results-enhanced .cms-form .form-group:not(.captcha-wrapper) .form-control-feedback {
  right: 15px;
}

.cms-results-enhanced .cms-form .form-group:not(.captcha-wrapper) .privacy-check.form-control-feedback {
  bottom: -5px;
  top: auto;
  right: -5px;
}

@media only screen and (max-width: 767px) {
  .cms-results-enhanced #cms-results-content .hero-message {
    color: #000;
  }
}

.cms-results-enhanced .status-message-wrapper {
  background-color: #f7f7f7;
  border-radius: 5px;
  padding: 0 0 15px 5px;
  display: block;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .cms-results-enhanced .status-message-wrapper {
    padding: 15px;
    overflow: visible;
    background-color: #ffffff;
    border-top: dotted 4px #dbdbdb;
    border-bottom: dotted 4px #dbdbdb;
    clear: both;
    margin-top: 0px;
  }
}

.cms-results-enhanced .results-enhanced-submit {
  margin-top: 18px;
  width: 225px;
  background-color: #ed0000 !important;
}

.cms-results-enhanced .results-enhanced-submit .dots {
  width: 20px;
  display: inline-block;
  text-align: left;
}

@media only screen and (max-width: 767px) {
  .cms-results-enhanced .results-enhanced-submit {
    width: 100%;
  }
}

.cms-results-enhanced .checkPostcode {
  text-align: center;
}

@media only screen and (min-width: 1200px) {
  .cms-results-enhanced .checkPostcode a, .cms-results-enhanced .checkPostcode .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .cms-results-enhanced .checkPostcode span {
    color: #dbdbdb;
  }
  .cms-results-enhanced .checkPostcode .fa-angle-right {
    color: #dbdbdb;
  }
}

@media only screen and (max-width: 767px) {
  .cms-results-enhanced .checkPostcode {
    padding-bottom: 30px;
  }
  .cms-results-enhanced .checkPostcode .fa-angle-right {
    color: #ed0000;
  }
}

@media only screen and (max-width: 767px) {
  .cms-results-enhanced {
    margin: -20px;
    margin-top: 0;
    background-color: #ffffff;
  }
  .cms-results-enhanced .hero-message span {
    color: #000;
  }
  .cms-results-enhanced .status-message span {
    color: #000;
  }
  .cms-results-enhanced .title {
    width: 75px;
  }
}

@media only screen and (min-width: 1200px) {
  .cms-results-enhanced .cta-contain {
    float: right;
  }
}

@media only screen and (max-width: 767px) {
  .cms-results-enhanced .g-recaptcha {
    margin-left: -10px;
  }
}

@media only screen and (min-width: 1200px) {
  .cms-results-enhanced .captcha-container {
    padding-left: 150px;
  }
}

@media only screen and (min-width: 1200px) {
  .cms-results-enhanced .cms-form .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    min-width: 76px;
  }
}

.cms-results-enhanced .error-message-medium {
  display: none;
}

.cms-results-enhanced .error-message-mobile {
  display: block;
  width: 100%;
  clear: both;
  margin-bottom: 30px;
}

.cms-results-enhanced .fa-caret-left {
  display: none;
}

.cms-results-enhanced .open-privacy + .fa-caret-left {
  display: block;
  font-size: 40px;
  font-size: 4rem;
  color: #fff;
  position: absolute;
  right: -16px;
  top: -5px;
}

.cms-results-enhanced .consent {
  position: relative;
}

.cms-results-enhanced #slide-panel {
  background: #ffffff;
  height: auto;
  display: none;
}

@media only screen and (min-width: 768px) {
  .cms-results-enhanced #slide-panel {
    width: 437px;
    margin-right: -437px;
    margin-bottom: -10px;
    padding: 23px;
  }
}

@media only screen and (max-width: 767px) {
  .cms-results-enhanced #slide-panel {
    width: 100%;
    padding: 10px;
  }
  .cms-results-enhanced #slide-panel #slide-panel .privacy-message {
    width: 100%;
    overflow: auto;
    height: 96%;
  }
}

.cms-results-enhanced #slide-panel i.fa.fa-times {
  color: #ed0000;
  float: right;
  font-size: 27px;
  font-size: 2.7rem;
}

.cms-results-enhanced .privacy-box {
  width: 100%;
  float: right;
}

.cms-results-enhanced .close-privacy {
  color: #ed0000;
}

.cms-results-enhanced .open-privacy {
  color: #333;
}

.cms-results-enhanced .hiddenOverflow {
  overflow: hidden;
}

.cms-results-enhanced .showOverflow {
  overflow: visible;
}

@media only screen and (min-width: 1200px) {
  .cms-results-enhanced .captcha-error-wrapper {
    width: 300px;
  }
}

.cms-results-enhanced .slide-over {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .cms-results-enhanced .no-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

.cms-results-enhanced .cta.submit-cta {
  float: none;
  margin-right: 20px;
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .cms-results-enhanced .cta.submit-cta {
    width: 100%;
    margin: 0;
  }
}

.cms-results-enhanced .required-symbol {
  color: #ed0000;
}

@media only screen and (min-width: 768px) {
  .cms-results-enhanced .error-message-medium {
    display: inline-block;
    vertical-align: top;
  }
  .cms-results-enhanced .error-message-mobile {
    display: none;
  }
  .cms-results-enhanced .cms-form {
    display: flex;
  }
  .cms-results-enhanced .cms-form .form-group .form-control-feedback {
    top: 38px;
  }
  .cms-results-enhanced .form-fields {
    display: flex;
    flex-direction: row;
    clear: left;
  }
  .cms-results-enhanced .form-fields .flex-item {
    flex-grow: 1;
    margin-right: 20px;
  }
  .cms-results-enhanced .form-fields .title {
    flex-grow: 0;
    min-width: 75px;
    width: auto;
    margin-left: 15px;
  }
  .cms-results-enhanced .form-fields .title .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 75px;
  }
  .cms-results-enhanced .form-fields .building-number {
    margin-left: 15px;
  }
  .cms-results-enhanced .form-fields .cms-form__form-label {
    margin-bottom: 0;
    height: 38px;
  }
  .cms-results-enhanced .form-fields .last-name {
    width: 47%;
  }
  .cms-results-enhanced .form-fields .email {
    width: 53%;
  }
  .cms-results-enhanced .form-fields .street-name, .cms-results-enhanced .form-fields .building-number, .cms-results-enhanced .form-fields .postcode {
    display: block;
    width: 100%;
  }
  .cms-results-enhanced .form-fields .form-group-1 {
    display: flex;
    width: 29%;
  }
  .cms-results-enhanced .form-fields .form-group-2 {
    display: flex;
    width: 49%;
  }
  .cms-results-enhanced .form-fields .form-group-3 {
    display: flex;
    width: 22%;
  }
}

.cms-results-enhanced .form-request-feedback.error {
  background: none;
  border-left-width: 20px;
  padding: 15px 30px;
}

.cms-results-enhanced .form-request-feedback.error .fa-exclamation-triangle {
  position: static;
  padding-right: 20px;
  height: auto;
  width: auto;
}

.cms-results-enhanced .form-request-feedback.error .fa-exclamation-triangle:before {
  font-size: 22px;
  font-size: 2.2rem;
  color: #ffcc00;
  display: block;
  padding: 11px 0;
}

.cms-results-enhanced .captcha-wrapper {
  vertical-align: top;
}

@media only screen and (min-width: 768px) {
  .cms-results-enhanced .pull-right-medium {
    float: right;
  }
}

.latest-articles h2 a, .latest-articles h2 .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .latest-articles h2 span {
  color: #000;
  font-family: "VM Circular Light", sans-serif;
  text-decoration: none;
}

.gauge-ie {
  padding-bottom: 45%;
}

.cms-spinner {
  z-index: 99999;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.8);
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
}

.cms-spinner span {
  margin-top: 15px;
  display: block;
  font-size: 30px;
  font-size: 3rem;
  color: #ed0000;
  font-family: "VM Circular Light", sans-serif;
}

.cms-column-splitter-container.publisher {
  display: none;
}

.top10 .cms-column-splitter-container.publisher.top10 {
  display: block;
}

.next30 .cms-column-splitter-container.publisher.next30 {
  display: block;
}

.yes .cms-column-splitter-container.publisher.yes {
  display: block;
}

.maybe .cms-column-splitter-container.publisher.maybe {
  display: block;
}

.onHold .cms-column-splitter-container.publisher.onHold {
  display: block;
}

.comingSoon .cms-column-splitter-container.publisher.comingSoon {
  display: block;
}

.no .cms-column-splitter-container.publisher.no {
  display: block;
}

.rejected .cms-column-splitter-container.publisher.rejected {
  display: block;
}

.unmatched .cms-column-splitter-container.publisher.unmatched {
  display: block;
}

.standard .cms-column-splitter-container.publisher.standard {
  display: block;
}

.cms-column-splitter-container.add-author-border {
  border: 1px solid #645096;
}

.cms-results-enhanced.cms-short-registration .status-message-wrapper {
  background-color: #ffffff;
}

.cms-results-enhanced.cms-short-registration .publisher {
  display: none;
}

.top10 .cms-results-enhanced.cms-short-registration .publisher.top10 {
  display: block;
}

.next30 .cms-results-enhanced.cms-short-registration .publisher.next30 {
  display: block;
}

.yes .cms-results-enhanced.cms-short-registration .publisher.yes {
  display: block;
}

.maybe .cms-results-enhanced.cms-short-registration .publisher.maybe {
  display: block;
}

.onHold .cms-results-enhanced.cms-short-registration .publisher.onHold {
  display: block;
}

.comingSoon .cms-results-enhanced.cms-short-registration .publisher.comingSoon {
  display: block;
}

.no .cms-results-enhanced.cms-short-registration .publisher.no {
  display: block;
}

.rejected .cms-results-enhanced.cms-short-registration .publisher.rejected {
  display: block;
}

.unmatched .cms-results-enhanced.cms-short-registration .publisher.unmatched {
  display: block;
}

.standard .cms-results-enhanced.cms-short-registration .publisher.standard {
  display: block;
}

@media only screen and (min-width: 768px) {
  .short-registration-vertical .form-inline {
    max-width: 620px;
    margin: 0 auto;
  }
  .short-registration-vertical .form-inline .form-fields {
    flex-direction: column;
  }
  .short-registration-vertical .form-inline .form-fields .form-group-1, .short-registration-vertical .form-inline .form-fields .form-group-2, .short-registration-vertical .form-inline .form-fields .form-group-3 {
    flex-direction: column;
    width: 100%;
  }
  .short-registration-vertical .form-inline .form-fields .form-group-1 .form-group, .short-registration-vertical .form-inline .form-fields .form-group-2 .form-group, .short-registration-vertical .form-inline .form-fields .form-group-3 .form-group {
    position: relative;
    display: flex;
    width: 100%;
    margin-bottom: 30px;
  }
  .short-registration-vertical .form-inline .form-fields .form-group-1 .form-group label, .short-registration-vertical .form-inline .form-fields .form-group-2 .form-group label, .short-registration-vertical .form-inline .form-fields .form-group-3 .form-group label {
    width: 220px;
    height: 45px;
    line-height: 45px;
    padding-right: 15px;
    text-align: end;
    font-size: 16px;
    font-size: 1.6rem;
    color: #666;
  }
  .short-registration-vertical .form-inline .form-fields .form-group-1 .form-group input, .short-registration-vertical .form-inline .form-fields .form-group-2 .form-group input, .short-registration-vertical .form-inline .form-fields .form-group-3 .form-group input {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .short-registration-vertical .form-inline .form-fields .form-group-1 .form-group .form-label-title, .short-registration-vertical .form-inline .form-fields .form-group-2 .form-group .form-label-title, .short-registration-vertical .form-inline .form-fields .form-group-3 .form-group .form-label-title {
    width: 163px;
  }
  .short-registration-vertical .form-inline .form-fields .form-group-1 .form-group .form-control-feedback, .short-registration-vertical .form-inline .form-fields .form-group-2 .form-group .form-control-feedback, .short-registration-vertical .form-inline .form-fields .form-group-3 .form-group .form-control-feedback {
    top: 0;
  }
  .short-registration-vertical .form-inline .form-fields .form-group-1 .form-group .with-errors, .short-registration-vertical .form-inline .form-fields .form-group-2 .form-group .with-errors, .short-registration-vertical .form-inline .form-fields .form-group-3 .form-group .with-errors {
    position: absolute;
    top: 44px;
    left: 150px;
  }
  .short-registration-vertical .form-inline .form-fields .form-group-1 .form-group .btn.dropdown-toggle.btn-default, .short-registration-vertical .form-inline .form-fields .form-group-2 .form-group .btn.dropdown-toggle.btn-default, .short-registration-vertical .form-inline .form-fields .form-group-3 .form-group .btn.dropdown-toggle.btn-default {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .short-registration-vertical .form-inline .form-fields .form-group-1 .form-group.building-number label, .short-registration-vertical .form-inline .form-fields .form-group-2 .form-group.building-number label, .short-registration-vertical .form-inline .form-fields .form-group-3 .form-group.building-number label {
    line-height: 22px;
  }
  .short-registration-vertical .form-inline .form-fields .form-group-1 .form-group {
    margin-left: 0;
  }
  .short-registration-vertical .form-inline > .form-group {
    padding-right: 0px;
  }
  .short-registration-vertical .form-inline > .form-group > .pull-right {
    width: 455px;
  }
  .short-registration-vertical .form-inline > .form-group > .pull-right .media-body {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .short-registration-vertical .form-inline > .form-group > .pull-right .media-body .opener-group {
    display: none;
  }
  .short-registration-vertical .form-inline > .form-group > .pull-right .media-body .privacy-check.form-control-feedback {
    right: -25px;
  }
  .short-registration-vertical .form-inline > .form-group > .pull-right #slide-panel {
    width: 455px;
    padding: 10px 0;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .short-registration-vertical .form-inline .pull-right-medium {
    float: none;
    text-align: center;
  }
  .short-registration-vertical .form-inline .pull-right-medium .error-message-medium {
    margin-bottom: 30px;
    margin-left: -45px;
  }
  .short-registration-vertical .form-inline .pull-right-medium .form-group.has-feedback.no-padding.no-margin.captcha-wrapper {
    display: block;
  }
  .short-registration-vertical .form-inline .pull-right-medium .form-group.has-feedback.no-padding.no-margin.captcha-wrapper .captcha-container.col-md-7 {
    padding-left: 165px;
  }
  .short-registration-vertical .form-inline .pull-right-medium .cta.submit-cta {
    margin-right: 70px;
  }
}

.short-registration-vertical #opener {
  color: #dd0000;
}

.updates-map-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .updates-map-container.map-background {
    height: 500px;
    background: url("onecms/base/img/updates-map/map-background.jpg");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
}

.updates-map-container .um-container {
  padding-right: 0;
  padding-left: 0;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .updates-map-container .um-container {
    height: 500px;
  }
}

.updates-map-container #mapContainer {
  height: 500px;
}

.updates-map-container .map-wrapper {
  width: 100%;
  position: absolute;
  top: 0;
}

@media only screen and (max-width: 767px) {
  .updates-map-container .map-wrapper {
    position: relative;
    margin-bottom: 40px;
  }
}

.updates-map-container .map-wrapper .plectrum-marker {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  text-align: center;
  color: #fff;
  display: block;
  padding-top: 15px;
}

.updates-map-component .updates-map-container .map-wrapper .plectrum-marker {
  height: 75px !important;
  width: 66px !important;
}

.updates-map-container .map-wrapper .plectrum-marker.red {
  background: url("onecms/base/img/updates-map/vm_plectrum_red.svg") no-repeat;
}

.updates-map-container .map-wrapper .plectrum-marker .registration-number {
  font-family: "VM Circular Light", sans-serif;
  font-size: 30px;
  font-size: 3rem;
  line-height: 3.5rem;
}

.updates-map-container .map-wrapper .plectrum-marker .registration-number.registrations-4 {
  font-size: 30px;
  font-size: 3rem;
}

.updates-map-container .map-wrapper .plectrum-marker .registration-number.registrations-3 {
  font-size: 38px;
  font-size: 3.8rem;
}

.updates-map-container .map-wrapper .plectrum-marker .registration-number.registrations-2 {
  font-size: 46px;
  font-size: 4.6rem;
}

.updates-map-container .map-wrapper .plectrum-marker .registration-number.registrations-1 {
  font-size: 54px;
  font-size: 5.4rem;
}

.updates-map-container .map-wrapper .plectrum-marker .custom-text {
  font-family: "VM Circular Light", sans-serif;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 18px;
  margin: 0 auto;
  max-width: 115px;
}

.updates-map-component .updates-map-container .map-wrapper .plectrum-marker .custom-text {
  font-size: 17px;
  font-size: 1.7rem;
  max-width: 113px;
  margin: 0 auto;
}

.updates-map-container .updates-dropdown {
  width: 100%;
  background-color: #4c225f;
  height: 40px;
  padding-bottom: 12%;
}

.updates-map-container .updates-dropdown .updates-arrow {
  padding: 4px 10px;
  float: right;
  color: #ffffff;
  font-size: 200%;
}

.updates-map-container .updates-dropdown .updates-animate-open {
  transform: rotate(-180deg);
}

.updates-map-container .updates-dropdown .updates-animate-closed {
  transform: rotate(180deg);
}

.updates-map-container .updates-dropdown .dropdown-text {
  float: left;
  color: #ffffff;
  padding: 8px 10px;
}

.updates-map-container .dynamic-content-wrapper {
  text-align: left;
  background-color: #ffffff;
  opacity: 0.7;
  height: 500px;
  overflow: hidden;
  padding: 45px 60px;
  overflow-y: auto;
  z-index: 20;
}

.updates-map-container .dynamic-content-wrapper .message-body::before {
  background: url("onecms/base/img/updates-map/VM_update_icon.svg") no-repeat;
  width: 41px;
  height: 41px;
  display: block;
  content: '';
  position: absolute;
  left: -50px;
  top: -10px;
}

.updates-map-container .dynamic-content-wrapper .update-title {
  margin-left: -40px;
  margin-top: -30px;
  color: #000;
}

.updates-map-container .dynamic-content-wrapper .message-body {
  color: #000;
  margin-top: 25px;
  margin-bottom: 25px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .updates-map-container .dynamic-content-wrapper {
    opacity: 0.9;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .updates-map-container .dynamic-content-wrapper {
    width: 40%;
    margin-left: 60%;
  }
}

.thank-you-page-status-container {
  margin: 0;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .thank-you-page-status-container {
    margin: 0;
  }
}

.thank-you-page-status-container .postcode {
  color: #ed0000;
}

.thank-you-page-status-container .animated-message-wrapper {
  color: #ffffff;
  border-radius: 5px;
  background-color: transparent;
  padding: 0;
}

@media only screen and (max-width: 767px) {
  .thank-you-page-status-container .animated-message-wrapper {
    padding: 15px;
  }
}

.thank-you-page-status-container .thank-you-status-background {
  background-position: top center;
  height: 380px;
}

@media only screen and (min-width: 768px) {
  .thank-you-page-status-container .thank-you-status-background {
    padding: 0px;
  }
}

.thank-you-page-status-container .thank-you-status-background .isAnimated {
  background-size: 100% 100%;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  transition: all .5s;
}

@media only screen and (min-width: 768px) {
  .thank-you-page-status-container .thank-you-status-background .delimitation-container {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .thank-you-page-status-container .thank-you-status-background .plectrum-container {
    float: right;
  }
}

@media only screen and (max-width: 767px) {
  .thank-you-page-status-container .thank-you-status-background {
    text-align: center;
    min-height: 655px;
    padding-left: 0;
    padding-right: 0;
  }
}

.thank-you-page-status-container .thank-you-status-plectrum {
  width: auto;
  padding: 0;
  left: 50%;
  transform: translateX(-50%);
}

.thank-you-page-status-container .thank-you-status-plectrum img {
  max-height: 380px;
}

@media only screen and (max-width: 767px) {
  .thank-you-page-status-container .thank-you-status-plectrum img {
    width: 100%;
  }
}

.thank-you-page-status-container .standard-plectrum-text {
  color: #ffffff;
  position: absolute;
  bottom: 15px;
  padding: 0;
}

@media only screen and (max-width: 767px) {
  .thank-you-page-status-container .standard-plectrum-text {
    bottom: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .thank-you-page-status-container .delimitation-container {
    padding-left: 8%;
  }
}

@media only screen and (max-width: 767px) {
  .thank-you-page-status-container .delimitation-container {
    padding-left: 0;
    padding-right: 0;
  }
}

.cms-animated-results-content {
  margin: 0;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .cms-animated-results-content {
    margin: 0;
  }
}

.cms-animated-results-content .hero-message {
  color: #ffffff;
  margin-bottom: 44px;
}

.cms-animated-results-content .new-results-wrapper .hero-message {
  margin-bottom: 0;
}

.cms-animated-results-content .postcode {
  color: #ed0000;
}

.cms-animated-results-content .animated-message-wrapper {
  color: #ffffff;
  border-radius: 5px;
  background-color: transparent;
  padding: 0;
}

@media only screen and (max-width: 767px) {
  .cms-animated-results-content .animated-message-wrapper {
    padding: 15px;
  }
}

.cms-animated-results-content .results-background {
  background-position: top center;
  height: 380px;
}

@media only screen and (min-width: 768px) {
  .cms-animated-results-content .results-background {
    padding: 0px;
  }
}

.cms-animated-results-content .results-background .isAnimated {
  background-size: 100%;
}

@media only screen and (min-width: 768px) {
  .cms-animated-results-content .results-background .delimitation-container {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .cms-animated-results-content .results-background .plectrum-container {
    float: right;
  }
}

@media only screen and (max-width: 767px) {
  .cms-animated-results-content .results-background {
    text-align: center;
    min-height: 655px;
    padding-left: 0;
    padding-right: 0;
  }
}

.cms-animated-results-content .results-plectrum {
  width: auto;
  padding: 0;
  left: 50%;
  transform: translateX(-50%);
}

.cms-animated-results-content .results-plectrum img {
  max-height: 380px;
}

@media only screen and (max-width: 767px) {
  .cms-animated-results-content .results-plectrum img {
    width: 100%;
  }
}

.cms-animated-results-content .standard-plectrum-text {
  color: #ffffff;
  position: absolute;
  bottom: 15px;
  padding: 0;
}

@media only screen and (max-width: 767px) {
  .cms-animated-results-content .standard-plectrum-text {
    bottom: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cms-animated-results-content .delimitation-container {
    padding-left: 8%;
  }
}

@media only screen and (max-width: 767px) {
  .cms-animated-results-content .delimitation-container {
    padding-left: 0;
    padding-right: 0;
  }
}

.cable-my-street-status, .preference-centre-reg-wrapper .pref-centre-address-status {
  background: #efefef;
}

.cable-my-street-status.component, .preference-centre-reg-wrapper .component.pref-centre-address-status {
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cable-my-street-status .container, .preference-centre-reg-wrapper .pref-centre-address-status .container {
    width: 100%;
    padding: 0;
  }
}

@media only screen and (max-width: 767px) {
  .cable-my-street-status .container, .preference-centre-reg-wrapper .pref-centre-address-status .container {
    padding: 0;
  }
}

.cable-my-street-status .left-side, .preference-centre-reg-wrapper .pref-centre-address-status .left-side {
  height: 74px;
  width: 40%;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .cable-my-street-status .left-side, .preference-centre-reg-wrapper .pref-centre-address-status .left-side {
    width: 50%;
  }
}

@media only screen and (max-width: 767px) {
  .cable-my-street-status .left-side, .preference-centre-reg-wrapper .pref-centre-address-status .left-side {
    width: 100%;
    height: 39px;
  }
}

.cable-my-street-status .left-side.grey, .preference-centre-reg-wrapper .pref-centre-address-status .left-side.grey {
  background: #333;
}

.cable-my-street-status .left-side.amber, .preference-centre-reg-wrapper .pref-centre-address-status .left-side.amber {
  background: #ff9900;
}

.cable-my-street-status .left-side.purple, .preference-centre-reg-wrapper .pref-centre-address-status .left-side.purple {
  background: #645096;
}

.cable-my-street-status .left-side.blue, .preference-centre-reg-wrapper .pref-centre-address-status .left-side.blue {
  background: #3e55a0;
}

.cable-my-street-status .left-side .cms-home, .preference-centre-reg-wrapper .pref-centre-address-status .left-side .cms-home, .cable-my-street-status .left-side .cms-postcode, .preference-centre-reg-wrapper .pref-centre-address-status .left-side .cms-postcode, .cable-my-street-status .left-side .cms-icons, .preference-centre-reg-wrapper .pref-centre-address-status .left-side .cms-icons, .cable-my-street-status .left-side .mobile-refresh, .preference-centre-reg-wrapper .pref-centre-address-status .left-side .mobile-refresh {
  height: 74px;
  display: table-cell;
  vertical-align: middle;
}

@media only screen and (max-width: 767px) {
  .cable-my-street-status .left-side .cms-home, .preference-centre-reg-wrapper .pref-centre-address-status .left-side .cms-home, .cable-my-street-status .left-side .cms-postcode, .preference-centre-reg-wrapper .pref-centre-address-status .left-side .cms-postcode, .cable-my-street-status .left-side .cms-icons, .preference-centre-reg-wrapper .pref-centre-address-status .left-side .cms-icons, .cable-my-street-status .left-side .mobile-refresh, .preference-centre-reg-wrapper .pref-centre-address-status .left-side .mobile-refresh {
    height: 39px;
    display: inline-block;
    float: left;
  }
}

.cable-my-street-status .left-side .cms-home, .preference-centre-reg-wrapper .pref-centre-address-status .left-side .cms-home {
  width: 31px;
  padding-right: 15px;
}

@media only screen and (max-width: 767px) {
  .cable-my-street-status .left-side .cms-home, .preference-centre-reg-wrapper .pref-centre-address-status .left-side .cms-home {
    width: 9%;
    padding-right: 0;
  }
  .cable-my-street-status .left-side .cms-home img, .preference-centre-reg-wrapper .pref-centre-address-status .left-side .cms-home img {
    width: 22px;
    padding-top: 8px;
  }
}

.cable-my-street-status .left-side .cms-postcode span, .preference-centre-reg-wrapper .pref-centre-address-status .left-side .cms-postcode span {
  color: #ffffff;
  padding-right: 35px;
  font-family: "VM Circular Bold", sans-serif;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cable-my-street-status .left-side .cms-postcode span, .preference-centre-reg-wrapper .pref-centre-address-status .left-side .cms-postcode span {
    padding-right: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .cable-my-street-status .left-side .cms-postcode span, .preference-centre-reg-wrapper .pref-centre-address-status .left-side .cms-postcode span {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

@media only screen and (max-width: 767px) {
  .cable-my-street-status .left-side .cms-postcode, .preference-centre-reg-wrapper .pref-centre-address-status .left-side .cms-postcode {
    width: 29%;
    text-align: center;
  }
  .cable-my-street-status .left-side .cms-postcode span, .preference-centre-reg-wrapper .pref-centre-address-status .left-side .cms-postcode span {
    padding-right: 0;
    padding-top: 6px;
    display: block;
  }
}

.cable-my-street-status .left-side .cms-icons, .preference-centre-reg-wrapper .pref-centre-address-status .left-side .cms-icons {
  padding-right: 35px;
  padding-bottom: 7px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cable-my-street-status .left-side .cms-icons, .preference-centre-reg-wrapper .pref-centre-address-status .left-side .cms-icons {
    padding-right: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .cable-my-street-status .left-side .cms-icons, .preference-centre-reg-wrapper .pref-centre-address-status .left-side .cms-icons {
    width: 17%;
    text-align: center;
    padding-right: 0;
    padding-top: 3px;
    padding-bottom: 0;
  }
  .cable-my-street-status .left-side .cms-icons img, .preference-centre-reg-wrapper .pref-centre-address-status .left-side .cms-icons img {
    width: 30px;
  }
}

.cable-my-street-status .left-side .mobile-refresh img, .preference-centre-reg-wrapper .pref-centre-address-status .left-side .mobile-refresh img {
  padding-bottom: 7px;
}

@media only screen and (max-width: 767px) {
  .cable-my-street-status .left-side .mobile-refresh, .preference-centre-reg-wrapper .pref-centre-address-status .left-side .mobile-refresh {
    width: 10%;
    text-align: right;
    padding-right: 0;
  }
  .cable-my-street-status .left-side .mobile-refresh img, .preference-centre-reg-wrapper .pref-centre-address-status .left-side .mobile-refresh img {
    padding-top: 8px;
    padding-bottom: 0px;
  }
}

.cable-my-street-status .right-side, .preference-centre-reg-wrapper .pref-centre-address-status .right-side {
  float: left;
  width: 60%;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .cable-my-street-status .right-side, .preference-centre-reg-wrapper .pref-centre-address-status .right-side {
    width: 50%;
  }
}

@media only screen and (max-width: 767px) {
  .cable-my-street-status .right-side, .preference-centre-reg-wrapper .pref-centre-address-status .right-side {
    display: none;
  }
}

.cable-my-street-status .right-side span, .preference-centre-reg-wrapper .pref-centre-address-status .right-side span {
  font-family: "VM Circular Book", sans-serif;
  color: #003333;
  line-height: 1;
  height: 74px;
  display: table-cell;
  vertical-align: middle;
  padding-left: 18px;
  padding-right: 57px;
  position: relative;
}

.cable-my-street-status .right-side .redirect-icon, .preference-centre-reg-wrapper .pref-centre-address-status .right-side .redirect-icon {
  top: 27px;
  position: absolute;
  right: 20px;
}

.cable-my-street-status .right-side a, .preference-centre-reg-wrapper .pref-centre-address-status .right-side a, .cable-my-street-status .right-side .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .cable-my-street-status .right-side span, .preference-centre-reg-wrapper .pref-centre-address-status .right-side .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .preference-centre-reg-wrapper .pref-centre-address-status .right-side span {
  margin-left: 12px;
  color: #333;
  text-decoration: none;
}

.cable-my-street-status .right-side a:hover, .preference-centre-reg-wrapper .pref-centre-address-status .right-side a:hover, .cable-my-street-status .right-side .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:hover, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .cable-my-street-status .right-side span:hover, .preference-centre-reg-wrapper .pref-centre-address-status .right-side .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:hover, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .preference-centre-reg-wrapper .pref-centre-address-status .right-side span:hover {
  text-decoration: underline;
}

.cms-contribution-amount-content {
  margin: 0;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .cms-contribution-amount-content {
    margin: 0;
  }
}

.cms-contribution-amount-content .status-message {
  color: #ffffff;
}

.cms-contribution-amount-content .new-results-wrapper .hero-message {
  margin-bottom: 0;
}

.cms-contribution-amount-content .postcode {
  color: #ed0000;
}

.cms-contribution-amount-content .results-background {
  height: auto;
  padding-top: 50px;
}

@media only screen and (max-width: 767px) {
  .cms-contribution-amount-content .results-background {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }
}

.cms-contribution-amount-content .results-circular-image {
  width: 300px;
  height: 300px;
  background: no-repeat 100% 100%;
}

@media only screen and (max-width: 767px) {
  .cms-contribution-amount-content .results-circular-image {
    left: 50%;
    transform: translate(-50%, 0);
    width: 250px;
    height: 250px;
    background-size: cover;
  }
}

@media only screen and (max-width: 767px) {
  .cms-contribution-amount-content .delimitation-container {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.cms-contribution-amount-content .amount-in-pounds {
  font-size: 3.0rem;
  font-weight: bold;
  color: #ed0000;
  margin: 67% -2% 0 0;
  text-align: center;
}

.cms-display-address-wrapper {
  text-align: center;
  margin: 50px auto;
}

.cms-display-address-wrapper > div {
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .cms-display-address-wrapper {
    margin: 35px auto;
  }
}

.cms-display-address-plectrum {
  float: left;
}

.cms-display-address-plectrum:before {
  content: url(onecms/base/img/display-address/vm-address-plectrum-desktop.png);
  display: block;
  margin: 0 25px 0 -25px;
}

@media only screen and (max-width: 767px) {
  .cms-display-address-plectrum:before {
    content: url(onecms/base/img/display-address/vm-address-plectrum-mobile.png);
    margin: 0 15px 0 -15px;
  }
}

.cms-display-address-text {
  text-align: left;
  float: left;
}

.cms-display-address-text span {
  font-family: "VM Circular Light", sans-serif;
  font-size: 30px;
  font-size: 3rem;
  line-height: 3.5rem;
}

@media only screen and (max-width: 767px) {
  .cms-display-address-text span {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 2.8rem;
  }
}

.cms-display-address-text span.address {
  padding: 30px 0 0 0;
  display: block;
  text-transform: capitalize;
}

@media only screen and (max-width: 767px) {
  .cms-display-address-text span.address {
    padding: 8px 0 0 0;
  }
}

.cms-display-address-text span.city {
  text-transform: capitalize;
}

.cms-display-address-text span.postcode {
  text-transform: uppercase;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cms-display-address-text {
    max-width: 550px;
  }
}

@media only screen and (max-width: 767px) {
  .cms-display-address-text {
    max-width: 220px;
  }
}

.progress-bar-indicator {
  margin-top: 72px;
}

.progress-bar-indicator .fa-check-circle {
  display: none;
  font-size: 1.5em;
}

.maybe .progress-bar-indicator .registration .fa-check-circle {
  display: inline;
}

.yes .progress-bar-indicator .planning .fa-check-circle {
  display: inline;
}

.comingSoon .progress-bar-indicator .coming-soon .fa-check-circle {
  display: inline;
}

.progress-bar-indicator .publisher {
  display: none;
}

.maybe .progress-bar-indicator .publisher.maybe {
  display: block;
}

.comingSoon .progress-bar-indicator .publisher.comingSoon {
  display: block;
}

.yes .progress-bar-indicator .publisher.yes {
  display: block;
}

.progress-bar-indicator .images {
  display: flex;
  justify-content: center;
}

@media only screen and (max-width: 768px) {
  .progress-bar-indicator .images {
    display: block;
  }
}

.progress-bar-indicator .status-area, .progress-bar-indicator .registration, .progress-bar-indicator .planning, .progress-bar-indicator .coming-soon, .progress-bar-indicator .serviceable {
  display: flex;
  flex-direction: column;
}

@media only screen and (min-width: 768px) {
  .progress-bar-indicator .status-area, .progress-bar-indicator .registration, .progress-bar-indicator .planning, .progress-bar-indicator .coming-soon, .progress-bar-indicator .serviceable {
    width: 20%;
  }
}

.progress-bar-indicator .registration .registration-circle {
  border-radius: 50%;
  width: 100px;
  height: 100px;
  min-width: 100px;
}

.progress-bar-indicator .planning .planning-circle {
  border-radius: 50%;
  width: 100px;
  height: 100px;
  min-width: 100px;
}

.progress-bar-indicator .coming-soon .coming-soon-circle {
  border-radius: 50%;
  width: 100px;
  height: 100px;
  min-width: 100px;
}

.progress-bar-indicator .serviceable .serviceable-circle {
  border-radius: 50%;
  width: 100px;
  height: 100px;
  min-width: 100px;
}

.progress-bar-indicator .image-area {
  display: flex;
  width: 100%;
}

.progress-bar-indicator .text-status {
  text-align: center;
  padding-top: 23px;
}

.progress-bar-indicator .connection-line-empty {
  width: 50%;
  height: 27px;
  margin: 41px -5px 0px -5px;
}

.progress-bar-indicator .connection-line-one-one {
  width: 50%;
  height: 27px;
  background: red;
  margin: 41px -5px 0px -5px;
  background: linear-gradient(to right, #342234, #3C2645);
}

.progress-bar-indicator .connection-line-one-two {
  width: 50%;
  height: 27px;
  background: red;
  margin: 41px -5px 0px -5px;
  background: linear-gradient(to right, #3C2645, #442a56);
}

.progress-bar-indicator .connection-line-two-one {
  width: 50%;
  height: 27px;
  background: red;
  margin: 41px -5px 0px -5px;
  background: linear-gradient(to right, #442a56, #99152B);
}

.progress-bar-indicator .connection-line-two-two {
  width: 50%;
  height: 27px;
  background: red;
  margin: 41px -5px 0px -5px;
  background: linear-gradient(to right, #99152B, #ed0000);
}

.progress-bar-indicator .connection-line-three {
  width: 50%;
  height: 27px;
  background: red;
  margin: 41px -5px 0px -5px;
  background: linear-gradient(to right, #ed0000, #ed0000);
}

.progress-bar-indicator .status-title {
  font-weight: bold;
  padding-bottom: 20px;
}

.progress-bar-indicator .user-message {
  padding-top: 15px;
}

.progress-bar-indicator .status-container {
  word-break: break-word;
  overflow: hidden;
}

@media only screen and (min-width: 768px) {
  .progress-bar-indicator .status-container {
    max-width: 20%;
  }
}

.cms-carousel .owl-theme .owl-controls .owl-page {
  display: inline-block;
}

.cms-carousel .owl-theme .owl-controls .owl-page span {
  background: none repeat scroll 0 0 #869791;
  border-radius: 20px;
  display: block;
  height: 12px;
  margin: 5px 7px;
  opacity: 0.5;
  width: 12px;
}

.cms-carousel .owl-theme .owl-controls {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.cms-carousel .owl-theme .owl-controls .owl-nav [class*='owl-'] {
  color: white;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #d6d6d6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}

.cms-carousel .owl-theme .owl-controls .owl-nav [class*='owl-']:hover {
  background: #333;
  color: white;
  text-decoration: none;
}

.cms-carousel .owl-theme .owl-controls .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}

.cms-carousel .owl-theme .owl-dots .owl-dot {
  text-align: center;
  display: inline-block;
  zoom: 1;
}

.cms-carousel .owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #333;
  display: block;
  -webkit-backface-visibility: visible;
  -webkit-transition: opacity 200ms ease;
  -moz-transition: opacity 200ms ease;
  -ms-transition: opacity 200ms ease;
  -o-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

.cms-carousel .owl-theme .owl-dots .owl-dot.active span, .cms-carousel .owl-theme .owl-dots .owl-dot:hover span {
  background: #ed0000;
}

.cms-carousel .mobile-enabled.owl-loaded {
  margin-left: 0;
  margin-right: 0;
}

.cms-carousel .owl-carousel.off {
  display: block;
}

.cms-carousel .owl-dots {
  text-align: center;
}

.cms-carousel .owl-nav.disabled {
  display: none;
}

.cms-carousel .owl-item {
  display: inline-block;
}

.service-wrap-header-container .header-background {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-repeat: no-repeat;
  background-size: cover;
}

.service-wrap-header-container .header-background .title-and-description {
  display: none;
  padding: 20px 10px;
  color: white;
}

@media only screen and (min-width: 768px) {
  .service-wrap-header-container .header-background .title-and-description {
    max-width: 60%;
  }
}

.service-wrap-header-container .header-background .plectrum-and-address {
  flex-direction: row;
  display: flex;
  align-items: center;
}

.service-wrap-header-container .header-background .plectrum-and-address .service-wrap-plectrum {
  padding-right: 20px;
}

.service-wrap-header-container .header-background .plectrum-and-address .service-wrap-plectrum .plectrum-image {
  width: 70px;
  height: 59px;
}

@media only screen and (min-width: 768px) {
  .service-wrap-header-container .header-background .plectrum-and-address .service-wrap-plectrum .plectrum-image {
    width: 114px;
    height: 97px;
  }
}

.service-wrap-header-container .header-background .plectrum-and-address .address {
  color: white;
  font-size: 20px;
}

.service-wrap-header-container .header-background .details {
  display: none;
  color: white;
  padding: 20px 10px;
}

@media only screen and (min-width: 768px) {
  .service-wrap-header-container .header-background .details {
    max-width: 60%;
  }
}

.service-wrap-header-container .header-background .displayAuthor {
  display: block;
}

.preference-centre-email-wrapper, .preference-centre-reg-wrapper {
  overflow: hidden;
}

.preference-centre-email-wrapper a, .preference-centre-email-wrapper .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .preference-centre-email-wrapper span, .preference-centre-reg-wrapper a, .preference-centre-reg-wrapper .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .preference-centre-reg-wrapper span {
  cursor: pointer;
  text-decoration: none;
}

.preference-centre-email-wrapper .email-actions, .preference-centre-reg-wrapper .email-actions {
  text-align: right;
  padding-top: 10px;
  line-height: 35px;
}

.preference-centre-email-wrapper .email-actions a, .preference-centre-email-wrapper .email-actions .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .preference-centre-email-wrapper .email-actions span, .preference-centre-reg-wrapper .email-actions a, .preference-centre-reg-wrapper .email-actions .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .preference-centre-reg-wrapper .email-actions span {
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .preference-centre-email-wrapper .email-actions, .preference-centre-reg-wrapper .email-actions {
    text-align: left;
    padding-top: 0;
    line-height: 1;
  }
}

.preference-centre-email-wrapper {
  background-color: #f7f7f7;
  margin: 10px 0;
}

.preference-centre-email-wrapper .preference-center-container {
  padding-top: 35px;
}

@media only screen and (max-width: 767px) {
  .preference-centre-email-wrapper .preference-center-container {
    padding-top: 20px;
  }
}

.preference-centre-email-wrapper .alert-danger {
  font-size: 14px;
  color: #000;
}

@media only screen and (max-width: 767px) {
  .preference-centre-email-wrapper {
    margin-top: 10px;
    padding-bottom: 10px;
  }
}

@media only screen and (min-width: 768px) {
  .preference-centre-email-wrapper .pc-new-email.submit {
    margin: 0 -20px 0 20px;
  }
}

@media only screen and (max-width: 767px) {
  .preference-centre-email-wrapper button.submit {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) {
  .preference-centre-email-wrapper .pc-new-email.submit {
    margin: 0 -20px 0 20px;
  }
}

@media only screen and (max-width: 767px) {
  .preference-centre-email-wrapper button.submit {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) {
  .preference-centre-email-wrapper .cta button {
    margin-top: 35px !important;
  }
}

.preference-centre-email-wrapper .g-recaptcha {
  margin: 0 auto;
  width: 304px;
  margin-top: 15px;
}

@media only screen and (max-width: 767px) {
  .preference-centre-email-wrapper .captcha-error-wrapper {
    width: 92%;
  }
}

.preference-centre-email-wrapper #link-expired-alert, .preference-centre-email-wrapper #send-email-form, .preference-centre-email-wrapper #change-email-form {
  display: none;
}

.preference-centre-email-wrapper .preference-centre-email-message-bg {
  background-color: #ffffff;
}

.preference-centre-email-wrapper .email-details {
  padding: 10px 0;
  margin-top: -35px;
}

@media only screen and (max-width: 767px) {
  .preference-centre-email-wrapper .email-details {
    margin-top: -20px;
  }
}

.preference-centre-email-wrapper .thank-you-message {
  padding: 25px 0;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .preference-centre-email-wrapper .thank-you-message {
    padding: 5px 0;
  }
}

.pc-email-form {
  display: none;
  margin-top: 10px;
}

.pc-modal .cta {
  margin-top: 10px;
}

.pc-modal .cta .cancel {
  background-color: #CDCDCD;
  color: #000;
}

.pc-modal .cta .cancel:hover {
  background-color: #CDCDCD;
  color: #000;
}

.pc-modal .cta button {
  width: 206px;
}

.pc-modal .modal-content {
  border-radius: 10px;
  background-color: #fff;
  color: #000;
}

.pc-modal .modal-content .modal-body {
  padding: 20px 40px 40px 40px;
}

.pc-modal .modal-header {
  border: 0;
}

.pc-modal .modal-header button.close {
  color: #000;
  font-size: 25px;
  opacity: 1;
  margin-right: -4px;
  margin-top: -6px;
}

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
  .pc-modal .cta button.cancel {
    float: right;
  }
  .pc-modal .cta button.confirm {
    float: left;
  }
}

@media only screen and (max-width: 768px) {
  .pc-modal .cta {
    text-align: center;
  }
  .pc-modal .cta button {
    float: none;
  }
}

.preference-centre-reg-wrapper .pref-centre-reg-item {
  background-color: #dbdbdb;
  border-bottom: 1px solid #ffffff;
}

.preference-centre-reg-wrapper .toggle-wrapper {
  display: none;
  background: #ffffff;
}

.preference-centre-reg-wrapper h3, .preference-centre-reg-wrapper .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina .preference-centre-reg-wrapper .acc-panel-title {
  margin-bottom: 15px;
}

.preference-centre-reg-wrapper h3.your-addresses-label, .preference-centre-reg-wrapper .accordion.js-accordion-concertina .your-addresses-label.acc-panel-title, .accordion.js-accordion-concertina .preference-centre-reg-wrapper .your-addresses-label.acc-panel-title {
  margin-bottom: 10px;
}

.preference-centre-reg-wrapper .col-center {
  float: none;
  margin: 0 auto;
}

.preference-centre-reg-wrapper .pref-centre-address-status {
  background: transparent;
}

.preference-centre-reg-wrapper .pref-centre-address-status .left-side {
  padding: 0;
  width: auto;
}

@media only screen and (max-width: 767px) {
  .preference-centre-reg-wrapper .pref-centre-address-status .left-side {
    width: 100%;
    padding: 15px 0 0 15px;
    float: none;
  }
  .preference-centre-reg-wrapper .pref-centre-address-status .left-side .cms-home {
    width: 31px;
  }
}

.preference-centre-reg-wrapper .pref-centre-address-status .left-side .cms-postcode {
  width: auto;
}

.preference-centre-reg-wrapper .pref-centre-address-status .left-side .cms-postcode span {
  color: #333;
  padding-right: 10px;
}

.preference-centre-reg-wrapper .pref-centre-address-status .address-actions {
  padding-top: 0;
  line-height: 1;
  float: right;
  height: 74px;
  line-height: 74px;
}

.preference-centre-reg-wrapper .pref-centre-address-status .address-actions a, .preference-centre-reg-wrapper .pref-centre-address-status .address-actions .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .preference-centre-reg-wrapper .pref-centre-address-status .address-actions span {
  line-height: normal;
}

.preference-centre-reg-wrapper .pref-centre-address-status .address-actions a:last-child, .preference-centre-reg-wrapper .pref-centre-address-status .address-actions .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:last-child, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .preference-centre-reg-wrapper .pref-centre-address-status .address-actions span:last-child {
  margin-left: 20px;
}

@media only screen and (max-width: 767px) {
  .preference-centre-reg-wrapper .pref-centre-address-status .address-actions {
    float: left;
    height: auto;
    line-height: 1;
    margin: 5px 0 20px 47px;
    width: 100%;
  }
}

.preference-centre-reg-wrapper .pref-centre-address-status .checked {
  line-height: 74px;
  float: left;
  margin: 0 0 0 25px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .preference-centre-reg-wrapper .pref-centre-address-status .checked {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .preference-centre-reg-wrapper .pref-centre-address-status .checked {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .preference-centre-reg-wrapper .pref-centre-address-status .container {
    padding: 0 15px;
    width: 750px;
  }
}

.preference-centre-reg-wrapper .reg-details-wrapper {
  background: #eee;
  padding: 0 0 50px 0;
}

@media only screen and (max-width: 767px) {
  .preference-centre-reg-wrapper .reg-details-wrapper {
    padding: 0 0 20px 0;
  }
}

.preference-centre-reg-wrapper .address-box-wrapper {
  background: #FEF5F9;
  padding: 15px 0;
}

.preference-centre-reg-wrapper .address-box {
  overflow: hidden;
  background: #ffffff;
  float: none;
  margin: 0 auto 0 auto;
  padding: 15px 0 20px 50px;
}

.preference-centre-reg-wrapper .address-box .check-again-box {
  margin-top: 60px;
}

.preference-centre-reg-wrapper .address-box .check-again-box p {
  max-width: 200px;
}

@media only screen and (max-width: 767px) {
  .preference-centre-reg-wrapper .address-box .check-again-box {
    margin-top: 20px;
  }
  .preference-centre-reg-wrapper .address-box .check-again-box p {
    max-width: 100%;
  }
}

@media only screen and (min-width: 1200px) {
  .preference-centre-reg-wrapper .address-box {
    padding-left: 90px;
  }
}

@media only screen and (max-width: 767px) {
  .preference-centre-reg-wrapper .address-box {
    padding: 10px 0 30px 0;
  }
}

.preference-centre-reg-wrapper .your-services-box, .preference-centre-reg-wrapper .your-details-box {
  margin-top: 40px;
}

@media only screen and (max-width: 767px) {
  .preference-centre-reg-wrapper .your-services-box, .preference-centre-reg-wrapper .your-details-box {
    margin-top: 20px;
  }
}

.preference-centre-reg-wrapper .your-address-box {
  position: relative;
}

.preference-centre-reg-wrapper .your-address-box p span {
  display: block;
}

.preference-centre-reg-wrapper .your-address-box .cta {
  position: absolute;
  bottom: 10px;
  right: 15px;
}

@media only screen and (max-width: 767px) {
  .preference-centre-reg-wrapper .your-address-box .cta {
    position: static;
    width: 100%;
    margin-bottom: 15px;
  }
}

.preference-centre-reg-wrapper .your-details-box h3, .preference-centre-reg-wrapper .your-details-box .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina .preference-centre-reg-wrapper .your-details-box .acc-panel-title {
  margin-bottom: 25px;
}

.preference-centre-reg-wrapper .your-details-box .form-fields {
  margin-bottom: 10px;
}

.preference-centre-reg-wrapper .your-details-box .cms-form__input-wrapper {
  display: inline-block;
  padding: 0;
  border: none;
  margin: 5px 100px 0 0;
}

.preference-centre-reg-wrapper .your-details-box .cms-form__input-wrapper:last-child {
  margin-right: 0;
}

@media only screen and (min-width: 768px) {
  .preference-centre-reg-wrapper .your-services-box .input-wrapper {
    margin-right: 0;
  }
  .preference-centre-reg-wrapper .your-services-box .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: calc(50% - 15px);
  }
}

.preference-centre-reg-wrapper .cta button {
  float: none;
  min-width: 200px;
  background-color: #F68080;
}

.preference-centre-reg-wrapper .cta button[disabled], .preference-centre-reg-wrapper .cta button[disabled]:hover {
  background-color: #F68080;
  opacity: 0.5;
  cursor: not-allowed;
}

@media only screen and (max-width: 767px) {
  .preference-centre-reg-wrapper .cta button {
    width: 100%;
  }
}

.preference-centre-reg-wrapper .cta-contain-save {
  position: relative;
  padding-top: 10px;
  padding-bottom: 140px;
}

@media only screen and (max-width: 767px) {
  .preference-centre-reg-wrapper .cta-contain-save {
    padding-bottom: 100px;
  }
}

.preference-centre-reg-wrapper .cta-contain-save .form-request-feedback {
  position: absolute;
  top: 75px;
  left: 15px;
  width: calc(100% - 30px);
}

@media only screen and (max-width: 767px) {
  .preference-centre-reg-wrapper .cta-contain-save .form-request-feedback {
    top: 130px;
  }
}

.preference-centre-reg-wrapper .cta-contain-save button.reset {
  background-color: #CDCDCD;
  color: #000;
  float: left;
}

.preference-centre-reg-wrapper .cta-contain-save button.reset[disabled], .preference-centre-reg-wrapper .cta-contain-save button.reset[disabled]:hover {
  background-color: #CDCDCD;
}

.preference-centre-reg-wrapper .cta-contain-save button.submit {
  float: right;
}

@media only screen and (max-width: 767px) {
  .preference-centre-reg-wrapper .cta-contain-save button {
    margin: 0;
  }
  .preference-centre-reg-wrapper .cta-contain-save button.reset {
    margin-bottom: 20px;
  }
}

.preference-centre-reg-wrapper .footer-actions {
  margin: 30px auto;
}

.preference-centre-reg-wrapper .footer-actions .remove-all {
  display: inline-block;
  float: right;
}

@media only screen and (max-width: 767px) {
  .preference-centre-reg-wrapper .footer-actions .remove-all {
    float: none;
    margin-top: 10px;
  }
}

.preference-centre-reg-wrapper .footer-actions .check-different-postcode {
  display: inline-block;
  float: left;
}

.preference-centre-reg-wrapper .footer-actions .check-different-postcode img {
  margin-left: 15px;
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .preference-centre-reg-wrapper .footer-actions .check-different-postcode {
    float: none;
  }
}

@media only screen and (max-width: 767px) {
  .preference-centre-reg-wrapper .footer-actions {
    margin: 20px auto;
  }
}

.preference-centre-reg-wrapper .privacy-slide-panel {
  display: none;
}

.preference-centre-reg-wrapper .privacy-slide-panel .privacy-close {
  color: #42254c;
  font-size: 38px;
  font-size: 3.8rem;
  display: inline-block;
  margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
  .preference-centre-reg-wrapper .address-box-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}

.contract-lead-header-wrapper {
  background: url("onecms/img/contract-lead/DT@2x.png");
  background-size: cover;
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .contract-lead-header-wrapper {
    padding: 16px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .contract-lead-header-wrapper {
    padding: 20px;
  }
}

@media only screen and (min-width: 1200px) {
  .contract-lead-header-wrapper {
    padding: 50px;
  }
}

.contract-lead-header-wrapper .contract-lead-header-bg {
  max-width: 1200px;
  margin: 0 auto;
}

.contract-lead-header-wrapper .contract-lead-header-bg .serviceability-icoms-dna-wrapper, .contract-lead-header-wrapper .contract-lead-header-bg .header-steps-wrapper {
  display: none;
}

.contract-lead-header-wrapper .contract-lead-header-bg .header-title {
  font-size: 50px;
  line-height: 50px;
  margin-bottom: 50px;
}

.contract-lead-header-wrapper .contract-lead-header-bg .header-title p {
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .contract-lead-header-wrapper .contract-lead-header-bg .header-title {
    font-size: 35px;
    line-height: 40px;
    margin-bottom: 30px;
  }
}

.contract-lead-header-wrapper .contract-lead-header-bg .opacity-40 {
  opacity: 0.4;
}

.contract-lead-header-wrapper .contract-lead-header-bg .with-cookie .serviceability-icoms-dna-wrapper {
  display: none;
}

.contract-lead-header-wrapper .contract-lead-header-bg .with-cookie.check-serviceability .header-steps-wrapper {
  display: block;
  position: relative;
  max-width: 500px;
  margin: 0 auto;
}

.contract-lead-header-wrapper .contract-lead-header-bg .with-cookie.check-serviceability .header-steps-wrapper.part-or-full-serv .header-step-container {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}

.contract-lead-header-wrapper .contract-lead-header-bg .with-cookie.check-serviceability .header-steps-wrapper.part-or-full-serv .header-step-container > .header-step:first-of-type {
  display: none;
}

.contract-lead-header-wrapper .contract-lead-header-bg .with-cookie.check-serviceability .header-steps-wrapper.part-or-full-serv .header-step-container .header-step {
  z-index: 2;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.contract-lead-header-wrapper .contract-lead-header-bg .with-cookie.check-serviceability .header-steps-wrapper.part-or-full-serv .header-step-container .header-step .header-step-icon {
  flex-shrink: 0;
  width: 45px;
  height: 50px;
}

.contract-lead-header-wrapper .contract-lead-header-bg .with-cookie.check-serviceability .header-steps-wrapper.part-or-full-serv .header-step-container .header-step .header-step-icon.icon-1 {
  background: url("onecms/img/contract-lead/Pin.svg") no-repeat center;
  background-size: contain;
}

.contract-lead-header-wrapper .contract-lead-header-bg .with-cookie.check-serviceability .header-steps-wrapper.part-or-full-serv .header-step-container .header-step .header-step-icon.icon-2 {
  background: url("onecms/img/contract-lead/Calendar.svg") no-repeat center;
  background-size: contain;
}

.contract-lead-header-wrapper .contract-lead-header-bg .with-cookie.check-serviceability .header-steps-wrapper.part-or-full-serv .header-step-container .header-step .header-step-icon.icon-3 {
  background: url("onecms/img/contract-lead/Offer.svg") no-repeat center;
  background-size: contain;
}

.contract-lead-header-wrapper .contract-lead-header-bg .with-cookie.check-serviceability .header-steps-wrapper.part-or-full-serv .header-step-container .header-step .nr-wrapper {
  margin: 20px 0 30px;
  border-radius: 50%;
  background: #e73e61;
}

.contract-lead-header-wrapper .contract-lead-header-bg .with-cookie.check-serviceability .header-steps-wrapper.part-or-full-serv .header-step-container .header-step .nr-wrapper .header-step-number {
  display: -webkit-flex;
  display: flex;
  font-size: 16px;
  font-size: 1.6rem;
  justify-content: center;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  margin: 0;
  font-weight: 600;
  color: #EB181D;
  background: #ffffff;
}

.contract-lead-header-wrapper .contract-lead-header-bg .with-cookie.check-serviceability .header-steps-wrapper.part-or-full-serv .header-step-container .header-step .header-step-text {
  display: -webkit-flex;
  display: flex;
  font-size: 18px;
  font-size: 1.8rem;
  align-items: center;
  min-height: 60px;
  line-height: 20px;
  text-align: center;
  font-family: 'VM Circular Light';
}

@media only screen and (max-width: 767px) {
  .contract-lead-header-wrapper .contract-lead-header-bg .with-cookie.check-serviceability .header-steps-wrapper.part-or-full-serv .header-step-container .header-step .header-step-text {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  .contract-lead-header-wrapper .contract-lead-header-bg .with-cookie.check-serviceability .header-steps-wrapper.part-or-full-serv .header-step-container .header-step {
    flex: 1 0 33%;
  }
}

.contract-lead-header-wrapper .contract-lead-header-bg .with-cookie.check-serviceability .header-steps-wrapper.part-or-full-serv .dotts {
  position: absolute;
  top: 82px;
  left: 25%;
  width: 50%;
  border-bottom: 2px dotted #ffffff;
}

@media only screen and (max-width: 767px) {
  .contract-lead-header-wrapper .contract-lead-header-bg .with-cookie.check-serviceability .header-steps-wrapper.part-or-full-serv .dotts {
    left: 10%;
    width: 80%;
  }
}

.contract-lead-header-wrapper .contract-lead-header-bg .with-cookie.check-serviceability .header-steps-wrapper.no-serv {
  display: none;
}

@media only screen and (max-width: 767px) {
  .contract-lead-header-wrapper .contract-lead-header-bg .with-cookie.check-serviceability .header-steps-wrapper {
    max-width: 200px;
  }
}

.contract-lead-header-wrapper .contract-lead-header-bg .with-local-cookie .serviceability-icoms-dna-wrapper {
  display: none;
}

.contract-lead-header-wrapper .contract-lead-header-bg .with-local-cookie .dotts {
  position: absolute;
  top: 82px;
  left: 17%;
  width: 67%;
  border-bottom: 2px dotted #ffffff;
}

@media only screen and (max-width: 767px) {
  .contract-lead-header-wrapper .contract-lead-header-bg .with-local-cookie .dotts {
    left: 10%;
    width: 80%;
  }
}

.contract-lead-header-wrapper .contract-lead-header-bg .with-local-cookie .header-steps-wrapper {
  display: block;
  position: relative;
  max-width: 700px;
  margin: 0 auto;
}

.contract-lead-header-wrapper .contract-lead-header-bg .with-local-cookie .header-steps-wrapper .header-step-container {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}

.contract-lead-header-wrapper .contract-lead-header-bg .with-local-cookie .header-steps-wrapper .header-step-container .header-step {
  z-index: 2;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.contract-lead-header-wrapper .contract-lead-header-bg .with-local-cookie .header-steps-wrapper .header-step-container .header-step .header-step-icon {
  flex-shrink: 0;
  width: 45px;
  height: 50px;
}

.contract-lead-header-wrapper .contract-lead-header-bg .with-local-cookie .header-steps-wrapper .header-step-container .header-step .header-step-icon.icon-1 {
  background: url("onecms/img/contract-lead/Pin.svg") no-repeat center;
  background-size: contain;
}

.contract-lead-header-wrapper .contract-lead-header-bg .with-local-cookie .header-steps-wrapper .header-step-container .header-step .header-step-icon.icon-2 {
  background: url("onecms/img/contract-lead/Calendar.svg") no-repeat center;
  background-size: contain;
}

.contract-lead-header-wrapper .contract-lead-header-bg .with-local-cookie .header-steps-wrapper .header-step-container .header-step .header-step-icon.icon-3 {
  background: url("onecms/img/contract-lead/Offer.svg") no-repeat center;
  background-size: contain;
}

.contract-lead-header-wrapper .contract-lead-header-bg .with-local-cookie .header-steps-wrapper .header-step-container .header-step .nr-wrapper {
  margin: 20px 0 30px;
  border-radius: 50%;
  background: #e73e61;
}

.contract-lead-header-wrapper .contract-lead-header-bg .with-local-cookie .header-steps-wrapper .header-step-container .header-step .nr-wrapper .header-step-number {
  display: -webkit-flex;
  display: flex;
  font-size: 16px;
  font-size: 1.6rem;
  justify-content: center;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  margin: 0;
  font-weight: 600;
  color: #EB181D;
  background: #ffffff;
}

.contract-lead-header-wrapper .contract-lead-header-bg .with-local-cookie .header-steps-wrapper .header-step-container .header-step .header-step-text {
  display: -webkit-flex;
  display: flex;
  font-size: 18px;
  font-size: 1.8rem;
  align-items: center;
  min-height: 60px;
  line-height: 20px;
  text-align: center;
  font-family: 'VM Circular Light';
}

@media only screen and (max-width: 767px) {
  .contract-lead-header-wrapper .contract-lead-header-bg .with-local-cookie .header-steps-wrapper .header-step-container .header-step .header-step-text {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  .contract-lead-header-wrapper .contract-lead-header-bg .with-local-cookie .header-steps-wrapper .header-step-container .header-step {
    flex: 1 0 33%;
  }
}

.contract-lead-header-wrapper .contract-lead-header-bg .with-local-cookie .header-steps-wrapper.no-serv {
  display: none;
}

@media only screen and (max-width: 767px) {
  .contract-lead-header-wrapper .contract-lead-header-bg .with-local-cookie .header-steps-wrapper {
    max-width: 280px;
  }
}

.contract-lead-header-wrapper .contract-lead-header-bg .without-cookie .serviceability-icoms-dna-wrapper {
  display: block;
  width: 100%;
  min-height: 100px;
  padding-top: 10px;
  margin-bottom: 50px;
  background: #ffffff;
  color: initial;
  border-radius: 8px;
}

@media only screen and (max-width: 767px) {
  .contract-lead-header-wrapper .contract-lead-header-bg .without-cookie .serviceability-icoms-dna-wrapper {
    margin-bottom: 30px;
  }
}

.contract-lead-header-wrapper .contract-lead-header-bg .without-cookie .serviceability-icoms-dna-wrapper .nrPrepend {
  display: -webkit-flex;
  display: flex;
  font-size: 16px;
  font-size: 1.6rem;
  float: left;
  flex-shrink: 0;
  justify-content: center;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  margin-right: 10px;
  font-weight: 600;
  background: #EB181D;
  color: #ffffff;
}

.contract-lead-header-wrapper .contract-lead-header-bg .without-cookie .dotts {
  display: none;
}

.contract-lead-header-wrapper .contract-lead-header-bg .without-cookie .header-steps-wrapper {
  display: block;
}

.contract-lead-header-wrapper .contract-lead-header-bg .without-cookie .header-steps-wrapper .header-step-container {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}

@media only screen and (max-width: 767px) {
  .contract-lead-header-wrapper .contract-lead-header-bg .without-cookie .header-steps-wrapper .header-step-container {
    flex-direction: column;
  }
}

.contract-lead-header-wrapper .contract-lead-header-bg .without-cookie .header-steps-wrapper .header-step-container > .header-step:first-of-type {
  display: none;
}

.contract-lead-header-wrapper .contract-lead-header-bg .without-cookie .header-steps-wrapper .header-step-container .header-step {
  z-index: 2;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex: 0 0 50%;
  justify-content: center;
  align-items: center;
  padding-right: 5px;
}

@media only screen and (max-width: 767px) {
  .contract-lead-header-wrapper .contract-lead-header-bg .without-cookie .header-steps-wrapper .header-step-container .header-step {
    padding-bottom: 30px;
  }
}

.contract-lead-header-wrapper .contract-lead-header-bg .without-cookie .header-steps-wrapper .header-step-container .header-step .header-step-icon {
  flex-shrink: 0;
  width: 65px;
  height: 70px;
}

.contract-lead-header-wrapper .contract-lead-header-bg .without-cookie .header-steps-wrapper .header-step-container .header-step .header-step-icon.icon-1 {
  background: url("onecms/img/contract-lead/Pin.svg") no-repeat center;
  background-size: contain;
}

.contract-lead-header-wrapper .contract-lead-header-bg .without-cookie .header-steps-wrapper .header-step-container .header-step .header-step-icon.icon-2 {
  background: url("onecms/img/contract-lead/Calendar.svg") no-repeat center;
  background-size: contain;
}

.contract-lead-header-wrapper .contract-lead-header-bg .without-cookie .header-steps-wrapper .header-step-container .header-step .header-step-icon.icon-3 {
  background: url("onecms/img/contract-lead/Offer.svg") no-repeat center;
  background-size: contain;
}

@media only screen and (max-width: 767px) {
  .contract-lead-header-wrapper .contract-lead-header-bg .without-cookie .header-steps-wrapper .header-step-container .header-step .header-step-icon {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
  }
}

.contract-lead-header-wrapper .contract-lead-header-bg .without-cookie .header-steps-wrapper .header-step-container .header-step .nr-wrapper {
  margin: 10px;
  border-radius: 50%;
}

.contract-lead-header-wrapper .contract-lead-header-bg .without-cookie .header-steps-wrapper .header-step-container .header-step .nr-wrapper .header-step-number {
  display: -webkit-flex;
  display: flex;
  font-size: 16px;
  font-size: 1.6rem;
  flex-shrink: 0;
  justify-content: center;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  margin: 0;
  font-weight: 600;
  color: #EB181D;
  background: #ffffff;
}

.contract-lead-header-wrapper .contract-lead-header-bg .without-cookie .header-steps-wrapper .header-step-container .header-step .header-step-text {
  font-size: 24px;
  font-size: 2.4rem;
  text-align: left;
  line-height: 28px;
  font-family: 'VM Circular Light';
}

@media only screen and (max-width: 767px) {
  .contract-lead-header-wrapper .contract-lead-header-bg .without-cookie .header-steps-wrapper .header-step-container .header-step .header-step-text {
    display: block;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 28px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .contract-lead-header-wrapper .contract-lead-header-bg .without-cookie .header-steps-wrapper .header-step-container .header-step .header-step-text {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 24px;
  }
}

.contract-lead-user-status-wrapper .serviceable, .contract-lead-user-status-wrapper .part-serviceable, .contract-lead-user-status-wrapper .non-serviceable {
  max-width: 560px;
  margin: 0 auto;
  float: none;
}

.contract-lead-user-status-wrapper .middle-text {
  text-align: center;
}

.contract-lead-user-status-wrapper .middle-text .address-text {
  font-family: "VM Circular Light", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
}

@media only screen and (max-width: 767px) {
  .contract-lead-user-status-wrapper .middle-text .address-text {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.contract-lead-user-status-wrapper .middle-text .icons {
  margin: 20px -45px 5px 0;
}

.contract-lead-user-status-wrapper .middle-text .icons img {
  margin: 0 5px;
}

.contract-lead-user-status-wrapper .middle-text .icons .tv-icon {
  margin-top: -10px;
}

.contract-lead-user-status-wrapper .middle-text .icons .refreshBtn {
  margin-left: 10px;
}

.contract-lead-user-status-wrapper .middle-text .option-text {
  font-family: "VM Circular Light", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
}

.contract-lead-user-status-wrapper .non-serviceable .cta-contain {
  float: left;
}

.contract-lead-user-status-wrapper .part-serviceable, .contract-lead-user-status-wrapper .non-serviceable {
  display: none;
}

.contract-lead-main-form .cms-form-wrapper {
  overflow: hidden;
}

.contract-lead-main-form .cms-form-wrapper h4 {
  font-family: "VM Circular Light", sans-serif;
}

.contract-lead-main-form .cms-form-wrapper .form-container, .contract-lead-main-form .cms-form-wrapper .cro-form-request-feedback {
  max-width: 560px;
  margin: 0 auto;
  float: none;
}

.contract-lead-main-form .cms-form-wrapper .form-title {
  margin: 40px 0 40px 0;
}

@media only screen and (max-width: 767px) {
  .contract-lead-main-form .cms-form-wrapper .form-title {
    margin: 30px 0 25px 0;
  }
}

.contract-lead-main-form .cms-form-wrapper .contract-title {
  margin: 40px 0 25px 0;
}

@media only screen and (max-width: 767px) {
  .contract-lead-main-form .cms-form-wrapper .contract-title {
    margin: 25px 0 15px 0;
  }
}

.contract-lead-main-form .cms-form-wrapper .communication-title {
  margin: 40px 0 5px 0;
}

@media only screen and (max-width: 767px) {
  .contract-lead-main-form .cms-form-wrapper .communication-title {
    margin: 25px 0 0 0;
  }
}

.contract-lead-main-form .cms-form-wrapper .communication-title .communication-text {
  display: inline-block;
}

.contract-lead-main-form .cms-form-wrapper .media-left .communications-check {
  margin-top: 3px;
}

.contract-lead-main-form .cms-form-wrapper .media-body p {
  margin-right: 40px;
}

.contract-lead-main-form .cms-form-wrapper .moving-date {
  max-width: 360px;
}

.contract-lead-main-form .cms-form-wrapper .moving-date .moving-date-field {
  position: relative;
}

.contract-lead-main-form .cms-form-wrapper .moving-date .moving-date-field i {
  font-size: 22px;
  font-size: 2.2rem;
  position: absolute;
  top: 12px;
  left: 14px;
  color: #ed0000;
}

.contract-lead-main-form .cms-form-wrapper .moving-date .moving-date-field input {
  padding-left: 45px;
}

@media only screen and (min-width: 768px) {
  .contract-lead-main-form .cms-form-wrapper .datepicker-wrap {
    margin-left: -50vw;
    margin-right: -50vw;
  }
}

.contract-lead-main-form .cms-form-wrapper .datepicker-wrap .moving-date-bar {
  background: #f7f7f7;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  height: 46px;
  position: relative;
}

.contract-lead-main-form .cms-form-wrapper .datepicker-wrap .moving-date-bar:before {
  content: '';
  position: absolute;
  top: 0;
  width: 100%;
  border-top: 1px solid #ffffff;
}

.contract-lead-main-form .cms-form-wrapper .datepicker-wrap .moving-date-bar span {
  display: block;
  float: left;
  font-weight: bold;
  padding: 0 30px;
  height: 45px;
  line-height: 45px;
  cursor: pointer;
  background-color: #ffffff;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

@media only screen and (max-width: 767px) {
  .contract-lead-main-form .cms-form-wrapper .datepicker-wrap .moving-date-bar span {
    width: 100%;
    text-align: center;
    border-right: none;
    border-left: none;
    background: #fdebf4;
  }
}

@media only screen and (max-width: 767px) {
  .contract-lead-main-form .cms-form-wrapper .datepicker-wrap .moving-date-bar {
    height: auto;
  }
  .contract-lead-main-form .cms-form-wrapper .datepicker-wrap .moving-date-bar .form-container {
    padding: 0;
    max-width: 100%;
  }
}

.contract-lead-main-form .cms-form-wrapper .contract-expiry .label {
  display: inline-block;
  font-size: 16px;
  font-size: 1.6rem;
}

.contract-lead-main-form .cms-form-wrapper .contract-expiry i.fa.fa-chevron-down {
  color: #333;
  margin-top: 2px;
}

.contract-lead-main-form .cms-form-wrapper .contract-expiry .rotate {
  transform: rotate(-180deg);
}

.contract-lead-main-form .cms-form-wrapper .contract-expiry .contract-expiry-panel {
  display: none;
}

@media only screen and (max-width: 767px) {
  .contract-lead-main-form .cms-form-wrapper button.contract-lead-submit {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .contract-lead-main-form .cms-form-wrapper .g-recaptcha {
    margin: 0 auto;
    width: 304px;
    margin-top: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .contract-lead-main-form .cms-form-wrapper .captcha-error-wrapper {
    width: 92%;
  }
}

.contract-lead-main-form .cms-form-wrapper .cro-form-request-feedback {
  display: none;
  padding: 20px 0;
  color: #333;
  font-family: Arial;
  font-size: 14px;
  font-size: 1.4rem;
  border-radius: 5px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .contract-lead-main-form .cms-form-wrapper .cro-form-request-feedback {
    padding: 10px 0;
  }
}

.contract-lead-main-form .cms-form-wrapper .cro-form-request-feedback .continue-browsing {
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  color: #dd0000;
}

.contract-lead-mobile-form .cms-form-wrapper {
  overflow: hidden;
}

.contract-lead-mobile-form .cms-form-wrapper h4 {
  font-family: "VM Circular Light", sans-serif;
}

.contract-lead-mobile-form .cms-form-wrapper .form-container, .contract-lead-mobile-form .cms-form-wrapper .cro-form-request-feedback {
  max-width: 560px;
  margin: 0 auto;
  float: none;
  text-align: center;
}

.contract-lead-mobile-form .cms-form-wrapper .form-title {
  margin: 20px 0;
}

@media only screen and (max-width: 767px) {
  .contract-lead-mobile-form .cms-form-wrapper .form-title {
    margin: 20px 0 10px 0;
  }
}

.contract-lead-mobile-form .cms-form-wrapper .moving-date {
  max-width: 360px;
  margin: 0 auto;
  margin-bottom: 20px;
}

.contract-lead-mobile-form .cms-form-wrapper .moving-date .moving-date-field {
  position: relative;
}

.contract-lead-mobile-form .cms-form-wrapper .moving-date .moving-date-field i {
  font-size: 22px;
  font-size: 2.2rem;
  position: absolute;
  top: 12px;
  left: 14px;
  color: #ed0000;
}

.contract-lead-mobile-form .cms-form-wrapper .moving-date .moving-date-field input {
  padding-left: 45px;
}

@media only screen and (min-width: 768px) {
  .contract-lead-mobile-form .cms-form-wrapper .datepicker-wrap {
    margin-left: -50vw;
    margin-right: -50vw;
  }
}

.contract-lead-mobile-form .cms-form-wrapper .datepicker-wrap .moving-date-bar {
  background: #f7f7f7;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  height: 46px;
  position: relative;
}

.contract-lead-mobile-form .cms-form-wrapper .datepicker-wrap .moving-date-bar:before {
  content: '';
  position: absolute;
  top: 0;
  width: 100%;
  border-top: 1px solid #ffffff;
}

.contract-lead-mobile-form .cms-form-wrapper .datepicker-wrap .moving-date-bar span {
  display: block;
  float: left;
  font-weight: bold;
  padding: 0 30px;
  height: 45px;
  line-height: 45px;
  cursor: pointer;
  background-color: #ffffff;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

@media only screen and (max-width: 767px) {
  .contract-lead-mobile-form .cms-form-wrapper .datepicker-wrap .moving-date-bar span {
    width: 100%;
    text-align: center;
    border-right: none;
    border-left: none;
    background: #fdebf4;
  }
}

@media only screen and (max-width: 767px) {
  .contract-lead-mobile-form .cms-form-wrapper .datepicker-wrap .moving-date-bar {
    height: auto;
  }
  .contract-lead-mobile-form .cms-form-wrapper .datepicker-wrap .moving-date-bar .form-container {
    padding: 0;
    max-width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .contract-lead-mobile-form .cms-form-wrapper button.contract-lead-submit {
    width: 100%;
  }
}

.contract-lead-mobile-form .cms-form-wrapper span.fa.form-control-feedback.fa-exclamation-triangle {
  top: 0px;
}

.contract-lead-mobile-form .cms-form-wrapper .help-block.with-errors {
  text-align: initial;
}

.contract-lead-mobile-form .cms-form-wrapper .cro-form-request-feedback {
  display: none;
  padding: 20px 0;
  color: #333;
  font-family: Arial;
  font-size: 14px;
  font-size: 1.4rem;
  border-radius: 5px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .contract-lead-mobile-form .cms-form-wrapper .cro-form-request-feedback {
    padding: 10px 0;
  }
}

.contract-lead-mobile-form .cms-form-wrapper .cro-form-request-feedback .continue-browsing {
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  color: #dd0000;
}

.component.postcode-check-banner {
  margin-bottom: 0px;
}

.postcode-check-banner-wrapper {
  margin: 0 auto;
  height: 254px;
  position: relative;
  background-position: center top;
}

@media only screen and (max-width: 767px) {
  .postcode-check-banner-wrapper {
    background-size: cover;
    height: auto;
    background-position: right center;
  }
}

.postcode-check-banner-wrapper .postcode-check-banner-text {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 0 20px;
}

@media only screen and (max-width: 767px) {
  .postcode-check-banner-wrapper .postcode-check-banner-text {
    position: static;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    padding: 40px 20px;
  }
}

.postcode-check-banner-wrapper .postcode-check-banner-text h1 {
  font-size: 40px;
  font-size: 4rem;
  line-height: 45px;
  margin-bottom: 15px;
  max-width: 750px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .postcode-check-banner-wrapper .postcode-check-banner-text h1 {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 37px;
    max-width: 550px;
  }
}

@media only screen and (max-width: 767px) {
  .postcode-check-banner-wrapper .postcode-check-banner-text h1 {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 33px;
    margin-bottom: 10px;
  }
}

.postcode-check-banner-wrapper .postcode-check-banner-text .status-text, .postcode-check-banner-wrapper .postcode-check-banner-text .alt-status-text {
  max-width: 100%;
}

.postcode-check-banner-wrapper .postcode-check-banner-text .status-text a, .postcode-check-banner-wrapper .postcode-check-banner-text .status-text .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .postcode-check-banner-wrapper .postcode-check-banner-text .status-text span, .postcode-check-banner-wrapper .postcode-check-banner-text .alt-status-text a, .postcode-check-banner-wrapper .postcode-check-banner-text .alt-status-text .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .postcode-check-banner-wrapper .postcode-check-banner-text .alt-status-text span {
  font-family: "VM Circular Light", sans-serif;
  color: #ffffff;
  text-decoration: underline;
}

@media only screen and (max-width: 767px) {
  .postcode-check-banner-wrapper .postcode-check-banner-text .status-text, .postcode-check-banner-wrapper .postcode-check-banner-text .alt-status-text {
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 700px) {
  .postcode-check-banner-wrapper .postcode-check-banner-text .status-text, .postcode-check-banner-wrapper .postcode-check-banner-text .alt-status-text {
    max-width: 80%;
  }
}

@media only screen and (min-width: 992px) {
  .postcode-check-banner-wrapper .postcode-check-banner-text .status-text, .postcode-check-banner-wrapper .postcode-check-banner-text .alt-status-text {
    max-width: 540px;
  }
}

.postcode-check-banner-wrapper .postcode-check-banner-text .top-links {
  margin-bottom: 15px;
}

.postcode-check-banner-wrapper .postcode-check-banner-text .top-links a, .postcode-check-banner-wrapper .postcode-check-banner-text .top-links .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .postcode-check-banner-wrapper .postcode-check-banner-text .top-links span, .postcode-check-banner-wrapper .postcode-check-banner-text .top-links a:hover, .postcode-check-banner-wrapper .postcode-check-banner-text .top-links .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:hover, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .postcode-check-banner-wrapper .postcode-check-banner-text .top-links span:hover {
  font-size: 16px;
  font-size: 1.6rem;
  color: #ffffff;
}

@media only screen and (min-width: 992px) {
  .postcode-check-banner-wrapper .postcode-check-banner-text .top-links a:last-child, .postcode-check-banner-wrapper .postcode-check-banner-text .top-links .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:last-child, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .postcode-check-banner-wrapper .postcode-check-banner-text .top-links span:last-child, .postcode-check-banner-wrapper .postcode-check-banner-text .top-links a:hover:last-child, .postcode-check-banner-wrapper .postcode-check-banner-text .top-links .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:hover:last-child, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .postcode-check-banner-wrapper .postcode-check-banner-text .top-links span:hover:last-child {
    margin-left: 1.4em;
  }
}

.postcode-check-banner-wrapper .postcode-check-banner-text .top-links a:first-child, .postcode-check-banner-wrapper .postcode-check-banner-text .top-links .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:first-child, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .postcode-check-banner-wrapper .postcode-check-banner-text .top-links span:first-child, .postcode-check-banner-wrapper .postcode-check-banner-text .top-links a:hover:first-child, .postcode-check-banner-wrapper .postcode-check-banner-text .top-links .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:hover:first-child, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .postcode-check-banner-wrapper .postcode-check-banner-text .top-links span:hover:first-child {
  margin-right: 1.4em;
}

@media only screen and (min-width: 992px) {
  .postcode-check-banner-wrapper .postcode-check-banner-text .top-links a:first-child, .postcode-check-banner-wrapper .postcode-check-banner-text .top-links .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:first-child, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .postcode-check-banner-wrapper .postcode-check-banner-text .top-links span:first-child, .postcode-check-banner-wrapper .postcode-check-banner-text .top-links a:hover:first-child, .postcode-check-banner-wrapper .postcode-check-banner-text .top-links .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:hover:first-child, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .postcode-check-banner-wrapper .postcode-check-banner-text .top-links span:hover:first-child {
    margin-right: 0;
  }
}

@media only screen and (min-width: 992px) {
  .postcode-check-banner-wrapper .postcode-check-banner-text .top-links {
    position: absolute;
    right: 20px;
    top: 30px;
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 767px) {
  .postcode-check-banner-wrapper .postcode-check-banner-text .top-links {
    margin-bottom: 10px;
  }
}

.cv-props-wrapper {
  background-color: #efefef;
}

.cv-props-wrapper .cv-props-item {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  height: 105px;
}

.cv-props-wrapper .cv-props-item a, .cv-props-wrapper .cv-props-item .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .cv-props-wrapper .cv-props-item span {
  font-family: "VM Circular Light", sans-serif;
  display: inherit;
  -webkit-align-items: center;
  align-items: center;
  color: #333;
  cursor: pointer;
  outline: none;
}

.cv-props-wrapper .cv-props-item a:hover, .cv-props-wrapper .cv-props-item .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:hover, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .cv-props-wrapper .cv-props-item span:hover, .cv-props-wrapper .cv-props-item a:focus, .cv-props-wrapper .cv-props-item .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:focus, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .cv-props-wrapper .cv-props-item span:focus, .cv-props-wrapper .cv-props-item a:active, .cv-props-wrapper .cv-props-item .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:active, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .cv-props-wrapper .cv-props-item span:active {
  text-decoration: none;
}

.cv-props-wrapper .cv-props-item span {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 18px;
  display: block;
  margin-left: 10px;
}

@media only screen and (max-width: 767px) {
  .cv-props-wrapper .cv-props-item span {
    margin-left: 8px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 16px;
  }
}

@media only screen and (min-width: 768px) {
  .cv-props-wrapper .cv-props-item .cv-props-img {
    min-width: 50px;
    height: 50px;
    line-height: 48px;
    text-align: center;
  }
}

@media only screen and (min-width: 992px) {
  .cv-props-wrapper .cv-props-item {
    padding: 0 30px;
  }
}

@media only screen and (min-width: 1200px) {
  .cv-props-wrapper .cv-props-item {
    padding: 0 45px;
  }
}

@media only screen and (max-width: 767px) {
  .cv-props-wrapper .cv-props-item {
    height: 50px;
    border-bottom: 1px solid #ffffff;
    padding-left: 12px;
    padding-right: 12px;
  }
  .cv-props-wrapper .cv-props-item:nth-child(odd) {
    border-right: 1px solid #ffffff;
  }
  .cv-props-wrapper .cv-props-item img {
    max-width: 25px;
  }
}

.cv-props-wrapper.cvp-full-overlay .modal.in .modal-dialog {
  top: 0;
  transform: none;
}

.cv-props-wrapper.cvp-full-overlay .modal-dialog {
  width: 100%;
  margin: 0;
}

.cv-props-wrapper.cvp-full-overlay .modal-body {
  padding: 165px 0 15px 0;
}

@media only screen and (max-width: 767px) {
  .cv-props-wrapper.cvp-full-overlay .modal-body {
    padding: 85px 0 15px 0;
  }
}

.cv-props-wrapper.cvp-full-overlay .modal-content {
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  border: none;
  background-color: #fbfbfb;
}

.cv-props-wrapper.cvp-full-overlay .modal-header {
  -webkit-box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.08);
  background-color: #ffffff;
  border: none;
  padding: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2;
}

.cv-props-wrapper.cvp-full-overlay .modal-header .container-fluid {
  height: 100px;
}

@media only screen and (max-width: 767px) {
  .cv-props-wrapper.cvp-full-overlay .modal-header .container-fluid {
    height: 60px;
  }
}

.cv-props-wrapper.cvp-full-overlay .close-modal {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: "VM Circular Book", sans-serif;
  display: inline-block;
  cursor: pointer;
  position: absolute;
  right: 30px;
  top: 50%;
  line-height: 35px;
}

.cv-props-wrapper.cvp-full-overlay .close-modal .fa {
  margin-left: 10px;
  font-size: 30px;
  font-size: 3rem;
  position: relative;
  top: 4px;
}

@media only screen and (max-width: 767px) {
  .cv-props-wrapper.cvp-full-overlay .close-modal {
    right: 20px;
  }
}

.cv-props-wrapper .cv-props-logo {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  position: absolute;
  left: 30px;
  top: 50%;
  margin: 0;
  background: url("onecms/img/header-vm-logo.png") no-repeat 0 bottom;
  width: 93px;
  height: 34px;
  text-indent: -100%;
  white-space: nowrap;
  overflow: hidden;
}

@media only screen and (min-width: 992px) {
  .cv-props-wrapper .cv-props-logo {
    background-position: 0 0;
    height: 66px;
    width: 107px;
  }
}

@media only screen and (max-width: 767px) {
  .cv-props-wrapper .cv-props-logo {
    left: 20px;
  }
}

.cv-props-wrapper .cv-props-content {
  display: table;
  margin-bottom: 55px;
}

.cv-props-wrapper .cv-props-content .cv-props-content-icon {
  display: table-cell;
  padding-right: 20px;
}

@media only screen and (max-width: 767px) {
  .cv-props-wrapper .cv-props-content .cv-props-content-icon {
    display: block;
    width: 100%;
    text-align: center;
  }
  .cv-props-wrapper .cv-props-content .cv-props-content-icon img {
    max-width: 38px;
  }
}

@media only screen and (max-width: 767px) {
  .cv-props-wrapper .cv-props-content {
    display: block;
    margin-bottom: 30px;
  }
}

.cv-props-wrapper.cvp-desktop-accordion .cvp-accordion-body {
  display: none;
  padding: 0 75px;
  position: relative;
}

@media only screen and (min-width: 992px) {
  .cv-props-wrapper.cvp-desktop-accordion .cvp-accordion-body {
    padding: 0 90px;
  }
}

@media only screen and (min-width: 1200px) {
  .cv-props-wrapper.cvp-desktop-accordion .cvp-accordion-body {
    padding: 0 105px;
  }
}

.cv-props-wrapper.cvp-desktop-accordion .cv-props-content {
  padding-right: 24px;
  margin-bottom: 0;
}

.cv-props-wrapper.cvp-desktop-accordion .cvp-icon-active {
  display: none;
}

.cv-props-wrapper.cvp-desktop-accordion .cvp-opened .cvp-icon-default {
  display: none;
}

.cv-props-wrapper.cvp-desktop-accordion .cvp-opened .cvp-icon-active {
  display: inline;
}

.cv-props-wrapper.cvp-desktop-accordion .cvp-footer-close-icon {
  position: absolute;
  top: 10px;
  right: 75px;
  cursor: pointer;
}

@media only screen and (min-width: 992px) {
  .cv-props-wrapper.cvp-desktop-accordion .cvp-footer-close-icon {
    right: 90px;
  }
}

@media only screen and (min-width: 1200px) {
  .cv-props-wrapper.cvp-desktop-accordion .cvp-footer-close-icon {
    right: 105px;
  }
}

.cv-props-wrapper.cvp-desktop-accordion .cvp-footer-close-icon .fa {
  font-size: 30px;
  font-size: 3rem;
  color: #42254c;
}

.cv-props-wrapper.cvp-desktop-accordion .cvp-footer-close {
  border-top: 1px solid #333;
  text-align: center;
  margin-top: 20px;
}

.cv-props-wrapper.cvp-desktop-accordion .cvp-footer-close span {
  font-size: 19px;
  font-size: 1.9rem;
  font-family: "VM Circular Bold", sans-serif;
  color: #42254c;
  display: inline-block;
  cursor: pointer;
  margin: 15px 0;
}

@media only screen and (max-width: 767px) {
  .cv-props-wrapper.cvp-desktop-accordion .cvp-footer-close span {
    margin: 10px 0 0 0;
  }
}

.cv-props-wrapper.cvp-desktop-accordion .close-modal {
  font-family: "VM Circular Book", sans-serif;
  color: #42254c;
  display: inline-block;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 5px;
  z-index: 2;
}

.cv-props-wrapper.cvp-desktop-accordion .close-modal .fa {
  font-size: 30px;
  font-size: 3rem;
  position: relative;
}

.cv-props-wrapper.cvp-desktop-accordion .modal-body {
  z-index: 1;
}

.cv-props-wrapper.cvp-desktop-accordion .modal.in .modal-dialog {
  max-height: 100%;
}

.smart-banner.component {
  margin-bottom: 0;
}

.smart-banner-section {
  background: #f5f5f5;
  box-shadow: 0 1px 0 0 #aaaaaa;
}

.smart-banner-section .smart-banner-container {
  display: flex;
  align-items: center;
  flex-direction: row;
  height: 96px;
}

@media only screen and (max-width: 767px) {
  .smart-banner-section .smart-banner-container {
    height: auto;
    padding-top: 16px;
    padding-bottom: 27px;
    align-items: flex-start;
  }
}

.smart-banner-section .smart-banner-container .smart-icon {
  display: flex;
  align-items: center;
  flex-direction: row;
  padding-left: 23px;
}

.smart-banner-section .smart-banner-container .smart-icon .banner-cross {
  color: #888888;
  font-weight: 800;
  font-size: 26px;
  font-size: 2.6rem;
  padding-right: 15px;
}

.smart-banner-section .smart-banner-container .smart-icon .smart-banner-icon {
  width: 59px;
  margin-right: 16px;
}

.smart-banner-section .smart-banner-container .smart-icon .smart-banner-icon img {
  width: 100%;
}

.smart-banner-section .smart-banner-container .smart-content-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1;
  padding-right: 34px;
}

@media only screen and (max-width: 767px) {
  .smart-banner-section .smart-banner-container .smart-content-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
}

.smart-banner-section .smart-banner-container .smart-content-wrapper .smart-content {
  line-height: 22px;
  font-size: 16px;
  font-size: 16px;
  font-size: 1.6rem;
}

.smart-banner-section .smart-banner-container .smart-content-wrapper .smart-content .smart-banner-title {
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "VM Circular Book", sans-serif;
}

.smart-banner-section .smart-banner-container .smart-content-wrapper .smart-content .smart-banner-desc {
  font-size: 14px;
  font-size: 1.4rem;
  font-family: "VM Circular Light", sans-serif;
  line-height: 14px;
  margin-bottom: 10px;
}

.smart-banner-section .smart-banner-container .smart-content-wrapper .smart-banner-link {
  flex: 1;
  text-align: right;
  font-size: 16px;
  font-size: 1.6rem;
}

@media only screen and (max-width: 767px) {
  .smart-banner-section .smart-banner-container .smart-content-wrapper .smart-banner-link {
    text-align: left;
  }
}

.smart-banner-section .smart-banner-container .smart-content-wrapper .smart-banner-link .androidCta, .smart-banner-section .smart-banner-container .smart-content-wrapper .smart-banner-link .iosCta {
  display: block;
}

.smart-banner-section .smart-banner-container .smart-content-wrapper .smart-banner-link .androidCta:after, .smart-banner-section .smart-banner-container .smart-content-wrapper .smart-banner-link .iosCta:after {
  content: ' >';
  font-size: 20px;
  vertical-align: top;
}

.smart-banner-section .smart-banner-container .smart-content-wrapper .smart-banner-link .androidCta:hover, .smart-banner-section .smart-banner-container .smart-content-wrapper .smart-banner-link .iosCta:hover {
  text-decoration: none;
}

.line-height-25 {
  line-height: 25px !important;
}

.schedule .day-name, .schedule .schedule-row, .schedule .closed {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #979797;
}

.schedule .closed {
  font-family: "VM Circular Book", sans-serif;
  display: none;
}

.schedule .closed.visible {
  display: block;
}

.schedule .header-schedule .day-name, .schedule .header-schedule .schedule-row {
  font-family: "VM Circular Book", sans-serif;
}

.write-to-us-wrapper {
  margin: 0;
  padding: 41px 0 30px 0;
}

@media only screen and (max-width: 767px) {
  .write-to-us-wrapper {
    padding: 26px 0 15px 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .write-to-us-wrapper {
    padding: 26px 0 15px 0;
  }
}

@media only screen and (max-width: 767px) {
  .write-to-us-wrapper .padding-top-mobile {
    padding-top: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .write-to-us-wrapper .padding-top-mobile {
    padding-top: 20px;
  }
}

.write-to-us-wrapper .contact-us-nav--info-panel-icon i {
  font-size: 2.6em;
}

.write-to-us-wrapper .contact-us-nav--info-panel-item-header {
  padding-top: 36px;
  padding-bottom: 19px;
  display: block;
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .write-to-us-wrapper .contact-us-nav--info-panel-icon i {
    font-size: 2.5em;
  }
  .write-to-us-wrapper .contact-us-nav--info-panel-title {
    padding-left: 65px;
  }
  .write-to-us-wrapper a.contact-us-nav--info-panel-item-header, .write-to-us-wrapper .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span.contact-us-nav--info-panel-item-header, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .write-to-us-wrapper span.contact-us-nav--info-panel-item-header {
    color: #333;
    text-decoration: none;
  }
  .write-to-us-wrapper .contact-us-nav--info-panel-item-header {
    padding-top: 15px;
  }
  .write-to-us-wrapper .contact-us-nav--info-panel-item-header.contact-us-nav--info-panel-lines-open {
    padding-bottom: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .write-to-us-wrapper .contact-us-nav--info-panel-icon i {
    font-size: 2.5em;
  }
  .write-to-us-wrapper .contact-us-nav--info-panel-title {
    padding-left: 65px;
  }
  .write-to-us-wrapper a.contact-us-nav--info-panel-item-header, .write-to-us-wrapper .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span.contact-us-nav--info-panel-item-header, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .write-to-us-wrapper span.contact-us-nav--info-panel-item-header {
    color: #333;
    text-decoration: none;
  }
  .write-to-us-wrapper .contact-us-nav--info-panel-item-header {
    padding-top: 15px;
  }
  .write-to-us-wrapper .contact-us-nav--info-panel-item-header.contact-us-nav--info-panel-lines-open {
    padding-bottom: 0;
  }
}

.write-to-us-wrapper .contact-us-nav--info-panel-icon {
  padding-right: 0;
  text-align: center;
}

.write-to-us-wrapper .contact-us-nav--info-panel-title {
  font-family: "VM Circular Book", sans-serif;
  font-size: 20px;
  font-size: 2rem;
}

@media only screen and (max-width: 767px) {
  .write-to-us-wrapper .contact-us-nav--info-panel-title {
    padding-left: 15px;
    font-size: 18px;
    font-size: 1.8rem;
  }
}

.write-to-us-wrapper .contact-us-nav--info-panel-item-header {
  font-family: "VM Circular Book", sans-serif;
  font-size: 20px;
  font-size: 2rem;
}

.write-to-us-wrapper .contact-us-nav--info-panel-text {
  font-family: "VM Circular Light", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  text-transform: capitalize;
}

@media only screen and (max-width: 767px) {
  .write-to-us-wrapper .contact-us-nav--info-panel-text {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.write-to-us-wrapper .contact-us-nav--info-panel-text.contact-us-nav--info-panel-text-lowercase {
  text-transform: lowercase;
}

@media only screen and (max-width: 767px) {
  .write-to-us-wrapper .contact-us-nav--info-panel-text {
    padding-right: 15px;
  }
}

.write-to-us-wrapper .contact-us-nav--info-panel-footnote {
  font-family: "VM Circular Light", sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
}

.write-to-us-wrapper .chat-online--start-chat:focus {
  outline: none;
}

.write-to-us-wrapper .contact-us-title-outer {
  padding-left: 55px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .write-to-us-wrapper .contact-us-title-outer {
    padding-left: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .write-to-us-wrapper .contact-us-title-outer {
    padding-left: 0;
  }
}

.write-to-us-wrapper .contact-us-title-outer .contact-us-nav--contact-icon {
  position: absolute;
  top: 0;
  left: 5px;
  font-size: 24px;
  font-size: 2.4rem;
}

@media only screen and (max-width: 767px) {
  .write-to-us-wrapper .contact-us-title-outer .contact-us-nav--contact-icon {
    left: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .write-to-us-wrapper .contact-us-title-outer .contact-us-nav--contact-icon {
    left: 0px;
  }
}

.write-to-us-wrapper .contact-us-title-outer .contact-us-title-wrapper {
  padding-right: 0;
}

@media only screen and (max-width: 767px) {
  .write-to-us-wrapper .contact-us-title-outer .contact-us-title-wrapper {
    padding-right: auto;
  }
}

.write-to-us-wrapper .contact-us-title-outer .contact-us-title-wrapper .contact-us-nav--info-panel-title,
.write-to-us-wrapper .contact-us-title-outer .contact-us-title-wrapper .contact-us-nav--info-panel-text {
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .write-to-us-wrapper .contact-us-title-outer .contact-us-title-wrapper .contact-us-nav--info-panel-title,
  .write-to-us-wrapper .contact-us-title-outer .contact-us-title-wrapper .contact-us-nav--info-panel-text {
    padding-left: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .write-to-us-wrapper .contact-us-title-outer .contact-us-title-wrapper .contact-us-nav--info-panel-title,
  .write-to-us-wrapper .contact-us-title-outer .contact-us-title-wrapper .contact-us-nav--info-panel-text {
    padding-left: 40px;
  }
}

.call-us-wrapper {
  margin: 0;
  padding: 41px 0 30px 0;
}

@media only screen and (max-width: 767px) {
  .call-us-wrapper {
    padding: 26px 0 15px 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .call-us-wrapper {
    padding: 26px 0 15px 0;
  }
}

@media only screen and (max-width: 767px) {
  .call-us-wrapper .padding-top-mobile {
    padding-top: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .call-us-wrapper .padding-top-mobile {
    padding-top: 20px;
  }
}

.call-us-wrapper .contact-us-nav--info-panel-icon i {
  font-size: 2.6em;
}

.call-us-wrapper .contact-us-nav--info-panel-item-header {
  padding-top: 36px;
  padding-bottom: 19px;
  display: block;
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .call-us-wrapper .contact-us-nav--info-panel-icon i {
    font-size: 2.5em;
  }
  .call-us-wrapper .contact-us-nav--info-panel-title {
    padding-left: 65px;
  }
  .call-us-wrapper a.contact-us-nav--info-panel-item-header, .call-us-wrapper .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span.contact-us-nav--info-panel-item-header, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .call-us-wrapper span.contact-us-nav--info-panel-item-header {
    color: #333;
    text-decoration: none;
  }
  .call-us-wrapper .contact-us-nav--info-panel-item-header {
    padding-top: 15px;
  }
  .call-us-wrapper .contact-us-nav--info-panel-item-header.contact-us-nav--info-panel-lines-open {
    padding-bottom: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .call-us-wrapper .contact-us-nav--info-panel-icon i {
    font-size: 2.5em;
  }
  .call-us-wrapper .contact-us-nav--info-panel-title {
    padding-left: 65px;
  }
  .call-us-wrapper a.contact-us-nav--info-panel-item-header, .call-us-wrapper .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span.contact-us-nav--info-panel-item-header, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .call-us-wrapper span.contact-us-nav--info-panel-item-header {
    color: #333;
    text-decoration: none;
  }
  .call-us-wrapper .contact-us-nav--info-panel-item-header {
    padding-top: 15px;
  }
  .call-us-wrapper .contact-us-nav--info-panel-item-header.contact-us-nav--info-panel-lines-open {
    padding-bottom: 0;
  }
}

.call-us-wrapper .contact-us-nav--info-panel-icon {
  padding-right: 0;
  text-align: center;
}

.call-us-wrapper .contact-us-nav--info-panel-title {
  font-family: "VM Circular Book", sans-serif;
  font-size: 20px;
  font-size: 2rem;
}

@media only screen and (max-width: 767px) {
  .call-us-wrapper .contact-us-nav--info-panel-title {
    padding-left: 15px;
    font-size: 18px;
    font-size: 1.8rem;
  }
}

.call-us-wrapper .contact-us-nav--info-panel-item-header {
  font-family: "VM Circular Book", sans-serif;
  font-size: 20px;
  font-size: 2rem;
}

.call-us-wrapper .contact-us-nav--info-panel-text {
  font-family: "VM Circular Light", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  text-transform: capitalize;
}

@media only screen and (max-width: 767px) {
  .call-us-wrapper .contact-us-nav--info-panel-text {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.call-us-wrapper .contact-us-nav--info-panel-text.contact-us-nav--info-panel-text-lowercase {
  text-transform: lowercase;
}

@media only screen and (max-width: 767px) {
  .call-us-wrapper .contact-us-nav--info-panel-text {
    padding-right: 15px;
  }
}

.call-us-wrapper .contact-us-nav--info-panel-footnote {
  font-family: "VM Circular Light", sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
}

.call-us-wrapper .chat-online--start-chat:focus {
  outline: none;
}

.call-us-wrapper .contact-us-title-outer {
  padding-left: 55px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .call-us-wrapper .contact-us-title-outer {
    padding-left: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .call-us-wrapper .contact-us-title-outer {
    padding-left: 0;
  }
}

.call-us-wrapper .contact-us-title-outer .contact-us-nav--contact-icon {
  position: absolute;
  top: 0;
  left: 5px;
  font-size: 24px;
  font-size: 2.4rem;
}

@media only screen and (max-width: 767px) {
  .call-us-wrapper .contact-us-title-outer .contact-us-nav--contact-icon {
    left: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .call-us-wrapper .contact-us-title-outer .contact-us-nav--contact-icon {
    left: 0px;
  }
}

.call-us-wrapper .contact-us-title-outer .contact-us-title-wrapper {
  padding-right: 0;
}

@media only screen and (max-width: 767px) {
  .call-us-wrapper .contact-us-title-outer .contact-us-title-wrapper {
    padding-right: auto;
  }
}

.call-us-wrapper .contact-us-title-outer .contact-us-title-wrapper .contact-us-nav--info-panel-title,
.call-us-wrapper .contact-us-title-outer .contact-us-title-wrapper .contact-us-nav--info-panel-text {
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .call-us-wrapper .contact-us-title-outer .contact-us-title-wrapper .contact-us-nav--info-panel-title,
  .call-us-wrapper .contact-us-title-outer .contact-us-title-wrapper .contact-us-nav--info-panel-text {
    padding-left: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .call-us-wrapper .contact-us-title-outer .contact-us-title-wrapper .contact-us-nav--info-panel-title,
  .call-us-wrapper .contact-us-title-outer .contact-us-title-wrapper .contact-us-nav--info-panel-text {
    padding-left: 40px;
  }
}

.calendar-cards-display {
  padding: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .calendar-cards-display {
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .calendar-cards-display .calendar-cards-item {
    padding: 15px;
  }
}

.calendar-cards-display .calendar-cards-item .calendar-card {
  background: #322332;
  color: #fff;
  width: 320px;
  margin: 0 auto;
  position: relative;
}

@media only screen and (max-width: 320px) {
  .calendar-cards-display .calendar-cards-item .calendar-card {
    min-width: 290px;
    min-height: 506px;
    width: 100%;
    padding-bottom: 174.487%;
  }
}

@media only screen and (min-width: 321px) {
  .calendar-cards-display .calendar-cards-item .calendar-card {
    min-width: 290px;
    min-height: 506px;
    width: 100%;
    padding-bottom: 174.487%;
  }
}

@media only screen and (min-width: 768px) {
  .calendar-cards-display .calendar-cards-item .calendar-card {
    min-width: 285px;
    width: 37.10vw;
    min-height: 498px;
    padding-bottom: 64.84vw;
  }
}

@media only screen and (min-width: 992px) {
  .calendar-cards-display .calendar-cards-item .calendar-card {
    min-width: 294px;
    min-height: 514px;
    width: 29.63vw;
    padding-bottom: 51.81vw;
  }
}

@media only screen and (min-width: 1200px) {
  .calendar-cards-display .calendar-cards-item .calendar-card {
    width: 358px;
    height: 626px;
    padding-bottom: 0;
  }
}

.calendar-cards-display .calendar-cards-item .calendar-card .calendar-image-wrapper {
  position: relative;
}

.calendar-cards-display .calendar-cards-item .calendar-card .calendar-image-wrapper .channel-logo {
  width: auto;
  max-height: 35px;
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 2;
}

.calendar-cards-display .calendar-cards-item .calendar-card .calendar-image-wrapper .calendar-card-tag {
  background: #322332;
  color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 15px;
  height: 22px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  font-size: 12px;
  font-size: 1.2rem;
  font-family: "VM Circular Bold", sans-serif;
}

@media only screen and (min-width: 480px) {
  .calendar-cards-display .calendar-cards-item .calendar-card .calendar-image-wrapper .calendar-card-tag {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    height: 25px;
  }
}

@media only screen and (min-width: 600px) {
  .calendar-cards-display .calendar-cards-item .calendar-card .calendar-image-wrapper .calendar-card-tag {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 23px;
    height: 27px;
  }
}

@media only screen and (min-width: 700px) {
  .calendar-cards-display .calendar-cards-item .calendar-card .calendar-image-wrapper .calendar-card-tag {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 28px;
    height: 31px;
  }
}

@media only screen and (min-width: 768px) {
  .calendar-cards-display .calendar-cards-item .calendar-card .calendar-image-wrapper .calendar-card-tag {
    line-height: 15px;
    font-size: 12px;
    font-size: 1.2rem;
    height: 22px;
  }
}

.calendar-cards-display .calendar-cards-item .calendar-card .calendar-image-wrapper .calendar-image {
  z-index: 1;
  position: absolute;
  overflow: hidden;
}

.calendar-cards-display .calendar-cards-item .calendar-card .calendar-image-wrapper .calendar-image img {
  width: 100%;
  -moz-transition: all 0.8s ease-out;
  -webkit-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
}

.calendar-cards-display .calendar-cards-item .calendar-card .calendar-image-wrapper .calendar-image img:hover {
  transform: none;
}

@media only screen and (min-width: 992px) {
  .calendar-cards-display .calendar-cards-item .calendar-card .calendar-image-wrapper .calendar-image img:hover {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

.calendar-cards-display .calendar-cards-item .calendar-card .calendar-content-wrapper {
  z-index: 0;
  position: absolute;
  padding: 60.25% 16px 16px 16px;
}

.calendar-cards-display .calendar-cards-item .calendar-card .calendar-content-wrapper .calendar-card-title {
  font-family: "VM Circular Book", sans-serif;
  line-height: 28px;
  margin: 0;
  margin-bottom: 4px;
  font-size: 25px;
  font-size: 2.5rem;
}

@media only screen and (min-width: 414px) {
  .calendar-cards-display .calendar-cards-item .calendar-card .calendar-content-wrapper .calendar-card-title {
    font-size: 30px;
    font-size: 3rem;
    line-height: 32px;
    margin-bottom: 8px;
  }
}

@media only screen and (min-width: 480px) {
  .calendar-cards-display .calendar-cards-item .calendar-card .calendar-content-wrapper .calendar-card-title {
    font-size: 37px;
    font-size: 3.7rem;
    line-height: 40px;
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 600px) {
  .calendar-cards-display .calendar-cards-item .calendar-card .calendar-content-wrapper .calendar-card-title {
    font-size: 48px;
    font-size: 4.8rem;
    line-height: 52px;
    margin-bottom: 12px;
  }
}

@media only screen and (min-width: 700px) {
  .calendar-cards-display .calendar-cards-item .calendar-card .calendar-content-wrapper .calendar-card-title {
    font-size: 54px;
    font-size: 5.4rem;
    line-height: 58px;
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 768px) {
  .calendar-cards-display .calendar-cards-item .calendar-card .calendar-content-wrapper .calendar-card-title {
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 28px;
    margin-bottom: 2px;
  }
}

@media only screen and (min-width: 992px) {
  .calendar-cards-display .calendar-cards-item .calendar-card .calendar-content-wrapper .calendar-card-title {
    margin-bottom: 4px;
  }
}

@media only screen and (min-width: 1200px) {
  .calendar-cards-display .calendar-cards-item .calendar-card .calendar-content-wrapper .calendar-card-title {
    line-height: 35px;
    font-size: 30px;
    font-size: 3rem;
    margin-bottom: 6px;
  }
}

.calendar-cards-display .calendar-cards-item .calendar-card .calendar-content-wrapper .calendar-card-channel-info {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 23px;
  font-family: "VM Circular Book", sans-serif;
  color: #ccc;
  margin-bottom: 10px;
}

@media only screen and (min-width: 414px) {
  .calendar-cards-display .calendar-cards-item .calendar-card .calendar-content-wrapper .calendar-card-channel-info {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 23px;
  }
}

@media only screen and (min-width: 480px) {
  .calendar-cards-display .calendar-cards-item .calendar-card .calendar-content-wrapper .calendar-card-channel-info {
    font-size: 20px;
    font-size: 2rem;
    line-height: 24px;
  }
}

@media only screen and (min-width: 600px) {
  .calendar-cards-display .calendar-cards-item .calendar-card .calendar-content-wrapper .calendar-card-channel-info {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 30px;
    margin-bottom: 12px;
  }
}

@media only screen and (min-width: 700px) {
  .calendar-cards-display .calendar-cards-item .calendar-card .calendar-content-wrapper .calendar-card-channel-info {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 30px;
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 768px) {
  .calendar-cards-display .calendar-cards-item .calendar-card .calendar-content-wrapper .calendar-card-channel-info {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 23px;
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 1200px) {
  .calendar-cards-display .calendar-cards-item .calendar-card .calendar-content-wrapper .calendar-card-channel-info {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 23px;
    margin-bottom: 16px;
  }
}

.calendar-cards-display .calendar-cards-item .calendar-card .calendar-content-wrapper .calendar-card-snippet {
  font-family: "VM Circular Book", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 20px;
}

@media only screen and (min-width: 414px) {
  .calendar-cards-display .calendar-cards-item .calendar-card .calendar-content-wrapper .calendar-card-snippet {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22px;
  }
}

@media only screen and (min-width: 480px) {
  .calendar-cards-display .calendar-cards-item .calendar-card .calendar-content-wrapper .calendar-card-snippet {
    font-size: 20px;
    font-size: 2rem;
    line-height: 24px;
  }
}

@media only screen and (min-width: 600px) {
  .calendar-cards-display .calendar-cards-item .calendar-card .calendar-content-wrapper .calendar-card-snippet {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 30px;
  }
}

@media only screen and (min-width: 700px) {
  .calendar-cards-display .calendar-cards-item .calendar-card .calendar-content-wrapper .calendar-card-snippet {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 36px;
  }
}

@media only screen and (min-width: 768px) {
  .calendar-cards-display .calendar-cards-item .calendar-card .calendar-content-wrapper .calendar-card-snippet {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
  }
}

@media only screen and (min-width: 1200px) {
  .calendar-cards-display .calendar-cards-item .calendar-card .calendar-content-wrapper .calendar-card-snippet {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 23px;
  }
}

.calendar-cards-display .calendar-cards-item .calendar-card .calendar-footer {
  padding: 16px 16px 10px 16px;
  position: absolute;
  bottom: 0;
  width: 100%;
}

.calendar-cards-display .calendar-cards-item .calendar-card .calendar-footer .calendar-footer-inner .record-watch-row {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}

.calendar-cards-display .calendar-cards-item .calendar-card .calendar-footer .calendar-footer-inner .record-watch-row .vmp-cta {
  margin-bottom: 20px;
}

.calendar-cards-display .calendar-cards-item .calendar-card .calendar-footer .calendar-footer-inner .vmp-cta-wrapper {
  width: 100%;
  float: left;
}

.calendar-cards-display .calendar-cards-item .calendar-card .calendar-footer .calendar-footer-inner .vmp-cta-wrapper.get-virgin-tv {
  margin-bottom: 20px;
}

.calendar-cards-display .calendar-cards-item .calendar-card .calendar-footer .calendar-footer-inner .vmp-cta-wrapper .series-number {
  font-family: "VM Circular Book", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 23px;
  margin-bottom: 6px;
}

@media only screen and (max-width: 320px) {
  .calendar-cards-display .calendar-cards-item .calendar-card .calendar-footer .calendar-footer-inner .vmp-cta-wrapper .series-number {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 18px;
  }
}

@media only screen and (min-width: 321px) {
  .calendar-cards-display .calendar-cards-item .calendar-card .calendar-footer .calendar-footer-inner .vmp-cta-wrapper .series-number {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 18px;
  }
}

@media only screen and (min-width: 375px) {
  .calendar-cards-display .calendar-cards-item .calendar-card .calendar-footer .calendar-footer-inner .vmp-cta-wrapper .series-number {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 23px;
  }
}

@media only screen and (min-width: 414px) {
  .calendar-cards-display .calendar-cards-item .calendar-card .calendar-footer .calendar-footer-inner .vmp-cta-wrapper .series-number {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

@media only screen and (min-width: 480px) {
  .calendar-cards-display .calendar-cards-item .calendar-card .calendar-footer .calendar-footer-inner .vmp-cta-wrapper .series-number {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

@media only screen and (min-width: 600px) {
  .calendar-cards-display .calendar-cards-item .calendar-card .calendar-footer .calendar-footer-inner .vmp-cta-wrapper .series-number {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 700px) {
  .calendar-cards-display .calendar-cards-item .calendar-card .calendar-footer .calendar-footer-inner .vmp-cta-wrapper .series-number {
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 23px;
    margin-bottom: 16px;
  }
}

@media only screen and (min-width: 768px) {
  .calendar-cards-display .calendar-cards-item .calendar-card .calendar-footer .calendar-footer-inner .vmp-cta-wrapper .series-number {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 18px;
    margin-bottom: 6px;
  }
}

@media only screen and (min-width: 1200px) {
  .calendar-cards-display .calendar-cards-item .calendar-card .calendar-footer .calendar-footer-inner .vmp-cta-wrapper .series-number {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 23px;
    margin-bottom: 6px;
  }
}

.calendar-cards-display .calendar-cards-item .calendar-card .calendar-footer .calendar-footer-inner .vmp-cta-wrapper.half {
  width: 48.45%;
  float: left;
  display: inline-block;
}

.calendar-cards-display .calendar-cards-item .calendar-card .calendar-footer .calendar-footer-inner .vmp-cta-wrapper.half:first-of-type {
  margin-right: 3.1%;
}

@media only screen and (min-width: 768px) {
  .calendar-cards-display .calendar-cards-item .calendar-card .calendar-footer .calendar-footer-inner .vmp-cta-wrapper.half {
    width: 47.45%;
  }
  .calendar-cards-display .calendar-cards-item .calendar-card .calendar-footer .calendar-footer-inner .vmp-cta-wrapper.half:first-of-type {
    margin-right: 5.1%;
  }
}

.calendar-cards-display .calendar-cards-item .calendar-card .calendar-footer .calendar-footer-inner .vmp-cta-wrapper .vmp-cta {
  height: 38px;
  color: #322332;
  line-height: 22px;
  font-family: "VM Circular Book", sans-serif;
  outline: none;
  font-size: 17px;
  font-size: 1.7rem;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

@media only screen and (min-width: 414px) {
  .calendar-cards-display .calendar-cards-item .calendar-card .calendar-footer .calendar-footer-inner .vmp-cta-wrapper .vmp-cta {
    height: 42px;
    line-height: 23px;
    font-size: 18px;
    font-size: 1.8rem;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    -ms-border-radius: 23px;
    border-radius: 23px;
  }
}

@media only screen and (min-width: 480px) {
  .calendar-cards-display .calendar-cards-item .calendar-card .calendar-footer .calendar-footer-inner .vmp-cta-wrapper .vmp-cta {
    height: 48px;
    line-height: 25px;
    font-size: 20px;
    font-size: 2rem;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    -ms-border-radius: 23px;
    border-radius: 23px;
  }
}

@media only screen and (min-width: 600px) {
  .calendar-cards-display .calendar-cards-item .calendar-card .calendar-footer .calendar-footer-inner .vmp-cta-wrapper .vmp-cta {
    height: 60px;
    line-height: 30px;
    font-size: 27px;
    font-size: 2.7rem;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
  }
}

@media only screen and (min-width: 700px) {
  .calendar-cards-display .calendar-cards-item .calendar-card .calendar-footer .calendar-footer-inner .vmp-cta-wrapper .vmp-cta {
    height: 70px;
    line-height: 36px;
    font-size: 32px;
    font-size: 3.2rem;
    -webkit-border-radius: 73px;
    -moz-border-radius: 73px;
    -ms-border-radius: 73px;
    border-radius: 73px;
  }
}

@media only screen and (min-width: 768px) {
  .calendar-cards-display .calendar-cards-item .calendar-card .calendar-footer .calendar-footer-inner .vmp-cta-wrapper .vmp-cta {
    height: 38px;
    line-height: 22px;
    font-size: 17px;
    font-size: 1.7rem;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    -ms-border-radius: 19px;
    border-radius: 19px;
  }
}

.calendar-cards-display .calendar-cards-item .calendar-card .calendar-footer .calendar-footer-inner .vmp-cta-wrapper .vmp-cta:link, .calendar-cards-display .calendar-cards-item .calendar-card .calendar-footer .calendar-footer-inner .vmp-cta-wrapper .vmp-cta:visited, .calendar-cards-display .calendar-cards-item .calendar-card .calendar-footer .calendar-footer-inner .vmp-cta-wrapper .vmp-cta:hover, .calendar-cards-display .calendar-cards-item .calendar-card .calendar-footer .calendar-footer-inner .vmp-cta-wrapper .vmp-cta.active {
  text-decoration: none;
  outline: none;
}

.calendar-cards-display .calendar-cards.owl-theme .owl-controls {
  margin: 0;
}

.cardsDisplay {
  background-color: #efefef;
}

.cardsDisplay .cards-display-article {
  background-color: #ffffff;
}

@media only screen and (min-width: 768px) {
  .cardsDisplay .cards-display-container {
    padding: 0 21px;
  }
}

@media only screen and (min-width: 992px) {
  .cardsDisplay .cards-display-container {
    padding: 0 25px;
  }
}

@media only screen and (min-width: 1200px) {
  .cardsDisplay .cards-display-container {
    padding: 0 33px;
    width: 1200px;
    margin: 0 auto;
  }
}

.cardsDisplay .cards-display-container .cards-display-title {
  text-align: center;
  padding: 16px 0 30px;
  margin: 0;
  line-height: 1;
}

@media only screen and (min-width: 992px) {
  .cardsDisplay .cards-display-container .cards-display-title {
    padding: 40px 0 20px;
  }
}

.cardsDisplay .cards-display-container .cards-display-title > a, .cardsDisplay .cards-display-container .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .cards-display-title > span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .cardsDisplay .cards-display-container .cards-display-title > span {
  font-size: 35px;
  font-size: 3.5rem;
  line-height: 44px;
  text-decoration: none;
  color: #322332;
  font-family: "VM Circular Black", sans-serif;
}

@media only screen and (min-width: 768px) {
  .cardsDisplay .cards-display-container .cards-display-title > a, .cardsDisplay .cards-display-container .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .cards-display-title > span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .cardsDisplay .cards-display-container .cards-display-title > span {
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 32px;
  }
}

@media only screen and (min-width: 992px) {
  .cardsDisplay .cards-display-container .cards-display-title > a, .cardsDisplay .cards-display-container .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .cards-display-title > span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .cardsDisplay .cards-display-container .cards-display-title > span {
    font-size: 30px;
    font-size: 3rem;
    line-height: 38px;
  }
}

@media only screen and (min-width: 1200px) {
  .cardsDisplay .cards-display-container .cards-display-title > a, .cardsDisplay .cards-display-container .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .cards-display-title > span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .cardsDisplay .cards-display-container .cards-display-title > span {
    font-size: 35px;
    font-size: 3.5rem;
    line-height: 44px;
  }
}

.cardsDisplay .cards-display-container .article-cards-item,
.cardsDisplay .cards-display-container .calendar-cards-item {
  margin-bottom: 30px;
}

.cardsDisplay .cards-display-container .article-cards-display .owl-dots,
.cardsDisplay .cards-display-container .calendar-cards-display .owl-dots {
  padding-top: 20px;
  padding-bottom: 28px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}

.cardsDisplay .cards-display-container .article-cards-display .owl-dots .owl-dot,
.cardsDisplay .cards-display-container .calendar-cards-display .owl-dots .owl-dot {
  height: 2px;
  width: 24px;
  margin-left: 2px;
  background-color: rgba(50, 35, 50, 0.6);
}

.cardsDisplay .cards-display-container .article-cards-display .owl-dots .owl-dot.active,
.cardsDisplay .cards-display-container .calendar-cards-display .owl-dots .owl-dot.active {
  background-color: #322332;
}

.cardsDisplay .cards-display-container .article-cards-display .owl-dots .owl-dot:first-of-type,
.cardsDisplay .cards-display-container .calendar-cards-display .owl-dots .owl-dot:first-of-type {
  margin-left: 0;
}

.cardsDisplay .cards-display-container .blank-card {
  background: #322332;
  height: 498px;
  width: 285px;
  position: relative;
}

.cardsDisplay .cards-display-container .blank-card .blank-card-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: white;
  width: 100%;
}

.cardsDisplay .cards-display-container .blank-card .blank-card-content .blank-card-text > p {
  margin-bottom: 0;
}

.cardsDisplay .cards-display-container .load-more-wrapper .load-more {
  color: #999;
  font-family: "VM Circular Medium", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  display: inline-block;
  cursor: pointer;
  padding-bottom: 50px;
}

.cardsDisplay .cards-display-container .load-more-wrapper .load-more:hover, .cardsDisplay .cards-display-container .load-more-wrapper .load-more:focus {
  text-decoration: none;
}

.cardsDisplay .cards-display-container .load-more-wrapper .load-more.uppercase {
  text-transform: uppercase;
}

.cardsDisplay .cards-display-container .load-more-wrapper .load-more p {
  margin-bottom: 20px;
}

.cardsDisplay .cards-display-container .load-more-wrapper .load-more img {
  max-width: 43px;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .cardsDisplay .cards-display-container .load-more-wrapper .load-more {
    padding-bottom: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cardsDisplay .cards-display-container .load-more-wrapper .load-more {
    padding-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .cardsDisplay .cards-display-container .load-more-wrapper .load-more {
    padding-bottom: 32px;
  }
}

.vmp-cta {
  font-family: "VM Circular Medium", sans-serif;
  line-height: 1;
  padding: 8px 30px;
  outline: 0;
  font-size: 17px;
  font-size: 1.7rem;
  -webkit-border-radius: 19px;
  -moz-border-radius: 19px;
  -ms-border-radius: 19px;
  border-radius: 19px;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #fff;
  width: 100%;
  display: block;
  text-align: center;
}

.vmp-cta:hover, .vmp-cta:focus {
  font-family: "VM Circular Medium", sans-serif;
}

.vmp-cta.red {
  color: #ff0000;
  border: transparent;
}

.vmp-cta.blue {
  color: #4196d2;
  border: transparent;
}

.vmp-cta.orange {
  color: #ff9a00;
  border: transparent;
}

.vmp-cta.green {
  color: #74e56e;
  border: transparent;
}

.vmp-cta.purple {
  color: #e526c8;
  border: transparent;
}

.article-card-inner,
.article-card-full-bleed-inner {
  position: relative;
  cursor: pointer;
  color: #fff;
  background-color: #f5f5f5;
  margin: 0 auto;
}

@media only screen and (max-width: 320px) {
  .article-card-inner,
  .article-card-full-bleed-inner {
    min-width: 320px;
    min-height: 559px;
    width: 100%;
    padding-bottom: 174.68%;
  }
}

@media only screen and (min-width: 321px) {
  .article-card-inner,
  .article-card-full-bleed-inner {
    min-width: 320px;
    min-height: 559px;
    width: 100%;
    padding-bottom: 174.68%;
  }
}

@media only screen and (min-width: 700px) {
  .article-card-inner,
  .article-card-full-bleed-inner {
    padding-bottom: 174.72%;
  }
}

@media only screen and (min-width: 768px) {
  .article-card-inner,
  .article-card-full-bleed-inner {
    min-width: 285px;
    width: 37.10vw;
    min-height: 498px;
    padding-bottom: 64.84vw;
  }
}

@media only screen and (min-width: 992px) {
  .article-card-inner,
  .article-card-full-bleed-inner {
    min-width: 294px;
    min-height: 514px;
    width: 29.63vw;
    padding-bottom: 51.81vw;
  }
}

@media only screen and (min-width: 1200px) {
  .article-card-inner,
  .article-card-full-bleed-inner {
    width: 358px;
    height: 626px;
    padding-bottom: 0;
  }
}

.article-card-inner .article-card-image-wrapper,
.article-card-full-bleed-inner .article-card-image-wrapper {
  position: absolute;
  width: 100%;
}

.article-card-inner .article-card-tag,
.article-card-full-bleed-inner .article-card-tag {
  color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  padding-right: 10px;
  padding-left: 10px;
  height: 22px;
  background-color: #4196d2;
  font-family: "VM Circular Bold", sans-serif;
  line-height: 15px;
  font-size: 12px;
  font-size: 1.2rem;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

@media only screen and (min-width: 414px) {
  .article-card-inner .article-card-tag,
  .article-card-full-bleed-inner .article-card-tag {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 16px;
    height: 24px;
  }
}

@media only screen and (min-width: 480px) {
  .article-card-inner .article-card-tag,
  .article-card-full-bleed-inner .article-card-tag {
    font-size: 15.36px;
    font-size: 1.536rem;
    line-height: 19px;
    height: 28px;
  }
}

@media only screen and (min-width: 600px) {
  .article-card-inner .article-card-tag,
  .article-card-full-bleed-inner .article-card-tag {
    font-size: 19.2px;
    font-size: 1.92rem;
    line-height: 24px;
    height: 35px;
  }
}

@media only screen and (min-width: 700px) {
  .article-card-inner .article-card-tag,
  .article-card-full-bleed-inner .article-card-tag {
    font-size: 22.4px;
    font-size: 2.24rem;
    line-height: 28px;
    height: 41px;
  }
}

@media only screen and (min-width: 768px) {
  .article-card-inner .article-card-tag,
  .article-card-full-bleed-inner .article-card-tag {
    line-height: 15px;
    font-size: 12px;
    font-size: 1.2rem;
    height: 22px;
  }
}

.article-card-inner .article-tag-icon,
.article-card-full-bleed-inner .article-tag-icon {
  position: absolute;
  top: 2px;
  left: 4px;
  z-index: 1;
}

.article-card-inner .article-tag-icon img,
.article-card-full-bleed-inner .article-tag-icon img {
  height: 24px;
  width: 24px;
  display: block;
}

@media only screen and (min-width: 414px) {
  .article-card-inner .article-tag-icon img,
  .article-card-full-bleed-inner .article-tag-icon img {
    height: 28px;
    width: 28px;
  }
}

@media only screen and (min-width: 480px) {
  .article-card-inner .article-tag-icon img,
  .article-card-full-bleed-inner .article-tag-icon img {
    height: 30px;
    width: 30px;
  }
}

@media only screen and (min-width: 600px) {
  .article-card-inner .article-tag-icon img,
  .article-card-full-bleed-inner .article-tag-icon img {
    height: 38px;
    width: 38px;
  }
}

@media only screen and (min-width: 700px) {
  .article-card-inner .article-tag-icon img,
  .article-card-full-bleed-inner .article-tag-icon img {
    height: 46px;
    width: 46px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .article-card-inner .article-tag-icon img,
  .article-card-full-bleed-inner .article-tag-icon img {
    height: 24px;
    width: 24px;
  }
}

@media only screen and (min-width: 1200px) {
  .article-card-inner .article-tag-icon img,
  .article-card-full-bleed-inner .article-tag-icon img {
    height: 24px;
    width: 24px;
  }
}

.article-card-inner .article-card-content .article-card-title,
.article-card-inner .article-card-content .article-card-sub-title,
.article-card-inner .article-card-content .article-card-snippet,
.article-card-full-bleed-inner .article-card-content .article-card-title,
.article-card-full-bleed-inner .article-card-content .article-card-sub-title,
.article-card-full-bleed-inner .article-card-content .article-card-snippet {
  padding-right: 16px;
  padding-left: 16px;
}

.article-card-inner .article-card-content .article-card-title p,
.article-card-inner .article-card-content .article-card-sub-title p,
.article-card-inner .article-card-content .article-card-snippet p,
.article-card-full-bleed-inner .article-card-content .article-card-title p,
.article-card-full-bleed-inner .article-card-content .article-card-sub-title p,
.article-card-full-bleed-inner .article-card-content .article-card-snippet p {
  margin: 0;
}

.article-card-inner .article-card-cta,
.article-card-full-bleed-inner .article-card-cta {
  position: absolute;
  bottom: 30px;
  left: 15px;
  right: 15px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.article-card-inner .article-card-cta .vmp-cta,
.article-card-full-bleed-inner .article-card-cta .vmp-cta {
  height: 38px;
  color: #4196d2;
  font-family: "VM Circular Book", sans-serif;
  line-height: 22px;
  outline: none;
  font-size: 17px;
  font-size: 1.7rem;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

@media only screen and (min-width: 414px) {
  .article-card-inner .article-card-cta .vmp-cta,
  .article-card-full-bleed-inner .article-card-cta .vmp-cta {
    height: 42px;
    line-height: 23px;
    font-size: 18px;
    font-size: 1.8rem;
    -webkit-border-radius: 64px;
    -moz-border-radius: 64px;
    -ms-border-radius: 64px;
    border-radius: 64px;
  }
}

@media only screen and (min-width: 480px) {
  .article-card-inner .article-card-cta .vmp-cta,
  .article-card-full-bleed-inner .article-card-cta .vmp-cta {
    height: 48px;
    line-height: 25px;
    font-size: 20px;
    font-size: 2rem;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
  }
}

@media only screen and (min-width: 600px) {
  .article-card-inner .article-card-cta .vmp-cta,
  .article-card-full-bleed-inner .article-card-cta .vmp-cta {
    height: 60px;
    line-height: 30px;
    font-size: 24px;
    font-size: 2.4rem;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
  }
}

@media only screen and (min-width: 700px) {
  .article-card-inner .article-card-cta .vmp-cta,
  .article-card-full-bleed-inner .article-card-cta .vmp-cta {
    height: 70px;
    line-height: 41px;
    font-size: 32px;
    font-size: 3.2rem;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
  }
}

@media only screen and (min-width: 768px) {
  .article-card-inner .article-card-cta .vmp-cta,
  .article-card-full-bleed-inner .article-card-cta .vmp-cta {
    height: 38px;
    line-height: 22px;
    font-size: 17px;
    font-size: 1.7rem;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    -ms-border-radius: 19px;
    border-radius: 19px;
  }
}

.article-card-inner .article-card-cta .vmp-cta:link, .article-card-inner .article-card-cta .vmp-cta:visited, .article-card-inner .article-card-cta .vmp-cta:hover, .article-card-inner .article-card-cta .vmp-cta.active,
.article-card-full-bleed-inner .article-card-cta .vmp-cta:link,
.article-card-full-bleed-inner .article-card-cta .vmp-cta:visited,
.article-card-full-bleed-inner .article-card-cta .vmp-cta:hover,
.article-card-full-bleed-inner .article-card-cta .vmp-cta.active {
  text-decoration: none;
}

.article-card-inner .no-article-card-type,
.article-card-full-bleed-inner .no-article-card-type {
  border: 1px solid #cccccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  margin: 10px 0 15px 0;
}

.article-card-full-bleed-inner {
  position: relative;
  color: #fff;
  background-color: #ffffff;
  overflow: hidden;
}

.article-card-full-bleed-inner .diagonal-cut {
  border-style: solid;
  border-color: #fff transparent transparent transparent;
  width: 0;
  height: 0;
  position: absolute;
  z-index: 1;
}

@media only screen and (max-width: 320px) {
  .article-card-full-bleed-inner .diagonal-cut {
    border-width: 30px 236px 0 0;
  }
}

@media only screen and (min-width: 321px) {
  .article-card-full-bleed-inner .diagonal-cut {
    border-width: 30px 236px 0 0;
  }
}

@media only screen and (min-width: 375px) {
  .article-card-full-bleed-inner .diagonal-cut {
    border-width: 30px 310px 0 0;
  }
}

@media only screen and (min-width: 414px) {
  .article-card-full-bleed-inner .diagonal-cut {
    border-width: 33px 342px 0 0;
  }
}

@media only screen and (min-width: 480px) {
  .article-card-full-bleed-inner .diagonal-cut {
    border-width: 38px 397px 0 0;
  }
}

@media only screen and (min-width: 600px) {
  .article-card-full-bleed-inner .diagonal-cut {
    border-width: 48px 496px 0 0;
  }
}

@media only screen and (min-width: 700px) {
  .article-card-full-bleed-inner .diagonal-cut {
    border-width: 56px 579px 0 0;
  }
}

@media only screen and (min-width: 768px) {
  .article-card-full-bleed-inner .diagonal-cut {
    border-width: 30px 236px 0 0;
  }
}

@media only screen and (min-width: 992px) {
  .article-card-full-bleed-inner .diagonal-cut {
    border-width: 30px 236px 0 0;
  }
}

@media only screen and (min-width: 1200px) {
  .article-card-full-bleed-inner .diagonal-cut {
    border-width: 30px 236px 0 0;
  }
}

.article-card-full-bleed-inner .article-card-full-bleed-image {
  position: absolute;
  width: 100%;
  top: 0;
  -moz-transition: all 0.8s ease-out;
  -webkit-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
}

.article-card-full-bleed-inner .article-card-full-bleed-image:hover {
  transform: none;
}

@media only screen and (min-width: 992px) {
  .article-card-full-bleed-inner .article-card-full-bleed-image:hover {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

.article-card-full-bleed-inner .article-card-image-wrapper .article-card-image {
  width: 100%;
  padding-bottom: 56.25%;
}

.article-card-full-bleed-inner .article-card-content .article-card-title,
.article-card-full-bleed-inner .article-card-content .article-card-sub-title,
.article-card-full-bleed-inner .article-card-content .article-card-snippet {
  position: absolute;
  width: 100%;
}

.article-card-full-bleed-inner .article-card-content .article-card-title {
  font-family: "VM Circular Black", sans-serif;
  top: 34%;
  font-size: 40px;
  font-size: 4rem;
  line-height: 42px;
}

@media only screen and (min-width: 321px) {
  .article-card-full-bleed-inner .article-card-content .article-card-title {
    top: 34%;
    font-size: 40px;
    font-size: 4rem;
    line-height: 42px;
  }
}

@media only screen and (min-width: 375px) {
  .article-card-full-bleed-inner .article-card-content .article-card-title {
    top: 37%;
  }
}

@media only screen and (min-width: 414px) {
  .article-card-full-bleed-inner .article-card-content .article-card-title {
    top: 35%;
    line-height: 46px;
    font-size: 44px;
    font-size: 4.4rem;
  }
}

@media only screen and (min-width: 480px) {
  .article-card-full-bleed-inner .article-card-content .article-card-title {
    top: 35%;
    line-height: 54px;
    font-size: 51px;
    font-size: 5.1rem;
  }
}

@media only screen and (min-width: 600px) {
  .article-card-full-bleed-inner .article-card-content .article-card-title {
    top: 35%;
    line-height: 62px;
    font-size: 64px;
    font-size: 6.4rem;
  }
}

@media only screen and (min-width: 700px) {
  .article-card-full-bleed-inner .article-card-content .article-card-title {
    top: 35%;
    line-height: 68px;
    font-size: 75px;
    font-size: 7.5rem;
  }
}

@media only screen and (min-width: 768px) {
  .article-card-full-bleed-inner .article-card-content .article-card-title {
    top: 31%;
    line-height: 40px;
    font-size: 35px;
    font-size: 3.5rem;
  }
}

@media only screen and (min-width: 992px) {
  .article-card-full-bleed-inner .article-card-content .article-card-title {
    top: 32%;
  }
}

@media only screen and (min-width: 1200px) {
  .article-card-full-bleed-inner .article-card-content .article-card-title {
    top: 33%;
    line-height: 44px;
    font-size: 45px;
    font-size: 4.5rem;
  }
}

@media only screen and (min-width: 768px) {
  .article-card-full-bleed-inner .article-card-content .article-card-title.article-card-font-size-xl {
    font-size: 50px;
    font-size: 5rem;
    line-height: 50px;
  }
}

@media only screen and (min-width: 992px) {
  .article-card-full-bleed-inner .article-card-content .article-card-title.article-card-font-size-xl {
    font-size: 52px;
    font-size: 5.2rem;
    line-height: 52px;
  }
}

@media only screen and (min-width: 1200px) {
  .article-card-full-bleed-inner .article-card-content .article-card-title.article-card-font-size-xl {
    font-size: 63px;
    font-size: 6.3rem;
    line-height: 63px;
  }
}

@media only screen and (min-width: 768px) {
  .article-card-full-bleed-inner .article-card-content .article-card-title.article-card-font-size-l {
    font-size: 45px;
    font-size: 4.5rem;
    line-height: 45px;
  }
}

@media only screen and (min-width: 992px) {
  .article-card-full-bleed-inner .article-card-content .article-card-title.article-card-font-size-l {
    font-size: 46px;
    font-size: 4.6rem;
    line-height: 46px;
  }
}

@media only screen and (min-width: 1200px) {
  .article-card-full-bleed-inner .article-card-content .article-card-title.article-card-font-size-l {
    font-size: 57px;
    font-size: 5.7rem;
    line-height: 57px;
  }
}

@media only screen and (min-width: 768px) {
  .article-card-full-bleed-inner .article-card-content .article-card-title.article-card-font-size-m {
    font-size: 40px;
    font-size: 4rem;
    line-height: 40px;
  }
}

@media only screen and (min-width: 992px) {
  .article-card-full-bleed-inner .article-card-content .article-card-title.article-card-font-size-m {
    font-size: 41px;
    font-size: 4.1rem;
    line-height: 41px;
  }
}

@media only screen and (min-width: 1200px) {
  .article-card-full-bleed-inner .article-card-content .article-card-title.article-card-font-size-m {
    font-size: 50px;
    font-size: 5rem;
    line-height: 50px;
  }
}

@media only screen and (min-width: 768px) {
  .article-card-full-bleed-inner .article-card-content .article-card-title.article-card-font-size-s {
    font-size: 35px;
    font-size: 3.5rem;
    line-height: 35px;
  }
}

@media only screen and (min-width: 992px) {
  .article-card-full-bleed-inner .article-card-content .article-card-title.article-card-font-size-s {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 36px;
  }
}

@media only screen and (min-width: 1200px) {
  .article-card-full-bleed-inner .article-card-content .article-card-title.article-card-font-size-s {
    font-size: 44px;
    font-size: 4.4rem;
    line-height: 44px;
  }
}

@media only screen and (min-width: 768px) {
  .article-card-full-bleed-inner .article-card-content .article-card-title.article-card-font-size-xs {
    font-size: 30px;
    font-size: 3rem;
    line-height: 30px;
  }
}

@media only screen and (min-width: 992px) {
  .article-card-full-bleed-inner .article-card-content .article-card-title.article-card-font-size-xs {
    font-size: 31px;
    font-size: 3.1rem;
    line-height: 31px;
  }
}

@media only screen and (min-width: 1200px) {
  .article-card-full-bleed-inner .article-card-content .article-card-title.article-card-font-size-xs {
    font-size: 38px;
    font-size: 3.8rem;
    line-height: 38px;
  }
}

@media only screen and (max-width: 320px) {
  .article-card-full-bleed-inner .article-card-content .article-card-title.mobile-article-card-title.article-card-font-size-xl {
    font-size: 52px;
    font-size: 5.2rem;
    line-height: 52px;
  }
}

@media only screen and (min-width: 321px) {
  .article-card-full-bleed-inner .article-card-content .article-card-title.mobile-article-card-title.article-card-font-size-xl {
    font-size: 52px;
    font-size: 5.2rem;
    line-height: 52px;
  }
}

@media only screen and (min-width: 414px) {
  .article-card-full-bleed-inner .article-card-content .article-card-title.mobile-article-card-title.article-card-font-size-xl {
    font-size: 67px;
    font-size: 6.7rem;
    line-height: 67px;
  }
}

@media only screen and (min-width: 480px) {
  .article-card-full-bleed-inner .article-card-content .article-card-title.mobile-article-card-title.article-card-font-size-xl {
    font-size: 78px;
    font-size: 7.8rem;
    line-height: 78px;
  }
}

@media only screen and (min-width: 600px) {
  .article-card-full-bleed-inner .article-card-content .article-card-title.mobile-article-card-title.article-card-font-size-xl {
    font-size: 97px;
    font-size: 9.7rem;
    line-height: 97px;
  }
}

@media only screen and (min-width: 700px) {
  .article-card-full-bleed-inner .article-card-content .article-card-title.mobile-article-card-title.article-card-font-size-xl {
    font-size: 113px;
    font-size: 11.3rem;
    line-height: 113px;
  }
}

@media only screen and (max-width: 320px) {
  .article-card-full-bleed-inner .article-card-content .article-card-title.mobile-article-card-title.article-card-font-size-l {
    font-size: 46px;
    font-size: 4.6rem;
    line-height: 46px;
  }
}

@media only screen and (min-width: 321px) {
  .article-card-full-bleed-inner .article-card-content .article-card-title.mobile-article-card-title.article-card-font-size-l {
    font-size: 46px;
    font-size: 4.6rem;
    line-height: 46px;
  }
}

@media only screen and (min-width: 414px) {
  .article-card-full-bleed-inner .article-card-content .article-card-title.mobile-article-card-title.article-card-font-size-l {
    font-size: 59px;
    font-size: 5.9rem;
    line-height: 59px;
  }
}

@media only screen and (min-width: 480px) {
  .article-card-full-bleed-inner .article-card-content .article-card-title.mobile-article-card-title.article-card-font-size-l {
    font-size: 69px;
    font-size: 6.9rem;
    line-height: 69px;
  }
}

@media only screen and (min-width: 600px) {
  .article-card-full-bleed-inner .article-card-content .article-card-title.mobile-article-card-title.article-card-font-size-l {
    font-size: 86px;
    font-size: 8.6rem;
    line-height: 86px;
  }
}

@media only screen and (min-width: 700px) {
  .article-card-full-bleed-inner .article-card-content .article-card-title.mobile-article-card-title.article-card-font-size-l {
    font-size: 100px;
    font-size: 10rem;
    line-height: 100px;
  }
}

@media only screen and (max-width: 320px) {
  .article-card-full-bleed-inner .article-card-content .article-card-title.mobile-article-card-title.article-card-font-size-m {
    font-size: 41px;
    font-size: 4.1rem;
    line-height: 41px;
  }
}

@media only screen and (min-width: 321px) {
  .article-card-full-bleed-inner .article-card-content .article-card-title.mobile-article-card-title.article-card-font-size-m {
    font-size: 41px;
    font-size: 4.1rem;
    line-height: 41px;
  }
}

@media only screen and (min-width: 414px) {
  .article-card-full-bleed-inner .article-card-content .article-card-title.mobile-article-card-title.article-card-font-size-m {
    font-size: 53px;
    font-size: 5.3rem;
    line-height: 53px;
  }
}

@media only screen and (min-width: 480px) {
  .article-card-full-bleed-inner .article-card-content .article-card-title.mobile-article-card-title.article-card-font-size-m {
    font-size: 61px;
    font-size: 6.1rem;
    line-height: 61px;
  }
}

@media only screen and (min-width: 600px) {
  .article-card-full-bleed-inner .article-card-content .article-card-title.mobile-article-card-title.article-card-font-size-m {
    font-size: 76px;
    font-size: 7.6rem;
    line-height: 76px;
  }
}

@media only screen and (min-width: 700px) {
  .article-card-full-bleed-inner .article-card-content .article-card-title.mobile-article-card-title.article-card-font-size-m {
    font-size: 89px;
    font-size: 8.9rem;
    line-height: 89px;
  }
}

@media only screen and (max-width: 320px) {
  .article-card-full-bleed-inner .article-card-content .article-card-title.mobile-article-card-title.article-card-font-size-s {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 36px;
  }
}

@media only screen and (min-width: 321px) {
  .article-card-full-bleed-inner .article-card-content .article-card-title.mobile-article-card-title.article-card-font-size-s {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 36px;
  }
}

@media only screen and (min-width: 414px) {
  .article-card-full-bleed-inner .article-card-content .article-card-title.mobile-article-card-title.article-card-font-size-s {
    font-size: 46px;
    font-size: 4.6rem;
    line-height: 46px;
  }
}

@media only screen and (min-width: 480px) {
  .article-card-full-bleed-inner .article-card-content .article-card-title.mobile-article-card-title.article-card-font-size-s {
    font-size: 54px;
    font-size: 5.4rem;
    line-height: 54px;
  }
}

@media only screen and (min-width: 600px) {
  .article-card-full-bleed-inner .article-card-content .article-card-title.mobile-article-card-title.article-card-font-size-s {
    font-size: 67px;
    font-size: 6.7rem;
    line-height: 67px;
  }
}

@media only screen and (min-width: 700px) {
  .article-card-full-bleed-inner .article-card-content .article-card-title.mobile-article-card-title.article-card-font-size-s {
    font-size: 78px;
    font-size: 7.8rem;
    line-height: 78px;
  }
}

@media only screen and (max-width: 320px) {
  .article-card-full-bleed-inner .article-card-content .article-card-title.mobile-article-card-title.article-card-font-size-xs {
    font-size: 30px;
    font-size: 3rem;
    line-height: 30px;
  }
}

@media only screen and (min-width: 321px) {
  .article-card-full-bleed-inner .article-card-content .article-card-title.mobile-article-card-title.article-card-font-size-xs {
    font-size: 30px;
    font-size: 3rem;
    line-height: 30px;
  }
}

@media only screen and (min-width: 414px) {
  .article-card-full-bleed-inner .article-card-content .article-card-title.mobile-article-card-title.article-card-font-size-xs {
    font-size: 39px;
    font-size: 3.9rem;
    line-height: 39px;
  }
}

@media only screen and (min-width: 480px) {
  .article-card-full-bleed-inner .article-card-content .article-card-title.mobile-article-card-title.article-card-font-size-xs {
    font-size: 45px;
    font-size: 4.5rem;
    line-height: 45px;
  }
}

@media only screen and (min-width: 600px) {
  .article-card-full-bleed-inner .article-card-content .article-card-title.mobile-article-card-title.article-card-font-size-xs {
    font-size: 56px;
    font-size: 5.6rem;
    line-height: 56px;
  }
}

@media only screen and (min-width: 700px) {
  .article-card-full-bleed-inner .article-card-content .article-card-title.mobile-article-card-title.article-card-font-size-xs {
    font-size: 65px;
    font-size: 6.5rem;
    line-height: 65px;
  }
}

.article-card-full-bleed-inner .article-card-content .article-card-title.vertical-keyline .article-card-keyline {
  border-left: 4px solid;
  border-left-color: inherit;
  padding-left: 10px;
}

.article-card-full-bleed-inner .article-card-content .article-card-title.horizontal-short-keyline, .article-card-full-bleed-inner .article-card-content .article-card-title.horizontal-long-keyline {
  margin: 0 16px;
  padding: 0;
  width: auto;
}

.article-card-full-bleed-inner .article-card-content .article-card-title.horizontal-short-keyline .article-card-keyline, .article-card-full-bleed-inner .article-card-content .article-card-title.horizontal-long-keyline .article-card-keyline {
  margin-bottom: 5px;
}

@media only screen and (max-width: 320px) {
  .article-card-full-bleed-inner .article-card-content .article-card-title.horizontal-short-keyline .article-card-keyline, .article-card-full-bleed-inner .article-card-content .article-card-title.horizontal-long-keyline .article-card-keyline {
    margin-bottom: 7px;
  }
}

@media only screen and (min-width: 321px) {
  .article-card-full-bleed-inner .article-card-content .article-card-title.horizontal-short-keyline .article-card-keyline, .article-card-full-bleed-inner .article-card-content .article-card-title.horizontal-long-keyline .article-card-keyline {
    margin-bottom: 7px;
  }
}

@media only screen and (min-width: 768px) {
  .article-card-full-bleed-inner .article-card-content .article-card-title.horizontal-short-keyline .article-card-keyline, .article-card-full-bleed-inner .article-card-content .article-card-title.horizontal-long-keyline .article-card-keyline {
    margin-bottom: 9px;
  }
}

@media only screen and (min-width: 992px) {
  .article-card-full-bleed-inner .article-card-content .article-card-title.horizontal-short-keyline .article-card-keyline, .article-card-full-bleed-inner .article-card-content .article-card-title.horizontal-long-keyline .article-card-keyline {
    margin-bottom: 8px;
  }
}

@media only screen and (min-width: 1200px) {
  .article-card-full-bleed-inner .article-card-content .article-card-title.horizontal-short-keyline .article-card-keyline, .article-card-full-bleed-inner .article-card-content .article-card-title.horizontal-long-keyline .article-card-keyline {
    margin-bottom: 5px;
  }
}

.article-card-full-bleed-inner .article-card-content .article-card-title.horizontal-short-keyline:after, .article-card-full-bleed-inner .article-card-content .article-card-title.horizontal-long-keyline:after {
  content: '';
  position: absolute;
  width: 50%;
  left: 25%;
  border-bottom: 4px solid;
  border-bottom-color: inherit;
}

.article-card-full-bleed-inner .article-card-content .article-card-title.horizontal-long-keyline:after {
  width: 100%;
  left: 0;
}

.article-card-full-bleed-inner .article-card-content .article-card-sub-title {
  top: 49%;
  font-family: "VM Circular Book", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 23px;
}

@media only screen and (min-width: 321px) {
  .article-card-full-bleed-inner .article-card-content .article-card-sub-title {
    top: 49%;
  }
}

@media only screen and (min-width: 375px) {
  .article-card-full-bleed-inner .article-card-content .article-card-sub-title {
    top: 50%;
  }
}

@media only screen and (min-width: 414px) {
  .article-card-full-bleed-inner .article-card-content .article-card-sub-title {
    top: 50%;
    line-height: 23px;
    font-size: 18px;
    font-size: 1.8rem;
  }
}

@media only screen and (min-width: 480px) {
  .article-card-full-bleed-inner .article-card-content .article-card-sub-title {
    top: 49%;
    line-height: 24px;
    font-size: 20px;
    font-size: 2rem;
  }
}

@media only screen and (min-width: 600px) {
  .article-card-full-bleed-inner .article-card-content .article-card-sub-title {
    top: 49%;
    line-height: 30px;
    font-size: 24px;
    font-size: 2.4rem;
  }
}

@media only screen and (min-width: 700px) {
  .article-card-full-bleed-inner .article-card-content .article-card-sub-title {
    top: 49%;
    line-height: 30px;
    font-size: 28px;
    font-size: 2.8rem;
  }
}

@media only screen and (min-width: 768px) {
  .article-card-full-bleed-inner .article-card-content .article-card-sub-title {
    top: 50%;
    line-height: 23px;
    font-size: 16px;
    font-size: 1.6rem;
  }
}

@media only screen and (min-width: 992px) {
  .article-card-full-bleed-inner .article-card-content .article-card-sub-title {
    top: 50%;
  }
}

@media only screen and (min-width: 1200px) {
  .article-card-full-bleed-inner .article-card-content .article-card-sub-title {
    top: 50%;
    line-height: 23px;
    font-size: 18px;
    font-size: 1.8rem;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .article-card-full-bleed-inner .article-card-content .article-card-sub-title.article-card-font-size-l {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 16px;
  }
}

@media only screen and (min-width: 1200px) {
  .article-card-full-bleed-inner .article-card-content .article-card-sub-title.article-card-font-size-l {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 18px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .article-card-full-bleed-inner .article-card-content .article-card-sub-title.article-card-font-size-m {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 15px;
  }
}

@media only screen and (min-width: 1200px) {
  .article-card-full-bleed-inner .article-card-content .article-card-sub-title.article-card-font-size-m {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 17px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .article-card-full-bleed-inner .article-card-content .article-card-sub-title.article-card-font-size-s {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 14px;
  }
}

@media only screen and (min-width: 1200px) {
  .article-card-full-bleed-inner .article-card-content .article-card-sub-title.article-card-font-size-s {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 16px;
  }
}

@media only screen and (max-width: 320px) {
  .article-card-full-bleed-inner .article-card-content .article-card-sub-title.mobile-article-card-sub-title.article-card-font-size-l {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 16px;
  }
}

@media only screen and (min-width: 321px) {
  .article-card-full-bleed-inner .article-card-content .article-card-sub-title.mobile-article-card-sub-title.article-card-font-size-l {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 16px;
  }
}

@media only screen and (min-width: 414px) {
  .article-card-full-bleed-inner .article-card-content .article-card-sub-title.mobile-article-card-sub-title.article-card-font-size-l {
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 21px;
  }
}

@media only screen and (min-width: 480px) {
  .article-card-full-bleed-inner .article-card-content .article-card-sub-title.mobile-article-card-sub-title.article-card-font-size-l {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 24px;
  }
}

@media only screen and (min-width: 600px) {
  .article-card-full-bleed-inner .article-card-content .article-card-sub-title.mobile-article-card-sub-title.article-card-font-size-l {
    font-size: 30px;
    font-size: 3rem;
    line-height: 30px;
  }
}

@media only screen and (min-width: 700px) {
  .article-card-full-bleed-inner .article-card-content .article-card-sub-title.mobile-article-card-sub-title.article-card-font-size-l {
    font-size: 35px;
    font-size: 3.5rem;
    line-height: 35px;
  }
}

@media only screen and (max-width: 320px) {
  .article-card-full-bleed-inner .article-card-content .article-card-sub-title.mobile-article-card-sub-title.article-card-font-size-m {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 15px;
  }
}

@media only screen and (min-width: 321px) {
  .article-card-full-bleed-inner .article-card-content .article-card-sub-title.mobile-article-card-sub-title.article-card-font-size-m {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 15px;
  }
}

@media only screen and (min-width: 414px) {
  .article-card-full-bleed-inner .article-card-content .article-card-sub-title.mobile-article-card-sub-title.article-card-font-size-m {
    font-size: 19px;
    font-size: 1.9rem;
    line-height: 19px;
  }
}

@media only screen and (min-width: 480px) {
  .article-card-full-bleed-inner .article-card-content .article-card-sub-title.mobile-article-card-sub-title.article-card-font-size-m {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 22px;
  }
}

@media only screen and (min-width: 600px) {
  .article-card-full-bleed-inner .article-card-content .article-card-sub-title.mobile-article-card-sub-title.article-card-font-size-m {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 28px;
  }
}

@media only screen and (min-width: 700px) {
  .article-card-full-bleed-inner .article-card-content .article-card-sub-title.mobile-article-card-sub-title.article-card-font-size-m {
    font-size: 33px;
    font-size: 3.3rem;
    line-height: 33px;
  }
}

@media only screen and (max-width: 320px) {
  .article-card-full-bleed-inner .article-card-content .article-card-sub-title.mobile-article-card-sub-title.article-card-font-size-s {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 14px;
  }
}

@media only screen and (min-width: 321px) {
  .article-card-full-bleed-inner .article-card-content .article-card-sub-title.mobile-article-card-sub-title.article-card-font-size-s {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 14px;
  }
}

@media only screen and (min-width: 414px) {
  .article-card-full-bleed-inner .article-card-content .article-card-sub-title.mobile-article-card-sub-title.article-card-font-size-s {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 18px;
  }
}

@media only screen and (min-width: 480px) {
  .article-card-full-bleed-inner .article-card-content .article-card-sub-title.mobile-article-card-sub-title.article-card-font-size-s {
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 21px;
  }
}

@media only screen and (min-width: 600px) {
  .article-card-full-bleed-inner .article-card-content .article-card-sub-title.mobile-article-card-sub-title.article-card-font-size-s {
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 26px;
  }
}

@media only screen and (min-width: 700px) {
  .article-card-full-bleed-inner .article-card-content .article-card-sub-title.mobile-article-card-sub-title.article-card-font-size-s {
    font-size: 30px;
    font-size: 3rem;
    line-height: 30px;
  }
}

.article-card-full-bleed-inner .article-card-content .article-card-snippet {
  top: 55%;
  font-family: "VM Circular Book", sans-serif;
  font-size: 20px;
  font-size: 2rem;
  line-height: 20px;
  text-align: center;
}

@media only screen and (min-width: 321px) {
  .article-card-full-bleed-inner .article-card-content .article-card-snippet {
    top: 55%;
  }
}

@media only screen and (min-width: 375px) {
  .article-card-full-bleed-inner .article-card-content .article-card-snippet {
    top: 56%;
  }
}

@media only screen and (min-width: 414px) {
  .article-card-full-bleed-inner .article-card-content .article-card-snippet {
    top: 55%;
    line-height: 26px;
    font-size: 26px;
    font-size: 2.6rem;
  }
}

@media only screen and (min-width: 480px) {
  .article-card-full-bleed-inner .article-card-content .article-card-snippet {
    top: 55%;
    line-height: 30px;
    font-size: 30px;
    font-size: 3rem;
  }
}

@media only screen and (min-width: 600px) {
  .article-card-full-bleed-inner .article-card-content .article-card-snippet {
    top: 55%;
    line-height: 37px;
    font-size: 37px;
    font-size: 3.7rem;
  }
}

@media only screen and (min-width: 700px) {
  .article-card-full-bleed-inner .article-card-content .article-card-snippet {
    top: 55%;
    line-height: 43px;
    font-size: 43px;
    font-size: 4.3rem;
  }
}

@media only screen and (min-width: 768px) {
  .article-card-full-bleed-inner .article-card-content .article-card-snippet {
    top: 56%;
    line-height: 20px;
    font-size: 16px;
    font-size: 1.6rem;
  }
}

@media only screen and (min-width: 992px) {
  .article-card-full-bleed-inner .article-card-content .article-card-snippet {
    top: 56%;
  }
}

@media only screen and (min-width: 1200px) {
  .article-card-full-bleed-inner .article-card-content .article-card-snippet {
    top: 55%;
    font-size: 20px;
    font-size: 2rem;
    line-height: 25px;
  }
}

.article-card-inner .article-card-content {
  margin-top: 16px;
  color: #333;
}

.article-card-inner .article-card-content .article-card-title {
  line-height: 28px;
  font-family: "VM Circular Black", sans-serif;
  font-size: 25px;
  font-size: 2.5rem;
}

@media only screen and (min-width: 414px) {
  .article-card-inner .article-card-content .article-card-title {
    line-height: 32px;
    font-size: 30px;
    font-size: 3rem;
  }
}

@media only screen and (min-width: 480px) {
  .article-card-inner .article-card-content .article-card-title {
    line-height: 40px;
    font-size: 37px;
    font-size: 3.7rem;
  }
}

@media only screen and (min-width: 600px) {
  .article-card-inner .article-card-content .article-card-title {
    line-height: 52px;
    font-size: 48px;
    font-size: 4.8rem;
  }
}

@media only screen and (min-width: 700px) {
  .article-card-inner .article-card-content .article-card-title {
    line-height: 58px;
    font-size: 54px;
    font-size: 5.4rem;
  }
}

@media only screen and (min-width: 768px) {
  .article-card-inner .article-card-content .article-card-title {
    line-height: 28px;
    font-size: 25px;
    font-size: 2.5rem;
  }
}

@media only screen and (min-width: 1200px) {
  .article-card-inner .article-card-content .article-card-title {
    font-size: 30px;
    font-size: 3rem;
    line-height: 35px;
  }
}

.article-card-inner .article-card-content .article-card-sub-title {
  margin-top: 4px;
  line-height: 23px;
  font-family: "VM Circular Book", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
}

@media only screen and (min-width: 414px) {
  .article-card-inner .article-card-content .article-card-sub-title {
    margin-top: 8px;
    line-height: 23px;
    font-size: 18px;
    font-size: 1.8rem;
  }
}

@media only screen and (min-width: 480px) {
  .article-card-inner .article-card-content .article-card-sub-title {
    margin-top: 10px;
    line-height: 24px;
    font-size: 20px;
    font-size: 2rem;
  }
}

@media only screen and (min-width: 600px) {
  .article-card-inner .article-card-content .article-card-sub-title {
    margin-top: 12px;
    line-height: 30px;
    font-size: 24px;
    font-size: 2.4rem;
  }
}

@media only screen and (min-width: 700px) {
  .article-card-inner .article-card-content .article-card-sub-title {
    margin-top: 20px;
    line-height: 30px;
    font-size: 28px;
    font-size: 2.8rem;
  }
}

@media only screen and (min-width: 768px) {
  .article-card-inner .article-card-content .article-card-sub-title {
    margin-top: 2px;
    line-height: 23px;
    font-size: 16px;
    font-size: 1.6rem;
  }
}

@media only screen and (min-width: 992px) {
  .article-card-inner .article-card-content .article-card-sub-title {
    margin-top: 4px;
  }
}

@media only screen and (min-width: 1200px) {
  .article-card-inner .article-card-content .article-card-sub-title {
    margin-top: 6px;
    line-height: 23px;
    font-size: 18px;
    font-size: 1.8rem;
    color: #666;
  }
}

.article-card-inner .article-card-content .article-card-snippet {
  margin-top: 10px;
  text-align: left;
  line-height: 20px;
  font-family: "VM Circular Book", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
}

@media only screen and (min-width: 414px) {
  .article-card-inner .article-card-content .article-card-snippet {
    line-height: 22px;
    font-size: 18px;
    font-size: 1.8rem;
  }
}

@media only screen and (min-width: 480px) {
  .article-card-inner .article-card-content .article-card-snippet {
    line-height: 24px;
    font-size: 20px;
    font-size: 2rem;
  }
}

@media only screen and (min-width: 600px) {
  .article-card-inner .article-card-content .article-card-snippet {
    margin-top: 12px;
    line-height: 30px;
    font-size: 24px;
    font-size: 2.4rem;
  }
}

@media only screen and (min-width: 700px) {
  .article-card-inner .article-card-content .article-card-snippet {
    margin-top: 20px;
    line-height: 36px;
    font-size: 28px;
    font-size: 2.8rem;
  }
}

@media only screen and (min-width: 768px) {
  .article-card-inner .article-card-content .article-card-snippet {
    margin-top: 10px;
    line-height: 20px;
    font-size: 16px;
    font-size: 1.6rem;
  }
}

@media only screen and (min-width: 1200px) {
  .article-card-inner .article-card-content .article-card-snippet {
    margin-top: 16px;
    line-height: 23px;
    font-size: 18px;
    font-size: 1.8rem;
  }
}

.article-card-inner .article-card-image-wrapper .article-card-image {
  position: relative;
  background-color: #ffffff;
  overflow: hidden;
}

.article-card-inner .article-card-image-wrapper .article-card-image .diagonal-cut {
  border-style: solid;
  border-color: #fff transparent transparent transparent;
  width: 0;
  height: 0;
  position: absolute;
  z-index: 1;
}

@media only screen and (max-width: 320px) {
  .article-card-inner .article-card-image-wrapper .article-card-image .diagonal-cut {
    border-width: 30px 236px 0 0;
  }
}

@media only screen and (min-width: 321px) {
  .article-card-inner .article-card-image-wrapper .article-card-image .diagonal-cut {
    border-width: 30px 236px 0 0;
  }
}

@media only screen and (min-width: 375px) {
  .article-card-inner .article-card-image-wrapper .article-card-image .diagonal-cut {
    border-width: 30px 310px 0 0;
  }
}

@media only screen and (min-width: 414px) {
  .article-card-inner .article-card-image-wrapper .article-card-image .diagonal-cut {
    border-width: 33px 342px 0 0;
  }
}

@media only screen and (min-width: 480px) {
  .article-card-inner .article-card-image-wrapper .article-card-image .diagonal-cut {
    border-width: 38px 397px 0 0;
  }
}

@media only screen and (min-width: 600px) {
  .article-card-inner .article-card-image-wrapper .article-card-image .diagonal-cut {
    border-width: 48px 496px 0 0;
  }
}

@media only screen and (min-width: 700px) {
  .article-card-inner .article-card-image-wrapper .article-card-image .diagonal-cut {
    border-width: 56px 579px 0 0;
  }
}

@media only screen and (min-width: 768px) {
  .article-card-inner .article-card-image-wrapper .article-card-image .diagonal-cut {
    border-width: 30px 236px 0 0;
  }
}

@media only screen and (min-width: 992px) {
  .article-card-inner .article-card-image-wrapper .article-card-image .diagonal-cut {
    border-width: 30px 236px 0 0;
  }
}

@media only screen and (min-width: 1200px) {
  .article-card-inner .article-card-image-wrapper .article-card-image .diagonal-cut {
    border-width: 30px 236px 0 0;
  }
}

.article-card-inner .article-card-image-wrapper .article-card-image img {
  max-width: 100%;
  -moz-transition: all 0.8s ease-out;
  -webkit-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
}

.article-card-inner .article-card-image-wrapper .article-card-image:hover img {
  transform: none;
}

@media only screen and (min-width: 992px) {
  .article-card-inner .article-card-image-wrapper .article-card-image:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

.article-card-inner .article-card-image-wrapper .article-card-image .bottom-line {
  height: 6px;
  width: 100%;
  position: absolute;
  bottom: 0;
}

#CQ .paddingLeftDropdown .x-combo-list-inner .x-combo-list-item.group-combo-box--item.group-combo-box--isGrouped {
  padding-left: 2px;
}

.vmp-light {
  font-family: "VM Circular Light", sans-serif;
}

.vmp-light-italic {
  font-family: "VM Circular Light Italic", sans-serif;
}

.vmp-book {
  font-family: "VM Circular Book", sans-serif;
}

.vmp-book-italic {
  font-family: "VM Circular Book Italic", sans-serif;
}

.vmp-medium {
  font-family: "VM Circular Medium", sans-serif;
}

.vmp-medium-italic {
  font-family: "VM Circular Medium Italic", sans-serif;
}

.vmp-bold {
  font-family: "VM Circular Bold", sans-serif;
}

.highlight-preview .highlight-preview-wrapper .highlight-container {
  position: relative;
}

.highlight-preview .highlight-preview-wrapper .highlight-container .nav-wrapper {
  color: #fff;
  position: absolute;
  bottom: 0;
  border-top: 7px solid rgba(0, 0, 0, 0.3);
}

@media only screen and (max-width: 767px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .nav-wrapper {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .nav-wrapper {
    display: block;
    height: 130px;
    max-width: 768px;
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .nav-wrapper {
    display: block;
    height: 167px;
    max-width: 992px;
    width: 100%;
  }
}

@media only screen and (min-width: 1200px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .nav-wrapper {
    display: block;
    height: 200px;
    max-width: 1200px;
    width: 100%;
  }
}

.highlight-preview .highlight-preview-wrapper .highlight-container .nav-wrapper * {
  margin: 0;
}

.highlight-preview .highlight-preview-wrapper .highlight-container .nav-wrapper .navtab-subheading {
  cursor: pointer;
  position: relative;
  font-family: "VM Circular Black", sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  padding: 30px 10px 30px 30px;
  height: 100%;
  width: 33%;
}

.highlight-preview .highlight-preview-wrapper .highlight-container .nav-wrapper .navtab-subheading.active .heading-text {
  position: relative;
}

.highlight-preview .highlight-preview-wrapper .highlight-container .nav-wrapper .navtab-subheading.active .heading-text .vertical-line {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -15px;
  background: #fff;
  width: 3px;
}

@media only screen and (min-width: 768px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .nav-wrapper .navtab-subheading {
    padding: 17px 10px 30px 31px;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 20px;
  }
}

@media only screen and (min-width: 992px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .nav-wrapper .navtab-subheading {
    padding: 20px 10px 30px 35px;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22px;
  }
}

@media only screen and (min-width: 1200px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .nav-wrapper .navtab-subheading {
    padding: 30px 10px 30px 48px;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 27px;
  }
}

.highlight-preview .highlight-preview-wrapper .highlight-container .nav-wrapper .nav-bg {
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAJElEQVQYV2NkwAT/GdHE/jMwMDAiC4IFQIpggnABmCCKAEgQAABOBQUaykC8AAAAAElFTkSuQmCC);
}

.highlight-preview .highlight-preview-wrapper .highlight-container .white-line-diagonal {
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  overflow: hidden;
  background: transparent;
}

@media only screen and (min-width: 1200px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .white-line-diagonal {
    height: 42px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .white-line-diagonal {
    height: 35px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .white-line-diagonal {
    height: 27px;
  }
}

@media only screen and (max-width: 767px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .white-line-diagonal {
    height: 27px;
  }
}

.highlight-preview .highlight-preview-wrapper .highlight-container .white-line-diagonal:before {
  content: '';
  position: absolute;
  left: -1px;
  right: 0;
  top: 21px;
  width: 100%;
  height: 45px;
  background: #fff;
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  transform: rotate(2deg);
}

.highlight-preview .highlight-preview-wrapper .highlight-container .highlight-image {
  display: inline;
  max-height: 100%;
}

@media only screen and (max-width: 767px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .highlight-image {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .highlight-image {
    display: inline;
    width: 100%;
  }
}

@media only screen and (min-width: 1200px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .highlight-image {
    display: inline;
    max-width: 1200px;
  }
}

.highlight-preview .highlight-preview-wrapper .highlight-container .highlight-image-mobile {
  height: 100%;
  width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .highlight-image-mobile {
    display: none;
  }
}

@media only screen and (min-width: 1200px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .highlight-image-mobile {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .highlight-image-mobile {
    display: inline;
  }
}

.highlight-preview .highlight-preview-wrapper .highlight-container .details-container {
  position: absolute;
  color: #fff;
  font-family: "VM Circular Black", sans-serif;
  height: 100%;
  max-width: 749px;
}

.highlight-preview .highlight-preview-wrapper .highlight-container .details-container p {
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container {
    left: 16px;
    right: 16px;
  }
}

@media only screen and (min-width: 768px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container {
    left: 21px;
    width: 100%;
  }
}

@media only screen and (min-width: 992px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container {
    left: 25px;
    width: 100%;
  }
}

@media only screen and (min-width: 1200px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container {
    left: 30px;
    width: 100%;
  }
}

.highlight-preview .highlight-preview-wrapper .highlight-container .details-container .this-week-highlights {
  position: absolute;
  font-family: "VM Circular Black", sans-serif;
  font-size: 13px;
  color: #fff;
  height: 16px;
}

@media only screen and (max-width: 767px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .this-week-highlights {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .this-week-highlights {
    display: block;
    top: 23px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .this-week-highlights {
    display: block;
    top: 23px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .this-week-highlights {
    display: block;
    top: 23px;
  }
}

@media only screen and (min-width: 1200px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .this-week-highlights {
    display: block;
    top: 36px;
  }
}

.highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-heading {
  position: absolute;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-heading {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-heading {
    top: 54px;
  }
}

@media only screen and (min-width: 992px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-heading {
    top: 56px;
  }
}

@media only screen and (min-width: 1200px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-heading {
    top: 59px;
  }
}

.highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-heading {
  position: absolute;
  margin: 0;
  top: 10%;
  width: 100%;
  display: block;
}

@media only screen and (max-width: 767px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-heading {
    display: block;
  }
}

@media only screen and (max-width: 320px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-heading {
    top: 179px;
  }
}

@media only screen and (min-width: 321px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-heading {
    top: 179px;
  }
}

@media only screen and (min-width: 375px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-heading {
    top: 179px;
  }
}

@media only screen and (min-width: 414px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-heading {
    top: 173px;
  }
}

@media only screen and (min-width: 480px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-heading {
    top: 179px;
  }
}

@media only screen and (min-width: 600px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-heading {
    top: 226px;
  }
}

@media only screen and (min-width: 700px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-heading {
    top: 253px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-heading {
    display: none;
  }
}

@media only screen and (min-width: 1200px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-heading {
    display: none;
  }
}

.highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-snippet {
  font-family: "VM Circular Light", sans-serif;
  position: absolute;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-snippet {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-snippet {
    top: 189px;
  }
}

@media only screen and (min-width: 992px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-snippet {
    top: 248px;
  }
}

@media only screen and (min-width: 1200px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-snippet {
    top: 294px;
    max-width: 400px;
  }
}

.highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-snippet {
  font-family: "VM Circular Light", sans-serif;
  position: absolute;
  margin: 0;
  width: 100%;
  display: block;
}

@media only screen and (max-width: 767px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-snippet {
    display: block;
  }
}

@media only screen and (max-width: 320px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-snippet {
    top: 297px;
  }
}

@media only screen and (min-width: 321px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-snippet {
    top: 297px;
  }
}

@media only screen and (min-width: 375px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-snippet {
    top: 297px;
  }
}

@media only screen and (min-width: 414px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-snippet {
    top: 302px;
  }
}

@media only screen and (min-width: 480px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-snippet {
    top: 335px;
  }
}

@media only screen and (min-width: 600px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-snippet {
    top: 428px;
  }
}

@media only screen and (min-width: 700px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-snippet {
    top: 480px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-snippet {
    display: none;
  }
}

@media only screen and (min-width: 1200px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-snippet {
    display: none;
  }
}

.highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-feature-cta {
  position: absolute;
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-feature-cta {
    width: 100%;
  }
}

@media only screen and (min-width: 321px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-feature-cta {
    top: 380px;
  }
}

@media only screen and (max-width: 320px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-feature-cta {
    top: 380px;
  }
}

@media only screen and (min-width: 375px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-feature-cta {
    top: 443px;
  }
}

@media only screen and (min-width: 414px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-feature-cta {
    top: 494px;
  }
}

@media only screen and (min-width: 480px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-feature-cta {
    top: 554px;
  }
}

@media only screen and (min-width: 600px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-feature-cta {
    top: 693px;
  }
}

@media only screen and (min-width: 700px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-feature-cta {
    top: 809px;
  }
}

@media only screen and (min-width: 768px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-feature-cta {
    top: 246px;
  }
}

@media only screen and (min-width: 992px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-feature-cta {
    top: 319px;
  }
}

@media only screen and (min-width: 1200px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-feature-cta {
    top: 389px;
  }
}

.highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-feature-cta .vmp-cta {
  padding: 12px 27px;
  line-height: 22px;
  font-family: "VM Circular Book", sans-serif;
  outline: none;
}

@media only screen and (max-width: 767px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-feature-cta .vmp-cta {
    width: 100%;
  }
}

@media only screen and (max-width: 320px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-feature-cta .vmp-cta {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 22px;
    padding: 8px 27px;
    border-radius: 19px;
  }
}

@media only screen and (min-width: 321px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-feature-cta .vmp-cta {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 22px;
    padding: 8px 27px;
    border-radius: 19px;
  }
}

@media only screen and (min-width: 375px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-feature-cta .vmp-cta {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 22px;
    padding: 8px 27px;
    border-radius: 19px;
  }
}

@media only screen and (min-width: 414px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-feature-cta .vmp-cta {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 23px;
    padding: 10px 27px;
    border-radius: 100px;
  }
}

@media only screen and (min-width: 480px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-feature-cta .vmp-cta {
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 27px;
    padding: 12px 27px 11px;
    border-radius: 100px;
  }
}

@media only screen and (min-width: 600px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-feature-cta .vmp-cta {
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 33px;
    padding: 15px 27px;
    border-radius: 125px;
  }
}

@media only screen and (min-width: 700px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-feature-cta .vmp-cta {
    font-size: 30px;
    font-size: 3rem;
    line-height: 38px;
    padding: 18px 27px;
    border-radius: 100px;
  }
}

@media only screen and (min-width: 768px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-feature-cta .vmp-cta {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 22px;
    padding: 8px 27px;
    border-radius: 19px;
  }
}

@media only screen and (min-width: 992px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-feature-cta .vmp-cta {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 22px;
    padding: 12px 27px;
    border-radius: 23px;
  }
}

@media only screen and (min-width: 1200px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-feature-cta .vmp-cta {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 22px;
    padding: 12px 27px;
    border-radius: 23px;
  }
}

.highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-feature-cta .vmp-cta:link, .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-feature-cta .vmp-cta:visited, .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-feature-cta .vmp-cta:hover, .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-feature-cta .vmp-cta.active {
  text-decoration: none;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-heading.highlight-font-size-xxs {
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 34px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-heading.highlight-font-size-xxs {
    font-size: 44px;
    font-size: 4.4rem;
    line-height: 44px;
  }
}

@media only screen and (min-width: 1200px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-heading.highlight-font-size-xxs {
    font-size: 53px;
    font-size: 5.3rem;
    line-height: 53px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-heading.highlight-font-size-xs {
    font-size: 40px;
    font-size: 4rem;
    line-height: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-heading.highlight-font-size-xs {
    font-size: 52px;
    font-size: 5.2rem;
    line-height: 52px;
  }
}

@media only screen and (min-width: 1200px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-heading.highlight-font-size-xs {
    font-size: 63px;
    font-size: 6.3rem;
    line-height: 63px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-heading.highlight-font-size-s {
    font-size: 46px;
    font-size: 4.6rem;
    line-height: 46px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-heading.highlight-font-size-s {
    font-size: 60px;
    font-size: 6rem;
    line-height: 60px;
  }
}

@media only screen and (min-width: 1200px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-heading.highlight-font-size-s {
    font-size: 72px;
    font-size: 7.2rem;
    line-height: 72px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-heading.highlight-font-size-m {
    font-size: 52px;
    font-size: 5.2rem;
    line-height: 52px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-heading.highlight-font-size-m {
    font-size: 68px;
    font-size: 6.8rem;
    line-height: 68px;
  }
}

@media only screen and (min-width: 1200px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-heading.highlight-font-size-m {
    font-size: 108px;
    font-size: 10.8rem;
    line-height: 108px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-heading.highlight-font-size-l {
    font-size: 58px;
    font-size: 5.8rem;
    line-height: 58px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-heading.highlight-font-size-l {
    font-size: 75px;
    font-size: 7.5rem;
    line-height: 75px;
  }
}

@media only screen and (min-width: 1200px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-heading.highlight-font-size-l {
    font-size: 91px;
    font-size: 9.1rem;
    line-height: 91px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-heading.highlight-font-size-xl {
    font-size: 64px;
    font-size: 6.4rem;
    line-height: 64px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-heading.highlight-font-size-xl {
    font-size: 83px;
    font-size: 8.3rem;
    line-height: 83px;
  }
}

@media only screen and (min-width: 1200px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-heading.highlight-font-size-xl {
    font-size: 101px;
    font-size: 10.1rem;
    line-height: 101px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-heading.highlight-font-size-xxl {
    font-size: 70px;
    font-size: 7rem;
    line-height: 70px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-heading.highlight-font-size-xxl {
    font-size: 91px;
    font-size: 9.1rem;
    line-height: 91px;
  }
}

@media only screen and (min-width: 1200px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-heading.highlight-font-size-xxl {
    font-size: 110px;
    font-size: 11rem;
    line-height: 110px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-snippet.highlight-font-size-s {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 14px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-snippet.highlight-font-size-s {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 18px;
  }
}

@media only screen and (min-width: 1200px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-snippet.highlight-font-size-s {
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 21px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-snippet.highlight-font-size-m {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-snippet.highlight-font-size-m {
    font-size: 19px;
    font-size: 1.9rem;
    line-height: 19px;
  }
}

@media only screen and (min-width: 1200px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-snippet.highlight-font-size-m {
    font-size: 23px;
    font-size: 2.3rem;
    line-height: 29px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-snippet.highlight-font-size-l {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 16px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-snippet.highlight-font-size-l {
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 21px;
  }
}

@media only screen and (min-width: 1200px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .highlight-snippet.highlight-font-size-l {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 24px;
  }
}

@media only screen and (max-width: 320px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-heading.highlight-font-size-xs {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 28px;
  }
}

@media only screen and (min-width: 321px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-heading.highlight-font-size-xs {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 28px;
  }
}

@media only screen and (min-width: 375px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-heading.highlight-font-size-xs {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 28px;
  }
}

@media only screen and (min-width: 414px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-heading.highlight-font-size-xs {
    font-size: 31px;
    font-size: 3.1rem;
    line-height: 31px;
  }
}

@media only screen and (min-width: 480px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-heading.highlight-font-size-xs {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 36px;
  }
}

@media only screen and (min-width: 600px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-heading.highlight-font-size-xs {
    font-size: 45px;
    font-size: 4.5rem;
    line-height: 45px;
  }
}

@media only screen and (min-width: 700px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-heading.highlight-font-size-xs {
    font-size: 53px;
    font-size: 5.3rem;
    line-height: 53px;
  }
}

@media only screen and (max-width: 320px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-heading.highlight-font-size-s {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 32px;
  }
}

@media only screen and (min-width: 321px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-heading.highlight-font-size-s {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 32px;
  }
}

@media only screen and (min-width: 375px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-heading.highlight-font-size-s {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 32px;
  }
}

@media only screen and (min-width: 414px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-heading.highlight-font-size-s {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 36px;
  }
}

@media only screen and (min-width: 480px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-heading.highlight-font-size-s {
    font-size: 41px;
    font-size: 4.1rem;
    line-height: 41px;
  }
}

@media only screen and (min-width: 600px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-heading.highlight-font-size-s {
    font-size: 52px;
    font-size: 5.2rem;
    line-height: 52px;
  }
}

@media only screen and (min-width: 700px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-heading.highlight-font-size-s {
    font-size: 60px;
    font-size: 6rem;
    line-height: 60px;
  }
}

@media only screen and (max-width: 320px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-heading.highlight-font-size-m {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 36px;
  }
}

@media only screen and (min-width: 321px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-heading.highlight-font-size-m {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 36px;
  }
}

@media only screen and (min-width: 375px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-heading.highlight-font-size-m {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 36px;
  }
}

@media only screen and (min-width: 414px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-heading.highlight-font-size-m {
    font-size: 40px;
    font-size: 4rem;
    line-height: 40px;
  }
}

@media only screen and (min-width: 480px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-heading.highlight-font-size-m {
    font-size: 47px;
    font-size: 4.7rem;
    line-height: 47px;
  }
}

@media only screen and (min-width: 600px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-heading.highlight-font-size-m {
    font-size: 58px;
    font-size: 5.8rem;
    line-height: 58px;
  }
}

@media only screen and (min-width: 700px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-heading.highlight-font-size-m {
    font-size: 68px;
    font-size: 6.8rem;
    line-height: 68px;
  }
}

@media only screen and (max-width: 320px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-heading.highlight-font-size-l {
    font-size: 40px;
    font-size: 4rem;
    line-height: 40px;
  }
}

@media only screen and (min-width: 321px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-heading.highlight-font-size-l {
    font-size: 40px;
    font-size: 4rem;
    line-height: 40px;
  }
}

@media only screen and (min-width: 375px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-heading.highlight-font-size-l {
    font-size: 40px;
    font-size: 4rem;
    line-height: 40px;
  }
}

@media only screen and (min-width: 414px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-heading.highlight-font-size-l {
    font-size: 45px;
    font-size: 4.5rem;
    line-height: 45px;
  }
}

@media only screen and (min-width: 480px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-heading.highlight-font-size-l {
    font-size: 52px;
    font-size: 5.2rem;
    line-height: 52px;
  }
}

@media only screen and (min-width: 600px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-heading.highlight-font-size-l {
    font-size: 65px;
    font-size: 6.5rem;
    line-height: 65px;
  }
}

@media only screen and (min-width: 700px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-heading.highlight-font-size-l {
    font-size: 75px;
    font-size: 7.5rem;
    line-height: 75px;
  }
}

@media only screen and (max-width: 320px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-heading.highlight-font-size-xl {
    font-size: 44px;
    font-size: 4.4rem;
    line-height: 44px;
  }
}

@media only screen and (min-width: 321px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-heading.highlight-font-size-xl {
    font-size: 44px;
    font-size: 4.4rem;
    line-height: 44px;
  }
}

@media only screen and (min-width: 375px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-heading.highlight-font-size-xl {
    font-size: 44px;
    font-size: 4.4rem;
    line-height: 44px;
  }
}

@media only screen and (min-width: 414px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-heading.highlight-font-size-xl {
    font-size: 49px;
    font-size: 4.9rem;
    line-height: 49px;
  }
}

@media only screen and (min-width: 480px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-heading.highlight-font-size-xl {
    font-size: 57px;
    font-size: 5.7rem;
    line-height: 57px;
  }
}

@media only screen and (min-width: 600px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-heading.highlight-font-size-xl {
    font-size: 71px;
    font-size: 7.1rem;
    line-height: 71px;
  }
}

@media only screen and (min-width: 700px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-heading.highlight-font-size-xl {
    font-size: 83px;
    font-size: 8.3rem;
    line-height: 83px;
  }
}

@media only screen and (max-width: 320px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-snippet.highlight-font-size-xs {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 18px;
  }
}

@media only screen and (min-width: 321px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-snippet.highlight-font-size-xs {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 18px;
  }
}

@media only screen and (min-width: 375px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-snippet.highlight-font-size-xs {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 18px;
  }
}

@media only screen and (min-width: 414px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-snippet.highlight-font-size-xs {
    font-size: 20px;
    font-size: 2rem;
    line-height: 20px;
  }
}

@media only screen and (min-width: 480px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-snippet.highlight-font-size-xs {
    font-size: 23px;
    font-size: 2.3rem;
    line-height: 23px;
  }
}

@media only screen and (min-width: 600px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-snippet.highlight-font-size-xs {
    font-size: 29px;
    font-size: 2.9rem;
    line-height: 29px;
  }
}

@media only screen and (min-width: 700px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-snippet.highlight-font-size-xs {
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 34px;
  }
}

@media only screen and (max-width: 320px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-snippet.highlight-font-size-s {
    font-size: 23px;
    font-size: 2.3rem;
    line-height: 23px;
  }
}

@media only screen and (min-width: 321px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-snippet.highlight-font-size-s {
    font-size: 23px;
    font-size: 2.3rem;
    line-height: 23px;
  }
}

@media only screen and (min-width: 375px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-snippet.highlight-font-size-s {
    font-size: 23px;
    font-size: 2.3rem;
    line-height: 23px;
  }
}

@media only screen and (min-width: 414px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-snippet.highlight-font-size-s {
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 26px;
  }
}

@media only screen and (min-width: 480px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-snippet.highlight-font-size-s {
    font-size: 30px;
    font-size: 3rem;
    line-height: 30px;
  }
}

@media only screen and (min-width: 600px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-snippet.highlight-font-size-s {
    font-size: 37px;
    font-size: 3.7rem;
    line-height: 37px;
  }
}

@media only screen and (min-width: 700px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-snippet.highlight-font-size-s {
    font-size: 43px;
    font-size: 4.3rem;
    line-height: 43px;
  }
}

@media only screen and (max-width: 320px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-snippet.highlight-font-size-m {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 28px;
  }
}

@media only screen and (min-width: 321px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-snippet.highlight-font-size-m {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 28px;
  }
}

@media only screen and (min-width: 375px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-snippet.highlight-font-size-m {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 28px;
  }
}

@media only screen and (min-width: 414px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-snippet.highlight-font-size-m {
    font-size: 31px;
    font-size: 3.1rem;
    line-height: 31px;
  }
}

@media only screen and (min-width: 480px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-snippet.highlight-font-size-m {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 36px;
  }
}

@media only screen and (min-width: 600px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-snippet.highlight-font-size-m {
    font-size: 45px;
    font-size: 4.5rem;
    line-height: 45px;
  }
}

@media only screen and (min-width: 700px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-snippet.highlight-font-size-m {
    font-size: 53px;
    font-size: 5.3rem;
    line-height: 53px;
  }
}

@media only screen and (max-width: 320px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-snippet.highlight-font-size-l {
    font-size: 33px;
    font-size: 3.3rem;
    line-height: 33px;
  }
}

@media only screen and (min-width: 321px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-snippet.highlight-font-size-l {
    font-size: 33px;
    font-size: 3.3rem;
    line-height: 33px;
  }
}

@media only screen and (min-width: 375px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-snippet.highlight-font-size-l {
    font-size: 33px;
    font-size: 3.3rem;
    line-height: 33px;
  }
}

@media only screen and (min-width: 414px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-snippet.highlight-font-size-l {
    font-size: 37px;
    font-size: 3.7rem;
    line-height: 37px;
  }
}

@media only screen and (min-width: 480px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-snippet.highlight-font-size-l {
    font-size: 43px;
    font-size: 4.3rem;
    line-height: 43px;
  }
}

@media only screen and (min-width: 600px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-snippet.highlight-font-size-l {
    font-size: 53px;
    font-size: 5.3rem;
    line-height: 53px;
  }
}

@media only screen and (min-width: 700px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-snippet.highlight-font-size-l {
    font-size: 62px;
    font-size: 6.2rem;
    line-height: 62px;
  }
}

@media only screen and (max-width: 320px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-snippet.highlight-font-size-xl {
    font-size: 38px;
    font-size: 3.8rem;
    line-height: 38px;
  }
}

@media only screen and (min-width: 321px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-snippet.highlight-font-size-xl {
    font-size: 38px;
    font-size: 3.8rem;
    line-height: 38px;
  }
}

@media only screen and (min-width: 375px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-snippet.highlight-font-size-xl {
    font-size: 38px;
    font-size: 3.8rem;
    line-height: 38px;
  }
}

@media only screen and (min-width: 414px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-snippet.highlight-font-size-xl {
    font-size: 42px;
    font-size: 4.2rem;
    line-height: 42px;
  }
}

@media only screen and (min-width: 480px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-snippet.highlight-font-size-xl {
    font-size: 49px;
    font-size: 4.9rem;
    line-height: 49px;
  }
}

@media only screen and (min-width: 600px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-snippet.highlight-font-size-xl {
    font-size: 61px;
    font-size: 6.1rem;
    line-height: 61px;
  }
}

@media only screen and (min-width: 700px) {
  .highlight-preview .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-snippet.highlight-font-size-xl {
    font-size: 72px;
    font-size: 7.2rem;
    line-height: 72px;
  }
}

.highlight-preview-mobile .highlight-preview-wrapper .highlight-container {
  position: relative;
  width: 320px;
  height: 485px;
}

.highlight-preview-mobile .highlight-preview-wrapper .highlight-container .white-line-diagonal {
  position: absolute;
  display: block;
  height: 27px;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  overflow: hidden;
  background: transparent;
}

.highlight-preview-mobile .highlight-preview-wrapper .highlight-container .white-line-diagonal:before {
  content: '';
  position: absolute;
  left: -1px;
  right: 0;
  top: 21px;
  width: 100%;
  height: 45px;
  background: #fff;
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  transform: rotate(2deg);
}

.highlight-preview-mobile .highlight-preview-wrapper .highlight-container .highlight-image-mobile {
  max-width: 100%;
  max-height: 100%;
}

.highlight-preview-mobile .highlight-preview-wrapper .highlight-container .details-container {
  position: absolute;
  color: #fff;
  font-family: "VM Circular Black", sans-serif;
  left: 16px;
  right: 16px;
  max-width: 320px;
  height: 100%;
}

.highlight-preview-mobile .highlight-preview-wrapper .highlight-container .details-container p {
  margin: 0;
}

.highlight-preview-mobile .highlight-preview-wrapper .highlight-container .details-container .highlight-feature-cta {
  position: absolute;
  top: 380px;
  width: 100%;
}

.highlight-preview-mobile .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-heading {
  display: block;
  position: absolute;
  top: 179px;
  width: 100%;
}

.highlight-preview-mobile .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-snippet {
  font-family: "VM Circular Light", sans-serif;
  margin: 0;
  display: block;
  position: absolute;
  top: 297px;
  width: 100%;
}

.highlight-preview-mobile .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-heading.highlight-font-size-xl {
  font-size: 44px;
  font-size: 4.4rem;
  line-height: 44px;
}

.highlight-preview-mobile .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-heading.highlight-font-size-l {
  font-size: 40px;
  font-size: 4rem;
  line-height: 40px;
}

.highlight-preview-mobile .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-heading.highlight-font-size-m {
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 36px;
}

.highlight-preview-mobile .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-heading.highlight-font-size-s {
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 32px;
}

.highlight-preview-mobile .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-heading.highlight-font-size-xs {
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 28px;
}

.highlight-preview-mobile .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-snippet.highlight-font-size-xl {
  font-size: 38px;
  font-size: 3.8rem;
  line-height: 38px;
}

.highlight-preview-mobile .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-snippet.highlight-font-size-l {
  font-size: 33px;
  font-size: 3.3rem;
  line-height: 33px;
}

.highlight-preview-mobile .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-snippet.highlight-font-size-m {
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 28px;
}

.highlight-preview-mobile .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-snippet.highlight-font-size-s {
  font-size: 23px;
  font-size: 2.3rem;
  line-height: 23px;
}

.highlight-preview-mobile .highlight-preview-wrapper .highlight-container .details-container .mobile-highlight-snippet.highlight-font-size-xs {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 18px;
}

.highlights-wrapper {
  position: relative;
  margin: 0 auto;
}

.highlights-wrapper.container-fluid {
  padding: 0;
}

.highlights-wrapper .active-nav {
  max-height: 200px;
  height: 100%;
  position: absolute;
  bottom: 0;
  width: 33.33%;
}

.highlights-wrapper .top-nav-wrapper {
  position: absolute;
  top: 0;
  text-align: center;
  width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .highlights-wrapper .top-nav-wrapper {
    display: none;
  }
}

@media only screen and (min-width: 1200px) {
  .highlights-wrapper .top-nav-wrapper {
    display: none;
  }
}

.highlights-wrapper .top-nav-wrapper .top-navtab {
  display: inline-block;
  background-color: #ffffff;
  opacity: 0.6;
  filter: alpha(opacity=60);
  padding: 0 3px;
  top: 11px;
  height: 6px;
  width: 62px;
}

.highlights-wrapper .top-nav-wrapper .top-navtab.active {
  opacity: 1;
  filter: alpha(opacity=100);
}

@media only screen and (max-width: 320px) {
  .highlights-wrapper .top-nav-wrapper .top-navtab {
    padding: 0 1px;
    top: 7px;
    height: 2px;
    width: 28px;
  }
}

@media only screen and (min-width: 321px) {
  .highlights-wrapper .top-nav-wrapper .top-navtab {
    padding: 0 1px;
    top: 7px;
    height: 2px;
    width: 28px;
  }
}

@media only screen and (min-width: 375px) {
  .highlights-wrapper .top-nav-wrapper .top-navtab {
    padding: 0 2px;
    top: 7px;
    height: 3px;
    width: 32px;
  }
}

@media only screen and (min-width: 414px) {
  .highlights-wrapper .top-nav-wrapper .top-navtab {
    padding: 0 2px;
    top: 7px;
    height: 3px;
    width: 32px;
  }
}

@media only screen and (min-width: 480px) {
  .highlights-wrapper .top-nav-wrapper .top-navtab {
    padding: 0 2px;
    top: 7px;
    height: 4px;
    width: 43px;
  }
}

@media only screen and (min-width: 600px) {
  .highlights-wrapper .top-nav-wrapper .top-navtab {
    padding: 0 3px;
    top: 9px;
    height: 5px;
    width: 53px;
  }
}

@media only screen and (min-width: 700px) {
  .highlights-wrapper .top-nav-wrapper .top-navtab {
    padding: 0 3px;
    top: 11px;
    height: 6px;
    width: 62px;
  }
}

.highlights-wrapper .highlights {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
}

.highlights-wrapper .highlights .this-week-highlights {
  position: absolute;
  font-family: "VM Circular Black";
  font-size: 13px;
  color: #fff;
  height: 16px;
  top: 36px;
  left: 30px;
  z-index: 1;
}

.highlights-wrapper .highlights .is-animating {
  transition: transform 400ms cubic-bezier(0.5, 0, 0.5, 1);
}

.highlights-wrapper .highlights .highlights-slides-wrapper {
  display: flex;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none;
}

.highlights-wrapper .highlights .highlights-slides-wrapper .highlight-slides {
  width: 100%;
  left: 0;
  top: 0;
  position: relative;
  visibility: visible;
  display: inherit !important;
  opacity: 1;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=1);
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none;
}

.highlights-wrapper .highlights .highlights-slides-wrapper .highlight-slides .highlight-container {
  -ms-user-select: none;
}

.highlights-wrapper .highlights .highlights-slides-wrapper .highlight-slides.active-highlight {
  transition: all 0.2s ease-in-out;
}

.highlights-wrapper .highlights .highlights-slides-wrapper .highlight-slides.hidden {
  position: absolute;
  display: inherit !important;
  opacity: 0;
  -webkit-transition: visibility 0s 1s, opacity 1s ease-in-out;
  -moz-transition: visibility 0s 1s, opacity 1s ease-in-out;
  -o-transition: visibility 0s 1s, opacity 1s ease-in-out;
  transition: visibility 0s 1s, opacity 1s ease-in-out;
}

.highlights-wrapper .highlights .highlights-slides-wrapper .highlight-slides img {
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none;
}

.highlights-wrapper .nav-wrapper {
  max-height: 200px;
  height: 29.63%;
  width: 100%;
  color: #fff;
  position: absolute;
  bottom: 0;
  border-top: 7px solid rgba(0, 0, 0, 0.3);
}

.highlights-wrapper .nav-wrapper * {
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .highlights-wrapper .nav-wrapper {
    border: none;
    pointer-events: none;
  }
}

@media only screen and (min-width: 1200px) {
  .highlights-wrapper .nav-wrapper {
    max-width: 1200px;
  }
}

.highlights-wrapper .nav-wrapper .active-slide-indicator {
  background: rgba(229, 38, 200, 0.3);
  left: 0;
}

.highlights-wrapper .nav-wrapper .active-nav {
  max-height: 200px;
  height: 100%;
  position: absolute;
  bottom: 0;
}

.highlights-wrapper .nav-wrapper .navtab-subheading {
  cursor: pointer;
  position: relative;
  font-family: "VM Circular Black", sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  padding: 30px 10px 30px 30px;
  height: 100%;
  width: 33%;
  display: inline-block;
}

.highlights-wrapper .nav-wrapper .navtab-subheading .heading-text {
  pointer-events: none;
  position: relative;
}

.highlights-wrapper .nav-wrapper .navtab-subheading .heading-text .vertical-line {
  background-color: #fff;
  height: 100%;
  width: 3px;
  display: inline-block;
  position: absolute;
}

@media only screen and (min-width: 768px) {
  .highlights-wrapper .nav-wrapper .navtab-subheading .heading-text .vertical-line {
    left: -7px;
  }
}

@media only screen and (min-width: 992px) {
  .highlights-wrapper .nav-wrapper .navtab-subheading .heading-text .vertical-line {
    left: -7px;
  }
}

@media only screen and (min-width: 1200px) {
  .highlights-wrapper .nav-wrapper .navtab-subheading .heading-text .vertical-line {
    left: -12px;
  }
}

@media only screen and (min-width: 768px) {
  .highlights-wrapper .nav-wrapper .navtab-subheading {
    padding: 17px 10px 30px 31px;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 20px;
  }
}

@media only screen and (min-width: 992px) {
  .highlights-wrapper .nav-wrapper .navtab-subheading {
    padding: 20px 10px 30px 35px;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22px;
  }
}

@media only screen and (min-width: 1200px) {
  .highlights-wrapper .nav-wrapper .navtab-subheading {
    padding: 30px 10px 30px 48px;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 27px;
  }
}

.highlights-wrapper .nav-wrapper .nav-bg {
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAJElEQVQYV2NkwAT/GdHE/jMwMDAiC4IFQIpggnABmCCKAEgQAABOBQUaykC8AAAAAElFTkSuQmCC);
}

@media only screen and (max-width: 767px) {
  .highlights-wrapper .nav-wrapper .nav-bg {
    visibility: hidden;
  }
}

.highlights-wrapper .anchor-down {
  position: relative;
  background-image: url("commons/components/img/vmpresents/anchor_down.png");
  background-size: contain;
  margin: 0 auto;
  bottom: 82px;
}

@media only screen and (max-width: 320px) {
  .highlights-wrapper .anchor-down {
    width: 28px;
    height: 28px;
    bottom: 62px;
  }
}

@media only screen and (min-width: 321px) {
  .highlights-wrapper .anchor-down {
    width: 28px;
    height: 28px;
    bottom: 62px;
  }
}

@media only screen and (min-width: 375px) {
  .highlights-wrapper .anchor-down {
    width: 28px;
    height: 28px;
    bottom: 70px;
  }
}

@media only screen and (min-width: 414px) {
  .highlights-wrapper .anchor-down {
    width: 34px;
    height: 34px;
    bottom: 79px;
  }
}

@media only screen and (min-width: 480px) {
  .highlights-wrapper .anchor-down {
    width: 42px;
    height: 42px;
    bottom: 103px;
  }
}

@media only screen and (min-width: 600px) {
  .highlights-wrapper .anchor-down {
    width: 53px;
    height: 53px;
    bottom: 129px;
  }
}

@media only screen and (min-width: 700px) {
  .highlights-wrapper .anchor-down {
    width: 62px;
    height: 62px;
    bottom: 151px;
  }
}

.highlights-wrapper .white-line-diagonal {
  position: absolute;
  display: block;
  height: 42px;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  overflow: hidden;
  background: transparent;
}

.highlights-wrapper .white-line-diagonal:before {
  content: '';
  position: absolute;
  left: -1px;
  right: 0;
  top: 21px;
  width: 100%;
  height: 45px;
  background: #fff;
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  transform: rotate(2deg);
}

@media only screen and (min-width: 768px) {
  .highlights-wrapper .white-line-diagonal {
    height: 35px;
  }
}

@media only screen and (min-width: 992px) {
  .highlights-wrapper .white-line-diagonal {
    height: 42px;
  }
}

.highlight-preview-title {
  color: #000;
}

.article-action-box .article-box-container {
  min-height: 260px;
  width: 100%;
  margin: 0 auto;
  background-color: #2A1D2A;
  color: #fff;
  padding-top: 15px;
}

@media only screen and (max-width: 320px) {
  .article-action-box .article-box-container {
    width: 100%;
    min-height: 400px;
  }
}

.article-action-box .article-box-container .article-box-wrapper .vmp-cta {
  color: #1e1e1e;
  padding: 10px 30px;
  text-decoration: none;
  font-size: 18px;
  font-size: 1.8rem;
  height: 40px;
  outline: none;
}

.article-action-box .article-box-container .article-box-wrapper .cta-container {
  text-align: center;
}

.article-action-box .article-box-container .article-box-wrapper .cta-container .vmp-cta {
  display: inline-block;
  outline: none;
}

.article-action-box .article-box-container .article-box-wrapper .cta-container .vmp-cta.single {
  width: 224px;
}

.article-action-box .article-box-container .article-box-wrapper .cta-container .vmp-cta.dual {
  width: 140px;
}

@media only screen and (max-width: 320px) {
  .article-action-box .article-box-container .article-box-wrapper .cta-container .vmp-cta.single, .article-action-box .article-box-container .article-box-wrapper .cta-container .vmp-cta.dual {
    width: 224px;
  }
}

.article-action-box .article-box-container .article-box-wrapper .top-section {
  margin: 0 0 25px 15px;
}

.article-action-box .article-box-container .article-box-wrapper .top-section .article-title {
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
}

@media only screen and (max-width: 320px) {
  .article-action-box .article-box-container .article-box-wrapper .top-section {
    margin: 0 0 50px 15px;
  }
}

.article-action-box .article-box-container .article-box-wrapper .middle-section {
  overflow: hidden;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.article-action-box .article-box-container .article-box-wrapper .middle-section > div {
  float: left;
}

.article-action-box .article-box-container .article-box-wrapper .middle-section .cta-separator {
  height: 75px;
  margin: 0 7%;
  border-left: 2px solid #ffffff;
}

.article-action-box .article-box-container .article-box-wrapper .middle-section .broadcast-details {
  white-space: nowrap;
  line-height: 16px;
  margin-bottom: 10px;
}

.article-action-box .article-box-container .article-box-wrapper .middle-section .broadcast-details .empty {
  display: none;
}

.article-action-box .article-box-container .article-box-wrapper .middle-section .broadcast-details .day-hour {
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem;
}

.article-action-box .article-box-container .article-box-wrapper .middle-section .single .broadcast-details {
  text-align: center;
}

@media only screen and (max-width: 320px) {
  .article-action-box .article-box-container .article-box-wrapper .middle-section {
    display: block;
    min-height: 40px;
  }
  .article-action-box .article-box-container .article-box-wrapper .middle-section > div {
    float: none;
  }
  .article-action-box .article-box-container .article-box-wrapper .middle-section .cta-separator {
    display: none;
  }
  .article-action-box .article-box-container .article-box-wrapper .middle-section .record-details {
    margin-bottom: 35px;
  }
  .article-action-box .article-box-container .article-box-wrapper .middle-section .record-details.single {
    margin-bottom: 90px;
  }
}

.article-action-box .article-box-container .article-box-wrapper .bottom-section {
  clear: both;
  margin: 30px 0 0 0;
  padding-bottom: 20px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

@media only screen and (max-width: 320px) {
  .article-action-box .article-box-container .article-box-wrapper .bottom-section {
    margin: 50px 0 20px;
  }
}

.article-action-box .article-box-container .article-box-wrapper .bottom-section .get-tv-details {
  width: 224px;
}

.article-action-box .article-box-container .article-box-wrapper .bottom-section .get-tv-details .vmp-cta {
  color: #fff;
  background: #ff0000;
  outline: none;
}

@media only screen and (max-width: 320px) {
  .article-action-box .article-box-container .article-box-wrapper .bottom-section .get-tv-details .vmp-cta {
    width: 224px;
    display: inline-block;
  }
}

.rainbow {
  max-width: 1200px;
  margin: 0 auto;
}

.rainbow .rainbow-item {
  background-repeat: no-repeat;
  background-position: right 171px top;
  background-size: contain;
}

@media only screen and (max-width: 320px) {
  .rainbow .rainbow-item {
    background-position: right -64px top;
  }
}

@media only screen and (min-width: 321px) {
  .rainbow .rainbow-item {
    background-position: right -64px top;
  }
}

@media only screen and (min-width: 375px) {
  .rainbow .rainbow-item {
    background-position: right -76px top;
  }
}

@media only screen and (min-width: 414px) {
  .rainbow .rainbow-item {
    background-position: right -84px top;
  }
}

@media only screen and (min-width: 480px) {
  .rainbow .rainbow-item {
    background-position: right -95px top;
  }
}

@media only screen and (min-width: 600px) {
  .rainbow .rainbow-item {
    background-position: right -119px top;
  }
}

@media only screen and (min-width: 700px) {
  .rainbow .rainbow-item {
    background-position: right -143px top;
  }
}

@media only screen and (min-width: 768px) {
  .rainbow .rainbow-item {
    background-position: right 109px top;
  }
}

@media only screen and (min-width: 992px) {
  .rainbow .rainbow-item {
    background-position: right 141px top;
  }
}

@media only screen and (min-width: 1200px) {
  .rainbow .rainbow-item {
    background-position: right 171px top;
  }
}

.rainbow .rainbow-item a, .rainbow .rainbow-item .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .rainbow .rainbow-item span {
  font-family: "VM Circular Black", sans-serif;
  font-size: 23px;
  font-size: 2.3rem;
  line-height: 1;
  padding-top: 34px;
  padding-bottom: 34px;
  display: block;
  color: #ffffff;
  text-align: center;
}

.rainbow .rainbow-item a:hover, .rainbow .rainbow-item .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:hover, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .rainbow .rainbow-item span:hover, .rainbow .rainbow-item a:focus, .rainbow .rainbow-item .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:focus, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .rainbow .rainbow-item span:focus {
  outline: none;
  text-decoration: underline;
}

.rainbow .rainbow-item a:hover span, .rainbow .rainbow-item .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:hover span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .rainbow .rainbow-item span:hover span, .rainbow .rainbow-item a:focus span, .rainbow .rainbow-item .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:focus span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .rainbow .rainbow-item span:focus span {
  outline: none;
  text-decoration: underline;
}

@media only screen and (max-width: 320px) {
  .rainbow .rainbow-item a, .rainbow .rainbow-item .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .rainbow .rainbow-item span {
    font-size: 23px;
    font-size: 2.3rem;
    padding-top: 29px;
    padding-bottom: 28px;
  }
}

@media only screen and (min-width: 321px) {
  .rainbow .rainbow-item a, .rainbow .rainbow-item .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .rainbow .rainbow-item span {
    font-size: 23px;
    font-size: 2.3rem;
    padding-top: 29px;
    padding-bottom: 28px;
  }
}

@media only screen and (min-width: 375px) {
  .rainbow .rainbow-item a, .rainbow .rainbow-item .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .rainbow .rainbow-item span {
    font-size: 23px;
    font-size: 2.3rem;
    padding-top: 36px;
    padding-bottom: 35px;
  }
}

@media only screen and (min-width: 414px) {
  .rainbow .rainbow-item a, .rainbow .rainbow-item .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .rainbow .rainbow-item span {
    font-size: 25px;
    font-size: 2.5rem;
    padding-top: 39px;
    padding-bottom: 39px;
  }
}

@media only screen and (min-width: 480px) {
  .rainbow .rainbow-item a, .rainbow .rainbow-item .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .rainbow .rainbow-item span {
    font-size: 29px;
    font-size: 2.9rem;
    padding-top: 45px;
    padding-bottom: 45px;
  }
}

@media only screen and (min-width: 600px) {
  .rainbow .rainbow-item a, .rainbow .rainbow-item .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .rainbow .rainbow-item span {
    font-size: 36px;
    font-size: 3.6rem;
    padding-top: 57px;
    padding-bottom: 56px;
  }
}

@media only screen and (min-width: 700px) {
  .rainbow .rainbow-item a, .rainbow .rainbow-item .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .rainbow .rainbow-item span {
    font-size: 42px;
    font-size: 4.2rem;
    padding-top: 66px;
    padding-bottom: 66px;
  }
}

@media only screen and (min-width: 768px) {
  .rainbow .rainbow-item a, .rainbow .rainbow-item .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .rainbow .rainbow-item span {
    font-size: 15px;
    font-size: 1.5rem;
    padding-top: 22px;
    padding-bottom: 21px;
  }
}

@media only screen and (min-width: 992px) {
  .rainbow .rainbow-item a, .rainbow .rainbow-item .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .rainbow .rainbow-item span {
    font-size: 19px;
    font-size: 1.9rem;
    padding-top: 28px;
    padding-bottom: 28px;
  }
}

@media only screen and (min-width: 1200px) {
  .rainbow .rainbow-item a, .rainbow .rainbow-item .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .rainbow .rainbow-item span {
    font-size: 23px;
    font-size: 2.3rem;
    padding-top: 34px;
    padding-bottom: 34px;
  }
}

.rainbow .rainbow-item a p, .rainbow .rainbow-item .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span p, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .rainbow .rainbow-item span p {
  margin-bottom: 0;
}

.rainbow .rainbow-item a p span, .rainbow .rainbow-item .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span p span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .rainbow .rainbow-item span p span {
  display: block;
}

.banner-card-display-container {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  cursor: pointer;
  margin-bottom: 39px;
}

.banner-card-display-container .full-width {
  width: 100%;
}

.banner-card-display-container .banner-card-tag {
  color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  padding-right: 10px;
  padding-left: 10px;
  height: 22px;
  background-color: #4196d2;
  font-family: "VM Circular Bold", sans-serif;
  line-height: 15px;
  font-size: 12px;
  font-size: 1.2rem;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.banner-card-display-container .banner-card-cta {
  position: absolute;
  bottom: 30px;
  left: 15px;
  right: 15px;
  height: 38px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

@media only screen and (min-width: 768px) {
  .banner-card-display-container .banner-card-cta {
    bottom: 38px;
  }
}

@media only screen and (min-width: 992px) {
  .banner-card-display-container .banner-card-cta {
    bottom: 60px;
  }
}

@media only screen and (min-width: 1200px) {
  .banner-card-display-container .banner-card-cta {
    bottom: 85px;
  }
}

.banner-card-display-container .banner-card-cta.red-white .vmp-cta {
  color: #fff;
  background: #ed0000;
}

.banner-card-display-container .banner-card-cta .vmp-cta {
  font-family: "VM Circular Book", sans-serif;
  width: auto;
  margin: 0 auto;
  line-height: 22px;
  padding: 8px 27px;
  outline: none;
}

@media only screen and (max-width: 767px) {
  .banner-card-display-container .banner-card-cta .vmp-cta {
    width: 100%;
  }
}

.article-info-component {
  padding-top: 20px;
  padding-bottom: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .article-info-component {
    padding: 0;
  }
}

@media only screen and (max-width: 767px) {
  .article-info-component {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

.article-info-component.article-info-component-blank {
  padding-top: 0;
  padding-bottom: 0;
}

.article-info-component .uppercase {
  text-transform: uppercase;
}

.article-info-component .article-info-item {
  font-family: "VM Circular Medium", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: normal;
}

.article-info-component .article-info-item:last-child {
  margin-top: 20px;
}

.article-info-component .article-info-item .article-info-title {
  color: #999;
}

.article-info-component .article-info-item .article-info-value {
  color: #2a2a2a;
}

@media only screen and (max-width: 767px) {
  .article-info-component .article-info-item:last-child {
    margin-top: 10px;
  }
  .article-info-component .article-info-item .article-info-title {
    display: inline-block;
  }
  .article-info-component .article-info-item .article-info-value {
    display: inline-block;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .article-info-component .article-info-item {
    display: inline-block;
  }
  .article-info-component .article-info-item:last-child {
    margin-left: 20px;
    margin-top: 0;
  }
  .article-info-component .article-info-item .article-info-title {
    display: inline-block;
  }
  .article-info-component .article-info-item .article-info-value {
    display: inline-block;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .article-info-component .article-info-item {
    display: inline-block;
  }
  .article-info-component .article-info-item:last-child {
    margin-left: 15px !important;
    margin-top: 0;
  }
  .article-info-component .article-info-item .article-info-title {
    display: inline-block;
  }
  .article-info-component .article-info-item .article-info-value {
    display: inline-block;
  }
}

.seo-hub .seo-content {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}

.seo-hub .seo-content .seo-breadcrumb {
  position: absolute;
  font-size: 13px;
  font-size: 1.3rem;
  color: #fff;
  font-family: "VM Circular Black", sans-serif;
  line-height: 16px;
}

@media only screen and (max-width: 767px) {
  .seo-hub .seo-content .seo-breadcrumb {
    top: 36px;
    width: 100%;
    padding: 0 21px 0 21px;
  }
}

@media only screen and (min-width: 768px) {
  .seo-hub .seo-content .seo-breadcrumb {
    top: 36px;
    left: 21px;
  }
}

@media only screen and (min-width: 992px) {
  .seo-hub .seo-content .seo-breadcrumb {
    top: 36px;
    left: 25px;
  }
}

@media only screen and (min-width: 1200px) {
  .seo-hub .seo-content .seo-breadcrumb {
    top: 36px;
    left: 33px;
  }
}

.seo-hub .seo-content .seo-breadcrumb a, .seo-hub .seo-content .seo-breadcrumb .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .seo-hub .seo-content .seo-breadcrumb span {
  color: #fff;
  font-family: "VM Circular Black", sans-serif;
  text-decoration: none;
}

.seo-hub .seo-content .seo-heading {
  position: absolute;
  font-family: "VM Circular Black", sans-serif;
  color: #fff;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .seo-hub .seo-content .seo-heading {
    top: 108px;
    text-align: center;
    width: 100%;
    line-height: 47px;
    padding: 0 21px 0 21px;
  }
}

@media only screen and (min-width: 768px) {
  .seo-hub .seo-content .seo-heading {
    top: 84px;
    left: 21px;
  }
}

@media only screen and (min-width: 992px) {
  .seo-hub .seo-content .seo-heading {
    top: 100px;
    left: 25px;
  }
}

@media only screen and (min-width: 1200px) {
  .seo-hub .seo-content .seo-heading {
    top: 133px;
    left: 33px;
  }
}

@media only screen and (min-width: 768px) {
  .seo-hub .seo-content .seo-heading.seo-font-size-xxs {
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 34px;
  }
}

@media only screen and (min-width: 992px) {
  .seo-hub .seo-content .seo-heading.seo-font-size-xxs {
    font-size: 44px;
    font-size: 4.4rem;
    line-height: 44px;
  }
}

@media only screen and (min-width: 1200px) {
  .seo-hub .seo-content .seo-heading.seo-font-size-xxs {
    font-size: 53px;
    font-size: 5.3rem;
    line-height: 53px;
  }
}

@media only screen and (min-width: 768px) {
  .seo-hub .seo-content .seo-heading.seo-font-size-xs {
    font-size: 40px;
    font-size: 4rem;
    line-height: 40px;
  }
}

@media only screen and (min-width: 992px) {
  .seo-hub .seo-content .seo-heading.seo-font-size-xs {
    font-size: 52px;
    font-size: 5.2rem;
    line-height: 52px;
  }
}

@media only screen and (min-width: 1200px) {
  .seo-hub .seo-content .seo-heading.seo-font-size-xs {
    font-size: 63px;
    font-size: 6.3rem;
    line-height: 63px;
  }
}

@media only screen and (min-width: 768px) {
  .seo-hub .seo-content .seo-heading.seo-font-size-s {
    font-size: 46px;
    font-size: 4.6rem;
    line-height: 46px;
  }
}

@media only screen and (min-width: 992px) {
  .seo-hub .seo-content .seo-heading.seo-font-size-s {
    font-size: 60px;
    font-size: 6rem;
    line-height: 60px;
  }
}

@media only screen and (min-width: 1200px) {
  .seo-hub .seo-content .seo-heading.seo-font-size-s {
    font-size: 72px;
    font-size: 7.2rem;
    line-height: 72px;
  }
}

@media only screen and (min-width: 768px) {
  .seo-hub .seo-content .seo-heading.seo-font-size-m {
    font-size: 52px;
    font-size: 5.2rem;
    line-height: 52px;
  }
}

@media only screen and (min-width: 992px) {
  .seo-hub .seo-content .seo-heading.seo-font-size-m {
    font-size: 68px;
    font-size: 6.8rem;
    line-height: 68px;
  }
}

@media only screen and (min-width: 1200px) {
  .seo-hub .seo-content .seo-heading.seo-font-size-m {
    font-size: 82px;
    font-size: 8.2rem;
    line-height: 82px;
  }
}

@media only screen and (min-width: 768px) {
  .seo-hub .seo-content .seo-heading.seo-font-size-l {
    font-size: 58px;
    font-size: 5.8rem;
    line-height: 58px;
  }
}

@media only screen and (min-width: 992px) {
  .seo-hub .seo-content .seo-heading.seo-font-size-l {
    font-size: 75px;
    font-size: 7.5rem;
    line-height: 75px;
  }
}

@media only screen and (min-width: 1200px) {
  .seo-hub .seo-content .seo-heading.seo-font-size-l {
    font-size: 91px;
    font-size: 9.1rem;
    line-height: 91px;
  }
}

@media only screen and (min-width: 768px) {
  .seo-hub .seo-content .seo-heading.seo-font-size-xl {
    font-size: 64px;
    font-size: 6.4rem;
    line-height: 64px;
  }
}

@media only screen and (min-width: 992px) {
  .seo-hub .seo-content .seo-heading.seo-font-size-xl {
    font-size: 83px;
    font-size: 8.3rem;
    line-height: 83px;
  }
}

@media only screen and (min-width: 1200px) {
  .seo-hub .seo-content .seo-heading.seo-font-size-xl {
    font-size: 101px;
    font-size: 10.1rem;
    line-height: 101px;
  }
}

@media only screen and (min-width: 768px) {
  .seo-hub .seo-content .seo-heading.seo-font-size-xxl {
    font-size: 70px;
    font-size: 7rem;
    line-height: 70px;
  }
}

@media only screen and (min-width: 992px) {
  .seo-hub .seo-content .seo-heading.seo-font-size-xxl {
    font-size: 91px;
    font-size: 9.1rem;
    line-height: 91px;
  }
}

@media only screen and (min-width: 1200px) {
  .seo-hub .seo-content .seo-heading.seo-font-size-xxl {
    font-size: 110px;
    font-size: 11rem;
    line-height: 110px;
  }
}

.seo-hub .seo-content .mobile-seo-heading {
  position: absolute;
  font-family: "VM Circular Black", sans-serif;
  color: #fff;
}

@media only screen and (max-width: 767px) {
  .seo-hub .seo-content .mobile-seo-heading {
    top: 108px;
    text-align: center;
    width: 100%;
    line-height: 47px;
    padding: 0 21px 0 21px;
  }
}

@media only screen and (min-width: 768px) {
  .seo-hub .seo-content .mobile-seo-heading {
    top: 84px;
    left: 21px;
  }
}

@media only screen and (min-width: 992px) {
  .seo-hub .seo-content .mobile-seo-heading {
    top: 100px;
    left: 25px;
  }
}

@media only screen and (min-width: 1200px) {
  .seo-hub .seo-content .mobile-seo-heading {
    top: 133px;
    left: 33px;
  }
}

@media only screen and (max-width: 320px) {
  .seo-hub .seo-content .mobile-seo-heading.seo-font-size-xs {
    font-size: 280px;
    font-size: 28rem;
    line-height: 28px;
  }
}

@media only screen and (min-width: 321px) {
  .seo-hub .seo-content .mobile-seo-heading.seo-font-size-xs {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 28px;
  }
}

@media only screen and (min-width: 375px) {
  .seo-hub .seo-content .mobile-seo-heading.seo-font-size-xs {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 28px;
  }
}

@media only screen and (min-width: 414px) {
  .seo-hub .seo-content .mobile-seo-heading.seo-font-size-xs {
    font-size: 31px;
    font-size: 3.1rem;
    line-height: 31px;
  }
}

@media only screen and (min-width: 480px) {
  .seo-hub .seo-content .mobile-seo-heading.seo-font-size-xs {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 36px;
  }
}

@media only screen and (min-width: 600px) {
  .seo-hub .seo-content .mobile-seo-heading.seo-font-size-xs {
    font-size: 45px;
    font-size: 4.5rem;
    line-height: 45px;
  }
}

@media only screen and (min-width: 700px) {
  .seo-hub .seo-content .mobile-seo-heading.seo-font-size-xs {
    font-size: 53px;
    font-size: 5.3rem;
    line-height: 53px;
  }
}

@media only screen and (max-width: 320px) {
  .seo-hub .seo-content .mobile-seo-heading.seo-font-size-s {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 32px;
  }
}

@media only screen and (min-width: 321px) {
  .seo-hub .seo-content .mobile-seo-heading.seo-font-size-s {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 32px;
  }
}

@media only screen and (min-width: 375px) {
  .seo-hub .seo-content .mobile-seo-heading.seo-font-size-s {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 32px;
  }
}

@media only screen and (min-width: 414px) {
  .seo-hub .seo-content .mobile-seo-heading.seo-font-size-s {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 36px;
  }
}

@media only screen and (min-width: 480px) {
  .seo-hub .seo-content .mobile-seo-heading.seo-font-size-s {
    font-size: 41px;
    font-size: 4.1rem;
    line-height: 41px;
  }
}

@media only screen and (min-width: 600px) {
  .seo-hub .seo-content .mobile-seo-heading.seo-font-size-s {
    font-size: 52px;
    font-size: 5.2rem;
    line-height: 52px;
  }
}

@media only screen and (min-width: 700px) {
  .seo-hub .seo-content .mobile-seo-heading.seo-font-size-s {
    font-size: 60px;
    font-size: 6rem;
    line-height: 60px;
  }
}

@media only screen and (max-width: 320px) {
  .seo-hub .seo-content .mobile-seo-heading.seo-font-size-m {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 36px;
  }
}

@media only screen and (min-width: 321px) {
  .seo-hub .seo-content .mobile-seo-heading.seo-font-size-m {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 36px;
  }
}

@media only screen and (min-width: 375px) {
  .seo-hub .seo-content .mobile-seo-heading.seo-font-size-m {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 36px;
  }
}

@media only screen and (min-width: 414px) {
  .seo-hub .seo-content .mobile-seo-heading.seo-font-size-m {
    font-size: 40px;
    font-size: 4rem;
    line-height: 40px;
  }
}

@media only screen and (min-width: 480px) {
  .seo-hub .seo-content .mobile-seo-heading.seo-font-size-m {
    font-size: 47px;
    font-size: 4.7rem;
    line-height: 47px;
  }
}

@media only screen and (min-width: 600px) {
  .seo-hub .seo-content .mobile-seo-heading.seo-font-size-m {
    font-size: 58px;
    font-size: 5.8rem;
    line-height: 58px;
  }
}

@media only screen and (min-width: 700px) {
  .seo-hub .seo-content .mobile-seo-heading.seo-font-size-m {
    font-size: 68px;
    font-size: 6.8rem;
    line-height: 68px;
  }
}

@media only screen and (max-width: 320px) {
  .seo-hub .seo-content .mobile-seo-heading.seo-font-size-l {
    font-size: 40px;
    font-size: 4rem;
    line-height: 40px;
  }
}

@media only screen and (min-width: 321px) {
  .seo-hub .seo-content .mobile-seo-heading.seo-font-size-l {
    font-size: 40px;
    font-size: 4rem;
    line-height: 40px;
  }
}

@media only screen and (min-width: 375px) {
  .seo-hub .seo-content .mobile-seo-heading.seo-font-size-l {
    font-size: 40px;
    font-size: 4rem;
    line-height: 40px;
  }
}

@media only screen and (min-width: 414px) {
  .seo-hub .seo-content .mobile-seo-heading.seo-font-size-l {
    font-size: 45px;
    font-size: 4.5rem;
    line-height: 45px;
  }
}

@media only screen and (min-width: 480px) {
  .seo-hub .seo-content .mobile-seo-heading.seo-font-size-l {
    font-size: 52px;
    font-size: 5.2rem;
    line-height: 52px;
  }
}

@media only screen and (min-width: 600px) {
  .seo-hub .seo-content .mobile-seo-heading.seo-font-size-l {
    font-size: 65px;
    font-size: 6.5rem;
    line-height: 65px;
  }
}

@media only screen and (min-width: 700px) {
  .seo-hub .seo-content .mobile-seo-heading.seo-font-size-l {
    font-size: 75px;
    font-size: 7.5rem;
    line-height: 75px;
  }
}

@media only screen and (max-width: 320px) {
  .seo-hub .seo-content .mobile-seo-heading.seo-font-size-xl {
    font-size: 44px;
    font-size: 4.4rem;
    line-height: 44px;
  }
}

@media only screen and (min-width: 321px) {
  .seo-hub .seo-content .mobile-seo-heading.seo-font-size-xl {
    font-size: 44px;
    font-size: 4.4rem;
    line-height: 44px;
  }
}

@media only screen and (min-width: 375px) {
  .seo-hub .seo-content .mobile-seo-heading.seo-font-size-xl {
    font-size: 44px;
    font-size: 4.4rem;
    line-height: 44px;
  }
}

@media only screen and (min-width: 414px) {
  .seo-hub .seo-content .mobile-seo-heading.seo-font-size-xl {
    font-size: 49px;
    font-size: 4.9rem;
    line-height: 49px;
  }
}

@media only screen and (min-width: 480px) {
  .seo-hub .seo-content .mobile-seo-heading.seo-font-size-xl {
    font-size: 57px;
    font-size: 5.7rem;
    line-height: 57px;
  }
}

@media only screen and (min-width: 600px) {
  .seo-hub .seo-content .mobile-seo-heading.seo-font-size-xl {
    font-size: 71px;
    font-size: 7.1rem;
    line-height: 71px;
  }
}

@media only screen and (min-width: 700px) {
  .seo-hub .seo-content .mobile-seo-heading.seo-font-size-xl {
    font-size: 83px;
    font-size: 8.3rem;
    line-height: 83px;
  }
}

.seo-hub .seo-content .seo-snippet {
  position: absolute;
  font-family: "VM Circular Light", sans-serif;
  color: #fff;
}

@media only screen and (max-width: 767px) {
  .seo-hub .seo-content .seo-snippet {
    top: 214px;
    font-size: 20px;
    font-size: 2rem;
    text-align: center;
    width: 100%;
    line-height: 25px;
    padding: 0 21px 0 21px;
  }
}

@media only screen and (min-width: 768px) {
  .seo-hub .seo-content .seo-snippet {
    top: 143px;
    left: 21px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
  }
}

@media only screen and (min-width: 992px) {
  .seo-hub .seo-content .seo-snippet {
    top: 176px;
    left: 25px;
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 27px;
  }
}

@media only screen and (min-width: 1200px) {
  .seo-hub .seo-content .seo-snippet {
    top: 225px;
    left: 33px;
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 33px;
  }
}

.seo-hub .seo-content .seo-snippet p {
  margin: 0;
}

@media only screen and (min-width: 768px) {
  .seo-hub .seo-content .seo-snippet.seo-font-size-s {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 14px;
  }
}

@media only screen and (min-width: 992px) {
  .seo-hub .seo-content .seo-snippet.seo-font-size-s {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 18px;
  }
}

@media only screen and (min-width: 1200px) {
  .seo-hub .seo-content .seo-snippet.seo-font-size-s {
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 21px;
  }
}

@media only screen and (min-width: 768px) {
  .seo-hub .seo-content .seo-snippet.seo-font-size-m {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 15px;
  }
}

@media only screen and (min-width: 992px) {
  .seo-hub .seo-content .seo-snippet.seo-font-size-m {
    font-size: 19px;
    font-size: 1.9rem;
    line-height: 19px;
  }
}

@media only screen and (min-width: 1200px) {
  .seo-hub .seo-content .seo-snippet.seo-font-size-m {
    font-size: 23px;
    font-size: 2.3rem;
    line-height: 23px;
  }
}

@media only screen and (min-width: 768px) {
  .seo-hub .seo-content .seo-snippet.seo-font-size-l {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 16px;
  }
}

@media only screen and (min-width: 992px) {
  .seo-hub .seo-content .seo-snippet.seo-font-size-l {
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 21px;
  }
}

@media only screen and (min-width: 1200px) {
  .seo-hub .seo-content .seo-snippet.seo-font-size-l {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 24px;
  }
}

@media only screen and (max-width: 320px) {
  .seo-hub .seo-content .mobile-seo-snippet.seo-font-size-xs {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 18px;
  }
}

@media only screen and (min-width: 321px) {
  .seo-hub .seo-content .mobile-seo-snippet.seo-font-size-xs {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 18px;
  }
}

@media only screen and (min-width: 375px) {
  .seo-hub .seo-content .mobile-seo-snippet.seo-font-size-xs {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 18px;
  }
}

@media only screen and (min-width: 414px) {
  .seo-hub .seo-content .mobile-seo-snippet.seo-font-size-xs {
    font-size: 20px;
    font-size: 2rem;
    line-height: 20px;
  }
}

@media only screen and (min-width: 480px) {
  .seo-hub .seo-content .mobile-seo-snippet.seo-font-size-xs {
    font-size: 23px;
    font-size: 2.3rem;
    line-height: 23px;
  }
}

@media only screen and (min-width: 600px) {
  .seo-hub .seo-content .mobile-seo-snippet.seo-font-size-xs {
    font-size: 29px;
    font-size: 2.9rem;
    line-height: 29px;
  }
}

@media only screen and (min-width: 700px) {
  .seo-hub .seo-content .mobile-seo-snippet.seo-font-size-xs {
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 34px;
  }
}

@media only screen and (max-width: 320px) {
  .seo-hub .seo-content .mobile-seo-snippet.seo-font-size-s {
    font-size: 23px;
    font-size: 2.3rem;
    line-height: 23px;
  }
}

@media only screen and (min-width: 321px) {
  .seo-hub .seo-content .mobile-seo-snippet.seo-font-size-s {
    font-size: 23px;
    font-size: 2.3rem;
    line-height: 23px;
  }
}

@media only screen and (min-width: 375px) {
  .seo-hub .seo-content .mobile-seo-snippet.seo-font-size-s {
    font-size: 23px;
    font-size: 2.3rem;
    line-height: 23px;
  }
}

@media only screen and (min-width: 414px) {
  .seo-hub .seo-content .mobile-seo-snippet.seo-font-size-s {
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 26px;
  }
}

@media only screen and (min-width: 480px) {
  .seo-hub .seo-content .mobile-seo-snippet.seo-font-size-s {
    font-size: 30px;
    font-size: 3rem;
    line-height: 30px;
  }
}

@media only screen and (min-width: 600px) {
  .seo-hub .seo-content .mobile-seo-snippet.seo-font-size-s {
    font-size: 37px;
    font-size: 3.7rem;
    line-height: 37px;
  }
}

@media only screen and (min-width: 700px) {
  .seo-hub .seo-content .mobile-seo-snippet.seo-font-size-s {
    font-size: 43px;
    font-size: 4.3rem;
    line-height: 43px;
  }
}

@media only screen and (max-width: 320px) {
  .seo-hub .seo-content .mobile-seo-snippet.seo-font-size-m {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 28px;
  }
}

@media only screen and (min-width: 321px) {
  .seo-hub .seo-content .mobile-seo-snippet.seo-font-size-m {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 28px;
  }
}

@media only screen and (min-width: 375px) {
  .seo-hub .seo-content .mobile-seo-snippet.seo-font-size-m {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 28px;
  }
}

@media only screen and (min-width: 414px) {
  .seo-hub .seo-content .mobile-seo-snippet.seo-font-size-m {
    font-size: 31px;
    font-size: 3.1rem;
    line-height: 31px;
  }
}

@media only screen and (min-width: 480px) {
  .seo-hub .seo-content .mobile-seo-snippet.seo-font-size-m {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 36px;
  }
}

@media only screen and (min-width: 600px) {
  .seo-hub .seo-content .mobile-seo-snippet.seo-font-size-m {
    font-size: 45px;
    font-size: 4.5rem;
    line-height: 45px;
  }
}

@media only screen and (min-width: 700px) {
  .seo-hub .seo-content .mobile-seo-snippet.seo-font-size-m {
    font-size: 53px;
    font-size: 5.3rem;
    line-height: 53px;
  }
}

@media only screen and (max-width: 320px) {
  .seo-hub .seo-content .mobile-seo-snippet.seo-font-size-l {
    font-size: 33px;
    font-size: 3.3rem;
    line-height: 33px;
  }
}

@media only screen and (min-width: 321px) {
  .seo-hub .seo-content .mobile-seo-snippet.seo-font-size-l {
    font-size: 33px;
    font-size: 3.3rem;
    line-height: 33px;
  }
}

@media only screen and (min-width: 375px) {
  .seo-hub .seo-content .mobile-seo-snippet.seo-font-size-l {
    font-size: 33px;
    font-size: 3.3rem;
    line-height: 33px;
  }
}

@media only screen and (min-width: 414px) {
  .seo-hub .seo-content .mobile-seo-snippet.seo-font-size-l {
    font-size: 37px;
    font-size: 3.7rem;
    line-height: 37px;
  }
}

@media only screen and (min-width: 480px) {
  .seo-hub .seo-content .mobile-seo-snippet.seo-font-size-l {
    font-size: 43px;
    font-size: 4.3rem;
    line-height: 43px;
  }
}

@media only screen and (min-width: 600px) {
  .seo-hub .seo-content .mobile-seo-snippet.seo-font-size-l {
    font-size: 53px;
    font-size: 5.3rem;
    line-height: 53px;
  }
}

@media only screen and (min-width: 700px) {
  .seo-hub .seo-content .mobile-seo-snippet.seo-font-size-l {
    font-size: 62px;
    font-size: 6.2rem;
    line-height: 62px;
  }
}

@media only screen and (max-width: 320px) {
  .seo-hub .seo-content .mobile-seo-snippet.seo-font-size-xl {
    font-size: 38px;
    font-size: 3.8rem;
    line-height: 38px;
  }
}

@media only screen and (min-width: 321px) {
  .seo-hub .seo-content .mobile-seo-snippet.seo-font-size-xl {
    font-size: 38px;
    font-size: 3.8rem;
    line-height: 38px;
  }
}

@media only screen and (min-width: 375px) {
  .seo-hub .seo-content .mobile-seo-snippet.seo-font-size-xl {
    font-size: 38px;
    font-size: 3.8rem;
    line-height: 38px;
  }
}

@media only screen and (min-width: 414px) {
  .seo-hub .seo-content .mobile-seo-snippet.seo-font-size-xl {
    font-size: 42px;
    font-size: 4.2rem;
    line-height: 42px;
  }
}

@media only screen and (min-width: 480px) {
  .seo-hub .seo-content .mobile-seo-snippet.seo-font-size-xl {
    font-size: 49px;
    font-size: 4.9rem;
    line-height: 49px;
  }
}

@media only screen and (min-width: 600px) {
  .seo-hub .seo-content .mobile-seo-snippet.seo-font-size-xl {
    font-size: 61px;
    font-size: 6.1rem;
    line-height: 61px;
  }
}

@media only screen and (min-width: 700px) {
  .seo-hub .seo-content .mobile-seo-snippet.seo-font-size-xl {
    font-size: 72px;
    font-size: 7.2rem;
    line-height: 72px;
  }
}

.seo-hub .seo-content .seo-cta {
  position: absolute;
  font-size: 17px;
  font-size: 1.7rem;
}

@media only screen and (max-width: 767px) {
  .seo-hub .seo-content .seo-cta {
    bottom: 59px;
    padding: 0 21px 0 21px;
    width: 100%;
  }
}

@media only screen and (min-width: 768px) {
  .seo-hub .seo-content .seo-cta {
    top: 287px;
    left: 21px;
  }
}

@media only screen and (min-width: 992px) {
  .seo-hub .seo-content .seo-cta {
    top: 368px;
    left: 25px;
  }
}

@media only screen and (min-width: 1200px) {
  .seo-hub .seo-content .seo-cta {
    top: 463px;
    left: 33px;
  }
}

.seo-hub .seo-content .seo-cta .vmp-cta {
  padding: 12px 27px;
  line-height: 22px;
  font-family: "VM Circular Book", sans-serif;
  color: #322332;
  outline: none;
}

@media only screen and (max-width: 767px) {
  .seo-hub .seo-content .seo-cta .vmp-cta {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 22px;
    padding: 8px 0;
    border-radius: 19px;
  }
}

@media only screen and (min-width: 768px) {
  .seo-hub .seo-content .seo-cta .vmp-cta {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 22px;
    padding: 8px 62px;
    border-radius: 19px;
  }
}

@media only screen and (min-width: 992px) {
  .seo-hub .seo-content .seo-cta .vmp-cta {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 22px;
    padding: 8px 62px;
    border-radius: 19px;
  }
}

@media only screen and (min-width: 1200px) {
  .seo-hub .seo-content .seo-cta .vmp-cta {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 22px;
    padding: 12px 81px;
    border-radius: 23px;
  }
}

.seo-hub .seo-content .seo-cta .vmp-cta:link, .seo-hub .seo-content .seo-cta .vmp-cta:visited, .seo-hub .seo-content .seo-cta .vmp-cta:hover, .seo-hub .seo-content .seo-cta .vmp-cta.active {
  text-decoration: none;
}

.seo-hub .seo-content .seo-anchor {
  width: 100%;
  position: absolute;
}

@media only screen and (min-width: 321px) {
  .seo-hub .seo-content .seo-anchor {
    bottom: 27px;
  }
}

@media only screen and (min-width: 768px) {
  .seo-hub .seo-content .seo-anchor {
    bottom: 23px;
  }
}

@media only screen and (min-width: 992px) {
  .seo-hub .seo-content .seo-anchor {
    bottom: 30px;
  }
}

@media only screen and (min-width: 1200px) {
  .seo-hub .seo-content .seo-anchor {
    bottom: 6.22%;
  }
}

.seo-hub .seo-content .seo-anchor .anchor-down {
  position: relative;
  background-size: contain;
  background-image: url("commons/components/img/vmpresents/anchor_down.png");
  margin: 0 auto;
}

@media only screen and (min-width: 321px) {
  .seo-hub .seo-content .seo-anchor .anchor-down {
    width: 28px;
    height: 28px;
  }
}

@media only screen and (min-width: 768px) {
  .seo-hub .seo-content .seo-anchor .anchor-down {
    width: 33px;
    height: 33px;
  }
}

@media only screen and (min-width: 992px) {
  .seo-hub .seo-content .seo-anchor .anchor-down {
    width: 43px;
    height: 43px;
  }
}

@media only screen and (min-width: 1200px) {
  .seo-hub .seo-content .seo-anchor .anchor-down {
    width: 43px;
    height: 43px;
  }
}

.seo-hub .seo-content .seo-image-cut {
  width: 100%;
  position: absolute;
  bottom: -1px;
  background-color: #fff;
}

@media only screen and (max-width: 767px) {
  .seo-hub .seo-content .seo-image-cut {
    height: 27px;
    -ms-transform: matrix(1, 0.03, 0, 1, 0, 13.5);
    -webkit-transform: matrix(1, 0.03, 0, 1, 0, 13.5);
    transform: matrix(1, 0.03, 0, 1, 0, 13.5);
  }
}

@media only screen and (min-width: 768px) {
  .seo-hub .seo-content .seo-image-cut {
    height: 27px;
    -ms-transform: matrix(1, 0.03, 0, 1, 0, 13.5);
    -webkit-transform: matrix(1, 0.03, 0, 1, 0, 13.5);
    transform: matrix(1, 0.03, 0, 1, 0, 13.5);
  }
}

@media only screen and (min-width: 992px) {
  .seo-hub .seo-content .seo-image-cut {
    height: 35px;
    -ms-transform: matrix(1, 0.03, 0, 1, 0, 17.5);
    -webkit-transform: matrix(1, 0.03, 0, 1, 0, 17.5);
    transform: matrix(1, 0.03, 0, 1, 0, 17.5);
  }
}

@media only screen and (min-width: 1200px) {
  .seo-hub .seo-content .seo-image-cut {
    height: 100px;
    -ms-transform: matrix(1, 0.03, 0, 1, 0, 72);
    -webkit-transform: matrix(1, 0.03, 0, 1, 0, 72);
    transform: matrix(1, 0.03, 0, 1, 0, 72);
  }
}

.seo-hub .seo-content .seo-image {
  background-size: contain;
}

@media only screen and (min-width: 1200px) {
  .seo-hub .seo-content .seo-image {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .seo-hub .seo-content .seo-image {
    display: none;
  }
}

.seo-hub .seo-content img {
  width: 100%;
  background-size: contain;
}

.quote-text .quote-text-container {
  border-left-width: 6px;
  border-left-style: solid;
  font-family: "VM Circular Book", sans-serif;
  color: #333;
}

@media only screen and (min-width: 480px) {
  .quote-text .quote-text-container {
    padding: 7px 14px 8px 14px;
    font-size: 20px;
    font-size: 2rem;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .quote-text .quote-text-container {
    padding: 12px 24px 13px 24px;
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 36px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .quote-text .quote-text-container {
    padding: 16px 24px 17px 24px;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 28px;
  }
}

@media only screen and (max-width: 767px) {
  .quote-text .quote-text-container {
    padding: 9px 14px 10px 14px;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 23px;
  }
}

@media only screen and (min-width: 1200px) {
  .quote-text .quote-text-container {
    padding: 24px;
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 43px;
  }
}

.quote-text .quote-text-container p {
  margin: 0;
}

.fixture-generator {
  width: 830px;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .fixture-generator {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) {
  .fixture-generator {
    width: 695px;
  }
}

@media only screen and (min-width: 992px) {
  .fixture-generator {
    width: 990px;
  }
}

@media only screen and (min-width: 1200px) {
  .fixture-generator {
    width: 830px;
  }
}

.fixture-generator .fg-content {
  padding-left: 205px;
}

.fixture-generator .fg-content div:nth-of-type(3) > div.fg-date {
  padding-top: 40px;
}

@media only screen and (max-width: 767px) {
  .fixture-generator .fg-content {
    padding: 0 15px;
  }
}

@media only screen and (min-width: 768px) {
  .fixture-generator .fg-content {
    padding-left: 0;
  }
}

@media only screen and (min-width: 992px) {
  .fixture-generator .fg-content {
    padding-left: 0;
  }
}

@media only screen and (min-width: 1200px) {
  .fixture-generator .fg-content {
    padding-left: 205px;
  }
}

.fixture-generator .fg-content .fg-title {
  color: #333;
  line-height: 43px;
  font-size: 34px;
  font-size: 3.4rem;
  font-family: "VM Circular Book", sans-serif;
  padding-bottom: 22px;
}

.fixture-generator .fg-content .fg-filters {
  width: 100%;
}

.fixture-generator .fg-content .fg-filters :last-child {
  margin-bottom: 0 !important;
}

.fixture-generator .fg-content .fg-filters .filter {
  display: inline-block;
  padding-right: 25px;
}

@media only screen and (max-width: 767px) {
  .fixture-generator .fg-content .fg-filters .filter {
    padding: 0 15px;
    display: block;
    width: 100%;
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 768px) {
  .fixture-generator .fg-content .fg-filters .filter {
    padding-right: 30px;
  }
}

@media only screen and (min-width: 992px) {
  .fixture-generator .fg-content .fg-filters .filter {
    padding-right: 25px;
  }
}

@media only screen and (min-width: 1200px) {
  .fixture-generator .fg-content .fg-filters .filter {
    padding-right: 25px;
  }
}

.fixture-generator .fg-content .fg-filters .bootstrap-select.btn-group .btn {
  font-family: "VM Circular Light", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  height: 45px;
}

.fixture-generator .fg-content .fg-filters .bootstrap-select.btn-group .btn .filter-option {
  line-height: 20px;
}

.fixture-generator .fg-content .fg-filters ul {
  color: #ccc;
  font-family: "VM Circular Light", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
}

.fixture-generator .fg-content .fg-filters ul li {
  background-color: #FDEBF4 !important;
  height: 45px;
}

.fixture-generator .fg-content .fg-filters ul li:nth-child(odd) {
  background-color: #FFFFFF !important;
}

.fixture-generator .fg-content .fg-filters ul a, .fixture-generator .fg-content .fg-filters ul .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .fixture-generator .fg-content .fg-filters ul span {
  font-family: "VM Circular Light", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 45px;
  padding: 0 10px;
  color: #ed0000;
}

.fixture-generator .fg-content .fg-filters .dropdown-menu.open {
  padding: 0;
  margin: 13px 0 0;
}

.fixture-generator .fg-content .fg-fixture {
  width: 590px;
}

@media only screen and (max-width: 767px) {
  .fixture-generator .fg-content .fg-fixture {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) {
  .fixture-generator .fg-content .fg-fixture {
    width: 565px;
  }
}

@media only screen and (min-width: 992px) {
  .fixture-generator .fg-content .fg-fixture {
    width: 786px;
  }
}

@media only screen and (min-width: 1200px) {
  .fixture-generator .fg-content .fg-fixture {
    width: 590px;
  }
}

.fixture-generator .fg-content .fg-fixture .fg-date {
  width: 100%;
  border-bottom: solid 1px #959595;
  color: #E30F0F;
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "VM Circular Book", sans-serif;
  padding-bottom: 20px;
  padding-top: 50px;
  margin-bottom: 20px;
}

.fixture-generator .fg-content .fg-fixture .fg-games {
  width: 100%;
  margin: 0 auto;
  align-content: center;
  font-family: "VM Circular Medium", sans-serif;
}

.fixture-generator .fg-content .fg-fixture .fg-games div {
  width: 100%;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}

.fixture-generator .fg-content .fg-fixture .fg-games .game-item {
  display: none;
  padding-bottom: 20px;
}

.fixture-generator .fg-content .fg-fixture .fg-games .fg-game {
  color: #333;
}

.fixture-generator .fg-content .fg-fixture .fg-games .fg-game .team {
  width: 205px;
  font-family: "VM Circular Light", sans-serif;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

@media only screen and (max-width: 320px) {
  .fixture-generator .fg-content .fg-fixture .fg-games .fg-game .team {
    width: 90px;
  }
}

@media only screen and (min-width: 321px) {
  .fixture-generator .fg-content .fg-fixture .fg-games .fg-game .team {
    width: 90px;
  }
}

@media only screen and (min-width: 375px) {
  .fixture-generator .fg-content .fg-fixture .fg-games .fg-game .team {
    width: 115px;
  }
}

@media only screen and (min-width: 414px) {
  .fixture-generator .fg-content .fg-fixture .fg-games .fg-game .team {
    width: 147px;
  }
}

@media only screen and (min-width: 480px) {
  .fixture-generator .fg-content .fg-fixture .fg-games .fg-game .team {
    width: 165px;
  }
}

@media only screen and (min-width: 600px) {
  .fixture-generator .fg-content .fg-fixture .fg-games .fg-game .team {
    width: 165px;
  }
}

@media only screen and (min-width: 700px) {
  .fixture-generator .fg-content .fg-fixture .fg-games .fg-game .team {
    width: 165px;
  }
}

@media only screen and (min-width: 768px) {
  .fixture-generator .fg-content .fg-fixture .fg-games .fg-game .team {
    width: 165px;
  }
}

@media only screen and (min-width: 992px) {
  .fixture-generator .fg-content .fg-fixture .fg-games .fg-game .team {
    width: 260px;
  }
}

@media only screen and (min-width: 1200px) {
  .fixture-generator .fg-content .fg-fixture .fg-games .fg-game .team {
    width: 205px;
  }
}

.fixture-generator .fg-content .fg-fixture .fg-games .fg-game .team.left {
  text-align: right;
}

.fixture-generator .fg-content .fg-fixture .fg-games .fg-game .team.right {
  text-align: left;
}

.fixture-generator .fg-content .fg-fixture .fg-games .fg-game .fg-vs {
  width: 170px;
}

@media only screen and (max-width: 767px) {
  .fixture-generator .fg-content .fg-fixture .fg-games .fg-game .fg-vs {
    width: 80px;
  }
}

@media only screen and (min-width: 768px) {
  .fixture-generator .fg-content .fg-fixture .fg-games .fg-game .fg-vs {
    width: 165px;
  }
}

@media only screen and (min-width: 992px) {
  .fixture-generator .fg-content .fg-fixture .fg-games .fg-game .fg-vs {
    width: 230px;
  }
}

@media only screen and (min-width: 1200px) {
  .fixture-generator .fg-content .fg-fixture .fg-games .fg-game .fg-vs {
    width: 170px;
  }
}

.fixture-generator .fg-content .fg-fixture .fg-games .fg-game .fg-vs .vs {
  color: #999;
  vertical-align: bottom;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 10px;
}

.fixture-generator .fg-content .fg-fixture .fg-games .fg-game .fg-vs .channel img {
  vertical-align: top;
  padding-top: 1px;
}

.fixture-generator .fg-content .fg-fixture .fg-games .bottom-line {
  background-color: #959595;
  height: 1px;
  opacity: 0.25;
  display: block;
  margin-top: 20px;
}

.fixture-generator .fg-footer {
  width: 790px;
  height: 100px;
  position: relative;
  bottom: 30px;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .fixture-generator .fg-footer {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) {
  .fixture-generator .fg-footer {
    width: 695px;
  }
}

@media only screen and (min-width: 992px) {
  .fixture-generator .fg-footer {
    width: 990px;
  }
}

@media only screen and (min-width: 1200px) {
  .fixture-generator .fg-footer {
    width: 790px;
  }
}

.fixture-generator .fg-footer .cut {
  position: absolute;
  display: block;
  height: 40px;
  bottom: 70px;
  width: 100%;
}

.fixture-generator .fg-footer .cut img {
  width: 100%;
  height: 40px;
}

.fixture-generator .fg-footer .load-more {
  position: absolute;
  background-size: contain;
  background: url("commons/components/img/vmpresents/anchor_down_red.png") no-repeat top;
  text-align: center;
  bottom: 0;
  height: 70px;
  margin: 0 auto;
  font-family: "VM Circular Medium", sans-serif;
  color: #ed0000;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 14px;
  text-transform: uppercase;
  vertical-align: bottom;
  width: 100%;
  background-color: #fff;
}

.fixture-generator .fg-footer .load-more div {
  position: absolute;
  top: 50px;
  text-align: center;
  width: 100%;
}

body .fg-filter ul {
  color: #ccc;
  font-family: "VM Circular Light", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
}

body .fg-filter ul li {
  background-color: #FDEBF4 !important;
  height: 45px;
}

body .fg-filter ul li:nth-child(odd) {
  background-color: #FFFFFF !important;
}

body .fg-filter ul a, body .fg-filter ul .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles body .fg-filter ul span {
  font-family: "VM Circular Light", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 45px;
  padding: 0 10px;
  color: #ed0000;
}

body .dropdown-menu.open {
  padding: 0;
  margin: 13px 0 0;
}

.agent-dialog.modal {
  width: 1024px;
  height: 768px;
  margin: 0 auto;
}

.agent-dialog .close-dialog {
  position: absolute;
  z-index: 9;
  background: none;
  border: none;
  right: 16px;
  top: 14px;
  padding: 0;
  line-height: 1;
}

.agent-dialog .close-dialog i {
  line-height: 1;
  font-size: 25px;
  font-size: 2.5rem;
}

.agent-dialog .modal-body {
  padding: 40px;
  background-color: #fff;
  text-align: center;
  font-family: "VM Circular Book", sans-serif;
  border-radius: 8px;
}

.agent-dialog .modal-body .title {
  font-size: 22px;
  color: #333;
  line-height: 27px;
  margin-bottom: 10px;
}

.agent-dialog .modal-body .content {
  font-size: 18px;
  color: #666;
  line-height: 25px;
}

.agent-dialog .modal-body .action {
  margin-top: 20px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: center;
  justify-content: center;
}

.agent-dialog .modal-body .action .btn-dialog {
  font-weight: 400;
  font-size: 17px;
  letter-spacing: 1px;
  margin-right: 30px;
}

.agent-dialog .modal-body .action .btn-dialog:last-child {
  margin-right: 0;
}

.no-bundles-dialog .modal-content {
  max-width: 554px;
  padding: 20px 0 40px 0;
}

.no-bundles-dialog .modal-content .modal-header {
  border: none;
  padding: 0 20px;
}

.no-bundles-dialog .modal-content .modal-body {
  font-family: "VM Circular Book", sans-serif;
  font-size: 20px;
  font-size: 2rem;
  color: #666;
  line-height: 25px;
  max-width: 385px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

.no-bundles-dialog .modal-content .close-modal {
  position: absolute;
  z-index: 9;
  background: none;
  border: none;
  right: 16px;
  top: 14px;
  padding: 0;
  line-height: 1;
}

.no-bundles-dialog .modal-content .close-modal i {
  line-height: 1;
  font-size: 25px;
  font-size: 2.5rem;
}

.direct-venue-container {
  width: 1024px;
  height: 768px;
  overflow: hidden;
  overflow-y: auto;
  margin: 0 auto;
  position: relative;
}

.bot-bundle.component {
  margin-bottom: 0;
}

.bundles-wrapper {
  background-color: #efefef;
}

.bundles-wrapper.bot-page {
  position: relative;
  padding-bottom: 66px;
  /*90px*/
}

.bot-promotional-messages {
  background: #ffcc00;
  max-width: 350px;
  margin-top: 7px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-self: start;
  align-self: start;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  height: 22px;
}

.bot-promotional-messages ul {
  line-height: 20px;
  padding: 1px 16px 0px;
  margin-bottom: 0;
}

.bot-promotional-messages ul li {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 20px;
  color: #333;
  font-family: "VM Circular Light", sans-serif;
  display: inline;
  margin-right: 13px;
}

.bot-promotional-messages ul li:before {
  content: "";
  font-family: FontAwesome, sans-serif;
  font-size: 6px;
  font-size: 0.6rem;
  color: #333;
  vertical-align: 15%;
}

.bot-promotional-messages ul li:last-child {
  margin-right: 0;
}

.bot-promotional-messages.full {
  background: #ffcc00;
  height: auto;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.bot-promotional-messages.full ul {
  padding: 3px 0;
}

.bot-promotional-messages.full ul li {
  margin: 0;
  display: block;
}

.bot-activation-fee {
  text-align: right;
  font-size: 1.6rem;
  line-height: 20px;
}

.bundles-container {
  width: 100%;
  max-width: 1024px;
  padding: 0;
  padding-left: 28px;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
}

.bundles-container .pointer {
  cursor: pointer;
}

.bundles-container .informational-messages {
  background: #fdebf4;
  color: #333;
  padding: 9px 8px;
  font-family: "VM Circular Light", sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: normal;
}

.bundles-container .promotional-messages {
  background: #ffcc00;
  margin: 10px 10px 0 10px;
  color: #333;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "VM Circular Light", sans-serif;
  line-height: normal;
}

.bundles-container .left-column {
  width: 64%;
  max-width: 636px;
  margin-right: 28px;
  padding-bottom: 23px;
  height: auto;
}

.bundles-container .left-column .preview-bundles-section {
  position: relative;
}

.bundles-container .left-column .legal-copy-section, .bundles-container .left-column .dagger-copy-section {
  font-size: 15px;
  font-size: 1.5rem;
  font-style: italic;
  margin: 10px;
  line-height: 18px;
  text-align: center;
  margin-bottom: 55px;
}

.bundles-container .left-column .bot-top-section {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 11px 0;
}

.bundles-container .left-column .bot-top-section .preview-bundle-title {
  display: -webkit-flex;
  display: flex;
}

.bundles-container .left-column .bot-top-section .preview-bundle-title .bundle-title {
  padding: 0;
  margin: 0 auto;
}

.bundles-container .left-column .bot-top-section .preview-bundle-title .bundle-title p {
  font-family: "VM Circular Light", sans-serif;
  font-size: 30px;
  font-size: 3rem;
  color: #333;
  line-height: 35px;
  margin: 0;
}

.bundles-container .left-column #extras-message-container {
  z-index: 1500;
  padding: 0 !important;
  width: 1024px;
  height: 768px;
  margin: 0 auto;
}

.bundles-container .left-column #extras-message-container .modal-backdrop {
  position: absolute;
  top: 0;
  right: 0;
  left: -16;
  background-color: #777777;
}

.bundles-container .left-column #extras-message-container .modal-backdrop.in {
  opacity: 1;
}

.bundles-container .left-column #extras-message-container .message-cta {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
  margin-top: 30px;
  margin-bottom: 40px;
}

.bundles-container .left-column #extras-message-container .message-cta .cta {
  padding: 12px 27px;
}

.bundles-container .left-column #extras-message-container .message-cta .cta.remove-extras a, .bundles-container .left-column #extras-message-container .message-cta .cta.remove-extras .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .bundles-container .left-column #extras-message-container .message-cta .cta.remove-extras span {
  float: none;
  cursor: pointer;
  font-family: "VM Circular Book", sans-serif;
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 22px;
  color: #333;
}

.bundles-container .left-column #extras-message-container .message-cta .cta.remove-extras a:hover, .bundles-container .left-column #extras-message-container .message-cta .cta.remove-extras .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:hover, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .bundles-container .left-column #extras-message-container .message-cta .cta.remove-extras span:hover {
  cursor: pointer;
  font-family: "VM Circular Book", sans-serif;
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 22px;
  color: #333;
}

.bundles-container .left-column #extras-message-container .message-cta .cta.keep-extras a, .bundles-container .left-column #extras-message-container .message-cta .cta.keep-extras .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .bundles-container .left-column #extras-message-container .message-cta .cta.keep-extras span {
  float: none;
  cursor: pointer;
  font-family: "VM Circular Book", sans-serif;
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 22px;
  color: #fff;
}

.bundles-container .left-column #extras-message-container .message-cta .cta.keep-extras a:hover, .bundles-container .left-column #extras-message-container .message-cta .cta.keep-extras .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:hover, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .bundles-container .left-column #extras-message-container .message-cta .cta.keep-extras span:hover {
  cursor: pointer;
  font-family: "VM Circular Book", sans-serif;
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 22px;
  color: #fff;
}

.bundles-container .left-column #extras-message-container .modal-header {
  border: none;
}

.bundles-container .left-column #extras-message-container .message-body {
  max-width: 385px;
  margin: 0 auto;
  font-family: "VM Circular Book", sans-serif;
  font-size: 20px;
  font-size: 2rem;
  color: #666;
  line-height: 25px;
  text-align: center;
}

.bundles-container .right-column {
  width: 36%;
  max-width: 332px;
  background: #ffffff;
}

.bundles-container .right-column .add-entertainment-picks.add-extras .add-extras-inner .add-extras-item {
  height: 76px;
}

.bundles-container .right-column .add-extras {
  padding: 8px 0;
}

.bundles-container .right-column .add-extras .add-extras-title {
  font-family: "VM Circular Book", sans-serif;
  font-size: 20px;
  font-size: 2rem;
  color: #333;
  line-height: 25px;
  margin: 0;
  margin-bottom: 7px;
  padding-left: 20px;
  padding-right: 20px;
}

.bundles-container .right-column .add-extras.add-streaming2-extras .add-extras-title {
  width: 50%;
}

.bundles-container .right-column .add-extras .message {
  margin: 0 20px 10px 20px;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  background: #ffcc00;
}

.bundles-container .right-column .add-extras .add-extras-inner {
  padding: 0 20px;
}

.bundles-container .right-column .add-extras .add-extras-inner .add-extras-item {
  float: left;
  display: inline-block;
  max-width: 48.6%;
  min-width: 142px;
  height: 83px;
  position: relative;
  border: 1px solid #c5c5c5;
  margin-bottom: 8px;
  cursor: pointer;
  background: #fff;
}

.bundles-container .right-column .add-extras .add-extras-inner .add-extras-item:nth-child(2n+2) {
  margin-left: 8px;
}

.bundles-container .right-column .add-extras .add-extras-inner .add-extras-item .add-extras-item-inner {
  display: -webkit-flex;
  display: flex;
  height: 100%;
}

.bundles-container .right-column .add-extras .add-extras-inner .add-extras-item .add-extras-item-inner .add-extras-item-content {
  width: 100%;
}

.bundles-container .right-column .add-extras .add-extras-inner .add-extras-item .add-extras-item-inner .add-extras-item-content .add-extras-icon {
  max-height: 25px;
}

.bundles-container .right-column .add-extras .add-extras-inner .add-extras-item .add-extras-item-inner .add-extras-item-content .add-extras-text {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: normal;
  font-family: "VM Circular Book", sans-serif;
}

.bundles-container .right-column .add-extras .add-extras-inner .add-extras-item .add-extras-item-inner .add-extras-item-content .add-extras-text .add-extras-check {
  margin-top: 10px;
  display: -webkit-flex;
  display: flex;
}

.bundles-container .right-column .add-extras .add-extras-inner .add-extras-item .add-extras-item-inner .add-extras-item-content .add-extras-text .add-extras-check:before {
  margin-right: 5px;
  content: '';
  display: -webkit-flex;
  display: flex;
  font-size: 11px;
  font-size: 1.1rem;
  color: #fff;
  border-radius: 15px;
  border: 1px solid #c5c5c5;
  width: 15px;
  height: 15px;
  display: block;
}

.bundles-container .right-column .add-extras .add-extras-inner .add-extras-item .add-top-extras-item-inner {
  -webkit-align-items: center;
  align-items: center;
}

.bundles-container .right-column .add-extras .add-extras-inner .add-extras-item .add-top-extras-item-inner .add-extras-item-content .add-extras-text .add-extras-check {
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.bundles-container .right-column .add-extras .add-extras-inner .add-extras-item .add-entertainment-picks-item-inner {
  padding: 0px 10px;
}

.bundles-container .right-column .add-extras .add-extras-inner .add-extras-item .add-entertainment-picks-item-inner .add-extras-item-content .add-extras-item-title {
  font-size: 15px;
  font-size: 1.5rem;
}

.bundles-container .right-column .add-extras .add-extras-inner .add-extras-item .add-entertainment-picks-item-inner .add-extras-item-content .add-extras-text .add-extras-check:before {
  margin-top: 15px;
}

.bundles-container .right-column .add-extras .add-extras-inner .add-extras-item .add-entertainment-picks-item-inner .add-extras-item-content .add-extras-icon {
  position: absolute;
  right: 5px;
  bottom: 5px;
}

.bundles-container .right-column .add-extras .add-extras-inner .add-extras-item.disabled, .bundles-container .right-column .add-extras .add-extras-inner .add-extras-item.included {
  cursor: auto;
  opacity: 0.5;
  pointer-events: none;
}

.bundles-container .right-column .add-extras .add-extras-inner .add-extras-item.included, .bundles-container .right-column .add-extras .add-extras-inner .add-extras-item.selected {
  border: 3px solid #ed0000;
}

.bundles-container .right-column .add-extras .add-extras-inner .add-extras-item.included .add-extras-item-inner .add-extras-item-content .add-extras-text, .bundles-container .right-column .add-extras .add-extras-inner .add-extras-item.selected .add-extras-item-inner .add-extras-item-content .add-extras-text {
  color: #ed0000;
}

.bundles-container .right-column .add-extras .add-extras-inner .add-extras-item.included .add-extras-item-inner .add-extras-item-content .add-extras-text .add-extras-check:before, .bundles-container .right-column .add-extras .add-extras-inner .add-extras-item.selected .add-extras-item-inner .add-extras-item-content .add-extras-text .add-extras-check:before {
  background: #ed0000;
  content: "";
  border: 1px solid #ed0000;
  font-family: "FontAwesome", sans-serif;
  width: 15px;
  height: 15px;
  padding: 1px;
}

.bundles-container .right-column .add-extras.add-streaming-extras .add-extras-text {
  padding: 0 10px;
  text-align: left;
}

.bundles-container .right-column .add-extras.add-streaming2-extras .add-extras-inner .add-extras-item {
  height: 100%;
}

.bundles-container .right-column .add-extras.add-streaming2-extras .add-extras-inner .add-extras-item .add-extras-item-inner .add-extras-item-content .add-extras-icon {
  width: 100%;
  max-height: 100%;
}

.bundles-container .right-column .add-extras.add-streaming2-extras .add-extras-inner .add-extras-item .add-extras-item-inner .add-extras-item-content .add-extras-text {
  color: #666;
  text-align: center;
}

.bundles-container .right-column .add-extras.add-streaming2-extras .add-extras-inner .add-extras-item .add-extras-item-inner .add-extras-item-content .add-extras-text .add-extras-item-title {
  margin-top: 5px;
  margin-bottom: 15px;
  font-size: 11px;
  font-size: 1.1rem;
}

.bundles-container .right-column .add-extras.add-streaming2-extras .add-extras-inner .add-extras-item .add-extras-item-inner .add-extras-item-content .add-extras-text .add-extras-check {
  margin-top: 3px;
  padding-bottom: 35px;
  position: relative;
  font-size: 10px;
  font-size: 1rem;
}

.bundles-container .right-column .add-extras.add-streaming2-extras .add-extras-inner .add-extras-item .add-extras-item-inner .add-extras-item-content .add-extras-text .add-extras-check:before {
  position: absolute;
  bottom: 10px;
}

.bundles-container .right-column .add-extras.add-streaming2-extras .add-extras-inner .add-extras-item.included, .bundles-container .right-column .add-extras.add-streaming2-extras .add-extras-inner .add-extras-item.selected {
  border: 1px solid #c5c5c5;
}

.bundles-container .right-column .add-extras.add-streaming2-extras .add-extras-inner .add-extras-item.included .add-extras-item-inner .add-extras-item-content .add-extras-text .add-extras-check:before, .bundles-container .right-column .add-extras.add-streaming2-extras .add-extras-inner .add-extras-item.selected .add-extras-item-inner .add-extras-item-content .add-extras-text .add-extras-check:before {
  background: green;
  border: 1px solid green;
}

.bundles-container .right-column .add-extras.add-streaming2-extras .add-extras-text {
  padding: 0 10px;
  text-align: left;
}

.bundles-container .right-column .comments {
  padding: 0 20px 32px 20px;
  font-family: "VM Circular Book", sans-serif;
}

.bundles-container .right-column .comments .comment {
  text-align: left;
}

.bundles-container .right-column .comments .comment .comment-title {
  font-family: "VM Circular Book", sans-serif;
  font-size: 20px;
  font-size: 2rem;
  color: #333;
  line-height: 25px;
  margin-bottom: 7px;
  margin-top: 0;
}

.bundles-container .right-column .comments .comment .comment-detail {
  font-family: "VM Circular Book", sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
  color: #666;
  line-height: 16px;
}

.bundles-container .right-column .more-info-label {
  color: #5f2878;
  text-decoration: underline;
  font-size: 11px;
  font-size: 1.1rem;
}

.bundles-container .right-column .more-info.modal {
  overflow: inherit;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  position: fixed;
  text-align: left;
  width: 1024px;
  height: 768px;
  margin: 0 auto;
}

.bundles-container .right-column .more-info.modal.in .modal-dialog {
  top: 46%;
}

.bundles-container .right-column .more-info.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.bundles-container .right-column .more-info .modal-dialog {
  top: 50%;
  position: absolute;
  right: 0;
  left: 0;
  -webkit-transform: translatey(-50%);
  -moz-transform: translatey(-50%);
  -ms-transform: translatey(-50%);
  -o-transform: translatey(-50%);
  transform: translatey(-50%);
}

.bundles-container .right-column .more-info .modal-dialog .close-modal {
  padding: 0;
  font-size: 30px;
  font-size: 3rem;
  margin-left: auto;
  float: right;
}

.bundles-container .right-column .more-info .modal-dialog .close-modal i {
  display: block;
  cursor: pointer;
}

.bundles-container .right-column .more-info .modal-dialog .modal-content {
  padding: 10px;
  padding-bottom: 0;
  border: none;
  overflow-y: auto;
  -webkit-box-shadow: white 0px 0px 0px;
  box-shadow: white 0px 0px 0px;
}

.bundles-container .right-column .more-info .modal-dialog .modal-content .modal-header {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  text-align: left;
  border: none;
  padding: 10px;
}

.bundles-container .right-column .more-info .modal-dialog .modal-content .modal-header .modal-title {
  font-family: "VM Circular Book", sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  color: #333;
  line-height: 27px;
  display: inline-block;
}

.bundles-container .bundle-section {
  position: relative;
  display: block;
  background-color: #fff;
  border: 1px solid #c5c5c5;
  border-bottom: none;
}

.bundles-container .bundle-section.with-right-promo {
  display: flex;
}

.bundles-container .bundle-section.with-right-promo .core-product {
  width: 50%;
  overflow-x: hidden;
  padding-right: 0px;
}

.bundles-container .bundle-section.with-right-promo .core-product .left-content {
  width: 100%;
}

.bundles-container .bundle-section.with-right-promo .core-product .left-content .tier-selection {
  width: 210px;
}

.bundles-container .bundle-section.with-right-promo .core-product .left-content .tier-selection h2 {
  max-width: 198px;
}

.bundles-container .bundle-section.with-right-promo .core-product .right-content {
  width: 0%;
  display: none;
}

.bundles-container .bundle-section.with-right-promo .right-promo-section {
  background-color: #EC0004;
  color: #ffffff;
  min-height: 126px;
  width: 50%;
  font-size: 13px;
  font-size: 1.3rem;
}

.bundles-container .bundle-section.with-right-promo .right-promo-section a, .bundles-container .bundle-section.with-right-promo .right-promo-section .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .bundles-container .bundle-section.with-right-promo .right-promo-section span {
  color: #ffcc00;
}

.bundles-container .bundle-section .core-product {
  padding-left: 15px;
  padding-right: 15px;
  min-height: 126px;
}

.bundles-container .bundle-section.disabled .core-product {
  opacity: 0.6;
  pointer-events: none;
  background-color: #f5f5f5;
}

.bundles-container .bundle-section.disabled .top-section .left-content .tier-selection:after {
  content: none;
}

.bundles-container .bundle-section.bundle-tv .left-section {
  position: relative;
  overflow: hidden;
}

.bundles-container .bundle-section.bundle-tv .left-section h3, .bundles-container .bundle-section.bundle-tv .left-section .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina .bundles-container .bundle-section.bundle-tv .left-section .acc-panel-title {
  font-size: 20px;
  font-size: 2rem;
}

.bundles-container .bundle-section.bundle-tv .left-section:after {
  content: '\f0d8';
  font-family: FontAwesome, sans-serif;
  font-size: 35px;
  font-size: 3.5rem;
  color: #4C225F;
  position: absolute;
  display: inline;
  text-align: center;
  bottom: -7px;
  left: 0;
  right: 0;
}

.bundles-container .bundle-section.bundle-tv .right-section {
  border-bottom: none;
}

.bundles-container .bundle-section.bundle-tv .bottom-section {
  width: 100%;
  padding: 11px 0 12px 0;
  display: -webkit-flex;
  display: flex;
  border-left: none;
  overflow: hidden;
}

.bundles-container .bundle-section.bundle-tv .bottom-section br {
  display: none;
}

.bundles-container .bundle-section.bundle-tv .bottom-section .list-channels {
  max-width: 80%;
  -webkit-flex-basis: auto;
  flex-basis: auto;
  overflow: hidden;
  min-height: 26px;
}

.bundles-container .bundle-section.bundle-tv .bottom-section .list-channels .channel-box {
  border: none;
  width: auto;
  height: auto;
  max-width: none;
  min-width: inherit;
  padding: 0 10px 0 0;
}

.bundles-container .bundle-section.bundle-tv .bottom-section .list-channels .channel-box.pointer p {
  color: #5f2878;
  font-size: 13px;
  font-size: 1.3rem;
  font-family: "VM Circular Book", sans-serif;
}

.bundles-container .bundle-section.bundle-tv .bottom-section .list-channels .channel-box.pointer p:before {
  content: '\f111';
  font-family: FontAwesome, sans-serif;
  font-size: 6px;
  font-size: 0.6rem;
  color: #5f2878;
  vertical-align: middle;
  padding-right: 4px;
}

.bundles-container .bundle-section.bundle-tv .bottom-section .list-channels .channel-box p {
  font-family: "VM Circular Book", sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
  color: #666;
  line-height: 16px;
  white-space: nowrap;
  width: auto;
  overflow: auto;
}

.bundles-container .bundle-section.bundle-tv .bottom-section .list-channels .channel-box p:before {
  content: '\f111';
  font-family: FontAwesome, sans-serif;
  font-size: 6px;
  font-size: 0.6rem;
  color: #666;
  vertical-align: middle;
  padding-right: 4px;
}

.bundles-container .bundle-section.bundle-tv .bottom-section .list-channels .channel-name {
  font-family: "VM Circular Book", sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
  color: #666;
  width: auto;
  height: auto;
  line-height: 16px;
  white-space: nowrap;
  padding-right: 10px;
}

.bundles-container .bundle-section.bundle-tv .bottom-section .list-channels .channel-name:before {
  content: '\f111';
  font-family: FontAwesome, sans-serif;
  font-size: 6px;
  font-size: 0.6rem;
  color: #666;
  vertical-align: middle;
  padding-right: 4px;
}

.bundles-container .bundle-section.bundle-mobile {
  border-bottom: 1px solid #c5c5c5;
}

.bundles-container .bundle-section.bundle-mobile .left-section {
  border-top-left-radius: 10px;
  background: #4C225F;
}

.bundles-container .bundle-section.bundle-mobile .right-section {
  border-top-right-radius: 10px;
}

.bundles-container .bundle-section.bundle-mobile .bottom-section {
  width: 100%;
  padding: 11px 0;
  display: -webkit-flex;
  display: flex;
  border-left: none;
  overflow: hidden;
}

.bundles-container .bundle-section.bundle-mobile .bottom-section br {
  display: none;
}

.bundles-container .bundle-section.bundle-mobile .bottom-section .list-channels {
  max-width: 80%;
  -webkit-flex-basis: auto;
  flex-basis: auto;
  overflow: hidden;
  min-height: 26px;
}

.bundles-container .bundle-section.bundle-mobile .bottom-section .list-channels .channel-box {
  border: none;
  padding: 0;
  width: auto;
  height: auto;
  max-width: none;
  min-width: inherit;
  padding-right: 10px;
}

.bundles-container .bundle-section.bundle-mobile .bottom-section .list-channels .channel-box p {
  font-family: "VM Circular Book", sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
  color: #666;
  line-height: 16px;
  white-space: nowrap;
  width: auto;
  overflow: auto;
}

.bundles-container .bundle-section.bundle-mobile .bottom-section .list-channels .channel-box p:before {
  content: '\f111';
  font-family: FontAwesome, sans-serif;
  font-size: 6px;
  font-size: 0.6rem;
  color: #666;
  vertical-align: middle;
  padding-right: 4px;
}

.bundles-container .bundle-section.bundle-mobile .bottom-section .list-channels .channel-name {
  font-family: "VM Circular Book", sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
  color: #666;
  width: auto;
  height: auto;
  line-height: 16px;
  white-space: nowrap;
  padding-right: 10px;
}

.bundles-container .bundle-section.bundle-mobile .bottom-section .list-channels .channel-name:before {
  content: '\f111';
  font-family: FontAwesome, sans-serif;
  font-size: 6px;
  font-size: 0.6rem;
  color: #666;
  vertical-align: middle;
  padding-right: 4px;
}

.bundles-container .bundle-section.bundle-ph .left-section {
  border-top: 1px solid #7F628C;
  background: #4C225F;
  border-bottom-left-radius: 10px;
}

.bundles-container .bundle-section.bundle-ph .right-section {
  border-bottom-right-radius: 10px;
}

.bundles-container .bundle-section.bundle-ph .bottom-section {
  width: 100%;
  padding: 11px 0 12px 0;
  display: -webkit-flex;
  display: flex;
  border-left: none;
  overflow: hidden;
}

.bundles-container .bundle-section.bundle-ph .bottom-section br {
  display: none;
}

.bundles-container .bundle-section.bundle-ph .bottom-section .list-channels {
  max-width: 80%;
  -webkit-flex-basis: auto;
  flex-basis: auto;
  overflow: hidden;
  min-height: 26px;
}

.bundles-container .bundle-section.bundle-ph .bottom-section .list-channels .channel-box {
  border: none;
  padding: 0;
  width: auto;
  height: auto;
  max-width: none;
  min-width: inherit;
  padding-right: 10px;
}

.bundles-container .bundle-section.bundle-ph .bottom-section .list-channels .channel-box p {
  font-family: "VM Circular Book", sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
  color: #666;
  line-height: 16px;
  white-space: nowrap;
  width: auto;
  overflow: auto;
}

.bundles-container .bundle-section.bundle-ph .bottom-section .list-channels .channel-box p:before {
  content: '\f111';
  font-family: FontAwesome, sans-serif;
  font-size: 6px;
  font-size: 0.6rem;
  color: #666;
  vertical-align: middle;
  padding-right: 4px;
}

.bundles-container .bundle-section.bundle-ph .bottom-section .list-channels .channel-name {
  font-family: "VM Circular Book", sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
  color: #666;
  width: auto;
  height: auto;
  line-height: 16px;
  white-space: nowrap;
  padding-right: 10px;
}

.bundles-container .bundle-section.bundle-ph .bottom-section .list-channels .channel-name:before {
  content: '\f111';
  font-family: FontAwesome, sans-serif;
  font-size: 6px;
  font-size: 0.6rem;
  color: #666;
  vertical-align: middle;
  padding-right: 4px;
}

.bundles-container .bundle-section.bundle-bb .left-section {
  background: #4C225F;
}

.bundles-container .bundle-section.bundle-bb .right-section {
  border-bottom: none;
}

.bundles-container .bundle-section.bundle-bb .bottom-section {
  width: 100%;
  padding: 11px 0 12px 0;
  display: -webkit-flex;
  display: flex;
  border-left: none;
  overflow: hidden;
}

.bundles-container .bundle-section.bundle-bb .bottom-section br {
  display: none;
}

.bundles-container .bundle-section.bundle-bb .bottom-section .list-channels {
  max-width: 80%;
  -webkit-flex-basis: auto;
  flex-basis: auto;
  overflow: hidden;
  min-height: 26px;
}

.bundles-container .bundle-section.bundle-bb .bottom-section .list-channels .channel-box {
  border: none;
  padding: 0;
  width: auto;
  height: auto;
  max-width: none;
  min-width: inherit;
  padding-right: 10px;
}

.bundles-container .bundle-section.bundle-bb .bottom-section .list-channels .channel-box p {
  font-family: "VM Circular Book", sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
  color: #666;
  line-height: 16px;
  white-space: nowrap;
  width: auto;
  overflow: auto;
}

.bundles-container .bundle-section.bundle-bb .bottom-section .list-channels .channel-box p:before {
  content: '\f111';
  font-family: FontAwesome, sans-serif;
  font-size: 6px;
  font-size: 0.6rem;
  color: #666;
  vertical-align: middle;
  padding-right: 4px;
}

.bundles-container .bundle-section.bundle-bb .bottom-section .list-channels .channel-name {
  font-family: "VM Circular Book", sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
  color: #666;
  width: auto;
  height: auto;
  line-height: 16px;
  white-space: nowrap;
  padding-right: 10px;
}

.bundles-container .bundle-section.bundle-bb .bottom-section .list-channels .channel-name:before {
  content: '\f111';
  font-family: FontAwesome, sans-serif;
  font-size: 6px;
  font-size: 0.6rem;
  color: #666;
  vertical-align: middle;
  padding-right: 4px;
}

.bundles-container .bundle-section .section-icon {
  margin: auto 0;
}

.bundles-container .bundle-section .bottom-section {
  width: 100%;
  min-height: 52px;
  padding: 15px 10px 5px 10px;
  display: -webkit-flex;
  display: flex;
  border-left: none;
}

.bundles-container .bundle-section .bottom-section br {
  display: none;
}

.bundles-container .bundle-section .top-section {
  height: 73px;
  min-width: 80px;
  width: 100%;
  color: #333;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
}

.bundles-container .bundle-section .top-section h3, .bundles-container .bundle-section .top-section .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina .bundles-container .bundle-section .top-section .acc-panel-title {
  text-align: center;
  line-height: 23px;
  margin: 0;
  font-size: 13px;
  font-size: 1.3rem;
  font-family: "VM Circular Book", sans-serif;
  color: #333;
}

.bundles-container .bundle-section .top-section .left-content {
  width: 70%;
  height: 100%;
  border-bottom: 1px solid #efefef;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bundles-container .bundle-section .top-section .left-content {
    width: 60%;
  }
}

.bundles-container .bundle-section .top-section .left-content .tier-selection {
  position: relative;
  border-radius: 10px;
  height: 25px;
  width: 80%;
  cursor: pointer;
  margin-left: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .bundles-container .bundle-section .top-section .left-content .tier-selection {
    max-width: 320px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bundles-container .bundle-section .top-section .left-content .tier-selection {
    width: 280px;
  }
}

.bundles-container .bundle-section .top-section .left-content .tier-selection:after {
  content: '\f078';
  font-family: FontAwesome, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #5f2878;
  float: left;
  position: relative;
  top: -2px;
}

.bundles-container .bundle-section .top-section .left-content h2 {
  display: block;
  /* Fallback for non-webkit */
  display: -webkit-box;
  height: 44px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  margin: 0;
  font-family: "VM Circular Book", sans-serif;
  padding: 2px 0 2px 28px;
  line-height: 1;
  font-size: 20px;
  font-size: 2rem;
  letter-spacing: 0;
  color: #333;
  max-width: 260px;
  float: left;
}

@media only screen and (min-width: 992px) {
  .bundles-container .bundle-section .top-section .left-content h2 {
    max-width: 95%;
  }
}

.bundles-container .bundle-section .top-section .left-content h2 span {
  padding-right: 10px;
}

.bundles-container .bundle-section .top-section .left-content h2 .selected {
  color: #ed0000;
  padding-right: 10px;
}

.bundles-container .bundle-section .top-section .left-content h2 .selected:before {
  content: '\f00C';
  font-family: FontAwesome, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #ed0000;
  position: absolute;
  top: 2px;
  left: 8px;
}

.bundles-container .bundle-section .top-section .left-content h2.no-left-caret {
  display: none;
}

.bundles-container .bundle-section .top-section .left-content h2 p {
  margin: 0;
}

.bundles-container .bundle-section .top-section .left-content .not-available:after {
  content: none;
}

.bundles-container .bundle-section .top-section .left-content.disabled {
  pointer-events: none;
  opacity: .5;
}

.bundles-container .bundle-section .top-section .tier-video a, .bundles-container .bundle-section .top-section .tier-video .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .bundles-container .bundle-section .top-section .tier-video span {
  display: -webkit-flex;
  display: flex;
  outline: none;
  font-size: 16px;
  font-size: 1.6rem;
}

.bundles-container .bundle-section .top-section .tier-video a:hover, .bundles-container .bundle-section .top-section .tier-video .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:hover, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .bundles-container .bundle-section .top-section .tier-video span:hover, .bundles-container .bundle-section .top-section .tier-video a:focus, .bundles-container .bundle-section .top-section .tier-video .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:focus, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .bundles-container .bundle-section .top-section .tier-video span:focus {
  outline: none;
  text-decoration: none;
}

.bundles-container .bundle-section .top-section .tier-video img {
  margin-right: 5px;
}

.bundles-container .bundle-section .top-section .add-extras {
  margin-left: auto;
  position: relative;
  opacity: 0.6;
  pointer-events: none;
  right: 0;
  z-index: 1;
  margin-top: 10px;
}

.bundles-container .bundle-section .top-section .add-extras.enabled {
  opacity: 1;
  pointer-events: auto;
}

.bundles-container .bundle-section .top-section .add-extras a, .bundles-container .bundle-section .top-section .add-extras .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .bundles-container .bundle-section .top-section .add-extras span {
  outline: none;
  margin: 0;
  display: block;
  font-family: "VM Circular Book", sans-serif;
  padding: 7.5px 17px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #333;
}

.bundles-container .bundle-section .top-section .add-extras a:hover, .bundles-container .bundle-section .top-section .add-extras .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:hover, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .bundles-container .bundle-section .top-section .add-extras span:hover, .bundles-container .bundle-section .top-section .add-extras a:focus, .bundles-container .bundle-section .top-section .add-extras .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:focus, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .bundles-container .bundle-section .top-section .add-extras span:focus {
  outline: none;
  text-decoration: none;
}

.bundles-container .bundle-section .right-content {
  width: 30%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  padding-left: 11px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bundles-container .bundle-section .right-content {
    width: 40%;
  }
}

.bundles-container .bundle-section .tier-left {
  width: 85px;
  text-align: center;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
}

.bundles-container .bundle-section .tier-left .title-info {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  position: relative;
}

.bundles-container .bundle-section .tier-left .core-icon-title {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  width: 81%;
}

.bundles-container .bundle-section .tier-left .core-icon-title .bundle-info {
  position: absolute;
  right: -22px;
  top: 0;
}

.bundles-container .bundle-info[disabled] {
  pointer-events: none;
  opacity: .5;
}

.bundles-container .bundle-info[disabled] .section-icon {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.bundles-container .bottom-section {
  width: 100%;
  padding: 10px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  border-left: none;
}

.bundles-container .bottom-section br {
  display: none;
}

.bundles-container .bottom-section .assistant {
  margin-right: 4px;
  width: 30px;
}

.bundles-container .bottom-section .assistant img {
  width: 100%;
}

.bundles-container .bottom-section .not-available-description {
  font-family: "VM Circular Book", sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
  color: #666;
  margin-bottom: 0;
}

.bundles-container .bottom-section .channel-box {
  font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
  height: 45px;
  max-width: 100px;
  min-width: 75px;
  padding: 2px 8px;
  line-height: 1;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  flex-direction: column;
  border: 1px solid #999;
  border-radius: 5px;
  margin-right: 5px;
}

.bundles-container .bottom-section .channel-box.pointer {
  cursor: pointer;
}

.bundles-container .bottom-section .channel-box p {
  overflow: hidden;
  width: 100%;
}

.bundles-container .bottom-section .channel-box img {
  max-height: 20px;
}

.bundles-container .bottom-section .channel-box * {
  margin: auto 0;
}

.bundles-container .bottom-section .channels-number {
  color: #007AFF;
  outline: none;
}

.bundles-container .bottom-section .channels-number span {
  border-color: #007AFF;
}

.bundles-container .bottom-section .channels-number:hover, .bundles-container .bottom-section .channels-number:focus {
  text-decoration: none;
  outline: none;
}

.bundles-container .bottom-section .list-channels {
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.bundles-container .bottom-section .channel-list-logos {
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  font-size: 14px;
  font-size: 1.4rem;
}

.bundles-container .bottom-section .channel-list-logos span:not(:first-child):before {
  content: '-';
  display: inline-block;
  margin: 0 5px;
}

.bundles-container .bottom-section .margin-top {
  margin-top: 10px;
}

.bundles-container .bottom-section .view-all {
  cursor: pointer;
  color: #5f2878;
  font-size: 13px;
  font-size: 1.3rem;
  font-family: "VM Circular Book", sans-serif;
  margin: auto;
  margin-right: 0;
}

.bundles-container .bottom-section .view-all p {
  margin: 0;
}

.bundles-container .bottom-section:last-child {
  border-bottom: none;
}

.bundles-container .bottom-section .lowest-price, .bundles-container .bottom-section .bottom-promo {
  background-color: #ffcc00;
  color: #333;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "VM Circular Light", sans-serif;
  padding-left: 14px;
  padding-right: 14px;
}

.bundles-container .bottom-section .bottom-promo {
  font-weight: bold;
  position: relative;
  padding-left: 20px;
  font-size: 13px;
  font-size: 1.3rem;
}

.bundles-container .bottom-section .bottom-promo:before {
  content: '\f111';
  font-family: FontAwesome, sans-serif;
  font-size: 6px;
  font-size: 0.6rem;
  color: #666;
  vertical-align: middle;
  position: absolute;
  left: 10px;
}

.bundles-container:first-child .right-section {
  border-top-right-radius: 10px;
}

.bundles-container:first-child .left-section {
  border-top-left-radius: 10px;
}

.bundles-container:last-child .right-section {
  border-bottom-right-radius: 10px;
}

.bundles-container:last-child .left-section {
  border-bottom-left-radius: 10px;
}

/* Bundle manager - Edit and Preview modes */
.bundle-manager {
  /*
    This was previously mistakenly added by startChatModal.scss
    TODO Consider revisiting this patch and making proper layout without this translation.
    */
}

.bundle-manager .ellipsis-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.bundle-manager:not(.no-absolute) {
  position: absolute;
}

.bundle-manager.modal {
  overflow: inherit;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  position: fixed;
  text-align: center;
  width: 1024px;
  height: 768px;
  margin: 0 auto;
}

.bundle-manager.modal.in .modal-dialog {
  top: 46%;
}

.bundle-manager.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.bundle-manager .close-modal {
  padding: 0;
  font-size: 30px;
  font-size: 3rem;
  margin-left: auto;
  float: right;
}

.bundle-manager .close-modal i {
  display: block;
  cursor: pointer;
}

.bundle-manager .modal-dialog {
  max-width: 554px;
  width: 100%;
  background-color: #ffffff;
  border: none;
  border-radius: 5px;
  display: inline-block;
  vertical-align: middle;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}

.bundle-manager .modal-dialog .action {
  line-height: 24px;
  background-color: #f7f7f7;
  margin-top: 0;
  cursor: pointer;
  text-align: left;
  padding: 12px 20px;
  color: #5f2878;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "VM Circular Book", sans-serif;
  border-radius: 0 0 5px 5px;
}

.bundle-manager .modal-dialog .modal-content {
  padding: 10px;
  padding-bottom: 0;
  border: none;
  overflow-y: auto;
  -webkit-box-shadow: white 0px 0px 0px;
  box-shadow: white 0px 0px 0px;
}

.bundle-manager .modal-dialog .modal-content .modal-header {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  text-align: left;
  border: none;
  padding: 10px;
}

.bundle-manager .modal-dialog .modal-content .modal-header .modal-title {
  font-family: "VM Circular Book", sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  color: #333;
  line-height: 27px;
  display: inline-block;
}

.bundle-manager .modal-dialog .modal-content .modal-body.tiers {
  padding: 10px;
  max-height: 500px;
  overflow-y: auto;
}

.bundle-manager .modal-dialog .modal-content .modal-body.tiers .tier {
  display: flex;
  height: auto;
  margin: 10px 0;
  font-family: "VM Circular Book", sans-serif;
  font-style: normal;
  color: #666666;
  line-height: 55px;
}

.bundle-manager .modal-dialog .modal-content .modal-body.tiers .tier .tier-box {
  position: relative;
  width: 100%;
  font-size: 18px;
  text-align: left;
  border: 1px solid #ccc;
  background-color: #ffffff;
  cursor: pointer;
  overflow: hidden;
  display: inline-block;
}

.bundle-manager .modal-dialog .modal-content .modal-body.tiers .tier .tier-box i {
  display: none;
}

.bundle-manager .modal-dialog .modal-content .modal-body.tiers .tier .tier-box.selected {
  border: 3px solid #ed0000;
}

.bundle-manager .modal-dialog .modal-content .modal-body.tiers .tier .tier-box.selected .tier-top .tier-name {
  color: #ed0000;
}

.bundle-manager .modal-dialog .modal-content .modal-body.tiers .tier .tier-box.selected i {
  display: inline;
}

.bundle-manager .modal-dialog .modal-content .modal-body.tiers .tier .tier-box.disabled {
  pointer-events: none;
  opacity: 0.6;
}

.bundle-manager .modal-dialog .modal-content .modal-body.tiers .tier .tier-box.disabled .informational-messages {
  pointer-events: all;
}

.bundle-manager .modal-dialog .modal-content .modal-body.tiers .tier .tier-box .tier-top {
  padding: 7px 16px;
  overflow: hidden;
}

.bundle-manager .modal-dialog .modal-content .modal-body.tiers .tier .tier-box .tier-top .tier-name {
  width: 300px;
  float: left;
  line-height: 23px;
  color: #333;
  padding: 11px 0;
}

.bundle-manager .modal-dialog .modal-content .modal-body.tiers .tier .tier-box .tier-top .tier-name i {
  margin-right: 5px;
}

.bundle-manager .modal-dialog .modal-content .modal-body.tiers .tier .tier-box .tier-top .tier-name-icon {
  float: right;
  margin-top: 5px;
}

.bundle-manager .modal-dialog .modal-content .modal-body.tiers .tier .tier-box .tier-top .tier-name-icon img {
  max-height: 35px;
}

.bundle-manager .modal-dialog .modal-content .modal-body.tiers .tier .tier-box .tier-top .price {
  position: relative;
  top: 5px;
  float: right;
  text-align: right;
  color: #666;
  line-height: 23px;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  font-size: 1.8rem;
  padding: 7px 0;
}

.bundle-manager .modal-dialog .modal-content .modal-body.tiers .tier .tier-box .tier-top .price.hidden {
  display: none;
}

.bundle-manager .modal-dialog .modal-content .modal-body.tiers .tier .tier-bottom {
  padding: 0 16px;
  background: #f7f7f7;
}

.bundle-manager .modal-dialog .modal-content .modal-body.tiers .tier .tier-bottom .tier-description {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  box-shadow: none;
  text-align: left;
  border-radius: 0;
  color: #000;
  padding: 16px 0;
}

.bundle-manager .modal-dialog .modal-content .modal-body.tiers .tier .tier-bottom .tier-description span {
  display: inline-block;
  overflow: hidden;
  height: 100%;
}

.bundle-manager .modal-dialog .modal-content .modal-body.tiers .tier .tier-bottom .tier-description ul {
  padding-left: 15px;
  margin-bottom: 0;
}

.bundle-manager .modal-dialog .modal-content .modal-body.tiers .tier .tier-bottom .tier-description ul li {
  line-height: 16px;
  font-size: 13px;
  font-size: 1.3rem;
  color: #333;
  margin-bottom: 6px;
  font-family: "VM Circular Book", sans-serif;
}

.bundle-manager .modal-dialog .modal-content .modal-body.tiers .tier .tier-bottom .tier-description ul li:last-child {
  margin-bottom: 0px;
}

.bundle-manager.modal.in .modal-dialog {
  top: 50%;
  position: absolute;
  right: 0;
  left: 0;
  -webkit-transform: translatey(-50%);
  -moz-transform: translatey(-50%);
  -ms-transform: translatey(-50%);
  -o-transform: translatey(-50%);
  transform: translatey(-50%);
}

/* Bundle manager - Preview mode */
.preview-bundle-section .bundle-manager {
  /*
            Stylize modal having nr-items-{number} class where number between
               $fromItemNumber and $toItemNumber.
         */
}

.preview-bundle-section .bundle-manager .modal-backdrop {
  position: fixed;
  height: 100% !important;
}

.preview-bundle-section .bundle-manager.modal {
  overflow: inherit;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  position: fixed;
  text-align: center;
}

.preview-bundle-section .bundle-manager.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.preview-bundle-section .bundle-manager.modal .modal-dialog .modal-content {
  max-height: 645px;
}

.bundle-extras:not(.no-absolute) {
  position: absolute;
}

.bundle-extras.modal {
  overflow: inherit;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  position: fixed;
  text-align: center;
}

.bundle-extras.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.bundle-extras .modal-backdrop {
  position: fixed;
  height: 100% !important;
}

.bundle-extras .modal-dialog {
  max-width: 732px;
  width: 100%;
  background-color: #fff;
  padding: 5px;
  display: inline-block;
  vertical-align: middle;
  border: none;
  border-radius: 8px;
}

.bundle-extras .modal-content {
  padding: 5px 10px;
  border: none;
  border-radius: 0;
  max-height: 677px;
  height: 100%;
  overflow-y: auto;
  -webkit-box-shadow: white 0px 0px 0px;
  box-shadow: white 0px 0px 0px;
}

.bundle-extras .modal-header {
  position: relative;
  display: block;
  border: none;
  padding: 0;
}

.bundle-extras .modal-header .close-modal {
  width: auto;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0;
  background: transparent;
  font-weight: bold;
  color: #000;
  cursor: pointer;
  font-size: 25.5px;
  font-size: 2.55rem;
  float: right;
}

.bundle-extras .modal-body {
  padding: 0 5px;
  margin: 0 auto;
}

.bundle-extras .modal-body br {
  display: none;
}

.bundle-extras .modal-body .channel-box {
  position: relative;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  width: calc(100% * (1/4) - 15px);
  height: 67px;
  color: #333;
  font-family: "VM Circular Book", sans-serif;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  flex-direction: column;
  border: 1px solid #dbdbdb;
  margin-left: 20px;
  margin-bottom: 70px;
}

.bundle-extras .modal-body .channel-box:nth-child(4n+1) {
  margin-left: 0;
}

.bundle-extras .modal-body .channel-box.channel-name {
  width: 75px;
}

.bundle-extras .modal-body .channel-box p {
  overflow: hidden;
  width: 100%;
  line-height: 23px;
}

.bundle-extras .modal-body .channel-box small {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 10px;
  line-height: 20px;
  font-family: "VM Circular Light", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
}

.bundle-extras .modal-body .channel-box img {
  max-height: 35px;
  margin: auto;
}

.bundle-extras .modal-body .channel-box * {
  margin: auto 0;
}

.bundle-extras .modal-body .list-channels {
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}

.bundle-extras .modal-body .channel-list-logos {
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-top: 20px;
}

.bundle-extras .included-section h2, .bundle-extras .extras-section h2 {
  font-family: "VM Circular Book", sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 27px;
  margin: 0 0 20px 0;
}

.bundle-overlay {
  padding: 0 !important;
  width: 1024px;
  height: 100%;
  margin: 0 auto;
}

@media only screen and (min-width: 1200px) {
  .bundle-overlay {
    height: 768px;
  }
}

.bundle-overlay.modal {
  overflow-y: hidden;
}

.bundle-overlay .modal-dialog {
  border: none;
}

.bundle-overlay .container {
  max-width: 100%;
  min-height: 100%;
  min-width: 936px;
}

.bundle-overlay .modal-content {
  border-radius: 0;
  border: none;
  height: 100%;
  box-shadow: none;
  background: #e4e4e4;
}

.bundle-overlay .modal-header {
  border: none;
  padding: 0;
}

.bundle-overlay .close-modal {
  background: #666666;
  padding: 10px 0;
  width: 50px;
  height: 50px;
  color: white;
  cursor: pointer;
  font-size: 30px;
  font-size: 3rem;
  float: left;
}

.bundle-overlay.flat .close-modal {
  padding: 12px 0;
  height: 64px;
}

.bundle-overlay .modal-dialog {
  width: 100%;
  height: 100%;
  margin: 0;
}

.bundle-overlay .modal-body {
  height: 100%;
  overflow-y: auto;
}

.bundle-overlay .modal-body .video-wrapper {
  max-width: 760px;
  margin: 20px auto;
  padding: 0 35px;
}

.bundle-overlay .modal-body .no-video {
  font-size: 24px;
  font-size: 2.4rem;
  color: #ed0000;
}

.bundle-overlay .modal-footer {
  padding: 0;
  position: absolute;
  left: 0;
  right: 0;
  border: none;
  bottom: -54px;
}

.bundle-overlay .modal-footer .close-btn {
  background-color: #ccc;
  color: #000;
  opacity: 1;
  font-weight: 400;
}

.bundle-overlay.flat .modal-dialog {
  padding: 64px 28px 66px !important;
}

.bundle-overlay.flat .modal-backdrop {
  opacity: 1;
  background-color: #333;
}

.bundle-overlay.flat .close-modal {
  float: right;
  width: auto;
  padding: 15px 0;
  background: transparent;
  font-weight: bold;
}

.bundle-overlay.flat:not(.with-close) .close-modal {
  display: none;
}

.bundle-overlay.flat .modal-header, .bundle-overlay.flat .modal-body {
  position: relative;
  top: -64px;
}

.bundle-overlay.flat .modal-title {
  line-height: 64px;
  color: #fff;
  font-family: "VM Circular Light", sans-serif;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 95%;
}

.bundle-overlay.flat .modal-title * {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

#extras-tv .bundle-overlay.flat {
  padding: 60px 28px !important;
}

.plus-this-wrapper .plus-bullets ul li, .plus-this-wrapper .plus-bullets ol li, .plus-this-wrapper .plus-bullets p li, .plus-this-wrapper .plus-bullets p {
  line-height: 20px;
  margin-bottom: 20px !important;
}

.plus-this-wrapper .plus-bullets ul li:before, .plus-this-wrapper .plus-bullets ol li:before, .plus-this-wrapper .plus-bullets p li:before, .plus-this-wrapper .plus-bullets p:before {
  content: "";
  font-family: "FontAwesome", sans-serif;
  color: #000;
  font-size: 30px;
  font-size: 3rem;
  margin-right: 10px;
  min-width: 30px;
}

.plus-this-wrapper {
  padding: 10px;
}

.plus-this-wrapper h2 {
  margin: 0 0 15px 0;
  font-family: "VM Circular Book", sans-serif;
  font-size: 20px;
  font-size: 2rem;
  line-height: 27px;
}

.plus-this-wrapper .plus-bullets ul, .plus-this-wrapper .plus-bullets ol, .plus-this-wrapper .plus-bullets p {
  margin: 0;
  padding: 0;
  color: #666;
  font-family: "VM Circular Light", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  list-style: none;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.plus-this-wrapper .plus-bullets ul li, .plus-this-wrapper .plus-bullets ol li, .plus-this-wrapper .plus-bullets p li {
  display: -webkit-flex;
  display: flex;
}

.plus-this-wrapper .plus-bullets p {
  -webkit-flex-direction: row;
  flex-direction: row;
}

.extras-wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  width: 100%;
}

.extras-container {
  width: 100%;
}

@media only screen and (min-width: 1200px) {
  .extras-container {
    width: 1200px;
  }
}

.extra-title {
  margin-top: 20px;
}

.box-measure {
  position: absolute;
  visibility: hidden;
  left: -1000px;
  top: -1000px;
}

.yellow-ribbon {
  width: 100%;
  background: #ffcc00;
  color: #333;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px;
  padding: 2px 16px;
}

.by-including-a-sim-i {
  font-family: "VM Circular Book", sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.08;
  letter-spacing: normal;
  padding: 7px 67px;
}

.collection-wrapper, .special-wrapper, .category-wrapper {
  margin-bottom: 0;
}

.collection-wrapper .extras-box.full.active .box-info, .special-wrapper .extras-box.full.active .box-info, .category-wrapper .extras-box.full.active .box-info {
  position: relative;
}

.collection-wrapper .extras-box.full.active .box-info:after, .special-wrapper .extras-box.full.active .box-info:after, .category-wrapper .extras-box.full.active .box-info:after {
  content: '';
  background: #ed0000;
  width: 4px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.collection-wrapper .extras-box.full.active .box-info .collection-info, .collection-wrapper .extras-box.full.active .box-info .special-info, .special-wrapper .extras-box.full.active .box-info .collection-info, .special-wrapper .extras-box.full.active .box-info .special-info, .category-wrapper .extras-box.full.active .box-info .collection-info, .category-wrapper .extras-box.full.active .box-info .special-info {
  position: relative;
}

.collection-wrapper .extras-box.full.active .box-info .collection-info:after, .collection-wrapper .extras-box.full.active .box-info .special-info:after, .special-wrapper .extras-box.full.active .box-info .collection-info:after, .special-wrapper .extras-box.full.active .box-info .special-info:after, .category-wrapper .extras-box.full.active .box-info .collection-info:after, .category-wrapper .extras-box.full.active .box-info .special-info:after {
  content: '';
  background: #ed0000;
  width: 100%;
  height: 4px;
  position: absolute;
  top: 0;
  left: 0;
}

.collection-wrapper .extras-box.full.active .box-info .collection-info:before, .collection-wrapper .extras-box.full.active .box-info .special-info:before, .special-wrapper .extras-box.full.active .box-info .collection-info:before, .special-wrapper .extras-box.full.active .box-info .special-info:before, .category-wrapper .extras-box.full.active .box-info .collection-info:before, .category-wrapper .extras-box.full.active .box-info .special-info:before {
  content: '';
  background: #ed0000;
  width: 100%;
  height: 4px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.collection-wrapper .extras-box.full.active .box-info .icon-select, .special-wrapper .extras-box.full.active .box-info .icon-select, .category-wrapper .extras-box.full.active .box-info .icon-select {
  margin-top: 5px;
}

.collection-wrapper .extras-box.full.active .box-info .main-image-wrap, .special-wrapper .extras-box.full.active .box-info .main-image-wrap, .category-wrapper .extras-box.full.active .box-info .main-image-wrap {
  padding: 0;
  position: relative;
}

.collection-wrapper .extras-box.full.active .box-info .main-image-wrap:after, .special-wrapper .extras-box.full.active .box-info .main-image-wrap:after, .category-wrapper .extras-box.full.active .box-info .main-image-wrap:after {
  content: '';
  border: 4px solid #ed0000;
  border-right: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.collection-wrapper .extras-box.full .box-info, .special-wrapper .extras-box.full .box-info, .category-wrapper .extras-box.full .box-info {
  position: relative;
  padding: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
}

.collection-wrapper .extras-box.full .box-info .collection-info, .special-wrapper .extras-box.full .box-info .collection-info, .category-wrapper .extras-box.full .box-info .collection-info {
  padding: 12px 16px 16px 12px;
  width: 68%;
  max-height: 157px;
  background-color: #fff;
}

.collection-wrapper .extras-box.full .box-info .collection-info .box-img, .special-wrapper .extras-box.full .box-info .collection-info .box-img, .category-wrapper .extras-box.full .box-info .collection-info .box-img {
  height: 30px;
}

.collection-wrapper .extras-box.full .box-info .collection-info .btn, .special-wrapper .extras-box.full .box-info .collection-info .btn, .category-wrapper .extras-box.full .box-info .collection-info .btn {
  margin-top: -16px;
}

.collection-wrapper .extras-box.full .box-info .special-info, .special-wrapper .extras-box.full .box-info .special-info, .category-wrapper .extras-box.full .box-info .special-info {
  padding: 10px 16px;
  width: 68%;
  background-color: #fff;
}

.collection-wrapper .extras-box.full .box-info .special-info .btn, .special-wrapper .extras-box.full .box-info .special-info .btn, .category-wrapper .extras-box.full .box-info .special-info .btn {
  position: absolute;
  right: 18px;
  bottom: 18px;
}

.collection-wrapper .extras-box.full .box-info .special-info p, .special-wrapper .extras-box.full .box-info .special-info p, .category-wrapper .extras-box.full .box-info .special-info p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px;
}

.collection-wrapper .extras-box.full .box-info .special-info small, .special-wrapper .extras-box.full .box-info .special-info small, .category-wrapper .extras-box.full .box-info .special-info small {
  font-size: 10px;
  font-size: 1rem;
  max-width: 360px;
  display: inline-block;
}

.collection-wrapper .extras-box.full .box-info .special-info small.selected, .special-wrapper .extras-box.full .box-info .special-info small.selected, .category-wrapper .extras-box.full .box-info .special-info small.selected {
  font-size: 17px;
  font-size: 1.7rem;
  display: inline-block;
  position: absolute;
  right: 18px;
  bottom: 18px;
}

.collection-wrapper .extras-box.full .box-info .special-info .special-title, .special-wrapper .extras-box.full .box-info .special-info .special-title, .category-wrapper .extras-box.full .box-info .special-info .special-title {
  display: -webkit-flex;
  display: flex;
  margin: 0 0 5px 5px;
}

.collection-wrapper .extras-box.full .box-info ul li:first-child, .special-wrapper .extras-box.full .box-info ul li:first-child, .category-wrapper .extras-box.full .box-info ul li:first-child {
  padding: 0;
}

.collection-wrapper .extras-box.full .box-info .main-image-wrap, .special-wrapper .extras-box.full .box-info .main-image-wrap, .category-wrapper .extras-box.full .box-info .main-image-wrap {
  width: 289px;
}

.collection-wrapper .extras-box.full .box-info .main-image-wrap img, .special-wrapper .extras-box.full .box-info .main-image-wrap img, .category-wrapper .extras-box.full .box-info .main-image-wrap img {
  margin: 0;
}

.collection-wrapper .extras-box.full .box-info .box-top, .special-wrapper .extras-box.full .box-info .box-top, .category-wrapper .extras-box.full .box-info .box-top {
  margin-top: 10px;
}

.collection-wrapper .extras-box.full .box-info .box-top .box-text, .special-wrapper .extras-box.full .box-info .box-top .box-text, .category-wrapper .extras-box.full .box-info .box-top .box-text {
  padding-top: 0;
}

.collection-wrapper .extras-box.full .box-info .box-top .direction-column, .special-wrapper .extras-box.full .box-info .box-top .direction-column, .category-wrapper .extras-box.full .box-info .box-top .direction-column {
  -webkit-align-items: flex-end;
  align-items: flex-end;
}

.collection-wrapper .extras-box .box-info .box-img, .special-wrapper .extras-box .box-info .box-img, .category-wrapper .extras-box .box-info .box-img {
  margin: 10px 0 auto 0;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.collection-wrapper .extras-box .box-info .box-img img, .special-wrapper .extras-box .box-info .box-img img, .category-wrapper .extras-box .box-info .box-img img {
  max-height: 30px;
  margin: 0 15px 0 0;
}

.collection-wrapper .extras-box.active .box-info .box-top, .special-wrapper .extras-box.active .box-info .box-top, .category-wrapper .extras-box.active .box-info .box-top {
  max-width: 100%;
}

.collection-wrapper .extras-box .icon-info-new-container, .special-wrapper .extras-box .icon-info-new-container, .category-wrapper .extras-box .icon-info-new-container {
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
}

.collection-wrapper .extras-box .icon-info-new-container .icon-info-new, .special-wrapper .extras-box .icon-info-new-container .icon-info-new, .category-wrapper .extras-box .icon-info-new-container .icon-info-new {
  position: relative;
  right: 0;
  top: 0;
}

.extras-info {
  margin-bottom: 25px;
}

.extras-info p {
  font-family: "VM Circular Book", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #666;
  line-height: 20px;
}

.extras-info h5 {
  font-family: "VM Circular Light", sans-serif;
  font-size: 30px;
  font-size: 3rem;
  color: #333;
  line-height: 35px;
  margin: 0 auto;
}

.extras-box {
  position: relative;
  width: calc(33.2% - 10px);
  max-width: 292px;
  margin: 0 0 15px 0;
}

.extras-box.full {
  width: 100%;
}

.extras-box:not(.small) {
  min-height: 210px;
}

.extras-box ~ .extras-box {
  margin-left: 15px;
}

.extras-box:nth-child(3n + 1) {
  margin-left: 0;
}

.extras-box .icon-info-new {
  position: absolute;
  right: 10px;
  top: 13px;
  z-index: 99;
}

.extras-box .box-info {
  height: 100%;
  background: #fff;
  padding: 10px 15px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.extras-box .box-info .bottom-right-align {
  margin-left: auto;
}

.extras-box .box-info .box-top {
  font-family: "VM Circular Book", sans-serif;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  font-size: 18px;
  font-size: 1.8rem;
  color: #333;
}

.extras-box .box-info .box-top .icon-info {
  color: #999;
  margin-left: auto;
}

.extras-box .box-info img {
  margin: 0 auto;
  max-height: 150px;
  margin-top: 36px;
  margin-bottom: 30px;
}

.extras-box .box-info .icon-select {
  margin-right: 5px;
  display: none;
  margin-top: 11px;
}

.extras-box .box-info small {
  font-family: "VM Circular Book", sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
}

.extras-box .box-info ul {
  margin: 0;
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.extras-box .box-info ul li {
  padding: 0;
  font-family: "VM Circular Book", sans-serif;
  font-size: 17px;
  font-size: 1.7rem;
  color: #333;
}

.extras-box .box-info ul li small {
  font-size: 17px;
  font-size: 1.7rem;
}

.extras-box .box-info ul li:first-child {
  padding: 7px 0;
}

.extras-box .box-info ul li:first-child span {
  font-size: 18px;
  font-size: 1.8rem;
}

.extras-box .box-info ul li:last-child {
  margin-left: auto;
}

.extras-box .box-info ul li.full-width-rte {
  padding: 0;
  margin: 0;
  width: 100%;
}

.extras-box .box-info ul.direction-column {
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

.extras-box .box-info ul.direction-column li {
  line-height: 1;
}

.extras-box .box-info ul.direction-column li:last-child {
  margin-left: 0;
}

.extras-box .box-info .box-img {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin: auto;
}

.extras-box .box-info .box-text {
  line-height: 23px;
  padding-right: 10px;
  padding-top: 7px;
  display: block;
  max-height: 75px;
  overflow: hidden;
  width: 100%;
}

.extras-box .require-info {
  background-color: #fdebf4;
  font-family: "VM Circular Light", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #333;
  line-height: 20px;
  padding: 3px 16px;
  min-height: 26px;
}

.extras-box.active .box-info {
  box-shadow: inset 0 0 0 3px #ed0000;
}

.extras-box.active .box-info .box-top {
  color: #ed0000;
  max-width: 213px;
  word-wrap: break-word;
}

.extras-box.active .box-info .fa-check {
  display: inherit;
}

.extras-box.small {
  min-height: 165px;
}

.extras-box.small .box-info {
  height: 165px;
}

.extras-box.small .box-info .bottom-right-align {
  margin-top: auto;
}

.extras-box.small .box-info .bottom-right-align li {
  line-height: 23px;
}

.extras-box.disabled {
  pointer-events: none;
}

.extras-box.disabled .box-info {
  opacity: .6;
}

.extras-box.add-box-wrapper .box-info {
  border: 4px dashed #efefef;
}

.tv-extras-container {
  margin-top: 15px;
  padding: 0 14px;
}

@media only screen and (min-width: 1200px) {
  .tv-extras-container .top-section {
    max-width: 909px;
    padding: 0;
    margin: 0 auto;
  }
}

.tv-extras-container .top-section .channels-boxes h6 {
  font-family: "VM Circular Book", sans-serif;
  font-size: 20px;
  font-size: 2rem;
  margin-bottom: 32px;
}

.tv-extras-container .top-section .extras-section-message {
  background: #ffcc00;
  text-align: center;
  font-size: 1.3rem;
  font-family: "VM Circular Book", sans-serif;
}

.tv-extras-container .top-section .extras-channel-wrapper {
  display: inline-block;
}

.tv-extras-container .top-section .extras-pick-wrapper {
  display: block;
}

.tv-extras-container .top-section .extras-tv-wrapper {
  display: inline-block;
}

.tv-extras-container h5 {
  font-size: 30px;
  font-size: 3rem;
  font-family: "VM Circular Light", sans-serif;
  margin-top: 0;
  line-height: 35px;
  color: #333;
  margin-bottom: 42px;
}

.tv-extras-container .extras-specials-wrapper h5 {
  margin-bottom: 15px;
}

.tv-extras-container .btn {
  padding: 9.5px 25.5px;
}

.tv-extras-container .stb-boxes {
  margin-top: 80px;
  margin-bottom: 40px;
}

.tv-extras-container .stb-boxes .extras-box {
  max-width: 292px;
}

.tv-extras-container .stb-boxes .extras-box .box-info {
  position: relative;
  padding: 10px 16px 16px 16px;
  max-height: 260px;
  min-height: 260px;
}

.tv-extras-container .stb-boxes .extras-box .box-info ul.direction-column {
  width: 100%;
}

.tv-extras-container .stb-boxes .extras-box .box-info ul.direction-column li {
  font-family: "VM Circular Book", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #333;
  line-height: 23px;
}

.tv-extras-container .stb-boxes .extras-box .box-info ul li:first-child {
  padding: 0;
}

.tv-extras-container .stb-boxes .extras-box .box-info ul span {
  line-height: 23px;
}

.tv-extras-container .stb-boxes .extras-box .box-info ul.bottom-right-align li {
  font-family: "VM Circular Book", sans-serif;
}

.tv-extras-container .stb-boxes .extras-box .box-info ul.bottom-right-align li .selected {
  font-family: "VM Circular Book", sans-serif;
  font-size: 17px;
  font-size: 1.7rem;
  color: #333;
  line-height: 22px;
}

.tv-extras-container .stb-boxes .extras-box .box-info ul.bottom-right-align > li {
  padding-bottom: 0;
}

.tv-extras-container .stb-boxes .extras-box .box-info small {
  font-size: 17px;
  font-size: 1.7rem;
}

.tv-extras-container .stb-boxes .extras-box .box-info .bottom-right-align {
  -webkit-align-items: flex-end;
  align-items: flex-end;
}

.tv-extras-container .stb-boxes .extras-box .box-info .box-text {
  font-family: "VM Circular Book", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  color: #333;
  padding-top: 12px;
}

.tv-extras-container .stb-boxes h6 {
  position: absolute;
  top: -50px;
  font-size: 20px;
  font-size: 2rem;
  font-family: "VM Circular Book", sans-serif;
  color: #333;
  line-height: 25px;
  margin: 0 auto;
}

.tv-extras-container .vtv360-box {
  margin-bottom: 40px;
}

.tv-extras-container .extras-box {
  position: relative;
  width: calc(33.33% - 11px);
  max-width: 100%;
  margin: 0 0 15px 0;
}

.tv-extras-container .extras-box.full {
  width: 100%;
  margin-bottom: 42px;
}

.tv-extras-container .extras-box.full .box-info {
  height: 157px;
}

.tv-extras-container .extras-box.full .box-info .box-text {
  font-family: "VM Circular Book", sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  color: #333;
  line-height: 27px;
}

.tv-extras-container .extras-box.full .box-info .box-img img {
  max-height: 18px;
}

.tv-extras-container .extras-box.full .box-info.box-info-special {
  height: auto;
}

.tv-extras-container .extras-box.full .box-info.box-info-special ul {
  display: block;
  margin-bottom: 10px;
}

.tv-extras-container .extras-box.full .box-info.box-info-special ul li {
  padding: 0;
  font-family: inherit;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px;
}

.tv-extras-container .extras-box.full .box-info.box-info-special .box-description {
  max-width: 73%;
}

.tv-extras-container .extras-box.full .box-info.box-info-special .main-image-wrap {
  width: 312px;
}

.tv-extras-container .extras-box:not(.small) {
  min-height: auto;
}

.tv-extras-container .extras-box ~ .extras-box {
  margin-left: 16px;
}

.tv-extras-container .extras-box:nth-child(3n + 1) {
  margin-left: 0;
}

.tv-extras-container .extras-box .icon-info-new {
  position: relative;
  right: 10px;
  margin-bottom: -44px;
  z-index: 99;
  height: 44px;
}

.tv-extras-container .extras-box .box-info {
  background: #fff;
  padding: 10px 15px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.tv-extras-container .extras-box .box-info .bottom-right-align {
  margin-top: auto;
  margin-left: auto;
}

.tv-extras-container .extras-box .box-info .box-top {
  font-family: "VM Circular Book", sans-serif;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  font-size: 18px;
  font-size: 1.8rem;
  color: #333;
}

.tv-extras-container .extras-box .box-info .box-top .icon-info {
  color: #999;
  margin-left: auto;
}

.tv-extras-container .extras-box .box-info .box-top .collection-title {
  width: 100%;
  display: -webkit-flex;
  display: flex;
}

.tv-extras-container .extras-box .box-info .box-top .channel-desc p {
  color: #333;
  font-family: "VM Circular Light", sans-serif;
}

.tv-extras-container .extras-box .box-info img {
  margin: auto;
  max-height: 100%;
}

.tv-extras-container .extras-box .box-info .icon-select {
  margin-right: 5px;
  display: none;
}

.tv-extras-container .extras-box .box-info small {
  font-family: "VM Circular Book", sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
}

.tv-extras-container .extras-box .box-info ul {
  margin: 0;
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.tv-extras-container .extras-box .box-info ul li {
  padding: 0;
  font-family: "VM Circular Book", sans-serif;
  font-size: 17px;
  font-size: 1.7rem;
  color: #333;
}

.tv-extras-container .extras-box .box-info ul li small {
  font-size: 17px;
  font-size: 1.7rem;
}

.tv-extras-container .extras-box .box-info ul li:first-child {
  padding: 7px 0;
}

.tv-extras-container .extras-box .box-info ul li:first-child span {
  font-size: 18px;
  font-size: 1.8rem;
}

.tv-extras-container .extras-box .box-info ul li:last-child {
  margin-left: auto;
}

.tv-extras-container .extras-box .box-info ul.direction-column {
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  width: 50%;
}

.tv-extras-container .extras-box .box-info ul.direction-column li {
  line-height: 1;
}

.tv-extras-container .extras-box .box-info ul.direction-column li:last-child {
  margin-left: 0;
}

.tv-extras-container .extras-box .box-info .box-img {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: left;
  align-items: left;
}

.extras-box:not(.small) .box-img {
  height: 135px;
}

.tv-extras-container .extras-box .box-info .box-text {
  line-height: 23px;
  padding-right: 10px;
  padding-top: 7px;
  max-width: 100%;
  font-family: "VM Circular Book", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  color: #333;
}

.tv-extras-container .extras-box .require-info {
  background-color: #fdebf4;
  font-family: "VM Circular Light", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #333;
  line-height: 20px;
  min-height: 26px;
}

.tv-extras-container .extras-box.active .box-info {
  box-shadow: inset 0 0 0 4px #ed0000;
}

.tv-extras-container .extras-box.active .box-info .box-top {
  color: #ed0000;
  word-wrap: break-word;
}

.tv-extras-container .extras-box.active .box-info .box-text {
  color: #ed0000;
}

.tv-extras-container .extras-box.active .box-info .fa-check {
  display: inherit;
  margin-top: 13px;
}

.tv-extras-container .extras-box.active .box-info .main-image-wrap {
  padding: 4px;
  padding-right: 0;
}

.tv-extras-container .extras-box.small {
  width: 292px;
  margin-bottom: 42px;
}

.tv-extras-container .extras-box.small .box-info {
  height: 165px;
  padding: 10px 16px 12px 16px;
}

.tv-extras-container .extras-box.small .box-info .bottom-right-align {
  margin-top: auto;
}

.tv-extras-container .extras-box.small .box-info .box-text {
  padding-top: 10px;
}

.tv-extras-container .extras-box.small .box-info ul li:first-child {
  padding: 0;
}

.tv-extras-container .extras-box.small .box-info ul li {
  font-size: 16px;
  font-size: 1.6rem;
}

.tv-extras-container .extras-box.disabled {
  pointer-events: none;
}

.tv-extras-container .extras-box.disabled .box-info {
  opacity: .6;
}

.tv-extras-container .extras-box.add-box-wrapper {
  min-height: 260px;
}

.tv-extras-container .extras-box.add-box-wrapper .box-info {
  border: 4px dashed #efefef;
  padding-bottom: 12px;
  padding-top: 12px;
}

.tv-extras-container .extras-box.premium-pick, .tv-extras-container .extras-box.entertainment-pick {
  margin: 0 0 20px 0;
}

.tv-extras-container .extras-box.premium-pick ul.list-inline, .tv-extras-container .extras-box.entertainment-pick ul.list-inline {
  display: block;
  width: auto;
}

.tv-extras-container .extras-box.premium-pick ul.list-inline li, .tv-extras-container .extras-box.entertainment-pick ul.list-inline li {
  display: block;
}

.tv-extras-container .extras-box.premium-pick ul.list-inline li:first-child, .tv-extras-container .extras-box.entertainment-pick ul.list-inline li:first-child {
  text-align: left;
  line-height: 1;
  display: inline-block;
  margin-bottom: 40px;
}

.tv-extras-container .extras-box.premium-pick .box-top, .tv-extras-container .extras-box.entertainment-pick .box-top {
  display: block;
  margin-left: 12px;
}

.tv-extras-container .extras-box.premium-pick .box-top .box-text, .tv-extras-container .extras-box.entertainment-pick .box-top .box-text {
  display: inline-block;
}

.tv-extras-container .extras-box.premium-pick .channel-desc ul, .tv-extras-container .extras-box.entertainment-pick .channel-desc ul {
  display: block;
  padding: 0 0 0 20px;
}

.tv-extras-container .extras-box.premium-pick .channel-desc ul li, .tv-extras-container .extras-box.entertainment-pick .channel-desc ul li {
  font-family: "VM Circular Light", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 18px;
}

.tv-extras-container .extras-box.premium-pick .box-info .bottom-right-align {
  margin: 22px 16px 0 auto;
  text-align: right;
}

.tv-extras-container .extras-box.entertainment-pick .box-info {
  height: auto;
  padding: 20px 16px 16px 20px;
  flex-wrap: wrap;
}

.tv-extras-container .extras-box.entertainment-pick .box-info .main-image-wrap {
  width: 175px;
  height: 118px;
  margin-right: 10px;
}

.tv-extras-container .extras-box.entertainment-pick .box-info .main-image-wrap:after {
  display: none;
}

.tv-extras-container .extras-box.entertainment-pick .box-info .box-top {
  margin-top: 0;
  max-width: 60%;
}

.tv-extras-container .extras-box.entertainment-pick .box-info .box-text {
  font-family: "VM Circular Light", sans-serif;
  font-size: 24px;
  font-size: 2.4rem;
}

.tv-extras-container .extras-box.entertainment-pick .box-info .bottom-right-align {
  margin: 5px 0 0 auto;
  text-align: right;
}

.tv-extras-container .extras-box.entertainment-pick .box-info ul.list-inline li:first-child {
  font-family: "VM Circular Light", sans-serif;
  margin-bottom: 10px;
}

.tv-extras-container .extras-box.entertainment-pick .box-info ul.list-inline li:first-child span {
  font-family: "VM Circular Book", sans-serif;
}

.tv-extras-container .extras-box.entertainment-pick .box-info .btn {
  font-size: 14px;
  font-size: 1.4rem;
}

.tv-extras-container .extras-box.entertainment-pick .box-info .btn.add-extra-btn {
  background-color: #ed0000;
  color: #ffffff;
}

.tv-extras-container .extras-box.entertainment-pick .box-info .btn.remove-extra-btn {
  background-color: #ccc;
  color: #333;
}

.tv-extras-container .extras-box.entertainment-pick .box-info .entm-pick-chans-wrap {
  margin-top: 15px;
  width: 100%;
}

.tv-extras-container .extras-box.entertainment-pick .box-info .entm-pick-chans-wrap .chans-logos {
  width: 100%;
  display: -webkit-flex;
  display: flex;
}

.tv-extras-container .extras-box.entertainment-pick .box-info .entm-pick-chans-wrap .chans-logos .chans-cont {
  width: 665px;
  margin: 0 -5px;
  overflow: hidden;
  visibility: visible;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.tv-extras-container .extras-box.entertainment-pick .box-info .entm-pick-chans-wrap .chans-logos .chans-cont.collapse[aria-expanded="false"], .tv-extras-container .extras-box.entertainment-pick .box-info .entm-pick-chans-wrap .chans-logos .chans-cont.collapsing[aria-expanded="false"] {
  height: 60px !important;
}

.tv-extras-container .extras-box.entertainment-pick .box-info .entm-pick-chans-wrap .chans-logos .chans-cont .chan-item {
  margin: 0 5px;
  height: 60px;
}

.tv-extras-container .extras-box.entertainment-pick .box-info .entm-pick-chans-wrap .chans-logos .chans-cont .chan-item img {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  position: relative;
  margin: 0;
}

.tv-extras-container .extras-box.entertainment-pick .box-info .entm-pick-chans-wrap .chans-logos .chans-cont .chan-item:last-child {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}

.tv-extras-container .extras-box.entertainment-pick .box-info .entm-pick-chans-wrap .chans-logos .chans-ctrl {
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  position: relative;
}

.tv-extras-container .extras-box.entertainment-pick .box-info .entm-pick-chans-wrap .chans-logos .chans-ctrl a, .tv-extras-container .extras-box.entertainment-pick .box-info .entm-pick-chans-wrap .chans-logos .chans-ctrl .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .tv-extras-container .extras-box.entertainment-pick .box-info .entm-pick-chans-wrap .chans-logos .chans-ctrl span {
  position: absolute;
  bottom: 18px;
  right: 0;
}

.tv-extras-container .extras-box.entertainment-pick .box-info .entm-pick-chans-wrap .chans-logos .chans-ctrl [aria-expanded="false"] > .expanded,
.tv-extras-container .extras-box.entertainment-pick .box-info .entm-pick-chans-wrap .chans-logos .chans-ctrl [aria-expanded="true"] > .collapsed {
  display: none;
}

.tv-extras-container .extras-box.entertainment-pick .box-info .entm-pick-chans-wrap .chans-names {
  width: 665px;
}

.tv-extras-container .extras-box.entertainment-pick .box-info .icon-select {
  font-size: 22px;
  font-size: 2.2rem;
}

.tv-extras-container .full-width-addons .channel-desc {
  max-width: 400px;
  font-size: 1.4rem;
  line-height: 20px;
}

.tv-extras-container .full-width-addons .channel-desc + .list-unstyled {
  width: 590px;
  position: absolute;
  bottom: 15px;
}

.tv-extras-container .full-width-addons .extras-box ~ .extras-box {
  margin-left: 0px;
}

#extras-bb .top-section {
  padding-top: 15px;
}

#extras-bb .top-section h5 {
  font-family: "VM Circular Light", sans-serif;
  font-size: 30px;
  font-size: 3rem;
  color: #333;
  line-height: 35px;
  margin-bottom: 20px;
}

#extras-bb .bottom-section {
  padding: 0;
  margin-top: 50px;
}

#extras-bb .bottom-section .extras-info {
  margin-bottom: 38px;
}

#extras-bb .bottom-section .extras-info p {
  margin: 0 auto;
}

#extras-bb .bottom-section .extras-wrapper .extras-box {
  margin-bottom: 42px;
  margin-left: 16px;
}

#extras-bb .bottom-section .extras-wrapper .extras-box .box-info {
  padding: 13px 16px 16px 16px;
}

#extras-bb .bottom-section .extras-wrapper .extras-box .box-info .box-text {
  padding-top: 7px;
}

#extras-bb .bottom-section .extras-wrapper .extras-box .box-info .box-top {
  max-width: 213px;
  word-wrap: break-word;
}

#extras-bb .bottom-section .extras-wrapper .extras-box .box-info .icon-select {
  margin-top: 11px;
}

#extras-bb .bottom-section .extras-wrapper .extras-box:nth-child(3n + 1) {
  margin-left: 0;
}

.ph-extras-container.container {
  max-width: 968px;
  padding-left: 30px;
  padding-right: 30px;
  width: 100%;
}

.ph-extras-container .extras-plans-wrapper h5 {
  margin-top: 30px;
  margin-bottom: 30px;
  font-family: "VM Circular Light", sans-serif;
  font-size: 30px;
  font-size: 3rem;
  color: #333;
  line-height: 35px;
}

.ph-extras-container .extras-call-features-wrapper h5 {
  margin-bottom: 30px;
  font-family: "VM Circular Light", sans-serif;
  font-size: 30px;
  font-size: 3rem;
  color: #333;
  line-height: 35px;
}

.ph-extras-container .extras-call-features-pack-wrapper h5 {
  margin-bottom: 10px;
  font-family: "VM Circular Light", sans-serif;
  font-size: 30px;
  font-size: 3rem;
  color: #333;
  line-height: 35px;
}

.ph-extras-container .extras-call-features-pack-wrapper .extras-pack-description p {
  font-family: "VM Circular Book", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #666;
  line-height: 20px;
  margin-bottom: 30px;
}

.ph-extras-container .line-rental-wrapper h5 {
  margin-bottom: 30px;
  font-family: "VM Circular Light", sans-serif;
  font-size: 30px;
  font-size: 3rem;
  color: #333;
  line-height: 35px;
}

.ph-extras-container .line-rental-description {
  font-family: "VM Circular Light", sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
  color: #666;
  line-height: 18px;
  width: 697px;
  margin: 0 auto;
  margin-top: 51px;
}

.ph-extras-container .extras-box {
  position: relative;
  width: calc(33.33% - 11px);
  max-width: 100%;
  margin: 0 0 42px 0;
}

.ph-extras-container .extras-box.full {
  width: 100%;
  margin-bottom: 55px;
}

.ph-extras-container .extras-box.full .box-info .box-text {
  font-family: "VM Circular Book", sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  color: #333;
  line-height: 27px;
}

.ph-extras-container .extras-box.full .box-info .box-img img {
  max-height: 18px;
}

.ph-extras-container .extras-box:not(.small) {
  min-height: 165px;
}

.ph-extras-container .extras-box ~ .extras-box {
  margin-left: 16px;
}

.ph-extras-container .extras-box:nth-child(3n + 1) {
  margin-left: 0;
}

.ph-extras-container .extras-box .icon-info-new {
  position: relative;
  position: relative;
  right: 27px;
  margin-bottom: -44px;
  z-index: 99;
  height: 44px;
}

.ph-extras-container .extras-box .box-info {
  height: 165px;
  background: #fff;
  padding: 10px 16px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  position: relative;
}

.ph-extras-container .extras-box .box-info .bottom-right-align {
  min-height: 67px;
  bottom: 0;
  position: absolute;
  margin-bottom: 0;
  max-width: 249px;
}

.ph-extras-container .extras-box .box-info .box-top {
  font-family: "VM Circular Book", sans-serif;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  font-size: 18px;
  font-size: 1.8rem;
  color: #333;
  max-width: 213px;
}

.ph-extras-container .extras-box .box-info .box-top .icon-info {
  color: #999;
  margin-left: auto;
}

.ph-extras-container .extras-box .box-info .box-top .collection-title {
  width: 50%;
  display: -webkit-flex;
  display: flex;
}

.ph-extras-container .extras-box .box-info img {
  margin: 0 auto;
  max-height: 157px;
}

.ph-extras-container .extras-box .box-info .icon-select {
  margin-right: 5px;
  display: none;
}

.ph-extras-container .extras-box .box-info small {
  font-family: "VM Circular Book", sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
}

.ph-extras-container .extras-box .box-info > ul {
  margin: 0;
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.ph-extras-container .extras-box .box-info > ul li {
  padding: 0;
  font-family: "VM Circular Book", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #333;
}

.ph-extras-container .extras-box .box-info > ul li small {
  font-size: 17px;
  font-size: 1.7rem;
}

.ph-extras-container .extras-box .box-info > ul li:first-child {
  padding: 7px 0;
}

.ph-extras-container .extras-box .box-info > ul li:first-child span {
  font-size: 18px;
  font-size: 1.8rem;
}

.ph-extras-container .extras-box .box-info > ul li:last-child {
  margin-left: auto;
}

.ph-extras-container .extras-box .box-info > ul.direction-column {
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  width: 50%;
}

.ph-extras-container .extras-box .box-info > ul.direction-column li {
  line-height: 1;
}

.ph-extras-container .extras-box .box-info > ul.direction-column li:last-child {
  margin-left: 0;
}

.ph-extras-container .extras-box .box-info .box-img {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: left;
  align-items: left;
}

.ph-extras-container .extras-box .box-info .box-text {
  line-height: 23px;
  padding-right: 10px;
  padding-top: 7px;
  max-width: 100%;
  font-family: "VM Circular Book", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  color: #333;
  word-wrap: break-word;
}

.ph-extras-container .extras-box .require-info {
  background-color: #fdebf4;
  font-family: "VM Circular Light", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #333;
  line-height: 20px;
  min-height: 26px;
}

.ph-extras-container .extras-box.active .box-info {
  box-shadow: inset 0 0 0 4px #ed0000;
}

.ph-extras-container .extras-box.active .box-info .box-top {
  color: #ed0000;
  word-wrap: break-word;
}

.ph-extras-container .extras-box.active .box-info .box-text {
  color: #ed0000;
}

.ph-extras-container .extras-box.active .box-info .fa-check {
  display: inherit;
}

.ph-extras-container .extras-box.active .box-info .main-image-wrap {
  padding: 4px;
  padding-right: 0;
}

.ph-extras-container .extras-box.small {
  height: 165px;
  max-width: 292px;
  margin-bottom: 55px;
}

.ph-extras-container .extras-box.small .box-info {
  padding: 10px 16px 16px 16px;
}

.ph-extras-container .extras-box.small .box-info .bottom-right-align {
  margin-top: 48px;
}

.ph-extras-container .extras-box.small .box-info .box-text {
  padding-top: 10px;
}

.ph-extras-container .extras-box.small .box-info ul li:first-child {
  padding: 0;
}

.ph-extras-container .extras-box.small .box-info ul li {
  font-size: 16px;
  font-size: 1.6rem;
}

.ph-extras-container .extras-box.disabled {
  pointer-events: none;
}

.ph-extras-container .extras-box.disabled .box-info {
  opacity: .6;
}

.ph-extras-container .extras-box.add-box-wrapper .box-info {
  border: 4px dashed #efefef;
}

.ph-extras-container .extras-box.add-box-wrapper .box-info .box-img {
  margin-top: 43px;
}

#info-tv .modal-body {
  padding: 0;
}

#info-tv .modal-title {
  font-size: 30px;
  font-size: 3rem;
  font-family: "VM Circular Light", sans-serif;
}

#info-tv .info-container {
  display: block;
  height: inherit;
  background-color: #fff;
  margin-top: 15px;
  max-width: 100%;
}

#info-tv .info-container .top-section {
  margin-top: 0px;
  background-color: #e4e4e4;
  padding: 15px 0 30px 0;
}

#info-tv .info-container .top-section .container {
  max-width: 1024px;
  width: 100%;
}

#info-tv .info-container .top-section .container .left-image .img-responsive {
  margin: 0 auto;
}

#info-tv .info-container .bottom-section {
  margin-top: 0px;
  display: block;
}

#info-tv .info-container .bottom-section .container {
  background-color: #fff;
  max-width: 1024px;
  width: 100%;
}

#info-tv .container {
  width: 100%;
  background-color: #e4e4e4;
}

@media only screen and (min-width: 1200px) {
  #info-tv .container {
    width: 1200px;
  }
}

#info-tv .container .right-section h5 {
  font-family: "VM Circular Book", sans-serif;
  font-size: 20px;
  font-size: 2rem;
  color: #333;
  line-height: 25px;
  margin-top: 0;
  margin-bottom: 10px;
}

#info-tv .container .right-section ul {
  padding-left: 17px;
}

#info-tv .container .right-section ul li {
  font-family: "VM Circular Book", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #333;
}

#info-bb .modal-body {
  padding: 0;
  overflow-x: hidden;
}

#info-bb .modal-body .info-container {
  padding: 0;
  background-color: #fff;
  max-width: 100%;
  height: 100%;
}

#info-bb .modal-body .info-container .top-section {
  background-color: #efefef;
  margin-top: 0px;
}

#info-bb .modal-body .info-container .top-section .container {
  max-width: 1024px;
  width: 100%;
}

#info-bb .modal-body .info-container .filter-section {
  margin-bottom: 0;
  padding-top: 30px;
  border: none;
  max-width: 1024px;
  width: 100%;
}

#info-bb .modal-body .info-container .filter-section p {
  font-family: "VM Circular Book", sans-serif;
  font-size: 20px;
  font-size: 2rem;
  color: #333;
  line-height: 25px;
}

#info-bb .modal-body .info-container #speed-img {
  max-width: 70%;
  margin-top: 44px;
}

@media only screen and (min-width: 1200px) {
  #info-bb .modal-body .info-container #speed-img {
    max-width: 50%;
  }
}

#info-bb .modal-body .info-container .bottom-section h5 {
  padding-top: 20px;
  padding-bottom: 30px;
  color: #333;
}

#info-bb .modal-body .info-container .bottom-section .footer-text {
  max-width: 710px;
  margin: 0 auto;
  margin-top: 50px;
}

#info-bb .modal-body .info-container .bottom-section .footer-text p {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 18px;
  color: #666;
  font-family: "VM Circular Light", sans-serif;
}

#info-bb .modal-body .info-container h5 {
  margin-top: 0;
}

#info-bb .modal-body .info-container .container {
  padding: 0;
  width: 100%;
}

@media only screen and (min-width: 1200px) {
  #info-bb .modal-body .info-container .container {
    width: 1200px;
  }
}

#info-bb .modal-body .info-container .container .right-section ul {
  padding-left: 20px;
}

#info-bb .modal-body .info-container .container .right-section ul li {
  font-family: "VM Circular Book", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #333;
}

#info-bb .modal-body .info-container .container .right-section .col-xs-6, #info-bb .modal-body .info-container .container .right-section .rte-list {
  padding: 0;
}

#info-bb .modal-body .info-container .container .serviceability-container {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 31px;
  max-width: 461px;
  font-family: "VM Circular Light", sans-serif;
  line-height: 20px;
  padding: 1px 15px;
  color: #333;
}

#info-bb .modal-body .info-container .container .serviceability-container p {
  background-color: #fdebf4;
  margin: 0;
}

#info-bb .modal-body .info-container .container .top-section {
  margin-top: 0;
}

#info-bb .modal-body .info-container .container .top-section .left-image img {
  max-width: 100%;
}

#info-bb .modal-body .info-container .container .info-content {
  padding-left: 16px;
  padding-bottom: 10px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #info-ph {
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    transform: translateZ(0px);
  }
}

@supports (-ms-accelerator: true) {
  #info-ph {
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    transform: translateZ(0px);
  }
}

#info-ph .modal-body {
  background-color: #fff;
  padding: 0;
  overflow: auto;
}

#info-ph .modal-body .info-container {
  max-width: 100%;
}

#info-ph .modal-body .info-container .top-section {
  background-color: #EFEFEF;
  padding-top: 30px;
  margin-top: 0;
  padding-bottom: 30px;
}

#info-ph .modal-body .info-container .top-section .container {
  max-width: 1024px;
  width: 100%;
}

#info-ph .modal-body .info-container .top-section .col-xs-4 {
  padding-right: 16px;
}

#info-ph .modal-body .info-container .top-section .col-xs-8 {
  padding-left: 0;
}

#info-ph .modal-body .info-container .bottom-section {
  padding-left: 0;
  padding-right: 0;
}

#info-ph .modal-body .info-container .bottom-section .bottom-text {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 15px;
  max-width: 697px;
  margin: 0 auto;
  margin-top: 40px;
}

#info-ph .modal-body .info-container .bottom-section .bottom-text p {
  line-height: 15px;
}

#info-ph .modal-body .info-container .bottom-section table tr:first-child th {
  width: 25%;
  padding: 15px;
}

#info-ph .modal-body .info-container .bottom-section table tr:first-child th p {
  font-family: "VM Circular Book", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #333;
  line-height: 20px;
}

#info-ph .modal-body .info-container .bottom-section table tr:first-child.sticky {
  position: fixed;
  top: 0;
  left: 43px;
  right: 43px;
  z-index: 9990;
  -webkit-transform: translateZ(0px);
  -moz-transform: translateZ(0px);
  -ms-transform: translateZ(0px);
  -o-transform: translateZ(0px);
  transform: translateZ(0px);
  margin-top: 64px;
}

@media only screen and (min-width: 1200px) {
  #info-ph .modal-body .info-container .bottom-section table tr:first-child.sticky {
    right: 58px;
  }
}

#info-ph .modal-body .info-container .bottom-section table tr:first-child.sticky th {
  width: 25%;
}

#info-ph .modal-body .info-container .bottom-section table tr:first-child.sticky th p {
  font-family: "VM Circular Book", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #333;
  line-height: 20px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #info-ph .modal-body .info-container .bottom-section table tr:first-child.sticky {
    left: 50%;
    right: 2.1%;
    -webkit-transform: translateX(-50.85%);
    -moz-transform: translateX(-50.85%);
    -ms-transform: translateX(-50.85%);
    -o-transform: translateX(-50.85%);
    transform: translateX(-50.85%);
  }
}

@supports (-ms-accelerator: true) {
  #info-ph .modal-body .info-container .bottom-section table tr:first-child.sticky {
    left: 50%;
    right: 2.1%;
    -webkit-transform: translateX(-50.85%);
    -moz-transform: translateX(-50.85%);
    -ms-transform: translateX(-50.85%);
    -o-transform: translateX(-50.85%);
    transform: translateX(-50.85%);
  }
}

#info-ph .modal-body .info-container .right-section ul {
  padding-left: 17px;
}

#info-ph .modal-body .info-container .right-section ul li {
  font-family: "VM Circular Book", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #333;
}

.info-container {
  margin: 0px;
}

.info-container .no-padding-right {
  padding-right: 0;
}

.info-container .top-section {
  margin-top: 20px;
}

.info-container .bottom-text {
  margin-top: 30px;
}

.info-container .bottom-section {
  background: #fff;
  margin-top: 20px;
}

.info-container .bottom-section .filter-title {
  font-size: 30px;
  font-size: 3rem;
  border-bottom: 1px solid #e2e2e2;
  padding: 20px 0;
  color: #333;
  font-family: "VM Circular Light", sans-serif;
  line-height: 35px;
}

.info-container .bottom-section .filter-title, .info-container .bottom-section .filter-title p {
  margin: 0;
}

.info-container .bottom-section .phone-title {
  font-size: 30px;
  font-size: 3rem;
  line-height: 35px;
  font-family: "VM Circular Light", sans-serif;
  color: #333;
}

.info-container .bottom-section .phone-title p {
  font-size: 30px;
  font-size: 3rem;
  line-height: 35px;
  font-family: "VM Circular Light", sans-serif;
  color: #333;
}

.info-container .filter-section {
  border-bottom: 1px solid #e2e2e2;
  color: #666666;
  background: #fff;
  margin-bottom: 20px;
  font-family: "VM Circular Book", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
}

.info-container .filter-section .owl-item {
  cursor: pointer;
  text-align: center;
}

.info-container .filter-section .owl-item div {
  padding: 10px 0;
  white-space: nowrap;
  color: #5f2878;
}

.info-container .filter-section .owl-item div.active-item {
  border-bottom: 3px solid #4C225F;
  color: #4C225F;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .info-container .filter-section.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9990;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
  }
}

.info-container .channels-list {
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}

.info-container .channels-list .channel {
  text-align: center;
  width: calc(100% * (1/6));
  margin-bottom: 22px;
}

@media only screen and (min-width: 992px) {
  .info-container .channels-list .channel {
    width: calc(100% * (1/9));
  }
}

.info-container .channels-list .channel span {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  display: block;
  margin-top: 10px;
  font-family: "VM Circular Light", sans-serif;
}

.info-container .channels-list .channel-img img {
  display: inline;
}

.info-container .channels-list .no-channels {
  margin: 0 auto 20px auto;
}

.info-container .owl-nav {
  display: none;
}

@media only screen and (min-width: 1200px) {
  .info-container .owl-nav {
    display: block;
  }
}

.info-container .owl-nav .owl-prev, .info-container .owl-nav .owl-next {
  position: absolute;
  top: 0;
  line-height: 47px;
  width: 100px;
  color: #5f2878;
  font-size: 30px;
  font-size: 3rem;
}

.info-container .owl-nav .owl-prev.disabled, .info-container .owl-nav .owl-next.disabled {
  display: none;
}

.info-container .owl-nav .owl-prev {
  left: 0;
  text-align: left;
  background: -moz-linear-gradient(right, rgba(255, 255, 255, 0.3) 0%, white 70%, white 100%);
  background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0.3) 0%, white 70%, white 100%);
  background: linear-gradient(to left, rgba(255, 255, 255, 0.3) 0%, white 70%, white 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dffffff', endColorstr='#ffffff',GradientType=1 );
}

.info-container .owl-nav .owl-next {
  right: 0;
  text-align: right;
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.3) 0%, white 70%, white 100%);
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.3) 0%, white 70%, white 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0.3) 0%, white 70%, white 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dffffff', endColorstr='#ffffff',GradientType=1 );
}

.info-container .fixed-table-width {
  font-size: 16px;
  font-size: 1.6rem;
}

.info-container .fixed-table-width .thead {
  background-color: #EFEFEF;
  color: #000000;
  font-family: "VM Circular Book", sans-serif;
}

.info-container .fixed-table-width .thead .grid-row {
  display: flex;
  flex-direction: row;
}

.info-container .fixed-table-width .thead .grid-row p {
  margin: 0;
}

.info-container .fixed-table-width .thead .grid-row .grid-col {
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 25%;
  border: 1px solid #E8E8E8;
  border-left: none;
  border-top: none;
  font-family: "VM Circular Book", sans-serif;
}

.info-container .fixed-table-width .thead .grid-row .grid-col:last-child {
  border-right: none;
}

.info-container .fixed-table-width .tbody {
  height: 240px;
  overflow-y: auto;
}

.info-container .fixed-table-width .tbody .grid-row {
  display: flex;
  flex-direction: row;
}

.info-container .fixed-table-width .tbody .grid-row p {
  margin: 0;
}

.info-container .fixed-table-width .tbody .grid-row .grid-col {
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 25%;
  border: 1px solid #E8E8E8;
  border-left: none;
  border-top: none;
  font-family: "VM Circular Book", sans-serif;
}

.info-container .fixed-table-width .tbody .grid-row .grid-col:first-child {
  border-left: 1px solid #E8E8E8;
}

.info-container .fixed-table-width .tbody .grid-row .grid-col.align-center {
  align-items: center;
}

.info-container .fixed-table-width .tbody .grid-row .grid-col .rte-symbol:before {
  color: #000;
}

.bundle-overlay#info-mobile .modal-dialog {
  min-width: 730px;
}

.bundle-overlay#info-mobile .modal-dialog .modal-content {
  width: 100%;
  background: #FFF;
}

.bundle-overlay#info-mobile .modal-dialog .modal-content .modal-header .mobile-info-header-container .modal-title {
  font-family: "VM Circular Light", sans-serif;
  font-size: 30px;
  color: #FFF;
}

.bundle-overlay#info-mobile .modal-dialog .modal-content .modal-body {
  padding: 0;
}

.bundle-overlay#info-mobile .modal-dialog .modal-content .modal-body .info-container {
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
}

.bundle-overlay#info-mobile .modal-dialog .modal-content .modal-body .info-container .container {
  background: #efefef;
  padding-left: 0;
  padding-right: 0;
}

.bundle-overlay#info-mobile .modal-dialog .modal-content .modal-body .info-container .container > .row {
  margin: 0;
}

.bundle-overlay#info-mobile .modal-dialog .modal-content .modal-body .info-container .container > .row > div {
  padding: 0 15px 0 0;
}

.bundle-overlay#info-mobile .modal-dialog .modal-content .modal-body .info-container .mobile-info-body-container {
  padding: 0 30px 30px;
}

.bundle-overlay#info-mobile .modal-dialog .modal-content .modal-body .info-container .mobile-info-body-container .container {
  background-color: #fff;
  padding-left: 0;
  padding-right: 0;
}

.bundle-overlay#info-mobile .modal-dialog .modal-content .modal-body .info-container .top-section {
  background: #EFEFEF;
  padding: 30px;
  margin: 0;
  width: 100%;
}

.bundle-overlay#info-mobile .modal-dialog .modal-content .modal-body .info-container .top-section .right-section, .bundle-overlay#info-mobile .modal-dialog .modal-content .modal-body .info-container .top-section .right-section p {
  font-family: "VM Circular Book", sans-serif;
  font-size: 20px;
  color: #333;
  line-height: 25px;
}

.bundle-overlay#info-mobile .modal-dialog .modal-content .modal-body .info-container .top-section .right-section {
  padding: 1px;
}

.bundle-overlay#info-mobile .modal-dialog .modal-content .modal-body .info-container .top-section .right-section > .row {
  margin: 0;
}

.bundle-overlay#info-mobile .modal-dialog .modal-content .modal-body .info-container .top-section .right-section > .row > div {
  margin: 0;
  padding: 0;
}

.bundle-overlay#info-mobile .modal-dialog .modal-content .modal-body .info-container .top-section .right-section ul li {
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "VM Circular Book", sans-serif;
  color: #333;
}

.bundle-overlay#info-mobile .modal-dialog .modal-content .modal-body .info-container .top-section .right-section ul {
  padding-left: 17px;
}

.bundle-overlay#info-mobile .modal-dialog .modal-content .modal-body .info-container .top-section .right-section h5 {
  font-size: 20px;
  font-size: 2rem;
  font-family: "VM Circular Book", sans-serif;
  color: #333;
  line-height: 25px;
}

.bundle-overlay#info-mobile .modal-dialog .modal-content .modal-body .info-container .image-gallery {
  width: 100%;
}

.bundle-overlay#info-mobile .modal-dialog .modal-content .modal-body .info-container .image-gallery.network div.heading {
  font-size: 30px;
  font-size: 3rem;
  color: #333;
  margin: 20px 0;
  line-height: 35px;
  font-family: "VM Circular Light", sans-serif;
}

.bundle-overlay#info-mobile .modal-dialog .modal-content .modal-body .info-container .image-gallery.network div.heading p {
  margin: 0;
}

.bundle-overlay#info-mobile .modal-dialog .modal-content .modal-body .info-container .image-gallery.extras div.heading {
  font-size: 18px;
  font-size: 1.8rem;
  color: #333;
  font-family: "VM Circular Book", sans-serif;
}

.bundle-overlay#info-mobile .modal-dialog .modal-content .modal-body .info-container .image-gallery.extras div.heading p {
  margin: 0;
}

.bundle-overlay#info-mobile .modal-dialog .modal-content .modal-body .info-container .image-gallery .items {
  width: 100%;
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.bundle-overlay#info-mobile .modal-dialog .modal-content .modal-body .info-container .image-gallery .items .item {
  height: 198px;
  width: calc(33.33% - 5px);
  padding: 0 16px 30px 0;
}

.bundle-overlay#info-mobile .modal-dialog .modal-content .modal-body .info-container .image-gallery .items .item:nth-child(3n) {
  padding-right: 0;
}

.bundle-overlay#info-mobile .modal-dialog .modal-content .modal-body .info-container .image-gallery .items .item .box {
  width: 100%;
  height: 100%;
  background: #5f2878;
  padding: 8px;
}

@media only screen and (min-width: 992px) {
  .bundle-overlay#info-mobile .modal-dialog .modal-content .modal-body .info-container .image-gallery .items .item .box {
    padding: 16px;
  }
}

.bundle-overlay#info-mobile .modal-dialog .modal-content .modal-body .info-container .image-gallery .items .item .box .img-background {
  position: relative;
  height: 70%;
}

.bundle-overlay#info-mobile .modal-dialog .modal-content .modal-body .info-container .image-gallery .items .item .box .img-background img {
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.bundle-overlay#info-mobile .modal-dialog .modal-content .modal-body .info-container .image-gallery .items .item .box .text {
  width: 100%;
  height: 30%;
  padding: 7px 0;
  text-align: center;
  font-size: 20px;
  color: #666;
  font-family: "VM Circular Book", sans-serif;
  line-height: 25px;
}

.bundle-overlay#info-mobile .modal-dialog .modal-content .modal-body .info-container .image-gallery.extras div.heading {
  margin: 20px 0;
}

.bundle-overlay#info-mobile .modal-dialog .modal-content .modal-body .info-container .image-gallery.extras .items .item {
  height: auto;
  width: calc(100% * (1 / 4));
  padding: 0 15px 0 0;
  background: #FFF;
}

.bundle-overlay#info-mobile .modal-dialog .modal-content .modal-body .info-container .image-gallery.extras .items .item .box {
  background: #FFF;
  padding: 0;
}

.bundle-overlay#info-mobile .modal-dialog .modal-content .modal-body .info-container .image-gallery.extras .items .item .box .img-background {
  background: #efefef;
  width: 100%;
  height: 120px;
  padding: 30px;
}

.bundle-overlay#info-mobile .modal-dialog .modal-content .modal-body .info-container .image-gallery.extras .items .item .box .text {
  font-size: 16px;
  color: #333;
  text-align: left;
  top: 135px;
  bottom: auto;
  padding: 15px 0;
  word-wrap: break-word;
  line-height: 20px;
}

.bundle-overlay#info-mobile .modal-dialog .modal-content .modal-body .info-container .image-gallery.network .items .item .box .text {
  font-size: 20px;
  font-size: 2rem;
  color: #fff;
  text-align: center;
  line-height: 25px;
  font-family: "VM Circular Book", sans-serif;
}

.bundle-overlay#info-mobile .modal-dialog .modal-content .modal-body .info-container div.bottom-section {
  font-family: "VM Circular Light", sans-serif;
  font-size: 13px;
  color: #666;
  line-height: 18px;
  max-width: 652px;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}

.browse-bundles {
  background: #efefef;
}

.browse-bundles.component {
  margin-bottom: 0;
}

.browse-bundles .bundles-wrapper .browse-bundles-inner {
  padding: 33px 22px 20px 22px;
}

.browse-bundles .bundles-wrapper .browse-bundles-inner.device-padding {
  padding: 33px 0 20px 22px;
}

.browse-bundles .bundles-wrapper .browse-bundles-inner .no-filters {
  min-height: 630px;
  height: 630px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.browse-bundles .bundles-wrapper .browse-bundles-inner .no-filters .no-bundles-inner {
  width: 35%;
  margin: 0 auto;
  height: 5em;
}

.browse-bundles .bundles-wrapper .browse-bundles-inner .no-filters .no-bundles-inner .cta a, .browse-bundles .bundles-wrapper .browse-bundles-inner .no-filters .no-bundles-inner .cta .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .no-filters .no-bundles-inner .cta span {
  float: none;
  margin-top: 10px;
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
}

.browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-type-filters {
  margin-bottom: 19px;
}

.browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-type-filters .browse-bundles-title {
  display: inline-block;
  margin: 0 16px 0 16px;
  height: 33px;
  font-family: "VM Circular Book", sans-serif;
  font-size: 20px;
  font-size: 2rem;
  color: #5f2878;
  position: relative;
}

.browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-type-filters .browse-bundles-title input[type=radio] {
  position: absolute;
  visibility: hidden;
}

.browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-type-filters .browse-bundles-title input[type=radio]:checked + label:after {
  content: '';
  width: 100%;
  height: 4px;
  background: #5f2878;
  position: absolute;
  bottom: 0;
  left: 0;
}

.browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-type-filters .browse-bundles-title label {
  font-weight: normal;
  margin: 0;
  cursor: pointer;
}

.browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .owl-stage {
  padding-left: 0 !important;
}

.browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item {
  background: #fff;
  padding: 20px 16px 14px 16px;
  margin-left: 8px;
  margin-right: 8px;
}

.browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper {
  position: relative;
  height: 473px;
}

.browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper.large {
  height: 810px;
}

.browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper.large .browse-bundles-content {
  padding-bottom: 20px;
}

.browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper.large.longer-title {
  height: 830px;
}

.browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper.large.longer-title .browse-bundles-titles .bundle-info-link-wrapper {
  height: 93px;
}

.browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper.longer-title {
  height: 493px;
}

.browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper.longer-title .browse-bundles-titles .bundle-info-link-wrapper {
  height: 93px;
}

.browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .bundle-info-link-wrapper {
  min-height: 38px;
  height: 73px;
  line-height: 30px;
  overflow: hidden;
  max-width: 235px;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: center;
  justify-content: center;
}

.browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .bundle-info-link-wrapper i {
  font-size: 30px;
  font-size: 3rem;
  margin-left: -12px;
  margin-top: -2px;
  color: #5f2878;
  z-index: 0;
}

.browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .browse-bundles-two-column {
  margin: 0 10px;
}

.browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .browse-bundles-two-column .browse-bundles-image-wrapper {
  float: left;
  margin-top: 18px;
  margin-left: -36px;
  width: 70px;
}

.browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .browse-bundles-two-column .browse-bundles-price-wrapper {
  float: left;
  max-width: 204px;
}

.browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles a, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span {
  font-family: "VM Circular Bold", sans-serif;
  font-size: 24.5px;
  font-size: 2.45rem;
  line-height: 1em;
  color: #5f2878;
  padding-right: 20px;
  z-index: 10;
  max-width: 235px;
  outline: none;
  border: 0;
}

.browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span {
  color: #333;
}

.browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span.bundle-info {
  font-family: "VM Circular Light", sans-serif;
  font-size: 30px;
  font-size: 3rem;
}

.browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span.bundle-info:hover {
  text-decoration: none;
}

.browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span.bundle-info:focus {
  text-decoration: none;
}

.browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:hover {
  font-family: inherit;
  color: #333;
  text-decoration: none;
}

.browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:focus {
  color: #5f2878;
  text-decoration: none;
}

.browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .browse-bundles-price {
  margin: 0;
  margin-top: 10px;
  font-family: "VM Circular Light", sans-serif;
  font-size: 24px;
  font-size: 2.4rem;
  color: #333;
  line-height: 30px;
}

.browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .bundle-contract-length {
  margin: 0;
  margin-bottom: 7px;
  font-family: "VM Circular Light", sans-serif;
  font-size: 24px;
  font-size: 2.4rem;
  color: #333;
  line-height: 30px;
}

.browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .below-price-info, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .price-before-discount {
  font-family: "VM Circular Book", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  color: #666666;
  line-height: normal;
  margin: 0;
}

.browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .below-price-info:not(.broadband) li, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .price-before-discount:not(.broadband) li {
  padding: 0;
}

.browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .below-price-info:not(.broadband) li:last-child:before, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .price-before-discount:not(.broadband) li:last-child:before {
  font-size: 8px;
  font-size: 0.8rem;
  content: '\02022';
  position: relative;
  top: -1px;
  display: inline-block;
  padding: 0 5px 0 3px;
}

.browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-content {
  margin-top: 10px;
  padding-bottom: 95px;
}

.browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-content.roco {
  margin-top: 45px;
}

.browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-content h4 {
  font-size: 18px;
  font-size: 1.8rem;
  margin-top: 6px;
  line-height: 23px;
  overflow: hidden;
  margin-bottom: 0;
  font-family: "VM Circular Book", sans-serif;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  padding-top: 5px;
}

.browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-content h4 img {
  width: 30px;
  display: inline-block;
  margin-right: 9px;
  margin-bottom: 6px;
  max-height: 30px;
  margin-top: -3px;
}

.browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-content h4:first-child {
  margin-top: 0;
}

.browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-content ul, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-content ol {
  margin-left: 57px;
  padding: 0;
}

.browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-content ul li, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-content ol li {
  font-family: "VM Circular Light", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 23px;
  margin-bottom: 5px;
  color: #666;
}

.browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-promo-content {
  font-size: 16px;
  font-size: 1.6rem;
}

.browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-footer {
  position: absolute;
  bottom: 0;
  left: -8px;
  right: -8px;
}

.browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-footer .yellow-ribbon {
  width: 100%;
  background: #ffcc00;
  margin-bottom: 15px;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 22px;
  color: #333;
  padding: 0;
}

.browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-footer .yellow-ribbon li {
  padding: 0;
}

.browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-footer .yellow-ribbon li:before {
  content: "";
  font-family: FontAwesome, sans-serif;
  font-size: 5px;
  font-size: 0.5rem;
  color: #333;
  vertical-align: 15%;
  padding: 0 3px;
}

.browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-footer .cta {
  float: left;
  display: inline-block;
  width: 50%;
  padding-left: 10px;
  padding-right: 10px;
}

.browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-footer .cta.disabled-secondary a, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-footer .cta.disabled-secondary .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .browse-bundles-footer .cta.disabled-secondary span {
  background-color: #d8d8d8;
  color: #7a7a7a;
  cursor: not-allowed;
}

.browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-footer .cta.disabled-secondary a:hover, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-footer .cta.disabled-secondary .browse-bundles-titles span:hover, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .browse-bundles-footer .cta.disabled-secondary span:hover, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-footer .cta.disabled-secondary a:focus, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-footer .cta.disabled-secondary .browse-bundles-titles span:focus, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .browse-bundles-footer .cta.disabled-secondary span:focus {
  background-color: #d8d8d8;
  color: #7a7a7a;
  text-decoration: none;
}

.browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-footer .cta a, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-footer .cta .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .browse-bundles-footer .cta span {
  width: 100%;
  text-align: center;
  font-family: "VM Circular Book", sans-serif;
  padding: 10.5px 5px;
  cursor: pointer;
  text-decoration: none;
}

.browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-footer .cta.disabled a, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-footer .cta.disabled .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .browse-bundles-footer .cta.disabled span {
  background-color: #ee5454;
  cursor: not-allowed;
}

.browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-footer .cta.disabled a:hover, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-footer .cta.disabled .browse-bundles-titles span:hover, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .browse-bundles-footer .cta.disabled span:hover, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-footer .cta.disabled a:focus, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-footer .cta.disabled .browse-bundles-titles span:focus, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .browse-bundles-footer .cta.disabled span:focus {
  background-color: #ff6666;
  text-decoration: none;
}

.browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .owl-nav .owl-next, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .owl-nav .owl-prev {
  margin-top: -20px;
  position: absolute;
  top: 50%;
  color: #4C225F;
  font-size: 40px;
  font-size: 4rem;
}

.browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .owl-nav .owl-next.disabled, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .owl-nav .owl-prev.disabled {
  display: none;
}

.browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .owl-nav .owl-next {
  right: -15px;
}

.browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .owl-nav .owl-prev {
  left: -15px;
}

.browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-legal-copy, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-dagger-copy, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-double-dagger-copy {
  margin: 15px 50px;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
  line-height: 18px;
  font-style: italic;
}

.browse-bundles .bespoke-filters-wrapper .bespoke-filters-panel {
  background: #fff;
  width: 100%;
  border-top: 1px solid #c5c5c5;
  height: 66px;
}

.browse-bundles .bespoke-filters-wrapper .bespoke-filters-panel .bespoke-filters-title {
  font-family: "VM Circular Book", sans-serif;
  margin-right: 20px;
  margin-left: 30px;
  height: 66px;
  float: left;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.browse-bundles .bespoke-filters-wrapper .bespoke-filters-panel .bespoke-filters {
  margin-right: 20px;
  height: 66px;
  float: left;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.browse-bundles .bespoke-filters-wrapper .bespoke-filters-panel .bespoke-filters .bespoke-filter-item {
  float: left;
  display: inline-block;
  margin-right: 10px;
  position: relative;
}

.browse-bundles .bespoke-filters-wrapper .bespoke-filters-panel .bespoke-filters .bespoke-filter-item.disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.browse-bundles .bespoke-filters-wrapper .bespoke-filters-panel .bespoke-filters .bespoke-filter-item .bespoke-filter-image {
  height: 25px;
  margin-right: 10px;
}

.browse-bundles .bespoke-filters-wrapper .bespoke-filters-panel .bespoke-filters .bespoke-filter-item input[type=radio] {
  position: absolute;
  visibility: hidden;
}

.browse-bundles .bespoke-filters-wrapper .bespoke-filters-panel .bespoke-filters .bespoke-filter-item input[type=radio]:checked + label {
  color: #ed0000;
}

.browse-bundles .bespoke-filters-wrapper .bespoke-filters-panel .bespoke-filters .bespoke-filter-item input[type=radio]:disabled + label {
  cursor: not-allowed;
}

.browse-bundles .bespoke-filters-wrapper .bespoke-filters-panel .bespoke-filters .bespoke-filter-item label {
  font-weight: normal;
  margin: 0;
  cursor: pointer;
}

.bundle-details-wrapper {
  background-color: #ffffff;
}

.info-container {
  max-width: 1024px;
  margin: 0 auto;
}

.bundle-details.component {
  margin-bottom: 0;
}

.bundle-details .pointer {
  cursor: pointer;
}

.bundle-details .cover-image {
  display: -webkit-flex;
  display: flex;
  position: relative;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-color: #efefef;
}

.bundle-details .cover-image .gradient {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
}

.bundle-details .cover-image.with-gradient:before {
  content: "";
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  background: -moz-linear-gradient(left, black 0%, transparent 49%, black 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, black), color-stop(49%, transparent), color-stop(100%, black));
  background: -ms-linear-gradient(left, black 0%, transparent 49%, black 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$vm-prime-info-black, endColorstr=$vm-prime-info-black, GradientType=1);
}

.bundle-details .top-left {
  -webkit-flex: 1 1 50%;
  flex: 1 1 50%;
  color: #ffffff;
  padding-left: 28px;
  padding-bottom: 5px;
  position: relative;
}

.bundle-details .top-left .yellow-ribbon {
  background: #ffcc00;
  margin-bottom: 15px;
  margin-top: 11px;
  display: inline-block;
  padding: 0 16px;
  height: 22px;
  width: auto;
}

.bundle-details .top-left .yellow-ribbon p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 20px;
  color: #333;
  margin: 0;
  display: inline-block;
  vertical-align: top;
}

.bundle-details .top-left .yellow-ribbon p:before {
  content: "";
  font-family: FontAwesome, sans-serif;
  font-size: 6px;
  font-size: 0.6rem;
  color: #333;
  vertical-align: 15%;
  padding-right: 5px;
}

.bundle-details .top-left h1 {
  font-family: "VM Circular Light", sans-serif;
  margin: 0 0 20px 0;
  padding-top: 10px;
  font-size: 40px;
  font-size: 4rem;
  line-height: 1;
}

.bundle-details .top-left .list-unstyled {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  max-height: 140px;
  max-width: 300px;
  /*workaround to have two columns narrow */
}

.bundle-details .top-left .list-unstyled li {
  font-family: "VM Circular Book", sans-serif;
  margin-bottom: 10px;
  margin-right: 15px;
  line-height: 23px;
}

.bundle-details .top-left .list-unstyled li.upgrade-to-fmc {
  padding-bottom: 15px;
}

.bundle-details .top-left .list-unstyled li.upgrade-to-fmc button {
  color: #ffffff;
  text-decoration: underline;
  padding: 0;
  background: none;
  border: none;
}

.bundle-details .top-left .list-unstyled li.upgrade-to-fmc button:focus {
  outline: none;
}

.bundle-details .top-left .list-unstyled li img {
  max-height: 21px;
  margin-top: -5px;
}

.bundle-details .top-left .list-unstyled li span {
  width: 40px;
  display: inline-block;
}

.bundle-details .top-left .list-unstyled li:last-child {
  margin-bottom: 0;
}

.bundle-details .top-right {
  -webkit-flex: 1 1 50%;
  flex: 1 1 50%;
  position: relative;
  color: #ffffff;
  font-family: "VM Circular Book", sans-serif;
  padding-right: 28px;
  padding-top: 68px;
}

.bundle-details .top-right.asa-variant {
  max-width: 320px;
  text-align: right;
}

.bundle-details .top-right.asa-variant div {
  line-height: 23px;
}

.bundle-details .top-right.asa-variant .activation-fee {
  margin-top: 10px;
  line-height: 18px;
  font-size: 14px;
  font-size: 1.4rem;
}

.bundle-details .top-right.asa-variant .ctas {
  margin-top: 20px;
}

.bundle-details .top-right.asa-variant .ctas .disabled a, .bundle-details .top-right.asa-variant .ctas .disabled .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .bundle-details .top-right.asa-variant .ctas .disabled span {
  cursor: not-allowed;
  background-color: #ee5454;
}

.bundle-details .top-right.asa-variant .ctas .disabled a:hover, .bundle-details .top-right.asa-variant .ctas .disabled .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:hover, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .bundle-details .top-right.asa-variant .ctas .disabled span:hover {
  background-color: #ff6666;
}

.bundle-details .top-right.asa-variant .ctas a, .bundle-details .top-right.asa-variant .ctas .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .bundle-details .top-right.asa-variant .ctas span {
  font-family: "VM Circular Book", sans-serif;
  cursor: pointer;
}

.bundle-details .top-right.asa-variant .ctas .disabled-secondary a, .bundle-details .top-right.asa-variant .ctas .disabled-secondary .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .bundle-details .top-right.asa-variant .ctas .disabled-secondary span {
  background-color: #d8d8d8;
  color: #7a7a7a;
  cursor: not-allowed;
}

.bundle-details .top-right.asa-variant .ctas .disabled-secondary a:hover, .bundle-details .top-right.asa-variant .ctas .disabled-secondary .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:hover, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .bundle-details .top-right.asa-variant .ctas .disabled-secondary span:hover, .bundle-details .top-right.asa-variant .ctas .disabled-secondary a:focus, .bundle-details .top-right.asa-variant .ctas .disabled-secondary .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:focus, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .bundle-details .top-right.asa-variant .ctas .disabled-secondary span:focus {
  background-color: #d8d8d8;
  color: #7a7a7a;
  font-family: "VM Circular Book", sans-serif;
  text-decoration: none;
}

.bundle-details .top-right.asa-variant .ctas li:last-child {
  padding-right: 0;
}

.bundle-details .bottom-channels-list {
  position: relative;
}

.bundle-details .bottom-channels-list:not(.is-device) {
  padding-left: 56px;
  padding-right: 56px;
}

.bundle-details .bottom-channels-list:not(.is-device).small-padding-left {
  padding-left: 23px;
}

.bundle-details .bottom-channels-list:not(.is-device).small-padding-right {
  padding-right: 23px;
}

.bundle-details .bottom-channels-list .owl-item {
  height: 45px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.bundle-details .bottom-channels-list .owl-item:last-child {
  margin-right: 0 !important;
}

.bundle-details .bottom-channels-list img {
  max-height: 100%;
  width: auto;
}

.bundle-details .bottom-channels-list.is-device {
  padding: 0 28px;
}

.bundle-details .bottom-channels-list.is-device .owl-nav i {
  visibility: hidden;
}

.bundle-details .bottom-channels-list.is-device .owl-nav .owl-prev {
  background: -moz-linear-gradient(right, rgba(255, 255, 255, 0.1) 0%, white 70%, white 100%);
  background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0.1) 0%, white 70%, white 100%);
  background: linear-gradient(to left, rgba(255, 255, 255, 0.1) 0%, white 70%, white 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dffffff', endColorstr='#ffffff',GradientType=1 );
}

.bundle-details .bottom-channels-list.is-device .owl-nav .owl-next {
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.1) 0%, white 70%, white 100%);
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.1) 0%, white 70%, white 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0.1) 0%, white 70%, white 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dffffff', endColorstr='#ffffff',GradientType=1 );
}

.bundle-details .bottom-channels-list .owl-nav .owl-prev {
  left: 0;
  padding-left: 28px;
  text-align: left;
}

.bundle-details .bottom-channels-list .owl-nav .owl-next {
  right: 0;
  padding-right: 28px;
  text-align: right;
}

.bundle-details .bottom-channels-list .owl-nav .owl-prev, .bundle-details .bottom-channels-list .owl-nav .owl-next {
  position: absolute;
  top: 0;
  line-height: 47px;
  width: 100px;
  color: #5f2878;
  font-size: 35px;
  font-size: 3.5rem;
}

.bundle-details .bottom-channels-list .owl-nav .owl-prev.disabled, .bundle-details .bottom-channels-list .owl-nav .owl-next.disabled {
  display: none;
}

.bundle-details .tiers-info {
  padding: 0 0 28px 28px;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

.bundle-details .tiers-info .line-break {
  width: 100%;
  height: 1px;
  background-color: #ccc;
  margin: 35px 30px 25px 0;
}

.bundle-details .tiers-info .tier {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  width: 25%;
  padding-right: 30px;
  padding-top: 21px;
}

.bundle-details .tiers-info .tier .cta {
  display: -webkit-flex;
  display: flex;
  margin-right: auto;
  margin-top: auto;
  padding-bottom: 13px;
}

.bundle-details .tiers-info .tier .tier-author p, .bundle-details .tiers-info .tier .tier-author ul, .bundle-details .tiers-info .tier .tier-author ol {
  font-size: 16px;
  font-size: 1.6rem;
  color: #666;
  font-family: "VM Circular Light", sans-serif;
}

.bundle-details .tiers-info .tier .tier-author ul, .bundle-details .tiers-info .tier .tier-author ol {
  margin-bottom: 0;
  padding-left: 20px;
}

.bundle-details .tiers-info .tier .tier-author ul li, .bundle-details .tiers-info .tier .tier-author ol li {
  line-height: 16px;
  margin-bottom: 14px;
}

.bundle-details .tiers-info .tier h2 {
  line-height: 23px;
  margin: 0 0 10px 0;
  font-family: "VM Circular Book", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

.bundle-details .tiers-info .tier h2 img {
  margin-right: 10px;
  max-height: 29px;
  margin-top: -4px;
}

.bundle-details .tiers-info .upsell--container {
  padding: 21px 20px 0;
  position: relative;
  width: 25%;
}

.bundle-details .tiers-info .upsell--container .upsell--images {
  padding-bottom: 49px;
}

.bundle-details .tiers-info .upsell--container .upsell--button {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 13px;
}

.bundle-details .tiers-info .upsell--container .upsell--button .upsell--action-button {
  display: inline-block;
  margin: 0;
  max-width: 160px;
}

.bundle-details .tiers-info .upsell--container .upsell--button .upsell--action-button a, .bundle-details .tiers-info .upsell--container .upsell--button .upsell--action-button .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .bundle-details .tiers-info .upsell--container .upsell--button .upsell--action-button span {
  float: none;
  outline: none;
  margin: 0;
  display: block;
  font-family: "VM Circular Book", sans-serif;
  padding: 10.5px 17px;
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 1;
}

.bundle-details .tiers-info .upsell--container .upsell--title {
  padding: 0;
}

.bundle-details .upsell--container .upsell--fmc {
  background: #322332;
  color: #fff;
  font-size: 15px;
  font-size: 1.5rem;
  font-family: "VM Circular Book", sans-serif;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  height: 35px;
  padding-top: 7px;
}

.bundle-details .upsell--container .upsell--link-fmc {
  color: #fff;
  text-decoration: underline;
}

.bundle-details .upsell--container-fmc.upsell--container-empty {
  min-height: 0;
}

.bundle-details .bundle-channels {
  margin-top: 5px;
  clear: both;
}

.bundle-details .bundle-channels .channels-title {
  padding: 0 28px;
}

.bundle-details .bundle-channels .channels-title h3, .bundle-details .bundle-channels .channels-title .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina .bundle-details .bundle-channels .channels-title .acc-panel-title {
  line-height: 23px;
  margin: 0 0 7px 0;
  font-size: 18px;
  font-size: 1.8rem;
  color: #333;
}

.bundle-details .bundle-channels .channels-title p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 16px;
  color: #666;
  margin-bottom: 12px;
}

.bundle-details .bundle-channels .channels-title h3, .bundle-details .bundle-channels .channels-title .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina .bundle-details .bundle-channels .channels-title .acc-panel-title, .bundle-details .bundle-channels .channels-title p {
  font-family: "VM Circular Book", sans-serif;
}

.bundle-details .bundle-legal-copy, .bundle-details .bundle-dagger-copy {
  padding: 10px 28px;
  font-size: 15px;
  font-size: 1.5rem;
  font-style: italic;
  line-height: 18px;
}

.preview-basket-section {
  position: absolute;
  width: 100%;
  bottom: 0;
}

.basket-overview-wrapper {
  max-width: 1024px;
  width: 100%;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  line-height: 20px;
  font-family: "VM Circular Light", sans-serif;
  background: #333;
}

.basket-overview-wrapper:not(.footer-summary) {
  padding: 13px 0;
}

.basket-overview-wrapper.extras-basket {
  padding: 0;
}

@media only screen and (min-width: 1200px) {
  .basket-overview-wrapper.extras-basket {
    max-width: 1170px;
  }
  .basket-overview-wrapper.extras-basket .basket-overview-content {
    margin: 0;
  }
  .basket-overview-wrapper.extras-basket .basket-overview-buttons {
    margin: 0 0 0 auto;
  }
}

.basket-overview-wrapper .basket-overview-content {
  -webkit-flex: 1;
  flex: 1;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  display: -webkit-flex;
  display: flex;
  padding-left: 28px;
}

.basket-overview-wrapper .basket-overview-content .contract-info {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.basket-overview-wrapper .basket-overview-content .contract-info img {
  max-height: 16px;
  cursor: pointer;
}

.basket-overview-wrapper .basket-overview-content .contract-info span {
  display: inline-block;
  max-width: 90px;
  padding-left: 10px;
}

.basket-overview-wrapper .basket-overview-content .prices-info {
  display: -webkit-flex;
  display: flex;
  align-items: center;
}

.basket-overview-wrapper .basket-overview-content .prices-info .price-and-interval {
  text-align: right;
  padding: 0 6px;
}

.basket-overview-wrapper .basket-overview-content .prices-info .price-and-interval:first-child {
  margin-left: auto;
}

.basket-overview-wrapper .basket-overview-content .prices-info .price-and-interval.text-left {
  text-align: left;
}

.basket-overview-wrapper .basket-overview-content .prices-info .price-and-interval p.last {
  max-width: 90px;
}

.basket-overview-wrapper .basket-overview-content .prices-info .price-and-interval p.last {
  max-width: 95px;
}

.basket-overview-wrapper .basket-overview-content .prices-info .price-and-interval p {
  margin: 0;
}

.basket-overview-wrapper .basket-overview-content .prices-info div.vertical-line {
  width: 1px;
  height: 100%;
  background-color: #858585;
  margin-right: 8px;
  margin-left: 8px;
}

.basket-overview-wrapper .basket-overview-content .prices-info div.horizontal-line {
  width: 90px;
  height: 1px;
  background-color: #858585;
  margin-top: 8px;
  margin-bottom: 8px;
}

.basket-overview-wrapper .basket-overview-content .prices-info div.bold {
  font-weight: 800;
}

.basket-overview-wrapper .basket-overview-buttons {
  padding-right: 28px;
  padding-left: 10px;
}

.basket-overview-wrapper .basket-overview-buttons .btn-primary {
  font-family: "VM Circular Light", sans-serif;
  font-size: 17px;
  font-size: 1.7rem;
}

.basket-overview-wrapper .basket-overview-buttons .btn {
  margin-top: 0;
  pointer-events: auto;
  border: none;
}

.basket-overview-wrapper .basket-overview-buttons .btn ~ .btn {
  margin-left: 8px;
}

.basket-overview-wrapper .basket-overview-buttons .btn[disabled] {
  pointer-events: none;
  opacity: .6;
}

.modal .basket-overview-buttons {
  padding-right: 0;
}

.modal .basket-overview-content {
  padding-left: 0;
}

.modal .basket-overview-wrapper .contract-info span {
  padding-left: 0;
  text-align: left;
}

.messages-wrapper {
  max-width: 1024px;
  width: 100%;
  margin: 0 auto;
  padding: 0 40px;
}

.messages-wrapper .messages-container {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.messages-wrapper .messages-container .message-header {
  text-align: right;
  margin-top: 40px;
  width: 100%;
}

.messages-wrapper .messages-container .message-header img {
  float: right;
}

.messages-wrapper .messages-container .message-body {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  margin-bottom: 30px;
}

.messages-wrapper .messages-container .message-body > p {
  margin-bottom: 35px;
}

.messages-wrapper .messages-container .message-body p, .messages-wrapper .messages-container .message-body div {
  font-family: "VM Circular Light", sans-serif;
  font-size: 30px;
  font-size: 3rem;
  color: #333;
  line-height: 35px;
  max-width: 742px;
}

.messages-wrapper .messages-container .message-body div p {
  display: inline-block;
}

.messages-wrapper .messages-container .message-body .client-name {
  font-family: "VM Circular Light", sans-serif;
  font-size: 30px;
  font-size: 3rem;
  color: #333;
  line-height: 35px;
  margin-bottom: 35px;
}

.messages-wrapper .messages-container .message-body .part-serviceable-message {
  margin-bottom: 30px;
}

.messages-wrapper .messages-container .message-body .part-serviceable-message p {
  font-family: "VM Circular Light", sans-serif;
  font-size: 30px;
  font-size: 3rem;
  color: #333;
  line-height: 35px;
  margin-bottom: 0px;
}

.messages-wrapper .messages-container .message-body .products-available {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
}

.messages-wrapper .messages-container .message-body .products-available .product-box {
  width: 144px;
  height: 126px;
  background: #f7f7f7;
  border-radius: 6px;
  margin-right: 3px;
  text-align: center;
}

.messages-wrapper .messages-container .message-body .products-available .product-box img {
  margin-top: 28px;
  max-width: 35px;
}

.messages-wrapper .messages-container .message-body .products-available .product-box .product-label {
  margin-top: 18px;
  font-family: "VM Circular Book", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #333;
  line-height: 20px;
  height: 40px;
  vertical-align: middle;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.messages-wrapper .messages-container .message-body .products-available .product-box:last-child {
  background: #fff;
}

.messages-wrapper .messages-container .message-body .text-below-available-products {
  margin-top: 30px;
  font-family: "VM Circular Light", sans-serif;
  font-size: 30px;
  font-size: 3rem;
  color: #333;
  line-height: 35px;
}

.messages-wrapper .messages-container .message-footer {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  text-align: right;
}

.messages-wrapper .messages-container .message-footer .footer-buttons {
  display: block;
  width: 100%;
}

.messages-wrapper .messages-container .message-footer .footer-buttons .btn-secondary {
  color: #333;
}

.messages-wrapper .messages-container .message-footer .footer-buttons .btn-primary {
  color: #fff;
  margin-left: 20px;
}

.messages-wrapper .messages-container .message-footer .footer-buttons .btn {
  font-family: "VM Circular Book", sans-serif;
  font-size: 17px;
  font-size: 1.7rem;
  padding: 12px 27px;
  line-height: 22px;
  border-radius: 23px;
}

.messages-wrapper .messages-container .message-footer .below-footer-text {
  font-family: "VM Circular Book", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  color: #666;
  line-height: 23px;
  margin-top: 20px;
}

.messages-wrapper .messages-container .message-footer .below-footer-text p {
  font-family: "VM Circular Book", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  color: #666;
  line-height: 23px;
}

.messages-wrapper .messages-container.active .message-header {
  text-align: initial;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

.messages-wrapper .messages-container.active .message-header .header-text {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  font-family: "VM Circular Light", sans-serif;
  font-size: 40px;
  font-size: 4rem;
  color: #333;
  line-height: 45px;
  width: 742px;
  margin-right: 60px;
  float: left;
}

.messages-wrapper .messages-container.active .message-header .header-logo {
  display: -webkit-flex;
  display: flex;
  width: 142px;
}

.messages-wrapper .messages-container.active .message-body {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  margin-top: 40px;
}

.messages-wrapper .messages-container.active .message-body .left-content {
  width: 50%;
}

.messages-wrapper .messages-container.active .message-body .left-content p {
  font-family: "VM Circular Book", sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  color: #333;
  line-height: 27px;
}

.messages-wrapper .messages-container.active .message-body .right-content {
  width: 50%;
  text-align: right;
}

.messages-wrapper .messages-container.active .message-body .right-content .btn {
  margin-right: 116px;
}

.messages-wrapper .messages-container.active .message-footer {
  text-align: initial;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  padding-bottom: 175px;
}

.messages-wrapper .messages-container.active .message-footer .separator {
  display: -webkit-flex;
  display: flex;
  margin-bottom: 49px;
}

.messages-wrapper .messages-container.active .message-footer .separator p {
  line-height: 20px;
  margin-bottom: 0;
}

.messages-wrapper .messages-container.active .message-footer .footer-column {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
}

.messages-wrapper .messages-container.active .message-footer .footer-column .column {
  max-width: 300px;
  width: 33%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  margin-right: 22px;
}

.messages-wrapper .messages-container.active .message-footer .footer-column .column:last-child {
  margin-left: 36px;
  margin-right: 0;
  max-width: 265px;
  width: 28%;
}

.messages-wrapper .messages-container.active .message-footer .footer-column .column .column-title {
  font-family: "VM Circular Book", sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  color: #333;
  line-height: 27px;
  margin-bottom: 20px;
}

.messages-wrapper .messages-container.active .message-footer .footer-column .column .column-content {
  font-family: "VM Circular Book", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  color: #666;
  line-height: 25px;
}

.messages-wrapper .messages-container.active .message-footer .footer-column .column .column-content .btn {
  margin-top: 20px;
}

.dynamic-message.modal {
  width: 1024px;
  height: 768px;
  margin: 0 auto;
}

.dynamic-message .close-dynamic-message {
  position: absolute;
  z-index: 9;
  background: none;
  border: none;
  right: 16px;
  top: 14px;
  padding: 0;
  line-height: 1;
}

.dynamic-message .close-dynamic-message i {
  line-height: 1;
  font-size: 25px;
  font-size: 2.5rem;
}

.dynamic-message .modal-body {
  padding: 40px 34px;
  background-color: #fff;
  text-align: center;
  font-family: "VM Circular Book", sans-serif;
  border-radius: 8px;
}

.dynamic-message .modal-body img {
  height: 37px;
  margin-bottom: 15px;
}

.dynamic-message .modal-body .title {
  font-size: 22px;
  font-size: 2.2rem;
  color: #333;
  line-height: 27px;
  margin-bottom: 10px;
}

.dynamic-message .modal-body .message {
  font-size: 18px;
  font-size: 1.8rem;
  color: #666;
  line-height: 25px;
}

.dynamic-message .modal-body .action {
  margin-top: 30px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: center;
  justify-content: center;
}

.dynamic-message .modal-body .action .btn-message-wrapper {
  display: inline-block;
  margin-right: 30px;
}

.dynamic-message .modal-body .action .btn-message-wrapper:last-child {
  margin-right: 0px;
}

.dynamic-message .modal-body .action .btn-message-wrapper p {
  font-size: 16px;
  font-size: 1.6rem;
  margin: 7px 0 0;
  padding: 0px 18%;
  text-align: center;
}

.dynamic-message .modal-body .action .btn-message {
  font-size: 17px;
  font-size: 1.7rem;
  letter-spacing: 1px;
  font-family: "VM Circular Book", sans-serif;
  padding: 12px 27px;
  line-height: 22px;
  font-weight: normal;
}

.summary-wrapper .left-section .table-header ul li, .summary-wrapper .left-section .column h4 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 23px;
  font-family: "VM Circular Book", sans-serif;
  color: #666;
}

.summary-wrapper .left-section .column .list-unstyled .item {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 20px;
  font-family: "VM Circular Book", sans-serif;
}

#basket-summary .modal-body {
  padding: 0;
}

#basket-summary .modal-content {
  background: #fff;
}

.summary-wrapper {
  display: -webkit-flex;
  display: flex;
  width: 100%;
  padding: 0;
}

@media only screen and (min-width: 1200px) {
  .summary-wrapper {
    width: 1024px;
  }
}

.summary-wrapper .left-section {
  border-right: 1px solid #d8d8d8;
  width: 68.6%;
}

.summary-wrapper .left-section .table-header {
  border-bottom: 1px solid #d8d8d8;
}

.summary-wrapper .left-section .table-header ul {
  padding-left: 20px;
  margin: 0;
}

.summary-wrapper .left-section .table-header ul li {
  float: left;
  width: 100%;
  padding-right: 0;
  vertical-align: middle;
  border: none;
  text-align: center;
  padding-bottom: 10px;
  padding-top: 10px;
  font-weight: 900;
  font-size: medium;
}

.summary-wrapper .left-section .table-header ul li:first-child {
  text-align: left;
  padding-left: 0;
}

.summary-wrapper .left-section .column {
  padding: 20px 10px 20px 20px;
  border-bottom: 1px solid #d8d8d8;
}

.summary-wrapper .left-section .column:last-child {
  border-bottom: none;
}

.summary-wrapper .left-section .column.no-border {
  border-bottom: none;
  padding-bottom: 0;
}

.summary-wrapper .left-section .column .col-wrapper .list-unstyled {
  width: 100%;
}

.summary-wrapper .left-section .column .col-wrapper, .summary-wrapper .left-section .column .col-wrapper .item {
  display: -webkit-flex;
  display: flex;
}

.summary-wrapper .left-section .column .col-wrapper .item .variant {
  margin-left: auto;
}

.summary-wrapper .left-section .column h4 {
  margin: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.summary-wrapper .left-section .column .img-wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  width: 25px;
  margin-right: 10px;
}

.summary-wrapper .left-section .column .img-wrap img {
  max-width: 100%;
  width: 100%;
}

.summary-wrapper .left-section .column.tiers-section {
  flex-direction: column;
}

.summary-wrapper .left-section .column.tiers-section .tiers-section-row {
  width: 100%;
  display: flex;
}

.summary-wrapper .left-section .column.tiers-section .list-unstyled .item {
  font-size: 18px;
  font-size: 1.8rem;
  color: #333;
}

.summary-wrapper .left-section .column.tiers-section .nothing {
  margin: 0;
}

.summary-wrapper .left-section .column.streaming2-section {
  margin-top: -25px;
}

.summary-wrapper .left-section .column.streaming2-section .first-col h4 {
  color: #333;
}

.summary-wrapper .left-section .column.with-icon {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.summary-wrapper .left-section .column.with-icon .list-unstyled {
  margin: 0;
}

.summary-wrapper .left-section .column.with-icon .list-unstyled .item {
  display: -webkit-inline-flex;
  display: inline-flex;
  width: 100%;
  margin-bottom: 15px;
}

.summary-wrapper .left-section .column.with-icon .list-unstyled .item:last-child {
  margin-bottom: 0;
}

.summary-wrapper .left-section .column.with-icon .first-col {
  width: 50%;
}

.summary-wrapper .left-section .column.with-icon .second-col {
  margin-left: auto;
}

.summary-wrapper .left-section .column .list-unstyled {
  clear: both;
  margin-bottom: 0;
}

.summary-wrapper .left-section .column .list-unstyled .item .info {
  width: 226px;
  margin-right: 30px;
}

.summary-wrapper .left-section .column .list-unstyled .item .price {
  width: 100px;
  color: #333;
}

.summary-wrapper .left-section .column .list-unstyled .item .price small {
  font-size: 14px;
  font-size: 1.4rem;
  display: block;
}

.summary-wrapper .left-section .column .list-unstyled .item.inline-flex {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

.summary-wrapper .left-section .column .list-unstyled .item .to-right {
  margin-top: 0;
}

.summary-wrapper .left-section .column .list-unstyled:not(.no-margin) .item {
  margin-top: 15px;
}

.summary-wrapper .left-section .column .list-unstyled.margin-left {
  margin-left: 35px;
}

.summary-wrapper .left-section .column .variant {
  font-family: "VM Circular Book", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #333;
}

.summary-wrapper .left-section .column .variant div {
  line-height: 20px;
}

.summary-wrapper .left-section .column .variant small {
  margin-top: 7px;
  display: block;
  line-height: 16px;
  font-size: 14px;
  font-size: 1.4rem;
}

.summary-wrapper .left-section .column .sub-total {
  font-weight: 800;
}

.summary-wrapper .left-section .column .sub-total span {
  margin-right: 15px;
}

.summary-wrapper .left-section .column .nothing {
  margin: 20px 0 0 0;
  font-family: "VM Circular Book", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 18px;
}

.summary-wrapper .right-section {
  width: 31.4%;
}

.overlay-bottom-section {
  font-size: 15px;
  font-size: 1.5rem;
  font-style: italic;
  line-height: 18px;
  text-align: left;
  padding: 20px 20px 0 20px;
}

.upsell--container {
  background-color: #f7f7f7;
}

.upsell--container.upsell--container-empty {
  min-height: 205px;
}

.right-column .upsell--container.upsell--container-empty {
  min-height: 110px;
}

.upsell--container .upsell--title {
  font-family: "VM Circular Book", sans-serif;
  font-size: 20px;
  font-size: 2rem;
  text-align: center;
  color: #333;
  line-height: 27px;
  margin: 0;
  padding: 20px 20px 13px 19px;
}

.right-column .upsell--container .upsell--title {
  padding: 8px 0 2px;
}

.upsell--container .upsell--inner p {
  font-family: "VM Circular Book", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  color: #333;
  line-height: 20px;
}

.right-column .upsell--container .upsell--inner p {
  margin: 0;
}

.upsell--container .upsell--images {
  text-align: center;
}

.upsell--container .upsell--button {
  text-align: center;
}

.upsell--container .upsell--button .upsell--action-button {
  margin: 20px 0;
  display: inline-block;
  max-width: 113px;
}

.upsell--container .upsell--button .upsell--action-button a, .upsell--container .upsell--button .upsell--action-button .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .upsell--container .upsell--button .upsell--action-button span {
  float: none;
  outline: none;
  margin: 0;
  display: block;
  font-family: "VM Circular Book", sans-serif;
  padding: 7.5px 17px;
  font-size: 14px;
  font-size: 1.4rem;
}

.right-column .upsell--container .upsell--button .upsell--action-button {
  margin: 5px 0 18px;
}

.right-column .upsell--container .upsell--button .upsell--action-button a, .right-column .upsell--container .upsell--button .upsell--action-button .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .right-column .upsell--container .upsell--button .upsell--action-button span {
  padding: 7.5px 17px 8.5px;
}

.right-column .symmetrical-toggle {
  min-height: 55px;
  background-color: #f7f7f7;
  /* The toggle - the box around the slider */
  /* Switch Sizes */
  /* Hide default HTML checkbox */
  /* The slider */
}

.right-column .symmetrical-toggle + .upsell--container.upsell--container-empty {
  min-height: 55px;
}

.right-column .symmetrical-toggle h6 {
  text-align: center;
  margin-top: 0px;
  padding-top: 15px;
  font-size: medium;
}

.right-column .symmetrical-toggle .toggle span span {
  display: none;
}

.right-column .symmetrical-toggle .toggle {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 200px;
  height: 38px;
  overflow: visible;
  padding: 0;
  cursor: pointer;
  border: 1px solid gray;
  border-radius: 25px;
  background-color: white;
}

.right-column .symmetrical-toggle .toggle * {
  border-radius: 25px;
}

.right-column .symmetrical-toggle .toggle label,
.right-column .symmetrical-toggle .toggle > span {
  line-height: 20px;
  height: 20px;
  vertical-align: middle;
}

.right-column .symmetrical-toggle .toggle input:focus ~ a, .right-column .symmetrical-toggle .toggle .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles input:focus ~ span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .right-column .symmetrical-toggle .toggle input:focus ~ span,
.right-column .symmetrical-toggle .toggle input:focus + label {
  outline: none;
}

.right-column .symmetrical-toggle .toggle label {
  position: relative;
  z-index: 3;
  display: block;
  width: 100%;
}

.right-column .symmetrical-toggle .toggle input {
  position: absolute;
  opacity: 0;
  z-index: 5;
}

.right-column .symmetrical-toggle .toggle > span {
  position: absolute;
  left: 0;
  width: calc(100% - 6px);
  margin: 0;
  text-align: left;
  white-space: nowrap;
  margin: 0 3px;
}

.right-column .symmetrical-toggle .toggle > span span {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  display: block;
  width: 50%;
  margin-left: 50px;
  text-align: left;
  font-size: 0.9em;
  width: auto;
  left: 0;
  top: -1px;
  opacity: 1;
  width: 40%;
  text-align: center;
  line-height: 34px;
}

.right-column .symmetrical-toggle .toggle a, .right-column .symmetrical-toggle .toggle .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .right-column .symmetrical-toggle .toggle span {
  position: absolute;
  right: 50%;
  z-index: 4;
  display: block;
  top: 0px;
  bottom: 0px;
  padding: 0;
  left: 0px;
  width: 50%;
  background-color: #ed0000;
  border-radius: 25px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.right-column .symmetrical-toggle .toggle > span span:first-of-type {
  color: #FFF;
  opacity: 1;
  left: 0;
  margin: 0;
  width: 50%;
}

.right-column .symmetrical-toggle .toggle > span span:last-of-type {
  left: auto;
  right: 0;
  color: black;
  margin: 0;
  width: 50%;
}

.right-column .symmetrical-toggle .toggle > span:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: -2px;
  /* background-color: #fafafa;
            border: 1px solid #ccc; */
  border-radius: 25px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.right-column .symmetrical-toggle .toggle input:checked ~ a, .right-column .symmetrical-toggle .toggle .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles input:checked ~ span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .right-column .symmetrical-toggle .toggle input:checked ~ span {
  left: calc(50% - 0px);
}

.right-column .symmetrical-toggle .toggle input:checked ~ span:before {
  /* border-color: #0097D1;
            box-shadow: inset 0 0 0 30px #0097D1; */
}

.right-column .symmetrical-toggle .toggle input:checked ~ span span:first-of-type {
  left: 0;
  color: black;
}

.right-column .symmetrical-toggle .toggle input:checked ~ span span:last-of-type {
  /* opacity: 1;
            color: #fff;	 */
  color: #FFF;
}

.right-column .symmetrical-toggle .toggle.large {
  width: 60px;
  height: 27px;
}

.right-column .symmetrical-toggle .toggle.large a, .right-column .symmetrical-toggle .toggle.large .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .right-column .symmetrical-toggle .toggle.large span {
  width: 27px;
}

.right-column .symmetrical-toggle .toggle.large > span {
  height: 29px;
  line-height: 28px;
}

.right-column .symmetrical-toggle .toggle.large input:checked ~ a, .right-column .symmetrical-toggle .toggle.large .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles input:checked ~ span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .right-column .symmetrical-toggle .toggle.large input:checked ~ span {
  left: 41px;
}

.right-column .symmetrical-toggle .toggle.large > span span {
  font-size: 1.1em;
}

.right-column .symmetrical-toggle .toggle.large > span span:first-of-type {
  left: 50%;
}

.right-column .symmetrical-toggle .toggle.xlarge {
  width: 80px;
  height: 36px;
}

.right-column .symmetrical-toggle .toggle.xlarge a, .right-column .symmetrical-toggle .toggle.xlarge .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .right-column .symmetrical-toggle .toggle.xlarge span {
  width: 36px;
}

.right-column .symmetrical-toggle .toggle.xlarge > span {
  height: 38px;
  line-height: 37px;
}

.right-column .symmetrical-toggle .toggle.xlarge input:checked ~ a, .right-column .symmetrical-toggle .toggle.xlarge .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles input:checked ~ span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .right-column .symmetrical-toggle .toggle.xlarge input:checked ~ span {
  left: 52px;
}

.right-column .symmetrical-toggle .toggle.xlarge > span span {
  font-size: 1.4em;
}

.right-column .symmetrical-toggle .toggle.xlarge > span span:first-of-type {
  left: 50%;
}

.right-column .symmetrical-toggle .toggle input {
  opacity: 0;
  width: 0;
  height: 0;
}

.right-column .symmetrical-toggle .slider {
  border-radius: 34px;
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.right-column .symmetrical-toggle .slider .active {
  border-radius: 50%;
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.right-column .symmetrical-toggle input:checked + .slider {
  background-color: #2196F3;
}

.right-column .symmetrical-toggle input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

.right-column .symmetrical-toggle input:checked + .slider .active {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

.agent-form-wrapper {
  max-width: 1024px;
  width: 100%;
  margin: 0 auto;
  padding: 40px 40px 25px 40px;
}

.agent-form-wrapper .form-group {
  clear: both;
}

.agent-form-wrapper .form-group .form-control-feedback {
  top: 40px;
  right: 5px;
  font-size: 22px;
  font-size: 2.2rem;
}

.agent-form-wrapper .form-group .form-control {
  height: 45px;
  box-shadow: none;
}

.agent-form-wrapper .form-group .form-control:focus {
  border-color: #ccc;
  box-shadow: none;
}

.agent-form-wrapper .form-group input[readonly] {
  background: white;
  pointer-events: none;
  opacity: .4;
}

.agent-form-wrapper .control-label, .agent-form-wrapper .has-error .help-block {
  font-family: "VM Circular Book", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 23px;
  color: #333;
  font-weight: normal;
}

.agent-form-wrapper .control-label.required:after, .agent-form-wrapper .has-error .help-block.required:after {
  content: '*';
  display: inline-block;
}

.agent-form-wrapper .heading h4 {
  margin-bottom: 0;
  font-family: "VM Circular Light", sans-serif;
  font-size: 40px;
  font-size: 4rem;
  line-height: 45px;
}

.agent-form-wrapper .heading .sub-heading {
  margin-bottom: 0;
  max-width: 80%;
}

.agent-form-wrapper .heading .sub-heading p {
  margin: 30px 0 0 0;
  font-family: "VM Circular Book", sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 16px;
}

.agent-form-wrapper .heading .sub-heading h5, .agent-form-wrapper .heading .sub-heading h5 * {
  margin: 0;
  font-family: "VM Circular Light", sans-serif;
  font-size: 30px;
  font-size: 3rem;
  line-height: 35px;
}

.agent-form-wrapper .heading img {
  max-height: 82px;
}

.agent-form-wrapper .error-warning-wrapper {
  margin-bottom: 30px;
}

.agent-form-wrapper .error-warning-wrapper .errors {
  background: #fff0b2;
  border-radius: 8px;
  padding: 20px;
  border: 1px solid #FFCC04;
}

.agent-form-wrapper .error-warning-wrapper .errors ul {
  margin: 0;
  padding-left: 75px;
}

.agent-form-wrapper .error-warning-wrapper .errors * {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 23px;
}

.agent-form-wrapper .error-warning-wrapper .errors *:not(i) {
  font-family: "VM Circular Book", sans-serif;
}

.agent-form-wrapper .error-warning-wrapper .errors h3, .agent-form-wrapper .error-warning-wrapper .errors .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina .agent-form-wrapper .error-warning-wrapper .errors .acc-panel-title {
  margin-top: 0;
}

.agent-form-wrapper .error-warning-wrapper .errors h3 i, .agent-form-wrapper .error-warning-wrapper .errors .accordion.js-accordion-concertina .acc-panel-title i, .accordion.js-accordion-concertina .agent-form-wrapper .error-warning-wrapper .errors .acc-panel-title i {
  margin-right: 16px;
  color: #FFCC04;
}

.agent-form-wrapper .has-error .help-block {
  font-size: 16px;
  font-size: 1.6rem;
}

.agent-form-wrapper .has-error .form-control {
  border-color: #e5931d;
  box-shadow: none;
}

.agent-form-wrapper .has-error .form-control-feedback {
  color: #FFCC04;
}

.agent-form-wrapper .has-success .form-control {
  border-color: #ccc;
}

.agent-form-wrapper .submit-btn {
  margin-top: 30px;
}

.agent-form-wrapper .fields-wrapper {
  max-width: 75%;
}

.form-wrapper {
  max-width: 649px;
  width: 100%;
  padding: 0;
}

.form-wrapper .form-group {
  clear: both;
}

.form-wrapper .form-group .form-control-feedback {
  top: 40px;
  right: 5px;
  font-size: 22px;
  font-size: 2.2rem;
}

.form-wrapper .form-group .form-control {
  height: 45px;
  box-shadow: none;
  font-family: "VM Circular Light", sans-serif;
  font-size: 18px;
  color: #333333;
  padding: 11px;
}

.form-wrapper .form-group .form-control:focus {
  border-color: #ccc;
  box-shadow: none;
}

.form-wrapper .form-group input[readonly] {
  background: white;
  pointer-events: none;
  opacity: .4;
}

.form-wrapper .form-group:last-child {
  margin-bottom: 0;
}

.form-wrapper .control-label, .form-wrapper .has-error .help-block {
  font-family: "VM Circular Book", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 23px;
  color: #333;
  font-weight: normal;
}

.form-wrapper .control-label.required:after, .form-wrapper .has-error .help-block.required:after {
  content: '*';
  display: inline-block;
}

.form-wrapper .heading.form-group {
  margin: 0;
  padding: 0;
}

.form-wrapper .heading h4 {
  margin-bottom: 0;
  font-family: "VM Circular Light", sans-serif;
  font-size: 40px;
  font-size: 4rem;
  line-height: 45px;
}

.form-wrapper .heading .sub-heading {
  margin-bottom: 0;
  max-width: 80%;
}

.form-wrapper .heading .sub-heading .main-subheading {
  font-family: "VM Circular Book", sans-serif;
  font-size: 18px;
  color: #666;
  line-height: 25px;
  max-width: 444px;
  max-height: 50px;
  padding: 0;
  margin: 0;
}

.form-wrapper .heading .sub-heading .main-intro {
  font-family: "VM Circular Book", sans-serif;
  font-size: 18px;
  color: #666;
  line-height: 25px;
  max-width: 444px;
  padding: 0;
  margin: 0;
}

.form-wrapper .heading .sub-heading .mandatory-info-text {
  font-family: "VM Circular Book", sans-serif;
  font-size: 13px;
  color: #333;
  margin: 20px 0;
}

.form-wrapper .heading img {
  max-height: 82px;
}

.form-wrapper .error-warning-wrapper .errors {
  margin-bottom: 20px;
  background: #fff0b2;
  border-radius: 8px;
  padding: 20px;
  border: 1px solid #FFCC04;
}

.form-wrapper .error-warning-wrapper .errors ul {
  margin: 0;
  padding-left: 75px;
}

.form-wrapper .error-warning-wrapper .errors * {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 23px;
}

.form-wrapper .error-warning-wrapper .errors *:not(i) {
  font-family: "VM Circular Book", sans-serif;
}

.form-wrapper .error-warning-wrapper .errors h3, .form-wrapper .error-warning-wrapper .errors .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina .form-wrapper .error-warning-wrapper .errors .acc-panel-title {
  margin-top: 0;
}

.form-wrapper .error-warning-wrapper .errors h3 i, .form-wrapper .error-warning-wrapper .errors .accordion.js-accordion-concertina .acc-panel-title i, .accordion.js-accordion-concertina .form-wrapper .error-warning-wrapper .errors .acc-panel-title i {
  margin-right: 16px;
  color: #FFCC04;
}

.form-wrapper .has-error .help-block {
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "VM Circular Book", sans-serif;
  color: #333;
  line-height: 23px;
}

.form-wrapper .has-error .form-control {
  border-color: #e5931d;
  box-shadow: none;
}

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

.form-wrapper .has-success .form-control {
  border-color: #ccc;
}

.form-wrapper .submit-btn {
  margin-top: 30px;
}

.save-order-dialog .modal-content {
  background: #ffffff;
}

.save-order-dialog .modal-content .modal-header .modal-title {
  font-size: 30px;
}

.save-order-dialog .modal-content .modal-body {
  padding: 30px 30px 20px 29px;
}

.save-order-dialog .modal-content .modal-body #saveOrderForm .form-footer {
  display: none;
}

.save-order-dialog .modal-footer {
  bottom: -53px;
}

.save-order-dialog .modal-footer .save-confirmation-message {
  font-family: "VM Circular Book", sans-serif;
  font-size: 16px;
  color: #fff;
  line-height: 20px;
  margin: 0;
  max-width: 133px;
  max-height: 38px;
  text-align: left;
}

.save-order-dialog .modal-footer .email-confirmation-message {
  font-family: "VM Circular Book", sans-serif;
  font-size: 16px;
  color: #fff;
  line-height: 20px;
  max-width: 260px;
  max-height: 38px;
  text-align: right;
  margin-right: 15px;
}

.save-order-dialog .modal-footer .btn {
  padding: 8px 27px;
  font-weight: normal;
  margin-right: 15px;
  font-size: 17px;
  height: 38px;
}

#header-legal-modal .legal-stuff-body > h2 {
  font-family: "VM Circular Book", sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 27px;
  margin-top: 7px;
  margin-bottom: 30px;
  padding-left: 20px;
}

#header-legal-modal .modal-body {
  padding: 20px 0;
}

#header-legal-modal .accordion .acc-panel-title {
  padding: 17px 20px;
}

#header-legal-modal .accordion .acc-panel-title a, #header-legal-modal .accordion .acc-panel-title .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles #header-legal-modal .accordion .acc-panel-title span {
  color: #5f2878;
  font-family: "VM Circular Light", sans-serif;
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 30px;
  padding: 0;
  text-decoration: none;
}

#header-legal-modal .accordion .acc-panel-title a:hover .acc-item-title, #header-legal-modal .accordion .acc-panel-title .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:hover .acc-item-title, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles #header-legal-modal .accordion .acc-panel-title span:hover .acc-item-title {
  text-decoration: inherit;
}

#header-legal-modal .accordion .acc-panel-title .acc-item-title {
  padding-right: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#header-legal-modal .accordion .acc-panel-title:hover i {
  color: #ed0000;
}

#header-legal-modal .panel-body {
  padding: 0 20px 15px 20px;
}

#header-legal-modal .panel-body * {
  font-family: "VM Circular Book", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 23px;
  color: #666666;
}

#header-legal-modal .panel-body h1, #header-legal-modal .panel-body h2, #header-legal-modal .panel-body h3, #header-legal-modal .panel-body .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina #header-legal-modal .panel-body .acc-panel-title,
#header-legal-modal .panel-body h4, #header-legal-modal .panel-body h5, #header-legal-modal .panel-body h6 {
  color: #333;
}

#header-legal-modal .panel {
  background-color: #e4e4e4;
  border-color: #dbdbdb;
}

#header-legal-modal .caret-icon {
  position: relative;
  top: 5px;
}

#header-legal-modal .caret-icon i {
  color: #5f2878;
  font-size: 25px;
  font-size: 2.5rem;
}

.prime-spinner {
  z-index: 99999;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #777;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
}

#agent-error {
  max-width: 1024px;
  width: 100%;
  margin: 0 auto;
  padding: 0 40px;
}

#agent-error .agent-error--container {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}

#agent-error .agent-error--container .message-header {
  text-align: right;
  margin-top: 40px;
  width: 100%;
}

#agent-error .agent-error--container .message-header img {
  float: right;
}

#agent-error .agent-error--container .message-body {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  margin-bottom: 30px;
}

#agent-error .agent-error--container .message-body p {
  font-family: "VM Circular Light", sans-serif;
  font-size: 30px;
  font-size: 3rem;
  color: #333;
  line-height: 35px;
  max-width: 742px;
}

#agent-error .agent-error--container .message-body p:first-child {
  margin-bottom: 35px;
}

#agent-error .agent-error--container.active .message-header {
  text-align: initial;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

#agent-error .agent-error--container.active .message-header .header-text {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  font-family: "VM Circular Light", sans-serif;
  font-size: 40px;
  font-size: 4rem;
  color: #333;
  line-height: 45px;
  width: 742px;
  margin-right: 60px;
  float: left;
}

#agent-error .agent-error--container.active .message-header .header-logo {
  display: -webkit-flex;
  display: flex;
  width: 142px;
}

#agent-error .agent-error--container.active .message-body {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  margin-top: 40px;
}

#agent-error .agent-error--container.active .message-body .left-content {
  width: 50%;
}

#agent-error .agent-error--container.active .message-body .left-content p {
  font-family: "VM Circular Book", sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  color: #333;
  line-height: 27px;
}

.serviceability-container.component {
  margin: 0;
}

.help-breadcrumb {
  padding-left: 0;
  padding-right: 0;
  background: #f7f7f7;
}

.help-breadcrumb ul {
  padding-top: 27px;
  padding-bottom: 27px;
  list-style: none;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .help-breadcrumb ul {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}

.help-breadcrumb ul li {
  font-family: "VM Circular Medium", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: normal;
  color: #333;
  display: inline-block;
  float: left;
}

.help-breadcrumb ul li a, .help-breadcrumb ul li .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .help-breadcrumb ul li span {
  font-family: "VM Circular Light", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: normal;
  color: #ed0000;
}

.help-breadcrumb ul li a:focus, .help-breadcrumb ul li .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:focus, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .help-breadcrumb ul li span:focus {
  outline: 1px #000 dotted !important;
  outline: -webkit-focus-ring-color auto 5px !important;
}

.help-breadcrumb ul li i {
  font-size: 13px;
  padding: 0 6px 0 3px;
}

.help-breadcrumb ul li .help-mobile-dots {
  color: #333;
  display: none;
}

@media only screen and (max-width: 767px) {
  .help-breadcrumb ul li {
    display: none;
  }
  .help-breadcrumb ul li:first-child, .help-breadcrumb ul li:last-child, .help-breadcrumb ul li:nth-last-child(2) {
    display: inline-block;
  }
  .help-breadcrumb ul li .help-mobile-dots {
    display: inline-block;
  }
  .help-breadcrumb ul li:nth-last-child(2) .help-mobile-dots, .help-breadcrumb ul li:nth-last-child(3) .help-mobile-dots {
    display: none;
  }
}

.medalia-container {
  padding-top: 49px;
  padding-bottom: 55px;
}

.cta-mb {
  font-family: "VM Circular Book", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 20px;
  text-align: center;
  cursor: pointer;
}

.cta-mb.default {
  color: #dd0000;
  display: inline-block;
  white-space: nowrap;
  text-align: left;
}

.cta-mb.cta-with-icon {
  color: #333;
  line-height: 21px;
}

.cta-mb.cta-with-icon img {
  max-height: 21px;
  max-width: 19px;
  margin-top: -5px;
  margin-right: 8px;
}

.cta-mb.caret-left:before {
  display: inline-block;
  content: '';
  margin-right: 1px;
  margin-left: 1px;
  border-left: 1px solid #dd0000;
  border-bottom: 1px solid #dd0000;
  width: 7px;
  height: 7px;
  transform: rotate(45deg);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta-mb.caret-left:before {
    margin-right: 2px;
    margin-left: 2px;
    width: 6px;
    height: 6px;
  }
}

.cta-mb.red-cta {
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 22px;
  padding: 8px 22px;
  color: #ffffff;
  background: #dd0000;
  border-radius: 19px;
  white-space: nowrap;
  display: inline-block;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.cta-mb.red-cta:hover, .cta-mb.red-cta:focus {
  background: #dd0000;
  opacity: .5;
  text-decoration: none;
}

.cta-mb.red-cta.disabled {
  opacity: .3;
  pointer-events: none;
}

.cta-mb.white-cta {
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 22px;
  padding: 8px 15px;
  color: #333;
  background: #ffffff;
  border-radius: 19px;
  white-space: nowrap;
  display: inline-block;
  border: 1px solid #ccc;
}

.cta-mb.white-cta.active {
  background: #322332;
  color: #ffffff;
}

.cta-mb.white-cta:hover {
  background: #322332;
  color: #ffffff;
}

.cta-mb.white-cta.disabled {
  opacity: .4;
  background: none;
  color: #333;
}

.cta-mb.white-cta.disabled.active {
  background: #322332;
  color: #ffffff;
}

.cta-mb.grey-cta {
  background: #DBDBDB;
  color: #322332;
  border-radius: 19px;
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 22px;
  padding: 8px 22px;
  white-space: nowrap;
  display: inline-block;
}

.cta-mb.primary {
  font-family: "VM Circular Medium", sans-serif;
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 22px;
  padding: 8px 27px;
  color: #fff;
  background: #ed0000;
  border-radius: 19px;
  white-space: nowrap;
  display: inline-block;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.cta-mb.primary:hover, .cta-mb.primary:focus {
  color: #fff;
  background: #ff6666;
  text-decoration: none;
}

.cta-mb.primary.disabled {
  opacity: .3;
  pointer-events: none;
}

.cta-mb.secondary {
  font-family: "VM Circular Medium", sans-serif;
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 22px;
  padding: 8px 27px;
  color: #333;
  background: #ccc;
  border-radius: 19px;
  white-space: nowrap;
  display: inline-block;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.cta-mb.secondary:hover, .cta-mb.secondary:focus {
  color: #333;
  background: #e2e2e2;
  text-decoration: none;
}

.cta-mb.secondary.disabled {
  opacity: .3;
  pointer-events: none;
}

.cta-mb.tertiary {
  font-family: "VM Circular Medium", sans-serif;
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 22px;
  padding: 8px 27px;
  color: #fff;
  background: #322332;
  border-radius: 19px;
  white-space: nowrap;
  display: inline-block;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.cta-mb.tertiary:hover, .cta-mb.tertiary:focus {
  color: #fff;
  background: #5f2878;
  text-decoration: none;
}

.cta-mb.tertiary.disabled {
  opacity: .3;
  pointer-events: none;
}

.cta-mb.black-friday {
  font-family: "VM Circular Medium", sans-serif;
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 22px;
  padding: 8px 27px;
  color: #ffffff;
  background: #000;
  border-radius: 19px;
  white-space: nowrap;
  display: inline-block;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.cta-mb.black-friday:hover, .cta-mb.black-friday:focus {
  color: #ffffff;
  background: #333;
  text-decoration: none;
}

.cta-mb.black-friday.disabled {
  opacity: .3;
  pointer-events: none;
}

.cta-mb.custom-colour-cta {
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 22px;
  padding: 8px 22px;
  border-radius: 19px;
  white-space: nowrap;
  display: inline-block;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.cta-mb.custom-colour-cta:hover, .cta-mb.custom-colour-cta:focus {
  opacity: .5;
  text-decoration: none;
}

.cta-mb.custom-colour-cta.disabled {
  opacity: .3;
  pointer-events: none;
}

.cta-mb.custom-colour-cta p {
  color: inherit;
  font-size: 17px;
  font-size: 1.7rem;
  margin: 0;
  line-height: 22px;
}

.cta-mb p {
  margin: 0;
}

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

@media (min-width: 480px) and (max-width: 767px) {
  .hidden-mxs {
    display: none !important;
  }
}

.lgi-main-wrapper .carousel-mb.section {
  margin: 0 auto !important;
}

.carousel-mb {
  max-width: 1920px;
  margin: 0 auto;
  position: relative;
}

.carousel-mb .nav-cont {
  position: absolute;
  bottom: 22px;
  z-index: 99;
  left: 50%;
  transform: translateX(-50%);
  padding-left: 40px;
  padding-right: 40px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .carousel-mb .nav-cont {
    bottom: 8px;
    padding-left: 34px;
    padding-right: 34px;
  }
}

@media only screen and (max-width: 767px) {
  .carousel-mb .nav-cont {
    bottom: 3px;
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media only screen and (max-width: 480px) {
  .carousel-mb .nav-cont {
    position: relative;
    bottom: auto;
    margin-top: 22px;
    margin-bottom: 22px;
    left: auto;
    transform: none;
    width: 100%;
    text-align: center;
  }
}

.carousel-mb .nav-cont .owl-dots {
  height: 23px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-left: 25px;
  margin-right: 25px;
}

.carousel-mb .nav-cont .owl-dots .owl-dot {
  height: 13px;
  width: 13px;
  border-radius: 13px;
  border: 2px solid;
  margin-left: 5px;
  margin-right: 5px;
  display: block;
  cursor: pointer;
}

.carousel-mb .nav-cont .owl-prev, .carousel-mb .nav-cont .owl-next {
  color: inherit;
  cursor: pointer;
}

.carousel-mb .nav-cont .owl-prev i, .carousel-mb .nav-cont .owl-next i {
  font-size: 23px;
  font-size: 2.3rem;
  display: block;
}

.carousel-mb .nav-cont .owl-prev.disabled {
  cursor: not-allowed;
  opacity: .3;
}

.carousel-mb .nav-cont .owl-next.disabled {
  cursor: not-allowed;
  opacity: .3;
}

.carousel-mb .bellow-carousel .nav-cont {
  position: relative;
  bottom: auto;
}

.carousel-item .empty-icons-banner {
  font-family: "VM Circular Black", sans-serif;
  font-size: 28px;
  font-size: 2.8rem;
  position: relative;
  top: 50%;
  margin-top: -10px;
}

.carousel-item .carousel-item-wrapper {
  width: 100%;
  height: 459px;
  position: relative;
}

.carousel-item .carousel-item-wrapper .background-image {
  display: block;
  height: 459px;
  background-size: cover;
  background-position: center center;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .carousel-item .carousel-item-wrapper .background-image {
    height: 485px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .carousel-item .carousel-item-wrapper .background-image {
    height: 400px;
  }
}

@media only screen and (max-width: 767px) {
  .carousel-item .carousel-item-wrapper .background-image {
    height: 290px;
  }
}

@media only screen and (max-width: 480px) {
  .carousel-item .carousel-item-wrapper .background-image {
    position: relative;
    height: auto;
  }
  .carousel-item .carousel-item-wrapper .background-image img {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .carousel-item .carousel-item-wrapper {
    height: 485px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .carousel-item .carousel-item-wrapper {
    height: 400px;
  }
}

@media only screen and (max-width: 767px) {
  .carousel-item .carousel-item-wrapper {
    height: 290px;
  }
}

@media only screen and (max-width: 480px) {
  .carousel-item .carousel-item-wrapper {
    position: relative;
    height: auto;
  }
  .carousel-item .carousel-item-wrapper.top-align-content .carousel-item-content-container {
    transform: none;
    top: 24px;
  }
  .carousel-item .carousel-item-wrapper.top-align-content .background-image {
    background-position: bottom center;
  }
  .carousel-item .carousel-item-wrapper.bottom-align-content .carousel-item-content-container {
    transform: none;
    top: auto;
    bottom: 0;
  }
}

.carousel-item .carousel-item-wrapper .carousel-item-content-container {
  max-width: 1170px;
  padding: 0 15px;
  pointer-events: none;
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: auto;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .carousel-item .carousel-item-wrapper .carousel-item-content-container {
    padding-left: 102px;
    padding-right: 102px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .carousel-item .carousel-item-wrapper .carousel-item-content-container {
    padding-left: 50px;
    padding-right: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .carousel-item .carousel-item-wrapper .carousel-item-content-container {
    padding-left: 35px;
    padding-right: 35px;
  }
}

@media only screen and (max-width: 480px) {
  .carousel-item .carousel-item-wrapper .carousel-item-content-container {
    padding-left: 23px;
    padding-right: 23px;
  }
}

.carousel-item .carousel-item-wrapper .carousel-item-content-container .promo-image {
  width: auto;
  display: inline-block;
  margin-bottom: 13px;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .carousel-item .carousel-item-wrapper .carousel-item-content-container .promo-image {
    margin-bottom: 16px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .carousel-item .carousel-item-wrapper .carousel-item-content-container .promo-image {
    margin-bottom: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .carousel-item .carousel-item-wrapper .carousel-item-content-container .promo-image {
    margin-bottom: 8px;
  }
}

@media only screen and (max-width: 480px) {
  .carousel-item .carousel-item-wrapper .carousel-item-content-container .promo-image {
    margin-bottom: 8px;
  }
}

.carousel-item .carousel-item-wrapper .carousel-item-content-container h1 {
  font-family: "VM Circular Medium", sans-serif;
  font-size: 40px;
  font-size: 4rem;
  line-height: 45px;
  margin-top: 0;
  margin-bottom: 9px;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .carousel-item .carousel-item-wrapper .carousel-item-content-container h1 {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 33px;
    margin-top: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .carousel-item .carousel-item-wrapper .carousel-item-content-container h1 {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 33px;
    margin-top: 0;
  }
}

@media only screen and (max-width: 767px) {
  .carousel-item .carousel-item-wrapper .carousel-item-content-container h1 {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 27px;
    margin-top: 0;
  }
}

@media only screen and (max-width: 480px) {
  .carousel-item .carousel-item-wrapper .carousel-item-content-container h1 {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 29px;
    margin-bottom: 11px;
  }
}

.carousel-item .carousel-item-wrapper .carousel-item-content-container .subtitle-carousel-item p, .carousel-item .carousel-item-wrapper .carousel-item-content-container .subtitle-carousel-item h2, .carousel-item .carousel-item-wrapper .carousel-item-content-container .subtitle-carousel-item h3, .carousel-item .carousel-item-wrapper .carousel-item-content-container .subtitle-carousel-item .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina .carousel-item .carousel-item-wrapper .carousel-item-content-container .subtitle-carousel-item .acc-panel-title, .carousel-item .carousel-item-wrapper .carousel-item-content-container .subtitle-carousel-item h4, .carousel-item .carousel-item-wrapper .carousel-item-content-container .subtitle-carousel-item div, .carousel-item .carousel-item-wrapper .carousel-item-content-container .subtitle-carousel-item pre {
  font-family: "VM Circular Light", sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 26px;
  color: inherit;
  margin-top: 0;
  margin-bottom: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .carousel-item .carousel-item-wrapper .carousel-item-content-container .subtitle-carousel-item p, .carousel-item .carousel-item-wrapper .carousel-item-content-container .subtitle-carousel-item h2, .carousel-item .carousel-item-wrapper .carousel-item-content-container .subtitle-carousel-item h3, .carousel-item .carousel-item-wrapper .carousel-item-content-container .subtitle-carousel-item .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina .carousel-item .carousel-item-wrapper .carousel-item-content-container .subtitle-carousel-item .acc-panel-title, .carousel-item .carousel-item-wrapper .carousel-item-content-container .subtitle-carousel-item h4, .carousel-item .carousel-item-wrapper .carousel-item-content-container .subtitle-carousel-item div, .carousel-item .carousel-item-wrapper .carousel-item-content-container .subtitle-carousel-item pre {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 26px;
    margin-bottom: 17px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .carousel-item .carousel-item-wrapper .carousel-item-content-container .subtitle-carousel-item p, .carousel-item .carousel-item-wrapper .carousel-item-content-container .subtitle-carousel-item h2, .carousel-item .carousel-item-wrapper .carousel-item-content-container .subtitle-carousel-item h3, .carousel-item .carousel-item-wrapper .carousel-item-content-container .subtitle-carousel-item .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina .carousel-item .carousel-item-wrapper .carousel-item-content-container .subtitle-carousel-item .acc-panel-title, .carousel-item .carousel-item-wrapper .carousel-item-content-container .subtitle-carousel-item h4, .carousel-item .carousel-item-wrapper .carousel-item-content-container .subtitle-carousel-item div, .carousel-item .carousel-item-wrapper .carousel-item-content-container .subtitle-carousel-item pre {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 26px;
    margin-bottom: 17px;
  }
}

@media only screen and (max-width: 767px) {
  .carousel-item .carousel-item-wrapper .carousel-item-content-container .subtitle-carousel-item p, .carousel-item .carousel-item-wrapper .carousel-item-content-container .subtitle-carousel-item h2, .carousel-item .carousel-item-wrapper .carousel-item-content-container .subtitle-carousel-item h3, .carousel-item .carousel-item-wrapper .carousel-item-content-container .subtitle-carousel-item .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina .carousel-item .carousel-item-wrapper .carousel-item-content-container .subtitle-carousel-item .acc-panel-title, .carousel-item .carousel-item-wrapper .carousel-item-content-container .subtitle-carousel-item h4, .carousel-item .carousel-item-wrapper .carousel-item-content-container .subtitle-carousel-item div, .carousel-item .carousel-item-wrapper .carousel-item-content-container .subtitle-carousel-item pre {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 18px;
    margin-bottom: 14px;
  }
}

@media only screen and (max-width: 480px) {
  .carousel-item .carousel-item-wrapper .carousel-item-content-container .subtitle-carousel-item p, .carousel-item .carousel-item-wrapper .carousel-item-content-container .subtitle-carousel-item h2, .carousel-item .carousel-item-wrapper .carousel-item-content-container .subtitle-carousel-item h3, .carousel-item .carousel-item-wrapper .carousel-item-content-container .subtitle-carousel-item .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina .carousel-item .carousel-item-wrapper .carousel-item-content-container .subtitle-carousel-item .acc-panel-title, .carousel-item .carousel-item-wrapper .carousel-item-content-container .subtitle-carousel-item h4, .carousel-item .carousel-item-wrapper .carousel-item-content-container .subtitle-carousel-item div, .carousel-item .carousel-item-wrapper .carousel-item-content-container .subtitle-carousel-item pre {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 21px;
    margin-top: 0;
    margin-bottom: 16px;
  }
}

.carousel-item .carousel-item-wrapper .carousel-item-content-container .cta-mb {
  margin-bottom: 0;
  pointer-events: auto;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .carousel-item .carousel-item-wrapper .carousel-item-content-container .cta-mb {
    margin-bottom: 5px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .carousel-item .carousel-item-wrapper .carousel-item-content-container .cta-mb {
    margin-bottom: 5px;
  }
}

@media only screen and (max-width: 767px) {
  .carousel-item .carousel-item-wrapper .carousel-item-content-container .cta-mb {
    margin-bottom: 5px;
  }
}

@media only screen and (max-width: 480px) {
  .carousel-item .carousel-item-wrapper .carousel-item-content-container .cta-mb {
    margin-bottom: 22px;
    width: 100%;
  }
}

.filters {
  background-color: #f7f7f7;
}

.filters-component {
  font-family: "VM Circular Book", sans-serif;
  color: #000;
  position: relative;
  z-index: 999;
}

.filters-component .sticky-fixed {
  margin-top: -1px;
}

.filters-component .red-checkbox {
  height: 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.filters-component .red-checkbox input[type="checkbox"]:not(:checked), .filters-component .red-checkbox input[type="checkbox"]:checked {
  display: none;
}

.filters-component .red-checkbox input[type="checkbox"]:not(:checked) + label, .filters-component .red-checkbox input[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 32px;
  cursor: pointer;
  display: block;
  font-weight: initial;
  margin-bottom: 0;
}

.filters-component .red-checkbox input[type="checkbox"]:not(:checked) + label:before, .filters-component .red-checkbox input[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 3px;
  width: 20px;
  height: 20px;
  border: 1px solid #ccc;
  background: #ffffff;
  border-radius: 4px;
}

.filters-component .red-checkbox input[type="checkbox"]:not(:checked) + label:after, .filters-component .red-checkbox input[type="checkbox"]:checked + label:after {
  content: " ";
  width: 14px;
  height: 12px;
  background: url("commons/components/img/core/filters/filter-checkbox-white-tick.svg") center center no-repeat;
  position: absolute;
  top: 7px;
  left: 3px;
  transition: all .2s;
}

.filters-component .red-checkbox input[type="checkbox"]:not(:checked):disabled, .filters-component .red-checkbox input[type="checkbox"]:checked:disabled {
  pointer-events: none;
  display: none;
}

.filters-component .red-checkbox input[type="checkbox"]:not(:checked):disabled + label, .filters-component .red-checkbox input[type="checkbox"]:checked:disabled + label {
  color: #ccc;
}

.filters-component .red-checkbox input[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}

.filters-component .red-checkbox input[type="checkbox"]:not(:checked):disabled + label:before {
  pointer-events: none;
  border: 1px solid #ccc;
}

.filters-component .red-checkbox input[type="checkbox"]:checked + label:before {
  background: #ed0000;
  border: 1px solid #ed0000;
}

.filters-component .red-checkbox input[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}

.filters-component .red-checkbox input[type="checkbox"]:checked:disabled + label:before {
  pointer-events: none;
  background: #ccc;
  border: 1px solid #ccc;
}

.filters-component .results-top {
  line-height: 38px;
}

@media only screen and (max-width: 767px) {
  .filters-component .results-top {
    border-bottom: 1px solid #dbdbdb;
  }
}

.filters-component .results-top .matching-devices {
  display: none;
}

.filters-component .results-top .show-filter {
  display: block;
}

.filters-component .ctas-wrapper {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

.filters-component .ctas-wrapper .nrOfMatchingDevices {
  font-weight: bold;
}

.filters-component .ctas-wrapper .mobile-filter-button-placeholder {
  text-align: center;
}

.filters-component .ctas-wrapper .custom-url-filter {
  color: #666;
  padding: 3px 10px;
  background: #CDCDCD;
  margin-left: 5px;
  margin-right: 5px;
  font-family: "VM Circular Medium", sans-serif;
  white-space: nowrap;
  font-size: 14px;
  font-size: 1.4rem;
}

.filters-component .ctas-wrapper .custom-url-filter-close {
  margin-left: 10px;
  position: relative;
  width: 20px;
  height: 20px;
  top: 5px;
  display: inline-block;
  cursor: pointer;
}

.filters-component .ctas-wrapper .custom-url-filter-close:before, .filters-component .ctas-wrapper .custom-url-filter-close:after {
  content: '';
  display: block;
  height: 20px;
  width: 2px;
  background: #000;
  position: absolute;
  top: 0;
  left: 9px;
}

.filters-component .ctas-wrapper .custom-url-filter-close:before {
  transform: rotate(-45deg);
}

.filters-component .ctas-wrapper .custom-url-filter-close:after {
  transform: rotate(45deg);
}

.filters-component .ctas-wrapper a.cta-mb, .filters-component .ctas-wrapper .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span.cta-mb, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .filters-component .ctas-wrapper span.cta-mb {
  position: relative;
  max-width: 158px;
  overflow: hidden;
  margin: 4px 15px 4px 0;
  padding: 6px 15px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 18px;
  border-radius: 19px;
  white-space: nowrap;
  display: inline-block;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

@media only screen and (max-width: 767px) {
  .filters-component .ctas-wrapper a.cta-mb, .filters-component .ctas-wrapper .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span.cta-mb, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .filters-component .ctas-wrapper span.cta-mb {
    line-height: 29px;
    height: 40px;
  }
}

.filters-component .ctas-wrapper a.cta-mb.jsSeeMoreLess, .filters-component .ctas-wrapper .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span.cta-mb.jsSeeMoreLess, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .filters-component .ctas-wrapper span.cta-mb.jsSeeMoreLess {
  margin: 4px auto;
}

.filters-component .ctas-wrapper a.cta-mb:hover, .filters-component .ctas-wrapper .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span.cta-mb:hover, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .filters-component .ctas-wrapper span.cta-mb:hover {
  text-decoration: none;
}

.filters-component .ctas-wrapper a.cta-mb.red-cta, .filters-component .ctas-wrapper .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span.cta-mb.red-cta, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .filters-component .ctas-wrapper span.cta-mb.red-cta {
  background: #ed0000;
  color: #ffffff;
}

.filters-component .ctas-wrapper a.cta-mb.red-cta:hover, .filters-component .ctas-wrapper .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span.cta-mb.red-cta:hover, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .filters-component .ctas-wrapper span.cta-mb.red-cta:hover, .filters-component .ctas-wrapper a.cta-mb.red-cta:focus, .filters-component .ctas-wrapper .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span.cta-mb.red-cta:focus, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .filters-component .ctas-wrapper span.cta-mb.red-cta:focus {
  opacity: 1;
}

.filters-component .ctas-wrapper a.cta-mb.black-cta, .filters-component .ctas-wrapper .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span.cta-mb.black-cta, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .filters-component .ctas-wrapper span.cta-mb.black-cta {
  background: #333;
  color: #ffffff;
}

.filters-component .ctas-wrapper a.cta-mb.black-cta:hover, .filters-component .ctas-wrapper .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span.cta-mb.black-cta:hover, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .filters-component .ctas-wrapper span.cta-mb.black-cta:hover {
  text-decoration: none;
}

.filters-component .ctas-wrapper a.cta-mb.grey-cta, .filters-component .ctas-wrapper .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span.cta-mb.grey-cta, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .filters-component .ctas-wrapper span.cta-mb.grey-cta {
  background: #DBDBDB;
  color: #322332;
  padding-right: 33px;
}

.filters-component .ctas-wrapper a.cta-mb.grey-cta .remove-cta, .filters-component .ctas-wrapper .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span.cta-mb.grey-cta .remove-cta, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .filters-component .ctas-wrapper span.cta-mb.grey-cta .remove-cta {
  position: absolute;
  right: 15px;
  top: 4px;
  padding-left: 9px;
  z-index: 1;
}

.filters-component .ctas-wrapper a.cta-mb.grey-cta.disabled, .filters-component .ctas-wrapper .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span.cta-mb.grey-cta.disabled, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .filters-component .ctas-wrapper span.cta-mb.grey-cta.disabled {
  pointer-events: none;
  opacity: 0.3;
}

.filters-component .ctas-wrapper a.cta-mb.grey-cta.fade-cta:after, .filters-component .ctas-wrapper .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span.cta-mb.grey-cta.fade-cta:after, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .filters-component .ctas-wrapper span.cta-mb.grey-cta.fade-cta:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(60%, #DBDBDB), color-stop(100%, #DBDBDB));
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #DBDBDB 60%, #DBDBDB 100%);
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #DBDBDB 60%, #DBDBDB 100%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #DBDBDB 60%, #DBDBDB 100%);
  pointer-events: none;
}

.filters-component .ctas-wrapper a.cta-mb.grey-cta.fade-cta.disabled:after, .filters-component .ctas-wrapper .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span.cta-mb.grey-cta.fade-cta.disabled:after, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .filters-component .ctas-wrapper span.cta-mb.grey-cta.fade-cta.disabled:after {
  pointer-events: none;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(60%, #ffffff), color-stop(100%, #ffffff));
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 60%, #ffffff 100%);
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 60%, #ffffff 100%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 60%, #ffffff 100%);
}

.filters-component .tags-holder a.cta-mb.grey-cta, .filters-component .tags-holder .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span.cta-mb.grey-cta, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .filters-component .tags-holder span.cta-mb.grey-cta {
  line-height: 16px;
}

.filters-component .top-level-wrapper {
  background: #f7f7f7;
  z-index: 999;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .filters-component .top-level-wrapper {
    background: #efefef;
  }
  .filters-component .top-level-wrapper .sort-slot {
    float: none;
  }
}

.filters-component .top-level-wrapper.sticky-fixed {
  border-bottom: 1px solid #dbdbdb;
}

.filters-component .top-level-wrapper .top-row {
  max-width: 1170px;
  margin: 0 auto;
  padding: 20px 15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .filters-component .top-level-wrapper .top-row {
    padding-top: 14px;
    padding-bottom: 14px;
  }
}

@media only screen and (max-width: 767px) {
  .filters-component .top-level-wrapper .top-row {
    padding: 0;
    position: relative;
  }
  .filters-component .top-level-wrapper .top-row > .row {
    margin: 0;
  }
  .filters-component .top-level-wrapper .top-row > .row .sort-slot {
    padding: 0;
  }
}

.filters-component .top-level-wrapper .top-row .mobile-filter-dropdown {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  font-size: 16px;
  font-size: 1.6rem;
  border-right: 1px solid #dbdbdb;
  color: #322332;
  float: none;
  padding: 0 15px;
}

.filters-component .top-level-wrapper .top-row .mobile-filter-dropdown .mobile-filter-chevrons .mobile-filter-chevron-down {
  transition: .5s;
}

.filters-component .top-level-wrapper .top-row .mobile-filter-dropdown.mobile-filter-panel-open .mobile-filter-chevrons .mobile-filter-chevron-down {
  transform: rotate(180deg);
}

.filters-component .top-level-wrapper .top-row .sort-component-filter {
  float: right;
}

@media only screen and (max-width: 767px) {
  .filters-component .top-level-wrapper .top-row .sort-component-filter {
    float: none;
  }
}

.filters-component .top-level-wrapper .top-row .sort-component-filter .dropdown .dropdown--wrapper {
  padding: 0;
}

.filters-component .top-level-wrapper .top-row .sort-component-filter .dropdown .container {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .filters-component .top-level-wrapper .top-row .sort-component-filter .dropdown .dropdown--toggle {
    background: #efefef;
    margin-left: 50%;
    top: -50px;
    width: 50%;
    position: absolute;
    align-items: center;
    height: 50px;
  }
}

.filters-component .top-level-filters-wrapper {
  border-bottom: 1px solid #e8e8e8;
  background: #ffffff;
  min-height: 69px;
  padding: 10px 0;
}

.filters-component .top-level-filters-wrapper .top-level-filters-row {
  max-width: 1170px;
  margin: 0 auto;
  padding: 0 15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .filters-component .top-level-filters-wrapper .top-level-filters-row {
    padding-top: 21px;
    padding-bottom: 21px;
  }
}

@media only screen and (min-width: 1200px) {
  .filters-component .top-level-filters-wrapper .top-level-filters-row {
    min-height: 69px;
  }
}

@media only screen and (min-width: 1200px) {
  .filters-component .top-level-filters-wrapper .top-level-filters-row > .row {
    min-height: 69px;
  }
}

@media only screen and (min-width: 992px) {
  .filters-component .top-level-filters-wrapper .top-level-filters-row .slider-filter .price-range-filter-wrapper {
    padding-bottom: 10px;
  }
}

@media only screen and (min-width: 1200px) {
  .filters-component .top-level-filters-wrapper .top-level-filters-row .slider-filter .price-range-filter-wrapper {
    top: 6px;
    flex: 1;
  }
}

.filters-component .top-level-filters-wrapper .top-level-filters-row .slider-filter .data-plan-filters-limitation {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: normal;
  font-family: "VM Circular Light", sans-serif;
}

.filters-component .top-level-filters-wrapper .top-level-filters-row .brand-name-filter .filters-label {
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #333333;
  padding-top: 0px;
  padding-bottom: 5px;
}

.filters-component .top-level-filters-wrapper .top-level-filters-row .brand-name-filter .banner-logo-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 89%;
  margin: 0 auto;
  background: #fff;
}

@media only screen and (min-width: 992px) {
  .filters-component .top-level-filters-wrapper .top-level-filters-row .brand-name-filter .banner-logo-wrapper {
    width: 76%;
    margin: 0 auto;
    flex-wrap: wrap;
  }
}

.filters-component .top-level-filters-wrapper .top-level-filters-row .brand-name-filter, .filters-component .top-level-filters-wrapper .top-level-filters-row .slider-filter {
  display: none;
  align-items: center;
  min-height: 69px;
}

@media only screen and (min-width: 1200px) {
  .filters-component .top-level-filters-wrapper .top-level-filters-row .brand-name-filter, .filters-component .top-level-filters-wrapper .top-level-filters-row .slider-filter {
    place-items: center;
  }
}

.filters-component .top-level-filters-wrapper .top-level-filters-row .brand-name-filter:after, .filters-component .top-level-filters-wrapper .top-level-filters-row .slider-filter:after {
  content: '';
  min-height: inherit;
  font-size: 0;
}

.filters-component .top-level-filters-wrapper .top-level-filters-row .brand-name-filter .filters-label, .filters-component .top-level-filters-wrapper .top-level-filters-row .slider-filter .filters-label {
  padding-top: 9px;
}

@media only screen and (min-width: 1200px) {
  .filters-component .top-level-filters-wrapper .top-level-filters-row .brand-name-filter .filters-label, .filters-component .top-level-filters-wrapper .top-level-filters-row .slider-filter .filters-label {
    padding-top: 0;
  }
}

.filters-component .top-level-filters-wrapper .top-level-filters-row .show-filter {
  display: block;
}

@media only screen and (max-width: 767px) {
  .filters-component .top-level-filters-wrapper .top-level-filters-row .brand-name-filter-label {
    align-self: center;
  }
}

@media only screen and (min-width: 768px) {
  .filters-component .top-level-filters-wrapper .top-level-filters-row .manufacturer-filter-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .filters-component .top-level-filters-wrapper .top-level-filters-row .manufacturer-filter-wrapper .item {
    -webkit-flex: 1 0 19%;
    flex: 1 0 19%;
    margin-bottom: 5px;
  }
}

.filters-component .top-level-filters-wrapper .top-level-filters-row .manufacturer-filter-wrapper .brand-logo-wrap {
  position: relative;
  width: 100px;
  height: 45px;
  border-radius: 2px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.19);
  border: solid 1px #dbdbdb;
  background-color: #ffffff;
  cursor: pointer;
  pointer-events: all;
  box-sizing: border-box;
  margin-bottom: 10px;
}

.filters-component .top-level-filters-wrapper .top-level-filters-row .manufacturer-filter-wrapper .brand-logo-wrap:not(:last-child) {
  margin-right: 15px;
}

@media only screen and (min-width: 992px) {
  .filters-component .top-level-filters-wrapper .top-level-filters-row .manufacturer-filter-wrapper .brand-logo-wrap {
    margin-bottom: 7px;
  }
  .filters-component .top-level-filters-wrapper .top-level-filters-row .manufacturer-filter-wrapper .brand-logo-wrap:not(:last-child) {
    margin-right: 10px;
  }
}

.filters-component .top-level-filters-wrapper .top-level-filters-row .manufacturer-filter-wrapper .brand-logo-wrap:hover {
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
}

.filters-component .top-level-filters-wrapper .top-level-filters-row .manufacturer-filter-wrapper .brand-logo-wrap.active {
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15), inset 0 1px 10px 0 rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.2);
}

.filters-component .top-level-filters-wrapper .top-level-filters-row .manufacturer-filter-wrapper .brand-logo-wrap.disabled {
  color: #dbdbdb;
  border: solid 1px #dbdbdb;
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}

.filters-component .top-level-filters-wrapper .top-level-filters-row .manufacturer-filter-wrapper .brand-logo-wrap.disabled label {
  color: #dbdbdb;
  border: solid 1px #dbdbdb;
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}

.filters-component .top-level-filters-wrapper .top-level-filters-row .manufacturer-filter-wrapper .brand-logo-wrap input {
  position: absolute;
  opacity: 0.01;
  top: 0;
  left: 0;
}

.filters-component .top-level-filters-wrapper .top-level-filters-row .manufacturer-filter-wrapper .brand-logo-wrap label {
  margin-left: 0px;
  width: 100px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  pointer-events: all;
  box-sizing: border-box;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
}

.filters-component .top-level-filters-wrapper .top-level-filters-row .manufacturer-filter-wrapper .brand-logo-wrap label img {
  max-width: 100%;
  max-height: 100%;
  padding: 10px;
}

.filters-component .top-level-filters-wrapper .top-level-filters-row .filters-label {
  font-family: "VM Circular Book", sans-serif;
  font-size: 17px;
  font-size: 1.7rem;
  padding-bottom: 5px;
  font-weight: bold;
  text-align: center;
}

@media only screen and (min-width: 1200px) {
  .filters-component .top-level-filters-wrapper .top-level-filters-row .filters-label {
    padding-bottom: 0px;
  }
}

.filters-component .top-level-filters-wrapper .top-level-filters-row .noUi-target {
  height: 5px;
  width: 100%;
  margin-top: 10px;
  top: 50%;
  left: 0;
}

.filters-component .top-level-filters-wrapper .top-level-filters-row .noUi-connect {
  background: #322332;
}

.filters-component .top-level-filters-wrapper .top-level-filters-row .noUi-handle {
  border: 1px solid #fffefe;
  border-radius: 100px;
  background: #000;
  cursor: default;
  box-shadow: none;
}

.filters-component .top-level-filters-wrapper .top-level-filters-row .noUi-handle:after {
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: none;
  left: 14px;
  top: 6px;
}

.filters-component .top-level-filters-wrapper .top-level-filters-row .noUi-handle:before {
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: none;
  left: 14px;
  top: 6px;
}

.filters-component .top-level-filters-wrapper .top-level-filters-row .noUi-horizontal .noUi-handle {
  width: 20px;
  height: 20px;
  top: -8px;
}

.filters-component .top-level-filters-wrapper .top-level-filters-row .noUi-horizontal .noUi-handle.noUi-active {
  width: 32px;
  height: 32px;
  top: -15px;
}

.filters-component .top-level-filters-wrapper .top-level-filters-row .noUi-horizontal .noUi-handle:focus {
  outline: none;
}

.filters-component .top-level-filters-wrapper .top-level-filters-row .price-range-lower-value {
  left: 0%;
  float: left;
  padding-top: 7px;
  font-size: 16px;
}

.filters-component .top-level-filters-wrapper .top-level-filters-row .price-range-lower-value:focus {
  outline: none;
}

.filters-component .top-level-filters-wrapper .top-level-filters-row .price-range-higher-value {
  margin-right: -5%;
  padding-top: 7px;
  font-size: 16px;
}

.filters-component .top-level-filters-wrapper .top-level-filters-row .price-range-higher-value:focus {
  outline: none;
}

.filters-component .top-level-filters-wrapper .top-level-filters-row .noUi-touch-area:focus {
  outline: none;
}

.filters-component .top-level-filters-wrapper .top-level-filters-row .noUi-touch-area:active {
  outline: none;
}

@media only screen and (min-width: 992px) {
  .filters-component .top-level-data-wrapper {
    display: -webkit-flex;
    display: flex;
    max-width: 986px;
    margin: 0 auto;
    padding: 10px 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .filters-component .top-level-data-wrapper {
    padding: 15px 0 5px 0;
  }
}

@media only screen and (max-width: 767px) {
  .filters-component .top-level-data-wrapper {
    display: block;
    padding: 0 20px;
  }
}

.filters-component .top-level-data-wrapper .data-plans-title-wrapper {
  font-size: 24px;
  font-size: 2.4rem;
  color: #333;
  font-family: "VM Circular Light", sans-serif;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .filters-component .top-level-data-wrapper .data-plans-title-wrapper {
    font-size: 22px;
    font-size: 2.2rem;
  }
}

@media only screen and (max-width: 767px) {
  .filters-component .top-level-data-wrapper .data-plans-title-wrapper {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

.filters-component .top-level-data-wrapper .data-plans-wrapper {
  margin: 0 auto;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .filters-component .top-level-data-wrapper .data-plans-wrapper {
    width: 80%;
    margin: auto;
  }
}

.filters-component .top-level-data-wrapper .data-plans-wrapper .data-plans-selector-wrapper {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
}

@media only screen and (max-width: 767px) {
  .filters-component .top-level-data-wrapper .data-plans-wrapper .data-plans-selector-wrapper {
    overflow-x: scroll;
    justify-content: unset;
  }
}

.filters-component .top-level-data-wrapper .data-plans-wrapper .data-plans-selector-wrapper .data-plans-selector {
  display: -webkit-flex;
  display: flex;
}

.filters-component .top-level-data-wrapper .data-plans-wrapper .data-plans-selector-wrapper .data-plans-selector input.data-plans-radio[type="radio"] {
  opacity: 0;
  height: 0;
  width: 0;
}

.filters-component .top-level-data-wrapper .data-plans-wrapper .data-plans-selector-wrapper .data-plans-selector input.data-plans-radio[type="radio"]:checked + label {
  border-radius: 17.5px;
}

.filters-component .top-level-data-wrapper .data-plans-wrapper .data-plans-selector-wrapper .data-plans-selector input.data-plans-radio[type="radio"]:disabled + label {
  color: #dbdbdb;
  border: solid 1px #dbdbdb;
  cursor: not-allowed;
  opacity: 0.5;
}

.filters-component .top-level-data-wrapper .data-plans-wrapper .data-plans-selector-wrapper .data-plans-selector input.data-plans-radio[type="radio"]:disabled + label.data-plans-label:hover {
  color: inherit;
}

.filters-component .top-level-data-wrapper .data-plans-wrapper .data-plans-selector-wrapper .data-plans-selector .data-plans-label {
  display: -webkit-flex;
  display: flex;
  -webkit-flex: auto;
  flex: auto;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  cursor: pointer;
  padding: 5px 10px;
  border-radius: 17.5px;
  user-select: none;
  margin-right: 15px;
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "VM Circular Book", sans-serif;
  border: 1px solid;
  min-width: 90px;
  height: 35.5px;
}

@media only screen and (max-width: 767px) {
  .filters-component .top-level-data-wrapper .data-plans-wrapper .data-plans-selector-wrapper .data-plans-selector .data-plans-label {
    min-width: 60px;
    margin-right: 5px;
  }
}

.filters-component .top-level-data-wrapper .data-plans-wrapper .data-plans-selector-wrapper .data-plans-selector:last-child .data-plans-label {
  margin-right: 0;
}

.filters-component .top-level-data-wrapper .data-plan-filters-unavailable {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: normal;
  font-family: "VM Circular Light", sans-serif;
}

@media only screen and (max-width: 767px) {
  .filters-component .filters-template-mobile-wrapper ~ .dropdown-menu {
    height: 100vh;
    z-index: 1;
  }
}

.filters-mobile-wrapper {
  background-color: #fff;
}

.filters-mobile-wrapper .brand-name-logo-wrapper {
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "VM Circular Medium", sans-serif;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #333333;
  padding-bottom: 15px;
}

.filters-mobile-wrapper .banner-logo-wrap {
  padding: 15px 0 40px 0;
}

.filters-mobile-wrapper .banner-logo-wrap .banner-logo-wrapper {
  flex-wrap: wrap;
  margin-left: 6px;
  padding: 0 calc((100% - (122px * 2))/2);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  background: #fff;
}

.filters-mobile-wrapper .banner-logo-wrap .banner-logo-wrapper .brand-logo-wrap {
  position: relative;
  width: 112px;
  height: 40px;
  margin-bottom: 7px;
  margin-right: 10px;
  border-radius: 2px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.19);
  border: solid 1px #dbdbdb;
  background-color: #ffffff;
  cursor: pointer;
  pointer-events: all;
  box-sizing: border-box;
}

.filters-mobile-wrapper .banner-logo-wrap .banner-logo-wrapper .brand-logo-wrap:hover {
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
}

.filters-mobile-wrapper .banner-logo-wrap .banner-logo-wrapper .brand-logo-wrap.active {
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15), inset 0 1px 10px 0 rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.2);
}

.filters-mobile-wrapper .banner-logo-wrap .banner-logo-wrapper .brand-logo-wrap.disabled {
  color: #dbdbdb;
  border: solid 1px #dbdbdb;
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}

.filters-mobile-wrapper .banner-logo-wrap .banner-logo-wrapper .brand-logo-wrap.disabled label {
  color: #dbdbdb;
  border: solid 1px #dbdbdb;
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}

.filters-mobile-wrapper .banner-logo-wrap .banner-logo-wrapper .brand-logo-wrap input {
  position: absolute;
  opacity: .01;
  top: 0;
  left: 0;
}

.filters-mobile-wrapper .banner-logo-wrap .banner-logo-wrapper .brand-logo-wrap label {
  margin-left: 0px;
  width: 112px;
  height: 39px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  pointer-events: all;
  box-sizing: border-box;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
}

.filters-mobile-wrapper .banner-logo-wrap .banner-logo-wrapper .brand-logo-wrap label img {
  max-width: 100%;
  max-height: 100%;
  padding: 10px;
}

.filters.filters-component-mobile-panel-open .filters-template-mobile.mobile-filter-panel-open {
  min-height: 100vh;
  top: -1px;
}

.body-mobile-filter-panel-open .lgi-main-wrapper:after {
  display: none;
}

.body-mobile-filter-panel-open .filters ~ div, .body-mobile-filter-panel-open #unified-footer {
  display: none;
}

.body-mobile-filter-panel-open section {
  display: none;
}

.filters-template-categories {
  max-height: 0;
  opacity: 0;
  transition: .2s;
  overflow: hidden;
}

.filters-template-categories.panel-open {
  border-bottom: solid 1px #e8e8e8;
  margin-top: 25px;
  margin-bottom: 40px;
  opacity: 1;
  max-height: 100%;
}

.filters-template-categories .filters-categories-panel {
  max-width: 1170px;
  margin: 0 auto;
  padding: 0 15px;
}

.filters-template-categories .filters-categories-panel .category {
  font-family: "VM Circular Book", sans-serif;
}

.filters-template-categories .filters-categories-panel .category .category-name {
  color: #333;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 25px;
  padding-bottom: 32px;
  text-transform: capitalize;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .filters-template-categories .filters-categories-panel .category .category-name {
    padding-bottom: 30px;
  }
}

.filters-template-categories .filters-categories-panel .category .option .extra-options {
  height: 0;
  opacity: 0;
  transition: .1s;
  overflow: hidden;
  display: none;
}

.filters-template-categories .filters-categories-panel .category .option .extra-options.hidden-options-open {
  opacity: 1;
  height: auto;
  display: flex;
}

.filters-template-categories .filters-categories-panel .category .option .red-checkbox {
  margin-bottom: 16px;
  height: 100%;
}

.filters-template-categories .filters-categories-panel .category .option .red-checkbox:last-child {
  padding-bottom: 0;
}

.filters-template-categories .filters-categories-panel .category .option .red-checkbox label {
  font-size: 16px !important;
  font-size: 1.6rem !important;
  padding-left: 39px !important;
}

.filters-template-categories .filters-categories-panel .see-more {
  text-align: center;
  padding-top: 42px;
  padding-bottom: 82px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .filters-template-categories .filters-categories-panel .see-more {
    padding-top: 30px;
    padding-bottom: 60px;
  }
}

.filters-template-categories .filters-categories-panel .see-more.lastLink {
  padding-bottom: 0;
}

.filters-template-categories .filters-categories-panel .see-more .cta-mb {
  margin-bottom: 0;
}

.filters-template-categories .filters-categories-panel .see-more .cta-mb span {
  font-size: 18px;
  font-size: 1.8rem;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .filters-template-categories .filters-categories-panel .see-more .cta-mb span {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.filters-template-categories .filters-categories-panel .see-more .label-see-less {
  display: none;
}

.filters-template-categories .filters-categories-panel .filters-option-done {
  text-align: center;
}

.filters-template-categories .filters-categories-panel .filters-option-done .cta-mb {
  margin: 42px auto;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .filters-template-categories .filters-categories-panel .filters-option-done .cta-mb {
    margin: 30px auto;
  }
}

.filters-template-categories .filters-categories-panel .filters-option-done .cta-mb.red-cta {
  padding: 8px 61px;
}

.filters-template-mobile {
  border-top: 1px solid #dbdbdb;
  font-family: "VM Circular Book", sans-serif;
  height: 0;
  opacity: 0;
  overflow: hidden;
  font-size: 16px;
  font-size: 1.6rem;
}

.filters-template-mobile.mobile-filter-panel-open {
  height: 100%;
  opacity: 1;
  background: #efefef;
}

.filters-template-mobile .tags-mobile-section.sticky-fixed {
  z-index: 999;
  border-bottom: 1px solid #dbdbdb;
}

.filters-template-mobile .tags-mobile-section.sticky-fixed .tags-title-wrapper {
  border-bottom: 0;
}

.filters-template-mobile .tags-mobile-section.sticky-fixed .tags-holder {
  display: none;
}

.filters-template-mobile .tags-mobile-wrapper {
  background: #efefef;
}

.filters-template-mobile .tags-mobile-wrapper.tags-open-animation .tags-holder {
  animation-name: filter-tags-open;
  animation-duration: 0.5s;
  animation-timing-function: ease-out;
  animation-iteration-count: 1;
  max-height: 80vh;
}

@-webkit-keyframes filter-tags-open {
  from {
    max-height: 0vh;
  }
  to {
    max-height: 80vh;
  }
}

@-moz-keyframes filter-tags-open {
  from {
    max-height: 0vh;
  }
  to {
    max-height: 80vh;
  }
}

@-o-keyframes filter-tags-open {
  from {
    max-height: 0vh;
  }
  to {
    max-height: 80vh;
  }
}

@keyframes filter-tags-open {
  from {
    max-height: 0vh;
  }
  to {
    max-height: 80vh;
  }
}

.filters-template-mobile .tags-mobile-wrapper.filter-open .tags-title-wrapper {
  border-bottom: 0;
}

.filters-template-mobile .tags-mobile-wrapper.filter-open.border-bottom .tags-title-wrapper {
  border-bottom: 1px solid #dbdbdb;
}

.filters-template-mobile .tags-mobile-wrapper.filter-open .tags-holder {
  max-height: 80vh;
}

.filters-template-mobile .tags-mobile-wrapper.filter-open.tags-close-animation .tags-holder {
  animation-name: filter-tags-close;
  animation-duration: 0.5s;
  animation-timing-function: ease-out;
  animation-iteration-count: 1;
}

@-webkit-keyframes filter-tags-close {
  from {
    max-height: 80vh;
  }
  to {
    max-height: 0vh;
  }
}

@-moz-keyframes filter-tags-close {
  from {
    max-height: 80vh;
  }
  to {
    max-height: 0vh;
  }
}

@-o-keyframes filter-tags-close {
  from {
    max-height: 80vh;
  }
  to {
    max-height: 0vh;
  }
}

@keyframes filter-tags-close {
  from {
    max-height: 80vh;
  }
  to {
    max-height: 0vh;
  }
}

.filters-template-mobile .tags-mobile-wrapper .tags-title-wrapper {
  margin: 0 15px;
  height: 50px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #dbdbdb;
}

.filters-template-mobile .tags-mobile-wrapper .tags-title-wrapper.tags-red .tags-title {
  color: #ed0000;
}

.filters-template-mobile .tags-mobile-wrapper .tags-title {
  text-align: center;
  width: 100%;
  color: #ccc;
}

.filters-template-mobile .tags-mobile-wrapper .tags-holder {
  max-height: 0vh;
  overflow: hidden;
  min-height: 0;
  background: #fff;
}

.filters-template-mobile .tags-mobile-wrapper .tags-holder .ctas-wrapper {
  padding: 11px 15px;
}

.filters-template-mobile .tags-mobile-wrapper .tags-holder .ctas-wrapper .grey-cta {
  max-width: 131px;
}

.filters-template-mobile .tags-mobile-wrapper .tags-holder .ctas-wrapper .grey-cta.tags-disappear-animation {
  animation-name: tags-disappear;
  animation-duration: 0.5s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}

@-webkit-keyframes tags-disappear {
  from {
    opacity: 1;
    max-width: 131px;
  }
  to {
    opacity: 0;
    max-width: 0;
  }
}

@-moz-keyframes tags-disappear {
  from {
    opacity: 1;
    max-width: 131px;
  }
  to {
    opacity: 0;
    max-width: 0;
  }
}

@-o-keyframes tags-disappear {
  from {
    opacity: 1;
    max-width: 131px;
  }
  to {
    opacity: 0;
    max-width: 0;
  }
}

@keyframes tags-disappear {
  from {
    opacity: 1;
    max-width: 131px;
  }
  to {
    opacity: 0;
    max-width: 0;
  }
}

.filters-template-mobile .price-range-filter {
  border-top: 2px solid #d9d9d9;
  padding-bottom: 40px;
}

.filters-template-mobile .filters-label {
  font-family: "VM Circular Medium", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  color: #333;
  font-weight: 500;
  border-top: 1px solid #cdcdcd;
}

@media only screen and (min-width: 1200px) {
  .filters-template-mobile .filters-label {
    padding-bottom: 0px;
  }
}

.filters-template-mobile .slider {
  padding-left: 0;
  padding-bottom: 20px;
}

.filters-template-mobile .slider-filter {
  background-color: #fff;
}

.filters-template-mobile .slider-filter .data-plan-filters-limitation {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: normal;
  font-family: "VM Circular Light", sans-serif;
  padding-bottom: 95px;
  /*prevents cut off from the button below the filter*/
  padding-left: 0px;
}

.filters-template-mobile .noUi-target {
  height: 5px;
  width: 100%;
  margin-top: 10px;
  top: 50%;
  left: 0;
}

.filters-template-mobile .noUi-connect {
  background: #322332;
}

.filters-template-mobile .noUi-handle {
  border: 1px solid #fffefe;
  border-radius: 100px;
  background: #000;
  cursor: default;
  box-shadow: none;
}

.filters-template-mobile .noUi-handle:after {
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: none;
  left: 14px;
  top: 6px;
}

.filters-template-mobile .noUi-handle:before {
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: none;
  left: 14px;
  top: 6px;
}

.filters-template-mobile .noUi-horizontal .noUi-handle {
  width: 20px;
  height: 20px;
  top: -8px;
}

.filters-template-mobile .noUi-horizontal .noUi-handle.noUi-active {
  width: 32px;
  height: 32px;
  top: -15px;
}

.filters-template-mobile .noUi-horizontal .noUi-handle:focus {
  outline: none;
}

.filters-template-mobile .price-range-lower-value {
  left: 0%;
  float: left;
  padding-top: 7px;
  font-size: 16px;
}

.filters-template-mobile .price-range-lower-value:focus {
  outline: none;
}

.filters-template-mobile .price-range-higher-value {
  margin-right: -5%;
  padding-top: 7px;
  font-size: 16px;
}

.filters-template-mobile .price-range-higher-value:focus {
  outline: none;
}

.filters-template-mobile .noUi-touch-area:focus {
  outline: none;
}

.filters-template-mobile .noUi-touch-area:active {
  outline: none;
}

.filters-template-mobile .filter-category {
  color: #000;
}

.filters-template-mobile .filter-category.filter-open-animation .category-title {
  border-bottom: 0;
}

.filters-template-mobile .filter-category.filter-open-animation .mobile-filter-category-chevrons .mobile-filter-chevron-down {
  animation-name: rotate-up;
  animation-duration: 0.5s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
  transform: rotate(180deg);
}

@-webkit-keyframes rotate-up {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(180deg);
  }
}

@-moz-keyframes rotate-up {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(180deg);
  }
}

@-o-keyframes rotate-up {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(180deg);
  }
}

@keyframes rotate-up {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(180deg);
  }
}

.filters-template-mobile .filter-category.filter-open-animation .category-items-wrapper {
  animation-name: filter-panel-open;
  animation-duration: 0.5s;
  animation-timing-function: ease-out;
  animation-iteration-count: 1;
  max-height: 250vh;
}

@-webkit-keyframes filter-panel-open {
  from {
    max-height: 0vh;
  }
  to {
    max-height: 250vh;
  }
}

@-moz-keyframes filter-panel-open {
  from {
    max-height: 0vh;
  }
  to {
    max-height: 250vh;
  }
}

@-o-keyframes filter-panel-open {
  from {
    max-height: 0vh;
  }
  to {
    max-height: 250vh;
  }
}

@keyframes filter-panel-open {
  from {
    max-height: 0vh;
  }
  to {
    max-height: 250vh;
  }
}

.filters-template-mobile .filter-category.filter-open .category-title {
  border-bottom: 0;
}

.filters-template-mobile .filter-category.filter-open .category-title .mobile-filter-category-chevrons .mobile-filter-chevron-down {
  transform: rotate(180deg);
}

.filters-template-mobile .filter-category.filter-open .category-items-wrapper {
  max-height: 250vh;
}

.filters-template-mobile .filter-category.filter-open.filter-close-animation .mobile-filter-category-chevrons .mobile-filter-chevron-down {
  animation-name: rotate-down;
  animation-duration: 0.5s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
  transform: rotate(0deg);
}

@-webkit-keyframes rotate-down {
  from {
    transform: rotate(180deg);
  }
  to {
    transform: rotate(0deg);
  }
}

@-moz-keyframes rotate-down {
  from {
    transform: rotate(180deg);
  }
  to {
    transform: rotate(0deg);
  }
}

@-o-keyframes rotate-down {
  from {
    transform: rotate(180deg);
  }
  to {
    transform: rotate(0deg);
  }
}

@keyframes rotate-down {
  from {
    transform: rotate(180deg);
  }
  to {
    transform: rotate(0deg);
  }
}

.filters-template-mobile .filter-category.filter-open.filter-close-animation .category-items-wrapper {
  animation-name: filter-close-animation;
  animation-duration: 0.5s;
  animation-timing-function: ease-out;
  animation-iteration-count: 1;
}

@-webkit-keyframes filter-close-animation {
  from {
    max-height: 250vh;
  }
  to {
    max-height: 0vh;
  }
}

@-moz-keyframes filter-close-animation {
  from {
    max-height: 250vh;
  }
  to {
    max-height: 0vh;
  }
}

@-o-keyframes filter-close-animation {
  from {
    max-height: 250vh;
  }
  to {
    max-height: 0vh;
  }
}

@keyframes filter-close-animation {
  from {
    max-height: 250vh;
  }
  to {
    max-height: 0vh;
  }
}

.filters-template-mobile .filter-category .category-title-wrapper {
  padding: 0 15px;
  background: #efefef;
}

.filters-template-mobile .filter-category .category-title {
  border-bottom: 1px solid #dbdbdb;
  height: 50px;
  color: #322332;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.filters-template-mobile .filter-category .category-title span {
  align-self: center;
}

.filters-template-mobile .filter-category .category-title .mobile-filter-category-chevrons {
  align-self: center;
}

.filters-template-mobile .filter-category .category-items-wrapper {
  max-height: 0;
  overflow: hidden;
  background: #fff;
}

.filters-template-mobile .filter-category .category-item {
  background: #fff;
}

.filters-template-mobile .filter-category .category-item input {
  display: none;
}

.filters-template-mobile .filter-category .category-item label {
  padding: 0 25px;
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  position: relative;
  overflow-y: hidden;
  font-weight: normal;
}

.filters-template-mobile .filter-category .category-item label .label-title {
  width: 100%;
  white-space: nowrap;
  position: relative;
}

.filters-template-mobile .filter-category .category-item label.fade-label .label-title {
  height: 80px;
  display: flex;
  align-items: center;
  overflow-x: scroll;
  overflow-y: hidden;
}

.filters-template-mobile .filter-category .category-item label.fade-label:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 40%;
  height: 100%;
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, #fff), color-stop(100%, #fff));
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 50%, #fff 100%);
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 50%, #fff 100%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 50%, #fff 100%);
  pointer-events: none;
}

.filters-template-mobile .filter-category .category-item .fa-check {
  padding-left: 20px;
  align-self: center;
  color: #ffffff;
  z-index: 2;
}

.filters-template-mobile .filter-category .category-item.disabled {
  color: #ccc;
  pointer-events: none;
  transition: color 0.5s;
}

.filters-template-mobile .filter-category .category-item.check-animation {
  animation-name: check-animation-background;
  animation-duration: 0.25s;
  animation-timing-function: ease-in;
  animation-iteration-count: 1;
  background: #fdebf4;
}

@-webkit-keyframes check-animation-background {
  from {
    background: inherit;
  }
  to {
    background: #fdebf4;
  }
}

@-moz-keyframes check-animation-background {
  from {
    background: inherit;
  }
  to {
    background: #fdebf4;
  }
}

@-o-keyframes check-animation-background {
  from {
    background: inherit;
  }
  to {
    background: #fdebf4;
  }
}

@keyframes check-animation-background {
  from {
    background: inherit;
  }
  to {
    background: #fdebf4;
  }
}

.filters-template-mobile .filter-category .category-item.check-animation .fa-check {
  animation-name: check-animation-color;
  animation-duration: 0.25s;
  animation-timing-function: ease-in;
  animation-iteration-count: 1;
  color: #322332;
}

@-webkit-keyframes check-animation-color {
  from {
    color: #fff;
  }
  to {
    color: #322332;
  }
}

@-moz-keyframes check-animation-color {
  from {
    color: #fff;
  }
  to {
    color: #322332;
  }
}

@-o-keyframes check-animation-color {
  from {
    color: #fff;
  }
  to {
    color: #322332;
  }
}

@keyframes check-animation-color {
  from {
    color: #fff;
  }
  to {
    color: #322332;
  }
}

.filters-template-mobile .filter-category .category-item.checked {
  background: #fdebf4;
}

.filters-template-mobile .filter-category .category-item.checked .fa-check {
  color: #322332;
}

.filters-template-mobile .filter-category .category-item.checked.uncheck-animation {
  animation-name: uncheck-animation-background;
  animation-duration: 0.25s;
  animation-timing-function: ease-in;
  animation-iteration-count: 1;
  background: #fff;
}

@-webkit-keyframes uncheck-animation-background {
  from {
    background: inherit;
  }
  to {
    background: #fff;
  }
}

@-moz-keyframes uncheck-animation-background {
  from {
    background: inherit;
  }
  to {
    background: #fff;
  }
}

@-o-keyframes uncheck-animation-background {
  from {
    background: inherit;
  }
  to {
    background: #fff;
  }
}

@keyframes uncheck-animation-background {
  from {
    background: inherit;
  }
  to {
    background: #fff;
  }
}

.filters-template-mobile .filter-category .category-item.checked.uncheck-animation .fa-check {
  animation-name: uncheck-animation-color;
  animation-duration: 0.1s;
  animation-timing-function: ease-out;
  animation-iteration-count: 1;
  color: #fff;
}

@-webkit-keyframes uncheck-animation-color {
  from {
    color: #322332;
  }
  to {
    color: #fff;
  }
}

@-moz-keyframes uncheck-animation-color {
  from {
    color: #322332;
  }
  to {
    color: #fff;
  }
}

@-o-keyframes uncheck-animation-color {
  from {
    color: #322332;
  }
  to {
    color: #fff;
  }
}

@keyframes uncheck-animation-color {
  from {
    color: #322332;
  }
  to {
    color: #fff;
  }
}

.filters-template-mobile .filter-category .category-item.checked label.fade-label:after {
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, #fdebf4), color-stop(100%, #fdebf4));
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fdebf4 50%, #fdebf4 100%);
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fdebf4 50%, #fdebf4 100%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fdebf4 50%, #fdebf4 100%);
}

.filters-template-mobile .filter-category .category-item.checked.disabled {
  background: #efefef;
  color: #ccc;
  opacity: 0.4;
}

.filters-template-mobile .filter-category .category-item.checked.disabled .fa-check {
  color: #ccc;
}

.filters-template-mobile .filter-category .category-item.checked.disabled label.fade-label:after {
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, #efefef), color-stop(100%, #efefef));
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #efefef 50%, #efefef 100%);
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #efefef 50%, #efefef 100%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #efefef 50%, #efefef 100%);
}

.filters-template-mobile .bottom-buttons {
  display: flex;
  position: fixed;
  bottom: -100px;
  overflow: hidden;
  padding: 19px 15px;
  background: #efefef;
  width: 66%;
  border-top: 1px solid #dbdbdb;
}

.filters-template-mobile .bottom-buttons.animate-buttons-show {
  z-index: 999;
  animation-name: buttons-show;
  animation-duration: .5s;
  animation-timing-function: ease-out;
  animation-iteration-count: 1;
  position: fixed;
}

@-webkit-keyframes buttons-show {
  from {
    bottom: -100px;
  }
  to {
    bottom: 0;
  }
}

@-moz-keyframes buttons-show {
  from {
    bottom: -100px;
  }
  to {
    bottom: 0;
  }
}

@-o-keyframes buttons-show {
  from {
    bottom: -100px;
  }
  to {
    bottom: 0;
  }
}

@keyframes buttons-show {
  from {
    bottom: -100px;
  }
  to {
    bottom: 0;
  }
}

.filters-template-mobile .bottom-buttons.show-buttons {
  bottom: 0;
  width: 100%;
  z-index: 999;
  line-height: 0;
}

.filters-template-mobile .bottom-buttons.show-buttons.animate-buttons-hide {
  z-index: 999;
  animation-name: buttons-hide;
  animation-duration: .5s;
  animation-timing-function: ease-out;
  animation-iteration-count: 1;
  position: fixed;
}

@-webkit-keyframes buttons-hide {
  from {
    bottom: 0;
  }
  to {
    bottom: -100px;
  }
}

@-moz-keyframes buttons-hide {
  from {
    bottom: 0;
  }
  to {
    bottom: -100px;
  }
}

@-o-keyframes buttons-hide {
  from {
    bottom: 0;
  }
  to {
    bottom: -10px;
  }
}

@keyframes buttons-hide {
  from {
    bottom: 0;
  }
  to {
    bottom: -100px;
  }
}

.filters-template-mobile .bottom-buttons .ctas-wrapper {
  margin: 0 auto;
  display: block;
  width: 100%;
}

.filters-template-mobile .bottom-buttons .ctas-wrapper a.cta-mb, .filters-template-mobile .bottom-buttons .ctas-wrapper .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span.cta-mb, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .filters-template-mobile .bottom-buttons .ctas-wrapper span.cta-mb {
  margin: 4px 0;
  width: 100%;
  max-width: 100%;
}

.no-scroll {
  position: fixed;
  overflow-y: scroll;
  width: 100%;
}

#filter-no-results-modal {
  /* The Modal (background) */
}

#filter-no-results-modal .no-results-modal {
  display: block;
  /* Hidden by default */
  position: absolute;
  /* Stay in place */
  z-index: 3000;
  /* Sit on top */
  width: 100%;
  /* Full width */
  height: 100vh;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.6);
  /* Black w/ opacity */
}

#filter-no-results-modal .no-results-dialog {
  background-color: #ffffff;
  width: 80%;
  max-width: 1134px;
  height: 360px;
  margin: 20% auto;
  position: fixed;
  display: flex;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
}

@media only screen and (max-width: 767px) {
  #filter-no-results-modal .no-results-dialog {
    background-color: #efefef;
    width: 100%;
    height: 100%;
    margin: 0;
  }
}

#filter-no-results-modal .no-results-dialog .no-results-content {
  font-family: "VM Circular Book", sans-serif;
  color: #5f2878;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 27px;
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  align-content: center;
  justify-content: center;
}

#filter-no-results-modal .no-results-dialog .no-results-content .no-results-text-wrapper {
  width: 100%;
  padding-bottom: 32px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #filter-no-results-modal .no-results-dialog .no-results-content .no-results-text-wrapper {
    padding-bottom: 33px;
  }
}

@media only screen and (max-width: 767px) {
  #filter-no-results-modal .no-results-dialog .no-results-content .no-results-text-wrapper {
    padding-bottom: 30px;
  }
}

#filter-no-results-modal .no-results-dialog .no-results-content .no-results-text-wrapper .no-results-text {
  margin: 0 auto;
  width: 50%;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  #filter-no-results-modal .no-results-dialog .no-results-content .no-results-text-wrapper .no-results-text {
    font-family: "VM Circular Light", sans-serif;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 30px;
  }
}

#filter-no-results-modal .no-results-dialog .no-results-content .close {
  display: block;
  width: 31px;
}

#filter-no-results-modal .no-results-dialog .no-results-content .close:hover,
#filter-no-results-modal .no-results-dialog .no-results-content .close:focus {
  text-decoration: none;
  cursor: pointer;
}

/*! nouislider - 14.0.2 - 6/28/2019 */
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
/* Wrapper for all connect elements.
 */
/* Offset direction
 */
/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
/* Slider size and handle placement;
 */
/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
/* Handles and cursors;
 */
/* Handle stripes;
 */
/* Disabled state;
 */
/* Base;
 *
 */
/* Values;
 *
 */
/* Markings;
 *
 */
/* Horizontal layout;
 *
 */
/* Vertical layout;
 *
 */
.noUi-target {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  direction: ltr;
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}

.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  overflow: hidden;
  z-index: 0;
  border-radius: 3px;
}

.noUi-connect {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat;
  height: 100%;
  width: 100%;
  background: #3FB8AF;
}

.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat;
  height: 10%;
  width: 10%;
}

html:not([dir="rtl"]) .noUi-horizontal .noUi-origin {
  left: auto;
  right: 0;
}

html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {
  right: -17px;
  left: auto;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-origin {
  width: 0;
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px;
}

.noUi-vertical .noUi-handle:before {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}

.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
  top: 17px;
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}

.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}

.noUi-horizontal {
  height: 18px;
}

.noUi-horizontal .noUi-origin {
  height: 0;
}

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  left: -17px;
  top: -6px;
}

.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}

.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}

.noUi-handle:before {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}

.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
  left: 17px;
}

.noUi-touch-area {
  height: 100%;
  width: 100%;
}

.noUi-state-tap .noUi-connect {
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}

.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

.noUi-draggable {
  cursor: ew-resize;
}

.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}

[disabled] .noUi-connect {
  background: #B8B8B8;
}

[disabled] .noUi-handle {
  cursor: not-allowed;
}

[disabled].noUi-target {
  cursor: not-allowed;
}

[disabled].noUi-handle {
  cursor: not-allowed;
}

.noUi-pips {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  color: #999;
}

.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}

.noUi-marker {
  position: absolute;
  background: #CCC;
}

.noUi-marker-sub {
  background: #AAA;
}

.noUi-marker-large {
  background: #AAA;
}

.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}

.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}

.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}

.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 25px;
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}

.minicards-wrapper {
  padding-top: 50px;
  padding-bottom: 60px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .minicards-wrapper {
    padding-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .minicards-wrapper {
    padding-top: 0;
    padding-bottom: 15px;
  }
  .minicards-wrapper .col-xs-6, .minicards-wrapper .rte-list {
    padding-left: 7.5px;
    padding-right: 7.5px;
  }
}

.minicards-wrapper h3, .minicards-wrapper .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina .minicards-wrapper .acc-panel-title {
  padding-bottom: 30px;
  margin: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .minicards-wrapper h3, .minicards-wrapper .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina .minicards-wrapper .acc-panel-title {
    font-size: 30px;
    font-size: 3rem;
    padding-bottom: 28px;
  }
}

@media only screen and (max-width: 767px) {
  .minicards-wrapper h3, .minicards-wrapper .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina .minicards-wrapper .acc-panel-title {
    font-size: 24px;
    font-size: 2.4rem;
    padding: 20px 0;
  }
}

.minicards-wrapper .row {
  padding-top: 30px;
}

.minicards-wrapper .row:first-child {
  padding-top: 0;
}

@media only screen and (max-width: 767px) {
  .minicards-wrapper .row {
    padding-top: 0;
    padding-left: 7.5px;
    padding-right: 7.5px;
  }
}

.minicards-wrapper .minicard {
  display: flex;
  flex-flow: row wrap;
  background: #f7f7f7;
  height: 140px;
  padding: 30px;
  border: 1px solid #DBDBDB;
  color: #ed0000;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .minicards-wrapper .minicard {
    padding: 16px;
    height: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .minicards-wrapper .minicard {
    padding: 14px;
    height: 88px;
    margin-bottom: 15px;
  }
}

.minicards-wrapper .minicard:hover, .minicards-wrapper .minicard:focus, .minicards-wrapper .minicard:active, .minicards-wrapper .minicard:visited {
  text-decoration: none;
}

.minicards-wrapper .minicard .minicard-chevron {
  width: 100%;
  align-self: flex-start;
  display: flex;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .minicards-wrapper .minicard .minicard-chevron {
    padding-bottom: 11px;
  }
}

.minicards-wrapper .minicard .minicard-chevron .minicards-chevron-icon {
  transform: rotate(-90deg);
  height: 16px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .minicards-wrapper .minicard .minicard-chevron .minicards-chevron-icon {
    height: 12px;
  }
}

.minicards-wrapper .minicard .minicard-label {
  width: 100%;
  align-self: flex-end;
  display: flex;
  line-height: 24px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .minicards-wrapper .minicard .minicard-label {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 21px;
  }
}

@media only screen and (max-width: 767px) {
  .minicards-wrapper .minicard .minicard-label {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 21px;
    align-self: center;
  }
}

.compare-panel-wrapper {
  opacity: 0;
  max-height: 0;
  transition: all .3s ease-in-out;
  overflow: hidden;
}

.compare-panel-wrapper.no-transition {
  transition: none;
}

.compare-panel-wrapper.compare-panel-open {
  opacity: 1;
  max-height: 500px;
  z-index: 1000;
  position: relative;
  background: #fff;
}

.compare-panel {
  max-width: 1170px;
  margin: 0 auto;
}

.compare-panel.section {
  max-width: 100%;
}

.compare-panel .compare-content {
  display: flex;
  align-items: center;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .compare-panel .compare-content {
    align-items: unset;
  }
}

@media only screen and (max-width: 767px) {
  .compare-panel .compare-content {
    align-items: unset;
  }
}

@media only screen and (max-width: 767px) {
  .compare-panel .compare-content .device-item:nth-child(n+3) {
    display: none;
  }
}

.compare-panel .compare-content .device-item .remove-device-wrapper {
  margin-top: 27px;
}

@media only screen and (max-width: 767px) {
  .compare-panel .compare-content .device-item .remove-device-wrapper {
    margin-top: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .compare-panel .compare-content .device-item .remove-device-wrapper {
    margin-top: 20px;
  }
}

.compare-panel .compare-content .device-item .remove-device-wrapper .remove-device {
  cursor: pointer;
  line-height: 1;
}

.compare-panel .compare-content .device-item .remove-device-wrapper .remove-device i {
  color: #D0021B;
}

@media only screen and (max-width: 767px) {
  .compare-panel .compare-content .device-item .remove-device-wrapper .remove-device i {
    font-size: 15px;
    font-size: 1.5rem;
  }
}

.compare-panel .compare-content .device-item .device-image-wrapper .device-image {
  height: 108px;
  opacity: 1;
  text-align: center;
  transition: opacity .3s;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .compare-panel .compare-content .device-item .device-image-wrapper .device-image {
    padding: 0;
  }
}

@media only screen and (max-width: 767px) {
  .compare-panel .compare-content .device-item .device-image-wrapper .device-image {
    padding: 0;
  }
}

.compare-panel .compare-content .device-item .device-image-wrapper .device-image img {
  max-width: 100%;
  max-height: 100%;
}

.compare-panel .compare-content .device-item .device-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-top: 12px;
  margin-bottom: 32px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .compare-panel .compare-content .device-item .device-info {
    margin-top: 18px;
    margin-bottom: 26px;
  }
}

@media only screen and (max-width: 767px) {
  .compare-panel .compare-content .device-item .device-info {
    margin-top: 9px;
    margin-bottom: 20px;
  }
}

.compare-panel .compare-content .device-item .device-info h3, .compare-panel .compare-content .device-item .device-info .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina .compare-panel .compare-content .device-item .device-info .acc-panel-title {
  text-transform: capitalize;
}

.compare-panel .compare-content .device-item .device-info h3, .compare-panel .compare-content .device-item .device-info .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina .compare-panel .compare-content .device-item .device-info .acc-panel-title, .compare-panel .compare-content .device-item .device-info h4 {
  font-family: "VM Circular Book", sans-serif;
  color: #333;
  font-size: 16px;
  font-size: 1.6rem;
  margin: 0;
  line-height: 24px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .compare-panel .compare-content .device-item .device-info h3, .compare-panel .compare-content .device-item .device-info .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina .compare-panel .compare-content .device-item .device-info .acc-panel-title, .compare-panel .compare-content .device-item .device-info h4 {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 21px;
  }
}

@media only screen and (max-width: 767px) {
  .compare-panel .compare-content .device-item .device-info h3, .compare-panel .compare-content .device-item .device-info .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina .compare-panel .compare-content .device-item .device-info .acc-panel-title, .compare-panel .compare-content .device-item .device-info h4 {
    font-size: 14px;
    font-size: 1.4rem;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
  }
}

.compare-panel .compare-content .device-item .device-info a, .compare-panel .compare-content .device-item .device-info .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .compare-panel .compare-content .device-item .device-info span {
  margin-top: 12px;
  font-family: "VM Circular Book", sans-serif;
  color: #dd0000;
  font-size: 14px;
  font-size: 1.4rem;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .compare-panel .compare-content .device-item .device-info a, .compare-panel .compare-content .device-item .device-info .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .compare-panel .compare-content .device-item .device-info span {
    margin-top: 5px;
  }
}

@media only screen and (max-width: 767px) {
  .compare-panel .compare-content .device-item .device-info a, .compare-panel .compare-content .device-item .device-info .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .compare-panel .compare-content .device-item .device-info span {
    margin-top: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .compare-panel .compare-content:nth-child(n+3) {
    display: none;
  }
}

.compare-panel .compare-content .device-placeholder-info {
  text-align: center;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .compare-panel .compare-content .device-placeholder-info {
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

@media only screen and (max-width: 767px) {
  .compare-panel .compare-content .device-placeholder-info {
    display: flex;
    align-items: center;
    margin-top: 28px;
  }
}

@media only screen and (max-width: 767px) {
  .compare-panel .compare-content .device-placeholder-info .device-placeholder-info-inner {
    padding: 0 15px;
  }
}

.compare-panel .compare-content .device-placeholder-info .device-placeholder-info-inner h1 {
  font-family: "VM Circular Light", sans-serif;
  font-size: 30px;
  font-size: 3rem;
  margin: 0 0 14px 0;
  line-height: 35px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .compare-panel .compare-content .device-placeholder-info .device-placeholder-info-inner h1 {
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 30px;
    margin-bottom: 28px;
  }
}

.compare-panel .compare-content .device-placeholder-info .device-placeholder-info-inner p {
  font-family: "VM Circular Book", sans-serif;
  margin: 0;
  color: #666;
  line-height: 24px;
}

@media only screen and (max-width: 767px) {
  .compare-panel .compare-content .device-placeholder-info .device-placeholder-info-inner p {
    font-size: 14px;
    font-size: 1.4rem;
    color: #9B9B9B;
  }
}

.compare-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 19px 0;
  border-top: 1px solid #e8e8e8;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .compare-footer {
    padding: 21px 0;
  }
}

@media only screen and (max-width: 767px) {
  .compare-footer {
    padding: 21px 0;
  }
  .compare-footer .cta {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 6px 22px;
  }
}

.compare-footer a, .compare-footer .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .compare-footer span {
  margin: 0 15px;
  width: 164px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .compare-footer a, .compare-footer .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .compare-footer span {
    width: 126px;
  }
}

@media only screen and (max-width: 767px) {
  .compare-footer a, .compare-footer .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .compare-footer span {
    width: 130px;
  }
}

.open-compare-overlay .lgi_container_bg_full > div {
  display: none;
}

.open-compare-overlay .lgi_container_bg_full .compare-panel {
  display: block;
}

.open-compare-overlay .lgi_container_bg_full .compare-panel .compare-panel-wrapper {
  display: none;
}

.open-compare-overlay .lgi_container_bg_full .compare-panel .compare-overlay-wrapper {
  display: block;
}

.compare-overlay-wrapper {
  display: none;
  background: #fff;
}

.compare-overlay-wrapper .compare-overlay {
  max-width: 1170px;
  margin: 0 auto;
  padding: 0 21px 10px 21px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .compare-overlay-wrapper .compare-overlay {
    padding: 0 21px 10px 21px;
  }
}

.compare-overlay-wrapper .compare-overlay .overlay-title {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e8e8e8;
}

@media only screen and (max-width: 767px) {
  .compare-overlay-wrapper .compare-overlay .overlay-title {
    padding: 0 15px;
  }
}

.compare-overlay-wrapper .compare-overlay .overlay-title h2 {
  font-family: "VM Circular Light", sans-serif;
  font-size: 30px;
  font-size: 3rem;
  line-height: 35px;
  color: #333;
  padding: 36px 0;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .compare-overlay-wrapper .compare-overlay .overlay-title h2 {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 30px;
    padding: 27px 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .compare-overlay-wrapper .compare-overlay .overlay-title h2 {
    padding: 30px 0;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 30px;
  }
}

.compare-overlay-wrapper .compare-overlay .overlay-title .overlay-close-btn {
  background: #DBDBDB;
  border-radius: 19px;
  padding: 6px 60px;
  margin: 29px 0;
  cursor: pointer;
}

@media only screen and (max-width: 767px) {
  .compare-overlay-wrapper .compare-overlay .overlay-title .overlay-close-btn {
    padding: 6px 17px;
  }
}

.compare-overlay-wrapper .compare-overlay .overlay-title .overlay-close-btn span {
  font-family: "VM Circular Book", sans-serif;
  font-size: 17px;
  font-size: 1.7rem;
  color: #333;
  line-height: 22px;
}

@media only screen and (max-width: 767px) {
  .compare-overlay-wrapper .compare-overlay .overlay-title .overlay-close-btn span {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.compare-overlay-wrapper .compare-overlay .overlay-devices-wrapper {
  background: #fff;
}

.compare-overlay-wrapper .compare-overlay .overlay-devices-wrapper .overlay-devices-container {
  max-width: 1128px;
  margin: 0 auto;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .compare-overlay-wrapper .compare-overlay .overlay-devices-wrapper .overlay-devices-container {
    padding: 0 15px;
  }
}

.compare-overlay-wrapper .compare-overlay .overlay-devices-wrapper.sticky-fixed {
  z-index: 999;
}

.compare-overlay-wrapper .compare-overlay .overlay-devices-wrapper.sticky-fixed .overlay-devices-container {
  border-bottom: 1px solid #e8e8e8;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .compare-overlay-wrapper .compare-overlay .overlay-devices-wrapper.sticky-fixed {
    margin-top: -1px;
    padding: 0 20px;
    border-bottom: 1px solid #e8e8e8;
  }
  .compare-overlay-wrapper .compare-overlay .overlay-devices-wrapper.sticky-fixed .overlay-devices-container {
    border-bottom: 0;
  }
}

@media only screen and (max-width: 767px) {
  .compare-overlay-wrapper .compare-overlay .overlay-devices-wrapper.sticky-fixed {
    margin-top: -1px;
    padding: 0 15px;
  }
}

.compare-overlay-wrapper .compare-overlay .overlay-devices-wrapper.sticky-fixed .device-selected .phone-name {
  padding-top: 9px;
}

.compare-overlay-wrapper .compare-overlay .overlay-devices-wrapper.sticky-fixed .device-placeholder .overlay-add-phone-cta-wrapper {
  margin-top: 24px;
}

.compare-overlay-wrapper .compare-overlay .overlay-devices-wrapper.sticky-fixed .device-selected {
  padding-top: 16px;
  padding-bottom: 20px;
}

.compare-overlay-wrapper .compare-overlay .overlay-devices-wrapper .phone-image-wrapper {
  height: 108px;
  opacity: 1;
  text-align: center;
  transition: opacity .3s;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .compare-overlay-wrapper .compare-overlay .overlay-devices-wrapper .phone-image-wrapper {
    padding: 0;
  }
}

@media only screen and (max-width: 767px) {
  .compare-overlay-wrapper .compare-overlay .overlay-devices-wrapper .phone-image-wrapper {
    padding: 0;
  }
}

.compare-overlay-wrapper .compare-overlay .overlay-devices-wrapper .phone-image-wrapper img {
  max-width: 100%;
  max-height: 100%;
}

.compare-overlay-wrapper .compare-overlay .overlay-devices-wrapper .device-selected {
  padding-top: 27px;
  padding-bottom: 32px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .compare-overlay-wrapper .compare-overlay .overlay-devices-wrapper .device-selected {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .compare-overlay-wrapper .compare-overlay .overlay-devices-wrapper .device-selected {
    padding: 20px 0;
  }
}

.compare-overlay-wrapper .compare-overlay .overlay-devices-wrapper .device-selected .remove-icon-wrapper {
  line-height: 16px;
  cursor: pointer;
}

.compare-overlay-wrapper .compare-overlay .overlay-devices-wrapper .device-selected .remove-icon-wrapper img {
  cursor: pointer;
}

.compare-overlay-wrapper .compare-overlay .overlay-devices-wrapper .device-selected .phone-name {
  padding: 12px 0;
  text-align: center;
  font-family: "VM Circular Book", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  color: #333;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .compare-overlay-wrapper .compare-overlay .overlay-devices-wrapper .device-selected .phone-name {
    padding-bottom: 0;
    font-size: 14px;
    font-size: 1.4rem;
  }
}

@media only screen and (max-width: 767px) {
  .compare-overlay-wrapper .compare-overlay .overlay-devices-wrapper .device-selected .phone-name {
    padding-top: 14px;
    padding-bottom: 0;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 21px;
  }
}

.compare-overlay-wrapper .compare-overlay .overlay-devices-wrapper .device-selected .phone-plans-cta {
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
}

.compare-overlay-wrapper .compare-overlay .overlay-devices-wrapper .device-placeholder {
  padding-top: 42px;
  padding-bottom: 40px;
}

.compare-overlay-wrapper .compare-overlay .overlay-devices-wrapper .device-placeholder .placeholder-image {
  height: 108px;
  opacity: 1;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .compare-overlay-wrapper .compare-overlay .overlay-devices-wrapper .device-placeholder .placeholder-image {
    padding: 0;
  }
}

@media only screen and (max-width: 767px) {
  .compare-overlay-wrapper .compare-overlay .overlay-devices-wrapper .device-placeholder .placeholder-image {
    padding: 0;
  }
}

.compare-overlay-wrapper .compare-overlay .overlay-devices-wrapper .device-placeholder .placeholder-image img {
  max-height: 100%;
  max-width: 100%;
}

.compare-overlay-wrapper .compare-overlay .overlay-devices-wrapper .device-placeholder .overlay-add-phone-cta-wrapper {
  margin-top: 34px;
  text-align: center;
}

.compare-overlay-wrapper .compare-overlay .overlay-devices-wrapper .device-placeholder .overlay-add-phone-cta-wrapper .overlay-add-phone-cta {
  padding: 6px 17px;
  background: #e2e2e2;
  border-radius: 15px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #333;
}

.compare-overlay-wrapper .compare-overlay .overlay-specs-table {
  width: 100%;
  font-family: "VM Circular Book", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 32px;
}

@media only screen and (max-width: 767px) {
  .compare-overlay-wrapper .compare-overlay .overlay-specs-table {
    margin: 0 -1px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .compare-overlay-wrapper .compare-overlay .overlay-specs-table {
    margin-bottom: 20px;
  }
}

.compare-overlay-wrapper .compare-overlay .overlay-specs-table thead th {
  background: #322332;
  padding: 0 15px;
  height: 60px;
  color: #fff;
  text-align: left;
  font-weight: 100;
}

@media only screen and (max-width: 767px) {
  .compare-overlay-wrapper .compare-overlay .overlay-specs-table thead th {
    height: 45px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .compare-overlay-wrapper .compare-overlay .overlay-specs-table thead th {
    height: 48px;
  }
}

.compare-overlay-wrapper .compare-overlay .overlay-specs-table tbody tr {
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

.compare-overlay-wrapper .compare-overlay .overlay-specs-table tbody tr td {
  border-left: 1px solid #e5e5e5;
  padding: 34px 15px;
  width: 25%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .compare-overlay-wrapper .compare-overlay .overlay-specs-table tbody tr td {
    padding: 30px 15px;
  }
}

@media only screen and (max-width: 767px) {
  .compare-overlay-wrapper .compare-overlay .overlay-specs-table tbody tr td {
    padding: 21px 15px;
    width: 50%;
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.compare-overlay-wrapper .compare-overlay .overlay-specs-table tbody tr td .spec-text {
  position: relative;
}

.compare-overlay-wrapper .compare-overlay .overlay-specs-table tbody tr td .spec-text .spec-title {
  color: #000;
}

.compare-overlay-wrapper .compare-overlay .overlay-specs-table tbody tr td .spec-text .spec-value {
  color: #666;
}

.compare-overlay-wrapper .compare-overlay .overlay-specs-table tbody tr td .spec-text .spec-value .fa-check {
  color: #64a541;
  position: absolute;
  top: 5px;
  right: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .compare-overlay-wrapper .compare-overlay .overlay-specs-table tbody tr td .spec-text .spec-value .fa-check {
    position: relative;
    top: 0;
  }
}

@media only screen and (max-width: 767px) {
  .compare-overlay-wrapper .compare-overlay .overlay-specs-table tbody tr td .spec-text .spec-value .fa-check {
    position: relative;
    top: 0;
  }
}

.compare-overlay-wrapper .compare-overlay .overlay-specs-table tbody tr td .spec-text .spec-value .fa-times {
  color: #D0021B;
  position: absolute;
  top: 5px;
  right: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .compare-overlay-wrapper .compare-overlay .overlay-specs-table tbody tr td .spec-text .spec-value .fa-times {
    position: relative;
    top: 0;
  }
}

@media only screen and (max-width: 767px) {
  .compare-overlay-wrapper .compare-overlay .overlay-specs-table tbody tr td .spec-text .spec-value .fa-times {
    position: relative;
    top: 0;
  }
}

.compare-overlay-wrapper .compare-overlay .overlay-specs-table.colours tbody td {
  padding: 0;
}

.compare-overlay-wrapper .compare-overlay .overlay-specs-table.colours .colour-wrapper {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  align-content: center;
  justify-content: center;
  height: 104px;
}

@media only screen and (max-width: 767px) {
  .compare-overlay-wrapper .compare-overlay .overlay-specs-table.colours .colour-wrapper {
    height: 100%;
    padding: 16px 10px 11px 10px;
    display: block;
    text-align: center;
  }
  .compare-overlay-wrapper .compare-overlay .overlay-specs-table.colours .colour-wrapper:after {
    content: '';
    display: block;
    float: none;
    clear: both;
  }
}

.compare-overlay-wrapper .compare-overlay .overlay-specs-table.colours .colour-wrapper .phone-colour {
  margin: 0 5px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #ccc;
  background: #42254c;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .compare-overlay-wrapper .compare-overlay .overlay-specs-table.colours .colour-wrapper .phone-colour {
    width: 14px;
    height: 14px;
  }
}

@media only screen and (max-width: 767px) {
  .compare-overlay-wrapper .compare-overlay .overlay-specs-table.colours .colour-wrapper .phone-colour {
    display: inline-block;
    margin: 0 4px;
    width: 13px;
    height: 13px;
  }
}

@media only screen and (max-width: 767px) {
  .block-dropdown {
    overflow: hidden;
  }
}

.dropdown--wrapper {
  padding-top: 16px;
  padding-bottom: 14px;
  background: #f7f7f7;
}

@media only screen and (max-width: 767px) {
  .dropdown--wrapper {
    padding: 0;
  }
}

.dropdown--wrapper .container {
  padding: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.dropdown--wrapper .dropdown--desktop-title {
  padding-right: 11px;
  margin: 0;
  font-family: "VM Circular Book", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
}

@media only screen and (max-width: 767px) {
  .dropdown--wrapper .dropdown {
    width: 100%;
  }
}

.dropdown--wrapper .dropdown.open .dropdown--toggle .sort-icon .mobile-chevron {
  animation-name: rotate-up;
  animation-duration: 0.5s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
  transform: rotate(180deg);
}

@-webkit-keyframes rotate-up {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(180deg);
  }
}

@-moz-keyframes rotate-up {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(180deg);
  }
}

@-o-keyframes rotate-up {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(180deg);
  }
}

@keyframes rotate-up {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(180deg);
  }
}

.dropdown--wrapper .dropdown.close-animation .sort-icon .mobile-chevron {
  animation-name: rotate-down;
  animation-duration: 0.5s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
  transform: rotate(0deg);
}

@-webkit-keyframes rotate-down {
  from {
    transform: rotate(180deg);
  }
  to {
    transform: rotate(0deg);
  }
}

@-moz-keyframes rotate-down {
  from {
    transform: rotate(180deg);
  }
  to {
    transform: rotate(0deg);
  }
}

@-o-keyframes rotate-down {
  from {
    transform: rotate(180deg);
  }
  to {
    transform: rotate(0deg);
  }
}

@keyframes rotate-down {
  from {
    transform: rotate(180deg);
  }
  to {
    transform: rotate(0deg);
  }
}

.dropdown--wrapper .dropdown .dropdown--toggle {
  background: #ffffff;
  border: 1px solid #e5e5e5;
  box-shadow: none;
  height: 38px;
  padding: 8px 20px 7px 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 214px;
  font-size: 14px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.dropdown--wrapper .dropdown .dropdown--toggle:focus {
  outline: none;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .dropdown--wrapper .dropdown .dropdown--toggle {
    display: block;
    text-align: left;
  }
}

@media only screen and (max-width: 767px) {
  .dropdown--wrapper .dropdown .dropdown--toggle {
    background: #efefef;
    height: 42px;
    padding: 11px 16px 8px 16px;
    border: 0;
    background: #f7f7f7;
    width: 100%;
    border-radius: 0;
    display: block;
    text-align: left;
  }
}

.dropdown--wrapper .dropdown .dropdown--toggle .dropdown--desktop-button-title,
.dropdown--wrapper .dropdown .dropdown--toggle .dropdown--mobile-button-title {
  margin: 0;
  font-family: "VM Circular Book", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 23.8px;
}

.dropdown--wrapper .dropdown .dropdown--toggle .sort-icon {
  align-self: center;
  display: block;
  padding: 0;
  position: absolute;
  top: 12px;
  right: 20px;
}

@media only screen and (max-width: 767px) {
  .dropdown--wrapper .dropdown .dropdown--toggle .sort-icon {
    display: block;
    padding: 0;
    position: absolute;
    top: 12px;
    right: 16px;
    line-height: 30px;
  }
}

.dropdown--wrapper .dropdown .dropdown--toggle .sort-icon .fa-caret-up,
.dropdown--wrapper .dropdown .dropdown--toggle .sort-icon .fa-caret-down {
  display: block;
  line-height: 7px;
}

.filters-component .dropdown-menu, .filters-component .dropdown-menu.open {
  font-family: "VM Circular Book", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 4px 0;
  margin-top: 4px;
  border: 1px solid #e5e5e5;
  box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.15);
}

@media only screen and (max-width: 767px) {
  .filters-component .dropdown-menu, .filters-component .dropdown-menu.open {
    top: 50px;
  }
}

.filters-component .dropdown-menu .dropdown--dropdown-item, .filters-component .dropdown-menu.open .dropdown--dropdown-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 12px 20px 9px 20px;
  height: 44px;
}

.filters-component .dropdown-menu .dropdown--dropdown-item span, .filters-component .dropdown-menu.open .dropdown--dropdown-item span {
  align-self: flex-start;
}

.filters-component .dropdown-menu .dropdown--dropdown-item .fa-check, .filters-component .dropdown-menu.open .dropdown--dropdown-item .fa-check {
  padding-left: 20px;
  align-self: center;
  color: #ffffff;
}

.filters-component .dropdown-menu .dropdown--dropdown-item:hover, .filters-component .dropdown-menu.open .dropdown--dropdown-item:hover {
  background: #fdebf4;
}

.filters-component .dropdown-menu .dropdown--dropdown-item:hover .fa-check, .filters-component .dropdown-menu.open .dropdown--dropdown-item:hover .fa-check {
  color: #fdebf4;
}

.filters-component .dropdown-menu .dropdown--dropdown-item.dropdown--selected, .filters-component .dropdown-menu.open .dropdown--dropdown-item.dropdown--selected {
  background: #fdebf4;
}

.filters-component .dropdown-menu .dropdown--dropdown-item.dropdown--selected .fa-check, .filters-component .dropdown-menu.open .dropdown--dropdown-item.dropdown--selected .fa-check {
  color: #333;
}

@media only screen and (max-width: 767px) {
  .filters-component .dropdown-menu, .filters-component .dropdown-menu.open {
    margin-top: 0;
    padding: 0;
    width: 100%;
    height: 100vh;
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }
  .filters-component .dropdown-menu .dropdown--dropdown-item, .filters-component .dropdown-menu.open .dropdown--dropdown-item {
    height: 48px;
    padding: 13px 0 12px 0;
    margin: 0 16px;
    border-top: 1px solid #EFEFEF;
  }
  .filters-component .dropdown-menu .dropdown--dropdown-item span, .filters-component .dropdown-menu.open .dropdown--dropdown-item span {
    color: #322332;
  }
  .filters-component .dropdown-menu .dropdown--dropdown-item .fa-check, .filters-component .dropdown-menu.open .dropdown--dropdown-item .fa-check {
    padding-left: 16px;
  }
  .filters-component .dropdown-menu .dropdown--dropdown-item:hover, .filters-component .dropdown-menu .dropdown--dropdown-item.dropdown--selected, .filters-component .dropdown-menu.open .dropdown--dropdown-item:hover, .filters-component .dropdown-menu.open .dropdown--dropdown-item.dropdown--selected {
    margin: 0;
    padding: 13px 16px 12px 16px;
  }
}

.filters-component .open > .dropdown-menu, .filters-component .dropdown-menu.open {
  display: block;
}

.device-tile {
  background-color: #f7f7f7;
}

.device-tile .tiles-wrapper {
  max-width: 986px;
  margin: 0 auto;
  display: flex;
  flex-flow: row wrap;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .device-tile .tiles-wrapper {
    max-width: 750px;
  }
}

.device-tile .tiles-wrapper .device-tile-item {
  margin-bottom: 30px;
  width: Calc(33.3333333333%);
  position: relative;
}

.device-tile .tiles-wrapper .device-tile-item:nth-of-type(-n+3) {
  margin-top: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .device-tile .tiles-wrapper .device-tile-item:nth-child(-n+3) {
    margin-top: 26px;
  }
}

@media only screen and (max-width: 767px) {
  .device-tile .tiles-wrapper .device-tile-item {
    width: 100%;
    margin: 0 20px 26px 20px;
  }
  .device-tile .tiles-wrapper .device-tile-item:nth-child(2), .device-tile .tiles-wrapper .device-tile-item:nth-child(3) {
    margin-top: 0;
  }
  .device-tile .tiles-wrapper .device-tile-item:nth-of-type(-n+3) {
    margin-top: 0;
  }
  .device-tile .tiles-wrapper .device-tile-item:first-of-type {
    margin-top: 26px;
  }
}

.device-tile .tiles-wrapper .device-tile-item .compare-cta-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 294px;
  margin: 0 auto;
  z-index: 5;
  padding: 16px 0 20px;
  -webkit-transition: background false false, 0.3s false false;
  -moz-transition: background false false false, 0.3s false false false;
  -o-transition: background false false false, 0.3s false false false;
  transition: background 0.3s;
}

@media only screen and (max-width: 991px) {
  .device-tile .tiles-wrapper .device-tile-item .compare-cta-wrapper {
    width: 100%;
  }
}

.device-tile .tiles-wrapper .device-tile-item .tile-cta-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  z-index: 5;
  margin: 16px 0 20px;
  -webkit-transition: background false false, 0.3s false false;
  -moz-transition: background false false false, 0.3s false false false;
  -o-transition: background false false false, 0.3s false false false;
  transition: background 0.3s;
}

@media only screen and (max-width: 767px) {
  .device-tile .tiles-wrapper .device-tile-item .tile-cta-wrapper.choose-only {
    height: 50px;
    margin-bottom: 15px;
    align-items: flex-end;
  }
}

.device-tile .tiles-wrapper .device-tile-item .tile-cta-wrapper .cta-mb {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 24px;
  position: relative;
  height: 30px;
  margin: 0;
  border: 1px solid #ccc;
  border-radius: 20px;
  padding: 0 15px;
  cursor: pointer;
  color: #D0021B;
  font-family: "VM Circular Book", sans-serif;
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .device-tile .tiles-wrapper .device-tile-item .tile-cta-wrapper .cta-mb {
    font-size: 13px;
    font-size: 1.3rem;
  }
}

.device-tile .tiles-wrapper .device-tile-item .tile-cta-wrapper .cta-mb:hover, .device-tile .tiles-wrapper .device-tile-item .tile-cta-wrapper .cta-mb:focus {
  text-decoration: none;
}

.device-tile .tiles-wrapper .device-tile-item .tile-cta-wrapper .cta-mb.disabled {
  opacity: .5;
  pointer-events: none;
}

.device-tile .tiles-wrapper .device-tile-item .tile-cta-wrapper .cta-mb.choose-cta {
  color: #ffffff;
  border: 1px solid #ed0000;
  background-color: #ed0000;
  padding: 0 23px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .device-tile .tiles-wrapper .device-tile-item .tile-cta-wrapper .cta-mb.choose-cta {
    font-size: 15px;
    font-size: 1.5rem;
    padding: 5px 20px;
  }
}

@media only screen and (max-width: 320px) {
  .device-tile .tiles-wrapper .device-tile-item .tile-cta-wrapper .cta-mb.choose-cta {
    padding: 5px 16px;
  }
}

.device-tile .tiles-wrapper .device-tile-item .tile-cta-wrapper .cta-mb.choose-cta.single {
  min-width: 170px;
  font-weight: 500;
  line-height: 1.5;
  font-size: 18px;
  font-size: 1.8rem;
}

@media only screen and (max-width: 767px) {
  .device-tile .tiles-wrapper .device-tile-item .tile-cta-wrapper .cta-mb.choose-cta.single {
    min-width: 210px;
    height: 34px;
    position: absolute;
    justify-content: center;
    left: 50%;
    transform: translateX(-50%);
  }
}

.device-tile .tiles-wrapper .device-tile-item .tile-cta-wrapper .cta-mb.single {
  justify-content: center;
}

.device-tile .tiles-wrapper .device-tile-item .tile-cta-wrapper .compare-cta {
  margin-right: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .device-tile .tiles-wrapper .device-tile-item .tile-cta-wrapper .compare-cta {
    margin-right: 10px;
    font-size: 13px;
    font-size: 1.3rem;
    height: 25px;
    padding: 0 10px;
  }
}

@media only screen and (max-width: 767px) {
  .device-tile .tiles-wrapper .device-tile-item .tile-cta-wrapper .compare-cta {
    height: 25px;
    margin-right: 12px;
    padding: 0 10px;
  }
}

@media only screen and (max-width: 320px) {
  .device-tile .tiles-wrapper .device-tile-item .tile-cta-wrapper .compare-cta {
    height: 23px;
    padding: 0 6px;
    margin-right: 10px;
  }
}

.device-tile .tiles-wrapper .device-tile-item .tile-cta-wrapper .compare-cta.single {
  margin-right: 0px;
}

.device-tile .tiles-wrapper .device-tile-item .tile-cta-wrapper .compare-cta:hover {
  transition: .3s;
  border: 1px solid #D0021B;
}

@media only screen and (max-width: 991px) {
  .device-tile .tiles-wrapper .device-tile-item .tile-cta-wrapper .compare-cta:hover {
    border: 1px solid #ccc;
  }
}

.device-tile .tiles-wrapper .device-tile-item .tile-cta-wrapper .compare-cta .compare-cta-content {
  opacity: 1;
  width: 100%;
  transition: all .04s linear;
  line-height: 24px;
}

.device-tile .tiles-wrapper .device-tile-item .tile-cta-wrapper .compare-cta .compare-cta-icon {
  transition: all .1s linear;
  margin-right: 9px;
}

@media only screen and (max-width: 320px) {
  .device-tile .tiles-wrapper .device-tile-item .tile-cta-wrapper .compare-cta .compare-cta-icon {
    margin-right: 3px;
  }
}

.device-tile .tiles-wrapper .device-tile-item .tile-cta-wrapper .compare-cta .compare-cta-icon img {
  width: 9px;
  height: 9px;
}

.device-tile .tiles-wrapper .device-tile-item .tile-cta-wrapper .compare-cta.remove {
  padding: 2px 9px;
}

@media only screen and (max-width: 991px) {
  .device-tile .tiles-wrapper .device-tile-item .tile-cta-wrapper .compare-cta.remove {
    padding: 2px 8px;
  }
}

.device-tile .tiles-wrapper .device-tile-item .tile-cta-wrapper .compare-cta.remove .compare-cta-content {
  opacity: 0;
  width: 0;
}

.device-tile .tiles-wrapper .device-tile-item .tile-cta-wrapper .compare-cta.remove .compare-cta-icon {
  margin-right: 0;
  transform: rotate(45deg);
}

@media only screen and (min-width: 992px) {
  .device-tile .tiles-wrapper .device-tile-item .tile-cta-wrapper .compare-cta.remove .compare-cta-icon img {
    width: 12px;
    height: 12px;
  }
}

.device-tile .tiles-wrapper .device-tile-item .tile-cta-wrapper .compare-cta.disabled {
  opacity: .5;
  pointer-events: none;
}

.device-tile .tiles-wrapper .tile {
  width: 293px;
  margin: 0 auto;
  background: #ffffff;
  border: solid 1px #B6B6B6;
  display: block;
  color: #333333;
  overflow: visible;
  text-decoration-line: none;
  -webkit-transition: background false false, 0.3s false false;
  -moz-transition: background false false false, 0.3s false false false;
  -o-transition: background false false false, 0.3s false false false;
  transition: background 0.3s;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .device-tile .tiles-wrapper .tile {
    width: 230px;
  }
}

@media only screen and (max-width: 767px) {
  .device-tile .tiles-wrapper .tile {
    width: 100%;
    max-width: 335px;
  }
}

.device-tile .tiles-wrapper .tile:hover, .device-tile .tiles-wrapper .tile:focus {
  text-decoration: none;
}

@media only screen and (max-width: 767px) {
  .device-tile .tiles-wrapper .tile .tile-image-colors-wrapper {
    float: left;
    width: 39%;
  }
}

.device-tile .tiles-wrapper .tile .tile-image-wrapper {
  position: relative;
  max-width: 150px;
  margin: 0 auto;
}

.device-tile .tiles-wrapper .tile .tile-image-wrapper .promo-icons {
  position: absolute;
  top: 0;
  right: -20px;
  z-index: 2;
}

@media only screen and (max-width: 767px) {
  .device-tile .tiles-wrapper .tile .tile-image-wrapper .promo-icons {
    right: -10px;
  }
}

.device-tile .tiles-wrapper .tile .tile-image-wrapper .promo-icons img {
  display: block;
  position: relative;
  max-width: 33px;
  padding-bottom: 15px;
}

@media only screen and (max-width: 991px) {
  .device-tile .tiles-wrapper .tile .tile-image-wrapper .promo-icons img {
    max-width: 33px;
    padding-bottom: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .device-tile .tiles-wrapper .tile .tile-details-wrapper {
    float: right;
    margin-right: 2.5%;
    width: 58.5%;
  }
}

.device-tile .tiles-wrapper .tile .tile-image {
  height: 190px;
  position: relative;
  margin: 0 auto 25px auto;
}

@media only screen and (max-width: 767px) {
  .device-tile .tiles-wrapper .tile .tile-image {
    height: 165px;
    margin: 0 auto 4px auto;
  }
}

@media only screen and (max-width: 320px) {
  .device-tile .tiles-wrapper .tile .tile-image {
    height: 130px;
  }
}

.device-tile .tiles-wrapper .tile .tile-image img {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-height: 100%;
  width: auto;
  max-width: initial;
}

.device-tile .tiles-wrapper .tile .tile-colors {
  display: flex;
  height: 26px;
  justify-content: center;
  align-items: center;
  margin-bottom: 2px;
}

.device-tile .tiles-wrapper .tile .tile-colors .color-item {
  width: 10px;
  height: 10px;
  border: 1px solid #ccc;
  border-radius: 3px;
  margin-left: 6px;
  margin-right: 6px;
}

@media only screen and (max-width: 767px) {
  .device-tile .tiles-wrapper .tile .tile-colors .color-item {
    margin-left: 4px;
    margin-right: 4px;
  }
}

.device-tile .tiles-wrapper .tile .tile-colors .color-item.black {
  background: #000;
}

.device-tile .tiles-wrapper .tile .tile-colors .color-item.white {
  background: #ffffff;
}

.device-tile .tiles-wrapper .tile .tile-colors .color-item.gold {
  background: #f8e6ce;
}

.device-tile .tiles-wrapper .tile .tile-colors .color-item.green {
  background: #64a541;
}

.device-tile .tiles-wrapper .tile .tile-title {
  max-width: 225px;
  min-height: 75px;
  margin: 0 auto;
}

.device-tile .tiles-wrapper .tile .tile-title h3, .device-tile .tiles-wrapper .tile .tile-title .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina .device-tile .tiles-wrapper .tile .tile-title .acc-panel-title {
  margin: 0;
  font-family: "VM Circular Book", sans-serif;
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 25px;
}

.device-tile .tiles-wrapper .tile .tile-info {
  padding-top: 15px;
  padding-bottom: 15px;
  max-width: 225px;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .device-tile .tiles-wrapper .tile .tile-info {
    padding-top: 5px;
  }
}

.device-tile .tiles-wrapper .tile .tile-info.tile-info-paym {
  padding-bottom: 0;
}

.device-tile .tiles-wrapper .tile .tile-info p {
  margin: 0;
}

.device-tile .tiles-wrapper .tile .tile-info .monthly {
  font-family: "VM Circular Book", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 20px;
  color: #333;
}

.device-tile .tiles-wrapper .tile .tile-info .available-from {
  font-family: "VM Circular Book", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: normal;
  color: #888;
}

@media only screen and (max-width: 767px) {
  .device-tile .tiles-wrapper .tile .tile-info .available-from {
    margin-bottom: 15px;
  }
}

.device-tile .tiles-wrapper .tile .tile-info .costs {
  font-family: "VM Circular Light", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 20px;
  color: #9B9B9B;
}

.device-tile .tiles-wrapper .tile .tile-info .paym-costs {
  display: flex;
}

.device-tile .tiles-wrapper .tile .tile-info .paym-costs .price {
  font-weight: bold;
}

.device-tile .tiles-wrapper .tile .tile-info .paym-costs .paym-costs-upfront {
  flex-basis: 50%;
  position: relative;
}

.device-tile .tiles-wrapper .tile .tile-info .paym-costs .paym-costs-upfront:after {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  content: '';
  display: block;
  position: absolute;
  height: 32px;
  width: 2px;
  right: -1px;
  background-color: #979797;
  opacity: 0.3;
}

.device-tile .tiles-wrapper .tile .tile-info .paym-costs .paym-costs-price {
  flex-basis: 50%;
}

.device-tile .tiles-wrapper .tile .tile-info .paym-costs .cost-label {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 18px;
  color: #888888;
}

.device-tile .tiles-wrapper .tile .tile-info .price-breakdown {
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 14px;
  margin-top: 8px;
  color: #888888;
}

.device-tile .tiles-wrapper .tile .tile-info .price, .device-tile .tiles-wrapper .tile .tile-info .old-price {
  font-family: "VM Circular Light", sans-serif;
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 35px;
  color: #333;
  margin-top: 7px;
  padding: 0 14px;
  display: inline-block;
}

@media only screen and (max-width: 320px) {
  .device-tile .tiles-wrapper .tile .tile-info .price, .device-tile .tiles-wrapper .tile .tile-info .old-price {
    font-size: 27px;
    font-size: 2.7rem;
    line-height: normal;
  }
}

.device-tile .tiles-wrapper .tile .tile-info .old-price {
  color: #666;
  text-decoration: line-through;
}

.device-tile .tiles-wrapper .tile .tile-promo-info {
  min-height: 66px;
}

@media only screen and (max-width: 767px) {
  .device-tile .tiles-wrapper .tile .tile-promo-info {
    min-height: 24px;
    margin-bottom: 20px;
  }
}

.device-tile .tiles-wrapper .tile .tile-promo-info .promo-messages .message {
  min-height: 24px;
  font-family: "VM Circular Book", sans-serif;
  line-height: 1;
  color: #322332;
  margin-bottom: 0;
  padding: 5px 0;
  font-size: 14px;
  font-size: 1.4rem;
}

.device-tile .tiles-wrapper .tile .tile-promo-info .promo-messages .message.yellow {
  background: #fae619;
}

.device-tile .tiles-wrapper .tile.out-of-stock .tile-promo-info .promo-messages {
  display: none;
}

.device-tile .tiles-wrapper .tile.out-of-stock .tile-details-wrapper .tile-title {
  margin-bottom: 132px;
}

.device-tile .tiles-wrapper .tile.out-of-stock .tile-details-wrapper .tile-info {
  display: none;
}

.device-tile .tiles-wrapper .tile-clickable {
  text-decoration: none;
  display: block;
  padding-bottom: 0.1px;
  padding-left: 19px;
  padding-right: 19px;
}

.sticky-fixed {
  position: fixed !important;
  left: 0;
  top: 0;
  right: 0;
  transform: translateY(0);
  transition: 0.2s transform cubic-bezier(0.3, 0.73, 0.3, 0.74);
}

.sticky-visible-on-mobile {
  position: static;
}

.sticky-visible-on-mobile.sticky-fixed {
  background: #f7f7f7;
  z-index: 100;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .sticky-visible-on-mobile.sticky-fixed {
    width: 100%;
  }
}

.tabs-navigator-wrapper, .tariff-table-header, .tariff-top-header-wrapper, .compare-panel-wrapper, .top-level-wrapper, .overlay-devices-wrapper {
  transform: translate3d(0, 0, 0);
}

.device-banner-template {
  position: relative;
  margin: 0 auto;
  max-width: 1135px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .device-banner-template {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.device-banner-template .message {
  display: block;
  font-family: "VM Circular Book", sans-serif;
  line-height: 20px;
  color: #322332;
  margin-bottom: 2px;
  font-size: 18px;
  font-size: 1.8rem;
}

.device-banner-template .message .yellow {
  display: inline-block;
  padding: 4px 6px;
  background: #fae619;
}

.device-banner-template .message.stock-status {
  font-size: 14px;
  font-size: 1.4rem;
}

.device-banner-template .device-banner-flex {
  height: 567px;
  padding-top: 52px;
  padding-bottom: 74px;
}

.device-banner-template .device-banner-flex .row {
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .device-banner-template .device-banner-flex {
    padding: 21px 0px 83px 0px;
    height: 549px;
  }
}

@media only screen and (max-width: 767px) {
  .device-banner-template .device-banner-flex {
    padding: 27px 6px 37px 6px;
    height: auto;
    margin: 0;
  }
}

.device-banner-template .stock-status-wrapper {
  margin-bottom: 0;
  position: absolute;
  top: -31px;
  width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .device-banner-template .stock-status-wrapper {
    top: -23px;
  }
}

@media only screen and (max-width: 767px) {
  .device-banner-template .stock-status-wrapper {
    position: relative;
    top: 0;
  }
}

.device-banner-template .stock-status-icon {
  max-width: 28px;
  margin-right: 5px;
  margin-left: -2px;
  margin-top: -2px;
}

.device-banner-template .device-image-right {
  position: absolute;
  right: 0;
  top: 25px;
  float: right;
  margin-right: 8.3333%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .device-banner-template .device-image-right {
    margin-right: 0;
    top: 82px;
  }
}

@media only screen and (max-width: 767px) {
  .device-banner-template .device-image-right {
    position: relative;
    top: 0;
    float: left;
    margin-right: 0;
  }
}

.device-banner-template .second-level {
  position: relative;
}

.device-banner-template .second-level .image-slider {
  z-index: 2;
  width: 100%;
  text-align: center;
  overflow: hidden;
}

.device-banner-template .second-level .image-slider .item img {
  max-width: 552px;
  max-height: 552px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .device-banner-template .second-level .image-slider .item img {
    max-width: 387px;
    max-height: 387px;
  }
}

@media only screen and (max-width: 767px) {
  .device-banner-template .second-level .image-slider .item img {
    margin: 0 auto;
    max-width: 283px;
    max-height: 283px;
  }
}

.device-banner-template .second-level .image-slider .owl-stage {
  display: flex;
}

.device-banner-template .second-level .image-slider .owl-stage .owl-item {
  align-self: flex-end;
}

.device-banner-template .second-level .owl-navigator-container {
  position: absolute;
  bottom: 5px;
  z-index: 20;
  width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .device-banner-template .second-level .owl-navigator-container {
    position: static;
  }
}

@media only screen and (max-width: 767px) {
  .device-banner-template .second-level .owl-navigator-container {
    position: static;
  }
}

.device-banner-template .second-level .navigator-container {
  vertical-align: middle;
  display: flex;
  align-content: center;
  justify-content: center;
  padding-top: 10px;
  padding-bottom: 15px;
  width: 100%;
  margin: 0 auto;
}

.device-banner-template .second-level .navigator-container.disabled {
  display: none;
}

.device-banner-template .second-level .navigator-container .owl-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ffffff;
  border: 1px solid #322332;
  margin-left: 7px;
  margin-right: 7px;
  display: inline-block;
}

.device-banner-template .second-level .navigator-container .owl-dot.active {
  background: #322332;
}

.device-banner-template .second-level .navigator-container .previous, .device-banner-template .second-level .navigator-container .next {
  width: 12px;
  height: 12px;
}

.device-banner-template .second-level .navigator-container .owl-prev {
  margin-top: 8px;
  margin-right: 33px;
  cursor: pointer;
}

.device-banner-template .second-level .navigator-container .owl-prev .previous {
  border-left: 1px solid #9B9B9B;
  border-bottom: 1px solid #9B9B9B;
  transform: rotate(45deg);
}

.device-banner-template .second-level .navigator-container .owl-next {
  margin-top: 8px;
  margin-left: 36px;
  cursor: pointer;
}

.device-banner-template .second-level .navigator-container .owl-next .next {
  border-right: 1px solid #9B9B9B;
  border-bottom: 1px solid #9B9B9B;
  transform: rotate(-45deg);
}

.device-banner-template .second-level .navigator-container .owl-prev.disabled {
  cursor: not-allowed;
}

.device-banner-template .second-level .navigator-container .owl-prev.disabled .previous {
  border-left: 1px solid #DBDBDB;
  border-bottom: 1px solid #DBDBDB;
}

.device-banner-template .second-level .navigator-container .owl-next.disabled {
  cursor: not-allowed;
}

.device-banner-template .second-level .navigator-container .owl-next.disabled .next {
  border-right: 1px solid #DBDBDB;
  border-bottom: 1px solid #DBDBDB;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .device-banner-template .second-level .navigator-container {
    vertical-align: middle;
    display: flex;
    align-content: center;
    justify-content: center;
  }
  .device-banner-template .second-level .navigator-container.disabled {
    display: none;
  }
  .device-banner-template .second-level .navigator-container .owl-dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #ffffff;
    border: 1px solid #322332;
    margin-left: 5px;
    margin-right: 5px;
    display: inline-block;
  }
  .device-banner-template .second-level .navigator-container .owl-dot.active {
    background: #322332;
  }
  .device-banner-template .second-level .navigator-container .owl-next, .device-banner-template .second-level .navigator-container .owl-prev {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .device-banner-template .second-level .navigator-container {
    padding: 0;
    margin: 0;
    margin-top: 10px;
  }
  .device-banner-template .second-level .navigator-container .owl-dot {
    margin-left: 4px;
    margin-right: 4px;
  }
  .device-banner-template .second-level .navigator-container .navigator-dots {
    line-height: 21px;
  }
  .device-banner-template .second-level .navigator-container .owl-next, .device-banner-template .second-level .navigator-container .owl-prev {
    display: none;
  }
}

.device-banner-template .device-banner-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.device-banner-template .device-banner-wrapper:after, .device-banner-template .device-banner-wrapper:before {
  display: none;
}

@media only screen and (max-width: 767px) {
  .device-banner-template .device-banner-wrapper:after, .device-banner-template .device-banner-wrapper:before {
    display: table;
  }
}

@media only screen and (max-width: 767px) {
  .device-banner-template .device-banner-wrapper {
    display: block;
  }
}

.device-banner-template .device-banner-wrapper .flex-align {
  flex-grow: 0;
  flex-shrink: 0;
}

.device-banner-template .device-banner-wrapper .first-level .title-wrapper h2 {
  margin-top: 0;
  margin-bottom: 0;
}

.device-banner-template .device-banner-wrapper .first-level .title-wrapper h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: "VM Circular Light", sans-serif;
}

@media only screen and (min-width: 1200px) {
  .device-banner-template .device-banner-wrapper .first-level .title-wrapper h2 {
    font-size: 40px;
    font-size: 4rem;
    line-height: 52px;
  }
  .device-banner-template .device-banner-wrapper .first-level .title-wrapper h1 {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 35px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .device-banner-template .device-banner-wrapper .first-level .title-wrapper h2 {
    font-size: 40px;
    font-size: 4rem;
    line-height: 52px;
  }
  .device-banner-template .device-banner-wrapper .first-level .title-wrapper h1 {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 27px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .device-banner-template .device-banner-wrapper .first-level .title-wrapper h2 {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 42px;
  }
  .device-banner-template .device-banner-wrapper .first-level .title-wrapper h1 {
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .device-banner-template .device-banner-wrapper .first-level .title-wrapper {
    text-align: center;
    margin: 0 auto;
  }
  .device-banner-template .device-banner-wrapper .first-level .title-wrapper h2 {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 27px;
  }
  .device-banner-template .device-banner-wrapper .first-level .title-wrapper h1 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 30px;
  }
}

.device-banner-template .device-banner-wrapper .third-level {
  position: relative;
  margin-top: 8px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .device-banner-template .device-banner-wrapper .third-level {
    margin-top: 0px;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .device-banner-template .device-banner-wrapper .third-level {
    margin-top: 6px;
  }
}

@media only screen and (max-width: 767px) {
  .device-banner-template .device-banner-wrapper .third-level .price-wrapper {
    text-align: center;
    margin: 0 auto;
    margin-top: 6px;
  }
}

.device-banner-template .device-banner-wrapper .third-level .price-wrapper p {
  margin: 0;
}

.device-banner-template .device-banner-wrapper .third-level .price-wrapper .prices {
  border-bottom: 1px solid #e2e2e2;
  padding: 0 0 12px 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .device-banner-template .device-banner-wrapper .third-level .price-wrapper .prices {
    padding: 0 0 17px 0;
  }
}

@media only screen and (max-width: 767px) {
  .device-banner-template .device-banner-wrapper .third-level .price-wrapper .prices {
    padding: 0 0 9px 0;
  }
}

.device-banner-template .device-banner-wrapper .third-level .price-wrapper .prices .align {
  min-height: 50px;
  display: flex;
}

.device-banner-template .device-banner-wrapper .third-level .price-wrapper .prices .align .aligner {
  align-self: flex-end;
}

.device-banner-template .device-banner-wrapper .third-level .price-wrapper .prices .price-title {
  font-family: "VM Circular Book", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: left;
  line-height: 24px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .device-banner-template .device-banner-wrapper .third-level .price-wrapper .prices .price-title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .device-banner-template .device-banner-wrapper .third-level .price-wrapper .prices .price-title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 21px;
    padding-bottom: 5px;
  }
}

.device-banner-template .device-banner-wrapper .third-level .price-wrapper .prices .price {
  font-family: "VM Circular Light", sans-serif;
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 35px;
  text-align: right;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .device-banner-template .device-banner-wrapper .third-level .price-wrapper .prices .price {
    line-height: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .device-banner-template .device-banner-wrapper .third-level .price-wrapper .prices .price {
    line-height: 44px;
  }
}

.device-banner-template .device-banner-wrapper .third-level .price-wrapper .prices .strike-through {
  line-height: 15px;
  min-height: 15px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #666;
  text-decoration: line-through;
}

.device-banner-template .device-banner-wrapper .third-level .price-wrapper .upfront-price {
  font-family: "VM Circular Book", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 18px;
}

.device-banner-template .device-banner-wrapper .third-level .price-wrapper .upfront-price .upfront-costs-text {
  text-align: left;
}

.device-banner-template .device-banner-wrapper .third-level .price-wrapper .upfront-price .upfront-costs-value {
  text-align: right;
}

.device-banner-template .device-banner-wrapper .third-level .price-wrapper .prices-info {
  font-size: 14px;
  font-size: 1.4rem;
  font-family: "VM Circular Light", sans-serif;
  text-align: left;
  line-height: 16px;
  padding-top: 18px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .device-banner-template .device-banner-wrapper .third-level .price-wrapper .prices-info {
    line-height: 17px;
    padding-top: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .device-banner-template .device-banner-wrapper .third-level .price-wrapper .prices-info {
    padding-top: 16px;
  }
}

.device-banner-template .device-banner-wrapper .third-level .price-wrapper .prices-info .prices-message {
  padding-top: 8px;
}

.device-banner-template .device-banner-wrapper .fourth-level .ctas-wrapper a, .device-banner-template .device-banner-wrapper .fourth-level .ctas-wrapper .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .device-banner-template .device-banner-wrapper .fourth-level .ctas-wrapper span {
  width: 100%;
  margin-bottom: 0;
  margin-top: 25px;
  white-space: inherit;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .device-banner-template .device-banner-wrapper .fourth-level .ctas-wrapper a, .device-banner-template .device-banner-wrapper .fourth-level .ctas-wrapper .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .device-banner-template .device-banner-wrapper .fourth-level .ctas-wrapper span {
    margin-top: 29px;
  }
}

@media only screen and (max-width: 767px) {
  .device-banner-template .device-banner-wrapper .fourth-level .ctas-wrapper a, .device-banner-template .device-banner-wrapper .fourth-level .ctas-wrapper .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .device-banner-template .device-banner-wrapper .fourth-level .ctas-wrapper span {
    margin-top: 33px;
  }
}

.phone-banner {
  position: relative;
}

.phone-banner .phones, .phone-banner .tablets {
  position: relative;
}

.phone-banner .phones:after, .phone-banner .tablets:after {
  content: '';
  max-width: 1135px;
  width: 100%;
  height: 1px;
  background: #e2e2e2;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 72px;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .phone-banner .phones:after, .phone-banner .tablets:after {
    left: 20px;
    right: 20px;
    width: auto;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .phone-banner .phones:after, .phone-banner .tablets:after {
    left: 20px;
    right: 20px;
    width: auto;
    top: 66px;
  }
}

@media only screen and (max-width: 767px) {
  .phone-banner .phones:after, .phone-banner .tablets:after {
    left: 15px;
    right: 15px;
    width: auto;
    top: 55px;
  }
}

.phone-banner .top-actions-wrapper {
  position: relative;
  z-index: 3;
}

.phone-banner .top-actions-wrapper .top-actions {
  height: 72px;
  max-width: 1135px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

.phone-banner .top-actions-wrapper .top-actions .cta-mb {
  width: auto;
  margin-bottom: 0;
  margin-top: 23px;
}

.phone-banner .top-actions-wrapper .top-actions .cta-mb.caret-left:before {
  margin-bottom: 2px;
}

.phone-banner .top-actions-wrapper .top-actions .cta-mb.compare-phones.disabled {
  opacity: 0.3;
  pointer-events: none;
  cursor: default;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .phone-banner .top-actions-wrapper .top-actions {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .phone-banner .top-actions-wrapper .top-actions {
    height: 66px;
    display: flex;
    align-items: center;
  }
  .phone-banner .top-actions-wrapper .top-actions .row {
    flex: 1;
  }
  .phone-banner .top-actions-wrapper .top-actions .cta-mb {
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0;
  }
}

@media only screen and (max-width: 767px) {
  .phone-banner .top-actions-wrapper .top-actions {
    height: 55px;
    display: flex;
    align-items: center;
    padding-left: 15px;
    padding-right: 15px;
  }
  .phone-banner .top-actions-wrapper .top-actions .row {
    flex: 1;
  }
  .phone-banner .top-actions-wrapper .top-actions .cta-mb {
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0;
  }
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper {
  position: relative;
  padding-top: 28px;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper.playing {
  padding: 0;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper.playing .image-slider {
  pointer-events: all;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .phone-banner .phone-banner-template-desktop .phone-banner-wrapper.playing .stop-video-wrapper {
    left: -45px;
    top: 10px;
  }
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details {
  max-width: 1135px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details p {
  margin: 0;
  line-height: 1;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .message {
  display: block;
  font-family: "VM Circular Book", sans-serif;
  line-height: 28px;
  color: #322332;
  margin-bottom: 2px;
  font-size: 18px;
  font-size: 1.8rem;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .message .yellow {
  display: inline-block;
  padding: 4px 6px;
  background: #fae619;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .message.stock-status {
  font-size: 14px;
  font-size: 1.4rem;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .stock-status-icon {
  max-width: 22px;
  margin-right: 5px;
  margin-top: 3px;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .first-level {
  min-height: 104px;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .second-level {
  min-height: 213px;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .third-level {
  min-height: 200px;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .third-level .align-bottom {
  display: flex;
  align-items: flex-end;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .title h1, .phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .title h2 {
  margin: 0;
  font-size: 40px;
  font-size: 4rem;
  line-height: 52px;
  font-family: "VM Circular Light", sans-serif;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .price-data .prices {
  border-bottom: 1px solid #e2e2e2;
  padding: 0 0 12px 0;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .price-data .prices .align {
  height: 81px;
  display: flex;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .price-data .prices .align .aligner {
  align-self: flex-end;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .price-data .prices .price-title {
  font-family: "VM Circular Book", sans-serif;
  line-height: 22px;
  margin-top: 5px;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .price-data .prices .price {
  font-size: 32px;
  font-size: 3.2rem;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .price-data .prices .price p {
  line-height: 1.1;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .price-data .prices .price.strike-through {
  line-height: 22px;
  min-height: 22px;
  color: #666;
  font-size: 18px;
  font-size: 1.8rem;
  text-decoration: line-through;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .prices-info {
  margin-top: 15px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 32px;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .prices-info p {
  margin-bottom: 7px;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .prices-info .upfront-cost {
  line-height: 1;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .out-of-stock-message h3, .phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .out-of-stock-message .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina .phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .out-of-stock-message .acc-panel-title, .phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .out-of-stock-message h4 {
  margin-top: 30px;
  line-height: 30px;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .out-of-stock-message p {
  font-size: 14px;
  line-height: 20px;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .ctas-wrapper .over-add-phone-container {
  min-height: 44px;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .ctas-wrapper .over-add-phone-container .cta-mb {
  margin: 0;
  text-decoration: none;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .ctas-wrapper .over-add-phone-container .cta-mb.custom-colour-cta {
  margin-bottom: 20px;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .ctas-wrapper .over-add-phone-container .cta-mb.cta-refer-a-friend i {
  font-size: 21px;
  font-size: 2.1rem;
  color: #ed0000;
  padding-right: 10px;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .ctas-wrapper .prices-info {
  margin-top: 0px;
  margin-bottom: 21px;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .ctas-wrapper .prices-info p {
  margin-bottom: 0;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .banner-promo {
  display: flex;
  justify-content: flex-start;
  padding-top: 12px;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .banner-promo .promo-icons {
  font-size: 22px;
  font-size: 2.2rem;
  display: flex;
  max-height: 58px;
  margin-right: 15px;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .banner-promo .promo-icons span {
  padding-left: 13px;
  padding-right: 13px;
  min-height: 58px;
  display: flex;
  align-items: center;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .banner-promo .promo-icons span:nth-child(even) {
  border-left: 1px solid #e2e2e2;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .banner-promo .promo-icons span:nth-child(odd) {
  border-left: 1px solid #e2e2e2;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .banner-promo .promo-icons span:first-child {
  padding-left: 0;
  border-left: none;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .banner-promo .promo-icons span:last-child {
  padding-right: 0;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .phone-color-wrapper .color-segment {
  min-height: 137px;
  display: flex;
  align-items: flex-end;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .phone-color-wrapper .color-segment .color-title {
  display: inline-flex;
  line-height: 1.3;
  width: 100%;
  margin-top: 11px;
  margin-bottom: 4px;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .phone-color-wrapper .color-segment .color-title .color-title-item {
  font-family: "VM Circular Book", sans-serif;
  color: #666666;
  margin-right: 5px;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .phone-color-wrapper .color-segment .color-title .color-title-value {
  font-family: "VM Circular Book", sans-serif;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .phone-color-wrapper .color-segment .color-segment-wrapper {
  width: 100%;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .phone-color-wrapper .color-segment .phone-colors {
  display: inline-flex;
  width: 100%;
  padding: 0;
  margin-top: 21px;
  height: 30px;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .phone-color-wrapper .color-segment .phone-colors .color-item {
  width: 18px;
  height: 18px;
  top: 5.5px;
  display: block;
  position: relative;
  cursor: pointer;
  margin-right: 58px;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .phone-color-wrapper .color-segment .phone-colors .color-item:last-child {
  margin-right: 0;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .phone-color-wrapper .color-segment .phone-colors .color-item span {
  position: absolute;
  z-index: 1;
  transition: all .3s;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid #ccc;
  top: 0;
  left: 0;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .phone-color-wrapper .color-segment .phone-colors .color-item:hover span {
  width: 29px;
  height: 29px;
  left: -5.5px;
  top: -5.5px;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .phone-color-wrapper .color-segment .phone-colors .color-item.active span {
  width: 29px;
  height: 29px;
  left: -5.5px;
  top: -5.5px;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .phone-color-wrapper .color-segment .phone-colors.multiple-colors {
  justify-content: space-between;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .phone-color-wrapper .color-segment .phone-colors.multiple-colors .color-item {
  margin-right: 0;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .storage-wrapper .storage-title {
  display: inline-flex;
  margin-bottom: 17px;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .storage-wrapper .storage-title .storage-title-item {
  font-family: "VM Circular Book", sans-serif;
  color: #666666;
  margin-right: 5px;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .storage-wrapper .storage-title .storage-title-value {
  font-family: "VM Circular Book", sans-serif;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .storage-wrapper .storage {
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .storage-wrapper .storage .storage-item {
  margin-right: 12px;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .storage-wrapper .storage .storage-item:nth-child(3n) {
  margin-right: 0;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .storage-wrapper .storage .storage-item .menu-title {
  display: none;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .storage-wrapper .storage .storage-item .cta-mb {
  margin-bottom: 10px;
  text-decoration: none;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .eSim-explain-wrapper {
  float: right;
  padding-top: 27px;
  line-height: normal;
  color: #ed0000;
  font-size: 11px;
  font-size: 1.1rem;
  font-family: "VM Circular Book", sans-serif;
  cursor: pointer;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .simType-selected {
  padding-top: 20px;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .simType-wrapper .simType-title {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 17px;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .simType-wrapper .simType-title .simType-title-item {
  font-family: "VM Circular Book", sans-serif;
  color: #666666;
  margin-right: 5px;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .simType-wrapper .simType-title .simType-title-value {
  font-family: "VM Circular Book", sans-serif;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .simType-wrapper .simType {
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .simType-wrapper .simType .simType-item {
  margin-right: 12px;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .simType-wrapper .simType .simType-item:nth-child(3n) {
  margin-right: 0;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .simType-wrapper .simType .simType-item .menu-title {
  display: none;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .banner-details .simType-wrapper .simType .simType-item .cta-mb {
  margin-bottom: 10px;
  text-decoration: none;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .image-slider {
  position: absolute;
  z-index: 3;
  width: 100%;
  bottom: 13px;
  text-align: center;
  pointer-events: none;
}

@media only screen and (max-width: 767px) {
  .phone-banner .phone-banner-template-desktop .phone-banner-wrapper .image-slider .fixed-video-aspect {
    width: auto;
    padding: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .phone-banner .phone-banner-template-desktop .phone-banner-wrapper .image-slider .fixed-video-aspect {
    width: auto;
    padding: 0;
  }
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .image-slider.video-playing {
  pointer-events: all;
  top: -72px;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .image-slider.video-playing .fixed-video-aspect {
  width: auto;
  padding: 0;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .image-slider.video-playing .owl-stage-outer, .phone-banner .phone-banner-template-desktop .phone-banner-wrapper .image-slider.video-playing .owl-stage {
  height: 100%;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .image-slider .item img {
  height: auto;
  margin: 0 auto;
  max-width: 470px;
  max-height: 594px;
  width: auto;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .image-slider .owl-stage {
  display: flex;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .image-slider .owl-stage .owl-item {
  align-self: flex-end;
}

.phone-banner .phone-banner-template-desktop .phone-banner-wrapper .image-slider .owl-stage .owl-item.with-video {
  height: 100%;
}

.phone-banner .phone-banner-template-desktop .owl-navigator-container {
  min-height: 72px;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .phone-banner .phone-banner-template-desktop .owl-navigator-container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.phone-banner .phone-banner-template-desktop .navigator-container {
  vertical-align: middle;
  display: flex;
  align-content: center;
  justify-content: center;
  padding-top: 20px;
  padding-bottom: 25px;
  border-top: 1px solid #e2e2e2;
  max-width: 1135px;
  width: 100%;
  margin: 0 auto;
}

.phone-banner .phone-banner-template-desktop .navigator-container.disabled {
  display: none;
}

.phone-banner .phone-banner-template-desktop .navigator-container .owl-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ffffff;
  border: 1px solid #322332;
  margin-left: 7px;
  margin-right: 7px;
  display: inline-block;
}

.phone-banner .phone-banner-template-desktop .navigator-container .owl-dot.active {
  background: #322332;
}

.phone-banner .phone-banner-template-desktop .navigator-container .owl-dot.video {
  position: relative;
  top: 1px;
  background: transparent;
  border-radius: 0;
  border-style: solid;
  border-width: 6px 0 6px 9.7px;
  border-color: transparent transparent transparent #322332;
}

.phone-banner .phone-banner-template-desktop .navigator-container .owl-dot.video:after {
  content: '';
  top: -4px;
  left: -8.5px;
  position: absolute;
  display: block;
  border-style: solid;
  border-width: 4px 0 4px 7.7px;
  border-color: transparent transparent transparent #ffffff;
}

.phone-banner .phone-banner-template-desktop .navigator-container .owl-dot.video.active {
  background: transparent;
  border-color: transparent transparent transparent #322332;
}

.phone-banner .phone-banner-template-desktop .navigator-container .owl-dot.video.active:after {
  display: none;
}

.phone-banner .phone-banner-template-desktop .navigator-container .previous, .phone-banner .phone-banner-template-desktop .navigator-container .next {
  width: 12px;
  height: 12px;
}

.phone-banner .phone-banner-template-desktop .navigator-container .owl-prev {
  margin-top: 8px;
  margin-right: 33px;
  cursor: pointer;
}

.phone-banner .phone-banner-template-desktop .navigator-container .owl-prev .previous {
  border-left: 1px solid #9B9B9B;
  border-bottom: 1px solid #9B9B9B;
  transform: rotate(45deg);
}

.phone-banner .phone-banner-template-desktop .navigator-container .owl-next {
  margin-top: 8px;
  margin-left: 36px;
  cursor: pointer;
}

.phone-banner .phone-banner-template-desktop .navigator-container .owl-next .next {
  border-right: 1px solid #9B9B9B;
  border-bottom: 1px solid #9B9B9B;
  transform: rotate(-45deg);
}

.phone-banner .phone-banner-template-desktop .navigator-container .owl-prev.disabled {
  cursor: not-allowed;
}

.phone-banner .phone-banner-template-desktop .navigator-container .owl-prev.disabled .previous {
  border-left: 1px solid #DBDBDB;
  border-bottom: 1px solid #DBDBDB;
}

.phone-banner .phone-banner-template-desktop .navigator-container .owl-next.disabled {
  cursor: not-allowed;
}

.phone-banner .phone-banner-template-desktop .navigator-container .owl-next.disabled .next {
  border-right: 1px solid #DBDBDB;
  border-bottom: 1px solid #DBDBDB;
}

.phone-banner .phone-banner-template-tablet .black-bg, .phone-banner .phone-banner-template-mobile .black-bg {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000;
  opacity: 0.3;
  display: none;
}

.phone-banner .phone-banner-template-tablet .black-bg.bg-active, .phone-banner .phone-banner-template-mobile .black-bg.bg-active {
  z-index: 9;
  display: block;
}

.phone-banner .phone-banner-template-tablet .message, .phone-banner .phone-banner-template-mobile .message {
  display: block;
  font-family: "VM Circular Book", sans-serif;
  line-height: 28px;
  color: #322332;
  margin-bottom: 2px;
  font-size: 16px;
  font-size: 1.6rem;
}

.phone-banner .phone-banner-template-tablet .message .yellow, .phone-banner .phone-banner-template-mobile .message .yellow {
  display: inline-block;
  padding: 1.5px 13px;
  line-height: normal;
  background: #fae619;
}

.phone-banner .phone-banner-template-tablet .message.stock-status, .phone-banner .phone-banner-template-mobile .message.stock-status {
  font-size: 14px;
  font-size: 1.4rem;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper {
  z-index: 2;
  padding: 0 20px;
}

@media only screen and (max-width: 320px) {
  .phone-banner .phone-banner-template-tablet .phone-banner-wrapper.playing .fixed-video-aspect:before, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper.playing .fixed-video-aspect:before {
    padding-top: 62%;
  }
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details p, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details p {
  margin: 0;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .stock-status-wrapper img.invisible, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .stock-status-wrapper img.invisible {
  height: 0;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .stock-status-wrapper .message.stock-status, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .stock-status-wrapper .message.stock-status {
  margin-top: 10px;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .stock-status-wrapper .message.stock-status.invisible, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .stock-status-wrapper .message.stock-status.invisible {
  position: absolute;
  margin-bottom: 0;
  top: -30px;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .stock-status-icon, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .stock-status-icon {
  max-width: 22px;
  margin-right: 5px;
  margin-left: -2px;
  margin-top: 3px;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .simType-wrapper, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper {
  border-top: 1px solid #e2e2e2;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items {
  border-bottom: 1px solid #e2e2e2;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu {
  height: 40px;
  position: relative;
  margin-top: 10px;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .eSim-explain-wrapper, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .eSim-explain-wrapper, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .eSim-explain-wrapper, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .eSim-explain-wrapper, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .eSim-explain-wrapper, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .eSim-explain-wrapper {
  position: absolute;
  right: 19px;
  top: 12px;
  line-height: normal;
  font-family: "VM Circular Book", sans-serif;
  font-size: 11px;
  font-size: 1.1rem;
  color: #ed0000;
  cursor: pointer;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu.activated, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu.activated, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu.activated, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu.activated, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu.activated, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu.activated {
  z-index: 10;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu.activated .eSim-explain-wrapper, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu.activated .eSim-explain-wrapper, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu.activated .eSim-explain-wrapper, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu.activated .eSim-explain-wrapper, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu.activated .eSim-explain-wrapper, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu.activated .eSim-explain-wrapper {
  display: none;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu.activated .active-item.color-item .menu-text, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu.activated .active-item.color-item .menu-text, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu.activated .active-item.color-item .menu-text, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu.activated .active-item.color-item .menu-text, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu.activated .active-item.color-item .menu-text, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu.activated .active-item.color-item .menu-text {
  height: 20px;
  display: block;
  overflow: hidden;
  position: relative;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu.activated .active-item.color-item .menu-text:before, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu.activated .active-item.color-item .menu-text:before, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu.activated .active-item.color-item .menu-text:before, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu.activated .active-item.color-item .menu-text:before, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu.activated .active-item.color-item .menu-text:before, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu.activated .active-item.color-item .menu-text:before {
  content: '';
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items {
  position: absolute;
  top: 100%;
  width: 100%;
  background: #ffffff;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items .item-list, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items .item-list, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items .item-list, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items .item-list, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items .item-list, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items .item-list {
  display: none;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items .item-list .menu-title, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items .item-list .menu-title, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items .item-list .menu-title, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items .item-list .menu-title, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items .item-list .menu-title, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items .item-list .menu-title {
  opacity: 0;
  font-size: 14px;
  font-size: 1.4rem;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items .item-list .menu-text, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items .item-list .menu-text, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items .item-list .menu-text, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items .item-list .menu-text, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items .item-list .menu-text, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items .item-list .menu-text {
  font-family: "VM Circular Book", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  border: none;
  border-bottom: 4px solid transparent;
  margin-left: 4px;
  opacity: 1;
  white-space: normal;
  color: #333;
  background: none;
  line-height: initial;
  padding: 0;
  border-radius: 0;
  max-width: 230px;
  width: 100%;
  display: inline-block;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items .item-list .menu-text:hover, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items .item-list .menu-text:focus, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items .item-list .menu-text:hover, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items .item-list .menu-text:focus, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items .item-list .menu-text:hover, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items .item-list .menu-text:focus, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items .item-list .menu-text:hover, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items .item-list .menu-text:focus, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items .item-list .menu-text:hover, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items .item-list .menu-text:focus, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items .item-list .menu-text:hover, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items .item-list .menu-text:focus {
  text-decoration: none;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items .item-list .menu-text.disabled, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items .item-list .menu-text.disabled, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items .item-list .menu-text.disabled, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items .item-list .menu-text.disabled, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items .item-list .menu-text.disabled, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items .item-list .menu-text.disabled {
  opacity: .4;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items .item-list.active-item, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items .item-list.active-item, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items .item-list.active-item, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items .item-list.active-item, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items .item-list.active-item, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items .item-list.active-item {
  position: absolute;
  height: 40px;
  top: -40px;
  left: 0;
  right: 0;
  padding-top: 0;
  display: flex;
  align-items: center;
  cursor: pointer;
  background: #ffffff;
  justify-content: space-around;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items .item-list.active-item.caret-top:after, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items .item-list.active-item.caret-top:after, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items .item-list.active-item.caret-top:after, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items .item-list.active-item.caret-top:after, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items .item-list.active-item.caret-top:after, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items .item-list.active-item.caret-top:after {
  content: '\f107';
  font-family: "FontAwesome", sans-serif;
  color: #dd0000;
  cursor: pointer;
  font-size: 20px;
  font-size: 2rem;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items .item-list.active-item.caret-bottom:after, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items .item-list.active-item.caret-bottom:after, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items .item-list.active-item.caret-bottom:after, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items .item-list.active-item.caret-bottom:after, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items .item-list.active-item.caret-bottom:after, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items .item-list.active-item.caret-bottom:after {
  content: '\f106';
  right: 22px;
  top: 32px;
  position: absolute;
  font-family: "FontAwesome", sans-serif;
  color: #dd0000;
  cursor: pointer;
  font-size: 20px;
  font-size: 2rem;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items .item-list.active-item .menu-title, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items .item-list.active-item .menu-title, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items .item-list.active-item .menu-title, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items .item-list.active-item .menu-title, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items .item-list.active-item .menu-title, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items .item-list.active-item .menu-title {
  opacity: 1;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items .item-list.active-item.color-item .menu-text, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items .item-list.active-item.color-item .menu-text, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items .item-list.active-item.color-item .menu-text, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items .item-list.active-item.color-item .menu-text, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items .item-list.active-item.color-item .menu-text, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items .item-list.active-item.color-item .menu-text {
  height: 26px;
  display: block;
  overflow: hidden;
  position: relative;
  left: 5px;
  z-index: 1;
  max-width: 230px;
  line-height: 26px;
}

@media only screen and (max-width: 767px) {
  .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items .item-list.active-item.color-item .menu-text, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items .item-list.active-item.color-item .menu-text, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items .item-list.active-item.color-item .menu-text, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items .item-list.active-item.color-item .menu-text, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items .item-list.active-item.color-item .menu-text, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items .item-list.active-item.color-item .menu-text {
    left: 0;
  }
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items .item-list.active-item.color-item .menu-text:before, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items .item-list.active-item.color-item .menu-text:before, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items .item-list.active-item.color-item .menu-text:before, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items .item-list.active-item.color-item .menu-text:before, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items .item-list.active-item.color-item .menu-text:before, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items .item-list.active-item.color-item .menu-text:before {
  content: '';
  width: 37%;
  height: 100%;
  position: absolute;
  right: 14px;
  top: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.47) 47%, white 100%);
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items .item-list.active-item.caret-bottom.color-item .menu-text, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items .item-list.active-item.caret-bottom.color-item .menu-text, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items .item-list.active-item.caret-bottom.color-item .menu-text, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items .item-list.active-item.caret-bottom.color-item .menu-text, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items .item-list.active-item.caret-bottom.color-item .menu-text, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items .item-list.active-item.caret-bottom.color-item .menu-text {
  height: auto;
  width: auto;
  display: inline-block;
  overflow: auto;
  position: relative;
  z-index: 1;
  max-width: 220px;
  right: 0;
}

@media only screen and (max-width: 767px) {
  .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items .item-list.active-item.caret-bottom.color-item .menu-text, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items .item-list.active-item.caret-bottom.color-item .menu-text, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items .item-list.active-item.caret-bottom.color-item .menu-text, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items .item-list.active-item.caret-bottom.color-item .menu-text, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items .item-list.active-item.caret-bottom.color-item .menu-text, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items .item-list.active-item.caret-bottom.color-item .menu-text {
    left: 0;
    line-height: 21px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items .item-list.active-item.caret-bottom.color-item .menu-text, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items .item-list.active-item.caret-bottom.color-item .menu-text, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items .item-list.active-item.caret-bottom.color-item .menu-text, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items .item-list.active-item.caret-bottom.color-item .menu-text, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items .item-list.active-item.caret-bottom.color-item .menu-text, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items .item-list.active-item.caret-bottom.color-item .menu-text {
    line-height: 21px;
  }
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items .item-list.active-item.caret-bottom.color-item .menu-text:before, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items .item-list.active-item.caret-bottom.color-item .menu-text:before, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items .item-list.active-item.caret-bottom.color-item .menu-text:before, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items .item-list.active-item.caret-bottom.color-item .menu-text:before, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items .item-list.active-item.caret-bottom.color-item .menu-text:before, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items .item-list.active-item.caret-bottom.color-item .menu-text:before {
  content: '';
  width: 37%;
  height: 100%;
  position: absolute;
  right: 14px;
  top: 0;
  background: none;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items.clicked, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items.clicked, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items.clicked, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items.clicked, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items.clicked, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items.clicked {
  left: -22px;
  right: -22px;
  padding-left: 22px;
  padding-right: 22px;
  padding-bottom: 16px;
  width: auto;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items.clicked .item-list, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items.clicked .item-list, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items.clicked .item-list, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items.clicked .item-list, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items.clicked .item-list, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items.clicked .item-list {
  display: block;
  padding-top: 16px;
  padding-bottom: 16px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items.clicked .item-list, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items.clicked .item-list, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items.clicked .item-list, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items.clicked .item-list, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items.clicked .item-list, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items.clicked .item-list {
    display: flex;
    align-items: center;
  }
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items.clicked .active-item, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items.clicked .active-item, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items.clicked .active-item, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items.clicked .active-item, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items.clicked .active-item, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items.clicked .active-item {
  padding-left: 22px;
  padding-right: 22px;
  height: 73px;
  top: -73px;
  padding-bottom: 0;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items.clicked .active-item .active-item, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items.clicked .active-item .active-item, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items.clicked .active-item .active-item, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items.clicked .active-item .active-item, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items.clicked .active-item .active-item, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items.clicked .active-item .active-item {
  padding: 0;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items.clicked .active-item .cta-mb, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items.clicked .active-item .cta-mb, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items.clicked .active-item .cta-mb, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items.clicked .active-item .cta-mb, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items.clicked .active-item .cta-mb, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items.clicked .active-item .cta-mb {
  background: none;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items.clicked .active-item .menu-text, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items.clicked .active-item .menu-text, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items.clicked .active-item .menu-text, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items.clicked .active-item .menu-text, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items.clicked .active-item .menu-text, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items.clicked .active-item .menu-text {
  border-bottom: 4px solid #5f2878;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items.phone-simType .item-list.active-item .menu-title, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items.phone-simType .item-list.active-item .menu-title, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items.phone-simType .item-list.active-item .menu-title, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items.phone-simType .item-list.active-item .menu-title, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items.phone-simType .item-list.active-item .menu-title, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items.phone-simType .item-list.active-item .menu-title {
  white-space: nowrap;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .storage-item .menu-text, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .simType-item .menu-text, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .storage-item .menu-text, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .simType-item .menu-text, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .storage-item .menu-text, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .simType-item .menu-text, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .storage-item .menu-text, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .simType-item .menu-text, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .storage-item .menu-text, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .simType-item .menu-text, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .storage-item .menu-text, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .simType-item .menu-text {
  position: relative;
  top: 2px;
}

@media only screen and (max-width: 767px) {
  .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .storage-item .menu-text, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .simType-item .menu-text, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .storage-item .menu-text, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .simType-item .menu-text, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .storage-item .menu-text, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .simType-item .menu-text, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .storage-item .menu-text, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .simType-item .menu-text, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .storage-item .menu-text, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .simType-item .menu-text, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .storage-item .menu-text, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .simType-item .menu-text {
    top: 0;
  }
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .clicked .storage-item .menu-text, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .clicked .simType-item .menu-text, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .clicked .storage-item .menu-text, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .clicked .simType-item .menu-text, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .clicked .storage-item .menu-text, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .clicked .simType-item .menu-text, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .clicked .storage-item .menu-text, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .clicked .simType-item .menu-text, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .clicked .storage-item .menu-text, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .clicked .simType-item .menu-text, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .clicked .storage-item .menu-text, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .clicked .simType-item .menu-text {
  top: 0;
  width: auto !important;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .phone-color-wrapper, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .simType-wrapper, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .phone-color-wrapper, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper {
  position: relative;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .left-panel-container, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .left-panel-container {
  min-height: 601px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 42px;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .title, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .title {
  padding-top: 20px;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .title h1, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .title h2, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .title h1, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .title h2 {
  margin: 0;
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 42px;
  font-family: "VM Circular Light", sans-serif;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .banner-promo, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .banner-promo {
  display: flex;
  justify-content: flex-start;
  padding-top: 16px;
  padding-bottom: 19px;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .banner-promo .promo-icons, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .banner-promo .promo-icons {
  font-size: 20px;
  font-size: 2rem;
  display: flex;
  max-height: 58px;
  margin-right: 15px;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .banner-promo .promo-icons span, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .banner-promo .promo-icons span {
  padding-left: 13px;
  padding-right: 13px;
  min-height: 58px;
  display: flex;
  align-items: center;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .banner-promo .promo-icons span:nth-child(even), .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .banner-promo .promo-icons span:nth-child(even) {
  border-left: 1px solid #e2e2e2;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .banner-promo .promo-icons span:nth-child(odd), .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .banner-promo .promo-icons span:nth-child(odd) {
  border-left: 1px solid #e2e2e2;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .banner-promo .promo-icons span:first-child, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .banner-promo .promo-icons span:first-child {
  padding-left: 0;
  border-left: none;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .banner-promo .promo-icons span:last-child, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .banner-promo .promo-icons span:last-child {
  padding-right: 0;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .banner-promo .promo-messages, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .banner-promo .promo-messages {
  padding-left: 0;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .centering-wrapper, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .centering-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .centering-wrapper .price-data .prices, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .centering-wrapper .price-data .prices {
  border-bottom: 1px solid #e2e2e2;
  padding: 0 0 10px 0;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .centering-wrapper .price-data .prices .align, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .centering-wrapper .price-data .prices .align {
  min-height: 58px;
  display: flex;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .centering-wrapper .price-data .prices .align .aligner, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .centering-wrapper .price-data .prices .align .aligner {
  align-self: flex-end;
}

@media only screen and (max-width: 767px) {
  .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .centering-wrapper .price-data .prices .align .aligner.device-banner-price-holder, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .centering-wrapper .price-data .prices .align .aligner.device-banner-price-holder {
    display: flex;
    justify-content: flex-end;
  }
  .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .centering-wrapper .price-data .prices .align .aligner.device-banner-price-holder .strike-through, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .centering-wrapper .price-data .prices .align .aligner.device-banner-price-holder .strike-through {
    padding-right: 10px;
  }
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .centering-wrapper .price-data .prices .price-title, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .centering-wrapper .price-data .prices .price-title {
  font-family: "VM Circular Book", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 21px;
  margin-top: 9px;
  margin-bottom: 5px;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .centering-wrapper .price-data .prices .price, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .centering-wrapper .price-data .prices .price {
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 43px;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .centering-wrapper .price-data .prices .strike-through, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .centering-wrapper .price-data .prices .strike-through {
  line-height: 15px;
  min-height: 15px;
  color: #666;
  font-size: 18px;
  font-size: 1.8rem;
  text-decoration: line-through;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .centering-wrapper .prices-info, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .centering-wrapper .prices-info {
  margin-top: 16px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 18px;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .centering-wrapper .color-storage-wrapper .storage-wrapper .mobile-items, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .centering-wrapper .color-storage-wrapper .simType-wrapper .mobile-items, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .centering-wrapper .simType-wrapper .storage-wrapper .mobile-items, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .centering-wrapper .simType-wrapper .simType-wrapper .mobile-items, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .centering-wrapper .color-storage-wrapper .storage-wrapper .mobile-items, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .centering-wrapper .color-storage-wrapper .simType-wrapper .mobile-items, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .centering-wrapper .simType-wrapper .storage-wrapper .mobile-items, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .centering-wrapper .simType-wrapper .simType-wrapper .mobile-items {
  border-bottom: none;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .centering-wrapper .ctas-wrapper, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .centering-wrapper .ctas-wrapper {
  margin-top: 10px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .centering-wrapper .ctas-wrapper, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .centering-wrapper .ctas-wrapper {
    padding-bottom: 30px;
  }
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .centering-wrapper .ctas-wrapper .cta-mb, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .centering-wrapper .ctas-wrapper .cta-mb {
  margin: 0;
  width: 100%;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .centering-wrapper .ctas-wrapper .cta-mb.cta-refer-a-friend, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .centering-wrapper .ctas-wrapper .cta-mb.cta-refer-a-friend {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 32px;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .centering-wrapper .ctas-wrapper .cta-mb.cta-refer-a-friend i, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .centering-wrapper .ctas-wrapper .cta-mb.cta-refer-a-friend i {
  font-size: 21px;
  font-size: 2.1rem;
  color: #ed0000;
  padding-right: 10px;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .centering-wrapper .ctas-wrapper .cta-mb.red-cta, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .centering-wrapper .ctas-wrapper .cta-mb.red-cta {
  font-size: 16px;
  font-size: 1.6rem;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .centering-wrapper .ctas-wrapper .cta-mb.red-cta.add-phone-cta:focus, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .centering-wrapper .ctas-wrapper .cta-mb.red-cta.add-phone-cta:focus {
  opacity: 1;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .centering-wrapper .ctas-wrapper .cta-mb.red-cta:hover, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .centering-wrapper .ctas-wrapper .cta-mb.red-cta:hover {
  opacity: 1;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .centering-wrapper .ctas-wrapper .cta-mb.custom-colour-cta, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .centering-wrapper .ctas-wrapper .cta-mb.custom-colour-cta {
  text-align: center;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .centering-wrapper .ctas-wrapper .cta-mb.custom-colour-cta.view-sim-only-cta, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .centering-wrapper .ctas-wrapper .cta-mb.custom-colour-cta.view-sim-only-cta {
  margin-top: 20px;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .centering-wrapper .ctas-wrapper .over-add-phone-container .cta-mb.custom-colour-cta, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .centering-wrapper .ctas-wrapper .over-add-phone-container .cta-mb.custom-colour-cta {
  margin-bottom: 20px;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .centering-wrapper .ctas-wrapper .prices-info p, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .centering-wrapper .ctas-wrapper .prices-info p {
  margin-bottom: 32px;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .centering-wrapper .ctas-wrapper.ctas-reversed .cta-mb.cta-refer-a-friend, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .centering-wrapper .ctas-wrapper.ctas-reversed .cta-mb.cta-refer-a-friend {
  margin-bottom: 0;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .centering-wrapper .ctas-wrapper.ctas-reversed .cta-mb.custom-colour-cta, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .centering-wrapper .ctas-wrapper.ctas-reversed .cta-mb.custom-colour-cta {
  margin-bottom: 20px;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .centering-wrapper .ctas-wrapper.ctas-reversed .over-add-phone-container .cta-mb.cta-refer-a-friend, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .centering-wrapper .ctas-wrapper.ctas-reversed .over-add-phone-container .cta-mb.cta-refer-a-friend {
  margin-bottom: 0;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .centering-wrapper .ctas-wrapper.ctas-reversed .over-add-phone-container .cta-mb.custom-colour-cta, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .centering-wrapper .ctas-wrapper.ctas-reversed .over-add-phone-container .cta-mb.custom-colour-cta {
  margin-bottom: 0;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .mobile-right-section.playing, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .mobile-right-section.playing {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 3;
  width: 100%;
  padding: 0;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .mobile-right-section.playing .owl-item.active, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .mobile-right-section.playing .owl-item.active {
  width: 100vw !important;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .mobile-right-section.playing .owl-item.active, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .mobile-right-section.playing .owl-item.active {
    margin-bottom: auto;
    margin-top: 66px;
  }
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .mobile-right-section.playing .owl-item:not(.active), .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .mobile-right-section.playing .owl-item:not(.active) {
  width: 0 !important;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .mobile-right-section.playing .right-panel-container, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .mobile-right-section.playing .right-panel-container {
  min-height: inherit;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .mobile-right-section.playing .fixed-video-aspect:before, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .mobile-right-section.playing .fixed-video-aspect:before {
    padding-top: 56.1%;
  }
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .right-panel-container, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .right-panel-container {
  min-height: 612px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .right-panel-container .image-slider, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .right-panel-container .image-slider {
  width: 100%;
  text-align: center;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .right-panel-container .image-slider .item img, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .right-panel-container .image-slider .item img {
  width: auto;
  height: 519px;
  margin: 0 auto;
  max-height: 519px;
  max-width: 470px;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .right-panel-container .image-slider .owl-stage, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .right-panel-container .image-slider .owl-stage {
  display: flex;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .right-panel-container .image-slider .owl-stage .owl-item, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .right-panel-container .image-slider .owl-stage .owl-item {
  align-self: flex-end;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .right-panel-container .navigator-container, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .right-panel-container .navigator-container {
  vertical-align: middle;
  display: flex;
  align-content: center;
  justify-content: center;
  padding-top: 14px;
  padding-bottom: 33px;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .right-panel-container .navigator-container.disabled, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .right-panel-container .navigator-container.disabled {
  display: none;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .right-panel-container .navigator-container .owl-dot, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .right-panel-container .navigator-container .owl-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #ffffff;
  border: 1px solid #322332;
  margin-left: 5px;
  margin-right: 5px;
  display: inline-block;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .right-panel-container .navigator-container .owl-dot.active, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .right-panel-container .navigator-container .owl-dot.active {
  background: #322332;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .right-panel-container .navigator-container .owl-dot.video, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .right-panel-container .navigator-container .owl-dot.video {
  position: relative;
  top: 1px;
  background: transparent;
  border-radius: 0;
  border-style: solid;
  border-width: 6px 0 6px 9.7px;
  border-color: transparent transparent transparent #322332;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .right-panel-container .navigator-container .owl-dot.video:after, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .right-panel-container .navigator-container .owl-dot.video:after {
  content: '';
  top: -4px;
  left: -8.5px;
  position: absolute;
  display: block;
  border-style: solid;
  border-width: 4px 0 4px 7.7px;
  border-color: transparent transparent transparent #ffffff;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .right-panel-container .navigator-container .owl-dot.video.active, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .right-panel-container .navigator-container .owl-dot.video.active {
  background: transparent;
  border-color: transparent transparent transparent #322332;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .right-panel-container .navigator-container .owl-dot.video.active:after, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .right-panel-container .navigator-container .owl-dot.video.active:after {
  display: none;
}

.phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .right-panel-container .navigator-container .owl-next, .phone-banner .phone-banner-template-tablet .phone-banner-wrapper .banner-details .right-panel-container .navigator-container .owl-prev, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .right-panel-container .navigator-container .owl-next, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .right-panel-container .navigator-container .owl-prev {
  display: none;
}

.phone-banner .phone-banner-template-mobile .message {
  line-height: 20px;
}

.phone-banner .phone-banner-template-mobile .message .yellow {
  padding: 5px;
}

.phone-banner .phone-banner-template-mobile .message.stock-status {
  font-size: 14px;
  font-size: 1.4rem;
}

.phone-banner .phone-banner-template-mobile .phone-banner-wrapper {
  padding: 0 15px;
}

.phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .stock-status-wrapper {
  position: static;
}

.phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .stock-status-icon {
  margin-left: -3px;
  margin-top: -2px;
}

.phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .title {
  padding-top: 18px;
  padding-bottom: 16px;
}

.phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .title h1, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .title h2 {
  text-align: center;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 27px;
}

.phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .right-panel-container {
  min-height: initial;
}

.phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .right-panel-container .image-slider .item img {
  max-height: 260px;
}

.phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .right-panel-container .navigator-container {
  padding: 0;
  margin: 0;
  margin-top: 10px;
}

.phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .right-panel-container .navigator-container .owl-dot {
  margin-left: 4px;
  margin-right: 4px;
}

.phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .right-panel-container .navigator-container .navigator-dots {
  line-height: 21px;
}

.phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .centering-wrapper {
  display: block;
}

.phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .color-storage-wrapper-inner, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper-inner {
  border-bottom: 1px solid #e2e2e2;
  margin-bottom: 19px;
}

.phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper-inner {
  margin-top: -19px;
}

.phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .color-storage-wrapper-inner {
  margin-top: 14px;
  border-top: 1px solid #e2e2e2;
}

.phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .phone-color-wrapper {
  padding-right: 0;
  padding-left: 0;
  border-right: 1px solid #e2e2e2;
}

.phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .storage-wrapper, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper {
  padding-right: 0;
  padding-left: 0;
}

.phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper {
  border-top: none;
}

.phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu {
  height: 65px;
  margin: 0;
}

.phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .eSim-explain-wrapper, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .eSim-explain-wrapper, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .eSim-explain-wrapper {
  right: 15px;
  top: 34px;
}

.phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu.activated, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu.activated, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu.activated {
  z-index: 10;
}

.phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items {
  position: absolute;
  top: 100%;
  width: 100%;
  background: #ffffff;
  border-bottom: 1px solid #e2e2e2;
}

.phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items .item-list, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items .item-list, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items .item-list {
  display: none;
}

.phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items .item-list .menu-title, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items .item-list .menu-title, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items .item-list .menu-title {
  opacity: 0;
  font-size: 14px;
  font-size: 1.4rem;
  display: block;
  line-height: 14px;
}

.phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items .item-list .menu-text, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items .item-list .menu-text, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items .item-list .menu-text {
  font-family: "VM Circular Book", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  border: none;
  border-bottom: 4px solid transparent;
  opacity: 1;
  white-space: normal;
  color: #322332;
  background: none;
  line-height: normal;
  padding: 0;
  border-radius: 0;
  margin: 0;
  text-align: left;
}

.phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items .item-list .menu-text:hover, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items .item-list .menu-text:focus, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items .item-list .menu-text:hover, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items .item-list .menu-text:focus, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items .item-list .menu-text:hover, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items .item-list .menu-text:focus {
  text-decoration: none;
}

.phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items .item-list .menu-text.disabled, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items .item-list .menu-text.disabled, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items .item-list .menu-text.disabled {
  opacity: .4;
}

.phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items .item-list.active-item, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items .item-list.active-item, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items .item-list.active-item {
  position: absolute;
  height: 64px;
  top: -64px;
  left: 0;
  right: 0;
  padding-top: 0;
  padding-left: 15px;
  padding-right: 15px;
  cursor: pointer;
  background: #ffffff;
  display: block;
}

.phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items .item-list.active-item.caret-top:after, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items .item-list.active-item.caret-top:after, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items .item-list.active-item.caret-top:after {
  content: '\f107';
  right: 15px;
  top: 9px;
  position: absolute;
  font-family: "FontAwesome", sans-serif;
  color: #dd0000;
  cursor: pointer;
  font-size: 20px;
  font-size: 2rem;
}

.phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items .item-list.active-item.caret-bottom:after, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items .item-list.active-item.caret-bottom:after, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items .item-list.active-item.caret-bottom:after {
  content: '\f106';
  right: 15px;
  top: 9px;
  position: absolute;
  font-family: "FontAwesome", sans-serif;
  color: #dd0000;
  cursor: pointer;
  font-size: 20px;
  font-size: 2rem;
}

.phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items .item-list.active-item .menu-title, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items .item-list.active-item .menu-title, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items .item-list.active-item .menu-title {
  opacity: 1;
  margin-top: 11px;
  display: block;
  line-height: normal;
}

.phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items.clicked, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items.clicked, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items.clicked {
  left: 0;
  right: 0;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  width: auto;
}

.phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items.clicked .item-list, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items.clicked .item-list, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items.clicked .item-list {
  display: block;
  padding-top: 8px;
  padding-bottom: 8px;
}

.phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items.clicked .active-item, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items.clicked .active-item, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items.clicked .active-item {
  padding-left: 15px;
  padding-right: 15px;
  height: 65px;
  top: -64px;
  padding-top: 0;
  padding-bottom: 0;
}

.phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items.clicked .active-item .active-item, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items.clicked .active-item .active-item, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items.clicked .active-item .active-item {
  padding: 0;
}

.phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items.clicked .active-item .cta-mb, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items.clicked .active-item .cta-mb, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items.clicked .active-item .cta-mb {
  background: none;
}

.phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .phone-color-wrapper .mobile-menu .mobile-items.clicked .active-item .menu-text, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .storage-wrapper .mobile-menu .mobile-items.clicked .active-item .menu-text, .phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .simType-wrapper .mobile-menu .mobile-items.clicked .active-item .menu-text {
  border-bottom: 4px solid #5f2878;
}

.phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .banner-promo {
  align-items: center;
  flex-direction: column;
  padding-top: 0;
  padding-bottom: 16px;
}

.phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .banner-promo .message.yellow {
  margin: 2px auto;
  font-size: 16px;
  font-size: 1.6rem;
}

.phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .banner-promo .promo-messages {
  text-align: center;
}

.phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .banner-promo .promo-icons {
  display: flex;
  margin-right: 0;
  width: 100%;
  align-self: center;
  align-items: center;
  justify-content: center;
}

.phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .centering-wrapper .price-data .prices {
  padding: 0 0 12px 0;
}

.phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .centering-wrapper .price-data .prices .message.yellow {
  margin-top: 18px;
}

.phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .centering-wrapper .price-data .prices .align {
  min-height: initial;
  margin-top: 12px;
}

.phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .centering-wrapper .price-data .prices .price-title {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 21px;
  margin-top: 0;
  margin-bottom: 0;
  width: 90px;
}

.phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .centering-wrapper .price-data .prices .price {
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 33px;
}

.phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .centering-wrapper .ctas-wrapper {
  padding-top: 31px;
  padding-bottom: 35px;
  margin: 0 auto;
  width: 100%;
}

.phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .centering-wrapper .ctas-wrapper .cta-mb.red-cta {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 33px;
}

.phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .centering-wrapper .ctas-wrapper .cta-mb.cta-refer-a-friend {
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  margin-bottom: 0;
}

.phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .centering-wrapper .ctas-wrapper .cta-mb.custom-colour-cta {
  margin-bottom: 20px;
}

.phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .centering-wrapper .ctas-wrapper .cta-mb.custom-colour-cta.view-sim-only-cta {
  margin-top: 0;
}

.phone-banner .phone-banner-template-mobile .phone-banner-wrapper .banner-details .centering-wrapper .ctas-wrapper .over-add-phone-container .cta-mb.custom-colour-cta {
  margin-bottom: 0;
}

.owl-carousel .fixed-video-aspect:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .owl-carousel .fixed-video-aspect:before {
    padding-top: 61.3%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .owl-carousel .fixed-video-aspect:before {
    padding-top: 120%;
  }
}

@media only screen and (max-width: 767px) {
  .owl-carousel .fixed-video-aspect:before {
    padding-top: 59%;
  }
}

@media only screen and (max-width: 320px) {
  .owl-carousel .fixed-video-aspect:before {
    padding-top: 80%;
  }
}

.owl-carousel .fixed-video-aspect-youtube {
  min-height: 640px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .owl-carousel .fixed-video-aspect-youtube {
    min-height: 519px;
  }
}

@media only screen and (max-width: 767px) {
  .owl-carousel .fixed-video-aspect-youtube {
    min-height: 260px;
  }
}

.owl-carousel .fixed-video-aspect-youtube .item-video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: all .2s ease;
}

@media only screen and (min-width: 992px) {
  .owl-carousel .fixed-video-aspect-youtube .item-video.item-video-youtube {
    top: 36px;
  }
}

.owl-carousel .fixed-video-aspect-youtube .item-video.item-video-youtube .start-video {
  height: auto;
  margin: 0 auto;
  padding-top: 11px;
  max-width: 470px;
  max-height: 594px;
  width: auto;
  display: block;
  position: relative;
  cursor: pointer;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .owl-carousel .fixed-video-aspect-youtube .item-video.item-video-youtube .start-video {
    max-height: 519px;
    padding-top: 0;
  }
}

@media only screen and (max-width: 767px) {
  .owl-carousel .fixed-video-aspect-youtube .item-video.item-video-youtube .start-video {
    max-height: 260px;
    padding-top: 0;
  }
  .owl-carousel .fixed-video-aspect-youtube .item-video.item-video-youtube .start-video img {
    width: auto;
    max-height: 260px;
    margin: 0 auto;
  }
}

.owl-carousel .fixed-video-aspect-youtube .item-video.item-video-youtube .start-video .play-button {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  margin-top: -54px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  width: 108px;
  height: 108px;
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .owl-carousel .fixed-video-aspect-youtube .item-video.item-video-youtube .start-video .play-button {
    max-height: 260px;
    padding-top: 0;
    margin-top: -27px;
    width: 54px;
    height: 54px;
  }
}

.owl-carousel .fixed-video-aspect-youtube .item-video.item-video-youtube .start-video .play-button:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 46px;
  margin-top: -16px;
  width: 0;
  height: 0;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-left: 20px solid #ffffff;
  opacity: .5;
  transition: all .5s ease;
}

@media only screen and (max-width: 767px) {
  .owl-carousel .fixed-video-aspect-youtube .item-video.item-video-youtube .start-video .play-button:after {
    left: 23px;
    margin-top: -8px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 10px solid #ffffff;
  }
}

.owl-carousel .fixed-video-aspect-youtube .item-video.item-video-youtube .start-video:hover .play-button:after {
  opacity: 1;
}

#youTubeModal {
  width: 100%;
  height: 600px;
  pointer-events: auto;
  background: black;
  position: absolute;
  top: 100%;
  visibility: hidden;
  opacity: 0;
  transition: top .1s ease-in-out;
  z-index: 9;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #youTubeModal {
    height: 620px;
  }
}

@media only screen and (max-width: 767px) {
  #youTubeModal {
    height: 480px;
  }
}

#youTubeModal.open {
  top: 0;
  visibility: visible;
  opacity: 1;
  transition: top .1s ease-in-out;
}

#youTubeModal .youtube-modal-content {
  position: relative;
  height: 600px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #youTubeModal .youtube-modal-content {
    height: 620px;
  }
}

@media only screen and (max-width: 767px) {
  #youTubeModal .youtube-modal-content {
    height: 480px;
  }
}

#youTubeModal .youtube-modal-content .stop-video {
  position: absolute;
  top: 40px;
  right: -30px;
  cursor: pointer;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #youTubeModal .youtube-modal-content .stop-video {
    right: 15px;
    top: 11px;
  }
}

@media only screen and (max-width: 767px) {
  #youTubeModal .youtube-modal-content .stop-video {
    right: 15px;
    top: 11px;
  }
}

#youTubeModal .youtube-modal-content .stop-video img {
  width: auto;
}

.owl-carousel .fixed-video-aspect > .item-video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: all .2s ease;
}

@media only screen and (min-width: 1200px) {
  .owl-carousel .fixed-video-aspect > .item-video {
    top: 72px;
  }
}

.owl-carousel .fixed-video-aspect > .item-video .video-js {
  width: 100%;
  height: 100%;
  background-color: transparent;
}

.owl-carousel .fixed-video-aspect > .item-video .vjs-poster {
  background-color: transparent;
  display: block;
}

.owl-carousel .fixed-video-aspect > .item-video.playing {
  top: 0;
}

.owl-carousel .fixed-video-aspect > .item-video.playing .video-js {
  background-color: #000;
}

.owl-carousel .fixed-video-aspect > .item-video video.vjs-tech, .owl-carousel .fixed-video-aspect > .item-video .vjs-control-bar {
  display: none;
}

.owl-carousel .fixed-video-aspect > .item-video .vjs-big-play-button {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 105px;
  height: 105px;
  border-radius: 105px;
  pointer-events: all;
  background: rgba(0, 0, 0, 0.45);
  display: flex;
  align-items: center;
}

.owl-carousel .fixed-video-aspect > .item-video .vjs-big-play-button:before {
  width: auto;
  font-size: 55px;
  font-size: 5.5rem;
  line-height: 1;
}

.owl-carousel .fixed-video-aspect > .item-video .vjs-has-started .vjs-control-bar {
  display: flex;
  pointer-events: all;
}

@media only screen and (min-width: 992px) {
  .owl-carousel .fixed-video-aspect > .item-video .vjs-has-started .vjs-control-bar {
    max-width: 50vw;
    transition: all .5s ease;
    left: 25%;
    right: 25%;
    bottom: 60px;
    border: none;
    border-radius: 20px;
    opacity: .8;
  }
}

.owl-carousel .fixed-video-aspect > .item-video .vjs-has-started video.vjs-tech {
  display: block;
}

.owl-carousel .fixed-video-aspect > .item-video .vjs-has-started .vjs-big-play-button, .owl-carousel .fixed-video-aspect > .item-video .vjs-has-started .vjs-poster {
  display: none;
}

@media only screen and (min-width: 992px) {
  .owl-carousel .fixed-video-aspect > .item-video .vjs-user-inactive .vjs-control-bar {
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100vw;
  }
}

.owl-carousel .fixed-video-aspect.on-mobile .item-video {
  top: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .owl-carousel .fixed-video-aspect.on-mobile {
    width: auto;
    padding: 0;
  }
}

@media only screen and (max-width: 767px) {
  .owl-carousel .fixed-video-aspect.on-mobile {
    width: auto;
  }
}

.stop-video-wrapper {
  position: absolute;
  bottom: 550px;
  left: 0;
  right: -30px;
  text-align: right;
}

.stop-video-wrapper .stop-video {
  color: #ffffff;
  cursor: pointer;
  pointer-events: all;
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .stop-video-wrapper .stop-video img {
    width: 18px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .stop-video-wrapper {
    bottom: auto;
    top: 10px;
    right: -10px;
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .stop-video-wrapper {
    bottom: auto;
    top: 5px;
    right: -10px;
  }
}

@media only screen and (max-width: 320px) {
  .stop-video-wrapper {
    top: 5px;
  }
}

.owl-carousel .owl-video-wrapper {
  background: transparent;
}

.owl-carousel.no-js .item {
  display: none;
}

.owl-carousel.no-js .item:first-of-type {
  display: block;
}

.tabs-mobile-browse .tabs-wrapper .tabs-navigator-wrapper {
  background: #f7f7f7;
  min-height: 65px;
  width: 100%;
  z-index: 100;
}

.tabs-mobile-browse .tabs-wrapper .tabs-navigator-wrapper ul {
  max-width: 1135px;
  list-style: none;
  padding: 0;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  overflow-y: hidden;
  overflow-x: hidden;
}

@media only screen and (max-width: 767px) {
  .tabs-mobile-browse .tabs-wrapper .tabs-navigator-wrapper ul {
    border-bottom: 1px solid #e1e1e1;
  }
}

@media only screen and (max-width: 767px) {
  .tabs-mobile-browse .tabs-wrapper .tabs-navigator-wrapper ul.scroll-wrapper {
    overflow-x: scroll;
  }
}

@media only screen and (max-width: 767px) {
  .tabs-mobile-browse .tabs-wrapper .tabs-navigator-wrapper ul.scroll-wrapper {
    overflow-x: scroll;
  }
}

.tabs-mobile-browse .tabs-wrapper .tabs-navigator-wrapper ul li {
  text-align: center;
  position: relative;
  min-height: 65px;
  display: inline-flex;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  border: 1px solid transparent;
  border-bottom: none;
  border-right: 1px solid #e1e1e1;
  line-height: 25px;
  color: #5f2878;
  font-family: "VM Circular Book", sans-serif;
  cursor: pointer;
  font-size: 20px;
  font-size: 2rem;
  background: none;
  transition: background .3s;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tabs-mobile-browse .tabs-wrapper .tabs-navigator-wrapper ul li {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

@media only screen and (max-width: 767px) {
  .tabs-mobile-browse .tabs-wrapper .tabs-navigator-wrapper ul li {
    font-size: 18px;
    font-size: 1.8rem;
    border-right: none;
    border-top: 1px solid #e1e1e1;
    background: #ffffff;
  }
}

.tabs-mobile-browse .tabs-wrapper .tabs-navigator-wrapper ul li span {
  padding: 5px 15px;
  cursor: pointer;
}

@media only screen and (max-width: 767px) {
  .tabs-mobile-browse .tabs-wrapper .tabs-navigator-wrapper ul li span {
    min-height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    position: relative;
  }
  .tabs-mobile-browse .tabs-wrapper .tabs-navigator-wrapper ul li span:after {
    content: '';
    height: 4px;
    position: absolute;
    bottom: 0;
    left: 13px;
    right: 13px;
    background: #5f2878;
    opacity: 0;
    transition: opacity .3s;
  }
}

.tabs-mobile-browse .tabs-wrapper .tabs-navigator-wrapper ul li:first-child {
  border-left: 1px solid #e1e1e1;
}

.tabs-mobile-browse .tabs-wrapper .tabs-navigator-wrapper ul li:after {
  content: '';
  height: 4px;
  position: absolute;
  bottom: 0;
  left: -1px;
  right: -1px;
  background: #5f2878;
  opacity: 0;
  transition: opacity .3s;
}

@media only screen and (max-width: 767px) {
  .tabs-mobile-browse .tabs-wrapper .tabs-navigator-wrapper ul li:after {
    content: none;
  }
}

.tabs-mobile-browse .tabs-wrapper .tabs-navigator-wrapper ul li:hover:after {
  opacity: 1;
}

@media only screen and (max-width: 767px) {
  .tabs-mobile-browse .tabs-wrapper .tabs-navigator-wrapper ul li:hover:after {
    opacity: 0;
  }
}

@media only screen and (max-width: 767px) {
  .tabs-mobile-browse .tabs-wrapper .tabs-navigator-wrapper ul li:hover:after {
    opacity: 0;
  }
}

.tabs-mobile-browse .tabs-wrapper .tabs-navigator-wrapper ul li.active {
  background: #ffffff;
  border-top: 1px solid #e1e1e1;
  border-bottom: none;
}

.tabs-mobile-browse .tabs-wrapper .tabs-navigator-wrapper ul li.active:after {
  opacity: 1;
}

@media only screen and (max-width: 767px) {
  .tabs-mobile-browse .tabs-wrapper .tabs-navigator-wrapper ul li.active span:after {
    opacity: 1;
  }
}

@media only screen and (max-width: 767px) {
  .tabs-mobile-browse .tabs-wrapper .tabs-navigator-wrapper ul li.scroller {
    width: auto !important;
    white-space: nowrap;
    display: flex;
    flex-grow: 1;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tabs-mobile-browse .tabs-wrapper .tabs-navigator-wrapper ul li.scroller {
    width: auto !important;
    white-space: nowrap;
    display: flex;
    flex-grow: 1;
  }
}

.tabs-mobile-browse .tabs-wrapper .tabs-navigator-wrapper.sling-action ul {
  height: 121px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tabs-mobile-browse .tabs-wrapper .tabs-navigator-wrapper.sling-action ul {
    height: 90px;
  }
}

@media only screen and (max-width: 767px) {
  .tabs-mobile-browse .tabs-wrapper .tabs-navigator-wrapper.sling-action ul {
    height: 104px;
  }
}

.tabs-mobile-browse .tabs-wrapper .tabs-navigator-wrapper.sling-action ul li span {
  width: 150px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tabs-mobile-browse .tabs-wrapper .tabs-navigator-wrapper.sling-action ul li span {
    width: 140px;
  }
}

@media only screen and (max-width: 767px) {
  .tabs-mobile-browse .tabs-wrapper .tabs-navigator-wrapper.sling-action ul li span {
    width: 140px;
    min-height: 104px;
  }
  .tabs-mobile-browse .tabs-wrapper .tabs-navigator-wrapper.sling-action ul li span:after {
    left: 16px;
    right: 16px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tabs-mobile-browse .tabs-wrapper .tabs-navigator-wrapper.sling-action ul li.scroller {
    white-space: normal;
  }
}

@media only screen and (max-width: 767px) {
  .tabs-mobile-browse .tabs-wrapper .tabs-navigator-wrapper.sling-action ul li.scroller {
    white-space: normal;
  }
}

.tabs-mobile-browse .tabs-wrapper .tabs-content {
  padding: 0;
}

.tabs-mobile-browse .tabs-wrapper .tabs-content li {
  list-style-type: disc;
}

.tabs-mobile-browse .tabs-wrapper .tabs-content li.content-item {
  display: none;
}

.tabs-mobile-browse .tabs-wrapper .tabs-content li .feature-description-component-wrapper .row {
  width: 1135px;
  padding: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .tabs-mobile-browse .tabs-wrapper .tabs-content li .feature-description-component-wrapper .row {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tabs-mobile-browse .tabs-wrapper .tabs-content li .feature-description-component-wrapper .row {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .tabs-mobile-browse .tabs-wrapper .tabs-content li .feature-description-component-wrapper .row {
    width: 100%;
  }
}

.tabs-mobile-browse .tabs-wrapper .tabs-content li.content-item.active {
  display: block;
}

body.modal-open {
  overflow: visible;
  position: inherit;
}

.tariff-table {
  background: #f7f7f7;
}

.tariff-table .header-title {
  font-family: "VM Circular Book", sans-serif;
  color: #666;
  margin-right: 3px;
}

@media only screen and (max-width: 767px) {
  .tariff-table .header-title {
    margin-right: 0;
  }
  .tariff-table .header-title.header-title-mobile {
    font-family: "VM Circular Light", sans-serif;
  }
}

.tariff-table .tariff-chevron i, .tariff-table .tariff-chevron-with-stock i {
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 18px;
  color: #dd0000;
  visibility: hidden;
}

.tariff-table .tariff-chevron {
  margin-bottom: 0;
  line-height: 0.6;
  visibility: hidden;
  justify-content: center;
  align-items: center;
  display: flex;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-chevron {
    margin-top: 22px;
  }
}

.tariff-table .tariff-chevron.cta-mb p {
  font-size: 17px;
  font-size: 1.7rem;
  color: #fff;
  margin: 0;
}

.tariff-table .tariff-chevron.cta-mb i {
  font-size: 20px;
  font-size: 2rem;
  color: #fff;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .sticky-fixed .tariff-chevron {
    margin-top: 0px;
    height: 39px;
  }
}

.tariff-table .with-swipe {
  position: fixed;
  width: 100%;
  left: 0;
  right: 0;
  z-index: 2;
  transition: all 0.2s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.tariff-table .with-swipe .contract-duration-top.single {
  padding-left: 32px;
}

@media only screen and (max-width: 767px) {
  .tariff-table .with-swipe .contract-duration-top.single .contract-duration-top-inner {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.tariff-table .with-swipe .sticky-fixed {
  position: static !important;
}

.tariff-table .with-swipe .sticky-fixed .tariff-top-title-price-wrapper .upfront-cost-sac-band,
.tariff-table .with-swipe .sticky-fixed .tariff-top-title-price-wrapper .active-sac-band,
.tariff-table .with-swipe .sticky-fixed .tariff-top-title-price-wrapper .tariff-top-upfront-cost-sac-bands span {
  padding-left: 15px !important;
}

.tariff-table .with-swipe .hide-on-mobile-sticky {
  display: block !important;
}

.tariff-table .with-swipe .show-on-mobile-sticky .sac-bands-tabs-mobile {
  display: none !important;
}

.tariff-table .with-swipe .upfront-cost-sac-band,
.tariff-table .with-swipe .active-sac-band,
.tariff-table .with-swipe .tariff-top-upfront-cost-sac-bands span {
  padding-left: 15px;
}

.tariff-table .with-swipe .sac-bands-wrapper.show-on-mobile-sticky {
  display: none !important;
}

.tariff-table .strikethrough {
  text-decoration: line-through;
  color: #9B9B9B;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .tariff-table .tariff-table-template-wrapper {
    padding: 0 21px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper {
    padding: 0 21px;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper {
    padding: 0 15px;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-main-content .show-more-less-wrapper {
  padding-top: 30px;
  font-family: "VM Circular Book", sans-serif;
  color: #322332;
  font-size: 18px;
  font-size: 1.8rem;
}

.tariff-table .tariff-table-template-wrapper .tariff-main-content .show-more-less-wrapper i {
  font-size: 16px;
  font-size: 1.6rem;
  margin-left: 15px;
}

.tariff-table .tariff-table-template-wrapper .tariff-main-content .show-more-less-wrapper .show-more {
  display: inline-block;
  cursor: pointer;
}

.tariff-table .tariff-table-template-wrapper .tariff-main-content .show-more-less-wrapper .show-less {
  display: none;
  cursor: pointer;
}

.tariff-table .tariff-table-template-wrapper .tariff-main-content .show-more-less-wrapper.toggle-text .show-more {
  display: none;
}

.tariff-table .tariff-table-template-wrapper .tariff-main-content .show-more-less-wrapper.toggle-text .show-less {
  display: inline-block;
}

.tariff-table .tariff-table-template-wrapper .message {
  display: table;
  font-family: "VM Circular Book", sans-serif;
  line-height: 20px;
  color: #322332;
  font-size: 16px;
  font-size: 1.6rem;
}

.tariff-table .tariff-table-template-wrapper .message.yellow {
  background: #ffcc00;
}

.tariff-table .tariff-table-template-wrapper .message.stock-status {
  font-size: 14px;
  font-size: 1.4rem;
}

.tariff-table .tariff-table-template-wrapper .stock-status-wrapper {
  margin-top: 19px;
  display: flex;
  justify-content: flex-end;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .stock-status-wrapper {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .stock-status-wrapper {
    justify-content: flex-start;
  }
}

.tariff-table .tariff-table-template-wrapper .stock-status-icon {
  max-width: 28px;
  margin-right: 5px;
  max-height: 21px;
}

.tariff-table .tariff-table-template-wrapper .tariff-radio {
  margin-top: 19px;
  margin-bottom: 4px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .tariff-radio {
    margin-top: 0;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-radio {
    margin-top: 0;
    padding-top: 23px;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-radio:last-child:nth-child(odd) {
    width: 100%;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-radio [type="radio"]:checked,
.tariff-table .tariff-table-template-wrapper .tariff-radio [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}

.tariff-table .tariff-table-template-wrapper .tariff-radio [type="radio"]:checked + label,
.tariff-table .tariff-table-template-wrapper .tariff-radio [type="radio"]:not(:checked) + label {
  position: relative;
  padding-left: 45px;
  margin-bottom: 0;
  cursor: pointer;
  display: inline-block;
  font-family: "VM Circular Book", sans-serif;
  font-weight: initial;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 24px;
  color: #333;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .tariff-table .tariff-table-template-wrapper .tariff-radio [type="radio"]:checked + label,
  .tariff-table .tariff-table-template-wrapper .tariff-radio [type="radio"]:not(:checked) + label {
    padding-left: 33px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .tariff-radio [type="radio"]:checked + label,
  .tariff-table .tariff-table-template-wrapper .tariff-radio [type="radio"]:not(:checked) + label {
    font-size: 16px;
    font-size: 1.6rem;
    margin-top: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-radio [type="radio"]:checked + label,
  .tariff-table .tariff-table-template-wrapper .tariff-radio [type="radio"]:not(:checked) + label {
    font-size: 16px;
    font-size: 1.6rem;
    width: 100%;
    padding: 0;
    padding-top: 29px;
    text-align: center;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-radio [type="radio"]:checked + label .red,
.tariff-table .tariff-table-template-wrapper .tariff-radio [type="radio"]:not(:checked) + label .red {
  color: #ed0000;
  border-bottom: 2px solid #ed0000;
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-radio [type="radio"]:checked + label .red,
  .tariff-table .tariff-table-template-wrapper .tariff-radio [type="radio"]:not(:checked) + label .red {
    border: none;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-radio [type="radio"]:checked + label:before,
.tariff-table .tariff-table-template-wrapper .tariff-radio [type="radio"]:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  border: 1px solid #999;
  border-radius: 100%;
  background: #ffffff;
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-radio [type="radio"]:checked + label:before,
  .tariff-table .tariff-table-template-wrapper .tariff-radio [type="radio"]:not(:checked) + label:before {
    left: 0;
    right: 0;
    margin: auto;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-radio [type="radio"]:checked + label:after,
.tariff-table .tariff-table-template-wrapper .tariff-radio [type="radio"]:not(:checked) + label:after {
  content: '';
  width: 16px;
  height: 16px;
  background: #322332;
  position: absolute;
  top: 4px;
  left: 4px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-radio [type="radio"]:checked + label:after,
  .tariff-table .tariff-table-template-wrapper .tariff-radio [type="radio"]:not(:checked) + label:after {
    left: 0;
    right: 0;
    margin: auto;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-radio [type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.tariff-table .tariff-table-template-wrapper .tariff-radio [type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header.tariff-top-header-family-plan.sticky-fixed {
    width: auto;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-top-header.tariff-top-header-family-plan.sticky-fixed .tariff-footer {
    padding: 0 21px;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header.tariff-top-header-family-plan.sticky-fixed {
    width: auto;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-top-header.tariff-top-header-family-plan.sticky-fixed .left-panel .left-panel-mobile-fp-wrapper .family-plan-prices .tariff-top-title-left {
    margin-bottom: 0;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-top-header.tariff-top-header-family-plan.sticky-fixed .tariff-top-price {
    opacity: 0;
    visibility: hidden;
    height: 0;
    transition: opacity 0.2s ease;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-top-header.tariff-top-header-family-plan.sticky-fixed .tariff-top-price.on-active-header {
    opacity: 1;
    visibility: visible;
    display: inline-block;
    transition: opacity 0.4s ease;
    font-size: 18px;
    font-size: 1.8rem;
    font-family: "VM Circular Book", sans-serif;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .saving-details-mobile {
    padding: 10px 15px;
    font-family: "VM Circular Light", sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    color: #333;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header.tariff-top-header-family-plan .tariff-top-price {
    opacity: 1;
    visibility: visible;
    height: 100%;
    transition: opacity 0.2s ease;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-top-header.tariff-top-header-family-plan .tariff-top-price.on-active-header {
    opacity: 0;
    visibility: hidden;
    display: inline-block;
    height: auto;
    transition: opacity 0.4s ease;
    font-size: 18px;
    font-size: 1.8rem;
    font-family: "VM Circular Book", sans-serif;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header.tariff-top-header-family-plan .left-panel .left-panel-mobile-fp-wrapper {
    display: flex;
    flex-direction: column-reverse;
    padding: 15px;
    border-top: 1px solid #ccc;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header.tariff-top-header-family-plan .left-panel .left-panel-mobile-fp-wrapper .tariff-top-title-left {
    font-family: "VM Circular Book", sans-serif;
    margin-bottom: 6px;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header.tariff-top-header-family-plan .left-panel .left-panel-mobile-fp-wrapper .add-to-basket-cta, .tariff-table .tariff-table-template-wrapper .tariff-top-header.tariff-top-header-family-plan .left-panel .left-panel-mobile-fp-wrapper .custom-basket-cta {
    margin-top: 15px;
    padding: 4px 22px;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header.tariff-top-header-family-plan .left-panel .left-panel-mobile-fp-wrapper .family-plan-prices {
    padding-bottom: 19px;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-top-header.tariff-top-header-family-plan .left-panel .left-panel-mobile-fp-wrapper .family-plan-prices:after {
    content: '';
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 0;
    height: 1px;
    background: #ccc;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header.tariff-top-header-family-plan .left-panel .left-panel-mobile-fp-wrapper .family-plan-prices .header-title {
    font-family: "VM Circular Book", sans-serif;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header.tariff-top-header-family-plan .left-panel .left-panel-mobile-fp-wrapper .family-plan-customer {
    padding-top: 15px;
    padding-bottom: 0px;
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header.tariff-top-header-family-plan .left-panel .left-panel-mobile-fp-wrapper .family-plan-customer .header-title {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 21px;
    color: #333;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header.tariff-top-header-family-plan .left-panel .left-panel-mobile-fp-wrapper .family-plan-customer .label-wrapper label {
    margin: 0;
    padding: 0;
    margin-left: 6px;
    margin-right: 6px;
    margin-top: 10px;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-top-header.tariff-top-header-family-plan .left-panel .left-panel-mobile-fp-wrapper .family-plan-customer .label-wrapper label .cta-mb.white-cta {
    padding: 3px 18px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 18px;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .tariff-table-title-wrapper .paym-sim, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .tariff-table-title-wrapper .exclusive-tariff-container, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .exclusive-tariffs-wrapper .paym-sim, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .exclusive-tariffs-wrapper .exclusive-tariff-container, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .tariff-table-title-wrapper .paym-sim, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .tariff-table-title-wrapper .exclusive-tariff-container, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .exclusive-tariffs-wrapper .paym-sim, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .exclusive-tariffs-wrapper .exclusive-tariff-container {
  background: #ffffff;
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .tariff-table-title-wrapper .paym-sim, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .tariff-table-title-wrapper .exclusive-tariff-container, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .exclusive-tariffs-wrapper .paym-sim, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .exclusive-tariffs-wrapper .exclusive-tariff-container, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .tariff-table-title-wrapper .paym-sim, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .tariff-table-title-wrapper .exclusive-tariff-container, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .exclusive-tariffs-wrapper .paym-sim, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .exclusive-tariffs-wrapper .exclusive-tariff-container {
    background: none;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .tariff-table-title-wrapper .paym-sim .tariff-table-content-titles-holder, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .tariff-table-title-wrapper .exclusive-tariff-container .tariff-table-content-titles-holder, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .exclusive-tariffs-wrapper .paym-sim .tariff-table-content-titles-holder, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .exclusive-tariffs-wrapper .exclusive-tariff-container .tariff-table-content-titles-holder, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .tariff-table-title-wrapper .paym-sim .tariff-table-content-titles-holder, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .tariff-table-title-wrapper .exclusive-tariff-container .tariff-table-content-titles-holder, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .exclusive-tariffs-wrapper .paym-sim .tariff-table-content-titles-holder, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .exclusive-tariffs-wrapper .exclusive-tariff-container .tariff-table-content-titles-holder {
  background: #f7f7f7;
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .tariff-table-title-wrapper .paym-sim.tariff-exclusive-family-plan .tariff-table-content-wrapper, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .tariff-table-title-wrapper .exclusive-tariff-container.tariff-exclusive-family-plan .tariff-table-content-wrapper, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .exclusive-tariffs-wrapper .paym-sim.tariff-exclusive-family-plan .tariff-table-content-wrapper, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .exclusive-tariffs-wrapper .exclusive-tariff-container.tariff-exclusive-family-plan .tariff-table-content-wrapper, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .tariff-table-title-wrapper .paym-sim.tariff-exclusive-family-plan .tariff-table-content-wrapper, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .tariff-table-title-wrapper .exclusive-tariff-container.tariff-exclusive-family-plan .tariff-table-content-wrapper, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .exclusive-tariffs-wrapper .paym-sim.tariff-exclusive-family-plan .tariff-table-content-wrapper, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .exclusive-tariffs-wrapper .exclusive-tariff-container.tariff-exclusive-family-plan .tariff-table-content-wrapper {
    margin-bottom: 23px;
    position: relative;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .tariff-table-title-wrapper .paym-sim.tariff-exclusive-family-plan .tariff-table-content-wrapper .tariff-table-prices, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .tariff-table-title-wrapper .exclusive-tariff-container.tariff-exclusive-family-plan .tariff-table-content-wrapper .tariff-table-prices, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .exclusive-tariffs-wrapper .paym-sim.tariff-exclusive-family-plan .tariff-table-content-wrapper .tariff-table-prices, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .exclusive-tariffs-wrapper .exclusive-tariff-container.tariff-exclusive-family-plan .tariff-table-content-wrapper .tariff-table-prices, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .tariff-table-title-wrapper .paym-sim.tariff-exclusive-family-plan .tariff-table-content-wrapper .tariff-table-prices, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .tariff-table-title-wrapper .exclusive-tariff-container.tariff-exclusive-family-plan .tariff-table-content-wrapper .tariff-table-prices, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .exclusive-tariffs-wrapper .paym-sim.tariff-exclusive-family-plan .tariff-table-content-wrapper .tariff-table-prices, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .exclusive-tariffs-wrapper .exclusive-tariff-container.tariff-exclusive-family-plan .tariff-table-content-wrapper .tariff-table-prices {
    padding-bottom: 0;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .tariff-table-title-wrapper .paym-sim .tariff-table-content-wrapper:hover, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .tariff-table-title-wrapper .exclusive-tariff-container .tariff-table-content-wrapper:hover, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .exclusive-tariffs-wrapper .paym-sim .tariff-table-content-wrapper:hover, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .exclusive-tariffs-wrapper .exclusive-tariff-container .tariff-table-content-wrapper:hover, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .tariff-table-title-wrapper .paym-sim .tariff-table-content-wrapper:hover, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .tariff-table-title-wrapper .exclusive-tariff-container .tariff-table-content-wrapper:hover, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .exclusive-tariffs-wrapper .paym-sim .tariff-table-content-wrapper:hover, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .exclusive-tariffs-wrapper .exclusive-tariff-container .tariff-table-content-wrapper:hover {
  background: none;
  cursor: default;
}

.tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .tariff-table-title-wrapper .paym-sim .tariff-table-content-wrapper.active, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .tariff-table-title-wrapper .exclusive-tariff-container .tariff-table-content-wrapper.active, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .exclusive-tariffs-wrapper .paym-sim .tariff-table-content-wrapper.active, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .exclusive-tariffs-wrapper .exclusive-tariff-container .tariff-table-content-wrapper.active, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .tariff-table-title-wrapper .paym-sim .tariff-table-content-wrapper.active, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .tariff-table-title-wrapper .exclusive-tariff-container .tariff-table-content-wrapper.active, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .exclusive-tariffs-wrapper .paym-sim .tariff-table-content-wrapper.active, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .exclusive-tariffs-wrapper .exclusive-tariff-container .tariff-table-content-wrapper.active {
  background: #fdebf4;
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .tariff-table-title-wrapper .paym-sim .tariff-table-content-wrapper.active .quantity-wrapper, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .tariff-table-title-wrapper .exclusive-tariff-container .tariff-table-content-wrapper.active .quantity-wrapper, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .exclusive-tariffs-wrapper .paym-sim .tariff-table-content-wrapper.active .quantity-wrapper, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .exclusive-tariffs-wrapper .exclusive-tariff-container .tariff-table-content-wrapper.active .quantity-wrapper, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .tariff-table-title-wrapper .paym-sim .tariff-table-content-wrapper.active .quantity-wrapper, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .tariff-table-title-wrapper .exclusive-tariff-container .tariff-table-content-wrapper.active .quantity-wrapper, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .exclusive-tariffs-wrapper .paym-sim .tariff-table-content-wrapper.active .quantity-wrapper, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .exclusive-tariffs-wrapper .exclusive-tariff-container .tariff-table-content-wrapper.active .quantity-wrapper {
    background: #fdebf4;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .tariff-table-title-wrapper .paym-sim .tariff-table-content-wrapper, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .tariff-table-title-wrapper .exclusive-tariff-container .tariff-table-content-wrapper, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .exclusive-tariffs-wrapper .paym-sim .tariff-table-content-wrapper, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .exclusive-tariffs-wrapper .exclusive-tariff-container .tariff-table-content-wrapper, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .tariff-table-title-wrapper .paym-sim .tariff-table-content-wrapper, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .tariff-table-title-wrapper .exclusive-tariff-container .tariff-table-content-wrapper, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .exclusive-tariffs-wrapper .paym-sim .tariff-table-content-wrapper, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .exclusive-tariffs-wrapper .exclusive-tariff-container .tariff-table-content-wrapper {
    position: relative;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .tariff-table-title-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .tariff-table-title-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .exclusive-tariffs-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .exclusive-tariffs-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .tariff-table-title-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .tariff-table-title-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .exclusive-tariffs-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .exclusive-tariffs-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices {
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .tariff-table-title-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .tariff-table-title-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .exclusive-tariffs-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .exclusive-tariffs-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .tariff-table-title-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .tariff-table-title-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .exclusive-tariffs-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .exclusive-tariffs-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item {
    display: block;
    min-height: auto;
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .tariff-table-title-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item p.mobile-title-float, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .tariff-table-title-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item p.mobile-title-float, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .exclusive-tariffs-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item p.mobile-title-float, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .exclusive-tariffs-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item p.mobile-title-float, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .tariff-table-title-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item p.mobile-title-float, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .tariff-table-title-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item p.mobile-title-float, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .exclusive-tariffs-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item p.mobile-title-float, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .exclusive-tariffs-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item p.mobile-title-float {
    float: left;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .tariff-table-title-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item .mobile-family-plan-prices, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .tariff-table-title-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item .mobile-family-plan-prices, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .exclusive-tariffs-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item .mobile-family-plan-prices, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .exclusive-tariffs-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item .mobile-family-plan-prices, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .tariff-table-title-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item .mobile-family-plan-prices, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .tariff-table-title-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item .mobile-family-plan-prices, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .exclusive-tariffs-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item .mobile-family-plan-prices, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .exclusive-tariffs-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item .mobile-family-plan-prices {
    float: right;
    text-align: right;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .tariff-table-title-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item .mobile-family-plan-prices p, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .tariff-table-title-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item .mobile-family-plan-prices p, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .exclusive-tariffs-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item .mobile-family-plan-prices p, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .exclusive-tariffs-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item .mobile-family-plan-prices p, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .tariff-table-title-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item .mobile-family-plan-prices p, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .tariff-table-title-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item .mobile-family-plan-prices p, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .exclusive-tariffs-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item .mobile-family-plan-prices p, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .exclusive-tariffs-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item .mobile-family-plan-prices p {
    float: none;
    display: inline-block;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .tariff-table-title-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item .mobile-family-plan-prices p span, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .tariff-table-title-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item .mobile-family-plan-prices p span, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .exclusive-tariffs-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item .mobile-family-plan-prices p span, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .exclusive-tariffs-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item .mobile-family-plan-prices p span, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .tariff-table-title-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item .mobile-family-plan-prices p span, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .tariff-table-title-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item .mobile-family-plan-prices p span, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .exclusive-tariffs-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item .mobile-family-plan-prices p span, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .exclusive-tariffs-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item .mobile-family-plan-prices p span {
    display: inline-block;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .tariff-table-title-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item .mobile-family-plan-prices p .promo-unit, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .tariff-table-title-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item .mobile-family-plan-prices p .promo-unit, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .exclusive-tariffs-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item .mobile-family-plan-prices p .promo-unit, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .exclusive-tariffs-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item .mobile-family-plan-prices p .promo-unit, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .tariff-table-title-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item .mobile-family-plan-prices p .promo-unit, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .tariff-table-title-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item .mobile-family-plan-prices p .promo-unit, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .exclusive-tariffs-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item .mobile-family-plan-prices p .promo-unit, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .exclusive-tariffs-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item .mobile-family-plan-prices p .promo-unit {
    padding-left: 5px;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .tariff-table-title-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item .mobile-family-plan-prices p.monthly-cost, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .tariff-table-title-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item .mobile-family-plan-prices p.monthly-cost, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .exclusive-tariffs-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item .mobile-family-plan-prices p.monthly-cost, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .exclusive-tariffs-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item .mobile-family-plan-prices p.monthly-cost, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .tariff-table-title-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item .mobile-family-plan-prices p.monthly-cost, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .tariff-table-title-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item .mobile-family-plan-prices p.monthly-cost, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .exclusive-tariffs-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item .mobile-family-plan-prices p.monthly-cost, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .exclusive-tariffs-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item .mobile-family-plan-prices p.monthly-cost {
    padding-left: 5px;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .tariff-table-title-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item .mobile-family-plan-prices .hasPromoText, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .tariff-table-title-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item .mobile-family-plan-prices .hasPromoText, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .exclusive-tariffs-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item .mobile-family-plan-prices .hasPromoText, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .exclusive-tariffs-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item .mobile-family-plan-prices .hasPromoText, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .tariff-table-title-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item .mobile-family-plan-prices .hasPromoText, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .tariff-table-title-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item .mobile-family-plan-prices .hasPromoText, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .exclusive-tariffs-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item .mobile-family-plan-prices .hasPromoText, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .exclusive-tariffs-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item .mobile-family-plan-prices .hasPromoText {
    float: none;
    flex-direction: row;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .tariff-table-title-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item.quantity-wrapper, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .tariff-table-title-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item.quantity-wrapper, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .exclusive-tariffs-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item.quantity-wrapper, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .exclusive-tariffs-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item.quantity-wrapper, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .tariff-table-title-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item.quantity-wrapper, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .tariff-table-title-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item.quantity-wrapper, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .exclusive-tariffs-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item.quantity-wrapper, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .exclusive-tariffs-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item.quantity-wrapper {
    margin-top: 23px;
    border-top: 1px solid #DBDBDB;
    padding-top: 14px;
    padding-bottom: 14px;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .tariff-table-title-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item.quantity-wrapper .quantity-label-mobile, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .tariff-table-title-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item.quantity-wrapper .quantity-label-mobile, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .exclusive-tariffs-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item.quantity-wrapper .quantity-label-mobile, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .exclusive-tariffs-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item.quantity-wrapper .quantity-label-mobile, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .tariff-table-title-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item.quantity-wrapper .quantity-label-mobile, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .tariff-table-title-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item.quantity-wrapper .quantity-label-mobile, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .exclusive-tariffs-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item.quantity-wrapper .quantity-label-mobile, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .exclusive-tariffs-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item.quantity-wrapper .quantity-label-mobile {
    position: absolute;
    top: 16px;
    left: 15px;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .tariff-table-title-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item.quantity-wrapper .quantity, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .tariff-table-title-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item.quantity-wrapper .quantity, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .exclusive-tariffs-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item.quantity-wrapper .quantity, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .exclusive-tariffs-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item.quantity-wrapper .quantity, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .tariff-table-title-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item.quantity-wrapper .quantity, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .tariff-table-title-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item.quantity-wrapper .quantity, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .exclusive-tariffs-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item.quantity-wrapper .quantity, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .exclusive-tariffs-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item.quantity-wrapper .quantity {
    text-align: center;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .tariff-table-title-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item.quantity-wrapper .quantity .minus, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .tariff-table-title-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item.quantity-wrapper .quantity .plus, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .tariff-table-title-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item.quantity-wrapper .quantity .qty, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .tariff-table-title-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item.quantity-wrapper .quantity .minus, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .tariff-table-title-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item.quantity-wrapper .quantity .plus, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .tariff-table-title-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item.quantity-wrapper .quantity .qty, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .exclusive-tariffs-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item.quantity-wrapper .quantity .minus, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .exclusive-tariffs-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item.quantity-wrapper .quantity .plus, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .exclusive-tariffs-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item.quantity-wrapper .quantity .qty, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .exclusive-tariffs-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item.quantity-wrapper .quantity .minus, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .exclusive-tariffs-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item.quantity-wrapper .quantity .plus, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .exclusive-tariffs-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item.quantity-wrapper .quantity .qty, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .tariff-table-title-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item.quantity-wrapper .quantity .minus, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .tariff-table-title-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item.quantity-wrapper .quantity .plus, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .tariff-table-title-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item.quantity-wrapper .quantity .qty, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .tariff-table-title-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item.quantity-wrapper .quantity .minus, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .tariff-table-title-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item.quantity-wrapper .quantity .plus, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .tariff-table-title-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item.quantity-wrapper .quantity .qty, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .exclusive-tariffs-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item.quantity-wrapper .quantity .minus, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .exclusive-tariffs-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item.quantity-wrapper .quantity .plus, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .exclusive-tariffs-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item.quantity-wrapper .quantity .qty, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .exclusive-tariffs-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item.quantity-wrapper .quantity .minus, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .exclusive-tariffs-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item.quantity-wrapper .quantity .plus, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .exclusive-tariffs-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item.quantity-wrapper .quantity .qty {
    float: none;
    vertical-align: top;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .tariff-table-title-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices .promo-unit-text-mobile, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .tariff-table-title-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices .promo-unit-text-mobile, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .exclusive-tariffs-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices .promo-unit-text-mobile, .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .exclusive-tariffs-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices .promo-unit-text-mobile, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .tariff-table-title-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices .promo-unit-text-mobile, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .tariff-table-title-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices .promo-unit-text-mobile, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .exclusive-tariffs-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices .promo-unit-text-mobile, .tariff-table .tariff-table-template-wrapper .tariff-exclusive-table .tariff-table-content .exclusive-tariffs-wrapper .exclusive-tariff-container .tariff-table-content-wrapper .tariff-table-prices .promo-unit-text-mobile {
    position: absolute;
    bottom: 59px;
    left: -15px;
    right: -15px;
    width: calc(100% + 30px);
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 18px;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .tariff-table-title-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices {
    background: #ffffff;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .tariff-table-title-wrapper .paym-sim .tariff-table-content-wrapper {
    margin-bottom: 23px;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-main-content-family-plan .tariff-table-content .tariff-table-title-wrapper .paym-sim .tariff-table-content-wrapper .tariff-table-prices {
    padding-bottom: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .family-plan-customer {
    padding-bottom: 33px;
  }
}

.tariff-table .tariff-table-template-wrapper .family-plan-customer .change-this {
  margin-bottom: 0;
  float: left;
  margin-top: 19px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .family-plan-customer .change-this {
    margin-left: 30px;
    margin-top: 0;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .family-plan-customer .change-this {
    text-align: center;
    display: block;
    width: 100%;
    margin-top: 6px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 18px;
  }
}

.tariff-table .tariff-table-template-wrapper .family-plan-customer .header-title {
  line-height: 24px;
  color: #333;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .family-plan-customer .header-title {
    display: inline-block;
    float: left;
    margin-top: 7px;
    margin-right: 10px;
  }
}

.tariff-table .tariff-table-template-wrapper .family-plan-customer .label-wrapper label {
  margin-top: 15px;
  margin-right: 10px;
  margin-bottom: 0;
  display: inline-block;
  background: #ffffff;
  padding-left: 0;
  background: none;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .family-plan-customer .label-wrapper label {
    margin-top: 0;
  }
}

.tariff-table .tariff-table-template-wrapper .family-plan-customer .label-wrapper label .cta-mb.white-cta {
  margin: 0;
  color: #ed0000;
  border: 1px solid #ccc;
  padding: 8px 25px;
}

.tariff-table .tariff-table-template-wrapper .family-plan-customer .label-wrapper label .cta-mb.white-cta:hover {
  background: #ed0000;
  color: #ffffff;
}

.tariff-table .tariff-table-template-wrapper .family-plan-customer .tariff-radio {
  display: inline-block;
  float: left;
  margin-top: 0;
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .family-plan-customer .tariff-radio {
    width: 100%;
    text-align: center;
    padding-top: 0;
    line-height: 21px;
  }
}

.tariff-table .tariff-table-template-wrapper .family-plan-customer .tariff-radio .toggle-content {
  font-family: "VM Circular Book", sans-serif;
  color: #333;
  line-height: 24px;
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .family-plan-customer .tariff-radio .toggle-content {
    font-family: "VM Circular Light", sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 21px;
  }
}

.tariff-table .tariff-table-template-wrapper .family-plan-customer .tariff-radio [type="radio"]:checked + label:before,
.tariff-table .tariff-table-template-wrapper .family-plan-customer .tariff-radio [type="radio"]:not(:checked) + label:before {
  display: none;
}

.tariff-table .tariff-table-template-wrapper .family-plan-customer .tariff-radio [type="radio"]:checked + label:after,
.tariff-table .tariff-table-template-wrapper .family-plan-customer .tariff-radio [type="radio"]:not(:checked) + label:after {
  display: none;
}

.tariff-table .tariff-table-template-wrapper .family-plan-prices .header-title {
  margin: 0;
}

.tariff-table .tariff-table-template-wrapper .family-plan-prices .cta-mb {
  margin: 0;
  width: 100%;
}

.tariff-table .tariff-table-template-wrapper .family-plan-prices .invalid {
  opacity: .5;
}

.tariff-table .tariff-table-template-wrapper .quantity .minus, .tariff-table .tariff-table-template-wrapper .quantity .plus, .tariff-table .tariff-table-template-wrapper .quantity .qty {
  border: 1px solid #ccc;
  color: #333;
  width: 30px;
  height: 30px;
  margin-right: 15px;
  text-align: center;
  -webkit-appearance: none;
  float: left;
  display: inline-block;
}

.tariff-table .tariff-table-template-wrapper .quantity .qty {
  background-color: #ffffff;
}

.tariff-table .tariff-table-template-wrapper .quantity .minus, .tariff-table .tariff-table-template-wrapper .quantity .plus {
  width: 31px;
  height: 31px;
  border: none;
  color: #ed0000;
}

.tariff-table .tariff-table-template-wrapper .quantity .minus.disabled, .tariff-table .tariff-table-template-wrapper .quantity .plus.disabled {
  opacity: .3;
}

.tariff-table .tariff-table-template-wrapper .quantity .minus img, .tariff-table .tariff-table-template-wrapper .quantity .plus img {
  width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .quantity .minus, .tariff-table .tariff-table-template-wrapper .quantity .plus {
    line-height: 26px;
  }
}

.tariff-table .tariff-table-template-wrapper .contract-duration-top {
  background: #ffffff;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .tariff-table .tariff-table-template-wrapper .contract-duration-top {
    margin: 0 -20px;
    padding: 0 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .contract-duration-top {
    margin: 0 -20px;
    padding: 0 20px;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .contract-duration-top {
    margin: 0 -15px;
    padding: 0 20px;
  }
  .tariff-table .tariff-table-template-wrapper .contract-duration-top.single {
    padding: 0 15px;
  }
}

.tariff-table .tariff-table-template-wrapper .contract-duration-top .with-contracts {
  padding-top: 40px;
  padding-bottom: 40px;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .tariff-table .tariff-table-template-wrapper .contract-duration-top .with-contracts {
    padding: 40px 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .contract-duration-top .with-contracts {
    padding: 33px 0;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .contract-duration-top .with-contracts {
    padding: 33px 0;
  }
}

.tariff-table .tariff-table-template-wrapper .contract-duration-top.single [type="radio"]:checked + label:before,
.tariff-table .tariff-table-template-wrapper .contract-duration-top.single [type="radio"]:not(:checked) + label:before,
.tariff-table .tariff-table-template-wrapper .contract-duration-top.single [type="radio"]:checked + label:after,
.tariff-table .tariff-table-template-wrapper .contract-duration-top.single [type="radio"]:not(:checked) + label:after {
  display: none !important;
}

.tariff-table .tariff-table-template-wrapper .contract-duration-top.single [type="radio"]:checked + label,
.tariff-table .tariff-table-template-wrapper .contract-duration-top.single [type="radio"]:not(:checked) + label {
  padding-left: 0 !important;
  text-align: left;
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .contract-duration-top.single [type="radio"]:checked + label,
  .tariff-table .tariff-table-template-wrapper .contract-duration-top.single [type="radio"]:not(:checked) + label {
    padding-top: 0;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .contract-duration-top.single .tariff-radio {
    padding-top: 8px;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .contract-duration-top.single .contract-duration-top-inner .tariff-top-title-right {
    text-align: left;
  }
}

.tariff-table .tariff-table-template-wrapper .contract-duration-top .contract-duration-top-inner {
  max-width: 1134px;
  width: 100%;
  margin: 0 auto;
  padding-top: 32px;
  padding-bottom: 24px;
}

.tariff-table .tariff-table-template-wrapper .contract-duration-top .contract-duration-top-inner.no-contract-duration {
  padding: 0;
}

.tariff-table .tariff-table-template-wrapper .contract-duration-top .contract-duration-top-inner.no-contract-duration .stock-status-wrapper {
  margin-top: 0;
  padding-top: 30px;
  padding-bottom: 30px;
}

.tariff-table .tariff-table-template-wrapper .contract-duration-top .contract-duration-top-inner.no-contract-duration .stock-status-wrapper p {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .contract-duration-top .contract-duration-top-inner .tariff-top-title-right {
    text-align: center;
  }
}

.tariff-table .tariff-table-template-wrapper .contract-duration-top .contract-duration-top-inner label {
  white-space: nowrap;
}

.tariff-table .tariff-table-template-wrapper .mobile-swipe-container .bg-swipe-open {
  background: #f7f7f7;
}

.tariff-table .tariff-table-template-wrapper .mobile-swipe-container.with-swipe .tariff-top-header .tariff-top-header-wrapper.sticky-fixed .tariff-top-title-price-wrapper {
  padding-left: 15px;
  padding-right: 15px;
}

.tariff-table .tariff-table-template-wrapper .mobile-swipe-container.with-swipe .tariff-top-header .tariff-top-header-wrapper.sticky-fixed .tariff-top-title-price-wrapper .sticky-chevron-bottom .sticky-chevron-swipe:after {
  transform: rotate(135deg);
  transition: all 0.2s ease;
}

.tariff-table .tariff-table-template-wrapper .mobile-swipe-container.with-swipe .non-sticky-stock-status-mobile {
  display: none !important;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header {
    padding: 0;
    margin: 0 -20px;
    overflow: hidden;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header {
    padding: 0;
    margin: 0 -15px;
    overflow: hidden;
  }
}

@media only screen and (max-width: 767px) and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header.price-breakdown {
    margin: 0;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-top-header .row.price-breakdown {
  margin-left: 10px;
  margin-right: 10px;
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .row.price-breakdown {
    margin-left: 0px;
    margin-right: 0px;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-top-header .chevron-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 74px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .chevron-wrapper {
    height: 68px;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-top-header .chevron-wrapper .tariff-chevron:focus, .tariff-table .tariff-table-template-wrapper .tariff-top-header .chevron-wrapper .tariff-chevron:hover {
  opacity: 1;
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .chevron-wrapper {
    display: none;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-top-header .chevron-wrapper a, .tariff-table .tariff-table-template-wrapper .tariff-top-header .chevron-wrapper .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .tariff-table .tariff-table-template-wrapper .tariff-top-header .chevron-wrapper span {
  align-self: flex-end;
  width: 100%;
}

.tariff-table .tariff-table-template-wrapper .tariff-top-header .chevron-wrapper a img, .tariff-table .tariff-table-template-wrapper .tariff-top-header .chevron-wrapper .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span img, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .tariff-table .tariff-table-template-wrapper .tariff-top-header .chevron-wrapper span img {
  margin-right: 12px;
}

.tariff-table .tariff-table-template-wrapper .tariff-top-header .sac-bands-wrapper .tariff-top-title-left .upfront-cost-sac-band {
  float: left;
}

.tariff-table .tariff-table-template-wrapper .tariff-top-header .sac-bands-wrapper .tariff-top-title-left .active-sac-band {
  float: left;
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .sac-bands-wrapper {
    padding: 15px;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .sac-bands-wrapper.show-on-mobile-sticky {
    visibility: hidden;
    overflow: hidden;
    opacity: 0;
    transition: all .4s ease-in-out;
    background: none;
    border-top: none;
    border-bottom: none;
    padding: 0;
    height: 0;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .sac-bands-wrapper.show-on-mobile-sticky .tariff-top-upfront-cost-sac-bands {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 0 15px;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .sac-bands-wrapper.show-on-mobile-sticky .upfront-cost-sac-band {
    display: block;
    float: none;
    text-align: left;
    font-family: "VM Circular Light", sans-serif;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .sac-bands-wrapper.show-on-mobile-sticky .active-sac-band {
    display: block;
    float: none;
    text-align: left;
    color: #333;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 16px;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .sac-bands-wrapper.show-on-mobile-sticky .active-sac-band .sac-bands-tabs-title {
    margin-top: 10px;
    display: block;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .sac-bands-wrapper.show-on-mobile-sticky .sac-bands-tabs-mobile {
    display: none;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-top-header .sac-bands-wrapper .cta-mb {
  margin-bottom: 0;
  padding: 8px 22px;
  margin-right: 7px;
  float: left;
  cursor: pointer;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .sac-bands-wrapper .cta-mb {
    padding: 6px 16px;
    margin-right: 9px;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-top-header .sac-bands-wrapper .cta-mb:last-child {
  margin-right: 0;
}

.tariff-table .tariff-table-template-wrapper .tariff-top-header .sac-bands-wrapper .owl-carousel {
  position: relative;
}

.tariff-table .tariff-table-template-wrapper .tariff-top-header .sac-bands-wrapper .owl-carousel .owl-item:last-child {
  margin-right: 0 !important;
}

.tariff-table .tariff-table-template-wrapper .tariff-top-header .sac-bands-wrapper .owl-carousel .cta-mb {
  margin-right: 0;
  cursor: pointer;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .sac-bands-wrapper .owl-carousel .cta-mb.white-cta:focus {
    background: #ffffff;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .sac-bands-wrapper .owl-carousel .cta-mb.white-cta:hover {
    background: #322332;
    color: #ffffff;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .sac-bands-wrapper .owl-carousel .cta-mb.white-cta.active {
    background: #322332;
    color: #ffffff;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-top-header .sac-bands-wrapper .owl-carousel .owl-stage-outer, .tariff-table .tariff-table-template-wrapper .tariff-top-header .sac-bands-wrapper .owl-carousel .owl-stage {
  max-height: 40px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .sac-bands-wrapper .owl-carousel .owl-stage-outer, .tariff-table .tariff-table-template-wrapper .tariff-top-header .sac-bands-wrapper .owl-carousel .owl-stage {
    max-height: 39px;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-top-header .sac-bands-wrapper .owl-carousel .previous, .tariff-table .tariff-table-template-wrapper .tariff-top-header .sac-bands-wrapper .owl-carousel .next {
  width: 9px;
  height: 9px;
}

.tariff-table .tariff-table-template-wrapper .tariff-top-header .sac-bands-wrapper .owl-carousel .owl-prev, .tariff-table .tariff-table-template-wrapper .tariff-top-header .sac-bands-wrapper .owl-carousel .owl-next {
  position: absolute;
  top: 0;
  bottom: 0;
  background: #f7f7f7;
  width: 67px;
  cursor: pointer;
  padding-top: 18px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .sac-bands-wrapper .owl-carousel .owl-prev, .tariff-table .tariff-table-template-wrapper .tariff-top-header .sac-bands-wrapper .owl-carousel .owl-next {
    width: 33px;
    padding-top: 13px;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-top-header .sac-bands-wrapper .owl-carousel .owl-prev.disabled, .tariff-table .tariff-table-template-wrapper .tariff-top-header .sac-bands-wrapper .owl-carousel .owl-next.disabled {
  display: none;
}

.tariff-table .tariff-table-template-wrapper .tariff-top-header .sac-bands-wrapper .owl-carousel .owl-prev {
  left: 0;
  border-right: 1px solid #DBDBDB;
  padding-left: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .sac-bands-wrapper .owl-carousel .owl-prev {
    width: 34px;
    margin-left: -1px;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-top-header .sac-bands-wrapper .owl-carousel .owl-prev .previous {
  border-left: 2px solid #333;
  border-bottom: 2px solid #333;
  transform: rotate(45deg);
}

.tariff-table .tariff-table-template-wrapper .tariff-top-header .sac-bands-wrapper .owl-carousel .owl-next {
  right: 0;
  border-left: 1px solid #DBDBDB;
}

.tariff-table .tariff-table-template-wrapper .tariff-top-header .sac-bands-wrapper .owl-carousel .owl-next .next {
  border-right: 2px solid #333;
  border-bottom: 2px solid #333;
  transform: rotate(-45deg);
  float: right;
}

.tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-top-header-wrapper {
  max-width: 1134px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-top-header-wrapper {
    position: static;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-top-header-wrapper {
    position: static;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-top-header-wrapper {
    position: static;
    background: #ffffff;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-top-header-wrapper.sticky-fixed {
  border-bottom: 1px solid #e8e8e8;
  position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-top-header-wrapper.sticky-fixed {
    position: static;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-top-header-wrapper.sticky-fixed {
    position: static;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-top-header-wrapper.sticky-fixed .tariff-top-title-price-wrapper {
    padding-bottom: 0;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-top-header-wrapper.sticky-fixed .tariff-top-price {
    font-size: 16px;
    font-size: 1.6rem;
    transition: all .4s ease-in-out;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-top-header-wrapper.sticky-fixed .hide-on-mobile-sticky {
    display: none;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-top-header-wrapper.sticky-fixed .sticky-stock-status {
    display: block;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-top-header-wrapper.sticky-fixed .show-on-mobile-sticky {
    visibility: visible;
    opacity: 1;
    transition: all .4s ease-in-out;
    height: 100%;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-top-header-wrapper.sticky-fixed .stock-status-wrapper {
    display: flex;
    justify-content: center;
    text-align: center;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-top-header-wrapper.sticky-fixed .sticky-chevron-bottom {
    display: flex;
    justify-content: center;
    padding-bottom: 15px;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-top-header-wrapper.sticky-fixed .sticky-chevron-bottom .sticky-chevron-swipe {
    padding-top: 9px;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-top-header-wrapper.sticky-fixed .sticky-chevron-bottom .sticky-chevron-swipe:after {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-bottom: 2px solid #333;
    border-left: 2px solid #333;
    transform: rotate(-45deg);
    transition: all 0.2s ease;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-top-header-wrapper.sticky-fixed .left-panel {
    padding: 40px 21px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-top-header-wrapper.sticky-fixed .left-panel {
    padding: 33px 21px;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-top-header-wrapper.sticky-fixed .left-panel {
    padding: 0 16px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-top-header-wrapper.sticky-fixed .right-pannel {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-top-header-wrapper.sticky-fixed .right-pannel {
    display: none;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-top-header-wrapper .tariff-table-error {
  text-align: center;
  margin: 36px 0;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 21px;
  color: #333;
}

.tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-top-header-wrapper .tariff-table-error .tariff-table-error-wrapper {
  background: #fff0b2;
  border-radius: 8px;
  border: 1px solid #FFCC00;
  padding: 20px 67px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-top-header-wrapper .tariff-table-error .tariff-table-error-wrapper {
    padding: 30px 24px;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-top-header-wrapper .tariff-table-error .tariff-table-error-wrapper {
    padding: 21px 25px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-top-header-wrapper .tariff-table-error {
    margin: 21px 0;
    padding: 0 21px;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-top-header-wrapper .tariff-table-error {
    margin: 18px 0;
    padding: 0 18px;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-top-header-wrapper .tariff-table-error .tariff-table-error-title {
  font-family: "VM Circular Book", sans-serif;
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-top-header-wrapper .tariff-table-error .tariff-table-error-title {
    font-family: "VM Circular Light", sans-serif;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-top-header-wrapper .tariff-table-error .tariff-table-error-message {
  font-family: "VM Circular Light", sans-serif;
}

.tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-top-header-wrapper .price-breakdown-content .header-breakdown-item {
  padding-left: 0px;
  padding-right: 0px;
}

.tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-top-header-wrapper .price-breakdown-content .strikethrough {
  display: none;
}

.tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-top-header-wrapper .price-breakdown-content .math {
  line-height: 34px;
  font-size: 40px;
  font-size: 4rem;
  position: absolute;
  top: 0px;
  right: 25%;
  color: #9B9B9B;
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-top-header-wrapper .price-breakdown-content .math {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 33px;
    right: -10%;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header.price-breakdown {
    margin: 0;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header.price-breakdown .tariff-top-header-wrapper {
    background: #f7f7f7;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-top-header .mobile-stock-status-tariffs {
  position: absolute;
  top: 15px;
  right: 15px;
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .mobile-stock-status-tariffs {
    position: absolute;
    top: 10px;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-top-header.sticky-fixed {
  z-index: 100;
  background: #f7f7f7;
  width: 100%;
  border-bottom: 1px solid #e8e8e8;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header.sticky-fixed .contract-duration-top, .tariff-table .tariff-table-template-wrapper .tariff-top-header.sticky-fixed .tariff-top-header-wrapper {
    padding: 0 21px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header.sticky-fixed {
    padding-top: 0;
    padding-bottom: 0;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header.sticky-fixed {
    padding: 0 15px;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-top-header .left-panel {
  padding: 40px 0;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .left-panel {
    padding: 40px 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .left-panel {
    padding: 33px 20px;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .left-panel {
    padding: 0;
    position: relative;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .left-panel .hide-on-mobile-sticky {
    padding: 0;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .left-panel .hide-on-mobile-sticky .tariff-top-title-left {
    padding-top: 15px;
    position: relative;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .left-panel .hide-on-mobile-sticky .tariff-top-title-left .upfront-cost-sac-band {
    float: none;
    text-align: left;
    font-family: "VM Circular Light", sans-serif;
    color: #666666;
    padding: 0 15px;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .left-panel .hide-on-mobile-sticky .tariff-top-title-left .upfront-cost-sac-band:not(.freestyle):after {
    content: '';
    display: block;
    position: absolute;
    top: 33px;
    right: 32px;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #dd0000;
    border-left: 2px solid #dd0000;
    transform: rotate(-45deg);
    transition: all 0.2s ease;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .left-panel .hide-on-mobile-sticky .tariff-top-title-left .upfront-cost-sac-band:not(.freestyle).toggle-chevron:after {
    top: 36px;
    transform: rotate(135deg);
    transition: all 0.2s ease;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .left-panel .hide-on-mobile-sticky .tariff-top-title-left .active-sac-band {
    padding-left: 15px;
    padding-right: 15px;
    float: none;
    text-align: left;
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 1.2;
    color: #333;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .left-panel .sac-bands-tabs-mobile {
    display: none;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .left-panel .sac-bands-tabs-mobile .sac-band-tab {
    height: 48px;
    padding: 0 15px;
    position: relative;
    display: flex;
    align-items: center;
    color: #322332;
    font-family: "VM Circular Book", sans-serif;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .left-panel .sac-bands-tabs-mobile .sac-band-tab:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 15px;
    right: 15px;
    height: 48px;
    border-bottom: 1px solid #e8e8e8;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .left-panel .sac-bands-tabs-mobile .sac-band-tab:last-child:after {
    border-bottom: none;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .left-panel .sac-bands-tabs-mobile .sac-band-tab:first-child:after {
    border-top: 1px solid #e8e8e8;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .left-panel .sac-bands-tabs-mobile .sac-band-tab.active {
    background: #fdebf4;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .left-panel .sac-bands-tabs-mobile.active {
    display: block;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-top-title-price-wrapper .sticky-stock-status {
  display: none;
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-top-title-price-wrapper {
    padding: 15px;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-top-title-price-wrapper .non-sticky-stock-status-mobile {
    margin-top: 30px;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-top-title-left {
  font-family: "VM Circular Light", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 24px;
  margin-bottom: 16px;
  color: #666;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-top-title-left {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    margin-bottom: 11px;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-top-title-left {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 18px;
    margin-bottom: 10px;
    text-align: right;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-top-price, .tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-top-upfront-cost, .tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-top-upfront-cost-sac-bands, .tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-upfront-cost, .tariff-table .tariff-table-template-wrapper .tariff-top-header .device-top-price, .tariff-table .tariff-table-template-wrapper .tariff-top-header .plan-top-price {
  font-family: "VM Circular Light", sans-serif;
  font-size: 40px;
  font-size: 4rem;
  line-height: 34px;
  color: #333;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-top-price, .tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-top-upfront-cost, .tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-top-upfront-cost-sac-bands, .tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-upfront-cost, .tariff-table .tariff-table-template-wrapper .tariff-top-header .device-top-price, .tariff-table .tariff-table-template-wrapper .tariff-top-header .plan-top-price {
    font-size: 40px;
    font-size: 4rem;
    line-height: 37px;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-top-price, .tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-top-upfront-cost, .tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-top-upfront-cost-sac-bands, .tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-upfront-cost, .tariff-table .tariff-table-template-wrapper .tariff-top-header .device-top-price, .tariff-table .tariff-table-template-wrapper .tariff-top-header .plan-top-price {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 33px;
    padding-top: 13px;
    padding-bottom: 13px;
    text-align: right;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-top-upfront-cost-sac-bands {
  clear: both;
  padding-left: 14px;
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-top-upfront-cost-sac-bands {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 1;
    padding: 0 15px 15px 15px;
    text-align: left;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-top-upfront-cost-sac-bands span {
    padding-left: 15px;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-top-price, .tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-upfront-cost {
  white-space: nowrap;
  float: left;
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-top-price, .tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-upfront-cost {
    white-space: inherit;
    float: none;
    display: flex;
    justify-content: flex-end;
    flex: 1;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-top-price span, .tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-upfront-cost span {
    display: flex;
    justify-content: flex-start;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-top-price span.strikethrough, .tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-upfront-cost span.strikethrough {
    padding-right: 5px;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-top-price.right-position, .tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-upfront-cost.right-position {
  float: right;
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-top-price.right-position, .tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-upfront-cost.right-position {
    float: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-top-price.use-sim-free-spacing, .tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-upfront-cost.use-sim-free-spacing {
    padding-bottom: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-top-price, .tariff-table .tariff-table-template-wrapper .tariff-top-header .tariff-upfront-cost {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 1;
    padding-top: 0;
    padding-bottom: 0;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .sticky-fixed .left-panel {
    padding-top: 0;
    transition: 0.2s transform cubic-bezier(0.3, 0.73, 0.3, 0.74);
  }
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .sticky-fixed .left-panel .tariff-top-title-price-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .sticky-fixed .left-panel .tariff-top-title-price-wrapper .tariff-top-upfront-cost-sac-bands span {
    padding: 0;
    font-family: "VM Circular Book", sans-serif;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .sticky-fixed .left-panel .tariff-top-title-price-wrapper .sac-bands-tabs-title,
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .sticky-fixed .left-panel .tariff-top-title-price-wrapper .tariff-top-price {
    font-family: "VM Circular Book", sans-serif;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-top-header .header-breakdown-item .tariff-top-title-left {
  text-align: left;
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .header-breakdown-item .tariff-top-title-left.center-on-mobile {
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .header-breakdown-item .tariff-top-title-left.right-title-on-mobile {
    text-align: right;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .header-breakdown-item .tariff-top-price, .tariff-table .tariff-table-template-wrapper .tariff-top-header .header-breakdown-item .tariff-top-upfront-cost, .tariff-table .tariff-table-template-wrapper .tariff-top-header .header-breakdown-item .tariff-top-upfront-cost-sac-bands, .tariff-table .tariff-table-template-wrapper .tariff-top-header .header-breakdown-item .tariff-upfront-cost, .tariff-table .tariff-table-template-wrapper .tariff-top-header .header-breakdown-item .device-top-price, .tariff-table .tariff-table-template-wrapper .tariff-top-header .header-breakdown-item .plan-top-price {
    text-align: left;
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 33px;
    font-size: 18px;
    font-size: 1.8rem;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-top-header .header-breakdown-item .tariff-top-price.center-on-mobile, .tariff-table .tariff-table-template-wrapper .tariff-top-header .header-breakdown-item .tariff-top-upfront-cost.center-on-mobile, .tariff-table .tariff-table-template-wrapper .tariff-top-header .header-breakdown-item .tariff-top-upfront-cost-sac-bands.center-on-mobile, .tariff-table .tariff-table-template-wrapper .tariff-top-header .header-breakdown-item .tariff-upfront-cost.center-on-mobile, .tariff-table .tariff-table-template-wrapper .tariff-top-header .header-breakdown-item .device-top-price.center-on-mobile, .tariff-table .tariff-table-template-wrapper .tariff-top-header .header-breakdown-item .plan-top-price.center-on-mobile {
    text-align: center;
  }
}

.tariff-table .tariff-table-template-wrapper .non-paym-header .stock-chevron-wrapper {
  position: absolute;
  right: 15px;
  bottom: 7px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .non-paym-header .stock-chevron-wrapper {
    bottom: auto;
    top: -80px;
  }
  .tariff-table .tariff-table-template-wrapper .non-paym-header .stock-chevron-wrapper.stock-chevron-wrapper-sim-blocks {
    bottom: auto;
    top: -143px;
  }
}

.tariff-table .tariff-table-template-wrapper .non-paym-header .stock-chevron-wrapper.stock-chevron-wrapper-sim-blocks {
  bottom: -3px;
}

.tariff-table .tariff-table-template-wrapper .non-paym-header .stock-chevron-wrapper.stock-chevron-wrapper-sim-blocks .chevron-wrapper {
  flex-direction: column;
  height: auto;
}

.tariff-table .tariff-table-template-wrapper .non-paym-header .stock-chevron-wrapper.stock-chevron-wrapper-sim-blocks .chevron-wrapper .tariff-chevron {
  visibility: visible;
}

.tariff-table .tariff-table-template-wrapper .non-paym-header .stock-chevron-wrapper.stock-chevron-wrapper-sim-blocks .chevron-wrapper .tariff-chevron:hover, .tariff-table .tariff-table-template-wrapper .non-paym-header .stock-chevron-wrapper.stock-chevron-wrapper-sim-blocks .chevron-wrapper .tariff-chevron:focus {
  opacity: .5;
  text-decoration: none;
}

.tariff-table .tariff-table-template-wrapper .non-paym-header .stock-chevron-wrapper.stock-chevron-wrapper-sim-blocks .chevron-wrapper .tariff-chevron.disabled {
  opacity: .3;
  pointer-events: none;
}

.tariff-table .tariff-table-template-wrapper .non-paym-header .stock-chevron-wrapper.stock-chevron-wrapper-sim-blocks .chevron-wrapper .tariff-chevron.custom-colour-cta i {
  visibility: visible;
}

.tariff-table .tariff-table-template-wrapper .non-paym-header .stock-chevron-wrapper.stock-chevron-wrapper-sim-blocks .chevron-wrapper .cta-mb {
  margin-bottom: 0;
}

.tariff-table .tariff-table-template-wrapper .non-paym-header .stock-chevron-wrapper.stock-chevron-wrapper-sim-blocks .chevron-wrapper .cta-mb:first-child {
  margin-bottom: 10px;
}

.tariff-table .tariff-table-template-wrapper .non-paym-header .stock-chevron-wrapper .tariff-chevron {
  visibility: hidden;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .non-paym-header .stock-chevron-wrapper .tariff-chevron {
    margin-top: 0;
  }
}

.tariff-table .tariff-table-template-wrapper .non-paym-header .stock-chevron-wrapper .stock-status-wrapper {
  margin-top: 27px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .non-paym-header .stock-chevron-wrapper .stock-status-wrapper {
    margin-top: 11px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .non-paym-header .contract-duration {
    border-top: 1px solid #e8e8e8;
    padding-top: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .non-paym-header .contract-duration .header-title {
    display: block;
    text-align: center;
    padding-top: 16px;
  }
}

.tariff-table .tariff-table-template-wrapper .non-paym-header .tariff-top-header {
  margin: 0;
}

.tariff-table .tariff-table-template-wrapper .non-paym-header .tariff-top-header .tariff-top-title-left {
  text-align: left;
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .non-paym-header .tariff-top-header .tariff-top-title-price-wrapper {
    padding-right: 0;
    padding-left: 0;
  }
  .tariff-table .tariff-table-template-wrapper .non-paym-header .tariff-top-header .header-title {
    font-family: "VM Circular Book", sans-serif;
  }
  .tariff-table .tariff-table-template-wrapper .non-paym-header .tariff-top-header .tariff-top-price {
    justify-content: flex-end;
    text-align: right;
  }
  .tariff-table .tariff-table-template-wrapper .non-paym-header .tariff-top-header .tariff-top-price span {
    justify-content: flex-end;
  }
  .tariff-table .tariff-table-template-wrapper .non-paym-header .tariff-top-header .sac-bands-wrapper {
    padding-top: 13px;
    padding-bottom: 13px;
  }
  .tariff-table .tariff-table-template-wrapper .non-paym-header .tariff-top-header .sac-bands-wrapper .row {
    display: flex;
    align-items: flex-end;
  }
  .tariff-table .tariff-table-template-wrapper .non-paym-header .tariff-top-header .sac-bands-wrapper .tariff-top-title-left {
    float: left;
    width: 50%;
    clear: none;
    text-align: left;
    padding: 0 15px;
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0;
    margin-top: 3px;
  }
  .tariff-table .tariff-table-template-wrapper .non-paym-header .tariff-top-header .sac-bands-wrapper .tariff-top-title-left .upfront-cost-sac-band {
    font-family: "VM Circular Book", sans-serif;
    padding-left: 0;
    padding-right: 0;
  }
  .tariff-table .tariff-table-template-wrapper .non-paym-header .tariff-top-header .sac-bands-wrapper .tariff-top-upfront-cost-sac-bands {
    float: left;
    width: 50%;
    clear: none;
    text-align: right;
    padding: 0 15px;
  }
  .tariff-table .tariff-table-template-wrapper .non-paym-header .tariff-top-header .tariff-top-title-price-wrapper {
    display: flex;
    align-items: flex-end;
    padding-top: 13px;
    padding-bottom: 13px;
    border-bottom: 1px solid #e8e8e8;
  }
  .tariff-table .tariff-table-template-wrapper .non-paym-header .tariff-top-header .tariff-top-title-price-wrapper .tariff-top-title-left {
    float: left;
    width: 55%;
    clear: none;
    padding: 0;
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 4px;
    font-family: "VM Circular Book", sans-serif;
  }
  .tariff-table .tariff-table-template-wrapper .non-paym-header .tariff-top-header .tariff-top-title-price-wrapper .tariff-top-price {
    float: left;
    width: 45%;
    clear: none;
    text-align: left;
    padding: 0;
    display: flex;
    flex-direction: column;
  }
  .tariff-table .tariff-table-template-wrapper .non-paym-header .tariff-top-header .tariff-top-title-price-wrapper .tariff-top-price .strikethrough {
    font-size: 18px;
    font-size: 1.8rem;
    padding-right: 0;
  }
}

.tariff-table .tariff-table-template-wrapper .non-paym-header .tariff-top-header .tariff-top-header-wrapper .tariff-top-header-wrapper-tiles {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .non-paym-header .tariff-top-header .tariff-top-header-wrapper {
    padding: 19px 0px 26px 0px;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .non-paym-header .tariff-top-header .tariff-top-header-wrapper {
    padding: 0;
    background: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .non-paym-header .tariff-top-header .tariff-top-price {
    padding-bottom: 17px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .non-paym-header .tariff-top-header .tariff-top-upfront-cost-sac-bands, .tariff-table .tariff-table-template-wrapper .non-paym-header .tariff-top-header .tariff-top-price {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .non-paym-header .tariff-top-header .tariff-top-title-left {
    margin-bottom: 0;
  }
}

.tariff-table .tariff-table-template-wrapper .non-paym-header .tariff-radio {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .non-paym-header .tariff-radio {
    padding-top: 15px;
    padding-bottom: 16px;
  }
}

.tariff-table .tariff-table-template-wrapper .non-paym-header .tariff-radio [type="radio"]:checked + label,
.tariff-table .tariff-table-template-wrapper .non-paym-header .tariff-radio [type="radio"]:not(:checked) + label {
  margin-top: 7px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .non-paym-header .sticky-fixed .stock-chevron-wrapper {
    right: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .non-paym-header .sticky-fixed .tariff-top-header-wrapper {
    padding: 19px 20px 26px 20px;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content {
  max-width: 1134px;
  width: 100%;
  margin: 0 auto;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tarrif-table-message {
  padding: 15px 20px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  color: #322332;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tarrif-table-message {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 15px 16px;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tarrif-table-message {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 15px 16px;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tarrif-table-message.yellow {
  background: #ffcc00;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tarrif-table-message p {
  margin: 0;
  font-family: "VM Circular Book", sans-serif;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-header.sticky-fixed {
  z-index: 99;
  max-width: 1176px;
  width: 100%;
  margin: 0 auto;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-header.sticky-fixed .tariff-table-title, .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-header.sticky-fixed .table-header-movable {
  margin: 0 21px;
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-header.sticky-fixed .tariff-table-title, .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-header.sticky-fixed .table-header-movable {
    margin: 0 15px;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-header .table-header-movable {
  background: #f7f7f7;
  border: 1px solid #e8e8e8;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  align-content: stretch;
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-header .table-header-movable {
    text-align: center;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-header .table-header-movable .tariff-table-content-wrapper-titles:first-child {
  padding-left: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-header .table-header-movable .tariff-table-content-wrapper-titles:first-child {
    padding-left: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-header .table-header-movable .tariff-table-content-wrapper-titles:first-child {
    padding-left: 0;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-header .table-header-movable p {
  margin: 0;
  font-size: 18px;
  font-size: 1.8rem;
  color: #333;
  font-family: "VM Circular Book", sans-serif;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-header .table-header-movable p {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-header .table-header-movable p {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-header .table-header-movable p.strikethrough {
  color: #9B9B9B;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-header .table-header-movable .tariff-table-item {
  min-height: 68px;
  padding-top: 19px;
  padding-bottom: 19px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-header .table-header-movable .tariff-table-item {
    min-height: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-header .table-header-movable .tariff-table-item {
    min-height: 55px;
    padding-top: 20px;
    padding-bottom: 20px;
    justify-content: flex-end;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-title {
  background: #322332;
  padding: 19px 20px;
  color: #ffffff;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-title {
    padding: 19px 16px;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-title {
    padding: 19px 16px;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-title h2 {
  margin: 0;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1;
  font-family: "VM Circular Light", sans-serif;
  color: #ffffff;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-title h2 {
    font-size: 25px;
    font-size: 2.5rem;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-title h2 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-title p {
  margin: 0;
  margin-top: 10px;
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "VM Circular Light", sans-serif;
  color: #ffffff;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-title p {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-title p {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .tariff-table-content-wrapper-titles, .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .tariff-table-content-wrapper {
  border: 1px solid #e8e8e8;
  border-top: none;
  font-family: "VM Circular Book", sans-serif;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .tariff-table-content-wrapper-titles, .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .tariff-table-content-wrapper {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 21px;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .tariff-table-content-wrapper-titles, .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .tariff-table-content-wrapper {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .mobile-wifi .tariff-table-item .hasPromoText, .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner paym-tablets .tariff-table-item .hasPromoText {
    flex-direction: column;
    justify-content: center;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .tariff-table-item {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  align-content: stretch;
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .tariff-table-item {
    text-align: center;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .tariff-table-item:first-child, .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .tariff-table-item.second-child {
  padding-left: 35px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .tariff-table-item:first-child, .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .tariff-table-item.second-child {
    padding-left: 31px;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .tariff-table-item:first-child, .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .tariff-table-item.second-child {
    padding-left: 15px;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .tariff-table-item p {
  margin: 0;
  font-size: 18px;
  font-size: 1.8rem;
  color: #000;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .tariff-table-item p {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .tariff-table-item p {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .tariff-table-item p.strikethrough {
  color: #9B9B9B;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .tariff-table-item p .unit-size {
  text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .tariff-table-item p .promo-unit {
    display: block;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .tariff-table-item .hasPromoText {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .tariff-table-item .hasPromoText p:first-child {
  padding-left: 4px;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .tariff-table-item .promoMonthlyText {
  padding: 0px 5px;
  display: inline-table;
  white-space: nowrap;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .tariff-table-item.wrap-promo .promoMonthlyText {
  white-space: normal;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .tariff-table-item .promoMonthlyDataText {
  padding: 4px 5px;
  display: inline-block;
  line-height: 1;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .tariff-table-item .promo-monthly-data-wrapper {
  padding-right: 42px;
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .tariff-table-item .promo-monthly-data-wrapper {
    padding-right: 0;
    text-align: center;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .tariff-table-titles {
  display: flex;
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .tariff-table-titles {
    margin: 0;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .tariff-table-titles .tariff-table-item {
  min-height: 68px;
  padding-top: 19px;
  padding-bottom: 19px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .tariff-table-titles .tariff-table-item {
    min-height: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .tariff-table-titles .tariff-table-item {
    min-height: 55px;
    padding-top: 20px;
    padding-bottom: 20px;
    justify-content: flex-end;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .tariff-table-titles .tariff-table-item:first-child {
    text-align: left;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .tariff-table-titles .tariff-table-item:last-child {
    text-align: right;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .tariff-table-prices {
  color: #000000;
  display: flex;
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .tariff-table-prices {
    margin: 0;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .tariff-table-prices .tariff-table-item {
  min-height: 69px;
  padding-top: 19px;
  padding-bottom: 19px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .tariff-table-prices .tariff-table-item {
    min-height: 60px;
    padding-top: 22px;
    padding-bottom: 22px;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .tariff-table-prices .tariff-table-item {
    min-height: 55px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .tariff-table-prices .tariff-table-item:first-child {
    text-align: left;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .tariff-table-prices .tariff-table-item:last-child {
    text-align: right;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .tariff-table-prices .tariff-table-item i {
  position: absolute;
  right: 35px;
  top: 0;
  bottom: 0;
  align-items: center;
  display: none;
  left: auto;
  color: initial;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .tariff-table-prices .tariff-table-item i {
    right: 31px;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .tariff-table-content-wrapper {
  background: #ffffff;
  visibility: visible;
  opacity: 1;
  height: auto;
  transition: opacity 0.5s ease;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .tariff-table-content-wrapper:hover {
  cursor: pointer;
  background: #fdebf4;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .tariff-table-content-wrapper:hover {
    background: #ffffff;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .tariff-table-content-wrapper:hover {
    background: #ffffff;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .tariff-table-content-wrapper:hover .tariff-table-prices .tariff-table-item i {
  display: none;
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .tariff-table-content-wrapper:hover .tariff-table-prices .tariff-table-item i {
    display: none;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .tariff-table-content-wrapper.active {
  background: #fdebf4;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .tariff-table-content-wrapper.active .tariff-table-prices .tariff-table-item i {
  display: flex;
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .tariff-table-content-wrapper.active .tariff-table-prices .tariff-table-item i {
    display: none;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-blocks p {
  margin: 0;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-blocks .tariff-table-content-wrapper {
  position: relative;
  border: none;
  height: 450px;
  margin-bottom: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-blocks .tariff-table-content-wrapper {
    height: auto;
    max-width: 355px;
    padding-top: 65px;
    padding-bottom: 65px;
    margin: 0 auto 35px auto;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-blocks .tariff-table-content-wrapper .tariff-table-prices {
  display: block;
  position: relative;
  z-index: 2;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-blocks .tariff-table-content-wrapper .tariff-table-prices {
    margin-left: -15px;
    margin-right: -15px;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-blocks .tariff-table-content-wrapper .tariff-table-prices .mins-texts-block {
  padding-left: 10px;
  padding-right: 10px;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-blocks .tariff-table-content-wrapper .tariff-table-prices .mins-texts-block:after {
  content: '';
  display: block;
  width: 1px;
  background: #DBDBDB;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-blocks .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item {
  position: relative;
  display: block;
  padding: 0;
  min-height: auto;
  line-height: normal;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-blocks .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item p .promo-unit {
  display: inline;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-blocks .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item.data-block, .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-blocks .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item.price-block {
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-blocks .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item.data-block p, .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-blocks .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item.price-block p {
  display: inline-block;
  font-size: 30px;
  font-size: 3rem;
  line-height: 30px;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-blocks .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item.data-block .block-title, .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-blocks .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item.price-block .block-title {
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 18px;
  margin-bottom: 10px;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-blocks .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item.data-block {
  padding-bottom: 18px;
  margin-bottom: 10px;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-blocks .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item.data-block:after {
  content: '';
  display: block;
  height: 1px;
  background: #DBDBDB;
  position: absolute;
  bottom: 0;
  left: 30px;
  right: 30px;
  margin: auto;
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-blocks .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item.data-block:after {
    left: 10px;
    right: 10px;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-blocks .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item.price-block {
  margin-top: 20px;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-blocks .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item.mins-block {
  text-align: center;
  float: right;
  position: relative;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-blocks .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item.mins-block p {
  display: inline-block;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 18px;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-blocks .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item.texts-block {
  text-align: center;
  float: left;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-blocks .tariff-table-content-wrapper .tariff-table-prices .tariff-table-item.texts-block p {
  display: inline-block;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 18px;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-blocks .tariff-table-content-wrapper.active {
  background: #ffffff;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-blocks .tariff-table-content-wrapper.active:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  border: 2px solid #348437;
  z-index: 9;
  pointer-events: none;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-blocks .tariff-table-content-wrapper.active:hover:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  border: 2px solid #348437;
  z-index: 9;
  pointer-events: none;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-blocks .tariff-table-content-wrapper:hover {
  background: #ffffff;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-blocks .tariff-table-content-wrapper:hover:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  border: 1px solid #ccc;
  z-index: 9;
  pointer-events: none;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-blocks .tariff-table-content-wrapper .select-a-plan-cta {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px;
  padding: 8px 22px;
  border-radius: 19px;
  white-space: nowrap;
  display: inline-block;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-blocks .tariff-table-content-wrapper .select-a-plan-cta.cta-mb {
  margin: 10px 0 0;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-blocks .tariff-table-content-wrapper .select-a-plan-cta:hover {
  opacity: .5;
  text-decoration: none;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-blocks .tariff-table-content-wrapper .flash-sale-blocks, .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-blocks .tariff-table-content-wrapper .tariff-table-countdown {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 3;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-blocks .tariff-table-content-wrapper .flash-sale-blocks.top, .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-blocks .tariff-table-content-wrapper .tariff-table-countdown.top {
  top: 0;
  bottom: auto;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-blocks .tariff-table-content-wrapper .flash-sale-blocks.bottom, .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-blocks .tariff-table-content-wrapper .tariff-table-countdown.bottom {
  top: auto;
  bottom: 0;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-blocks .tariff-table-content-wrapper .flash-sale-blocks .promo-monthly-wrapper p {
  margin: 0;
  height: 50px;
  font-family: "VM Circular Bold", sans-serif;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 22px;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-blocks .tariff-table-content-wrapper .timer-wrapper .expiry-text, .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-blocks .tariff-table-content-wrapper .timer-wrapper .last-day-text {
  margin-top: 4px;
  display: none;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 17px;
  font-family: "VM Circular Bold", sans-serif;
  padding-right: 16px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-blocks .tariff-table-content-wrapper .timer-wrapper .expiry-text, .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-blocks .tariff-table-content-wrapper .timer-wrapper .last-day-text {
    margin-top: 2px;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-blocks .tariff-table-content-wrapper .timer-wrapper .timer {
  padding: 0;
  margin: 0;
  height: 50px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-blocks .tariff-table-content-wrapper .timer-wrapper .timer li {
  display: inline-block;
  text-align: center;
  padding: 0 6px;
  -webkit-background-clip: padding-box;
  /* for Safari */
  background-clip: padding-box;
  /* for IE9+, Firefox 4+, Opera, Chrome */
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-blocks .tariff-table-content-wrapper .timer-wrapper .timer li .digits {
  font-family: "VM Circular Bold", sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 15px;
  display: block;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-blocks .tariff-table-content-wrapper .timer-wrapper .timer li .unit {
  font-family: "VM Circular Book", sans-serif;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 13px;
  display: block;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-blocks .tariff-table-content-wrapper .timer-wrapper .timer li .position {
  display: inline-block;
  position: relative;
  min-height: 12px;
  width: 6px;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-blocks .tariff-table-content-wrapper .timer-wrapper .timer li .digit {
  position: absolute;
  top: 0 !important;
  left: 0;
  line-height: 12px;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-blocks .tariff-table-content-wrapper-blocks {
  visibility: visible;
  opacity: 1;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-blocks .tariff-table-content-wrapper-blocks .tariff-table-content-wrapper a, .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-blocks .tariff-table-content-wrapper-blocks .tariff-table-content-wrapper .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-blocks .tariff-table-content-wrapper-blocks .tariff-table-content-wrapper span {
  transition: none;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles {
  max-width: 870px;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles {
    margin: 0 -15px;
    max-width: 885px;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles p, .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .custom-colour-cta {
  margin: 0;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles {
  min-height: 0;
  margin-bottom: 32px;
  padding: 0;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles .countdown-banner-component-blocks {
  border-radius: 0 0 2px 2px;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles.active, .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles.active-promo-tiles {
  box-shadow: 0 0 2px 2px #348437;
  border-radius: 5px;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles.active .promo-unit-tiles, .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles.active-promo-tiles .promo-unit-tiles {
  border: 1px solid #348437 !important;
  border-bottom: none !important;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles.active .tariff-table-content-wrapper, .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles.active-promo-tiles .tariff-table-content-wrapper {
  border: 1px solid #348437 !important;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles.active-promo-tiles .tariff-table-content-wrapper {
  border-top: none !important;
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles {
    margin-left: 15px;
    margin-right: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles .exclusive-text-tiles {
    line-height: 1;
    padding: 5px 10px;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles .data-logo {
  position: relative;
  width: 44px;
  height: 60px;
  border: 3px solid;
  border-radius: 8px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  flex-direction: column;
  font-family: "VM Circular Black", sans-serif;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles .data-logo:before {
  position: absolute;
  width: 24px;
  height: 27.2px;
  border-radius: 3px;
  top: -27.3%;
  left: -38.2%;
  transform: rotate(-47deg);
  content: "";
  background-color: white;
  border-bottom: 3.4px solid;
  border-color: inherit;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles .data-logo span {
  line-height: .8;
  display: block;
  text-align: center;
  text-transform: uppercase;
  font-size: 18px;
  font-size: 1.8rem;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles .data-logo span .unit-size {
  padding-top: 2px;
  font-size: 13px;
  font-size: 1.3rem;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles .data-logo:not(.normal-font) span {
  text-transform: uppercase;
  font-size: 6.5px;
  font-size: 0.65rem;
  line-height: 1.3;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles .mins-texts-tiles {
    width: 32%;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles .mins-texts-tiles {
    margin-bottom: 10px;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: normal;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles .data-tiles, .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles .price-tiles {
  font-size: 24px;
  font-size: 2.4rem;
  font-family: "VM Circular Book", sans-serif;
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles .data-tiles, .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles .price-tiles {
    font-size: 23px;
    font-size: 2.3rem;
    line-height: normal;
    margin-bottom: 10px;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles .data-tiles.data-bold-tiles, .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles .price-tiles.data-bold-tiles {
  font-family: "VM Circular Black", sans-serif;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles .data-tiles.data-bold-tiles .strikethrough, .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles .price-tiles.data-bold-tiles .strikethrough {
  font-family: "VM Circular Light", sans-serif;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles .promo-unit-tiles {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  border-radius: 4px 4px 0 0;
  font-family: "VM Circular Medium", sans-serif;
  font-weight: 500;
  font-size: 18px;
  font-size: 1.8rem;
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles .promo-unit-tiles {
    font-family: "VM Circular Book", sans-serif;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles .tariff-table-content-wrapper {
  border-radius: 4px;
}

@media only screen and (min-width: 1200px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles .tariff-table-content-wrapper .select-a-plan-cta-wrapper {
    padding: 0;
    margin-right: 10px;
    margin-left: 5px;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles .tariff-table-content-wrapper.tiles-offer, .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles .tariff-table-content-wrapper.tiles-exclusive {
  border-radius: 0 0 4px 4px;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles .tariff-table-content-wrapper.active, .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles .tariff-table-content-wrapper:hover, .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles .tariff-table-content-wrapper:focus {
  background: #ffffff;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles .tariff-table-content-wrapper .tile-center {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  padding: 30px 26px 30px 39px;
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles .tariff-table-content-wrapper .tile-center {
    display: block;
    padding: 14px 8px;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles .tariff-table-content-wrapper .tile-center .price-tiles .strikethrough {
  font-size: 23px;
  font-size: 2.3rem;
  font-weight: 300;
  font-family: "VM Circular Light", sans-serif;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles .tariff-table-content-wrapper .tile-center .data-tiles span {
  font-size: 23px;
  font-size: 2.3rem;
  font-weight: 900;
  font-family: "VM Circular Black", sans-serif;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles .tariff-table-content-wrapper .tile-center .data-tiles span.strikethrough {
  margin-right: 5px;
  display: inline-block;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles .tariff-table-content-wrapper .tile-center .data-tiles span.strikethrough, .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles .tariff-table-content-wrapper .tile-center .data-tiles span.strikethrough span {
  font-size: 23px;
  font-size: 2.3rem;
  font-weight: 300;
  font-family: "VM Circular Light", sans-serif;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles .tariff-table-content-wrapper .tile-center .unit-size {
  text-transform: uppercase;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles .cta-mb {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles .cta-mb {
    padding: 3px 22px;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles .timer-wrapper .expiry-text, .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles .timer-wrapper .last-day-text {
  margin-top: 3px;
  display: none;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 17px;
  font-family: "VM Circular Bold", sans-serif;
  padding-right: 16px;
}

@media only screen and (max-width: 320px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles .timer-wrapper .expiry-text, .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles .timer-wrapper .last-day-text {
    padding-left: 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles .timer-wrapper .expiry-text, .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles .timer-wrapper .last-day-text {
    margin-top: 2px;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles .timer-wrapper .timer {
  padding: 0;
  margin: 0;
  height: 35px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles .timer-wrapper .timer {
    height: 50px;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles .timer-wrapper .timer li {
  display: inline-block;
  text-align: center;
  padding: 0 24px;
  -webkit-background-clip: padding-box;
  /* for Safari */
  background-clip: padding-box;
  /* for IE9+, Firefox 4+, Opera, Chrome */
}

@media only screen and (min-width: 768px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles .timer-wrapper .timer li {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles .timer-wrapper .timer li {
    padding: 0 10px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}

@media only screen and (max-width: 320px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles .timer-wrapper .timer li {
    margin-top: 3.5px;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles .timer-wrapper .timer li .digits {
  font-family: "VM Circular Bold", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 17px;
  margin-right: 4px;
}

@media only screen and (min-width: 768px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles .timer-wrapper .timer li .digits {
    line-height: 18px;
    display: -webkit-inline-flex;
    display: inline-flex;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles .timer-wrapper .timer li .digits {
    font-family: "VM Circular Bold", sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 15px;
    display: block;
    margin-right: 0px;
    order: 2;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles .timer-wrapper .timer li .unit {
  font-family: "VM Circular Light", sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 17px;
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles .timer-wrapper .timer li .unit {
    font-family: "VM Circular Book", sans-serif;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 13px;
    display: block;
    order: 1;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles .timer-wrapper .timer li .position {
  display: inline-block;
  position: relative;
  min-height: 12px;
  width: 6px;
}

@media only screen and (min-width: 768px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles .timer-wrapper .timer li .position {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    min-height: 19px;
    width: 10px;
    overflow: hidden;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles .timer-wrapper .timer li .digit {
  position: absolute;
  top: 0 !important;
  left: 0;
  line-height: 12px;
}

@media only screen and (min-width: 768px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles .timer-wrapper .timer li .digit {
    line-height: 18px;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles .tariff-exclusive-table-tiles.disabled {
  opacity: .3;
  pointer-events: none;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner .paym-sim-tiles .tariff-table-content-wrapper-tiles .price-tiles p {
  display: inline-block;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner.hide-all-hidden-tariffs .tariff-table-content-wrapper.tariff-hidden {
  transition: opacity 0.5s ease;
  visibility: hidden;
  opacity: 0;
  height: 0;
  overflow: hidden;
  margin: 0;
  position: absolute;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner.hide-all-hidden-tariffs .paym-sim-blocks .tariff-table-content-wrapper-blocks.tariff-hidden {
  transition: opacity 0.5s ease;
  visibility: hidden;
  opacity: 0;
  height: 0;
  overflow: hidden;
  margin: 0;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner.hide-all-hidden-tariffs .paym-sim-blocks .tariff-table-content-wrapper-blocks.tariff-hidden .tariff-table-content-wrapper {
  transition: opacity 0.5s ease;
  visibility: hidden;
  opacity: 0;
  height: 0;
  overflow: hidden;
  margin: 0;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner.hide-all-hidden-tariffs .paym-sim-blocks .tariff-table-content-wrapper-blocks.tariff-hidden .tariff-table-content-wrapper a, .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner.hide-all-hidden-tariffs .paym-sim-blocks .tariff-table-content-wrapper-blocks.tariff-hidden .tariff-table-content-wrapper .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner.hide-all-hidden-tariffs .paym-sim-blocks .tariff-table-content-wrapper-blocks.tariff-hidden .tariff-table-content-wrapper span {
  transition: none;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner.hide-all-hidden-tariffs .paym-sim-blocks .tariff-table-content-wrapper-blocks.tariff-show {
  transition: none;
  visibility: visible;
  opacity: 1;
  height: auto;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner.hide-all-hidden-tariffs .paym-sim-blocks .tariff-table-content-wrapper-blocks.tariff-show .tariff-table-content-wrapper {
  transition: none;
  visibility: visible;
  opacity: 1;
  height: 450px;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner.hide-all-hidden-tariffs .paym-sim-blocks .tariff-table-content-wrapper-blocks.tariff-show .tariff-table-content-wrapper a, .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner.hide-all-hidden-tariffs .paym-sim-blocks .tariff-table-content-wrapper-blocks.tariff-show .tariff-table-content-wrapper .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner.hide-all-hidden-tariffs .paym-sim-blocks .tariff-table-content-wrapper-blocks.tariff-show .tariff-table-content-wrapper span {
  transition: none;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner.hide-all-hidden-tariffs .paym-sim-tiles .tariff-table-content-wrapper-tiles.tariff-hidden {
  transition: opacity 0.5s ease;
  visibility: hidden;
  opacity: 0;
  height: 0;
  overflow: hidden;
  margin: 0;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner.hide-all-hidden-tariffs .paym-sim-tiles .tariff-table-content-wrapper-tiles.tariff-hidden .tariff-table-content-wrapper {
  transition: opacity 0.5s ease;
  visibility: hidden;
  opacity: 0;
  height: 0;
  overflow: hidden;
  margin: 0;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner.hide-all-hidden-tariffs .paym-sim-tiles .tariff-table-content-wrapper-tiles.tariff-hidden .tariff-table-content-wrapper a, .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner.hide-all-hidden-tariffs .paym-sim-tiles .tariff-table-content-wrapper-tiles.tariff-hidden .tariff-table-content-wrapper .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner.hide-all-hidden-tariffs .paym-sim-tiles .tariff-table-content-wrapper-tiles.tariff-hidden .tariff-table-content-wrapper span {
  transition: none;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner.hide-all-hidden-tariffs .paym-sim-tiles .tariff-table-content-wrapper-tiles.tariff-show {
  transition: none;
  opacity: 1;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner.hide-all-hidden-tariffs .paym-sim-tiles .tariff-table-content-wrapper-tiles.tariff-show .tariff-table-content-wrapper {
  transition: none;
  visibility: visible;
  opacity: 1;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner.hide-all-hidden-tariffs .paym-sim-tiles .tariff-table-content-wrapper-tiles.tariff-show .tariff-table-content-wrapper a, .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner.hide-all-hidden-tariffs .paym-sim-tiles .tariff-table-content-wrapper-tiles.tariff-show .tariff-table-content-wrapper .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .tariff-table .tariff-table-template-wrapper .tariff-table-content .tariff-table-content-inner.hide-all-hidden-tariffs .paym-sim-tiles .tariff-table-content-wrapper-tiles.tariff-show .tariff-table-content-wrapper span {
  transition: none;
}

.tariff-table .tariff-table-template-wrapper .paym-price-breakdown-bottom-section {
  max-width: 1134px;
  width: 100%;
  margin: 0 auto;
}

.tariff-table .tariff-table-template-wrapper .paym-price-breakdown-bottom-section .all-tariffs-mobile {
  border: none !important;
}

.tariff-table .tariff-table-template-wrapper .paym-price-breakdown-bottom-section .chevron-wrapper {
  margin-top: 10px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .tariff-main-content.paym-sim-tiles-content .mobile-header-position-tiles .non-paym-header .left-panel {
    padding-top: 0;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-main-content.paym-sim-tiles-content .mobile-header-position-tiles .non-paym-header .contract-duration {
    border: none;
    padding-top: 0;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-main-content.paym-sim-tiles-content .mobile-header-position-tiles .non-paym-header .contract-duration .tariff-radio {
    width: 33%;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-main-content.paym-sim-tiles-content .mobile-header-position-tiles {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-main-content.paym-sim-tiles-content .mobile-header-position-tiles .non-paym-header {
    -webkit-order: 2;
    order: 2;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-main-content.paym-sim-tiles-content .mobile-header-position-tiles .non-paym-header .contract-duration .header-title {
    padding-top: 10px;
    font-size: 18px;
    font-size: 1.8rem;
    font-family: "VM Circular Book", sans-serif;
    color: #333;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-main-content.paym-sim-tiles-content .mobile-header-position-tiles .non-paym-header .contract-duration .right-panel {
    padding: 0 10px 10px 10px;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-main-content.paym-sim-tiles-content .mobile-header-position-tiles .non-paym-header .contract-duration .tariff-radio {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-main-content.paym-sim-tiles-content .mobile-header-position-tiles .non-paym-header .contract-duration .tariff-radio [type="radio"]:checked + label, .tariff-table .tariff-table-template-wrapper .tariff-main-content.paym-sim-tiles-content .mobile-header-position-tiles .non-paym-header .contract-duration .tariff-radio [type="radio"]:not(:checked) + label {
    padding-top: 0;
    margin-top: 0;
    text-align: left;
    padding-left: 39px;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-main-content.paym-sim-tiles-content .mobile-header-position-tiles .non-paym-header .contract-duration .tariff-radio [type="radio"]:checked + label:before, .tariff-table .tariff-table-template-wrapper .tariff-main-content.paym-sim-tiles-content .mobile-header-position-tiles .non-paym-header .contract-duration .tariff-radio [type="radio"]:not(:checked) + label:before {
    left: 5px;
    right: auto;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-main-content.paym-sim-tiles-content .mobile-header-position-tiles .non-paym-header .contract-duration .tariff-radio [type="radio"]:checked + label:after, .tariff-table .tariff-table-template-wrapper .tariff-main-content.paym-sim-tiles-content .mobile-header-position-tiles .non-paym-header .contract-duration .tariff-radio [type="radio"]:not(:checked) + label:after {
    left: 9px;
    right: auto;
  }
  .tariff-table .tariff-table-template-wrapper .tariff-main-content.paym-sim-tiles-content .mobile-header-position-tiles .tariff-table-header {
    -webkit-order: 1;
    order: 1;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-main-content.paym-sim-tiles-content .tariff-table-content .tariff-table-title {
  background: none;
  text-align: center;
  padding: 19px 20px 50px 20px;
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-main-content.paym-sim-tiles-content .tariff-table-content .tariff-table-title {
    padding-bottom: 0;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-main-content.paym-sim-tiles-content .tariff-table-content .tariff-table-title h2, .tariff-table .tariff-table-template-wrapper .tariff-main-content.paym-sim-tiles-content .tariff-table-content .tariff-table-title p {
  color: #333;
}

.tariff-table .tariff-table-template-wrapper .all-tariffs-mobile, .tariff-table .tariff-table-template-wrapper .all-exclusive-tariffs-mobile {
  padding: 15px 0;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px;
  color: #666;
  font-family: "VM Circular Book", sans-serif;
  text-transform: lowercase;
}

.tariff-table .tariff-table-template-wrapper .all-tariffs-mobile:not(.family-plan-texts), .tariff-table .tariff-table-template-wrapper .all-exclusive-tariffs-mobile:not(.family-plan-texts) {
  border-bottom: 1px solid #e8e8e8;
}

.tariff-table .tariff-table-template-wrapper .all-tariffs-mobile.family-plan-texts, .tariff-table .tariff-table-template-wrapper .all-exclusive-tariffs-mobile.family-plan-texts {
  padding: 15px 20px 0 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .all-tariffs-mobile.family-plan-texts, .tariff-table .tariff-table-template-wrapper .all-exclusive-tariffs-mobile.family-plan-texts {
    padding: 15px 0 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .all-tariffs-mobile.family-plan-texts, .tariff-table .tariff-table-template-wrapper .all-exclusive-tariffs-mobile.family-plan-texts {
    padding: 15px 0 0 0;
  }
}

.tariff-table .tariff-table-template-wrapper .all-tariffs-mobile:first-letter, .tariff-table .tariff-table-template-wrapper .all-exclusive-tariffs-mobile:first-letter {
  text-transform: capitalize;
}

.tariff-table .tariff-table-template-wrapper .all-tariffs-mobile .family-plan, .tariff-table .tariff-table-template-wrapper .all-exclusive-tariffs-mobile .family-plan {
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 15px;
  text-transform: lowercase;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-description {
  max-width: 1134px;
  width: 100%;
  margin: 0 auto;
  padding: 38px 0;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  color: #666666;
  border-bottom: 1px solid #e8e8e8;
}

.tariff-table .tariff-table-template-wrapper .tariff-table-description p {
  margin: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-description {
    padding: 26px 0;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-description {
    padding: 20px 0;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 21px;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-table-description .add-to-basket-cta, .tariff-table .tariff-table-template-wrapper .tariff-table-description .custom-basket-cta {
  width: 100%;
  margin-top: 10px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-description .add-to-basket-cta, .tariff-table .tariff-table-template-wrapper .tariff-table-description .custom-basket-cta {
    margin-top: 33px;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-table-description .add-to-basket-cta, .tariff-table .tariff-table-template-wrapper .tariff-table-description .custom-basket-cta {
    margin-top: 22px;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-footer {
  max-width: 1134px;
  width: 100%;
  margin: 0 auto;
}

.tariff-table .tariff-table-template-wrapper .tariff-footer:not(.family-plan-error) {
  padding-bottom: 69px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .tariff-footer:not(.family-plan-error) {
    padding-bottom: 38px;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-footer {
    padding-bottom: 28px;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-footer .tariff-footer-header {
  padding-top: 38px;
  padding-bottom: 28px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .tariff-footer .tariff-footer-header {
    padding-top: 26px;
    padding-bottom: 28px;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-footer .tariff-footer-header {
    padding-top: 20px;
    padding-bottom: 28px;
    text-align: center;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-footer .tariff-footer-header h5 {
  font-family: "VM Circular Book", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 23px;
  margin: 0;
  color: #333;
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-footer .tariff-footer-header h5 {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-footer .tariff-footer-header p {
  margin: 0;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  color: #666;
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-footer .tariff-footer-header p {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-footer .tariff-footer-error.family-plan-error, .tariff-table .tariff-table-template-wrapper .tariff-footer.tariff-footer-error.family-plan-error {
    padding-bottom: 0;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-footer .tariff-footer-error.family-plan-error .tariff-error, .tariff-table .tariff-table-template-wrapper .tariff-footer.tariff-footer-error.family-plan-error .tariff-error {
  margin-top: 40px;
  margin-bottom: 40px;
  text-align: center;
  border: 1px solid #ffcc00;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .tariff-footer .tariff-footer-error.family-plan-error .tariff-error, .tariff-table .tariff-table-template-wrapper .tariff-footer.tariff-footer-error.family-plan-error .tariff-error {
    margin: 24px 21px;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-footer .tariff-footer-error.family-plan-error .tariff-error, .tariff-table .tariff-table-template-wrapper .tariff-footer.tariff-footer-error.family-plan-error .tariff-error {
    margin: 18px 15px;
    border-radius: 8px;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-footer .tariff-footer-error .tariff-error, .tariff-table .tariff-table-template-wrapper .tariff-footer.tariff-footer-error .tariff-error {
  padding: 8px 15px;
  margin-top: 25px;
  margin-bottom: 18px;
  background: #fff0b2;
  border-radius: 8px;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .tariff-table .tariff-table-template-wrapper .tariff-footer .tariff-footer-error .tariff-error, .tariff-table .tariff-table-template-wrapper .tariff-footer.tariff-footer-error .tariff-error {
    padding-left: 21px;
    padding-right: 21px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .tariff-footer .tariff-footer-error .tariff-error, .tariff-table .tariff-table-template-wrapper .tariff-footer.tariff-footer-error .tariff-error {
    margin-top: 11px;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-footer .tariff-footer-error .tariff-error, .tariff-table .tariff-table-template-wrapper .tariff-footer.tariff-footer-error .tariff-error {
    margin-top: 16px;
    margin-bottom: 24px;
    margin-left: -15px;
    margin-right: -15px;
    text-align: center;
    border-radius: 0;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-footer .tariff-footer-error .tariff-error .error-title, .tariff-table .tariff-table-template-wrapper .tariff-footer.tariff-footer-error .tariff-error .error-title {
  font-family: "VM Circular Book", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 21px;
  color: #333;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-footer .tariff-footer-error .tariff-error .error-title, .tariff-table .tariff-table-template-wrapper .tariff-footer.tariff-footer-error .tariff-error .error-title {
    margin-bottom: 10px;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-footer .tariff-footer-error .tariff-error .error-subtitle, .tariff-table .tariff-table-template-wrapper .tariff-footer.tariff-footer-error .tariff-error .error-subtitle {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 21px;
  color: #666;
  margin: 0;
}

.tariff-table .tariff-table-template-wrapper .tariff-footer .tariff-footer-content .tariff-radio {
  margin: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .tariff-footer .tariff-footer-content .tariff-radio {
    min-height: 52px;
    display: flex;
    align-items: center;
  }
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-footer .tariff-footer-content .tariff-radio .red {
    color: #322332 !important;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-footer .tariff-footer-content .tariff-radio [type="radio"]:checked + label:before,
.tariff-table .tariff-table-template-wrapper .tariff-footer .tariff-footer-content .tariff-radio [type="radio"]:not(:checked) + label:before {
  bottom: 0;
  margin: auto;
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-footer .tariff-footer-content .tariff-radio [type="radio"]:checked + label:before,
  .tariff-table .tariff-table-template-wrapper .tariff-footer .tariff-footer-content .tariff-radio [type="radio"]:not(:checked) + label:before {
    bottom: auto;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-footer .tariff-footer-content .tariff-radio [type="radio"]:checked + label:after,
.tariff-table .tariff-table-template-wrapper .tariff-footer .tariff-footer-content .tariff-radio [type="radio"]:not(:checked) + label:after {
  top: 0;
  bottom: 0;
  margin: auto;
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-table-template-wrapper .tariff-footer .tariff-footer-content .tariff-radio [type="radio"]:checked + label:after,
  .tariff-table .tariff-table-template-wrapper .tariff-footer .tariff-footer-content .tariff-radio [type="radio"]:not(:checked) + label:after {
    top: 4px;
    bottom: auto;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-footer .tariff-footer-content .add-to-basket-container {
  float: right;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .tariff-footer .tariff-footer-content .add-to-basket-container {
    float: none;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-footer .tariff-footer-content .add-to-basket-container .add-to-basket-cta, .tariff-table .tariff-table-template-wrapper .tariff-footer .tariff-footer-content .add-to-basket-container .custom-basket-cta {
  margin: 6px 0 0 0;
  width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tariff-table .tariff-table-template-wrapper .tariff-footer .tariff-footer-content .add-to-basket-container .add-to-basket-cta, .tariff-table .tariff-table-template-wrapper .tariff-footer .tariff-footer-content .add-to-basket-container .custom-basket-cta {
    margin-top: 36px;
  }
}

.tariff-table .tariff-table-template-wrapper .tariff-footer .tariff-footer-content .add-to-basket-container .add-to-basket-cta.invalid, .tariff-table .tariff-table-template-wrapper .tariff-footer .tariff-footer-content .add-to-basket-container .custom-basket-cta.invalid {
  opacity: .5;
}

.tariff-table .tariff-table-template-wrapper .tariff-footer .tariff-footer-content .add-to-basket-container .add-to-basket-cta.cta-mb p {
  font-size: 17px;
  font-size: 1.7rem;
  color: #fff;
  margin: 0;
}

.tariff-table .tariff-table-template-wrapper .tariff-footer .tariff-footer-content .add-to-basket-container .add-to-basket-cta.cta-mb i {
  font-size: 20px;
  font-size: 2rem;
  color: #fff;
}

.tariff-table .tariff-table-template-wrapper .paym-sim-blocks-content .tariff-table-content .tarrif-table-message {
  text-align: center;
  margin-bottom: 40px;
}

.tariff-table .tariff-table-template-wrapper .paym-sim-blocks-content .tariff-table-title-wrapper .tariff-table-title {
  background: none;
  text-align: center;
  padding: 10px 20px 50px 20px;
}

.tariff-table .tariff-table-template-wrapper .paym-sim-blocks-content .tariff-table-title-wrapper .tariff-table-title h2, .tariff-table .tariff-table-template-wrapper .paym-sim-blocks-content .tariff-table-title-wrapper .tariff-table-title p {
  color: #000;
}

.tariff-table .tariff-exclusive-table-blocks {
  position: relative;
}

.tariff-table .tariff-exclusive-table-blocks .exclusive-text-blocks {
  position: absolute;
  bottom: 0;
  height: 50px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.tariff-table .tariff-exclusive-table-blocks .exclusive-text-blocks img {
  max-height: 30px;
  padding-right: 10px;
}

.tariff-table .tariff-exclusive-table-blocks .exclusive-text-blocks p {
  font-family: "VM Circular Book", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: normal;
}

.tariff-table .tariff-exclusive-table.disabled, .tariff-table .tariff-exclusive-table-blocks.disabled {
  opacity: .3;
  pointer-events: none;
}

.tariff-table .tariff-exclusive-table .tariff-exclusive-top-message, .tariff-table .tariff-exclusive-table-blocks .tariff-exclusive-top-message {
  padding: 28px 0;
  color: #333;
  font-family: "VM Circular Book", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-exclusive-table .tariff-exclusive-top-message, .tariff-table .tariff-exclusive-table-blocks .tariff-exclusive-top-message {
    padding: 21px 0;
  }
}

.tariff-table .tariff-exclusive-table .tariff-exclusive-top-message p, .tariff-table .tariff-exclusive-table-blocks .tariff-exclusive-top-message p {
  color: #423041;
}

.tariff-table .tariff-exclusive-table .tariff-exclusive-header, .tariff-table .tariff-exclusive-table-blocks .tariff-exclusive-header {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  background: #fff;
  border: 1px solid #DBDBDB;
  padding: 28px 25px;
  font-family: "VM Circular Book", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-exclusive-table .tariff-exclusive-header, .tariff-table .tariff-exclusive-table-blocks .tariff-exclusive-header {
    flex-direction: column;
    padding: 9px 50px 18px;
  }
}

.tariff-table .tariff-exclusive-table .tariff-exclusive-header .tariff-exclusive-icon-wrapper, .tariff-table .tariff-exclusive-table-blocks .tariff-exclusive-header .tariff-exclusive-icon-wrapper {
  max-width: 55px;
}

.tariff-table .tariff-exclusive-table .tariff-exclusive-header .tariff-exclusive-icon-wrapper img, .tariff-table .tariff-exclusive-table-blocks .tariff-exclusive-header .tariff-exclusive-icon-wrapper img {
  width: 100%;
}

.tariff-table .tariff-exclusive-table .tariff-exclusive-header .tariff-exclusive-header-message, .tariff-table .tariff-exclusive-table-blocks .tariff-exclusive-header .tariff-exclusive-header-message {
  padding-left: 25px;
  color: #322332;
}

@media only screen and (max-width: 767px) {
  .tariff-table .tariff-exclusive-table .tariff-exclusive-header .tariff-exclusive-header-message, .tariff-table .tariff-exclusive-table-blocks .tariff-exclusive-header .tariff-exclusive-header-message {
    padding-left: 0;
    text-align: center;
  }
}

.tariff-table .tariff-exclusive-table .tariff-exclusive-header .tariff-exclusive-header-message p, .tariff-table .tariff-exclusive-table-blocks .tariff-exclusive-header .tariff-exclusive-header-message p {
  color: #333;
}

.tariff-table .lightbox-footer .modal-header {
  border: none;
}

.tariff-table .lightbox-footer .media-questions-primary {
  font-family: "VM Circular Light", sans-serif;
  font-size: 30px;
  font-size: 3rem;
  line-height: 35px;
  margin-bottom: 9px;
}

@media only screen and (max-width: 767px) {
  .tariff-table .lightbox-footer .media-questions-primary {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 29px;
    margin-bottom: 20px;
  }
}

.tariff-table .lightbox-footer .media-questions-secondary {
  font-family: "VM Circular Book", sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 27px;
  margin-bottom: 43px;
}

@media only screen and (max-width: 767px) {
  .tariff-table .lightbox-footer .media-questions-secondary {
    font-family: "VM Circular Light", sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 22px;
  }
}

.tariff-table .lightbox-footer .lightbox-cta-wrapper .cta-mb {
  padding: 8px 40px;
  margin: 0 34px;
}

@media only screen and (max-width: 767px) {
  .tariff-table .lightbox-footer .lightbox-cta-wrapper .cta-mb {
    margin: 0 12px;
  }
}

.tariff-table .lightbox-footer .modal-body {
  padding: 20px 50px 50px 50px;
}

@media only screen and (max-width: 767px) {
  .tariff-table .lightbox-footer .modal-body {
    padding: 0 30px 16px 30px;
  }
}

.tariff-table .lightbox-footer .exclusive-tiles-tariff-error .tariff-table-error-title {
  font-family: "VM Circular Book", sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 27px;
  margin-top: 42px;
  margin-bottom: 18px;
}

@media only screen and (max-width: 767px) {
  .tariff-table .lightbox-footer .exclusive-tiles-tariff-error .tariff-table-error-title {
    margin-top: 29px;
    margin-bottom: 24px;
  }
}

.tariff-table .lightbox-footer .exclusive-tiles-tariff-error .tariff-table-error-message {
  font-family: "VM Circular Light", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 27px;
}

.legal-copy {
  background: #f7f7f7;
}

.stackable-table {
  padding-bottom: 32px;
}

.stackable-table.section {
  padding-bottom: 0;
  background: #f7f7f7;
}

.stackable-table .stackable-table-component-title h2 {
  font-size: 30px;
  font-size: 3rem;
  font-family: "VM Circular Light", sans-serif;
  padding: 20px 0;
  margin-top: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .stackable-table .stackable-table-component-title h2 {
    font-size: 25px;
    font-size: 2.5rem;
  }
}

@media only screen and (max-width: 767px) {
  .stackable-table .stackable-table-component-title h2 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}

.stackable-table .stackable-head {
  background: #322332;
  padding: 28px 18px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .stackable-table .stackable-head {
    padding: 28px 15px;
  }
}

.stackable-table .stackable-head h2 {
  font-size: 30px;
  font-size: 3rem;
  font-family: "VM Circular Light", sans-serif;
  color: #ffffff;
  margin: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .stackable-table .stackable-head h2 {
    font-size: 25px;
    font-size: 2.5rem;
  }
}

@media only screen and (max-width: 767px) {
  .stackable-table .stackable-head h2 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}

.stackable-table .stackable-head p {
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "VM Circular Light", sans-serif;
  color: #ffffff;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .stackable-table .stackable-head p {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.stackable-table .stackable-column, .stackable-table .column-head {
  padding: 28px 0;
  font-family: "VM Circular Book", sans-serif;
}

.stackable-table .stackable-column p, .stackable-table .column-head p {
  font-size: 18px;
  font-size: 1.8rem;
  color: #333;
}

.stackable-table .stackable-body {
  font-family: "VM Circular Book", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  color: #333;
}

.stackable-table .stackable-note {
  font-family: "VM Circular Light", sans-serif;
  margin-top: 28px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .stackable-table .stackable-note {
    margin-top: 24px;
  }
}

.stackable-table .stackable-note p {
  margin: 0;
  color: #666;
  font-size: 16px;
  font-size: 1.6rem;
}

.stackable-table.stackable-table-desktop .stack-table {
  display: flex;
  flex-flow: row wrap;
}

.stackable-table.stackable-table-desktop .stack-column {
  background: #ffffff;
}

.stackable-table.stackable-table-desktop .stack-column:first-child {
  border-left: 1px solid #DBDBDB;
}

.stackable-table.stackable-table-desktop .stack-column:first-child .column-head {
  margin-left: 1px;
  padding-left: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .stackable-table.stackable-table-desktop .stack-column:first-child .column-head {
    padding-left: 16px;
  }
}

.stackable-table.stackable-table-desktop .stack-column:first-child .table-row {
  padding-left: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .stackable-table.stackable-table-desktop .stack-column:first-child .table-row {
    padding-left: 16px;
  }
}

.stackable-table.stackable-table-desktop .stack-column:nth-last-child(2) {
  border-right: 1px solid #DBDBDB;
}

.stackable-table.stackable-table-desktop .stack-column:nth-last-child(2) .column-head, .stackable-table.stackable-table-desktop .stack-column:nth-last-child(2) .table-row {
  padding-right: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .stackable-table.stackable-table-desktop .stack-column:nth-last-child(2) .column-head, .stackable-table.stackable-table-desktop .stack-column:nth-last-child(2) .table-row {
    padding-right: 16px;
  }
}

.stackable-table.stackable-table-desktop .stack-column.stack-last {
  display: none;
  border-right: 1px solid #DBDBDB;
}

.stackable-table.stackable-table-desktop .stack-column.stack-last .column-head, .stackable-table.stackable-table-desktop .stack-column.stack-last .table-row {
  padding-right: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .stackable-table.stackable-table-desktop .stack-column.stack-last .column-head, .stackable-table.stackable-table-desktop .stack-column.stack-last .table-row {
    padding-right: 16px;
  }
}

.stackable-table.stackable-table-desktop .column-head {
  display: flex;
  align-items: left;
  background: #f7f7f7;
  padding: 28px 15px;
  border-top: 1px solid #DBDBDB;
  border-bottom: 1px solid #DBDBDB;
  font-size: 18px;
  font-size: 1.8rem;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .stackable-table.stackable-table-desktop .column-head {
    padding: 22px 15px;
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.stackable-table.stackable-table-desktop .table-row {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 28px 15px;
  border-bottom: 1px solid #DBDBDB;
  min-height: 69px;
}

.stackable-table.stackable-table-desktop .table-row p {
  color: #000;
  font-size: 16px;
  font-size: 1.6rem;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .stackable-table.stackable-table-desktop .table-row {
    padding: 22px 15px;
  }
}

.stackable-table.stackable-table-desktop .table-row > * {
  width: 100%;
}

.stackable-table.stackable-table-desktop.columns-1 .stack-column {
  width: 100%;
}

.stackable-table.stackable-table-desktop.columns-2 .stack-column {
  width: calc(100%/2);
}

.stackable-table.stackable-table-desktop.columns-3 .stack-column {
  width: calc(100%/3);
}

.stackable-table.stackable-table-desktop.columns-4 .stack-column {
  width: calc(100%/4);
}

.stackable-table.stackable-table-desktop.columns-5 .stack-column {
  width: calc(100%/5);
}

.stackable-table.stackable-table-desktop.columns-5 .stack-column .column-head, .stackable-table.stackable-table-desktop.columns-5 .stack-column .table-row {
  padding-left: 10px;
  padding-right: 10px;
}

.stackable-table.stackable-table-desktop.columns-5 .stack-column:first-child .column-head, .stackable-table.stackable-table-desktop.columns-5 .stack-column:first-child .table-row {
  padding-left: 20px;
}

.stackable-table.stackable-table-desktop.columns-5 .stack-column:nth-last-child(2) .column-head, .stackable-table.stackable-table-desktop.columns-5 .stack-column:nth-last-child(2) .table-row {
  padding-right: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .stackable-table.stackable-table-desktop.columns-5 .stack-column:nth-child(-n+3) {
    width: calc(100%/3);
  }
  .stackable-table.stackable-table-desktop.columns-5 .stack-column .column-head, .stackable-table.stackable-table-desktop.columns-5 .stack-column .table-row {
    padding-left: 15px;
    padding-right: 15px;
  }
  .stackable-table.stackable-table-desktop.columns-5 .stack-column:first-child .column-head, .stackable-table.stackable-table-desktop.columns-5 .stack-column:first-child .table-row {
    padding-left: 16px;
  }
  .stackable-table.stackable-table-desktop.columns-5 .stack-column:nth-last-child(2) .column-head, .stackable-table.stackable-table-desktop.columns-5 .stack-column:nth-last-child(2) .table-row {
    padding-right: 16px;
  }
  .stackable-table.stackable-table-desktop.columns-5 .stack-column:nth-child(3) {
    border-right: 1px solid #DBDBDB;
  }
  .stackable-table.stackable-table-desktop.columns-5 .stack-column:nth-child(3) .column-head, .stackable-table.stackable-table-desktop.columns-5 .stack-column:nth-child(3) .table-row {
    padding-right: 16px;
  }
  .stackable-table.stackable-table-desktop.columns-5 .stack-column:nth-child(4) {
    border-left: 1px solid #DBDBDB;
  }
  .stackable-table.stackable-table-desktop.columns-5 .stack-column:nth-child(4) .column-head, .stackable-table.stackable-table-desktop.columns-5 .stack-column:nth-child(4) .table-row {
    padding-left: 16px;
  }
  .stackable-table.stackable-table-desktop.columns-5 .stack-column:nth-last-child(-n+3) {
    margin-top: 10px;
    width: 50%;
  }
  .stackable-table.stackable-table-desktop.columns-5 .stack-column:nth-last-child(3) .column-head {
    margin-left: 1px;
  }
}

.stackable-table.stackable-table-desktop.columns-6 .stack-column {
  width: calc(100%/3);
}

.stackable-table.stackable-table-desktop.columns-6 .stack-column:nth-child(3) {
  border-right: 1px solid #DBDBDB;
}

.stackable-table.stackable-table-desktop.columns-6 .stack-column:nth-child(3) .column-head, .stackable-table.stackable-table-desktop.columns-6 .stack-column:nth-child(3) .table-row {
  padding-right: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .stackable-table.stackable-table-desktop.columns-6 .stack-column:nth-child(3) .column-head, .stackable-table.stackable-table-desktop.columns-6 .stack-column:nth-child(3) .table-row {
    padding-right: 16px;
  }
}

.stackable-table.stackable-table-desktop.columns-6 .stack-column:nth-child(4) {
  border-left: 1px solid #DBDBDB;
}

.stackable-table.stackable-table-desktop.columns-6 .stack-column:nth-child(4) .column-head {
  margin-left: 1px;
}

.stackable-table.stackable-table-desktop.columns-6 .stack-column:nth-child(4) .column-head, .stackable-table.stackable-table-desktop.columns-6 .stack-column:nth-child(4) .table-row {
  padding-left: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .stackable-table.stackable-table-desktop.columns-6 .stack-column:nth-child(4) .column-head, .stackable-table.stackable-table-desktop.columns-6 .stack-column:nth-child(4) .table-row {
    padding-left: 16px;
  }
}

.stackable-table.stackable-table-desktop.columns-6 .stack-column:nth-last-child(-n+4) {
  margin-top: 10px;
}

.stackable-table.stackable-table-desktop.columns-7 .stack-column {
  width: calc(100%/4);
}

.stackable-table.stackable-table-desktop.columns-7 .stack-column:nth-child(4) {
  border-right: 1px solid #DBDBDB;
}

.stackable-table.stackable-table-desktop.columns-7 .stack-column:nth-child(4) .column-head, .stackable-table.stackable-table-desktop.columns-7 .stack-column:nth-child(4) .table-row {
  padding-right: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .stackable-table.stackable-table-desktop.columns-7 .stack-column:nth-child(4) .column-head, .stackable-table.stackable-table-desktop.columns-7 .stack-column:nth-child(4) .table-row {
    padding-right: 16px;
  }
}

.stackable-table.stackable-table-desktop.columns-7 .stack-column:nth-child(5) {
  border-left: 1px solid #DBDBDB;
}

.stackable-table.stackable-table-desktop.columns-7 .stack-column:nth-child(5) .column-head {
  margin-left: 1px;
}

.stackable-table.stackable-table-desktop.columns-7 .stack-column:nth-child(5) .column-head, .stackable-table.stackable-table-desktop.columns-7 .stack-column:nth-child(5) .table-row {
  padding-left: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .stackable-table.stackable-table-desktop.columns-7 .stack-column:nth-child(5) .column-head, .stackable-table.stackable-table-desktop.columns-7 .stack-column:nth-child(5) .table-row {
    padding-left: 16px;
  }
}

.stackable-table.stackable-table-desktop.columns-7 .stack-column:nth-last-child(-n+4) {
  margin-top: 10px;
}

.stackable-table.stackable-table-desktop.columns-7 .stack-column:nth-last-child(2) {
  border-right: 0;
}

.stackable-table.stackable-table-desktop.columns-7 .stack-column:nth-last-child(2) .column-head, .stackable-table.stackable-table-desktop.columns-7 .stack-column:nth-last-child(2) .table-row {
  padding-left: 15px;
  padding-right: 15px;
}

.stackable-table.stackable-table-desktop.columns-7 .stack-column.stack-last {
  display: block;
}

.stackable-table.stackable-table-desktop.columns-8 .stack-column {
  width: calc(100%/4);
}

.stackable-table.stackable-table-desktop.columns-8 .stack-column:nth-child(4) {
  border-right: 1px solid #DBDBDB;
}

.stackable-table.stackable-table-desktop.columns-8 .stack-column:nth-child(4) .column-head, .stackable-table.stackable-table-desktop.columns-8 .stack-column:nth-child(4) .table-row {
  padding-right: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .stackable-table.stackable-table-desktop.columns-8 .stack-column:nth-child(4) .column-head, .stackable-table.stackable-table-desktop.columns-8 .stack-column:nth-child(4) .table-row {
    padding-right: 16px;
  }
}

.stackable-table.stackable-table-desktop.columns-8 .stack-column:nth-child(5) {
  border-left: 1px solid #DBDBDB;
}

.stackable-table.stackable-table-desktop.columns-8 .stack-column:nth-child(5) .column-head {
  margin-left: 1px;
}

.stackable-table.stackable-table-desktop.columns-8 .stack-column:nth-child(5) .column-head, .stackable-table.stackable-table-desktop.columns-8 .stack-column:nth-child(5) .table-row {
  padding-left: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .stackable-table.stackable-table-desktop.columns-8 .stack-column:nth-child(5) .column-head, .stackable-table.stackable-table-desktop.columns-8 .stack-column:nth-child(5) .table-row {
    padding-left: 16px;
  }
}

.stackable-table.stackable-table-desktop.columns-8 .stack-column:nth-last-child(-n+5) {
  margin-top: 10px;
}

.stackable-table.stackable-table-mobile .stackable-head {
  padding: 20px 10px;
}

.stackable-table.stackable-table-mobile .stackable-body {
  margin-top: 10px;
  border-top: 1px solid #DBDBDB;
}

.stackable-table.stackable-table-mobile .stackable-body:nth-child(-n+2) {
  margin-top: 0;
}

.stackable-table.stackable-table-mobile .stackable-body .row {
  background: #ffffff;
  margin: 0;
  border: 1px solid #DBDBDB;
  border-top: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  align-items: center;
  flex-flow: row wrap;
  font-size: 16px;
  font-size: 1.6rem;
}

.stackable-table.stackable-table-mobile .stackable-body .row .col-xs-12.stackable-table--item, .stackable-table.stackable-table-mobile .stackable-body .row .stackable-table--item.carousel-full {
  padding-top: 10px;
  padding-left: 16px;
  padding-right: 16px;
}

.stackable-table.stackable-table-mobile .stackable-body .row .col-xs-6, .stackable-table.stackable-table-mobile .stackable-body .row .rte-list {
  flex: 1 1;
}

.stackable-table.stackable-table-mobile .stackable-body .row .col-xs-6:first-child, .stackable-table.stackable-table-mobile .stackable-body .row .rte-list:first-child {
  padding-left: 16px;
}

.stackable-table.stackable-table-mobile .stackable-body .row .col-xs-6:last-child, .stackable-table.stackable-table-mobile .stackable-body .row .rte-list:last-child {
  padding-right: 16px;
  text-align: right;
}

.stackable-table.stackable-table-mobile .stackable-body .stackable-column {
  background: #f7f7f7;
}

.stackable-table.stackable-table-mobile .stackable-note {
  padding-top: 16px;
}

.specification-table {
  max-width: 1135px;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .specifications-table {
    padding-top: 14px;
  }
}

.specifications-table .phone-specs-title {
  font-size: 30px;
  font-size: 3rem;
  line-height: 35px;
  margin: 0;
  padding-top: 45px;
  padding-bottom: 31px;
}

@media only screen and (max-width: 767px) {
  .specifications-table .phone-specs-title {
    font-size: 24px;
    font-size: 2.4rem;
    border-bottom: 1px solid #E8E8E8;
    padding-bottom: 18px;
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .specifications-table .phone-specs-title {
    border-bottom: 1px solid #E8E8E8;
    font-size: 25px;
    font-size: 2.5rem;
    padding: 40px 15px 36px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .specifications-table .phone-specs-title {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.specifications-table h2 {
  font-size: 30px;
  font-size: 3rem;
  line-height: 43px;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .specifications-table h2 {
    font-size: 24px;
    font-size: 2.4rem;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .specifications-table h2 {
    font-size: 25px;
    font-size: 2.5rem;
    padding-bottom: 27px;
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .specifications-table h2 {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .specifications-table .custom-specifications {
    padding: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .specifications-table .custom-specifications {
    padding: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .specifications-table .custom-specifications {
    padding: 20px;
  }
}

.specifications-table table {
  table-layout: fixed;
  width: 100%;
}

.specifications-table table .specification-table-group {
  border-top: 1px solid #E8E8E8;
}

@media only screen and (max-width: 767px) {
  .specifications-table table .specification-table-group {
    border: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .specifications-table table .specification-table-group {
    border: none;
  }
}

.specifications-table table .specification-table-group .specification-table-group-content, .specifications-table table .specification-table-group .specification-table-group-title {
  padding-top: 30px;
  padding-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .specifications-table table .specification-table-group .specification-table-group-content, .specifications-table table .specification-table-group .specification-table-group-title {
    display: block;
    padding-bottom: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .specifications-table table .specification-table-group .specification-table-group-content, .specifications-table table .specification-table-group .specification-table-group-title {
    display: block;
    padding-bottom: 0;
  }
}

.specifications-table table .specification-table-group .specification-table-group-content {
  width: 66.6666666667%;
}

@media only screen and (max-width: 767px) {
  .specifications-table table .specification-table-group .specification-table-group-content {
    width: 100%;
    padding-top: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .specifications-table table .specification-table-group .specification-table-group-content {
    width: 100%;
    padding-top: 0;
  }
}

@media only screen and (max-width: 767px) {
  .specifications-table table .specification-table-group .specification-table-group-content .specification-value {
    text-align: right;
  }
}

.specifications-table table .specification-table-group .specification-table-group-title {
  width: 33.3333333333%;
  vertical-align: top;
}

@media only screen and (max-width: 767px) {
  .specifications-table table .specification-table-group .specification-table-group-title {
    display: block;
    width: 100%;
    padding-top: 46px;
    padding-bottom: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .specifications-table table .specification-table-group .specification-table-group-title {
    display: block;
    width: 100%;
    padding-top: 40px;
    padding-bottom: 0;
  }
}

@media only screen and (max-width: 767px) {
  .specifications-table table .specification-table-group:first-child .specification-table-group-title {
    padding-top: 14px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .specifications-table table .specification-table-group:first-child .specification-table-group-title {
    padding-top: 36px;
  }
}

.specifications-table .specification-line {
  color: #322332;
  padding-left: 15px;
}

@media only screen and (max-width: 767px) {
  .specifications-table .specification-line {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .specifications-table .specification-line {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .specifications-table .specification-line {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.specifications-table .specification-line:nth-child(odd) {
  background: #f7f7f7;
}

.specifications-table .specification-line:nth-child(even) {
  background: #ffffff;
}

.specifications-table .specification-line .specification-label, .specifications-table .specification-line .specification-value {
  height: 52px;
  font-family: "VM Circular Book", sans-serif;
  line-height: 1;
  padding: 17px 15px;
}

@media only screen and (max-width: 767px) {
  .specifications-table .specification-line .specification-label, .specifications-table .specification-line .specification-value {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.specifications-table .manufacturer-table, .specifications-table .variant-table {
  max-width: 600px;
  padding: 0 20px;
}

.specifications-table .variant-color {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
}

.specifications-table .image-specifications {
  margin: 0 auto;
  text-align: center;
}

.specifications-table .image-specifications img {
  max-width: 100%;
}

.promotion-description-holder[data-show-promo="false"] {
  display: none;
}

.promotion-description-holder[data-show-promo="true"] {
  display: block;
}

.icons-banner .icons-banner-inner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
}

@media only screen and (max-width: 992px) {
  .icons-banner .icons-banner-inner.container {
    width: 100%;
    padding-right: 0;
  }
}

.icons-banner .icons-banner-inner h3, .icons-banner .icons-banner-inner .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina .icons-banner .icons-banner-inner .acc-panel-title {
  padding-right: 15px;
}

.icons-banner .icons-banner-inner .items-list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  justify-content: flex-start;
  padding-top: 33px;
}

.icons-banner .icons-banner-inner .items-list .owl-stage {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  padding-left: 0 !important;
}

.icons-banner .icons-banner-inner .items-list .icons-banner-item {
  padding: 0px 15px 60px 15px;
  width: 25%;
  text-align: center;
}

@media only screen and (max-width: 992px) {
  .icons-banner .icons-banner-inner .items-list .icons-banner-item {
    width: auto;
  }
}

.icons-banner .icons-banner-inner .items-list .icons-banner-item .image-wrapper {
  height: 52px;
  width: 67px;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
}

.icons-banner .icons-banner-inner .items-list .icons-banner-item .image-wrapper img {
  max-height: 52px;
  max-width: 67px;
  width: auto;
}

.icons-banner .icons-banner-inner .items-list .icons-banner-item p {
  margin: 0;
  color: #333;
  font-family: "VM Circular Book", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 26px;
}

.icons-banner .icons-banner-inner.card-with-circle-icon h3, .icons-banner .icons-banner-inner.card-with-circle-icon .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina .icons-banner .icons-banner-inner.card-with-circle-icon .acc-panel-title, .icons-banner .icons-banner-inner.circle-icon h3, .icons-banner .icons-banner-inner.circle-icon .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina .icons-banner .icons-banner-inner.circle-icon .acc-panel-title {
  text-align: center;
  margin-top: 30px;
}

.icons-banner .icons-banner-inner.card-with-circle-icon .items-list, .icons-banner .icons-banner-inner.circle-icon .items-list {
  justify-content: center;
}

.icons-banner .icons-banner-inner.card-with-circle-icon .items-list .icons-banner-item, .icons-banner .icons-banner-inner.circle-icon .items-list .icons-banner-item {
  min-height: 150px;
  position: relative;
}

.icons-banner .icons-banner-inner.card-with-circle-icon .items-list .icons-banner-item:first-child, .icons-banner .icons-banner-inner.circle-icon .items-list .icons-banner-item:first-child {
  margin-left: 0;
}

.icons-banner .icons-banner-inner.card-with-circle-icon .items-list .icons-banner-item:last-child, .icons-banner .icons-banner-inner.circle-icon .items-list .icons-banner-item:last-child {
  margin-right: 0;
}

.icons-banner .icons-banner-inner.card-with-circle-icon .items-list .icons-banner-item .image-wrapper, .icons-banner .icons-banner-inner.circle-icon .items-list .icons-banner-item .image-wrapper {
  background: #010FAC;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}

.icons-banner .icons-banner-inner.card-with-circle-icon .items-list .icons-banner-item .image-wrapper img, .icons-banner .icons-banner-inner.circle-icon .items-list .icons-banner-item .image-wrapper img {
  max-height: 80px;
  max-width: 80px;
}

.icons-banner .icons-banner-inner.card-with-circle-icon .items-list .icons-banner-item {
  margin: 100px 10px;
  border-radius: 8px;
  background: radial-gradient(circle at top center, transparent, transparent 110px, white 110px, white);
  padding: 110px 10px 25px 10px;
  width: 30%;
}

.icons-banner .icons-banner-inner.card-with-circle-icon .items-list .icons-banner-item .image-wrapper {
  width: 200px;
  height: 200px;
}

.icons-banner .icons-banner-inner.circle-icon .items-list .icons-banner-item {
  margin: 100px 30px;
  padding: 80px 10px 25px 10px;
  width: 330px;
  color: #3B164C;
}

@media only screen and (max-width: 992px) {
  .icons-banner .icons-banner-inner.circle-icon .items-list .icons-banner-item {
    width: 100%;
  }
}

.icons-banner .icons-banner-inner.circle-icon .items-list .icons-banner-item h4 {
  margin-bottom: 16px;
  font-size: 20px;
  line-height: 30px;
}

.icons-banner .icons-banner-inner.circle-icon .items-list .icons-banner-item p {
  font-size: 16px;
  line-height: 24px;
}

.icons-banner .icons-banner-inner.circle-icon .items-list .icons-banner-item .image-wrapper {
  width: 128px;
  height: 128px;
}

.usp-banner {
  margin-left: -15px;
  margin-right: -15px;
}

.usp-banner.component {
  margin-bottom: 0;
}

@media only screen and (max-width: 992px) {
  .usp-banner {
    margin-left: 0px;
    margin-right: 0px;
  }
}

.usp-banner .empty-usp-banner {
  padding-left: 15px;
  padding-right: 15px;
}

.usp-banner .usp-banner-inner {
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}

.usp-banner .usp-banner-inner.grey {
  background-color: #e8e8e8;
}

.usp-banner .usp-banner-inner.white {
  background-color: #ffffff;
}

.usp-banner .usp-banner-inner .usp-list {
  font-family: "VM Circular Book", sans-serif;
  color: #333;
  list-style: none;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: normal;
  position: relative;
}

@media only screen and (max-width: 992px) {
  .usp-banner .usp-banner-inner .usp-list.container {
    width: 100%;
    padding: 0;
  }
}

.usp-banner .usp-banner-inner .usp-list.owl-carousel .owl-nav .owl-prev,
.usp-banner .usp-banner-inner .usp-list.owl-carousel .owl-nav .owl-next {
  position: absolute;
  top: 50%;
  color: #999;
  font-size: 18px;
  font-size: 1.8rem;
  margin-top: -11px;
}

.usp-banner .usp-banner-inner .usp-list.owl-carousel .owl-nav .owl-prev {
  left: 8px;
}

.usp-banner .usp-banner-inner .usp-list.owl-carousel .owl-nav .owl-prev.disabled {
  display: none;
}

.usp-banner .usp-banner-inner .usp-list.owl-carousel .owl-nav .owl-next {
  right: 8px;
}

.usp-banner .usp-banner-inner .usp-list.owl-carousel .owl-nav .owl-next.disabled {
  display: none;
}

.usp-banner .usp-banner-inner .usp-list .owl-stage {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.usp-banner .usp-banner-inner .usp-list .usp-list-item {
  min-height: 66px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

@media only screen and (max-width: 992px) {
  .usp-banner .usp-banner-inner .usp-list .usp-list-item {
    padding-left: 24px;
    padding-right: 24px;
    display: block;
  }
}

.usp-banner .usp-banner-inner .usp-list .usp-list-item .usp-list-item-inner {
  min-height: 66px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  width: 100%;
  padding: 16px 15px;
}

.usp-banner .usp-banner-inner .usp-list .usp-list-item .usp-list-item-inner img {
  max-width: 28px;
  max-height: 28px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: auto;
}

.usp-banner .usp-banner-inner .usp-list .usp-list-item .usp-list-item-inner .usp-list-item-text {
  position: relative;
  padding-left: 42px;
  display: inline-block;
  text-align: left;
}

.usp-banner .usp-banner-inner .usp-list .usp-list-item .usp-list-item-inner .usp-list-item-text p {
  margin: 0;
}

.customer-eligibility {
  background: #f7f7f7;
}

@media only screen and (max-width: 767px) {
  .customer-eligibility {
    background: #ffffff;
  }
}

.customer-eligibility.component {
  margin: 0;
}

.customer-eligibility .customer-eligibility-wrapper {
  padding-top: 74px;
  padding-bottom: 74px;
}

@media only screen and (max-width: 767px) {
  .customer-eligibility .customer-eligibility-wrapper {
    padding-top: 36px;
    padding-bottom: 23px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .customer-eligibility .customer-eligibility-wrapper .container {
    width: auto;
    margin: 0 21px;
  }
}

@media only screen and (max-width: 767px) {
  .customer-eligibility .customer-eligibility-wrapper .container {
    padding: 0;
  }
}

.customer-eligibility .customer-eligibility-wrapper .customer-eligibility-wrapper-inner {
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.22);
  padding: 41px 15px 73px 15px;
  width: 83.3333333333%;
  margin: 0 auto;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .customer-eligibility .customer-eligibility-wrapper .customer-eligibility-wrapper-inner {
    width: auto;
  }
}

@media only screen and (max-width: 767px) {
  .customer-eligibility .customer-eligibility-wrapper .customer-eligibility-wrapper-inner {
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    width: auto;
  }
}

@media only screen and (max-width: 767px) {
  .customer-eligibility .customer-eligibility-description {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.customer-eligibility .customer-eligibility-description h2 {
  font-size: 50px;
  font-size: 5rem;
  line-height: 55px;
  margin-top: 0;
  margin-bottom: 37px;
}

@media only screen and (max-width: 767px) {
  .customer-eligibility .customer-eligibility-description h2 {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 33px;
    margin-bottom: 26px;
  }
}

.customer-eligibility .customer-eligibility-description p {
  margin-bottom: 46px;
  color: #322332;
}

@media only screen and (max-width: 767px) {
  .customer-eligibility .customer-eligibility-description p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: normal;
    margin-bottom: 44px;
  }
}

.customer-eligibility .customer-eligibility-description h3, .customer-eligibility .customer-eligibility-description .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina .customer-eligibility .customer-eligibility-description .acc-panel-title {
  font-size: 30px;
  font-size: 3rem;
  line-height: 35px;
  margin-top: 0;
  margin-bottom: 28px;
}

@media only screen and (max-width: 767px) {
  .customer-eligibility .customer-eligibility-description h3, .customer-eligibility .customer-eligibility-description .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina .customer-eligibility .customer-eligibility-description .acc-panel-title {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 29px;
    margin-bottom: 48px;
  }
}

.customer-eligibility .customer-eligibility-options {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}

@media only screen and (max-width: 767px) {
  .customer-eligibility .customer-eligibility-options {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}

.customer-eligibility .customer-eligibility-options .customer-eligibility-label-dividder {
  width: 1px;
  margin-bottom: 15px;
  margin-left: 22px;
  margin-right: 22px;
  background: white;
  background: -moz-linear-gradient(top, white 1%, #dbdbdb 50%, white 100%);
  background: -webkit-linear-gradient(top, white 1%, #dbdbdb 50%, white 100%);
  background: linear-gradient(to bottom, white 1%, #dbdbdb 50%, white 100%);
}

@media only screen and (max-width: 767px) {
  .customer-eligibility .customer-eligibility-options .customer-eligibility-label-dividder {
    display: none;
  }
}

.customer-eligibility .customer-eligibility-options .customer-eligibility-label {
  margin-left: 11px;
  margin-right: 11px;
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .customer-eligibility .customer-eligibility-options .customer-eligibility-label {
    margin: 0;
  }
}

.customer-eligibility .customer-eligibility-options .customer-eligibility-label.not-a-customer-label {
  display: -webkit-flex;
  display: flex;
}

.customer-eligibility .customer-eligibility-options .customer-eligibility-label.not-a-customer-label .input-content {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 14px;
}

@media only screen and (max-width: 767px) {
  .customer-eligibility .customer-eligibility-options .customer-eligibility-label.not-a-customer-label .input-content {
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding-left: 25px;
  }
}

.customer-eligibility .customer-eligibility-options .customer-eligibility-label.not-a-customer-label .input-content p, .customer-eligibility .customer-eligibility-options .customer-eligibility-label.not-a-customer-label .input-content h1, .customer-eligibility .customer-eligibility-options .customer-eligibility-label.not-a-customer-label .input-content h2, .customer-eligibility .customer-eligibility-options .customer-eligibility-label.not-a-customer-label .input-content h3, .customer-eligibility .customer-eligibility-options .customer-eligibility-label.not-a-customer-label .input-content .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina .customer-eligibility .customer-eligibility-options .customer-eligibility-label.not-a-customer-label .input-content .acc-panel-title, .customer-eligibility .customer-eligibility-options .customer-eligibility-label.not-a-customer-label .input-content h4, .customer-eligibility .customer-eligibility-options .customer-eligibility-label.not-a-customer-label .input-content h5, .customer-eligibility .customer-eligibility-options .customer-eligibility-label.not-a-customer-label .input-content h6 {
  color: #ed0000;
  margin: 0;
  line-height: 1;
  font-weight: normal;
}

.customer-eligibility .customer-eligibility-options .customer-eligibility-label.not-a-customer-label .input-content p {
  font-size: 16px;
  font-size: 1.6rem;
}

@media only screen and (max-width: 767px) {
  .customer-eligibility .customer-eligibility-options .customer-eligibility-label.not-a-customer-label .input-content p {
    display: inline;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1;
    letter-spacing: -0.37px;
    margin-right: 6px;
  }
}

.customer-eligibility .customer-eligibility-options .customer-eligibility-label.not-a-customer-label .input-content h1, .customer-eligibility .customer-eligibility-options .customer-eligibility-label.not-a-customer-label .input-content h2, .customer-eligibility .customer-eligibility-options .customer-eligibility-label.not-a-customer-label .input-content h3, .customer-eligibility .customer-eligibility-options .customer-eligibility-label.not-a-customer-label .input-content .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina .customer-eligibility .customer-eligibility-options .customer-eligibility-label.not-a-customer-label .input-content .acc-panel-title, .customer-eligibility .customer-eligibility-options .customer-eligibility-label.not-a-customer-label .input-content h4, .customer-eligibility .customer-eligibility-options .customer-eligibility-label.not-a-customer-label .input-content h5, .customer-eligibility .customer-eligibility-options .customer-eligibility-label.not-a-customer-label .input-content h6 {
  font-family: "VM Circular Bold", sans-serif;
  font-size: 23px;
  font-size: 2.3rem;
  line-height: 22px;
}

@media only screen and (max-width: 767px) {
  .customer-eligibility .customer-eligibility-options .customer-eligibility-label.not-a-customer-label .input-content h1, .customer-eligibility .customer-eligibility-options .customer-eligibility-label.not-a-customer-label .input-content h2, .customer-eligibility .customer-eligibility-options .customer-eligibility-label.not-a-customer-label .input-content h3, .customer-eligibility .customer-eligibility-options .customer-eligibility-label.not-a-customer-label .input-content .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina .customer-eligibility .customer-eligibility-options .customer-eligibility-label.not-a-customer-label .input-content .acc-panel-title, .customer-eligibility .customer-eligibility-options .customer-eligibility-label.not-a-customer-label .input-content h4, .customer-eligibility .customer-eligibility-options .customer-eligibility-label.not-a-customer-label .input-content h5, .customer-eligibility .customer-eligibility-options .customer-eligibility-label.not-a-customer-label .input-content h6 {
    display: inline;
    font-family: "VM Circular Book", sans-serif;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1;
    letter-spacing: -0.37px;
    margin: 0;
  }
}

.customer-eligibility .customer-eligibility-options .customer-eligibility-label .input-content {
  position: relative;
  min-height: 170px;
  width: 127px;
  margin-bottom: 15px;
  border-radius: 5px;
  box-shadow: inset 0 0 21px 0 rgba(222, 222, 222, 0.5);
  border: solid 2px #efefef;
  background-color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .customer-eligibility .customer-eligibility-options .customer-eligibility-label .input-content {
    width: 100%;
    min-height: 98px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    padding-left: 25px;
    margin-bottom: 10px;
  }
}

.customer-eligibility .customer-eligibility-options .customer-eligibility-label .input-content .img-wrapper {
  margin-top: 20px;
  margin-bottom: 20px;
  height: 63px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-justify-content: center;
  justify-content: center;
}

@media only screen and (max-width: 767px) {
  .customer-eligibility .customer-eligibility-options .customer-eligibility-label .input-content .img-wrapper {
    display: none;
  }
}

.customer-eligibility .customer-eligibility-options .customer-eligibility-label .input-content .img-wrapper img {
  max-width: 67px;
  max-height: 100%;
}

.customer-eligibility .customer-eligibility-options .customer-eligibility-label .input-content p {
  color: #ed0000;
  font-family: "VM Circular Book", sans-serif;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1;
  letter-spacing: -0.37px;
  margin: 0;
  font-weight: normal;
}

.customer-eligibility .customer-eligibility-options .customer-eligibility-label .input-content .checkmark {
  position: absolute;
  bottom: -15px;
  left: 0;
  right: 0;
  margin: auto;
  height: 30px;
  width: 30px;
  border-radius: 3px;
  box-shadow: inset 0 0 7px 0 rgba(208, 208, 208, 0.5);
  border-style: solid;
  border-width: 2px;
  border-image-source: linear-gradient(to bottom, #efefef, #ffffff);
  border-image-slice: 1;
  background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #efefef, #ffffff);
}

@media only screen and (max-width: 767px) {
  .customer-eligibility .customer-eligibility-options .customer-eligibility-label .input-content .checkmark {
    top: 50%;
    bottom: auto;
    left: auto;
    right: 29px;
    margin-top: -15px;
  }
}

.customer-eligibility .customer-eligibility-options .customer-eligibility-label .input-content .checkmark:after {
  content: '';
  position: absolute;
  display: none;
}

.customer-eligibility .customer-eligibility-options .customer-eligibility-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.customer-eligibility .customer-eligibility-options .customer-eligibility-label input:checked + .input-content {
  border: solid 2px #ed0000;
}

.customer-eligibility .customer-eligibility-options .customer-eligibility-label input:checked + .input-content .checkmark {
  background: #ed0000;
  border: 2px solid transparent;
  height: 26px;
  width: 26px;
  bottom: -13px;
}

.customer-eligibility .customer-eligibility-options .customer-eligibility-label input:checked + .input-content .checkmark:after {
  display: block;
  border: solid #ffffff;
  left: 6px;
  top: 1px;
  width: 11px;
  height: 16px;
  border-width: 0 4px 4px 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.customer-eligibility .expandable-cta-primary, .customer-eligibility .expandable-cta-secondary {
  margin-top: 57px;
}

@media only screen and (max-width: 767px) {
  .customer-eligibility .expandable-cta-primary, .customer-eligibility .expandable-cta-secondary {
    margin-top: 23px;
    padding-left: 15px;
    padding-right: 15px;
  }
}

.customer-eligibility .expandable-cta-primary a, .customer-eligibility .expandable-cta-primary .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .customer-eligibility .expandable-cta-primary span, .customer-eligibility .expandable-cta-secondary a, .customer-eligibility .expandable-cta-secondary .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .customer-eligibility .expandable-cta-secondary span {
  float: none;
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .customer-eligibility .expandable-cta-primary a, .customer-eligibility .expandable-cta-primary .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .customer-eligibility .expandable-cta-primary span, .customer-eligibility .expandable-cta-secondary a, .customer-eligibility .expandable-cta-secondary .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .customer-eligibility .expandable-cta-secondary span {
    width: 100%;
  }
}

.customer-eligibility .expandable-cta-primary a.disabled, .customer-eligibility .expandable-cta-primary .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span.disabled, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .customer-eligibility .expandable-cta-primary span.disabled, .customer-eligibility .expandable-cta-secondary a.disabled, .customer-eligibility .expandable-cta-secondary .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span.disabled, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .customer-eligibility .expandable-cta-secondary span.disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  box-shadow: none;
}

.customer-eligibility .expandable-cta-primary a:focus, .customer-eligibility .expandable-cta-primary .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:focus, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .customer-eligibility .expandable-cta-primary span:focus, .customer-eligibility .expandable-cta-primary a:hover, .customer-eligibility .expandable-cta-primary .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:hover, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .customer-eligibility .expandable-cta-primary span:hover, .customer-eligibility .expandable-cta-secondary a:focus, .customer-eligibility .expandable-cta-secondary .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:focus, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .customer-eligibility .expandable-cta-secondary span:focus, .customer-eligibility .expandable-cta-secondary a:hover, .customer-eligibility .expandable-cta-secondary .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:hover, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .customer-eligibility .expandable-cta-secondary span:hover {
  text-decoration: none;
  font-family: "VM Circular Medium", sans-serif;
  cursor: pointer;
}

@media only screen and (max-width: 767px) {
  .customer-eligibility .expandable-cta-secondary {
    margin-top: 37px;
  }
}

.customer-eligibility .expandable-box {
  display: none;
  padding: 0 70px;
}

@media only screen and (max-width: 767px) {
  .customer-eligibility .expandable-box {
    padding: 0 21px;
  }
}

.customer-eligibility .expandable-box .expandable-box-inner {
  border-top: 1px solid #ddd;
}

@media only screen and (max-width: 767px) {
  .customer-eligibility .expandable-box .expandable-box-inner {
    border: none;
  }
}

.customer-eligibility .expandable-box .expandable-box-inner .expandable-box-disclaimer {
  max-width: 570px;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 25px;
  margin: 57px auto 0 auto;
  color: #322332;
}

@media only screen and (max-width: 767px) {
  .customer-eligibility .expandable-box .expandable-box-inner .expandable-box-disclaimer {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
    margin: 30px 0 0 0;
  }
}

.cvs-spinner {
  background: #ffffff;
}

@media only screen and (min-width: 321px) {
  .cvs-renderer .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.cvs-section.component {
  margin: 0;
  position: relative;
  color: #fff;
}

.cvs-section.component .cvs-section-main-container {
  background: none;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .cvs-section.component .cvs-section-main-container {
    background: initial;
    overflow: auto;
    padding-bottom: 25px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .cvs-section.component .cvs-section-main-container .section-title {
    padding: 0 10px;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .cvs-section.component .cvs-section-main-container .section-title {
    margin: 0;
    padding: 11px 20px 8px 20px;
  }
}

.cvs-section.component .cvs-section-main-container .section-content {
  max-width: 1920px;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: wrap;
  flex-flow: wrap;
  padding: 0;
}

@media only screen and (max-width: 767px) {
  .cvs-section.component .cvs-section-main-container .section-content {
    max-width: 100%;
    width: 100%;
    display: block;
    padding: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .cvs-section.component .cvs-section-main-container .section-content {
    padding: 0 10px 10px 10px;
  }
}

@media only screen and (min-width: 1200px) {
  .cvs-section.component .cvs-section-main-container .section-content .cvs-slot.slot1, .cvs-section.component .cvs-section-main-container .section-content .slots {
    -webkit-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}

@media only screen and (min-width: 1200px) {
  .cvs-section.component .cvs-section-main-container .section-content .slots {
    height: 0;
  }
  .cvs-section.component .cvs-section-main-container .section-content .slots .section-title {
    -webkit-flex: 1 0 100%;
    flex: 1 0 100%;
    margin-bottom: 10px;
  }
  .cvs-section.component .cvs-section-main-container .section-content .slots .section-title p {
    max-width: 580px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .cvs-section.component .cvs-section-main-container .section-content .slots {
    height: auto;
  }
}

.cvs-section.component .cvs-section-main-container .section-content:hover .owl-dots, .cvs-section.component .cvs-section-main-container .section-content:hover .owl-nav {
  opacity: 1;
}

.overlay-video {
  display: none;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -ms-transition: opacity 600ms ease-in;
  transition: opacity 600ms ease-in;
  -ms-transition: opacity .6s;
  transition: opacity .6s;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 999999;
}

.overlay-video.overlay-active {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -ms-transition: opacity 600ms ease-out;
  transition: opacity 600ms ease-out;
  -ms-transition: opacity .6s;
  transition: opacity .6s;
}

.overlay-video .video-main-container {
  position: relative;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 982px;
  padding: 0 20px;
}

.overlay-video .video-main-container .video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}

.overlay-video .video-main-container .video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.overlay-video .video-main-container .close-overlay {
  position: absolute;
  top: -40px;
  right: 20px;
  cursor: pointer;
  z-index: 9999;
  height: 26px;
  width: 26px;
  background: #ff0000;
  color: #fff;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 13px;
  transform: rotate(45deg);
  line-height: 24px;
  text-align: center;
  font-size: 26px;
  font-size: 2.6rem;
}

.video-start {
  cursor: pointer;
}

.not-visible {
  visibility: hidden;
}

.cvs-section-main-container .cvs-slot .owl-dots {
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  font-size: 10px;
  font-size: 1rem;
  text-shadow: 1px 0 #999;
  opacity: 0;
  -webkit-transition: opacity false false, 0.3s false false, ease false false;
  -moz-transition: opacity false false false, 0.3s false false false, ease false false false;
  -o-transition: opacity false false false, 0.3s false false false, ease false false false;
  transition: opacity 0.3s ease;
}

.cvs-section-main-container .cvs-slot .owl-dots .owl-dot {
  margin: 2px;
  display: inline-block;
}

.cvs-section-main-container .cvs-slot .owl-dots .owl-dot span:before {
  content: '\f10c';
  font-family: "FontAwesome", sans-serif;
}

.cvs-section-main-container .cvs-slot .owl-dots .owl-dot.active span:before {
  content: '\f111';
}

.cvs-section-main-container .cvs-slot .owl-nav {
  opacity: 0;
  -webkit-transition: opacity false false, 0.3s false false, ease false false;
  -moz-transition: opacity false false false, 0.3s false false false, ease false false false;
  -o-transition: opacity false false false, 0.3s false false false, ease false false false;
  transition: opacity 0.3s ease;
}

.cvs-section-main-container .cvs-slot .owl-nav .owl-prev,
.cvs-section-main-container .cvs-slot .owl-nav .owl-next {
  position: absolute;
  top: 50%;
  text-shadow: 2px 0 #888;
  font-size: 30px;
  font-size: 3rem;
  line-height: 30px;
  margin-top: -15px;
}

.cvs-section-main-container .cvs-slot .owl-nav .owl-prev {
  left: 8px;
}

.cvs-section-main-container .cvs-slot .owl-nav .owl-prev.disabled {
  display: none;
}

.cvs-section-main-container .cvs-slot .owl-nav .owl-next {
  right: 8px;
}

.cvs-section-main-container .cvs-slot .owl-nav .owl-next.disabled {
  display: none;
}

.cvs-section-main-container .slot1 {
  position: relative;
}

.cvs-section-main-container .slot1 .owl-dots {
  bottom: -25px;
}

.cvs-section-main-container .slot1 .owl-nav .owl-prev {
  left: -18px;
}

.cvs-section-main-container .slot1 .owl-nav .owl-next {
  right: -18px;
}

.cvs-section-main-container .slot1 .slot-inner {
  width: 100%;
}

.cvs-section-main-container .slot1 .slot-inner .slot-inner-bg {
  display: none;
}

@media only screen and (max-width: 767px) {
  .cvs-section-main-container .slot1 .slot-content .slot-content-inner .slot-image-container {
    padding-right: 0;
  }
}

.cvs-section-main-container .slot1 .slot-content .slot-content-inner .slot-image-container .image-container {
  margin-bottom: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .cvs-section-main-container .slot1 .slot-content .slot-content-inner .slot-image-container .image-container img {
    max-width: 100%;
  }
}

.cvs-section-main-container .slot1 .slot-content .slot-content-inner h2 {
  font-family: "VM Circular Book", sans-serif;
  font-size: 35px;
  font-size: 3.5rem;
  line-height: 40px;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .cvs-section-main-container .slot1 .slot-content .slot-content-inner h2 {
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 30px;
    margin-bottom: 6px;
  }
}

@media only screen and (max-width: 767px) {
  .cvs-section-main-container .slot1 .slot-content .slot-content-inner h2 {
    margin-top: 0;
  }
}

.cvs-section-main-container .slot1 .slot-content .slot-content-inner p {
  font-family: "VM Circular Book", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 22px;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .cvs-section-main-container .slot1 .slot-content .slot-content-inner p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 18px;
  }
}

@media only screen and (max-width: 767px) {
  .cvs-section-main-container .slot1 .slot-content .slot-content-inner p {
    margin: 0;
  }
}

.cvs-section-main-container .slot1, .cvs-section-main-container .slots {
  display: -webkit-inline-flex;
  display: inline-flex;
}

@media only screen and (max-width: 767px) {
  .cvs-section-main-container .slot1, .cvs-section-main-container .slots {
    display: block;
  }
}

.cvs-section-main-container .slot1 .slot-inner, .cvs-section-main-container .slots .slot-inner {
  position: relative;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .cvs-section-main-container .slot1 .slot-inner, .cvs-section-main-container .slots .slot-inner {
    width: auto;
  }
}

.cvs-section-main-container .slot1 .slot-inner-bg, .cvs-section-main-container .slots .slot-inner-bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.cvs-section-main-container .slot1 .slot-content, .cvs-section-main-container .slots .slot-content {
  position: relative;
  z-index: 1;
  background-position: top left;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.cvs-section-main-container .slots {
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.cvs-section-main-container .slots .slot-content {
  overflow: hidden;
}

.cvs-section-main-container .slots .slot-content .slot-content-inner {
  padding: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .cvs-section-main-container .slots .slot-content .slot-content-inner {
    padding: 14px;
  }
}

@media only screen and (max-width: 767px) {
  .cvs-section-main-container .slots .slot-content .slot-content-inner {
    padding: 20px;
  }
}

.cvs-section-main-container .slots .slot-content .slot-content-inner .slot-image-container img {
  width: auto;
}

.cvs-section-main-container .slots .slot-content .slot-content-inner h2, .cvs-section-main-container .slots .slot-content .slot-content-inner h3, .cvs-section-main-container .slots .slot-content .slot-content-inner .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina .cvs-section-main-container .slots .slot-content .slot-content-inner .acc-panel-title, .cvs-section-main-container .slots .slot-content .slot-content-inner h4, .cvs-section-main-container .slots .slot-content .slot-content-inner h5 {
  margin-top: 0;
  margin-bottom: 15px;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .cvs-section-main-container .slots .slot-content .slot-content-inner h2, .cvs-section-main-container .slots .slot-content .slot-content-inner h3, .cvs-section-main-container .slots .slot-content .slot-content-inner .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina .cvs-section-main-container .slots .slot-content .slot-content-inner .acc-panel-title, .cvs-section-main-container .slots .slot-content .slot-content-inner h4, .cvs-section-main-container .slots .slot-content .slot-content-inner h5 {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: normal;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .cvs-section-main-container .slots .slot-content .slot-content-inner h2, .cvs-section-main-container .slots .slot-content .slot-content-inner h3, .cvs-section-main-container .slots .slot-content .slot-content-inner .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina .cvs-section-main-container .slots .slot-content .slot-content-inner .acc-panel-title, .cvs-section-main-container .slots .slot-content .slot-content-inner h4, .cvs-section-main-container .slots .slot-content .slot-content-inner h5 {
    margin-bottom: 20px;
  }
}

.cvs-section-main-container .slots .slot-content .slot-content-inner h2 {
  font-family: "VM Circular Book", sans-serif;
  font-size: 35px;
  font-size: 3.5rem;
  line-height: 40px;
  margin-top: 0;
  margin-bottom: 15px;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .cvs-section-main-container .slots .slot-content .slot-content-inner h2 {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: normal;
    margin-bottom: 10px;
  }
}

.cvs-section-main-container .slots .slot-content .slot-content-inner p {
  font-family: "VM Circular Book", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 22px;
  margin: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .cvs-section-main-container .slots .slot-content .slot-content-inner p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: normal;
  }
}

.cvs-section-main-container .slots .slot2, .cvs-section-main-container .slots .slot3 {
  display: -webkit-flex;
  display: flex;
}

@media only screen and (max-width: 767px) {
  .cvs-section-main-container .slots .slot2, .cvs-section-main-container .slots .slot3 {
    display: block;
  }
}

.cvs-section-main-container .slots .slot2 .slot-content, .cvs-section-main-container .slots .slot2 .slot-content-inner, .cvs-section-main-container .slots .slot3 .slot-content, .cvs-section-main-container .slots .slot3 .slot-content-inner {
  height: 100%;
}

@media only screen and (max-width: 767px) {
  .cvs-section-main-container .slots .slot2 .slot-inner, .cvs-section-main-container .slots .slot3 .slot-inner {
    width: auto;
    height: auto;
    position: relative;
    margin: 20px;
  }
}

.cvs-section-main-container .slots .slot3 {
  margin-left: 10px;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .cvs-section-main-container .slots .slot3 {
    margin-left: 1%;
  }
}

@media only screen and (max-width: 767px) {
  .cvs-section-main-container .slots .slot3 {
    margin: 0;
  }
}

.cvs-section-main-container .slots .slot4 {
  margin-top: 10px;
  position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .cvs-section-main-container .slots .slot4 {
    margin-top: 6px;
  }
}

@media only screen and (max-width: 767px) {
  .cvs-section-main-container .slots .slot4 {
    margin: 0;
  }
}

@media only screen and (max-width: 767px) {
  .cvs-section-main-container .slots .slot4 .slot-inner {
    margin: 20px;
  }
}

.cvs-section-main-container .slots .slot4 .slot-inner-bg {
  transform: rotate(180deg);
}

@media only screen and (max-width: 767px) {
  .cvs-section-main-container .slots .slot4 .slot-inner-bg {
    transform: rotate(0deg);
  }
}

@media only screen and (max-width: 767px) {
  .cvs-section-main-container .slots .slot4 .slot-content {
    padding: 0;
  }
}

.cvs-section-main-container .slots .slot4 .slot-content .slot-content-inner {
  padding: 0;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
}

@media only screen and (max-width: 767px) {
  .cvs-section-main-container .slots .slot4 .slot-content .slot-content-inner {
    display: block;
    height: auto;
  }
}

.cvs-section-main-container .slots .slot4 .slot-content .slot-content-inner .slot-main-container {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .cvs-section-main-container .slots .slot4 .slot-content .slot-content-inner .slot-main-container {
    display: block;
    height: auto;
  }
}

.cvs-section-main-container .slots .slot4 .slot-content .slot-content-inner .slot-image-container {
  height: 100%;
  width: 50%;
}

@media only screen and (max-width: 767px) {
  .cvs-section-main-container .slots .slot4 .slot-content .slot-content-inner .slot-image-container {
    width: 100%;
    margin-bottom: 0;
  }
}

.cvs-section-main-container .slots .slot4 .slot-content .slot-content-inner .slot-image-container .video-start, .cvs-section-main-container .slots .slot4 .slot-content .slot-content-inner .slot-image-container .video-trigger {
  height: 100%;
  width: 100%;
  background-size: cover;
}

.cvs-section-main-container .slots .slot4 .slot-content .slot-content-inner .slot-image-container .video-start {
  position: relative;
}

@media only screen and (max-width: 767px) {
  .cvs-section-main-container .slots .slot4 .slot-content .slot-content-inner .slot-image-container .video-start {
    padding-top: 56.2%;
  }
}

.cvs-section-main-container .slots .slot4 .slot-content .slot-content-inner .slot-image-container .video-start .video-start-thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: auto;
  z-index: -1;
}

.cvs-section-main-container .slots .slot4 .slot-content .slot-content-inner .slot-image-container .video-start .play-icon {
  position: absolute;
  width: 54px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

@media only screen and (min-width: 768px) {
  .cvs-section-main-container .slots .slot4 .slot-content .slot-content-inner .slot-image-container .image-container {
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
  }
  .cvs-section-main-container .slots .slot4 .slot-content .slot-content-inner .slot-image-container .image-container img {
    position: absolute;
    left: -10000%;
    right: -10000%;
    top: -10000%;
    bottom: -10000%;
    margin: auto auto;
    min-width: 1000%;
    min-height: 1000%;
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
  }
}

@media only screen and (max-width: 767px) {
  .cvs-section-main-container .slots .slot4 .slot-content .slot-content-inner .slot-image-container .image-container img {
    width: 100%;
  }
}

.cvs-section-main-container .slots .slot4 .slot-content .slot-content-inner .slot-text-container {
  width: 50%;
  padding: 20px;
}

.cvs-section-main-container .slots .slot4 .slot-content .slot-content-inner .slot-text-container.full-width {
  width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .cvs-section-main-container .slots .slot4 .slot-content .slot-content-inner .slot-text-container {
    padding: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .cvs-section-main-container .slots .slot4 .slot-content .slot-content-inner .slot-text-container {
    width: 100%;
  }
}

.cvs-section-main-container .slots .slot4 .slot-content .slot-content-inner .slot-text-container .slot-logo-container {
  margin-top: 14px;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .cvs-section-main-container .slots .slot4 .slot-content .slot-content-inner .slot-text-container .slot-logo-container {
    margin-top: 7px;
  }
}

.cvs-section-main-container .slots .slot4 .slot-content .slot-content-inner .slot-text-container .slot-logo-container img {
  max-height: 17px;
  width: auto;
}

.cvs-section-main-container .slots .slot4 .slot-content .slot-content-inner h2 {
  font-family: "VM Circular Light", sans-serif;
  font-size: 40px;
  font-size: 4rem;
  line-height: 42px;
  margin-top: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .cvs-section-main-container .slots .slot4 .slot-content .slot-content-inner h2 {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: normal;
  }
}

.cvs-section-main-container .slots .slot4 .slot-content .slot-content-inner p {
  font-family: "VM Circular Book", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 20px;
  margin: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .cvs-section-main-container .slots .slot4 .slot-content .slot-content-inner p {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 14px;
  }
}

.cvs-section-main-container .slot-main-container {
  display: -webkit-flex;
  display: flex;
}

.cvs-section-main-container .slot-main-container.icon-left {
  -webkit-flex-direction: row;
  flex-direction: row;
}

.cvs-section-main-container .slot-main-container.icon-right {
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.cvs-section-main-container .slot-main-container.icon-top {
  -webkit-flex-direction: column;
  flex-direction: column;
}

.cvs-section-main-container .slot-main-container.icon-bottom {
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.cvs-section-main-container .slot-main-container.icon-bottom .slot-image-container {
  position: absolute;
  bottom: 0;
}

.cvs-section-main-container .slot-main-container.icon-bottom .slot-image-container.icon-align-left {
  left: 10px;
}

.cvs-section-main-container .slot-main-container.icon-bottom .slot-image-container.icon-align-center {
  left: 50%;
}

.cvs-section-main-container .slot-main-container.icon-bottom .slot-image-container.icon-align-center .image-container {
  position: relative;
  left: -50%;
}

.cvs-section-main-container .slot-main-container.icon-bottom .slot-image-container.icon-align-right {
  right: 10px;
}

.author-mode .cvs-section-main-container {
  height: 800px;
}

.author-mode .cvs-section-main-container .section-content > div {
  width: 50%;
  -webkit-flex-flow: wrap;
  flex-flow: wrap;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.author-mode .cvs-section-main-container .section-content .slot1 {
  width: 200px;
}

.author-mode .cvs-section-main-container .section-content .slot1 .slot-inner {
  width: 100%;
}

.author-mode .cvs-section-main-container .section-content .slot1 .slot-content {
  width: 100%;
}

.author-mode .cvs-section-main-container .section-content .slots {
  width: 670px;
  justify-content: flex-start;
}

.author-mode .cvs-section-main-container .section-content .slots .slot2, .author-mode .cvs-section-main-container .section-content .slots .slot3 {
  width: 335px;
  height: 360px;
}

.author-mode .cvs-section-main-container .section-content .slots .slot2 .slot-inner, .author-mode .cvs-section-main-container .section-content .slots .slot2 .slot-content-inner, .author-mode .cvs-section-main-container .section-content .slots .slot3 .slot-inner, .author-mode .cvs-section-main-container .section-content .slots .slot3 .slot-content-inner {
  width: 330px;
  height: 360px;
}

.author-mode .cvs-section-main-container .section-content .slots .slot2 .slot-inner .slot-main-container, .author-mode .cvs-section-main-container .section-content .slots .slot2 .slot-content-inner .slot-main-container, .author-mode .cvs-section-main-container .section-content .slots .slot3 .slot-inner .slot-main-container, .author-mode .cvs-section-main-container .section-content .slots .slot3 .slot-content-inner .slot-main-container {
  width: 100%;
}

.author-mode .cvs-section-main-container .section-content .slots .slot4 {
  width: 670px;
}

.author-mode .cvs-section-main-container .section-content .slots .slot4 .slot-inner .slot-main-container, .author-mode .cvs-section-main-container .section-content .slots .slot4 .slot-content-inner .slot-main-container {
  width: 100%;
}

.cvs-banner-wrapper {
  position: relative;
  width: 100%;
}

.cvs-banner-wrapper .cvs-image-wrapper {
  width: 100%;
  height: 680px;
  overflow: hidden;
  position: relative;
}

.cvs-banner-wrapper .cvs-image-wrapper img {
  position: absolute;
  left: -100%;
  right: -100%;
  bottom: -100%;
  top: -100%;
  margin: auto;
  width: auto;
}

.cvs-banner-wrapper .cvs-text-wrapper {
  position: absolute;
  font-family: "VM Circular Light", sans-serif;
  color: #fff;
  left: 0;
  right: 0;
  top: 0;
  padding-left: 15px;
  width: 1200px;
  height: 100%;
  margin: auto;
  display: flex;
}

.cvs-banner-wrapper .cvs-text-wrapper .text-container {
  align-self: center;
  width: 35%;
}

.cvs-banner-wrapper .cvs-text-wrapper .text-container p.banner-text {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 27px;
}

.cvs-banner-wrapper .cvs-text-wrapper .text-container p.banner-statement-data {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 26px;
  margin-top: 16px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cvs-banner-wrapper .cvs-image-wrapper {
    height: 500px;
  }
  .cvs-banner-wrapper .cvs-image-wrapper img {
    width: 100%;
  }
  .cvs-banner-wrapper .cvs-text-wrapper {
    padding-left: 50px;
    right: auto;
    width: 100%;
  }
  .cvs-banner-wrapper .cvs-text-wrapper .text-container {
    width: 35%;
  }
  .cvs-banner-wrapper .cvs-text-wrapper .text-container h1 {
    font-size: 40px;
    font-size: 4rem;
    line-height: 45px;
  }
  .cvs-banner-wrapper .cvs-text-wrapper .text-container p.banner-text {
    font-size: 20px;
    font-size: 2rem;
    line-height: 26px;
  }
  .cvs-banner-wrapper .cvs-text-wrapper .text-container p.banner-statement-data {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 26px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cvs-banner-wrapper .cvs-image-wrapper {
    height: 400px;
  }
  .cvs-banner-wrapper .cvs-image-wrapper img {
    width: 100%;
  }
  .cvs-banner-wrapper .cvs-text-wrapper {
    padding-left: 64px;
    right: auto;
    width: 100%;
  }
  .cvs-banner-wrapper .cvs-text-wrapper .text-container {
    width: 45%;
  }
  .cvs-banner-wrapper .cvs-text-wrapper .text-container h1 {
    font-size: 40px;
    font-size: 4rem;
    line-height: 45px;
  }
  .cvs-banner-wrapper .cvs-text-wrapper .text-container p.banner-text {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 26px;
  }
  .cvs-banner-wrapper .cvs-text-wrapper .text-container p.banner-statement-data {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 26px;
  }
}

@media only screen and (max-width: 767px) {
  .cvs-banner-wrapper .cvs-image-wrapper {
    height: 400px;
  }
  .cvs-banner-wrapper .cvs-image-wrapper img {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) and (orientation: landscape) {
  .cvs-banner-wrapper .cvs-image-wrapper img {
    width: auto;
  }
}

@media only screen and (max-width: 767px) {
  .cvs-banner-wrapper .cvs-text-wrapper {
    padding-left: 19px;
    right: auto;
    width: 100%;
  }
  .cvs-banner-wrapper .cvs-text-wrapper .text-container {
    width: 100%;
  }
  .cvs-banner-wrapper .cvs-text-wrapper .text-container h1 {
    font-size: 27px;
    font-size: 2.7rem;
    line-height: 33px;
  }
  .cvs-banner-wrapper .cvs-text-wrapper .text-container p.banner-text {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 19px;
  }
  .cvs-banner-wrapper .cvs-text-wrapper .text-container p.banner-statement-data {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 18px;
  }
}

.cvs-banner-main.component {
  margin-bottom: 0;
}

.cvs-tabs-container .cvs-tabs-wrapper .nav-tabs {
  display: -webkit-flex;
  display: flex;
  border: none;
}

.cvs-tabs-container .cvs-tabs-wrapper .nav-tabs li {
  margin-bottom: 0;
}

.cvs-tabs-container .cvs-tabs-wrapper .nav-tabs li a, .cvs-tabs-container .cvs-tabs-wrapper .nav-tabs li .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .cvs-tabs-container .cvs-tabs-wrapper .nav-tabs li span {
  border: none;
  border-radius: 0;
  margin-right: 0;
  height: 100%;
}

@media only screen and (min-width: 992px) {
  .cvs-tabs-container .cvs-tabs-wrapper .nav-tabs li {
    min-width: 220px;
  }
}

@media only screen and (max-width: 991px) {
  .cvs-tabs-container .cvs-tabs-wrapper .nav-tabs li {
    -webkit-flex: 1 1 0;
    flex: 1 1 0;
  }
}

@media only screen and (max-width: 767px) {
  .cvs-tabs-container .cvs-tabs-wrapper .nav-tabs li a, .cvs-tabs-container .cvs-tabs-wrapper .nav-tabs li .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .cvs-tabs-container .cvs-tabs-wrapper .nav-tabs li span {
    text-align: center;
    vertical-align: middle;
  }
  .cvs-tabs-container .cvs-tabs-wrapper .nav-tabs li a p, .cvs-tabs-container .cvs-tabs-wrapper .nav-tabs li .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span p, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .cvs-tabs-container .cvs-tabs-wrapper .nav-tabs li span p {
    margin-bottom: 0;
  }
}

.cvs-tabs-container .cvs-tabs-wrapper .nav-tabs li a:hover, .cvs-tabs-container .cvs-tabs-wrapper .nav-tabs li .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:hover, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .cvs-tabs-container .cvs-tabs-wrapper .nav-tabs li span:hover, .cvs-tabs-container .cvs-tabs-wrapper .nav-tabs li a:focus, .cvs-tabs-container .cvs-tabs-wrapper .nav-tabs li .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:focus, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .cvs-tabs-container .cvs-tabs-wrapper .nav-tabs li span:focus {
  border-bottom-color: transparent !important;
  border-left: none;
  border-top: none;
  border-right: none;
}

@media only screen and (min-width: 768px) {
  .cvs-tabs-container .cvs-tabs-wrapper .nav-tabs li span br {
    display: none;
  }
}

/* ACE Form */
.form-builder.component {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .ace-form {
    position: relative;
  }
}

.ace-form .component {
  margin-bottom: 0;
}

.ace-form .form-group {
  position: relative;
  padding-bottom: 32px;
  margin-bottom: 0;
  /* Form control - Base style */
  /* Labels as placeholders */
  /* Form control info area */
  /* Popovers */
}

.ace-form .form-group:not(.dyn-form-checkboxes):not(.dyn-form-radio) {
  padding-top: 23px;
}

.ace-form .form-group.is-disabled .ace-form-info {
  display: none;
}

@media only screen and (max-width: 767px) {
  .ace-form .form-group.has-info {
    padding-right: 34px;
  }
}

.ace-form .form-group .form-control {
  width: 100%;
  border-radius: 4px 4px 0 0;
  background-color: #efefef;
  border-width: 0 0 2px 0;
  border-color: #333;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 300;
  color: #333;
  box-shadow: none;
  /* Specific colors for different states */
}

.ace-form .form-group .form-control.has-value:not(.readonly):not(:focus) {
  background-color: #fbfbfb;
  border-color: #4a4a4a;
}

.ace-form .form-group .form-control:focus {
  outline: none;
  outline-offset: 0;
  border-color: #9b1478;
  background-color: #f7f7f7;
}

.ace-form .form-group .form-control:disabled, .ace-form .form-group .form-control.readonly {
  background-color: #efefef;
  border-color: #efefef;
}

.ace-form .form-group.has-error .form-control {
  border-color: #c11919 !important;
}

.ace-form .form-group .form-control-label {
  top: 0;
  left: 10px;
  margin: 0;
  max-width: calc(100% - 20px);
  font-family: "VM Circular Book", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  color: #333;
  line-height: 16px;
  padding-left: 0;
}

.ace-form .form-group .form-control-label.form-control-label-multiline {
  position: relative;
}

.ace-form .form-group .form-control-label:not(.form-control-label-multiline) {
  position: absolute;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Convert to placeholder look for fields that allow it */
.ace-form .form-group .ace-placeholder {
  /* Revert to label look when field is focused / has value */
}

.ace-form .form-group .ace-placeholder ~ .form-control-label {
  font-family: "VM Circular Light", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  color: #737373;
  line-height: 24px;
  pointer-events: none;
  transform: translate3d(0, 39px, 0);
  transition: all 0.2s ease-in-out;
}

.ace-form .form-group .ace-placeholder:focus ~ .form-control-label, .ace-form .form-group .ace-placeholder.has-value ~ .form-control-label {
  font-family: "VM Circular Book", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  color: #333;
  line-height: 16px;
  transform: translate3d(0, 0, 0);
}

/* Specific placeholder look for disabled fields */
.ace-form .form-group .form-control:disabled ~ .form-control-label {
  font-family: "VM Circular Light", sans-serif;
  font-weight: 100;
  color: #6b6b6b;
}

.ace-form .form-group .ace-form-info {
  padding-top: 5px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20px;
  /* Validation area */
  /* Counter, Optional marker */
}

.ace-form .form-group .ace-form-info .ace-form-info-l {
  /* Validation block */
}

.ace-form .form-group .ace-form-info .ace-form-info-l .help-block {
  font-family: "VM Circular Book", sans-serif;
  margin: 0;
}

.ace-form .form-group .ace-form-info .ace-form-info-l .help-block ul {
  margin: inherit;
}

.ace-form .form-group .ace-form-info .ace-form-info-l .help-block ul li {
  position: relative;
  padding-left: 30px;
  line-height: 1.5;
  margin: 2px 0;
  /* Validation error icon */
}

.ace-form .form-group .ace-form-info .ace-form-info-l .help-block ul li:before {
  position: absolute;
  display: block;
  width: 11px;
  height: 11px;
  left: 13px;
  top: 5px;
  content: "\f00d";
  font-family: "FontAwesome", sans-serif;
  color: #c11919;
  line-height: 11px;
}

.ace-form .form-group.dyn-form-radio-default .ace-form-info-l .help-block ul li, .ace-form .form-group.dyn-form-checkboxes .ace-form-info-l .help-block ul li {
  padding-left: 22px;
}

.ace-form .form-group.dyn-form-radio-default .ace-form-info-l .help-block ul li:before, .ace-form .form-group.dyn-form-checkboxes .ace-form-info-l .help-block ul li:before {
  left: 5px;
}

.ace-form .form-group .ace-form-info .ace-form-info-r {
  padding: 2px 10px 0;
  font-family: "VM Circular Light", sans-serif;
  color: #737373;
}

.ace-form .form-group .ace-form-info .ace-form-info-r > div {
  white-space: nowrap;
  text-align: right;
}

.ace-form .form-group .ace-form-info .ace-form-info-r .ace-form-marker-count-invisible-accessible {
  position: absolute;
  top: -999999999px;
  left: -999999999px;
}

.ace-form .form-group.has-error .ace-form-info-r {
  display: none;
}

.ace-form .form-group.dyn-form-radio-default .ace-form-info-r, .ace-form .form-group.dyn-form-checkboxes .ace-form-info-r {
  padding: 2px 0 0 36px;
}

.ace-form .form-group.dyn-form-radio-default .ace-form-info-r > div, .ace-form .form-group.dyn-form-checkboxes .ace-form-info-r > div {
  text-align: left;
}

.ace-form .form-group .ace-form-popover {
  width: 24px;
  height: 24px;
  font-size: 24px;
  font-size: 2.4rem;
  color: #4196d2;
  line-height: 24px;
  cursor: pointer;
}

.ace-form .form-group .ace-form-popover:before {
  display: block;
  width: 24px;
  height: 24px;
}

.ace-form .form-group .ace-form-popover:hover, .ace-form .form-group .ace-form-popover:focus {
  font-family: "FontAwesome", sans-serif;
  outline: none;
  text-decoration: none;
  color: #166aa5;
}

.ace-form .form-group .ace-form-popover:not(.dyn-form-popover-inline) {
  position: absolute;
  display: block;
  top: 41px;
}

@media only screen and (max-width: 767px) {
  .ace-form .form-group .ace-form-popover:not(.dyn-form-popover-inline) {
    right: 0;
  }
}

@media only screen and (min-width: 768px) {
  .ace-form .form-group .ace-form-popover:not(.dyn-form-popover-inline) {
    right: -34px;
  }
}

.ace-form .form-group .ace-form-popover.dyn-form-popover-inline {
  display: inline-block;
  margin-left: 5px;
  vertical-align: sub;
}

.ace-form .popover {
  max-width: unset;
  border: none;
  border-radius: 0;
  padding: 0;
  font-family: "VM Circular Light", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
}

@media only screen and (max-width: 480px) {
  .ace-form .popover {
    width: 100%;
  }
}

@media only screen and (min-width: 480px) {
  .ace-form .popover {
    width: 270px;
  }
}

.ace-form .popover.top > .arrow {
  border-top: none;
}

.ace-form .popover.bottom > .arrow {
  border-bottom: none;
}

.ace-form .popover .popover-content {
  padding: 15px;
}

@media only screen and (min-width: 768px) {
  .ace-form .form-group {
    max-width: 550px;
    margin-right: 34px;
  }
}

/* ACE Form */
.ace-form .form-group {
  /* Form control - All inputs except radio buttons and checkboxes */
  /* Form control - Only radio buttons and checkboxes */
}

.ace-form .form-group input:not([type="radio"]):not([type="checkbox"]) {
  height: 58px;
  padding: 18px 10px;
}

.ace-form .form-group {
  /* Adjust right padding for inputs with search button or passwords */
}

.ace-form .form-group .dyn-form-field-search ~ input:not([type="radio"]):not([type="checkbox"]), .ace-form .form-group .dyn-form-password-switch ~ input:not([type="radio"]):not([type="checkbox"]) {
  padding-right: 60px;
}

.ace-form .form-group .dyn-form-radio-check-desc {
  display: -webkit-flex;
  display: flex;
  color: #666666;
  margin-bottom: 20px;
}

.ace-form .form-group .dyn-form-radio-check-desc .dyn-form-radio-check-desc-txt {
  font-family: "VM Circular Light", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
}

.ace-form .form-group .dyn-form-radio-check-desc .dyn-form-radio-check-desc-img {
  padding-left: 15px;
}

.ace-form .form-group .dyn-form-radio-check-desc .dyn-form-radio-check-desc-img img {
  width: 64px;
  height: 64px;
}

.ace-form .form-group .dyn-form-radio-check-item-desc {
  display: block;
  font-family: "VM Circular Light", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
}

.ace-form .form-group .dyn-form-password-switch {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 41px;
  right: 18px;
  font-size: 24px;
  font-size: 2.4rem;
  cursor: pointer;
}

@media only screen and (max-width: 767px) {
  .ace-form .form-group.has-info .dyn-form-password-switch {
    right: 52px;
  }
}

.ace-form .form-group .dyn-form-field-search {
  width: 20px;
  height: 20px;
  position: absolute;
  cursor: pointer;
  top: 43px;
  right: 20px;
  font-size: 20px;
  line-height: 20px;
  color: #ed0000;
}

.ace-form .form-group input.dyn-form-field-small {
  width: 96px;
  display: inline-block;
  margin-right: 14px;
}

.ace-form .form-group input.dyn-form-field-xsmall {
  width: 50px;
  display: inline-block;
}

.ace-form .form-group.dyn-form-sort-code input.dyn-form-field-xsmall:not(:last-of-type) :after {
  content: "";
  display: block;
  height: 1px;
  width: 7px;
  background: #333;
  position: relative;
  right: -7px;
}

.ace-form .form-group.ace-form-time-picker .ace-form-info .ace-form-info-r .ace-form-marker-optional, .ace-form .form-group.ace-form-date-field .ace-form-info .ace-form-info-r .ace-form-marker-optional, .ace-form .form-group.dyn-form-sort-code .ace-form-info .ace-form-info-r .ace-form-marker-optional {
  text-align: left;
}

.ace-form .form-group.ace-form-time-picker input.dyn-form-field-small:last-of-type,
.ace-form .form-group.ace-form-time-picker input.dyn-form-field-xsmall:last-of-type, .ace-form .form-group.ace-form-date-field input.dyn-form-field-small:last-of-type,
.ace-form .form-group.ace-form-date-field input.dyn-form-field-xsmall:last-of-type, .ace-form .form-group.dyn-form-sort-code input.dyn-form-field-small:last-of-type,
.ace-form .form-group.dyn-form-sort-code input.dyn-form-field-xsmall:last-of-type {
  margin-right: 0;
}

@media only screen and (max-width: 767px) {
  .ace-form .form-group.ace-form-time-picker input.dyn-form-field-small, .ace-form .form-group.ace-form-date-field input.dyn-form-field-small, .ace-form .form-group.dyn-form-sort-code input.dyn-form-field-small {
    width: 80px;
  }
}

.ace-form .form-group.dyn-form-field.google-captcha2-invisible {
  padding: 0px;
  height: auto;
}

.ace-form .form-group.dyn-form-field.google-captcha2-invisible.author-mode {
  height: 100px;
}

/* ACE Form */
.dyn-form .form-group {
  /* Form control - Radio buttons */
}

.dyn-form .form-group .radio {
  margin-top: 5px;
  margin-bottom: 0;
}

.dyn-form .form-group .radio label {
  padding-left: 36px;
  font-family: "VM Circular Light", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 26px;
}

.dyn-form .form-group .radio label input,
.dyn-form .form-group .radio label input ~ .ace-form-radio {
  left: 0;
  top: 0;
  width: 26px;
  height: 26px;
}

.dyn-form .form-group .radio label input {
  margin: 0;
  opacity: 0;
  pointer-events: none;
}

.dyn-form .form-group .radio label input ~ .ace-form-radio {
  position: absolute;
  border: 3px #ed0000 solid;
  border-radius: 13px;
}

.dyn-form .form-group .radio label input:checked ~ .ace-form-radio:before {
  position: absolute;
  display: block;
  content: "";
  left: 5px;
  top: 5px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #ed0000;
}

.dyn-form .form-group .radio label {
  min-height: 26px;
}

.dyn-form .form-group {
  /* Variant - Default */
  /* Variant - Card */
}

.dyn-form .form-group.dyn-form-radio-default .radio + .radio {
  margin-top: 13px;
}

.dyn-form .form-group.dyn-form-radio-card div[role="radiogroup"] {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.dyn-form .form-group.dyn-form-radio-card div[role="radiogroup"] .radio {
  -webkit-flex: 0 1 50%;
  flex: 0 1 50%;
  border: 1px #DBDBDB solid;
  margin-top: 0;
}

.dyn-form .form-group.dyn-form-radio-card div[role="radiogroup"] .radio:first-child {
  border-right: none;
}

.dyn-form .form-group.dyn-form-radio-card div[role="radiogroup"] .radio.selected {
  background-color: #f7f7f7;
}

.dyn-form .form-group.dyn-form-radio-card div[role="radiogroup"] .radio label {
  padding: 25px 25px 25px 61px;
  font-size: 22px;
  font-size: 2.2rem;
}

.dyn-form .form-group.dyn-form-radio-card div[role="radiogroup"] .radio label input,
.dyn-form .form-group.dyn-form-radio-card div[role="radiogroup"] .radio label input ~ .ace-form-radio {
  left: 25px;
  top: 25px;
}

.dyn-form .form-group.dyn-form-radio-card div[role="radiogroup"] .radio label .ace-form-radio-card-price,
.dyn-form .form-group.dyn-form-radio-card div[role="radiogroup"] .radio label .ace-form-radio-card-desc {
  display: inline-block;
  width: 100%;
}

.dyn-form .form-group.dyn-form-radio-card div[role="radiogroup"] .radio label .ace-form-radio-card-price {
  margin-bottom: 15px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #ed0000;
}

.dyn-form .form-group.dyn-form-radio-card div[role="radiogroup"] .radio label .ace-form-radio-card-desc {
  font-family: "VM Circular Light", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.25;
}

.dyn-form .form-group.dyn-form-radio-card div[role="radiogroup"] .radio label p {
  margin: 0;
}

.dyn-form .form-group.dyn-form-radio-card .ace-form-info {
  -webkit-flex: 1 0 100%;
  flex: 1 0 100%;
}

.dyn-form .form-group.dyn-form-radio-mixed div[role="radiogroup"] {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.dyn-form .form-group.dyn-form-radio-mixed div[role="radiogroup"] .radio {
  -webkit-flex: 0 1 20%;
  flex: 0 1 20%;
}

.dyn-form .form-group.dyn-form-radio-mixed label {
  font-size: 20px;
  font-size: 2rem;
  line-height: 22px;
}

.dyn-form .form-group.dyn-form-radio-mixed label span {
  font-size: 16px;
  font-size: 1.6rem;
}

/* CSJT Form: radio button only - form control label override  */
.csjt-checkout-template .dyn-form .radio-button .form-control-label {
  font-family: "VM Circular Book", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 23px;
  left: 0;
  margin-bottom: 10px;
}

.csjt-checkout-template .dyn-form .radio-button span {
  font-size: 16px;
  font-size: 1.6rem;
}

/* Pink project- radio button style */
.ace-form.dyn-form.pink-form .radio-button .form-group .form-control-label {
  left: 0;
  font-size: 20px;
  font-size: 2rem;
}

.ace-form.dyn-form.pink-form .radio-button .form-group .form-control-label span {
  vertical-align: middle;
}

.ace-form.dyn-form.pink-form .radio-button .form-group label span {
  font-size: 16px;
  font-size: 1.6rem;
}

.ace-form.dyn-form.pink-form .radio-button .form-group .dyn-form-radio-check-desc {
  font-size: 16px;
  font-size: 1.6rem;
}

/* ACE Form */
.ace-form .form-group {
  /* Form control - Checkboxes */
}

.ace-form .form-group .checkbox {
  margin-top: 5px;
  margin-bottom: 0;
}

.ace-form .form-group .checkbox label {
  padding-left: 36px;
  font-family: "VM Circular Book", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 26px;
}

.ace-form .form-group .checkbox label input,
.ace-form .form-group .checkbox label input ~ .ace-form-checkbox {
  left: 2px;
  top: 2px;
  width: 22px;
  height: 22px;
}

.ace-form .form-group .checkbox label input {
  margin: 0;
  opacity: 0;
  pointer-events: none;
}

.ace-form .form-group .checkbox label input ~ .ace-form-checkbox {
  position: absolute;
  border: 3px #ed0000 solid;
  border-radius: 3px;
}

.ace-form .form-group .checkbox label input:checked ~ .ace-form-checkbox:before {
  position: absolute;
  display: block;
  content: "\f00c";
  left: 1px;
  top: 1px;
  width: 13px;
  height: 13px;
  font-family: "FontAwesome", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: normal;
  color: #ed0000;
  line-height: 14px;
}

.ace-form .form-group .checkbox label {
  min-height: 22px;
}

.ace-form .form-group .checkbox label p {
  margin: 0;
}

.ace-form .form-group .checkbox + .checkbox {
  margin-top: 13px;
}

/* ACE Form */
.ace-form .form-group {
  /* Form control - Textareas */
}

.ace-form .form-group textarea {
  height: 123px;
  padding: 13px 10px;
  resize: vertical;
  line-height: 1;
}

/* ACE Form */
.ace-form .form-group {
  /* Form control - Buttons */
}

.ace-form .form-group .btn {
  height: 38px;
  border: none;
  border-radius: 19px;
  padding: 0 40px;
  font-family: "VM Circular Medium", sans-serif;
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: 500;
  color: #fff;
  line-height: 38px;
}

.ace-form .form-group .btn.btn-primary {
  background-color: #ed0000;
}

.ace-form .form-group .btn.btn-primary:hover:not(:disabled):not(.disabled) {
  background-color: #ff6666;
}

.ace-form .form-group .btn.btn-primary:active {
  background-color: #ff3333;
}

.ace-form .form-group .btn.btn-secondary {
  background-color: #322332;
}

.ace-form .form-group .btn.btn-secondary:hover:not(:disabled):not(.disabled) {
  background-color: #5f2878;
}

.ace-form .form-group .btn.btn-secondary:active {
  background-color: #5f2878;
}

.ace-form .form-group .btn:focus {
  outline: none;
  outline-offset: 0;
}

.ace-form .form-group .btn:disabled, .ace-form .form-group .btn.disabled {
  background-color: #DBDBDB;
}

.ace-form .form-group .btn:not(:last-child) {
  margin-right: 15px;
}

/* Dynamic Forms - Message Banner - Generic */
.dyn-form-message-banner {
  border-radius: 2px;
  margin-bottom: 10px;
}

.dyn-form-message-banner div {
  position: relative;
  font-family: "VM Circular Book", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 24px;
  color: #fff;
}

@media only screen and (max-width: 767px) {
  .dyn-form-message-banner div {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 18px;
  }
}

.dyn-form-message-banner div:before {
  position: absolute;
  display: block;
  left: 0;
  font-family: "FontAwesome", sans-serif;
}

.dyn-form-message-banner.dyn-form-message-banner-success {
  background-color: #64a541;
}

.dyn-form-message-banner.dyn-form-message-banner-success div:before {
  content: "\f058";
}

.dyn-form-message-banner.dyn-form-message-banner-error {
  background-color: #d0021b;
}

.dyn-form-message-banner.dyn-form-message-banner-error div:before {
  content: "\f057";
}

.dyn-form-message-banner.dyn-form-message-banner-info {
  background-color: #4196d2;
}

.dyn-form-message-banner.dyn-form-message-banner-info div:before {
  content: "\f05a";
}

.dyn-form-message-banner.dyn-form-message-banner-warning {
  background-color: #e5931d;
}

.dyn-form-message-banner.dyn-form-message-banner-warning div:before {
  content: "\f06a";
}

/* Dynamic Forms - Message Banner - ACE specific */
.dyn-form-message-banner {
  padding: 18px;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .dyn-form-message-banner {
    padding: 30px 20% 10px 20%;
  }
}

.dyn-form-message-banner div {
  display: inline;
  padding-left: 30px;
}

@media only screen and (max-width: 767px) {
  .dyn-form-message-banner div {
    display: block;
    padding-left: 0;
  }
}

.dyn-form-message-banner div:before {
  top: 0;
  text-align: center;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 22px;
  width: 22px;
  height: 22px;
}

@media only screen and (max-width: 767px) {
  .dyn-form-message-banner div:before {
    top: -20px;
    width: 100%;
    height: 16px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 16px;
  }
}

/* Dynamic Forms - Message Banner - CSJT specific (overrides) */
.csjt-checkout-template .dyn-form-message-banner {
  padding: 20px;
  text-align: left;
}

@media only screen and (max-width: 767px) {
  .csjt-checkout-template .dyn-form-message-banner {
    padding: 15px;
  }
}

.csjt-checkout-template .dyn-form-message-banner div {
  display: block;
  padding-left: 30px;
}

@media only screen and (max-width: 767px) {
  .csjt-checkout-template .dyn-form-message-banner div {
    padding-left: 26px;
  }
}

.csjt-checkout-template .dyn-form-message-banner div:before {
  top: 0;
  text-align: left;
  font-size: 20px;
  font-size: 2rem;
  line-height: 20px;
  width: 20px;
  height: 20px;
}

@media only screen and (max-width: 767px) {
  .csjt-checkout-template .dyn-form-message-banner div:before {
    top: 0;
    width: 16px;
    height: 16px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 16px;
  }
}

/* ACE Form */
.ace-form .form-group {
  /* Form control - Dropdowns */
  /* Label/placeholder size for dropdowns */
  /* Small sized dropdown */
}

.ace-form .form-group .select2-container--ace {
  height: 58px;
}

.ace-form .form-group .select2-container--ace .select2-selection--single {
  border: none;
  background-color: transparent;
  height: 100%;
  width: calc(100% - 23px);
}

.ace-form .form-group .select2-container--ace .select2-selection--single:focus {
  outline: none;
}

.ace-form .form-group .select2-container--ace .select2-selection--single .select2-selection__rendered {
  line-height: 44px;
  padding: 0;
}

.ace-form .form-group .select2-container--ace .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
  color: #737373;
  display: none;
}

.ace-form .form-group .select2-container--ace .select2-selection--single .select2-selection__arrow {
  height: 58px;
  position: absolute;
  top: 0;
  right: 0;
  width: 35px;
}

.ace-form .form-group .select2-container--ace .select2-selection--single .select2-selection__arrow:before {
  position: absolute;
  display: block;
  width: 15px;
  height: 10px;
  left: 10px;
  top: 25px;
  content: "\f078";
  font-family: "FontAwesome", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  font-size: 1.5rem;
  color: #333;
  line-height: 10px;
}

.ace-form .form-group .select2-container--ace .select2-selection--single .select2-selection__arrow b {
  display: none;
}

.ace-form .form-group .select2-container--ace ~ .select2-container {
  padding: 0;
  height: auto;
}

.ace-form .form-group .select2-container--ace.select2-container--open:not(.select2) {
  border: none;
}

.ace-form .form-group .select2-container--ace.select2-container--open .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
  display: block;
}

.ace-form .form-group .select2-container--ace.select2-container--open .select2-selection--single .select2-selection__arrow:before {
  content: "\f077";
}

.ace-form .form-group .select2-container--ace.select2-container--open .select2-dropdown {
  background-color: white;
  border: none;
  border-radius: 2px;
  box-sizing: border-box;
  display: block;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}

.ace-form .form-group .select2-container--ace.select2-container--open .select2-dropdown .select2-results {
  padding: 0;
  margin: 0;
}

.ace-form .form-group .select2-container--ace.select2-container--open .select2-dropdown .select2-results__options {
  max-height: 144px;
  overflow-y: auto;
}

.ace-form .form-group .select2-container--ace.select2-container--open .select2-dropdown .select2-results__options .select2-results__option {
  min-height: 48px;
  padding: 11px 10px;
}

.ace-form .form-group .select2-container--ace.select2-container--open .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--highlighted {
  background-color: #fdebf4;
}

.ace-form .form-group .select2-container--ace .select2-results__option[aria-disabled=true] {
  display: none;
}

.ace-form .form-group .ace-dropdown.ace-placeholder ~ .form-control-label {
  max-width: calc(100% - 45px);
}

.ace-form .form-group .ace-dropdown.ace-placeholder:focus ~ .form-control-label, .ace-form .form-group .ace-dropdown.ace-placeholder.has-value ~ .form-control-label {
  max-width: calc(100% - 20px);
}

.ace-form .form-group .select2-container--ace.select2-container--open ~ .form-control-label {
  font-family: "VM Circular Book", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  color: #333;
  line-height: 16px;
  max-width: calc(100% - 20px);
  transform: translate3d(0, 0, 0);
}

.ace-form .form-group.ace-form-dropdown-small .select2-container,
.ace-form .form-group.ace-form-dropdown-small .ace-form-info-r {
  width: 100px;
}

.ace-form .form-group.ace-form-dropdown-small .ace-dropdown.ace-placeholder ~ .form-control-label {
  max-width: 55px;
}

.ace-form .form-group.ace-form-dropdown-small .ace-dropdown.ace-placeholder:focus ~ .form-control-label, .ace-form .form-group.ace-form-dropdown-small .ace-dropdown.ace-placeholder.has-value ~ .form-control-label {
  max-width: calc(100% - 20px);
}

.ace-form .form-group.ace-form-dropdown-small .select2-container--ace.select2-container--open ~ .form-control-label {
  max-width: calc(100% - 20px);
}

.ace-form.dyn-form.pink-form .dropdown .form-group .form-control.has-value + .select2 + .ace-form-info + .form-control-label {
  left: 0;
  top: -10px;
}

.ace-form.dyn-form.pink-form .dropdown .form-group .form-control + .select2.select2-container--open + .ace-form-info + .form-control-label {
  left: 0;
  top: -10px;
}

.ace-form.dyn-form.pink-form .dropdown .form-group .form-control-label {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.4;
}

.ace-form.dyn-form.pink-form .dropdown .form-group .form-control-label .dyn-form-radio-check-desc {
  font-size: 16px;
  font-size: 1.6rem;
}

.ace-form.dyn-form.pink-form .dropdown .form-group .form-control-label span {
  vertical-align: middle;
}

.ace-form .ace-form-date-field .select2-container--ace .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
  display: block;
}

.ace-form .form-group .ace-form-dropdown-small {
  display: inline-block;
  margin-right: 14px;
}

.ace-form .form-group .ace-form-dropdown-small p {
  display: none;
}

@media only screen and (max-width: 767px) {
  .ace-form .form-group .ace-form-dropdown-small {
    width: 80px;
  }
  .ace-form .form-group .ace-form-dropdown-small .select2.select2-container--ace {
    padding: 6px 10px;
  }
  .ace-form .form-group .ace-form-dropdown-small ~ .select2-container--ace.select2-container--open {
    max-width: 80px;
    padding: 0;
  }
  .ace-form .form-group .ace-form-dropdown-small .select2-container--ace .select2-selection--single {
    width: calc(100% - 18px);
  }
}

@media only screen and (min-width: 768px) {
  .ace-form .form-group .ace-form-dropdown-small {
    width: 96px;
  }
  .ace-form .form-group .ace-form-dropdown-small ~ .select2-container--ace.select2-container--open {
    max-width: 96px;
    padding: 0;
  }
}

/* Pink project - date field style */
.ace-form.dyn-form.pink-form .date-field .form-group .form-control-label {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.4;
}

.ace-form.dyn-form.pink-form .date-field .form-group .select2-container--ace {
  height: 48px;
}

.ace-form.dyn-form.pink-form .date-field .form-group .ace-form-dropdown-small p {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  font-family: "VM Circular Book", sans-serif;
  margin-bottom: 0;
}

.ace-form.dyn-form.pink-form .date-field .form-group .ace-form-dropdown-small .select2-container.form-control {
  border-radius: 4px;
  border-width: 1px;
  border-color: #ddd;
  font-size: 16px;
  font-size: 1.6rem;
}

.ace-form.dyn-form.pink-form .date-field .form-group .ace-form-dropdown-small .select2-container.form-control .select2-selection__rendered {
  line-height: 36px;
}

.ace-form.dyn-form.pink-form .date-field .form-group .ace-form-dropdown-small .select2-container.form-control .select2-selection__arrow:before {
  top: 19px;
}

/* ACE Form */
.ace-form .form-group input.ace-field-hours, .ace-form .form-group input.ace-field-mins {
  width: 100px;
  margin-right: 15px;
}

.ace-form .form-group input.ace-field-hours {
  float: left;
}

/* Dynamic Forms */
.dyn-form .cms-calendar .form-group, .dyn-form .ace-calendar .form-group {
  max-width: 100%;
  padding: 20px 0;
}

.dyn-form .cms-calendar .form-group .dyn-form-calendar-wrapper, .dyn-form .ace-calendar .form-group .dyn-form-calendar-wrapper {
  width: 100%;
}

.dyn-form .cms-calendar .form-group .dyn-form-calendar-wrapper .calendar-carousel-nav, .dyn-form .ace-calendar .form-group .dyn-form-calendar-wrapper .calendar-carousel-nav {
  position: relative;
  text-align: center;
  z-index: 2;
}

.dyn-form .cms-calendar .form-group .dyn-form-calendar-wrapper .calendar-carousel-nav:after, .dyn-form .ace-calendar .form-group .dyn-form-calendar-wrapper .calendar-carousel-nav:after {
  content: '';
  display: block;
  height: 2px;
  background-color: #ccc;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}

@media only screen and (max-width: 767px) {
  .dyn-form .cms-calendar .form-group .dyn-form-calendar-wrapper .calendar-carousel-nav:after, .dyn-form .ace-calendar .form-group .dyn-form-calendar-wrapper .calendar-carousel-nav:after {
    height: 1px;
  }
}

.dyn-form .cms-calendar .form-group .dyn-form-calendar-wrapper .calendar-carousel-nav .owl-prev,
.dyn-form .cms-calendar .form-group .dyn-form-calendar-wrapper .calendar-carousel-nav .owl-next, .dyn-form .ace-calendar .form-group .dyn-form-calendar-wrapper .calendar-carousel-nav .owl-prev,
.dyn-form .ace-calendar .form-group .dyn-form-calendar-wrapper .calendar-carousel-nav .owl-next {
  position: absolute;
  color: #ed0000;
  display: inline-block;
  cursor: pointer;
}

.dyn-form .cms-calendar .form-group .dyn-form-calendar-wrapper .calendar-carousel-nav .owl-prev.disabled,
.dyn-form .cms-calendar .form-group .dyn-form-calendar-wrapper .calendar-carousel-nav .owl-next.disabled, .dyn-form .ace-calendar .form-group .dyn-form-calendar-wrapper .calendar-carousel-nav .owl-prev.disabled,
.dyn-form .ace-calendar .form-group .dyn-form-calendar-wrapper .calendar-carousel-nav .owl-next.disabled {
  color: #999;
}

.dyn-form .cms-calendar .form-group .dyn-form-calendar-wrapper .calendar-carousel-nav .owl-prev, .dyn-form .ace-calendar .form-group .dyn-form-calendar-wrapper .calendar-carousel-nav .owl-prev {
  left: 0;
}

.dyn-form .cms-calendar .form-group .dyn-form-calendar-wrapper .calendar-carousel-nav .owl-next, .dyn-form .ace-calendar .form-group .dyn-form-calendar-wrapper .calendar-carousel-nav .owl-next {
  right: 0;
}

.dyn-form .cms-calendar .form-group .dyn-form-calendar-wrapper .date-item, .dyn-form .ace-calendar .form-group .dyn-form-calendar-wrapper .date-item {
  text-align: center;
}

.dyn-form .cms-calendar .form-group .dyn-form-calendar-wrapper .date-item label, .dyn-form .ace-calendar .form-group .dyn-form-calendar-wrapper .date-item label {
  display: block;
}

.dyn-form .cms-calendar .form-group .dyn-form-calendar-wrapper .date-item label > span, .dyn-form .ace-calendar .form-group .dyn-form-calendar-wrapper .date-item label > span {
  font-weight: normal;
  line-height: 1;
  display: block;
  cursor: pointer;
  box-sizing: content-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}

.dyn-form .cms-calendar .form-group .dyn-form-calendar-wrapper .date-item input[type="radio"], .dyn-form .ace-calendar .form-group .dyn-form-calendar-wrapper .date-item input[type="radio"] {
  display: none;
}

.dyn-form .cms-calendar .form-group .dyn-form-calendar-wrapper .date-item input[type="radio"]:checked ~ span, .dyn-form .ace-calendar .form-group .dyn-form-calendar-wrapper .date-item input[type="radio"]:checked ~ span {
  background-color: #5f2878;
  color: #ffffff;
}

.dyn-form .cms-calendar .form-group .dyn-form-calendar-wrapper .date-item input[type="radio"]:disabled ~ span, .dyn-form .ace-calendar .form-group .dyn-form-calendar-wrapper .date-item input[type="radio"]:disabled ~ span {
  background-color: #f7f7f7;
  color: #ccc;
}

.dyn-form .cms-calendar .form-group .dyn-form-calendar-wrapper .date-item .date-header, .dyn-form .ace-calendar .form-group .dyn-form-calendar-wrapper .date-item .date-header {
  text-align: center;
  padding: 28px 0 20px 0;
}

.dyn-form .cms-calendar .form-group .dyn-form-calendar-wrapper .date-item .date-header .day, .dyn-form .ace-calendar .form-group .dyn-form-calendar-wrapper .date-item .date-header .day {
  display: block;
}

.dyn-form .cms-calendar .form-group .dyn-form-calendar-wrapper .date-item .date-header .date, .dyn-form .ace-calendar .form-group .dyn-form-calendar-wrapper .date-item .date-header .date {
  display: block;
}

.dyn-form .cms-calendar .form-group .dyn-form-calendar-wrapper .date-item .date-header.selected, .dyn-form .ace-calendar .form-group .dyn-form-calendar-wrapper .date-item .date-header.selected {
  background-color: #f7f7f7;
}

@media only screen and (max-width: 767px) {
  .dyn-form .cms-calendar .form-group .dyn-form-calendar-wrapper .date-item .date-header.selected, .dyn-form .ace-calendar .form-group .dyn-form-calendar-wrapper .date-item .date-header.selected {
    font-family: "VM Circular Book", sans-serif;
    color: #5f2878;
  }
}

@media only screen and (max-width: 767px) {
  .dyn-form .cms-calendar .form-group .dyn-form-calendar-wrapper .date-item .date-header, .dyn-form .ace-calendar .form-group .dyn-form-calendar-wrapper .date-item .date-header {
    padding: 13px 0;
  }
}

@media only screen and (max-width: 767px) {
  .dyn-form .cms-calendar .form-group .dyn-form-calendar-wrapper .owl-carousel, .dyn-form .ace-calendar .form-group .dyn-form-calendar-wrapper .owl-carousel {
    padding: 0 15px;
  }
}

@media only screen and (min-width: 1200px) {
  .dyn-form .cms-calendar .form-group .dyn-form-calendar-wrapper[data-display-days='9'] .date-item label span, .dyn-form .ace-calendar .form-group .dyn-form-calendar-wrapper[data-display-days='9'] .date-item label span {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

.dyn-form .cms-calendar .form-group .btn, .dyn-form .ace-calendar .form-group .btn {
  margin-top: 10px;
  margin-bottom: 10px;
}

@media only screen and (max-width: 480px) {
  .dyn-form .cms-calendar .form-group .btn, .dyn-form .ace-calendar .form-group .btn {
    width: 100%;
    margin-right: 0;
  }
}

/* Dynamic Forms - ACE Calendar */
.dyn-form .ace-calendar .form-group .ace-calendar-wrapper .dyn-form-calendar-group {
  margin-top: 20px;
}

.dyn-form .ace-calendar .form-group .ace-calendar-wrapper .dyn-form-calendar-group ~ .dyn-form-calendar-group {
  margin-top: 60px;
}

.dyn-form .ace-calendar .form-group .ace-calendar-wrapper .select-date-label {
  font-size: 30px;
  font-size: 3rem;
  font-family: "VM Circular Book", sans-serif;
  text-align: center;
  margin-bottom: 20px;
  line-height: 1.2;
}

@media only screen and (max-width: 767px) {
  .dyn-form .ace-calendar .form-group .ace-calendar-wrapper .select-date-label {
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 15px;
  }
}

.dyn-form .ace-calendar .form-group .ace-calendar-wrapper .calendar-carousel-nav {
  position: relative;
  text-align: center;
  z-index: 2;
}

.dyn-form .ace-calendar .form-group .ace-calendar-wrapper .calendar-carousel-nav:after {
  content: '';
  display: block;
  height: 2px;
  background-color: #ccc;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}

@media only screen and (max-width: 767px) {
  .dyn-form .ace-calendar .form-group .ace-calendar-wrapper .calendar-carousel-nav:after {
    height: 1px;
  }
}

.dyn-form .ace-calendar .form-group .ace-calendar-wrapper .calendar-carousel-nav .owl-prev,
.dyn-form .ace-calendar .form-group .ace-calendar-wrapper .calendar-carousel-nav .owl-next {
  position: absolute;
  top: 0;
  font-size: 62px;
  font-size: 6.2rem;
  color: #ed0000;
  display: inline-block;
  cursor: pointer;
}

.dyn-form .ace-calendar .form-group .ace-calendar-wrapper .calendar-carousel-nav .owl-prev.disabled,
.dyn-form .ace-calendar .form-group .ace-calendar-wrapper .calendar-carousel-nav .owl-next.disabled {
  color: #999;
}

@media only screen and (max-width: 767px) {
  .dyn-form .ace-calendar .form-group .ace-calendar-wrapper .calendar-carousel-nav .owl-prev,
  .dyn-form .ace-calendar .form-group .ace-calendar-wrapper .calendar-carousel-nav .owl-next {
    font-size: 35px;
    font-size: 3.5rem;
    top: 53px;
  }
}

.dyn-form .ace-calendar .form-group .ace-calendar-wrapper .calendar-carousel-nav .owl-prev {
  left: 0;
}

.dyn-form .ace-calendar .form-group .ace-calendar-wrapper .calendar-carousel-nav .owl-next {
  right: 0;
}

.dyn-form .ace-calendar .form-group .ace-calendar-wrapper .calendar-carousel-nav .visible-month {
  font-size: 45px;
  font-size: 4.5rem;
  height: 65px;
  line-height: 65px;
}

@media only screen and (max-width: 767px) {
  .dyn-form .ace-calendar .form-group .ace-calendar-wrapper .calendar-carousel-nav .visible-month {
    font-size: 22px;
    font-size: 2.2rem;
    height: 26px;
    line-height: 26px;
  }
}

.dyn-form .ace-calendar .form-group .ace-calendar-wrapper .date-item {
  text-align: center;
}

.dyn-form .ace-calendar .form-group .ace-calendar-wrapper .date-item label {
  display: block;
  margin-bottom: 37px;
}

.dyn-form .ace-calendar .form-group .ace-calendar-wrapper .date-item label span {
  font-size: 22px;
  font-size: 2.2rem;
  font-family: "VM Circular Book", sans-serif;
  font-weight: normal;
  line-height: 1;
  display: block;
  cursor: pointer;
  height: 90px;
  line-height: 90px;
  box-sizing: content-box;
  border: 2px solid #ccc;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}

@media only screen and (max-width: 767px) {
  .dyn-form .ace-calendar .form-group .ace-calendar-wrapper .date-item label span {
    font-size: 14px;
    font-size: 1.4rem;
    height: 60px;
    line-height: 60px;
    border: 1px solid #ccc;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  }
}

@media only screen and (max-width: 767px) {
  .dyn-form .ace-calendar .form-group .ace-calendar-wrapper .date-item label {
    margin-bottom: 10px;
  }
}

.dyn-form .ace-calendar .form-group .ace-calendar-wrapper .date-item input[type="radio"] {
  display: none;
}

.dyn-form .ace-calendar .form-group .ace-calendar-wrapper .date-item input[type="radio"]:checked ~ span {
  background-color: #ed0000;
  border: 2px solid #ed0000;
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .dyn-form .ace-calendar .form-group .ace-calendar-wrapper .date-item input[type="radio"]:checked ~ span {
    border: 1px solid #ed0000;
  }
}

.dyn-form .ace-calendar .form-group .ace-calendar-wrapper .date-item input[type="radio"]:disabled ~ span {
  background-color: #f7f7f7;
  color: #ccc;
  border: 1px solid #efefef;
  box-shadow: none;
}

.dyn-form .ace-calendar .form-group .ace-calendar-wrapper .date-item .date-header {
  text-align: center;
  padding: 28px 0 20px 0;
}

.dyn-form .ace-calendar .form-group .ace-calendar-wrapper .date-item .date-header .day {
  display: block;
  font-size: 28px;
  font-size: 2.8rem;
  margin-bottom: 15px;
}

@media only screen and (max-width: 767px) {
  .dyn-form .ace-calendar .form-group .ace-calendar-wrapper .date-item .date-header .day {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
    margin-bottom: 0;
  }
}

.dyn-form .ace-calendar .form-group .ace-calendar-wrapper .date-item .date-header .date {
  display: block;
  font-size: 38px;
  font-size: 3.8rem;
}

@media only screen and (max-width: 767px) {
  .dyn-form .ace-calendar .form-group .ace-calendar-wrapper .date-item .date-header .date {
    font-size: 20px;
    font-size: 2rem;
  }
}

.dyn-form .ace-calendar .form-group .ace-calendar-wrapper .date-item .date-header.selected {
  background-color: #f7f7f7;
}

@media only screen and (max-width: 767px) {
  .dyn-form .ace-calendar .form-group .ace-calendar-wrapper .date-item .date-header.selected {
    font-family: "VM Circular Book", sans-serif;
    color: #5f2878;
  }
}

@media only screen and (max-width: 767px) {
  .dyn-form .ace-calendar .form-group .ace-calendar-wrapper .date-item .date-header {
    padding: 13px 0;
  }
}

@media only screen and (max-width: 767px) {
  .dyn-form .ace-calendar .form-group .ace-calendar-wrapper .owl-carousel {
    padding: 0 15px;
  }
}

@media only screen and (min-width: 1200px) {
  .dyn-form .ace-calendar .form-group .ace-calendar-wrapper[data-display-days='9'] .date-item label span {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

/* Dynamic Forms - CMS Calendar */
.dyn-form .cms-calendar .form-group .cms-calendar-wrapper .dyn-form-calendar-group {
  margin-top: 20px;
}

.dyn-form .cms-calendar .form-group .cms-calendar-wrapper .select-preference-container {
  padding-bottom: 5px;
  border-bottom: 1px #ccc solid;
}

.dyn-form .cms-calendar .form-group .cms-calendar-wrapper .select-preference-container-pad {
  padding-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .dyn-form .cms-calendar .form-group .cms-calendar-wrapper .select-preference-container-pad {
    padding-bottom: 15px;
  }
}

.dyn-form .cms-calendar .form-group .cms-calendar-wrapper .select-date-label {
  font-family: "VM Circular Book", sans-serif;
  font-size: 20px;
  font-size: 2rem;
  line-height: 25px;
  text-align: left;
  margin-bottom: 5px;
}

@media only screen and (max-width: 767px) {
  .dyn-form .cms-calendar .form-group .cms-calendar-wrapper .select-date-label {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 23px;
  }
}

.dyn-form .cms-calendar .form-group .cms-calendar-wrapper .select-preference-pref {
  font-family: "VM Circular Light", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  float: left;
}

@media only screen and (max-width: 767px) {
  .dyn-form .cms-calendar .form-group .cms-calendar-wrapper .select-preference-pref {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.dyn-form .cms-calendar .form-group .cms-calendar-wrapper .select-preference-price {
  font-family: "VM Circular Book", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  float: right;
}

@media only screen and (max-width: 767px) {
  .dyn-form .cms-calendar .form-group .cms-calendar-wrapper .select-preference-price {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.dyn-form .cms-calendar .form-group .cms-calendar-wrapper .select-preference-link {
  cursor: pointer;
  font-size: 16px;
  font-size: 1.6rem;
}

.dyn-form .cms-calendar .form-group .cms-calendar-wrapper .calendar-carousel-nav {
  margin-top: 25px;
}

@media only screen and (max-width: 767px) {
  .dyn-form .cms-calendar .form-group .cms-calendar-wrapper .calendar-carousel-nav {
    margin-top: 15px;
  }
}

.dyn-form .cms-calendar .form-group .cms-calendar-wrapper .calendar-carousel-nav .owl-prev,
.dyn-form .cms-calendar .form-group .cms-calendar-wrapper .calendar-carousel-nav .owl-next {
  top: 60px;
  font-size: 34px;
  font-size: 3.4rem;
}

@media only screen and (max-width: 767px) {
  .dyn-form .cms-calendar .form-group .cms-calendar-wrapper .calendar-carousel-nav .owl-prev,
  .dyn-form .cms-calendar .form-group .cms-calendar-wrapper .calendar-carousel-nav .owl-next {
    font-size: 34px;
    font-size: 3.4rem;
    top: 54px;
  }
}

.dyn-form .cms-calendar .form-group .cms-calendar-wrapper .calendar-carousel-nav .visible-month {
  font-size: 26px;
  font-size: 2.6rem;
  height: 35px;
  line-height: 35px;
}

@media only screen and (max-width: 767px) {
  .dyn-form .cms-calendar .form-group .cms-calendar-wrapper .calendar-carousel-nav .visible-month {
    font-size: 22px;
    font-size: 2.2rem;
    height: 29px;
    line-height: 29px;
  }
}

.dyn-form .cms-calendar .form-group .cms-calendar-wrapper .date-item {
  text-align: center;
}

.dyn-form .cms-calendar .form-group .cms-calendar-wrapper .date-item label {
  margin-bottom: 19px;
}

.dyn-form .cms-calendar .form-group .cms-calendar-wrapper .date-item label > span {
  font-family: "VM Circular Light", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  height: 50px;
  line-height: 22px;
  padding: 7px;
  box-shadow: inset 0 0 0 2px #cccccc, 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}

@media only screen and (max-width: 767px) {
  .dyn-form .cms-calendar .form-group .cms-calendar-wrapper .date-item label > span {
    box-shadow: inset 0 0 0 1px #cccccc, 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  }
}

.dyn-form .cms-calendar .form-group .cms-calendar-wrapper .date-item label > span span.priceSlot {
  display: block;
  font-family: "VM Circular Book", sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  color: #5f2878;
}

.dyn-form .cms-calendar .form-group .cms-calendar-wrapper .date-item label > span span.priceSlot:only-child {
  line-height: 50px;
}

@media only screen and (max-width: 767px) {
  .dyn-form .cms-calendar .form-group .cms-calendar-wrapper .date-item label {
    margin-bottom: 10px;
  }
}

.dyn-form .cms-calendar .form-group .cms-calendar-wrapper .date-item input[type="radio"] {
  display: none;
}

.dyn-form .cms-calendar .form-group .cms-calendar-wrapper .date-item input[type="radio"]:checked ~ span {
  background-color: #5f2878;
  box-shadow: inset 0 0 0 2px #5f2878, 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .dyn-form .cms-calendar .form-group .cms-calendar-wrapper .date-item input[type="radio"]:checked ~ span {
    box-shadow: inset 0 0 0 1px #5f2878, 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  }
}

.dyn-form .cms-calendar .form-group .cms-calendar-wrapper .date-item input[type="radio"]:checked ~ span span.priceSlot {
  color: #ffffff;
}

.dyn-form .cms-calendar .form-group .cms-calendar-wrapper .date-item input[type="radio"]:disabled ~ span {
  background-color: #f7f7f7;
  color: #ccc;
  box-shadow: 0 0 0 1px #efefef;
  cursor: default;
}

.dyn-form .cms-calendar .form-group .cms-calendar-wrapper .date-item input[type="radio"]:disabled ~ span.cms-calendar-pref-first {
  position: relative;
  border-radius: 2px;
  box-shadow: inset 0 0 0 2px #5f2878;
  padding-top: 17px;
  height: 40px;
  color: #333;
}

.dyn-form .cms-calendar .form-group .cms-calendar-wrapper .date-item input[type="radio"]:disabled ~ span.cms-calendar-pref-first:before {
  display: block;
  position: absolute;
  height: 15px;
  line-height: 15px;
  width: 100%;
  top: 0;
  left: 0;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  content: "1ST PREF";
  background-color: #5f2878;
  color: #ffffff;
  font-size: 12px;
  font-size: 1.2rem;
  font-family: "VM Circular Bold", sans-serif;
}

.dyn-form .cms-calendar .form-group .cms-calendar-wrapper .date-item .date-header {
  text-align: center;
  padding: 12px 0 20px 0;
}

.dyn-form .cms-calendar .form-group .cms-calendar-wrapper .date-item .date-header .day {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 16px;
}

@media only screen and (max-width: 767px) {
  .dyn-form .cms-calendar .form-group .cms-calendar-wrapper .date-item .date-header .day {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 14px;
  }
}

.dyn-form .cms-calendar .form-group .cms-calendar-wrapper .date-item .date-header .date {
  font-size: 22px;
  font-size: 2.2rem;
}

@media only screen and (max-width: 767px) {
  .dyn-form .cms-calendar .form-group .cms-calendar-wrapper .date-item .date-header .date {
    font-size: 20px;
    font-size: 2rem;
  }
}

.dyn-form .cms-calendar .form-group .cms-calendar-wrapper .date-item .date-header.selected {
  background-color: #f7f7f7;
}

@media only screen and (max-width: 767px) {
  .dyn-form .cms-calendar .form-group .cms-calendar-wrapper .date-item .date-header.selected {
    font-family: "VM Circular Book", sans-serif;
    color: #5f2878;
  }
}

@media only screen and (max-width: 767px) {
  .dyn-form .cms-calendar .form-group .cms-calendar-wrapper .date-item .date-header {
    padding: 13px 0;
  }
}

.dyn-form .cms-calendar .form-group .cms-calendar-wrapper .owl-carousel {
  padding: 0 23px;
  margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
  .dyn-form .cms-calendar .form-group .cms-calendar-wrapper .owl-carousel {
    padding: 0 15px;
    margin-bottom: 5px;
  }
}

@media only screen and (min-width: 1200px) {
  .dyn-form .cms-calendar .form-group .cms-calendar-wrapper[data-display-days='9'] .date-item label span {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

.direct-debit-payments .dd-top .message-banner {
  margin-top: 30px;
}

.direct-debit-payments .dd-divider-top {
  margin: 40px 0;
}

.direct-debit-payments .oin-rte {
  margin: 40px 0 30px 0;
}

.direct-debit-payments .oin-rte * {
  margin-bottom: 5px;
}

.direct-debit-payments .useSameBankInfoRadio .form-control-label,
.direct-debit-payments .useSameBankInfoRadio .radio-description {
  display: none;
}

.direct-debit-payments .form-group .checkbox label {
  font-family: "VM Circular Light", sans-serif;
}

.direct-debit-payments .form-group.sh-singleSignatory {
  max-width: 100%;
  margin: 0;
  padding: 0;
}

.direct-debit-payments .form-group.sh-singleSignatory .ace-form-info {
  display: none;
}

.direct-debit-payments .form-group.sh-singleSignatory .form-control-label {
  display: none;
}

.direct-debit-payments .singleSignatoryCheckbox {
  margin: 30px 0 0 0;
}

.direct-debit-payments .dd-instructions .dd-instructions-title {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 20px;
}

.direct-debit-payments .dd-instructions .dd-instructions-title h6 {
  margin: 0;
}

.direct-debit-payments .dd-instructions .dd-instructions-title .dd-instructions-icon {
  margin-left: auto;
}

.direct-debit-payments .dd-instructions .dd-instructions-title .dd-instructions-icon img {
  max-height: 32px;
  max-width: 100%;
}

@media only screen and (max-width: 767px) {
  .direct-debit-payments .dd-instructions .dd-instructions-title .dd-instructions-icon img {
    max-height: 24px;
  }
}

.direct-debit-payments .dd-instructions .dd-instructions-content ul {
  margin: 0;
  padding-left: 0;
  list-style: none;
}

.direct-debit-payments .dd-instructions .dd-instructions-content ul li {
  padding-left: 20px;
  position: relative;
  margin-bottom: 20px;
}

.direct-debit-payments .dd-instructions .dd-instructions-content ul li:after {
  content: '';
  display: block;
  background: #322332;
  width: 7px;
  height: 7px;
  border-radius: 63% 63% 63% 20%;
  position: absolute;
  top: 13px;
  -webkit-transform: translateY(-50%) rotate(-135deg);
  -moz-transform: translateY(-50%) rotate(-135deg);
  -ms-transform: translateY(-50%) rotate(-135deg);
  -o-transform: translateY(-50%) rotate(-135deg);
  transform: translateY(-50%) rotate(-135deg);
  left: 0;
}

.direct-debit-payments .dd-to-manager-of-wrapper {
  margin: 15px 0 25px;
}

.direct-debit-payments .dd-to-manager-of-wrapper p {
  margin-bottom: 5px;
}

.direct-debit-payments b {
  font-family: "VM Circular Book", sans-serif;
  font-weight: normal;
}

.direct-debit-pink .ddp-bank-number, .direct-debit-pink .dyn-form-sortcode {
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}

.direct-debit-pink .ddp-bank-number input::-webkit-outer-spin-button,
.direct-debit-pink .ddp-bank-number input::-webkit-inner-spin-button, .direct-debit-pink .dyn-form-sortcode input::-webkit-outer-spin-button,
.direct-debit-pink .dyn-form-sortcode input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.direct-debit-pink .ddp-bank-number input[type=number], .direct-debit-pink .dyn-form-sortcode input[type=number] {
  -moz-appearance: textfield;
}

/* ACE Form */
.ace-form .form-group.no-padding-top {
  padding-top: 0;
}

.ace-form .form-group .btn.btn-secondary.enter-manually-cancel {
  background-color: #dbdbdb;
  color: #333;
}

.ace-form .form-group .btn.btn-secondary.enter-manually-cancel:hover {
  color: #ffffff;
}

/* CSJT Basket Summary */
.basket-summary > .basket-summary-wrapper {
  padding: 40px 55px 55px 55px;
}

.basket-summary > .basket-summary-wrapper > .dyn-form-message-banner-success {
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .basket-summary > .basket-summary-wrapper > .dyn-form-message-banner-success {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .basket-summary > .basket-summary-wrapper {
    padding: 30px 20px 20px 20px;
  }
}

.basket-summary-wrapper {
  position: relative;
  /* Popovers */
}

@media only screen and (max-width: 767px) {
  .basket-summary-wrapper p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}

.basket-summary-wrapper .bs-line .pull-left.bs-title-bundle-name {
  max-width: 388px;
}

.basket-summary-wrapper .bs-line .pull-left > p {
  position: relative;
  display: inline-block;
}

.basket-summary-wrapper .bs-line .pull-right {
  text-align: right;
}

.basket-summary-wrapper .bs-line h4 {
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .basket-summary-wrapper .bs-line h4 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

.basket-summary-wrapper .bs-line.bs-border-bottom {
  border-bottom: 1px solid #ccc;
  padding: 0 0 15px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .basket-summary-wrapper .bs-line.bs-border-bottom {
    padding: 0 0 10px;
  }
}

.basket-summary-wrapper .bs-line.bs-border-top {
  border-top: 1px solid #ccc;
  padding: 20px 0 0;
  margin-top: 20px;
}

.basket-summary-wrapper .bs-line.bs-line-spacing {
  padding: 30px 0 10px 0;
}

@media only screen and (max-width: 767px) {
  .basket-summary-wrapper .bs-line.bs-line-spacing {
    padding: 20px 0 5px 0;
  }
}

@media only screen and (max-width: 767px) {
  .basket-summary-wrapper .bs-line.bs-line-title .pull-left {
    width: 100%;
  }
}

.basket-summary-wrapper .bs-line .bs-price-with-tld {
  line-height: 1;
  margin-bottom: 10px;
  padding-top: 7px;
}

.basket-summary-wrapper .bs-line .bs-price-with-tld .bs-value-text {
  margin-top: 5px;
}

.basket-summary-wrapper .bs-line .bs-oneoff-title {
  display: inline-block;
  margin: 0 15px 0 0;
}

@media only screen and (max-width: 767px) {
  .basket-summary-wrapper .bs-line .bs-oneoff-title {
    display: block;
    margin: 0;
    line-height: 1.1;
  }
}

.basket-summary-wrapper .bs-line .bs-oneoff-subheading {
  display: inline-block;
  margin: 0 15px 0 0;
  color: #999;
}

.basket-summary-wrapper .bs-line.bs-line-bundle-header {
  border-bottom: 1px solid #ccc;
  padding: 0 0 15px;
  margin: 0 0 30px;
}

@media only screen and (max-width: 767px) {
  .basket-summary-wrapper .bs-line.bs-line-bundle-header {
    padding: 0 0 10px;
    margin: 0 0 20px;
  }
}

@media only screen and (max-width: 767px) {
  .basket-summary-wrapper .bs-line.bs-line-tld .pull-left, .basket-summary-wrapper .bs-line.bs-line-tld .pull-right {
    width: 100%;
    float: none;
  }
  .basket-summary-wrapper .bs-line.bs-line-tld .pull-right {
    text-align: left;
  }
}

@media only screen and (max-width: 767px) {
  .basket-summary-wrapper .bs-line.bs-line-oneoffs .pull-left, .basket-summary-wrapper .bs-line.bs-line-oneoffs .pull-right {
    width: 100%;
    text-align: left;
  }
  .basket-summary-wrapper .bs-line.bs-line-oneoffs .bs-oneoff {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin-top: 3px;
  }
  .basket-summary-wrapper .bs-line.bs-line-oneoffs .bs-oneoff .bs-oneoff-subheading {
    font-size: 14px;
    font-size: 1.4rem;
    display: block;
    margin: 3px 0 0;
    line-height: 1;
  }
}

.basket-summary-wrapper .bs-section {
  margin-top: 40px;
}

.basket-summary-wrapper .bs-section.bs-contract-duration {
  margin-top: 0;
}

.basket-summary-wrapper .bs-section > .bs-line {
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .basket-summary-wrapper .bs-section > .bs-line {
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .basket-summary-wrapper .bs-section {
    margin-top: 30px;
  }
}

.basket-summary-wrapper .bs-contract-duration p {
  border-top: 1px solid #ccc;
  padding: 20px 0 0;
}

.basket-summary-wrapper .bs-value-text {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.3;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .basket-summary-wrapper .bs-value-text {
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 5px;
  }
}

.basket-summary-wrapper .bs-title-big {
  font-family: "VM Circular Book", sans-serif;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.17;
}

@media only screen and (max-width: 767px) {
  .basket-summary-wrapper .bs-title-big {
    font-size: 24px;
    font-size: 2.4rem;
  }
}

.basket-summary-wrapper .bs-title-medium {
  font-family: "VM Circular Book", sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
}

.basket-summary-wrapper .bs-title-medium i {
  font-family: "VM Circular Light", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  font-style: normal;
}

@media only screen and (max-width: 767px) {
  .basket-summary-wrapper .bs-title-medium {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

.basket-summary-wrapper .bs-title-small {
  font-family: "VM Circular Book", sans-serif;
  font-size: 20px;
  font-size: 2rem;
}

@media only screen and (max-width: 767px) {
  .basket-summary-wrapper .bs-title-small {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.basket-summary-wrapper .bs-value-big {
  font-family: "VM Circular Book", sans-serif;
  font-size: 30px;
  font-size: 3rem;
}

@media only screen and (max-width: 767px) {
  .basket-summary-wrapper .bs-value-big {
    font-size: 24px;
    font-size: 2.4rem;
  }
}

.basket-summary-wrapper .bs-value-medium {
  font-family: "VM Circular Book", sans-serif;
  font-size: 20px;
  font-size: 2rem;
}

@media only screen and (max-width: 767px) {
  .basket-summary-wrapper .bs-value-medium {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.basket-summary-wrapper .bs-bordered-box {
  border: 1px solid #ccc;
}

.basket-summary-wrapper .bs-core-products {
  margin: 25px 0 35px 0;
}

@media only screen and (max-width: 767px) {
  .basket-summary-wrapper .bs-core-products {
    margin: 20px 0 0 0;
  }
}

.basket-summary-wrapper .bs-core-products .bs-core-prod {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  margin: 10px 0 25px;
}

@media only screen and (max-width: 767px) {
  .basket-summary-wrapper .bs-core-products .bs-core-prod {
    margin: 0 0 20px;
  }
}

.basket-summary-wrapper .bs-core-products .bs-core-prod .bs-title-small {
  vertical-align: middle;
  margin-bottom: 10px;
  position: relative;
}

.basket-summary-wrapper .bs-core-products .bs-core-prod .bs-core-prod-desc {
  width: 100%;
  margin-left: 20px;
}

.basket-summary-wrapper .bs-core-products .bs-core-prod .bs-core-prod-extra {
  width: calc(100% - 30px);
  padding: 4px 0 4px 18px;
  position: relative;
}

.basket-summary-wrapper .bs-core-products .bs-core-prod .bs-core-prod-extra > p {
  position: relative;
  display: inline-block;
  margin: 0;
  line-height: 1.4;
}

.basket-summary-wrapper .bs-core-products .bs-core-prod .bs-core-prod-extra:after {
  content: '';
  display: block;
  background: #322332;
  width: 7px;
  height: 7px;
  border-radius: 63% 63% 63% 20%;
  position: absolute;
  top: 17px;
  -webkit-transform: translateY(-50%) rotate(-135deg);
  -moz-transform: translateY(-50%) rotate(-135deg);
  -ms-transform: translateY(-50%) rotate(-135deg);
  -o-transform: translateY(-50%) rotate(-135deg);
  transform: translateY(-50%) rotate(-135deg);
  left: 0;
}

.basket-summary-wrapper .bs-core-products .bs-core-prod .bs-core-prod-extra:first-of-type {
  margin-top: 10px;
}

@media only screen and (max-width: 767px) {
  .basket-summary-wrapper .bs-core-products .bs-core-prod .bs-core-prod-extra:first-of-type {
    margin-top: 2px;
  }
}

@media only screen and (max-width: 767px) {
  .basket-summary-wrapper .bs-core-products .bs-core-prod .bs-core-prod-extra {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.basket-summary-wrapper .bs-totals {
  background-color: #5f2878;
}

.basket-summary-wrapper .bs-totals p, .basket-summary-wrapper .bs-totals span {
  color: #ffffff;
}

.basket-summary-wrapper .bs-totals .bs-price-with-tld {
  padding-top: 0;
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .basket-summary-wrapper .bs-totals .bs-price-with-tld {
    padding-top: 7px;
  }
}

.basket-summary-wrapper .bs-totals .bs-price-with-tld .bs-value-medium {
  margin-top: 0;
  font-size: 30px;
  font-size: 3rem;
  line-height: 0.8;
}

@media only screen and (max-width: 767px) {
  .basket-summary-wrapper .bs-totals .bs-price-with-tld .bs-value-medium {
    font-size: 24px;
    font-size: 2.4rem;
  }
}

.basket-summary-wrapper .bs-totals .bs-oneoff-subheading {
  color: #fdebf4;
}

.basket-summary-wrapper .bs-totals .bs-oneoff + .bs-oneoff {
  margin-top: 4px;
}

@media only screen and (max-width: 767px) {
  .basket-summary-wrapper .bs-totals .bs-oneoff + .bs-oneoff {
    margin-top: 8px;
  }
}

.basket-summary-wrapper .bs-padded-box {
  padding: 25px 30px;
}

@media only screen and (max-width: 767px) {
  .basket-summary-wrapper .bs-padded-box {
    padding: 15px 10px;
  }
}

.basket-summary-wrapper .bs-padded-box.bs-padded-box-monthly {
  padding: 20px 30px;
}

@media only screen and (max-width: 767px) {
  .basket-summary-wrapper .bs-padded-box.bs-padded-box-monthly {
    padding: 15px 10px;
  }
}

.basket-summary-wrapper .bs-padded-box.bs-padded-box-rewards {
  padding: 25px 30px 10px 30px;
}

@media only screen and (max-width: 767px) {
  .basket-summary-wrapper .bs-padded-box.bs-padded-box-rewards {
    padding: 15px 10px 0px 10px;
  }
}

.basket-summary-wrapper .bs-oneoff-items .bs-line {
  display: -webkit-flex;
  display: flex;
  margin-bottom: 10px;
}

.basket-summary-wrapper .bs-oneoff-items .bs-line p {
  margin-bottom: 0;
}

.basket-summary-wrapper .bs-oneoff-items .bs-line .pull-left {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}

@media only screen and (max-width: 767px) {
  .basket-summary-wrapper .bs-oneoff-items .bs-line .pull-left {
    padding-right: 5%;
  }
}

.basket-summary-wrapper .bs-oneoff-items .bs-line .pull-left .bs-oneoff-subheading {
  float: right;
}

@media only screen and (max-width: 767px) {
  .basket-summary-wrapper .bs-oneoff-items .bs-line .pull-left .bs-oneoff-subheading {
    font-size: 14px;
    font-size: 1.4rem;
    float: none;
    display: block;
    line-height: 1;
  }
}

.basket-summary-wrapper .bs-oneoff-items .bs-line:last-child {
  margin-bottom: 0;
}

.basket-summary-wrapper .bs-oneoff-items .bs-line.bs-line-equipment {
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .basket-summary-wrapper .bs-oneoff-items .bs-line.bs-line-equipment {
    margin-bottom: 10px;
  }
}

.basket-summary-wrapper .bs-billing-cta span {
  font-size: 16px;
  font-size: 1.6rem;
  color: #666;
  display: block;
  line-height: 1.4;
}

.basket-summary-wrapper .bs-action {
  cursor: pointer;
}

@media only screen and (max-width: 767px) {
  .basket-summary-wrapper .bs-action {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.basket-summary-wrapper .bs-rewards-section {
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
}

.basket-summary-wrapper .bs-rewards-section .bs-rewards-list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -15px 15px -15px;
}

.basket-summary-wrapper .bs-rewards-section .bs-rewards-list > p {
  margin: 0 15px 10px 15px;
}

.basket-summary-wrapper .bs-rewards-section .bs-rewards-item {
  position: relative;
  margin: 10px 15px 15px 15px;
  -webkit-box-shadow: inset 0 0 0 1px #e1e1e1;
  box-shadow: inset 0 0 0 1px #e1e1e1;
  background-color: #fbfbfb;
}

@media only screen and (max-width: 767px) {
  .basket-summary-wrapper .bs-rewards-section .bs-rewards-item {
    width: 100%;
    margin: 10px 15px 5px 15px;
  }
}

@media only screen and (min-width: 768px) {
  .basket-summary-wrapper .bs-rewards-section .bs-rewards-item {
    width: calc(50% - 30px);
  }
}

.basket-summary-wrapper .bs-rewards-section .bs-rewards-item.selected {
  box-shadow: inset 0 0 0 3px #ed0000, 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}

.basket-summary-wrapper .bs-rewards-section .bs-rewards-item:last-child {
  margin-bottom: 15px;
}

.basket-summary-wrapper .bs-rewards-section .bs-rewards-item label {
  display: block;
  min-height: 168px;
  padding: 60px 130px 20px 20px;
  font-family: "VM Circular Light", sans-serif;
  color: #322332;
  font-weight: normal;
  cursor: pointer;
  /* Radio button indicator */
}

@media only screen and (max-width: 767px) {
  .basket-summary-wrapper .bs-rewards-section .bs-rewards-item label {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    min-height: 88px;
    width: 100%;
    padding: 0 20px 0 88px;
  }
  .basket-summary-wrapper .bs-rewards-section .bs-rewards-item label p {
    margin: 0;
  }
}

.basket-summary-wrapper .bs-rewards-section .bs-rewards-item label .bs-rewards-img {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  position: absolute;
  right: 20px;
  width: 96px;
  height: 96px;
}

@media only screen and (max-width: 767px) {
  .basket-summary-wrapper .bs-rewards-section .bs-rewards-item label .bs-rewards-img {
    right: auto;
    left: 20px;
    width: 48px;
    height: 48px;
  }
}

.basket-summary-wrapper .bs-rewards-section .bs-rewards-item label input {
  display: none;
}

.basket-summary-wrapper .bs-rewards-section .bs-rewards-item label span {
  position: absolute;
  top: 20px;
  width: 26px;
  height: 26px;
  border: solid 2px #ed0000;
  border-radius: 50%;
}

@media only screen and (max-width: 767px) {
  .basket-summary-wrapper .bs-rewards-section .bs-rewards-item label span {
    display: none;
  }
}

.basket-summary-wrapper .bs-rewards-section .bs-rewards-item label span:after {
  content: "";
  position: absolute;
  display: none;
  top: 7px;
  left: 7px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ed0000;
}

.basket-summary-wrapper .bs-rewards-section .bs-rewards-item label input:checked ~ span:after {
  display: block;
}

.basket-summary-wrapper .bs-rewards-section:not(.hidden) + .bs-promotions-section .bs-promotions-form-wrap {
  margin-top: 30px;
}

.basket-summary-wrapper .bs-sel-reward-line {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
  border-top: 1px solid #ccc;
  padding: 20px 0;
}

@media only screen and (max-width: 767px) {
  .basket-summary-wrapper .bs-sel-reward-line {
    display: block;
  }
}

.basket-summary-wrapper .bs-sel-reward-line:first-child {
  padding-top: 0;
  border-top: 0;
}

.basket-summary-wrapper .bs-sel-reward-line:last-child {
  padding-bottom: 0;
}

.basket-summary-wrapper .bs-sel-reward-line .bs-sel-reward-text > p {
  margin: 0;
}

.basket-summary-wrapper .bs-sel-reward-line .bs-sel-reward-img {
  height: 50px;
  margin-left: auto;
}

.basket-summary-wrapper .bs-sel-reward-line .bs-sel-reward-img img {
  max-height: 100%;
}

@media only screen and (max-width: 767px) {
  .basket-summary-wrapper .bs-sel-reward-line .bs-sel-reward-img {
    margin: 0 0 5px 0;
  }
}

.basket-summary-wrapper .bs-sel-reward-line + .bs-sel-coupons {
  border-top: 1px solid #ccc;
  padding-top: 25px;
}

.basket-summary-wrapper .bs-other-reward-line {
  border-top: 1px solid #ccc;
  padding: 18px 0;
}

.basket-summary-wrapper .bs-other-reward-line.has-reward-img {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

@media only screen and (max-width: 767px) {
  .basket-summary-wrapper .bs-other-reward-line.has-reward-img {
    display: block;
  }
}

.basket-summary-wrapper .bs-other-reward-line:first-child {
  padding-top: 0;
  border-top: 0;
}

.basket-summary-wrapper .bs-other-reward-line .bs-other-reward-text > p {
  margin: 0;
}

.basket-summary-wrapper .bs-other-reward-line .bs-other-reward-img {
  height: 50px;
  margin-left: auto;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.basket-summary-wrapper .bs-other-reward-line .bs-other-reward-img img {
  max-height: 100%;
}

@media only screen and (max-width: 767px) {
  .basket-summary-wrapper .bs-other-reward-line .bs-other-reward-img {
    margin: 0 0 5px 0;
  }
}

.basket-summary-wrapper .bs-other-reward-line + .bs-added-coupons-line {
  border-top: 1px solid #ccc;
  padding-top: 25px;
  margin-bottom: 15px;
}

@media only screen and (max-width: 767px) {
  .basket-summary-wrapper .bs-promotions-section {
    width: 100%;
  }
}

@media only screen and (min-width: 992px) {
  .basket-summary-wrapper .bs-promotions-section {
    max-width: calc(50% - 15px);
  }
}

.basket-summary-wrapper .bs-promotions-section .bs-promotions-codes .bs-promotion-code {
  line-height: 35px;
  height: 35px;
  padding-right: 25px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .basket-summary-wrapper .bs-promotions-section .bs-promotions-codes .bs-promotion-code {
    height: auto;
    line-height: normal;
    margin-bottom: 25px;
  }
}

.basket-summary-wrapper .bs-promotions-section .bs-promotions-codes .bs-promotion-code span {
  font-family: "VM Circular Book", sans-serif;
}

.basket-summary-wrapper .bs-promotions-section .bs-promotions-codes .bs-promotion-code .bs-promotion-code-remove {
  font-size: 20px;
  font-size: 2rem;
  color: #ed0000;
  cursor: pointer;
  margin-left: 6px;
}

@media only screen and (max-width: 767px) {
  .basket-summary-wrapper .bs-promotions-section .bs-promotions-codes .bs-promotion-code .bs-promotion-code-remove {
    position: absolute;
    margin-top: 2px;
    margin-left: 13px;
  }
}

.basket-summary-wrapper .bs-promotions-section .bs-promotions-form-container .bs-promotions-form-control {
  display: inline-block;
  margin-top: 10px;
  padding-left: 15px;
  position: relative;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 16px;
  font-family: "VM Circular Book", sans-serif;
  color: #ed0000;
  cursor: pointer;
}

.basket-summary-wrapper .bs-promotions-section .bs-promotions-form-container .bs-promotions-form-control:before {
  position: absolute;
  display: block;
  width: 9px;
  height: 16px;
  left: 0px;
  content: "\f067";
  font-family: "FontAwesome", sans-serif;
  font-size: 10px;
  font-size: 1rem;
  color: #ed0000;
  line-height: 16px;
}

.basket-summary-wrapper .bs-promotions-section .bs-promotions-form-container .bs-promotions-form {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media only screen and (max-width: 767px) {
  .basket-summary-wrapper .bs-promotions-section .bs-promotions-form-container .bs-promotions-form {
    display: block;
  }
}

.basket-summary-wrapper .bs-promotions-section .bs-promotions-form-container .bs-promotions-form .form-group {
  max-width: unset;
  margin: 0;
  padding: 0;
}

.basket-summary-wrapper .bs-promotions-section .bs-promotions-form-container .bs-promotions-form .form-group label {
  top: -22px;
}

.basket-summary-wrapper .bs-promotions-section .bs-promotions-form-container .bs-promotions-form .form-group:first-child {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  width: unset;
  margin-right: 20px;
}

@media only screen and (max-width: 767px) {
  .basket-summary-wrapper .bs-promotions-section .bs-promotions-form-container .bs-promotions-form .form-group:first-child {
    width: 100%;
    margin: 0 0 15px 0;
  }
}

.basket-summary-wrapper .bs-promotions-section .bs-promotions-form-container .bs-promotions-form .form-group:last-child {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-top: 10px;
}

@media only screen and (max-width: 767px) {
  .basket-summary-wrapper .bs-promotions-section .bs-promotions-form-container .bs-promotions-form .form-group:last-child {
    padding-top: 0;
    margin-bottom: 15px;
  }
}

.basket-summary-wrapper .bs-promotions-section .bs-promotions-form-container .bs-promotions-form .form-group:last-child .btn-group, .basket-summary-wrapper .bs-promotions-section .bs-promotions-form-container .bs-promotions-form .form-group:last-child .btn {
  width: 100%;
}

.basket-summary-wrapper .bs-more-less {
  padding: 20px 30px;
}

@media only screen and (max-width: 767px) {
  .basket-summary-wrapper .bs-more-less {
    padding: 15px 10px;
  }
}

.basket-summary-wrapper .bs-more-less .bs-more-less-cta {
  text-align: center;
}

.basket-summary-wrapper .bs-more-less .bs-more-less-cta span {
  cursor: pointer;
  font-family: "VM Circular Book", sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  color: #4c225f;
  vertical-align: middle;
}

.basket-summary-wrapper .bs-more-less .bs-more-less-cta span:after {
  font-family: "FontAwesome", sans-serif;
  font-size: 30px;
  font-size: 3rem;
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
}

.basket-summary-wrapper .bs-more-less .bs-more-less-cta span:hover {
  text-decoration: underline;
}

.basket-summary-wrapper .bs-more-less .bs-more-less-content {
  display: none;
}

.basket-summary-wrapper .bs-more-less .show-more {
  display: inline-block;
}

.basket-summary-wrapper .bs-more-less .show-more:after {
  content: "";
}

.basket-summary-wrapper .bs-more-less .show-less {
  display: none;
}

.basket-summary-wrapper .bs-more-less .show-less:after {
  content: "";
}

.basket-summary-wrapper .bs-more-less.expanded .show-more {
  display: none;
}

.basket-summary-wrapper .bs-more-less.expanded .show-less {
  display: inline-block;
}

.basket-summary-wrapper .bs-info-popover {
  width: 24px;
  height: 24px;
  font-size: 24px;
  font-size: 2.4rem;
  color: #4196d2;
  line-height: 24px;
  cursor: pointer;
  position: absolute;
  display: block;
  top: 0;
  right: -34px;
}

.basket-summary-wrapper .bs-info-popover:before {
  display: block;
  width: 24px;
  height: 24px;
}

.basket-summary-wrapper .bs-info-popover:hover, .basket-summary-wrapper .bs-info-popover:focus {
  font-family: "FontAwesome", sans-serif;
  outline: none;
  text-decoration: none;
  color: #166aa5;
}

.basket-summary-wrapper .popover {
  width: 270px;
  border: none;
  border-radius: 0;
  background: none;
  box-shadow: none;
  max-width: unset;
}

@media only screen and (max-width: 767px) {
  .basket-summary-wrapper .popover {
    width: 100%;
  }
}

.basket-summary-wrapper .popover p {
  margin: 0;
}

.basket-summary-wrapper .popover.top {
  margin-top: -18px;
}

.basket-summary-wrapper .popover.top > .arrow {
  border-top: none;
  bottom: -16px;
}

.basket-summary-wrapper .popover.top > .arrow:after {
  margin-left: -13px;
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  box-sizing: border-box;
  border: 8px solid #ffffff;
  border-color: transparent transparent #ffffff #ffffff;
  transform-origin: 0 0;
  transform: rotate(-45deg);
  -webkit-box-shadow: -2px 2px 3px 0 rgba(0, 0, 0, 0.2);
  box-shadow: -2px 2px 3px 0 rgba(0, 0, 0, 0.2);
}

.basket-summary-wrapper .popover.bottom > .arrow {
  border-bottom: none;
}

.basket-summary-wrapper .popover.bottom > .arrow:after {
  border-top-color: #ffffff;
}

.basket-summary-wrapper .popover .popover-content {
  padding: 15px;
  width: 100%;
  background-color: #ffffff;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
  font-family: "VM Circular Light", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
}

@media only screen and (max-width: 767px) {
  .basket-summary-wrapper .popover .popover-content {
    width: auto;
    margin: 0 20px;
  }
}

.basket-summary-wrapper .popover .popover-content:after {
  position: absolute;
  font-family: "FontAwesome", sans-serif;
  content: '\f00d';
  display: block;
  top: 5px;
  right: 5px;
  line-height: 1;
}

@media only screen and (max-width: 767px) {
  .basket-summary-wrapper .popover .popover-content:after {
    right: 25px;
  }
}

/* CSJT Mini Basket */
.mini-basket-wrapper {
  background-color: #ffffff;
}

@media only screen and (min-width: 1200px) {
  .mini-basket-wrapper {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.17);
  }
}

.mini-basket-wrapper .mini-bs-padded-box {
  padding: 0 20px;
  position: relative;
}

.mini-basket-wrapper .mini-bs-title {
  background-color: #5f2878;
  color: #ffffff;
  font-family: "VM Circular Medium", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 2px 20px;
}

.mini-basket-wrapper .mini-bs-bundle-info {
  padding-top: 10px;
  padding-bottom: 10px;
}

@media only screen and (min-width: 1200px) {
  .mini-basket-wrapper .mini-bs-bundle-info {
    padding-top: 15px;
    padding-bottom: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .mini-basket-wrapper .mini-bs-bundle-info:before {
    content: '';
    display: block;
    position: absolute;
    width: 100vw;
    height: 100%;
    top: 0;
    left: calc(-1 * (100vw - 100%) / 2);
    z-index: -1;
    background-color: #ffffff;
  }
}

@media only screen and (min-width: 1200px) {
  .mini-basket-wrapper .mini-bs-basic-info p.mini-bs-value-text {
    display: block;
    line-height: 1;
    margin-top: 8px;
  }
  .mini-basket-wrapper .mini-bs-basic-info span.mini-bs-value-text {
    display: inline;
  }
}

.mini-basket-wrapper .mini-bs-basic-info p {
  font-size: 16px;
  font-size: 1.6rem;
  margin: 0 0 4px;
}

.mini-basket-wrapper .mini-bs-basic-info .mini-bs-bundle-name {
  font-family: "VM Circular Book", sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  margin: 0 0 10px;
}

@media only screen and (max-width: 767px) {
  .mini-basket-wrapper .mini-bs-basic-info .mini-bs-bundle-name {
    font-size: 20px;
    font-size: 2rem;
  }
}

.mini-basket-wrapper .mini-bs-basic-info .mini-bs-icon {
  margin-right: 15px;
}

.mini-basket-wrapper .mini-bs-basic-info .mini-bs-title-medium {
  font-family: "VM Circular Book", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
}

@media only screen and (min-width: 1200px) {
  .mini-basket-wrapper .mini-bs-basic-info .mini-bs-title-medium {
    font-size: 19px;
    font-size: 1.9rem;
  }
}

.mini-basket-wrapper .mini-bs-basic-info .mini-bs-value-big {
  display: block;
  font-family: "VM Circular Book", sans-serif;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 20px;
  margin-top: 4px;
}

@media only screen and (min-width: 1200px) {
  .mini-basket-wrapper .mini-bs-basic-info .mini-bs-value-big {
    margin-bottom: -4px;
  }
}

.mini-basket-wrapper .mini-bs-basic-info .mini-bs-value-text {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.3;
  margin: 0;
  display: none;
}

.mini-basket-wrapper .mini-bs-basic-info .mini-bs-value-text strong {
  font-family: "VM Circular Book", sans-serif;
  font-weight: normal;
}

.mini-basket-wrapper .mini-bs-basic-info .mini-bs-totals {
  padding: 12px 0 17px 0;
  background-color: #5f2878;
}

.mini-basket-wrapper .mini-bs-basic-info .mini-bs-totals p, .mini-basket-wrapper .mini-bs-basic-info .mini-bs-totals span {
  color: #ffffff;
}

@media only screen and (min-width: 1200px) {
  .mini-basket-wrapper .mini-bs-basic-info .mini-bs-totals {
    padding: 20px 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .mini-basket-wrapper .mini-bs-basic-info .mini-bs-totals:before {
    content: '';
    display: block;
    position: absolute;
    width: 100vw;
    height: 100%;
    top: 0;
    left: calc(-1 * (100vw - 100%) / 2);
    z-index: -2;
    background-color: #5f2878;
  }
}

.mini-basket-wrapper .mini-bs-basic-info .mini-bs-line {
  float: left;
}

@media only screen and (min-width: 1200px) {
  .mini-basket-wrapper .mini-bs-basic-info .mini-bs-line {
    float: none;
  }
}

.mini-basket-wrapper .mini-bs-basic-info .mini-bs-line .mini-bs-oneoff {
  margin-top: 3px;
}

.mini-basket-wrapper .mini-bs-basic-info .mini-bs-line .mini-bs-oneoff .mini-bs-oneoff-subheading {
  font-size: 14px;
  font-size: 1.4rem;
  display: block;
  margin: 5px 0 0;
  line-height: 1;
}

.mini-basket-wrapper .mini-bs-basic-info .mini-bs-line.mini-bs-border-bottom {
  padding: 0;
  margin: 0 35px 0 0;
  border: none;
}

@media only screen and (min-width: 1200px) {
  .mini-basket-wrapper .mini-bs-basic-info .mini-bs-line.mini-bs-border-bottom {
    border-bottom: 1px solid #7b508e;
    padding: 0 0 15px;
    margin: 0 0 15px 0;
  }
}

.mini-basket-wrapper .mini-bs-basic-info .expand-basket-mobile {
  position: absolute;
  top: 0;
  right: 20px;
}

.mini-basket-wrapper .mini-bs-basic-info .expand-basket-mobile:before {
  font-family: "FontAwesome", sans-serif;
  font-size: 19px;
  font-size: 1.9rem;
  color: #ffffff;
  content: "";
  display: inline-block;
}

.mini-basket-wrapper .basket-summary-wrapper .bs-section:first-of-type {
  margin-top: 0;
}

.mini-basket-wrapper .mini-bs-view-order {
  font-family: "VM Circular Book", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #ed0000;
  cursor: pointer;
  display: inline-block;
  margin: 12px 0;
}

.mini-basket-wrapper .mini-bs-view-order:hover {
  text-decoration: underline;
}

/* Dynamic Forms */
@media only screen and (min-width: 768px) {
  .dyn-form .previous.component {
    margin: 10px 0 30px;
  }
}

@media only screen and (max-width: 767px) {
  .dyn-form .previous.component.sticky-nav:not(.sticky-prevent) {
    position: -webkit-sticky;
    position: sticky;
    top: 146px;
    z-index: 9988;
    margin: -16px -15px 0px;
    padding: 16px 15px 16px;
    background: #ffffff;
  }
  .dyn-form .previous.component.sticky-nav:not(.sticky-prevent).sticky-nav-stuck {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.35);
  }
}

.dyn-form .dyn-form-previous {
  font-family: "VM Circular Book", sans-serif;
  color: #ed0000;
}

.dyn-form .dyn-form-previous.disabled {
  opacity: 0.3;
}

.dyn-form .dyn-form-previous span {
  position: relative;
  padding-left: 20px;
  cursor: pointer;
}

.dyn-form .dyn-form-previous span:before {
  content: "\f053";
  position: absolute;
  display: block;
  width: 12px;
  height: 26px;
  left: 0;
  top: 0;
  font-family: "FontAwesome", sans-serif;
  line-height: 26px;
}

/* Dynamic Forms */
.dyn-form .dyn-form-show-edit-questions {
  border-top: 1px #ccc solid;
  font-family: "VM Circular Book", sans-serif;
  color: #ed0000;
}

.dyn-form .dyn-form-show-edit-questions.disabled {
  opacity: 0.3;
}

.dyn-form .dyn-form-show-edit-questions .dyn-form-show-edit-control {
  padding: 12px 0;
}

.dyn-form .dyn-form-show-edit-questions .dyn-form-show-edit-control span {
  margin: 10px 0;
  cursor: pointer;
}

.dyn-form .dyn-form-show-edit-questions .dyn-form-show-edit-control span:after {
  display: inline-block;
  width: 16px;
  height: 26px;
  margin-left: 6px;
  left: 0;
  top: 0;
  font-family: "FontAwesome", sans-serif;
  line-height: 26px;
}

.dyn-form .dyn-form-show-edit-questions .dyn-form-show-edit-control span.dyn-form-show-edit-toggle-show {
  display: inline-block;
}

.dyn-form .dyn-form-show-edit-questions .dyn-form-show-edit-control span.dyn-form-show-edit-toggle-show:after {
  content: "\f078";
}

.dyn-form .dyn-form-show-edit-questions .dyn-form-show-edit-control span.dyn-form-show-edit-toggle-hide {
  display: none;
}

.dyn-form .dyn-form-show-edit-questions .dyn-form-show-edit-control span.dyn-form-show-edit-toggle-hide:after {
  content: "\f077";
}

.dyn-form .dyn-form-show-edit-questions .dyn-form-show-edit-control.open span.dyn-form-show-edit-toggle-show {
  display: none;
}

.dyn-form .dyn-form-show-edit-questions .dyn-form-show-edit-control.open span.dyn-form-show-edit-toggle-hide {
  display: inline-block;
}

.dyn-form .dyn-form-show-edit-questions .dyn-form-show-edit-container {
  display: none;
}

.dyn-form .dyn-form-show-edit-questions .dyn-form-show-edit-container .dyn-form-show-edit-item {
  display: -webkit-flex;
  display: flex;
}

.dyn-form .dyn-form-show-edit-questions .dyn-form-show-edit-container .dyn-form-show-edit-item:not(:last-child) {
  margin-bottom: 15px;
}

.dyn-form .dyn-form-show-edit-questions .dyn-form-show-edit-container .dyn-form-show-edit-item .dyn-form-show-edit-item-text {
  color: #333;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}

.dyn-form .dyn-form-show-edit-questions .dyn-form-show-edit-container .dyn-form-show-edit-item .dyn-form-show-edit-item-link {
  white-space: nowrap;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  cursor: pointer;
}

.dyn-form .dyn-form-show-edit-questions .dyn-form-show-edit-control.open ~ .dyn-form-show-edit-container {
  display: block;
}

.forms-modal.modal.in .modal-backdrop {
  background-color: #ffffff;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

@media only screen and (min-width: 768px) {
  .forms-modal.modal.in .modal-dialog {
    width: auto;
    margin: 30px;
  }
}

@media only screen and (min-width: 992px) {
  .forms-modal.modal.in .modal-dialog {
    width: 940px;
    margin: 30px auto;
  }
}

@media only screen and (max-width: 767px) {
  .forms-modal.modal.in .modal-dialog {
    position: fixed;
    top: 0;
    bottom: 0;
    margin: 0;
    -webkit-transform: translatey(0%);
    -moz-transform: translatey(0%);
    -ms-transform: translatey(0%);
    -o-transform: translatey(0%);
    transform: translatey(0%);
    background: #ffffff;
    overflow: scroll;
  }
}

.forms-modal.modal.in .modal-dialog .modal-content {
  -webkit-box-shadow: 8px 8px 30px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 8px 8px 30px 0 rgba(0, 0, 0, 0.2);
  padding: 70px 9% 40px 9%;
  border-radius: 0;
  border: none;
}

@media only screen and (max-width: 767px) {
  .forms-modal.modal.in .modal-dialog .modal-content {
    padding: 40px 0;
    box-shadow: none;
    border: none;
  }
}

.forms-modal.modal.in .modal-dialog .close {
  float: none;
  position: absolute;
  top: 22px;
  right: 28px;
  font-size: 30px;
  font-size: 3rem;
  line-height: 30px;
  color: #666;
  opacity: 1;
}

@media only screen and (max-width: 767px) {
  .forms-modal.modal.in .modal-dialog .close {
    top: 12px;
    right: 15px;
  }
}

.forms-modal.modal.in .modal-dialog .close-modal-mobile {
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "VM Circular Book", sans-serif;
  color: #ed0000;
  line-height: 1;
  font-weight: normal;
}

.forms-modal.modal.in .modal-dialog .close-modal-mobile:after {
  font-family: "FontAwesome", sans-serif;
  font-size: 19px;
  font-size: 1.9rem;
  content: "";
  display: inline-block;
  margin-left: 10px;
}

.forms-modal.modal.in .modal-dialog.modal-dialog-overflowing {
  top: 0px;
  -webkit-transform: translatey(0%);
  -moz-transform: translatey(0%);
  -ms-transform: translatey(0%);
  -o-transform: translatey(0%);
  transform: translatey(0%);
}

.ace-form .address-history .form-group.move-in-date .move-in-date-container {
  display: flex;
}

.ace-form .address-history .form-group.move-in-date .move-in-date-container .day-select, .ace-form .address-history .form-group.move-in-date .move-in-date-container .month-select {
  margin-right: 20px;
}

.ace-form .address-history .form-group.move-in-date .move-in-date-container .year-select, .ace-form .address-history .form-group.move-in-date .move-in-date-container .month-select, .ace-form .address-history .form-group.move-in-date .move-in-date-container .day-select {
  width: 130px;
}

.ace-form .address-history .form-group.move-in-date .move-in-date-container .year-select .select2-container, .ace-form .address-history .form-group.move-in-date .move-in-date-container .month-select .select2-container, .ace-form .address-history .form-group.move-in-date .move-in-date-container .day-select .select2-container {
  background-color: #efefef;
}

.ace-form .address-history .form-group.move-in-date .form-control {
  background-color: transparent;
}

.ace-form .address-history .address-item {
  border-bottom: 1px solid #DBDBDB;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 20px;
  padding-bottom: 15px;
}

.ace-form .address-history .address-item .residential-duration {
  font-weight: normal;
  font-size: 14px;
  font-size: 1.4rem;
  color: #535353;
}

.ace-form .address-history .address-item .edit-address {
  float: right;
  font-size: 16px;
  font-size: 1.6rem;
  color: #f00;
  cursor: pointer;
}

.ace-form .address-history .address-placeholder.purple {
  color: #4c225f;
}

.ace-form .address-history .sh-isCurrentAddressRadio .form-control-label, .ace-form .address-history .sh-moveInDateRadio .form-control-label {
  font-family: "VM Circular Book", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  left: 0;
  margin: 0 0 20px;
}

.ace-form .address-history .find-current-address-wrapper p {
  font-family: "VM Circular Book", sans-serif;
}

.ace-form .address-history .find-current-address-wrapper p.you-searched-for {
  color: #4c225f;
  margin: 20px 0;
}

.ace-form .address-history .find-current-address-wrapper p a, .ace-form .address-history .find-current-address-wrapper p .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .ace-form .address-history .find-current-address-wrapper p span {
  cursor: pointer;
}

.ace-form .address-history .find-address-wrapper .find-address-list-title {
  color: #333;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 23px;
  font-family: "VM Circular Book", sans-serif;
  margin-bottom: 19px;
  margin-top: 48px;
}

.ace-form .address-history .find-address-list.form-group {
  padding: 0;
  margin: 0;
}

.ace-form .address-history .find-address-list ul {
  background-color: #efefef;
  list-style: none;
  padding: 0;
  margin: 0 0 10px;
  border: 1px solid #ccc;
  max-height: 496px;
  overflow: auto;
}

.ace-form .address-history .find-address-list ul li {
  padding: 8px 0 8px 38px;
  border-bottom: 1px solid #ccc;
  cursor: pointer;
  position: relative;
}

.ace-form .address-history .find-address-list ul li.address-selected {
  background-color: #5f2878;
  color: #fff;
}

.ace-form .address-history .find-address-list ul li:last-of-type {
  border-bottom: none;
}

.ace-form .address-history .find-address-list ul li:hover {
  background-color: #fdebf4;
}

.ace-form .address-history .find-address-list ul li.selected {
  background-color: #5f2878;
  color: #fff;
}

.ace-form .address-history .find-address-list ul li.selected:before {
  font-size: 25px;
  font-size: 2.5rem;
  font-family: "FontAwesome", sans-serif;
  position: relative;
  content: '\f058';
  position: absolute;
  left: 9px;
  top: 50%;
  margin-top: -12px;
  display: inline-block;
}

.ace-form .address-history .form-group.time-spent-on-address .time-spent-container {
  display: flex;
}

.ace-form .address-history .form-group.time-spent-on-address .time-spent-container .years-select {
  margin-right: 20px;
}

.ace-form .address-history .form-group.time-spent-on-address .time-spent-container .years-select, .ace-form .address-history .form-group.time-spent-on-address .time-spent-container .months-select {
  width: 130px;
}

.ace-form .address-history .form-group.time-spent-on-address .time-spent-container .years-select .select2-container, .ace-form .address-history .form-group.time-spent-on-address .time-spent-container .months-select .select2-container {
  background-color: #efefef;
}

.ace-form .address-history .form-group.time-spent-on-address .form-control {
  background-color: transparent;
}

.ace-form .address-history .address-history-modal.modal.in {
  z-index: 99999;
}

.ace-form .address-history .address-history-modal.modal.in .modal-dialog {
  width: 80%;
  margin: 0 auto;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ace-form .address-history .address-history-modal.modal.in .modal-dialog {
    width: auto;
    margin-left: 20px;
    margin-right: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .ace-form .address-history .address-history-modal.modal.in .modal-dialog {
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 0;
    padding: 0;
  }
}

.ace-form .address-history .address-history-modal.modal.in .modal-dialog .modal-content {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  padding: 18px 40px 0 40px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ace-form .address-history .address-history-modal.modal.in .modal-dialog .modal-content {
    padding: 64px 50px 57px 50px;
  }
}

@media only screen and (max-width: 767px) {
  .ace-form .address-history .address-history-modal.modal.in .modal-dialog .modal-content {
    padding: 0;
    height: 100%;
    border: 0;
    border-radius: 0;
  }
}

.ace-form .address-history .address-history-modal.modal.in .modal-dialog .modal-content .modal-header {
  border: none;
}

@media only screen and (max-width: 767px) {
  .ace-form .address-history .address-history-modal.modal.in .modal-dialog .modal-content .modal-header {
    box-shadow: 0 3px 5px #ededed;
  }
}

.ace-form .address-history .address-history-modal.modal.in .modal-dialog .modal-content .modal-header .close {
  opacity: 1;
  font-size: 40px;
  font-size: 4rem;
  margin-top: -20px;
  margin-right: -30px;
}

@media only screen and (max-width: 767px) {
  .ace-form .address-history .address-history-modal.modal.in .modal-dialog .modal-content .modal-header .close {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 23px;
    margin-top: 10px;
    margin-right: 0;
  }
}

.ace-form .address-history .address-history-modal.modal.in .modal-dialog .modal-content .modal-header .modal-title-equifax {
  font-family: "VM Circular Light", sans-serif;
  font-size: 40px;
  font-size: 4rem;
  line-height: 45px;
  margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
  .ace-form .address-history .address-history-modal.modal.in .modal-dialog .modal-content .modal-header .modal-title-equifax {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 23px;
  }
}

.ace-form .address-history .address-history-modal.modal.in .modal-dialog .modal-content .modal-footer {
  text-align: left;
  padding: 15px 0 15px 15px;
}

@media only screen and (max-width: 767px) {
  .ace-form .address-history .address-history-modal.modal.in .modal-dialog .modal-content .modal-footer {
    padding: 15px;
    text-align: right;
    box-shadow: 0 -3px 5px #ededed;
    border: none;
  }
  .ace-form .address-history .address-history-modal.modal.in .modal-dialog .modal-content .modal-footer p.address-search-options {
    text-align: left;
  }
  .ace-form .address-history .address-history-modal.modal.in .modal-dialog .modal-content .modal-footer p.address-search-options a, .ace-form .address-history .address-history-modal.modal.in .modal-dialog .modal-content .modal-footer p.address-search-options .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .ace-form .address-history .address-history-modal.modal.in .modal-dialog .modal-content .modal-footer p.address-search-options span {
    display: block;
  }
}

.ace-form .address-history .address-history-modal.modal.in .modal-dialog .modal-content .modal-footer .equifax-no-address-checkbox {
  float: left;
}

.ace-form .address-history .address-history-modal.modal.in .modal-dialog .modal-content .modal-footer .btn-confirm-address {
  float: right;
  margin-top: 20px;
}

.ace-form .address-history .address-history-modal.modal.in .modal-dialog .modal-content .modal-footer .btn-confirm-address.disabled {
  background-color: #ccc;
}

@media only screen and (max-width: 767px) {
  .ace-form .address-history .address-history-modal.modal.in .modal-dialog .modal-content .modal-footer .btn-confirm-address {
    width: 100%;
    -webkit-order: 1;
    order: 1;
    margin-top: 10px;
  }
  .ace-form .address-history .address-history-modal.modal.in .modal-dialog .modal-content .modal-footer .btn-confirm-address.disabled {
    background-color: #ccc;
  }
}

.ace-form .address-history .address-history-modal.modal.in .modal-dialog .modal-content .modal-body {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0;
}

.ace-form .address-history .address-history-modal.modal.in .modal-dialog .modal-content .modal-body .equifax-text,
.ace-form .address-history .address-history-modal.modal.in .modal-dialog .modal-content .modal-body .address-search-text,
.ace-form .address-history .address-history-modal.modal.in .modal-dialog .modal-content .modal-body .address-list-title {
  padding: 18px 16px 18px 14px;
}

.ace-form .address-history .address-history-modal.modal.in .modal-dialog .modal-content .modal-body .equifax-text p,
.ace-form .address-history .address-history-modal.modal.in .modal-dialog .modal-content .modal-body .address-search-text p,
.ace-form .address-history .address-history-modal.modal.in .modal-dialog .modal-content .modal-body .address-list-title p {
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .ace-form .address-history .address-history-modal.modal.in .modal-dialog .modal-content .modal-body .equifax-text p,
  .ace-form .address-history .address-history-modal.modal.in .modal-dialog .modal-content .modal-body .address-search-text p,
  .ace-form .address-history .address-history-modal.modal.in .modal-dialog .modal-content .modal-body .address-list-title p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
  }
}

.ace-form .address-history .address-history-modal.modal.in .modal-dialog .modal-content .modal-body .address-list-title {
  color: #333;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 27px;
  font-family: "VM Circular Book", sans-serif;
}

.ace-form .address-history .address-history-modal.modal.in .modal-dialog .modal-content .modal-body .address-list {
  border: 1px solid #ccc;
  max-height: 400px;
  overflow: auto;
}

@media only screen and (max-width: 767px) {
  .ace-form .address-history .address-history-modal.modal.in .modal-dialog .modal-content .modal-body .address-list {
    height: auto;
    max-height: unset;
    border: none;
  }
  .ace-form .address-history .address-history-modal.modal.in .modal-dialog .modal-content .modal-body .address-list p.you-searched-for {
    padding: 10px 15px;
  }
  .ace-form .address-history .address-history-modal.modal.in .modal-dialog .modal-content .modal-body .address-list p.you-searched-for span.address-search-postcode {
    font-weight: bold;
  }
  .ace-form .address-history .address-history-modal.modal.in .modal-dialog .modal-content .modal-body .address-list p.you-searched-for a, .ace-form .address-history .address-history-modal.modal.in .modal-dialog .modal-content .modal-body .address-list p.you-searched-for .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .ace-form .address-history .address-history-modal.modal.in .modal-dialog .modal-content .modal-body .address-list p.you-searched-for span {
    color: #f00;
  }
  .ace-form .address-history .address-history-modal.modal.in .modal-dialog .modal-content .modal-body .address-list p.address-search-options {
    display: none;
    height: 0;
  }
}

.ace-form .address-history .address-history-modal.modal.in .modal-dialog .modal-content .modal-body .address-list p {
  margin: 0;
}

.ace-form .address-history .address-history-modal.modal.in .modal-dialog .modal-content .modal-body .address-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
  background: #fbfbfb;
}

.ace-form .address-history .address-history-modal.modal.in .modal-dialog .modal-content .modal-body .address-list ul li {
  border-bottom: 1px solid #efefef;
  padding-right: 39px;
  padding-left: 39px;
  height: 48px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .ace-form .address-history .address-history-modal.modal.in .modal-dialog .modal-content .modal-body .address-list ul li {
    height: auto;
    display: block;
    padding: 18px 16px 18px 14px;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .ace-form .address-history .address-history-modal.modal.in .modal-dialog .modal-content .modal-body .address-list ul li:last-child {
    border: none;
  }
}

.ace-form .address-history .address-history-modal.modal.in .modal-dialog .modal-content .modal-body .address-list ul li.selected {
  background-color: #5f2878;
  color: #fff;
}

.ace-form .address-history .address-history-modal.modal.in .modal-dialog .modal-content .modal-body .btn-address-container {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

@media only screen and (max-width: 767px) {
  .ace-form .address-history .address-history-modal.modal.in .modal-dialog .modal-content .modal-body .btn-address-container {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}

.ace-form .address-history .address-history-modal.modal.in .modal-dialog .modal-content .modal-body .btn-address-container .btn-address-missing {
  font-family: "VM Circular Bold", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
}

@media only screen and (max-width: 767px) {
  .ace-form .address-history .address-history-modal.modal.in .modal-dialog .modal-content .modal-body .btn-address-container .btn-address-missing {
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 19px;
    -webkit-order: 2;
    order: 2;
  }
}

@media only screen and (max-width: 767px) {
  .ace-form .address-history .address-history-modal.modal.in .modal-dialog .modal-content .modal-body .btn-address-container .btn-confirm-address {
    width: 100%;
    -webkit-order: 1;
    order: 1;
    margin-bottom: 8px;
  }
}

@media only screen and (max-width: 767px) {
  .ace-form .address-history .address-history-modal.modal.in .modal-dialog .modal-content .modal-body {
    overflow-y: auto;
  }
}

/* CSJT Something You Should Know */
.something-you-should-know-wrapper {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.something-you-should-know-wrapper.something-you-should-know-blue {
  border: 2px solid #4196d2;
}

.something-you-should-know-wrapper.something-you-should-know-orange {
  border: 2px solid #e5931d;
}

.something-you-should-know-wrapper.something-you-should-know-red {
  border: 2px solid #d0021b;
}

.something-you-should-know-wrapper .something-you-should-know-title {
  padding: 16px 22px;
}

.something-you-should-know-wrapper .something-you-should-know-title.something-you-should-know-blue {
  border-bottom: 2px solid #4196d2;
  background-color: #4196d2;
}

.something-you-should-know-wrapper .something-you-should-know-title.something-you-should-know-orange {
  border-bottom: 2px solid #e5931d;
  background-color: #e5931d;
}

.something-you-should-know-wrapper .something-you-should-know-title.something-you-should-know-red {
  border-bottom: 2px solid #d0021b;
  background-color: #d0021b;
}

@media only screen and (max-width: 767px) {
  .something-you-should-know-wrapper .something-you-should-know-title {
    padding: 13px 17px;
  }
}

.something-you-should-know-wrapper .something-you-should-know-title p {
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "VM Circular Book", sans-serif;
  color: #ffffff;
  line-height: 1.5;
  margin: 0;
}

.something-you-should-know-wrapper .something-you-should-know-title p i {
  font-size: 22px;
  font-size: 2.2rem;
  margin-right: 10px;
  padding-bottom: 1px;
  vertical-align: middle;
}

.something-you-should-know-wrapper .something-you-should-know-content {
  padding: 12px 22px;
}

@media only screen and (max-width: 767px) {
  .something-you-should-know-wrapper .something-you-should-know-content {
    padding: 11px 17px;
  }
}

.something-you-should-know-wrapper .cta-wrapper {
  margin: 20px 0;
  display: inline-block;
}

.something-you-should-know-wrapper .cta-wrapper a, .something-you-should-know-wrapper .cta-wrapper .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .something-you-should-know-wrapper .cta-wrapper span {
  margin: 0;
}

/* CSJT Store Locator */
/* just to see map for now */
.store-locator .store-locator-author-details {
  border: 1px solid #ccc;
  padding: 16px 20px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 22px;
}

.store-locator .store-locator-author-details .author-detail-group h4 {
  font-family: "VM Circular Book", sans-serif;
  margin: 0;
}

.store-locator .store-locator-author-details .author-detail-group p {
  margin: 0;
}

.store-locator .store-locator-author-details .author-detail-group img {
  max-height: 30px;
  margin-left: 15px;
}

.store-locator .store-locator-wrapper {
  padding-bottom: 20px;
}

.store-locator .store-locator-wrapper .store-locator-search {
  position: relative;
}

@media only screen and (max-width: 767px) {
  .store-locator .store-locator-wrapper .store-locator-search {
    display: -webkit-flex;
    display: flex;
    margin: 0;
  }
  .store-locator .store-locator-wrapper .store-locator-search .store-locator-search-wrapper {
    padding: 0;
    flex: 1;
    margin-right: 11px;
  }
  .store-locator .store-locator-wrapper .store-locator-search .store-locator-search-wrapper .form-group {
    padding-bottom: 15px;
  }
  .store-locator .store-locator-wrapper .store-locator-search .store-locator-nearby-wrapper {
    padding: 0;
    width: 46px;
  }
  .store-locator .store-locator-wrapper .store-locator-search .store-locator-nearby-wrapper .form-group {
    padding-bottom: 15px;
  }
  .store-locator .store-locator-wrapper .store-locator-search .store-locator-nearby-wrapper .form-group .store-locator-nearby p {
    display: none;
  }
}

.store-locator .store-locator-wrapper .store-locator-search .form-group {
  max-width: 100%;
  margin-right: 0;
}

.store-locator .store-locator-wrapper .store-locator-search .store-locator-search-input {
  width: 100%;
  max-width: initial;
}

.store-locator .store-locator-wrapper .store-locator-search .dyn-form-field-search {
  cursor: pointer;
}

.store-locator .store-locator-wrapper .store-locator-search .store-locator-nearby {
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  background: #efefef;
  width: 100%;
  height: 58px;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  padding-left: 13px;
  padding-right: 13px;
}

.store-locator .store-locator-wrapper .store-locator-search .store-locator-nearby:focus {
  outline: none;
}

.store-locator .store-locator-wrapper .store-locator-search .store-locator-nearby img {
  width: 20px;
  margin-right: 13px;
}

.store-locator .store-locator-wrapper .store-locator-search .store-locator-nearby p {
  margin: 0;
  font-size: 17px;
  font-size: 1.7rem;
  font-family: "VM Circular Book", sans-serif;
}

.store-locator .store-locator-wrapper .store-locator-tabs {
  display: -webkit-flex;
  display: flex;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin-bottom: 15px;
}

.store-locator .store-locator-wrapper .store-locator-tabs .store-locator-tab {
  width: 50%;
  text-align: center;
  font-family: "VM Circular Book", sans-serif;
  color: #666666;
  line-height: 24px;
  padding-top: 15px;
  padding-bottom: 15px;
  text-decoration: none;
}

.store-locator .store-locator-wrapper .store-locator-tabs .store-locator-tab:focus, .store-locator .store-locator-wrapper .store-locator-tabs .store-locator-tab:hover {
  text-decoration: none;
}

.store-locator .store-locator-wrapper .store-locator-tabs .store-locator-tab.active-tab {
  background: #5f2878;
  color: #fff;
}

.store-locator .store-locator-wrapper .store-locator-container {
  display: -webkit-flex;
  display: flex;
}

@media only screen and (max-width: 767px) {
  .store-locator .store-locator-wrapper .store-locator-container {
    display: block;
  }
}

.store-locator .store-locator-wrapper .store-locator-container .store-locator-shop-list {
  width: 50%;
  height: 0;
  overflow: auto;
  padding-right: 30px;
}

@media only screen and (max-width: 767px) {
  .store-locator .store-locator-wrapper .store-locator-container .store-locator-shop-list {
    width: 100%;
    padding-right: 0;
    height: 0;
    visibility: hidden;
    opacity: 0;
  }
}

.store-locator .store-locator-wrapper .store-locator-container .store-locator-shop-list.store-list-show {
  height: 574px;
}

@media only screen and (max-width: 767px) {
  .store-locator .store-locator-wrapper .store-locator-container .store-locator-shop-list.store-list-show {
    height: 0;
  }
}

.store-locator .store-locator-wrapper .store-locator-container .store-locator-shop-list .store-locator-shop-item {
  padding: 20px;
  border-bottom: 1px solid #e1e1e1;
  font-size: 16px;
  font-size: 1.6rem;
}

@media only screen and (max-width: 767px) {
  .store-locator .store-locator-wrapper .store-locator-container .store-locator-shop-list .store-locator-shop-item {
    padding: 15px 10px 30px 10px;
  }
}

.store-locator .store-locator-wrapper .store-locator-container .store-locator-shop-list .store-locator-shop-item .mileage {
  font-family: "VM Circular Medium", sans-serif;
  line-height: 18px;
  margin-bottom: 20px;
}

.store-locator .store-locator-wrapper .store-locator-container .store-locator-shop-list .store-locator-shop-item .store-name {
  font-family: "VM Circular Book", sans-serif;
  line-height: 22px;
}

.store-locator .store-locator-wrapper .store-locator-container .store-locator-shop-list .store-locator-shop-item .store-address {
  line-height: 22px;
}

.store-locator .store-locator-wrapper .store-locator-container .store-locator-shop-list .store-locator-shop-item .store-city {
  line-height: 22px;
  margin-bottom: 20px;
}

.store-locator .store-locator-wrapper .store-locator-container .store-locator-shop-list .store-locator-shop-item .store-hours {
  line-height: 22px;
}

.store-locator .store-locator-wrapper .store-locator-container .store-locator-shop-list .store-locator-shop-item .store-disabled-access {
  font-family: "VM Circular Book", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 22px;
}

.store-locator .store-locator-wrapper .store-locator-container .store-locator-shop-list .store-locator-shop-item .selected-message {
  display: none;
  color: #ed0000;
  margin-top: 20px;
  line-height: 30px;
}

.store-locator .store-locator-wrapper .store-locator-container .store-locator-shop-list .store-locator-shop-item .store-select-cta {
  display: inline-block;
  padding: 8px 50px;
  color: #fff;
  background: #4a4a4a;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 14px;
  font-family: "VM Circular Book", sans-serif;
  border-radius: 15px;
  margin-top: 20px;
  cursor: pointer;
  text-decoration: none;
}

.store-locator .store-locator-wrapper .store-locator-container .store-locator-shop-list .store-locator-shop-item .store-select-cta:hover {
  text-decoration: none;
}

.store-locator .store-locator-wrapper .store-locator-container .store-locator-shop-list .store-locator-shop-item.selected-store {
  position: relative;
}

.store-locator .store-locator-wrapper .store-locator-container .store-locator-shop-list .store-locator-shop-item.selected-store:after {
  border: 3px solid #ed0000;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.store-locator .store-locator-wrapper .store-locator-container .store-locator-shop-list .store-locator-shop-item.selected-store .store-select-cta {
  display: none;
}

.store-locator .store-locator-wrapper .store-locator-container .store-locator-shop-list .store-locator-shop-item.selected-store .selected-message {
  display: block;
  color: #ed0000;
}

.store-locator .store-locator-wrapper .store-locator-container .store-locator-more-less-wrapper {
  text-align: center;
  padding: 0;
  border-bottom: 1px solid #e1e1e1;
  height: 0;
  visibility: hidden;
  opacity: 0;
}

.store-locator .store-locator-wrapper .store-locator-container .store-locator-more-less-wrapper .store-locator-more-less {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
}

.store-locator .store-locator-wrapper .store-locator-container .store-locator-more-less-wrapper .store-locator-more-less:hover, .store-locator .store-locator-wrapper .store-locator-container .store-locator-more-less-wrapper .store-locator-more-less:focus {
  text-decoration: none;
}

.store-locator .store-locator-wrapper .store-locator-container .store-locator-more-less-wrapper .store-locator-more-less:after {
  content: '';
  display: inline-block;
  margin-left: 10px;
  position: relative;
  top: -4px;
  width: 8px;
  height: 8px;
  border-left: 2px solid #ed0000;
  border-bottom: 2px solid #ed0000;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.store-locator .store-locator-wrapper .store-locator-container .store-locator-more-less-wrapper .store-locator-more-less.store-locator-more-less-open:after {
  top: 1px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.store-locator .store-locator-wrapper .store-locator-container .store-locator-map {
  width: 50%;
  max-width: 100%;
  height: 0;
}

@media only screen and (max-width: 767px) {
  .store-locator .store-locator-wrapper .store-locator-container .store-locator-map {
    width: 100%;
    height: 0;
    visibility: hidden;
    opacity: 0;
  }
}

.store-locator .store-locator-wrapper .store-locator-container .store-locator-map.map-show {
  height: 574px;
}

@media only screen and (max-width: 767px) {
  .store-locator .store-locator-wrapper .store-locator-container .store-locator-map.map-show {
    position: absolute !important;
  }
}

@media only screen and (max-width: 767px) {
  .store-locator .store-locator-wrapper .store-locator-container.list-visible .store-locator-shop-list {
    height: auto;
    visibility: visible;
    opacity: 1;
  }
  .store-locator .store-locator-wrapper .store-locator-container.list-visible .store-locator-shop-list.store-list-show {
    height: auto;
  }
  .store-locator .store-locator-wrapper .store-locator-container.list-visible .store-locator-more-less-wrapper {
    height: auto;
    visibility: visible;
    opacity: 1;
    padding: 16px 0;
  }
}

@media only screen and (max-width: 767px) {
  .store-locator .store-locator-wrapper .store-locator-container.map-visible .store-locator-map {
    height: 284px;
    visibility: visible;
    opacity: 1;
  }
  .store-locator .store-locator-wrapper .store-locator-container.map-visible .store-locator-map.map-show {
    height: 284px;
    position: relative !important;
  }
}

.store-locator .store-locator-wrapper .selected-store-details {
  padding-top: 30px;
  font-family: "VM Circular Book", sans-serif;
}

.store-locator .store-locator-wrapper .selected-store-details .selected-store-details-name {
  color: #5f2878;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px;
}

.store-locator .store-locator-wrapper .selected-store-details .selected-store-details-title {
  margin: 0;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 23px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .store-locator .store-locator-wrapper .selected-store-details .selected-store-details-title {
    margin-bottom: 10px;
  }
}

.store-locator .store-locator-wrapper .selected-store-details .selected-store-details-address {
  color: #5f2878;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px;
}

.store-locator .store-locator-wrapper .selected-store-details .selected-store-details-city {
  color: #5f2878;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .store-locator .store-locator-wrapper .selected-store-details .selected-store-details-city {
    margin-bottom: 10px;
  }
}

.store-locator .store-locator-wrapper .selected-store-details .selected-store-details-hours {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 18px;
}

.store-locator .store-locator-wrapper .selected-store-details .selected-store-details-disabled-access {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 18px;
}

.store-locator .store-locator-wrapper .selected-store-identifier {
  opacity: 0;
  visibility: hidden;
  height: 0;
  border: none;
  padding: 0;
}

.store-locator .store-locator-wrapper .gm-style-iw a.store-tooltip-link, .store-locator .store-locator-wrapper .gm-style-iw .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span.store-tooltip-link, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .store-locator .store-locator-wrapper .gm-style-iw span.store-tooltip-link {
  cursor: pointer;
}

.store-locator .store-locator-wrapper .gm-style-iw span.store-tooltip-link i {
  color: #ed0000;
}

.simple-accordion .simple-accordion-title {
  background: #efefef;
  height: 60px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  font-family: "VM Circular Book", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  padding: 15px 50px 15px 20px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .simple-accordion .simple-accordion-title {
    padding: 15px 44px 15px 14px;
  }
}

.simple-accordion .simple-accordion-title:after {
  content: '';
  display: block;
  position: absolute;
  top: 20px;
  right: 20px;
  width: 15px;
  height: 15px;
  border-left: 3px solid #333;
  border-top: 3px solid #333;
  transform: rotate(-135deg);
  transition: all .2s ease-in-out;
}

@media only screen and (max-width: 767px) {
  .simple-accordion .simple-accordion-title:after {
    top: 23px;
    right: 14px;
    width: 12px;
    height: 12px;
  }
}

.simple-accordion .simple-accordion-title.open:after {
  top: 25px;
  border-left: 3px solid #ed0000;
  border-top: 3px solid #ed0000;
  transform: rotate(45deg);
  transition: all .2s ease-in-out;
}

@media only screen and (max-width: 767px) {
  .simple-accordion .simple-accordion-title.open:after {
    top: 28px;
  }
}

.simple-accordion .simple-accordion-content-inner {
  padding: 20px 30px 30px 30px;
}

@media only screen and (max-width: 767px) {
  .simple-accordion .simple-accordion-content-inner {
    padding: 14px 16px 20px 16px;
  }
}

.simple-accordion .simple-accordion-content.closed {
  display: none;
}

.simple-accordion .simple-accordion-content.closed .simple-accordion-content-inner {
  display: none;
}

.simple-accordion.simple-accordion-default .simple-accordion-content-inner {
  background: #f7f7f7;
}

@media only screen and (max-width: 767px) {
  .simple-accordion.simple-accordion-default .simple-accordion-content-inner p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
  }
}

.simple-accordion.simple-accordion-with-parsys .simple-accordion-content-inner {
  background: #ffffff;
}

.pink-form .simple-accordion .simple-accordion-wrapper {
  max-width: 550px;
  margin-bottom: 40px;
}

.pink-form .simple-accordion .simple-accordion-title {
  background: transparent;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
}

.pink-form .simple-accordion .simple-accordion-content-inner {
  padding: 20px;
}

.timeout .timeout-modal.modal.in {
  z-index: 99999;
}

.timeout .timeout-modal.modal.in .modal-backdrop {
  background-color: #000;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.timeout .timeout-modal.modal.in .modal-dialog {
  width: 806px;
  margin: 0 auto;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .timeout .timeout-modal.modal.in .modal-dialog {
    width: auto;
    margin: 0 20px;
  }
}

@media only screen and (max-width: 767px) {
  .timeout .timeout-modal.modal.in .modal-dialog {
    overflow: scroll;
    width: auto;
    margin: 0 20px;
  }
}

.timeout .timeout-modal.modal.in .modal-dialog .modal-content {
  -webkit-box-shadow: 8px 8px 10px 0 rgba(0, 0, 0, 0.22);
  box-shadow: 8px 8px 10px 0 rgba(0, 0, 0, 0.22);
  border-radius: 0;
  border: none;
}

.timeout .timeout-modal.modal.in .modal-dialog .modal-content .modal-body {
  padding: 52px 15% 40px 15%;
}

@media only screen and (max-width: 767px) {
  .timeout .timeout-modal.modal.in .modal-dialog .modal-content .modal-body {
    padding: 40px 15px;
  }
}

.timeout .timeout-modal.modal.in .modal-dialog .modal-content .modal-body .timeout-icon {
  max-height: 60px;
  margin-bottom: 21px;
}

.timeout .timeout-modal.modal.in .modal-dialog .modal-content .modal-body .timeout-body-text h1, .timeout .timeout-modal.modal.in .modal-dialog .modal-content .modal-body .timeout-body-text h2, .timeout .timeout-modal.modal.in .modal-dialog .modal-content .modal-body .timeout-body-text h3, .timeout .timeout-modal.modal.in .modal-dialog .modal-content .modal-body .timeout-body-text .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina .timeout .timeout-modal.modal.in .modal-dialog .modal-content .modal-body .timeout-body-text .acc-panel-title, .timeout .timeout-modal.modal.in .modal-dialog .modal-content .modal-body .timeout-body-text h4, .timeout .timeout-modal.modal.in .modal-dialog .modal-content .modal-body .timeout-body-text h5, .timeout .timeout-modal.modal.in .modal-dialog .modal-content .modal-body .timeout-body-text h6 {
  font-family: "VM Circular Book", sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 27px;
  margin: 0;
  margin-bottom: 20px;
}

.timeout .timeout-modal.modal.in .modal-dialog .modal-content .modal-body .timeout-body-text p {
  margin: 0;
  margin-bottom: 20px;
}

.timeout .timeout-modal.modal.in .modal-dialog .modal-content .modal-body .timeout-cta {
  margin-bottom: 40px;
  transition: background-color 0.5s ease-out;
}

.timeout .timeout-modal.modal.in .modal-dialog .modal-content .modal-body .timeout-divider {
  background: rgba(0, 0, 0, 0.22);
  height: 1px;
  width: 100%;
  margin-bottom: 20px;
}

.timeout .timeout-modal.modal.in .modal-dialog .modal-content .modal-body .timeout-footer-text h1, .timeout .timeout-modal.modal.in .modal-dialog .modal-content .modal-body .timeout-footer-text h2, .timeout .timeout-modal.modal.in .modal-dialog .modal-content .modal-body .timeout-footer-text h3, .timeout .timeout-modal.modal.in .modal-dialog .modal-content .modal-body .timeout-footer-text .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina .timeout .timeout-modal.modal.in .modal-dialog .modal-content .modal-body .timeout-footer-text .acc-panel-title, .timeout .timeout-modal.modal.in .modal-dialog .modal-content .modal-body .timeout-footer-text h4, .timeout .timeout-modal.modal.in .modal-dialog .modal-content .modal-body .timeout-footer-text h5, .timeout .timeout-modal.modal.in .modal-dialog .modal-content .modal-body .timeout-footer-text h6 {
  font-family: "VM Circular Book", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 24px;
  margin: 0;
}

.timeout .timeout-modal.modal.in .modal-dialog .modal-content .modal-body .timeout-footer-text p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 24px;
  margin: 0;
}

.timeout .timeout-modal.modal.in .modal-dialog.modal-dialog-overflowing {
  top: 0;
  -webkit-transform: translatey(0%);
  -moz-transform: translatey(0%);
  -ms-transform: translatey(0%);
  -o-transform: translatey(0%);
  transform: translatey(0%);
}

.timeout .author-items {
  padding: 20px;
}

.timeout .author-items p, .timeout .author-items div, .timeout .author-items h1, .timeout .author-items h2, .timeout .author-items h3, .timeout .author-items .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina .timeout .author-items .acc-panel-title, .timeout .author-items h4, .timeout .author-items h5, .timeout .author-items h6 {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 24px;
  margin: 0;
}

.timeout .author-items h1, .timeout .author-items h2, .timeout .author-items h3, .timeout .author-items .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina .timeout .author-items .acc-panel-title, .timeout .author-items h4, .timeout .author-items h5, .timeout .author-items h6 {
  font-family: "VM Circular Book", sans-serif;
}

.timeout .author-items img {
  max-height: 30px;
}

.timeout .author-items .author-title {
  font-family: "VM Circular Medium", sans-serif;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* CSJT Confirm and Continue button with spinner */
.dyn-form .form-group .btn.btn-primary-spinner-active {
  background-color: #ed0000;
  position: relative;
  min-width: 200px;
}

.dyn-form .form-group .btn.btn-primary-spinner-active:hover:not(:disabled):not(.disabled) {
  background-color: #ff6666;
}

.dyn-form .form-group .btn.btn-primary-spinner-active:active {
  background-color: #ff3333;
}

.dyn-form .form-group .btn.btn-primary-spinner-active:disabled, .dyn-form .form-group .btn.btn-primary-spinner-active.disabled {
  background-color: #DBDBDB;
}

.dyn-form .form-group .btn.btn-primary-spinner-active.disabled-ss-call {
  background-color: #757575;
  color: #fff;
}

.dyn-form .form-group .btn.btn-primary-spinner-active .button-default-text.invisible {
  opacity: 0;
}

.dyn-form .form-group .btn.btn-primary-spinner-active .button-spinner-active-text {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

.dyn-form .form-group .btn.btn-primary-spinner-active .button-spinner-active-text i.fa-circle-o-notch, .dyn-form .form-group .btn.btn-primary-spinner-active .button-spinner-active-text p {
  display: inline-block;
}

.dyn-form .form-group .btn.btn-primary-spinner-active .button-spinner-active-text i.fa-circle-o-notch {
  margin-top: -5px;
  font-size: 18px;
  font-size: 1.8rem;
}

.emergency-backup-line-wrapper .something-you-should-know-wrapper {
  margin-bottom: 20px;
}

.just-a-moment-wrapper .just-a-moment-section {
  text-align: center;
}

.just-a-moment-wrapper .just-a-moment-section.just-a-moment-overlay {
  position: fixed;
  background: #fff;
  padding-top: 64px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 20000000000;
}

@media only screen and (max-width: 767px) {
  .just-a-moment-wrapper .just-a-moment-section.just-a-moment-overlay {
    top: 58px;
    padding-top: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .just-a-moment-wrapper .just-a-moment-section.just-a-moment-overlay {
    top: 58px;
    padding-top: 30px;
  }
}

.just-a-moment-wrapper .just-a-moment-section .just-a-moment-title {
  font-size: 40px;
  font-size: 4rem;
  font-family: "VM Circular Light", sans-serif;
  line-height: 45px;
  text-align: center;
  margin-bottom: 26px;
}

@media only screen and (max-width: 767px) {
  .just-a-moment-wrapper .just-a-moment-section .just-a-moment-title {
    font-size: 35px;
    font-size: 3.5rem;
    line-height: 40px;
  }
}

.just-a-moment-wrapper .just-a-moment-section .just-a-moment-message {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 26px;
  text-align: center;
  width: 453px;
  margin: 0 auto;
  font-family: "VM Circular Light", sans-serif;
}

@media only screen and (max-width: 767px) {
  .just-a-moment-wrapper .just-a-moment-section .just-a-moment-message {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
  }
}

@keyframes rotate {
  0% {
    transform: rotateZ(0deg);
    transform-origin: 50% 90%;
  }
  25% {
    transform: rotateZ(90deg);
    transform-origin: 50% 90%;
  }
  50% {
    transform: rotateZ(180deg);
    transform-origin: 50% 90%;
  }
  75% {
    transform: rotateZ(270deg);
    transform-origin: 50% 90%;
  }
  100% {
    transform: rotateZ(360deg);
    transform-origin: 50% 90%;
  }
}

.just-a-moment-wrapper .just-a-moment-section .just-a-moment-animation {
  position: relative;
  text-align: center;
  margin: 51px 0 51px 0;
  display: inline-block;
}

.just-a-moment-wrapper .just-a-moment-section .just-a-moment-animation .just-a-moment-img-hand {
  position: absolute;
  right: 31.1px;
  top: 5.4px;
  animation: rotate 1.5s infinite linear;
}

.just-a-moment-wrapper .dateOfBirth .ace-field-day-select, .just-a-moment-wrapper .dateOfBirth .ace-field-month-select {
  margin-right: 20px;
}

.csjt-order-conf-error header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2000000002;
}

@media only screen and (max-width: 767px) {
  .csjt-order-conf-error header {
    position: relative;
  }
}

.csjt-order-conf-error footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 2000000002;
}

@media only screen and (max-width: 767px) {
  .csjt-order-conf-error footer {
    position: relative;
  }
}

.order-error-section.order-error-overlay {
  position: fixed;
  background: white;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2000000001;
}

@media only screen and (max-width: 767px) {
  .order-error-section.order-error-overlay {
    position: relative;
  }
}

.order-error-section[data-is-publish="true"] .order-error-wrapper {
  height: calc(100vh - 270px);
}

.order-error-section .order-error-wrapper {
  text-align: center;
  max-width: 552px;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .order-error-section .order-error-wrapper {
    padding: 0 15px;
    overflow: auto;
    height: auto;
  }
}

.order-error-section .order-error-wrapper .order-error-icon {
  padding-top: 264px;
  margin-bottom: 23px;
}

@media only screen and (max-width: 767px) {
  .order-error-section .order-error-wrapper .order-error-icon {
    padding-top: 72px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .order-error-section .order-error-wrapper .order-error-icon {
    padding-top: 190px;
  }
}

.order-error-section .order-error-wrapper .order-error-icon img {
  width: 67px;
  height: 57px;
}

.order-error-section .order-error-wrapper .order-error-title {
  display: inline-block;
  font-family: "VM Circular Book", sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.23;
  text-align: center;
  color: #333;
  margin: 0 auto 20px;
}

@media only screen and (max-width: 767px) {
  .order-error-section .order-error-wrapper .order-error-title {
    width: 100%;
    margin: 0 auto 10px;
  }
}

.order-error-section .order-error-wrapper .order-error-description {
  display: inline-block;
  font-family: "VM Circular Light", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 1.44;
  letter-spacing: normal;
  text-align: center;
  color: #322332;
  margin: 0 auto 30px;
}

@media only screen and (max-width: 767px) {
  .order-error-section .order-error-wrapper .order-error-description {
    width: 100%;
    margin: 0 auto 0px;
  }
}

.order-error-section .order-error-wrapper .order-error-cta {
  margin: 0 auto;
}

.order-error-section .order-error-wrapper .order-error-cta .primary-button .form-group {
  margin-right: 0px;
}

.order-conf-wrapper .order-conf-header,
.order-conf-wrapper .order-conf-body {
  font-size: 16px;
  font-size: 1.6rem;
  padding: 50px 8%;
}

@media only screen and (max-width: 767px) {
  .order-conf-wrapper .order-conf-header,
  .order-conf-wrapper .order-conf-body {
    padding: 40px 15px 30px;
  }
}

.order-conf-wrapper .order-conf-header .order-conf-container,
.order-conf-wrapper .order-conf-body .order-conf-container {
  max-width: 750px;
  margin: 0 auto;
}

.order-conf-wrapper .order-conf-header p,
.order-conf-wrapper .order-conf-body p {
  font-size: inherit;
}

.order-conf-wrapper .order-conf-header .vtv-360-message-box,
.order-conf-wrapper .order-conf-body .vtv-360-message-box {
  background-color: rgba(237, 0, 0, 0.04);
  padding: 42px 79px 34px 41px;
  margin-bottom: 53px;
}

.order-conf-wrapper .order-conf-header .vtv-360-message-box .vtv-360-message-box-head,
.order-conf-wrapper .order-conf-body .vtv-360-message-box .vtv-360-message-box-head {
  margin-bottom: 14px;
}

.order-conf-wrapper .order-conf-header .vtv-360-message-box .vtv-360-message-box-head img,
.order-conf-wrapper .order-conf-body .vtv-360-message-box .vtv-360-message-box-head img {
  width: 30px;
  height: 30px;
  display: inline-block;
  margin-right: 8px;
}

.order-conf-wrapper .order-conf-header .vtv-360-message-box .vtv-360-message-box-head .vtv-360-message-box-title,
.order-conf-wrapper .order-conf-body .vtv-360-message-box .vtv-360-message-box-head .vtv-360-message-box-title {
  display: inline-block;
  font-family: "VM Circular Book", sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  color: #322332;
  vertical-align: middle;
}

.order-conf-wrapper .order-conf-header .vtv-360-message-box .vtv-360-message-box-description,
.order-conf-wrapper .order-conf-body .vtv-360-message-box .vtv-360-message-box-description {
  margin-bottom: 22px;
  font-family: "VM Circular Light", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 1.5;
  color: #333;
}

.order-conf-wrapper .order-conf-header .vtv-360-message-box .vtv-360-message-box-url,
.order-conf-wrapper .order-conf-body .vtv-360-message-box .vtv-360-message-box-url {
  font-family: "VM Circular Book", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.44;
  color: #ed0000;
}

.order-conf-wrapper .order-conf-header .vtv-360-message-box .vtv-360-message-box-url i,
.order-conf-wrapper .order-conf-body .vtv-360-message-box .vtv-360-message-box-url i {
  font-size: 11px;
  font-size: 1.1rem;
  padding-left: 3px;
}

.order-conf-wrapper .order-conf-header .order-conf-home-phone-message,
.order-conf-wrapper .order-conf-body .order-conf-home-phone-message {
  border: solid 2px #e5931d;
  border-top-width: 10px;
  padding: 32px 30px 32px 39px;
  margin-bottom: 53px;
}

.order-conf-wrapper .order-conf-header .order-conf-home-phone-message h4,
.order-conf-wrapper .order-conf-body .order-conf-home-phone-message h4 {
  margin-bottom: 14px;
  margin-top: 0;
}

.order-conf-wrapper .order-conf-header .order-conf-home-phone-message p,
.order-conf-wrapper .order-conf-body .order-conf-home-phone-message p {
  margin-bottom: 0;
}

.order-conf-wrapper .order-conf-header .order-conf-home-phone-message i,
.order-conf-wrapper .order-conf-body .order-conf-home-phone-message i {
  margin-right: 10px;
  color: #e5931d;
}

.order-conf-wrapper .order-conf-header {
  background-color: #ed0000;
  color: #fff;
  text-align: center;
}

.order-conf-wrapper .order-conf-header h1 {
  font-family: "VM Circular Light", sans-serif;
  font-size: 40px;
  font-size: 4rem;
}

@media only screen and (max-width: 767px) {
  .order-conf-wrapper .order-conf-header h1 {
    font-size: 35px;
    font-size: 3.5rem;
  }
}

.order-conf-wrapper .order-conf-header h4 {
  font-size: 18px;
  font-size: 1.8rem;
}

.order-conf-wrapper .order-conf-header .order-conf-view-basket {
  display: block;
  margin: 0 auto 10px;
}

.order-conf-wrapper .order-conf-header .order-conf-print {
  font-family: "VM Circular Book", sans-serif;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.review-and-confirm .review-and-confirm-spacer {
  margin-bottom: 40px;
}

.review-and-confirm .review-and-confirm-spacer p {
  margin-bottom: 0;
}

.review-and-confirm .service-charges, .review-and-confirm .service-charges-virgin-media, .review-and-confirm .service-charges-virgin-mobile {
  display: none;
}

.review-and-confirm .review-and-confirm-wrapper .review-and-confirm-checkbox {
  padding: 0px 29px 20px 19px;
  border: 1px solid #ccc;
}

.review-and-confirm .review-and-confirm-wrapper .review-and-confirm-checkbox .checkbox {
  margin: 0;
}

.review-and-confirm .review-and-confirm-wrapper .review-and-confirm-checkbox .checkboxes {
  margin: 0;
}

.review-and-confirm .review-and-confirm-wrapper .review-and-confirm-checkbox .form-group {
  width: 100%;
  padding-bottom: 0;
  max-width: none;
  display: table;
}

.review-and-confirm .review-and-confirm-wrapper .review-and-confirm-checkbox .form-group .form-control-label-multiline {
  display: none;
}

.review-and-confirm .review-and-confirm-wrapper .review-and-confirm-checkbox .review-and-confirm-docsis-message, .review-and-confirm .review-and-confirm-wrapper .review-and-confirm-checkbox .review-and-confirm-connect-to-home-phone-message {
  font-family: "VM Circular Light", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  margin-top: 10px;
}

/* ACE Form */
.ace-form .form-group {
  /* QuickStart - Radio buttons */
}

.ace-form .form-group.quickstart-radio-card {
  max-width: 100%;
  margin-right: 0;
}

.ace-form .form-group.quickstart-radio-card .self-installation-content,
.ace-form .form-group.quickstart-radio-card .manned-installation-content {
  display: inline-block;
  width: 100%;
  border: 1px #DBDBDB solid;
  border-top: none;
  padding: 30px 30px 40px 30px;
}

@media only screen and (max-width: 767px) {
  .ace-form .form-group.quickstart-radio-card .self-installation-content,
  .ace-form .form-group.quickstart-radio-card .manned-installation-content {
    padding: 30px 0 40px;
    border: none;
  }
}

@media only screen and (max-width: 767px) {
  .ace-form .form-group.quickstart-radio-card .self-installation-content .column-splitter {
    width: 47%;
    margin-right: 3%;
    float: left;
  }
}

@media only screen and (max-width: 767px) {
  .ace-form .form-group.quickstart-radio-card .self-installation-content .column-splitter.one-column {
    width: 100%;
    margin: 0;
  }
}

.ace-form .form-group.quickstart-radio-card .quickstart-radiogroup {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

@media only screen and (max-width: 767px) {
  .ace-form .form-group.quickstart-radio-card .quickstart-radiogroup {
    margin-left: -15px;
    margin-right: -15px;
  }
}

.ace-form .form-group.quickstart-radio-card .quickstart-radiogroup .radio {
  -webkit-flex: 0 1 50%;
  flex: 0 1 50%;
  border: 1px #DBDBDB solid;
  margin-top: 0;
}

@media only screen and (max-width: 767px) {
  .ace-form .form-group.quickstart-radio-card .quickstart-radiogroup .radio {
    border: none;
    border-top: 1px #DBDBDB solid;
    border-bottom: 1px #DBDBDB solid;
  }
}

.ace-form .form-group.quickstart-radio-card .quickstart-radiogroup .radio.self-installation, .ace-form .form-group.quickstart-radio-card .quickstart-radiogroup .radio.manned-installation {
  background-color: #fbfbfb;
}

.ace-form .form-group.quickstart-radio-card .quickstart-radiogroup .radio.self-installation .quickstart-img-wrapper, .ace-form .form-group.quickstart-radio-card .quickstart-radiogroup .radio.manned-installation .quickstart-img-wrapper {
  position: absolute;
  width: 32px;
  height: 32px;
  left: 12px;
  top: 32px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

@media only screen and (max-width: 767px) {
  .ace-form .form-group.quickstart-radio-card .quickstart-radiogroup .radio.self-installation .quickstart-img-wrapper, .ace-form .form-group.quickstart-radio-card .quickstart-radiogroup .radio.manned-installation .quickstart-img-wrapper {
    width: 28px;
    height: 28px;
    left: 50%;
    top: 15px;
    margin-left: -15px;
    -webkit-align-items: center;
  }
}

.ace-form .form-group.quickstart-radio-card .quickstart-radiogroup .radio.self-installation .quickstart-img-wrapper .quickstart-img-checked, .ace-form .form-group.quickstart-radio-card .quickstart-radiogroup .radio.manned-installation .quickstart-img-wrapper .quickstart-img-checked {
  display: none;
}

.ace-form .form-group.quickstart-radio-card .quickstart-radiogroup .radio.self-installation .quickstart-img-wrapper img, .ace-form .form-group.quickstart-radio-card .quickstart-radiogroup .radio.manned-installation .quickstart-img-wrapper img {
  -webkit-flex: 1;
  flex: 1;
}

.ace-form .form-group.quickstart-radio-card .quickstart-radiogroup .radio.self-installation .quickstart-tab-title, .ace-form .form-group.quickstart-radio-card .quickstart-radiogroup .radio.manned-installation .quickstart-tab-title {
  font-family: "VM Circular Book", sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 27px;
}

@media only screen and (max-width: 767px) {
  .ace-form .form-group.quickstart-radio-card .quickstart-radiogroup .radio.self-installation .quickstart-tab-title, .ace-form .form-group.quickstart-radio-card .quickstart-radiogroup .radio.manned-installation .quickstart-tab-title {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 23px;
    text-align: center;
  }
}

.ace-form .form-group.quickstart-radio-card .quickstart-radiogroup .radio.self-installation .installation-price-info, .ace-form .form-group.quickstart-radio-card .quickstart-radiogroup .radio.manned-installation .installation-price-info {
  font-family: "VM Circular Light", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 26px;
  margin-top: 10px;
}

@media only screen and (max-width: 767px) {
  .ace-form .form-group.quickstart-radio-card .quickstart-radiogroup .radio.self-installation .installation-price-info, .ace-form .form-group.quickstart-radio-card .quickstart-radiogroup .radio.manned-installation .installation-price-info {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 26px;
  }
}

.ace-form .form-group.quickstart-radio-card .quickstart-radiogroup .radio.self-installation .quickstart-tab-description, .ace-form .form-group.quickstart-radio-card .quickstart-radiogroup .radio.manned-installation .quickstart-tab-description {
  font-family: "VM Circular Light", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  margin-top: 5px;
}

@media only screen and (max-width: 767px) {
  .ace-form .form-group.quickstart-radio-card .quickstart-radiogroup .radio.self-installation .quickstart-tab-description, .ace-form .form-group.quickstart-radio-card .quickstart-radiogroup .radio.manned-installation .quickstart-tab-description {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    text-align: center;
  }
}

.ace-form .form-group.quickstart-radio-card .quickstart-radiogroup .radio.self-installation.active, .ace-form .form-group.quickstart-radio-card .quickstart-radiogroup .radio.manned-installation.active {
  background-color: #ffffff;
  position: relative;
  border-bottom: none;
}

@media only screen and (max-width: 767px) {
  .ace-form .form-group.quickstart-radio-card .quickstart-radiogroup .radio.self-installation.active, .ace-form .form-group.quickstart-radio-card .quickstart-radiogroup .radio.manned-installation.active {
    border-top: 4px solid #5f2878;
    margin-top: -9px;
  }
  .ace-form .form-group.quickstart-radio-card .quickstart-radiogroup .radio.self-installation.active label, .ace-form .form-group.quickstart-radio-card .quickstart-radiogroup .radio.manned-installation.active label {
    padding-top: 56px;
  }
  .ace-form .form-group.quickstart-radio-card .quickstart-radiogroup .radio.self-installation.active label .quickstart-img-wrapper, .ace-form .form-group.quickstart-radio-card .quickstart-radiogroup .radio.manned-installation.active label .quickstart-img-wrapper {
    top: 21px;
  }
}

.ace-form .form-group.quickstart-radio-card .quickstart-radiogroup .radio.self-installation.active:after, .ace-form .form-group.quickstart-radio-card .quickstart-radiogroup .radio.manned-installation.active:after {
  content: '';
  display: block;
  width: 100%;
  height: 4px;
  background: #5f2878;
  position: absolute;
  top: -4px;
  left: 0;
}

@media only screen and (max-width: 767px) {
  .ace-form .form-group.quickstart-radio-card .quickstart-radiogroup .radio.self-installation.active:after, .ace-form .form-group.quickstart-radio-card .quickstart-radiogroup .radio.manned-installation.active:after {
    display: none;
  }
}

.ace-form .form-group.quickstart-radio-card .quickstart-radiogroup .radio.self-installation.active .quickstart-img, .ace-form .form-group.quickstart-radio-card .quickstart-radiogroup .radio.manned-installation.active .quickstart-img {
  display: none;
}

.ace-form .form-group.quickstart-radio-card .quickstart-radiogroup .radio.self-installation.active .quickstart-img-checked, .ace-form .form-group.quickstart-radio-card .quickstart-radiogroup .radio.manned-installation.active .quickstart-img-checked {
  display: block;
}

.ace-form .form-group.quickstart-radio-card .quickstart-radiogroup .radio.self-installation.active .quickstart-tab-title, .ace-form .form-group.quickstart-radio-card .quickstart-radiogroup .radio.manned-installation.active .quickstart-tab-title {
  color: #ed0000;
}

.ace-form .form-group.quickstart-radio-card .quickstart-radiogroup .radio.manned-installation.active {
  border-left: 1px #DBDBDB solid;
}

.ace-form .form-group.quickstart-radio-card .quickstart-radiogroup .radio.self-installation.active {
  border-right: 1px #DBDBDB solid;
}

@media only screen and (max-width: 767px) {
  .ace-form .form-group.quickstart-radio-card .quickstart-radiogroup .radio.self-installation.active:after {
    border-right: 1px #DBDBDB solid;
    right: -1px;
  }
}

.ace-form .form-group.quickstart-radio-card .quickstart-radiogroup .radio:first-child {
  border-right: none;
}

.ace-form .form-group.quickstart-radio-card .quickstart-radiogroup .radio.selected {
  background-color: #f7f7f7;
}

.ace-form .form-group.quickstart-radio-card .quickstart-radiogroup .radio label {
  height: 100%;
  width: 100%;
  padding: 20px 15px 20px 61px;
  font-size: 22px;
  font-size: 2.2rem;
}

@media only screen and (max-width: 767px) {
  .ace-form .form-group.quickstart-radio-card .quickstart-radiogroup .radio label {
    padding: 50px 15px 20px 15px;
  }
}

.ace-form .form-group.quickstart-radio-card .quickstart-radiogroup .radio label input,
.ace-form .form-group.quickstart-radio-card .quickstart-radiogroup .radio label input ~ .ace-form-radio {
  left: 25px;
  top: 25px;
}

@media only screen and (max-width: 767px) {
  .ace-form .form-group.quickstart-radio-card .quickstart-radiogroup .radio label input,
  .ace-form .form-group.quickstart-radio-card .quickstart-radiogroup .radio label input ~ .ace-form-radio {
    top: 16px;
    left: 16px;
    width: 20px;
    height: 20px;
  }
  .ace-form .form-group.quickstart-radio-card .quickstart-radiogroup .radio label input:before,
  .ace-form .form-group.quickstart-radio-card .quickstart-radiogroup .radio label input ~ .ace-form-radio:before {
    left: 3px;
    top: 3px;
    width: 8px;
    height: 8px;
  }
}

.ace-form .form-group.quickstart-radio-card .quickstart-radiogroup .radio label p {
  margin: 0;
}

.ace-form .form-group.quickstart-radio-card .collectionOrDelivery .sh-NumberPortingMessagePaperlessBilling {
  margin-bottom: 40px;
}

.ace-form .form-group.quickstart-radio-card .dyn-form-radio-card {
  max-width: 100%;
  margin-right: 0;
}

.ace-form .form-group.quickstart-radio-card .dyn-form-radio-card .cod-container-text {
  width: 100%;
}

.ace-form .form-group.quickstart-radio-card .dyn-form-radio-card div[role="radiogroup"] {
  margin-left: -10px;
  margin-right: -10px;
}

.ace-form .form-group.quickstart-radio-card .dyn-form-radio-card div[role="radiogroup"] .radio {
  border: none;
  padding-left: 10px;
  padding-right: 10px;
  -webkit-flex: 1;
  flex: 1;
}

.ace-form .form-group.quickstart-radio-card .dyn-form-radio-card div[role="radiogroup"] .radio label {
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding: 19px 19px 19px 61px;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .ace-form .form-group.quickstart-radio-card .dyn-form-radio-card div[role="radiogroup"] .radio label {
    padding: 50px 15px 20px 15px;
    height: 100%;
    text-align: center;
  }
}

.ace-form .form-group.quickstart-radio-card .dyn-form-radio-card div[role="radiogroup"] .radio label p {
  font-family: "VM Circular Book", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.28;
}

.ace-form .form-group.quickstart-radio-card .dyn-form-radio-card div[role="radiogroup"] .radio label br {
  display: none;
}

.ace-form .form-group.quickstart-radio-card .dyn-form-radio-card div[role="radiogroup"] .radio label .ace-form-radio {
  display: none;
}

.ace-form .form-group.quickstart-radio-card .dyn-form-radio-card div[role="radiogroup"] .radio .cod-img-wrapper {
  position: absolute;
  width: 30px;
  height: 40px;
  left: 30px;
  top: 26px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

@media only screen and (max-width: 767px) {
  .ace-form .form-group.quickstart-radio-card .dyn-form-radio-card div[role="radiogroup"] .radio .cod-img-wrapper {
    left: 50%;
    top: 15px;
    margin-left: -10px;
    width: 18px;
    height: 28px;
  }
}

.ace-form .form-group.quickstart-radio-card .dyn-form-radio-card div[role="radiogroup"] .radio .cod-img-wrapper .cod-img-checked {
  display: none;
}

.ace-form .form-group.quickstart-radio-card .dyn-form-radio-card div[role="radiogroup"] .radio .cod-img-wrapper img {
  -webkit-flex: 1;
  flex: 1;
}

.ace-form .form-group.quickstart-radio-card .dyn-form-radio-card div[role="radiogroup"] .radio.selected {
  background: none;
}

.ace-form .form-group.quickstart-radio-card .dyn-form-radio-card div[role="radiogroup"] .radio.selected label {
  background: #5f2878;
  color: #fff;
  border: 1px solid transparent;
}

.ace-form .form-group.quickstart-radio-card .dyn-form-radio-card div[role="radiogroup"] .radio.selected .cod-img {
  display: none;
}

.ace-form .form-group.quickstart-radio-card .dyn-form-radio-card div[role="radiogroup"] .radio.selected .cod-img-checked {
  display: block;
}

.spotters .bestTimeToContact .form-control-label-multiline {
  font-size: 18px;
  font-size: 1.8rem;
  left: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  body {
    /* If there is a vertical scrollbar when using 100vw on an element, it will include the width
           of the scrollbar as well, effectively generating a horizontal scrollbar. The only way to
           remove it is to use the overflow property on the body, as using it on any parent of that
           element will break the position: sticky functionality, which is needed. */
    overflow-x: hidden;
  }
}

.csjt-checkout-template {
  background-color: #f7f7f7;
}

.csjt-checkout-template.publish-mode.csjt-checkout-template-empty #cta-snippet-target {
  display: none;
}

#store-domain-info {
  position: absolute;
  z-index: 9999;
  right: 0;
  height: 20px;
  font-family: "VM Circular Medium", sans-serif;
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  line-height: normal;
  color: #333;
  background-color: #ea85b6;
  padding: 3px;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .snippet-tabs .container-fluid {
    padding-right: 0;
    padding-left: 0;
    max-width: 843px;
  }
}

@media only screen and (max-width: 767px) {
  .snippet-tabs .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}

.snippet-tabs .tab-container-wrapper {
  margin-top: 40px;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .snippet-tabs .tab-container-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin: 0;
  }
}

@media only screen and (max-width: 767px) {
  .snippet-tabs .tab-container-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin: 0;
  }
}

.snippet-tabs .snippet-tabs-wrapper {
  margin-bottom: 60px;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .snippet-tabs .snippet-tabs-wrapper {
    margin-top: 38px;
    width: 100%;
    order: 2;
    padding: 0;
  }
}

@media only screen and (max-width: 767px) {
  .snippet-tabs .snippet-tabs-wrapper {
    width: 100%;
    order: 2;
    padding: 0;
  }
}

.snippet-tabs .snippet-tabs-wrapper.full-width-snippet-tabs {
  width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .snippet-tabs .snippet-tabs-wrapper.full-width-snippet-tabs {
    margin-top: 0;
  }
}

.snippet-tabs .snippet-tabs-wrapper.full-width-snippet-tabs + .side-parsys-container {
  display: none;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .snippet-tabs .snippet-tabs-wrapper.full-width-snippet-tabs .snippet-tabs-list.sticky-nav {
    margin: 0;
    padding: 0;
  }
}

@media only screen and (max-width: 767px) {
  .snippet-tabs .snippet-tabs-wrapper.full-width-snippet-tabs .snippet-tabs-list.sticky-nav {
    margin: 0;
    padding: 0;
  }
}

.snippet-tabs .snippet-tabs-wrapper .tab-container {
  max-width: 884px;
  margin: 0 auto;
}

.snippet-tabs .snippet-tabs-wrapper .snippet-tabs-list {
  list-style: none;
  padding: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 0;
  background: #f7f7f7;
  position: relative;
}

.snippet-tabs .snippet-tabs-wrapper .snippet-tabs-list.sticky-nav {
  position: -webkit-sticky;
  position: sticky;
  margin: 0 -5px;
  padding: 0 5px;
  z-index: 9989;
}

@media only screen and (min-width: 1200px) {
  .snippet-tabs .snippet-tabs-wrapper .snippet-tabs-list.sticky-nav {
    top: 0;
  }
}

@media only screen and (max-width: 767px) {
  .snippet-tabs .snippet-tabs-wrapper .snippet-tabs-list.sticky-nav {
    top: 78px;
    margin: 0;
    padding: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .snippet-tabs .snippet-tabs-wrapper .snippet-tabs-list.sticky-nav {
    top: 78px;
  }
}

@media only screen and (max-width: 767px) {
  .snippet-tabs .snippet-tabs-wrapper .snippet-tabs-list.sticky-nav.sticky-prevent {
    position: relative;
    top: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .snippet-tabs .snippet-tabs-wrapper .snippet-tabs-list.sticky-nav.sticky-prevent {
    position: relative;
    top: 0;
  }
}

.snippet-tabs .snippet-tabs-wrapper .snippet-tabs-list li {
  border-bottom: 6px solid #5f2878;
  height: 68px;
  -webkit-flex: 1;
  flex: 1;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  color: #333;
  font-family: "VM Circular Book", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .snippet-tabs .snippet-tabs-wrapper .snippet-tabs-list li {
    font-size: 15px;
    font-size: 1.5rem;
  }
}

.snippet-tabs .snippet-tabs-wrapper .snippet-tabs-list li .snippet-tabs-mobile-steps {
  display: none;
}

@media only screen and (max-width: 767px) {
  .snippet-tabs .snippet-tabs-wrapper .snippet-tabs-list li .snippet-tabs-mobile-steps {
    display: none;
    position: absolute;
    right: 15px;
  }
}

.snippet-tabs .snippet-tabs-wrapper .snippet-tabs-list li .snippet-tabs-list-wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .snippet-tabs .snippet-tabs-wrapper .snippet-tabs-list li .snippet-tabs-list-wrapper {
    display: none;
  }
}

.snippet-tabs .snippet-tabs-wrapper .snippet-tabs-list li a, .snippet-tabs .snippet-tabs-wrapper .snippet-tabs-list li .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .snippet-tabs .snippet-tabs-wrapper .snippet-tabs-list li span, .snippet-tabs .snippet-tabs-wrapper .snippet-tabs-list li .snippet-tabs-item-text {
  color: #333;
}

.snippet-tabs .snippet-tabs-wrapper .snippet-tabs-list li a:hover, .snippet-tabs .snippet-tabs-wrapper .snippet-tabs-list li .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span:hover, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .snippet-tabs .snippet-tabs-wrapper .snippet-tabs-list li span:hover, .snippet-tabs .snippet-tabs-wrapper .snippet-tabs-list li .snippet-tabs-item-text:hover {
  text-decoration: none;
}

.snippet-tabs .snippet-tabs-wrapper .snippet-tabs-list li .snippet-tabs-item-text {
  line-height: 32px;
}

.snippet-tabs .snippet-tabs-wrapper .snippet-tabs-list li .snippet-tabs-number-wrapper {
  font-family: "VM Circular Book", sans-serif;
  font-size: 21px;
  font-size: 2.1rem;
  text-align: center;
  width: 32px;
  line-height: 32px;
  color: #fff;
  background: #322332;
  border-radius: 50%;
  margin-left: 15px;
  margin-right: 10px;
  position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .snippet-tabs .snippet-tabs-wrapper .snippet-tabs-list li .snippet-tabs-number-wrapper {
    margin-left: 8px;
    margin-right: 8px;
  }
}

.snippet-tabs .snippet-tabs-wrapper .snippet-tabs-list li .snippet-tabs-number-wrapper:after {
  content: '';
  display: block;
  position: absolute;
  top: 9px;
  left: 8px;
  height: 10px;
  width: 15px;
  transform: rotate(-45deg);
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
}

.snippet-tabs .snippet-tabs-wrapper .snippet-tabs-list li .snippet-tabs-number-wrapper .snippet-tabs-number {
  visibility: hidden;
}

.snippet-tabs .snippet-tabs-wrapper .snippet-tabs-list li.active a, .snippet-tabs .snippet-tabs-wrapper .snippet-tabs-list li.active .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .snippet-tabs .snippet-tabs-wrapper .snippet-tabs-list li.active span, .snippet-tabs .snippet-tabs-wrapper .snippet-tabs-list li.active .snippet-tabs-item-text {
  color: #5f2878;
}

@media only screen and (max-width: 767px) {
  .snippet-tabs .snippet-tabs-wrapper .snippet-tabs-list li.active .snippet-tabs-list-wrapper {
    display: -webkit-flex;
    display: flex;
    left: 15px;
    position: absolute;
  }
}

@media only screen and (max-width: 767px) {
  .snippet-tabs .snippet-tabs-wrapper .snippet-tabs-list li.active .snippet-tabs-mobile-steps {
    display: -webkit-flex;
    display: flex;
  }
}

.snippet-tabs .snippet-tabs-wrapper .snippet-tabs-list li.active .snippet-tabs-number-wrapper {
  background: #5f2878;
}

@media only screen and (max-width: 767px) {
  .snippet-tabs .snippet-tabs-wrapper .snippet-tabs-list li.active .snippet-tabs-number-wrapper {
    margin-left: 0;
  }
}

.snippet-tabs .snippet-tabs-wrapper .snippet-tabs-list li.active .snippet-tabs-number-wrapper:after {
  display: none;
}

.snippet-tabs .snippet-tabs-wrapper .snippet-tabs-list li.active .snippet-tabs-number-wrapper .snippet-tabs-number {
  visibility: visible;
}

.snippet-tabs .snippet-tabs-wrapper .snippet-tabs-list li.active ~ * {
  border-bottom: 6px solid #DBDBDB;
}

.snippet-tabs .snippet-tabs-wrapper .snippet-tabs-list li.active ~ * a, .snippet-tabs .snippet-tabs-wrapper .snippet-tabs-list li.active ~ * .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .snippet-tabs .snippet-tabs-wrapper .snippet-tabs-list li.active ~ * span, .snippet-tabs .snippet-tabs-wrapper .snippet-tabs-list li.active ~ * .snippet-tabs-item-text {
  color: #333;
}

.snippet-tabs .snippet-tabs-wrapper .snippet-tabs-list li.active ~ * .snippet-tabs-number-wrapper {
  background: #888;
}

.snippet-tabs .snippet-tabs-wrapper .snippet-tabs-list li.active ~ * .snippet-tabs-number-wrapper:after {
  display: none;
}

.snippet-tabs .snippet-tabs-wrapper .snippet-tabs-list li.active ~ * .snippet-tabs-number-wrapper .snippet-tabs-number {
  visibility: visible;
}

.snippet-tabs .snippet-tabs-wrapper .tab-content {
  background: #ffffff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.17);
  padding: 20px 67px 61px 67px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .snippet-tabs .snippet-tabs-wrapper .tab-content {
    padding: 20px 29px 40px 29px;
  }
}

@media only screen and (max-width: 767px) {
  .snippet-tabs .snippet-tabs-wrapper .tab-content {
    padding: 16px 15px 20px 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .snippet-tabs .side-parsys-container {
    width: 100%;
    order: 1;
    padding: 0;
  }
}

@media only screen and (max-width: 767px) {
  .snippet-tabs .side-parsys-container {
    width: 100%;
    order: 1;
    padding: 0;
  }
}

.snippet-tabs .side-parsys-container .component {
  margin-bottom: 0;
}

.snippet-tabs .side-parsys-container.sticky-nav {
  position: -webkit-sticky;
  position: sticky;
  z-index: 9989;
}

@media only screen and (min-width: 1200px) {
  .snippet-tabs .side-parsys-container.sticky-nav {
    top: 0;
  }
}

@media only screen and (max-width: 767px) {
  .snippet-tabs .side-parsys-container.sticky-nav {
    top: -86px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .snippet-tabs .side-parsys-container.sticky-nav {
    top: -86px;
  }
}

@media only screen and (max-width: 767px) {
  .snippet-tabs .side-parsys-container.sticky-nav.sticky-prevent {
    position: relative;
    top: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .snippet-tabs .side-parsys-container.sticky-nav.sticky-prevent {
    position: relative;
    top: 0;
  }
}

.email-basket .email-basket-author-details .description-group {
  margin-bottom: 10px;
}

.email-basket .email-basket-author-details .description-group p {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 14px;
  margin: 0;
}

.email-basket .email-basket-author-details .description-group .description-title {
  font-family: "VM Circular Book", sans-serif;
}

.email-basket .email-basket-author-details .description-group h6 {
  margin-bottom: 0;
  font-family: "VM Circular Medium", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 16px;
}

.email-basket .trigger-modal-inner {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  font-family: "VM Circular Book", sans-serif;
}

@media only screen and (max-width: 767px) {
  .email-basket .trigger-modal-inner p {
    text-align: left !important;
    margin: 0;
  }
}

.email-basket .trigger-modal-inner .trigger-modal:hover, .email-basket .trigger-modal-inner .trigger-modal:focus {
  text-decoration: underline;
  cursor: pointer;
}

@media only screen and (max-width: 767px) {
  .email-basket .forms-modal.modal.in .modal-dialog .modal-content {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.email-basket .forms-modal.modal.in .modal-dialog .modal-content .modal-title {
  font-family: "VM Circular Book", sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 27px;
  margin: 0;
  margin-bottom: 19px;
}

@media only screen and (max-width: 767px) {
  .email-basket .forms-modal.modal.in .modal-dialog .modal-content .modal-title {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 23px;
    margin-bottom: 10px;
  }
}

.email-basket .forms-modal.modal.in .modal-dialog .modal-content .modal-description {
  max-width: 550px;
}

.email-basket .forms-modal.modal.in .modal-dialog .modal-content .modal-description p {
  font-family: "VM Circular Light", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
}

@media only screen and (max-width: 767px) {
  .email-basket .forms-modal.modal.in .modal-dialog .modal-content .modal-description p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 22px;
  }
}

.email-basket .forms-modal.modal.in .modal-dialog .modal-content .modal-body {
  padding: 30px 32px 39px 32px;
  border: 1px solid #ccc;
}

@media only screen and (max-width: 767px) {
  .email-basket .forms-modal.modal.in .modal-dialog .modal-content .modal-body {
    padding: 15px 14px 32px 14px;
  }
}

.email-basket .forms-modal.modal.in .modal-dialog .modal-content .modal-body .email-basket-summary {
  padding-bottom: 23px;
}

@media only screen and (max-width: 767px) {
  .email-basket .forms-modal.modal.in .modal-dialog .modal-content .modal-body .email-basket-summary {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 23px;
  }
}

.email-basket .forms-modal.modal.in .modal-dialog .modal-content .modal-body .ace-form .form-group .ace-form-marker-count-invisible-accessible {
  z-index: -1;
}

.email-basket .forms-modal.modal.in .modal-dialog .modal-content .modal-body .ace-form .form-group.submit-basket {
  padding-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .email-basket .forms-modal.modal.in .modal-dialog .modal-content .modal-body .ace-form .form-group.submit-basket .btn {
    width: 100%;
    margin-bottom: 12px;
  }
  .email-basket .forms-modal.modal.in .modal-dialog .modal-content .modal-body .ace-form .form-group.submit-basket .btn:last-child {
    margin-bottom: 0;
  }
}

section .live-chat-container {
  margin-bottom: 0;
}

.price-calculator .mobile-price-rise-calculator {
  border-radius: 53px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(79, 79, 79, 0.75);
  box-shadow: 0px 0px 10px 0px rgba(79, 79, 79, 0.75);
  overflow: hidden;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: normal;
}

.price-calculator .mobile-price-rise-calculator .tariff-block {
  padding-top: 48px;
  padding-bottom: 28px;
}

.price-calculator .mobile-price-rise-calculator .tariff-block .tariff-title {
  margin-bottom: 18px;
}

.price-calculator .mobile-price-rise-calculator .tariff-block .input-wrapper {
  position: relative;
  max-width: 202px;
  margin: 0 auto 16px auto;
  color: #333;
}

.price-calculator .mobile-price-rise-calculator .tariff-block .input-wrapper .currency-icon {
  position: absolute;
  top: 8px;
  left: 18px;
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 28px;
  margin: 0;
  color: #ccc;
}

.price-calculator .mobile-price-rise-calculator .tariff-block .input-wrapper .currency-icon p, .price-calculator .mobile-price-rise-calculator .tariff-block .input-wrapper .currency-icon h1, .price-calculator .mobile-price-rise-calculator .tariff-block .input-wrapper .currency-icon h2, .price-calculator .mobile-price-rise-calculator .tariff-block .input-wrapper .currency-icon h3, .price-calculator .mobile-price-rise-calculator .tariff-block .input-wrapper .currency-icon .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina .price-calculator .mobile-price-rise-calculator .tariff-block .input-wrapper .currency-icon .acc-panel-title, .price-calculator .mobile-price-rise-calculator .tariff-block .input-wrapper .currency-icon h4, .price-calculator .mobile-price-rise-calculator .tariff-block .input-wrapper .currency-icon h5, .price-calculator .mobile-price-rise-calculator .tariff-block .input-wrapper .currency-icon h6 {
  margin: 0;
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 28px;
}

.price-calculator .mobile-price-rise-calculator .tariff-block .input-wrapper .monthly-tariff-value {
  font-family: "VM Circular Medium", sans-serif;
  font-size: 30px;
  font-size: 3rem;
  line-height: 30px;
  border-radius: 19px;
  border: none;
  padding: 0 17px 1px 37px;
  width: 100%;
  min-height: 40px;
}

.price-calculator .mobile-price-rise-calculator .tariff-block .input-wrapper .monthly-tariff-value:focus {
  outline: none;
}

.price-calculator .mobile-price-rise-calculator .tariff-block .monthly-increase-title {
  margin-bottom: 13px;
}

.price-calculator .mobile-price-rise-calculator .tariff-block .monthly-increase-value {
  font-family: "VM Circular Medium", sans-serif;
  font-size: 40px;
  font-size: 4rem;
  line-height: normal;
  margin-bottom: 13px;
}

.price-calculator .mobile-price-rise-calculator .tariff-block .button-title {
  margin-bottom: 27px;
}

.price-calculator .mobile-price-rise-calculator .tariff-block .submit-button {
  border-radius: 18px;
  border: none;
  font-family: "VM Circular Medium", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 202px;
  min-height: 40px;
  text-align: center;
  padding-top: 6px;
  padding-bottom: 6px;
}

.price-calculator .mobile-price-rise-calculator .new-tariff-block {
  padding-top: 24px;
  padding-bottom: 18px;
}

.price-calculator .mobile-price-rise-calculator .new-tariff-block .result-title {
  margin-bottom: 9px;
}

.price-calculator .mobile-price-rise-calculator .new-tariff-block .monthly-total-wrapper img {
  height: 27px;
  vertical-align: top;
  margin-top: 9px;
}

.price-calculator .mobile-price-rise-calculator .new-tariff-block .monthly-total-wrapper .currency-icon {
  font-family: "VM Circular Medium", sans-serif;
  font-size: 33px;
  font-size: 3.3rem;
  line-height: 40px;
  opacity: 0;
  max-height: 0;
  -webkit-transition: max-height 0.2s ease-in, opacity 0.4s ease-in;
  -moz-transition: max-height 0.2s ease-in false, opacity 0.4s ease-in false;
  -o-transition: max-height 0.2s ease-in false, opacity 0.4s ease-in false;
  transition: max-height 0.2s ease-in, opacity 0.4s ease-in;
}

.price-calculator .mobile-price-rise-calculator .new-tariff-block .monthly-total-wrapper .currency-icon.active-value {
  opacity: 1;
  max-height: 45px;
}

.price-calculator .mobile-price-rise-calculator .new-tariff-block .monthly-total-wrapper .currency-icon p, .price-calculator .mobile-price-rise-calculator .new-tariff-block .monthly-total-wrapper .currency-icon h1, .price-calculator .mobile-price-rise-calculator .new-tariff-block .monthly-total-wrapper .currency-icon h2, .price-calculator .mobile-price-rise-calculator .new-tariff-block .monthly-total-wrapper .currency-icon h3, .price-calculator .mobile-price-rise-calculator .new-tariff-block .monthly-total-wrapper .currency-icon .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina .price-calculator .mobile-price-rise-calculator .new-tariff-block .monthly-total-wrapper .currency-icon .acc-panel-title, .price-calculator .mobile-price-rise-calculator .new-tariff-block .monthly-total-wrapper .currency-icon h4, .price-calculator .mobile-price-rise-calculator .new-tariff-block .monthly-total-wrapper .currency-icon h5, .price-calculator .mobile-price-rise-calculator .new-tariff-block .monthly-total-wrapper .currency-icon h6 {
  display: inline-block;
  margin: 0;
  font-size: 33px;
  font-size: 3.3rem;
  line-height: 40px;
}

.price-calculator .mobile-price-rise-calculator .new-tariff-block .monthly-total-wrapper .currency-icon .monthly-total-value {
  font-size: 40px;
  font-size: 4rem;
  line-height: 40px;
}

.need-help-component {
  top: 30%;
  transition: margin-left .5s;
  position: fixed;
  left: -4px;
  z-index: 1000;
}

.need-help-component .need-help-label {
  height: 140px;
  width: 53px;
  display: inline-block;
  vertical-align: middle;
  border: solid 4px #fff;
  border-right-width: 6px;
  border-radius: 8px;
  line-height: 32px;
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  position: relative;
  font-family: "VM Circular Book", sans-serif;
  z-index: 999;
  left: -11px;
  padding-top: 3px;
}

.need-help-component .need-help-label span {
  transform: translate(-33%, 88%) rotate(-90deg);
  position: absolute;
  white-space: nowrap;
  transform-origin: bottom;
}

.need-help-component #floatinghelp {
  max-height: 280px;
  min-height: 175px;
  width: 0;
  position: relative;
  display: inline-block;
  z-index: 1000;
  vertical-align: middle;
  box-shadow: 0 2px 10px 0 #000000;
  background-color: #ffffff;
  border: 1px solid #979797;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.need-help-component #floatinghelp.expanded {
  width: 240px;
}

.need-help-component #floatinghelp .need-help-close {
  font-family: "VM Circular Book", sans-serif;
  color: #333;
  font-size: 16px;
  font-size: 1.6rem;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  text-decoration: none;
  margin: 15px;
  white-space: nowrap;
}

.need-help-component #floatinghelp .need-help-close i {
  font-size: 27px;
  font-size: 2.7rem;
  margin-left: 5px;
  vertical-align: sub;
}

.need-help-component #floatinghelp .need-help-btn-placeholder {
  white-space: nowrap;
}

.cl-header {
  height: 62px;
  width: 100%;
  background-color: #322332;
  -webkit-box-shadow: 0 3px 10px -5px #3d3d3d;
  -moz-box-shadow: 0 3px 10px -5px #3d3d3d;
  box-shadow: 0 3px 10px -5px #3d3d3d;
  position: relative;
}

.cl-header .container-fluid {
  padding: 0 15px;
}

.cl-header .cl-logo {
  height: 40px;
  width: 66px;
  margin: 10px 20px 10px 0;
  display: inline-block;
  float: left;
  background: url("component-library/vm-logo.png") no-repeat 0 bottom;
  text-indent: -100%;
  white-space: nowrap;
  overflow: hidden;
  background-position: 0 -74px;
}

.cl-header .cl-menu {
  margin: 0;
  padding-left: 23px;
  float: left;
}

.cl-header .cl-menu li {
  display: inline-block;
  float: left;
  line-height: 62px;
  margin-right: 20px;
}

.cl-header .cl-menu li a, .cl-header .cl-menu li .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .cl-header .cl-menu li span {
  font-family: "VM Circular Book", sans-serif;
  font-weight: bold;
  color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
}

.cl-footer {
  font-family: "VM Circular Light", sans-serif;
  background: #322332;
  display: table;
  width: 100%;
  min-width: 100%;
  padding: 15px 0;
}

.cl-footer .container-fluid {
  padding: 0 15px;
}

.cl-footer .logo {
  float: right;
}

.cl-footer .logo .logo-text {
  display: inline-block;
  margin-right: 20px;
  vertical-align: middle;
  text-align: right;
}

.cl-footer .logo .logo-text p, .cl-footer .logo .logo-text span {
  font-size: 12px;
  font-size: 1.2rem;
  color: #cac8cf;
  line-height: 1.2;
  margin: 0;
}

.cl-footer .logo .logo-text p.copyright, .cl-footer .logo .logo-text span.copyright {
  color: #F00;
}

.cl-footer .logo .logo-text span {
  padding-left: 7px;
}

.cl-footer .logo .logo-image {
  font-size: 0px;
  font-size: 0rem;
  background: url("component-library/vm-logo.png") no-repeat 0 bottom;
  background-size: 190%;
  height: 32px;
  text-indent: 100%;
  overflow: hidden;
  padding-left: 15px;
  width: 54px;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
}

.cl-search {
  background: url("component-library/landing-page-banner.png");
  min-height: 322px;
  display: table;
  width: 100%;
}

.cl-search .container-fluid {
  padding: 0 15px;
  display: table-cell;
  vertical-align: middle;
}

.cl-search .cl-search-title {
  color: #fff;
  margin-top: 0;
  margin-bottom: 25px;
  font-size: 50px;
  font-size: 5rem;
  line-height: 55px;
}

.cl-search .cl-search-wrapper {
  margin-bottom: 20px;
}

.cl-search .cl-search-wrapper [class*="col-"] {
  float: none;
  margin: 0 auto;
}

.cl-search .cl-search-wrapper .cl-search-inner {
  box-shadow: 0 2px 15px 1px rgba(0, 0, 0, 0.23);
  position: relative;
  background: #ffffff;
}

.cl-search .cl-search-wrapper .cl-search-inner .search-field {
  border: 1px solid #ccc;
  background: none;
  border-radius: 4px;
  color: #322332;
  height: 62px;
  line-height: 1.18;
  padding-left: 26px;
  padding-right: 92px;
  font-family: "VM Circular Book", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  float: none;
  width: 100%;
  position: relative;
  z-index: 2;
}

.cl-search .cl-search-wrapper .cl-search-inner .btn-search {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 69px;
  height: 62px;
  background: #efefef;
  border: 1px solid #ccc;
  border-left: none;
  padding: 0;
  border-radius: 0 4px 4px 0;
}

.cl-search .cl-search-wrapper .cl-search-inner .btn-search i {
  color: #ed0000;
  font-size: 28px;
  font-size: 2.8rem;
}

.cl-category-wrapper {
  padding-top: 50px;
  padding-bottom: 50px;
  border-bottom: 1px solid #dbdbdb;
  background: #efefef;
}

.cl-category-wrapper .container-fluid {
  padding: 0 15px;
}

.cl-category-wrapper h2 {
  margin-top: 0;
  margin-bottom: 30px;
}

.cl-category-wrapper .cl-category-item {
  height: 220px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: 30px;
  -webkit-box-shadow: 0 0 10px #dbdbdb;
  box-shadow: 0 0 10px #dbdbdb;
  background: #ffffff;
  font-family: "VM Circular Book", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  padding: 15px;
  cursor: pointer;
  -webkit-transition: all false false, 0.6s false false, ease-out false false;
  -moz-transition: all false false false, 0.6s false false false, ease-out false false false;
  -o-transition: all false false false, 0.6s false false false, ease-out false false false;
  transition: all 0.6s ease-out;
  border: 2px solid transparent;
}

.cl-category-wrapper .cl-category-item:hover {
  -webkit-box-shadow: 0 0 16px #dbdbdb;
  box-shadow: 0 0 16px #dbdbdb;
  text-decoration: none;
  border: 2px solid #f00;
}

.cl-breadcrumbs {
  padding-left: 0;
  padding-right: 0;
  border-bottom: 1px solid #dbdbdb;
}

.cl-breadcrumbs .container-fluid {
  padding: 0 15px;
}

.cl-breadcrumbs ul {
  padding: 0;
  list-style: none;
  margin: 0;
}

.cl-breadcrumbs ul li {
  font-family: "VM Circular Medium", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 62px;
  color: #666666;
  display: inline-block;
}

.cl-breadcrumbs ul li:before {
  content: '>';
  padding: 5px;
  font-family: "VM Circular Light", sans-serif;
  color: #666666;
}

.cl-breadcrumbs ul li:first-child:before {
  content: '';
  display: none;
}

.cl-breadcrumbs ul li a, .cl-breadcrumbs ul li .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .cl-breadcrumbs ul li span {
  font-family: "VM Circular Light", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: normal;
  color: #ed0000;
}

.cl-latest-updates {
  padding-top: 50px;
  padding-bottom: 50px;
}

.cl-latest-updates .container-fluid {
  padding: 0 15px;
}

.cl-latest-updates h2 {
  margin-top: 0;
  margin-bottom: 30px;
}

.cl-latest-updates h2 span {
  font-size: 35px;
  font-size: 3.5rem;
  font-family: "VM Circular Book", sans-serif;
  font-weight: 400;
}

.cl-latest-updates p a, .cl-latest-updates p .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .cl-latest-updates p span {
  text-decoration: underline;
}

.cl-component-list {
  padding-top: 50px;
  padding-bottom: 50px;
  border-bottom: 1px solid #dbdbdb;
  background: #efefef;
}

.cl-component-list .container-fluid {
  padding: 0 15px;
}

.cl-component-list .component-image {
  width: 100%;
}

.cl-component-list h2 {
  margin-top: 0;
  margin-bottom: 30px;
}

.cl-component-list .cl-component-list-item {
  margin-bottom: 15px;
  -webkit-box-shadow: 0 0 10px #dbdbdb;
  box-shadow: 0 0 10px #dbdbdb;
  background: #ffffff;
  position: relative;
  display: block;
  color: #322332;
  -webkit-transition: all false false, 0.6s false false, ease-out false false;
  -moz-transition: all false false false, 0.6s false false false, ease-out false false false;
  -o-transition: all false false false, 0.6s false false false, ease-out false false false;
  transition: all 0.6s ease-out;
  border: 2px solid transparent;
}

.cl-component-list .cl-component-list-item:hover {
  -webkit-box-shadow: 0 0 16px #dbdbdb;
  box-shadow: 0 0 16px #dbdbdb;
  text-decoration: none;
  border: 2px solid #f00;
}

.cl-component-list .cl-component-list-item h3 p, .cl-component-list .cl-component-list-item .accordion.js-accordion-concertina .acc-panel-title p, .accordion.js-accordion-concertina .cl-component-list .cl-component-list-item .acc-panel-title p {
  font-family: "VM Circular Bold", sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 15px;
  margin: 0;
  margin-top: 10px;
}

.cl-component-list .cl-component-list-item .status {
  padding: 5px;
  position: absolute;
  top: 0;
  right: 0;
  background: #4196d2;
  z-index: 2;
  -webkit-box-shadow: 0 0 10px #dbdbdb;
  box-shadow: 0 0 10px #dbdbdb;
  min-width: 80px;
  text-align: center;
}

.cl-component-list .cl-component-list-item .status.deprecated {
  background: #ed0000;
}

.cl-component-list .cl-component-list-item .status.in-use {
  background: #348437;
}

.cl-component-list .cl-component-list-item .status p {
  margin: 0;
  font-family: "VM Circular Bold", sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 15px;
  color: #fff;
}

body.modal-open.modal-fix {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.cl-details {
  padding-top: 50px;
  padding-bottom: 50px;
  border-bottom: 1px solid #dbdbdb;
  background: #efefef;
}

.cl-details h2 {
  margin: 0;
}

.cl-details .cl-variants-title {
  margin-top: 30px;
  margin-bottom: 30px;
}

.cl-details .cl-details-description {
  -webkit-box-shadow: 0 0 10px #dbdbdb;
  box-shadow: 0 0 10px #dbdbdb;
  background: #ffffff;
  padding: 15px;
  font-family: "VM Circular Book", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.4;
  margin: 0;
  margin-bottom: 15px;
  margin-top: 10px;
}

.cl-details .cl-details-updated {
  font-family: "VM Circular Bold", sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 15px;
  margin-top: 5px;
  margin-bottom: 15px;
}

.cl-details .cl-details-updated span {
  padding: 1px 4px;
  border-radius: 4px;
  color: #fff;
}

.cl-details .cl-details-updated span.deprecated {
  background: #ed0000;
}

.cl-details .cl-details-updated span.in-use {
  background: #348437;
}

.cl-details .cl-listed-on {
  margin-bottom: 15px;
  padding: 15px;
  -webkit-box-shadow: 0 0 10px #dbdbdb;
  box-shadow: 0 0 10px #dbdbdb;
  background: #ffffff;
  display: block;
  color: #322332;
  -webkit-transition: all false false, 0.6s false false, ease-out false false;
  -moz-transition: all false false false, 0.6s false false false, ease-out false false false;
  -o-transition: all false false false, 0.6s false false false, ease-out false false false;
  transition: all 0.6s ease-out;
}

.cl-details .cl-listed-on h3, .cl-details .cl-listed-on .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina .cl-details .cl-listed-on .acc-panel-title {
  font-family: "VM Circular Book", sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.4;
  margin: 0;
}

.cl-details .cl-listed-on p {
  margin-bottom: 5px;
}

.cl-details .cl-listed-on .cl-last-updated {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4;
  margin-bottom: 15px;
}

.cl-details .cl-listed-on .cl-list-of-links {
  padding: 10px 0;
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
}

.cl-details .cl-listed-on .cl-view-all {
  margin: 0;
  margin-top: 10px;
}

.cl-details .cl-listed-on .cl-view-all a, .cl-details .cl-listed-on .cl-view-all .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .cl-details .cl-listed-on .cl-view-all span {
  font-family: "VM Circular Book", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4;
  cursor: pointer;
}

.cl-details .cl-listed-on .cl-view-all a .cl-text-hide, .cl-details .cl-listed-on .cl-view-all .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span .cl-text-hide, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .cl-details .cl-listed-on .cl-view-all span .cl-text-hide {
  display: inline;
}

.cl-details .cl-listed-on .cl-view-all a .cl-text-show, .cl-details .cl-listed-on .cl-view-all .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span .cl-text-show, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .cl-details .cl-listed-on .cl-view-all span .cl-text-show {
  display: none;
}

.cl-details .cl-listed-on .cl-view-all a.collapsed .cl-text-show, .cl-details .cl-listed-on .cl-view-all .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span.collapsed .cl-text-show, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .cl-details .cl-listed-on .cl-view-all span.collapsed .cl-text-show {
  display: inline;
}

.cl-details .cl-listed-on .cl-view-all a.collapsed .cl-text-hide, .cl-details .cl-listed-on .cl-view-all .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles span.collapsed .cl-text-hide, .browse-bundles .bundles-wrapper .browse-bundles-inner .browse-bundles-carousel .browse-bundles-item .browse-bundles-wrapper .browse-bundles-titles .cl-details .cl-listed-on .cl-view-all span.collapsed .cl-text-hide {
  display: none;
}

.cl-details .container-fluid {
  padding: 0 15px;
}

.cl-details .cl-variants .cl-accordion .card {
  padding: 0 15px;
  -webkit-box-shadow: 0 0 10px #dbdbdb;
  box-shadow: 0 0 10px #dbdbdb;
  background: #ffffff;
  margin-bottom: 15px;
}

.cl-details .cl-variants .cl-accordion .card .card-header h3, .cl-details .cl-variants .cl-accordion .card .card-header .accordion.js-accordion-concertina .acc-panel-title, .accordion.js-accordion-concertina .cl-details .cl-variants .cl-accordion .card .card-header .acc-panel-title {
  margin: 0;
  padding: 15px 0;
}

.cl-details .cl-variants .cl-accordion .card .card-header .card-title {
  color: #322332;
  display: block;
  position: relative;
  font-size: 20px;
  font-size: 2rem;
}

.cl-details .cl-variants .cl-accordion .card .card-header .card-title:after {
  content: '-';
  display: inline-block;
  position: absolute;
  right: 0;
  font-size: 35px;
  font-size: 3.5rem;
}

.cl-details .cl-variants .cl-accordion .card .card-header .card-title.collapsed:after {
  content: '+';
  display: inline-block;
  position: absolute;
  right: 0;
  font-size: 35px;
  font-size: 3.5rem;
}

.cl-details .cl-variants .cl-accordion .card .card-body {
  padding-top: 10px;
  padding-bottom: 15px;
  border-top: 1px solid #dbdbdb;
}

.cl-details .cl-variants .cl-accordion .card .card-body .card-image {
  padding: 15px;
  -webkit-box-shadow: 0 0 10px #dbdbdb;
  box-shadow: 0 0 10px #dbdbdb;
  background: #ffffff;
  margin-bottom: 15px;
}

.cl-details .cl-variants .cl-accordion .card .card-body .card-image .trigger-modal-image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.cl-details .cl-variants .cl-accordion .card .card-body .card-image img {
  width: 100%;
}

.cl-details .cl-variants .cl-accordion .card .card-body .card-image .modal-dialog {
  max-width: 40%;
  width: auto;
  position: relative;
}

.cl-details .cl-variants .cl-accordion .card .card-body .card-image .modal-dialog button.close {
  position: absolute;
  top: -32px;
  right: 0;
  color: #fff;
  font-size: 30px;
  font-size: 3rem;
  opacity: 1;
}

.cl-details .cl-variants .cl-accordion .card .card-body .card-dialog .card-dialog-table {
  border: 1px solid #dbdbdb;
  -webkit-box-shadow: 0 0 10px #dbdbdb;
  box-shadow: 0 0 10px #dbdbdb;
  border-top: none;
  margin-top: 15px;
  margin-bottom: 15px;
}

.cl-details .cl-variants .cl-accordion .card .card-body .card-dialog .card-dialog-table .card-row {
  border-top: 1px solid #dbdbdb;
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
  align-items: center;
}

.cl-details .cl-variants .cl-accordion .card .card-body .card-dialog .card-dialog-table .card-row:nth-child(even) {
  background: #f7f7f7;
}

.cl-details .cl-variants .cl-accordion .card .card-body .card-dialog .card-dialog-table .card-row.titles {
  font-size: 22px;
  font-size: 2.2rem;
  font-family: "VM Circular Medium", sans-serif;
}

.cl-details .cl-variants .cl-accordion .card .card-body .card-dialog .card-dialog-table .card-row p {
  margin: 0;
}